/* ========================================
* Googleフォント読み込み
* ======================================== */
@import url("https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300..700;1,300..700&family=Noto+Sans+JP:wght@100..900&family=Shippori+Mincho+B1&display=swap");
/* ========================================
* root指定
* ======================================== */
:root {
  --100rem: calc(var(--vrem) * 10.0);
  --10rem: calc(var(--vrem) * 1.0);
  --110rem: calc(var(--vrem) * 11.0);
  --11rem: calc(var(--vrem) * 1.1);
  --12rem: calc(var(--vrem) * 1.2);
  --13rem: calc(var(--vrem) * 1.3);
  --14rem: calc(var(--vrem) * 1.4);
  --15rem: calc(var(--vrem) * 1.5);
  --16rem: calc(var(--vrem) * 1.6);
  --17rem: calc(var(--vrem) * 1.7);
  --18rem: calc(var(--vrem) * 1.8);
  --19rem: calc(var(--vrem) * 1.9);
  /* ========================================
  * 1px ~ 50px（1px刻み）
  * ======================================== */
  --1rem: calc(var(--vrem) * .1);
  --20rem: calc(var(--vrem) * 2.0);
  --21rem: calc(var(--vrem) * 2.1);
  --22rem: calc(var(--vrem) * 2.2);
  --23rem: calc(var(--vrem) * 2.3);
  --24rem: calc(var(--vrem) * 2.4);
  --25rem: calc(var(--vrem) * 2.5);
  --26rem: calc(var(--vrem) * 2.6);
  --27rem: calc(var(--vrem) * 2.7);
  --28rem: calc(var(--vrem) * 2.8);
  --29rem: calc(var(--vrem) * 2.9);
  --2rem: calc(var(--vrem) * .2);
  --30rem: calc(var(--vrem) * 3.0);
  --31rem: calc(var(--vrem) * 3.1);
  --32rem: calc(var(--vrem) * 3.2);
  --33rem: calc(var(--vrem) * 3.3);
  --34rem: calc(var(--vrem) * 3.4);
  --35rem: calc(var(--vrem) * 3.5);
  --36rem: calc(var(--vrem) * 3.6);
  --37rem: calc(var(--vrem) * 3.7);
  --38rem: calc(var(--vrem) * 3.8);
  --39rem: calc(var(--vrem) * 3.9);
  --3rem: calc(var(--vrem) * .3);
  --40rem: calc(var(--vrem) * 4.0);
  --41rem: calc(var(--vrem) * 4.1);
  --42rem: calc(var(--vrem) * 4.2);
  --43rem: calc(var(--vrem) * 4.3);
  --44rem: calc(var(--vrem) * 4.4);
  --45rem: calc(var(--vrem) * 4.5);
  --46rem: calc(var(--vrem) * 4.6);
  --47rem: calc(var(--vrem) * 4.7);
  --48rem: calc(var(--vrem) * 4.8);
  --49rem: calc(var(--vrem) * 4.9);
  --4rem: calc(var(--vrem) * .4);
  --50rem: calc(var(--vrem) * 5.0);

  /* ========================================
  * 55px ~ 100px（5px刻み）
  * ======================================== */
  --55rem: calc(var(--vrem) * 5.5);
  --5rem: calc(var(--vrem) * .5);
  --60rem: calc(var(--vrem) * 6.0);
  --65rem: calc(var(--vrem) * 6.5);
  --6rem: calc(var(--vrem) * .6);
  --70rem: calc(var(--vrem) * 7.0);
  --75rem: calc(var(--vrem) * 7.5);
  --7rem: calc(var(--vrem) * .7);
  --80rem: calc(var(--vrem) * 8.0);
  --85rem: calc(var(--vrem) * 8.5);
  --8rem: calc(var(--vrem) * .8);
  --90rem: calc(var(--vrem) * 9.0);
  --95rem: calc(var(--vrem) * 9.5);
  --9rem: calc(var(--vrem) * .9);
  --breakpoint-pc: 768px;
  --font-cormorant: "Cormorant Garamond", serif;
  --font-noto: "Noto Sans JP", sans-serif;
  --font-shippori: "Shippori Mincho B1", serif;
  /*
  * PC: 1280pxで10px → それ以下は比例縮小、以上は固定
  * 計算: 10 / 1280 * 100 = 0.78125vw
  */
  --vrem: min(.78125vw, .625rem);
}
/* SP: 375pxで10px → それ以下は比例縮小 */
@media (max-width: 768px) {
  :root {
    --vrem: 2.6667vw;
  }
}


/*====================================
↓表示切り替え用CSS↓
====================================*/
@media screen and (min-width: 769px) {
  .sp {
    display: none !important;
  }
}
@media screen and (max-width: 768px) {
  .pc {
    display: none !important;
  }
}

/*====================================
↓コンテンツ幅/固定余白関連↓
====================================*/
.l-wid {
  max-width: calc(var(--vrem) * 100);
  margin: 0 auto;
}
.l-idt {
  padding: 0 var(--25rem);
}
/* SP
----------------------------------*/
@media screen and (max-width: 768px) {
  .l-wid {
    max-width: none;
  }
  .l-idt {
    padding: 0 var(--30rem);
  }
}


/* ========================================
* 初期指定
* ======================================== */
.contents {
  overflow: hidden;
  max-width: 100vw;
  background-color: #f5f5f4;
  font-family: var(--font-shippori),var(--font-cormorant);
  font-size: var(--16rem);
  line-height: 1.5;
}
.contents * {
  box-sizing: border-box;
}
.contents img {
  width: 100%;
  height: auto;
}
.contents sup {
  font-size: .7em;
}
.contents sup {
  font-size: .7em;
}
/* glightbox関連 */
.glightbox-container .gnext,
.glightbox-container .gprev {
  display: none;
}
.goverlay {
  background: rgba(0, 0, 0, .52) !important;
}
.glightbox-clean .gclose {
  top: var(--45rem) !important;
  right: var(--45rem) !important;
}
.glightbox-clean .gclose,
.glightbox-clean .gnext,
.glightbox-clean .gprev {
  background-color: transparent !important;
  opacity: 1 !important;
}
.glightbox-clean .gclose svg {
  width: var(--50rem) !important;
  height: var(--50rem) !important;
}
.gslide-media {
  max-width: 1100px !important;
  margin: 0 var(--25rem);
}

/* SP
----------------------------------*/
@media screen and (max-width: 768px) {
  .contents {
    font-size: var(--12rem);
  }
  .gslide-media {
    max-width: calc(100% - var(--30rem)) !important;
    margin: 0 var(--15rem);
  }
}


[data-sa-type],
.js-fadeIn,
.js-fadeInRight,
.js-fadeInLeft,
.js-fadeInBottom {
  opacity: 0;
}
[data-sa-type="txtfadeInBottom"] {
  opacity: 1;
}


.c-breadcrumbs {
  display: flex;
  gap: 0 var(--20rem);
  margin-top: 4.8438vw;
  font-family: var(--font-noto);
  font-size: var(--12rem);
  line-height: var(--22rem);
  letter-spacing: .1em;
}
.c-breadcrumbs li a {
  position: relative;
  font-family: var(--font-noto);
}
.c-breadcrumbs li a::before {
  content: " ";
  position: absolute;
  top: 50%;
  right: calc(var(--12rem) * -1);
  width: 1px;
  height: var(--17rem);
  background-color: #000;
  transform: translateY(-50%);
}
/* SP
----------------------------------*/
@media screen and (max-width: 768px) {
  .c-breadcrumbs {
    position: absolute;
    bottom: 0;
    left: var(--40rem);
    gap: 0 var(--20rem);
    margin-top: 0;
  }
}
/* ========================================
* .contents 配下 ↓ここからコンテンツ記述↓
* calc(var(--vrem) * 5.5) ← 55pxになる（10分の1の値で指定）
* ======================================== */
/* CTA */
.u-cta {
  position: fixed;
  right: var(--30rem);
  bottom: var(--30rem);
  z-index: 100;
  opacity: 0;
  transform: translateY(100%);
  transition: opacity .5s ease, transform .5s ease;
  pointer-events: none;
}
.u-cta.is-show {
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}
.u-cta a {
  display: block;
  width: calc(var(--vrem) * 24);
  height: calc(var(--vrem) * 5.6);
  text-decoration: none;
  transition: opacity .3s linear;
}
.u-cta a:hover {
  opacity: .6;
}
/* SP
----------------------------------*/
@media screen and (max-width: 768px) {
  .u-cta {
    position: fixed;
    right: var(--15rem);
    bottom: var(--15rem);
    z-index: 100;
  }
  .u-cta a {
    width: calc(var(--vrem) * 13.4);
    height: calc(var(--vrem) * 5);
  }
  .u-cta a:hover {
    opacity: .6;
  }
}


