html {
  scroll-padding-top: 90px;
  margin-top: 0;

}


body {
  color: #2B3F72;
  font-size: 15px;
  font-family: 'Noto Sans JP',
    sans-serif;
  letter-spacing: 0.07em;
  line-height: 200%;
  font-weight: 500;
  box-sizing: content-box;
  font-feature-settings: "palt";
  position: relative;

}


.fz-20 {
  font-size: 20px;
}

a {
  display: block;
}


.main {
  display: flex;

}

#right-items,
#left-items {
  width: 50%;

}

#right-items,
#left-items {
  position: -webkit-sticky;
  /*Safari用*/
  position: sticky;
  top: 0;
  height: 100vh;
  flex: 1;
}

#left-items {
  background: -moz-linear-gradient(top, #FAD1AF, #FBDED1 50%, #FFEBB8);
  background: -webkit-linear-gradient(top, #FAD1AF, #FBDED1 50%,
      #FFEBB8);
  background: linear-gradient(to bottom, #FFEBB8, #FBDED1 50%,
      #FAD1AF);
  background-size: 200% 200%;

  animation-name: gradation;
  animation-duration: 2.0s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  animation-timing-function: ease-in-out;
}

@keyframes gradation {
  0% {
    background-position: 0% 0%;
  }

  100% {
    background-position: 100% 100%;
  }
}

.rignt-item-lists.center {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  padding: 0 30px;

}

ul.left-items-link.center {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 74%;
  padding: 0 30px;

}

nav.left-item-content {
  max-width: 500px;
  /* text-align: right; */
  margin: 0 0 0 auto;
}

.right-item-btn.btn a {
  font-size: 15px;
  width: 280px !important;
  min-width: 280px;
  line-height: 150%;
  padding: 10px 0 !important;
}

.right-item-btn.btn {
  width: 280px;
  line-height: 100%;
}

.rignt-item-btn.btn::before {
  content: "";
  display: block;
  margin-top: 16px;
}

.left-items-link.center {
  text-align: left;
}


.left-link-item {
  padding-bottom: 40px;
}

.left-link-item a {
  font-size: 18px;
  color: #2B3F72;
  line-height: 100%;
  letter-spacing: 0.1em;
}

.left-link-item p {
  font-size: 18px;
  color: #2B3F72;
  line-height: 100%;
  letter-spacing: 0.1em;
}

.left-link-item .left-item-link-mini {
  font-size: 15px;
  color: #2B3F72;
  line-height: 100%;
  letter-spacing: 0.1em;
  padding-left: 20px;
  padding-top: 20px;
}


.left-header-item {
  width: 170px;
  padding: 28px 22px;
}

#right-items {
  background: -moz-linear-gradient(top, #FFEBB8, #FBDED1 50%, #FAD1AF);
  background: -webkit-linear-gradient(top, #FFEBB8, #FBDED1 50%,
      #FAD1AF);
  background: linear-gradient(to bottom, #FAD1AF, #FBDED1 50%,
      #FFEBB8);
  background-size: 200% 200%;

  animation-name: gradation;
  animation-duration: 2.0s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  animation-timing-function: ease-in-out;
}

.right-item-qr {
  width: 93px;
  margin-right: 20px;
}

.right-item-btn a {
  color: #FFF;
}

.right-item-btn {
  max-width: 280px;
  margin: 0 auto;
}

.right-items-b.flex {
  justify-content: center;
}

.right-item-btn.btn::after {
  display: none;
}

.right-items-b {
  margin-top: 42px;
}

.sp-only {
  display: none;
}


#center-items {
  box-shadow: 0px 0px 60px 0px rgba(103, 54, 9, 0.78);
  width: 570px;
  display: none;
  background-color: #FDF6E8;

}

.caslon {
  font-family: adobe-caslon-pro,
    serif;
  font-weight: 500;
}

img {
  width: 100%;
}

.flex {
  display: flex;
  align-items: center;
}

.container {
  max-width: 1252px;
  margin: 0 auto;
  padding: 0 35px;
  box-sizing: content-box;
  position: relative;
  z-index: 1;
}

.ore {
  color: #DF8969;
}

.bg-ore {
  background-color:#DF8969;
  color: #fff;
  display: inline-block;
  letter-spacing: 0.07em;
  line-height: 100%;
  padding:6px 8px;
  margin-bottom: 17px;
  font-size: 14px;
}

.fz14{
  font-size: 14px;
  display: inline-block;
  font-weight: 700;
  letter-spacing: 0.07em;
  padding: 0 5px;
}

img.about-1 {
  margin-top: 10px;
}


.element {
  /* 最初は非表示 */
  opacity: 0;
  visibility: hidden;
  transform: translateY(30px);
  transition: opacity 1s, visibility 1s, transform 1s;
}
.element-2 {
  /* 最初は非表示 */
  opacity: 0;
  visibility: hidden;
  transform: translateY(15px);
  transition: opacity 1s, visibility 1s, transform 1s;
}

/* フェードイン時に入るクラス */
.is-fadein {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}


/*===================================================================
slick ドット
==================================================================*/

.slick-dots2 {
  position: absolute;
  bottom: -40px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%;
}

.slick-dots2 li {
  position: relative;
  display: inline-block;
  height: 20px;
  width: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}

.slick-dots2 li.slick-active button::before {
  color: red;
}

.slick-dots2 li button {
  background: transparent;
  border: 0;
  font-size: 0pt;
}

.slick-dots2 li button::before {
  position: absolute;
  top: 0;
  left: 0;
  content: "•";
  width: 20px;
  height: 20px;
  font-family: "slick";
  font-size: 10px;
  line-height: 20px;
  text-align: center;
  color: black;
  opacity: 0.25;
}

/*===================================================================
====================================================================
レスポンシブ
====================================================================
==================================================================*/


@media screen and (max-width:1200px) {
  /*-----------------------------------
    全体
  ------------------------------------*/

  .container {
    padding: 0 45px;
  }

  .body {
    font-size: 14px;
    line-height: 1.7;
  }

  .h3 {
    font-size: 20px;
  }

  nav.left-item-content,
  .rignt-item-lists.center {
    display: none;
  }

}

@media (max-width: 570px) {

  .sp-only {
    display: block;
  }

  #left-items,
  #right-items {
    display: none;
  }

  .main {
    display: block;
    max-width: 100%;
  }

  #center-items {
    box-shadow: 0px 0px 60px 0px rgba(103, 54, 9, 0.78);
    max-width: 100%;
  }

      .container {
        padding: 0 45px;
      }

          html {
            margin-top: 0px !important;
          }

  /*-----------------------------------
    全体
    ------------------------------------*/

  .container {
    padding: 0 20px;
    box-sizing: border-box;
  }

  .body {
    font-size: 14px;
    line-height: 1.7;
  }

}


/*===================================================================
ヘッダー
==================================================================*/

/* .header {
  display: none;
} */

.header-logo {
  width: 96px;
}

.header {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10000;
  height: 65px;
  width: 100%;


}

.header-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 65px;
  padding: 0 30px 0 50px;
  max-width: 490px;
  margin: 0 auto;
  box-sizing: content-box;
  z-index: 99;
  position: relative;
  background-color: unset;

}

