@charset "utf-8";


@media screen and (min-width: 768px) {
	.sp-only {display: none !important;}
}
@media screen and (max-width: 767px) {
	.pc-only {display: none !important;}
}



/* ----------------------------- オープンキャンパス20210424 */
.p-oc210731 {
	text-align: center;
	position: relative;
}



.kv {
	text-align: center;
	position: relative;
	background: url(../img/oc20211211/kv_bg.png) center top;
	background-size: cover;
}


.kv h1 {
	padding:5.2% 0;
	position: relative;
	z-index: 1;
}

.fes {
	background: rgb(224,179,105);
	background: radial-gradient(circle, rgba(224,179,105,1) 50%, rgba(144,91,45,1) 100%);
	/* background-image: url(../img/oc20211211/live_paint_bg.png);
	background-repeat: repeat-x;
	background-position: center top;
	margin-bottom: 60px; */
	padding: 50px 0 70px;
}


.live__txt {
	margin-top: 30px;
	font-size: 18px;
}
.live__txt strong {
	display: inline-block;
	vertical-align: middle;
	background-color: #40220F;
	color: #fff;
	border-radius: 20px;
	line-height: 1.2;
	box-sizing: border-box;
	padding: 7px 15px;
	margin-right: 10px;
	position: relative;
}

.live__txt span {
	display: inline-block;
	vertical-align: middle;
	font-weight: bold;
	color: #40220F;
}
a.live__btn {
	background-color: #FFF100 !important;
	color: #40220F !important;
}
a.live__btn span {

	background-image: url(../img/oc20211211/arrow_brown.png) !important;
}
.live__note {
	margin-top: 5px;
	margin-bottom: 13px;
	font-size: 16px;
	color: #40220F;
	font-weight: bold;
}

.dep {
	background-color: #40220F;
	padding: 50px 0 0;
	margin-bottom: 40px;
}
.dep .dep2-title {
	/* margin-top: 60px; */
	margin-bottom: 20px;
}
.dep .dep2 {
	background: url(../img/oc20211211/dep_bg.jpg) center top;
	background-color: #fff;
	padding: 70px 0 50px;
	margin-top: 70px;
}

.live__txt.-dep1 strong {
	background-color: #fff;
	color: #40220F;
}

.live__txt.-dep1 span  {
	color: #fff;
}
.live__note.-dep1 {
	color: #fff;
}

.online {
	background: url(../img/oc20210731/online_bg1.png) center;
	padding-top: 20px;
	padding-bottom: 40px;
	margin-bottom: 60px;
}



.two {
	background: url(../img/oc20210731/two_bg1.png) center;
	padding-top: 20px;
	padding-bottom: 40px;
}
.two a.common_btn01 {margin-top: 0;}



.session {
	padding-top: 20px;
	/* margin-bottom: 60px; */
}

#exp02 {
	background: #006934;
    margin-top: 15px;
    padding: 50px 0 50px;
}

/* .l-footer {
	margin-top: 0;
} */

.bus {margin-bottom: 80px;}


a.common_btn01 {
	border-radius: 3px;
	text-align: center;
	color: #fff;
	font-size: 160%;
	font-weight: bold;
	padding: 28px 24px;
	display: block;
	box-sizing: border-box;
	width: 800px;
	margin: 0 auto;
	background-color: #EC9B00;
	margin-top: 30px;
	box-sizing: border-box;

	max-width: 800px;
	width: 100%;
	margin-left: auto !important;
	margin-right: auto !important;
}
a.common_btn01.online {background: #00b1c5;}
a.common_btn01 span {
	display: inline-block;
	*display: inline-block;
	*zoom: 1;
	background: url(../img/oc20211211/arrow.png) no-repeat right center;
	width: 100%;
	line-height:140%;
}


@media screen and (max-width: 767px) {

.kv {
	padding: 15px 0 0;
}

.fes {
	padding: 15px 0 40px;
}


.live__txt {
	margin-top: 10px;
	font-size: 15px;
}
.live__txt strong {
	display: block;
	vertical-align: middle;
	border-radius: 20px;
	line-height: 1.2;
	box-sizing: border-box;
	padding: 7px 15px;
	margin: 0 auto 10px;
	position: relative;
	width: calc(5em + 30px);
}
.live__txt span {
	display: inline-block;
	vertical-align: middle;
}
a.live__btn {
}
a.live__btn span {
}
.live__note {
	margin-top: 2px;
	font-size: 13px;
	margin-bottom: 10px;
}
.two {
	padding-top: 0;
	padding-bottom: 10px;
	background-size: 5px auto;
}
.dep {
	padding: 35px 0 0;
	margin-bottom: 0;
}
.dep .dep2-title {
	margin-bottom: 20px;
}
.dep .dep2 {
	padding: 35px 0 25px;
	margin-top: 30px;
}


.session {margin-bottom: 0; padding-top: 10px; position: relative;}
.session::after {
	content: "";
	position: absolute;
	top: -1px;
	z-index: -1;
	width: 100%;
	height: 30px;
	background-color: #FFE89D;
}


.bus {
	padding-left: 15px;
	padding-right: 15px;
	margin-bottom: 30px;
}
.bus h2 {margin-bottom: 20px;}

a.common_btn01 {
	width: 100%;
	width: calc(100% - 30px);
	border-radius: 3px;
	text-align: center;
	color: #fff;
	font-size: 132%;
	font-weight: bold;
	padding: 15px 10px;
	box-sizing: border-box;
	display: block;
	line-height: 130%;
}

#exp02 {
	margin-top: 30px;
	padding-top: 40px;
	padding-bottom: 40px;
}

}