#wrapper section {
    position: relative;
    width: 100%;
}

#wrapper section .w1100 {
    width: 100%;
    max-width: 1100px;
    margin: 0 auto;
}

#wrapper section .w1800 {
    width: 100%;
    max-width: 1800px;
    margin: 0 auto;
    padding: 0 .9%;
}

#wrapper section h2.bar {
    text-align: center;
}

#wrapper section h2.bar span {
    display: inline-block;
    position: relative;
    line-height: 1.2;
    font-size: 50px;
}

@media screen and (max-width: 1024px) {
    #wrapper section h2.bar span {
        font-size: 40px;
    }
}

@media screen and (max-width: 600px) {
    #wrapper section h2.bar span {
        font-size: 30px;
    }
}

#wrapper section h2.bar span:after {
    content: "";
    display: block;
    position: absolute;
    bottom: -25px;
    left: 50%;
    width: 102px;
    background: url(/fsys/en/robot/event/irex2023/img/titile_bar.png) center/100% no-repeat;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);

    aspect-ratio: 51/5;
}

@media screen and (max-width: 1024px) {
    #wrapper section h2.bar span:after {
        bottom: -20px;
        width: 90px;
    }
}

#wrapper section.kv_area {
    z-index: 3;
}

#wrapper section.kv_area img.base {
    width: 100%;
    visibility: hidden;
}

#wrapper section.kv_area img.logo {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 41%;
    max-width: 607px;
    visibility: hidden;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

@media screen and (max-width: 1024px) {
    #wrapper section.kv_area img.logo {
        width: 60%;
    }
}

@media screen and (max-width: 600px) {
    #wrapper section.kv_area img.logo {
        width: 65%;
    }
}

#wrapper section.message_area {
    padding: 95px 0 0;
}

@media screen and (max-width: 1024px) {
    #wrapper section.message_area {
        padding: 50px 0;
    }
}

@media screen and (max-width: 600px) {
    #wrapper section.message_area {
        padding: 30px 0 0;
    }
}

#wrapper section.message_area .bg_img {
    position: absolute;
    top: 30px;
    right: 0;
    visibility: hidden;
}

@media screen and (max-width: 600px) {
    #wrapper section.message_area .bg_img {
        top: 80px;
    }
}

@media screen and (max-width: 1024px) {
    #wrapper section.message_area .bg_img img {
        width: 300px;
    }
}

@media screen and (max-width: 600px) {
    #wrapper section.message_area .bg_img img {
        width: 45vw;
    }
}

#wrapper section.message_area .msg_wrap {
    position: relative;
    z-index: 2;
    margin-bottom: 100px;
    padding: 0 25px;
}

@media screen and (max-width: 1024px) {
    #wrapper section.message_area .msg_wrap {
        margin-bottom: 70px;
        padding: 0 5%;
    }
}

#wrapper section.message_area .msg_wrap>* {
    visibility: hidden;
}

#wrapper section.message_area .msg_wrap .ttl {
    position: relative;
    width: 437px;
    margin-bottom: 30px;

    aspect-ratio: 437/110;
}

@media screen and (max-width: 1024px) {
    #wrapper section.message_area .msg_wrap .ttl {
        width: 218.5px;
        margin-bottom: 15px;
    }
}

#wrapper section.message_area .msg_wrap .ttl img {
    position: absolute;
    top: 50%;
    right: 0;
    width: 537px;
    min-width: 537px;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

@media screen and (max-width: 1024px) {
    #wrapper section.message_area .msg_wrap .ttl img {
        width: 268.5px;
        min-width: 268.5px;
    }
}

#wrapper section.message_area .msg_wrap h1 {
    position: relative;
    line-height: 2;
    font-size: 20px;
    letter-spacing: 0.03em;
}

@media screen and (max-width: 1024px) {
    #wrapper section.message_area .msg_wrap h1 {
        font-size: 16px;
    }
}

@media screen and (max-width: 600px) {
    #wrapper section.message_area .msg_wrap h1 {
        padding-right: 40%;
    }
}

#wrapper section.message_area .robot_wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
}

@media screen and (max-width: 1024px) {
    #wrapper section.message_area .robot_wrap {
        display: block;
        padding: 0 5%;
    }
}

#wrapper section.message_area .robot_wrap .img {
    position: relative;
    z-index: 2;
    width: 38%;
    min-height: 524px;
    visibility: hidden;
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
}

@media screen and (max-width: 1024px) {
    #wrapper section.message_area .robot_wrap .img {
        width: 100%;
        min-height: 0;
    }
}

#wrapper section.message_area .robot_wrap .img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

#wrapper section.message_area .robot_wrap .detail {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    z-index: 2;
    width: 52%;
    visibility: hidden;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #ffffff;
}

@media screen and (max-width: 1024px) {
    #wrapper section.message_area .robot_wrap .detail {
        width: 100%;
        padding: 40px 5%;
        background: -webkit-linear-gradient(330deg, #eeeeee 0, #ffffff 85%);
        background: linear-gradient(120deg, #eeeeee 0, #ffffff 85%);
    }
}

@media screen and (max-width: 600px) {
    #wrapper section.message_area .robot_wrap .detail {
        padding: 40px -5% 60px;
    }
}

#wrapper section.message_area .robot_wrap .detail:after {
    content: "INFORMATION";
    position: absolute;
    top: 0;
    right: 0;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    color: var(--color_rd);
    font-weight: bold;
    font-size: var(--fz_sm);
    letter-spacing: 0.2em;
    -webkit-transform: translate(120%, 0%);
    transform: translate(120%, 0%);
}

@media screen and (max-width: 1024px) {
    #wrapper section.message_area .robot_wrap .detail:after {
        display: none;
    }
}

@media screen and (max-width: 600px) {
    #wrapper section.message_area .robot_wrap .detail .detail_wrap {
        width: 100%;
    }
}

#wrapper section.message_area .robot_wrap .detail .ttl {
    width: 425px;
    margin: 0 auto 35px;
    text-align: center;
}

