@charset "UTF-8";
:root {
  --c-orange: #ffa26e;
  --c-blue: #90d3f4;
  --c-green: #b1d187;
  --c-orange2: #ff8040;
  --c-blue2: #56a3dc;
  --c-green2: #6cb851;
  --c-gray: #6b6b6b;
  --c-gray2: #f5f5f5;
}

html {
  font-size: var(--basefont);
}

@media screen and (max-width: 767px) {
  .l-contents {
    padding-top: var(--headerHeight);
    overflow: hidden;
  }
}
.l-contents {
  max-width: var(--width);
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
}
.l-contents.roomsafety a {
  text-decoration: none;
}
.l-contents.roomsafety .container {
  padding-bottom: 26.666cqi;
  background: var(--c-gray2);
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  color: var(--c-gray);
}
.l-contents.roomsafety .container img {
  width: 100%;
}

.page-title {
  aspect-ratio: 750/670;
  margin-bottom: 6.666cqi;
  position: relative;
  background: url("../images/title_bg.webp") no-repeat top center/cover;
}
.page-title h1 {
  width: 56cqi;
  position: absolute;
  -ms-grid-row-align: center;
  -ms-grid-column-align: center;
  place-self: center;
  inset: 0;
}

.lead-txt {
  margin-bottom: 13.333cqi;
  line-height: 1.8;
  font-size: 3.733cqi;
}
@media screen and (max-width: 767px) {
  .lead-txt {
    font-size: 4.266cqi;
  }
}

