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

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

#top-img {
	width: 100%;
}

#cont-01 {
	background: #f2edd6;
	margin: 0;
	padding-top: 20px;
}

.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;
}


/* 組織案内　
------------------------------------------------------------*/

#cont-02,
#cont-03 {
	margin: 0;
	padding: 60px 0;
	font-size: 1.1em;
}

#cont-02 {
	background: #EDFFFD;
}

#cont-03 {
	background:  #F6F9E4;
}

.acs_0 {
	display: flex;
	padding: 30px 0;
	width: 640px;
}

.acs_0 {
	border-bottom: solid 1px #c9bc95;
}

.acs_a {
	width: 150px;
	text-align: right;
}

.acs_b {
	margin-left: 30px;
	width: 450px;
	text-align: left;
}

.acs_b ol {
	margin-left: 20px;
}










/* ----------------------------------------------------------
  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;
	}

	.med-01 {
		width: 40%;
		margin-left: 5%
	}
	
	.med-02 {
		width: 40%;
	}
	
	
	.med_txt {
		font-size: 1.1em;
		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;
	}

	.access_a1a {
		width: 90%;
	}
	
	.fs-15b {
		font-size: 1.2em;
	}
	
	.access_a1 {
		width: 96%;
	}
	
	.access_a1 img {
		width: 100%;
	}
	
	
}



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

	#acs {
		font-size: 1.1em;
	}
	
	.acs_0,.acs_1 {
		display: block;
		padding: 3% 0;
		width: 94%;
		text-align: left;
	}
	
	.acs_a {
		width: 300px;
		margin-left: 20px;
		text-align: left;
	}
	
	.acs_b {
		width: 85%;
		margin-left: 10%;
	}
	
	.extr_img {
		width: 86%;
	}
	
	.access_ttl {
		width: 350px;
	}
	
	.access_b {
		width: 94%;
	}

	.access_b1 {
		font-size: 0.85em;
	}
	
	.fs-15b {
		font-size: 1.1em;
	}
	
	.Number_a {
		width: 12%;
		margin-right: 2%;
		padding: auto;
	}

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