﻿@charset "utf-8";

@import "base.css";
@import "common.css";
@import "blog.css";




/*####################　PageIndex　####################*/

#PageIndex {}


/*　#ContBox04
-------------------------------------*/
#PageIndex #Container #ContBox04 {
	background-color:#f2f2f2;
}

#PageIndex #Container #ContBox04 ul#EntryList01,
#PageIndex #Container #ContBox04 ul#EntryList02{
	font-size:0;
	list-style:0;
}

#PageIndex #Container #ContBox04 ul#EntryList01 li,
#PageIndex #Container #ContBox04 ul#EntryList02 li{
	margin:0 9px 0 0;
	width:192px;
	height:250px;
	display:inline-block;
	background-color:#fff;
}

#PageIndex #Container #ContBox04 ul#EntryList01 li:last-of-type,
#PageIndex #Container #ContBox04 ul#EntryList02 li:last-of-type{
	margin:0;
}

#PageIndex #Container #ContBox04 ul#EntryList01 li a,
#PageIndex #Container #ContBox04 ul#EntryList02 li a{
	display:block;
	width:100%;
	height:100%;
	text-decoration:none;
}

#PageIndex #Container #ContBox04 ul#EntryList01 li,
#PageIndex #Container #ContBox04 ul#EntryList02 li{
	width:192px;
	height:250px;
	display:inline-block;
	vertical-align:top;
}

#PageIndex #Container #ContBox04 ul#EntryList01 li img,
#PageIndex #Container #ContBox04 ul#EntryList02 li img{
	width:192px;
	height:138px;
}

#PageIndex #Container #ContBox04 ul#EntryList01 li dl.blogData dt.date,
#PageIndex #Container #ContBox04 ul#EntryList01 li dl.blogData dd.title,
#PageIndex #Container #ContBox04 ul#EntryList02 li dl.blogData dt.date,
#PageIndex #Container #ContBox04 ul#EntryList02 li dl.blogData dd.title{
	box-sizing:border-box;
}

#PageIndex #Container #ContBox04 ul#EntryList01 li dl.blogData dt.date,
#PageIndex #Container #ContBox04 ul#EntryList02 li dl.blogData dt.date{
	width:auto;
}

/*　#ContBox05 
-------------------------------------*/
#PageIndex #Container #ContBox05 table {
	border: solid 1px #d3d3d3;}
#PageIndex #Container #ContBox05 table td p {
	position:relative;
	padding-left:24px;
	font-size:18px;
	text-align:left;
	color:#333;}
	#PageIndex #Container #ContBox05 table td.end {
		text-align:right;}
	#PageIndex #Container #ContBox05 table td p:before {
  content: "";
  position: absolute;
  left: 0;
  top:40%;
  display:inline-block;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  background-color:#49bc79;}
  
/*　#ContBox06
-------------------------------------*/
#PageIndex #Container #ContBox06 {
	padding:50px 0 0 0;
	box-sizing:border-box;
	height:160px;
	background-color:#f2f2f2;
}

#PageIndex #Container #ContBox06 ul#EntryList03 li{
	margin:0 10px 0 0;
}

/*　動画
-------------------------------------*/
#cover {
	display:none;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height:100%;
	background-color: rgba(0,0,0,0.7);
	z-index: 98;
}

#coverVideo {
	display:none;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height:100%;
	z-index: 100;
}

#coverVideoClose {
	position:absolute;
	top:20px;
	right:20px;
	z-index:9999;
}

#coverVideoContent {
	margin: auto;
	height:100%;
}

#coverVideoContent iframe{
	position: relative;width: 100%;
	height: 100%;
	margin-top: 60px;
}


#PageCast.pageIndex #coverVideo{
	padding-top: 60px;
}

#PageCast.pageIndex #coverVideoWrapContent{
	max-width: 900px;
	margin: 0 auto;
}
#PageCast.pageIndex #coverVideoContent{
	position: relative;
	padding-top: 56.25%;
	max-width: 900px;
	
}

#PageCast.pageIndex #coverVideoContent iframe {
    position: absolute;
    /*display: block;*/
    top: 0;
    left: 0;
    /*width: 100%;*/
    /*height: 100%;*/
}

#PageCast.pageIndex #coverVideoClose{
	right: 0;
}

/*　リンク集
-------------------------------------*/
#PageIndex #Container #GroupsBox h2{
	margin-bottom: 0 !important;
	border-top:1px solid #e9f2eb;
	background-color: #f2fcf5;
	font-family: 'Cinzel', serif;
	font-weight: 400;
	color: #000;
	text-align:center;
}

#PageIndex #Container #GroupsBox h2 span{	color: #49bc79;}

#PageIndex #Container #GroupsBox h2 b{
	display: block;
	font-family: "游ゴシック体", 'YuGothic', "Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", 'Meiryo', "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	font-weight: 500;
	color: #666;
}

#PageIndex #Container #GroupsBox ul{	border-bottom: 1px solid #e1e1e1;}

#PageIndex #Container #GroupsBox ul:after{
	content:"";
	display:block;
	clear:both;
}

#PageIndex #Container #GroupsBox ul li{
	float: left;
	box-sizing: border-box;
	border-top: 1px solid #e1e1e1;
	border-right: 1px solid #e1e1e1;
	text-align: center;
}

#PageIndex #Container #GroupsBox ul li a:empty{
	cursor: default;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url(../img/symbol_01.png);
}

#PageIndex #Container #GroupsBox ul li a{
	display: block;
	text-decoration: none;
}

#PageIndex #Container #GroupsBox ul li a img{
	display: block;
	height: auto;
}

#PageIndex #Container #GroupsBox ul li a dl dt{
	font-weight: bold;
	color: #333;
}

#PageIndex #Container #GroupsBox ul li a dl dd{	color: #888;}

/*　#リンク集
-------------------------------------*/
#PageIndex #Footer{
	border-top:none;
}


@media print, screen and (min-width: 768px) {

#PageIndex #Header ul.infoList li.time {
	letter-spacing:0.045em;}
#PageIndex #Footer {
	padding-bottom:23px;}
#PageIndex #Footer h2 {
	margin-bottom:42px;
}
#PageIndex #Footer p {
	margin-bottom:0;}
#PageIndex #Footer small, 
#PageIndex #Footer address {
	letter-spacing:0.052em;
	line-height:1em;}

	#PageIndex #Container h3.title02{
		margin-bottom: 37px !important;
		color:#49bc79;
		font-family: "游明朝体", "YuMincho", "Yu Mincho", "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro", "ＭＳ 明朝", serif;
		font-weight: 400;
		line-height: 1;
		letter-spacing: 0.06em;
		text-align:center;
		font-size: 34px;
	}

	#MainVisualSP {
		display: none;
	}
  
	
/*　#ContBox01
-------------------------------------*/	
	#PageIndex #Container #ContBox01{
		position:relative;
		margin: 60px auto 59px;
		width: 100%;
		max-width: 1280px;
		min-width: 1000px;
		height:600px;
	}

	#PageIndex #Container #ContBox01 img{
		width:915px;
		height:440px;
		position:absolute;
		top:0;
		left:0;
		z-index:100px;
	}
	
	#PageIndex #Container #ContBox01 .subBox{
		box-sizing:border-box;
		padding: 47px 0px 0 38px;
		background-color:#fbf7ed;
		width:660px;
		height:360px;
		position:absolute;
		top: 239px;
		right: 20px;
		font-size:0;
		letter-spacing:0;
	}

	#PageIndex #Container #ContBox01 .leftBox,
	#PageIndex #Container #ContBox01 .rightBox{
		display:inline-block;
		vertical-align:top;
	}
	#PageIndex #Container #ContBox01 .rightBox {
		margin-top:-30px;}
	
	#PageIndex #Container #ContBox01 p.title{
		margin:0 auto -5px;
		width:110px;
		height:33px;
		background:url(../img/contents/top/title_01.png) no-repeat center center;
		background-size:110px auto;
		text-indent:-9999px;
		text-align:center;
	}

	#PageIndex #Container #ContBox01 h2{
		margin: 0 0 23px 0;
    	padding: 0 0 9px 0;
		color:#000000;
		background:url(../img/contents/top/icon_02_new.png) no-repeat center bottom;
		background-size:24px auto;
		font-family: "游明朝体", "YuMincho", "Yu Mincho", "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro", "ＭＳ 明朝", serif;
		text-align:center;
		font-size:34px;
		letter-spacing: 0.06em;
		font-weight:400;
	}

	#PageIndex #Container #ContBox01 .leftBox p{
		color:#000000;
	}
	#PageIndex #Container #ContBox01 .rightBox p{
		color:#f8a234;
	}

	#PageIndex #Container #ContBox01 .leftBox{
		margin: 0 28px 0 0;
	}

	#PageIndex #Container #ContBox01 .leftBox p{
		font-size:18px;
		line-height: 32px;
		text-align:center;
	}
	
	#PageIndex #Container #ContBox01 .rightBox p:first-of-type{
		margin: 0;
		padding:38px 0 0 0;
		box-sizing:border-box;
		width:280px;
		height:226px;
		background:url(../img/contents/top/bk_01.gif) no-repeat center center;
		background-size:280px auto;
		font-size:16px;
		line-height: 47px;
		text-align:center;
	}

	#PageIndex #Container #ContBox01 .rightBox p.btn{
		margin: 20px 0px 0 0px;
		position: relative;
		left: 13px;
		width:255px;
	}

	#PageIndex #Container #ContBox01 .rightBox p.btn a{
		display:block;
		width:255px;
		padding:10px 0 4px;
		background-color:#f0a44b;
		color:#ffffff!important;
		text-decoration:none;
		font-size:22px;
		text-align:center;
		font-weight:bold;
		line-height:0.9em;
	}
	#PageIndex #Container #ContBox01 .rightBox p.btn a span {
		padding-left:25px;
		font-size:12px;}

	#PageIndex #Container #ContBox01 .rightBox p.btn a:hover{
		opacity:0.8;
	}

/*　#ContBox02
-------------------------------------*/
	#PageIndex #Container #ContBox02{
		margin: 0 0 100px 0;
		padding: 75px 0 0 0;
		box-sizing:border-box;
		height:300px;
		background:url(../img/contents/top/bk_02.jpg) no-repeat center center;
		background-size:cover;
	}

	#PageIndex #Container #ContBox02 p{
		margin:0 auto;
		width:144px;
		height:127px;
		background:url(../img/contents/top/icon_05.png) no-repeat center center;
		background-size:92px auto;
		text-align:center;
	}

	#PageIndex #Container #ContBox02 p a{
		box-sizing:border-box;
		padding: 118px 0 0 0;
		display:block;
		width:100%;
		height:100%;
		color:#fff;
		font-size:20px;
		text-decoration:none;
		letter-spacing: 0.08em;
	}

/*　#ContBox03
-------------------------------------*/
	#PageIndex #Container #ContBox03{
		margin: 0 auto 100px;
	}

	#PageIndex #Container #ContBox03 h3{
		margin: 0 0 22px 0;
	}

	#PageIndex #Container #ContBox03 ul#EntryList {
    	margin: 0 auto 30px;
	}

	#PageIndex #Container #ContBox03 p.more a{
		width: 289px;
	}
	
	#PageIndex #Container #ContBox03 .btn_medeia{
		width:800px;
		margin:51px auto 0;
	}

	#PageIndex #Container #ContBox03 .btn_medeia a {
	box-sizing:border-box;
		padding:30px 0 0;
		height:140px;
	color:#333;
	border:1px solid #d3ebdb;
	background:#e9fbef url(../img/contents/top/icon_08.png) no-repeat 95.8% center;
	background-size:34px auto;
	display:block;
	text-decoration:none;
	}

	#PageIndex #Container #ContBox03 .btn_medeia a p{
	text-align:center;
	}

	#PageIndex #Container #ContBox03 .btn_medeia a p:first-of-type{
		font-size:34px;
		font-family: "游明朝体", "YuMincho", "Yu Mincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ 明朝", serif;
		text-align:center;
		font-weight:400;
	/*font-family: 'Cinzel', serif;
	font-weight: 400;*/
	}

	#PageIndex #Container #ContBox03 .btn_medeia a p:nth-of-type(2){
		margin: -5px 0 0;
		letter-spacing: 0.2em;
		font-size:16px;
	}

	#PageIndex #Container #ContBox03 .btn_medeia a:hover{
		opacity:0.8;
	}

	

/*　#ContBox04
-------------------------------------*/
	#PageIndex #Container #ContBox04{
		padding: 94px 0 0 0;
		box-sizing:border-box;
		height: 596px;
	}

	#PageIndex #Container #ContBox04 h3{
		margin: 0 0 23px 0;
	}

	#PageIndex #Container #ContBox04 ul#EntryList01{
		margin:0 auto 28px;
		width:1000px;
	}

	#PageIndex #Container #ContBox04 ul#EntryList01 li a:hover{
		opacity:0.8;
	}
	
	#PageIndex #Container #ContBox04 ul#EntryList01 li dl.blogData dt.date,
	#PageIndex #Container #ContBox04 ul#EntryList01 li dl.blogData dd.title{
		font-size: 18px;
		line-height:28px;
	}

	#PageIndex #Container #ContBox04 ul#EntryList01 li dl.blogData dt.date{
		padding:12px 20px 0 20px;
	}

	#PageIndex #Container #ContBox04 ul#EntryList01 li dl.blogData dd.title{
		padding:0 20px 0 20px;
	}

	#PageIndex #Container #ContBox04 ul#EntryList02{
		display:none;
	}


/*　#ContBox05
-------------------------------------*/
	#PageIndex #Container #ContBox05{
		margin: 0 0 113px 0;
		border-top:1px solid #fff;
	}

	#PageIndex #Container #ContBox05 .imgBox{
		margin: 0 0 94px 0;
		height:200px;
		background:url(../img/contents/top/bk_03.jpg) no-repeat center center;
		background-size:cover;
		text-indent:-9999px;
	}

	#PageIndex #Container #ContBox05 h3.title{
		margin: 0 0 60px 0;
	}
	
	#PageIndex #Container #ContBox05 h4{
		margin: 0 0 40px 0;
		padding: 0 0 9px 0;
		color:#49bc79;
		background:url(../img/contents/top/icon_03.png) no-repeat center bottom;
		background-size:24px auto;
		font-family: 'Cinzel', serif;
		font-weight: 400;
		font-size:26px;
		text-align:center;
	}

	#PageIndex #Container #ContBox05 p{
		margin: 0 0 45px 0;
		font-size:20px;
		text-align:center;
	}

	#PageIndex #Container #ContBox05 p:last-of-type{
		margin: 0;
		
	}

	#PageIndex #Container #ContBox05 p a{
		color:#333;
		text-decoration:none;
	}

	#PageIndex #Container #ContBox05 p a:hover{
		text-decoration:underline;
	}

#PageIndex #Container #ContBox05 table {
	width:1000px;
	margin:0 auto;
	margin-bottom:50px;}

	#PageIndex #Container #ContBox05 table tr td {
	padding:15px 20px;
	border-bottom:solid 1px #ededed;
	border-left:solid 1px #ededed;
	vertical-align:middle;}
	#PageIndex #Container #ContBox05 table tr td:first-child {
		border-left:none;}
		#PageIndex #Container #ContBox05 table tr:last-child td {
			border-bottom:none;}
	
#PageIndex #Container #ContBox05 table.list01 td,
#PageIndex #Container #ContBox05 table.list05 td,
#PageIndex #Container #ContBox05 table.list06 td{
	width:33%;
}
#PageIndex #Container #ContBox05 table.list03 td,
#PageIndex #Container #ContBox05 table.list07 td{
	width:50%;
}
/*　#リンク集
-------------------------------------*/
	#PageIndex #Container #GroupsBox h2{
		padding-top: 61px;
		padding-bottom: 44px;
		font-size: 40px;
		letter-spacing:0;
	}

	#PageIndex #Container #GroupsBox h2 span{
		padding-left: 10px;
	}

	#PageIndex #Container #GroupsBox h2 b{
		margin-top: -8px;
		font-size: 12px;
	}

	#PageIndex #Container #GroupsBox ul li{	width: 25%;}

	#PageIndex #Container #GroupsBox ul li a:empty{	background-size: 97px auto;}

	#PageIndex #Container #GroupsBox ul li a:empty:hover{	box-shadow: none;}

	#PageIndex #Container #GroupsBox ul li:nth-of-type(4n){	border-right: 0;}

	#PageIndex #Container #GroupsBox ul li a{
		padding: 59px 20px 80px;
		box-shadow: 0 0 0 transparent;
		-moz-transition: box-shadow 0.5s;
		-webkit-transition: box-shadow 0.5s;
		-o-transition: box-shadow 0.5s;
		-ms-transition: box-shadow 0.5s;
	}

	#PageIndex #Container #GroupsBox ul li a:hover{
		box-shadow: 2px 2px 20px rgba(0, 0, 0, 0.1),
		-2px -2px 20px rgba(0, 0, 0, 0.1);
		-moz-transition: box-shadow 0.5s;
		-webkit-transition: box-shadow 0.5s;
		-o-transition: box-shadow 0.5s;
		-ms-transition: box-shadow 0.5s;
	}

	#PageIndex #Container #GroupsBox ul li a img{
		margin: 0 auto 23px;
		width: 220px;
	}

	#PageIndex #Container #GroupsBox ul li a dl dt{
		margin-bottom: 16px;
		font-size: 18px;
	}

	#PageIndex #Container #GroupsBox ul li a dl dd{
		line-height: 20px;
		font-size: 12px;
	}
}

