/*  wrap
---------------------------------------- */
.wrap, .wrap--1380 {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: auto;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (min-width: 768px) {
  .wrap, .wrap--1380 {
    max-width: 1200px;
  }
}
@media only screen and (max-width: 767px) {
  .wrap, .wrap--1380 {
    padding: 0 10.3333333333vw;
  }
}
.wrap--1380 {
  max-width: 1380px;
}

.cap {
  color: #666;
  font-size: 10px;
  letter-spacing: 0.12em;
  line-height: 1.5;
}

/*  photo
---------------------------------------- */
.photo {
  position: relative;
}
.photo .cap {
  position: absolute;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.photo .cap--out-left {
  top: 100%;
  left: 0;
}
.photo .cap--in-right {
  bottom: 0;
  right: 0;
  padding: 10px;
}

[data-align=right] {
  text-align: right;
}

[data-align=center] {
  text-align: center;
}

@media only screen and (min-width: 768px) {
  [data-align=pc-center] {
    text-align: center;
  }
}

[data-color=green] {
  color: #006120;
}

[data-color=white] {
  color: #ffffff;
}

[data-color=black] {
  color: #000000;
}

[data-color=lightgrey] {
  color: #999999;
}

[data-color=offgrey] {
  color: #cccccc;
}

[data-color=shadow] {
  color: #ffffff;
  text-shadow: rgba(0, 0, 0, 0.7) 1px 1px 10px, rgba(0, 0, 0, 0.7) 1px 1px 10px, rgba(0, 0, 0, 0.7) 1px 1px 10px, rgba(0, 0, 0, 0.7) 1px 1px 10px, rgba(0, 0, 0, 0.7) 1px 1px 10px, rgba(0, 0, 0, 0.7) 1px 1px 10px;
}

[data-color=shadow-bl] {
  color: #000000;
  text-shadow: #ffffff 1px 1px 2px, #ffffff -1px 1px 2px, #ffffff 1px -1px 2px, #ffffff -1px -1px 2px;
}

/*  flexbox
---------------------------------------- */
.layout-column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.layout-column.is-reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.layout-column.is-center {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.layout-column.is-end {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

/*  pc /sp
---------------------------------------- */
@media only screen and (max-width: 767px) {
  .pc {
    display: none;
  }
}
@media only screen and (min-width: 768px) {
  .sp {
    display: none;
  }
}
/*  heading
---------------------------------------- */
.heading--en img {
  display: block;
  margin: 0 auto;
}
.heading--en + .heading--01 {
  margin-top: 40px;
}
@media only screen and (max-width: 767px) {
  .heading--en + .heading--01 {
    margin-top: 4vw;
  }
}
@media only screen and (max-width: 767px) {
  .heading--01 {
    font-size: 5.3333333333vw;
    font-weight: normal;
    letter-spacing: 0.08em;
    line-height: 1.75;
  }
}
.heading--01 + .txt, .heading--01 + .txt--small, .heading--01 + .txt--huge, .heading--01 + .txt--normal {
  margin-top: 60px;
}
@media only screen and (max-width: 767px) {
  .heading--01 + .txt, .heading--01 + .txt--small, .heading--01 + .txt--huge, .heading--01 + .txt--normal {
    margin-top: 8vw;
  }
}
.heading--01 + .txt--huge {
  margin-top: 40px;
}
@media only screen and (max-width: 767px) {
  .heading--01 + .txt--huge {
    margin-top: 8vw;
  }
}
@media only screen and (max-width: 767px) {
  .heading--02 {
    font-size: 4.8vw;
    font-weight: normal;
    letter-spacing: 0.08em;
    line-height: 1.75;
  }
}
.heading--02 .en {
  display: none;
  font-family: "Cormorant Infant", "Noto Serif JP", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
}
@media only screen and (max-width: 767px) {
  .heading--02 .en {
    display: block;
    font-size: 3.7333333333vw;
  }
}
.heading--02 .jp {
  display: none;
}
@media only screen and (max-width: 767px) {
  .heading--02 .jp {
    display: block;
  }
}
.heading--02.underline {
  padding-bottom: 15px;
  border-bottom: solid 1px #b1c6b7;
}
@media only screen and (max-width: 767px) {
  .heading--02.underline {
    padding-bottom: 4vw;
  }
}
.heading--02 + .txt, .heading--02 + .txt--small, .heading--02 + .txt--huge, .heading--02 + .txt--normal {
  margin-top: 40px;
}
@media only screen and (max-width: 767px) {
  .heading--02 + .txt, .heading--02 + .txt--small, .heading--02 + .txt--huge, .heading--02 + .txt--normal {
    margin-top: 8vw;
  }
}
.heading--02 + .txt--normal {
  margin-top: 20px;
}
@media only screen and (max-width: 767px) {
  .heading--02 + .txt--normal {
    margin-top: 6.6666666667vw;
  }
}
.heading--03 img {
  display: block;
}
@media only screen and (max-width: 767px) {
  .heading--03 {
    font-size: 4vw;
    font-weight: normal;
    letter-spacing: 0.08em;
    line-height: 1;
  }
}
.heading--03 + .txt--normal {
  margin-top: 20px;
}
@media only screen and (max-width: 767px) {
  .heading--03 + .txt--normal {
    margin-top: 4vw;
  }
}

/*  txt
---------------------------------------- */
.txt, .txt--small, .txt--huge, .txt--normal {
  font-size: 15px;
  letter-spacing: 0.12em;
  line-height: 2.533;
}
@media only screen and (max-width: 767px) {
  .txt, .txt--small, .txt--huge, .txt--normal {
    font-size: 3.7333333333vw;
    line-height: 2;
  }
}
.txt::before, .txt--small::before, .txt--huge::before, .txt--normal::before, .txt::after, .txt--small::after, .txt--huge::after, .txt--normal::after {
  content: "";
  display: block;
  height: 0;
  width: 0;
}
.txt::before, .txt--small::before, .txt--huge::before, .txt--normal::before {
  margin-top: -0.7665em;
}
@media only screen and (max-width: 767px) {
  .txt::before, .txt--small::before, .txt--huge::before, .txt--normal::before {
    margin-top: -0.5em;
  }
}
.txt::after, .txt--small::after, .txt--huge::after, .txt--normal::after {
  margin-bottom: -0.7665em;
}
@media only screen and (max-width: 767px) {
  .txt::after, .txt--small::after, .txt--huge::after, .txt--normal::after {
    margin-bottom: -0.5em;
  }
}
.txt--normal {
  font-size: 15px;
  letter-spacing: 0.05em;
  line-height: 1.866;
}
@media only screen and (max-width: 767px) {
  .txt--normal {
    font-size: 3.2vw;
  }
}
.txt--normal::before {
  margin-top: -0.433em;
}
.txt--normal::after {
  margin-bottom: -0.433em;
}
.txt--huge {
  font-size: 24px;
  line-height: 1.583;
}
@media only screen and (max-width: 767px) {
  .txt--huge {
    font-size: 4.8vw;
  }
}
.txt--huge::before {
  margin-top: -0.2915em;
}
.txt--huge::after {
  margin-bottom: -0.2915em;
}
.txt--small {
  font-size: 14px;
  line-height: 1.714;
}
@media only screen and (max-width: 767px) {
  .txt--small {
    font-size: 2.6666666667vw;
    letter-spacing: 0.06em;
  }
}
.txt--small small {
  font-size: 12px;
  letter-spacing: 0.02em;
  white-space: nowrap;
}
@media only screen and (max-width: 767px) {
  .txt--small small {
    font-size: 2.4vw;
    white-space: inherit;
  }
}
.txt--small::before {
  margin-top: -0.357em;
}
.txt--small::after {
  margin-bottom: -0.357em;
}

.mainContent {
  background: rgb(89,86,84);
  background: linear-gradient(90deg, rgba(89,86,84,1) 30%, rgba(75,73,70,1) 90%);
}
@media only screen and (max-width: 767px) {
}

.mainVisual {
  overflow: hidden;
  position: relative;
  width: 100%;
  z-index: 2;
}
@media only screen and (min-width: 767px) {
  .mainVisual {
    height: calc(100vh - 190px);
  }
}
@media only screen and (max-width: 767px) {
  .mainVisual {
    height: calc(1110 / 750 * 100vw);
  }
}

.mainVisual__scene {
  left: 0;
  position: absolute;
  top: 0;
  transition: 1s;
  height: 100%;
  width: 100%;
}
@media only screen and (min-width: 767px) {
  .mainVisual__scene {
  }
}
.mainVisual__scene:nth-of-type(1) {
  z-index: 3;
}
.mainVisual__scene:nth-of-type(2) {
  z-index: 2;
}
.mainVisual__scene:nth-of-type(3) {
  z-index: 1;
}
.mainVisual__scene.is-end {
  opacity: 0;
  visibility: hidden;
}
.mainVisual__image {
  height: 100%;
  object-fit: cover;
  width: 100%;
}
.mainVisual__scene--first .mainVisual__image {
  transition: 10s;
  transform: scale(1);
}
.mainVisual__scene--first.is-animate .mainVisual__image {
  transform: scale(1.15);
}
.mainVisual__scene--second .mainVisual__image {
  transition: 10s;
  transform: scale(1.15) translateX(-5%);
}
.mainVisual__scene--second.is-animate .mainVisual__image {
  transform: scale(1.15) translateX(5%);
}
.mainVisual__scene--end .mainVisual__image {
  transition: 10s;
  transform: scale(1.15);
}
.mainVisual__scene--end.is-animate .mainVisual__image {
  transform: scale(1);
}
.mainVisual__catch {
  color: #fff;
  position: absolute;
  text-orientation: upright;
  white-space: nowrap;
  writing-mode: vertical-rl;
  line-height: 2;
  text-shadow: 0px 0px 10px rgba(51, 50, 49, 1);
  opacity: 0;
  filter: blur(10px);
  transition: 3s;
  transform: scale(1.05);
  z-index: 3;
}
@media only screen and (min-width: 767px) {
  .mainVisual__catch {
    bottom: calc(100 / 1440 * 100vw);
    letter-spacing: .3em;
    font-size: calc(28 / 1440 * 100vw);
    left: calc(100 / 1440 * 100vw);
  }
}
@media only screen and (max-width: 767px) {
  .mainVisual__catch {
    letter-spacing: .32em;
    font-size: calc(40 / 750 * 100vw);
    left: calc(30 / 750 * 100vw);
    bottom: calc(380 / 1334 * 100svh);
  }
}
.mainVisual__scene.is-animate .mainVisual__catch {
  opacity: 1;
  filter: blur(0);
  transform: scale(1);
}

.mainVisual__heading {
  color: #fff;
  position: absolute;
  text-orientation: upright;
  white-space: nowrap;
  writing-mode: vertical-rl;
  opacity: 0;
  transition: 5s;
  text-shadow: 0px 0px 18px rgba(51, 50, 49, 1);
  z-index: 3;
}
@media only screen and (min-width: 767px) {
  .mainVisual__heading {
    letter-spacing: .3em;
    font-size: calc(88 / 1440 * 100vw);
    left: calc(140 / 1440 * 100vw);
    top: calc(80 / 1440 * 100vw);
  }
}
@media only screen and (max-width: 767px) {
  .mainVisual__heading {
    line-height: 1;
    letter-spacing: .32em;
    font-size: calc(104 / 750 * 100vw);
    left: calc(70 / 750 * 100vw);
    top: calc(104 / 750 * 100vw);
  }
}
.mainVisual__scene.is-animate .mainVisual__heading {
  opacity: 1;
  filter: blur(0);
}

.mainVisual__capIn {
  bottom: 5px;
  position: absolute;
  text-align: right;
  right: 5px;
}
.top-guide {
  background-color: #fff;
  position: relative;
  z-index: 2;
}
@media only screen and (min-width: 767px) {
  .top-guide {
    padding: 140px 0 160px;
  }
}
@media only screen and (max-width: 767px) {
  .top-guide {
    padding: 80px 0 90px;
  }
}
.guideSect {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  position: relative;
}
@media only screen and (min-width: 767px) {
  .guideSect {
    margin: 0 auto;
    width: 1200px;
  }
}
@media only screen and (max-width: 767px) {
  .guideSect {
    padding: 0 calc(20 / 750 * 100vw);
  }
}
@media only screen and (min-width: 767px) {
  .guideSect--location .guideSect__heading {
    margin-top: 56px;
    margin-left: 106px;
  }
}
@media only screen and (max-width: 767px) {
  .guideSect--location .guideSect__heading {
    margin-top: calc(64 / 750 * 100vw);
    margin-left: calc(12 / 750 * 100vw);
  }
}
.guideSect--access {
  flex-direction: row-reverse;
}
@media only screen and (min-width: 767px) {
  .guideSect--access .guideSect__heading {
    margin-top: 112px;
    margin-right: 64px;
  }
}
@media only screen and (max-width: 767px) {
  .guideSect--access .guideSect__heading {
    margin-top: calc(64 / 750 * 100vw);
  }
}
@media only screen and (min-width: 767px) {
  .guideSect + .guideSect {
    margin-top: 190px;
  }
}
@media only screen and (max-width: 767px) {
  .guideSect + .guideSect {
    margin-top: calc(180 / 750 * 100vw);
  }
}
.guideSect__ttl {
  color: #a69a8e;
  font-family: 'Cormorant Infant',serif;
  white-space: nowrap;
  text-align: center;
  opacity: .2;
  letter-spacing: 0;
  line-height: .7;
  width: 100%;
}
@media only screen and (min-width: 767px) {
  .guideSect__ttl {
    margin-bottom: -20px;
    font-size: 180px;
  }
}
@media only screen and (max-width: 767px) {
  .guideSect__ttl {
    font-size: calc(100 / 750 * 100vw);
    margin-bottom: calc(80 / 750 * 100vw);
  }
}
.guideSect__heading {
  color: #333231;
  letter-spacing: .2em;
  line-height: 2;
  text-orientation: upright;
  white-space: nowrap;
  writing-mode: vertical-rl;
}
@media only screen and (min-width: 767px) {
  .guideSect__heading {
    font-size: 24px;
  }
}
.guideSect__gallery .photo {
  box-shadow: 5.736px 8.192px 30px 0px rgba(19, 19, 19, 0.4);
  display: inline-block;
}

@media only screen and (min-width: 767px) {
  .guideSect__gallery .photo:nth-of-type(2){
    margin-top: -50px;
    margin-left: -390px;
  }
}
@media only screen and (max-width: 767px) {
  .guideSect__gallery {
    width: calc(440 / 750 * 100vw);
  }
  .guideSect__gallery .photo:nth-of-type(2){
    margin-top: calc(120 / 750 * 100vw);
    margin-left: calc(-105 / 750 * 100vw);
    width: calc(275 / 750 * 100vw);
  }
}
@media only screen and (max-width: 767px) {
  .guideSect__visual {
    margin-left: calc(-20 / 750 * 100vw);
    width: calc(500 / 750 * 100vw);
  }
}
.guideSect__visual .photo {
  box-shadow: 5.736px 8.192px 30px 0px rgba(19, 19, 19, 0.4);
}

.guideBnr {
  display: block;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
}
@media only screen and (min-width: 767px) {
  .guideBnr {
    margin-top: 56px;
    width: 890px;
  }
  .guideBnr:hover .guideBnr__image {
    opacity: .8;
    transform: scale(1.1);
  }
}
@media only screen and (max-width: 767px) {
  .guideBnr {
    margin-top: calc(200 / 750 * 100vw);
    height: calc(140 / 750 * 100vw);
    width: calc(590 / 750 * 100vw);
  }

  .guideBnr--access {
    margin-top: calc(80 / 750 * 100vw);
  }
}
.guideBnr__heading {
  align-items: flex-start;
  color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
  letter-spacing: .2em;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 2;
}
@media only screen and (min-width: 767px) {
  .guideBnr__heading {
    padding: 10px 64px;
  }
}
@media only screen and (max-width: 767px) {
  .guideBnr__heading {
    padding: 10px 28px;
  }
}
.guideBnr__heading .en {
  line-height: .8;
  font-family: 'Cormorant Infant',serif;
}
@media only screen and (min-width: 767px) {
  .guideBnr__heading .en {
    font-size: 32px;
  }
}
@media only screen and (max-width: 767px) {
  .guideBnr__heading .en {
    font-size: calc(40 / 750 * 100vw);
  }
}
.guideBnr__heading .ja {
  line-height: 1;
}
@media only screen and (min-width: 767px) {
  .guideBnr__heading .ja {
    font-size: 12px;
    margin-top: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .guideBnr__heading .ja {
    font-size: calc(20 / 750 * 100vw);
    margin-top: calc(20 / 750 * 100vw);
  }
}
.guideBnr__icon {
  align-items: center;
  background-color: rgba(255,255,255,.15);
  display: flex;
  justify-content: center;
  height: 100%;
  right: 0;
  position: absolute;
  top: 0;
  z-index: 2;
}
@media only screen and (min-width: 767px) {
  .guideBnr__icon {
    width: 100px;
  }
}
@media only screen and (max-width: 767px) {
  .guideBnr__icon {
    width: calc(80 / 750 * 100vw);
  }
}
.guideBnr__icon .arrowSVG {
  opacity: .7;
  fill: #fff;
}
@media only screen and (min-width: 767px) {
  .guideBnr__icon .arrowSVG {
    width: 26px;
  }
}
@media only screen and (max-width: 767px) {
  .guideBnr__icon .arrowSVG {
    width: calc(26 / 750 * 100vw);
  }
}
.guideBnr__image {
  height: 100%;
  max-width: unset;
  width: 100%;
  transition: 1.2s;
  object-fit: cover;
}
.top-concept {
  position: relative;
  z-index: 1;
}
@media only screen and (min-width: 767px) {
  .top-concept {
    padding-top: 100vh;
    padding-bottom: 140px;
  }
}
@media only screen and (max-width: 767px) {
  .top-concept {
    padding-top: 100vh;
    padding-bottom: 140px;
  }
}
.property-header,
.pbHeaderArea,
.ftrCaption,
.linkArea,
.property-footer,
.pbFooterArea {
  position: relative;
  z-index: 9;
}
.property-header:before {
  background-color: #fff;
  content: '';
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%,0);
  height: 100%;
  width: 100vw;
  z-index: -1;
}
.ftrCaption,
.linkArea,
.property-footer {
  background-color: #fff;
}
.conceptBG {
  position: fixed;
  top: 0;
  left: 50%;
  transform: translate(-50%,0);
  height: 100%;
  width: 100%;
  z-index: -1;
  transition: 1s;
}
@media only screen and (min-width: 1920px) {
  .conceptBG {
    width: 1920px;

  }
}
.conceptBG:before {
  background-color: #333231;
  content: '';
  opacity: 0;
  position: absolute;
  top: 0;
  transition: 1s;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.conceptBG.is-animate:before {
  opacity: .8;
}
.conceptBG img {
  height: 100%;
  object-fit: cover;
  width: 100%;
}
.conceptSect {
  align-items: flex-start;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row-reverse;
  justify-content: space-between;
}
@media only screen and (min-width: 767px) {
  .conceptSect {
    width: 1200px;
  }
}
.conceptSect__heading {
  text-align: center;
  position: relative;
  width: 100%;
}
.conceptSect__heading .en {
  color: rgba(1,1,1,.6);
  font-family: 'Cormorant Infant',serif;
}
@media only screen and (min-width: 767px) {
  .conceptSect__heading .en {
    font-size: calc(160 / 1440 * 100vw);
  }
}
@media only screen and (max-width: 767px) {
  .conceptSect__heading .en {
    font-size: calc(100 / 750 * 100vw);
  }
}
.conceptSect__heading .jp {
  color: #fff;
  text-align: left;
  text-orientation: upright;
  white-space: nowrap;
  writing-mode: vertical-rl;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  line-height: 2;
  letter-spacing: .24em;
}
@media only screen and (min-width: 767px) {
  .conceptSect__heading .jp {
    font-size: calc(32 / 1440 * 100vw);
  }
}
@media only screen and (max-width: 767px) {
  .conceptSect__heading .jp {
    font-size: calc(40 / 750 * 100vw);
  }
}
.conceptSect__txtArea {
  display: flex;
  justify-content: space-between;
  flex-direction: row-reverse;
}
@media only screen and (min-width: 767px) {
  .conceptSect__txtArea {
    width: 580px;
  }
}
@media only screen and (max-width: 767px) {
  .conceptSect__txtArea {
    margin-top: 100px;
    width: 100%;
    padding: 0 calc(50 / 750 * 100vw);
  }
}
.conceptSect__txt {
  color: #fff;
  line-height: 2;
  letter-spacing: .24em;
  text-orientation: upright;
  white-space: nowrap;
  writing-mode: vertical-rl;
}
@media only screen and (min-width: 767px) {
  .conceptSect__txt {
    font-size: 18px;
  }
}
@media only screen and (max-width: 767px) {
  .conceptSect__txt {
    font-size: calc(28 / 750 * 100vw);
    line-height: calc(50 / 28);
  }
}
@media only screen and (min-width: 767px) {
  .conceptSect__txt:nth-of-type(1) {
    margin-right: 60px;
  }
}
@media only screen and (min-width: 767px) {
  .conceptSect__txt:nth-of-type(2) {
    margin-top: 130px;
    margin-left: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .conceptSect__txt:nth-of-type(2) {
    margin-top: calc(290 / 750 * 100vw);
  }
}
@media only screen and (min-width: 767px) {
  .conceptSect__gallery {
    margin-top: 65px;
  }
}
@media only screen and (max-width: 767px) {
  .conceptSect__gallery {
    padding: 0 calc(20 / 750 * 100vw);
    width: 100%;
  }
}
.conceptSect__gallery .photo {
  box-shadow: 5.736px 8.192px 30px 0px rgba(19, 19, 19, 0.8);
}
@media only screen and (max-width: 767px) {
  .conceptSect__gallery .photo:nth-of-type(1) {
    margin-left: 0;
    margin-right: auto;
    width: calc(440 / 750 * 100vw);
  }
}
.conceptSect__gallery .photo:nth-of-type(2) {
  display: block;
  margin-left: auto;
}
@media only screen and (min-width: 767px) {
  .conceptSect__gallery .photo:nth-of-type(2) {
    margin-right: -155px;
    margin-top: 64px;
    width: 425px;
  }
}
@media only screen and (max-width: 767px) {
  .conceptSect__gallery .photo:nth-of-type(2) {
    margin-top:  calc(150 / 750 * 100vw);
    width: calc(335 / 750 * 100vw);
  }
}

.section-info {
  padding-top: 120px;
  padding-bottom: 0px;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .section-info {
    padding: 16vw calc(20 / 750 * 100vw) 0;
  }
}
.section-info__item {
  max-width: 796px;
  margin-top: 40px;
  margin-left: auto;
  margin-right: auto;
}

@media only screen and (max-width: 767px) {
  .section-info__item {
    margin-top: 8vw;
  }
}
.section-info__item + .section-info__item {
  margin-top: 40px;
  padding-top: 40px;
  border-top: solid 1px #ccc;
}
@media only screen and (max-width: 767px) {
  .section-info__item + .section-info__item {
    margin-top: 5.3333333333vw;
    padding-top: 5.3333333333vw;
  }
}
.section-info .cvBtn {
  max-width: 386px;
  margin-top: 60px;
  margin-left: auto;
  margin-right: auto;
  font-size: 20px;
  line-height: 1;
  letter-spacing: 0.12em;
  font-weight: 700;
  padding: 21px 0;
}
@media only screen and (max-width: 767px) {
  .section-info .cvBtn {
    margin-top: 8vw;
  }
}
.section-info h2 img {
  display: block;
  margin: 0 auto;
}
.reserveBnr {
  margin: 60px auto;
  width: 760px;
}
@media only screen and (min-width: 768px) {
  .reserveBnr .link {
    transition: .3s;
  }
  .reserveBnr .link:hover {
    opacity: .7;
  }
}
@media only screen and (max-width: 767px) {
  .reserveBnr {
    margin: 30px auto 40px;
    width: 90%;
  }
}
.section-catch__body {
  position: relative;
  padding-top: 80px;
  padding-bottom: 80px;
  background: url(../imgs/pc/bg-catch.jpg) no-repeat center center/cover;
  color: #006120;
}
@media only screen and (max-width: 767px) {
  .section-catch__body {
    padding-top: 16vw;
    padding-bottom: 16vw;
  }
}
.section-catch__body .cap {
  position: absolute;
  bottom: 0;
  right: 0;
  padding: 10px;
  color: #999;
}
.section-catch__photo-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.section-catch__photo-group + .cap {
  padding: 10px;
}
@media only screen and (max-width: 767px) {
  .section-catch__photo-group + .cap {
    padding: 2.6666666667vw;
  }
}
.section-catch__photo-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 50%;
}
@media only screen and (max-width: 767px) {
  .section-catch__photo-inner {
    width: 100%;
  }
}
.section-catch__photo-inner .section-catch__photo:nth-of-type(1) {
  width: 33.6111111111%;
}
.section-catch__photo-inner .section-catch__photo:nth-of-type(2) {
  width: 66.3888888889%;
}
.section-catch__photo-inner + .section-catch__photo-inner .section-catch__photo:nth-of-type(1) {
  width: 66.3888888889%;
}
.section-catch__photo-inner + .section-catch__photo-inner .section-catch__photo:nth-of-type(2) {
  width: 33.6111111111%;
}
.section-tnav {
  background: #f3faf5;
}
.section-tnav__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.section-tnav__item {
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .section-tnav__item {
    width: 50%;
  }
}
.section-tnav__item:nth-child(n+2) {
  margin-left: 100px;
}
@media only screen and (max-width: 767px) {
  .section-tnav__item:nth-child(n+2) {
    margin-left: 0;
  }
}
.section-tnav__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 27px 0 25px;
  font-size: 18px;
  letter-spacing: 0;
  line-height: 1;
  color: #006120;
}
@media only screen and (max-width: 767px) {
  .section-tnav__link {
    padding: 5.3333333333vw 0;
    font-size: 3.7333333333vw;
  }
}
.section-tnav__link img {
  margin: 10px auto 0;
}
@media only screen and (max-width: 767px) {
  .section-tnav__link img {
    margin: 2.6666666667vw auto 0;
  }
}

.section-town {
  padding-top: 120px;
  padding-bottom: 120px;
  background: url(../imgs/pc/bg-town.jpg) no-repeat top center/cover;
}
@media only screen and (max-width: 767px) {
  .section-town {
    padding-top: 16vw;
    padding-bottom: 16vw;
  }
}
@media only screen and (max-width: 767px) {
  .section-town .heading--en img {
    width: 34.1071428571vw;
  }
}
.section-town__text {
  width: 49.1304347826%;
}
@media only screen and (max-width: 767px) {
  .section-town__text {
    width: 100%;
  }
}
.section-town__illust {
  width: 49.1304347826%;
}
@media only screen and (max-width: 767px) {
  .section-town__illust {
    width: 100%;
    margin-top: 10.6666666667vw;
  }
}
@media only screen and (max-width: 767px) {
  .section-town__illust .cap {
    position: static;
    margin-top: 1.3333333333vw;
  }
}
.section-town__column {
  margin-top: 80px;
}
@media only screen and (max-width: 767px) {
  .section-town__column {
    margin-top: 16vw;
  }
}
.section-town__column + .heading--02 {
  margin-top: 150px;
}
@media only screen and (max-width: 767px) {
  .section-town__column + .heading--02 {
    margin-top: 21.3333333333vw;
  }
}
.section-town__concept {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  max-width: 714px;
  margin-top: 40px;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (max-width: 767px) {
  .section-town__concept {
    margin-top: 8vw;
  }
}
.section-town__concept + .section-town__concept {
  margin-top: 15px;
  padding-top: 15px;
  border-top: solid 1px #b1c6b7;
}
@media only screen and (max-width: 767px) {
  .section-town__concept + .section-town__concept {
    margin-top: 5.3333333333vw;
    padding-top: 5.3333333333vw;
  }
}
.section-town__number {
  position: relative;
  width: 58px;
  min-height: 120px;
  background: #006120;
}
@media only screen and (max-width: 767px) {
  .section-town__number {
    width: 40px;
    min-height: 35.2941176471vw;
    font-size: 6.4vw;
    color: #fff;
  }
}
.section-town__number span {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  text-align: center;
}
.section-town__text-concept {
  width: calc(100% - 83px);
}
@media only screen and (max-width: 767px) {
  .section-town__text-concept {
    width: calc(100% - 65px);
  }
}
.section-town .heading--03 {
  color: #006120;
}

.section-location {
  padding-top: 120px;
  padding-bottom: 120px;
}
@media only screen and (max-width: 767px) {
  .section-location {
    padding-top: 16vw;
    padding-bottom: 16vw;
  }
}
@media only screen and (max-width: 767px) {
  .section-location .heading--en img {
    width: 29.6428571429vw;
  }
}
.section-location__block {
  margin-top: 100px;
}
@media only screen and (max-width: 767px) {
  .section-location__block {
    margin-top: 21.3333333333vw;
  }
}
.section-location__block + .section-location__block {
  margin-top: 80px;
}
@media only screen and (max-width: 767px) {
  .section-location__block + .section-location__block {
    margin-top: 16vw;
  }
}
.section-location__block + .cap {
  margin-top: 80px;
}
@media only screen and (max-width: 767px) {
  .section-location__block + .cap {
    margin-top: 10.6666666667vw;
  }
}
.section-location .last-no-item {
  margin-right: 34.1666666667%;
}
@media only screen and (max-width: 767px) {
  .section-location .last-no-item {
    margin-right: 0;
  }
}
.section-location__column {
  margin-top: 30px;
}
.section-location__item {
  width: 31.6666666667%;
}
@media only screen and (max-width: 767px) {
  .section-location__item {
    width: calc(50% - 10px);
  }
}
@media only screen and (max-width: 767px) {
  .section-location__item:nth-child(n+3) {
    margin-top: 8vw;
  }
}
.section-location__item:nth-child(n+4) {
  margin-top: 30px;
}
@media only screen and (max-width: 767px) {
  .section-location__item:nth-child(n+4) {
    margin-top: 8vw;
  }
}
.section-location__item--full {
  width: 100%;
  margin-top: 40px;
}
@media only screen and (max-width: 767px) {
  .section-location__item--full {
    width: 100%;
    margin-top: 8vw;
  }
}
.section-location__item .txt--small {
  text-align: center;
}
.section-location__item .photo + .txt--small {
  margin-top: 10px;
}
@media only screen and (max-width: 767px) {
  .section-location__item .photo + .txt--small {
    margin-top: 2.6666666667vw;
  }
}

.section-access {
  padding-top: 120px;
  padding-bottom: 120px;
  background: -webkit-gradient(linear, left top, right top, from(rgba(0, 138, 46, 0.1)), to(rgba(47, 224, 106, 0.1)));
  background: linear-gradient(to right, rgba(0, 138, 46, 0.1), rgba(47, 224, 106, 0.1));
  color: #006120;
}
@media only screen and (max-width: 767px) {
  .section-access {
    padding-top: 16vw;
    padding-bottom: 16vw;
  }
}
@media only screen and (max-width: 767px) {
  .section-access .heading--en img {
    width: 21.25vw;
  }
}
.section-access .wrap:first-of-type, .section-access .wrap--1380:first-of-type {
  padding-bottom: 80px;
}
@media only screen and (max-width: 767px) {
  .section-access .wrap:first-of-type, .section-access .wrap--1380:first-of-type {
    padding-bottom: 16vw;
  }
}
.section-access .wrap:not(:first-of-type), .section-access .wrap--1380:not(:first-of-type) {
  padding-top: 80px;
}
@media only screen and (max-width: 767px) {
  .section-access .wrap:not(:first-of-type), .section-access .wrap--1380:not(:first-of-type) {
    padding-top: 16vw;
  }
}
.section-access__photo-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.section-access__photo {
  width: 33.33%;
}
@media only screen and (max-width: 767px) {
  .section-access__photo {
    width: 100%;
  }
}
.section-access__photo--place, .section-access__photo--honmachi, .section-access__photo--kitahama, .section-access__photo--umeda {
  position: absolute;
  top: calc(50% - 50px);
  left: 0;
  right: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 78px;
  margin-left: auto;
  margin-right: auto;
}
.section-access__photo--umeda {
  width: 32.9166666667%;
  max-width: 158px;
}
.section-access__photo--kitahama {
  width: 51.0416666667%;
  max-width: 245px;
}
.section-access__photo--honmachi {
  width: 50.8333333333%;
  max-width: 244px;
}
.section-access__photo--min {
  position: absolute;
  bottom: 10.8333333333%;
  left: 0;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 31.6666666667%;
  max-width: 152px;
  margin-left: auto;
  margin-right: auto;
}
.section-access__root-map {
  width: 57.2916666667%;
  background: #fff;
  border: solid 1px #006120;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .section-access__root-map {
    width: 100%;
  }
}
.section-access__root-map-text {
  width: 38.75%;
}
@media only screen and (max-width: 767px) {
  .section-access__root-map-text {
    width: 100%;
    margin-top: 8vw;
  }
}
.section-access__root-map-text--main {
  padding-bottom: 20px;
  border-bottom: solid 1px rgba(15, 97, 42, 0.4);
  text-align: center;
}
.section-access__root-map-text--sub {
  margin-top: 20px;
  text-align: center;
}
.section-access__root-map-text .cap {
  margin-top: 30px;
}
@media only screen and (max-width: 767px) {
  .section-access__root-map-text .cap {
    margin-top: 5.3333333333vw;
  }
}

.section-map {
  padding-top: 120px;
  padding-bottom: 55px;
}
@media only screen and (max-width: 767px) {
  .section-map {
    padding-top: 16vw;
    padding-bottom: 10.6666666667vw;
  }
}
@media only screen and (max-width: 767px) {
  .section-map .heading--en img {
    width: 11.7857142857vw;
  }
}
.section-map__map {
  margin-top: 80px;
  border: solid 1px #006120;
}
@media only screen and (max-width: 767px) {
  .section-map__map {
    margin-top: 8vw;
  }
}
.section-map__btn-list {
  margin-top: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media only screen and (max-width: 767px) {
  .section-map__btn-list {
    margin-top: 8vw;
  }
}
.section-map__btn-list .btn-common + .btn-common, .section-map__btn-list .btn-common--gmap + .btn-common, .section-map__btn-list .btn-common + .btn-common--gmap, .section-map__btn-list .btn-common--gmap + .btn-common--gmap, .section-map__btn-list .btn-common--print + .btn-common, .section-map__btn-list .btn-common--print + .btn-common--gmap, .section-map__btn-list .btn-common + .btn-common--print, .section-map__btn-list .btn-common--gmap + .btn-common--print, .section-map__btn-list .btn-common--print + .btn-common--print {
  margin-left: 24px;
}
@media only screen and (max-width: 767px) {
  .section-map__btn-list .btn-common + .btn-common, .section-map__btn-list .btn-common--gmap + .btn-common, .section-map__btn-list .btn-common + .btn-common--gmap, .section-map__btn-list .btn-common--gmap + .btn-common--gmap, .section-map__btn-list .btn-common--print + .btn-common, .section-map__btn-list .btn-common--print + .btn-common--gmap, .section-map__btn-list .btn-common + .btn-common--print, .section-map__btn-list .btn-common--gmap + .btn-common--print, .section-map__btn-list .btn-common--print + .btn-common--print {
    margin-left: 0;
  }
}

.section-modelhouse {
  padding-top: 120px;
  padding-bottom: 120px;
  background: -webkit-gradient(linear, left top, right top, from(rgba(0, 138, 46, 0.1)), to(rgba(47, 224, 106, 0.1)));
  background: linear-gradient(to right, rgba(0, 138, 46, 0.1), rgba(47, 224, 106, 0.1));
}

@media only screen and (max-width: 767px) {
  .section-modelhouse {
    padding-top: 16vw;
    padding-bottom: 16vw;
  }
}

.section-modelhouse__block {
  margin-top: 60px;
}

@media only screen and (max-width: 767px) {
  .section-modelhouse__block {
    margin-top: 6vw;
  }
}
.section-modelhouse__ttl {
position: relative;
  padding-bottom: 20px;
  border-bottom: solid 1px rgba(15, 97, 42, 0.4);
  font-size: 24px;
}

.section-modelhouse__ttl .label {
  position: absolute;
  right: 0;
  top: 10%;
}

@media only screen and (max-width: 767px) {
  .section-modelhouse__ttl {
    font-size: 20px;
    text-align: center;
  }
  .section-modelhouse__ttl .label {
    position: relative;
  }
}

.section-modelhouse__spec {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 40px;
  margin-bottom: 50px;
}
.section-modelhouse__spec img {
  display: inline-block;
}

@media only screen and (max-width: 767px) {
  .section-modelhouse__spec {
    display: block;
    margin-top: 8vw;
    margin-bottom: 8vw;
  }
  .section-modelhouse__spec .txt {
    padding-top: 20px;
    line-height: 1.4;
  }
  .section-modelhouse__spec .txt--large {
    font-size: 6vw;
  }
  .section-modelhouse__spec .txt--mid {
    font-size: 5vw;
  }
}

.slider {
  margin-bottom: 30px;
}

@media only screen and (max-width: 767px) {
  .slider {
    margin-bottom: 10px;
  }
}

.slider-thum .swiper-wrapper {
  display: flex;
  justify-content: space-between;
}

.slider-thum .swiper-slide {
  width: 146px;
}

.slider-thum .swiper-slide .photo {
  background: rgba(0, 0, 0, 1);
  transition: .3s;
}

.slider-thum .swiper-slide .photo img {
  opacity: .8;
  transition: .3s;
}

.slider-thum .swiper-slide .photo::after {
  content: '';
  position: absolute;
  transition: .3s;
  background: rgba(0, 0, 0, 0.6);
  width: 90%;
  height: 90%;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}

.slider-thum .swiper-slide.swiper-slide-thumb-active .cap {
  opacity: 0;
}
.slider-thum .swiper-slide.swiper-slide-thumb-active .photo::after {
  opacity: 0;
}

.slider-thum .swiper-slide .cap {
  position: absolute;
  text-align: center;
  color: #fff;
  font-size: 12px;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  width: 90%;
  z-index: 2;
}

@media only screen and (max-width: 767px) {
  .slider-thum .swiper-slide .cap {
    display: none;
  }
}

.section-modelhouse__plan {
  margin-top: 70px;
  background: #fff;
  padding: 80px 0;
}

@media only screen and (max-width: 767px) {
  .section-modelhouse__plan {
    margin-top: 12vw;
    padding: 40px 0;
  }
}
.slider-thum + .cap {
  margin-top: 1em;
  text-align: right;
}

.btn-common, .btn-common--gmap, .btn-common--print {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 62px;
  font-size: 18px;
  letter-spacing: 0.06em;
  line-height: 1;
  color: #fff;
}
@media only screen and (max-width: 767px) {
  .btn-common, .btn-common--gmap, .btn-common--print {
    height: 58px;
    font-size: 12px;
  }
}
.btn-common--print {
  max-width: 386px;
  background: #6e6e6e;
}
@media only screen and (max-width: 767px) {
  .btn-common--print {
    display: none;
  }
}
.btn-common--print:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 40px;
  width: 28px;
  height: 26px;
  margin-top: -13px;
  background: url(../imgs/pc/icon-print.png) no-repeat 0 0;
}
.btn-common--gmap {
  max-width: 386px;
  background: #6e6e6e;
}
.btn-common--gmap:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 40px;
  width: 20px;
  height: 26px;
  margin-top: -13px;
  background: url(../imgs/pc/icon-gmap.png) no-repeat 0 0;
}
@media only screen and (max-width: 767px) {
  .btn-common--gmap:before {
    left: 20px;
  }
}
.btn-common .en, .btn-common--print .en, .btn-common--gmap .en {
  position: relative;
  top: 2px;
  font-family: "Cormorant Infant", "Noto Serif JP", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
  font-weight: bold;
  font-size: 120%;
}
@media only screen and (max-width: 767px) {
  .btn-common .en, .btn-common--print .en, .btn-common--gmap .en {
    top: 1px;
  }
}

@media print {
  .pbHeaderArea,
.property-header,
.kvArea,
.section-catch,
.section-tnav,
.section-town,
.section-location,
.section-access,
.section-map__btn-list,
.foot,
.b-o-localSearchNavi,
.pbFooterArea,
.property-footer {
    display: none;
  }
}