/* TOP */
.u-kv__slide {
  position: relative;
  overflow: hidden;
}
.u-kv__slideItem {
  overflow: hidden;
  aspect-ratio: 1280 / 666;
  background-color: #fff;
}
/* KV Scale Animation */
@-webkit-keyframes kvScaleUp {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.05);
  }
}
@keyframes kvScaleUp {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.05);
  }
}
.u-kv__slideImg {
  display: block;
  overflow: hidden;
}
.u-kv__slideItem.is-kvScale .u-kv__slideImg img {
  animation: kvScaleUp 12s cubic-bezier(.25, .46, .45, .94) forwards;
  -webkit-animation: kvScaleUp 12s cubic-bezier(.25, .46, .45, .94) forwards;
}
.u-kv__slideInr {
  position: relative;
  display: block;
  overflow: hidden;
}
.u-kv__slideInr:hover {
  opacity: 1;
}
.u-kv__slideDot {
  position: absolute;
  bottom: var(--14rem) !important;
  left: var(--18rem) !important;
  display: flex;
  align-items: center;
  width: auto !important;
}
.u-kv__slideDot .swiper-pagination-bullet {
  width: var(--6rem);
  height: var(--6rem);
  background-color: #38362d;
}
.u-kv__slideDot .swiper-pagination-bullet-active {
  width: var(--10rem);
  height: var(--10rem);
}

/* .--type-main  */
.--type-main .u-kv__slideTtl {
  position: absolute;
  bottom: 3.515625vw;
  left: 6.484375vw;
  display: block;
}
.--type-main .u-kv__slideTtlMain {
  display: block;
  width: 34.657vw;
  height: 3.9063vw;
}
.--type-main .u-kv__slideTtlSub {
  display: block;
  margin-top: 2.3438vw;
  font-size: 1.796875vw;
  line-height: 1.4;
  letter-spacing: .26em;
}
/* .--type-story  */
.--type-story .u-kv__slideInr {
  display: flex;
  flex-direction: row-reverse;
  padding-bottom: 1px;
  background-color: #f5f5f4;
  text-decoration: none;
}
.--type-story .u-kv__slideImg {
  width: 56.6406vw;
}
.--type-story .u-kv__slideTtl {
  display: flex;
  flex: 1;
  align-items: center;
}
.--type-story .u-kv__slideTtlInr {
  display: block;
  width: 100%;
  padding: 4.2188vw 3vw 4.2188vw 6.5625vw;
  background-color: #fafafa;
}
.--type-story .u-kv__slideTtlCat {
  display: block;
  font-family: var(--font-cormorant);
  font-size: 1.875vw;
}
.--type-story .u-kv__slideTtlName {
  display: flex;
  align-items: center;
  margin-top: .2344vw;
}
.--type-story .u-kv__slideTtlName .small {
  font-size: 1.25vw;
}
.--type-story .u-kv__slideTtlName .nomal {
  padding-left: 1.0938vw;
  font-size: 2.5vw;
}
.--type-story .u-kv__slideTtlMain {
  display: block;
  margin-top: 2.3438vw;
  font-size: 1.7969vw;
  line-height: 3.75vw;
}

/* SP
----------------------------------*/
@media screen and (max-width: 768px) {
  .u-kv__slideItem {
    aspect-ratio: 375 / 580;
  }
  .u-kv__slideDot {
    bottom: var(--10rem) !important;
    left: var(--15rem) !important;
    width: auto !important;
  }

  /* .--type-main  */
  .--type-main .u-kv__slideTtl {
    position: absolute;
    bottom: var(--30rem);
    left: var(--30rem);
    display: block;
  }
  .--type-main .u-kv__slideTtlMain {
    width: calc(var(--vrem) * 27);
    height: var(--30rem);
  }
  .--type-main .u-kv__slideTtlSub {
    display: block;
    margin-top: var(--25rem);
    font-size: var(--18rem);
    line-height: 1.6;
    letter-spacing: .3em;
  }
  .--type-main .u-kv__slideTtlIdt {
    padding-left: var(--100rem);
  }

  /* .--type-story  */
  .--type-story .u-kv__slideInr {
    position: relative;
    display: block;
    padding-bottom: 1px;
  }
  .--type-story .u-kv__slideImg {
    width: 100vw;
  }
  .--type-story .u-kv__slideTtl {
    position: absolute;
    top: 0;
    left: 0;
    height: calc(100% - 25%);
  }
  .--type-story .u-kv__slideTtlInr {
    display: block;
    width: 100%;
    padding: 0 var(--27rem);
    background-color: transparent;
    color: #fff;
  }
  .--type-story .u-kv__slideTtlCat {
    display: block;
    font-family: var(--font-cormorant);
    font-size: var(--20rem);
  }
  .--type-story .u-kv__slideTtlName {
    display: block;
    margin-top: var(--9rem);
  }
  .--type-story .u-kv__slideTtlName .small {
    display: block;
    font-size: var(--12rem);
  }
  .--type-story .u-kv__slideTtlName .nomal {
    display: block;
    padding-left: 0;
    font-size: var(--22rem);
    line-height: var(--32rem);
  }
  .--type-story .u-kv__slideTtlMain {
    display: block;
    margin-top: var(--70rem);
    font-size: var(--15rem);
    line-height: var(--28rem);
  }
}


.u-anc {
  margin-top: var(--48rem);
  padding: var(--14rem) var(--20rem) var(--14rem) var(--25rem);
  background-color: #fff;
}
.u-anc__inr {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0 var(--40rem);
}
.u-anc__item a {
  position: relative;
  display: block;
  padding-right: var(--20rem);
  padding-bottom: var(--10rem);
  line-height: 1.5;
  text-decoration: none;
  transition: opacity .3s linear;
}
.u-anc__item a:hover {
  opacity: .6;
}
.u-anc__item a::before {
  content: " ";
  position: absolute;
  top: calc(50% - var(--5rem));
  right: 0;
  width: var(--10rem);
  height: var(--5rem);
  background: url(../img/because_refa_dryer_icn_arw.png) no-repeat center / cover;
  transform: translateY(-50%);
}
.u-anc__item a::after {
  content: " ";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: var(--1rem);
  background: #c3c3c3;
}
/* SP
----------------------------------*/
@media screen and (max-width: 768px) {
  .u-anc {
    margin-top: var(--30rem);
    padding: var(--20rem) var(--15rem);
  }
  .u-anc__inr {
    flex-wrap: wrap;
    gap: var(--20rem);
  }
  .--type-story .u-anc__inr {
    max-width: calc(var(--vrem) * 22);
    margin: 0 auto;
  }
  .u-anc__item a {
    font-size: var(--12rem);
  }
}


.u-concept {
  overflow: hidden;
  margin-top: var(--45rem);
}
.u-concept__inr {
  position: relative;
  max-width: calc(var(--vrem) * 110.8);
  margin: 0 auto;
}
.u-concept__info {
  display: flex;
}
.u-concept__infoTtl {
  position: relative;
  z-index: 2;
  width: 47.61%;
  padding-top: var(--75rem);
  padding-left: calc(var(--vrem) * 11.3);
  letter-spacing: .35em;
}
.u-concept__infoTtl span {
  font-size: var(--23rem);
  line-height: var(--50rem);
}
.u-concept__infoIdt.--type-01 {
  padding-left: var(--40rem);
}
.u-concept__infoIdt.--type-02 {
  padding-left: var(--100rem);
}
.u-concept__infoDesc {
  position: relative;
  z-index: 1;
  padding: var(--75rem) 0 var(--100rem);
}
 .u-concept__infoDesc p {
  line-height: var(--36rem);
  letter-spacing: .04em;
}
 .u-concept__infoDesc p + p {
  margin-top: 2.25em;
}
.u-concept__infoDesc::before {
  content: " ";
  position: absolute;
  top: 0;
  left: calc((var(--vrem) * 28.2) * -1);
  z-index: -1;
  display: block;
  width: 100vw;
  height: 100%;
  background-color: #fff;
}
.u-concept__infoImg {
  position: relative;
  z-index: 2;
  width: calc(var(--vrem) * 43);
  margin-top: calc((var(--vrem) * 30) * -1);
}
/* SP
----------------------------------*/
@media screen and (max-width: 768px) {
  .u-concept {
    margin-top: var(--30rem);
    padding: 0 var(--15rem);
  }
  .u-concept__info {
    position: relative;
    display: block;
  }
  .u-concept__info::before {
    content: " ";
    position: absolute;
    top: 0;
    left: calc((var(--vrem) * 13));
    z-index: 0;
    display: block;
    width: 100vw;
    height: 100%;
    background-color: #fff;
  }
  .u-concept__infoTtl {
    z-index: 2;
    width: 100%;
    padding-top: var(--45rem);
    padding-left: 0;
    letter-spacing: .34em;
  }
  .u-concept__infoTtl span {
    font-size: var(--18rem);
    line-height: var(--40rem);
  }
  .u-concept__infoIdt.--type-01 {
    padding-left: var(--35rem);
  }
  .u-concept__infoIdt.--type-02 {
    padding-left: var(--85rem);
  }
  .u-concept__infoDesc {
    z-index: 1;
    padding: var(--25rem) 0 var(--100rem) var(--55rem);
    line-height: var(--30rem);
    letter-spacing: .05em;
  }
  .u-concept__infoDesc::before {
    display: none;
  }
  .u-concept__infoImg {
    position: relative;
    z-index: 2;
    width: calc(var(--vrem) * 30);
    margin-top: calc(var(--50rem) * -1);
  }
}


