@charset "UTF-8";
:root {
  --font: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  --font_en: "orpheuspro", serif;
}

* > .main-area {
  font-weight: var(--fontweight-medium);
  font-feature-settings: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow: unset;
  min-width: auto;
}

/* ▼ -----------可変設定---------- ▼ */
.lp_variable {
  --pc-width: 1400; /*PCデザイン幅*/
  --sp-width: 750; /*SPデザイン幅*/
  --pc-artboard-width: 510; /*SP共通デザイン幅*/
  --sp-artboard-width: 750; /*PC共通デザイン幅*/
  --formula: calc(var(--variable) * var(--ratio)); /*SP→PC 可変設定*/
  --formula_pc: calc(var(--variable) * 1); /*PC 1400以上は固定*/
}

/* PC画面幅 1400px以上 固定 */
@media (min-width: 1401px) {
  .lp_variable {
  --ratio: calc(var(--pc-artboard-width) / var(--sp-artboard-width)); /* PCとSPのデザイン幅の比 */
  --variable: 1px; /* 固定値（可変しない） */
  }
}
/* PC画面幅 768～1400px 可変 */
@media (min-width: 768px) and (max-width: 1400px) {
  .lp_variable {
  --ratio: calc(var(--pc-artboard-width) / var(--sp-artboard-width)); /* PCとSPのデザイン幅の比 */
  --variable: calc(100vw / var(--pc-width)); /* 画面幅に基づく可変値 */
  }
}
/* SP画面幅 767px以下 可変 */
@media (max-width: 767px) {
  .lp_variable {
  --ratio: 1; /* 比率は1（変わらない） */
  --variable: calc(100vw / var(--sp-width)); /* 画面幅に基づく可変値 */
  }
}
/* ▲ -----------可変設定---------- ▲ */

.spOnly {
  display: none;
}
@media screen and (max-width: 767px) {
  .spOnly {
    display: block;
  }
  .pcOnly {
    display: none;
  }
}

.main-area * {
  box-sizing: border-box;
}
.main-area img {
  height: auto;
  opacity: 1;
  width: 100%;
}
.main-area a {
  text-decoration: none;
}
.main-area picture {
  display: block;
}
.main-area p, .main-area ul, .main-area ol, .main-area dl {
  list-style: none;
}
@media only screen and (max-width: 767px) {
  .main-area .pc_only {
    display: none;
  }
  .main-area .sp_only {
    display: block;
  }
}

@media only screen and (min-width: 768px) {
  .main-area .pc_only {
    display: block;
  }
  .main-area .sp_only {
    display: none;
  }
}

#FR260428office {
  --fw-thin: 100;
  --fw-light: 300;
  --fw-regular: 400;
  --fw-medium: 500;
  --fw-bold: 700;
  font-feature-settings: "palt";
  overflow: clip;
  font-family: var(--font);
  --bg_color: #f8f6f7;
  background-color: var(--bg_color);
}
#FR260428office .contents__left , #FR260428office .contents__right {
  display: none;
}
#FR260428office .contents__center {
  background-color: #fff;
}

@media only screen and (min-width: 768px) {
  .footer {
    width: 100%;
  }
  #FR260428office {
    --header-container-height: 120px;
    display: flex;
    width: 100%;
    margin-bottom: 5.6rem;
  }
  #FR260428office::-webkit-scrollbar {
    display: none;
  }
  #FR260428office .contents__center {
    width: calc(510 * var(--formula_pc));
    margin: 0 auto;
    position: relative;
    overflow: clip;
  }
  #FR260428office .contents__left , #FR260428office .contents__right {
    display: block;
    position: sticky;
    top: var(--header-container-height);
    height: calc(100vh - var(--header-container-height));
    width: calc(445* (100vw /1400));
    transition: opacity 0.6s ease, visibility 0.6s ease;
  }
  #FR260428office .contents__left {
    order: -1;
  }
  #FR260428office .contents__center {
    order: 1;
  }
  #FR260428office .contents__right {
    order: 2;
  }
  #FR260428office .contents__left .contents_inner {
    width: calc(374* var(--formula_pc));
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  #FR260428office .contents__right .contents_inner {
    width: calc(314 * var(--formula_pc));
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
}

