@charset "UTF-8";

/* 

//////////////////////////////////////////////////////////////////////////////////////////

default settings

//////////////////////////////////////////////////////////////////////////////////////////

*/

#FU260217furmy {

  --pc-width: 1400;

  --sp-width: 750;

  --pc-artboard-width: 450;

  --sp-artboard-width: 750;

  --formula: calc(var(--variable) * var(--ratio));

  --formula_pc: calc(var(--variable) * 1);

}



@media (min-width: 1401px) {

  #FU260217furmy {

    --ratio: calc(var(--pc-artboard-width) / var(--sp-artboard-width));

    --variable: 1px;

  }

}



@media (min-width: 768px) and (max-width: 1400px) {

  #FU260217furmy {

    --ratio: calc(var(--pc-artboard-width) / var(--sp-artboard-width));

    --variable: calc(100vw / var(--pc-width));

  }

}



@media (max-width: 767px) {

  #FU260217furmy {

    --ratio: 1;

    --variable: calc(100vw / var(--sp-width));

  }

}



#FU260217furmy img {

  display: block;

  width: 100%;

  height: auto;

}



#FU260217furmy h2,

#FU260217furmy h3,

#FU260217furmy p,

#FU260217furmy li {

  margin-block: calc((1em - 1lh) / 2);

}



#FU260217furmy .invisible-heading {

  position: absolute;

  width: 1px;

  height: 1px;

  margin: -1px;

  padding: 0;

  overflow: hidden;

  clip: rect(0, 0, 0, 0);

  border: 0;

}

/* 

//////////////////////////////////////////////////////////////////////////////////////////

common settings

//////////////////////////////////////////////////////////////////////////////////////////

*/

#FU260217furmy {

  position: relative;

  min-width: 100%;

  display: flex;

  font-feature-settings: "palt";

  --yu-gochic:

    "游ゴシック体", "游ゴシック Medium", Yu Gothic Medium, Yu Gothic, YuGothic,

    yu-gothic-pr6n, Hiragino Kaku Gothic ProN, Meiryo, sans-serif;

  --helvetica: helvetica-neue-lt-pro, sans-serif;

  --font-medium: 500;

  --moss: #8fa284;

  --black: #000000;

  --red: #ce4f4e;

  --sky-blue: #8cb1d9;

  --pink: #e18f90;

  --gray: #666666;

  --blue: #2e5597;

  --dark-gray: #333333;

  --lp-bg: #f1f0e9;

  margin: 0 0 calc(200 * var(--formula)) 0;

}

#FU260217furmy .sec-set {

  position: relative;

  display: flex;

  flex-direction: column;

  align-items: center;

}

#FU260217furmy [class*="teaser__txt"] {

  font-family: var(--yu-gochic);

  color: var(--black);

  font-size: calc(24 * var(--formula));

  line-height: 2.2;

  letter-spacing: 0.05em;

  text-align: center;

  font-weight: var(--font-medium);

}

#FU260217furmy [id*="__h3"] {

  font-family: var(--helvetica);

  font-size: calc(70 * var(--formula));

  line-height: 1.2;

  letter-spacing: 0.025em;

  text-align: left;

  font-weight: var(--font-medium);

}

#FU260217furmy [class*="__credit"],

#FU260217furmy .lp-footer__staff-credit {

  font-family: var(--helvetica);

  font-size: calc(22 * var(--formula));

  line-height: 1.8;

  letter-spacing: 0.025em;

  text-align: left;

  font-weight: var(--font-medium);

  display: flex;

  flex-direction: column;

  gap: calc(18 * var(--formula));

}



#FU260217furmy [class*="__credit"] li {

  display: flex;

  gap: calc(20 * var(--formula));

}

#FU260217furmy [class*="__inner-cont"] {

  display: flex;

  flex-direction: column;

  position: relative;

}

/* 

//////////////////////////////////////////////////////////////////////////////////////////

animate settings

//////////////////////////////////////////////////////////////////////////////////////////

*/



#FU260217furmy .blur-in {

  opacity: 0;

  filter: blur(calc(10 * var(--formula)));

  transition: all 1s ease-out;

}

#FU260217furmy .is-visible.blur-in,

#FU260217furmy .is-visible .blur-in {

  opacity: 1;

  filter: blur(0);

}

#FU260217furmy .slide-up {

  opacity: 0;

  transform: translateY(calc(30 * var(--formula)));

  transition: all 1.2s cubic-bezier(0.39, 0.575, 0.565, 1);

}

#FU260217furmy .is-visible.slide-up {

  opacity: 1;

  transform: translateY(0);

}

#FU260217furmy .slide-left {

  opacity: 0;

  transform: translateX(calc(30 * var(--formula)));

  transition: all 1.2s cubic-bezier(0.39, 0.575, 0.565, 1);

}

#FU260217furmy .is-visible.slide-left {

  opacity: 1;

  transform: translateX(0);

}

#FU260217furmy .slide-right {

  opacity: 0;

  transform: translateX(calc(-30 * var(--formula)));

  transition: all 1.2s cubic-bezier(0.39, 0.575, 0.565, 1);

}

