@charset "UTF-8";
:root {
  --color-black: #333;
  --color-main: #006cbe;
  --color-main-bg: #def0f6;
  --color-red: #f71b1b;
  --color-yellow: #ffe957;
  --color-yellow-line: #fff842;
  --color-blue: #4274bd;
  --color-orange: #f87b01;
  --color-navy: #122753;
  --ease-outquad: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  --ease-outquart: cubic-bezier(0.165, 0.84, 0.44, 1);
  --ease-outquint: cubic-bezier(0.23, 1, 0.32, 1);
}

.rangehood_lp_firstview__title {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: min(8px, 8 / 750 * 100vw);
  padding: min(18px, 18 / 750 * 100vw) min(10px, 10 / 750 * 100vw);
  margin: 0;
  text-align: center;
  background: var(--color-main);
  color: #fff;
  font-weight: 500;
  font-size: min(3.5rem, 35 / 750 * 100vw);
}
.rangehood_lp_firstview__title .logo {
  flex: 0 0 auto;
  width: min(182px, 182 / 750 * 100vw);
}
.rangehood_lp_firstview__catch {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: min(150px, 150 / 750 * 100vw);
  text-align: center;
  line-height: 1.3;
  font-size: min(4.336rem, 43.36 / 750 * 100vw);
  font-weight: 700;
  letter-spacing: 0.05em;
  background: url(../img/fv/bg_catch.png) 0 0/auto repeat;
  color: #fff;
}
.rangehood_lp_firstview__catch .text {
  text-shadow: 3px 3px 0 rgba(0, 0, 0, 0.32);
}
.rangehood_lp_firstview__awards {
  display: block;
  padding: min(20px, 20 / 750 * 100vw) min(30px, 30 / 750 * 100vw) 0;
  background: #fff;
}
.rangehood_lp_firstview__awards .list {
  display: flex;
  justify-content: center;
  gap: min(20px, 20 / 750 * 100vw);
}
.rangehood_lp_firstview__awards .note {
  color: var(--color-main);
  font-size: clamp(1.1rem, 21 / 750 * 100vw, 2.1rem);
  font-weight: 700;
}
.rangehood_lp_firstview__choise {
  margin: min(48px, 48 / 750 * 100vw) min(20px, 20 / 750 * 100vw) min(40px, 40 / 750 * 100vw);
  background: #fff;
}
.rangehood_lp_firstview__choise .text {
  padding: min(14px, 14 / 750 * 100vw);
  text-align: center;
  background: #d5f2fd;
  color: var(--color-blue);
  font-weight: 700;
  font-size: min(2.9rem, 29 / 750 * 100vw);
  letter-spacing: 0.11em;
}
.rangehood_lp_firstview__choise .list {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: min(20px, 20 / 750 * 100vw);
  margin: min(35px, 35 / 750 * 100vw) 0 0;
}
.rangehood_lp_firstview__choise .list .logo {
  flex: 0 0 auto;
}
.rangehood_lp_firstview__choise .list .logo_fujio {
  width: min(204px, 204 / 750 * 100vw);
}
.rangehood_lp_firstview__choise .list .logo_noritz {
  width: min(197px, 197 / 750 * 100vw);
}
.rangehood_lp_firstview__choise .list .logo_clueanup {
  width: min(169px, 169 / 750 * 100vw);
}
.rangehood_lp_firstview__choise .list .logo_panasonic {
  width: min(212px, 212 / 750 * 100vw);
}
.rangehood_lp_firstview__choise .list .etc {
  position: relative;
  top: min(4px, 4 / 750 * 100vw);
  align-self: baseline;
  color: var(--color-blue);
  font-size: min(2.9rem, 29 / 750 * 100vw);
  font-weight: 700;
}

.rangehood_lp_cta__button {
  position: relative;
  display: block;
  margin: 0 auto;
  width: min(600px, 600 / 750 * 100vw);
  height: min(161px, 161 / 750 * 100vw);
  background: url(../img/bg_button.png) 0 0/contain no-repeat;
}
.rangehood_lp_cta__button .text01 {
  position: absolute;
  top: min(24px, 24 / 750 * 100vw);
  left: 0;
  width: 100%;
  text-align: center;
  color: #fff;
  font-size: min(3.556rem, 35.56 / 750 * 100vw);
  font-weight: 700;
  letter-spacing: 0.07em;
}
.rangehood_lp_cta__button .text01 .large {
  font-size: min(4.024rem, 40.24 / 750 * 100vw);
}
.rangehood_lp_cta__button .text02 {
  position: absolute;
  left: 0;
  top: min(104px, 104 / 750 * 100vw);
  width: 100%;
  text-align: center;
  font-size: min(2.6rem, 26 / 750 * 100vw);
  font-weight: 700;
  color: var(--color-red);
  letter-spacing: 0.08em;
}
.rangehood_lp_cta__note {
  margin: min(16px, 16 / 750 * 100vw) 0 0;
  text-align: center;
  font-size: min(2.4rem, 24 / 750 * 100vw);
}
.rangehood_lp_cta__bottom {
  margin: min(40px, 40 / 750 * 100vw) auto 0;
  width: min(750px, 750 / 750 * 100vw);
}
.rangehood_lp_cta__bottom img {
  pointer-events: none;
}

.rangehood_lp_region {
  padding: min(24px, 24 / 750 * 100vw) min(32px, 32 / 750 * 100vw);
  margin: min(60px, 60 / 750 * 100vw) auto 0;
  width: min(690px, 690 / 750 * 100vw);
  border: min(2px, 2 / 750 * 100vw) solid var(--color-main);
}
.rangehood_lp_region__catch {
  text-align: center;
  font-size: min(3rem, 30 / 750 * 100vw);
  font-weight: 700;
  color: var(--color-main);
  letter-spacing: 0.12em;
  white-space: nowrap;
}
.rangehood_lp_region__catch_large {
  line-height: 1.2229058211;
  font-size: min(4.226rem, 42.26 / 750 * 100vw);
}
.rangehood_lp_region__catch .large {
  font-size: min(5.168rem, 51.68 / 750 * 100vw);
}
.rangehood_lp_region__text {
  padding: min(10px, 10 / 750 * 100vw) min(10px, 10 / 750 * 100vw) 0;
  margin: min(10px, 10 / 750 * 100vw) 0 0;
  text-align: justify;
  line-height: 1.3461538462;
  border-top: min(3px, 3 / 750 * 100vw) dotted var(--color-main);
  font-size: min(2.6rem, 26 / 750 * 100vw);
  font-weight: 300;
  letter-spacing: 0.12em;
}