@media screen and (max-width: 600px) {
    #wrapper section.message_area .robot_wrap .detail .ttl {
        width: 100%;
        text-align: center;
    }

    #wrapper section.message_area .robot_wrap .detail .ttl img {
        width: 90%;
    }
}

#wrapper section.message_area .robot_wrap .detail ul li {
    width: 100%;
}

#wrapper section.message_area .robot_wrap .detail ul li:not(:last-child) {
    margin-bottom: 20px;
}

@media screen and (max-width: 600px) {
    #wrapper section.message_area .robot_wrap .detail ul li:not(:last-child) {
        margin-bottom: 30px;
    }
}

#wrapper section.message_area .robot_wrap .detail ul li dl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

@media screen and (max-width: 600px) {
    #wrapper section.message_area .robot_wrap .detail ul li dl {
        display: block;
    }
}

#wrapper section.message_area .robot_wrap .detail ul li dl dt {
    position: relative;
    width: clamp(6.875rem, -4.034rem + 17.05vw, 8.75rem);
    font-size: 20px;
}

@media screen and (max-width: 600px) {
    #wrapper section.message_area .robot_wrap .detail ul li dl dt {
        margin-bottom: 15px;
        font-size: 18px;
    }
}

#wrapper section.message_area .robot_wrap .detail ul li dl dt:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: 15px;
    width: calc(100% - 4.5em);
    height: 1px;
    background: #000000;
}

@media screen and (max-width: 600px) {
    #wrapper section.message_area .robot_wrap .detail ul li dl dt:after {
        display: none;
    }
}

#wrapper section.message_area .robot_wrap .detail ul li dl dd {
    font-size: clamp(1rem, 0.273rem + 1.14vw, 1.125rem);
}

@media screen and (max-width: 600px) {
    #wrapper section.message_area .robot_wrap .detail ul li dl dd {
        font-size: 14px;
    }
}

#wrapper section.message_area .robot_wrap .detail ul li dl dd>span {
    display: inline-block;
    margin-top: 10px;
    font-weight: bold;
    font-size: clamp(1rem, -0.391rem + 2.17vw, 1.375rem);
}

@media screen and (max-width: 600px) {
    #wrapper section.message_area .robot_wrap .detail ul li dl dd>span {
        font-size: 15px;
    }
}

#wrapper section.message_area .robot_wrap .detail ul li dl dd p.date {
    line-height: 1;
    font-size: clamp(1rem, 0.273rem + 1.14vw, 1.125rem);
}

@media screen and (max-width: 600px) {
    #wrapper section.message_area .robot_wrap .detail ul li dl dd p.date {
        font-size: 14px;
    }
}

#wrapper section.message_area .robot_wrap .detail ul li dl dd p.date span {
    line-height: 0;
    font-weight: bold;
    font-size: clamp(1.75rem, 0.295rem + 2.27vw, 2rem);
}

@media screen and (max-width: 600px) {
    #wrapper section.message_area .robot_wrap .detail ul li dl dd p.date span {
        font-size: 25px;
    }
}

#wrapper section.message_area .robot_wrap .detail ul li dl dd p.time {
    margin-top: 15px;
    font-weight: bold;
    font-size: 22px;
}

@media screen and (max-width: 1024px) {
    #wrapper section.message_area .robot_wrap .detail ul li dl dd p.time {
        font-size: 20px;
    }
}

@media screen and (max-width: 600px) {
    #wrapper section.message_area .robot_wrap .detail ul li dl dd p.time {
        font-size: 18px;
    }
}

#wrapper section.message_area .robot_wrap .detail .btn_white {
    margin: 40px auto 0;
}

@media screen and (max-width: 600px) {
    #wrapper section.message_area .robot_wrap .detail .btn_white {
        margin-top: 25px;
    }
}

#wrapper section.news_area {
    margin-bottom: 160px;
    padding: 110px 3% 100px;
    background: url(/fsys/en/robot/event/irex2023/img/bg_news.jpg) center top/cover no-repeat;
}

@media screen and (max-width: 1024px) {
    #wrapper section.news_area {
        margin-bottom: 80px;
        padding: 60px 5%;
    }
}

@media screen and (max-width: 600px) {
    #wrapper section.news_area {
        padding: 40px 5%;
    }
}

#wrapper section.news_area>.inner h2 {
    margin-bottom: 60px;
}

@media screen and (max-width: 600px) {
    #wrapper section.news_area>.inner h2 {
        margin-bottom: 50px;
    }
}

#wrapper section.news_area>.inner .news_wrap {
    max-height: 240px;
    padding: 30px;
    border: 1px solid #dddddd;

    scrollbar-width: auto;
    -ms-overflow-style: auto;
}

@media screen and (max-width: 600px) {
    #wrapper section.news_area>.inner .news_wrap {
        max-height: 200px;
        padding: 20px;
    }
}

#wrapper section.news_area>.inner .news_wrap::-webkit-scrollbar,
#wrapper section.news_area>.inner .news_wrap::-webkit-scrollbar {
    display: initial;
    width: initial;
    height: initial;
}

#wrapper section.news_area>.inner .news_wrap .simplebar-track {
    width: 6px;
    background: #dddddd;
}

#wrapper section.news_area>.inner .news_wrap .simplebar-scrollbar:before {
    right: 0;
    left: 0;
    border-radius: 0;
    background: var(--color_rd);
    opacity: 1;
}

#wrapper section.news_area>.inner .news_wrap ul {
    width: 100%;
}

#wrapper section.news_area>.inner .news_wrap ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

#wrapper section.news_area>.inner .news_wrap ul li:not(:last-child) {
    margin-bottom: 30px;
}

@media screen and (max-width: 600px) {
    #wrapper section.news_area>.inner .news_wrap ul li:not(:last-child) {
        margin-bottom: 20px;
    }
}

#wrapper section.news_area>.inner .news_wrap ul li span.date {
    position: relative;
    width: 140px;
    margin-top: 2px;
    color: #666666;
    font-size: var(--fz_md);
}

@media screen and (max-width: 600px) {
    #wrapper section.news_area>.inner .news_wrap ul li span.date {
        width: 120px;
        font-size: 12px;
    }
}

