@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Noto+Serif+JP:wght@200..900&display=swap");
body {
  width: 100%;
  overflow-x: clip;
  margin: 0;
}

body.fixed {
  overflow: hidden;
}

.wrapper_ {
  padding-top: 0 !important;
}

.navitopicpath_ {
  height: 0;
  margin: 0 !important;
  overflow: hidden;
}

.mainframe_ {
  margin-bottom: 0 !important;
}

.navisort_ {
  margin: 0 auto min(2vw, 9px) !important;
}

.common_Tit1_ {
  display: none !important;
}

.rightmenuframe_ {
  display: none;
}

@media screen and (min-width: 750.01px) {
  .StyleT_Frame_ .StyleT_Line_ {
    width: 100%;
  }
}

@media screen and (min-width: 750.01px) {
  #footer footer {
    background-color: #dee0e4;
  }
}

.contents {
  overflow: clip;
  color: #000;
  font-family: "Noto Sans JP", "Yu Gothic", YuGothic, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.contents img {
  max-width: 100%;
  width: auto;
  height: auto;
  vertical-align: bottom;
}
.contents sup {
  font-size: 0.6em;
}
.contents .dryer_finder {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background-color: #f8f7f3;
  letter-spacing: 0.08em;
  color: #000000;
  /*--------------------------
    wrap
  ----------------------------*/
  /*--------------------------
    result
  ----------------------------*/
  /*--------------------------
    section
  ----------------------------*/
}
.contents .dryer_finder a {
  text-decoration: none;
}
.contents .dryer_finder__wrap {
  position: relative;
  width: min(100vw, 450px);
  margin-inline: auto;
  background-color: #fff;
}
@media screen and (min-width: 750.01px) {
  .contents .dryer_finder__wrap {
    min-height: calc(100dvh - 115px);
  }
}
.contents .dryer_finder__result {
  position: relative;
  padding: min(5.3333333333vw, 24px) 0 0;
}
.contents .dryer_finder__result__lead {
  text-align: center;
  font-size: min(4.2666666667vw, 19.2px);
  font-weight: 700;
  margin-bottom: min(4.8vw, 21.6px);
  line-height: 1;
}
.contents .dryer_finder__result__kv {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: min(81.3333333333vw, 366px);
  margin-bottom: min(8vw, 36px);
}
.contents .dryer_finder__result__product {
  text-align: center;
  margin-bottom: min(4vw, 18px);
}
.contents .dryer_finder__result__product .img1 {
  width: auto;
  height: min(3.4666666667vw, 15.6px);
}
.contents .dryer_finder__result__product .img2 {
  width: auto;
  height: min(10.1333333333vw, 45.6px);
}
.contents .dryer_finder__result__product .ja {
  display: block;
  font-size: min(3.2vw, 14.4px);
  line-height: 1;
  margin-top: min(4vw, 18px);
}
.contents .dryer_finder__result__txt {
  text-align: center;
  margin-bottom: min(4.8vw, 21.6px);
  font-size: min(3.7333333333vw, 16.8px);
  line-height: 1.6;
  font-weight: 500;
}
.contents .dryer_finder__result__box {
  padding: min(6.4vw, 28.8px) min(9.3333333333vw, 42px);
  margin-bottom: min(10.6666666667vw, 48px);
}
.contents .dryer_finder__result__box.beige {
  background-color: #e8e7e4;
}
.contents .dryer_finder__result__box.blue {
  background-color: #e8eef2;
}
.contents .dryer_finder__result__box .txt {
  font-size: min(3.2vw, 14.4px);
  line-height: 1.6;
}
.contents .dryer_finder__result__box .txt + .txt {
  margin-top: min(2.4vw, 10.8px);
}
.contents .dryer_finder__result__box .note {
  text-indent: -1em;
  padding-left: 1em;
  font-size: min(2.6666666667vw, 12px);
  line-height: 1.5;
  margin-top: min(2.4vw, 10.8px);
}
.contents .dryer_finder__section {
  transition: 0.6s ease-in-out opacity;
}
.contents .dryer_finder__section:not(.is-active) {
  position: absolute;
  top: 0;
  right: 1000vw;
  opacity: 0;
}
.contents .dryer_finder__section:has(:checked) .buttons__next {
  opacity: 1;
  pointer-events: auto;
}
.contents .dryer_finder__section .kv {
  margin-bottom: min(8vw, 36px);
}
.contents .dryer_finder__section__head {
  margin-bottom: min(3.2vw, 14.4px);
  text-align: center;
  line-height: 1;
}
.contents .dryer_finder__section__head .sub {
  display: block;
  font-size: min(3.2vw, 14.4px);
  margin-bottom: min(2.4vw, 10.8px);
}
.contents .dryer_finder__section__head .main {
  display: block;
  font-size: min(4.2666666667vw, 19.2px);
  font-weight: 700;
}
.contents .dryer_finder__section__txt {
  margin-bottom: min(20vw, 90px);
  font-size: min(3.2vw, 14.4px);
  line-height: 1.6;
  text-align: center;
}
.contents .dryer_finder__section__button {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  margin-bottom: min(8vw, 36px);
}
.contents .dryer_finder__section__button__btn {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: min(1.6vw, 7.2px);
  width: min(53.3333333333vw, 240px);
  height: min(12vw, 54px);
  background-color: #959082;
  cursor: pointer;
  transition: 0.6s all ease-in-out;
}
.contents .dryer_finder__section__button__btn .icn {
  position: absolute;
  display: block;
  top: 50%;
  transform: translateY(-50%);
  width: min(2.2666666667vw, 10.2px);
  height: min(3.7333333333vw, 16.8px);
  right: min(4vw, 18px);
  background: center/contain no-repeat url(../img/ic-arrow-wh.png);
}
.contents .dryer_finder__section__button__btn .txt {
  font-size: min(4.2666666667vw, 19.2px);
  color: #fff;
  font-weight: 700;
}
.contents .dryer_finder__section .question {
  text-align: center;
  padding-top: min(26.6666666667vw, 120px);
  font-size: min(4.2666666667vw, 19.2px);
  line-height: 1.2;
  font-weight: 700;
  margin-bottom: min(8vw, 36px);
}
.contents .dryer_finder__section .answer {
  display: flex;
  flex-direction: column;
  gap: min(2.6666666667vw, 12px);
  width: min(81.3333333333vw, 366px);
  margin: 0 auto min(13.3333333333vw, 60px);
}
.contents .dryer_finder__section .answer__btn {
  position: relative;
  display: flex;
  align-items: center;
  padding: min(2.6666666667vw, 12px) min(4vw, 18px) min(2.6666666667vw, 12px) min(13.3333333333vw, 60px);
  min-height: min(16vw, 72px);
  border: 1px solid #959082;
  border-radius: min(1.3333333333vw, 6px);
  background-color: #fff;
  cursor: pointer;
  transition: 0.6s all ease-in-out;
}
.contents .dryer_finder__section .answer__btn input {
  position: absolute;
  top: 0;
  left: -100vw;
}
.contents .dryer_finder__section .answer__btn .icn {
  position: absolute;
  inset: 0 auto 0 min(4vw, 18px);
  width: min(5.3333333333vw, 24px);
  height: min(5.3333333333vw, 24px);
  margin: auto 0;
  border: 1px solid #959082;
  border-radius: 50%;
}
.contents .dryer_finder__section .answer__btn .txt {
  font-size: min(3.7333333333vw, 16.8px);
  line-height: 1.37142857;
}
.contents .dryer_finder__section .answer__btn:has(:checked) {
  background-color: #ecebe7;
}
.contents .dryer_finder__section .answer__btn:has(:checked) .icn {
  background-color: #959082;
}
.contents .dryer_finder__section .answer__btn:has(:checked) .icn::after {
  position: absolute;
  content: "";
  display: block;
  background: center/contain no-repeat url(../img/ic-checked.png);
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: min(3.3333333333vw, 15px);
  height: min(2.6666666667vw, 12px);
}
.contents .dryer_finder__section .buttons {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: min(4vw, 18px);
  margin-bottom: min(13.3333333333vw, 60px);
}
.contents .dryer_finder__section .buttons__next {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: min(1.6vw, 7.2px);
  width: min(53.3333333333vw, 240px);
  height: min(12vw, 54px);
  background-color: #959082;
  pointer-events: none;
  opacity: 0.4;
  cursor: pointer;
  transition: 0.6s all ease-in-out;
}
.contents .dryer_finder__section .buttons__next .icn {
  position: absolute;
  display: block;
  top: 50%;
  transform: translateY(-50%);
  width: min(2.2666666667vw, 10.2px);
  height: min(3.7333333333vw, 16.8px);
  right: min(4vw, 18px);
  background: center/contain no-repeat url(../img/ic-arrow-wh.png);
}
.contents .dryer_finder__section .buttons__next .txt {
  font-size: min(4.2666666667vw, 19.2px);
  color: #fff;
  font-weight: 700;
}
.contents .dryer_finder__section .buttons__product {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: min(1.6vw, 7.2px);
  width: min(53.3333333333vw, 240px);
  height: min(12vw, 54px);
  background-color: #000;
  cursor: pointer;
  transition: 0.6s all ease-in-out;
}
.contents .dryer_finder__section .buttons__product .icn {
  position: absolute;
  display: block;
  top: 50%;
  transform: translateY(-50%);
  width: min(2.2666666667vw, 10.2px);
  height: min(3.7333333333vw, 16.8px);
  right: min(4vw, 18px);
  background: center/contain no-repeat url(../img/ic-arrow-wh.png);
}
.contents .dryer_finder__section .buttons__product .txt {
  font-size: min(4.2666666667vw, 19.2px);
  color: #fff;
  font-weight: 700;
}
.contents .dryer_finder__section .buttons__back {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: min(2.6666666667vw, 12px);
  color: #666666;
  cursor: pointer;
}
.contents .dryer_finder__section .buttons__back .icn {
  display: block;
  width: min(1.6vw, 7.2px);
  height: min(1.6vw, 7.2px);
  border-top: 1px solid #666666;
  border-left: 1px solid #666666;
  rotate: -45deg;
}
.contents .dryer_finder__section .buttons__back .txt {
  font-size: min(3.2vw, 14.4px);
}