/**************************************************************************************/
/**************************************************************************************/
/* PC Site*/
/**************************************************************************************/
/**************************************************************************************/



.slideshow_superbox{
	position: fixed ;
	top : 0% ;
	left: 0% ;
	width: 100% ;
	height: 100% ;
	z-index: 1 ;
}
.slideshow_image{
	position: absolute;
	top : 0% ;
	left: 0% ;
	width: 100% ;
	height: 100% ;
	object-fit: cover ;
	display: none ;
}
.slideshow_ol{
	position: absolute;
	top : 0% ;
	left: 0% ;
	width: 100% ;
	height: 100% ;
	background-color: #342E2B;
	opacity: 0.5 ;
	z-index: 2 ;
}



.section_superbox{
	width: 100% ;
	height: 100vh ;
	z-index:  4 ;
}

.section_left{
	position: absolute;
	top : 0% ;
	left: 0% ;
	width: 50% ;
	height: 100% ;
	z-index: 4 ;
}
.section_right{
	position: absolute;
	top : 0% ;
	right: 0% ;
	width: 50% ;
	height: 100% ;
	z-index: 5 ;
	/** backdrop-filter: blur(4px); **/
}

.section_left_h3{
	text-align: right ;
	font-size: 24px !important;
	right : 20px ;
}

.section_inner{
	position: absolute;
	top : 50% ;
	left : 0% ;
	width: 100% ;
	padding : 40px 40px ;
	transform: translate(0%,-50%);
	/** backdrop-filter: blur(8px); **/
	text-shadow: 0px 2px 0px rgba(0,0,0,0.25);
}

.section_right_inner_bar{
	position: absolute;
	top : 0% ;
	left: 0% ;
	width: 2px ;
	height: 100% ;
	background-color: #FFFFFF ;
	box-shadow: 0px 2px 0px rgba(0,0,0,0.25);
	opacity: 0 ;
	margin-top : 40px ;
}

.section_right_h2{
	left : 20px ;
}

.fv_logo_superbox{
	width: 400px ;
	height : 250px ;
	margin : 0px auto ;
	
}


.fv_logo_box{
	position: absolute;
	top : 0% ;
	left : 0% ;
	width: 400px ;
	height : 250px ;
	z-index:  4 ;
}
.fv_logo_box_w{
	position: absolute;
	top : 0% ;
	left : 0% ;
	width: 0% ;
	height : 250px ;
	z-index: 5 ;
	overflow: hidden;
}
.fv_logo{
	position: absolute;
	top : 0% ;
	left : 0% ;
	width: 400px ;
	opacity: 0 ;
}
.fv_logo_w{
	position: absolute;
	top : 0% ;
	left : 0% ;
	width: 400px ;
}



.fv_title{
	font-size: 30px ;
	opacity: 0 ;
	left : 20px ;
}
.fv_subtitle{
	font-size: 18px ;
	opacity: 0 ;
	left : 20px ;
}

.fv_right_bar{
	width: 100% ;
	height : 2px ;
	background-color: #FFFFFF ;
	opacity: 0 ;
	left : 20px ;
}

.fv_schedule{
	font-size: 18px ;
	opacity: 0 ;
	left : 20px ;
}

.para{
	margin : 20px auto 20px ;
	
}
.para.appear{
	left : 20px ;
}

.section_back{
	position: absolute ;
	top : 0% ;
	left: 0% ;
	width: 100% ;
	height: 100% ;
	object-fit: cover ;
	z-index: 3 ;
}



.manager_photo{
	width: 100% ;
	max-width: 320px ;
	margin-bottom : 20px ;
	left : 20px ;
}

.manager_pos{
	font-size: 14px ;
	line-height: 14px ;
	left : 20px ;
}

.manager_name{
	font-size: 30px ;
	left : 20px ;
}
.manager_name span{
	font-size: 14px ;
}



.footer_logo{
	width: 100% ;
	max-width: 320px ;
	float : right ;
}



.dot_superbox{
	position: fixed ;
	top : 50% ;
	left: 10px ;
	width: 4px ;
	z-index: 14 ;
	transform: translate(0%,-50%);
}

