@charset "utf-8"; 
/* CSS Document */
/*
----------------------------------------------------------------------------
***                                                                    body
----------------------------------------------------------------------------
body{background: linear-gradient(#FFF,#f5f4f5);}
body.boxSize{box-sizing:border-box;}
body.boxSize *{box-sizing:border-box;}

.pcHidden{display:none;}
----------------------------------------------------------------------------
***                                                                    class
----------------------------------------------------------------------------
.commonWidth{width:950px; margin:0 auto;}

----------------------------------------------------------------------------
***                                                              mainsection
----------------------------------------------------------------------------*/


#headerAreaInner {height: 72px;margin: 0px  2em;/* border-bottom: 2px solid; */vertical-align: baseline;}
#headerArea {border-bottom: 6px solid #f5458e;}
#headerAreaTitle .floatR img {width: auto;max-height: 67px;}

/*----------------------------------------------------------------------------
***                                                              夏期講習LP
----------------------------------------------------------------------------*/

/*----- 全体 -----*/

/*----- 全体 -----*/

#mianArea{font-size:1rem;	}
#mianArea section{margin-bottom: 20px;}

.secBox>.sectionInner{width: 650px;margin:0px auto;padding: 0px;font-weight: 550;}
/*----- メインビュー -----*/
#mainView{height: 409px;background: url("../../images/contents02.jpg");background-repeat: no-repeat;	}
#mainView .sectionInner{width: 515px;padding-top: 35px;}
#mainView .textArea{font-size: 1.01em;}
#mainView p{/* margin-bottom:10px; */line-height: 1.7em;}
#mainView h2{margin-bottom: 40px;}
#mainView .textAreaInner {border: solid 2px #ff99b1;background: #ffffff;border-radius: 3px;padding: 2em 1.2em 1.15em;width: 472px;margin:0 auto;position: relative;}
/*----- バナーエリア -----*/

#bannerArea .notesText{margin: 14px 8px 12px;font-size: 0.8rem;}
#bannerArea .notesText li{line-height: 1.5rem}
#bannerArea .anaText{text-align: center;margin-top: 15px;font-weight: bold;color: #707070;background: #fff;position: absolute;top: -18px;right: 0;left: 0;width: 79px;margin: 0 auto;font-size: 1.65em;font-weight: 900;}
#bannerArea .sectionInner {border-top: dotted 6px #80cace;border-bottom: dotted 6px #80cace;position: relative;margin: 2.5em auto;width: 480px;}
#bannerArea dt {color: #0ca39f;font-size: 1.7em;padding: 0.1em 0;background: #eefcff;border: solid 2px #22afaf;width: 170px;text-align: center;border-radius: 6px;box-shadow: 1px 1px 0px 1px rgb(34 175 175);}
#bannerArea .colorR {color: #e20505;font-size: 2.5em;font-weight: bold;}
#bannerArea .smallTxt {font-size: 0.7em;}
#bannerArea .tateTxt {-ms-writing-mode: tb-rl; writing-mode: vertical-rl;font-size: 0.7em;vertical-align: sub;}
#bannerArea .zeikomiTxt {font-size: 1.85em;vertical-align: initial;margin-left: 0.1em;}
#bannerArea dd {margin-left: 1.3em;}
#bannerArea .notesText li:last-child {margin-top: 0.6em;}
#bannerArea .longP dt {/*width: 145px;*/}
#bannerArea .longP dd .colorR {font-size: 2.4em !important;}
#bannerArea .longP .notesText {margin: 17px 14px 16px;}

