/*
ホームページトップ
*/

/* ------------------
PCナビ上書き
------------------ */
#pc_nav_wrap_index{
	/*display:none;*/
}

/* ------------------
見出し
------------------ */
.index_h01{
	margin-bottom:3rem;
	text-align:center;
}

.index_h01 .en{
	font-size:300%;
	margin-bottom:0.5rem;
	line-height:1.0;
	font-weight:normal;
}

.index_h01 .en span:nth-child(4n+1){color:#ff9100;}
.index_h01 .en span:nth-child(4n+2){color:#6ac4fe;}
.index_h01 .en span:nth-child(4n+3){color:#f88;}
.index_h01 .en span:nth-child(4n+4){color:#b6d94e;}

.index_h01_text{
	font-size:112.5%;
	line-height:1.3;
}

@media print, screen and (min-width: 1020px){
.index_h01 .en{
	font-size:437.5%;
}

.index_h01_text{
	font-size:137.5%;
}
}


/* ------------------
メインビジュアル
------------------ */

#index_mv_wrap{
	position: relative;
}

#index_mv{
	width:100%;
	/*height:100%;*/
	height:25vh;
	position:relative;
	top:0;
	left:0;
	z-index:-1;
}

.index_mv_slide{
	
	/*position:absolute;*/
	top:0;
	left:0;	
}

.index_mv_slide img{
	width:100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	position: absolute;
	top: 0;
}


@media print, screen and (min-width: 500px){
	#index_mv{
		height: 55vh;
	}
}


@media (orientation: landscape) and (max-width: 1020px){
	#index_mv{
		height: 105vh;
	}
}

@media print, screen and (min-width: 1020px){
	#index_mv{
		height: 80vh;
	}
}

@media print, screen and (min-width: 1380px){
		#index_mv{
		height: 92vh;
	}
}


#index_mv_slide_ca{background:url(img/index/ph01.jpg) no-repeat 0 50%;background-size:cover;}
#index_mv_slide_ib{background:url(img/index/ph02.jpg) no-repeat 0 50%;background-size:cover;}
#index_mv_slide_fa{background:url(img/index/ph03.jpg) no-repeat 0 50%;background-size:cover;}
#index_mv_slide_ge{background:url(img/index/ph04.jpg) no-repeat 0 50%;background-size:cover;}



#mv_news_list .title_h{
	display: none;
    font-size: 2rem;
	letter-spacing: 2px;
}

.title_h span:nth-child(4n+1){color:#ff9100;}
.title_h span:nth-child(4n+2){color:#6ac4fe;}
.title_h span:nth-child(4n+3){color:#f88;}
.title_h span:nth-child(4n+4){color:#b6d94e;}

.mv_news_content{
	max-width: 1024px;
	margin: 0 auto;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-flow: column;
}

#mv_news_list{
	width: 100%;
	position: relative;
	bottom: 0;
	left: 0;
	background: rgba(246,243,235,0.85);
	padding: 0.75rem 5%;
	box-sizing: border-box;
}

#mv_news_list li{
	padding: 0.5rem 0;
	display: flex;
	align-items: flex-start;
    flex-flow: column;
}

#mv_news_list li:not(:last-of-type){
	border-bottom: 1px dashed #ccc;
}

#mv_news_list li .icon-right-dir{
	line-height: 1.25;
	margin-bottom: 0.25rem;
	font-size: 0.75rem;
}


#mv_news_list li .blog_category{
	margin: 0 0 0 0.5rem;
}



@media print, screen and (min-width: 720px){
	
	
	#mv_news_list .title_h{
		display: none;
	}
	
	
	.mv_news_content{
		max-width: 1024px;
		justify-content: center;
		align-items: center;
		flex-flow: row;
	}

	
	.index_mv_slide{
		padding-bottom:0;
		/*height:100%;*/
	}
	
	#mv_news_list li{
		align-items: center;
		flex-flow: row;
	}
	
	/*#mv_news_list li:not(:last-of-type){
		margin-bottom: 0.5rem;
	}*/
	
	#mv_news_list li .icon-right-dir{
		font-size:87.5%;
		margin-bottom: 0;
		line-height: 1.5;
	}

	#mv_news_list li .blog_category{
		margin: 0 0.5rem;
	}
}

