@charset "utf-8";

/*============================
■ common
============================*/

.display_pc{
	display: initial!important;
}
.display_tb{
	display: none!important;
}
.display_sp{
	display: none!important;
}


/*============================
■ main_nav
============================*/

#main_nav{
	display: inline-block;
	box-sizing: border-box;
	position: fixed;
	top: auto;
	bottom: 2.0rem;
	right: 2.0rem;
	left: auto;
	width: 22.0rem;
	padding: 1.0rem;
	background-color: rgba(255,255,255,0.8);
	border-radius: 50%;
}
#main_nav>a{
	display: block;
	box-sizing: border-box;
	position: relative;
	margin: 0 auto;
	padding: 1.0rem;
	padding-top: 4.0rem;
	width: 20.0rem;
	height: 10.0rem;
	font-size: 2.0rem;
}

#main_nav>a.btn_request{
	border-radius: 50% / 100% 100% 0 0;
	padding: 22px;
}
#main_nav>a.btn_apply{
	border-radius: 50% / 0 0 100% 100%;
	padding: 12px;
}
#main_nav>a.btn_request:hover{
	background: -webkit-linear-gradient(top, #ff3ab7, #b70074);
	background: linear-gradient(to bottom, #ff3ab7, #b70074);
}
#main_nav>a.btn_apply:hover{
	background: -webkit-linear-gradient(top, #eaca4d, #967c17);
	background: linear-gradient(to bottom, #eaca4d, #967c17);
}

.btn_request::before{
	display: block;
	width: 3.0rem;
	height: 3.0rem;
	margin: auto;
	margin-bottom: 1.0rem;
}

.btn_apply::before{
	display: block;
	width: 3.0rem;
	height: 3.0rem;
	margin: auto;
	margin-bottom: 1.0rem;
}

#main_nav ul{
	display: table;
	width: 25.0rem;
	height: 12.0rem;
	margin-bottom: 0;
	margin-right: 22.0rem;
}
#main_nav ul li{
	display: table-cell;
	position: relative;
	width: 50%;
	height: auto;
	margin: 0 auto;
	padding: 0;
	text-align: right;
}

#main_nav ul li a{
	display: block;
	width: 12.0rem;
	height: 12.0rem;
	margin: 0 auto;
	padding: 0;
	font-size: 2.0rem;
	line-height: 11.0rem;
	border-radius: 50%;
	border: 0.5rem solid rgba(255,255,255,.6);
}
#main_nav ul li:first-of-type a{
	margin-left: -0.2rem;
}
#main_nav ul li a:hover{
	background: -webkit-linear-gradient(top, #eaca4d, #967c17);
	background: linear-gradient(to bottom, #eaca4d, #967c17);
}

/*============================
■ header
============================*/
#main_image{
	border-top: 0.5rem solid #7e0009;
	background-color: #7d0b2b;
}
header>h1{
	width: 18.0rem;
}
header>h1>img{
	width: 15.0rem;
	height: auto;
	padding: 3.0rem 4.0rem;
}

#main_image>img{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;

	max-height: 150%;
	margin: auto;
}

@media screen and (min-width: 1500px) {
#main_image>img{
		width: 100%;
		max-height: unset;
		height: auto;
	}
}




#main_image>div#main_box{
	position: absolute;
	bottom: 1.0rem;
	left: 1.0rem;
	width: 88.0rem;
	height: 18.4rem;
	border: 0.1rem solid #fff;
	z-index: 102;
}

#main_image>p{
	display: inline-block;
	box-sizing: border-box;
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 3.0rem 10.0rem;
	font-size: 3.0rem;
	font-family: serif;
	font-weight: 800;
	color: #fff;
	text-align: left;
	line-height: 160%;
	background-color: rgba(183,0,0,0.8);
	z-index: 101;
}

#main_image>p>br:nth-of-type(2){
	display: none;
}


/*============================
■ contents
============================*/

section>h2{
	margin-top: 0;
	padding: 5.0rem;
	font-size: 2.4rem;
	text-align: center;
}
section>h2>span{
	display: block;
	box-sizing: border-box;
	padding: 2.0rem 0;
	font-size: 1.6rem;
}

