.wrp-contents {
  max-width: none;
  padding: 0;
}
#container{
  letter-spacing: 0em;
  /* padding-bottom: 200px; */
}

#sec01{
  margin-top: 40px;
  text-align: center;
}
#sec01 .head{
  font-size: 32px;
  font-weight: 600;
  color: #e85414;
  margin-bottom: 1em;
  letter-spacing: -0.05em;
}
#sec01 .txt{
  font-size: 25px;
  color: #0054a5;
  margin-bottom: 1em;
  letter-spacing: -0.02em;
}
#sec01 .img{
  width: 815px;
  margin-left: auto;
  margin-right: auto;
}

#sec02{
  margin-top: -2px;
  text-align: center;
}
#sec02 .bg{
  position: relative;
  padding-top: 56px;
  padding-bottom: 65px;
  background: #c0e5f3;
}
#sec02 .bg::after {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  bottom: -49px;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-left: 70px solid transparent;
  border-right: 70px solid transparent;
  border-top: 50px solid #c0e5f3;
}
#sec02 .head{
  font-size: 28px;
  color: #0054a5;
  line-height: 1;
  margin-bottom: 1em;
}
#sec02 .txt{
  width: 353px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0.5em;
}
#sec02 .img{
  position: relative;
  width: 657px;
  margin-left: auto;
  margin-right: auto;
}
#sec02 .illust{
  position: absolute;
  top: -110px;
  left: -100px;
  width: 100px;
}
#sec02 .img_txt{
  font-size: 22px;
  font-weight: 600;
}
#sec02 .btn_conte{
  margin-top: 97px;
  margin-bottom: 60px;
}

#sec03{
  padding-top: 60px;
  background: #c0e5f3;
  text-align: center;
}
#sec03 .head{
  font-size: 28px;
  color: #0054a5;
  margin-bottom: 1em;
}
#sec03 .lists{
  width: 657px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 280px;
}
#sec03 .list{
  width: 318px;
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  font-weight: 600;
  color: #008bd6;
  background: #FFF;
  box-shadow: 6px 8px 15px -5px #777777;
  border-radius: 15px;
}
#sec03 .txt_conte{
  position: relative;
  background: #009acf;
}
#sec03 .illust{
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -97%);
  width: 308px;
}
#sec03 .txt{
  font-size: 28px;
  font-weight: 700;
  color: #FFF;
  padding: 1em 0;
}

#sec04 .head{
  font-size: 40px;
  font-weight: 600;
  text-align: center;
  padding-top: 2em;
  padding-bottom: 1em;
  color: #0054a5;
}
#sec04 .lists_conte{
  background: #fddddd;
  padding-top: 43px;
  padding-bottom: 82px;
}
#sec04 .lists{
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#sec04 .list{
  width: 30%;
}
#sec04 .list_num{
  text-align: center;
  color: #e65597;
  font-size: 28px;
  font-weight: 600;
  letter-spacing: -0.05em;
  margin-bottom: 0.5em;
}
#sec04 .list_num span{
  font-size: 150%;
  padding-left: .1em;
}
#sec04 .list_wrap{
  position: relative;
  height: 433px;
  border-radius: 30px;
  background: #FFF;
  box-shadow: 6px 8px 15px -5px #777777;
  padding-top: 23px;
  padding-bottom: 32px;
}
#sec04 .list_wrap::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translate(100%, -50%);
  width: 0;
  height: 0;
  border-top: 26px solid transparent;
  border-bottom: 26px solid transparent;
  border-left: 30px solid #ca5695;
}
#sec04 .list:nth-child(3) .list_wrap::after {
  content: none;
}
#sec04 .list_icon{
  height: 63px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  align-items: end;
  justify-content: center;
}
#sec04 .list:nth-child(1) .list_icon{
  width: 61px;
}
#sec04 .list:nth-child(2) .list_icon{
  width: 122px;
}
#sec04 .list:nth-child(3) .list_icon{
  width: 54px;
}
#sec04 .list_ttl{
  text-align: center;
  font-size: 26px;
  font-weight: 600;
  color: #e65597;
  margin: .6em 0;
}
#sec04 .list_txt{
  font-size: 18px;
  font-weight: 700;
  line-height: 1.68;
  letter-spacing: -0.02em;
}
#sec04 .list:nth-child(1) .list_txt{
  text-align: center;
}
#sec04 .list:nth-child(2) .list_txt,
#sec04 .list:nth-child(3) .list_txt{
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  text-align: justify;
}
#sec04 .list_btn{
  display: block;
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  bottom: 40px;
  left: 50%;
  transform: translateX(-50%);
}

