:root {

    /* Colors: */
    --unnamed-color-ffffff: #FFFFFF;
    --unnamed-color-d35149: #D35149;
    --unnamed-color-3495bf: #3495BF;
    --unnamed-color-f29f31: #F29F31;
    --unnamed-color-5ba43f: #5BA43F;
    --unnamed-color-121212: #121212;
    --unnamed-color-383231: #383231;
    --unnamed-color-707070: #707070;
    
    /* Font/text values */
    --unnamed-font-family-noto-sans-jp: Noto Sans JP;
    --unnamed-font-style-normal: normal;
    --unnamed-font-weight-bold: bold;
    --unnamed-font-weight-medium: 500;
    --unnamed-font-size-14: 14rem;
    --unnamed-font-size-16: 16rem;
    --unnamed-font-size-22: 22rem;
    --unnamed-font-size-24: 24rem;
    --unnamed-font-size-28: 28rem;
    --unnamed-font-size-30: 30rem;
    --unnamed-character-spacing-0: 0rem;
    --unnamed-character-spacing-0-48: 0.48rem;
    --unnamed-character-spacing-0-44: 0.44rem;
    --unnamed-line-spacing-28: 28rem;
    --unnamed-line-spacing-32: 32rem;
    --unnamed-line-spacing-36: 36rem;
    --unnamed-line-spacing-48: 48rem;
    --unnamed-line-spacing-56: 56rem;
    --unnamed-line-spacing-60: 60rem;
    }
header{
    width: 100%;
    padding: 0 20rem;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 50;
    background-color: #fff;
}
.pc{
    display: block !important;
}
.sp{
    display: none !important;
}
.header-menu{
    max-width: 1200rem;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 25rem 0;
}
.header-logo{
    width: 200rem;
}
.header-nav{
    display: flex;
    width: 880rem;
    margin-left: 20rem;
    justify-content: space-between;
}
.header-nav-list a{
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-medium) 15rem/var(--unnamed-line-spacing-28) var(--unnamed-font-family-noto-sans-jp);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--unnamed-color-121212);
}
.header-nav-list.btn a::before{
    content: "";
    width: 17rem;
    height: 14rem;
    display: inline-block;
    background: url('/assets/img/btn_icon.png') center/contain no-repeat;
    margin-right: 10rem;
}
.btn a,
button{
    background: var(--unnamed-color-f29f31) 0% 0% no-repeat padding-box;
    padding: 15rem 24rem;
    border-radius: 9999rem;
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-bold) 15rem/var(--unnamed-line-spacing-28) var(--unnamed-font-family-noto-sans-jp);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--unnamed-color-ffffff);
    border: none;
}
.contact-btn{
    display: block;
    width: 169rem;
    height: 169rem;
    position: fixed;
    bottom: 20rem;
    right: 20rem;
    z-index: 20;
}
.contact-btn.hide{
    display: none;
}
.block-top-bad{
    background: #ECF6EC 0% 0% no-repeat padding-box;
    padding:80rem 0 50rem ;
    position: relative;

}
.top-under-box{
    position: relative;
    padding-top: 207rem;
    width: 1000rem;
    margin: 0 auto;
}
.block-top-bad img{
    width: 280rem;
    margin: 0 auto 0;
    display: block;
}
.bad-text-title{
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-bold) 54rem/86rem var(--unnamed-font-family-noto-sans-jp);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--unnamed-color-121212);
    text-align: center;
}
.bad-text-title .dot{
    background-image: radial-gradient(circle at center, #121212 20%, transparent 20%); /* 点の色とサイズ調整 */
    background-position: top right; /* 点の位置 */
    background-repeat: repeat-x; /* 横方向に繰り返し */
    background-size: 1em 0.3em; /* 点の間隔とサイズ調整 */
    padding-top: 15rem; /* 縦方向の位置調整 */
}
.bad-text-title .yellow-text{
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-bold) 64rem/75rem var(--unnamed-font-family-noto-sans-jp);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--unnamed-color-f29f31);
}
.top-under-box p{
    position: absolute;
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-bold) var(--unnamed-font-size-24)/30px var(--unnamed-font-family-noto-sans-jp);
    letter-spacing: var(--unnamed-character-spacing-0-48);
    color: var(--unnamed-color-121212);
}
.top-under-text01{
    top: 65rem;
    left: 185rem;
    width: 252rem;
    height: 164rem;
    background: url('/assets/img/text_box_pc01.png') center/cover no-repeat;
    padding-top: 25rem;
    padding-left: 18rem;
}
.top-under-text02{
    top: 60rem;
    right: 137rem;
    width: 277rem;
    height: 175rem;
    background: url('/assets/img/text_box_pc02.png') center/cover no-repeat;
    padding-top: 25rem;
    padding-left: 40rem;
}
.top-under-text03{
    top: 236rem;
    left: 75rem;
    width: 284rem;
    height: 217rem;
    background: url('/assets/img/text_box_pc03.png') center/cover no-repeat;
    padding-top: 48rem;
    padding-left: 74rem;
}
.top-under-text04{
    top: 236rem;
    right: 75rem;
    width: 265rem;
    height: 185rem;
    background: url('/assets/img/text_box_pc04.png') center/cover no-repeat;
    padding-top: 48rem;
    padding-left: 74rem;
}
.block-top-bad::before{
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 40rem 0rem 40rem 45rem;
    transform: rotate(90deg) translateX(100%);
    border-color: transparent transparent transparent #ECF6EC;
    position: absolute;
    left: 50%;
    bottom: 0;
    margin: auto;
}
.block-top-good{
    width: 1000rem;
    margin: 150rem auto 100rem;
    background-color: var(--unnamed-color-5ba43f);
    padding:10rem 129rem 0;
    display: flex;
    position: relative;
}
.block-top-good img{
    width: 208rem;
    height: 340rem;
}
.good-text{
    margin-left: 20rem;
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-bold) 64rem/93rem var(--unnamed-font-family-noto-sans-jp);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: #fff;
    margin-top: 10rem;
}
.good-text .small{
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-bold) 35px/var(--unnamed-line-spacing-56) var(--unnamed-font-family-noto-sans-jp);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--unnamed-color-ffffff);
}
.good-text .strong-text{
    color: #F2F231;
    background: linear-gradient(transparent 0%, transparent 70%, #F29F31 70%, #F29F31 100%);
}
.text-deco{
    background-image: radial-gradient(circle at center, var(--unnamed-color-f29f31) 15%, transparent 15%); /* 点の色とサイズ調整 */
    background-position: top right; /* 点の位置 */
    background-repeat: repeat-x; /* 横方向に繰り返し */
    background-size: 1em 0.3em; /* 点の間隔とサイズ調整 */
    padding-top: 5rem; /* 縦方向の位置調整 */
}
.block-top-good::after,
.block-merit::before{
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 35rem 0rem 35rem 38rem;
    transform: rotate(90deg) translateX(160rem) translateY(25%);
    border-color: transparent transparent transparent #F29F31;
    position: absolute;
    left: 50%;
    bottom: 0;
    margin: auto;
}
.content-title{
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-bold) 36rem/var(--unnamed-line-spacing-56) var(--unnamed-font-family-noto-sans-jp);
    letter-spacing: var(--unnamed-character-spacing-0);
    text-align: center;
    margin-top: 245rem;
}
.content-title .small{
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-bold) var(--unnamed-font-size-24)/var(--unnamed-line-spacing-28) var(--unnamed-font-family-noto-sans-jp);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--unnamed-color-5ba43f);
    position: relative;
    display: inline-block;
}
.content-title .small::before{
    content:"";
    display: inline-block;
    width: 100%;
    height: 2rem;
    background-color: #5BA43F;
    position: absolute;
    bottom: -3rem;
    left: 0;
}
span.green-text{
    color: #5BA43F;
}
.content-big-title{
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-bold) 64rem/93rem var(--unnamed-font-family-noto-sans-jp);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--unnamed-color-121212);
    text-align: center;
    margin-top: 40rem;
    margin-bottom: 95rem;
}
.content-big-title span{
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-bold) 96rem/93rem Outfit;
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--unnamed-color-f29f31);
}
.block-merit{
    position: relative;
    margin-bottom: 240rem;
}
.merit-list{
    display: flex;
    width: 925rem;
    margin: 50rem auto;
    justify-content: space-between;
}
.merit-list li{
    background: var(--unnamed-color-5ba43f) 0% 0% no-repeat padding-box;
    width: 288rem;
    height: 375rem;
    border-radius: 5rem;
    position: relative;
    padding-top: 60rem;
}
.number{
    width: 100rem;
    height: 100rem;
    border-radius: 50%;
    background-color: var(--unnamed-color-f29f31);
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-bold) 60rem/var(--unnamed-line-spacing-60) Outfit;
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--unnamed-color-ffffff);
    text-align: center;
    line-height: 100rem;
    position: absolute;
}
.merit-list .number{
    top:0;
    left: 50%;
    transform: translate(-50%,-50%);
}
.merit-list li h4{
    text-align: center;
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-bold) 32rem/var(--unnamed-line-spacing-56) var(--unnamed-font-family-noto-sans-jp);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--unnamed-color-ffffff);
    display: flex;
    flex-direction: column;
    align-items: center;
}
.merit-list li h4 img{
    width: 120rem;
    height: 120rem;
}
.merit-list-text{
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-medium) var(--unnamed-font-size-16)/var(--unnamed-line-spacing-32) var(--unnamed-font-family-noto-sans-jp);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--unnamed-color-ffffff);
    width: 233rem;
    margin: 0 auto;
}
.block-merit-content{
    border: 6rem solid var(--unnamed-color-5ba43f);
    background: #EDF6EC 0% 0% no-repeat padding-box;
    width: 1000rem;
    margin: 0 auto 80rem;
    padding-bottom: 30rem;
}
.block-merit-content:nth-of-type(3n){
    margin-bottom: 160rem;
}
.merit-block-title{
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-bold) 32rem/var(--unnamed-line-spacing-56) var(--unnamed-font-family-noto-sans-jp);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--unnamed-color-5ba43f);
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 60rem 0 20rem;
}
.merit-block-title img{
    width: 60rem;
    height: 60rem;
}
.merit-block-text{
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-medium) 18rem/32.4rem var(--unnamed-font-family-noto-sans-jp);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--unnamed-color-121212);
    text-align: center;
    margin-bottom: 35rem;
}

