@charset "UTF-8";

img {
    width: 100%;
    height: auto;
    max-width: 1200px;
    display: block;
    margin: 0 auto;
}

.table {
    background: #fff9b4;
}

.table img {
    display: block;
    max-width: calc(850px);
    margin: 0 auto ;
    padding: 2em 3%;
}

@media screen and (min-width:640px) {

.fv {
    background: url(../img/pc/bg_fv.png) center bottom no-repeat;
    background-size: cover;
    padding: 0 0 4.25%;
}

.fv_b_txt {
    padding: 20px 0 50px;
}

.fv_b_txt img.mw {
    max-width: 628px;
}

.nayami {
    background: url(../img/pc/bg_nayami.png) center top no-repeat;
    background-size: cover;
}

.oneyear {
    background: url(../img/pc/bg_1year.png) center bottom no-repeat;
    background-size: cover;
    margin: 0 0 -10%;
    position: relative;
    z-index: 10;
}

.otetsudai {
    background: url(../img/pc/bg_otetsudai.png) center top no-repeat;
    background-size: cover;
    padding: 10% 0 15%;
}

.more_col {
    display: none;
}

.more_col.active {
    display: block;
}

.btn_more {
    text-align: center;
    width: 300px;
    border-radius: 32px;
    background: #ff919d;
    color: #fff;
    margin: 0 auto;
    transform: translateY(-10vw);
    padding: 1em;
    margin: 0 auto -8vw;
}

#achievement {
    background: #ff919d;
    margin: -15% 0 0;
}
.intro {
    background: #ff919d;
    padding: 3% 0;
}

.chigai {
    background: #ff919d url(../img/pc/bg_chigai.png) center top 13vw no-repeat;
    background-size: cover;
    margin: -5% 0 0;
}

.chigai02 {
    background: url(../img/pc/bg_chigai02.png) center top no-repeat;
    background-size: cover;
    margin: -5% 0 0;
    padding: 5% 0 0;
}

#reason {
    background: url(../img/pc/bg_reason.png) center top no-repeat;
    background-size: cover;
    padding: 0 0 6vw;
}

.reason02 {
    background: url(../img/pc/bg_yakusoku.png) center bottom no-repeat;

}

.reason02 h2 {
    background: url(../img/pc/arrow_reasun.png) center top no-repeat;
}

.cta {
    background: #fff9b4;
}

.cta h2 {
    background: url(../img/pc/bg_cta.png) center center repeat-x;
}

.btn_01 {
    max-width: 1169px;
    margin: 24px auto 0;
    padding: 0 24px 64px;
}

#flow,
#faq {
    background: #fffbf0;
}

#flow h2 {
    background: #ffacb7;
}

#staff {
    background: rgb(255, 251, 240);
    background: linear-gradient(180deg, rgba(255, 251, 240, 1) 0%, rgba(255, 133, 156, 1) 11%, rgba(255, 206, 159, 1) 100%);
}

#staff figure img,
#staff h3 img,
#staff p img {
    background: #fff;
}

#staff h2 img {
    background: rgb(255, 251, 240);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 70%, rgba(255, 255, 255, 1) 71%);
}

.map {
    max-width: 1200px;
    background: #fff;
    margin: auto;
}

.map .inner {
    height: 0;
    overflow: hidden;
    padding-bottom: 56.25%;
    position: relative;
    max-width: 926px;
    margin: 0 auto;
}

.map .inner iframe {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
}

.btns {
    background: rgba(255, 206, 159, 1);
    padding: 64px;

}

.btns::after {
    content: "";
    display: block;
    clear: both;
}

.btns ul {
    max-width: 900px;
    margin: 0 auto;
}

.btns li {
    width: calc(50% - 5%);
    max-width: 526px;
}

.btns li:nth-of-type(1) {
    float: left;
}

.btns li:nth-of-type(2),
.btns li:nth-of-type(3) {
    float: right;
}

.btns li:nth-of-type(2) {
    margin: 0 0 1em;
}

.pc_none {
    display: none;
}

}

@media screen and (max-width:641px) {
    .fb {
        position: fixed;
        bottom: 0;
        right: 0;
        left: 0;
        width: 100%;
        margin: 0 auto;
    }
    .fb::after {
        content: "";
        display: block;
        clear: both;
    }
    .fb li {
        float: left;
        width: calc(100% / 3);
    }
.sp_none {
    display: none;
}

.pc_none {
    display: block;
}

.map {
    background: rgb(255,183,159);
background: linear-gradient(180deg, rgba(255,183,159,1) 0%, rgba(255,188,158,1) 100%);

margin: 0 auto;
}


.map .inner {
    height: 0;
    overflow: hidden;
    padding-bottom: 56.25%;
    position: relative;
    max-width: 89.5%;
    margin: 0 auto;
}

.map .inner iframe {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
}

.btns {
    padding: 24px 5%;
    background: #ffc09f;
}

.btns li {
    margin: 0 0 1em;
}

.btn_01 {
    background: #fff9b4;
    padding: 24px 5%;
}


}

