/**************************************************
 responsive
**************************************************/
@media screen and (max-width: 767px){
	html{
		font-size: 62.5%;
		font-size: 10px;
	}

body{}
/**************************************************
 common
**************************************************/
	p,ol,table,ol,dl{
		padding: 1.6rem 0 0 0;
		font-size: 1.6rem;
		font-weight: normal;
	}
	
	.pc{display: none;}
	.smp{display: block;}

	.mainInner,
	.infoInner,
	.contentInner{width: 100%;}

	h1{
		font-size: 1.2rem;}
	
	h1 img{
		width: 17rem;
		margin-inline-end: 0.8rem;
	}

	.re{flex-direction: column-reverse;}


/**************************************************
 header
**************************************************/



/**************************************************
 globalNavi
**************************************************/

	#globalNavi{
		display: block;
		position: fixed;
		top: 0;
		height: 100%;
		width: 80%;
		right: 0;
		background-color: #FFF;
		background-size: cover;
		z-index: 9990;
		opacity: 0;
		right: -100%;
		visibility: hidden;
		transition: .3s ease-in-out;
		margin-block-start: 0;
	}


	#globalNavi.active{
		opacity: 1;
		visibility: visible;
		right: 0;
	}

	#globalNavi ul{
		padding-block-start: 0;
		height: 100%;
		padding-inline: 2.4rem;
		border-radius: 40px 0 0 40px;
		align-content: center;
		background-color: #fff;
	}
	
	#globalNavi > ul > li{
		margin-inline-end: 0rem;
		margin-block-end: 5rem;
		text-align: end;
		width: 100%;
	}
	
	#globalNavi > ul > li:last-of-type{margin-block-end: 0;}
	
	#globalNavi > ul > li > a
	{
		display: inline-block;
		font-size: 2rem;
	}
	
	
	#globalNavi > ul > li > a:hover{color: var(--text-color);}

/**************************************************
 menu
**************************************************/
	#menu{
		display: flex;
		align-items: center;
		justify-content: center;
		position: absolute;
		top: 1.6rem;
		right: 1.6rem;
		width: 5.6rem;
		height: 5.6rem;
		border-radius: 50%;
		border: 0.1rem solid var(--main-color);
		text-align: center;
		z-index: 9998;
		background-color: var(--main-color);
		transition: .3s;
		opacity: 1;
		visibility: visible;
		cursor: pointer;
		pointer-events: auto;
	}

	#menu.active{background-color: #fff;}

	#menu.close{
		opacity: 0;
		visibility: hidden;
		transition: .4s ease-in-out;
		pointer-events: none;
	}

.menu-btn,
.menu-btn span {
	display: inline-block;
	transition: all .8s;
	box-sizing: border-box;
}

.menu-btn {
	position: relative;
	width: 2rem;
	height: 1.7rem;
	background: none;
	border: none;
	appearance: none;
	cursor: pointer;
}

.menu-btn span {
	position: absolute;
	left: 0;
	width: 100%;
	height: 0.2rem;
	background-color: #fff;
	border-radius: 4px;
	transition: .3s;
}

#menu.active .menu-btn span{background-color: var(--main-color)}

.menu-btn span:nth-of-type(1) {top: 0;}
.menu-btn span:nth-of-type(2) {top: 7px;}
.menu-btn span:nth-of-type(3) {bottom: 1px;}

.menu-btn.active span:nth-of-type(1) {transform: translateY(7px) rotate(-45deg);}
.menu-btn.active span:nth-of-type(2) {opacity: 0;}
.menu-btn.active span:nth-of-type(3) {transform: translateY(-7px) rotate(45deg);}

.smp_bottom_menu{display: none;}


/**************************************************
 attend_btn
**************************************************/
.attend_btn{
	margin-block-start: 8rem;
	text-align: center;
}

	.attend_btn a{
		padding-block: 1.6rem;
		padding-inline: 0rem;
		width: calc(100% - 4.8rem);
		font-size: 2.4rem;
		line-height: 1.3;
	}

	.attend_btn a:hover{
		background-color: var(--btn-color);
		color: #fff;
	}

	.movie_pdf_btn a{
		width: 100%;
	}

	.movie_pdf_btn a:hover{
		background-color: var(--main-color);
		color: #fff;
	}

