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





.inner1100{
	width: calc( 100% - 48px );
	max-width: 1100px ;
	margin: 0px auto ;
}
.inner1000{
	width: calc( 100% - 48px );
	max-width: 1000px ;
	margin: 0px auto ;
}





.footer{
	width: 100% ;
	padding: 52px 0px 64px ;
	background-color: #005072 ;
	color : #FFFFFF ;
}

.footer_logo{
	width: 250px ;
	margin: 0px auto ;
}

.footer_region{
	text-align: center ;
	font-size: 15px ;
	margin-top : 26px ;
}


.footer_support{
	width: 400px ;
	height: 42px ;
	line-height: 40px ;
	color : #005072  ;
	background-color: #FFFFFF ;
	font-size: 20px ;
	font-weight: 700 ;
	text-align: center ;
	margin : 32px auto 0px ;
}

.footer_copy{
	text-align: center ;
	font-size: 14px ;
	margin-top : 40px ;
}

.footer_flex{
	width: calc( 100% - 48px );
	max-width: 1000px ;
	margin : 40px auto 0px ;
}

.footer_flex_item{
	width: 50% ;
}




.footer_info_tokyo{
	width: calc( 100% - 40px );
	max-width: 500px ;
	margin : 60px auto 0px ;

}




.footer_flex_item_name{
	float : left;
	width: 64px ;
	border-right: 1px solid #FFFFFF ;
	font-size: 13px ;
	margin-bottom : 16px ;
}
.footer_flex_item_add{
	float : left;
	width: calc( 100% - 72px );
	margin-left: 8px ;
	font-size: 13px ;
	margin-bottom : 16px ;
}


.btn_totop{
	position: absolute;
	top : 0px ;
	right: 0px ;
	width: 120px ;
	height: 76px ;
	background-color: #FFFFFF ;
	cursor: pointer ;
	padding-top : 13px ;
}

.btn_totop img{
	width: 50px ;
	margin : 0px auto ;
}




.inq_section{
	padding: 120px 0px 80px ;
	background-color: #E1E1E1 ;
}

.inq_title{
	font-size: 40px ;
	font-weight: 700 ;
	text-align: center ;
}
.inq_mustexp{
	font-size: 16px ;
	text-align: center ;
	margin-top : 30px ;
}

span.must{
	color : #0097FF ;
}

.inq_input_flex{
	width: 100% ;
	margin : 60px auto 0px ;
}


.inq_halfbox{
	width: 47% ;
	margin-top : 24px ;
}
.inq_fullbox{
	width: 100% ;
	margin-top : 36px ;
}

.inq_item_title{
	font-size: 18px ;
}
.inq_item_title_mm{
	font-size: 15px ;
}

.input_text{
	display: block ;
	position: relative ;
	box-sizing: border-box ;
	border : 1px solid #A2A2A2 ;
	background-color: #FFFFFF ;
	padding: 0px 10px ;
	width: 100% ;
	height: 52px ;
}

.input_select{
	display: block ;
	position: relative ;
	box-sizing: border-box ;
	border : 1px solid #A2A2A2 ;
	background-color: #FFFFFF ;
	padding: 0px 10px ;
	width: 100% ;
	height: 52px ;
}


.inq_item_title_demo{
	font-size: 24px ;
	font-weight: 700 ;
	color: #E05A24 ;
	margin-bottom : 10px ;
}

.inq_item_demo_l{
	padding-left: 1rem;
}
.inq_item_demo{
	padding : 0px 10px 0px 36px ;
	font-size: 18px ;
	font-weight: 700 ;
	color: #E05A24 ;
}
.inq_item_demo_l input,
.inq_item_mag input,
.inq_item_demo input{
	transform: scale3d(2,2,2) translate(-50%,0%);
}



.inq_mailmagbox{
	width: 100% ;
	padding: 30px ;
	border : 1px solid #FFFFFF ;
	background-color: #D5D5D5 ;
	margin-top : 10px ;
}

.inq_item_mag{
	padding : 0px 30px 0px 10px ;
	font-size: 18px ;
	font-weight: 700 ;
}

.inq_item_magagree_wrap{
	margin-top : 20px ;
}
.inq_item_magagree{
	font-size: 15px ;
	margin-top : 20px ;
}

.contact01_q{
	position: relative;
	display: block ;
	box-sizing: border-box ;
	width: 100% ;
	height: 290px ;
	padding: 10px ;
	border : 1px solid #A2A2A2 ;
	background-color: #FFFFFF ;
	margin-top : 10px ;
}
textarea::placeholder{
	color : #A2A2A2 ;
}

.inq_privacty{
	font-size: 14px ;
	margin-top : 10px ;
}
.inq_privacty a,
.inq_privacty a:link,
.inq_privacty a:visited{
	color : #0000ee ;
	text-decoration: underline ;
}
.inq_privacty a:hover{
	opacity: 0.5;
}

.mailform_submit{
	display: block ;
	position: relative ;
	box-sizing: border-box ;
	width: 100% ;
	max-width: 400px ;
	height: 70px ;
	text-align: center ;
	color : #FFFFFF ;
	background-color: #0097FF ;
	border : 0px solid #000000 ;
	margin : 50px auto 0px ;
	font-size: 27px ;
	font-weight: 700 ;
	cursor: pointer ;
}

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


