@charset "utf-8";

@import url("../print2.css") print;

/*タイトル*/

#sub_TL {
	background-image:url(../images/base/subTL_cover.png),url(images/TL_img_L.jpg);
	background-size: auto,cover;
    background-position: center center;
	background-repeat:repeat,no-repeat;
}

#sub_TL h2{
	color:#e9546b;
	
}

#sub_TL h2 span{
	display:inline-block;
	padding:0 15px;
	background:url(images/tl_dot.png) no-repeat left ,url(images/tl_dot.png) no-repeat right;
}

h2#page_TL span.eng{
	color:#e9546b;
}

/*ぱんくず*/

#pannav{
	background:url(images/pan_back.gif) repeat,#e9546b;
}

#intro h2#page_TL {
    height: auto !important;
}
h2#page_TL{
	background:url(../images/sub/pink_dot.png) no-repeat bottom center;
    padding-bottom: 25px;
	background-size:45px auto;
}
h3.sub{
	text-align:center;
}
h3.sub span{ color:#e9546b; }

.contents p.read{
	text-align:center;
	margin:15px auto 50px;
}


/* ============================================  

#int_index 挨拶

============================================  */

#int_index .inner{
	width:100%;
	min-height:720px;
	background:url(images/intro_index_bg.png) no-repeat center top;
	background-size:cover;
	margin:30px auto 70px;
}

#int_index .inner .block{
	position:relative;
}

#int_index .inner .block{
	position:relative;
}

#index01{
	position:absolute;
	top:100px;
	right:0;
	width:80%;
}

#index01 p{
	color:#000;
	margin:0 auto 20px;
}


#index01_1{
	width:100%;
	position:relative;
	margin-top:30px;
}

#index01_1_2{
	width:400px;
	margin:0 0 0 auto;
	}

#index01_1 p span.name{
	display:inline-block;
	font-size:2.4rem;
}

#index01_1 img.fR{
	width:200px;
	height:auto;
}

#index01_1 .fL img{
	width:120px;
	height:auto;
}

.bloglink{
	position:absolute;
	top:0;
	left:0;
	width:250px;
	}

.bloglink img{
	width:100%;
	height:auto;
}


/* ============================================  

#int_sym 校章・シンボルマーク・銅銘板

============================================  */

#int_sym .block{
	padding:0 0 50px;
}

#sym01,
#sym03{
	background:#fff9e3;
}

#sym02{
	height:400px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffaab7+0,ffaab7+50,ffcad2+50,ffcad2+100 */
	background: rgb(255,170,183); /* Old browsers */
	background: -moz-linear-gradient(left, rgb(255,170,183) 0%, rgb(255,170,183) 50%, rgb(255,202,210) 50%, rgb(255,202,210) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgb(255,170,183) 0%,rgb(255,170,183) 50%,rgb(255,202,210) 50%,rgb(255,202,210) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgb(255,170,183) 0%,rgb(255,170,183) 50%,rgb(255,202,210) 50%,rgb(255,202,210) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffaab7', endColorstr='#ffcad2',GradientType=1 ); /* IE6-9 */
	overflow:hidden;
}

#sym02 .cover{
	height:100%;
	background:url(images/sym_bg.gif) no-repeat center;
}

#sym03{ margin:0 auto 70px; }
#sym03 p img{
	height:25px;
	width:auto;
	margin:0 3px 0 0;
	}

	
#int_sym h2.sub{
	font-family:"Arial","Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
    font-size:2.7rem;
	color:#e9546b;
	font-weight:500;
	letter-spacing:0.15em;
	text-align:center;
	padding:50px 0 0;
	margin:0 0 30px;
}

#int_sym h2.sub span{
	display:block;
	font-size:1.4rem;
	color:#e9546b;
	font-weight:700;
	letter-spacing:0.05em;
	margin:5px 0 30px;
}

#int_sym h3{
    font-size:2.2rem;
}

#sym01 h3 img{
	width:160px;
	height:auto;
}

#int_sym .block .fL{
	width:73%;
}

#int_sym .block .fR{
	width:24%;
}

#int_sym .block .fR img {
	width:240px;
	height:auto;
}


/* ============================================  

#int_pls 建学の精神・教育方針・校訓

============================================  */

