body {
  font-family: "Noto Sans JP", sans-serif;
}

a {
  text-decoration: none;
}

ul {
  padding-left: 0;
}

li {
  list-style: none;
}
.keen-slider:not([data-keen-slider-disabled]){-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;align-content:flex-start;display:flex;overflow:hidden;position:relative;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;user-select:none;-khtml-user-select:none;width:100%}.keen-slider:not([data-keen-slider-disabled]) .keen-slider__slide{min-height:100%;overflow:hidden;position:relative;width:100%}.keen-slider:not([data-keen-slider-disabled])[data-keen-slider-reverse]{flex-direction:row-reverse}.keen-slider:not([data-keen-slider-disabled])[data-keen-slider-v]{flex-wrap:wrap}

      @media screen and (max-width:768px){.is-only-pc{display:none}}.is-only-sp{display:none}@media screen and (max-width:768px){.is-only-sp{display:block}}.svg-icon{color:inherit;display:inline-block;vertical-align:middle}.svg-icon svg{fill:currentColor;stroke:none}.svg-up{transform:rotate(0)}.svg-right{transform:rotate(90deg)}.svg-down{transform:rotate(180deg)}.svg-left{transform:rotate(-90deg)}


   .business-button[data-v-b03452e9] {
    align-items: center;
    display: flex;
    justify-content: center;
    width: -moz-max-content;
    width: max-content;
    grid-gap: 6px;
    background-color: #d10d21;
    color: #fff;
    font-size: 1rem;
    font-weight: 700;
    padding: 0 12px;
    transition: all .2s ease-out
}

@media screen and (max-width: 768px) {
    .business-button[data-v-b03452e9] {
        border-radius:30px;
        font-size: .9375rem;
        height: 60px
    }
}

.business-button[data-v-b03452e9]:hover {
    opacity: .7
}

.business-button.sm[data-v-b03452e9] {
    border-radius: 30px;
    font-size: 1.2em;
    height: 60px
}

@media screen and (max-width: 768px) {
    .business-button.sm[data-v-b03452e9] {
        border-radius:25px;
        height: 50px
    }
}

.business-button.md[data-v-b03452e9] {
    border-radius: 30px;
    font-size: .9375rem;
    height: 60px
}

.business-button.lg[data-v-b03452e9] {
    border-radius: 35px;
    font-size: 1.5em;
    height: 65px
}

@media screen and (max-width: 768px) {
    .business-button.lg[data-v-b03452e9] {
         border-radius: 30px;
         height: 50px;
         font-size: 5vw;
    }
}

.business-button.grad[data-v-b03452e9] {
    background: #06c755
}

.business-button.white[data-v-b03452e9] {
    background-color: #fff;
    color: #262626
}

.business-button.white-border[data-v-b03452e9] {
    background-color: #fff;
    border: 1px solid #d10d21;
    color: #d10d21
}

.business-header[data-v-200a3ad5] {
    align-items: center;
    display: flex;
    justify-content: space-between;
    left: 0;
    padding: 60px 50px 20px;
    pointer-events: none;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 5
}

@media screen and (max-width: 768px) {
  .business-header[data-v-200a3ad5] {
    padding: 20px 16px;
    width: fit-content;
  }
}

/* 縦積み時の見た目 */
.business-header .list-link.stack {
  flex-direction: column;
  align-items: flex-end; /* 右寄せのまま縦積み */
  gap: 8px;             /* お好みで */
}

.logo[data-v-200a3ad5] {
    pointer-events: auto;
    width: 160px;
    padding-left: 30%;
}

@media screen and (max-width: 768px) {
    .logo[data-v-200a3ad5] {
        width:110px
    }
}

.list-link[data-v-200a3ad5] {
    display: flex;
    pointer-events: auto;
    grid-gap: 16px;
    list-style-type: none;
    margin-left: auto
}

.list-link .button-parent[data-v-200a3ad5] {
    width: 135px
}

@media screen and (max-width: 768px) {
    .list-link .button-parent[data-v-200a3ad5] {
        width:140px
    }
}

.button-shadow[data-v-200a3ad5] {
    box-shadow: 0 0 30px #ffffff4d
}

.business-conversion-buttons[data-v-add8e3c2] {
    display: flex;
    grid-gap: 24px;
    justify-content: center
}

@media screen and (max-width: 768px) {
    .business-conversion-buttons[data-v-add8e3c2] {
        grid-gap:16px;
        align-items: center;
        flex-direction: column-reverse
    }
}

.business-conversion-buttons .button-parent[data-v-add8e3c2] {
    width: 240px
}

.business-conversion-buttons.top[data-v-add8e3c2] {
    grid-gap: 16px
}

.business-conversion-buttons.top .button-parent[data-v-add8e3c2] {
    width: 180px
}

.business-main-visual[data-v-bf31baec] {
    overflow: hidden
}

.mv[data-v-bf31baec] {
  min-height: 672px;
  padding:75px 90px 135px;
  position: relative;
  margin-bottom: 0%;
  background-image: url(../img/banner2.png);
  background-position-x: right;
  background-repeat: no-repeat;
  background-size: 100%;
}

@media screen and (max-width: 768px) {
  .mv[data-v-bf31baec] {
    min-height: auto;
    padding: 50px 24px 230px;
    margin-bottom: 0;
    background-image: url(../img/banner-sp.png);
  }
}

.ellipse-1[data-v-bf31baec] {
    left: 50%;
    position: absolute;
    top: 0;
    transform: translate(-1100px);
    z-index: -1
}

@media screen and (max-width: 768px) {
    .ellipse-1[data-v-bf31baec] {
        transform:translate(-400px)
    }
}

.ellipse-2[data-v-bf31baec] {
    left: 50%;
    position: absolute;
    top: 0;
    transform: translate(276px);
    z-index: -1
}

@media screen and (max-width: 768px) {
    .ellipse-2[data-v-bf31baec] {
        display:none
    }
}

.heading-container[data-v-bf31baec] {
  margin: 0 5% 0 4%;
  max-width: 1260px;
  padding: 60px 0 137px;
}

@media screen and (max-width: 768px) {
    .heading-container[data-v-bf31baec] {
        padding:0
    }
}

.wave[data-v-bf31baec] {
  bottom: -12px;
  left: 70%;
  max-width: none;
  position: absolute;
  z-index: 0;
  width: 95%;
}

.wave.pc[data-v-bf31baec] {
    display: block;
    transform: translate(-770px)
}

@media screen and (max-width: 768px) {
    .wave.pc[data-v-bf31baec] {
        display:none
    }
}

.wave.sp[data-v-bf31baec] {
    display: none
}

@media screen and (max-width: 768px) {
    .wave.sp[data-v-bf31baec] {
        display:block;
        transform: translate(-700px)
    }
}

.heading-1[data-v-bf31baec] {
    color: #000;
    font-size: 5em;
    font-style: normal;
    font-weight: 700;
    letter-spacing: -4px;
    line-height: 1.15
}

.heading-1 span[data-v-bf31baec] {
    font-size: 5.5rem
}

@media screen and (max-width: 768px) {
    .heading-1 span[data-v-bf31baec] {
        font-size:2.25rem
    }

    .heading-1[data-v-bf31baec] {
        font-size: 2em;
        letter-spacing: -2px
    }


}

.description[data-v-bf31baec] {
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 37px;
    margin-top: 36px
}

@media screen and (max-width: 768px) {
    .description[data-v-bf31baec] {
        font-size:1.0625rem;
        line-height: 1.5;
        margin-top: 20px
    }
}

.buttons-parent[data-v-bf31baec] {
    display: none
}

@media screen and (max-width: 768px) {
  .buttons-parent[data-v-bf31baec] {
    display: flex;
    margin-top: 36px;
    transform: translate(135px, 185px);
  }
}

.business-introduction[data-v-bf31baec] {
    align-items: center;
    background-color:#d10d21;
    display: block;
    justify-content: center;
    min-height: 700px;
    padding: 5% 10% 5%;
    position: relative
}

@media screen and (max-width: 768px) {
    .business-introduction[data-v-bf31baec] {
        padding:42px 20px 80px
    }
}

.details[data-v-bf31baec] {
    align-items: center;
    color: #fff;
    display: flex;
    justify-content: center;
    margin: -90px auto 0;
    max-width: 1440px;
    position: relative;
    z-index: 2
}

@media screen and (max-width: 768px) {
    .details[data-v-bf31baec] {
        margin-top:-20px;
        grid-gap: 0px;
        flex-direction: column
    }
}

.heading-2[data-v-bf31baec] {
  font-size: 4em;
  color: white;
  margin: inherit;
  padding-top: 8%;
}

@media screen and (max-width: 768px) {
    .heading-2[data-v-bf31baec] {
        left: inherit;
        right: 0;
        top: 0;
        transform: translate(0);
        font-size: 10vw;
        margin-top: 0%;
        padding-top: 23%;
    }
}

.heading-2.bottom[data-v-bf31baec] {
    bottom: -8px;
    left: 50%;
    top: inherit;
    transform: translate(-720px)
}

@media screen and (max-width: 768px) {
    .heading-2.bottom[data-v-bf31baec] {
        bottom:-2px;
        height: 71px;
        left: 0;
        transform: translate(0)
    }
}

.heading-2 .pc[data-v-bf31baec] {
    display: block
}

@media screen and (max-width: 768px) {
    .heading-2 .pc[data-v-bf31baec] {
        display:none
    }
}

.heading-2 .sp[data-v-bf31baec] {
    display: none
}

@media screen and (max-width: 768px) {
    .heading-2 .sp[data-v-bf31baec] {
        display:block
    }
}

.text-contents[data-v-bf31baec] {
    width: 43%
}

@media screen and (max-width: 768px) {
    .text-contents[data-v-bf31baec] {
        margin-top:20px;
        width: 100%
    }
}

.image[data-v-bf31baec] {
    width: 40%
}

@media screen and (max-width: 768px) {
  .image[data-v-bf31baec] {
    max-width: 260px;
    width: 100%;
  }
}

.text-1[data-v-bf31baec] {
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.5
}

@media screen and (max-width: 768px) {
    .text-1[data-v-bf31baec] {
        font-size:1.375rem
    }
}

.text-2[data-v-bf31baec] {
    font-size: 1.125rem;
    line-height: 2;
    margin-top: 24px;
    max-width: 360px
}

@media screen and (max-width: 768px) {
    .text-2[data-v-bf31baec] {
        font-size:.9375rem;
        margin-top: 16px;
        max-width: none
    }
}

@keyframes slide-9c68e905 {
    0% {
        transform: translate(0)
    }

    to {
        transform: translate(-100%)
    }
}

.business-partners[data-v-9c68e905] {
    overflow: hidden;
    padding: 15px 0
}

@media screen and (max-width: 768px) {
  .business-partners[data-v-9c68e905] {
    padding: 15px 0 0;
  }
}

.partners[data-v-9c68e905] {
    display: flex;
    overflow-x: hidden
}

.partners .list-wrapper[data-v-9c68e905] {
    animation: slide-9c68e905 60s linear infinite both;
    will-change: transform
}

.partners .list[data-v-9c68e905] {
    align-items: center;
    display: flex;
    list-style: none
}
@media screen and (max-width: 768px) {
    .partners .list[data-v-9c68e905] {
        margin: 0;
    }
}

.partners .item[data-v-9c68e905] {
  background-color: #fff;
  display: grid;
  height: 100px;
  margin: 0px 25px;
  place-items: center;
  width: 200px;
}

@media screen and (max-width: 768px) {
    .partners .item[data-v-9c68e905] {
        height:50px;
        margin: 0 6px;
        width: 130px
    }

    .partners .img[data-v-9c68e905] {
        transform: scale(.8)
    }
}

.business-support[data-v-fe8012a7] {
    padding: 100px 0 120px
}

@media screen and (max-width: 768px) {
    .business-support[data-v-fe8012a7] {
        padding:50px 0 40px
    }
}

.item .img {
  width: 80%;
}

.heading[data-v-fe8012a7] {
    font-size: 3rem;
    font-weight: 700;
    line-height: 1.33;
    margin: 0 auto;
    max-width: 1200px;
    padding: 0 32px;
    width: 100%
}

@media screen and (max-width: 768px) {
  .heading[data-v-fe8012a7] {
    font-size: 6.5vw;
    line-height: 1.4;
    padding: 0;
    text-align: center;
  }
}

.support-container[data-v-fe8012a7] {
    display: flex;
    justify-content: center;
    margin: 42px auto 0;
    padding: 0 32px;
    grid-gap: 20px;
    max-width: 1330px;
    flex-wrap: wrap;
}

@media screen and (max-width: 768px) {
    .support-container[data-v-fe8012a7] {
        flex-direction:column;
        margin-top: 28px;
        padding: 0 16px;
        grid-gap: 20px
    }
}

.item[data-v-fe8012a7] {
  background-color: #fff;
  border-radius: 32px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 108px 30px 60px;
  position: relative;
  width: 25%;
}

@media screen and (max-width: 768px) {
  .item[data-v-fe8012a7] {
    border-radius: 28px;
    display: block;
    padding: 80px 20px 28px;
    width: auto;
  }
}

.number[data-v-fe8012a7] {
    left: 36px;
    position: absolute;
    top: 32px
}

@media screen and (max-width: 768px) {
    .number[data-v-fe8012a7] {
        height:48px;
        left: 20px;
        top: 20px
    }
}

.image[data-v-fe8012a7] {
  width: 80%;
  translate: 12%;
  margin-top: 7%;
}

@media screen and (max-width: 768px) {
    .image.type-1[data-v-fe8012a7] {
        height:150px;
        right: 20px;
        top: 20px
    }
}

.image.type-2[data-v-fe8012a7] {
    right: 16px;
    top: 16px
}

@media screen and (max-width: 768px) {
  .image.type-2[data-v-fe8012a7] {
    height: 150px;
    right: 0px;
    top: 20px;
  }
}

.sub-title[data-v-fe8012a7] {
    color: #d10d21;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1
}

@media screen and (max-width: 768px) {
    .sub-title[data-v-fe8012a7] {
        font-size:1rem
    }
}

