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

body{
	background: #FFFFFF;
	font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	line-height: 1.8;
}

img{
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	border: none;
}

.center{text-align: center;
}

.t05{font-size: 0.5em;}
.t06{font-size: 0.6em;}
.t07{font-size: 0.7em;}
.t08{font-size: 0.8em;}
.t09{font-size: 0.9em;}
.t10{font-size: 1.0em;}
.t11{font-size: 1.1em;}

.t11-pt10{font-size: 1.1em;
	padding-top: 10px;
}

.t12{font-size: 1.2em;}
.t13{font-size: 1.3em;}
.t14{font-size: 1.4em;}
.t15{font-size: 1.5em;}
.t16{font-size: 1.6em;}
.t17{font-size: 1.7em;}
.t18{font-size: 1.8em;}
.t19{font-size: 1.9em;}
.t20{font-size: 2.0em;}
.t21{font-size: 2.1em;}
.t25{font-size: 2.5em;}
.t26{font-size: 2.6em;}
.t30{font-size: 3.0em;}
.t35{font-size: 3.5em;}
.t40{font-size: 4.0em;}
.t41{font-size: 4.1em;}

.t12-t20{font-size: 2.0em;
	padding-top: 50px
}

.t11-b{font-size: 1.1em;
		color: #3a5581;
	line-height:  0.2em;
}
.t12-b{font-size: 1.2em;
		color: #3a5581;
	line-height:  0.5em;
}
.t13-b{font-size: 1.3em;
		color: #3a5581;
	line-height:  0.5em;
}
.t14-b{font-size: 1.4em;
		color: #3a5581;
	line-height:  0.5em;
}
.t10-r{font-size: 1.0em;
		color: #FF0000;
}	

.t11-r{font-size: 1.1em;
		color: #FF0000;
	line-height:  0.2em;
}

.t11-rc{font-size: 1.1em;
		color: #FF0000;
	line-height:  0.2em;
	text-align: center;
}

.t12-r{font-size: 1.2em;
		color: #FF0000;
}
.t13-r{font-size: 1.3em;
		color: #FF0000;
}
.t14-r{font-size: 1.4em;
		color: #FF0000;
}
.t15-r{font-size: 1.5em;
		color: #FF0000;
}

hr {
 height: 1px;
 background-color: #3a5581;
 border: none;
}

.pd-t03{padding-top: 3px!important;}
.pd-t05{padding-top: 5px!important;}
.pd-t10{padding-top: 10px!important;}
.pd-t15{padding-top: 15px!important;}
.pd-t20{padding-top: 20px!important;}
.pd-t30{padding-top: 30px!important;}
.pd-t40{padding-top: 40px!important;}
.pd-t50{padding-top: 50px!important;}
.pd-t100{padding-top: 100px!important;}

.pd-b1{padding-bottom: 1px;}
.pd-b10{padding-bottom: 10px;}
.pd-b20{padding-bottom: 20px;}
.pd-b30{padding-bottom: 30px;}
.pd-b40{padding-bottom: 40px;}
.pd-b50{padding-bottom: 50px;}
.pd-b55{padding-bottom: 55px;}
.pd-b60{padding-bottom: 60px;}
.pd-b70{padding-bottom: 70px;}
.pd-b100{padding-bottom: 100px;}
.pd-b150{padding-bottom: 150px;}

.pd-r10{padding-right: 10px}

.mg_t20{margin-top: 20px}
.mg_t30{margin-top: 30px}
.mg_t50{margin-top: 50px}

.bd-01{hr-size: 1px #9A9A9A;}

.mg_b20{margin-bottom: 20px}
.mg_t30{margin-bottom: 20px}
.mg_t50{margin-bottom: 50px}

#content{
	overflow:hidden;
}
.logo{text-align: center;}


#top-image{
	background: url(../images/top-bg.jpg);
	background-size: cover;
}

#top-image-sp{
	background: url(../images/top-bg-sp.jpg);
	background-size: cover;
}

#top_image3{
	background: url(../images/top-3bg.jpg);
	background-size: cover;
}

#top_image3-SP{
	background: url(../images/top3-bg-sp.jpg);
	background-size: cover;
}


#image-bg{
	background: url(../images/01_btm_bg_2x.jpg);
	background-size: cover;
}

#image-bg-sp{
	background: url(../images/01_btm_bg_2x-sp.jpg);
	background-size: cover;
}

.sec01{
	background-color: #000000;
	background-size: cover;
}
.sec02{
	background-color: #FFFFFF;
	background-size: cover;
}

.sec03{
	background-color: #CDF2FF;
	background-size: cover;
}

.sec04{
 background-color:#282828;
 bottom: 0;
}

