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


.top_fv_preload{
	position: absolute ;
	top : 0px ;
	left : 0px ;
	width : 1px ;
	height : 1px ;
	z-index: 0;
	overflow: hidden ;
	overflow: 0.01;
}




.top_fv_section{
	width : 100% ;
	height : 100vh ;
}


.top_fv_left{
	position: absolute ;
	top : 0px ;
	left : 0px ;
	width : 160px ;
	height : 100% ;
	/** background-color: #EDEDED ; **/
}

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

.top_fv_snsbox{
	width: 100% ;
	padding-top : 250px ;
	justify-content: center !important;
	margin : 0px auto ;
}
.top_fv_sns_item{
	width: 20px ;
	margin : 0px 10px ;
}
.top_fv_sns_item img{
	width: 100% ;
}

.top_fv_scroll{
	position: absolute ;
	bottom : 40px ;
	left : 50% ;
	transform: translate(-50%,0%);
	width : 12px ;
}

.top_fv_left_logobox{
	position: absolute ;
	top : 0% ;
	left : 0% ;
	width : 100% ;
	height : calc( 100% - 480px ) ;
}
.top_slide_logo_y{
	position: absolute ;
	top : 50% ;
	left : 50% ;
	width : 128px ;
	transform: translate(-50%,-50%);
}


.top_fv_stage{
	position: absolute ;
	top : 0% ;
	right : 0% ;
	width : calc( 100% - 160px ) ;
	height : 100vh ;
	overflow: hidden ;
	z-index: 44 ;
}


.top_fv_imagebox{
	position: absolute;
	top : 0% ;
	left : 0% ;
	width : 110% ;
	height : 110% ;
	display: none ;
}
.top_fv_imagebox img{
	width : 100% ;
	height : 100% ;
	object-fit: cover ;
}

.top_slide_logo{
	position: absolute ;
	bottom : 68px ;
	left : 36px ;
	width : 324px ;
	z-index: 14;
}
.top_slide_catch{
	position: absolute ;
	bottom : 200px ;
	left : 100px ;
	width : 600px ;
	z-index: 15;
}




.top_fv_back{
	position: absolute ;
	bottom : 36px ;
	left : 36px ;
	width : 30% ;
	max-width: 366px ;
	z-index: 8 ;
	opacity : 0 ;
	margin-bottom : -36px ;
}

.top_fv_catch_superbox{
	position: absolute ;
	bottom : 52px ;
	left : 60px ;
	z-index: 9 ;
}

.top_fv_catch_spacer{
	width : 100% ;
	height : 50px ;
}
.top_fv_catch_spacer_en{
	width : 100% ;
	height : 10px ;
}

/*.top_fv_catch_superbox img{
	margin-left: 40px ;
	opacity : 0 ;
}*/

.top_slide_scroll{
	position: absolute ;
	bottom : 10px ;
	left : 50% ;
	transform: translate(-50%,0%);
	width : 12px ;
	z-index: 9 ;
}

/*.top_fv_catch_letter{
	margin-right : 7px ;
	width : 60px ;
	float : left ;
}

.top_fv_catchc_01{	float : left ;	width : 40px ; margin-right : 12px ;	}
.top_fv_catchc_02{	float : left ;	width : 86px ; margin-right : 12px ;	}
.top_fv_catchc_03{	float : left ;	width : 34px ; margin-right : 12px ;	}
.top_fv_catchc_04{	float : left ;	width : 70px ; margin-right : 12px ;	}
.top_fv_catchc_05{	float : left ;	width : 77px ; margin-right : 12px ;	}
.top_fv_catchc_06{	float : left ;	width : 49px ; margin-right : 12px ;	}
.top_fv_catchc_07{	float : left ;	width : 86px ; margin-right : 12px ;	}
.top_fv_catchc_08{	float : left ;	width : 118px ; margin-right : 12px ;	}
.top_fv_catchc_09{	float : left ;	width : 62px ; margin-right : 12px ;	}
.top_fv_catchc_10{	float : left ;	width : 16px ; margin-right : 12px ;	}
.top_fv_catchc_11{	float : left ;	width : 100px ; margin-right : 12px ;	}*/