.merit-lists{
    margin:0 auto 30rem;
    display: flex;
    justify-content: center;
}
.merit-content-box .merit-lists:nth-child(2n){
    flex-direction: row-reverse;
}
.merit-lists img{
    width: 480rem;
}
.merit-text-box{
    width: 370rem;
    background-color: var(--unnamed-color-ffffff);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.merit-text-box h3{
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-bold) var(--unnamed-font-size-30)/var(--unnamed-line-spacing-36) var(--unnamed-font-family-noto-sans-jp);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--unnamed-color-121212);
    text-align: center;
    margin-bottom: 20rem;
}
.merit-text-box h3 span{
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-bold) 20rem/20rem var(--unnamed-font-family-noto-sans-jp);
}
.merit-text-box p{
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-medium) var(--unnamed-font-size-16)/28rem var(--unnamed-font-family-noto-sans-jp);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--unnamed-color-121212);
    width: 290rem;
}
.merit-text-box p .bold{
    font: var(--unnamed-font-style-normal) normal 900 var(--unnamed-font-size-16)/var(--unnamed-line-spacing-32) var(--unnamed-font-family-noto-sans-jp);
}
.merit-text-box p .under-line{
    background: linear-gradient(transparent 0%, transparent 70%, #F29F31 70%, #F29F31 100%);
}
.block-step{
    background-color: var(--unnamed-color-5ba43f);
    clip-path: polygon(0 100rem, 100% 0, 100% calc(100% - 100rem), 0 100%);
    padding :185rem 0 190rem;
}
.block-step .content-title{
    margin-top: 0;
    color: var(--unnamed-color-ffffff);
}
.block-step .content-title span{
    color: var(--unnamed-color-ffffff);
}
.block-step .content-title .small::before{
    background-color: var(--unnamed-color-ffffff);
}
.step-list{
    display: flex;
    padding-top: 111rem;
    width: 1020rem;
    margin: 0 auto;
    justify-content: space-between;

}
.step-lists{
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.step-lists .step-top{
    width: 250rem;
    height: 250rem;
    background-color: var(--unnamed-color-ffffff);
    border-radius: 50%;
    position: relative;
}
.step-lists::before{
    content: "";
    display: block;
    width: 26rem;
    height: 56rem;
    background: url("/assets/img/arrow.png") center/cover no-repeat;
    position:absolute;
    top: 50%;
    right: calc((-1020rem + (260rem * 3)) / 2 + 26rem);
    transform: translate(-50%,-50%);
}
.step-lists:nth-child(3):before{
    content: none;
}
.step-lists .step-top .number{
    top: 0;
    left: 50%;
    transform: translate(-50%,-50%);
}
.step-under{
    width: 260rem;
    margin-top: 10rem;
}
.step-under h4{
    font: var(--unnamed-font-style-normal) normal 900 var(--unnamed-font-size-24)/var(--unnamed-line-spacing-36) var(--unnamed-font-family-noto-sans-jp);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--unnamed-color-ffffff);
    text-align: center;
    margin-bottom: 15rem;
}
.step-under p{
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-medium) var(--unnamed-font-size-16)/var(--unnamed-line-spacing-32) var(--unnamed-font-family-noto-sans-jp);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--unnamed-color-ffffff);
}
.step-under p span{
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-bold) var(--unnamed-font-size-16)/var(--unnamed-line-spacing-36) var(--unnamed-font-family-noto-sans-jp);
}
.step-under p a{
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-bold) var(--unnamed-font-size-22)/var(--unnamed-line-spacing-36) var(--unnamed-font-family-noto-sans-jp);
    color: #fff;
    margin-left: 5rem;
}
.block-voice .content-title{
    margin-top: 160rem;
}
.voice-list{
    width: 1000rem;
    display: flex;
    flex-wrap: wrap;
    align-items:stretch;
    justify-content: space-between;
    margin: 50rem auto 110rem;
}
.voice-lists{
    background-color: #ECF6EC;
    border: 6rem solid var(--unnamed-color-5ba43f);
    width: 485rem;
    padding: 35rem;
}
.voice-lists:nth-of-type(3),
.voice-lists:nth-of-type(4){
    margin-top: 30rem;
}
.voice-top{
    display: flex;
    justify-content: space-between;

}
.voice-top img{
    width: 160rem;
    height: 160rem;
}
.voice-title-text{
    width: 225rem;

}
.voice-title-text h4{
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-bold) 26rem/var(--unnamed-line-spacing-32) var(--unnamed-font-family-noto-sans-jp);
}
.voice-title-text h4 span{
    color: #FABD00;
}
.voice-lists .voice-title-text p{
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-medium) var(--unnamed-font-size-16)/var(--unnamed-line-spacing-32) var(--unnamed-font-family-noto-sans-jp);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--unnamed-color-121212);
    margin-top: 0;
}
.voice-lists p{
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-medium) var(--unnamed-font-size-16)/var(--unnamed-line-spacing-32) var(--unnamed-font-family-noto-sans-jp);
    color: var(--unnamed-color-121212);
    margin-top: 30rem;
}
.block-price .content-title{
    margin-top: 110rem;
}
.price-list{
    display: flex;
    justify-content: space-between;
    width: 1000rem;
    margin: 80rem auto 0;
}
.price-lists{
    width: 310rem;
    background-color: var(--unnamed-color-5ba43f);
    border-radius: 5rem;
    border: 6rem solid var(--unnamed-color-5ba43f);
}
.price-top{
    display: flex;
    position: relative;
    justify-content: right;
    padding-right: 18rem;
    padding-bottom: 3rem;
}
.price-title{
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-bold) 18rem/26rem var(--unnamed-font-family-noto-sans-jp);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--unnamed-color-ffffff);

}
.price-title span{
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-medium) var(--unnamed-font-size-14)/var(--unnamed-line-spacing-32) var(--unnamed-font-family-noto-sans-jp);
    letter-spacing: var(--unnamed-character-spacing-0);
}
.price-top img{
    height: 120rem;
    width: auto;
    position: absolute;
    bottom: 0;
    left: 0;
}
.price-under{
    background-color: #ECF6EC;
    padding: 20rem 20rem 16rem;
}
.price-text22 p{
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-bold) var(--unnamed-font-size-22)/38rem var(--unnamed-font-family-noto-sans-jp);
    letter-spacing: var(--unnamed-character-spacing-0-44);
    color: var(--unnamed-color-121212);
}
.price-text16 p{
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-bold) var(--unnamed-font-size-16)/38rem var(--unnamed-font-family-noto-sans-jp);
    letter-spacing: var(--unnamed-character-spacing-0-44);
    color: var(--unnamed-color-121212);
}
.price-text12{
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-bold) 12rem/22rem var(--unnamed-font-family-noto-sans-jp);
    color: var(--unnamed-color-5ba43f);
}
.price-under div{
    display: flex;
    justify-content: space-between;
}
.price-text24 p{
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-bold) var(--unnamed-font-size-24)/var(--unnamed-line-spacing-48) Outfit;
    letter-spacing: var(--unnamed-character-spacing-0-48);
    color: var(--unnamed-color-121212);
}
.price-text24{
    border-top: 3rem solid var(--unnamed-color-5ba43f);
    margin-top: 8rem;
    padding-top: 12rem;
}
.price-under-text{
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-medium) var(--unnamed-font-size-16)/24rem var(--unnamed-font-family-noto-sans-jp);
    color: var(--unnamed-color-121212);
    margin: 15rem auto 0;
    width: 1000rem;
}
.block-faq .content-title{
    margin-top: 70rem;
}
.faq-list{
    width: 1000rem;
    margin: 35rem auto 0;
}
.faq-list .question{
    background: var(--unnamed-color-5ba43f) 0% 0% no-repeat padding-box;
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-bold) 18rem/28rem var(--unnamed-font-family-noto-sans-jp);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--unnamed-color-ffffff);
    padding: 20rem 75rem 30rem;
    border-radius: 5rem;
    position: relative;
}
.faq-list .question::before{
    content: "";
    display: block;
    position: absolute;
    width: 25rem;
    height: 3rem;
    background-color: #fff;
    top: 50%;
    right: 75rem;
    transform: translateY(-50%);
}
.faq-list .close .question::after{
    content: "";
    display: block;
    position: absolute;
    width: 3rem;
    height: 25rem;
    background-color: #fff;
    top: 50%;
    right: 86rem;
    transform: translateY(-50%);
    transition: all ease 0.3s;
    opacity: 1;
}
.faq-list .question::after{
    content: "";
    display: block;
    opacity: 0;
    position: absolute;
    width: 3rem;
    height: 25rem;
    background-color: #fff;
    top: 50%;
    right: 86rem;
    transform: translateY(-50%);
    transition: all ease 0.3s;
}