.header-navi a {
  display: inline-block;
  font-size: 18px;
  font-family: 'Roboto',
    sans-serif;
  font-weight: 700;
}

.opacity:hover {
  opacity: 0.6;
}


.header-navi ul li {
  margin-right: 40px;
}

.header-navi ul li:nth-last-child(1) {
  margin-right: 0px;
}

.header-navi {
  display: flex;
}

.header-navi ul {
  display: flex;
}

.header-navi .btn {
  margin-top: 17px;
}

  .header {
    display: block;

  }

@media (max-width: 570px) {


  .header-item {
    padding: 0 20px;
    box-sizing: content-box;
    padding: 0 40px 0 20px;
  }

  .header-navi {
    display: none;
  }



  .header-logo {
    width: 96px;
    line-height: 65px;
  }

}

@media (max-width: 375px) {


  .header-botom a {
    display: block;
    width: 99%;

    text-align: center;
    font-size: 9px;
    line-height: 160%;
    padding: 23px 0;
    margin-bottom: 2px;

  }
}


/*===================================================================
mv
==================================================================*/

.mv-txt-box .container {
  padding: 0 45px;
}

section#mv {
 position: relative;

}

.fade-in {
  animation: fadeIn 1s ease-out forwards;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}


.mv-top{
  position: relative;
}

