@font-face{font-family:YuGothicM;src:local("Yu Gothic Medium")}:root{--z-lv-1:1;--z-lv-2:10;--z-lv-3:100;--z-lv-4:1000;--z-lv-5:10000;--z-lv-6:100000;--z-lv-7:1000000;--z-lv-8:10000000;--z-lv-9:100000000;--z-lv-10:1000000000;--z-behindLv-1:-1;--z-behindLv-2:-10;--z-behindLv-3:-100;--z-behindLv-4:-1000;--z-behindLv-5:-10000;--z-behindLv-6:-100000;--z-behindLv-7:-1000000;--z-behindLv-8:-10000000;--z-behindLv-9:-100000000;--z-behindLv-10:-1000000000;--fontFamily-base:-apple-system,BlinkMacSystemFont,"Helvetica Neue","游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN",メイリオ,Meiryo,sans-serif;--fontFamily-mincho:Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;--fontFamily-mono:monospace,serif;--fontWeight-thin:100;--fontWeight-extraLight:200;--fontWeight-light:300;--fontWeight-normal:400;--fontWeight-medium:500;--fontWeight-semiBold:600;--fontWeight-bold:700;--fontWeight-extraBold:800;--fontWeight-black:900;--easeIn-sine:cubic-bezier(0.47,0,0.745,0.715);--easeOut-sine:cubic-bezier(0.39,0.575,0.565,1);--easeInOut-sine:cubic-bezier(0.445,0.05,0.55,0.95);--easeIn-quad:cubic-bezier(0.55,0.085,0.68,0.53);--easeOut-quad:cubic-bezier(0.25,0.46,0.45,0.94);--easeInOut-quad:cubic-bezier(0.455,0.03,0.515,0.955);--easeIn-cubic:cubic-bezier(0.55,0.055,0.675,0.19);--easeOut-cubic:cubic-bezier(0.215,0.61,0.355,1);--easeInOut-cubic:cubic-bezier(0.645,0.045,0.355,1);--easeIn-quart:cubic-bezier(0.895,0.03,0.685,0.22);--easeOut-quart:cubic-bezier(0.165,0.84,0.44,1);--easeInOut-quart:cubic-bezier(0.77,0,0.175,1);--easeIn-quint:cubic-bezier(0.755,0.05,0.855,0.06);--easeOut-quint:cubic-bezier(0.23,1,0.32,1);--easeInOut-quint:cubic-bezier(0.86,0,0.07,1);--easeIn-expo:cubic-bezier(0.95,0.05,0.795,0.035);--easeOut-expo:cubic-bezier(0.19,1,0.22,1);--easeInOut-expo:cubic-bezier(1,0,0,1);--easeIn-circ:cubic-bezier(0.6,0.04,0.98,0.335);--easeOut-circ:cubic-bezier(0.075,0.82,0.165,1);--easeInOut-circ:cubic-bezier(0.785,0.135,0.15,0.86);--easeIn-back:cubic-bezier(0.6,-0.28,0.735,0.045);--easeOut-back:cubic-bezier(0.175,0.885,0.32,1.275);--easeInOut-back:cubic-bezier(0.68,-0.55,0.265,1.55);--size-ipad-long:1024px;--size-ipad-short:768px;--size-ipadPro10inch-long:1112px;--size-ipadPro10inch-short:834px}@keyframes funyafunya{0%{border-radius:50% 50% 50% 70%/50% 50% 70% 60%}12.5%{border-radius:80% 30% 50% 50%/50%}25%{border-radius:40% 40% 50%/30% 50% 50%}37.5%{border-radius:20% 30% 56% 70%/80% 50% 70% 20%}50%{border-radius:5%}62.5%{border-radius:3%}75%{border-radius:2%}86.5%{border-radius:1%}to{border-radius:0}}.main{font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,游ゴシック Medium,YuGothic,YuGothicM,Hiragino Kaku Gothic ProN,メイリオ,Meiryo,sans-serif;font-family:var(--fontFamily-base)}.main *,.main :after,.main :before{box-sizing:border-box}.main pre{font-family:monospace,serif;font-family:var(--fontFamily-mono);font-weight:400;font-weight:var(--fontWeight-normal)}@media (min-width:768px){.main .-hidden-pc{display:none!important}}@media (max-width:767px){.main .-hidden-sp{display:none!important}}.main .-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}:root{--blue:#00aeeb;--red:#de2020;--ratio:0.9;--baseVwPc:calc(0.625vw*var(--ratio));--baseVwSp:1.33333vw;--borderRadiusButton:9999px;--fontFigtree:"Figtree",sans-serif;--app-height:100%;--border-radius-1:39% 61% 42% 58%/45% 48% 52% 55%;--border-radius-2:50% 50% 48% 52%/52% 53% 47% 48%;--border-radius-3:60% 40% 58% 42%/38% 57% 43% 62%;--border-radius-4:50% 50% 46% 54%/51% 38% 62% 49%}@keyframes morphing1{0%{border-radius:39% 61% 42% 58%/45% 48% 52% 55%;border-radius:var(--border-radius-1)}25%{border-radius:50% 50% 48% 52%/52% 53% 47% 48%;border-radius:var(--border-radius-2)}50%{border-radius:60% 40% 58% 42%/38% 57% 43% 62%;border-radius:var(--border-radius-3)}75%{border-radius:50% 50% 46% 54%/51% 38% 62% 49%;border-radius:var(--border-radius-4)}to{border-radius:39% 61% 42% 58%/45% 48% 52% 55%;border-radius:var(--border-radius-1)}}@keyframes morphing2{0%{border-radius:50% 50% 48% 52%/52% 53% 47% 48%;border-radius:var(--border-radius-2)}25%{border-radius:60% 40% 58% 42%/38% 57% 43% 62%;border-radius:var(--border-radius-3)}50%{border-radius:50% 50% 46% 54%/51% 38% 62% 49%;border-radius:var(--border-radius-4)}75%{border-radius:39% 61% 42% 58%/45% 48% 52% 55%;border-radius:var(--border-radius-1)}to{border-radius:50% 50% 48% 52%/52% 53% 47% 48%;border-radius:var(--border-radius-2)}}@keyframes morphing3{0%{border-radius:60% 40% 58% 42%/38% 57% 43% 62%;border-radius:var(--border-radius-3)}25%{border-radius:50% 50% 46% 54%/51% 38% 62% 49%;border-radius:var(--border-radius-4)}50%{border-radius:39% 61% 42% 58%/45% 48% 52% 55%;border-radius:var(--border-radius-1)}75%{border-radius:50% 50% 48% 52%/52% 53% 47% 48%;border-radius:var(--border-radius-2)}to{border-radius:60% 40% 58% 42%/38% 57% 43% 62%;border-radius:var(--border-radius-3)}}.anchor{padding-top:8.8rem}@media (max-width:767px){.anchor{padding-top:2.4rem;margin-bottom:-3.2rem}}.anchor .anchorList{overflow:hidden}.anchor .anchorList ul{display:flex;align-items:center;justify-content:center}@media (max-width:767px){.anchor .anchorList ul{flex-wrap:wrap;justify-content:space-between}}.anchor .anchorList ul li{width:24.4rem;height:6.3rem;display:flex;background-color:#e9f4fb;border-radius:9999px;cursor:pointer;align-items:center;justify-content:center;font-size:1.6rem;font-weight:700;position:relative;letter-spacing:.1em}@media (min-width:768px){.anchor .anchorList ul li:not(:first-of-type){margin-left:1rem}}@media (max-width:767px){.anchor .anchorList ul li{width:calc(50% - 1.6rem);margin-top:2.4rem;font-size:2.4rem}}.anchor .anchorList ul li img{width:1.3rem;position:absolute;right:2rem;transition-property:transform;transition-duration:.2s}@media (max-width:767px){.anchor .anchorList ul li img{width:1.5rem}}@media (min-width:768px){.anchor .anchorList ul li:hover img{transform:translateY(.2rem)}}.product{padding-top:12rem;padding-bottom:11.2rem}@media (max-width:767px){.product{padding-top:13.6rem;padding-bottom:7.2rem}}.product img{width:100%}.product .product__list{margin-top:1rem}@media (min-width:768px){.product .product__list .product__items{display:flex;flex-wrap:wrap;margin-left:-4rem}}.product .product__list .product__items .product__item{margin-top:5rem}@media (min-width:768px){.product .product__list .product__items .product__item{padding-left:4rem}}@media (max-width:767px){.product .product__list .product__items .product__item{margin-top:4rem}}.product .product__list .product__items .product__item a{text-decoration:none;position:relative;box-shadow:0 0 30px rgba(52,137,178,.15);border-radius:32px;display:block;height:100%;padding:4.8rem 3.2rem 6.4rem;transition-property:box-shadow;transition-duration:.5s}@media (max-width:767px){.product .product__list .product__items .product__item a{padding:7.2rem 4rem 10.4rem;border-radius:16px}}.product .product__list .product__items .product__item a .product__itemNotes{font-size:1.2rem;margin-top:1rem;line-height:1.8;color:#8d8d8d}@media (max-width:767px){.product .product__list .product__items .product__item a .product__itemNotes{font-size:1.8rem;margin-top:2.4rem}}.product .product__list .product__items .product__item a .product__itemArrow{width:4rem;height:4rem;background-color:#00aeeb;background-color:var(--blue);border-radius:50%;position:absolute;bottom:3.2rem;right:3.2rem}@media (min-width:768px){.product .product__list .product__items .product__item a:hover{box-shadow:0 0 10px rgba(52,137,178,.8)}}.product .product__list .product__items .product__item .product__itemImage{display:flex;align-items:flex-end;justify-content:center}.product .product__list .product__items .product__item .product__itemImage img{width:auto;max-height:100%}.product .product__list .product__items .product__item .product__itemName{font-size:2.4rem;font-weight:700;text-align:center;color:#00aeeb;color:var(--blue);letter-spacing:.05em;margin-top:3.2rem}@media (max-width:767px){.product .product__list .product__items .product__item .product__itemName{font-size:3.2rem;margin-top:4.8rem}}.product .product__list .product__items .product__item .product__itemText{font-size:1.6rem;margin-top:2rem;letter-spacing:.01em;line-height:1.6}@media (max-width:767px){.product .product__list .product__items .product__item .product__itemText{font-size:2.4rem;margin-top:4rem}}@media (min-width:768px){.product .product__list .product__items .product__item.-half{width:50%}}@media (min-width:768px){.product .product__list .product__items .product__item.-full{width:100%}}.product.-waterserver .section__titleWave{transition-delay:.9s}.product.-waterserver .product__item--0 .product__itemImage img,.product.-waterserver .product__item--1 .product__itemImage img{height:31.1rem}.product.-waterserver .product__item--2 .product__itemImage img,.product.-waterserver .product__item--3 .product__itemImage img{height:31rem}.product.-waterserver .product__item--0 .product__itemImage img{height:31.1rem}.product.-waterserver .product__item--1 .product__itemImage img,.product.-waterserver .product__item--2 .product__itemImage img,.product.-waterserver .product__item--3 .product__itemImage img{height:31rem}.product.-bottle .section__titleWave{transition-delay:.6s}.product.-bottle .product__item--0 .product__itemImage,.product.-bottle .product__item--0 .product__itemImage img,.product.-bottle .product__item--1 .product__itemImage{height:31rem}.product.-bottle .product__item--1 .product__itemImage img{height:25.2rem}.product.-bottle .product__item--2{border-radius:32px;padding:4.8rem 3.2rem 6.4rem}.product.-bottle .product__item--2 .product__itemStorage__title{font-size:2.2rem;font-weight:700;text-align:center;line-height:1.8;letter-spacing:.02em}@media (max-width:767px){.product.-bottle .product__item--2 .product__itemStorage__title{font-size:3.2rem}}.product.-bottle .product__item--2 .product__itemStorage__title small{font-size:1.6rem;text-align:center;display:block}@media (max-width:767px){.product.-bottle .product__item--2 .product__itemStorage__title small{font-size:2.4rem}}.product.-bottle .product__item--2 .product__itemStorage__items{margin-top:1rem}@media (min-width:768px){.product.-bottle .product__item--2 .product__itemStorage__items{display:flex}}@media (min-width:768px){.product.-bottle .product__item--2 .product__itemStorage__items .product__itemStorage__item{width:50%}}.product.-bottle .product__item--2 .product__itemStorage__items .product__itemStorage__item .product__itemImage{height:29.5rem}.product.-bottle .product__item--2 .product__itemStorage__items .product__itemStorage__item .product__itemText{font-size:1.4rem;text-align:center}@media (max-width:767px){.product.-bottle .product__item--2 .product__itemStorage__items .product__itemStorage__item .product__itemText{font-size:2.4rem;margin-top:1.6rem}}.product.-bottle .product__item--2 .product__itemStorage__items .product__itemStorage__item.product__itemStorage__item--0 .product__itemImage img{height:24.9rem}@media (max-width:767px){.product.-bottle .product__item--2 .product__itemStorage__items .product__itemStorage__item.product__itemStorage__item--1{margin-top:8rem}}.product.-bottle .product__item--2 .product__itemStorage__items .product__itemStorage__item.product__itemStorage__item--1 .product__itemImage img{height:29.5rem}.product.-ziaco .section__titleWave{transition-delay:1.3s}@media (min-width:768px){.product.-ziaco .product__list .product__items .product__item a{display:flex;align-items:center}}@media (min-width:768px){.product.-ziaco .product__list .product__items .product__item a .product__itemImage{width:50%}}.product.-ziaco .product__list .product__items .product__item a .product__itemImage img{width:42.9rem}@media (min-width:768px){.product.-ziaco .product__list .product__items .product__item a .product__itemColumn{width:50%;padding-right:5.6rem}}@media (min-width:768px){.product.-ziaco .product__list .product__items .product__item a .product__itemColumn .product__itemName{text-align:left}}.product.-other .section__titleWave{transition-delay:.75s}.product.-other .product__item--0 .product__itemImage img,.product.-other .product__item--1 .product__itemImage img{height:21.4rem}.product.-other .product__item--2 .product__itemImage img,.product.-other .product__item--3 .product__itemImage img{height:22.7rem}.product.-other .product__item--0 .product__itemImage img{height:21.4rem}.product.-other .product__item--1 .product__itemImage img{height:21.3rem}.product.-other .product__item--2 .product__itemImage img{height:21rem}.product.-other .product__item--3 .product__itemImage img{height:22.7rem}.-observe[data-observe-type=y]{transition-property:opacity,transform;transition-duration:2s;transition-timing-function:cubic-bezier(.15,.46,.08,.95)}.-observe[data-observe-type=y]:not(.-show){opacity:0;transform:translateY(40px)}.-observe[data-observe-type=title] span{transition-property:opacity,transform;transition-duration:2s;transition-timing-function:cubic-bezier(.15,.46,.08,.95)}.-observe[data-observe-type=title] span:first-of-type{transition-delay:0s}.-observe[data-observe-type=title] span:nth-of-type(2){transition-delay:.05s}.-observe[data-observe-type=title] span:nth-of-type(3){transition-delay:.1s}.-observe[data-observe-type=title] span:nth-of-type(4){transition-delay:.15s}.-observe[data-observe-type=title] span:nth-of-type(5){transition-delay:.2s}.-observe[data-observe-type=title] span:nth-of-type(6){transition-delay:.25s}.-observe[data-observe-type=title] span:nth-of-type(7){transition-delay:.3s}.-observe[data-observe-type=title] span:nth-of-type(8){transition-delay:.35s}.-observe[data-observe-type=title] span:nth-of-type(9){transition-delay:.4s}.-observe[data-observe-type=title] span:nth-of-type(10){transition-delay:.45s}.-observe[data-observe-type=title] span:nth-of-type(11){transition-delay:.5s}.-observe[data-observe-type=title] span:nth-of-type(12){transition-delay:.55s}.-observe[data-observe-type=title] span:nth-of-type(13){transition-delay:.6s}.-observe[data-observe-type=title] span:nth-of-type(14){transition-delay:.65s}.-observe[data-observe-type=title] span:nth-of-type(15){transition-delay:.7s}.-observe[data-observe-type=title] span:nth-of-type(16){transition-delay:.75s}.-observe[data-observe-type=title] span:nth-of-type(17){transition-delay:.8s}.-observe[data-observe-type=title] span:nth-of-type(18){transition-delay:.85s}.-observe[data-observe-type=title] span:nth-of-type(19){transition-delay:.9s}.-observe[data-observe-type=title] span:nth-of-type(20){transition-delay:.95s}.-observe[data-observe-type=title] span:nth-of-type(21){transition-delay:1s}.-observe[data-observe-type=title] span:nth-of-type(22){transition-delay:1.05s}.-observe[data-observe-type=title] span:nth-of-type(23){transition-delay:1.1s}.-observe[data-observe-type=title] span:nth-of-type(24){transition-delay:1.15s}.-observe[data-observe-type=title] span:nth-of-type(25){transition-delay:1.2s}.-observe[data-observe-type=title] span:nth-of-type(26){transition-delay:1.25s}.-observe[data-observe-type=title] span:nth-of-type(27){transition-delay:1.3s}.-observe[data-observe-type=title] span:nth-of-type(28){transition-delay:1.35s}.-observe[data-observe-type=title] span:nth-of-type(29){transition-delay:1.4s}.-observe[data-observe-type=title] span:nth-of-type(30){transition-delay:1.45s}.-observe[data-observe-type=title] .section__titleWave{transition-property:-webkit-clip-path;transition-property:clip-path;transition-property:clip-path,-webkit-clip-path;transition-duration:.5s;transition-timing-function:cubic-bezier(.15,.46,.08,.95)}.-observe[data-observe-type=title]:not(.-show) span{opacity:0;transform:translateY(40px)}.-observe[data-observe-type=title]:not(.-show) .section__titleWave{-webkit-clip-path:inset(0 50%);clip-path:inset(0 50%)}.-observe[data-observe-type=title].-show .section__titleWave{-webkit-clip-path:inset(0 0);clip-path:inset(0 0)}.-observe[data-observe-type=wave]{transition-property:-webkit-clip-path;transition-property:clip-path;transition-property:clip-path,-webkit-clip-path;transition-duration:.5s;transition-timing-function:cubic-bezier(.15,.46,.08,.95)}.-observe[data-observe-type=wave]:not(.-show){-webkit-clip-path:inset(0 50%);clip-path:inset(0 50%)}.-observe[data-observe-type=wave].-show{-webkit-clip-path:inset(0 0);clip-path:inset(0 0)}

.anchor .anchorList ul{
  flex-wrap: wrap;
}
.anchor .anchorList ul li{
      width: 36.4rem;
  margin-bottom:1em;
}
.product .product__list .product__items + .caption{
  text-align: center;
  font-size:1.6rem;
  margin-top:4.5em;
  line-height: 1.5;
}

@media (max-width:767px){
  .anchor .anchorList ul li{
    width: 49%;
    margin-bottom:0em;
    font-size: 2vw;
  }
  .product.-waterserver2 .product__item--0 .product__itemImage img {
    height: 31.1rem;
  }
}

.floating-banner{
  position:fixed;
  bottom:0px;
  left:0px;
  width:100%;
  z-index:100;
}
.floating-banner img{
  width:100%;
}



.product .product__list .product__items .product__item,
.product .product__list .product__items .product__item a {
  position: relative;
}
.product .product__list .product__items .product__item a .product__itemTags {
  left: 15px;
  position: absolute;
  top: 45px;
}
.product .product__list .product__items .product__item a .product__itemTags li {
  background: #f2f9fe;
  border: 1px solid var(--blue);
  border-radius: 5px;
  color: var(--blue);
  font-size: 1.4rem;
  font-weight: 700;
  height: 30px;
  line-height: 30px;
  margin-bottom: 6px;
  text-align: center;
  width: 112px;
}
.product .product__list .product__items .product__item a .product__itemColor {
  background: #f6f6f6;
  border-radius: 5px;
  font-size: 1.2rem;
  position: absolute;
  right: 15px;
  top: 45px;
  width: 112px;
}
.product .product__list .product__items .product__item a .product__itemColor dt,
.product .product__list .product__items .product__item a .product__itemColor dd {
  min-height: 24px;
  line-height: 24px;
  text-align: center;
}
.product .product__list .product__items .product__item a .product__itemColor dd span::before {
  border: 1px solid #b9b9b9;
  border-radius: 50%;
  content: '';
  display: inline-block;
  height: 7px;
  width: 7px;
}
.product .product__list .product__items .product__item a .product__itemColor dd span.white::before {
  background: #fff;
}
.product .product__list .product__items .product__item a .product__itemColor dd span.black::before {
  background: #000;
}
.product .product__list .product__items .product__item a .product__itemIcons {
  align-items: stretch;
  display: flex;
  justify-content: flex-start;
  left: -17px;
  margin-top: 2rem;
  position: relative;
}
.product .product__list .product__items .product__item a .product__itemIcons li {
  margin: 0 3px;
  width: 66px;
}
.product .product__list .product__items .product__item a .product__itemButton {
  align-items: center;
  background: var(--blue);
  border-radius: 2rem;
  bottom: 3.2rem;
  color: #fff;
  display: flex;
  font-size: 1.6rem;
  font-weight: 700;
  height: 4rem;
  justify-content: space-between;
  padding: 0 1rem 0 3rem;
  position: absolute;
  right: 3.2rem;
  width: 180px;
}
.product .product__list .product__items .product__item a .product__itemButton img {
  height: 100%;
  width: auto;
}
.product .product__list .product__items .product__item .product__itemBnr {
  align-items: center;
  background: #fafafa;
  border: 1px solid var(--blue);
  border-radius: 5px;
  display: flex;
  flex-direction: column;
  height: 200px;
  justify-content: space-between;
  padding: 10px 10px 0;
  position: absolute;
  right: 15px;
  top: 123px;
  width: 148px;
}
.product .product__list .product__items .product__item .product__itemBnr--text p {
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.25;
  margin-bottom: .5em;
}
.product .product__list .product__items .product__item .product__itemBnr--text a {
  align-items: center;
  border-radius: 0;
  box-shadow: none;
  color: #569dbd;
  display: flex;
  font-size: 1.1rem;
  height: auto;
  justify-content: space-between;
  line-height: 1.5;
  padding: 0;
}
.product .product__list .product__items .product__item .product__itemBnr--text img {
  width: 9px;
}
.product .product__list .product__items .product__item .product__itemBnr--image {
  display: block;
}
@media (max-width: 767px) {
  .product .product__list .product__items .product__item.-hasbnr  a {
    padding-bottom: calc(15rem + 117px);
  }
  .product .product__list .product__items .product__item a .product__itemTags {
    left: 11px;
    top: 22px;
  }
  .product .product__list .product__items .product__item a .product__itemTags li {
    border-radius: 5px;
    font-size: 2rem;
    height: 22px;
    line-height: 22px;
    margin-bottom: 3px;
    width: 78px;
  }
  .product .product__list .product__items .product__item a .product__itemColor {
    font-size: 1.8rem;
    padding-bottom: 5px;
    right: 11px;
    top: 22px;
    width: 82px;
  }
  .product .product__list .product__items .product__item a .product__itemColor dd {
    height: auto;
    line-height: 1;
    min-height: initial;
  }
  .product .product__list .product__items .product__item a .product__itemColor dd span {
    display: block;
  }
  .product .product__list .product__items .product__item a .product__itemIcons {
    left: -14px;
    margin-top: 3rem;
    position: relative;
  }
  .product .product__list .product__items .product__item a .product__itemIcons li {
    width: 50px;
  }
  .product .product__list .product__items .product__item a .product__itemButton {
    border-radius: 13px;
    font-size: 2.3rem;
    height: 26px;
    padding: 0 1rem 0 4rem;
    width: 150px;
  }
  .product .product__list .product__items .product__item .product__itemBnr {
    align-items: flex-end;
    bottom: 12rem;
    display: flex;
    flex-direction: row;
    height: 117px;
    justify-content: space-between;
    left: 4rem;
    padding: 2rem 2rem 0;
    right: auto;
    top: auto;
    width: calc(100% - 8rem);
  }
  .product .product__list .product__items .product__item .product__itemBnr--text {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
    order: 1;
    padding-bottom: 1rem;
  }
  .product .product__list .product__items .product__item .product__itemBnr--text p {
    flex-grow: 1;
    font-size: 2.7rem;
    margin-bottom: 0;
  }
  .product .product__list .product__items .product__item .product__itemBnr--text a {
    font-size: 2.5rem;
    font-weight: 700;
    display: inline-flex;
    margin-bottom: .25em;
    padding-bottom: 0;
  }
  .product .product__list .product__items .product__item .product__itemBnr--text a img {
    margin-left: .5em;
  }
  .product .product__list .product__items .product__item .product__itemBnr--image {
    margin-right: 2rem;
    order: 0;
  }
  .product .product__list .product__items .product__item .product__itemBnr--image img {
    width: 72px;
  }
}
.ranking .section__title span br.sp {
  display: none;
}
.product .section__title .title__ranking {
  align-items: center;
  display: flex;
  justify-content: center;
  font-size: 3.4rem;
  font-weight: 500;
}
.product .section__title .title__ranking::before,
.product .section__title .title__ranking::after {
  background: var(--blue);
  border-radius: 1.5px;
  content: '';
  display: inline-block;
  height: 36px;
  margin: 1rem;
  width: 3px;
  position: relative;
  top: .75rem;
}
.product .section__title .title__ranking::before {
  transform: rotate(-40deg);
}
.product .section__title .title__ranking::after {
  transform: rotate(40deg);
}
.product .ranking__list .product__items .product__item {
  width: 33.333%;
}
.product .ranking__list .product__items .product__item a {
  background: #fff7de;
  padding-bottom: 4rem;
}
.product .ranking__list .product__items .product__item a .product__itemName {
  font-size: 2.2rem;
  font-weight: 600;
  padding-right: 2rem;
}
.product .ranking__list .product__items + .caption {
  font-size: 1.2rem;
  margin-top: 2em;
  text-align: right;
}
@media (max-width: 767px) {
  .ranking .section__title span {
    line-height: 1.5;
  }
  .ranking .section__title span br.sp {
    display: block;
  }
  .product .section__title .title__ranking {
    font-size: 3rem;
    font-weight: 600;
  }
  .product .ranking__list .product__items {
    align-items: stretch;
    display: flex;
    justify-content: space-between;
  }
  .product .ranking__list .product__items .product__item {
    width: 30%;
  }
  .product .ranking__list .product__items .product__item a {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding: 5rem 0 10.4rem;
  }
  .product .ranking__list .product__items .product__item a .product__itemImage {
    order: 2;
  }
  .product .ranking__list .product__items .product__item a .product__itemImage img {
    max-width: initial;
    width: 100%;
  }
  .product .ranking__list .product__items .product__item a .product__itemImage:first-of-type {
    order: 0;
    width: 80%;
  }
  .product .ranking__list .product__items .product__item a .product__itemName {
    order: 1;
    padding-right: 0;
  }
  .product .section__title .title__ranking::before,
  .product .section__title .title__ranking::after {
    height: 20px;
    width: 2px;
  }
  .product .ranking__list .product__items + .caption {
    font-size: 2rem;
    margin-top: 1em;
  }
}
.comp {
  max-width: initial;
  width: calc(1290px + (77px * 2));
}
.comp__wrapper {
  position: relative;
}
.comp__slider {
  margin-top: 4rem;
}
.comp__slider::before,
.comp__slider::after {
  background: rgba(255,255,255,.6);
  content: '';
  display: block;
  height: 100%;
  position: absolute;
  top: 0;
  width: 77px;
  z-index: 100;
}
.comp__slider::before {
  left: 0;
}
.comp__slider::after {
  right: 0;
}
.comp__items {
  align-items: stretch;
  margin: 0 77px;
}
.comp__item {
  background: #fafafa;
  border: 1px solid var(--blue);
  border-radius: 20px;
  height: auto;
  padding: 20px 20px 40px;
  width: 250px;
}
.comp__item--large {
  width: 480px;
}
.comp__item--transparent {
  border: 0;
  height: 0;
  width: 134px;
}
.comp__itemName {
  color: var(--blue);
  font-size: 2.2rem;
  font-weight: 500;
  height: 50px;
  line-height: 1.25;
  margin-bottom: 1em;
  text-align: center;
}
.comp__itemImage {
  text-align: center;
}
.comp__itemImage img {
  height: 310px;
  max-width: 100%;
  mix-blend-mode: multiply;
  width: auto;
}
.comp__item table {
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 2;
  margin-top: 4rem;
  text-align: center;
  width: 100%;
}
.comp__item table tr th {
  padding-bottom: 2rem;
  position: relative;
}
.comp__item table tr th::before {
  background: var(--blue);
  content: '';
  display: block;
  height: 1px;
  left: 0;
  position: absolute;
  top: 1em;
  width: 100%;
}
.comp__item table tr th span {
  background: #fafafa;
  color: var(--blue);
  display: inline-block;
  padding: 0 1em;
  position: relative;
  z-index: 1;
}
.comp__item table tr td {
  color: #8d8d8d;
  padding-bottom: 2rem;
  position: relative;
}
.comp__item--large table tr td:first-child {
  padding-right: 20px;
}
.comp__item--large table tr td:not(:first-child) {
  padding-left: 20px;
}
.comp__item--large table tr td:not(:first-child)::before {
  background: url(../images/lineup/dot.png) repeat-y 0 0;
  content: '';
  display: block;
  height: calc(100% + 12px);
  left: 0;
  position: absolute;
  top: -12px;
  width: 2px;
}
.comp__item--large table tr.comp__itemVal td:not(:first-child)::before {
  height: 100%;
  top: 0;
}
.comp__item table tr td div.cold {
  color: #4ca0d5;
}
.comp__item table tr td div.hot {
  color: #ea4e34;
  position: relative;
}
.comp__item table tr td div.cold small,
.comp__item table tr td div.hot small {
  font-size: 1.2rem;
}
.comp__item table tr td div.hot span {
  color: #8d8d8d;
  display: block;
  font-size: 1.4rem;
  line-height: 1;
}
.comp__item table tr td div.ml {
  line-height: 1;
  margin-bottom: 1rem;
}
.comp__item table tr.comp__itemVal {
  height: 48px;
}
.comp__itemVal span {
  border: 1px solid var(--blue);
  border-radius: 5px;
  color: var(--blue);
  display: block;
  height: 30px;
  margin: auto;
  text-align: center;
  width: 90%;
}
.comp__itemColor {
  align-items: stretch;
  border-radius: 5px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: auto;
  min-height: 93px;
  width: 150px;
}
.comp__itemColor dt,
.comp__itemColor dd {
  background: #f6f6f6;
  min-height: 31px;
  line-height: 31px;
  text-align: center;
}
.comp__itemColor dt {
  border-radius: 5px 5px 0 0;
}
.comp__itemColor dd {
  border-radius: 0 0 5px 5px;
}
.comp__itemColor dd span::before {
  border: 1px solid #b9b9b9;
  border-radius: 50%;
  content: '';
  display: inline-block;
  height: 9px;
  width: 9px;
}
.comp__itemColor dd span.white::before {
  background: #fff;
}
.comp__itemColor dd span.black::before {
  background: #000;
}
.comp__itemType img {
  margin-top: 1rem;
  width: 38px;
}
.comp__itemIcons {
  height: 120px;
}
.comp__itemIcons ul {
  align-items: center;
  display: flex;
  justify-content: center;
  left: -1px;
  height: 98px;
  margin-bottom: 4px;
  position: relative;
}
.comp__itemIcons ul.comp__itemIcons--top {
  height: auto;
  left: 0;
  position: absolute;
  top: -17px;
  width: 100%;
}
.comp__itemIcons ul.comp__itemIcons--bottom {
  height: auto;
  left: 0;
  position: absolute;
  top: 53px;
  width: 100%;
}
.comp__itemIcons ul li {
  margin: 0 2px;
  width: 66px;
}
.comp__item table tr.comp__itemCap td {
  vertical-align: top;
}
.comp__itemCap--wrap {
  align-items: center;
  display: flex;
  flex-direction: column;
  height: 100px;
  justify-content: center;
}
.comp__itemTemp {
  height: 118px;
  position: relative;
}
.comp__item table tr.comp__itemTemp td {
  padding-bottom: 0;
  vertical-align: top;
}
.comp__itemTemp.ab td {
  left: -6px;
  position: absolute;
  width: 220px;
}
.comp__itemTemp--wrap {
  align-items: center;
  display: flex;
  flex-direction: column;
  height: 100px;
  justify-content: center;
}
.comp__item table .comp__itemTemp.ab td div.cold {
  margin-top: .8rem;
}
.comp__item table .comp__itemTemp.ab td div.hot span {
  margin-top: .8rem;
}
.comp__itemSize {
  line-height: 1.33;
  margin-bottom: .5rem;
}
.comp__itemFree img {
  margin: 1rem 0;
  width: 54px;
}
.comp__itemCost {
  height: 140px;
}
.comp__itemButton a {
  align-items: center;
  background: var(--blue);
  border-radius: 2rem;
  color: #fff;
  display: flex;
  font-size: 1.6rem;
  font-weight: 700;
  height: 4rem;
  justify-content: center;
  padding: 0 1rem 0 3rem;
  text-decoration: none;
  width: 100%;
}
.comp__itemButton a img {
  height: 100%;
  width: auto;
}

.adjust-dots::before {
  top: 4px !important;
}

/* スクロール追従用Style */
.comp__itemName.-clone {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  padding-block: 0.4em;
  z-index: 2;
  background-color: var(--blue);
  color: #ffffff;
  
  transition: opacity 0.3s 0s, transform 0.3s 0s;
  opacity: 0;
  transform: translate(0px, -30px);
}

.comp__items.is_scroll .comp__itemName.-clone {
  opacity: 1;
  transform: translate(0px, 0px);
}
/* スクロール追従用Style End */


.swiper-button-next,
.swiper-button-prev {
  border: 1px solid var(--blue);
  border-radius: 50%;
  height: 35px;
  width: 35px;
}
.swiper-button-next {
  right: -16px;
}
.swiper-button-prev {
  left: -16px;
}
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
  opacity: 0;
}
.swiper-button-next:after,
.swiper-button-prev:after {
  color: var(--blue);
  font-size: 1.9rem;
}
@media (max-width: 767px) {
  .comp {
    padding: 0;
    width: 100%;
  }
  .comp__slider::before,
  .comp__slider::after {
    display: none;
  }
  .comp__items {
    margin: 0 3.2rem;
  }
  .comp__item {
    padding: 20px 10px 30px;
    width: 170px;
  }
  .comp__item--large {
    width: 320px;
  }
  .comp__item--transparent {
    width: calc((3.2rem * 2) - 4px);
  }
  .comp__itemName {
    font-size: 3.2rem;
  }
  .comp__itemImage img {
    height: 200px;
  }
  .comp__item table {
    font-size: 2rem;
  }
  .comp__item table tr th {
    padding-bottom: 3rem;
  }
  .comp__item table tr td {
    padding-bottom: 3rem;
  }
  .comp__item--large table tr td:first-child {
    padding-right: 10px;
  }
  .comp__item--large table tr td:not(:first-child) {
    padding-left: 10px;
  }
  .comp__item--large table tr td:not(:first-child)::before {
    height: calc(100% + 10px);
  }
  .comp__item table tr.comp__itemVal {
    height: 30px;
  }
  .comp__item table tr.comp__itemVal td {
    padding-bottom: 2rem;
  }
  .comp__itemVal span {
    height: 20px;
    line-height: 18px;
  }
  .comp__itemColor {
    min-height: 72px;
    width: 90%;
  }
  .comp__itemColor dt,
  .comp__itemColor dd {
    min-height: 24px;
    line-height: 24px;
  }
  .comp__itemColor dd span::before {
    height: 7px;
    width: 7px;
  }
  .comp__itemType img {
    width: 30px;
  }
  .comp__itemIcons {
    height: 80px;
  }
  .comp__itemIcons ul {
    height: 60px;
  }
  .comp__itemIcons ul.comp__itemIcons--bottom {
    top: 32px;
  }
  .comp__itemIcons ul li {
    margin: 0 1.5px;
    width: 46px;
  }
  .comp__itemCap--wrap {
    height: 60px;
  }
  .comp__itemTemp {
    height: 75px;
  }
  .comp__itemTemp.ab td {
    position: static;
    width: auto;
  }
  .comp__itemTemp--wrap {
    height: 60px;
  }
  .comp__itemCost {
    height: 120px;
  }
  .comp__itemButton a {
    border-radius: 13px;
    font-size: 2.3rem;
    font-weight: 700;
    height: 26px;
    margin: auto;
    padding: 0 1rem 0 4rem;
    width: 96%;
  }
  .swiper-button-next,
  .swiper-button-prev {
    background: #fff;
    border: 1px solid var(--blue);
    height: 24px;
    width: 24px;
  }
  .swiper-button-next {
    right: 24px;
  }
  .swiper-button-prev {
    left: 24px;
  }
  .swiper-button-next:after,
  .swiper-button-prev:after {
    font-size: 2.2rem;
  }
}
.faq {
  font-family: YakuHanJP, YuGothicM, YuGothic, -apple-system, BlinkMacSystemFont, Hiragino Kaku Gothic ProN, Meiryo, sans-serif;
  font-size: 1.78rem;
  line-height: 1.7;
}
.faq .p_cnt_ttl {
  font-size: 2.4rem;
  margin-bottom: 20px;
  padding-bottom: 15px;
  border-bottom: 1px solid #d9d9d9;
  position: relative;
}
.faq_list{
  border:solid 1px #d9d9d9;
  background-color:#FFF;
}
.faq_list > div{
  border-bottom:solid 1px #d9d9d9;
}
.faq_list > div dt{
  display:flex;
  padding:0.7em 2em 1em 1em;
  font-weight: bold;
  background: url(/assets/lineup/img/fit/icon_plus.png) 98% center/ 1em no-repeat;
  cursor: pointer;
}
.faq_list > div:last-of-type{
  border-bottom:none;
}
.faq_list > div dt.btn_on{
  background: url(/assets/lineup/img/fit/icon_minus.png) 98% center/ 1em no-repeat;
}
.faq_list > div dt p{
  margin-right:0.8em;
}
.faq_list > div dd{
  padding:0.7em 1em;
  display:none;
}
.faq_list > div dd > div{
  display:flex;
}
.faq_list > div dd p{
  margin-right:0.8em;
  color:#589ebe;
  font-weight: bold;
}
.faq_list > div dd span{
  font-size:0.8em;
}
@media all and (min-width: 0px) and (max-width: 767px) {
  .faq {
    font-size: 3.2rem;
  }
  .faq .p_cnt_ttl {
    font-size: 3.2rem;
    margin-bottom: 15px;
    padding-bottom: 10px;
  }
  .faq_list > div dt{
    padding:0.7em 2.5em 1em 1em;
    background: url(/assets/lineup/img/fit/icon_plus.png) 95% center/ 1em no-repeat;
  }
  .faq_list > div dt.btn_on{
    background: url(/assets/lineup/img/fit/icon_minus.png) 95% center/ 1em no-repeat;
  }
}





