@charset "utf-8";
/* CSS Document */

/* ************************************************
 *
 *	TOP
 *
 * ************************************************ */
.movie_block{
	position: relative;
	width: 100%;
}
.movie_block:before {
	content:"";
	display: block;
	padding-top: 52.5%;
}
.movie_inner{
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background:#333;
}
.top_mainimg_block{
	max-width:2000px;
	margin:0 auto;
}
@media print, screen and ( min-width : 896px ) {

	.top_mainimg_block li:nth-child(1){
		float:left;
		width:28%;
	}
	.top_mainimg_block li:nth-child(3){
		width:28%;
		float:right;
	}
	.top_mainimg_block li:nth-child(2){
		float:left;
		width:44%;
	}
}
@media only screen and  ( max-width : 896px ) {
	.top_mainimg_block li:nth-child(1),
	.top_mainimg_block li:nth-child(3){
		display:none;
	}
}
.top_catch{
	padding:20px 0px;
}
.top_course{
	background:#ededda;
	padding:30px 0px;
	margin-bottom: 20px;
}
@media print, screen and ( min-width : 896px ) {
	.top_course_list{
		margin-bottom:20px;
	}
	.top_course_list li{
		display:inline-block;
		padding:0px 1%;
		max-width:30%;
	}
}
@media only screen and  ( max-width : 896px ) {
	.top_course_list li{
		padding:10px 15%;
	}
	.top_course_list li img{
		width:100%;
	}
}
.top_course_text{
	color:#116538;
	font-size:120%;
}
@media print, screen and ( min-width : 896px ) {
	.top_side_banner{
		margin-top:8px;
	}
	.top_side_banner li{
		margin-bottom:25px;
	}
}
@media only screen and  ( max-width : 896px ) {
	.top_side_banner {
		margin-top:20px;
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
	}
	.top_side_banner li {
		padding: 0 3% 3%;
		width: 44%;
	}
	/*サイドがテキストリンクのとき
	.top_side_banner {
		margin-top:10px;
		margin-bottom:10px;
	}
	.top_side_banner li{
		border-bottom:2px solid #c5e1ce;
	}
	.top_side_banner li a{
		padding:0.5em 0em;
		font-weight:bold;
		text-align:center;
	}
	*/
}
/* top_moushikomi--------------------------- */
/*20200119 moja*/
.t220200119 {
	padding: 20px 20px 5px;
	margin-bottom: 15px;
	background-color: #00006E;
}
.t220200119 div a img,.t220200119 div img {
	text-align: center;
	margin: 0 auto;
	display: block;
}
@media print, screen and ( min-width : 896px ) {
	.t220200119 {
		padding: 20px 20px 20px;
		margin-bottom: 25px;
	}
	.t220200119 div a img,.t220200119 div img {
		text-align: center;
		margin: 0 auto;
		display: block;
	}
}
.img_center {
	text-align: center;
	margin: 0 auto;
	display: block;
}
/*1229 moja*/
.top20201229flex {
	margin-bottom: 40px;
}
.top20201229box02 {
	background-color: #e6f0dc;
	padding: 20px 0;
}
.t_right {
	text-align: right;
	padding-right: 20px;
}
@media print, screen and ( min-width : 896px ) {
.top20201229flex {
	display: flex;
	justify-content: space-between;
}
.top20201229box01 {
	width: 485px;
}
}
.top_moushikomi{
	padding:30px 0px;
}
.top_moushikomi_title{
	margin-bottom:20px;
}