.u-about {
  margin-top: var(--75rem);
}
.u-about__info {
  position: relative;
  z-index: 1;
  padding: var(--47rem) 0 var(--55rem);
}
.u-about__info::before {
  content: " ";
  position: absolute;
  top: 0;
  right: calc(var(--vrem) * 19.0);
  z-index: 0;
  width: 100vw;
  height: 100%;
  background-color: #fff;
}
.u-about__infoTtl {
  position: relative;
  z-index: 1;
  font-size: var(--23rem);
  line-height: var(--38rem);
}
.u-about__infoDesc {
  position: relative;
  z-index: 1;
  margin-top: var(--20rem);
}
.u-about__infoDesc p {
  font-size: var(--16rem);
  line-height: var(--30rem);
}
.u-about__infoDesc p + p {
  margin-top: 1.875em;
}
/* SP
----------------------------------*/
@media screen and (max-width: 768px) {
  .u-about {
    margin-top: var(--50rem);
  }
  .u-about__info {
    padding: var(--50rem) 0;
  }
  .u-about__info::before {
    right: calc(var(--vrem) * 11.6);
    z-index: 0;
  }
  .u-about__infoTtl {
    position: relative;
    z-index: 1;
    font-size: var(--18rem);
    line-height: var(--36rem);
  }
  .u-about__infoDesc {
    margin-top: var(--30rem);
    font-size: var(--12rem);
    line-height: var(--26rem);
  }
}



.u-story {
  position: relative;
  z-index: 3;
  padding-top: calc(var(--vrem) * 17.7);
  /* overflow: hidden; */
}
.u-story::before {
  content: " ";
  position: absolute;
  top: -15.625vw;
  left: 50%;
  z-index: 0;
  width: 100vw;
  height: 32.87vw;
  background: url(../img/because_refa_dryer_story_bg.png) no-repeat center / cover;
  transform: translateX(-50%);
  pointer-events: none;
}
/* PC
----------------------------------*/
@media screen and (min-width: 1281px) {
  .u-story::before {
    top: calc((var(--vrem) * 20) * -1);
    height: calc(var(--vrem) * 46.9);
    background-size: 100% 100%;
  }
}
.u-story__inr {
  position: relative;
  z-index: 1;
  padding-bottom: calc(var(--vrem) * 16.7);
}
.u-story__ttl {
  width: calc(var(--vrem) * 35.4);
  height: calc(var(--vrem) * 7.2);
  margin-left: calc(var(--vrem) * 39.2);
}
.u-story__slide {
  position: relative;
  margin-top: var(--90rem);
}
.u-story__slide::before {
  content: " ";
  position: absolute;
  top: 0;
  left: calc(var(--vrem) * 50);
  z-index: -1;
  width: 100vw;
  height: 100%;
  background-color: #fafafa;
  transform: translateX(-50%);
  pointer-events: none;
}
.u-story__slideItem {
  position: relative;
  /* opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s, visibility 0.6s; */
}
/* .u-story__slideItem.swiper-slide-active {
  opacity: 1;
  visibility: visible;
} */
.u-story__slideInr {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
}
.u-story__slideImg {
  position: relative;
  z-index: 2;
  width: calc(var(--vrem) * 61);
  height: auto;
  margin: calc(var(--50rem) * -1) 0;
}
.u-story__slideImg a {
  transition: opacity .3s linear !important;
}
.u-story__slideInfo {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: calc(var(--vrem) * 39);
  min-height: calc(var(--vrem) * 50);
  padding: var(--25rem) 0;
}
.u-story__slideTtl {
  font-size: var(--25rem);
  line-height: var(--50rem);
}
.u-story__slideName {
  margin-top: var(--70rem);
}
.u-story__slideName dt {
  font-size: var(--12rem);
  line-height: var(--17rem);
}
.u-story__slideName dd {
  margin-top: var(--6rem);
  line-height: var(--24rem);
}
.u-story__slideBtn {
  margin-top: var(--30rem);
}
.u-story__slideBtn a {
  position: relative;
  display: block;
  width: calc(var(--vrem) * 15);
  padding-right: var(--20rem);
  font-family: var(--font-cormorant);
  font-size: var(--22rem);
  line-height: var(--26rem);
  text-decoration: none;
}
.u-story__slideBtn a::before {
  content: " ";
  position: absolute;
  top: 50%;
  right: 0;
  width: var(--18rem);
  height: var(--18rem);
  background: url(../img/because_refa_dryer_icn_arw_circle.png) no-repeat center / cover;
  transform: translateY(-50%);
}
.u-story__slideBtn a::after {
  content: " ";
  position: absolute;
  bottom: calc(var(--5rem) * -1);
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #000;
}
.u-story__subTtl {
  position: absolute;
  right: 0;
  bottom: 0;
  width: calc(var(--vrem) * 73.6);
  height: calc(var(--vrem) * 8.4);
  color: #e6e6e6;
}
.u-story__slideDot {
  position: absolute;
  bottom: calc(var(--50rem) * -1) !important;
  left: 0 !important;
  display: flex;
  align-items: center;
  width: auto !important;
}
.u-story__slideDot .swiper-pagination-bullet {
  width: var(--6rem);
  height: var(--6rem);
  background-color: #38362d;
}
.u-story__slideDot .swiper-pagination-bullet-active {
  width: var(--10rem);
  height: var(--10rem);
}
.u-story__slideButton {
  position: absolute;
  top: 50%;
  z-index: 10;
  width: var(--33rem);
  height: var(--33rem);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  cursor: pointer;
}
.u-story__slideButton.swiper-button-prev {
  left: calc(var(--65rem) * -1);
  background-image: url(../img/because_refa_dryer_icn_arw_prev.png);
}
.u-story__slideButton.swiper-button-next {
  right: calc(var(--65rem) * -1);
  background-image: url(../img/because_refa_dryer_icn_arw_next.png);
}
/* SP
----------------------------------*/
@media screen and (max-width: 768px) {
  .u-story {
    padding-top: var(--95rem);
  }
  .u-story::before {
    content: " ";
    position: absolute;
    top: calc((var(--vrem) * 5.8) * -1);
    z-index: 0;
    width: 100vw;
    height: calc(var(--vrem) * 16.3);
    background: url(../img/sp_because_refa_dryer_story_bg.png) no-repeat center / cover;
    pointer-events: none;
  }
  .u-story__inr {
    /* padding-bottom: calc(var(--vrem) * 20.7); */
    padding-bottom: 0;
  }
  .u-story__ttl {
    width: calc(var(--vrem) * 21.6);
    height: calc(var(--vrem) * 4.3);
    margin-left: var(--15rem);
  }
  .u-story__slide {
    margin-top: var(--25rem);
  }
  .u-story__slide::before {
    display: none;
  }
  .u-story__slideItem {
    position: relative;
    /* opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s, visibility 0.6s; */
  }
  /* .u-story__slideItem.swiper-slide-active {
    opacity: 1;
    visibility: visible;
  } */
  .u-story__slideInr {
    display: block;
  }
  .u-story__slideImg {
    width: auto;
    height: auto;
    margin: 0 calc(var(--30rem) * -1);
  }
  .u-story__slideInfo {
    position: relative;
    z-index: 1;
    width: auto;
    min-height: auto;
    margin: 0 calc(var(--30rem) * -1);
    padding: var(--100rem) var(--30rem) var(--55rem);
    background-color: #fafafa;
  }
  .u-story__slideTtl {
    font-size: var(--18rem);
    line-height: var(--32rem);
  }
  .u-story__slideName {
    display: flex;
    align-items: center;
    margin-top: var(--30rem);
  }
  .u-story__slideName dt {
    font-size: var(--12rem);
  }
  .u-story__slideName dd {
    margin-top: 0;
    margin-left: var(--15rem);
    font-size: var(--16rem);
  }
  .u-story__slideBtn {
    margin-top: var(--20rem);
  }
  .u-story__subTtl {
    position: absolute;
    top: calc(var(--vrem) * 46);
    right: auto;
    bottom: auto;
    left: 0;
    z-index: 10;
    width: calc(var(--vrem) * 28);
    height: calc(var(--vrem) * 3.2);
  }
  .u-story__slideDot {
    position: absolute;
    bottom: calc(var(--50rem) * -1) !important;
    left: 0 !important;
    display: flex;
    align-items: center;
    width: auto !important;
  }
  .u-story__slideDot .swiper-pagination-bullet {
    width: var(--6rem);
    height: var(--6rem);
    background-color: #38362d;
  }
  .u-story__slideDot .swiper-pagination-bullet-active {
    width: var(--10rem);
    height: var(--10rem);
  }
  .u-story__slideButton {
    position: absolute;
    top: calc((var(--vrem) * 37.5) / 2);
    z-index: 10;
    width: var(--33rem);
    height: var(--33rem);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    cursor: pointer;
  }
  .u-story__slideButton.swiper-button-prev {
    left: calc(var(--15rem) * -1);
    background-image: url(../img/because_refa_dryer_icn_arw_prev.png);
  }
  .u-story__slideButton.swiper-button-next {
    right: calc(var(--15rem) * -1);
    background-image: url(../img/because_refa_dryer_icn_arw_next.png);
  }
}