/*黄色背景*/

#int_pls .b_LF{
background: -moz-linear-gradient(left, rgba(255,249,227,1) 0%, rgba(255,249,227,1) 50%, rgba(255,249,227,0) 50%, rgba(255,249,227,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(255,249,227,1) 0%,rgba(255,249,227,1) 50%,rgba(255,249,227,0) 50%,rgba(255,249,227,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(255,249,227,1) 0%,rgba(255,249,227,1) 50%,rgba(255,249,227,0) 50%,rgba(255,249,227,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff9e3', endColorstr='#00fff9e3',GradientType=1 ); /* IE6-9 */
}

#int_pls p.read{ margin:0 auto 50px;}


#pls01{
	background:url(images/pls01.jpg) no-repeat right top;
	background-size:55% auto;
}

#pls02{
	background:url(images/pls02.jpg) no-repeat left top;
	background-size:55% auto;
}


#pls03{
	background:url(images/pls03.jpg) no-repeat right top;
	background-size:55% auto;
	margin:0 auto 60px;
}

#int_pls .b_LF .inner {
    height: 380px;
	text-align:center;
	padding:45px 12% 0 0;
	background:url(../images/sub/bk_LF.png) no-repeat right bottom;
}

#int_pls .b_RF .inner {
    height: 380px;
	text-align:center;
	padding:45px 0 0 13%;
	background:url(../images/sub/bk_RF.png) no-repeat left bottom;
}

#int_pls #pls03 .b_LF .inner {
    height: 380px;
	text-align:center;
	padding:45px 12% 0 0;
	background:url(../images/sub/bk_LF.png) no-repeat right bottom;
}


#int_pls .inner h3{
	height:53px;
	margin:0 auto 25px;
}

#int_pls .inner h3{
	color:#e9546b;
	background:url(../images/sub/pink_dot.png) no-repeat bottom center;
	background-size:43px auto;
}

#int_pls .inner h4{
	font-size:1.4rem;
	color:#e9546b;
	margin:0 auto 25px;
}

#int_pls .inner ul li,
#int_pls .inner p{
	font-size:1.8rem;
	line-height:1.7;
	letter-spacing:0.05em;
}


#int_pls #pls01 .inner ul li{
	display:inline-block;
	margin:0 auto;
	line-height:1.1;
}

#int_pls #pls01 .inner ul li:after {
	clear:both;
}

#int_pls #pls01 .inner ul li span.icon{
	display:block;
	width:24px;
	height:24px;
	font-size:1.6rem;
	color:#fff;
	line-height:1.7;
	border-radius:12px;
	margin:0 10px 0 0;
	background:#e9546b;
	float:left;
}

#int_pls #pls01 .inner ul li p{
	line-height:1.4;
	float:left;
}

#int_pls #pls01 .inner ul li p span{
	display:block;
	color:#e9546b;
	font-size:1.5rem;
}

#int_pls #pls01 .inner ul li p:after{
	clear:both;
}

#int_pls #pls02 .inner p span{
	display:block;
	color:#e9546b;
	font-size:1.5rem;
	margin:10px auto 0;
}

#int_pls #pls03 .inner ul li span{
	display:block;
	color:#e9546b;
	font-size:1.5rem;
	margin:0 auto 10px;
}


/* ============================================  

#int_fac 施設紹介

============================================  */

#int_fac #fac01{
	width:1300px;
	height:906px;
	margin:0 auto 50px;
	position:relative;
}

#int_fac #fac01 p.base{
	position:absolute;
	top:0;
	left:0;
	z-index:10;
}

#int_fac #fac01 .block{
	position:relative;
	width:1300px;
	height:906px;
	z-index:20;
}

#fac01 .btnNO{
	width:70px;
	height:71px;
	position:absolute;
	z-index:100;
}


#fac01 #no01.btnNO{ top:473px;left:545px; }
#fac01 #no02.btnNO{ top:353px;left:583px; }
#fac01 #no03.btnNO{ top:434px;left:713px; }
#fac01 #no04.btnNO{ top:462px;left:916px; }
#fac01 #no05.btnNO{ top:384px;left:1081px; }
#fac01 #no06.btnNO{ top:343px;left:1016px; }
#fac01 #no07.btnNO{ top:256px;left:928px; }
#fac01 #no08.btnNO{ top:275px;left:777px; }
#fac01 #no09.btnNO{ top:252px;left:293px; }
#fac01 #no10.btnNO{ top:252px;left:293px; }

