body #contents #main #mainView {
  display: block;
  background-image: url(../img/location/main.jpg); }
  body #contents #main #mainView > h2 {
    background-image: url(../img/location/logo.png);
    padding: 45px 0; }
body #contents #main h2 {
  display: block;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain; }
  body #contents #main h2.ttl-shopping {
    background-image: url(../img/location/location-h2-logo-shopping.png);
    margin: 0 210px 0 0;
    padding: 60px 200px; }
  body #contents #main h2.ttl-park {
    background-image: url(../img/location/location-h2-logo-park.png);
    margin: 0 0 0 200px;
    padding: 60px 260px; }
  body #contents #main h2.ttl-public {
    background-image: url(../img/location/location-h2-logo-public.png);
    margin: 0 123px 0 0;
    padding: 60px 325px; }
  body #contents #main h2.ttl-education {
    background-image: url(../img/location/location-h2-logo-education.png);
    margin: 0 0 0 200px;
    padding: 60px 200px; }
  body #contents #main h2.ttl-lifeinfo {
    background-image: url(../img/location/location-h2-logo-lifeinfo.png);
    padding: 15px 0;
    margin-bottom: 65px;
    width: 100%; }
body #contents #main p.section-main-lead {
  padding-bottom: 35px; }
body #contents #main article#lead, body #contents #main section#lead {
  padding: 60px 0 90px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url(../img/location/main2.jpg);
  position: relative; }
  body #contents #main article#lead p, body #contents #main section#lead p {
    color: #fff; }
  body #contents #main article#lead p.section-main-lead, body #contents #main section#lead p.section-main-lead {
    margin-top: 0; }
  body #contents #main article#lead p.section-main-text, body #contents #main section#lead p.section-main-text {
    margin-bottom: 0; }
body #contents #main article p.section-main-lead, body #contents #main section p.section-main-lead {
  margin-top: 95px;
  font-size: 31px;
  line-height: 49.5px;
  letter-spacing: 0.1em;
  color: inherit; }
body #contents #main article p.section-main-text, body #contents #main section p.section-main-text {
  margin-bottom: 25px; }
body #contents #main article p.location-grid-ttl, body #contents #main section p.location-grid-ttl {
  font-size: 18px;
  line-height: 31px;
  letter-spacing: 0;
  color: inherit;
  padding-top: 5px;
  border-bottom: 1px solid #231815;
  margin-bottom: 5px; }
  body #contents #main article p.location-grid-ttl > span, body #contents #main section p.location-grid-ttl > span {
    font-size: 0.8em; }
body #contents #main article p.location-grid-text, body #contents #main section p.location-grid-text {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0;
  color: inherit; }
body #contents #main article#location-top .location-top-img, body #contents #main section#location-top .location-top-img {
  display: block;
  margin: 0 auto;
  max-width: 750px;
  mix-blend-mode: multiply; }
body #contents #main article#location-top p.section-main-lead, body #contents #main section#location-top p.section-main-lead {
  margin-top: 0; }
body #contents #main article#shopping .shopping-grid, body #contents #main section#shopping .shopping-grid {
  background-color: rgba(228, 217, 152, 0.4);
  padding: 46px;
  -webkit-width: calc(100% - 92px);
  width: 100%;
  margin: 54px auto 40px; }
  body #contents #main article#shopping .shopping-grid-ttl, body #contents #main section#shopping .shopping-grid-ttl {
    background: #ed8f26;
    padding: 0 10px; }
    body #contents #main article#shopping .shopping-grid-ttl > p, body #contents #main section#shopping .shopping-grid-ttl > p {
      color: #fff;
      font-size: 18px;
      line-height: 25px;
      letter-spacing: 0.05em; }
      body #contents #main article#shopping .shopping-grid-ttl > p > span, body #contents #main section#shopping .shopping-grid-ttl > p > span {
        font-size: 12px; }
body #contents #main article#park .park-grid, body #contents #main section#park .park-grid {
  margin: 60px auto 40px; }
body #contents #main article#public .public-grid, body #contents #main section#public .public-grid {
  margin: 60px auto 40px; }