/* 共通 スタイル */
.FR260428office img , .FR260428office svg , .FR260428office video {
  width: 100%;
  height: auto;
}
.FR260428office a {
  display: block;
}

.archive {
  /* border-top: none !important; */
}

/* フェードイン */
.js-fade {
  opacity: 0;
  transition: opacity 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.js-fade.is-active {
  opacity: 1;
}
.delay01 {
  transition-delay: 0.2s;
  animation-delay: 0.2s;
}
.delay02 {
  transition-delay: 0.6s;
  animation-delay: 0.6s;
}
.delay03 {
  transition-delay: 0.8s;
  animation-delay: 0.8s;
}

/* ズームアウト */
.js-zoom-out img {
  opacity: 0;
  transition: 3s;
  transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);
  transform: scale(1.2);
}
.js-zoom-out.is-active img {
  transform: none;
  opacity: 1;
}
.zoom_img {
  overflow: hidden;
}

/* フェードアップ */
.js-fade-up {
  opacity: 0;
  transform: translateY(calc(20* var(--formula)));
  transition: ease-in, opacity 1000ms, transform 1000ms;
}
.js-fade-up.is-active {
  transform: translateY(0);
  opacity: 1;
}

/* トリガー */
.js-trigger .fade_trigger_on {
  opacity: 0;
  transition: opacity 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.js-trigger.is-active .fade_trigger_on {
  opacity: 1;
}
.js-trigger .fade_trigger_on.delay01 {
  transition-delay: 1s;
  animation-delay: 1s;
}

/* 左からフェードイン */
.js-left-fade {
  transform: translate3d(-30px, 0, 0);
  opacity: 0;
  transition: all 1.25s ease;
}
.js-left-fade.is-active {
  transform: translate3d(0, 0, 0);
  opacity: 1;
}

/* 右からフェードイン */
.js-right-fade {
  transform: translate3d(30px, 0, 0);
  opacity: 0;
  transition: all 1.25s ease;
}
.js-right-fade.is-active {
  transform: translate3d(0, 0, 0);
  opacity: 1;
}

/*================================
  soundBtn
=================================*/
#FR260428office .mvWrap__soundBtnWrap{
  position: absolute;
  bottom: 2%;
  left: auto;
  right: 3.5%;
  z-index: 30;
  cursor: pointer;
}
#FR260428office .soundBtnWrap-inner{
  position: relative;
  display: inline-block;
}
#FR260428office .js-button-off{
  width: calc(139* var(--formula));
}
#FR260428office .js-button-on{
  width: calc(128* var(--formula));
}
#FR260428office .js-button-off img,
#FR260428office .js-button-on img{
  width: 100%;
}
#FR260428office video {
  width: 100%;
  height: auto;
}
#FR260428office .top_movie_wrap {
  width: 100%;
  margin-bottom: calc(15* var(--formula));
  position: relative;
}
/*========== sound-animation ==========*/
#FR260428office .js-button{
  display: none;
}
#FR260428office .js-button.js-sound_active{
  display: block;
}
/* end soundBtn */

/*
//////////////////////////////////////////////////////////////////////////////////////////////
  SLICK
//////////////////////////////////////////////////////////////////////////////////////////////
*/
#FR260428office .slide.js-sliderImage {
  position: relative;
}
#FR260428office .slide.js-sliderImage .slick-dots {
  position: absolute;
  margin: 0;
  bottom: calc(32* var(--formula));
  right: calc(13* var(--formula));
}
#FR260428office .slide.js-sliderImage .slick-dots li {
  margin: 0 calc(17* var(--formula));
}
#FR260428office .slide.js-sliderImage .slick-dots li button {
  width: calc(14* var(--formula));
  height: calc(14* var(--formula));
  border: solid 1px #000000;
  background: rgba(255, 255, 255, 0.5);
}
#FR260428office .slide.js-sliderImage .slick-dots li.slick-active button {
  background: #000000;
}