@media print, screen and ( min-width : 896px ) {
	.top_moushikomi_list li{
		float:left;
		margin-bottom:25px;
	}
	.top_m_opencanpus{
		width:40%;
		margin-right:5%;
	}
	.top_m_shiken{
		width:25%;
		margin-right:5%;
	}
	.top_m_tokutai{
		width:25%;
	}
}
@media only screen and  ( max-width : 896px ) {
	.top_moushikomi{
		padding:30px 0px 10px;
	}
	.top_moushikomi_list{
		margin-bottom:10px;
	}
	.top_moushikomi_list li{
		margin-bottom:10px;
	}
	.top_m_opencanpus{
		width:100%;
	}
	.top_m_shiken{
		width:48%;
		float:left;
	}
	.top_m_tokutai{
		width:48%;
		float:right;
	}
}
.top_moushikomi_list_t2{
	margin:10px 0;
}
.top_m_shiken_t2{
	width: 48%;
	float: left;
}
.top_m_tokutai_t2{
width: 48%;
float: right;
}
@media print, screen and ( min-width : 896px ) {
.top_moushikomi_list_t2{
	margin:10px 22.5%;
}
.top_moushikomi_list_t2 li{
	margin-bottom:10px;
}

/*
.top_m_shiken_t2 a img,.top_m_tokutai_t2 a img {

	display: block;
	margin: 0 auto;
	text-align: center;
	padding: 0 1%;
}
*/
}

/* NEWS--------------------------- */
.top_topix{
	position: relative;
	margin-top:5px;
}
.top_topix_main{
	background:#f4f4f4;
	position: relative;
	padding:10px;
}
@media print, screen and ( min-width : 896px ) {
	.top_topix_main{
		height:1140px;
		overflow:auto;
	}
}
@media only screen and  ( max-width : 896px ) {
	.top_topix_main{
		height:700px;
		overflow:hidden;
	}
	.top_topix_sp_height .top_topix_main{
		height:auto;
	}
}
.top_topix_list_padding{
	margin:15px;
	background:#fff;
}
@media print, screen and ( min-width : 896px ) {
	.top_topix_list li{
		width:50%;
		float:left;
	}
}
@media only screen and  ( max-width : 896px ) {
	.top_topix_list li{
		padding-bottom:1px;
	}
}
.top_topix_list_inner{
	position: relative;
	padding:0px 20px 20px 20px;
}
.top_topix_list_inner .clearfix{
	margin-bottom:20px;
}
.top_topix_icon{
	width:80px;
	font-size:80%;
	display:inline-block;
	margin-left:-20px;
	padding:5px 20px;
}
.top_topix_icon{
	background:#006537;
}
.cat_bg_blogtop{
	background:#155fad;
	color:#fff;
}
/* BLOG */
.cat_bg_blog{
	background:#155fad;
	color:#fff;
}
/* 在学生向け */
.cat_bg_current-student{
	background:#db6b22;
	color:#fff;
}
/* 進学情報 */
.cat_bg_admission-information{
	background:#91c07a;
	color:#fff;
}
/* 部活動 */
.cat_bg_extracurricular-activities{
	background:#d8607c;
	color:#fff;
}
/* 学校生活 */
.cat_bg_nocat,
.cat_bg_school-life{
	background:#006537;
	color:#fff;
}
/* OC・説明会 */
.cat_bg_open-campus{
	background:#eeea38;
	color:#3a9053;
}

