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



.header{
	position: fixed ;
	top : 0% ;
	left  :0% ;
	width : 100% ;
	height : 94px ;
	background-color: #EFEEEA ;
	z-index: 34 ;
}
.header_dummy{
	width : 100% ;
	height : 94px ;
	z-index: 1 ;
}


.header_inner{
	width : 100% ;
	max-width: 1366px ;
	height : 94px ;
	padding : 0px 22px ;
	margin : 0px auto ;
}

.header_logo{
	position: absolute ;
	top : 50% ;
	left : 22px ;
	transform: translate(0%,-50%);
	width : 140px ;
}



.header_inq{
	float : right ;
	width : 164px ;
	height : 38px ;
	line-height: 38px ;
	text-align: center ;
	background-color: #1C273E ;
	color : #FFFFFF ;
	border-radius: 5px ;
	font-size: 14px ;
	margin-top : 28px ;
}

.header_tel{
	float : right ;
	width : 270px ;
	margin: 22px 10px 0px 0px ;

}




.fv_superbox{
	width : 100%;
	max-width: 1920px ;	
	margin : 0px auto ;
	background-color: #EFEEEA ;
}

.fv_image{
	width : 100% ;
	z-index: 1 ;
	opacity: 0.01 ;
}

.fv_catch{
	position: absolute ;
	top : 60px ;
	left : 100px ;
	width: 300px ;
	z-index: 4 ;
	margin-left : 40px ;
	opacity: 0;
}




.about_section{
	width : 100% ;
	padding : 140px 0px 160px ;
	background-color: #EFEEEA ;
}


.inner1000{
	width : 100% ;
	max-width: 1080px ;
	padding : 0px 40px ;
	margin : 0px auto ;
}



.about_company_name{
	width : 100% ;
	text-align: center ;
	font-size: 18px ;
	height : 20px ;
	line-height : 20px ;
	left : 20px ;
}

.about_company_nameimage{
	display: inline-block ;
	width : 180px ;
	margin : 0px 10px 0px ;
	vertical-align: -2px ;
}

.about_company_story{
	width : 100% ;
	text-align: center ;
	font-size: 16px ;
	margin : 64px auto 0px ;
	left : 20px ;
}


.about_title{
	width : 100% ;
	height : 60px ;
	margin : 120px auto 0px ;
}
.section_title_text{
	width : 100% ;
	text-align: center ;
	height : 60px ;
	line-height : 60px ;
	font-size: 18px ;
	left : 20px ;
	z-index: 4 ;
	color : #1C273E ;
}

.titleback_en{
	position: absolute ;
	top : 50% ;
	left : 50% ;
	transform: translate(-50%,-50%);
	height : 60px ;
	margin-left : 80px ;
	z-index: 1 ;
}

.about_superbox{
	width : 100% ;
	max-width: 780px ;
	margin : 54px auto 0px ;
}


.about_image{
	float : right ;
	width : 300px ;
	left : 20px ;
}

.about_storybox{
	position: absolute ;
	bottom : 0px ;
	left : 0px ;
	width : 350px ;
	font-size: 16px ;
	margin-left : 20px ;
}


.about_movie_superbox{
	width : 100% ;
	max-width : 1080px ;
	padding : 0px 40px ;
	margin : 140px auto 0px ;
}

.about_movie_tn{
	width : 33% ;
	max-width : 290px ;
	font-size : 13px ;
	margin-bottom : 20px ;
	left : 20px ;
	cursor: pointer ;
	text-align: center ;
}
.about_movie_tn_wrap{
	width : 100% ;
	height : 160px ;
	margin-bottom : 4px ;
}

.about_movie_tn_image{
	width : 100% ;
	height : 100% ;
	object-fit: cover ;
	z-index: 2 ;
}

.icon_movie{
	position: absolute ;
	top : 50% ;
	left : 50% ;
	transform: translate(-50%,-50%);
	width : 28px ;
	z-index: 4 ;
}



