@charset "UTF-8";
/*  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--in-left {
  bottom: 0;
  left: 0;
  padding: 10px;
}

.photo .cap--out-left {
  top: 100%;
  left: 0;
}

.photo .cap--out-right {
  top: 100%;
  right: 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=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 {
  letter-spacing: 0.02em;
  line-height: 2;
}

@media only screen and (min-width: 767px) {
  .txt {
    font-size: 14px;
  }
}
@media only screen and (max-width: 767px) {
  .txt {
    font-size: 12px;
  }
}
.keyVisual {
  background-image: linear-gradient(160deg, rgb(208, 201, 195) 0%, rgb(252, 250, 247) 100%);
}

.keyVisual__inner {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  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;
  margin: 0 auto;
}

@media only screen and (min-width: 767px) {
  .keyVisual__inner {
    padding: 40px 0;
    width: 1320px;
  }
}
@media only screen and (max-width: 767px) {
  .keyVisual__inner {
    padding: 0 0 60px;
  }
}
.keyVisual__heading {
  color: #8a745e;
  font-family: "Cormorant Infant", "Noto Serif JP", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
  text-align: center;
  letter-spacing: 0.08em;
  line-height: 1;
}

@media only screen and (min-width: 767px) {
  .keyVisual__heading {
    font-size: 80px;
    width: 505px;
  }
}
@media only screen and (max-width: 767px) {
  .keyVisual__heading {
    bottom: 60px;
    left: 32px;
    font-size: 44px;
    position: absolute;
    -webkit-transform: translate(0, 50%);
            transform: translate(0, 50%);
    z-index: 1;
  }
  .keyVisual__heading .sp {
    display: inline-block !important;
  }
}
.keyVisual__pic {
  position: relative;
}

@media only screen and (min-width: 767px) {
  .keyVisual__pic {
    width: 815px;
  }
}
@media only screen and (max-width: 767px) {
  .keyVisual__pic {
    margin-left: auto;
    margin-right: 0;
    width: 75.3333333333vw;
  }
}
.keyVisual__cap {
  color: #fff;
  position: absolute;
  font-size: 10px;
  right: 5px;
  text-align: right;
}

@media only screen and (min-width: 767px) {
  .keyVisual__cap {
    bottom: 5px;
  }
}
@media only screen and (max-width: 767px) {
  .keyVisual__cap {
    bottom: 25px;
  }
}
.introSect {
  text-align: center;
}

@media only screen and (min-width: 767px) {
  .introSect {
    padding: 140px 0 80px;
  }
}
@media only screen and (max-width: 767px) {
  .introSect {
    padding: 70px 0 60px;
  }
}
.introSect__heading {
  line-height: 1.5;
  letter-spacing: 0.2em;
}
.introSect__heading + .txt .bottom {
  display: block;
  margin-top: 10px;
}

@media only screen and (min-width: 767px) {
  .introSect__heading {
    font-size: 28px;
  }
  .introSect__heading + .txt {
    margin-top: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .introSect__heading {
    font-size: calc(40/750*100vw);
  }
  .introSect__heading + .txt {
    margin-top: 40px;
  }
}
@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;
  }
}
.bgLayer {
  background: #f1efed;
}

.contactArea {
  margin-top: 0;
}

.headingEn {
  font-family: "Cormorant Infant", "Noto Serif JP", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
  font-weight: normal;
  letter-spacing: 0.2em;
  line-height: 1;
  text-align: center;
  color: #8a745e;
}
@media screen and (min-width: 768px) {
  .headingEn {
    font-size: 24px;
  }
}
@media screen and (max-width: 768px) {
  .headingEn {
    font-size: 18px;
    white-space: nowrap;
  }
}
@media screen and (min-width: 768px) {
  .headingEn + .layoutSect {
    margin-top: 64px;
  }
}
@media screen and (max-width: 768px) {
  .headingEn + .layoutSect {
    margin-top: 10.6666666667vw;
  }
}

.layoutSect {
  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;
}
.layoutSect--end {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.layoutSect--reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
@media screen and (max-width: 768px)  {
  .layoutSect--noImg .layoutSect__item {
    width: 100%;
  }
  .layoutSect--noImg .layoutSect__item:nth-child(n+2) {
    margin-top: 48px;
  }
}
.layoutSect__item {
  position: relative;
}
@media screen and (max-width: 768px) {
  .layoutSect__item:nth-child(n+3) {
    margin-top: 48px;
  }
  .layoutSect + .layoutSect {
    margin-top: 48px;
  }
}
@media screen and (min-width: 768px) {
  .layoutSect__item:nth-child(n+4) {
    margin-top: 64px;
  }
  .layoutSect + .layoutSect {
    margin-top: 64px;
  }
}
@media screen and (max-width: 768px) {
  .layoutSect__item:nth-child(n+4) {
    margin-top: 48px;
  }
}
@media screen and (min-width: 768px) {
  .layoutSect__item--double {
    width: 48.3333333333%;
  }
}
@media screen and (max-width: 768px) {
  .layoutSect__item--double {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .layoutSect__item--double:nth-child(n+2) {
    margin-top: 48px;
  }
}
@media screen and (min-width: 768px) {
  .layoutSect__item--double:nth-child(n+3) {
    margin-top: 80px;
  }
}
@media screen and (max-width: 768px) {
  .layoutSect__item--double:nth-child(n+3) {
    margin-top: 48px;
  }
}
@media screen and (min-width: 768px) {
  .layoutSect__item--doubleLarge {
    width: 61.25%;
  }
}
@media screen and (max-width: 768px) {
  .layoutSect__item--doubleLarge {
    width: 100%;
  }
}
@media screen and (min-width: 768px) {
  .layoutSect__item--doubleSmall {
    width: 35.4166666667%;
  }
}
@media screen and (max-width: 768px) {
  .layoutSect__item--doubleSmall {
    width: 100%;
    margin-top: 28vw;
  }
}
@media screen and (min-width: 768px) {
  .layoutSect__item--third {
    width: 31.0833333333%;
  }
}
@media screen and (max-width: 768px) {
  .layoutSect__item--third {
    width: calc(50% - 10px);
  }
}

.infoCard__head {
  line-height: 1.5;
  color: #8a745e;
}
@media screen and (min-width: 768px) {
  .infoCard__head {
    font-size: 20px;
    letter-spacing: 0.2em;
  }
}
@media screen and (max-width: 768px) {
  .infoCard__head {
    font-size: 16px;
    letter-spacing: 0.08em;
  }
}
.infoCard__head:before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  margin-top: -0.25em;
}
.infoCard__head:after {
  content: "";
  display: block;
  width: 48px;
  height: 1px;
  margin-top: 16px;
  background: #8a745e;
}
@media screen and (max-width: 768px) {
  .infoCard__head:after {
    width: 40px;
  }
}
@media screen and (min-width: 768px) {
  .infoCard__head + .infoCard__cont {
    margin-top: 20px;
  }
}
@media screen and (max-width: 768px) {
  .infoCard__head + .infoCard__cont {
    margin-top: 16px;
  }
}
@media screen and (min-width: 768px) {
  .infoCard__head + .infoCard__cont--marginTopWide {
    margin-top: 36px;
  }
}
@media screen and (max-width: 768px) {
  .infoCard__head + .infoCard__cont--marginTopWide {
    margin-top: 24px;
  }
}
@media screen and (max-width: 768px) {
  .infoCard__cont .txt {
    font-size: 11px;
  }
}
@media screen and (min-width: 768px) {
  .photo + .infoCard__head {
    margin-top: 24px;
  }
}
@media screen and (max-width: 768px) {
  .photo + .infoCard__head {
    margin-top: 16px;
  }
}
@media screen and (min-width: 768px) {
  .photo + .infoCard__head--marginTopWide {
    margin-top: 48px;
  }
}
@media screen and (max-width: 768px) {
  .photo + .infoCard__head--marginTopWide {
    margin-top: 36px;
  }
}
.infoCard__subHead {
  letter-spacing: 0.2em;
  line-height: 1.5;
}
@media screen and (min-width: 768px) {
  .infoCard__subHead {
    font-size: 20px;
  }
}
@media screen and (max-width: 768px) {
  .infoCard__subHead {
    font-size: 16px;
  }
}
.infoCard__subHead:before, .infoCard__subHead:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
.infoCard__subHead:before {
  margin-top: -0.25em;
}
.infoCard__subHead:after {
  margin-bottom: -0.25em;
}
@media screen and (min-width: 768px) {
  .infoCard__subHead + .txt {
    margin-top: 20px;
  }
}
@media screen and (max-width: 768px) {
  .infoCard__subHead + .txt {
    margin-top: 16px;
  }
}
.infoCard__details {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 3px;
  padding-top: 16px;
  border-top: solid 1px #8a745e;
  font-family: "Noto Sans JP", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
  font-size: 12px;
}
@media screen and (min-width: 768px) {
  .infoCard__details {
    margin-top: 36px;
  }
}
@media screen and (max-width: 768px) {
  .infoCard__details {
    margin-top: 24px;
  }
}
.infoCard__address, .infoCard__distance, .infoCard__time {
  position: relative;
  padding-left: 24px;
}
.infoCard__address:before, .infoCard__distance:before, .infoCard__time:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 24px;
  height: auto;
}
.infoCard__address:before {
  background: url(../imgs/icon-address.png) no-repeat center left;
}
.infoCard__distance:before {
  background: url(../imgs/icon-distance.png) no-repeat center left;
}
.infoCard__time:before {
  background: url(../imgs/icon-time.png) no-repeat center left;
}

.shoppingSect {
  background: #f1efed;
}
@media screen and (min-width: 768px) {
  .shoppingSect {
    padding-top: 120px;
    padding-bottom: 120px;
  }
}
@media screen and (max-width: 768px) {
  .shoppingSect {
    padding-top: 16vw;
    padding-bottom: 16vw;
  }
}
.shoppingSect__subPhoto {
  position: absolute;
  z-index: 1;
}
@media screen and (min-width: 768px) {
  .shoppingSect__subPhoto {
    top: calc(100% - 120px);
    right: -80px;
  }
}
@media screen and (max-width: 768px) {
  .shoppingSect__subPhoto {
    top: calc(100% - 5.3333333333vw);
    right: -5.3333333333vw;
    width: 36.6666666667vw;
  }
}
@media screen and (min-width: 768px) {
  .shoppingSect__secondItem {
    margin-top: 220px;
  }
}
@media screen and (max-width: 768px) {
  .shoppingSect__secondItem {
    margin-top: 48px;
  }
}
@media screen and (min-width: 768px) {
  .shoppingSect__secondItem .layoutSect__item--doubleLarge {
    margin-left: -80px;
  }
}
@media screen and (min-width: 768px) {
  .shoppingSect__thirdItem {
    margin-top: 260px;
  }
}
@media screen and (max-width: 768px) {
  .shoppingSect__thirdItem {
    margin-top: 48px;
  }
}
@media screen and (min-width: 768px) {
  .shoppingSect__fourthItem {
    margin-top: 80px;
  }
}
@media screen and (max-width: 768px) {
  .shoppingSect__fourthItem {
    margin-top: 48px;
  }
}
.shoppingSect .photo--shadow {
  -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
          box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

@media screen and (min-width: 768px) {
  .educationSect {
    padding-top: 120px;
    padding-bottom: 120px;
  }
}
@media screen and (max-width: 768px) {
  .educationSect {
    padding-top: 16vw;
    padding-bottom: 16vw;
  }
}

.medicalSect {
  background: #f1efed;
}
@media screen and (min-width: 768px) {
  .medicalSect {
    padding-top: 120px;
    padding-bottom: 120px;
  }
}
@media screen and (max-width: 768px) {
  .medicalSect {
    padding-top: 16vw;
    padding-bottom: 16vw;
  }
}

@media screen and (min-width: 768px) {
  .parkSect {
    padding-top: 120px;
    padding-bottom: 120px;
  }
}
@media screen and (max-width: 768px) {
  .parkSect {
    padding-top: 16vw;
    padding-bottom: 16vw;
  }
}

.financialSect {
  background: #f1efed;
}
@media screen and (min-width: 768px) {
  .financialSect {
    padding-top: 120px;
    padding-bottom: 120px;
  }
}
@media screen and (max-width: 768px) {
  .financialSect {
    padding-top: 16vw;
    padding-bottom: 16vw;
  }
}
.financialSect__bottom {
  margin-top: 60px;
}

@media screen and (min-width: 768px) {
  .mapSect {
    margin-top: 120px;
    padding-bottom: 120px;
  }
}
@media screen and (max-width: 768px) {
  .mapSect {
    margin-top: 16vw;
    padding-bottom: 16vw;
  }
}
@media screen and (min-width: 768px) {
  .mapSect__map {
    margin-top: 64px;
  }
}
@media screen and (max-width: 768px) {
  .mapSect__map {
    margin-top: 8.5333333333vw;
  }
}
@media screen and (min-width: 768px) {
  .mapSect .wrap {
    max-width: 890px;
  }
}