#sec05 .head{
  font-size: 40px;
  font-weight: 600;
  text-align: center;
  padding-top: 2em;
  padding-bottom: 1em;
  color: #0054a5;
}
#sec05 .bg{
  padding-top: 65px;
  padding-bottom: 90px;
  background: #e7f4d0;
}
#sec05 .conte{
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
}
#sec05 .conte._02{
  margin-top: 66px;
}
#sec05 .ttl{
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 36px;
}
#sec05 .conte._01 .ttl_num{
  width: 100px;
}
#sec05 .conte._02 .ttl_num{
  width: 122px;
}
#sec05 .ttl_txt{
  font-size: 28px;
  font-weight: 600;
  color: #14ad67;
  margin-left: 2em;
}
#sec05 .conte._01 .lists{
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#sec05 .conte._01 .list{
  width: 33.33%;
}
#sec05 .conte._02 .ttl .illust{
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
  width: 111px;
}
#sec05 .conte._02 .txt{
  font-size: 14px;
  font-weight: 700;
  line-height: 2;
  text-indent: 1em;
  text-align: justify;
  color: #4d4d4d;
  margin-bottom: 3em;
}
#sec05 .conte._02 .txt a{
  color: #004097;
  text-decoration: underline;
}
#sec05 .conte._02 .lists{
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
#sec05 .conte._02 .list{
  width: 46%;
}

#sec06 .head{
  position: relative;
  font-size: 40px;
  font-weight: 600;
  text-align: center;
  padding-top: 2em;
  padding-bottom: 1.5em;
  color: #0054a5;
}
#sec06 .head::after{
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  height: 40px;
  background: linear-gradient(to top, #cccccc 0%, rgba(204,204,204,0) 100%);
  pointer-events: none;
}
#sec06 .conte{
  width: 900px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 65px;
}
#sec06 .conte._02{
  margin-top: 97.5px;
}
#sec06 .conte .ttl{
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
#sec06 .conte._01 .ttl_num{
  width: 106px;
}
#sec06 .conte._02 .ttl_num{
  width: 121px;
}
#sec06 .conte .ttl_txt{
  font-size: 28px;
  font-weight: 600;
  color: #0054a5;
  margin-left: 2em;
}
#sec06 .conte .ttl_p{
  width: 100%;
  font-size: 14px;
  font-weight: 700;
  line-height: 2;
  text-align: justify;
  color: #4d4d4d;
  margin-top: 2em;
  margin-bottom: 2em;
}
#sec06 .conte .illust{
  position: absolute;
  right: 0;
}
#sec06 .conte._01 .illust{
  width: 78px;
  top: -50px;
}
#sec06 .conte._02 .illust{
  width: 116px;
  top: -30px;
}

#sec07{
  position: relative;
  margin-top: 85px;
  padding-top: 95px;
}
#sec07::after{
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  height: 16px;
  background: linear-gradient(to top, rgba(204,204,204,0) 0%, #cccccc 100%);
  pointer-events: none;
}
#sec07 .btn_conte._02{
  width: 530px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 72px;
}



#container .common_btn_01{
  position: relative;
  width: 530px;
  margin-left: auto;
  margin-right: auto;
  z-index: 0;
}
#container .common_btn_01 .btn_txt{
  font-size: 22px;
  font-weight: 500;
  color: #e85414;
  line-height: 1.6;
  margin-bottom: .8em;
  text-align: center;
}
#container .common_btn_01 .illust{
  position: absolute;
  top: -10px;
  right: 0;
  left: auto;
  width: 108px;
  z-index: -1;
}

#container .float_btn-pc{
  position: fixed;
  top: 110px;
  right: 20px;
  width: 186px;
}