/* ===========### FR260428office ###=========== */
.top_img {
  width: 100%;
  position: relative;
}
.top_img_ttl {
  width: calc(570* var(--formula));
  position: absolute;
  top: 54%;
  left: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
}
.top_wrapper {
  background-color: var(--bg_color);
  padding: calc(173* var(--formula)) 0 calc(148* var(--formula));
}
.top_wrapper_ttl {
  width: calc(571* var(--formula));
  margin: 0 auto calc(37* var(--formula));
}
.top_wrapper_lead {
  font-size: calc(24* var(--formula));
  line-height: 2;
  letter-spacing: 0.05em;
  text-align: center;
}

/* section01 */
.section_block {
  position: relative;
  padding-top: calc(160* var(--formula));
  padding-bottom: calc(150* var(--formula));
}
.border_top {
  border-top: solid 2px #000;
}
.section01_ttl {
  width: calc(506* var(--formula));
  margin-left: calc(62* var(--formula));
  margin-bottom: calc(50* var(--formula));
}
.section01_img {
  width: 100%;
}
.credit_wrap {
  margin-top: calc(20* var(--formula));
  text-align: center;
  font-size: calc(22* var(--formula));
  font-family: var(--font_en);
  font-weight: var(--fw-regular);
  letter-spacing: 0.025em;
  line-height: 2;
}
.credit_wrap a {
  display: inline;
}
.credit_wrap a.mr {
  margin-right: calc(15* var(--formula));
}

/* section02 */
.section02 {
  background-color: var(--bg_color);
}
.section02_img {
  width: calc(640* var(--formula));
  margin: 0 auto;
  /* border: solid 1px #000; */
}
.section02_img .slide a {
  border: 2px solid #000;
}

/* section03 */
.section03_ttl {
  width: calc(63.5* var(--formula));
  position: absolute;
  top: calc(2* var(--formula));
  right: calc(-50* var(--formula));
  pointer-events: none;
}
.section03_img {
  width: calc(638* var(--formula));
  position: relative;
}
.section03_img02 {
  width: calc(502* var(--formula));
  margin-left: calc(30* var(--formula));
  margin-top: calc(132* var(--formula));
  position: relative;
}
.section03_img02_inner {
  border: 2px solid #000;
  padding: calc(7* var(--formula));
}
.section03_img02 .slide {
  width: calc(480* var(--formula));
}
.section03_img02_text {
  width: calc(99* var(--formula));
  position: absolute;
  top: calc(5* var(--formula));
  right: calc(-97* var(--formula));
}

/* section04 */
.section04_img01 {
  width: calc(640* var(--formula));
  margin-bottom: calc(30* var(--formula));
}
.section04_img02 {
  width: calc(500* var(--formula));
  margin-left: auto;
  margin-right: calc(40* var(--formula));
}
.section04_img03 {
  width: calc(502* var(--formula));
  margin-left: calc(40* var(--formula));
  margin-top: calc(131* var(--formula));
  margin-bottom: calc(144* var(--formula));
  position: relative;
}
.section04_img03_text {
  width: calc(98* var(--formula));
  position: absolute;
  top: calc(0* var(--formula));
  right: calc(-95* var(--formula));
}
.section04_img04 {
  width: 100%;
}
.section04_img04 .slide a {
  width: calc(600* var(--formula));
  margin: 0 calc(15* var(--formula));
}

