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


.header{
	width : 100% ;
	height : 158px ;
	padding : 0px 0px 15px ;
	z-index : 44 ;
	background-color : rgba(0,0,0,0.0);
}
.header_inner{
	width : 100% ;
	max-width : 1200px ;
	padding : 0px 50px ;
	margin : 0px auto ;
}
.header_inner h1{
	height : 20px ;
	line-height : 20px ;
	padding-top : 4px ;
	font-size : 9px ;
	color : #CCCCCC ;
	text-align : right ;
	font-weight : 400 ;
}
.header_tel{
	float : right ;
	width : 232px ;
	margin-top : 10px ;
}

.header_logo{
	float : left ;
	width : 275px ;
	height : auto ;
	margin-top : -10px ;
}

.header_gnavi_item{
	float : right ;
	width : 180px ;
	height :50px ;
	border-left : 1px solid #FFFFFF;
	margin : 17px 0px 0px ;
}
.header_gnavi_item.first{
	width : 181px ;
	border-right : 1px solid #FFFFFF;
}

.header_gnavi_item_image{
	position: absolute ;
	top : 0px ;
	left : 0px ;
	width : auto ;
	max-width : 100% ;
	z-index : 44 ;
}
.header_sp_superbox{
	position: fixed;
	top : 0px ;
	left : 0px ;
	width : 100% ;
	height : 0% ;
	z-index : 22 ;
	overflow: hidden ;
}



.footer{
	width : 100% ;
	margin : 70px 0px 0px ;
	padding-bottom : 16px ;
}

h3.footer_navi{
	float : left ;
	width : auto ;
	height : 20px ;
	line-height : 20px ;
	font-size : 10px ;
	font-weight : 400 !important ;
	padding : 0px 10px ;
	border-right : 1px solid #FFFFFF ;
	margin : 0px ;
}
h3.footer_navi.first{
	border-left : 1px solid #FFFFFF ;
}
h3.footer_copy{
	float : right ;
	width : auto ;
	height : 20px ;
	line-height : 20px ;
	font-size : 10px ;
	font-weight : 400 !important ;
	margin : 0px ;
}

.footer_logo_sp{
	width : 335px ;
	margin : 140px auto 0px ;
}
.footer_tel_sp{
	width : auto ;
	margin : 30px auto 0px ;
}


.inner800{
	width : 100% ;
	max-width : 800px ;
	margin : 0px auto ;
}
.inner1200{
	width : 100% ;
	max-width : 1200px ;
	padding : 0px 50px ;
	margin : 0px auto ;
}


.back_symbol{
	position: fixed ;
	top : 0px ;
	left : calc( 50% + 240px );
	width : 500px ;
	opacity : 0.15 ;
	z-index : 1 ;

}





.top_slide_superbox{
	width : 100% ;
	max-width : 1200px ;
	height : 425px ;
	margin : 0px auto ;
	z-index : 4 ;
}


.top_slide_01{
	position: absolute ;
	top : 50% ;
	left : 50% ;
	transform: translate(-50%,-50%);
	width : 100% ;
	max-width : 400px ;
	height : auto;
	z-index : 11 ;
	display : none ;
}
.top_slide_02{
	position: absolute ;
	top : 50% ;
	left : 50% ;
	transform: translate(-50%,-50%);
	width : auto ;
	max-width : 582px ;
	height : auto;
	z-index : 12 ;
	display : none ;
}
.top_slide_03{
	position: absolute ;
	top : 50% ;
	left : 50% ;
	transform: translate(-50%,-50%);
	width : auto ;
	max-width : 582px ;
	height : auto;
	z-index : 13 ;
	display :none ;
}
.top_slide_04{
	position: absolute ;
	top : 50% ;
	left : 50% ;
	transform: translate(-50%,-50%);
	width : 100% ;
	height : auto;
	z-index : 14 ;
	display : none ;
}
.top_slide_05{
	position: absolute ;
	top : 50% ;
	left : 50% ;
	transform: translate(-50%,-50%);
	width : auto ;
	max-width : 100% ;
	height : auto;
	z-index : 15 ;
	display : none ;
}

.top_series_superbox{
	width : 100% ;
	max-width : 800px ;
	margin : 30px auto 0px ;
	border : 1px solid #969696 ;
	overflow : hidden ;
	z-index : 4 ;
}

.top_series_image{
	width : 100% ;
	z-index : 4 ;
}

.top_series_title{
	position: absolute ;
	top : 24px ;
	left : 50% ;
	transform: translate(-50% , 0% );
	width : 540px ;
	z-index : 6 ;
}


