@charset "utf-8";
/* CSS Document */
@import url(https://fonts.googleapis.com/css?family=Noto+Sans+JP&display=swap);

body *{
	font-family: "Noto Sans JP", sans-serif;
	font-display:swap;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	color:#333;
}

img{ height:auto;}


.spNone{ display:block;}
.pcNone{ display:none;}
a{ text-decoration:none; -webkit-transition:all .3s; -o-transition:all .3s; transition:all .3s;}

#wrap{ width:1000px; margin:0 auto;}
#sideMenu{
	display:block;
	z-index:999;
	width:90px;
	height:280px;
	position:fixed;
	right:0;
	top:200px;
}
#sideMenu a:hover{ opacity:0.6;}

.entryBtn{ max-width:500px; width:75%; margin:5em auto;}
.entryBtn a{
	display:block;
	width:100%;
	font-size:225%;
	line-height:1em;
	padding:0.8em 1.6em 0.9em;
	border-radius:10px;
	-webkit-box-shadow:3px 3px 6px #999;
	        box-shadow:3px 3px 6px #999;
	position:relative;
	background: #00aedc;
	color:#fff;
	text-decoration:none;
}
.entryBtn a:after{
	content:"";
	display:block;
	width:40px;
	height:40px;
	position:absolute;
	top:0;
	bottom:0;
	right:0.8em;
	margin:auto;
	background:url(../images/icon_link01.png) no-repeat center/cover;
}
.entryBtn a:hover,
.entryBtnF a:hover{ opacity:0.6;}
.entryBtn a span{ color:#fff; display:inline-block;}

/*.entryBtnF{ margin:-30px auto 0; position: absolute; left:0; right:0;}
.entryBtnF a{
	font-size:250%;
	font-weight:bold;
	line-height:1em;
	padding:0.3em 0.8em 0.4em 0em;
	border-radius:50px;
	box-shadow:3px 3px 6px #999;
	position:relative;
	background:#fff;
	color:#a04b25;
	border:2px solid #a04b25;
	width: 360px;
	display:inline-block;
	text-decoration: none;
}
.entryBtnF a:after{	
	content: "";
    display: block;
    width: 30px;
    height: 30px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0.8em;
    margin: auto;
    background: url(../images/icon_link02.png) no-repeat center/cover;
	}
.entryBtnF a:hover{ opacity: 0.7;}
*/
/*----------------------------------------------------------------------------
 ***                                                                    header
----------------------------------------------------------------------------*/
#headerArea{ margin:1em 0;}
#headerArea #headerAreaInner{}
#headerArea #headerAreaInner h1{}
#headerArea #headerAreaInner p{}


/*----------------------------------------------------------------------------
 ***                                                              contentsArea
----------------------------------------------------------------------------*/
#contentsArea{ border:1px solid #333; position:relative; margin:0 auto 10em;}
#contentsArea:before{ content:""; width:100%; height:10px; background-color:#BFEB21; display:block;}


#mainContents {
	position: relative;
	background: url(../images/img_bg_main_m.jpg) no-repeat;
	background-position: top center;
	background-size: 100%;
	z-index: 0;
	padding:20px 0;
	height: 580px;;
	margin-bottom: 10px;
}
#mainContents:after{
	content:"";
	width:195px;
	height:52px;
	position:absolute;
	top:0;
	right:0;
	background:url(../images/img_1100.jpg) no-repeat center/cover;
}
/* #mainContents:before{
	content:"";
	width:968px;
	height:440px;
	position:absolute;
	right:0;
	bottom:0;
	margin:auto;
	background:url(../images/img_main_chara.png) no-repeat center/cover;
	z-index: -1;
} */
#mainContents h2{ margin-top: 10px; }
#mainContents .kobetsuPrice{ }
#mainContents p img {width: auto;}
#mainContents .mainBadgeImg {
	position: absolute;
	right: 63px;
	bottom: 160px;
	margin: 0;
	z-index: -1;
}
#mainContents .mainKoushaImg{
	position: absolute;
	right: 0;
	bottom: 10px;
	margin: 0;
}		
#mainContents .attentionTxt{ 
	text-align: right;
	margin: 5px 60px 0 0px;
	font-size: 10px;
}

