#logo{
	padding-right:2em;
	max-width:1000px;
}

#headerbox{
	width:100%;
	min-height: 0%;
}

.index #header .column-2{
	max-width:800px;
	margin:0 auto;
	padding:0.5em;
	font-size:1.2em;

}


#header {
	margin:1em;
	border:solid 0.5em #F9F9F9;
	box-shadow: 0.2em 0.2em 1em #999999;
	background:url(cssimg/header1.jpg);
	background-position: center center;
	background-size:cover;
	background-repeat: no-repeat;

}

@media screen and (max-width:1000px) {
	#header {
		margin:0em;
		border:none;
		box-shadow: 0em 0em 0em #999999;
	}
}




.frame{
	padding: 0.2em;
	border-top:thin solid #ccc;
	border-left:thin solid #ccc;
	border-bottom:thin solid #c2c2c2;
	border-right:thin solid #c2c2c2;
	background:#ffffff;
}

#header #navi-line{
	width:100%;
	margin: 0 auto;
	padding-top:0.5em;
	padding-bottom:0.5em;	
	display: -webkit-flex;
	-webkit-justify-content: space-around;
	display: flex;
	justify-content:space-around;
}

@media screen and (max-width:1000px) {
	#header #navi-line{
		display:none;
	}
}


h1{
	margin-bottom:1em;
}




.myicon2 img{
	max-width:1.5em;
	filter: drop-shadow(10px 10px 10px rgba(0,0,0,0.3));
}





.myicon{
	display: flex;
	justify-content: center;
}

.myicon >div{
	border-radius: 1em;
	padding:0.5em;
	margin:0.5em;
	text-align:center;
	max-width:10em;
}

.myicon >div img{
	filter: drop-shadow(10px 10px 10px rgba(0,0,0,0.3));
}


.index #navi-line li:nth-child(1) a{
	color:red;
}

.about #navi-line li:nth-child(2) a{
	color:red;
}

.guide #navi-line li:nth-child(3) a{
	color:red;
}

.school #navi-line li:nth-child(4) a{
	color:red;
}


.office #navi-line li:nth-child(5) a{
	color:red;
}

.contact #navi-line li:nth-child(6) a{
	color:red;
}




/*メインコンテンツ（レフトコンテンツ）*/

.contentsLeft h2{
	text-align:center;
	margin-bottom:0.5em;	
	background:#ffffff;
	border:solid thin #006400;	
	border-left:solid 1em #006400;
	border-right:solid 1em #006400;
}

.contentsLeft h2{
	border:none;
	background-color: transparent;
}

.contentsLeft td{
	background-color: #ffffff;
}


.column-3 > div {
	width:45%
}


.contact-tel-button{
	padding:0.4em;
	position: fixed;
	right:5em;
	bottom:-1.8em;
	width:2.5em;
	background:rgba(255,193,7,1);
	border-radius:50%;
	box-shadow: 0 2px 4px rgba(0,0,0,0.3);
	opacity: 0.9;
}

.contact-mail-button{
	padding:0.4em;
	position: fixed;
	right:8em;
	bottom:-1.8em;
	width:2.5em;
	background:rgba(255,193,7,1);
	border-radius:50%;
	box-shadow: 0 2px 4px rgba(0,0,0,0.3);
	opacity: 0.9;
}


/*個別ページ*/

@media screen and (max-width:800px) {
	.index .column-2 > div {
		width:98%
	}
	.index .column-3 > div {
		width:43%
	}

}



.radius h3{
	text-align:center;
	color:#388E3C;
}

.radius >div{
	border-radius: 1em;
	padding:0.5em;
	border:solid thin #f39800;
	margin-bottom:0.5em;
}

@media screen and (max-width:800px) {
	.about .column-2 > div {
		width:98%
	}
}




.school .ggmap {
	padding-bottom: 70%;
}

@media screen and (max-width:800px) {
	.access .column-2 > div {
		width:100%
	}
}







@media screen and (max-width:800px) {
	.contact .column-2 > div {
		width:98%
	}
}


.guide .sum{
	background:#ffa500;
}