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

-------------------------------------------------------- */
/* line 13, page_concept.scss */
#concept { /*============================
#mainTitle
============================*/ /* --------------------------------------------------------------------------------------------- スマホ向け設定
--------------------------------------------------------------------------------------------- */ /* --------------------------------------------------------------------------------------------- スマホ向け設定
--------------------------------------------------------------------------------------------- */ /* --------------------------------------------------------------------------------------------- スマホ向け設定
--------------------------------------------------------------------------------------------- */ /* --------------------------------------------------------------------------------------------- スマホ向け設定
--------------------------------------------------------------------------------------------- */ /* --------------------------------------------------------------------------------------------- スマホ向け設定
--------------------------------------------------------------------------------------------- */ /* --------------------------------------------------------------------------------------------- スマホ向け設定
--------------------------------------------------------------------------------------------- */ }
/* line 18, page_concept.scss */
#concept #mainTitle { /*position: absolute;*/ /*width: 100%; height: 250px;*/ /* @include grd;*/ /*display: none;*/ margin-bottom: 0; }
/* line 20, page_concept.scss */
#concept #mainTitle h2 span, #concept #mainTitle h2 em { /*color: $sC;*/ }
/* line 22, page_concept.scss */
#concept #mainTitle h2 span::after { /*background: $sC !important;*/ }
/* line 25, page_concept.scss */
#concept #mainTitle .ph { display: none; }
/* line 28, page_concept.scss */
#concept #mainTitle.noImage { /*height: auto; */ /*padding: 30px 0 50px;*/ }
@media only screen and (max-width: 1023px) { /* line 28, page_concept.scss */
  #concept #mainTitle.noImage { /*padding: 20px 0 20px;*/ } }
/* line 29, page_concept.scss */
#concept #mainTitle.noImage h2 { /* @include centerReset; color: $base-font-color;*/ }
/* line 31, page_concept.scss */
#concept #mainTitle.noImage h2 span::after { /* background: $grd;*/ }
/* line 42, page_concept.scss */
#concept .secCmn .innerNrw { display: flex; justify-content: space-between; flex-wrap: wrap; position: relative; z-index: 10; }
/* line 43, page_concept.scss */
#concept .secCmn .innerNrw .text { text-align: left; }
/* line 45, page_concept.scss */
#concept .secCmn .enT { font-family: "EB Garamond", serif; font-size: 26px; color: #9f862e; }
/* line 46, page_concept.scss */
#concept .secCmn .catch { font-family: "YakuHanMP", "Shippori Mincho B1", serif; width: 100%; font-size: 32px; line-height: 1.6; color: #9f862e; margin-bottom: .75em; }
/* line 47, page_concept.scss */
#concept .secCmn .read { text-align: justify; font-family: "YakuHanMP", "Shippori Mincho B1", serif; letter-spacing: 0; line-height: 2.0; }
@media only screen and (max-width: 1023px) { /* line 57, page_concept.scss */
  #concept .secCmn .enT { font-size: 22px; }
  /* line 58, page_concept.scss */
  #concept .secCmn .catch { font-size: 24px; line-height: 1.6; margin-bottom: .75em; }
  /* line 59, page_concept.scss */
  #concept .secCmn .read { font-size: 15px; line-height: 2.0; } }
/* line 66, page_concept.scss */
#concept .introSec { width: 100%; /*@include grd;*/ background: #133f4a; /*margin-top: 10px;*/ }
/* line 67, page_concept.scss */
#concept .introSec ul.listWrap { display: flex; justify-content: space-between; flex-wrap: wrap; padding: 10px 10px; }
/* line 68, page_concept.scss */
#concept .introSec ul.listWrap li { width: calc(100% / 3 - 7px); line-height: 1; }
@media only screen and (max-width: 1023px) { /* line 75, page_concept.scss */
  #concept .introSec { width: 100%; }
  /* line 76, page_concept.scss */
  #concept .introSec ul.listWrap { padding: 10px 10px; padding-bottom: 0; }
  /* line 77, page_concept.scss */
  #concept .introSec ul.listWrap li { width: 49%; line-height: 1; }
  /* line 78, page_concept.scss */
  #concept .introSec ul.listWrap li:not(:last-child) { margin-bottom: 0px; }
  /* line 79, page_concept.scss */
  #concept .introSec ul.listWrap li:nth-of-type(1) { width: 100%; margin-bottom: 6px; } }
/* line 87, page_concept.scss */
#concept .accessSec { background: #133f4a; position: relative; width: 100%; color: #fff; padding: 50px 0 70px; }
/* line 88, page_concept.scss */
#concept .accessSec::before, #concept .accessSec::after { content: ""; display: block; position: absolute; width: 380px; height: 600px; mix-blend-mode: multiply; background-size: 100% auto !important; z-index: 0; }
/* line 89, page_concept.scss */
#concept .accessSec::before { background: url("../img/common/forest01.png") no-repeat; top: 0; right: 0; }
/* line 90, page_concept.scss */
#concept .accessSec::after { background: url("../img/common/forest02.png") no-repeat; bottom: -380px; left: 0; }
/* line 91, page_concept.scss */
#concept .accessSec .innerNrw { align-items: flex-end; }
/* line 92, page_concept.scss */
#concept .accessSec .innerNrw .text { width: calc(100% - 600px); position: relative; }
/* line 93, page_concept.scss */
#concept .accessSec .innerNrw .text .enT { color: #bfae73; }
/* line 94, page_concept.scss */
#concept .accessSec .innerNrw .text .min { font-family: "YakuHanMP", "Shippori Mincho B1", serif; font-weight: 400; font-size: 28px; border-bottom: 1px solid rgba(255, 255, 255, 0.8); width: calc(100% + 20px); margin-bottom: .75em; }
/* line 95, page_concept.scss */
#concept .accessSec .innerNrw .text .min small { font-size: 13px; letter-spacing: 0; }
/* line 97, page_concept.scss */
#concept .accessSec .innerNrw .text .ph { width: 225px; height: 120px; position: absolute; top: 15px; left: 515px; }
/* line 98, page_concept.scss */
#concept .accessSec .innerNrw .text .catch { color: #bfae73; }
/* line 101, page_concept.scss */
#concept .accessSec .innerNrw .map { width: 552px; }
@media only screen and (max-width: 1023px) { /* line 108, page_concept.scss */
  #concept .accessSec { padding: 20px 0 50px; }
  /* line 109, page_concept.scss */
  #concept .accessSec::before, #concept .accessSec::after { width: 250px; height: 500px; }
  /* line 110, page_concept.scss */
  #concept .accessSec::before { top: 0; right: 0; }
  /* line 111, page_concept.scss */
  #concept .accessSec::after { width: 200px; bottom: -380px; left: 0; }
  /* line 112, page_concept.scss */
  #concept .accessSec .innerNrw { align-items: flex-end; }
  /* line 113, page_concept.scss */
  #concept .accessSec .innerNrw .text { width: 100%; padding: 0 6.5%; }
  /* line 115, page_concept.scss */
  #concept .accessSec .innerNrw .text .min { font-size: 26px; width: calc(100% + 0px); margin-bottom: .75em; padding-bottom: .5em; }
  /* line 116, page_concept.scss */
  #concept .accessSec .innerNrw .text .min small { font-size: 13px; display: block; }
  /* line 118, page_concept.scss */
  #concept .accessSec .innerNrw .text .ph { width: 100%; height: 0; padding-top: 56.25%; position: relative; top: auto; left: auto; bottom: auto; right: auto; transform: none; margin-bottom: 1em; }
  /* line 119, page_concept.scss */
  #concept .accessSec .innerNrw .text .ph img { position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; margin: auto; z-index: 10; }
  /* line 124, page_concept.scss */
  #concept .accessSec .innerNrw .map { width: 96%; margin: 1em auto 0; } }
/* line 131, page_concept.scss */
#concept .locationSec { width: 100%; padding: 70px 0 60px; position: relative; }
/* line 132, page_concept.scss */
#concept .locationSec::before, #concept .locationSec::after { content: ""; display: block; position: absolute; width: 300px; height: 600px; mix-blend-mode: multiply; background-size: 100% auto !important; z-index: 0; }
/* line 133, page_concept.scss */
#concept .locationSec::before { background: url("../img/common/forest04.png") no-repeat; bottom: -380px; right: 0; opacity: .6; }
/* line 134, page_concept.scss */
#concept .locationSec::after { background: url("../img/common/forest03.png") no-repeat; bottom: -380px; left: 0; display: none; }
/* line 135, page_concept.scss */
#concept .locationSec .innerNrw { align-items: flex-end; }
/* line 136, page_concept.scss */
#concept .locationSec .innerNrw .text { width: calc(100% - 500px); }
/* line 137, page_concept.scss */
#concept .locationSec .innerNrw .text .enT, #concept .locationSec .innerNrw .text .catch, #concept .locationSec .innerNrw .text .read { filter: drop-shadow(0px 0px 2px white) drop-shadow(0px 0px 5px white); }
/* line 138, page_concept.scss */
#concept .locationSec .innerNrw .text .enT { border-bottom: 1px solid rgba(0, 0, 0, 0.25); margin-bottom: .5em; padding-bottom: .25em; }
/* line 142, page_concept.scss */
#concept .locationSec .innerNrw .phMain { width: 450px; position: relative; }
/* line 143, page_concept.scss */
#concept .locationSec .innerNrw .phMain .ph { width: 100%; height: 0; padding-top: 60%; }
/* line 144, page_concept.scss */
#concept .locationSec .innerNrw .phMain .ph img { position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; margin: auto; z-index: 10; }
/* line 146, page_concept.scss */
#concept .locationSec .innerNrw .phMain .cap { font-family: "YakuHanMP", "Shippori Mincho B1", serif; font-size: 14px; letter-spacing: 0; margin-top: .5em; text-align: right; position: absolute; right: 0; top: calc(100% + 0em); }
/* line 148, page_concept.scss */
#concept .locationSec .innerNrw ul.phWrap { margin: 4em auto 0; display: flex; justify-content: space-between; flex-wrap: wrap; width: 100%; }
/* line 149, page_concept.scss */
#concept .locationSec .innerNrw ul.phWrap li { width: calc(100% / 3 - 30px); }
/* line 150, page_concept.scss */
#concept .locationSec .innerNrw ul.phWrap li .ph { width: 100%; height: 0; padding-top: 60%; }
/* line 151, page_concept.scss */
#concept .locationSec .innerNrw ul.phWrap li .ph img { position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; margin: auto; z-index: 10; }
/* line 153, page_concept.scss */
#concept .locationSec .innerNrw ul.phWrap li .cap { font-family: "YakuHanMP", "Shippori Mincho B1", serif; font-size: 15px; letter-spacing: 0; line-height: 1.6; margin-top: .75em; }
/* line 154, page_concept.scss */
#concept .locationSec .innerNrw ul.phWrap li .cap span { font-size: 86%; letter-spacing: 0; line-height: 1.5; }
/* line 158, page_concept.scss */
#concept .locationSec .innerNrw .cmnBtn { margin-top: 2.5em; }
/* line 163, page_concept.scss */
#concept .locationSec .innerNrw .cmnBtn .map { position: relative; }
@media only screen and (max-width: 1023px) { /* line 171, page_concept.scss */
  #concept .locationSec { width: 100%; padding: 40px 0 50px; }
  /* line 172, page_concept.scss */
  #concept .locationSec::before, #concept .locationSec::after { width: 250px; height: 500px; }
  /* line 173, page_concept.scss */
  #concept .locationSec::before { bottom: -380px; right: 0; opacity: .6; }
  /* line 174, page_concept.scss */
  #concept .locationSec::after { bottom: -380px; left: 0; display: none; }
  /* line 176, page_concept.scss */
  #concept .locationSec .innerNrw .text { width: 100%; padding: 0 6.5%; }
  /* line 177, page_concept.scss */
  #concept .locationSec .innerNrw .text .enT, #concept .locationSec .innerNrw .text .catch, #concept .locationSec .innerNrw .text .read { filter: drop-shadow(0px 0px 2px white) drop-shadow(0px 0px 4px white); }
  /* line 178, page_concept.scss */
  #concept .locationSec .innerNrw .text .enT { margin-bottom: .5em; padding-bottom: .25em; }
  /* line 182, page_concept.scss */
  #concept .locationSec .innerNrw .phMain { width: 100%; margin-top: 1.5em; }
  /* line 183, page_concept.scss */
  #concept .locationSec .innerNrw .phMain .ph { padding-top: 60%; }
  /* line 186, page_concept.scss */
  #concept .locationSec .innerNrw .phMain .cap { font-size: 14px; margin-top: .5em; text-align: right; position: relative; top: auto; left: auto; bottom: auto; right: auto; transform: none; padding: 0 5%; }
  /* line 188, page_concept.scss */
  #concept .locationSec .innerNrw ul.phWrap { margin: 2em auto 0; width: 100%; padding: 0 5%; }
  /* line 189, page_concept.scss */
  #concept .locationSec .innerNrw ul.phWrap li { width: calc(100% / 2 - 6px); }
  /* line 190, page_concept.scss */
  #concept .locationSec .innerNrw ul.phWrap li:nth-of-type(1) { order: 1; }
  /* line 191, page_concept.scss */
  #concept .locationSec .innerNrw ul.phWrap li:nth-of-type(2) { order: 2; }
  /* line 193, page_concept.scss */
  #concept .locationSec .innerNrw ul.phWrap li:nth-of-type(1) .cap, #concept .locationSec .innerNrw ul.phWrap li:nth-of-type(2) .cap { font-size: 14px; }
  /* line 195, page_concept.scss */
  #concept .locationSec .innerNrw ul.phWrap li:nth-of-type(3) { order: 0; width: 100%; margin-bottom: 1em; }
  /* line 196, page_concept.scss */
  #concept .locationSec .innerNrw ul.phWrap li .ph { width: 100%; height: 0; padding-top: 60%; }
  /* line 199, page_concept.scss */
  #concept .locationSec .innerNrw ul.phWrap li .cap { font-size: 15px; line-height: 1.5; margin-top: .75em; }
  /* line 200, page_concept.scss */
  #concept .locationSec .innerNrw ul.phWrap li .cap span { font-size: 86%; line-height: 1.5; }
  /* line 204, page_concept.scss */
  #concept .locationSec .innerNrw .cmnBtn { margin-top: 2em; } }
/* line 217, page_concept.scss */
#concept .planSec { width: 100%; background: linear-gradient(-25deg, rgba(233, 229, 227, 0.75) 0%, white 100%); padding: 70px 0 60px; }
/* line 219, page_concept.scss */
#concept .planSec .innerNrw .text { width: 420px; position: absolute; top: -30px; left: 0; }
/* line 221, page_concept.scss */
#concept .planSec .innerNrw .text .catch { color: inherit; /*@include flexCenter;*/ border-block: 1px solid rgba(0, 0, 0, 0.5); margin-block: .5em; padding-block: .75em; }
/* line 222, page_concept.scss */
#concept .planSec .innerNrw .text .catch small { font-size: 16px; }
/* line 225, page_concept.scss */
#concept .planSec .innerNrw .map { width: 93%; margin: 2em auto 0; }
/* line 226, page_concept.scss */
#concept .planSec .innerNrw .map .wrapper { width: 100%; position: relative; }
/* line 227, page_concept.scss */
#concept .planSec .innerNrw .map .wrapper .ic { position: absolute; height: 0; width: 4.5%; padding-top: 4.5%; line-height: 0; z-index: 10; }
/* line 228, page_concept.scss */
#concept .planSec .innerNrw .map .wrapper .ic img { position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; margin: auto; z-index: 10; z-index: 0; }
/* line 229, page_concept.scss */
#concept .planSec .innerNrw .map .wrapper .ic a { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 1; }
/* line 230, page_concept.scss */
#concept .planSec .innerNrw .map .wrapper .ic.ic9 { top: 28.9%; left: 89.9%; }
/* line 231, page_concept.scss */
#concept .planSec .innerNrw .map .wrapper .ic.ic10 { top: 36.9%; left: 89.7%; }
/* line 232, page_concept.scss */
#concept .planSec .innerNrw .map .wrapper .ic.ic11 { top: 45.3%; left: 89.6%; }
/* line 233, page_concept.scss */
#concept .planSec .innerNrw .map .wrapper .ic.ic28 { top: 54.8%; left: 31.2%; }
/* line 234, page_concept.scss */
#concept .planSec .innerNrw .map .wrapper .ic.ic30 { top: 44.9%; left: 37.6%; }
/* line 235, page_concept.scss */
#concept .planSec .innerNrw .map .wrapper .ic.ic36 { top: 29.6%; left: 62.2%; }
/* line 236, page_concept.scss */
#concept .planSec .innerNrw .map .wrapper .ic.ic41 { top: 48%; left: 61.8%; }
/* line 237, page_concept.scss */
#concept .planSec .innerNrw .map .wrapper .ic.ic42 { top: 44.8%; left: 57.1%; }
/* line 238, page_concept.scss */
#concept .planSec .innerNrw .map .wrapper .ic.ic43 { top: 42.0%; left: 52.4%; }
/* line 239, page_concept.scss */
#concept .planSec .innerNrw .map .wrapper .ic.ic45 { top: 29.7%; left: 75.8%; }
/* line 240, page_concept.scss */
#concept .planSec .innerNrw .map .wrapper .ic.ic48 { top: 57.6%; left: 75.8%; }
/* line 241, page_concept.scss */
#concept .planSec .innerNrw .map .wrapper .ic.ic50 { top: 52.8%; left: 81.3%; }
/* line 245, page_concept.scss */
#concept .planSec .innerNrw .cmnBtn { margin-top: 3.5em; }
@media only screen and (max-width: 1023px) { /* line 257, page_concept.scss */
  #concept .planSec { width: 100%; padding: 30px 0 40px; margin-bottom: 6px; }
  /* line 259, page_concept.scss */
  #concept .planSec .innerNrw .text { width: 100%; position: relative; top: auto; left: auto; bottom: auto; right: auto; transform: none; padding: 0 6.5%; }
  /* line 261, page_concept.scss */
  #concept .planSec .innerNrw .text .catch { margin-block: .5em; padding-block: .75em; }
  /* line 263, page_concept.scss */
  #concept .planSec .innerNrw .map { width: 100%; margin-top: 1em; }
  /* line 265, page_concept.scss */
  #concept .planSec .innerNrw .map .wrapper .ic { width: 6%; padding-top: 6%; }
  /* line 266, page_concept.scss */
  #concept .planSec .innerNrw .map .wrapper .ic img { position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; margin: auto; z-index: 10; z-index: 0; }
  /* line 267, page_concept.scss */
  #concept .planSec .innerNrw .map .wrapper .ic a { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 1; }
  /* line 268, page_concept.scss */
  #concept .planSec .innerNrw .map .wrapper .ic.ic9 { top: 24.2%; left: 88.3%; }
  /* line 269, page_concept.scss */
  #concept .planSec .innerNrw .map .wrapper .ic.ic10 { top: 31%; left: 88.3%; }
  /* line 270, page_concept.scss */
  #concept .planSec .innerNrw .map .wrapper .ic.ic11 { top: 38.1%; left: 88.1%; }
  /* line 271, page_concept.scss */
  #concept .planSec .innerNrw .map .wrapper .ic.ic28 { top: 46.0%; left: 10.2%; }
  /* line 272, page_concept.scss */
  #concept .planSec .innerNrw .map .wrapper .ic.ic30 { top: 37.7%; left: 18.8%; }
  /* line 273, page_concept.scss */
  #concept .planSec .innerNrw .map .wrapper .ic.ic36 { top: 24.9%; left: 50.8%; }
  /* line 274, page_concept.scss */
  #concept .planSec .innerNrw .map .wrapper .ic.ic41 { top: 40.2%; left: 50.8%; }
  /* line 275, page_concept.scss */
  #concept .planSec .innerNrw .map .wrapper .ic.ic42 { top: 37.6%; left: 44.7%; }
  /* line 276, page_concept.scss */
  #concept .planSec .innerNrw .map .wrapper .ic.ic43 { top: 35.3%; left: 38.3%; }
  /* line 277, page_concept.scss */
  #concept .planSec .innerNrw .map .wrapper .ic.ic45 { top: 25%; left: 69.5%; }
  /* line 278, page_concept.scss */
  #concept .planSec .innerNrw .map .wrapper .ic.ic48 { top: 48.5%; left: 69.4%; }
  /* line 279, page_concept.scss */
  #concept .planSec .innerNrw .map .wrapper .ic.ic50 { top: 44.3%; left: 76.9%; }
  /* line 283, page_concept.scss */
  #concept .planSec .innerNrw .cmnBtn { margin-top: 2.5em; } }