@charset "utf-8";



/*-- 

common_main

====================================================== --*/

/*-- content --*/

.content_base{
	position:relative;
	padding:10rem 3rem;
	overflow:hidden;
	transition:padding .2s;
}
.content_inner{
	max-width:120rem;
	width:100%;
	margin:0 auto;
	transition:max-width .2s;
}
.content_inner > *{
	margin-bottom:6rem;
}
.content_spacer > *{
	margin-bottom:3rem;
}
.content_spacer_small > *{
	margin-bottom:2rem;
}
.content_inner > *:last-child{
	margin-bottom:0;
}
.content_base._wide{
	padding:0;
}
.content_base._wide .content_inner{
	max-width:100%;
}
/* tb */
@media screen and (max-width:835px){
	.content_base{
		padding:8rem 2rem;
	}
	.content_inner > *{
		margin-bottom:4.5rem;
	}
	.content_spacer > *{
		margin-bottom:2.5rem;
	}
	.content_spacer_small > *{
		margin-bottom:1.5rem;
	}
}
/* sp */
@media screen and (max-width:767px){
	.content_base{
		padding:6rem 1.6rem;
	}
	.content_inner > *{
		margin-bottom:3rem;
	}
	.content_spacer > *{
		margin-bottom:2rem;
	}
	.content_spacer_small > *{
		margin-bottom:1rem;
	}
	.content_inner > *:last-child,
	.content_spacer > *:last-child,
	.content_spacer_small > *:last-child{
		margin-bottom:0;
	}
}

/*-- content_sec --*/

#common_main{
	display:block;
	/*padding-top:9rem;*/
}
/* sp */
@media screen and (max-width:1000px){
	#common_main{
		/*padding-top:8rem;*/
	}
}

#content_sec{
	padding-top:25rem;
	background:var(--c-bg-grade-black3);
}

/*-- content_sec_title --*/

.content_sec_inner{
	max-width:126rem;
	width:100%;
	margin:0 auto;
	padding:0 3rem;
	transition:max-width .2s;
}
._sectitle{
	font-size:6rem;
	line-height:1.5;
}
/* tb */
@media screen and (max-width:835px){
	#content_sec{
		padding-top:20rem;
	}
	._sectitle{
		font-size:4rem;
	}
}
/* sp */
@media screen and (max-width:767px){
	#content_sec{
		padding-top:15rem;
	}
	._sectitle{
		font-size:3rem;
	}
	.content_sec_inner{
		padding:0 1.6rem;
	}
}

/*-- bg --*/

.bg_main{background:var(--c-main)!important;}
.bg_sub{background:var(--c-sub)!important;}
.bg_sub2{background:var(--c-sub2)!important;}
.bg_sub3{background:var(--c-sub3)!important;}
.bg_white{background:var(--c-white)!important;}
.bg_black{background:var(--c-black)!important;}
.bg_black-10{background:var(--c-black-10)!important;}
.bg_black-20{background:var(--c-black-20)!important;}
.bg_black-30{background:var(--c-black-30)!important;}
.bg_black-40{background:var(--c-black-40)!important;}
.bg_black-50{background:var(--c-black-50)!important;}
.bg_black-60{background:var(--c-black-60)!important;}
.bg_black-70{background:var(--c-black-70)!important;}
.bg_black-80{background:var(--c-black-80)!important;}
.bg_black-90{background:var(--c-black-90)!important;}
.bg_gray{background:var(--c-gray)!important;}
.bg_gray2{background:var(--c-gray2)!important;}
.bg_blue{background:var(--c-blue)!important;}
.bg_purple{background:var(--c-purple)!important;}
.bg_main-grade{background:var(--c-main-grade)!important;}
.bg_main-grade2{background:var(--c-main-grade2)!important;}
.bg_grade-black{background:var(--c-bg-grade-black)!important;}
.bg_grade-black2{background:var(--c-bg-grade-black2)!important;}
.bg_grade-black3{background:var(--c-bg-grade-black3)!important;}
.bg_grade-black4{background:var(--c-bg-grade-black4)!important;}
.bg_grade-deepgreen{background:var(--c-bg-grade-deepgreen)!important;}
.bg_grade-deepred{background:var(--c-bg-grade-deepred)!important;}
.bg_grade-deepblue{background:var(--c-bg-grade-deepblue)!important;}

/*-- bg_dtfk_link --*/