/* section05 */
.section05 {
  background-color: var(--bg_color);
}
.section05_text_block {
  margin-bottom: calc(127* var(--formula));
}
.section05_ttl {
  width: calc(631* var(--formula));
  margin: calc(4* var(--formula)) auto calc(78* var(--formula));
}
.section05_lead {
  font-size: calc(24* var(--formula));
  text-align: center;
  letter-spacing: 0.05em;
  line-height: 2;
}
.section05_img01_ttl {
  width: calc(632* var(--formula));
  margin: 0 auto calc(40* var(--formula));
}
.section05_img01 {
  width: 100%;
}
.section05_img01 .slide a {
  width: calc(540* var(--formula));
  margin-right: calc(30* var(--formula));
}
.section05_img02_ttl {
  width: calc(674* var(--formula));
  margin: calc(150* var(--formula)) auto calc(26* var(--formula));
}
.section05_img02 {
  width: calc(600* var(--formula));
  margin: 0 auto calc(30* var(--formula));
}
.section05_img02_subttl {
  width: calc(631* var(--formula));
  margin: 0 auto;
}
.section05_img03_ttl {
  width: calc(392* var(--formula));
  margin-top: calc(160* var(--formula));
  margin-left: calc(34* var(--formula));
}
.section05_img03 {
  width: calc(500* var(--formula));
  margin-left: calc(80* var(--formula));
}

/* section06 */
.section06_img01 {
  width: calc(480* var(--formula));
  margin-left: auto;
  margin-bottom: calc(40* var(--formula));
  position: relative;
}
.section06_img01_ttl {
  width: calc(64.1* var(--formula));
  position: absolute;
  top: calc(0* var(--formula));
  left: calc(-166* var(--formula));
}
.section06_img02 {
  width: calc(480* var(--formula));
}
.section06_img03 {
  width: calc(540* var(--formula));
  margin: calc(150* var(--formula)) auto calc(20* var(--formula));
  position: relative;
}
.section06_img03_ttl {
  width: calc(64* var(--formula));
  position: absolute;
  top: calc(-2* var(--formula));
  right: calc(-82* var(--formula));
}
.section06_img04 {
  width: calc(540* var(--formula));
  margin: 0 auto calc(-3* var(--formula));
}
.section06_img05 {
  width: calc(620* var(--formula));
  margin: calc(184* var(--formula)) auto 0;
  margin-left: calc(30* var(--formula));
  position: relative;
}
.section06_img05_ttl {
  width: calc(192* var(--formula));
  position: absolute;
  top: calc(-34* var(--formula));
  right: calc(-40* var(--formula));
  pointer-events: none;
}
.credit_wrap.section06_img04_wrap {
  text-align: left;
  margin-left: calc(30* var(--formula));
}
.all_items {
  width: calc(503* var(--formula));
  margin: 0 auto calc(160* var(--formula));
}

.credit_wrap.credit_wrap01 a.mr {
  margin-right: calc(5* var(--formula));
}
.credit_wrap.credit_wrap02 {
  margin-top: calc(20 * var(--formula));
  margin-bottom: calc(-4 * var(--formula));
}
.credit_wrap.credit_wrap04 {
  margin-top: calc(18* var(--formula));
  margin-bottom: calc(-4 * var(--formula));
  position: relative;
  left: calc(7* var(--formula));
}
#FR260428office .section03_img02 .slide.js-sliderImage .slick-dots {
  bottom: calc(29 * var(--formula));
  right: calc(6 * var(--formula));
}
.credit_wrap.credit_wrap05 {
  margin-top: calc(19* var(--formula));
}
.credit_wrap.credit_wrap07 {
  margin-top: calc(17 * var(--formula));
  margin-bottom: calc(-3 * var(--formula));
}
.credit_wrap.credit_wrap08 {
  margin-top: calc(14 * var(--formula));
}
.credit_wrap.credit_wrap10 {margin-bottom: calc(-5* var(--formula));}
#FR260428office .section05_img02 .slide.js-sliderImage .slick-dots {
  bottom: calc(31 * var(--formula));
}



@media only screen and (min-width: 768px) {

}