/**************************************************
 attend_btn_double
**************************************************/
.attend_btn_double{
	margin-block-start: 8rem;
	padding-inline: 2.4rem;
}

.first_double{margin-block-start: 16rem;}

.attend_btn_double ul{padding: 0;align-items: stretch;}

.attend_btn_double ul li{
	width: 100%;
}

.attend_btn_double ul li:first-of-type{margin-block-end: 1.6rem;}

.attend_btn_double ul li a{
	padding-block: 1.6rem;
	padding-inline: 2.4rem;
	font-size: 2.4rem;
	line-height: 1.5;
}

.attend_btn_double ul li a span{
	display: block;
	width: 100%;
	font-size: 1.6rem;
	margin-block-start: 0rem;
}

.attend_btn_double ul li a small{
	font-size: 1.2rem;
}


.attend_btn_double ul li:last-of-type a{
	background-color: var(--btn-color);
	border: 0.1rem solid var(--btn-color);
}

.attend_btn_double ul li a:hover{
	background-color: #fff;
	color: var(--main-color);
}

.attend_btn_double ul li:last-of-type a:hover{
	color: var(--btn-color);
}

/**************************************************
 table
**************************************************/
.t_st1{overflow: scroll;}

	.t_st1 table{
		width: max-content;
		margin-block-start: 0.8rem;
	}

.t_st1 table tr th,
.t_st1 table tr td{
	padding-block: 0.8em;
	color: var(--text-color);
	font-size: 1.4rem;
	/* border: 0.1rem solid #A6ACB5; */
	padding-inline: 2.4rem;
}

.t_st1 table tr:first-of-type th{padding-block: 1.4rem;}


.cau_t_st2 tr:first-of-type th:nth-of-type(3),
.cau_t_st2 tr:first-of-type th:nth-of-type(4),
.cau_t_st2 tr:nth-of-type(2) td:nth-of-type(2),
.cau_t_st2 tr:nth-of-type(2) td:nth-of-type(3){
border: none;
background-color: transparent;
}

.cau_t_st2 table tr:nth-of-type(2){
	border-bottom: none;
}


.t_st1 table tr td{
	text-align: center;
	padding-block: 0.8rem;
}




/**************************************************
 mainVisual
**************************************************/
.mainVisual{
	position: relative;
	width: 100%;
	height: 70vh;
}
.main_video video.vi_smp{display: block;}

.main_video video.vi_pc{display: none;}

