@charset "utf-8";
/* ------ TOPs ------ */
/*top共通*/
/*メイン*/
.l_top_main {
 width: 100%;
 /*height: calc(156px + 62.61vw);*/
 margin: 0 auto 0 auto;
 position: relative;
}
.l_top_main_inner {
 padding-top: 0;
 overflow: hidden;
}
/*メインスライダー*/
.slider-main {
 width: 100%;
 overflow: hidden;
 position: relative;
 z-index: 10;
}
.slider-main .slide-img img {
 display: block;
 width: 100%;
 height: auto;
}
@media screen and (max-width: 1170px) {
 .slider-info {
  float: right;
  width: 80.5vw;
 }
}
@media screen and (max-width: 767px) {
 .slider-main .swiper-slide {
  height: 133vw;
 }
}
/*リード*/
.l_top_read {
 background: url("../images/top/top_hata_l.png") no-repeat -20px top, url("../images/top/top_hata_r.png") no-repeat right -23px;
 background-size: 370px auto, 370px auto;
 padding: 100px 0 270px 0;
 position: relative;
}
.l_top_read::after {
 content: "";
 width: 0;
 height: 0;
 border-style: solid;
 border-width: 0 50vw 100px 50vw;
 border-color: transparent transparent #8FA559 transparent;
 position: absolute;
 bottom: 0;
 left: 0;
 right: 0;
}
.top_read_ttl {
 font-size: 30px;
 font-weight: bold;
 padding-top: 163px;
 margin-bottom: 60px;
 text-align: center;
 background: url("../images/top/top_tento.svg") no-repeat center top;
 background-size: 121px auto;
}
.l_top_read_detail {}
.top_read_detail_txt {
 font-size: 18px;
 text-align: center;
}
@media screen and (max-width: 767px) {
 .l_top_read {
  background: url("../images/top/top_hata_l.png") no-repeat -20px top, url("../images/top/top_hata_r.png") no-repeat right -23px;
  background-size: 36vw auto, 36vw auto;
  padding: 12vw 0 30vw 0;
  position: relative;
 }
 .l_top_read::after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 50vw 13.3vw 50vw;
  border-color: transparent transparent #8FA559 transparent;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
 }
 .top_read_ttl {
  font-size: 5.3vw;
  padding-top: 20vw;
  margin-bottom: 8vw;
  background: url("../images/top/top_tento.svg") no-repeat center top;
  background-size: 16vw auto;
 }
 .top_read_detail_txt {
  font-size: 4vw;
  padding: 0 6vw;
 }
}
/*お知らせ*/
.l_top_info {
 padding-top: 0px;
 padding-bottom: 100px;
 clear: both;
 text-align: center;
 background: #8FA559;
 position: relative;
 color: #fff;
}
.l_top_info_ttl_outer {
 margin-bottom: 60px;
}
.l_top_info_ttl {
 font-size: 30px;
 color: #fff;
 position: relative;
}
.l_top_info_ttl::before {
 content: "";
 display: inline-block;
 width: 55px;
 height: 64px;
 background: url("../images/top/top_illust_lamp.png") no-repeat;
 background-size: contain;
 margin-right: 0.2em;
 position: absolute;
 top: 0;
 left: 50%;
 margin-left: -130px;
}
.info_ttl {
 font-size: 24px;
 margin-bottom: 10px;
}
.info_date {
 font-size: 16px;
 margin-bottom: 30px;
}
.info_txt{
 width: 760px;
 display: inline-block;
 text-align: left;
}
.info_txt p {
 font-size: 16px;
 line-height: 2;
	margin-bottom: 1em;
}
.info_illust_1 {
 position: absolute;
 top: 0;
 left: 50px;
 width: 340px;
 margin-top: -140px;
}
.info_illust_2 {
 position: absolute;
 top: 0;
 right: 50px;
 width: 167px;
 margin-top: -80px;
}
@media screen and (max-width: 767px) {
 .l_top_info {
  padding-bottom: 10vw;
 }
 .l_top_info_ttl_outer {
  margin-bottom: 7vw;
 }
 .l_top_info_ttl {
  font-size: 5.3vw;
 }
 .l_top_info_ttl::before {
  content: "";
  display: inline-block;
  width: 7.3vw;
  height: 8.5vw;
  background: url("../images/top/top_illust_lamp.png") no-repeat;
  background-size: contain;
  margin-right: 0.2em;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -20vw;
 }
 .info_ttl {
  padding: 0 6vw;
  font-size: 4.5vw;
  margin-bottom: 10px;
  line-height: 1.5;
 }
 .info_date {
  font-size: 4vw;
  margin-bottom: 4vw;
 }

	.info_txt{
 width: auto;
		padding: 0 6vw;
 display: inline-block;
 text-align: left;
}
.info_txt p {
 font-size: 4vw;
 line-height: 2;
	margin-bottom: 1em;
}
 .info_illust_1 {
  display: none;
 }
 .info_illust_2 {
  display: none;
 }
}
/*空き検索*/
.l_top_search {
 background: rgba(8, 87, 38, 0.50);
 padding: 50px 0;
 text-align: center;
}
.l_top_search iframe {
 width: 1100px;
 margin: 0 auto;
}
@media screen and (max-width: 767px) {
 .l_top_search {
  background: rgba(8, 87, 38, 0.50);
  padding: 6vw 6vw;
  text-align: center;
 }
 .l_top_search iframe {
  width: 100%;
  margin: 0 auto;
 }
}
/*l_top_img*/
.l_top_img {
 width: 100%;
 height: 550px;
}
@media screen and (max-width: 767px) {
 .l_top_img {
  width: 100%;
  height: 70vw;
 }
}
/*map*/
.l_top_map {
 padding: 50px 0;
 text-align: center;
}
.l_top_map img {
 width: 1000px;
 margin: 0 auto;
}
@media screen and (max-width: 767px) {
 .l_top_map {
  padding: 6vw;
  text-align: center;
 }
 .l_top_map img {
  width: 100%;
  margin: 0 auto;
 }
}
/*l_top_site*/
.l_top_site {
 min-width: 1200px;
 margin: 0 auto;
}
.m_top_site {
 width: 100%;
 overflow: hidden;
 margin-bottom: 50px;
}
.seseragi {
 background: #267E93;
}
.hosizora {
 background: #0E3038;
}
.teien {
 background: #157C6C;
}
.sisetsu {
 background: #085726;
}
.m_top_site_l {
 width: 39.166%;
 height: 37.91666vw;
 min-width: 470px;
 min-height: 455px;
 float: left;
 padding: 3vw 3vw 0 3.33vw;
 box-sizing: border-box;
 position: relative;
}
.m_top_site_r {
 width: 60.8333%;
 float: left;
}
.m_top_site_tit {
 margin-bottom: 40px;
}
.seseragi .m_top_site_tit {
 background: url("../images/common/site_img_seseragi.png") no-repeat 0 0;
 background-size: 94px auto;
 padding-left: 127px;
 padding-top: 10px;
}
.hosizora .m_top_site_tit {
 background: url("../images/common/site_img_hoshizora.png") no-repeat 0 0;
 background-size: 115px auto;
 padding-left: 138px;
}
.teien .m_top_site_tit {
 background: url("../images/common/site_img_teien.png") no-repeat 0 0;
 background-size: 70px auto;
 padding-left: 100px;
	padding-top: 25px;
	min-height: 100px;
}
.sisetsu .m_top_site_tit {
 background: url("../images/common/sisetsu_img.png") no-repeat 0 0;
 background-size: 104px auto;
 padding-left: 127px;
 padding-top: 25px;
 min-height: 70px;
}
.m_top_site_tit h2 {
 font-size: 26px;
 color: #fff;
 margin-bottom: 15px;
 line-height: 1;
}
.m_top_site_tit p {
 font-size: 18px;
 color: #fff;
 line-height: 1.6;
}
.m_top_site_detail {
 color: #fff;
}
.m_top_site_detail dl {
 margin-bottom: 30px;
}
.sisetsu .m_top_site_detail dl {
 margin-bottom: 20px;
}
.m_top_site_detail dt {
 font-size: 16px;
 line-height: 1;
 background: url("../images/common/ic_circle_1.svg") no-repeat left 5px;
 margin-bottom: 5px;
 padding-left: 20px;
 background-size: 10px auto;
}
.m_top_site_detail dd {
 font-size: 13px;
 line-height: 1.8;
}
.m_top_site_detail .fssm {
 font-size: 12.5px;
 line-height: 1.8;
 letter-spacing: normal;
}
.cursor {
 position: absolute;
 right: 0;
 bottom: 0;
 width: 94px;
}
@media screen and (max-width: 767px) {
 .l_top_site {
  min-width: auto;
 }
 .m_top_site {
  margin-bottom: 5vw;
 }
 .seseragi {
  background: #267E93;
 }
 .hosizora {
  background: #0E3038;
 }
	.teien {
 background: #157C6C;
}
 .sisetsu {
  background: #085726;
 }
 .m_top_site_l {
  width: 100%;
  height: auto;
  min-width: auto;
  min-height: auto;
  float: none;
  padding: 5vw 5vw 5vw 5vw;
  box-sizing: border-box;
  position: relative;
 }
 .m_top_site_r {
  width: 100%;
  float: none;
 }
 .m_top_site_tit {
  margin-bottom: 5.3vw;
 }
 .seseragi .m_top_site_tit {
  background: url("../images/common/site_img_seseragi.png") no-repeat 0 0;
  background-size: 94px auto;
  padding-left: 127px;
  padding-top: 2vw;
 }
 .hosizora .m_top_site_tit {
  background: url("../images/common/site_img_hoshizora.png") no-repeat 0 0;
  background-size: 115px auto;
  padding-left: 138px;
  padding-top: 2vw;
 }
	 .teien .m_top_site_tit {
  background: url("../images/common/site_img_teien.png") no-repeat 0 0;
  background-size: 70px auto;
  padding-left: 100px;
  padding-top: 6vw;
 }
 .sisetsu .m_top_site_tit {
  background: url("../images/common/sisetsu_img.png") no-repeat 0 0;
  background-size: 104px auto;
  padding-left: 127px;
  padding-top: 5vw;
  min-height: 70px;
 }
 .m_top_site_tit h2 {
  font-size: 5.3vw;
  color: #fff;
  margin-bottom: 15px;
  line-height: 1;
 }
 .m_top_site_tit p {
  font-size: 4vw;
  color: #fff;
  line-height: 1.6;
  letter-spacing: 0;
 }
 .m_top_site_detail {
  color: #fff;
 }
 .m_top_site_detail dl {
  margin-bottom: 30px;
 }
 .sisetsu .m_top_site_detail dl {
  margin-bottom: 20px;
 }
 .m_top_site_detail dt {
  font-size: 4vw;
  line-height: 1;
  background: url("../images/common/ic_circle_1.svg") no-repeat left 1.5vw;
  margin-bottom: 1vw;
  padding-left: 3.5vw;
  background-size: 2vw auto;
 }
 .m_top_site_detail dd {
  font-size: 3.4vw;
  line-height: 1.8;
 }
 .m_top_site_detail .fssm {
  font-size: 3.2vw;
  line-height: 1.8;
 }
 .cursor {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 12.5vw;
 }
}
/*インスタ*/
.l_instagram {
 width: 100%;
 padding-top: 50px;
 text-align: center;
}
.l_instagram h2 {
 font-size: 26px;
 margin-bottom: 100px;
 position: relative;
}
.l_instagram h2::before {
 content: "";
 display: inline-block;
 width: 60px;
 height: 60px;
 background: url("../images/common/instagram.svg") no-repeat;
 background-size: contain;
 margin-right: 0.2em;
 position: absolute;
 top: 0;
 left: 50%;
 margin-left: -130px;
}
.is_list {
 width: 100%;
 margin: 0 auto 100px auto;
}

