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

.nn{
	opacity: 0.3 !important ;
}


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

.header_belt{
	width: 100% ;
	height: 34px ;
	line-height: 34px ;
	background-color: #095AC5 ;
	color : #FFFFFF ;
}
.header_belt h1{
	float : left ;
	width: 50% ;
	padding-left : 40px ;
	box-sizing: border-box ;
	font-size: 12px ;
	font-weight: 400 ;
}
.header_belt_contact{
	float : right ;
	width: 128px ;
	height: 34px ;
	background-color: #FFA700 ;
	font-size: 14px ;
	font-weight: 700 ;
	color : #FFFFFF ;
	padding-left : 30px ;
}
.header_belt_contact img{
	position: absolute;
	top : 50% ;
	left : 8px ;
	width: 15px ;
	transform: translate(0%,-50%);
}

.header_inner{
	width: 100% ;
	
	height: 94px ;
	padding : 0px 40px ;
	margin : 0px auto ;
}
.header_logo{
	position: absolute;
	top : 50% ;
	left : 40px ;
	width: 160px ;
	transform: translate(0%,-50%);
}

.header_link{
	float : right ;
	width: auto ;
	height : 94px ;
	line-height: 94px ;
	font-size: 14px ;
	font-weight: 700 ;
	color : #333333 ;
	margin-left : 44px ;
}


.footer{
	width: 100% ;
	padding: 50px 40px ;
	background-color: #095AC5 ;
	color : #FFFFFF ;
}

.footer_copy{
	text-align: center ;
	font-size: 12px ;
}


.spnavi_superbox{
	position: fixed;
	top : 0% ;
	left:  0% ;
	width: 100% ;
	height: 0% ;
	padding : 0px 40px ;
	background-color: rgba(255,255,255,0.8);
	z-index: 42 ;
	overflow: hidden;
}

.spnavi_superbox_spacer{
	width: 100% ;
	height: 120px ;
}

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

.spnavi_superbox_link{
	width: 100% ;
	padding : 20px 0px ;
	text-align: center ;
	font-size: 20px ;
	font-weight: 700 ;
	border-top: 2px solid #333333 ;
}
.spnavi_superbox_link.first{
	border-top : none ;
}








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

.ul_header_title{
	text-align: center ;
	font-size: 34px ;
	font-weight: 700 ;
	line-height: 40px ;
	color: #095AC5 ;
}

.ul_header_title_bar{
	width: 100% ;
	max-width: 140px ;
	height: 3px ;
	background-color: #72A4CE ;
	margin : 20px auto 0px ;
}
.ul_header_title_bar_l{
	width: 100% ;
	max-width: 256px ;
	height: 3px ;
	background-color: #72A4CE ;
	margin : 20px auto 0px ;
}

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

.ul_header_about_flex_item{
	width: calc( 50% - 20px ) ;
	max-width: 480px ;
	aspect-ratio: 3 / 2 ;
}
.ul_header_about_flex_item img{
	width: 100% ;
	height: 100% ;
	object-fit: cover ;
}










.ul_header_title_president{
	width: 100% ;
	max-width: 400px ;
	margin : 100px auto 0px ;
}






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



.about_detail_itembox{
	width: 100% ;
	padding : 20px 0px ;
	border-bottom : 1px solid #DDDDDD ;
	font-size: 16px ;
	line-height: 40px ;
}
.about_detail_itembox.first{
	border-top : 1px solid #DDDDDD ;
}

.about_detail_item_l{
	float: left ;
	width: 240px ;
}
.about_detail_item_r{
	float : left ;
	width: calc( 100% - 240px );
}

.about_detail_item_r a{
	text-decoration: underline;
}































































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



}


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




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

.header_belt{
	height: 32px ;
	line-height: 32px ;
}
.header_belt h1{
	float : none ;
	width: 100% ;
	font-size: 10px ;
	text-align: center ;
	padding : 0px 10px ;
}
.header_belt_contact{
}
.header_belt_contact img{
}

.header_inner{
	height: 68px ;
}
.header_logo{
	left : 20px ;
}

.header_link{
}


.footer{
	padding: 100px 40px ;
}

.footer_copy{
}








.ul_header{
}

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

.ul_header_title_bar{
	max-width: 100px ;
}
.ul_header_title_bar_l{
	max-width: 256px ;
}

.ul_header_about_flex{
	max-width: 640px ;
	padding : 0px ;
	gap : 0px ;
}

.ul_header_about_flex_item{
	width: 100% ;
	max-width: 640px ;
	height: 160px ;
}
.ul_header_about_flex_item img{
}


.about_detail_itembox{
	border-bottom : 2px solid #DDDDDD ;
}
.about_detail_itembox.first{
	border-top : 2px solid #DDDDDD ;
}

.about_detail_item_l{
	float: none ;
	width: 100% ;
}
.about_detail_item_r{
	float : none ;
	width: 100% ;
}




.about_detail_section{

}













}