#underContents{ margin-top: 16px;}
#underContents > p.tac{ margin:0 auto 2em; font-size:125%; line-height:1.6em;}
#underContents .sectionInner{}
#underContents h3{ text-align:center; font-size:225%; color:#333; position:relative; padding:0 320px; margin:2em auto;}
/* #underContents h3:before,
#underContents h3:after{
	content:"";
	width:300px;
	height:20px;
	position:absolute;
	top:0;
	bottom:0;
	left:1em;
	margin:auto;
	background:url(../images/img_titleDeco.png) no-repeat center/cover;
} */
#underContents h3:after{ -webkit-transform:scale(-1,1); -ms-transform:scale(-1,1); transform:scale(-1,1); left:auto; right:1em;}


.pageNavi{ max-width:700px; margin:4em auto;}
.pageNavi li{ width:calc(100% / 3); font-size:137.5%; border-left:1px solid #ccc; text-align:center;}
.pageNavi li:last-child{ border-right:1px solid #ccc;}
.pageNavi li a{ position:relative; padding:0 1.2em 0 0; color:#000; text-decoration:none;}
.pageNavi li a:after{
	content: "";
    position: absolute;
    width: 0;
    height: 0;
    top: 0;
    bottom: 0;
	right:0;
    margin: auto;
    border-style: solid;
    border-color: #ec7478 transparent transparent transparent;
    border-width: 0.6em 0.4em 0 0.4em;
}
.pageNavi li a:hover{ color:#ec7478;}



#benefitsSec{ padding:0 0 0em; position: relative; }
#benefitsSec .sectionInner{ margin-top: 2em;}
#benefitsSec .benefitsBox{  margin:2em auto; }
#benefitsSec h3{ text-align:center; font-size: 272%; line-height:1em; padding:0; margin: 0 auto;  }
#benefitsSec h3::before,
#benefitsSec h3::after{ content: normal;}
#benefitsSec h3 span{  color:#0898ba;  position: relative; left: 0; right: 0; padding: 0 0.8em; display:inline-block; font-weight: bold; }
#benefitsSec h3 span::before,
#benefitsSec h3 span::after{
	content: '';
	display: inline-block;
	width: 22px;
	height: 28px;
	background: url(../images/img_benefit_hukidashi.png) no-repeat;
	background-size: 100%;
	vertical-align: middle;
	position: absolute;
	left:0;
	bottom:0;
	margin: 0.2em 0 0 0;
}
#benefitsSec h3 span::after{ -webkit-transform: scale(-1, 1); -ms-transform: scale(-1, 1); transform: scale(-1, 1); right: 0; left: unset;}
#benefitsSec .entryBtn{ margin: 4em auto 5em;}

/* #benefitsSec .sectionInner{ max-width:750px; margin:5.5em auto 5em; border:10px solid #FFD800; padding:1.5em; text-align:center; position: relative;}
#benefitsSec .sectionInner p{font-size: 14px; margin:-8px 0 -6px;color: #939393;}
#benefitsSec h3{ text-align:center; position: absolute; left: 0; right: 0; top: -1.7em; margin: auto; font-size: 272%; line-height:1em; padding:0; }
#benefitsSec h3::before,
#benefitsSec h3::after{ content: normal;}
#benefitsSec h3 span{  color:#E50012;  position: relative; left: 0; right: 0; padding: 0 0.8em; display:inline-block; -webkit-text-stroke: 0.7px #E50012;}
#benefitsSec h3 span::before,
#benefitsSec h3 span::after{
	content: '';
	display: inline-block;
	width: 22px;
	height: 28px;
	background: url(../images/img_benefit_hukidashi.png) no-repeat;
	background-size: 100%;
	vertical-align: middle;
	position: absolute;
	left:0;
	bottom:0;
	margin: 0.2em 0 0 0;
}
#benefitsSec h3 span::after{ -webkit-transform: scale(-1, 1); -ms-transform: scale(-1, 1); transform: scale(-1, 1); right: 0; left: unset;}
#benefitsSec li{ margin:0 auto;}
#benefitsSec li:first-child dd{ padding-bottom:1em;}
#benefitsSec li dt{ background: url(../images/img_bg_benefit.png) no-repeat; background-size: 100%; width:74px; height:74px; color:#fff; text-align:center; font-size: 143.581%; line-height:1.1em;}
#benefitsSec li dt span{ color: #FFF; font-weight: bold; }
#benefitsSec li dd{ font-size:150%; padding:1.2em 0.3em 0.6em; line-height:0.6em; color:#000; font-weight: bold;}
#benefitsSec li dd > span{}
#benefitsSec li dd strong{ color:#000; display:block; font-size:275%; line-height:1.2em; -webkit-text-stroke: 0.3px #000; margin-right: -0.1em;}
#benefitsSec li dd strong span.tateTxt{ -webkit-writing-mode:vertical-rl; -ms-writing-mode: tb-rl; writing-mode:vertical-rl; vertical-align:middle; padding:0 0 0.8em; color:#000; font-size:30%; line-height:1.2em;}
#benefitsSec li dd strong span.redTxt{ color: #E50012; -webkit-text-stroke: 0.3px #E50012;} */

#scheduleSec{ padding: 0 0 6em;	background: url(../images/img_b_shadow.png) no-repeat center bottom/ 100%;}
#scheduleSec li{ margin:0 1em 1em;}
#scheduleSec li dt{ position:relative; margin:0 0 0.2em;}
#scheduleSec li dt span{ position:absolute; right:0; bottom:0.3em;}
#scheduleSec #course01 dt span{ color:#a40a83;}
#scheduleSec #course02 dt span{ color:#00b3b9;}
#scheduleSec li dd{ font-size:112.5%; font-weight:bold; color:#000;}
#scheduleSec li dd span{ display:block; padding:0 0 0 6em; font-weight: normal; font-size: 120%; line-height: 1.3em; margin-bottom: 8px;}
#scheduleSec h3 {
	max-width: 900px;
	font-size: 290%;
	padding: 11px 0 6px;
	line-height: 1.5em;
	text-align: center;
	color: #0898ba;
	border-top: 1px dotted #0898ba;
	border-bottom: 1px dotted #0898ba;
	margin: 0 auto 1em;
}
#scheduleSec #period{ font-size:100%; text-align:center; font-weight:bold; color:#e2b90e; margin:0 0 0 0.5em;}
#scheduleSec #period span{ font-size:60%; margin-left:3px; vertical-align:middle; color: #e2b90e;}
#scheduleSec #period01{ font-size:80%; text-align:center; font-weight:bold; color:#fff; margin:0 0 0 0.5em; background-color:#f0be50; padding: 0 10px 2px 10px;}
#scheduleSec #period01 span{ font-size:60%; margin-left:3px; vertical-align:middle; color: #fff;}
#scheduleSec p.tac{ }
#scheduleSec p.adtxt { margin: 1em auto 3em; font-size: 120%;}
#scheduleSec p.kids{margin-top: 60px;}

#seminarSec{ text-align:center; margin: 5em auto;}
#seminarSec > p{ font-weight: bold; font-size: 300%; color: #4f4f4f; display:inline-block; margin:0; line-height: 1.4em; }
#seminarSec > p span.smallTxt{ font-size: 60%; color: #4f4f4f;}
#seminarSec > p span.blueTxt{ color: #4780ba;}
#seminarSec > p::before,
#seminarSec > p::after{ content: ''; display: inline-block; vertical-align: middle; }
#seminarSec > p::before{ background: url(../images/img_seminar_fukidashi.jpg) no-repeat; width: 20px; height: 26px; background-size: contain; margin-right: 0.5em;}
#seminarSec > p::after{ background: url(../images/img_seminar_fukidashi.jpg) no-repeat; width: 20px; height: 26px; background-size: contain; margin-left: 0.5em; -webkit-transform: scale(-1, 1); -ms-transform: scale(-1, 1); transform: scale(-1, 1); }

#seminarBlock{ border:5px solid #4780ba; background: #eef7ff; padding: 40px; max-width: 820px; margin:1em auto 0; border-radius:15px;}
#seminarBlock .blockInner{}
#seminarBlock h4{ color: #4780ba; font-size: 350%; position: relative; line-height: 1em;}
#seminarBlock h4 span{ color: #555555; font-weight: normal; font-size: 60%; margin-bottom: 0.5em; }
#seminarBlock h4::before,
#seminarBlock h4::after{ content: ''; width: 100px; height: 84px; position: absolute; top:25px;}
#seminarBlock h4::before{ background: url(../images/img_seminar02.png) no-repeat; background-size: contain; left: 25px;}
#seminarBlock h4::after{ background: url(../images/img_seminar03.png) no-repeat; background-size: contain; right: 35px;}
#seminarBlock .dlBox{ margin: 0.5em 0;}
#seminarBlock .dlBox dl{ border-bottom:2px dotted #9e9e9f; width: 48%; padding: 1.2em 0;}
#seminarBlock .dlBox dl dt{ background: #555555; margin-right: 1.5em; width: 70px;}
#seminarBlock .dlBox dl dt span{ color: #FFF; font-weight: normal;}
#seminarBlock .dlBox dl dd{ color: #333333; font-size: 200%; width: calc( 100% - 70px ); font-weight: bold; line-height: 1.3em;}
#seminarBlock .dlBox dl dd strong{ color: #4780ba; font-size: 150%; margin-right: 0.2em;}
#seminarBlock .dlBox dl dd .smallTxt{ font-size: 60%; font-weight: normal;}
#seminarBlock .dlBox dl dd a:hover{ opacity: 0.7;}
#seminarBlock .dlBox dl dd a{ font-size: 65%; color: #333333; text-decoration: none;}
#seminarBlock .dlBox dl dd a:after{
	content: "▶";
	display: inline-block;
	color: #4780ba;
	font-size: 45%;
	vertical-align: middle;
	margin: -0.5em 0 0 1em;

}
#seminarBlock .seminarUnderBox{ width: 48%;}
#seminarBlock .seminarUnderBox dl{ width: 100%;}

#seminarBlock .dlBox::after {
	content: '';
	display: inline-block;
	width: 280px;
	height: 190px;
	background: url(../images/img_seminar01.png) no-repeat;
	margin: 30px 25px 0 0;
}

