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

@import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);

html,
body {
  height: 100%;
}
body {
	font-family: 'Noto Sans Japanese','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro', "メイリオ","Meiryo","ＭＳ Ｐゴシック","Osaka","sans-serif";
	color: #666666;
	min-width: 980px;
	background: #fff url('../imgs/background_pc.gif');
	background-repeat: no-repeat;
	background-position: left top;
}
section{
	margin: 0;
	padding: 0;
}
footer{
	margin: 0;
	padding: 0;
}

.clearfix:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}
.clearfix { display: inline-table; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */


a:link, a:visited  { color: #000000; text-decoration: none; }       
a:hover, a:active  { color: #4d4d4d; text-decoration: none; } 

.SP-non{ display: block; }
.PC-non{ display: none; }

/*==============================================================================
	header
================================================================================*/
#header {
	margin: 0;
	padding: 0;
	min-width: 980px;
	width: 85%;
	height: 140px;
}
#header .header_inner{ 
	width: 100%;
	margin: 0 auto;
	position: relative;
}
#header .header_inner h1 {
	text-align: left;
	width: 316px;
	height: 60px;
	margin: 38px 0 0 43px;
	float: left;
}
#header .header_inner .infoPC {
	width: 480px;
	height: 72px;
	margin: 35px 0 0 43px;
	float: right;
}
#header .header_inner .infoPC .tel {
	width: 201px;
	height: 71px;
	float: left;
}
#header .header_inner .infoPC .sche {
	width: 251px;
	height: 72px;
	float: right;
}
#header .header_inner img { width: 100%; }
/*==============================================================================
	article
================================================================================*/
article { background: none; margin: 0 auto; padding: 0; width: 100%; height: auto;}

.photo{ width: 100%; height: 0; padding-top: 43.15%; margin-bottom: 30px; position: relative; overflow: hidden; }
.photo .pic1{ width: 43.15%; /* width: 426px; height: 426px; */ position: absolute; bottom: 0; left: 0; }
.photo .pic2{ width: 35.05%; position: absolute; top: 0; left: 43.15%; }
.photo .pic3{ width: 21.8%; position: absolute; top: 0; left: 78.2%; }
.photo .pic4{ width: 21.85%; position: absolute; bottom: 0; left: 43.15%; }
.photo .pic5{ width: 35.05%; position: absolute; bottom: 0; left: 65%; }

.photo img{ width: 100%; }


.about{ width: 85%; margin-top: 30px; margin-bottom: 30px; margin-left: 53px; position: relative;}

.about .add{
	width: 288px;
	height: 34px;
	margin-bottom: 12px;
}

.about .clm-left{ width: 62%; float: left; }
.about .google-maps {
	position: relative;
	overflow: hidden;
	width: 440px;
	height: 272px;
}
.about .google-maps iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}
.about #campus-map {
	line-height: 160%;
}
#campus-map a:link, #campus-map a:visited  { color: #0033ff; text-decoration: none; }       
#campus-map a:hover, #campus-map a:active  { color: #0033ff; text-decoration: underline; } 


.about .clm-right{ width: 38%; float: right; margin-top: 20px; }
.about .clm-right .pic6{ width: 223px; margin: 0 auto;}
.about .clm-right .text{ width: 100%; margin: 15px auto 0; font-size: 13px; line-height: 180%;}
.about img{ width: 100%; }



/*==============================================================================
	Footer
================================================================================*/

#footer { margin: 0; padding: 0; width: 100%; height: 80px;}
#footer .footer_inner { margin: 0; padding: 20px 0 0 53px; width: 100%; text-align: left; box-sizing: border-box;}
#footer .ft-logo{ width: 138px; height: 19px; margin-bottom: 8px; }
#footer .ft-logo img{ width: 100%; }
#footer span.copyright { color:#fff; font-size: 9px; line-height: 20px; text-align: left; font-weight: 200; }











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

body {
	font-family: 'Noto Sans Japanese','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro', "メイリオ","Meiryo","ＭＳ Ｐゴシック","Osaka","sans-serif";
	color: #000;
	min-width: 100%;
	background: #00a1e5 url('../imgs/background_sp.gif');
	background-repeat: no-repeat;
	background-position: right top;
	background-size: 100%;
}

.SP-non{ display: none; }
.PC-non{ display: block; }
/*==============================================================================
	header
================================================================================*/
#header {
	margin: 0;
	padding: 5% 0;
	min-width: 100%;
	width: 100%;
	height: auto;
}
#header .header_inner{ 
	width: 100%;
	margin: 0 auto;
	position: relative;
}
#header .header_inner h1 {
	width: 60%;
	height: auto;
	margin: 0 0 0 6%;
	float: none;
}


/*==============================================================================
	article
================================================================================*/
article { background: none; margin: 0 auto; padding: 0; width: 100%; height: auto;}

.photo{ width: 100%; height: 0; padding-top: 97.5%; margin-bottom: 30px; position: relative; overflow: hidden; }
.photo .pic1{ width: 66.56%; position: absolute; top: 0; bottom: auto; left: 0; }
.photo .pic2{ width: 50%; position: absolute; top: auto; bottom: 0; left: 50%; }
.photo .pic3{ width: 33.44%; position: absolute; top: 0; left: 66.56%; }
.photo .pic4{ width: 33.44%; position: absolute; top: 34%; bottom: auto; left: 66.56%; }
.photo .pic5{ width: 50%; position: absolute; bottom: 0; left: 0; }

.photo img{ width: 100%; }

.infoSP{ width:100%; margin-top: 30px; margin-bottom: 30px; margin-left: 0; position: relative; }
.infoSP .txt{ width: 65%; margin: 20px auto 0; }
.infoSP .sche{ width: 65%; margin: 20px auto 0; }
.infoSP .tel{ width: 65%; margin: 20px auto 0; }

.infoSP img{ width: 100%; }

.about{ width:100%; margin-top: 30px; margin-bottom: 30px; margin-left: 0; position: relative;}
.about .add{
	width: 70%;
	height: auto;
	margin: 0 auto ;
	margin-bottom: 15px;
}

.about .clm-left{ width: 100%; float: none; }
.about .google-maps {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 200px;
}
.about .google-maps iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}
.about #campus-map {
	line-height: 160%;
}
#campus-map a:link, #campus-map a:visited  { color: #0033ff; text-decoration: none; }       
#campus-map a:hover, #campus-map a:active  { color: #0033ff; text-decoration: underline; } 


.about .clm-right{ width: 100%; float: none; margin-top: 20px; margin: auto; margin-bottom: 40px; }
.about .clm-right .pic6{ width: 50%; margin: 0 auto;}
.about .clm-right .text{ width: 60%; margin: 15px auto 0; font-size: 11px; line-height: 170%; color: #fff;}
.about img{ width: 100%; }







/*==============================================================================
	Footer
================================================================================*/
#footer { margin: 0 auto; padding: 0; width: 100%; height: auto;}
#footer .footer_inner { margin: 0 auto; padding: 10px 0 15px 0; width: 96%; text-align: center;}
#footer .ft-logo{ width: 45%; height: auto; margin: 0 auto 8px; }
#footer .ft-logo img{ width: 100%; }
#footer span.copyright { display: block; font-size: 9px; line-height: 20px; text-align: center; left; font-weight: 200; }

}