.rangehood_lp_survey {
  margin: min(50px, 50 / 750 * 100vw) 0 0;
  padding: 0 0 min(36px, 36 / 750 * 100vw);
  background: var(--color-main-bg);
}
.rangehood_lp_survey__title {
  padding: min(38px, 38 / 750 * 100vw) 0 min(30px, 30 / 750 * 100vw);
  text-align: center;
  background: var(--color-main);
  font-size: min(2.896rem, 28.96 / 750 * 100vw);
  font-weight: 700;
  letter-spacing: 0.05em;
  color: #fff;
}
.rangehood_lp_survey__title .large {
  font-size: min(5.5rem, 55 / 750 * 100vw);
}
.rangehood_lp_survey__illust {
  margin: min(30px, 30 / 750 * 100vw) auto;
  width: min(580px, 580 / 750 * 100vw);
}
.rangehood_lp_survey__box {
  margin: 0 auto;
  width: min(632px, 632 / 750 * 100vw);
}
.rangehood_lp_survey__label {
  padding: min(5px, 5 / 750 * 100vw) 0;
  margin: 0 auto;
  width: min(378px, 378 / 750 * 100vw);
  text-align: center;
  border-radius: min(23px, 23 / 750 * 100vw) min(23px, 23 / 750 * 100vw) 0 0;
  background: var(--color-main);
  font-size: min(3rem, 30 / 750 * 100vw);
  letter-spacing: -0.02em;
  font-weight: 700;
  color: #fff;
}
.rangehood_lp_survey__body {
  padding: min(30px, 30 / 750 * 100vw) 0;
  background: #fff;
  border-radius: min(46px, 46 / 750 * 100vw);
}
.rangehood_lp_survey__catch {
  text-align: center;
  font-size: min(2.896rem, 28.96 / 750 * 100vw);
  font-weight: 700;
}
.rangehood_lp_survey__catch .large {
  display: inline-block;
  padding: min(1px, 1 / 750 * 100vw) min(10px, 10 / 750 * 100vw);
  margin-inline: 0.1em;
  background: var(--color-yellow);
  font-weight: 700;
}
.rangehood_lp_survey__chart {
  margin: min(40px, 40 / 750 * 100vw) auto min(45px, 45 / 750 * 100vw);
  width: min(580px, 580 / 750 * 100vw);
}
.rangehood_lp_survey__dissatisfaction .dissatisfaction_title {
  padding: min(2px, 2 / 750 * 100vw) min(20px, 20 / 750 * 100vw) 0;
  margin: 0 auto;
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 100px;
  background: var(--color-main);
  font-size: min(2.609rem, 26.09 / 750 * 100vw);
  font-weight: 600;
  letter-spacing: 0.1em;
  color: #fff;
}
.rangehood_lp_survey__dissatisfaction .dissatisfaction_list {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: min(25px, 25 / 750 * 100vw);
  margin: min(25px, 25 / 750 * 100vw) auto 0;
  padding: 0 0 0 min(72px, 72 / 750 * 100vw);
  width: -moz-fit-content;
  width: fit-content;
  list-style: none;
  counter-reset: numnum;
}
.rangehood_lp_survey__dissatisfaction .dissatisfaction_item {
  position: relative;
  border-bottom: min(3px, 3 / 750 * 100vw) dotted currentColor;
  font-size: min(3.4rem, 34 / 750 * 100vw);
  font-weight: 600;
  letter-spacing: 0.075em;
}
.rangehood_lp_survey__dissatisfaction .dissatisfaction_item::before {
  position: absolute;
  top: 0;
  left: max(-70px, -70 / 750 * 100vw);
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: min(58px, 58 / 750 * 100vw);
  aspect-ratio: 1;
  line-height: 1;
  background: var(--color-orange);
  border-radius: 100px;
  color: #fff;
  font-size: min(3.762rem, 37.62 / 750 * 100vw);
  font-weight: 700;
  counter-increment: numnum;
  content: counter(numnum);
}
.rangehood_lp_survey__note {
  padding: 0 min(40px, 40 / 750 * 100vw);
  margin: min(40px, 40 / 750 * 100vw) auto 0;
  width: -moz-fit-content;
  width: fit-content;
  font-size: clamp(1.1rem, 16 / 750 * 100vw, 1.6rem);
}

.rangehood_lp_rangehood {
  padding: 0 0 min(30px, 30 / 750 * 100vw);
  margin: min(40px, 40 / 750 * 100vw) auto 0;
  width: min(632px, 632 / 750 * 100vw);
  border-radius: min(46px, 46 / 750 * 100vw);
  overflow: hidden;
  background: #fff;
}
.rangehood_lp_rangehood__title {
  padding: min(40px, 40 / 750 * 100vw) 0 min(36px, 36 / 750 * 100vw);
  text-align: center;
  background: var(--color-main);
  color: #fff;
  font-weight: 700;
  font-size: min(2.896rem, 28.96 / 750 * 100vw);
}
.rangehood_lp_rangehood__title .large {
  font-size: min(5.5rem, 55 / 750 * 100vw);
}
.rangehood_lp_rangehood__list {
  display: flex;
  justify-content: center;
  gap: min(64px, 64 / 750 * 100vw);
  margin: min(35px, 35 / 750 * 100vw) 0 0;
  counter-reset: rangenum;
}
.rangehood_lp_rangehood__item {
  flex: 0 0 auto;
  width: min(148px, 148 / 750 * 100vw);
}
.rangehood_lp_rangehood__item:not(:last-child) .image::after {
  display: block;
  position: absolute;
  top: 50%;
  left: 100%;
  transform: translate(min(18px, 18 / 750 * 100vw), -50%);
  width: min(30px, 30 / 750 * 100vw);
  height: min(40px, 40 / 750 * 100vw);
  background: url(../img/rangehood/arrow.png) 0 0/contain no-repeat;
  content: "";
}
.rangehood_lp_rangehood__item .image {
  position: relative;
  width: 100%;
}
.rangehood_lp_rangehood__item .text {
  display: flex;
  align-items: center;
  gap: min(4px, 4 / 750 * 100vw);
  margin: min(10px, 10 / 750 * 100vw) 0 0;
  line-height: 1.1764705882;
  font-size: clamp(1.1rem, 17 / 750 * 100vw, 1.7rem);
}
.rangehood_lp_rangehood__item .text::before {
  font-size: min(4rem, 40 / 750 * 100vw);
  color: var(--color-main);
  font-weight: 700;
  counter-increment: rangenum;
  content: counter(rangenum);
}
.rangehood_lp_rangehood__catch {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: min(40px, 40 / 750 * 100vw);
  margin: min(24px, 24 / 750 * 100vw) 0 0;
}
.rangehood_lp_rangehood__catch .text01 {
  position: relative;
  padding: min(11px, 11 / 750 * 100vw) 0 min(12px, 12 / 750 * 100vw);
  width: min(504px, 504 / 750 * 100vw);
  line-height: 1.7916666667;
  border: min(2px, 2 / 750 * 100vw) solid currentColor;
  border-radius: min(25px, 25 / 750 * 100vw);
  text-align: center;
  font-size: min(2.318rem, 23.18 / 750 * 100vw);
  font-weight: 700;
  color: var(--color-main);
}
.rangehood_lp_rangehood__catch .text01::after {
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translate(-50%, 0);
  display: block;
  width: min(92px, 92 / 750 * 100vw);
  height: min(26px, 26 / 750 * 100vw);
  background: currentColor;
  clip-path: polygon(50% 100%, 0 0, 100% 0);
  content: "";
}
.rangehood_lp_rangehood__catch .text02 {
  display: flex;
  flex-direction: column;
  align-items: center;
  line-height: 1.3;
  font-weight: 700;
  font-size: min(4.147rem, 41.47 / 750 * 100vw);
  letter-spacing: 0.1em;
}
.rangehood_lp_rangehood__catch .text02 .large {
  padding: 0 min(40px, 40 / 750 * 100vw);
  font-size: min(6rem, 60 / 750 * 100vw);
  background: linear-gradient(transparent 50%, var(--color-yellow) 0%);
}
.rangehood_lp_rangehood__catch .image {
  margin: 0 auto;
  width: min(502px, 502 / 750 * 100vw);
}
.rangehood_lp_rangehood__text {
  margin: min(38px, 38 / 750 * 100vw) 0 0;
  text-align: center;
  line-height: 1.8333333333;
  font-size: min(2.4rem, 24 / 750 * 100vw);
  font-weight: 500;
}
.rangehood_lp_rangehood__text .line {
  padding-inline: min(4px, 4 / 750 * 100vw);
  font-weight: 700;
  background: linear-gradient(transparent 50%, var(--color-yellow-line) 0%);
}
.rangehood_lp_rangehood__text .note {
  margin: min(30px, 30 / 750 * 100vw) 0 0;
  line-height: 1.2;
  text-align: center;
  font-size: clamp(1.1rem, 16 / 750 * 100vw, 1.6rem);
}

