@charset "UTF-8";
/* line 19, location.scss */
#accessSec { background: #6589a0; padding: 3em 0 3em; border-bottom-left-radius: 80px; overflow: hidden; margin-top: 3em; position: relative; }
/* line 20, location.scss */
#accessSec .wrap { color: #fff; position: relative; z-index: 5; }
/* line 21, location.scss */
#accessSec .wrap .catch { font-size: 36px; margin-bottom: .5em; }
/* line 22, location.scss */
#accessSec .wrap .read { font-size: 17px; line-height: 2.2; text-align: center; }
/* line 23, location.scss */
#accessSec .wrap .ph { width: 91%; margin: 2em auto 2em; }
/* line 24, location.scss */
#accessSec .wrap .cap { width: 91%; margin: auto; text-align: center; }
/* line 26, location.scss */
#accessSec .bgPhWrap { width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap; position: absolute; left: 50%; transform: translateX(-50%); z-index: 10; top: 0; z-index: 0; }
/* line 27, location.scss */
#accessSec .bgPhWrap::before { content: ""; background: linear-gradient(0deg, #6589a0 0%, rgba(226, 234, 240, 0) 100%); position: absolute; bottom: 0; left: 0; width: 100%; height: 120px; z-index: 1; }
/* line 28, location.scss */
#accessSec .bgPhWrap .ph { width: 50%; opacity: .15; }