img.mv-wave {
  position: absolute;
  bottom: 0px;
  right: 0px;
}

.mv-bg{
 padding:20px 20px 102px 20px ;
}


h3 {
  font-size: 24px;
  line-height: 160%;
  letter-spacing: 0.07em;
  font-family: 'Noto Sans JP',
    sans-serif;
  font-weight: 600;
  padding-bottom: 24px;
}

.m-title {
  font-size: 24px;
  line-height: 160%;
  letter-spacing: 0.07em;
  font-family: 'Noto Sans JP',
    sans-serif;
  font-weight: 600;
  padding-bottom: 24px;
}

.m-25 {
  margin: 25px 0;
}

.wave {
  position: absolute;
  top: -50px;
  right: 0;
}

.top-contents {
  width: 570px;
}

.top-img {
  width: 100%;
  padding-top: 68px;

}

.top-img img {
  width: 100%;
  object-fit: cover;
  padding: 0 24px;
}

.cta-btn-maru {
width: 350px;
position: absolute;
bottom: 13px;
left: 50%;
transform: translate(-50%, 0%) ;
width: 90%;
}


/*===================================================================
wrreis
==================================================================*/


img.worrie-item {
    padding: 68px 30px 62px;
    max-width: 390px;
    display: block;
    margin: 0 auto;
}

section#worrie {

  background-image: url(../img/sp/lp/worrie-bg.png);
  background-size: cover;
  padding: 0 30px;
  padding-top: 29px;
}

#worrie>.title>.bg-wh {
  font-size: 14px!important;
  letter-spacing: 0.07em;
  margin-bottom: 12px;
}

.bg-wh{
  display: inline;
}

.inbl p{
  display: inline-block;
  letter-spacing: 0.07em;
}
.inbl.inbl-worrie{
  display: block;
  margin-top: 12px;
}

.inbl{
  display: inline-block;
}

#worrie>.title{
  margin-bottom: 20px;
}


p.worrie-title {
  color: #fff;
  font-size: 22px;
  line-height: 200%;
  border-bottom: dashed 2px #fff;
  display: inline-block;
  letter-spacing: 0.08em;
}

.fz24{
  font-size: 24px;
  display: inline-block;
  font-weight: 700;
  letter-spacing: 0.07em;
}

img.worrie-check {
  width: 24px;
  margin-top: 3px;
  margin-right: 6px;
}

.wr-txt{
  width: 84%;
}


.flex.worrie-item {
  align-items: flex-start;
  color: #333;
  font-size: 16px;
  padding: 8px 0;
  border-bottom: dashed 1px #ccc;
  font-weight: 500;
}

.worrie-contens {
  background-color: #fff;
  border-radius: 12px;
  padding: 22px 28px 32px 20px;
}

.worrie-area {
  position: relative;
}

img.worrie-woman {
  width: 160px;
  position: absolute;
  right: -15px;
  bottom: -75px;
}

img.worrie-cuse {
  z-index: 1000;
  position: absolute;
  bottom: -210px;
  left: 0;
}

.worrie-check{
  width: 24px;
  margin-right: 12px;
}

.list-parts.flex{
align-items: flex-start;
background-color: #fff;
padding: 7px 25px;
border-radius: 5px;
margin-bottom: 5px;
}

.worrie-txt>.ore{
  font-size: 20px;
  display: inline-block;
}
.worrie-txt{
  font-size: 16px;
  letter-spacing: 0.07em;
  line-height: 1.4;

}

@media (max-width: 570px) {



  img.worrie-cuse {
    z-index: 1000;
    position: absolute;
    bottom: -170px;
    left: 0 ;
  }

}


@media (max-width: 512px) {

  /* .mv-txt-box .container {
    padding: 0 20px;
  } */

  section#worrie {
    padding-top: 29px;
  }

  img.worrie-cuse {
    z-index: 1000;
    position: absolute;
    bottom: -160px;
    left: 0;
  }


}

@media (max-width: 470px) {
img.worrie-cuse {
  position: absolute;
  bottom: -125px;
  left: 0;
}

}




