.w100-img {
    display: block;
    width: 100%;
}

.h100-img {
    display: block;
    height: 100%;
}

.clearfix::after {
    content: '';
    display: block;
    height: 0;
    visibility: hidden;
    clear: both;
}

.overflow-hidden {
    overflow: hidden !important;
}

.fonts-family-light {
    font-family: 'Avenir Next Light';
}

.fonts-family-regular {
    font-family: 'Avenir Next Regular';
}

.fonts-family-medium {
    font-family: 'Avenir Next Medium';
}

.fonts-family-demi {
    font-family: 'Avenir Next Demi Bold';
}

.fonts-family-bold {
    font-family: 'Avenir Next Bold';
}

#honor-band5-sport {
    position: relative;
    background: #fff;
    color: #000;
    font-size: 0;
    line-height: 1;
    overflow-x: hidden;
}

.hbs-section {
    position: relative;
    padding-top: 6vw;
}

.hbs-section:first-child {
    padding-top: 0;
}

.hbs-section-title {
    font-size: 3.54vw;
    line-height: 1.3;
}

.hbs-section-desc {
    font-size: 1.35vw;
    line-height: 1.3;
}

.hbs-section.lr {
    text-align: center;
}

.hbs-section.lr .hbs-section-text {
    margin-bottom: 4vw;
}

.hbs-section.lr .hbs-section-title,
.hbs-section.lr .hbs-section-desc {
    text-align: left;
    display: inline-block;
    vertical-align: middle;
    width: 37.25vw;
}

.hbs-section.lr .hbs-section-desc {
    width: 38.75vw;
}

.hbs-section-icon {
    display: inline-block;
    vertical-align: top;
}

.hbs-section-icon-img {
    display: block;
    margin: 0 auto;
}

.hbs-section-icon-desc {
    text-align: center;
    font-size: 0.83vw;
    line-height: 1.3;
    margin-top: 0.5vw;
}

#honor-band5-sport sup {
    font-size: 60%;
    cursor: pointer;
}

/* section 01 */
.hbs-section-01 {
    color: #fff;
}

.hbs-section-01-text {
    position: absolute;
    left: 12.08vw;
    top: 15.99vw;
}

.hbs-section-01-text-logo {
    display: block;
    width: 28.7vw;
}

.hbs-section-01-text-slogan {
    font-size: 2.52vw;
    margin: 1.67vw 0 2.45vw;
}

.hbs-section-01-text-ksp {
    margin-bottom: 1vw;
}

.hbs-section-01-text-ksp:last-child {
    margin-bottom: 0;
}

.hbs-section-01-text-ksp-icon {
    display: inline-block;
    vertical-align: middle;
    width: 1.82vw;
}

.hbs-section-01-text-ksp-desc {
    display: inline-block;
    vertical-align: middle;
    font-size: 1.35vw;
    margin-left: 0.68vw;
}

/* section 02 */
.hbs-section-02-bg-desc-box {
    position: absolute;
    bottom: 7%;
    width: 100%;
    text-align: center;
}

.hbs-section-02-bg-desc {
    display: inline-block;
    vertical-align: top;
    font-size: 1.2vw;
    margin-left: 5.1%;
}

.hbs-section-02-bg-desc:first-child {
    margin-left: 0;
}

.hbs-section-02-bg-desc:first-child,
.hbs-section-02-bg-desc:nth-child(2),
.hbs-section-02-bg-desc:nth-child(3) {
    transform: translateX(0.2vw);
}


.hbs-section-02-bg-desc:nth-child(4),
.hbs-section-02-bg-desc:nth-child(5),
.hbs-section-02-bg-desc:last-child {
    transform: translateX(1vw);
}

/* section 03 */

/* section 04 */
.hbs-section-04-bg {
    width: 94.21875%;
    margin: 0 auto;
}

.hbs-section-04-bg>div {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 49.75%;
}

.hbs-section-04-bg-right {
    margin-left: 0.5%;
}

.hbs-section-04-bg-desc {
    position: absolute;
    bottom: 1.46vw;
    right: 5.05vw;
    font-size: 1vw;
}

