@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);
}

.sksb_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);
}
.sksb_lp_firstview__title .logo {
  flex: 0 0 auto;
  width: min(182px, 182 / 750 * 100vw);
}
.sksb_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;
}
.sksb_lp_firstview__catch .text {
  text-shadow: 3px 3px 0 rgba(0, 0, 0, 0.32);
}
.sksb_lp_firstview__awards {
  display: block;
  padding: min(20px, 20 / 750 * 100vw) min(30px, 30 / 750 * 100vw) 0;
  background: #fff;
}
.sksb_lp_firstview__awards .list {
  display: flex;
  justify-content: center;
  gap: min(20px, 20 / 750 * 100vw);
}
.sksb_lp_firstview__awards .note {
  color: var(--color-main);
  font-size: clamp(1.1rem, 21 / 750 * 100vw, 2.1rem);
  font-weight: 700;
}
.sksb_lp_firstview__choise {
  margin: min(20px, 20 / 750 * 100vw) min(20px, 20 / 750 * 100vw) min(20px, 20 / 750 * 100vw);
  background: #fff;
}
.sksb_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;
}
.sksb_lp_firstview__choise .corp img {
  width: 100%;
}
.sksb_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;
}
.sksb_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;
}
.sksb_lp_cta__button .text01 .large {
  font-size: min(4.024rem, 40.24 / 750 * 100vw);
}
.sksb_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;
}
.sksb_lp_cta__note {
  margin: min(16px, 16 / 750 * 100vw) 0 0;
  text-align: center;
  font-size: min(2.4rem, 24 / 750 * 100vw);
}
.sksb_lp_cta__bottom {
  margin: min(40px, 40 / 750 * 100vw) auto 0;
  width: min(750px, 750 / 750 * 100vw);
}
.sksb_lp_cta__bottom img {
  pointer-events: none;
}

.sksb_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);
}
.sksb_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;
}
.sksb_lp_region__catch_large {
  line-height: 1.2229058211;
  font-size: min(4.226rem, 42.26 / 750 * 100vw);
}
.sksb_lp_region__catch .large {
  font-size: min(5.168rem, 51.68 / 750 * 100vw);
}
.sksb_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;
}

.sksb_lp_sksb {
  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;
}
.sksb_lp_sksb__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);
}
.sksb_lp_sksb__title .large {
  font-size: min(5.5rem, 55 / 750 * 100vw);
}
.sksb_lp_sksb__list {
  display: flex;
  justify-content: center;
  gap: min(64px, 64 / 750 * 100vw);
  margin: min(35px, 35 / 750 * 100vw) 0 0;
  counter-reset: rangenum;
}
.sksb_lp_sksb__catch {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: min(40px, 40 / 750 * 100vw);
  margin: min(24px, 24 / 750 * 100vw) 0 0;
}
.sksb_lp_sksb__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);
}
.sksb_lp_sksb__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: "";
}
.sksb_lp_sksb__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;
}
.sksb_lp_sksb__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%);
}
.sksb_lp_sksb__catch .image {
  margin: 0 auto;
  width: min(502px, 502 / 750 * 100vw);
}
.sksb_lp_sksb__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;
}
.sksb_lp_sksb__text .line {
  padding-inline: min(4px, 4 / 750 * 100vw);
  font-weight: 700;
  background: linear-gradient(transparent 50%, var(--color-yellow-line) 0%);
}
.sksb_lp_sksb__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);
}

.sksb_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);
}
.sksb_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;
}
.sksb_lp_reason__title::before, .sksb_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: "";
}
.sksb_lp_reason__title::after {
  transform: scale(-1, 1);
  margin: 0;
}
.sksb_lp_reason__title .text {
  position: relative;
  top: max(-4px, -4 / 750 * 100vw);
}
.sksb_lp_reason__title .small {
  font-size: min(4.3rem, 43 / 750 * 100vw);
}
.sksb_lp_reason__title .logo {
  flex: 0 0 auto;
  margin-inline-end: min(8px, 8 / 750 * 100vw);
  width: min(208px, 208 / 750 * 100vw);
}
.sksb_lp_reason__title .logo img {
  vertical-align: bottom;
}
.sksb_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;
}
.sksb_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;
}
.sksb_lp_reason__catch .small {
  font-size: min(3.4rem, 34 / 750 * 100vw);
}
.sksb_lp_reason__catch .number {
  letter-spacing: -0.1em;
}
.sksb_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;
}