.wh-bg-ore{
  color: #fff;
  background-color: #DF8969;
  font-size: 24px;
  letter-spacing: 0.07em;
  line-height: 160%;
  padding: 3px 12px;
  display: inline;
  margin-top: 14px;
}


.yugami-bt-img {
  width: 63%;
  max-width: 350px;
  padding-top: 14px;
  margin: 0 auto;
  display: block;
}

/*===================================================================
 about
==================================================================*/

section#about{
  position: relative;
  background-image: url(../img/sp/lp/about-bg.png);
  background-size: cover;
  padding: 30px 0px 40px;

}
#about>.title{
  margin-bottom: 0px;
}

.about-2{
  padding: 0 20px;
  position: relative;
  top: -33px;

}

.title-txt {
  position: relative;
  margin-bottom: 20px;
}

.media.bg-ore{
  margin-bottom: 6px;
}
img.shine {
  width: 24px;
  position: absolute;
  top: 62%;
  left: 50%;
  transform: translate(-50%, -50%) translate(134px, 0px);
}

img.book-1 {
  padding: 0 21px;
}

.book-2-area {
  text-align: center;
}

img.book-2 {
  width: 239px;
}

.media-txt>.ore{
  display: inline-block;
}

.media-txt{
  font-size:16px;
  margin: 0 auto;
  letter-spacing: 0.07em;
  max-width: 330px;
}

.media-txt-p{
text-align: left;
margin-top: 30px;
}




@media (max-width: 570px) {
  section#yugami {
    padding-top: 110px;
  }

  .ore-tri {
    position: absolute;
    bottom: -40px;
    left: 0;
    z-index: -1;

  }

  .yugami-vector {
    width: 48px;
    position: absolute;
    top: 110px;
    right: 80px;
  }


}
@media (max-width: 440px) {

  section#yugami {
    background-color: #FDF6E8;
    padding-top: 110px;
  }

.yugami-t-img {
  margin-top: 27px;
  padding: 0 20px;
  margin-bottom: 45px;
}

.yugami-bg-ore {
  padding: 36px 0 20px;
  position: relative;
  z-index: 1;
  top:10px;
}

.ore-tri {
  position: absolute;
  bottom: -30px;
  left: 0;
  z-index: -1;

}

.yugami-vector {
  width: 48px;
  position: absolute;
  top: 90px;
  right: 10px;
}

}



/*===================================================================
  cta
  ==================================================================*/


section.cta {

  width: 100%;
  background-image: url(../img/sp/lp/cta-bg.png);
  /* background: -moz-linear-gradient(left top, #EAB0A7 0%, #E8A992 70%, #E9C25D 100%);
  background: -webkit-linear-gradient(left top, #EAADA8 0%,#EAADA8 35%, #EBB3A4 70%,
    #EECD81 100%); */
  padding-bottom: 37px;
  background-size: cover;

}


.cta {
  text-align: center;
}

.cta-items {
  padding-top: 70px;
}

.cta-tri{
  width: 12px;
  margin-left: 10px;

}

.cta-date{
  width: 297px;
  margin-top: 20px;
  margin-bottom: 16px;
}

.cta-date-2 {
  width: 370px;
  margin-top: 15px;

}


p.l-h-100 {
  font-size: 22px;
  color: #fff;
  letter-spacing: 0.07em;
  line-height: 160%;
  padding: 8px 0 16px;
  font-weight: 700;
}

.cta-btn-items {
  margin: 0 auto;
  width: 100%;
  height: auto;
}

p.grate-text{
  line-height: 56px;
  color: #fff;
  font-size: 16px;

}

.cta-btn-items>a{
  align-items: center;
  justify-content: center;
}

@media (max-width: 570px) {

  .cta-wave {
    position: absolute;
    bottom: -50PX;
    left: 0;
  }

}


@media (max-width: 490px) {

  .cta-wave {
    position: absolute;
    bottom: -40PX;
    left: 0;
  }

}
@media (max-width: 400px) {

  .cta-wave {
    position: absolute;
    bottom: 0PX;
    left: 0;
  }

}




/*===================================================================
renewal
==================================================================*/

#renewal{
  background-color: #FDF6E8;
  position: relative;
  background-image: url(../img/sp/lp/online-bg.png);
  background-size: cover;
}

