@charset "UTF-8";
/* import */
/* レスポンシブ */
/*****STANDART CSS******/
:root {
  --view-size: 1440;
}

@media screen and (max-width: 767px) {
  :root {
    --view-size: 375;
  }
}
/* -----------------------------------
common：基本
----------------------------------- */
abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var,
video {
  margin: 0;
}

html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  scroll-behavior: smooth;
  font-size: 16px;
  /******SMOOTH SCROLL ANCHOR******/
}

/*****STANDART CSS******/
/* ---------common--------- */
body {
  color: #333;
  font-family: "Zen Kaku Gothic Antique", "Hiragino Kaku Gothic ProN", "Meiryo", sans-serif;
  font-weight: 400;
  line-height: 1.7;
}

@media (max-width: 767px) {
  body.active {
    overflow: hidden;
  }
}

h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
  line-height: 1;
}

b {
  font-weight: normal;
}

ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

img {
  vertical-align: bottom;
  width: 100%;
  height: auto;
}

a {
  transition: 0.25s;
  text-decoration: none;
  color: inherit;
  cursor: pointer;
}
a:hover {
  opacity: 0.2;
}

/* inner関係 */
.inner {
  width: calc(1200 / var(--view-size) * 100vw);
  margin-inline: auto;
}
@media (max-width: 767px) {
  .inner {
    width: 100%;
  }
}

.wrap {
  padding: 0;
}
@media (max-width: 767px) {
  .wrap {
    padding: 0 calc(16 / var(--view-size) * 100vw);
  }
}

/* -----------------------------------
common：フォント
----------------------------------- */
.tenor-sans {
  font-family: "Tenor Sans", sans-serif;
  font-weight: 400;
  font-style: normal;
}

/* 縦書き */
.vertical {
  writing-mode: vertical-rl;
}

/* 大文字 */
.uppercase {
  text-transform: uppercase;
}

/* -----------------------------------
common：flex
----------------------------------- */
.row {
  display: flex;
  flex-wrap: wrap;
}

.between {
  justify-content: space-between;
}

.align_start {
  align-items: flex-start;
}

.align_center {
  align-items: center;
}

.align_end {
  align-items: flex-end;
}

.flex_center {
  justify-content: center;
}

.flex_start {
  justify-content: flex-start;
}

.flex_end {
  justify-content: flex-end;
}

.stretch {
  align-items: stretch;
}

.reverse {
  flex-direction: row-reverse;
}

/* -----------------------------------
common：display
----------------------------------- */
@media (max-width: 767px) {
  .sp_dn {
    display: none;
  }
}

.sp_db {
  display: none;
}
@media (max-width: 767px) {
  .sp_db {
    display: block;
  }
}

.sp_db_no-important {
  display: none;
}
@media (max-width: 767px) {
  .sp_db_no-important {
    display: block;
  }
}

.sp_d_ib {
  display: none;
}
@media (max-width: 767px) {
  .sp_d_ib {
    display: inline-block;
  }
}

/* -----------------------------------
common：position
----------------------------------- */
.fixed {
  position: fixed;
}

.relative {
  position: relative;
}

.absolute {
  position: absolute;
}

/* z-index */
.z_-10 {
  z-index: -10;
}

.z_10 {
  z-index: 10;
}

.z_20 {
  z-index: 20;
}

.z_30 {
  z-index: 30;
}

.z_40 {
  z-index: 40;
}

.z_50 {
  z-index: 50;
}

.z_8000 {
  z-index: 8000;
}

.z_9999 {
  z-index: 9999;
}

/* -----------------------------------
common：共通タイトル
----------------------------------- */
.common_ttl {
  font-size: calc(36 / var(--view-size) * 100vw);
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.025em;
  color: #6A6158;
}
@media (max-width: 767px) {
  .common_ttl {
    font-size: calc(20 / var(--view-size) * 100vw);
  }
}

.common_ttl span {
  display: block;
  font-size: calc(32 / var(--view-size) * 100vw);
  line-height: 1.7;
  letter-spacing: 0;
  color: #BFB9AE;
}
@media (max-width: 767px) {
  .common_ttl span {
    font-size: calc(18 / var(--view-size) * 100vw);
  }
}

/* -----------------------------------
common：共通ボタン
----------------------------------- */
.common_btn {
  display: flex;
  align-items: center;
  justify-content: center;
  border: calc(1 / var(--view-size) * 100vw) solid;
  border-radius: calc(9999 / var(--view-size) * 100vw);
  transition: opacity 0.25s;
}

.common_btn a {
  display: block;
  width: 100%;
  height: 100%;
  color: #fff;
}

/* ボタン右矢印 */
.arrow {
  position: absolute;
  right: calc(28 / var(--view-size) * 100vw);
  line-height: 1;
}

.arrow.-right {
  width: calc(17 / var(--view-size) * 100vw);
  height: calc(4 / var(--view-size) * 100vw);
  border-right: calc(1 / var(--view-size) * 100vw) solid #fff;
  border-bottom: calc(1 / var(--view-size) * 100vw) solid #fff;
  transform: skew(45deg);
}

/* ✕ボタン */
@media (max-width: 767px) {
  .cross {
    display: inline-block;
    position: relative;
    width: calc(15 / var(--view-size) * 100vw);
    height: calc(15 / var(--view-size) * 100vw);
  }
}

@media (max-width: 767px) {
  .cross::before,
  .cross::after {
    content: "";
    position: absolute;
    top: 65%;
    left: 50%;
    background-color: #6A6158;
    width: 100%;
    height: calc(1 / var(--view-size) * 100vw);
  }
}

@media (max-width: 767px) {
  .cross::before {
    transform: translate(-50%, -50%) rotate(45deg);
  }
}

@media (max-width: 767px) {
  .cross::after {
    transform: translate(-50%, -50%) rotate(-45deg);
  }
}

/* -----------------------------------
ヘッダー：ヘッダー
----------------------------------- */
.header {
  width: 100%;
  height: calc(81 / var(--view-size) * 100vw);
  background-color: rgba(255, 255, 255, 0.7);
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
}
@media (max-width: 767px) {
  .header {
    height: calc(48 / var(--view-size) * 100vw);
  }
}

.header_width {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-left: calc(24 / var(--view-size) * 100vw);
}
@media (max-width: 767px) {
  .header_width {
    padding-left: calc(16 / var(--view-size) * 100vw);
  }
}

.header_logo {
  width: calc(242 / var(--view-size) * 100vw);
}
@media (max-width: 767px) {
  .header_logo {
    position: relative;
    z-index: 10;
    width: calc(169 / var(--view-size) * 100vw);
  }
}

.header_inner {
  display: flex;
  align-items: center;
  height: 100%;
}

.header_nav {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.25s;
  height: 100%;
  display: flex;
  align-items: center;
}
@media (max-width: 767px) {
  .header_nav {
    width: 100%;
    height: 100svh;
    position: absolute;
    background-color: #F9F7F2;
    flex-direction: column;
    top: 0;
    left: 0;
    padding-top: calc(53 / var(--view-size) * 100vw);
  }
}

.header_nav.active {
  opacity: 1;
  visibility: visible;
}

@media (max-width: 767px) {
  .header_nav nav {
    width: 100%;
    padding: 0 calc(25 / var(--view-size) * 100vw);
    margin-top: calc(24 / var(--view-size) * 100vw);
  }
}

.header_nav nav ul {
  display: flex;
  align-items: center;
}
@media (max-width: 767px) {
  .header_nav nav ul {
    flex-direction: column;
    border-top: calc(1 / var(--view-size) * 100vw) solid #BFB9AE;
  }
}

