@charset "UTF-8";

:root{
  --lpHeaderHight: 10.2rem;
}
@media screen and (max-width:767px) {
  :root {
    --lpSetSize: (100vw / 750);
  }
}
@media screen and (min-width:768px) and (max-width:1400px) {
  :root {
    --lpSetSize: calc(1px * var(--ratio));
    --ratio: calc(480 / 750);
    --variable: calc(100vw / 1400);
  }
}
@media screen and (min-width:1401px){
  :root {
    --lpSetSize: calc(1px * var(--ratio));
    --ratio: calc(480 / 750);
    --variable: 1px;
  }
}

/*================================
  variables
=================================*/
#CE251024otona{
  --zindex-behind: -1;
  --zindex-middle: 0;
  --zindex-front: 1;
  --zindex-over: 10;
  --zindex-cursor: 100;
  --zindex-top: 200;
  --pointer-none: none;
  --colo-white: #fff;
  --color-txt: #000;
  --color-bg: #f4f1e9;
}
#CE251024otona img,
#CE251024otona picture,
#CE251024otona video,
#CE251024otona a{
  display: inline-block;
  width: 100%;
  height: auto;
}
#CE251024otona video{
  object-fit: cover;
}
@media only screen and (min-width: 768px) {
  #CE251024otona a:hover{
    transition: .5s;
    opacity: .7;
  }
}
#CE251024otona span{
  display: inline-block;
}
#CE251024otona li{
  list-style: none;
}
#CE251024otona .imgWrap{
  background: #fff;
  position: relative;
  transition: opacity 1.5s;
}
#CE251024otona .noBgCont.imgWrap{
  background: none;
}
#CE251024otona .flexArea{
  display: flex;
  width: 100%;
}
#CE251024otona .gridWrap,
#CE251024otona .gridWrap_pc{
  display: grid;
  margin: 0 auto;
}
/*--------------------------------
  variables for mobile
--------------------------------*/
@media screen and (max-width: 767px) {
  #CE251024otona .pcOnly {
    display: none!important;
  }
  #CE251024otona .flexAreaSp{
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin: 0 auto;
  }
  #CE251024otona .gridWrapPc{
    display: block;
  }
}
/*--------------------------------
  variables for desktop
--------------------------------*/
@media only screen and (min-width: 768px) {
  #CE251024otona .spOnly {
    display: none!important;
  }
  #CE251024otona .pcOnly {
    display: block;
  }
  #CE251024otona .flexAreaPc{
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin: 0 auto;
  }
  #CE251024otona .gridWrap,
  #CE251024otona .gridWrapPc{
    max-width: 140rem;
  }
}
/* end variables */

/*================================
  variables
=================================*/
@media screen and (min-width: 768px) {
  .header.is-fixed {
    position: fixed;
    transition: all 1000ms ease-out;
    transform: translateY(-100%);
  }
  .header.is-obverse {
    transform: translateY(-100%);
  }
  .header.is-reverse {
    transform: translateY(0%);
  }
}
/* end variables */

/*================================
  font
=================================*/
#CE251024otona .font-ja{
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "Yu Gothic", "Open Sans", "メイリオ", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-feature-settings: "palt";
}
#CE251024otona .font-en{
  font-family: "Crimson Text", serif;
  font-weight: 400;
  font-style: normal;
  font-feature-settings: "palt";
}
/*================================
  font-size
=================================*/
#CE251024otona [data-txt="lead"]{
  color: var(--color-txt);
  font-size: calc(24 * var(--lpSetSize));
  line-height: 2.2;
  letter-spacing: 0.05em;
  text-align: center;
  margin-bottom: calc(108 * var(--lpSetSize));
}
#CE251024otona [data-txt="credit"]{
  color: var(--color-txt);
  font-size: calc(24 * var(--lpSetSize));
  line-height: 0.9166666667;
  letter-spacing: 0.025em;
  border-bottom: #b2b2b2 solid calc(2 * var(--lpSetSize));
  padding-bottom: calc(4 * var(--lpSetSize));
}
#CE251024otona [data-txt="staff"]{
  color: var(--color-txt);
  font-size: calc(24 * var(--lpSetSize));
  line-height: 1.6666666667;
  letter-spacing: 0.015em;
  text-align: center;
  margin-bottom: calc(54 * var(--lpSetSize));
}
/* end font-size */