@media(max-width:1580px){
  /* #container{
    padding-bottom: 6.32vw;
  } */
  
  #sec01{
    margin-top: 2.53vw;
  }
  #sec01 .head{
    font-size: 2.02vw;
  }
  #sec01 .txt{
    font-size: 1.58vw;
  }
  #sec01 .img{
    width: 51.58vw;
  }
  #sec02 .bg{
    padding-top: 3.54vw;
    padding-bottom: 4.11vw;
  }
  #sec02 .bg::after {
    bottom: -3.10vw;
    border-left: 4.43vw solid transparent;
    border-right: 4.43vw solid transparent;
    border-top: 3.16vw solid #c0e5f3;
  }
  #sec02 .head{
    font-size: 1.77vw;
  }
  #sec02 .txt{
    width: 22.34vw;
  }
  #sec02 .img{
    width: 41.58vw;
  }
  #sec02 .illust{
    top: -6.96vw;
    left: -6.32vw;
    width: 6.32vw;
  }
  #sec02 .img_txt{
    font-size: 1.39vw;
  }
  #sec02 .btn_conte{
    margin-top: 6.13vw;
    margin-bottom: 3.79vw;
  }
  
  #sec03{
    padding-top: 3.79vw;
  }
  #sec03 .head{
    font-size: 1.77vw;
  }
  #sec03 .lists{
    width: 41.58vw;
    gap: 1.26vw;
    margin-bottom: 17.72vw;
  }
  #sec03 .list{
    width: 20.12vw;
    height: 6.32vw;
    font-size: 1.13vw;
    box-shadow: 0.37vw 0.5vw 0.94vw -0.31vw #777777;
    border-radius: 0.94vw;
  }
  #sec03 .illust{
    width: 19.49vw;
  }
  #sec03 .txt{
    font-size: 1.77vw;
  }
  
  #sec04 .head{
    font-size: 2.53vw;
  }
  #sec04 .lists_conte{
    padding-top: 2.72vw;
    padding-bottom: 5.18vw;
  }
  #sec04 .lists{
    width: 63.29vw;
  }
  #sec04 .list_num{
    font-size: 1.77vw;
  }
  #sec04 .list_wrap{
    height: 27.4vw;
    box-shadow: 0.37vw 0.5vw 0.94vw -0.31vw #777777;
    padding-top: 1.45vw;
    padding-bottom: 2.02vw;
  }
  #sec04 .list_wrap::after {
    border-top: 1.64vw solid transparent;
    border-bottom: 1.64vw solid transparent;
    border-left: 1.89vw solid #ca5695;
  }
  #sec04 .list_icon{
    height: 3.98vw;
  }
  #sec04 .list:nth-child(1) .list_icon{
    width: 3.86vw;
  }
  #sec04 .list:nth-child(2) .list_icon{
    width: 7.72vw;
  }
  #sec04 .list:nth-child(3) .list_icon{
    width: 3.41vw;
  }
  #sec04 .list_ttl{
    font-size: 1.64vw;
  }
  #sec04 .list_txt{
    font-size: 1.13vw;
    font-size: 1.13vw;
  }
  #sec04 .list_btn{
    bottom: 2.53vw;
  }
  
  #sec05 .head{
    font-size: 2.53vw;
  }
  #sec05 .bg{
    padding-top: 4.11vw;
    padding-bottom: 5.69vw;
  }
  #sec05 .conte{
    width: 63.29vw;
  }
  #sec05 .conte._02{
    margin-top: 4.17vw;
  }
  #sec05 .ttl{
    margin-bottom: 2.27vw;
  }
  #sec05 .conte._01 .ttl_num{
    width: 6.32vw;
  }
  #sec05 .conte._02 .ttl_num{
    width: 7.72vw;
  }
  #sec05 .ttl_txt{
    font-size: 1.77vw;
  }
  #sec05 .conte._02 .ttl .illust{
    right: 1.26vw;
    width: 7.02vw;
  }
  #sec05 .conte._02 .txt{
    font-size: 0.88vw;
  }
  
  #sec06 .head{
    font-size: 2.53vw;
  }
  #sec06 .head::after{
    height: 2.53vw;
  }
  #sec06 .conte{
    width: 56.96vw;
    margin-top: 4.11vw;
  }
  #sec06 .conte._02{
    margin-top: 6.17vw;
  }
  #sec06 .conte._01 .ttl_num{
    width: 6.70vw;
  }
  #sec06 .conte._02 .ttl_num{
    width: 7.65vw;
  }
  #sec06 .conte .ttl_txt{
    font-size: 1.77vw;
  }
  #sec06 .conte .ttl_p{
    font-size: 0.88vw;
  }
  #sec06 .conte._01 .illust{
    width: 4.93vw;
    top: -3.16vw;
  }
  #sec06 .conte._02 .illust{
    width: 7.34vw;
    top: -1.89vw;
  }
  
  #sec07{
    margin-top: 5.37vw;
    padding-top: 6.01vw;
  }
  #sec07::after{
    height: 1.01vw;
  }
  #sec07 .btn_conte._02{
    width: 33.54vw;
    margin-top: 4.55vw;
  }
  
  #container .common_btn_01{
    width: 33.54vw;
  }
  #container .common_btn_01 .btn_txt{
    font-size: 1.39vw;
  }
  #container .common_btn_01 .illust{
    top: -0.63vw;
    width: 6.83vw;
  }
  
  #container .float_btn-pc{
    top: 6.96vw;
    right: 1.26vw;
    width: 11.77vw;
  }
}