@media screen and (max-width: 767px) {
	#PageIndex #Container h3.title02{
		color:#49bc79;
		font-family: 'Italianno', cursive;
		font-weight: 400;
		line-height: 1;
		letter-spacing: 0.06em;
		text-align:center;
		font-size:50px;
	}

	#MainVisual {
		display: none;
	}
	
	#MainVisualSP {
		padding-top: 34px;
		height: 337px;
	}
	
	#MainVisualAreaSP .card {
		float: left;
		margin-right: 25px;
	}

	
/*　#ContBox01
-------------------------------------*/
	#PageIndex #Container #ContBox01{
		margin: 50px 0 0 0;
	}

	#PageIndex #Container #ContBox01 .subBox{
		margin-top: -7px;
		padding: 0 0 46px 0;
		background-color:#fbf7ed;
	}

	#PageIndex #Container #ContBox01 .leftBox p.title{
		margin:0 auto;
		width:110px;
		height:33px;
		background:url(../img/contents/top/title_01.png) no-repeat center center;
		background-size:110px auto;
		text-indent:-9999px;
		text-align:center;
	}

	#PageIndex #Container #ContBox01 h2{
		margin: 0 0 29px 0;
		padding: 0 0px 9px 0;
		color:#000;
		background:url(../img/contents/top/icon_02_new.png) no-repeat center bottom;
		background-size:24px auto;
		font-family: "游明朝体", "YuMincho", "Yu Mincho", "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro", "ＭＳ 明朝", serif;
		text-align:center;
		font-size:26px;
		weight:400;
	}

	#PageIndex #Container #ContBox01 .leftBox p{
		color:#000;
	}
	#PageIndex #Container #ContBox01 .rightBox p{
		color:#f8a234;
	}

	#PageIndex #Container #ContBox01 .leftBox{
		padding: 37px 0 0 0;
	}

	#PageIndex #Container #ContBox01 .leftBox p{
		margin: 0 0 26px 0;
		padding: 0 0 4px 0;
		font-size:13px;
		line-height:30px;
		text-align:center;
	}
	
	#PageIndex #Container #ContBox01 .rightBox p:first-of-type{
		margin:0 auto;
		padding: 34px 0 0 0;
		box-sizing:border-box;
		width:280px;
		height:226px;
		background:url(../img/contents/top/bk_01.gif) no-repeat center center;
		background-size:280px auto;
		font-size:12px;
		line-height: 48px;
		text-align:center;
	}

	#PageIndex #Container #ContBox01 .rightBox p.btn{
		margin:0 auto;
		margin-top: 20px;
		position: relative;
		width:255px;
	}

	#PageIndex #Container #ContBox01 .rightBox p.btn a{
		display:block;
		width:255px;
		padding:10px 0 4px;
		background-color:#f0a44b;
		color:#ffffff!important;
		text-decoration:none;
		font-size:20px;
		text-align:center;
		font-weight:bold;
		line-height:0.9em;
	}
	#PageIndex #Container #ContBox01 .rightBox p.btn a span {
		padding-left:24px;
		font-size:12px;}

/*　#ContBox03
-------------------------------------*/
	#PageIndex #Container #ContBox03 .innerBasic{
		padding:0;
	}

	#PageIndex #Container #ContBox03{
		margin: 0 auto 70px;
	}

	#PageIndex #Container #ContBox03 h3{
		margin: 0 0 24px 0;
		font-family: "游明朝体", "YuMincho", "Yu Mincho", "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro", "ＭＳ 明朝", serif;
		font-size: 21px;
	}
	#PageIndex #Container #ContBox03 p.more a{
		width: 300px;
		height: 46px;
		font-size: 15px;
	}
	#PageIndex #Container #ContBox03 ul#EntryList {
    	margin: 0 auto 30px;
	}

	#PageIndex #Container #ContBox03 .btn_medeia{
		margin:43px 0 0;
	}

	#PageIndex #Container #ContBox03 .btn_medeia a {
		box-sizing:border-box;
		padding: 18px 0 7px;
		/*height:104px;*/
		color:#333;
		border:1px solid #d3ebdb;
		background:#e9fbef url(../img/contents/top/icon_08.png) no-repeat center right;
		background-size:34px auto;
		display:block;
		text-decoration:none;
	}

	#PageIndex #Container #ContBox03 .btn_medeia a p{
		text-align:center;
	}

	#PageIndex #Container #ContBox03 .btn_medeia a p:first-of-type{
		font-size:23px;
		/*font-family: 'Cinzel', serif;
		font-weight: 400;*/
	}

	#PageIndex #Container #ContBox03 .btn_medeia a p:nth-of-type(2){
		font-size:11px;
		letter-spacing: 0.2em;
	}
	

/*　#ContBox02
-------------------------------------*/
	#PageIndex #Container #ContBox02{
		margin: 0 0 70px 0;
		padding: 75px 0 0 0;
		box-sizing:border-box;
		height:300px;
		background:url(../img/contents/top/bk_02.jpg) no-repeat center center;
		background-size:cover;
	}

	#PageIndex #Container #ContBox02 p{
		margin:0 auto;
		width:144px;
		height:127px;
		background:url(../img/contents/top/icon_05.png) no-repeat center center;
		background-size:92px auto;
		text-align:center;
	}

	#PageIndex #Container #ContBox02 p a{
		box-sizing:border-box;
		padding: 121px 0 0 0;
		display:block;
		width:100%;
		height:100%;
		color:#fff;
		font-size:12px;
		text-decoration:none;
		letter-spacing: 0.08em;
	}


/*　#ContBox03
-------------------------------------*/
	#PageIndex #Container #ContBox03{
		margin: 0 auto 70px;
	}



/*　#ContBox04
-------------------------------------*/
	#PageIndex #Container #ContBox04{
		padding: 65px 0 0 0;
		box-sizing:border-box;
		height: 537px;
	}

	#PageIndex #Container #ContBox04 h3{
		margin: 0 0 23px 0;
	}

	#PageIndex #Container #ContBox04 ul#EntryList02{
		margin:0 auto 30px;
	}

	#PageIndex #Container #ContBox04 ul#EntryList02 li dl.blogData dt.date,
	#PageIndex #Container #ContBox04 ul#EntryList02 li dl.blogData dd.title{
		font-size: 11px;
	}

	#PageIndex #Container #ContBox04 ul#EntryList02 li dl.blogData dd.title{
		line-height:18px;
	}

	#PageIndex #Container #ContBox04 ul#EntryList02 li dl.blogData dt.date{
		padding:15px 15px 0 15px;
	}
	
	#PageIndex #Container #ContBox04 ul#EntryList02 li dl.blogData dd.title{
		padding:0 15px 0 15px;
	}


	#PageIndex #Container #ContBox04 ul#EntryList01{
		display:none;
	}

	#PageIndex #Container #ContBox04 .slick-prev, .slick-next {
		position: absolute;
		z-index: 100;
		display: block;
		height: 19px;
		width: 38px;
		line-height: 0px;
		font-size: 0px;
		cursor: pointer;
		background: transparent;
		color: transparent;
		top: 53%;
		-webkit-transform: translate(0, -50%);
		-ms-transform: translate(0, -50%);
		transform: translate(0, -50%);
		padding: 0;
		border: none;
		outline: none;
	}
	
	#PageIndex #Container #ContBox04 .slick-prev{
		left:30px;
		background:url(../img/contents/top/icon_06.png) no-repeat center left;
		background-size:19px auto;
	}
	
	#PageIndex #Container #ContBox04 .slick-next{
		right:30px;
		background:url(../img/contents/top/icon_07.png) no-repeat center right;
		background-size:19px auto;
	}



/*　#ContBox05
-------------------------------------*/
	#PageIndex #Container #ContBox05{
		margin: 0 0 97px 0;
		border-top:1px solid #fff;
	}

	#PageIndex #Container #ContBox05 .imgBox{
		margin: 0 0 73px 0;
		height:200px;
		background:url(../img/contents/top/img_03.jpg) no-repeat center center;
		background-size:cover;
		text-indent:-9999px;
	}

	#PageIndex #Container #ContBox05 h3.title{
		margin: 0 0 60px 0;
	}

	#PageIndex #Container #ContBox05 h4:first-of-type{
		margin: 0 0 30px 0;
	}
	
	#PageIndex #Container #ContBox05 h4{
		margin: 62px 0 30px 0;
		padding: 0 0 7px 0;
		color:#49bc79;
		background:url(../img/contents/top/icon_03.png) no-repeat center bottom;
		background-size:24px auto;
		font-family: 'Cinzel', serif;
		font-weight: 400;
		font-size:19px;
		text-align:center;
		letter-spacing: 0.12em;
	}

	#PageIndex #Container #ContBox05 p{
		font-size:13px;
		line-height:22px;
		text-align:center;
	}

	#PageIndex #Container #ContBox05 p a{
		color:#333;
		text-decoration:none;
	}
#PageIndex #Container #ContBox05 table {
	width:100%;
	margin-bottom:50px;}
#PageIndex #Container #ContBox05 table td {
	display:block;
	padding:8px 15px;
	border-bottom:solid 1px #ededed;
	font-size:13px;}
	#PageIndex #Container #ContBox05 table  tr:last-child td:last-child {
		border-bottom:none;}
	
	#PageIndex #Container #ContBox05 table td p {
		padding-left:14px;
		font-size:13px;}
		#PageIndex #Container #ContBox05 table td p:before {
			width:6px;
			height:6px;}


/*　リンク集
-------------------------------------*/
	#PageIndex #Container #GroupsBox h2{
		padding-top: 41px;
		padding-bottom: 26px;
		font-size: 29px;
		line-height: 30px;
		letter-spacing: 0;
	}

	#PageIndex #Container #GroupsBox h2 b{
		margin-top: -7px;
		font-size: 13px;
	}

	#PageIndex #Container #GroupsBox ul li{	width: 50%;}

	#PageIndex #Container #GroupsBox ul li a:empty{	background-size: 73px auto;}

	#PageIndex #Container #GroupsBox ul li a:empty:hover{	box-shadow: none;}

	#PageIndex #Container #GroupsBox ul li:nth-of-type(2n){	border-right: 0;}
	#PageIndex #Container #GroupsBox ul li:nth-of-type(2n+1){	clear: both;}

	#PageIndex #Container #GroupsBox ul li a{
		padding: 30px 10px 47px;
	}

	#PageIndex #Container #GroupsBox ul li a img{
		margin: 0 auto 10px;
		width: 137px;
	}

	#PageIndex #Container #GroupsBox ul li a dl dt{
		margin-bottom: 7px;
		line-height: 20px;
		font-size: 13px;
	}

	#PageIndex #Container #GroupsBox ul li a dl dd{
		line-height: 16px;
		font-size: 11px;
	}

	#PageIndex #Container #GroupsBox ul li.list05 a dl dt,
	#PageIndex #Container #GroupsBox ul li.list09 a dl dd,
	#PageIndex #Container #GroupsBox ul li.list10 a dl dd,
	#PageIndex #Container #GroupsBox ul li.list13 a dl dd{	letter-spacing: 0;}

}



/*####################　PageBlog　####################*/

#PageBlog #Container{	border-top: 1px solid #ededed;}

#PageBlog #Container .listTypeCat{
	margin: 0 auto;
	font-size: 0;
}

#PageBlog #Container .listTypeCat li{
	position: relative;
	display: inline-block;
	text-align: center;
	vertical-align: middle;
	font-size: 16px;
	color: #333;
}

#PageBlog #Container .listTypeCat li::after{
	content: "";
	position: absolute;
	top: 50%;
	right: 0;
	display: block;
	margin-top: -10px;
	width: 1px;
	height: 20px;
	background-color: #ededed;
}

#PageBlog #Container .listTypeCat li a{
	text-decoration: none;
	color: #333;
}

#PageBlog #Container .subBox .date{
	margin:0;
	color:#888;
	font-family: 'Cinzel', serif;
	font-weight: 400;
	text-align:center;
}

#PageBlog #Container .subBox h3:first-of-type{
	margin: 0 !important;
	border:none!important;
	background:url(../img/contents/icon_02.png) no-repeat center bottom!important;
	background-size:24px auto!important;
	font-family: "游明朝体", "YuMincho", "Yu Mincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ 明朝", serif!important;
	text-align:center!important;
	font-weight:400!important;
}


/*　pageIndex
-------------------------------------*/
#PageBlog.pageIndex #Container .listTypeCat li:first-of-type a{	color: #c3c3c3;}

/*#PageBlog.pageIndex #Container .subBox:first-of-type{
	border-top: 1px solid #ededed;
	border-bottom: 1px solid #ededed;
}*/

#PageBlog.pageIndex #Container .subBox{
	border-bottom: 1px solid #ededed;
}

#PageBlog.pageIndex #Container .subBox{display:none;}
#PageBlog.pageIndex #Container .subBox:nth-child(1),
#PageBlog.pageIndex #Container .subBox:nth-child(2),
#PageBlog.pageIndex #Container .subBox:nth-child(3),
#PageBlog.pageIndex #Container .subBox:nth-child(4),
#PageBlog.pageIndex #Container .subBox:nth-child(5){display:block;}

/*　pageCategory
-------------------------------------*/
#PageBlog.pageCategory #Container ul#EntryList{
	border-top: none;
}

#PageBlog.pageCategory #Container ul#EntryList{
	border-top: 1px solid #ededed;
}

#PageBlog.pageCategory #Container ul#EntryList li:nth-of-type(10) ~ li{display:none;}

@media print, screen and (min-width: 768px) {
	
	#PageBlog #Container{	margin-top: 22px;}
	
	#PageBlog #Container .listTypeCat{
		margin-bottom: 107px;
		padding-top: 100px;
		width: 1000px;
	}
	
	#PageBlog #Container .listTypeCat li{	width: 24%;}
	
	#PageBlog #Container .listTypeCat li:last-of-type::after{	display: none;}
	
	#PageBlog #Container .listTypeCat li a:hover{	text-decoration: underline;}

	#PageBlog #Container .subBox .date{
		margin: 0 0 1px 0px !important;
		font-size:20px;
	}
	#PageBlog #Container .subBox h3:first-of-type{
		margin: 0 0 34px 0!important;
		padding: 0 0 17px 0 !important;
		font-size:34px!important;
	}

/*　#PageBlog.pageIndex
-------------------------------------*/
	#PageBlog.pageIndex #Container .subBox:first-of-type{
		margin: 22px 0 0 0;
		padding: 0 0 116px 0;
	}

	#PageBlog.pageIndex #Container .subBox{
		padding: 112px 0 116px 0;
	}
	#PageBlog.pageIndex #Container .entryBox{
    	padding: 0 100px;
	}
	
	#PageBlog.pageIndex #Container p.more{
		margin:37px 0 0 0; 
 	}

	#PageBlog.pageIndex #Footer {
		margin: 193px auto 0;
	}

/*　pageCategory
-------------------------------------*/
	#PageBlog.pageCategory #Container p.more{
		margin: 40px 0 0 0;
	}

	#PageBlog.pageCategory #Footer{
		margin: 175px auto 0;
	}
	
/*　#PageBlog.pageEntry
-------------------------------------*/
	#PageBlog.pageEntry #Container{
		/*margin:14px 0 0 0; */
 	}

	#PageBlog.pageEntry #Container .entryBox{
		padding: 0 0 100px 0;
		margin:0 auto;
		width:800px;
	}

	#PageBlog.pageEntry #Footer {
		margin: 225px auto 0;
	}
}

@media screen and (max-width: 767px) {
	#PageBlog #Container{	margin-top: -6px;}
	
	#PageBlog #Container .listTypeCat{
		padding-right: 15px;
		padding-left: 15px;
		margin-bottom: 42px;
		padding-top: 55px;
	}
	#PageBlog #Container .listTypeCat li{
		margin-bottom: 20px;
		width: 49%;
	}
	#PageBlog #Container .listTypeCat li:nth-of-type(2n)::after{	display: none;}

	#PageBlog #Container .subBox .date{
		font-size:13px;
	}

	#PageBlog #Container .subBox h3:first-of-type{
		margin: 3px 0 24px 0!important;
		padding:0 0 16px 0!important;
		font-size:21px!important;
		letter-spacing: 0.1em!important;
		line-height:32px!important;
	}

/*　#PageBlog.pageIndex
-------------------------------------*/
	#PageBlog.pageIndex #Container .subBox:first-of-type{	padding-top: 0;}
	
	#PageBlog.pageIndex #Container .subBox{
		padding: 73px 0 77px 0;
	}
	
	#PageBlog.pageIndex #Container p.more{
		margin: 30px 0 0 0;
 	}

	#PageBlog.pageIndex #Footer {
		margin: 110px auto 0;   
	}

/*　pageCategory
-------------------------------------*/
	#PageBlog.pageCategory #Container p.more{
		margin: 30px 0 0 0;
	}
	
	#PageBlog.pageCategory #Footer{
		margin: 125px auto 0;
	}