body #contents #main article#public .public-topic, body #contents #main section#public .public-topic {
  padding: 22px 25px;
  width: calc(100% - 50px);
  background-color: rgba(135, 192, 202, 0.6);
  display: grid;
  grid-template-columns: 338px 1fr;
  gap: 0 20px; }
  body #contents #main article#public .public-topic .topic-main-img, body #contents #main section#public .public-topic .topic-main-img {
    grid-row: 1/3; }
  body #contents #main article#public .public-topic .topic-caption, body #contents #main section#public .public-topic .topic-caption {
    grid-column: 1/3;
    padding-top: 15px; }
    body #contents #main article#public .public-topic .topic-caption > li, body #contents #main section#public .public-topic .topic-caption > li {
      text-indent: -1em;
      padding-left: 1em;
      font-size: 11px;
      line-height: 16px;
      letter-spacing: 0; }
body #contents #main article#education .education-grid, body #contents #main section#education .education-grid {
  margin: 60px auto 40px; }
body #contents #main article#lifeinfomation, body #contents #main section#lifeinfomation {
  padding: 0 0 40px; }
  body #contents #main article#lifeinfomation .lifeinfomation-list, body #contents #main section#lifeinfomation .lifeinfomation-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 60px auto 0; }
    body #contents #main article#lifeinfomation .lifeinfomation-list > figure, body #contents #main section#lifeinfomation .lifeinfomation-list > figure {
      width: calc(50% - 40px); }
body #contents #main article#shopping .content-detail:first-of-type, body #contents #main article#park .content-detail:first-of-type, body #contents #main article#publick .content-detail:first-of-type, body #contents #main article#education .content-detail:first-of-type, body #contents #main section#shopping .content-detail:first-of-type, body #contents #main section#park .content-detail:first-of-type, body #contents #main section#publick .content-detail:first-of-type, body #contents #main section#education .content-detail:first-of-type {
  padding-top: 0; }
body #contents #main article .content-detail .ttl-bg, body #contents #main section .content-detail .ttl-bg {
  width: 100vw;
  margin: 0 calc(50% - 50vw);
  padding: 140px 0;
  display: flex;
  align-items: center;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative; }
  body #contents #main article .content-detail .ttl-bg > p.caption, body #contents #main section .content-detail .ttl-bg > p.caption {
    position: absolute;
    bottom: 2%; }
  body #contents #main article .content-detail .ttl-bg.shopping, body #contents #main section .content-detail .ttl-bg.shopping {
    justify-content: flex-end;
    background-image: url(../img/location/location-h2-bg-shopping.jpg); }
    body #contents #main article .content-detail .ttl-bg.shopping > p.caption, body #contents #main section .content-detail .ttl-bg.shopping > p.caption {
      left: 2%;
      color: #fff; }
  body #contents #main article .content-detail .ttl-bg.park, body #contents #main section .content-detail .ttl-bg.park {
    justify-content: flex-start;
    background-image: url(../img/location/location-h2-bg-park.jpg); }
    body #contents #main article .content-detail .ttl-bg.park > p.caption, body #contents #main section .content-detail .ttl-bg.park > p.caption {
      right: 2%;
      color: #fff; }
  body #contents #main article .content-detail .ttl-bg.public, body #contents #main section .content-detail .ttl-bg.public {
    justify-content: flex-end;
    background-image: url(../img/location/location-h2-bg-public.jpg); }
    body #contents #main article .content-detail .ttl-bg.public > p.caption, body #contents #main section .content-detail .ttl-bg.public > p.caption {
      left: 2%;
      color: #040000; }
  body #contents #main article .content-detail .ttl-bg.education, body #contents #main section .content-detail .ttl-bg.education {
    justify-content: flex-start;
    background-image: url(../img/location/location-h2-bg-education.jpg); }
    body #contents #main article .content-detail .ttl-bg.education > p.caption, body #contents #main section .content-detail .ttl-bg.education > p.caption {
      right: 2%;
      color: #fff; }
body #contents #main article .content-detail .grid2, body #contents #main section .content-detail .grid2 {
  gap: 36px; }
body #contents #main article .content-detail .grid3, body #contents #main section .content-detail .grid3 {
  gap: 30px 18px; }
  body #contents #main article .content-detail .grid3 > figure, body #contents #main section .content-detail .grid3 > figure {
    align-items: flex-start;
    align-content: flex-start; }