#seminarBlock .seminarBtn {
	margin:3.5em 0 1em;
	text-align:center;
}
#seminarBlock .seminarBtn a{
	font-size: 220%;
	font-weight: bold;
	line-height: 1em;
	padding: 0.4em 0em 0.5em 0em;
	border-radius: 100vh;
	-webkit-box-shadow: 3px 3px 6px #999;
	        box-shadow: 3px 3px 6px #999;
	position: relative;
	background: #fff;
	color: #4780ba;
	border: 2px solid #4780ba;
	width: 320px;
	display: inline-block;
	text-decoration: none;
}
#seminarBlock .seminarBtn a::after {
	content: "▶";
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 2.8em;
	margin: auto;
	color: #4780baCC;
    font-size: 45%;
    line-height: 4.2em;
}
#seminarBlock .seminarBtn a:hover{ opacity: 0.7;}


#expSec #exp01{ border-right:2px dotted #ccc;}
#expSec .expBox{ width:42%; padding:1em 2em;}
#expSec .expBox dt{ margin:0 0 1em; height: 6em; font-size:185.811%; font-weight:bold; padding: 0 0.5em; line-height:1.2em; position:relative; color:#000; z-index: 0;}
#expSec .expBox dt:after{
	content:"";
	position:absolute;
	right:0;
	top:0;
	bottom:0;
	margin:auto;
	z-index: -1;

}