#wrapper section.news_area>.inner .news_wrap ul li span.date:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: 15px;
    width: 36px;
    height: 1px;
    background: var(--color_rd);
}

#wrapper section.news_area>.inner .news_wrap ul li span.ttl {
    width: calc(100% - 140px);
    font-size: var(--fz_lg);
}

@media screen and (max-width: 600px) {
    #wrapper section.news_area>.inner .news_wrap ul li span.ttl {
        font-size: 14px;
    }
}

#wrapper section.report_area {
    margin-bottom: 160px;
    padding: 0 3%;
}

@media screen and (max-width: 1024px) {
    #wrapper section.report_area {
        margin-bottom: 80px;
        padding: 0 5%;
    }
}

#wrapper section.report_area h2 {
    margin-bottom: 65px;
}

@media screen and (max-width: 600px) {
    #wrapper section.report_area h2 {
        margin-bottom: 50px;
    }
}

#wrapper section.report_area iframe {
    width: 100%;

    aspect-ratio: 55/31;
}

#wrapper section.booth_area {
    margin-top: 110px;
    margin-bottom: 160px;
}

#wrapper section.movie_area {
    margin-bottom: 160px;
}

@media screen and (max-width: 1024px) {
    #wrapper section.booth_area {
        margin-top: 60px;
        margin-bottom: 80px;
    }
}

#wrapper section.booth_area>.inner h2 {
    margin-bottom: 70px;
}

@media screen and (max-width: 600px) {
    #wrapper section.booth_area>.inner h2 {
        margin-bottom: 50px;
    }
}

#wrapper section.booth_area>.inner .booth_img {
    width: 100%;
    padding-left: 7%;
}

@media screen and (max-width: 1024px) {
    #wrapper section.booth_area>.inner .booth_img {
        padding-left: 5%;
    }
}

#wrapper section.booth_area>.inner .booth_img img {
    width: 100%;
}

#wrapper section.booth_area>.inner .bg_wrap {
    margin-top: -330px;
    padding: 430px 3% 20px;
    background: url(/fsys/en/robot/event/irex2023/img/bg_map.gif) left bottom/67% no-repeat,
        -webkit-gradient(linear, left top, right top, color-stop(0, #f3f3f3), color-stop(67%, #f3f3f3), color-stop(67%, transparent));
    background: url(/fsys/en/robot/event/irex2023/img/bg_map.gif) left bottom/67% no-repeat, -webkit-linear-gradient(left, #f3f3f3 0, #f3f3f3 67%, transparent 67%);
    background: url(/fsys/en/robot/event/irex2023/img/bg_map.gif) left bottom/67% no-repeat, linear-gradient(to right, #f3f3f3 0, #f3f3f3 67%, transparent 67%);
}

@media screen and (max-width: 1024px) {
    #wrapper section.booth_area>.inner .bg_wrap {
        margin-top: -250px;
        padding: 300px 5% 20px;
        background: url(/fsys/en/robot/event/irex2023/img/bg_map.gif) left bottom/80% no-repeat,
            -webkit-gradient(linear, left top, right top, color-stop(0, #f3f3f3), color-stop(80%, #f3f3f3), color-stop(80%, transparent));
        background: url(/fsys/en/robot/event/irex2023/img/bg_map.gif) left bottom/80% no-repeat, -webkit-linear-gradient(left, #f3f3f3 0, #f3f3f3 80%, transparent 80%);
        background: url(/fsys/en/robot/event/irex2023/img/bg_map.gif) left bottom/80% no-repeat, linear-gradient(to right, #f3f3f3 0, #f3f3f3 80%, transparent 80%);
    }
}

@media screen and (max-width: 600px) {
    #wrapper section.booth_area>.inner .bg_wrap {
        margin-top: -100px;
        padding: 130px 5% 20px;
        background: url(/fsys/en/robot/event/irex2023/img/bg_map.gif) left bottom/90% no-repeat,
            -webkit-gradient(linear, left top, right top, color-stop(0, #f3f3f3), color-stop(90%, #f3f3f3), color-stop(90%, transparent));
        background: url(/fsys/en/robot/event/irex2023/img/bg_map.gif) left bottom/90% no-repeat, -webkit-linear-gradient(left, #f3f3f3 0, #f3f3f3 90%, transparent 90%);
        background: url(/fsys/en/robot/event/irex2023/img/bg_map.gif) left bottom/90% no-repeat, linear-gradient(to right, #f3f3f3 0, #f3f3f3 90%, transparent 90%);
    }
}

#wrapper section.booth_area>.inner .bg_wrap .ttl {
    margin-bottom: 30px;
}

#wrapper section.booth_area>.inner .bg_wrap .ttl p {
    width: 67%;
    padding-bottom: 20px;
    background-image: -webkit-linear-gradient(left, var(--color_rd) 0, var(--color_rd) 2px, transparent 2px);
    background-image: linear-gradient(to right, var(--color_rd) 0, var(--color_rd) 2px, transparent 2px);
    background-repeat: repeat-x;
    background-position: left bottom;
    background-size: 10px 4px;
    font-size: 24px;
}

@media screen and (max-width: 1024px) {
    #wrapper section.booth_area>.inner .bg_wrap .ttl p {
        width: 80%;
    }
}

@media screen and (max-width: 600px) {
    #wrapper section.booth_area>.inner .bg_wrap .ttl p {
        width: 90%;
        font-size: 20px;
    }
}

#wrapper section.booth_area>.inner .bg_wrap .ttl p span {
    margin-left: 25px;
    font-size: var(--fz_md);
}

@media screen and (max-width: 600px) {
    #wrapper section.booth_area>.inner .bg_wrap .ttl p span {
        display: block;
        margin: 10px 0 0;
    }
}

#wrapper section.booth_area>.inner .bg_wrap .map {
    text-align: center;
}

#wrapper section.booth_area>.inner .bg_wrap .map img {
    width: 100%;
    max-width: 1378px;
}

#wrapper section.exhibits_area {
    margin-bottom: 80px;
    padding: 0 3%;
}

