@charset "UTF-8";

/* 法人について --------------- */

ul.select{
	width:1200px;
	margin-top:2%;

}

ul.select li{
	width:33.3%;
	float:left;
	text-align:center;
	line-height:250%;
	font-size:150%;
}

div#main_img{
	background-image:url(<!--form16:data1-->);
	margin-bottom:2%;
}

@media screen and (min-width:641px) and (max-width:1200px) {
p.g_txt{
	width:80%;
	margin:0 auto;
	font-size:130%;
}
}

nav#facility li{
	float:left;
	text-align:center;
	width:50%;
	margin-top:8%;
}

nav#facility li p{
	margin-top:4%;
}

nav#facility a{
	color:#FFF;
}


@media screen and (max-width: 640px) {
ul.select{
	width:100%;
}

ul.select li{
	line-height:150%;
	font-size:100%;
}
}

@media only screen and (min-device-width:320px) and (orientation:portrait) {

nav#facility li{
	float:none;
	text-align:center;
	width:100%;
	padding:4% 0;
}

nav#facility li:last-child{
	padding-bottom:0;
}

}

@media only screen and (max-device-width:480px) and (orientation:landscape) {
nav#facility li{
	float:left;
	text-align:center;
	width:48%;
	margin-right:4%;
	margin-top:8%;
}

nav#facility li:nth-child(2n){
	margin-right:0;
}

nav#facility li p.subtitle{
	background-size:98%;
	background-position:3px center;
}
}

@media screen and (min-width:641px) and (max-width:1200px) {

nav#facility li{
	float:left;
	text-align:center;
	width:49%;
	margin-right:2%;
	margin-top:8%;
}

nav#facility li:nth-child(2n){
	margin-right:0;
}

}

/* フィロソフィー --------------- */

div#main_philosophy{
	background-image:url(<!--form18:data1-->);
	margin-bottom:2%;
}

div#main_philosophy2{
	background-image:url(<!--form18:data5-->);
	margin-bottom:2%;
}


p.txt{
	font-size:180%;
	line-height:200%;
	width:70%;
	margin: 5% auto 8%;
}

.blcSlogan{
	margin: 5% auto 8%;
	max-width:450px;
}

.blcSlogan .ttl{
color: #1E5298;
font-size:140%;
margin: 0 0 2%;
font-weight:bold;
text-align:center;
}

.blcSlogan p.detail{
	font-size:120%;
	line-height:280%;
}

@media screen and (max-width: 640px) {
p.txt{
	font-size:120%;
	line-height:150%;
	width:100%;
}
.blcSlogan p.detail{
	font-size:100%;
}
}

/* 教育制度 --------------- */

div#main_education{
	background-image:url(../w2img/20161010193145main_education.jpg);
}

p.txt3{
	line-height:200%;
	margin:2% auto 5%;
	width:80%;
}

p.txt3 span{
	font-size:150%;
}

@media screen and (max-width: 640px) {

p.txt3{
	line-height:200%;
	margin:3% auto 5%;
	width:100%;
}

h3{
	text-align:left;

}

}

@media screen and (min-width:641px) and (max-width:1200px) {
p.txt3{
	font-size:130%;
}

}

/* 教育制度 js--------------- */

div#summary{
	margin-top:5%;
}

.tabBlc{
margin:4% 0 0;
padding:0 4%;
}

.tabBlc .tab:after{
content:"";
clear:both;
display:block;
}

.tabBlc .tab li{
width:25%;
font-size:120%;
color:#fff;
text-align:center;
padding:15px 0;
float:left;
cursor:pointer;
transition:all 200ms ease-in-out;
position:relative;
z-index:10;
}

.tabBlc .tab li:after{
content:"";
width:100%;
height:5px;
position:absolute;
bottom:0;
left:0;
transition:all 200ms ease-in-out;
z-index:1;
}

.tabBlc .tab li.select:after{
bottom:-5px;
}

.tabBlc .tab li:nth-child(1){
background-color:#bcb3d8;
}

.tabBlc .tab li.select:nth-child(1):after{
background-color:#bcb3d8;
}

.tabBlc .tab li:nth-child(2){
background-color:#f6ab00;
}

.tabBlc .tab li.select:nth-child(2):after{
background-color:#f6ab00;
}

.tabBlc .tab li:nth-child(3){
background-color:#27b7bc;
}

.tabBlc .tab li.select:nth-child(3):after{
background-color:#27b7bc;
}

.tabBlc .tab li:nth-child(4){
background-color:#1e5298;
}

.tabBlc .tab li.select:nth-child(4):after{
background-color:#1e5298;
}

.tabBlc .contWrapBlc{
margin:-10px 0 0;
}

.tabBlc .contWrapBlc #wrap1{
border-color:#bcb3d8;
}

.tabBlc .contWrapBlc #wrap2{
border-color:#f6ab00;
}

.tabBlc .contWrapBlc #wrap3{
border-color:#27b7bc;
}

.tabBlc .contWrapBlc #wrap4{
border-color:#1e5298;
}

.tabBlc .contWrapBlc .contWrap{
border-width:5px;
border-style:solid;
padding:4% 5% 8%;
}

.tabBlc .contWrapBlc li{
	color:#FFF;
	padding:4% 0 4% 11%;
	box-sizing:border-box;
}

.tabBlc .contWrapBlc #wrap4 li{
	text-align:center;
	padding:4% 0;
}

.tabBlc .contWrapBlc #wrap4 li:nth-child(2n){
	color:#000;
	height:auto;
	padding:2% 0;
}

.tabBlc .contWrapBlc #wrap1 li{
	background-color:#BCB3D8;
	border-radius:5px;
}

.tabBlc .contWrapBlc #wrap2 li{
	background-color:#f6ab00;
	border-radius:5px;
}

