@charset "utf-8";



@import url("../common/css/reset.css");
@import url("../common/css/base.css");












/*-------------------------------------
代表挨拶
------------------------------------- */





#greeting {
	width: 90%;
	max-width: 1000px;
	margin: 0 auto;
}


.greeting_img {
	float: left;
	margin: 0 50px 30px 0;
}

.greeting_text {

	margin: 0 0 25px;
}


.name_text {
	text-align: right;
}
.name_text img {
	margin-left: 1.6em;
	vertical-align: text-bottom;
}





/*-------------------------------------
会社概要
------------------------------------- */
#outline {
	clear: both;
	background: url('../images/company/wood_bg.jpg') no-repeat center;
	background-size: cover;
}

#outline table {
	width: 90%;
	max-width: 1000px;
	margin: 0 auto;
	background-color: #fff;
	border-bottom: 1px solid #999;
}
#outline table tr td {
	padding: 10px 20px;
	border-top: 1px solid #999;
}

#outline table tr td:first-child {
	background-color: #eee;
}


/*-------------------------------------
アクセス
------------------------------------- */
#access {
	max-width: 800px;
	width: 90%;
	margin: 0 auto;
	line-height:1.5;
	
}

#access_box {
	display: flex;
	display: -webkit-flex;/*--- safari（PC）用 ---*/
	display: -ms-flexbox;/*--- IE10 ---*/
	display: -webkit-box;/*--- Androidブラウザ用 ---*/
	justify-content: space-between;
	-webkit-justify-content: space-between;/*--- safari（PC）用 ---*/
	-ms-flex-pack: justify;/*--- IE10 ---*/
	-webkit-box-pack: justify;/*--- Androidブラウザ用 ---*/

	margin: 0 auto;
}

.access_info {
	width: 100%;

}
#access_box iframe{
	width: 100%;
	height: 230px;
}



/*===============================================
●画面の横幅が640pxまで
===============================================*/
@media screen and (max-width:640px){

.greeting_img {
	float: none;
	margin: 0;
	text-align: center;
}

.greeting_img img{
	width: 100%;
	max-width: 300px;
	padding-bottom:20px;
}


#access_box {
	display: block;
}

.access_info {
	width: 100%;
	font-size: 90%;
	margin: 40px auto 0;
}
.access_info:first-child iframe{
	margin-top: 0px;
}


#access_box iframe{
	margin-top: 10px;
	text-align: center;
	width: 100%;
}



}