.header_nav_item {
  font-size: calc(16 / var(--view-size) * 100vw);
  line-height: 1;
  margin-right: calc(24 / var(--view-size) * 100vw);
}
@media (max-width: 767px) {
  .header_nav_item {
    width: 100%;
    font-size: calc(18 / var(--view-size) * 100vw);
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: 0.025em;
    color: #6A6158;
    padding: calc(20 / var(--view-size) * 100vw) 0 calc(19 / var(--view-size) * 100vw) calc(8 / var(--view-size) * 100vw);
    margin-right: 0;
    border-bottom: calc(1 / var(--view-size) * 100vw) solid #BFB9AE;
  }
}

.header_btn_box {
  display: flex;
  -moz-column-gap: calc(1 / var(--view-size) * 100vw);
       column-gap: calc(1 / var(--view-size) * 100vw);
  height: 100%;
}

.header_btn {
  cursor: pointer;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: calc(123 / var(--view-size) * 100vw);
  height: 100%;
  font-size: calc(18 / var(--view-size) * 100vw);
  font-weight: 700;
  letter-spacing: 0.025em;
  color: #fff;
}
@media (max-width: 767px) {
  .header_btn {
    position: relative;
    width: calc(57 / var(--view-size) * 100vw);
    font-size: calc(10 / var(--view-size) * 100vw);
  }
}

.header_btn a {
  display: block;
  width: 100%;
  height: 100%;
  padding-top: calc(46 / var(--view-size) * 100vw);
  text-align: center;
}
@media (max-width: 767px) {
  .header_btn a {
    padding-top: calc(29 / var(--view-size) * 100vw);
  }
}

.header_contact {
  background-color: #958D83;
  background-image: url("../image/icon-library.png");
  background-size: calc(23.33 / var(--view-size) * 100vw) calc(23.33 / var(--view-size) * 100vw);
  background-position: center calc(19 / var(--view-size) * 100vw);
}
@media (max-width: 767px) {
  .header_contact {
    background-position: center calc(9 / var(--view-size) * 100vw);
    background-size: calc(15 / var(--view-size) * 100vw) calc(15 / var(--view-size) * 100vw);
  }
}

.header_contact:hover {
  background-color: #575451;
  transition: 0.3s;
}

.header_contact:hover a {
  opacity: 1;
}

.header_reserve {
  background-color: #BB9770;
  background-image: url("../image/icon-calendar.png");
  background-size: calc(21 / var(--view-size) * 100vw) calc(23.33 / var(--view-size) * 100vw);
  background-position: center calc(19 / var(--view-size) * 100vw);
}
@media (max-width: 767px) {
  .header_reserve {
    background-position: center calc(9 / var(--view-size) * 100vw);
    background-size: calc(13.5 / var(--view-size) * 100vw) calc(15 / var(--view-size) * 100vw);
  }
}

.header_reserve:hover {
  background-color: #d8852c;
  transition: 0.3s;
}

.header_reserve:hover a {
  opacity: 1;
}

@media (max-width: 767px) {
  .header_close {
    width: 100%;
    font-size: calc(16 / var(--view-size) * 100vw);
    line-height: 1.5;
    letter-spacing: 0.025em;
    color: #6A6158;
    text-align: center;
    margin-top: calc(32 / var(--view-size) * 100vw);
  }
}

/* ハンバーガー */
@media (max-width: 767px) {
  .hbg_btn {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 10;
    background-color: #EAE4D2;
    width: calc(48 / var(--view-size) * 100vw);
    height: calc(48 / var(--view-size) * 100vw);
  }
}

@media (max-width: 767px) {
  .hbg_btn_in {
    display: flex;
    flex-direction: column;
    row-gap: calc(5 / var(--view-size) * 100vw);
    transition: all 0.25s;
  }
}

@media (max-width: 767px) {
  .hbg_btn span {
    display: inline-block;
    background-color: #6A6158;
    width: calc(20 / var(--view-size) * 100vw);
    height: calc(2 / var(--view-size) * 100vw);
    border-radius: calc(999 / var(--view-size) * 100vw);
  }
}

@media (max-width: 767px) {
  .hbg_btn_in.active {
    transform: rotate(360deg);
  }
}

@media (max-width: 767px) {
  .hbg_btn span.active:nth-of-type(1) {
    transform: translateY(calc(7 / var(--view-size) * 100vw)) rotate(-45deg);
  }
}

@media (max-width: 767px) {
  .hbg_btn span.active:nth-of-type(2) {
    transform: translateY(0) rotate(45deg);
  }
}

@media (max-width: 767px) {
  .hbg_btn span.active:nth-of-type(3) {
    opacity: 0;
  }
}

@media (max-width: 767px) {
  .header_nav_contact {
    background-color: #958D83;
    border-color: #6A6158;
    margin-top: calc(30 / var(--view-size) * 100vw);
  }
}

@media (max-width: 767px) {
  .header_nav_contact,
  .header_nav_reserve {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: calc(298 / var(--view-size) * 100vw);
    height: calc(59 / var(--view-size) * 100vw);
    font-size: calc(18 / var(--view-size) * 100vw);
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: 0.025em;
    color: #fff;
    border-radius: calc(9999 / var(--view-size) * 100vw);
    border: calc(1 / var(--view-size) * 100vw) solid;
  }
}

.header_nav_contact::before,
.header_nav_reserve::before {
  content: "";
  display: block;
  background-size: contain;
}

@media (max-width: 767px) {
  .header_nav_contact::before {
    background-image: url("../image/icon-library.png");
    width: calc(20 / var(--view-size) * 100vw);
    height: calc(20 / var(--view-size) * 100vw);
    margin-right: calc(11 / var(--view-size) * 100vw);
  }
}

@media (max-width: 767px) {
  .header_nav_reserve {
    background-color: #BB9770;
    border-color: #99693A;
    margin-top: calc(24 / var(--view-size) * 100vw);
  }
}

@media (max-width: 767px) {
  .header_nav_reserve::before {
    background-image: url("../image/icon-calendar.png");
    width: calc(18 / var(--view-size) * 100vw);
    height: calc(20 / var(--view-size) * 100vw);
    margin-right: calc(11 / var(--view-size) * 100vw);
  }
}

/* -----------------------------------
フッター：
----------------------------------- */
.footer {
  background-color: #F2EEE3;
  padding: calc(48 / var(--view-size) * 100vw) 0 calc(24 / var(--view-size) * 100vw);
}
@media (max-width: 767px) {
  .footer {
    padding: calc(36 / var(--view-size) * 100vw) 0 calc(16 / var(--view-size) * 100vw);
  }
}

.footer_logo {
  width: calc(242 / var(--view-size) * 100vw);
  margin-inline: auto;
}
@media (max-width: 767px) {
  .footer_logo {
    width: calc(170 / var(--view-size) * 100vw);
  }
}

.footer_tel {
  font-size: calc(16 / var(--view-size) * 100vw);
  letter-spacing: 0.025em;
  text-align: center;
  margin-top: calc(24 / var(--view-size) * 100vw);
}
@media (max-width: 767px) {
  .footer_tel {
    font-size: calc(14 / var(--view-size) * 100vw);
  }
}

.footer_txt {
  font-size: calc(16 / var(--view-size) * 100vw);
  letter-spacing: 0.025em;
  text-align: center;
  margin-top: calc(16 / var(--view-size) * 100vw);
}
@media (max-width: 767px) {
  .footer_txt {
    font-size: calc(14 / var(--view-size) * 100vw);
  }
}

.footer_cont ul {
  display: flex;
  align-items: center;
  justify-content: center;
  -moz-column-gap: calc(32 / var(--view-size) * 100vw);
       column-gap: calc(32 / var(--view-size) * 100vw);
  margin-top: calc(24 / var(--view-size) * 100vw);
}
@media (max-width: 767px) {
  .footer_cont ul {
    justify-content: space-between;
    -moz-column-gap: 0;
         column-gap: 0;
  }
}