.content_box{
	padding-bottom: 10.0rem;
}


#content_about>div::before{
	width: 120%;
	height: 290px;
	margin-left: -15%;
	margin-top: 65px;
	background-size: cover;
}


#content_about>div:nth-of-type(1):before{
	transform: rotatez(-6deg);

}
#content_about>div:nth-of-type(2):before{
	transform: rotatez(8deg);
	margin-top: 5px;

}
#content_about>div:nth-of-type(3):before{
	transform: rotatez(-6deg);
}
#content_about>div:nth-of-type(4):before{
	margin-top: 5px;
	transform: rotatez(8deg);
}
#content_about>div:nth-of-type(5):before{

	transform: rotatez(-6deg);
}

#content_about>div>div{
	clear: both;
	margin: 0 auto;
	width: 100.0rem;
	height: 36.0rem;
	background-color: rgba(255,255,255,0.8);
	box-shadow: 0.2rem 0.2rem 0.4rem rgba(0,0,0,0.1);
}

#content_about>div>div>h3{
	display: inline-block;
	box-sizing: border-box;
	position: relative;
	width: 55.0rem;
	margin: 6.0rem 3.0rem;
	margin-bottom: 0;
	height: 10.0rem;
	border-bottom: 1.2rem solid #f8b02d;
}
#content_about>div>div>h3>span{
	display: inline-block;
	box-sizing: border-box;
	position: absolute;
	left: 10.0rem;
	bottom: -1.6rem;
	font-size: 4.0rem;
	line-height: 5.0rem;
}
#content_about>div>div>h3::before{
	content: "";
	display: inline-block;
	box-sizing: border-box;
	position: absolute;
	top: 0;
	left: 0;
	width: 7.5rem;
	height: 10.0rem;
}

#content_about>div>div>p{
	display: inline-block;
	width: 30.0rem;
	padding: 3.0rem;
}
#content_about>div>div>p>img{
	border-radius: 50%;
}
#content_about>div:nth-of-type(odd)>div>p{
	float: left;
}
#content_about>div:nth-of-type(even)>div>p{
	float: right;
}

#content_about>div>div>div.content_more{
	display: inline-block;
	box-sizing: border-box;
	position: relative;
	width: 60.0rem;
	margin: 0 auto;
	padding: 0 1.0rem;
}
#content_about>div>div>div.content_more>p{
	display: block;
	box-sizing: border-box;
	position: relative;
	background-color: transparent;
	margin-top: 2.0rem;
	padding: 2.0rem;
	font-size: 1.6rem;
	box-shadow: none;
}
#content_about>div>div>div.content_more>p::before{
	content: none;
}
#content_about>div>div>span.btn_toggle{
	display: none;
}
#content_about>div>div>span.btn_toggle>img{
	display: none;
}
#content_about>div>div>span.btn_toggle.active::after{
	content: none;
}
#content_about>div>div>span.btn_toggle.active>img{
	display: none;
}


section#content_schoollife{
	background-color: #7e0009;
}

section#content_schoollife>h2,
section#content_schoollife>h2>span{
	color: #fff;
}

#content_schoollife>div{
	text-align: center;
}

#content_schoollife>div>ul{
	display: block;
	box-sizing: border-box;
	position: relative;
	width: 100.0rem;
	height: 25.0rem;
	margin: 0 auto;
	margin-top: -0.3rem;
	padding: 0;
	font-size: 0;
}

#content_schoollife>div>ul>li{
	display: inline-block;
	box-sizing: border-box;
	position: absolute;
	width: 25.0rem;
	height: 25.0rem;
	top: 0;
}