.u-policy {
  position: relative;
  padding-top: calc(var(--vrem) * 15);
}
.u-policy::before {
  content: " ";
  position: absolute;
  top: -7.5vw;
  left: 50%;
  z-index: 0;
  width: 100vw;
  height: 25.4234vw;
  background: url(../img/because_refa_dryer_policy_bg.png) no-repeat center / cover;
  transform: translateX(-50%);
  pointer-events: none;
}
/* PC
----------------------------------*/
@media screen and (min-width: 1281px) {
  .u-policy::before {
    top: calc((var(--vrem) * 20) * -1);
    height: calc(var(--vrem) * 32.5);
    background-size: 100% 100%;
  }
}
.u-policy__ttl {
  position: relative;
  width: calc((var(--vrem) * 81.2));
  height: var(--32rem);
}
.u-policy__list {
  position: relative;
  z-index: 1;
  margin-top: var(--75rem);
  padding: var(--80rem) 0;
}
.u-policy__list::before {
  content: " ";
  position: absolute;
  top: 0;
  left: calc((var(--vrem) * 17.6));
  z-index: -1;
  width: 75.3125vw;
  height: 100%;
  background-color: #fff;
}
.u-policy__listTtl {
  position: relative;
  display: inline-block;
  font-family: var(--font-cormorant);
  font-size: var(--32rem);
  line-height: var(--39rem);
  letter-spacing: .06em;
}
.u-policy__listTtl::before {
  content: " ";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: #868277;
}
.u-policy__listCts {
  display: flex;
  gap: 0 var(--50rem);
  margin-top: var(--50rem);
}
.u-policy__listDl {
  flex: 1;
}
.u-policy__listDl dt {
  font-size: var(--18rem);
  line-height: var(--38rem);
}
.u-policy__listDl dd {
  margin-top: var(--30rem);
  font-size: var(--14rem);
  line-height: var(--30rem);
}
.u-policy__listImg {
  width: calc(var(--vrem) * 32);
}
.u-policy__listItem.--type-02 {
  margin-top: var(--90rem);
  padding-left: var(--50rem);
}
.u-policy__listItem.--type-02 .u-policy__listCts {
  flex-direction: row-reverse;
}
.u-policy__listItem.--type-03 {
  margin-top: var(--90rem);
  padding-left: var(--100rem);
}
/* SP
----------------------------------*/
@media screen and (max-width: 768px) {
  .u-policy {
    padding-top: calc(var(--vrem) * 13);
  }
  .u-policy::before {
    content: " ";
    position: absolute;
    top: var(--45rem);
    width: 100vw;
    height: calc(var(--vrem) * 16);
    background: url(../img/sp_because_refa_dryer_policy_bg.png) no-repeat center / cover;
  }
  .u-policy__ttl {
    width: calc((var(--vrem) * 34));
    height: calc((var(--vrem) * 5.7));
    margin-left: calc(var(--15rem) * -1);
  }
  .u-policy__list {
    margin-top: var(--46rem);
    padding: var(--40rem) 0;
  }
  .u-policy__list::before {
    content: " ";
    left: var(--45rem);
    z-index: -1;
    width: calc((var(--vrem) * 30));
  }
  .u-policy__listTtl {
    font-size: var(--28rem);
    line-height: var(--34rem);
    letter-spacing: .06em;
  }
  .u-policy__listCts {
    display: block;
    margin-top: var(--40rem);
  }
  .u-policy__listDl dt {
    font-size: var(--16rem);
    line-height: var(--30rem);
  }
  .u-policy__listDl dd {
    margin-top: var(--30rem);
    font-size: var(--13rem);
    line-height: var(--26rem);
  }
  .u-policy__listImg {
    width: 100%;
    margin-top: var(--40rem);
  }
  .u-policy__listItem.--type-02 {
    margin-top: var(--80rem);
    padding-left: 0;
  }
  .u-policy__listItem.--type-03 {
    margin-top: var(--80rem);
    padding-left: 0;
  }
}


.u-point {
  position: relative;
  z-index: 4;
  padding-top: calc(var(--vrem) * 22);
}
.u-point::before {
  content: " ";
  position: absolute;
  top: -6.25vw;
  left: 50%;
  z-index: 0;
  width: 100vw;
  height: 35.7031vw;
  background: url(../img/because_refa_dryer_point_bg.png) no-repeat center / cover;
  transform: translateX(-50%);
  pointer-events: none;
}
/* PC
----------------------------------*/
@media screen and (min-width: 1281px) {
  .u-point::before {
    top: calc((var(--vrem) * 10) * -1);
    height: calc(var(--vrem) * 45.7);
    background-size: 100% 100%;
  }
}
.u-point__ttl {
  position: relative;
  width: calc((var(--vrem) * 65.6));
  height: calc((var(--vrem) * 9.3));
  margin-left: auto;
}
.u-point__list {
  position: relative;
  z-index: 1;
  margin-top: var(--75rem);
  padding: var(--80rem) 0;
}
.u-point__list::before {
  content: " ";
  position: absolute;
  top: 0;
  right: calc((var(--vrem) * 17.6));
  z-index: -1;
  width: 75.3125vw;
  height: 100%;
  background-color: #fff;
}
.u-point__listTtl {
  position: relative;
  display: inline-block;
  font-size: var(--28rem);
  line-height: var(--40rem);
  letter-spacing: .06em;
}
.u-point__listTtl::before {
  content: " ";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: #868277;
}
.u-point__listCts {
  display: flex;
  gap: 0 var(--50rem);
  margin-top: var(--50rem);
}
.u-point__listDl {
  flex: 1;
}
.u-point__listDl dt {
  font-size: var(--18rem);
  line-height: var(--26rem);
  line-height: 1.7;
}
.u-point__listDl dd {
  margin-top: var(--30rem);
  font-size: var(--14rem);
  line-height: var(--30rem);
}
.u-point__listDlNote {
  font-size: var(--11rem);
  line-height: var(--30rem);
}
.u-point__listImg {
  width: calc(var(--vrem) * 32);
}
.u-point__listNote {
  margin-top: var(--5rem);
  font-family: var(--font-noto);
  font-size: var(--11rem);
  line-height: 1.5;
}
.u-point__listItem.--type-02 {
  margin-top: var(--90rem);
  padding-left: var(--50rem);
}
.u-point__listItem.--type-02 .u-point__listCts {
  flex-direction: row-reverse;
}
.u-point__listItem.--type-03 {
  margin-top: var(--90rem);
  padding-left: var(--100rem);
}
/* SP
----------------------------------*/
@media screen and (max-width: 768px) {
  .u-point {
    padding-top: calc(var(--vrem) * 8.5);
  }
  .u-point::before {
    content: " ";
    position: absolute;
    top: var(--45rem);
    width: 100vw;
    height: calc(var(--vrem) * 16.2);
    background: url(../img/sp_because_refa_dryer_point_bg.png) no-repeat center / cover;
  }
  .u-point__ttl {
    width: calc((var(--vrem) * 33.6));
    height: calc((var(--vrem) * 9.7));
    margin-left: calc(var(--15rem) * -1);
  }
  .u-point__list {
    margin-top: var(--46rem);
    padding: var(--40rem) 0;
  }
  .u-point__list::before {
    content: " ";
    left: calc(var(--30rem) * -1);
    z-index: -1;
    width: calc((var(--vrem) * 30));
  }
  .u-point__listTtl {
    font-size: var(--28rem);
    line-height: var(--34rem);
    letter-spacing: .06em;
  }
  .u-point__listCts {
    display: block;
    margin-top: var(--40rem);
  }
  .u-point__listDl dt {
    font-size: var(--16rem);
    line-height: var(--30rem);
  }
  .u-point__listDl dd {
    margin-top: var(--30rem);
    font-size: var(--13rem);
    line-height: var(--26rem);
  }
  .u-point__listDlNote {
    font-size: var(--10rem);
    line-height: var(--16rem);
  }
  .u-point__listImg {
    width: 100%;
    margin-top: var(--40rem);
  }
  .u-point__listNote {
    margin-top: var(--5rem);
    font-size: var(--11rem);
    line-height: 1.5;
  }
  .u-point__listItem.--type-02 {
    margin-top: var(--80rem);
    padding-left: 0;
  }
  .u-point__listItem.--type-03 {
    margin-top: var(--80rem);
    padding-left: 0;
  }
}