#expSec .expBox dt span.smallTxt{ font-size: 81.818%;}
#expSec .expBox dt span.expName{ display:block; font-size:54.5456%; font-weight:normal; margin:0.5em 0 0; position: absolute; bottom: 0; color: #666666;}

#expSec #exp01 dt{ border-left:10px solid #fc688e; }
#expSec #exp02 dt{ border-left: 10px solid #6dce21;}
#expSec #exp01 dt:after{ width: 205px; height: 121px; background:url(../images/img_voice01.png) no-repeat center/cover;}
#expSec #exp02 dt:after{ width: 230px; height: 121px; background:url(../images/img_voice02.png) no-repeat center/cover;}

#expSec .expBox dd{ font-size:112.5%; color:#000;}
#expSec .expBox dd span{ padding:0.2em}
#expSec .expBox dd span.textMarker{ background:-o-linear-gradient(transparent 15%, #ffff00 0%); background:-webkit-gradient(linear, left top, left bottom, color-stop(15%, transparent), color-stop(0%, #ffff00)); background:linear-gradient(transparent 15%, #ffff00 0%);}

/* #tMessageBox{ max-width:800px; margin:3em auto; padding:2em 3em 0.5em; background-color:#66B6CC; position:relative; z-index:0;}
#tMessageBox:before{
	content:"";
	width:85%;
	height:100%;
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	margin:auto;
	z-index:-1;
	background:url(../images/img_bg_message01.png) no-repeat center left -7em/260px,url(../images/img_bg_message02.png) no-repeat top right 1em/200px;
} */
#tMessageBox{ max-width:800px; margin:2em auto; padding:2em 4em 2em; background-color:#F49103; position:relative; z-index:0;}
#tMessageBox:before{
	content:"";
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	margin:auto;
	z-index:-1;
	background:url(../images/img_bg_message01.png) no-repeat ,url(../images/img_bg_message02.png) no-repeat,url(../images/img_bg_message03.png) no-repeat,url(../images/img_bg_message04.png) no-repeat ;
	background-position: right, 370px 10px, left, left 380px bottom 20px;
	background-size: contain, 180px, 46px, 30px;
}
#tMessageBox h4{ color:#fff; font-size:200%; margin:0 0 0.5em;}
#tMessageBox h4 .name{ color:#fff; font-size:50%; margin:0 0 1px 18px;}
#tMessageBox p{ max-width:580px; margin: 0; font-size:112.5%; color:#fff; line-height:1.6em; position: relative;}
#tMessageBox .bold {  font-size:85%; color:#fff;  font-weight: bold; text-decoration: underline;}
#tMessageBox p span{ display:block; text-align:right; font-size:87.5%; color:#fff;  position: absolute; bottom: 0; right: 0;}
#tMessageBox .teacherImg{ position:absolute; bottom:0; right:0em;}