@media only screen and (max-width: 750px) { /* line 35, location.scss */
  #accessSec { padding: 2em 0 2em; border-bottom-left-radius: 40px; margin-top: 3em; }
  /* line 37, location.scss */
  #accessSec .wrap .catch { font-size: 22px; margin-bottom: 1em; }
  /* line 38, location.scss */
  #accessSec .wrap .read { font-size: 16px; line-height: 1.8; text-align: justify; padding: 0 6.5%; }
  /* line 39, location.scss */
  #accessSec .wrap .ph { width: 90%; margin: 2em auto 2em; }
  /* line 40, location.scss */
  #accessSec .wrap .cap { width: 100%; text-align: justify; line-height: 1.5; padding: 0 6.5%; }
  /* line 42, location.scss */
  #accessSec .bgPhWrap { height: 250px; }
  /* line 43, location.scss */
  #accessSec .bgPhWrap::before { height: 60px; }
  /* line 44, location.scss */
  #accessSec .bgPhWrap .ph { width: 50%; } }
/* line 52, location.scss */
#lifeinfoPointSec { max-width: 1100px; margin-top: 4em; }
@media only screen and (max-width: 750px) { /* line 52, location.scss */
  #lifeinfoPointSec { max-width: 100%; margin-top: 4em; } }
/* line 57, location.scss */
#lifeinfoPointSec .lifeinfoPoint:not(:last-child) { margin-bottom: 3em; }
/* line 58, location.scss */
#lifeinfoPointSec .lifeinfoPoint .tit { display: flex; justify-content: flex-start; flex-wrap: wrap; align-items: baseline; margin-bottom: 1.5em; }
/* line 59, location.scss */
#lifeinfoPointSec .lifeinfoPoint .tit span { font-family: "OptimaNovaLTPro-Light"; font-size: 25px; line-height: 1.6; color: #fff; background: #999; border-top-right-radius: 15px; padding: .15em 1.0em .0em; margin-right: 1em; }
/* line 60, location.scss */
#lifeinfoPointSec .lifeinfoPoint .tit em { font-size: 28px; }
/* line 62, location.scss */
#lifeinfoPointSec .lifeinfoPoint.lifeinfoPoint01 .tit span { background: #64a7ad; }
/* line 63, location.scss */
#lifeinfoPointSec .lifeinfoPoint.lifeinfoPoint02 .tit span { background: #cc9391; }
/* line 64, location.scss */
#lifeinfoPointSec .lifeinfoPoint.lifeinfoPoint03 .tit span { background: #72aa8f; }
/* line 65, location.scss */
#lifeinfoPointSec .lifeinfoPoint ul.listWrap { display: flex; justify-content: space-between; flex-wrap: wrap; }
/* line 66, location.scss */
#lifeinfoPointSec .lifeinfoPoint ul.listWrap li { width: calc(100% / 3 - 20px); }
/* line 67, location.scss */
#lifeinfoPointSec .lifeinfoPoint ul.listWrap li .phSec { position: relative; }
/* line 68, location.scss */
#lifeinfoPointSec .lifeinfoPoint ul.listWrap li .phSec .t { position: absolute; bottom: 0; left: 0; z-index: 10; font-size: 18px; color: #fff; background: rgba(19, 79, 108, 0.7); padding: .15em 1.5em .25em .75em; clip-path: polygon(0 0, calc(100% - 15px) 0%, 100% 100%, 0% 100%); }
/* line 69, location.scss */
#lifeinfoPointSec .lifeinfoPoint ul.listWrap li .phSec .ph { width: 100%; height: 100%; }
/* line 71, location.scss */
#lifeinfoPointSec .lifeinfoPoint ul.listWrap li .cap { font-size: 16px; line-height: 1.6; margin-top: .75em; letter-spacing: 0; }
/* line 72, location.scss */
#lifeinfoPointSec .lifeinfoPoint ul.listWrap li .cap small { font-size: 11.5px; line-height: 1.6; text-align: justify; display: block; word-break: break-all; padding-left: 1em; position: relative; margin-top: .25em; }
/* line 73, location.scss */
#lifeinfoPointSec .lifeinfoPoint ul.listWrap li .cap small::before { content: "※"; position: absolute; top: 0; left: 0; }
@media only screen and (max-width: 750px) { /* line 104, location.scss */
  #lifeinfoPointSec .lifeinfoPoint { padding: 0 1.5em; }
  /* line 105, location.scss */
  #lifeinfoPointSec .lifeinfoPoint:not(:last-child) { margin-bottom: 3em; }
  /* line 106, location.scss */
  #lifeinfoPointSec .lifeinfoPoint .tit { margin-bottom: 1.5em; }
  /* line 107, location.scss */
  #lifeinfoPointSec .lifeinfoPoint .tit span { font-size: 22px; line-height: 1.6; border-top-right-radius: 15px; padding: .15em 1.5em .0em; margin-right: 1em; margin-bottom: .5em; margin-left: -1.5em; }
  /* line 108, location.scss */
  #lifeinfoPointSec .lifeinfoPoint .tit em { font-size: 22px; line-height: 1.8; text-align: justify; }
  /* line 111, location.scss */
  #lifeinfoPointSec .lifeinfoPoint ul.listWrap li { width: 100%; }
  /* line 112, location.scss */
  #lifeinfoPointSec .lifeinfoPoint ul.listWrap li:not(:last-child) { margin-bottom: 2em; }
  /* line 114, location.scss */
  #lifeinfoPointSec .lifeinfoPoint ul.listWrap li .phSec .t { font-size: 16px; padding: .15em 1.5em .25em .75em; clip-path: polygon(0 0, calc(100% - 12px) 0%, 100% 100%, 0% 100%); }
  /* line 118, location.scss */
  #lifeinfoPointSec .lifeinfoPoint ul.listWrap li .cap { font-size: 15px; line-height: 1.6; margin-top: .75em; }
  /* line 119, location.scss */
  #lifeinfoPointSec .lifeinfoPoint ul.listWrap li .cap small { font-size: 11px; line-height: 1.5; margin-top: .5em; } }

/* line 244, location.scss */
#lifeInfoSec { margin-top: 150px; display: flex; justify-content: space-between; flex-wrap: wrap; }
/* line 245, location.scss */
#lifeInfoSec .tit { margin: 0 auto 2em; }
/* line 246, location.scss */
#lifeInfoSec .tit span, #lifeInfoSec .tit em { display: block; }
/* line 247, location.scss */
#lifeInfoSec .tit span { font-family: "OptimaNovaLTPro-Light"; font-size: 42px; line-height: 1.6; color: #6589a0; }
/* line 248, location.scss */
#lifeInfoSec .tit em { font-size: 30px; line-height: 1.6; }
/* line 250, location.scss */
#lifeInfoSec .mapWrap { margin-bottom: 3em; }

@media only screen and (max-width: 750px) { /* line 266, location.scss */
  #lifeInfoSec { margin-top: 5em; }
  /* line 267, location.scss */
  #lifeInfoSec .tit { margin: 0 auto 2em; }
  /* line 269, location.scss */
  #lifeInfoSec .tit span { font-size: 36px; line-height: 1.6; }
  /* line 270, location.scss */
  #lifeInfoSec .tit em { font-size: 24px; line-height: 1.6; }
  /* line 272, location.scss */
  #lifeInfoSec .mapWrap { margin-bottom: 3em; } }
/* line 289, location.scss */
.lifeInfoWrap { width: 48.5%; }

/* line 290, location.scss */
.sec { margin-top: 50px; }
/* line 291, location.scss */
.sec table { width: 100%; --tdW1: 70px; --tdW2: 85px; --tdW3: 70px; --tdW4: 85px; }
/* line 296, location.scss */
.sec table tr { position: relative; display: flex; justify-content: space-between; flex-wrap: wrap; justify-content: flex-start; overflow: hidden; }
/* line 297, location.scss */
.sec table tr::before { content: ""; width: 1000%; height: 1px; border-bottom: 1px dotted rgba(0, 0, 0, 0.5); position: absolute; top: .85em; left: 0; z-index: 0; left: 0%; }
/* line 298, location.scss */
.sec table tr th, .sec table tr td { font-size: 14px; line-height: 1.5; font-weight: inherit; position: relative; z-index: 1; box-sizing: border-box; padding: .25em 0; }
/* line 299, location.scss */
.sec table tr th { width: calc(100% - var(--tdW1) - var(--tdW2) - var(--tdW3) - var(--tdW4) - 14px); text-align: left; margin-right: auto; }
/* line 300, location.scss */
.sec table tr th p { background: #fff; position: relative; display: inline; padding-right: 3px; letter-spacing: 0; }
/* line 301, location.scss */
.sec table tr th p small { font-size: 80%; line-height: 1.5; display: inline-block; position: relative; }
/* line 304, location.scss */
.sec table tr td { background: #fff; box-sizing: border-box; white-space: nowrap; letter-spacing: 0; /* padding-inline: .5em;*/ }
/* line 305, location.scss */
.sec table tr td:nth-of-type(1) { width: var(--tdW1); text-align: left; position: relative; }
/* line 306, location.scss */
.sec table tr td:nth-of-type(1)::before { content: ""; width: 3px; height: 100%; background: #fff; position: absolute; top: 0px; right: calc(100% + 0px); }
/* line 309, location.scss */
.sec table tr td:nth-of-type(2) { width: var(--tdW2); text-align: left; }
/* line 310, location.scss */
.sec table tr td:nth-of-type(3) { width: var(--tdW3); text-align: left; }
/* line 311, location.scss */
.sec table tr td:nth-of-type(4) { width: var(--tdW4); text-align: left; }
/* line 315, location.scss */
.sec table tr.tdcols2 td:nth-of-type(1) { width: calc(var(--tdW1) + var(--tdW2)); text-align: left; }
/* line 316, location.scss */
.sec table tr.tdcols2 td:nth-of-type(2) { width: calc(var(--tdW1) + var(--tdW4)); text-align: left; }
/* line 321, location.scss */
.sec table thead tr { /*padding-bottom: 6px;*/ overflow: visible; }
/* line 322, location.scss */
.sec table thead tr::before { content: none; }
/* line 323, location.scss */
.sec table thead tr th { /*width: auto;*/ }
/* line 324, location.scss */
.sec table thead tr th .t { line-height: 1.5; position: relative; display: flex; justify-content: flex-end; flex-wrap: wrap; flex-direction: row-reverse; align-items: baseline; margin-top: -.5em; }
/* line 325, location.scss */
.sec table thead tr th .t span.en { color: #6589a0; font-size: 14px; white-space: nowrap; letter-spacing: .075em; margin-left: 1.5em; /*position: absolute; bottom: calc(100% + 5px); left: 0;*/ }
/* line 326, location.scss */
.sec table thead tr th .t em { font-family: "FOT-筑紫明朝 Pr6N D"; font-size: 20px; position: relative; padding-left: 1em; }
/* line 327, location.scss */
.sec table thead tr th .t em::before { content: "■"; font-size: 80%; position: absolute; top: .25em; left: 0; color: rgba(0, 0, 0, 0.35); }
/* line 331, location.scss */
.sec table thead tr td { /*@include flexCol;*/ }
/* line 332, location.scss */
.sec table thead tr td .eC, .sec table thead tr td .wC { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; color: #fff; font-family: "OptimaNovaLTPro-Light"; font-size: 15px; line-height: 1.5; padding: .15em 0 0; margin-top: auto; width: 96%; box-sizing: border-box; margin-bottom: 6px; }
/* line 333, location.scss */
.sec table thead tr td .eC { background: #5b8397; }
/* line 334, location.scss */
.sec table thead tr td .wC { background: #a5996e; }
/* line 335, location.scss */
.sec table thead tr td:nth-of-type(1) { width: calc(var(--tdW1) + var(--tdW2)); }
/* line 336, location.scss */
.sec table thead tr td:nth-of-type(2) { width: calc(var(--tdW1) + var(--tdW4)); }

@media only screen and (max-width: 750px) { /* line 351, location.scss */
  .lifeInfoWrap { width: 100%; padding: 0 10px; }
  /* line 352, location.scss */
  .sec { margin-top: 50px; }
  /* line 353, location.scss */
  .sec.sec01 { margin-top: 30px; }
  /* line 354, location.scss */
  .sec table { width: 100%; --tdW1: 23%; --tdW2: 27%; --tdW3: 23%; --tdW4: 27%; }
  /* line 359, location.scss */
  .sec table tr { display: flex; justify-content: space-between; flex-wrap: wrap; justify-content: flex-start; overflow: hidden; }
  /* line 360, location.scss */
  .sec table tr::before { content: ""; top: 1.75em; }
  /* line 361, location.scss */
  .sec table tr th, .sec table tr td { font-size: 14px; line-height: 1.6; padding: 0em 0; }
  /* line 362, location.scss */
  .sec table tr th { width: 100%; margin-right: 0; padding: 1em 0 .25em; }
  /* line 363, location.scss */
  .sec table tr th p { font-size: 15px; background: #fff; position: relative; display: inline; padding-right: .5em; letter-spacing: 0; }
  /* line 364, location.scss */
  .sec table tr th p small { font-size: 80%; line-height: 1.5; display: inline-block; position: relative; }
  /* line 367, location.scss */
  .sec table tr td { background: #fff; box-sizing: border-box; white-space: nowrap; letter-spacing: 0; }
  /* line 368, location.scss */
  .sec table tr td:nth-of-type(1) { width: var(--tdW1); text-align: right; }
  /* line 369, location.scss */
  .sec table tr td:nth-of-type(2) { width: var(--tdW2); }
  /* line 370, location.scss */
  .sec table tr td:nth-of-type(3) { width: var(--tdW3); text-align: right; border-left: 1px solid #d2d2d2; }
  /* line 371, location.scss */
  .sec table tr td:nth-of-type(4) { width: var(--tdW4); }
  /* line 375, location.scss */
  .sec table tr.tdcols2 td:nth-of-type(1) { width: 50%; text-align: center; }
  /* line 376, location.scss */
  .sec table tr.tdcols2 td:nth-of-type(2) { width: 50%; text-align: center; border-left: 1px solid #d2d2d2; }
  /* line 381, location.scss */
  .sec table thead tr { padding-bottom: 6px; overflow: visible; }
  /* line 382, location.scss */
  .sec table thead tr::before { content: none; }
  /* line 383, location.scss */
  .sec table thead tr th { margin-bottom: 10px; }
  /* line 385, location.scss */
  .sec table thead tr th .t span.en { font-size: 16px; position: relative; top: auto; left: auto; bottom: auto; right: auto; transform: none; margin-right: .5em; }
  /* line 386, location.scss */
  .sec table thead tr th .t em { font-size: 20px; display: inline-block; }
  /* line 390, location.scss */
  .sec table thead tr td .eC, .sec table thead tr td .wC { font-size: 15px; line-height: 1.5; padding: .15em 0 0; margin-top: auto; margin-bottom: -.5em; width: 96%; }
  /* line 392, location.scss */
  .sec table thead tr td .wC { margin-left: auto; }
  /* line 393, location.scss */
  .sec table thead tr td:nth-of-type(1) { width: 50%; }
  /* line 394, location.scss */
  .sec table thead tr td:nth-of-type(2) { width: 50%; } }