.sksb_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);
}
.sksb_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;
}
.sksb_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;
}
.sksb_lp_reason_card__image {
  margin: min(30px, 30 / 750 * 100vw) 0 0;
  text-align: center;
}
.sksb_lp_reason_card__image.image_wide {
  margin-inline: max(-7px, -7 / 750 * 100vw);
}
.sksb_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;
}

.sksb_lp_concerns {
  position: relative;
  background: var(--color-main-bg);
}
.sksb_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: "";
}
.sksb_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;
}
.sksb_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;
}
.sksb_lp_concerns__item {
  width: min(320px, 320 / 750 * 100vw);
}
.sksb_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;
}
.sksb_lp_concerns__catch .line {
  padding-inline: min(4px, 4 / 750 * 100vw);
  background: linear-gradient(transparent 50%, var(--color-yellow-line) 0%);
}

.sksb_lp_inquiry {
  margin: min(140px, 140 / 750 * 100vw) 0 min(70px, 70 / 750 * 100vw);
}
.sksb_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;
}
.sksb_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);
}
.sksb_lp_inquiry__title .small {
  font-size: min(3.6rem, 36 / 750 * 100vw);
}
.sksb_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);
}
.sksb_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: "";
}
.sksb_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);
}
.sksb_lp_inquiry__label .ls_adjust{
  letter-spacing: -1em;
}
.sksb_lp_inquiry__label .line {
  padding-inline: min(10px, 10 / 750 * 100vw);
  background: linear-gradient(transparent 70%, var(--color-yellow-line) 0%);
}
.sksb_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;
}
.sksb_lp_inquiry__catch .small {
  font-size: min(3.4rem, 34 / 750 * 100vw);
}
.sksb_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;
}
.sksb_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;
}
.sksb_lp_inquiry__button .label .large {
  display: block;
  font-size: min(3.259rem, 32.59 / 750 * 100vw);
  text-align: center;
  line-height: 1.0857142857;
}
.sksb_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);
}
.sksb_lp_inquiry__button .text .small {
  font-size: min(3rem, 30 / 750 * 100vw);
}

.sksb_lp_reform {
  padding: min(30px, 30 / 750 * 100vw) min(30px, 30 / 750 * 100vw) min(60px, 60 / 750 * 100vw);
  background: #ffffdb;
  margin-top: 20px;
}
.sksb_lp_reform__title {
  margin: 0 auto;
  width: min(655px, 655 / 750 * 100vw);
}

.sksb_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;
}
.sksb_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;
}
.sksb_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);
}
.sksb_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: "";
}
.sksb_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));
}
.sksb_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(30px, 30 / 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);
}
.sksb_lp_reform_card__body {
  padding: min(30px, 30 / 750 * 100vw) min(34px, 34 / 750 * 100vw);
  background: #fff;
}
.sksb_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;
}
.sksb_lp_reform_card__image {
  margin: min(20px, 20 / 750 * 100vw) auto 0;
  width: min(610px, 610 / 750 * 100vw);
}

