@charset "UTF-8";
body #contents #main #mainView {
  background-image: url(../img/location/main-ttl-bg.jpg);
  padding: calc(375px / 2) 0;
  /*455px-main-ttl-h2の高さ*/ }
  body #contents #main #mainView h2 {
    padding: 40px 0;
    background-image: url(../img/location/main-ttl-h2.png); }
body #contents #main article h3, body #contents #main section h3 {
  padding: 15px 0;
  margin: 10px auto 30px; }
body #contents #main article h4, body #contents #main section h4 {
  display: block;
  padding: 36px 0 0;
  margin-bottom: 30px;
  background-color: #939db5;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain; }
  body #contents #main article h4.ttl01, body #contents #main section h4.ttl01 {
    background-image: url(../img/location/ttl-h4-01.png); }
  body #contents #main article h4.ttl02, body #contents #main section h4.ttl02 {
    background-image: url(../img/location/ttl-h4-02.png); }
  body #contents #main article h4 > span, body #contents #main section h4 > span {
    display: none; }
body #contents #main article p.content-lead-txt, body #contents #main section p.content-lead-txt {
  padding: 0 0 25px;
  margin: 0 auto 30px;
  border-bottom: 1px solid #040000;
  display: block;
  width: 100%; }
body #contents #main article .location-list, body #contents #main section .location-list {
  margin: 0 auto 35px; }
  body #contents #main article .location-list.mb0, body #contents #main section .location-list.mb0 {
    margin: 0 auto 0; }
  body #contents #main article .location-list > div > figure, body #contents #main section .location-list > div > figure {
    margin-bottom: 15px; }
body #contents #main article .location-flex-box > dd .list-ttl, body #contents #main section .location-flex-box > dd .list-ttl {
  margin-bottom: 20px; }
body #contents #main article#park h3, body #contents #main section#park h3 {
  background-image: url(../img/location/ttl-h3-01.png); }
body #contents #main article#ogikubo-area .section-top-img, body #contents #main section#ogikubo-area .section-top-img {
  position: relative;
  z-index: 100; }
body #contents #main article#ogikubo-area h3, body #contents #main section#ogikubo-area h3 {
  background-image: url(../img/location/ttl-h3-02.png); }
body #contents #main article#bus .main-lead-sub-txt, body #contents #main section#bus .main-lead-sub-txt {
  margin-bottom: 40px; }
body #contents #main article#bus .location-bus-access, body #contents #main section#bus .location-bus-access {
  display: flex;
  justify-content: space-between; }
  body #contents #main article#bus .location-bus-access-inner, body #contents #main section#bus .location-bus-access-inner {
    width: calc(50% - 20px);
    display: flex;
    flex-wrap: wrap;
    align-content: space-between; }
    body #contents #main article#bus .location-bus-access-inner > figure, body #contents #main article#bus .location-bus-access-inner > div, body #contents #main article#bus .location-bus-access-inner > p, body #contents #main section#bus .location-bus-access-inner > figure, body #contents #main section#bus .location-bus-access-inner > div, body #contents #main section#bus .location-bus-access-inner > p {
      width: 100%; }
  body #contents #main article#bus .location-bus-access-ttl, body #contents #main section#bus .location-bus-access-ttl {
    font-size: 16px;
    line-height: 36px;
    letter-spacing: 0.1em; }
    body #contents #main article#bus .location-bus-access-ttl:before, body #contents #main section#bus .location-bus-access-ttl:before {
      content: "";
      background-color: #fff;
      padding: .5em 0;
      width: 1em;
      display: inline-block; }