.bg_dtfk::before{
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	margin:auto;
	content:"";
	background:url("../img/bg_dtfk.png") no-repeat;
	background-size:contain;
	width:60rem;
	height:60rem;
	z-index:0;
	opacity:0.6;
	animation:random-float 20s ease-in-out infinite;
}

/*-- bg_movie --*/

#bg_movie{
	position:fixed;
	left:0;
	right:0;
	top:0;
	bottom:0;
	z-index:-1;
}
#bg_movie_image{
	width:100vw;
	height:100vh;
	object-fit:cover;
	opacity:0;
	transition:opacity 0.5s ease;
	will-change:transform;
	transform:translateZ(0);
}
#bg_movie_image.is-playing{
	opacity:1;
}
#bg_movie::before{
	content:"";
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:1;
	background-color:var(--c-black-30);
}
/* sp */
@media screen and (max-width:835px){
	#bg_movie_image{
		width:auto;
		height:100vh;
		object-fit:cover;
		object-position:center;
		position:absolute;
		top:0;
		left:50%;
		transform:translate(-50%, -50%);
	}
	.page-top #bg_movie_image{
		top:50%;
	}
}

/* bg_line */

.bg_line::before{
	content:"";
	height:0.2rem;
	width:100%;
	background:var(--c-sub-dark-grade);
	position:absolute;
	top:0;
	left:0;
	right:0;
	margin:auto;
}
/* sp */
@media screen and (max-width:767px){
	.bg_line::before{
		height:0.3rem;
	}
}

/* shadow */

._shadow{
	box-shadow:0 0 2rem 0 var(--c-black-10);
}

/* border-radius */

._br20{
	border-radius:2rem;
}

/*-- anc --*/

.anc_base{
	font-size:0.1rem;
	position:absolute;
	top:-10rem;
	left:0;
}
/* sp */
@media screen and (max-width:767px){
	.anc_base{
		top:-7rem;
		left:0;
	}
}



/*-- 

common_header

====================================================== --*/

#common_header{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	z-index:10;
	display:flex;
	align-items:center;
	justify-content:space-between;
	padding:1.5rem 4rem;
	min-height:9rem;
	transition:.3s;
}
body::after{
	content:"";
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:5;
	height:20rem;
	background:var(--c-bg-grade-black2);
}
/*
.fixed #common_header{
	background:var(--c-black-50);
	backdrop-filter:blur(5px);
}
*/
#common_header ._title{
	width:30rem;
}
#common_header ._title a{
	line-height:1;
	display:block;
}
/* tb */
@media screen and (max-width:835px){
	#common_header{
		padding-left:3rem;
	}
}
/* sp */
@media screen and (max-width:767px){
	#common_header{
		padding:0;
		padding-left:2rem;
		min-height:6rem;
	}
	#common_header ._title{
		width:24rem;
	}
	body::after{
		height:10rem;
	}
}

/*-- menu --*/

#gnh{
	display:flex;
	align-items:center;
}
#gnh_menu{
	position:absolute;
	top:2rem;
	right:2rem;
	z-index:1000;
	background:var(--c-main-grade);
	width:5rem;
	height:5rem;
	border-radius:999.9rem;
	cursor:pointer;
	display:none;
	transition:.2s;
}
#gnh_menu.active:hover{
	opacity:1;
}
#gnh_menu,
.gnh_menu_txt{
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}
#gnh_menu::before,
.gnh_menu_txt,
#gnh_menu::after{
	display:block;
	transition:all .3s;
	position:absolute;
	left:1.5rem;
	width:1.8rem;
	height:0.2rem;
	background-color:var(--c-white);
}
#gnh_menu::before{
	content:"";
	top:1.8rem;
}
.gnh_menu_txt{
	top:2.4rem;
}
#gnh_menu::after{
	content:"";
	top:3.0rem;
	width:1.5rem;
}
#gnh_menu:hover{
	opacity:1;
}
/* active */
#gnh_menu.active::before,
#gnh_menu.active::after{
	top:2.4rem;
	left:1.5rem;
}
#gnh_menu.active::before{
	transform:rotate(45deg);
}
#gnh_menu.active .gnh_menu_txt{
	opacity:0;
}
#gnh_menu.active::after{
	transform:rotate(-45deg);
	width:1.8rem;
}
/* sp */
@media screen and (max-width:767px){
	#gnh_menu{
		top:0.8rem;
		right:0.8rem;
		width:4.4rem;
		height:4.4rem;
	}
	#gnh_menu::before,
	.gnh_menu_txt,
	#gnh_menu::after{
		left:1.3rem;
		width:1.6rem;
	}
	#gnh_menu::before{
		content:"";
		top:1.6rem;
	}
	.gnh_menu_txt{
		top:2.2rem;
	}
	#gnh_menu::after{
		content:"";
		top:2.8rem;
		width:1.6rem;
	}
	#gnh_menu:hover{
		opacity:1;
	}
	/* active */
	#gnh_menu.active::before,
	#gnh_menu.active::after{
		top:2.05rem;
		left:1.35rem;
	}
	#gnh_menu.active::after{
		width:1.6rem;
	}
}