/*　#PageBlog.pageEntry
-------------------------------------*/
	#PageBlog.pageEntry #MainTitle {
		height: 149px;
	}

	#PageBlog.pageEntry #Container{
		margin:14px 0 0 0; 
 	}

	/*#PageBlog.pageEntry #Container .entryBox{
    	padding: 0 0 65px 0;
	}*/

	#PageBlog.pageEntry #Footer {
		margin: 144px auto 0;
	}
}

/*####################　PageCast　####################*/

#PageCast #Container .sectionTitle h3{
	font-family: "游明朝体", "YuMincho", "Yu Mincho", "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro", "ＭＳ 明朝", serif;
	text-align: center;
}/*追加*/

#PageCast #Container #ContBox01{
	font-size:0;
	letter-spacing:0;
}

#PageCast #Container #ContBox01 dl{
	display:inline-block;
}

#PageCast #Container #ContBox01 dl dd{
	margin:8px 0 0 0;
	text-align:center;
}

/*#ContBox02*/
#PageCast #Container #ContBox02{
	border-bottom: 1px solid #ededed;
}
#PageCast #Container #ContBox02 dl{
	display: inline-block;
}
#PageCast #Container #ContSubBox02{
	font-size: 0;
	letter-spacing: 0;
	margin: 0 auto;
}/*追加*/

#PageCast #Container #ContBox02 dl dt figure img {
	width: 100%;
}
#PageCast #Container #ContBox02 dl dt {
	position: relative;
}
#PageCast #Container #ContBox02 dl dt::after {
	content: "";
	background-image: url("../img/contents/cast/img_thumbbtn.png");
	background-size: 68px auto;
	background-position: center center;
	display: block;
	width: 68px;
	height: 68px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
/*#ContBox03*/
#PageCast #Container #ContBox03{
	width: 100%;
	border-top: 1px solid #ededed;
}
#PageCast #Container #ContSubBox03{
	font-size: 0;
	letter-spacing: 0;
	margin: 0 auto;
}
#PageCast #Container #ContBox03 dl{
	display: inline-block;
}
#PageCast #Container #ContBox03 dl dt figure img {
	width: 100%;
}

/*#js-movie*/
/*追加*/



@media print, screen and (min-width: 768px) {
	#PageCast #MainTitle{
		height: 238px;
	}/*追加*/
	#PageCast #Container .sectionTitle h3{
		font-size: 34px;
		margin-bottom: 38px;
	}/*追加*/
	
	/*#ContBox01*/
	#PageCast #Container #ContBox01{
		margin-bottom: 77px;
	}
	#PageCast #Container #ContBox01 dl{
		margin:6px 40px 0 0;
		width:168px;
		height:274px;
		position:relative;
	}

	#PageCast #Container #ContBox01 dl:nth-of-type(1),
	#PageCast #Container #ContBox01 dl:nth-of-type(2),
	#PageCast #Container #ContBox01 dl:nth-of-type(3),
	#PageCast #Container #ContBox01 dl:nth-of-type(4),
	#PageCast #Container #ContBox01 dl:nth-of-type(5){
		margin:0 40px 0 0;
	}

	#PageCast #Container #ContBox01 dl dt figure.img01,
	#PageCast #Container #ContBox01 dl dt figure.img02{
		position:absolute;
		top:0;
	}

	#PageCast #Container #ContBox01 dl dt figure img{
		width:168px;
		height:238px;
	}

	#PageCast #Container #ContBox01 dl:nth-child(5n){
		margin:0 0 35px 0;
	}

	#PageCast #Container #ContBox01 dl dd{
		position:relative;
		top: 240px;
		font-size:14px;
	}


/* box01 */
	#PageCast #Container #ContBox01 dl.box01:hover{
		cursor:pointer;
	}
	
	#PageCast #Container #ContBox01 dl.box01 dt figure.img01{
		z-index:10;
	}

	#PageCast #Container #ContBox01 dl.box01 dt figure.img02{
		z-index:5;
	}

	#PageCast #Container #ContBox01 dl.box01 dt:hover figure.img01{
		display:none;
	}
	
	/*#ContBox02*/
	#PageCast #Container #ContBox02{
		width: 100%;
		margin-bottom: 110px;
		padding-bottom: 82px;
	}
	#PageCast #Container #ContSubBox02{
		width: 1000px;
	}/*追加*/
	#PageCast #Container #ContBox02 dl{
		width: 220px;
		margin-right: 40px;
	}
	#PageCast #Container #ContBox02 dl:nth-child(4n){
		margin-right: 0;
	}
	#PageCast #Container #ContBox02 dl dt figure img {
		margin-bottom: 10px;
	}
	#PageCast #Container #ContBox02 dl dt {
		cursor: pointer;
	}
	#PageCast #Container #ContBox02 dl dt:hover {
		opacity: 0.8;
	}
	#PageCast #Container #ContBox02 dl dd{
		font-size: 14px;
		text-align: center;
		margin-bottom: 35px;
	}
	#PageCast.pageIndex #coverVideoClose:hover {
		cursor: pointer;
	}
	
	/*#ContBox03*/
	#PageCast #Container #ContBox03{
		margin-bottom: 110px;
		padding-bottom: 82px;
		padding-top: 111px;
	}
	#PageCast #Container #ContSubBox03{
		width: 1000px;
	}/*追加*/
	#PageCast #Container #ContBox03 dl{
		width: 480px;
		margin-right: 40px;
	}
	#PageCast #Container #ContBox03 #ContSubBox03 dl:nth-child(2n){
		margin-right: 0;
	}
	#PageCast #Container #ContBox03 dl dt{
		margin-bottom: 10px;
	}
	#PageCast #Container #ContBox03 dl dt figure{
		position: relative;
		height: 0;
		padding-bottom: 56.25%;
		overflow: hidden;
	}
	#PageCast #Container #ContBox03 dl dt figure iframe{
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
	}
	#PageCast #Container #ContBox03 dl dd{
		font-size: 14px;
		text-align: center;
		margin-bottom: 30px;
	}

	
	/*#Footer*/
	#PageCast #Footer{
		margin: 107px auto 0;
	}
}

@media screen and (max-width: 767px) {
	#PageCast #MainTitle{
		height: 139px;
	}
	#PageCast #Container .sectionTitle h3{
		font-size: 21px;
		margin-bottom: 3px;
	}/*追加*/
	#PageCast #Container #ContBox02 .sectionTitle h3{
		margin: 18px 0 31px;
	}/*追加*/
	#PageCast #Container #ContBox03 .sectionTitle h3{
		margin: 73px 0 31px;
	}/*追加*/
	
	#PageCast #Container #ContBox01{
		margin-bottom: 76px;
	}/*追加*/
	#PageCast #Container #ContBox01 dl{
		margin:31px 0 0 0;
		width:48%;
		display:inline-block;
	}

	#PageCast #Container #ContBox01 dl:nth-of-type(1){
		margin:0 0 0 0;
	}

	#PageCast #Container #ContBox01 dl:nth-of-type(2){
		margin:0 0 0 4%;
	}

	#PageCast #Container #ContBox01 dl:nth-child(2n){
		margin:31px 0 0 4%;
	}

	#PageCast #Container #ContBox01 dl dt figure.img01{
		z-index:10;
	}

	#PageCast #Container #ContBox01 dl dt figure.img02{
		display:none;
	}

	#PageCast #Container #ContBox01 dl dd{
		font-size:13px;
	}	
	
	/*#ContBox02*/
	#PageCast #Container #ContBox02 dl{
		width: 48%;
		margin-right: 4%;
	}
	
	#PageCast #Container #ContBox02 dl dt{
		margin-bottom: 7px;
	}
	#PageCast #Container #ContBox02 dl dt::after {
		background-size: 52px auto;
		width: 52px;
		height: 52px;
	}
	#PageCast #Container #ContBox02 dl dd{
		font-size: 13px;
		text-align: center;
		margin-bottom: 26px;
	}
	#PageCast #Container #ContBox02{
		padding-bottom: 51px;
		margin-bottom: 74px;
	}
	#PageCast #Container #ContBox02 #ContSubBox02 dl:nth-child(2n){
		margin-right: 0;
	}
	
	/*#ContBox03*/
	#PageCast #Container #ContBox03{
		padding: 0;
	}
	#PageCast #Container #ContBox03 #ContSubBox03{
		padding: 0 15px;
	}
	#PageCast #Container #ContBox03 dl{
		display: block;
		margin-bottom: 28px;
	}
	#PageCast #Container #ContBox03 dl{
		width: 100%;

	}
	#PageCast #Container #ContBox03 dl dd{
		font-size: 13px;
		text-align: center;
	}
	#PageCast #Container #ContBox03 #ContSubBox03 dl:nth-child(2n){
		margin-right: 0;
	}
	#PageCast #Container #ContBox03 dl dt{
		margin-bottom: 8px;
	}
	#PageCast #Container #ContBox03 dl dt figure{
		position: relative;
		height: 0;
		padding-bottom: 56.25%;
		overflow: hidden;
	}
	#PageCast #Container #ContBox03 dl dt figure iframe{
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
	}
		
	/*#Footer*/
	#PageCast #Footer{
		margin: 67px auto 0;
	}	

}


/*####################　PageSchool　####################*/

/*　#ContBox01
-------------------------------------*/
#PageSchool #Container #ContBox01 .subboxWarp .subBox h3{
	background:url(../img/contents/school/icon_04.gif) no-repeat center left;
	background-size:6px auto;
}

#PageSchool #Container #ContBox01 .subboxWarp .subBox:first-of-type p{
	color:#14a24f;
	text-align:center;
}

	
#PageSchool #Container #ContBox01 .subboxWarp .subBox:nth-of-type(2) .titleBox{
	position:relative;
	font-size:0;
}

#PageSchool #Container #ContBox01 .subboxWarp .subBox:nth-of-type(2) .titleBox h3,
#PageSchool #Container #ContBox01 .subboxWarp .subBox:nth-of-type(2) .titleBox ul{
	display:inline-block;
}

/*#PageSchool #Container #ContBox01 .subboxWarp .subBox:nth-of-type(2) .titleBox ul li{
	background-position:left center;
	background-repeat:no-repeat;
	background-size:11px auto;
}

#PageSchool #Container #ContBox01 .subboxWarp .subBox:nth-of-type(2) .titleBox ul li:first-of-type{
	background-image:url(../img/contents/school/icon_01.png);
}

#PageSchool #Container #ContBox01 .subboxWarp .subBox:nth-of-type(2) .titleBox ul li:nth-of-type(2){
	background-image:url(../img/contents/school/icon_02.png);
}*/

/*　#ContBox02
-------------------------------------*/
#PageSchool #Container #ContBox02{
	border-top:1px solid #ededed;
}

#PageSchool #Container #ContBox02 h4{
	text-align:center;
}

#PageSchool #Container #ContBox02 h4 span{
	color:#49bc79;
}

#PageSchool #Container #ContBox02 img{
	border:1px solid #d5d5d5;
}

/*　#ContBox03
-------------------------------------*/
#PageSchool #Container #ContBox03{
	border-top:1px solid #ededed;
}

#PageSchool #Container #ContBox03 ul.link li a{
	background:url(../img/contents/school/icon_03.png) no-repeat center left;
	background-size:9px auto;
	color:#333;
}

#PageSchool #Container #ContBox03 .layoutBox h4{
	color:#49bc79;
	background:url(../img/contents/icon_02.png) no-repeat center bottom;
	background-size:24px auto;
	text-align:center;
}

#PageSchool #Container #ContBox03 .layoutBox table{
	width:100%;
}

#PageSchool #Container #ContBox03 .layoutBox table tr{
	background-color:#f2faf5;
}

#PageSchool #Container #ContBox03 .layoutBox table tr:nth-child(2n){
	background-color:#fff;
}

#PageSchool #Container #ContBox03 .layoutBox table tr th,
#PageSchool #Container #ContBox03 .layoutBox table tr td{
	vertical-align:top;
}

#PageSchool #Container #ContBox03 .layoutBox table tr th{
	color:#49bc79;
	text-align:center;
}

#PageSchool #Container #ContBox03 .layoutBox table tr td ul li:before{
	content: "・";
}

#PageSchool #Container #ContBox03 .layoutBox p.btn a{
	box-sizing:border-box;
	color:#fff;
	background-color:#f0a44b;
	display:block;
	text-align:center;
	text-decoration:none;
}



@media print, screen and (min-width: 768px) {
	#PageSchool #Container{
		 padding: 19px 0 0 0;
	}
	
/*　#ContBox01
-------------------------------------*/
	#PageSchool #Container #ContBox01{
		padding: 0 0 24px 0;
	}
	
	#PageSchool #Container #ContBox01 p{
		margin: 0 0 87px 0;
		font-size:20px;
		line-height: 34px;
		text-align:center;
	}

	#PageSchool #Container #ContBox01 .subboxWarp .subBox h3{
		padding:0 0 0 14px;
		font-size:24px;
		letter-spacing: 0.05em;
	}

	#PageSchool #Container #ContBox01 .subboxWarp{
		font-size:0;
		letter-spacing:0;
	}

	#PageSchool #Container #ContBox01 .subboxWarp .subBox{
		display:inline-block;
		vertical-align:top;
	}

	#PageSchool #Container #ContBox01 .subboxWarp .subBox figure{
		margin:0 auto 6px;
	}

	#PageSchool #Container #ContBox01 .subboxWarp .subBox:first-of-type h3{
		margin: 0 0 20px 0;
	}
	
	#PageSchool #Container #ContBox01 .subboxWarp .subBox:first-of-type{
		margin: 0 45px 0 0;
		width: 475px;
	}

	#PageSchool #Container #ContBox01 .subboxWarp .subBox:first-of-type figure,
	#PageSchool #Container #ContBox01 .subboxWarp .subBox:first-of-type img{
		width:285px;
		height:264px;
	}

	#PageSchool #Container #ContBox01 .subboxWarp .subBox:first-of-type p{
		font-size:18px;
		letter-spacing: 0.05em;
	}
	
	#PageSchool #Container #ContBox01 .subboxWarp .subBox:nth-of-type(2) {
		width:480px;
	}

	#PageSchool #Container #ContBox01 .subboxWarp .subBox:nth-of-type(2) .titleBox{
		margin: 0 0 26px 0;
	}

	#PageSchool #Container #ContBox01 .subboxWarp .subBox:nth-of-type(2) .titleBox h3{
		margin: 0 105px 0 0;
	}

	#PageSchool #Container #ContBox01 .subboxWarp .subBox:nth-of-type(2) .titleBox ul{
		position:absolute;
		top:0px;
	}

	#PageSchool #Container #ContBox01 .subboxWarp .subBox:nth-of-type(2) .titleBox ul li{
		padding:0 0 0 23px;
		background-position:left center;
		background-repeat:no-repeat;
		background-size:15px auto;
		font-size:16px;
		line-height:1;
	}

	#PageSchool #Container #ContBox01 .subboxWarp .subBox:nth-of-type(2) .titleBox ul li:first-of-type{
		margin:0 0 10px 0;
		background-image:url(../img/contents/school/icon_01.png);
	}

	#PageSchool #Container #ContBox01 .subboxWarp .subBox:nth-of-type(2) .titleBox ul li:nth-of-type(2){
		background-image:url(../img/contents/school/icon_02.png);
	}

	
	#PageSchool #Container #ContBox01 .subboxWarp .subBox:nth-of-type(2) figure,
	#PageSchool #Container #ContBox01 .subboxWarp .subBox:nth-of-type(2) figure img{
		width:418px;
		height:289px;
	}


/*　#ContBox02
-------------------------------------*/
	#PageSchool #Container #ContBox02{
		padding: 113px 0 121px 0;
	}
	
	#PageSchool #Container #ContBox02 h4{
		margin: 0 0 27px 0;
		font-size:26px;
		line-height:1;
	}

	#PageSchool #Container #ContBox02 h4:first-of-type{
		margin: 70px 0 27px 0;
	}

	#PageSchool #Container #ContBox02 img:first-of-type{
		margin: 0 0 60px 0;
	}

	#PageSchool #Container #ContBox02 h4 span{
		position: relative;
		top: -7px;
		font-size:19px;
	}