.top_fv_catch_superbox{
	font-size: 0;
	line-height: 1;
}
.top_fv_catch_letter{
	font-size: 48px;
	margin-right : 12px;
	color: #fff;
	float : left ;
	margin-left: 40px;
  opacity: 0;
}
.top_fv_letter{
	font-size: 20px;
	color: #fff;
	float : left ;
	margin-left: 40px;
	opacity: 0;
}

/* ロゴ */
.logo img{  display: block;
	margin: 0 auto;
}






.opening_superbox{
	position: fixed ;
	top : 0% ;
	left : 0% ;
	width : 100% ;
	height : 100% ;
	z-index: 64 ;
	background-color: #FFFFFF ;
}

.opening_logo_superbox{
	position: absolute ;
	top : 50% ;
	left : 50% ;
	transform: translate(-50%,-50%) scale(0.6);
	z-index: 66 ;
	width : 300px ;
	height : 493px ;
}
.opening_image01{	width : 100% ;	top : 40px;	opacity : 0 }
.opening_image02{	width : 100% ;	top : 40px;	opacity : 0 }
.opening_image03{	width : 100% ;	top : 40px;	opacity : 0 }
.opening_image04{	width : 100% ;	top : 40px;	opacity : 0 }
.opening_image05{	width : 100% ;	top : 40px;	opacity : 0 }
















.top_fv_tn_superbox{
	position: absolute ;
	bottom : 0px ;
	left : 0px ;
	width : 100% ;
	height : 480px ;
}
.top_fv_tn{
	width : 100% ;
	height : 120px ;
	overflow: hidden ;
}
.top_fv_tn img{
	width : 100% ;
	height : 100% ;
	object-fit: cover ;
}
.top_fv_tn_overlay{
	position: absolute ;
	width : 100% ;
	height : 100% ;
	z-index: 13 ;
	background-color: rgba(0,0,0,0.8);
}




.top_gnavi_superbox{
	position: fixed;
	top : 0px ;
	right : 0px ;
	width : 100% ;
	height : 90px ;
	z-index: 34 ;
	text-align: right ;
	padding-right : 24px ;
}
.top_gnavi_superbox_back{
	position: absolute ;
	top : 0% ;
	left : 0% ;
	width : 100% ;
	height : 100% ;
	background-color: #808080 ;
	z-index: 1;
	display: none ;
}


.top_gnavi_item{
	display: inline-block;
	height : 90px ;
	line-height: 90px ;
	padding : 0px 0px ;
	color : #FFFFFF ;
	font-size: 12px ;
	margin-left : 20px ;
	font-weight: 700 ;
}

.top_gnavi_item01{	width : 60px	;	}
.top_gnavi_item02{	width : 80px	;	}
.top_gnavi_item03{	width : 80px	;	}
.top_gnavi_item04{	width : 80px	;	}
.top_gnavi_item05{	width : 80px	;	}
.top_gnavi_item06{	width : 70px	;	}
.top_gnavi_item07{	width : 60px	;	}
.top_gnavi_item08{	width : 80px	;	}
.top_gnavi_item09{	width : 100px	;	}


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

.top_specialist_catch{
	text-align: center ;
	font-size : 40px ;
	font-weight: 700 ;
	color : #333333 ;
	left : 20px ;
}
.top_specialist_catch span{
	color : #C09932 ;
}

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

.top_specialist_flex{
	width : 100% ;
	margin : 120px auto 0px ;
}


.top_specialist_item{
	width : 45% ;
	margin-bottom : 100px ;
	padding : 0px 0px 0px 132px ;
	text-align: center ;
	top : 40px ;
}


.top_specialist_item_icon{
	position: absolute ;
	top : 50% ;
	left : 0% ;
	width : 132px ;
	transform: translate(0%,-50%);
	font-size : 24px ;
	text-align: center ;
	font-weight: 700 ;
}
.top_specialist_item_icon img{
	width : 80px ;
	margin : 0px auto ;
}
.top_specialist_item_icon_etc{
	font-size: 12px ;
}