/* ==================
* post-contents
* ================== */
.post-contents .post__flex {
  display: flex;
  justify-content: space-between;
  gap: 5rem;
  margin-top: 5rem;
}

.post__item {
  width: 50%;
}

.post__inner {
  text-decoration: none;
  position: relative;
  box-shadow: 0 0 30px rgba(52, 137, 178, .15);
  border-radius: 32px;
  display: block;
  height: 100%;
  padding: 3.4rem 3.2rem 3.7rem;
  transition-property: box-shadow;
  transition-duration: .5s;
}

.post__inner:hover {
  box-shadow: 0 0 10px rgba(52,137,178,.8);
}

.post__title {
  line-height: 1.8;
  font-size: 2.4rem;
  text-align: center;
  color: var(--blue);
}

.post__image {
  width: 100%;
  margin-top: 3rem;
  border-radius: 4rem;
}

.post__sentence {
  font-size: 1.6rem;
  margin-top: 2rem;
  line-height: 1.6;
  letter-spacing: .01em;
}

.post__button {
  margin-top: 2.5rem;
  background: var(--blue);
  border-radius: 99rem;
  color: #fff;
  display: flex;
  font-size: 2rem;
  font-weight: 700;
  padding: 0.8rem 2rem 0.6rem;
  justify-content: center;
  text-decoration: none;
  width: 100%;
  height: auto;
  align-items: center;
  line-height: 1;
}

.post__button img {
  width: 4rem;
}

@media screen and (max-width: 767px) {
  /* sp only */
  .post-contents .post__flex {
    flex-direction: column;
    gap: 5rem;
    margin-top: 5rem;
  }

  .post__item {
    width: 100%;
  }

  .post__inner {
    padding: 3.4rem 5rem 4.2rem;
  }

  .post__title {
    font-size: 3.8rem;
  }

  .post__sentence {
    font-size: 2.4rem;
    margin-top: 4rem;
  }

  .post__button {
    font-size: 2.6rem;
    padding: 1.8rem 2rem 1.6rem;
    margin-top: 3.2rem;
  }
} /* sp only */
/* end post-contents */