/* CSS Document */ @charset "utf-8"; /*---------------------------------------------------------------------------- *** Container ----------------------------------------------------------------------------*/ body {} #wrap {} /*---------------------------------------------------------------------------- *** Header ----------------------------------------------------------------------------*/ #headerArea { } #headerAreaInner {} #headerAreaInner .leftBox .logo img{width: auto;} #headerAreaInner .leftBox .logo .logoTxt{font-size: 36px; vertical-align: middle;} #headerAreaInner .rightBox .moushikomiBtn{color: #fff;} .atteniton{color:#f43f3f;} /*---------------------------------------------------------------------------- *** contentsArea ----------------------------------------------------------------------------*/ #mainViewArea {background-image: url(../images/lp/bgi_contents03_pc.jpg);background-repeat: no-repeat;background-size: auto 473px;background-position: center;height: 473px;width: 100%;} #mainViewArea.mainViewSizeM #mainViewAreaInner {padding: 8% 0;} #mainViewArea.mainViewSizeS #mainViewAreaInner {padding: 4% 0;} #mainViewAreaInner .mainTtl {margin: 0 0 0 auto;} /*2023年2月28日ここから*/ #mainViewAreaInner {margin: 0 auto;height: 100%;max-width: 900px;position: relative;} #mainViewAreaInner .cpn_badge{position: absolute;left: 0;bottom: 10%;} /*2023年2月28日ここまで*/ @media screen and (max-width: 1024px){ #mainViewArea {background-size: cover;background-position: center; height: auto; width: 100%; padding: 5% 0; box-sizing:border-box;} #mainViewAreaInner .mainTtl {margin: 3% 0 4% 40%;} } /*---------------------------------------------------------------------------- *** mainsection ----------------------------------------------------------------------------*/ #mainSection {font-size: 16px;} #mainSectionInner {} /*2023年2月28日ここから*/ /*---------------------------------------------------------------------------- *** campaignSec ----------------------------------------------------------------------------*/ #campaignSec #breadcrumbArea{padding-top: 0.5em;margin: 0;} #campaignSec{background: #f1f8e4;} #campaignSec .sctionInner{padding-bottom: 3em;} #campaignSec .fasttxt{color: #242b5e;font-size: 30px;font-weight: bold;text-align: center;padding: 1.5em 0 0;} #campaignSec .sectionTtl{font-size: 39px;color: #242b5e;font-weight: bold;text-align: center;line-height: 1.2;position: relative;background:linear-gradient(90deg, rgb(95, 194, 215), rgb(194, 220, 146));border-radius: 50vw;padding: 20px 0 15px;text-shadow: 0px 0px 3px #fff, 0px 0px 5px #fff, 0px 0px 8px #fff;margin-bottom: 0.7em;} #campaignSec .sectionTtl span{position: absolute;top: 10%;bottom: 0;margin: auto 0; right: 5%;} #campaignSec .campainBox .yellow_txt{background: #f6ec6d;text-align: center;color:#242b5e;font-weight: bold;font-size: 23px;line-height: 1;padding: 0.5em 0 0.3em;} #campaignSec .campainBox .blue_box{border: 3px solid #242b5e;padding: 15px 15px 5px;box-shadow:3px 3px 5px #848484; background: #fff;} #campaignSec .campainBox ul{margin: 1em auto 1.5em;align-items: stretch;} #campaignSec .campainBox li{width: 45%;} #campaignSec .campainBox li .bft_ttl{border-bottom: 1px solid #242b5e;} #campaignSec .campainBox li .bft_ttl .bft_img{width: 20%;} #campaignSec .campainBox li .bft_ttl .bft_txt{width: 78%;;font-size:28px;font-weight: bold;text-align: center;line-height: 1.2;color: #242b5e;} #campaignSec .campainBox li .bft_ttl .bft_txt span{font-size: 22px;} #campaignSec .campainBox li .bft{text-align: center;font-size:22px;font-weight: bold;} #campaignSec .campainBox li .bft span.L_txt{font-size:30px; } #campaignSec .campainBox li .bft span.tax{font-size:15px; } #campaignSec .campainBox li .bft span.redtxt{color: #c9161d;} #campaignSec .campainBox li .bft_box_waribiki{margin-top: 13px;} #campaignSec .campainBox li .bft_box_app{margin-top: 26px;} #campaignSec .campainBox .plus{text-align: center;font-size:25px; color:#242b5e; } #campaignSec .campainBox .blue_box .challenge_txt{text-align: center;color: #fff;font-weight: bold;font-size: 21px;} #campaignSec .campainBox .blue_box .challenge_txt span{background: #242b5e;padding: 0.3em 0.5em 0.2em;margin: 0 0.2em;} #campaignSec .campainBox .blue_box .clear{text-align: center;margin: 10px 0 5px;color:#242b5e;font-weight: bold;font-size: 18px;} #campaignSec .campainBox .blue_box .clear span{background: rgba(0, 0, 0, 0) linear-gradient(transparent 60%, #f6ec6d 0%) repeat scroll 0 0; } #campaignSec .campainBox .blue_box .pointget{color: #c9161d;font-size:22px;text-align: center; font-weight: bold;} #campaignSec .campainBox .blue_box .pointget span{font-size: 30px;} #campaignSec .campainBox .blue_box .attention{text-align: center;font-size: 15px;color:#242b5e; } #campaignSec .campainBox .last_txt{margin: 1.5em auto 0em;text-align: center;font-size: 20px;font-weight: bold;} #campaignSec .campainBox .moushikomiBtn{max-width: 350px;width: 95%;font-size: 25px;color: #fff;font-weight: bold;display: block;padding: 1% 1em 1% 1em;text-align: center;border-radius: 5px;background-color: #f43f3f;box-sizing: border-box;margin: 0 auto;} #campaignSec .campainBox .moushikomiBtn a:link,#campaignSec .campainBox .moushikomiBtn a:visited{color: #fff;} /*2023年2月28日ここまで*/ /*---------------------------------------------------------------------------- *** tokuchoSec ----------------------------------------------------------------------------*/ #tokuchoSec { } #tokuchoSec .sectionTtl {text-align: center;padding: 3em 0 0 0;width: 100%;margin: 0 auto;} #tokuchoSec .ulTItle{margin: 1em 3.5em 0 3.5em; background: #5a6197; color: #fff; font-weight: bold; text-align: center;} #tokuchoSec .tokuchoUl {} #tokuchoSec .tokuchoUl > li {margin: 50px 0;border-top: 1px solid #54adcc;padding-top: 45px;} #tokuchoSec .tokuchoUl > li:first-child {margin-top: 10px;} #tokuchoSec .tokuchoUl > li:last-child{border-bottom: 1px solid #54adcc;} #tokuchoSec .tokuchoUl .tokuchoTtl {position: relative;line-height: 40px;font-size: 160%;color: #242b5e;padding: 0 0 0 2em;margin-bottom: 1em;} #tokuchoSec .tokuchoUl .tokuchoTtl .number{display: block;width: 1.6em;height: 1.6em;text-align: center;vertical-align: middle;background-color: #54adcc;color: #fff;position: absolute;left: 0;top: 0;} #tokuchoSec .tokuchoUl .txt {padding: 0 3.3em;font-size: 16px;} #tokuchoSec .tokuchoUl .txt2{padding: 0 1em 0 3.3em;font-size: 16px;width: 100%;} #tokuchoSec .tokuchoUl .tokuchoTtl {position:relative;display: block;min-height: 1.4em;} #tokuchoSec .tokuchoUl .teacherBox {position: relative;} @media (max-width: 765px) { #tokuchoSec .tokuchoUl .teacherBox .teacher2 .teacher2Img{width: 100%;} #tokuchoSec .tokuchoUl .teacherBox .teacher2 .teacher2Img img {max-width: 200px;margin: 0 auto 1em auto;display: block;} #tokuchoSec .tokuchoUl .teacherBox .teacher2Txt{width: 100%} #tokuchoSec .tokuchoUl .teacherBox .teacher2{width: 100%; margin: 1em 3em 0 3em;} #tokuchoSec .tokuchoUl .teacherBox .teacher2 span{display: block; margin-bottom: 0; text-align: center; width: 100%;} } #tokuchoSec .tokuchoUl > li.setTokuten {position: relative;} #tokuchoSec .tokuchoUl > li.setTokuten .setTokutenIcon {position: absolute;width: 97px;right: 0;top: 1em;} #tokuchoSec .tokuchoUl > li.setTokuten .txt {width: 85%;} #tokuchoSec .courseUl {margin: 1em 3.5em 0 3.5em;} #tokuchoSec .courseUl > li{width: 46%;box-sizing: border-box;padding:1.2em;} #tokuchoSec .courseUl dt {font-size: 135%; margin-bottom: 0.4em; text-align: center} #tokuchoSec .courseUl .course600Btn{border: 2px solid #4e77a8; position: relative;} #tokuchoSec .courseUl .course600Btn:before {content: "";width: 0;height: 0;border-right: 50px solid transparent;border-top: 50px solid #a8bedd;position:absolute;left: 0;top: 0;z-index: -1;} #tokuchoSec .courseUl .course600Btn dt{color: #4e77a8;} #tokuchoSec .courseUl .course700Btn{border: 2px solid #e8a200; position: relative;} #tokuchoSec .courseUl .course700Btn dt{color: #e8a200;} #tokuchoSec .courseUl .course700Btn:before {content: "";width: 0;height: 0;border-right: 50px solid transparent;border-top: 50px solid #f8e0af;position:absolute;left: 0;top: 0;z-index: -1;} #tokuchoSec .courseUl .course800Btn{border: 2px solid #c1475e; position: relative;} #tokuchoSec .courseUl .course800Btn dt{color: #c1475e;} #tokuchoSec .courseUl .course800Btn:before {content: "";width: 0;height: 0;border-right: 50px solid transparent;border-top: 50px solid #ecc7d1;position:absolute;left: 0;top: 0;z-index: -1;} #tokuchoSec .courseUl .course600Btn .lesson {background-color: #4e77a8; text-align: center; color: #fff; font-size: 90%; margin-top: 1em;} #tokuchoSec .courseUl .course700Btn .lesson {background-color: #e8a200; text-align: center; color: #fff; font-size: 90%; margin-top: 1em;} #tokuchoSec .courseUl .course800Btn .lesson {background-color: #c1475e; text-align: center; color: #fff; font-size: 90%; margin-top: 1em;} #tokuchoSec .lessonUl {margin: 2em 3.5em;} #tokuchoSec .lessonUl li {width: 48%;} #tokuchoSec .lessonUl li img {width: 100%; height: auto;} #tokuchoSec .tokuchoColumn{margin:1em 3.5em 0 3.5em; padding:1em 2em 1.5em 2em; background-color: #f2f7f9;} #tokuchoSec .tokuchoColumn .columnTitle{color: #54adcc; font-size: 120%; font-weight: bold;} #tokuchoSec .counsellor_box{position:relative;border:5px #54adcc solid;margin:20px 0 70px;padding:23px 30px 30px;} #tokuchoSec .counsellor_box .left_box01{display:inline;float:left;width:580px;} #tokuchoSec .counsellor_box .number_box01{border-bottom:5px #ededed solid;margin:0 0 24px;padding:0 0 30px;} #tokuchoSec .counsellor_box h3{font-size:22px;font-weight:700;color:#54adcc;margin:0 0 13px;} #tokuchoSec .counsellor_box p{line-height:1.6;} #tokuchoSec .number_boxInner{display:flex;justify-content:space-between;flex-wrap:wrap;} #tokuchoSec .nagareFukidashi01,.nagareFukidashi02{position:relative;} #tokuchoSec .nagareFukidashi01 .fukidashi{left:-155px;bottom:0;background:#5a6197;color:#fff;font-weight:700;position:absolute;font-size:12px;width:140px;border-radius:10px;padding:5px;} #tokuchoSec .nagareFukidashi01 .fukidashi:after{content:"";display:inline-block;width:0;height:0;position:absolute;right:-10px;bottom:15px;border-color:transparent transparent transparent #5a6197;border-style:solid;border-width:20px 0 0 20px;} #tokuchoSec .nagareFukidashi02 .fukidashi{width:80px;position:absolute;left:-20px;top:80%;transform:translateY(-50%);} @media screen and (min-width: 641px){ #tokuchoSec #link_01,#link_02,#link_03,#link_04,#link_05,#link_06,#link_07,#link_08,#link_09,#link_10{margin-top:-110px;padding-top:110px;} } @media screen and (max-width: 640px){ #main{font-size:16px;line-height:1.8;margin:0 3%;} #tokuchoSec .number_box01,.number_box02{position:relative;} #tokuchoSec .number_box01 .right_box,.number_box02 .right_box{margin-top:30px;} #tokuchoSec .number_boxInner{flex-wrap:wrap;justify-content:center; position: relative;} #tokuchoSec .number_boxInner .right_box{margin:20px auto 0;} #tokuchoSec .number_boxInner .right_box.nagareFukidashi01,.number_boxInner .right_box.nagareFukidashi02{margin:20px 0 0 auto;position: initial;} #tokuchoSec .nagareFukidashi01 .fukidashi{width:110px;left:-20px;} } /*---------------------------------------------------------------------------- *** kinenSec ----------------------------------------------------------------------------*/ #kinenSec .kinenSecBox{border:solid #242b5e; padding: 1.5em; margin-bottom: 3em;} #kinenSec .kinenSecBox .kinenTtlTtx{background: #5a6197;width: 12em;margin: 0px auto 0.5em;color: #fff;} #kinenSec .kinenSecBox .sectionTtl{border-bottom: solid #242b5e;width: 23em;margin: 0 auto 1em;color: #242b5e;font-size: 130%;} #kinenSec .kinenSecBox .plan{background:#dee0f3;margin: 1em 3em; padding: 1.5em 2em 1em;} #kinenSec .kinenSecBox .plan .planDetail{border-bottom: solid #242b5e 2px;} #kinenSec .kinenSecBox .plan .planDetail .newplan{font-size: 130%; color: #ff3939; font-weight: bold; line-height: 1.5;} /*---------------------------------------------------------------------------- *** courseSec ----------------------------------------------------------------------------*/ #tokuchoSec #courseSec .sectionTtl, #tokuchoSec #osusumeSec .sectionTtl, #tokuchoSec #ryoukinSec .sectionTtl, #tokuchoSec #nagareSec .sectionTtl {text-align: center;} #tokuchoSec #courseSec .sectionTtl span, #tokuchoSec #osusumeSec .sectionTtl span, #tokuchoSec #ryoukinSec .sectionTtl span, #tokuchoSec #nagareSec .sectionTtl span{display: inline-block;font-size: 200%;position: relative;color: #242b5e;padding: 1.5em 0 1em 0;} #tokuchoSec #courseSec .sectionTtl span:before, #tokuchoSec #osusumeSec .sectionTtl span:before, #tokuchoSec #ryoukinSec .sectionTtl span:before, #tokuchoSec #nagareSec .sectionTtl span:before{content: ""; width: 12px; height: 12px; border-radius: 6px; background-color: #54adcc; font-size: 60%; display: inline-block; vertical-align: middle;margin: 0 0.5em;} #tokuchoSec #courseSec .sectionTtl span:after, #tokuchoSec #osusumeSec .sectionTtl span:after, #tokuchoSec #ryoukinSec .sectionTtl span:after, #tokuchoSec #nagareSec .sectionTtl span:after{content: ""; width: 12px; height: 12px; border-radius: 6px; background-color: #54adcc; font-size: 60%; display: inline-block; vertical-align: middle;margin: 0 0.5em;} /*---------------------------------------------------------------------------- *** courseSec ----------------------------------------------------------------------------*/ #courseSec {background-color: #f6f6f6;padding: 4.5em 0;} #mainSection #courseSecInner.sctionInner {max-width: 800px;background-color: #fff;padding: 0 3em 2em 3em;box-sizing: border-box;width: 90%;} #courseSec .sectionTtl, #osusumeSec .sectionTtl {text-align: center;} #courseSec .sectionTtl span, #osusumeSec .sectionTtl span{display: inline-block;font-size: 200%;position: relative;color: #242b5e;padding: 1.5em 0 1em 0;} #courseSec .requestSec .sectionTtl span{line-height: 1;} /*2021年6月8日ここから*/ #courseSec .sectionTtl span:before, #osusumeSec .sectionTtl span:before {content: ""; width: 12px; height: 12px; border-radius: 6px; background-color: #54adcc; font-size: 60%; display: inline-block; vertical-align: middle;margin: 0 0.5em;} #courseSec .sectionTtl span:after, #osusumeSec .sectionTtl span:after {content: ""; width: 12px; height: 12px; border-radius: 6px; background-color: #54adcc; font-size: 60%; display: inline-block; vertical-align: middle;margin: 0 0.5em;} #courseSec .requestSec .sectionTtl span:before{content: ""; width: 12px; height: 12px; border-radius: 6px; background-color: #54adcc; position: absolute; left: -1em; transform: translate(-50%, 50%); top: 50%; margin: 0;} #courseSec .requestSec .sectionTtl span:after{content: ""; width: 12px; height: 12px; border-radius: 6px; background-color: #54adcc; position: absolute; right: -1em; transform: translate(-50%, 50%); top: 50%; margin: 0;} #courseSec .courseUl {width: 100%; margin: 0 auto;} #courseSec .courseUl .courseLi {margin-bottom: 5em;} #courseSec .courseUl .courseLi:last-child {margin-bottom: 0;} #courseSec .courseUl .courseSecTtl{ color: #fff; font-size: 130%; padding: 0.3em 0 0.3em 1.5em;} #courseSec .courseUl .detail {font-size: 90%;margin: 2.5em 2em 0 2em;} #courseSec .courseUl .detail .ttl {display: inline-block; width: 80px; margin-right: 1em;text-align: center; border-radius: 3px; color: #fff;margin-bottom: 1em;} /* #courseSec .courseUl .detail .detailUl li:first-child {margin-bottom: 0.5em;} #courseSec .courseUl .detail .detailUl li:first-child .ttl {margin-bottom: 0;} */ #courseSec .courseUl .detail .lesson {font-weight: bold;} #courseSec .courseUl .detail .curriculumBtn {display: inline-block; font-weight: bold; padding: 0;} #courseSec .courseUl .detail .curriculumBtn a{background-color: #54adcc;padding: 0.3em 3em 0.3em 2em;margin-left: 2em;color: #fff;border-radius: 5px;font-size: 87%;} #courseSec .courseUl .detail .curriculumBtn.october a{margin-left: 0.5em;background-color: #e8a200;} #courseSec .venueUl {width: auto;margin: 1em 2em;} #courseSec .courseUl .venueUl > li {border-top: 5px solid #f6f6f6;padding: 1.2em 0;} #courseSec .courseUl .venueUl > li:last-child {border-bottom: 5px solid #f6f6f6;} #courseSec .courseUl .venueUl > li dt {width: 16%;font-size: 120%;} #courseSec .courseUl .venueUl > li dd {width: 84%;padding: 1em 0 1em 2em;border-left: 4px dotted #cccccc;box-sizing: border-box;} #courseSec .courseUl .venueUl > li dd .venueDetailUl > li {margin-bottom: 1em; line-height: 1.2;} #courseSec .courseUl .venueUl > li dd .venueDetailUl > li .venueName {font-weight: bold;} #courseSec .courseUl .venueUl > li dd .venueDetailUl > li .date {display: inline-block; margin-right: 1em;} #courseSec .courseUl .venueLink a {text-decoration: underline;font-size: 90%;} #courseSec .courseUl #course600 .venueUl > li dt, #courseSec .courseUl #course600 .venueLink a {color: #4e77a8;} #courseSec .courseUl #course700 .venueUl > li dt, #courseSec .courseUl #course700 .venueLink a {color: #e8a200;} #courseSec .courseUl #course800 .venueUl > li dt, #courseSec .courseUl #course800 .venueLink a {color: #c1475e;} #courseSec .courseUl #course600 .venueUl > li.online dt, #courseSec .courseUl #course700 .venueUl > li.online dt, #courseSec .courseUl #course800 .venueUl > li.online dt {color: #ff7ba9;} #courseSec .courseUl #course600 .courseSecTtl, #courseSec .courseUl #course600 .detail .ttl {background-color: #4e77a8;} #courseSec .courseUl #course700 .courseSecTtl, #courseSec .courseUl #course700 .detail .ttl {background-color: #e8a200;} #courseSec .courseUl #course800 .courseSecTtl, #courseSec .courseUl #course800 .detail .ttl {background-color: #c1475e;} #courseSec .courseUl .ryoukinBox{width: auto;margin: 2em 2em 0 2em;box-sizing: border-box;} #courseSec .courseUl .ryoukinBox table {width: 100%; margin: 0;} #courseSec .courseUl .ryoukinBox table, #courseSec .courseUl .ryoukinBox tr, #courseSec .courseUl .ryoukinBox th, #courseSec .courseUl .ryoukinBox td {border: #4d4d4d solid 2px;} #courseSec .courseUl .ryoukinBox table.ryoukinUnit, #courseSec .courseUl .ryoukinBox .ryoukinUnit tr:first-child, #courseSec .courseUl .ryoukinBox .ryoukinUnit th {border-top: none;} #courseSec .courseUl .ryoukinBox th {background-color: #666;color: #fff;padding: 0.5em;line-height: 1.2;} #courseSec .courseUl .ryoukinBox td {padding: 0.7em 0.5em;line-height: 1.2;} #courseSec .courseUl .ryoukinBox .payment td {background-color: #eee; font-size: 95%; width: 22%;vertical-align: middle;} #courseSec .courseUl .ryoukinBox .payment td.gaibu{border-right: none;} #courseSec .courseUl .ryoukinBox .payment td.arrow{ border-left: none;border-right: none; width: 0%; padding: 0; font-size: 15px;} #courseSec .courseUl .ryoukinBox .payment td.seito{width: 25%; border-left: none; padding: 0;} #courseSec .courseUl .ryoukinBox .price td {font-size: 130%;line-height: 1.8;font-weight: bold; line-height: 1; vertical-align: middle;} #courseSec .courseUl .ryoukinBox .price td.gaibu{border-right: none;} #courseSec .courseUl .ryoukinBox .price td.arrow{ border: none; font-size: 15px;} #courseSec .courseUl .ryoukinBox .price td.seito{border-left: none;} #courseSec .courseUl .ryoukinBox .price td.seito .offTxt{background:#f43f3f; padding: 0.2em; font-size: 85%; color: #fff; margin-bottom: 0.2em;} #courseSec .courseUl .ryoukinBox .price td.seito .offTxt .smallTxt{font-size: 68%; vertical-align: top; padding-top: 0.2em;} #courseSec .courseUl .ryoukinBox .price td span {font-weight: normal;display: inline-block;} #courseSec .courseUl .ryoukinBox .price td span.limited{color: #ff0000; font-weight: bold;} #courseSec .courseUl .ryoukinBox .attention {color:#000;font-size: 90%;} #courseSec .courseUl .nyukaiBox{margin: 2em 2em 0 2em;} #courseSec .courseUl .nyukaiBox .nyukaiBoxTtl{color: #E4007F;} #courseSec .btnBox {width: 95%;} #courseSec .btnBox .scheduleBtn, #courseSec .btnBox .moushikomiBtn {width: 48%;} #courseSec .btnBox .scheduleBtn a {display: block; text-align: center;width: 100% ;background-color: #54adcc;color: #fff;padding: 0.1em 1em 0.1em 0.4em; border-radius: 5px;} #courseSec .btnBox .moushikomiBtn a {display: block; text-align: center; width: 100% ;background-color: #242b5e;color: #fff;padding: 0.1em 1em 0.1em 0.4em; border-radius: 5px;} #courseSec .moushikomiBtnL {width: auto;max-width: 290px;margin: 0 auto 0 auto;} #courseSec .moushikomiBtnL a {display: block;font-size: 135%;text-align: center;width: 100%;background-color: #242b5e;color: #fff;padding: 0.5em 1em 0.5em 0.4em;box-sizing: border-box;border-radius: 5px;} #courseSec .moushikomiBtnL .whiteArrow:after {margin-left: 10px;width: 0;height: 0;border-style: solid;border-width: 7px 0 7px 12px;} #courseSec .btnBox .scheduleBtn a, #courseSec .btnBox .moushikomiBtn a {display: block;text-align: center;width: 100%;color: #fff; padding: 0.2em 1em 0.2em 0;border-radius: 5px;box-sizing: border-box;} #courseSec .btnBox .scheduleBtn a {background-color: #54adcc;} #courseSec .btnBox .moushikomiBtn a {background-color: #242b5e;color: #fff;} #courseSec .btnBox .moushikomiBtn.full {background-color: #aaaaaa;color: #fff;border-radius: 5px; text-align: center; padding: 0.2em 0 0.2em 0;} #courseSec .faq{border: 5px #54adcc solid; padding: 1em 2em; margin-top: 3em;} #courseSec .faqBox .sectionTtl{margin-bottom: 5px; padding: 10px 0 17px 57px; background: url(/lp/toeic2026/images/lp/icon_contents02.gif) no-repeat left top; font-weight: bold; border-bottom: 3px #ededed solid; text-align: left; line-height: 1.5;} #courseSec .faqBox .answer{display: flex;} #courseSec .faqBox .answer .right_box{display: inline-block;} #courseSec .faqBox .answer .left_box01 .answerTtle{margin: 1em 0 0.5em; padding: 10px 0 10px 57px; background: url(/lp/toeic2026/images/lp/icon_contents03.gif) no-repeat left center; font-weight: bold;} #osusumeSec .osusumeUl {margin: 1em 1em 4em 1em;} #osusumeSec .osusumeUl li {width: 25%;} #osusumeSec .osusumeUl dt {font-size: 110%;text-align: center;} #osusumeSec .osusumeUl .txt {margin-bottom: 1em;font-size: 80%;} #osusumeSec .osusumeUl .logo {margin-bottom: 1em;font-size: 160%;} #osusumeSec .osusumeUl .logo img {width: 100%; height: auto;} #ryoukinSec {background-color: #fbfff0; padding-bottom: 3em;} #ryoukinSec .ryoukinUl li{ background-color: #fff; padding: 2.5em; margin-bottom: 2em; box-sizing: border-box;} #ryoukinSec .ryoukinUl li:last-child{margin-bottom: 0;} #ryoukinSec .ryoukinUl .planDl {max-width: 730px; margin: 0 auto;} #ryoukinSec .ryoukinUl .planDl dt {width: 30%; text-align: center; color: #fff; padding: 0.6em 0.5em 0.5em; border-radius: 10px; font-size: 120%;box-sizing: border-box;} #ryoukinSec .ryoukinUl .ukehoudai .planDl dt {background-color: #c1475e; } #ryoukinSec .ryoukinUl .tsudo .planDl dt {background-color: #4e77a8; } #ryoukinSec .ryoukinUl .planDl .ryoukinDtail{width: 67%;} #ryoukinSec .ryoukinUl .planDl .ryoukinDtail p {margin: 0; padding: 0;} #ryoukinSec .ryoukinUl .planDl .ryoukinImg{margin-top: 1em;} #ryoukinSec .ryoukinUl .planDl .ryoukinImg img {width: 100%; height: auto;} #ryoukinSec .ryoukinUl .planDl .ryoukinDtail .tokucho{color: #c1475e; font-size: 120%; font-weight: bold; text-decoration: underline;} #ryoukinSec .moushikomiBtnL {width: auto;max-width: 290px;margin: 0 auto 0 auto;} #ryoukinSec .moushikomiBtnL a {display: block;font-size: 135%;text-align: center;width: 100%;background-color: #f43f3f;color: #fff;padding: 0.5em 1em 0.5em 0.4em;box-sizing: border-box;border-radius: 5px;} #ryoukinSec .moushikomiBtnL .whiteArrow:after {margin-left: 10px;width: 0;height: 0;border-style: solid;border-width: 7px 0 7px 12px;} #nagareSec {background-color: #efefef;padding-bottom: 4em;} #nagareSec p {margin: 0; padding: 0;} #nagareSec .nagareOl .whiteBox {background-color: #fff; border: 3px solid #242b5e;border-radius: 15px;padding: 1em;width: 100%;} #nagareSec .nagareOl > li:first-child {padding: 1.5em 1em;margin-bottom: 1em;} #nagareSec .nagareOl .arrowBlue{margin-bottom: 60px; position:relative;font-size: 90%;} #nagareSec .nagareOl .arrowBlue:after {content: url("../images/lp/arrow03.png"); display:block; width: 55px; height: 47px;position: absolute;bottom: -50px;} #nagareSec .nagareOl .scheduleBtn {width: 100%;} .scheduleBtn a{ display:block; width: 100%; max-width: 400px; padding: 0.5em; border-radius: 10px; color: #fff; margin: 0 auto; background-color: #6bac00;box-sizing: border-box;} #nagareSec .nagareOl .myroomLi{background-color: #52597f; border: 3px solid #8d93aa; border-radius: 15px; padding: 1em; width: 100%;} .scheduleBtn a.pcNone{display: none;} .scheduleBtn a.spNone{display: block;} #nagareSec .nagareOl .myroomLi .txt{color: #fff;} #nagareSec .nagareOl .myroomLi .myroomBtn {width: 100%;margin-top: 0.5em;} #nagareSec .nagareOl .myroomLi .myroomBtn a {background-color: #fff; display: block; border-radius: 1em; padding: 0.25em; max-width: 300px; margin: 0 auto;color: #52597f;font-weight: bold;} #nagareSec .nagareOl .myroomLi .myroomBtn a.pcNone {display: none;} #nagareSec .nagareOl .myroomLi .myroomBtn a.spNone {display: block;} #nagareSec .nagareOl .tsudoPlan, #nagareSec .nagareOl .ukehoudaiPlan{width:48%;} #nagareSec .nagareOl .tsudoPlanOl li:nth-child(n + 2) {background-color: #f8fbff; border: 3px solid #242b5e;padding: 1em 1em;border-radius: 15px;position: relative;margin-bottom: 50px;font-size: 90%;} #nagareSec .nagareOl .tsudoPlanOl li:nth-child(n + 2):after {content: url("../images/lp/arrow01.png"); display:block; width: 55px; height: 47px;position: absolute;bottom: -50px;} #nagareSec .nagareOl .ukehoudaiPlanOl li:nth-child(n + 2) {background-color: #f9e8ef; border: 3px solid #720218;padding: 3em 1em;border-radius: 15px;position: relative;margin-bottom: 50px;font-size: 90%;} #nagareSec .nagareOl .tsudoPlanOl li.tsudoPlanTtl{ border: none;background-color: #4e77a8; padding: 1em; border-radius: 15px; color: #fff; font-weight: bold; margin-bottom: 25px; position: relative;box-sizing: border-box;} #nagareSec .nagareOl .ukehoudaiPlanOl li:nth-child(n + 2):after {content: url("../images/lp/arrow02.png"); display:block; width: 55px; height: 47px;position: absolute;bottom: -50px;} #nagareSec .nagareOl .tsudoPlanTtl:after{content: ""; display: block; width: 0;height: 0;border-style: solid;border-width: 1.2em 1.2em 0 1.2em;border-color: #4e77a8 transparent transparent transparent; position: absolute; bottom: -1em; left: 50%; transform: translateX(-50%);} #nagareSec .nagareOl .ukehoudaiTtl{border: none; background-color: #c1475e; padding: 1em; border-radius: 15px; color: #fff; font-weight: bold; margin-bottom: 25px; position: relative;} #nagareSec .nagareOl .ukehoudaiTtl:after{content: ""; display: block; width: 0;height: 0;border-style: solid;border-width: 1.2em 1.2em 0 1.2em;border-color: #c1475e transparent transparent transparent; position: absolute; bottom: -1em; left: 50%; transform: translateX(-50%);} #nagareSec .nagareOl .tsudoPlanOl, #nagareSec .nagareOl .ukehoudaiPlanOl{width: 100%;} #nagareSec .nagareOl .ukehoudaiPlanOl{} #nagareSec .ukehoudaiBtn{width: 100%;text-align: center;} #nagareSec .ukehoudaiBtn a {width: 100%; max-width: 300px; color: #fff; padding: 0.5em 1em 0.5em 0.5em; text-align: center; margin: 0 auto; margin-top: 0.5em; display: inline-block; background-color: #e00040;box-sizing: border-box;border-radius: 10px;} @media (max-width: 880px) and (min-width: 690px){ #nagareSec .nagareOl .ukehoudaiPlanOl li:nth-child(n + 2){padding: 2.5em 1em;} } @media (max-width: 690px) and (min-width: 605px) { #nagareSec .nagareOl .ukehoudaiPlanOl li:nth-child(n + 2){padding: 3.25em 1em;} } /*---------------------------------------------------------------------------- *** menuListSec ----------------------------------------------------------------------------*/ #mainSection .pastSchedule {position: fixed; right: 4.5em; bottom: 0.5em;} #mainSection .pastSchedule a {display: block; border: 3px solid #54adcc; background-color: #242b5e; color: #fff; font-weight: bold; padding: 0.5em 1.5em 0.5em 1em;border-radius: 5px;} /*---------------------------------------------------------------------------- *** footer ----------------------------------------------------------------------------*/ #footerArea .zeals_banner{display: none;} #footerAreaLink{} #footerAreaInner {} #footerAreaLogo {} #footerCopyright{} @media screen and (max-width:1000px) { #tokuchoSec .tokuchoUl .teacherBox .teacher {transform: translate(0,-50%);} #courseSec .detail .curriculumBtn {margin-bottom: 1em;display: block;font-weight: bold;margin-left: 6em;} } @media screen and (max-width:750px) { #yoyakuListSec .yoyakuListUl.yoyakuOnline .checkIn {display: block;width: 100%;min-width: 7em;} #yoyakuListSec .yoyakuListUl.yoyakuOnline .furikae, #yoyakuListSec .yoyakuListUl.yoyakuOnline .kesseki {display: block;width: 48%;min-width: 3em; margin-top: 2%;} }