#sb_instagram.sbi_col_2.sbi_disable_mobile #sbi_images .sbi_item {
    width: 33%;
}
@media screen and (max-width: 767px) {
 .l_instagram {
  padding-top: 5vw;
 }
 .l_instagram h2 {
  font-size: 5vw;
  margin-bottom: 10vw;
  position: relative;
 }
 .l_instagram h2::before {
  content: "";
  display: inline-block;
  width: 8vw;
  height: 8vw;
  background: url("../images/common/instagram.svg") no-repeat;
  background-size: contain;
  margin-right: 0.2em;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -22vw;
 }
 .is_list {
  width: auto;
  margin: 0 auto 20vw auto;
 }
	#sb_instagram.sbi_col_2.sbi_disable_mobile #sbi_images .sbi_item {
    width: 50%;
}
}
/*公式アンバサダー*/
.l_top_av {
 width: 100%;
 text-align: center;
 margin-bottom: 150px;
}
.l_top_av_inner {
 width: 650px;
 margin: 0 auto;
 border: #CEC2B0 10px solid;
 border-radius: 20px;
 padding: 100px 75px 65px 75px;
 box-sizing: border-box;
 position: relative;
}
.l_top_av_inner:after {
 content: ".";
 display: block;
 height: 0;
 clear: both;
 visibility: hidden;
}
.l_top_av h2 {
 width: 292px;
 position: absolute;
 top: 0;
 left: 50%;
 margin-left: -146px;
 margin-top: -35px;
}
.logo_ccc {
 width: 250px;
 float: left;
 padding-top: 10px;
}
.l_top_av ul {
 width: 190px;
 float: right;
}
.l_top_av ul li:first-child {
 width: 80px;
 margin: 0 auto 15px auto;
 ;
}
@media screen and (max-width: 767px) {
 .l_top_av {
  margin-bottom: 15vw;
 }
 .l_top_av_inner {
  width: auto;
  margin: 0 6vw;
  border: #CEC2B0 6px solid;
  border-radius: 20px;
  padding: 15vw 6vw 6vw 6vw;
  box-sizing: border-box;
  position: relative;
 }
 .l_top_av_inner:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
 }
 .l_top_av h2 {
  width: 55vw;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -27.5vw;
  margin-top: -7vw;
 }
 .logo_ccc {
  width: 50vw;
  float: none;
  padding-top: 0;
  margin: 0 auto 5vw auto;
 }
 .l_top_av ul {
  width: auto;
  float: none;
 }
 .l_top_av ul li {}
 .l_top_av ul li:first-child {
  width: 80px;
  margin: 0 auto 15px auto;
  ;
 }
 .l_top_av ul li img {
  width: auto;
  height: 10vw;
 }
 .l_top_av ul li:first-child img {
  width: auto;
  height: 17vw;
 }
}
/*マップ*/
.l_map {
 width: 100%;
}
.l_map iframe {
 width: 100%;
 height: 400px;
}
@media screen and (max-width: 767px) {
 .l_map iframe {
  width: 100%;
  height: 60vw;
 }
}
/*///////     about      ///////*/
.m_ttl_img {
 width: 100%;
 height: 240px;
 margin-bottom: 50px;
 display: flex;
 flex-flow: wrap;
 justify-content: center;
 align-items: center;
}
.m_ttl {
 font-size: 30px;
 color: #fff;
}
.m_sttl {
 font-size: 26px;
 margin-bottom: 30px;
 text-align: center;
 line-height: 1.2;
}
.m_read {
 font-size: 20px;
 color: #8FA559;
 margin-bottom: 50px;
 text-align: center;
 line-height: 1.2;
}
.plan_ttl_img {
 width: 100%;
 height: 600px;
 position: relative;
}
.plan_ttl {
 position: absolute;
 bottom: 0;
 background: url("../images/about/top_sq.svg") no-repeat center top;
 width: 100%;
 height: 8.333vw;
 background-size: 100% auto;
 text-align: center;
 z-index: 100;
}
.plan_mark {
 width: 154px;
 margin: -50px auto 0 auto;
}
.m_plan_name {
 font-size: 24px;
}
.m_plan_read {
 font-size: 18px;
 color: #8FA559;
 margin-bottom: 50px;
}
.m_read_red {
 font-size: 16px;
 color: #B70000;
 margin-bottom: 50px;
 text-align: center;
}