/*-- gnh_pc --*/

.gnh_pc .main-menu{
	display:flex;
	align-items:stretch;
	justify-content:center;
	gap:4rem;
}
.gnh_pc .main-menu a{
	position:relative;
	font-size:1.6rem;
	font-weight:600;
	text-decoration:none;
	display:block;
}
.gnh_pc .main-menu a:hover{
	opacity:0.7;
}
.gnh_pc .main-menu > li > a:hover::before{
	content:"";
	position:absolute;
	bottom:-2rem;
	left:-50%;
	width:200%;
	height:3rem;
}

/* second */

.gnh_pc .main-menu > li > .sub-menu{
	display:none;
	opacity:0;
	transition:.3s;
	position:absolute;
	background:var(--c-black);
	overflow:hidden;
	box-shadow:0 0 4rem 2rem rgba(255,255,255,0.2);
	border-radius:1rem;
	margin:2rem 0 0 -15rem;
	width:30rem;
}
.gnh_pc .main-menu > li:hover > a + .sub-menu{
	display:block!important;
	animation:menuslidedown .3s ease 0s forwards;
}
@keyframes menuslidedown{
	from{
		opacity:0;
	}
	to{
		opacity:1;
	}
}
.gnh_pc .main-menu > li > .sub-menu > li{
	border-bottom:0.1rem solid var(--c-white-20);
}
.gnh_pc .main-menu > li > .sub-menu > li:last-child{
	border-bottom:none;
}
.gnh_pc .main-menu > li > .sub-menu > li > a{
	line-height:1.5;
	padding:2rem;
	display:flex;
	align-items:center;
	justify-content:space-between;
}
.gnh_pc .main-menu > li > .sub-menu .sub-menu{
	display:block!important;
}
.gnh_pc .main-menu > li > .sub-menu .sub-menu a{
	line-height:1.5;
	position:relative;
	padding:2rem;
	padding-left:4rem;
}
.gnh_pc .sub-menu a:hover{
	background:var(--c-white-20);
}

/*-- gnh_nav_spmenu --*/

.gnh_nav_spmenu{
	position:absolute;
	top:0;
	right:0;
	z-index:-1;
	transition:opacity .3s;
	opacity:0;
}
.gnh_nav_spmenu.active{
	opacity:1;
	z-index:1;
}
.gnh_nav_spmenu{
	width:100%;
	height:100%;
}
.gnh_nav_spmenu_inner{
	position:absolute;
	top:0;
	right:-100%;
	width:100%;
	height:100vh;
	z-index:-1;
	transition:.3s;
}
.gnh_nav_spmenu_inner a{
	pointer-events:none;
}
.active .gnh_nav_spmenu_inner{
	right:0;
	background:var(--c-black);
	z-index:100;
}
.active .gnh_nav_spmenu_inner a{
	pointer-events:auto;
}

/*-- gnh_sp --*/

