@charset "UTF-8";


/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

当CSSには、webサイト内の全ページに共通する要素（ヘッダー・グローバルナビ・ローカルナビ・コンテナ・レイアウト用ボックス設定・
パンくず・ページ上部メインイメージ・フッター など）の基本レイアウトに関する設定を記述してください

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/


/*共通設定*/
.inner_column{
	width:960px;
	margin:0 auto;
	position:relative;
}


/*関連リンク*/

.relatedlinks_box , .relatedlinks_box_pdf{
	background:url(../images/icon_related_link.png) no-repeat 10px center;
	border:1px solid #dfdfdf;
	padding:20px 50px;
	margin:10px 0;
}

.relatedlinks_box_pdf{
	background:url(../images/icon_related_link_pdf.png) no-repeat 10px center;
}

.relatedlinks_box a , .relatedlinks_box_pdf a{
	font-size: 13px;
	color:#E2234C;
	border-bottom:1px solid #E2234C;
}


/*20210824 メニュー余白*/
body{
	padding-top: 130px;
}

.sns-icon{
	position: fixed;
	right: 10px;
	top: 150px;
	z-index: 10000;
}
.sns-icon li{
	margin-bottom: 10px;
	width: 60px;
}
.sns-icon li img{
	width: 100%;
}


/**************************************************************************************************

■header

**************************************************************************************************/

.l-header{
	background: #FFF;
	width:100%;
	height:60px;
	z-index:1003;
	position:fixed;
	top: 0;
	left: 0;
	border-bottom:1px solid #dfdfdf;
}

.main_title {
	background: #FFF;
	width:100%;
	height:60px;
	/* z-index:100; */
	padding:10px;
	/* position:fixed;
	top: 0;
	left: 0;
	border-bottom:1px solid #dfdfdf; */
}

.main_title h1{
	display:block;
	margin: 0 auto;
	text-align: center;
	width:375px;
}

.sub_logo{
	position:absolute;
	top:0;
	left:78px;
}

.header_navi{
	position:absolute;
	right:5px;
	top:15px;
}

.header_navi li{
	float: left;
	border-right:1px solid #000;
	font-size: 10px;
	padding:0 10px;
}

.header_navi li:last-child{
	border-right:none;
	padding-right:0;
}

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

/**************************************************************************************************

■responsive_slidemenu

**************************************************************************************************/


#responsive_slidemenu{
	display: none;
}

/**************************************************************************************************

■left_globalnavi

**************************************************************************************************/

/* #left_globalnavi{
	background:url(../images/icon_left_globalnavi_02.png) center center no-repeat #80000E;
	width:60px;
	height:100%;
	position:fixed;
	left:0;
	top:0;
	z-index:100000;
box-shadow: 0 0 20px rgba(0,0,0,.6);
	text-align: center;
	cursor:pointer;
}

#left_globalnavi:hover {
	opacity: 1;
	-webkit-animation: flash 1s;
	animation: flash 1s;
}

.icon_left_globalnavi01{
	margin:20px auto 0;
	display: block;
} */
/* 

#slide_menu{
	position: fixed;
	top: 0;
	left: -240px;
	width: 240px;
	height: 100%;
	background: #9B505B;
	z-index:10000;
	padding-left:60px;
	box-shadow: 0 0 20px rgba(0,0,0,.6);
} */
/* 
.layer{
	position: fixed;
	top: 0;
	z-index: 1;
	display: none;
	width: 100%;
	height: 100%;
	background-color: transparent;
} */


/* 
.slide_menu_navi{
	box-shadow: 0 0 20px rgba(0,0,0,.6);
}
.slide_menu_navi li a{
	background: #EADCDE;
	display:block;
	border-bottom: #964F5C 1px solid;
	color:#80000E;
	padding:20px 0 20px 15px ;
	font-size: 14px;
	cursor:pointer;

}
.slide_menu_navi li a:hover{
	background: #964F5C;
	color:#E9DCDE;
	opacity:1;
} */

