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










/** about ======================================================== **/

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

.about_left_systemtitle{
	width : 100% ;
	border-left : 5px solid #AAAAAA ;
	padding-left : 10px ;
	font-size : 16px ;
	font-weight: 700 ;
	letter-spacing: 1px ;
}

.about_left_taiyokai{
	width : 100% ;
	max-width: 178px ;
	margin : 0px 0px 50px ;
}

.about_points_box{
	width : 100% ;
	margin-top : 50px ;
}
.about_points_box.follow{
	margin-top: 80px ;
}

.about_points_title{
	position: absolute ;
	top : 0% ;
	left : 0% ;
	width : 109px ;
	height : 100% ;
	font-size : 16px ;
	text-align: center ;
}
.about_points_title.welfare{
	border-left : 7px solid #cf9b2a ;
	border-right : 2px solid #cf9b2a ;
}
.about_points_title.education{
	border-left : 7px solid #b65569 ;
	border-right : 2px solid #b65569 ;
}
.about_points_title.culture{
	border-left : 7px solid #cc8c6c ;
	border-right : 2px solid #cc8c6c ;
}
.about_points_title.community{
	border-left : 7px solid #1a9cac ;
	border-right : 2px solid #1a9cac ;
}
.about_points_title.environment{
	border-left : 7px solid #569d62 ;
	border-right : 2px solid #569d62 ;
}





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

.about_points_story{
	float : right ;
	width : calc( 100% - 115px ) ;
	font-size : 13px ;
	line-height: 20px ;
	padding : 0px 15px ;
}

.about_points_box_en .about_points_title{
	font-size : 12px ;
}
.about_points_box_en .about_points_story{
	font-size : 13px ;	
}



.about_image_wide{
	width : 100% ;
	margin : 50px auto 50px ;
}


.about_members_title{
	margin-top :80px; 
	margin-bottom :20px; 
	font-size : 20px ;
}







.about_paper_title{
	font-size : 15px ;
	font-weight: 400;
	margin-bottom : 10px ;
}
.about_paper_story{
	font-size : 13px ;
	font-weight: 400;
	margin-bottom : 20px ;
	color: #004770 ;
}
.about_paper_story p{
	margin-bottom : 10px ;
}




.about_add_logo{
	width : auto ;
	max-width: 100% ;
}


.about_add_name{
	font-size : 14px ;
}
.about_add_story{
	font-size : 12px ;
	margin-top : 30px ;
}


.about_access_title{
	font-size : 14px ;
}
.about_access_title.follow{
	margin-top : 30px ;
}
.about_access_story{
	font-size : 12px ;
	margin-top : 16px ;
}



.about_gmap{
	width : 100% ;
	height : 456px ;
	margin-top :80px ;
	filter : grayscale(100%);
}
.about_gmap iframe{
	width : 100% ;
	height : 100% ;
}




































































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



}


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






/** about ======================================================== **/

.about_left_image{
}

.about_left_systemtitle{
}

.about_left_taiyokai{
}

.about_points_box{
}
.about_points_box.follow{
}

.about_points_title{
	width : 72px ;
}
.about_points_title.welfare{
}
.about_points_title.education{
}
.about_points_title.culture{
}
.about_points_title.community{
}
.about_points_title.environment{
}





.about_points_title_wrap{
	width : 100% ;
}

.about_points_story{
	width : calc( 100% - 80px ) ;
}

.about_points_box_en .about_points_title{
}
.about_points_box_en .about_points_story{
}



.about_image_wide{
}


.about_members_title{
}



.about_history_title{
}






.about_paper_title{
}
.about_paper_story{
}
.about_paper_story p{
}


.about_history_year{
	width : 60px ;
}
.about_history_story{
	width : calc( 100% - 60px );
}



.about_add_logo{
	margin : 0px auto ;
}


.about_add_name{
}
.about_add_story{
}


.about_access_title{
}
.about_access_title.follow{
}
.about_access_story{
}



.about_gmap{
}
.about_gmap iframe{
}














}