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

@media screen and (min-width: 800px) {
	
h2.title {
	border-bottom:#012B74 solid 1px;	
}

div#main_contents {
	width:900px;
	margin:0 auto 50px;
	padding:0;
}

div.about {
	margin:10px 0 30px;
}
div.about ul{
	list-style:none;
	margin:10px 50px;
	padding:0 0 5px;
	border-bottom:#FFEC00 solid 1px;	
}
div.about li{
	display:inline-block;
	vertical-align:text-top;
}
div.about li.abt_01{
	width:200px;
}


div.map{
	margin:10px 0 200px;
}
div.map ul{
	list-style:none;
	margin:10px 50px;
	padding:0 0 5px;
}
div.map li{
	display:inline-block;
}
#gmap{
	width:500px;
	height:300px;
}
div.map address{
	display:block;
	font-style:normal;
	margin-left:10px;
}
div.map address img{
	width:200px;
}

div.office{
	margin:10px 0 30px;
}
div.office span{
	display:inline-block;
	padding:10px;
}

div.philosophy{
	line-height:2.4em;
	margin:10px 0 30px;
}
div.philosophy p{
	margin-left:50px;
}
div.philosophy span.phb{
	display:block;
	font-weight:bold;
}
div.philosophy span.phs{
	display:block;
	margin-left:20px;
	margin-bottom:20px;
}

div.greetings{
	line-height:2.0em;
	margin:10px 0 30px;
}
div.greetings p{
	margin-left:50px;
}
div.greetings span.name{
	display:block;
	text-align:right;
	padding-right:50px;
}



} /* PCここまで */




@media screen and (max-width: 799px) {

h2.title {
	border-bottom:#012B74 solid 1px;
	text-align:center;
}
h2.title img{
	height:20px;
	max-width:300px;
}


div#main_contents {
	width:90%;
	margin:0 auto 50px;
	padding:0;
	font-size:0.8em;
}


div.about {
	margin:10px 0 30px;
}
div.about ul{
	list-style:none;
	margin:10px 0;
	padding:0 0 5px;
	border-bottom:#FFEC00 solid 1px;	
}
div.about li{
	display:block;
}
div.about li.abt_01{
	font-weight:bold;
	margin-bottom:5px;
}


div.map{
	margin:10px 0 30px;
}
div.map ul{
	list-style:none;
	margin:10px 0;
	padding:0 0 5px;
}
div.map li{
	display:block;
}
#gmap{
	width:100%;
	height:300px;
	margin:0 auto;
}
div.map address{
	display:block;
	font-style:normal;
	line-height:1.4em;
}
div.map address img{
	width:70%;
}

div.office{
	margin:10px 0 30px;
}
div.office span{
	display:block;
	padding:10px;
}


div.philosophy{
	margin:10px 0 30px;
	font-size:0.9em;
	line-height:1.6em;
}

div.philosophy span.phb{
	display:block;
	font-weight:bold;
}
div.philosophy span.phs{
	display:block;
	margin-bottom:20px;
}

div.greetings{
	margin:10px 0 30px;
	font-size:0.9em;
	line-height:1.6em;
}
div.greetings span.name{
	display:block;
	text-align:right;
	margin:20px 0;
}

	
} /* SMPここまで */