@charset "UTF-8";

/*spのみ*/
.sp_only {
	display: none !important;
}
/*sp tabのみ*/
.sp-tab_only {
	display: none !important;
}

/* =====================
　各要素共通
===================== */

/*リンクテキスト*/
a:hover {
	color:inherit;
}

a {
	transition: color .3s;
	text-decoration: underline;
	color: #8c1542;
}

.c_red{
	color: #8c1542;

}


/* =====================
　ヘッダー
===================== */
.site-header{
	width: 100%;
	max-width: 2560px;
	margin: 0 auto 25px;
	height: 94px;
	background: rgba(140,21,66,1);
	background: -moz-linear-gradient(top,  rgba(140,21,66,1) 0%, rgba(83,0,33,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(140,21,66,1) 0%,rgba(83,0,33,1) 100%);
	background: linear-gradient(to bottom,  rgba(140,21,66,1) 0%,rgba(83,0,33,1) 100%);
}

.header_title_box{
	position: relative;
	width: 1180px;
	margin: 0 auto;
	padding: 20px 0 0 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;

}

.header_left{
	margin: 17px 0 0 0;
}

.header_left > img{
	margin: 17px 0 0 0;
}

.header_title{
	margin: 0 15px 0 0;
}

.header_right{
	text-align: right;
}

.header_access{
	padding: 2px;
	color: #fff;
	border: solid 1px #fff;
	text-decoration: none;
}

#wrap{
	width: 100%;
	max-width: 2560px;
	background-color: #fff;
}

.content{
	width: 990px;
	margin: 0 auto;
	min-height: 650px;
}

.site-main{
	width: 700px;
	float: right;
	margin: 0;
}
.site-main_1{/* サイドバーなし1カラム */
	width: 990px;
	margin: 20px auto 0;
}


/* グローバルナビ */
@media screen and (min-width: 600px) {
#gnav_container {
	width: 100%;
	max-width: 1180px;
	margin: 12px auto 0;
	padding: 6px 0 6px 25px;
	font-size: 14px;
	font-size: 1.4rem;
}
#gnav_container ul{
	width: 100%;
	letter-spacing: -.40em;/* 文字間を詰めて隙間を削除する。 */
}
#gnav_container li{
	display: inline-block;/*ブロックレベル要素に横並びにする*/
	text-align: center;
	letter-spacing:normal;
}
#gnav_container ul li {
	position: relative;
	display: inline-block;/*ブロックレベル要素に横並びにする*/
	color: #231815;
}
#gnav_container ul li a{
	text-decoration: none;
}
#gnav_container > ul > li > a {
	color: #fff;
	display: block;
	padding: 0 13px;
	line-height: 1.7;
	text-transform: uppercase;
}
#gnav_container > ul > li > a.current {
	display: none;
}
#gnav_container > ul > li:first-child a{
	padding-left: 0;
}
#gnav_container > ul > li:last-child a{
	padding-right: 0;
	border-right: none;
}
#gnav_container ul li li{
	width:200px;
	min-width: 100%;
}
#gnav_container ul li ul li{
  display:none;
}
#gnav_container li li {
  border-bottom: 1px solid #8c1542;
	font-size: 13px;
	font-size: 1.3rem;
}

#gnav_container ul li {
  position: relative;
}
#gnav_container a {
  display: block;
  transition: 0.3s;
}
#gnav_container a:hover {
  text-decoration: none;

}

#gnav_container > ul > li > a.active {
  border-bottom-color: #8c1542;
}
#gnav_container .level1, #gnav_container .level2 {
  width: 100%;
  position: absolute;
  z-index: 9;
}
#gnav_container .level1 a, #gnav_container .level2 a {
  padding: 10px 0;
  background: #fcfcfc;
}
#gnav_container .level1 .active, #gnav_container .level2 .active {
  background: #fcfcfc;
	opacity: 0.9;
}
#gnav_container .level1 {
  top: 100%;
  left: 0;
}
#gnav_container .level2 {
  top: 0;
  left: 100%;
}
#gnav_container ul li li a {
	color: #000;
}
#gnav_container .item-arrow:after {
  content: "";
  position: absolute;
  border-top: 1px solid;
  border-right: 1px solid;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 7px;
  height: 7px;
  top: 50%;
  right: 10px;
  margin-top: -4px;
  border-color: #37a0da;
}

}/* 600px以上終わり */