.rnw-kazari{
  position: absolute;
  top:40px;
  left: 50%;
  transform: translate(-50%, 0);
  max-width: 430px;
}

.rnw-item {
  margin: 0 auto;
  padding-top: 30px;
  text-align: center;
  margin-bottom: 30px;
}

.triangle-img{
  position: relative;
  top:-10px;
}

img.point {
  width: 89px;
  position: absolute;
  top: -20px;
  left: 20px;
  z-index: 1;
}

.gif-item{
  padding: 0 30px;
}
.rnw-gif {
  border-radius: 20px;

}

img.rew-img {
  padding: 16px 7px 30px ;
}

.rew-img-1{
  width: 342px;
  margin-bottom: 20px;
}

.rew-img-2{
  width: 348px;
  margin-bottom: 20px;
}
.rew-img-3{
  width: 330px;
  padding-top: 16px !important;
  margin-bottom: 20px;
}
.rew-img-4{
  width: 330px;
  padding-top: 16px !important;
}



.rnw-t>.title {
  text-align: center;
  font-weight: 700;
}


.rnw-box{
  position: relative;
  z-index: 1;
}

.vector-1{

  width: 100%;
  position: absolute;
  top: 52%;
  transform: translate(-13%, -50%);
  left: 0;
  z-index: -1;

}
.vector-2{
  width: 100%;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translate(12%, -50%);
  z-index: -1;

}
.vector-3{

  width: 100%;
  position: absolute;
  top:52%;
  left: 0;
  transform: translate(-13%,-50%);
  z-index: -1;

}
.vector-4{

width: 100%;
position: absolute;
top: 50%;
right: 0;
transform: translate(16%, -50%);
z-index: -1;

}

.rnw-r {
  width: 146px;
  position: relative;
}

img.vector-5 {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translate(30%, -20%);
  width: 100%;

}

.rnw-l {
  margin-right: 6px;
  font-size: 20px;
}

p.bg-ore.rnw-ore {
  font-size: 20px;
  margin-top: 5px;
  font-weight: 700;
}
.rnw-b.flex {
  justify-content: space-around;
  padding: 0 5px 0 20px;
  align-items: start;
  margin-top: 23px;
}

.wave-rnw {
  position: absolute;
  bottom: -20px;
}

@media (max-width: 570px) {


  .rnw-kazari {
    position: absolute;
    top: 70px;
    left: 50%;

  }

.rnw-item {
 margin-top: 41px;
  width: 100%;
}


.rnw-r {
  width: 96px;
}

.vector-1 {

  width: 100%;
  position: absolute;
  top: 52%;
  transform: translate(-13%, -50%);
  left: 0;

}

.vector-2 {
  width: 100%;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translate(3%, -50%);

}

.vector-3 {

  width: 100%;
  position: absolute;
  top: 52%;
  left: 0;
  transform: translate(-13%, -50%);

}

.vector-4 {

  width: 100%;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translate(6%, -50%);

}

img.vector-5 {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translate(30%, -20%);
  width: 100%;

}
}

@media (max-width: 470px) {


  img.vector-5 {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(5%, -20%);
    width: 100%;
  }

}

/*===================================================================
bfaf
==================================================================*/

#bfaf {
  position: relative;
  background-color: #fff;
  padding-top: 40px;
  padding-bottom: 0px;
}

#bfaf .title-mini{
  letter-spacing: 0.07em;
  border-bottom: 0.5px #231815 solid;

}

.fz16{
  font-size: 16px;
  display: inline-block;
}

.shine.shine-bfaf{
  position: absolute;
  top: 45%;
  left: 50%;
  transform: translate(-50%, -50%) translate(134px, 0px);
}

.fz22{
  font-size: 22px;
  display: inline-block;
}

.bfaf-b{
  font-size: 16px;
  font-weight: 700;
  text-align: center;
  letter-spacing: 0.07em;
  position: relative;
}

#voice .title>.bg-ore,
#message .title>.bg-ore,
#faq .title>.bg-ore{
  font-size: 14px;
  font-family: poppins,
    sans-serif;
  line-height: 160%;
  padding:4px 9px 2px;
  background-color: #DF8969;
  margin-bottom: 14px;
  font-weight: 600;
}