/*PC ONLY*/
@media screen and (min-width: 751px) {
  body #contents #main article#lifeinfomation .lifeinfomation-list > figure:first-of-type, body #contents #main section#lifeinfomation .lifeinfomation-list > figure:first-of-type {
    width: calc(50% - 41px);
    padding-right: 40px;
    border-right: 1px solid #fff; } }
/*SP ONLY*/
@media screen and (max-width: 750px) {
  body #contents #main h2.ttl-shopping {
    margin: 0 20px 0 0; }
  body #contents #main h2.ttl-park {
    margin: 0 0 0 20px; }
  body #contents #main h2.ttl-public {
    margin: 0 20px 0 0; }
  body #contents #main h2.ttl-education {
    margin: 0 0 0 20px; }
  body #contents #main h2.ttl-lifeinfo {
    padding: 20px 0;
    margin-bottom: 30px; }
  body #contents #main article p.section-main-lead, body #contents #main section p.section-main-lead {
    margin-bottom: 0;
    font-size: 2rem;
    line-height: 1.75em; }
  body #contents #main article p.section-main-text, body #contents #main section p.section-main-text {
    margin-bottom: 0;
    font-size: 1.5rem;
    line-height: 1.75em; }
  body #contents #main article p.location-grid-ttl, body #contents #main section p.location-grid-ttl {
    font-size: 1.75rem;
    line-height: 1.5em;
    margin-top: .5em; }
  body #contents #main article p.location-grid-text, body #contents #main section p.location-grid-text {
    font-size: 1.5rem;
    line-height: 1.75em;
    margin: .5em 0 2em; }
  body #contents #main article#lead, body #contents #main section#lead {
    padding: 0 0 0 0; }
  body #contents #main article#shopping .shopping-grid-ttl, body #contents #main section#shopping .shopping-grid-ttl {
    padding: 0 10px; }
    body #contents #main article#shopping .shopping-grid-ttl > p, body #contents #main section#shopping .shopping-grid-ttl > p {
      font-size: 1.75rem;
      line-height: 1.5em; }
      body #contents #main article#shopping .shopping-grid-ttl > p > span, body #contents #main section#shopping .shopping-grid-ttl > p > span {
        font-size: 0.8em; }
  body #contents #main article#public .public-topic, body #contents #main section#public .public-topic {
    grid-template-columns: 1fr;
    gap: 0 20px;
    margin: 0 auto; }
    body #contents #main article#public .public-topic .topic-main-img, body #contents #main section#public .public-topic .topic-main-img {
      grid-row: 1/1;
      grid-column: 1/2; }
    body #contents #main article#public .public-topic .topic-caption, body #contents #main section#public .public-topic .topic-caption {
      grid-column: 1/2;
      padding-top: 2em; }
      body #contents #main article#public .public-topic .topic-caption > li, body #contents #main section#public .public-topic .topic-caption > li {
        font-size: 1rem;
        line-height: 1.75em; }
  body #contents #main article#lifeinfomation, body #contents #main section#lifeinfomation {
    padding: 0 0 20px; }
    body #contents #main article#lifeinfomation .lifeinfomation-list, body #contents #main section#lifeinfomation .lifeinfomation-list {
      display: block;
      margin: 30px auto 0; }
      body #contents #main article#lifeinfomation .lifeinfomation-list > figure, body #contents #main section#lifeinfomation .lifeinfomation-list > figure {
        width: 80%;
        display: block;
        margin: 0 auto 20px; }
  body #contents #main article .content-detail .ttl-bg, body #contents #main section .content-detail .ttl-bg {
    padding: 50px 0; }
  body #contents #main article .content-detail .grid2 > dl, body #contents #main section .content-detail .grid2 > dl {
    padding-bottom: 80px; }
    body #contents #main article .content-detail .grid2 > dl:last-of-type, body #contents #main section .content-detail .grid2 > dl:last-of-type {
      padding-bottom: 0; }
  body #contents #main article .content-detail .grid3 > figure > figcaption, body #contents #main section .content-detail .grid3 > figure > figcaption {
    font-size: 1em; } }

/*# sourceMappingURL=location.css.map */