.acd-content {
    box-sizing: border-box;
}

.design__wrap {
    overflow-x: scroll;
}

.design {
    position: relative;
    width: 800px;
    margin-inline: auto;
}

.design__image--img {
    display: block;
    margin-inline: auto;
}

.design__text {
    position: absolute;
    width: 275px;
    color: #555;
    border-bottom: 1px solid #bdbfc3;
}

.design__text--sample {
    bottom: 338px;
    left: 0;
}

.design__text--conc {
    bottom: 180px;
    left: 0;
}

.design__text--start {
    bottom: 128px;
    left: 0;
}

.design__text--battery {
    bottom: 23px;
    left: 0;
}

.design__text--ti {
    right: 0;
    bottom: 391px;
    text-align: end;
}

.design__text--zero {
    right: 0;
    bottom: 128px;
    text-align: end;
}

.design__text--strap {
    right: 0;
    bottom: 22px;
    text-align: end;
}

.ex-note {
    box-sizing: border-box;
    padding-block: 0 1.5em;
    padding-inline: 2em;
    font-size: 14px;
    color: #555;
    text-align: center;
}

.how_use {
    display: flex;
}

.how_use__box {
    width: 33.33%;
}

.kisyaku__title {
    padding-block: 1em 0;
    padding-inline: 1.3em;
    font-weight: bold;
    background-color: #f1f1f3;
}

.kisyaku {
    display: flex;
}

.howto_box {
    width: 25%;
    padding-block: 1em 1em;
    color: #555;
    text-align: center;
    background-color: #f1f1f3;
}

.kisyaku__how {
    display: flex;
    gap: 16%;
    justify-content: center;
    margin-block: 1em 0;
}

.kisyaku__how--text {
    width: fit-content;
    padding-block: 1px;
    padding-inline: 1em;
    font-size: 12px;
    border: 1px solid #555;
    border-radius: 100vmax;
}

.kisyaku__how--detail {
    padding-inline: 2em;
    margin-block: 1em 0;
    font-size: 10px;
}

@media (max-width: 960px) {
    .design {
        width: 560px;
    }

    .design__image--img {
        width: 200px;
    }

    .design__text {
        width: 180px;
        font-size: 14px;
    }

    .design__text--sample {
        bottom: 270px;
    }

    .design__text--conc {
        bottom: 144px;
    }

    .design__text--start {
        bottom: 102px;
    }

    .design__text--battery {
        bottom: 18px;
    }

    .design__text--ti {
        bottom: 313px;
    }

    .design__text--zero {
        bottom: 102px;
    }

    .design__text--strap {
        bottom: 18px;
    }

    .howto_box--image {
        width: 46%;
    }

    .ex-note {
        width: 54%;
        padding-block: 0;
        padding-inline: 1em;
        text-align: start;
    }

    .how_use {
        flex-direction: column;
    }

    .how_use__box {
        display: flex;
        align-items: center;
        width: 100%;
        margin-block: 0;
    }

    .kisyaku {
        flex-direction: column;
    }

    .howto_box {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        margin-block: 0;
    }

    .kisyaku__image {
        width: 42%;
    }

    .kisyaku__text {
        width: 58%;
    }
}