.footer_cont a {
  display: flex;
  align-items: center;
  font-size: calc(14 / var(--view-size) * 100vw);
  font-weight: 500;
  letter-spacing: 0.025em;
  color: #958D83;
  border-bottom: calc(1 / var(--view-size) * 100vw) solid #958D83;
}
@media (max-width: 767px) {
  .footer_cont a {
    font-size: calc(12 / var(--view-size) * 100vw);
  }
}

.footer_cont a::after {
  display: inline-block;
  content: "";
  background-image: url("../image/icon-open.png");
  background-size: contain;
  background-position: right center;
  width: calc(11 / var(--view-size) * 100vw);
  height: calc(11 / var(--view-size) * 100vw);
  margin-left: calc(12 / var(--view-size) * 100vw);
}
@media (max-width: 767px) {
  .footer_cont a::after {
    width: calc(10 / var(--view-size) * 100vw);
    height: calc(10 / var(--view-size) * 100vw);
    margin-left: calc(6 / var(--view-size) * 100vw);
  }
}

.footer_copy {
  font-size: calc(14 / var(--view-size) * 100vw);
  letter-spacing: 0.025em;
  text-align: center;
  margin-top: calc(40 / var(--view-size) * 100vw);
}
@media (max-width: 767px) {
  .footer_copy {
    font-size: calc(12 / var(--view-size) * 100vw);
    margin-top: calc(30 / var(--view-size) * 100vw);
  }
}

.scroll-infinity__list--left {
  animation: infinity-scroll-left 45s infinite linear 0.5s both;
}

.scroll-infinity__list--right {
  animation: infinity-scroll-right 80s infinite linear 0.5s both;
}

/* 無限に横スクロール */
@keyframes infinity-scroll-left {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}
@keyframes infinity-scroll-right {
  from {
    transform: translateX(-100);
  }
  to {
    transform: translateX(0%);
  }
}
/* -----------------------------------
MV
----------------------------------- */
.MV {
  background-image: url("../image/20250901/1.png");
  background-size: cover;
  height: calc(900 / var(--view-size) * 100vw);
  overflow: hidden;
}
@media (max-width: 767px) {
  .MV {
    background-image: url("../image/20250901/1.png");
    height: calc(600 / var(--view-size) * 100vw);
    background-position:center center;
  }
}

.MV::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #000000 100%);
  opacity: 0.3;
}

.MV_scroll {
  display: flex;
  font-size: calc(128 / var(--view-size) * 100vw);
  line-height: 1;
  color: rgba(255, 255, 255, 0.2);
  padding-top: calc(91 / var(--view-size) * 100vw);
}
@media (max-width: 767px) {
  .MV_scroll {
    font-size: calc(64 / var(--view-size) * 100vw);
    padding-top: calc(69 / var(--view-size) * 100vw);
  }
}

.MV_scroll ul li {
  width: calc(4416 / var(--view-size) * 100vw);
}
@media (max-width: 767px) {
  .MV_scroll ul li {
    width: calc(2210 / var(--view-size) * 100vw);
  }
}

.MV_scroll ul:last-of-type {
  margin-left: calc(40 / var(--view-size) * 100vw);
}
@media (max-width: 767px) {
  .MV_scroll ul:last-of-type {
    margin-left: calc(20 / var(--view-size) * 100vw);
  }
}

.MV_cont {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 7%;
  padding: 0 calc(64 / var(--view-size) * 100vw);
}
@media (max-width: 767px) {
  .MV_cont {
    bottom: 5%;
    padding: 0 calc(16 / var(--view-size) * 100vw);
  }
}

.MV_cont_txt {
  font-size: calc(20 / var(--view-size) * 100vw);
  font-weight: 700;
  letter-spacing: 0.025em;
  color: #fff;
}
@media (max-width: 767px) {
  .MV_cont_txt {
    font-size: calc(13 / var(--view-size) * 100vw);
  }
}

.MV_cont_txt span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(106, 97, 88, 0.8);
  width: calc(147 / var(--view-size) * 100vw);
  height: calc(34 / var(--view-size) * 100vw);
  border-radius: calc(8 / var(--view-size) * 100vw);
  border: calc(1 / var(--view-size) * 100vw) solid #fff;
}
@media (max-width: 767px) {
  .MV_cont_txt span {
    width: calc(104 / var(--view-size) * 100vw);
    height: calc(27 / var(--view-size) * 100vw);
  }
}

.MV_cont_txt span:last-of-type {
  margin-left: calc(16 / var(--view-size) * 100vw);
}
@media (max-width: 767px) {
  .MV_cont_txt span:last-of-type {
    margin-left: calc(12 / var(--view-size) * 100vw);
  }
}

.MV_cont_ttl {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  margin-top: calc(12 / var(--view-size) * 100vw);
}
.MV_cont_ttl h2 {
  font-size: calc(48 / var(--view-size) * 100vw);
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.025em;
  color: #fff;
}
@media (max-width: 767px) {
  .MV_cont_ttl h2 {
    font-size: calc(24 / var(--view-size) * 100vw);
  }
}

.MV_cont_ttl h2 span:first-of-type {
  font-size: calc(60 / var(--view-size) * 100vw);
  line-height: 1.3;
}
@media (max-width: 767px) {
  .MV_cont_ttl h2 span:first-of-type {
    font-size: calc(30 / var(--view-size) * 100vw);
  }
}

.MV_cont_ttl h2 span:last-of-type {
  font-size: calc(44 / var(--view-size) * 100vw);
  letter-spacing: 0;
}
@media (max-width: 767px) {
  .MV_cont_ttl h2 span:last-of-type {
    font-size: calc(22 / var(--view-size) * 100vw);
  }
}

.cont_ttl_btn {
  background-image: url("../image/icon-library.png");
  background-size: calc(37 / var(--view-size) * 100vw) calc(37 / var(--view-size) * 100vw);
  background-position: center calc(30 / var(--view-size) * 100vw);
  background-color: #958D83;
  width: calc(180 / var(--view-size) * 100vw);
  height: calc(180 / var(--view-size) * 100vw);
  border: calc(1 / var(--view-size) * 100vw) solid #fff;
  border-radius: calc(999 / var(--view-size) * 100vw);
}
@media (max-width: 767px) {
  .cont_ttl_btn {
    background-size: calc(20 / var(--view-size) * 100vw) calc(20 / var(--view-size) * 100vw);
    background-position: center calc(15 / var(--view-size) * 100vw);
    width: calc(104 / var(--view-size) * 100vw);
    height: calc(104 / var(--view-size) * 100vw);
  }
}

.cont_ttl_btn a {
  display: block;
  width: 100%;
  height: 100%;
  font-size: calc(24 / var(--view-size) * 100vw);
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.025em;
  color: #fff;
  text-align: center;
  padding-top: calc(82 / var(--view-size) * 100vw);
}
@media (max-width: 767px) {
  .cont_ttl_btn a {
    font-size: calc(16 / var(--view-size) * 100vw);
    padding-top: calc(43 / var(--view-size) * 100vw);
  }
}

.cont_ttl_btn:hover {
  background-color: #575451;
  transition: 0.3s;
}

.cont_ttl_btn:hover a {
  opacity: 1;
}

.cont_ttl_btn a span {
  font-size: calc(20 / var(--view-size) * 100vw);
}
@media (max-width: 767px) {
  .cont_ttl_btn a span {
    font-size: calc(12 / var(--view-size) * 100vw);
  }
}

/* -----------------------------------
trans  受付、会議室が設置済みのハーフセットアップオフィス
----------------------------------- */
.trans {
  background-image: url("../image/trans-bg.png");
  background-size: calc(300 / var(--view-size) * 100vw) calc(291 / var(--view-size) * 100vw);
  background-position: calc(57 / var(--view-size) * 100vw) calc(66 / var(--view-size) * 100vw);
  background-color: #F9F7F2;
  padding: calc(96 / var(--view-size) * 100vw) 0 calc(520 / var(--view-size) * 100vw);
}
@media (max-width: 767px) {
  .trans {
    background-size: calc(158 / var(--view-size) * 100vw) calc(155 / var(--view-size) * 100vw);
    background-position: calc(19 / var(--view-size) * 100vw) calc(23 / var(--view-size) * 100vw);
    padding: calc(40 / var(--view-size) * 100vw) 0 calc(217 / var(--view-size) * 100vw);
  }
}