.u-product {
  position: relative;
  padding-top: calc((var(--vrem) * 20));
}
.u-product::before {
  content: " ";
  position: absolute;
  top: 5.4688vw;
  left: 50%;
  z-index: 0;
  width: 100vw;
  height: 9.9219vw;
  background: url(../img/because_refa_dryer_product_bg.png) no-repeat center / cover;
  transform: translateX(-50%);
  pointer-events: none;
}
/* PC
----------------------------------*/
@media screen and (min-width: 1281px) {
  .u-product::before {
    height: calc(var(--vrem) * 12.7);
    background-size: 100% 100%;
  }
}
.u-product__ttl {
  position: relative;
  z-index: 1;
  width: calc((var(--vrem) * 29.1));
  height: calc((var(--vrem) * 3.9));
  margin: 0 auto;
}
.u-product__cts {
  margin-top: calc((var(--vrem) * 11.2));
  /* padding-bottom: var(--90rem); */
  margin-bottom: var(--50rem);
  background-color: #fff;
}
.u-product__item {
  display: flex;
  align-items: center;
}
.u-product__itemImg {
  width: 50%;
}
.u-product__itemInfo {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 50%;
}
.u-product__itemTtlEn {
  display: block;
  font-size: var(--26rem);
  line-height: var(--38rem);
}
.u-product__itemTtlJp {
  font-size: var(--16rem);
  line-height: var(--38rem);
}
.u-product__itemDesc {
  margin-top: var(--40rem);
  font-family: var(--font-noto);
  font-weight: 300;
  line-height: var(--34rem);
}
.u-product__itemNote {
  margin-top: var(--30rem);
  font-family: var(--font-noto);
  font-size: var(--12rem);
  font-weight: 300;
  line-height: var(--34rem);
}
.u-product__itemBtn {
  width: calc((var(--vrem) * 23));
  margin-top: var(--60rem);
}
.u-product__itemAnc {
  position: relative;
  display: block;
  width: 100%;
  padding: var(--15rem) var(--40rem) var(--15rem) var(--20rem);
  background-color: #f2f2f2;
  font-family: var(--font-cormorant);
  font-size: var(--22rem);
  line-height: var(--26rem);
  text-decoration: none;
}
.u-product__itemAnc::before {
  content: " ";
  position: absolute;
  top: 50%;
  right: var(--20rem);
  width: var(--18rem);
  height: var(--18rem);
  background: url(../img/because_refa_dryer_icn_arw_circle.png) no-repeat center / cover;
  transform: translateY(-50%);
}


.u-product__item.--type-01 {
  transform: translateY(calc(var(--40rem) * -1));
}
.u-product__item.--type-01 .u-product__itemImg {
  width: calc(50% + (var(--vrem) * 14));
  margin-left: calc((var(--vrem) * 14) * -1);
}
.u-product__item.--type-01 .u-product__itemInfo {
  padding-left: var(--70rem);
}

.u-product__item.--type-02 {
  flex-direction: row-reverse;
}
.u-product__item.--type-02 {
  transform: translateY(calc(var(--40rem)));
}
.u-product__item.--type-02 .u-product__itemImg {
  width: calc(50% + (var(--vrem) * 14));
  margin-right: calc((var(--vrem) * 14) * -1);
}
.u-product__item.--type-02 .u-product__itemInfo {
  padding-right: var(--70rem);
}

/* .u-product__item.--type-02 {
  margin-top: var(--65rem);
  flex-direction: row-reverse;
}
.u-product__item.--type-02 .u-product__itemSlide {
  width: calc(var(--vrem) * 42.2);
  margin: 0 auto;
}
.u-product__item.--type-02 .u-product__itemSlideImg {
  opacity: 0 !important;
}
.u-product__item.--type-02 .swiper-slide-active {
  opacity: 1 !important;
}
.u-product__item.--type-02 .u-product__itemThumbs {
  margin-top: var(--10rem);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--8rem);
}
.u-product__item.--type-02 .u-product__itemThumbsImg {
  width: calc(var(--vrem) * 7.8);
  height: calc(var(--vrem) * 7.8);
  border: 1px solid #E0DDD7;
  padding: var(--3rem);
  cursor: pointer;
}
.u-product__item.--type-02 .u-product__itemThumbsImg.is-active {
  border: 1px solid #000;
}
.u-product__item.--type-02 .u-product__itemInfo {
  padding-right: var(--70rem);
} */

/* SP
----------------------------------*/
@media screen and (max-width: 768px) {
  .u-product {
    padding-top: var(--80rem);
  }
  .u-product::before {
    position: absolute;
    top: var(--20rem);
    width: 100vw;
    height: var(--45rem);
    background: url(../img/sp_because_refa_dryer_product_bg.png) no-repeat center / cover;
  }
  .u-product__ttl {
    width: calc((var(--vrem) * 20.6));
    height: var(--28rem);
    margin: 0 var(--30rem);
  }
  .u-product__cts {
    margin-top: var(--35rem);
    padding-bottom: var(--60rem);
    background-color: #fff;
  }
  .u-product__item {
    display: block;
  }
  .u-product__itemImg {
    width: 100%;
  }
  .u-product__itemInfo {
    width: 100%;
    padding-top: var(--40rem);
  }
  .u-product__itemTtlEn {
    display: block;
    font-size: var(--20rem);
    line-height: var(--21rem);
    letter-spacing: -.01em;
  }
  .u-product__itemTtlJp {
    font-size: var(--11rem);
    line-height: var(--21rem);
  }
  .u-product__itemDesc {
    margin-top: var(--20rem);
    font-family: var(--font-noto);
    font-size: var(--16rem);
    font-weight: 300;
    line-height: var(--30rem);
  }
  .u-product__itemNote {
    margin-top: var(--30rem);
    font-family: var(--font-noto);
    font-size: var(--10rem);
    font-weight: 300;
    line-height: var(--20rem);
  }
  .u-product__itemBtn {
    width: calc((var(--vrem) * 23));
    margin-top: var(--40rem);
  }
  .u-product__itemAnc {
    position: relative;
    display: block;
    width: 100%;
    padding: var(--15rem) var(--40rem) var(--15rem) var(--20rem);
    background-color: #f2f2f2;
    font-family: var(--font-cormorant);
    font-size: var(--22rem);
    line-height: var(--26rem);
    text-decoration: none;
  }
  .u-product__itemAnc::before {
    content: " ";
    position: absolute;
    top: 50%;
    right: var(--20rem);
    width: var(--18rem);
    height: var(--18rem);
    background: url(../img/because_refa_dryer_icn_arw_circle.png) no-repeat center / cover;
    transform: translateY(-50%);
  }


  .u-product__item.--type-01 {
    transform: translateY(0);
  }
  .u-product__item.--type-01 .u-product__itemImg {
    width: auto;
    margin: 0 calc(var(--30rem) * -1);
  }
  .u-product__item.--type-01 .u-product__itemInfo {
    padding-left: 0;
  }

  .u-product__item.--type-02 {
    margin-top: var(--65rem);
    transform: translateY(0);
  }
  .u-product__item.--type-02 .u-product__itemImg {
    width: auto;
    margin: 0 calc(var(--30rem) * -1);
  }
  .u-product__item.--type-02 .u-product__itemInfo {
    padding-right: 0;
  }

  /* .u-product__item.--type-02 {
    margin-top: var(--65rem);
    flex-direction: row-reverse;
  }
  .u-product__item.--type-02 .u-product__itemSlide {
    width: calc(var(--vrem) * 27);
    margin: 0 auto;
  }
  .u-product__item.--type-02 .u-product__itemSlideImg {
    opacity: 0 !important;
  }
  .u-product__item.--type-02 .swiper-slide-active {
    opacity: 1 !important;
  }
  .u-product__item.--type-02 .u-product__itemThumbs {
    margin-top: var(--15rem);
    gap: var(--7rem);
  }
  .u-product__item.--type-02 .u-product__itemThumbsImg {
    width: calc(var(--vrem) * 6.7);
    height: calc(var(--vrem) * 6.7);
    padding: var(--3rem);
  }
  .u-product__item.--type-02 .u-product__itemThumbsImg.is-active {
    border: 1px solid #000;
  }
  .u-product__item.--type-02 .u-product__itemInfo {
    padding-right: 0;
  } */
}