.movie_overlay{
	position: fixed ;
	top : 0% ;
	left : 0% ;
	width : 100% ;
	height : 100% ;
	z-index: 52 ;
	background-color: rgba(0,0,0,0.8);
	display: none ;
}


.movie_overlay video{
	display: block ;
	width : 100% ;
	height : 100% ;
	object-fit: contain ;
	z-index: 53 ;
}

.movie_close{
	position: absolute ;
	top : 20px ;
	right : 20px ;
	width : 80px ;
	height :80px ;
	cursor: pointer ;
	z-index: 54 ;
}

.movie_close_bar01{
	position: absolute ;
	top : 50% ;
	left : 0% ;
	width : 100% ;
	height : 2px ;
	background-color: #FFFFFF ;
	transform: rotate(45deg);
}
.movie_close_bar02{
	position: absolute ;
	top : 50% ;
	left : 0% ;
	width : 100% ;
	height : 2px ;
	background-color: #FFFFFF ;
	transform: rotate(-45deg);
}



.reason_story{
	width : 100% ;
	max-width : 750px ;
	font-size: 16px ;
	margin : 64px auto 0px ;
	left : 20px ;
}

.reason_flex{
	width : 100% ;
	max-width: 750px ;
	margin : 64px auto 0px ;
	justify-content: center !important;
}


.reason_flex_item01{
	width : 210px ;
	height : 68px ;
	padding-left : 70px ;
	left : 20px ;
	margin : 0px 0px ;
}
.reason_flex_item02{
	width : 300px ;
	height : 68px ;
	padding-left : 66px ;
	left : 20px ;
	margin : 0px 10px ;
}
.reason_flex_item02 span{
	font-size: 11px ;
}
.reason_flex_item04{
	width : 260px ;
	height : 68px ;
	padding-left : 60px ;
	left : 20px ;
	margin : 0px 10px ;
}
.reason_flex_item05{
	width : 340px ;
	height : 68px ;
	padding-left : 60px ;
	left : 20px ;
	margin : 0px 10px ;
}
.reason_flex_item06{
	width : 280px ;
	height : 68px ;
	padding-left : 66px ;
	left : 20px ;
	margin : 0px 10px ;
}


.reason_flex_icon{
	position: absolute ;
	top : 50% ;
	left : 0px ;
	transform: translate(0%,-50%);
	width : 60px ;
}

.reason_felx_tablecell{
	display: table-cell;
	width : 100% ;
	height : 68px ;
	vertical-align: middle ;
}


.reason_item_title{
	width : 100% ;
	height : 20px ;
	line-height: 20px ;
	text-align: center ;
	font-size : 18px ;
	font-weight: 700 ;
	margin : 110px auto 0px ;
	left : 20px ;
}

.reason_item_icon{
	position: absolute ;
	bottom : 100% ;
	left : 50% ;
	transform: translate(-50%,0%);
	width : 60px ;
}




.backup_image01{
	float : left ;
	width : 483px ;
	margin-top : 64px ;
	left : 20px ;
}
.backup_image02{
	float : right ;
	width : 483px ;
	margin-top : 64px ;
	left : 20px ;
}



.reason_sphone_flex{
	width : 100% ;
	max-width: 750px ;
	margin : 64px auto 0px ;
}

.reason_sphone_item{
	width : 33%;
	max-width: 202px ;
}
.reason_sphone_item img{
	width : 100% ;
}

.reason_sphone_item01{
	margin-top : 40px ;
}
.reason_sphone_item02{
	margin-top : 80px ;
}
.reason_sphone_item03{
	margin-top : 120px ;
}



.design_imagebox{
	width : 100% ;
	max-width: 1920px ;
	margin : 160px auto 0px ;
	top : 40px ;
}
.design_imagebox img{
	width : 100% ;
}