.sec05{
 background-color:#000000;
 bottom: 0;
	
}
.sec06{
 background-color:#FF0000;
 bottom: 0;
}
.sec07{
 background-color:#ff0000;
 bottom: 0;
}
.sec08{
 background-color:#3a5581;
 bottom: 0;
}
.sec09{
	background: url(../images/01_btm_bg_2x.png);
	background-size: cover;
}

.course-a{
		background: #b9c5cb;
}

.course-cr{
	background: #edf0f2;
	padding: 50px 10px 50px 10px;
	margin-bottom: 30px;
	border-radius: 10px 10px 10px 10px;
}


.course-cr1{
	background: #fff;
	padding: 10px 10px 10px 10px;
	margin-bottom: 20px;
	border-radius: 10px 10px 10px 10px;
	margin-left: 50;
	margin-right: 50;
}

.course-c{
	background: #fff;
}

.course-F{
	background: #fff;
}
.course-B{
	border: solid 2px #e60012;
	background: #fff;	
}

.course-TKP{
	font-size: 1.9em;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	padding-top: 11px;
	padding-bottom: 1px;
}

.course-TK{
	font-size: 1.8em;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	padding-top: 11px;
	padding-bottom: 1px;
}
.course-TT{
	font-size: 1.4em;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	padding-top: 8px;
	padding-bottom: 1px;
}

.course-T{
	font-size: 1.2em;
	font-weight: bold;
	color: #fff;
	text-align: center;
	margin-bottom: 0px;
}
.course-KP{
	font-size: 1.6em;
	padding-top: 10px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	margin-bottom: 15px;
}

.course-K{
	font-size: 1.5em;
	padding-top: 10px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	margin-bottom: 15px;
}
.course-K-sp{
	font-size: 1.0em;
	padding-top: 10px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	margin-bottom: 0px;
}
.course-KK{
	font-size: 1.5em;
	padding-top: 10px;
	font-weight: bold;
	color: #fff;
	text-align: center;
}
.course-K-sp{
	font-size: 1.5em;
	padding-top: 10px;
	font-weight: bold;
	color: #fff;
	text-align: center;	
	padding-bottom: 2px;
	margin-bottom: 15px;
}

.course-K0{
	font-size: 1.2em;
	padding-top: 10px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	margin-bottom: 15px;
	border: solid 1px #9A9A9A;
}

.course-D{
	font-size: 1.2em;
	font-weight: bold;
	text-align: center;
	padding-bottom: 10px;
}

.c-in0{
	padding: 0px 30px 0px 30px;	
}

.c-in1{
	padding: 20px 20px 20px 20px;	
}

.c-in2{
	padding: 20px 20px 20px 20px;
	border: solid 1px #3a5581;		
}
.c-in3{
	padding: 20px 20px 20px 20px;
	border: solid 1px #1da2ce;		
}
.c-in4{
	padding: 0px 20px 0px 20px;
	border: solid 1px #83D3E3;
	background-color: #EDFAFF;
}

.c-in5{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: solid 1px #3a5581;		
}



.btn_L{padding: 20px;}


.point{
	font-size: 1.5em;
	color: #000000;
	text-align: center;
	font-weight: bold;
	padding-bottom: 10px;
	border-bottom: solid 1px;
}

.place,.access{
	padding: 50px 0px;
	background: #fff;
}

.basho{
	font-size: 2em;
	color: #e60012;
	font-weight: bold;
	padding-bottom: 5px;
	border-bottom: solid 1px;
}

.sub_title {
	font-weight: bold;
	font-size: 140%;
	line-height: 2.5;
	background: #000080;
	text-align: center;
	color: #fff;
	padding: 10px 0;
	margin-bottom: 0;
}

.youtube{
	position:relative;
	width:100%;
	padding-top:56.25%;
}
.youtube iframe{
	position:absolute;
	top:0;
	right:0;
	width:100%;
	height:100%;
}

.hover_img{
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}
.hover_img:hover{
	opacity:0.7;
}
.course-btn{
	padding-top: 43px;
}


@media (max-width: 767px){
	#top_image{
	padding: 10px;
	}
	.schoolname{
		padding: 30px;
	}
	.schoolname img{
		width: 80%;
	}
	.course-T{
		font-size: 1.25em;
		font-weight: bold;
		color: #fff;
		padding: 5px 10px;
	}
	.course-c,.course-B,.course-F{
		margin: 0 20px;
	}
	.sp-course{
		padding: 0 10px;
	}
	.sp-course-btn{
		padding: 20px 10px 10px 10px;
	}
	.course_btn{
		padding: 0 5px;
	}
	.sec02{padding: 20px 0;}
	.sec03{margin-bottom: 20px;}
	.pd-b50{padding-bottom: 20px;}
	.pd-t50{padding-top: 20px;}
	.pd-r10{padding-right: 0}
	.course-F{margin-bottom: 20px;}
	.place,.access{padding: 20px;}
	.c-in{padding: 0px }
	.p-sp{padding: 0 5px;}
}