@media print, screen and (min-width: 1020px){
	
	#mv_news_list{
		width: auto;
		display: inline-block;
		position: absolute;
		padding: 0.75rem 5%;
		left: 50%;
		transform: translateX(-50%);
	}
	
	#mv_news_list .title_h{
		display: block;
		margin:0 2rem 0 0;
    	font-size: 1.75rem;
	}
}




/*@media print, screen and (min-width: 1020px){
.index_mv_slide{
	padding-bottom:0;
	height:100%;
}
}*/



/* ------------------
体験・説明会
------------------ */
#index_event{
	position:relative;
	overflow:hidden;
	/*margin-top:80%;*/
	padding:20px 0 100px 0;
	/*margin-top:80%;*/
	padding:40px 0 100px 0;
	z-index:1;
}

#index_event:before{
	content:"";
	width:140%;
	height:100%;
	margin:0 -20% 0 -20%;
	background:url(img/index/bg01.png) 50% 50%;
	position:absolute;
	top:0;
	left:0;
/*	-webkit-transform-origin:right center;
	transform-origin:right center;
	-webkit-transform:rotate(-3deg);
	transform:rotate(-3deg);*/
	z-index:-1;
}

/* 中学生の方は～ */
#index_event_catch{
	text-align:center;
	position:relative;
	margin-bottom:2.5rem;
}

#index_event_catch a{
	text-decoration:none;
	color:#fff;
	display:block;
}

#index_event_catch span{
	font-size:125%;
	color:#fff;
	font-weight:bold;
	background:#ff9100;
	display:inline-block;
	margin:-10rem 0 0 0;
	padding:1rem 2rem;
	line-height:1.0;
}

#index_event_catch:after{
	content:"";
	display:inline-block;
	width:0;
	height:0;
	border-style:solid;
	border-width:15px 17px 0 36px;
	border-color:#ff9100 transparent transparent transparent;
	-webkit-transform:rotate(158deg);
	transform:rotate(158deg);
	position:absolute;
	bottom:-9px;
	left:50%;
	margin:0 0 0 -36px;
}

/* 体験＋説明会 */
#index_event_wrap01{
	margin:0 1rem 3rem 1rem;
	text-align:center;
}

.index_event_block01{
	display:inline-block;
	max-width:100%;
	padding-bottom:1rem;
	overflow:hidden;
	vertical-align:top;
}

.index_event_block01 a img{
	transition:0.2s;
}

.index_event_block01 a img:hover{
	transform:scale(1.02);
}

.index_event_block01 p{
	padding:0.5rem 0 0 0;
}

a.index_event_bt{
	text-decoration:none;
	display:inline-block;
	width:80%;
	text-align:center;
	color:#fff;
	padding:0.6rem 0 0.5rem 0;
	transition:0.2s;
	position:relative;
}

a.index_event_bt:before{
	position:absolute;
	top:33%;
	right:0.3rem;
}

/* 体験入学 */
#index_event_taiken{
	background:#e2f0b8;
	margin-bottom:2rem;
}

#index_event_taiken .index_event_bt{background:#b6d94e;}
#index_event_taiken .index_event_bt:hover{background:#c5e171;}

/* 説明会 */
#index_event_setsumei{
	background:#e1f3ff;
}

#index_event_setsumei .index_event_bt{background:#003792;}
#index_event_setsumei .index_event_bt:hover{background:#335fa8;}

/* その他イベント */
#index_event_wrap02{
	margin:0 1rem 3rem 1rem;
}

.index_event_block02{
	text-align:center;
	margin-bottom:2rem;
	max-width:100%;
}

.index_event_img02{
	display:inline-block;
	max-width:100%;
	box-sizing:border-box;
	border:4px solid #fff;
	line-height:0;
	overflow:hidden;
	margin-bottom:0.5rem;
}