.faq-list .answer{
    background: #ECF6EC 0% 0% no-repeat padding-box;
    border-radius: 0 0 5rem 5rem;
    padding: 20rem 75rem 30rem;
    transition: all ease 0.3s;
}
.faq-list .close .answer{
    height: 0;
    visibility: hidden;
    opacity: 0;
    padding: 0 75rem;
}
.faq-list .question p::before{
    content: "Q.";
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-bold) var(--unnamed-font-size-28)/var(--unnamed-line-spacing-56) var(--unnamed-font-family-noto-sans-jp);
    letter-spacing: var(--unnamed-character-spacing-0);
    margin-right: 5rem;
}
.faq-list .answer h5{
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-bold) 18rem/var(--unnamed-line-spacing-56) var(--unnamed-font-family-noto-sans-jp);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--unnamed-color-121212);
    position: relative;
    padding-left: 40rem;
}
.faq-list .answer h5::before{
    content: "A.";
    margin-right: 5rem;
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-bold) var(--unnamed-font-size-28)/var(--unnamed-line-spacing-56) var(--unnamed-font-family-noto-sans-jp);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--unnamed-color-5ba43f);
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}
.faq-list .answer p{
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-medium) var(--unnamed-font-size-16)/var(--unnamed-line-spacing-32) var(--unnamed-font-family-noto-sans-jp);
    letter-spacing: var(--unnamed-character-spacing-0);
    padding-left: 40rem;
}
.block-contact .content-title{
    margin-top: 160rem;
}
.faq-list li{
    transition: all ease 0.3s;
    margin-bottom: 15rem;
}
.faq-list li:hover{
    cursor: pointer;
}

