@charset "utf-8";

/* ==================================================================
	company.css
=================================================================== */
#company #wrap{
	background:url(../../images/company/background.jpg) no-repeat top center;
	background-size:contain;
}

#contents{

}

#contents h2{
	margin:2em 0;
	color:#fff;
	text-align:center;
}
#contents h2 dfn{
	margin-top:1.5em;
	letter-spacing:0.2em;
}


.body h3{
	display:flex;
	position:relative;
	margin-bottom:2em;
	color:#023692;
	align-items: baseline;
	box-sizing:border-box;
	border-bottom:2px solid #cecece;
}
.body h3 span{
	margin-bottom:-2px;
	padding-right:0.3em;
	padding-bottom:20px;
	font-family: 'Oswald', sans-serif;
	border-bottom:2px solid #023692;
}

.body h3 dfn{
	font-style:normal;
	font-size:48%;
}

/*-------------------------------------------------------------------
	philosophy
-------------------------------------------------------------------*/
#contents #philosophy.section{
	margin-bottom:4em;
	display:flex;
	align-items: center;
	justify-content: center;
	height:440px;
	background:url(../../images/company/background-philosophy.jpg) no-repeat top center;
}

#philosophy dl{
	padding:1.5em 0;
	width:86%;
	color:#fff;
	font-family: 'Noto Sans JP', sans-serif;
	text-align:center;
	letter-spacing:0.2em;
	background: linear-gradient(to right, rgba(2, 54, 146, 0), rgba(2, 54, 146, 0.8) 20% , rgba(2, 54, 146, 0.8) 80%, rgba(2, 54, 146, 0));
}

#philosophy dl dt{
	margin-bottom:1em;
}
#philosophy dl dd{
	font-size:220%;
	font-weight:bold;
}


/*-------------------------------------------------------------------
	message
-------------------------------------------------------------------*/
#message .image{
	float:right;
	margin-left:2.5em;
}
#message .text{
	zoom:1;
	overflow:hidden;
}
#message .text p{
	line-height:2;
}
#message .text p.ceo{
	margin-top:1em;
	font-size:122%;
	font-weight:bold;
	line-height:1.5;
	float:right;
}
#message .text p.ceo span{
	display:block;
	font-size:60%;
	font-weight:normal;
}



/*-------------------------------------------------------------------
	outline
-------------------------------------------------------------------*/

#outline table{
	margin-bottom:3em;
	width:100%;
}
#outline th,
#outline td{
	padding:1em 2em;
	border-bottom:1px solid #d3d3d3;
	box-sizing:border-box;
}
#outline tr:last-child th,
#outline tr:last-child td{
	border-bottom:0;
}

#outline th{
	width:25%;
	text-align:center;
	background:#f9f9f9;
}


#outline .map.unit{
	position:relative;
	margin-bottom:2em;
	width:100%;
	height:426px;
}

#outline .gmap {
position: relative;
padding-bottom: 46.25%;
height: 0;
overflow: hidden;
height: 100%;
box-sizing:border-box;
}
 
#outline .gmap iframe,
#outline .gmap object,
#outline .gmap embed{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

#outline .button{
	text-align:center;
}
#outline .button a{
	margin:0 auto;
	padding:1em 4em;
	color:#023692;
	font-family: 'Noto Sans JP', sans-serif;
	background:#fff;
	font-weight:bold;
	border:2px solid #023692;
}


/*-------------------------------------------------------------------
	smart phone
-------------------------------------------------------------------*/
@media only screen and (max-width : 640px) {


#company #wrap{
	background-size:200%;
}

#contents h2{
	margin:1.5em 0;
	font-size:200%;
}

/*-------------------------------------------------------------------
	philosophy
-------------------------------------------------------------------*/
#contents #philosophy.section{
	height:303px;
	background:url(../../images/company/background-philosophy.jpg) no-repeat top center;
	margin-bottom: 2em;
}
#philosophy dl dd{
	font-size:169%;
}


/*-------------------------------------------------------------------
	message
-------------------------------------------------------------------*/
#message .image{
	float:none;
	margin-bottom:1.5em;
	margin-left:0;
	text-align:center;
}
#message .image img{
	width: 100%;
}

/*-------------------------------------------------------------------
	outline
-------------------------------------------------------------------*/

#outline table{
	margin-bottom:3em;
	width:100%;
}
#outline tr,
#outline th{
	display:block;
	width:100%;
}
#outline tr:last-child th{
	border-bottom:1px solid #d3d3d3;
}

#outline td{
	display:block;
}

}