@media screen and (max-width: 1480px) {

	.header_title_box {
		max-width: 80%;
		margin-left: 20px;
	}
	.header_left > img {
		display: none;
	}

}/* 1480px以下終わり */

/* =====================
　TOPページ
===================== */
.flexslider{
	border: none !important;
	height: 100%;
}
.flexslider .slides{
	height: 100%;
}
.flexslider .slides li{
	height: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

.site-header_top{
	margin-bottom: 0;
}
.content_top{
	width: 100%;

}
.top_over div{
	z-index: 2;

}
.top_slider{
	position: relative;
	height: calc(100vh - 94px);
	max-height: 1000px;
}
.top_policy01{
	position: absolute;
	top: 192px;
	left: 0;
	right: 0;
	width: 251px;
	margin: auto;
}
.top_policy02{
	position: absolute;
	left: 0;
	right: 0;
	bottom: 6%;
	margin: auto;
}
.top_policy02 p{
	text-align: center;
	font-size: 16px;
	font-size: 1.6rem;
	color: #fff;
	-moz-text-shadow: 0px 0px 11px rgba(0, 0, 0, 1);
	-webkit-text-shadow: 0px 0px 11px rgba(0, 0, 0, 1);
	-ms-text-shadow: 0px 0px 11px rgba(0, 0, 0, 1);
	text-shadow: 0px 0px 11px rgba(0, 0, 0, 1);
}
.top_policy02 a{
	position: relative;
	display: block;
	width: 40px;
	height: 40px;
	margin: 35px auto 0;
	border-radius: 50%;
	background-color: #8c1542;
}
.top_policy02 a:after{
	content:"";
	position: absolute;
	top: 16px;
	left: 0;
	right: 0;
	display: block;
	width: 0;
	height: 0;
	margin:auto;
	padding-top: 3px;
	border-style: solid;
	border-width: 12px 11.5px 0 11.5px;
	border-color: #ffffff transparent transparent transparent;
}
.top_pagelink{
	position: absolute;
	top: 30px;
	left: 0;
	right: 0;
	margin: auto;
	width: 100%;
	max-width: 1190px;

}
.top_pagelink > div{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-bottom: 15px;
}
.top_pagelink > div > div:hover{
	background: rgba(140,21,66,1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.top_pagelink > div > div{
	width: 173px;
}
.top_pagelink > div img{
	width: 173px;
	opacity: 1;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.top_pagelink > div a:hover{
	opacity: .7;
}

.top_pagelink > div h2{
	display: block;
	text-align: center;
	padding: 2px;
	background-color: rgba(33,0,0,0.7);
	color: #fff;
	font-size: 13px;
	font-size: 1.3rem;
	line-height: 1.3;
	letter-spacing: -0.05em;
	white-space: nowrap;
}
.top_pagelink > div span{
	display: block;
	font-size: 18px;
	font-size: 1.8rem;
}
.top_pagelink > div a{
	text-decoration: none;
}

@media screen and (max-width: 1480px) {

	.top_pagelink {
		width: 90%;
	}

	/*
	.top_slider,.flexslider,.flexslider .slides,.flexslider .slides li,.flexslider .slides img{
		height: 80vh;
	}
	*/

}/* 1480px以下終わり */
@media screen and (max-width: 1000px) {

	/*
	.top_slider,.flexslider,.flexslider .slides,.flexslider .slides li,.flexslider .slides img{
		height: 70vh;
	}
	*/

}/* 1480px以下終わり */

@media screen and (max-height: 850px) {

	.top_policy01 {
		width: 173px;
		top: 150px;
	}

	.top_policy02{
		bottom: 10%;
	}

	.top_pagelink > div > div{
		width: 145px;
	}
	.top_pagelink > div span {
		font-size: 15px;
		font-size: 1.5rem;
	}

}/* height850px以下終わり */

.post_content_top{
	width: 100%;
}
.top_news{
	width: 600px;
	margin: 55px auto 0;
	text-align: center;
}
.top_news dl{
	margin: 0 auto;
}
.top_news dt{
	float: left ;
	clear: left ;
	width: 110px ;
	margin-bottom: 13px;
	padding: 2px;
	color: #fff;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1;
	background-color: #8c1542;
	border-radius: 10px;
	font-weight: normal;
	text-align: center;
}

.top_news dd{
	float: left ;
	width: 440px ;
	margin-bottom: 13px;
	padding-left: 1em ;
	text-align: left;
}

.top_news_memo{
	width: 700px;
	margin: 0 auto;
	padding: 30px 40px 50px 40px;
	background-color: #F0DFE6;
}
.top_news_memo p{
	margin-bottom: 1em;
}
	    
.top_access{
	margin: 130px auto 14px;
	text-align: center;
}
.top_access p{
	margin: 30px auto 15px;
	text-align: center;
	font-size: 14px;
	font-size: 1.4rem;
}
.top_banner{
	width: 750px;
	margin: 160px auto 0;
	
}
.top_banner_inner{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.top_banner p{
	margin-top: 50px;
	text-align: center;
}
.top_footer{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	width: 100%;
	max-width: 1180px;
	margin: 140px auto 0;
}
.top_footer p{
	font-size: 20px;
	font-size: 2.0rem;
}
.top_footer ul{
	margin-top: 15px;
}
.top_footer li{
	font-size: 16px;
	font-size: 1.6rem;
}
.top_footer a{
	text-decoration: none;
	color: #000;
}
/* =====================
　サイドバー
===================== */
.sidebar{
	width: 234px;
	float: left;
	margin: 0;
}
.side_menu{
	width: 100%;
}
.side_menu h2{
	margin-bottom: 10px;
	padding: 7px 10px 7px 11px;
	background-color: #8c1542;
	font-size: 20px;
	font-size: 2.0rem;
	color: #fff;
	line-height: 20px;
}
.side_menu ul li{
	font-size: 15px;
	font-size: 1.5rem;
	letter-spacing: -0.03em;
}
.side_menu > ul > li{
	position: relative;
	width: 100%;
	padding: 8px 5px 0 5px;
}

.side_menu > ul > li > a {
	color: #000;
	text-decoration: none;
}
.side_menu > ul > li.active {
	font-weight: bold;
}
.side_menu  ul  li  a:hover {
	color: #8c1542;
}

.side_menu > ul > li.current a{
	color: #8c1542;
}

.side_menu > ul li.none{
	list-style-image: none;
	text-indent: 0;
	border-top: none;
}
.side_menu ul ul{
	width: 100%;
	background-color: #fff;
	list-style-image: none;
	list-style-position: inside;
}
.side_menu ul li ul li{
	width: 100%;
	padding: 2px 5px 2px 13px;
	border-bottom: none;
	text-indent: 0;
	font-size: 12px;
	font-size: 1.2rem;
}
.side_menu ul li:last-child{
	border-bottom: none;
}

.side_banner{
	margin-top: 40px;
	border-top: solid 3px #8c1542;
	padding-top: 40px;
}
.side_banner li{
	margin-top: 10px;
}

.side_address{
	margin-top: 35px;
	font-size: 12px;
	font-size: 1.2rem;
}

/* =====================
　コンテンツ部分共通
===================== */

/* ===== flexcroll ===== */
div.flexcroll {
	margin: 80px auto 90px;
	padding:16px;
	width:600px;
	height:450px;
	overflow-x: hidden;
	overflow-y: auto;
	-ms-overflow-style: -ms-autohiding-scrollbar;
	/* -webkit-overflow-scrolling: touch; */
	}
	
	div.flexcroll::-webkit-scrollbar {
	width: 8px; /* スクロールバーの高さ */
	}
	div.flexcroll::-webkit-scrollbar-thumb {
	background: #8c1542; /* スクロールバーの色 */
	border-radius: 8px;
	}
	div.flexcroll::-webkit-scrollbar-track {
	background: #ccc; /* スクロールバーの背景色 */
	border-radius: 8px;
	}

/* ===== 見出し ===== */

.page_head01{/* グレーベージュに黒字　中央寄せ */
	margin: 0 0;
	padding: 6px 0;
	font-size: 17px;
	font-size: 1.7rem;
	font-weight: bold;
	line-height: 1;
	text-align: center;
	color: #000;
	background-color: #d9cfc5;
}

.page_head02{/* 赤字　下線　左寄せ */
	margin: 40px 0 25px;
	font-size: 17px;
	font-size: 1.7rem;
	font-weight: bold;
	line-height: 1.7;
	border-bottom: solid 1px #8c1542;
	color: #8c1542;
}

.post_content > .page_head02:first-child{
	margin-top: 0;
}

.page_head03{/* 右寄せピンク　短め　学校紹介 */
	margin:46px 0 22px 27px;
	padding: 5px 0;
	width: 674px;
	font-size: 15px;
	font-size: 1.5rem;
	line-height: 1;
	text-align: center;
	background-color: #E4BEBD;
	color: #000;
}

.page_head04{/* 赤い四角 */
	position: relative;
	margin: 30px 0 10px;
	padding-left: 18px;
	line-height: 1;
}
.page_head04:before{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 13px;
	height: 13px;
	margin: auto;
	background: #8c1542;
}

.page_head05{/* 赤字　下線　中央寄せ */
	margin: 40px 0 30px;
	font-size: 22px;
	font-size: 2.2rem;
	font-weight: bold;
	line-height: 1.7;
	border-bottom: solid 1px #8c1542;
	color: #8c1542;
	text-align: center;
}

.page_head06{/* ボールド　2行目インデント */
	margin: 35px 0 0;
	padding-left: 2.5em;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
	text-indent: -2.5em;
}

.page_head07{/* ピンクに赤字　中央寄せ*/
	margin: 25px 0;
	padding: 7px;
	line-height: 1;
	background-color: rgba(140,21,66,0.2);
	text-align: center;
	color: #8c1542;
}

.page_head08{/* 赤に白字　左寄せ */
	margin: 25px 0 35px;
	padding: 4px;
	font-size: 24px;
	font-size: 2.4rem;
	line-height: 1;
	font-weight: bold;
	background-color: #8c1542;
	color: #fff;
}

.pdf_link01{
	margin: 25px 0 0 18px;
}
.pdf_link01 a{
	line-height: 1.8;
}

.link02{
	margin: 20px 0 0;
	font-size: 16px;
	font-size: 1.6rem;
	color: #8c1542;
	text-align: center;
}
/* =====================
　フッター
===================== */
.totop{
	width: 990px;
	max-width: 100%;
	margin: 40px auto 0;
	text-align: right;
}

.totop a{
	display: inline-block;
	padding: 3px 4px 3px;
	font-size: 11px;
	font-size: 1.1rem;
	line-height: 1;
	background-color: #686565;
	color: #fff;
	text-decoration: none;
}

footer {
	height: 160px;
	margin: 0 auto;
	background: rgba(140,21,66,1);
	background: -moz-linear-gradient(top,  rgba(140,21,66,1) 0%, rgba(83,0,33,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(140,21,66,1) 0%,rgba(83,0,33,1) 100%);
	background: linear-gradient(to bottom,  rgba(140,21,66,1) 0%,rgba(83,0,33,1) 100%);
}

.footer_inner {
	position: relative;
	width: 1180px;
	max-width: 100%;
	height: 100%;
	margin: 0 auto;
}

#footer_html{
	margin-top: 50px;
}

.footer_copy{
	position: absolute;
	left: 0;
	bottom: 35px;
	margin: 0;
	font-size: 14px;
	font-size: 1.4rem;
	color: #fff;
}

.footer_address{
	position: absolute;
	right: 0;
	bottom: 35px;
	color: #fff;
	font-size: 15px;
	font-size: 1.5rem;
}

.footer_address span:first-child{
	font-size: 17px;
	font-size: 1.7rem;
}
.footer_address span:nth-child(2){
	font-size: 24px;
	font-size: 2.4rem;
}


/* =====================
　各ページ
===================== */

/* 　junior 中学生のみなさんへ */
.junior p{
	text-align: center;
	font-size: 15px;
	font-size: 1.5rem;
}

.junior_box{
	width: 990px;
	margin: 0 auto;
	text-align: center;
}


.junior_h1{
	font-size: 31px;
	font-size: 3.1rem;
}


.junior_h1{
	margin-top: 68px;
	color: #8c1542;
	font-weight: bold;
}

.junior_main{
	color: #8c1542;
	width: 650px;
	margin: 38px auto 75px auto;
}

.junior_container{
		margin: 0 auto;
		width:100%;
		display: -webkit-box;
		display: -ms-flexbox;
		display:flex;
		flex-wrap:wrap;
		justify-content:space-between;
}

.junior_container::after{
  content:"";
  display: block;
  width:245px;
	height: 1px;
}

.junior_container .container{
	color: #8c1542;
	width:245px;
	margin:0 35px 35px;

}

.junior_container .container p{
	text-align: center;
	font-weight: bold;
}


/* 　almunus 卒業生 */
.alumnus_table{
	width: 500px;
	margin: 20px 0 0 27px;
}
.alumnus_table th,.alumnus_table td{
	padding: 10px;
	border: solid 1px #000;
	text-align: center;
	font-weight: normal;
	line-height: 1.4;
	font-size: 14px;
	font-size: 1.4rem;
}

.survey_table01{
	margin-top: 20px;
}
.survey_table01 > tbody > tr > th{
	vertical-align: middle;
	color: #8c1542;
}
.survey_table01 > tbody > tr > th,.survey_table01 > tbody > tr > td{
	padding: 20px;
	border: solid 1px #000;
	font-size: 16px;
	font-size: 1.6rem;
}
.survey_table01 > tbody > tr > td{
	vertical-align: top;
	font-size: 14px;
	font-size: 1.4rem;
}
.survey_table01 > tbody > tr > td h4{
	display: block;
	margin-bottom: 10px;
	font-size: 16px;
	font-size: 1.6rem;
}
.survey_table01 > tbody > tr > td p{
	margin-bottom: 10px;
	font-size: 14px;
	font-size: 1.4rem;
}
.survey_table01 > tbody > tr > td p:last-child{
	margin-bottom: 0;
}
.survey_table01_pink{
	background-color: rgba(140,21,66,0.08);
}

.survey_table01 > tbody > tr > th th,.survey_table01 > tbody > tr > td td{
	padding: 3px 10px;
	border: solid 1px #000;
	font-size: 13px;
	font-size: 1.3rem;
}

.almunus_survey #mail{
	margin-top: 20px;
	padding-top: 30px;
}
.alumnus_01{
	padding-left: 2em;
	text-indent: -1em;
}
.survey_note > ol > li{
	padding-left: 1.5em;
	text-indent: -1.5em;
}
.survey_note ul{
	padding-left: 0;
	text-indent: 0;
}


/* carrier 進路 */

/* 進路状況 */
.carrier_01{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.carrier_01 > div{
	width: 213px;
	display: flex;
	justify-content: space-between;
	flex-direction: column;
}

.carrier_01 > div h3{
	font-size: 17px;
	font-size: 1.7rem;
	align-self: center;
}

.carrier_02 > div h3{
	color: #cf1508;
}

.carrier_02 > div p{
	margin-top: 5px;
    height: 100%;
	padding: 10px;
	background-color: #fcd4c0;
}

.carrier_03 > div h3{
	color: #3da4bb;
}

.carrier_03 > div ul{
	margin-top: 5px;
    height: 100%;
	padding: 10px;
	background-color: #dcf0ed;
}

.carrier_04_img{
	margin: 45px auto;
	text-align: center;
}

/* 進路指導 */

.guidance_inner{
	padding-left: 1em;
}

.guidance_circle li{
	position: relative;
	margin-top: 5px;
	padding-left: 2em;
	text-indent: -1em;
}
.guidance_circle li:before{
	content:"●";
	color: #a54f5f;
}

/* 進路だより */
.letter_01{
	margin: 30px 0 40px;
}
.letter_01 ul{
	margin: 10px 0 ;
}

/* 進路行事 */

.seminar_link dt {
	float: left;
	clear: left;
	width: 130px;
	padding-right: 1em;
	font-weight: normal;
	letter-spacing: 0.1em;
}
.seminar_link dd {
	float: left;
	width: 570px;
}

/* 在校生 */
.current_blog{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-top: 20px;
}

.current_blog img{
	width: 220px;
}

#alarm dl{
	width: 100%;
	max-width: 500px;
	margin-bottom: 30px;
	letter-spacing: -0.05em;
	white-space: nowrap;
}
#alarm dt {
	float: left;
	clear: left;
	width: 230px;
	padding: 2px 1em 2px 0;
	font-weight: normal;
	border-bottom: solid 1px #000;
}
#alarm dd {
	float: left;
	width: 270px;
	padding: 2px 0;
	border-bottom: solid 1px #000;
	text-align: right;
}
#alarm dd span{
	font-size: 13px;
	font-size: 1.3rem;
}

#alarm dl::after {
	content: "";
	display: block;
	clear: both;
}

