@charset "utf-8";
/* ------------------------------------------------------------ fv */
#warm-up-lp #fv{ overflow: hidden; position: relative; height: 100vh; min-height: 1000px; background: url(../images/bg_fv.jpg) center/cover no-repeat; }
#warm-up-lp #fv .item-fix{ display: flex; align-items: flex-end; justify-content: space-around; position: absolute; bottom: 0; left: 50%; translate: -50% 0; width: 100%; }
#warm-up-lp #fv .item-fix img:first-of-type{ margin-left: -12%; }
#warm-up-lp #fv .item-fix img:last-of-type{ margin-right: -12%; }
#warm-up-lp #fv .copy{ z-index: 10; position: absolute; right: 2%; bottom: 5%; color: #fff; font-size: 14px; writing-mode: vertical-rl; }

#warm-up-lp #fv .text-content{ position: absolute; left: 50%; top: 50%; translate: -50% -50%; text-align: center; }
#warm-up-lp #fv .text-content h2{ padding: 0 0 40px; }

#warm-up-lp #fv .period{ position: relative; width: 1100px; padding: 60px 20px 40px; background: #fff; border-radius: 20px; filter: drop-shadow(10px 10px 0px rgba(0,0,0,0.2)); box-sizing: border-box; }
#warm-up-lp #fv .period h3{ position: absolute; top: -35px; left: 50%; translate: -50% 0; }
#warm-up-lp #fv .period .flex{ display: flex; align-items: center; justify-content: center; }
#warm-up-lp #fv .period .flex img{ margin: 0 40px; }

#warm-up-lp #fv .btn{ width: 520px; margin-top: 50px; font-size: 20px; box-shadow: 10px 10px 0px 0px rgba(0,0,0,0.2); }


/* ------------------------------------------------------------ point */
#warm-up-lp #point{ overflow: hidden; padding: 130px 0 100px; background: url(../images/point/bg_point.png) center top repeat-x, url(../images/cta/bg_under.png) center top repeat-x; background-color: #fff;}
#warm-up-lp #point .catch{ color: #f8f8f2; }
#warm-up-lp #point .ttl{ padding: 0 0 40px; }

#warm-up-lp .pointlist { padding: 50px 0 0; }
#warm-up-lp .point_box{ padding: 0 0 100px; }
#warm-up-lp .point_box:last-of-type{ padding-bottom: 0; }
#warm-up-lp .point_box .flex { display: flex; align-items: flex-start; justify-content: space-between; }

#warm-up-lp .point_box .items{ width: 630px; margin-left: -8%; padding: 0 0 40px; }
#warm-up-lp .point_box .items,
#warm-up-lp .point_box .items picture{ display: block; position: relative; }
#warm-up-lp .point_box .items:before,
#warm-up-lp .point_box .items picture:before{ position: absolute; content: ""; background-position: center; background-repeat: no-repeat; background-size: cover; }

#warm-up-lp .point_box .items:before{ left: -50%; bottom: 0; transform: skew(-15deg); width: max(40vw,800px); height: 350px; background-image: repeating-linear-gradient(120deg, transparent, transparent 3px, rgba(228, 0, 87, 1) 3px, rgba(228, 0, 87, 1) 5px ); }

#warm-up-lp .point_box .items picture:before{ left: -15%;  background-image: url(../images/img_01.png); }
#warm-up-lp .point_box.point01 .items picture:before{ width: 121px; height: 142px; background-image: url(../images/img_01.png); }
#warm-up-lp .point_box.point02 .items picture:before{ width: 214px; height: 193px; background-image: url(../images/img_02.png); }
#warm-up-lp .point_box.point03 .items picture:before{ width: 180px; height: 211px; background-image: url(../images/img_03.png); }