@media screen and (min-width:1001px) {
    
header {
    width: 100%;
    height: auto;
    max-width: 1200px;
    display: block;
    margin: 0 auto;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 9999;
}

header figure {
    max-width: 283px;
    padding: 1em 0 0;
}

header nav {
    display: block;
    background: #fff;
    border-radius: 0 0 16px 16px;
    position: absolute;
    right: 0;
    top: 0;
    padding: 14px;
    z-index: 9999;
}

header nav li {
    display: inline-block;
    height: 44px;
    line-height: 44px;
    border-left: 1px solid #b6b6b6;
    padding: 0 1em;
    font-size: 12px;
    vertical-align: middle;
}

header nav li img {
    display: block;
    height: 16px;
    width: auto;
    
}

header nav li:nth-last-of-type(1) {
    padding-top: 14px;
}

header nav li:nth-of-type(1) {
    border: none;
}

.openbtn1 {
    display: none;
}

}

@media screen and (max-width:1000px) {
    header {
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        margin: auto;
    }

    header figure {
        max-width: 283px;
        width: 70%;
        padding: 16px 0 0 5%;
    }

    
header nav {
    display: block;
    background: #fff;
    border-radius: 16px 0 0 16px;
    position: fixed;
    right: 0;
    top: 70px;
    padding: 14px;
    transform: translateX(100%);
    transition: .3s;
    z-index: 9999;
}

header nav.active {
    transform: translateX(0%);
}

header nav li {
    display: block;
    height: 44px;
    line-height: 44px;
    border-top: 1px solid #b6b6b6;
    padding: 0 1em;
}

header nav li:nth-of-type(1) {
    border: none;
}

header nav li img {
    display: block;
    height: 16px;
    width: auto;
    
}

header nav li:nth-last-of-type(1) {
    padding-top: 14px;
}


    /*ボタン外側※レイアウトによってpositionや形状は適宜変更してください*/
.openbtn1{
    display: block;
    position: fixed;/*ボタン内側の基点となるためrelativeを指定*/
    background:#fff;
    cursor: pointer;
      width: 50px;
      height:50px;
    border-radius: 50%;
    top: 10px;
    right: 5%;
    z-index: 9999;
  }
  
  /*ボタン内側*/
  .openbtn1 span{
      display: inline-block;
      transition: all .4s;/*アニメーションの設定*/
      position: absolute;
      left: 14px;
      height: 3px;
      border-radius: 2px;
    background: #000;
      width: 45%;
    }
  
  .openbtn1 span:nth-of-type(1) {
    top:15px; 
  }
  
  .openbtn1 span:nth-of-type(2) {
    top:23px;
  }
  
  .openbtn1 span:nth-of-type(3) {
    top:31px;
  }
  
  /*activeクラスが付与されると線が回転して×に*/
  
  .openbtn1.active span:nth-of-type(1) {
      top: 18px;
      left: 18px;
      transform: translateY(6px) rotate(-45deg);
      width: 30%;
  }
  
  .openbtn1.active span:nth-of-type(2) {
    opacity: 0;/*真ん中の線は透過*/
  }
  
  .openbtn1.active span:nth-of-type(3){
      top: 30px;
      left: 18px;
      transform: translateY(-6px) rotate(45deg);
      width: 30%;
  }
    
}
/*230511
=====================================*/
.btn_cta {
    display: flex;
    flex-wrap: wrap;
    max-width: 1200px;
    padding: 3% 3% 3%;
    margin: 0 auto;
}

.btn_cta li {
    display: flex;
    flex-direction: column;
    width: calc((100% - 3%)/2);
    margin: 0 3% 0 0;
}

.btn_cta li:nth-of-type(2n) {
    margin: 0;
}

.btn_cta li img {
    width: 100%;
    height: auto;
}

.cta .cta_col {
    background: #fff9b4;
}

.pc_none {
    display: none !important;
}

@media screen and (max-width:640px) {
    .btn_cta li {
        display: block;
        width: 100%;
        margin: 0 0 3%;
    }
    .btn_cta li:nth-of-type(2n) {
        margin: 0 0 3%;
    }
    
    .pc_none {
        display: block !important;
    }
}

.sm-img{
    width: 700px;
    margin-top: 50px;
}
@media screen and (max-width:640px) {
    .sm-img{
        width: 100%;
        margin-top: 0;
    }
}

/*
@media screen and (max-width:640px) {
  dl {
    display: flex;
    flex-wrap: wrap;
  }
  dt,
  dd {
    display: flex;
    flex-direction: column;
  }
}
*/