#infection article{
	margin-top: 10px;
	padding: 27px;
	border: solid 1px #000;
}

#infection article h4{
	text-align: center;
}

#infection article p{
	margin-top: 30px;
}

/* 図書室より */
.library_01{
	display: block;
	width: 360px;
	margin: 60px auto 0;
}

/* 在校生の諸届について */

.report_list li{
	position: relative;
	margin-top: 2px;
	padding-left: 2.5em;
	text-indent: -3em;
}

.report_table{
	margin-top: 30px;
}

.report_table th,.report_table td{
	padding: 5px 10px;
	border: 1px solid #000;
}

.report_table th{
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1.4;
	background-color: rgba(140,21,66,0.08);
}

.report_table tbody th{
	text-align: left;
}

.report_table td{
	font-size: 13px;
	font-size: 1.3rem;
}


/* school 学校紹介 */
/* ごあいさつ */
.school_introduction_top{
 	margin-top: 62px;
	display: -webkit-box;
  display: -ms-flexbox;
	display: flex;
}

.school_introduction p{
	font-size: 	15px;
	font-size: 1.5rem;
}

.introduction_left{
	margin-right: 78px;
}

.introduction_right{
	display: flex;
	flex-flow: column;
	justify-content: space-between;
}

.introduction_left img{
	width: 154px;
}