.rangehood_lp_selfcheck {
  position: relative;
  padding: min(48px, 48 / 750 * 100vw) 0 0;
  margin: 0 0 min(100px, 100 / 750 * 100vw);
  background: var(--color-main);
  color: #fff;
}
.rangehood_lp_selfcheck::after {
  position: absolute;
  top: calc(100% - 1px);
  left: 0;
  width: 100%;
  height: min(80px, 80 / 750 * 100vw);
  background: var(--color-main);
  clip-path: polygon(50% 100%, 0 0, 100% 0);
  content: "";
}
.rangehood_lp_selfcheck__title {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  font-size: min(2.9rem, 29 / 750 * 100vw);
  font-weight: 700;
  letter-spacing: 0.1em;
}
.rangehood_lp_selfcheck__title .large {
  font-size: min(4rem, 40 / 750 * 100vw);
  letter-spacing: 0.05em;
  font-weight: 700;
}
.rangehood_lp_selfcheck__list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: min(20px, 20 / 750 * 100vw) min(10px, 10 / 750 * 100vw);
  padding: min(38px, 38 / 750 * 100vw) 0 min(38px, 38 / 750 * 100vw) min(20px, 20 / 750 * 100vw);
  margin: min(24px, 24 / 750 * 100vw) auto 0;
  width: min(634px, 634 / 750 * 100vw);
  background: #fff;
  border-radius: min(33px, 33 / 750 * 100vw);
  color: var(--color-black);
}
.rangehood_lp_selfcheck__item {
  position: relative;
  display: flex;
  align-items: center;
  gap: min(10px, 10 / 750 * 100vw);
  line-height: 1.3;
  font-weight: 700;
  font-size: clamp(1.1rem, 20 / 750 * 100vw, 2rem);
  letter-spacing: 0.05em;
}
.rangehood_lp_selfcheck__item::before {
  flex: 0 0 auto;
  display: block;
  width: min(42px, 42 / 750 * 100vw);
  aspect-ratio: 1;
  background: url(../img/selfcheck/check.png) 0 0/contain no-repeat;
  content: "";
}
.rangehood_lp_selfcheck__item .large {
  font-size: min(2.4rem, 24 / 750 * 100vw);
}
.rangehood_lp_selfcheck__catch {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: min(10px, 10 / 750 * 100vw);
  margin: min(30px, 30 / 750 * 100vw) 0 0;
  text-align: center;
  font-weight: 700;
  letter-spacing: 0.2em;
  font-size: min(3.5rem, 35 / 750 * 100vw);
}
.rangehood_lp_selfcheck__catch .large {
  display: block;
  padding-inline: min(16px, 16 / 750 * 100vw);
  background: var(--color-yellow);
  color: var(--color-main);
  font-size: min(3.8rem, 38 / 750 * 100vw);
}

.rangehood_lp_ogr__header {
  margin: min(48px, 48 / 750 * 100vw) 0 0;
}
.rangehood_lp_ogr__catch {
  display: flex;
  justify-content: center;
  align-items: baseline;
  font-size: min(3.048rem, 30.48 / 750 * 100vw);
  font-weight: 700;
  color: var(--color-main);
  letter-spacing: 0.02em;
}
.rangehood_lp_ogr__catch::before, .rangehood_lp_ogr__catch::after {
  display: block;
  margin-inline: min(8px, 8 / 750 * 100vw);
  width: min(30px, 30 / 750 * 100vw);
  height: min(52px, 52 / 750 * 100vw);
  background: url(../img/ogr/line.png) 0 0/contain no-repeat;
  content: "";
}
.rangehood_lp_ogr__catch::after {
  transform: scale(-1, 1);
  margin: 0;
}
.rangehood_lp_ogr__catch .text {
  position: relative;
  top: max(-4px, -4 / 750 * 100vw);
}
.rangehood_lp_ogr__catch .small {
  font-size: min(2.678rem, 26.78 / 750 * 100vw);
}
.rangehood_lp_ogr__catch .logo {
  flex: 0 0 auto;
  margin-inline-end: min(8px, 8 / 750 * 100vw);
  width: min(182px, 182 / 750 * 100vw);
}
.rangehood_lp_ogr__catch .logo img {
  vertical-align: bottom;
}
.rangehood_lp_ogr__title {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: min(12px, 12 / 750 * 100vw);
  padding: min(36px, 36 / 750 * 100vw) 0;
  background: #122753;
  color: #fff;
  font-size: min(3rem, 30 / 750 * 100vw);
  font-weight: 700;
}
.rangehood_lp_ogr__title .logo {
  flex: 0 0 auto;
  width: min(235px, 235 / 750 * 100vw);
}

.rangehood_lp_ogr_section {
  position: relative;
}

.rangehood_lp_ogr_section_01__title {
  position: absolute;
  top: min(30px, 30 / 750 * 100vw);
  left: 0;
  z-index: 10;
  width: 100%;
  text-align: center;
  font-family: serif;
  font-size: min(4.2rem, 42 / 750 * 100vw);
  font-weight: 700;
  letter-spacing: 0.05em;
}
.rangehood_lp_ogr_section_01__text {
  position: absolute;
  top: min(452px, 452 / 750 * 100vw);
  left: 0;
  z-index: 10;
  width: 100%;
  text-align: center;
  line-height: 2.3888888889;
  font-family: serif;
  font-size: clamp(1.1rem, 18 / 750 * 100vw, 1.8rem);
  letter-spacing: 0.1em;
}
.rangehood_lp_ogr_section_01__text .bold {
  font-weight: 700;
}

.rangehood_lp_ogr_section_02__body {
  position: absolute;
  right: 0;
  bottom: min(20px, 20 / 750 * 100vw);
  z-index: 10;
  padding: min(70px, 70 / 750 * 100vw) min(60px, 60 / 750 * 100vw) min(54px, 54 / 750 * 100vw) min(20px, 20 / 750 * 100vw);
  width: min(658px, 658 / 750 * 100vw);
  height: min(400px, 400 / 750 * 100vw);
  text-align: right;
}
.rangehood_lp_ogr_section_02__title {
  position: relative;
  line-height: 1;
  color: var(--color-navy);
  font-weight: 700;
  font-size: min(3rem, 30 / 750 * 100vw);
  letter-spacing: 0.1em;
}
.rangehood_lp_ogr_section_02__title .small {
  font-size: clamp(1.1rem, 22 / 750 * 100vw, 2.2rem);
}
.rangehood_lp_ogr_section_02__title .large {
  font-size: min(4rem, 40 / 750 * 100vw);
}
.rangehood_lp_ogr_section_02__title .sup {
  position: absolute;
  bottom: 100%;
  right: min(10px, 10 / 750 * 100vw);
  line-height: 1;
  font-size: clamp(1.1rem, 18 / 750 * 100vw, 1.8rem);
}
.rangehood_lp_ogr_section_02__catch {
  margin-top: min(10px, 10 / 750 * 100vw);
  font-size: clamp(1.1rem, 22 / 750 * 100vw, 2.2rem);
  letter-spacing: 0.1em;
  font-weight: 700;
}
.rangehood_lp_ogr_section_02__catch .large {
  font-size: min(2.5rem, 25 / 750 * 100vw);
}
.rangehood_lp_ogr_section_02__text {
  margin: min(30px, 30 / 750 * 100vw) 0 0;
  line-height: 2;
  font-weight: 500;
  letter-spacing: 0.05em;
  font-size: clamp(1.1rem, 20 / 750 * 100vw, 2rem);
}

.rangehood_lp_ogr_section_03__body {
  position: absolute;
  left: 0;
  bottom: min(20px, 20 / 750 * 100vw);
  z-index: 10;
  padding: min(74px, 74 / 750 * 100vw) min(20px, 20 / 750 * 100vw) min(40px, 40 / 750 * 100vw) min(56px, 56 / 750 * 100vw);
  width: min(620px, 620 / 750 * 100vw);
  height: min(400px, 400 / 750 * 100vw);
}
.rangehood_lp_ogr_section_03__title {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  font-size: clamp(1.1rem, 22 / 750 * 100vw, 2.2rem);
  font-weight: 700;
  letter-spacing: 0.2em;
  line-height: 1;
}
.rangehood_lp_ogr_section_03__title sup {
  letter-spacing: normal;
  margin-inline-end: 0.2em;
}
.rangehood_lp_ogr_section_03__title .large {
  color: var(--color-navy);
  font-size: min(3.4rem, 34 / 750 * 100vw);
  letter-spacing: 0.1em;
}
.rangehood_lp_ogr_section_03__title .line2 {
  position: relative;
}
.rangehood_lp_ogr_section_03__title .line2 sup {
  position: absolute;
  bottom: 100%;
  right: 0;
  margin-bottom: max(-8px, -8 / 750 * 100vw);
}
.rangehood_lp_ogr_section_03__title .small {
  font-size: clamp(1.1rem, 22 / 750 * 100vw, 2.2rem);
}
.rangehood_lp_ogr_section_03__title .number {
  font-size: min(5rem, 50 / 750 * 100vw);
}
.rangehood_lp_ogr_section_03__text {
  margin: min(30px, 30 / 750 * 100vw) 0 0;
  line-height: 2;
  font-weight: 500;
  letter-spacing: 0.05em;
  font-size: clamp(1.1rem, 20 / 750 * 100vw, 2rem);
}