/* section 05 */
.hbs-section-05-text {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 30.2%;
    margin-left: 12%;
    z-index: 2;
    transform: translateY(-6vw);
}

.hbs-section-05-text .hbs-section-05-desc {
    width: 90%;
    margin-top: 5vw;
}

.hbs-section-05-bg {
    position: relative;
    text-align: right;
    display: inline-block;
    vertical-align: middle;
    width: 57.8%;
}

.hbs-section-05-bg .w100-img {
    width: 140%;
    margin-left: -40%;
}

.hbs-section-05-bg-desc {
    position: absolute;
    font-size: 1.2vw;
}

.hbs-section-05-bg-desc.red {
    color: #e60012;
}

.hbs-section-05-bg-desc.green {
    color: #00ff00;
}

.hbs-section-05-bg-desc.yellow {
    color: #fff600;
}

.hbs-section-05-bg-desc.blue {
    color: #0000ff;
}

.hbs-section-05-bg-desc.purple {
    color: #670496;
}

.hbs-section-05-bg-desc.pink {
    color: #fea2c9;
}

.hbs-section-05-bg-desc-up {
    top: 3.6%;
    left: 46.7%;
}

.hbs-section-05-bg-desc-down {
    bottom: 25%;
    left: 45.4%;
}

.hbs-section-05-bg-desc-back {
    top: 25.8%;
    left: 6%;
    transform: rotate(13deg);
}

.hbs-section-05-bg-desc-front {
    bottom: 49.5%;
    right: 14%;
    transform: rotate(13deg);
}

.hbs-section-05-bg-desc-roll {
    top: 47%;
    left: 21%;
    transform: rotate(13deg);
}

.hbs-section-05-bg-desc-left {
    bottom: 45.4%;
    left: 7.6%;
    transform: rotate(-22deg);
}

.hbs-section-05-bg-desc-right {
    top: 24.7%;
    right: 15.8%;
    transform: rotate(-22deg);
}

.hbs-section-05-bg-desc-pitch {
    top: 16.7%;
    left: 45%;
}

.hbs-section-05-bg-desc-yaw {
    top: 45%;
    right: 26%;
    transform: rotate(-40deg);
}

/* section 06 */
.hbs-section-06-bg {
    position: relative;
    color: #fff;
}

.hbs-section-06-bg-icon-box {
    position: absolute;
    top: 4.11vw;
    right: 5.94vw;
    z-index: 2;
}

.hbs-section-06-bg-icon {
    margin-left: 1.2vw;
    min-width: 5.5vw;
}

.hbs-section-06-bg-icon-img {
    width: 3.75vw;
}

.hbs-section-06-bg-desc-01 {
    position: absolute;
    top: 53%;
    left: 83%;
    font-size: 1.88vw;
}

.hbs-section-06-bg-desc-02 {
    position: absolute;
    top: 62%;
    left: 80%;
    font-size: 1.25vw;
}

.hbs-section-06-bg-desc-03 {
    position: absolute;
    top: 78.5%;
    left: 47%;
    font-size: 1.88vw;
}

.hbs-section-06-bg-desc-04 {
    position: absolute;
    top: 89%;
    left: 44%;
    font-size: 1.25vw;
}

/* section 07 */
.hbs-section-07 {
    color: #fff402;
}

.hbs-section-07-text {
    color: #fff;
    position: absolute;
    top: 14.65vw;
    left: 12vw;
    width: 40vw;
}

.hbs-section-07-desc {
    width: 96%;
    margin-top: 5vw;
}

.hbs-section-07-icon-box {
    color: #fff;
    position: absolute;
    bottom: 8.3vw;
    left: 12vw;
    transform: translateX(-0.9vw);
}

.hbs-section-07-icon {
    margin-top: 1vw;
    margin-left: 0.5vw;
    min-width: 5.2vw;
}

.hbs-section-07-icon-img {
    width: 2.4vw;
}

.hbs-section-07-bg-desc {
    position: absolute;
    font-size: 1.04vw;
    line-height: 1.3;
    text-align: center;
}

.hbs-section-07-bg-desc span {
    font-size: 0.89vw;
}

