@charset "utf-8";


/* *, *::before, *::after {
  box-sizing: border-box;
}

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,
blockquote,pre,abbr,address,cite,code,del,dfn,em,img,
ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,
ol,ul,li,fieldset,form,label,legend,table,caption,
tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,
figcaption,figure,footer,header,hgroup,menu,nav,section,
summary,time,mark,audio,video {
    margin: 0;
    padding: 0;
    vertical-align: baseline;
    border: 0;
    outline: 0;
    background: transparent;
}
html{
	margin-top: 0!important;
}
 
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
     display: block;
}
 
ul,ol {
    list-style: none;
}
 
blockquote,
q {
    quotes: none;
}
 
blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}
 
a{
    margin: 0;
    padding: 0;
    vertical-align: baseline;
    background: transparent;
    text-decoration: none;
    transition: all .3s;
}
a:hover{
    opacity: .7;
}
ins {
    text-decoration: none;
    color: #000;
    background-color: #ff9;
}
 
mark {
    font-weight: bold;
    font-style: italic;
    color: #000;
    background-color: #ff9;
}
 

abbr[title],
dfn[title] {
    cursor: help;
    border-bottom: 1px dotted;
}
 
table {
    border-spacing: 0;
    border-collapse: collapse;
}
 
hr {
    display: block;
    height: 1px;
    margin: 1em 0;
    padding: 0;
    border: 0;
    border-top: 1px solid #ccc;
}
input[type="submit"],input[type="text"],input[type="email"],input[type="tel"],input[type="button"], input[type="reset"] {
    -webkit-appearance: none;
    appearance: none;
    border-radius: 0;
  }
  button{
    outline: none;
    padding: 0;
    appearance: none;
    background-color: transparent;
    border: none;

  }
html {
    font-size: 62.5%;
}
  */
body {
    font-family: "Inter",'Noto Sans JP', sans-serif;
    /* font-weight: 400; */
    /* margin: 0; */
    /* padding: 0; */
    /* font-size:1.6rem; *//* 16px*/
    /* color: #000000; */
    /* line-height: 1.5; */
}
img{
    image-rendering: -webkit-optimize-contrast;
    /* vertical-align: bottom; */
}

.lp_inner{
    width: 95%;
    max-width: 1020px;
    margin: 0 auto;
}
article{
    overflow: hidden;
}

/*-----------------------
         header
-------------------------*/
header {
    width: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999;
    height: 46px;
}


.header_box{
    width: 95%;
    margin: 0 auto;
    height: 100%;
    column-gap: 21px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-top: 23px;
}

.tel_img{
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    font-weight: bold;
    color: #368159;
}
.tel_img img{
    width: 19px;
}
.tel_box p{
    line-height: 1;
    font-size: 12px;
}
.cta_btn{
    display: block;
    width: 60%;
    letter-spacing: .1em;
    font-size: 14px;
    font-weight: bold;
    padding: 15px 0;
    border-radius: 100vw;
    max-width: 192px;
    text-align: center;
    color:#fff;
    text-shadow: 0 4px 4px rgba(0,0,0,.25);
    box-shadow: 0 4px 4px rgba(0,0,0,.25);
    background: linear-gradient(180deg, rgba(210,70,1,1) 0%, rgba(175,60,3,1) 100%);
}
.js-header.change-color{
    background-color: #fff;
    padding-bottom: 15px;
    box-shadow: 0 4px 4px rgba(0,0,0,.25);
}
@media screen and (max-width: 768px) {

    .header_box{
        width: 98%;
        margin-top: 15px;
        column-gap: 5px;
    }
    .tel_img{
        font-size: 18px;
    }
    .tel_box p{
        font-size: 10px;
        margin-top: 4px;
    }
    .cta_btn{
        font-size: 12px;
        font-weight: bold;
        padding: 12px 0;
        max-width: 140px;
    }
}


/* ------------------------
        　FONT
---------------------------*/



.lp_area{
    background-color: #F5F5F5;
}
/* ------------------------
            TOP
---------------------------*/

#lp_top{
    position: relative;
    margin-top: 76px;
}
#lp_top img{
    width: 100%;
}

@media screen and (max-width: 991px) {

     #lp_top {
        margin-top: 55px;
    }
}
@media screen and (max-width: 768px) {
    #lp_top .fv{
        display: none;
    }
    #lp_top {
        background-image: url('../img/top_img.png');
        background-size: cover;
        background-position-x: 65%;
        object-fit: contain;
        height: 100vh;
        max-height: 570px;
        margin-top: 55px;
    }
    #lp_top .lp_fv{
        display: none;
    }
}

.lp_fv_txt{
    position: absolute;
    top: 50%;
    left: 25%;
    transform: translate(-50%,-50%);
    width: 52%;
    max-width: 640px;
    z-index: 2;
    background: linear-gradient(133deg, rgba(255,255,255,0.8) 0%, rgba(255,255,255,0.7) 51%, rgba(255,255,255,0.6) 100%);
    text-align: center;
    padding: 50px 0;
}
@media screen and (max-width: 991px) {

    .lp_fv_txt{
        position: absolute;
        top: 50%;
        left: 25%;
        transform: translate(-50%,-50%);
        width: 52%;
        max-width: 640px;
        z-index: 2;
        background: linear-gradient(133deg, rgba(255,255,255,0.8) 0%, rgba(255,255,255,0.7) 51%, rgba(255,255,255,0.6) 100%);
        text-align: center;
        padding: 20px 0;
    }
}


.lp_fv_txt p{
    color: #fff;
    font-size: clamp(16px, 1.563vw, 20px);
    letter-spacing: .05em;
    background-color: #163C78;
    border-radius: 5px;
    padding: 4.5px 23px;
    display: inline-block;
    position: relative;
    margin-bottom: 14px;
}
.lp_fv_txt p:before {
  content: "";
  position: absolute;
  top: 97%;
  left: 50%;
  margin-left: -15px;
  border: 14px solid transparent;
  border-top: 15px solid #163C78;
}
.lp_fv_txt p .lp_txtbig{
    font-weight: 900;
    font-size: clamp(24px, 2.499999vw, 32px);
    letter-spacing: .07em;
}
.lp_fv_txt h2{
    color: #163C78;
    font-size: clamp(30px, 3.125vw, 40px);
    letter-spacing: .03em;
    line-height: 1.625;
    margin-bottom: 18px;
}
.lp_fv_txt h2 .lp_txtbig02{
    font-size: clamp(50px, 4.844vw, 62px);
    line-height: 1.04;
    background: linear-gradient(97deg, rgba(167,151,60,1) 0%, rgba(121,105,15,1) 100%);
    background-clip: text;
    -webkit-text-fill-color: transparent;
    letter-spacing: .03em;
}
.sp_br{
    display: none;
}

@media screen and (max-width: 768px) {
    .sp_br{
        display: block;
    }
    .lp_fv_txt{
        position: absolute;
        top: 50%;
        left: 50%;
        width: 90%;
        max-width: 360px;
    }
    .lp_fv_txt h2{
        font-size: 25px;
        margin-bottom: 18px;
    }
    .lp_fv_txt p .lp_txtbig{
        font-size: 20px;
    }
    .lp_fv_txt h2 .lp_txtbig02{
        font-size: 40px;
    }
}


.lp_fv_txt_img{
    display: flex;
    justify-content: center;
    column-gap: 10px;
    margin-bottom: 32px;
}
.lp_fv_txt_img img{
    width: 33%;
    max-width: 199px;
}

.lp_cta__btn{
    display: block;
    background: linear-gradient(97deg, rgba(167,151,60,1) 0%, rgba(121,105,15,1) 100%);
    color: #fff;
    margin: 0 auto;
    border-radius: 30px;
    max-width: 285px;
    font-size: 18px;
    font-weight: bold;
    padding: 3.36% 0;
    box-shadow: 0 4px 4px rgba(0, 0, 0, .25);
}
.lp_h_btn{
    position: absolute;
    top: -69px;
    right: 180px;
    /* transform: translateX(-50%); */
    z-index: 99999;
    max-width: 209px;
    font-size: 14px;
    text-align: center;
    width: 100%;
    padding: 21px 0;
}
@media screen and (max-width: 991px) {
    .lp_h_btn{
        display: none;
    }
}
header .PC{
    display: none !important;
}
.lp_fv__img{
    width: 60%;
    max-width: 665px;
    position: absolute;
    top: 97%;
    left: 71%;
    transform: translate(-50%,-50%);
    z-index: 3;
}
.lp_fv__img02{
    width: 44%;
    max-width: 554px;
    position: absolute;
    top: 21%;
    left: 77%;
    transform: translate(-50%,-50%);
    z-index: 3;
}


.lp_section_ttl h2{
    font-size: clamp(40px, 3.749999vw, 48px);
    font-weight: 900;
    letter-spacing: .05em;
    color: #163C78;
    line-height: 1;
}
.lp_section_ttl p{
    font-size: 16px;
    font-weight: bold;
    line-height: 1.875;
}

@media screen and (max-width: 768px) {
  
    .lp_section_ttl h2{
        font-size: 24px;
        line-height: 1.4;
    }
    .lp_fv_txt_img{
        margin-bottom: 32px;
    }
    .lp_fv_txt_img img{
        max-width: 150px;
    }
    .lp_fv__img{
        width: 90%;
        max-width: 350px;
        position: absolute;
        top: 90%;
        left: 50%;
        transform: translate(-50%,-50%);
        z-index: 3;
    }
    .lp_fv__img02{
        width: 90%;
        max-width: 300px;
        position: absolute;
        top: 15%;
        left: 55%;
        transform: translate(-50%,-50%);
        z-index: 3;
    }
    

}

/* ------------------------
        recomend
---------------------------*/
#recomend{
    background: linear-gradient(262deg, rgba(167,151,60,0.9) 0%, rgba(167,151,60,0.5) 100%);
    position: relative;
    padding-top: 6.25%;
    padding-bottom: 6.25%;
}
.recomend{
    position: absolute;
    left: 0;
    top: 0;
    max-width: 165px;
    width: 14%;
}
@media screen and (min-width: 1600px) {

    .recomend{
        position: absolute;
        left: 0;
        top: 0;
        max-width: 400px;
        width: 16%;
    }

}


.check{
    position: absolute;
    left: 26%;
    top: 9px;
    transform: translate(-50%,-50%);
    width: 8%;
    max-width: 81px;
}
#recomend p{
    width: fit-content;
    margin: 0 auto;
    text-align: center;
    font-size: clamp(40px, 4.922vw, 63px);
    font-weight: bold;
    letter-spacing: .05em;
    background: linear-gradient(86deg, rgba(170,0,10,1) 0%, rgba(255,1,21,1) 100%);
    background-clip: text;
    -webkit-text-fill-color: transparent;
    position: relative;
}
#recomend p:before{
    content: '';
    display: inline-block;
    width: 1px;
    height: 15vw;
    max-height: 185px;
    background-color: #fff;
    position: absolute;
    left: -6%;
    top: 66%;
    transform: translate(-50%,-50%);
}
#recomend p:after{
    content: '';
    display: inline-block;
    width: 118%;
    max-width: 1033px;
    height: 1px;
    background-color: #fff;
    position: absolute;
    left: 47%;
    bottom: 0;
    transform: translateX(-50%);
}
#recomend p .txtbig{
    font-size: clamp(80px, 7.891vw, 101px);
    font-weight: 900;
}

@media screen and (max-width: 768px) {

    #recomend{
        padding-top: 40px;
        padding-bottom:60px;
    }
    #recomend p{
        font-size: 30px;
        width: 300px;
    }

    #recomend p .txtbig{
        font-size: 50px;
        font-weight: 900;
    }
    .recomend {
        max-width: 120px;
        width: 22%;
    }
    #recomend p:before{
        height: 30vw;
        max-height: 135px;
        left: -6%;
        top: 75%;
    }
    #recomend p:after{
        width: 118%;
        max-width: 1033px;
        left: 47%;
        bottom: -5px;
    }
    .check{
        left: 49%;
        top: 0;
        width: 17%;
        max-width: 81px;
    }
}


/* ------------------------
        CONCEPT
---------------------------*/
#concept{
    padding-top: 10.157%;
    padding-bottom: 11.094%;
}

.concept_ttl{
    text-align: left;
    margin-left: 7%;
}
.concept_ttl p{
     margin-left: 4%;
}

.lp_concept_box{
    max-width: 962px;
    margin: 0 auto;    
    position: relative;
    z-index: 1;
}
.lp_cnspt_06{
    position: absolute;
    top: 43%;
    left: 83%;
    transform: translate(-50%, -50%);
    width: 68%;
    max-width: 650px;
    z-index: -1;
}
.lp_concept_box ol{
    display: flex;
    column-gap: 60px;
    margin-top: 95px;
    padding: 0;
}
.lp_concept_box ol:nth-of-type(2){
    justify-content: space-between;
    column-gap: 20px;
}
.lp_concept_box ol li{
    width: 33%;
    max-width: 280px;
    /* height: 280px; */
    border: 1px solid #163C78;
    padding: 25px 10px 30px;
    background-color: #fff;
    text-align: center;
    display: flex;
    flex-direction: column;
    /* justify-content: center; */
}
.lp_concept_box ol li .lp_num{
    color: #163C78;
    font-size: clamp(24px, 2.499999vw, 32px);
    font-weight: 900;
    line-height: 1.09;
    display: block;
    text-align: left;
    margin-left: 8.53%;
}
.lp_concept_box ol li img{
    max-width: 55px;
    margin: 4px auto 35px;
}
.lp_concept_box ol .concept_list03 {
    padding-bottom: 12px;
}
.lp_concept_box ol .concept_list03 img{
    margin-top: 1px;
    margin-bottom: 10px;
}
.lp_concept_box ol .concept_list04 img{
    margin-bottom: 34px;
}
.lp_concept_box ol .concept_list05 img{
    margin-bottom: 31px;
}
.lp_concept_box ol li p{
    text-align: left;
    font-weight: 500;
    font-size: 16px;
    width: fit-content;
    margin: 0 auto;
}
.lp_concept_box ol li p .lp_txtbig{
    color: #A7973C;
    font-size: clamp(17px, 2.344vw, 30px);
    font-weight: bold;
    line-height: 1.2;
}
.lp_concept_box ol li p .lp_txtsmall{
    font-size: clamp(14px, 1.875vw, 24px);
}
@media screen and (max-width: 768px) {
    
    .concept_ttl{
        text-align: center;
        margin-left: 0;
    }
    .concept_ttl p{
         margin-left: 0;
    }

    #concept{
        padding-top: 80px;
        padding-bottom: 220px;
    }
    .lp_concept_box ol{
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
        column-gap: 5px;
        row-gap: 25px;
        max-width: 550px;
        margin: 0 auto;
        margin-top: 25px;
        padding: 0;
    }
    .lp_concept_box ol:nth-of-type(2){
        justify-content: space-between;
        column-gap: 5px;
    }
    .lp_concept_box ol li{
        width: 49%;
        max-width: 280px;
        margin: 0;
        padding: 25px 8px 30px;
    }
    .lp_cnspt_06{
        position: absolute;
        top: 105%;
        left: 60%;
        transform: translate(-50%, -50%);
        width: 100%;
        max-width: 300px;
    }
    .lp_concept_box ol li p {
        font-size: 13px;
    }
}


/* ------------------------
           cta__area
---------------------------*/

#cta__area{
    background-image: url('../img/cta_bg.jpg');
    background-position: center;
    background-size: cover;
    padding-top: 57px;
    padding-bottom: 60px;
    color: #fff;
    text-align: center;
}

.cta__area_ttl h2{
    color: #FFE603;
}

.lp_cta_txt{
    position: relative;
    margin-top: 30px;
}
.lp_cta_txt p{
    font-size: 16px;
    line-height: 1.875;
    font-weight: 900;
    letter-spacing: .03em;
    position: relative;
    margin: 0 auto;
    width: fit-content;
}
.lp_cta_txt p span{
    color: #FFE603;
}
.lp_cta_txt p:before,
.lp_cta_txt p:after {
    position: absolute;
    display: inline-block;
    content: "";
    background: #fff;
    width: 1px;
    height: 70px;
    margin-top: -.2em;
    vertical-align: middle;
    top: -2px;
}

