@charset "UTF-8";


p.section_title {font-size: 24px;line-height: 34px; font-family: YuMincho, "游明朝体", "Yu Mincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;margin: 0 0 40px;}
.copy {width: 1000px;margin: 0 auto;padding: 60px 0;}
.copy p {font-size: 14px;line-height: 28px;}
p.distance {font-size: 14px;line-height: 28px;padding: 0 10px;background: #000000;color: #ffffff;position: absolute;top: 0;right: 0;}
ul {display:-webkit-box;
display:-moz-box;
display:-ms-flexbox;
display:-webkit-flex;
display:-moz-flex;
display:flex;
-webkit-box-lines:multiple;
-moz-box-lines:multiple;
-webkit-flex-wrap:wrap;
-moz-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;}
ul li {}

@media screen and (max-width: 1020px) {
p.section_title {font-size: 18px;line-height: 28px; font-family: YuMincho, "游明朝体", "Yu Mincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;margin: 0 0 5%;}
.copy {width: 90%;margin: 0 auto;padding: 5% 0;}
.copy p {font-size: 14px;line-height: 28px;}
p.distance {font-size: 12px;line-height: 24px;padding: 0 10px;background: #000000;color: #ffffff;position: absolute;top: 0;right: 0;}
ul {display:-webkit-box;
display:-moz-box;
display:-ms-flexbox;
display:-webkit-flex;
display:-moz-flex;
display:flex;
-webkit-box-lines:multiple;
-moz-box-lines:multiple;
-webkit-flex-wrap:wrap;
-moz-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;}
ul li {}

}
@media screen and (max-width: 767px) {
p.section_title {font-size: 14px;line-height: 24px; font-family: YuMincho, "游明朝体", "Yu Mincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;margin: 0 0 5%;}
.copy {width: 90%;margin: 0 auto;padding: 10% 0;}
.copy p {font-size: 10px;line-height: 16px;text-align: left;}
p.distance {font-size: 8px;line-height: 18px;padding: 0 8px;background: #000000;color: #ffffff;position: absolute;top: 0;right: 0;}
ul {display:-webkit-box;
display:-moz-box;
display:-ms-flexbox;
display:-webkit-flex;
display:-moz-flex;
display:flex;
-webkit-box-lines:multiple;
-moz-box-lines:multiple;
-webkit-flex-wrap:wrap;
-moz-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;}
ul li {}
}





.station {margin: 0 0 60px;}
#station_pic {width: 100%; position: relative;margin: 0 0 20px;}
#station_pic img {width: 100%;}
.station_pic img {}
.station dl {width: 1000px;margin: 0 auto;text-align: left;}
.station dl dt {font-size: 18px;line-height: 28px;margin: 0 0 10px;}
.station dl dd {font-size: 14px;line-height: 24px;}
@media screen and (max-width: 1020px) {
.station {margin: 0 0 5%;}
#station_pic {width: 100%; position: relative;margin: 0 0 20px;}
#station_pic img {width: 100%;}
.station_pic img {}
.station dl {width: 90%;margin: 0 auto;text-align: left;}
.station dl dt {font-size: 18px;line-height: 28px;margin: 0 0 10px;}
.station dl dd {font-size: 14px;line-height: 24px;}
}
@media screen and (max-width: 767px) {
.station {margin: 0 0 10%;}
#station_pic {width: 100%; position: relative;margin: 0 0 20px;}
#station_pic img {width: 100%;}
.station_pic img {}
.station dl {width: 90%;margin: 0 auto;text-align: left;}
.station dl dt {font-size: 12px;line-height: 18px;font-weight: 100; margin: 0;}
.station dl dd {font-size: 10px;line-height: 16px;}
}





.publicfacility {width: 1000px;margin: 0 auto 60px;}
.publicfacility ul {}
.publicfacility ul li {width: 320px; display: inline-block; margin: 0 20px 20px 0;position: relative;}
.publicfacility ul li:nth-child(3n) {margin: 0 0 20px 0;}
.publicfacility ul li img {width: 100%; margin: 0 0 5px;}
.publicfacility ul li dl {text-align: left;}
.publicfacility ul li dl dt {font-size: 16px;line-height: 26px;margin:0;}
.publicfacility ul li dl dd {font-size: 14px;line-height: 24px;}
@media screen and (max-width: 1020px) {
.publicfacility {width: 90%;margin: 0 auto 3%;}
.publicfacility ul {}
.publicfacility ul li {width: 32%; display: inline-block; margin: 0 2% 2% 0;position: relative;}
.publicfacility ul li:nth-child(3n) {margin: 0 0 2% 0;}
.publicfacility ul li img {width: 100%; margin: 0 0 2%;}
.publicfacility ul li dl {text-align: left;}
.publicfacility ul li dl dt {font-size: 16px;line-height: 26px;margin: 0;}
.publicfacility ul li dl dd {font-size: 14px;line-height: 24px;}
}
@media screen and (max-width: 767px) {
.publicfacility {width: 90%;margin: 0 auto 3%;}
.publicfacility ul {}
.publicfacility ul li {width:100%; display: inline-block; margin: 0 0 5% 0;position: relative;}
.publicfacility ul li:nth-child(3n) {margin: 0 0 5% 0;}
.publicfacility ul li img {width: 100%; margin: 0 0 2%;}
.publicfacility ul li dl {text-align: left;}
.publicfacility ul li dl dt {font-size: 12px;line-height: 18px;font-weight: 100;margin: 0;}
.publicfacility ul li dl dd {font-size: 10px;line-height: 16px;}
}


.school_back {background-image: url(images/school_back.jpg);background-size: cover;background-position: bottom center;position: relative;z-index: -2;}
.school_back img.table {position: absolute;left: 0;bottom: 0;width: 100%;z-index: -1;}
.school {width: 1000px;margin: 0 auto;padding: 60px 0 0; }
.school ul {width: 940px;margin: 0 auto;}
.school ul li {width: 300px; display: inline-block; margin: 0 20px 20px 0;position: relative;}
.school ul li:nth-child(3n) {margin: 0 0 20px 0;}
.school dl {text-align: left;}
.school dl dt {margin: 0 0 5px;}
.school dl dt img {width: 100%;}
.school dl dd {font-size: 16px;line-height: 26px;}
.school img.kids {width: 100%;}
@media screen and (max-width: 1020px) {
.school_back {background-image: url(images/school_back.jpg);background-size: cover;background-position: bottom center;position: relative;z-index: -2;}
.school_back img.table {position: absolute;left: 0;bottom: 0;width: 100%;z-index: -1;}
.school {width: 90%;margin: 0 auto;padding: 5% 0 0;}
.school ul {width: 100%;margin: 0 auto;}
.school ul li {width: 32%; display: inline-block; margin: 0 2% 2% 0;position: relative;}
.school ul li:nth-child(3n) {margin: 0 0 2% 0;}
.school dl {text-align: left;}
.school dl dt {margin: 0 0 2%;}
.school dl dt img {width: 100%;}
.school dl dd {font-size: 16px;line-height: 26px;}
.school img.kids {width: 100%;}
}
@media screen and (max-width: 767px) {
.school_back {background-image: url(images/school_back.jpg);background-size: cover;background-position: bottom center;position: relative;z-index: -2;}
.school_back img.table {position: absolute;left: 0;bottom: 0;width: 100%;z-index: -1;}
.school {width: 90%;margin: 0 auto;padding: 5% 0 0;}
.school ul {width: 100%;margin: 0 auto;}
.school ul li {width: 32%; display: inline-block; margin: 0 2% 2% 0;position: relative;}
.school ul li:nth-child(3n) {margin: 0 0 2% 0;}
.school dl {text-align: left;}
.school dl dt {margin: 0;}
.school dl dt img {width: 100%;}
.school dl dd {font-size: 10px;line-height: 14px;font-weight: 100;}
.school img.kids {width: 100%;}
}




.shopping {width: 980px;margin: 0 auto; padding: 60px 0;}
.shopping ul.wide2 {margin: 0 auto;}
.shopping ul.wide2 li {width: 480px; display: inline-block; margin: 0 20px 20px 0;position: relative;}
.shopping ul.wide2 li:nth-child(2n) {margin: 0 0 20px 0;}
.shopping ul.wide2 img {width: 100%; margin: 0 auto 5px;}
.shopping ul.wide2 li dl {text-align: left;}
.shopping ul.wide2 li dl dt {font-size: 16px;line-height: 26px;}
.shopping ul.wide2 li dl dd {font-size: 14px;line-height: 24px;}

.shopping ul.wide4 {margin: 0 auto;}
.shopping ul.wide4 li {width: 230px; display: inline-block; margin: 0 20px 20px 0;position: relative;}
.shopping ul.wide4 li:nth-child(4n) {margin: 0 0 20px 0;}
.shopping ul.wide4 li img {width: 100%;}
.shopping ul.wide4 li dl {text-align: left;}
.shopping ul.wide4 li dl dt {margin: 0 auto 5px;}
.shopping ul.wide4 li dl dd {font-size: 16px;line-height: 26px;}
@media screen and (max-width: 1020px) {
.shopping {width: 90%;margin: 0 auto;padding: 5% 0;}
.shopping ul.wide2 {margin: 0 auto;}
.shopping ul.wide2 li {width: 48%; display: inline-block; margin: 0 4% 4% 0;position: relative;}
.shopping ul.wide2 li:nth-child(2n) {margin: 0 0 4% 0;}
.shopping ul.wide2 img {width: 100%; margin: 0 auto 2%;}
.shopping ul.wide2 li dl {text-align: left;}
.shopping ul.wide2 li dl dt {font-size: 16px;line-height: 26px;}
.shopping ul.wide2 li dl dd {font-size: 14px;line-height: 24px;}

.shopping ul.wide4 {margin: 0 auto;width: 100%;}
.shopping ul.wide4 li {width: 23.5%; display: inline-block; margin: 0 2% 2% 0;position: relative;}
.shopping ul.wide4 li:nth-child(4n) {margin: 0 0 2% 0;}
.shopping ul.wide4 li img {width: 100%;}
.shopping ul.wide4 li dl {text-align: left;}
.shopping ul.wide4 li dl dt {margin: 0 auto 2%;}
.shopping ul.wide4 li dl dd {font-size: 14px;line-height: 20px;font-weight: 100;}
}
@media screen and (max-width: 767px) {
.shopping {width: 90%;margin: 0 auto;padding: 5% 0;}
.shopping ul.wide2 {margin: 0 auto;}
.shopping ul.wide2 li {width: 48%; display: inline-block; margin: 0 4% 4% 0;position: relative;}
.shopping ul.wide2 li:nth-child(2n) {margin: 0 0 4% 0;}
.shopping ul.wide2 img {width: 100%; margin: 0 auto 2%;}
.shopping ul.wide2 li dl {text-align: left;}
.shopping ul.wide2 li dl dt {font-size: 12px;line-height: 18px;font-weight: 100;}
.shopping ul.wide2 li dl dd {font-size: 10px;line-height: 16px;}

.shopping ul.wide4 {margin: 0 auto;}
.shopping ul.wide4 li {width: 48%; display: inline-block; margin: 0 4% 4% 0;position: relative;}
.shopping ul.wide4 li:nth-child(2n) {margin: 0 0 4% 0!important;}
.shopping ul.wide4 li:nth-child(4n) {margin: 0 0 4% 0!important;}
.shopping ul.wide4 li img {width: 100%;}
.shopping ul.wide4 li dl {text-align: left;}
.shopping ul.wide4 li dl dt {margin: 0 auto 2%;}
.shopping ul.wide4 li dl dd {font-size: 10px;line-height: 14px;font-weight: 100;}
}


#hospital_back {background-image: url(images/hospital_back.jpg);background-size: cover;}
#hospital {width: 1000px;margin: 0 auto;padding: 40px 0 30px; }
.hospital_top {width: 100%;position: relative;}
.hospital_top #hospital_docter {position: absolute;right:20px;top: -110px;}
.hospital_top ul.feature {margin:0;}
.hospital_top ul.feature li {width: 300px; display: inline-block;
position: relative;}
.hospital_top ul.feature li img {width: 100%;}
.hospital_top ul.feature li.hospital_text {width: 500px!important;}
.hospital_top ul.feature li dl {margin: 0;text-align: left;}
.hospital_top ul.feature li dl dt {font-size: 16px;line-height: 26px;}
.hospital_top ul.feature li dl dd {font-size: 14px;line-height: 24px;}
#hospital ul {margin:0;}
#hospital ul li {width: 300px; display: inline-block; margin: 0 20px 20px 0;position: relative;}
#hospital ul li:nth-child(3n) {margin: 0 0 20px 0;}
#hospital ul li img {margin: 0 0 5px;}
#hospital ul li dl {text-align: left;}
#hospital ul li dl dt {font-size: 16px;line-height: 26px;margin: 0;}
#hospital ul li dl dt img {width: 100%; vertical-align: bottom;}
#hospital ul li dl dd {font-size: 14px;line-height: 24px;}

@media screen and (max-width: 1020px) {
#hospital_back {background-image: url(images/hospital_back.jpg);background-size: cover;}
#hospital {width: 100%;margin: 0 auto;padding: 5% 0 2%; }
.hospital_top {width: 100%;position: relative;}
.hospital_top #hospital_docter {position: absolute;right:10px;top: -100px;}
.hospital_top ul.feature {margin: 0;}
.hospital_top ul.feature li {width:48%; display: inline-block;
position: relative;}
.hospital_top ul.feature li img {}
.hospital_top ul.feature li.hospital_text {width: 35%!important;}
.hospital_top ul.feature li dl {margin: 0;text-align: left;}
.hospital_top ul.feature li dl dt {font-size: 16px;line-height: 26px; margin: 0 0 5%;}
.hospital_top ul.feature li dl dd {font-size: 14px;line-height: 24px;}
#hospital ul {width: 90%; margin: 0 auto;}
#hospital ul li {width: 48%; display: inline-block; margin: 0 4% 4% 0;position: relative;}
#hospital ul li:nth-child(2n) {margin: 0 0 4% 0;}
#hospital ul li:nth-child(3n) {margin: 0 4% 4% 0;}
#hospital ul li:nth-child(6n) {margin: 0 0 4% 0;}
#hospital ul li img {width: 100%; margin: 0 0 2%;}
#hospital ul li dl {text-align: left;}
#hospital ul li dl dt {font-size: 16px;line-height: 26px;margin: 0;}
#hospital ul li dl dt img {vertical-align: bottom;}
#hospital ul li dl dd {font-size: 14px;line-height: 24px;}
}
@media screen and (max-width: 767px) {
#hospital_back {background-image: url(images/hospital_back.jpg);background-size: cover;}
#hospital {width: 100%;margin: 0 auto;padding: 5% 0;}
.hospital_top {width: 100%;position: relative;}
.hospital_top #hospital_docter {width: 30%; position: absolute;right:0;top: 0;}
.hospital_top #hospital_docter img {width: 100%;}
.hospital_top ul.feature {width: 75%!important; margin: 0 auto 0 5%!important;margin:0;}
.hospital_top ul.feature li {width:100%!important; display: block!important;position: relative;}
.hospital_top ul.feature li img {width: 100%;}
.hospital_top ul.feature li.hospital_text {width: 100%!important;display: block!important;}
.hospital_top ul.feature li dl {margin: 0!important;text-align: left!important}
.hospital_top ul.feature li dl dt {font-size: 12px!important;line-height: 18px!important;font-weight: 100;margin: 0 0 5%}
.hospital_top ul.feature li dl dd {font-size: 14px;line-height: 24px;}

#hospital ul {width: 90%; margin: 0 auto;}
#hospital ul li {width: 48%; display: inline-block; margin: 0 4% 4% 0;position: relative;}
#hospital ul li:nth-child(2n) {margin: 0 0 4% 0;}
#hospital ul li:nth-child(3n) {margin: 0 4% 4% 0;}
#hospital ul li:nth-child(6n) {margin: 0 0 4% 0;}
#hospital ul li img {width: 100%; margin: 0 0 2%;}
#hospital ul li dl {text-align: left;}
#hospital ul li dl dt {font-size: 16px;line-height: 26px;margin: 0;}
#hospital ul li dl dt img {vertical-align: bottom;}
#hospital ul li dl dd {font-size: 10px;line-height: 16px;font-weight: 100;}
}