/*　#ContBox03
-------------------------------------*/
	#PageSchool #Container #ContBox03{
		padding: 115px 0 121px 0;
	}
	
	#PageSchool #Container #ContBox03 ul.link{
		margin:63px auto 0;
		width:1000px;
		font-size:0;
		letter-spacing:0;
		text-align:center;
	}

	#PageSchool #Container #ContBox03 ul.link li{
		display:inline-block;
		font-size:18px;
		letter-spacing: 0.04em;
	}

	#PageSchool #Container #ContBox03 ul.link li:first-of-type{
		width:276px;
	}

	#PageSchool #Container #ContBox03 ul.link li:nth-of-type(2){
		width:300px;
	}

	#PageSchool #Container #ContBox03 ul.link li:nth-of-type(3){
		width:379px;
	}

	#PageSchool #Container #ContBox03 ul.link li a{
		padding:0 0 0 20px;
		text-decoration:none;
	}

	#PageSchool #Container #ContBox03 ul.link li a:hover{
		text-decoration:underline;
	}

	#PageSchool #Container #ContBox03 #subBox01{
		margin:36px 0 0 0;
		padding:36px 0 0 0;
		/*margin:72px 0 0 0;*/
	}

	#PageSchool #Container #ContBox03 #subBox02{
		margin:47px 0 0 0;
		padding:47px 0 0 0;
		/*margin: 94px 0 0 0;*/
	}

	#PageSchool #Container #ContBox03 #subBox03{
		margin:47px 0 0 0;
		padding:47px 0 0 0;
		/*margin: 93px 0 0 0;*/
	}

	#PageSchool #Container #ContBox03 .layoutBox h4{
		margin: 0 0 40px 0;
		padding: 0 0 13px 0;
		font-size:26px;
		letter-spacing: 0.08em;
	}

	#PageSchool #Container #ContBox03 .layoutBox .subBox{
		margin: 0px 0 40px 0;
		font-size:0;
		letter-spacing:0;
	}

	#PageSchool #Container #ContBox03 .layoutBox .subBox .leftBox,
	#PageSchool #Container #ContBox03 .layoutBox .subBox .rightBox{
		box-sizing:border-box;
		display:inline-block;
		vertical-align:top;
	}

	#PageSchool #Container #ContBox03 .layoutBox .subBox .leftBox{
		width:479px;
	}

	#PageSchool #Container #ContBox03 .layoutBox .subBox .leftBox img{
		width:479px;
		height:282px;
	}

	#PageSchool #Container #ContBox03 .layoutBox .subBox .rightBox{
		padding:0 0 0 40px;
		width:521px;
		position: relative;
		top: -6px;
	}

	#PageSchool #Container #ContBox03 .layoutBox p{
		font-size:20px;
		letter-spacing: 0.04em;
	}

	#PageSchool #Container #ContBox03 .layoutBox table{
		margin: 0 0 39px 0;
	}
	
	#PageSchool #Container #ContBox03 .layoutBox table tr th,
	#PageSchool #Container #ContBox03 .layoutBox table tr td{
		padding: 14px 0 14px 0;
		font-size:18px;
	}

	#PageSchool #Container #ContBox03 .layoutBox table tr th{
		width:170px;
	}
	
	#PageSchool #Container #ContBox03 .layoutBox table tr td{
		letter-spacing: 0.05em;
	}	

	#PageSchool #Container #ContBox03 .layoutBox p.btn a{
		margin:0 auto;
		padding: 9px 0 0 0;
		width: 240px;
		height: 46px;
		font-size:18px;
	}

	#PageSchool #Container #ContBox03 .layoutBox p.btn a:hover{
		opacity:0.8;
	}

	#PageSchool #Footer{
		margin: 17px auto 0;
	}

/* subBox01 */
	#PageSchool #Container #ContBox03 #subBox01{
		margin:36px 0 0 0;
		padding:36px 0 0 0;
		/*margin:72px 0 0 0;*/
	}

	#PageSchool #Container #ContBox03 #subBox01 .tablebox{
		margin: 0 0 39px 0;
		font-size:0;
		letter-spacing:0;
	}

	#PageSchool #Container #ContBox03 #subBox01 .tablebox table,
	#PageSchool #Container #ContBox03 #subBox01 .tablebox img{
		display:inline-block;
		vertical-align:top;
	}

	#PageSchool #Container #ContBox03 #subBox01 .tablebox table{
		margin:0 40px 0 0;
		width:810px;
	}
	
	
}

@media screen and (max-width: 767px) {
	#PageSchool #MainTitle {
    	height: 166px;
	}

/*　#ContBox01
-------------------------------------*/
	#PageSchool #Container #ContBox01{
		padding: 0 0 78px 0;
	}
	
	#PageSchool #Container #ContBox01 p{
		font-size:13px;
		line-height:22px;
	}
   
	#PageSchool #Container #ContBox01 .subboxWarp .subBox h3{
		margin: 0 0 13px 0;
		padding:0 0 0 14px;
		font-size:17px;
	}

	#PageSchool #Container #ContBox01 .subboxWarp .subBox:first-of-type h3{
		margin: 44px 0 13px 0;
	}

	#PageSchool #Container #ContBox01 .subboxWarp .subBox:first-of-type figure{
		margin: 0 71px 9px 71px;
	}

	#PageSchool #Container #ContBox01 .subboxWarp .subBox:first-of-type p{
		font-size:13px;
	}
	
	#PageSchool #Container #ContBox01 .subboxWarp .subBox:nth-of-type(2) .titleBox{
		 margin: 47px 0 15px 0;
	}

	#PageSchool #Container #ContBox01 .subboxWarp .subBox:nth-of-type(2) .titleBox h3{
		margin:0 15px 0 0;
	}

	#PageSchool #Container #ContBox01 .subboxWarp .subBox:nth-of-type(2) .titleBox ul{
		position:absolute;
		top:0;
	}

	#PageSchool #Container #ContBox01 .subboxWarp .subBox:nth-of-type(2) .titleBox ul li{
		padding: 0 0 0 18px;
		font-size:11px;
	}

	#PageSchool #Container #ContBox01 .subboxWarp .subBox:nth-of-type(2) .titleBox ul li{
		background-position:left center;
		background-repeat:no-repeat;
		background-size:11px auto;
	}

	#PageSchool #Container #ContBox01 .subboxWarp .subBox:nth-of-type(2) .titleBox ul li:first-of-type{
		background-image:url(../img/contents/school/icon_01.png);
	}

	#PageSchool #Container #ContBox01 .subboxWarp .subBox:nth-of-type(2) .titleBox ul li:nth-of-type(2){
		background-image:url(../img/contents/school/icon_02.png);
	}

	#PageSchool #Container #ContBox01 .subboxWarp .subBox:nth-of-type(2) figure{
		margin:0 23px;
	}


/*　#ContBox02
-------------------------------------*/
	#PageSchool #Container #ContBox02{
		padding: 75px 0 75px 0;
	}
	
	#PageSchool #Container #ContBox02 h4{
		font-size:19px;
		line-height:1;
	}

	#PageSchool #Container #ContBox02 h4:first-of-type{
		margin: 33px 0 22px 0;
	}

	#PageSchool #Container #ContBox02 h4:nth-of-type(2){
		margin: 45px 0 22px 0;
	}

	#PageSchool #Container #ContBox02 h4 span{
		position: relative;
		top: -7px;
		font-size:11px;
	}

	#PageSchool #Container #ContBox02 p.sp_display{
		margin: 12px 0 0 0;
		color:#888;
		font-size:13px;
		text-align:center;
	}
	

/*　#ContBox03
-------------------------------------*/
	#PageSchool #Container #ContBox03{
		padding: 75px 0 75px 0;
	}
	
	#PageSchool #Container #ContBox03 ul.link {
		 margin: 57px 0 0 0;
	}	
		
	#PageSchool #Container #ContBox03 ul.link li{
		margin: 0 0 15px 0;
		font-size:13px;
	}

	#PageSchool #Container #ContBox03 ul.link li a{
		padding: 0 0 0 17px;
		text-decoration:none;
	}

	#PageSchool #Container #ContBox03 #subBox01{
		margin:30px 0 0 0;
		padding:31px 0 0 0;
		/*margin: 61px 0 0 0;*/
	}

	#PageSchool #Container #ContBox03 #subBox02{
		margin:30px 0 0 0;
		padding:35px 0 0 0;
		/*margin: 65px 0 0 0;*/
	}

	#PageSchool #Container #ContBox03 #subBox03{
		margin:35px 0 0 0;
		padding:35px 0 0 0;
		/*margin: 70px 0 0 0;*/
	}

	#PageSchool #Container #ContBox03 .layoutBox h4{
		margin: 0 0 30px 0;
		padding: 0 0 11px 0;
		font-size:19px;
		line-height:30px;
		letter-spacing: 0.1em;
	}

	#PageSchool #Container #ContBox03 .layoutBox p{
		font-size:13px;
		line-height:22px;
	}

	#PageSchool #Container #ContBox03 .layoutBox .subBox .leftBox{
		margin:0 0 17px 0;
	}

	#PageSchool #Container #ContBox03 .layoutBox table{
		margin: 24px 0 29px 0;
	}

	#PageSchool #Container #ContBox03 #subBox02.layoutBox table{
		margin: 51px 0 29px 0;
	}

	#PageSchool #Container #ContBox03 .layoutBox table tr th,
	#PageSchool #Container #ContBox03 .layoutBox table tr td{
		box-sizing:border-box;
		font-size:11px;
	}

	#PageSchool #Container #ContBox03 .layoutBox table tr th{
		padding:18px 0 0 0;
		width: 85px;
	}

	#PageSchool #Container #ContBox03 .layoutBox table tr td{
		padding: 14px 13px 11px 13px;
		line-height:21px;
	}

	#PageSchool #Container #ContBox03 .layoutBox p.btn a{
		padding: 7px 0 0 0;
		margin:0 52px;
		height:37px;
		font-size:11px;
	}

	#PageSchool #Footer{
		margin: 69px auto 0;
	}

/* subBox01 */
	#PageSchool #Container #ContBox03 #subBox01{
		margin:36px 0 0 0;
		padding:36px 0 0 0;
		/*margin:72px 0 0 0;*/
	}

	#PageSchool #Container #ContBox03 #subBox01 .rightBox{
		margin: 0 0 39px 0;
		font-size:0;
		letter-spacing:0;
	}

	#PageSchool #Container #ContBox03 #subBox01 .rightBox p,
	#PageSchool #Container #ContBox03 #subBox01 .rightBox img{
		display:inline-block;
		vertical-align:top;
	}

	#PageSchool #Container #ContBox03 #subBox01 .rightBox p{
		box-sizing:border-box;
		padding:0 30px 0 0;
		width:78%;
	}

	#PageSchool #Container #ContBox03 #subBox01 .rightBox img{
		width:22%;
	}

}   


/*####################　PageVoiceGraduates　####################*/

/*　pageIndex
-------------------------------------*/
#PageVoiceGraduates.pageIndex #Container #ContBox02 {
	margin-bottom: 100px;
	box-sizing: border-box;
}

#PageVoiceGraduates.pageIndex #Container #ContBox02 *{
	box-sizing: border-box;
}

#PageVoiceGraduates.pageIndex #Container #ContBox02 .listArea .listBox h4 {
	background:#f7f7f7 url(../img/contents/faq/icon_open.png) no-repeat center right 20px;
}

	#PageVoiceGraduates.pageIndex #Container #ContBox02 .listArea .listBox h4.active {
		background-color: #effaf3;
		background-image: url(../img/contents/faq/icon_close.png);
		color: #49bc79;
		border: 1px solid #e4f4e9;
	}

	#PageVoiceGraduates.pageIndex #Container #ContBox02 .workFlow dl {
		display: flex;
		flex-wrap: wrap;
		width: 100%;
	}

	#PageVoiceGraduates.pageIndex #Container #ContBox02 .workFlow dl dd {
		height: 100%;
		text-align: justify;
		position: relative;
	}

	#PageVoiceGraduates.pageIndex #Container #ContBox02 .workFlow dl dd p {
		width: 100%;
	}

	#PageVoiceGraduates.pageIndex #Container #ContBox02 .workFlow dl dd:after {
		content: '';
		position: absolute;
		border-bottom: 1px dotted #49bc79;
		bottom: 10px;
		right: 0;
	}

	#PageVoiceGraduates.pageIndex #Container #ContBox02 .workFlow dl:last-of-type dt {
		background: none;
	}

	#PageVoiceGraduates.pageIndex #Container #ContBox02 .workFlow dl:last-of-type dd {
		padding-bottom: 0;
	}

	#PageVoiceGraduates.pageIndex #Container #ContBox02 .workFlow dl:last-of-type dd:after {
		display: none;
	}

	#PageVoiceGraduates.pageIndex #Container #ContBox02 .interview .qus {
		display: inline-block;
		background: #49bc79;
		color: #fff;
		text-align: center;
		border-radius: 50%;
	}

	#PageVoiceGraduates.pageIndex #Container #ContBox02 .interview .ans {
		display: inline-block;
		background: #f8a234;
		color: #fff;
		text-align: center;
		border-radius: 50%;
	}

	#PageVoiceGraduates.pageIndex #Container #ContBox02 .interview dl:last-of-type {
		border-bottom: 0;
	}

	#PageVoiceGraduates.pageIndex #Container #ContBox02 .interview dl dt,
	#PageVoiceGraduates.pageIndex #Container #ContBox02 .interview dl dd {
		display: table;
		width: 100%;
		text-align: justify;
	}

	#PageVoiceGraduates.pageIndex #Container #ContBox02 .interview dl dd ul.figure {
		width: 100%;
		margin-top: 22px;
		/*display: flex;
		flex-wrap: wrap;
		justify-content: space-between;*/
	}
	#PageVoiceGraduates.pageIndex #Container #ContBox02 .interview dl dd ul.figure:after{
		content:"";
		display:block;
		clear:both;
	}

	#PageVoiceGraduates.pageIndex #Container #ContBox02 .interview dl dd ul.figure li{
		float: left;
		margin-right: 5px;
		margin-top: 5px;
		width: auto;
		max-width: 137px;
	}

	#PageVoiceGraduates.pageIndex #Container #ContBox02 .interview dl dd ul.figure li:nth-of-type(2n){
		margin-right: 0;
	}

	/*#PageVoiceGraduates.pageIndex #Container #ContBox02 .interview dl dd ul.figure li:nth-of-type(1),
	#PageVoiceGraduates.pageIndex #Container #ContBox02 .interview dl dd ul.figure li:nth-of-type(2){
		margin-top: 0;
	}*/
	#PageVoiceGraduates.pageIndex #Container #ContBox02 .interview dl dd ul.figure li img{
		width: 100%;
		height: auto;
	}
	#PageVoiceGraduates.pageIndex #Container #ContBox02 .interview02 {
		margin-top: 10px;
	}


#PageVoiceGraduates.pageIndex #Container #ContBox01{
	border-top: 1px solid #ededed;
}
#PageVoiceGraduates.pageIndex #Container #ContBox01 ul li{display: none;}
#PageVoiceGraduates.pageIndex #Container #ContBox01 ul li:nth-child(1),
#PageVoiceGraduates.pageIndex #Container #ContBox01 ul li:nth-child(2),
#PageVoiceGraduates.pageIndex #Container #ContBox01 ul li:nth-child(3),
#PageVoiceGraduates.pageIndex #Container #ContBox01 ul li:nth-child(4),
#PageVoiceGraduates.pageIndex #Container #ContBox01 ul li:nth-child(5){display: block;}

#PageVoiceGraduates.pageIndex #Container #ContBox01 ul li a{
	color:#333;
	display:block;
	box-sizing:border-box;
	text-decoration:none;
}

/*　pageEntry
-------------------------------------*/
#PageVoiceGraduates.pageEntry #Container #ContBox01 .entryBox h3:first-of-type{
	color:#49bc79 !important;
	border:1px solid #e4f4e9 !important;
	background-color:#effaf3 !important;
	font-weight:500 !important;
}



