@charset "UTF-8";

:root {
    --base-size: 1440;
}

html {
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 62.5%;
    font-weight: 400;
    letter-spacing: 0;
}

*,
*:before,
*:after {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
}

img,
video {
    width: 100%;
    vertical-align: bottom;
    height: auto;
}


a {
    display: inline-block;
    text-decoration: none;

}

li {
    list-style: none;
}

:root{
    --main-w:1440;
    --base-w:1050;
}

.header {
    width: calc(100% - min(100px, calc(100 / var(--base-size) * 100vw)));
    position: fixed;
    top: min(20px, calc(20 / var(--base-size) * 100vw));
    left: min(50px, calc(50 / var(--base-size) * 100vw));
    display: flex;
    justify-content: space-between;
    align-items: center;
    z-index: 10;
}

.header__wrap{
    display: flex;
    justify-content: flex-start;
    width: 100%;
}

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

.header__left{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: min(86px, calc(86 / var(--base-size) * 100vw));
    width: calc(100% - min(230px, calc(230 / var(--base-size) * 100vw)));
    background-color: #fff;
    padding: min(14px, calc(14 / var(--base-size) * 100vw)) min(54px, calc(54 / var(--base-size) * 100vw));
    border-radius: min(14px, calc(14 / var(--base-size) * 100vw));
    box-shadow: 0 min(3px, calc(3 / var(--base-size) * 100vw)) min(5px, calc(5 / var(--base-size) * 100vw)) #C6C6C6;
}

.header__logo {
    width: min(90.55px, calc(90.55 / var(--base-size) * 100vw));
}

.header__list{
    display: flex;
    align-items: center;
    gap: min(30px, calc(30 / var(--base-size) * 100vw));
}

.header__link{
    font-size: min(14px, calc(14 / var(--base-size) * 100vw));
    font-weight: bold;
    color: #171F27;
}

.header__contact{
    width: min(230px, calc(230 / var(--base-size) * 100vw));
    display: flex;
    align-items: center;
    justify-content: center;
    gap: min(10px, calc(10 / var(--base-size) * 100vw));
    background-color: #FF8900;
    border-radius: min(100px, calc(100 / var(--base-size) * 100vw));
    color: #fff;
    font-size: min(16px, calc(16 / var(--base-size) * 100vw));
    border-radius: min(14px, calc(14 / var(--base-size) * 100vw));
    box-shadow: 0 min(3px, calc(3 / var(--base-size) * 100vw)) min(5px, calc(5 / var(--base-size) * 100vw)) rgba(0, 0, 0, 0.16);


}
.header__contact__icon{
    width: min(11px, calc(11 / var(--base-size) * 100vw));
}

.top-box{
    background-image: url(../img/fv-back.svg);
    background-position: top right;
    background-repeat: no-repeat;
    background-color: #EAF1EC;
    background-size: cover;
}

.fv{
    padding: min(128px, calc(128 / var(--base-size) * 100vw)) 0 min(37px, calc(37 / var(--base-size) * 100vw));
    position: relative;
}

.fv__img{
    width: min(658.19px, calc(658.19 / var(--base-size) * 100vw));
    position: absolute;
    bottom: 0;
    left: 52%;
}

.fv__wrap{
    width: 90%;
    max-width: min(1232px, calc(1232 / var(--base-size) * 100vw));
    margin: auto;
}

.fv__line{
    display: inline-flex;
    justify-content: flex-start;
    align-items: center;
    color: #06C755;
    font-weight: 900;
    gap: min(14px, calc(14 / var(--base-size) * 100vw));
    margin-right: min(5px, calc(5 / var(--base-size) * 100vw));
}

.fv__icon{
    width: min(48px, calc(48 / var(--base-size) * 100vw));
}

.fv__ttl{
    font-size: min(48px, calc(48 / var(--base-size) * 100vw));
    line-height: 1.5em;
    margin-bottom: min(25px, calc(25 / var(--base-size) * 100vw));
}

.fv__detail{
    font-size: min(16px, calc(16 / var(--base-size) * 100vw));
    line-height: 1.9em;
    font-weight: bold;
    margin-bottom: min(38px, calc(38 / var(--base-size) * 100vw));

}

.fv__list{
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    gap: min(24px, calc(24 / var(--base-size) * 100vw));
}

.fv__item{
    width: min(154px, calc(154 / var(--base-size) * 100vw));
    height: min(153px, calc(153 / var(--base-size) * 100vw));
    border-radius: min(38px, calc(38 / var(--base-size) * 100vw));
    background-color: #FFD23E;
}

.fv__first{
    padding: min(24px, calc(24 / var(--base-size) * 100vw)) 0 0;
    text-align: center;
}

.fv__first__label{
    display: block;
    font-size: min(18px, calc(18 / var(--base-size) * 100vw));
    font-weight: 900;
}

.fv__first__main{
    display: flex;
    align-items:baseline;
    justify-content: center;
}

.fv__first__en{
    font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-size: min(38px, calc(38 / var(--base-size) * 100vw));
  color: #06C755;
   line-height: 1em;
}

.fv__first__num{
      font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-size: min(70px, calc(70 / var(--base-size) * 100vw));
  color: #06C755;
  line-height: 1em;
}

.fv__second{
    padding: min(17px, calc(17 / var(--base-size) * 100vw)) 0 0;
    text-align: center;
}

.fv__second__label{
     display: block;
    font-size: min(18px, calc(18 / var(--base-size) * 100vw));
    font-weight: 900;
       text-align: center;
}

.fv__second__num{
    font-size: min(45px, calc(45 / var(--base-size) * 100vw));
       font-weight: 900;
    color: #06C755;
    line-height: 1em;
}

.fv__second__type{
    font-size: min(30px, calc(30 / var(--base-size) * 100vw));
    font-weight: 900;
    color: #06C755;
     line-height: 1em;
}


.fv__second__detail{
    display: block;
    font-size: min(16px, calc(16 / var(--base-size) * 100vw));
    font-weight: 900;
}

.fv__second__custom{
     font-weight: 900;
     font-size: min(11px, calc(11 / var(--base-size) * 100vw));
}

.fv__third{
    padding-top: min(17px, calc(17 / var(--base-size) * 100vw));
     text-align: center;
}

.fv__third__label{
      display: block;
    font-size: min(16px, calc(16 / var(--base-size) * 100vw));
    font-weight: 900;
}

.fv__third__main{
    font-size: min(34px, calc(34 / var(--base-size) * 100vw));
       font-weight: 900;
    color: #06C755;
    line-height: 1em;
}

.fv__link{
    font-size: min(20px, calc(20 / var(--base-size) * 100vw));
    width: min(602px, calc(602 / var(--base-size) * 100vw));
    height: min(69px, calc(69 / var(--base-size) * 100vw));
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    color: #fff;
    background-color: #FF8900;
    border-radius: min(18px, calc(18 / var(--base-size) * 100vw));
    margin-top: min(31px, calc(31 / var(--base-size) * 100vw));
    font-weight: bold;
}

