@charset "UTF-8";
/***************
 * 共通スタイル
***************/
html {
  font-size: 16px;
}
@media screen and (min-width: 768px) {
  html {
    font-size: 32px;
  }
}

body {
  font-family: "Yu Gothic", 游ゴシック体, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, verdana, sans-serif;
  background: #F8F0E9;
  background-size: 40px;
  color: #6a6a6a;
  font-size: 1rem;
  line-height: 1.5;
  width: 100%;
  overflow-x: hidden;
}
.btn-main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.wrap {
  width: 100%;
  max-width: 750px;
  margin: auto;
}
@media screen and (max-width: 767px) {
  .wrap {
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
  }
}

img {
  width: 100%;
  vertical-align: middle;
}

.area-notice {
  font-size: 0.625rem;
  color: #6a6a6a;
  width: 91.2%;
  margin: 0.5rem auto 0;
}
.area-notice ul li {
  text-indent: -0.65rem;
  margin-left: 0.65rem;
}
.area-notice ul li a {
  color: #6a6a6a;
}




/* アニメーションスタートの遅延時間を決めるCSS*/
.delay-time02{
  animation-delay: 0.2s;
  }
  .delay-time04{
  animation-delay: 0.4s;
  }
  .opa-0{
    opacity: 0;
  }
  .fadeUp {
  animation-name:fadeUpAnime;
  animation-duration:0.5s;
  animation-fill-mode:forwards;
  opacity: 1;
  }
  @keyframes fadeUpAnime{
  from {
    opacity: 0;
    transform: translateY(100px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
  }
  
/* ***************
追記スタイル
****************** */

main .main_pic {
  background-color: #ffc0e5;
  background-image: linear-gradient(90deg, #ff94bf80 1px, transparent 1px), linear-gradient(#ff94bf80 1px, transparent 1px);
  background-position: 10px 10px;
  background-size: 21px 21px;
}
button{
  display: block;
  border: none;
  margin: 0 auto;
  background: none;
  text-align: center;
}
.bg-pink{
  background-color:#ff94bf;
  padding: 25px 0;
}
.cta-btn img{
  width: 400px;
}
/* .pc-main-pic{
  z-index: 5;
  margin-bottom: -22px;
  width: 1200px;
  object-fit: cover;
} */
.pc-main-pic-box {
  max-width: 1200px;
  margin: 0 auto;
  z-index: 5;
}

.pc-main-pic-inbox{
  position: relative; /* 中央寄せしたい要素の親タグにrelativeをつける */
  height: 692px; /* 高さは固定値を入れる */
  overflow: hidden;
}

.pc-main-pic-inbox img {
  position: absolute;
  top: 0; /* トップを基準に中央配置 */
  left: 50%; /* 左を基準に中央配置 */
  width: 1200px;
  height: 692px;
  z-index: 10;
  margin-left: -600px;
}
.pc-main-pic-in-bottom-box{
  width: 100%;
  height: 692px;
  background-position: bottom ;
  background-image: url(../img/bg-pc-bottom.webp);
  background-repeat: repeat-x;
}

@media screen and (max-width: 767px) {
  .bg-pink{
    background-color:transparent;
    padding: 10px 0 20px;
  }
.cta-btn img{
  width: 90%;
  margin: 0 auto;
}
.pc-main-pic-in-bottom-box{
  width: 100%;
  height: auto;
  background-image: none;
}
}
.arrow{
  width: 20px;
  margin: 0 auto;
  display: block;
}
.box_fuki{
  background-image: url(../img/box03_bg.webp);
  background-size: cover;
}
.box_fuki img{
  width: 100%;
}
.box04_tit{
  margin-top: -80px;
}
@media screen and (max-width: 767px) {
  .box_fuki{
    background-image: url(../img/box03_bg_sp.webp);
    background-size: cover;
  }
  .box_fuki img{
    width: 100%;
  }
  .box04_tit{
    margin-top: -80px;
    z-index: 100 !important;
  }
  .box04_tit_outbox{
    overflow: visible;
  }
}

#pc-btn{
  position: fixed;
  width: 180px;
  height: 190px;
  bottom: 20px;
  right: 20px;
  z-index: 500;
  
}

#pc-btn:hover,.redirect-btn:hover{
opacity: 0.8;  
}
#pc-btn img{width: 100%;}






main#adlp_01 {
  position: relative;
  z-index: 50;
}
.wrap {
  padding: 0;
  position: relative;
}
main#adlp_01 section.sp02_flow .wrap {
  max-width: 908px;
}
@media screen and (max-width: 767px) {
  main#adlp_01 section.sp02_flow .wrap {
    overflow: hidden;
    position: relative;
  }
}