@media print, screen and (min-width: 768px) {
/*　pageIndex
-------------------------------------*/
	#PageVoiceGraduates.pageIndex #MainTitle{
		height: 240px;
	}

	#PageVoiceGraduates.pageIndex #Container #ContBox01 ul,
	#PageVoiceGraduates.pageIndex #Container #ContBox02 .listArea  {
		margin: 40px 100px 0 100px;
	}

	#PageVoiceGraduates.pageIndex #Container #ContBox01 ul li,
	#PageVoiceGraduates.pageIndex #Container #ContBox02 .listArea .listBox h4 {
		margin:0 0 2px 0;
	}

	#PageVoiceGraduates.pageIndex #Container #ContBox01 ul li:hover,
	#PageVoiceGraduates.pageIndex #Container #ContBox02 .listArea .listBox h4{
		opacity:0.8;
		cursor: pointer;
	}

	#PageVoiceGraduates.pageIndex #Container p.more {
		margin: 40px 0 0 0;
	}

	#PageVoiceGraduates.pageIndex #Container #ContBox01{
		padding-top: 112px;
	}
	#PageVoiceGraduates.pageIndex #Container #ContBox01 ul{
		margin: 38px auto 0;
		width: 800px;
	}
	#PageVoiceGraduates.pageIndex #Container #ContBox01 ul li a{
		padding:20px 50px 19px 20px;
		background:#f7f7f7 url(../img/contents/icon_01.png) no-repeat center right;
		background-size:50px auto;
		font-size:22px;
	}

	#PageVoiceGraduates.pageIndex #Container #ContBox02{
		letter-spacing: 0.05em;
	}

	#PageVoiceGraduates.pageIndex #Container #ContBox02 .listArea .listBox h4 {
		padding:20px 50px 19px 42px;
		background:#f7f7f7 url(../img/contents/faq/icon_open.png) no-repeat;
		background-position: center right 20px;
		background-size:30px auto;
		font-size:22px;
	}

	#PageVoiceGraduates.pageIndex #Container #ContBox02 .listArea .listBox h4.active {
		padding: 19px 49px 18px 41px;
	}

	#PageVoiceGraduates.pageIndex #Container #ContBox02 .listBox .viewBox {
		display: none;
		margin-top: 39px;
		margin-bottom: 60px;
	}

	#PageVoiceGraduates.pageIndex #Container #ContBox02 .workFlow dl {
		min-height: 311px;
		margin-bottom: 30px;
	}

	#PageVoiceGraduates.pageIndex #Container #ContBox02 .workFlow dl dt {
		width: 260px;
		background: url(../img/contents/voice/icon_01.png) no-repeat bottom center;
		background-size: 20px auto;
	}

	#PageVoiceGraduates.pageIndex #Container #ContBox02 .workFlow dl dt img {
		width: 100%;
	}

	#PageVoiceGraduates.pageIndex #Container #ContBox02 .workFlow dl dd {
		width: calc(100% - 260px);
		height: auto;
		font-size: 20px;
		line-height: 34px;
		padding-left: 40px;
		padding-bottom: 51px;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}

	#PageVoiceGraduates.pageIndex #Container #ContBox02 .workFlow dl dd p {
		width: 100%;
	}

	#PageVoiceGraduates.pageIndex #Container #ContBox02 .workFlow dl dd:after {
		width: calc(100% - 46px);
	}

	#PageVoiceGraduates.pageIndex #Container #ContBox02 .workFlow dl:last-of-type {
		min-height: 260px;
		margin-bottom: 39px;
	}

	#PageVoiceGraduates.pageIndex #Container #ContBox02 .interview {
		background: #f4fcf7;
		padding: 30px 30px 9px 30px;
	}

	#PageVoiceGraduates.pageIndex #Container #ContBox02 .interview .qus,
	#PageVoiceGraduates.pageIndex #Container #ContBox02 .interview .ans {
		width: 38px;
		height: 38px;
		font-size: 22px;
		line-height: 38px;
	}

	#PageVoiceGraduates.pageIndex #Container #ContBox02 .interview .qus small,
	#PageVoiceGraduates.pageIndex #Container #ContBox02 .interview .ans small {
		font-size: 14px;
	}

	#PageVoiceGraduates.pageIndex #Container #ContBox02 .interview h3 {
		font-size: 22px;
		text-align: center;
		transform: translate(2px, 8px);
		margin-bottom: 32px;
	}

	#PageVoiceGraduates.pageIndex #Container #ContBox02 .interview h3 .qus {
		transform: translate(2px,-7px);
	}

	#PageVoiceGraduates.pageIndex #Container #ContBox02 .interview h3 .ans {
		transform: translate(-5px,-7px);
	}

	#PageVoiceGraduates.pageIndex #Container #ContBox02 .interview dl {
		border-bottom: 1px dotted #49bc79;
		padding: 30px 0 23px 0;
		line-height: 34px;
	}

	#PageVoiceGraduates.pageIndex #Container #ContBox02 .interview dl:first-of-type {
		padding: 0 0 22px 0;
	}

	#PageVoiceGraduates.pageIndex #Container #ContBox02 .interview dl dt,
	#PageVoiceGraduates.pageIndex #Container #ContBox02 .interview dl dd {
		font-size: 20px;
	}

	#PageVoiceGraduates.pageIndex #Container #ContBox02 .interview dl span,
	#PageVoiceGraduates.pageIndex #Container #ContBox02 .interview dl b {
		margin-right: 18px;
	}

	#PageVoiceGraduates.pageIndex #Container #ContBox02 .interview dl dt {
		margin-bottom: 15px;
	}

	#PageVoiceGraduates.pageIndex #Container #ContBox02 .interview dl dt b,
	#PageVoiceGraduates.pageIndex #Container #ContBox02 .interview dl dd b {
		display: table-cell;
		width: 38px;
	}

	#PageVoiceGraduates.pageIndex #Container #ContBox02 .interview dl dd p {
		margin: 0 0 20px 0;
	}

	#PageVoiceGraduates.pageIndex #Container #ContBox02 #listBox01 .workFlow dl dd p {
		margin: 0 0 20px 0;
	}

	#PageVoiceGraduates.pageIndex #Container #ContBox02 #listBox01 .interview dl:nth-of-type(2),
	#PageVoiceGraduates.pageIndex #Container #ContBox02 #listBox01 .interview dl:nth-of-type(5) {
		padding-bottom: 30px;
	}

	#PageVoiceGraduates.pageIndex #Container #ContBox02 #listBox02 .interview02 dl:nth-of-type(3) {
		padding-bottom: 22px;
	}

	#PageVoiceGraduates.pageIndex #Container #ContBox02 #listBox02 .interview01 ul.figure {
		margin: 32px 0 20px 0;
		width: 452px;
	}
	#PageVoiceGraduates.pageIndex #Container #ContBox02 .interview dl dd ul.figure li{
		margin-right: 10px;
		margin-top: 10px;
		max-width: 221px;
	}

	/*#PageVoiceGraduates.pageIndex #Container #ContBox02 #listBox02 .interview01 dl:nth-of-type(4) ul.figure img:nth-of-type(1),
	#PageVoiceGraduates.pageIndex #Container #ContBox02 #listBox02 .interview01 dl:nth-of-type(4) ul.figure img:nth-of-type(2) {
		margin-bottom: 10px;
	}*/

	#PageVoiceGraduates.pageIndex #Container #ContBox02 #listBox02 .interview02 ul.figure {
		margin: 22px 0 6px 0;
	}

	#PageVoiceGraduates.pageIndex #Container #ContBox02 .interview dl dd ul.figure li{
	}
	/*#PageVoiceGraduates.pageIndex #Container #ContBox02 #listBox02 .interview02 dl:first-of-type ul.figure img {
		transform: translateY(-2px);
	}*/

	#PageVoiceGraduates.pageIndex #Container #ContBox02 #listBox02 .interview02 dl:last-of-type ul.figure {
		margin-bottom: 22px;
	}

	#PageVoiceGraduates.pageIndex #Container #ContBox02 #listBox03 .workFlow dl:first-of-type {
		height: 314px;
	}

	#PageVoiceGraduates.pageIndex #Container #ContBox02 #listBox03 .interview01 dl:nth-of-type(2) {
		padding-bottom: 30px;
	}

	#PageVoiceGraduates.pageIndex #Container #ContBox02 #listBox03 .interview01 dl:nth-of-type(3) {
		padding-bottom: 22px;
	}

	#PageVoiceGraduates.pageIndex #Container #ContBox02 #listBox03 .interview01 dl:last-of-type {
		padding-bottom: 25px;
	}

	#PageVoiceGraduates.pageIndex #Container #ContBox02 #listBox03 .interview02 ul.figure {
		margin-bottom: 7px;
	}

	#PageVoiceGraduates.pageIndex #Container #ContBox02 #listBox03 .interview02 dl:nth-of-type(2) ul.figure {
		margin-top: 24px;
	}

	#PageVoiceGraduates.pageIndex #Container #ContBox02 #listBox03 .interview02 dl:last-of-type ul.figure {
		justify-content: left;
	}

	/*#PageVoiceGraduates.pageIndex #Container #ContBox02 #listBox03 .interview02 dl:last-of-type ul.figure img {
		margin-right: 10px;
	}*/

	#PageVoiceGraduates.pageIndex #Footer{
		margin: 205px auto 0;
	}


/*　pageEntry
-------------------------------------*/
	#PageVoiceGraduates.pageEntry #MainTitle{
		height: 247px;
	}
	
	#PageVoiceGraduates.pageEntry #Container #ContBox01 .entryBox{
		margin:0 auto;
		border-bottom:1px solid #ededed;
		width:800px;
	}

	#PageVoiceGraduates.pageEntry #Container #ContBox01 .entryBox h3:first-of-type{
		margin: 0 0 40px 0 !important;
		padding: 13px 19px 11px 19px !important;
		font-size:22px !important;
		line-height:30px !important;
		letter-spacing: 0.05em !important;
	}

	#PageVoiceGraduates.pageEntry #Container #ContBox01 .warp{
		font-size:0;
		letter-spacing:0;
	}

	#PageVoiceGraduates.pageEntry #Container #ContBox01 .warp .imgBox,
	#PageVoiceGraduates.pageEntry #Container #ContBox01 .warp .txtBox{
		display:inline-block;
		vertical-align:top;
	}

	#PageVoiceGraduates.pageEntry #Container #ContBox01 .warp .imgBox{
		margin:0 30px 0 0;
		width:168px;
	}

	#PageVoiceGraduates.pageEntry #Container #ContBox01 .warp .imgBox img{
		width:168px;
		height:auto;
	}

	#PageVoiceGraduates.pageEntry #Container #ContBox01 .warp .txtBox{
		width:602px;
	}


	#PageVoiceGraduates.pageEntry #Footer{
		 margin: 181px auto 0;
	}

}

@media screen and (max-width: 767px) {
/*　pageIndex
-------------------------------------*/
	#PageVoiceGraduates.pageIndex #MainTitle{
		height: 159px;
		padding-top: 52px;
	}

	#PageVoiceGraduates.pageIndex #Container #ContBox01 ul,
	#PageVoiceGraduates.pageIndex #Container #ContBox02 .listArea{
		margin: 33px 0 0 0;
	}

	#PageVoiceGraduates.pageIndex #Container #ContBox01 ul li,
	#PageVoiceGraduates.pageIndex #Container #ContBox02 .listArea .listBox h4 {
		margin:0 0 2px 0;
	}

	#PageVoiceGraduates.pageIndex #Container #ContBox01 ul li a{
		padding:23px 50px 18px 18px;
		background:#f7f7f7 url(../img/contents/icon_01.png) no-repeat center right;
		background-size:35px auto;
		font-size:15.26px;
		line-height:26px;
	}

	#PageVoiceGraduates.pageIndex #Container #ContBox01{
		padding-top: 73px;
		padding-right: 15px;
		padding-left: 15px;
	}
	#PageVoiceGraduates.pageIndex #Container #ContBox01 p.more {
		margin: 31px 0 0 0;
	}

	#PageVoiceGraduates.pageIndex #Container #ContBox02{
		letter-spacing: 0.025em;
	}

	#PageVoiceGraduates.pageIndex #Container #ContBox02 .listArea .listBox h4 {
		padding:25px 50px 23px 18px;
		background:#f7f7f7 url(../img/contents/faq/icon_open.png) no-repeat;
		background-position: center right 15px;
		background-size: 20px auto;
		font-size:15px;
	}
	#PageVoiceGraduates.pageIndex #Container #ContBox02 .listArea .listBox h4.active {
		padding: 24px 49px 22px 17px;
	}

	#PageVoiceGraduates.pageIndex #Container #ContBox02 .listBox .viewBox {
		display: none;
		margin-top: 29px;
		margin-bottom: 40px;
	}

	#PageVoiceGraduates.pageIndex #Container #ContBox02 .workFlow dl {
		min-height: 151px;
		height: auto;
		margin-bottom: 19px;
	}

	#PageVoiceGraduates.pageIndex #Container #ContBox02 .workFlow dl:last-of-type {
		min-height: 111px;
		margin-bottom: 31px;
	}

	#PageVoiceGraduates.pageIndex #Container #ContBox02 .workFlow dl dt {
		width: 110px;
		background: url(../img/contents/voice/icon_01.png) no-repeat bottom center;
		background-size: 20px auto;
	}

	#PageVoiceGraduates.pageIndex #Container #ContBox02 .workFlow dl dt img {
		transform: translateY(1px);
		width: 100%;
	}

	#PageVoiceGraduates.pageIndex #Container #ContBox02 .workFlow dl dd {
		width: calc(100% - 110px);
		height: auto;
		font-size: 13px;
		line-height: 22px;
		padding-left: 15px;
		padding-bottom: 35px;
		margin-top: -3px;
	}

	#PageVoiceGraduates.pageIndex #Container #ContBox02 .workFlow dl:last-of-type dd {
		padding-bottom: 0;
	}

	#PageVoiceGraduates.pageIndex #Container #ContBox02 .workFlow dl dd:after {
		width: calc(100% - 15px);
	}

	#PageVoiceGraduates.pageIndex #Container #ContBox02 .interview {
		background: #f4fcf7;
		padding: 30px 15px 9px 15px;
	}

	#PageVoiceGraduates.pageIndex #Container #ContBox02 .interview .qus,
	#PageVoiceGraduates.pageIndex #Container #ContBox02 .interview .ans {
		width: 25px;
		height: 25px;
		font-size: 14.575px;
		line-height: 25px;
	}

	#PageVoiceGraduates.pageIndex #Container #ContBox02 .interview .qus small,
	#PageVoiceGraduates.pageIndex #Container #ContBox02 .interview .ans small {
		font-size: 9.22px;
	}

	#PageVoiceGraduates.pageIndex #Container #ContBox02 .interview h3 {
		font-size: 15px;
		text-align: center;
		transform: translate(0, -4px);
		margin-bottom: 7px;
	}

	#PageVoiceGraduates.pageIndex #Container #ContBox02 .interview h3 .qus {
		transform: translate(2px,-5px);
	}

	#PageVoiceGraduates.pageIndex #Container #ContBox02 .interview h3 .ans {
		transform: translate(-2px,-5px);
	}

	#PageVoiceGraduates.pageIndex #Container #ContBox02 .interview dl {
		border-bottom: 1px dotted #49bc79;
		padding: 20px 0px;
		line-height: 22px;
	}

	#PageVoiceGraduates.pageIndex #Container #ContBox02 .interview dl:first-of-type {
		padding-top: 0;
	}

	#PageVoiceGraduates.pageIndex #Container #ContBox02 .interview dl:last-of-type {
		padding-bottom: 6px;
	}

	#PageVoiceGraduates.pageIndex #Container #ContBox02 .interview dl dt,
	#PageVoiceGraduates.pageIndex #Container #ContBox02 .interview dl dd {
		font-size: 13px;
	}

	#PageVoiceGraduates.pageIndex #Container #ContBox02 .interview dl span,
	#PageVoiceGraduates.pageIndex #Container #ContBox02 .interview dl b {
		margin-right: 10px;
	}

	#PageVoiceGraduates.pageIndex #Container #ContBox02 .interview dl dt {
		margin-bottom: 10px;
		transform: translateY(2px);
	}

	#PageVoiceGraduates.pageIndex #Container #ContBox02 .interview dl:first-of-type dt {
		transform: translateY(6px);
	}

	#PageVoiceGraduates.pageIndex #Container #ContBox02 .interview dl dd {
		transform: translateY(2px);
	}

	#PageVoiceGraduates.pageIndex #Container #ContBox02 .interview dl:first-of-type dd {
		transform: translateY(5px);
	}

	#PageVoiceGraduates.pageIndex #Container #ContBox02 .interview dl dt b,
	#PageVoiceGraduates.pageIndex #Container #ContBox02 .interview dl dd b {
		display: table-cell;
		width: 35px;
	}

	#PageVoiceGraduates.pageIndex #Container #ContBox02 .interview dl dd p {
		margin: 0 0 10px 0;
	}

	#PageVoiceGraduates.pageIndex #Container #ContBox02 .interview dl dd ul.figure {
		max-width: 284px;
		margin-top: 14px;
		padding-right: 1px;
	}

	#PageVoiceGraduates.pageIndex #Container #ContBox02 .interview dl dd ul.figure img {
		/*width: calc((100% - 5px) / 2);
		bottom: 9px;*/
	}

	/*#PageVoiceGraduates.pageIndex #Container #ContBox02 .interview01 dl dd ul.figure img {
		padding-bottom: 6px;
	}*/

	/*#PageVoiceGraduates.pageIndex #Container #ContBox02 .interview01 dl dd ul.figure img:last-of-type {
		padding-bottom: 8px;
	}*/

	#PageVoiceGraduates.pageIndex #Container #ContBox02 #listBox01 .interview dl:nth-of-type(3) {
		padding-bottom: 15px;
	}

	/*#PageVoiceGraduates.pageIndex #Container #ContBox02 #listBox01 .interview dl:nth-of-type(5) ul.figure {
		margin-bottom: 2px;
	}*/

	#PageVoiceGraduates.pageIndex #Container #ContBox02 #listBox01 .interview01 dl:nth-of-type(2),
	#PageVoiceGraduates.pageIndex #Container #ContBox02 #listBox02 .interview02 dl:nth-of-type(2),
	#PageVoiceGraduates.pageIndex #Container #ContBox02 #listBox03 .interview01 dl:nth-of-type(2),
	#PageVoiceGraduates.pageIndex #Container #ContBox02 #listBox03 .interview01 dl:nth-of-type(3) {
		padding-bottom: 15px;
	}

	#PageVoiceGraduates.pageIndex #Container #ContBox02 #listBox01 .interview01 dl:nth-of-type(3),
	#PageVoiceGraduates.pageIndex #Container #ContBox02 #listBox02 .interview01 dl:nth-of-type(3) {
		padding-bottom: 16px;
	}

	#PageVoiceGraduates.pageIndex #Container #ContBox02 #listBox02 .interview01 dl:nth-of-type(2) {
		padding-bottom: 14px;
	}

	#PageVoiceGraduates.pageIndex #Container #ContBox02 #listBox02 .interview02 dl:nth-of-type(3),
	#PageVoiceGraduates.pageIndex #Container #ContBox02 #listBox03 .interview01 dl:nth-of-type(4) {
		padding-bottom: 17px;
	}

	#PageVoiceGraduates.pageIndex #Container #ContBox02 #listBox03 .interview02 dl:nth-of-type(2) {
		padding-bottom: 22px;
	}

	#PageVoiceGraduates.pageIndex #Container #ContBox02 #listBox02 .interview01 dl:nth-of-type(4) ul.figure {
		margin: 13px 0 7px;
	}

	#PageVoiceGraduates.pageIndex #Container #ContBox02 #listBox02 .interview02 dl dd ul.figure {
		margin-bottom: 6px;
	}

	#PageVoiceGraduates.pageIndex #Container #ContBox02 #listBox02 .interview02 dl:last-of-type dd ul.figure {
		margin-bottom: 14px;
	}

	#PageVoiceGraduates.pageIndex #Container #ContBox02 #listBox03 .workFlow dl:nth-of-type(2) {
		margin-top: -4px;
	}

	#PageVoiceGraduates.pageIndex #Container #ContBox02 #listBox03 .workFlow dl:last-of-type {
		margin-bottom: 25px;
	}

	#PageVoiceGraduates.pageIndex #Container #ContBox02 #listBox03 .interview02 {
		padding-bottom: 16px;
	}

	#PageVoiceGraduates.pageIndex #Container #ContBox02 #listBox03 .interview02 dl:first-of-type ul.figure {
		margin: 14px 0 5px 0;
	}

	#PageVoiceGraduates.pageIndex #Container #ContBox02 #listBox03 .interview02 dl ul.figure {
		margin-top: 13px;
	}


	#PageVoiceGraduates.pageIndex #Footer {
    	margin: 121px auto 0;
	}