#FU260217furmy .is-visible.slide-right {

  opacity: 1;

  transform: translateX(0);

}

#FU260217furmy .wipe-right {

  clip-path: inset(0 100% 0 0);

  transition: all 1.2s cubic-bezier(0, 0.55, 0.45, 1);

}

#FU260217furmy .is-visible.wipe-right {

  clip-path: inset(0 0 0 0);

}

#FU260217furmy .fade-in {

  opacity: 0;

  transition: all 1s cubic-bezier(0.39, 0.575, 0.565, 1);

}

#FU260217furmy .is-visible .fade-in {

  opacity: 1;

}

#FU260217furmy .delay1 {

  transition-delay: 0.3s;

}

#FU260217furmy .delay2 {

  transition-delay: 0.6s;

}

/* 

//////////////////////////////////////////////////////////////////////////////////////////

layout settings

//////////////////////////////////////////////////////////////////////////////////////////

*/

#FU260217furmy .lp-left-area,

#FU260217furmy .lp-right-area {

  flex: 1;

  position: sticky;

  top: var(--lpHeaderHeight);

  height: calc(100vh - var(--lpHeaderHeight));

  background: var(--lp-bg);

}

#FU260217furmy .lp-main-area {

  width: calc(450 * var(--formula_pc));

  overflow-x: clip;

}



#FU260217furmy .lp-pc-txt-01 {

  width: calc(330 * var(--formula_pc));

  top: 50%;

  position: absolute;

  transform: translate(-50%, -50%);

  left: 50%;

}



#FU260217furmy .teaser-cont {

  margin: 0 0 calc(121 * var(--formula)) 0;

}



#FU260217furmy .lp-mv-img-01 {

  width: calc(750 * var(--formula));

}



#FU260217furmy .teaser__txt1 {

  padding: calc(120 * var(--formula)) 0 calc(43 * var(--formula)) 0;

}



#FU260217furmy #teaser__h4 {

  font-family: var(--helvetica);

  color: var(--moss);

  font-size: calc(32 * var(--formula));

  line-height: 1;

  letter-spacing: 0.025em;

  text-align: center;

  font-weight: var(--font-medium);

}



#FU260217furmy .teaser__txt2 {

  padding: calc(61 * var(--formula)) 0 calc(60 * var(--formula)) 0;

}



#FU260217furmy .teaser__txt3 {

}



#FU260217furmy .sec1 {

  background-image: url(../img/sec1-bg-01.jpg);

  background-size: cover;

  background-repeat: no-repeat;

  padding: calc(120 * var(--formula)) 0 calc(61 * var(--formula)) 0;

}



#FU260217furmy .sec1-img-01 {

  width: calc(510 * var(--formula));

  align-self: start;

  margin: 0 0 calc(20 * var(--formula)) calc(40 * var(--formula));

}



#FU260217furmy .sec1-img-02 {

  width: calc(510 * var(--formula));

  align-self: start;

  margin: 0 0 calc(60 * var(--formula)) calc(40 * var(--formula));

}



#FU260217furmy .sec1__inner-cont {

  align-self: end;

  gap: calc(61 * var(--formula));

}



#FU260217furmy .sec1-img-03 {

  width: calc(600 * var(--formula));

}



#FU260217furmy .sec1__credit {

  color: var(--black);

}



#FU260217furmy .sec2 {

  margin: calc(220 * var(--formula)) 0 calc(221 * var(--formula)) 0;

}



#FU260217furmy .sec2-img-01 {

  width: calc(690 * var(--formula));

}



#FU260217furmy #sec2__h3--1 {

  padding: calc(40 * var(--formula)) 0 calc(76 * var(--formula)) 0;

  color: var(--red);

}



#FU260217furmy .sec2-img-02 {

  width: calc(420 * var(--formula));

  align-self: end;

  padding: 0 0 calc(60 * var(--formula)) 0;

}



#FU260217furmy .sec2__inner-cont {

  display: grid;

  grid-template-columns: 1fr auto;

  grid-template-rows: 1fr auto;

  margin: 0 0 0 calc(121 * var(--formula));

}



#FU260217furmy .sec2-img-03 {

  width: calc(480 * var(--formula));

  grid-area: 1 / 1 / 2 / 2;

}



#FU260217furmy #sec2__h3--2 {

  transform: rotate(90deg) translateY(calc(-192 * var(--formula)))

    translateX(calc(7 * var(--formula)));

  color: var(--red);

  grid-area: 1 / 2 / 2 / 3;

  white-space: nowrap;

  transform-origin: left top;

}



#FU260217furmy .sec2__credit {

  grid-area: 2 / 1 / 3 / 3;

  padding: calc(61 * var(--formula)) 0 0 0;

  color: var(--red);

}

#FU260217furmy .sec3-img-01 {

  width: calc(750 * var(--formula));

}