#warm-up-lp .point_box .text{ width: 460px; }
#warm-up-lp .point_box .point{ display: inline-block; padding: 5px 0; border-top: 1px solid #e40057; border-bottom: 1px solid #e40057; font-size: 50px; color: #e40057; font-family: din-2014, sans-serif; font-weight: 600; font-style: normal; }
#warm-up-lp .point_box .point small{ padding-right: 5px; font-size: 15px; letter-spacing: 0.1em; line-height: 1; }
#warm-up-lp .point_box .poinst-ttl{ padding: 25px 0 35px; font-size: 29px; font-family: 'Noto-Sans-JP-Bold'; line-height: 170%; }
#warm-up-lp .point_box .desctiption{ padding: 0 0 40px; line-height: 200%; }
#warm-up-lp .point_box .btn{ width: 100%; }
#warm-up-lp .point_box .imgs{ text-align: center; }
#warm-up-lp .point_box .imgs .item{ margin: 0 0 10px; }
#warm-up-lp .point_box .balloon{ /* display: block; */ margin: 0 auto; margin-bottom: 10px; }

#warm-up-lp .point_box .youtube{ width: 280px; }
#warm-up-lp .point_box .youtube iframe{ width: 100%; }
#warm-up-lp .iframe-wrapper { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; }
#warm-up-lp .iframe-wrapper iframe{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

#warm-up-lp .point_box .imgs div{ display: flex; align-items: center; justify-content: space-between; }

#warm-up-lp .point_box:nth-of-type(even) .flex{ flex-direction: row-reverse; }
#warm-up-lp .point_box:nth-of-type(even) .items{ margin-left: 0; margin-right: -8%; }
#warm-up-lp .point_box:nth-of-type(even) .items:before{ right: -50%; left: initial; }
#warm-up-lp .point_box:nth-of-type(even) .items picture::before{ left: initial; right: -21%; top: -13%; }


/* ------------------------------------------------------------ feature */
#warm-up-lp #feature{ padding: 70px 0 90px; background: #fff url(../images/feature/bg_feature.png) center bottom/100% no-repeat; }
#warm-up-lp #feature .ttl{ padding: 40px 0; background: url(../images/img_04.png) calc(50% - 550px) center/260px no-repeat, url(../images/img_05.png) calc(50% + 500px) top/240px no-repeat; }
#warm-up-lp #feature .ja-ttl{ margin-bottom: 35px; }
#warm-up-lp #feature .ja-ttl span{ font-size: 40px; }
#warm-up-lp #feature .deco{ font-size: 24px; font-family: 'Noto-Sans-JP-Medium'; }

#warm-up-lp #feature ul{ position: relative; padding: 0 0 90px 0; display: flex; align-items: flex-end; }
#warm-up-lp #feature ul:after{ position: absolute; content: ""; bottom: 0; left: 50%; transform: translate(-50%,0); border-top: 50px solid #e40057; border-right: 100px solid transparent; border-left: 100px solid transparent; }

#warm-up-lp #feature ul li{ width: 346px; height: 482px; box-sizing: border-box; padding: 100px 0 0; text-align: center; font-size: 28px; line-height: 170%; letter-spacing: 0.05em; font-family: 'Noto-Sans-JP-Bold';  }
#warm-up-lp #feature ul li:first-of-type{ background: url(../images/feature/img_01.png) center no-repeat; }
#warm-up-lp #feature ul li:nth-of-type(2){ height: 549px; margin: 0 30px; background: url(../images/feature/img_02.png) center no-repeat; }
#warm-up-lp #feature ul li:last-of-type{ background: url(../images/feature/img_03.png) center no-repeat; }

#warm-up-lp #feature .bg{ padding: 30px 0 0; text-align: center; }
#warm-up-lp #feature .bg p{  margin: 0 auto; padding: 40px 0 30px; font-size: 24px; letter-spacing: 0.1em; font-family: 'Noto-Sans-JP-Bold'; }


/* ------------------------------------------------------------ lesson */
#warm-up-lp #lesson{ padding: 120px 0 100px; position: relative; z-index: 1; }
#warm-up-lp #lesson .ttl{ padding: 0; }
#warm-up-lp #lesson .ttl .flex{ position: relative; display: flex; align-items: flex-end; justify-content: space-between; }
#warm-up-lp #lesson .ttl .item{ width: 180px; height: auto; }
#warm-up-lp #lesson .ttl .catch{ top: -80px; color: #f8f8f2; }
#warm-up-lp #lesson .ttl .ja-ttl{ padding: 0 0 55px; }
#warm-up-lp #lesson .ttl .ja-ttl span{ font-size: 40px; }

