@charset "utf-8";

/* ────────────────────── *
 *                                              *
 * メインビジュアル                             *
 *                                              *
 * ────────────────────── */

#mainvisual img {
    width: 100%;
}

/* ────────────────────── *
 *                                              *
 * コンテンツ                                   *
 *                                              *
 * ────────────────────── */

.contents {
    /*background: #fff;*/
    padding: 100px 0;
    overflow: hidden;
}
.contents .inner {
    width: 1080px;
    margin: 0 auto;
    position: relative;
}
.contents .inner p.txt-intro {
    font-size: 26px;
    line-height: 1.9;
    font-weight: 600;
    text-align: center;
    margin: 0 auto 120px;
}
.contents .inner section.location {
    margin: 0 auto 120px;
    position: relative;
}
.contents .inner section.location h3 {
    padding-bottom: 10px;
    margin: 0 auto 40px;
    border-bottom: 1px solid #000;
}
.contents .inner section.location .flex {
    margin: 0 auto 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.contents .inner section.location .flex .image {
    width: 540px;
}
.contents .inner section.location .flex .txt {
    font-weight: 600;
    width: 500px;
}
.contents .inner section.location .flex .txt dl dt {
    font-size: 26px;
    line-height: 1.3;
    font-weight: 600;
    letter-spacing: -1px;
    font-feature-settings: "palt" 1;
    margin-bottom: 20px;
}
.contents .inner section.location .flex .txt dl dt span.color-pink {
    color: #2badb8;
    color: #9b8671;
}
.contents .inner section.location .flex .txt dl dt span.large {
    font-size: 40px;
}
.contents .inner section.location .flex .txt dl dt span.sub {
    font-size: 15px;
}
.contents .inner section.location .flex .txt dl dt em {
    font-size: 50px;
    font-style: normal;
    color: #2badb8;
    color: #9b8671;
    display: inline-block;
    margin-top: -10px;
}
.contents .inner section.location .flex .txt dl dd {
    font-size: 16px;
    line-height: 1.4375;
    text-align: justify;
}
.contents .inner section.location .flex .txt dl dd p.point {
    font-size: 20px;
    line-height: 1.6;
    margin-bottom: 15px;
}
.contents .inner section.location p.notice {
    font-size: 12px;
    line-height: 1.5;
    font-weight: 400;
    margin-top: 10px;
}

/* ────────────────────── *
 *                                              *
 * 歴史                                         *
 *                                              *
 * ────────────────────── */

.contents #history {
    font-weight: 600;
    background: url("../../location/image/bg-history.jpg") no-repeat center center / cover;
    background: linear-gradient(90deg, #e1d4a4 0%, #f0e5c9 50%, #e1d4a4 100%);
    padding: 80px 0 40px;
    margin: 0 auto 110px;
}
.contents #history .inner h4 {
    padding-bottom: 5px;
    width: 920px;
    margin-bottom: 40px;
    border-bottom: 1px solid #000;
}
.contents #history .inner p#txt-history-title {
    font-size: 28px;
    line-height: 1.45;
    width: 920px;
    margin-bottom: 40px;
}
.contents #history .inner p.image {
    margin-bottom: 40px;
}
.contents #history .inner p.txt {
    font-size: 16px;
    line-height: 1.4375;
    text-align: justify;
}

/* ────────────────────── *
 *                                              *
 * 地図                                         *
 *                                              *
 * ────────────────────── */

.contents .inner p#map {
    text-align: center;
    margin: 0 auto 110px;
}

/* ────────────────────── *
 *                                              *
 * ライフインフォメーション                     *
 *                                              *
 * ────────────────────── */

.contents .inner h5 {
    padding-bottom: 5px;
    margin-bottom: 60px;
    border-bottom: 1px solid #000;
}
.contents .inner #lifeinfo {
    font-weight: 600;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.contents .inner #lifeinfo {
    font-weight: 600;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.contents .inner #lifeinfo .distance {
    width: 510px;
}
.contents .inner #lifeinfo .distance p.category {
    font-size: 19px;
    color: #2badb8;
    color: #9b8671;
    margin-bottom: 20px;
}
.contents .inner #lifeinfo .distance table {
    font-size: 14px;
    line-height: 1.3;
    width: 100%;
    margin-bottom: 40px;
    border-spacing: 0;
}
.contents .inner #lifeinfo .distance table th {
    background: url("../../location/image/bg-table-th.png") repeat-x left bottom 7px;
    font-weight: 600;
    text-align: left;
    vertical-align: top;
    width: 350px;
    padding-bottom: 7px;
    position: relative;
}
.contents .inner #lifeinfo .distance table th span {
    background: #f5f4f2;
    position: relative;
}
.contents .inner #lifeinfo .distance table th span.longtxt {
    white-space: nowrap;
    position: absolute;
}
.contents .inner #lifeinfo .distance table td {
    text-align: right;
    vertical-align: bottom;
    padding-bottom: 7px;
}
.contents .inner #lifeinfo .distance table tr.cycle td {
    white-space: nowrap;
}
.contents .inner #lifeinfo .distance table tr.school td {
    background: none;
    padding: 8px 0 15px;
}
.contents .inner #lifeinfo .distance table td > span {
    background: #f5f4f2;
    padding-left: 5px;
}
.contents .inner #lifeinfo .distance table td span.i1:before {
    content: "0";
    color: #fff;
}
.contents .inner #lifeinfo .distance table td span.i2:before {
    content: "0,";
    color: #fff;
}
.contents .inner #lifeinfo .distance table td span.i3:before {
    content: "0,0";
    color: #fff;
}

/* ────────────────────── *
 *                                              *
 * イラスト                                     *
 *                                              *
 * ────────────────────── */

.contents .inner .illust {
    position: absolute;
}
.contents .inner .illust#illust-01 {
    width: 186px;
    right: calc(100% + 5px);
    top: 240px;
}
.contents .inner .illust#illust-02 {
    width: 164px;
    left: calc(100% + 20px);
    top: 560px;
}
.contents .inner .illust#illust-03 {
    width: 198px;
    right: calc(100% - 5px);
    top: 380px;
}
.contents .inner .illust#illust-04 {
    width: 136px;
    left: calc(100% + 5px);
    top: -50px;
}
.contents .inner .illust#illust-05 {
    width: 178px;
    right: -50px;
    top: 250px;
}
.contents .inner .illust#illust-06 {
    width: 94px;
    right: calc(100% + 10px);
    top: 280px;
}
.contents .inner .illust#illust-07 {
    width: 268px;
    right: -130px;
    bottom: -150px;
}
.contents .inner .illust#illust-08 {
    width: 80px;
    right: calc(100% + 70px);
    top: 60px;
}
.contents .inner .illust#illust-09 {
    width: 102px;
    left: calc(100% + 40px);
    top: 280px;
}
.contents .inner .illust#illust-10 {
    width: 316px;
    right: -140px;
    top: -50px;
}
.contents .inner .illust#illust-11 {
    width: 108px;
    right: calc(100% + 40px);
    top: 40px;
}
.contents .inner .illust#illust-12 {
    width: 106px;
    left: calc(100% + 50px);
    top: 380px;
}