.spec_sheetbox{
	width : 100% ;
	max-width: 750px ;
	margin : 50px auto 0px ;
	padding : 0px 0px 0px 375px ;
	left : 20px ;
}


.spec_sheet_title{
	font-size: 16px ;
	font-weight: 700 ;
}


.spec_sheet_story{
	font-size: 16px ;
	margin-bottom : 16px ;
}


.spec_image{
	position: absolute ;
	top : 50% ;
	left : 0% ;
	transform: translate(0%,-50%);
	width : 50% ;
	max-width: 330px ;
}


.price_title{
	font-size: 21px ;
	margin-top : 60px ;
	text-align: center ;
	left : 20px ;
}


.price_image{
	width : 300px ;
	margin : 20px auto 0px ;
	left : 20px ;
}

.price_caption{
	text-align: center ;
	font-size: 17px ;
	margin-top : 8px ;
	left : 20px ;
}






.flow_superbox{
	width : 100% ;
	max-width: 640px ;
	margin : 60px auto 0px ;
}



.flow_itembox{
	width : 100% ;
	padding : 0px 0px 0px 180px ;
	left : 20px ;
}


.flow_item_image{
	position: absolute ;
	top : 50% ;
	left : 40px ;
	transform: translate(0%,-50%);
	width : 100px ;
}


.flow_item_title{
	width : 374px ;
	font-size : 18px ;
	font-weight: 700 ;
	color : #1C273E ;
	border-bottom : 1px solid #1C273E ;
	padding-bottom : 10px ;
}
.flow_item_story{
	width : 374px ;
	font-size : 16px ;
	margin-top : 10px ;
}


.icon_flow_arrow{
	width : 21px ;
	margin : 30px auto ;
	left : 20px ;
}

.contact_superbox{
	width : 100% ;
	max-width: 500px ;
	margin : 60px auto 0px ;
	left : 20px 
}

.contact_notice{
	text-align: right ;
	font-size : 12px ;
	color : #E10000 ;
	margin-bottom : 10px ;
}


.contact_itemname{
	float : left;
	width : 250px ;
	height : 24px ;
	line-height : 24px ;
	margin-bottom : 24px ;
	font-size : 16px ;
}
.contact_itemn_right{
	float : right ;
	width : 250px ;
	margin-bottom : 24px ;
	font-size : 16px ;
}




#contact_year_notice,
#contact_vol_notice,
#contact_mail_notice,
#contact_tel_notice,
#contact_add1_notice,
#contact_state_notice,
#contact_zip_notice,
#contact_kana_notice,
#contact_name_notice{
	font-size : 12px ;
	color : #E10000 ;
	display: none ;
}
.contact_name_cap{
	font-size : 10px ;
	color : #565656 ;
}







.contact_input{
	box-sizing : border-box ;
	width : 100% ;
	height : 24px ;
	padding : 0px 10px  ;
	font-size : 14px ;
	border : 1px solid #000000 ;
	background-color: #EFEEEA ;
	border-radius: 4px ;
	-webkit-appearance: none;
}
.contact_input.must{
	border : 1px solid #E10000 ;
}

.input_must{
	border : 1px solid #E10000 ;
}

.contact_itemn_right_radio{
	display: block ;
	padding-left : 96px ;
}

.hassystem{
	display: none ;
}


.contact01_q{
	box-sizing : border-box ;
	width : 100% ;
	padding : 10px 10px  ;
	font-size : 14px ;
	border : 1px solid #000000 ;
	border-radius: 8px ;
	background-color : #EFEEEA ;
	-webkit-appearance: none;
}

.contact_submit{
	box-sizing : border-box ;
	display : block ;
	width : 60px ;
	height : 30px ;
	font-size : 14px ;
	color : #FFFFFF ;
	font-weight : 600 ;
	letter-spacing : 2px ;
	margin : 60px auto 0px ;
	background-color : #1C273E ;
	border : 1px solid #1C273E ;
	cursor : pointer ;
	-webkit-appearance: none;
}
.contact_submit p{
	margin-top : -2px ;
}