.dot{
	width: 4px ;
	height: 20px ;
	border : 1px solid #999999 ;
	margin : 10px auto 10px ;
	cursor: pointer;
}

.dot.active{
	background-color: #FFFFFF ;
}



.yt_tnbox{
	width: 100% ;
	max-width: 240px ;
	cursor: pointer;
	left: 20px ;
}
.yt_tnbox_wrap{
}
.yt_tnbox img{
	width: 100% ;
}

.yt_tn_title{
	font-size: 12px ;
	margin-top : 4px ;
	padding-bottom : 20px ;
}


.youtube_superbox{
	position: fixed ;
	top : 0%;
	left: 0% ;
	width: 100% ;
	height: 100% ;
	z-index:  54 ;
	display: none ;
}

.youtube_itembox{
	position: absolute;
	top : 50% ;
	left: 50% ;
	transform: translate(-50%,-50%);
	width: 80% ;
	aspect-ratio: 16 / 9 ;
	z-index: 56 ;
}
.youtube_itembox iframe{
	width: 100% ;
	height: 100% ;
}


.youtube_ol{
	position: absolute;
	top : 0% ;
	left: 0% ;
	width: 100% ;
	height: 100% ;
	z-index: 55 ;
	cursor: pointer ;
	background-color: rgba(0,0,0,0.8);
}





























/**************************************************************************************/
/**************************************************************************************/
/* TB Site*/
/**************************************************************************************/
/**************************************************************************************/
@media screen and (max-width: 980px) {







.slideshow_superbox{
}
.slideshow_image{
}
.section_superbox{
	height: auto ;
}

.section_left{
	position: relative;
	top : auto ;
	left: auto ;
	width: 100% ;
	height: auto ;
	padding-top : 300px ;
	padding-bottom : 0px ;
}
.section_left.fv{
	padding : 0px 0px 200px;
}
.section_right{
	position: relative;
	top : auto ;
	left: auto ;
	width: 100% ;
	height: auto ;
}

.section_left_h3{
	text-align: left ;
	font-size: 30px ;
}

.section_inner{
	position: relative ;
	top : auto ;
	left : auto ;
	width: 100% ;
	padding : 40px 20px ;
	transform: translate(0%,0%);
}

.section_right_inner_bar{
	position: absolute;
	top : 0% ;
	left: 0% ;
	width: 100% ;
	height: 2px ;
	margin-top : 10px ;
}

.section_right_h2{
	left : 20px ;
	font-size: 24px ;
}





.fv_logo_superbox{
	width: 300px ;
	height : 187.5px ;
	margin : 0px auto ;
}


.fv_logo_box{
	width: 100% ;
	height : 187.5px ;
	aspect-ratio: 8 / 5;
}
.fv_logo_box_w{
	width: 0% ;
	height : 187.5px ;
}
.fv_logo{
	width: 300px  ;
}
.fv_logo_w{
	width: 300px ;
}










.fv_title{
	font-size: 28px ;
	line-height: 1.2;
}
.fv_subtitle{
	font-size: 18px ;
}

.fv_right_bar{
	margin : 10px auto ;
}

.fv_schedule{
}

.para{
	font-size: 14px ;
}

.section_back{
}



.manager_photo{
	max-width: 520px ;
	margin : 0px auto 20px ;
}

.manager_pos{
	text-align: center ;
}

.manager_name{
	text-align: center ;
}
.manager_name span{
}



.footer_logo{
	width: 100% ;
	max-width: 320px ;
	float : none ;
	margin : 100px auto 0px ;
}

.footer_copy{
	font-size: 10px ;
	text-align: center;
}




.dot_superbox{
	top : 0% ;
	left: 2px ;
	transform: translate(0%,0%);
}

.dot{
}

.dot.active{
}







.yt_tnbox{
	max-width: 320px ;
	margin : 0px auto ;
}
.yt_tnbox_wrap{
}
.yt_tnbox img{
}

.yt_tn_title{
	padding-bottom : 40px ;
}


.youtube_superbox{
}

.youtube_itembox{
	width: 90% ;
}
.youtube_itembox iframe{
}


.youtube_ol{
}
































} /** @media ====================================================== **/