.main_video{
	overflow: hidden;
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.main_video video {
	position: absolute;
	top: 50%;
	left: 50%;
	display: block;
	width: 100%;
	height: auto;
	min-width: 100%;
	min-height: 100%;
	transform: translate(-50%,-50%);
}


	.mainVisual .main_img{
		height: 40rem;
		background: url(../img/main/mv.jpg)no-repeat 38% center;
		background-size: cover;
	}


	.main_txt{
		position: relative;
		padding-block-start: 4rem;
		padding-block-end: 0;
		padding-inline: 2.4rem;
		border-radius: 0 0 0 0;
	}

	.main_txt h2{width: 100%;}

	.main_link{
		bottom: 0rem;
		top: 2.4rem;
		right: 8rem;
		width:14.4rem;
		height: 4.1rem;
	}

	.main_gov{
		right: 23.4rem;
	}

	.main_link a svg{
		width: 1.6rem;
		margin-block-end: 0rem;
		margin-inline-end: 0.8rem;
	}

	.main_link a{
		height: 100%;
		justify-content: center;
		align-items: center;
		padding-inline: 1.6rem;
		font-size: 1rem;
		border-radius: 24px;
	}

	.main_link a span{display: none;}


/**************************************************
 copyHanger
**************************************************/
	.copyHanger{margin-block-start: 32rem;}


	.copyHanger h2{font-size: 3.2rem;padding-inline: 2.4rem;}

	.copyHanger p{
		padding-block-start: 2.4rem;
		font-size:1.4rem;
		width: 100%;
		padding-inline: 2.4rem;
	}

	.cpoy_point{margin-block-start: 3.2rem;}

	.cpoy_point::before{
		width: 23.3rem;
		height: 15.4rem;
		top: 26rem;
		left: 13rem;
	}

	.cpoy_point::after{
		width: 29.8rem;
		height: 16.8rem;
		bottom: -7rem;
		left: 2.4rem;
	}

	.cpoy_point .copy_point_list{padding-block: 2.8rem 30rem;}

	.cpoy_point .copy_point_list::before{
		width: calc(100% - 4.8rem);
		height: 100%;
	}

	.cpoy_point .copy_point_list dl{
		margin-block-start: 2.4rem;
		width: 100%;
		padding-inline: 2.4rem;
	}

	.cpoy_point .copy_point_list dl dt{font-size: 1.4rem;}

	.cpoy_point .copy_point_list dl dd{
		font-size: 1.8rem;
		margin-block-start: 0.2rem;
	}

	.copyHanger .attend_btn{margin-block-start: 16rem;}

	.copyHanger .attend_btn a{padding-inline: 2.4rem;font-size: 2rem;}


/**************************************************
 infoHanger
**************************************************/
	.infoHanger{margin-block-start: 7.5rem;}
	/* .infoHanger{margin-block-start: 15.5rem;} */

	.infoHanger h2{font-size: 3.2rem;padding-inline: 2.4rem;}

	.infoHanger h2 span{margin-block-end: 0.8rem;}

	.info_cont{padding-block-start: 32rem;}

	.info_cont::before{
		width: 36.6rem;
		height: 26.1rem;
		right: 0;
		top: 2.4rem;
	}

	.info_cont_txt{
		width: 100%;
		margin-inline-start: 0;
		padding-inline: 24px;
	}

	.info_cont_txt dl{margin-block-start: 2.4rem;}

	.info_cont_txt dl:first-of-type{margin-block-start: 0;}

	.info_cont_txt dl dt{font-size: 1.4rem;}

	.info_cont_txt dl dd h3{
		margin-block-start: 0.8rem;
		line-height: 1.5;
		font-size: 1.8rem;
	}

	.info_cont_txt p{
		font-size: 1.4rem;
		padding-block-start: 0.8rem;
	}


	.info_cont_add{
		margin-inline: 2.4rem;
		margin-block-start: 3rem;
		padding-block: 1.6rem;
		padding-inline: 1.6rem;
	}

	.info_cont_add p{font-size: 1.4rem;}

/**************************************************
 movieHanger
**************************************************/

	.movieHanger{
		margin-block: 7rem;
		margin-inline: 2.4rem;
	}
	

/**************************************************
 companyHanger
**************************************************/
	.companyHanger{margin-block-start: 7.5rem;}

	.companyHanger::before{
		width: 100%;
		height: 24rem;
		left: 0;
		top: 48rem;
	}

	.companyInner{padding-inline: 2.4rem;}


	.companyHanger h2{
		font-size: 3.2rem;
		width: 100%;
	}

	.companyHanger h2 span{
		margin-block-end: 0.8rem;
	}

	.companyHanger .companyInner > ul{
		width: 100%;
	}

	.companyHanger ul li button{
		font-size: 2.4rem;
		padding-block: 2rem;
		padding-inline-end: 5.6rem;
	}

	.companyHanger ul li button span{
		font-size: 1.4rem;
	}

	.companyHanger ul li button:hover{opacity: 1;}

	.companyHanger .com_pop_modal .pop_modalInner{
		width: calc(100% - 4.8rem);
		margin: 14rem auto 0;
		padding-block-start: 2.4rem;
		padding-inline: 1.6rem;
	}
	
	.companyHanger .com_pop_modal .pop_modalInner h3{
		font-size: 2.4rem;
	}
	
	.companyHanger .com_pop_modal .pop_modalInner h3 span{
		font-size: 1.4rem;
		padding-block-end: 2.4rem;
		margin-block-start: 0.8rem;
		padding-inline-end: 0.8rem;
		line-height: 1.5;
	}

	.companyHanger .com_pop_modal .com_pop_list{
		padding-block-start: 2.4rem;
		height: 45rem;
	}
	
	.companyHanger .com_pop_modal .com_pop_list dl{
		padding-block: 2rem;
	}
	
	.companyHanger .com_pop_modal .com_pop_list dl dt{width: 100%;font-size: 1.2rem;}
	
	.companyHanger .com_pop_modal .com_pop_list dl dd{
		width: 100%;
		position: relative;
		font-size: 1.4rem;
		padding-inline-end: 3.2rem;
	}

	.companyHanger .com_pop_modal .com_pop_list dl a:hover{
		opacity: 1;
	}
	
	.companyHanger .com_pop_modal span#modalClose{
		width: 4rem;
		height: 4rem;
		top: 1.6rem;
		right: 1.6rem;
	}
	


	.companyHanger .attend_btn_double{margin-block-start: 32rem;}