#footer{
	width : 100% ;
	padding : 64px 40px 0px ;
	background-color: #1C273E ;
}



.footer_bar{
	width : 244px ;
	margin : 0px auto ;
}

.footer_bar_cap{
	width : 244px ;
	margin : 10px auto 0px ;
	font-size :14px ;
	color : #FFFFFF ;
}


.footer_bar_cap a,
.footer_bar_cap a:link,
.footer_bar_cap a:visited{
	color : #FFFFFF ;
	text-decoration: underline;
}




.footer_logo{
	width : 256px ;
	margin : 70px auto 0px ;
}
.footer_tel{
	width : 256px ;
	margin : 0px auto 0px ;
}

.footer_copy{
	width : 100% ;
	height : 68px ;
	line-height : 68px ;
	text-align: center ;
	font-size : 10px ;
	color : #FFFFFF ;
	margin-top : 40px ;
}


.float_superbox{
	position: fixed ;
	bottom : 0px ;
	left : 0px ;
	width : 100% ;
	height : 64px ;
	padding-top : 12px ;
	background-color: #1C273E ;
	z-index: 44 ;
}

.float_tel{
	width : 256px ;
	margin : 0px auto ;
}




.mailsend_section{
	width : 100% ;
	padding : 40px 0px 160px ;
	background-color: #EFEEEA ;
}


.mailsend_superbox{
	width : 100% ;
	max-width : 640px ;
	padding : 40px ;
	margin : 40px auto ;
}

.mailsend_superbox p{
	margin-top : 40px ;
	font-size : 14px ;
}

.mailsend_tel{
	width : 100% ;
	max-width : 270px ;
	margin : 0px auto ;
}


.mailsend_back{
	font-size : 16px ;
	font-weight: 700 ;
	text-decoration: underline ;
	margin-top : 20px ;
	text-align: center ;
}




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



}


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






.header{
	height : 76px ;
}
.header_dummy{
	height : 76px ;
}


.header_inner{
	height : 76px ;
	padding : 0px 16px ;
}

.header_logo{
	left : 10px ;
	transform: translate(0%,-50%);
	width : 140px ;
}



.header_inq{
	margin-top : 20px ;
}

.header_tel{
}




.fv_superbox{
	
}

.fv_image{
}

.fv_catch{
	top : 40px ;
	left : 40px ;
	width : 40% ;
	min-width: 160px ;
}




.about_section{
}


.inner1000{
}



.about_company_name{
	height : auto ;
	line-height : 30px ;
	left : 20px ;
}

.about_company_nameimage{
	display: block ;
	width : 180px ;
	margin : 10px auto 10px ;
	vertical-align: 0px ;
}

.about_company_story{
	text-align: left ;
	left : 20px ;
}


.about_title{
	height : auto ;
	margin : 120px auto 0px ;
}
.section_title_text{
	width : 100% ;
	text-align: center ;
	height : auto ;
	line-height : 30px ;
}

.titleback_en{
	height : 30px ;
	margin-left : 80px ;
}

.about_superbox{
}


.about_image{
	float : none ;
	width : 300px ;
	margin : 0px auto 20px;
	left : 20px ;
}

.about_storybox{
	position: relative ;
	bottom : auto ;
	left : auto;
	width : 100% ;
	padding : 0px 40px ;
}


.about_movie_superbox{
	max-width : 400px ;
}

.about_movie_tn{
	width : 100% ;
	max-width : 320px ;
	font-size : 13px ;
	margin-bottom : 40px ;
}
.about_movie_tn_wrap{
	height : auto ;
}

.about_movie_tn_image{
	width : 100% ;
	height : auto ;
	object-fit : auto ;
	z-index: 2 ;
}

.icon_movie{
}