.top_series_catch{
	width : 100% ;
	height : 50px ;
	line-height : 50px ;
	text-align : center ;
	font-size : 26px ;
	font-weight : 700 ;
	overflow: hidden ;
}

.top_series_corner{
	position: absolute ;
	bottom : 0px ;
	right : 0px ;
	height : 50px ;
}

















.ul_itemtitle{
	font-size : 15px ;
	margin-bottom : 10px ;
}
.ul_itemtitle span.traj{
	font-family: 'Cinzel', serif;
	color : #009FE8 ;
	font-size : 16px ;
	padding-right : 10px ;
}

.ul_haeder_spacer{
	width : 100% ;
	height : 80px ;
}


.ul_inner{
	width : 100% ;
	max-width : 840px ;
	padding : 0px 24px ;
	margin : 0px auto ;
	z-index : 4 ;
}

.menu_catch{
	font-size : 40px ;
	line-height: 55px ;
	margin-bottom : 22px ;
}

.menu_story{
	font-size : 17px ;
	line-height : 35px ;
}

.menu_logo{
	width : auto ;
	max-width : 100% ;
	margin : 190px auto 0px ;
}









.result_catch{
	font-size : 30px ;
	text-align : center ;
	margin-bottom : 10px ;
}
.result_story{
	font-size : 17px ;
	line-height: 35px ;
	text-align : center ;
}


.result_logo{
	width : 100% ;
	max-width : 920px ;
	margin : 50px auto 0px ;
	z-index : 4 ;
}

.result_series_imagebox{
	width : 100% ;
	max-width : 680px ;
	margin : 32px auto 0px ;
	z-index : 4 ;
}
.result_series_image{
	width : 100% ;
	height : auto ;
}

.result_series_linkbox{
	float : right ;
	width : 190px ;
	height : 20px ;
	margin-top : 20px ;
}

.result_series_link_off{
	position: absolute ;
	bottom : 0px ;
	right : 0px ;
	width : 100% ;
	z-index : 5 ;
}
.result_series_link_on{
	position: absolute ;
	bottom : 0px ;
	right : 0px ;
	width : 100% ;
	z-index : 6 ;
	opacity : 0.0 ;
}







.outline_inner{
	width : 100% ;
	max-width : 900px ;
	padding : 0px 50px ;
	margin : 0px auto ;
}

.outline_logo{
	width : 340px ;
	margin-bottom : 40px ;
}

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



.outline_item_title{
	width : 100% ;
	font-size : 22px ;
	margin-bottom : 22px ;
}

.outline_itembox{
	width : 50% ;
	padding-right : 20px ;
	margin-bottom : 90px ;
	font-size : 17px ;
	line-height: 28px 
}


.outline_item_left{
	float : left ;
	width : 150px ;
}
.outline_item_right{
	float : left ;
	width : calc( 100% - 150px );
}















.management_mainimage_superbox{
	width : 100% ;
	max-width : 980px ;
	height : 754px ;
	margin : 0px auto ;
}

.management_mainimage01{
	position: absolute ;
	top : 0px ;
	left : calc( 50% - 375px );
	width : 615px ;
	height : 330px ;
	z-index : 4 ;
}
.management_mainimage02{
	position: absolute ;
	bottom : 0px ;
	left : 0px ;
	width : 300px ;
	height : 200px ;
	z-index : 4 ;
}
.management_mainimage03{
	position: absolute ;
	bottom : 0px ;
	left : 316px ;
	width : 250px ;
	height : 200px ;
	z-index : 4 ;
}
.management_mainimage04{
	position: absolute ;
	top : 350px ;
	left : 586px ;
	width : 250px ;
	height : 350px ;
	z-index : 4 ;
}

.management_mainimage01 img,
.management_mainimage02 img,
.management_mainimage03 img,
.management_mainimage04 img{
	position: absolute ;
	top : 0px ;
	left : 0px ;
	width : 100% ;
	height : 100% ;
	object-fit: cover ;
}

.management_logo{
	position: absolute ;
	top : 370px ;
	left : 0px ;
	width : 512px ;
	z-index : 4 ;
}

.management_mainimage_catch{
	position: absolute ;
	top : 0px ;
	right : 20px ;
	width : 100px ;
	height : 100% ;
	z-index : 6 ;
	font-size : 23px ;
	writing-mode: vertical-rl;
}

.ul_inner.management{
	margin-top : 46px ;
}

.management_item_title{
	font-size : 40px ;
	line-height: 55px ;
	margin-bottom : 30px ;
}



.series_inner{
	width : 100% ;
	max-width : 1000px ;
	padding : 0px 45px ;
	margin : 0px auto ;
}
.series_title{
	font-size : 58px ;
	text-align : center ;
	font-family: 'EB Garamond', serif;
	letter-spacing: 16px ;
	margin-bottom : 10px ;
}


