@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 5, page_location.scss */
#location { /*============================
#miraiterrace
============================*/ }
/* line 9, page_location.scss */
#location #mainTitle .ph em { display: flex; justify-content: space-between; flex-wrap: wrap; position: absolute; left: 0; right: 0; margin: auto; z-index: 10; bottom: 10px; }
/* line 10, page_location.scss */
#location #mainTitle .ph em span { width: calc(100% / 3 ); color: #fff; font-size: 10px; letter-spacing: -.025em; text-align: left; padding-left: 15px; }
@media only screen and (max-width: 1023px) { /* line 15, page_location.scss */
  #location #mainTitle .ph em { bottom: 5px; align-items: flex-end; }
  /* line 16, page_location.scss */
  #location #mainTitle .ph em span { font-size: 6.5px; line-height: 1.25; padding-left: 5px; letter-spacing: 0; } }
/* line 22, page_location.scss */
#location .intro { margin-bottom: 80px; }
/* line 24, page_location.scss */
#location .intro .map { width: 90%; margin: 0 auto 50px; /*max-width: 116%; margin: 0 -8% 50px;*/ border: 1px solid #009944; }
/* line 25, page_location.scss */
#location .intro .map2 { width: 58%; margin: 0 auto 50px; border: 1px solid #009944; }
/* line 26, page_location.scss */
#location .intro .btn { width: 380px; height: 60px; margin: 0 auto 60px; font-size: 18px; font-size: 1.125rem; line-height: 1.6875rem; }
/* line 27, page_location.scss */
#location .intro .btn a { display: flex; justify-content: center; align-items: center; height: 100%; background: #009944; color: #fff; position: relative; -webkit-box-shadow: 2px 3px 6px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow: 2px 3px 6px 0px rgba(0, 0, 0, 0.15); box-shadow: 2px 3px 6px 0px rgba(0, 0, 0, 0.15); }
/* line 28, page_location.scss */
#location .intro .btn a i { position: absolute; top: 50%; transform: translateY(-50%); z-index: 10; left: 20px; font-size: 24px; }
/* line 32, page_location.scss */
#location .intro .accessWrap { width: 80%; margin: 0 auto; }
/* line 33, page_location.scss */
#location .intro .accessWrap .t { color: #009944; font-family: "YakuHanJP", "Noto Sans JP", sans-serif; text-align: left; font-size: 18px; margin-bottom: 15px; }
/* line 35, page_location.scss */
#location .intro .accessWrap .access:not(:last-child) { margin-bottom: 50px; }
/* line 40, page_location.scss */
#location .lifeinfo .tit.enG { font-weight: 200; color: #009944; font-size: 32px; font-size: 2rem; line-height: 3rem; margin: 0 auto 25px; }
/* line 41, page_location.scss */
#location .lifeinfo .catch { font-size: 30px; font-size: 1.875rem; line-height: 3rem; padding: 0 0 50px; }
/* line 42, page_location.scss */
#location .lifeinfo ul.pickup { display: flex; justify-content: space-between; flex-wrap: wrap; width: 100%; margin: 0 auto 20px; }
/* line 43, page_location.scss */
#location .lifeinfo ul.pickup::after { content: ""; display: block; width: 49%; }
/* line 44, page_location.scss */
#location .lifeinfo ul.pickup li { width: calc(100% / 4 - 20px); text-align: left; margin-bottom: 3%; }
/* line 46, page_location.scss */
#location .lifeinfo ul.pickup li .read { font-size: 15px; font-size: 0.9375rem; line-height: 1.5rem; margin-top: 15px; letter-spacing: .025em; }
/* line 47, page_location.scss */
#location .lifeinfo ul.pickup li .read em { -webkit-text-stroke-width: .25px; }
/* line 48, page_location.scss */
#location .lifeinfo ul.pickup li .read span { display: block; font-size: 85%; letter-spacing: 0; display: none; }
/* line 49, page_location.scss */
#location .lifeinfo ul.pickup li .read small { font-size: 80%; letter-spacing: 0; margin-left: 5px; }
/* line 53, page_location.scss */
#location .lifeinfo .textList { display: flex; justify-content: space-between; flex-wrap: wrap; width: 100%; margin: 0 auto 150px; text-align: left; }
/* line 54, page_location.scss */
#location .lifeinfo .textList ul { width: 48.5%; /*.c01 { background: #b34b50;}
.c02 { background: #699e62;}
.c03 { background: #d4753e;}
.c04 { background: #1f80ad;}
.c05 { background: #b0875a;}
.c06 { background: #7b646d;}*/ }
/* line 55, page_location.scss */
#location .lifeinfo .textList ul li { display: flex; justify-content: space-between; flex-wrap: wrap; justify-content: flex-start; text-align: left; position: relative; font-size: 14.5px; font-size: 0.90625rem; line-height: 1.359375rem; margin-bottom: .5em; overflow: hidden; }
/* line 56, page_location.scss */
#location .lifeinfo .textList ul li::after { content: ""; width: 100%; height: 0; border-bottom: 1px dashed #c0c0c0; position: absolute; bottom: 10px; left: 2em; }
/* line 57, page_location.scss */
#location .lifeinfo .textList ul li i { width: 20px; height: 20px; display: flex; justify-content: center; align-items: center; border-radius: 100px; color: #fff; line-height: 0; font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 Pr6 W6", "Hiragino Mincho Pro", "HGS明朝E", "メイリオ", "ＭＳ Ｐ明朝", "MS PMincho", Meiryo, serif; letter-spacing: 0; font-size: 90%; margin-right: .5em; display: none; }
/* line 58, page_location.scss */
#location .lifeinfo .textList ul li em, #location .lifeinfo .textList ul li span { background: #fff; position: relative; z-index: 25; letter-spacing: .025em; }
/* line 59, page_location.scss */
#location .lifeinfo .textList ul li em { text-align: left; padding-right: .5%; }
/* line 60, page_location.scss */
#location .lifeinfo .textList ul li em small { font-size: 70%; letter-spacing: 0; margin-left: 5px; }
/* line 62, page_location.scss */
#location .lifeinfo .textList ul li span { text-align: right; padding-left: .5%; margin-left: auto; }
/* line 63, page_location.scss */
#location .lifeinfo .textList ul li span small { font-size: 80%; letter-spacing: 0; }
/* line 65, page_location.scss */
#location .lifeinfo .textList ul li.t { /*color: $mainColor;*/ /*color: $mC;*/ font-weight: bold; /*@include fs(16,1.5);*/ font-size: 107%; margin-bottom: 12px; justify-content: flex-start; padding: 6px 10px 4px; background: rgba(219, 230, 143, 0.75); /*&::before{ content: "■";}*/ }
/* line 66, page_location.scss */
#location .lifeinfo .textList ul li.t::after { content: none; }
/* line 67, page_location.scss */
#location .lifeinfo .textList ul li.t:not(:first-child) { margin-top: 25px; }
/* line 84, page_location.scss */
#location #miraiterrace { background: rgba(219, 230, 143, 0.75); display: flex; justify-content: space-between; flex-wrap: wrap; width: 1000px; margin-bottom: 3em; }
/* line 85, page_location.scss */
#location #miraiterrace .text { width: 62%; text-align: left; padding: 1.75em 2.25em; }
/* line 86, page_location.scss */
#location #miraiterrace .text .tit { font-family: "YakuHanMP", "Shippori Mincho B1", serif; font-size: 28px; font-weight: 600; line-height: 1.5; display: flex; justify-content: space-between; flex-wrap: wrap; justify-content: flex-start; align-items: baseline; margin-bottom: .5em; border-bottom: 1px solid rgba(146, 120, 41, 0.5); padding-bottom: .5em; }
/* line 87, page_location.scss */
#location #miraiterrace .text .tit span { font-size: 55%; }
/* line 88, page_location.scss */
#location #miraiterrace .text .tit em { font-size: 100%; }
/* line 89, page_location.scss */
#location #miraiterrace .text .tit small { font-size: 60%; letter-spacing: 0; margin-left: .5em; }
/* line 91, page_location.scss */
#location #miraiterrace .text .read { text-align: justify; font-size: 15px; }
/* line 92, page_location.scss */
#location #miraiterrace .text ul.listWrap { margin-top: .75em; padding-top: .75em; border-top: 1px dotted #927829; }
/* line 93, page_location.scss */
#location #miraiterrace .text ul.listWrap li { font-size: 13px; line-height: 1.8; display: flex; justify-content: space-between; flex-wrap: wrap; }
/* line 94, page_location.scss */
#location #miraiterrace .text ul.listWrap li span { width: 80px; }
/* line 95, page_location.scss */
#location #miraiterrace .text ul.listWrap li em { width: calc(100% - 85px); }
/* line 96, page_location.scss */
#location #miraiterrace .text ul.listWrap li em small { font-size: 90%; line-height: 1.5; display: block; }
/* line 101, page_location.scss */
#location #miraiterrace .ph { width: 38%; }
@media only screen and (max-width: 1023px) { /* line 5, page_location.scss */
  #location { /*============================
#miraiterrace
============================*/ }
  /* line 109, page_location.scss */
  #location .intro { margin-bottom: 80px; }
  /* line 110, page_location.scss */
  #location .intro .catch.jpH { font-size: 20px; line-height: 1.6; }
  /* line 111, page_location.scss */
  #location .intro .map { width: 98%; margin: 0 auto 30px; }
  /* line 112, page_location.scss */
  #location .intro .map2 { width: 84%; margin: 0 auto 30px; }
  /* line 113, page_location.scss */
  #location .intro .btn { width: 260px; height: 46px; margin: 0 auto 50px; font-size: 15px; font-size: 0.9375rem; line-height: 1.40625rem; }
  /* line 114, page_location.scss */
  #location .intro .btn a { height: 100%; -webkit-box-shadow: 2px 3px 6px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow: 2px 3px 6px 0px rgba(0, 0, 0, 0.15); box-shadow: 2px 3px 6px 0px rgba(0, 0, 0, 0.15); }
  /* line 115, page_location.scss */
  #location .intro .btn a i { position: absolute; top: 50%; transform: translateY(-50%); z-index: 10; left: 20px; font-size: 20px; }
  /* line 119, page_location.scss */
  #location .intro .accessWrap { width: 90%; margin: 0 auto; }
  /* line 120, page_location.scss */
  #location .intro .accessWrap .t { font-size: 18px; margin-bottom: 15px; }
  /* line 121, page_location.scss */
  #location .intro .accessWrap .access { width: 80%; margin: auto; }
  /* line 122, page_location.scss */
  #location .intro .accessWrap .access:last-child { width: 80%; }
  /* line 123, page_location.scss */
  #location .intro .accessWrap .access:not(:last-child) { margin-bottom: 50px; }
  /* line 128, page_location.scss */
  #location .lifeinfo .tit.enG { font-size: 24px; font-size: 1.5rem; line-height: 2.25rem; margin: 0 auto 10px; }
  /* line 129, page_location.scss */
  #location .lifeinfo .catch { font-size: 22px; font-size: 1.375rem; line-height: 2.2rem; padding: 0 0 30px; }
  /* line 130, page_location.scss */
  #location .lifeinfo ul.pickup { width: 93%; margin: 0 auto 30px; }
  /* line 131, page_location.scss */
  #location .lifeinfo ul.pickup li { width: 48%; margin-bottom: 5%; }
  /* line 133, page_location.scss */
  #location .lifeinfo ul.pickup li .read { font-size: 13px; font-size: 0.8125rem; line-height: 1.4625rem; margin-top: 10px; }
  /* line 134, page_location.scss */
  #location .lifeinfo ul.pickup li .read em { -webkit-text-stroke-width: 0px; }
  /* line 135, page_location.scss */
  #location .lifeinfo ul.pickup li .read span { font-size: 85%; line-height: 1.5; }
  /* line 136, page_location.scss */
  #location .lifeinfo ul.pickup li .read small { font-size: 80%; letter-spacing: 0; margin-left: 5px; }
  /* line 140, page_location.scss */
  #location .lifeinfo .textList { width: 90%; margin: 0 auto 60px; }
  /* line 141, page_location.scss */
  #location .lifeinfo .textList ul { width: 100%; margin-bottom: 20px; }
  /* line 143, page_location.scss */
  #location .lifeinfo .textList ul li::after { content: ""; width: 100%; height: 0; border-bottom: 1px dashed #c0c0c0; bottom: 11px; }
  /* line 144, page_location.scss */
  #location .lifeinfo .textList ul li:not(:last-child) { margin-bottom: 8px; }
  /* line 145, page_location.scss */
  #location .lifeinfo .textList ul li i { width: 15px; height: 15px; font-size: 10px; line-height: 0; margin-right: .5em; }
  /* line 146, page_location.scss */
  #location .lifeinfo .textList ul li em, #location .lifeinfo .textList ul li span { font-size: 12px; font-size: 0.75rem; line-height: 1.2rem; }
  /* line 147, page_location.scss */
  #location .lifeinfo .textList ul li em { padding-right: .2em; }
  /* line 148, page_location.scss */
  #location .lifeinfo .textList ul li span { padding-left: .2em; /*width: 100%;*/ }
  /* line 149, page_location.scss */
  #location .lifeinfo .textList ul li.t { font-size: 107%; margin-bottom: 10px; padding: 4px 10px 2px; }
  /* line 150, page_location.scss */
  #location .lifeinfo .textList ul li.t::after { content: none; }
  /* line 151, page_location.scss */
  #location .lifeinfo .textList ul li.t:not(:first-child) { margin-top: 20px; }
  /* line 165, page_location.scss */
  #location #miraiterrace { width: 100%; margin-bottom: 2em; flex-direction: column-reverse; }
  /* line 166, page_location.scss */
  #location #miraiterrace .text { width: 100%; padding: 1.25em 1.25em; }
  /* line 167, page_location.scss */
  #location #miraiterrace .text .tit { font-size: 24px; margin-bottom: .5em; padding-bottom: .5em; justify-content: center; }
  /* line 168, page_location.scss */
  #location #miraiterrace .text .tit span { font-size: 55%; }
  /* line 169, page_location.scss */
  #location #miraiterrace .text .tit em { font-size: 100%; }
  /* line 170, page_location.scss */
  #location #miraiterrace .text .tit small { font-size: 60%; letter-spacing: 0; margin-left: 0em; }
  /* line 172, page_location.scss */
  #location #miraiterrace .text .read { font-size: 14px; }
  /* line 173, page_location.scss */
  #location #miraiterrace .text ul.listWrap { margin-top: .75em; padding-top: .75em; }
  /* line 174, page_location.scss */
  #location #miraiterrace .text ul.listWrap li { font-size: 12px; }
  /* line 175, page_location.scss */
  #location #miraiterrace .text ul.listWrap li span { width: 70px; }
  /* line 176, page_location.scss */
  #location #miraiterrace .text ul.listWrap li em { width: calc(100% - 75px); }
  /* line 177, page_location.scss */
  #location #miraiterrace .text ul.listWrap li em small { font-size: 11px; }
  /* line 182, page_location.scss */
  #location #miraiterrace .ph { width: 100%; height: 0; padding-top: 56.25%; }
  /* line 183, page_location.scss */
  #location #miraiterrace .ph img { position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; margin: auto; z-index: 10; } }