/**************************************************
 areaHanger
**************************************************/
	.areaHanger{margin-block-start: 7.5rem;}

	.areaHanger h2{font-size: 3.2rem;padding-inline: 2.4rem;}

	.areaHanger h2 span{margin-block-end: 0.8rem;}

	.area_cont{
		margin-block-start: 2.4rem;
		padding-block-end: 6.4rem;
	}

	.area_cont::before{height: 61rem;}

	.area_cont dl{
		padding-inline: 2.4rem;
		width: 100%;
		margin-block-start: 4rem;
	}

	.area_cont dl:first-of-type{margin-block-start: 0;}

	.area_cont dl dd{
		text-align: left;
		margin-block-start: 1.6rem;
	}

	.area_cont dl dd h3{font-size: 2.4rem;text-align: center;}

	.area_cont dl dd p{padding-block-start: 1.4rem;font-size: 1.4rem;line-height: 1.8;}



/**************************************************
 bg
**************************************************/
	.bg{
		padding-block-start: 7.5rem;
	padding-block-end: 12rem;
	position: relative;
}

.bg::before{
	content: '';
	width: 50%;
	height: 100%;
	background: url(../img/bg/bg.png)no-repeat center center;
}


/**************************************************
 methodHanger
**************************************************/
	.methodHanger{margin-block-start: 0rem;}

	.methodHanger h2{font-size: 3.2rem;padding-inline: 2.4rem;}

	.methodHanger h2 span{margin-block-end: 0.8rem;}

	.methodHanger ul{margin-block-start: 2rem;padding-inline: 2.4rem;}

	.methodHanger ul li{width: 100%;}

	.methodHanger ul li:last-of-type{margin-block-start: 1.6rem;}

/**************************************************
 cautionHanger
**************************************************/
	.cautionHanger{
		margin-block-start: 7.5rem;
		padding-inline: 2.4rem;
	}

	.cautionHanger h2{font-size: 3.2rem;}

	.cautionHanger h2 span{margin-block-end: 0.8rem;}

	.cautionHanger ul{margin-block-start: 2.8rem;}

	.cautionHanger ul li{
		padding-block-start: 0.8rem;
		font-size: 1.4rem;
		line-height: 1.5;
	}

	.cautionHanger p{font-size: 1.4rem;}

	.cautionHanger h3{
		font-size: 1.8rem;
		margin-block-start: 3.2rem;
	}

	.cautionHanger h4{
		font-size: 1.4rem;
		margin-block-start: 1.6rem;
	}

.cautionHanger .tableCont tr th{width: 180px;}

.cautionHanger .tableCont tr th:first-of-type{width: 320px;}

/**************************************************
 contactHanger
**************************************************/
	.contactHanger{
		margin-block-start: 7.5rem;
		padding-inline: 2.4rem;
		padding-block-end: 0rem;
	}

	.contactHanger::before{
		width: calc(100% - 4.8rem);
		height: 23.7rem;
		background-size: 100%;
	position: absolute;
	top: auto;
	right: auto;
	bottom: 0;
	left: 2.4rem;
}

	.contactHanger h2{font-size: 3.2rem;}

	.contactHanger h2 span{margin-block-end: 0.8rem;}

	.contactHanger > p{padding-block-start: 1.4rem;line-height: 2;font-size: 1.4rem;}

	.con_box{
		padding-block: 1.2rem;
		padding-inline: 1.6rem;
		margin-block-start: 2rem;
	}

	.con_box > p{font-size: 1.4rem;}


/**************************************************
 footer
**************************************************/
footer{
	padding-block: 5.7rem;
	position: relative;
	text-align: center;
}

footer > p{
	font-size: 1.2rem;
	color: #fff;
	font-weight: 500;
	max-width: var(--max);
	margin-inline: auto;
}

footer > p span{
	font-size: 1.6rem;
	display: block;
	margin-block-end: 0.8rem;
}

}