/*================================
  layout
=================================*/
#CE251024otona{
  padding-bottom: calc(40 * var(--lpSetSize));
  overflow: clip;
}
#CE251024otona [data-numb]{
  display: block;
  pointer-events: none;
}
#CE251024otona [data-credit]{
  display: flex;
  flex-wrap: wrap;
  column-gap: calc(25 * var(--lpSetSize));
  row-gap: calc(22 * var(--lpSetSize));
}
#CE251024otona .creditLeft{
  justify-content: flex-start;
}
#CE251024otona .creditRight{
  justify-content: flex-end;
}
#CE251024otona .creditCenter{
  justify-content: center;
}
#CE251024otona [data-img]{
  position: relative;
}
#CE251024otona [data-deco]{
  position: absolute;
  display: block;
  pointer-events: none;
  z-index: var(--zindex-behind);
}
/*========== mv ==========*/
#CE251024otona .mvWrap{
  position: relative;
  margin-bottom: calc(106 * var(--lpSetSize));
}
/*========== block ==========*/
#CE251024otona .borderImg{
  border: calc(4 * var(--lpSetSize)) #000 solid;
}
#CE251024otona [data-block="01"]{
  margin-bottom: calc(212 * var(--lpSetSize));
}
#CE251024otona [data-numb="block01-01"]{
  position: absolute;
  top: 34%;
  left: 5.2%;
  width: calc(277 * var(--lpSetSize));
}
#CE251024otona [data-img="block01-02"]{
  width: calc(550 * var(--lpSetSize));
  margin: calc(-30 * var(--lpSetSize)) auto calc(80 * var(--lpSetSize)) calc(50 * var(--lpSetSize));
}
#CE251024otona [data-img="block01-slider"]{
  margin-bottom: calc(60 * var(--lpSetSize));
}
#CE251024otona [data-img="block01-03"],
#CE251024otona [data-img="block01-03-hov"]{
  margin-left: calc(20 * var(--lpSetSize))!important;
}
#CE251024otona [data-credit="block01"]{
  width: 72%;
  margin: 0 calc(60 * var(--lpSetSize)) 0 auto;
}
#CE251024otona [data-block="02"]{
  margin-bottom: calc(216 * var(--lpSetSize));
}
#CE251024otona [data-numb="block02-01"]{
  width: calc(402 * var(--lpSetSize));
  margin: 0 calc(52 * var(--lpSetSize)) calc(54 * var(--lpSetSize)) auto;
}
#CE251024otona [data-img="block02-01"]{
  width: calc(600 * var(--lpSetSize));
  margin-bottom: calc(40 * var(--lpSetSize));
}
#CE251024otona [data-deco="block02-01"]{
  top: calc(160 * var(--lpSetSize));
  left: auto;
  right: calc(-150 * var(--lpSetSize));
  width: calc(480 * var(--lpSetSize));
}
#CE251024otona [data-img="block02-02"]{
  width: calc(710 * var(--lpSetSize));
  margin: 0 0 calc(60 * var(--lpSetSize)) calc(40 * var(--lpSetSize));
}
#CE251024otona [data-credit="block02"]{
  width: 48%;
  margin: 0 auto 0 calc(40 * var(--lpSetSize));
}
#CE251024otona [data-block="03"]{
  margin-bottom: calc(240 * var(--lpSetSize));
}
#CE251024otona [data-numb="block03-01"]{
  position: absolute;
  top: 10.8%;
  left: 10.2%;
  width: calc(277 * var(--lpSetSize));
}
#CE251024otona [data-img="block03-01"]{
  margin-bottom: calc(40 * var(--lpSetSize));
}
#CE251024otona [data-img="block03-02"]{
  width: calc(660 * var(--lpSetSize));
  margin-bottom: calc(80 * var(--lpSetSize));
}
#CE251024otona [data-img="block03-03"]{
  width: calc(630 * var(--lpSetSize));
  margin: 0 auto calc(64 * var(--lpSetSize));
}
#CE251024otona [data-credit="block03"]{
  width: 75%;
  margin: 0 auto;
}
#CE251024otona [data-block="04"]{
  margin-bottom: calc(200 * var(--lpSetSize));
}
#CE251024otona [data-numb="block04-01"]{
  position: absolute;
  top: 7%;
  left: -11.8%;
  width: calc(277 * var(--lpSetSize));
}
#CE251024otona [data-img="block04-01"]{
  width: calc(640 * var(--lpSetSize));
  margin: 0 0 0 auto;
}
#CE251024otona [data-img="block04-02"]{
  width: calc(640 * var(--lpSetSize));
  margin: 0 0 calc(100 * var(--lpSetSize)) auto;
}
#CE251024otona [data-img="block04-03"]{
  width: calc(600 * var(--lpSetSize));
  margin-bottom: calc(56 * var(--lpSetSize));
}
#CE251024otona [data-deco="block04-03"]{
  top: calc(-60 * var(--lpSetSize));
  right: calc(-120 * var(--lpSetSize));
  width: calc(480 * var(--lpSetSize));
}
#CE251024otona [data-credit="block04"]{
  width: calc(600 * var(--lpSetSize));
}
#CE251024otona [data-block="05"]{
  background-color: #f4f1e9;
  padding: calc(53 * var(--lpSetSize)) 0 calc(100 * var(--lpSetSize));
  margin-bottom: calc(176 * var(--lpSetSize));
}
#CE251024otona [data-numb="block05-01"]{
  width: calc(422 * var(--lpSetSize));
  margin: 0 auto calc(54 * var(--lpSetSize)) calc(57 * var(--lpSetSize));
}
#CE251024otona [data-img="block05-01"]{
  width: calc(580 * var(--lpSetSize));
  margin: 0 0 calc(40 * var(--lpSetSize)) auto;
}
#CE251024otona [data-img="block05-02"]{
  width: calc(600 * var(--lpSetSize));
  z-index: var(--zindex-front);
}
#CE251024otona [data-img="block05-03"]{
  width: calc(700 * var(--lpSetSize));
  margin: calc(-38 * var(--lpSetSize)) 0 calc(60 * var(--lpSetSize)) auto;
  z-index: var(--zindex-middle);
}
#CE251024otona [data-credit="block05"]{
  width: calc(700 * var(--lpSetSize));
  margin: 0 0 0 auto;
}
#CE251024otona [data-block="06"]{
  margin-bottom: calc(208 * var(--lpSetSize));
}
#CE251024otona [data-numb="block06-01"]{
  position: absolute;
  top: 22.5%;
  left: 3%;
  width: calc(277 * var(--lpSetSize));
}
#CE251024otona [data-img="block06-01"]{
  margin-bottom: calc(80 * var(--lpSetSize));
}
#CE251024otona [data-img="block06-02"]{
  width: calc(640 * var(--lpSetSize));
  margin: 0 auto calc(60 * var(--lpSetSize));
}
#CE251024otona [data-credit="block06"]{
  width: 80%;
  margin: 0 auto;
}
#CE251024otona [data-block="07"]{
  margin-bottom: calc(184 * var(--lpSetSize));
}
#CE251024otona [data-numb="block07-01"]{
  width: calc(415 * var(--lpSetSize));
  margin: 0 calc(48* var(--lpSetSize)) calc(56* var(--lpSetSize)) auto;
}
#CE251024otona [data-img="block07-01"]{
  width: calc(680 * var(--lpSetSize));
  margin-bottom: calc(40 * var(--lpSetSize));
}
#CE251024otona [data-img="block07-02"]{
  width: calc(680 * var(--lpSetSize));
  margin: 0 0 calc(80 * var(--lpSetSize)) auto;
}
#CE251024otona [data-img="block07-slider"]{
  margin-bottom: calc(60 * var(--lpSetSize));
}
#CE251024otona [data-img="block07-03"],
#CE251024otona [data-img="block07-03-hov"]{
  margin-right: calc(20 * var(--lpSetSize))!important;
}
#CE251024otona [data-credit="block07"]{
  width: 74.6%;
  margin: 0 auto 0 calc(60 * var(--lpSetSize));
}
#CE251024otona [data-block="08"]{
  margin-bottom: calc(216 * var(--lpSetSize));
}
#CE251024otona [data-numb="block08-01"]{
  width: calc(402 * var(--lpSetSize));
  margin: 0 auto calc(54 * var(--lpSetSize)) calc(66 * var(--lpSetSize));
}
#CE251024otona [data-img="block08-01"]{
  width: calc(600 * var(--lpSetSize));
  margin: 0 0 0 auto;
  z-index: var(--zindex-front);
}
#CE251024otona [data-img="block08-02"]{
  width: calc(700 * var(--lpSetSize));
  margin: calc(-84 * var(--lpSetSize)) 0 calc(60 * var(--lpSetSize));
  z-index: var(--zindex-middle);
}
#CE251024otona [data-credit="block08"]{
  width: 60.5%;
  margin: 0 auto 0 calc(246 * var(--lpSetSize));
}
#CE251024otona [data-block="09"]{
  margin-bottom: calc(200 * var(--lpSetSize));
}
#CE251024otona [data-numb="block09-01"]{
  position: absolute;
  top: 4%;
  right: 5.8%;
  width: calc(277 * var(--lpSetSize));
}
#CE251024otona [data-img="block09-01"]{
  width: calc(700 * var(--lpSetSize));
  margin-bottom: calc(40 * var(--lpSetSize));
}
#CE251024otona [data-img="block09-02"]{
  width: calc(570 * var(--lpSetSize));
  margin: 0 auto;
  z-index: var(--zindex-front);
}
#CE251024otona [data-img="block09-03"]{
  margin: calc(-232 * var(--lpSetSize)) auto calc(60 * var(--lpSetSize));
  z-index: var(--zindex-middle);
}
#CE251024otona [data-credit="block09"]{
  width: 66%;
  margin: 0 auto;
}
#CE251024otona [data-block="10"]{
  margin-bottom: calc(196 * var(--lpSetSize));
}
#CE251024otona [data-numb="block10-01"]{
  width: calc(440 * var(--lpSetSize));
  margin: 0 auto calc(54 * var(--lpSetSize)) calc(172 * var(--lpSetSize));
}
#CE251024otona [data-img="block10-01"]{
  width: calc(700 * var(--lpSetSize));
  margin: 0 0 calc(40 * var(--lpSetSize)) auto;
}
#CE251024otona [data-deco="block10-01"]{
  top: calc(-170 * var(--lpSetSize));
  left: calc(-50 * var(--lpSetSize));
  width: calc(320 * var(--lpSetSize));
}
#CE251024otona [data-img="block10-02"]{
  width: calc(620 * var(--lpSetSize));
  margin-bottom: calc(60 * var(--lpSetSize));
}
#CE251024otona [data-credit="block10"]{
  width: calc(620 * var(--lpSetSize));
}
#CE251024otona [data-block="11"]{
  background-color: #e4eeec;
  padding-bottom: calc(100 * var(--lpSetSize));
  margin-bottom: calc(190 * var(--lpSetSize));
}
#CE251024otona [data-numb="block11-01"]{
  position: absolute;
  bottom: 4%;
  left: 21%;
  width: calc(444 * var(--lpSetSize));
}
#CE251024otona [data-img="block11-01"]{
  margin-bottom: calc(80 * var(--lpSetSize));
}
#CE251024otona [data-img="block11-02"]{
  width: calc(600 * var(--lpSetSize));
  margin: 0 auto calc(60 * var(--lpSetSize));
  z-index: var(--zindex-front);
}
#CE251024otona [data-img="block11-03"]{
  width: calc(600 * var(--lpSetSize));
  margin: 0 auto calc(60 * var(--lpSetSize));
}
#CE251024otona [data-credit="block11"]{
  width: 72%;
  margin: 0 auto;
}
#CE251024otona [data-block="12"]{
  margin-bottom: calc(280 * var(--lpSetSize));
}
#CE251024otona [data-numb="block12-01"]{
  width: calc(443 * var(--lpSetSize));
  margin: 0 auto calc(54 * var(--lpSetSize)) calc(222 * var(--lpSetSize));
}
#CE251024otona [data-img="block12-01"]{
  width: calc(620 * var(--lpSetSize));
  margin: 0 0 calc(40 * var(--lpSetSize)) auto;
}
#CE251024otona [data-img="block12-02"]{
  width: calc(700 * var(--lpSetSize));
  margin-bottom: calc(60 * var(--lpSetSize));
}
#CE251024otona [data-credit="block12"]{
  width: calc(700 * var(--lpSetSize));
}
#CE251024otona [data-block="13"]{
  margin-bottom: calc(200 * var(--lpSetSize));
}
#CE251024otona [data-numb="block13-01"]{
  position: absolute;
  top: 27.5%;
  right: 4.3%;
  width: calc(280 * var(--lpSetSize));
  z-index: var(--zindex-front);
}
#CE251024otona [data-img="block13-01"]{
  width: calc(640 * var(--lpSetSize));
}
#CE251024otona [data-deco="block13-01"]{
  top: calc(-80 * var(--lpSetSize));
  left: auto;
  right: calc(-110 * var(--lpSetSize));
  width: calc(340 * var(--lpSetSize));
}
#CE251024otona [data-img="block13-02"]{
  width: calc(640 * var(--lpSetSize));
  margin-bottom: calc(60 * var(--lpSetSize));
}
#CE251024otona [data-credit="block13"]{
  width: 70%;
  margin: 0 0 0 calc(60 * var(--lpSetSize));
}
#CE251024otona [data-block="14"]{
  margin-bottom: calc(198 * var(--lpSetSize));
}
#CE251024otona [data-numb="block14-01"]{
  width: calc(444 * var(--lpSetSize));
  margin: 0 auto calc(54 * var(--lpSetSize)) calc(158 * var(--lpSetSize));
}
#CE251024otona [data-img="block14-01"]{
  width: calc(660 * var(--lpSetSize));
  margin: 0 auto calc(80 * var(--lpSetSize));
}
#CE251024otona [data-img="block14-02"]{
  width: calc(600 * var(--lpSetSize));
  margin: 0 0 calc(60 * var(--lpSetSize)) auto;
}
#CE251024otona [data-credit="block14"]{
  width: 50%;
  margin-left: calc(150 * var(--lpSetSize));
}
#CE251024otona [data-block="15"]{
  background-color: #f5e8ea;
  padding-bottom: calc(100 * var(--lpSetSize));
  margin-bottom: calc(174 * var(--lpSetSize));
}
#CE251024otona [data-numb="block15-01"]{
  position: absolute;
  top: 8.4%;
  left: 12%;
  width: calc(277 * var(--lpSetSize));
}
#CE251024otona [data-img="block15-01"]{
  margin-bottom: calc(40 * var(--lpSetSize));
}
#CE251024otona [data-img="block15-02"]{
  width: calc(600 * var(--lpSetSize));
  margin: 0 auto calc(40 * var(--lpSetSize));
}
#CE251024otona [data-img="block15-03"]{
  width: calc(600 * var(--lpSetSize));
  margin: 0 0 calc(60 * var(--lpSetSize)) auto;
}
#CE251024otona [data-credit="block15"]{
  width: 50%;
  margin-left: calc(150 * var(--lpSetSize));
}
#CE251024otona .allBtn{
  width: calc(660 * var(--lpSetSize));
  margin: 0 auto;
}

