#site-header {
    display: none;
}
.pc {
    display: block;
}
.sp {
    display: none;
}
.pc2 {
    display: block;
}
.sp2 {
    display: none;
}
@media screen and (max-width: 968px) {
    .pc {
        display: none;
    }
    .sp {
        display: block;
    }
}
@media screen and (max-width: 768px) {
    .pc2 {
        display: none;
    }
    .sp2 {
        display: block;
    }
}

.fv {
    background: #D5EBEE;
}
.fv-image {
    display: block;
    line-height: 0;
    margin: 0 auto;
    max-width: 1280px;
}
.btn {
    line-height: 0;
    margin: 0 auto 10px;
    width: 95%;
    max-width: 875px;
}
.sliceline1,
.sliceline2,
.sliceline3,
.sliceline6,
.sliceline7,
.sliceline8 {
    line-height: 0;
    margin: 0 auto;
    width: 95%;
    max-width: 1280px;
}
.sliceline4 {
    margin: 0 auto;
    width: 95%;
    max-width: 900px;    
}
.sliceline5,
.contact {
    margin: 0 auto;
    width: 95%;
    max-width: 875px;
}
.contact {
    padding: 35px 0 85px;
}
.sliceline1-inner,
.sliceline2-inner {
    position: relative;
}
.inbtn0 {
    margin: auto;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    max-width: 875px;
    bottom: 10px;
}
.sliceline2 {
    background-position: center top;
    background-size: cover;
}
.inbtn1,
.inbtn2 {
    margin: auto;
    width: 95%;
    max-width: 875px;
}
.inbtn1 {
    margin-bottom: -50px;
}
.inbtn2 {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

.text {
    margin: 45px 0 0;
}
.sliceline4-sliders {
    overflow: hidden;
    margin-bottom: 35px;
}
.sliceline4-slider {
    margin: 0 auto;
    width: 95%;
    max-width: 875px;
}
.sliceline4-slider,
.sliceline5-slider {
    position: relative;
}
.sliceline4-slide {
    width: 279px;
}

.sliceline5-slide {
    width: 875px;
}
.slider4-tab {
    margin: 0 0 35px;
}
.slider4-tab ul {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
    margin: 0;
    padding: 0;
}
.slider4-tab ul li {
    border-radius: 50px;
    cursor: pointer;
    font-size: 18px;
    font-weight: 700;
    list-style: none;
    margin: 0;
    padding: 5px 10px;
    position: relative;
    width: calc((100% / 5) - 20px);
    max-width: max-content;
}
.slider4-tab ul li.active {
    background: #2E9AA7;
    color: #fff;
}
.slider4-tab ul li:not(:last-child)::after {
    background: #D6ECEE;
    border-radius: 1px;
    content: "";
    display: block;
    height: 100%;
    margin: auto;
    position: absolute;
    right: -9px;
    top: 0;
    bottom: 0;
    width: 3px;
}
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
    background: url(../../images/lp20251008/right.svg) no-repeat;
}
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {
    background: url(../../images/lp20251008/left.svg) no-repeat;
}
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after,
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {
    background-position: center;
    background-size: contain;
    content: "";
    height: 100%;
    width: 100%;
}
.swiper-button-next, .swiper-button-prev {
    height: 30px;
    width: 30px;
}
.swiper-button-next, .swiper-rtl .swiper-button-prev {
    right: -20px;
}
.swiper-button-prev, .swiper-rtl .swiper-button-next {
    left: -20px;
}

@media screen and (max-width: 768px) {
    .inbtn1 {
        width: 120%;
        margin-left: -14%;
    }
    .sliceline1,
    .sliceline2,
    .sliceline3,
    .sliceline6,
    .sliceline7,
    .sliceline8,
    .sliceline4,
    .sliceline5,
    .contact {
        width: 100%;
    }
    .sliceline1-inner,
    .sliceline2-inner,
    .sliceline3-inner,
    .sliceline6-inner,
    .sliceline7-inner,
    .sliceline8-inner,
    .sliceline4-inner, {
        margin: 0 auto;
        width: 100%;
    }

    .sliceline5-inner,
    .contact-inner {
        margin: 0 auto;
        width: 95%;
    }
    .fv {
        position: relative;
    }
    .fv-btn {
        margin: auto;
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
    }
    .slider4-tab {
        margin: 25px 0 35px;
    }
    .slider4-tab ul {
        gap: 15px;
    }
    .slider4-tab ul li {
        font-size: 10px;
        padding: 2px 3px;
        width: auto;
    }
    .sliceline4-slide {
        width: 100%;
    }
    
    .sliceline5-slide {
        width: 100%;
    }
    .inbtn2 {
        position: static;
        width: 120%;
        margin-left: -15%;
    }
    .sliceline3 {
        background: #D6ECEE;
        margin: 0 0 45px;
        padding: 0 0 45px;
        width: 100%;
    }
    .sliceline3-slide[data-swiper-slide-index="0"] {
        width: 233px;
    }
    .sliceline3-slide[data-swiper-slide-index="1"],
    .sliceline3-slide[data-swiper-slide-index="2"] {
        width: 203px;
    }
    .sliceline3-slider .swiper-wrapper {
        align-items: baseline;
    }
    .sliceline3-slider {
        padding: 0 0 25px;
        position: relative;
    }
    .swiper-pagination-bullet {
        background: #D9D9D9;
        opacity: 1;
    }
    .swiper-pagination-bullet-active {
        opacity: 1;
        background: #29B6C4;
    }
    .plantext {
        margin: 25px auto 0;
        max-width: 50%;
    }
    .sliceline4 {
        padding: 0 0 35px;
    }
    .swiper-button-next, .swiper-rtl .swiper-button-prev {
        right: 0px;
    }
    .swiper-button-prev, .swiper-rtl .swiper-button-next {
        left: 0px;
    }
    .sliceline4-sliders .swiper-button-next,
    .sliceline4-sliders .swiper-button-prev {
        display: none;
    }
    .swiper-utility {
        background: #fff;
        border: 1px solid var(--main-theme-color);
        border-radius: 50px;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 15px;
        height: 48px;
        margin: 25px auto;
        position: relative;
        width: 100%;
        max-width: 320px;
    }
    .swiper-utility .swiper-horizontal>.swiper-pagination-bullets,
    .swiper-utility .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom,
    .swiper-utility .swiper-pagination-fraction {
        bottom: 17px;
        position: static;
        max-width: max-content;
    }
    .sliceline5-slider .swiper-button-next, .swiper-utility .swiper-rtl .swiper-button-prev,
    .sliceline5-slider .swiper-button-prev, .swiper-utility .swiper-rtl .swiper-button-next {
        display: none;
    }
    .swiper-utility .swiper-button-next, .swiper-utility .swiper-rtl .swiper-button-prev {
        display: flex;
        position: static;
    }
    .swiper-utility .swiper-button-prev, .swiper-utility .swiper-rtl .swiper-button-next {
        display: flex;
        position: static;
    }
    .swiper-utility .swiper-button-next, .swiper-utility .swiper-button-prev {
        margin-top: 0;
    }
}

section.floating {
    display: none;
    margin: auto;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    z-index: 999;
}
section.floating img {
    width: 100%;
    max-width: 450px;
}

@media screen and (max-width: 768px) {
    section.floating {
        display: block;
    }
}

  @media screen and (min-width: 768px) {
    .fv-btn.sp2 {
      display: none;
    }
  }
  @media screen and (max-width: 768px) {
    .fv-image {
        display: none;
    }
    .btn.pc2 {
        display: none;
    }
}