@media screen and (max-width: 767px) {
	.m_ttl_img {
 width: 100%;
 height: 32vw;
 margin-bottom: 6.6vw;
}
.m_ttl {
 font-size: 5.3vw;
}
.m_sttl {
 font-size: 4.3vw;
 margin-bottom: 4vw;
 line-height: 1.2;
}
.m_read {
 font-size: 4vw;
 margin-bottom: 6vw;
 line-height: 1.6;
}
.plan_ttl_img {
 width: 100%;
 height: 80vw;
 position: relative;
}
.plan_ttl {
 position: absolute;
 bottom: 0;
 background: url("../images/about/top_sq.svg") no-repeat center top;
 width: 100%;
 height: 16vw;
 background-size: 200% auto;
 text-align: center;
 z-index: 100;
}
.plan_mark {
 width: 25vw;
 margin: -8vw auto 0 auto;
}
.m_plan_name {
 font-size: 4.3vw;
}
.m_plan_read {
 font-size: 4vw;
 color: #8FA559;
margin: 0 6vw 6vw 6vw;
}
.m_read_red {
 font-size: 3.4vw;
 color: #B70000;
	margin: 0 6vw 6vw 6vw;
 text-align: center;
}
	
}
#siteinfo {
 padding-top: 80px;
}
.m_plan_detail_outer {
 background: #F7F4F0;
 width: 100%;
 text-align: center;
 padding-bottom: 100px;
}
.m_ttl_cat {
 font-size: 18px;
 margin-bottom: 20px;
}
.m_plan_detail {
 width: 1100px;
 margin: 0 auto 50px auto;
 border-left: #8FA559 2px solid;
}
.m_plan_detail th {
 text-align: center;
 background: #8FA559;
 color: #fff;
 padding: 20px 0;
 vertical-align: middle;
 font-size: 18px;
 line-height: 1.6;
 border-right: #8FA559 2px solid;
 border-bottom: #8FA559 2px solid;
 width: 33%;
}
.m_plan_detail td {
 text-align: center;
 padding: 30px 0;
 font-size: 16px;
 line-height: 1.6;
 border-right: #8FA559 2px solid;
 border-bottom: #8FA559 2px solid;
}
.m_plan_detail td.coming {
 color: #B70000;
}
.site_cat_hoshi {
 background: url("../images/common/site_img_hoshizora.png") no-repeat 25px center #183840;
 background-size: 57px auto;
 color: #fff;
 font-size: 18px;
}
.site_cat_seseragi {
 background: url("../images/common/site_img_seseragi.png") no-repeat 25px center #2F8397;
 background-size: 47px auto;
 color: #fff;
 font-size: 18px;
}
.m_plan_at {
 background: #fff;
 padding: 25px;
 width: 1100px;
 margin: 0 auto 0 auto;
 box-sizing: border-box;
 text-align: left;
}
.site_cat_teien {
 background: url("../images/common/site_img_teien.png") no-repeat 25px center #157C6C;
 background-size: 47px auto;
 color: #fff;
 font-size: 18px;
}
.m_plan_at {
 background: #fff;
 padding: 25px;
 width: 1100px;
 margin: 0 auto 0 auto;
 box-sizing: border-box;
 text-align: left;
}
.m_plan_at li {
 background: url("../images/about/ic_circle2.svg") no-repeat left 11px;
 background-size: 10px auto;
 font-size: 16px;
 line-height: 2;
 padding-left: 1em;
}
.m_plan_at p {
 font-size: 16px;
 color: #8FA559;
}
.m_plan_mb {
 margin-bottom: 70px;
}

