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



.ul_header.friendhsip{
	height : 640px ;
	background-color: #d3d2d2 ;
}

.friendship_header_image{
	width : 100% ;
	height : 100% ;
	object-fit: cover ;
}




.friendship_inner{
	width : 100% ;
	max-width : 1080px ;
	padding : 80px 120px ;
	background-color: rgba(255,255,255,0.7);
	z-index: 6 ;
	/** transform: translate(0%,-25vh); **/
	margin : -20vh auto 0px ;
}

.friendship_date{
	font-size : 20px ;
	color : #808080 ;
	letter-spacing: 2px ;
}

.friendship_title{
	font-size : 18px ;
	margin-top : 16px ;
	line-height: 1.2;
}

.friendship_cate{
	font-size : 20px ;
	margin-top : 16px ;
	letter-spacing: 4px ;
	font-weight : 700 ;
}

.friendship_cate .cate_other{	color : #fff100 ;	}



.friendship_contents{
	font-size : 13px ;
	margin-top : 50px ;
}

.friendship_contents p{
	margin-bottom : 20px ;
}
.friendship_contents img{
	width : auto ;
	max-width : 100% ;
	margin : 0px auto 20px ;
}

.friendship_contents strong{
	font-weight : 700 ;
}

.friendship_contents blockquote{
	box-sizing: border-box;
	display: block ;
	position: relative;
	width : 100% ;
	background-color: #dcdddf ;
	padding : 48px 48px 28px ;
	border-radius: 10px ;
	margin : 0px auto 20px ;
}


.friendship_backindex{
	text-align: center ;
	margin-top : 120px ;
}



.recruit_table{
	width : 100% ;
	margin-bottom : 20px ;
	border-collapse: separate;
	border-spacing: 0px 10px ;
}

.recruit_table caption{
	font-weight : 700 ;
	text-align : left ;
	padding : 10px ;
	background-color: #fff100 ;
}

.recruit_table td{
	padding : 20px 20px 1px ;
	vertical-align: middle ;
}

.recruit_table_title{
	width : 200px ;
	text-align: center ;
	font-weight : 700 ;
	background-color: #f5f5f4 ;
}





















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




.news_cate_title{
}



.news_cate_tocate{
}



.news_index_flex{
	padding : 1px 30px ;
}

.news_index_itembox{
	width : 48% ;
	max-width : 600px ;
}
.news_index_itembox_dummy{
	width : 48% ;
	max-width : 600px ;
}



.news_index_itembox_wrap{
}

.news_index_item_image{
	height : 152px ;
}
.news_index_item_image img{
}

.news_index_item_cate,
.news_index_item_date{
}

.news_index_item_title{
}
.news_index_item_desc{
}





}


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







.ul_header.friendhsip{
	height : auto ;
	margin-bottom : 0px ;
}

.friendship_header_image{
}




.friendship_inner{
	padding : 80px 30px ;
	/** transform: translate(0%,0vh); **/
	margin : 0px auto ;
}

.friendship_date{
}

.friendship_title{
}

.friendship_cate{
}

.friendship_cate .cate_other{	color : #fff100 ;	}



.friendship_contents{
	margin-top : 40px ;
}

.friendship_contents p{
	margin-bottom : 20px ;
}
.friendship_contents img{
}

.friendship_contents strong{
}

.friendship_contents blockquote{
	padding : 32px 32px 12px ;
	border-radius: 10px ;
	margin : 0px auto 20px ;
}


.friendship_backindex{
	text-align: center ;
	margin-top : 120px ;
}







.recruit_table{
	display: block ;
	box-sizing: border-box ;
	border-spacing: 0px 4px ;
}

.recruit_table caption{
	display: block ;
	box-sizing: border-box ;
}

.recruit_table td{
	display: block ;
	box-sizing: border-box ;
	display: block;
	width : 100% ;
	padding : 20px 20px 1px ;
}

.recruit_table_title{
	width : 100% ;
	text-align: left ;
}
























}