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







.cs_date{
	font-size: 13px ;
	color : #989898 ;
}

.cs__title{
	margin-top : 24px ;
	font-size: 24px ;
	font-weight: 700 ;
	padding-bottom: 32px ;
	margin-bottom: 32px ;
	border-bottom : 1px solid #B2B2B2 ;
}

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

.cs_storybox p{
	margin-bottom : 24px ;
}

.cs_storybox strong{
	font-family:'Noto Serif JP' , "Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
	font-size : 24px ;
	font-weight: 700 ;
}

.cs_storybox img{
	width : auto ;
	max-width : 100% ;
	margin : 0px auto 24px ;
}











.ul_headerbox{
	width : 100% ;
	height : 400px ;
}

.ul_header_image{
	width : 100% ;
	height : 100% ;
	object-fit: cover ;
	z-index: 4;
}

.ul_header_ol{
	position: absolute ;
	top : 0% ;
	left : 0% ;
	width: 100% ;
	height : 100% ;
	background-color: rgba(0,0,0,0.5);
	z-index: 6;
}


.ul_header_titlebox{
	position: absolute ;
	top : 50% ;
	left : 50% ;
	transform: translate(-50%, -50%);
	width : 100% ;
	max-width: 650px ;
	border-top : 1px solid #FFFFFF ;
	border-bottom : 1px solid #FFFFFF ;
	padding : 32px 0px;
	z-index: 8 ;
}

.ul_header_title_jp{
	font-size: 40px ;
	font-weight: 700 ;
	line-height: 40px ;
	text-align: center ;
	color :#FFFFFF ;
}
.ul_header_title_jp_sub{
	font-size: 34px ;
	font-weight: 700 ;
	line-height: 40px ;
	text-align: center ;
	color :#FFFFFF ;
	margin-bottom : 24px ;
}
.ul_header_title_jp_cap{
	position: absolute ;
	bottom : -72px ;
	left : 0% ;
	width : 100% ;
	height : 72px ;
	line-height : 72px ;
	text-align: center ;
	font-size: 17px ;
	color : #FFFFFF ;
	font-weight: 700 ;
}

.ul_header_title_en{
	font-size: 12px ;
	color :#FFFFFF ;
	line-height: 12px ;
	text-align: center ;
	margin-top : 20px;
}





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

.column_index_first_catch_title{
	font-size: 32px ;
	font-weight: 700 ;
	color: #0D2544 ;
}



.column_index_first_catch_hr{
	width: 100% ;
	max-width: 900px ;
	height: 1px ;
	background-color: #B2B2B2 ;
	margin : 32px 0px 32px ;
}

.column_index_first_catch_subtitle{
	font-size: 30px ;
}

.column_index_first_catch_story{
	font-size: 28px ;
	line-height: 58px ;
	margin-top : 40px ;
}


.column_design_images_superbox{
	width: 100% ;
	margin: 60px auto 200px ;
	padding: 0px 0px ;
}
.column_design_images_inner{
	width: 100% ;
	max-width: 1400px ;
	margin: 0px auto ;
	align-items: end ;
	justify-content: center !important ;
	gap: 0px 0.7% ;
}

.column_design_images_inner_half{
	width: 100% ;
	max-width: 1400px ;
	margin: 0px auto ;
	align-items: end ;
	padding-left: 50% ;
	justify-content: left !important ;
	gap: 0px 1.4% ;
}
.column_design_images_inner_half_r{
	width: 100% ;
	max-width: 1400px ;
	margin: 0px auto ;
	align-items: end ;
	padding-right: 50% ;
	justify-content: right !important ;
	gap: 0px 1.4% ;
}



.column_design_images_back{
	position: absolute ;
	bottom: -110px ;
	left: 0% ;
	width: 100% ;
	height: 220px ;
	background-color: #F2F8F8 ;
}

.column_design_images_itembox_s{
	bottom : -20px ;
	width: 15% ;
}
.column_design_images_itembox_m{
	bottom : -20px ;
	width: 20% ;
}
.column_design_images_itembox_l{
	bottom : -20px ;
	width: 25.6% ;
}
.column_design_images_itembox_s img,
.column_design_images_itembox_m img,
.column_design_images_itembox_l img{
	width: 100% ;
}


.column_design_images_inner_half .column_design_images_itembox_m,
.column_design_images_inner_half_r .column_design_images_itembox_m{
	bottom : -20px ;
	width: 40% ;
}
.column_design_images_inner_half .column_design_images_itembox_l,
.column_design_images_inner_half_r .column_design_images_itembox_l{
	bottom : -20px ;
	width: 51.2% ;
}







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



}


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












.cs_date{
	font-size: 16px ;
}

.cs__title{
	font-size: 30px ;
	padding-bottom: 32px ;
	margin-bottom: 36px ;
	border-bottom : 2px solid #B2B2B2 ;
}

.cs_storybox{
	font-size: 20px ;
	line-height: 40px ;
}

.cs_storybox p{
	margin-bottom : 36px ;
}

.cs_storybox strong{
	font-size : 30px ;
}

.cs_storybox img{
	margin : 0px auto 36px ;
}











.ul_headerbox{
}

.ul_header_image{
}

.ul_header_ol{
}


.ul_header_titlebox{
}

.ul_header_title_jp{
}

.ul_header_title_en{
	font-size: 16px ;
	line-height: 16px ;
}

























}