@charset "utf-8";
/* CSS Document */

*{
    box-sizing: border-box;
}
body {
    font-family: "Noto Sans Japanese",san-serif !important;
}
a:hover{
    opacity: 0.5;
}
.inner-content{
    width: 1120px;
    padding-left: 40px;
    padding-right: 40px;
}

/* ----- header ----- */

nav#topNav{
    font-size: 0;
    text-align: right;
    padding: 8px 40px;
    margin-bottom: 1px;
    background: #000043;
}
nav#topNav ul,
#sns{
    font-size: 0;
    display: inline-block;
}
nav#topNav,
nav#topNav ul li a,
#sns a{
    color: #ffffff;
}
nav#topNav ul{
}
nav#topNav ul li{
    display: inline-block;
    font-size: 12px;
    position: relative;
}
nav#topNav ul li:before,
nav#topNav ul li.forpress:after{
    content: "";
    display: block;
    width: 1px;
    height: 100%;
    background: #ffffff;
    position: absolute;
    top: -2px;
    left: 0;
    opacity: 0.5;
}
nav#topNav ul li.forpress:after{
    right: 0;
    left: auto;
}
nav#topNav ul li.active{
    display: none;
}
nav#topNav ul li a{
    vertical-align: text-top;
    padding: 0 0.75em;
}
.qtranxs_widget_end{
    display: none;
}
#sns{
    margin-left: 20px;
}
#sns a{
    display: inline-block;
    width: auto;
    padding: 0;
    margin-left: 16px;
}
#sns a:first-child{
    margin-left: 0;
}
#sns a i{
    font-size: 20px;
}

#header.opie26{
    color: #ffffff;
    padding-top: 24px;
    padding-bottom: calc(24px - 8px);
    background: #000043;
    position: relative;
}
#header.opie26 .inner-content{
    position: relative;
    z-index: 10;
}
#header.opie26 h1{
    width: 240px;
}
#header.opie26 .expoinfo{
    float: left;
    font-weight: 600;
    padding-top: 6px;
    padding-left: 24px;
}
#header.opie26 .expoinfo p.date{
    font-size: 24px;
    margin-bottom: 0.3em;
}
#header.opie26 .expoinfo p.date small{
    display: inline-block;
    color: #000043;
    width: 22px;
    height: 22px;
    font-size: 13px;
    text-align: center;
    padding: 4px 0;
    margin-top: 1px;
    margin-left: 4px;
    vertical-align: top;
    background: #ffffff;
    border-radius: 50%;
}
#header.opie26 .expoinfo.en p.date small{
    width: 3em;
    border-radius: 3px;
}
#header.opie26 .expoinfo p.date span.time{
    font-size: 15px;
    font-weight: 500;
    margin-left: 1em;
    vertical-align: middle;
}
#header.opie26 .expoinfo p.access{
    font-size: 16px;
}
#header.opie26 .headContact{
    float: right;
    text-align: right;
    margin-top: -2px;
}
#header.opie26 .headContact p{
}
#header.opie26 .headContact p.secretariat{
    font-size: 13px;
    margin-bottom: 0.4em;
}
#header.opie26 .headContact p.tel{
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 0.03em;
    margin-bottom: 0.3em;
}
#header.opie26 .headContact p.tel i{
    font-size: 24px;
    margin-right: 6px;
}
#header.opie26 .headContact p.mail{
    font-size: 15px;
    font-weight: 500;
}
#header.opie26 .headContact p.mail i{
    margin-right: 6px;
}
#header.opie26 .left-wrap{
/*    width: 400px;*/
    float: left;
    display: grid;
    gap: 16px;
}
#header.opie26 p.yellow-line{
    background: #fff100;
    position: absolute;
    top: 8px;
    right: 12px;
    transform: rotate(-3deg);


    -webkit-animation:blink 2.3s ease-in-out alternate;
    -moz-animation:blink 2.3s ease-in-out alternate;
    animation:blink 2.3s ease-in-out alternate;
