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

.title_conts{
	background-image:url(../img/titl_moo.png);
	background-repeat:no-repeat;
	background-position:top right;
	}


/*------------------------------------------------------------
	main
----------------*/

.main_pic{
	overflow:hidden;
	text-align:left;
	}

.main_pic .right{
	float:right;
	width:390px;
	margin:0 0 0 10px;
	}

.main_pic p span.kome{
	display:block;
	font-size:12px;
	padding-left:1em;
	text-indent:-1em;
	}

.main_txt span.big_txt{
	font-size:16px; 
	font-weight:bold;
	}

.conts_box .left{
	float:left;
	width:380px;
	}

.conts_box .map_box{
	float:left;
	width:300px;
	margin:0 0 0 10px;
	position:relative;
	padding: 30px 0 32%;
	height:0;
	overflow:hidden;
	}
.conts_box .map_box iframe,
.conts_box .map_box object,
.conts_box .map_box embed { 
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	}

.conts_box{
	overflow:hidden;
}
	

h2.blue_ttl{
	margin:60px 0 40px 0;
	background-color:#277dcd;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	line-height:55px;
	height:55px;
	color:#fff;
	font-size:20px;
	text-align:left;
	padding:0 0 0 120px;
	font-weight:normal;
	position:relative;
	}

h2.blue_ttl img{
	position:absolute;
	top:-20px;
	left:1%;
	}
.conts_box .left2 p.main_txt{
	margin:0 0 15px;
	}
	
p.yellow{
	font-size:14px;
	}

.conts_box p.yellow span{
	color:#ffd200;
	font-size:16px;
	}

.conts_box .left2{
	float:left;
	width:500px;
	}

.conts_box img.moo{
	padding:30px 0 0 0;
	}

.blue_box{
	margin:40px 2% 0 2%;
	border:1px solid #d9d9d9;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	}

.blue_box h3{
	background-color:#9ccefd;
	text-align:left;
	padding:10px 10px;
	font-size:16px;
	}
	
.blue_box h3 span{
	font-size:20px;
	}
.blue_box p.big_txt{
	font-size:16px;
	padding:10px 20px;
	font-weight:bold;
	}

.blue_box p.main_txt{
	margin:10px 20px 0;
	}
	
.blue_box ul{
	text-align:left;
	font-size:14px;
	padding:0 20px 20px;
	}

.blue_box img{
	margin:0 0 20px;
	}

.blue_box p.yellow{
	padding:0 0 10px 20px;
	}

	
@media (max-width:800px){

/*------------------------------------------------------------
	main
----------------*/

.main_pic{
	overflow:hidden;
	text-align:left;
	}

.main_pic .right{
	float:right;
	width:60%;
	margin:0 0 0 1%;
	}
	
.main_pic img{
	float:left;
	width:39%;
	}

.conts_box .left{
	float:left;
	width:60%;
	}

.conts_box .map_box{
	float:left;
	width:39%;
	margin:0 0 0 1%;
	position:relative;
	padding: 30px 0 32%;
	}


h2.blue_ttl{
	margin:60px 0 40px 0;
	padding:0 0 0 15%;
	font-size:18px;
	}

h2.blue_ttl img{
	top:-10px;
	left:1%;
	width:13%;
	}
.conts_box .left2{
	float:left;
	width:80%;
	}

.conts_box img.moo{
	float:right;
	width:20%;
	}

.blue_box{
	margin:30px 0 0 0;
	}

.blue_box h3{
	padding:10px 10px;
	font-size:16px;
	}
	
.blue_box h3 span{
	font-size:18px;
	}
.blue_box p.big_txt{
	font-size:16px;
	padding:10px 3%;
	}

.blue_box p.main_txt{
	margin:10px 3% 0;
	}

.blue_box ul{
	text-align:left;
	font-size:14px;
	padding:0 3% 20px;
	}

.blue_box img{
	margin:0 auto 20px;
	width:94%;
	}

.blue_box p.yellow{
	padding:0 0 10px 3%;
	}	

}

@media (max-width:600px){

.title_conts{
	background-image:none;
	}

	
/*------------------------------------------------------------
	main
----------------*/

.main_pic{
	overflow:hidden;
	text-align:left;
	}

.main_pic .right{
	float:none;
	width:100%;
	margin:0 0 0 0;
	}
	
.main_pic img{
	float:none;
	width:90%;
	display:block;
	margin:auto;
	}

.conts_box .left{
	float:none;
	width:100%;
	}

.conts_box .map_box{
	float:none;
	width:90%;
	margin:10px auto 0;
	position:relative;
	padding: 30px 0 50%;
	}


h2.blue_ttl{
	margin:30px 0 20px 0;
	padding:10px 1% 10px 23%;
	font-size:18px;
	height:auto;
	line-height:1.6;
	}

h2.blue_ttl img{
	top:50%;
	margin:-10% 0 0 0;
	left:1%;
	width:20%;
	}
.conts_box .left2{
	float:none;
	width:100%;
	}

.conts_box .left2 p.yellow{
	padding-left:1em;
	text-indent:-1em;
	}

.conts_box img.moo{
	padding:0;
	float:right;
	width:30%;
	margin:0 2% 0 0;
	}

.blue_box{
	margin:30px 0 0 0;
	}

.blue_box h3{
	padding:10px 10px;
	font-size:16px;
	}
	
.blue_box h3 span{
	font-size:18px;
	}
.blue_box p.big_txt{
	font-size:16px;
	padding:10px 3%;
	}
.blue_box ul{
	text-align:left;
	font-size:14px;
	padding:0 3% 20px;
	}

.blue_box img{
	margin:0 auto 20px;
	width:94%;
	}

.blue_box p.yellow{
	padding:0 0 10px 3%;
	}	

}