@charset "utf-8";

/* ==================================================================

company.css

===================================================================== */


#company_wrap{
	margin:0;
	padding:35px 0 0;
	background-color:#f7f7f3;
}

#company_wrap h2{
	margin:0 auto 30px;
	padding:0;
	width:90px;
}

#company_wrap h2 img{
	width:100%;
}

#company_wrap h3{
	margin:0 auto 7px;
	padding:0;
	width:183px;
}

#company_wrap h3 img{
	width:100%;
}

#company_wrap table{
	margin:0;
	padding:0;
	width:100%;
	background-color:#fff;
	border-top:1px solid #ccc;
}

#company_wrap table th{
	padding:10px;
	width:30%;
	font-size:1.2rem;
	line-height:1.3em;
	color:#fff;
	font-weight:normal;
	text-align:center;
	vertical-align:middle;
	background-color:#aa5;
	border-bottom:1px solid #ccc;
}

#company_wrap table td{
	padding:10px;
	font-size:1.2rem;
	line-height:1.3em;
	color:#555;
	font-weight:normal;
	text-align:left;
	vertical-align:middle;
	background-color: transparent;
	border-bottom:1px solid #ccc;
}

.map-wrap{
	margin:10px 0 0;
	padding:0;
}
.map-wrap{
	margin:10px 0 0;
	padding:0 0 56.25% 0;
	position: relative;
    width: 100%; 
    height: 0;
    overflow: hidden;
}
.map-wrap iframe{
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;    /* 必要であれば!importantを付けてください */
    height: 100%;    /* 必要であれば!importantを付けてください */
}

#map_canvas{
  width:100%;
  height:300px;
}

#business_wrap{
	margin:0;
	padding:45px 0 0;
	background-color:#eef3f7;
}

#business_wrap h2{
	margin:0 auto 30px;
	padding:0;
	width:90px;
}

#business_wrap h2 img{
	width:100%;
}

#business_wrap h3{
	margin:0 auto 7px;
	padding:0;
	width:183px;
}

#business_wrap h3 img{
	width:100%;
}

#business_wrap ul{
	margin:0;
	padding:0;
	width:100%;
}

#business_wrap ul li{
	margin:0;
	padding:30px 20px;
	background-color:#fff;
}

#business_wrap ul li:nth-child(2n){
	background-color: transparent;
}

#business_wrap ul li:last-child{
	padding:30px 20px 60px;
}

#business_wrap ul li .photo{
	margin:0 10px 0 0;
	width:90px;
	float:left;
}

#business_wrap ul li p.read{
	margin:0;
	padding:0;
	font-size:1.3rem;
	line-height:1.6em;
	color:#777;
	font-weight:bold;
}

#business_wrap ul li .box{
	margin:15px 0 0;
	padding:15px;
	background-color:#eef3f7;
}

#business_wrap ul li:nth-child(2n) .box{
	background-color:#fff;
}

#business_wrap ul li .box h4{
	margin:0 0 5px;
	padding:0;
	font-size:1.3rem;
	line-height:1.4em;
	color:#111;
	font-weight:bold;
}

#business_wrap ul li .box p.text{
	margin:0;
	padding:0;
	font-size:1.3rem;
	line-height:1.6em;
	color:#222;
	text-align:justify;
}