body #contents #main #mainView {
  display: block;
  background-image: url(../img/access/main.jpg); }
  body #contents #main #mainView > h2 {
    background-image: url(../img/access/main-logo.png);
    padding: 60px 0; }
body #contents #main article .content-detail, body #contents #main section .content-detail {
  padding: 30px 0 60px; }
  body #contents #main article .content-detail .access-route-box, body #contents #main section .content-detail .access-route-box {
    padding: 30px 0; }
    body #contents #main article .content-detail .access-route-box:first-of-type, body #contents #main section .content-detail .access-route-box:first-of-type {
      padding-top: 60px; }
    body #contents #main article .content-detail .access-route-box h4, body #contents #main section .content-detail .access-route-box h4 {
      text-align: center;
      padding: 5px 0;
      width: 100%;
      background: #040000;
      display: block;
      font-size: 22px;
      letter-spacing: 0em;
      line-height: 28px;
      color: #fff;
      margin-bottom: 30px; }
  body #contents #main article .content-detail .access-area-box, body #contents #main section .content-detail .access-area-box {
    padding: 50px 0 0;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px; }
    body #contents #main article .content-detail .access-area-box dl dt, body #contents #main section .content-detail .access-area-box dl dt {
      display: flex;
      justify-content: space-between;
      margin-bottom: 20px; }
      body #contents #main article .content-detail .access-area-box dl dt:before, body #contents #main section .content-detail .access-area-box dl dt:before {
        display: block;
        background: #e6d75a;
        content: "";
        padding: 30px 5px;
        magrin-right: 10px; }
      body #contents #main article .content-detail .access-area-box dl dt > p, body #contents #main section .content-detail .access-area-box dl dt > p {
        font-side: 20px;
        line-height: 35px;
        letter-spacing: 0.05em;
        width: calc(100% - 20px); }
        body #contents #main article .content-detail .access-area-box dl dt > p .bigger, body #contents #main section .content-detail .access-area-box dl dt > p .bigger {
          font-size: 2em; }
    body #contents #main article .content-detail .access-area-box dl dd > p, body #contents #main section .content-detail .access-area-box dl dd > p {
      padding: 10px 0 0;
      text-align: right; }
  body #contents #main article .content-detail .access-train-box, body #contents #main section .content-detail .access-train-box {
    display: block;
    padding: 36px 0 30px; }
    body #contents #main article .content-detail .access-train-box h4, body #contents #main section .content-detail .access-train-box h4 {
      text-align: center;
      display: block;
      padding: 14px 0 10px;
      border-top: 1px solid #040000;
      border-bottom: 1px solid #040000;
      margin-bottom: 50px; }
  body #contents #main article .content-detail .access-train-ttl, body #contents #main section .content-detail .access-train-ttl {
    font-size: 22px;
    letter-spacing: 0em;
    line-height: 28px; }
  body #contents #main article .content-detail .access-train-grid, body #contents #main section .content-detail .access-train-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 40px 50px;
    padding-top: 34px; }
    body #contents #main article .content-detail .access-train-grid .grid-2-box, body #contents #main section .content-detail .access-train-grid .grid-2-box {
      grid-column: 1 / 3; }
    body #contents #main article .content-detail .access-train-grid > dl .access-line, body #contents #main section .content-detail .access-train-grid > dl .access-line {
      padding: 2.5em 0 .5em;
      position: relative;
      display: flex;
      justify-content: space-between;
      align-items: center; }
      body #contents #main article .content-detail .access-train-grid > dl .access-line::before, body #contents #main section .content-detail .access-train-grid > dl .access-line::before {
        content: "";
        display: block;
        width: 100%;
        border-top: 4px dotted #231815;
        position: absolute;
        z-index: 80; }
      body #contents #main article .content-detail .access-train-grid > dl .access-line-inner, body #contents #main section .content-detail .access-train-grid > dl .access-line-inner {
        position: absolute;
        z-index: 99;
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%; }
        body #contents #main article .content-detail .access-train-grid > dl .access-line-inner p.box1, body #contents #main article .content-detail .access-train-grid > dl .access-line-inner p.box2, body #contents #main section .content-detail .access-train-grid > dl .access-line-inner p.box1, body #contents #main section .content-detail .access-train-grid > dl .access-line-inner p.box2 {
          background-color: #fff;
          display: block;
          padding: 0 0.25em 0;
          font-size: 22px;
          letter-spacing: 0.05em;
          line-height: 28px; }
          body #contents #main article .content-detail .access-train-grid > dl .access-line-inner p.box1 > span.bigger, body #contents #main article .content-detail .access-train-grid > dl .access-line-inner p.box2 > span.bigger, body #contents #main section .content-detail .access-train-grid > dl .access-line-inner p.box1 > span.bigger, body #contents #main section .content-detail .access-train-grid > dl .access-line-inner p.box2 > span.bigger {
            font-size: 2em; }
        body #contents #main article .content-detail .access-train-grid > dl .access-line-inner p.box1, body #contents #main section .content-detail .access-train-grid > dl .access-line-inner p.box1 {
          align-self: flex-end; }
    body #contents #main article .content-detail .access-train-grid > dl dd .grid-caption > li, body #contents #main section .content-detail .access-train-grid > dl dd .grid-caption > li {
      font-size: 12px;
      letter-spacing: 0.01em;
      line-height: 18px;
      text-indent: -1em;
      padding-left: 1em;
      font-family: 'Noto Sans JP'; }
    body #contents #main article .content-detail .access-train-grid > dl dd .caption-box, body #contents #main section .content-detail .access-train-grid > dl dd .caption-box {
      width: 100%;
      text-align: right;
      font-family: 'Noto Sans JP';
      font-size: .85em; }
  body #contents #main article .content-detail .section-ttl:before, body #contents #main section .content-detail .section-ttl:before {
    content: "";
    margin: 0 auto 10px;
    padding: 25px 0;
    display: block;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center; }
  body #contents #main article .content-detail .section-ttl:after, body #contents #main section .content-detail .section-ttl:after {
    content: "";
    padding: 15px 0;
    margin: 0 auto 10px;
    display: block;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center; }
  body #contents #main article .content-detail .section-ttl.bus:after, body #contents #main section .content-detail .section-ttl.bus:after {
    background-image: url(../img/access/img-bus-ttl.png); }
  body #contents #main article .content-detail .section-ttl.bus:before, body #contents #main section .content-detail .section-ttl.bus:before {
    background-image: url(../img/access/img-bus-icon.png); }
  body #contents #main article .content-detail .section-ttl.train:after, body #contents #main section .content-detail .section-ttl.train:after {
    background-image: url(../img/access/img-train-ttl.png); }
  body #contents #main article .content-detail .section-ttl.train:before, body #contents #main section .content-detail .section-ttl.train:before {
    background-image: url(../img/access/img-train-icon.png); }
  body #contents #main article .content-detail .section-ttl.car:after, body #contents #main section .content-detail .section-ttl.car:after {
    background-image: url(../img/access/img-car-ttl.png); }
  body #contents #main article .content-detail .section-ttl.car:before, body #contents #main section .content-detail .section-ttl.car:before {
    background-image: url(../img/access/img-car-icon.png); }
  body #contents #main article .content-detail .section-ttl-txt, body #contents #main section .content-detail .section-ttl-txt {
    text-align: center;
    font-size: 28px;
    line-height: 38px;
    letter-spacing: 0.1em;
    color: inherit;
    padding-top: 10px; }
    body #contents #main article .content-detail .section-ttl-txt:after, body #contents #main section .content-detail .section-ttl-txt:after {
      content: "";
      width: 100vw;
      margin: 0 calc(50% - 50vw) 20px;
      border-bottom: 1px solid #fff;
      padding: 17px 0 0;
      display: block; }
    body #contents #main article .content-detail .section-ttl-txt.black-line:after, body #contents #main section .content-detail .section-ttl-txt.black-line:after {
      border-bottom: 1px solid #040000; }

/*PC ONLY*/
/*SP ONLY*/
@media screen and (max-width: 750px) {
  body #contents #main article .content-detail .access-train-grid, body #contents #main section .content-detail .access-train-grid {
    gap: 40px 40px;
    grid-template-columns: 1fr 1fr; }
  body #contents #main article .content-detail .access-area-box, body #contents #main section .content-detail .access-area-box {
    padding: 30px 0 0;
    gap: 40px; } }

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