.lp_cta_txt p:before {
    transform: rotate(-30deg);
    left: -25px;
}

.lp_cta_txt p:after {
    transform: rotate(30deg);
    right: -15px;
}
.cta__area02 .lp_cta_txt p:before,
.cta__area02 .lp_cta_txt p:after{
    content: none;
}
.lp_cta_txt .lp_cta_imgL,
.lp_cta_txt .lp_cta_imgR{
    position: absolute;
    transform: translate(-50%);
}
.lp_cta_txt .lp_cta_imgL{
    bottom: -172px;
    left: 17%;
    width: 29%;
    max-width: 292px;
}
.lp_cta_txt .lp_cta_imgR{
    bottom: -170px;
    left: 87%;
    width: 26%;
    max-width: 263px;
}

.cta__btn02 {
    max-width: 285px;
    font-size: 18px;
    font-weight: bold;
    padding: 21.5px 0;
    margin-top: 42px;
}
@media screen and (max-width: 768px) {

    #cta__area{
        background-image: url('../img/cta_bg.jpg');
        background-position: center;
        padding-top: 57px;
        padding-bottom: 60px;
    }
    .cta__btn02 {
        max-width: 200px;
        font-size: 16px;
        padding: 15px 0;
        margin-top: 42px;
    }
    .lp_cta_txt .lp_cta_imgL{
        bottom: -156px;
        left: 12%;
        width: 29%;
        max-width: 100px;
    }
    .lp_cta_txt .lp_cta_imgR{
        bottom: -156px;
        left: 90%;
        width: 26%;
        max-width: 89px;
    }
    .lp_cta_txt p{
        font-size: 15px;
    }
}



/* cta2種類目 */

.cta__area02{
    padding: 95px 0 95px !important;
    background-image: url('../img/cta_bg02.jpg') !important;
}
.cta__area02 .cta__area_ttl h2,
.cta__area02 .cta__area_ttl p{
    color: #163C78;
}
.cta__area02 .cta__area_ttl p{
    text-align: left;
    padding-left: 15%;
}
.cta__area02 .cta_img03{
    position: absolute;
    transform: translateX(-50%);
    bottom: -136px;
    left: 131%;
    width: 68%;
    max-width: 288px;
}

.cta__area_fx{
    display: flex;
    align-items: center;
}
.cta__area_fx .lp_section_ttl{
    width: 30%;
    max-width: 285px;
}
.cta__area_fx .lp_cta__btn {
    width: 100%;
    font-size: 18px;
    padding: 21.5px 0;
    margin-top: 50px;
    background: linear-gradient(90deg, rgba(28,84,172,1) 0%, rgba(22,60,120,1) 100%);
}
.cta__area_fx .lp_cta_txt{
    position: relative;
    width: 45%;
    max-width: 424px;
    margin-top: -10%;
}

.cta__area_fx .lp_cta_txt p{
    font-size: clamp(14px, 1.249999vw, 16px);
    font-weight: 900;
    color: #000000;
    position: absolute;
    top: 71%;
    left: 50%;
    width: 100%;
    transform: translate(-50%, -50%);
}
.cta__area_fx .lp_cta_txt p .lp_underline{
    color: #000000;
}

.cta__area02 .cta__btn03_sp{
    display: none;
}
@media screen and (max-width: 768px) {

    .cta__area02 .cta__btn03_sp{
        display: block;
        margin-top: 30px !important;
    }
    .cta__area02 .cta__btn03_pc{
        display: none;
    }
    /* cta2種類目 */

    .cta__area02{
        padding: 60px 0 50px !important;
    }
   
    .cta__area02 .cta__area_ttl p{
        text-align: center;
        padding-left: 0;
    }
    .cta__area02 .cta_img03{
        position: absolute;
        transform: translateX(-50%);
        bottom: -51px;
        left: 121%;
        width: 68%;
        max-width: 150px;
    }
    
    .cta__area_fx{
        flex-direction: column;
    }
    .cta__area_fx .lp_section_ttl{
        width: 100%;
        max-width: 285px;
    }
    .cta__area_fx .lp_cta__btn {
        font-size: 16px;
        max-width: 200px;
        padding: 16px 0;
        margin-top: 40px;
    }
    .cta__area_fx .lp_cta_txt{
        position: relative;
        width: 90%;
        max-width: 260px;
        margin: auto;
        margin-top: 10px;
    }
    
    .cta__area_fx .lp_cta_txt p{
        font-size: 12px;
        position: absolute;
        top: 43%;
        left: 50%;
        width: 100%;
    }

}
@media screen and (max-width: 480px) {

      .cta__area_fx .lp_cta_txt{
          margin: 0;
        margin-right: auto;
        margin-top: 10px;
    }
    

}


/* ------------------------
        businessmodel
---------------------------*/

#businessmodel{
    padding: 100px 0 160px;
    position: relative;
    z-index: 0;
}

#businessmodel .lp_section_ttl{
    text-align: center;
}
.lp_businessmodel_box{
    width: 100%;
    margin: 0 auto;
    margin-top: 26.329%;
    max-width: 1126px;
    position: relative;
    z-index: 1;
}
@media screen and (min-width: 1600px) {

    .lp_businessmodel_box{
        margin-top: 337px;
    }
}


.lp_businessmodel_box li{
    background-color: #fff;
    box-shadow: 0 4px 4px rgba(0,0,0,.25);
    padding: 60px 100px 85px 100px;
    max-width: 676px;
}

.lp_businessmodel_box li h3{
    color: #A7973C;
    font-size: clamp(18px, 2.344vw, 30px);
    line-height: 1.25;
    padding-bottom: 15px;
    border-bottom: 1px solid #A7973C;
    margin-bottom: 25px;
    width: fit-content;
    padding-right: 23px;
}
.lp_businessmodel_box li h3 .txtbig{
    font-size: clamp(24px, 2.9688vw, 38px);
    line-height: .78;
}
.lp_businessmodel_col p{
    font-size: 14px;
    line-height: 1.57;
}

.lp_businessmodel_box:nth-of-type(2){
    margin-top: 105px;
}
.lp_businessmodel_box:nth-of-type(1) li{
    margin-left: auto;
    margin-bottom: 105px;
}
.lp_businessmodel_box:nth-of-type(2) li{
    padding: 90px 89px 87px 100px;
}
.lp_businessmodel_box:nth-of-type(2) li p:last-child{
    margin-top: 15px;
}

@media screen and (max-width: 768px) {

    #businessmodel{
        padding: 60px 0 200px;
        position: relative;
        z-index: 0;
    }
    .lp_businessmodel_box{
        margin-top: 210px;
    }
    .lp_businessmodel_box li{
        width: 90%;
        margin-left: auto;
        padding: 40px 20px 35px 20px;
        max-width: 500px;
    }
    
    .lp_businessmodel_box li h3{
        font-size: 18px;
        padding-bottom: 15px;
        margin-bottom: 20px;
        padding-right: 23px;
    }
    .lp_businessmodel_box li h3 .txtbig{
        font-size: 20px;
        line-height: .78;
    }
    .lp_businessmodel_col p{
        font-size: 13px;
    }
    .lp_businessmodel_box:nth-of-type(2){
        margin-top: 105px;
    }
    .lp_businessmodel_box:nth-of-type(1) li{
        margin-left: auto;
        margin-bottom: 105px;
    }
    .lp_businessmodel_box:nth-of-type(2) li{
        padding: 90px 89px 87px 100px;
    }
    .lp_businessmodel_box:nth-of-type(2) li p:last-child{
        margin-top: 15px;
    }

}

.lp_businessmodel_box img{
    position: absolute;
    top: 11%;
    left: 26%;
    width: 67%;
    transform: translate(-50%, -50%);
    max-width: 770px;
    z-index: -1;
}

.lp_businessmodel_box:nth-of-type(2) img{
    top: 50%;
    left: 50%;
    width: auto;
    max-width: 1280px;
}



@media screen and (max-width: 768px) {


    .lp_businessmodel_box img{
        position: absolute;
        top: -16%;
        left: 39%;
        width: 90%;
        transform: translate(-50%, -50%);
        max-width: 770px;
        z-index: -1;
    }
    
    .lp_businessmodel_box:nth-of-type(2){
        margin-top: 65px;
    }
    .lp_businessmodel_box:nth-of-type(1) li{
        margin-left: auto;
        margin-bottom: 60px;
    }
    .lp_businessmodel_box:nth-of-type(2) img{
        top: 100%;
        left: 50%;
        width: auto;
        max-width: 1280px;
    }
    .lp_businessmodel_box:nth-of-type(2) li{
        padding: 30px 20px 25px 20px;
        margin-left: 0;
    }
    .lp_businessmodel_box:nth-of-type(2) li p:last-child{
        margin-top: 15px;
    }

}


/* ------------------------
        governance
---------------------------*/
#governance{
    padding-top: 9.219%;
    padding-bottom: 10.391%;
    background-color: #fff;
}
#governance .lp_section_ttl{
    text-align: center;
}
#governance .read__txt{
    text-align: center;
    max-width: 725px;
    margin: 68px auto 0;
}
#governance .read__txt h3{
    font-weight: 600;
    font-size: clamp(18px, 2.344vw, 30px);
    text-align: center;
    color: #163C78;
}
#governance .read__txt p{
    font-weight: 500;
    font-size: 14px;
    margin-top: 15px;
}
#governance ul{
    display: flex;
    justify-content: space-between;
    column-gap: 10px;
    margin-top: 85px;
}
#governance li{
    width: 33%;
    max-width: 310px;
}

@media screen and (max-width: 768px) {

    #governance{
        padding-top:60px;
        padding-bottom: 80px;
    }

    #governance .read__txt{
        width: 95%;
        max-width: 550px;
        margin: 40px auto 0;
    }
    #governance .read__txt h3{
        font-size: clamp(18px, 1.563vw, 20px);
    }
    #governance .read__txt p{
        font-size: 14px;
        margin-top: 15px;
    }
    #governance ul{
        align-items: flex-start;
        row-gap: 50px;
        margin-top: 50px;
    }
    #governance li{
        width: 100%;
        max-width: 300px;
    }


}


.lp_gn_txt{
    margin-top: -22px;
}
.lp_gn_txt .lp_position{
    background-color: #A7973C;
    color: #fff;
    font-size: 14px;
    display: inline-block;
    text-align: center;
    padding: 4px 13.5px;
    margin-bottom: 18px;
}
.lp_gn_txt h4{
    font-weight: bold;
    font-size: 16px;
    letter-spacing: .05em;
    margin-left: 20px;
    line-height: 1.3;
}
.lp_gn_txt h4 span{
    font-size: 14px;
}
.lp_gn_txt p{
    letter-spacing: .05em;
    font-weight: 500;
    font-size: 12px;
    margin-top: 5px;
    line-height: 1.1;
    margin-left: 20px;
}
@media screen and (max-width: 768px) {

    .lp_gn_txt {
        margin-top: -5px;
    }
    .lp_gn_txt .lp_position{
        font-size: 13px;
        margin-bottom: 10px;
        padding: 3px 13px 3px;
    }
    .lp_gn_txt h4{
        font-size: 16px;
        margin-left: 5px;
    }
    .lp_gn_txt h4 span{
        font-size: 11px;
        margin-top: 3px;
        display: inline-block;
        line-height: 1.3;
    }
    .lp_gn_txt p{
        font-size: 11px;
        margin-left: 5px;
    }
        
}



/* ------------------------
        intro
---------------------------*/
#intro{
    padding-top: 8.2%;
    padding-bottom: 10.86%;
    background-color: #EAEAEA;
}
#intro .lp_section_ttl p{
    padding-left: 2%;
}

.lp_intro_area{
    margin-top: 9.804%;
}


@media screen and (max-width: 768px) {

    #intro{
        padding-top: 80px;
        padding-bottom: 80px;
    }
    #intro .lp_section_ttl {
        text-align:center;
    }
    #intro .lp_section_ttl p{
        padding-left: 0;
    }
    
    .lp_intro_area{
        margin-top: 9.804%;
    }


}


.lp_intro_box{
    background-color: #fff;
    margin: 0 auto;
    max-width: 890px;
    padding-top: 20px;
    position: relative;
    box-shadow: 0 4px 4px rgba(0, 0, 0, .25);
    margin-bottom: 10px;
    padding-bottom: 35px;
}
.lp_intro_area .slick-slide {
    margin: 0 20px !important;
}
.lp_intro_box02{
    padding-bottom: 77px;

}
.lp_intro_box03{
    padding-bottom: 55px;
}
.lp_intro_box04{
    padding-bottom: 54px;
}
.lp_intro_box05{
    padding-bottom: 31px;
}
.lp_intro_ttl{
    position: relative;
    padding: 28px 0 25px;
    padding-left: 18%;
    background-color: rgba(167, 151, 60, .7);
}
.lp_intro_ttl h3{
    color: #fff;
    font-weight: 900;
    font-size: clamp(18px, 1.875vw, 24px);
}
.lp_intro_ttl p{
    font-weight: bold;
    font-size:16px;
    color: #163C78;
    margin-top: 8px;
}
.lp_intro_ttl .box_ttl{
    display: inline-block;
    color: #fff;
    font-weight: bold;
    font-size: clamp(16px, 1.563vw, 20px);
    letter-spacing: .03em;
    padding: 12px 27px 15px;
    border-radius: 20px;
    background: linear-gradient(90deg, rgba(21,110,179,1) 0%, rgba(22,60,120,1) 100%);
    position: absolute;
    top: 50%;
    left: 5%;
    transform: translate(-50%, -50%);
}
.lp_intro_ttl .box_ttl span{
     font-size: clamp(24px, 2.499999vw, 32px);
}


@media screen and (max-width: 1000px) {

    .lp_intro_box{
        margin: 0 auto;
        max-width: 750px;
    }
}
@media screen and (max-width: 768px) {

    .lp_intro_box{
        margin: 0 auto;
        max-width: 550px;
        padding-top: 20px;
        margin-bottom: 10px;
        padding-bottom: 35px;
        margin-top: 10px;
    }
    .lp_intro_ttl p{
        font-size:14px;
        margin-top: 5px;
    }
    .lp_intro_box02{
        padding-bottom: 77px;
    
    }
    .lp_intro_box03{
        padding-bottom: 55px;
    }
    .lp_intro_box04{
        padding-bottom: 54px;
    }
    .lp_intro_box05{
        padding-bottom: 31px;
    }
    .lp_intro_ttl{
        padding: 28px 10px 25px;
    }
    .lp_intro_ttl h3{
        font-size: clamp(18px, 1.875vw, 24px);
    }
    .lp_intro_ttl .box_ttl{
        font-size: 14px;
        padding: 10px 15px 10px;
        top: -4%;
        left: 8%;
        transform: translate(-50%, -50%);
    }
    .lp_intro_ttl .box_ttl span{
         font-size: 18px;
    }
    .lp_intro_area .slick-slide {
        margin: 0 5px !important;
    }
}


.lp_intro_box img{
    max-width: 252px;
    position: absolute;
    bottom: 17px;
    right: 40px;
    background-color: #fff;
}
.lp_intro_box02 img{
    bottom: 35px;
    right: 40px;
}
.lp_intro_box03 img{
    bottom: 45px;
    right: 40px;
}
.lp_intro_box04 img{
    bottom: 46px;
    right: 40px;
}
.lp_intro_box05 img{
    bottom: 62px;
    right: 40px;
}
.lp_intro_box dl{
    padding: 42px 60px 0 60px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    column-gap: 20px;
}
.lp_intro_box dl dt{
    width: 5%;
    min-width: 37px;
    margin-bottom: 35px;
    font-size: 16px;
    color: #163C78;
    font-weight: bold;
}
.lp_intro_box dl dd{
    margin: 0;
    width: 85%;
    margin-bottom: 35px;
    font-size: 14px;
}
.lp_intro_box dl dt.mgb{
    margin-bottom: 0;
}
.lp_intro_box dl dd:last-child{
    margin-bottom: 0;
}
.lp_intro_box dl dd ul{
    margin-top: 10px; 
}
.lp_intro_box dl dd ul li{
    font-size: 12px;
    line-height: 1.83;
}
.lp_intro_box dl dd span{
   font-weight: bold; 
}
.lp_intro_box dl dd .txtsmall{
    display: block;
    font-size: 10px;
    line-height: 2.2;
    font-weight: normal;
    margin-top: 7px;
 }