@media (max-width: 767px) {
  .trans_ttl {
    font-size: calc(22 / var(--view-size) * 100vw);
  }
}

.trans_txt {
  top: calc(323 / var(--view-size) * 100vw);
  left: calc(56 / var(--view-size) * 100vw);
  z-index: 10;
  background-color: #fff;
  width: calc(696 / var(--view-size) * 100vw);
  padding: calc(60 / var(--view-size) * 100vw);
  border-radius: calc(80 / var(--view-size) * 100vw) calc(8 / var(--view-size) * 100vw) calc(80 / var(--view-size) * 100vw) calc(8 / var(--view-size) * 100vw);
}
@media (max-width: 767px) {
  .trans_txt {
    width: 100%;
    padding: calc(24 / var(--view-size) * 100vw);
    border-radius: calc(32 / var(--view-size) * 100vw) calc(8 / var(--view-size) * 100vw) calc(32 / var(--view-size) * 100vw) calc(8 / var(--view-size) * 100vw);
    margin-top: calc(177 / var(--view-size) * 100vw);
  }
}

.trans_txt p {
  font-size: calc(18 / var(--view-size) * 100vw);
  font-weight: 400;
  line-height: 2;
  letter-spacing: 0.025em;
}
@media (max-width: 767px) {
  .trans_txt p {
    font-size: calc(14 / var(--view-size) * 100vw);
  }
}

.trans_txt p:last-of-type {
  margin-top: calc(24 / var(--view-size) * 100vw);
}
@media (max-width: 767px) {
  .trans_txt p:last-of-type {
    margin-top: calc(16 / var(--view-size) * 100vw);
  }
}

.trans_img {
  top: calc(96 / var(--view-size) * 100vw);
  right: calc(56 / var(--view-size) * 100vw);
  z-index: 5;
  width: calc(696 / var(--view-size) * 100vw);
  height: calc(570 / var(--view-size) * 100vw);
}
@media (max-width: 767px) {
  .trans_img {
    top: calc(161 / var(--view-size) * 100vw);
    right: 0;
    width: calc(359 / var(--view-size) * 100vw);
    height: calc(137 / var(--view-size) * 100vw);
  }
}

@media (max-width: 767px) {
  .trans_img:last-of-type {
    top: auto;
    bottom: calc(41 / var(--view-size) * 100vw);
    left: 0;
    width: calc(359 / var(--view-size) * 100vw);
    height: calc(160 / var(--view-size) * 100vw);
  }
}

/* -----------------------------------
feature  最適なスタートを最小の労力で
----------------------------------- */
.feature {
  background-color: #F9F7F2;
}

.feature .wrap {
  background-color: #BFB9AE;
  background: linear-gradient(180deg, #F2EEE3 50.48%, #F9F7F2 100%);
  padding: calc(96 / var(--view-size) * 100vw) calc(150 / var(--view-size) * 100vw) calc(61 / var(--view-size) * 100vw);
  border-radius: calc(9999 / var(--view-size) * 100vw) calc(9999 / var(--view-size) * 100vw) 0 0;
}
@media (max-width: 767px) {
  .feature .wrap {
    padding: calc(40 / var(--view-size) * 100vw) calc(16 / var(--view-size) * 100vw) calc(12 / var(--view-size) * 100vw);
  }
}

.feature_ttl {
  text-align: center;
}
@media (max-width: 767px) {
  .feature_ttl {
    font-size: calc(22 / var(--view-size) * 100vw);
  }
}

.feature_cont {
  margin-top: calc(48 / var(--view-size) * 100vw);
}
@media (max-width: 767px) {
  .feature_cont {
    margin-top: calc(24 / var(--view-size) * 100vw);
  }
}

.cont_list_box {
  display: flex;
  justify-content: space-between;
  padding-bottom: calc(30 / var(--view-size) * 100vw);
}
@media (max-width: 767px) {
  .cont_list_box {
    flex-direction: column;
    padding-bottom: calc(22 / var(--view-size) * 100vw);
  }
}

.cont_list_box:not(:first-of-type) {
  padding: calc(31 / var(--view-size) * 100vw) 0;
  border-top: calc(1 / var(--view-size) * 100vw) solid #BFB9AE;
}
@media (max-width: 767px) {
  .cont_list_box:not(:first-of-type) {
    padding: calc(24 / var(--view-size) * 100vw) 0;
  }
}

.list_box_head {
  width: calc(518 / var(--view-size) * 100vw);
}
@media (max-width: 767px) {
  .list_box_head {
    width: 100%;
  }
}

.list_box_head h3 {
  font-size: calc(24 / var(--view-size) * 100vw);
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.025em;
  color: #6A6158;
}
@media (max-width: 767px) {
  .list_box_head h3 {
    font-size: calc(20 / var(--view-size) * 100vw);
  }
}

.list_box_head span {
  display: inline-block;
  font-size: calc(20 / var(--view-size) * 100vw);
  line-height: 1.3;
  letter-spacing: 0;
  color: #BFB9AE;
  vertical-align: super;
  border-bottom: calc(1 / var(--view-size) * 100vw) solid #958D83;
}
@media (max-width: 767px) {
  .list_box_head span {
    font-size: calc(14 / var(--view-size) * 100vw);
  }
}

.list_box_head b {
  display: inline-block;
  font-size: calc(56 / var(--view-size) * 100vw);
  line-height: 1;
  letter-spacing: 0;
  color: #BFB9AE;
  margin-left: calc(5 / var(--view-size) * 100vw);
}
@media (max-width: 767px) {
  .list_box_head b {
    font-size: calc(36 / var(--view-size) * 100vw);
  }
}

.list_box_head p {
  font-size: calc(16 / var(--view-size) * 100vw);
  letter-spacing: 0.025em;
  margin-top: calc(15 / var(--view-size) * 100vw);
}
@media (max-width: 767px) {
  .list_box_head p {
    font-size: calc(14 / var(--view-size) * 100vw);
    margin-top: calc(16 / var(--view-size) * 100vw);
  }
}

.list_box_img {
  width: calc(350 / var(--view-size) * 100vw);
}
@media (max-width: 767px) {
  .list_box_img {
    width: 100%;
    margin-top: calc(24 / var(--view-size) * 100vw);
  }
}

/* -----------------------------------
CTA
----------------------------------- */
.CTA {
  background-color: #F9F7F2;
}

.CTA_bg {
  background-image: url("../image/CTA.jpg");
  background-size: cover;
  border-radius: calc(80 / var(--view-size) * 100vw) calc(80 / var(--view-size) * 100vw) 0 0;
}
@media (max-width: 767px) {
  .CTA_bg {
    background-image: url("../image/CTA-sp.jpg");
    border-radius: calc(40 / var(--view-size) * 100vw) calc(40 / var(--view-size) * 100vw) 0 0;
  }
}

.CTA .inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: calc(96 / var(--view-size) * 100vw) 0;
}
@media (max-width: 767px) {
  .CTA .inner {
    padding: calc(40 / var(--view-size) * 100vw) 0;
  }
}

.cta_ttl {
  font-size: calc(36 / var(--view-size) * 100vw);
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.025em;
  color: #6A6158;
}
@media (max-width: 767px) {
  .cta_ttl {
    font-size: calc(20 / var(--view-size) * 100vw);
  }
}

.cta_box {
  margin-top: calc(48 / var(--view-size) * 100vw);
}
@media (max-width: 767px) {
  .cta_box {
    margin-top: calc(24 / var(--view-size) * 100vw);
  }
}

