@charset "UTF-8";


/*----------------------------------------
	wrapper
-----------------------------------------*/
.campus_wrap{
	margin: 0 auto;
	background: url("../img/campus_bg.jpg") no-repeat top center #ffe036;
	padding: 0 0 0 0;
}


/*----------------------------------------
	main_ttl
-----------------------------------------*/

.mainttlset{
	position: relative;
}


.main_ttl{
	position: absolute;
	text-align: center;
	margin: 0 auto;
	left:0;
	right: 0;
	width: 400px;
}


/*----------------------------------------
	voice
-----------------------------------------*/
.voice{
	padding: 0 0 10% 0;
}
.voice .voice_under{
	margin: 0 auto;
	background:#55cb8a;
	border:#2ca562 5px solid;
	border-radius: 100px;
	padding: 7% 10%;
	margin-bottom: 10%;
}
.voice .voice_graduate{
	margin: 0 auto;
	background:#ffa800;
	border:#ea7900 5px solid;
	border-radius: 100px;
	padding: 7% 10%;
}
.voice h3{
	font-weight: 700;
	font-size: 5.0rem;
	color: #fff;
	text-align: center;
	background: url("../img/campus_h3line.png")no-repeat bottom center;
	margin-bottom: 7%;
}
.voice .voice_ttl{
	display: flex;
	align-items: center;
}
.voice .sec{
	margin-top: 15%;
}
.voice .voice_ttl .pic{
	margin-right: 30px;
}
.voice .voice_ttl dd{
	font-weight: 700;
	color: #fff;
	line-height: 1.7;
	margin-top: 10px;
}
.voice .voice_ttl dd em{
	font-size: 3.0rem;
}
.voice .qa{
	margin-top: 5%;
}
.voice .qa dt{
	border-radius: 30px 30px 0 0;
	padding: 20px 40px;
	font-weight: 700;
	font-size: 2.0rem;
}
.voice .qa dd{
	background:#fff;
	border-radius:0 0 30px 30px;
	padding: 20px 40px;
}
.voice .voice_under .qa dt{
	background:#d5f4e3;
}
.voice .voice_graduate .qa dt{
	background:#fff1d5;
}

/*----------------------------------------
	kaban
-----------------------------------------*/
.kaban{
	margin: 0 auto;
	background: url("../img/campus_kaban_bg.jpg") no-repeat top center #8fe0b3;
	padding: 10% 0;
}
.kaban .kaban_innner{
	margin: 0 auto;
	background: url("../img/campus_kaban_illbg01.png") no-repeat top center ,url("../img/campus_kaban_illbg02.png") no-repeat bottom center #fff1d5;
	padding: 10% ;
	border-radius: 100px;
	text-align: center;
}

.kaban .kaban_innner .nakami{
	margin: 7% auto;
	padding:0 0 7% 0;
	background: url("../img/campus_kaban_line.png") repeat-x bottom center;
}
.kaban .kaban_innner .nakami_last{
	padding:0 0 15% 0;
}

/*----------------------------------------
	oneday
-----------------------------------------*/
.oneday{
	margin: 0 auto;
	background: url("../img/campus_one_bg.jpg") no-repeat top center #ffa800;
	padding: 10% 0;
}
.oneday .ttl{
	margin: 0 auto;
	text-align: center;
	padding: 5% 0;
}
.oneday .vol{
	margin: 0 auto;
	text-align: center;
	padding: 5% 0;
}
.oneday .sch{
	display: flex;
	justify-content: center;
}
.oneday .sec{
	margin: 10% auto 0 auto;
}
.oneday .sch li{
	padding:0 1.5%;
}

/*----------------------------------------
	event
-----------------------------------------*/

.event{
	margin: 0 auto;
	padding:10% 0;
	background: #f8f8ec;
}
.event h3{
	padding:15px 30px;
	border-radius: 50px;
	text-align: center;
	font-size: 2.4rem;
	font-weight: 700;
	line-height:1;
	border:3px solid #dcdcce;
	margin-bottom: 5%;
	background: #fff;
}
.event p{
	margin-bottom: 5%;
}

.event .event_dt .green{
	background: #55cb8a;
	display: flex;
	border-radius: 30px 30px 0 0;
	border-bottom:1px #d4d4d4 solid ;
}
.event .event_dt .green dd{
	font-weight: 700;
}
.event .event_dt dt{
	padding: 10px 20px;
	border-right:1px #d4d4d4 solid ;
	width:  140px;
	font-weight: 700;
}
.event .event_dt dd{
	padding: 10px 20px;
	flex: 1;
}
.event .event_dt dl{
	background: #fff;
	display: flex;
	border-bottom:1px #d4d4d4 solid ;
}
.event .event_dt dl:last-of-type{
	border-radius: 0 0 30px 30px;
	border-bottom:none ;
}