/* 
.slide_menu_target_navi{
	height:100%;
	background: #9B505B;
}

.slide_menu_target_navi li{
	position:relative;
}

.slide_menu_target_navi li:after{
	content:"\25b6";
	font-size: 8px;
	color:#fff;
	position:absolute;
	right:2px;
	top:20px;
	z-index:1000;
} */


/* .slide_menu_target_navi li a{
	border-right: #80000E 15px solid;
	display:block;
	color:#9B505B;
	background: #FFF;
	margin-bottom: 1px;
	font-size: 12px;
	padding:15px 0 15px 15px ;
	position:relative;
	width:100%;
} */

/*.inner_slide_menu{
	position: fixed;
	top: 0;
	left: 0px;
	width: 480px;
	height: 100%;
	background: #0F0F0F;
	z-index:1500;
	padding-left:240px;
	box-shadow: 0 0 20px rgba(0,0,0,.6);
	display:none;
}
*/
/*.inner_slide_menu_navi{
	position:absolute;
	right:360px;
}
*/
/* .inner_slide_menu_navi li {
	margin-bottom: 1px;
}
.inner_slide_menu_navi li a{
	background: #FFF;
	padding:15px 0 15px 15px ;
	color:#000;
	display: block;
} */
/* 
.btn_slide_menu .inner_slide_menu_navi{
	opacity:0;
	width:0;
	height:100%;
	position: absolute;
	top:0;
	left:0;
	z-index:-100;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;

}
.btn_slide_menu:hover .inner_slide_menu_navi{
	display:block;
	opacity:1;
	position: absolute;
	top:0;
	left:240px;
	background: #000;
	height:100%;
	z-index:-100;
	box-shadow: 0 0 20px rgba(0,0,0,.6);
	width:240px;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 00, 0);
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.inner_slide_menu_navi li{
}

.btn_slide_menu:hover .inner_slide_menu{
	display:block;
} */

/**************************************************************************************************

■left_globalnavi 20210824

**************************************************************************************************/

#slide_menu{
	position: fixed;
	top: 60px;
	left: 0;
	width: 100%;
	height: 70px;
	z-index: 1002;
}

.slide_menu_navi{
	width: calc(100% - 70px);
	display: flex;
	justify-content: space-between;
	height: 70px;
}
.request-link{
	width: 70px;
	height: 70px;
	position: fixed;
	top: 60px;
	right: 0;
	background: #003680;
	z-index: 1002;
}
.request-link a{
	display: block;
	height: 100%;
	padding: 5px;
}
.request-link a img{
	width: 100%;
}
.btn_slide_menu{
	width: calc(100% / 7);
	position: relative;
	z-index: auto;
}
.inner_slide_menu_navi{
	position: absolute;
	left: 0;
	top: 100%;
	transform:translateY(-100%);
	-webkit-transform: translateY(-100%);
	background: rgba(255,255,255,.8);
	transition: all 0.3s ease .1s;
	z-index: -1;
	width: 100%;
}

.inner_slide_menu_navi > *{
	opacity: 0;
}

.inner_slide_menu_navi li{
	border-bottom: 1px solid #fff;
	box-shadow: 0 1px 2px rgba(0,0,0,.1);
}
.inner_slide_menu_navi li:last-child{
	border-bottom: none;
}
.inner_slide_menu_navi a{
	color: #80000f;
	padding: 15px 10px 15px 25px;
	line-height: 1.3;
	font-size:1vw;
	letter-spacing: normal;
	position: relative;
	display: block;
}
.inner_slide_menu_navi a:hover{
	opacity: 1;
	background: rgba(128, 0, 15 ,.2);
}
.inner_slide_menu_navi a::before{
	content: '';
	width: 5px;
	height: 5px;
	border-top: 1px solid #80000f;
	border-right: 1px solid #80000f;
	position: absolute;
	top: 20px;
	left: 10px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.btn_slide_menu:hover > .inner_slide_menu_navi{
	transform:translateY(0);
	-webkit-transform: translateY(0);
	bottom: auto;
	transition: all 0.3s ease .1s;
}
.btn_slide_menu:hover > .inner_slide_menu_navi > *{
	opacity: 1;
	transition: all 0.3s ease .5s;
}
.btn_slide_menu > a{
	background: #80000f;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
	font-size:1.3vw;
}
.btn_slide_menu > a:hover{
	background: #590f18;
	opacity: 1;
}
a.request-link{
	width: 70px;
	height: 70px;
	top: 60px;
	right: 0;
	background: #003680;
	position: fixed;
	display: block;
}

@media screen and (min-width: 1300px){
	.btn_slide_menu > a{
		font-size: 15px;
	}
	.inner_slide_menu_navi a{
		font-size: 14px;
	}
}
/**************************************************************************************************

■main_container

**************************************************************************************************/

#main_container{
	width:960px;
	margin:0 auto;
}