.top_specialist_item_num{
	font-size : 124px ;
	font-weight: 700 ;
	color : #C09932 ;
	line-height: 50px ;
}
.top_specialist_item_num span.top_specialist_item_scale{
	font-size : 30px ;
	vertical-align: -26px ;
	color : #333333 ;
	margin-left : -20px ;
}


.top_specialist_item_extra{
	font-size : 12px ;
}
.top_specialist_item_extra span{
	font-size: 44px ;
	color : #C09932 ;
	vertical-align: -10px ;
	font-weight: 700 ;
	margin : 0px 4px ;
}

.top_specialist_item_extra04{
	margin-top : 20px ;
}

.top_specialist_item_extra_wrap{
	width : 280px ;
	margin : 0px auto ;
}

.top_specialist_item_extra_l{
	float : left ;
	width : calc( 100% - 36px ) ;
	text-align : left ;
}

.top_specialist_item_extra_r{
	float : right ;
	width : 36px ;
	text-align: right ;
}






.top_works_section01{
	width : 100% ;
	padding : 110px 40px 130px ;
	background-color: #EDEDED ;
	z-index : 1 ;
}
.top_works_section01.odd{
	background-color: #E6E6E6 ;
}

.top_works_title_en{
	font-size : 13px ;
	color : #989898 ;
	z-index: 14 ;
	left : 20px ;
}

.top_works_title_jp{
	font-size : 50px ;
	font-weight: 700 ;
	color : #C09932 ;
	z-index: 14 ;
	left : 20px ;
}


.top_works_cate{
	width : 40px ;
	font-size :30px ;
	line-height: 40px ;
	writing-mode: vertical-rl ;
	margin : 52px auto 0px ;
	z-index: 14 ;
	font-weight: 700 ;
	left : 20px; 
}
.top_works_cate.follow{
	margin-top : 152px ;
}


.top_works_cate1{
	width : 80px ;
}
.top_works_cate2{
	width : 120px ;
}

.top_works_cate_bar{
	position: absolute ;
	bottom : calc( 100% + 10px ) ;
	left : 50% ;
	width : 1px ;
	height : 52px ;
	background-color: #333333 ;
}


.top_works_slide_superbox{
	width : 100% ;
	max-width : 1100px ;
	background-color: #FFFFFF ;
	padding : 20px 20px 60px 20px ;
	margin-top : 40px ;
	left : 20px ;
}

.top_works_slide_stage{
	width : 100% ;
	height : 430px ;
	overflow: hidden ;
}

.top_works_slide_item{
	position: absolute ;
	top : 0% ;
	left : 0% ;
	width : 100% ;
	height : 100% ;
	cursor: pointer ;
}

.top_works_slide_image01{
	position: absolute ;
	top : 0% ;
	left : 0% ;
	width : 25% ;
	height : 50% ;
}
.top_works_slide_image02{
	position: absolute ;
	top : 0% ;
	left : 50% ;
	width : 25% ;
	height : 50% ;
}
.top_works_slide_image03{
	position: absolute ;
	top : 0% ;
	left : 75% ;
	width : 25% ;
	height : 50% ;
}
.top_works_slide_image04{
	position: absolute ;
	top : 50% ;
	left : 50% ;
	width : 25% ;
	height : 50% ;
}
.top_works_slide_image05{
	position: absolute ;
	top : 50% ;
	left : 75% ;
	width : 25% ;
	height : 50% ;
}

.top_works_slide_image01 img,
.top_works_slide_image02 img,
.top_works_slide_image03 img,
.top_works_slide_image04 img,
.top_works_slide_image05 img{
	width : 100% ;
	height : 100% ;
	object-fit: cover ;
}

.top_works_slide_image05_ol{
	position: absolute ;
	top : 0% ;
	left : 0% ;
	width : 100% ;
	height : 100% ;
	background-color: rgba(51,51,51,0.8);
	z-index: 14 ;
}

