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

/* ==============================================================
   # 01.タイトル画像
   ============================================================== */

/* 全画面表示しない */

#kv .bg01{
	background-image: url(../imgs/bg_sp.jpg);
	background-position: top center;
	background-size: cover;
	text-align:center;	
	padding:0;
}
#kv .bg02{
/*	background-image: url(../imgs/hana.png);
	background-repeat: no-repeat;
	background-position:top center;
	background-size: auto;*/
	padding:2rem 0;
}

#kv .bg01 img{
	margin:0 auto;
}

@media (min-width: 769px) {
	#kv .bg01{
		background-image: url(../imgs/bg.jpg);
		background-repeat:no-repeat;
		background-position:top center;
		background-size: cover;
		padding:0;
	}
	#kv .bg02{
/*		background-image: url(../imgs/hana.png);
		background-repeat: no-repeat;
		background-position:top center;
		background-size: auto;*/
		padding:0;
	}	
}


/* ==============================================================
   # 02.申し込みフォームボタン
   ============================================================== */

section.inquiry{
	padding:5rem 0 3rem 0;
	text-align:center;
}

@media (min-width: 769px) {
	section.inquiry{
		padding:5rem 0 4.0rem 0;
	}
}

.present{
	max-width:460px;
	margin:auto;
	width: 100%;
	vertical-align: bottom;
}

section.inquiry a{
	max-width:460px;
	background-color:#F23C4E;
	display:block;
	color:#fff;
	font-size:16px;
	/*font-weight:bold;*/
	margin:0 auto;
	line-height:1;
	padding:35px 15px 32px 15px;
	box-sizing:border-box;
	text-decoration:none;
	border-radius:4px;
	margin-bottom:2rem;
}

@media (min-width: 480px) {
	section.inquiry a{
		font-size:18px;
	}
}

section.inquiry a i{
	background:url(../imgs/icon.png) no-repeat left center;
	background-size:20px;
	width:20px;
	height:20px;
	display:inline-block;
	margin-right:7px;
	vertical-align:top;
}

section.inquiry .bus_text{
	margin-top:15px;
	color:#F23A4C;
	font-size:18px;
	font-weight:bold;
	position:relative;
}

section.inquiry .bus_text:before{
	content: "";
	position: absolute;
	width:3px;
	height:19px;
	background-color:#F23A4C;
	left: -20px;
	top: 2px;
	z-index: 2;
	transform: rotate(-25deg);
}

section.inquiry .bus_text:after{
	content: "";
	position: absolute;
	width:3px;
	height:19px;
	background-color:#F23A4C;
	right: -20px;
	top: 2px;
	z-index: 2;
	transform: rotate(25deg);
}

/* ==============================================================
   # 03.プログラム・体験内容
   ============================================================== */
h2 span{
	font-family: 'Pattaya', sans-serif;
	font-size: 280%;
	font-weight: normal;
	letter-spacing: 2px;
}

.program{
	background-color:#FAEEED;
	padding-top:4rem;
}

@media (min-width: 768px) {
	.program{
		padding-top:5rem;
	}	
}

/* 当日の流れ */

.program .flow{
	margin:3rem 0 2rem 0;
}	

@media (max-width: 768px) {
	.program .flow li{
		background-color:#392B2E;
		text-align:center;
		color:#FFF;
		border-radius:4px;
		padding:20px 10px;
		width:100%;
		box-sizing:border-box;
		position: relative;
		margin-bottom:30px;
	}	
	
	.program .flow li:after{
		content: "";
		border: 8px solid transparent;
		border-top: 11px solid #F3B5B1;
		position: absolute;
		left: 48%;
		bottom: -30px;
		z-index: 2;
	}
}

@media (min-width: 769px) {
	.program .flow{
		display:flex;
		justify-content:space-between;
	}
	
	.program .flow li{
		font-size:1.5rem;
		display:flex;
		align-items:center;	
		height:auto;
		background-color:#392B2E;
		text-align:center;
		color:#FFF;
		border-radius:4px;
		padding:17px 10px;
		width:18%;
		box-sizing:border-box;
		position: relative;
		margin-bottom:0;
	}	
	
	.program .flow li:after{
	content: "";
	border: 8px solid transparent;
	border-left: 11px solid #F3B5B1;
	position: absolute;
	right: -15%;
	bottom: 40%;
	z-index: 2;
	}	
}