.gnh_sp{
	height:100dvh;
	overflow:auto;
	-webkit-overflow-scrolling:touch;
	padding-bottom:10rem;
}
.gnh_sp .main-menu{
	padding:0;
	padding-top:9rem;
}
.gnh_sp .main-menu a{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:1rem;
	width:100%;
	text-decoration:none;
	padding:2rem;
	position:relative;
	font-size:1.5rem;
	font-weight:600;
}
.gnh_sp .main-menu > li > a{
	border-top:0.1rem solid var(--c-white-20);
}
.gnh_sp .main-menu > li:last-child > a{
	border-bottom:0.1rem solid var(--c-white-20);
}
.gnh_sp .main-menu > li > .has-child::before,
.gnh_sp .main-menu > li > .has-child::after{
	content:"";
	display:inline-block;
	width:1.6rem;
	height:0.2rem;
	background-color:var(--c-white);
	position:absolute;
	right:2rem;
	top:50%;
	transform:translateY(-50%);
	transition:opacity .3s;
}
.gnh_sp .main-menu > li > .has-child::after{
	transform:translateY(-50%) rotate(90deg);
	transition:transform .3s;
}
.gnh_sp .main-menu > li > .is-open::before{
	opacity:0;
}
.gnh_sp .main-menu > li > .is-open::after{
	transform:translateY(-50%) rotate(180deg);
}
.gnh_sp .main-menu > li > .sub-menu{
	display:none;
}
.gnh_sp .main-menu > li .sub-menu{
	padding-left:2rem;
}
.gnh_sp .main-menu > li > .sub-menu a{
	position:relative;
}
.gnh_sp_copyright{
	padding:2rem;
	margin-top:2rem;
}
.gnh_sp_copyright ._logo{
	width:10rem;
	margin-bottom:2rem;
}
.gnh_sp_copyright ._copyright{
	font-size:1.3rem;
	text-align:center;
}
/* tb */
@media screen and (max-width:1000px){
	#gnh_menu{
		display:block;
	}
	.gnh_nav{
		display:none;
	}
}
/* sp */
@media screen and (max-width:767px){
	.active .gnh_nav_spmenu_inner{
		max-width:100%;
	}
	.active .gnh_nav_spmenu_inner{
		box-shadow:0 0 0 rgba(0,0,0,0);
	}
	.select_lang li::after{
		margin:0 1.5rem;
	}
}



/*-- 

pagetop

====================================================== --*/

#pagetop{
	position:fixed;
	right:2rem;
	bottom:2rem;
	display:none;
	align-items:center;
	justify-content:center;
	background:var(--c-black);
	box-shadow:0 0 4rem 1rem rgba(255,255,255,0.4);
	width:5rem;
	height:5rem;
	z-index:-1;
	opacity:0;
	border-radius:999.9rem;
	transition:all .3s;
}
#pagetop span{
	position:absolute;
	width:5rem;
	height:5rem;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}
#pagetop::before{
	content:"";
	display:inline-block;
	width:1rem;
	height:1rem;
	border-top:0.2rem solid var(--c-white);
	border-left:0.2rem solid var(--c-white);
	transform:rotate(45deg);
	margin-top:0.5rem;
}
#pagetop.active{
	display:flex;
	opacity:1;
	z-index:2;
}
#pagetop:hover{
	opacity:1;
	box-shadow:0 0 4rem 2rem rgba(255,255,255,0.2);
}
/* sp */
@media screen and (max-width:767px){
	#pagetop{
		right:0.8rem;
		bottom:0.8rem;
		box-shadow:0 0 2rem 1rem rgba(255,255,255,0.4);
		width:4.4rem;
		height:4.4rem;
	}
	#pagetop span{
		width:6rem;
		height:6rem;
	}
	#pagetop::before{
		content:"";
		display:inline-block;
		width:1rem;
		height:1rem;
		border-top:0.2rem solid var(--c-white);
		border-left:0.2rem solid var(--c-white);
		transform:rotate(45deg);
		margin-top:0.5rem;
	}
}



/*-- 

common_footer

====================================================== --*/

#common_footer{
	width:100%;
	background:var(--c-black);
	font-size:1.5rem;
	padding:5rem 3rem 2rem;
}

/*-- footer_inner_top --*/

.footer_inner_top{
	display:flex;
	flex-wrap:wrap;
	max-width:140rem;
	margin:0 auto;
	gap:4rem;
}
.footer_inner_top ._title{
	width:100%;
	font-size:5rem;
}
.footer_inner_top ._address{
	width:50%;
}
.footer_inner_top ._stitle{
	display:block;
	font-size:2rem;
}
.footer_inner_top ._address ._zip{
	display:block;
	margin-top:2rem;
}
.footer_inner_top ._utility{
	border-left:0.1rem solid var(--c-white-50);
	width:calc(50% - 4rem);
	padding-left:4rem;
}
.footer_inner_top ._utility .lst_disc li{
	margin-top:2rem;
}

/*-- footer_inner_bottom --*/