.comm{
	margin: 0 auto;
	padding:10% 0 0 0;
}
.comm_dt{
	display: flex;
	justify-content: space-between;
}
.comm_dt dl{
	width: 31%;
	border: #55cb8a 5px solid;
	border-radius: 36px;
	background: #fff;
}
.comm_dt dl.orange{
	border: #ffa800 5px solid;
}
.comm_dt dl.blue{
	border: #80deff 5px solid;
}
.comm_dt dt{
	background: #55cb8a;
	border-radius: 30px 30px 0 0;
	padding: 10px;
	font-weight: 700;
	font-size: 2.0rem;
	text-align: center;
}
.comm_dt .orange dt{
	background: #ffa800;
}
.comm_dt .blue dt{
	background: #80deff;
}
.comm_dt dd{
	padding: 5% 7%;
}
/*media Queries スマートフォンサイズ（768px以下）で適応したいCSS - スマホ
---------------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 1000px) {
	

}

/*media Queries スマートフォンサイズ（768px以下）で適応したいCSS - スマホ
---------------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 768px) {

	

/*----------------------------------------
	wrapper
-----------------------------------------*/
.campus_wrap{
	margin: 0 auto;
	background: url("../img/campus_bg_sp.jpg") no-repeat top 30px center #ffe036;
	background-size: 100%;
}


/*----------------------------------------
	main_ttl
-----------------------------------------*/

.mainttlset{
	position: relative;
	margin-bottom: 10%;
}
.main_ttl{
	position: relative;
	width: auto;
}
.cmn_ttl .ttl{
	width: 70%!important;
}

/*----------------------------------------
	voice
-----------------------------------------*/
.voice{
	padding: 0 0 20% 0;
}
.voice .voice_under{
	border:#2ca562 3px solid;
	border-radius: 30px;
	padding: 10% 7% 20% 7%;
	margin-bottom: 10%;
}
.voice .voice_graduate{
	border:#ea7900 3px solid;
	border-radius: 30px;
	padding: 10% 7% 20% 7%;
}
.voice h3{
	font-weight: 700;
	font-size: 3.0rem;
	line-height: 3;
	margin-bottom: 15%;
}
.voice .voice_ttl{
	display: block;
	margin-bottom: 10%;
}
.voice .sec{
	margin-top: 15%;
}
.voice .voice_ttl .pic{
	margin: 0 auto 7% auto;
	width: 70%;
	text-align: center;
}
.voice .voice_ttl .small{
	margin: 0 auto;
	width: 70%;
	text-align: center;
}
.voice .voice_ttl dd{
	text-align: center;
}
.voice .voice_ttl dd em{
	font-size: 2.0rem;
}
.voice .qa{
	margin-top: 5%;
}
.voice .qa dt{
	border-radius: 20px 20px 0 0;
	padding: 10px 20px;
	font-weight: 700;
	font-size: 1.4rem;
}
.voice .qa dd{
	background:#fff;
	border-radius:0 0 20px 20px;
	padding: 10px 20px;
}
.voice .voice_under .qa dt{
	background:#d5f4e3;
}
.voice .voice_graduate .qa dt{
	background:#fff1d5;
}
	
/*----------------------------------------
	kaban
-----------------------------------------*/
.kaban{
	margin: 0 auto;
	background: url("../img/campus_kaban_bg.jpg") no-repeat top center #8fe0b3;
	padding: 20% 0;
	background-size: 100%;
}
.kaban .kaban_innner{
	margin: 0 auto;
	background: url("../img/campus_kaban_illbg01.png") no-repeat top center ,url("../img/campus_kaban_illbg02.png") no-repeat bottom center #fff1d5;
	padding:20% 10% ;
	border-radius: 30px;
	text-align: center;
	background-size: 90%;
}
.kaban .kaban_innner .ttl{
	margin:10% auto 0 auto;
}

.kaban .kaban_innner .nakami{
	margin:10% auto 20% auto;
	padding:0 0 20% 0;
	background: url("../img/campus_kaban_line.png") repeat-x bottom center;
}
.kaban .kaban_innner .nakami_last{
	margin:10% auto 0 auto;
	padding:0 0 20% 0;
}
		
/*----------------------------------------
	oneday
-----------------------------------------*/
.oneday{
	padding:15% 0 20% 0;
	background-size: 100%;
}
.oneday .ttl{
	margin: 0 auto;
	text-align: center;
	padding: 5% 0;
}
.oneday .vol{
	padding: 5% 0 10% 0;
}
.oneday .vol img{
	width: 70%;
}
.oneday .sch{
	display: block;
}
.oneday .sec{
	margin: 10% auto 0 auto;
}
.oneday .sch li{
	padding:0 0 10% 0;
}	
	
/*----------------------------------------
	event
-----------------------------------------*/

.event{
	margin: 0 auto;
	padding:20% 0;
}
.event h3{
	font-size: 1.6rem;
	margin-bottom: 7%;
}
.event p{
	margin-bottom: 7%;
}

.event .event_dt .green{
	background: #55cb8a;
	display: flex;
	border-radius: 30px 30px 0 0;
	border-bottom:1px #d4d4d4 solid ;
}
.event .event_dt .green dd{
	font-weight: 700;
}
.event .event_dt dt{
	width:  46px;
}

.comm{
	padding:20% 0 0 0;
}
.comm_dt{
	display: block;
}
.comm_dt dl{
	width: auto;
	border: #55cb8a 3px solid;
	border-radius: 24px;
	margin-bottom: 10%;
}
.comm_dt dl.orange{
	border: #ffa800 3px solid;
}
.comm_dt dl.blue{
	border: #80deff 3px solid;
	margin-bottom: 0%;
}
.comm_dt dt{
	border-radius: 20px 20px 0 0;
	font-size: 1.6rem;
}

}/*解像度768px以下*/