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

/*共通*/
a:link {
	color: #0000ff;
	 } /*… 未訪問のリンク*/
a:visited { 
	color: #000080;
	 } /*… 訪問済みのリンク*/
a:hover { 
	color: #ff0000;
	 } /*… ポイント時のリンク*/
a:active { 
	color: #ff8000;
	 } /*… 選択中のリンク*/
	 
body {
	max-width: 480px;
	border-style: solid; border-width: 5px; border-color: #ffff69; background-size:auto;
	margin: 0 auto;
	height: 100%;
    color: #555;
    font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
    font-size: 14px;
	}
	
p {
	margin-top:0px;
	margin-bottom:0px;
	}
	
/*ヘッダー*/
#header {
	max-width:480px;
	margin:0 auto;
	position:relative;
	padding-bottom:10px;
	}
	
#navi {
	display:none;
	}
	
.text {
	display:none;
	}

.topsp_text {
	padding:5px 10px 5px 20px;
	font-size: calc(0.75rem + ((1vw - 4.8px) * 0.9677));
}

.botton {
	display:none;
	}
	
.tel {
	display:none;
	}	

.time {
	display:none;
	}
.logo {
	padding-left:10px;
	margin: 5px 5px 5px 10px;
	}

.logo img {
	width:70%;
	}

/*メニュー*/
nav.globalMenuSp {
    position: fixed;
    z-index: 2;
    top: 0;
    left: 0;
    background: #fff;
    color: #000;
    text-align: center;
    transform: translateY(-100%);
    transition: all 0.6s;
    width: 100%;
}
 
nav.globalMenuSp ul {
    background: #fff rgba(255,0,0,0.3);
    margin: 0 auto;
    padding: 0;
    width: 100%;
}
 
nav.globalMenuSp ul li {
    font-size: 1.1em;
    list-style-type: none;
    padding: 0;
    width: 100%;
    border-bottom: 1px dotted #333;
}
 
/* 最後はラインを描かない */
nav.globalMenuSp ul li:last-child {
    padding-bottom: 0;
    border-bottom: none;
}
 
nav.globalMenuSp ul li a {
    display: block;
    color: #000;
    padding: 1em 0;
}
 
/* このクラスを、jQueryで付与・削除する */
nav.globalMenuSp.active {
    transform: translateY(0%);
}

/*ハンバーガー用*/
.navToggle {
    display: block;
    position: fixed;    /* bodyに対しての絶対位置指定 */
    right: 13px;
    top: 15px;
    width: 42px;
    height: 51px;
    cursor: pointer;
    z-index: 3;
    background: #666;
    text-align: center;
}
 
.navToggle span {
    display: block;
    position: absolute;    /* .navToggleに対して */
    width: 30px;
    border-bottom: solid 3px #eee;
    -webkit-transition: .35s ease-in-out;
    -moz-transition: .35s ease-in-out;
    transition: .35s ease-in-out;
    left: 6px;
}
 
.navToggle span:nth-child(1) {
    top: 9px;
}
 
.navToggle span:nth-child(2) {
    top: 18px;
}
 
.navToggle span:nth-child(3) {
    top: 27px;
}
 
.navToggle span:nth-child(4) {
    border: none;
    color: #eee;
    font-size: 9px;
    font-weight: bold;
    top: 34px;
}

/* 最初のspanをマイナス45度に */
.navToggle.active span:nth-child(1) {
    top: 18px;
    left: 6px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
 
/* 2番目と3番目のspanを45度に */
.navToggle.active span:nth-child(2),
.navToggle.active span:nth-child(3) {
    top: 18px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
}
		
/*top*/
#top {
	max-width: 480px;
	height: auto;
	margin: 0 auto;
	background: repeating-linear-gradient(-45deg, #ffffd2, #ffffd2 5px, #fff 0, #fff 10px);
	box-shadow: 0px 4px 5px -3px rgba(0,0,0,0.2) inset;
	}
/*パンくずリスト*/
.breadcrumb {
  padding-left:10px;
  padding-top: 10px;
  margin-left:10px;
  margin-top: 0px;
}

.breadcrumb li{
  display:inline;/*横に並ぶように*/
  list-style: none;
  font-weight: normal;
}

.breadcrumb li:after{/* >を表示*/
  content: '>';
  padding: 0 3px;
  color: #555;
}

.breadcrumb li:last-child:after{
  content: '';
}

.breadcrumb li a {
    text-decoration: none;
    color: #52b5ee;/*色*/
}

.breadcrumb li a:hover {
    text-decoration: underline;
}

.school {
	max-width:480px;
	margin:0 auto;
	padding-bottom: 50px;
	}
	
h1{
width:80%;
font-size: calc( 3.125vw + 10px );
text-align:center;
position: relative;
margin:0 auto;
margin-bottom:20px;
background: #dfefff;
box-shadow: 0px 0px 0px 5px #dfefff;
border: dashed 2px white;
padding: 0.2em 0.5em;
color: #454545;
}

h1:after{
position: absolute;
content: '';
left: -7px;
top: -7px;
border-width: 0 0 15px 15px;
border-style: solid;
border-color: #fff #fff #a8d4ff;
box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15);
}