.rangehood_lp_ogr_section_04__note {
  position: absolute;
  bottom: 100%;
  right: min(10px, 10 / 750 * 100vw);
  font-weight: 700;
  font-size: clamp(1.1rem, 13 / 750 * 100vw, 1.3rem);
  letter-spacing: 0.08em;
}
.rangehood_lp_ogr_section_04__body {
  position: absolute;
  right: 0;
  bottom: min(50px, 50 / 750 * 100vw);
  z-index: 10;
  padding: min(70px, 70 / 750 * 100vw) min(60px, 60 / 750 * 100vw) min(54px, 54 / 750 * 100vw) min(20px, 20 / 750 * 100vw);
  width: min(630px, 630 / 750 * 100vw);
  height: min(490px, 490 / 750 * 100vw);
  text-align: right;
}
.rangehood_lp_ogr_section_04__title {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: min(18px, 18 / 750 * 100vw);
  line-height: 1;
  color: var(--color-navy);
  font-weight: 700;
  font-size: clamp(1.1rem, 22 / 750 * 100vw, 2.2rem);
  letter-spacing: 0.2em;
}
.rangehood_lp_ogr_section_04__title .large {
  font-size: min(4rem, 40 / 750 * 100vw);
}
.rangehood_lp_ogr_section_04__title sup {
  font-size: clamp(1.1rem, 18 / 750 * 100vw, 1.8rem);
}
.rangehood_lp_ogr_section_04__catch {
  margin-top: min(10px, 10 / 750 * 100vw);
  font-size: clamp(1.1rem, 22 / 750 * 100vw, 2.2rem);
  letter-spacing: 0.1em;
  font-weight: 700;
}
.rangehood_lp_ogr_section_04__catch .large {
  font-size: min(2.5rem, 25 / 750 * 100vw);
}
.rangehood_lp_ogr_section_04__text {
  margin: min(30px, 30 / 750 * 100vw) 0 0;
  line-height: 2;
  font-weight: 500;
  letter-spacing: 0.05em;
  font-size: clamp(1.1rem, 20 / 750 * 100vw, 2rem);
}

.rangehood_lp_ogr_section_05__body {
  position: absolute;
  left: 0;
  bottom: min(50px, 50 / 750 * 100vw);
  z-index: 10;
  padding: min(70px, 70 / 750 * 100vw) min(20px, 20 / 750 * 100vw) min(40px, 40 / 750 * 100vw) min(64px, 64 / 750 * 100vw);
  width: min(620px, 620 / 750 * 100vw);
  height: min(364px, 364 / 750 * 100vw);
}
.rangehood_lp_ogr_section_05__title {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: min(18px, 18 / 750 * 100vw);
  line-height: 1;
  color: var(--color-navy);
  font-weight: 700;
  font-size: clamp(1.1rem, 22 / 750 * 100vw, 2.2rem);
  letter-spacing: 0.2em;
}
.rangehood_lp_ogr_section_05__title .large {
  font-size: min(4rem, 40 / 750 * 100vw);
  color: var(--color-navy);
}
.rangehood_lp_ogr_section_05__title sup {
  font-size: clamp(1.1rem, 18 / 750 * 100vw, 1.8rem);
}
.rangehood_lp_ogr_section_05__title .small {
  font-size: min(3.5rem, 35 / 750 * 100vw);
}
.rangehood_lp_ogr_section_05__text {
  margin: min(30px, 30 / 750 * 100vw) 0 0;
  line-height: 2;
  font-weight: 500;
  letter-spacing: 0.05em;
  font-size: clamp(1.1rem, 20 / 750 * 100vw, 2rem);
}

.rangehood_lp_ogr_section_06 {
  position: relative;
}
.rangehood_lp_ogr_section_06__body {
  position: absolute;
  right: 0;
  bottom: min(70px, 70 / 750 * 100vw);
  z-index: 10;
  padding: min(30px, 30 / 750 * 100vw) min(60px, 60 / 750 * 100vw) min(20px, 20 / 750 * 100vw) min(20px, 20 / 750 * 100vw);
  width: min(630px, 630 / 750 * 100vw);
  height: min(400px, 400 / 750 * 100vw);
  text-align: right;
}
.rangehood_lp_ogr_section_06__title {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: min(18px, 18 / 750 * 100vw);
  line-height: 1;
  font-weight: 700;
  font-size: min(3rem, 30 / 750 * 100vw);
  letter-spacing: 0.2em;
}
.rangehood_lp_ogr_section_06__title .large {
  font-size: min(4rem, 40 / 750 * 100vw);
}
.rangehood_lp_ogr_section_06__catch {
  margin-top: min(10px, 10 / 750 * 100vw);
  font-size: clamp(1.1rem, 22 / 750 * 100vw, 2.2rem);
  letter-spacing: 0.1em;
  font-weight: 700;
}
.rangehood_lp_ogr_section_06__catch .large {
  font-size: min(2.5rem, 25 / 750 * 100vw);
}
.rangehood_lp_ogr_section_06__text {
  margin: min(30px, 30 / 750 * 100vw) 0 0;
  line-height: 2;
  font-weight: 500;
  letter-spacing: 0.05em;
  font-size: clamp(1.1rem, 20 / 750 * 100vw, 2rem);
}
.rangehood_lp_ogr_section_06__button {
  position: absolute;
  bottom: min(20px, 20 / 750 * 100vw);
  right: min(20px, 20 / 750 * 100vw);
  font-size: clamp(1.1rem, 20 / 750 * 100vw, 2rem);
}

.rangehood_lp_ogr_slider {
  position: relative;
  padding: min(35px, 35 / 750 * 100vw) 0 min(40px, 40 / 750 * 100vw);
  margin: 0 0 min(90px, 90 / 750 * 100vw);
  background: var(--color-navy);
}
.rangehood_lp_ogr_slider::after {
  position: absolute;
  top: calc(100% - 1px);
  left: 0;
  width: 100%;
  height: min(90px, 90 / 750 * 100vw);
  background: var(--color-navy);
  clip-path: polygon(50% 100%, 0 0, 100% 0);
  content: "";
}
.rangehood_lp_ogr_slider__title {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  width: min(540px, 540 / 750 * 100vw);
  height: min(92px, 92 / 750 * 100vw);
  text-align: center;
  background: #fff;
  border: min(3px, 3 / 750 * 100vw) solid #968e72;
  border-radius: min(27px, 27 / 750 * 100vw);
  font-size: min(3.3rem, 33 / 750 * 100vw);
  font-weight: 700;
  color: var(--color-navy);
  letter-spacing: 0.2em;
}
.rangehood_lp_ogr_slider__splide {
  margin: min(50px, 50 / 750 * 100vw) auto 0;
  width: min(630px, 630 / 750 * 100vw);
}
.rangehood_lp_ogr_slider__splide .image {
  position: relative;
}
.rangehood_lp_ogr_slider__splide .caption {
  position: absolute;
  bottom: min(10px, 10 / 750 * 100vw);
  right: min(60px, 60 / 750 * 100vw);
  font-size: clamp(1.1rem, 16 / 750 * 100vw, 1.6rem);
  font-weight: 500;
  letter-spacing: 0.2em;
}
.rangehood_lp_ogr_slider .splide__arrow {
  background: var(--color-blue);
  width: min(72px, 72 / 750 * 100vw);
  height: min(72px, 72 / 750 * 100vw);
  opacity: 1;
}
.rangehood_lp_ogr_slider .splide__arrow svg {
  fill: #fff;
  width: min(30px, 30 / 750 * 100vw);
  height: min(30px, 30 / 750 * 100vw);
}
.rangehood_lp_ogr_slider .splide__arrow--prev {
  left: max(-36px, -36 / 750 * 100vw);
}
.rangehood_lp_ogr_slider .splide__arrow--next {
  right: max(-36px, -36 / 750 * 100vw);
}