#fac01 .btnNO a:hover img{
	filter: alpha(opacity=0); 
    -moz-opacity:1;
	opacity:1;
}


#fac01 #no01.btnNO:hover{ top:467px;left:545px; }
#fac01 #no02.btnNO:hover{ top:348px;left:583px; }
#fac01 #no03.btnNO:hover{ top:429px;left:713px; }
#fac01 #no04.btnNO:hover{ top:457px;left:916px; }
#fac01 #no05.btnNO:hover{ top:379px;left:1081px; }
#fac01 #no06.btnNO:hover{ top:338px;left:1016px; }
#fac01 #no07.btnNO:hover{ top:251px;left:928px; }
#fac01 #no08.btnNO:hover{ top:270px;left:777px; }
#fac01 #no09.btnNO:hover{ top:247px;left:293px; }
#fac01 #no10.btnNO:hover{ top:247px;left:293px; }

#fac02{
	background:#ffcad2;
	margin:0 auto 70px;
	padding:50px 0;
}

#fac02 .block{ overflow:hidden; }
#fac02 ul{ margin:0 -2% 40px 0; }

#fac02 ul li{
    width:48%;
	 padding-top: 100px; /* 固定するもののheightと同じpx値 */
     margin: -80px 2% 0 0; /* 固定するもののheightと同じpx値 */
	float:left;
}

#fac02 ul li div{
	height:430px;
	background:#fff;
	box-shadow:2px 4px 15px -10px #e9546b;
}

#fac02 ul li img{
	width:420px;
	margin:30px 0 5px;
	height:auto;
}

#fac02 ul li p.photo{ text-align:center; }

#fac02 ul li h3{
	width:420px;
    font-size:2.0rem;
	letter-spacing:0;
	line-height:1.4;
	margin:0 auto 5px;
	}
	
#fac02 ul li p.text{
	width:420px;
    font-size:1.4rem;
	margin:0 auto 30px;
}

#fac02 ul li h3 .no{
	display:inline-block;
	font-family:'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Arial,Verdana,sans-serif;
	width:24px;
	height:24px;
	border-radius:12px;
    font-size:1.8rem;
	text-align:center;
	color:#fff;
	margin:0 10px 0 0;
	background:#e9546b;
}

#fac02 ul li#photo01 h3 .no{ background:#e9b800; }
#fac02 ul li#photo02 h3 .no{ background:#3071b9; }
#fac02 ul li#photo03 h3 .no{ background:#ec6d65; }
#fac02 ul li#photo04 h3 .no{ background:#a675ab; }
#fac02 ul li#photo05 h3 .no{ background:#d3a243; }
#fac02 ul li#photo06 h3 .no{ background:#37a7ca; }
#fac02 ul li#photo07 h3 .no{ background:#dca66b; }
#fac02 ul li#photo08 h3 .no{ background:#f4b3c2; }
#fac02 ul li#photo09 h3 .no{ background:#000; }
#fac02 ul li#photo10 h3 .no{ background:#000; }

#fac02 ul li h3 span.sml{ font-size:1.6rem; }
#fac02 ul li:after{ clear:both; }


#movie_cover{
	width:100%;
	background:#ffcad2;
	padding:50px 0;
	margin:0 auto 70px;
}

#facility_movie{
	width:1000px;
	height:500px;
	margin:0 auto;
	background:#fff;
}


/* ============================================  

#intro_song 校歌

============================================  */

#intro_song h2#page_TL span.sml { font-size: 2.0rem; }
#intro_song h3.sub{text-align:center;}
#intro_song p.read{
	font-size:1.6rem;
	margin: 15px auto 15px;
	text-align:right;
}


#container #intro_song .block{ margin:0 auto 70px; }
#container #song01.block{
	width:95%;
	max-width:800px;
}

