@charset "UTF-8";
/* ========== ========== ==========
共通部
========== ========== ========== */
/* 共通部ここまで
---------- ---------- */
/* ========== ========== ==========
個別部
========== ========== ========== */
.commonBack {
  margin-bottom: calc(220 / var(--base-width-pc) * 100vw);
}
.commonBack.-background::before {
  bottom: 0;
  -webkit-clip-path: inset(calc(240 / var(--base-width-pc) * 100vw) 0 calc(100 / var(--base-width-pc) * 100vw) 0);
          clip-path: inset(calc(240 / var(--base-width-pc) * 100vw) 0 calc(100 / var(--base-width-pc) * 100vw) 0);
}
.commonBack.-background::after {
  bottom: -51px;
  -webkit-clip-path: inset(calc(315 / var(--base-width-pc) * 100vw) 0 0 0);
          clip-path: inset(calc(315 / var(--base-width-pc) * 100vw) 0 0 0);
}

.FV-officeTour {
  margin-top: clamp(100px, calc(150 / var(--base-width-pc) * 100vw), 150px);
  padding-bottom: clamp(46.67px, calc(70 / var(--base-width-pc) * 100vw), 70px);
  position: relative;
}
.FV_texts {
  left: clamp(36.67px, calc(110 / var(--base-width-pc) * 100vw), 110px);
  top: min(calc(190 / var(--base-width-pc) * 100vw), 190px);
}

.officeTour {
  padding-block: calc(70 / var(--base-width-pc) * 100vw) calc(40 / var(--base-width-pc) * 100vw);
}
@media screen and (min-width: 1450px) {
  .officeTour {
    padding-top: clamp(70px, 14.7058823529vw, 500px);
  }
}
@media screen and (max-width: 768px) {
  .officeTour {
    padding-top: 100px;
  }
}
.officeTour_image {
  width: 100%;
  margin-bottom: clamp(50px, calc(100 / var(--base-width-pc) * 100vw), 100px);
}
.officeTour_titles {
  width: 100%;
  padding-inline: var(--section-padding-pc3-maxWidth);
  margin-inline: auto;
  display: flex;
}
@media screen and (max-width: 768px) {
  .officeTour_titles {
    width: 100%;
    padding-inline: var(--section-padding-sp);
  }
}
@media screen and (max-width: 600px) {
  .officeTour_titles {
    flex-direction: column;
  }
}
.officeTour_titles:where(.-left *) {
  justify-content: flex-end;
}
.officeTour_title1 {
  background-color: var(--color-sub1);
  color: white;
  width: clamp(130px, calc(207 / var(--base-width-pc) * 100vw), 207px);
  display: flex;
  padding-left: calc(43 / var(--base-width-pc) * 100vw);
  align-items: center;
  font-family: var(--font-sub1);
  font-weight: 600;
  flex-shrink: 0;
  font-family: var(--font-sub1);
}
@media screen and (max-width: 600px) {
  .officeTour_title1 {
    width: 100%;
    justify-content: flex-start;
    padding: 15px clamp(15px, calc(46.5 / var(--base-width-pc) * 100vw), 46.5px);
  }
}
.officeTour_title1_en {
  font-size: clamp(16px, calc(19 / var(--base-width-pc) * 100vw), 19px);
  display: block;
}
@media screen and (max-width: 768px) {
  .officeTour_title1_en {
    display: inline-block;
    margin-right: 10px;
  }
}
.officeTour_title1_no {
  font-size: clamp(30px, calc(53 / var(--base-width-pc) * 100vw), 53px);
  line-height: 1.2;
}
.officeTour_title2 {
  font-size: clamp(20px, calc(39 / var(--base-width-pc) * 100vw), 39px);
  font-weight: bold;
  margin-bottom: 5px;
  letter-spacing: 0.075rem;
}
.officeTour_title2Wrap {
  background-color: white;
  padding: clamp(15px, calc(35.7 / var(--base-width-pc) * 100vw), 35.7px) clamp(15px, calc(46.5 / var(--base-width-pc) * 100vw), 46.5px) clamp(15px, calc(40 / var(--base-width-pc) * 100vw), 40px);
  width: min(calc(696 / var(--base-width-pc) * 100vw), 696px);
}
@media screen and (max-width: 600px) {
  .officeTour_title2Wrap {
    width: 100%;
  }
}
.officeTour_title2Wrap_text {
  font-size: 16px;
  font-weight: bold;
  max-width: 550px;
  letter-spacing: 0;
  line-height: 2;
}
.officeTour_block {
  margin-bottom: clamp(49px, calc(147 / var(--base-width-pc) * 100vw), 147px);
}
.officeTour_block_images:where(.-right *) {
  width: 100%;
  padding-left: var(--section-padding-pc3-maxWidth);
  margin-left: auto;
}
@media screen and (max-width: 768px) {
  .officeTour_block_images:where(.-right *) {
    width: 100%;
    padding-left: var(--section-padding-sp);
  }
}
.officeTour_block_images:where(.-left *) {
  width: 100%;
  padding-right: var(--section-padding-pc3-maxWidth);
  margin-right: auto;
}
@media screen and (max-width: 768px) {
  .officeTour_block_images:where(.-left *) {
    width: 100%;
    padding-right: var(--section-padding-sp);
  }
}
@media screen and (max-width: 768px) {
  .officeTour_block_images {
    width: 100%;
    padding-inline: var(--section-padding-pc3-maxWidth);
    margin-inline: auto;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .officeTour_block_images {
    width: 100%;
    padding-inline: var(--section-padding-sp);
  }
}
.officeTour_block_images_bottom {
  display: flex;
  gap: clamp(32px, calc(48 / var(--base-width-pc) * 100vw), 48px);
}
.officeTour_block_images_bottom:where(.-right *) {
  width: 100%;
  padding-right: var(--section-padding-pc3-maxWidth);
  margin-right: auto;
}
@media screen and (max-width: 768px) {
  .officeTour_block_images_bottom:where(.-right *) {
    width: 100%;
    padding-right: var(--section-padding-sp);
  }
}
.officeTour_block_images_bottom:where(.-left *) {
  width: 100%;
  padding-left: var(--section-padding-pc3-maxWidth);
  margin-left: auto;
}
@media screen and (max-width: 768px) {
  .officeTour_block_images_bottom:where(.-left *) {
    width: 100%;
    padding-left: var(--section-padding-sp);
  }
}
@media screen and (max-width: 600px) {
  .officeTour_block_images_bottom {
    padding-inline: 0;
  }
}
.officeTour_block_image-top {
  margin-bottom: clamp(30.67px, calc(46 / var(--base-width-pc) * 100vw), 46px);
}
.officeTour_block_image-top:where(.-right *) {
  padding-left: clamp(10px, calc(207 / var(--base-width-pc) * 100vw), 207px);
}
.officeTour_block_image-top:where(.-left *) {
  padding-right: clamp(10px, calc(207 / var(--base-width-pc) * 100vw), 207px);
}
@media screen and (max-width: 600px) {
  .officeTour_block_image-top {
    padding-inline: 0;
  }
}

/* 個別部ここまで
---------- ---------- */