.cta_box ul {
  display: flex;
  -moz-column-gap: calc(32 / var(--view-size) * 100vw);
       column-gap: calc(32 / var(--view-size) * 100vw);
}
@media (max-width: 767px) {
  .cta_box ul {
    flex-direction: column;
    row-gap: calc(16 / var(--view-size) * 100vw);
  }
}

.cta_contact,
.cta_reserve {
  font-size: calc(24 / var(--view-size) * 100vw);
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.025em;
  width: calc(328 / var(--view-size) * 100vw);
  height: calc(68 / var(--view-size) * 100vw);
}
@media (max-width: 767px) {
  .cta_contact,
  .cta_reserve {
    font-size: calc(20 / var(--view-size) * 100vw);
    width: calc(306 / var(--view-size) * 100vw);
    height: calc(62 / var(--view-size) * 100vw);
  }
}

.cta_contact {
  background-image: url("../image/icon-library.png");
  background-color: #958D83;
  border-color: #6A6158;
  background-size: calc(25 / var(--view-size) * 100vw) calc(25 / var(--view-size) * 100vw);
  background-position: calc(96 / var(--view-size) * 100vw) center;
}
@media (max-width: 767px) {
  .cta_contact {
    background-size: calc(20 / var(--view-size) * 100vw) calc(20 / var(--view-size) * 100vw);
  }
}

.cta_contact a,
.cta_reserve a {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-left: calc(39 / var(--view-size) * 100vw);
}
@media (max-width: 767px) {
  .cta_contact a,
  .cta_reserve a {
    padding-left: calc(33 / var(--view-size) * 100vw);
  }
}

.cta_reserve {
  background-image: url("../image/icon-calendar.png");
  background-color: #BB9770;
  border-color: #99693A;
  background-size: calc(22.5 / var(--view-size) * 100vw) calc(25 / var(--view-size) * 100vw);
  background-position: calc(96 / var(--view-size) * 100vw) center;
}
@media (max-width: 767px) {
  .cta_reserve {
    background-size: calc(18 / var(--view-size) * 100vw) calc(20 / var(--view-size) * 100vw);
  }
}

.cta_contact:hover {
  background-color: #575451;
  transition: 0.3s;
}

.cta_reserve:hover {
  background-color: #d8852c;
  transition: 0.3s;
}

.cta_contact:hover a,
.cta_reserve:hover a {
  opacity: 1;
}

/* -----------------------------------
plan  15名～20名を想定したフロアプラン
----------------------------------- */
.plan {
  overflow-x: hidden;
  background-color: #F9F7F2;
  padding: calc(96 / var(--view-size) * 100vw) 0;
}
@media (max-width: 767px) {
  .plan {
    padding: calc(40 / var(--view-size) * 100vw) 0;
  }
}

.plan .wrap {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .plan .wrap {
    flex-direction: column;
  }
}

.plan_head {
  width: calc(500 / var(--view-size) * 100vw);
}
@media (max-width: 767px) {
  .plan_head {
    width: 100%;
  }
}

/* テーブル */
.plan_table {
  margin-top: calc(48 / var(--view-size) * 100vw);
}
@media (max-width: 767px) {
  .plan_table {
    margin-top: calc(24 / var(--view-size) * 100vw);
  }
}

.plan_table table {
  table-layout: fixed;
  width: 100%;
  border-collapse: collapse;
}

.plan_table thead {
  width: 100%;
}

.plan_table th {
  background-color: #F2EEE3;
  font-size: calc(14 / var(--view-size) * 100vw);
  font-weight: 500;
  line-height: 1.3;
  letter-spacing: 0.025em;
  color: #6A6158;
  text-align: center;
  width: calc(100 / var(--view-size) * 100vw);
  height: calc(58 / var(--view-size) * 100vw);
  border: calc(1 / var(--view-size) * 100vw) solid #958D83;
  border-bottom: 0;
}
@media (max-width: 767px) {
  .plan_table th {
    font-size: calc(12 / var(--view-size) * 100vw);
    width: calc(114 / var(--view-size) * 100vw);
    height: calc(36 / var(--view-size) * 100vw);
  }
}

@media (max-width: 767px) {
  .plan_table .mobil_type th {
    width: calc(172 / var(--view-size) * 100vw);
  }
}

@media (max-width: 767px) {
  .plan_table .mobil_type td {
    width: calc(172 / var(--view-size) * 100vw);
    height: calc(73 / var(--view-size) * 100vw);
  }
}

.plan_table td {
  background-color: #fff;
  font-size: calc(24 / var(--view-size) * 100vw);
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.025em;
  text-align: center;
  width: calc(100 / var(--view-size) * 100vw);
  height: calc(82 / var(--view-size) * 100vw);
  border: calc(1 / var(--view-size) * 100vw) solid #958D83;
  border-top: 0;
}
@media (max-width: 767px) {
  .plan_table td {
    width: calc(114 / var(--view-size) * 100vw);
    height: calc(54 / var(--view-size) * 100vw);
  }
}

.plan_table td span {
  font-size: calc(12 / var(--view-size) * 100vw);
  font-weight: 400;
}

.plan_table td b {
  font-size: calc(10 / var(--view-size) * 100vw);
  font-weight: 400;
  line-height: 1.5;
}

.plan_foot {
  width: calc(652 / var(--view-size) * 100vw);
  margin-top: calc(30 / var(--view-size) * 100vw);
}
@media (max-width: 767px) {
  .plan_foot {
    width: 100%;
    margin-top: calc(24 / var(--view-size) * 100vw);
  }
}

.plan_foot figcaption {
  font-size: 12px;
  margin-top: 8px;
}

/* スワイパー */
.slide_box {
  margin-top: calc(47 / var(--view-size) * 100vw);
}
@media (max-width: 767px) {
  .slide_box {
    margin-top: calc(35 / var(--view-size) * 100vw);
  }
}

.swiper {
  overflow: visible;
  height: calc(500 / var(--view-size) * 100vw);
  padding: 0 calc((1440 / var(--view-size) * 100vw - 800 / var(--view-size) * 100vw) / 2 - 288 / var(--view-size) * 100vw);
}
@media (max-width: 767px) {
  .swiper {
    height: calc(175 / var(--view-size) * 100vw);
    padding: 0 calc((375 / var(--view-size) * 100vw - 280 / var(--view-size) * 100vw) / 2 - 36 / var(--view-size) * 100vw);
  }
}

.swiper-wrapper {
  align-items: center;
}

.swiper-slide {
  width: calc(698 / var(--view-size) * 100vw);
  height: calc(436 / var(--view-size) * 100vw);
  margin-left: calc(32 / var(--view-size) * 100vw);
  transition: transform 0.6s ease;
  transform-origin: center center;
  border-radius: calc(24 / var(--view-size) * 100vw);
  overflow: hidden;
  background-color: #F9F7F2;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
@media (max-width: 767px) {
  .swiper-slide {
    width: calc(245 / var(--view-size) * 100vw);
    height: calc(153 / var(--view-size) * 100vw);
    margin-left: calc(12 / var(--view-size) * 100vw);
    border-radius: calc(12 / var(--view-size) * 100vw);
  }
}

/* アクティブスライドは拡大 */
.swiper-slide-active {
  transform: scale(1.147) !important;
}
@media (max-width: 767px) {
  .swiper-slide-active {
    transform: scale(1.143) !important;
  }
}

/* 非アクティブにグラデーション */
.swiper-slide-prev::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(270deg, rgba(249, 247, 242, 0.2) 0%, #F9F7F2 100%);
  z-index: 1;
  pointer-events: none;
}

.swiper-slide-next::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(-270deg, rgba(249, 247, 242, 0.2) 0%, rgba(249, 247, 242, 0.8) 100%);
  z-index: 1;
  pointer-events: none;
}