/*　pageEntry
-------------------------------------*/
	#PageVoiceGraduates.pageEntry #Container #ContBox01 .entryBox h3:first-of-type{
		margin:0 0 20px 0 !important;
		padding: 10px 19px 10px 19px !important;
		font-size:15.26px !important;
		line-height:26px !important;
		letter-spacing: 0.05em !important;
	}

	#PageVoiceGraduates.pageEntry #Container #ContBox01 .warp .imgBox{
		margin:0 89px;
	}

	#PageVoiceGraduates.pageEntry #Footer {
    	margin: 128px auto 0;
	}

	
}


/*####################　PageVoiceCustomer　####################*/

#PageVoiceCustomer #Container .subBox h3:first-of-type{
	border-bottom:1px solid #49bc79 !important;
	color:#49bc79!important;
	font-family: "游明朝体", "YuMincho", "Yu Mincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ 明朝", serif!important;
	letter-spacing: 0.05em!important;
	font-weight:400!important;
}

#PageVoiceCustomer.pageIndex #Container .subBox{display:none;}
#PageVoiceCustomer.pageIndex #Container .subBox:nth-child(2),
#PageVoiceCustomer.pageIndex #Container .subBox:nth-child(3),
#PageVoiceCustomer.pageIndex #Container .subBox:nth-child(4),
#PageVoiceCustomer.pageIndex #Container .subBox:nth-child(5),
#PageVoiceCustomer.pageIndex #Container .subBox:nth-child(6),
#PageVoiceCustomer.pageIndex #Container .subBox:nth-child(7),
#PageVoiceCustomer.pageIndex #Container .subBox:nth-child(8),
#PageVoiceCustomer.pageIndex #Container .subBox:nth-child(9),
#PageVoiceCustomer.pageIndex #Container .subBox:nth-child(10),
#PageVoiceCustomer.pageIndex #Container .subBox:nth-child(11){display:block;}

/* まごみだし */


/*　pageEntry
-------------------------------------*/
#PageVoiceCustomer.pageEntry {}

/* まごみだし */


@media print, screen and (min-width: 768px) {
	#PageVoiceCustomer #Container .subBox h3:first-of-type{
		margin: 0 0 23px 0!important;
		font-size:22px !important;
	}
	
	/*#PageVoiceCustomer #Container .subBox h3{
		margin: 0 0 23px 0;
		font-size:22px;
	}	*/
	
	#PageVoiceCustomer #Container .subBox{
		margin:60px auto 0;
		width:800px;
	}

	#PageVoiceCustomer #Container .subBox:first-of-type{
		margin:0 auto;
	}

	#PageVoiceCustomer #Container p.btn{
		margin: 20px 0 0 0;
	}
	
/*　pageIndex
-------------------------------------*/
	#PageVoiceCustomer.pageIndex #Container{
		padding: 16px 0 0 0;
	}

	#PageVoiceCustomer.pageIndex #Container h3.title{
		margin: 0 0 77px 0;
	}
	
	#PageVoiceCustomer.pageIndex #Container p.more{
		margin: 78px 0 0 0;
	}

	#PageVoiceCustomer.pageIndex #Footer{
		margin: 185px auto 0;
	}
	
/*　pageEntry
-------------------------------------*/	
	#PageVoiceCustomer.pageEntry #Container{
		padding: 16px 0 0 0;
	}	
	   
	#PageVoiceCustomer.pageEntry #Container .subBox h3:first-of-type{
		padding: 0 0 8px 0!important;
	}
	
	#PageVoiceCustomer.pageEntry #Footer{
		margin: 179px auto 0;
	}	
	
	
}

@media screen and (max-width: 767px) {
	#PageVoiceCustomer #Container .subBox h3:first-of-type{
		margin: 0 0 22px 0!important;
		padding: 0 0 12px 0!important;
		font-size:15.26px !important;
		line-height:26px !important;
	}
	
/*　pageIndex
-------------------------------------*/	
	#PageVoiceCustomer.pageIndex #MainTitle{
		height: 164px;
	}

	#PageVoiceCustomer.pageIndex #Container h3.title{
		margin: 0 0 37px 0;
	}

	#PageVoiceCustomer.pageIndex #Container .subBox:first-of-type{
		margin: 0;
	}
	
	#PageVoiceCustomer.pageIndex #Container .subBox{
		margin: 44px 0 0 0;
	}	

	#PageVoiceCustomer #Container p.btn{
		margin: 67px 0 0 0;
	}

	#PageVoiceCustomer.pageIndex #Container p.more{
		margin: 67px 0 0 0;
	}

	#PageVoiceCustomer #Footer{
		margin: 93px auto 0;
	}

	
}


/*####################　PageNews　####################*/

/*　pageIndex
-------------------------------------*/
#PageNews.pageIndex #Container ul#EntryList{
	border-top: 1px solid #ededed;
}

#PageNews.pageIndex #Container ul#EntryList li:nth-of-type(10) ~ li{	display: none;}


/*　pageEntry
-------------------------------------*/
#PageNews.pageEntry #Container .subBox p.date{
	margin:0;
	color:#888;
	font-family: 'Cinzel', serif;
	font-weight: 400;
}

#PageNews.pageEntry #Container .subBox h3:first-of-type{
	border-bottom:1px solid #ededed!important;
}

/* まごみだし */

@media print, screen and (min-width: 768px) {
/*　pageIndex
-------------------------------------*/
	#PageNews.pageIndex #MainTitle {
		height: 243px;
	}

	#PageNews.pageIndex #Container p.more{
		margin: 40px 0 0 0;
	}

	#PageNews.pageIndex #Footer{
		margin: 175px auto 0;
	}
	

/*　pageEntry
-------------------------------------*/
	#PageNews.pageEntry #Container{
		padding: 15px 0 0 0;
	}

	#PageNews.pageEntry #Container .subBox{
		margin:0 auto;
		width:800px;
	}
	
	#PageNews.pageEntry #Container .subBox p.date{
		margin: 0 0 3px 0;
		font-size:20px;
	}

	#PageNews.pageEntry #Container .subBox h3:first-of-type{
		margin: 0 0 24px 0!important;
		padding: 0 0 18px 0!important;
		font-size:34px!important;
		line-height:44px!important;
	}

	#PageNews.pageEntry #Container .entryBox{
		padding: 0 0 67px 0;
	}

	#PageNews.pageEntry #Footer{
		margin: 144px auto 0;
	}
	
}

@media screen and (max-width: 767px) {
/*　pageIndex
-------------------------------------*/
	/*#PageNews.pageIndex #Container ul#EntryList li dl.blogData{
		padding: 13px 0 12px;
	}

	#PageNews.pageIndex #Container dl.blogData dt.date{
		font-size: 17px;
	}
	
	#PageNews.pageIndex #Container dl.blogData dd.category ul li{
		margin: 0 5px 5px 0;
		padding:2px 8px 0px;
		height: 22px;}


	#PageNews.pageIndex #Container ul#EntryList li dl.blogData dd.title{
		display: block;
		line-height: 28px;
		font-size: 17px;
	}*/

	#PageNews.pageIndex #Container p.more{
		margin: 30px 0 0 0;
	}
	
	#PageNews.pageIndex #Footer{
		margin: 125px auto 0;
	}


/*　pageEntry
-------------------------------------*/
	#PageNews.pageEntry #MainTitle{
		height: 163px;
	}
	
	#PageNews.pageEntry #Container .subBox p.date{
		margin: 0 0 6px 0;
		font-size:17px;
	}

	#PageNews.pageEntry #Container .subBox h3:first-of-type{
		margin: 0 0 26px 0;
		padding: 0 0 17px 0;
		font-size:31px;
		line-height:42px;
	}

	#PageNews.pageEntry #Footer{
		margin: 132px auto 0;
	}

}


/*####################　PageRecruitment　####################*/

/*　#ContBox01
-------------------------------------*/
#PageRecruitment.pageIndex #Container #ContBox01 h3{
	color:#49bc79;
	background:url(../img/contents/icon_02.png) no-repeat bottom center;
	background-size:24px auto;
	text-align:center;
}

/*　#ContBox02
-------------------------------------*/
#PageRecruitment.pageIndex #Container #ContBox02{
	border-top:1px solid #ededed;
}

#PageRecruitment.pageIndex #Container #ContBox02 table{
	width:100%;
	border:1px solid #d3d3d3;
}

#PageRecruitment.pageIndex #Container #ContBox02 table tr{
	border-bottom:1px solid #ededed;
}

#PageRecruitment.pageIndex #Container #ContBox02 table tr:last-of-type{
	border-bottom:none;
}

#PageRecruitment.pageIndex #Container #ContBox02 table th,
#PageRecruitment.pageIndex #Container #ContBox02 table td{
	vertical-align:top;
}

#PageRecruitment.pageIndex #Container #ContBox02 table th{
	background-color:#f6f6f6;
	text-align:center;
	font-weight:bold;
}

#PageRecruitment.pageIndex #Container #ContBox02 table td ul li:before{
	content: "・";
}


/*　#ContBox03
-------------------------------------*/
#PageRecruitment.pageIndex #Container #ContBox03{
	border-top:1px solid #ededed;
}

#PageRecruitment #Container .formBox table tr.lesson td ul li span,
#PageRecruitment.pageIndex #Container #ContBox03 table tr.lesson td span a{
	color:#888;
}

#PageRecruitment.pageIndex #Container #ContBox03 table tr.lesson td span a{
	text-decoration:underline;
}

/*　#ContBox04
-------------------------------------*/
#PageRecruitment.pageIndex #Container #ContBox04 h3,
#PageRecruitment.pageConfirm #Container #ContBox02 h3{
	color:#49bc79;
}

#PageRecruitment.pageIndex #Container #ContBox04 table tr td p{
	margin:0;
	line-height:46px;
}

/*　.formBox
-------------------------------------*/
#PageRecruitment #Container .formBox table{
	width: 100%;
}

#PageRecruitment #Container .formBox table tr th p{
	text-align: left;
}

#PageRecruitment #Container .formBox table tr td input[type="text"],
#PageRecruitment #Container .formBox table tr td input[type="email"],
#PageRecruitment #Container .formBox table tr td input[type="tel"],
#PageRecruitment #Container .formBox table tr td textarea{
	box-sizing: border-box;
	border: 1px solid #b9b9b9;
	border-radius: 0;
	background-color: #f8f8f8;
	resize: none;
}

#PageRecruitment #Container .formBox table tr td input[type="text"]:focus,
#PageRecruitment #Container .formBox table tr td input[type="email"]:focus,
#PageRecruitment #Container .formBox table tr td input[type="tel"]:focus,
#PageRecruitment #Container .formBox table tr td textarea:focus{
	box-shadow:0px 0px 1px 1px #63aff5;
	/*box-shadow: 1px 1px 2px #54cdd5,
	-1px -1px 2px #54cdd5;*/
}

#PageRecruitment #Container .formBox table tr td textarea{
	display: block;
	resize: vertical;
}

/* .radio */
#PageRecruitment #Container .formBox table td .radio{
    resize: none;
    box-sizing: border-box;
    border-radius: 0;
	margin-right:8px;
	position:relative;
	top:-2px;
	width:28px;
	height:28px;
    border: 1px solid #b9b9b9;
    background-color: #f8f8f8;
	border-radius: 50%;
}

#PageRecruitment #Container .formBox table td .radio span.checked {
    background: url(../img/contents/recruitment/icon_01.png) no-repeat 7px 7px;
    background-size: 12px auto;
}

#PageRecruitment #Container .formBox table td .radio span input,
#PageRecruitment #Container .formBox table td .checker span input{
    width: 28px;
    height: 28px;
}

#PageRecruitment #Container .formBox table td .radio span{
    padding: 0;
    width: 28px;
    height: 28px;
}

/* リスト　*/
#PageRecruitment #Container .formBox table tr td ul.list{
	font-size:0;
}
	
#PageRecruitment #Container .formBox table tr td ul.list li{
	display:inline-block;
	font-size:18px;
}

#PageRecruitment #Container .formBox table tr td ul.list03 li{
	line-height:46px;
}

/* placeholder */
#PageRecruitment #Container .formBox input[type="text"]::-webkit-input-placeholder{
	color: #b4b4b4;
}

#PageRecruitment #Container .formBox input[type="text"]:-ms-input-placeholder{
	color: #b4b4b4;
}

#PageRecruitment #Container .formBox input[type="text"]::-moz-placeholder{
	color: #b4b4b4;
}

#PageRecruitment #Container .formBox input[type="email"]::-webkit-input-placeholder{
	color: #b4b4b4;
}

#PageRecruitment #Container .formBox input[type="email"]:-ms-input-placeholder{
	color: #b4b4b4;
}

#PageRecruitment #Container .formBox input[type="email"]::-moz-placeholder{
	color: #b4b4b4;
}

#PageRecruitment #Container .formBox input[type="tel"]::-webkit-input-placeholder{
	color: #b4b4b4;
}

#PageRecruitment #Container .formBox input[type="tel"]:-ms-input-placeholder{
	color: #b4b4b4;
}

#PageRecruitment #Container .formBox input[type="tel"]::-moz-placeholder{
	color: #b4b4b4;
}

#PageRecruitment #Container .formBox textarea::-webkit-input-placeholder{
	color: #b4b4b4;
}

#PageRecruitment #Container .formBox textarea:-ms-input-placeholder{
	color: #b4b4b4;
}
	
#PageRecruitment #Container .formBox textarea::-moz-placeholder{
	color: #b4b4b4;
}

/* フォームボタン */
#PageRecruitment #Container .formBox ul.button li{
	text-align: center;
}

#PageRecruitment #Container .formBox ul.button li.submit button,
#PageRecruitment.pageError #Container .formBox ul.button li a,
#PageRecruitment.pageThanks #Container .formBox ul.button li a{
	padding: 1px 0 0 0;
	height:65px;
	display: inline-block;
	box-sizing: border-box;
	border-radius: 0;
	line-height: 65px;
	letter-spacing: 0.05em;
	text-decoration: none;
}

#PageRecruitment #Container .formBox ul.button li.submit button{
	background-color: #f8a234;
	color: #fff;
}

#PageRecruitment.pageError #Container .formBox ul.button li a,
#PageRecruitment.pageThanks #Container .formBox ul.button li a{
	border: 1px solid #dadada;
	background-color: #ebebeb;
	color: #8c8c8c;
}

#PageRecruitment.pageConfirm #Container .formBox ul.button li.back a{
	text-decoration: none;
}

/* エラー画面 */
#PageRecruitment.pageError #Container .formBox .errorBox{
	text-align: center;
}

#PageRecruitment.pageError #Container .formBox .errorBox ul li:before{
	content: "・";
}


@media print, screen and (min-width: 768px) {
	#PageRecruitment.pageIndex #Container{
		padding: 18px 0 0 0;
	}
	
/*　#ContBox01
-------------------------------------*/
	#PageRecruitment.pageIndex #Container #ContBox01{
		padding: 0 0 120px 0;
	}
	
	#PageRecruitment.pageIndex #Container #ContBox01 p{
		font-size:20px;
		text-align:center;
	}

	#PageRecruitment.pageIndex #Container #ContBox01 p:first-of-type{
		margin: 0 0 20px 0;
	}

	#PageRecruitment.pageIndex #Container #ContBox01 p:nth-of-type(2){
		margin: 0
	}

	#PageRecruitment.pageIndex #Container #ContBox01 h3{
		padding: 0 0 14px 0;
		margin: 45px 0 40px 0;
		font-size:26px;
		letter-spacing: 0.1em;
	}

	#PageRecruitment.pageIndex #Container #ContBox01 .img{
		margin:0 auto;
		width:567px;
		height:230px;
	}

	#PageRecruitment.pageIndex #Container #ContBox01 .img img{
		width:567px;
		height:230px;
	}

