@charset "utf-8";
/* CSS Document */


/*----------------------------------------------------------------------------
 ***                                                                		共通
----------------------------------------------------------------------------*/
#wrap{font-size: 14px;}

/*----------------------------------------------------------------------------
 ***                                                                  header
----------------------------------------------------------------------------*/
#headerArea{top: -42px; border-top: 42px solid #00a1bf;}
#headerAreaInner{max-width: 95%; height: auto;}
#headerArea #headerTitle .ttlTxt{top: -39px; width: 100%; text-align: center;}
#headerArea #headerTitle .ttlSub{top: -23px; width: 100%; text-align: center;}
#headerArea #headerTitle .logo{max-width: 120px;}
#headerArea #headerLink{margin: 0;}
#headerArea #headerLink .trialBtn a{font-size: 100%; padding: 0.3em 0.5em 0.4em 0;}


/*----------------------------------------------------------------------------
 ***                                                            mainViewArea
----------------------------------------------------------------------------*/
#mainViewArea{width: 100%; height: auto; aspect-ratio: 75 / 44; background: url(../images/bg_main_sp.jpg) center / cover no-repeat;}
#mainViewAreaInner .pageTtl{font-size: 12vw;}
#mainViewAreaInner .pageTtl .new{max-width: 148px; width: 13vw; height: auto;}


/*----------------------------------------------------------------------------
***                                                            breadcrumbArea
----------------------------------------------------------------------------*/
#breadcrumbArea ul{padding: 0.5em 0 0 0.5em;}


/*----------------------------------------------------------------------------
 ***                                                            contentsArea
----------------------------------------------------------------------------*/
#contentsArea .sectionInner{max-width: 90%; margin: 0 auto;}

/* 体験レッスン・資料請求 */
#contentsArea .btnBox{margin: 20px auto;}
#contentsArea .btnBox .btn{width: 50%;}
#contentsArea .btnBox .btn a{font-size: 4vw; width: 100%; padding: 0.5em 0.5em 0.5em 0;}
#contentsArea .btnBox .btn a::after{right: 0.5em;}

/* leadSec */
#contentsArea #leadSec .sectionInner{padding: 20px 0;}
#contentsArea #leadSec .mainTxt{font-size: 6vw;}
#contentsArea #leadSec .subTxt{font-size: 4.5vw;}
#contentsArea #leadSec .textList{margin: 20px auto; font-size: 12px; font-feature-settings: "palt"; white-space: nowrap; gap: 1em;}

/* series共通 */
#contentsArea .series{margin: 50px auto;}
#contentsArea .series#series01{margin-top: 40px;}
#contentsArea .series .sectionInner{flex-direction: column; align-items: start; gap: 1em;}
#contentsArea .series .ttl{flex-direction: column; align-items: start; font-size: 7vw; padding-left: 2em;}
#contentsArea .series .ttl::before{width: 1.5em; height: 1.5em;}

/* lastSec */
#contentsArea #lastSec .sectionInner{padding: 30px 0 40px;}
#contentsArea #lastSec .ttl{font-size: 7vw;}
#contentsArea #lastSec .ttl::before{display: none;}
#contentsArea #lastSec .ttl::after {display: none;}
#contentsArea #lastSec .txt{font-size: 3.8vw; margin: 20px auto;}
#contentsArea #lastSec .imgBox{flex-wrap: wrap;}
#contentsArea #lastSec .imgBox > *{width: 50%;}


/*----------------------------------------------------------------------------
 ***                                                                  footer
----------------------------------------------------------------------------*/
#totp{width: 40px; height: 40px; bottom: 0.5em; right: 0.5em;}