.series_catch{
	font-size : 23px ;
	text-align : center ;
	margin-bottom : 16px ;
}

.series_story{
	font-size : 16px ;
	line-height : 25px ;
	text-align : center ;
}

.series_flex{
	width : 100% ;
	margin : 40px auto 0px ;
}

.series_item{
	width : 270px ;
	margin : 0px 0px 36px ;
	font-size : 18px ;
}
.series_item img{
	width : 100% ;
	margin : 10px 0px ;
}

.series_item_dummy{
	width : 270px ;
	height : 1px ;
}

.series_item_story{
	font-size : 13px ;
	padding : 0px 12px ;
}


.series_other_title{
	width : 100% ;
	max-width : 900px ;
	border-bottom : 1px solid #FFFFFF  ;
	margin : 0px auto 12px ;
	padding-bottom : 4px ;
}
.series_other_title img{
	height : 16px ;
}


.series_other_flex{
	width : 100% ;
	max-width : 900px ;
	margin : 0px auto ;
}


.series_other_column{
	width : 270px ;
}

.series_other_item{
	font-size : 13px ;
	line-height : 28px ;
	margin-bottom : 10px ;
}





























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



}


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






.header{
	position: fixed ;
	top : 0px ;
	left : 0px ;
	height : 140px ;
	padding : 0px 0px 0px ;
}
.header_dummy{
	width : 100% ;
	height : 140px ;
}
.header_inner{
	max-width : 750px ;
	padding : 0px 15px ;
}
.header_inner h1{
}
.header_tel{
}

.header_logo{
	width : 335px ;
	margin-top : 20px ;
}

.header_gnavi_item{
	float : none ;
	width : 100% ;
	height :160px ;
	border-left : none;
	margin : 0px 0px 0px ;
}
.header_gnavi_item.first{
}

.header_gnavi_item_image{
	position: absolute ;
	top : 50% ;
	left : 50% ;
	transform: translate(-50%,-50%);
}

.header_gnavi_item_dummy{
	width : 100% ;
	height : 180px ;
}

.header_sp_superbox{
	background-color : #000000 ;
}


.spnavi_btnbox{
	position : absolute ;
	top : 30px ;
	right : 30px ;
	width : 80px ;
	height : 80px ;
	display : none ;
}
.spnavi_bar01{
	width : 80px ;
	height : 80px ;
	position : absolute ;
	top : -22px ;
}
.spnavi_bar02{
	width : 80px ;
	height : 80px ;
	position : absolute ;
	bottom : -22px ;
}
.spnavi_bar03{
	width : 80px ;
	height : 80px ;
	position : absolute ;
	top : 0px ;
}
.spnavi_bar_white{
	position : absolute ;
	top : 50% ;
	left : 0% ;
	width : 100% ;
	height : 2px ;
	margin-top : -2px ;
	background-color : #FFFFFF ;
}




.footer{
	margin : 60px 0px 0px ;
}
.footer .inner1200{
	max-width : 100% !important ;
	padding : 0px ;
	display : flex ;
	justify-content: center;
	flex-wrap : wrap;
	border-top : 1px solid #898989 ;
	padding-top : 24px ;
}

h3.footer_navi{
	float : none ;
	width : auto ;
	height : 20px ;
	line-height : 20px ;
	font-size : 20px ;
	padding : 0px 16px ;
	border-right : 2px solid #FFFFFF ;
}
h3.footer_navi.first{
	border-left : 2px solid #FFFFFF ;
}
h3.footer_copy{
	float : none ;
	width : 100% ;
	height : 20px ;
	line-height : 20px ;
	font-size : 18px ;
	font-weight : 400 !important ;
	text-align: center ;
	padding : 24px 0px 24px ;
	margin-top : 24px ;
	border-top : 1px solid #898989 ;
}


.inner800{
	width : 100% ;
	max-width : 800px ;
	margin : 0px auto ;
}
.inner1200{
	width : 100% ;
	max-width : 1200px ;
	padding : 0px 50px ;
	margin : 0px auto ;
}


.back_symbol{
	left : auto;
	right : -60px ;
	width : 500px ;
	opacity : 0.15 ;
	z-index : 1 ;

}


.top_slide_superbox{
	width : 100% ;
	height : 1100px ;
}


.top_slide_01{
	max-width : 640px ;
}
.top_slide_02{
}
.top_slide_03{
}
.top_slide_04{
	top : 0% ;
	left : 0% ;
	transform: translate(0%,0%);
	width : 100% ;
	height : 100%;
	object-fit: cover ;
}
.top_slide_05{

}