.index_event_img02 img{
	transition:0.2s;
}

.index_event_img02 img:hover{
	transform:scale(1.02);
}

@media print, screen and (min-width: 500px){
.index_event_img02{
	max-width:500px;
}
}

@media print, screen and (min-width: 1020px){
#index_event{
	/*margin-top:55%;*/
	padding:40px 0 100px 0;
}

#index_event_catch span{
	margin:0;
	padding:1.3rem 6rem;
}

#index_event_wrap01{
	margin:0 0 2rem 0;
}

.index_event_block01{
	width:500px;
	margin:0 10px;
	min-height:630px;
}

a.index_event_bt{
	width:60%;
}

#index_event_wrap02{
	margin:0;
	text-align:center;
}

.index_event_block02{
	display:inline-block;
	width:320px;
	vertical-align:top;
	margin:0 10px;
}

.index_event_img02{
	max-width:320px;
}
}

/* ------------------
対象者別バナー
------------------ */
#index_target{
	position:relative;
	background-color:#fff;
	z-index:1;
	padding-top:3rem;
	padding-bottom:3rem;
}

/* 上部の斜め背景 */
/*#index_target:before{
	content:"";
	display:block;
	width:100%;
	height:80px;
	background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='80'%3E%3Cpolygon fill='%23fff' points='0,80 2400,80 0,0'%3E%3C/polygon%3E%3C/svg%3E");
	background-repeat:no-repeat;
	background-position:50% 50%;
	position:absolute;
	top:-80px;
	left:0;
}*/

/* バナー */
#index_target ul{
	margin:0 1rem;
	text-align:center;
	list-style:none;
}

#index_target li{
	display:inline-block;
	vertical-align:top;
	max-width:80%;
}

/* ------------------
コース
------------------ */
#index_course{
	background-color:#fff;
	z-index:1;
}

/* SPの場合2列 */
.index_course_row_sp{
	display:table;
	width:100%;
	table-layout:fixed;
}

/* 学科ブロック */
.index_course{
	display:table-cell;
	vertical-align:top;
	border-top-width:4px;
	border-top-style:solid;
	background-image:url(../gakkan-f2017/share/img/bg04.png);
	text-align:center;
	padding:2rem 0;
	position:relative;
}

.index_course img{
	border-radius:50%;
	width:8rem;
	height:8rem;
	margin:0 auto 1rem auto;
}


/*.index_course img{
	width:240px;
	height:240px;
	transition:0.2s;
}*/

.index_course h2 div{
	font-size:150%;
	line-height:1.2;
	margin-bottom:0.2rem;
}

.index_course h2 span{
	display:block;
	margin-bottom:1.3rem;
	font-weight:normal;
	font-size:75%;
}

.index_course p{
	margin:0 0.5rem 5rem 0.5rem;
	font-size:75%;
}

a.index_course_bt{
	text-decoration:none;
	position:absolute;
	bottom:2rem;
	left:50%;
	display:block;
	width:80%;
	text-align:center;
	color:#fff;
	margin-left:-40%;
	padding:0.6rem 0 0.5rem 0;
	transition:0.2s;
}

a.index_course_bt:before{
	position:absolute;
	top:33%;
	right:0.3rem;
}

/* 普通科 */
#index_co_ge{
	border-top-color:#ffac3e;
	background-color:#ffeed8;
}

#index_co_ge h2 div{color:#ff9100;}
#index_co_ge h2 span{color:#ffbf6c;}
#index_co_ge .index_course_bt{background:#ffac3e;}
#index_co_ge .index_course_bt:hover{background:#ffbd65;}

/* 情報科 */
#index_co_ib{
	border-top-color:#6ac4fe;
	background-color:#e1f3ff;
}

#index_co_ib h2 div{color:#16a4ff;}
#index_co_ib h2 span{color:#7bcbff;}
#index_co_ib .index_course_bt{background:#6ac4fe;}
#index_co_ib .index_course_bt:hover{background:#88d0fe;}