@media screen and (max-width: 1024px) {
    #wrapper section.exhibits_area {
        margin-bottom: 50px;
        padding: 0 5%;
    }
}

#wrapper section.exhibits_area>.inner h2 {
    margin-bottom: 65px;
}

@media screen and (max-width: 600px) {
    #wrapper section.exhibits_area>.inner h2 {
        margin-bottom: 50px;
    }
}

#wrapper section.exhibits_area>.inner ul {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    row-gap: 10px;
    -webkit-column-gap: 10px;
    -moz-column-gap: 10px;
    column-gap: 10px;
}

@media screen and (max-width: 600px) {
    #wrapper section.exhibits_area>.inner ul {
        grid-template-columns: repeat(2, 1fr);
    }
}

#wrapper section.exhibits_area>.inner ul li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    width: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    padding-bottom: clamp(1.25rem, -2.386rem + 5.68vw, 1.875rem);
    background-position: center;
    background-size: cover;
    text-align: center;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;

    aspect-ratio: 180/127;
}

@media screen and (max-width: 1024px) {
    #wrapper section.exhibits_area>.inner ul li a {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding-bottom: 0;
    }
}

@media (hover) {
    #wrapper section.exhibits_area>.inner ul li a:hover {
        -webkit-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.6);
        box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.6);
        -webkit-transform: translate(0, -5px);
        transform: translate(0, -5px);
    }
}

#wrapper section.exhibits_area>.inner ul li a:after {
    content: "";
    display: block;
    position: absolute;
    right: 20px;
    bottom: 20px;
    width: 13px;
    background: url(/fsys/en/robot/event/irex2023/img/icon_arw_b.png) center/100% no-repeat;

    aspect-ratio: 13/55;
}

@media screen and (max-width: 1024px) {
    #wrapper section.exhibits_area>.inner ul li a:after {
        right: 10px;
        bottom: 10px;
        width: 10px;
    }
}

@media screen and (max-width: 600px) {
    #wrapper section.exhibits_area>.inner ul li a:after {
        right: 7px;
        bottom: 7px;
        width: 8px;
    }
}

#wrapper section.exhibits_area>.inner ul li a[href$="1"] {
    background-image: url("/fsys/en/robot/event/irex2025/img/anc_bg_01.jpg");
}

#wrapper section.exhibits_area>.inner ul li a[href$="2"] {
    background-image: url("/fsys/en/robot/event/irex2025/img/anc_bg_02.jpg");
}

#wrapper section.exhibits_area>.inner ul li a[href$="3"] {
    background-image: url("/fsys/en/robot/event/irex2023/img/anc_bg_03.jpg");
}

#wrapper section.exhibits_area>.inner ul li a[href$="4"] {
    background-image: url("/fsys/en/robot/event/irex2023/img/anc_bg_04.jpg");
}

#wrapper section.exhibits_area>.inner ul li a[href$="5"] {
    background-image: url("/fsys/en/robot/event/irex2023/img/anc_bg_05.jpg");
}

#wrapper section.exhibits_area>.inner ul li a[href$="6"] {
    background-image: url("/fsys/en/robot/event/irex2023/img/anc_bg_06.jpg");
}

#wrapper section.exhibits_area>.inner ul li a * {
    pointer-events: none;
}

#wrapper section.exhibits_area>.inner ul li a .txt_wrap p.zone img {
    width: auto;
    height: clamp(6.875rem, -0.398rem + 11.36vw, 8.125rem);
    -webkit-filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.1));
    filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.1));
    -webkit-transform: translate(-25px, 0);
    transform: translate(-25px, 0);
}

@media screen and (max-width: 1024px) {
    #wrapper section.exhibits_area>.inner ul li a .txt_wrap p.zone img {
        height: 80px;
        -webkit-transform: translate(-15px, 0);
        transform: translate(-15px, 0);
    }
}

@media screen and (max-width: 600px) {
    #wrapper section.exhibits_area>.inner ul li a .txt_wrap p.zone img {
        height: 60px;
    }
}

#wrapper section.exhibits_area>.inner ul li a .txt_wrap p.ttl {
    margin-top: 5px;
    font-weight: bold;
    font-size: 22px;
}

@media screen and (max-width: 1024px) {
    #wrapper section.exhibits_area>.inner ul li a .txt_wrap p.ttl {
        font-size: 15px;
    }
}

@media screen and (max-width: 600px) {
    #wrapper section.exhibits_area>.inner ul li a .txt_wrap p.ttl {
        font-size: 12px;
    }
}

#wrapper section.zone_area {
    padding-bottom: 160px;
    background-repeat: no-repeat;
    background-position: center top 25px;
    background-size: 100%;
}

#wrapper section.zone_area.zone01 {
    background-image: url("/fsys/en/robot/event/irex2025/img/zone_01_bg.jpg");
}

#wrapper section.zone_area.zone02 {
    background-image: url("/fsys/en/robot/event/irex2025/img/zone_02_bg.jpg");
}

#wrapper section.zone_area.zone03 {
    background-image: url("/fsys/en/robot/event/irex2023/img/zone_03_bg.jpg");
}

#wrapper section.zone_area.zone04 {
    background-image: url("/fsys/en/robot/event/irex2023/img/zone_04_bg.jpg");
}

#wrapper section.zone_area.zone05 {
    background-image: url("/fsys/en/robot/event/irex2023/img/zone_05_bg.jpg");
}

#wrapper section.zone_area.zone06 {
    background-image: url("/fsys/en/robot/event/irex2023/img/zone_06_bg.jpg");
}

@media screen and (max-width: 1024px) {
    #wrapper section.zone_area {
        padding-bottom: 125px;
    }
}

#wrapper section.zone_area .num_wrap {
    margin-bottom: 45px;
    padding: 0 120px;
}

@media screen and (max-width: 1024px) {
    #wrapper section.zone_area .num_wrap {
        margin-bottom: 30px;
    }
}

@media screen and (max-width: 600px) {
    #wrapper section.zone_area .num_wrap {
        margin-bottom: 25px;
        padding: 0 5%;
    }
}

