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


/*-----------------右側内容・共通--------------*/
.inbox {
	padding-bottom:60px;
	
}
.box {
	margin: 0 auto;
	padding:0 5%;
	display:block;
}

@media only screen
    and (min-width: 768px) {
.box {
	max-width:1100px;
	margin: 0 auto;
	padding:0 5%;
	display:block;
}

}

.section h2 {
	text-align:center;
	margin:0 auto 30px auto;
	clear:both;
}

/*--------------トップイメージ------------------*/

.topimage {
	height: 200px;
	width: 100%;
}

@media only screen
    and (min-width: 768px) {
.topimage {
	height: 300px;
}

}


/*-------------------企業理念 policy-------------------*/
/*-------------------------------------------------*/

#policy {
	text-align:center;
}

#policy img {
	margin-bottom:20px;
	max-width: 100%;
	height:auto;
}

#policy .line {
	text-align: center;
	width:100%;
	margin:50px auto;
}

.line h3 {
	float:none;
	width: 90px;
	height: 90px;
	border-radius: 45px;
	line-height: 90px;
	background-color: hsla(227,6%,49%,1.00);
	color: hsla(0,0%,100%,1.00);
	margin:0 auto;
}


.line ol {
	float:none;
	text-align:left;
	margin:50px auto;
	width:90%;
	padding-left:20px;
}

.line ol li {
	list-style-type: decimal;
}


@media only screen
    and (min-width: 768px) {

#policy .line {
	text-align: center;
	max-width:600px;
	margin:50px auto;
}

.line h3 {
	float:left;
	width: 90px;
	height: 90px;
	border-radius: 45px;
	line-height: 90px;
	background-color: hsla(227,6%,49%,1.00);
	color: hsla(0,0%,100%,1.00);
}


.line ol {
	float:right;
	text-align:left;
	width:440px;
	margin-top:0px;
	margin-bottom:50px;
}

.line ol li {
	list-style-type: decimal;
}

}



/*-------------------会社概要 gaiyo-------------------*/
/*-------------------------------------------------*/


#gaiyo .inbox {
	background-color: #EEEEEE;
}


#gaiyo table {
	float: none;
	width: 100%;
	border-top: 1px solid hsla(0,0%,84%,1.00);
	margin-bottom: 30px;
}

#gaiyo table th {
	width: 100px;
	padding: 12px 0;
	text-align: left;
	vertical-align: top;
	border-bottom: 1px solid hsla(0,0%,84%,1.00);
	color: hsla(217,21%,42%,1.00);
	font-weight: normal;
}

#gaiyo table td {
	padding: 10px 0;
	border-bottom: 1px solid hsla(0,0%,84%,1.00);
}

#gaiyo table td dl {
	margin:0;
	padding:0;
}

#gaiyo table td dt {
	margin:0;
	padding:0;
}

#gaiyo table td dd {
	font-size:90%;
	line-height:1.6em;
	margin:2px 0 15px 15px;
	}
	
	
#gaiyo .ofice {
	text-align:center;
	float:none;
	
}

#gaiyo .ofice img {
	max-width:80%;
	height:auto;
}


@media only screen
    and (min-width: 768px) {



#gaiyo table {
	float: left;
	width: 60%;
	max-width:578px;
	border-top: 1px solid hsla(0,0%,84%,1.00);
}

#gaiyo table th {
	width: 100px;
	padding: 12px 0;
	text-align: left;
	vertical-align: top;
	border-bottom: 1px solid hsla(0,0%,84%,1.00);
	color: hsla(217,21%,42%,1.00);
	font-weight: normal;
}

#gaiyo table td {
	padding: 10px 0;
	border-bottom: 1px solid hsla(0,0%,84%,1.00);
}

#gaiyo table td dl {
	margin:0;
	padding:0;
}

#gaiyo table td dt {
	margin:0;
	padding:0;
}

#gaiyo table td dd {
	font-size:90%;
	line-height:1.6em;
	margin:2px 0 15px 15px;
	}
	
#gaiyo .ofice {
	width:37%;
	max-width:284px;
	margin-left:3%;
	float:left;
	
}

#gaiyo .ofice img {
	max-width:100%;
	height:auto;
}
}

/*-------------------沿革 history-------------------*/

#history .inbox {
	padding-bottom: 80px;
}

#history table {
	width:100%;
	max-width:1000px;
	margin:0 auto;
}

#history table th {
	padding:12px 0;
	font-weight:normal;
	width: 120px;
	text-align:left;
	vertical-align:top;
}

#history table td {
	padding:12px 0;
}

/*-------------------所在地 map-------------------*/


#map .inbox {
	background-color: #EEEEEE;
}

#map iframe {
	width: 100% !important;
}

#map table {
	border-top: thin solid hsla(0,0%,85%,1.00);
	margin: 20px auto;
	width:100%;
	line-height: 1.4em;
}
#map table th, #map table td {
	padding:12px 0;
	border-bottom: thin solid hsla(0,0%,85%,1.00);
}
#map table th {
	font-weight:normal;
	width:120px;
	vertical-align:top;
	text-align:left;
}