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



.flat{
	transform: scale(1.0,0.9);
}


.back_moviebox{
	position: fixed ;
	width: 100% ;
	height: 100% ;
	z-index: 1 ;
	overflow: hidden ;
}

#back_movie{
	width: 100% ;
	height: 100% ;
	object-fit: cover ;
}

.center_inner{
	width: 100% ;
	max-width: 385px ;
	margin: 0px auto ;
	background: #FFFFFF ;
	z-index: 4 ;
	opacity: 0 ;
}


.fv_section{
	width: 100% ;
	min-height: 100vh ;
	z-index: 4;
}
.fv_back{
	position:absolute;
	top : 0% ;
	left: 0% ;
	width: 100% ;
	height: 100% ;
	object-fit: cover ;
	z-index: 4 ;
}

.side_logo{
	position: fixed;
	top : 50% ;
	left : calc( 25% - 96px ) ;
	transform: translate(-50%,-50%) ;
	width : 200px ;
	z-index: 2 ;
}

.side_menu{
	position: fixed;
	top : 50% ;
	right : calc( 25% - 96px ) ;
	transform: translate(50%,-50%) ;
	width: 100% ;
	max-width: 200px ;
	z-index: 2 ;
	text-align: right ;
}

.side_menu_item{
	font-size: 16px ;
	font-weight: 700 ;

}
.side_menu_item:hover,
.side_menu_item.active{
	color : #FFFFFF ;
	text-decoration: underline ;
}
.side_menu_item_dummy{
	width: 100% ;
	height: 80px ;
}




.service_section{
	width: 100% ;
	min-height: 100vh ;
	padding : 80px 0px ;
	overflow: hidden ;
}

.section_title{
	display: inline-block;
	width: auto ;
	font-size: 24px ;
	font-weight: 700 ;
	padding-left : 30px ;
}

.section_title_bar{
	position: absolute;
	bottom : 0px ;
	right : 0px ;
	width: 200% ;
	height: 1px ;
	background: #4E4E4E ;
}

.service_itembox{
	width: 240px ;
	margin : 70px auto 0px ;
	font-size: 16px ;
}



.bio_section{
	width: 100% ;
	min-height: 100vh ;
	padding : 80px 0px ;
	overflow: hidden ;
}

.bio_itembox{
	margin-top : 36px ;
	padding : 0px 30px ;

}



.company_section{
	width: 100% ;
	min-height: 100vh ;
	padding : 80px 0px ;
	overflow: hidden ;
}

.company_item{
	margin-top : 35px ;
	padding : 0px 30px ;
}

.company_item_title{
	font-size: 10px ;
	font-weight: 700 ;
}





.contact_section{
	width: 100% ;
	min-height: 100vh ;
	padding : 80px 0px ;
	overflow: hidden ;
}

.contact_item{
	position: absolute;
	top : 50% ;
	left: 0% ;
	width: 100% ;
	transform: translate(0%,50%) scale(1.0,0.9);
	text-align: center;
}
.contact_item:hover{
	opacity: 0.8;
	text-decoration: underline;
}




.fv_logo_sp{
	position: absolute;
	top : 50% ;
	left: 0% ;
	width: 100% ;
	transform: translate(0%,-50%);
	height: 200px;
	background-color: #FFFFFF ;
	z-index: 4 ;
}
.fv_logo_sp img{
	position: absolute;
	top : 50% ;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 180px ;
}

































@media screen and (max-width: 1280px) {


}


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








.flat{
}


.back_moviebox{
}

#back_movie{
}

.center_inner{
}


.fv_section{
}
.fv_back{
}

.side_logo{
}

.side_menu{
}

.side_menu_item{
}
.side_menu_item:hover,
.side_menu_item.active{
}
.side_menu_item_dummy{
}




.service_section{
}

.section_title{
}

.section_title_bar{
}

.service_itembox{
}



.bio_section{
}

.bio_itembox{
}



.company_section{
}

.company_item{
}

.company_item_title{
}





.contact_section{
	min-height: auto ;
	padding : 80px 0px 120px ;
}

.contact_item{
	position: relative;
	top : auto ;
	left: auto ;
	transform: scale(1.0,0.9);
	margin-top : 120px ;
}
.contact_item:hover{
}
























}