#intro_song .fL{ width:35%; }
#intro_song .fR{ width:65%; }
#intro_song .fL p{ margin:0 auto 30px; }
#intro_song .fR img{ width:100%; }
#intro_song .fR audio{ width:100%;}
#intro_song .fR p.hosoku{
	font-size:1.3rem;
	margin:5px auto 0;
}

.schoolsong {
    margin-top: 15px;
}

/* ============================================  

#intro_his 沿革

============================================  */

#container #intro_his .block{
	width:100%;
	max-width:1000px;
	margin:0 auto 70px;
}

#intro_his dl,
#intro_his dt,
#intro_his dd {
  box-sizing: border-box;
}

#intro_his dl{
  background: #f8f4f5;
  border-right: 1px solid #999;
  border-bottom: 1px solid #999;
  border-left: 1px solid #999;
}

#intro_his dt{
  font-weight:bold;
  padding: 10px 10px 0 10px;
  border-top: 1px solid #999;
}

#intro_his dt {
  width: 20%;
  float: left;
}

#intro_his dd {
  line-height:1.6;
  letter-spacing:0.05em;
  background: #fff;
  margin:0 0 0 20%;
  padding: 10px;
  border-top: 1px solid #999;
  border-left: 1px solid #999;
}

#intro_his dd:after {
  content: '';
  display: block;
  clear: both;
}

/*ループ写真*/

#loopimg{ margin:0 auto 55px; }


@media only screen and (max-width: 768px) {
	
#sub_TL .inner{
	background-image:url(../images/base/subTL_cover.png),url(images/TL_img_M.jpg);
	
}

/*タイトル*/

h3.sub span{ color:#e9546b; }

.contents p.read{
	width:95%;
	text-align:left;
}

h3.sub{
	width:95%;
	font-size:2.2rem;
	text-align:left;
	margin:0 auto;
}


/* ============================================  

#int_index 挨拶

============================================  */

#int_index .inner{
	width:100%;
	min-height:auto;
	background:url(images/intro_index_bg.png) no-repeat left bottom;
	background-size:100% auto;
	margin:30px auto 70px;
}

#int_index .inner .block{
	width:95%;
	position:relative;
}

#index01{
	position:static;
	top:100px;
	right:0;
	width:100%;
}

#index01 p{
	color:#000;
	margin:0 auto 20px;
}

#index01_1{
	width:100%;
	margin-top:30px;
	padding:0 0 150px;
}

#index01_1 img.fR{margin-bottom:30px;}

#index01_1_2{
	width:100%;
	margin:0 auto;
	}

#index01 p.bloglink{
	position:static;
	margin: 0 0 0 auto;
	}


/* ============================================  

#int_pls 建学の精神・教育方針・校訓

============================================  */

/*黄色背景*/


#int_pls .b_LF{ background:#fff9e3; }

#pls01{
	padding:0 0 300px;
	background:url(images/pls01.jpg) no-repeat right 360px;
	background-size:100% auto;
}

#pls02{
	padding:0 0 300px;
	background:url(images/pls02.jpg) no-repeat left 280px;
	background-size:100% auto;
}


#pls03{
	padding:0 0 300px;
	background:url(images/pls03.jpg) no-repeat center 360px;
	background-size:100% auto;
	margin:0 auto 60px;
}

#int_pls .b_LF .inner {
	width:80%;
    height: 360px;
	padding:45px 0 0;
	background:none;
}

#int_pls #pls02 .b_RF .inner{
	width:95%;
    height: 280px; 
	padding:45px 0 0;
	background:none;
}


#int_pls #pls03 .b_LF .inner {
	width:95%;
    height: 360px;
	padding:45px 0 0;
	background:none;
}


/* ============================================  

#int_sym 校章・シンボルマーク・銅銘板

============================================  */

#container #int_sym .block{
	width:95%;
	padding:0 auto 50px;
}

#sym02{ height:auto; }
#sym02 .cover{
	background:url(images/sym_bg.gif) no-repeat center;
	background-size:auto 100%;
}


#int_sym h2.sub{ font-size:2.4rem; }

/* ============================================  

#int_fac 施設紹介

============================================  */


#int_fac h3.sub{ text-align:center; }

#int_fac #fac01{
	width:100%;
	height:auto;
	margin:0 auto 30px;
}