#wrapper section.zone_area .num_wrap .num_col {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}

@media screen and (max-width: 600px) {
    #wrapper section.zone_area .num_wrap .num_col {
        display: block;
    }
}

#wrapper section.zone_area .num_wrap p.num {
    margin-left: -100px;
    text-align: left;
}

@media screen and (max-width: 1024px) {
    #wrapper section.zone_area .num_wrap p.num img {
        width: auto;
        height: 90px;
    }
}

@media screen and (max-width: 600px) {
    #wrapper section.zone_area .num_wrap p.num {
        margin: 0;
    }

    #wrapper section.zone_area .num_wrap p.num img {
        height: 60px;
    }
}

#wrapper section.zone_area .num_wrap h2 {
    margin-left: 50px;
    font-weight: bold;
    font-size: 54px;
}

@media screen and (max-width: 1024px) {
    #wrapper section.zone_area .num_wrap h2 {
        margin-left: 25px;
        font-size: 45px;
    }
}

@media screen and (max-width: 600px) {
    #wrapper section.zone_area .num_wrap h2 {
        margin: 5px 0 0;
        font-size: 30px;
    }
}

#wrapper section.zone_area .zone_lead {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

@media screen and (max-width: 1024px) {
    #wrapper section.zone_area .zone_lead {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

#wrapper section.zone_area .zone_lead>div {
    width: 50%;
}

@media screen and (max-width: 1024px) {
    #wrapper section.zone_area .zone_lead>div {
        width: 100%;
        padding: 0 5% !important;
    }
}

#wrapper section.zone_area .zone_lead>div.lead_txt {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding-left: 3vw;
}

@media screen and (max-width: 1024px) {
    #wrapper section.zone_area .zone_lead>div.lead_txt {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        margin-top: 20px;
    }
}

#wrapper section.zone_area .zone_lead>div.lead_txt .txt_wrap {
    width: 100%;
    max-width: 550px;
    padding: 30px 60px 0 0;
}

@media screen and (max-width: 1024px) {
    #wrapper section.zone_area .zone_lead>div.lead_txt .txt_wrap {
        max-width: 100%;
        padding: 0;
    }
}

#wrapper section.zone_area .zone_lead>div.lead_txt .txt_wrap h3 {
    line-height: 1.7333333333;
    margin-bottom: 60px;
    font-size: 30px;
    letter-spacing: 0.03em;
}

@media screen and (max-width: 1024px) {
    #wrapper section.zone_area .zone_lead>div.lead_txt .txt_wrap h3 {
        margin-bottom: 30px;
        font-size: 25px;
    }
}

@media screen and (max-width: 600px) {
    #wrapper section.zone_area .zone_lead>div.lead_txt .txt_wrap h3 {
        margin-bottom: 20px;
        font-size: 20px;
    }
}

#wrapper section.zone_area .zone_lead>div.lead_txt .txt_wrap p.lead {
    line-height: 2;
    font-size: var(--fz_lg);
    letter-spacing: 0.03em;
}

#wrapper section.zone_area .zone_lead>div.lead_txt .txt_wrap p.lead a.btn_white {
    width: 320px;
    position: absolute;
    right: 0;
    margin-top: 50px;
}

@media screen and (max-width: 1024px) {
    #wrapper section.zone_area .zone_lead>div.lead_txt .txt_wrap p.lead a.btn_white {
      display: none;
    }
  }
  

#wrapper section.zone_area .zone_lead>div.lead_txt .txt_wrap p.lead a.btn_white::before {
    content: "";
    display: block;
    position: absolute;
    left: 25px;
    bottom: 0;
    top: 0;
    width: 14%;
    background: url(/fsys/ja/robot/event/irex2023/img/youtube.svg) center / 100% no-repeat;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    aspect-ratio: 79 / 13;
  }
  
  
  #wrapper section.zone_area .zone_lead>div.lead_txt .txt_wrap p.lead a.btn_white:hover::before {
    background: url(/fsys/ja/robot/event/irex2023/img/youtube_wt.svg) center / 100% no-repeat;
  }

@media screen and (max-width: 1400px) {
    #wrapper section.zone_area.zone01 .zone_lead>div.lead_txt .txt_wrap p.lead a.btn_white {
        margin-top: 40px;
    }

    #wrapper section.zone_area.zone02 .zone_lead>div.lead_txt .txt_wrap p.lead a.btn_white {
        margin-top: 35px;
    }
}

#wrapper section.zone_area .zone_lead>div.lead_txt .txt_wrap .btn_digest {
    margin-top: 20px;
}

#wrapper section.zone_area .zone_lead>div.lead_txt .txt_wrap .btn_digest a {
    margin-left: auto;
}

@media screen and (max-width: 1024px) {
    #wrapper section.zone_area .zone_lead>div.lead_txt .txt_wrap .btn_digest a {
        margin: 0 auto;
    }
}

#wrapper section.zone_area .zone_lead>div.lead_img img {
    width: 100%;
}

#wrapper section.zone_area p.coming_soon {
    line-height: 1.4;
    margin-top: 120px;
    font-size: 30px;
    text-align: center;
}

@media screen and (max-width: 1024px) {
    #wrapper section.zone_area p.coming_soon {
        margin-top: 60px;
        font-size: 26px;
    }
}

@media screen and (max-width: 600px) {
    #wrapper section.zone_area p.coming_soon {
        margin-top: 40px;
        font-size: 22px;
    }
}

#wrapper section.zone_area .panel_wrap {
    padding: 0 3%;
}

@media screen and (max-width: 1024px) {
    #wrapper section.zone_area .panel_wrap {
        padding: 0 5%;
    }
}

#wrapper section.zone_area ul.panel {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    row-gap: 130px;
    -webkit-column-gap: 5%;
    -moz-column-gap: 5%;
    column-gap: 5%;
    margin-top: 100px;
}

@media screen and (max-width: 1024px) {
    #wrapper section.zone_area ul.panel {
        grid-template-columns: repeat(2, 1fr);
        row-gap: 120px;
        -webkit-column-gap: 5%;
        -moz-column-gap: 5%;
        column-gap: 5%;
        margin-top: 60px;
    }
}

