@charset "utf-8";

/* ---------------------------------------------
	header
--------------------------------------------- */
.logoNavi {
	max-width: 180px;
	margin: 20px auto 20px;
}

.linkBtn .drawer-menu-item {
	border: none !important;
}

.linkBtn a:before {
	display: none;
	font-family: "Font Awesome 5 Solid";
	content: "\f0da";
}
.linkBtn a .svg-inline--fa {
	margin-right: 0.3em;
	color: #A40023;
}

.linkBtnT {
	border-top: 1px solid #A40023;
	padding-top: 10px !important;
}

.absenceBtn {margin-bottom: 10px;}

/* ---------------------------------------------
	footer
--------------------------------------------- */
.footerNavi {
	background: #A40023;
	margin-bottom: 30px;
}

.footerNavi ul {
	max-width: 960px;
	margin: 0 auto;
}

.footerNavi:after {
	content: "";
	display: block;
	clear: both;
}

.footerNavi li {
	float: left;
	line-height: 1;
	font-size: 0.75em;
}

.footerNavi li a {
	display: block;
	padding: 15px;
	color: #fff;
}

.footerNavi li a:hover {
	background: rgba(255,255,255,0.2);
	color: #fff;
}

.footerNavi li .svg-inline--fa {
	margin-right: 4px;
}

.footerData {
	max-width: 960px;
	margin: 0 auto 30px;
	padding: 0 20px;
}

.footerData:after {
	content: "";
	display: block;
	clear: both;
}

.address {
	float: left;
	width: 68%;
}

.address p {
	font-size: 0.75em;
	line-height: 1.5;
}

.address .schoolName {
	font-weight: bold;
	color: #A40023;
}

.adTel {
	float: right;
	width: 32%;
}

/* ---------------------------------------------
	copyright
--------------------------------------------- */
.copyright {
	text-align: center;
	font-size: 0.625em;
	padding: 0 20px;
}

/* ---------------------------------------------
	contents
--------------------------------------------- */
.wrap {
	padding: 0 20px;
}

.bgGray { background: #f6f6f6; }

.mainImg {
	margin-bottom: 0px;
}

.triangle {
	background: url(../img/triangle.png) no-repeat top center;
	padding-top: 46px;
}

.headline01-1 {
	text-align: center;
	font-size: 1.875em;
	line-height: 1.5;
	margin-bottom: 30px;
}

.headline02-1 {
	font-size: 1.25em;
	border-bottom: 3px solid #ccc;
	line-height: 1.5;
	margin-bottom: 20px;
	padding-bottom: 5px;
	color: #A40023;
}

.headline03-1 {
	font-size: 0.94em;
	font-weight: bold;
	color: #A40023;
	padding: 10px;
	background: #f8e7eb;
	margin-bottom: 20px;
	line-height: 1.5;
}


/* ---------------------------------------------
	school name
--------------------------------------------- */
.honjohigashi {
	padding: 20px 0;
}

.honjohigashi h1 {
	max-width: 320px;
	margin: 0 auto;
}


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

}

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

	/* ---------------------------------------------
		footer
	--------------------------------------------- */
	.footerNavi li {
		width: 50%;
	}
	
	.footerNavi li:nth-child(1) {
		border-right: 1px solid rgba(255,255,255,0.3);
		border-bottom: 1px solid rgba(255,255,255,0.3);
	}
	
	.footerNavi li:nth-child(2),
	.footerNavi li:nth-child(4){
		border-bottom: 1px solid rgba(255,255,255,0.3);
	}

	.footerNavi li:nth-child(3) {
		border-right: 1px solid rgba(255,255,255,0.3);
		border-bottom: 1px solid rgba(255,255,255,0.3);
	}
	.footerNavi li:nth-child(5) {
		border-right: 1px solid rgba(255,255,255,0.3);
	}



}

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

	/* ---------------------------------------------
		contents
	--------------------------------------------- */
	.triangle {
		background-size: 60px 22px;
		padding-top: 32px;
	}
	
	.headline01-1 {
		text-align: center;
		font-size: 1.5em;
		line-height: 1.5;
		margin-bottom: 20px;
	}

	.headline02-1 {
		font-size: 1.00em;
	}
	
	/* ---------------------------------------------
		school name
	--------------------------------------------- */
	.honjohigashi {
		padding: 14px 0;
	}
	
	.honjohigashi h1 {
		max-width: 200px;
		margin: 0 auto;
	}

	/* ---------------------------------------------
		footer
	--------------------------------------------- */
	.address {
		float: none;
		width: 100%;
		margin-bottom: 20px;
	}
	
	.adTel {
		float: none;
		width: 100%;
		max-width: 200px;
		margin: 0 auto;
	}




}