/* 食物科 */
#index_co_ca{
	border-top-color:#f88;
	background-color:#ffe7e7;
	padding-bottom:6rem;
}

#index_co_ca h2 div{color:#ff7070;}
#index_co_ca h2 span{color:#ffabab;}
#index_co_ca .index_course_bt{background:#f88;bottom:6rem;}
#index_co_ca .index_course_bt:hover{background:#ffa0a0;}

/* 美術科 */
#index_co_fa{
	border-top-color:#b6d94e;
	background-color:#f0f7dc;
	padding-bottom:6rem;
}

#index_co_fa h2 div{color:#83ab0e;}
#index_co_fa h2 span{color:#b9d175;}
#index_co_fa .index_course_bt{background:#b6d94e;bottom:6rem;}
#index_co_fa .index_course_bt:hover{background:#c5e171;}

@media print, screen and (min-width: 1020px){
#index_course{
	padding-top:3rem;
}

/* PCの場合4列 */
#index_course_wrap{
	display:flex;
}

.index_course_row_sp{
	display:flex;
}

/* 学科ブロック */
.index_course{
	display:block;
	width:100%;
	padding:3rem 0 10rem 0;
}

.index_course_img{
	overflow:hidden;
	width:240px;
	height:240px;
	margin:0 auto 2rem auto;
	border-radius:50%;
}

.index_course img{
	width:240px;
	height:240px;
	transition:0.2s;
}

.index_course img:hover{
	transform:scale(1.1);
}

.index_course h2 div{
	font-size:187.5%;
}

.index_course h2 span{
	margin-bottom:1.3rem;
}

.index_course p{
	font-size:87.5%;
}

a.index_course_bt{
	bottom:9rem;
}

#index_co_ca{
	padding-bottom:10rem;
}

#index_co_ca .index_course_bt{bottom:9rem;}

#index_co_fa{
	padding-bottom:10rem;
}

#index_co_fa .index_course_bt{bottom:9rem;}
}

/* ------------------
ニュース ＋ カレンダー
------------------ */
#index_news_wrap{
	position:relative;
	padding:3rem 0 0 0;
	margin-top:-3rem;
	z-index:1;
}

#index_news_wrap:before{
	content:"";
	display:block;
	width:100%;
	height:3rem;
	background:url(img/index/bg02.png) no-repeat 100% 0;
	position:absolute;
	top:0;
	left:0;
}

#index_news_body{
	background:#ffdc61 url(../gakkan-f2017/share/img/bg05.png);
	padding:2rem 1rem 10rem 1rem;
}

/* ニュース */
#index_news{
	margin-bottom:3rem;
}

#index_news .tabs{
	text-align:center;
}

#index_news .tab{
	display:inline-block;
	width:32%;
	list-style:none;
	transition:0.2s;
}

#index_news .tab a{
	display:block;
	text-decoration:none;
	font-size:75%;
	padding:1rem 0;
	color:#fff;
}

#index_news_tab01{background:#ffac3e;}
#index_news_tab01:hover{background:#ffbd65;}
#index_news_tab02{background:#6ac4fe;}
#index_news_tab02:hover{background:#88d0fe;}
#index_news_tab03{background:#b6d94e;}
#index_news_tab03:hover{background:#c5e171;}

#index_news .panel{
	background:#fff;
	padding:1rem 1rem 1.5rem 1rem;
	min-height:410px;
}

#index_news_tab_cont01{border:3px solid #ffac3e;}
#index_news_tab_cont02{border:3px solid #6ac4fe;}
#index_news_tab_cont03{border:3px solid #b6d94e;}

#index_news .panels ul{
	margin-bottom:2rem;
}

#index_news .panels li{
	list-style:none;
	border-bottom:1px dashed #ccc;
	padding:0.5rem;
}

#index_news .panels li .icon-right-dir{
	font-size:87.5%;
	margin-bottom: 0.25rem;
}

#index_news .panels li .icon-right-dir:before{
	color:#003792;
}