.top_topix_day{
	float:right;
	color:#969696;
	font-size:90%;
	font-weight:bold;
	padding-top:10px;
}
.top_topix_list_inner h3{
	height:3em;
}
/* スクロール下のグラデ */
@media print, screen and ( min-width : 896px ) {
	.topixshadow{
		height:130px;
		position: absolute;
		bottom: 0;
		left: 0;
		width:100%;
		background: -moz-linear-gradient(bottom, #f4f4f4, transparent);
		background: -webkit-linear-gradient(bottom, #f4f4f4, transparent);
		background: linear-gradient(to top, #f4f4f4, transparent);
		z-index:2;
	}
	.remove_topixshadow .topixshadow{
		display:none;
	}
}
/* スクロール下のボタン */
@media only screen and  ( max-width : 896px ) {
	.topix_more_button{
		position: absolute;
		bottom: 0px;
		left: 0px;
		color:#fff;
		background:#c7c8c8;
		font-size:90%;
		padding:10px 0px;
		width:100%;
		text-align:center;
		font-weight:bold;
		cursor: pointer;
	}
}


/* ************************************************
 *
 *	PAGE
 *
 * ************************************************ */

/* レイアウト-------------------------------- */
.page_contents_block{
	padding:15px 0px;
}
/*  */
.contents_block{
	padding:0px 0px;
}
@media only screen and  ( max-width : 896px ) {
	.page_link {
		margin-top:-70px;
		padding-top:70px;
	}
}
.page_main_contents{
	position: relative;
}
.page_main_contents_title_sp{
	color:#116538;
	font-size:140%;
	font-weight:bold;
	padding-top:10px;
	text-align:center;

}
.t2pb20nomi{
	padding-bottom:20px;
}
.t2pb10{
	font-size:130%;
	padding-bottom:10px;
	text-align:center;
}
.t2pb20-02{
	font-size:130%;
	margin-bottom:5px;
	text-align:center;
}
@media only screen and  ( min-width : 896px ) {
	.t2pb20-02{

		margin-bottom:20px;

	}
}
.t2pb20{
	font-size:130%;
	margin-bottom:20px;
	text-align:center;
}
.t2pb30{
	font-size:130%;
	padding-bottom:30px;
	text-align:center;
}
.t2pb202{
	font-size:130%;
	padding-bottom:20px;
	text-align:center;
}
.t2pb15{
	font-size:130%;
	padding-bottom:15px;
	text-align:center;

}
.t2pb40{
	padding-bottom:40px;
	text-align:center;

}
@media print, screen and ( min-width : 896px ) {
	.page_main_contents_icon{
		position: absolute;
		top: 0px;
		left: 0px;
		z-index:-1;
	}
}
@media only screen and  ( max-width : 896px ) {

	.spimg img {
		display: block !important;
		width: 55%;
		padding-bottom:2px;
		text-align:center!important;
		margin: 0 auto !important;
	}
	.t2pb20{
		padding-bottom:10px;
	}
	.page_main_contents_title,
	.page_main_contents_icon{
		text-align:center;
	}
	.page_main_contents_icon{
	}
	.page_main_contents_title_btpd{

	}
	.page_main_contents_title{
		padding:20px 0px;
	}
}
@media print, screen and ( min-width : 896px ) {
	#page_main_contents{
		padding-left:125px;
	}
	.page_main_contents_title{
		float:left;
	}
	.page_main_contents_main{
		padding-left:240px;
		padding-top:30px;
	}
}
@media only screen and  ( max-width : 896px ) {
	.page_main_contents_title{
		text-align:center;
	}
}
.page_main_contents_main .icon_title{
	margin-top:-10px !important;
}


/* 学校案内系サイドメニュー-------------------------------- */
.about_side_block{
	width:250px;
}
.about_side_block img{
	margin-bottom:0px;
}
@media print, screen and ( min-width : 896px ) {
	.about_side_block{
		position: absolute;
		top: 140px;
		left: 5px;
		z-index:2;
	}
}
@media only screen and  ( max-width : 896px ) {
	.about_side_block{
		margin:15px auto;
	}
}
.about_side_img_comment1{
	font-size:120%;
	border-top:5px solid #016839;
	padding:15px 0px;
	margin-bottom:20px;
}
.about_side_img_comment2{
	padding:10px 0px;
	margin-bottom:20px;
	font-size:90%;
}
.about_side_img_comment1 .small,
.about_side_img_comment2 .small{
	font-size:60%;
}

/* コース別-------------------------------- */
.bg_course01{
	background:#4e83c4;
}
.bg_course02{
	background:#df79ac;
}
.bg_course03{
	background:#f5a517;
}
/* コース別ページ-------------------------------- */
.course_top_block{
	position: relative;
	padding:35px 15px 35px 15px;
}
/* 各ページで色を変える */
.course_top_block:after{
	content: "";
	display: block;
	position: absolute;
	top: 0%;
	bottom: 0%;
	left: -100%;
	right: -100%;
	background:#ccc;
	z-index:-1;
}
/* 背景色-------------------------------- */
#course_advanced .course_top_block:after{
	background:#4e83c4;
}
#course_sports .course_top_block:after{
	background:#df79ac;
}
#course_general .course_top_block:after{
	background:#f5a517;
}
.course_top_text{
	margin-top:-40px;
	padding:30px 30px;
	text-align:center;
	line-height:0;
}
.course_top_title{
	margin-bottom:40px;
}
.course_top_title_text{
	font-size:110%;
	line-height:180%;
	color:#fff;
}
/* ボーダー-------------------------------- */
@media print, screen and ( min-width : 896px ) {
	.course_top_title_img{
		width:365px;
		float:left;
		text-align:center;
	}
	#course_advanced .course_top_title_img{
		border-right:10px solid #d2f0ff;
	}
	#course_sports .course_top_title_img{
		border-right:10px solid #ffdcff;
	}
	#course_general .course_top_title_img{
		border-right:10px solid #ffe6be;
	}
	.course_top_title_text{
		padding-left:400px;
	}
}
@media only screen and  ( max-width : 896px ) {
	.course_top_title_img{
		text-align:center;
		padding-bottom:15px;
		margin:0px auto 15px auto;
		width:280px;
	}
	#course_advanced .course_top_title_img{
		border-bottom:5px solid #d2f0ff;
	}
	#course_sports .course_top_title_img{
		border-bottom:5px solid #ffdcff;
	}
	#course_general .course_top_title_img{
		border-bottom:5px solid #ffe6be;
	}
	.course_top_title_text{
		max-width:500px;
		margin-left:auto;
		margin-right:auto;
		text-align:center;
	}
}