.pages_left_contetnt {
	width:700px;
	min-height:720px;
	float:left;
}

.pages_right_contetnt {
	width:200px;
	margin-left:20px;
	float:right;
}

.content_inner {
	width:100%;
	margin:1en;
	clear:both;
}

.jhs_guideline_pages_left_content {
	min-height:0;
}

/**************************************************************************************************

■main_container

**************************************************************************************************/
.breadcrumb {
	width:100%;
	border-bottom:1px solid #666;
	margin-bottom:30px;
	padding:0 0 18px;
}
.breadcrumb ul {
	width:960px;
	margin:0 auto;
}
.breadcrumb ul li {
	float:left;
	font-size:14px;
	margin-right:50px;
	position:relative;
	display:block;
}
.breadcrumb ul li a {
	width:100%;
	display:block;
	font-weight:600;
}
.breadcrumb ul li::after {
	content:'>';
	font-size:18px;
	color: rgba(95,15,20,1);
	position:absolute;
	right:-30px;
	top:-5px;
}
.breadcrumb ul li:first-child a {
	background:url(../images/breadcrumb.png) no-repeat left center;
	padding-left:35px;
}
.breadcrumb ul li:last-child {
	color: rgba(95,15,20,1);
	font-weight:600;
	display:block;
}
.breadcrumb ul li:last-child::after {
	content:'';
	display:none;
}

/**************************************************************************************************

■local_navi

**************************************************************************************************/


.localnavi{
	margin-bottom: 20px;
}

.localnavi ul{
	display:  none;
	border:1px solid #AAA;
}

.localnavi ul li a{
	padding:8px 0 8px 20px;
	border-bottom: 1px dotted #666;
	font-size: 13px;
	display:block;
	width:100%;
}

.localnavi ul li a:hover{
	display:block;
	background-color:rgba(50,50,50,.1);
}

.localnavi ul li:last-child a{
	border-bottom:none;
}
.localnavi ul li a.active{
	background: rgba(95,15,20,.2);
	color:rgba(95,15,20,1);
	font-weight:600;
}
.localnavi ul.current , .localnavi ul.current ul{
	display: block;
}

.localnavi ul li.localnavi_title a{
	height:40px;
	font-size: 14px;
	background: rgba(95,15,20,1);
	color:#fff;
	font-weight: bold;
	padding-top: 12px;
	padding-left: 20px;
}

.localnavi ul li.localnavi_menu{
	border-bottom: none;
	padding: 0 0 8px;
}

.localnavi ul li p.localnavi_menu_title a{

padding: 5px 0 5px 20px;
	display: block;
	color:#fff;
	font-weight: bold;
	background: #E67F8C;
}


.localnavi ul li.localnavi_menu ul li{
	background: rgba(235,60,85,.1);
}


.localnavi ul li.localnavi_menu ul li a.active{
	background: rgba(235,60,85,.3);
	color:rgba(235,60,85,1);
	font-weight:600;
}




/*responsive_settings*/

/*#res_menu{
	display: none;
}

#res_menu_box{
	display: none;
}*/

/*breadcrumb*/