.program .flow li span{
	margin:0 auto;
}

.program .flow li span.caption{
	display:block;
	margin-top:5px;
	font-size:12px;
}

/*.program .flow li:nth-child(3){
	background-color:#e86963;
}*/

.program .flow li:last-child{
	margin-bottom:0;
	line-height:1.4;
}

.program .flow li:last-child:after{
	display:none;
}

/* 6つの体験メニュー */

.program .taiken{
	display:flex;
	flex-wrap:wrap;
	margin-top: 5rem;
}

.program .taiken div{
	color:#FFF;
	/*text-align:center;*/
}

.program .taiken div p{
	margin:0;
	padding:2rem;
	font-size:1.4rem;
	line-height:1.5;
}

.program .taiken .photo{
	width:100%;
}

.program .taiken .job{
	height:22px;
	width:auto;
	margin-bottom:4px;
}

@media (min-width: 640px) {
	.program .taiken .job{
		height:30px;
		margin-bottom:0;
	}	
	.program .taiken div{
		width:50%;
	}
	.program .taiken div p{
		padding:2rem;
		line-height:1.6;
	}
}

.course01{ background-color:#43AF9F; }
.course02{ background-color:#BA63A5; }
.course03{ background-color:#F16D82; }
.course04{ background-color:#FC9727; }
.course05{ background-color:#449F48; }
.course06{ background-color:#2c78c3; }
.course07{ background-color:#7ac747; }
.course08{ background-color:#35ace2; }



/* ==============================================================
   # 04.オープンキャンパス参加のメリット
   ============================================================== */

.merit{
	background-color:#FAEEED;
	padding:4rem 0 0 0;
}

@media (min-width: 768px) {
	.merit{
		padding:5rem 0 0 0;
	}
}

.merit ul{
	margin:0;
	padding: 0;
}

.merit li span.icon{
	font-family: 'Pattaya', sans-serif;
	font-size:14px;
	margin: 0 0 7px 0;
	font-weight: normal;
	letter-spacing: 1px;
	display: inline-block;
	padding: 5px 15px;
	color: #fff;
	border-radius: 16px;
}

@media (min-width: 768px) {
	.merit li span.icon{
		padding: 5px 15px;
    color: #fff;
    border-radius: 16px;
    margin: 0 15px 0 0;
    font-size: 16px;
    display: inline;
	}
}

.merit li{
	list-style: none;
	margin:0;
	padding:10px 0;
	font-weight: bold;
	border-bottom: 1px dotted #aaa;
	font-size:110%;
	line-height: 1.4;
}
@media (min-width: 768px) {
	.merit li{
		padding: 0 0 20px 0;
		margin: 0 0 20px 0;
		font-size:120%;
		font-weight: bold;
	}
}
.merit li:last-child{
	margin-bottom:0;
}
.merit_box{
	width: 100%;
	position: relative;
}

.merit li:nth-of-type(1) span.icon{	background-color: #de4545;}
.merit li:nth-of-type(2) span.icon{	background-color: #3390c6;}
.merit li:nth-of-type(3) span.icon{	background-color: #26ab68;}
.merit li:nth-of-type(4) span.icon{	background-color: #9942b5;}
.merit .image {
position: absolute;
	right: 30px;
	top:-20px;
}

.merit .image{display: none;}

@media (min-width: 800px) {
	.merit .image{
		width:20%;
		height: auto;
		display: block;
	}
}

/* ==============================================================
   # 05.オープンキャンパスサポート
   ============================================================== */

.support{
	background-color:#FAEEED;
	padding:4rem 0;
}

@media (min-width: 768px) {
	.support{
		padding:5rem 0;
	}
}


/* ==============================================================
   # 06.フッター
   ============================================================== */

footer{
	background-color:#392B2E;
	padding:3rem 0;
	color:#FFF;
	font-size:1.4rem;
	text-align:center;
}

footer a:link{ color:#fff; }
footer a:visited{ color:#fff; }
footer a:hover{ color:#fff; }

#copyright{
	text-align:center;
	padding:15px 0;
	font-size:12px;
}