.top_works_slide_image_more{
	position: absolute ;
	top : 50% ;
	left : 50% ;
	transform : translate(-50%,-50%);
	width : 176px ;
	height : 50px ;
	line-height: 48px ;
	background-color: #C09932 ;
	border : 1px solid #C09932 ;
	color : #FFFFFF ;
	text-align: center ;
	font-size : 11px ;
}




.top_works_slide_infobox{
	position: absolute ;
	bottom : 0px ;
	left : 0px ;
	width : 100% ;
	padding : 20px ;
	background-color: rgba(51,51,51,0.8);
	display: none ;
}

.top_works_slide_info_l{
	float : left ;
	width : 80px ;
	color : #B2B2B2 ;
	font-size : 13px ;
}
.top_works_slide_info_r{
	float : left ;
	width : 160px ;
	color : #FFFFFF ;
	font-size : 13px ;
}


.top_works_slide_info_more{
	position: absolute ;
	top : 50% ;
	right : 20px ;
	transform : translate(0%,-50%);
	width : 176px ;
	height : 50px ;
	line-height: 48px ;
	background-color: #C09932 ;
	border : 1px solid #C09932 ;
	color : #FFFFFF ;
	text-align: center ;
	font-size : 11px ;
}



.top_works_slide_tnbox{
	position: absolute ;
	bottom : 24px ;
	left : 0% ;
	width : 100% ;
	justify-content: center ;
}

.top_works_slide_tn_l{
	width : 10px ;
	height : 10px ;
	border-bottom : 1px solid #989898 ;
	border-left : 1px solid #989898 ;
	margin-right : 30px ;
	transform : rotate(45deg) ;
	cursor: pointer ;
}
.top_works_slide_tn_r{
	width : 10px ;
	height : 10px ;
	border-bottom : 1px solid #989898 ;
	border-right : 1px solid #989898 ;
	margin-left : 30px ;
	transform : rotate(-45deg) ;
	cursor: pointer ;
}

.top_works_slide_tn_dot{
	width : 10px ;
	height : 10px ;
	border-radius: 50% ;
	border : 1px solid #989898 ;
	margin : 0px 19px ;
	cursor: pointer;
}
.top_works_slide_tn_dot.active,
.top_works_slide_tn_dot:hover{
	background-color: #989898 ;
}



.top_works_slide_count{
	position: absolute ;
	top : -52px ;
	right : 0px ;
	width : 300px; 
	height : 52px ;
	line-height: 52px ;
	text-align: right ;
	font-size : 12px ;
}
.top_works_slide_count span{
	font-size : 42px ;
	font-weight: 700 ;
	color : #C09932 ;
	vertical-align: -10px ;
	margin : 0px 4px ;
}

.top_works_slide_link{
	position: absolute ;
	bottom : -40px ;
	right : -10px ;
	width : 336px ;
	height : 50px ;
	line-height : 48px ;
	background-color: #808080 ;
	text-align: center ;
	font-size : 14px ;
	border : 1px solid #808080 ;
}



.top_voice_section{
	width : 100% ;
	padding : 110px 40px 110px ;
	background-color: #FFFFFF ;
}



.top_worksample_superbox{
	width : 100% ;
	margin-bottom : 240px ;
}


.top_worksample_itembox{
	width : 49% ;
	max-width : 510px ;
	border : 1px solid #B2B2B2 ;
	background-color: #FFFFFF ;
	left : 20px ;
}

.top_worksample_item_title{
	width : 100% ;
	height : 116px ;
	line-height : 116px ;
	font-size : 22px ;
	font-weight: 700 ;
	text-align: center ;
}

.top_worksample_item_image{
	width : 100% ;
	height : 292px ;
	overflow: hidden ;
}
.top_worksample_item_image img{
	width : 100% ;
	height : 100% ;
	object-fit: cover ;
}


.top_worksample_item_link{
	position: absolute ;
	bottom : -40px ;
	right : -10px ;
	width : 256px ;
	height : 46px ;
	line-height : 46px ;
	background-color: #808080 ;
	border : 1px solid #808080 ;
	color : #FFFFFF ;
	text-align: center ;
	font-size : 14px ;
}


