@charset "utf-8";


/*-----------------------------
	contents
------------------------------*/

#contents #title{
	background:url(images/title-bg.jpg) no-repeat center center;
	background-size:100% auto;
	-webkit-background-size:100% auto;
	-moz-background-size:100% auto;
	-ms-background-size:100% auto;
	-o-background-size:100% auto;
	border-bottom:5px solid #fff;
}
#contents #title img{
	width:33.33333333333334%;
	max-width:400px;
	height:auto;
}
@media screen and (max-width:640px){
#contents #title{
	background:url(images/title-bg.jpg) no-repeat center center;
	background-size:auto 100%;
	-webkit-background-size:auto 100%;
	-moz-background-size:auto 100%;
	-ms-background-size:auto 100%;
	-o-background-size:auto 100%;
}
#contents #title img{
	width:60%;
	max-width:300px;
	height:auto;
}
}



/*-----------------------------
	about
------------------------------*/

#contents #about{
	clear:both;
	padding:50px 10px;
	background:#E3EEFA;
	border-bottom:1px solid #C7DDF6;
	overflow:hidden;
}
#contents #about div{
	width:100%;
	color:#3A91E1;
	font-weight:bold;
	max-width:960px;
	margin:0 auto;
	overflow:hidden;
}
#contents #about ul{
	margin-bottom:50px;
}
#contents #about ul li{
	width:20%;
	box-sizing:border-box;
	display:inline-block;
	margin:0 3px;
}
#contents #about ul li a{
	display:block;
	color:#3A91E1;
	line-height:37px;
	text-decoration:none;
	border:2px solid #3A91E1;
}
#contents #about ul li a img{
	vertical-align:middle;
}
#contents #about div .photo{
	float:right;
	width:49%;
}
#contents #about div h3{
	float:left;
	width:47%;
	font-size:30px;
	margin-bottom:10px;
}
#contents #about div h3 img{
	display:block;
}
#contents #about div .note{
	float:left;
	width:47%;
	font-size:16px;
	text-align:left;
	line-height:40px;
	background:url(images/line.png) repeat;
}
@media screen and (max-width:1000px){
#contents #about div h3{
	float:left;
	width:47%;
	font-size:28px;
	margin-bottom:10px;
}
}
@media screen and (max-width:960px){
#contents #about div h3{
	float:left;
	width:47%;
	font-size:22px;
	margin-bottom:0;
}
#contents #about ul li{
	width:35%;
	box-sizing:border-box;
	display:inline-block;
	margin:0 3px 5px;
}
}
@media screen and (max-width:750px){
#contents #about div .photo{
	float:right;
	width:40%;
}
#contents #about div h3{
	float:left;
	width:60%;
	font-size:18px;
	margin-bottom:10px;
}
#contents #about div h3 img{
	display:block;
}
#contents #about div .note{
	clear:both;
	float:none;
	width:auto;
	font-size:14px;
	text-align:left;
	line-height:40px;
	background:url(images/line.png) repeat;
}
}
@media screen and (max-width:640px){
#contents #about ul{
	margin-bottom:25px;
}
#contents #about ul li{
	width:90%;
	box-sizing:border-box;
	display:inline-block;
	margin:0 3px 5px;
}
#contents #about ul li a{
	display:block;
	color:#3A91E1;
	line-height:25px;
	text-decoration:none;
	border:2px solid #3A91E1;
}
#contents #about ul li a img{
	width:18px;
	height:auto;
}
#contents #about{
	clear:both;
	padding:30px 10px;
	background:#E3EEFA;
	border-bottom:1px solid #C7DDF6;
	overflow:hidden;
}
}



/*-----------------------------
	school
------------------------------*/