#bfaf .title>.bg-ore{
  font-size: 14px;
  font-family: poppins,
  sans-serif;
  line-height: 160%;
  padding:4px 9px 2px;
  background-color: #DF8969;
  margin-bottom: 7px;
  font-weight: 600;

}

#flow .title>.bg-ore{
  font-size: 14px;
  font-family: poppins,
  sans-serif;
  line-height: 160%;
  padding:4px 9px 2px;
  background-color: #DF8969;
  margin-bottom: 10px;
  font-weight: 600;
}

#bfaf .title{
  margin-bottom: 10px;
}

.title-mini {
  font-size: 22px;
  line-height: 160%;
  font-weight: 700;
  letter-spacing: 0.07em;
}

.bfaf-items{
  margin-top: 17px;
  margin-bottom: 58px;
}


.bfaf-items img {
  text-align: left;
  margin-bottom: 42px;
  padding: 5px;
}

.middle {
  padding: 32px 0;
}

.slick-dots li.slick-active button:before {
  opacity: .75;
  color: #DF8969;
}
.wave-bfaf-bt {
  position: absolute;
  bottom: -50px;
  left: 0;
  z-index: 1;
}


@media (max-width: 570px) {

#bfaf {
  padding-bottom: 0px;
  padding-top: 28px;
}

.wave-bfaf-bt {
  position: absolute;
  bottom: -40px;
  left: 0;
  z-index: 1;
}

}




/*===================================================================
message
==================================================================*/

#message {
  background: -moz-linear-gradient(top, #fff, #E3D8C3 );
  background: -webkit-linear-gradient(top right, #FDFCFA, #E2D8C4);
  padding-top: 48px;
  padding-bottom: 136px;
  text-align: left;
  font-size: 16px;
  letter-spacing: 0.07em;
  line-height: 180%;
  font-weight: 500;
  overflow: hidden;
  position: relative;
}

#message .bg-navy {
  font-weight: 700;
}

p.ore {
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.07em;
  line-height: 180%;
  display: inline-block;
}

.cta-item{
    width: 225px;
    position: absolute;
    bottom: -128px;
    right: 0px;
    z-index: -1;
}

.cta-item {
  width: 227px;
  position: absolute;
  bottom: -120px;
  right: -10px;
  z-index: -1;
}

.message-item {
  padding-top: 6px;
  font-weight: 500;
}

.wave-mes{
  position:absolute;
  bottom: 0px;
  z-index: 1;
}

@media (max-width: 570px) {

.wave-mes{
  position:absolute;
  bottom: 0px;
  z-index: 1;
}

}


/*===================================================================
flow
==================================================================*/

#flow{
  background-color: #FDF6E8;
  position: relative;
  padding-bottom: 60px;
  padding-top: 0px;

}


.wave-flow{
  position: absolute;
  bottom:-100px;
  left: 0;
  z-index: 1;
}

.flow-item{
  margin-bottom: 18px;

}

.flow-btn {
    margin: 0 auto;
    width: 90%;
    height: auto;
}

.swip-5.slick-initialized.slick-slider {
  margin-bottom: 34px;
}

.flow-btn>a {
  font-size: 16px;
  color: #fff;
  letter-spacing: 0.07em;
  line-height: 160%;
  padding: 14px 0 16px;
  text-align: center;
}



button.slick-prev.slick-arrow {
  background-color: #2B3F72;
  border-radius: 50px;
  width: 40px;
  height: 40px;
}

.slick-prev:before {
  content: '';
  display: block;
  width: 7px;
  height: 7px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: rotate(-135deg);
  line-height: 81px;
  position: relative;
  left: 15px;
  opacity: 1 !important;
}

button.slick-next.slick-arrow {
  background-color: #2B3F72;
  border-radius: 50px;
  width: 40px;
  height: 40px;
  margin-right: 5px;
}

.slick-next:before {
  content: '';
  display: block;
  width: 7px;
  height: 7px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: rotate(45deg);
  line-height: 81px;
  position: relative;
  left: 15px;
  opacity: 1 !important;
}

button.slick-prev.slick-arrow.slick-disabled {
  display: none !important;
}

button.slick-next.slick-arrow.slick-disabled {
  display: none;
}