.right_heading{
	font-size: 	24px;
	font-size: 2.4rem;
	font-weight: bold;
}

.right_text_1{
	font-size: 	14px;
	font-size: 1.4rem;
}

.right_text_2{
	font-size: 	19px;
	font-size: 1.9rem;
}

.introduction_honbun{
	margin-top: 73px;
}

.introduction_honbun p{
	margin-bottom: 40px;
}


/* ご紹介 */
.guide_introduction{
	text-align: center;
}

.guide_h1{
	margin-top: 60px;
	font-size: 37px;
	font-size: 3.7rem;
	font-weight: bold;
	color: #8c1542;
}

.guide_h2{
	font-size: 31px;
	font-size: 3.1rem;
	font-weight: bold;
	color: #8c1542;
}

.guide_rinen{
	margin-top: 85px;
}

.guide_rinen p{
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: bold;
}

.guide_houshin{
	margin-top: 46px;
}

.guide_houshin p{
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: bold;
	margin-left: 35px;
}

.guide_manabi{
	margin-top: 46px;
}

.guide_manabi > ul > li:before{
	content: "■";
	color: #8c1542;
}

.guide_manabi_1 li:before{
	content: "・";
	margin-left: 1em;
}

.guide_miryoku{
	margin-top: 46px;
}