#warm-up-lp .lesson-content{ }
#warm-up-lp .lesson-content h4{ padding: 20px 0; position: relative; font-size: 30px; background: #e40057; color: #fff; letter-spacing: 0.1em; text-align: center; font-family: 'Noto-Sans-JP-Bold'; margin-bottom: 40px;}
#warm-up-lp .lesson-content .sub { font-family: 'Noto-Sans-JP-Medium'; font-size: 20px; font-weight: 700; line-height: 170%; text-align: center; padding: 0 0 45px;}

#warm-up-lp .lesson-content .setting { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 60px;}
#warm-up-lp .lesson-content .setting li { display: flex; align-items: center; width: 480px; background: #fff; box-shadow: 10px 10px 0px 0px rgba(71,39,21,0.1); }
#warm-up-lp .lesson-content .setting li .ttl { width: 25%; font-size: 24px; color: #e40057; line-height: 130%; letter-spacing: 0.1em; height: 130px; display: flex; align-items: center; justify-content: center; font-family: 'Noto-Sans-JP-Medium'; background: #f9dde8; }
#warm-up-lp .lesson-content .setting li .text { font-size: 24px; letter-spacing: 0.1em; padding: 18px 0 18px 28px; font-family: 'Noto-Sans-JP-Bold'; }
#warm-up-lp .lesson-content .setting li .text small { display: block; font-size: 16px; font-weight: 400; padding-top: 12px; letter-spacing: 0; text-indent: -0.5em; font-family: 'Noto-Sans-JP-Regular'; }


#warm-up-lp .lesson-content .level .left,
#warm-up-lp .lesson-content .level .right{ width: 470px;background: #fff; box-shadow: 15px 15px 0px 0px rgba(71,39,21,0.1); }
#warm-up-lp .lesson-content .level h5{ padding: 32px 0 30px; font-size: 20px; text-align: center; font-family: 'Noto-Sans-JP-Bold'; color: #000; background: #f9dde8; }
#warm-up-lp .lesson-content .level h5 span{ font-family: din-2014, sans-serif; font-weight: 600; font-style: normal; font-size: 30px; color: #e40057; }

#warm-up-lp .lesson-content .level .day{ width: 50px; height: auto; margin-right: 20px; }

#warm-up-lp .lesson-content .level div ul{ padding: 0 5px; }
#warm-up-lp .lesson-content .level div ul li{ display: flex; align-items: center; padding: 40px 20px; border-bottom: 3px dotted #c4c3c3; }
#warm-up-lp .lesson-content .level div ul li:last-of-type{ border: none; }
#warm-up-lp .lesson-content .level ul li:nth-of-type(2){ margin: 0; }

#warm-up-lp .lesson-content .level .contents { position: relative; padding-left: 35px;}
#warm-up-lp .lesson-content .level .contents:before{ position: absolute; left: 0; bottom: -40px; content: ""; width: 3px; height: 182%; border-left: 3px dotted #c4c3c3; }
#warm-up-lp .lesson-content .level .contents img{ margin: 15px 0 0; }

#warm-up-lp .lesson-content .level .contents h6{ padding: 10px 0 10px 50px; background: url(../images/icn/icn_01.svg) left center/30px no-repeat; font-size: 24px; font-family: 'Noto-Sans-JP-Bold'; }
#warm-up-lp .lesson-content .level .contents h6.talk{ background: url(../images/icn/icn_02.svg) left center/35px no-repeat; }
#warm-up-lp .lesson-content .level .contents h6 small{ font-family: 'Noto-Sans-JP-Medium'; font-size: 16px; }

#warm-up-lp .lesson-content .level .left{ float: left; margin: 0 50px 0 0; }
#warm-up-lp .lesson-content .level .right{ float: right; }


/* ------------------------------------------------------------ find */
#warm-up-lp #find{ padding: 100px 0 90px; position: relative; background: #fff url(../images/cta/bg_under.png) center top repeat-x; }