.movie_overlay{
}


.movie_overlay video{
}

.movie_close{
}

.movie_close_bar01{
}
.movie_close_bar02{
}



.reason_story{
}

.reason_flex{
	max-width: 360px ;
	display: block !important;
}


.reason_flex_item01{
	width : 100% ;
	height : 68px ;
	padding-left : 60px ;
	margin : 20px 0px ;
	left : 20px ;
}
.reason_flex_item02{
	width : 100% ;
	height : 68px ;
	padding-left : 60px ;
	margin : 20px 0px ;
	left : 20px ;
}
.reason_flex_item02 span{
	font-size: 11px ;
}
.reason_flex_item04{
	width : 100% ;
	height : 68px ;
	padding-left : 60px ;
	margin : 20px 0px ;
	left : 20px ;
}
.reason_flex_item05{
	width : 100% ;
	height : 68px ;
	padding-left : 60px ;
	margin : 20px 0px ;
	left : 20px ;
}
.reason_flex_item06{
	width : 100% ;
	height : 68px ;
	padding-left : 60px ;
	margin : 20px 0px ;
	left : 20px ;
}


.reason_flex_icon{
	width : 50px ;
}

.reason_felx_tablecell{
	line-height: 1.3em ;
}


.reason_item_title{
}

.reason_item_icon{
	width : 60px ;
}




.backup_image01{
	float : none ;
	width : 100% ;
	max-width : 483px ;
	margin : 64px auto 0px ;
}
.backup_image02{
	float : none ;
	width : 100% ;
	max-width : 483px ;
	margin : 32px auto 0px ;
}



.reason_sphone_flex{
}

.reason_sphone_item{
}
.reason_sphone_item img{
}

.reason_sphone_item01{
}
.reason_sphone_item02{
}
.reason_sphone_item03{
}



.design_imagebox{
}
.design_imagebox img{
}



.spec_sheetbox{
	padding : 0px 0px 0px 0px ;
}


.spec_sheet_title{
}


.spec_sheet_story{
}


.spec_image{
	position: relative ;
	top : auto ;
	left : auto;
	transform: translate(0%,0%);
	width : 100% ;
	max-width: 330px ;
	margin : 40px auto 40px ;
}


.price_title{
}


.price_image{
}

.price_caption{
}






.flow_superbox{
}



.flow_itembox{
	padding : 0px 40px 0px 80px ;
	left : 20px ;
}


.flow_item_image{
	left : 20px ;
	transform: translate(0%,-50%);
	width : 60px ;
}


.flow_item_title{
	width : 100% ;
}
.flow_item_story{
	width : 100% ;
}


.icon_flow_arrow{
}

.contact_superbox{
	padding : 0px 40px ;
}

.contact_notice{
}


.contact_itemname{
	float : none;
	width : 100% ;
	height : auto ;
	margin-bottom : 12px ;
}
.contact_itemn_right{
	float : none ;
	width : 100% ;
	margin-bottom : 32px ;
}




#contact_year_notice,
#contact_vol_notice,
#contact_mail_notice,
#contact_tel_notice,
#contact_add1_notice,
#contact_state_notice,
#contact_zip_notice,
#contact_kana_notice,
#contact_name_notice{
}
.contact_name_cap{
}







.contact_input{
	height : 32px ;
}
.contact_input.must{
}

.input_must{
}

.contact_itemn_right_radio{
	display: block ;
	padding-left : 96px ;
	margin-bottom : 10px ;
}

.hassystem{
}


.contact01_q{
}

.contact_submit{
	width : 80px ;
	height : 40px ;
	
}
.contact_submit p{
}








#footer{
	padding : 64px 40px 64px ;
}



.footer_bar{
}

.footer_bar_cap{
}


.footer_bar_cap a,
.footer_bar_cap a:link,
.footer_bar_cap a:visited{
}




.footer_logo{
}

.footer_copy{
}















}