.rangehood_lp_reason {
  padding: min(60px, 60 / 750 * 100vw) min(30px, 30 / 750 * 100vw) min(30px, 30 / 750 * 100vw);
  margin: min(50px, 50 / 750 * 100vw) 0 0;
  background: var(--color-main-bg);
}
.rangehood_lp_reason__title {
  display: flex;
  justify-content: center;
  align-items: baseline;
  font-size: min(5.5rem, 55 / 750 * 100vw);
  font-weight: 700;
  letter-spacing: 0.02em;
}
.rangehood_lp_reason__title::before, .rangehood_lp_reason__title::after {
  display: block;
  margin-inline: min(8px, 8 / 750 * 100vw);
  width: min(30px, 30 / 750 * 100vw);
  height: min(52px, 52 / 750 * 100vw);
  background: url(../img/ogr/line.png) 0 0/contain no-repeat;
  content: "";
}
.rangehood_lp_reason__title::after {
  transform: scale(-1, 1);
  margin: 0;
}
.rangehood_lp_reason__title .text {
  position: relative;
  top: max(-4px, -4 / 750 * 100vw);
}
.rangehood_lp_reason__title .small {
  font-size: min(4.3rem, 43 / 750 * 100vw);
}
.rangehood_lp_reason__title .logo {
  flex: 0 0 auto;
  margin-inline-end: min(8px, 8 / 750 * 100vw);
  width: min(208px, 208 / 750 * 100vw);
}
.rangehood_lp_reason__title .logo img {
  vertical-align: bottom;
}
.rangehood_lp_reason__body {
  padding: min(30px, 30 / 750 * 100vw);
  margin: min(20px, 20 / 750 * 100vw) 0 0;
  background: #fff;
  border-radius: min(10px, 10 / 750 * 100vw);
  overflow: hidden;
}
.rangehood_lp_reason__catch {
  padding: min(15px, 15 / 750 * 100vw);
  margin: max(-30px, -30 / 750 * 100vw) max(-30px, -30 / 750 * 100vw) 0;
  text-align: center;
  background: var(--color-main);
  color: #fff;
  font-weight: 700;
  font-size: min(4rem, 40 / 750 * 100vw);
  letter-spacing: 0.05em;
}
.rangehood_lp_reason__catch .small {
  font-size: min(3.4rem, 34 / 750 * 100vw);
}
.rangehood_lp_reason__catch .number {
  letter-spacing: -0.1em;
}
.rangehood_lp_reason__lead {
  margin: min(30px, 30 / 750 * 100vw) 0 0;
  line-height: 1.5;
  font-weight: 700;
  font-size: min(3rem, 30 / 750 * 100vw);
  letter-spacing: 0.1em;
}

.rangehood_lp_reason_card {
  padding: min(30px, 30 / 750 * 100vw) min(28px, 28 / 750 * 100vw);
  margin: min(25px, 25 / 750 * 100vw) 0 0;
  background: #fffce3;
  border: min(2px, 2 / 750 * 100vw) solid var(--color-main-bg);
}
.rangehood_lp_reason_card__title {
  padding: min(8px, 8 / 750 * 100vw) min(6px, 6 / 750 * 100vw) min(6px, 6 / 750 * 100vw);
  text-align: center;
  background: var(--color-main);
  border-radius: 100px;
  color: #fff;
  font-size: min(3.3rem, 33 / 750 * 100vw);
  font-weight: 700;
  letter-spacing: 0.1em;
}
.rangehood_lp_reason_card__note {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 0.5em;
  margin: min(10px, 10 / 750 * 100vw) 0 0;
  font-size: clamp(1.1rem, 17 / 750 * 100vw, 1.7rem);
  letter-spacing: 0.05em;
}
.rangehood_lp_reason_card__image {
  margin: min(30px, 30 / 750 * 100vw) 0 0;
  text-align: center;
}
.rangehood_lp_reason_card__image.image_wide {
  margin-inline: max(-7px, -7 / 750 * 100vw);
}
.rangehood_lp_reason_card__text {
  margin: min(20px, 20 / 750 * 100vw) 0 0;
  line-height: 1.7307692308;
  font-size: min(2.6rem, 26 / 750 * 100vw);
  font-weight: 500;
  letter-spacing: 0.1em;
  text-align: justify;
}

.rangehood_lp_concerns {
  position: relative;
  background: var(--color-main-bg);
}
.rangehood_lp_concerns::before {
  display: block;
  position: absolute;
  top: calc(100% - 0.5px);
  left: 0;
  width: 100%;
  height: min(80px, 80 / 750 * 100vw);
  background: var(--color-main-bg);
  clip-path: polygon(50% 100%, 0 0, 100% 0);
  content: "";
}
.rangehood_lp_concerns__title {
  padding: min(30px, 30 / 750 * 100vw) 0;
  text-align: center;
  background: var(--color-main);
  color: #fff;
  font-weight: 700;
  font-size: min(5rem, 50 / 750 * 100vw);
  line-height: 1.18;
  letter-spacing: 0.075em;
}
.rangehood_lp_concerns__list {
  display: grid;
  grid-template-columns: auto auto;
  gap: min(24px, 24 / 750 * 100vw) min(20px, 20 / 750 * 100vw);
  margin: min(44px, 44 / 750 * 100vw) auto 0;
  width: -moz-fit-content;
  width: fit-content;
}
.rangehood_lp_concerns__item {
  width: min(320px, 320 / 750 * 100vw);
}
.rangehood_lp_concerns__catch {
  margin: min(40px, 40 / 750 * 100vw) 0 0;
  text-align: center;
  line-height: 1.1799753217;
  font-weight: 900;
  font-size: min(5.673rem, 56.73 / 750 * 100vw);
  color: var(--color-main);
  letter-spacing: 0.075em;
}
.rangehood_lp_concerns__catch .line {
  padding-inline: min(4px, 4 / 750 * 100vw);
  background: linear-gradient(transparent 50%, var(--color-yellow-line) 0%);
}

.rangehood_lp_inquiry {
  margin: min(140px, 140 / 750 * 100vw) 0 min(70px, 70 / 750 * 100vw);
}
.rangehood_lp_inquiry__title {
  text-align: center;
  font-weight: 700;
  font-size: min(4.889rem, 48.89 / 750 * 100vw);
  line-height: 1.4444671712;
  letter-spacing: 0.08em;
}
.rangehood_lp_inquiry__title .tag {
  display: inline-block;
  padding: 0 min(6px, 6 / 750 * 100vw);
  margin-inline: min(6px, 6 / 750 * 100vw);
  height: min(70px, 70 / 750 * 100vw);
  line-height: min(70px, 70 / 750 * 100vw);
  border-radius: min(6px, 6 / 750 * 100vw);
  background: var(--color-orange);
  color: var(--color-yellow);
}
.rangehood_lp_inquiry__title .small {
  font-size: min(3.6rem, 36 / 750 * 100vw);
}
.rangehood_lp_inquiry__box {
  position: relative;
  margin: min(45px, 45 / 750 * 100vw) auto 0;
  width: min(630px, 630 / 750 * 100vw);
  border: min(2px, 2 / 750 * 100vw) solid var(--color-orange);
  border-radius: min(10px, 10 / 750 * 100vw);
}
.rangehood_lp_inquiry__box::before {
  position: absolute;
  top: max(-20px, -20 / 750 * 100vw);
  left: max(-16px, -16 / 750 * 100vw);
  display: block;
  width: min(673px, 673 / 750 * 100vw);
  height: min(123px, 123 / 750 * 100vw);
  background: url(../img/inquiry/decoration.png) 0 0/contain no-repeat;
  pointer-events: none;
  content: "";
}
.rangehood_lp_inquiry__label {
  padding: min(24px, 24 / 750 * 100vw) 0 min(28px, 28 / 750 * 100vw);
  text-align: center;
  font-size: min(4.757rem, 47.57 / 750 * 100vw);
  font-weight: 700;
  color: var(--color-red);
}
.rangehood_lp_inquiry__label .line {
  padding-inline: min(10px, 10 / 750 * 100vw);
  background: linear-gradient(transparent 70%, var(--color-yellow-line) 0%);
}
.rangehood_lp_inquiry__catch {
  width: 100%;
  text-align: center;
  background: var(--color-orange);
  color: #fff;
  font-weight: 700;
  font-size: min(4.2rem, 42 / 750 * 100vw);
  letter-spacing: 0.07em;
}
.rangehood_lp_inquiry__catch .small {
  font-size: min(3.4rem, 34 / 750 * 100vw);
}
.rangehood_lp_inquiry__button {
  position: relative;
  display: block;
  margin: min(24px, 24 / 750 * 100vw) auto min(30px, 30 / 750 * 100vw);
  width: min(588px, 588 / 750 * 100vw);
  text-decoration: none;
  pointer-events: none;
}
.rangehood_lp_inquiry__button .label {
  display: block;
  position: absolute;
  top: min(25px, 25 / 750 * 100vw);
  left: min(22px, 22 / 750 * 100vw);
  font-size: min(2.4rem, 24 / 750 * 100vw);
  letter-spacing: -0.03em;
  color: #fff;
  font-weight: 700;
}
.rangehood_lp_inquiry__button .label .large {
  display: block;
  font-size: min(3.259rem, 32.59 / 750 * 100vw);
  text-align: center;
  line-height: 1.0857142857;
}
.rangehood_lp_inquiry__button .text {
  display: block;
  position: absolute;
  top: min(25px, 25 / 750 * 100vw);
  left: min(240px, 240 / 750 * 100vw);
  font-size: min(3.477rem, 34.77 / 750 * 100vw);
  font-weight: 700;
  color: var(--color-black);
}
.rangehood_lp_inquiry__button .text .small {
  font-size: min(3rem, 30 / 750 * 100vw);
}