.hbs-section-07-bg-desc-01 {
    top: 61.3%;
    right: 15.6%;
}

.hbs-section-07-bg-desc-02 {
    top: 72.6%;
    right: 17%;
}

.hbs-section-07-bg-desc-03 {
    top: 82.2%;
    right: 28%;
}

.hbs-section-07-bg-desc-04 {
    top: 91.2%;
    right: 23.7%;
}

.hbs-section-07-bg-desc-05 {
    text-align: left;
    top: 91.2%;
    right: 39.2%;
}

/* section 08 */

/* section 09 */
.hbs-section-09-text {
    color: #fff;
    position: absolute;
    top: 17.13vw;
    right: 12vw;
    width: 32.66vw;
}

.hbs-section-09-title {
    text-align: right;
    margin-bottom: 1.46vw;
}

/* section 10 */
.hbs-section-10-text {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 40%;
    margin-left: 12%;
    z-index: 2;
    transform: translateY(-8vw);
}

.hbs-section-10-text .hbs-section-10-desc {
    width: 75%;
    margin-top: 5vw;
}

.hbs-section-10-bg {
    position: relative;
    text-align: right;
    display: inline-block;
    vertical-align: middle;
    width: 44%;
}

.hbs-section-10-bg .w100-img {
    width: 120%;
    margin-left: -20%;
}

/* section 11 */
.hbs-section-11-top {
    margin: 8vw 0 1vw;
}

.hbs-section-11-top,
.hbs-section-11-bot {
    color: #fff;
    position: relative;
}

.hbs-section-11-top-text,
.hbs-section-11-bot-text {
    position: absolute;
    top: 11.6vw;
    left: 12vw;
}

.hbs-section-11-bot-text {
    top: 7vw;
}

.hbs-section-11-top-text-title,
.hbs-section-11-bot-text-title {
    font-size: 2.08vw;
    margin-bottom: 3vw;
}

.hbs-section-11-top-text-icon {
    margin-left: 2vw;
}

.hbs-section-11-bot-text-icon {
    min-width: 5.7vw;
    margin-bottom: 1vw;
}

.hbs-section-11-top-text-icon:first-child,
.hbs-section-11-bot-text-icon:first-child,
.hbs-section-11-bot-text-icon:nth-child(6) {
    margin-left: 0;
}

.hbs-section-11-top-text-icon-img,
.hbs-section-11-bot-text-icon-img {
    width: 2.14vw;
}

.hbs-section-11-bot-text-icon-box {
    transform: translateX(-0.9vw);
}

/* section 12 */
.hbs-section-12 {
    padding-bottom: 10vw;
}

.hbs-section-12-table {
    width: 80%;
    margin: 3.5vw auto 5vw;
}

.hbs-section-12-table-title {
    font-size: 1.67vw;
    margin-bottom: 1vw;
}

.hbs-section-12-table-col {
    display: inline-block;
    vertical-align: top;
    width: calc(25% - 2px);
    border: 1px solid #000;
}

.hbs-section-12-table-col:not(:last-child) {
    border-right: none;
}

.hbs-section-12-table-col-desc {
    position: relative;
    height: 3.6vw;
}

.hbs-section-12-table-col-desc:nth-child(even) {
    background: #dedddd;
}

.hbs-section-12-table-col-desc span {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    text-align: center;
    font-size: 1.2vw;
    line-height: 1.3;
}

.hbs-section-12-disclaimer {
    width: 80%;
    margin: 0 auto;
}

.hbs-section-12-disclaimer-text {
    font-size: 0.94vw;
    line-height: 1.3;
}

.hbs-section-12-disclaimer-text span {
    font-size: inherit;
}

.hbs-section-12-statement {
    width: 80%;
    margin: 5vw auto 0;
}

.hbs-section-12-statement-text {
    color: #9c9c9c;
    font-size: 0.8vw;
    line-height: 1.3;
}

.pc {
    display: block;
}

.mob {
    display: none;
}

