/* CSS Document */


/*----------------------------------------------------------------------------
 ***                                                                 body
----------------------------------------------------------------------------*/
body { background-color:#FFF;}


/*----------------------------------------------------------------------------
 ***                                                                 container
----------------------------------------------------------------------------*/
.container { margin:auto;}

/*----------------------------------------------------------------------------
 ***                                                                 header
----------------------------------------------------------------------------*/
header {}

#formTb .sp_tw100{width:100%}

/*----------------------------------------------------------------------------
 ***                                                                 gnavi
----------------------------------------------------------------------------*/
#gnavi{ margin-bottom:3%; padding-bottom:1%;}
#gnavi .sectionInner{ width:80%; margin:0 auto; padding:2% 0 0;}
#gnavi ul{}


	/*----------------------------------------------------------------------------
 ***                                                                formsample
----------------------------------------------------------------------------*/
section{display:block;}
img{width:100%; height:auto;}
div{background-size:100% 100%;}

header{position:relative;position:fixed;z-index:990;border-top:5px solid #603813;margin:0;padding:0;box-shadow: 0px 5px 5px rgba(0,0,0,0.1);width: 100%;top: 0;}
header .sectionInner{background-color:#B8D200;background-position:top;background-size:100%;height: 7em;width: 100%;}
header h1{padding-top: 0.3em;margin-left:4%;}
header h1 img{ width:60%;}
header span{font-size:90%; color:#fff;}
header p#phone{ width:30%; position:absolute; top:1em; right:2.5%; border-left:2px solid #E6E6E6; padding-left:2%;}
header p#h1Txt{color:#FFF;position:absolute;left:4%;top: 4.6em;padding-top: 1%;}

#mainImgSec{ position:relative; padding-top:20vw;}
#mainImgSec h2{ padding:1em 0 0 4%;}
#mainImgSec h2 img{ width:73%;}
#mainImgSec.sectionInner{ position:relative;}
#mainImgSec p#juku{ width:56%; position:absolute; left:2.6%; /*top:28.5%;*/ top:50vw;}
#mainImgSec p#koushi{ width:25%; position:absolute; right:1%; /*top:11.5%;*/ top:25vw; z-index:989;}
#mainImgSec p#teach{width:36%;position:absolute;right:3%;/*top:29.5%;*/top: 35.9%;}
#mainImgSec p#itto{ width:12%; position:absolute; left:10%; top:63vw;}
#mainImgSec p#sarasa{ width:12%; position:absolute; left:39%; top:63vw;}



/* �u���Ȃ�ϋɍ̗p�v�G�ߎd�l */
#mainImgSec #tokuchoBox_season{ margin-top:31%; padding-top:25%; background-image:url(../images/img_box01_seasons1904.png); background-size:95% 95%; background-position:center top; background-repeat:no-repeat;}
#mainImgSec #tokuchoBox_season p{ text-align:center; padding-bottom:1em;}
#mainImgSec #tokuchoBox_season p img{ width:80%; padding:0 0 7% 0;}
#mainImgSec #tokuchoBox_season #seasons{ width:78%; margin:0 auto 1%; height:100%; position:relative;}
#mainImgSec #tokuchoBox_season #seasons .sectionInner{ height:110%; overflow:hidden;}
#mainImgSec #tokuchoBox_season #seasons h3{ font-size:120%; text-align:center; padding:1% 0% 3%; background-color:#25BCCC; width:100%;border-radius:5px; color:#fff; margin-bottom:1em;}
#mainImgSec #tokuchoBox_season #seasons h3 img{ width:100%;}
#mainImgSec #tokuchoBox_season #seasons p{ text-align:left; padding:0; line-height:1.2em; font-size:140%; margin-bottom:0.5em;}
#mainImgSec #tokuchoBox_season #seasons .nowAdopt{ font-size:180%; color:#fff;}
#mainImgSec #tokuchoBox_season #seasons p#aki01{ width:30%; position:absolute; left:-10%; top:-12%;}
#mainImgSec #tokuchoBox_season #seasons p#aki02{ width:30%; position:absolute; right:-14%; top:1%; transform:rotate(900deg);}
#mainImgSec #tokuchoBox_season #seasons p#snow_01{ width:15%; position:absolute; right:-9%; bottom:19%;}
#mainImgSec #tokuchoBox_season #seasons p#snow_02{ width:25%; position:absolute; left:-10%; top:-10%;}
#mainImgSec #tokuchoBox_season #seasons p#sakura_01{ width:25%; position:absolute; left:-4%; top:-6%;}
#mainImgSec #tokuchoBox_season #seasons p#sakura_02{ width:21%; position:absolute; right:-7%; top:17%;}
#mainImgSec #tokuchoBox_season #seasons p#asagao_01{ width:23%; position:absolute; left:-8%; top:-5%;}
#mainImgSec #tokuchoBox_season #seasons p#asagao_02{ width:25%; position:absolute; right:-13%; top:11%;}

/* �u���Ȃ�ϋɍ̗p�v�ʏ�d�l */
#mainImgSec #tokuchoBox{margin-top: 34.4%;padding-top: 24.9%;background-image: url(../../teacher_sp/images/img_box01_seasons_def2212.png);background-size:95% 95%;background-position:center top;background-repeat:no-repeat;}
#mainImgSec #tokuchoBox p{ text-align:center; padding-bottom:1em;}
#mainImgSec #tokuchoBox #pegeLink p img{ width:80%;}
#mainImgSec #tokuchoBox #pegeLink p:last-child img{ padding:0 0 7% 0;}
#mainImgSec #tokuchoBox #seasons{ width:70%; margin:0 auto; height:100%; position:relative;}
#mainImgSec #tokuchoBox #seasons .sectionInner{ height:110%; overflow:hidden;}
#mainImgSec #tokuchoBox #seasons h3{ font-size:150%; margin-bottom:0.2em; text-align:center;}
#mainImgSec #tokuchoBox #seasons h3 img{ width:100%;}
#mainImgSec #tokuchoBox #seasons h3 span{ color:#FF1E79;}
#mainImgSec #tokuchoBox #seasons p{ text-align:left; padding:0; line-height:1.4em;}
#mainImgSec #tokuchoBox #seasons p#sakura{ width:15%; position:absolute; right:1%; top:-7%;}
#mainImgSec #tokuchoBox #seasons p#sakura img{ width:100%;}


#contents01 .sectionInner{}
#contents01 .sectionInner{margin-top:2%;}
#contents01 p.caption1,#contents01 p.caption2,#contents01 p.caption3{width:40%;}
#contents01 .sectionInner p.caption1{margin-left:5%; padding-top:4%;}
#contents01 .sectionInner p.caption2{margin-left:5%; margin-top:3%;}
#contents01 .sectionInner p.caption3{margin-left:5%; margin-top:3%;}

#sec1{ border:8px #ED1E79 solid; width:90%; margin:0 auto;}
#sec1 .sectionInner{ padding:1.8em 0;}
#sec1 .sectionInner .floatL .headline2{
    background: none;
    padding: 0;
}
#sec1 h3{ margin-bottom:1em;}
#sec1 p.caption3{width:100%;padding-top:3%;margin-bottom: 0;}
#sec1 .floatL ul{width: 100%;margin:0 auto;margin-top:2%;gap: 10px 2%;display: flex;flex-wrap: wrap;justify-content: center;}
#sec1 .floatL ul li{display:inline-block;width: 12%;margin: 0;}
#sec1 .floatL li#ent{
    width: 100%;
    margin: auto;
    text-align: center;
}
#sec1 .floatL li#ent img{
    max-width: 70%;
    margin: auto;
}
#sec1 p#moji{width:90%; font-size: 130%; line-height: 1.5em; margin: auto; margin-top: 3%; margin-bottom: 5%;}
#sec1 p#moji span{ color: #ED1E79;}

#anshin p#kensaku{ text-align:center;}
#anshin p#kensaku img{ width:70%;}


/* ��W�v�� */
#guideSec{ width:94%; margin:10% auto;}
#guideSec h2{ text-align:center; font-size:200%; color:#808080; margin-bottom:2%;}

#SSteacherBox{ width:80%; border:4px solid #E6E6E6; padding:5%; margin:5% auto 10%;}
#SSteacherBox h4{ font-size:140%; text-align:center; background-color:#791D4B; color:#fff; line-height:1.2em; padding:5px 0; margin-bottom:3px;}
#SSteacherBox p{ font-size:140%; line-height:1.2em; margin:5% 0;}
#SSteacherBox dt{ font-size:120%; background-color:#666; color:#fff; text-align:center; margin-top:3%; padding:2% 0 1%; border-radius:3px;}

#onlineSec{ margin:10% auto 15%;}
#onlineSec h3{ color:#FFF; font-size:180%; background-color:#B8D200; border-radius:3px; padding:2% 3%; line-height:1.2em;}
#onlineSec h3 .txtSizeSS{ color:#FFF; font-size:80%; font-weight:bold;}
#onlineSec h3 .txtSizeS{ color:#FFF; font-weight:normal;}
#onlineSec h4{ font-size:180%; color:#333; border-left:10px solid #B8D200; border-bottom:1px solid #ccc; padding-left:0.5em; margin:1em 0 0.5em;}
#onlineSec p{ margin:0 auto; padding:0;}
#onlineSec dl{ width:94%; margin:10% auto 5%;}
#onlineSec dt{ font-size:160%; background:url(../images/icon_h4.png) 0.2% 0.5em no-repeat; background-size:2%; padding-left:3%; border-bottom:1px dotted #4D4D4D; margin:5% 0 1%; font-weight:bold;}
#onlineSec dt span{ font-size:70%; color:#000; padding-left:1%;}
#onlineSec dd{ font-size:140%; padding-left:3%;}
#onlineSec dd ul{ margin-top:5%;}
#onlineSec dd li{ font-size:100%; line-height:2em;}
#onlineSec dd li .attention{ font-weight:bold; font-size:200%; color:#F39;}
#onlineSec #imgOnline{ width:70%; margin:5% auto;}
#onlineSec .txtColorPink{ font-size:100%; font-weight:bold; color:#F39; background:linear-gradient(transparent 50%, yellow 50%); padding:0 0.5em;}
#onlineSec .jukuBtn {width: 94%; margin: 0 auto 8%;}

#onlineBox{ width:94%; margin:0 auto 10%;}
#onlineBox p{ width:94%; margin:4% 0 4% 6%; font-size:140%; padding:0;}

#offlineBox{ width:100%; margin:0 auto 15%;}
#offlineBox h4{ font-size:180%; color:#333; border-left:10px solid #B8D200; border-bottom:1px solid #ccc; padding-left:0.5em; margin:1em 0 0.5em;}
#offlineBox p{ width:94%; margin:4% 0 4% 6%; font-size:140%; padding:0;}
#offlineBox { width:94%; margin:0 auto;}
#offlineBox dt{ font-size:160%; background:url(../images/icon_h4.png) 0.2% 0.5em no-repeat; background-size:2%; padding-left:3%; border-bottom:1px dotted #4D4D4D; margin:5% 0 1%; font-weight:bold;}
#offlineBox dt span{ font-size:70%; color:#000; padding-left:1%;}
#offlineBox dd{ font-size:140%; padding-left:3%;}
#offlineBox dd ul{ margin-top:5%;}
#offlineBox dd li{ font-size:100%; line-height:2em;}
#offlineBox dd li .attention{ font-weight:bold; font-size:200%; color:#F39;}
#offlineBox #imgMtoM{ width:70%; margin:5% auto;}


#saiyou h3{ color:#FFF; font-size:180%; background-color:#2FC9C9; padding-left:3%; border-radius:3px; padding:1% 3% 2%; margin-bottom:3%;}
#saiyou h3 span{ font-size:80%; color:#FFF; font-weight:normal; margin-left:0.5em;}
#saiyou #jouken{ margin-bottom:5%;}
#saiyou #jouken .sectionInner{ padding:0 0 0 3%;}
#saiyou #jouken dt{ font-size:160%; background:url(../images/icon_h4.png) 0.2% 0.5em no-repeat; background-size:2%; padding-left:3%; border-bottom:1px dotted #4D4D4D; margin:5% 0 1%; font-weight:bold;}
#saiyou #jouken dt span{ font-size:80%; font-weight:normal; padding-left:1%;}
#saiyou #jouken dd{ font-size:140%; padding-left:3%; margin-bottom:1.5%;}
#saiyou #jouken dd span{ color:#ED1E79; font-weight:bold;}
#saiyou #jouken dd ul{ margin-top:5%;}
#saiyou #jouken dd li{ font-size:100%; line-height:1.5em; margin-bottom:0.5em;}
#saiyou #jouken dd li .attention{ font-weight:bold; font-size:200%; color:#F39;}

#saiyou #sarasa{ border:7px solid #E6E6E6; padding:3%; margin-bottom:5%;}
#saiyou #sarasa h4{ width:60%; margin-bottom:2%;}
#saiyou #sarasa p{ font-size:120%; color:#4D4D4D; line-height:1.5em;}
#saiyou #sarasa dt{ font-size:160%; color:#40B09E; border-bottom:1px solid #40B09E; margin-top:2%; margin-bottom:1%; font-weight:normal;}
#saiyou #sarasa dt span{ font-size:70%; color:#000; padding-left:1%;}
#saiyou #sarasa dd{ font-size:140%;}
#saiyou #sarasa ul.floatL{ float:left;}
#saiyou #sarasa li{ font-size:100%; color:#ED1C24;}
#saiyou #sarasa p.floatR{ float:right; width:35%;}

#saiyou #fukuri{ width:94%; margin:0 auto 7%;}
#saiyou #fukuri h4{ font-size:160%; padding-left:1%; border-left:10px solid #2FC9C9; margin-bottom:2%;}
#saiyou #fukuri p{}


.welfareBox{}
.welfareBox li{ font-weight:bold; margin:1em 0; float: none; display:-webkit-box; display:-ms-flexbox; display:flex; align-items: center;}
.welfareBox li img{ width: 15%;}
.welfareBox li:after{ content:normal;}
.welfareBox li:not(:last-child){ border-bottom:1px dashed #ccc; padding:0 0 1em;}
.welfareBox li span{ display:inline-block; padding:0 0 0 0.5em; margin:-0.4em 0 0; line-height: 1.5em;}
.welfareBox li span strong{  color:#ED1E79; font-size:130%; margin:0;}


#kibou{width:90%; margin:auto; margin-top:7%;}
#kibou .sectionInner{}
#kibou h4{text-align:center; padding:2%; background-color:#CCC; margin-top:5%;}
#kibou #posi_rel{ position:relative;}
#kibou p#posi_abu{ position:absolute; left:16%; top:31%;}
#kibou p.moji{padding-bottom:4%; border-bottom:#999 dashed 1px;}
#kibou p.moji2{padding-bottom:4%; font-size: 120%; line-height: 1.5em;}

#step{ width:90%; margin:auto; margin-top:7%;}
#step .sectionInner{}
#step h3{ margin-bottom:5%;}
#step h4{margin-top:7%; margin-bottom:5%;}
#step .imgfloatL{width:40%;}
#step div.imgfloatR{margin-top:8%; width:60%;}
#step p.imgfloatR{ width:55%; padding-left:5%;}
#step .waku{padding-top:2%;}
#step p.pink{ font-size:1.1em; color:#F09;}

.stepBox{ margin-top:2%;}
.stepBox .floatL{ width:58%; padding-left:2%; margin-top:8%; float:left;}
.stepBox dd{ font-size:120%;}
.stepBox dd.pink{ color:#F09;}
.stepBox#step2 .floatL{ margin-top:6%;}

.caption8{padding-top:5%;}

#faq{ width:90%; margin:auto; margin-top:7%; margin-bottom:5%;}
#faq .sectionInner{}
#faq h4{margin-top:7%;}
#faq .img{width:4%; padding-left:3%; margin-bottom:2%; margin-right:1%;}
#faq .img2{width:4%; margin-bottom:2%; margin-right:1%;}
#faq .Q1{ padding-left:3%; margin-top:5%;}
#faq .A1{ background-color:#f2f2f2; border:#ccc solid 1px; padding:5%; margin-top:4%; clear:both;
	border-radius: 10px;        /* CSS3���� */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome�p */  
   	-moz-border-radius: 10px;   /* Firefox�p */  
}
#faq .moji{width:86%;}
#faq .img3{width:4%; margin-bottom:8%; margin-right:1%;}
#faq .img4{width:4%; padding-left:3%; margin-bottom:8%; margin-right:1%;}
#faq dl{ margin-top:5%;}
#faq dt{ padding:0.3em 0 0 2em; margin-bottom:0.5em; line-height:1.2em; font-size:130%; background-image:url(../images/1605/icon_question.png); background-size:7% auto; background-position:left top; background-repeat:no-repeat;}
#faq dd{
	background-color:#f2f2f2;
	border:#ccc solid 1px;
	margin-bottom:10%;
	padding:4% 5% 4% 12%;
	font-size:140%;
	border-radius: 10px;        /* CSS3���� */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome�p */  
   	-moz-border-radius: 10px;   /* Firefox�p */ 
	background-image:url(../images/1605/icon_answer.png);
	background-size:7% auto;
	background-position:0.7em 0.7em;
	background-repeat:no-repeat;
}

.btn{margin-bottom:5%;}


/*  */
#sec6 input,
#sec6 select{padding:2%;border-radius: 5px;}

#sec6 .select-box {
	/* border-radius: 5px; */
	font-size: 100%;
	width: calc(100% - 10px - 2%);
	padding:2%;
	text-align:left;
	text-indent:0.2em;
	vertical-align:middle;
	line-height:1.5em;
}

#sec6 .select-box2 {
	width: calc(100% - 3em);
	border-radius:5px;
	font-size:140%;
	padding:2%;
	text-align:left;
	text-indent 0.2em;
	vertical-align:middle;
}


#sec6 .select-box3 {
	/* border-radius:5px; */
	font-size: 100%;
	width: 75%;
	margin:0 0 0.5em;
	padding: 2%;
	text-align:left;
	text-indent:0.2em;
	vertical-align:middle;
}

#sec6 .select-box4 {
	border-radius: 5px;
	font-size: 100%;
	width:25%;
	text-align: left;
	text-indent: 0.2em;
	vertical-align: middle;
	xheight:1em;
}

#sec6 .select-box5 {
	border-radius: 5px;
	font-size: 100%;
	width:20%;
	text-align: left;
	text-indent: 0.2em;
	vertical-align: middle;
	xheight:1em;
}