/* コース別　他のリンク-------------------------------- */
.other_course_link a{
	color:#fff;
	padding:3px;
	text-align:center;
	font-size:90%;
}
.under_other_course_link{
	padding:30px 0px;
}

@media print, screen and ( min-width : 896px ) {
	.other_course_link li{
		float:left;
		width:30%;
		margin-right:5%;
	}
	.other_course_link li:last-child{
		float:right;
		margin-right:0%;
	}
	.first_other_course_link{
		margin-bottom:50px;
	}
}
@media only screen and  ( max-width : 896px ) {
	.other_course_link li{
		float:left;
		width:33.3%;
		margin-right:0%;
	}
}
.course_top_text2{
	text-align:center;
	line-height:0;
	margin-bottom:20px;
	padding:30px 30px;
}
@media only screen and  ( max-width : 896px ) {
	.course_top_text2{
		margin-bottom:0px;
	}
}


/* 特進コース 横並びのデザイン */
.course_top_advanced_list{
}
.course_top_advanced_list_main{
	background:#fff;
	padding:15px 0px;
	text-align:center;
}
.course_top_advanced_list h3{
	color:#508cdc;
	margin-bottom:0.5em;
	font-size:130%;
}
.advanced_rui{
	display:block;
	margin-top:-45px;
}
@media print, screen and ( min-width : 896px ) {
	.course_top_advanced_list_all{
		padding:0px 50px;
	}
	.course_top_advanced_list{
		float:left;
		width:46%;
	}
	.course_top_advanced_list_02{
		float:right;
		width:46%;
	}
	.course_top_advanced_list_main{
		height:200px;
	}
}
@media only screen and  ( max-width : 896px ) {
	.course_top_advanced_list_01{
		padding-bottom:50px;
	}
	.course_top_advanced_list_main{
		padding:15px;
		margin-left:auto;
		margin-right:auto;
		max-width:350px;
	}
}
@media print, screen and ( min-width : 896px ) {
	.course_top_advanced_list_01 .maru_list{
		width:13.5em;
		margin:0 auto;
	}
	.course_top_advanced_list_02 .maru_list{
		width:19.5em;
		margin:0 auto;
	}
}