@media (min-width:769px) {
    .hbs-section.center .hbs-section-text {
        text-align: center;
        width: 60%;
        margin: 0 auto;
    }

    .hbs-section.center .hbs-section-desc {
        margin: 1.2vw 0 4vw;
    }

    .hbs-section-07-icon:first-child,
    .hbs-section-07-icon:nth-child(8) {
        margin-left: 0;
    }
}

/* mobile */
@media (max-width:768px) {
    .pc {
        display: none;
    }

    .mob {
        display: block;
    }

    .hbs-section {
        padding-top: 16vw;
    }

    .hbs-section-title {
        font-size: 6.4vw;
        margin-bottom: 4vw;
    }

    .hbs-section-desc {
        font-size: 2.92vw;
        margin-bottom: 10vw;
    }

    .hbs-section.center .hbs-section-text {
        text-align: left;
        width: 80%;
        margin: 0 auto;
    }

    #honor-band5-sport sup {
        font-size: 75%;
    }

    /* section 01 */
    .hbs-section-01-text {
        top: 17.19vw;
        left: 16.41vw;
    }

    .hbs-section-01-text-logo {
        width: 68.91vw;
    }

    .hbs-section-01-text-slogan {
        font-size: 6.05vw;
        margin: 3.44vw 0 5.63vw;
    }

    .hbs-section-01-text-ksp {
        margin-bottom: 2vw;
    }

    .hbs-section-01-text-ksp-icon {
        width: 4.38vw;
    }

    .hbs-section-01-text-ksp-desc {
        font-size: 3.2vw;
        margin-left: 1.56vw;
    }

    /* section 02 */
    .hbs-section.lr .hbs-section-title,
    .hbs-section.lr .hbs-section-desc {
        text-align: left;
        display: block;
        width: 80%;
        margin-left: auto;
        margin-right: auto;
    }

    .hbs-section-02-bg-desc {
        font-size: 1.8vw;
        margin-left: 3%;
    }

    .hbs-section-02-bg-desc:first-child,
    .hbs-section-02-bg-desc:nth-child(2),
    .hbs-section-02-bg-desc:nth-child(3) {
        transform: translateX(-1.5vw);
    }

    /* section 03 */

    /* section 04 */
    .hbs-section-04-bg-desc {
        bottom: 2vw;
        right: 28vw;
        font-size: 2.1vw;
    }

    .hbs-section-04-bg-left .hbs-section-04-bg-desc {
        right: 32vw;
    }

    /* section 05 */
    .hbs-section-05-text {
        display: block;
        width: 80%;
        margin: 0 auto;
        transform: translateY(0);
    }

    .hbs-section-05-bg {
        display: block;
        width: 100%;
    }

    .hbs-section-05-bg .w100-img {
        width: 100%;
        margin-left: 0;
    }

    .hbs-section-05-bg-desc {
        font-size: 2.5vw;
    }

    .hbs-section-05-bg-desc-up {
        top: 7.6%;
        left: 48.2%;
    }

    .hbs-section-05-bg-desc-down {
        bottom: 21.8%;
        left: 46.4%;
    }

    .hbs-section-05-bg-desc-back {
        top: 26%;
        left: 15.5%;
    }

    .hbs-section-05-bg-desc-front {
        bottom: 47.5%;
        right: 17%;
    }

    .hbs-section-05-bg-desc-roll {
        top: 47%;
        left: 29%;
    }

    .hbs-section-05-bg-desc-left {
        bottom: 43%;
        left: 16.6%;
    }

    .hbs-section-05-bg-desc-right {
        top: 24.7%;
        right: 18.8%;
    }

    .hbs-section-05-bg-desc-pitch {
        top: 17.7%;
        left: 46.7%;
    }

    .hbs-section-05-bg-desc-yaw {
        top: 43%;
        right: 28%;
    }

    /* section 06 */
    .hbs-section-06-bg-icon-box {
        top: 4.11vw;
        right: 4.94vw;
    }

    .hbs-section-06-bg-icon {
        margin-left: 0;
        min-width: 8.5vw;
    }

    .hbs-section-06-bg-icon:nth-child(3),
    .hbs-section-06-bg-icon:nth-child(8) {
        min-width: 13vw;
    }

    .hbs-section-06-bg-icon-img {
        width: 5.75vw;
    }

    .hbs-section-icon-desc {
        font-size: 1.2vw;
        margin-top: 1vw;
    }

    .hbs-section-06-bg-desc-01 {
        top: 52%;
        font-size: 2.58vw;
    }

    .hbs-section-06-bg-desc-02 {
        top: 61%;
        left: 73.5%;
        font-size: 1.7vw;
    }

    .hbs-section-06-bg-desc-03 {
        left: 39.5%;
        font-size: 2.58vw;
    }

    .hbs-section-06-bg-desc-04 {
        top: 88%;
        left: 30%;
        font-size: 1.7vw;
    }

    /* section 07 */
    .hbs-section-07-text {
        color: #000;
        position: relative;
        width: 80%;
        margin: 0 auto;
        top: auto;
        left: auto;
    }

    .hbs-section-07-icon-box {
        bottom: 56vw;
        left: 8vw;
    }

    .hbs-section-07-icon {
        margin-top: 3vw;
        margin-left: 0;
        min-width: 12vw;
    }

    .hbs-section-07-icon-img {
        width: 3.9vw;
    }

    .hbs-section-icon-desc {
        font-size: 1.75vw;
    }

    .hbs-section-07-bg-desc,
    .hbs-section-07-bg-desc span {
        font-size: 1.9vw;
    }

    .hbs-section-07-bg-desc-01 {
        top: 75.7%;
        right: 12.6%;
    }

    .hbs-section-07-bg-desc-02 {
        top: 82.9%;
        right: 14%;
    }

    .hbs-section-07-bg-desc-03 {
        top: 89%;
        right: 17%;
    }

    .hbs-section-07-bg-desc-04 {
        top: 94.2%;
        right: 15.7%;
    }

    .hbs-section-07-bg-desc-05 {
        top: 94.2%;
        right: 34.2%;
    }

    /* section 08 */

    /* section 09 */
    .hbs-section-09-text {
        top: 19vw;
        right: 7vw;
        width: 86vw;
        text-align: right;
    }

    .hbs-section-09-title {
        text-align: center;
        margin-bottom: 2vw;
    }

    .hbs-section-09-desc {
        text-align: left;
        display: inline-block;
        width: 50%;
    }

    /* section 10 */
    .hbs-section-10-text {
        width: 80%;
        margin-left: 12%;
        transform: translateY(0);
    }

    .hbs-section-10-bg {
        width: 8%;
    }

    .hbs-section-10-bg .w100-img {
        width: 750%;
        margin-left: -670%;
        transform: translateY(22vw);
    }

    .hbs-section-10-text .hbs-section-10-desc {
        width: 43%;
    }

    /* section 11 */
    .hbs-section-11-top-text-title,
    .hbs-section-11-bot-text-title {
        font-size: 3.44vw;
    }

    .hbs-section-11-top-text {
        top: 4.6vw;
        left: 8vw;
    }

    .hbs-section-11-bot-text {
        top: 5vw;
        left: 8vw;
    }

    .hbs-section-11-bot-text-icon {
        min-width: 9vw;
        margin-bottom: 2vw;
    }

    .hbs-section-11-bot-text-icon:nth-child(3),
    .hbs-section-11-bot-text-icon:nth-child(9) {
        min-width: 12vw;
    }

    .hbs-section-11-top-text-icon-img,
    .hbs-section-11-bot-text-icon-img {
        width: 3.28vw;
    }

    /* section 12 */
    .hbs-section.center .hbs-section-12-text {
        text-align: center;
    }

    .hbs-section-12-desc {
        margin-bottom: 4.2vw;
    }

    .hbs-section-12-table-title {
        font-size: 2.2vw;
        margin-bottom: 2vw;
    }

    .hbs-section-12-table-col-desc {
        height: 10vw;
    }

    .hbs-section-12-table-col-desc span,
    .hbs-section-12-disclaimer-text,
    .hbs-section-12-statement-text {
        font-size: 1.8vw;
    }
}



/* new add */
#honor-band5-sport sup {
    cursor: text;
    vertical-align: super\0;
    top: -0.1em\0;
}