.u-pageTop {
  background-color: #f5f5f4;
}
.u-pageTop__inr {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: var(--40rem) 0 var(--30rem);
  text-align: right;
}
.u-pageTop__link {
  position: relative;
  display: inline-block;
  margin-left: auto;
  padding-right: var(--28rem);
  font-family: var(--font-cormorant);
  font-size: var(--15rem);
  line-height: var(--18rem);
  text-decoration: none;
}
.u-pageTop__link::before {
  content: " ";
  position: absolute;
  top: 50%;
  right: 0;
  width: var(--18rem);
  height: var(--18rem);
  background: url(../img/because_refa_dryer_icn_arw_top.png) no-repeat center / cover;
  transform: translateY(-50%);
}
.u-pageTop .c-breadcrumbs {
  position: static;
  margin-top: 0;
}
/* SP
----------------------------------*/
@media screen and (max-width: 768px) {
  .u-pageTop__inr {
    padding: var(--40rem) 0 var(--20rem);
  }
}




/* story01 */
.u-kvDtl {
  display: flex;
}
.u-kvDtl__info {
  flex: 1;
  padding-top: 3.9063vw;
  padding-left: 6.7188vw;
}
.u-kvDtl__infoLead {
  position: relative;
  display: inline-block;
  width: 23.0469vw;
  height: 2.6563vw;
  margin-left: -6.7188vw;
  padding-left: 6.7188vw;
  font-family: var(--font-cormorant);
  text-decoration: none;
  transition: opacity .3s linear;
}
.u-kvDtl__infoLead a {
  display: block;
}
.u-kvDtl__infoLead:hover {
  opacity: .5 !important;
}
.u-kvDtl__infoLead a::before {
  content: " ";
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 1px;
  background-color: #000;
  opacity: 0;
  transition: opacity .3s  linear;
}
.u-kvDtl__infoLead a.is-active::before {
  opacity: 1;
}
.u-kvDtl__infoLead:hover a::before {
  opacity: .5 !important;
}
.u-kvDtl__infoCts {
  margin-top: 2.7344vw;
  margin-left: -6.7188vw;
  padding: 6.7188vw 0 6.7188vw 6.7188vw;
  background-color: #fff;
}
.u-kvDtl__infoTtl {
  font-size: 2.0313vw;
  line-height: 4.0625vw;
  letter-spacing: .1em;
}
.u-kvDtl__infoName {
  display: flex;
  align-items: center;
  margin-top: 3.9063vw;
}
.u-kvDtl__infoName dt {
  font-size: 1.0938vw;
}
.u-kvDtl__infoName dd {
  margin-left: .9375vw;
  font-size: 1.5625vw;
}

.u-kvDtl__img {
  width: 56.6406vw;
}
/* SP
----------------------------------*/
@media screen and (max-width: 768px) {
  .u-kvDtl {
    position: relative;
    display: block;
    padding-top: var(--18rem);
    padding-bottom: var(--48rem);
    padding-left: var(--40rem);
  }
  .u-kvDtl__info {
    flex: 1;
    padding-top: 0;
    padding-left: 0;
  }
  .u-kvDtl__infoLead {
    width: calc(var(--vrem) * 17.3);
    height: calc(var(--vrem) * 2);
    margin-left: calc(var(--40rem) * -1);
    padding-left: var(--40rem);
  }
  .u-kvDtl__infoLead a::before {
    bottom: calc(var(--8rem) * -1);
  }
  .u-kvDtl__infoCts {
    margin-top: var(--20rem);
    margin-left: 0;
    padding: 0;
    background-color: transparent;
  }
  .u-kvDtl__infoTtl {
    font-size: var(--18rem);
    line-height: var(--32rem);
    letter-spacing: .1em;
  }
  .u-kvDtl__infoName {
    margin-top: var(--15rem);
  }
  .u-kvDtl__infoName dt {
    font-size: var(--12rem);
  }
  .u-kvDtl__infoName dd {
    margin-left: var(--20rem);
    font-size: var(--16rem);
  }
  .u-kvDtl__img {
    width: 100%;
    margin-top: var(--24rem);
  }
}

.u-movieDtl {
  margin-top: var(--80rem);
}
/* .u-movieDtl__inr {
} */
.u-movieDtl__lead {
  font-size: var(--16rem);
  line-height: var(--36rem);
  letter-spacing: .12em;
  text-align: center;
}
.u-movieDtl__note {
  margin-top: var(--40rem);
  font-size: var(--12rem);
  line-height: var(--36rem);
  letter-spacing: .12em;
  text-align: center;
}
.u-movieDtl__cts {
  position: relative;
  margin-top: var(--40rem);
  padding: var(--46rem) 0;
}
.u-movieDtl__cts::before {
  content: " ";
  position: absolute;
  top: 0;
  right: var(--65rem);
  z-index: 0;
  width: 100vw;
  height: 100%;
  background-color: #fff;
}
.u-movieDtl__item {
  position: relative;
}
.u-movieDtl__item a {
  opacity: 1;
  transition: opacity .3s linear;
}
.u-movieDtl__item a:hover {
  opacity: .7;
}
/* SP
----------------------------------*/
@media screen and (max-width: 768px) {
  .u-movieDtl {
    margin-top: var(--60rem);
    padding: 0 var(--15rem);
  }
  .u-movieDtl__lead {
    font-size: var(--12rem);
    line-height: var(--28rem);
    letter-spacing: .12em;
  }
  .u-movieDtl__note {
    margin-top: var(--30rem);
    font-size: var(--10rem);
    line-height: var(--28rem);
    letter-spacing: .12em;
  }
  .u-movieDtl__cts {
    margin-top: var(--30rem);
    padding: var(--50rem) 0;
  }
  .u-movieDtl__cts::before {
    right: calc(var(--vrem) * 13.7);
  }
  .u-movieDtl__item {
    position: relative;
  }
  .u-movieDtl__item a {
    opacity: 1;
    transition: opacity .3s linear;
  }
  .u-movieDtl__item a:hover {
    opacity: .7;
  }
}


.u-storyDtl {
  margin-top: calc(var(--vrem) * 14.3);
}
.u-storyDtl__cts {
  position: relative;
  margin-left: calc(var(--55rem) * -1);
}
.u-storyDtl__cts::before {
  content: " ";
  position: absolute;
  left: 50%;
  width: 104.2188vw;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  transform: translateX(-50%);
  pointer-events: none;
}
.u-storyDtl__body {
  position: relative;
  margin-top: var(--20rem);
  padding: var(--60rem) 0;
}
.u-storyDtl__body::before {
  content: " ";
  position: absolute;
  top: 0;
  z-index: -1;
  width: 100vw;
  height: 100%;
  background-color: #fff;
}
.u-storyDtl__block {
  display: flex;
  justify-content: space-between;
}
.u-storyDtl__blockWrap {
  margin-top: calc(var(--vrem) * 6);
}
.u-storyDtl__blockImg,
.u-storyDtl__blockBody {
  width: calc(var(--vrem) * 50);
}
.u-storyDtl__ttl {
  position: relative;
  z-index: 1;
}
.u-storyDtl__blockQuestion {
  font-family: var(--font-noto);
  font-size: var(--16rem);
  font-weight: 300;
  line-height: var(--30rem);
}
.u-storyDtl__blockAnswer {
  margin-top: var(--45rem);
  font-family: var(--font-noto);
  font-size: var(--14rem);
  font-weight: 300;
  line-height: var(--30rem);
}
.u-storyDtl__blockAnswer + .u-storyDtl__blockQuestion {
  margin-top: var(--70rem);
}
.u-storyDtl__blockAnswer:first-child {
  margin-top: 0;
}
.u-storyDtl__blockAnswer + .u-storyDtl__blockAnswer {
  margin-top: var(--30rem);
}
.u-storyDtl__blockNote {
  font-size: var(--11rem);
  line-height: var(--30rem);
}