.sksb_lp_tab .list {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  padding: min(30px, 30 / 750 * 100vw) 0;
  background-color: var(--color-main);
  color: #fff;
}
.sksb_lp_tab .list .tablist {
  flex: 0 0 auto;
  margin: 0 min(3px, 3 / 750 * 100vw);
}
.sksb_lp_tab .list .tablist1 {
  width: min(232px, 232 / 750 * 100vw);
}
.sksb_lp_tab .list .tablist2 {
  width: min(130px, 130 / 750 * 100vw);
}
.sksb_lp_tab .list .tablist3 {
  width: min(305px, 305 / 750 * 100vw);
}
.sksb_lp_tab__title {
  padding: 0 0 min(30px, 30 / 750 * 100vw);
  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;
}
.sksb_lp_tab__top {
  position: relative;
  width: 100%;
}
.sksb_lp_tab__top .text {
  position: absolute;
  z-index: 10;
  top: min(35px, 35 / 750 * 100vw);
  left: 0;
  width: 100%;
  text-align: center;
  color: var(--color-main);
  line-height: 1.8;
  font-size: min(3.5rem, 35 / 750 * 100vw);
  font-weight: 700;
  letter-spacing: 0.075em;
}
.sksb_lp_tab__top .tag {
  display: inline-block;
  padding: 0 min(6px, 6 / 750 * 100vw);
  margin-inline: min(6px, 6 / 750 * 100vw);
  height: min(50px, 50 / 750 * 100vw);
  line-height: min(50px, 50 / 750 * 100vw);
  border-radius: min(6px, 6 / 750 * 100vw);
  background: var(--color-main);
  color: #fff;
}
.sksb_lp_tab__top .line {
  padding-inline: min(4px, 4 / 750 * 100vw);
  background: linear-gradient(transparent 55%, var(--color-yellow-line) 0%);
}
.sksb_lp_tab .kitchen_bath_tabs {
  margin: 1em auto;
  width: 90%;
}
.sksb_lp_tab .tab_item {
  width: calc(100%/2);
  height: min(60px, 60 / 750 * 100vw);
  border-bottom: 2px solid var(--color-main);
  border-radius: min(30px, 30 / 750 * 100vw) min(30px, 30 / 750 * 100vw) 0 0;
  background-color: var(--color-main-bg);
  font-size: min(32px, 32 / 750 * 100vw);
  line-height: min(65px, 65 / 750 * 100vw);
  text-align: center;
  color: #a1c6e1;
  display: block;
  float: left;
  font-weight: bold;
  transition: all 0.2s ease;
  box-sizing: border-box;
  cursor: pointer;
}
.sksb_lp_tab .tab_item:hover {
  opacity: 0.75;
}
.sksb_lp_tab .tab_content {
  position: relative;
  display: none;
  clear: both;
  overflow: hidden;
  border-top: none;
}
.sksb_lp_tab .tab_content img{
  width: 100%;
}
.sksb_lp_tab .tab_content p {
  position: absolute;
  z-index: 10;
  text-align: center;
  line-height: 1.2;
  font-size: min(2.0rem, 20 / 750 * 100vw);
  font-weight: 700;
  letter-spacing: 0.03em;
}
.sksb_lp_tab .kitchen_bath_tabs input:checked + .tab_item {
  background-color: var(--color-main);
  color: #ffffff;
  border-bottom: none;
}
input[name="tab_item"] {
  display: none;
}
#tab_kitchen:checked ~ #tab_kitchen_content,
#tab_bath:checked ~ #tab_bath_content{
  display: block;
}
#tab_kitchen_content .note01 {
  width: 7%;
  left: 42.5%;
  top: 23.5%;
  font-size: min(1.8rem, 18 / 750 * 100vw);
  font-weight: 100;
}
#tab_kitchen_content .text01 {
  width: 70%;
  left: 2%;
  top: 5.7%;
  font-size: min(2.8rem, 28 / 750 * 100vw);
}
#tab_kitchen_content .text02 {
  width: 50%;
  left: 3.5%;
  top: 25%;
}
#tab_kitchen_content .text03 {
  width: 50%;
  right: 2%;
  bottom: 36%;
}
#tab_kitchen_content .text03 .mark {
  font-size: min(1.5rem, 15 / 750 * 100vw);
  vertical-align: top;
}
#tab_kitchen_content .text04 {
  width: 50%;
  left: 3.5%;
  bottom: 2.5%;
}
#tab_kitchen_content .modal-button-2 {
  position: absolute;
  z-index: 10;
  text-align: center;
  line-height: 1.2;
  font-size: min(1.6rem, 16 / 750 * 100vw);
  font-weight: 100;
  letter-spacing: 0.03em;
  width: 25%;
  left: 15%;
  top: 38%;
}
#tab_kitchen_content .modal-button-3 {
  position: absolute;
  z-index: 10;
  text-align: center;
  line-height: 1.2;
  font-size: min(1.6rem, 16 / 750 * 100vw);
  font-weight: 100;
  letter-spacing: 0.03em;
  width: 25%;
  left: 60%;
  top: 65%;
}
#tab_bath_content .text01 {
  width: 70%;
  left: 2%;
  top: 5.7%;
  font-size: min(2.8rem, 28 / 750 * 100vw);
}
#tab_bath_content .text02 {
  width: 50%;
  left: 3.5%;
  top: 25%;
}
#tab_bath_content .text03 {
  width: 50%;
  right: 1%;
  bottom: 41%;
}
#tab_bath_content .text04 {
  width: 45%;
  right: 1.5%;
  bottom: 27%;
  text-align: left;
  line-height: 1.5;
}
#tab_bath_content .text05 {
  width: 50%;
  left: 3.5%;
  bottom: 5%;
}