/* ページネーション */
.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 calc(6 / var(--view-size) * 100vw) 0;
}

.swiper-pagination-bullet {
  background-color: #958D83;
  width: calc(12 / var(--view-size) * 100vw);
  height: calc(12 / var(--view-size) * 100vw);
}
@media (max-width: 767px) {
  .swiper-pagination-bullet {
    width: calc(8 / var(--view-size) * 100vw);
    height: calc(8 / var(--view-size) * 100vw);
  }
}

.swiper-pagination-bullets.swiper-pagination-horizontal {
  bottom: calc(-43 / var(--view-size) * 100vw);
}
@media (max-width: 767px) {
  .swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom: calc(-27 / var(--view-size) * 100vw);
  }
}

/* 矢印カスタマイズ */
.swiper-button-prev,
.swiper-button-next {
  width: calc(48 / var(--view-size) * 100vw);
  height: calc(48 / var(--view-size) * 100vw);
}
@media (max-width: 767px) {
  .swiper-button-prev,
  .swiper-button-next {
    width: calc(20 / var(--view-size) * 100vw);
    height: calc(20 / var(--view-size) * 100vw);
  }
}

.swiper-button-prev {
  left: calc(120 / var(--view-size) * 100vw);
}
@media (max-width: 767px) {
  .swiper-button-prev {
    left: calc(7 / var(--view-size) * 100vw);
  }
}

.swiper-button-next {
  right: calc(120 / var(--view-size) * 100vw);
}
@media (max-width: 767px) {
  .swiper-button-next {
    right: calc(7 / var(--view-size) * 100vw);
  }
}

/* 前へ次への矢印カスタマイズ */
.swiper-button-prev::after,
.swiper-button-next::after {
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  width: calc(48 / var(--view-size) * 100vw);
  height: calc(48 / var(--view-size) * 100vw);
  margin: auto;
}
@media (max-width: 767px) {
  .swiper-button-prev::after,
  .swiper-button-next::after {
    width: calc(20 / var(--view-size) * 100vw);
    height: calc(20 / var(--view-size) * 100vw);
  }
}

/* 前への矢印カスタマイズ */
.swiper-button-prev::after {
  background-image: url("../image/slider-arrow-left.png");
}

/* 次への矢印カスタマイズ */
.swiper-button-next::after {
  background-image: url("../image/slider-arrow-right.png");
}

.box_inner_txt {
  left: calc(32 / var(--view-size) * 100vw);
  bottom: calc(32 / var(--view-size) * 100vw);
  font-size: calc(24 / var(--view-size) * 100vw);
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.025em;
  color: #fff;
}
@media (max-width: 767px) {
  .box_inner_txt {
    left: calc(12.5 / var(--view-size) * 100vw);
    bottom: calc(12.5 / var(--view-size) * 100vw);
    font-size: calc(16 / var(--view-size) * 100vw);
  }
}

.slide_btn {
  background-color: #fff;
  width: calc(271 / var(--view-size) * 100vw);
  height: calc(62 / var(--view-size) * 100vw);
  border-color: #6A6158;
  border-radius: calc(9999 / var(--view-size) * 100vw);
  margin-top: calc(84 / var(--view-size) * 100vw);
  margin-inline: auto;
}
@media (max-width: 767px) {
  .slide_btn {
    width: calc(211 / var(--view-size) * 100vw);
    height: calc(48 / var(--view-size) * 100vw);
    margin-top: calc(44 / var(--view-size) * 100vw);
  }
}

.slide_btn a {
  font-size: calc(20 / var(--view-size) * 100vw);
  line-height: 1.5;
  letter-spacing: 0.025em;
  color: #6A6158;
  text-align: center;
  padding-top: calc(15 / var(--view-size) * 100vw);
}
@media (max-width: 767px) {
  .slide_btn a {
    font-size: calc(16 / var(--view-size) * 100vw);
    padding-top: calc(12 / var(--view-size) * 100vw);
  }
}

.slide_btn:hover {
  background-color: #e7e7e7;
  transition: 0.3s;
}

.slide_btn:hover a {
  opacity: 1;
}

@media (max-width: 767px) {
  .slide_btn .arrow {
    right: calc(19 / var(--view-size) * 100vw);
  }
}

.slide_btn .arrow.-right {
  border-right: calc(1 / var(--view-size) * 100vw) solid #6A6158;
  border-bottom: calc(1 / var(--view-size) * 100vw) solid #6A6158;
}

/* -----------------------------------
access  成長企業が集まる話題のビジネスエリア
----------------------------------- */
.access {
  background-color: #F9F7F2;
  background-image: url("../image/access-bg-pc.png");
  background-size: cover;
  background-position: top right;
  padding: calc(96 / var(--view-size) * 100vw) 0 calc(134 / var(--view-size) * 100vw);
}
@media (max-width: 767px) {
  .access {
    background-image: url("../image/access-bg-sp.png");
    background-size: contain;
    padding: calc(40 / var(--view-size) * 100vw) 0 calc(54 / var(--view-size) * 100vw);
  }
}

.access::after {
  width: 100%;
  height: calc(80 / var(--view-size) * 100vw);
  position: absolute;
  bottom: 0;
  left: 0;
  content: "";
  background-image: url("../image/line-pc-01.png");
  background-size: cover;
}
@media (max-width: 767px) {
  .access::after {
    height: calc(30 / var(--view-size) * 100vw);
    background-image: url("../image/line-sp-01.png");
  }
}

.access_cont {
  display: flex;
  justify-content: space-between;
  margin-top: calc(48 / var(--view-size) * 100vw);
}
@media (max-width: 767px) {
  .access_cont {
    flex-direction: column;
    margin-top: calc(24 / var(--view-size) * 100vw);
  }
}

.access_cont_img {
  width: calc(698 / var(--view-size) * 100vw);
}
@media (max-width: 767px) {
  .access_cont_img {
    width: 100%;
  }
}

.access_cont_inner {
  width: calc(454 / var(--view-size) * 100vw);
}
@media (max-width: 767px) {
  .access_cont_inner {
    width: 100%;
    margin-top: calc(27 / var(--view-size) * 100vw);
  }
}

.cont_inner_txt {
  font-size: calc(16 / var(--view-size) * 100vw);
  font-weight: 400;
  letter-spacing: 0.025em;
}
@media (max-width: 767px) {
  .cont_inner_txt {
    font-size: calc(14 / var(--view-size) * 100vw);
  }
}

.cont_inner_sta {
  margin-top: calc(30 / var(--view-size) * 100vw);
}
@media (max-width: 767px) {
  .cont_inner_sta {
    margin-top: calc(24 / var(--view-size) * 100vw);
  }
}

.inner_sta_cont {
  display: flex;
  align-items: center;
}

.inner_sta_cont:last-of-type {
  margin-top: calc(16 / var(--view-size) * 100vw);
}

.sta_cont_head {
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(44 / var(--view-size) * 100vw);
  height: calc(44 / var(--view-size) * 100vw);
  font-size: calc(24 / var(--view-size) * 100vw);
  font-weight: 700;
  line-height: 1;
  text-align: center;
  border: calc(6 / var(--view-size) * 100vw) solid;
  border-radius: calc(9999 / var(--view-size) * 100vw);
}

.metoro .sta_cont_head {
  border-color: #9CAEB7;
}

.mita .sta_cont_head {
  border-color: #0079C2;
}

.sta_cont_txt {
  font-size: calc(20 / var(--view-size) * 100vw);
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.025em;
  margin-left: calc(12 / var(--view-size) * 100vw);
}
@media (max-width: 767px) {
  .sta_cont_txt {
    font-size: calc(16 / var(--view-size) * 100vw);
  }
}

.sta_cont_txt span {
  display: block;
  font-size: calc(16 / var(--view-size) * 100vw);
}
@media (max-width: 767px) {
  .sta_cont_txt span {
    font-size: calc(14 / var(--view-size) * 100vw);
  }
}