.tabBlc .contWrapBlc #wrap3 li{
	background-color:#27b7bc;
	border-radius:5px;
}

.tabBlc .contWrapBlc #wrap4 li:nth-child(2n+1){
	background-color:#1e5298;
	border-radius:5px;
}

.tabBlc .contWrapBlc #wrap2 .txtBlc{
border:5px solid #63cca7;
}

.tabBlc .contWrapBlc #wrap3 .txtBlc{
border:5px solid #e9db31;
}

.tabBlc .dayList{
	margin:5% auto 0;
	max-width:759px;
}

.tabBlc .dayList li{
margin:0 0 10px;
position:relative;
}

.tabBlc .dayList li .num{
font-family:arial;
font-size:540%;
font-style:italic;
line-height:1;
margin:auto 0;
position:absolute;
top:0;
bottom:0;
left:15px;
}

.tabBlc .dayList li:last-child{
margin:0;
}

.disnon{
display:none;
}

@media screen and (max-width: 640px) {

#accordion dd th{
	width:25%;	
	}
	
#accordion dd td{
	font-size:90%;
	}

.tabBlc{
	padding:0;
}

.tabBlc .tab li{
font-size:90%;
padding:4% 2%;
}

.tabBlc .contWrapBlc li{
	height:auto;
}

.tabBlc .dayList{
	margin:5% auto 0;
	width:100%;
}



.tabBlc .dayList li:last-child{
	margin:4% 0 0;	
}

.tabBlc .dayList li{
	height:auto;
	min-height:87px;
	margin:4% 0 0;
	padding:4% 4% 4% 18%;
}

.tabBlc .contWrapBlc #wrap4 li{
	text-align:center;
	padding:6% 0 6% 0;
	font-size:140%;
}

.tabBlc .contWrapBlc #wrap4 li:nth-child(2n){
	color:#000;
	height:auto;
	padding:0;
		font-size:100%;
}

}

@media screen and (max-device-width:320px) and (orientation: portrait) {

.tabBlc .tab li{
width:50%;
}

.tabBlc .tab li:nth-child(3){
clear:both;
}

.tabBlc .tab li.select{
padding:15px 0;
}

.tabBlc .contWrapBlc .contWrap{
border-width:5px;
border-style:solid;
padding:8% 5% 8%;
}

.tabBlc .contWrapBlc #wrap4 li:nth-child(2n+1){
	background:none no-repeat #1e5298;
	font-size:120%;
	padding-top:12%;
	padding-bottom:12%;
	box-sizing:border-box;
}

.tabBlc .contWrapBlc #wrap4 li:nth-child(2n){
text-align:left;
}

}

@media only screen and (max-device-width:480px) and (orientation:landscape) {

.tabBlc .contWrapBlc #wrap4 li:nth-child(2n+1){
	background:none no-repeat #1e5298;
	background-size:auto;
}


}

@media screen and (min-width:641px) and (max-width:1200px) {

div#summary{
	margin-top:5%;
}

.tabBlc{
margin:4% 0 0;
padding:0 4%;
}

.tabBlc .tab li{
width:25%;
font-size:120%;
color:#fff;
text-align:center;
padding:15px 0;
float:left;
cursor:pointer;
transition:all 200ms ease-in-out;
position:relative;
z-index:10;
}


.tabBlc .tab li.select{
padding:15px 0 20px;
}

.tabBlc .tab li:nth-child(1){
background-color:#bcb3d8;
}

.tabBlc .tab li:nth-child(2){
background-color:#f6ab00;
}

.tabBlc .tab li:nth-child(3){
background-color:#27b7bc;
}

.tabBlc .tab li:nth-child(4){
background-color:#1e5298;
}

.tabBlc .contWrapBlc{
margin:-10px 0 0;
}


.tabBlc .contWrapBlc #wrap1{
border-color:#bcb3d8;
}

.tabBlc .contWrapBlc #wrap2{
border-color:#f6ab00;
}

.tabBlc .contWrapBlc #wrap3{
border-color:#27b7bc;
}

.tabBlc .contWrapBlc #wrap4{
border-color:#1e5298;
}

.tabBlc .contWrapBlc .contWrap{
border-width:5px;
border-style:solid;
padding:4% 5% 8%;
}

.tabBlc .contWrapBlc li{
	color:#FFF;
	padding:4% 2% 4% 11%;
	box-sizing:border-box;
}

.tabBlc .contWrapBlc #wrap4 li{
	text-align:center;
	padding:4% 0;
}

.tabBlc .contWrapBlc #wrap4 li:nth-child(2n){
	color:#000;
	height:auto;
	padding:2% 0;
}

.tabBlc .contWrapBlc #wrap4 li:nth-child(2n+1){
	background:url(../img/corporation/no4.gif) no-repeat;
	background-size:100%;
}

.tabBlc .contWrapBlc #wrap2 .txtBlc{
border:5px solid #63cca7;
}

.tabBlc .contWrapBlc #wrap3 .txtBlc{
border:5px solid #e9db31;
}

.tabBlc .dayList{
	margin:5% auto 0;
}

.tabBlc .dayList li{
	margin:0 0 10px;
	position:relative;
	font-size:120%;
	line-height:130%;
}

.tabBlc .dayList li .num{
	font-size:460%;
}

.tabBlc .dayList li:last-child{
margin:0;
}

.disnon{
display:none;
}
}

@media screen and (max-width:1000px) {
div#main_img{
	background-position:35% center;
}
}


@media screen and (max-width:768px) {
.tabBlc .dayList li .num{
	font-size:300%;
	font-size:9vw;
	line-height:1.2;
}
}


@media screen and (max-width:640px) {
.tabBlc .dayList li .num{
	font-size:200%;
	font-size:12vw;
}
}