.sksb_lp_flow {
  margin: min(30px, 30 / 750 * 100vw) 0 0;
}
.sksb_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;
}
.sksb_lp_flow__title::before, .sksb_lp_flow__title::after {
  display: block;
  width: min(96px, 96 / 750 * 100vw);
  height: min(2px, 2 / 750 * 100vw);
  background: #fff;
  content: "";
}
.sksb_lp_flow__body {
  padding: min(45px, 45 / 750 * 100vw) min(30px, 30 / 750 * 100vw) min(60px, 60 / 750 * 100vw);
}
.sksb_lp_flow__list {
  display: flex;
  flex-direction: column;
  gap: min(36px, 36 / 750 * 100vw);
  counter-reset: flownum;
}
.sksb_lp_flow__item {
  display: flex;
  gap: min(22px, 22 / 750 * 100vw);
}
.sksb_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;
}
.sksb_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);
}
.sksb_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: "";
}
.sksb_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);
}
.sksb_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;
}
.sksb_lp_flow__description .label.short {
  font-size: min(3.2rem, 32 / 750 * 100vw);
  letter-spacing: -0.05em;
}
.sksb_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;
}
.sksb_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);
}
.sksb_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: "";
}

.sksb_lp_faq {
  padding: min(60px, 60 / 750 * 100vw) min(30px, 30 / 750 * 100vw);
  background: var(--color-main-bg);
}
.sksb_lp_faq__title {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  font-weight: 700;
  line-height: 1;
}
.sksb_lp_faq__title .ja {
  font-size: min(5.2rem, 52 / 750 * 100vw);
  letter-spacing: 0.075em;
}
.sksb_lp_faq__title .en {
  color: var(--color-main);
  font-size: min(5.6rem, 56 / 750 * 100vw);
  letter-spacing: 0.075em;
}
.sksb_lp_faq__title .en .small {
  font-size: min(4rem, 40 / 750 * 100vw);
}
.sksb_lp_faq__list {
  display: flex;
  flex-direction: column;
  gap: min(40px, 40 / 750 * 100vw);
  margin: min(30px, 30 / 750 * 100vw) 0 0;
}
.sksb_lp_faq__item {
  border-radius: min(20px, 20 / 750 * 100vw);
  background: #fff;
  overflow: hidden;
}
.sksb_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;
}
.sksb_lp_faq__label::before {
  flex: 0 0 auto;
  width: min(30px, 30 / 750 * 100vw);
  content: "Q.";
}
.sksb_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;
}
.sksb_lp_faq__text::before {
  flex: 0 0 auto;
  width: min(30px, 30 / 750 * 100vw);
  text-align: center;
  content: "A.";
}
.sksb_lp_faq__text a {
  color: var(--main-site-color);
}
.sksb_lp_faq__text a:hover {
  color: var(--color-black);
}

.sksb_lp_showroom {
  padding: min(60px, 60 / 750 * 100vw) min(30px, 30 / 750 * 100vw) 0;
}
.sksb_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;
}
.sksb_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;
}
.sksb_lp_showroom__title .large {
  position: relative;
  font-size: min(5.5rem, 55 / 750 * 100vw);
  padding-bottom: min(8px, 8 / 750 * 100vw);
}
.sksb_lp_showroom__title .large .small {
  font-size: min(4.4rem, 44 / 750 * 100vw);
}
.sksb_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: "";
}
.sksb_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;
}
.sksb_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: "";
}
.sksb_lp_showroom__hug {
  margin: min(80px, 80 / 750 * 100vw) auto min(24px, 24 / 750 * 100vw);
  width: min(526px, 526 / 750 * 100vw);
}
.sksb_lp_showroom__catch {
  text-align: center;
  line-height: 1.8333333333;
  font-size: min(3rem, 30 / 750 * 100vw);
  font-weight: 700;
  letter-spacing: 0.05em;
}
.sksb_lp_showroom__catch .line {
  font-weight: 700;
  padding-inline: min(4px, 4 / 750 * 100vw);
  background: linear-gradient(transparent 70%, var(--color-yellow-line) 0%);
}
.sksb_lp_showroom__renewal {
  margin: min(60px, 60 / 750 * 100vw) auto min(24px, 24 / 750 * 100vw);
  width: min(690px, 690 / 750 * 100vw);
}
.sksb_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;
}
.sksb_lp_showroom__bottom {
  position: relative;
  margin: min(85px, 85 / 750 * 100vw) 0 0;
  width: 100%;
}
.sksb_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;
}
.sksb_lp_showroom__bottom .text .small {
  font-size: min(3.5rem, 35 / 750 * 100vw);
}
.sksb_lp_showroom__aco .sksb_lp_showroom__more span:first-child {
  display: block;
}
.sksb_lp_showroom__aco .sksb_lp_showroom__more span:last-child {
  display: none;
}
.sksb_lp_showroom__aco[open] .sksb_lp_showroom__more span:first-child {
  display: none;
}
.sksb_lp_showroom__aco[open] .sksb_lp_showroom__more span:last-child {
  display: block;
}
.sksb_lp_showroom__aco[open] .sksb_lp_showroom__more::before {
  clip-path: polygon(0% 40%, 100% 40%, 100% 60%, 0% 60%);
}