main#adlp_01 #faq .wrap h1 {
  text-align: center;
  font-size: 1.875rem;
  font-family: "noto sans jp", serif;
  font-weight: normal;
  color: #716058;
}
main#adlp_01 #faq .wrap > ul > li {
  border-radius: 0;
}
main#adlp_01 #faq .wrap > ul > li dl dt {
  color: #716058;
}
main#adlp_01 #faq .wrap > ul > li dl.question dd::after {
  background-color: #716058;
}
main#adlp_01 #faq .wrap .area-btn .btn-more {
  border-radius: 100vh;
  border: 1px solid #716058;
  padding: 0.5rem 3.5rem;
  background-color: transparent;
  color: #716058;
  font-weight: normal;
}
main #faq .wrap .area-btn{
  padding-bottom: 1em;
}
#faq .wrap > ul{
  width: 94%;
  margin: 0 auto;
}
#faq {font-size: 0.7rem !important;}
#faq .wrap > ul > li{
  border-bottom: #ffc0e5 solid 1px;
  font-size: 0.65rem !important;
}
#faq .wrap .area-btn{
  padding-bottom: 1em;
}

@media screen and (max-width: 767px) {
#faq {font-size: 0.75rem !important;}
#faq .wrap > ul > li,
main #faq .wrap > ul > li dl{
  font-size: 0.85rem !important;
}

}

.bg-blue{
  background-color:#d9ecf7;
}

main#adlp_01 .bg-cl01 .wrap {
  background-color:#EDE6E0;
}
main#adlp_01 .bg-cl02 {
  background-color:#FFF ;
} 
.bg-cl03{
  background-color:#fffbf2 ;
}
.bg-cl04{
  background-color:#EDE6E0 ;
}
.bg-cl04{
  background-color:#FDF2F3 ;
}
.bg-cl06{
  background-color:#FBE6E8 ;
}
.bg-firstbg{
  background-image: url(../img/box_first_bg.webp);
  background-size: contain;
}
.bg-wh-block{
  background-color: #ffffff;
  background-image: linear-gradient(90deg, #ff94bf3b 1px, transparent 1px), linear-gradient(#ff94bf3b 1px, transparent 1px);
  background-position: 10px 10px;
  background-size: 21px 21px;
  padding: 50px 0 140px;
}
.bg-wh-block02{
  background-color: #ffffff;
  background-image: linear-gradient(90deg, #ff94bf3b 1px, transparent 1px), linear-gradient(#ff94bf3b 1px, transparent 1px);
  background-position: 10px 10px;
  background-size: 21px 21px;
  padding: 50px 0 50px;
}
.bg-palepink{
  background-color:#ffe6f5 ;
}

.pt-05 {padding-top: 0.5em !important;}
.pt-10 {padding-top: 1em !important;}
.pt-25 {padding-top: 25px !important;}
.pt-50 {padding-top: 50px !important;}
.pb-05 {padding-bottom: 0.5em !important;}
.pb-10 {padding-bottom: 1em !important;}
.mt-10 {margin-top: 10px !important;}
.mt-15 {margin-top: 15px !important;}
.mt-20 {margin-top: 20px !important;}
.mt-25 {margin-top: 25px !important;}
.mb-10 {margin-bottom: 10px !important;}
.mb-15 {margin-bottom: 15px !important;}
.mb-20 {margin-bottom: 20px !important;}
.mb-25 {margin-bottom: 25px !important;}
.mb-30 {margin-bottom: 30px !important;}
.mb-35 {margin-bottom: 35px !important;}
.mb-50 {margin-bottom: 50px !important;}
.w88{
  display: block;
  width: 88%;
  margin: 0 auto;
}
#faq{
  background-color: #fffbf2;
  padding: 25px 0 0;
}
main#adlp_01 #faq .wrap > ul > li{
  background-color: #FBE6E8;
  border-bottom: #393939 dotted 1px;;
}
main #faq .wrap .area-btn{
  padding-bottom: 1em;
}
.mg-c{margin:  0 auto;}
.tx-c{text-align: center;}
.mg-3{
  height: 3em;
}
.mg-2{
  height: 2em;
}