.footer_inner_bottom ._title{
	width:100%;
	max-width:40rem;
	margin:6rem auto 0;
}
.footer_inner_bottom ._nav .main-menu{
	display:flex;
	justify-content:center;
	flex-wrap:wrap;
	gap:2rem 4rem;
	font-size:1.6rem;
	padding-top:3rem;
}
.footer_inner_bottom ._nav .main-menu a{
	text-decoration:none;
}
.footer_inner_bottom ._nav .main-menu a:hover{
	opacity:0.7;
}
.footer_inner_bottom ._nav .sub-menu{
	display:none;
}
.footer_inner_bottom ._copyright{
	width:100%;
	font-size:1.2rem;
	text-align:center;
	padding-top:6rem;
}
/* tb */
@media screen and (max-width:835px){
	#common_footer{
		font-size:1.5rem;
		padding:4rem 2rem 2rem;
	}
	.footer_inner_top{
		gap:3rem;
	}
	.footer_inner_top ._title{
		font-size:4rem;
	}
	.footer_inner_top ._address{
		width:50%;
	}
	.footer_inner_top ._stitle{
		font-size:2rem;
	}
	.footer_inner_top ._address ._zip{
		margin-top:2rem;
	}
	.footer_inner_top ._utility{
		width:calc(50% - 3rem);
		padding-left:3rem;
	}
	.footer_inner_top ._utility .lst_disc li{
		margin-top:2rem;
	}
}
/* sp */
@media screen and (max-width:767px){
	#common_footer{
		font-size:1.4rem;
		padding:3rem 1.6rem 1.6rem;
	}
	.footer_inner_top{
		gap:2rem;
		flex-direction:column;
	}
	.footer_inner_top ._address{
		width:90%;
		margin:0 auto;
	}
	.footer_inner_top ._stitle{
		font-size:1.8rem;
	}
	.footer_inner_top ._address ._zip{
		margin-top:2rem;
	}
	.footer_inner_top ._utility{
		width:90%;
		margin:0 auto;
		padding-left:0;
		border:none;
		border-top:0.1rem solid var(--c-white-50);
		padding-top:2rem;
	}
	.footer_inner_top ._utility .lst_disc li{
		margin-top:2rem;
	}
	.footer_inner_bottom ._title{
		max-width:31.5rem;
	}
	.footer_inner_bottom ._nav .main-menu{
		display:flex;
		justify-content:center;
		align-items:center;
		flex-wrap:wrap;
		flex-direction:column;
		gap:3rem;
		padding-top:4rem;
	}
	.footer_inner_bottom ._copyright{
		padding-bottom:4rem;
	}
}



/*-- 

postdata

====================================================== --*/

.postdata > img{
	width:100%;
	height:auto;
}
.postdata > *{
	margin-bottom:6rem;
}
.postdata > h2,
.postdata > h3,
.postdata > h4,
.postdata > h5,
.postdata > .headline_wrap{
	margin-bottom:3rem;
}
.postdata > *:last-child{
	margin-bottom:0;
}
/* tb */
@media screen and (max-width:835px){
	.postdata > *{
		margin-bottom:4.5rem;
	}
	.postdata > h2,
	.postdata > h3,
	.postdata > h4,
	.postdata > h5,
	.postdata > .headline_wrap{
		margin-bottom:2rem;
	}
	.postdata > *:last-child{
		margin-bottom:0;
	}
}
/* sp */
@media screen and (max-width:767px){
	.postdata > *{
		margin-bottom:3rem;
	}
	.postdata > h2,
	.postdata > h3,
	.postdata > h4,
	.postdata > h5,
	.postdata > .headline_wrap{
		margin-bottom:2rem;
	}
	.postdata > *:last-child{
		margin-bottom:0;
	}
}

/*-- box_maintitle --*/

.box_maintitle{
	display:flex;
	flex-direction:column;
	gap:1rem;
}
.box_maintitle ._maintitle{
	font-size:clamp(2.4rem, 2.8571vw, 4rem);
	line-height:1.5;
}
.box_maintitle .thumbnail{
	margin-top:clamp(2rem, 2.8571vw, 4rem);
}
.box_maintitle ._tag{
	display:flex;
	flex-wrap:wrap;
}



/*-- 

pagination

====================================================== --*/