body #contents #main article#bus .bus-txt-box, body #contents #main section#bus .bus-txt-box {
  margin-top: 17px;
  width: 100%; }
  body #contents #main article#bus .bus-txt-box dl, body #contents #main section#bus .bus-txt-box dl {
    width: 100%;
    padding: 8px 0;
    border-bottom: 1px solid #fff; }
    body #contents #main article#bus .bus-txt-box dl:first-of-type, body #contents #main section#bus .bus-txt-box dl:first-of-type {
      border-top: 1px solid #fff; }
    body #contents #main article#bus .bus-txt-box dl .ttl, body #contents #main article#bus .bus-txt-box dl .txt, body #contents #main section#bus .bus-txt-box dl .ttl, body #contents #main section#bus .bus-txt-box dl .txt {
      text-align: center; }
      body #contents #main article#bus .bus-txt-box dl .ttl .color-txt, body #contents #main article#bus .bus-txt-box dl .txt .color-txt, body #contents #main section#bus .bus-txt-box dl .ttl .color-txt, body #contents #main section#bus .bus-txt-box dl .txt .color-txt {
        color: #d18e04; }
      body #contents #main article#bus .bus-txt-box dl .ttl .bigger, body #contents #main article#bus .bus-txt-box dl .txt .bigger, body #contents #main section#bus .bus-txt-box dl .ttl .bigger, body #contents #main section#bus .bus-txt-box dl .txt .bigger {
        font-size: 1.5em; }
    body #contents #main article#bus .bus-txt-box dl .ttl, body #contents #main section#bus .bus-txt-box dl .ttl {
      font-size: 13.4px;
      line-height: 16px;
      letter-spacing: 0.05em; }
    body #contents #main article#bus .bus-txt-box dl .txt, body #contents #main section#bus .bus-txt-box dl .txt {
      font-size: 14.6px;
      line-height: 18px;
      letter-spacing: 0.05em; }
body #contents #main article#iogi-area .section-top-img, body #contents #main section#iogi-area .section-top-img {
  margin-top: 120px; }
body #contents #main article#iogi-area h3, body #contents #main section#iogi-area h3 {
  background-image: url(../img/location/ttl-h3-03.png); }
body #contents #main article#iogi-area .grid2 p.list-txt, body #contents #main section#iogi-area .grid2 p.list-txt {
  line-height: 1em; }
body #contents #main article#education .section-top-img, body #contents #main section#education .section-top-img {
  position: relative;
  z-index: 100; }
body #contents #main article#education h3, body #contents #main section#education h3 {
  background-image: url(../img/location/ttl-h3-04.png); }
body #contents #main article#education .grid2 .list-ttl, body #contents #main section#education .grid2 .list-ttl {
  padding: .5em 0 .5em; }
body #contents #main article#public h3, body #contents #main section#public h3 {
  background-image: url(../img/location/ttl-h3-05.png); }
body #contents #main article#public .grid2 .list-ttl, body #contents #main section#public .grid2 .list-ttl {
  padding: .5em 0 .5em; }
body #contents #main article#lifeinfo h3, body #contents #main section#lifeinfo h3 {
  background-image: url(../img/location/ttl-h3-06.png);
  margin: 20px auto 50px; }

/*PC ONLY*/
@media screen and (min-width: 751px) {
  body #contents #main article p.list-ttl, body #contents #main section p.list-ttl {
    font-size: 24px;
    line-height: 24px;
    letter-spacing: 0.025em; }
    body #contents #main article p.list-ttl > span, body #contents #main section p.list-ttl > span {
      font-size: 12px;
      letter-spacing: 0.055em; }
  body #contents #main article p.list-txt, body #contents #main section p.list-txt {
    font-size: 18px;
    line-height: 32px;
    letter-spacing: 0.055em; }
    body #contents #main article p.list-txt > span, body #contents #main section p.list-txt > span {
      font-size: 12px;
      letter-spacing: 0.055em; }
  body #contents #main article#concept .main-lead-txt, body #contents #main section#concept .main-lead-txt {
    margin: 10px 0 30px; }
  body #contents #main article#concept .concept-map, body #contents #main section#concept .concept-map {
    margin: 80px auto 0;
    max-width: 700px; }
  body #contents #main article#park .content-detail, body #contents #main section#park .content-detail {
    padding: 40px 0 120px; }
  body #contents #main article#ogikubo-area .content-detail, body #contents #main section#ogikubo-area .content-detail {
    padding-bottom: 55px; }
  body #contents #main article#bus .content-detail, body #contents #main section#bus .content-detail {
    padding: 40px 0 64px; }
  body #contents #main article#iogi-area h4.ttl02, body #contents #main section#iogi-area h4.ttl02 {
    margin-top: 80px; }
  body #contents #main article#education .content-detail, body #contents #main section#education .content-detail {
    padding-bottom: 100px; }
  body #contents #main article#lifeinfo .lifeinfo-list, body #contents #main section#lifeinfo .lifeinfo-list {
    margin-top: 54px;
    display: flex;
    justify-content: space-between; }
    body #contents #main article#lifeinfo .lifeinfo-list > figure, body #contents #main section#lifeinfo .lifeinfo-list > figure {
      width: calc(50% - 40px); }
  body #contents #main article .location-flex-box, body #contents #main section .location-flex-box {
    display: flex;
    justify-content: space-between;
    margin-bottom: 60px; }
    body #contents #main article .location-flex-box.reverse, body #contents #main section .location-flex-box.reverse {
      flex-direction: row-reverse; }
    body #contents #main article .location-flex-box > dt, body #contents #main section .location-flex-box > dt {
      width: 65%; }
    body #contents #main article .location-flex-box > dd, body #contents #main section .location-flex-box > dd {
      width: 31.4%;
      padding: 40px 0 0; } }