@media screen and (max-width: 767px) {
	#siteinfo {
 padding-top: 50px;
}
.m_plan_detail_outer {
 background: #F7F4F0;
 width: 100%;
 text-align: center;
 padding-bottom: 10vw;
}
.m_ttl_cat {
 font-size: 4vw;
 margin-bottom: 3vw;
}
.m_plan_detail {
 width: auto;
 margin: 0 6vw 6vw 6vw;
 border-left: #8FA559 1px solid;
}
.m_plan_detail th {
 text-align: center;
 background: #8FA559;
 color: #fff;
 padding: 3vw 0;
 vertical-align: middle;
 font-size: 3.4vw;
 line-height: 1.6;
 border-right: #8FA559 1px solid;
 border-bottom: #8FA559 1px solid;
 width: 33%;
}
.m_plan_detail td {
 text-align: center;
 padding: 4vw 0;
 font-size: 3.4vw;
 line-height: 1.6;
 border-right: #8FA559 1px solid;
 border-bottom: #8FA559 1px solid;
	vertical-align: middle;
}
.m_plan_detail td.coming {
 color: #B70000;
}
.site_cat_hoshi {
 background: url("../images/common/site_img_hoshizora.png") no-repeat center center #183840;
 background-size: 57px auto;
 color: #fff;
 font-size: 3.4vw;
	vertical-align: middle;
	padding: 8vw 0!important;
}
.site_cat_seseragi {
 background: url("../images/common/site_img_seseragi.png") no-repeat center center #2F8397;
 background-size: 47px auto;
 color: #fff;
 font-size:  3.4vw;
	padding: 8vw 0!important;
}
	.site_cat_teien {
 background: url("../images/common/site_img_teien.png") no-repeat center center #157C6C;
 background-size: 47px auto;
 color: #fff;
 font-size:  3.4vw;
	padding: 8vw 0!important;
}
.m_plan_at {
 background: #fff;
 padding: 3vw;
 width: auto;
 margin: 0 6vw 0 6vw;
 box-sizing: border-box;
 text-align: left;
}
.m_plan_at li {
 background: url("../images/about/ic_circle2.svg") no-repeat left 11px;
 background-size: 10px auto;
 font-size: 3.4vw;
 line-height: 2;
 padding-left: 1em;
}
.m_plan_at p {
 font-size: 3.4vw;
 color: #8FA559;
}
.m_plan_mb {
 margin-bottom: 9vw;
}
	
}