/*--------------------------------
  layout for desktop
--------------------------------*/
@media only screen and (min-width: 768px) {
  /*========== fixedArea ==========*/
  #Contents{
    padding-top: 5rem;
  }
  #CE251024otona .lpMainWrap{
    position: relative;
    display: flex;
    padding-bottom: 0;
  }
  #CE251024otona .fixedImg{
    position: sticky;
    top: 0;
    width: 50vw;
    height: 100%;
    z-index: 2;
  }
  #CE251024otona .fixedImg__inner{
    position: relative;
    height: 100%;
  }
  #CE251024otona .fixedImg__inner::before{
    position: absolute;
    top: 1%;
    left: 1.3%;
    content: "";
    display: block;
    border: 2px solid #efe3c5;
    width: 97%;
    height: 97.8%;
    z-index: 2;
    pointer-events: none;
  }
  #CE251024otona .fixedImg__inner a{
    position: sticky;
    top: 0;
  }
  #CE251024otona .mvWrap__img img{
    height: 100vh;
    object-fit: cover;
    object-position: top;
  }
  #CE251024otona .mvWrap__ttl{
    position: absolute;
    top: auto;
    bottom: 3.8vh;
    left: 6vw;
    width: 32vw;
    pointer-events: none;
  }
  #CE251024otona .contWrap{
    margin: 0 0 0 auto;
    width: 50vw;
    overflow: clip;
    z-index: 1;
    padding-top: calc(77 * (67.5rem / 750));
    padding-bottom: calc(220 * var(--lpSetSize));
  }
  #CE251024otona .contWrap__inner{
    /* width: calc(480 * (100vw / 1400));
    max-width: 67.5rem; */
    width: calc(750 * var(--lpSetSize));
    width: calc(750 * var(--variable) * var(--ratio));
    margin: 0 auto;
  }
  /*========== block ==========*/
  #CE251024otona [data-block="01"],
  #CE251024otona [data-block="07"]{
    overflow: clip;
  }
  #CE251024otona [data-block="05"],
  #CE251024otona [data-block="11"],
  #CE251024otona [data-block="15"]{
    position: relative;
  }
  #CE251024otona [data-block="05"]::before,
  #CE251024otona [data-block="11"]::before,
  #CE251024otona [data-block="15"]::before{
    content: "";
    display: block;
    width: 100vw;
    height: 100%;
    position: absolute;
    top: 0;
    left: -50vw;
    z-index: var(--zindex-behind);
  }
  #CE251024otona [data-block="05"]::before{
    background-color: #f4f1e9;
  }
  #CE251024otona [data-block="11"]::before{
    background-color: #e4eeec;
  }
    #CE251024otona [data-block="15"]::before{
    background-color: #f5e8ea;
  }
}
/* end layout */