#school{
	clear:both;
	width:100%;
	max-width:980px;
	margin:0 auto;
	box-sizing:border-box;
	padding:30px 10px 70px;
	overflow:hidden;
}
#school h3{
	position:relative;
	background:url(images/subtitle-bg.png) repeat-x center center;
	margin-bottom:30px;
}
#school h3 div{
	content:"";
	color:#fff;
	font-size:24px;
	letter-spacing:5px;
	width:70%;
	height:60px;
	line-height:60px;
	max-width:520px;
	margin:0 auto;
	background:url(images/subtitle-bg2.png) repeat;
	-moz-transform:skew(-10deg); 
	-webkit-transform:skew(-10deg); 
	transform:skew(-10deg);
}
#school h3 div span{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	-moz-transform:skew(10deg); 
	-webkit-transform:skew(10deg); 
	transform:skew(10deg);
}
#school h4{
	color:#fff;
	font-size:18px;
	text-align:left;
	line-height:1.2;
	letter-spacing:3px;
	padding:8px 15px;
	background:url(images/subtitle-bg2.png) repeat;
	margin-bottom:30px;
}
/* school-topics */
#school #school-topics{
	clear:both;
	padding:5px;
	background:url(images/subtitle-bg2.png) repeat;
	margin-bottom:100px;
}
#school #school-topics div{
	padding:20px;
	background:#fff;
	overflow:hidden;
}
#school #school-topics div dl{
	clear:both;
	padding:15px 0;
	text-align:left;
	color:#472c1c;
	border-bottom:1px solid #3A91E1;
	overflow:hidden;
}
#school #school-topics div dl:last-child{
	border-bottom:none;
}
#school #school-topics div dl dt{
	float:left;
	width:8em;
}
#school #school-topics div dl dd{
	overflow:auto;
}
#school #school-topics div dl dd a{
	color:#472c1c;
}
/* table */
#school table{
	clear:both;
	width:100%;
	font-size:16px;
	text-align:left;
	box-sizing:border-box;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
}
#school table th{
	padding:10px;
	color:#3A91E1;
	vertical-align:middle;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	background:#E2EFFB;
}
#school table td{
	padding:10px;
	vertical-align:middle;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
}
#school table.table02{
	text-align:center;
	margin-bottom:60px;
}
#school table.table02 td.td-title{
	padding:10px;
	color:#3A91E1;
	vertical-align:middle;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	background:#E2EFFB;
}
#school table.table02 a{
	color: #3A91E1;
    text-decoration: underline;
}
#school .class-explain {
	margin-bottom: 50px;
}
#school .class-explain.last {
	margin-bottom: 100px;
}
#school .class-explain th,
#school .class-explain td{
	text-align: center;
}
#school .class-explain th:first-child{
	width: 20%;
}
#school .class-explain th:last-child{
	width: 40%;
}

.class-explain p {
	text-align: left;
	margin-bottom: 20px;
}
.class-explain p.atten {
	color: #ff0000;
	margin-bottom: 0px;
}
/* classlevel */
#school #classlevel{
	clear:both;
	overflow:hidden;
}
#school #classlevel dl{
	float:left;
	width:31%;
	margin-right:3.5%;
	box-sizing:border-box;
	padding:15px;
	background:#E2EFFB;
	margin-bottom:30px;
}
#school #classlevel dl:nth-child(3n){
	margin-right:0;
}
#school #classlevel dl dt{
	color:#3A91E1;
	font-size:18px;
	padding-bottom:5px;
	border-bottom:1px solid #3A91E1;
	margin-bottom:10px;
}
#school #classlevel dl dd{
	text-align:left;
}
/* doubles */
#school #doubles{
	clear:both;
	padding:20px;
	color:#3A91E1;
	text-align:left;
	border:2px solid #3A91E1;
	margin-bottom:20px;
	overflow:hidden;
}
#school #doubles h5{
	font-size:16px;
}
#school #doubles dt{
	float:left;
}
#school #doubles dd{
	overflow:auto;
}
/* doubles */
#school #doubles{
	clear:both;
	padding:20px;
	color:#3A91E1;
	text-align:left;
	border:2px solid #3A91E1;
	margin-bottom:20px;
	overflow:hidden;
}
/* list */
#school .list{
	text-align:left;
	margin-bottom:50px;
}
#school .list a{
	color:#3A91E1;
	text-decoration:underline;
}
#school .list span{
	color:#3A91E1;
}
/* btn */
#school .btn{
	margin-bottom:50px;
}
#school .btn a{
	width:90%;
	max-width:800px;
	display:block;
	padding:15px;
	color:#fff;
	text-decoration:none;
	line-height:50px;
	font-size:30px;
	font-weight:bold;
	background:url(images/btn-bg.png) repeat;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	margin:0 auto 100px;
}
#school .btn a span{
	width:70%;
	box-sizing:border-box;
	display:inline-block;
	padding:0 10px;
	color:#3A91E1;
	font-size:18px;
	font-weight:bold;
	background:#fff;
	vertical-align:middle;
	border:2px solid #3A91E1;
}
#school .btn a span img{
	vertical-align:middle;
}
/* coach */
#school #coach{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-bottom:50px;
}
#school #coach > div{
	width:48%;
	text-align:left;
	margin-bottom:20px;
}