@media screen and (max-width: 768px) {

    
    .lp_intro_box img{
        max-width: 238px;
        position: static;
        margin: 0 auto;
        margin-top: 30px;
    }
    .lp_intro_box dl{
        padding: 35px 10px 0 15px;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        column-gap: 15px;
    }
    .lp_intro_box dl dt{
        width: 100%;
        margin-bottom: 5px;
        font-size: 16px;
    }
    .lp_intro_box dl dd{
        width: 100%;
        margin-bottom: 20px;
        font-size: 14px;
    }
    .lp_intro_box dl dt.mgb{
        margin-bottom: 0;
    }
    .lp_intro_box dl dd:last-child{
        margin-bottom: 0;
    }
    .lp_intro_box dl dd ul{
        margin-top: 10px; 
    }
    .lp_intro_box dl dd ul li{
        font-size: 12px;
    }
    
    

}


.lp_underline{
    background: linear-gradient(transparent 70%, #FFE603 70%);
}

#intro .lp_intro_slider .slick-dots li {
    opacity: 1 !important;
    background: #A7973C !important;
}
.lp_intro_slider .slick-dots {
    bottom: -70px !important;
}

@media screen and (max-width: 768px) {

    .lp_intro_slider .slick-dots {
        bottom: -35px !important;
    }



}

/* ------------------------
        lp_voice
---------------------------*/
#lp_voice{
    padding-top: 12.735%;
    padding-bottom: 9.376%;
}
#lp_voice .lp_section_ttl{
    text-align: center;
}
#lp_voice ul{
    width: 95%;
    display: flex;
    justify-content: space-between;
    column-gap: 10px;
    row-gap: 78px;
    flex-wrap: wrap;
    max-width: 1064px;
    margin: 0 auto;
    margin-top: 70px;
}
#lp_voice ul li{
    width: 48%;
    max-width: 511px;
    background-color: #fff;
    border-radius: 20px;
    padding: 9px 4.99% 37px;
}

@media screen and (max-width: 768px) {

    #lp_voice{
        padding-top: 80px;
        padding-bottom: 60px;
    }
 
    #lp_voice ul{
        width: 95%;
        row-gap: 50px;
        flex-direction: column;
        align-items: center;
        margin-top: 60px;
    }
    #lp_voice ul li{
        width: 95%;
        max-width: 500px;
        padding: 15px 15px 30px;
    }


}


#lp_voice ul li h3{
    display: flex;
    align-items: center;
    column-gap: 16px;
    color: #163C78;
    font-size: clamp(16px, 1.563vw, 20px);
    font-weight: bold;
}
#lp_voice ul li h3 img{
    width: 34%;
    max-width: 126px;
}
#lp_voice ul li span{
    background-color: #A7973C;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    padding: 6px 42px 6px 19px;
    margin-bottom: 10px;
}
#lp_voice ul li p{
    font-size: 14px;
    line-height: 1.42;
    font-weight: 500;
}

@media screen and (max-width: 768px) {

    #lp_voice ul li h3{
        font-size: 15px;
        column-gap: 5px;
    }
    #lp_voice ul li h3 img{
        width: 34%;
        max-width: 90px;
    }
    #lp_voice ul li span{
        background-color: #A7973C;
        color: #fff;
        display: inline-block;
        font-size: 14px;
        font-weight: 500;
        padding: 5px 20px 5px 15px;
        margin-bottom: 10px;
    }
    #lp_voice ul li p{
        font-size: 14px;
    }

}


/* ------------------------
        lp_feature
---------------------------*/
.lp_feature_bg{
    padding: 8.594% 0 35.704%;
    background-image: url('../img/feature_01.jpg');
    background-size: cover;
    position: relative;
}
.lp_feature_bg .lp_section_ttl{
    text-align: center;
    color: #fff;
}
.lp_feature_bg .lp_section_ttl h2{
    color: #fff;
}
.lp_feature_box{
    width: 59%;
    max-width: 780px;
    background-color: #fff;
    box-shadow: 0 4px 4px rgba(0, 0, 0, .25);
    padding: 4% 4.261% 4.8% 4.933%;
    position: absolute;
    top: 86%;
    left: 34%;
    transform: translate(-50%,-50%);
}
@media screen and (min-width: 1764px) {

    .lp_feature_box{
         padding: 70px 75px 84px 87px;
         top: 93%;
    }

}


.lp_feature_box h3{
    font-size: clamp(18px, 2.344vw, 30px);
    font-weight: 600;
    line-height: 1.29;
    border-bottom: 1px solid #A7973C;
    display: inline-block;
    color: #A7973C;
}
.lp_feature_box h3 .lp_txtbig{
    font-size: clamp(24px, 2.9688vw, 38px);
}
.lp_feature_box p{
    font-size: 14px;
    line-height: 1.57;
    margin-top: 30px;
    max-width: 512px;
}


@media screen and (max-width: 768px) {

    .lp_feature_bg{
        padding: 60px 0 200px;
    }
  
    .lp_feature_box{
        width: 90%;
        max-width: 500px;
        padding: 4.688% 4.688% 5.079% 5.157%;
        top: 95%;
        left: 50%;
        transform: translate(-50%,-50%);
    }
    .lp_feature_box h3{
        font-size: 18px;
        display: block;
        line-height: 1.4;
        padding-bottom: 5px;
    }
    .lp_feature_box h3 .lp_txtbig{
        font-size: clamp(24px, 2.499999vw, 32px);
    }
    .lp_feature_box p{
        font-size: 14px;
        margin-top: 15px;
        max-width: 512px;
    }
}




.lp_feature_area{
    width: 95%;
    padding: 9.688% 0;
    max-width: 816px;
    margin: 0 auto;
}
.lp_feature_area li{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 36px;
}
.lp_feature_area li:last-child{
    margin-bottom: 0;
}
.lp_feature_img{
    max-width: 118px;
}
.lp_feature_txt{
    width: 80%;
    max-width: 621px;
}
.lp_feature_txt .num_big{
    font-size: 60px;
    font-weight: 900;
    color: rgba(167, 151, 60, .3);
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}
.lp_feature_txt h3{
    font-size: clamp(18px, 2.344vw, 30px);
    font-weight: bold;
    color: #163C78;
    margin-bottom: 14px;
    position: relative;
    padding-left: 64px;
}
.lp_feature_txt h3 .lp_txtbig{
    font-size: clamp(24px, 2.9688vw, 38px);
}
.lp_feature_txt p{
    font-size: 14px;
    font-weight: 500;
    line-height: 1.57;
}


@media screen and (max-width: 768px) {

    .lp_feature_area{
        width: 95%;
        padding: 200px 0 60px;
        max-width: 550px;
        margin: 0 auto;
    }
    .lp_feature_area li{
        flex-direction: column;
        row-gap: 30px;
        margin-bottom: 36px;
    }
   
    .lp_feature_img{
        max-width: 118px;
    }
    .lp_feature_txt{
        width: 90%;
        margin: 0 auto;
        max-width: 500px;
    }
    .lp_feature_txt .num_big{
        font-size: 60px;
        position: absolute;
        top: 50%;
        left: 0;
        transform: translateY(-50%);
    }
    .lp_feature_txt h3{
        font-size: clamp(18px, 1.875vw, 24px);
        margin-bottom: 14px;
        padding-left: 64px;
    }
    .lp_feature_txt h3 .lp_txtbig{
        font-size: clamp(24px, 2.499999vw, 32px);
    }
    .lp_feature_txt p{
        font-size: 14px;
    }
    



}

/* ------------------------
        lp_plan
---------------------------*/

.lp_plan_bg{
    background-image: url('../img/plan_bg.jpg');
    background-size: cover;
    padding: 9.219% 0 19.532%;
    position: relative;
    z-index: 0;
    text-align: center;
}
.lp_plan_bg .lp_section_ttl,
.lp_plan_bg .lp_section_ttl h2{
    color: #fff;
}
.lp_plan_bg .plan_read{
    margin-top: 68px;
    font-size: clamp(16px, 1.563vw, 20px);
    font-weight: 600;
    line-height: 1.65;
    color: #fff;
}
.lp_plan_bg .plan_read .lp_txtbig{
    font-size: 28px;
}
.lp_plan_bg .plan_read .ylw{
    color: #FFE603;
}
.lp_plan_box{
    display: flex;
    background: linear-gradient(97deg, rgba(188,178,120,1) 0%, rgba(167,151,60,1) 100%);
    padding: 27px 42px;
    width: 95%;
    margin: 0 auto;
    margin-top: 7%;
    max-width: 1124px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

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

    .lp_plan_box{
        margin-top: 12%;
    }

}


.lp_plan_box ul{
    display: flex;
    width: 100%;
}
.lp_plan_box ul li .planTtl{
    margin: 0 auto;
    display: flex;
    justify-content: center;
    color: rgba(167, 151, 60, 1);
    font-size: 40px;
    font-weight:900;
    background-color: #fff;
    padding: 0 3px;
    width: fit-content;
    align-items: baseline;
}
.lp_plan_box ul li .planTtl span{
    font-size: 20px;
    display: inline-block;
    vertical-align: middle;
    padding-right: 5px;
}
.lp_plan_box ul li:nth-of-type(1){
    flex-shrink: 0;
}
.lp_plan_box ul li:nth-of-type(1) .planTtl{
    margin-top: 6px;
}

@media screen and (max-width: 830px) {

    .lp_plan_bg{
        padding: 9.219% 0 19.532%;
        background-position: center;
    }
    .lp_plan_bg .plan_read{
        margin-top: 40px;
        font-size: clamp(16px, 1.563vw, 20px);
    }
    .lp_plan_bg .plan_read .lp_txtbig{
        font-size: 28px;
    }
   
    .lp_plan_box{
        display: flex;
        padding: 27px 15px;
        width: 95%;
        margin: 0 auto;
        margin-top: 7%;
        max-width: 550px;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
    }
    .lp_plan_box ul{
        flex-direction: column;
        justify-content: space-between;
        width: 100%;
        row-gap: 20px;
    }
 
    .lp_plan_box ul li{
        width: 100%;
        max-width: none;
        margin: 0;
    }
    .lp_plan_col01{
        padding-bottom: 25px;
    }
    .lp_plan_box ul li span{
        font-size: 40px;
    }
    .lp_plan_box ul li:nth-of-type(1) span{
        margin-top: 15px;
    }

}



/* -----------
    プランA
--------------*/

.lp_plan_col02{
    background: linear-gradient(97deg, rgba(54,133,193,1) 0%, rgba(22,77,163,1) 100%);
    position: relative;
    text-align: center;
    padding: 60px 0 30px;
    width: 61%;
    max-width: 276px;
    margin-left: 38px;
    margin-right: 32px;
}
.lp_plan_box ul .lp_plan_col02 .planTtl{
    color: rgba(22,77,163,1);
    position: absolute;
    top: 6px;
    left: 3px;
}
.lp_plan_col02 img{
    max-width: 66px;
}
.lp_plan_col p{
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    margin-top: 15px; 
}
@media screen and (max-width: 830px) {

    .lp_plan_col02{
        padding: 60px 0 35px;
        width: 61%;
        max-width: 276px;
        margin-left: 38px;
        margin-right: 32px;
    }
    .lp_plan_box ul .lp_plan_col02 span{
        top: -2px;
        left: 18px;
    }
    .lp_plan_col p{
        font-size: 14px;
        margin-top: 15px; 
    }

}
/* -----------
    プランB
--------------*/


.plan_b_fx{
    display: flex;
    justify-content: center;
    text-align: center;
}
.plan_b_fx .plan_b img{
    max-width: 66px;
    margin-bottom: 9px;
}
.plan_b_fx .plan_b{
    position: relative;
}
.plan_b_fx .plan_b::before{
    content: "+";
    position: absolute;
    top: 36%;
    left: 132%;
    transform: translate(-50%,-50%);  
    color: #fff;
    font-weight: bold;
    font-size: 32px;
}
.plan_b_fx .plan_b:nth-of-type(2)::before{
    left: 152%;
}
.plan_b_fx .plan_b:nth-of-type(3)::before{
    content: none;
}
.plan_b_fx .plan_b:nth-of-type(2) {
    margin: 0 11.373% 0 14.488%;
}
.plan_b_fx .plan_b:nth-of-type(2) img{
    max-width: 55px;
    margin-bottom: 17px;
}

.plan_b_fx .plan_b:nth-of-type(3) img{
    max-width: 55px;
    margin-bottom: 17px;
}
.lp_plan_col03{
    background: linear-gradient(97deg, rgba(215,109,117,1) 0%, rgba(189,33,33,1) 100%);
    position: relative;
    text-align: center;
    padding: 70px 0 30px;
    width: 67%;
    max-width: 642px;
}
.lp_plan_box ul .lp_plan_col03 .planTtl{
    color: rgba(189,33,33,1);
    position: absolute;
    top: 6px;
    left: 3px;
}
@media screen and (max-width: 1000px) {

    .plan_b_fx .sp_br{
        display: block;
    }
    .plan_b_fx .plan_b img{
        max-width: 60px;
        margin-bottom: 0;
    }
    .plan_b_fx .plan_b:nth-of-type(2) img{
        max-width: 45px;
        margin-bottom: 14px;
    }
    
    .plan_b_fx .plan_b:nth-of-type(3) img{
        max-width: 45px;
        margin-bottom: 14px;
    }
     
    .plan_b_fx .plan_b:nth-of-type(2) {
        margin: 0 40px;
    }
    .plan_b_fx .plan_b::before{
        top: 36%;
        left: 116%;
        font-size: 30px;
    }
    .plan_b_fx .plan_b:nth-of-type(2)::before{
        left: 135%;
    }
   
}


@media screen and (max-width: 830px) {

    .lp_plan_col03{
        padding: 76px 0 35px;
        width: 67%;
        max-width: 642px;
    }
 .lp_plan_box ul .lp_plan_col03 span{
        top: -2px;
        left: 18px;
    }
   
}


/* -----------
    プラン詳細
--------------*/
.lp_plan_box02{
    padding-top: 206px;
    padding-bottom: 9.454%;
    background-color: #fff;
}

@media screen and (max-width: 1115px) {

    .lp_plan_box02{
        padding-top: 310px;
    }

}


.lp_plan_box02 > ul{
    padding: 45px 55px;
    background-color: #F5F5F5;
    width: 95%;
    max-width: 1124px;
    margin: 0 auto;
    position: relative;
    margin-bottom: 53px;
}
.lp_plan_box02 > ul::before{
    content: "";
    position: absolute;
    top: -48px;
    left: 15%;
    transform: translate(-50%,-50%);
    border: 40px solid transparent;
    border-bottom: 60px solid #F5F5F5;
}
.lp_plan_box02 > ul > li{
    display: flex;
    column-gap: 50px;
    max-width: 1020px;
    margin: 0 auto;
    margin-bottom: 23px;
    padding: 48px 57px 39px 42px;
}
.lp_plan_box02 > ul > li.plan___b{
    padding-left: 52px;
}
.lp_plan_box02 > ul > li.plan___c{
    padding-left: 55px;
}
@media screen and (max-width: 830px) {

    .lp_plan_box02{
        padding-top: 640px;
        padding-bottom: 80px;
    }

    .lp_plan_box02 > ul{
        padding: 45px 20px;
        max-width: 550px;
        margin-bottom: 53px;
    }
    .lp_plan_box02 > ul > li,.lp_plan_box02 > ul > li.plan___b,.lp_plan_box02 > ul > li.plan___c{
        flex-direction: column;
        align-items: center;
        column-gap: 50px;
        row-gap: 20px;
        max-width: 1020px;
        margin: 0 auto;
        margin-bottom: 40px;
        padding: 25px 15px 35px 15px;
    }
    .lp_plan_box02 > ul::before{
        content: "";
        position: absolute;
        top: -37px;
        left: 15%;
        transform: translate(-50%,-50%);
        border: 30px solid transparent;
        border-bottom: 50px solid #F5F5F5;
    }
}

@media screen and (max-width: 520px) {

    .lp_plan_box02{
        padding-top: 690px;
    }

}