#facility {
	margin-top: -100px;
	padding-top: 100px;
 margin-bottom: 80px;
}
.facility_outer {
 width: 1100px;
 margin: 0 auto;
}
.facility_detail {
 margin-bottom: 50px;
 background: #fff;
 overflow: hidden;
}
.facility_detail figure {
 width: 550px;
 float: left;
}
.facility_detail_txt {
 width: 550px;
 float: right;
 padding: 30px;
 box-sizing: border-box;
}
.facility_detail_txt h4 {
 font-size: 22px;
 margin-bottom: 20px;
 line-height: 1;
}
.facility_detail_txt p {
 font-size: 18px;
 line-height: 1.6;
}
.facility_detail_txt ul {
 padding-left: 1.5em;
}
.facility_detail_txt li {
 font-size: 18px;
 line-height: 1.6;
 list-style: disc outside;
}
.f_at {
 margin-top: 1em;
 color: #8FA559;
}
.facility_detail_txt_b {
 width: 550px;
 float: left;
 padding: 30px;
 box-sizing: border-box;
}

@media screen and (max-width: 767px) {
	
#facility {
 margin-bottom: 10vw;
}
.facility_outer {
 width: auto;
 margin: 0 6vw;
}
.facility_detail {
 margin-bottom: 6.6vw;
 background: #fff;
 overflow: hidden;
}
.facility_detail figure {
 width: auto;
 float: none;
}
.facility_detail_txt {
 width: auto;
 float: none;
 padding: 4vw;
 box-sizing: border-box;
}
.facility_detail_txt h4 {
 font-size: 4vw;
 margin-bottom: 3vw;
 line-height: 1;
}
.facility_detail_txt p {
 font-size: 3.7vw;
 line-height: 1.6;
}
.facility_detail_txt ul {
 padding-left: 1.5em;
}
.facility_detail_txt li {
 font-size: 3.7vw;
 line-height: 1.6;
 list-style: disc outside;
}
.f_at {
 margin-top: 1em;
 color: #8FA559;
}
.facility_detail_txt_b {
 width: auto;
 float: none;
 padding: 4vw;
 box-sizing: border-box;
}
	
}


