@charset "utf-8";

/*-------------------------------------------------------------------
　main
-------------------------------------------------------------------*/
/* ===== news ============ */
#news{
	width:1000px;
	margin:0px auto 110px;
	font-size:17px;
	overflow:hidden;
}

.newsMi{
	color:#000;
	font-size:30px;
	display:flex;
	align-items:center;
	text-align: center; /* for no-flexbox browsers */
	margin:0 0 40px 0;
}

.newsMi:before,
.newsMi:after{
    content: "";
	flex-grow:1;
	border-top: 4px dotted #CCC;
	display:block;
}

.newsMi:before {
	margin-right: 0.5em;
}

.newsMi:after {
	margin-left: 0.5em;
}

.newsTx{
	font-size:25px;
	font-weight:bold;
}

#news a:link{
	color:#0C71F9;
	text-decoration:underline;
}

#news a:hover,
#news a:visited{
	text-decoration:none;
	color:#0C71F9;
}



/* ===== 1024px以下 ============= */
@media only screen and (max-width:1024px){
#news{
	width:90%;
	margin:0 auto 80px;
}
}

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

#news{margin:0 auto 50px;}

.newsTx{
	font-size:17px;
}
}

/* ===== 480px以下 ============= */
@media only screen and (max-width: 480px){
.newsMi{
	font-size:17px;
	font-weight:bold;
	margin:0 0 20px 0;
}
}

/* ===== news end ============ */



#mainImg img{
	width:100%;
	height:auto;
	margin:0; /*-- margin:180px 0 0 0 --*/
	border-width:5px 0;
	border-color:#CCC;
	border-style:solid;
}

/* ===== main01 ============ */
#main01{
	width:1000px;
	margin:90px auto 110px;
	font-size:17px;
	overflow:hidden;
}

.main01Ph{
	width:400px;
	height: auto;
	float:right;
}

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

.main01Det{
	width:545px;
	float:left;
}

.main01Det p.main01Tit{
	font-family:"游明朝", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ 明朝", serif;
	padding:0;
	margin:0 0 10px 0;
	font-size:45px;
	font-weight:bold;
}

/* ===== main02 ============ */
#main02{
	width:100%;
	height:420px;
	background-size: cover;
	margin:0;
	padding:0;
	-webkit-background-size: cover;
	-o-background-size: cover;
	background-image: url(../images/main02_bg.jpg);
	background-position: top center;
	background-repeat: no-repeat;
}

#main02Logo{
	position:relative;
	z-index:1000px;
	margin:0 auto;
	width:450px;
	top:-50px;
}

#main02Logo img{
	width:100%;
	height:auto;
}

#menuList{
	width:1000px;
	margin:0 auto;
	overflow:hidden;
}

#menuList ul{
	margin-left:-4%;
	padding:0;
}

#menuList ul li{
	width:26.4%;
	float:left;
	margin-left:4%;
	padding:15px;
	background-color:#FFF;
	border-radius:10px;
}

#menuList ul li img{
	width:100%;
	height:auto;
}

#menuList ul li p.menuTx{
	width:100%;
	color:#0059B2;
	text-align:center;
	font-size:20px;
	padding:10px 0 0;
}

#menuList ul li a{
	display:block;
}

#menuList ul li a:hover{
	opacity: 0.7;
	filter: alpha(opacity=70);
}

/* ===== main03 ============ */
#main03{
	width:1000px;
	margin:90px auto 90px;
	overflow:hidden;
}

.main03Tit{
	width:100%;
	padding:10px 0;
	background-color:#004898;
	color:#FFF;
	text-align:center;
	font-size:20px;
}

#fbBox{
	width:500px;
	float:left;
}

#school{
	width:460px;
	float:right;
	background-color:#EEEEEE;
}

#add{
	margin:15px 0 0 0;
	font-size:20px;
	text-align:center;
}

#tel{
	font-size:30px;
	text-align:center;
}

#linkBtn{
	width:380px;
	margin:10px auto 30px;
	background-color:#004898;
	color:#FFF;
	font-size:20px;
	text-align:center;
}

#linkBtn a{
	color:#FFF;
	display:block;
	padding:5px;
}

#linkBtn a:hover{
	background-color: #0061CE;
}


/* ===== iPad以下 =================================== */
@media only screen and (max-width:1024px){

#mainImg img{
	margin:85px 0 0 0; /*-- margin:90px 0 0 0 --*/
}

/* ===== main01 ============ */
#main01{
	width:90%;
	margin:50px auto 110px;
}

.main01Ph{width:40%;}
.main01Det{width:55%;}

.main01Det p.main01Tit{
	font-size:30px;
}

/* ===== main02 ============ */
#main02{
	height: auto;
	padding-bottom:40px;
}

#main02Logo{
	width:40%;
	top:-45px;
}

#menuList{
	width:90%;
	margin-top:-15px;
}

#menuList ul li{
	width:25%;
	float:left;
	margin-left:4%;
	padding:15px;
	background-color:#FFF;
	border-radius:10px;
}

#menuList ul li p.menuTx{
	font-size:16px;
}

/* ===== main03 ============ */
#main03{
	width:90%;
	margin:90px auto 90px;
}

.main03Tit{
	font-size:15px;
}

#fbBox{width:47%;}
#school{width:47%;}

#add{
	font-size:14px;
}

#tel{
	font-size:25px;
}

#linkBtn{
	width:80%;
	margin:5px auto 30px;
	font-size:15px;
}

}

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

#mainImg img{
	margin:60px 0 0 0; /*-- margin:90px 0 0 0 --*/
}

/* ===== main01 ============ */
#main01{
	margin:20px auto 80px;
	font-size:15px;
}

.main01Ph{
	float: none;
	display:none;
}

.main01Det{
	width:100%;
	float: none;
}

.main01Det p.main01Tit{
	font-size:30px;
	text-align:center;
}

/* ===== main02 ============ */
#main02{
	padding-bottom:30px;
}

#main02Logo{
	min-width:50%;
	top:-30px;
}

#menuList ul{
	margin:0;
	padding:0;
}

#menuList ul li{
	width:100%;
	float: none;
	margin:0 0 20px 0;
	padding:15px;
	border-radius:10px;
	box-sizing:border-box;
}

/* ===== main03 ============ */
#fbBox{
	width:100%;
	float:none;
	margin:0 0 40px 0;
}

#school{
	float:none;
	width:100%;
	padding:0 0 10px 0;
}

#school img{
	width:100%;
	height:auto;
}

#tel{font-size:20px;}

#linkBtn{
	width:80%;
	margin:10px auto 30px;
	font-size:15px;
	display:block;
}

}

/* ===== 480px以下 ================================== */
@media only screen and (max-width:480px){
#mainImg img{
	margin:45px 0 0 0;
}

#main01{
	margin:20px auto 60px;
}

.main01Det p.main01Tit{
	font-size:20px;
}

/* ===== main02 ============ */
#main02{
	padding-bottom:20px;
}

#main02Logo{
	min-width:65%;
	top:-20px;
}

#menuList ul{
	margin:10px 0 0 0;
	padding:0;
}

#main03{
	margin:40px auto 40px;
}
}