footer{
    background: var(--unnamed-color-121212) 0% 0% no-repeat padding-box;
    width: 100%;
    min-width: 1000rem;
    height: 140rem;
}
.footer-container{
    display: flex;
    width: 1000rem;
    margin:0 auto;
    height: 100%;
    justify-content: space-between;
    align-items: center;
}
.footer-logo{
    width: 200rem;
}
.copy{
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-medium) 12rem/var(--unnamed-line-spacing-28) var(--unnamed-font-family-noto-sans-jp);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--unnamed-color-ffffff);
}
.contact-box{
    background: #ECF6EC 0% 0% no-repeat padding-box;
    width: 1000rem;
    margin: 50rem auto 160rem;
    padding: 60rem 75rem;
}
.contact-text{
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-medium) 20rem/var(--unnamed-line-spacing-32) var(--unnamed-font-family-noto-sans-jp);
    letter-spacing: var(--unnamed-character-spacing-0);
    text-align: center;
}
.contact-text span{
    color: var(--unnamed-color-f29f31);
}
.contact-tel{
    display: flex;
    padding-left: 30rem;
    margin: 30rem auto 50rem;
}
.contact-tel .tel-left{
    width: 205rem;
    height: 70rem;
    background: var(--unnamed-color-5ba43f) 0% 0% no-repeat padding-box;
    border-radius: 5rem 0 0 5rem;
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-bold) var(--unnamed-font-size-16)/26px var(--unnamed-font-family-noto-sans-jp);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--unnamed-color-ffffff);
    padding: 10rem 30rem;
}
.contact-tel .tel-right{
    width: 590rem;
    height: 70rem;
    background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;
    border: 3rem solid var(--unnamed-color-5ba43f);
    border-radius: 0 5rem 5rem 0;
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-medium) var(--unnamed-font-size-24)/var(--unnamed-line-spacing-32) Outfit;
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--unnamed-color-121212);
}
.tel-right a{
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-medium) 32rem/var(--unnamed-line-spacing-32) Outfit;
    letter-spacing: var(--unnamed-character-spacing-0);
    margin-left: 10rem;
}
.tel-right span{
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-medium) var(--unnamed-font-size-16)/var(--unnamed-line-spacing-32) var(--unnamed-font-family-noto-sans-jp);
    letter-spacing: var(--unnamed-character-spacing-0);
    margin-left: 15rem;
}
.tel-right{
    display: flex;
    align-items: center;
    justify-content: center;
}
.slide-menu{
    display: none;
}
@media screen and (max-width: 998px){
    main{
        margin-top: 60rem;
    }
    .header-nav{
        display: none;
    }
    .header-logo{
        width: 175rem;
    }
    header{
        padding: 0 30rem;
    }
    .hum{
        position: fixed;
        top: 0;
        right: 0;
        width: 60rem;
        height: 60rem;
        background: var(--unnamed-color-121212) 0% 0% no-repeat padding-box;
        z-index: 100;
    }
    .hum:hover{
        cursor: pointer;
    }
    .hum span{
        position: absolute;
        width: 20rem;
        height: 2rem;
        background-color: var(--unnamed-color-ffffff);
        transition: all ease 0.3s;
    }
    .hum span:first-child{
        top: 24rem;
        left: 20rem;
    }
    .hum span:nth-child(2){
        top: 50%;
        left: 20rem;
        transform: translateY(-50%);
    }
    .hum span:last-child{
        bottom: 24rem;
        left: 20rem;
    }
    .hum.open span:first-child{
        transform:translateY(-50%) rotate(45deg);
        top: 50%;
    }
    .hum.open span:nth-child(2){
        opacity: 0;
    }
    .hum.open span:last-child{
        transform:translateY(50%) rotate(-45deg);
        bottom: 50%;
    }
    .header-menu{
        padding: 13rem 0;
    }
    header{
        height: 60rem;
    }
    .slide-menu{
        width: 100%;
        height: calc( var(--vh, 1vh) * 100);
        overflow-y: scroll;
        background: #EDF6EC 0% 0% no-repeat padding-box;
        position: fixed;
        top: 0;
        right: -100%;
        z-index: 99;
        transition: all ease 0.5s;
        display: block;
    }
    .slide-menu.open{
        right: 0;
    }
    .slide-menu .header-nav{
        display: flex;
        flex-direction: column;
        width: 290rem;
        margin: 105rem auto 40rem;
        text-align: center;
    }
    .header-nav-list a{
        font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-bold) 18rem/27rem var(--unnamed-font-family-noto-sans-jp);
        text-decoration: underline;
        margin-bottom: 20rem;
        display: inline-block;
    }
    .btn a{
        width: 190rem;
        height: 60rem;
        text-decoration: none;
        font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-bold) 15rem/var(--unnamed-line-spacing-28) var(--unnamed-font-family-noto-sans-jp);
    }
    .header-nav-list.btn a::before{
        transform: translateY(2rem);
    }
    .slide-menu .contact-tel{
        width: 290rem;
        padding-left: 0;
    }
    .slide-menu .contact-tel{
        flex-direction: column;
    }
    .slide-menu .contact-tel .tel-left,
    .slide-menu .contact-tel .tel-right{
        width: 100%;
    }
    .slide-menu .contact-tel .tel-left{
        border-radius: 5rem 5rem 0 0;
        height: 40rem;
        padding-top: 9rem;
    }
    .slide-menu .tel-right{
        display: block;
        text-align: center;
    }
    .slide-menu .contact-tel .tel-right{
        font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-medium) var(--unnamed-font-size-16)/var(--unnamed-line-spacing-28) Outfit;
        padding: 15rem 0;
        height: auto;
        border-radius: 0 0 5rem 5rem;
    }
    .slide-menu .tel-right a{
        font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-medium) 26rem/var(--unnamed-line-spacing-28) Outfit;
        letter-spacing: var(--unnamed-character-spacing-0);
        display: inline-block;
        transform: translateY(3rem);
    }
    .slide-menu .tel-right span{
        font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-medium) 13rem/var(--unnamed-line-spacing-28) var(--unnamed-font-family-noto-sans-jp);
        margin-left: 0;
    }

}