.lp_plan_box02 ul > li:last-child{
    margin-bottom:0; 
}
.lp_plan_box02 ul > li .lp_plan_box02_img{
    max-width: 175px;
    flex-shrink: 0;
}
.lp_plan_box02 ul > li.plan___b .lp_plan_box02_img{
    max-width: 154px;
    flex-shrink: 0;
}
.lp_plan_box02 ul > li.plan___c .lp_plan_box02_img{
    max-width: 162px;
    flex-shrink: 0;
}
.lp_plan_box02 ul > li.plan___a{
    background: linear-gradient(97deg, rgba(54,133,193,1) 0%, rgba(22,77,163,1) 100%);
}
.lp_plan_box02 ul > li.plan___b{
    background: linear-gradient(97deg, rgba(215,109,117,1) 0%, rgba(189,33,33,1) 100%);
}
.lp_plan_box02 ul > li.plan___c{
    background: linear-gradient(97deg, rgba(188,178,120,1) 0%, rgba(167,151,60,1) 100%);
}
.lp_plan_box02_txt{
    width: 100%;
}
.lp_plan_box02_txt .subTtl h3{
    font-size: clamp(20px, 1.563vw, 25px);
    font-weight: bold;
    color: rgba(22,77,163,1);
    background-color: #fff;
    padding: 2px 5px;
    white-space: nowrap;
}
.plan___b .lp_plan_box02_txt .subTtl h3{
    color: rgba(189,33,33,1);
}
.plan___c .lp_plan_box02_txt .subTtl h3{
    color: rgba(167,151,60,1);
}
.lp_plan_box02_txt .subTtl h3 span{
    display: inline-block;
    font-size: 35px;
    padding-left: 5px;
}
.lp_plan_box02_txt .subTtl{
    display: flex;
    align-items: center;
    column-gap: 19px;
    margin-bottom: 25px;
}
.lp_plan_box02_txt .subTtl .subTtl__txt{
    font-size: 18px;
    display: inline-block;
    color: #fff;
    font-weight: bold;
}

.lp_plan_box02_txt ul{
    display: flex;
    justify-content: space-between;
    column-gap: 15px;
}
.lp_plan_box02_txt ul li p,
.lp_plan_box02_txt ul li h4,
.plan___c .lp_plan_box02_txt p{
    font-size: 14px;
    color: #fff;
}

.plan___c .lp_plan_box02_txt ul:nth-of-type(1){
    justify-content: flex-start;
    column-gap: 41px;
    margin-top: 32px;
}
.plan___c .lp_plan_box02_txt ul:nth-of-type(1) li{
    max-width: 235px;
}
.plan___c .lp_plan_box02_txt ul:last-child li{
    max-width: 215px;
}
.plan___c .lp_plan_box02_txt ul:last-child{
    margin-top: 40px;
    max-width: 697px;
}
.lp_plan_box02_txt ul li h4,
.plan___c .lp_plan_box02_txt p{
    font-weight: 400;
}

.plan___a .lp_plan_box02_txt{
    max-width: 460px;
}
.plan___a .lp_plan_box02_txt ul li:nth-of-type(2) h4:nth-of-type(2),
.plan___c .lp_plan_box02_txt ul li:nth-of-type(2) h4:nth-of-type(2){
    margin-top: 20px;
    
}
.plan___b .lp_plan_box02_txt ul li{
    max-width: 215px;
}

@media screen and (max-width: 1000px) {

    .lp_plan_box02_txt ul{
        flex-wrap: wrap;
        justify-content: flex-start;
        column-gap: 15px;
        row-gap: 15px;
    }
    .lp_plan_box02 ul > li .lp_plan_box02_img {
        max-width: 140px;
        flex-shrink: 0;
    }
    
    .plan___b .lp_plan_box02_txt .subTtl .subTtl__txt {
        display: block;
        margin-left: 0;
    }
    .lp_plan_box02 > ul > li {
        column-gap: 20px;
    }
}

@media screen and (max-width: 830px) {

    .lp_plan_box02_txt ul{
        flex-direction: column;
        row-gap: 20px;
    }
    .plan___a .lp_plan_box02_txt{
        max-width: none;
    }
    .lp_plan_box02_txt .subTtl h3 {
        margin-bottom: 0;
    }
    .plan___b .lp_plan_box02_txt .subTtl{
        flex-direction: column;
        row-gap: 6px;
        align-items: flex-start;
    }
    .lp_plan_box02_txt .subTtl h3 span{
        display: inline-block;
        font-size: 25px;
    }
    .plan___b .lp_plan_box02_txt ul li{
        max-width: none;
    }
    .lp_plan_box02 ul > li .lp_plan_box02_img {
        max-width: 200px;
        flex-shrink: 0;
    }
    .plan___c .lp_plan_box02_txt ul:nth-of-type(1) li{
        max-width: none;
    }
    .plan___c .lp_plan_box02_txt ul:last-child li{
        max-width: none;
    }
    .plan___a .lp_plan_box02_txt ul li:nth-of-type(2) h4:nth-of-type(2), .plan___c .lp_plan_box02_txt ul li:nth-of-type(2) h4:nth-of-type(2) {
        margin-top: 10px;
    }
}


.lp_plan_box02 .plan_read{
    display: flex;
    justify-content: center;
    align-items: center;
    width: fit-content;
    margin: 0 auto;
}
.lp_plan_box02 .plan_read p{
    text-align: center;
    color: #163C78;
    font-weight: 600;
    position: relative;
    font-size: clamp(16px, 1.563vw, 20px);
}
.lp_plan_box02 .plan_read::before,
.lp_plan_box02 .plan_read::after {
  background-color: #163C78; 
  content: "";
  height: 2px; 
  width: 120px; 
}
.lp_plan_box02 .plan_read::before {
  margin-right: 15px; 
}
.lp_plan_box02 .plan_read::after {
  margin-left: 15px; 
}

@media screen and (max-width: 830px) {

   
    .lp_plan_box02 .plan_read p{
        font-size: 14px;
    }
    .lp_plan_box02 .plan_read::before,
    .lp_plan_box02 .plan_read::after {
      background-color: #163C78;
      content: "";
      height: 1px;
      width: 35px;
    }
  

}


/* ------------------------
        lp_flow
---------------------------*/

#lp_flow{
    padding: 8.594% 0 10.548%;
}
#lp_flow .lp_inner {
    max-width: 854px;
}
#lp_flow .lp_section_ttl p{
    margin-left: 4%;
}
.lp_flow_box{
    display: flex;
    justify-content: space-between;
    max-width: 836px;
    margin: 0 auto;
    margin-top: 132px;
}
.lp_flow_box li{
    width: 24%;
    max-width: 196px;
    position: relative;
}
.flow__img{
    position: relative;
}
.flow__img .step{
    position: absolute;
    top: 0;
    left: 0;
    font-size: 16px;
    color: #A7973C;
    font-weight: bold;
}
.flow__img .step .lp_txtbig{
    font-size: 28px;
}
.lp_flow_box li h3{
    text-align: center;
    font-size: clamp(18px, 2.344vw, 30px);
    font-weight: bold;
    color: #163C78;
    margin-top: 20px;
    line-height: 1;
}
.lp_flow_box li p{
    font-size: 14px;
    font-weight: 500;
    margin-top: 20px;
    line-height: 1.57;
}

@media screen and (max-width: 768px) {

    
    #lp_flow{
        padding: 60px 0 70px;
    }
    #lp_flow .lp_inner {
        max-width: 854px;
    }
     #lp_flow .lp_section_ttl{
       text-align: center;
    }
    #lp_flow .lp_section_ttl p{
        margin-left: 0;
    }
    .lp_flow_box{
        flex-direction: column;
        align-items: center;
        max-width: 400px;
        row-gap: 100px;
        margin-top: 70px;
    }
    .lp_flow_box li{
        width: 100%;
        max-width: 210px;
    }
    
    .flow__img .step{
        position: absolute;
        top: 0;
        left: 0;
        font-size: 16px;
    }
    .flow__img .step .lp_txtbig{
        font-size: 28px;
    }
    .lp_flow_box li h3{
        font-size: clamp(16px, 1.563vw, 20px);
        margin-top: 20px;
    }
    .lp_flow_box li p{
        font-size: 14px;
        font-weight: 500;
        margin-top: 20px;
        line-height: 1.57;
    }

}


.lp_flow_box li::before{
    content: "";
    position: absolute;
    top: 29%;
    left: 137%;
    transform: translate(-50%,-50%);
    border: 20px solid transparent;
    border-left: 39px solid #A7973C;
}
.lp_flow_box li:last-child::before{
    content: none;
}

@media screen and (max-width: 768px) {

    
    .lp_flow_box li::before{
        content: "";
        position: absolute;
        top: 117%;
        left: 50%;
        border: 20px solid transparent;
        border-top: 30px solid #A7973C;
    }
   

}


/* ------------------------
        lp_faq
---------------------------*/

#lp_faq{
    background-color: #fff;
    padding: 9.063% 0 9.376%;
}
#lp_faq .lp_section_ttl{
    text-align: center;
}

@media screen and (max-width: 768px) {
    
    #lp_faq{
        padding: 70px 0 80px;
    }
    

}


.lp_faq_box{
    max-width: 808px;
    margin: 0 auto;
    margin-top: 85px;
}
.lp_faq_box dt,
.lp_faq_box dd{
    display: flex;
    column-gap: 53px;
    align-items: center;
    padding-left: 38px;
}
.lp_faq_box dt{
    margin-bottom: 20px;
    padding-right: 80px;

}
.lp_faq_box dd{
    margin: 0;
    border-bottom: 1px solid #000000;
    padding-bottom: 23px;
    margin-bottom: 30px;
    padding-right: 80px;
}
.lp_faq_box dd:last-child{
    margin-bottom: 0;
}
.lp_faq_box dt span,
.lp_faq_box dd span{
    font-size: clamp(16px, 1.563vw, 20px);
    font-weight: bold;
    color: #163C78;
}
.lp_faq_box dd span{
    color: #A7973C;
}
.lp_faq_box dt h3{
    font-size: 16px;
    font-weight: bold;
    color: #163C78;
    line-height: 1.375;
}
.lp_faq_box dd p{
    font-size: 14px;
    line-height: 1.57;
    font-weight: 500;
}

@media screen and (max-width: 768px) {

    .lp_faq_box{
        width: 90%;
        max-width: 500px;
        margin: 0 auto;
        margin-top: 60px;
    }
    .lp_faq_box dt,
    .lp_faq_box dd{
        display: flex;
        column-gap: 15px;
        align-items: center;
        padding-left: 10px;
    }
    .lp_faq_box dt{
        margin-bottom: 20px;
        padding-right: 10px;
    
    }
    .lp_faq_box dd{
        padding-bottom: 23px;
        margin-bottom: 30px;
        padding-right: 10px;
    }
    .lp_faq_box dt span,
    .lp_faq_box dd span{
        font-size: 20px;
    }
   
    .lp_faq_box dt h3{
        font-size: 16px;
    }
    .lp_faq_box dd p{
        font-size: 14px;
    }


}


/* ------------------------
        lp_company
---------------------------*/

#lp_company{
    padding: 7.813% 0 9.922%;
    position: relative;
    background-color: #fff;
    z-index: 0;
}
#lp_company .lp_section_ttl{
    max-width: 900px;
    margin: 0 auto;
}
#lp_company .lp_section_ttl p{
   margin-left: 4%;
}

@media screen and (max-width: 768px) {
    
    #lp_company{
        padding: 80px 0 80px;
    }
    #lp_company .lp_section_ttl{
        text-align: center; 
    }
    #lp_company .lp_section_ttl p{
       margin-left: 0;
    }


}


.company_data{
    display: flex;
    max-width: 715px;
    justify-content: space-between;
    align-items: center;
    column-gap: 10px;
    margin: 0 auto;
    margin-top: 65px;
}
.company_dataImg{
    max-width: 286px;
}
.company_dataTxt{
    max-width: 345px;
}
.company_dataTxt p{
    font-size: 16px;
    font-weight: 600;
    color: #163C78;
    line-height: 1.375;
}
.company_dataTxt dl{
    margin-top: 50px;
    display: flex;
    flex-wrap: wrap;
}
.company_dataTxt dl dt{
    width: 22%;
    max-width: 80px;
    font-size: 16px;
    font-weight: 600;
    color: #163C78;
    line-height: 1.375;
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #898989;
}
.company_dataTxt dl dd{
    width: 77%;
    margin: 0;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.375;
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #898989;
}
@media screen and (max-width: 768px) {

    .company_data{
        max-width: 500px;
        flex-direction: column;
        row-gap: 30px;
        margin: 0 auto;
        margin-top: 50px;
    }
    .company_dataImg{
        max-width: 286px;
    }
    .company_dataTxt{
        width: 95%;
        max-width: none;
    }

    .company_dataTxt dl{
        margin-top: 50px;
        display: flex;
        flex-wrap: wrap;
    }
    .company_dataTxt dl dt{
        width: 23%;
        max-width: 80px;
        font-size: 14px;
    }
    .company_dataTxt dl dd{
        width: 77%;
        font-size: 14px;
    }


}


.lp_company_box{
    margin-top: 82px;
}
.lp_company_box h3{
    color: #79690F;
    font-weight: 600;
    font-size: clamp(18px, 2.344vw, 30px);
    text-align: center;
}
.lp_company_box ul{
    display: flex;
    max-width: 1009px;
    margin: 0 auto;
    margin-top: 60px;
    justify-content: space-between;
    column-gap: 10px;
}

.lp_company_box ul li{
    width: 22%;
    max-width: 220px;
}
.lp_cm_txt h4{
    font-size: 14px;
    font-weight: bold;
    margin: 14px 0 8px;
    letter-spacing: .05em;
}
.lp_cm_txt p{
    font-size: 10px;
    font-weight: 500;
    letter-spacing: .05em;
}
.lp_company_bg{
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 289px;
    background-color: #EAEAEA;
    z-index: -1;
}

@media screen and (max-width: 768px) {

    .lp_company_box h3{
        color: #79690F;
        font-weight: 600;
        font-size: clamp(18px, 2.344vw, 30px);
        text-align: center;
    }
    .lp_company_box ul{
        flex-wrap: wrap;
        max-width: 600px;
        margin: 0 auto;
        margin-top: 60px;
        justify-content: center;
        column-gap: 30px;
        row-gap: 30px;
    }
    
    .lp_company_box ul li{
        width: 44%;
        max-width: 200px;
    }
    .lp_cm_txt h4{
        margin: 14px 0 8px;
    }
   
    .lp_company_bg{
        height: 289px;
    }

}


/* ------------------------
        lp_summary
---------------------------*/

#lp_summary{
    background-image: url('../img/last_img.jpg');
    background-size: cover;
    background-position: center;
    padding: 62px 0 80px;
    text-align: center;
    color: #fff;
}
#lp_summary h2{
    font-size: clamp(24px, 2.499999vw, 32px);
    font-weight: bold;
    text-shadow: 0 4px 4px rgba(0, 0, 0, .25);

}
.lp_summary_box{
    width: 90%;
    padding: 50px 0;
    max-width: 707px;
    margin: 0 auto;
    border: 1px solid #fff;
    margin-top: 43px;

}
.lp_summary_box h3{
    font-size: clamp(18px, 1.875vw, 24px);
    font-weight: bold;
    margin-bottom: 37px;
    text-shadow: 0 4px 4px rgba(0, 0, 0, .25);
    line-height: 1;
}
.lp_summary_box h3 span{
    color: #FFE603;   
}
.lp_summary_box h3 .lp_txtbig{
    font-size: clamp(24px, 2.499999vw, 32px);
}
.lp_summary_box p{
    font-size: 16px;
    font-weight: 500;
    margin-bottom:15px;
    text-shadow: 0 4px 4px rgba(0, 0, 0, .25);
    line-height: 1.56;
}
.lp_summary_box p:last-child{
    margin-bottom: 0;
}
.lp_summary_box .lp_txtsmall{
    font-size: 12px;
    font-weight: 300;
}
.smry_txt {
    position: relative;
    text-align: center;
    font-weight: 500;
    line-height: 1.3;
    font-size: 16px;
    margin: 0 auto;
    margin-top: 34px;
    width: fit-content;
}