#content_schoollife>div>ul:nth-of-type(1)>li:nth-of-type(1){
	left: 25.0rem;
}
#content_schoollife>div>ul:nth-of-type(1)>li:nth-of-type(2){
	left: 50.0rem;
}
#content_schoollife>div>ul:nth-of-type(1)>li:nth-of-type(3){
	left: 0;
}
#content_schoollife>div>ul:nth-of-type(1)>li:nth-of-type(4){
	left: 75.0rem;
}
#content_schoollife>div>ul:nth-of-type(2)>li:nth-of-type(1){
	left: 25.0rem;
}
#content_schoollife>div>ul:nth-of-type(2)>li:nth-of-type(2){
	left: 50.0rem;
}
#content_schoollife>div>ul:nth-of-type(2)>li:nth-of-type(3){
	left: 75.0rem;
}
#content_schoollife>div>ul:nth-of-type(2)>li:nth-of-type(4){
	left: 0;
}
#content_schoollife>div>ul:nth-of-type(3)>li:nth-of-type(1){
	left: 0;
}
#content_schoollife>div>ul:nth-of-type(3)>li:nth-of-type(2){
	left: 25.0rem;
}
#content_schoollife>div>ul:nth-of-type(3)>li:nth-of-type(3){
	left: 50.0rem;
}
#content_schoollife>div>ul:nth-of-type(3)>li:nth-of-type(4){
	left: 75.0rem;
}
#content_schoollife>div>ul:nth-of-type(4)>li:nth-of-type(1){
	left: 0;
}
#content_schoollife>div>ul:nth-of-type(4)>li:nth-of-type(2){
	left: 25.0rem;
}
#content_schoollife>div>ul:nth-of-type(4)>li:nth-of-type(3){
	left: 75.0rem;
}
#content_schoollife>div>ul:nth-of-type(4)>li:nth-of-type(4){
	left: 50.0rem;
}
#content_schoollife>div>ul:nth-of-type(5)>li:nth-of-type(1){
	left: 25.0rem;
}
#content_schoollife>div>ul:nth-of-type(5)>li:nth-of-type(2){
	left: 0;
}
#content_schoollife>div>ul:nth-of-type(5)>li:nth-of-type(3){
	left: 75.0rem;
}
#content_schoollife>div>ul:nth-of-type(5)>li:nth-of-type(4){
	left: 50.0rem;
}
#content_schoollife>div>ul:nth-of-type(6)>li:nth-of-type(1){
	left: 25.0rem;
}
#content_schoollife>div>ul:nth-of-type(6)>li:nth-of-type(2){
	left: 0;
}
#content_schoollife>div>ul:nth-of-type(6)>li:nth-of-type(3){
	left: 50.0rem;
}
#content_schoollife>div>ul:nth-of-type(6)>li:nth-of-type(4){
	left: 75.0rem;
}

#content_event>div.content_box{
	padding-bottom: 5.0rem;
	text-align: center;
	background-image: url("/img/lp/bak_event_pc.png");
}
#content_event>div.content_box>h3{
	padding-top: 8.0rem;
	padding-bottom: 3.0rem;
	font-size: 3.6rem;
}

#content_event>div.content_box>div.content_body{
	display: inline-block;
	width: 100.0rem;
	margin: 2.0rem;
	font-size: 0;
	box-shadow: 0.2rem 0.2rem 0.4rem rgba(0,0,0,0.1);
}
#content_event>div.content_box>div.content_body>p{
	display: inline-block;
	box-sizing: border-box;
	width: 27%;
	padding: 3.0rem;
	vertical-align: top;
}
#content_event>div.content_box>div.content_body>dl{
	display: inline-block;
	box-sizing: border-box;
	width: 73%;
	padding: 0;
	padding: 3.0rem 3.0rem 3.0rem 0 ;
	font-size: 1.4rem;
	text-align: left;
	vertical-align: top;
}
#content_event>div.content_box>div.content_body>dl>dt{
	padding: 0;
	padding-bottom: 1.0rem;
	font-size: 1.5rem;
}
#content_event>div.content_box>div.content_body>dl>dd{
	margin: 0.5rem 0;
	padding: 1.0rem;
	font-size: 1.3rem;
}
#content_event>div.content_box>div.content_body>dl>dd:nth-of-type(2)>br{
	display: none;
}
#content_event>div.content_box>div.content_body>div{
	padding: 2.0rem;
	padding-top: 0;
}
#content_event>div.content_box>div.content_body>div>a{
	width: 50.0rem;
	padding: 2.0rem 0;
	color: #fff;
	font-size: 2.0rem;
	border-bottom: 0.5rem solid #7d0b2b;
	border-radius: 5.0rem;
}