.top_works_title_jp.top_voice{
	color : #333333 ;
}
.top_works_title_jp.top_voice span{
	font-size : 30px ;
	vertical-align: 7px ;
}


.top_voice_itembox{
	margin-top : 128px ;
	left : 20px ;
}

.top_voice_item_imagebox{
	float : left ;
	width : 500px ;
	height : 352px ;
	z-index: 12;
}
.top_voice_item_image{
	width : 100% ;
	height : 100% ;
	object-fit: cover ;
	z-index: 12;
}
.top_voice_item_imagesub{
	position: absolute ;
	bottom : 0% ;
	left : 420px ;
	width : 256px ;
	height : 200px ;
	z-index: 14;
}
.top_voice_item_imagesub img{
	width : 100% ;
	height : 100% ;
	object-fit: cover ;
	z-index: 14;
}

.top_voice_item_storybox{
	float : right ;
	width : calc( 100% - 500px ) ;
	padding : 52px 70px 252px;
	font-size:  31px ;
	font-weight: 700 ;
	color : #C09932 ;
}


.top_voice_item_story_quate_l{
	position: absolute ;
	top : 28px; 
	left : 28px ;
	width : 40px ;
	height : 40px ;
	line-height: 40px ;
	text-align: center ;
	font-size : 51px ;
	color : #808080 ;
}
.top_voice_item_story_quate_r{
	position: absolute ;
	top : 28px; 
	right : 28px ;
	width : 40px ;
	height : 40px ;
	line-height: 40px ;
	text-align: center ;
	font-size : 51px ;
	color : #808080 ;
}

.top_voice_item_story_link{
	position: absolute ;
	bottom : 0px ;
	right : 0px ;
	width : 200px ;
	height : 50px ;
	line-height: 48px;
	background-color: #C09932 ;
	border : 1px solid #C09932 ;
	color : #FFFFFF ;
	font-size : 11px ;
	text-align: center ;
	font-weight : 400 ;
	z-index: 16 ;
}

.top_voice_item_name{
	position: absolute ;
	bottom : 100px ;
	right : 0px ;
	width : 300px ;
	color : #333333 ;
	font-size: 20px ;
	text-align: right ;
	z-index: 16 ;
}

.top_voice_item_name span{
	font-size : 14px ;
}

.top_column_section{
	width : 100% ;
	padding : 110px 40px 110px ;
	background-color: #EDEDED ;
}




.top_news_section{
	width : 100% ;
	padding : 110px 0px 110px ;
	background-color: #FFFFFF ;
}



.top_concept_superbox{
	float : right ;
	width : calc( 50% + 66px );
	padding : 90px 90px 90px 110px ;
	background-color: #C09932 ;
	color : #FFFFFF ;
	margin-top : 170px ;

}

.top_concept_title_en{
	font-size: 13px ;
	color : #D0B36 ;
	left : 20px ;
}


.top_concept_title_jp{
	font-size : 30px ;
	font-weight: 700 ;
	margin-bottom : 80px ;
	left : 20px ;
}

.top_concept_title_story{
	font-size: 16px ;
	line-height: 50px ;
	left : 20px ;
}


.top_concept_imagebox{
	position: absolute ;
	top : -70px ;
	right : calc( 100% - 66px );
	width : calc( 100% + 66px );
	height : 100% ;
	margin-right : 40px ;
}
.top_concept_imagebox img{
	width : 100% ;
	height : 100% ;
	object-fit: cover ;
}




.top_company_section{
	width : 100% ;
	padding : 0px 0px 110px ;
	background-color: #FFFFFF ;
}



.top_company_superbox{
	width : 100% ;
	max-width : 1100px ;
	height : 400px ;
	margin : 0px auto 0px ;
	left : 20px ;
}
.top_company_back_wrap{
	position: absolute ;
	top : 0% ;
	left : 0% ;
	width : 100% ;
	height : 100% ;
	z-index: 1 ;
	overflow: hidden;
}
.top_company_back_wrap02{
	position: absolute ;
	top : 50% ;
	left : 50% ;
	width : 100% ;
	height : 100% ;
	transform: translate(-50%,-50%);
	z-index: 1 ;
}
.top_company_back{
	position: absolute ;
	top : 0% ;
	left : 0% ;
	width : 100% ;
	height : 100% ;
	object-fit: cover ;
	z-index: 1 ;
}

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

