@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 33, page_location.scss */
#location .intro { margin-bottom: 80px; }
/* line 34, page_location.scss */
#location .intro .catch.jpH { font-size: 28px; line-height: 1.8; /*padding-bottom: .75em;*/ margin-bottom: .0em; }
@media only screen and (max-width: 1023px) { /* line 34, page_location.scss */
  #location .intro .catch.jpH { font-size: 19px; line-height: 1.8; padding: 20px 5% 0; margin-bottom: 1.25em; } }
/* line 37, page_location.scss */
#location .intro .readMain { font-family: "YakuHanMP", "Shippori Mincho B1", serif; font-size: 17px; letter-spacing: 0; line-height: 2.2; margin-bottom: 2em; }
@media only screen and (max-width: 1023px) { /* line 37, page_location.scss */
  #location .intro .readMain { font-size: 15px; line-height: 2; margin-bottom: 1em; text-align: justify; padding: 0 5%; } }
/* line 40, page_location.scss */
#location .intro .map { width: 100%; margin: 0 auto 50px; /*max-width: 116%; margin: 0 -8% 50px;*/ border: 1px solid #717071; }
/* line 41, page_location.scss */
#location .intro .map2 { width: 80%; margin: 0 auto 50px; border: 1px solid #133f4a; }
/* line 42, page_location.scss */
#location .intro .btn { width: 300px; height: 56px; margin: 0 auto 60px; font-size: 18px; font-size: 1.125rem; line-height: 1.6875rem; }
/* line 43, page_location.scss */
#location .intro .btn a { display: flex; justify-content: center; align-items: center; height: 100%; background: #bfae73; 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); font-family: "YakuHanMP", "Shippori Mincho B1", serif; font-size: 16px; padding-left: 1em; }
/* line 44, page_location.scss */
#location .intro .btn a i { position: absolute; top: 50%; transform: translateY(-50%); z-index: 10; left: 20px; font-size: 20px; }
/* line 52, page_location.scss */
#location .accessWrap { width: 100%; margin: 0 auto 5em; background: #133f4a; padding: 40px 0 60px; position: relative; }
@media only screen and (max-width: 1023px) { /* line 52, page_location.scss */
  #location .accessWrap { padding: 30px 0 40px; margin-bottom: 3.5em; } }
/* line 54, page_location.scss */
#location .accessWrap::before, #location .accessWrap::after { content: ""; display: block; position: absolute; width: 380px; height: 600px; mix-blend-mode: multiply; background-size: 100% auto !important; z-index: 0; }
/* line 55, page_location.scss */
#location .accessWrap::before { background: url("../img/common/forest01.png") no-repeat; top: 0; right: 0; }
/* line 56, page_location.scss */
#location .accessWrap::after { background: url("../img/common/forest02.png") no-repeat; bottom: -380px; left: 0; }
@media only screen and (max-width: 1023px) { /* line 52, page_location.scss */
  #location .accessWrap { margin-top: 5px; }
  /* line 58, page_location.scss */
  #location .accessWrap::before, #location .accessWrap::after { width: 250px; height: 500px; }
  /* line 60, page_location.scss */
  #location .accessWrap::after { width: 200px; bottom: -380px; } }
/* line 62, page_location.scss */
#location .accessWrap .innerNrw { position: relative; z-index: 10; }
/* line 63, page_location.scss */
#location .accessWrap .catch { font-family: "YakuHanMP", "Shippori Mincho B1", serif; font-size: 24px; color: #bfae73; letter-spacing: 0; margin: 0 auto 1em; }
@media only screen and (max-width: 1023px) { /* line 63, page_location.scss */
  #location .accessWrap .catch { font-size: 19px; text-align: justify; padding: 0 6.5%; margin: 0 auto 2em; } }
/* line 66, page_location.scss */
#location .accessWrap .t { color: #133f4a; font-family: "YakuHanJP", "Noto Sans JP", sans-serif; text-align: left; font-size: 18px; margin-bottom: 15px; }
/* line 67, page_location.scss */
#location .accessWrap .access { width: 90%; margin: 0 auto; }
/* line 68, page_location.scss */
#location .accessWrap .access:not(:last-child) { margin-bottom: 50px; }
/* line 74, page_location.scss */
#location .lifeinfo { position: relative; z-index: 10; }
/* line 75, page_location.scss */
#location .lifeinfo .tit.enG { font-family: "EB Garamond", serif; color: #bfae73; font-weight: 400; font-size: 32px; font-size: 2rem; line-height: 3rem; margin: 0 auto 1em; }
/* line 76, page_location.scss */
#location .lifeinfo .catch { font-size: 30px; font-size: 1.875rem; line-height: 3rem; padding: 0 0 50px; }
/* line 77, page_location.scss */
#location .lifeinfo ul.pickup { display: flex; justify-content: space-between; flex-wrap: wrap; width: 100%; margin: 0 auto 20px; column-gap: 26px; justify-content: flex-start; }
@media only screen and (max-width: 1023px) { /* line 77, page_location.scss */
  #location .lifeinfo ul.pickup { column-gap: 13px; } }
/* line 79, page_location.scss */
#location .lifeinfo ul.pickup::after { content: ""; display: block; width: 49%; }
/* line 80, page_location.scss */
#location .lifeinfo ul.pickup li { width: calc(100% / 4 - 20px); text-align: left; margin-bottom: 3%; }
/* line 82, page_location.scss */
#location .lifeinfo ul.pickup li .read { font-size: 15px; font-size: 0.9375rem; line-height: 1.5rem; margin-top: .75em; font-family: "YakuHanMP", "Shippori Mincho B1", serif; letter-spacing: 0; }
@media only screen and (max-width: 1023px) { /* line 82, page_location.scss */
  #location .lifeinfo ul.pickup li .read { line-height: 1.6 !important; } }
/* line 84, page_location.scss */
#location .lifeinfo ul.pickup li .read small { font-size: 80%; }
/* line 85, page_location.scss */
#location .lifeinfo ul.pickup li .read em { /*-webkit-text-stroke-width: .25px;*/ }
/* line 86, page_location.scss */
#location .lifeinfo ul.pickup li .read span { display: block; font-size: 85%; display: none; }
/* line 87, page_location.scss */
#location .lifeinfo ul.pickup li .read small { font-size: 80%; margin-left: 5px; }
@media only screen and (max-width: 1023px) { /* line 90, page_location.scss */
  #location .lifeinfo ul.pickup li.fukudaist { width: 100%; }
  /* line 91, page_location.scss */
  #location .lifeinfo ul.pickup li.fukudaist .ph.flexImg { width: 100%; height: 0; padding-top: 40%; }
  /* line 92, page_location.scss */
  #location .lifeinfo ul.pickup li.fukudaist .ph.flexImg img { position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; margin: auto; z-index: 10; } }
/* line 101, 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 102, page_location.scss */
#location .lifeinfo .textList ul { width: 48.5%; font-family: "YakuHanMP", "Shippori Mincho B1", serif; letter-spacing: 0; }
/* line 103, 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 104, 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 105, 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 106, page_location.scss */
#location .lifeinfo .textList ul li em, #location .lifeinfo .textList ul li span { background: #fff; position: relative; z-index: 25; }
/* line 107, page_location.scss */
#location .lifeinfo .textList ul li em { text-align: left; padding-right: .5%; }
/* line 108, page_location.scss */
#location .lifeinfo .textList ul li em small { font-size: 70%; margin-left: 5px; }
/* line 110, page_location.scss */
#location .lifeinfo .textList ul li span { text-align: right; padding-left: .5%; margin-left: auto; }
/* line 111, page_location.scss */
#location .lifeinfo .textList ul li span small { font-size: 80%; }
/* line 113, page_location.scss */
#location .lifeinfo .textList ul li.t { /*color: #fff;*/ /*@include fs(16,1.5);*/ margin-bottom: 12px; justify-content: flex-start; /*padding: 6px 10px 4px;*/ position: relative; padding-left: 1.1em; background: linear-gradient(-90deg, rgba(255, 255, 255, 0.75) 0%, rgba(233, 229, 227, 0.5) 100%); align-items: center; }
/* line 114, page_location.scss */
#location .lifeinfo .textList ul li.t::after { content: none; }
/* line 115, page_location.scss */
#location .lifeinfo .textList ul li.t:not(:first-child) { margin-top: 2em; }
/* line 116, page_location.scss */
#location .lifeinfo .textList ul li.t::before { content: ""; width: 6px; height: 100%; background: linear-gradient(-25deg, rgba(233, 229, 227, 0.75) 0%, white 100%); display: block; position: absolute; top: 0; left: 0; }
/* line 117, page_location.scss */
#location .lifeinfo .textList ul li.t em { font-size: 18px; color: #133f4a; font-weight: 600; -webkit-text-stroke-width: .15px; background: none; padding: .65em 0 .5em; }
/* line 118, page_location.scss */
#location .lifeinfo .textList ul li.t span { font-family: "EB Garamond", serif; font-size: 13px; background: none; color: #bfae73; }
/* line 121, page_location.scss */
#location .lifeinfo .textList ul .c01 { background: #b34b50; }
/* line 122, page_location.scss */
#location .lifeinfo .textList ul .c02 { background: #699e62; }
/* line 123, page_location.scss */
#location .lifeinfo .textList ul .c03 { background: #d4753e; }
/* line 124, page_location.scss */
#location .lifeinfo .textList ul .c04 { background: #1f80ad; }
/* line 125, page_location.scss */
#location .lifeinfo .textList ul .c05 { background: #b0875a; }
/* line 126, page_location.scss */
#location .lifeinfo .textList ul .c06 { background: #7b646d; }
/* line 133, 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 134, page_location.scss */
#location #itolab .text { width: 54%; text-align: left; }
/* line 135, page_location.scss */
#location #itolab .ttl { width: 100%; font-size: 24px; font-family: "YakuHanMP", "Shippori Mincho B1", serif; margin: 0 auto 15px; }
/* line 136, page_location.scss */
#location #itolab .ttl span, #location #itolab .ttl em { display: block; }
/* line 138, page_location.scss */
#location #itolab .ttl em { font-size: 120%; }
/* line 146, page_location.scss */
#location #itolab .ph { width: 42%; /*height: 290px;*/ }
/* line 148, page_location.scss */
#location #itolab .read small { display: block; font-size: 90%; }
@media only screen and (max-width: 1023px) { /* line 158, page_location.scss */
  #location .intro { margin-bottom: 80px; }
  /* line 160, page_location.scss */
  #location .intro .map { width: 98%; margin: 0 auto 30px; }
  /* line 161, page_location.scss */
  #location .intro .map2 { width: 84%; margin: 0 auto 30px; }
  /* line 162, page_location.scss */
  #location .intro .btn { width: 240px; height: 42px; margin: 0 auto 50px; }
  /* line 163, 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 164, page_location.scss */
  #location .intro .btn a i { position: absolute; top: 50%; transform: translateY(-50%); z-index: 10; left: 20px; font-size: 18px; }
  /* line 165, page_location.scss */
  #location .intro .btn a em { font-size: 14px; }
  /* line 168, page_location.scss */
  #location .intro .accessWrap { width: 90%; margin: 0 auto; }
  /* line 169, page_location.scss */
  #location .intro .accessWrap .t { font-size: 18px; margin-bottom: 15px; }
  /* line 170, page_location.scss */
  #location .intro .accessWrap .access { width: 80%; margin: auto; }
  /* line 171, page_location.scss */
  #location .intro .accessWrap .access:last-child { width: 80%; }
  /* line 172, page_location.scss */
  #location .intro .accessWrap .access:not(:last-child) { margin-bottom: 50px; }
  /* line 177, page_location.scss */
  #location .lifeinfo .tit.enG { font-size: 24px; font-size: 1.5rem; line-height: 2.25rem; margin: 0 auto 10px; }
  /* line 178, page_location.scss */
  #location .lifeinfo .catch { font-size: 22px; font-size: 1.375rem; line-height: 2.2rem; padding: 0 0 30px; }
  /* line 179, page_location.scss */
  #location .lifeinfo ul.pickup { width: 93%; margin: 0 auto 30px; }
  /* line 180, page_location.scss */
  #location .lifeinfo ul.pickup li { width: 48%; margin-bottom: 5%; }
  /* line 182, page_location.scss */
  #location .lifeinfo ul.pickup li .read { font-size: 13px; font-size: 0.8125rem; line-height: 1.4625rem; margin-top: 10px; }
  /* line 183, page_location.scss */
  #location .lifeinfo ul.pickup li .read em { /*-webkit-text-stroke-width: 0px;*/ }
  /* line 184, page_location.scss */
  #location .lifeinfo ul.pickup li .read span { font-size: 85%; line-height: 1.5; }
  /* line 185, page_location.scss */
  #location .lifeinfo ul.pickup li .read small { font-size: 80%; margin-left: 5px; }
  /* line 189, page_location.scss */
  #location .lifeinfo .textList { width: 90%; margin: 0 auto 60px; }
  /* line 190, page_location.scss */
  #location .lifeinfo .textList ul { width: 100%; margin-bottom: 20px; }
  /* line 192, page_location.scss */
  #location .lifeinfo .textList ul li::after { content: ""; width: 100%; height: 0; border-bottom: 1px dashed #dfdfdf; bottom: 11px; }
  /* line 193, page_location.scss */
  #location .lifeinfo .textList ul li:not(:last-child) { margin-bottom: 8px; }
  /* line 194, page_location.scss */
  #location .lifeinfo .textList ul li i { width: 15px; height: 15px; font-size: 10px; line-height: 0; margin-right: .5em; }
  /* line 195, page_location.scss */
  #location .lifeinfo .textList ul li em, #location .lifeinfo .textList ul li span { font-size: 13px; font-size: 0.8125rem; line-height: 1.4625rem; letter-spacing: 0; }
  /* line 196, page_location.scss */
  #location .lifeinfo .textList ul li em { padding-right: .5em; font-size: 14px; }
  /* line 197, page_location.scss */
  #location .lifeinfo .textList ul li span { padding-left: .5em; /*width: 100%;*/ }
  /* line 198, page_location.scss */
  #location .lifeinfo .textList ul li.t { margin-bottom: 1em; padding-left: .75em; overflow: visible; }
  /* line 199, page_location.scss */
  #location .lifeinfo .textList ul li.t::after { content: none; }
  /* line 200, page_location.scss */
  #location .lifeinfo .textList ul li.t:not(:first-child) { margin-top: 3em; }
  /* line 201, page_location.scss */
  #location .lifeinfo .textList ul li.t::before { width: 6px; height: 100%; top: 0; left: auto; right: 100%; }
  /* line 202, page_location.scss */
  #location .lifeinfo .textList ul li.t em { font-size: 16px; padding: .6em 0 .6em; }
  /* line 203, page_location.scss */
  #location .lifeinfo .textList ul li.t span { font-size: 13px; } }