@charset "utf-8";
/* CSS Document */

.secBox{ padding:0;}

.secBox > .sectionInner{ max-width:1000px; margin:0 auto; padding:2em; position:relative;}
.secBox > .sectionInner > h3{ position:relative; line-height:1em; font-size:175%;}
.secBox > .sectionInner > h3:after,
.secBox > .sectionInner > .areaSearchBox h3:after{
	content:"";
	display:block;
	height:3px;
	margin:0.5em auto;
	background-color:#FFBF00;
}
.secBox:nth-child(2) > .sectionInner h3:after{ max-width:9em;}
.secBox:nth-child(3) > .sectionInner h3:after{ max-width:6em;}
.secBox:nth-child(4) > .sectionInner h3:after{ max-width:15em;}
.secBox:nth-child(5) > .sectionInner h3:after{ max-width:13.5em;}
.secBox:nth-child(6) > .sectionInner h3:after{ max-width:16em;}

.induceBtn{ padding:2em 0 4em; margin:0 auto; border-bottom:1px solid #ccc; text-align:center;}
.induceBtn a{
	display:block;
	margin:0.5em auto;
	max-width:300px;
	padding:0.6em 1em 0.7em;
	text-align:center;
	font-size:150%;
	font-weight:500;
	line-height:1em;
	text-decoration:none;
	border-radius:5px;
	box-shadow:2px 2px 3px #999;
	background-color:#ED1E79;
	position:relative;
	overflow:hidden;
}
.induceBtn a:before{
	content:"";
	display:block;
	width:100%;
	height:100%;
	border-radius:0 0 25% 25%;
	position:absolute;
	top:-40%;
	left:0;
	right:0;
	background-color:#fff;
	transition:top .3s, border-radius .3s;
	opacity:0.2;
}
.induceBtn a:hover:before{ top:0; border-radius:0;}
.induceBtn a span{ color:#fff; display:block; position:relative;}
.induceBtn a span:after{
	content:"";
	width:20px;
	height:20px;
	position:absolute;
	top:0;
	bottom:0;
	right:0;
	margin:auto;
	background-image:url(../images/icon_arrow_wht.png);
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
	opacity:0.7;
}

.bg_diagonal{ position:relative;}
.bg_diagonal:before{
	content:"";
    position:absolute;
    width:100%;
    height:100%;
    left:0;
	right:0;
	bottom:0;
	background-color:#ccc;
    background-image:-webkit-gradient(linear, 0 0, 100% 100%,color-stop(.25, #fff), color-stop(.25, transparent),color-stop(.5, transparent), color-stop(.5, #fff),color-stop(.75, #fff), color-stop(.75, transparent),to(transparent));
    -webkit-background-size:7px;
	background-image:linear-gradient( -45deg, #ccc 25%, #fff 25%, #fff 50%, #ccc 50%, #ccc 75%, #fff 75%, #fff);
	background-size:7px 7px;
	background-attachment:fixed;
	z-index:-1;
	opacity:0.3;
}

/*--------------------------------------------------------------------------------
																		header
--------------------------------------------------------------------------------*/
header{ background-color:#2FC9C9; height:auto; box-shadow:0 3px 9px #999;}
header .headInner{ max-width:1000px; margin:0 auto; padding:1em 0;}
header .headInner h1{ font-size:200%;}
header .headInner h1 .catchcopy{ color:#fff; display:block; font-size:48%; font-weight:500; line-height:1.2em;}
header .headInner h1 strong{ color:#ED1E79;}
header .headInner h1 .workstyle{ font-size:60%; background-color:#ED1E79; color:#fff; text-align:center; padding:0.5em 0.5em 0.6em; margin:0 0.5em; line-height:1em; vertical-align:text-bottom; display:inline-block;}
header nav.naviBox{ background-color:#333; padding:0.5em;}
header nav.naviBox ul{ max-width:1000px; margin:0 auto;}
header nav.naviBox li{ width:calc(100% / 5); margin:0; font-size:87.5%; text-align:center; border-right:1px solid #999;}
header nav.naviBox li:first-child{ border-left:1px solid #999;}
header nav.naviBox li a{ color:#fff; text-decoration:none; padding:0.2em 0.5em; position:relative; display:inline-block;}
header nav.naviBox li a:hover{ opacity:1; color:#FFBF00;}
header nav.naviBox li a:before{
	content:"";
	width:0;
	left:50%;
	bottom:0;
	transition:all 0.3s ease;
	border-bottom:2px solid #FFBF00;
	position:absolute;
	display:block;
}
header nav.naviBox li a:hover:before{ width:50%; border-bottom:2px solid #FFBF00;}
header nav.naviBox li a:after{
	content:"";
	width:0;
	right:50%;
	bottom:0;
	transition:all 0.3s ease;
	border-bottom:3px solid #FFBF00;
	position:absolute;
	display:block;
}
header nav.naviBox li a:hover:after{ width:50%; border-bottom:2px solid #FFBF00;}

header .telBox{ margin-top:2px; width:370px; padding: 0 0 0 17px; border-left: 2px solid #FFF;}
header .telBox .telBoxInner{ margin-top: 0.2em;}
header .telBox #tel-img:before{ content:""; width: 1.5em; height: 1.5em; background: url(../images/txt_header02_d.png) left center no-repeat; display:inline-block; vertical-align: middle; margin-right: 0.3em; }
header .telBox #tel-img{ font-size: 22px; line-height:1.0em;}
header .telBox p{ font-size:12px; font-weight:bold; line-height: 23px; margin: 0;}
header .telBox dl{  font-size:10px; margin-top: 2px;}
header .telBox dt{ width: 60px; line-height:1em; float:left;}
header .telBox dd{ margin-left:60px; line-height:1em; font-weight:bold;}

/*--------------------------------------------------------------------------------
																	パンくずリスト
--------------------------------------------------------------------------------*/
#breadcrumbList ul{ max-width:1000px;}



/*--------------------------------------------------------------------------------
																	mainContents
--------------------------------------------------------------------------------*/
#mainContents{}


.fastViewArea{ position: relative;}
.fastViewArea .sectionInner{
	max-width:1112px;
	margin:0 auto;
	padding:60px 0 80px;
	background-image:url(../images/img_mainb_2502.jpg);
	background-repeat:no-repeat;
	background-position:top right;
	background-size: 60%;
	position:relative;
	width: 100%;
}
.fastViewArea .sectionInner .mainBox{ max-width:475px; margin-left: 70px;}
.fastViewArea .logoBox{max-width: 452px;margin: 0 auto;}
.fastViewArea .logoBox li{margin-right: 6px;}
.fastViewArea .sectionInner h2{ font-size:400%; color: #333; text-align: center; line-height: 1.5em;}
.fastViewArea .wegeBox{ max-width: 453px; margin: 0 auto;}
.fastViewArea .wegeBox .jobType{ font-size: 150%; background: #2FBCBC; text-align: center; color: #FFF; font-weight: bold; width: 5.8em;}
.fastViewArea .wegeBox .jobType:first-child{ margin-right: 0.5em;}
.fastViewArea .wegeTxt{ font-size: 180%; color:#2FBCBC; font-weight: bold; line-height: 1.3em; text-align: center;}
.fastViewArea .wegeTxt span{ font-size: 75%; color:#2FBCBC; font-weight: bold;}
.fastViewArea .wegeTxt span.smallTxt2{ font-size: 63%; color:#2FBCBC; font-weight: bold;}
.fastViewArea .wegeBox > span{ font-size: 481.25%; color:#2FBCBC; font-weight: bold; line-height: 0.8em; margin-left: 0.1em;}

.fastViewArea .areaBtnBox{ margin-top: 20px; text-align: center;}
.fastViewArea .areaBtnBox span{ font-size: 160%; color:#595757;}
.fastViewArea .areaBtnBox span:before{
	content:"";
	width:1em;
	height:26px;
	background-image:url(../images/icon_fukidashi01.png);
	background-repeat:no-repeat;
	background-position:center;
	background-size:100%;
	margin-right: 0.5em;
	display: inline-block;
}
.fastViewArea .areaBtnBox span:after{
	content:"";
	width:1em;
	height:26px;
	background-image:url(../images/icon_fukidashi01.png);
	background-repeat:no-repeat;
	background-position:center;
	background-size:100%;
	margin-left: 0.5em;
	display: inline-block;
	transform: scale(-1, 1);
}
.fastViewArea .areaBtnBox .areaSearchBtn {
	background: #ED1E79; 
	border-radius: 100vh; 
	text-decoration: none; 
	font-size: 200%;
	font-weight: normal;
	color: #FFF;
	padding: 0.3em 0.5em;
	display: block;
	text-align: center;
	line-height: 1em;
	box-shadow:3px 3px 8px #999;
}
.fastViewArea .areaBtnBox .areaSearchBtn:after{
	content:"";
	width:34px;
	height:34px;
	background-image:url(../images/icon_search02.png);
	background-repeat:no-repeat;
	background-position:center;
	background-size:100%;
	margin-left: 0.5em;
	display: inline-block;
	vertical-align: middle;
}

.fastViewArea .innerNaviBox{ width:950px; position: absolute; bottom: -125px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%);}
.fastViewArea .innerNaviBox ul{}
.fastViewArea .innerNaviBox ul li a{ width: calc( 890px / 5); background:#2FC9C9; position: relative; display:block; text-decoration: none;}
.fastViewArea .innerNaviBox ul li a:before{
	content: "";
	border:1px solid #FFF;
	width: calc( 100% - 20px );
	height: calc( 100% - 20px );
	margin: 10px;
	position: absolute;
}
.fastViewArea .innerNaviBox ul li a:after{
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 16px 12px 0 12px;
	border-color: #ffbf00 transparent transparent transparent;
	position: absolute;
	bottom: 0.1em;
	left: 0;
	right: 0;
	margin: 0 auto;
}
.fastViewArea .innerNaviBox ul a{ }
.fastViewArea .innerNaviBox ul li span{ font-size: 137.5%; color: #FFF; font-weight:normal; text-align: center; display: block; padding: 30px 0;}
.fastViewArea .innerNaviBox ul li span:after{
	content:"";
	background-repeat:no-repeat;
	background-position:center;
	background-size:100%;
	display: block;
	margin: 0.5em auto 0;
}
.fastViewArea .innerNaviBox ul li:nth-child(1) span:after{ width:76px; height:38px; background-image:url(../images/icon_nav01.png);}
.fastViewArea .innerNaviBox ul li:nth-child(2) span:after{ width:30px; height:38px; background-image:url(../images/icon_nav02.png);}
.fastViewArea .innerNaviBox ul li:nth-child(3) span:after{ width:45px; height:40px; background-image:url(../images/icon_nav03.png);}
.fastViewArea .innerNaviBox ul li:nth-child(4) span:after{ width:32px; height:38px; background-image:url(../images/icon_nav04.png);}
.fastViewArea .innerNaviBox ul li:nth-child(5) span:after{ width:52px; height:40px; background-image:url(../images/icon_nav05.png);}
.fastViewArea .innerNaviBox ul li:nth-child(3) span,
.fastViewArea .innerNaviBox ul li:nth-child(5) span{ line-height: 2.2em;}

.fastViewArea .readTxt{ margin: 150px auto 30px;}

#areaSec{ border-top: 5px solid #3E3A39;}
#areaSec .sectionInner{ padding:4em 0 0;}
#areaSec .areaSearchBox{
	background-image:url(../images/img_map.png);
	background-repeat:no-repeat;
	background-position:top center;
	background-size: auto 90%;
	padding-bottom: 100px;
}
#areaSec .areaSearchBox ul{ max-width:480px; margin: 0 auto;}
#areaSec .areaSearchBox select{ padding: 0.5em; width: 12em; margin-left: 0.5em;}

/* #areaSec .areaSearchBox{ padding-bottom:60px;} */
#areaSec .areaSearchBox #searchBlock{ max-width:480px; margin:0 auto;}
#areaSec .areaSearchBox #searchBlock > *{ margin:0.5em; font-size:87.5%;}
#areaSec .areaSearchBox #searchBlock select{ font-size:125%; border-radius:10px;}
#areaSec .areaSearchBox #searchBlock #searchBtn{ max-width:300px; width:100%; font-size:125%; text-align:center; border-radius:50px; box-shadow:3px 3px 6px #666; cursor:pointer; background-color:#ED1E79; color:#fff; padding:0.2em 1em;}
#areaSec .areaSearchBox #shoolListBox{ display:none;}
#areaSec .areaSearchBox #shoolListBox .areaList{ background-color:#fff; padding:3em; margin:2em auto 0; border-radius: 20px;}
#areaSec .areaSearchBox #shoolListBox .areaList h4 { font-size:175%}
#areaSec .areaSearchBox #shoolListBox .areaList .pickupSchool > p{ font-size:150%; margin:0.5em auto;}
#areaSec .areaSearchBox #shoolListBox .areaList .pickupSchool > p span{ font-size: 110%; font-weight: bold; color: #E01E79;}
#areaSec .areaSearchBox #shoolListBox .areaList .pickupSchool > p:before{
	content:"";
	width:1em;
	height:22px;
	background-image:url(../images/icon_fukidashi02.png);
	background-repeat:no-repeat;
	background-position:center;
	background-size:100%;
	margin-right: 0.5em;
	display: inline-block;
}
#areaSec .areaSearchBox #shoolListBox .areaList .pickupSchool > p:after{
	content:"";
	width:1em;
	height:22px;
	background-image:url(../images/icon_fukidashi02.png);
	background-repeat:no-repeat;
	background-position:center;
	background-size:100%;
	margin-left: 0.5em;
	display: inline-block;
	transform: scale(-1, 1);
}

#areaSec .areaSearchBox #shoolListBox .areaList iframe{ width:100%; height:auto;}
#areaSec .areaSearchBox .pickupBox{ border:2px solid #2FC9C9;}
#areaSec .areaSearchBox .pickupBox p.tac{ background-color:#2FC9C9; color:#fff; margin:0 auto; padding:0.1em 0.5em 0.2em; font-size:150%;}
#areaSec .areaSearchBox .pickupBox > ul{ max-width:100%; padding:1em;}
#areaSec .areaSearchBox .pickupBox > ul > li{ width:calc(100% / 3 - 2em); margin:1em;}
#areaSec .areaSearchBox .pickupBox .schoolInfoBox dt{ color:#007c89; font-size:150%; font-weight:normal; line-height:1em;}
#areaSec .areaSearchBox .pickupBox .schoolInfoBox dd{ font-size:87.5%;}
#areaSec .areaSearchBox .pickupBox .schoolInfoBox dd li{ margin:0.5em 0; line-height:1.2em;}
#areaSec .areaSearchBox .pickupBox .schoolInfoBox dd .item_addr{}
#areaSec .areaSearchBox .pickupBox .schoolInfoBox dd .item_access{ color:#666; font-size:87.5%; line-height:1.4em; display:none;}
#areaSec .areaSearchBox .pickupBox .schoolInfoBox dd .item_tel{ font-size:175%; font-weight:500;}
#areaSec .areaSearchBox .pickupBox .schoolInfoBox dd .item_tel a{ padding:0 0 0 25px; text-decoration:none; color:#333; position:relative; transition:opacity 0.3s;}
#areaSec .areaSearchBox .pickupBox .schoolInfoBox dd .item_tel a:before{
	content:"";
	width:20px;
	height:20px;
	background-color:#333;
	border-radius:3px;
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	margin:auto;
	background-image:url(../images/icon_tel.png);
	background-repeat:no-repeat;
	background-position:center;
	background-size:12px;
}
#areaSec .areaSearchBox .pickupBox .schoolInfoBox dd .item_tel a:hover{ opacity:0.6;}
#areaSec .areaSearchBox .pickupBox .formSetBtn a{
	background: #ED1E79;
    padding: 0.4em 0;
    display: block;
    border-radius: 100vh;
    color: #FFF;
    font-size: 120%;
    text-decoration: none;
}
#areaSec .areaSearchBox .pickupBox .formSetBtn a:after{
	content: "▼";
	font-size: 80%;
	margin: 0 0 0 1em;
}


#areaSec .areaSearchBox .schoolList > ul{ max-width:100%; padding:0;}
#areaSec .areaSearchBox .schoolList > ul > li{ width:calc(100% / 3 - 2em); margin:1em;}


/* 季節講習募集用バナー */
.seasonBnr.winterType{ max-width:1000px; margin:0 auto 3em; padding:1em; border:3px solid #2b7dac; border-radius:10px; background: url(../images/img_season03.jpg) no-repeat; background-position: right -3px top;}
.seasonBnr.winterType > div{ max-width:720px;}
.seasonBnr.winterType p{ margin:0;}
.seasonBnr.winterType p:last-child { margin:0 0 0 auto;}
.seasonBnr.winterType p img{ margin:0 0 0 1em;}
.seasonBnr.winterType .induceBtn{ max-width:310px; width:100%; margin:0 auto; padding:0; border:none; position: relative;}
.seasonBnr.winterType .induceBtn strong{ display:block; font-size:175%; line-height:1.2em;}
.seasonBnr.winterType .induceBtn strong span:first-child{ color:#2b7dac; font-size: 114.2856%;}
.seasonBnr.winterType .induceBtn strong span:last-child{ color:#ED1E79; display:block; font-size: 114.2856%;}
.seasonBnr.winterType .induceBtn a{ max-width:320px; margin:0.5em auto 0;}
.seasonBnr.winterType #snowflake01{ position: absolute; left: -25px; top: -15px; margin: 0;}
.seasonBnr.winterType #snowflake02{ position: absolute; right: -33px; bottom: -10px; margin: 0;}

/* 市トップ用 */
#areaTypeSec{}
#areaTypeSec .sectionInner{}
#areaTypeSec .sectionInner .areaSet{ width:900px; color:#333; font-size:275%;}
#areaTypeSec .sectionInner .areaSet > span{ display:inline-block; color:#333;}
#areaTypeSec .sectionInner .areaSet .areaNeme{ font-size:100%; color:#ED1E79;}
#areaTypeSec .sectionInner .areaSet .smallText{}
#areaTypeSec .sectionInner h2 .formatTypeBox{ border:2px solid #999; padding:0.5em; margin:0.5em 0;}
#areaSec .areaSearchBox .schoolList{ padding:1em;}
#areaSec .areaSearchBox .schoolList h4{ font-size:200%; padding:0 0 0.5em; border-bottom:1px solid #2FC9C9;}
#areaSec .areaSearchBox .schoolList .schoolInfoBox{ width:calc(100% / 3); margin:0; padding:0.5em; position:relative;}
#areaSec .areaSearchBox .schoolList .schoolInfoBox dl{border:#CCC solid 1px; border-radius:5px 7px 7px 7px; padding:15px;}
#areaSec .areaSearchBox .schoolList .schoolInfoBox dt{ color:#007c89; font-size:150%; font-weight:normal; line-height:1em;}
#areaSec .areaSearchBox .schoolList .schoolInfoBox dd{ font-size:87.5%;}
#areaSec .areaSearchBox .schoolList .schoolInfoBox dd li{ margin:0.2em 0 0.7em 0; line-height:1.4em;}
#areaSec .areaSearchBox .schoolList .schoolInfoBox dd .item_addr{ height: 2.2em;}
#areaSec .areaSearchBox .schoolList .schoolInfoBox dd .item_access{ color:#666; font-size:87.5%; line-height:1.4em; display:none;}
#areaSec .areaSearchBox .schoolList .schoolInfoBox dd .item_tel{ font-size:175%; font-weight:500;}
#areaSec .areaSearchBox .schoolList .schoolInfoBox dd .item_tel a{ padding:0 0 0 25px; text-decoration:none; color:#333; position:relative; transition:opacity 0.3s;}
#areaSec .areaSearchBox .schoolList .schoolInfoBox dd .item_tel a:before{
	content:"";
	width:20px;
	height:20px;
	background-color:#333;
	border-radius:3px;
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	margin:auto;
	background-image:url(../images/icon_tel.png);
	background-repeat:no-repeat;
	background-position:center;
	background-size:12px;
}
#areaSec .areaSearchBox .schoolList .schoolInfoBox dd .item_tel a:hover{ opacity:0.6;}
#areaSec .areaSearchBox .schoolList .schoolInfoBox dd .item_map iframe{ width:100%; height:100%;}
#areaSec .areaSearchBox .schoolList .formSetBtn a{
	background: #2FC9C9;
    padding: 0.4em 0;
    display: block;
    border-radius: 100vh;
    color: #FFF;
    font-size: 120%;
    text-decoration: none;
}
#areaSec .areaSearchBox .schoolList .formSetBtn a:after{
	content: "▼";
	font-size: 80%;
	margin: 0 0 0 1em;
}

.listMapOpenSpan{ cursor:pointer; font-size:16px; background:url(../images/img_map01.png) left center no-repeat; background-size:20px auto; padding:3px; line-height:1.4em; padding-left:25px;}
.item_map{ display:none;}


/* 市トップ用 ここまで */



/* 大学生向け用 */
#collegeTypeSec{}
#collegeTypeSec .sectionInner{ padding:35px 0 60px; background-size: 63%;}
#collegeTypeSec .newCollegeTxt::before{
	content: '';
	display: inline-block;
	/*background-image:url(../images/img_college01.png);*/
	background-repeat:no-repeat;
	background-position:center;
	background-size:100%;
	width: 100px;
	height: 86px;
	position: absolute;
	top: 0;
	bottom: 0;
	left: -2em;
	margin: auto;
	}
#collegeTypeSec .newCollegeTxt{ position: relative; background: #FF5290; display: inline-block; height: 50px; padding:0px 2.5em 0 19px; color: #FFF; margin:0 1px 1em 1em; font-size:17px;}
#collegeTypeSec .newCollegeTxt::after{
	position: absolute;
	content: '';
	width: 0px;
	height: 0px;
	z-index: 1;
	top: 0;
	right: 0;
	border-width: 25px 15px 25px 0px;
	border-color: transparent #fff transparent transparent;
	border-style: solid;
}
#collegeTypeSec .newCollegeTxt p{ color: #FFF; font-weight: bold; font-size: 175%; margin:0;}

#collegeTypeSec h2{ margin-top: -0.1em;}
#collegeTypeSec .debutBox{ background: #FFFFE9; border-radius:10px; position: relative; padding:2.2em 2em 0.8em; margin-top: 1.7em;}
#collegeTypeSec .debutBox dt{ background: #FF5290; border-radius:100vh; color: #FFF; font-size: 150%; position: absolute; left: 0; right: 0; margin: auto; top: -0.7em; padding: 0.2em 0.5em; width: 13em; text-align: center;}
#collegeTypeSec .debutBox dt.college{width: 17em;}

#collegeTypeSec .debutBox dt::after{
	content: '';
	display: inline-block;
	background-image:url(../images/img_college02.png);
	background-repeat:no-repeat;
	background-position:center;
	background-size:100%;
	width: 30px;
	height: 25px;
	margin-left: 0.5em;
	}
#collegeTypeSec .debutBox dd{ font-size:112.5%; font-weight:500; padding:0 0 0 28px; margin:0.4em 0; position:relative;}
#collegeTypeSec .debutBox dd:before{
	content:"";
	width:20px;
	height:20px;
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	margin:auto;
	border-radius:3px;
	background-color:#ED1E79;
	background-image:url(../images/icon_ex_mark.png);
	background-repeat:no-repeat;
	background-position:center;
	background-size:3px 12px;
}
#collegeTypeSec .debutBox dd strong{ display:inline-block; color:#ED1E79; font-size:155%; line-height:1em; margin:0 0.5em 0 0;}
#collegeTypeSec .areaBtnBox{ margin-top: 65px;}
#collegeTypeSec .areaBtnBox .areaSearchBtn{ max-width: 455px; margin:0 auto;}

/* 大学生向け用 ここまで */





/* 訴求バナー */
.promoBnr{ max-width:1000px; margin:0 auto 3em; padding:1em; border:3px solid #2FC9C9; border-radius:10px;}
.promoBnr p{ margin:0;}
.promoBnr p img{ margin:0 0 0 1em;}
.promoBnr .induceBtn{ max-width:320px; width:100%; margin:0 auto; padding:0; border:none;}
.promoBnr .induceBtn strong{ display:block; font-size:200%; line-height:1.2em;}
.promoBnr .induceBtn strong span{ color:#ED1E79; display:block;}
.promoBnr .induceBtn a{ max-width:320px; margin:0.3em auto;}

/* 募集要項 */
#termsSec .termsInfoBox p{ margin:1em auto;}
#termsSec ul{ width:90%; margin:0 auto;}
#termsSec li{ border-bottom:1px solid #ccc;}
#termsSec li dt{ width:25%; background-color:#333; color:#fff; padding:1em; font-weight:normal;}
#termsSec li dt span{ font-size:75%; color:#ccc; display:inline-block; margin:0 0 0 1em;}
#termsSec li dd{ width:75%; padding:1em;}
#termsSec li dd .textNote{ font-size:87.5%; color:#666; margin:0 1em;}
#termsSec li dd ul{ width:100%;}
#termsSec li dd li{ border:none; margin: 0 0.5em 0 0; position:relative;}
/*#termsSec li dd li:not(:last-child):after{ content:"／"; display:inline-block;}*/
#termsSec li dd li strong{ font-size:137.5%; margin:0 0.5em 0 0; color:#ED1E79;}
#termsSec li dd .welfareBox{}
#termsSec li dd .welfareBox li{ font-weight:bold; margin:0;}
#termsSec li dd .welfareBox li:after{ content:normal;}
#termsSec li dd .welfareBox li:not(:last-child){ border-bottom:1px dashed #ccc; margin:0 0 1em; padding:0 0 1em;}
#termsSec li dd .welfareBox li span{ display:inline-block; font-size:112.5%; padding:0 1em; margin:-0.4em 0 0;}
#termsSec li dd .welfareBox li span strong{ display:block; color:#ED1E79; font-size:150%; margin:0;}

#termsSec .areaSearchBtn{ background:#2FC9C9; display: block; border-radius: 10px; font-size: 105%; padding: 0.3em 0 0.4em; width: 11em; text-decoration: none; text-align: center; margin-top: 0.2em;}
#termsSec .areaSearchBtn span{ color: #FFF;}
#termsSec .areaSearchBtn span:after{
	content:"";
	width:18px;
	height:18px;
	background-image:url(../images/icon_search.png);
	background-repeat:no-repeat;
	background-position:center;
	background-size:100%;
	margin-left: 0.5em;
	display: inline-block;
	vertical-align: middle;
}

/* SS講師 */
#termsSec .ssInfo{ width:90%; margin:1em auto; padding:0;}
#termsSec .ssInfo ul{ width:25%;}
#termsSec .ssInfo li{ margin:0 auto 0.5em; text-align:center; font-size:87.5%;}
#termsSec .ssInfo li span{ display:block; background-color:#ED1E79; color:#fff; padding:0.4em; font-size:87.5%;}
#termsSec .ssInfo li span strong{ color:#fff; font-size:150%; font-weight:500; background:none;}
#termsSec .ssInfo dl{ width:75%; padding:0; margin:0; position:relative;}
#termsSec .ssInfo dt{ width:33%;}
#termsSec .ssInfo .aboutText{ width:65%; padding:0.5em; font-size:87.5%;}

/* 家庭教師同時募集 */
#termsSec .tutorInfo01{ margin: 20px 0;}
#termsSec .tutorInfo01 a{ width:90%; margin:0 auto; padding:1.5em; border:3px solid #B8D200; background: #FFF; position: relative; text-decoration: none;}
#termsSec .tutorInfo01 a:before{
	content: "";
	position:absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 37px 37px 0 0;
	border-color: #bad200 transparent transparent transparent;
}
#termsSec .tutorInfo01 a > p img{ display: block; margin: 0 auto;}
#termsSec .tutorInfo01 a > p img:first-child{ margin-bottom: 0.4em;}

#termsSec .tutorInfo01 dl{ margin: 0 auto;}
#termsSec .tutorInfo01 dt{ color:#B8D200; font-size:175%;}
#termsSec .tutorInfo01 dt span{ color:#fff; background-color:#ED1E79; padding:0.2em 0.5em 0.3em; margin:0 0 0 0.5em; font-size:60%; font-weight:500; vertical-align:top;}
#termsSec .tutorInfo01 dd strong{ font-size:143.75%;}
#termsSec .tutorInfo01 dd ul{ width:100%; margin:0.8em 0;}
#termsSec .tutorInfo01 dd li{ font-size:100%; padding:0.1em; border:none; line-height:1.2em; border: none !important; width: auto !important;}
#termsSec .tutorInfo01 dd li:not(:last-child):after{ content: ""; display: none;}
#termsSec .tutorInfo01 dd li:before{ 
	content:"";
	width:16px;
	height:16px;
	background-image:url(../images/icon_tutor01.png);
	background-repeat:no-repeat;
	background-position:center;
	background-size:100%;
	margin-right: 0.5em;
	display: inline-block;
	vertical-align: middle;
}
#termsSec .tutorInfo01 .tutorBtn{ font-size: 118.75%; background: #B8D200; border-radius: 8px; padding: 0.2em 0; color: #FFF; text-align: center; width: 18em;}
#termsSec .tutorInfo01 .tutorBtn:after{ 
	content:"";
	width:20px;
	height:20px;
	background-image:url(../images/icon_yazirushi.png);
	background-repeat:no-repeat;
	background-position:center;
	background-size:100%;
	margin-left: 0.3em;
	display: inline-block;
	margin-bottom: -3px;
}
#termsSec .tutorInfo01 p{ margin:0;}

/* .tutorInfo01:after{
	content: "家庭教師登録ページはこちら >>";
	background: #B8D200;
	width: 100%;
	display: block;
	text-align: center;
	color: #FFF;
	padding: 0 0 0.3em;
	line-height: 1.3em;
} */

 #areaSec .tutorInfo02{ max-width: 936px; margin: 0 auto; padding:0 0 3em;}
#areaSec .tutorInfo02 dt{ font-size: 155%;}
/*#areaSec .tutorInfo02 dt span:nth-child(1),
#areaSec .tutorInfo02 dt span:nth-child(2){ border: 1px solid #36B277; font-size: 55%; color: #36B277; width: 6em; background: #FFF; margin: 0;}
#areaSec .tutorInfo02 dt span:nth-child(2){ margin-left: 0.5em;}
#areaSec .tutorInfo02 dd{ line-height: 1.4em; margin-top: 0.3em;}*/
#areaSec .tutorInfo02 dd { font-size:95%; font-weight: normal;} 

.tutorInfo02{ margin: 20px 0;}
.tutorInfo02 a{ width:100%; margin:0 auto; padding:1.2em; border:3px solid #B8D200; background: #FFF; position: relative; text-decoration: none;}
.tutorInfo02 a:before{
	content: "";
	position:absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 37px 37px 0 0;
	border-color: #bad200 transparent transparent transparent;
}
.tutorInfo02 dl{ position:relative; margin: 0 auto;}
.tutorInfo02 dt{ color:#B8D200; font-size:150%;}
.tutorInfo02 dt span{ color:#fff; background-color:#ED1E79; padding:0.2em 0.5em 0.3em; margin:0 0 0 0.5em; font-size:60%; font-weight:500; vertical-align:top;}
.tutorInfo02 dd strong{ font-size:131.25%;}
.tutorInfo02 dd ul{ width:auto; margin:0.2em 0 0;}
.tutorInfo02 dd li{ font-size:87.5%; padding:0.1em; border:none; line-height:1.2em; border: none !important; width: auto !important;}
.tutorInfo02 dd li:not(:last-child):after{ content: ""; display: none;}
.tutorInfo02 dd li:before{ 
	content:"";
	width:16px;
	height:16px;
	background-image:url(../images/icon_tutor01.png);
	background-repeat:no-repeat;
	background-position:center;
	background-size:100%;
	margin-right: 0.5em;
	display: inline-block;
	vertical-align: middle;
}
.tutorInfo02 p{ margin:0;}
.tutorInfo02 div p:first-child img:last-child{ margin:0 0 0 6px;}
.tutorInfo02 .tutorBtn{ font-size: 100%; background: #B8D200; border-radius: 8px; padding: 0.2em 0; color: #FFF; text-align: center; margin-top: 5px;}
.tutorInfo02 .tutorBtn:after{ 
	content:"";
	width:20px;
	height:20px;
	background-image:url(../images/icon_yazirushi.png);
	background-repeat:no-repeat;
	background-position:center;
	background-size:100%;
	margin-left: 0.3em;
	display: inline-block;
	margin-bottom: -3px;
}

/* 特徴 */
#featuresSec{}
#featuresSec .aboutBox{ width:80%; margin:0 auto; padding:0 0 2em;}
#featuresSec .aboutBox dt{ font-size:112.5%; font-weight:500; text-align:center; color:#fff; background-color:#333; border-radius:50px; padding:0.3em;}
#featuresSec .aboutBox dd{ padding:1em;}
#featuresSec .aboutBox dd p{ margin:0; font-size:87.5%;}
#featuresSec .aboutBox dd p a{ display:block; margin:1em 0 0; font-size:87.5%;}
#featuresSec .aboutBox dd .aboutText{ width:48%; padding:1em 0 1em 1em;}


/* 研修制度&ステップアップ制度 */
#systemSec{}
#systemSec .aboutBox{ width:90%; margin:0 auto 2em; padding:1em 1em 2.5em; border-bottom:1px dashed #ccc;}
#systemSec .aboutBox dl{ width:calc(100% - 300px); padding:0 2em 0 0;}
#systemSec .aboutBox dt{ font-size:112.5%; font-weight:500; position:relative; padding:0 0 1em 80px; margin:0 0 0.5em;}
#systemSec .aboutBox dt:after{
	content:"";
	position:absolute;
	left:80px;
	bottom:-0.5em;
	font-size:67.5%;
	font-weight:normal;
	color:#999;
}
#systemSec .aboutBox #system01 dt:after{ content:"Introductory training";}
#systemSec .aboutBox #system02 dt:after{ content:"Training for newteachers";}
#systemSec .aboutBox #system03 dt:after{ content:"Study meeting";}
#systemSec .aboutBox dt:before{
	content:"";
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	width:70px;
	height:70px;
	margin:auto;
	background-position:center;
	background-size:cover;
	background-repeat:no-repeat;
}
#systemSec .aboutBox #system01 dt:before{ background-image:url(../images/icon_training.jpg);}
#systemSec .aboutBox #system02 dt:before,
#systemSec .aboutBox #system03 dt:before{ background-image:url(../images/icon_plus_alpha.jpg);}
#systemSec .aboutBox dt strong{ color:#ED1E79; font-size:137.5%;}
#systemSec .aboutBox dd{}
#systemSec .aboutBox dd p{ margin:1em 0; font-size:87.5%; line-height:1.8em;}
#systemSec .aboutBox .aboutImg{ margin:0; position:relative;}
#systemSec .aboutBox .aboutImg:before{
	content:"";
    position:absolute;
    width:100%;
    height:100%;
    right:-10px;
    bottom:-10px;
    background-color:#ccc;
    background-image:-webkit-gradient(linear, 0 0, 100% 100%,color-stop(.25, #fff), color-stop(.25, transparent),color-stop(.5, transparent), color-stop(.5, #fff),color-stop(.75, #fff), color-stop(.75, transparent),to(transparent));
    -webkit-background-size:7px;
    background-image:linear-gradient(-45deg, #ccc 25%, #fff 25%, #fff 50%, #ccc 50%, #ccc 75%, #fff 75%, #fff);
    background-size:7px 7px;
    background-attachment:fixed;
    z-index:-1;
    opacity:0.8;
}
#systemSec .ssBox{ width:100%; border:5px solid #2FC9C9; padding:0;}
#systemSec .ssBox dl{ width:67%; padding:0 2em 0 100px; margin:0 0 0 auto; position:relative;}
#systemSec .ssBox dl:before{
	content:"";
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	width:80px;
	height:120px;
	margin:auto;
	background-image:url(../images/icon_ss_teacher.png);
	background-position:center;
	background-size:cover;
	background-repeat:no-repeat;
}
#systemSec .ssBox dt{ padding:0 0 0.5em; border-bottom:1px solid #ccc;}
#systemSec .ssBox dd p{ margin:0;}
#systemSec .ssBox dd strong{ background:linear-gradient(transparent 60%, #FFFF00 60%); padding:0 0.2em;}
#systemSec .ssBox .ssInfo{ padding:1em; margin:0; background-color:#eee; width:30%;}
#systemSec .ssBox .ssInfo:before{ content:normal;}
#systemSec .ssBox .ssInfo dt{ padding:0; border:none;}
#systemSec .ssBox .ssInfo dd{ text-align:center;}
#systemSec .ssBox .ssInfo dd ul{}
#systemSec .ssBox .ssInfo dd li{ margin:0.5em auto 0; text-align:center; font-size:87.5%;}
#systemSec .ssBox .ssInfo dd li span{ display:block; background-color:#333; color:#fff; padding:0.4em;}
#systemSec .ssBox .ssInfo dd li span strong{ color:#FFBF00; font-size:150%; font-weight:500; background:none;}

/* 勤務開始までの流れ */
#flowSec{}
#flowSec ol{ max-width: 740px; margin: 0 auto;}
#flowSec li{ width:25%; margin:0; position:relative;}
#flowSec li:not(:last-child):after{
	content:"";
	width:20px;
	height:25px;
	position:absolute;
	top:-4.5em;
	bottom:0;
	right:-4em;
	margin:auto;
	background-image:url(../images/icon_arrow_grn.png);
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
}
#flowSec li dt{ text-align:center;}
#flowSec li dt img{ border-radius:50%; margin:0.5em;}
#flowSec li dd{ padding:1em 0; font-size:87.5%; text-align:center; margin:0 auto;}


/* お仕事Q&A */
#faqSec{}
#faqSec li{ width:50%; padding:1.5em;}
#faqSec li dt{ border-bottom:1px solid #2FC9C9; padding:0 0 0.3em; font-weight:500;}
/*---------------------------------------------------------*/
#faqSec li dt,
#faqSec li dd{ font-size:87.5%; padding-left:2.5em; margin:1em 0; position:relative;}
/*---------------------------------------------------------*/
#faqSec li dt:before,
#faqSec li dd:before{
	content:"";
	display:block;
	width:1.5em;
	height:1.5em;
	font-size:125%;
	text-align:center;
	position:absolute;
	top:0;
	left:0;
}
/*---------------------------------------------------------*/
#faqSec li dt:before{ content:"Q"; background-color:#2FC9C9; color:#fff;}
#faqSec li dd:before{ content:"A"; background-color:#FFBF00;}


/*--------------------------------------------------------------------------------
																		formSec
--------------------------------------------------------------------------------*/
#formSec{ background-color:#2FC9C9; padding:0;}
#formSec h2{ color:#fff; font-size:250%; font-weight:500;}
#formSec p{ margin:1.5em auto; color:#fff; line-height:1.4em;}
#formSec form{ background-color:#fff; padding:3em 5em; border-radius:10px;}
#formSec form .inputBox p{ color:#333; margin:0 auto;}
#formSec form .inputBox .inputItemList{ padding:1em 0;}
#formSec form .inputBox .inputItemList:not(:last-child){ border-bottom:1px solid #ccc;}
#formSec form .inputBox dt{ width:25%;}
#formSec form .inputBox dt .textNote{ display:block; margin:0;}
#formSec form .inputBox dd{ width:75%;}
#formSec form .inputBox dd p{ margin:0 0 0.5em; font-size:87.5%; font-weight:normal; color:#666;}
#formSec form .inputBox dd ul{ width:100%;}
#formSec form .inputBox dd ul li{ margin:0 1.5em 0.5em 0;}
#formSec form .inputBox dd ul li select[name="gakunen"]{ width:40%; margin:0 0.5em 0 0;}
#formSec form .inputBox dd .checkItem{ width:1.5em; height:1.5em; vertical-align:sub; margin:0 0.5em 0 0;}
#formSec form .inputBox dd .inputItem{ width:100%; padding:0.5em; font-size:100%;}
#formSec form .inputBox dd .mailCheck{ display:block; margin:0.5em auto 0;}
#formSec form .inputBox dd .mailCheck2{ display:block; margin:0.5em auto 0;color: red;}
#formSec form .inputBox #ageBox select{ width:20%;}
#formSec form .inputBox #ageBox span{ margin:0.5em;}
#formSec form .inputBox #ageBox #age{ font-size:100%; font-weight:500; padding:0 0 0 1em; margin:0; color:#333;}
#formSec form .inputBox #ageBox #age span{ margin:0; font-size:125%; font-weight:bold;}
#formSec form .inputBox #ageBox #age label{ color:#ED1E79;}
/*---------------------------------------------------------*/
#formSec form .inputBox dt,
#formSec form .inputBox dd{ padding:0.5em; font-weight:500; line-height:1.2em;}
/*---------------------------------------------------------*/
#formSec form .inputBox .textNote,
#formSec form .inputBox .textAny{ font-size:87.5%; display:inline-block; margin:0 1em;}
/*---------------------------------------------------------*/
#formSec form .inputBox .textNote{ color:#ED1E79;}
#formSec form .inputBox .textAny{ color:#2FC9C9;}
/*---------------------------------------------------------*/
#formSec form .inputBox #cramSchoolBox ul,
#formSec form .inputBox #areaBox ul{ padding:0.5em 0;}
/*---------------------------------------------------------*/
#formSec form .inputBox #cramSchoolBox li,
#formSec form .inputBox #areaBox li{ width:32%; margin:0 auto 0 0;}
/*---------------------------------------------------------*/
#formSec form .inputBox #cramSchoolBox li:last-child,
#formSec form .inputBox #areaBox li:last-child{ margin:0;}
/*---------------------------------------------------------*/
#formSec form .inputBox dd ul li .inputItem,
#formSec form .inputBox dd input[name="Mail2"]{ margin:0.5em 0;}
/*---------------------------------------------------------*/
#formSec form .inputBox .inputItemList dd .radioItem{ display:none;}
#formSec form .inputBox .inputItemList dd .radioItem + label{
	padding-left:25px;
	position:relative;
}
#formSec form .inputBox .inputItemList dd .radioItem + label::before{
	content:"";
	display:block;
	position:absolute;
	margin:auto;
	top:0;
	bottom:0;
	left:0;
	width:16px;
	height:16px;
	border:1px solid #999;
	border-radius:50%;
}
#formSec form .inputBox .inputItemList dd .radioItem:checked + label{ color:#2FC9C9;}
#formSec form .inputBox .inputItemList dd .radioItem:checked + label::after{
	content:"";
	display:block;
	position:absolute;
	margin:auto;
	top:0;
	bottom:0;
	left:3px;
	width:12px;
	height:12px;
	background:#2FC9C9;
	border-radius:50%;
}
::placeholder{ color:#999;}
/* 旧Edge対応 */
::-ms-input-placeholder{ color:#999;}
/* IE対応 */
:-ms-input-placeholder{ color:#999;}
/*---------------------------------------------------------*/
#formSec .sendBtn{ text-align:center;}
#submit-area .privacy_check input[type="checkbox"]{
	vertical-align: middle;
	margin-bottom: 5px;
	margin-right: 5px;

}
#formSec .sendBtn button{
	color:#fff;
	padding:0.6em 3em 0.7em;
	text-align:center;
	font-size:150%;
	font-weight:500;
	line-height:1em;
	text-decoration:none;
	border:none;
	border-radius:100px;
	box-shadow:2px 2px 3px #999;
	background-color:#ED1E79;
	cursor:pointer;
}




/*--------------------------------------------------------------------------------
																		footer
--------------------------------------------------------------------------------*/
footer{ background-color:#333; padding:0.5em;}
footer p{ color:#fff; margin:0; font-size:87.5%;}


/*--------------------------------------------------------------------------------
																		pageTop
--------------------------------------------------------------------------------*/
.pageTop a{ color:#2FC9C9; border-color:#2FC9C9;}
.pageTop a:hover{ background-color:#2FC9C9;}


/*--------------------------------------------------------------------------------
																confirm - thanks
--------------------------------------------------------------------------------*/
.messageSec h2{ text-align:center; font-size:200%; font-weight:500; color:#333; margin:0.5em auto; position:relative;}
.messageSec h2:after{
	content:"";
	display:block;
	width:2em;
	height:3px;
	margin:0.2em auto;
	background-color:#FFBF00;
}
.messageSec .sectionInner p{ margin:0.5em 0; text-align:center;}
.messageSec > p.tac a{
	display:block;
	max-width:180px;
	background-color:#2FC9C9;
	border-radius:50px;
	padding:0.3em 0.5em 0.4em;
	color:#fff;
	font-size:125%;
	text-decoration:none;
	margin:0 auto 3em;
	transition:opacity .3s;
}
.messageSec > p.tac a:hover{ opacity:0.6;}



/*--------------------------------------------------------------------------------
																         confirm
--------------------------------------------------------------------------------*/
#confirmSec{}
#confirmSec .sectionInner{ max-width:700px; margin:0 auto;}
#confirmSec #confirmArea{ margin:1em auto 2em;}
#confirmSec .inputItemList{ border-bottom:1px solid #ccc; padding:0.8em; font-size:100%;}
#confirmSec .inputItemList dt{ width:30%; font-size:87.5%; font-weight:normal; color:#999; position:relative;}
#confirmSec .inputItemList dd{ width:70%;}
#confirmSec #submit-area ul{ position:relative; margin:2em auto;}
#confirmSec #submit-area .backBtn{ position:absolute; left:0; font-size:75%;}
#confirmSec #submit-area .backBtn a{
	border:1px solid #999;
	color:#666;
	border-radius:50px;
	width:4em;
	height:4em;
	padding:0;
	-webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	text-decoration:none;
}
#confirmSec #submit-area .sendBtn{}
#confirmSec #submit-area .sendBtn button{ font-size:150%; padding:0.4em 3em 0.5em; background-color:#2FC9C9; color:#fff; cursor:pointer; border-radius:50px; border:none;}
#confirmSec #submit-area li > *{ transition:opacity .3s;}
#confirmSec #submit-area li > *:hover{ opacity:0.6;}





/*		1000px以下		*/
@media screen and (min-width:641px) and (max-width:999px){
.pcNone{ display:none;}
.spNone{ display:block;}

.fastViewArea .sectionInner{ background-position: bottom 70% right ; background-size: 53%; width: 100%; padding: 40px 0 60px;}
.fastViewArea .sectionInner .mainBox{ margin-left: 20px;}
.fastViewArea .innerNaviBox{ width: 95%;}
.fastViewArea .innerNaviBox li{ width: calc( 97% / 5 );}
.fastViewArea .innerNaviBox ul li a{ width: 100%;}

#areaSec .tutorInfo02 a > p{ display: none;}
#termsSec .tutorInfo01 p:last-child{ display: none; }
#termsSec .tutorInfo01 dl{ width: 60%;}
.tutorInfo02 a > p{ display: none;}
.tutorInfo02 dl{ width: 60%;}
.tutorInfo02 a div{ width: 40%;}
}