@media screen and (max-width: 767px){
    html{
        font-size: calc( 1vw/ ( 390/ 100));
    }
    :root {

        /* Colors: */
        --unnamed-color-ffffff: #FFFFFF;
        --unnamed-color-d35149: #D35149;
        --unnamed-color-3495bf: #3495BF;
        --unnamed-color-f29f31: #F29F31;
        --unnamed-color-5ba43f: #5BA43F;
        --unnamed-color-121212: #121212;
        --unnamed-color-707070: #707070;
        --unnamed-color-383231: #383231;
        
        /* Font/text values */
        --unnamed-font-family-noto-sans-jp: Noto Sans JP;
        --unnamed-font-style-normal: normal;
        --unnamed-font-weight-medium: 500;
        --unnamed-font-weight-bold: bold;
        --unnamed-font-size-14: 14rem;
        --unnamed-font-size-16: 16rem;
        --unnamed-font-size-22: 22rem;
        --unnamed-font-size-24: 24rem;
        --unnamed-font-size-28: 28rem;
        --unnamed-font-size-30: 30rem;
        --unnamed-character-spacing-0: 0rem;
        --unnamed-character-spacing-0-44: 0.44rem;
        --unnamed-character-spacing-0-48: 0.48rem;
        --unnamed-line-spacing-28: 28rem;
        --unnamed-line-spacing-32: 32rem;
        --unnamed-line-spacing-36: 36rem;
        --unnamed-line-spacing-48: 48rem;
        --unnamed-line-spacing-56: 56rem;
        --unnamed-line-spacing-60: 60rem;
        }
    main{
        width: 100%;
        min-width: auto;

    }
    .top-under-box,
    .block-merit-content,
    .block-top-good,
    .merit-list,
    .faq-list,
    .voice-list,
    .price-list,
    .contact-box{
        width: 100%;
    }
    .bad-text-title{
        font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-bold) var(--unnamed-font-size-28)/38rem var(--unnamed-font-family-noto-sans-jp);
        letter-spacing: var(--unnamed-character-spacing-0);
    }
    .bad-text-title .yellow-text{
        font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-bold) var(--unnamed-font-size-28)/38rem var(--unnamed-font-family-noto-sans-jp);
        letter-spacing: var(--unnamed-character-spacing-0);
    }
    .pc{
        display: none !important;
    }
    .sp{
        display: block !important;
    }
    .top-under-box p{
        font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-bold) var(--unnamed-font-size-14)/17rem var(--unnamed-font-family-noto-sans-jp);
    }
    .top-under-box{
        padding-top: 236rem;
    }
    .top-under-text01{
        width: 153rem;
        height: 103rem;
        left: 37rem;
        top: 30rem;
        padding-top: 16rem;
        padding-left: 18rem;
    }
    .top-under-text02{
        width: 156rem;
        height: 103rem;
        right: 30rem;
        top: 55rem;
        padding-top: 16rem;
        padding-left: 18rem;
    }
    .top-under-text03{
        width: 159rem;
        height: 122rem;
        left: 30rem;
        top: 133rem;
        padding-top: 26rem;
        padding-left: 37rem;
    }
    .top-under-text04{
        width: 150rem;
        height: 110rem;
        top: 151rem;
        right: 30rem;
        padding-top: 27rem;
        padding-left: 43rem;
    }
    .block-top-bad img{
        width: 190rem;
        height: auto;
    }
    .block-top-good{
        flex-direction: column-reverse;
        padding: 0;
        width: 330rem;
        margin-top: 75rem;
        margin-bottom: 40rem;
    }
    .block-top-good img{
        width: 128rem;
        height: 118rem;
        margin: 17rem auto 0;
    }
    .good-text{
        font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-bold) 34rem/49rem var(--unnamed-font-family-noto-sans-jp);
    letter-spacing: var(--unnamed-character-spacing-0);
    text-align: center;
    }
    .good-text .small{
        font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-bold) 27rem/54rem var(--unnamed-font-family-noto-sans-jp);
        letter-spacing: var(--unnamed-character-spacing-0);
    }
    .content-title{
        font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-bold) 27rem/41rem var(--unnamed-font-family-noto-sans-jp);
        letter-spacing: var(--unnamed-character-spacing-0);
        margin-top: 120rem;
    }
    .content-title .small{
        font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-bold) 20rem/var(--unnamed-line-spacing-28) var(--unnamed-font-family-noto-sans-jp);
        letter-spacing: var(--unnamed-character-spacing-0);
    }
    .content-big-title{
        font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-bold) var(--unnamed-font-size-28)/93rem var(--unnamed-font-family-noto-sans-jp);
        letter-spacing: var(--unnamed-character-spacing-0);
        margin-bottom: 35rem;
        margin-top: 20rem;
    }
    .content-big-title span{
        font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-bold) 42rem/93rem Outfit;
        letter-spacing: var(--unnamed-character-spacing-0);
    }
    .merit-list{
        flex-direction: column;
        align-items: center;
    }
    .merit-list li{
        width: 330rem;
        height: auto;
        padding-bottom: 40rem;
        margin-top: 57rem;
    }
    .merit-list li:first-of-type{
        margin-top: 0;
    }
    .number{
        width: 70rem;
        height: 70rem;
        font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-bold) 42rem/70rem Outfit;
        letter-spacing: var(--unnamed-character-spacing-0);
    }
    .merit-lists,
    .merit-content-box .merit-lists:nth-child(2n)
    {
        flex-direction: column;
    }
    .merit-lists img,
    .merit-text-box{
        width: 100%;
    }
    .block-merit-content{
        width: 330rem;
        padding: 0 20rem;
        margin-bottom: 15rem;
    }
    .merit-block-title{
        margin-top: 30rem;
        margin-bottom: 15rem;
    }
    .merit-block-text{
        font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-medium) var(--unnamed-font-size-16)/28.8rem var(--unnamed-font-family-noto-sans-jp);
        letter-spacing: var(--unnamed-character-spacing-0);
        text-align: left;
        margin-bottom: 30rem;
    }
    .merit-text-box h3{
        font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-bold) var(--unnamed-font-size-24)/var(--unnamed-line-spacing-36) var(--unnamed-font-family-noto-sans-jp);
        margin-top: 15rem;
        margin-bottom: 10rem;
    }
    .merit-text-box p{
        width: 250rem;
        margin-bottom: 30rem;
        font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-medium) var(--unnamed-font-size-16)/var(--unnamed-line-spacing-32) var(--unnamed-font-family-noto-sans-jp);
    }
    .merit-text-box p .bold{
        font: var(--unnamed-font-style-normal) normal 900 var(--unnamed-font-size-16)/var(--unnamed-line-spacing-32) var(--unnamed-font-family-noto-sans-jp);
    }
    .merit-text-box h3 span{
        font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-bold) 15rem/15rem var(--unnamed-font-family-noto-sans-jp);
    }
    .sp-flex{
        display: flex;
        flex-direction: column;
    }
    .step-list{
        width: 100%;
        padding-top: 0;
    }
    .step-lists{
        padding-top: 65rem;
    }
    .step-top{
        margin: 0 auto;
    }
    .step-under{
        margin: 15rem auto 0;
    }
    .step-under p span{
        font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-bold) var(--unnamed-font-size-16)/var(--unnamed-line-spacing-36) var(--unnamed-font-family-noto-sans-jp);
        text-align: center;
        display: block;
    }
    .step-under p a{
        font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-bold) var(--unnamed-font-size-22)/var(--unnamed-line-spacing-36) var(--unnamed-font-family-noto-sans-jp);
        color: #fff;
        letter-spacing: var(--unnamed-character-spacing-0-44);
        margin-left: 0;
    }
    .step-lists::before{
        display: none;
    }
    .arrow_box {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        margin: 20rem 0 0;
        position: relative;
    }
    
    .prev-arrow,
    .next-arrow,
    .prev-arrow02,
    .next-arrow02 {
        display: block;
        width: 25rem;
        height: 45rem;
        transition: all .3s ease;
        cursor: pointer;
        position:absolute;
        z-index: 3;
    }
    .prev-arrow{
        background: url('/assets/img/slide_arrow_prev01.png') center/contain no-repeat;
        top: 50%;
        left: 30rem;
        transform: translateY(-50%);
    }
    .next-arrow02{
        background: url('/assets/img/slide_arrow_next02.png') center/contain no-repeat;
        top: 50%;
        right: 85rem;
        transform: translateY(-50%);
    }
    .prev-arrow02{
        background: url('/assets/img/slide_arrow_prev02.png') center/contain no-repeat;
        top: 50%;
        left: 85rem;
        transform: translateY(-50%);
    }
    .next-arrow{
        background: url('/assets/img/slide_arrow_next01.png') center/contain no-repeat;
        top: 50%;
        right: 30rem;
        transform: translateY(-50%);
    }
    .step-lists .step-top{
        width: 160rem;
        height: 160rem;
    }
    .step-under{
        width: 200rem;
    }
    .step-under h4{
        font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-bold) 20rem/var(--unnamed-line-spacing-36) var(--unnamed-font-family-noto-sans-jp);
    }
    .step-under p{
        font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-medium) var(--unnamed-font-size-16)/var(--unnamed-line-spacing-32) var(--unnamed-font-family-noto-sans-jp);
    }
    .block-step{
        clip-path: polygon(0 30rem, 100% 0, 100% calc(100% - 30rem), 0 100%);
        padding: 90rem 0 60rem;
    }
    .slick-num01,
    .slick-num02{
        font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-bold) 34rem/42rem Outfit;
        letter-spacing: var(--unnamed-character-spacing-0);
        color: var(--unnamed-color-121212);
        margin-top: 23rem;
        position: relative;
        text-align: center;
    }
    .voice-list{
        margin-bottom: 0;
    }
    .voice-lists{
        margin: 0 30rem;
        padding: 30rem 20rem;
    }
    .voice-lists:nth-of-type(3),
    .voice-lists:nth-of-type(4){
    margin-top: 0;
    }
    .voice-top{
        flex-direction: column;
    }
    .voice-top img{
        width: 120rem;
        height: 120rem;
        margin: 0 auto 10rem;
    }
    .voice-title-text h4{
        font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-bold) 20rem/var(--unnamed-line-spacing-32) var(--unnamed-font-family-noto-sans-jp);
    }
    .voice-title-text{
        width: 100%;
    }
    .voice-lists .voice-title-text p{
        font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-medium) var(--unnamed-font-size-16)/var(--unnamed-line-spacing-32) var(--unnamed-font-family-noto-sans-jp);
        margin-top: 10rem;
    }
    .voice-lists p{
        margin-top: 20rem;
        font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-medium) var(--unnamed-font-size-16)/var(--unnamed-line-spacing-32) var(--unnamed-font-family-noto-sans-jp);
    }
    .block-price .content-title{
        margin-top: 90rem;
    }
    .price-list{
        margin-top: 0;
    }
    .price-lists{
        margin: 80rem 30rem 0;
    }
    .price-under-text{
        width: 330rem;
        margin-top: 30rem;
        font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-medium) var(--unnamed-font-size-16)/24rem var(--unnamed-font-family-noto-sans-jp);
    }
    .block-faq .content-title{
        margin-top: 90rem;
    }
    .faq-list li{
        width: 330rem;
        margin: 0 auto 15rem;
    }
    .faq-list .question{
        padding: 15rem 0;
    }
    .faq-list .question p{
        width: 220rem;
        margin-left: 60rem;
        position: relative;
        font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-bold) var(--unnamed-font-size-16)/28.8rem var(--unnamed-font-family-noto-sans-jp);
    }
    .faq-list .question p::before{
        position: absolute;
        left: -5rem;
        top: 50%;
        transform: translate(-100%,-50%);
    }
    .faq-list .question::after,
    .faq-list .close .question::after{
        right: 31rem;
    }
    .faq-list .question::before{
        right: 20rem;
    }
    .faq-list .answer{
        padding: 20rem;
    }
    .footer-container{
        width: 100%;
    }
    .block-contact .content-title{
        margin-top: 90rem;
    }

    .contact-box{
        width: 330rem;
        padding: 30rem 20rem;
    }
    .contact-text{
        font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-medium) 18rem/27rem var(--unnamed-font-family-noto-sans-jp);
        letter-spacing: var(--unnamed-character-spacing-0);
        text-align: left;
    }
    .contact-tel{
        flex-direction: column;
        padding-left: 0;
    }
    .contact-tel .tel-left,
    .contact-tel .tel-right{
        width: 100%;
    }
    .contact-tel .tel-left{
        border-radius: 5rem 5rem 0 0;
        height: 40rem;
        padding-top: 9rem;
    }
    .tel-right{
        display: block;
        text-align: center;
    }
    .contact-tel .tel-right{
        font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-medium) var(--unnamed-font-size-16)/var(--unnamed-line-spacing-28) Outfit;
        padding: 15rem 0;
        height: auto;
        border-radius: 0 0 5rem 5rem;
    }
    .tel-right a{
        font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-medium) 26rem/var(--unnamed-line-spacing-28) Outfit;
        letter-spacing: var(--unnamed-character-spacing-0);
        display: inline-block;
        transform: translateY(3rem);
    }
    .tel-right span{
        font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-medium) 13rem/var(--unnamed-line-spacing-28) var(--unnamed-font-family-noto-sans-jp);
        margin-left: 0;
    }
    .footer-container{
        flex-direction: column;
        justify-content: center;
    }
    .footer-logo{
        margin-bottom: 55rem;
    }
    footer{
        height: auto;
        padding: 30rem 0;
        min-width: auto;
    }
    .contact-btn{
        width: 100rem;
        height: 100rem;
        right: 10rem;
        bottom: 10rem;
    }
    
    .block-top-bad::before{
        transform:rotate(90deg) translate(100%,25%);
    }
    .block-top-good::after, .block-merit::before{
        transform: rotate(90deg) translateX(105rem) translateY(25%);
    }
    .merit-list li h4{
        font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-bold) var(--unnamed-font-size-24)/var(--unnamed-line-spacing-56) var(--unnamed-font-family-noto-sans-jp);
    }
    .merit-list-text{
        width: 290rem;
        font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-medium) var(--unnamed-font-size-16)/var(--unnamed-line-spacing-32) var(--unnamed-font-family-noto-sans-jp);
    }
    .block-merit{
        margin-bottom: 130rem;
    }
    .step-number{
        font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-bold) 40rem/42rem var(--unnamed-font-family-noto-sans-jp);
    }
    .faq-list .answer h5{
        font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-bold) 18rem/var(--unnamed-line-spacing-28) var(--unnamed-font-family-noto-sans-jp);
    }
}
.step-number{
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-bold) 46rem/var(--unnamed-line-spacing-56) var(--unnamed-font-family-noto-sans-jp);
}