.rangehood_lp_reform {
  padding: min(30px, 30 / 750 * 100vw) min(30px, 30 / 750 * 100vw) min(60px, 60 / 750 * 100vw);
  margin: min(60px, 60 / 750 * 100vw) 0;
  background: #ffffdb;
}
.rangehood_lp_reform__title {
  margin: 0 auto;
  width: min(655px, 655 / 750 * 100vw);
}

.rangehood_lp_reform_card {
  padding: 0 min(6px, 6 / 750 * 100vw) min(6px, 6 / 750 * 100vw);
  margin: min(40px, 40 / 750 * 100vw) 0 0;
  background: #f87b01;
  box-shadow: 7px 8px 16px 1px rgba(145, 145, 125, 0.32);
  border-radius: min(8px, 8 / 750 * 100vw) min(8px, 8 / 750 * 100vw) 0 0;
  overflow: hidden;
}
.rangehood_lp_reform_card__title {
  display: flex;
  gap: min(30px, 30 / 750 * 100vw);
  padding: min(24px, 24 / 750 * 100vw) 0 min(20px, 20 / 750 * 100vw);
  margin: 0 max(-6px, -6 / 750 * 100vw);
  background: url(../img/reform/bg_title.png) 0 0/cover no-repeat;
}
.rangehood_lp_reform_card__title .tag {
  position: relative;
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  width: min(110px, 110 / 750 * 100vw);
}
.rangehood_lp_reform_card__title .tag::after {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: min(6px, 6 / 750 * 100vw);
  background: url(../img/reform/dotline.png) 0 0/contain repeat-y;
  filter: drop-shadow(min(2px, 2 / 750 * 100vw) min(2px, 2 / 750 * 100vw) 0 rgba(168, 86, 6, 0.32));
  content: "";
}
.rangehood_lp_reform_card__title .tag img {
  flex: 0 0 auto;
  width: min(68px, 68 / 750 * 100vw);
  filter: drop-shadow(min(4px, 4 / 750 * 100vw) min(4px, 4 / 750 * 100vw) 0 rgba(168, 86, 6, 0.32));
}
.rangehood_lp_reform_card__title .text {
  padding: min(8px, 8 / 750 * 100vw) 0 min(8px, 8 / 750 * 100vw);
  color: #fff;
  font-weight: 700;
  line-height: 1.6571428571;
  font-size: min(35px, 35 / 750 * 100vw);
  letter-spacing: 0.05em;
  text-shadow: min(4px, 4 / 750 * 100vw) min(4px, 4 / 750 * 100vw) 0 rgba(168, 86, 6, 0.32);
}
.rangehood_lp_reform_card__body {
  padding: min(30px, 30 / 750 * 100vw) min(34px, 34 / 750 * 100vw);
  background: #fff;
}
.rangehood_lp_reform_card__text {
  padding-inline: min(10px, 10 / 750 * 100vw);
  line-height: 1.6071428571;
  text-align: justify;
  font-size: min(2.8rem, 28 / 750 * 100vw);
  font-weight: 700;
  letter-spacing: 0.07em;
}
.rangehood_lp_reform_card__image {
  margin: min(20px, 20 / 750 * 100vw) auto 0;
  width: min(610px, 610 / 750 * 100vw);
}

.rangehood_lp_flow {
  margin: min(30px, 30 / 750 * 100vw) 0 0;
}
.rangehood_lp_flow__title {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: min(15px, 15 / 750 * 100vw);
  padding: min(45px, 45 / 750 * 100vw) 0;
  background: var(--color-main);
  color: #fff;
  font-size: min(4.8rem, 48 / 750 * 100vw);
  font-weight: 700;
}
.rangehood_lp_flow__title::before, .rangehood_lp_flow__title::after {
  display: block;
  width: min(96px, 96 / 750 * 100vw);
  height: min(2px, 2 / 750 * 100vw);
  background: #fff;
  content: "";
}
.rangehood_lp_flow__body {
  padding: min(45px, 45 / 750 * 100vw) min(30px, 30 / 750 * 100vw) min(60px, 60 / 750 * 100vw);
}
.rangehood_lp_flow__list {
  display: flex;
  flex-direction: column;
  gap: min(36px, 36 / 750 * 100vw);
  counter-reset: flownum;
}
.rangehood_lp_flow__item {
  display: flex;
  gap: min(22px, 22 / 750 * 100vw);
}
.rangehood_lp_flow__tag {
  position: relative;
  flex: 0 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: min(20px, 20 / 750 * 100vw) 0 min(30px, 30 / 750 * 100vw);
  margin: 0 0 min(24px, 24 / 750 * 100vw);
  width: min(125px, 125 / 750 * 100vw);
  line-height: 1;
  background: var(--color-main);
  color: #fff;
  font-weight: 500;
  font-size: min(3rem, 30 / 750 * 100vw);
  letter-spacing: 0.05em;
}
.rangehood_lp_flow__tag::after {
  flex: 0 0 auto;
  display: block;
  text-align: center;
  line-height: 1;
  font-size: min(7.5rem, 75 / 750 * 100vw);
  counter-increment: flownum;
  content: counter(flownum);
}
.rangehood_lp_flow__tag::before {
  display: block;
  position: absolute;
  top: calc(100% - 0.5px);
  left: 0;
  width: 100%;
  height: min(24px, 24 / 750 * 100vw);
  background: var(--color-main);
  clip-path: polygon(50% 100%, 0 0, 100% 0);
  content: "";
}
.rangehood_lp_flow__description {
  flex: 0 1 auto;
  padding: 0 0 min(30px, 30 / 750 * 100vw);
  width: 100%;
  border-bottom: min(2px, 2 / 750 * 100vw) solid var(--color-main);
}
.rangehood_lp_flow__description .label {
  font-size: min(3.3rem, 33 / 750 * 100vw);
  font-weight: 700;
  letter-spacing: 0.1em;
  color: var(--color-main);
  white-space: nowrap;
}
.rangehood_lp_flow__description .label.short {
  font-size: min(3.2rem, 32 / 750 * 100vw);
  letter-spacing: -0.05em;
}
.rangehood_lp_flow__description .text {
  margin: min(10px, 10 / 750 * 100vw) 0 0;
  padding: 0 min(20px, 20 / 750 * 100vw) 0 0;
  line-height: 1.6923076923;
  font-size: min(2.6rem, 26 / 750 * 100vw);
  letter-spacing: 0.1em;
  text-align: justify;
}
.rangehood_lp_flow__description .button {
  display: flex;
  align-items: center;
  gap: min(10px, 10 / 750 * 100vw);
  margin: min(50px, 50 / 750 * 100vw) 0 0;
  padding: min(5px, 5 / 750 * 100vw) min(20px, 20 / 750 * 100vw);
  width: -moz-fit-content;
  width: fit-content;
  border-radius: min(10px, 10 / 750 * 100vw);
  background: var(--color-main-bg);
  font-size: min(2.615rem, 26.15 / 750 * 100vw);
  font-weight: 400;
  letter-spacing: 0.1em;
  text-decoration: none;
  color: var(--color-main);
}
.rangehood_lp_flow__description .button::after {
  display: block;
  width: min(14px, 14 / 750 * 100vw);
  aspect-ratio: 14/22;
  background: currentColor;
  clip-path: polygon(0 100%, 0 0, 100% 50%);
  content: "";
}

