@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;600;700&family=Noto+Serif+JP:wght@400;600;700&family=Oswald&family=Questrial&familyEB+Garamond:ital,wght@0,400..800;1,400..800&display=swap");
section { padding: 0; }

.bg01 { background-color: #EEEAE6; }

@media screen and (max-width: 560px) { .mv .mvimg img { width: 100%; height: auto; } }

.conts-wrap { padding-top: 8rem; padding-bottom: 8rem; }
.conts-wrap img { width: 100%; height: auto; line-height: 0; vertical-align: middle; }
.conts-wrap figure { margin: 0; }
.conts-wrap .midashi { padding-top: 0; padding-bottom: 4rem; }
.conts-wrap .midashi .ja { font-feature-settings: 'palt'; }
.conts-wrap .inner + .inner { margin-top: 8rem; }

.pickup-box .midashi { padding: 8px; background-color: #73C0BD; }
.pickup-box .midashi .en { color: #fff; font-size: clamp(15px, 1.4vw, 2rem); padding: 0 6px; width: 46%; max-width: 160px; text-align: center; margin: auto; }
.pickup-box .midashi .en:before { content: none; }
.pickup-box .midashi .ja { margin-top: 0.8rem; color: #fff; }
.pickup-box .pickup-body { padding: 2.4% 3.2%; background-color: #fff; border: solid thin #73C0BD; }
@media screen and (max-width: 560px) { .pickup-box .pickup-body { padding: 16px 20px 20px; } }

.intro { padding-bottom: 0; }
.intro .inner { padding: 0; border-top: none; }
.intro .midashi .ja { font-size: clamp(20px, 3.2vw, 3.2rem); margin-top: 0; }

#NearbyAbout .inner { padding-top: 6.4rem; border-top: thin solid #656464; }
#NearbyAbout .wizgraph { display: -webkit-box; display: flex; flex-wrap: wrap; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; }
#NearbyAbout .wizgraph * { min-height: 0%; }
#NearbyAbout .wizgraph .fig { width: 40%; margin-right: 8%; }
#NearbyAbout .wizgraph .pickup-box { width: 42%; }
#NearbyAbout .wizgraph .note { width: 90%; margin: 1rem auto 0; }
#NearbyAbout .nearby-style-list > ul { max-width: 864px; margin: auto; display: grid; grid-template-columns: repeat(2, 1fr); gap: 2rem 2%; align-items: stretch; }
#NearbyAbout .nearby-style-list > ul > li { padding-bottom: 2.4rem; border: 2px solid #145152; display: grid; grid-template-rows: subgrid; grid-row: span 4; gap: 0; }
#NearbyAbout .nearby-style-list > ul > li .midashi { padding: 8px 1.6rem 12px; background-color: #145152; color: #fff; margin-bottom: 1.6rem; align-self: stretch; display: grid; grid-template-rows: subgrid; grid-row: span 2; gap: 0; }
#NearbyAbout .nearby-style-list > ul > li .midashi .en { font-size: clamp(14px, 2.4vw, 1.8rem); }
#NearbyAbout .nearby-style-list > ul > li .midashi .en::before { content: none; }
#NearbyAbout .nearby-style-list > ul > li .midashi .en .num { display: inline-block; font-size: 160%; margin-left: 4px; }
#NearbyAbout .nearby-style-list > ul > li .midashi .ja { font-size: clamp(16px, 2.24vw, 1.8rem); align-self: center; margin-top: 0; }
#NearbyAbout .nearby-style-list > ul > li .image { padding: 0 1.6rem; margin-bottom: 1.6rem; }
#NearbyAbout .nearby-style-list > ul > li .lead { padding: 0 1.6rem; font-size: clamp(14px, 2vw, 1.6rem); font-weight: bold; color: #145152; line-height: 1.44; }
@media screen and (max-width: 560px) { #NearbyAbout .wizgraph .fig { width: 96%; margin-right: 0; margin: 0 auto 16px; }
  #NearbyAbout .wizgraph .pickup-box { width: 100%; }
  #NearbyAbout .wizgraph .note { width: 100%; }
  #NearbyAbout .nearby-style-list > ul { grid-template-columns: 1fr; } }

#NearbyMerit .sub-midashi { font-family: 'Noto Serif JP', serif; padding: 12px 8px; background-color: #b8aa9a; color: #fff; font-weight: normal; margin-bottom: 3.2rem; }
#NearbyMerit .gen2 { background: #b8aa9a url("../img/nearby/midashi-bg02.jpg") right center/auto 100% no-repeat; }
#NearbyMerit .gen1 { background: #b8aa9a url("../img/nearby/midashi-bg01.jpg") left center/auto 100% no-repeat; }
#NearbyMerit .nearby-merit-list { padding-top: 2.4rem; margin-bottom: 5.6rem; }
#NearbyMerit .nearby-merit-list > ul { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px 3%; }
#NearbyMerit .nearby-merit-list > ul > li { display: grid; grid-template-rows: subgrid; grid-row: span 3; gap: 0; padding: 0 2.4rem 2.4rem; border: 2px solid #145152; border-radius: 12px; }
#NearbyMerit .nearby-merit-list > ul > li .midashi { padding-bottom: 1.2rem; color: #145152; align-self: stretch; display: grid; grid-template-rows: subgrid; grid-row: span 2; gap: 0; transform: translateY(-2rem); position: relative; }
#NearbyMerit .nearby-merit-list > ul > li .midashi::before { content: ""; display: block; width: 24%; height: 1px; background-color: #145152; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); }
#NearbyMerit .nearby-merit-list > ul > li .midashi .en { font-size: clamp(14px, 2.4vw, 1.8rem); display: inline-block; }
#NearbyMerit .nearby-merit-list > ul > li .midashi .en::before { content: none; }
#NearbyMerit .nearby-merit-list > ul > li .midashi .en p { display: inline-block; padding: 0 8px 4px; background-color: #fff; }
#NearbyMerit .nearby-merit-list > ul > li .midashi .en .num { display: inline-block; font-size: 160%; margin-left: 4px; }
#NearbyMerit .nearby-merit-list > ul > li .midashi .ja { font-size: clamp(14px, 2.24vw, 1.8rem); font-weight: bolder; margin-top: -0.4rem; align-self: center; letter-spacing: 0.05em; }
#NearbyMerit .nearby-merit-list > ul > li .lead { line-height: 1.44; }
#NearbyMerit .pickup-body .nearby-merit-list { margin-bottom: 3.2rem; }
#NearbyMerit .pickup-body .nearby-merit-list > ul { grid-template-columns: repeat(2, 1fr); }
#NearbyMerit .pickup-body .nearby-merit-list > ul > li { background-color: #d2ebea; border: none; }
#NearbyMerit .pickup-body .nearby-merit-list > ul > li .midashi { background: none; padding-bottom: 0; }
#NearbyMerit .pickup-body .nearby-merit-list > ul > li .midashi::before { content: none; }
#NearbyMerit .pickup-body .nearby-merit-list > ul > li .midashi .en { color: inherit; }
#NearbyMerit .pickup-body .nearby-merit-list > ul > li .midashi .en p { background-color: #d2ebea; border-radius: 6px; padding: 0 12px 6px; }
#NearbyMerit .pickup-body .nearby-merit-list > ul > li .midashi .ja { color: inherit; }
#NearbyMerit .pickup-body .lead { margin-top: -0.8rem; line-height: 1.44; }
@media screen and (max-width: 560px) { #NearbyMerit .nearby-merit-list > ul { grid-template-columns: 1fr; }
  #NearbyMerit .pickup-body .nearby-merit-list > ul { grid-template-columns: 1fr; } }