#warm-up-lp #find .ttl{ position: absolute; top: 110px; padding-left: 4%; text-align: left; }
#warm-up-lp #find .ja-ttl span{ font-size: 40px; }
#warm-up-lp #find h3{ width: 455px; padding: 20px 0 30px 0; }

#warm-up-lp #find p{ width: 470px; box-sizing: border-box; font-size: 20px; line-height: 170%; letter-spacing: 0.1em; font-family: 'Noto-Sans-JP-Bold'; }
#warm-up-lp #find p span{ padding: 0 0 10px 0; color: #e40057; font-weight: 800; }

#warm-up-lp #find .focus{ display: none; position: absolute; }
#warm-up-lp #find .map_icn_01{ bottom: 539px; left: 47.5%; }
#warm-up-lp #find .map_icn_02{ bottom: 470px; left: 41.5%; }
#warm-up-lp #find .map_icn_03{ bottom: 414px; left: 33.5%; }
#warm-up-lp #find .map_icn_04{ bottom: 362px; left: 26.5%; }
#warm-up-lp #find .map_icn_05{ bottom: 250px; left: 19.5%; }


/* ------------------------------------------------------------ qa */
#warm-up-lp #qa{ padding: 130px 0 130px; background: url(../images/bg_lesson01.png) center top repeat-x; }
#warm-up-lp #qa h2.nomal{ padding: 15px 0 10px; background: url(../images/bg_qa.png) center top no-repeat; text-align: center; }
#warm-up-lp #qa h2 span{ padding: 25px 0; font-weight: 600; }

#warm-up-lp #qa .qa-list{ padding: 80px 50px 70px; background: #fff url(../images/bg_lesson02.png) center; }
#warm-up-lp #qa .qa-list dl{ position: relative; padding: 50px 0; border-top: 1px solid #e40057; display: block; }
#warm-up-lp #qa .qa-list dl:last-of-type{ border-bottom: 1px solid #e40057; }

.contactus #warm-up-lp dl:not(:last-child) {
        margin: 0 0;
    }

/* プラスアイコン */
#warm-up-lp #qa .qa-list dl:before,
#warm-up-lp #qa .qa-list dl:after{ position: absolute; content: ""; display: block; transition: all 0.4s; right: 0; top: 50%; width: 30px; height: 2px; background: #e40057; transform: translate(-50%, -50%); }
#warm-up-lp #qa .qa-list dl:before{ transform: translate(-50%, -50%) rotate(90deg); }

#warm-up-lp #qa .qa-list dl dt{ position: relative; padding: 0 70px 0 120px; font-size: 20px; line-height: 180%; letter-spacing: 0.1em; font-weight: 800; }

#warm-up-lp #qa .qa-list dl dd{ position: relative; margin: 50px 0 0; padding: 20px 70px 20px 120px; }
#warm-up-lp #qa .qa-list dl dd p{ line-height: 200%; letter-spacing: 0.05em; }
#warm-up-lp #qa .qa-list dl dd p a{ display: inline; border-bottom: 1px solid; }

/* qaアイコン */
#warm-up-lp .qa-list dl dt::before,
#warm-up-lp .qa-list dl dd::before{ position: absolute; width: 70px; height: 70px; padding: 15px 0 0; box-sizing: border-box; font-size: 40px; line-height: 1; position: absolute; top: 50%; transform: translate(0,-50%); left: 0; font-weight: 800; text-align: center; font-family: din-2014, sans-serif; }
#warm-up-lp .qa-list dl dt::before{ display: block; content: 'Q'; color: #fff; background: #e40057; }
#warm-up-lp .qa-list dl dd::before{ display: block; content: 'A'; color: #e40057; background: #fff; border: 1px solid #e40057; }


/* active */
#warm-up-lp #qa .qa-list dl.active:before{ transform: translate(-50%, -50%) rotate(0deg); }


/* ------------------------------------------------------------ 
	animation
------------------------------------------------------------ */
#warm-up-lp .fade{ opacity: 0; visibility: hidden; transition: 0.8s ease; }
#warm-up-lp .fade.on{ opacity: 1; visibility: visible; transition: 0.8s ease; }