.rangehood_lp_faq {
  padding: min(60px, 60 / 750 * 100vw) min(30px, 30 / 750 * 100vw);
  background: var(--color-main-bg);
}
.rangehood_lp_faq__title {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  font-weight: 700;
  line-height: 1;
}
.rangehood_lp_faq__title .ja {
  font-size: min(5.2rem, 52 / 750 * 100vw);
  letter-spacing: 0.075em;
}
.rangehood_lp_faq__title .en {
  color: var(--color-main);
  font-size: min(5.6rem, 56 / 750 * 100vw);
  letter-spacing: 0.075em;
}
.rangehood_lp_faq__title .en .small {
  font-size: min(4rem, 40 / 750 * 100vw);
}
.rangehood_lp_faq__list {
  display: flex;
  flex-direction: column;
  gap: min(40px, 40 / 750 * 100vw);
  margin: min(30px, 30 / 750 * 100vw) 0 0;
}
.rangehood_lp_faq__item {
  border-radius: min(20px, 20 / 750 * 100vw);
  background: #fff;
  overflow: hidden;
}
.rangehood_lp_faq__label {
  display: flex;
  gap: min(16px, 16 / 750 * 100vw);
  padding: min(20px, 20 / 750 * 100vw) min(70px, 70 / 750 * 100vw) min(20px, 20 / 750 * 100vw) min(24px, 24 / 750 * 100vw);
  background: var(--color-main);
  color: #fff;
  font-size: min(3.2rem, 32 / 750 * 100vw);
  font-weight: 500;
  letter-spacing: 0.01em;
}
.rangehood_lp_faq__label::before {
  flex: 0 0 auto;
  width: min(30px, 30 / 750 * 100vw);
  content: "Q.";
}
.rangehood_lp_faq__text {
  padding: min(20px, 20 / 750 * 100vw) min(40px, 40 / 750 * 100vw) min(20px, 20 / 750 * 100vw) min(24px, 24 / 750 * 100vw);
  display: flex;
  gap: min(16px, 16 / 750 * 100vw);
  line-height: 1.5;
  font-size: min(3rem, 30 / 750 * 100vw);
  letter-spacing: 0.075em;
  font-weight: 500;
  text-align: justify;
}
.rangehood_lp_faq__text::before {
  flex: 0 0 auto;
  width: min(30px, 30 / 750 * 100vw);
  text-align: center;
  content: "A.";
}
.rangehood_lp_faq__text a {
  color: var(--main-site-color);
}
.rangehood_lp_faq__text a:hover {
  color: var(--color-black);
}

.rangehood_lp_showroom {
  padding: min(60px, 60 / 750 * 100vw) min(30px, 30 / 750 * 100vw) 0;
}
.rangehood_lp_showroom__title {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  font-size: min(3.8rem, 38 / 750 * 100vw);
  font-weight: 700;
}
.rangehood_lp_showroom__title .tag {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 0 min(15px, 15 / 750 * 100vw);
  margin-inline: 0 min(10px, 10 / 750 * 100vw);
  height: min(64px, 64 / 750 * 100vw);
  text-align: center;
  border: min(2px, 2 / 750 * 100vw) solid currentColor;
  border-radius: min(10px, 10 / 750 * 100vw);
  color: var(--color-orange);
  font-size: min(3.8rem, 38 / 750 * 100vw);
  font-weight: 700;
}
.rangehood_lp_showroom__title .large {
  position: relative;
  font-size: min(5.5rem, 55 / 750 * 100vw);
  padding-bottom: min(8px, 8 / 750 * 100vw);
}
.rangehood_lp_showroom__title .large .small {
  font-size: min(4.4rem, 44 / 750 * 100vw);
}
.rangehood_lp_showroom__title .large::after {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: min(10px, 10 / 750 * 100vw);
  background: url(../img/showroom/dotline.png) 0 0/contain repeat-x;
  content: "";
}
.rangehood_lp_showroom__more {
  position: relative;
  display: block;
  padding: min(8px, 8 / 750 * 100vw) min(12px, 12 / 750 * 100vw) min(8px, 8 / 750 * 100vw) 0;
  margin: min(45px, 45 / 750 * 100vw) auto 0;
  width: min(472px, 472 / 750 * 100vw);
  text-align: center;
  background: var(--color-main);
  border-radius: 100px;
  font-size: min(3.5rem, 35 / 750 * 100vw);
  font-weight: 700;
  color: #fff;
  letter-spacing: 0.1em;
}
.rangehood_lp_showroom__more::before {
  position: absolute;
  top: 50%;
  right: min(76.5px, 76.5 / 750 * 100vw);
  transform: translate3d(0, -50%, 0);
  width: min(30px, 30 / 750 * 100vw);
  aspect-ratio: 1;
  background: #fff;
  clip-path: polygon(40% 0%, 60% 0%, 60% 40%, 100% 40%, 100% 60%, 60% 60%, 60% 100%, 40% 100%, 40% 60%, 0% 60%, 0% 40%, 40% 40%);
  content: "";
}
.rangehood_lp_showroom__hug {
  margin: min(80px, 80 / 750 * 100vw) auto min(24px, 24 / 750 * 100vw);
  width: min(526px, 526 / 750 * 100vw);
}
.rangehood_lp_showroom__catch {
  text-align: center;
  line-height: 1.8333333333;
  font-size: min(3rem, 30 / 750 * 100vw);
  font-weight: 700;
  letter-spacing: 0.05em;
}
.rangehood_lp_showroom__catch .line {
  font-weight: 700;
  padding-inline: min(4px, 4 / 750 * 100vw);
  background: linear-gradient(transparent 70%, var(--color-yellow-line) 0%);
}
.rangehood_lp_showroom__renewal {
  margin: min(60px, 60 / 750 * 100vw) auto min(24px, 24 / 750 * 100vw);
  width: min(690px, 690 / 750 * 100vw);
}
.rangehood_lp_showroom__note {
  margin: min(10px, 10 / 750 * 100vw) 0 0;
  text-align: center;
  font-size: clamp(1.1rem, 18 / 750 * 100vw, 1.8rem);
  font-weight: 400;
  letter-spacing: 0.1em;
}
.rangehood_lp_showroom__bottom {
  position: relative;
  margin: min(85px, 85 / 750 * 100vw) 0 0;
  width: 100%;
}
.rangehood_lp_showroom__bottom .text {
  position: absolute;
  z-index: 10;
  top: min(60px, 60 / 750 * 100vw);
  left: 0;
  width: 100%;
  text-align: center;
  line-height: 1.2857142857;
  font-size: min(4.5rem, 45 / 750 * 100vw);
  font-weight: 700;
  letter-spacing: 0.075em;
}
.rangehood_lp_showroom__bottom .text .small {
  font-size: min(3.5rem, 35 / 750 * 100vw);
}
.rangehood_lp_showroom__aco .rangehood_lp_showroom__more span:first-child {
  display: block;
}
.rangehood_lp_showroom__aco .rangehood_lp_showroom__more span:last-child {
  display: none;
}
.rangehood_lp_showroom__aco[open] .rangehood_lp_showroom__more span:first-child {
  display: none;
}
.rangehood_lp_showroom__aco[open] .rangehood_lp_showroom__more span:last-child {
  display: block;
}
.rangehood_lp_showroom__aco[open] .rangehood_lp_showroom__more::before {
  clip-path: polygon(0% 40%, 100% 40%, 100% 60%, 0% 60%);
}