/*----- 概要エリア -----*/
#overviewArea  {background: #fffff3;}
#overviewArea .sectionInner{padding: 20px 0px;}
#overviewArea .wordText{font-size: 1.2rem;color: #1ab0b7;width: 20%;vertical-align: middle;}
#overviewArea dd{font-size: 0.91rem;width: 100%;padding: 0 0 1em 27%;margin: 0 0 1em;border-bottom: 1px dashed #ccc;line-height: 1.8;}
/*----- お申込みボタン -----*/
.subscriptionArea .sectionInner{width:401px;/*margin-top:40px;*/}
.subscriptionArea .sectionInner a{color:#000;/*	border-top: 2px solid #ff647e;*/border-bottom: 2px solid #333;/* border-radius: 5px; *//*padding: 6px 0px;*/text-decoration: none;}
.subscriptionArea p{font-size: 1.3rem;font-weight: bold;margin-bottom: 15px;}

/*----- kidsチャンネル -----*/
#kidsChArea .kidsChBoxInner h4 {font-size: 1.4em;color: #ff5582;margin-bottom: 0.03em;}
#kidsChArea .kidsChBoxInner .kcBtn a {background: #ff5a8d;display: block;font-size: 1.4em;color: #fff;padding: 0.3em 0;text-align: center;border-radius: 36px;width: 81%;font-weight: 600;margin-top: 0.1em;margin: 0.1em auto;}
#kidsChArea .kidsChBoxInner .detailTxt {font-size: 1em;}
#kidsChArea .kidsChBoxInner {/* gap: 1em; */margin: 2.2em 3em 4em;}

/*----- コース一覧 -----*/
.coursetit{border-bottom: 3px solid;font-size:1.8rem;margin: 40px 0 15px;text-align: center;}
.courseBox{margin-bottom:20px;padding: 30px 30px;font-size: 1.05rem}
.detailAra{margin-bottom: 2px;}
.detailAra h4{font-size: 1.4rem;}
.detailAra h4:last-child{border-bottom: 1px solid #333;}
.descriptionArea{margin-left: 9px;}

.titArea{position: relative;}
/*----- コース一覧　KINDERコース -----*/

#kindercourseArea .coursetit{color:#e8cb53;text-align: center;}
#kindercourseArea .courseBox{background:#fff9e7;}
/*----- コース一覧　小学生コース -----*/
#elementcourseArea .coursetit{color:#5dbac4;text-align: center;}
#elementcourseArea .courseBox{background:#e9f5f4;}
/*----- コース一覧　中学生コース -----*/
#JuniorhighcourseArea .coursetit{color:#db8585;text-align: center;}
#JuniorhighcourseArea .courseBox{background:#f5e9e9;}

p.txt {width: 63%;font-size: 93%;}
p.attention {margin-top: 0.5em;font-size: 0.87em;}
.detailBox {margin-top: 6px;}
.titArea {margin: 0 0 0.8em;/* border-bottom: 3px solid #e8cb53; */}
.classDetail{font-size: 102%;margin: 0.6em 0 0 1.4em;text-align: center;color: #fb5c54;}
span.taishyou {/* font-weight: normal; */font-size: 78%;}
.pcImg {position: absolute;bottom: -20px;right: -41px;}
.dateRi {position: absolute;top: -30px;left: 16%;}

#overviewArea h2 {color: #1ab0b7;font-weight: 900;font-size: 1.4em;margin-bottom: 0.9em;}
#overviewArea .bigtextRed {font-size: 2.25em;color: #e54848;font-weight: bold;vertical-align: middle;display: inline-block;line-height: 1.3em;}
#overviewArea .bigtextRed .weekS {font-size: 0.73em;}
#overviewArea .quesBoxInner {background: #fff;padding: 1.25em 1.1em 1.3em;border: dashed 2px #bfbfbf;border-radius: 9px;position: relative;width: 100%;margin: 0 auto;}
#overviewArea .quesBoxInner::before {content: "";position: absolute;top: -17px;left: 37%;transform: translateX(-50%) rotate(-45deg);transform-origin:center center;width: 30px;height: 30px;background-color: #fff;border-top: 2px dashed #bfbfbf;border-right: 2px dashed #bfbfbf;}
#overviewArea .quesBoxInner dd {border-style: none;padding: 0;line-height: 1.6em;margin: 0.2em 0 0 3em;width: 92%;}
#overviewArea dd:nth-of-type(4) {border-style: none;}
.quesBoxInner dt {/* font-size: 1.3em; *//* background-image: linear-gradient(transparent 57%, #98eae8 0%); *//* width: 30%; */}
.quesBoxInner dt::before {content: 'Q';display: inline-block;background: #00d3d3;padding: 0.05em 0.7em 0.2em 0.5em;color: #fff;width: 2%;font-size: 1.3em;}
.quesBoxInner .ttlDt {font-size: 1.3em;background-image: linear-gradient(transparent 57%, #98eae8 0%);margin-left: 0.4em;}
.colorLB {color: #22a8a4;font-weight: bold;}
.borderB{background:linear-gradient(transparent 50%, #aad6d6 50%)}
/*----- フッターエリア -----*/
#footerArea { padding-top:10px;}
#footerAreaLogo li{ display:inline; padding:0 20px 0 0; line-height:24px;}
#footerAreaLogo .mgt-4{ margin-top:-4px;}
#footerCopyright p { text-align:right; color:#666; line-height:1.2em; margin:0; padding:0;}
#footerAreaInner {margin: 0 auto;max-width: 990px;}