.smry_txt:before,
.smry_txt:after {
    position: absolute;
    display: inline-block;
    content: "";
    background: #fff;
    width: 1px;
    height: 36px;
    margin-top: -.2em;
    vertical-align: middle;
    top: -2px;
}

.smry_txt:before {
    transform: rotate(-50deg);
    left: -22px;
}

.smry_txt:after {
    transform: rotate(40deg);
    right: -15px;
}

.smry_btn{
    display: block;
    background: linear-gradient(97deg, rgba(255,240,105,1) 0%, rgba(255,230,3,1) 100%);
    color: #163C78;
    font-size: 18px;
    font-weight: bold;
    width: 285px;
    margin: 0 auto;
    padding: 21px 0;
    margin-top: 15px;
    border-radius: 30px;
}
@media screen and (max-width: 768px) {
    
    #lp_summary{
        padding: 62px 0 80px;
    }
    #lp_summary h2{
        font-size: clamp(24px, 2.499999vw, 32px);
    }
    .lp_summary_box{
        padding: 40px 10px;
        max-width: 707px;
        margin-top: 43px;
    
    }
    .lp_summary_box h3{
        font-size: clamp(18px, 1.875vw, 24px);
        margin-bottom: 20px;
    }
    .lp_summary_box h3 .lp_txtbig{
        font-size: clamp(24px, 2.499999vw, 32px);
    }
    .lp_summary_box p{
        font-size: 13px;
        margin-bottom:15px;
        text-shadow: 0 4px 4px rgba(0, 0, 0, .25);
        line-height: 1.56;
    }
    
    .lp_summary_box .lp_txtsmall{
        font-size: 12px;
        font-weight: 300;
    }

}
/* yagish */
@media screen and (max-width: 700px) {
    .hidden-sp {
      display: none;
    }
  }
  @media screen and (min-width: 701px) {
    .hidden-tb {
      display: none;
    }
  }
  @media screen and (min-width: 1200px) {
    .hidden-pc {
      display: none;
    }
  }
  
  .floetiong {
    display: none;
    text-align: center;
    padding-block: 0.5vw;
    padding-inline: 1vw;
    position: fixed;
    bottom: 0;
    z-index: 100;
    width: 100%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: right;
        -ms-flex-pack: right;
            justify-content: right;
    gap: 2vw;
    font-weight: 600;
  }
  .floetiong a {
    padding-block: 28px;
    border-radius: 50%;
    width: 90px;
    height: 90px;
    color: #fff;
    background: url(../img/gold-bg.png);
    display: block;
    opacity: 0.8;
  }
  .floetiong a img {
    width: 20px;
  }
  @media screen and (min-width: 701px) {
    .floetiong a {
      padding-block: 1.2vw;
      border-radius: 30px;
      width: 20vw;
      height: 5vw;
      color: #fff;
      background: url(../img/gold-bg.png);
      display: block;
      opacity: 1;
      font-size: 1.6vw;
    }
    .floetiong a img {
      width: 2vw;
    }
  }
  
  
.yagish{
    text-align: center;
    font-family: "hiragino-kaku-gothic-pron", sans-serif;
    font-weight: 500;
    overflow: auto;
}
@media screen and (min-width: 701px){
  .yagish a:visited, a:hover, a:active{
    opacity: 0.8;
  }
}