.rangehood_lp_showroom_museum {
  margin: min(60px, 60 / 750 * 100vw) 0 0;
}
.rangehood_lp_showroom_museum__title {
  text-align: center;
  line-height: 1.5625;
  font-weight: 700;
  font-size: min(3.2rem, 32 / 750 * 100vw);
  letter-spacing: 0.03em;
}
.rangehood_lp_showroom_museum__title .tag {
  display: inline-flex;
  padding: 0 min(20px, 20 / 750 * 100vw);
  margin-inline-end: min(10px, 10 / 750 * 100vw);
  height: min(50px, 50 / 750 * 100vw);
  font-weight: 700;
  color: var(--color-orange);
  border: min(2px, 2 / 750 * 100vw) solid currentColor;
  border-radius: min(10px, 10 / 750 * 100vw);
}
.rangehood_lp_showroom_museum__image {
  display: flex;
  flex-direction: column;
  gap: min(50px, 50 / 750 * 100vw);
  margin: min(35px, 35 / 750 * 100vw) auto 0;
  width: min(580px, 580 / 750 * 100vw);
}
.rangehood_lp_showroom_museum__map {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: min(24px, 24 / 750 * 100vw);
  margin: min(40px, 40 / 750 * 100vw) 0 min(20px, 20 / 750 * 100vw);
  text-align: center;
  color: var(--color-orange);
  font-weight: 700;
  font-size: min(4rem, 40 / 750 * 100vw);
  letter-spacing: 0.05em;
}
.rangehood_lp_showroom_museum__map::before, .rangehood_lp_showroom_museum__map::after {
  flex: 0 0 auto;
  display: block;
  width: min(144px, 144 / 750 * 100vw);
  height: min(2px, 2 / 750 * 100vw);
  background: currentColor;
  content: "";
}
.rangehood_lp_showroom_museum__mapimage {
  margin: 0 auto;
  width: min(580px, 580 / 750 * 100vw);
}

.rangehood_lp_floatbox.modal {
  line-height: 1.5;
}
.rangehood_lp_floatbox.modal .modal-content {
  padding: min(38px, 38 / 750 * 100vw);
  width: min(596px, 596 / 750 * 100vw);
  max-width: 90%;
  height: auto;
  border-radius: min(16px, 16 / 750 * 100vw);
  font-size: clamp(1.1rem, 16 / 750 * 100vw, 1.6rem);
}
.rangehood_lp_floatbox.modal .modal-inner {
  width: 100%;
}
.rangehood_lp_floatbox.modal .rangehood_lp_floatbox__notelist {
  counter-reset: listnum;
}
.rangehood_lp_floatbox.modal .rangehood_lp_floatbox__notelist > li {
  display: flex;
  gap: 0.3em;
}
.rangehood_lp_floatbox.modal .rangehood_lp_floatbox__notelist > li::before {
  counter-increment: listnum;
  content: "※" counter(listnum);
}
.rangehood_lp_floatbox.modal .rangehood_lp_floatbox__notelist > li.no_num::before {
  content: "※";
}
.rangehood_lp_floatbox.modal .rangehood_lp_floatbox__close {
  display: flex;
  justify-content: center;
  align-items: center;
  width: min(50px, 50 / 750 * 100vw);
  height: min(50px, 50 / 750 * 100vw);
  aspect-ratio: 1;
  background: var(--color-main);
  border-radius: 100px;
  transform: translate(30%, -30%) rotate(45deg);
}
.rangehood_lp_floatbox.modal .rangehood_lp_floatbox__close::before {
  position: static;
  transform: none;
  width: min(30px, 30 / 750 * 100vw);
  height: min(30px, 30 / 750 * 100vw);
  aspect-ratio: 1;
  border: 0;
  background: #fff;
  clip-path: polygon(40% 0%, 60% 0%, 60% 40%, 100% 40%, 100% 60%, 60% 60%, 60% 100%, 40% 100%, 40% 60%, 0% 60%, 0% 40%, 40% 40%);
  content: "";
}
.rangehood_lp_floatbox.modal .rangehood_lp_floatbox__close::after {
  display: none;
}
.rangehood_lp_floatbox.modal .rangehood_lp_floatbox__close_button {
  position: static;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: min(20px, 20 / 750 * 100vw) auto 0;
  width: min(220px, 220 / 750 * 100vw);
  aspect-ratio: 220/60;
  text-align: center;
  font-size: clamp(1.1rem, 18 / 750 * 100vw, 1.8rem);
  font-weight: 700;
  letter-spacing: 0.1em;
  border: 1px solid #cdcdcd;
  color: var(--color-black);
}
.rangehood_lp_floatbox.modal .rangehood_lp_floatbox__close_button::before, .rangehood_lp_floatbox.modal .rangehood_lp_floatbox__close_button::after {
  display: none;
}

.u-color-yellow {
  color: var(--color-yellow) !important;
}
.u-color-orange {
  color: var(--color-orange) !important;
}
.u-color-navy {
  color: var(--color-navy) !important;
}
.u-color-black {
  color: var(--color-black) !important;
}

.u-text-shadow {
  text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.32);
}

.block {
  display: block !important;
}
.flex {
  display: flex !important;
}
.none {
  display: none !important;
}
:root {
  --color-main: #006cbe;
}

#header-upper-box {
  max-width: 750px;
}

#page-header {
  margin-bottom: 0;
}

#page-contents {
  padding-top: 0;
  padding-bottom: 0;
  margin-bottom: -60px;
}

.rangehood_lp {
  margin: 0 auto;
  width: min(750px, 100%);
  font-feature-settings: "palt";
  overflow: hidden;
}
.rangehood_lp img {
  max-width: 100%;
  height: auto;
}
.rangehood_lp em {
  font-style: normal;
}

summary {
  display: block;
}

summary::-webkit-details-marker {
  display: none;
}
@media screen and (min-width: 768px){
  .rangehood_lp_rangehood__item .text {
    white-space: nowrap;
  }
}
@media screen and (max-width: 1023px){
  .md_block {
    display: block !important;
  }
  .md_flex {
    display: flex !important;
  }
  .md_none {
    display: none !important;
  }
}
@media screen and (max-width: 767px){
  .rangehood_lp_cta__bottom {
    padding-bottom: min(60px, 60 / 750 * 100vw);
    background: #eaf7ff;
  }
  .rangehood_lp_cta__bottom img {
    pointer-events: initial;
  }
  .rangehood_lp_ogr_section_01__text {
    line-height: 2;
  }
  .rangehood_lp_ogr_section_04__note {
    letter-spacing: normal;
  }
  .rangehood_lp_inquiry__button {
    pointer-events: initial;
  }
  .rangehood_lp_showroom__more {
    padding: min(16px, 16 / 750 * 100vw) min(12px, 12 / 750 * 100vw) min(16px, 16 / 750 * 100vw) 0;
  }
  .sm_block {
    display: block !important;
  }
  .sm_flex {
    display: flex !important;
  }
  .sm_none {
    display: none !important;
  }
  .rangehood_lp {
    margin: 0 -3%;
    width: auto;
  }
}
@media screen and (max-width: 374px){
  .rangehood_lp_ogr_section_01__text {
    line-height: 1.6;
  }
  .rangehood_lp_ogr_section_02__body {
    padding: min(70px, 70 / 750 * 100vw) min(20px, 20 / 750 * 100vw) min(54px, 54 / 750 * 100vw) min(20px, 20 / 750 * 100vw);
  }
  .rangehood_lp_ogr_section_02__text {
    line-height: 1.6;
  }
  .rangehood_lp_ogr_section_03__body {
    padding: min(74px, 74 / 750 * 100vw) min(20px, 20 / 750 * 100vw) min(40px, 40 / 750 * 100vw) min(20px, 20 / 750 * 100vw);
  }
  .rangehood_lp_ogr_section_03__title {
    gap: min(8px, 8 / 750 * 100vw);
  }
  .rangehood_lp_ogr_section_03__text {
    line-height: 1.6;
  }
  .rangehood_lp_ogr_section_04__body {
    padding: min(70px, 70 / 750 * 100vw) min(20px, 20 / 750 * 100vw) min(54px, 54 / 750 * 100vw) min(20px, 20 / 750 * 100vw);
  }
  .rangehood_lp_ogr_section_04__text {
    line-height: 1.6;
  }
  .rangehood_lp_ogr_section_05__body {
    padding: min(70px, 70 / 750 * 100vw) min(20px, 20 / 750 * 100vw) min(40px, 40 / 750 * 100vw) min(20px, 20 / 750 * 100vw);
  }
  .rangehood_lp_ogr_section_05__text {
    line-height: 1.6;
  }
  .rangehood_lp_ogr_section_06__body {
    padding: min(40px, 40 / 750 * 100vw) min(20px, 20 / 750 * 100vw) min(20px, 20 / 750 * 100vw) min(20px, 20 / 750 * 100vw);
  }
  .rangehood_lp_ogr_section_06__text {
    line-height: 1.6;
  }
  .xs_block {
    display: block !important;
  }
  .xs_flex {
    display: flex !important;
  }
  .xs_none {
    display: none !important;
  }
}