.cont_inner_btn {
  display: flex;
  align-items: center;
  -moz-column-gap: calc(16 / var(--view-size) * 100vw);
       column-gap: calc(16 / var(--view-size) * 100vw);
  margin-top: calc(32 / var(--view-size) * 100vw);
}
@media (max-width: 767px) {
  .cont_inner_btn {
    flex-direction: column;
    align-items: flex-start;
    row-gap: calc(12 / var(--view-size) * 100vw);
    margin-top: calc(25 / var(--view-size) * 100vw);
  }
}

.inner_btn_add {
  font-size: calc(16 / var(--view-size) * 100vw);
  letter-spacing: 0.025em;
  padding-left: calc(24 / var(--view-size) * 100vw);
}
@media (max-width: 767px) {
  .inner_btn_add {
    font-size: calc(14 / var(--view-size) * 100vw);
    padding-left: calc(20 / var(--view-size) * 100vw);
  }
}

.inner_btn_add::before {
  content: "";
  background-image: url("../image/icon-home.png");
  background-size: cover;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: calc(16 / var(--view-size) * 100vw);
  height: calc(20 / var(--view-size) * 100vw);
}
@media (max-width: 767px) {
  .inner_btn_add::before {
    width: calc(13 / var(--view-size) * 100vw);
    height: calc(17 / var(--view-size) * 100vw);
  }
}

.inner_btn_map {
  width: calc(175 / var(--view-size) * 100vw);
  height: calc(37 / var(--view-size) * 100vw);
  border-color: #6A6158;
}
@media (max-width: 767px) {
  .inner_btn_map {
    width: calc(159 / var(--view-size) * 100vw);
    height: calc(34 / var(--view-size) * 100vw);
  }
}

.inner_btn_map a {
  position: relative;
  font-size: calc(14 / var(--view-size) * 100vw);
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.025em;
  color: #6A6158;
  padding-top: calc(8 / var(--view-size) * 100vw);
  padding-left: calc(23 / var(--view-size) * 100vw);
}
@media (max-width: 767px) {
  .inner_btn_map a {
    font-size: calc(12 / var(--view-size) * 100vw);
  }
}

.inner_btn_map a::after {
  content: "";
  background-image: url("../image/icon-open.png");
  background-size: contain;
  width: calc(11 / var(--view-size) * 100vw);
  height: calc(11 / var(--view-size) * 100vw);
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: calc(22 / var(--view-size) * 100vw);
}

/* -----------------------------------
faq  よくあるご質問
----------------------------------- */
.faq {
  background-color: #F9F7F2;
  padding: calc(56 / var(--view-size) * 100vw) 0;
}
@media (max-width: 767px) {
  .faq {
    padding: calc(25 / var(--view-size) * 100vw) 0;
  }
}

.faq_cont {
  margin-top: calc(48 / var(--view-size) * 100vw);
}
@media (max-width: 767px) {
  .faq_cont {
    margin-top: calc(24 / var(--view-size) * 100vw);
  }
}

.faq_cont_acd {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: calc(32 / var(--view-size) * 100vw);
}
@media (max-width: 767px) {
  .faq_cont_acd {
    gap: calc(16 / var(--view-size) * 100vw);
  }
}

.cont_acd_item {
  background-color: #fff;
  border-radius: calc(42 / var(--view-size) * 100vw);
  width: calc(584 / var(--view-size) * 100vw);
}
@media (max-width: 767px) {
  .cont_acd_item {
    border-radius: calc(30 / var(--view-size) * 100vw);
    width: 100%;
  }
}

.acd_item_ttl {
  font-size: calc(20 / var(--view-size) * 100vw);
  font-weight: 500;
  line-height: 1.3;
  letter-spacing: 0.025em;
  padding: calc(16 / var(--view-size) * 100vw) calc(68 / var(--view-size) * 100vw) calc(16 / var(--view-size) * 100vw) calc(88 / var(--view-size) * 100vw);
}
@media (max-width: 767px) {
  .acd_item_ttl {
    font-size: calc(16 / var(--view-size) * 100vw);
    padding: calc(12 / var(--view-size) * 100vw) calc(56 / var(--view-size) * 100vw) calc(12 / var(--view-size) * 100vw) calc(64 / var(--view-size) * 100vw);
  }
}