#school #coach div .name{
	color:#3A91E1;
	font-size:20px;
	padding-bottom:5px;
	margin-bottom:20px;
	border-bottom:2px solid #3A91E1;
}
#school #coach div .name small{
	font-size:14px;
}
#school #coach div.coach-box {
	display: flex;
	justify-content: space-between;
}
#school #coach div .photo{
	width: 35%;
	margin-right:20px;
}
#school #coach div .note{
	width: 62%;
}
/* paycont */
#school #paycont{
	clear:both;
	padding:5px;
	background:url(images/subtitle-bg2.png) repeat;
	margin-bottom:100px;
}
#school #paycont div{
	padding:30px;
	color:#3A91E1;
	text-align:left;
	background:#fff;
	overflow:hidden;
}
#school #paycont div h4{
	color:#3A91E1;
	font-size:30px;
	text-align:center;
	line-height:1.2;
	letter-spacing:5px;
	padding:0;
	background:none;
	margin-bottom:20px;
}
#school #paycont div h4 em{
	font-size:18px;
	padding:2px 15px;
	background:#FFF100;
	letter-spacing:0;
	margin-left:10px;
	vertical-align:middle;
	font-weight:bold;
}
#school #paycont div .photo{
	float:left;
	width:42%;
	max-width:360px;
	margin-right:30px;
}
#school #paycont div .note{
	margin-bottom:10px;
}
#school #paycont div .note em{
	font-size:16px;
	font-weight:bold;
	background:#FFF100;
}
#school #paycont div .kome{
	font-size:12px;
	margin-bottom:10px;
}
#school #paycont div dl{
	font-size:16px;
	font-weight:bold;
	overflow:hidden;
	margin-bottom:10px;
}
#school #paycont div dl dt{
	float:left;
	color:#fff;
	padding:35px;
	background:#3A91E1;
	margin-right:15px;
}
#school #paycont div a{
	color:#3A91E1;
	text-decoration:underline;
}
/* applycont */
#school #applycont{
	clear:both;
	padding:5px;
	margin-bottom:100px;
}
#school #applycont .midashi{
	display:inline-block;
	margin-bottom:30px;
	background:url(images/apply_midashi1.png) no-repeat left bottom;
}
#school #applycont .midashi p{
	display:inline-block;
	color:#3A91E1;
	font-size:20px;
	font-weight:bold;
	letter-spacing:3px;
	min-height:28px;
	padding:0 30px;
	background:url(images/apply_midashi2.png) no-repeat right bottom;
}
#school #applycont .wrap{
	border-left:2px solid #3A91E1;
	overflow:hidden;
}
#school #applycont .wrap div{
	float:left;
	width:50%;
	color:#3A91E1;
	padding:15px 0;
	box-sizing:border-box;
	border-right:2px solid #3A91E1;
}
#school #applycont .wrap div .title{
	font-size:18px;
	font-weight:bold;
	margin-bottom:15px;
}
#school #applycont .wrap div .note{
	margin-bottom:30px;
	min-height:3em;
}
#school #applycont .wrap div a{
	display:block;
	width:80%;
	box-sizing:border-box;
	padding:10px 50px 10px 20px;
	color:#3A91E1;
	font-size:18px;
	font-weight:bold;
	text-decoration:none;
	border:3px solid #3A91E1;
	margin:0 auto;
}
#school #applycont .wrap div .web a{
	background:url(images/icon-link.png) no-repeat right center #E2EFFB;
}
#school #applycont .wrap div .fax a{
	background:url(../common/images/pdf.png) no-repeat 95% center #E2EFFB;
}
@media screen and (max-width:980px){
	/* btn */
	#school .btn{
		clear:both;
		margin-bottom:50px;
	}
	#school .btn a{
		width:70%;
		max-width:800px;
		display:block;
		padding:15px;
		color:#fff;
		text-decoration:none;
		line-height:50px;
		font-size:30px;
		font-weight:bold;
		background:url(images/btn-bg.png) repeat;
		-webkit-border-radius:5px;
		-moz-border-radius:5px;
		border-radius:5px;
		margin:0 auto 100px;
	}
	#school .btn a span{
		width:80%;
		box-sizing:border-box;
		display:inline-block;
		padding:0 10px;
		color:#3A91E1;
		font-size:18px;
		font-weight:bold;
		background:#fff;
		vertical-align:middle;
		border:2px solid #3A91E1;
	}
	/* applycont */
	#school #applycont .wrap div a{
		display:block;
		width:80%;
		box-sizing:border-box;
		padding:10px 50px 10px 20px;
		color:#3A91E1;
		font-size:16px;
		font-weight:bold;
		text-decoration:none;
		border:3px solid #3A91E1;
		margin:0 auto;
	}
}
@media screen and (max-width:768px){
	#school h3{
		position:relative;
		background:url(images/subtitle-bg.png) repeat-x center center;
		margin-bottom:30px;
	}
	#school h3 div{
		content:"";
		color:#fff;
		font-size:20px;
		letter-spacing:2px;
		width:70%;
		height:60px;
		line-height:60px;
		max-width:520px;
		margin:0 auto;
		background:url(images/subtitle-bg2.png) repeat;
		-moz-transform:skew(-10deg); 
		-webkit-transform:skew(-10deg); 
		transform:skew(-10deg);
	}
	/* table */
	#school table{
		clear:both;
		width:100%;
		font-size:14px;
		text-align:left;
		box-sizing:border-box;
		border-right:1px solid #ccc;
		border-bottom:1px solid #ccc;
	}
	/* coach */
	#school #coach{
		display: block;
		margin-bottom:20px;
	}
	#school #coach div{
		width:100%;
		margin-bottom:15px;
	}
	#school #coach div .name{
		color:#3A91E1;
		font-size:16px;
		padding-bottom:0;
		margin-bottom:10px;
		border-bottom:2px solid #3A91E1;
	}
	#school #coach div .name small{
		font-size:14px;
	}
	#school #coach div .photo{
		max-width:150px;
	}
	#school #coach div .note{
	}

	/* paycont */
	#school #paycont div h4{
		color:#3A91E1;
		font-size:26px;
		text-align:center;
		line-height:1.2;
		letter-spacing:3px;
		padding:0;
		background:none;
		margin-bottom:20px;
	}
}
@media screen and (max-width:640px){
	#school h3 div{
		content:"";
		color:#fff;
		font-size:20px;
		letter-spacing:0;
		width:70%;
		height:60px;
		line-height:60px;
		max-width:520px;
		margin:0 auto;
		background:url(images/subtitle-bg2.png) repeat;
		-moz-transform:skew(-10deg); 
		-webkit-transform:skew(-10deg); 
		transform:skew(-10deg);
	}
	/* school-topics */
	#school #school-topics{
		clear:both;
		padding:5px;
		background:url(images/subtitle-bg2.png) repeat;
		margin-bottom:40px;
	}
	#school #school-topics div{
		padding:10px;
		background:#fff;
		overflow:hidden;
	}
	#school #school-topics div dl{
		clear:both;
		padding:10px 0;
		text-align:left;
		color:#472c1c;
		border-bottom:1px solid #3A91E1;
		overflow:hidden;
	}
	#school #school-topics div dl dt{
		float:none;
		width:8em;
	}
	/* table */
	#school table{
		clear:both;
		width:100%;
		font-size:12px;
		text-align:left;
		box-sizing:border-box;
		border-right:1px solid #ccc;
		border-bottom:1px solid #ccc;
	}
	#school table th{
		padding:10px;
	}
	#school table td{
		padding:10px;
	}
	#school table.table02{
		text-align:center;
		margin-bottom:30px;
	}
	#school .class-explain {
		margin-bottom: 30px;
	}
	#school .class-explain.last {
		margin-bottom: 50px;
	}
	/* classlevel */
	#school #classlevel{
		clear:both;
		overflow:hidden;
	}
	#school #classlevel dl{
		float:left;
		width:31%;
		margin-right:3.5%;
		box-sizing:border-box;
		padding:10px;
		background:#E2EFFB;
		margin-bottom:20px;
	}
	#school #classlevel dl:nth-child(3n){
		margin-right:0;
	}
	#school #classlevel dl dt{
		color:#3A91E1;
		font-size:16px;
		padding-bottom:5px;
		border-bottom:1px solid #3A91E1;
		margin-bottom:10px;
	}
	/* doubles */
	#school #doubles{
		clear:both;
		padding:10px;
		color:#3A91E1;
		text-align:left;
		border:2px solid #3A91E1;
		margin-bottom:20px;
		overflow:hidden;
	}
	#school #doubles h5{
		font-size:14px;
	}
	#school #doubles dt{
		float:left;
	}
	#school #doubles dd{
		overflow:auto;
	}
	/* list */
	#school .list{
		text-align:left;
		margin-bottom:20px;
	}
	/* btn */
	#school .btn{
		clear:both;
		margin-bottom:20px;
	}
	#school .btn a{
		width:90%;
		max-width:800px;
		display:block;
		padding:15px;
		color:#fff;
		text-decoration:none;
		line-height:30px;
		font-size:18px;
		font-weight:bold;
		background:url(images/btn-bg.png) repeat;
		-webkit-border-radius:5px;
		-moz-border-radius:5px;
		border-radius:5px;
		margin:0 auto 50px;
	}
	#school .btn a span{
		float:none;
		width:95%;
		box-sizing:border-box;
		display:inline-block;
		padding:0 10px;
		color:#3A91E1;
		font-size:14px;
		font-weight:bold;
		background:#fff;
		vertical-align:middle;
		border:2px solid #3A91E1;
	}
	#school .btn a span img{
		width:25px;
		height:auto;
	}
	/* paycont */
	#school #paycont{
		clear:both;
		padding:5px;
		background:url(images/subtitle-bg2.png) repeat;
		margin-bottom:40px;
	}
	#school #paycont div{
		padding:15px 15px 5px;
		color:#3A91E1;
		text-align:left;
		background:#fff;
		overflow:hidden;
	}
	#school #paycont div h4{
		color:#3A91E1;
		font-size:20px;
		text-align:center;
		line-height:1.2;
		letter-spacing:0;
		padding:0;
		background:none;
		margin-bottom:10px;
	}
	#school #paycont div h4 em{
		font-size:12px;
		padding:2px 10px;
		background:#FFF100;
		letter-spacing:0;
		margin-left:10px;
		vertical-align:middle;
		font-weight:bold;
	}
	#school #paycont div .photo{
		float:left;
		width:42%;
		max-width:360px;
		margin-right:15px;
		margin-bottom:10px;
	}
	#school #paycont div .note{
		overflow:auto;
		margin-bottom:10px;
	}
	#school #paycont div .note em{
		font-size:14px;
		font-weight:bold;
		background:#FFF100;
	}
	#school #paycont div .kome{
		clear:both;
		font-size:12px;
		margin-bottom:10px;
	}
	#school #paycont div dl{
		font-size:14px;
		font-weight:bold;
		overflow:hidden;
		margin-bottom:10px;
	}
	#school #paycont div dl dt{
		float:left;
		color:#fff;
		padding:35px;
		background:#3A91E1;
		margin-right:15px;
	}
	#school #paycont div a{
		color:#3A91E1;
		text-decoration:underline;
	}
	/* applycont */
	#school #applycont{
		clear:both;
		padding:5px;
		margin-bottom:40px;
	}
	#school #applycont .midashi{
		display:inline-block;
		margin-bottom:20px;
		background:url(images/apply_midashi1.png) no-repeat left bottom;
	}
	#school #applycont .midashi p{
		display:inline-block;
		color:#3A91E1;
		font-size:16px;
		font-weight:bold;
		letter-spacing:3px;
		min-height:28px;
		padding:0 30px;
		background:url(images/apply_midashi2.png) no-repeat right bottom;
	}
	#school #applycont .wrap{
		border-left:none;
		border-top:2px solid #3A91E1;
		overflow:hidden;
	}
	#school #applycont .wrap div{
		float:none;
		width:100%;
		color:#3A91E1;
		padding:15px 0;
		box-sizing:border-box;
		border-right:none;
		border-bottom:2px solid #3A91E1;
	}
	#school #applycont .wrap div .title{
		font-size:18px;
		font-weight:bold;
		margin-bottom:5px;
	}
	#school #applycont .wrap div .note{
		margin-bottom:10px;
		min-height:inherit;
	}
	#school #applycont .wrap div a{
		display:block;
		width:60%;
		min-width:250px;
		box-sizing:border-box;
		padding:5px 30px 5px 20px;
		color:#3A91E1;
		font-size:14px;
		font-weight:bold;
		text-decoration:none;
		border:2px solid #3A91E1;
		margin:0 auto;
	}
	#school #applycont .wrap div .web a{
		background:url(images/icon-link.png) no-repeat right center #E2EFFB;
		-webkit-background-size:30px auto;
		-moz-background-size:30px auto;
		background-size:30px auto;
	}
	#school #applycont .wrap div .fax a{
		background:url(../common/images/pdf.png) no-repeat 95% center #E2EFFB;
		-webkit-background-size:25px auto;
		-moz-background-size:25px auto;
		background-size:25px auto;
	}
	}
	@media screen and (max-width:480px){
	#school h3 div{
		content:"";
		color:#fff;
		font-size:16px;
		letter-spacing:0;
		width:85%;
		height:60px;
		line-height:60px;
		max-width:520px;
		margin:0 auto;
		background:url(images/subtitle-bg2.png) repeat;
		-moz-transform:skew(-10deg); 
		-webkit-transform:skew(-10deg); 
		transform:skew(-10deg);
	}
	#school h4{
		color:#fff;
		font-size:14px;
		text-align:left;
		line-height:1.2;
		letter-spacing:3px;
		padding:8px 15px;
		background:url(images/subtitle-bg2.png) repeat;
		margin-bottom:15px;
	}
	#school table th{
		padding:10px 5px;
		border-top:1px solid #ccc;
		border-left:1px solid #ccc;
	}
	#school table td{
		padding:10px 5px;
		border-top:1px solid #ccc;
		border-left:1px solid #ccc;
	}
	/* classlevel */
	#school #classlevel{
		clear:both;
		overflow:hidden;
	}
	#school #classlevel dl{
		float:left;
		width:48%;
		margin-right:2%;
		box-sizing:border-box;
		padding:10px;
		background:#E2EFFB;
		margin-bottom:10px;
	}
	#school #classlevel dl:nth-child(3n){
		margin-right:2%;
	}
	#school #classlevel dl:nth-child(2n){
		margin-right:0;
	}
	#school #classlevel dl dt{
		color:#3A91E1;
		font-size:14px;
		padding-bottom:5px;
		border-bottom:1px solid #3A91E1;
		margin-bottom:10px;
	}
	/* doubles */
	#school #doubles dt{
		float:none;
	}
	/* coach */
	#school #coach div .photo{
		float:left;
		width:35%;
		max-width:150px;
		margin-right:15px;
		margin-bottom:10px;
	}
	#school #coach div .note{
		overflow:visible;
	}
	}
	@media screen and (max-width:320px){
	/* classlevel */
	#school #classlevel{
		clear:both;
		overflow:hidden;
	}
	#school #classlevel dl{
		float:none;
		width:auto;
		margin-right:0;
		box-sizing:border-box;
		padding:10px;
		background:#E2EFFB;
		margin-bottom:5px;
	}
	#school #classlevel dl:nth-child(3n){
		margin-right:0;
	}
	#school #classlevel dl:nth-child(2n){
		margin-right:0;
	}
	#school #classlevel dl dt{
		color:#3A91E1;
		font-size:14px;
		padding-bottom:0;
		border-bottom:1px solid #3A91E1;
		margin-bottom:5px;
	}
}