#contact01_name1_notice,
#contact01_name2_notice,
#contact01_company_notice,
#contact01_section_notice,
#contact01_mail_notice,
#contact01_state_notice,
#contact01_tel_notice,
#contact01_genre_notice,
#contact01_mag_notice,
#contact01_magagree_notice,
#contact01_q_notice{
	color : #E05A24 ;
	font-weight: 700 ;
	display: none ;
}


.fv_btnbox_sp{
	display: none ;
}








.send_section{
	width: 100% ;
	min-height: 100vh ;
	background-color: #E1E1E1 ;
	padding : 140px 24px 0px ;
}


.send_logo{
	width: 100% ;
	max-width: 200px ;
	margin : 0px auto ;
}



.send_title{
	font-size: 24px ;
	text-align: center ;
	margin-top : 80px ;
}

.send_holiday_superbox{
	width: 100% ;
	max-width: 790px ;
	padding : 10px 10px 10px 240px ;
	border: 1px solid #000000 ;
	margin : 40px auto 0px ;
	background-color: #FFFFFF ;
}

.send_holiday_l{
	position: absolute;
	top : 0px ;
	left: 0px ;
	width: 230px ;
	height: 100% ;
	color : #FFFFFF ;
	text-align: center ;
	font-size: 24px ;
	background-color: #000000;
}
.send_holiday_l div{
	position: absolute;
	top : 50% ;
	left: 0% ;
	width: 100%;
	transform: translate(0%,-50%);
}

.send_holiday_r{
	text-align: center ;
	font-size: 20px ;
}


.send_story{
	font-size: 16px ;
	margin-top : 40px ;
	line-height: 2.0;
	text-align: center ;
}

.send_story a{
	text-decoration: underline ;
}



.footer_tel_title{
	font-size: 20px ;
	font-weight: 700 ;
	text-align: center ;
	margin-top : 60px ;
}

.footer_tel_during{
	font-size: 11px ;
	text-align: center ;
	margin-top : 8px ;
}


.footer_tel_superbox{
	justify-content: center !important ;
	margin : 30px auto 36px ;
	border-bottom : 1px solid #236885 ;
	width: 100% ;
	max-width: 980px ;
	padding-bottom : 36px ;
}

.footer_tel_item{
	width: 240px ;
	height: 26px ;
	line-height: 26px ;
	font-size: 23px ;
	font-weight: 700 ;
	padding-left : 70px ;
	margin : 0px 30px ;
}
.footer_tel_item a,
.footer_tel_item a:link,
.footer_tel_item a:visited{
	color : #FFFFFF ;
}

.footer_tel_area{
	position: absolute;
	top : 0% ;
	left: 0% ;
	width: 60px ;
	height: 26px ;
	color : #005072 ;
	text-align: center ;
	font-size: 14px ;
	background-color: #FFFFFF ;
}









.header{
	width: 100% ;
	height: 180px ;
	background-color: #FFFFFF ;
	z-index: 1 ;
}
.header_dummy{
	width: 100% ;
	height: 180px ;
}

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


.header_linkbox{
	position: fixed;
	top : 0% ;
	right: 0% ;
	width: 420px ;
	height: 60px ;
	z-index: 44 ;
}
.header_link_dl{
	float : left;
	width: 33.333%;
	height: 60px ;
	line-height: 60px ;
	text-align: center ;
	font-size: 14px ;
	font-weight: 700 ;
	background-color: #0995B8 ;
	color: #FFFFFF ;
}
.header_link_demo{
	float : left;
	width: 33.333%;
	height: 60px ;
	line-height: 60px ;
	text-align: center ;
	font-size: 14px ;
	font-weight: 700 ;
	background-color: #204F6F ;
	color: #FFFFFF ;
}
.header_link_inq{
	float : left;
	width: 33.333%;
	height: 60px ;
	line-height: 60px ;
	text-align: center ;
	font-size: 14px ;
	font-weight: 700 ;
	background-color: #E05A23 ;
	color: #FFFFFF ;
}

.header_link_circle{
	position: absolute;
	top : 50% ;
	right: 16px ;
	transform: translate(0%,-50%);
	width: 40px ;
	height: 40px ;
	background-color: #FFFFFF ;
	border-radius: 50% ;
}

.header_link_arrow{
	position: absolute;
	top : 14px ;
	left: 50% ;
	transform: translate(-50%,0%) rotate(45deg);
	width: 10px ;
	height: 10px ;
}


.header_link_demo .header_link_arrow{
	border-bottom : 2px solid #204F6F ;
	border-right : 2px solid #204F6F ;
}
.header_link_inq .header_link_arrow{
	border-bottom : 2px solid #E05A23 ;
	border-right : 2px solid #E05A23 ;
}


.header_h1{
	position: absolute;
	top : 50% ;
	left: 50% ;
	transform: translate(-50%,-50%);
	width: calc( 100% - 600px ) ;
	text-align: center ;
	font-weight: 900 ;
}
.header_h1_01{
	font-size: 26px ;
	line-height: 26px ;
}
.header_h1_01 span{
	font-size: 18px ;
}

.header_h1_02{
	font-size: 60px ;
	line-height: 60px ;
}

.fv_superbox{
	width: 100%;
	opacity: 0 ;
}

