.sec1 .robot.left    {
    width: 13.75%;
}

.sec2 .robotcol {
    width: 14.375%;
}

.sec2 .robotcol + .infocol dl div:not(:last-of-type)  {
    border-bottom: 1px dashed #999999;
}

.scrollhint {
    width: 100%;
    position: relative;
    overflow-x: auto;
    margin-left: auto;
    margin-right: auto;
    max-width: none;
    overflow-y: hidden;
}

.scrollhint-wrap {
    position: relative;
    width: 100%;
    padding-bottom: 16px;
}

.scrollhint-wrap > .scrollhint-bar {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -16px;
    z-index: 3;
}

.scrollhint-bar {
    position: absolute;
    left: 0;
    right: 0;
    padding: 0 10px;
    bottom: -16px;
    z-index: 3;
    overflow-x: auto;
    overflow-y: hidden;
    height: 16px;
    scrollbar-gutter: auto;
    background: transparent;
}

.scrollhint-bar__inner {
    height: 1px;
}

.scrollhint-bar::-webkit-scrollbar {
    height: 12px;
}

.scrollhint-bar::-webkit-scrollbar-track {
    background: #eee;
}

.scrollhint-bar::-webkit-scrollbar-thumb {
    background: #ccc;
}

.scrollhint__inner {
    position: relative;
    width: min(115vw, 2200px);
    aspect-ratio: 4400 / 825;
    overflow: visible;
}
.scrollhint__img {
    display: block;
    width: 100%;
    height: 100%;
    max-width: none;
}

.hotspot {
    position: absolute;
    display: block;
    z-index: 2;
    cursor: pointer;
}

.hotspot1 { left: 23.1818%; top: 45%; width: 5.4091%; height: 55%; }
.hotspot2 { left: 30.0909%; top: 10%; width: 5.4545%; height: 64%; }
.hotspot3 { left: 37.2273%; top: 45%; width: 5.1364%; height: 55%; }
.hotspot4 { left: 43.9545%; top: 45%; width: 5.2273%; height: 55%; }
.hotspot5 { left: 51.1818%; top: 45%; width: 5.0455%; height: 55%; }
.hotspot6 { left: 58.0000%; top: 10%; width: 5.1364%; height: 47.5%; }
.hotspot7 { left: 58.0000%; top: 62.5%; width: 5.1364%; height: 40%; }
.hotspot8 { left: 64.7727%; top: 45%; width: 5.1364%; height: 55%; }
.hotspot9 { left: 85.6364%; top: 10%; width: 5.1364%; height: 64%; }

.hotspot .hoveredcontent {
    display: none;
}

.hovered-overlay {
    position: fixed;
    inset: 0;
    pointer-events: none;
    z-index: 9999;
}

.hovered-overlay .hoveredcontent {
    height: min(16.56vw,318px);
    width: auto !important;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    
}

.hovered-overlay .hoveredcontent.is-clone {
    position: absolute;
    display: block;
    opacity: 0;
    visibility: hidden;
    transition: opacity .2s ease, visibility .2s ease;
}

.hovered-overlay .hoveredcontent.is-clone.is-active {
    opacity: 1;
    visibility: visible;
}

.hovered-overlay .hoveredcontent.is-clone .flex {
    height: 100%;
}

.hovered-overlay .hoveredcontent.hc2 .flex,
.hovered-overlay .hoveredcontent.hc6 .flex,
.hovered-overlay .hoveredcontent.hc9 .flex {
    height: 100%;
    align-items: flex-start;
}

.hovered-overlay .hoveredcontent.hc1 .flex,
.hovered-overlay .hoveredcontent.hc3 .flex,
.hovered-overlay .hoveredcontent.hc4 .flex,
.hovered-overlay .hoveredcontent.hc5 .flex,
.hovered-overlay .hoveredcontent.hc7 .flex,
.hovered-overlay .hoveredcontent.hc8 .flex {
    align-items: flex-end;
}


.hovered-overlay .hoveredcontent.hc1 {
    aspect-ratio: 842/654;
    background-image: url(../images/hover1_bg.webp);
    transform: translate(-35%,20%);
}


.hovered-overlay .hoveredcontent.hc2 {
    aspect-ratio: 1220/654;
    background-image: url(../images/hover2_bg.webp);
    transform: translate(-40%,-30%);
}

.hovered-overlay .hoveredcontent.hc3,
.hovered-overlay .hoveredcontent.hc4,
.hovered-overlay .hoveredcontent.hc5,
.hovered-overlay .hoveredcontent.hc7,
.hovered-overlay .hoveredcontent.hc8 {
    aspect-ratio: 434/654;
    background-image: url(../images/hover_single_bottom.webp);
}

.hovered-overlay .hoveredcontent.hc3,
.hovered-overlay .hoveredcontent.hc5    {
    transform: translate(-25%,20%);
}