.pagination{
	display:flex;
	align-items:center;
	justify-content:center;
	column-gap:1.6rem;
	font-optical-sizing:auto;
	font-weight:400;
	font-size:1.8rem;
	font-style:normal;
	max-width:57.2rem;
	width:100%;
	margin:0 auto;
}
.pagination .current{
	font-weight:700;
	background:var(--c-gray3);
}
.pagination span,
.pagination a{
	padding:1rem;
	display:flex;
	align-items:center;
	justify-content:center;
	transition:.3s;
	width:4.8rem;
	height:4.8rem;
	line-height:1.2;
	text-decoration:none;
}
.pagination .prev,
.pagination .next{
}
.pagination a:hover{
	opacity:0.5;
}
.pagination .dots{
	border:none;
	margin:0;
}
.pagination .prev::after,
.pagination .next::after{
	content:"";
	display:inline-block;
	width:1rem;
	height:1rem;
	border-top:0.2rem solid var(--c-white);
	border-left:0.2rem solid var(--c-white);
}
.pagination .prev::after{
	transform:rotate(-45deg);
	margin-left:0.5rem;
}
.pagination .next::after{
	transform:rotate(135deg);
	margin-right:0.5rem;
}
/* sp */
@media all and (max-width:767px){
	.pagination{
		justify-content:center;
	}
	.pagination .prev::after,
	.pagination .next::after{
		font-size:1.2rem;
	}
	.pagination .prev::after{
		margin-left:0.3rem;
	}
	.pagination .next::after{
		margin-right:0.3rem;
	}
	.pagination .page-numbers:not(.current):not(.prev):not(.next):not(:first-child):not(:last-child) {
		display:none;
	}
	.pagination .dots{
		display:none;
	}
}



/*-- 

content_kv

====================================================== --*/

#content_kv{
	position:relative;
	width:100%;
	height:100vh;
	display:flex;
	align-items:center;
	justify-content:center;
	padding:2rem;
	overflow:hidden;
}
.content_kv_inner{
	position:relative;
	z-index:1;
	width:100%;
	max-width:80rem;
	display:flex;
	align-items:center;
	justify-content:center;
	flex-direction:column;
	gap:2rem;
	margin:auto 0;
	filter:drop-shadow(0 0 0.75rem var(--c-white));
}
.content_kv_inner ._maintitle{
	max-width:clamp(32rem, 52.8571vw, 74rem);
	width:100%;
	margin-top:4rem;
	transition:.3s;
}
.content_kv_inner ._mainlead,
.content_kv_inner ._mainlead_small{
	transition:.3s;
	text-align:center;
	margin-top:1.5rem;
	letter-spacing:-0.03em;
	line-height:1.5;
}
.content_kv_inner ._mainlead{
	font-size:clamp(2.6rem, 2.5714vw, 3.6rem);
}
.content_kv_inner ._mainlead_small{
	font-size:clamp(1.4rem, 1.2142vw, 1.7rem);
	line-height:2;
}
/* tb */
@media screen and (max-width:835px){
	#content_kv{
		padding:2rem 6rem;
	}
}
/* sp */
@media screen and (max-width:767px){
	#content_kv{
		padding:3rem;
	}
}

/* scroll */

#content_kv .scroll{
	writing-mode:vertical-rl;
	margin-top:4rem;
}
#content_kv .scroll::before{
	animation:scroll 2s infinite;
	background-color:var(--c-white);
	bottom:-11.5rem;
	content:"";
	height:10rem;
	left:0;
	margin:auto;
	position:absolute;
	right:0;
	width:0.1rem;
}



/*-- 

content_events

====================================================== --*/

.lst_events{
	display:flex;
	flex-direction:column;
	gap:0.5rem;
}
.lst_events > li{
	display:flex;
	background:var(--c-white-10);
	width:100%;
	padding:2.5rem 3rem;
}
.lst_events > li .lst_events_time{
	width:20%;
}
.lst_events > li .lst_events_text{
	width:80%;
	display:flex;
	gap:5%;
}
.lst_events > li .lst_events_text ._tag{
	width:11.5rem;
}
.lst_events > li .lst_events_text ._text{
	width:calc(95% - 11.5rem);
}
/* tb */
@media screen and (max-width:835px){
	.lst_events > li .lst_events_time{
		width:20%;
	}
	.lst_events > li .lst_events_text{
		width:75%;
	}
}
/* sp */
@media screen and (max-width:767px){
	.lst_events > li{
		flex-direction:column;
		display:flex;
		background:var(--c-white-10);
		width:100%;
		padding:2.5rem 3rem;
		gap:0.5rem;
	}
	.lst_events > li .lst_events_time{
		width:100%;
	}
	.lst_events > li .lst_events_text{
		flex-direction:column;
		gap:0.5rem;
		width:100%;
	}
	.lst_events > li .lst_events_text ._tag{
		width:100%;
		display:flex;
	}
	.lst_events > li .lst_events_text ._text{
		width:100%;
	}
}

