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

/* 本文　
------------------------------------------------------------*/

#top-img {
	width: 100%;
}

#cnt-01 {
	display: block;
	margin: 0 auto;
	padding: 0
}

#logo_a {
	display: flex;
	width: 640px;
}

.logo_1 {
	width: 260px;
	margin: 60px 30px 40px;	
}

.logo_2 {
	width: 500px;
	margin: 40px auto 60px;
}

.logo_2 {
	width: 300px;
	margin: 25px auto 40px;
}

.headline {
	width: 100%;
	margin: 0;
	padding: 0;
}

#cont-02 {
	background: #f2edd6;
}

.text-01 {
	text-align: center;
	font-size: 2em;
	line-height: 2.3em;
	color: #2d2400;
	margin: 5% auto;
}

.med {
	display: flex;
	padding-bottom: 10%;
}

.med-01 {
	background: #FFFFFF;
	width: 28%;
	margin-left: 17%;
	padding: 15px;
}

.med-02 {
	background: #FFFFFF;
	width: 28%;
	margin-left: 4%;
	padding: 15px;
}

.med_ttl {
	width: 66%;
	margin: 2% 17%;
}
.med_ph {
	width: 86%;
	margin: 2% 7%;
}

.med_txt {
	text-align: center;
	font-size: 1.2em;
	line-height: 2em;
	margin: 7% auto;
}

.link_txt {
	text-align: center;
	font-size: 1.1em;
	margin-bottom: 4%;	
}

.link_txt a:hover {
	text-decoration: none;
}















/* ----------------------------------------------------------
  RESPONSIVE 設定
------------------------------------------------------------*/

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

	.text-01 {
		font-size: 1.7em;
	}
	
	.med-01 {
		width: 40%;
		margin-left: 5%
	}
	
	.med-02 {
		width: 40%;
	}
	
	
	.med_txt {
		font-size: 0.9em;
		line-height: 1.7em;
		margin: 5% auto;
	}

}


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

	.text-01 {
		font-size: 1.5em;
	}
	

	
}


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

	#logo_a {
		display: block;
		width: 300px;
		margin: 50px auto 0;
	}
	
	.logo_1 {
		width: 200px;
		margin: 15px auto;
	}

	.logo_2 {
		width: 300px;
		margin: 0 auto 70px;
	}
	
	.text-01 {
		font-size: 1em;
	}
	
	.med {
		display: block;
	}
	
	.med-01,
	.med-02 {
		width: 86%;
		margin: 20px auto;
		font-size: 0.9em;
	}
	
	.acs_0,
	.acs_1 {
		width: 92%;
		font-size: 0.9em;
		text-align: left;
	}
	
	.acs_a {
		width: 65px;
		margin-left: 5px;
	}
	
	.acs_b {
		margin-right: 12px;
	}
	
	.extr_img {
		width: 86%;
	}
	
	#access {
		width: 94%;
		text-align: left;
	}
	
	.access_a img {
		width: 86%;
	}
	
	.access_a p,
	.access_b1 {
		font-size: 0.8em;
	}
	
	.fs-15b {
		font-size: 1.15em;
	}
	
	.access_b {
		width: 94%;
	}
	
	.access_b1 img.Number_a {
		width: 70px;
	}

	
}



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


	
}
	
	
@media only screen and (max-width: 360px) {	
	
	.text-01 {
		font-size: 0.85em;
	}
	
	.med_txt {
		font-size: 0.85em;
		
	}
	
	
	
}