.w80-sp{
  width: 80%;
  margin: 0 auto 20px;
  display: block;
}

footer{
  width: 100%;
  background-color: #ff94bf;  
}
.footer_sns ul {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  padding-top: 50px;;
}
.footer_sns ul li{
color: #FFFFFF;
padding: 0 10px;
list-style-type: none;
margin: 0;
width: 30px;
}
.footer-img{
  text-align: center;
}
.footer-img img{
  margin-bottom: -10px;
  width: 30%;
}
@media screen and (max-width: 768px) {
  .footer-in{
    width: 100%;
    padding-top: 100%;
    border-radius: 50%;
    background-color: #ff94bf;
    margin-bottom: -50%;
  }
  .footer_sns ul {
      display: flex;
      justify-content: center;
      align-items: center;
      margin: 0 auto 15vw;
      width: 70%;
  }
  .footer_sns ul li{
    color: #FFFFFF;
    padding: 0 10px;
    list-style-type: none;
    margin: 0;
    width: 15%;
  }
  .w80-sp{
    width: 100%;
    margin: 0 auto 20px;
    display: block;
  }
}

.footer_logo{
  width: 60%;
  margin: 0 auto;
}
.footer_logo img{
  width: 100%;
}
.footer_nav ul{
  width: 95%;
  margin: 1em auto;
  color: #FFFFFF;
  font-size: 0.8rem;
}
.footer_nav a{
  text-decoration: none;
  color: #FFF;
  font-size: 0.6rem;
}
.copyrights small{
  color: #FFF;
  font-size: 0.6rem;
  padding-bottom: 40px;
}

@media screen and (max-width: 767px) {
  .footer_nav ul{
    width: 90%;
    margin: 1em auto;
    color: #FFFFFF;
    font-size: 0.8rem;
  }
  footer{
    padding-bottom: 5em;
  }
  .footer_nav a{
    font-size: 0.75rem;
  }
  .copyrights small{
    font-size: 0.75rem;
    padding-bottom: 0;
  }
}


/* ボタンのキラリエフェクト */
.reflection,.reflection03,.reflection04,.reflection02 button{
  display:block;
  position:relative;
  overflow:hidden;
  }
  .reflection:after,.reflection03:after,.reflection04:after {
  content:"";
  height:100%;
  width:30px;
  position:absolute;
  top:-180px;
  left:0;
  opacity:0;
  -webkit-transform: rotate(45deg);
  -webkit-animation: reflection 2s ease-in-out infinite;
  }
  .reflection:after{
    background-color: #fff;
  }
  .reflection03:after{
    background-color: #EDE6E0;
  }
  .reflection04:after{
    background-color: #FDE6E7;
  }

  .reflection02 button:after {
    content:"";
    height:100%;
    width:30px;
    position:absolute;
    top:-180px;
    left:0;
    background-color: #FFF;
    opacity:0;
    -webkit-transform: rotate(45deg);
    -webkit-animation: reflection 2s ease-in-out infinite;
    }
  @keyframes reflection {
  0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; }
  80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.5; }
  81% { -webkit-transform: scale(4) rotate(45deg); opacity: 1; }
  100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; }
  }
  @keyframes reflection02 {
    0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; }
    80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.5; }
    81% { -webkit-transform: scale(4) rotate(45deg); opacity: 1; }
    100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; }
    }



  .pc{display: block;}
  .sp{display: none;}
@media screen and (max-width: 767px) {
  .pc{display: none;}
  .sp{display: block;}
}