/*
    margin-top: 20px;
*/
}
.en #header.opie26 p.yellow-line{
    top: -4px;
}
@-webkit-keyframes blink{
    0% {opacity:0; transform: scale(0.9) rotate(-3deg);}
    98% {opacity:0; transform: scale(0.9) rotate(-3deg);}
    100% {opacity:1; transform: scale(1) rotate(-3deg);}
}
@-moz-keyframes blink{
    0% {opacity:0; transform: scale(0.9) rotate(-3deg);}
    98% {opacity:0; transform: scale(0.9) rotate(-3deg);}
    100% {opacity:1; transform: scale(1) rotate(-3deg);}
}
@keyframes blink{
    0% {opacity:0; transform: scale(0.9) rotate(-3deg);}
    98% {opacity:0; transform: scale(0.9) rotate(-3deg);}
    100% {opacity:1; transform: scale(1) rotate(-3deg);}
}
#header.opie26 p.yellow-line>img{
    width: auto;
    height: 72px;
}
.en #header.opie26 p.yellow-line>img{
    height: 56px;
}

#headSpace_2025{
    clear: both;
    margin-top: 20px;
}
#headSpace_2025 a{
    display: block;
}
#headSpace_2025 a:hover{
    opacity: 0.5;
}
#headSpace_2025.ja .le{
/*
    width: 268px;
    float: left;
*/
    margin-bottom: 4px;
}
#headSpace_2025.ja .le a{
    display: inline-block;
}
#headSpace_2025.ja .le>a:first-child{
    width: 132px;
    margin-right: 1em;
    margin-bottom: 8px;
}
#headSpace_2025.ja .le>a:last-child{
    padding-top: 6px;
    vertical-align: middle;
}
#headSpace_2025.ja ul{
/*
    width: calc(100% - 268px);
    float: left;
    padding-left: 20px;
*/
}
#headSpace_2025.ja ul li{
    float: left;
    margin-left: 24px;
    margin-bottom: 12px;
    cursor: pointer;
}
#headSpace_2025.ja ul li:nth-child(2){
    margin-left: 29px;
}
#headSpace_2025.ja ul li:nth-child(1),
#headSpace_2025.ja ul li:nth-child(5){
    clear: both;
    margin-left: 0;
}
#headSpace_2025.ja ul li img{
    width: auto;
    height: 20px;
}
#headSpace_2025.en ul li{
    float: left;
    margin-right: 24px;
    margin-bottom: 12px;
    cursor: pointer;
}
#headSpace_2025.en ul li img{
    width: auto;
    height: 24px;
}
#headSpace_2025.en ul li:nth-child(1),
#headSpace_2025.en ul li:nth-child(6){
    clear: both;
    margin-left: 0;
}

/* ----- mainNav ----- */

#mainNav{
    background: #787878;
}
#mainNav .inner-content{
}
#mainNav>div>ul{
    width: 100%;
    display: table;
    position: relative;
}
#mainNav>div>ul>li{
    display: table-cell;
    width: 20%;
    position: relative;
}
#mainNav>div>ul>li>a{
    display: block;
    color: #ffffff;
    font-size: 15px;
    font-weight: 800;
    letter-spacing: 0.025em;
    text-align: center;
    padding: 1.3em 1em;
    position: relative;
    cursor: pointer;
}
#mainNav>div>ul>li.bottom>a:after{
    content: "▼";
    color: #ffffff;
    font-size: 80%;
    line-height: 1;
    margin-left: 0.8em;
    position: absolute;
    top: calc(50% - 1em);
    transform: translateY(50%);
}
#mainNav .sub-menu{
    display: none;
    width: 100%;
    background: #e5e5e5;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 500;
}
#mainNav>div>ul>li:hover .sub-menu{
    display: block;
}
#mainNav .sub-menu li{
    border-top: solid 1px #cccccc;
    position: relative;
}
#mainNav .sub-menu li:first-child{
    border-top: none;
}
#mainNav .sub-menu li a{
    display: block;
    color: inherit;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.4;
    padding: 1em 1.25em;
}
#mainNav i{
    font-size: 75%;
    vertical-align: top;
    margin-left: 0.4em;
    opacity: 0.5;
}
#mainNav li.visitors:hover .sub-menu,
#mainNav li.exhibitors:hover .sub-menu{
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;

    width: 200%;
}
#mainNav li.visitors .sub-menu li,
#mainNav li.exhibitors .sub-menu li{
    width: 50%;
    float: left;
}
#mainNav li.visitors .sub-menu li:first-child,
#mainNav li.exhibitors .sub-menu li:first-child{
    border-top: solid 1px #cccccc;
}
#mainNav li.visitors .sub-menu li:nth-child(2n+1),
#mainNav li.exhibitors .sub-menu li:nth-child(2n+1){
    clear: both;
    border-right: solid 1px #cccccc;
}
#mainNav .sub-menu>li>ul{
    display: none !important;
    position: absolute;
    top: 0;
    left: 100%;
}
#mainNav .sub-menu>li:hover>ul{
    display: block !important;
}