/*　#ContBox02
-------------------------------------*/
	#PageRecruitment.pageIndex #Container #ContBox02{
		padding: 115px 0 120px 0;
	}

	#PageRecruitment.pageIndex #Container #ContBox02 table th,
	#PageRecruitment.pageIndex #Container #ContBox02 table td{
		box-sizing:border-box;
		font-size:18px;
	}
	
	#PageRecruitment.pageIndex #Container #ContBox02 table{
		margin: 69px 0 0 0;
	}

	#PageRecruitment.pageIndex #Container #ContBox02 table th{
		padding: 15px 0 0 0;
		width:170px;
	}
	
	#PageRecruitment.pageIndex #Container #ContBox02 table td{
		padding: 15px 20px 12px 20px;
	}

/*　#ContBox03
-------------------------------------*/
	#PageRecruitment.pageIndex #Container #ContBox03{
		padding: 115px 0 52px 0;
	}
	
	#PageRecruitment.pageIndex #Container #ContBox03 table{
		margin: 55px auto 0;
	}
	
	#PageRecruitment.pageIndex #Container #ContBox03 p:first-of-type{
		margin: 61px 0 0 0;
		font-size:20px;
		text-align:center;
	}

	#PageRecruitment #Container #ContBox03.formBox table tr td{
		padding: 30px 0 29px 0;
	}


/*　#ContBox04
-------------------------------------*/
	#PageRecruitment.pageIndex #Container #ContBox04 table{
		margin: 20px auto 0;
	}
	
	#PageRecruitment.pageIndex #Container #ContBox04 h3,
	#PageRecruitment.pageConfirm #Container #ContBox02 h3{
		margin:0 auto;
		width:1000px;
		font-size:26px;
		text-align:left;
		letter-spacing: 0.08em;
	}

	#PageRecruitment.pageConfirm #Container #ContBox02 h3{
		margin: 0 auto 17px;
	}

	#PageRecruitment #Container #ContBox04.formBox table tr td{
		padding: 22px 0 23px 0;
	}

	#PageRecruitment #Container #ContBox04.formBox table tr.sex td,
	#PageRecruitment #Container #ContBox04.formBox table tr.moderator td{
		padding: 34px 0 28px 0;
	}
	
	#PageRecruitment #Container #ContBox04.formBox table tr.moderator td{
		padding: 29px 0 30px 0;
	}	

	#PageRecruitment #Container #ContBox04.formBox table tr.gala td span{
		margin:0 20px 0 0;
	}

	#PageRecruitment.pageIndex #Container #ContBox04 .privacyPolicy{
		box-sizing:border-box;
		margin:42px 0 30px 0;
		padding:22px 0;
		width:1000px;
		height:500px;
		border: 1px solid #ededed;
		background-color: #f8f8f8;
		overflow-y: auto;
		overflow-x: hidden;
	}

	#PageRecruitment.pageIndex #Container #ContBox04 .privacyPolicy .txtBox{
		padding:0 42px;
	}
	
	#PageRecruitment.pageIndex #Container #ContBox04 ::-webkit-scrollbar {
		width: 10px;
	}
	
	#PageRecruitment.pageIndex #Container #ContBox04 ::-webkit-scrollbar-track {
		background-color:#fff;
	}
	
	#PageRecruitment.pageIndex #Container #ContBox04 ::-webkit-scrollbar-thumb {
		background-color: rgba(207 , 207 , 207 , .5);
	}

	#PageRecruitment.pageIndex #Container #ContBox04 .privacyPolicy h3{
		margin:0 0 7px 0;
		color:#333;
		font-size:22px;
		text-align:center;
	}

	#PageRecruitment.pageIndex #Container #ContBox04 .privacyPolicy h4,
	#PageRecruitment.pageIndex #Container #ContBox04 .privacyPolicy p{
		font-size:16px;
	}

	#PageRecruitment.pageIndex #Container #ContBox04 .privacyPolicy h4{
		margin:0 0 3px 0;
	}
	
	#PageRecruitment.pageIndex #Container #ContBox04 .privacyPolicy p{
		margin:0 0 10px 0;
		padding:0 0 0 27px;
		line-height:28px;
	}

	#PageRecruitment.pageIndex #Container #ContBox04 ul.button{
		margin: 80px auto 0;
	}

	#PageRecruitment.pageIndex #Footer{
		margin: 158px auto 0;
	}

	

/*　.formBox
-------------------------------------*/
	#PageRecruitment #Container .formBox table{
 		width:1000px;
	}

	#PageRecruitment #Container .formBox table tr th,
	#PageRecruitment #Container .formBox table tr td{
		border-top: 1px solid #eee;
		vertical-align: top;
		font-size: 20px;
	}

	#PageRecruitment #Container .formBox table tr th{
		padding: 30px 0 0 55px;
		width: 285px !important;
		text-indent: -55px;
	}

	#PageRecruitment #Container .formBox table tr td{
		width: 660px !important;
	}
	
	#PageRecruitment #Container .formBox table tr:last-of-type th,
	#PageRecruitment #Container .formBox table tr:last-of-type td{
		border-bottom: 1px solid #ededed;
	}

	#PageRecruitment #Container .formBox table tr th:before{
		box-sizing:border-box;
		margin: 0 16px 0 0;
		padding:1px 0 0 0;
		content: "必須";
		display: inline-block;
		position: relative;
		top: -3px;
		width: 42px;
		background-color: #d24545;
		line-height: 20px;
		text-align: center;
		letter-spacing: 0.05em;
		font-size: 16px;
		color: #fff;
		text-indent: 0px;
		height:20px;
	}

	#PageRecruitment #Container .formBox table tr.noAttention th:before{
		content: "任意";
		background-color: #b0b0b0;
	}

	#PageRecruitment #Container .formBox table tr th p{
		margin-bottom: -1px;
	}

	#PageRecruitment #Container .formBox table tr.about dl{
		font-size:0;
	}

	#PageRecruitment #Container .formBox table tr.about dl:first-of-type{
		margin: 0 0px 20px 0;
	}

	#PageRecruitment #Container .formBox table tr.about dl dt,
	#PageRecruitment #Container .formBox table tr.about dl dd,
	#PageRecruitment #Container .formBox table tr.about dl dd ul li{
		display:inline-block;
		font-size:20px;
	}
	
	#PageRecruitment #Container .formBox table tr.about dl dt{
		margin: 0 19px 0 0;
	}
	
	#PageRecruitment #Container .formBox table tr.about dl dd ul li{
		margin: 0 61px 0 0;
	}
	
	#PageRecruitment #Container .formBox table tr.area td{
		padding: 33px 0 29px 0;
	}
	
	#PageRecruitment #Container .formBox table tr.area td .radio {
    	margin-right: 14px;
	}

	#PageRecruitment #Container .formBox table tr.area td ul li{
		margin: 0 69px 0 0;
	}

	#PageRecruitment #Container .formBox table tr.area td ul li:nth-of-type(3){
		margin: 0 78px 0 0;
	}

	#PageRecruitment #Container .formBox table tr.area td ul li:nth-of-type(4){
		margin: 0 0 0 0;
	}

	#PageRecruitment #Container .formBox table tr.area td ul li:nth-of-type(5){
		margin: 23px 0 0 0;
	}

	#PageRecruitment #Container .formBox table tr.lesson td .radio {
		margin-right: 12px;
	}

	#PageRecruitment #Container .formBox table tr.lesson td ul li:nth-of-type(2){
		margin: 20px 0 0 0;
	}
	
	#PageRecruitment #Container .formBox table tr.lesson td ul li span.txt{
		margin: 0 0 0 3px;
	}

	#PageRecruitment.pageIndex #Container #ContBox03 table tr.lesson td span a:hover{
		text-decoration:none;
	}

	#PageRecruitment.pageIndex #Container #ContBox04 table tr td p{
		margin:0;
		line-height:46px;
	}
	
	#PageRecruitment #Container .formBox table tr td input[type="text"],
	#PageRecruitment #Container .formBox table tr td input[type="email"],
	#PageRecruitment #Container .formBox table tr td input[type="tel"],
	#PageRecruitment #Container .formBox table tr td textarea{
		padding: 5px 11px 7px;
	}
	
	#PageRecruitment #Container .formBox table tr.name td input,
	#PageRecruitment #Container .formBox table tr.name_kana td input{
		width: 280px;
	}

	#PageRecruitment #Container .formBox table tr.addressnumber td input{
		width: 166px;
	}

	#PageRecruitment #Container .formBox table tr.address td input{
		width: 640px;
	}

	#PageRecruitment #Container .formBox table tr.mailaddress td input{
		width: 350px;
	}
	
	#PageRecruitment #Container .formBox table tr.tel td input{
		width: 190px;
	}

	#PageRecruitment #Container .formBox table tr.age td input,
	#PageRecruitment #Container .formBox table tr.mc td input{
		width: 90px;
	}

	#PageRecruitment #Container .formBox table tr.gala td input{
		width: 150px;
	}

	#PageRecruitment #Container .formBox table tr.work td input,
	#PageRecruitment #Container .formBox table tr td textarea{
		width: 660px;
	}

	#PageRecruitment #Container .formBox table tr.gala td textarea{
		height: 80px;
	}
	
	#PageRecruitment #Container .formBox table tr.comment td textarea{
		height: 195px;
	}

	#PageRecruitment #Container .formBox table tr.comment th{
		padding: 30px 36px 29px 55px;
	}

/* placeholder */
	#PageRecruitment #Container .formBox input[type="text"]::-webkit-input-placeholder{
		font-size:20px;
	}
	
	#PageRecruitment #Container .formBox input[type="text"]:-ms-input-placeholder{
		font-size:20px;
	}
	
	#PageRecruitment #Container .formBox input[type="text"]::-moz-placeholder{
		font-size:20px;
	}
	
	#PageRecruitment #Container .formBox input[type="email"]::-webkit-input-placeholder{
		font-size:20px;
	}
	
	#PageRecruitment #Container .formBox input[type="email"]:-ms-input-placeholder{
		font-size:20px;
	}
	
	#PageRecruitment #Container .formBox input[type="email"]::-moz-placeholder{
		font-size:20px;
	}
	
	#PageRecruitment #Container .formBox input[type="tel"]::-webkit-input-placeholder{
		font-size:20px;
	}
	
	#PageRecruitment #Container .formBox input[type="tel"]:-ms-input-placeholder{
		font-size:20px;
	}
	
	#PageRecruitment #Container .formBox input[type="tel"]::-moz-placeholder{
		font-size:20px;
	}
	
	#PageRecruitment #Container .formBox textarea::-webkit-input-placeholder{
		font-size:20px;
	}
	
	#PageRecruitment #Container .formBox textarea:-ms-input-placeholder{
		font-size:20px;
	}
		
	#PageRecruitment #Container .formBox textarea::-moz-placeholder{
		font-size:20px;
	}

/* .checker */
	#PageRecruitment #Container .formBox p.cheack{
		font-size:20px;
		text-align:center;
	}

	#PageRecruitment #Container .formBox .checker{
		resize: none;
		box-sizing: border-box;
		border-radius: 0;
		margin-right:8px;
		position:relative;
		top:-2px;
		width: 22px;
		height: 22px;
		border: 1px solid #b9b9b9;
		background-color: #f8f8f8;
	}
	
	#PageRecruitment #Container .formBox .checker span,
	#PageRecruitment #Container .formBox .checker span input{
		box-sizing: border-box;
		width: 22px;
		height: 22px;
	}
	
	#PageRecruitment #Container .formBox .checker span.checked{
		background:url(../img/contents/recruitment/icon_02.png) no-repeat top center;
		background-size: 18px auto;
	}


/* リスト　*/
	#PageRecruitment #Container .formBox table tr td ul.list li,
	#PageRecruitment #Container .formBox table tr td ul.list03 li{
		font-size:20px;
	}
	
	#PageRecruitment #Container .formBox table tr td ul.list li{
		margin: 0 67px 0 0;
	}

	#PageRecruitment #Container .formBox table tr td ul.list03{
		font-size:0;
	}

	#PageRecruitment #Container .formBox table tr td ul.list03 li{
		display:inline-block;
	}
	
	#PageRecruitment #Container .formBox table tr td ul.list03 li:first-of-type{
		margin: 0 22px 0 0;
	}
	
/* フォームボタン */
	#PageRecruitment.pageConfirm #Container .formBox ul.button{
		margin: 82px auto 0;
		width:1000px;
		position: relative;
	}
	
	#PageRecruitment.pageError #Container .formBox ul.button,
	#PageRecruitment.pageThanks #Container .formBox ul.button{
		margin-top: 32px;
	}
	
	#PageRecruitment #Container .formBox ul.button li.submit button,
	#PageRecruitment.pageError #Container .formBox ul.button li a,
	#PageRecruitment.pageThanks #Container .formBox ul.button li a{
		width: 300px;
		font-size: 26px;
	}
	
	#PageRecruitment #Container .formBox ul.button li.submit button:hover,
	#PageRecruitment.pageError #Container .formBox ul.button li a:hover,
	#PageRecruitment.pageThanks #Container .formBox ul.button li a:hover{
		opacity: 0.8;
	}
	
	#PageRecruitment.pageConfirm #Container .formBox ul.button li.back{
		position: absolute;
		top: 0;
		left: 0;
		width: 200px;
		line-height: 60px;
		text-align: left;
		font-size: 18px;
	}
	
	#PageRecruitment.pageConfirm #Container .formBox ul.button li.back a:hover{
		text-decoration: underline;
	}

/* 確認画面 */
	#PageRecruitment.pageConfirm #Container{
		padding: 17px 0 0 0;
	}
	
	#PageRecruitment.pageConfirm #Container #ContBox01 p{
		margin: 64px 0 53px 0;
		text-align:center;
		font-size:20px;
	}

	#PageRecruitment.pageConfirm #Container .formBox th{
		box-sizing:border-box;
		padding: 30px 0 29px 55px;
		width: 340px !important;
	}

	#PageRecruitment.pageConfirm #Container .formBox td{
		box-sizing:border-box;
		padding: 30px 0 29px 0;
		width: 660px !important;
	}

	#PageRecruitment.pageConfirm #Container #ContBox01 table{
		 margin: 0 0 52px 0;
	}

	#PageRecruitment.pageConfirm #Container #ContBox02 table tr.comment td{
		 padding: 30px 0 9px 0;
	}
	
	#PageRecruitment.pageConfirm #Footer{
		margin: 216px auto 0;
	}

/* 完了画面 */
	#PageRecruitment.pageThanks #Container{
		padding: 12px 0 0 0;
	}
	
	#PageRecruitment.pageThanks #Container #ContBox01{
		min-width:1000px;
	}

	#PageRecruitment.pageThanks #Container #ContBox01 p{
		margin: 64px 0 0 0;
		text-align:center;
		font-size:20px;
	}
	
	#PageRecruitment.pageThanks #Footer{
		margin: 179px auto 0;
	}
	
}

@media screen and (max-width: 767px) {
	#PageRecruitment.pageIndex #MainTitle{
		height: 164px;
	}
	
/*　#ContBox01
-------------------------------------*/
	#PageRecruitment.pageIndex #Container #ContBox01{
		padding: 0 0 81px 0;
	}
	
	#PageRecruitment.pageIndex #Container #ContBox01 p{
		font-size:17px;
	}

	#PageRecruitment.pageIndex #Container #ContBox01 h3{
		padding: 0 0 9px 0;
		margin: 38px 0 29px 0;
		font-size:23px;
		letter-spacing: 0.1em;
	}

	#PageRecruitment.pageIndex #Container #ContBox01 p:nth-of-type(2){
		margin: 0
	}

/*　#ContBox02
-------------------------------------*/
	#PageRecruitment.pageIndex #Container #ContBox02{
		padding: 75px 0 81px 0;
	}

	#PageRecruitment.pageIndex #Container #ContBox02 table{
		margin: 41px 0 0 0;
	}
	
	#PageRecruitment.pageIndex #Container #ContBox02 table th,
	#PageRecruitment.pageIndex #Container #ContBox02 table td{
		font-size:15px;
	}

	#PageRecruitment.pageIndex #Container #ContBox02 table th{
		padding: 13px 0 0 0;
		width:85px;
	}

	#PageRecruitment.pageIndex #Container #ContBox02 table td{
		padding: 13px 9px 14px 9px;
	}

/*　#ContBox03
-------------------------------------*/
	#PageRecruitment.pageIndex #Container #ContBox03{
		padding: 76px 0 3px 0;
	}
	
	#PageRecruitment.pageIndex #Container #ContBox03 p:first-of-type{
		margin: 38px 0 0 0;
		padding:0 15px;
		font-size:17px;
	}
	
	#PageRecruitment.pageIndex #Container #ContBox03 table{
		margin: 33px 0 0;
	}

	#PageRecruitment.pageIndex #Container #ContBox03 table tr.area td{
		padding: 26px 15px 31px 15px;
	}