#peripheral {
		margin-top: -100px;
	padding-top: 100px;
 margin-bottom: 80px;
}
.peripheral_outer {
 width: 1100px;
 margin: 0 auto;
 display: flex;
 justify-content: space-between;
 flex-wrap: wrap;
 align-items: top;
}
.peripheral_detail {
 width: 355px;
 padding: 30px;
 box-sizing: border-box;
 background: #fff;
 overflow: hidden;
 text-align: center;
}
.peripheral_outer::before {
 content: "";
 display: block;
 width: 355px;
 height: 0;
 order: 1;
}
.peripheral_detail:nth-child(n+4) {
 margin-top: 20px;
}
.peripheral_detail h4 {
 font-size: 22px;
}
.peripheral_detail h4:before {
 content: '';
 display: inline-block;
 position: relative;
 top: -3px;
 width: 20px;
 height: 29px;
 vertical-align: middle;
 margin: -1px 10px 0 0;
 background: url("../images/about/ic_pin.svg") no-repeat;
 background-size: contain;
}
.peripheral_detail p {
 font-size: 18px;
 line-height: 1.6;
}


@media screen and (max-width: 767px) {
	
#peripheral {
 margin-bottom: 10vw;
}
.peripheral_outer {
 width: auto;
 margin: 0 6vw;
}
.peripheral_detail {
 width: 100%;
 padding: 4vw;
 box-sizing: border-box;
 background: #fff;
 overflow: hidden;
 text-align: center;
	margin-bottom: 3vw
}
.peripheral_outer::before {
 content: "";
 display: block;
 width:  100%;
 height: 0;
 order: 1;
}
.peripheral_detail:nth-child(n+4) {
 margin-top: 0;
}
.peripheral_detail h4 {
 font-size: 4vw;
}
.peripheral_detail h4:before {
 content: '';
 display: inline-block;
 position: relative;
 top: -3px;
 width: 20px;
 height: 29px;
 vertical-align: middle;
 margin: -1px 10px 0 0;
 background: url("../images/about/ic_pin.svg") no-repeat;
 background-size: contain;
}
.peripheral_detail p {
 font-size: 3.7vw;
 line-height: 1.6;
}

	
}