.top_series_superbox{
	width : 100% ;
	max-width : 740px ;
	margin : 30px auto 0px ;
	border : 1px solid #969696 ;
	overflow : hidden ;
	z-index : 4 ;
}

.top_series_image{
	width : 100% ;
	z-index : 4 ;
}

.top_series_title{
	position: relative ;
	top : auto ;
	left : auto ;
	transform: translate(0% , 0% );
	margin : 100px auto 20px ;
}


.top_series_catch{
	height : 90px ;
	line-height : 90px ;
}

.top_series_corner{
	height : 90px ;
}







.ul_itemtitle{
	font-size : 31px ;
	margin-bottom : 16px ;
}
.ul_itemtitle span.traj{
	font-size : 36px ;
	padding-right : 20px ;
}

.ul_haeder_spacer{
	height : 52px ;
}


.ul_inner{
	padding : 0px 30px ;
}

.menu_catch{
	font-size : 40px ;
	line-height: 60px ;
	margin-bottom : 60px ;
}

.menu_story{
	font-size : 28px ;
	line-height : 54px ;
}

.menu_logo{
	margin : 130px auto 0px ;
}






.result_catch{
	font-size : 48px ;
	line-height: 74px ;
	margin-bottom : 60px ;
}
.result_story{
	font-size : 28px ;
	line-height: 54px ;
	text-align : left ;
}


.result_logo{
	max-width : 700px ;
	margin : 76px auto 0px ;
}

.result_series_imagebox{
	width : 100% ;
	max-width : 100% ;
	margin : 100px auto 0px ;
}
.result_series_image{
}

.result_series_linkbox{
	width : 380px ;
	height : 40px ;
	margin-top : 30px ;
	margin-right : 12px ;
}

.result_series_link_off{
}
.result_series_link_on{
}












.outline_inner{
}

.outline_logo{
	width : 430px ;
	margin-bottom : 60px ;
}

.outline_flex{
}



.outline_item_title{
	width : 100% ;
	font-size : 34px ;
	margin-bottom : 30px ;
}

.outline_itembox{
	width : 100% ;
	padding-right : 0px ;
	font-size : 29px ;
	line-height: 47px 
}
.outline_itembox.follow{
	margin-bottom : 0px ;
}


.outline_item_left{
	width : 260px ;
}
.outline_item_right{
	width : calc( 100% - 260px );
}












.management_mainimage_superbox{
	height : 1040px ;
}

.management_mainimage01{
	left : 48px ;
	width : 500px ;
	height : 380px ;
}
.management_mainimage02{
	bottom : 220px ;
	left : 300px ;
	width : 230px ;
	height : 154px ;
}
.management_mainimage03{
	bottom : 0px ;
	left : 300px ;
	width : 230px ;
	height : 184px ;
}
.management_mainimage04{
	top : auto ;
	bottom : 40px;
	left : 0px ;
	width : 278px ;
	height : 386px ;
}

.management_mainimage01 img,
.management_mainimage02 img,
.management_mainimage03 img,
.management_mainimage04 img{
}

.management_logo{
	top : 420px ;
	left : 30px ;
	width : 512px ;
}

.management_mainimage_catch{
	right : 40px ;
	width : 100px ;
	height : 120% ;
	font-size : 34px ;
}

.ul_inner.management{
	margin-top : 120px ;
}

.management_item_title{
	font-size : 38px ;
	margin-bottom : 50px ;
}

.management_item_story{
	padding : 0px 20px ;
}









.series_inner{
}
.series_title{
	letter-spacing: 8px ;
	margin-bottom : 20px ;
}


.series_catch{
	font-size : 48px ;
	line-height : 74px ;
	margin-bottom : 40px ;
}

.series_story{
	font-size : 28px ;
	line-height : 54px ;
	text-align : left ;
}

.series_flex{
	margin : 60px auto 0px ;
}

.series_item{
	width : 320px ;
	margin : 0px 0px 36px ;
	font-size : 24px ;
}
.series_item img{
}

.series_item_dummy{
	width : 320px ;
}

.series_item_story{
	font-size : 19px ;
	padding : 0px 12px ;
}


.series_other_title{
	max-width : 600px ;
	margin : 80px auto 60px ;
	padding-bottom : 36px ;
	border-bottom : 2px solid #FFFFFF ;
}
.series_other_title img{
	height : 40px ;
	margin : 0px auto ;
}


.series_other_flex{
	width : 100% ;
	max-width : 600px ;
	margin : 0px auto ;
}


.series_other_column{
	width : 100% ;
}

.series_other_item{
	font-size : 24px ;
	line-height : 60px ;
	margin-bottom : 30px ;
	text-align : center ;
}





















}