.products__item {
  margin-bottom: 20cqi;
}
.products__item .title {
  aspect-ratio: 676/226;
  margin: 0 4.666cqi 9.066cqi;
  position: relative;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.products__item .title h2 {
  display: block;
  width: 100%;
  position: absolute;
  top: 48%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  font-family: "Zen Maru Gothic", sans-serif;
  font-size: 6.133cqi;
}
@media screen and (max-width: 767px) {
  .products__item .title h2 {
    font-size: 6.666cqi;
  }
}
.products__item .title h2 span {
  position: relative;
}
.products__item .title h2 span::before {
  content: "";
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
}
.products__item .point {
  margin: 0 6.666cqi 10.666cqi;
  position: relative;
}
.products__item .point::before, .products__item .point::after {
  content: "";
  width: 14.666cqi;
  aspect-ratio: 110/110;
  position: absolute;
}
.products__item .point::before {
  top: -2.666cqi;
  left: -2.666cqi;
}
.products__item .point::after {
  right: -2.666cqi;
  bottom: -2.666cqi;
}
.products__item .point .txt-block {
  padding: 6.4cqi 3.733cqi 12.666cqi;
  background: url("../images/products_txt_bg.svg") no-repeat top center/cover;
  text-align: left;
}
@media screen and (max-width: 767px) {
  .products__item .point .txt-block {
    padding-bottom: 10.666cqi;
  }
}
.products__item .point .txt-block h3 {
  display: inline-block;
  margin-bottom: 3.2cqi;
  padding: 1.333cqi 3.466cqi;
  border-radius: 2.666cqi;
  line-height: 1;
  text-box: trim-both cap alphabetic;
  font-size: 2.933cqi;
}
@media screen and (max-width: 767px) {
  .products__item .point .txt-block h3 {
    font-size: 3.2cqi;
  }
}
.products__item .point .txt-block ul li {
  padding-left: 3.2cqi;
  position: relative;
  line-height: 1.4;
  font-size: 3.2cqi;
}
@media screen and (max-width: 767px) {
  .products__item .point .txt-block ul li {
    font-size: 3.733cqi;
  }
}
.products__item .point .txt-block ul li:not(:last-child) {
  margin-bottom: 1.066cqi;
}
.products__item .point .txt-block ul li::before {
  content: "";
  display: block;
  width: 1.333cqi;
  height: 1.333cqi;
  position: absolute;
  top: 1.866cqi;
  left: 0.8cqi;
  background: var(--c-gray);
  border-radius: 50%;
}
.products__item .lineup__title {
  margin-bottom: 8cqi;
}
.products__item .lineup__title .bubble {
  display: inline-block;
  margin: 0 auto 4cqi;
  padding: 1.066cqi 2.666cqi 1.2cqi;
  position: relative;
  background: var(--c-white);
  border-radius: 3.2cqi;
  line-height: 1;
  letter-spacing: -1px;
  font-family: "Zen Maru Gothic", serif;
  font-size: 2.933cqi;
}
@media screen and (max-width: 767px) {
  .products__item .lineup__title .bubble {
    font-size: 3.2cqi;
  }
}
.products__item .lineup__title .bubble::before {
  content: "";
  width: 2.933cqi;
  aspect-ratio: 22/20;
  position: absolute;
  right: 0;
  bottom: -2cqi;
  left: 0;
  margin: auto;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.products__item .lineup__title h3 {
  display: block;
  width: 52.333cqi;
  margin: 0 auto 4cqi;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
  line-height: 1;
  letter-spacing: 0.75px;
  text-box: trim-both cap alphabetic;
  font-family: "Zen Maru Gothic", sans-serif;
  font-size: 5.066cqi;
}
@media screen and (max-width: 767px) {
  .products__item .lineup__title h3 {
    width: 57.333cqi;
    font-size: 5.6cqi;
  }
}
.products__item .lineup__title .cate {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 1.333cqi;
  margin: 0 6.666cqi;
  position: relative;
  line-height: 1;
  font-size: 3.2cqi;
}
@media screen and (max-width: 767px) {
  .products__item .lineup__title .cate {
    font-size: 3.733cqi;
  }
}
.products__item .lineup__title .cate span {
  margin-right: 2.133cqi;
  padding-left: 2.133cqi;
  position: relative;
}
.products__item .lineup__title .cate span::before {
  content: "";
  display: block;
  width: 1.333cqi;
  height: 1.333cqi;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  background: var(--c-gray);
  border-radius: 50%;
}
.products__item .lineup .slider {
  position: relative;
}
.products__item .lineup .slider__list--center {
  display: block flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 24px;
}
.products__item .lineup .slider__list li {
  -ms-flex-preferred-size: 174px;
      flex-basis: 174px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  aspect-ratio: 300/380;
  position: relative;
  background: var(--c-white);
}
@media screen and (max-width: 767px) {
  .products__item .lineup .slider__list li {
    -ms-flex-preferred-size: 156px;
        flex-basis: 156px;
  }
}
.products__item .lineup .slider__list li img {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.products__item .lineup .slider__list li p {
  width: calc(100% - 3.733cqi);
  position: absolute;
  right: 0;
  bottom: 1.6cqi;
  left: 0;
  margin: 0 auto;
  line-height: 1.4;
  text-align: left;
  font-size: 2.933cqi;
}
@media screen and (max-width: 767px) {
  .products__item .lineup .slider__list li p {
    font-size: 3.2cqi;
  }
}
.products__item .lineup .slider__next, .products__item .lineup .slider__prev {
  display: block flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 32px;
  height: 32px;
  border: none;
  border-radius: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
  padding-left: 0.5rem;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  z-index: 10;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.products__item .lineup .slider__next::before, .products__item .lineup .slider__prev::before {
  content: "";
  width: 13px;
  height: 15px;
  background: url("../images/arrow.svg") no-repeat center/cover;
}
.products__item .lineup .slider__next {
  right: 2.133cqi;
}
.products__item .lineup .slider__prev {
  left: 2.133cqi;
  scale: -1 1;
}
.products__item___01 .title {
  background-image: url("../images/title_bg_01.svg");
}
.products__item___01 .title h2 span::before {
  border-bottom: 3px dotted var(--c-orange);
}
.products__item___01 .point::before, .products__item___01 .point::after {
  background: url("../images/line_01.svg") no-repeat center/100% 100%;
}
.products__item___01 .point .txt-block h3 {
  border: 1px solid var(--c-orange);
  color: var(--c-orange);
}
.products__item___01 .lineup__title .bubble {
  border: 1px solid var(--c-orange);
}
.products__item___01 .lineup__title .bubble::before {
  background-image: url("../images/bubble_01.svg");
}
.products__item___01 .lineup__title h3 {
  background-image: url("../images/parts_01.svg");
  color: var(--c-orange2);
}
.products__item___01 .lineup .slider__next, .products__item___01 .lineup .slider__prev {
  background: var(--c-orange);
}
.products__item___02 .title {
  background-image: url("../images/title_bg_02.svg");
}
.products__item___02 .title h2 span::before {
  border-bottom: 3px dotted var(--c-blue);
}
.products__item___02 .point::before, .products__item___02 .point::after {
  background: url("../images/line_02.svg") no-repeat center/100% 100%;
}
.products__item___02 .point .txt-block h3 {
  border: 1px solid var(--c-blue);
  color: var(--c-blue);
}
.products__item___02 .lineup__title .bubble {
  border: 1px solid var(--c-blue);
}
.products__item___02 .lineup__title .bubble::before {
  background-image: url("../images/bubble_02.svg");
}
.products__item___02 .lineup__title h3 {
  background-image: url("../images/parts_02.svg");
  color: var(--c-blue2);
}
.products__item___02 .lineup .slider__next, .products__item___02 .lineup .slider__prev {
  background: var(--c-blue);
}
.products__item___03 .title {
  background-image: url("../images/title_bg_03.svg");
}
.products__item___03 .title h2 span::before {
  border-bottom: 3px dotted var(--c-green);
}
.products__item___03 .point::before, .products__item___03 .point::after {
  background: url("../images/line_03.svg") no-repeat center/100% 100%;
}
.products__item___03 .point .txt-block h3 {
  border: 1px solid var(--c-green);
  color: var(--c-green);
}
.products__item___03 .lineup__title .bubble {
  border: 1px solid var(--c-green);
}
.products__item___03 .lineup__title .bubble::before {
  background-image: url("../images/bubble_03.svg");
}
.products__item___03 .lineup__title h3 {
  background-image: url("../images/parts_03.svg");
  color: var(--c-green2);
}
.products__item___03 .lineup .slider__next, .products__item___03 .lineup .slider__prev {
  background: var(--c-green);
}
.products__category {
  margin: 0 0.8cqi;
  padding: 10.133cqi 0 20cqi;
  background: var(--c-white);
  border-radius: 6.666cqi;
}
@media screen and (max-width: 767px) {
  .products__category {
    margin: 0;
  }
}
.products__category h2 {
  width: 54.733cqi;
  margin: 0 auto 10.666cqi;
  padding-bottom: 3.2cqi;
  position: relative;
  background: url("../images/parts.svg") no-repeat center/100% 100%;
  line-height: 1.4;
  font-family: "Zen Maru Gothic", sans-serif;
  font-size: 5.333cqi;
}
@media screen and (max-width: 767px) {
  .products__category h2 {
    width: 59.733cqi;
    font-size: 5.866cqi;
  }
}
.products__category h2::before {
  content: "";
  width: 100%;
  aspect-ratio: 328/11;
  position: absolute;
  right: 0;
  left: 0;
  bottom: 0;
  margin: auto;
  background: url("../images/underline.svg") no-repeat center/contain;
}
.products__category h2 span {
  letter-spacing: 1px;
  font-size: 5.866cqi;
}
@media screen and (max-width: 767px) {
  .products__category h2 span {
    font-size: 6.4cqi;
  }
}
.products__category___item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin: 0 5.866cqi;
}
@media screen and (max-width: 767px) {
  .products__category___item {
    margin: 0 6.666cqi;
  }
}
.products__category___item:not(:last-child) {
  margin-bottom: 8cqi;
}
.products__category___item .img-block {
  width: 32%;
  border-radius: 3.466cqi;
  overflow: hidden;
}
.products__category___item .txt-block {
  width: 62%;
}
.products__category___item .txt-block h3 {
  margin-bottom: 2.666cqi;
  line-height: 1.4;
  text-align: left;
  font-size: 3.733cqi;
}
@media screen and (max-width: 767px) {
  .products__category___item .txt-block h3 {
    font-size: 4.266cqi;
  }
}
.products__category___item .txt-block h3 span {
  padding-bottom: 0.8cqi;
}
.products__category___item .txt-block p {
  margin-bottom: 2.933cqi;
  text-align: left;
  font-size: 2.933cqi;
}
@media screen and (max-width: 767px) {
  .products__category___item .txt-block p {
    font-size: 3.466cqi;
  }
}
.products__category___item .txt-block nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.products__category___item .txt-block nav a {
  display: block;
  position: relative;
  padding: 2cqi 8.533cqi 2cqi 3.2cqi;
  background: var(--c-orange2);
  border-radius: 3.733cqi;
  line-height: 1;
  letter-spacing: -2px;
  font-family: "Zen Maru Gothic", sans-serif;
  font-weight: 700;
  font-size: 2.933cqi;
  color: var(--c-white);
}
@media screen and (max-width: 767px) {
  .products__category___item .txt-block nav a {
    font-size: 3.466cqi;
  }
}
.products__category___item .txt-block nav a .cart {
  width: 6cqi;
  height: 6cqi;
  position: absolute;
  top: 0;
  right: 0.533cqi;
  bottom: 0;
  margin: auto;
  background: var(--c-white);
  border-radius: 50%;
}
.products__category___item .txt-block nav a .cart svg {
  width: 3.2cqi;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 1.333cqi;
  margin: auto;
}
.products__category___item____01 .img-block {
  border: 2px solid var(--c-orange2);
}
.products__category___item____01 .txt-block h3 span {
  border-bottom: 2px solid var(--c-orange2);
}
.products__category___item____01 .txt-block nav a {
  background: var(--c-orange2);
}
.products__category___item____01 .txt-block nav a .cart svg .cart-path {
  fill: var(--c-orange2);
}
.products__category___item____02 .img-block {
  border: 2px solid var(--c-blue2);
}
.products__category___item____02 .txt-block h3 span {
  border-bottom: 2px solid var(--c-blue2);
}
.products__category___item____02 .txt-block nav a {
  background: var(--c-blue2);
}
.products__category___item____02 .txt-block nav a .cart svg .cart-path {
  fill: var(--c-blue2);
}
.products__category___item____03 .img-block {
  border: 2px solid var(--c-green2);
}
.products__category___item____03 .txt-block h3 span {
  border-bottom: 2px solid var(--c-green2);
}
.products__category___item____03 .txt-block nav a {
  background: var(--c-green2);
}
.products__category___item____03 .txt-block nav a .cart svg .cart-path {
  fill: var(--c-green2);
}