@media (max-width: 570px) {

  #flow {
    position: relative;
    padding-bottom: 60px;
    padding-top: 0px;

  }

  .wave-flow {
    position: absolute;
    bottom: -100px;
    left: 0;
    z-index: 1;
  }

}

@media (max-width: 470px) {

  #flow {
    position: relative;
    padding-bottom: 60px;
  }

  .wave-flow {
    position: absolute;
    bottom: -70px;
    left: 0;
    z-index: 1;
  }

}

/*===================================================================
faq
==================================================================*/

#faq {
  padding: 21px 0 650px;
  width: 100%;
  background-color: #fff;
  position: relative;
}

.faq-list {
  background-color: #fdf6e8;
  padding: 20px 25px 20px 20px;
  margin-top: 7px;
  border-radius: 8px;
}

.faq-area {
  margin-top: -6px;
}

.q {
  display: flex;
  align-items: center;
  position: relative;
}

.q>dt {
  font-weight: 600;
  margin-right: 16px;
  color: #DF8969;
  font-size: 18px;
  font-family: "poppins",
  sans-serif;
}

.q-description {
  font-size: 14px;
  font-weight: 500;
  line-height: 160%;
  letter-spacing: 0.07em;
  width: 80%;
}

.a-description {
  font-size: 14px;
  font-weight: 400;
  line-height: 160%;
  letter-spacing: 0.07em;
  width: 90%;
}


.arrow-icon span {
  display: inline-block;
  vertical-align: middle;
  color: #DF8969;
  line-height: 1;
  width: 8px;
  height: 8px;
  border: 2px solid currentColor;
  border-left: 0;
  border-bottom: 0;
  box-sizing: border-box;
  transform: translateY(-25%) rotate(135deg);
  position: absolute;
  right: 0;
  top: 30%;
}


.arrow-icon span.active {
  transform: translateY(25%) rotate(-45deg);
  transition: 0.5s;
}

dl {
  display: flex;
}

.a {
  font-size: 13px;
  font-weight: 400;
  letter-spacing: 0.07em;
  display: flex;
  align-items: flex-start;
  border-top: #ECE7DF 1px solid;
  display: none;
  padding-top: 15px;
  margin-top: 11px;
}

.a>dt {
  font-weight: 600;
  margin-right: 16px;
  color: #DF8969;
  font-size: 18px;
  font-family: "poppins",
  sans-serif;
}


.faq-list a {
  color: #D86F46;
  display: inline-block;
}

.qa-btn-area{
  text-align: center;
  margin-top: 32px;
}

.arrow-icon-btn span{
  display: inline-block;
  vertical-align: middle;
  color: #2B3F72;
  line-height: 1;
  width: 10px;
  height: 10px;
  border: 2px solid currentColor;
  border-left: 0;
  border-bottom: 0;
  box-sizing: border-box;
  transform: translateY(-25%) rotate(45deg);
  margin-left: 15px;
  margin-top: 3px;
}

.qa-btn {
  font-size: 16px;
  display:flex ;
  justify-content: center;
  font-weight: 500;

}

.contact-btn {
  background-color: #2B3F72;
  /* color: #fff; */
  border-radius: 28px;
  width: 310px;
  height: 56px;
  display: inline-block;
  margin-top: 16px;
  font-size: 16px;
}

.contact-btn a{
  color: #fff;
  line-height:56px ;

}

.cta-bt-wave{
  position: absolute;
  bottom: -113px;
  left: 0;
}

.cta-text{
  font-weight: 700;
  font-size: 28px;
  letter-spacing: 0.05em;
  padding: 18px 0;

}

.fz14{
  font-size: 14px;
}
/*===================================================================
  reason
  ==================================================================*/


.reason-t {
  width: 100%;
  padding-top: 230px;
}

.reason-b{
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) translate(0px, 60px);
  max-width: 360px;
  width: 90%;
}

.reason-item {
  margin-top: 60px;
  position: relative;
  top:-20px;
}

/*===================================================================
  cta
  ==================================================================*/

  section.cta-bt {
    width: 100%;
    background-image: url(../img/sp/lp/cta-bg.png);
    background-size: cover;
    /* background: -moz-linear-gradient(left top, #EAB0A7 0%, #E8A992 70%, #E9C25D 100%);
    background: -webkit-linear-gradient(left top, #EAB0A7 0%, #E8A992 70%,
      #E9C25D 100%); */
    padding-bottom: 70px;
    text-align: center;
    position: absolute;
    bottom: -50px;
    left: 0;
  }

  .cta-bt-area{
    padding-bottom: 50px;
  }

  .cta-bt>.container>.cta-items>.txt-area>.cta-date{
    width: 311px;
    margin-bottom: 24px;
  }