#int_fac #fac01 p.base{
	width:100%;
	max-width:569px;
	margin:0 auto;
	position:static;
}

#int_fac #fac01 p.base img{
	width:100%;
	height:auto;
}

#int_fac #fac01 .block{
	width:100%;
	height:auto;
	max-width:569px;
}

#fac01 .btnNO{
	width:50px;
	height:51px;
	position:absolute;
	z-index:100;
}

#fac01 .btnNO img{
	width:50px;
	height:auto;
}

#fac01 #no01.btnNO{ top:190px;left:230px; }
#fac01 #no02.btnNO{ top:130px;left:250px; }
#fac01 #no03.btnNO{ top:165px;left:300px; }
#fac01 #no04.btnNO{ top:150px;left:335px; }
#fac01 #no05.btnNO{ top:185px;left:390px; }
#fac01 #no06.btnNO{ top:155px;left:470px; }
#fac01 #no07.btnNO{ top:130px;left:420px; }
#fac01 #no08.btnNO{ top:80px;left:390px; }
#fac01 #no09.btnNO{ top:95px;left:330px; }
#fac01 #no10.btnNO{ top:90px;left:120px; }


#fac01 #no01.btnNO:hover{ top:190px;left:230px; }
#fac01 #no02.btnNO:hover{ top:125px;left:250px; }
#fac01 #no03.btnNO:hover{ top:160px;left:300px; }
#fac01 #no04.btnNO:hover{ top:145px;left:335px }
#fac01 #no05.btnNO:hover{ top:180px;left:390px; }
#fac01 #no06.btnNO:hover{ top:150px;left:470px; }
#fac01 #no07.btnNO:hover{ top:125px;left:420px; }
#fac01 #no08.btnNO:hover{ top:75px;left:390px; }
#fac01 #no09.btnNO:hover{ top:90px;left:330px; }
#fac01 #no10.btnNO:hover{ top:90px;left:120px; }


#container .contents #fac02 .block{
    width:95%;
	margin:0 auto;
}

#fac02 ul li{
    width:100%;
	max-width:480px;
	 padding-top:0; /* 固定するもののheightと同じpx値 */
     margin:0 auto 30px; /* 固定するもののheightと同じpx値 */
	float:none;
}

#fac02 ul li div{
	height:auto;
	padding:25px;
}

#fac02 ul li img{
	width:100%;
	max-width:420px;
	margin:0 0 5px;
	height:auto;
}


#fac02 ul li h3{ width:100%; }
#fac02 ul li p.text{
	width:100%;
	margin:0 auto;
}

#movie_cover{ margin:0 auto 30px; }

#facility_movie{
	width:100%;
	max-width:569px;
	height:285px;
	margin:0 auto;
	background:#fff;
}

/* ============================================  

#intro_song 校歌

============================================  */

#intro_song .fL{ width:100%; }
#intro_song .fR{ width:100%; }
#intro_song .fL p{ text-align:center; }
#intro_song .fR img{ width:100%; }
#intro_song .fR audio{ width:100%;}

/* ============================================  

#intro_his 沿革

============================================  */

#container #intro_his .block{
	width:95%;
	/*max-width:1000px;
	margin:0 auto 70px;*/
}

/*#intro_his dl,
#intro_his dt,
#intro_his dd {
  box-sizing: border-box;
}*/

/*#intro_his dl{
  background: #f8f4f5;
  border-right: 1px solid #999;
  border-bottom: 1px solid #999;
  border-left: 1px solid #999;
}

#intro_his dt{
  font-weight:bold;
  padding: 10px 10px 0 10px;
  border-top: 1px solid #999;
}*/

#intro_his dt {
  width: 35%;
  float: left;
}

#intro_his dd {
  line-height:1.6;
  letter-spacing:0.05em;
  background: #fff;
  margin:0 0 0 35%;
  padding: 10px;
  border-top: 1px solid #999;
  border-left: 1px solid #999;
}

/*#intro_his dd:after {
  content: '';
  display: block;
  clear: both;
}
*/
}

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


/* ============================================  

#int_pls 建学の精神・教育方針・校訓

============================================  */

/*黄色背景*/


#int_pls .b_LF{ background:#fff9e3; }