/* ----- sidebar ----- */

#sidebar.opie2022{
    width: calc(100% - 840px);
    float: right;
    margin-top: 0;
}

/* ---- home ---- */

#homeArea{
    width: 800px;
    float: left;
    padding-bottom: 80px;
}

.bnrArea aside a,a
.halfBnrs aside a{
    display: block;
}
.bnrArea{
    margin-bottom: 28px;
}
.bnrArea aside{
    margin-top: 20px;
}
.bnrArea aside:first-child{
    margin-top: 0;
}
.halfBnrs{
    margin-bottom: 16px;
}
.halfBnrs aside{
    width: 48.5%;
    float: left;
    margin: 0 0 12px 3%;
}
.halfBnrs aside:nth-child(2n+1){
    clear: both;
    margin-left: 0;
}

#homeArea .homeCatchcopy{
    margin-bottom: 40px;
}
#homeArea .homeCatchcopy p{
    font-size: 18px;
    line-height: 1.6;
    margin-bottom: 1.25em;
}
#homeArea .homeCatchcopy>*last-child{
    margin-bottom: 0 !important;
}

#homeTopTabs{
    margin-bottom: 40px;
}
#homeTopTabs .hide{
     display: none;
}
#homeTopTabs ul.tabBtn{
    font-size: 0;
    text-align: center;
}
#homeTopTabs ul.tabBtn li{
    display: inline-block;
    width: 46%;
    font-size: 18px;
    font-weight: 500;
    color: #e5e5e5;
    text-align: center;
    letter-spacing: 0.03em;
    padding: 1.1em 0;
    margin: 0 0 -1px 2%;
    box-sizing: border-box;
    background: #cccccc;
    border-radius: 3px 2px 0 0;
    cursor: pointer;
    position: relative;
    opacity: 1;
    z-index: 1;
}
#homeTopTabs ul.tabBtn li:first-child{
    margin-left: 0;
}
#homeTopTabs ul.tabBtn li.select{
    opacity: 1;
    color: #ffffff;
    background: #2d3054;
}

#homeTopTabs .box{
    border: solid 4px #2d3054;
    border-radius: 1px;
    padding: 24px;
    position: relative;
    z-index: 2;
}
#homeTopTabs .box{
    border: solid 4px #2d3054;
    border-radius: 1px;
    padding: 24px;
    position: relative;
    z-index: 2;
}
#homeTopTabs .box ul.btns li{
    float: left;
    margin: 0 0 0 2%;
}
#homeTopTabs .box ul.btns.btn02 li{
    width: 49%;
    margin-bottom: 16px;
}
#homeTopTabs .box ul.btns.btn03 li{
    width: 32%;
}
#homeTopTabs .box ul.btns.btn04 li{
    width: 23.5%;
}
#homeTopTabs .box ul.btns.btn02 li:nth-child(2n+1),
#homeTopTabs .box ul.btns.btn03 li:nth-child(3n+1),
#homeTopTabs .box ul.btns.btn04 li:nth-child(4n+1){
    clear: both;
    margin-left: 0;
}
#homeTopTabs .box ul.btns li a{
    display: block;
    color: #ffffff;
    text-align: center;
    padding: 32px 0 24px;
    background: #2d3054;
    border-radius: 3px;
}
#homeTopTabs .box ul.btns li a span.icon{
    display: inline-block;
    margin-bottom: 0.5em;
}
#homeTopTabs .box ul.btns li a span.icon i{
    font-size: 64px;
}
#homeTopTabs .box ul.btns li a p{
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0.02em;
    margin-top: 0.75em;
}
#homeTopTabs .box.exhibitors{
    border-color: #1ca65e;
}
#homeTopTabs ul.tabBtn li.select.exhibitors,
#homeTopTabs .box.exhibitors ul.btns li a{
    background: #1ca65e;
}
#homeTopTabs .box.visitors{
    border-color: #0068b7;
}
#homeTopTabs ul.tabBtn li.select.visitors,
#homeTopTabs .box.visitors ul.btns li a{
    background: #0068b7;
}