/*================================
  slick
=================================*/
#CE251024otona .slider{
  width:100%;
  margin:0 auto;
}
#CE251024otona .slick-list{
  overflow: visible;
}
#CE251024otona .slider img{
  width:100%;
}
#CE251024otona [data-img="block01-slider"] .slick-list{
  padding-left: calc(110 * var(--lpSetSize))!important;
}
#CE251024otona [data-img="block07-slider"] .slick-list{
  padding-right: calc(110 * var(--lpSetSize))!important;
}
#CE251024otona .slider .slick-slide{
  height:auto!important;
}
/* end slick */


/*================================
  fadeIn
=================================*/
#CE251024otona [data-fade="nomal"]{
  opacity: 0;
}
#CE251024otona [data-fade="blur"]{
  opacity: 0;
  transform: translate(0, 0);
  filter: blur(5px);
  transition: all 1.1s ease;
}
#CE251024otona [data-fade="right"]{
  opacity: 0;
  transform: translateX(-30px);
  transition: opacity 1.5s, transform 1.5s;
}
#CE251024otona [data-fade="left"]{
  opacity: 0;
  transform: translateX(30px);
  transition: opacity 1.5s, transform 1.5s;
}
#CE251024otona [data-fade="top"]{
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 1.2s, transform 1.2s;
}
#CE251024otona [data-delay="01"]{
  transition-delay: 1s!important;
}
#CE251024otona [data-delay="02"]{
  transition-delay: 2s;
}
#CE251024otona [data-fade="nomal"].js-scrollIn{
  opacity: 1;
  transition: ease-in, opacity 2000ms 0.5s, transform 0ms 0.5s;
  transform: translate3d(0, 0, 0);
}
#CE251024otona [data-fade="blur"].js-scrollIn{
  opacity: 1;
  filter: blur(0px);
  transform: translate(0, 0);
}
#CE251024otona [data-fade="right"].js-scrollIn,
#CE251024otona [data-fade="left"].js-scrollIn{
  opacity: 1;
  transform: translateX(0);
}
#CE251024otona [data-fade="top"].js-scrollIn{
  opacity: 1;
  transform: translateY(0);
}
/* end fadeIn */