@charset "utf-8";



/*--

content_kv

====================================================== --*/

#content_kv{
	position:relative;
	z-index:1;
}
#content_kv .slider_kv_item{
	margin:0 0.5rem;
	transition:.3s all;
}
#content_kv .slider_kv_item ._grade{
	position:relative;
	display:block;
}
#content_kv .slider_kv_item ._grade::after{
	content:"";
	position:absolute;
	top:0;
	bottom:0;
	width:100%;
	height:100%;
	background-image:linear-gradient(180deg, transparent 0 83%, var(--c-white) 100% 100%);
}
@media all and (max-width:1100px){
	#content_kv .slider_kv_item{
		margin:0;
	}
	#content_kv .slider_kv_item ._grade::after{
		content:none;
	}
}

/*-- slider --*/

.slider_kv{
	opacity:0;
	transition:opacity .3s linear;
}
.slider_kv.slick-initialized{
	opacity:1;
}

/*-- maintitle --*/

#content_kv .maintitle{
	position:relative;
	text-align:center;
	display:flex;
	align-items:center;
	justify-content:center;
	flex-direction:column;
	line-height:1.1;
	margin-top:-5rem;
	margin-bottom:6rem;
	z-index:2;
	pointer-events:none;
}
#content_kv .maintitle::after{
	position:absolute;
	bottom:-1rem;
	left:0;
	right:0;
	margin:auto;
	content:"";
	width:16rem;
	height:0.7rem;
	background:var(--c-black);
}
#content_kv .maintitle ._main{
	font-size:clamp(3rem, 8.3333vw, 10rem);
}
#content_kv .maintitle ._sub{
	font-size:clamp(7rem, 13.3333vw, 16rem);
}
@media all and (max-width:1100px){
	#content_kv .maintitle{
		margin-top:1rem;
		margin-bottom:3rem;
	}
	#content_kv .maintitle::after{
		bottom:-1rem;
		width:10rem;
		height:0.4rem;
	}
}



/*--

content_about

====================================================== --*/

.content_about_inner{
	width:100%;
	max-width:82.8rem;
	margin:0 auto;
	padding:0 1.4rem;
}
#content_about .subtitle{
	font-size:clamp(2rem, 3.6666vw, 4.4rem);
	font-weight:700;
	text-align:center;
	margin-bottom:2rem;
}
#content_about .sentence,
#content_about .bgimage{
	margin-bottom:5rem;
}
#content_about .bgimage{
	display:block;
}
@media all and (max-width:1100px){
	#content_about .subtitle{
		text-align:left;
		margin-bottom:1rem;
	}
	#content_about .sentence,
	#content_about .bgimage{
		margin-bottom:3rem;
	}
}



/*--

content_news

====================================================== --*/

#content_news{
	background:var(--c-yellow2);
	padding-top:3rem;
	padding-bottom:3rem;
}
#content_news .dl_news{
	display:flex;
	flex-wrap:wrap;
	width:100%;
	overflow:auto;
	gap:1rem 5rem;
	max-height:10rem;
	padding-right:1em;
}
#content_news .dl_news dt{
	width:15%;
}
#content_news .dl_news dd{
	width:calc(85% - 5rem);
}
#content_news .dl_news dd a{
	color:var(--c-blue);
}
#content_news .dl_news dd a[target="_blank"]{
	position:relative;
	text-indent:0;
}
#content_news .dl_news dd a[target="_blank"]::after{
	font-family:'icon' !important;
	speak:never;
	font-style:normal;
	font-weight:normal;
	font-variant:normal;
	text-transform:none;
	line-height:1;
	content:"\e903";
	display:inline-block;
	font-size:100%;
	margin-left:.5em;
}
@media all and (max-width:750px){
	#content_news .dl_news{
		display:flex;
		flex-wrap:nowrap;
		flex-direction:column;
		width:100%;
		gap:0;
		max-height:20rem;
	}
	#content_news .dl_news dt{
		width:100%;
		margin-top:1rem;
	}
	#content_news .dl_news dd{
		width:100%;
	}
}



/*--

content_community

====================================================== --*/

#content_community{
	position:relative;
	padding-top:6rem;
	padding-bottom:6rem;
}
@media all and (max-width:750px){
	#content_community{
		padding-top:3rem;
		padding-bottom:3rem;
	}
}



/*--

content_content

====================================================== --*/

#content_content{
	position:relative;
	padding-top:6rem;
	padding-bottom:6rem;
}
@media all and (max-width:750px){
	#content_content{
		padding-top:3rem;
		padding-bottom:3rem;
	}
}



/*--

content_operation

====================================================== --*/

#content_operation{
	padding-top:6rem;
	padding-bottom:6rem;
}
@media all and (max-width:750px){
	#content_operation{
		padding-top:3rem;
		padding-bottom:3rem;
	}
}