#schoolBox{ background:url(../images/bg_koushaallL.jpg) no-repeat,url(../images/bg_koushaallR.jpg)no-repeat; background-position:55px 35px,700px 25px; background-size:264px,264px; margin:60px auto 60px;}
#schoolBox h4{ border-bottom:1px solid #5aaf00; max-width:480px; margin:0 auto 1em; padding-bottom:0.5em; text-align:center;}
#schoolBox p{ font-size:175%; text-align:center; margin:1em auto; line-height:1.4em;}
#schoolBox p strong{ font-size:125%; font-weight:normal;}
#schoolBox p strong span{ font-size:200%;}
#schoolBox .pinkTxt{ color:#e51373; font-weight:bold;}
#schoolBox p a:hover{ opacity:0.6;}


#coronaBox #cleanImg{ margin:2em auto 6em;}


#kodawariBox{ max-width:800px; margin:0 auto; position:relative;}
#kodawariBox p{ font-size:275%; margin:0.5em auto;}
#kodawariBox p img{ position:absolute; top:0; left:17px; z-index:1;}
#kodawariBox ul{ padding:0 74px 0 130px;}
#kodawariBox li{ width:140px; height:140px; float:left; margin:auto;}
#kodawariBox li:nth-child(1){ background-color:#119dbf;}
#kodawariBox li:nth-child(2){ background-color:#e72088;}
#kodawariBox li:nth-child(3){ background-color:#eaa014;}
/*#kodawariBox li:nth-child(4){ background-color:#eaa014;}*/
#kodawariBox li:nth-child(5){ width:215px;}
#kodawariBox #kodawariList{ width:150px; height:140px; padding:0;}
#kodawariBox #kodawariList li{ width:65px; height:65px; background-color:#8f1b69; margin:0 10px 10px 0;}
#kodawariBox #kodawariList li:nth-child(3n){ margin-right:0;}


/*----------------------------------------------------------------------------
 ***                                                                    footer
----------------------------------------------------------------------------*/
#footerArea{ padding:30px 0 0; }
#footerArea #footerAreaInner .logoImg{ text-align:center; margin:0 0 10px;}
#footerArea #footerAreaInner p{ text-align:center; margin:0; padding:5px 0 4px; background-color:#333; color:#fff; font-size:12px;}





/* 640px以下*/
@media screen and (max-width:640px){
	/*#wrap{ width:100%;}
	#contentsArea{ border:none;}
	#underContents h3{ padding:0;}*/
}