.guide_miryoku_1{
	margin-top: 39px;
}

.guide_miryoku_table{
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
 	justify-content: space-between;
	width: 505px;
	margin: 0 auto;
}

.guide_miryoku_table ul li:first-child{
font-size: 17px;
font-weight: bold;
}

.guide_miryoku_2{
	margin-top: 39px;
}

.guide_miryoku_3{
	margin-top: 39px;
}

.guide_miryoku_4{
	margin-top: 39px;
}

.guide_miryoku_4 dt:before{
	content: "■";
	color: #8c1542;
}

.guide_miryoku_4 dl{
	margin-top: 40px;
}

.guide_miryoku_dl{
	margin-left: 32px;
}

.miryoku_top_37px{
	margin-top: 37px;
}

.miryoku_p{
	margin-left: 32px;
}

.guide_miryoku_h4{
	font-size: 17px;
	font-size: 1.7rem;
	color: #8c1542;
}


/* 沿革　*/
.history_top{
	text-align: center;
}

.history_pic1{
	width: 520px;
}

.history_pic2{
	margin-top: 22px;
}

.history_chronology table{
	margin-top: 54px
}

.history_chronology table td{
	vertical-align: top;
}

.history_chronology table tr:nth-child(odd) td {
	background: #E9D7BD;
}