#wrapper section.zone_area ul.panel li .tmb {
    width: 100%;
    margin-bottom: 10px;
}

#wrapper section.zone_area ul.panel li .tmb img {
    width: 100%;
}

#wrapper section.zone_area ul.panel li p.ttl {
    line-height: 1.3;
    margin-bottom: 10px;
    font-weight: bold;
    font-size: var(--fz_xl);
}

@media screen and (max-width: 600px) {
    #wrapper section.zone_area ul.panel li p.ttl {
        font-size: 14px;
    }
}

#wrapper section.zone_area ul.panel li p.desc {
    line-height: 1.75;
    font-size: var(--fz_md);
    letter-spacing: 0.03em;
}

@media screen and (max-width: 600px) {
    #wrapper section.zone_area ul.panel li p.desc {
        font-size: 12px;
    }
}

#wrapper section.zone_area ul.panel li a.btn_white {
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 250px;
    height: 57px;
    font-size: var(--fz_md);
    transform: translateX(-50%);

    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}

@media screen and (max-width: 600px) {
    #wrapper section.zone_area ul.panel li a.btn_white {
        width: 100%;
    }
}

#wrapper section.zone_area ul.panel li a.btn_white:after {
    right: 7px;
    bottom: 6px;
}

@media screen and (max-width: 600px) {
    #wrapper section.zone_area ul.panel li a.btn_white:after {
        width: 60px;
    }
}

#wrapper section.lecture_area {
    margin-bottom: 160px;
    padding: 0 3%;
}

@media screen and (max-width: 1024px) {
    #wrapper section.lecture_area {
        margin-bottom: 80px;
        padding: 0 5%;
    }
}

@media screen and (max-width: 600px) {
    #wrapper section.lecture_area {
        padding: 0;
    }
}

#wrapper section.lecture_area>.inner h2 {
    margin-bottom: 65px;
}

@media screen and (max-width: 600px) {
    #wrapper section.lecture_area>.inner h2 {
        margin-bottom: 50px;
    }
}

#wrapper section.lecture_area>.inner .bnr {
    margin-bottom: 65px;
}

@media screen and (max-width: 1024px) {
    #wrapper section.lecture_area>.inner .bnr {
        margin-bottom: 35px;
    }
}

#wrapper section.lecture_area>.inner .bnr img {
    width: 100%;
}

#wrapper section.lecture_area>.inner h3 {
    margin-bottom: 45px;
    font-size: 28px;
    text-align: center;
}

@media screen and (max-width: 1024px) {
    #wrapper section.lecture_area>.inner h3 {
        margin-bottom: 30px;
        font-size: 24px;
    }
}

@media screen and (max-width: 600px) {
    #wrapper section.lecture_area>.inner h3 {
        line-height: 1.5;
        font-size: 22px;
    }
}

#wrapper section.lecture_area>.inner ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

@media screen and (max-width: 600px) {
    #wrapper section.lecture_area>.inner ul {
        display: block;
        padding: 0 5%;
    }
}

#wrapper section.lecture_area>.inner ul li {
    width: 30%;
    padding: 0 0 10px 30px;
    background-image: -webkit-linear-gradient(top, var(--color_rd) 0, var(--color_rd) 2px, transparent 2px);
    background-image: linear-gradient(to bottom, var(--color_rd) 0, var(--color_rd) 2px, transparent 2px);
    background-repeat: repeat-y;
    background-position: left top;
    background-size: 6px 10px;
}

@media screen and (max-width: 600px) {
    #wrapper section.lecture_area>.inner ul li {
        width: 100%;
    }

    #wrapper section.lecture_area>.inner ul li:not(:last-child) {
        margin-bottom: 35px;
    }
}

#wrapper section.lecture_area>.inner ul li dl dt {
    line-height: 1.4615384615;
    margin-bottom: 30px;
    font-weight: 300;
    font-size: 26px;
}

@media screen and (max-width: 1024px) {
    #wrapper section.lecture_area>.inner ul li dl dt {
        margin-bottom: 15px;
        font-size: 20px;
    }
}

#wrapper section.lecture_area>.inner ul li dl dt span {
    display: block;
    margin-top: 10px;
    font-size: 18px;
}

@media screen and (max-width: 1024px) {
    #wrapper section.lecture_area>.inner ul li dl dt span {
        font-size: 16px;
    }
}

#wrapper section.lecture_area>.inner ul li dl dd {
    line-height: 1.75;
    font-size: var(--fz_md);
}

#wrapper section.access_area {
    margin-bottom: 160px;
}

@media screen and (max-width: 1024px) {
    #wrapper section.access_area {
        margin-bottom: 80px;
    }
}

#wrapper section.access_area>.inner h2,
#wrapper section.movie_area>.inner h2 {
    margin-bottom: 65px;
}

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

    #wrapper section.access_area>.inner h2,
    #wrapper section.movie_area>.inner h2 {
        margin-bottom: 50px;
    }
}

#wrapper section.access_area>.inner .map_gy {
    width: 100%;
    margin-bottom: 50px;
    padding: 60px 3% 35px;
    background: #f3f3f3;
}

@media screen and (max-width: 1024px) {
    #wrapper section.access_area>.inner .map_gy {
        padding: 40px 5% 25px;
    }
}

#wrapper section.access_area>.inner .map_gy .ttl {
    margin-bottom: 30px;
}

#wrapper section.access_area>.inner .map_gy .ttl p {
    padding-bottom: 20px;
    background-image: -webkit-linear-gradient(left, var(--color_rd) 0, var(--color_rd) 2px, transparent 2px);
    background-image: linear-gradient(to right, var(--color_rd) 0, var(--color_rd) 2px, transparent 2px);
    background-repeat: repeat-x;
    background-position: left bottom;
    background-size: 10px 4px;
    font-size: 24px;
}

@media screen and (max-width: 600px) {
    #wrapper section.access_area>.inner .map_gy .ttl p {
        font-size: 20px;
    }
}

