@charset "UTF-8";
/*
font-family :"Times New Roman", "游明朝", YuMincho,"ヒラギノ明朝 Pr6 W6","Hiragino Mincho Pro", "HGS明朝E","メイリオ", "ＭＳ Ｐ明朝","MS PMincho",Meiryo, serif;
font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', 'Roboto', sans-serif;
*/
/* line 32, page_location.scss */
#location #intro .read { text-align: center; line-height: 2.6; }
/* line 33, page_location.scss */
#location #intro #locationAnimation { margin-top: 60px; }
@media only screen and (max-width: 750px) { /* line 41, page_location.scss */
  #location #intro .read { text-align: justify; line-height: 2.2; padding: 0 5%; }
  /* line 42, page_location.scss */
  #location #intro #locationAnimation { margin-top: 50px; } }
/* line 49, page_location.scss */
#location #multiaccessSec { padding: 80px 0 100px; }
/* line 50, page_location.scss */
#location #multiaccessSec .enCatch { font-size: 77px; margin-bottom: .25em; }
/* line 51, page_location.scss */
#location #multiaccessSec .read { font-size: 28px; font-weight: 500; text-align: center; letter-spacing: -.015em; margin-bottom: 1.5em; }
/* line 54, page_location.scss */
#location #multiaccessSec ul.listWrap { width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap; position: relative; }
/* line 55, page_location.scss */
#location #multiaccessSec ul.listWrap::before { content: ""; width: 140px; height: 140px; background: url("../img/locationMultiaccessIc.webp") no-repeat; background-size: 100% auto !important; position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; margin: auto; z-index: 10; transition: .4s all; }
@media screen and (max-width: 1580px) { /* line 55, page_location.scss */
  #location #multiaccessSec ul.listWrap::before { width: 120px; height: 120px; } }
@media screen and (max-width: 1280px) { /* line 55, page_location.scss */
  #location #multiaccessSec ul.listWrap::before { width: 100px; height: 100px; } }
/* line 63, page_location.scss */
#location #multiaccessSec ul.listWrap:not(:last-child) { margin-bottom: 30px; }
/* line 64, page_location.scss */
#location #multiaccessSec ul.listWrap li { width: calc(50% - 5px); position: relative; }
/* line 66, page_location.scss */
#location #multiaccessSec ul.listWrap li .cap { position: absolute; bottom: 0; right: 0; font-size: 28px; display: flex; justify-content: space-between; flex-wrap: wrap; justify-content: flex-end; align-items: center; display: inline-flex; text-align: left; padding-right: .5em; -webkit-text-stroke-width: .2px; color: #fff; padding-top: 5px; padding-bottom: 5px; padding-right: 1em; box-sizing: border-box; width: 100%; }
/* line 67, page_location.scss */
#location #multiaccessSec ul.listWrap li .cap::before { content: ""; width: calc(100% + 0px); height: 100%; background-image: linear-gradient(90deg, transparent, #000000 50%); position: absolute; bottom: 0; right: 0; z-index: 0; opacity: .8; mix-blend-mode: multiply; }
/* line 68, page_location.scss */
#location #multiaccessSec ul.listWrap li .cap small, #location #multiaccessSec ul.listWrap li .cap span, #location #multiaccessSec ul.listWrap li .cap em { position: relative; z-index: 5; line-height: 1; }
/* line 69, page_location.scss */
#location #multiaccessSec ul.listWrap li .cap span { margin-right: -.6em; margin-top: -1em; }
/* line 70, page_location.scss */
#location #multiaccessSec ul.listWrap li .cap span small { font-size: 60%; }
/* line 72, page_location.scss */
#location #multiaccessSec ul.listWrap li .cap em { position: relative; }
/* line 73, page_location.scss */
#location #multiaccessSec ul.listWrap li .cap em > small { font-size: 60%; }
/* line 74, page_location.scss */
#location #multiaccessSec ul.listWrap li .cap em strong { font-size: 300%; font-family: "Roboto", sans-serif; font-style: italic; font-weight: 300; color: #fff549; display: inline-block; letter-spacing: -.1em; -webkit-text-stroke-width: 1px; }
/* line 75, page_location.scss */
#location #multiaccessSec ul.listWrap li .cap em strong small { font-size: 50%; display: inline-block; letter-spacing: .05em; margin-left: .35em; }
/* line 76, page_location.scss */
#location #multiaccessSec ul.listWrap li .cap em strong + small { font-size: 40%; position: absolute; top: 1.25em; right: -.5em; }
/* line 81, page_location.scss */
#location #multiaccessSec ul.listWrap li:nth-of-type(even) .cap { right: auto; left: 0; justify-content: flex-start; padding-right: 0; padding-left: 1em; }
/* line 82, page_location.scss */
#location #multiaccessSec ul.listWrap li:nth-of-type(even) .cap::before { background-image: linear-gradient(90deg, #000000 70%, transparent); right: auto; left: 0; }
/* line 149, page_location.scss */
#location #multiaccessSec .accessFlow { margin-top: 70px; }
@media only screen and (max-width: 750px) { /* line 155, page_location.scss */
  #location #multiaccessSec { padding: 50px 0 50px; }
  /* line 156, page_location.scss */
  #location #multiaccessSec .enCatch { font-size: 42px; margin-bottom: .5em; }
  /* line 157, page_location.scss */
  #location #multiaccessSec .read { font-size: 20px; margin-bottom: 1.5em; }
  /* line 160, page_location.scss */
  #location #multiaccessSec ul.listWrap { width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap; position: relative; padding: 0 5%; }
  /* line 161, page_location.scss */
  #location #multiaccessSec ul.listWrap::before { width: 50px; height: 50px; background: url("../img/locationMultiaccessIcSp.webp") no-repeat; /*left: 0 !important; margin-left: 0;*/ }
  /* line 162, page_location.scss */
  #location #multiaccessSec ul.listWrap:not(:last-child) { margin-bottom: 35px; }
  /* line 163, page_location.scss */
  #location #multiaccessSec ul.listWrap li { width: 100%; overflow: hidden; }
  /* line 164, page_location.scss */
  #location #multiaccessSec ul.listWrap li:not(:last-child) { margin-bottom: 10px; }
  /* line 166, page_location.scss */
  #location #multiaccessSec ul.listWrap li .cap { width: auto; font-size: 4.25vw; padding-right: .5em; -webkit-text-stroke-width: 0px; padding-top: 5px; padding-bottom: 5px; padding-right: 1em; }
  /* line 167, page_location.scss */
  #location #multiaccessSec ul.listWrap li .cap::before { width: calc(100% + 80px); }
  /* line 169, page_location.scss */
  #location #multiaccessSec ul.listWrap li .cap span { margin-right: -.6em; margin-top: -1em; }
  /* line 170, page_location.scss */
  #location #multiaccessSec ul.listWrap li .cap span small { font-size: 60%; }
  /* line 173, page_location.scss */
  #location #multiaccessSec ul.listWrap li .cap em > small { font-size: 60%; }
  /* line 174, page_location.scss */
  #location #multiaccessSec ul.listWrap li .cap em strong { font-size: 300%; -webkit-text-stroke-width: 1px; }
  /* line 175, page_location.scss */
  #location #multiaccessSec ul.listWrap li .cap em strong small { font-size: 50%; margin-left: .35em; }
  /* line 176, page_location.scss */
  #location #multiaccessSec ul.listWrap li .cap em strong + small { font-size: 50%; position: absolute; top: 1.25em; right: -.5em; }
  /* line 181, page_location.scss */
  #location #multiaccessSec ul.listWrap li:nth-of-type(even) .cap { right: auto; left: 0; justify-content: flex-start; padding-right: 0; padding-left: 1em; }
  /* line 182, page_location.scss */
  #location #multiaccessSec ul.listWrap li:nth-of-type(even) .cap::before { background-image: linear-gradient(90deg, #000000 70%, transparent); right: auto; left: 0; }
  /* line 249, page_location.scss */
  #location #multiaccessSec .accessFlow { margin: 60px auto 0; width: 90%; } }
/* line 259, page_location.scss */
#location #lifeinformationSec .sec { margin-top: 2em; }
/* line 260, page_location.scss */
#location #lifeinformationSec .sec .tit { font-size: 20px; position: relative; display: flex; justify-content: flex-start; flex-wrap: wrap; margin-bottom: 1.5em; }
/* line 261, page_location.scss */
#location #lifeinformationSec .sec .tit::after { content: ""; width: 100%; height: 1px; border-bottom: 1px solid rgba(0, 0, 0, 0.25); position: absolute; top: 50%; transform: translateY(-50%); z-index: 10; left: 0; z-index: 0; }
/* line 262, page_location.scss */
#location #lifeinformationSec .sec .tit span { display: flex; justify-content: flex-start; flex-wrap: wrap; display: inline-flex; align-items: center; background: #fff; position: relative; z-index: 5; padding-right: .5em; }
/* line 263, page_location.scss */
#location #lifeinformationSec .sec .tit span i { display: none; }
/* line 264, page_location.scss */
#location #lifeinformationSec .sec .tit span em.en { position: relative; padding-left: 20px; font-weight: 500; }
/* line 265, page_location.scss */
#location #lifeinformationSec .sec .tit span em.en::before { content: ""; display: block; background: #999; width: 12px; height: 16px; clip-path: polygon(0 0, 0% 100%, 100% 50%); position: absolute; top: 50%; transform: translateY(-50%); z-index: 10; left: 0; }
/* line 270, page_location.scss */
#location #lifeinformationSec .sec .cap { font-size: 16px; -webkit-text-stroke-width: .2px; line-height: 1.6; margin-top: .75em; }
/* line 271, page_location.scss */
#location #lifeinformationSec .sec ul.listWrap { display: flex; justify-content: space-between; flex-wrap: wrap; }
/* line 272, page_location.scss */
#location #lifeinformationSec .sec ul.listWrap li { width: calc(100% / 3 - 20px); margin-bottom: 2em; }
/* line 273, page_location.scss */
#location #lifeinformationSec .sec ul.listWrap li .ph { width: 100%; }
/* line 274, page_location.scss */
#location #lifeinformationSec .sec ul.listWrap li .cap { text-align: left; }
/* line 276, page_location.scss */
#location #lifeinformationSec .sec ul.listWrap::after { content: ""; width: calc(100% / 3 - 20px); }
/* line 278, page_location.scss */
#location #lifeinformationSec .sec#shopping .tit span em::before { background: #e0b6a1; }
/* line 279, page_location.scss */
#location #lifeinformationSec .sec#education .tit span em::before { background: #c7bca6; }
/* line 280, page_location.scss */
#location #lifeinformationSec .sec#medical .tit span em::before { background: #9fc3bd; }
/* line 281, page_location.scss */
#location #lifeinformationSec .sec#public .tit span em::before { background: #a2c9dd; }
/* line 282, page_location.scss */
#location #lifeinformationSec .sec#financial .tit span em::before { background: #a5b3cf; }
@media only screen and (max-width: 750px) { /* line 288, page_location.scss */
  #location #lifeinformationSec .sec { margin-top: 0em; margin-bottom: 30px; }
  /* line 289, page_location.scss */
  #location #lifeinformationSec .sec .tit { font-size: 18px; margin: 0 auto 1em; width: 92%; }
  /* line 291, page_location.scss */
  #location #lifeinformationSec .sec .tit span { padding-right: .5em; }
  /* line 292, page_location.scss */
  #location #lifeinformationSec .sec .tit span i { display: none; }
  /* line 293, page_location.scss */
  #location #lifeinformationSec .sec .tit span em.en { padding-left: 20px; }
  /* line 294, page_location.scss */
  #location #lifeinformationSec .sec .tit span em.en::before { width: 10px; height: 14px; left: 0; }
  /* line 299, page_location.scss */
  #location #lifeinformationSec .sec .cap { font-size: 13px; -webkit-text-stroke-width: 0px; margin-top: .75em; }
  /* line 300, page_location.scss */
  #location #lifeinformationSec .sec ul.listWrap { padding: 0 15px; }
  /* line 301, page_location.scss */
  #location #lifeinformationSec .sec ul.listWrap li { width: calc(100% / 2 - 7px); margin-bottom: 1.5em; }
  /* line 305, page_location.scss */
  #location #lifeinformationSec .sec ul.listWrap::after { content: ""; width: calc(100% / 2 - 7px); } }
/* line 311, page_location.scss */
#location #lifeinformationSec .sec.intro { display: flex; justify-content: space-between; flex-wrap: wrap; flex-direction: row-reverse; margin-bottom: 50px; --cutMR: 60px; --cutMI: ((100% - 1200px) / 2); }
/* line 314, page_location.scss */
#location #lifeinformationSec .sec.intro .phWrap { width: 49%; margin-right: var(--cutMR); position: relative; }
/* line 315, page_location.scss */
#location #lifeinformationSec .sec.intro .phWrap .ph { width: 100%; height: 100%; max-height: 470px; }
/* line 316, page_location.scss */
#location #lifeinformationSec .sec.intro .phWrap .cap { text-align: right; position: absolute; right: 0; top: calc(100% + .0em); }
/* line 318, page_location.scss */
#location #lifeinformationSec .sec.intro .text { width: calc(100% - 49% - var(--cutMR) - var(--cutMI)); margin-right: auto; display: flex; flex-direction: column; flex-wrap: wrap; align-items: flex-start; text-align: left; padding: 20px 0; }
/* line 320, page_location.scss */
#location #lifeinformationSec .sec.intro .text .read { line-height: 2.6; }
/* line 322, page_location.scss */
#location #lifeinformationSec .sec.intro ul.listWrap { margin-top: 100px; }
/* line 330, page_location.scss */
#location #lifeinformationSec .lifeinformationWrap .enCatch, #location #lifeinformationSec .mapSec .enCatch { font-size: 30px; letter-spacing: .15em; font-weight: 500; }
@media only screen and (max-width: 750px) { /* line 336, page_location.scss */
  #location #lifeinformationSec .sec.intro { margin-bottom: 50px; }
  /* line 337, page_location.scss */
  #location #lifeinformationSec .sec.intro .phWrap { order: 0; width: 100%; margin-right: auto; }
  /* line 338, page_location.scss */
  #location #lifeinformationSec .sec.intro .phWrap .ph { width: 100%; height: 0; padding-top: 62.5%; max-height: auto; }
  /* line 339, page_location.scss */
  #location #lifeinformationSec .sec.intro .phWrap .ph img { position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; margin: auto; z-index: 10; }
  /* line 341, page_location.scss */
  #location #lifeinformationSec .sec.intro .phWrap .cap { text-align: right; position: absolute; right: 2.5%; top: calc(100% + .0em); }
  /* line 343, page_location.scss */
  #location #lifeinformationSec .sec.intro .text { order: 1; width: 100%; margin-right: auto; padding: 50px 6.5% 35px; }
  /* line 345, page_location.scss */
  #location #lifeinformationSec .sec.intro .text .read { line-height: 2.2; }
  /* line 347, page_location.scss */
  #location #lifeinformationSec .sec.intro ul.listWrap { order: 2; margin-top: 0px; }
  /* line 355, page_location.scss */
  #location #lifeinformationSec .lifeinformationWrap .enCatch, #location #lifeinformationSec .mapSec .enCatch { font-size: 24px; margin-bottom: 1em; } }
/* line 361, page_location.scss */
#location #lifeinformationSec .lifeinformationWrap { margin-bottom: 60px; }
@media only screen and (max-width: 750px) { /* line 389, page_location.scss */
  #location #lifeinformationSec .lifeinformationWrap { margin-bottom: 60px; } }
/* line 416, page_location.scss */
#location #lifeinformationSec .mapSec { margin-bottom: 80px; }
/* line 417, page_location.scss */
#location #lifeinformationSec .mapSec .enCatch { margin-bottom: 1em; }
@media only screen and (max-width: 750px) { /* line 424, page_location.scss */
  #location #lifeinformationSec .mapSec { margin-bottom: 60px; }
  /* line 425, page_location.scss */
  #location #lifeinformationSec .mapSec .enCatch { margin-bottom: 1em; } }
/* line 432, page_location.scss */
#location #lifeinformationSec .lifeinformationText { background: #f0f0f0; padding: 80px 0 80px; }
/* line 433, page_location.scss */
#location #lifeinformationSec .lifeinformationText .inner { display: flex; justify-content: space-between; flex-wrap: wrap; }
/* line 434, page_location.scss */
#location #lifeinformationSec .lifeinformationText .wrap { width: 46%; text-align: left; }
/* line 438, page_location.scss */
#location #lifeinformationSec .lifeinformationText .list:not(:last-child) { margin-bottom: 30px; }
/* line 439, page_location.scss */
#location #lifeinformationSec .lifeinformationText .list .tit { font-size: 20px; -webkit-text-stroke-width: .2px; background: #999; color: #fff; padding: 0 .75em; margin-bottom: .5em; }
/* line 441, page_location.scss */
#location #lifeinformationSec .lifeinformationText .list ul.listWrap li { -webkit-text-stroke-width: .2px; display: flex; justify-content: space-between; flex-wrap: wrap; line-height: 1.8; }
/* line 443, page_location.scss */
#location #lifeinformationSec .lifeinformationText .list ul.listWrap li .min { display: flex; justify-content: flex-end; flex-wrap: wrap; flex-wrap: nowrap; text-align: right; }
/* line 444, page_location.scss */
#location #lifeinformationSec .lifeinformationText .list ul.listWrap li .min span { display: flex; justify-content: space-between; flex-wrap: nowrap !important; white-space: nowrap; }
/* line 445, page_location.scss */
#location #lifeinformationSec .lifeinformationText .list ul.listWrap li .min span em { margin-left: auto; }
/* line 447, page_location.scss */
#location #lifeinformationSec .lifeinformationText .list ul.listWrap li .min span.by { margin-left: auto; }
/* line 448, page_location.scss */
#location #lifeinformationSec .lifeinformationText .list ul.listWrap li .min span.min { width: 42px; }
/* line 451, page_location.scss */
#location #lifeinformationSec .lifeinformationText .list ul.listWrap li .min span.dis { width: 90px; }
/* line 457, page_location.scss */
#location #lifeinformationSec .lifeinformationText .list.list01 .tit { background: #b4b4b4; }
/* line 458, page_location.scss */
#location #lifeinformationSec .lifeinformationText .list.list02 .tit { background: #e0b6a1; }
/* line 459, page_location.scss */
#location #lifeinformationSec .lifeinformationText .list.list03 .tit { background: #a2c9dd; }
/* line 460, page_location.scss */
#location #lifeinformationSec .lifeinformationText .list.list04 .tit { background: #c7bca6; }
/* line 461, page_location.scss */
#location #lifeinformationSec .lifeinformationText .list.list05 .tit { background: #9fc3bd; }
/* line 462, page_location.scss */
#location #lifeinformationSec .lifeinformationText .list.list06 .tit { background: #a5b3cf; }
@media only screen and (max-width: 750px) { /* line 469, page_location.scss */
  #location #lifeinformationSec .lifeinformationText { padding: 60px 0 60px; }
  /* line 470, page_location.scss */
  #location #lifeinformationSec .lifeinformationText .inner { padding: 0 3%; }
  /* line 471, page_location.scss */
  #location #lifeinformationSec .lifeinformationText .wrap { width: 100%; }
  /* line 472, page_location.scss */
  #location #lifeinformationSec .lifeinformationText .wrap:not(:last-child) { margin-bottom: 30px; }
  /* line 477, page_location.scss */
  #location #lifeinformationSec .lifeinformationText .list:not(:last-child) { margin-bottom: 30px; }
  /* line 478, page_location.scss */
  #location #lifeinformationSec .lifeinformationText .list .tit { font-size: 18px; -webkit-text-stroke-width: 0; padding: 0 .75em; margin-bottom: .5em; }
  /* line 480, page_location.scss */
  #location #lifeinformationSec .lifeinformationText .list ul.listWrap li { -webkit-text-stroke-width: 0; font-size: 14px; }
  /* line 482, page_location.scss */
  #location #lifeinformationSec .lifeinformationText .list ul.listWrap li .min { margin-left: auto; }
  /* line 487, page_location.scss */
  #location #lifeinformationSec .lifeinformationText .list ul.listWrap li .min span.min { width: auto; }
  /* line 490, page_location.scss */
  #location #lifeinformationSec .lifeinformationText .list ul.listWrap li .min span.dis { width: auto; } }