.top_company_title{
	font-size : 20px ;
	letter-spacing: 4px ;
	color : #FFFFFF ;
	text-align: center ;
	margin-bottom : 36px ;
}

.top_company_link{
	width : 200px ;
	height : 50px ;
	line-height: 48px ;
	border : 1px solid #FFFFFF ;
	text-align: center ;
	font-size : 11px ;
	color : #FFFFFF ;
	margin : 0px auto ;
}









.contact_superbox{
	position: absolute ;
	bottom : 0% ;
	left : 50% ;
	transform :translate(-50%,50%);
	width : 100% ;
	max-width: 800px ;
	height : 112px ;
	overflow: hidden ;
}

.contact_title{
	position: absolute ;
	top : 50% ;
	left : 0% ;
	transform: translate(0%,-50%);
	width : 320px ;
	padding-right : 40px ;
	height : 40px  ;
	line-height : 40px  ;
	text-align: center ;
	z-index: 8 ;
	color : #FFFFFF ;
	font-size : 14px ;
	letter-spacing: 4px ;
}


.contact_back01{
	position: absolute ;
	width : 120% ;
	height : 100% ;
	top : 0% ;
	left : 0% ;
	background-color: #EDEDED ;
	transform-origin: top right ;
	transform : skew(-30deg) ;
	z-index: 4 ;
}
.contact_back02{
	position: absolute ;
	width : 1000px ;
	height : 100% ;
	top : 0% ;
	left : -90% ;
	background-color: #C09932 ;
	transform-origin: top right ;
	transform : skew(-30deg) ;
	z-index: 4 ;
}
.contact_arrow{
	position: absolute ;
	top : 50% ;
	right : 48px;
	transform: translate(0%,-50%);
	width : 32px ;
	z-index: 8 ;
}





.top_works_genre{
	font-size : 40px ;
	font-weight: 700 ;
	margin-top : 92px ;
	width : 400px ;
	z-index: 14 ;
	left : 20px ;
}

.top_works_genrebar{
	position: absolute ;
	top : 50% ;
	right : calc( 100% + 20px );
	width : 1920px ;
	height : 1px ;
	background-color: #333333 ;
	z-index: 14 ;
}






.top_works_fixnavi{
	float : right ;
	z-index: 31 ;
	justify-content: space-between;
	width : 100% ;
	font-size: 13px ;
}


.top_works_fixnavi_r{
	width : auto ;
	height : 40px ;
	line-height: 38px ;
	padding : 0px 16px ;
	background-color: #FFFFFF ;
	border: 1px solid #333333 ;
	margin: 10px 8px;
}

.top_works_fixnavi_dummy{
	width : 80px ;
	height : 1px l
}

.top_works_fixnavi_r a,
.top_works_fixnavi_r a:link,
.top_works_fixnavi_r a:visited{
	color : #333333 ;
}




.top_logo{
	position: absolute ;
	top : 50% ;
	left : 10px ;
	width : 256px ;
	height : 34px ;
	transform: translate(0% , -50%);
	display: none ;
}
.top_logo img{
	width : 100% ;
}










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



}


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





.top_fv_preload{
}




.top_fv_section{
	height : 960px; ;
}


.top_fv_left{
	top : auto ;
	bottom : 0px ;
	left : auto ;
	width : 100% ;
	height : 200px ;
}


.top_logo_k{
	top : 40px ;
	left : 40px ;
	transform: translate(0%,0%);
	z-index: 6 ;
}
.top_fv_snsbox{
	display: none !important;
}

.top_fv_left_logobox{
	width : 200px ;
	height : 100% ;
}
.top_slide_logo_y{
}


.top_fv_stage{
	width : 100% ;
	height : calc( 100% - 200px );
}