.hovered-overlay .hoveredcontent.hc6 {
    aspect-ratio: 842/654;
    background-image: url(../images/hover6_bg.webp);
    transform: translate(-37.5%,-30%);
}


.hovered-overlay .hoveredcontent.hc7    {
    transform: translate(-25%,0);
}

.hovered-overlay .hoveredcontent.hc4,
.hovered-overlay .hoveredcontent.hc8    {
    transform: translate(-20%,20%);
}

.hovered-overlay .hoveredcontent.hc9 {
    aspect-ratio: 786/654;
    background-image: url(../images/hover9_bg.webp);
    transform: translate(-37.5%,-30%);
}

.hovered-overlay .hoveredcontent:not(.hc9) .col {
    width: min(7.5vw, 148px);
    flex: 0 0 min(7.5vw, 148px);
}

.hovered-overlay .hoveredcontent.hc9 .col {
    width: min(15.5vw, 308px);
    flex: 0 0 min(15.5vw, 308px);
}

.hotspot .hoveredcontent .col img   {
    width: 100%;
}

.js-modal__content {
    background: #fff;
}
modal7 .infocol,
#modal8 .infocol {
    flex: 0 0 calc(100% - 280px - 30px);
    min-width: 0;
}

#modal7 .imgcol,
#modal8 .imgcol {
    flex: 0 0 280px;
}

#modal10 .js-modal__dialog  {
    max-width: none;
}

@media screen and (max-width: 834px) {
    .scrollhint__inner {
        width: 462.5vw;
    }
    
    .scrollhint-bar__inner {
        width: 462.5vw;
    }

    .scrollhint__img {
        width: 100%;
        height: 100%;
    }

    .hotspot1 { left: 23.1818%; top: 41.4545%; width: 5.4091%; height: 51.6364%; }
    .hotspot2 { left: 30.0909%; top: 18.9091%; width: 5.4545%; height: 50.6667%; }
    .hotspot3 { left: 37.2273%; top: 41.6968%; width: 5.1364%; height: 49.6970%; }
    .hotspot4 { left: 43.9545%; top: 41.4545%; width: 5.2273%; height: 50.6667%; }
    .hotspot5 { left: 51.1818%; top: 40.9697%; width: 5.0455%; height: 51.6364%; }
    .hotspot6 { left: 58.0000%; top: 19.1515%; width: 5.1364%; height: 36.8485%; }
    .hotspot7 { left: 58.0000%; top: 56.4848%; width: 5.1364%; height: 36.0606%; }
    .hotspot8 { left: 64.7727%; top: 40.9697%; width: 5.1364%; height: 51.6364%; }
    .hotspot9 { left: 85.6364%; top: 18.9091%; width: 5.1364%; height: 49.6970%; }
}

.js-modal__close,
.js-modal [data-modal-close] {
    position: absolute;
    top: 16px;
    right: 16px;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border: 0;
    border-radius: 50%;
    background: transparent;
    color: #fff;
    font-size: 24px;
    line-height: 1;
    cursor: pointer;
    appearance: none;
    text-indent: -9999px;
}

.js-modal__close:before,
.js-modal [data-modal-close]:before,
.js-modal__close:after,
.js-modal [data-modal-close]:after    {
    content: "";
    width: 1px;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-5%,-50%);
    background-color: #000;
}

.js-modal__close:before,
.js-modal [data-modal-close]:before {
    transform: translate(-5%,-50%) rotate(-45deg);
}

.js-modal__close:after,
.js-modal [data-modal-close]:after    {
    transform: translate(-5%,-50%) rotate(45deg);
}


#modal2_3 .imgcol:has(video)    {
    position: relative;
    aspect-ratio: 23/50;
    overflow: hidden;
}

#modal7 .imgcol:has(video),
#modal8 .imgcol:has(video)    {
    position: relative;
    aspect-ratio: 1/1;
    overflow: hidden;
}

#modal2_3 .imgcol video,
#modal7 .imgcol video,
#modal8 .imgcol video {
    height: 100%;
    width: auto;
    max-width: none;
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
}

.bg1  {
    background-color: #867779 !important;
}

.bg2  {
    background-color: #8E969B !important;
}


@media screen and (max-width: 834px)    {

    .sec1 .robot.left    {
        width: 21vw;
    }

    .sub main section.separator {
        height: 52.24vw;
    }
    
    .sec1 .robotarea img    {
        position: absolute;
        bottom: 0;
        left: 0;
        max-width: none;
    }
    
    .sec2 .robot.left   {
        width: 20vw;
    }
    
    .hovered-overlay .hoveredcontent    {
        height: 50vw;
    }

    .hovered-overlay .hoveredcontent:not(.hc9) .col {
        width: 23.4vw;
        flex: 0 0 23.4vw;
    }

    .hovered-overlay .hoveredcontent.hc9 .col {
        width: 48.7vw;
        flex: 0 0 48.7vw;
    }
    
    #modal7 .imgcol,
    #modal8 .imgcol {
        flex: 0 0 53.43vw;
    }


}