.history_chronology table tr td:first-child {
	padding:0 15px 0 15px;
}

.history_chronology table tr td:nth-child(2) {
	padding:0 15px 0 15px;
}

.history_chronology table tr td:nth-child(3) {
	padding:0 15px 0 0;
}


/* 校歌　*/
.song_head{
	text-align: center;
}

.song_head p{
	text-align:right;
	font-size: 12px;
	font-size: 1.2rem;
}

.song_banner{
	width: 700px;
}

.song_main{
	font-size: 17px;
	font-size: 1.7rem;
	font-weight: bold;
	text-align: center;
}

.song_1{
	width:50%;
	margin: 60px auto 0;
}

.song_2{
	width:50%;
	margin: 100px auto 0;
}

.song_3{
	width:50%;
	margin: 100px auto 30px;
}

.song_number{
	text-align: left;

}

.song_lyric{
	text-align: left;
	margin-top: 44px;
}


/* SCHOOL GALLERY　*/
.gallery_p{
		margin-top: 37px;
}

.gallery_box{
		margin-top: 49px;
		display: -webkit-box;
		display: -ms-flexbox;
		display:flex;
		flex-wrap:wrap;
		justify-content:space-between;
	}

	.gallery_box div{
		width:175px;
	}

	.gallery_box::before{
	  content:"";
	  display: block;
	  width:175px;
	  order:1;
	}
	.gallery_box::after{
	  content:"";
	  display: block;
	  width:175px;
	}