.box_info01{
	display:flex;
	align-items:stretch;
	flex-direction:column;
	gap:2rem;
}
.box_info01 ._title{
	color:var(--c-yellow);
	font-size:3rem;
	text-align:center;
	line-height:1.5;
}
.box_info01 ._stitle{
	font-size:2rem;
	text-align:center;
	display:flex;
	align-items:center;
	justify-content:center;
	min-height:4em;
	line-height:1.5;
}
/* sp */
@media screen and (max-width:767px){
	.box_info01{
		gap:1rem;
	}
	.box_info01 ._stitle{
		min-height:inherit;
	}
}



/*-- 

tag

====================================================== --*/

.tag{
	display:flex;
	align-items:center;
	justify-content:center;
	background:var(--c-white-20);
	font-size:1.4rem;
	line-height:1.2;
	text-align:center;
	padding:0.8rem 2rem;
	margin:0.5rem;
	margin-left:0;
	margin-top:0.2rem;
}
.lst_events .tag{
	width:100%;
	max-width:11.5rem;
}
.new::after{
	content:"NEW";
	display:inline-block;
	background:var(--c-main-grade2);
	line-height:1;
	padding:0.5rem 0.8rem;
	font-size:1.4rem;
	margin-left:1rem;
}
/* sp */
@media screen and (max-width:767px){
	.tag{
		font-size:1.2rem;
	}
}



/*-- 

content_reports

====================================================== --*/

.lst_reports{
	display:flex;
	flex-wrap:wrap;
	gap:4rem 4.2%;
}
.lst_reports li{
	width:calc((100% - 4.2% * 2) / 3);
}
.lst_reports a{
	display:flex;
	flex-direction:column;
	gap:1rem;
	text-decoration:none;
}
.lst_reports ._photo{
	overflow:hidden;
}
.lst_reports img{
	aspect-ratio:1200 / 630;
	object-fit:cover;
	transition:.3s;
}
.lst_reports ._text{
	text-decoration:underline;
}
.lst_reports ._tag{
	display:flex;
	flex-wrap:wrap;
}
.lst_reports a:hover{
	opacity:1;
}
.lst_reports a:hover ._text{
	text-decoration:none;
}
.lst_reports a:hover img{
	transform:scale(1.1);
}
/* tb */
@media screen and (max-width:835px){
	.lst_reports{
		gap:2rem;
	}
	.lst_reports li{
		width:calc((100% - 2rem) / 2);
	}
}
/* sp */
@media screen and (max-width:767px){
	.lst_reports{
		gap:3rem 1.6rem;
	}
	.lst_reports li{
		max-width:40rem;
		width:100%;
		margin:0 auto;
	}
}



/*-- 

box_dtfk

====================================================== --*/


.box_dtfk{
	display:flex;
	justify-content:space-between;
	gap:14%;
}
.box_dtfk ._text{
	width:62%;
}
.box_dtfk ._logo{
	width:24%;
}
.box_dtfk ._logo img{
	position:relative;
}
/* tb */
@media screen and (max-width:835px){
	.box_dtfk{
		justify-content:space-between;
		flex-direction:column-reverse;
		gap:4rem;
		width:100%;
		max-width:60rem;
		margin:0 auto;
	}
	.box_dtfk ._text{
		width:100%;
	}
	.box_dtfk ._logo{
		width:100%;
		max-width:30rem;
		margin:0 auto;
	}
}
/* sp */
@media screen and (max-width:767px){
	.box_dtfk ._logo{
		max-width:20rem;
	}
}



/*-- 

breadcrumbs

====================================================== --*/

.breadcrumbs{
	width:100%;
	z-index:1;
	margin-top:1rem;
}
.breadcrumbs_inner{
	width:100%;
	margin:0 auto;
	font-size:1.4rem;
}
.breadcrumbs_item{
	display:inline;
}
.breadcrumbs_item::after{
	display:inline-block;
	content:"";
	width:0.1rem;
	height:1em;
	background:var(--c-gray2);
	transform:rotate(30deg);
	margin:0 1rem -0.3rem 1.5rem;
}
.breadcrumbs_item:last-child::after{
	content:none;
	margin:0;
}
/* tb */
@media screen and (max-width:835px){
	.breadcrumbs_inner{
		font-size:1.2rem;
	}
}
/* sp */
@media screen and (max-width:767px){
	.breadcrumbs_inner{
		display:block;
		position:relative;
		padding-right:0;
		line-height:1.5;
	}
	.breadcrumbs_lst{
		display:block;
		overflow-x:scroll;
		word-break:keep-all;
		white-space:nowrap;
		-webkit-overflow-scrolling:touch;
	}
	.breadcrumbs_item::after{
		margin:0 0.8rem 0.1rem 1rem;
	}
	.breadcrumbs_item:last-child{
		margin-right:1.6rem;
	}
}