/*.breadcrumb_block{
	background: #000;
	padding:0;
	overflow: hidden;
	text-align: center;
	margin-bottom: 20px;
}

.breadcrumb{
	width:1000px;
	margin:0 auto ;
	display: block;
	height:40px;
}

.breadcrumb li{
	float: left;
	position:relative;
	text-align: center;
}

.breadcrumb li:before{
	content:url("../images/bc_icon_arrow.png");
	top:0px;
	position: absolute;
	right: 0;
}
.breadcrumb li:last-child:before{
	content:"";
}

.breadcrumb li a{
	color:#fff;
	display: block;
	padding: 10px 25px 0 15px;
	font-size: 12px;
	font-weight: bold;
}

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

.breadcrumb li.current{
	color:#00A480;
	padding: 10px 25px 0 15px;
	font-size: 12px;
	font-weight: bold;
}
*/

/**************************************************************************************************

■階層メインパネル  背景設定

**************************************************************************************************/




/*
#main_panel{
	padding:30px 0;
	width:100%;
	clear:both;
	position: relative;
}

	.header_block{
		padding-top: 150px;
	}

		body.top .header_block{
			height:450px;
			overflow: hidden;
		}

		body.intrduction .header_block{
			background: url(../images/intrduction/main_panel_intrduction.png) no-repeat top center;
			background-size:cover;
			height:350px;
		}
		body.education .header_block{
			background: url(../images/education/main_panel_education.png) no-repeat center center;
			background-size:cover;
			height:350px;
		}
		body.schoollife .header_block{
			background: url(../images/schoollife/main_panel_schoollife.png) no-repeat top center;
			background-size:cover;
			height:350px;
		}
		body.facilities .header_block{
			background: url(../images/facilities/main_panel_facilities.png) no-repeat top center;
			background-size:cover;
			height:350px;
		}
		body.career .header_block{
			background: url(../images/career/main_panel_career.png) no-repeat top center;
			background-size:cover;
			height:350px;
		}
		body.examination .header_block{
			background: url(../images/examination/main_panel_examination.png) no-repeat top center;
			background-size:cover;
			height:350px;
		}
		body.students .header_block{
			background: url(../images/students/main_panel_students.png) no-repeat top center;
			background-size:cover;
			height:350px;
		}
		body.menu .header_block{
			background: url(../images/info/main_panel_menu.png) no-repeat top center;
			background-size:cover;
			height:350px;
		}

		body.menu.blog .header_block{
			background: url(../images/info/main_panel_menu.png) no-repeat top center;
			background-size:cover;
			height:350px;
		}

#main_panel .inner_column{
	position:relative;
}


#main_panel .inner_column img{
	height:150px;
	display: block;
}*/

/**************************************************************************************************

■main_container

**************************************************************************************************/

/******
■main_left_column
******/

/*.main_left_column{
	width: 730px;
	margin-right: 20px;
	float: left;
}
.top .main_left_column{
	width: 570px;
}

*/
/******
■main_right_column
******/

/*.main_right_column{
	width:250px;
	float: left;
}
.top .main_right_column{
	width: 410px;
}
*/

/******
local_navi
******/


/*.local_navi{
	margin-bottom: 20px;
}


.local_navi li{
	margin-top: 1px;
	font-size: 14px;
}

.local_navi li a{
	background: ;
	padding:10px 10px 10px 30px ;
	display: block;
	background: url(../images/gn_icon_ar01.png)  no-repeat 10px center rgba(71,170,137,.2);
}

li.inner_list li a{
	background: rgba(71,170,137,.1);
}

li.inner_list li a:before{
	content:"□";
}

.local_navi_title_bar a{
	background: #00A480;
	color:#fff;
	text-align: center;
	padding:10px;
	display: block;
	font-size: 18px;
}



.right_bnlist li{
	width:200px;
	margin-bottom: 10px;
	float:left;
	padding-left: 5px;
}
.right_bnlist li.double{
	width:400px;
}

.right_bnlist li img{
	width:100%;
}
*/
/**************************************************************************************************

■footer

**************************************************************************************************/