.top_fv_imagebox{
}
.top_fv_imagebox img{
}

.top_slide_logo{
}
.top_slide_catch{
}




.top_fv_back{
	width : 50% ;
}

.top_fv_catch_superbox{
	width : 1200px ;
	transform : scale(0.8);
	left : -60px ;
}

.top_fv_catch_spacer{
}

.top_fv_catch_superbox img{
}

.top_slide_scroll{
}







.opening_superbox{
}

.opening_logo_superbox{
}
.opening_image01{	width : 100% ;	top : 40px;	opacity : 0 }
.opening_image02{	width : 100% ;	top : 40px;	opacity : 0 }
.opening_image03{	width : 100% ;	top : 40px;	opacity : 0 }
.opening_image04{	width : 100% ;	top : 40px;	opacity : 0 }
.opening_image05{	width : 100% ;	top : 40px;	opacity : 0 }
















.top_fv_tn_superbox{
	left : 200px ;
	width : calc( 100% - 200px ) ;
	height : 200px ;
}
.top_fv_tn{
	float : left ;
	width : 25% ;
	height : 200px ;
}
.top_fv_tn img{
}
.top_fv_tn_overlay{
}




.top_gnavi_superbox{
}


.top_gnavi_item{
}


.top_specialist_section{
}

.top_specialist_catch{
	font-size : 36px ;
}
.top_specialist_catch span{
	color : #C09932 ;
}

.top_specialist_subcatch{
}

.top_specialist_flex{
}


.top_specialist_item{
	width : 100% ;
}


.top_specialist_item_icon{
	top : 0% ;
	left : 40px ;
	transform: translate(0%,0%);
}
.top_specialist_item_icon img{
}


.top_specialist_item_num{
}
.top_specialist_item_num span.top_specialist_item_scale{
}


.top_specialist_item_extra{
	font-size : 14px ;
}
.top_specialist_item_extra span{
}

.top_specialist_item_extra04{
}

.top_specialist_item_extra_wrap{
	width : 360px ;
}

.top_specialist_item_extra_l{
	width : calc( 100% - 64px ) ;
}

.top_specialist_item_extra_r{
	width : 64px ;
}






.top_works_section01{
}

.top_works_title_en{
	font-size : 15px ;
}

.top_works_title_jp{
}

.top_works_cate{
}

.top_works_cate_bar{
}


.top_works_slide_superbox{
	padding : 20px 20px 120px 20px ;
}

.top_works_slide_stage{
	width : 100% ;
	height : 800px ;
	overflow: hidden ;
}

.top_works_slide_item{
}

.top_works_slide_image01{
	width : 50% ;
	height : 25% ;
}
.top_works_slide_image02{
	top : 50% ;
	left : 0% ;
	width : 50% ;
	height : 25% ;
}
.top_works_slide_image03{
	top : 50% ;
	left : 50% ;
	width : 50% ;
	height : 25% ;
}
.top_works_slide_image04{
	top : 75% ;
	left : 0% ;
	width : 50% ;
	height : 25% ;
}
.top_works_slide_image05{
	top : 75% ;
	left : 50% ;
	width : 25% ;
	height : 25% ;
}

.top_works_slide_image01 img,
.top_works_slide_image02 img,
.top_works_slide_image03 img,
.top_works_slide_image04 img,
.top_works_slide_image05 img{
}

.top_works_slide_image05_ol{
	display: none ;
}

.top_works_slide_image_more{
	display: none ;
}




.top_works_slide_infobox{
}

.top_works_slide_info_l{
}
.top_works_slide_info_r{
}


.top_works_slide_info_more{
	font-size : 14px ;
}



.top_works_slide_tnbox{
	bottom : 64px ;
}

.top_works_slide_tn_l{
	width : 16px ;
	height : 16px ;
	border-bottom : 2px solid #989898 ;
	border-left : 2px solid #989898 ;
	margin-right : 30px ;
}
.top_works_slide_tn_r{
	width : 16px ;
	height : 16px ;
	border-bottom : 2px solid #989898 ;
	border-right : 2px solid #989898 ;
	margin-left : 30px ;
}