#pls01{
	padding:0 0 280px;
	background:url(images/pls01.jpg) no-repeat right 390px;
	background-size:100% auto;
}

#pls02{
	padding:0 0 280px;
	background:url(images/pls02.jpg) no-repeat left 270px; 
	background-size:100% auto;
}


#pls03{
	padding:0 0 280px;
	background:url(images/pls03.jpg) no-repeat center 330px;
	background-size:100% auto;
	margin:0 auto 60px;
}


#int_pls #pls01 .inner ul li{
	display:block;
	margin:0 auto 10px;
}

#int_pls #pls01 .inner ul li span.icon{
	float:none;
}
#int_pls #pls01 .inner ul li p{
	text-align:left;
	margin:5px 0 0;
	
}


#int_pls .b_LF .inner {
	width:90%;
    height: 390px;
	padding:20px 0 0;
	background:none;
}

#int_pls #pls02 .b_RF .inner{
	width:95%;
    height: 270px; 
	padding:20px 0 0;
	background:none;
}


#int_pls #pls03 .b_LF .inner {
	width:95%;
    height: 330px;
	padding:20px 0 0;
	background:none;
}

/* ============================================  

#int_sym 校章・シンボルマーク・銅銘板

============================================  */

#container #int_sym .block{
	width:95%;
	padding:0 auto 50px;
}

#sym02{ height:auto; }

#sym02 .cover{
	background:url(images/sym_bg.gif) no-repeat center;
	background-size:auto 100%;
}

#int_sym h2.sub{ font-size:2.4rem;}
#int_sym .block .fL{
	width:100%;
	float:none;
}

#int_sym .block .fR{
	width:100%;
	text-align:center;
	float:none;
}

#int_sym .block .fR img{
	width:240px;
	height:auto;
	margin:20px 0 0;
}



/* ============================================  

#int_fac 施設紹介

============================================  */



#int_fac #fac01 p.base{ max-width:481px; }
#int_fac #fac01 .block{ max-width:481px; }

#fac01 #no01.btnNO{ top:155px;left:190px; }
#fac01 #no02.btnNO{ top:100px;left:200px; }
#fac01 #no03.btnNO{ top:145px;left:250px; }
#fac01 #no04.btnNO{ top:122px;left:285px; }
#fac01 #no05.btnNO{ top:140px;left:340px; }
#fac01 #no06.btnNO{ top:125px;left:390px; }
#fac01 #no07.btnNO{ top:60px;left:370px; }
#fac01 #no08.btnNO{ top:50px;left:320px; }
#fac01 #no09.btnNO{ top:70px;left:280px; }
#fac01 #no10.btnNO{ top:70px;left:100px; }

#fac01 #no01.btnNO:hover{ top:150px;left:190px; }
#fac01 #no02.btnNO:hover{ top:95px;left:200px; }
#fac01 #no03.btnNO:hover{ top:140px;left:250px; }
#fac01 #no04.btnNO:hover{ top:117px;left:285px; }
#fac01 #no05.btnNO:hover{ top:135px;left:340px; }
#fac01 #no06.btnNO:hover{ top:120px;left:390px; }
#fac01 #no07.btnNO:hover{ top:55px;left:370px; }
#fac01 #no08.btnNO:hover{ top:45px;left:320px; }
#fac01 #no09.btnNO:hover{ top:65px;left:280px; }
#fac01 #no10.btnNO:hover{ top:65px;left:100px; }
	
#facility_movie{
	width:100%;
	max-width:481px;
	height:241px;
	margin:0 auto;
	background:#fff;
}


/* ============================================  

#intro_song 校歌

============================================  */


#intro_song p.read{ text-align:center; }


/* ============================================  

#intro_his 沿革

============================================  */

#container #intro_his .block{
	/*width:95%;
	max-width:1000px;
	margin:0 auto 70px;*/
}

/*#intro_his dl,
#intro_his dt,
#intro_his dd {
  box-sizing: border-box;
}*/

/*#intro_his dl{
  background: #f8f4f5;
  border-right: 1px solid #999;
  border-bottom: 1px solid #999;
  border-left: 1px solid #999;
}
*/
#intro_his dt{
  font-weight:bold;
  padding: 10px;
  border-top: 1px solid #999;
}