.title[data-v-fe8012a7] {
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.31;
    margin-top: 16px
}

@media screen and (max-width: 768px) {
    .title[data-v-fe8012a7] {
        font-size:1.25rem;
        line-height: 1.4;
        margin-top: 12px
    }
}

.description[data-v-fe8012a7] {
    font-size: 1rem;
    line-height: 1.85;
    margin-top: 20px
}

@media screen and (max-width: 768px) {
    .description[data-v-fe8012a7] {
        font-size:.875rem;
        line-height: 1.8;
        margin-top: 12px
    }
}

.button[data-v-fe8012a7] {
    align-items: center;
    border-radius: 30px;
    display: block;
    display: flex;
    height: 60px;
    justify-content: center;
    margin-top: 50px;
    width: 200px;
    grid-gap: 8px;
    background-color: #d10d21;
    color: #fff;
    font-weight: 700;
    transition: all .2s ease-out
}

.button[data-v-fe8012a7]:hover {
    opacity: .7
}

@media screen and (max-width: 768px) {
    .button[data-v-fe8012a7] {
        border-radius:25px;
        height: 50px;
        margin-top: 16px;
        width: 160px;
        grid-gap: 4px;
        font-size: .8125rem
    }
}

.heading[data-v-703d5205] {
    display: flex;
    justify-content: center;
    margin-bottom: -14px
}

@media screen and (max-width: 768px) {
    .heading[data-v-703d5205] {
        margin-bottom:-7px
    }

    .heading img[data-v-703d5205] {
        height: 35px
    }
}

.container[data-v-703d5205] {
    background-color: #fff;
    border-bottom: 1px solid #d10d21;
    border-top: 1px solid #d10d21;
    display: grid;
    grid-template-columns: repeat(2,1fr);
    grid-template-rows: auto auto
}

@media screen and (max-width: 768px) {
    .container[data-v-703d5205] {
        display:block
    }
}

.section-1[data-v-703d5205] {
    border-bottom: 1px dotted #d10d21;
    grid-column: 1/3;
    grid-row: 1/2
}



.section-1 .inner[data-v-703d5205] {
    display: flex;
    margin: 0 auto;
    max-width: 1200px;
    padding: 30px 50px 44px;
    width: 100%;
    grid-gap: 60px
}

@media screen and (max-width: 768px) {
  .section-1 .inner[data-v-703d5205] {
    grid-gap: 16px;
    flex-direction: column;
    padding: 44px 20px;
    width: fit-content;
  }
}

.section-1 .image[data-v-703d5205] {
    width: 60%
}

@media screen and (max-width: 768px) {
    .section-1 .image[data-v-703d5205] {
    margin: 0 auto;
    max-width: 480px;
    width: 75%;
  }
}

.section-2 .inner[data-v-703d5205],.section-3 .inner[data-v-703d5205] {
    display: flex;
    flex-direction: column;
    max-width: 600px;
    padding: 40px 50px;
    width: 100%
}

@media screen and (max-width: 768px) {
    .section-2 .inner[data-v-703d5205],.section-3 .inner[data-v-703d5205] {
        height:auto;
        max-width: 100%;
        padding: 44px 20px;
        width: fit-content;
    }
}

.section-2 .image[data-v-703d5205], .section-3 .image[data-v-703d5205] {
  margin: 0px auto;
  width: 75%;
}

@media screen and (max-width: 768px) {
    .section-2 .image[data-v-703d5205],.section-3 .image[data-v-703d5205] {
        max-height:260px;
        margin-top: 5%;
    }
}

.section-2 .inner[data-v-703d5205] {
    margin-left: auto
}

.section-3[data-v-703d5205] {
    border-left: 1px dotted #d10d21;
    border-bottom: 1px dotted #d10d21
}
.section-2[data-v-703d5205] {
    border-bottom: 1px dotted #d10d21
}

@media screen and (max-width: 768px) {
    .section-3[data-v-703d5205] {
        border-left:0;
        border-top: 1px dotted #d10d21
    }
}

.section-6[data-v-703d5205] {
    grid-column: 1/3;
    grid-row: 4/4
}



.section-6 .inner[data-v-703d5205] {
    display: flex;
    margin: 0 auto;
    max-width: 1200px;
    padding: 30px 50px 44px;
    width: 100%;
    grid-gap: 60px
}

@media screen and (max-width: 768px) {
    .section-6 .inner[data-v-703d5205] {
        grid-gap:16px;
        flex-direction: column;
        padding: 44px 20px;
        width: fit-content;
    }
}

.section-6 .image[data-v-703d5205] {
    width: 45%
}

@media screen and (max-width: 768px) {
    .section-6 .image[data-v-703d5205] {
        margin: 0 auto;
        max-width: 480px;
        width: 75%;
    }
}

.data-name[data-v-703d5205] {
    color: #d10d21;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.5
}

.summary[data-v-703d5205] {
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.4;
  margin-top: 32px;
  height: 90px;
  align-content: center;
}

@media screen and (max-width: 768px) {
    .summary[data-v-703d5205] {
        font-size: 5.6vw;
        line-height: 1.5;
        margin-top: 15px;
        height: fit-content;
    }
    .data-name[data-v-703d5205] {
        font-size: 4.5vw;
        line-height: 1.5;
    }
}

.description[data-v-703d5205] {
  font-size: 1rem;
  line-height: 1.85;
  margin-top: 17px;
  height: 90px;
  align-content: center;
}

@media screen and (max-width: 768px) {
    .description[data-v-703d5205] {
        font-size:4.7vw;
        line-height: 1.8;
        margin-top: 12px
    }
}

.buttons-parent[data-v-703d5205] {
  margin: 60px 0 0px;
  padding-bottom: 60px;
}

@media screen and (max-width: 768px) {
    .buttons-parent[data-v-703d5205] {
        margin:48px 0 0px;
        padding-bottom: 48px;
    }
}

.item[data-v-892d1ff6] {
    padding: 20px 0;
    word-break: break-all
}

@media screen and (max-width: 768px) {
    .item[data-v-892d1ff6] {
        padding:8px 0
    }
}

.button[data-v-892d1ff6] {
    align-items: center;
    cursor: pointer;
    display: grid;
    grid-template-columns: auto 1fr auto;
    padding: 24px 32px 24px 67px;
    position: relative;
    width: 100%
}

@media screen and (max-width: 768px) {
    .button[data-v-892d1ff6] {
        padding:12px 16px 12px 46px;
        transition: all .2s ease-out
    }
}

.head[data-v-892d1ff6] {
    color: #d10d21;
    display: block;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 24px;
    font-weight: 600;
    left: 32px;
    line-height: 28px;
    margin-right: 12px;
    position: absolute;
    top: 20px
}

@media screen and (max-width: 768px) {
    .head[data-v-892d1ff6] {
        font-size:16px;
        left: 16px;
        margin-right: 8px;
        top: 8px
    }
}

.icon[data-v-892d1ff6] {
    display: block;
    height: 20px;
    margin-left: auto;
    width: 20px
}

@media screen and (max-width: 768px) {
    .icon[data-v-892d1ff6] {
        height:14px;
        width: 14px
    }
}

.question[data-v-892d1ff6] {
    font-size: 1.3em;
    font-weight: 700;
    letter-spacing: 1px;
    line-height: 1.3
}

@media screen and (max-width: 768px) {
    .question[data-v-892d1ff6] {
    font-size: 4.9vw;
    margin-right: 8px;
    }
}

.answer-body[data-v-892d1ff6] {
    font-size: 1.2em;
    line-height: 1.65;
    padding: 0 32px
}

@media screen and (max-width: 768px) {
  .answer-body[data-v-892d1ff6] {
    padding: 0 16px 8px;
    font-size: 4.5vw;
  }
}

.answer[data-v-892d1ff6] {
    overflow: hidden
}

.business-faq[data-v-9111e5d3] {
    align-items: center;
    display: flex;
    flex-direction: column;
    padding: 0 24px;
    position: relative;
    z-index: 2
}

.heading[data-v-9111e5d3] {
    font-size: 2.25rem;
    font-weight: 700;
    line-height: 1.28;
    text-align: center
}

@media screen and (max-width: 768px) {
    .heading[data-v-9111e5d3] {
        font-size:1.5rem;
        line-height: 1.63
    }
}

.inner[data-v-9111e5d3] {
    align-items: center;
    background-color: #fafafa;
    border-radius: 44px;
    display: flex;
    flex-direction: column;
    max-width: 1400px;
    padding: 100px 0 140px;
    width: 100%
}

@media screen and (max-width: 768px) {
    .inner[data-v-9111e5d3] {
        border-radius:32px;
        padding: 55px 0 49px
    }
}

.list[data-v-9111e5d3] {
    display: grid;
    grid-template-columns: 1fr;
    margin-top: 32px;
    max-width: 1000px;
    width: 100%
}

@media screen and (max-width: 768px) {
    .list[data-v-9111e5d3] {
        margin-top:16px
    }
}

.item[data-v-9111e5d3] {
    border-bottom: 1px solid #dadde0
}

.item a[data-v-9111e5d3] {
    color: #d10d21
}

.item a[data-v-9111e5d3]:hover {
    text-decoration: underline
}

.business-conversion-area[data-v-f6fdf053] {
    margin-top: -475px;
    overflow: hidden;
    padding-top: 402px;
    position: relative
}

@media screen and (max-width: 768px) {
    .business-conversion-area[data-v-f6fdf053] {
        margin-top:-270px;
        padding-top: 270px
    }
}

.background[data-v-f6fdf053] {
    background-color: #d10d21;
    padding: 183px 16px 106px
}

@media screen and (max-width: 768px) {
    .background[data-v-f6fdf053] {
        padding:64px 16px 66px
    }
}

.container[data-v-f6fdf053] {
    position: relative
}

.wave-1[data-v-f6fdf053] {
    left: 50%;
    max-width: none;
    position: absolute;
    top: 0;
    transform: translate(-540px);
    z-index: -1
}

@media screen and (max-width: 768px) {
    .wave-1[data-v-f6fdf053] {
        height:275px
    }
}

.wave-2[data-v-f6fdf053] {
    bottom: 0;
    left: 50%;
    max-width: none;
    position: absolute;
    transform: translate(-1160px)
}

@media screen and (max-width: 768px) {
    .wave-2[data-v-f6fdf053] {
        display:none
    }
}

.wave-2-sp[data-v-f6fdf053] {
    display: none
}

@media screen and (max-width: 768px) {
    .wave-2-sp[data-v-f6fdf053] {
        bottom:0;
        display: block;
        height: 853px;
        left: 50%;
        max-width: none;
        position: absolute;
        transform: translate(-1610px);
        width: 3660px
    }
}

.heading[data-v-f6fdf053] {
    color: #fff;
    font-size: 1.75rem;
    font-weight: 700;
    line-height: 1.5;
    text-align: center
}

@media screen and (max-width: 768px) {
    .heading[data-v-f6fdf053] {
        font-size:1.5rem;
        line-height: 1.4
    }
}

.description[data-v-f6fdf053] {
    color: #fff;
    font-size: 1.125rem;
    line-height: 2;
    margin-top: 25px;
    text-align: center
}

@media screen and (max-width: 768px) {
    .description[data-v-f6fdf053] {
        font-size:1rem;
        line-height: 1.9;
        margin-top: 12px;
        padding: 0 12px;
        text-align: left
    }
}

.list-button[data-v-f6fdf053] {
    display: flex;
    justify-content: center;
    margin: 44px auto 0;
    max-width: 990px;
    grid-gap: 20px
}

@media screen and (max-width: 768px) {
    .list-button[data-v-f6fdf053] {
        margin-top:36px;
        grid-gap: 12px;
        flex-direction: column;
        padding-left:0;
    }
}

.button-item[data-v-f6fdf053] {
    align-items: center;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    background: #ffffffeb;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    padding: 48px 35px;
    flex: 1;
}

@media screen and (max-width: 768px) {
    .button-item[data-v-f6fdf053] {
        padding:32px 15px
    }
}

.button-title[data-v-f6fdf053] {
    font-size: 1.75rem;
    font-weight: 700;
    line-height: 1
}

@media screen and (max-width: 768px) {
    .button-title[data-v-f6fdf053] {
        font-size:6vw;
        line-height: 1.4
    }
}

.button-description[data-v-f6fdf053] {
    font-size: .875rem;
    line-height: 1.9;
    margin-top: 16px
}

@media screen and (max-width: 768px) {
    .button-description[data-v-f6fdf053] {
        font-size:4vw;
        line-height: 1.8;
        margin-top: 8px
    }
}

.button-parent[data-v-f6fdf053] {
    margin-top: 24px;
    max-width: 240px;
    width: 100%
}

@media screen and (max-width: 768px) {
    .button-parent[data-v-f6fdf053] {
        margin-top:8px
    }
}

.business-footer[data-v-7f8e1ab2] {
    display: flex;
    justify-content: center;
    padding: 80px 44px
}

@media screen and (max-width: 768px) {
    .business-footer[data-v-7f8e1ab2] {
        padding:44px 28px
    }
}

.inner[data-v-7f8e1ab2] {
    display: flex;
    justify-content: space-between;
    max-width: 1680px;
    width: 100%;
    grid-gap: 44px
}

@media screen and (max-width: 768px) {
    .inner[data-v-7f8e1ab2] {
        flex-direction:column-reverse;
        grid-gap: 5px
    }
}

.copyright[data-v-7f8e1ab2] {
    color: #262626d9;
    font-family: "Noto Sans JP", sans-serif;
    font-size: .6875rem;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 1.5;
    margin-top: 24px
}

@media screen and (max-width: 768px) {
    .copyright[data-v-7f8e1ab2] {
        margin-top:48px
    }
}

.list-link[data-v-7f8e1ab2] {
    display: flex;
    grid-gap: 12px 24px;
    flex-wrap: wrap;
    font-size: 1em;
    line-height: 1.6
}

.list-link a[data-v-7f8e1ab2] {
    transition: all .2s ease-out
}