.acd_item_ttl::before,
.acd_item_ttl::after {
  display: flex;
  align-items: center;
  justify-content: center;
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.acd_item_ttl::before {
  content: "Q";
  width: calc(48 / var(--view-size) * 100vw);
  height: calc(48 / var(--view-size) * 100vw);
  background-color: #F9F7F2;
  left: calc(24 / var(--view-size) * 100vw);
  font-family: "Tenor Sans", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: calc(28 / var(--view-size) * 100vw);
  line-height: 1;
  letter-spacing: 0.025em;
  border-radius: calc(9999 / var(--view-size) * 100vw);
}
@media (max-width: 767px) {
  .acd_item_ttl::before {
    width: calc(36 / var(--view-size) * 100vw);
    height: calc(36 / var(--view-size) * 100vw);
    left: calc(16 / var(--view-size) * 100vw);
    font-size: calc(20 / var(--view-size) * 100vw);
  }
}

.acd_item_ttl::after {
  content: "+";
  width: calc(28 / var(--view-size) * 100vw);
  height: calc(28 / var(--view-size) * 100vw);
  right: calc(24 / var(--view-size) * 100vw);
  font-size: calc(22 / var(--view-size) * 100vw);
  line-height: 1;
  color: #958D83;
}
@media (max-width: 767px) {
  .acd_item_ttl::after {
    right: calc(16 / var(--view-size) * 100vw);
  }
}

.acd_item_ttl.active::after {
  content: "-";
}

.acd_item_txt {
  padding: 0 calc(24 / var(--view-size) * 100vw) calc(24 / var(--view-size) * 100vw);
}
@media (max-width: 767px) {
  .acd_item_txt {
    padding: 0 calc(16 / var(--view-size) * 100vw) calc(16 / var(--view-size) * 100vw);
  }
}

.acd_item_txt p {
  background-color: #F9F7F2;
  font-size: calc(16 / var(--view-size) * 100vw);
  letter-spacing: 0.025em;
  padding: calc(16 / var(--view-size) * 100vw);
  border-radius: calc(4 / var(--view-size) * 100vw) calc(4 / var(--view-size) * 100vw) calc(20 / var(--view-size) * 100vw) calc(20 / var(--view-size) * 100vw);
}
@media (max-width: 767px) {
  .acd_item_txt p {
    font-size: calc(14 / var(--view-size) * 100vw);
    padding: calc(12 / var(--view-size) * 100vw);
    border-radius: calc(4 / var(--view-size) * 100vw) calc(4 / var(--view-size) * 100vw) calc(16 / var(--view-size) * 100vw) calc(16 / var(--view-size) * 100vw);
  }
}

/* -----------------------------------
outline  物件概要
----------------------------------- */
.ooutline {
  background-image: url("../image/line-pc-02.png");
  background-size: contain;
  background-color: #F9F7F2;
  padding: calc(96 / var(--view-size) * 100vw) 0 calc(96 / var(--view-size) * 100vw);
}
@media (max-width: 767px) {
  .ooutline {
    background-image: url("../image/line-sp-02.png");
    padding: calc(40 / var(--view-size) * 100vw) 0 calc(40 / var(--view-size) * 100vw);
  }
}

.outline_cont {
  display: flex;
  justify-content: space-between;
  margin-top: calc(48 / var(--view-size) * 100vw);
}
@media (max-width: 767px) {
  .outline_cont {
    flex-direction: column;
    margin-top: calc(24 / var(--view-size) * 100vw);
  }
}

.outline_cont dl {
  display: flex;
}
@media (max-width: 767px) {
  .outline_cont dl {
    width: 100%;
  }
}

.outline_cont dt {
  flex-shrink: 0;
  width: calc(150 / var(--view-size) * 100vw);
  font-size: calc(18 / var(--view-size) * 100vw);
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.025em;
  color: #6A6158;
  padding: calc(12 / var(--view-size) * 100vw) calc(16 / var(--view-size) * 100vw);
  border-bottom: calc(1 / var(--view-size) * 100vw) solid #6A6158;
}
@media (max-width: 767px) {
  .outline_cont dt {
    width: calc(110 / var(--view-size) * 100vw);
    font-size: calc(14 / var(--view-size) * 100vw);
    padding: calc(11 / var(--view-size) * 100vw);
  }
}

.outline_cont dd {
  width: 100%;
  font-size: calc(18 / var(--view-size) * 100vw);
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0;
  padding: calc(12 / var(--view-size) * 100vw) calc(16 / var(--view-size) * 100vw);
  border-bottom: calc(1 / var(--view-size) * 100vw) solid #BFB9AE;
}
@media (max-width: 767px) {
  .outline_cont dd {
    font-size: calc(14 / var(--view-size) * 100vw);
    padding: calc(12 / var(--view-size) * 100vw);
  }
}

.outline_cont_head,
.outline_cont_btm {
  width: calc(576 / var(--view-size) * 100vw);
}
@media (max-width: 767px) {
  .outline_cont_head,
  .outline_cont_btm {
    width: 100%;
  }
}

/* -----------------------------------
contact  内覧・お問い合わせ
----------------------------------- */
.contact {
  background-color: #F9F7F2;
}

.contact .wrap {
  background-color: #fff;
  padding: calc(96 / var(--view-size) * 100vw) calc(150 / var(--view-size) * 100vw);
  border-radius: calc(9999 / var(--view-size) * 100vw) calc(9999 / var(--view-size) * 100vw) 0 0;
}
@media (max-width: 767px) {
  .contact .wrap {
    padding: calc(40 / var(--view-size) * 100vw) calc(16 / var(--view-size) * 100vw);
  }
}

.contact_ttl {
  text-align: center;
}

.contact_txt {
  font-size: calc(18 / var(--view-size) * 100vw);
  line-height: 2;
  letter-spacing: 0.025em;
  text-align: center;
  margin-top: calc(48 / var(--view-size) * 100vw);
}
@media (max-width: 767px) {
  .contact_txt {
    font-size: calc(14 / var(--view-size) * 100vw);
    text-align: left;
    margin-top: calc(24 / var(--view-size) * 100vw);
  }
}

/* フォーム */
.contact_form {
  margin-top: calc(24 / var(--view-size) * 100vw);
}

.form-group {
  display: flex;
  flex-wrap: wrap;
  border-bottom: calc(1 / var(--view-size) * 100vw) solid #BFB9AE;
  padding: calc(20 / var(--view-size) * 100vw) 0;
}
@media (max-width: 767px) {
  .form-group {
    flex-direction: column;
    padding: calc(16 / var(--view-size) * 100vw) 0;
  }
}

.form-group_head {
  display: flex;
  align-items: center;
  width: calc(200 / var(--view-size) * 100vw);
}
@media (max-width: 767px) {
  .form-group_head {
    width: 100%;
    margin-bottom: calc(8 / var(--view-size) * 100vw);
  }
}

.form-group label {
  font-size: calc(18 / var(--view-size) * 100vw);
  line-height: 1.5;
  letter-spacing: 0.025em;
  color: #6A6158;
}
@media (max-width: 767px) {
  .form-group label {
    font-size: calc(14 / var(--view-size) * 100vw);
  }
}

.form-group .required {
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(33 / var(--view-size) * 100vw);
  height: calc(17 / var(--view-size) * 100vw);
  font-size: calc(12 / var(--view-size) * 100vw);
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.025em;
  color: #fff;
  border-radius: calc(4 / var(--view-size) * 100vw);
  background-color: #BD1C00;
  margin-left: auto;
}
@media (max-width: 767px) {
  .form-group .required {
    width: calc(29 / var(--view-size) * 100vw);
    height: calc(15 / var(--view-size) * 100vw);
    font-size: calc(10 / var(--view-size) * 100vw);
    margin-left: calc(8 / var(--view-size) * 100vw);
  }
}

.form-group input,
.form-group select {
  width: calc(100% - 232 / var(--view-size) * 100vw);
  margin-left: calc(32 / var(--view-size) * 100vw);
  font-size: calc(18 / var(--view-size) * 100vw);
  line-height: 1.5;
  letter-spacing: 0.025em;
  padding: calc(12 / var(--view-size) * 100vw) calc(16 / var(--view-size) * 100vw);
  border: calc(1 / var(--view-size) * 100vw) solid #BFB9AE;
  border-radius: calc(8 / var(--view-size) * 100vw);
}
@media (max-width: 767px) {
  .form-group input,
  .form-group select {
    width: 100%;
    font-size: calc(16 / var(--view-size) * 100vw);
    padding: calc(8 / var(--view-size) * 100vw) calc(12 / var(--view-size) * 100vw);
    margin: 0;
  }
}

.form-group select {
  width: calc(205 / var(--view-size) * 100vw);
}
@media (max-width: 767px) {
  .form-group select {
    width: calc(185 / var(--view-size) * 100vw);
  }
}

.form-group select {
  background-image: url("../image/arrow_drop_down.png");
  background-repeat: no-repeat;
  background-size: calc(10 / var(--view-size) * 100vw) auto;
  background-position: right calc(15 / var(--view-size) * 100vw) center;
}
@media (max-width: 767px) {
  .form-group select {
    width: calc(185 / var(--view-size) * 100vw);
  }
}

.form-group.checkbox {
  flex-direction: row;
  justify-content: center;
  border-bottom: none;
  margin-top: calc(24 / var(--view-size) * 100vw);
}

.form-group.checkbox input {
  width: calc(24 / var(--view-size) * 100vw);
  margin: 0;
}
@media (max-width: 767px) {
  .form-group.checkbox input {
    width: calc(18 / var(--view-size) * 100vw);
  }
}

.form-group.checkbox label a {
  color: #958D83;
  text-decoration: underline;
  margin-left: calc(8 / var(--view-size) * 100vw);
}

.form-group.submit_btn {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #BB9770;
  width: calc(380 / var(--view-size) * 100vw);
  height: calc(62 / var(--view-size) * 100vw);
  border-radius: calc(9999 / var(--view-size) * 100vw);
  border-bottom: none;
  padding: 0;
  margin-inline: auto;
  margin-top: calc(24 / var(--view-size) * 100vw);
}
@media (max-width: 767px) {
  .form-group.submit_btn {
    width: calc(308 / var(--view-size) * 100vw);
    height: calc(59 / var(--view-size) * 100vw);
  }
}

.form-group.submit_btn:hover {
  background-color: #d8852c;
}

.form-group button {
  display: flex;
  align-items: center;
  font-size: calc(20 / var(--view-size) * 100vw);
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.025em;
  color: #fff;
  border-color: #99693A;
}
@media (max-width: 767px) {
  .form-group button {
    font-size: calc(18 / var(--view-size) * 100vw);
  }
}

.form-group.button input {
  font-size: calc(20 / var(--view-size) * 100vw);
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.025em;
  color: #fff;
}
.form-group button::before {
  content: "";
  background-image: url("../image/icon-mail.png");
  background-size: contain;
  width: calc(23.33 / var(--view-size) * 100vw);
  height: calc(18.67 / var(--view-size) * 100vw);
  margin-right: calc(10 / var(--view-size) * 100vw);
}
@media (max-width: 767px) {
  .form-group button::before {
    width: calc(20 / var(--view-size) * 100vw);
    height: calc(16 / var(--view-size) * 100vw);
  }
}/*# sourceMappingURL=style.css.map */