@charset "UTF-8";


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

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

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

/* -- Media query	1080px以下の場合 スマートフォン設定------------------------------------------------------------- */
@media screen and (min-width: 762px) and (max-width: 1100px) {

	/* #main_container{
		padding-left:45px;
	} */

	.breadcrumb ul{
		padding-left: 45px;
	}

	.pages_right_contetnt{
		margin-left: 0;
	}

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

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


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

	footer

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

	footer .inner_column{
		padding-left: 40px;
	}

	.footer_sitemap{
		width: 680px;
	}

	.footer_sitemap dl{
	width:200px;
	}



}


/* -- Media query	761px以下の場合 スマートフォン設定------------------------------------------------------------- */
@media all and (max-width: 761px ) {

	body{
		min-width:0;
	}

	.mb_object{display:block;}
	.pc_object{display: none!important;}
	span.pc_object{display: inline;}



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

	#gnavi{
		display: none;
	}


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

	.sns-icon{
	position: fixed;
	right: 5px;
	bottom: 120px;
	top: auto;
	/*z-index: 10000;*/
}
.sns-icon li{
	margin-bottom: 10px;
	width: 50px;
}
/*.sns-icon li img{
	width: 100%;
}*/



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

	■header

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


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

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

	.main_title h1 img{
		width:300px;
	}

	.sub_logo{
		display:none;
	}

	.header_navi{
	display: none;
	}

	.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;
	}

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

	■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:none;
		text-align: center;
		cursor:pointer;
		
		display:none;
	}

	#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: none;
	}

	.layer{
		position: fixed;
		top: 0;
		z-index: 1;
		display: none;
		width: 100%;
		height: 100%;
		background-color: transparent;
	}



	.slide_menu_navi{
		box-shadow: none;
	}
	.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

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

	.main_title{
		border-bottom: 1px solid #ddd;
	}

	#slide_menu{
		height: auto;
		max-height: 100vh;
		display: none;
		overflow: scroll;
		padding-top: 60px;
		top: 0;
		background: #fff;
	}

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

	.inner_slide_menu_navi > *{
		opacity: 1;
	}
	/*
	.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:14px;
		letter-spacing: normal;
		position: relative;
		display: block;
	}/*
	.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: auto;
		font-size:14px;
		padding: 15px;
		/* pointer-events: none; */
	}/*
	.btn_slide_menu > a:hover{
		background: #590f18;
		opacity: 1;
	} */
	.request-link{
		width: 60px;
		height: 60px;
		top: auto;
		bottom: 60px;
		display: block;
	}
	.close-btn{
		padding: 10px;
		text-align: center;
		color: #fff;
		font-size: 14px;
		background: #000;
	}
	/**************************************************************************************************

	■main_container

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

	#main_container{
		width:100%;
		margin:0 auto;
	}

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

	.pages_right_contetnt {
		width:100%;
		margin-left:0;
		float:none;
	}


	.content_inner {
		width:96%;
		margin:10px auto 30px;
		clear:both;
	}

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

	■main_container

	**************************************************************************************************/
	.breadcrumb {
	display:none;
	}


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

	■local_navi

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


	.localnavi{
		width: 96%;
		margin:0 auto 5%;
	}

	.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: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")
	}

	.btn_footer_link{
		text-align: center;
		border:1px #fff;
	}

	.footer_linklist{
		width:100%;
		float: left;
		background: #212121;
		padding:15px 15px 0;
		min-height:0;
	}


	.footer_linklist a{
		color:#fff;
	}

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

	.footer_linklist dl{
		display: none;
	}

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

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

	.footer_sitemap{
		width:100%;
		padding:0;
	}

	.footer_sitemap dl{
		display:none;
	}

	.footer_sitemap .footer_sub_bnr{
		padding:10px;
		float: none;
		width: 100%;
	}

	.footer_sitemap .footer_sub_bnr li{
		width: 49%;
		margin-bottom: 5px;
		margin-right: 2%;
	}
	.footer_sitemap .footer_sub_bnr li:nth-of-type(4n){
		margin-right: 2%;
	}
	.footer_sitemap .footer_sub_bnr li:nth-of-type(2n){
		margin-right: 0;
	}

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

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

	 .donation_bnr{
		background: #fff;
		width: 100%;
		margin-bottom: 0;
		text-align: center;
		display: flex;
		justify-content: center;
		align-items: center;
		font-size: 14px;
		border: 2px 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;
		font-size: 12px;
		width: 100%;
	}

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

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


	/*bn_area*/


	.bn_area{
		padding:0 2%;
		margin:0;
	}

	.bn_area ul{
		float: none;
		width: 100%;
		padding:0;
		margin: 0;
	}

	.bn_area li{
		float: none;
		margin:0;
		width:100%;
		margin-bottom: 5px;
	}

	.bn_area li.mini_bnr{
		margin:0 auto 5px;
		width:293px;
	}

	.bn_area li a{
	width: 100%;
	}

	a.btn_news_more_res{
		display: block;
		width:98%;
		margin:0 1% 1%;
		text-decoration:underline;
		font-weight: bold;
		text-align: center;
		border-bottom: 1px solid rgba(86, 86, 86, .4);
		background: #fff;
		margin-top: 1%;
		padding:10px;
	}

	.btn_footer_link{
		border:1px solid #fff;
		color:#fff;
		border-radius:20px;
		height:30px;
		padding-top: 5px;
		margin-bottom: 20px;
		cursor:pointer;
		position:relative;
	}

	.btn_footer_link:after{
		content:"\25bc";
	}

	.btn_footer_link.active{
		background: #fff;
		color:#212121;
	}

	.btn_footer_link.active:after{
		content:"\25bd";
	}



	/* 改修 - 220711 */
	.bnr-list{
		width: 100%;
		padding: 0 2%;
	}
	.bnr-list > li{
		width: 100%;
		margin-bottom: 5px;
		margin-right: 0;
	}
	.for_applicant{
		order: 1;
	}
	.for_parent{
		order: 3;
	}
	.for_c_student{
		order: 2;
	}
	.for_graduate{
		order: 4;
	}
	.student_dormitory{
		order: 5;
	}
	.school_60th_anniversary{
		order: 6;
	}

	/* SNSアイコンリスト */
	.sns-icon-list li{
		width: 40px;
	}




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

	■TOPへ戻る

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

	#page-top{
		display:none!important;
	}


	/* +_settings________________*/

	span.plus_small{
		position:relative;
		margin-right: 10px;
	}

	span.plus_small:after{
		content:"+";
		font-size: 10px;
		position:absolute;
		top:-5px;
		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;
	}


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

	■responsive_menu

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

	/* #responsive_slidemenu{
		display:none;
		position:fixed;
		left:0;
		top:0;
		width: 100%;
		z-index:10000;
		background: #fff;
		cursor:pointer;
	}

	#responsive_slidemenu dd{
		display:none;
	}


	#responsive_slidemenu dt{
		background: #80000E;
		color:#fff;
		border-bottom: 1px #fff solid;
		height:50px;
		text-align: center;
		font-size: 14px;
		font-weight: bold;
		padding-top: 14px;
		position:relative;
	}
	#responsive_slidemenu dt:after{
	content:"\25bc";
	}

	#responsive_slidemenu dt.active{
		background: #fff;
		color:#80000E;
		border-bottom: #80000E 2px solid;
	}


	#responsive_slidemenu li{
		border-bottom: 1px solid #666;
		padding:5px;
	}


	#responsive_slidemenu p{
		display: block;
		background: #000;
		color:#fff;
		text-align: center;
		padding:0 10px;
	} */




	/* #responsive_menu{
		background: #fff;
		width:60px;
		height:60px;
		position:fixed;
		bottom:0;
		left:0;
		z-index:10000;
		color:#80000E;
		border-top:2px solid #80000E;
		border-bottom:2px solid #80000E;
		font-size: 12px;
		font-weight: bold;
		text-align: center;
		padding-top: 18px;
	} */
	#responsive_menu{
		background: #80000E;
		width:60px;
		height:60px;
		position:fixed;
		bottom:0;
		right:0;
		z-index:10000;
		color:#fff;
		font-size: 12px;
		font-weight: bold;
		text-align: center;
		display: flex;
		align-items: center;
		justify-content: center;
		cursor: pointer;
	}


}