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



/* ---------------------------------------------
 社長挨拶
--------------------------------------------- */

/* 下層ページレイアウト company */

#company.president .main_box .president_wrap{
	background:#fff;
	padding:100px 100px;
	box-shadow: 0px 5px 20px rgba(204,204,204,0.933);
	box-sizing:border-box;
	margin-bottom:100px;
}


#company.president .main_box .president_wrap dl{
	height:400px;
	margin:0 0 50px 0;
	/* box-shadow: 3px 3px 10px rgba(153,153,153,0.8) inset; */
	/* border:1px solid #ddd; */
	background: url("/img/company/president_onishi.webp") no-repeat;
	background-size:auto 100%;
}

#company.president .main_box .president_wrap dl dd{
	float:right;
	margin-right:5%;
}


#company.president .main_box .president_wrap dl dd h5{
	font-size:22px;
	font-weight:bold;
	position: relative;
	line-height: 1.4;
	letter-spacing:0.1em;
	padding-top:30%;
}
#company.president .main_box .president_wrap p span{
	font-weight:bold;
	font-size:105%;
}
#company.president .main_box .president_wrap p{
	margin-bottom: 20px;
}
#company.president .main_box .president_wrap dl dd h5:before,
#company.president .main_box .president_wrap dl dd h5:after{
	position: absolute;
	top: 0;
	content:'';
	width: 20px;
	height: 100%;
	display: inline-block;
}
#company.president  .main_box .president_banner{
	width:100%;
	margin:0px auto 50px auto;
	padding:30px 50px;
	background:#f5f5f5;
	box-sizing:border-box;
	/* 200128追加 */
	display: flex;
	flex-wrap: wrap;
}

#company.president  .main_box .president_banner li{
	width:31%;
	height:auto;
	margin:auto;
	list-style:none;
	box-shadow:5px 5px;
	display:block;
	transition: 0.3s linear;
		/* 200128追加 */
		padding: 0;
		margin-bottom: 20px;
}

#company.president .main_box .president_banner li img{
	width:100%;
	list-style:none;
	display: block;
}

#company.president .main_box .president_banner li:hover{
	-webkit-transform: translate(5px, 5px);
	-moz-transform: translate(5px, 5px);
	-ms-transform: translate(5px, 5px);
	-o-transform: translate(5px, 5px);
	transform: translate(5px, 5px);
	-webkit-box-shadow: 0px 0px 0px 0px #000 !important;
	-moz-box-shadow: 0px 0px 0px 0px #000 !important;
	box-shadow: 0px 0px 0px 0px #000 !important;
}