@charset "UTF-8";
/* CSS Document */

.block_link[rel=greeting] .photo .bg{
	background-image:url(../images/about/photo_link_greeting.jpg);
}
.block_link[rel=equipment] .photo .bg{
	background-image:url(../images/about/photo_link_equipment.jpg);
}
.block_link[rel=staff] .photo .bg{
	background-image:url(../images/about/photo_link_staff_2.jpg);
}

#about_greeting .section_mv .mv .icon{
	background-image:url(../images/about/name_president.png);
	width:120px;
	height:calc( 100% - 20px );
	max-height:240px;
	right:auto;
}

@media screen and (max-width:640px){
	#about_greeting .section_mv .mv .bg{
		background-position:60% center;
	}
}

@media screen and (min-width:641px){
	#about_greeting .section_mv .mv .icon{
		left:20px;
	}
}

@media screen and (min-width:961px){
	#about_greeting .section_mv .mv .icon{
		left:calc( 50% - 360px );
	}
}

/*greeting*/
#section_about_greeting .column2 .column{
	margin-bottom:0;
}

@media screen and (max-width:767px){
	#section_about_greeting .column2 .column{
		margin-right:0;
		width:100%;
	}
}
@media screen and (min-width:768px){
	#section_about_greeting .column2 .column{
		width:calc( 50% - 55px );
		margin-right:110px;
	}
	#section_about_greeting .column2 .column:nth-child(2n){
		margin-right:0;
	}
}

/*equipment*/
#section_about_equipment .features{
	margin-bottom:60px;
}
#section_about_equipment .features .feature:not(:last-child){
	margin-bottom:20px;
}

#section_about_equipment .features .feature{
	color:#ff645c;
	text-align:center;
	border:2px solid #ff645c;
	height:100px;
	box-sizing: border-box;
}

#section_about_equipment .features .feature .wrap{
	width:calc( 100% - 20px );
	margin:0 auto;
	height:100%;
	display:table;
}

#section_about_equipment .features .feature .wrap .inner{
	display:table-cell;
	width:100%;
	height:100%;
	vertical-align: middle;
}

#layout_emiwa .img{
	max-width:470px;
	margin:0 auto;
}

#section_about_equipment .blocks{
	margin-top:80px;
}

#section_about_equipment .blocks .logo{
	background-image:url(../images/common/logo_shp.png);
	width:40px;
	height:30px;
	left:0;
	bottom:auto;
	top:-4px;
	right:auto;
}

#section_about_equipment .blocks .list_wrap .cont{
	position:relative;
}


#section_about_equipment .block_map .gmap{
	height:240px;
}
#section_about_equipment .block_map .gmap .map{
	width:100%;
	height:100%;
}


@media screen and (min-width:641px){
	#section_about_equipment .blocks .list_wrap .label{
		width:100px;
	}
	#section_about_equipment .blocks .list_wrap .cont{
		width:calc( 100% - 100px ); 
	}
}

@media screen and (min-width:768px){
	#section_about_equipment .features,
	#section_about_equipment .blocks{
		letter-spacing:-0.4em;
	}
	#section_about_equipment .features .feature{
		width:calc( 33% - 20px );
		width:calc( ( 100% / 3 ) - 20px );
		display:inline-block;
		letter-spacing:normal;
		vertical-align:top;
	}
	#section_about_equipment .features .feature:not(:last-child){
		margin-right:30px;
	}
	
	#section_about_equipment .blocks .block{
		letter-spacing:normal;
		width:50%;
		vertical-align:top;
		display:inline-block;
	}
	
	#section_about_equipment .blocks .block_outline{
		width:calc( 50% - 60px );
		margin-right:60px;
	}
	#section_about_equipment .block_map .gmap{
		height:470px;
	}
}

/*staff*/
#section_about_staff_list .column3{
	margin-top:40px;
}

#section_about_staff_list .column3 .column{
	margin-bottom:80px;
}

#section_about_staff_list .column3 .column .photo{
	width:100%;
	height:calc( 100vw - 50px );
}

#section_about_staff_list .column3 .column .info{
	color:#221815;
	padding-top:20px;
}

#section_about_staff_list .column3 .column .info .sub{
	margin:10px auto 20px auto;
	font-style:italic;
	font-size:12px;
}

#section_about_staff_list .column3 .column .info .name{
	font-weight:normal;
	margin-bottom:10px;
	font-size:18px;
}

.article_staff .head .sub{
	font-style:italic;
}

.article_staff .head .name{
	line-height:40px;
	vertical-align: middle;
}

.article_staff .head .name b{
	font-weight:normal;
	font-size:22px;
	margin-right:20px;
}

.article_staff .head .part{
	font-size:12px;
	position:relative;
	top:-3px;
}

.article_staff .photo{
	margin:20px auto;
}

@media screen and (min-width:521px){
	#section_about_staff_list .column3 .column .photo{
		height:calc( ( 100vw - 50px ) / 2 - 30px );
	}
}
@media screen and (min-width:769px){
	#section_about_staff_list .column3 .column .photo{
		height:calc( ( 100vw - 90px ) / 2 - 30px );
	}
}

@media screen and (min-width:961px){
	#section_about_staff_list .column3 .column .photo{
		height:calc( ( 100vw - 90px ) / 3 - 30px );
		max-height:300px;
	}
}