#warm-up-lp .load-fade{ opacity: 0; visibility: hidden; transition: 1s ease; }
#warm-up-lp .load-fade.done{ opacity: 1; visibility: visible; transition: 1s ease; }


#form{
    padding-top: 120px; /* 調整したい高さ（固定ヘッダーの高さ） */
    margin-top: -120px; /* heightと同じ分のネガティブマージン */
}


/* ------------------------------------------------------------
	mobile 
------------------------------------------------------------ */
@media only screen and (max-width: 640px) {
/* ------------------------------------------------------------ fv */
#warm-up-lp #fv{ overflow: hidden; height: 83vh; min-height: 590px; max-height: 700px; }
#warm-up-lp #fv .copy{ right: 0; font-size: 10px; }
#warm-up-lp #fv .btn{ margin-top: 20px; font-size: 15px; }

#warm-up-lp #fv .text-content{ width: 100%; height: 100%; }
#warm-up-lp #fv .text-content h2{ margin: 0 auto; padding: 22% 0 15%; width: 65%; }
#warm-up-lp #fv .text-content h2 img{ width: 100%; height: auto; }

#warm-up-lp #fv .item-fix{ bottom: initial; top: 20%;}
#warm-up-lp #fv .item-fix img{ width: 60%; height: auto; }
#warm-up-lp #fv .item-fix img:first-of-type{ margin-left: -28%; }
#warm-up-lp #fv .item-fix img:last-of-type{ margin-right: -28%; }

#warm-up-lp #fv .period{ width: 85%; margin: 0 auto; padding: 30px 5%; border-radius: 10px; }
#warm-up-lp #fv .period h3{ width: 100%; top: -14px; }
#warm-up-lp #fv .period h3 img{ width: 100%; height: auto; }

#warm-up-lp #fv .period .flex{ display: block; }
#warm-up-lp #fv .period .flex img{ width: 90%; height: auto; margin: 0 auto; }
#warm-up-lp #fv .period .flex img:first-of-type{ width: 67%; margin-bottom: 20px; }

#warm-up-lp #fv .btn{ width: 90%; }


/* ------------------------------------------------------------ point */
#warm-up-lp #point{ padding: 50px 0; }

#warm-up-lp .pointlist{ padding: 15px 0 0; }
#warm-up-lp .point_box{ padding: 0 0 60px; }
#warm-up-lp .point_box .flex{ display: block; }

#warm-up-lp .point_box .items{ width: 100%; margin-left: 0; padding: 0 0 25px; }
#warm-up-lp .point_box .items:before{ left: -21%; width: 100%; height: 150px; background-image: repeating-linear-gradient(120deg, transparent, transparent 3px, rgb(228, 0, 87) 3px, rgb(228, 0, 87) 4px ); }
#warm-up-lp .point_box:nth-of-type(even) .items:before { right: -19%; }

#warm-up-lp .point_box .items picture:before{ left: -2%; }
#warm-up-lp .point_box .items picture img{ position: relative; width: 100%; height: auto; }
#warm-up-lp .point_box.point01 .items picture:before{ width: 43px; height: 52px; }
#warm-up-lp .point_box.point02 .items picture::before{ right: -10%; top: 4%; width: 72px; height: 63px; }
#warm-up-lp .point_box.point03 .items picture::before{ width: 60px; height: 70px; }

#warm-up-lp .point_box .text{ width: 100%; margin: 25px 0 0; }
#warm-up-lp .point_box .point{ padding: 5px 0; font-size: 25px; }
#warm-up-lp .point_box .point small{ font-size: 13px; }

#warm-up-lp .point_box .poinst-ttl{ padding: 15px 0 11px; font-size: 20px; }
#warm-up-lp .point_box .desctiption{ padding: 0 0 25px; font-size: 13px; }

#warm-up-lp .point_box .youtube{ width: 100%; }
#warm-up-lp .point_box .balloon{ width: 100%; height: auto; }
#warm-up-lp .point_box .item{ width: 100%; height: auto; margin: 0 auto 10px; }
#warm-up-lp .point_box .imgs .item{ width: 60%; height: auto; margin: 0 auto; 10px }
#warm-up-lp .point_box .imgs div img{ width: calc(100% / 2 - 3%); height: auto; }


/* ------------------------------------------------------------ feature */
#warm-up-lp #feature{ padding: 50px 0; }
#warm-up-lp #feature .ttl{ padding: 10px 0 40px; background: url(../images/img_04-sp.png) left top/35px no-repeat, url(../images/img_05-sp.png) right top/35px no-repeat; }
#warm-up-lp #feature .ja-ttl{ margin-bottom: 17px; }
#warm-up-lp #feature .ja-ttl span{ font-size: 23px; }
#warm-up-lp #feature .deco{ font-size: 17px; line-height: 200%; }

#warm-up-lp #feature ul{ padding: 0 0 60px 0; flex-wrap: wrap; }
#warm-up-lp #feature ul:after{ border-top: 25px solid #e40057; border-right: 50px solid transparent; border-left: 50px solid transparent; }

#warm-up-lp #feature ul li{ width: 80%; margin: 0 auto; height: 101vw; min-height: 350px; padding: 25% 0 0; font-size: 19px; }
#warm-up-lp #feature ul li:first-of-type{ background: url(../images/feature/img_01.png) center/cover no-repeat; }
#warm-up-lp #feature ul li:nth-of-type(2){ width: 80%; margin: 7% auto; height: 115vw; min-height: 395px; padding: 25% 0 0; font-size: 19px; background: url(../images/feature/img_02.png) center/cover no-repeat; }
#warm-up-lp #feature ul li:last-of-type{ height: 103vw; background: url(../images/feature/img_03.png) center/cover no-repeat; }

#warm-up-lp #feature .bg{ width: 100vw; margin: 30px calc(50% - 50vw) 0; padding: 0; }
#warm-up-lp #feature .bg h3{ width: 90%; margin: 0 auto; }
#warm-up-lp #feature .bg h3 img{ width: 100%; height: auto; }
#warm-up-lp #feature .bg p{ width: 100%; margin-bottom: 25px; padding: 20px 0 0; font-size: 17px; background: url(../images/sla_l.png) calc(100% - 67%) 55px/15px no-repeat, url(../images/sla_r.png) calc(100% - 35%) 55px/15px no-repeat; line-height: 160%; }
#warm-up-lp #feature .bg .btn{ width: 90%; margin: 0 auto; }


/* ------------------------------------------------------------ lesson */
#warm-up-lp #lesson{ padding: 50px 0 20px; overflow-x: hidden;}
#warm-up-lp #lesson .ttl{ position: relative; }
#warm-up-lp #lesson .ttl .ja-ttl{ margin: 0 auto; padding: 0; }
#warm-up-lp #lesson .ttl .ja-ttl span{ font-size: 20px; }
#warm-up-lp #lesson .ttl .ja-ttl small{ padding: 0 0 30px; }
#warm-up-lp #lesson .ttl .catch{ top: -11px; width: 100vw; margin: 0 calc(50% - 50vw); white-space: nowrap; }
#warm-up-lp #lesson .ttl .flex{ padding: 40px 0 0; position: relative; }

#warm-up-lp #lesson .ttl .item{ position: absolute; width: 20%; }
#warm-up-lp #lesson .ttl .item:first-of-type{ top: 0; left: -3%; }
#warm-up-lp #lesson .ttl .item:last-of-type{ top: -8px; right: -3%; }

#warm-up-lp .lesson-content .level .left,
#warm-up-lp .lesson-content .level .right{ width: 100%; height: auto; }

#warm-up-lp .lesson-content{ padding: 35px 0; border-radius: 10px; }
#warm-up-lp .lesson-content:before { position: absolute; content: ""; right: -16px; top: -140px; width: 194px; height: 185px; background: url(../images/img_17_sp.png) no-repeat center top / 100%; z-index: -1;}

#warm-up-lp .lesson-content h4{ padding: 11px 0; font-size: 18px; margin-bottom: 25px;}
#warm-up-lp .lesson-content .sub { font-size: 15px; text-align: center; padding: 0 0 20px;}

#warm-up-lp .lesson-content .setting { display: block; margin-bottom: 30px;}
#warm-up-lp .lesson-content .setting li { width: 100%; }
#warm-up-lp .lesson-content .setting li:last-child { margin-top: 25px;}
#warm-up-lp .lesson-content .setting li .ttl { width: 30%; font-size: 17px; height: 95px; }
#warm-up-lp .lesson-content .setting li .text { width: 70%; padding: 0 15px; font-size: 17px; }
#warm-up-lp .lesson-content .setting li .text small { display: block; font-size: 10px; padding-top: 10px; }

#warm-up-lp .lesson-content .level div { padding-left: 0;}
#warm-up-lp .lesson-content .level div ul li{ padding: 20px 0; border-width: 2px; }

#warm-up-lp .lesson-content .level picture{ width: 20%; }
#warm-up-lp .lesson-content .level .day{ display: block; width: auto; height: 35px; margin: 0 auto; }

#warm-up-lp .lesson-content .level .contents::before{ bottom: -20px; width: 2px; height: 153%; border-left: 2px dotted #c4c3c3; }
#warm-up-lp .lesson-content .level .contents{ padding-left: 20px; }

#warm-up-lp .lesson-content .level .left{ float: none; margin: 0 0 30px; }
#warm-up-lp .lesson-content .level .left,
#warm-up-lp .lesson-content .level .right{ box-shadow: 8px 8px 0px 0px rgba(71,39,21,0.1); }

#warm-up-lp .lesson-content .level div h5{ padding: 16px 0 15px; font-size: 12px; }
#warm-up-lp .lesson-content .level h5 span{ font-size: 17px; }

#warm-up-lp .lesson-content .level .contents img{margin: 10px 0 0; width: auto; height: 16px; }
#warm-up-lp .lesson-content .level .contents h6{ padding: 7px 0 5px 30px; background-size: 20px; font-size: 15px; }
#warm-up-lp .lesson-content .level .contents h6.talk{ background-size: 20px; }
#warm-up-lp .lesson-content .level .contents p{ font-size: 12px; line-height: 170%; }

#warm-up-lp .lesson-content .level .contents li div img{ padding: 10px 0 0; width: auto; height: 19px; }


/* ------------------------------------------------------------ find */
#warm-up-lp #find { padding: 40px 0 50px 0; }
#warm-up-lp #find .ttl{ position: initial; }
#warm-up-lp #find .ttl img{ width: 150px; }

#warm-up-lp #find h3{ width: 100%; padding: 13px 0 20px 0; }
#warm-up-lp #find .ja-ttl span{ font-size: 23px; }
#warm-up-lp #find p{ width: 100%; font-size: 17px; }

#warm-up-lp #find .find{ position: initial; padding: 0 0 20px; }
#warm-up-lp #find img{ width: 100%; height: auto; padding: 0 0 0 2%; }


/* ------------------------------------------------------------ qa */
#warm-up-lp #qa{ padding: 60px 0; }
#warm-up-lp #qa h2.nomal{ padding: 0; background: url(../images/bg_qa.png) center/100% no-repeat; width: 70%; margin: 0 auto; }

#warm-up-lp #qa .qa-list{ margin: 20px 0 0; padding: 35px 5%; }
#warm-up-lp #qa .qa-list dl{ padding: 25px 0; }

#warm-up-lp #qa .qa-list dl dt{ padding: 0 32px 0 60px; font-size: 12px; }
#warm-up-lp #qa .qa-list dl dd{ margin: 25px 0 0; padding: 0 32px 0 60px; font-size: 12px; }

/* プラスアイコン */
#warm-up-lp #qa .qa-list dl:before,
#warm-up-lp #qa .qa-list dl:after{ width: 15px; }



/* qaアイコン */
#warm-up-lp .qa-list dl dt::before,
#warm-up-lp .qa-list dl dd::before{ width: 40px; height: 40px; padding: 10px 0 0; font-size: 20px; }


#form{
    padding-top: 65px; /* 調整したい高さ（固定ヘッダーの高さ） */
    margin-top: -65px; /* heightと同じ分のネガティブマージン */
}


}