/*-- 

content_lead

====================================================== --*/

#content_lead{
	position:relative;
	padding:20rem 0;
	z-index:2;
}
#content_lead .content_inner{
	position:relative;
	z-index:3;
}
#content_overview{
	padding-top:20rem;
}
#content_lead ._msg{
	position:absolute;
	margin:0 auto;
	display:flex;
	align-items:center;
	width:36%;
}
#content_lead .content_spacer{
	text-align:center;
	position:relative;
	z-index:1;
}
#content_lead ._msg1{
	bottom:0;
	left:0;
	align-items:flex-end;
}
#content_lead ._msg2{
	top:0;
	right:0;
	align-items:flex-start;
}
/* tb */
@media screen and (max-width:835px){
	#content_lead{
		padding-top:0;
		padding-bottom:0;
		z-index:2;
	}
	#content_lead ._msg{
		position:relative;
		margin:0 auto;
		align-items:center;
		width:100%;
	}
	#content_lead .lst_msg{
		margin-top:3rem;
		display:flex;
		gap:1rem;
	}
	#content_lead .content_spacer{
		text-align:left;
	}
	#content_lead .content_spacer br{
		display:none;
	}
}
/* sp */
@media screen and (max-width:767px){
	#content_lead .lst_msg{
		flex-direction:column;
	}
}



/*-- 

content_sessions

====================================================== --*/

.box_sessions_text ._title,
.box_sessions2 ._title{
	line-height:1.5;
	font-size:3.2rem;
}

/*-- box_sessions --*/

.box_sessions{
	display:flex;
	gap:6rem;
}
.box_sessions_text{
/*	width:60%;*/
	width:100%;
}
.box_sessions_text ._text{
	margin-top:4rem;
}
.box_sessions_photo{
	width:calc(40% - 6rem);
}
/* tb */
@media screen and (max-width:835px){
	.box_sessions_text ._title,
	.box_sessions2 ._title{
		font-size:2.8rem;
	}
	.box_sessions{
		gap:4rem;
	}
	.box_sessions_text{
/*		width:50%;*/
		width:100%;
	}
	.box_sessions_text ._text{
		margin-top:3rem;
	}
	.box_sessions_photo{
		width:calc(50% - 4rem);
	}
}
/* sp */
@media screen and (max-width:767px){
	.box_sessions_text ._title,
	.box_sessions2 ._title{
		font-size:2.2rem;
	}
	.box_sessions{
		flex-direction:column-reverse;
		gap:3rem;
	}
	.box_sessions_text{
		width:100%;
	}
	.box_sessions_text ._text{
		margin-top:3rem;
	}
	.box_sessions_photo{
		width:80%;
		max-width:40rem;
		margin:0 auto;
	}
}

/*-- box_sessions2 --*/

.box_sessions2{
	display:flex;
	flex-direction:column;
	gap:3rem;
}
.lst_sessions{
	display:flex;
	gap:4rem;
}
.lst_sessions_item{
	width:calc((100% - 4rem * 3) / 4);
}
.lst_sessions_item ._stext{
	font-size:1.5rem;
	margin-top:1rem;
}
._role,
._caption{
	position:absolute;
	left:0;
	bottom:0;
	background:var(--c-black-grade);
	padding:0.6rem;
	font-size:1.4rem;
	padding-right:2em;
}
._role-right,
._caption-right{
	position:absolute;
	right:0;
	bottom:0;
	background:var(--c-black-grade2);
	padding:0.6rem;
	font-size:1.4rem;
	padding-left:2em;
}

/* tb */
@media screen and (max-width:835px){
	.lst_sessions{
		flex-wrap:wrap;
		max-width:60rem;
		margin:0 auto;
		gap:3rem;
	}
	.lst_sessions_item{
		width:calc((100% - 3rem) / 2);
	}
	.lst_sessions_item ._stext{
		font-size:1.4rem;
	}
}
/* sp */
@media screen and (max-width:767px){
	.lst_sessions_item{
		width:65%;
		max-width:40rem;
		margin:0 auto;
	}
}



/*-- 

wordpress

====================================================== --*/

.customize-support #common_header{
	top:32px;
}
/* tb */
@media screen and (max-width:781px){
	.customize-support #common_header{
		top:46px;
	}
}
/* sp */
@media screen and (max-width:750px){
	.customize-support .gnh_nav{
		top:126px;
	}
}
#wpadminbar{
	position:fixed!important;
}