.top_works_slide_tn_dot{
	width : 16px ;
	height : 16px ;
	border : 2px solid #989898 ;
}
.top_works_slide_tn_dot.active,
.top_works_slide_tn_dot:hover{
}



.top_works_slide_count{
	font-size : 16px ;
}
.top_works_slide_count span{
	
}

.top_works_slide_link{
	bottom : -60px ;
	right : -20px ;
	width : 400px ;
	height : 80px ;
	line-height : 78px ;
	font-size : 16px ;
}



.top_voice_section{
}



.top_worksample_superbox{
	max-width : 640px ;
	margin : 0px auto 240px ;
}


.top_worksample_itembox{
	width : 100% ;
	max-width : 640px ;
	border : 2px solid #B2B2B2 ;
	margin-bottom : 120px ;
}

.top_worksample_item_title{
	font-size : 26px ;
}

.top_worksample_item_image{
	height : 360px ;
}
.top_worksample_item_image img{
}


.top_worksample_item_link{
	bottom : -60px ;
	right : -20px ;
	width : 400px ;
	height : 80px ;
	line-height : 76px ;
	border : 2px solid #808080 ;
	font-size : 16px ;
}


.top_works_title_jp.top_voice{
}
.top_works_title_jp.top_voice span{
}


.top_voice_itembox{
	max-width: 560px ;
	margin : 128px auto 0px ;
}

.top_voice_item_imagebox{
	float : none ;
	width : 100% ;
	height : 352px ;
}
.top_voice_item_image{
}
.top_voice_item_imagesub{
	left : 0px ;
}
.top_voice_item_imagesub img{
}

.top_voice_item_storybox{
	float : none ;
	width : 100% ;
	padding : 52px 40px 252px;
	font-size:  31px ;
}


.top_voice_item_story_quate_l{
	left : 0px ;
	font-size : 64px ;
}
.top_voice_item_story_quate_r{
	right : 0px ;
	font-size : 64px ;
}

.top_voice_item_story_link{
	width : 200px ;
	height : 80px ;
	line-height: 76px;
	border : 2px solid #C09932 ;
	font-size : 14px ;
}

.top_voice_item_name{
}

.top_voice_item_name span{
	font-size : 16px ;
}

.top_column_section{
}




.top_news_section{
	padding : 110px 40px 110px ;
}



.top_concept_superbox{
	float : right ;
	width : calc( 100% - 40px );
	padding : 90px 40px 40px 40px ;
	margin-top : 520px ;
}

.top_concept_title_en{
	font-size: 16px ;
}


.top_concept_title_jp{
	font-size : 30px ;
}

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


.top_concept_imagebox{
	position: absolute ;
	top : auto;
	bottom : calc( 100% - 40px ) ;
	right : 80px ;
	width : calc( 100% - 40px );
	height : 300px ;
}
.top_concept_imagebox img{
}




.top_company_section{
	width : 100% ;
	padding : 0px 0px 110px ;
	background-color: #FFFFFF ;
}



.top_company_superbox{
	width : 100% ;
	max-width : 1100px ;
	height : 600px ;
	margin : 0px auto 0px ;
	left : 20px ;
}
.top_company_back_wrap{
}
.top_company_back_wrap02{
}
.top_company_back{
}

.top_company_inner{
}

.top_company_title{
	font-size : 36px ;
}

.top_company_link{
	width : 300px ;
	height : 80px ;
	line-height: 76px ;
	border : 2px solid #FFFFFF ;
	font-size : 16px ;
}









.contact_superbox{
	height : 160px ;
}

.contact_title{
	font-size : 24px ;
}


.contact_back01{
}
.contact_back02{
}
.contact_arrow{
}





.top_works_genre{
}

.top_works_genrebar{
}






.top_works_fixnavi{
	float : none ;
	width : 100% ;
	font-size: 20px ;
	margin-top : 40px ;
}


.top_works_fixnavi_r{
	width : auto ;
	height : 50px ;
	line-height: 48px ;
}

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

















}