footer{
	border-top:1px solid #ddd;
	background: #333333;
}

footer .main_title{
	padding-bottom: 20px;
}
footer a[target="_blank"]{
	padding-right:5px;
}
footer a[target="_blank"]:after{
	content: url("../images/icon_target.png")
}

.footer_linklist{
	width:240px;
	float: left;
	background: #212121;
	padding:15px;
	min-height:660px;
}


.footer_linklist a{
	color:#fff;
}

.footer_linklist a.large{
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 20px;
	display: block;
}

.footer_linklist dl{
	margin-bottom: 25px;
	padding:;
}

.footer_linklist dl dt{
	color:#fff;
	font-size: 12px;
	font-weight: bold;
	border-bottom: 1px solid #fff;
	padding:0 0 5px 15px;
	margin-bottom: 10px;
}

.footer_linklist dl dd li{
	margin-bottom: 10px;
}


.footer_sitemap{
	width:720px;
	/* float: left; */
	padding:20px;
	padding-right: 0;
	padding-bottom: 0;
	display: flex;
	flex-wrap: wrap;
	/*justify-content: space-between;*/
}

.footer_sitemap dl{
	width:213px;
	/* float: left; */
	margin-right: 20px;
	margin-bottom: 20px;
}


.footer_sitemap dl a{
	color:#fff;
}

.footer_sitemap dl dt{
	color:#fff;
	font-size: 12px;
	font-weight: bold;
	border-bottom: 1px solid #fff;
	padding:0 0 5px 15px;
	margin-bottom: 10px;
}

.footer_sitemap dl dd li{
	margin-bottom: 10px;
}

.footer_sitemap .footer_sub_bnr{
	/* float: left;
	width:213px;
	margin-top: 20px; */
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	/*justify-content: space-between;*/
}
.footer_sitemap .footer_sub_bnr::after{
	display: none;
}
.footer_sitemap .footer_sub_bnr li{
	width: 24%;
	margin-bottom: 10px;
	margin-right: 1.3333%;
}
.footer_sitemap .footer_sub_bnr li:nth-of-type(4n){
	margin-right: 0;
}

.footer_sitemap .footer_sub_bnr li a {
	background: #FFF;
	display: block;
	/* margin-bottom: 5px; */
	/* padding-left: 5px; */
	padding: 3px 5px;
	border-bottom: 1px solid #000;
	display: block;
}

.footer_sitemap .footer_sub_bnr li a:before{
	content:"\25b6";
}

.footer_sitemap .footer_sub_bnr li a small{
	letter-spacing: 0;
	font-size: 84%;
}

.donation_bnr{
	background: #fff;
	width: 23%;
	margin-bottom: 80px;
	text-align: center;
    display: flex;
	justify-content: center;
	align-items: center;
	font-size: 18px;
	border: 4px solid #80000f;
}

.donation_bnr a{
	color: #80000f;
}
/*footer_txt_box*/

div.footer_txt_box{
	border-top: 1px solid #fff;
	color:#fff;
	clear:both;
	text-align: center;
	padding-top: 20px;
}

.footer_txt_title{
	font-size: 16px;
	font-weight: bold;
}

.footer_copyright{
	font-family: 'Roboto', sans-serif;
	font-weight: 900;
	margin-top: 20px;
}

/*bn_area*/
.bn_area ul{
	float: left;
	margin-left: 20px;
}

.bn_area ul:first-child{
	margin-left: 0;
}

.bn_area li{
	margin:0 0 20px;
}

.bn_area li a{
	width:293px;
	height:60px;
	display: block;
	text-align: center;
	border:1px solid #000;
	font-size: 14px;
	padding-top: 20px;
}

.bn_area li.mini_bnr{
	overflow:hidden;
}

.bn_area li.mini_bnr a{
	width:91px;
	height:60px;
	display: block;
	text-align: center;
	border:1px solid #000;
	font-size: 13px;
	font-weight: bold;
	color: #500;
	padding-top: 10px;
	float:left;
	margin:0 10px 0 0;
}