#wrapper section.access_area>.inner .map_gy .ttl p span {
    margin-left: 25px;
    font-size: var(--fz_md);
}

@media screen and (max-width: 600px) {
    #wrapper section.access_area>.inner .map_gy .ttl p span {
        display: block;
        margin: 10px 0 0;
    }
}

#wrapper section.access_area>.inner .map_gy .map {
    text-align: center;
}

#wrapper section.access_area>.inner .map_gy .map img {
    width: 100%;
    max-width: 1378px;
}

#wrapper section.access_area>.inner .gmap_wrap {
    padding: 0 3%;
}

@media screen and (max-width: 1024px) {
    #wrapper section.access_area>.inner .gmap_wrap {
        padding: 0 5%;
    }
}

#wrapper section.access_area>.inner .gmap .map {
    margin-bottom: 15px;
    border: 1px solid #dddddd;
}

#wrapper section.access_area>.inner .gmap .map iframe {
    width: 100%;

    aspect-ratio: 22/9;
}

@media screen and (max-width: 600px) {
    #wrapper section.access_area>.inner .gmap .map iframe {
        aspect-ratio: 22/12;
    }
}

#wrapper section.access_area>.inner .gmap p.access {
    line-height: 1.75;
    font-size: var(--fz_md);
    letter-spacing: 0.03em;
}

#wrapper section.register_area {
    margin-bottom: 20px;
    padding: 0 20px;
}

#wrapper section.register_area .inner {
    display: grid;
    width: 100%;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}

@media screen and (max-width: 1024px) {
    #wrapper section.register_area .inner {
        display: block;
    }
}

#wrapper section.register_area .inner .register {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 260px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-position: center;
    background-size: cover;
}

@media screen and (max-width: 1024px) {
    #wrapper section.register_area .inner .register {
        height: 200px;
    }
}

#wrapper section.register_area .inner .register.register01 {
    background-image: url(/fsys/en/robot/event/irex2023/img/btm_bnr_01.jpg);
}

@media screen and (max-width: 1024px) {
    #wrapper section.register_area .inner .register.register01 {
        margin-bottom: 20px;
    }
}

#wrapper section.register_area .inner .register.register02 {
    background-image: url(/fsys/en/robot/event/irex2023/img/btm_bnr_02.jpg);
}

#wrapper section.register_area .inner .register a.btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    width: 300px;
    height: 80px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 5px;
    -webkit-box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.2);
    color: #ffffff;
    background-repeat: no-repeat;
    background-position: 25px 50%;
    font-size: 22px;
    letter-spacing: 0.03em;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

@media screen and (max-width: 600px) {
    #wrapper section.register_area .inner .register a.btn {
        width: 280px;
        height: 70px;
        font-size: 18px;
    }
}

#wrapper section.register_area .inner .register a.btn:after {
    content: "";
    display: block;
    position: absolute;
    right: 10px;
    bottom: 10px;
    width: 79px;
    background: url(/fsys/en/robot/event/irex2023/img/icon_arw_r_wt.png) center/100% no-repeat;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;

    aspect-ratio: 79/13;
}

#wrapper section.register_area .inner .register a.btn.btn01 {
    border: 1px solid var(--color_or);
    background-color: var(--color_or);
    background-image: url(/fsys/en/robot/event/irex2023/img/logo_hd_registrations1.png);
    background-size: 30px auto;
}

@media screen and (max-width: 600px) {
    #wrapper section.register_area .inner .register a.btn.btn01 {
        background-size: 25px auto;
    }
}

#wrapper section.register_area .inner .register a.btn.btn02 {
    border: 1px solid var(--color_rd);
    background-color: var(--color_rd);
    background-image: url(/fsys/en/robot/event/irex2023/img/logo_hd_registrations2.png);
    background-size: 34px auto;
}

@media screen and (max-width: 600px) {
    #wrapper section.register_area .inner .register a.btn.btn02 {
        background-size: 29px auto;
    }
}

@media (hover) {
    #wrapper section.register_area .inner .register a.btn:hover {
        background-color: #ffffff;
    }

    #wrapper section.register_area .inner .register a.btn:hover.btn01 {
        color: var(--color_or);
        background-image: url(/fsys/en/robot/event/irex2023/img/logo_hd_registrations1_or.png);
    }

    #wrapper section.register_area .inner .register a.btn:hover.btn01:after {
        background-image: url(/fsys/en/robot/event/irex2023/img/icon_arw_r_or.png);
    }

    #wrapper section.register_area .inner .register a.btn:hover.btn02 {
        color: var(--color_rd);
        background-image: url(/fsys/en/robot/event/irex2023/img/logo_hd_registrations2_rd.png);
    }

    #wrapper section.register_area .inner .register a.btn:hover.btn02:after {
        background-image: url(/fsys/en/robot/event/irex2023/img/icon_arw_r.png);
    }
}

#wrapper section.zone_area ul.panel li {
    position: relative;
    padding-bottom: 80px;
}

.videoBox {
    text-align: center;
    width: 100%;
    padding: 60px 3%;
    background-color: #f3f3f3;
}

.videoBox h4 {
    padding: 0 0 40px 0;
    font-size: 28px;
}

.videoBox iframe {
    max-width: 800px;
    width: 100%;
    height: 450px;
}

.videoBox a.btn_movie {
    position: relative;
    display: block;
    max-width: 800px;
    width: 100%;
    margin: 0 auto;
}

@media screen and (max-width: 1024px) {
    .videoBox iframe {
        height: 198px;
    }
}

.videoBox .btn_movie::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 50%;
    bottom: 0;
    left: 47%;
    width: 9%;
    background: url(/fsys/ja/robot/event/irex2023/img/youtube.svg) center / 100% no-repeat;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    /* aspect-ratio: 79 / 13; */
    z-index: 10;
}

.zoneBox h4 {
    text-align: center;
    margin: 100px 0 45px;
    font-size: 28px;
}

.zoneCont {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    flex-wrap: wrap;
    transition-property: transform;
    box-sizing: content-box;
    justify-content: space-between;
}