.fv_item_back{
	position: absolute;
	top : 0% ;
	left: 0% ;
	width: 100% ;
	height: 100% ;
	object-fit: cover ;
	object-position: right center ;
	z-index: 1 ;
}

.fv_inner{
	width: 100% ;
	max-width: 1440px ;
	margin : 0px auto ;
	padding: 52px 64px ;
	z-index: 2 ;
}


.fv_storybox{
	width: 100% ;
	max-width: 720px ;
}

.fv_catch{
	font-size: 40px ;
	line-height: 50px ;
	color: #FFFFFF ;
	text-align: center ;
}
.fv_catch span{
	font-size: 32px ;
}

.fv_story_linebox{
	margin-top : 10px ;
}

.fv_story_line_title{
	color : #FFFFFF ;
	font-size: 40px ;
	text-align: center ;
	width: 100% ;
}
.fv_story_line_l{
	position: absolute;
	top : 50% ;
	left : 0% ;
	height: 1px ;
	background : linear-gradient( to left , #FFFFFF , transparent );
}
.fv_story_line_r{
	position: absolute;
	top : 50% ;
	right : 0% ;
	height: 1px ;
	background : linear-gradient( to right , #FFFFFF , transparent );
}

.fv_visibox .fv_story_line_r,
.fv_visibox .fv_story_line_l{
	width: calc( 50% - 50px );
}
.fv_workncbox .fv_story_line_r,
.fv_workncbox .fv_story_line_l{
	width: calc( 50% - 100px );
}



.fv_linkbox{
	width: 100% ;
	padding: 32px 0px 50px ;
	background-image : url("../images/fv_link_back.jpg") ;
	background-size: cover ;
	background-position: center top ;
	opacity: 0 ;
}


.fv_link_titlebox{
	width: 100% ;
	max-width: 1440px ;
	margin : 0px auto ;
}

.fv_link_title_inner{
	width: 100% ;
	text-align: center ;
	font-size: 32px ;
	font-weight: 700 ;
}
.fv_link_title_inner span{
	font-size: 24px ;
}

.fv_link_title_l{
	position: absolute ;
	top : 50%;
	left: 0% ;
	width: calc( 50% - 160px );
	height: 1px ;
	background : linear-gradient( to left , #231815 , transparent );
}
.fv_link_title_r{
	position: absolute ;
	top : 50%;
	right: 0% ;
	width: calc( 50% - 160px );
	height: 1px ;
	background : linear-gradient( to right , #231815 , transparent );
}




.fv_linkbox_flex{
	width: 100%;
	max-width: 1000px ;
	margin : 16px auto 0px ;
}

.fv_linkbox_item{
	width: 475px ;
	height: 300px ;
}

.fv_linkbox_visi_mould{
	width: 100% ;
	height: 135px ;
	background-color: #005199 ;
	padding: 10px ;
}
.fv_linkbox_visi_mould.follow{
	margin-top : 30px ;
}

.fv_linkbox_visi_circle{
	position: absolute ;
	top : 50% ;
	right: 20px ;
	transform: translate(0%,-50%);
	width: 60px ;
	height: 60px ;
	background-color: #003377 ;
	border-radius: 50% ;
}

.fv_linkbox_visi_arrow{
	position: absolute;
	top : 22px ;
	left: 50% ;
	width: 12px ;
	height: 12px ;
	transform: translate(-50%,0%) rotate(45deg);
	border-bottom : 2px solid #FFFFFF ;
	border-right: 2px solid #FFFFFF ;
}

.fv_linkbox_visi_mould_inner{
	width: 100% ;
	height: 115px ;
	border-top : 1px solid #5B9CC8 ;
	border-left : 1px solid #5B9CC8 ;
}


.fv_linkbox_visi_title_jp{
	text-align: center ;
	font-size: 32px ;
	line-height: 32px ;
	font-weight: 700 ;
	color: #FFFFFF ;
	margin-top : 24px ;
}
.fv_linkbox_visi_title_jp span{
	font-size: 24px ;
}

.fv_linkbox_visi_title_en{
	text-align: center ;
	font-size: 28px ;
	line-height: 28px ;
	font-weight: 700 ;
	color : #FFFFFF ;
	opacity: 1 ;
	margin-top : 8px ;
}
.fv_linkbox_visi_title_en span{
	font-weight: 400 ;
}






.fv_linkbox_worknc{
	width: 100% ;
	height: 300px ;
	background-color: #008B9C ;
	padding: 10px ;
}

.fv_linkbox_worknc_circle{
	position: absolute ;
	bottom : 36px  ;
	left: 50% ;
	transform: translate(-50%,0%);
	width: 60px ;
	height: 60px ;
	background-color: #006D78 ;
	border-radius: 50% ;
}

.fv_linkbox_worknc_arrow{
	position: absolute;
	top : 22px ;
	left: 50% ;
	width: 12px ;
	height: 12px ;
	transform: translate(-50%,0%) rotate(45deg);
	border-bottom : 2px solid #FFFFFF ;
	border-right: 2px solid #FFFFFF ;
}

.fv_linkbox_worknc_inner{
	width: 100% ;
	height: 280px ;
	border-top : 1px solid #7EB2BA ;
	border-left : 1px solid #7EB2BA ;
}


.fv_linkbox_worknc_title_jp{
	text-align: center ;
	font-size: 32px ;
	line-height: 42px ;
	font-weight: 700 ;
	color: #FFFFFF ;
	margin-top : 76px ;
}

.fv_linkbox_worknc_title_en{
	text-align: center ;
	font-size: 28px ;
	line-height: 28px ;
	font-weight: 700 ;
	color : #FFFFFF ;
	opacity: 1 ;
	margin-top : 18px ;
}






.visi_section{
	width: 100% ;
	background : linear-gradient(to bottom , #005199 , #231815 );
	padding : 40px 0px 140px ;
	overflow: hidden ;
}
.worknc_section{
	width: 100% ;
	background : linear-gradient(to bottom , #008B9C , #231815 );
	padding : 40px 0px 140px ;
	overflow: hidden ;
}

.section_back01{
	position: absolute;
	top : 0% ;
	left: 0% ;
	width: 100% ;
	z-index: 1 ;
}
.section_back02{
	position: absolute;
	bottom : 0% ;
	right: 0% ;
	width: 100% ;
	z-index: 1 ;
}







.section_title{
	width: calc( 100% - 40px );
	max-width: 720px ;
	text-align: center ;
	font-size: 32px ;
	font-weight: 700 ;
	line-height: 40px ;
	color: #FFFFFF ;
	z-index: 2 ;
	margin : 0px auto ;
}
.section_title span{
	font-size: 24px ;
}

.section_titlebox_en{
	width: 100% ;
	max-width: 720px ;
	margin : 12px auto 0px ;
	z-index: 2 ;
	color: #FFFFFF ;
}



.section_title_en_inner{
	width: 100px ;
	font-size: 30px ;
	text-align: center ;
	margin : 0px auto ;
	color: #FFFFFF ;
	opacity: 1 ;
}

.section_titlebox_en_line_l{
	position: absolute ;
	top : 50% ;
	left: 0% ;
	width: calc( 50% - 50px );
	height: 1px ;
	background : linear-gradient( to left , #FFFFFF , transparent );
}
.section_titlebox_en_line_r{
	position: absolute ;
	top : 50% ;
	right: 0% ;
	width: calc( 50% - 50px );
	height: 1px ;
	background : linear-gradient( to right , #FFFFFF , transparent );
}

.section_titlebox_en.worknc .section_title_en_inner{
	width: 200px ;
}
.section_titlebox_en.worknc .section_titlebox_en_line_l{
	width: calc( 50% - 100px );
}
.section_titlebox_en.worknc .section_titlebox_en_line_r{
	width: calc( 50% - 100px );
}


.chara_subtitle{
	text-align: center ;
	margin : 40px auto 0px ;
	font-size: 28px ;
	line-height: 28px ;
	font-weight: 700 ;
	color: #FFFFFF ;
	z-index: 2;
}
.chara_subtitle_span02{
	font-weight: 400 !important;
}

.chara_subtitle.follow{
	margin-top : 72px ;
}


.chara_bigtitle{
	width: 100% ;
	margin : 10px auto 0px ;
	z-index: 2 ;
}

.chara_bigtitle_bar{
	position: absolute;
	top : 50% ;
	left: 0% ;
	width: 100% ;
	height: 1px ;
	z-index: 2 ;
	background-color: #5B9CC8 ;
}

.chara_bigtitle_box{
	z-index: 4 ;
	width: 386px ;
	height: 112px ;
	line-height: 112px;
	text-align: center ;
	font-size: 60px ;
	font-weight: 700 ;
	margin : 0px auto ;
	color: #FFFFFF ;
	background : linear-gradient( to right , rgba(0,0,50,0.8) , rgba(0,0,0,0.8) );
}
.chara_bigtitle_box.worknc{
	background : linear-gradient( to right , rgba(0,40,58,0.8) , rgba(0,0,0,0.8) );
}

.chara_bigtitle_inner{
	width: calc( 100% - 16px );
	height: 112px ;
	margin : 0px auto ;
	border-left: 1px solid #5B9CC8 ;
	border-right: 1px solid #5B9CC8 ;
}



.chara_itembox{
	width: calc( 100% - 40px );
	max-width: 1100px ;
	margin : 84px auto 0px ;
	z-index: 2 ;
}

.chara_item_imagebox{
	width: 439px ;
	order: 0 ;
	z-index: 4 ;
}
.chara_item_imagebox img{
	width: 100% ;
}
.chara_item_storybox{
	width: calc( 100% - 439px );
	color: #FFFFFF ;
	order: 1 ;
}
.chara_item_title{
	font-size: 28px ;
	font-weight: 700 ;
	line-height: 32px ;
	padding : 0px 0px 20px 50px ;
}
.chara_item_title_bar{
	position: absolute;
	bottom : 0px ;
	right: 0px ;
	width: 150% ;
	height: 1px ;
	background-color: #5B9CC8 ;
	z-index: 2;
}

.chara_item_story{
	padding : 0px 0px 0px 50px ;
	margin-top : 20px ;
	font-size: 16px ;
}




.chara_itembox.odds .chara_item_imagebox{
	order: 1 ;
}
.chara_itembox.odds .chara_item_storybox{
	order: 0 ;
}
.chara_itembox.odds .chara_item_title{
	padding : 0px 50px 20px 0px ;
}

.chara_itembox.odds .chara_item_story{
	padding : 0px 50px 0px 0px ;
}

.chara_itembox.odds .chara_item_title_bar{
	right: auto ;
	left: 0px ;
}




.solution_area{
	width: 100% ;
	max-width: 1100px ;
	margin : 90px auto 0px ;
	border : 1px solid #FFFFFF ;
	/** background-color: #00214C ; **/
	background-color: rgba(0,0,25,0.5);
	padding: 23px 35px 1px ;
	z-index: 2 ;
}
.solution_area.worknc{
	/** background-color: #003B5A ; **/
	background-color: rgba(0,0,25,0.5);
}


.solution_titlebox{
	width: 100% ;
	max-width: 634px ;
	height: 106px ;
	margin : 0px auto ;
}

.solution_title{
	width: 100% ;
	font-size: 32px ;
	font-weight: 700 ;
	text-align: center ;
	color: #5B9CC8 ;
	z-index: 4 ;
}

.solution_title_back{
	position: absolute;
	top : 0% ;
	left: 0% ;
	width: 100% ;
	z-index: 1 ;
}

.solution_item_superbox{
	width: 100% ;
	margin : 20px auto 50px ;
	justify-content: center !important ;
}

.solution_item_titlebox{
	width: 100% ;
	height: 120px ;
	padding : 20px 0px 0px ;
	margin : 20px auto 0px ;
	background-color: #5B9CC8 ;
}

.solution_item_title_jp{
	font-size: 32px ;
	font-weight: 700 ;
	line-height: 40px ;
	text-align: center ;
	color: #FFFFFF ;
}

.solution_item_title_en{
	opacity: 1 ;
	font-size: 32px ;
	font-weight: 700 ;
	text-align: center ;
	color: #FFFFFF ;
}
.solution_item_title_en span{
	font-weight: 400 ;
}


.solution_item_beforetitle{
	width: 50% ;
	height: 86px ;
	line-height: 86px ;
	text-align: center ;
	font-size: 28px ;
	font-weight: 700 ;
	background : linear-gradient( to right , #FFFFFF , #DBE7ED );
	border-bottom : 1px solid #005199 ;
}
.solution_item_aftertitle{
	width: 50% ;
	height: 86px ;
	line-height: 86px ;
	text-align: center ;
	font-size: 28px ;
	font-weight: 700 ;
	background-color: #FFFFFF ;
	border-bottom : 2px solid #F7931E ;
}

.solution_item_before_arrow{
	position: absolute;
	top : 50% ;
	right: 0% ;
	transform: translate(50%,-50%);
	width: 60px ;
	padding: 32px 28px ;
	z-index: 4;
}

.solution_item_beforebox{
	width: 50% ;
	background : linear-gradient( to right , #FFFFFF , #DBE7ED );
}
.solution_item_afterbox{
	width: 50% ;
	background-color: #FFFFFF ;
	padding: 32px 28px ;
	font-size: 16px ;
	font-weight: 700 ;
}

.solution_item_afterbox span{
	background: linear-gradient(transparent 40%, #FFE67A 0%);
}

.solution_item_dotbar{
	position: absolute;
	bottom : 0px ;
	left: 50% ;
	transform: translate(-50%,0%);
	width: calc( 100% - 64px );
	height: 1px ;
	border-bottom : 2px dotted #999999 ;
	z-index: 4 ;
}

.solution_item_before_inner{
	position: absolute;
	top : 50% ;
	left: 0% ;
	transform: translate(0%,-50%);
	width: 100% ;
	padding : 0px 28px ;
	font-size: 22px ;
	font-weight: 900 ;
	color: #005199 ;
	line-height: 38px ;
}



.function_area{
	width: 100% ;
	max-width: 1100px ;
	padding: 40px ;
	margin : 130px auto 0px ;
	background-color: #005199 ;
	z-index: 2 ;
}
.function_area.worknc{
	background-color: #008B9C ;
}

.function_title{
	width: 100% ;
	text-align: center ;
	font-size: 60px ;
	font-weight: 700 ;
	color: #FFFFFF ;
	line-height: 82px ;
}

.function_title_enbox{
	width: 100% ;
}

.function_title_en_inner{
	font-size: 40px ;
	opacity: 1 ;
	color : #FFFFFF ;
	text-align: center ;
}

.function_title_enbox_l{
	position: absolute;
	top : 50% ;
	left: 0% ;
	width: calc( 50% - 50px );
	height: 1px ;
	background : linear-gradient( to left , #FFFFFF , transparent );	
}

.function_title_enbox_r{
	position: absolute;
	top : 50% ;
	right : 0% ;
	width: calc( 50% - 50px );
	height: 1px ;
	background : linear-gradient( to right , #FFFFFF , transparent );	
}

.function_area.worknc .function_title_enbox_l{
	width: calc( 50% - 100px );
}
.function_area.worknc .function_title_enbox_r{
	width: calc( 50% - 100px );
}



.function_superbox{
	width: 100% ;
	padding-top : 1px ;
}

.function_itembox{
	width: 49% ;
	max-width: 490px ;
	margin-top : 40px ;
	padding : 40px 40px 300px ;
	background : linear-gradient( to right , #B4D9ED , #FFFFFF  );	
}

.function_item_title{
	width: calc( 100% + 80px );
	left: -40px ;
}

.function_item_title_bar{
	position: absolute;
	top : 15px ;
	left: 0% ;
	width: 100% ;
	height: 20px ;
	z-index: 2 ;
	background : linear-gradient( to left , #B4D9ED , #FFFFFF  );	
}

.function_item_title_inner{
	font-size: 28px ;
	line-height: 44px ;
	font-weight: 700 ;
	text-align: center ;
	z-index: 4 ;
}


.function_item_story{
	font-size: 18px ;
	margin-top : 20px ;
}

.function_item_image{
	position: absolute;
	bottom : 40px ;
	left: 50% ;
	transform: translate(-50%,0%);
	width: calc( 100% - 80px );
	height: 230px ;
}

.function_item_image img{
	width: 100% ;
}


.function_area.worknc .function_itembox{
	padding-bottom : 375px ;
}

.function_area.worknc .function_item_image{
	height: 305px ;
}



.demo_section{
	width: 100% ;
	padding: 90px 0px 108px ;
}

.demo_superbox{
	width: calc( 100% - 40px );
	max-width: 1100px ;
	background-color: #F7931E ;
	padding: 30px 50px ;
	margin : 0px auto ;
}

.demo_imagebox{
	width: 500px ;
}

.demo_imagebox img{
	width: 100% ;
}

.demo_right{
	width: calc( 100% - 520px );
	max-width: 760px ;
	color: #FFFFFF ;
}

.demo_right_title{
	font-size: 42px ;
	font-weight: 900 ;
	line-height: 56px ;
	padding-bottom : 30px ;
	margin-bottom : 30px ;
	border-bottom : 4px dotted #FFFFFF ;
}

.demo_right_story{
	font-size: 28px ;
	line-height: 42px ;
	font-weight: 700 ;
}


.demo_arrow{
	position: absolute;
	bottom : -63px ;
	left: 0% ;
	width: 100% ;
	height: 64px ;
}


.inq_txt_s{
	font-size: 14px ;
}

.inq_section_2{
	padding: 0px 0px 80px ;
	background-color: #000 ;
}




































































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


.header_h1_02{
	font-size: 50px ;
	line-height: 50px ;
	margin-top : 10px ;
}


}


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


.header_h1_02{
	font-size: 30px ;
	line-height: 30px ;
}






}


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












.inner1100{
}
.inner1000{
}



.footer{
	padding: 100px 24px 80px ;
}

.footer_logo{
}

.footer_region{
	font-size: 14px ;
}


.footer_support{
	width: 100% ;
	max-width: 400px ;
}

.footer_copy{
	font-size: 10px ;
}

.footer_flex{
	width: 100% ;
	max-width: 400px ;
}

.footer_flex_item{
	width: 100% ;
}



.footer_flex_item_name{
}
.footer_flex_item_add{
}


.btn_totop{
}

.btn_totop img{
}




.inq_section{
}
.inq_section label{
	display: inline-block ;
	margin-bottom : 10px ;
}

.inq_title{
	font-size: 30px ;
}
.inq_mustexp{
	margin-top : 20px ;
}

span.must{
}

.inq_input_flex{
}


.inq_halfbox{
	width: 100% ;
}
.inq_fullbox{
	width: 100% ;
	margin-top : 36px ;
}

.inq_item_title{
	font-size: 18px ;
}


.input_text{
}

.input_select{
}


.inq_item_title_demo{
	font-size: 20px ;
}

.inq_item_demo{
}
.inq_item_mag input,
.inq_item_demo input{
}



.inq_mailmagbox{
}

.inq_item_mag{
}

.inq_item_magagree_wrap{
}
.inq_item_magagree{
}

.contact01_q{
}
textarea::placeholder{
}

.inq_privacty{
}

.mailform_submit{
	font-size: 20px ;
}

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


#contact01_name1_notice,
#contact01_name2_notice,
#contact01_company_notice,
#contact01_section_notice,
#contact01_mail_notice,
#contact01_state_notice,
#contact01_tel_notice,
#contact01_genre_notice,
#contact01_mag_notice,
#contact01_magagree_notice,
#contact01_q_notice{
	color : #E05A24 ;
	font-weight: 700 ;
	display: none ;
}





.send_section{
	padding : 40px 24px 0px ;
}


.send_logo{
	max-width: 160px ;
}



.send_title{
	font-size: 16px ;
	margin-top: 20px ;
}

.send_holiday_superbox{
	padding : 10px ;
}

.send_holiday_l{
	position: relative;
	top : auto ;
	left: auto ;
	width: 100% ;
	height: 40px ;
	line-height: 40px ;
	font-size: 20px ;
}
.send_holiday_l div{
	position: relative;
	top : auto ;
	left: auto ;
	width: 100%;
	transform: translate(0%,0%);
}

.send_holiday_r{
	padding: 10px ;
	font-size: 20px ;
}


.send_story{
	font-size: 14px ;
	margin-top : 20px ;
	line-height: 1.8;
}

.send_story a{
}








.footer_tel_title{
}

.footer_tel_during{
}


.footer_tel_superbox{
	padding-bottom : 16px ;
}

.footer_tel_item{
	margin : 0px 30px 20px ;
}
.footer_tel_item a,
.footer_tel_item a:link,
.footer_tel_item a:visited{
	color : #FFFFFF ;
}

.footer_tel_area{
	position: absolute;
	top : 0% ;
	left: 0% ;
	width: 60px ;
	height: 26px ;
	color : #005072 ;
	text-align: center ;
	font-size: 14px ;
	background-color: #FFFFFF ;
}

























.header{
	width: 100% ;
	height: auto ;
	padding : 20px 0px ;
}
.header_dummy{
	
}

.logo_header{
	position: relative ;
	top : auto ;
	left: auto ;
	transform: translate(0%,0%);
	width: 200px ;
	margin : 0px auto ;
}


.header_linkbox{
	position: fixed;
	top : auto ;
	bottom: 0%;
	right: 0% ;
	width: 100% ;
	height: 60px ;
	z-index: 44 ;
}
.header_link_demo{
}
.header_link_inq{
}
.header_link_circle{
}

.header_link_arrow{
}


.header_link_demo .header_link_arrow{
}
.header_link_inq .header_link_arrow{
}


.header_h1{
	position: relative;
	top : auto ;
	left: auto ;
	transform: translate(0%,0%);
	width: 100% ;
	padding: 0px 0px ;
}
.header_h1_01{
	font-size: 26px ;
	line-height: 26px ;
}
.header_h1_01 span{
	font-size: 18px ;
}



.fv_superbox{
}

.fv_item_back{
	object-position: center bottom ;
}

.fv_inner{
	padding: 20px 20px 180px ;
}


.fv_storybox{
}

.fv_catch{
	font-size: 25px ;
	line-height: 30px ;
}
.fv_catch span{
	font-size: 20px ;
}

.fv_story_linebox{
	margin-top : 10px ;
}

.fv_story_line_title{
	font-size: 30px ;
}
.fv_story_line_l{
}
.fv_story_line_r{
}

.fv_visibox .fv_story_line_r,
.fv_visibox .fv_story_line_l{
	width: calc( 50% - 50px );
}
.fv_workncbox .fv_story_line_r,
.fv_workncbox .fv_story_line_l{
	width: calc( 50% - 80px );
}



.fv_linkbox{
	padding: 24px 20px 20px ;
}


.fv_link_titlebox{
}

.fv_link_title_inner{
	font-size: 30px ;
}
.fv_link_title_inner span{
	font-size: 24px ;
}

.fv_link_title_l{
	width: calc( 50% - 130px );
}
.fv_link_title_r{
	width: calc( 50% - 130px );
}




.fv_linkbox_flex{
	max-width: 400px ;
}

.fv_linkbox_item{
	width: 100% ;
	height: auto ;
}

.fv_linkbox_visi_mould{
	height: 90px ;
}
.fv_linkbox_visi_mould.follow{
	margin-top : 10px ;
}

.fv_linkbox_visi_circle{
	right: 10px ;
	width: 48px ;
	height: 48px ;
}

.fv_linkbox_visi_arrow{
	top : 18px ;
	width: 10px ;
	height: 10px ;
}

.fv_linkbox_visi_mould_inner{
	width: 100% ;
	height: 70px ;
}


.fv_linkbox_visi_title_jp{
	font-size: 26px ;
	line-height: 26px ;
	margin-top : 10px ;
}
.fv_linkbox_visi_title_jp span{
	font-size: 22px ;
}

.fv_linkbox_visi_title_en{
	font-size: 18px ;
	line-height: 18px ;
}
.fv_linkbox_visi_title_en span{
}






.fv_linkbox_worknc{
	height: 90px ;
	margin-top : 10px ;
}

.fv_linkbox_worknc_circle{
	bottom : auto ;
	top : 50% ;
	left: auto ;
	right: 10px ;
	transform: translate(0%,-50%);
	width: 48px ;
	height: 48px ;
}

.fv_linkbox_worknc_arrow{
	top : 18px ;
	width: 10px ;
	height: 10px ;
}

.fv_linkbox_worknc_inner{
	width: 100% ;
	height: 70px ;
}


.fv_linkbox_worknc_title_jp{
	font-size: 26px ;
	line-height: 26px ;
	margin-top : 10px ;
}

.fv_linkbox_worknc_title_en{
	font-size: 18px ;
	line-height: 18px ;
	margin-top : 10px ;
}






.visi_section{
	padding : 30px 0px 20px ;
}
.worknc_section{
	padding : 30px 0px 20px ;
}

.section_back01{
}
.section_back02{
}







.section_title{
	font-size: 23px ;
	line-height: 30px ;
}
.section_title span{
	font-size: 20px ;
}

.section_titlebox_en{
	margin : 0px auto 0px ;
}



.section_title_en_inner{
	font-size: 30px ;
}

.section_titlebox_en_line_l{
}
.section_titlebox_en_line_r{
}

.section_titlebox_en.worknc .section_title_en_inner{
}
.section_titlebox_en.worknc .section_titlebox_en_line_l{
}
.section_titlebox_en.worknc .section_titlebox_en_line_r{
}


.chara_subtitle{
	margin : 20px auto 0px ;
	font-size: 25px ;
	line-height: 25px ;
}
.chara_subtitle_span02{
}

.chara_subtitle.follow{
	margin-top : 72px ;
}


.chara_bigtitle{
}

.chara_bigtitle_bar{
}

.chara_bigtitle_box{
	width: 300px ;
	height: 90px ;
	line-height: 90px;
}
.chara_bigtitle_box.worknc{
}

.chara_bigtitle_inner{
	width: calc( 100% - 12px );
	height: 90px ;
}



.chara_itembox{
	width: calc( 100% - 40px );
	max-width: 600px ;
	margin : 20px auto 0px ;
}

.chara_item_imagebox{
	width: 100% ;
}
.chara_item_imagebox img{
}
.chara_item_storybox{
	width: 100% ;
}
.chara_item_title{
	font-size: 22px ;
	line-height: 36px ;
	padding : 16px 0px ;
	
}
.chara_item_title_bar{
	width: 100% ;
}

.chara_item_story{
	padding : 0px 0px 0px 0px ;
	margin-top : 16px ;
}




.chara_itembox.odds .chara_item_imagebox{
	order: 0 ;
}
.chara_itembox.odds .chara_item_storybox{
	order: 1 ;
}
.chara_itembox.odds .chara_item_title{
	padding : 16px 0px ;
}

.chara_itembox.odds .chara_item_story{
	padding : 0px 0px 0px 0px ;
}

.chara_itembox.odds .chara_item_title_bar{
}




.solution_area{
	width: calc( 100% - 40px );
	max-width: 600px ;
	margin : 20px auto 0px ;
	padding: 19px 19px 19px ;
}
.solution_area.worknc{
}


.solution_titlebox{
	max-width: 634px ;
	height: auto ;
}

.solution_title{
	font-size: 32px ;
}

.solution_title_back{
	position: relative;
	top : auto;
	left: auto ;
}

.solution_item_superbox{
	margin : 20px auto 0px ;
}

.solution_item_titlebox{
	height: auto ;
	background-color: transparent ;
}

.solution_item_title_jp{
	font-size: 32px ;
	line-height: 32px ;
}

.solution_item_title_en{
	font-size: 24px ;
}
.solution_item_title_en span{
}


.solution_item_beforetitle{
}
.solution_item_aftertitle{
}

.solution_item_beforetitle_sp{
	width: 100% ;
	height: 70px ;
	line-height: 70px ;
	border-bottom : 1px solid #005199 ;
	text-align: center ;
	font-size: 30px ;
	font-weight: 700 ;
}
.solution_item_aftertitle_sp{
	width: 100% ;
	height: 70px ;
	line-height: 70px ;
	border-bottom : 2px solid #F7931E ;
	text-align: center ;
	font-size: 30px ;
	font-weight: 700 ;
	background-color: #FFFFFF ;
}
.solution_item_aftertitle_sp img{
	position: absolute;
	top : 0% ;
	left: 50% ;
	transform: translate(-50%,-50%);
	width: 50px ;
	z-index: 4 ;
}


.solution_item_before_arrow{
}

.solution_item_beforebox{
	width: 100% ;
	background : linear-gradient( to bottom , #FFFFFF , #DBE7ED );
	margin-top : 20px ;
}
.solution_item_afterbox{
	width: 100% ;
	padding: 20px ;
	font-size: 16px ;
}

.solution_item_afterbox span{
}

.solution_item_dotbar{
}

.solution_item_before_inner{
	position: relative;
	top : auto ;
	left: auto ;
	transform: translate(0%,0%);
	padding: 20px ;
	font-size: 22px ;
	line-height: 30px ;
}



.function_area{
	width: calc( 100% - 40px ) ;
	max-width: 600px ;
	padding: 40px 10px 10px;
	margin : 20px auto 0px ;
}
.function_area.worknc{
}

.function_title{
	font-size: 32px ;
	line-height: 32px ;
}

.function_title_enbox{
}

.function_title_en_inner{
	font-size: 30px ;
}

.function_title_enbox_l{
}

.function_title_enbox_r{
}

.function_area.worknc .function_title_enbox_l{
}
.function_area.worknc .function_title_enbox_r{
}


.function_superbox{
}

.function_itembox{
	width: 100% ;
	max-width: 600px ;
	margin-top : 20px ;
	padding : 32px 14px 14px ;
}

.function_item_title{
	width: calc( 100% + 28px ) ;
	left: -14px ;
}

.function_item_title_bar{
	top : 14px ;
}

.function_item_title_inner{
	font-size: 38px ;
	line-height: 40px ;
}


.function_item_story{
	margin-top : 20px ;
}

.function_item_image{
	position: relative;
	bottom : auto;
	left: auto;
	transform: translate(0%,0%);
	width: 100% ;
	height: auto ;
	margin-top : 10px ;
}

.function_item_image img{
}


.function_area.worknc .function_itembox{
	padding-bottom : 14px ;
}

.function_area.worknc .function_item_image{
	height: auto ;
}



.demo_section{
	padding: 20px 0px 60px ;
}

.demo_superbox{
	padding: 28px 16px ;
}

.demo_imagebox{
	order: 1;
	width: 100% ;
	margin-top : 20px ;
}

.demo_imagebox img{
}

.demo_right{
	order: 0 ;
	width: 100% ;
}

.demo_right_title{
	font-size: 40px ;
	line-height: 48px ;
	padding-bottom : 20px ;
	margin-bottom : 20px ;
	text-align: center ;
}

.demo_right_story{
	font-size: 26px ;
	line-height: 32px ;
}


.demo_arrow{
	bottom : -39px ;
	height: 40px ;
}










} /** ================================================================ **/