/* コンテンツ定義 */
.u-storyDtl__cts.--type-01 .u-storyDtl__body::before {
  left: calc(var(--vrem) * 23);
}
.u-storyDtl__cts.--type-02 .u-storyDtl__body::before {
  right: calc(var(--vrem) * 23);
}
/* ブロック定義 */
.u-storyDtl__block.--type-01 {
  flex-direction: row-reverse;
}
.u-storyDtl__block.--type-02 {
  margin-top: var(--60rem);
}
.u-storyDtl__block.--type-02 .u-storyDtl__blockImg {
  padding-right: var(--45rem);
}
.u-storyDtl__block.--type-03 {
  margin-top: calc((var(--vrem) * 20) * -1);
}
.u-storyDtl__block.--type-03 .u-storyDtl__blockImg {
  width: calc(var(--vrem) * 74);
  margin-right: calc((var(--vrem) * 14) * -1);
  margin-left: auto;
}
.u-storyDtl__block.--type-04 {
  margin-top: var(--60rem);
}
.u-storyDtl__block.--type-04 .u-storyDtl__blockBody {
  width: 100%;
}
/* 個別コンテンツ定義 */
.u-storyDtl__cts.--content-02 {
  margin-top: calc(var(--vrem) * 11) ;
}
.u-storyDtl__cts.--content-03 {
  margin-top: calc(var(--vrem) * 14.8);
}
.u-storyDtl__cts.--content-04 {
  margin-top: calc(var(--vrem) * 14.8);
}
.u-storyDtl__cts.--content-01::before {
  top: -11.1719vw;
  height: 20.9375vw;
  background-image: url(../img/story/because_refa_dryer_story_01_story_bg_01.png);
}
.u-storyDtl__cts.--content-02::before {
  top: -8.5938vw;
  height: 18.5156vw;
  background-image: url(../img/story/because_refa_dryer_story_01_story_bg_02.png);
}
.u-storyDtl__cts.--content-03::before {
  top: -11.5625vw;
  height: 21.6406vw;
  background-image: url(../img/story/because_refa_dryer_story_01_story_bg_03.png);
}
.u-storyDtl__cts.--content-04::before {
  top: -7.6563vw;
  height: 18.5156vw;
  background-image: url(../img/story/because_refa_dryer_story_01_story_bg_04.png);
}
/* PC
----------------------------------*/
@media screen and (min-width: 1281px) {
  .u-storyDtl__cts::before {
    background-size: 100% 100%;
  }
  .u-storyDtl__cts.--content-01::before {
    height: calc(var(--vrem) * 26.8);
  }
  .u-storyDtl__cts.--content-02::before {
    height: calc(var(--vrem) * 23.7);
  }
  .u-storyDtl__cts.--content-03::before {
    height: calc(var(--vrem) * 27.7);
  }
  .u-storyDtl__cts.--content-04::before {
    height: calc(var(--vrem) * 23.7);
  }
}
.u-storyDtl__cts.--content-01 .u-storyDtl__ttl {
  width: calc(var(--vrem) * 47.5);
  height: calc(var(--vrem) * 7.1);
}
.u-storyDtl__cts.--content-02 .u-storyDtl__ttl {
  width: calc(var(--vrem) * 57.4);
  height: calc(var(--vrem) * 7.2);
  margin-left: auto;
}
.u-storyDtl__cts.--content-03 .u-storyDtl__ttl {
  width: calc(var(--vrem) * 44);
  height: calc(var(--vrem) * 7.2);
}
.u-storyDtl__cts.--content-04 .u-storyDtl__ttl {
  width: calc(var(--vrem) * 45.5);
  height: calc(var(--vrem) * 7.2);
  margin-left: auto;
}
/* 個別ブロック定義 */
.u-storyDtl__block.--text-middle {
  align-items: center;
}
.u-storyDtl__block.--block-05 {
  margin-top: var(--60rem);
}
.u-storyDtl__block.--block-09 {
  margin-top: calc(var(--55rem) * -1);
}
.u-storyDtl__block.--block-11 {
  margin-top: var(--55rem);
}
.u-storyDtl__block:first-child {
  margin-top: 0;
}
.u-storyDtl__block.--block-11 .u-storyDtl__blockImg {
  width: 104.2188vw;
  margin-right: calc(50% - 52.1vw);
  margin-left: calc(50% - 49.1vw);
}
/* SP
----------------------------------*/
@media screen and (max-width: 768px) {
  .u-storyDtl {
    margin-top: var(--40rem);
    padding: 0 var(--15rem);
  }
  .u-storyDtl__cts {
    margin-left: 0;
  }
  .u-storyDtl__cts::before {
    width: 100vw;
  }
  .u-storyDtl__body {
    padding: var(--40rem) 0;
  }
  .u-storyDtl__block {
    flex-direction: column;
  }
  .u-storyDtl__blockImg,
  .u-storyDtl__blockBody {
    width: 100%;
  }
  .u-storyDtl__blockBody {
    margin-top: var(--40rem);
  }
  .u-storyDtl__blockQuestion {
    font-size: var(--13rem);
  }
  .u-storyDtl__blockAnswer {
    margin-top: var(--30rem);
    font-size: var(--13rem);
    line-height: var(--30rem);
  }
  .u-storyDtl__blockAnswer + .u-storyDtl__blockQuestion {
    margin-top: var(--30rem);
  }
  .u-storyDtl__blockAnswer:first-child {
    margin-top: 0;
  }
  .u-storyDtl__blockAnswer + .u-storyDtl__blockAnswer {
    margin-top: var(--30rem);
  }
  .u-storyDtl__blockNote {
    font-size: var(--10rem);
    line-height: var(--16rem);
  }

  /* コンテンツ定義 */
  .u-storyDtl__cts.--type-01 .u-storyDtl__body::before {
    left: calc(var(--vrem) * 6.6);
  }
  .u-storyDtl__cts.--type-02 .u-storyDtl__body::before {
    right: calc(var(--vrem) * 6.6);
  }
  /* ブロック定義 */
  .u-storyDtl__block.--type-01 {
    flex-direction: column;
  }
  .u-storyDtl__block.--type-02 {
    margin-top: var(--30rem);
  }
  .u-storyDtl__block.--type-02 .u-storyDtl__blockImg {
    padding-right: 0;
  }
  .u-storyDtl__block.--type-03 {
    margin-top: var(--30rem);
  }
  .u-storyDtl__block.--type-03 .u-storyDtl__blockImg {
    width: auto;
    margin: 0 calc(var(--15rem) * -1);
  }
  .u-storyDtl__block.--type-04 {
    margin-top: var(--30rem);
  }
  .u-storyDtl__block.--type-04 .u-storyDtl__blockBody {
    width: 100%;
    margin-top: 0;
  }
  /* 個別コンテンツ定義 */
  .u-storyDtl__cts.--content-02 {
    margin-top: var(--40rem);
  }
  .u-storyDtl__cts.--content-03 {
    margin-top: var(--40rem);
  }
  .u-storyDtl__cts.--content-04 {
    margin-top: var(--40rem);
  }
  .u-storyDtl__cts.--content-01::before {
    top: var(--17rem);
    height: calc(var(--vrem) * 8.1);
    background-image: url(../img/story/sp_because_refa_dryer_story_01_story_bg_01.png);
  }
  .u-storyDtl__cts.--content-02::before {
    top: var(--40rem);
    height: calc(var(--vrem) * 8.9);
    background-image: url(../img/story/sp_because_refa_dryer_story_01_story_bg_02.png);
  }
  .u-storyDtl__cts.--content-03::before {
    top: var(--20rem);
    height: calc(var(--vrem) * 7.5);
    background-image: url(../img/story/sp_because_refa_dryer_story_01_story_bg_03.png);
  }
  .u-storyDtl__cts.--content-04::before {
    top: 0;
    height: calc(var(--vrem) * 8.9);
    background-image: url(../img/story/sp_because_refa_dryer_story_01_story_bg_04.png);
  }
  .u-storyDtl__cts.--content-01 .u-storyDtl__ttl {
    width: calc(var(--vrem) * 34.2);
    height: calc(var(--vrem) * 5.8);
  }
  .u-storyDtl__cts.--content-02 .u-storyDtl__ttl {
    width: calc(var(--vrem) * 34.5);
    height: calc(var(--vrem) * 8.8);
    margin-left: auto;
  }
  .u-storyDtl__cts.--content-03 .u-storyDtl__ttl {
    width: calc(var(--vrem) * 34.3);
    height: calc(var(--vrem) * 5.6);
  }
  .u-storyDtl__cts.--content-04 .u-storyDtl__ttl {
    width: calc(var(--vrem) * 34.2);
    height: calc(var(--vrem) * 5.6);
    margin-left: auto;
  }
  /* 個別ブロック定義 */
  .u-storyDtl__block.--text-middle {
    align-items: center;
  }
  .u-storyDtl__block.--block-05 {
    margin-top: var(--30rem);
  }
  .u-storyDtl__block.--block-09 {
    margin-top: var(--30rem);
  }
  .u-storyDtl__block.--block-11 {
    margin-top: var(--30rem);
  }
  .u-storyDtl__block:first-child {
    margin-top: 0;
  }
  .u-storyDtl__block.--block-11 .u-storyDtl__blockImg {
    width: 100vw;
    margin: 0 calc(var(--15rem) * -1);
  }
}