#access {
		margin-top: -100px;
	padding-top: 100px;
 margin-bottom: 100px;
 text-align: center;
}
.access_outer {
 width: 1100px;
 margin: 0 auto;
}
.access_detail {
 padding: 30px;
 box-sizing: border-box;
 background: #fff;
 overflow: hidden;
 text-align: left;
 margin-bottom: 50px;
}
.access_detail h4 {
 font-size: 22px;
}
.access_detail p {
 font-size: 18px;
}
.access_detail h5 {
 font-size: 18px;
 margin-top: 1em;
}
.access_detail p.root {
 font-size: 16px;
 margin-bottom: 1.5em;
}
.access_detail p.root_gmap {
 font-size: 16px;
 margin-top: 1.5em;
}
.access_detail p.root_gmap strong {
 font-size: 16px;
 color: #8FA559;
}
.access_detail .btn_root_gmap {
 font-size: 16px;
 color: #FFFFFF;
 border-radius: 30px;
 padding: 15px 30px 15px 60px;
 background: url("../images/about/ic_pin_w.svg") no-repeat 30px center #C9BCAF;
 background-size: 20px 29px;
 display: inline-block;
 margin-top: 1.5em;
 line-height: 1.2;
}
.access_detail .access_at {
 font-size: 18px;
 color: #8FA559;
 margin-bottom: 2em;
}


@media screen and (max-width: 767px) {
	
#access {
 margin-bottom: 15vw;
 text-align: center;
}
.access_outer {
 width: auto;
 margin: 0 6vw;
}
.access_detail {
 padding: 4vw;
 box-sizing: border-box;
 background: #fff;
 overflow: hidden;
 text-align: left;
 margin-bottom: 6vw;
}
.access_detail h4 {
 font-size: 4vw;
}
.access_detail p {
 font-size: 3.7vw;
}
.access_detail h5 {
 font-size:  3.7vw;
 margin-top: 1em;
}
.access_detail p.root {
 font-size: 3.7vw;
 margin-bottom: 1.5em;
}
.access_detail p.root_gmap {
 font-size:  3.7vw;
 margin-top: 1.5em;
}
.access_detail p.root_gmap strong {
 font-size: 3.7vw;
 color: #8FA559;
}
.access_detail .btn_root_gmap {
	width: 100%;
 font-size:  3.7vw;
 color: #FFFFFF;
 border-radius: 30px;
 padding: 15px 0 15px 8vw;
 background: url("../images/about/ic_pin_w.svg") no-repeat 30px center #C9BCAF;
 background-size: 20px 29px;
 display: inline-block;
 margin-top: 1.5em;
 line-height: 1.2;
	text-align: center;
}
.access_detail .access_at {
 font-size:  3.7vw;
 color: #8FA559;
 margin-bottom: 2em;
}
	
}