@charset "UTF-8";
/* --------------------------------------------------------
 style

-------------------------------------------------------- */
/* line 13, page_location.scss */
#location { /*============================
#itolab
============================*/ /* --------------------------------------------------------------------------------------------- スマホ向け設定
--------------------------------------------------------------------------------------------- */ }
/* line 17, 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 18, page_location.scss */
#location #mainTitle .ph em span { width: calc(100% / 3 ); color: #fff; font-size: 10px; text-align: left; padding-left: 15px; }
@media only screen and (max-width: 1023px) { /* line 23, page_location.scss */
  #location #mainTitle .ph em { bottom: 5px; align-items: flex-end; }
  /* line 24, page_location.scss */
  #location #mainTitle .ph em span { font-size: 6.5px; line-height: 1.25; padding-left: 5px; } }
/* line 30, page_location.scss */
#location .intro { margin-bottom: 80px; }
/* line 32, page_location.scss */
#location .intro .map { width: 100%; margin: 0 auto 50px; /*max-width: 116%; margin: 0 -8% 50px;*/ border: 1px solid #009c7b; }
/* line 33, page_location.scss */
#location .intro .map2 { width: 80%; margin: 0 auto 50px; border: 1px solid #009c7b; }
/* line 34, 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 35, page_location.scss */
#location .intro .btn a { display: flex; justify-content: center; align-items: center; height: 100%; background: #009c7b; 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 36, page_location.scss */
#location .intro .btn a i { position: absolute; top: 50%; transform: translateY(-50%); z-index: 10; left: 20px; font-size: 24px; }
/* line 40, page_location.scss */
#location .intro .accessWrap { width: 80%; margin: 0 auto; }
/* line 41, page_location.scss */
#location .intro .accessWrap .t { color: #009c7b; font-family: "YakuHanJP", "Noto Sans JP", sans-serif; text-align: left; font-size: 18px; margin-bottom: 15px; }
/* line 43, page_location.scss */
#location .intro .accessWrap .access:not(:last-child) { margin-bottom: 50px; }
/* line 48, page_location.scss */
#location .lifeinfo .tit.enG { color: #009c7b; font-size: 32px; font-size: 2rem; line-height: 3rem; margin: 0 auto 25px; }
/* line 49, page_location.scss */
#location .lifeinfo .catch { font-size: 30px; font-size: 1.875rem; line-height: 3rem; padding: 0 0 50px; }
/* line 50, page_location.scss */
#location .lifeinfo ul.pickup { display: flex; justify-content: space-between; flex-wrap: wrap; width: 100%; margin: 0 auto 20px; }
/* line 51, page_location.scss */
#location .lifeinfo ul.pickup::after { content: ""; display: block; width: 49%; }
/* line 52, page_location.scss */
#location .lifeinfo ul.pickup li { width: calc(100% / 4 - 20px); text-align: left; margin-bottom: 3%; }
/* line 54, page_location.scss */
#location .lifeinfo ul.pickup li .read { font-size: 15px; font-size: 0.9375rem; line-height: 1.5rem; margin-top: 15px; }
/* line 55, page_location.scss */
#location .lifeinfo ul.pickup li .read small { font-size: 80%; }
/* line 56, page_location.scss */
#location .lifeinfo ul.pickup li .read em { /*-webkit-text-stroke-width: .25px;*/ }
/* line 57, page_location.scss */
#location .lifeinfo ul.pickup li .read span { display: block; font-size: 85%; display: none; }
/* line 58, page_location.scss */
#location .lifeinfo ul.pickup li .read small { font-size: 80%; margin-left: 5px; }
/* line 62, 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 63, page_location.scss */
#location .lifeinfo .textList ul { width: 48.5%; }
/* line 64, 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 65, page_location.scss */
#location .lifeinfo .textList ul li::after { content: ""; width: 100%; height: 0; border-bottom: 1px dashed #dfdfdf; position: absolute; bottom: 10px; left: 2em; }
/* line 66, 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; font-size: 90%; margin-right: .5em; }
/* line 67, page_location.scss */
#location .lifeinfo .textList ul li em, #location .lifeinfo .textList ul li span { background: #fff; position: relative; z-index: 25; }
/* line 68, page_location.scss */
#location .lifeinfo .textList ul li em { text-align: left; padding-right: .5%; }
/* line 69, page_location.scss */
#location .lifeinfo .textList ul li em small { font-size: 70%; margin-left: 5px; }
/* line 71, page_location.scss */
#location .lifeinfo .textList ul li span { text-align: right; padding-left: .5%; margin-left: auto; }
/* line 72, page_location.scss */
#location .lifeinfo .textList ul li span small { font-size: 80%; }
/* line 74, page_location.scss */
#location .lifeinfo .textList ul li.t { color: #009c7b; /*color: #fff;*/ /*@include fs(16,1.5);*/ font-size: 107%; margin-bottom: 12px; justify-content: flex-start; /*padding: 6px 10px 4px;*/ }
/* line 75, page_location.scss */
#location .lifeinfo .textList ul li.t::after { content: none; }
/* line 76, page_location.scss */
#location .lifeinfo .textList ul li.t:not(:first-child) { margin-top: 25px; }
/* line 77, page_location.scss */
#location .lifeinfo .textList ul li.t::before { content: "■"; margin-right: .15em; }
/* line 81, page_location.scss */
#location .lifeinfo .textList ul .c01 { background: #b34b50; }
/* line 82, page_location.scss */
#location .lifeinfo .textList ul .c02 { background: #699e62; }
/* line 83, page_location.scss */
#location .lifeinfo .textList ul .c03 { background: #d4753e; }
/* line 84, page_location.scss */
#location .lifeinfo .textList ul .c04 { background: #1f80ad; }
/* line 85, page_location.scss */
#location .lifeinfo .textList ul .c05 { background: #b0875a; }
/* line 86, page_location.scss */
#location .lifeinfo .textList ul .c06 { background: #7b646d; }
/* line 93, page_location.scss */
#location #itolab { border: 15px solid rgba(223, 223, 223, 0.4); box-sizing: border-box; padding: 30px 30px; display: flex; justify-content: space-between; flex-wrap: wrap; margin-bottom: 60px; }
/* line 94, page_location.scss */
#location #itolab .text { width: 54%; text-align: left; }
/* line 95, page_location.scss */
#location #itolab .ttl { width: 100%; font-size: 24px; font-family: "YakuHanMP", "Shippori Mincho B1", serif; margin: 0 auto 15px; }
/* line 96, page_location.scss */
#location #itolab .ttl span, #location #itolab .ttl em { display: block; }
/* line 98, page_location.scss */
#location #itolab .ttl em { font-size: 120%; }
/* line 106, page_location.scss */
#location #itolab .ph { width: 42%; /*height: 290px;*/ }
/* line 108, page_location.scss */
#location #itolab .read small { display: block; font-size: 90%; }
@media only screen and (max-width: 1023px) { /* line 13, page_location.scss */
  #location { /*============================
#itolab
============================*/ }
  /* line 118, page_location.scss */
  #location .intro { margin-bottom: 80px; }
  /* line 120, page_location.scss */
  #location .intro .map { width: 98%; margin: 0 auto 30px; }
  /* line 121, page_location.scss */
  #location .intro .map2 { width: 84%; margin: 0 auto 30px; }
  /* line 122, 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 123, 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 124, page_location.scss */
  #location .intro .btn a i { position: absolute; top: 50%; transform: translateY(-50%); z-index: 10; left: 20px; font-size: 20px; }
  /* line 128, page_location.scss */
  #location .intro .accessWrap { width: 90%; margin: 0 auto; }
  /* line 129, page_location.scss */
  #location .intro .accessWrap .t { font-size: 18px; margin-bottom: 15px; }
  /* line 130, page_location.scss */
  #location .intro .accessWrap .access { width: 80%; margin: auto; }
  /* line 131, page_location.scss */
  #location .intro .accessWrap .access:last-child { width: 80%; }
  /* line 132, page_location.scss */
  #location .intro .accessWrap .access:not(:last-child) { margin-bottom: 50px; }
  /* line 137, page_location.scss */
  #location .lifeinfo .tit.enG { font-size: 24px; font-size: 1.5rem; line-height: 2.25rem; margin: 0 auto 10px; }
  /* line 138, page_location.scss */
  #location .lifeinfo .catch { font-size: 22px; font-size: 1.375rem; line-height: 2.2rem; padding: 0 0 30px; }
  /* line 139, page_location.scss */
  #location .lifeinfo ul.pickup { width: 93%; margin: 0 auto 30px; }
  /* line 140, page_location.scss */
  #location .lifeinfo ul.pickup li { width: 48%; margin-bottom: 5%; }
  /* line 142, page_location.scss */
  #location .lifeinfo ul.pickup li .read { font-size: 13px; font-size: 0.8125rem; line-height: 1.4625rem; margin-top: 10px; }
  /* line 143, page_location.scss */
  #location .lifeinfo ul.pickup li .read em { /*-webkit-text-stroke-width: 0px;*/ }
  /* line 144, page_location.scss */
  #location .lifeinfo ul.pickup li .read span { font-size: 85%; line-height: 1.5; }
  /* line 145, page_location.scss */
  #location .lifeinfo ul.pickup li .read small { font-size: 80%; margin-left: 5px; }
  /* line 149, page_location.scss */
  #location .lifeinfo .textList { width: 90%; margin: 0 auto 60px; }
  /* line 150, page_location.scss */
  #location .lifeinfo .textList ul { width: 100%; margin-bottom: 20px; }
  /* line 152, page_location.scss */
  #location .lifeinfo .textList ul li::after { content: ""; width: 100%; height: 0; border-bottom: 1px dashed #dfdfdf; bottom: 11px; }
  /* line 153, page_location.scss */
  #location .lifeinfo .textList ul li:not(:last-child) { margin-bottom: 8px; }
  /* line 154, page_location.scss */
  #location .lifeinfo .textList ul li i { width: 15px; height: 15px; font-size: 10px; line-height: 0; margin-right: .5em; }
  /* line 155, 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 156, page_location.scss */
  #location .lifeinfo .textList ul li em { padding-right: .2em; }
  /* line 157, page_location.scss */
  #location .lifeinfo .textList ul li span { padding-left: .2em; /*width: 100%;*/ }
  /* line 158, page_location.scss */
  #location .lifeinfo .textList ul li.t { font-size: 107%; margin-bottom: 10px; padding: 4px 10px 2px; }
  /* line 159, page_location.scss */
  #location .lifeinfo .textList ul li.t::after { content: none; }
  /* line 160, page_location.scss */
  #location .lifeinfo .textList ul li.t:not(:first-child) { margin-top: 20px; }
  /* line 174, page_location.scss */
  #location #itolab { border: 12px solid rgba(223, 223, 223, 0.4); padding: 20px 20px; margin-bottom: 50px; }
  /* line 175, page_location.scss */
  #location #itolab .text { width: 100%; }
  /* line 176, page_location.scss */
  #location #itolab .ttl { width: 100%; font-size: 18.5px; margin: 0 auto 10px; text-align: center; }
  /* line 179, page_location.scss */
  #location #itolab .ttl em { font-size: 120%; white-space: nowrap; }
  /* line 187, page_location.scss */
  #location #itolab .ph { width: 100%; margin-bottom: 15px; }
  /* line 189, page_location.scss */
  #location #itolab .read small { font-size: 86%; line-height: 1.6; } }