.mb-3{
    display: flex;
    align-items: center;
    margin-bottom: 20rem;
    border-bottom: 1rem #ADADAD solid;
    padding-bottom: 20rem;
}
.inquirey-box{
    align-items: start;
}
.inquirey-box .contact-label{
    padding-top: 10rem;
}
.contact-label{
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-bold) 18rem/27rem var(--unnamed-font-family-noto-sans-jp);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--unnamed-color-121212);
    width: calc(100% - 540rem);
    padding-right: 30rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.text-danger{
    background: var(--unnamed-color-d35149) 0% 0% no-repeat padding-box;
    width: 40rem;
    height: 20rem;
    display: inline-block;
    text-align: center;
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-medium) 12rem/20rem var(--unnamed-font-family-noto-sans-jp);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--unnamed-color-ffffff);
}
input[type='text'],
input[type='tel'],
input[type='email']{
    width: 540rem;
    height: 50rem;
    background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;
    border: none;
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-medium) var(--unnamed-font-size-16)/var(--unnamed-line-spacing-32) var(--unnamed-font-family-noto-sans-jp);
letter-spacing: var(--unnamed-character-spacing-0);
    padding: 13rem 20rem;
}
.mb-3 label{
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-medium) var(--unnamed-font-size-16)/var(--unnamed-line-spacing-32) var(--unnamed-font-family-noto-sans-jp);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--unnamed-color-121212);
}
#radio-box,
#radio-box div,
#check-box div{
    display: flex;
    align-items: center;
}