.u-profileDtl {
  margin-top: var(--80rem);
}
.u-profileDtl__ttl {
  margin-left: calc(var(--55rem) * -1);
  font-family: var(--font-cormorant);
  font-size: var(--40rem);
  line-height: var(--48rem);
  letter-spacing: .06em;
}
.u-profileDtl__body {
  display: flex;
  gap: 0 var(--47rem);
  margin-top: var(--18rem);
  margin-left: calc(var(--55rem) * -1);
  padding: var(--33rem);
  background-color: #fff;
}
.u-profileDtl__bodyImg {
  width: calc(var(--vrem) * 20);
}
.u-profileDtl__bodyInfo {
  flex: 1;
}
.u-profileDtl__bodyName {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 0 var(--13rem);
  padding-bottom: var(--2rem);
  font-size: var(--12rem);
}
.u-profileDtl__bodyName::before {
  content: " ";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #000;
}
.u-profileDtl__bodyName dd {
  font-size: var(--16rem);
}
.u-profileDtl__bodyDesc {
  margin-top: var(--32rem);
  font-family: var(--font-noto);
  font-size: var(--14rem);
  font-weight: 300;
  line-height: var(--30rem);
}
/* SP
----------------------------------*/
@media screen and (max-width: 768px) {
  .u-profileDtl {
    margin-top: var(--70rem);
    padding: 0 var(--15rem);
  }
  .u-profileDtl__ttl {
    margin-left: 0;
    font-size: var(--30rem);
    line-height: var(--37rem);
  }
  .u-profileDtl__body {
    display: block;
    margin-top: var(--13rem);
    margin-left: 0;
    padding: var(--40rem) var(--22rem);
  }
  .u-profileDtl__bodyImg {
    width: calc(var(--vrem) * 24);
    margin: 0 auto;
  }
  .u-profileDtl__bodyInfo {
    margin-top: var(--40rem);
  }
  .u-profileDtl__bodyName {
    padding-bottom: var(--3rem);
    font-size: var(--12rem);
  }
  .u-profileDtl__bodyName dd {
    font-size: var(--16rem);
  }
  .u-profileDtl__bodyDesc {
    margin-top: var(--20rem);
    font-size: var(--13rem);
  }
}



.u-recommendDtl {
  margin-top: calc(var(--vrem) * 16.4);
}
.u-recommendDtl__inr {
  position: relative;
}
.u-recommendDtl__inr::before {
  content: " ";
  position: absolute;
  top: 0;
  right: calc(var(--vrem) * 1.9);
  z-index: -1;
  width: 100vw;
  height: 100%;
  background-color: #fff;
}
.u-recommendDtl__inr::after {
  content: " ";
  position: absolute;
  top: -16.5625vw;
  left: 50%;
  z-index: 0;
  width: 100vw;
  height: 21.6406vw;
  background: url(../img/story/because_refa_dryer_story_01_recommend_bg.png) no-repeat center / cover;
  transform: translateX(-50%);
  pointer-events: none;
}
/* PC
----------------------------------*/
@media screen and (min-width: 1281px) {
  .u-recommendDtl__inr::after {
    top: calc((var(--vrem) * 22) * -1);
    height: calc(var(--vrem) * 27.7);
    background-size: 100% 100%;
  }
}
.u-recommendDtl__ttl {
  width: calc(var(--vrem) * 12.9);
  height: calc(var(--vrem) * 2.9);
  transform: translateY(-50%);
}
.u-recommendDtl__list {
  display: flex;
  justify-content: center;
  gap: var(--55rem);
  padding: var(--85rem) 0 var(--45rem);
}
.u-recommendDtl__item {
  width: calc(var(--vrem) * 30);
}
.u-recommendDtl__item:nth-of-type(2) {
  margin-top: var(--45rem);
}
.u-recommendDtl__itemInr {
  display: block;
  text-decoration: none;
  transition: opacity .3s linear;
}
.u-recommendDtl__itemVol {
  display: inline-block;
  padding: var(--3rem) var(--8rem);
  background-color: #38362d;
  color: #fff;
  font-size: var(--18rem);
  line-height: var(--26rem);
}
.u-recommendDtl__itemImg {
  margin-top: var(--20rem);
}
.u-recommendDtl__itemName {
  display: flex;
  align-items: center;
  gap: 0 var(--10rem);
  margin-top: var(--7rem);
}
.u-recommendDtl__itemName dt {
  font-size: var(--12rem);
}
.u-recommendDtl__itemName dd {
  font-size: var(--16rem);
}
.u-recommendDtl__btn {
  display: flex;
  justify-content: center;
  margin-top: var(--100rem);/* ←暫定 */
  padding-bottom: var(--47rem);
}
.u-recommendDtl__btnIcn {
  position: relative;
  padding-bottom: var(--5rem);
  padding-left: var(--36rem);
  font-family: var(--font-cormorant);
  font-size: var(--22rem);
  text-decoration: none;
}
.u-recommendDtl__btnIcn::before {
  content: " ";
  position: absolute;
  top: 50%;
  left: 0;
  width: var(--18rem);
  height: var(--18rem);
  background: url(../img/because_refa_dryer_icn_arw_circle.png) no-repeat center / cover;
  transform: translateY(-50%) rotate(180deg);
}
.u-recommendDtl__btnIcn::after {
  content: " ";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #000;
}
/* SP
----------------------------------*/
@media screen and (max-width: 768px) {
  .u-recommendDtl {
    margin-top: calc(var(--vrem) * 11.4);
  }
  .u-recommendDtl__inr::before {
    right: calc(var(--vrem) * 7.2);
  }
  .u-recommendDtl__inr::after {
    top: calc((var(--vrem) * 8.8) * -1);
    height: calc(var(--vrem) * 14.8);
    background: url(../img/story/sp_because_refa_dryer_story_01_recommend_bg.png) no-repeat center / cover;
  }
  .u-recommendDtl__ttl {
    width: calc(var(--vrem) * 10.9);
    height: calc(var(--vrem) * 3.7);
    transform: translateY(-50%);
  }
  .u-recommendDtl__list {
    display: block;
    padding: var(--55rem) 0 var(--35rem);
  }
  .u-recommendDtl__item {
    width: 100%;
  }
  .u-recommendDtl__item:nth-of-type(2),
  .u-recommendDtl__item:nth-of-type(3) {
    margin-top: var(--35rem);
  }
  .u-recommendDtl__itemInr {
    display: block;
    text-decoration: none;
    transition: opacity .3s linear;
  }
  .u-recommendDtl__itemImg {
    margin-top: var(--20rem);
  }
  .u-recommendDtl__itemName {
    gap: 0 var(--10rem);
    margin-top: var(--7rem);
  }
  .u-recommendDtl__btn {
    padding-bottom: var(--60rem);
  }
  .u-recommendDtl__btnIcn {
    position: relative;
    padding-bottom: var(--5rem);
    padding-left: var(--36rem);
    font-size: var(--22rem);
    text-decoration: none;
  }
  .u-recommendDtl__btnIcn::before {
    content: " ";
    position: absolute;
    top: 50%;
    left: 0;
    width: var(--18rem);
    height: var(--18rem);
    background: url(../img/because_refa_dryer_icn_arw_circle.png) no-repeat center / cover;
    transform: translateY(-50%) rotate(180deg);
  }
  .u-recommendDtl__btnIcn::after {
    content: " ";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #000;
  }
}


/* ========================================
* .contents 配下 ↑ここまでコンテンツ記述↑
* ======================================== */