#intro_his dt {
  width: 100%;
  float: none;
}

#intro_his dd {
  line-height:1.6;
  letter-spacing:0.05em;
  background: #fff;
  margin:0 auto;
  padding: 10px;
  border-top: 1px solid #999;
  border-left:none;
}

/*#intro_his dd:after {
  content: '';
  display: block;
  clear: both;
}
*/
	
}



@media only screen and (max-width: 480px) {
	
	
/* ============================================  

#int_index 挨拶

============================================  */


#index01_1{width:100%;}

#index01_1 img.fR {
	display:block;
	width:250px;
	height:auto;
	float:none;
	margin-left:auto;
	margin-right:auto;
}

#index01_1 .fL img{
	width:120px;
	height:auto;
}

#index01_1_2{width:100%;}

#index01_1 .fL{ float:none;text-align:center; }
#index01 p.bloglink {margin: 0 auto;}

/* ============================================  

#int_pls 建学の精神・教育方針・校訓

============================================  */

/*黄色背景*/


#int_pls .b_LF{ background:#fff9e3; }
#pls01{
	padding:0 0 190px;
	background:url(images/pls01.jpg) no-repeat right 430px;
	background-size:100% auto;
}

#pls02{
	padding:0 0 190px;
	background:url(images/pls02.jpg) no-repeat left 310px;
	background-size:100% auto;
}


#pls03{
	padding:0 0 190px;
	background:url(images/pls03.jpg) no-repeat center 310px;
	background-size:100% auto;
	margin:0 auto 60px;
}

#int_pls #pls01 .inner ul li span.icon{
	margin:0 0 5px;
	float:none;
}

#int_pls #pls01 .inner ul li p{ float:none;}

#int_pls #pls01 .inner ul li p span{
	display:block;
	color:#e9546b;
	font-size:1.5rem;
}


#int_pls #pls01 .b_LF .inner {
    height: 430px;
}

#int_pls #pls02 .b_RF .inner {
    height: 310px;
}

#int_pls #pls03 .b_LF .inner {
    height: 310px;
}

#int_pls .inner ul li,
#int_pls .inner p{
	font-size:1.6rem;
	line-height:1.7;
	letter-spacing:0.05em;
}

#int_pls #pls01 .inner ul li{ margin:0 0 5px; }


/* ============================================  

#int_fac 施設紹介

============================================  */


#int_fac #fac01 p.base{ max-width:320px; }
#int_fac #fac01 .block{ max-width:320px; }

#fac01 .btnNO{
	width:38px;
	height:39px;
}

#fac01 .btnNO img{ width:38px; }

#fac01 #no01.btnNO{ top:105px;left:120px; }
#fac01 #no02.btnNO{ top:65px;left:125px; }
#fac01 #no03.btnNO{ top:90px;left:160px; }
#fac01 #no04.btnNO{ top:65px;left:178px; }
#fac01 #no05.btnNO{ top:95px;left:215px; }
#fac01 #no06.btnNO{ top:80px;left:265px; }
#fac01 #no07.btnNO{ top:65px;left:230px; }
#fac01 #no08.btnNO{ top:28px;left:220px; }
#fac01 #no09.btnNO{ top:45px;left:195px; }
#fac01 #no10.btnNO{ top:40px;left:60px; }


#fac01 #no01.btnNO:hover{ top:100px;left:120px; }
#fac01 #no02.btnNO:hover{ top:60px;left:125px; }
#fac01 #no03.btnNO:hover{ top:85px;left:160px; }
#fac01 #no04.btnNO:hover{ top:60px;left:178px; }
#fac01 #no05.btnNO:hover{ top:90px;left:215px; }
#fac01 #no06.btnNO:hover{ top:75px;left:265px; }
#fac01 #no07.btnNO:hover{ top:60px;left:230px; }
#fac01 #no08.btnNO:hover{ top:23px;left:220px; }
#fac01 #no09.btnNO:hover{ top:40px;left:195px; }
#fac01 #no10.btnNO:hover{ top:35px;left:60px; }
	

#facility_movie{
	width:100%;
	max-width:320px;
	height:160px;
	margin:0 auto;
	background:#fff;
}


	
}