input[type=checkbox] {
    display: none;
}
.checkbox01 {
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    padding: 5rem 35rem;
    position: relative;
    width: auto;
}
.checkbox01::before {
    background: #fff;
    border: 1px solid #adadad;
    content: '';
    display: block;
    height: 30rem;
    left: 0;
    border-radius: 5rem;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 30rem;
}
.checkbox01::after {
    border-right:3rem solid #5BA43F;
    border-bottom: 3rem solid #5BA43F;
    content: '';
    display: block;
    height: 15rem;
    left: 10rem;
    opacity: 0;
    position: absolute;
    top: 50%;
    transform:translateY(-50%) rotate(45deg) ;
    width: 8rem;
}
input[type=checkbox]:checked + .checkbox01::after {
    opacity: 1;
}

/* ラジオボタン01 */
input[type=radio] {
    display: none;
}
.radio_label {
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    padding: 5rem 35rem;
    position: relative;
    width: auto;
}
.radio_label::before {
    background: #fff;
    border: 1px solid #ADADAD;
    border-radius: 50%;
    content: '';
    display: block;
    height: 30rem;
    left: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 30rem;
}
.radio_label::after {
    background: #5BA43F;
    border-radius: 50%;
    content: '';
    display: block;
    height: 24rem;
    left: 3rem;
    opacity: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 24rem;
}
input[type=radio]:checked + .radio_label::after {
    opacity: 1;
}
textarea{
    width: 540rem;
    height: 210rem;
    border: none;
    padding: 13rem 20rem;
}
.mb-3.check{
    display: flex;
    flex-direction: column;
    justify-content: center;
    border: none;
    padding-bottom: 0;
}
.mb-3.check .checkbox01{
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-medium) var(--unnamed-font-size-16)/var(--unnamed-line-spacing-32) var(--unnamed-font-family-noto-sans-jp);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--unnamed-color-121212);
    margin-bottom: 23rem;
    padding-right: 0;
}
.mb-3.check a{ 
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-medium) var(--unnamed-font-size-16)/var(--unnamed-line-spacing-32) var(--unnamed-font-family-noto-sans-jp);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--unnamed-color-121212);
    text-decoration: underline;
}
button{
    width: 200rem;
    height: 65rem;
    margin: 0 auto;
    display: block;
}
button:hover{
    cursor: pointer;
}
.p-2,
.p-3{
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-bold) 24rem / var(--unnamed-line-spacing-32) var(--unnamed-font-family-noto-sans-jp);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: #5BA43F;
    text-align: center;
    margin-top: 150rem;
    margin-bottom: 10rem;
}
.mx-2,
.mx-3{
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-medium) 20rem / var(--unnamed-line-spacing-32) var(--unnamed-font-family-noto-sans-jp);
    letter-spacing: var(--unnamed-character-spacing-0);
    text-align: center;
    margin-bottom: 80rem;
}
.radio-text{
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-medium) 12rem/27rem var(--unnamed-font-family-noto-sans-jp);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--unnamed-color-121212);
}
@media screen and (max-width: 767px){
    .mb-3{
        flex-direction: column;
        align-items: start;
    }
    .mb-3 label{
        width: 100%;
        font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-bold) 18rem/27rem var(--unnamed-font-family-noto-sans-jp);
        letter-spacing: var(--unnamed-character-spacing-0);
        color: var(--unnamed-color-121212);
    }
    .contact-label{
        padding-right: 0;
    }
    input[type='text'], input[type='tel'], input[type='email']{
        width: 100%;
        margin-top: 10rem;
    }
    .mb-3  .radio_label,
    .mb-3  .checkbox01{
        font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-medium) var(--unnamed-font-size-16)/var(--unnamed-line-spacing-32) var(--unnamed-font-family-noto-sans-jp);
        letter-spacing: var(--unnamed-character-spacing-0);
        color: var(--unnamed-color-121212);

    }
    .mb-3  .checkbox01{
        padding-right: 0;
    }
    textarea{
        width: 100%;
    }
    .mb-3.check a{
        font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-medium) 13rem/24rem var(--unnamed-font-family-noto-sans-jp);
        letter-spacing: var(--unnamed-character-spacing-0);
        margin: 0 auto;
    }
    .mb-3.check .checkbox01{
        margin-bottom: 20rem;
    }
    .inquirey-box .contact-label{
        margin-bottom: 13rem;
    }
    .p-2, .p-3{
        font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-medium) 20rem / var(--unnamed-line-spacing-32) var(--unnamed-font-family-noto-sans-jp);
    }
    .mx-2, .mx-3{
        font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-medium) 16rem / var(--unnamed-line-spacing-32) var(--unnamed-font-family-noto-sans-jp);
    }
    #radio-box{
        flex-wrap: wrap;
    }
}