@charset "utf-8";
.wrp-mv{border-bottom: 4px solid #098d66;}
.gra-1{  background: -webkit-linear-gradient(120deg,#098d66 0%, #098d66 84%, #46c8a2 84%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;}
.item-title{font-weight: bold;}

/*sec*/
.sec{padding: 60px 0;}
.psec-head{text-align: center; margin-bottom: 50px;}
.psec-title{font-weight: bold; font-size: 44px; color: #098d66; margin-bottom: 10px;}
.psec-title::after{display: block; margin: 10px auto 0; border-bottom: 2px solid #098d66; width: 80px; content: "";}
.psec-title_2{font-weight: bold; font-size: 24px; margin-bottom: 20px;}
.psec-sub{margin: 0; line-height: 1.8; font-size: 18px;}
.psec-sec:nth-child(even){background-color: #e6f3ef;}
.sec-btn{text-align: center;}
.sec-btn .btn{padding: 25px 5px; margin-left: 20px; font-size: 22px; font-weight: bold; width: 100%; max-width: 420px;}
.sec-btn .btn:first-child{margin-left: 0;}
.sec-btn p{margin-top: 20px;}

/*gist*/
.item-gist{margin-bottom: 40px;}
.item-gist:last-child{margin-bottom: 0;}
.item-gist:nth-child(odd){flex-direction:row-reverse}
.item-gist .item-main{padding-left: 20px; width: 51%;}
.item-gist:nth-child(odd) .item-main{padding: 0 20px 0 0;}
.item-gist .item-img{width: 49%;}
.item-gist .item-num{font-weight: bold; font-size: 80px; line-height: 1; margin-bottom: 10px;}
.item-gist .item-title{font-size: 44px; margin-bottom: 20px; color: #098d66;}
.item-gist .item-text{font-size: 18px;}
.item-gist .item-sample{margin-top: 10px;}

/*faq*/
.item-faq{background-color: #fff; color: #373737; margin-bottom: 20px; font-size: 20px;}
.item-faq:last-child{margin-bottom: 0;}
.item-faq > div{padding: 15px; display: flex;}
.item-faq .item-title{font-size: 40px; margin-right: 20px;}
.item-faq .item-q{border-bottom: 1px dashed #aaa; align-items: center;}
.item-q .item-title{color: #518ce8;}
.item-a .item-title{color: #e85166;}

.wrp-videos > div{margin-bottom: 40px;}
.wrp-youtube {position: relative; width: 100%; height: 0; padding-bottom: 56.25%; overflow: hidden;}
.wrp-youtube iframe {width: 100%; height: 100%; position: absolute; top: 0; left: 0;}


/*------PAD pro------*/
@media only screen and (max-width: 1050px) {
    /*gist*/
    .item-gist .item-num{font-size: 60px;}
    .item-gist .item-title{font-size: 38px;}
    
}

/*------PAD------*/
@media only screen and (max-width: 880px) {
    /*gist*/
    .item-gist .item-num{font-size: 50px;}
    .item-gist .item-title{font-size: 30px;}
    .item-gist .item-title br{display: none;}
}

/*------Sm------*/
@media only screen and (max-width: 767px) {

    /*sec*/
    .sec{padding: 50px 0;}
    .psec-title{font-size: 24px;}
    .psec-title_2{font-size: 14px;}
    .psec-sub{font-size: 16px; text-align: left;}
    .psec-sub br{display: none;}
    .sec-btn .btn{font-size: 20px; margin: 15px 0 0;}


    /*gist*/
    .item-gist{display: block; margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px dashed #098d66;}
    .item-gist:last-child{margin-bottom: 0; padding-bottom: 0; border: none;}
    
    .item-gist .item-main{width: 100%; padding: 0 !important;}
    .item-gist .item-img{width: 100%;}   
    .item-gist .item-num{font-size: 36px;}
    .item-gist .item-title{font-size: 22px; margin-bottom: 10px;}
    .item-gist .item-text{font-size: 14px;}

}