@media(max-width:756px){
  /* #container{
    padding-bottom: 45vw;
  } */
  
  #sec01{
    margin-top: 6.66vw;
  }
  #sec01 .head{
    font-size: 4vw;
  }
  #sec01 .txt{
    font-size: 3.2vw;
  }
  #sec01 .img{
    width: 88.8vw;
  }

  #sec02 .bg{
    padding-top: 6.66vw;
    padding-bottom: 8vw;
  }
  #sec02 .bg::after {
    bottom: -5.13vw;
    border-left: 7.46vw solid transparent;
    border-right: 7.46vw solid transparent;
    border-top: 5.33vw solid #c0e5f3;
  }
  #sec02 .head{
    font-size: 3.6vw;
    line-height: 1.6;
  }
  #sec02 .txt{
    width: 49.73vw;
    margin-bottom: 0.5em;
  }
  #sec02 .img{
    width: 83.06vw;
  }
  #sec02 .illust{
    top: -21.66vw;
    left: 0.67vw;
    width: 12.8vw;
  }
  #sec02 .img_txt{
    font-size: 2.66vw;
  }
  #sec02 .btn_conte{
    margin-top: 12vw;
    margin-bottom: 7.33vw;
  }

  #sec03{
    padding-top: 8vw;
  }
  #sec03 .head{
    font-size: 3.6vw;
  }
  #sec03 .lists{
    width: 83.06vw;
    gap: 2.4vw;
    margin-bottom: 35.6vw;
  }
  #sec03 .list{
    width: 40.26vw;
    height: 12.26vw;
    font-size: 2.26vw;
  }
  #sec03 .illust{
    width: 38.93vw;
  }
  #sec03 .txt{
    font-size: 3.86vw;
  }


  #sec04 .head{
    font-size: 5.33vw;
    padding-top: 1.5em;
  }
  #sec04 .lists_conte{
    padding-top: 7.33vw;
    padding-bottom: 12vw;
  }
  #sec04 .lists{
    width: 57.06vw;
    flex-direction: column;
    gap: 8.26vw;
  }
  #sec04 .list{
    width: 100%;
  }
  #sec04 .list_num{
    font-size: 3.73vw;
  }
  #sec04 .list_num span{
    font-size: 150%;
  }
  #sec04 .list_wrap{
    height: auto;
    padding-top: 4.53vw;
    padding-bottom: 5.06vw;
  }
  #sec04 .list_wrap::after {
    position: absolute;
    left: 50%;
    top: 100%;
    right: auto;
    bottom: auto;
    transform: translateX(-50%);
    border-left: 3.46vw solid transparent;
    border-right: 3.46vw solid transparent;
    border-top: 4vw solid #ca5695;
    border-bottom: none;
  }
  #sec04 .list_icon{
    height: auto;
  }
  #sec04 .list:nth-child(1) .list_icon{
    width: 8.26vw;
  }
  #sec04 .list:nth-child(2) .list_icon{
    width: 16.26vw;
  }
  #sec04 .list:nth-child(3) .list_icon{
    width: 7.2vw;
  }
  #sec04 .list_ttl{
    font-size: 3.46vw;
  }
  #sec04 .list_txt{
    font-size: 2.4vw;
    margin-bottom: 1.5em;
  }
  #sec04 .list_btn{
    position: static;
    width: 30.93vw;
    transform: translateX(0);
  }

  #sec05 .head{
    font-size: 5.33vw;
    padding-top: 1.5em;
  }
  #sec05 .bg{
    padding-top: 6.66vw;
    padding-bottom: 15.2vw;
  }
  #sec05 .conte{
    width: 100%;
  }
  #sec05 .conte._02{
    margin-top: 12vw;
  }
  #sec05 .ttl{
    flex-direction: column;
    margin-bottom: 4.93vw;
  }
  #sec05 .conte._01 .ttl_num{
    width: 13.33vw;
  }
  #sec05 .conte._02 .ttl_num{
    width: 16.26vw;
  }
  #sec05 .ttl_txt{
    font-size: 3.73vw;
    margin-left: 0;
    margin-top: 1em;
    text-align: center;
  }
  #sec05 .conte._01 .lists{
    width: 57.06vw;
    margin-left: auto;
    margin-right: auto;
    flex-direction: column;
    gap: 4.26vw;
  }
  #sec05 .conte._01 .list{
    width: 100%;
  }
  #sec05 .conte._02 .ttl .illust{
    top: 10%;
    right: 8.66vw;
    width: 14.8vw;
  }
  #sec05 .conte._02 .txt{
    font-size: 2.4vw;
    line-height: 1.8;
    margin-bottom: 2em;
    width: 83.06vw;
    margin-left: auto;
    margin-right: auto;
  }
  #sec05 .conte._02 .lists{
    width: 59.2vw;
    margin-left: auto;
    margin-right: auto;
    flex-direction: column;
    gap: 5.33vw;
  }
  #sec05 .conte._02 .list{
    width: 100%;
  }
  
  #sec06 .head{
    font-size: 5.33vw;
    padding-top: 1.5em;
  }
  #sec06 .head::after{
    height: 5.33vw;
  }
  #sec06 .conte{
    width: 83.2vw;
    margin-top: 6.66vw;
  }
  #sec06 .conte._02{
    margin-top: 8vw;
  }
  #sec06 .conte .ttl{
    flex-direction: column;
  }
  #sec06 .conte._01 .ttl_num{
    width: 14.13vw;
  }
  #sec06 .conte._02 .ttl_num{
    width: 16.13vw;
  }
  #sec06 .conte .ttl_txt{
    font-size: 3.73vw;
    margin-left: 0;
    margin-top: 1em;
    text-align: center;
  }
  #sec06 .conte .ttl_p{
    font-size: 2.4vw;
    margin-top: 1.5em;
    margin-bottom: 1.5em;
    line-height: 1.8;
  }
  #sec06 .conte._01 .illust{
    width: 10.26vw;
    top: -2.66vw;
  }
  #sec06 .conte._02 .illust{
    width: 15.46vw;
    top: -1.5vw;
  }

  #sec07{
    margin-top: 17.86vw;
    padding-top: 12vw;
  }
  #sec07::after{
    height: 2.13vw;
  }
  #sec07 .btn_conte._02{
    width: 70vw;
    margin-top: 8.66vw;
  }

  #container .common_btn_01{
    width: 70.66vw;
  }
  #container .common_btn_01 .btn_txt{
    font-size: 2.93vw;
  }
  #container .common_btn_01 .illust{
    top: -1.33vw;
    width: 14.4vw;
  }
  
  #container .float_btn-pc{
    display: none !important;
  }
  #container .float_btn-sp{
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #3055a2;
    padding-top: 4vw;
    padding-bottom: 3.33vw;
    z-index: 100;
  }
  #container .float_btn-sp .btn_txt{
    font-size: 3.73vw;
    font-weight: 700;
    text-align: center;
    color: #ffee00;
    margin-bottom: 0.5em;
  }
  #container .float_btn-sp .conte{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
  }
  #container .float_btn-sp .conte .container_btn{
    display: block;
    width: 80%;
  }
  #container .float_btn-sp .conte .illust{
    width: 16%;
  }
}