@charset "utf-8";
/* CSS Document */
#overview .image{min-height: 600px;}
#overview .image ul > li .cover_c img {height: auto; margin-left: 330px; box-shadow: 0px 4px 10px 2px rgba(0, 0, 0, 0.25);}
#overview .image ul > li > figure > .cover_c{box-shadow:none; position: relative;}
#overview .image ul > li > figure.combination .cover_c{margin-top: 0;}
#overview .image ul > li > figure > div{background:none;}
#overview .summary{}
#overview .cover_c{position: relative;}
#overview .cover_c::before{content: url(/special/lp/202601natsui/images/fv_bg01.png); position: absolute; top: 73%; left: 50%; transform: translate(-50%, -50%);}
#overview .image::after {height: 422px; top: 38%; background-image: url(/special/lp/202601natsui/images/fv_bg02.png); background-repeat: no-repeat; background-position: center;} 
.section{margin-top: 3em;}


/*----------------------------------------------------------------------------
 ***                                                                introSec
----------------------------------------------------------------------------*/
 #overview .summary .txt{line-height: 1.8; font-family: "Noto Sans Japanese";}
 .txt.mainTxt{font-size: 18px;}

 .introTxtBox {display: flex;margin: 0 2em 0 3em; border-bottom: #000 1px solid;}
 .introTxtBox .introTxt{width: 69%; font-size: 17px; line-height: 1.9; letter-spacing: 0.05em; float: left;}
 .introTxtBox .introTxt .introTxtLink{color: #dc4c40;text-decoration: underline;}
 .introTxtBox .introImg{width: 29%; float: right;}

 .tensakuBox{position: relative; display: block;}
 .tensakuBox .tensakuImg{width: 23%; position: absolute; top: 50%; left: 0%; transform: translateY(-50%);}
 .tensakuBox .tensakuTxt{width: 76%; margin-left: 24%; display: block; font-size: 17px;}
 .tensakuAddLine{display: block; padding-top: 1em; position: relative;padding-top: 3em;}
 .tensakuAddLine::before{content: ""; border-top: 1px solid #333; margin: 0 2em;display: block;}

 .sampleBtn{display: block; width: 60%; margin: auto; position: relative;}
 .sampleBtn::after{content:url(/special/lp/202601natsui/images/contents13.png) ; position: absolute; top: 50%; transform: translateY(-50%); left: 107%;}

@media screen and (max-width: 599px) {
    #overview > .share > ul > li{margin-bottom:0.5em;}

    /* ファストビュー調整 */
    #overview .image{min-height: 247px;}
    #overview .image ul > li .cover_c img {margin-left: 0;}
    #overview .cover_c::before{ transform: translate(-57.5%, -50%) scale(40%);}
    #overview .image::after {height: 140px; margin: -50px 0 0; background-size: cover;} 
    
    #overview .image ul > li > figure.combination .cover_c {width: 41vw; margin-left: 41%;}


    #overview .image::after {height: 136px; margin: -45px 0 0;} 
    #overview .image ul > li{padding: 0 3% 0 2%;}
    #overview .image ul > li > figure.combination {max-width: initial; width: 100%; margin-right: 0;}
    #overview .image ul > li .cover_c img {width: auto;}

    #overview > .summary > p.spNomargine {margin: 0;}
    #overview > .summary > p.nomargine {margin: 0;}
    
    #overview > .share > ul > li {margin-bottom: 0.5em;}
    
    /* LP内容 */
    .txt.mainTxt{font-size: 12px;}

    .introTxtBox {margin: 0.5em 0 0;display: block;}
    .introTxtBox .introTxt{width: 100%; float: none; font-size: 12px; }
    .introTxtBox .introImg{float: none; display: block; margin: 0 auto;}

    .tensakuBox{position: relative; display: block;}
    .tensakuBox .tensakuImg{width: 23%; position: absolute; top: -0.5em; left: 0%; transform: translate(0, -100%);}
    .tensakuBox .tensakuTxt{width: 100%; margin-left: 0; display: block; font-size: 12px; margin-top: 0;}
    .tensakuAddLine{display: block; padding-top: 1em; position: relative;padding-top: 3em;}
    .tensakuAddLine::before{content: ""; border-top: 1px solid #333; margin: 0 2em;display: block;}

    .sampleBtn{display: block; width: 60%; margin: auto; position: relative;}
    .sampleBtn::after{content:""; background-image: url(/special/lp/202601natsui/images/contents13.png); width: 18.5px; height: 37px; background-repeat: no-repeat; background-size: contain;}

}


/*----------------------------------------------------------------------------
 ***                                                                   著者紹介
----------------------------------------------------------------------------*/