@charset "utf-8";
@import "./default.css";
@import "./base.css";
@import "./jquery.megamenu.css";
@import "./meanmenu.css";
@import "./jquery.bxslider.css";

/*===============================================
●画面の横幅が640px以上
===============================================*/
@media screen and (min-width : 640px ){
#pc------------------------------------------- {
}
#catch {
	background-image: url(../images/aboutus/main_photo.png);
	height: 370px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	margin-bottom: 80px;
}
#about {
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
}
#about #shoshin {
	margin-top: -120px;
	padding-top: 120px;
}

#about .inner {
	display: flex;
	display: -webkit-flex; /* Safari */
	display: -ms-flexbox;
	justify-content: space-between;
	-webkit-justify-content: space-between; /* Safari */
	-ms-flex-pack: justify;
	text-align: left;
}
#about .inner .box h3 {
	font-size: 30px;
	color: rgba(22,168,94,1.00);
	margin-bottom: 25px;
}
#about .inner:nth-of-type(1) {
	margin-bottom: 50px;
}

#about .inner:nth-of-type(1) .box {
	width: 451px;
	line-height: 180%;
}
#about .inner:nth-of-type(1) h3+p {
	margin-bottom: 30px;
}
#about .inner:nth-of-type(1) ul+p {
	font-size: 11px;
}
#about .inner:nth-of-type(2) .box {
	width: 316px;
	text-align: center;
	line-height: 180%;
}
#about .inner:nth-of-type(2) .box h4 {
	color: rgba(22,168,94,1.00);
	margin-top: 15px;
}
#setsubi {
	padding-top: 90px;
}
#setsubi .alpha {
	background-color: rgba(214,245,230,1.00);
	padding-bottom: 70px;
	padding-top: 90px;
}
#setsubi h2 {
	font-size: 28px;
	color: rgba(22,168,94,1.00);
	margin-bottom: 30px;
}
#setsubi .inner {
	margin-top: 55px;
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	display: flex;
	display: -webkit-flex; /* Safari */
    display: -ms-flexbox;
	justify-content: space-between;
	-webkit-justify-content: space-between; /* Safari */
    -ms-flex-pack: justify;flex-wrap: wrap;
	-webkit-flex-wrap: wrap; /* Safari */
}
#setsubi .inner .box {
	width: 470px;
	line-height: 180%;
}
#setsubi .inner .box dl dt {
	color: rgba(22,168,94,1.00);
	margin-top: 15px;
}
#setsubi .inner .box dl dd {
	margin-bottom: 45px;
}

#rinen {
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 150px;
	margin-top: -120px;
	padding-top: 210px;
}
#rinen h2 {
	font-size: 28px;
	color: rgba(22,168,94,1.00);
	margin-bottom: 70px;
}
#rinen .inner {
	display: flex;
	display: -webkit-flex; /* Safari */
    display: -ms-flexbox;
	justify-content: space-between;
	-webkit-justify-content: space-between; /* Safari */
    -ms-flex-pack: justify;
}
#rinen .inner div {
	text-align: left;
	width: 413px;
}
#rinen .inner div h3 {
	font-size: 30px;
	color: rgba(22,168,94,1.00);
	line-height: 171%;
	margin-bottom: 15px;
}
}



/*===============================================
●画面の横幅が640pxまで
===============================================*/
@media screen and (max-width:640px){
/*===============================================
●sp
===============================================*/
#sp640------------------------------------------- {
}
#catch {
	background-image: url(../images/aboutus/main_photo.png);
	height: 120px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	margin-bottom: 10%;
}
#about {
	margin-right: 5%;
	margin-left: 5%;
	margin-bottom: 10%;
}
#about .inner {
	text-align: left;
}
#about .inner .box h3 {
	font-size: 24px;
	color: rgba(22,168,94,1.00);
	margin-bottom: 5%;
	font-weight: bold;
}
#about .inner:nth-of-type(1) {
	margin-bottom: 5%;
}

#about .inner:nth-of-type(1) .box {
	line-height: 180%;
}
#about .inner:nth-of-type(1) h3+p {
	margin-bottom: 5%;
}
#about .inner:nth-of-type(1) ul+p {
	font-size: 11px;
	margin-bottom: 5%;
}
#about .inner:nth-of-type(2) {
	margin-top: 10%;

}
#about .inner:nth-of-type(2) .box {
	text-align: center;
	line-height: 180%;
	margin-bottom: 8%;
}
#about .inner:nth-of-type(2) .box h4 {
	color: rgba(22,168,94,1.00);
	margin-top: 15px;
}
#setsubi {
	background-color: rgba(214,245,230,1.00);
	padding-top: 10%;
	padding-bottom: 10%;
	padding-left: 5%;
	padding-right: 5%;
}
#setsubi h2 {
	font-size: 24px;
	color: rgba(22,168,94,1.00);
	margin-bottom: 30px;
	font-weight: bold;
}
#setsubi .inner {
	margin-top: 10%;
}
#setsubi .inner .box {
	line-height: 180%;
}
#setsubi .inner .box dl dt {
	color: rgba(22,168,94,1.00);
	margin-top: 15px;
}
#setsubi .inner .box dl dd {
	margin-bottom: 8%;
}

#rinen {
	padding-top: 10%;
	margin-bottom: 10%;
}
#rinen h2 {
	font-size: 24px;
	color: rgba(22,168,94,1.00);
	margin-bottom: 5%;
	font-weight: bold;
}
#rinen .inner {
	margin-left: 5%;
	margin-right: 5%;
}
#rinen .inner div {
	text-align: left;
}
#rinen .inner div h3 {
	font-size: 24px;
	color: rgba(22,168,94,1.00);
	line-height: 150%;
	margin-bottom: 3%;
	margin-top: 5%;
	font-weight: bold;
}

}




/*===============================================
●画面の横幅が400pxまで
===============================================*/
@media screen and (max-width:400px){
/*===============================================
●sp
===============================================*/
#sp400------------------------------------------- {
}
#about h2 {
	font-size: 20px;
}
#about h4 {
	font-size: 18px;
}
#access #map {
	width: 100%;
	height: 250px;
}
}