.list-link a[data-v-7f8e1ab2]:hover {
    color: #d10d21
}

.license-number[data-v-7f8e1ab2] {
    font-size: .6875rem;
    letter-spacing: 1px;
    line-height: 1.5;
    margin-top: 16px
}

.bg-color[data-v-55d5210b] {
  background-color: #f6f6f6;
  border-top-left-radius: 44px;
  border-top-right-radius: 44px;
}

@media screen and (max-width: 768px) {
    .bg-color[data-v-55d5210b] {
        border-top-left-radius:32px;
        border-top-right-radius: 32px
    }
}


.l-top-point-contents {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
}

.l-top-point-contents-item {
  position: relative;
  padding: 50px 20px 20px;
  margin-top: 71px;
  background: #fff;
    background-repeat: repeat;
    background-image: none;
    background-size: auto;
  border: 3px solid #d44c58;
  border-radius: 15px;
  width: 21%;
  background-image: url(../img/time-img1.png);
  background-repeat: no-repeat;
  background-size: 70%;
}

.l-top-point-contents-item:last-child{
    background-image: none;
}

.l-top-point-contents-item::before {
    position: absolute;
    top: 0;
    left: 50%;
    display: block;
    width: 98px;
    height: 49px;
    content: "";
    background: #fff;
    border: 3px solid #d44c58;
    border-bottom: none;
    border-radius: 49px 49px 0 0;
    -webkit-transform: translate(-50%, -100%);
    transform: translate(-50%, -100%)
}

.l-top-point-contents-item::after {
    position: absolute;
    top: 0;
    left: 50%;
    display: block;
    width: 98px;
    height: 2px;
    content: "";
    background: #fff;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.l-top-point-contents-item.column_2 .l-top-point-contents-item-detail {
    margin-top: 15px
}

.l-top-point-contents-item.column_2 .l-top-point-contents-item-detail:first-of-type {
    margin-top: 0
}

.l-top-point-contents-item.other::before {
    width: 202px
}

.l-top-point-contents-item.other::after {
    width: 202px
}

.l-top-point-contents-item.other .l-top-point-contents-item-label {
    width: 173px;
    -webkit-transform: translate(-50%, -30%);
    transform: translate(-50%, -30%)
}

.l-top-point-contents-item.other .l-top-point-contents-item-label.start {
    -webkit-animation: animation-point-other-label .5s ease-out both;
    animation: animation-point-other-label .5s ease-out both
}

.l-top-point-contents-item-label {
    position: absolute;
    top: 0;
    left: 50%;
    z-index: 1;
    width: 90px;
    opacity: 0;
    -webkit-transform: translate(-50%, -50%) rotate(30deg);
    transform: translate(-50%, -50%) rotate(30deg)
}

.l-top-point-contents-item-label.start {
    -webkit-animation: animation-point-label .5s ease-out both;
    animation: animation-point-label .5s ease-out both
}

.l-top-point-contents-item-label img {
    display: block;
    width: 100%
}

@-webkit-keyframes animation-point-label {
    0% {
        opacity: 0;
        -webkit-transform: translate(-50%, -50%) rotate(30deg);
        transform: translate(-50%, -50%) rotate(30deg)
    }

    100% {
        opacity: 1;
        -webkit-transform: translate(-50%, -50%) rotate(0);
        transform: translate(-50%, -50%) rotate(0)
    }
}

@keyframes animation-point-label {
    0% {
        opacity: 0;
        -webkit-transform: translate(-50%, -50%) rotate(30deg);
        transform: translate(-50%, -50%) rotate(30deg)
    }

    100% {
        opacity: 1;
        -webkit-transform: translate(-50%, -50%) rotate(0);
        transform: translate(-50%, -50%) rotate(0)
    }
}

@-webkit-keyframes animation-point-other-label {
    0% {
        opacity: 0;
        -webkit-transform: translate(-50%, -30%);
        transform: translate(-50%, -30%)
    }

    100% {
        opacity: 1;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }
}

@keyframes animation-point-other-label {
    0% {
        opacity: 0;
        -webkit-transform: translate(-50%, -30%);
        transform: translate(-50%, -30%)
    }

    100% {
        opacity: 1;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }
}

.l-top-point-contents-item-image {
    margin-bottom: 28px;
    text-align: center;
    margin-top: 3%
}

.l-top-point-contents-item-image img {
    display: inline-block;
    width: auto;
    max-width: none;
    height: 100%
}

.l-top-point-contents-item-text {
    position: relative;
    margin-bottom: 26px;
    overflow: hidden;
    font-size: 17px;
    font-weight: bold;
    line-height: 1.5;
    text-align: center
}