.header-sub{
    margin-top: 53px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 1vw;
    border: 4px solid #02964e;
}
.header-sub img {
    width: 80px;
  }
  .header-sub span {
    color: #004122;
    font-weight: 600;
    font-size: 14px;
  }
  @media screen and (min-width: 701px) {
    .header-sub{
		margin-top: 60px;
    padding-block: 0;
    }
    .header-sub img {
      width: 9vw;
    }
    .header-sub span {
      font-size: 1.6vw;
    }
  }
  
  .fv {
    background: url(../img/fv-bg@2x.png) no-repeat center top/cover;
    position: relative;
    overflow: hidden;
  }
  @media screen and (min-width: 701px) {
    .fv {
      height: 100%;
    }
  }
  
  .fv-inner {
    padding-block: 30px;
    padding-inline: 10px 0;
  }
  @media screen and (min-width: 701px) {
    .fv-inner {
      padding-block: 3.935vw 3.443vw;
      padding-inline: 9.838vw 34.432vw;
    }
  }
  
  .fv-woman {
    position: absolute;
    bottom: 0;
    right: -16px;
  }
  .fv-woman img {
    width: 200px;
  }
  @media screen and (min-width: 701px) {
    .fv-woman {
      right: 0;
    }
    .fv-woman img {
      width: 33.94vw;
    }
  }
  
  .fv-container {
    position: relative;
  }
  
  .fv-text1 {
    font-size: 28px;
    font-weight: 600;
  }
  .fv-text1 span {
    padding: 10px;
    width: 80px;
    height: 70px;
    background: #2e5184;
    border-radius: 0.984vw;
    font-size: 30px;
    color: #fff;
    font-weight: 600;
    line-height: 200%;
  }
  @media screen and (min-width: 701px) {
    .fv-text1 {
      font-size: 4.427vw;
    }
    .fv-text1 span {
      padding: 0.984vw 1.476vw;
      width: 9.198vw;
      height: 8.411vw;
      font-size: 5.411vw;
      line-height: 150%;
    }
  }
  
  .fv-text2 {
    margin-top: 10px;
    margin-left: -20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 0.984vw;
  }
  .fv-text2 img {
    width: 150px;
  }
  .fv-text2 span {
    margin-top: 10px;
    font-size: 20px;
    font-weight: 600;
  }
  @media screen and (min-width: 701px) {
    .fv-text2 {
      margin-top: 0;
      margin-left: 0;
    }
    .fv-text2 img {
      width: 32.71vw;
    }
    .fv-text2 span {
      margin-top: 0.984vw;
      font-size: 3.443vw;
      font-weight: 600;
    }
  }
  
  .fv-text3 {
    margin-left: -20px;
    font-size: 20px;
    font-weight: 600;
  }
  @media screen and (min-width: 701px) {
    .fv-text3 {
      margin-left: 1.968vw;
      font-size: 3.443vw;
    }
  }
  
  .fv-text4 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  @media screen and (min-width: 701px) {
    .fv-text4 {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
    }
  }
  
  .fv-text4__logo {
    margin-right: 100px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .fv-text4__logo img {
    width: 150px;
  }
  @media screen and (min-width: 701px) {
    .fv-text4__logo {
      margin-right: 0;
    }
    .fv-text4__logo img {
      width: 16.576vw;
    }
  }
  
  .fv-btn {
    margin-top: 20px;
    padding-block: 12px 10px;
    width: 300px;
    height: 60px;
    background: url(../img/fv-btn.png) no-repeat center/cover;
    color: #fff;
    font-weight: 600;
    font-size: 20px;
    display: block;
  }
  .fv-btn a:visited, a:hover, a:active{
    color: #ffffff;
  }

  @media screen and (min-width: 701px) {
    .fv-btn {
      margin-top: 0;
      padding-block: 1.476vw;
      width: 37.678vw;
      height: 7.378vw;
      font-size: 2.459vw;
    }
  }
  
  .onayami {
    margin-top: 50px;
    padding-block: 50px;
    background: url(../img/onayami-bg.png) no-repeat center/cover;
  }
  @media screen and (min-width: 701px) {
    .onayami {
      margin-top: 6.099vw;
      padding-block: 5.312vw 5.755vw;
    }
  }
  
  .onayami-head {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 1.181vw;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .onayami-head p {
    font-size: 16px;
  }
  .onayami-head p span {
    padding-block: 2.213vw 2.509vw;
    padding-inline: 2.951vw;
    font-size: 20px;
    color: #fff;
    background: url(../img/onayami-head.png) no-repeat center/cover;
  }
  @media screen and (min-width: 701px) {
    .onayami-head p {
      font-size: 2.902vw;
    }
    .onayami-head p span {
      font-size: 3.919vw;
    }
  }
  
  .onayami-tag {
    position: absolute;
    top: -30px;
    left: 40px;
    font-size: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 1.476vw;
    -webkit-transform: rotate(-15deg);
            transform: rotate(-15deg);
  }
  .onayami-tag::before {
    content: "";
    background: #525252;
    width: 0.246vw;
    height: 3.443vw;
    -webkit-transform: rotate(-40deg);
            transform: rotate(-40deg);
  }
  .onayami-tag::after {
    content: "";
    background: #525252;
    width: 0.246vw;
    height: 3.443vw;
    -webkit-transform: rotate(40deg);
            transform: rotate(40deg);
  }
  @media screen and (min-width: 701px) {
    .onayami-tag {
      font-size: 2.804vw;
      top: -4.771vw;
      left: 14.757vw;
    }
  }
  
  .onayami-container {
    margin-top: 4.673vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 3.492vw;
  }
  .onayami-container img {
    width: 130px;
  }
  @media screen and (min-width: 701px) {
    .onayami-container {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
    }
    .onayami-container img {
      width: 29.021vw;
    }
  }
  
  .onayami-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 1.672vw;
  }
  
  .onayami-card {
    padding-block: 10px;
    padding-inline: 1.968vw 1.131vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 10px;
    background: #fff;
    width: 320px;
    height: 50px;
    position: relative;
  }
  .onayami-card img {
    width: 20px;
  }
  .onayami-card p {
    font-size: 14px;
    text-align: left;
  }
  .onayami-card p span {
    color: #dd4565;
  }
  @media screen and (min-width: 701px) {
    .onayami-card {
      padding-block: 2.509vw;
      width: 59.764vw;
      height: 10vw;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      gap: 0.984vw;
    }
    .onayami-card img {
      width: 2.755vw;
    }
    .onayami-card p {
      font-size: 2.164vw;
    }
    .onayami-card p span {
      color: #dd4565;
    }
    .onayami-card::after {
      content: "";
      width: 58.042vw;
      height: 7.378vw;
      border: 3px solid #d2d2d2;
      position: absolute;
      top: 1.3vw;
      left: 50%;
      -webkit-transform: translateX(-50%);
              transform: translateX(-50%);
    }
  }
  
  .yagioffer {
    margin-top: 5vw;
    padding-bottom: 5vw;
  }
  
  .yagioffer-head {
    color: #A38C52;
    font-size: 20px;
    font-weight: 600;
  }
  .yagioffer-head img {
    margin-top: -0.937vw;
    width: 110px;
  }
  .yagioffer-head span {
    padding-inline: 0.938vw;
    color: #DF5853;
    font-size: 20px;
    font-weight: 700;
  }
  @media screen and (min-width: 701px) {
    .yagioffer-head {
      font-size: 2.5vw;
    }
    .yagioffer-head img {
      width: 15.859vw;
    }
    .yagioffer-head span {
      font-size: 3.438vw;
    }
  }
  
  .yagioffer-body {
    margin-top: 40px;
    padding-inline: 20px;
    position: relative;
  }
  @media screen and (min-width: 701px) {
    .yagioffer-body {
      margin-top: 5.391vw;
      padding-inline: 10.078vw 25.703vw;
    }
  }
  
  .yagioffer-bg {
    position: absolute;
    z-index: -1;
    right: 0;
    top: -35px;
  }
  .yagioffer-bg img {
    width: 300px;
  }
  @media screen and (min-width: 701px) {
    .yagioffer-bg {
      top: 0;
    }
    .yagioffer-bg img {
      width: 57.734vw;
    }
  }
  
  .yagioffer-body__head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 1.719vw;
  }
  
  .yagioffer-body__head1 {
    padding-inline: 20px;
    padding-block: 1.094vw;
    color: #FFF;
    font-size: 16px;
    font-weight: 600;
    background: url(../img/yadioffer-head1.png) no-repeat center/contain;
  }
  @media screen and (min-width: 701px) {
    .yagioffer-body__head1 {
      font-size: 3.125vw;
      padding-inline: 4.531vw 5vw;
    }
  }
  
  .yagioffer-body__head2 {
    padding-inline: 20px;
    padding-block: 1.094vw;
    color: #FFF;
    font-size: 16px;
    font-weight: 600;
    background: url(../img/yagioffer-head2.png) no-repeat center/contain;
  }
  @media screen and (min-width: 701px) {
    .yagioffer-body__head2 {
      padding-inline: 4.531vw 5vw;
      font-size: 3.125vw;
    }
  }
  
  .yagioffer-body__content {
    margin-top: 40px;
    padding-block: 2.344vw 3.359vw;
    padding-inline: 2.5vw;
    background: rgba(255, 255, 255, 0.9);
    -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
            box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    width: 320px;
    height: 185px;
    text-align: left;
  }
  .yagioffer-body__content p {
    color: #2A4271;
    font-size: 14px;
    font-weight: 600;
  }
  .yagioffer-body__content p span {
    color: #DF5853;
    font-weight: 600;
  }
  @media screen and (min-width: 701px) {
    .yagioffer-body__content {
      margin-top: 4.297vw;
      width: 59.062vw;
      height: 22.438vw;
    }
    .yagioffer-body__content p {
      font-size: 1.875vw;
    }
  }
  
  .yagioffer-body__content-head span {
    color: #2A4271;
    font-size: 16px;
    font-weight: 600;
  }
  .yagioffer-body__content-head img {
    width: 50px;
  }
  @media screen and (min-width: 701px) {
    .yagioffer-body__content-head span {
      font-size: 2.5vw;
    }
    .yagioffer-body__content-head img {
      width: 7.187vw;
    }
  }
  
  .yagioffer-body__flex {
    margin-top: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 2.344vw;
  }
  @media screen and (min-width: 701px) {
    .yagioffer-body__flex {
      margin-top: 4.219vw;
    }
  }
  
  .yagioffer-card {
    width: 100%;
    height: 120px;
    background: #2A4271;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 0.938vw;
  }
  .yagioffer-card img {
    width: 50px;
  }
  .yagioffer-card p {
    color: #FFF;
    font-size: 12px;
    font-weight: 600;
  }
  .yagioffer-card p span {
    color: #C8B076;
    font-size: 16px;
    font-weight: 700;
  }
  .yagioffer-card p .gold {
    color: #C8B076;
    font-size: 12px;
  }
  .yagioffer-card:nth-of-type(2) {
    gap: 1.797vw;
  }
  .yagioffer-card:nth-of-type(2) img {
    width: 83px;
  }
  .yagioffer-card:nth-of-type(3) {
    gap: 1.797vw;
  }
  .yagioffer-card:nth-of-type(3) img {
    width: 50px;
  }
  @media screen and (min-width: 701px) {
    .yagioffer-card {
      width: 18.906vw;
      height: 17.969vw;
    }
    .yagioffer-card img {
      width: 9.141vw;
    }
    .yagioffer-card p {
      color: #FFF;
      font-size: 1.406vw;
      font-weight: 600;
    }
    .yagioffer-card p span {
      color: #C8B076;
      font-size: 2.5vw;
      font-weight: 700;
    }
    .yagioffer-card p .gold {
      color: #C8B076;
      font-size: 1.406vw;
    }
    .yagioffer-card:nth-of-type(2) {
      gap: 1.797vw;
    }
    .yagioffer-card:nth-of-type(2) img {
      width: 12.891vw;
    }
    .yagioffer-card:nth-of-type(3) {
      gap: 1.797vw;
    }
    .yagioffer-card:nth-of-type(3) img {
      width: 7.109vw;
    }
  }
  
  .price {
    margin-top: 7.378vw;
  }
  .price img {
    width: 350px;
  }
  @media screen and (min-width: 701px) {
    .price img {
      width: 70vw;
    }
  }
  
  .youtube {
    margin-top: 50px;
  }
  .youtube iframe {
    width: 320px;
    height: 200px;
  }
  @media screen and (min-width: 701px) {
    .youtube {
      margin-top: 10vw;
    }
    .youtube iframe {
      width: 70vw;
      height: 40vw;
    }
  }
  
  .cta1 {
    margin-top: 16.281vw;
    position: relative;
  }
  
  .cta1-woman {
    position: absolute;
    bottom: 0;
    right: 0;
  }
  .cta1-woman img {
    width: 100px;
  }
  @media screen and (min-width: 701px) {
    .cta1-woman {
      right: 5.903vw;
    }
    .cta1-woman img {
      width: 21.84vw;
    }
  }
  
  .cta1-top {
    padding-block: 2.509vw 1.623vw;
    padding-inline: 9.838vw 24.594vw;
    background: #2e5184;
    font-size: 14px;
    font-weight: 600;
    color: #fff;
  }
  .cta1-top span {
    font-size: 20px;
    font-weight: 600;
    -webkit-text-emphasis: filled red;
            text-emphasis: filled red;
  }
  @media screen and (min-width: 701px) {
    .cta1-top {
      font-size: 3.443vw;
    }
    .cta1-top span {
      font-size: 3.935vw;
    }
  }
  
  .cta1-bottom {
    padding-block: 2.755vw 3.443vw;
    padding-inline: 9.838vw 24.594vw;
    background: url(../img/gold-bg.png) no-repeat center/cover;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .cta1-bottom span {
    padding-block: 1.181vw;
    color: #dd4565;
    background: #fff;
    border-radius: 2.951vw;
    border: 1px solid #dd4565;
    font-size: 14px;
    width: 260px;
    position: relative;
  }
  .cta1-bottom a {
    margin-top: -1.476vw;
    padding-block: 12px;
    background: url(../img/cta-btn.png) no-repeat center/cover;
    width: 300px;
    font-size: 16px;
    color: #fff;
    font-weight: 600;
    border-radius: 2.459vw;
  }
  @media screen and (min-width: 701px) {
    .cta1-bottom span {
      font-size: 2.312vw;
      width: 44.417vw;
    }
    .cta1-bottom a {
      padding-block: 2.312vw;
      background: url(../img/cta-btn.png) no-repeat center/contain;
      font-size: 2.705vw;
      width: 52.484vw;
    }
  }
  
  .exsample {
    margin-top: 9.1vw;
  }
  .exsample img {
    width: 350px;
  }
  @media screen and (min-width: 701px) {
    .exsample img {
      width: 81.653vw;
    }
  }
  
  .achievements {
    margin-top: 70px;
  }
  @media screen and (min-width: 701px) {
    .achievements {
      margin-top: 7.231vw;
    }
  }
  
  .achievements-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 50px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  @media screen and (min-width: 701px) {
    .achievements-container {
      gap: 6.394vw;
    }
  }
  
  .achievements-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 30px;
  }
  .achievements-content img {
    margin-top: 20px;
    width: 200px;
  }
  @media screen and (min-width: 701px) {
    .achievements-content {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      gap: 1.574vw;
    }
    .achievements-content img {
        margin-top: 0;
      width: 29.759vw;
    }
    .achievements-content:nth-of-type(2n) {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: reverse;
          -ms-flex-direction: row-reverse;
              flex-direction: row-reverse;
    }
  }
  
  .achievements-body {
    width: 320px;
  }
  .achievements-body p {
    margin-top: 3.05vw;
    padding-inline: 1.476vw;
    font-size: 14px;
    font-weight: 700;
    text-align: left;
  }
  .achievements-body p  span{
    font-size: 18px;
    font-weight: 800;
    background: linear-gradient(transparent 50%, #ffff7d 50%);
  }

  @media screen and (min-width: 701px) {
    .achievements-body {
      width: 50.664vw;
    }
    .achievements-body p {
      margin-top: 3.05vw;
      padding-inline: 1.476vw;
      font-size: 1.574vw;
    }
	  .achievements-body p  span{
      font-size: 2vw;
      font-weight: bold;
      background: linear-gradient(transparent 50%, #ffff7d 50%);
    }

	  
  }
  
  .achievements-head {
    padding-block: 0.836vw;
    padding-inline: 68px 7px;
    background: #2e5184;
    width: 330px;
    position: relative;
    text-align: left;
  }
  .achievements-head span {
    padding-block: 15px;
    position: absolute;
    top: -19px;
    left: -6px;
    background: #3874da;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    width: 65px;
    height: 65px;
    border-radius: 50%;
    line-height: 100%;
    text-align: center;
  }
  .achievements-head p {
    margin-top: 0;
    padding-inline: 0;
    font-size: 14px;
    font-weight: 700;
    color: #fff;
  }
  @media screen and (min-width: 701px) {
    .achievements-head {
      padding-inline: 8.247vw 0.82vw;
      width: 50.664vw;
    }
    .achievements-head span {
      padding-block: 1.722vw;
      font-size: 2.164vw;
      top: -1.476vw;
      left: 0;
      width: 7.427vw;
      height: 7.427vw;
    }
    .achievements-head p {
      font-size: 2.164vw;
    }
  }
  
  .surport {
    margin-top: 8.657vw;
    padding-top: 70px;
    padding-bottom: 70px;
    background: url(../img/serport-bg.png) no-repeat center/cover;
  }
  @media screen and (min-width: 701px) {
    .surport {
      padding-top: 6.739vw;
      padding-bottom: 8.067vw;
    }
  }
  
  .surport-head {
    margin-inline: auto;
    position: relative;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
  .surport-head p {
    color: #ac9145;
    font-size: 20px;
    font-weight: 600;
  }
  .surport-head p span {
    color: #2e5184;
    font-weight: 600;
  }
  @media screen and (min-width: 701px) {
    .surport-head p {
      font-size: 4.181vw;
    }
  }
  
  .surport-head__tag {
    position: absolute;
    top: -26px;
    left: -6px;
    z-index: -1;
  }
  .surport-head__tag img {
    width: 70px;
  }
  @media screen and (min-width: 701px) {
    .surport-head__tag {
      top: -3.656vw;
      left: -0.344vw;
    }
    .surport-head__tag img {
      width: 9.838vw;
    }
  }
  
  .surport-container {
    margin-top: 4.329vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 30px;
  }
  @media screen and (min-width: 701px) {
    .surport-container {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      gap: 2.705vw;
    }
  }
  
  .surport-img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    position: relative;
  }
  .surport-img .surport-img1 {
    width: 80px;
    position: absolute;
    top: -20px;
    left: -30px;
  }
  .surport-img .surport-img2 {
    width: 130px;
  }
  .surport-img .surport-img3 {
    margin-top: 20px;
    width: 180px;
  }
  @media screen and (min-width: 701px) {
    .surport-img {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
    }
    .surport-img .surport-img1 {
      width: 13.084vw;
      position: absolute;
      top: -7.969vw;
      left: 4.919vw;
    }
    .surport-img .surport-img2 {
      margin-left: 11.215vw;
      width: 18.544vw;
    }
    .surport-img .surport-img3 {
      margin-top: 0;
      width: 27.644vw;
    }
  }
  
  .surport-body {
    padding-bottom: 3.345vw;
    background: #fff;
    width: 320px;
    border: 1px solid #000;
  }
  .surport-body h3 {
    padding-top: 2.755vw;
    padding-block: 2.066vw;
    font-size: 18px;
    color: #fff;
    background: #2e5184;
  }
  .surport-body p {
    margin-top: 2.755vw;
    padding-inline: 1.377vw;
    font-size: 14px;
  }
  @media screen and (min-width: 701px) {
    .surport-body {
      width: 50.369vw;
    }
    .surport-body h3 {
      font-size: 3.05vw;
    }
    .surport-body p {
      font-size: 2.213vw;
      line-height: 120%;
    }
  }
  
  .surport-body__contents {
    padding-inline: 10px;
  }
  @media screen and (min-width: 701px) {
    .surport-body__contents {
      padding-inline: 5.903vw;
    }
  }
  
  .surport-body__card {
    padding-block: 2.656vw 0.344vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 3.886vw;
    border-bottom: 1px solid #535353;
  }
  .surport-body__card span {
    font-size: 16px;
    color: #2e5184;
    width: 80px;
    text-align: left;
  }
  .surport-body__card p {
    margin-top: 0;
    padding-inline: 0;
  }
  @media screen and (min-width: 701px) {
    .surport-body__card span {
      font-size: 2.066vw;
      width: 8.854vw;
    }
  }
  
  .cta2 {
    padding-inline: 18vw 1.838vw;
  }
  @media screen and (min-width: 701px) {
    .cta2 {
      padding-inline: 30.594vw 1.838vw;
    }
  }
  
  .cta2-woman {
    bottom: 0;
    right: auto;
    left: -30px;
  }
  .cta2-woman img {
    width: 130px;
  }
  @media screen and (min-width: 701px) {
    .cta2-woman {
      left: 4.919vw;
    }
    .cta2-woman img {
      width: 31.972vw;
    }
  }
  
  .suisen {
    /* margin-top: 5.706vw; */
    padding-top: 70px;
    padding-bottom: 70px;
    background: url(../img/suisen-bg.png) repeat center/contain;
  }
  @media screen and (min-width: 701px) {
    .suisen {
      margin-top: 0;
      padding-top: 5.214vw;
      padding-bottom: 5.509vw;
      background: url(../img/suisen-bg.png) no-repeat center/cover;
    }
  }
  
  .suisen-inner h3 {
    padding-bottom: 0.984vw;
    font-family: "hiragino-mincho-pron", sans-serif;
    background: url(../img/suisen-head.png) no-repeat center bottom/contain;
    font-size: 20px;
    font-weight: 600;
    color: #2e5184;
    display: inline;
  }
  @media screen and (min-width: 701px) {
    .suisen-inner h3 {
      font-size: 3.935vw;
    }
  }
  
  .suisen-text {
    margin-top: 30px;
    margin-inline: auto;
    padding-block: 20px;
    padding-inline: 20px;
    background: #fff;
    width: 350px;
    border-radius: 30px;
    font-size: 14px;
    text-align: left;
  }
  .suisen-text span {
    color: #dd4565;
  }
  .suisen-text .line {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(70%, transparent), color-stop(70%, yellow));
    background: linear-gradient(transparent 70%, yellow 70%);
  }
  @media screen and (min-width: 701px) {
    .suisen-text {
      margin-top: 1.869vw;
      padding-block: 3.886vw 1.672vw;
      padding-inline: 2.459vw 0.984vw;
      width: 73.045vw;
      border-radius: 0.984vw;
      font-size: 2.213vw;
    }
  }
  
  .suisen-container {
    margin-top: 3.935vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 2.361vw;
  }
  @media screen and (min-width: 701px) {
    .suisen-container {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
    }
  }
  
  .suisen-card {
    padding-block: 20px;
    padding-inline:  1.574vw;
    display: block;
    width: 300px;
    height: 385px;    
    background: #2e5184;
    color: #fff;
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    
  }
  .suisen-card__body{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
  .suisen-card img {
    width: 250px;
  }
  .suisen-card__name {
    margin-top: 1.476vw;
    font-size: 16px;
    display: block;

  }
  .suisen-card__tag{
    padding-bottom: 0.984vw;
    display: block;
  }
  .suisen-card p {
    font-size: 14px;
  }
  .suisen-card:nth-of-type(1) p {
    margin-top: 20px;
  }
  .suisen-card:nth-of-type(1) p + p {
    margin-top: 0;
  }
  .suisen-card:nth-of-type(2) p {
    margin-top: 20px;
  }
  .suisen-card:nth-of-type(2) p + p {
    margin-top: 0;
  }
  @media screen and (min-width: 701px) {
    .suisen-card {
      padding-block: 1.672vw 0.639vw;
      width: 27.644vw;
      height: 39.268vw;
      border-radius: 1.476vw;
      text-align: left;
    }
    .suisen-card__body{
      height: 21vw;
    }
    .suisen-card img {
      width: 21.495vw;
    }
    .suisen-card__tag{
        font-size: 1.7vw;
        padding-bottom: 0.984vw;
    }
    .suisen-card__name{
        margin-top: 1.476vw;
        font-size: 2.066vw;
        display: block;  
    }
    .suisen-card p {
      font-size: 1.722vw;
    }
    .suisen-card:nth-of-type(1) p {
      margin-top: 0;
    }
    .suisen-card:nth-of-type(2) p {
      margin-top: 0;
    }
  }
  
  .media {
    padding-block: 70px;
    background: url(../img/media-bg.png) no-repeat center top/cover;
  }
  @media screen and (min-width: 701px) {
    .media {
      padding-block: 8.854vw 8.313vw;
    }
  }
  
  .media-head {
    position: relative;
  }
  .media-head img {
    position: absolute;
    width: 50px;
    top: -40px;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  .media-head span {
    padding-bottom: 10px;
    color: #ac9145;
    font-size: 20px;
    font-weight: 600;
    border-bottom: 5px dotted #2e5184;
  }
  @media screen and (min-width: 701px) {
    .media-head img {
      width: 6.05vw;
      top: -4.083vw;
      left: 50%;
    }
    .media-head span {
      padding-bottom: 0.492vw;
      font-size: 3.935vw;
      border-bottom: 10px dotted #2e5184;
    }
  }
  
  .media-container {
    margin-top: 50px;
    margin-inline: auto;
    width: 300px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 50px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .media-container:nth-of-type(3) .media-content span {
    padding-inline: 2.017vw 1.918vw;
  }
  @media screen and (min-width: 701px) {
    .media-container {
      margin-top: 6.64vw;
      width: 71.766vw;
      gap: 5.755vw;
    }
  }
  
  .media-content {
    position: relative;
  }
  .media-content span {
    padding-block: 5px;
    padding-inline: 3.837vw 3.689vw;
    font-size: 18px;
    color: #234473;
    background: #fff;
    border: 2px solid #234473;
    border-radius: 4.919vw;
    display: block;
    position: absolute;
    top: -30px;
    left: -3.935vw;
  }
  @media screen and (min-width: 701px) {
    .media-content span {
      padding-block: 1.3vw 3vw;
      font-size: 2.459vw;
      border: 5px solid #234473;
      height: 6.788vw;
      top: -3.345vw;
    }
  }
  
  .media-grid {
    padding-block: 5.804vw 5.165vw;
    padding-inline: 4.132vw 5.066vw;
    display: grid;
    grid-template-columns: 1fr 1fr;
    row-gap: 10px;
    -webkit-column-gap: 10px;
       -moz-column-gap: 10px;
            column-gap: 10px;
    background: #eeeeee;
    border-radius: 2.459vw;
  }
  .media-grid img {
    width: 100%;
    height: 70px;
    object-fit: contain;
  }
  @media screen and (min-width: 701px) {
    .media-grid {
      grid-template-columns: 1fr 1fr 1fr 1fr;
      row-gap: 1.574vw;
      -webkit-column-gap: 0.639vw;
         -moz-column-gap: 0.639vw;
              column-gap: 0.639vw;
    }
    .media-grid img {
      width: 15.248vw;
      height: 6.985vw;
      object-fit: cover;
    }
  }
  
  .hikaku {
    margin-top: 5vw;
  }
  .hikaku img {
    width: 100%;
  }

  /* fresher-lp */
  .yellow-line{
    background: linear-gradient(transparent 90%, #FFF4B4 10%);
  }
  .fresherlp{
    font-family: "Noto Sans JP";
    color: #000;
    overflow: hidden;
  }
  .fresher-price-inner{
    text-align: center;
  }
  .fresherlp-fv{
    margin-top: 50px;
    background: url(../img/lp-fvbg.png)no-repeat center /cover;
    height: 100%;
  }
  .fresherlp-fv__inner{
    /* padding-inline: 40px;
    padding-bottom: 20px; */
    padding-top: 30px;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    position: relative;
    padding-inline: 0;
    padding-bottom: 0;
    flex-direction: row-reverse;
    background: rgba(240, 245, 255, 0.5);

  }
  .fresher-price-inner h2 img {
    width: 25px;
}
  .fresherlp-fv__body{
    padding-bottom: 4.354vw;
    /* text-align: center; */
    text-align: left;

  }

  .fresherlp-fv__body-head{
  }
  .fresherlp-fv__body-head p{
    font-size: 6.967vw;
    /* font-size: 30px; */
    font-weight: 900;
    font-family: "Noto Serif JP";
  }
  .fresherlp-fv__body-head p span{
    font-size: 9.289vw;
    /* font-size: 50px; */
    font-weight: 900;
    font-family: "Noto Serif JP";
  }
  .fresherlp-fv__body-text{
    /* margin-top: 50px; */
    margin-top: 0;
    text-align: left;
  }
  .fresherlp-fv__body-text p{
    font-size: 12px;
    /* font-size: 14px; */
    font-weight: 400;
    font-family: "Noto Sans JP";
  }
  .fresherlp-fv__body-text span{
    /* font-size: 2.322vw; */
    font-size: 16px;
    font-weight: 400;
  }
  .fresherlp-fv__body-mid span{
    margin-top: 20px;
    text-align: center;
    font-family: "Noto Serif JP";
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 0.104vw;
  }
  .fresherlp-fv__body-mid{
    margin-top: 0;
    /* margin-top: 50px; */
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .fresherlp-fv__body-mid__img{
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .fresherlp-fv__body-mid__img1{
    width: 100px;
  }
  .fresherlp-fv__body-mid__img2{
    width: 200px;

  }
  .fresherlp-nakagawasan{
    /* width: 150px;
    position: absolute;
    top: 63px;
    right: 0;
    object-fit: cover;
    position: inherit; */
    width: 150px;
    height: 250px;
    object-fit: cover;
    position: relative;
    top: -6px;
  
  
  }
  .fresher-btn__tb{
    display: none;

  }
  .fresher-btn__sp{
    margin-inline: auto;
    margin-block: 30px 40px;
    background: #fff;
    display: flex;
    flex-direction: row;
    padding: 1.451vw 11.611vw;
    justify-content: center;
    align-items: center;
    gap: 0.726vw;
    border-radius: 1.451vw;
    border: 5px solid rgba(0, 0, 0, 0.20);
    background: var(--gold, linear-gradient(95deg, #ECCF2F 1.93%, #F1D952 12.57%, #FFF5BD 18.97%, #F7E168 28.88%, #DEC11E 96.11%));
    box-shadow: 6px 6px 10px 0px rgba(0, 0, 0, 0.40);
    width: 300px;
  }
  .fresher-btn__sp img{
    width: 24px;

  }
  .fresher-btn__sp span{
    color: #1E3D74;
    text-align: center;
    text-shadow: 4px 4px 5px rgba(0, 0, 0, 0.25);
    font-family: "Noto Serif JP";
    font-weight: 900;
    letter-spacing: 0.104vw;
    font-size: 16px;

  }
  .fresher-price__container{
    margin-top: 25px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .fresher-price__card{
    display: inline-flex;
    flex-direction: column;
    padding: 17px;
    /* padding: 1.042vw 2.083vw; */
    justify-content: center;
    align-items: center;
    /* gap: 15px; */
    color: #FFF;
    outline: 1px solid rgb(255, 255, 255);
    outline-offset: -11px;
    background: linear-gradient(135deg, rgba(195, 183, 121, 1) 0%, rgba(109, 98, 46, 1) 100%);
    box-shadow: 4px 4px 6px 0px rgba(0, 0, 0, 0.25);
    width: 330px;
}
  .fresher__card-text{
    text-align: right;
    font-size: 13px;
    font-weight: 500;
  }
  .fresher__card-price{
    margin-top: 1.042vw;
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 8.889vw;
    letter-spacing: 0.075vw;
    text-align: center;
  }
  .fresher__card-price strong{
    font-size: 8vw;
        font-weight: 500;
        line-height: 8.889vw;
        letter-spacing: -0.267vw;
  }
  .flesher-price__card-sub{
    color: #40403a;
    text-align: right;
    font-size: 12px;
    font-weight: 400;
  }
  .flesher-price__text p{
    margin-top: 20px;
    color: #000;
    font-size: 12px;
    line-height: 120%;
    text-align: left;
}
  @media screen and (min-width: 701px){
    .fresherlp-fv__inner{
      padding-top: 0;
      /* padding-inline: 0;
      padding-bottom: 0;
      flex-direction: row-reverse;
      background: rgba(240, 245, 255, 0.30); */
      background: rgba(240, 245, 255, 0.30);
    }
    .fresher-price-inner h2 img {
      width: 30px;
  }
    .fresherlp-fv__body{
      /* text-align: left; */
    }
    .fresherlp-fv__body-head p{
      /* font-size: 6.967vw; */
    }
    .fresherlp-fv__body-head p span{
      /* font-size: 9.289vw; */
    }
    .fresherlp-fv__body-text {
      /* margin-top: 0; */
    }
    .fresherlp-fv__body-text p{
      font-size: 1.451vw;
    }
    .fresherlp-fv__body-text span{
      font-size: 2.322vw;
    }
  .fresherlp-nakagawasan{
    width: 36.284vw;
    height: 100%;
    top: 0;
  }
  .fresherlp-fv__body-mid{
    /* margin-top: 0; */
  }
  .fresherlp-fv__body-text{
    /* font-size: 1.451vw; */
  }
  .fresherlp-fv__body-mid span{
    margin-top: 0;
    font-size: 3.483vw;
  }
  .fresherlp-fv__body-mid__img1{
    width: 17.997vw;
  }
  .fresherlp-fv__body-mid__img2{
    width: 33.164vw;
  }
  .fresherlp-fv__body-mid__img{
    flex-direction: row;
  }
  .fresher-price__container {
    margin-top: 5.139vw;
}
  .fresher-price__card{
    box-shadow: 0px 7px 12px 3px rgb(0 0 0 / 15%);
    display: inline-flex;
    flex-direction: row;
    padding: 1.042vw 2.083vw;
    justify-content: space-around;
    align-items: center;
    /* gap: 7vw; */
    width: 77.389vw;
    height: 10.972vw;
  }
  .fresher__card-text{
    font-size: 2.5vw;
  }
  .flesher-price__text{
    margin-top: 50px;
    margin-inline: auto;
    width: 75.625vw;
  }
  .flesher-price__text p{
    font-size: 1.806vw;    
    line-height: 2.778vw;
  }
  .flesher-price__card-sub{
    font-size: 1.6vw;
  }
  .fresher-btn img{
    /* width: 5.806vw; */
  }
  .fresher-btn span{
    /* text-shadow: 4px 4px 5px rgba(0, 0, 0, 0.25);
    font-size: 3.483vw;
    font-weight: 900;
    letter-spacing: 0.104vw; */
  }
  .fresher-btn__tb{
    margin-top: 3.919vw;
    display: inline-flex;
    flex-direction: row;
    padding: 1.451vw 11.611vw;
    justify-content: center;
    align-items: center;
    gap: 0.726vw;
    border-radius: 1.451vw;
    border: 5px solid rgba(0, 0, 0, 0.20);
    background: var(--gold, linear-gradient(95deg, #ECCF2F 1.93%, #F1D952 12.57%, #FFF5BD 18.97%, #F7E168 28.88%, #DEC11E 96.11%));
    box-shadow: 6px 6px 10px 0px rgba(0, 0, 0, 0.40);

  }
  
  .fresher-btn__tb img{
    width: 5.806vw;

  }
  .fresher-btn__tb span{
    color: #1E3D74;
    text-align: center;
    text-shadow: 4px 4px 5px rgba(0, 0, 0, 0.25);
    font-family: "Noto Serif JP";
    font-weight: 900;
    letter-spacing: 0.104vw;
    font-size: 3.483vw;

  }
  .fresher-btn__sp{
    display: none;
  }
  }

  .kaiketu{
    margin-top: -10px;
    padding-top: 70px;
    background: #3873DA;
  }
  .kaiketu-inner{
  
  }
  .kaiketu-head{
    margin-left: 100px;
    color: #FFF;
    text-shadow: 4px 4px 4px rgba(0, 0, 0, 0.25);
    font-family: "Noto Serif JP";
    font-size: 24px;
    font-weight: 600;
    text-align: center;
  }
  .kaiketu-container{
    padding-bottom: 50px;
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
    justify-content: center;
    position: relative;
  }
  .kaiketu-container img{
    position: absolute;
    width: 122px;
    top: -127px;
    left: 20px;  
  }
  .kaiketu-body{
    margin-top: 79px;
    display: flex;
    flex-direction: column;
    gap: 10px;
  }
  .kaiketu-content{
    padding-block: 0.694vw;
    padding-inline: 0.694vw 2.778vw;
    width: 330px;
    height: 50px;
    background: #FFF;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 1.389vw;
  }
  .kaiketu-content img{
    position: unset;
    width: 30px;
  }
  .kaiketu-content span{
    font-size: 16px;
    font-weight: 400;
  }
 @media screen and (min-width: 701px){
  .kaiketu{
    margin-top: 0;
    padding-top: 2.778vw;

  }
  .kaiketu-head{
    margin-left: 0;
    font-size: 4.444vw;
  }
  .kaiketu-container{
    margin-top: 2vw;
    padding-bottom: 0;
    display: flex;
    flex-direction: row-reverse;
  }
  .kaiketu-container img{
    width: 33.264vw;
    position: unset;
  }

  .kaiketu-body{
    margin-top: 0;
    margin-left: -4.792vw;
    padding-bottom: 2vw;
    display: flex;
    flex-direction: column;
    gap: 1.389vw;
  }
  .kaiketu-content{
    padding-block: 0.694vw;
    padding-inline: 0.694vw 2.778vw;
    width: 66.181vw;
    height: auto;
    gap: 1.389vw;
  }
  .kaiketu-content img{
    width: 2.778vw;
  }
  .kaiketu-content span{
    font-size: 1.944vw;
  }

 }
 .reason{
  margin-top: 5.833vw;
  padding-bottom: 4.167vw;
}
.reason-inner{
  margin-inline: 4.653vw;
}
.reason-head{
  color: #1E3D74;
  text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.25);
  font-family: "Noto Serif JP";
  font-size: 20px;
  font-weight: 600;
  line-height: 3.333vw; /* 100% */
}
.reason-head__itii{
  display: inline-flex;
  flex-direction: row;
  align-items: flex-end;
  justify-content: center;
}
.reason-head__itii .yellow-line{
  padding-bottom: 1.528vw;
  margin-left: 2.847vw;
  color: #1E3D74;
  text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.25);
  font-family: "Noto Serif JP";
  font-size: 28px;
  font-weight: 900;
  letter-spacing: 0.133vw;
  background: linear-gradient(transparent 70%, #FFF4B4 30%);
}
.reason-head__itii img{
  width: 50px;
}
.reason-head__erabareru{
  color: #1E3D74;
  text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.25);
  -webkit-text-stroke-width: 2;
  -webkit-text-stroke-color: #D2C36F;
  font-family: "Noto Serif JP";
  font-size: 28px;
  font-weight: 600;
  letter-spacing: 0.133vw;
}
.reason-head-sub{
  margin-top: 10px;
  color: #1E3D74;
  text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.25);
  font-family: "Noto Serif JP";
  font-size: 20px;
  font-weight: 600;
  display: block;
  text-align: right;
}
.reason-body{
  margin-top: 30px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 30px;
}
.reason-content{

}
.reason-content p{
  color: #000;
  text-align: center;
  font-size: 16px;
  font-weight: 400;
}
.reason-card{
  margin-top: 2.083vw;
  background: #1E3D74;
  width: 200px;
  height: 200px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 2.847vw;
}
.reason-card span{
  text-align: center;
  color: #FFF;
  font-family: "Noto Sans JP";
  font-size: 16px;
  font-weight: 500;
}
.reason-card img{
  width: 100px;
}
@media screen and (min-width: 701px){
  .reason-head{
    font-size: 3.333vw;
    line-height: 3.333vw; /* 100% */
  }
  .reason-head__itii .yellow-line{
    padding-bottom: 1.528vw;
    margin-left: 2.847vw;
    font-size: 4.444vw;
    letter-spacing: 0.133vw;
    background: linear-gradient(transparent 70%, #FFF4B4 30%);
  }
  .reason-head__itii img{
    width: 9.306vw;
  }
  .reason-head__erabareru{
    font-size: 4.444vw;
    letter-spacing: 0.133vw;
  }
  .reason-head-sub{
    font-size: 2.222vw;
    display: inline;
    text-align: left;
  }
  .reason-body{
    margin-top: 2.847vw;
    flex-direction: row;
    gap: 3.681vw;
  }
  .reason-content p{
    color: #000;
    text-align: center;
    font-size: 2.222vw;
    font-weight: 400;
  }
  .reason-card{
    margin-top: 2.083vw;
    width: 27.778vw;
    height: 27.778vw;
    gap: 2.847vw;
  }
  .reason-card span{
    font-size: 2.5vw;
  }
  .reason-card img{
    width: 12.5vw;
  }
  
}
.lp-price{
  padding-block: 70px;
  background: linear-gradient(131deg, rgba(56, 115, 218, 0.95) 11.79%, rgba(30, 61, 116, 0.95) 96.62%);
  position: relative;
}
.lp-price-inner{
  margin-inline: 20px;
}
.lp-price-inner h2{
  margin-inline: auto;
  padding: 0.694vw 2.083vw;
  background: #FFF;
  box-shadow: 4px 4px 8px 0px rgba(0, 0, 0, 0.25);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 10px;
  width: fit-content;
}
.lp-price-inner h2 span{
  color: #1E3D74;
  font-family: "Noto Serif JP";
  font-size: 24px;
  font-weight: 700;
}
.lp-price-inner h2 img{
  width: 25px;
}
.lp-price__container{
  margin-top: 50px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.lp-price__content{
  position: relative;
}
.lp-price__content:nth-of-type(2){
  margin-top: 2.986vw;
}
.lp-price__card-cap{
  position: absolute;
  top: 3px;
  right: -10px;
  display: inline-flex;
  padding: 0.347vw 1.042vw;
  justify-content: center;
  align-items: center;
  gap: 0.694vw;
  border-radius: 0.347vw;
  background: #FFF;
  box-shadow: 4px 4px 6px 0px rgba(0, 0, 0, 0.25);
}
.lp-price__card-cap img{
    width: 14px;
}
.lp-price__card-cap p{
  font-size: 12px;
  font-weight: 500;
}
.lp-price__card-cap span{
  font-size: 14px;
}
.lp-price__card{
  display: inline-flex;
  flex-direction: column;
  padding: 10px;
  /* padding: 1.042vw 2.083vw; */
  justify-content: center;
  align-items: center;
  gap: 15px;
  background: #FFF;
  box-shadow: 4px 4px 6px 0px rgba(0, 0, 0, 0.25);
  width: 330px;
}
.lp-price__card-text{
  text-align: right;
  font-size: 14px;
  font-weight: 500;
}
.lp-price__card-text span{
  color: #1E3D74;
  font-weight: 500;

}
.lp-price__card-price{
  margin-top: 1.042vw;
  /* width: 36.458vw; */
  font-size: 16px;
  font-weight: 500;
  line-height: 8.889vw; /* 355.556% */
  letter-spacing: 0.075vw;
  text-align: center;
}
.lp-price__card-price strong{
  color: #1E3D74;
  font-size: 45px;
  font-weight: 500;
  line-height: 8.889vw;
  letter-spacing: -0.267vw;
}
.lp-price__card-sub{
  margin-top: 0.694vw;
  color: #FFF;
  text-align: right;
  font-size: 12px;
  font-weight: 400;
}
.lp-price__text{
  width: 100%;
  margin-top: 6.667vw;
}
.lp-price__text p{
  color: #FFF;
  font-size: 14px;
  font-weight: 500;
  line-height: 120%;
  /* line-height: 2.778vw; 153.846% */

}
.lp-price__text p span{
  font-size: 12px;
}
.lp-price__text p + p{
  margin-top: 2.083vw;
}
@media screen and (min-width: 701px){
  .lp-price{
    padding-block: 4.167vw 9.236vw;

  }
  .lp-price-inner{
    margin-inline: 14.306vw;
  }
  
  .lp-price-inner h2{
    padding: 0.694vw 2.083vw;
    gap: 0.833vw;
  }
  .lp-price-inner h2 span{
    font-size: 3.611vw;
    font-weight: 700;
  }
  .lp-price-inner h2 img{
    width: 2.847vw;
  }
  .lp-price__card-cap{
    position: absolute;
    top: -2.292vw;
    right: -3.472vw;
    display: inline-flex;
    padding: 0.347vw 1.042vw;
    justify-content: center;
    align-items: center;
    gap: 0.694vw;
  }
  .lp-price__card-cap img{
    width: 1.25vw;
}

  .lp-price__card-cap p{
    font-size: 1.4rem;
    font-weight: 500;
  }
  .lp-price__card-cap span{
    font-size: 2.222vw;
  }
  .lp-price__container{
    margin-top: 5.139vw;
  }
  
  .lp-price__card-text{
    text-align: right;
    font-size: 2.3vw;
    font-weight: 500;
  }
  .lp-price__card-text span{
    color: #1E3D74;
  }
  .lp-price__card{
    display: inline-flex;
    flex-direction: row;
    padding: 1.042vw 2.083vw;
    justify-content: space-around;
    align-items: center;
    /* gap: 7vw;   */
    width: 71.389vw;
    height: 10.972vw;
  }
  .lp-price__card-price{
    margin-top: 1.042vw;
    /* width: 36.458vw; */
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 8.889vw; /* 355.556% */
    letter-spacing: 0.075vw;
    text-align: center;
  }
  .lp-price__card-price strong{
    font-size: 8vw;
    font-weight: 500;
    line-height: 8.889vw;
    letter-spacing: -0.267vw;
  }
  .lp-price__card-sub{
    margin-top: 0.694vw;
    text-align: right;
    font-size: 1.6vw;
    font-weight: 400;
  }
  .lp-price__text{
    width: 75.625vw;
    margin-top: 6.667vw;
  }
  .lp-price__text p{
    color: #FFF;
    font-size: 1.806vw;
    font-weight: 500;
    line-height: 2.778vw; /* 153.846% */
  
  }
  .lp-price__text p span{
    font-size: 1.667vw;
  }
  
}
.lp-cta{
  position: relative;
  overflow: hidden;
}
.lp-cta__inner{
  padding-block: 30px;
  padding-inline: 10px 70px;
  background: var(--Gold2, linear-gradient(95deg, #ECCF2F 1.93%, #F1D952 4.29%, #FFF5BD 18.97%, #F7E168 49.02%, #DEC11E 96.11%));
}
.lp-cta__inner img{
  width: 280px;
  position: absolute;
  bottom: 0;
  right: -69px;
}
.lp-cta__body{
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2.778vw;
}
.lp-cta__body p{
  color: #1E3D74;
  text-align: center;
  font-family: "Noto Serif JP";
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.111vw;
}
.lp-cta__body a{
  padding: 1.389vw 5.556vw;
  border-radius: 1.389vw;
  border: 3px solid rgba(255, 255, 255, 0.30);
  background: linear-gradient(177deg, #FFF -7.82%, #E8322B 53.3%, #8F2420 102.25%);
  box-shadow: 5px 5px 8px 0px rgba(0, 0, 0, 0.35);
  color: #FFF;
  text-align: center;
  text-shadow: 3px 5px 5px rgba(0, 0, 0, 0.30);
  font-family: "Noto Serif JP";
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 0.139vw;
}
@media screen and (min-width: 701px){
  .lp-cta{
    overflow: unset;
  }
  .lp-cta__inner{
    padding-block: 3.958vw 3.889vw;
    padding-inline: 9vw 46vw;
  }
  .lp-cta__body p{
    font-size: 2.222vw;
    font-weight: 700;
    letter-spacing: 0.111vw;
  }
  .lp-cta__body a{
    padding: 1.389vw 5.556vw;
    border-radius: 1.389vw;
    font-size: 2.778vw;
    font-weight: 700;
    letter-spacing: 0.139vw;
	z-index: 10;
  }
  .lp-cta__inner img{
    width: 67.875vw;
    bottom: 0;
    right: 0;
  }
  
}

.lp-company{
  margin-top: 50px;
  text-align: center;
}
.lp-company__inner{

}
.lp-company__inner h2{
  color: #1E3D74;
  text-align: center;
  text-shadow: 4px 4px 4px rgba(0, 0, 0, 0.25);
  font-family: "Noto Serif JP";
  font-size: 24px;
  font-weight: 700;
}
.lp-company__container{
  margin-top: 30px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 20px;
}
.lp-company__container img{
  width: 150px;
}
.lp-company__body{

}
.lp-company__body p{
  color: #1E3D74;
  text-align: center;
  font-size: 14px;
  font-weight: 500;
}
.lp-company__content{
  margin-top: 2.125vw;
}
.lp-company__card{
  margin-inline: auto;
  padding-block: 10px;
  width: 300px;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 3.472vw;
  border-bottom: 1px solid #A5974B;
}
.lp-company__card span{
  width: 100px;
  color: #1E3D74;
  font-family: "Noto Sans JP";
  font-size: 14px;
  font-weight: 400;
}
.lp-company__card p{
  color: #000;
  font-family: "Noto Sans JP";
  font-size: 14px;
  font-weight: 400;
}
.lp-success{
  margin-top: 6.25vw;
}
.lp-success__inner{
}
.lp-success__text{
  color: #1E3D74;
  text-align: center;
  font-size: 14px;
  font-weight: 500;
}
.lp-success__table{
  padding-inline: 5px;
  overflow-x: auto;
  display: block;  
  margin-top: 30px;
  margin-inline: auto;
  color: #FFF;
  font-size: 12px;
  font-weight: 500;
}
.lp-success__table thead{
  background: #3873DA;
}
.lp-success__table thead th{
  border: 1px solid rgba(255, 255, 255, 0.50);
  padding-block: 10px;
  width: 220px;
}
.lp-success__table tbody{
  background: #3873DA;
}
.lp-success__table tbody td{
  border: 1px solid rgba(255, 255, 255, 0.50);
  padding-block: 10px;
  width: 220px;
  white-space: nowrap;
}
.lp-success__table tfoot td{
  border: 1px solid rgba(255, 255, 255, 0.50);
  padding-block: 10px;
  width: 220px;
  white-space: nowrap;
}

.lp-success__table tfoot{
  background: #3873DA;

}
.lp-success__text2{
  margin-inline: auto;
  width: 300px;
  margin-top: 4.861vw;
  color: #1E3D74;
  font-size: 14px;
  font-weight: 500;
  text-align: left;

}
@media screen and (min-width: 701px){
  .lp-company{
    margin-top: 4.167vw;
    text-align: center;
  }
  .lp-company__inner h2{
    font-size: 4.444vw;
    font-weight: 700;
  }
  .lp-company__container{
    margin-top: 2.222vw;
    flex-direction: row;
    gap: 6.389vw;
  }
  .lp-company__container img{
    width: 24.583vw;
  }
  .lp-company__body p{
    font-size: 1.389vw;
    font-weight: 500;
  }
  .lp-company__content{
    margin-top: 2.125vw;
  }
  .lp-company__card{
    padding-block: 1.042vw;
    width: 31.25vw;
    gap: 3.472vw;
  }
  .lp-company__card span{
    width: 6.8vw;
    font-size: 1.667vw;
    font-weight: 400;
  }
  .lp-company__card p{
    font-size: 1.667vw;
    font-weight: 400;
  }
  .lp-success__text{
    font-size: 1.667vw;
    font-weight: 500;
  }
  .lp-success__table{
    margin-top: 2.083vw;
    margin-inline: auto;
    padding-inline: 0;
    font-size: 1.389vw;
    font-weight: 500;
    overflow: hidden;
    width: fit-content;
  }
  .lp-success__table thead th{
    padding-block: 0.694vw;
    width: 20.833vw;
  }
  .lp-success__table tbody td{
    padding-block: 0.694vw;
    width: 20.833vw;
  }
  .lp-success__table tfoot td{
    padding-block: 0.694vw;
    width: 20.833vw;
  }
  
  .lp-success__text2{
    margin-inline: auto;
    width: 76.389vw;
    margin-top: 4.861vw;
    color: #1E3D74;
    font-size: 1.389vw;
    font-weight: 500;
    text-align: left;
  
  }
  
}
.lp-success__flex{
  margin-top: 8.75vw;
}
.lp-success__flex-body p span{
  font-family: "Noto Serif JP";
  font-weight: 700;
}
.lp-success__flex-body p{
  margin-top: 1.5vw;
  font-weight: 500;
}
.lp-success__flex-head{
  padding-inline: 0;
}
.lp-success__flex-head p{
  margin-top: 0;
  text-align: center;
  font-size: 16px;  
  font-weight: 600;
}
.lp-cta2{
  padding-top: 18.264vw;
  overflow: hidden;

}
.lp-cta2__inner{
  padding-inline: 70px 10px;
}
.lp-cta2__inner img{
  width: 300px;
  left: -85px;
  bottom: -50px;
}
.lp-cta2__body{

}
@media screen and (min-width: 701px){
  .lp-success__flex-head p{
    margin-top: 0;
    text-align: center;
    font-size: 2.778vw;  
    font-weight: 600;
  }
  
  .lp-cta2{
    padding-top: 18.264vw;
    overflow: hidden;
  
  }
  .lp-cta2__inner{
    padding-inline: 43vw 12vw;
  }
  .lp-cta2__inner img{
    width: 80.764vw;
    left: -10.625vw;
    bottom: -12.153vw;
  }
  

}
.lp-suisen{
  background: url(../img/lp-suisenbg.png)no-repeat center/cover;
}
.lp-suisen-inner{
  margin-inline: 20px;
  padding-block: 50px;
}
.lp-suisen-inner h3{
  text-align: center;
  text-shadow: 4px 4px 6px rgba(0, 0, 0, 0.40);
  font-family: "Noto Serif JP";
  font-size: 24px;
  font-weight: 700;
  letter-spacing: 0.133vw;
  background: linear-gradient(180deg, #FFF 6.52%, #D2C36F 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.lp-suisen-container{
  margin-top: 30px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 30px;
}
.lp-suisen-card{
  
}
.lp-suisen-card img{
  padding-bottom: 1.389vw;
  width: 180px;
}
.lp-suisen-card__body{
  /* height: 17.361vw; */
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.lp-suisen-card__body p{
  color: #F5F5F5;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.05vw;
}
.lp-suisen-card__name{
  margin-top: 2.083vw;
  color: #F5F5F5;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 0.067vw;
}
.lp-top{
  margin-top: 30px;
}
.lp-top-inner p{
  margin-inline: auto;
  width: 320px;
  color: #000;
  font-size: 14px;
  font-weight: 400;
}
.lp-top-inner p span{
  color: #1E3D74;
  font-weight: 600;
}
.lp-wave{
  padding-bottom: 5px;
  background: url(../img/lp-wave.png) repeat-x bottom center / auto 5px;
}
.lp-top-inner strong{
  margin-top: 30px;
  display: block;
  color: var(--1E3D74, #1E3D74);
  text-align: center;
  text-shadow: 4px 4px 8px rgba(0, 0, 0, 0.25);
  font-family: "Noto Serif JP";
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
@media screen and (min-width: 701px){
  .lp-suisen-inner{
    margin-inline: 7.847vw;
    padding-block: 4.167vw;
  }
  .lp-suisen-inner h3{
    font-size: 4.444vw;
    font-weight: 700;
    letter-spacing: 0.133vw;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  .lp-suisen-container{
    margin-top: 4.167vw;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 7.639vw;
  }
  .lp-suisen-card img{
    padding-bottom: 1.389vw;
    width: 22.917vw;
  }
  .lp-suisen-card__body{
    height: 17.361vw;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  
  .lp-suisen-card__body p{
    color: #F5F5F5;
    font-size: 1.667vw;
    font-weight: 400;
    letter-spacing: 0.05vw;
  }
  .lp-suisen-card__name{
    margin-top: 2.083vw;
    color: #F5F5F5;
    font-size: 2.222vw;
    font-weight: 500;
    letter-spacing: 0.067vw;
  }
  .lp-top{
    margin-top: 4.167vw;
  }
  .lp-top-inner p{
    margin-inline: auto;
    width: 77.778vw;
    color: #000;
    font-size: 1.667vw;
    font-weight: 400;
  }
  .lp-top-inner p span{
    color: #1E3D74;
    font-weight: 600;
  }
  .lp-wave{
    padding-bottom: 0.4vw;
    background: url(../img/lp-wave.png) repeat-x bottom center / auto 0.417vw;
  }
  .lp-top-inner strong{
    margin-top: 4.167vw;
    font-size: 4.444vw;
    font-weight: 700;
  }
  
}
/* 問合せ追従ボタン */

.mail{
  padding: 10px;
  background: #1E3D74;
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  justify-content: center;
  gap: 5px;
  width: 100%;
  position: fixed;
  bottom: 0;
  right: 0;
  z-index: 100;
  transition: opacity 0.3s ease, visibility 0.3s ease;
}
.mail.hidden {
  opacity: 0;          /* 透明にする */
  visibility: hidden;  /* 視覚的に非表示にする */
}
.mail span{
  color: #fff;
  text-align: center;
  font-weight: 700;

}
.mail img{
  width: 25px;
}
@media screen and (min-width: 701px){
  .mail{
    padding: 1vw 0.5vw;
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    gap: 5px;
    position: fixed;
    bottom: 0;
    right: 0;
    z-index: 100;
    width: fit-content;
  }
  .mail span{
    text-align: center;
  
  }
  .mail img{
    width: 2.5vw;
  }

}
/* reason */
.reason-top{
  padding-bottom: 175px;
  background: url(../img/reason-bg.png)no-repeat center top/cover;
  position: relative;
}
.reason-top-inner{
	padding-top: 50px;
  padding-inline: 30px;
}
.reason-top-body{
  display: block;
  text-align: left;
  z-index: 10;
}
.reason-top-body strong{
  color: #1D1D1D;
  font-family: "Noto Serif JP";
  font-size: 55px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.reason-top-body p{
  color: #4F4F4F;
  font-family: "Noto Serif JP";
  font-size: 35px;
  font-style: normal;
  font-weight: 700;
  line-height: 11.806vw;
}
.reason-top-body p span{
  color: #F00;
  font-family: "Noto Serif JP";
  font-size: 35px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%; /* 121.429% */
}
.reason-top-mynav {
  margin-top: 20px;
}
.reason-top-mynav img{
  width: 28vw;
}
.reason-top-woman{
  position: absolute;
  bottom: 0;
  right: 0;
}
.reason-top-woman img{
  width: 270px;
}
.reason-top-btn__pc{
  padding-block: 10px 10px;
  padding-inline: 50px;
  border-radius: 40px;
  border: 2px solid #FFF;
  background: #B8A01B;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  width: 300px;
  display: block;
  position: absolute;
  bottom: 30px;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;

}
.reason-top-btn__pc span{
  color: #FFF;
  font-family: "Noto Sans JP";
  font-size: 25px;
  font-style: normal;
  font-weight: 700;
  line-height: 193%; /* 193.182% */

}
.reason-top-btn__pc:hover{
  scale: 1.1;
  transition: 0.6s;
}
@media screen and (min-width: 701px){
  
  .reason-top{
    padding-bottom: 2.431vw;
  }
  .reason-top-inner{
    padding-inline: 9.6vw;
    display: flex;
    flex-direction: row;
    align-items: flex-end;
  }
  
  .reason-top-body strong{
    font-size: 12vw;
  }
  .reason-top-body p{
    font-size: 8vw;
    font-weight: 700;
    line-height: 11.806vw;
  }
  .reason-top-body p span{
    font-size: 8vw;
    font-weight: 700;
    line-height: 120%; /* 121.429% */
  }
  .reason-top-woman{
    position: absolute;
    bottom: 0;
    right: 0;
  }
  .reason-top-woman img{
    width: 46vw;
  }
  .reason-top-mynav {
    margin-top: 1vw;
  }
  .reason-top-btn__pc{
    padding-block: 0px 0px;
    padding-inline: 3vw;
    border-radius: 6.944vw;
    border: 8px solid #FFF;
    width: 50vw;
    bottom: 3.472vw;
    right: 3.958vw;
    left: auto;
    transform: none;
  }
  .reason-top-btn__pc span{
    color: #FFF;
    text-align: center;
    font-size: 5.4vw;
    font-style: normal;
    font-weight: 700;
    line-height: 193%; /* 193.182% */
  
  }
  
}
.reason-kimeuti{
  position: absolute;
  top: 210px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 5;
}
.reason-kimeuti img{
  width: 330px;
  max-width: 330px;
}
.reason-kimeuti2{
  margin-top: 4vw;
  margin-inline: 10vw;
  padding-bottom: 2.431vw;
}
@media screen and (min-width: 701px){
  .reason-kimeuti{
    position: absolute;
    top: 13.125vw;
    left: 50%;
    transform: translateX(-50%);
    z-index: 5;
  }
  .reason-kimeuti img{
    width: 50.694vw;
    max-width: 50.6vw;
  }
  .reason-kimeuti2{
    margin-top: 4vw;
    margin-inline: 26vw;
    padding-bottom: 2.431vw;
  }
  
}