.bn_area li.mini_bnr a.digital_pamphlet03 {
	margin-right:0;
}
.bn_area li.mini_bnr a.digital_pamphlet03::after {
	clear: both;
}

.bn_area li.digital_pamphlet01 a{
	padding-left:15px;
	text-align: left;
	font-weight:bold;
	color:#8B2326;
	border:1px solid #8B2326;
}

.bn_area li.digital_pamphlet02 a{
	padding-left:15px;
	text-align: left;
	font-weight:bold;
	color:#8B2326;
	border:1px solid #8B2326;
}

.bn_area li.digital_pamphlet03 a{
	padding-left:15px;
	text-align: left;
	font-weight:bold;
	color:#8B2326;
	border:1px solid #8B2326;
}

.bn_area li.student_dormitory a{
	padding-left: 15px;
	text-align: left;
	font-weight:bold;
	color:#091C59;
	border:1px solid #091C59;
}

/* 改修 - 220711 */
.bnr-list{
	width: 920px;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
}
.bnr-list > li{
	width: 293px;
	margin-bottom: 20px;
	margin-right: 20px;
	transition:transform 0.3s;
}
.bnr-list > li:hover{
	transform:scale(1.1);
}
.bnr-list > li:nth-of-type(3n){
	margin-right: 0;
}
.bnr-list > li > a{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 60px;
	font-size: 1.4rem;
	text-align: center;
	border:1px solid #000;
}
.for_applicant{
	background:url("../images/top/bnr_top_circle_01.png") no-repeat center left 5px;
}
.for_parent{
	background:url("../images/top/bnr_top_circle_02.png") no-repeat center left 5px;
}
.for_c_student{
	background:url("../images/top/bnr_top_circle_03.png") no-repeat center left 5px;
}
.for_graduate{
	background:url("../images/top/bnr_top_circle_04.png") no-repeat center left 5px;
}
.student_dormitory{
	background:url("../images/top/bnr_top06.png") no-repeat center center;
	background-size:100%;
}
/*.school_60th_anniversary{
	background:url("../images/top/bnr_top_circle_07.png") no-repeat center left 5px;
}*/
.digital_pamphlet01{background:url("../images/top/bnr_top07.png") no-repeat center center;}
.digital_pamphlet02{background:url("../images/top/bnr_top08.png") no-repeat center center;}
.digital_pamphlet03{background:url("../images/top/bnr_top09.png") no-repeat center center;}


/* SNSアイコンリスト */

.sns-icon-list{
	margin: 60px auto;
	display: flex;
	justify-content: center;
}
.sns-icon-list li{
	width: 50px;
}
.sns-icon-list li + li{
	margin-left: 20px;
}
.sns-icon-list li a{
	display: block;
	width: 100%;
}
.sns-icon-list li a img{
	width: 100%;
}



/**************************************************************************************************

■TOPへ戻る

**************************************************************************************************/

#page-top{
	position: fixed;
	z-index:10000;
	bottom: 20px;
	right: 20px;
	font-size: 77%;
	display: block;
	color:#fff;
	background: #80000E;
	text-align: center;
	width:100px;
	padding:10px;
	font-size: 12px;
}


/* +_settings________________*/

span.plus_small , div.plus_small{
	position:relative;
	margin-right: 10px;
	display:inline-block;
}

span.plus_small:after , div.plus_small:after{
	content:"+";
	font-size: 10px;
	position:absolute;
	top:-5px;
	right: -2.3em;
	padding-right:15px;
}


/*未入稿用*/
.alerts_box{
	background: #f00;
	color:#fff;
	width:80%;
	margin:20px auto;
	padding:20px;
	text-align: center;
	font-weight: bold;
	font-size: 14px;
}
.dummy_area {
	width:100%;
	height:140px;
	text-align:center;
	background-color:#BEBEBE;
	color:#FFF;
	font-weight:600;
	padding-top:60px;
}