.fv__link::before{
    content: "";
    width: min(9px, calc(9 / var(--base-size) * 100vw));
    height: min(14px, calc(14 / var(--base-size) * 100vw));
    background-image: url(../img/icon-tri.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    position: absolute;
    right: min(37px, calc(37 / var(--base-size) * 100vw));
    top: 50%;
    transform: translateY(-50%);
}


.concept{
    text-align: center;
    padding: min(64px, calc(64 / var(--base-size) * 100vw)) 0 min(132px, calc(132 / var(--base-size) * 100vw));
    background: url(../img/concept-back.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.concept__left{
    width:  min(316px, calc(316 / var(--base-size) * 100vw));
    position: absolute;
    left: 0;
    bottom: 0;
}

.concept__right{
    width: min(264.39px, calc(264.39 / var(--base-size) * 100vw));
    position: absolute;
    right: 0;
    bottom: 0;
}


.concept__label{
    font-size: min(11px, calc(11 / var(--base-size) * 100vw));
    font-family: "Montserrat", sans-serif;
    font-optical-sizing: auto;
    font-weight: 700;
    font-style: normal;
    color: #FFD23E;
    margin-bottom: min(38px, calc(38 / var(--base-size) * 100vw));
}

.concept__ttl{
    color: #FFFFFF;
    margin-bottom: min(33px, calc(33 / var(--base-size) * 100vw));
    display: flex;
    align-items: baseline;
    justify-content: center;
}

.concept__ttl__img{
    width: min(211px, calc(211 / var(--base-size) * 100vw));
}

.concept__detail{
    display: inline-block;
    font-size: min(16px, calc(16 / var(--base-size) * 100vw));
    line-height: 1.7em;
    font-weight: 700;
    text-align: left;
    color: #363636;
    padding: min(42px, calc(42 / var(--base-size) * 100vw)) min(40px, calc(40 / var(--base-size) * 100vw));
    background-color: rgba(255, 255, 255, 0.72);
    -webkit-backdrop-filter: blur(min(33px, calc(33 / var(--base-size) * 100vw)));
    backdrop-filter: blur(min(33px, calc(33 / var(--base-size) * 100vw)));
    border-radius: min(10px, calc(10 / var(--base-size) * 100vw));
    width: min(547.91px, calc(547.91 / var(--base-size) * 100vw));
}

.concept__detail__color{
    background-color: #FFD23E;
}

.concept__ttl__inner{
    font-size: min(15px, calc(15 / var(--base-size) * 100vw));
}

.concept__ttl__inner2{
    font-size: min(33px, calc(33 / var(--base-size) * 100vw));
}

.suggest{
    padding: min(114px, calc(114 / var(--base-size) * 100vw)) 0 min(120px, calc(120 / var(--base-size) * 100vw));
}

.suggest__wrap{
    text-align: center;
}

.suggest__ttl{
    display: inline-block;
    letter-spacing: 0.07em;
    font-size:min(35px, calc(35 / var(--base-size) * 100vw));
    position: relative;
    margin-bottom: min(73px, calc(73 / var(--base-size) * 100vw));
}

.suggest__ttl::before{
    content: "";
    width: min(396px, calc(396 / var(--base-size) * 100vw));
    height: min(10px, calc(10 / var(--base-size) * 100vw));
    background-color: #0D9817;
    border-radius: min(100px, calc(100 / var(--base-size) * 100vw));
    display: inline-block;
    position: absolute;
    left: 50%;
    top:calc(100% + min(7px, calc(7 / var(--base-size) * 100vw)));
    transform: translateX(-50%);
}

.suggest__list{
    width: 90%;
    max-width: min(1000px, calc(1000 / var(--base-size) * 100vw));
    margin: auto;
    padding: min(33px, calc(33 / var(--base-size) * 100vw)) min(24px, calc(24 / var(--base-size) * 100vw));
    background-color: #EAF1EC;
    border-radius: min(10px, calc(10 / var(--base-size) * 100vw));
    box-shadow: min(1px, calc(1 / var(--base-size) * 100vw)) min(3px, calc(3 / var(--base-size) * 100vw)) min(7px, calc(7 / var(--base-size) * 100vw)) #DEDEDE;
    display: flex;
    flex-wrap: wrap;
    gap: min(16px, calc(16 / var(--base-size) * 100vw)) 0;
}

.suggest__item{
    width: 50%;
    text-align: left;
    padding-left: min(37px, calc(37 / var(--base-size) * 100vw));
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    font-size: min(18px, calc(18 / var(--base-size) * 100vw));
    line-height: 1.5em;
    font-weight: 500;
    gap: min(10.3px, calc(10.3 / var(--base-size) * 100vw))
}

.suggest__check{
    width: min(26.7px, calc(26.7 / var(--base-size) * 100vw));
}

.cta{
    text-align: center;
    margin-top: min(89px, calc(89 / var(--base-size) * 100vw));
}

.cta__wrap{
    width: 90%;
    max-width: min(1000px, calc(1000 / var(--base-size) * 100vw));
    margin: auto;
    background-image: url(../img/cta-back.png);
    background-size: contain;
    background-position: center;
    padding: min(58.9px, calc(58.9 / var(--base-size) * 100vw)) 0 ;
}

.cta__ttl{
    font-size: min(26px, calc(26 / var(--base-size) * 100vw));
    color: #fff;
    margin-bottom: min(16px, calc(16 / var(--base-size) * 100vw));

}

.cta__detail{
    font-size: min(16px, calc(16 / var(--base-size) * 100vw));
    color: #fff;
    margin-bottom: min(32px, calc(32 / var(--base-size) * 100vw));
}

.cta__link{
    height: min(62.29px, calc(62.29 / var(--base-size) * 100vw));
    width: min(370px, calc(370 / var(--base-size) * 100vw));
    background-color:#FF8900 ;
    border-radius: min(100px, calc(100 / var(--base-size) * 100vw));
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
    color: #fff;
    font-size: min(18px, calc(18 / var(--base-size) * 100vw));
    font-weight: 700;
    position: relative;
}

.cta__link::before{
    content: "";
    width: min(15px, calc(15 / var(--base-size) * 100vw));
    height: min(10px, calc(10 / var(--base-size) * 100vw));
    background-image: url(../img/icon-tri.svg);
    position: absolute;
    right: min(22px, calc(22 / var(--base-size) * 100vw));
    top: 50%;
    transform: translateY(-50%);

}

.reason{
    background-color: #EAF1EC;
    padding-top: min(30px, calc(30 / var(--base-size) * 100vw));
}

.reason__wrap{
    background-color: #fff;
    padding: min(103px, calc(103 / var(--base-size) * 100vw)) 0 min(150px, calc(150 / var(--base-size) * 100vw));

}

.reason__ttl{
    font-size: min(40px, calc(40 / var(--base-size) * 100vw));
    margin-bottom: min(64px, calc(64 / var(--base-size) * 100vw));
    text-align: center;
}

.reason__ttl__color{
    color: #0D9817;
}

.reason__ttl__inner{
    font-size: min(61px, calc(61 / var(--base-size) * 100vw));
}

.reason__catch{
    font-size: min(20px, calc(20 / var(--base-size) * 100vw));
    font-weight: 700;
    line-height: 1.75em;
    text-align: center;
}

.reason__list{
    width: 90%;
    max-width: min(1000px, calc(1000 / var(--base-size) * 100vw));
    margin: min(90px, calc(90 / var(--base-size) * 100vw)) auto;
    display: grid;
    gap: min(107px, calc(107 / var(--base-size) * 100vw));
    margin-bottom: min(120px, calc(120 / var(--base-size) * 100vw));
}

.reason__num__inner{
    width: min(57.8px, calc(57.8 / var(--base-size) * 100vw));
    margin-bottom: min(22px, calc(22 / var(--base-size) * 100vw));
}

.reason__item{
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.reason__item--first .reason__text{
    width: min(539px, calc(539 / var(--base-size) * 100vw));
}

.reason__item--first .reason__img{
    width: min(365.32px, calc(365.32 / var(--base-size) * 100vw));
}


.reason__item--second .reason__text{
    width: min(521.5px, calc(521.5 / var(--base-size) * 100vw));
    order: 1;
}

.reason__item--second .reason__img{
    width: min(408.97px, calc(408.97 / var(--base-size) * 100vw));
    order: 0;
}


.reason__item--third .reason__text{
    width: min(565px, calc(565 / var(--base-size) * 100vw));
}

.reason__item--third .reason__img{
    width: min(344.42px, calc(344.42 / var(--base-size) * 100vw));
}
.reason__item--fourth .reason__text{
    width:min(521px, calc(521 / var(--base-size) * 100vw));
     order: 1;
}

.reason__item--fourth .reason__img{
    width:min(465.81px, calc(465.81 / var(--base-size) * 100vw));
     order: 0;
}

.reason__label{
    color: #0D9817;
    font-size: min(25px, calc(25 / var(--base-size) * 100vw));
    font-weight: 700;
    margin-bottom: min(10px, calc(10 / var(--base-size) * 100vw));
}

.reason__detail{
    font-size: min(16px, calc(16 / var(--base-size) * 100vw));
    line-height: 1.7em;
    font-weight: 500;
}

.reason__bottom{
    font-size: min(27px, calc(27 / var(--base-size) * 100vw));
    font-weight: 700;
    margin-bottom: min(40px, calc(40 / var(--base-size) * 100vw));
    text-align: center;
}

.reason__link{
    width: min(602px, calc(602 / var(--base-size) * 100vw));
    height: min(69px, calc(69 / var(--base-size) * 100vw));
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #FF8900;
    color: #fff;
    font-size: min(20px, calc(20 / var(--base-size) * 100vw));
    font-weight: 700;
    position: relative;
    border-radius: min(18px, calc(18 / var(--base-size) * 100vw));
    margin: auto;
}

.reason__link::before{
    content: "";
     width: min(15px, calc(15 / var(--base-size) * 100vw));
    height: min(15px, calc(15 / var(--base-size) * 100vw));
    background-image: url(../img/icon-tri.svg);
    background-size: contain;
    position: absolute;
    right: min(31px, calc(31 / var(--base-size) * 100vw));
    top: 50%;
    transform: translateY(-50%);

}

.target{
    padding: min(150px, calc(150 / var(--base-size) * 100vw)) 0;
    background-color: #EAF1EC;
}

.target__wrap{
    text-align: center;
}

.target__ttl{
    font-size: min(40px, calc(40 / var(--base-size) * 100vw));
    margin-bottom: min(64px, calc(64 / var(--base-size) * 100vw));
    position: relative;
}

.target__ttl::before{
    content: "";
    width: min(440px, calc(440 / var(--base-size) * 100vw));
    height: min(2px, calc(2 / var(--base-size) * 100vw));
    background-color: #0D9817;
    position: absolute;
    display: inline-block;
    top: calc(100% + min(16px, calc(16 / var(--base-size) * 100vw)));
    left: 50%;
    transform: translateX(-50%);
}

.target__catch{
    text-align: center;
    font-size: min(20px, calc(20 / var(--base-size) * 100vw));
    line-height: 1.75em;
    font-weight: 500;
    margin-bottom: min(50px, calc(50 / var(--base-size) * 100vw));
}

.target__list{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
    flex-wrap: wrap;
    width: 90%;
    max-width: min(1000px, calc(1000 / var(--base-size) * 100vw));
    margin: auto;

    margin-bottom: min(100px, calc(100 / var(--base-size) * 100vw));
    gap: min(11.7px, calc(11.7 / var(--base-size) * 100vw)) 0;
}

.target__item{
    width: min(241.34px, calc(241.34 / var(--base-size) * 100vw));
    height: min(50.41px, calc(50.41 / var(--base-size) * 100vw));
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: min(20px, calc(20 / var(--base-size) * 100vw));
    font-weight: 500;
    background-color: #fff;
    border: min(1px, calc(1 / var(--base-size) * 100vw)) solid #0D9817;
    border-radius: min(10px, calc(10 / var(--base-size) * 100vw));
}

.target__item--half{
    width: min(494.17px, calc(494.17 / var(--base-size) * 100vw));
}

.target__bottom{
    font-size: min(27px, calc(27 / var(--base-size) * 100vw));
    margin-bottom: min(40px, calc(40 / var(--base-size) * 100vw));
    font-weight: 700;
}

.target__link{
    width: min(602px, calc(602 / var(--base-size) * 100vw));
    height: min(69px, calc(69 / var(--base-size) * 100vw));
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #FF8900;
    color: #fff;
    font-size: min(20px, calc(20 / var(--base-size) * 100vw));
    font-weight: 700;
    position: relative;
    border-radius: min(18px, calc(18 / var(--base-size) * 100vw));
    margin: auto;
}

.target__link::before{
    content: "";
    width: min(15px, calc(15 / var(--base-size) * 100vw));
    height: min(15px, calc(15 / var(--base-size) * 100vw));
    background-image: url(../img/icon-tri.svg);
    background-size: contain;
    position: absolute;
    right: min(31px, calc(31 / var(--base-size) * 100vw));
    top: 50%;
    transform: translateY(-50%);
}

.type{
    padding: min(80px, calc(80 / var(--base-size) * 100vw)) 0;
    background-color: #0D9817;

}

.type__wrap{
    max-width: min(1280px, calc(1280 / var(--base-size) * 100vw));
    width: 90%;
    margin: auto;
    border-radius: min(50px, calc(50 / var(--base-size) * 100vw));
    background-color: #F1FBF1;
    padding: min(100px, calc(100 / var(--base-size) * 100vw)) 0;
}

.type__ttl{
    font-size: min(40px, calc(40 / var(--base-size) * 100vw));
    margin-bottom: min(120px, calc(120 / var(--base-size) * 100vw));
    position: relative;
    text-align: center;
}

.type__ttl::before{
    content: "";
    width: min(440px, calc(440 / var(--base-size) * 100vw));
    height: min(2px, calc(2 / var(--base-size) * 100vw));
    background-color: #0D9817;
    position: absolute;
    display: inline-block;
    top: calc(100% + min(16px, calc(16 / var(--base-size) * 100vw)));
    left: 50%;
    transform: translateX(-50%);
}

.type__list{
    width: 90%;
    max-width: min(1000px, calc(1000 / var(--base-size) * 100vw));
    margin: auto;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.type__item{
    width: calc((100% - min(40px, calc(40 / var(--base-size) * 100vw))) / 3);
    border: min(1px, calc(1 / var(--base-size) * 100vw)) solid #0D9817;

    border-radius: min(10px, calc(10 / var(--base-size) * 100vw)) ;
    overflow: hidden;
    box-shadow: 0 min(2px, calc(2 / var(--base-size) * 100vw)) min(3px, calc(3 / var(--base-size) * 100vw)) rgba(39,39,39,0.16);
}

.type__label{
    padding: min(16px, calc(16 / var(--base-size) * 100vw)) 0;
    color: #fff;
    text-align: center;
    background-color: #0D9817;
    font-size: min(20px, calc(20 / var(--base-size) * 100vw));
    font-weight: 700;
}

.type__item__list{
    padding: min(20px, calc(20 / var(--base-size) * 100vw)) min(28px, calc(28 / var(--base-size) * 100vw));
    background-color: #fff;
    height: min(175px, calc(175 / var(--base-size) * 100vw));
    display: grid;
    gap: min(6px, calc(6 / var(--base-size) * 100vw));
}

.type__item__item{
    display: flex;
    align-items: flex-start;
    gap: min(7px, calc(7 / var(--base-size) * 100vw));
}

.type__item__icon{
    width: min(16.79px, calc(16.79 / var(--base-size) * 100vw));
    margin-top: min(5.5px, calc(5.5 / var(--base-size) * 100vw));
}

.type__item__label{
    width: calc(100% - min(23.79px, calc(23.79 / var(--base-size) * 100vw)));
    font-size: min(16px, calc(16 / var(--base-size) * 100vw));
    font-weight: 500;
}

.type__item__last{
    text-align: right;
    font-size: min(16px, calc(16 / var(--base-size) * 100vw));
    font-weight: 500;
}

.type__item__box{
    padding: min(24px, calc(24 / var(--base-size) * 100vw)) 0 min(24px, calc(24 / var(--base-size) * 100vw)) min(28px, calc(28 / var(--base-size) * 100vw));
    background-color: rgba(13, 152, 23,0.1);

}

.type__item__box__label{
    font-size: min(16px, calc(16 / var(--base-size) * 100vw));
    font-weight: 700;
    margin-bottom: min(11px, calc(11 / var(--base-size) * 100vw));
}

.type__item__bottom{
    display: grid;
    gap: min(7px, calc(7 / var(--base-size) * 100vw));
}

.type__item__bottom__item{
    font-size: min(14px, calc(14 / var(--base-size) * 100vw));
    font-weight: 500;
}

.type__option{
    text-align: center;
    width: 90%;
    max-width: min(1000px, calc(1000 / var(--base-size) * 100vw));
    margin:min(60px, calc(60 / var(--base-size) * 100vw)) auto 0;
}

.type__option__label{
    height: min(60px, calc(60 / var(--base-size) * 100vw));
    width: min(324px, calc(324 / var(--base-size) * 100vw));
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: min(3px, calc(3 / var(--base-size) * 100vw)) solid #0D9817;
    border-radius: min(10px, calc(10 / var(--base-size) * 100vw));
    background-color: #fff;
    font-size: min(19px, calc(19 / var(--base-size) * 100vw));
    color: #0D9817;
    font-weight: 700;
    box-shadow: 0 min(2px, calc(2 / var(--base-size) * 100vw)) min(3px, calc(3 / var(--base-size) * 100vw)) rgba(39,39,39,0.16);
}

.type__option__list{
    margin-top: min(40px, calc(40 / var(--base-size) * 100vw));
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: min(13px, calc(13 / var(--base-size) * 100vw));
}

.type__option__item{
    width: calc((100% - min(26px, calc(26 / var(--base-size) * 100vw)))/3);
    height: min(55px, calc(55 / var(--base-size) * 100vw));
    background-color: #0D9817;
    color: #fff;
    font-size: min(16px, calc(16 / var(--base-size) * 100vw));
    box-shadow: rgba(39,39,39,0.16);
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 500;
    border-radius: min(10px, calc(10 / var(--base-size) * 100vw));

}

.plan__wrap{
    width: 90%;
    max-width: min(1000px, calc(1000 / var(--base-size) * 100vw));
    margin: min(120px, calc(120 / var(--base-size) * 100vw)) auto 0;
}

.plan__ttl{
    position: relative;
    text-align: center;
    margin-bottom: min(96.6px, calc(96.6 / var(--base-size) * 100vw));
}

.plan__ttl::before{
    content: "";
    display: inline-block;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    height: min(1px, calc(1 / var(--base-size) * 100vw)); 
    width: min(389px, calc(389 / var(--base-size) * 100vw));
    background-color: #000000;
}

.plan__ttl::after{
    content: "";
    display: inline-block;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    height: min(1px, calc(1 / var(--base-size) * 100vw)); 
    width: min(389px, calc(389 / var(--base-size) * 100vw));
    background-color: #000000;
}
.plan__ttl__inner{
    font-size: min(30px, calc(30 / var(--base-size) * 100vw));
    font-weight: 700;

}

.plan__list{
    display: flex;
    align-items: start;
    justify-content: space-between;
}

.plan__item{
    text-align: center;
    height: min(180px, calc(180 / var(--base-size) * 100vw));
    width: calc((100% - min(86.8px, calc(86.8 / var(--base-size) * 100vw))) / 3);
    background-color: #fff;
    border: min(1px, calc(1 / var(--base-size) * 100vw)) solid #0D9817;
    border-radius: min(10px, calc(10 / var(--base-size) * 100vw));
    padding: min(37px, calc(37 / var(--base-size) * 100vw)) 0 0 ;
    position: relative;
}

.plan__item__content{
    display: inline-block;
    position: relative;
}

.plan__item__content::before{
    content: "";
    width: min(92.78px, calc(92.78 / var(--base-size) * 100vw));
    height: min(13.93px, calc(13.93 / var(--base-size) * 100vw));
    background-color: #FFBC3E;
    display: inline-block;
    position: absolute;
    left: 0;
    bottom: 0;
}

.plan__item__label{
    font-size: min(22px, calc(22 / var(--base-size) * 100vw));
    font-weight: 700;
    margin-bottom: min(15px, calc(15 / var(--base-size) * 100vw));
}

.plan__item__num{
    font-size: min(79px, calc(79 / var(--base-size) * 100vw));
    color: #0D9817;
    font-weight: 700;
    line-height:  min(59.17px, calc(59.17 / var(--base-size) * 100vw));
    position: relative;
    z-index: 1;
}

.plan__item__en{
    font-size: min(35px, calc(35 / var(--base-size) * 100vw));
     color: #0D9817;
    font-weight: 700; 
    position: relative;
    z-index: 1;
}

.plan__item__top{
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%,-50%);
    font-size: min(15px, calc(15 / var(--base-size) * 100vw));
    font-weight: 700;
    background-color: #FFBC3E;
    border-radius: min(100px, calc(100 / var(--base-size) * 100vw));
    width: min(200px, calc(200 / var(--base-size) * 100vw));
    height: min(40px, calc(40 / var(--base-size) * 100vw));
    display: flex;
    align-items: center;
    justify-content: center;
}
.plan__item__large{
    font-size: min(53px, calc(53 / var(--base-size) * 100vw));
    color: #0D9817;
    font-weight: 700;
    position: relative;
    line-height: 1em;
}

.plan__item__note{
    font-size: min(12px, calc(12 / var(--base-size) * 100vw));
    color: #000000;
    position: absolute;
    left: 100%;
    top: min(32px, calc(32 / var(--base-size) * 100vw));
    font-weight: 500;
}

.plan__fee{
    background-color:#0D9817 ;
    border-radius: min(10px, calc(10 / var(--base-size) * 100vw));
    box-shadow: 0 min(2px, calc(2 / var(--base-size) * 100vw)) min(3px, calc(3 / var(--base-size) * 100vw)) rgba(0, 0, 0, 0.16);
    height: min(160px, calc(160 / var(--base-size) * 100vw));
    margin-top: min(42px, calc(42 / var(--base-size) * 100vw));
    display: flex;
    align-items: center;
    justify-content: center;
    gap: min(58px, calc(58 / var(--base-size) * 100vw));

}

.plan__fee__label{
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: min(112px, calc(112 / var(--base-size) * 100vw));
    height: min(45px, calc(45 / var(--base-size) * 100vw));
    border: min(2px, calc(2 / var(--base-size) * 100vw)) solid #fff;
    color: #fff;
    font-size: min(20px, calc(20 / var(--base-size) * 100vw));
    font-weight: 700;
}

.plan__fee__price{
    position: relative;
}

.plan__fee__note{
    position: absolute;
    left: 100%;
    top: min(40px, calc(40 / var(--base-size) * 100vw));
    font-size: min(12px, calc(12 / var(--base-size) * 100vw));
    color: #fff;

}

.plan__fee__num{
    font-size: min(66px, calc(66 / var(--base-size) * 100vw));
    font-weight: 700;
    color: #fff;
}

.plan__fee__en{
    font-size: min(32px, calc(32 / var(--base-size) * 100vw));
     font-weight: 700;
    color: #fff;
}

.plan__note{
    margin-top: min(10px, calc(10 / var(--base-size) * 100vw));
    font-size: min(12px, calc(12 / var(--base-size) * 100vw));
    line-height: 2em;
}

.plan__link{
    width: min(602px, calc(602 / var(--base-size) * 100vw));
    height: min(69px, calc(69 / var(--base-size) * 100vw));
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #FF8900;
    color: #fff;
    font-size: min(20px, calc(20 / var(--base-size) * 100vw));
    font-weight: 700;
    position: relative;
    border-radius: min(18px, calc(18 / var(--base-size) * 100vw));
    margin: auto;
    margin-top: min(74px, calc(74 / var(--base-size) * 100vw));
}

.plan__link::before{
    content: "";
    width: min(15px, calc(15 / var(--base-size) * 100vw));
    height: min(15px, calc(15 / var(--base-size) * 100vw));
    background-image: url(../img/icon-tri.svg);
    background-size: contain;
    position: absolute;
    right: min(31px, calc(31 / var(--base-size) * 100vw));
    top: 50%;
    transform: translateY(-50%);
}

.comment{
    text-align: center;
    overflow: hidden;
    padding: min(150px, calc(150 / var(--base-size) * 100vw)) 0 min(120px, calc(120 / var(--base-size) * 100vw));
}

.comment__ttl{
    font-size: min(40px, calc(40 / var(--base-size) * 100vw));
    margin-bottom: min(56px, calc(56 / var(--base-size) * 100vw));
    position: relative;
}


.comment__ttl::before{
    content: "";
    width: min(440px, calc(440 / var(--base-size) * 100vw));
    height: min(2px, calc(2 / var(--base-size) * 100vw));
    background-color: #0D9817;
    position: absolute;
    display: inline-block;
    top: calc(100% + min(16px, calc(16 / var(--base-size) * 100vw)));
    left: 50%;
    transform: translateX(-50%);
}

.comment__catch{
    font-size: min(20px, calc(20 / var(--base-size) * 100vw));
    margin-bottom: min(64px, calc(64 / var(--base-size) * 100vw));
    font-weight: 500;
}

.comment__box{
    margin: auto;
    display: grid;
    gap: min(32px, calc(32 / var(--base-size) * 100vw));
    max-width: min(1000px, calc(1000 / var(--base-size) * 100vw));
    width: 90%;
    margin: auto;
}

.comment__row{
    display: flex;
    align-items: flex-start;
    justify-content: center;

}

.comment__user{
    opacity: 0;
    transform: translateX(calc(-1 * min(40px, calc(40 / var(--base-size) * 100vw))));
    transition: opacity 0.7s ease, transform 0.7s ease;
    width: min(530.61px, calc(530.61 / var(--base-size) * 100vw));
}

.comment__ope{
    opacity: 0;
    position: relative;
    z-index: 1;
    margin-left: calc(-1 * min(61.22px, calc(61.22 / var(--base-size) * 100vw)));
    margin-top: min(91px, calc(91 / var(--base-size) * 100vw));
    transform: translateX(min(40px, calc(40 / var(--base-size) * 100vw)));
    transition: opacity 0.7s ease, transform 0.7s ease;
    width: min(530.61px, calc(530.61 / var(--base-size) * 100vw));
}

.comment__user.is-inview,
.comment__ope.is-inview{
    opacity: 1;
    transform: translateX(0);
}

.step{
    text-align: center;
    padding-bottom: min(150px, calc(150 / var(--base-size) * 100vw));
}

.step__ttl{
    font-size: min(35px, calc(35 / var(--base-size) * 100vw));
    margin-bottom: min(21px, calc(21 / var(--base-size) * 100vw));
}

.step__ttl__inner{
    position: relative;
}

.step__ttl__inner::before{
    height: min(8px, calc(8 / var(--base-size) * 100vw));
    width: 100%;
    content: "";
    background-color: #FFBC3E;
    display: inline-block;
    position: absolute;
    bottom: min(4px, calc(4 / var(--base-size) * 100vw));
    left: 0;
    z-index: -1;
}

.step__catch{
    font-size: min(20px, calc(20 / var(--base-size) * 100vw));
    line-height: 1.75em;
    font-weight: 500;
}

.step__wrap{
    max-width: min(1000px, calc(1000 / var(--base-size) * 100vw));
    width: 90%;
    margin:  min(59px, calc(59 / var(--base-size) * 100vw)) auto 0;
}

.step__list{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.step__item{
    width: min(233.93px, calc(233.93 / var(--base-size) * 100vw));
    position: relative;
}

.step__label{
    font-size: min(18px, calc(18 / var(--base-size) * 100vw));
    font-weight: 700;
    margin-bottom: min(6px, calc(6 / var(--base-size) * 100vw));
    text-align: left;
}

.step__content{
    position: relative;
}


.step__content::before{
    content: "";
    height: min(21px, calc(21 / var(--base-size) * 100vw));
    width: min(13px, calc(13 / var(--base-size) * 100vw));
    background-image: url(../img/icon-step.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    left: calc(100% + min(5px, calc(5 / var(--base-size) * 100vw)));
    top: 53%;
    display: inline-block;
}

.step__item:last-child .step__content::before{
    display: none;
}


.step__content__label{
    height: min(50px, calc(50 / var(--base-size) * 100vw));
    background-color: #0D9817;
    color: #fff;
    font-size: min(16px, calc(16 / var(--base-size) * 100vw));
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
}

.step__content__detail{
    font-size: min(16px, calc(16 / var(--base-size) * 100vw));
    line-height: 1.5em;
    padding: min(20px, calc(20 / var(--base-size) * 100vw)) min(10px, calc(10 / var(--base-size) * 100vw)) 0 min(20px, calc(20 / var(--base-size) * 100vw));
    background: #EFFFF0;
    text-align: left;
    height: min(164px, calc(164 / var(--base-size) * 100vw));
    font-weight: 500;
}

.step__link {
    width: min(602px, calc(602 / var(--base-size) * 100vw));
    height: min(69px, calc(69 / var(--base-size) * 100vw));
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #FF8900;
    color: #fff;
    font-size: min(20px, calc(20 / var(--base-size) * 100vw));
    font-weight: 700;
    position: relative;
    border-radius: min(18px, calc(18 / var(--base-size) * 100vw));
    margin: auto;
    margin-top: min(65px, calc(65 / var(--base-size) * 100vw));
}

.step__link::before{
    content: "";
     width: min(15px, calc(15 / var(--base-size) * 100vw));
    height: min(15px, calc(15 / var(--base-size) * 100vw));
    background-image: url(../img/icon-tri.svg);
    background-size: contain;
    position: absolute;
    right: min(31px, calc(31 / var(--base-size) * 100vw));
    top: 50%;
    transform: translateY(-50%);
}

.case{
    text-align: center;
    padding: min(150px, calc(150 / var(--base-size) * 100vw)) 0;
    background-color: #EAF1EC;
}

.case__ttl{
    font-size: min(40px, calc(40 / var(--base-size) * 100vw));
    margin-bottom: min(70px, calc(70 / var(--base-size) * 100vw));
    position: relative;
}

.case__ttl::before{
    content: "";
    width: min(400px, calc(400 / var(--base-size) * 100vw));
    height: min(2px, calc(2 / var(--base-size) * 100vw));
    background-color: #0D9817;
    position: absolute;
    display: inline-block;
    top: calc(100% + min(16px, calc(16 / var(--base-size) * 100vw)));
    left: 50%;
    transform: translateX(-50%);
}

.case__content{
    width: 90%;
    max-width: min(1000px, calc(1000 / var(--base-size) * 100vw));
    margin: auto;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: min(20px, calc(20 / var(--base-size) * 100vw));

}

.case__img{
    width: min(457px, calc(457 / var(--base-size) * 100vw));
}

.support{
    padding: min(150px, calc(150 / var(--base-size) * 100vw)) 0;
    background-color: #0D9817;
    overflow: hidden;
}

.support__ttl{
    font-size: min(40px, calc(40 / var(--base-size) * 100vw));
    margin-bottom: min(95px, calc(95 / var(--base-size) * 100vw));
    position: relative;
    color: #fff;
}

.support__ttl::before {
    content: "";
    width: min(360px, calc(360 / var(--base-size) * 100vw));
    height: min(2px, calc(2 / var(--base-size) * 100vw));
    background-color: #fff;
    position: absolute;
    display: inline-block;
    top: calc(100% + min(16px, calc(16 / var(--base-size) * 100vw)));
    left: 50%;
    transform: translateX(-50%);
}

.support__wrap{
    width: 90%;
    max-width: min(1000px, calc(1000 / var(--base-size) * 100vw));
    margin: auto;
    text-align: center;
}

.support__content{
    display: flex;
    flex-wrap: wrap;
    gap: min(14px, calc(14 / var(--base-size) * 100vw));
}

.support__item{
    padding: min(8px, calc(8 / var(--base-size) * 100vw));
    background-color: #fff;
    width: calc(50% - min(7px, calc(7 / var(--base-size) * 100vw)));
    border-radius: min(5px, calc(5 / var(--base-size) * 100vw));
}

.support__inner{
    border: min(1px, calc(1 / var(--base-size) * 100vw)) solid #0D9817;
    padding: min(35px, calc(35 / var(--base-size) * 100vw)) ;
    text-align: left;
}

.support__label{
    font-size: min(12px, calc(12 / var(--base-size) * 100vw));
    margin-bottom: min(10px, calc(10 / var(--base-size) * 100vw));
    font-weight: 500;
}

.support__large{
        font-weight: 700;
    color: #0D9817;
    font-size: min(22px, calc(22 / var(--base-size) * 100vw));
    margin-bottom: min(10px, calc(10 / var(--base-size) * 100vw));

}

.support__detail{
    font-size: min(14px, calc(14 / var(--base-size) * 100vw));
    font-weight: 500;
    letter-spacing: 0;
}

.community{
    text-align: left;
    margin-top: min(103px, calc(103 / var(--base-size) * 100vw));
}

.community__left{
    position: relative;
}

.community__img{
    width:min(607.77px, calc(607.77 / var(--base-size) * 100vw));
    position: absolute;
    left: calc(50% + min(141px, calc(141 / var(--base-size) * 100vw)));
    bottom: 0;
}

.community__ttl{
    font-size: min(29px, calc(29 / var(--base-size) * 100vw));
    color: #fff;
    font-weight: bold;
    margin-bottom: min(26px, calc(26 / var(--base-size) * 100vw));
      line-height: 1.3em;
}

.community__detail{
    font-size: min(16px, calc(16 / var(--base-size) * 100vw));
    line-height: 1.5em;
     color: #fff;
     width: min(694px, calc(694 / var(--base-size) * 100vw));
     
}

.community__list{
    margin-top: min(32px, calc(32 / var(--base-size) * 100vw));
    display: grid;
    gap: min(10px, calc(10 / var(--base-size) * 100vw));
    width: min(590px, calc(590 / var(--base-size) * 100vw));
}

.community__item{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: min(14px, calc(14 / var(--base-size) * 100vw));
    background-color: #FFFFFF;
    border-radius: min(5px, calc(5 / var(--base-size) * 100vw));
    font-size: min(16px, calc(16 / var(--base-size) * 100vw));
    padding: 0 min(18px, calc(18 / var(--base-size) * 100vw));
    height: min(45px, calc(45 / var(--base-size) * 100vw));
    box-shadow: 0 min(2px, calc(2 / var(--base-size) * 100vw)) min(3px, calc(3 / var(--base-size) * 100vw)) rgba(39,39,39,0.16);
}

.community__check{
    width: min(16.79px, calc(16.79 / var(--base-size) * 100vw));
}

.community__label{
    text-align: center;
    font-size: min(27px, calc(27 / var(--base-size) * 100vw));
    line-height: 1.5em;
    text-align: center;
    color: #fff;
    font-weight: 700;
    margin-top: min(70px, calc(70 / var(--base-size) * 100vw));
}
.faq{
    padding: min(150px, calc(150 / var(--base-size) * 100vw)) 0;
    text-align: center;
}

.faq__ttl{
    font-size: min(40px, calc(40 / var(--base-size) * 100vw));
    margin-bottom: min(135px, calc(135 / var(--base-size) * 100vw));
    position: relative;
    color: #0E0E0F;
}

.faq__ttl::before {
    content: "";
    width: min(360px, calc(360 / var(--base-size) * 100vw));
    height: min(2px, calc(2 / var(--base-size) * 100vw));
    background-color: #0D9817;
    position: absolute;
    display: inline-block;
    top: calc(100% + min(16px, calc(16 / var(--base-size) * 100vw)));
    left: 50%;
    transform: translateX(-50%);
}

.faq__content{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 90%;
    margin: auto;
    max-width: min(1000px, calc(1000 / var(--base-size) * 100vw));
    gap: min(73px, calc(73 / var(--base-size) * 100vw)) min(20px, calc(20 / var(--base-size) * 100vw));
}

.faq__item{
    width: calc(50% - min(10px, calc(10 / var(--base-size) * 100vw)));
    position: relative;
}

.faq__label{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: min(25px, calc(25 / var(--base-size) * 100vw));
    position: absolute;
    top: 0;
    left: 0;
    transform: translateY(-50%);
    display: flex;
    height: min(86px, calc(86 / var(--base-size) * 100vw));
    color: #fff;
    background-color: #0D9817;
    padding: 0 min(25px, calc(25 / var(--base-size) * 100vw));
    font-size: min(18px, calc(18 / var(--base-size) * 100vw));
    width: min(368.87px, calc(368.87 / var(--base-size) * 100vw));
    text-align: left;
}

.faq__label::before{
    content:"";
    width: min(23px, calc(23 / var(--base-size) * 100vw));
    height: min(11px, calc(11 / var(--base-size) * 100vw));
    position: absolute;
    top: 100%;
    left: min(12px, calc(12 / var(--base-size) * 100vw));
    background-image: url(../img/icon-fukidashi.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.faq__label__icon{
    width: min(16.12px, calc(16.12 / var(--base-size) * 100vw));
}

.faq__answer{
    background-color: #F1FBF1;
    height: min(221px, calc(221 / var(--base-size) * 100vw));
    padding: min(75px, calc(75 / var(--base-size) * 100vw)) min(36.8px, calc(36.8 / var(--base-size) * 100vw));
    text-align: left;
    font-size: min(16px, calc(16 / var(--base-size) * 100vw));
    font-weight: 500;
}

.faq__link{
    width: min(602px, calc(602 / var(--base-size) * 100vw));
    height: min(69px, calc(69 / var(--base-size) * 100vw));
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #FF8900;
    color: #fff;
    font-size: min(20px, calc(20 / var(--base-size) * 100vw));
    font-weight: 700;
    position: relative;
    border-radius: min(18px, calc(18 / var(--base-size) * 100vw));
    margin: auto;
    margin-top: min(60px, calc(60 / var(--base-size) * 100vw));
}

.faq__link::before {
    content: "";
    width: min(15px, calc(15 / var(--base-size) * 100vw));
    height: min(10px, calc(10 / var(--base-size) * 100vw));
    background-image: url(../img/icon-tri.svg);
    position: absolute;
    right: min(22px, calc(22 / var(--base-size) * 100vw));
    top: 50%;
    transform: translateY(-50%);
}

.faq__memo{
    display: block;
    font-size: min(13px, calc(13 / var(--base-size) * 100vw));
    margin-top: min(14px, calc(14 / var(--base-size) * 100vw));
}

.closing{
    padding: min(100px, calc(100 / var(--base-size) * 100vw)) 0;
    text-align: center;
    background-image: url(../img/closing-back.png);
    background-position: center;
    background-size: cover;

}

.closing__ttl{
    font-size: min(26px, calc(26 / var(--base-size) * 100vw));
    font-weight: 700;
    color: #fff;
    margin-bottom: min(40px, calc(40 / var(--base-size) * 100vw));
}

.closing__detail{
    font-size: min(18px, calc(18 / var(--base-size) * 100vw));
    line-height: 1.6em;
    color: #fff;
     margin-bottom: min(42px, calc(42 / var(--base-size) * 100vw));
}

.closing__list{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
    gap: min(11px, calc(11 / var(--base-size) * 100vw));
    margin-bottom: min(90px, calc(90 / var(--base-size) * 100vw));
}

.closing__item{
    width: min(289.44px, calc(289.44 / var(--base-size) * 100vw));
    height: min(52.29px, calc(52.29 / var(--base-size) * 100vw));
    background-color: #fff;
    color: #000000;
    border-radius: min(100px, calc(100 / var(--base-size) * 100vw));
    font-size: min(16px, calc(16 / var(--base-size) * 100vw));
    line-height: min(52.29px, calc(52.29 / var(--base-size) * 100vw));
    font-weight: 500;
    vertical-align: middle;
}

.closing__num{
    font-size: min(23px, calc(23 / var(--base-size) * 100vw));
    line-height: min(52.29px, calc(52.29 / var(--base-size) * 100vw));
}

.closing__memo{
    position: absolute;
    top:calc(100% + min(9px, calc(9 / var(--base-size) * 100vw)));
    right: 0;
    color: #fff;
    font-size: min(13px, calc(13 / var(--base-size) * 100vw));
}

.closing__link{
     width: min(602px, calc(602 / var(--base-size) * 100vw));
    height: min(69px, calc(69 / var(--base-size) * 100vw));
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #FF8900;
    color: #fff;
    font-size: min(20px, calc(20 / var(--base-size) * 100vw));
    font-weight: 700;
    position: relative;
    border-radius: min(18px, calc(18 / var(--base-size) * 100vw));
    margin: auto;
}

.closing__link::before {
    content: "";
    width: min(15px, calc(15 / var(--base-size) * 100vw));
    height: min(10px, calc(10 / var(--base-size) * 100vw));
    background-image: url(../img/icon-tri.svg);
    position: absolute;
    right: min(22px, calc(22 / var(--base-size) * 100vw));
    top: 50%;
    transform: translateY(-50%);
}

.footer{
    background-color: #0D9817;
  
}

.footer__wrap{
      padding: min(54px, calc(54 / var(--base-size) * 100vw)) 0 min(23px, calc(23 / var(--base-size) * 100vw));
    width: 90%;
    max-width: min(1000px, calc(1000 / var(--base-size) * 100vw));
    margin: auto;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.footer__right{
    display: flex;
    align-items: flex-start;
    justify-content: flex-end;
}

.footer__list{
    display: grid;
    gap: min(16px, calc(16 / var(--base-size) * 100vw));
}

.footer__list--second{
    margin-left: min(40px, calc(40 / var(--base-size) * 100vw));
}

.footer__link{
    color: #fff;
    font-size: min(16px, calc(16 / var(--base-size) * 100vw));
}

.footer__btn{
    margin-left: min(53px, calc(53 / var(--base-size) * 100vw));
}

.footer__btn__link{
    width: min(230px, calc(230 / var(--base-size) * 100vw));
    height: min(50px, calc(50 / var(--base-size) * 100vw));
    background-color: #fff;
    color: #0D9817;
    font-size: min(16px, calc(16 / var(--base-size) * 100vw));
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    border-radius: min(100px, calc(100 / var(--base-size) * 100vw));
}

.footer__copy{
    background-color: #fff;
    padding: min(7px, calc(7 / var(--base-size) * 100vw)) 0;
    text-align: center;
}

.contact{
    background-color: #F1FBF1;
    padding: min(max(100 / var(--main-w) * 100vw,70px), 100px) 0 min(max(150 / var(--main-w) * 100vw,100px), 150px);
    padding-top: 130px;
    padding-bottom: 80px;
}

.contact-thanks{
    background-color: unset;
}

.contact__inner{
    max-width: 800px;
    width: calc(100% - 30px);
    margin: 0 auto;
}

.contact__ttl{
    font-size: min(max(42 / var(--main-w) * 100vw,24px), 42px);
    font-weight: bold;
}

.contact-blue__form{
    margin-top: min(max(56 / var(--main-w) * 100vw,30px), 56px);
    display: flex;
    gap: 20px;
    flex-direction: column;
}

.contact-blue__form__item{
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.contact-blue__form__item__ttl{
    width: 100%;
    font-size: 16px;
    letter-spacing: 0.04em;
}

.contact-blue__form__item__wrap input[type=text], .contact-blue__form__item__wrap input[type=tel], .contact-blue__form__item__wrap input[type=email], .contact-blue__form__item__wrap textarea{
    width: 100%;
    background-color: #fff;
    font-size: 13px;
    letter-spacing: 0.04em;
    padding: 15px 15px;
    border-radius: 4px;
    box-shadow: 0px 2px 5px 0px #cecece;
}

.contact-blue__form__item__wrap textarea{
    min-height: 150px;
}

.contact-blue__form__submit{
    text-align: center;
    color: #000;
}

.contact-blue__form__submit button,
.top-news__more__button{
    display: inline-block;
    padding: 20px 40px;
    background: #0d9817;
    color: white;
    border-radius: 5px;
    margin-top: 20px;
}

.form-error{
    color: red;
    font-size: 14px;
}

.confirm-value{
    display: block;
    width: 100%;
    background-color: #fff;
    font-size: 12px;
    letter-spacing: 0.04em;
    padding: 7px 10px;
    border-radius: 4px;
}

.contact-blue__ttl,.contact-sv__ttl{
    font-size: 14px;
    text-align: center;
}

.contact-blue__form__submit .btn-secondary{
    padding: 10px 20px;
    background: #49854e;
}

/*以下ハンバーガーメニューcss*/
.sp-hum {
    display: none;
}

.sp-header-nav{
    display: none;
}

.sp-only{
    display: none;
}

@media screen and (max-width:769px) {
    .sp-only{
        display: inline-block;
    }
    :root {
        --base-size: 375;
    }

    .sp-hum {
        display: block;
    }

    .header{
        width: 90%;
        left: 5%;
        top: calc(10 / var(--base-size) * 100vw);
        padding: calc(14 / var(--base-size) * 100vw) 5%;
        background-color: #fff;
        border-radius: calc(7 / var(--base-size) * 100vw);
    }

    .header-hum {
        display: block;
    }

    .header__left{
        padding: 0;
        width: auto;
        background:none ;
        box-shadow: none;
    }

    .header__nav{
        display: none;
    }

    .header__contact{
        display: none;
    }

    .header-hum__wrap {
        position: relative;
        display: block;
        width: calc(30 / var(--base-size) * 100vw);
        height: calc(17 / var(--base-size) * 100vw);
    }

    .header-hum__wrap {
        position: relative;
    }

    .header-hum__wrap.open {
        height: calc(23 / var(--base-size) * 100vw);
    }

    .sp-header-nav {
        display: block;
        position: fixed;
        width: 100%;
        left: 0;
        top: 0;
        padding: 0 5%;
        background: #fff;
        height: 0;
        overflow: hidden;
        transition: 0.3s;
        transition-property: height, padding;
        z-index: 2;
    }

    .sp-header-nav.open {
        height: 100svh;
        padding: calc(90 / var(--base-size) * 100vw) 5% calc(20 / var(--base-size) * 100vw);
        overflow: auto;

    }

    .header-nav__link {
        color: #0E0E0F;
        font-size: calc(16 / var(--base-size) * 100vw);
        font-weight: 700;
        padding: calc(17 / var(--base-size) * 100vw) 0;
        width: 100%;
        border-bottom: calc(1 / var(--base-size) * 100vw) solid #E5E5E5;
    }

    .header-nav__link--contact{
        margin-top: calc(18 / var(--base-size) * 100vw);
        padding: calc(14 / var(--base-size) * 100vw) 0;
        border-bottom: 0;
        border-radius: calc(100 / var(--base-size) * 100vw);
        background-color: #FF8900;
        color: #fff;
        text-align: center;
    }

    .header-hum__line {
        display: block;
        margin: auto;
        width: 100%;
        height: calc(2 / var(--base-size) * 100vw);
        background: #383838;
        transition: 0.3s;
        position: absolute;
    }

    .header-hum__line--top {
        top: 0;
        left: 0;
        transform: translateY(0%);

    }

    .header-hum__line--top.open {
        top: 0;
        left: 0;
        transform: translateY(0%) rotate(-45deg);
        transform-origin: right;
    }

    .header-hum__line--center {
        top: 50%;
        left: 0;
        transform: translateY(-50%);
    }

    .header-hum__line--under {
        bottom: 0;
        left: 0;
        transform: translateY(0%);
    }

    .header-hum__line--center.open {
        opacity: 0;

    }

    .header-hum__line--under.open {
        bottom: 0;
        left: 0;
        transform: translateY(0%) rotate(45deg);
        transform-origin: right;
    }

    .fv{
        padding: calc(80 / var(--base-size) * 100vw) 0 calc(37 / var(--base-size) * 100vw);
    }

    .fv__wrap{
        width: 91%;
        display: flex;
        flex-wrap: wrap;
       flex-direction: column;
    }

    .fv__img{
        width: calc(244.22 / var(--base-size) * 100vw);
        top: calc(159 / var(--base-size) * 100vw);
        right: calc(-11 / var(--base-size) * 100vw);
        left: auto;
    }

    .fv__ttl{
        font-size: calc(22 / var(--base-size) * 100vw);
        margin-bottom: calc(182 / var(--base-size) * 100vw);
        vertical-align: baseline;
        width: 100%;
        order: 0;
        padding: 0 calc(11 / var(--base-size) * 100vw);
    }

    .fv__list{
    order: 1;
    }

    .fv__link{
        order: 2;
        margin-top: calc(10 / var(--base-size) * 100vw);
        height: calc(50 / var(--base-size) * 100vw);
        font-size: calc(16 / var(--base-size) * 100vw);
        border-radius: calc(8 / var(--base-size) * 100vw);
    }

    .fv__detail{
        order: 3;
        margin: calc(25 / var(--base-size) * 100vw) 0 0;
    }

    .fv__line__inner{
        font-size: calc(26 / var(--base-size) * 100vw);
    }

    .fv__detail{
        font-size: calc(14 / var(--base-size) * 100vw);
        width: 100%;
        color: #fff;
    }

    .fv__list{
        width: 100%;
    }

    .fv__link{
        width: 100%;
    }
    .fv__first__label,
    .fv__second__label,
    .fv__third__label{
        font-size: calc(14 / var(--base-size) * 100vw);
    }

    .fv__first__en{
        font-size: calc(26 / var(--base-size) * 100vw);
    }

    .fv__first__num{
        font-size: calc(32 / var(--base-size) * 100vw);
    }
    
    .fv__second__num{
          font-size: calc(30 / var(--base-size) * 100vw);
    }

    .fv__second__type{
          font-size: calc(20 / var(--base-size) * 100vw);
    }

    .fv__second__detail{
        font-size: calc(11 / var(--base-size) * 100vw);  
        margin-top: calc(5 / var(--base-size) * 100vw); 
    }
    .fv__second__custom{
        font-size: calc(7 / var(--base-size) * 100vw);
    }
    .fv__third__main{
        font-size: calc(19 / var(--base-size) * 100vw);
    }
    .top-box{
        position: relative;
    }

    .concept{
        padding: calc(38 / var(--base-size) * 100vw) 0;
        position: static;
        background-color: #EAF1EC;
    }

    .concept__ttl{
        margin-bottom: calc(20 / var(--base-size) * 100vw);
    }

    .concept__detail{
        width: 90%;
    }

    .concept__label{
        font-size: calc(10.5 / var(--base-size) * 100vw);
        margin-bottom: calc(20 / var(--base-size) * 100vw);
    }
    .concept__ttl__img{
        width: calc(161 / var(--base-size) * 100vw);
    }
    .concept__ttl__inner{
        font-size: calc(14 / var(--base-size) * 100vw);
    }
    .concept__ttl__inner2{
        font-size: calc(24 / var(--base-size) * 100vw);
    }

    .concept__detail{
        padding: calc(16 / var(--base-size) * 100vw);
        line-height: 2em;
        font-size: calc(14 / var(--base-size) * 100vw);
        padding: calc(25 / var(--base-size) * 100vw) calc(10 / var(--base-size) * 100vw);
    }
    .concept__right{
        
    }

    .concept__left{
        top: calc(179 / var(--base-size) * 100vw);
        width: calc(195 / var(--base-size) * 100vw);
    }
    
    .suggest{
        padding: calc(90 / var(--base-size) * 100vw) 0;
    }

    .suggest__ttl,
    .target__ttl,
    .type__ttl,
    .comment__ttl,
    .case__ttl,
    .support__ttl,
    .faq__ttl{
        font-size: calc(24 / var(--base-size) * 100vw);
        margin-bottom: calc(30 / var(--base-size) * 100vw);
    }
    .suggest__ttl::before,
    .target__ttl::before,
    .comment__ttl::before,
    .case__ttl::before,
    .support__ttl::before,
    .type__ttl::before,
    .faq__ttl::before
    {
        width: calc(220 / var(--base-size) * 100vw);
        height: calc(3 / var(--base-size) * 100vw);
        top: calc(100% + calc(8 / var(--base-size) * 100vw));
    }
    .target__ttl{
        margin-bottom: calc(45 / var(--base-size) * 100vw);
    }

    .suggest__list{
        padding: calc(40 / var(--base-size) * 100vw) calc(15 / var(--base-size) * 100vw);
        display: grid;
    }

    .suggest__item{
        width: 100%;
        padding: 0;
        font-size: calc(14 / var(--base-size) * 100vw);
    }

    .suggest__label br{
        display: none;
    }

    .suggest__check{
        width: calc(20 / var(--base-size) * 100vw);
        margin-top: calc(2 / var(--base-size) * 100vw);
    }

    .cta{
        margin-top: calc(50 / var(--base-size) * 100vw);
    }

    .cta__ttl{
        font-size: calc(20 / var(--base-size) * 100vw);
    }

    .cta__detail{
        font-size: calc(14 / var(--base-size) * 100vw);
    }

    .cta__link{
        width: 80%;
        font-size: calc(14 / var(--base-size) * 100vw);
        height: calc(50 / var(--base-size) * 100vw);
    }
    .cta__wrap{
        background-image: url(../img/cta-back-sp.png);
    }
    .cta__link::before{
        right: calc(10 / var(--base-size) * 100vw);
    }

    .target__catch{
        font-size: calc(14 / var(--base-size) * 100vw);
        margin-bottom: calc(30 / var(--base-size) * 100vw);
    }

    .reason__wrap{
        padding: calc(50 / var(--base-size) * 100vw) 0;
    }

    .reason__ttl{
         font-size: calc(24 / var(--base-size) * 100vw);
         margin-bottom: calc(30 / var(--base-size) * 100vw);
    }
    .reason__ttl__inner{
        font-size: calc(36 / var(--base-size) * 100vw);
    }
    .reason__catch{
        font-size: calc(14 / var(--base-size) * 100vw);
    }

    .reason__label{
        font-size: calc(23 / var(--base-size) * 100vw);
    }
    .reason__detail{
        font-size: calc(14 / var(--base-size) * 100vw);
    }

    .reason__list{
        gap: calc(60 / var(--base-size) * 100vw);
        margin: calc(60 / var(--base-size) * 100vw) auto;
    }

    .reason__item{
        flex-wrap: wrap;
        justify-content: center;
        gap: calc(30 / var(--base-size) * 100vw);
    }

    .reason__item .reason__text{
        width: 100%;
        order: 1;
    }

    .reason__item .reason__img{
        width: 80%;
         order: 2;
    }

    .reason__link,
    .target__link,
    .plan__link,
    .step__link,
    .faq__link,
    .closing__link{
        width: 90%;
        height: calc(50 / var(--base-size) * 100vw);
        border-radius: calc(10 / var(--base-size) * 100vw);
        font-size: calc(16 / var(--base-size) * 100vw);
    }
    .reason__num__inner{
        width: calc(50 / var(--base-size) * 100vw);
        margin-bottom: calc(10 / var(--base-size) * 100vw);
    }
    .reason__bottom{
        font-size: calc(20 / var(--base-size) * 100vw);
        margin-bottom: calc(40 / var(--base-size) * 100vw);
    }
    .target__item{
        width: calc(50% - calc(5 / var(--base-size) * 100vw));
        height: auto;
        min-height: calc(50 / var(--base-size) * 100vw);
        font-size: calc(14 / var(--base-size) * 100vw);
        padding: calc(10 / var(--base-size) * 100vw);
    }

    .target__item--half{
        width: 100%;
    }

    .target__bottom{
        font-size: calc(18 / var(--base-size) * 100vw);
    }
    .type{
        padding: calc(30 / var(--base-size) * 100vw) 0;
    }
    .type__wrap{
        padding: calc(30 / var(--base-size) * 100vw) 0;
        border-radius: calc(15 / var(--base-size) * 100vw);
    }
    .type__ttl{
        margin-bottom: calc(45 / var(--base-size) * 100vw);
    }
    .type__list{
        flex-wrap: wrap;
        gap: calc(30 / var(--base-size) * 100vw);
    }
    .type__list.slick-slider{
        padding: calc(6 / var(--base-size) * 100vw) 0;
    }

    .type__list .slick-list{
        margin: calc(-6 / var(--base-size) * 100vw) 0;
        padding: calc(6 / var(--base-size) * 100vw) 0;
    }

    .type__item{
        width: 100%;
        margin: 0 calc(10 / var(--base-size) * 100vw);
    }
    .type__item__list{
        height: auto;
        padding: calc(10 / var(--base-size) * 100vw);
    }
    .type__item__icon{
        width: calc(12 / var(--base-size) * 100vw);
        margin-top: calc(5 / var(--base-size) * 100vw);
    }
    .type__item__label{
        font-size: calc(14 / var(--base-size) * 100vw);
    }
    .type__item__item{
        gap: calc(5 / var(--base-size) * 100vw);
    }
    .type__label{
        font-size: calc(14 / var(--base-size) * 100vw);
        padding: calc(10 / var(--base-size) * 100vw);
        text-align: left;
    }
    .type__item__last{
        font-size: calc(14 / var(--base-size) * 100vw);
    }
    .type__item__box{
        padding:calc(10 / var(--base-size) * 100vw);
    }
    .type__item__box__label{
        font-size: calc(14 / var(--base-size) * 100vw);
        margin-bottom: calc(5 / var(--base-size) * 100vw);
    }
    .type__option__label{
        width: 100%;
        height: calc(48 / var(--base-size) * 100vw);
    }
    .type__option__list{
        margin-top: calc(15 / var(--base-size) * 100vw);
        gap: calc(10 / var(--base-size) * 100vw);
    }
    .type__option__item{
        width: 100%;
        font-size: calc(14 / var(--base-size) * 100vw);
        height: calc(35 / var(--base-size) * 100vw);
    }

    .plan__wrap{
        margin-top: calc(50 / var(--base-size) * 100vw);
    }

    .plan__ttl{
        margin-bottom: calc(30 / var(--base-size) * 100vw);
    }

    .plan__ttl__inner{
        font-size: calc(24 / var(--base-size) * 100vw);
    }
    .plan__ttl::before,
    .plan__ttl::after{
        width: calc(70 / var(--base-size) * 100vw);
        height: calc(1 / var(--base-size) * 100vw);
    }
    .plan__list{
        flex-wrap: wrap;
        gap: calc(30 / var(--base-size) * 100vw);
    }

    .plan__item{
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        height: auto;
        padding: calc(10 / var(--base-size) * 100vw) 0;
        gap: calc(10 / var(--base-size) * 100vw);
        height: calc(82 / var(--base-size) * 100vw);
    }

    .plan__item__label{
        font-size: calc(14 / var(--base-size) * 100vw);
        margin: 0;
    }
    .plan__item__num{
        font-size: calc(50 / var(--base-size) * 100vw);
    }
    .plan__item__en{
        font-size: calc(30 / var(--base-size) * 100vw);
    }
    .plan__item__content::before{
        width: 100%;
    }
    .plan__item__large{
        font-size: calc(40 / var(--base-size) * 100vw);
    }
    .plan__item__top{
        width: calc(140 / var(--base-size) * 100vw);
    height: calc(24 / var(--base-size) * 100vw);
    font-size: calc(12 / var(--base-size) * 100vw);
    }
    .target__list{ 
        margin-bottom: calc(50 / var(--base-size) * 100vw);
    }
    .target__bottom{
        margin-bottom: calc(20 / var(--base-size) * 100vw);
    }
    .target{
        padding: calc(50 / var(--base-size) * 100vw) 0;
    }
    .comment{
        padding: calc(50 / var(--base-size) * 100vw) 0;
    }
    .comment__ttl{
        margin-bottom: calc(30 / var(--base-size) * 100vw);
    }
    .comment__catch{
        font-size: calc(14 / var(--base-size) * 100vw);
        margin-bottom: calc(30 / var(--base-size) * 100vw);
    }
    .comment__row{
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .comment__user{
        width: 90%;
    }
    .comment__ope{
        width: 90%;
        margin: 0 0 0 auto;
    }
    
    .step{
        padding: calc(50 / var(--base-size) * 100vw) 0;
    }
    .step__ttl{
        font-size: calc(22 / var(--base-size) * 100vw);
    }
    .step__catch{
        font-size: calc(14 / var(--base-size) * 100vw);
    }

    .step__list{
        display: grid;
        gap: calc(30 / var(--base-size) * 100vw);
    }

    .step__item{
        width: 100%;
    }

    .step__label{
        font-size: calc(14 / var(--base-size) * 100vw);
    }

    .step__content__label{
        display: flex;
        justify-content: flex-start;
        padding: 0 calc(16 / var(--base-size) * 100vw);
        height: calc(33 / var(--base-size) * 100vw);
        font-size: calc(16 / var(--base-size) * 100vw);
    }

    .step__content__detail{
        padding: calc(10 / var(--base-size) * 100vw) calc(16 / var(--base-size) * 100vw);
        font-size: calc(14 / var(--base-size) * 100vw);
        height: auto;
    }

    .step__content::before{
        top: 100% ;
        left: 50%;
        transform: translate(-50%,50%) rotate(90deg);
    }
    .step__link{
        margin-top: calc(40 / var(--base-size) * 100vw);
    }
    .case{
        padding: calc(50 / var(--base-size) * 100vw) 0;
    }
    .case__img{
        width: auto;
    }
    .closing__list{
        width: 90%;
        display: grid;
        grid-template-columns: 1fr;
        margin: auto;
    }

    .closing__item{
        width: 100%;
        display: block;
    }

    .faq__content{
        display: grid;
    }
    .support{
        padding: calc(50 / var(--base-size) * 100vw) 0;
    }
    .support__inner{
        padding: calc(10 / var(--base-size) * 100vw);
    }
    .support__label{
        margin-bottom: calc(5 / var(--base-size) * 100vw);
        font-size: calc(12 / var(--base-size) * 100vw);
    }
    .support__large{
        font-size: calc(16 / var(--base-size) * 100vw);
    }
    .support__detail{
        font-size: calc(14 / var(--base-size) * 100vw);
    }
    .support__item{
        width: 100%;
    }
    .community__left{
        display: grid;
    }
    .plan__note{
        margin-top:calc(10 / var(--base-size) * 100vw);
         font-size: calc(12 / var(--base-size) * 100vw);
    }
    .community__ttl{
        font-size: calc(24 / var(--base-size) * 100vw);
        margin-bottom: calc(16 / var(--base-size) * 100vw);
        order: 2;
    }
    .community__detail{
        width: 100%;
        font-size: calc(14 / var(--base-size) * 100vw);
         order: 3;
    }
    .community__check{
        width: calc(16.79 / var(--base-size) * 100vw);
    }
    .community__item{
        font-size: calc(14 / var(--base-size) * 100vw);

    border-radius: calc(5 / var(--base-size) * 100vw);
        padding: 0 calc(18 / var(--base-size) * 100vw);
        height: calc(45 / var(--base-size) * 100vw);
        box-shadow: 0 calc(2 / var(--base-size) * 100vw) calc(3 / var(--base-size) * 100vw) rgba(39, 39, 39, 0.16);
    }
    .header__logo{
        width: calc(90.55 / var(--base-size) * 100vw);
    }
    .faq__memo {
        font-size: calc(13 / var(--base-size) * 100vw);
        margin-top: calc(14 / var(--base-size) * 100vw);
    }
    .faq__label__icon {
    width: calc(16.12 / var(--base-size) * 100vw);
}
    .community__list{
        width: 100%;
         order: 4;
    }
    .community__img{
        position: static;
        width: 100%;
         order: 1;
        margin-bottom: calc(30 / var(--base-size) * 100vw);
    }
    .community__label{
        font-size: calc(18 / var(--base-size) * 100vw);
        margin-top: calc(30 / var(--base-size) * 100vw);
    }
    .faq{
        padding: calc(50 / var(--base-size) * 100vw) 0;
    }
    .faq__item{
        width: 100%;
    }     
    .faq__content{
        gap: calc(30 / var(--base-size) * 100vw);
    }  
    .faq__label{
        width: 100%;
        font-size: calc(16 / var(--base-size) * 100vw);
         transform: translate(0);
         position: static;
         height: calc(86 / var(--base-size) * 100vw);

    }
    .faq__answer{
        font-size: calc(14 / var(--base-size) * 100vw);
        padding: calc(20 / var(--base-size) * 100vw) ;
        height: auto;
    }
    .faq__link{
        margin-top: calc(40 / var(--base-size) * 100vw);
    }
    .closing{
        padding: calc(50 / var(--base-size) * 100vw) 0;
    }
    .closing__ttl{
        font-size: calc(20 / var(--base-size) * 100vw);
        margin-bottom: calc(20 / var(--base-size) * 100vw);
    }
    .closing__detail{
        font-size: calc(14 / var(--base-size) * 100vw);
    }
    .closing__memo{
        text-align: left;
    }

    .closing__list{
        width: 90%;
        display: grid;
        margin: auto;
        gap: calc(10 / var(--base-size) * 100vw);
    }

    .closing__item{
        width: 100%;
        display: block;
    }

    .closing__link{
        margin-top: calc(60 / var(--base-size) * 100vw);
    }
    .footer__wrap{
        flex-wrap: wrap;
        gap: calc(30 / var(--base-size) * 100vw);
    }

    .footer__right{
        flex-wrap: wrap;
    }
    .footer__list{
        width: 50%;
        margin: 0;
        align-items: flex-start;
    }
    
    .footer__btn{
        width: 100%;
        margin: auto;
        margin-top: calc(30 / var(--base-size) * 100vw);
    }

    .plan__fee{
       display: flex;
       flex-direction: column;
       text-align: center;
       height: auto;
       gap: 0;
       justify-content: center;
       align-items: center;
       padding: calc(20 / var(--base-size) * 100vw) 0 calc(10 / var(--base-size) * 100vw);
    }

    .fv__line{
        gap: calc(5 / var(--base-size) * 100vw);
    }

    .fv__icon{
        width: calc(24 / var(--base-size) * 100vw);
    }

    .plan__fee__label {
    width: calc(112 / var(--base-size) * 100vw);
    height: calc(45 / var(--base-size) * 100vw);
    border: calc(2 / var(--base-size) * 100vw) solid #fff;
    font-size: calc(20 / var(--base-size) * 100vw);
}

    .plan__fee__price{
        display: inline-block;
    }


    .plan__fee__note{
        top: calc(40 / var(--base-size) * 100vw);
        font-size:calc(12 / var(--base-size) * 100vw);

    }

    .plan__fee__num{
        font-size: calc(66 / var(--base-size) * 100vw);
    }

    .plan__fee__en{
        font-size: calc(32 / var(--base-size) * 100vw);
        font-weight: 700;
    }

    .plan__link{
        margin-top: calc(40 / var(--base-size) * 100vw);
    }
    .top-box{
        background: none
    }
    .pc-only{
        display: none;
    }
    .fv{
        overflow: hidden;
         background: url(../img/fv-back-sp.svg);
         background-size: cover;
         background-position: top;
         padding-bottom: calc(25 / var(--base-size) * 100vw);

    }
    .fv__list{
        gap: calc(5 / var(--base-size) * 100vw);
        align-items: stretch;
        position: relative;
        z-index: 1;
        justify-content: space-between;
    }

    .fv__item{
        padding: calc(12 / var(--base-size) * 100vw) 0;
        height: auto;
        border-radius: calc(10 / var(--base-size) * 100vw);
        position: relative;
        z-index: 1;
        width: calc(106 / var(--base-size) * 100vw);
    }

    .fv__first{
        padding: calc(17 / var(--base-size) * 100vw) 0 0;
    }

    .fv__link{
        position: relative;
        z-index: 1;

    }

    .fv__detail{
                position: relative;
        z-index: 1;

    }

    .fv__first__label{
        font-size: calc(12 / var(--base-size) * 100vw);
    }

    .fv__first__num{
        font-size: calc(49 / var(--base-size) * 100vw);
    }

    .fv__second__label{
         font-size: calc(11 / var(--base-size) * 100vw);
    }
    .fv__third__label{
        font-size: calc(12 / var(--base-size) * 100vw);
        line-height: 1.7em;
    }
    .fv__third__main{
        display: block;
        margin-top: calc(1 / var(--base-size) * 100vw);
    }

    .concept__left {
        top: calc(189 / var(--base-size) * 100vw);
        width: calc(145 / var(--base-size) * 100vw);
        transform: rotate(12deg);
    }

    .footer__left{
        width: calc(160 / var(--base-size) * 100vw);
    }
    .conecpt{
        background-color: #EAF1EC;
    }
    .concept__right{
        display: none;
    }
    .concept__ttl{
        color: #0D9817;
    }
    .footer__link{
        font-size: calc(16 / var(--base-size) * 100vw);
    }
    .footer__btn__link {
        width: calc(230 / var(--base-size) * 100vw);
        height:calc(50 / var(--base-size) * 100vw);
        
        font-size: calc(16 / var(--base-size) * 100vw);
        margin: auto;
    }
}