.wave-fot-lp {
  position: absolute;
  bottom: -70px;
  left: 0;
}

.cta-date-2 {
  width: 80%;
}

.cta-chance {
  width: 80%;
}

.cta-btn-items {
  margin: 0 auto;
  width:80%;
  height: auto;
}

@media (max-width: 570px) {
    .cta-chance{
      padding: 0 30px;
    }

  section.cta-bt {
    position: absolute;
    bottom: -64px;
    left: 0;
  }

  .wave-fot-lp {
    position: absolute;
    bottom: -60px;
    left: 0;
  }

/*
.cta-bt-area  {
  padding-bottom: 10px;
} */

}


  @media (max-width: 500px) {
    .cta-chance {
      padding: 0px;
    }

    section.cta-bt {
      position: absolute;
      bottom: -34px;
      left: 0;
    }

    .wave-fot-lp {
      position: absolute;
      bottom: -53px;
      left: 0;
    }
    /* .cta-bt-area {
      padding-bottom: 80px;
    } */

  }

  @media (max-width: 460px) {

    section.cta-bt {
      position: absolute;
      bottom: -70px;
      left: 0;
    }

.cta-date-2 {
  width: 100%;
}

.cta-chance {
  width: 100%;
}

.cta-btn-items {
  width: 100%;

}

.cta-bt-area {
  padding-bottom: 0px;
}


  }

  @media (max-width: 430px) {
    section.cta-bt {
      position: absolute;
      bottom: -50px;
      left: 0;
    }

  }
  @media (max-width: 389px) {

    section.cta-bt {
      position: absolute;
      left: 0;
    }
    .cta-bt-area {
      padding-bottom: 20px;
    }
  }

/*===================================================================
フッター
==================================================================*/

#footer {
  background-color: #2B3F72;
  color: #fff;
  text-align: center;
  font-size: 13px;
  font-weight: 500;
  line-height: 160%;
  position: relative;
  margin-top: 50px;
  height: 273px;
  padding-top: 40px;
}

.fot-sns a {
  display: inline-block;
}


.wave-fot {
  position: absolute;
  top: -150px;
  right: 0;
}

.footer-logo {
  width: 170px;
  position: relative;
  z-index: 100;
  margin-top: 0px;
}

.fot-sns img {
  width: 35px;

}

.copy-light {
  font-size: 12px;
  padding-bottom: 20px;
  letter-spacing: 0.06em;
  font-weight: 500;
  line-height: 200%;
  padding-top: 17px;
  width: 70%;
  margin: 0 auto;
}

@media (max-width: 570px) {

  #footer {
    padding-top: 18px;
  }


  .wave-fot {
    position: absolute;
    top: -90px;
    right: 0;
  }

}

/*================================================
モーダル
=================================================*/
.modal-span {
  cursor: pointer;
}

.modal-outer {
  position: fixed;
  top: 0;
  left: 0;
  display: none;
  width: 100%;
  height: 100%;
  background-color: rgba(43, 63, 114, 0.65);
  z-index: 10000;
}

.modal-inner {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  overflow-y: auto;
  width: 100%;
  max-width: 400px;
  background: #fff;
  padding: 48px 30px 0;
  max-height: 80vh;
  border-radius: 20px;
  font-size: 13px;
  font-weight: 500;
  line-height: 200%;
  text-align: left;
  height: fit-content;
}

.modal-inner-container {
  padding-bottom: 40px;
}

.show {
  display: block;
}

.modal-inner-header {
  padding-bottom: 25px;
  max-width: 550px;
  position: relative;
  margin: 0 auto;
}

.close-btn-top {
  cursor: pointer;
  color: #fff;
  font-size: 2em;
  position: absolute;
  top: 20px;
  right: 20px;
}

/* .slide-in {
  overflow: hidden;
  display: inline-block;
}

.slide-in_inner {
  display: inline-block;

} */