/* club クラブ活動　*/
.head_small{
	font-size: 14px;
	font-size: 1.4rem;
}

.club_sports_container{
	display: -webkit-box;
	display: -ms-flexbox;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}

.club_sports_box{
	width: 220px;
	margin-bottom: 25px;
}

.club_sports_container::after{
  content:"";
  display: block;
  width:220px;
	height: 1px;
}

.club_culture_container{
	display: -webkit-box;
	display: -ms-flexbox;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}

.club_culture_box{
	width: 220px;
	margin-bottom: 25px;
}

.club_culture_container::after{
  content:"";
  display: block;
  width:220px;
	height: 1px;
}
.club_title{
	font-size: 17px;
	font-size: 1.7rem;

}
.club_text{
	margin-top: 20px;
}

.club_index_sports td,.club_index_culture td{
	width: 33%;
}

.club_index_culture tr td:nth-child(2){
	width: 66%;
}

.club_index_sports a{
	color: #000
}

.club_index_culture a{
	color: #000
}

.club_sports{
	margin-top: 115px;
}

/* access アクセス・お問い合わせ　*/
.access_box{
	margin: 127px 0 127px;
	display: -webkit-box;
	display: -ms-flexbox;
	display:flex;
}

.access_left{
	margin-right: 40px;
}

.access_h1{
	margin-bottom: 24px;
	font-size: 18px;font-weight: bold;
	border-left: solid 6px #8c1542;
	padding-left: 10px;
}

.access_item{
	font-size: 14px;
}

.access_tel{
	margin-top: 15px;
	display: -webkit-box;
	display: -ms-flexbox;
	display:flex;
}

.access_fax{
	margin: 14px 0 30px;
	display: -webkit-box;
	display: -ms-flexbox;
	display:flex;
}

.access_icon{
	width: 40px;
}

.access_number{
	margin: 2px 0 0 10px;
	width: 140px;
}

.access_google{
	margin-top: 25px;
	width: 220px;
}