a.index_news_bt{
	display:block;
	color:#fff;
	text-decoration:none;
	position:relative;
	width:90%;
	text-align:center;
	padding:0.6rem 0;
	margin:0 auto;
	transition:0.2s;
}

a.index_news_bt:before{
	position:absolute;
	top:33%;
	right:0.2rem;
}

#index_news_tab_cont01 a.index_news_bt{background:#ffac3e;}
#index_news_tab_cont01 a.index_news_bt:hover{background:#ffbd65;}
#index_news_tab_cont02 a.index_news_bt{background:#6ac4fe;}
#index_news_tab_cont02 a.index_news_bt:hover{background:#88d0fe;}
#index_news_tab_cont03 a.index_news_bt{background:#b6d94e;}
#index_news_tab_cont03 a.index_news_bt:hover{background:#c5e171;}


span.blog_category{
	color:#fff;
	text-decoration:none;
	font-size:75%;
	background:#003792;
	text-align:center;
	display:inline-block;
	min-width:7em;
	padding: 0.125rem 0.5rem;
	vertical-align: middle;
}

/*学館ニュース*/
span.blog_category.first{background:#5d9200;}
span.blog_category.second{background:#92004f;}
span.blog_category.third{background:#baab00;}
span.blog_category.all_parent{background:#14a4c8;}
span.blog_category.emergency{background:#D71D3B;}

/*学科ブログ*/
span.blog_category.general{background:#ffac3e;}
span.blog_category.information{background:#6ac4fe;}
span.blog_category.culinary{background:#ff8888;}
span.blog_category.fine{background:#b6d94e;}


/*部活動ブログ*/
span.blog_category.club{background:#109209;}




/* Googleカレンダー */
#index_cal{
	background:#fff;
	padding:1.5rem 1rem;
}

#index_cal iframe, #index_cal embed, #index_cal object{
	max-width:100%;
}

@media print, screen and (min-width: 1020px){
#index_news_wrap{
	padding:80px 0 0 0;
	margin-top:-82px;
}

#index_news_wrap:before{
	height:80px;
	background-size:100% 100%;
}

#index_news_body{
	padding:3rem 0 8rem 0;
}

#index_news_cal{
	width:1020px;
	overflow:hidden;
	margin:0 auto;
}

#index_news{
	width:660px;
	float:left;
}

#index_news .tab a{
	font-size:100%;
	font-weight:bold;
}

#index_news .tab .icon-down{
	padding-right:0.5rem;
}

#index_news .panel{
	padding:1.5rem 2rem 2rem 2rem;
}

a.index_news_bt{
	width:50%;
}

#index_cal{
	padding:1rem;
	width:300px;
	float:right;
}
}

@media print, screen and (min-width: 1200px){
#index_news_wrap{
	padding:130px 0 0 0;
	margin-top:-130px;
}

#index_news_wrap:before{
	background:url(img/index/bg02b.png) no-repeat 0 0;
	height:130px;
}
}

/* ------------------
ギャラリー
------------------ */
#index_gallery{
	background:#fff;
	position:relative;
	background-color:#fff;
	z-index:1;
	padding-bottom:5rem;
}

/* 上部の斜め背景 */
#index_gallery:before{
	content:"";
	display:block;
	width:100%;
	height:80px;
	background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='80'%3E%3Cpolygon fill='%23fff' points='0,80 2400,80 0,0'%3E%3C/polygon%3E%3C/svg%3E");
	background-repeat:no-repeat;
	background-position:50% 50%;
	position:absolute;
	top:-80px;
	left:0;
}

/* 見出し */
#index_gallery .index_h01{
	background:url(img/index/bg03.png) no-repeat 50% 100%;
	background-size:140%;
	padding-top:0.5rem;
}

#index_gallery ul{
	line-height:0;
	text-align:center;
}

#index_gallery li{
	border:4px solid #f88;
	width:100px;
}

@media print, screen and (min-width: 1020px){
#index_gallery{
	padding-top:1rem;
}

#index_gallery .index_h01{
	background-size:1200px;
	padding-top:50px;
}

#index_gallery li{
	width:200px;
}
}

/*eof*/