#FU260217furmy .sec3__credit {

  padding: calc(31 * var(--formula)) 0 calc(101 * var(--formula))

    calc(30 * var(--formula));

  color: var(--sky-blue);

}



#FU260217furmy .sec3__inner-cont2 {

  align-self: end;

  margin: 0 calc(30 * var(--formula)) 0 0;

  gap: calc(20 * var(--formula));

}



#FU260217furmy .sec3-img-02 {

  width: calc(450 * var(--formula));

}



#FU260217furmy .sec3-img-03 {

  width: calc(450 * var(--formula));

}



#FU260217furmy .sec3__logo-cont {

  position: absolute;

  bottom: calc(-34 * var(--formula));

  left: calc(-235 * var(--formula));

  display: flex;

  flex-direction: column;

  gap: calc(20 * var(--formula));

}



#FU260217furmy .sec3-txt-01 {

  width: calc(204 * var(--formula));

}



#FU260217furmy .sec4 {

  margin: calc(220 * var(--formula)) 0 calc(221 * var(--formula)) 0;

}



#FU260217furmy .sec4-img-01 {

  width: calc(600 * var(--formula));

}



#FU260217furmy #sec4__h3 {

  color: var(--pink);

  padding: calc(40 * var(--formula)) 0 calc(82 * var(--formula))

    calc(75 * var(--formula));

  align-self: start;

}



#FU260217furmy .sec4__inner-cont {

  align-self: end;

  gap: calc(20 * var(--formula));

}



#FU260217furmy .sec4-img-02 {

  width: calc(540 * var(--formula));

}



#FU260217furmy .sec4-img-03 {

  width: calc(540 * var(--formula));

}



#FU260217furmy .sec4__credit {

  padding: calc(41 * var(--formula)) 0 0 0;

  color: var(--pink);

}



#FU260217furmy #sec5__h3 {

  align-self: start;

  padding: 0 0 calc(36 * var(--formula)) calc(30 * var(--formula));

  color: var(--gray);

}



#FU260217furmy .sec5-img-01 {

  width: calc(750 * var(--formula));

}



#FU260217furmy .sec5__inner-cont {

  margin: calc(80 * var(--formula)) 0 0 0;

  gap: calc(61 * var(--formula));

}



#FU260217furmy .sec5-img-02 {

  width: calc(510 * var(--formula));

}



#FU260217furmy .sec5__credit {

  color: var(--gray);

}



#FU260217furmy .sec6 {

  margin: calc(221 * var(--formula)) 0 calc(222 * var(--formula)) 0;

}



#FU260217furmy .sec6__inner-cont {

  gap: calc(60 * var(--formula));

}



#FU260217furmy .sec6-img-01 {

  width: calc(630 * var(--formula));

}



#FU260217furmy .sec6__credit {

  color: var(--blue);

}



#FU260217furmy .sec7-img-01 {

  width: calc(750 * var(--formula));

}



#FU260217furmy .sec7__inner-cont {

  margin: calc(100 * var(--formula)) 0 0 0;

  gap: calc(20 * var(--formula));

}



#FU260217furmy .sec7-img-02 {

  width: calc(480 * var(--formula));

}



#FU260217furmy .sec7-img-03 {

  width: calc(480 * var(--formula));

}



#FU260217furmy .sec7__credit {

  padding: calc(40 * var(--formula)) 0 0 0;

  color: var(--dark-gray);

}



#FU260217furmy .lp-footer {

  margin: calc(182 * var(--formula)) 0 0 0;

}



#FU260217furmy .lp-footer-btn-01 {

  width: calc(620 * var(--formula));

}



#FU260217furmy .lp-footer__staff-credit {

  border-top-style: solid;

  border-top-color: var(--dark-gray);

  border-top-width: max(1px, calc(2 * var(--formula)));

  width: 100%;

  padding: calc(60 * var(--formula)) 0 0 calc(60 * var(--formula));

  margin: calc(179 * var(--formula)) 0 calc(257 * var(--formula)) 0;

  color: var(--dark-gray);

}

#FU260217furmy .lp-left__txt {

  bottom: calc(30 * var(--formula_pc));

  position: absolute;

  transform: translate(-50%);

  left: 50%;

  font-family: var(--helvetica);

  font-size: calc(12 * var(--formula_pc));

  line-height: 1.5;

  letter-spacing: 0.025em;

  text-align: center;

  font-weight: var(--font-medium);

  color: var(--dark-gray);

}



#FU260217furmy .lp-pc-btn-01 {

  width: calc(300 * var(--formula_pc));

  bottom: calc(30 * var(--formula_pc));

  position: absolute;

  transform: translate(-50%);

  left: 50%;

}

/* 

//////////////////////////////////////////////////////////////////////////////////////////

SP settings

//////////////////////////////////////////////////////////////////////////////////////////

*/

@media (max-width: 767px) {

  #FU260217furmy {

    margin: 0 0 0 0;

  }

  #FU260217furmy .lp-left-area,

  #FU260217furmy .lp-right-area {

    display: none;

  }

  #FU260217furmy .lp-main-area {

    width: 100%;

  }

}