/**/
.futyu_1 {
	max-width:350px;
	margin: 0 auto;
	text-align: center;
	margin-bottom: 50px;
}

.futyu_1 ul {
	list-style: none;
	padding-left: 0px;
	margin-top: 40px;
}

.futyu_1 ul li {
	display: inline;
	margin: 0 auto;
	text-align: center;
}

.map_futyu {
	position: relative;
	width:100%;
	padding-top: 100%;
}

.map_futyu iframe {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}

.kunitachi_1 {
	max-width:350px;
	margin: 0 auto;
	text-align: center;
	margin-bottom: 50px;
}

.kunitachi_1 ul {
	list-style: none;
	padding-left: 0px;
	margin-top: 40px;
}

.kunitachi_1 ul li {
	display: inline;
	margin: 0 auto;
	text-align: center;
}

.map_kunitachi {
	position: relative;
	width:100%;
	padding-top: 100%;
}

.map_kunitachi iframe {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}

.musashikoganei_1 {
	max-width:350px;
	margin: 0 auto;
	text-align: center;
	margin-bottom: 50px;
}

.musashikoganei_1 ul {
	list-style: none;
	padding-left: 0px;
	margin-top: 40px;
}

.musashikoganei_1 ul li {
	display: inline;
	margin: 0 auto;
	text-align: center;
}

.map_musashikoganei {
	position: relative;
	width:100%;
	padding-top: 100%;
}

.map_musashikoganei iframe {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}

.mitaka_1 {
	max-width:350px;
	margin: 0 auto;
	text-align: center;
	margin-bottom: 50px;
}

.mitaka_1 ul {
	list-style: none;
	padding-left: 0px;
	margin-top: 40px;
}

.mitaka_1 ul li {
	display: inline;
	margin: 0 auto;
	text-align: center;
}

.map_mitaka {
	position: relative;
	width:100%;
	padding-top: 100%;
}

.map_mitaka iframe {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}

.kokubunnji_1 {
	max-width:350px;
	margin: 0 auto;
	text-align: center;
	margin-bottom: 50px;
}

.kokubunnji_1 ul {
	list-style: none;
	padding-left: 0px;
	margin-top: 40px;
}

.kokubunnji_1 ul li {
	display: inline;
	margin: 0 auto;
	text-align: center;
}

.map_kokubunnji {
	position: relative;
	width:100%;
	padding-top: 100%;
}

.map_kokubunnji iframe {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}

.kosugi_1 {
	max-width:350px;
	margin: 0 auto;
	text-align: center;
	margin-bottom: 50px;
}

.kosugi_1 ul {
	list-style: none;
	padding-left: 0px;
	margin-top: 40px;
}

.kosugi_1 ul li {
	display: inline;
	margin: 0 auto;
	text-align: center;
}

.map_kosugi {
	position: relative;
	width:100%;
	padding-top: 100%;
}

.map_kosugi iframe {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}

.tunashima_1 {
	max-width:350px;
	margin: 0 auto;
	text-align: center;
	margin-bottom: 50px;
}

.tunashima_1 ul {
	list-style: none;
	padding-left: 0px;
	margin-top: 40px;
}

.tunashima_1 ul li {
	display: inline;
	margin: 0 auto;
	text-align: center;
}

.map_tunashima {
	position: relative;
	width:100%;
	padding-top: 100%;
}

.map_tunashima iframe {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}
.nakahara_1 {
	max-width:350px;
	margin: 0 auto;
	text-align: center;
}

.nakahara_1 ul {
	list-style: none;
	padding-left: 0px;
	margin-top: 40px;
}

.nakahara_1 ul li {
	display: inline;
	margin: 0 auto;
	text-align: center;
}

.map_nakahara {
	position: relative;
	width:100%;
	padding-top: 100%;
}

.map_nakahara iframe {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}

.address {
	margin:20px;
}
.cv img {
	width:100%;
	margin-bottom: 40px;
}

/*フッター*/

#footer {
	max-width:480px;
	height:auto;
	margin:0 auto;
	box-shadow: 0px 4px 5px -3px rgba(0,0,0,0.2) inset;
	}

#f_navi {
	display: none;
	}

#f_navi li {
	width:100%;
	display: inline;
	font-size: calc(112.5% + 0.25vw);
	}
	
.f_navi {
	margin-right:6px;
	padding-left:10px;
	border-left:1px solid #999;
	font-size: calc(112.5% + 0.25vw);
	}

.f_box {
	max-width:480px;
	margin:0 auto;
	}

.f_botton {
	display:none;
	}

.f_text {
	display: none;
	}
	
.f_logo {
	margin-bottom:10px;
	margin:0 auto;
	text-align:center;
	padding-top:20px;
	padding-bottom:10px;
	}

.f_logo img {
	width:60%;
	}
	
.f_tel {
	display: none;
	}  
	
.f_time {
	display: none;
	}

.copy {
	max-width: 400px;
	text-align: center;
	padding-bottom:10px;
	font-size: 10px;
	}
.koganei{
	color:red;
	margin: 10px auto;
}