/* 卒業生メッセージ */
.sotugyou_messeage h3{
	color:#3a9053;
	font-size:140%;
	margin-bottom:5px;
}
.sotugyou_messeage_hr{
	border-top:1px solid #fff;
}
@media print, screen and ( min-width : 896px ) {
	.sotugyou_messeage  .page_main_contents_main{
		padding-top:10px;
	}
}
@media only screen and  ( max-width : 896px ) {
	.sotugyou_messeage  .page_main_contents_main{
		padding-top:0px;
	}
}
/* ページのギャラリー */
.page_gallery_1 p,
.page_gallery_2 p{
	font-size:80%;
	padding-top:10px;
	padding-bottom:15px;
}
.page_gallery_2 li{
	float:left;
	width:48%;
}
.page_gallery_2 li:nth-of-type(2n){
	float:right;
}
@media only screen and  ( max-width : 896px ) {
	.page_gallery_1 p,
	.page_gallery_2 p{
		font-size:70%;
	}
}
/* 中央揃えのテキスト */
.center_main_text{
	margin-bottom:50px;
}
@media only screen and  ( max-width : 896px ) {
	.center_main_text{
		font-size:80% !important;
	}
}

/* 1日の流れ */
.course_bgwidth100{
	margin-bottom:50px;
}
.course_day_list_text{
	font-size:110%;
	line-height:160%;
	margin-top:-25px;
	margin-bottom:15px;
	font-weight:bold;
}
@media print, screen and ( min-width : 896px ) {
	.course_day_list_text{
		font-size:130%;
	}
	.course_day_img{
		position: absolute;
		left: 0px;
		bottom: 45px;
	}
}
@media only screen and  ( max-width : 896px ) {
	.course_day_img{
		text-align:center;
		margin-bottom:30px;
	}
}
.course_day_list{
	padding:15px 20px;
}
@media only screen and  ( max-width : 896px ) {
	.course_day_list{
		font-size:90%;
	}
}
.course_day_list dt{
	width:150px;
	float:left;
	position: relative;
	font-weight:bold;
	font-size:110%;
	line-height:18px;
}
.course_day_list dt:after{
	content: "●";
	display: inline-block;
	position: absolute;
	top: -3px;
	right: -5px;
	color:#fff;
	font-size:60px;
	padding:0;
}
.course_day_list dd{
	padding-left:170px;
	line-height:18px;
}
.course_day_list dd span{
	font-weight:bold;
	font-size:120%;
	vertical-align:baseline;
	display:inline-block;
	margin-right:0.5em;
}
@media only screen and  ( max-width : 896px ) {
	.course_day_list dt:after{
		font-size:30px;
		top: 5px;
	}
	.course_day_list dt{
		width:140px;
		font-size:100%;
	}
	.course_day_list dd{
		padding-left:160px;
	}
}

.course_day_list_advanced_c01{
	background:#4b84c4;
	color:#fff;
}
.course_day_list_advanced_c02{
	color:#4b84c4;
}
.course_day_list_sports_c01{
	background:#e079ad;
	color:#fff;
}
.course_day_list_sports_c02{
	color:#e079ad;
}
.course_day_list_general_c01{
	background:#f4b81c;
	color:#fff;
}
.course_day_list_general_c02{
	color:#f4b81c;
}
/* お問合せフォーム */
.contact_block{
	border:2px solid #f5f5f5;
	padding:5px 20px;
}
.contact_m_title,
.contact_m_info{
	padding:10px 0px;
}
.contact_m_info .small{
	padding-top:0.5em;
	display:block;

}
.contact_m_main{
	border-bottom:1px dotted #aaa;
}
.contact_m_title{

}
@media print, screen and ( min-width : 896px ) {
	.contact_m_main{
		display: flex;
		align-items: center;
		justify-content: center;
		width:100%;
	}
	.contact_m_title{
		width:40%;
	}
	.contact_m_info{
		width:60%;
	}

}
@media only screen and  ( max-width : 896px ) {
	.contact_m_main{
		padding:1em 0em;
	}
	.contact_m_title,
	.contact_m_info{
		padding:0.3em 0em;
	}
}
.submit_block{
	padding:2em 0em;
}
.privacy{
	padding:5%;
	background:#fff;
	font-size:90%;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border:1px solid #ccc;
}
.top_txt_link a {
	color: #1b1968;
	font-weight: bold;
	text-decoration: none !important;
}
.top_txt_link {
	padding: 0 20px 35px 12%;
}
@media only screen and  ( max-width : 896px ) {
	.top_txt_link {
		padding: 0 20px 35px 20px;
	}
}