.l-top-point-contents-item-text::before {
    position: absolute;
    inset: 0;
    z-index: 1;
    display: block;
    width: 100%;
    height: 100%;
    pointer-events: none;
    content: "";
    background: #fff;
    -webkit-transition: all .8s;
    transition: all .8s;
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.l-top-point-contents-item-text.text-cotra .text-dot {
    font-size: 20px
}

.l-top-point-contents-item-text.start::before {
    -webkit-transform: translateX(100%);
    transform: translateX(100%)
}

.l-top-point-contents-item-text.text-point-3 {
    margin-bottom: 20px
}

.l-top-point-contents-item-text-sub {
    font-size: 12px;
    font-weight: 300;
    line-height: 1.8;
    text-align: center;
    padding-bottom: 26px
}

.l-top-point-contents-item-detail {
    padding: 15px;
    line-height: 1.71;
    background: #fdeeed;
    border-radius: 15px
}

.l-top-point-contents-item-detail-image {
    text-align: center
}

.l-top-point-contents-item-detail-image img {
    display: inline-block;
    width: 100%;
    max-width: 165px
}

.l-top-point-contents-item-detail-download {
    padding: 15px 13px;
    background: #fff;
    border-radius: 10px
}

.l-top-point-contents-item-detail-download-text {
    margin-bottom: 10px;
    font-size: 12px;
    font-weight: bold;
    line-height: 1.42;
    text-align: center
}

.l-top-point-contents-item-detail-download-list {
    display: -webkit-box;
    display: flex
}

.l-top-point-contents-item-detail-download-list-item {
    padding: 0 4px
}

.l-top-point-contents-item-detail-download-list-item:first-of-type {
    -webkit-box-flex: 0;
    flex: 0 0 auto;
    width: 44.94%
}

.l-top-point-contents-item-detail-download-list-item-link {
    display: block;
    width: 100%
}

.l-top-point-contents-item-detail-download-list-item-link img {
    display: block;
    width: 100%
}

.l-top-point-contents-item-slider-item {
    margin-top: 32px
}

.l-top-point-contents-item-slider-item:first-of-type {
    margin-top: 0
}

.l-top-point-contents-item-slider-item-image {
    width: 140px;
    margin: 0 auto
}

.l-top-point-contents-item-slider-item-image img {
    display: block;
    width: 100%
}

.l-top-point-contents-item-slider-item-text {
    padding: 0 35px;
    margin-top: -22px;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.71;
    text-align: center
}

.ratebox {
  display: flex;
  width: fit-content;
  padding: 0 5%;
  align-items: center;
}

.firsttime-img {
  width: 50%;
}
.first-time {
  display: flex;
}
.secondtime-img {
  width: 50%;
}
.second-time {
  display: flex;
}

.subimg {
  width: 16%;
  align-content: end;
}

.sub-img {
  width: 120%;
}

/* スライド用のラッパ（JSで自動生成） */
.slide-window {
  flex: 1 1 auto;
  overflow: hidden;
}

/* そのまま */
.slide-track {
  display: flex;
  width: 100%;
  transition: transform 600ms ease;
  will-change: transform; /* あると描画安定 */
}

/* スライド本体は半幅＆はみ出し不可 */
.first-time, .second-time {
  flex: 0 0 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;    /* ←ココ重要：隣スライドにはみ出させない */
  min-width: 0;        /* Flexの収まりを安定させる */
  gap: 0;              /* 余白不要なら0 */
  box-sizing: border-box;
}

/* 中の2枚をちょうど半分ずつにする */
.firsttime-img,
.secondtime-img {
  flex: 0 0 40%;   /* 2枚で100% */
  width: 40%;      /* 保険 */
  height: auto;
  display: block;  /* 余計な隙間防止 */
  max-width: 100%;
  object-fit: contain;
}

.l-top-point-contents-item.bg-time-1 {
  background-image: url(../img/time-img1.png);
}

.l-top-point-contents-item.bg-time-2 {
  background-image: url(../img/time-img2.png);
}

.ratebtn.button-parent.business-button.white-border.lg {
  width: inherit;
  margin-top: 5%;
}

.time {
  position: relative;
  padding-top: 5%;
}

.time-contents {
  width: 45%;
  height: 16em;
  background-color: #555555;
  padding: 0px;
  margin: 0 auto 3%;
  position: relative;
}

.time-logo {
  position: absolute;
  text-align: center;
  font-weight: bold;
  letter-spacing: 0.3em;
  color: #FFFFFF;
  top: 0.5em;
  width: 100%;
  height: 100%;
  font-size: 2em;
}

.time-contents2 {
  position: absolute;
  top: 30%;
  left: 1em;
  width: 100%;
  height: 100%;
}

.time-text {
  position: relative;
  width: 95.5%;
  border: solid 1px;
  background-color: #717171;
  padding: 0px;
  overflow: hidden;
  height: 60%;
}

.time-text p {
  position: relative;
  z-index: 1;
  font-size: 5em;
  color: #FFF33B;
  text-shadow: 0 0 20px;
  white-space: nowrap;
  line-height: 0px;
  text-align: center;
  align-content: center;
}

.time-text a{
    color:inherit;
    text-decoration: none;
}
.time-dots{
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: radial-gradient( #0000 0 1px, rgba(41, 41, 41, 0.67) 1px );
    pointer-events: none;
    background-size: 3px 3px;
    content: '';
}

.blinking {
animation: blinking 0.75s ease-in-out infinite alternate;
color:#FD027C;
}

@keyframes blinking {
0% {opacity: 0;}
100% {opacity: 1;}
}

.step-inner {
  margin: 0 10%;
}

.step-inner h2 {
  font-size: 3em;
  margin-top: 0;
  padding-top: 7%;
}

.p-topSec03__item {
    background-color: #fff;
    border-radius: clamp(24 * 750/1366 * 1px,24/1366 * 100vw,24px);
    -webkit-box-shadow: 10px 10px 10px rgba(0,0,0,.1);
    box-shadow: 10px 10px 10px rgba(0,0,0,.1);
    padding-bottom: clamp(24 * 750/1366 * 1px,24/1366 * 100vw,24px);
    position: relative
}

@media screen and (max-width: 750px) {
    .p-topSec03__item {
        border-radius:3.2vw;
        padding-bottom: 8vw
    }
}

.p-topSec03__item:not(:last-child):after {
    background-image: url(../img/img17.webp);
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    height: clamp(84 * 750/1366 * 1px,84/1366 * 100vw,84px);
    position: absolute;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: clamp(80 * 750/1366 * 1px,80/1366 * 100vw,80px);
    z-index: 2
}

@media print,screen and (min-width: 751px) {
    .p-topSec03__item:not(:last-child):after {
        right:clamp(-80px,-80/1366 * 100vw,-80 * 750/1366 * 1px);
        top: 50%
    }
}

@media screen and (max-width: 750px) {
    .p-topSec03__item:not(:last-child):after {
        background-image:url(../img/img17_sp.webp);
        bottom: -7.7333333333vw;
        height: 10.8vw;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        width: 15.8666666667vw
    }
}

.p-topSec03__list {
  display: grid;
  gap: clamp(60 * 750/1366 * 3px, 60/1366 * 100vw, 60px);
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin-bottom: clamp(48 * 750/1366 * 1px, 48/1366 * 100vw, 48px);
}

@media screen and (max-width: 750px) {
    .p-topSec03__list {
        -ms-grid-columns:1fr;
        gap: 8.4vw;
        grid-template-columns: 1fr;
        margin-bottom: 8.5333333333vw;
    }
}

.p-topSec03__ttl01 {
    font-size: clamp(40 * 750/1366 * 1px,40/1366 * 100vw,40px);
    font-weight: 900;
    letter-spacing: .1em;
    margin-bottom: clamp(56 * 750/1366 * 1px,56/1366 * 100vw,56px);
    text-align: center
}

@media screen and (max-width: 750px) {
    .p-topSec03__ttl01 {
        font-size:6.4vw;
        margin-bottom: 7.4666666667vw;
        text-align: left
    }
}

.p-topSec03__ttl02 {
    color: #d10d21;
    font-size: clamp(26 * 750/1366 * 1px,26/1366 * 100vw,26px);
    font-weight: 700;
    text-align: center
}

@media screen and (max-width: 750px) {
  .p-topSec03__ttl02 {
    font-size: 5.5vw;
  }
}

.p-topSec03__item--1 .p-topSec03__ttl02 {
    margin-bottom: clamp(30 * 750/1366 * 1px,22/1366 * 100vw,22px)
}

.p-topSec03__item--2 .p-topSec03__ttl02,.p-topSec03__item--3 .p-topSec03__ttl02,.p-topSec03__item--4 .p-topSec03__ttl02 {
    margin-bottom: clamp(30 * 750/1366 * 1px,30/1366 * 100vw,30px)
}

.p-topSec03__txt01 {
    background-color: #d10d21;
    border-radius: 0 0 clamp(4 * 750/1366 * 1px,4/1366 * 100vw,4px) clamp(4 * 750/1366 * 1px,4/1366 * 100vw,4px);
    color: #fff;
    display: block;
    font-family: Montserrat,sans-serif;
    font-size: clamp(20 * 750/1366 * 1px,20/1366 * 100vw,20px);
    font-weight: 700;
    margin: 0 auto clamp(35 * 750/1366 * 1px,35/1366 * 100vw,35px);
    padding: clamp(16 * 750/1366 * 1px,16/1366 * 100vw,16px) 0;
    text-align: center;
    width: clamp(138 * 750/1366 * 1px,138/1366 * 100vw,138px)
}

@media screen and (max-width: 750px) {
    .p-topSec03__txt01 {
        border-radius:0 0 1.0666666667vw 1.0666666667vw;
        font-size: 4.5vw;
        margin-bottom: 5.3333333333vw;
        padding: 2.4vw 0;
        width: 26.6666666667vw
    }
}

.p-topSec03__txt02 {
  font-size: clamp(18 * 750/1366 * 1px,18/1366 * 100vw,18px);
  text-align: center;
  padding: 0 10px;
}

@media screen and (max-width: 750px) {
    .p-topSec03__txt02 {
        font-size: 4.5vw;
        text-align: left;
    }

    .p-topSec03__item--1 .p-topSec03__txt02 {
        margin-bottom: 15px;
    }
}

.p-topSec03__img01 {
  text-align: center;
}

.p-topSec03__item.p-topSec03__item--1 .buttons-parent[data-v-703d5205] {
  margin: 5px 25px;
  padding: 0;
}

.p-topSec03__item.p-topSec03__item--1 .business-conversion-buttons[data-v-add8e3c2] {
  display: block;
}

.p-topSec03__item.p-topSec03__item--1 .business-conversion-buttons[data-v-add8e3c2] .business-button.lg[data-v-b03452e9] {
  font-size: 1.2em;
  margin: 0 auto 2%;
}

.hissu-inner {
  margin: 0 11%;
}

.hissu-inner h2 {
  font-size: 3em;
  margin-top: 0;
  padding-top: 7%;
}

.mrtDtlOtr{padding: 0 20px;}
.mrtDtlInr{
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  }
.mrtDtlCol {
  align-items: center;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  display: flex;
  justify-content: center;
  height: 250px;
  margin: 0 0 0.2rem;
  width: 100%;
}
.mrtDtl01{background-image: url("../img/shikaku-1.png");}
.mrtDtl02{background-image: url("../img/shikaku-2.png");}
.mrtDtl03{background-image: url("../img/shikaku-3.png");}
.mrtDtlColCnt {
  text-align: center;
  padding: 0 5% 0.5rem 0px;
}
.mrtDtlNum{
  display: block;
  font-size: 0.875rem;
  }
.mrtDtlThm{
  font-feature-settings: "palt";
  display: inline-block;
  margin: 0 0 0.3rem;
  }
.mrtDtlThmTxt{
  color: #d10d21;
  font-size: 1.1rem;
  font-weight: 500;
  display: inline-block;
  padding: 1.5rem 0 0.2rem
  }
.mrtDtlLst{}
.mrtDtlItm{
  font-size: 4.5vw;
  }
@media screen and (max-width: 750px) {
    .mrtDtlOtr {
        padding: 0;
    }
}
.hissu-inner .buttons-parent[data-v-703d5205] {
  margin: 60px 0 0px;
  padding-bottom: 0;
}
@media screen and (min-width: 751px) {
.mrtDtlOtr{
  margin: 0 auto 7%;
  max-width: 1130px;
  }
.mrtDtlInr{justify-content: space-between;}
 .mrtDtlCol {
    height: 370px;
    margin: 0;
    width: 33%;
  }
  .mrtDtl01{background-image: url("../img/maru-1.png");background-size: 100%;}
  .mrtDtl02{background-image: url("../img/maru-2.png");background-size: 100%;}
  .mrtDtl03{background-image: url("../img/maru-3.png");background-size: 100%;}
  .mrtDtlColCnt {
    margin: 26% auto auto;
    padding: 0px 3.4rem;
  }
.mrtDtlNum{
  font-size: 1rem;
  margin: 0 0 1.25rem;
  }
.mrtDtlThm{}
.mrtDtlThmTxt{
  display: block;
  font-size: 1.5rem;
  line-height: 1;
  }
.mrtDtlLst{}
.mrtDtlItm{font-size: 0.9375rem;padding: 0;}
.mrtDtl01 .mrtDtlColCnt .mrtDtlLst {
  padding: 0;
}
.mrtDtl02 .mrtDtlColCnt .mrtDtlLst {
  padding: 0 0 0 20px;
}

.mrtDtl03 .mrtDtlColCnt .mrtDtlLst {
  padding: 0;
}

}

.smalltext {
  font-size: 0.8em;
}


    :root{
      --bg: #f7f7f8;
      --ink: #1d1d1f;
      --muted: #6b6f76;
      --pink: #d10d21; /* 背景帯 */
      --card: #fff;
      --radius: 18px;
      --gap: 24px;
      --shadow: 0 10px 30px rgba(0,0,0,.08);
      --speed: 420ms;
    }
    .uv {
        padding: 6% clamp(16px,5vw,48px) clamp(56px,6vw,80px);
    }
    .uv__inner {
        max-width: 1500px;
        margin: auto;
        display: grid;
        grid-template-columns: 1fr 5fr;
        gap: clamp(24px,4vw,48px);
        align-items: stretch;
    }
    /* 左カラム */
    .uv__intro .eyebrow{letter-spacing:.08em;color:var(--muted);font-weight:700;margin:0 0 .5rem}
    .uv__intro h2 {
        font-size: clamp(26px,3.2vw,3em);
        margin: .1rem 0 1rem;
    }
    .uv__intro p{color:var(--muted);margin:.25rem 0}
    .uv__controls{display:flex;align-items:center;gap:12px;margin-top:20px}
    .uv__btn{border:1px solid #ddd;background:#fff;border-radius:999px;width:40px;height:40px;display:grid;place-items:center;cursor:pointer;box-shadow:0 1px 2px rgba(0,0,0,.04)}
    .uv__btn[disabled]{opacity:.4;cursor:not-allowed}
    .uv__page{font-variant-numeric: tabular-nums}
    .uv__dots{display:flex;gap:8px;margin-top:10px}
    .uv__dot{width:8px;height:8px;border-radius:999px;background:#d9d9de;display:inline-block;border:0}
    .uv__dot[aria-selected="true"]{background:#333}

    /* 右：スライダー */
    .uv__slider{position:relative;isolation:isolate;border-radius:var(--radius);overflow:hidden;padding: clamp(20px,2.5vw,28px)}
    .uv__slider::before{
      /* ピンクの背景帯 */
      content:"";position:absolute;inset:0;background:var(--pink);
      z-index:0;opacity:.9;
    }
    .uv__viewport{position:relative;overflow:hidden;border-radius:calc(var(--radius) - 4px);z-index:1}
    .uv__track{display:flex;gap:var(--gap);will-change:transform;transition:transform var(--speed) cubic-bezier(.22,1,.36,1);padding:6px}
    @media (prefers-reduced-motion: reduce){
      .uv__track{transition:none}
    }

/* 置き換え */
.uv__slide{
  /* 2枚並び */
  flex: 0 0 calc((100% - var(--gap)) / 2);
}
    /* ブレークポイント：中は2枚、モバイルは1枚 */
    @media (max-width: 1100px){
      .uv__slide{flex-basis: calc((100% - var(--gap)) / 2)}
    }
/* スマホは1枚表示のままにする場合はこのまま */
@media (max-width: 700px){
  .uv__intro {display: flex;justify-content: center;gap: 15px;}
  .uv__inner{grid-template-columns: 1fr}
  .uv__slider{padding:16px}
  .uv__slide{flex-basis: 100%;}
}

    .card{background:var(--card);border-radius:16px;box-shadow:var(--shadow);padding:22px 22px 18px;position:relative;min-height:220px;display:flex;flex-direction:column;gap:18px}
    .card::before,.card::after{
      position:absolute;color:#ff9bad;opacity:.7;font-size:28px;font-weight:700;line-height:1
    }
    .card::before{content:"“";top:-10px;left:-6px}
    .card::after{content:"”";right:-6px;bottom:-10px}
    .quote{margin:0;color:#3b3f45}
    .meta{display:flex;align-items:center;gap:12px;margin-top:auto}
    .avatar{width:48px;height:48px;border-radius:50%;background:#ffe3e7;display:grid;place-items:center;font-weight:700;color:#ff7d92}
    .who{font-weight:700}
    .small{display:block;color:var(--muted);font-weight:500;font-size:.9rem}

    /* フォーカス可視化 */
    .uv__btn:focus-visible,.uv__dot:focus-visible{outline:3px solid #000;outline-offset:2px}

    /* ===== Review card ===== */
.card.review{
  border-radius:16px;
  background:#fff;
  box-shadow:none;
  padding:18px 20px;
  min-height:auto;
  gap:14px;
}


.badge{
  display:inline-flex;align-items:center;gap:.5rem;
  background:#ff4d4d;color:#fff;font-weight:700;
  padding:.45rem .9rem;border-radius:999px;
  font-size:.95rem;line-height:1;
}

.head{display:flex;align-items:center;gap:12px;margin-top:4px}
.card.review .avatar{background:#eaf6ff;color:#4697ff;font-weight:800}

.userline{font-weight:700}
.sep{color:#d0d3d8;margin:0 .4rem}
.muted{color:var(--muted);font-weight:600}

.content p{margin:.25rem 0;color:#3b3f45}

.divider{border:0;border-top:1px solid #ececf1;margin:.4rem 0 .2rem}

.rating-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.rating-row .label{color:var(--muted)}
.rating-row .value{font-weight:800;font-size:1.15rem}

/* 星（5段階・小数対応）：--value に 0〜5 をセット */
.stars{
  --value: 4.0;         /* 0〜5（JSで流し込む or インラインで上書き） */
  --gap: .18em;         /* 星と星の隙間 */
  position: relative;
  display: inline-block;
  font-size: 18px;
  line-height: 1;
  letter-spacing: var(--gap);
  white-space: nowrap;
  /* コンテナ幅＝ 5個の星(=5em) + 隙間4つ */
  width: calc(5em + 4 * var(--gap));
}
.stars::before{
  content:"★★★★★";
  color:#e3e4ea;
}
.stars::after{
  content:"★★★★★";
  color:#ffb400;
  position:absolute; left:0; top:0;
  /* 充填幅＝ [星幅(=1em)+隙間]×値 − 隙間1つ分（最初の左側には隙間が無い） */
  width: calc( (var(--value) * (1em + var(--gap))) - var(--gap) );
  overflow:hidden; white-space:nowrap;
}

.subratings{display:flex;flex-wrap:wrap;gap:8px 16px;color:var(--muted)}
.subratings span b{color:var(--ink);margin-left:.2rem}


@media screen and (max-width: 768px) {
  .l-top-point-contents-item {
    position: relative;
    padding: 50px 5px 20px;
    margin-top: 71px;
    border-radius: 15px;
    width: 44%;
    background-size: 100%;
    align-content: center;
  }
.l-top-point-contents-item::before {
  width: 80px;
  height: 45px;
  border-radius: 49px 49px 0 0;
}
.l-top-point-contents-item-label img {
  display: block;
}
.l-top-point-contents-item-label {
  top: -5px;
  width: 67px;
}
.l-top-point-contents-item-image {
  margin-bottom: 10px;
  margin-top: 0%;
}
.l-top-point-contents-item::after {
  display: none;
}
.firsttime-img, .secondtime-img {
  flex: 0 0 40%;
}
.subimg {
  width: 12%;
}
.sub-img {
  width: 200%;
}
  .ratebox {
    padding: 0 8%;
    align-items: center;
  }
  .l-top-point-contents-item-text {
  font-size: 4vw;
  margin-bottom: 5px;
}
.ratebtn.button-parent.business-button.white-border.lg {
  font-size: 5vw;
  height: 40px;
}
.item .img {
  width: 100%;
}
.time-contents {
  width: 95%;
  height: 12em;
}
.time-logo {
  font-size: 6vw;
}
.time-contents2 {
  top: 35%;
}
.time-text {
  width: 90%;
  height: 55%;
}
.time-text p {
  font-size: 15vw;
}
.step-inner {
  margin: 0 3%;
}
  .step-inner h2 {
    font-size: 9vw;
    padding-top: 25%;
    margin-top: 0;
  }
.hissu-inner {
  margin: 0 3%;
}
.hissu-inner h2 {
  font-size: 8vw;
  padding-top: 25%;
}
.mrtDtlLst {

}
.uv__intro h2 {
  font-size: 9vw;
  margin: auto 0;
}
.avatar {
  width: 50px;
  height: 50px;
}
  .uv {
    padding: 0;
    padding-top: 18%;
  }
.business-faq[data-v-9111e5d3] {
  padding: 0;
}  
.list[data-v-9111e5d3] {
    margin-top: 16px;

}
  .button[data-v-892d1ff6] {
    padding: 12px 16px 12px 46px;
    transition: all .2s ease-out;
    width: auto;
  }
  .container-service img {
  width: 60%;
}
.container-service p {
  text-align: center;
}
.list-link[data-v-7f8e1ab2] {

  font-size: 3.5vw;
}
.sd[data-s-2eac8368-7a20-4c9b-88a6-b74f5f6dd03a] .list-link[data-v-200a3ad5] {
  display: none;
}
  .time {
    padding-top: 23%;
    padding-bottom: 23%;
  }
}

.sd[data-s-5f6e3c76-2c00-4903-8202-6998f64db04c] { align-content: center; align-items: center; background: rgba(0,0,0,0.0); display: flex; flex: none; flex-direction: column; flex-wrap: nowrap; height: auto; justify-content: flex-start; left: 0; margin: 0 0 0 0; padding: 0px; position: fixed;  width: 100%; z-index: 5; max-width: 100%; }
@media screen and (max-width: 1140px){
.sd[data-s-5f6e3c76-2c00-4903-8202-6998f64db04c] { display: flex; top: 0px;}
}
@media screen and (max-width: 840px){
.sd[data-s-5f6e3c76-2c00-4903-8202-6998f64db04c] { bottom: auto; display: flex; left: 0px; right: 0px; width: auto;top: 0px;}
}
@media screen and (max-width: 540px){
.sd[data-s-5f6e3c76-2c00-4903-8202-6998f64db04c] { display: flex; padding: 0px 16px 0px 16px; width: auto;top: 0px;}
}
@media screen and (max-width: 320px){
.sd[data-s-5f6e3c76-2c00-4903-8202-6998f64db04c] { display: flex; top: 16px; }
}
.sd[data-s-245b92d0-3f1c-48fe-8989-8f71a6949cce] { align-content: center; align-items: center; background: #FFFFFF; border-radius: 0; box-shadow: 0px 4px 4px 0px rgba(4, 50, 45, 0.11999999731779099) ; flex: none; flex-direction: row; gap: 0px; height: 75px; justify-content: space-between; padding: 0px; width: 100%; --gap-h-245b92d0-3f1c-48fe-8989-8f71a6949cce: 0px; --gap-v-245b92d0-3f1c-48fe-8989-8f71a6949cce: 0px; --gap-uuid: 245b92d0-3f1c-48fe-8989-8f71a6949cce; max-width: 100%; }
@media screen and (max-width: 1140px){
.sd[data-s-245b92d0-3f1c-48fe-8989-8f71a6949cce] { align-content: center; align-items: center; justify-content: space-between; --gap-h-245b92d0-3f1c-48fe-8989-8f71a6949cce: 0px; --gap-v-245b92d0-3f1c-48fe-8989-8f71a6949cce: 0px; }
}
@media screen and (max-width: 840px){
.sd[data-s-245b92d0-3f1c-48fe-8989-8f71a6949cce] { flex: none; flex-wrap: wrap; height: auto; padding: 8px 32px 8px 40px; --gap-h-245b92d0-3f1c-48fe-8989-8f71a6949cce: 0px; --gap-v-245b92d0-3f1c-48fe-8989-8f71a6949cce: 0px; max-width: 100%; }
}
@media screen and (max-width: 540px){
.sd[data-s-245b92d0-3f1c-48fe-8989-8f71a6949cce] { gap: 40px; padding: 8px 16px 8px 16px; --gap-h-245b92d0-3f1c-48fe-8989-8f71a6949cce: 40px; --gap-v-245b92d0-3f1c-48fe-8989-8f71a6949cce: 0px; }
}.sd[data-s-53fe3466-4c95-4635-bc67-ecb2390bd3b8] { align-content: center; align-items: center; flex-direction: row; flex-wrap: nowrap; gap: 84px; height: auto; justify-content: center; padding: 0px; --gap-h-53fe3466-4c95-4635-bc67-ecb2390bd3b8: 84px; --gap-v-53fe3466-4c95-4635-bc67-ecb2390bd3b8: 0px; --gap-uuid: 53fe3466-4c95-4635-bc67-ecb2390bd3b8; max-width: 100%; }
@media screen and (max-width: 540px){
.sd[data-s-53fe3466-4c95-4635-bc67-ecb2390bd3b8] { flex: none; gap: 40px; width: 100px; --gap-h-53fe3466-4c95-4635-bc67-ecb2390bd3b8: 40px; --gap-v-53fe3466-4c95-4635-bc67-ecb2390bd3b8: 0px; max-width: 100%; }
}.sd[data-s-65f6057b-dd92-41ae-b6d4-e1787d6f624e] { flex: none; height: auto; width: 120px; max-width: 100%; }
@media screen and (max-width: 840px){
.sd[data-s-65f6057b-dd92-41ae-b6d4-e1787d6f624e] { flex: none; width: 100px; max-width: 100%; }
}.sd[data-s-cd5bc1d1-e64a-473e-8c6d-d9ab971dbb3f] { align-content: center; align-items: center; flex-direction: row; flex-wrap: nowrap; gap: 0px; justify-content: center; padding: 0px; --gap-h-cd5bc1d1-e64a-473e-8c6d-d9ab971dbb3f: 0px; --gap-v-cd5bc1d1-e64a-473e-8c6d-d9ab971dbb3f: 0px; --gap-uuid: cd5bc1d1-e64a-473e-8c6d-d9ab971dbb3f; }
@media screen and (max-width: 1140px){
.sd[data-s-cd5bc1d1-e64a-473e-8c6d-d9ab971dbb3f] { display: flex; gap: 8px; --gap-h-cd5bc1d1-e64a-473e-8c6d-d9ab971dbb3f: 8px; --gap-v-cd5bc1d1-e64a-473e-8c6d-d9ab971dbb3f: 0px; }
}
@media screen and (max-width: 840px){
.sd[data-s-cd5bc1d1-e64a-473e-8c6d-d9ab971dbb3f] { display: flex; flex: none; height: auto; width: 48px; --gap-h-cd5bc1d1-e64a-473e-8c6d-d9ab971dbb3f: 0px; --gap-v-cd5bc1d1-e64a-473e-8c6d-d9ab971dbb3f: 0px; max-width: 100%; }
}
@media screen and (max-width: 540px){
.sd[data-s-cd5bc1d1-e64a-473e-8c6d-d9ab971dbb3f] { align-content: center; align-items: center; display: flex; flex-direction: column; flex-wrap: nowrap; gap: 0px; justify-content: center; --gap-h-cd5bc1d1-e64a-473e-8c6d-d9ab971dbb3f: 0px; --gap-v-cd5bc1d1-e64a-473e-8c6d-d9ab971dbb3f: 0px; }
}.sd[data-s-78ca8af6-5cba-4d8f-9ce1-859c96dbe3a5] { align-content: center; align-items: center; flex: none; flex-direction: row; flex-wrap: nowrap; gap: 0px; height: auto; justify-content: flex-end; margin: 0px 0px 0px 0px; overflow-x: hidden; overflow-y: hidden; padding: 0px 0px 0px 0px; width: auto; --gap-h-78ca8af6-5cba-4d8f-9ce1-859c96dbe3a5: 0px; --gap-v-78ca8af6-5cba-4d8f-9ce1-859c96dbe3a5: 0px; --gap-uuid: 78ca8af6-5cba-4d8f-9ce1-859c96dbe3a5; max-width: 100%; }
@media screen and (max-width: 1140px){
.sd[data-s-78ca8af6-5cba-4d8f-9ce1-859c96dbe3a5] { display: flex; flex: none; width: auto; --gap-h-78ca8af6-5cba-4d8f-9ce1-859c96dbe3a5: 0px; --gap-v-78ca8af6-5cba-4d8f-9ce1-859c96dbe3a5: 0px; }
}
@media screen and (max-width: 840px){
.sd[data-s-78ca8af6-5cba-4d8f-9ce1-859c96dbe3a5] { display: flex; flex: none; flex-wrap: wrap; gap: 24px 0px; height: calc(100% - (var(--gap-v-cd5bc1d1-e64a-473e-8c6d-d9ab971dbb3f) * 0)); padding: 0px 0px 0px 0px; width: calc(100% - (var(--gap-h-cd5bc1d1-e64a-473e-8c6d-d9ab971dbb3f) * 0)); --gap-h-78ca8af6-5cba-4d8f-9ce1-859c96dbe3a5: 0px; --gap-v-78ca8af6-5cba-4d8f-9ce1-859c96dbe3a5: 24px; max-width: calc(100% - (var(--gap-h-cd5bc1d1-e64a-473e-8c6d-d9ab971dbb3f) * 0)); }
}
@media screen and (max-width: 540px){
.sd[data-s-78ca8af6-5cba-4d8f-9ce1-859c96dbe3a5] { display: flex; gap: 10px 0px; margin: 0px; padding: 0px; --gap-h-78ca8af6-5cba-4d8f-9ce1-859c96dbe3a5: 0px; --gap-v-78ca8af6-5cba-4d8f-9ce1-859c96dbe3a5: 0px; width: calc(100% - (var(--gap-h-cd5bc1d1-e64a-473e-8c6d-d9ab971dbb3f) * 0)); max-width: calc(100% - (var(--gap-h-cd5bc1d1-e64a-473e-8c6d-d9ab971dbb3f) * 0)); height: calc(100% - (var(--gap-v-cd5bc1d1-e64a-473e-8c6d-d9ab971dbb3f) * 0)); }
}
@media screen and (max-width: 320px){
.sd[data-s-78ca8af6-5cba-4d8f-9ce1-859c96dbe3a5] { display: flex; --gap-h-78ca8af6-5cba-4d8f-9ce1-859c96dbe3a5: 0px; --gap-v-78ca8af6-5cba-4d8f-9ce1-859c96dbe3a5: 0px; }
}.sd[data-s-c4a0dc0c-7e72-445a-8bcd-b2add5fb9bb0] { align-content: flex-start; align-items: flex-start; flex: none; flex-direction: row; flex-wrap: nowrap; gap: 0px; height: auto; justify-content: flex-start; padding: 0px; width: auto; --gap-h-c4a0dc0c-7e72-445a-8bcd-b2add5fb9bb0: 0px; --gap-v-c4a0dc0c-7e72-445a-8bcd-b2add5fb9bb0: 0px; --gap-uuid: c4a0dc0c-7e72-445a-8bcd-b2add5fb9bb0; max-width: 100%; }
@media screen and (max-width: 1140px){
.sd[data-s-c4a0dc0c-7e72-445a-8bcd-b2add5fb9bb0] { display: none; --gap-h-c4a0dc0c-7e72-445a-8bcd-b2add5fb9bb0: 0px; --gap-v-c4a0dc0c-7e72-445a-8bcd-b2add5fb9bb0: 0px; }
}
@media screen and (max-width: 840px){
.sd[data-s-c4a0dc0c-7e72-445a-8bcd-b2add5fb9bb0] { display: none; flex: none; flex-wrap: wrap; gap: 4px 0px; width: calc(100% - (var(--gap-h-78ca8af6-5cba-4d8f-9ce1-859c96dbe3a5) * 0)); --gap-h-c4a0dc0c-7e72-445a-8bcd-b2add5fb9bb0: 0px; --gap-v-c4a0dc0c-7e72-445a-8bcd-b2add5fb9bb0: 4px; max-width: calc(100% - (var(--gap-h-78ca8af6-5cba-4d8f-9ce1-859c96dbe3a5) * 0)); }
}
@media screen and (max-width: 540px){
.sd[data-s-c4a0dc0c-7e72-445a-8bcd-b2add5fb9bb0] { display: none; gap: 2px 0px; padding: 0px; --gap-h-c4a0dc0c-7e72-445a-8bcd-b2add5fb9bb0: 0px; --gap-v-c4a0dc0c-7e72-445a-8bcd-b2add5fb9bb0: 0px; }
}
@media screen and (max-width: 320px){
.sd[data-s-c4a0dc0c-7e72-445a-8bcd-b2add5fb9bb0] { display: none; --gap-h-c4a0dc0c-7e72-445a-8bcd-b2add5fb9bb0: 0px; --gap-v-c4a0dc0c-7e72-445a-8bcd-b2add5fb9bb0: 0px; }
}.sd[data-s-92727ba3-ba96-455e-9560-2886e2407d08] { align-content: center; align-items: center; flex: none; flex-direction: row; flex-wrap: nowrap; gap: 20px; height: auto; justify-content: center; padding: 20px 8px; width: auto; --gap-h-92727ba3-ba96-455e-9560-2886e2407d08: 20px; --gap-v-92727ba3-ba96-455e-9560-2886e2407d08: 0px; --gap-uuid: 92727ba3-ba96-455e-9560-2886e2407d08; max-width: 100%; }
@media screen and (max-width: 840px){
.sd[data-s-92727ba3-ba96-455e-9560-2886e2407d08] { flex: none; width: calc(100% - (var(--gap-h-c4a0dc0c-7e72-445a-8bcd-b2add5fb9bb0) * 0)); --gap-h-92727ba3-ba96-455e-9560-2886e2407d08: 20px; --gap-v-92727ba3-ba96-455e-9560-2886e2407d08: 0px; max-width: calc(100% - (var(--gap-h-c4a0dc0c-7e72-445a-8bcd-b2add5fb9bb0) * 0)); }
}
@media screen and (max-width: 540px){
.sd[data-s-92727ba3-ba96-455e-9560-2886e2407d08] { gap: 8px; --gap-h-92727ba3-ba96-455e-9560-2886e2407d08: 8px; --gap-v-92727ba3-ba96-455e-9560-2886e2407d08: 0px; }
}.sd[data-s-cf750847-a76b-43f3-a742-41f832c7af60] { color: #333333; flex: none; font-family: var(--s-font-63aa1539); font-size: 1.1em; font-style: normal; font-weight: 600; height: auto; letter-spacing: 0.03em; line-height: 1.71; text-align: center; width: auto; max-width: 100%; justify-content: center; }
.sd[data-s-92727ba3-ba96-455e-9560-2886e2407d08]:hover .sd[data-s-cf750847-a76b-43f3-a742-41f832c7af60] { color: #d10d21; }
@media screen and (max-width: 840px){
.sd[data-s-cf750847-a76b-43f3-a742-41f832c7af60] { font-size: 13px; }
}
@media screen and (max-width: 540px){
.sd[data-s-cf750847-a76b-43f3-a742-41f832c7af60] { font-size: 13px; }
}.sd[data-s-cb293879-240d-4400-a4d0-b908809cbcd6] { align-content: center; align-items: center; flex: none; flex-direction: row; flex-wrap: nowrap; gap: 20px; height: auto; justify-content: center; padding: 20px 8px; transform: scale(1, 1); width: auto; --gap-h-cb293879-240d-4400-a4d0-b908809cbcd6: 20px; --gap-v-cb293879-240d-4400-a4d0-b908809cbcd6: 0px; --gap-uuid: cb293879-240d-4400-a4d0-b908809cbcd6; max-width: 100%; }
@media screen and (max-width: 840px){
.sd[data-s-cb293879-240d-4400-a4d0-b908809cbcd6] { flex: none; width: calc(100% - (var(--gap-h-c4a0dc0c-7e72-445a-8bcd-b2add5fb9bb0) * 0)); --gap-h-cb293879-240d-4400-a4d0-b908809cbcd6: 20px; --gap-v-cb293879-240d-4400-a4d0-b908809cbcd6: 0px; max-width: calc(100% - (var(--gap-h-c4a0dc0c-7e72-445a-8bcd-b2add5fb9bb0) * 0)); }
}
@media screen and (max-width: 540px){
.sd[data-s-cb293879-240d-4400-a4d0-b908809cbcd6] { gap: 8px; --gap-h-cb293879-240d-4400-a4d0-b908809cbcd6: 8px; --gap-v-cb293879-240d-4400-a4d0-b908809cbcd6: 0px; }
}.sd[data-s-720abbac-9992-4f7c-b66a-59d671d82d4c] { color: #333333; flex: none; font-family: var(--s-font-63aa1539); font-size: 1.1em; font-style: normal; font-weight: 600; height: auto; letter-spacing: 0.03em; line-height: 1.71; text-align: center; width: auto; max-width: 100%; justify-content: center; }
.sd[data-s-cb293879-240d-4400-a4d0-b908809cbcd6]:hover .sd[data-s-720abbac-9992-4f7c-b66a-59d671d82d4c]:hover { color: #d10d21; }
.sd[data-s-cb293879-240d-4400-a4d0-b908809cbcd6]:hover .sd[data-s-720abbac-9992-4f7c-b66a-59d671d82d4c] { color: #d10d21; }
@media screen and (max-width: 840px){
.sd[data-s-720abbac-9992-4f7c-b66a-59d671d82d4c] { font-size: 13px; }
}
@media screen and (max-width: 540px){
.sd[data-s-720abbac-9992-4f7c-b66a-59d671d82d4c] { font-size: 13px; }
}.sd[data-s-6e025cf6-f335-45dd-a4d1-5dd3eb62f652] { align-content: center; align-items: center; flex: none; flex-direction: row; flex-wrap: nowrap; gap: 20px; height: auto; justify-content: center; padding: 20px 8px; width: auto; --gap-h-6e025cf6-f335-45dd-a4d1-5dd3eb62f652: 20px; --gap-v-6e025cf6-f335-45dd-a4d1-5dd3eb62f652: 0px; --gap-uuid: 6e025cf6-f335-45dd-a4d1-5dd3eb62f652; max-width: 100%; }
.sd[data-s-6e025cf6-f335-45dd-a4d1-5dd3eb62f652]:hover {  --gap-h-6e025cf6-f335-45dd-a4d1-5dd3eb62f652: 20px; --gap-v-6e025cf6-f335-45dd-a4d1-5dd3eb62f652: 0px; }
@media screen and (max-width: 840px){
.sd[data-s-6e025cf6-f335-45dd-a4d1-5dd3eb62f652] { flex: none; width: calc(100% - (var(--gap-h-c4a0dc0c-7e72-445a-8bcd-b2add5fb9bb0) * 0)); --gap-h-6e025cf6-f335-45dd-a4d1-5dd3eb62f652: 20px; --gap-v-6e025cf6-f335-45dd-a4d1-5dd3eb62f652: 0px; max-width: calc(100% - (var(--gap-h-c4a0dc0c-7e72-445a-8bcd-b2add5fb9bb0) * 0)); }
}
@media screen and (max-width: 540px){
.sd[data-s-6e025cf6-f335-45dd-a4d1-5dd3eb62f652] { gap: 8px; --gap-h-6e025cf6-f335-45dd-a4d1-5dd3eb62f652: 8px; --gap-v-6e025cf6-f335-45dd-a4d1-5dd3eb62f652: 0px; }
}.sd[data-s-288ab505-ff6e-47a6-aa57-107afe03047f] { color: #333333; flex: none; font-family: var(--s-font-63aa1539); font-size: 1.1em; font-style: normal; font-weight: 600; height: auto; letter-spacing: 0.03em; line-height: 1.71; text-align: center; width: auto; max-width: 100%; justify-content: center; }
.sd[data-s-6e025cf6-f335-45dd-a4d1-5dd3eb62f652]:hover .sd[data-s-288ab505-ff6e-47a6-aa57-107afe03047f] { color: #d10d21; }
@media screen and (max-width: 840px){
.sd[data-s-288ab505-ff6e-47a6-aa57-107afe03047f] { font-size: 13px; }
}
@media screen and (max-width: 540px){
.sd[data-s-288ab505-ff6e-47a6-aa57-107afe03047f] { font-size: 13px; }
}.sd[data-s-6aac2b0f-1343-46bb-bb44-2d069b8d9eaf] { align-content: center; align-items: center; flex: none; flex-direction: row; flex-wrap: nowrap; gap: 20px; height: auto; justify-content: center; padding: 20px 8px; width: auto; --gap-h-6aac2b0f-1343-46bb-bb44-2d069b8d9eaf: 20px; --gap-v-6aac2b0f-1343-46bb-bb44-2d069b8d9eaf: 0px; --gap-uuid: 6aac2b0f-1343-46bb-bb44-2d069b8d9eaf; max-width: 100%; }
.sd[data-s-6aac2b0f-1343-46bb-bb44-2d069b8d9eaf]:hover {  --gap-h-6aac2b0f-1343-46bb-bb44-2d069b8d9eaf: 20px; --gap-v-6aac2b0f-1343-46bb-bb44-2d069b8d9eaf: 0px; }
@media screen and (max-width: 840px){
.sd[data-s-6aac2b0f-1343-46bb-bb44-2d069b8d9eaf] { flex: none; width: calc(100% - (var(--gap-h-c4a0dc0c-7e72-445a-8bcd-b2add5fb9bb0) * 0)); --gap-h-6aac2b0f-1343-46bb-bb44-2d069b8d9eaf: 20px; --gap-v-6aac2b0f-1343-46bb-bb44-2d069b8d9eaf: 0px; max-width: calc(100% - (var(--gap-h-c4a0dc0c-7e72-445a-8bcd-b2add5fb9bb0) * 0)); }
}
@media screen and (max-width: 540px){
.sd[data-s-6aac2b0f-1343-46bb-bb44-2d069b8d9eaf] { gap: 8px; --gap-h-6aac2b0f-1343-46bb-bb44-2d069b8d9eaf: 8px; --gap-v-6aac2b0f-1343-46bb-bb44-2d069b8d9eaf: 0px; }
}.sd[data-s-354e97d3-af9d-4b3f-b10c-287b156902c0] { color: #333333; flex: none; font-family: var(--s-font-63aa1539); font-size: 1.1em; font-style: normal; font-weight: 600; height: auto; letter-spacing: 0.02em; line-height: 1.71; text-align: center; width: auto; max-width: 100%; justify-content: center; }
.sd[data-s-6aac2b0f-1343-46bb-bb44-2d069b8d9eaf]:hover .sd[data-s-354e97d3-af9d-4b3f-b10c-287b156902c0] { color: #d10d21; }
@media screen and (max-width: 840px){
.sd[data-s-354e97d3-af9d-4b3f-b10c-287b156902c0] { font-size: 13px; }
}
@media screen and (max-width: 540px){
.sd[data-s-354e97d3-af9d-4b3f-b10c-287b156902c0] { font-size: 13px; }
}.sd[data-s-c5185d75-e5f3-4d97-8bbc-78ab1a26ebfe] { align-content: center; align-items: center; background: rgba(255, 255, 255, 0); flex: none; flex-direction: row; flex-wrap: nowrap; gap: 20px; height: auto; justify-content: center; padding: 20px 8px; width: auto; --gap-h-c5185d75-e5f3-4d97-8bbc-78ab1a26ebfe: 20px; --gap-v-c5185d75-e5f3-4d97-8bbc-78ab1a26ebfe: 0px; --gap-uuid: c5185d75-e5f3-4d97-8bbc-78ab1a26ebfe; max-width: 100%; }
.sd[data-s-c5185d75-e5f3-4d97-8bbc-78ab1a26ebfe]:hover { background: rgba(113, 113, 113, 0); --gap-h-c5185d75-e5f3-4d97-8bbc-78ab1a26ebfe: 20px; --gap-v-c5185d75-e5f3-4d97-8bbc-78ab1a26ebfe: 0px; }
@media screen and (max-width: 840px){
.sd[data-s-c5185d75-e5f3-4d97-8bbc-78ab1a26ebfe] { flex: none; width: calc(100% - (var(--gap-h-c4a0dc0c-7e72-445a-8bcd-b2add5fb9bb0) * 0)); --gap-h-c5185d75-e5f3-4d97-8bbc-78ab1a26ebfe: 20px; --gap-v-c5185d75-e5f3-4d97-8bbc-78ab1a26ebfe: 0px; max-width: calc(100% - (var(--gap-h-c4a0dc0c-7e72-445a-8bcd-b2add5fb9bb0) * 0)); }
}
@media screen and (max-width: 540px){
.sd[data-s-c5185d75-e5f3-4d97-8bbc-78ab1a26ebfe] { gap: 8px; --gap-h-c5185d75-e5f3-4d97-8bbc-78ab1a26ebfe: 8px; --gap-v-c5185d75-e5f3-4d97-8bbc-78ab1a26ebfe: 0px; }
}.sd[data-s-10e9a7eb-df0e-417b-9ce1-4f3c93c02fea] { color: #333333; flex: none; font-family: var(--s-font-63aa1539); font-size: 1.1em; font-style: normal; font-weight: 600; height: auto; letter-spacing: 0.03em; line-height: 1.71; text-align: center; width: auto; max-width: 100%; justify-content: center; }
.sd[data-s-c5185d75-e5f3-4d97-8bbc-78ab1a26ebfe]:hover .sd[data-s-10e9a7eb-df0e-417b-9ce1-4f3c93c02fea] { color: #d10d21; }
@media screen and (max-width: 840px){
.sd[data-s-10e9a7eb-df0e-417b-9ce1-4f3c93c02fea] { font-size: 13px; }
}
@media screen and (max-width: 540px){
.sd[data-s-10e9a7eb-df0e-417b-9ce1-4f3c93c02fea] { font-size: 13px; }
}.sd[data-s-b47952bd-bfa8-4261-9bc9-7c9ffbce395f] { align-content: center; align-items: center; flex: none; flex-direction: row; flex-wrap: nowrap; gap: 20px; height: auto; justify-content: center; padding: 20px 8px; width: auto; --gap-h-b47952bd-bfa8-4261-9bc9-7c9ffbce395f: 20px; --gap-v-b47952bd-bfa8-4261-9bc9-7c9ffbce395f: 0px; --gap-uuid: b47952bd-bfa8-4261-9bc9-7c9ffbce395f; max-width: 100%; }
.sd[data-s-b47952bd-bfa8-4261-9bc9-7c9ffbce395f]:hover {  --gap-h-b47952bd-bfa8-4261-9bc9-7c9ffbce395f: 20px; --gap-v-b47952bd-bfa8-4261-9bc9-7c9ffbce395f: 0px; }
@media screen and (max-width: 840px){
.sd[data-s-b47952bd-bfa8-4261-9bc9-7c9ffbce395f] { flex: none; width: calc(100% - (var(--gap-h-c4a0dc0c-7e72-445a-8bcd-b2add5fb9bb0) * 0)); --gap-h-b47952bd-bfa8-4261-9bc9-7c9ffbce395f: 20px; --gap-v-b47952bd-bfa8-4261-9bc9-7c9ffbce395f: 0px; max-width: calc(100% - (var(--gap-h-c4a0dc0c-7e72-445a-8bcd-b2add5fb9bb0) * 0)); }
}
@media screen and (max-width: 540px){
.sd[data-s-b47952bd-bfa8-4261-9bc9-7c9ffbce395f] { gap: 8px; --gap-h-b47952bd-bfa8-4261-9bc9-7c9ffbce395f: 8px; --gap-v-b47952bd-bfa8-4261-9bc9-7c9ffbce395f: 0px; }
}.sd[data-s-c1a044b0-a9d4-4f8f-b8f5-025987c4e341] { color: #333333; flex: none; font-family: var(--s-font-63aa1539); font-size: 1.1em; font-style: normal; font-weight: 600; height: auto; letter-spacing: 0.03em; line-height: 1.71; text-align: center; width: auto; max-width: 100%; justify-content: center; }
.sd[data-s-b47952bd-bfa8-4261-9bc9-7c9ffbce395f]:hover .sd[data-s-c1a044b0-a9d4-4f8f-b8f5-025987c4e341] { color: #d10d21; }
@media screen and (max-width: 840px){
.sd[data-s-c1a044b0-a9d4-4f8f-b8f5-025987c4e341] { font-size: 13px; }
}
@media screen and (max-width: 540px){
.sd[data-s-c1a044b0-a9d4-4f8f-b8f5-025987c4e341] { font-size: 13px; }
}.sd[data-s-7b1494e3-2134-4662-9de0-21b9cf75de0d] { align-content: center; align-items: center; background: transparent; flex: none; flex-direction: row; flex-wrap: nowrap; gap: 20px; height: auto; justify-content: center; padding: 20px 8px; width: auto; --gap-h-7b1494e3-2134-4662-9de0-21b9cf75de0d: 20px; --gap-v-7b1494e3-2134-4662-9de0-21b9cf75de0d: 0px; --gap-uuid: 7b1494e3-2134-4662-9de0-21b9cf75de0d; max-width: 100%; }
.sd[data-s-7b1494e3-2134-4662-9de0-21b9cf75de0d]:hover { background: rgba(255, 255, 255, 0); --gap-h-7b1494e3-2134-4662-9de0-21b9cf75de0d: 20px; --gap-v-7b1494e3-2134-4662-9de0-21b9cf75de0d: 0px; }
@media screen and (max-width: 840px){
.sd[data-s-7b1494e3-2134-4662-9de0-21b9cf75de0d] { flex: none; width: calc(100% - (var(--gap-h-c4a0dc0c-7e72-445a-8bcd-b2add5fb9bb0) * 0)); --gap-h-7b1494e3-2134-4662-9de0-21b9cf75de0d: 20px; --gap-v-7b1494e3-2134-4662-9de0-21b9cf75de0d: 0px; max-width: calc(100% - (var(--gap-h-c4a0dc0c-7e72-445a-8bcd-b2add5fb9bb0) * 0)); }
}
@media screen and (max-width: 540px){
.sd[data-s-7b1494e3-2134-4662-9de0-21b9cf75de0d] { gap: 8px; --gap-h-7b1494e3-2134-4662-9de0-21b9cf75de0d: 8px; --gap-v-7b1494e3-2134-4662-9de0-21b9cf75de0d: 0px; }
}.sd[data-s-ca602085-3f74-462f-85df-a6a977552661] { color: #333333; flex: none; font-family: var(--s-font-63aa1539); font-size: 1.1em; font-style: normal; font-weight: 600; height: auto; letter-spacing: 0.03em; line-height: 1.71; text-align: center; width: auto; max-width: 100%; justify-content: center; }
.sd[data-s-7b1494e3-2134-4662-9de0-21b9cf75de0d]:hover .sd[data-s-ca602085-3f74-462f-85df-a6a977552661] { color: #d10d21; }
@media screen and (max-width: 840px){
.sd[data-s-ca602085-3f74-462f-85df-a6a977552661] { font-size: 13px; }
}
@media screen and (max-width: 540px){
.sd[data-s-ca602085-3f74-462f-85df-a6a977552661] { font-size: 13px; }
}
.sd[data-s-2eac8368-7a20-4c9b-88a6-b74f5f6dd03a] { align-content: center; align-items: center; display: flex; flex: none; flex-direction: row; flex-wrap: nowrap; gap: 12px; height: auto; justify-content: flex-start; padding: 0 0 0 0; width: auto; --gap-h-2eac8368-7a20-4c9b-88a6-b74f5f6dd03a: 12px; --gap-v-2eac8368-7a20-4c9b-88a6-b74f5f6dd03a: 0px; --gap-uuid: 2eac8368-7a20-4c9b-88a6-b74f5f6dd03a; max-width: 100%; }
@media screen and (max-width: 1140px){
.sd[data-s-2eac8368-7a20-4c9b-88a6-b74f5f6dd03a] { display: flex; --gap-h-2eac8368-7a20-4c9b-88a6-b74f5f6dd03a: 12px; --gap-v-2eac8368-7a20-4c9b-88a6-b74f5f6dd03a: 0px; }
}
@media screen and (max-width: 840px){
.sd[data-s-2eac8368-7a20-4c9b-88a6-b74f5f6dd03a] { display: flex; flex: none; flex-wrap: wrap; gap: 24px 0px; width: calc(100% - (var(--gap-h-78ca8af6-5cba-4d8f-9ce1-859c96dbe3a5) * 0)); --gap-h-2eac8368-7a20-4c9b-88a6-b74f5f6dd03a: 0px; --gap-v-2eac8368-7a20-4c9b-88a6-b74f5f6dd03a: 24px; max-width: calc(100% - (var(--gap-h-78ca8af6-5cba-4d8f-9ce1-859c96dbe3a5) * 0)); }
}
@media screen and (max-width: 540px){
.sd[data-s-2eac8368-7a20-4c9b-88a6-b74f5f6dd03a] { display: flex; gap: 10px 0px; padding: 0px; --gap-h-2eac8368-7a20-4c9b-88a6-b74f5f6dd03a: 0px; --gap-v-2eac8368-7a20-4c9b-88a6-b74f5f6dd03a: 0px; }
}
@media screen and (max-width: 320px){
.sd[data-s-2eac8368-7a20-4c9b-88a6-b74f5f6dd03a] { display: flex; --gap-h-2eac8368-7a20-4c9b-88a6-b74f5f6dd03a: 12px; --gap-v-2eac8368-7a20-4c9b-88a6-b74f5f6dd03a: 0px; }
}.sd[data-s-1cdab015-a678-43b7-a478-b39e0f20bf8b] { color: #333333; display: flex; flex: none; font-family: var(--s-font-63aa1539); font-size: 14px; font-style: normal; font-weight: 600; height: auto; letter-spacing: 0.03em; line-height: 1.71; padding: 20px 8px; text-align: center; width: auto; max-width: 100%; justify-content: center; }
.sd[data-s-1cdab015-a678-43b7-a478-b39e0f20bf8b]:hover { color: #28AFA0;  }
@media screen and (max-width: 1140px){
.sd[data-s-1cdab015-a678-43b7-a478-b39e0f20bf8b] { display: flex; }
}
@media screen and (max-width: 840px){
.sd[data-s-1cdab015-a678-43b7-a478-b39e0f20bf8b] { display: none; flex: none; font-size: 13px; width: calc(100% - (var(--gap-h-2eac8368-7a20-4c9b-88a6-b74f5f6dd03a) * 0)); max-width: calc(100% - (var(--gap-h-2eac8368-7a20-4c9b-88a6-b74f5f6dd03a) * 0)); }
}
@media screen and (max-width: 540px){
.sd[data-s-1cdab015-a678-43b7-a478-b39e0f20bf8b] { display: none; font-size: 13px; }
}.sd[data-s-1488c7f6-c52b-4b96-b6ec-90995070eff6] { align-items: center; background: #28AFA0; border-radius: 999px; display: flex; flex: none; flex-direction: column; height: auto; justify-content: center; overflow-x: hidden; overflow-y: hidden; padding: 14px 22px 14px 22px; width: auto; max-width: 100%; }
.sd[data-s-1488c7f6-c52b-4b96-b6ec-90995070eff6]:hover { background: #15887b; opacity: 1;   }
@media screen and (max-width: 1140px){
.sd[data-s-1488c7f6-c52b-4b96-b6ec-90995070eff6] { display: flex; }
}
@media screen and (max-width: 840px){
.sd[data-s-1488c7f6-c52b-4b96-b6ec-90995070eff6] { display: none; }
}
@media screen and (max-width: 540px){
.sd[data-s-1488c7f6-c52b-4b96-b6ec-90995070eff6] { display: none; }
}.sd[data-s-8c26791a-651a-451a-b817-bdae9c974fc1] { color: #FFFFFF; font-family: var(--s-font-818239a7); font-size: 14px; font-style: normal; font-weight: 700; height: auto; letter-spacing: 0.03em; line-height: 1; margin: 0px; text-align: left; width: auto; z-index: 2; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 1140px){
.sd[data-s-8c26791a-651a-451a-b817-bdae9c974fc1] { font-size: 14px; }
}
@media screen and (max-width: 840px){
.sd[data-s-8c26791a-651a-451a-b817-bdae9c974fc1] { font-size: 14px; }
}
@media screen and (max-width: 540px){
.sd[data-s-8c26791a-651a-451a-b817-bdae9c974fc1] { font-size: 13px; }
}.sd[data-s-07e41a8f-696b-45c1-9172-d380073792fe] { background: #d10d21; display: none; flex: none; height: 100%; left: 0; margin: 0 0 0 0; position: absolute; top: 0; transform: scale(1, 0); transform-origin: bottom center; width: 100%; max-width: 100%; }
.sd[data-s-1488c7f6-c52b-4b96-b6ec-90995070eff6]:hover .sd[data-s-07e41a8f-696b-45c1-9172-d380073792fe] { transform: scale(1, 1); transition-timing-function: ease-in; }
@media screen and (max-width: 1140px){
.sd[data-s-07e41a8f-696b-45c1-9172-d380073792fe] { display: flex; }
}
@media screen and (max-width: 840px){
.sd[data-s-07e41a8f-696b-45c1-9172-d380073792fe] { display: flex; }
}
@media screen and (max-width: 540px){
.sd[data-s-07e41a8f-696b-45c1-9172-d380073792fe] { display: flex; }
}
@media screen and (max-width: 320px){
.sd[data-s-07e41a8f-696b-45c1-9172-d380073792fe] { display: flex; }
}.sd[data-s-648b37da-8655-47fc-9a65-1302d9ab35cd] { align-items: center; background: #fea400; border-radius: 999px; display: flex; flex: none; flex-direction: column; height: auto; justify-content: center; padding: 14px 24px 14px 22px; transform: translate(0px, 0px); width: auto; max-width: 100%; }
.sd[data-s-648b37da-8655-47fc-9a65-1302d9ab35cd]:hover { background: #df9000; transform: translate(0px, 0px); }
@media screen and (max-width: 1140px){
.sd[data-s-648b37da-8655-47fc-9a65-1302d9ab35cd] { display: flex; }
}
@media screen and (max-width: 840px){
.sd[data-s-648b37da-8655-47fc-9a65-1302d9ab35cd] { display: none; }
}
@media screen and (max-width: 540px){
.sd[data-s-648b37da-8655-47fc-9a65-1302d9ab35cd] { display: none; }
}.sd[data-s-3c36be94-a9b0-40b0-94e2-9004d1501780] { color: #FFFFFF; font-family: var(--s-font-818239a7); font-size: 14px; font-style: normal; font-weight: 700; height: auto; letter-spacing: 0.03em; line-height: 1; margin: 0px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 1140px){
.sd[data-s-3c36be94-a9b0-40b0-94e2-9004d1501780] { font-size: 14px; }
}
@media screen and (max-width: 840px){
.sd[data-s-3c36be94-a9b0-40b0-94e2-9004d1501780] { font-size: 14px; }
}
@media screen and (max-width: 540px){
.sd[data-s-3c36be94-a9b0-40b0-94e2-9004d1501780] { font-size: 13px; }
}.sd[data-s-b546430e-9578-42e6-a50d-1c700611eb40] { align-items: center; display: none; flex-direction: column; height: auto; justify-content: flex-start; padding: 0px; width: 48px; max-width: 100%; }
@media screen and (max-width: 1140px){
.sd[data-s-b546430e-9578-42e6-a50d-1c700611eb40] { display: flex; flex: none; height: calc(50% - (var(--gap-v-2eac8368-7a20-4c9b-88a6-b74f5f6dd03a) * 0.5)); width: 48px; max-width: 100%; }
}
@media screen and (max-width: 840px){
.sd[data-s-b546430e-9578-42e6-a50d-1c700611eb40] { display: flex; }
}
@media screen and (max-width: 540px){
.sd[data-s-b546430e-9578-42e6-a50d-1c700611eb40] { display: flex; padding: 0px; }
}
@media screen and (max-width: 320px){
.sd[data-s-b546430e-9578-42e6-a50d-1c700611eb40] { display: flex; }
}
.sd[data-s-16bbe11e-9792-4288-9a40-b4c6cb96368f] {
  align-items: center;
  background: linear-gradient(var(--g-angle), var(--g-color-0) var(--g-position-0), rgb(227, 105, 84) var(--g-position-1));
  border-radius: 50%;
  flex-direction: column;
  height: auto;
  justify-content: center;
  margin: 0px;
  padding: 12px;
  width: 30px;
  max-width: 100%;
  --g-color-0: rgb(209, 13, 33);
  --g-position-0: 0%;
  --g-color-1: rgb(247, 210, 143);
  --g-position-1: 100%;
  --g-color-2: rgb(247, 210, 143);
  --g-position-2: 100%;
  --g-color-3: rgb(247, 210, 143);
  --g-position-3: 100%;
  --g-color-4: rgb(247, 210, 143);
  --g-position-4: 100%;
  --g-color-5: rgb(247, 210, 143);
  --g-position-5: 100%;
  --g-color-6: rgb(247, 210, 143);
  --g-position-6: 100%;
  --g-color-7: rgb(247, 210, 143);
  --g-position-7: 100%;
  --g-color-8: rgb(247, 210, 143);
  --g-position-8: 100%;
  --g-color-9: rgb(247, 210, 143);
  --g-position-9: 100%;
  --g-color-10: rgb(247, 210, 143);
  --g-position-10: 100%;
  --g-color-11: rgb(247, 210, 143);
  --g-position-11: 100%;
  --g-angle: 204.13deg;
}
@media screen and (max-width: 540px){
.sd[data-s-16bbe11e-9792-4288-9a40-b4c6cb96368f] { margin: 0px; padding: 4px; }
}.sd[data-s-04c5e19b-793c-40a2-ad82-226d15c2d357] { align-items: center; flex-direction: column; height: auto; justify-content: center; margin: 0px; width: 100%; max-width: 100%; }

.sd {
    flex-wrap: nowrap;
    max-width: 100%;
    pointer-events: all;
    z-index: 0;
    -webkit-overflow-scrolling: touch;
    align-content: center;
    align-items: center;
    display: flex;
    flex: none;
    flex-direction: column;
    position: relative;
}

/* モーダル全体 */
.modal {
  position: fixed;
  inset: 0;
  display: none;
  z-index: 1000;
}

/* モーダルが開いた状態 */
.modal.is-active {
  display: block;
}

/* 背景オーバーレイ */
.modal-overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.5);
}

/* モーダル本体 */
.modal-content {
  position: absolute;
  top: 0;
  right: 0;
  width: 80%;
  max-width: 360px;
  height: 100%;
  background: #fff;
  padding: 24px 20px;
  box-shadow: -4px 0 12px rgba(0,0,0,0.1);
  overflow-y: auto;

  /* アニメーション用 */
  transform: translateX(100%);
  transition: transform 0.3s ease;
}

/* 開いたとき */
.modal.is-active .modal-content {
  transform: translateX(0);
}

/* ヘッダー部分 */
.modal-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 24px;
}

.modal-logo {
  height: 32px;
}

.modal-close {
  font-size: 24px;
  background: none;
  border: none;
  cursor: pointer;
  line-height: 1;
}

/* ナビゲーションリンク */
.modal-nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.modal-nav li {
  margin-bottom: 16px;
}

.modal-nav a {
  text-decoration: none;
  font-size: 16px;
  color: #222;
  transition: color 0.2s;
}

.modal-nav a:hover {
  color: #00796b; /* 適宜ブランドカラーに */
}

/* CTA ボタン */
.modal-cta {
  margin-top: 32px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.btn {
  display: block;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  padding: 14px 0;
  border-radius: 8px;
  text-decoration: none;
}

.btn-download {
  background: #009688;
  color: #fff;
}

.btn-contact {
  background: #ff9800;
  color: #fff;
}

/* モーダルが開いているときの背景スクロール防止 */
body.is-modal-open {
  overflow: hidden;
}

.business-button.sm.headerbtn[data-v-b03452e9] {
  border-radius: 30px;
  font-size: 1.2em;
  height: 45px;
}

.modal-cta .list-link[data-v-200a3ad5] {
  display: block;
  pointer-events: auto;
  list-style-type: none;
  margin: 0;
}

.modal-cta .list-link[data-v-200a3ad5] li {
  margin-bottom: 5px;
}

button {
  border: none;         /* 枠線を消す */
  background: none;     /* 背景を消す */
  outline: none;        /* フォーカス時の枠線を消す（注意点あり） */
  padding: 0;           /* 余白をリセット */
  margin: 0;
  font: inherit;        /* 親のフォントに揃える */
  color: inherit;       /* 親の文字色に揃える */
  cursor: pointer;      /* クリックできるようにマウスカーソル変更 */
}

a[data-v-7f8e1ab2] {
  color: #333;
}

.animate__animated {
  opacity: 0;
  visibility: hidden;
}

.animate__animated.is-visible {
  opacity: 1;
  visibility: visible;
}

/* 初期は完全に隠す */
.io-target {
  opacity: 0;
  visibility: hidden;
  will-change: opacity, transform;
}

/* 発火時に表示させる */
.io-target.is-visible {
  opacity: 1;
  visibility: visible;
}


    /* ====== Modal ====== */
    .modal-backdrop2 {
      position: fixed; inset: 0;
      display: none;
      align-items: center; justify-content: center;
      background: var(--bg);
      z-index: 9999;
    }
    .modal-backdrop2[aria-hidden="false"] { display:flex; }

    .modal-dialog2 {
  position: relative;
  border-radius: var(--radius);
  max-width: 430px;
  width: auto;
  box-shadow: 0 20px 60px rgba(0,0,0,.25);
  overflow: hidden;
}
    .modal-header2 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 12px 16px;
  border-bottom: 1px solid #eee;
  position: relative;
}
.modal-title2 {
  font-size: 2em;
  font-weight: 700;
  position: absolute;
  top: 110px;
  color: white;
  left: 23%;
  z-index: 1;
  letter-spacing: 5px;
}
    .modal-body2 { padding:0; }
    .modal-body2 img {
        display: block;
        width: 100%;
        height: auto;
    }
    .modal-footer2 { padding:10px 16px; border-top:1px solid #eee; font-size:13px; color:var(--muted); }

    .modal-backdrop2 {
      position: fixed;
      inset: 0;
      display: none;
      align-items: center;
      justify-content: center;
      background: #ffffff69;
      z-index: 9999;
    }
    .modal-close2:hover { background:#e5e7eb; }

    /* スクロール固定用 */
    .no-scroll2 { overflow:hidden; }

.imgtext svg {
  width: 10%;
}
.imgtext {
  position: absolute;
  z-index: 1;
  top: 53%;
  font-size: 1.8em;
  font-weight: bold;
  display: flex;
  justify-content: center;
}
.imgtext2-box {
  position: absolute;
  z-index: 1;
  display: flex;
  top: 72%;
  left: 20%;
  gap: 45%;
}
.imgtext2-after {
  font-size: 3.5em;
  font-weight: bold;
  align-content: center;
  color: #11327c;
}
.imgtext2-before {
  font-size: 2.5em;
  font-weight: bold;
  color: #000000b2;
  align-content: center;
}
    @media (prefers-reduced-motion: no-preference) {
      .modal-dialog2 { transform: translateY(8px); opacity:0; transition: transform .2s ease, opacity .2s ease; }
      .modal-backdrop2[aria-hidden="false"] .modal-dialog2 { transform:none; opacity:1; }
    }

@media screen and (max-width: 540px){
  .modal-title2 {
    top: 90px;
    left: 21%;
  }
  .imgtext {
    font-size: 7vw;
  }
  .imgtext2-before {
    font-size: 9vw;
  }
  .imgtext2-after {
    font-size: 13vw;
  }

}    



.contact_box {
  margin: 9% 20% 0;
}

.contsSubbody {
  margin: 3% 20% 0;
  background: #ffe1e4;
  padding: 3%;
}

.contact_title {
  text-align: center;
  font-size: 2em;
  border: 6px double #d10d21;
}

.contact_text {
  border-left: 2.5px solid #d10d21;
  border-right: 2.5px solid #d10d21;
  border-bottom: 2.5px solid #d10d21;
  padding: 3% 4%;
}

.contact_text p {

}

.contsBody {
  padding: 4%;
}

.row {
  margin-right: 0;
  margin-left: 0;
  display: flex;
  align-items: center;
  margin-bottom: 25px;
  padding-bottom: 25px;
  border-bottom: 1px solid rgba(200,200,200,.5);
}

.comit-bb {
  font-size: 16px;
}

.formTitle {
  padding-right: 0;
  padding-left: 0;
  width: 30%;
  display: flex;
  align-items: center;
  justify-content: left;
  font-size: 15px;
  position: relative;
  font-weight: 500;
}

.re {
  background-color: #d50000;
  color: #fff;
  font-size: .8em;
  padding: 2px 5px;
  margin-right: 20px;
}

.formArea {
  padding-right: 0;
  padding-left: 20px;
  width: 70%;
}

.radio-group {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: left;
}

.radio-group input {
  display: none;
}

input[type="text"] {
  margin: 0;
  padding: 10px 15px;
  font-weight: 700;
  font-size: 1.2em;
  border: 2px solid #ccc;
  text-align: left;
}

input[type="checkbox"], input[type="radio"] {
  margin: 4px 0 0;
  margin-top: 1px\9;
  line-height: normal;
}

label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: 700;
}

.radio-group label {
  background-color: #ffcfcf;
  color: #d50000;
  border: 2px solid #d50000;
  border-radius: 3px;
  font-size: 15px;
  padding: 10px;
  width: 23%;
  margin-right: 2%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 2%;
  text-align: center;
  min-height: 50px;
}

.radio-group input[type="radio"]:checked + label {
  background-color: #d50000;
  color: #fff;
}

.contsBody label {
  cursor: pointer;
}

.form-inline {
  width: fit-content;
  position: relative;
  max-width: 100%;
}

input[type="number"] {
  margin: 0;
  padding: 10px 15px;
    padding-right: 15px;
  font-weight: 700;
  font-size: 1.2em;
  border: 2px solid #ccc;
  text-align: left;
  display: block;
}

.form-inline input {
  padding-right: 40px;
}

.after_text_f {
  position: absolute;
  color: #d50000;
  font-weight: 500;
  font-size: 1.5em;
  right: 10px;
  top: 0;
  bottom: 0;
  margin: auto;
    margin-top: auto;
  left: auto;
  line-height: 1em;
  display: flex;
  justify-content: center;
  align-items: center;
  max-height: 48px;
  margin-top: 0;
}

.form_attention {
  margin-top: 10px;
}

input[type="checkbox"] + label {
  margin-bottom: 0;
  font-weight: 600;
  font-size: 17px;
  padding-left: 30px;
  margin-top: 20px;
  position: relative;
}

textarea {
  overflow: auto;
}

button, input, select, textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

textarea {
  margin: 0;
  padding: 10px 15px;
  font-weight: 700;
  font-size: 1.2em;
  border: 2px solid #ccc;
  text-align: left;
  width: 100%;
  min-height: 150px;
  vertical-align: top;
}

.text_message.attention_text {
  margin-top: 15px;
  display: none;
}

select {
  margin: 0;
  padding: 10px 15px;
  font-weight: 400;
  font-size: 1.2em;
  border: 2px solid #ccc;
  text-align: left;
  background-color: #fff;
}

input[type="email"] {
  margin: 0;
  padding: 10px 15px;
  font-weight: 700;
  font-size: 1.2em;
  border: 2px solid #ccc;
  text-align: left;
  display: block;
}

input[type="tel"] {
  margin: 0;
  padding: 10px 15px;
  font-weight: 700;
  font-size: 1.2em;
  border: 2px solid #ccc;
  text-align: left;
}

input[type="tel"] {
  display: block;
}

.fa-exclamation-triangle::before, .fa-triangle-exclamation::before, .fa-warning::before {
  content: "\f071";
}

.contsBody .submit {
  margin-right: auto;
  margin-left: auto;
  display: block;
  max-width: 500px;
  width: 100%;
  font-weight: 500;
  font-size: 18px;
  position: relative;
  margin-top: 30px;
}

.contsBody .submit input[type="submit"] {
  background-color: #fff;
  border: 2px solid #333;
  padding: 15px;
  max-width: 500px;
  width: 100%;
  color: #333;
  display: block;
  margin-right: auto;
  margin-left: auto;
  position: relative;
  background-color: transparent;
}

.contsBody .submit:hover input[type="submit"] {
  color: #fff;
  transition: all .3s ease-in;
  background: #333;
}

button, html input[type="button"], input[type="reset"], input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}

.contsBody .submit::before {
  content: "";
  width: 100%;
  bottom: 0;
  right: 0;
  left: 0;
  top: auto;
  margin: auto;
  background-color: #333;
  position: absolute;
  height: 0;
  transition: all .3s ease-in;
}

.privacypolicy_ttle {
  font-size: 2em;
}

.form_title {
  text-align: center;
  font-weight: 700;
  font-size: 2em;
  position: relative;
  padding-bottom: 25px;
  margin-bottom: 50px;
}

.form_title::before {
  content: "";
  width: 7vw;
  height: 3px;
  background-color: #d50000;
  position: absolute;
  right: 0;
  left: 0;
  margin: auto;
  bottom: 0;
}

.privacypolicy {
  margin: 10%;
}

.privacypolicy-h3title {
  font-size: 1.7em;
  font-weight: 600;
  border-bottom: 3px solid #c11a26;
  padding-bottom: 8px;
}

.company_ttle {
  font-size: 2em;
}

.company {
  margin: 10% 10% 0;
}

table {
  width: 100%;
  margin-bottom: 5%;
}

tr {
  border: 3px solid #c11a26;
  text-align: center;
}

th {
  text-align: center;
  font-size: 1.5em;
  padding: 2.5%;
  border: 3px solid #c11a26;
}

td {
  border: 3px solid #c11a26;
  font-size: 1.2em;
}

.company-active {
  margin: 5% 18%;
}

.companyactive-title {
  font-size: 2em;
}

.company--active {
  table-layout: fixed;
}

table.company--active td {
    font-size: 1vw;
    padding: 2.5%;
    border-right: 2px solid #c11a26;
}

.company-img {
  width: 100%;
}

.main_contents {
  margin: 8% 0% 0;
}

.chart {
  font-size: 2em;
}

.day_rate {
  margin: 3% 20% 0;
  background: #ffe1e4;
  padding: 3%;
}

.contactform dl {
  margin-right: 0;
  margin-left: 0;
  display: flex;
  align-items: center;
  margin-bottom: 25px;
  padding-bottom: 25px;
  border-bottom: 1px solid rgba(200,200,200,.5);
}
.contactform dt {
    width: 25%;
    font-size: 18px;
    display: flex
;
    align-items: center;
    background-position: center;
    border-radius: 5px;
    padding: 0 15px;
    font-weight: 500;
}
.contactform dd {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: left;
  width: 100%;
}

.radio_box label {
  background-color: #ffcfcf;
  color: #d50000;
  border: 2px solid #d50000;
  border-radius: 3px;
  font-size: 15px;
  padding: 10px;
  margin-right: 2%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 2%;
  text-align: center;
  min-height: 50px;
  height: 70px;
  cursor: pointer;
  width: 100%;
}

.radio_box {
  margin-right: 6.5%;
}
.radio_box input[type="checkbox"], .radio_box input[type="radio"] {
  margin: 4px 0 0;
  margin-top: 1px\9;
  line-height: normal;
  display: none;
}

.radio_box input[type="radio"]:checked + label {
  background-color: #d50000;
  color: #fff;
}
@media screen and (max-width: 540px){
  .contact_title {
    font-size: 5vw;
  }

  .contact_box {
    margin-right: 5px;
    margin-left: 5px;
    margin-top: 70px;
  }

  .contact_text {
    padding: 25px 15px;
  }

  .contsSubbody {
    border-radius: 0;
    padding: 10px;
    margin-top: 15px;
    margin-right: 5px;
    margin-left: 5px;
    margin-bottom: 35px;
  }

  .contsBody {
    padding: 10px;
    background-color: #fff;
    border-radius: 0;
  }

  .row {
    flex-wrap: wrap;
  }

  .formTitle {
    width: 100%;
    margin-bottom: 15px;
  }

  .formArea {
    padding-right: 0;
    padding-left: 0;
    width: 100%;
  }
  
  .radio-group label {
    width: 41%;
  }
  
  .radio-group label:nth-of-type(2n) {
    margin-right: 0;
  }

  input {
    max-width: 90%;
  }  
.form-inline input {
  padding-right: 20px;
}
.subpage {
  margin: 0;
}
textarea {
  width: 90%;
}
select {
    width: 100%;
}
.after_text_f {
  font-size: 5vw;
  right: 5px;
}
.form_area {
  margin-top: 15%;
}
.company {
  margin: 15% 1% 0;
}
th {
  font-size: 4vw;
}
td {
  font-size: 3.8vw;
}
.company_ttle {
  font-size: 7vw;
  margin-top: 20%;
}
.company-active {
  margin: 5% 2%;
}
.companyactive-title {
  font-size: 7vw;
}
.privacypolicy {
  margin: 17% 2% 0;
}
.privacypolicy_ttle {
  font-size: 7vw;
}
.privacypolicy-subtitle {
  font-size: 6vw;
}
.privacypolicy-h3title {
  font-size: 5vw;
}

}
.product2_span1 {
  display: flex;
  align-items: center;
  width: 15%;
  position: relative;
}
#product2 {
  width: 10%;
}

.simulation_text {
  min-height: 60px;
  display: flex;
  align-items: center;
  font-size: 18px;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  border-radius: 5px;
  background-color: #fff;
  padding-bottom: 10px;
  padding-top: 3px;
}
.simulation_box {
  display: flex;
  align-items: baseline;
  font-size: 18px;
  flex-wrap: wrap;
}
.blue_text {
  color: #d50000;
  font-weight: 700;
  font-size: 30px;
  padding-right: 5px;
  padding-left: 5px;
}