/*　#ContBox04
-------------------------------------*/
	#PageRecruitment.pageIndex #Container #ContBox04{
		padding: 64px 0 100px 0;
		border-top:1px solid #ededed;
	}

	#PageRecruitment.pageIndex #Container #ContBox04 h3,
	#PageRecruitment.pageConfirm #Container #ContBox02 h3{
		margin: 0 0 21px 0;
		padding:0 15px;
		font-size:23px;
		text-align:left;
	}

	#PageRecruitment.pageIndex #Container #ContBox04 table{
		border-bottom:1px solid #ededed;
		margin: 23px 0 0 0;
	}

	#PageRecruitment.pageIndex #Container #ContBox04 table tr td{
		padding: 21px 15px 39px 15px;
	}

	#PageRecruitment #Container #ContBox04.formBox table tr.sex td,
	#PageRecruitment #Container #ContBox04.formBox table tr.moderator td{
		padding: 28px 15px 32px 15px;
	}

	#PageRecruitment.pageIndex #Container #ContBox04 ul.button{
		margin: 41px auto 0;
	}

	#PageRecruitment.pageIndex #Container #ContBox04 .privacyPolicy{
		box-sizing:border-box;
		margin:42px 0 30px 0;
		padding:22px 0;
		height:500px;
		border: 1px solid #ededed;
		background-color: #f8f8f8;
		overflow-y: auto;
		overflow-x: hidden;
	}

	#PageRecruitment.pageIndex #Container #ContBox04 .privacyPolicy .txtBox{
		padding:0 20px;
	}
	
	#PageRecruitment.pageIndex #Container #ContBox04 ::-webkit-scrollbar {
		width: 10px;
	}
	
	#PageRecruitment.pageIndex #Container #ContBox04 ::-webkit-scrollbar-track {
		background-color:#fff;
	}
	
	#PageRecruitment.pageIndex #Container #ContBox04 ::-webkit-scrollbar-thumb {
		background-color: rgba(207 , 207 , 207 , .5);
	}

	#PageRecruitment.pageIndex #Container #ContBox04 .privacyPolicy h3{
		margin:0 0 7px 0;
		color:#333;
		font-size:23px;
		text-align:center;
	}

	#PageRecruitment.pageIndex #Container #ContBox04 .privacyPolicy h4,
	#PageRecruitment.pageIndex #Container #ContBox04 .privacyPolicy p{
		font-size:17px;
	}

	#PageRecruitment.pageIndex #Container #ContBox04 .privacyPolicy h4{
		margin:0 0 3px 0;
	}
	
	#PageRecruitment.pageIndex #Container #ContBox04 .privacyPolicy p{
		margin:0 0 10px 0;
		padding:0 0 0 27px;
		line-height:27px;
	}

	#PageRecruitment.pageIndex #Footer{
		margin: 50px auto 0;
	}
		

/*　.formBox
-------------------------------------*/
	#PageRecruitment #Container .formBox table,
	#PageRecruitment #Container .formBox table tbody,
	#PageRecruitment #Container .formBox table tr,
	#PageRecruitment #Container .formBox table th,
	#PageRecruitment #Container .formBox table td{
		display: block;
	}

	#PageRecruitment #Container .formBox table tr th,
	#PageRecruitment #Container .formBox table tr td{
		line-height: 28px;
		font-size: 17px;
	}
	
	#PageRecruitment #Container .formBox table tr th{
		padding: 10px 15px 11px 60px;
		position: relative;
		border-top: 1px solid #ededed;
		border-bottom: 1px solid #ededed;
		background-color:#f6f6f6;
	}

	#PageRecruitment #Container .formBox table tr th:after{
		content: "必須";
		position: absolute;
		top: 16px;
		left:15px;
		display: inline-block;
		width: 33px;
		background-color: #d24545;
		line-height: 18px;
		text-align: center;
		letter-spacing: 0.05em;
		font-size: 12px;
		color: #fff;
	}

	#PageRecruitment #Container .formBox table tr.noAttention th:after{
		content: "任意";
		background-color: #b0b0b0;
	}

	#PageRecruitment #Container .formBox table tr td{
		padding: 25px 15px 21px 15px;
	}

	#PageRecruitment #Container .formBox table tr.about td dl{
		display:table;
	}

	#PageRecruitment #Container .formBox table tr.about td dl dt,
	#PageRecruitment #Container .formBox table tr.about td dl dt{
		display:table-cell;
	}

	#PageRecruitment #Container .formBox table tr.about td .radio{
		margin-right: 14px;
	}

	#PageRecruitment #Container .formBox table tr.about td dl{
		display:table;
	}

	#PageRecruitment #Container .formBox table tr.about td dl dt,
	#PageRecruitment #Container .formBox table tr.about td dl dd{
		display:table-cell;
	}

	#PageRecruitment #Container .formBox table tr.about td dl dt{
		padding: 0 9px 0 0;
	}

	#PageRecruitment #Container .formBox table tr.about dl dd ul li{
		margin: 0 0 17px 0;
	}

	#PageRecruitment #Container .formBox table tr.area td ul li{
		margin: 0 69px 0 0;
	}

	#PageRecruitment #Container .formBox table tr.area td ul li:nth-of-type(3){
		margin: 0 47px 20px 0;
	}

	#PageRecruitment #Container .formBox table tr.area td ul li:nth-of-type(4){
		margin: 0 49px 20px 0;
	}

	#PageRecruitment #Container .formBox table tr.area td ul li:nth-of-type(5){
		margin: 0 0 0 0;
	}

	#PageRecruitment #Container .formBox table tr.area td ul li:nth-of-type(1),
	#PageRecruitment #Container .formBox table tr.area td ul li:nth-of-type(2){
		margin: 0 53px 20px 0;
	}

	#PageRecruitment #Container .formBox table tr.lesson td ul li:nth-of-type(2){
		margin: 20px 0 0 0;
	}
	
	#PageRecruitment #Container .formBox table tr.lesson td ul li span.txt{
		margin: 0 0 0 3px;
	}

	/*#PageRecruitment #Container .formBox table tr.gala td input:first-of-type{
		margin: 0 0 9px 0;
	}*/

	#PageRecruitment #Container .formBox table tr.sex td ul li:nth-of-type(1),
	#PageRecruitment #Container .formBox table tr.moderator td ul li:nth-of-type(1){
		margin: 0 52px 0 0;
	}
	
	#PageRecruitment #Container .formBox table tr td input[type="text"],
	#PageRecruitment #Container .formBox table tr td input[type="email"],
	#PageRecruitment #Container .formBox table tr td input[type="tel"],
	#PageRecruitment #Container .formBox table tr td textarea{
		padding: 8px 10px 9px;
		width: 100%;
	}

	#PageRecruitment #Container .formBox table tr.age td input,
	#PageRecruitment #Container .formBox table tr.mc td input{
		width:80px;
	}

	#PageRecruitment #Container .formBox table tr.gala td input{
		width:150px;
	}
	
	#PageRecruitment #Container .formBox table tr td textarea{
		height: 75px;
	}

/* リスト */
	#PageRecruitment #Container .formBox table tr td ul.list03 li:first-of-type{
		margin: 0 0 9px 0;
	}

/* placeholder */
	#PageRecruitment #Container .formBox input[type="text"]::-webkit-input-placeholder{
		font-size:17px;
	}
	
	#PageRecruitment #Container .formBox input[type="text"]:-ms-input-placeholder{
		font-size:17px;
	}
	
	#PageRecruitment #Container .formBox input[type="text"]::-moz-placeholder{
		font-size:17px;
	}
	
	#PageRecruitment #Container .formBox input[type="email"]::-webkit-input-placeholder{
		font-size:17px;
	}
	
	#PageRecruitment #Container .formBox input[type="email"]:-ms-input-placeholder{
		font-size:17px;
	}
	
	#PageRecruitment #Container .formBox input[type="email"]::-moz-placeholder{
		font-size:17px;
	}
	
	#PageRecruitment #Container .formBox input[type="tel"]::-webkit-input-placeholder{
		font-size:17px;
	}
	
	#PageRecruitment #Container .formBox input[type="tel"]:-ms-input-placeholder{
		font-size:17px;
	}
	
	#PageRecruitment #Container .formBox input[type="tel"]::-moz-placeholder{
		font-size:17px;
	}
	
	#PageRecruitment #Container .formBox textarea::-webkit-input-placeholder{
		font-size:17px;
	}
	
	#PageRecruitment #Container .formBox textarea:-ms-input-placeholder{
		font-size:17px;
	}
		
	#PageRecruitment #Container .formBox textarea::-moz-placeholder{
		font-size:17px;
	}

/* .checker */
	#PageRecruitment #Container .formBox p.cheack{
		font-size:20px;
		text-align:center;
	}

	#PageRecruitment #Container .formBox .checker{
		resize: none;
		box-sizing: border-box;
		border-radius: 0;
		margin-right:8px;
		position:relative;
		top:-2px;
		width: 22px;
		height: 22px;
		border: 1px solid #b9b9b9;
		background-color: #f8f8f8;
	}
	
	#PageRecruitment #Container .formBox .checker span,
	#PageRecruitment #Container .formBox .checker span input{
		box-sizing: border-box;
		width: 22px;
		height: 22px;
	}
	
	#PageRecruitment #Container .formBox .checker span.checked{
		background:url(../img/contents/recruitment/icon_02.png) no-repeat top center;
		background-size: 18px auto;
	}

	
/* フォームボタン */
	#PageRecruitment #Container .formBox ul.button{
		padding:0 48px;
	}
	
	#PageRecruitment.pageConfirm #Container .formBox ul.button{
		position: relative;
	}
	
	#PageRecruitment.pageError #Container .formBox ul.button,
	#PageRecruitment.pageThanks #Container .formBox ul.button{
		margin-top: 25px;
	}
	
	#PageRecruitment #Container .formBox ul.button li.submit button,
	#PageRecruitment.pageError #Container .formBox ul.button li a,
	#PageRecruitment.pageThanks #Container .formBox ul.button li a{
		width: 100%;
		font-size: 23px;
	}
	
	#PageRecruitment.pageConfirm #Container .formBox ul.button li.back{
		margin-top: 35px;
		font-size: 16px;
	}

/* 確認画面 */
	#PageRecruitment.pageConfirm #Container #ContBox01 .innerBasic,
	#PageRecruitment.pageConfirm #Container #ContBox02 .innerBasic{
		padding:0;
	}

	#PageRecruitment.pageConfirm #Container #ContBox01 h3.title{
		margin: 0 0 37px 0;
	}
	
	#PageRecruitment.pageConfirm #Container #ContBox01 p{
		margin: 0 0 44px 0;
		font-size:17px;
		text-align:center;
	}

	#PageRecruitment.pageConfirm #Container #ContBox01.formBox table,
	#PageRecruitment.pageConfirm #Container #ContBox02.formBox table{
		border-bottom:1px solid #ededed;
	}

	#PageRecruitment.pageConfirm #Container #ContBox01.formBox table tr td{
		padding: 25px 15px 34px 15px;
	}
	
	#PageRecruitment.pageConfirm #Container #ContBox02{
		padding: 64px 0 0 0;
	}

	#PageRecruitment.pageConfirm #Container #ContBox02.formBox table tr td{
		padding: 17px 15px 34px 15px;
	}

	#PageRecruitment.pageConfirm #Container #ContBox02.formBox ul.button {
    	margin-top: 40px;
	}

	#PageRecruitment.pageConfirm #Footer{
		margin: 119px 0 0 0;
	}


/* 完了画面 */
	#PageRecruitment.pageConfirm #MainTitle{
		height: 167px;
	}

	/*#PageRecruitment.pageThanks #Container #ContBox01{
		padding:0 15px;
	}*/

	#PageRecruitment.pageThanks #Container #ContBox01 p{
		font-size:17px;
		text-align:center;
	}

	#PageRecruitment.pageThanks #Container #ContBox01 p{
		margin: 33px 0 0 0;
		
	}

	#PageRecruitment.pageThanks #Container .formBox ul.button {
    	margin-top: 35px;
	}
	
	#PageRecruitment.pageThanks #Footer{
		margin: 94px auto 0;
	}
	
}

/*####################　PageFaq　####################*/

#PageFaq #Container .contBox h3 {
		color:#49bc79;
		background:url(../img/contents/top/icon_03.png) no-repeat center bottom;
		background-size:24px auto;
		text-align:center;
}
#PageFaq #Container .contBox dl {
	margin:0 auto;
	margin-bottom:2px;
	width:800px;}
#PageFaq #Container .contBox dl dt {
	position:relative;
	box-sizing: border-box;
	background-color:#f7f7f7;
	line-height:1.4;
	cursor: pointer;}
	
	#PageFaq #Container .contBox dl dt:before {
		  content: "Q";
		  position: absolute;
		  display:inline-block;
		  font-family: 'Cinzel', cursive;
		  font-weight: 400;
	}
	#PageFaq #Container .contBox dl dt:after {
		content:"";
		position:absolute;
		top:0;
		bottom:0;
		margin:auto;
		background:url(../img/contents/faq/icon_open.png) right center no-repeat;
	}

#PageFaq #Container .contBox dl dt.active {
	position:relative;
	box-sizing: border-box;
	background-color:#effaf3;
	border:#e4f4e9 solid 1px;
	cursor: pointer;
	color:#49bc79;}

	#PageFaq #Container .contBox dl dt.active:after {
		background:url(../img/contents/faq/icon_close.png) right center no-repeat;
	}

#PageFaq #Container .contBox dl dd:before {
		  content: "A";
		  position: absolute;
		  display:inline-block;
		  font-family: 'Cinzel', cursive;
		  font-weight: 400;
		  color:#49bc79;
	}

#PageFaq #Container .contBox dl dd.viewBox {
	display:none;}

@media print, screen and (min-width: 768px) {

#PageFaq #Container .contBox {
	margin-bottom:90px;}
	
#PageFaq #Container .contBox h3 {
		margin: 0 0 40px 0;
		padding: 0 0 13px 0;
		font-size:26px;
		letter-spacing: 0.08em;
}
#PageFaq #Container .contBox dl {
	width:800px;}
#PageFaq #Container .contBox dl dt {
	padding:20px 64px 18px 70px;
	font-size:22px;
}
#PageFaq #Container .contBox dl dt:before {
		  top:12px;
		  left:20px;
		  font-size:30px;
	}
	
	#PageFaq #Container .contBox dl dt:after {
		right:20px;
		width:30px;
		height:30px;
	}

#PageFaq #Container .contBox dl dt.active {
	padding:19px 63px 17px 69px;
	font-size:22px;
	line-height:1.4; }

	#PageFaq #Container .contBox dl dt.active:before {
		 top:11px;
		  left:19px
	}

	#PageFaq #Container .contBox dl dt.active:after {
		right:19px;
	}

#PageFaq #Container .contBox dl dd {
	position:relative;
	padding:30px 20px 50px 70px;
	font-size:20px;
	line-height:1.4;}

#PageFaq #Container .contBox dl dd:before {
		  top:20px;
		  left:20px;
		  font-size:34px;
	}
}
@media screen and (max-width: 767px) {
#PageFaq #Container .contBox {
	margin-bottom:55px;}
	
#PageFaq #Container .contBox h3 {
	margin: 0 0 30px 0;
    padding: 0 0 11px 0;
    font-size: 19px;
    line-height: 30px;
    letter-spacing: 0.1em;
}
	#PageFaq #Container .contBox dl {
	width:100%;
}
#PageFaq #Container .contBox dl dt {
	padding:20px 44px 18px 44px;
	font-size:16px;
	line-height:1.6;
}	
		#PageFaq #Container .contBox dl dt:before {
		  top:15px;
		  left:10px;
		  font-size:20px;
	}
	#PageFaq #Container .contBox dl dt:after {
		right:15px;
		width:20px;
		height:20px;
		background-size:20px auto;
	}

#PageFaq #Container .contBox dl dt.active {
	padding:19px 43px 17px 43px;
	font-size:16px;
	line-height:1.6; }

	#PageFaq #Container .contBox dl dt.active:before {
		 top:14px;
		  left:9px
	}

	#PageFaq #Container .contBox dl dt.active:after {
		right:15px;
		background-size:20px auto;
	}

#PageFaq #Container .contBox dl dd {
	position:relative;
	padding:20px 0px 15px 40px;
	font-size:13px;
	line-height:1.6;}

#PageFaq #Container .contBox dl dd:before {
		  top:13px;
		  left:10px;
		  font-size:22px;
	}

}


@media all and (-ms-high-contrast:none) {
     *::-ms-backdrop, #PageRecruitment #Container .formBox table tr th:before{
		 padding:6px 0 0 0;
}


	*::-ms-backdrop, #PageRecruitment #Container .formBox table tr td input[type="text"], 
	*::-ms-backdrop, #PageRecruitment #Container .formBox table tr td input[type="email"], 
	*::-ms-backdrop, #PageRecruitment #Container .formBox table tr td input[type="tel"], 
	*::-ms-backdrop, #PageRecruitment #Container .formBox table tr td textarea {
		padding: 10px 11px 2px;
}

	*::-ms-backdrop, #PageRecruitment #Container .formBox ul.button li.submit button, 
	*::-ms-backdrop, .pageError#PageRecruitment #Container 
	*::-ms-backdrop, .formBox ul.button li a, 
	*::-ms-backdrop, .pageThanks#PageRecruitment #Container .formBox ul.button li a{
		padding: 4px 11px 10px;
}


	#PageSchool #Container #ContBox03 .layoutBox p.btn a {
		margin: 0 auto;
		padding: 11px 0 0 0;
}
}

/*end*/