.sksb_lp_showroom_museum {
  margin: min(60px, 60 / 750 * 100vw) 0 0;
}
.sksb_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;
}
.sksb_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);
}
.sksb_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);
}
.sksb_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;
}
.sksb_lp_showroom_museum__map::before, .sksb_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: "";
}
.sksb_lp_showroom_museum__mapimage {
  margin: 0 auto;
  width: min(580px, 580 / 750 * 100vw);
}

.sksb_lp_floatbox.modal {
  line-height: 1.5;
}
.sksb_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);
}
.sksb_lp_floatbox.modal .modal-inner {
  width: 100%;
}
.sksb_lp_floatbox.modal .sksb_lp_floatbox__notelist {
  counter-reset: listnum;
}
.sksb_lp_floatbox.modal .sksb_lp_floatbox__notelist > li {
  display: flex;
  gap: 0.3em;
}
.sksb_lp_floatbox.modal .sksb_lp_floatbox__notelist > li::before {
  counter-increment: listnum;
  content: "※" counter(listnum);
}
.sksb_lp_floatbox.modal .sksb_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);
}
.sksb_lp_floatbox.modal .sksb_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: "";
}
.sksb_lp_floatbox.modal .sksb_lp_floatbox__close::after {
  display: none;
}
.sksb_lp_floatbox.modal .sksb_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);
}
.sksb_lp_floatbox.modal .sksb_lp_floatbox__close_button::before, .sksb_lp_floatbox.modal .sksb_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;
}

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

summary {
  display: block;
}

summary::-webkit-details-marker {
  display: none;
}
@media screen and (min-width: 768px){
  .sksb_lp_sksb__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){
  .sksb_lp_cta__bottom {
    padding-bottom: min(60px, 60 / 750 * 100vw);
    background: #eaf7ff;
  }
  .sksb_lp_cta__bottom img {
    pointer-events: initial;
  }
  .sksb_lp_ogr_section_01__text {
    line-height: 2;
  }
  .sksb_lp_ogr_section_04__note {
    letter-spacing: normal;
  }
  .sksb_lp_inquiry__button {
    pointer-events: initial;
  }
  .sksb_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;
  }
  .sksb_lp {
    margin: 0 -3%;
    width: auto;
  }
}
@media screen and (max-width: 374px){
  .sksb_lp_ogr_section_01__text {
    line-height: 1.6;
  }
  .sksb_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);
  }
  .sksb_lp_ogr_section_02__text {
    line-height: 1.6;
  }
  .sksb_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);
  }
  .sksb_lp_ogr_section_03__title {
    gap: min(8px, 8 / 750 * 100vw);
  }
  .sksb_lp_ogr_section_03__text {
    line-height: 1.6;
  }
  .sksb_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);
  }
  .sksb_lp_ogr_section_04__text {
    line-height: 1.6;
  }
  .sksb_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);
  }
  .sksb_lp_ogr_section_05__text {
    line-height: 1.6;
  }
  .sksb_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);
  }
  .sksb_lp_ogr_section_06__text {
    line-height: 1.6;
  }
  .xs_block {
    display: block !important;
  }
  .xs_flex {
    display: flex !important;
  }
  .xs_none {
    display: none !important;
  }
}