/*SP ONLY*/
@media screen and (max-width: 750px) {
  body #contents #main article h4, body #contents #main section h4 {
    padding: 50px 0 0; }
  body #contents #main article .location-list, body #contents #main section .location-list {
    margin: 0 auto 40px;
    width: 90%; }
    body #contents #main article .location-list.grid2, body #contents #main section .location-list.grid2 {
      width: 90%; }
      body #contents #main article .location-list.grid2 > div, body #contents #main article .location-list.grid2 > figure, body #contents #main article .location-list.grid2 > a, body #contents #main section .location-list.grid2 > div, body #contents #main section .location-list.grid2 > figure, body #contents #main section .location-list.grid2 > a {
        width: 100%; }
    body #contents #main article .location-list figure figcaption, body #contents #main section .location-list figure figcaption {
      font-size: 1em; }
  body #contents #main article#concept .concept-map, body #contents #main section#concept .concept-map {
    margin: 40px auto; }
  body #contents #main article .location-flex-box > dd, body #contents #main section .location-flex-box > dd {
    padding: 20px 0 60px; }
    body #contents #main article .location-flex-box > dd .list-ttl, body #contents #main section .location-flex-box > dd .list-ttl {
      line-height: 1em; }
  body #contents #main article#bus .location-bus-access, body #contents #main section#bus .location-bus-access {
    display: block;
    width: 80%;
    margin: 0 auto; }
    body #contents #main article#bus .location-bus-access-inner, body #contents #main section#bus .location-bus-access-inner {
      width: 100%;
      margin-bottom: 40px; }
    body #contents #main article#bus .location-bus-access-ttl, body #contents #main section#bus .location-bus-access-ttl {
      font-size: 1.25em;
      margin: 1em 0 .5em; }
  body #contents #main article#bus .bus-txt-box, body #contents #main section#bus .bus-txt-box {
    width: 100%; }
    body #contents #main article#bus .bus-txt-box dl .ttl, body #contents #main section#bus .bus-txt-box dl .ttl {
      font-size: 1.4em;
      line-height: 1.34em;
      margin-bottom: .5em; }
    body #contents #main article#bus .bus-txt-box dl .txt, body #contents #main section#bus .bus-txt-box dl .txt {
      font-size: 1.4em;
      line-height: 1.34em;
      margin-bottom: .5em; }
  body #contents #main article#bus .content-caption, body #contents #main section#bus .content-caption {
    margin-top: .75em; }
  body #contents #main article#iogi-area .section-top-img, body #contents #main section#iogi-area .section-top-img {
    margin-top: 60px; }
  body #contents #main article#iogi-area h4.ttl02, body #contents #main section#iogi-area h4.ttl02 {
    margin-top: 60px; }
  body #contents #main article#lifeinfo .lifeinfo-map, body #contents #main section#lifeinfo .lifeinfo-map {
    width: 90%;
    margin: 0 auto; }
  body #contents #main article#lifeinfo .lifeinfo-list, body #contents #main section#lifeinfo .lifeinfo-list {
    margin-top: 40px; }
    body #contents #main article#lifeinfo .lifeinfo-list > figure, body #contents #main section#lifeinfo .lifeinfo-list > figure {
      width: 80%;
      margin: 0 auto 20px; } }

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