.zoneCont.fs-start {
    justify-content: flex-start;
}

.zoneCont.fs-start>.swiper-slide {
    margin-right: 65px;
}

.zoneCont .swiper-slide {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
}

.zoneBox .slide {
    overflow: hidden;
    width: 34rem;
    -webkit-box-shadow: var(--box-shadow);
    box-shadow: var(--box-shadow);
    margin-bottom: 50px;
}

@media only screen and (max-width: 1400px) {
    .zoneBox .slide {
        width: 23.6rem;
    }
}

@media only screen and (max-width: 376px) {
    .zoneCont .swiper-slide {
        width: 90%;
        margin: 0 auto 30px;
    }

    .zoneBox .slide {
        width: 100%;
        margin-bottom: 0;
    }

    .zoneCont.fs-start>.swiper-slide {
        margin-right: auto;
    }
}

.zoneBox .slide-media {
    position: relative;
    padding-top: 59.5%;
    border-radius: 4px;
    overflow: hidden;
}

.zoneBox .slide-media img {
    height: calc(100% + 16px);
    -webkit-transform: translateY(-16px);
    transform: translateY(-16px);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.zoneBox .slide-content {
    padding: 0 1.6rem 7.6rem;
}

.zoneBox.application .slide-content {
    padding: 0 1.6rem 6.6rem;
}

@media only screen and (max-width: 1400px) {
    .zoneBox .slide-content {
        padding: 0 1.6rem 5.5rem;
    }
}

.zoneBox .slide-date {
    font-size: 1.2rem;
    line-height: 1;
    display: block;
}

.zoneBox .slide-date span {
    font-size: 0.9rem;
    color: #dc0032;
    line-height: 1.6;
    margin-top: 0.8rem;
}

.zoneBox .slide-title {
    line-height: 1.6;
    font-size: 1rem;
    /* display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical; */
    height: 3.2em;
    margin-top: 1.2rem;
}

.zoneBox.application .slide-title {
    font-size: 1.2rem;
    height: 3.2em;
    margin: 1.2rem 0;
}

.zoneBox.application .slide-text {
    line-height: 1.6;
    font-size: 1rem;
    height: 3.2em;
}

@media only screen and (max-width: 400px) {
    .zoneBox .slide-content {
        padding: 0 1.6rem 7rem;
    }

    .zoneBox .slide-date {
        font-size: 16px;
    }

    .zoneBox .slide-date span {
        font-size: 11.2px;
    }

    .zoneBox.application .slide-title {
        font-size: 14.4px;
        height: auto;
    }

    .zoneBox .slide-title,
    .zoneBox.application .slide-text {
        font-size: 12.8px;
        line-height: 1.5;
    }
}

.slide-media.img-cover::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 50%;
    bottom: 0;
    left: 44%;
    width: 14%;
    background: url(/fsys/ja/robot/event/irex2023/img/youtube.svg) center / 100% no-repeat;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    /* aspect-ratio: 79 / 13; */
    z-index: 10;
}

.videoBox .btn_movie::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 50%;
    bottom: 0;
    left: 47%;
    width: 9%;
    background: url(/fsys/ja/robot/event/irex2023/img/youtube.svg) center / 100% no-repeat;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    /* aspect-ratio: 79 / 13; */
    z-index: 10;
}

.btn_movie:hover .slide-media.img-cover::before {
    background: url(/fsys/ja/robot/event/irex2023/img/youtube_w.svg) center / 100% no-repeat;
}

.slide-media.img-cover.scheduled::before {
    content: "";
    top: 8%;
    left: 38%;
    width: 23%;
    background: url(/fsys/ja/robot/event/irex2023/img/scheduled.svg) center / 100% no-repeat;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    /* aspect-ratio: 79 / 13; */
    z-index: 10;
}
#wrapper section.zone_area ul.panel li a.btn_white {
    width: 250px;
    height: 57px;
    font-size: var(--fz_md);
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
  
  }
  
  #wrapper section.zone_area ul.panel li a.btn_movie {
    bottom: -80px;
  }
  
  #wrapper section.zone_area ul.panel li a.btn_movie::before {
    content: "";
    display: block;
    position: absolute;
    left: 18px;
    bottom: 0;
    top: 0;
    width: 14%;
    background: url(/fsys/ja/robot/event/irex2023/img/youtube.svg) center / 100% no-repeat;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    aspect-ratio: 79 / 13;
  }
  
  #wrapper section.zone_area ul.panel li a.btn_movie:hover::before {
    background: url(/fsys/ja/robot/event/irex2023/img/youtube_wt.svg) center / 100% no-repeat;
  }
  
  @media screen and (max-width: 600px) {
    #wrapper section.zone_area ul.panel li a.btn_movie::before {
      display: none;
    }
    #wrapper section.zone_area ul.panel li a.btn_white {
      width: 100%;
    }
  }

@import url("https://fonts.googleapis.com/css2?family=Spartan:wght@400;700&display=swap");

:root {
    --easing: cubic-bezier(.2, 1, .2, 1);
    --transition: .8s var(--easing);
    --color-base: #f8f8f8;
    --color-gray: #ddd;
    --color-theme: #f5695f;
    --color-theme-darken: #f12617;
    --box-shadow: .8rem .8rem 1.2rem rgba(0, 0, 0, .05), -.8rem -.8rem 1.2rem #fff;
    --box-shadow-hover: 1rem 1rem 1.5rem rgba(0, 0, 0, .08), -1rem -1rem 1.5rem #fff;
    --box-shadow-inset: inset .8rem .8rem 1.2rem rgba(0, 0, 0, .05), inset -.8rem -.8rem 1.2rem #fff;
    --box-shadow-dark: .8rem .8rem 1.2rem rgba(0, 0, 0, .1), -.8rem -.8rem 1.2rem rgba(#fff, .2);
}

.onlySP {
    display: none;
}

@media only screen and (max-width: 1024px) {
    .onlySP {
        display: block;
    }

    .onlyPC {
        display: none;
    }
}

/*# sourceMappingURL=layout.css.map */