#information{
    margin: 40px 0;
}
#information h3{
    font-size: 20px;
    font-weight: 500;
    padding-bottom: 0.5em;
    margin-bottom: 0.5em;
    border-bottom: solid 2px #e5e5e5;
    position: relative;
}
#information h3:before{
    content: "";
    position: absolute;
    width: 120px;
    height: 2px;
    background: #0c704c;
    left: 0;
    bottom: -2px;
}
#information ul#infoList{
    overflow-y: scroll;
    max-height: 340px;
    padding: 16px 16px 0 0;
    box-sizing: border-box;
}
#information ul#infoList li{
    padding: 1em 0;
    border-top: solid 1px #e5e5e5;
}
#information ul#infoList li span.date{
    display: block;
    color: #787878;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 0.5em;
}
#information ul#infoList li p.title{
    font-size: 14px;
    line-height: 1.6;
}

/* -----breadcrumbs ----- */

#main.opie2022 {
    width: calc(100% - 240px);
    float: left;
}
#main.opie2022 #page-header{
    padding: 0;
    margin-bottom: 1.25em;
    border: none;
}
#main.opie2022 #page-header h2{
    font-size: 28px;
    font-weight: 500;
    letter-spacing: 0;
    margin: 0;
}

#main.opie2022 #breadcrumb{
    padding: 0;
    margin: 0 0 48px;
    border: none;
}
#main.opie2022 #breadcrumb ol{
    font-size: 0;
}
#main.opie2022 #breadcrumb ol li{
    font-size: 12px;
    margin: 0;
}
#main.opie2022 #breadcrumb ol li:before{
    content: ">";
    margin: 0 0.5em;
}
#main.opie2022 #breadcrumb ol li:first-child::before{
    content: none;
}
#main.opie2022 #breadcrumb ol li a{
    text-decoration: underline;
}

#main.opie2022 section{
}
#main.opie2022 section h1{
    font-size: 21px;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: 0.02em;
    margin-bottom: 1.25em;
    padding: 0.75em 1em;
    border-radius: 1px;
    border: none;
    background: #ffffff;
    border: solid 2px #0c704c;
    border-left: solid 12px #0c704c;
}
#main.opie2022 section h2{
    color: #0c704c;
    font-size: 20px;
    padding: 0 0 0.2em;
    margin-bottom: 0.75em;
    border-bottom: solid 2px #cccccc;
}
#main.opie2022 section h3{
    font-size: 17px;
    font-weight: 500;
    padding: 0.1em 0 0.1em 0.75em;
    margin-bottom: 0.75em;
    background: transparent;
    border: none;
    border-left: solid 8px #0c704c;
}
#main.opie2022 section h4{
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
    padding: 0.5em 0.75em;
    margin: 0 0 1em;
    background: #f2f2f2;
    border: none;
    border-radius: 1px
}
#main.opie2022 section h5{
}
#main.opie2022 section h6{
}
#main.opie2022 section p,
#main.opie2022 section li,
#main.opie2022 section table,
#main.opie2022 section dl dd,
#main.opie2022 section dl dt{
    font-size: 14px;
    line-height: 1.8;
}
#main.opie2022 section p{
    margin-bottom: 2em;
}
#main.opie2022 section ol.decimal,
#main.opie2022 section ul.disc{
}
#main.opie2022 section ul.disc{
}
#main.opie2022 section ol.decimal{
}
#main.opie2022 section ol.decimal li:first-child,
#main.opie2022 section ul.disc:first-child{
    margin-top: 0;
}
#main.opie2022 section figure{
}