@charset "utf-8";

/** |READ ME| **********************************************************************************************************

01. Reset
02. Home
03. Exhibition
04. Login
05. Form

********************************************************************************************************** |READ ME| **/

/** |01. Reset | >> ********************************************************************************* >> START **/
* {margin:0;padding:0;list-style:none;}
table {border-collapse:collapse;border-spacing:0;border:0;}
fieldset, img {border:0;}
address, caption, cite, code, dfn, em, th, var {font-style:normal;font-weight:normal;}
em {font-style:normal;font-weight:600;}
ol, ul {list-style:none;margin:auto;padding:0;font-family:'Noto Sans JP', sans-serif;font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;}
caption, th {text-align:left;}
h1, h2, h3, h4, h5, h6 {font-size:100%;font-weight:normal;}
small {font-weight:400;}
q:before, q:after {content:'';}
abbr, acronym {border:0;}
a img {border:none;outline:none;}
img {border:none;font-size:0;line-height:0;vertical-align:bottom;}
iframe {margin:0px;padding:0px;border:none;}
html {width:100%;height:100%;}
body {background:transparent;width:100%;height:100%;text-align:center;letter-spacing:0.05em;font-size:14px;line-height:150%;color:#333333;font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;font-optical-sizing:auto;font-weight:500;font-style:normal;}
body.ex-side-open{overflow:hidden;}
body.contact-open{overflow:hidden;}
#not-found{width:100%;height:100dvh;display: flex;flex-direction: column;justify-content: center;background:#fafafa;}
.not-found-title{font-size:20px;font-weight:500;}

/** |02. Home | >> ********************************************************************************* >> START **/
#content-home{display:flex;justify-content:center;flex-direction:column;height:100dvh;}
.hom-log{width:80px;margin:0 auto 40px;}
.hom-txt {font-size: 15px;margin: 0 0 70px;}
.hom-btn{width:80%;max-width:300px;padding:15px;border-radius:0.25rem;border:1px solid #000;text-align:center;text-decoration:none;font-weight:600;display:block;margin-left:auto;margin-right:auto;box-sizing:border-box;font-size:13px;transition:opacity 0.6s;background:#fff;}
.hom-btn:hover{opacity:0.6;}

/** |03. Exhibition | >> ********************************************************************************* >> START **/
#content-exhibition{position:relative;}
.ex-hed{display:flex;height:80px;justify-content:space-between;margin:auto;width:100%;padding:0;position:relative;border-bottom:1px #ddd solid;}
.ex-hed-log{width:155px;font-size:0;line-height:1;margin:0;border-right:1px #ddd solid;display:flex;justify-content:center;align-items:center;}
.ex-hed-log svg{width:65px;height:auto;}
.ex-hed-prn{width:20px;line-height:1;margin:auto;position:absolute;top:50%;left:20px;display: flex;gap:10px;transform: translate(0, -50%);}
.ex-hed-prn span{transition:0.6s opacity ease-in-out;cursor:pointer;border:1px #000 solid;border-radius:3px;padding:4px 15px;font-size:11px;font-weight:600;text-decoration:none;}
.ex-hed-prn span:hover{opacity:0.6;}
.ex-hed-prn span.active{background:#000;color:#fff;}
.ex-hed-mnu{display:flex;}
.ex-hed-itm{width:160px;font-size:14px;line-height:1;margin:0;transition:0.6s opacity ease-in-out;cursor:pointer;border-left:1px #ddd solid;display:flex;justify-content:center;align-items:center;}
.ex-hed-itm.active{background:#f5f5f5;}
.ex-hed-itm:hover{opacity:0.6;}
.ex-hed-itm span{display: flex;align-items: center;gap: 5px;}
.ex-hed-itm svg{width:18px;height:auto;visibility: hidden;}
.ex-hed-fav svg{width:18px;height:auto;}
.ex-hed-fav{width:160px;font-size:14px;line-height:1;margin:0;transition:0.6s opacity ease-in-out;cursor:pointer;border-left:1px #ddd solid;display:flex;justify-content:center;align-items:center;}
.ex-hed-fav.active{background:#f5f5f5;}
.ex-hed-fav:hover{opacity:0.6;}
.ex-hed-fav span{display: flex;align-items: center;gap: 5px;}
.ex-hed-fav svg{width:18px;height:auto;}
.ex-hed-con{width:160px;font-size:14px;line-height:1;margin:0;transition:0.6s opacity ease-in-out;cursor:pointer;border-left:1px #ddd solid;display:flex;justify-content:center;align-items:center;}
.ex-hed-con.active{background:#f5f5f5;}
.ex-hed-con:hover{opacity:0.6;}
.ex-hed-con span{display: flex;align-items: center;gap: 5px;}
.ex-hed-con svg{width:18px;height:auto;}
.ex-pdc-hed{margin:0 auto;width:100%;max-width:1100px;padding:80px 20px 80px;position:relative;}
.ex-pdc-hed-tit{font-size:18px;font-weight:600;margin-bottom:30px;}
.ex-pdc-hed-txt{font-size:14px;}
#contact-exhibition .ex-pdc-hed {padding:80px 20px 0;}
#contact-exhibition .ex-pdc-hed-txt{padding: 0 0px 80px;text-align: center;}

.ex-cat{display: flex;flex-wrap:wrap;flex-grow: 1;gap:10px 20px;font-size:14px;font-weight:500;justify-content: center;}
.ex-cat li{position: relative;padding:0 0 2px;cursor: pointer;}
.ex-cat li::after{content:"";background:#000;height:1px;position: absolute;left:0;bottom:0;transition: 0.3s ease-in-out;width:0;}
.ex-cat li.active::after{width:100%;}
.ex-cat-sel{margin:auto;width:100%;max-width:1100px;padding:0 20px;position:relative;text-align: left;display:none;padding:0;gap:10px;align-items: center;}
.ex-cat-sel dt{font-size:11px;padding:0;font-weight:500;}
.ex-cat-sel dd{position:relative;margin: 0;padding: 0;width:100%;}
.ex-cat-sel dd select{outline:none;border: 1px #ddd solid;appearance:none;width:100%;display: block;border-radius:5px;font-size:16px;font-weight:500;padding:8px 10px;}
.ex-pdc-sub{margin:auto;width:100%;max-width:1100px;padding:0 20px;position:relative;display:flex;justify-content: space-between;align-items: center;}
.ex-cou{text-align: right;font-size:12px;font-weight: 600;}
.ex-pdc-list{flex-direction:row;flex-wrap:wrap;display:flex;max-width:1100px;margin:auto;padding:0 10px 60px;box-sizing:border-box;}
.ex-pdc-list.ex-pdc-list--book{padding-bottom:0;}
.ex-pdc-list-item{position:relative;padding:20px 10px 60px;box-sizing:border-box;line-height:1.3;display: flex;flex-direction: column;}
@media only screen and (min-width:769px){
.ex-pdc-list--pc-five .ex-pdc-list-item{width:calc(100% / 5);}
.ex-pdc-list--pc-four .ex-pdc-list-item{width:calc(100% / 4);}
.ex-pdc-list--pc-three .ex-pdc-list-item{width:calc(100% / 3);}
.ex-pdc-list--pc-five .ex-pdc-list-tit{font-size: 14px;}
}
@media only screen and (max-width:768px){
.ex-pdc-list--sp-three .ex-pdc-list-item{width:calc(100% / 3);padding:20px 2.5px;}
.ex-pdc-list--sp-two .ex-pdc-list-item{width:calc(100% / 2);padding:20px 5px;}
.ex-pdc-list--sp-one .ex-pdc-list-item{width:calc(100% / 1);}
.ex-pdc-list--sp-three .ex-pdc-list-tit{font-size: 14px;}
.ex-pdc-list--sp-three .ex-pdc-list-fav{width:30px;height:30px;}
}
.ex-pdc-list-fav{margin:auto 0 0;font-size:0;line-height:1;cursor:pointer;transition:0.6s opacity ease-in-out;width:34px;height:34px;border:1px #ddd solid;border-radius:50px;display: block;display:flex;justify-content: center;align-items: center;box-sizing: border-box;}
.ex-pdc-list-fav:hover{opacity:0.6;}
.ex-pdc-list--book .ex-pdc-list-fav:hover{opacity:1;}
.ex-pdc-list-fav svg{width:calc(100% * 20 / 34);height:auto;}
.ex-pdc-list-fav path{stroke:#000;}
.ex-pdc-list-fav.active{border:1px #000 solid;background:#000;}
.ex-pdc-list-fav.active path{fill:#fff;stroke:#000;}
.ex-pdc-list-tit {display:block;padding:15px 20px 5px 0;font-size:16px;font-weight:600;text-align:left;}
.ex-pdc-list-ser {display:block;padding:0 0 5px;font-size:11px;text-align:left;text-transform:uppercase;}
.ex-pdc-list-pri {display:block;padding:0 0 20px;font-size:11px;text-align:left;}
.ex-pdc-list-image img{width:100%;height:auto;}
.ex-side-wrap{max-width: 1100px;margin: auto;padding: 0 10px 60px;box-sizing: border-box;}
.ex-side-hed-clr{position: absolute;top:50%;right:15px;color:#aaa;transform: translate(0, -50%);line-height: 1;font-size: 12px;}
.ex-side-hed-clo{cursor: pointer;width: 20px;height: 20px;font-size: 0;appearance: none;background: #fff;position:absolute;left:10px;top:calc(50% - 10px);transition: opacity 0.3s ease-in-out;border: 1px #ddd solid;padding: 0;border-radius: 3px}
.ex-side-hed-clo::before{position: absolute;content: " ";top: calc(50% - 3px);left: calc(50% - 1px);width: 6px;height: 6px;border-bottom: 1px solid #000;border-left: 1px solid #000;transform: rotate(45deg);}
.ex-side-hed-clo:hover{opacity:0.6;}
.ex-side-fav-epy{padding:120px 0;}
.ex-side-fav-list{padding:0;}
.ex-side-fav-list-item{display:flex;padding:20px 40px 20px 20px;border-bottom:1px #ddd solid;position: relative;}
.ex-side-fav-list-image{width:100%;max-width:40px;}
.ex-side-fav-list-image img{width:100%;height:auto;}
.ex-side-fav-list-inf{width:100%;text-align:left;box-sizing:border-box;padding:0 0 0 15px;}
.ex-side-fav-list-tit{display:block;padding:0;font-size:13px;font-weight:600;text-align:left;}
.ex-side-fav-list-ser{display:block;padding:0;font-size:11px;text-align:left;}
.ex-side-fav-list-pri{display:block;padding:0;font-size:11px;text-align:left;}
.ex-pag{width:100%;max-width:1100px;padding:0 20px 120px;position:relative;margin:auto;}
.ex-side-fav-list-close{width: 21px;height: 21px;border-radius: 50%;cursor: pointer;background:#ddd;border:1px #ddd solid;position:absolute;top:calc(50% - 10px);right:10px;}
.ex-side-fav-list-close:before {content: " ";display: block;height: 1px;width: 8px;position: absolute;top: 9px;left: 6px;background: #fff;transform: rotate(45deg);}
.ex-side-fav-list-close:after {content: " ";display: block;height:1px;width: 8px;position: absolute;bottom: 9px;left: 6px;background: #fff;transform: rotate(-45deg);}
.ex-pag-wrap{display:flex;align-items:center;justify-content: center;gap: 10px;}
.disable{opacity:0.2;pointer-events:none;}
.ex-pag-txt{display:flex;align-items:center;padding:0 30px 0 0;}
.ex-pag-txt span:first-child{padding:0 20px 0 0;}
.ex-pag-txt input{margin:0 5px 0 0;padding:3px 5px 3px 15px;width:70px;height:30px;appearance:none;background:#fff;border:none;border-radius:0;box-sizing:border-box;box-shadow:0px 0px 0px 1px #e5e5e5 inset;}
.ex-pag-txt input.disable{opacity:1;color:#c4c4c4;}
button.ex-pag-num{cursor:pointer;width:30px;height:30px;;font-size:11px;appearance:none;background:#fff !important;color:#333 !important;position:relative;transition:opacity 0.3s ease-in-out;border:1px #ddd solid;outline:none !important;padding:0;border-radius: 3px !important;}
button.ex-pag-num:hover{opacity:0.6;}
button.ex-pag-num.is-current{background:#000 !important;color:#fff !important;border:1px #000 solid;}
button.ex-pag-num.is-current:hover{opacity:1;}
button.ex-pag-btn{cursor:pointer;width:30px;height:30px;font-size:0;appearance:none;background:#fff !important;color:#333 !important;position:relative;transition:opacity 0.3s ease-in-out;border:1px #ddd solid;padding:0;outline:none !important;border-radius: 3px !important;}
button.ex-pag-btn:hover{opacity:0.6;}
.ex-pag-btn-prev::after{position:absolute;content:" ";top:calc(50% - 3px);left:calc(50% - 1px);width:6px;height:6px;border-bottom:1px solid #000;border-left:1px solid #000;transform:rotate(45deg);}
.ex-pag-btn-next::after{position:absolute;content:" ";top:calc(50% - 3px);right:calc(50% - 1px);width:6px;height:6px;border-top:1px solid #000;border-right:1px solid #000;transform:rotate(45deg);}
.ex-pag-fot{position: fixed;bottom:20px;left:20px;}
button.ex-pag-btn.ex-pag-btn--fot{width:25px;height:25px;border:1px #ddd solid;border-radius:2px;border-radius: 3px !important;}
button.ex-pag-btn.ex-pag-btn--fot + .ex-pag-btn--fot{margin-left:10px;}
.ex-prn-hed{margin:0 auto 30px;width:100%;max-width:1100px;padding:30px 20px;position:relative;}
.ex-prn-hed::before{content:" ";background:#ddd;position: absolute;left:20px;right:20px;top:0;height: 1px;}
.ex-prn-hed::after{content:" ";background:#ddd;position: absolute;left:20px;right:20px;bottom:0;height: 1px;}
.ex-prn-hed-nav{display: flex;flex-wrap:wrap;gap:10px;font-size:12px;font-weight:600;}
.ex-prn-hed-nav span{transition:0.6s opacity ease-in-out;cursor:pointer;border:1px #000 solid;border-radius:3px;padding:4px 15px;font-size:11px;font-weight:600;text-decoration:none;line-height:1;}
.ex-hed-prn span:hover{opacity:0.6;}
.ex-prn-cnt{margin:auto;width:100%;max-width:1100px;padding:0 20px 60px;position:relative;}
.ex-prn-cus{padding:30px 0;}
.ex-prn-cus-tit{padding:0 0 30px;font-size: 18px;font-weight: 700;text-align: left;}
.ex-prn-cus-list{text-align: left;display: flex;flex-wrap: wrap;justify-content: space-between;}
.ex-prn-cus-list span{font-size: 12px;font-weight: 700;}
.ex-prn-cus-list li{padding:0 0 30px;width:calc(50% - 20px)}
.ex-prn-cus-text{font-size: 16px;font-family: inherit;font-weight: 400;border: 1px #ddd solid !important;border-radius: 3px !important;outline: none !important;margin: 0 !important;padding: 9px  12px!important;width: 100%;display: block;box-sizing: border-box;background: #f5f5f5;}
.ex-prn-pdc-tbl {font-size:13px;border-top:1px #ddd solid;border-left:1px #ddd solid;font-weight: 600;}
.ex-prn-pdc-tbl thead{background:#f5f5f5;}
.ex-prn-pdc-tbl td{border:none;border-right:1px #ddd solid;border-bottom:1px #ddd solid;padding: 10px 5px;}
#contact-exhibition{display:none;}
#contact-exhibition.view{display:block;}
#contact-exhibition form{margin:auto;width:100%;max-width:750px;padding: 0px 20px 120px!important;position:relative;text-align: left;}
#contact-exhibition input[type="text"]{background: #F0F0F0;border: 1px #ddd solid;border-radius: 3px;outline:none !important;padding: 17px 9px;}
#contact-exhibition input[type="email"]{background: #F0F0F0;border: 1px #ddd solid;border-radius: 3px;outline:none !important;padding: 17px 9px;}
#content #contact-exhibition .forminator-row-with-confirmation-email {display: block!important;}
#content #contact-exhibition .forminator-row-with-confirmation-email .forminator-col {width: 100%!important;margin-bottom: 30px;}
#contact-exhibition textarea{border: 1px #ddd solid;border-radius: 3px;line-height: 1.5;background: #F0F0F0;}
#contact-exhibition .forminator-button-submit{background: #000;color: #fff;border: none;outline: none;text-shadow: none;border-radius: 3px;font-size: 16px !important;margin: 60px auto 0;display: block;width: 400px;line-height: 50px;}
.forminator-error-message{background: transparent !important;padding: 0 !important;color: #333 !important;font-size: 11px !important;}
.forminator-success{display: block;font-size: 12px;background: #eee;border: 1px #ddd solid;padding: 20px;box-shadow: none;border-radius: 5px;text-align: center;line-height: 1.5;}
#content #contact-exhibition .forminator-field .forminator-label {font-size: 15px;padding-bottom: 10px;}
#content #contact-exhibition .form-bookmark .forminator-textarea {pointer-events: none;padding: 30px 40px;line-height: 2;box-sizing: border-box;min-height: 0px!important;height: auto;resize:none;background: #FFF;}
#content #contact-exhibition .forminator-radio {margin: 0;width: calc(50% - 20px);position: relative;padding: 0;display: inline-flex;justify-content: center;}
#content #contact-exhibition .forminator-radio + .forminator-radio {margin-left: 40px;}
#content #contact-exhibition .forminator-is_checked {background: #F0F0F0;}
#content #contact-exhibition .forminator-radio input {position: absolute;width: 100%!important;height: 100%!important;border-radius: 0;left: 0;top: 0;border: 1px solid #707070!important;background: none;text-align: center;pointer-events: auto;clip: unset!important;clip-path: unset!important;cursor: pointer;outline: none!important;}
#content #contact-exhibition .forminator-radio input::after {display: none!important;}
#content #contact-exhibition .forminator-radio input:checked + .forminator-radio-bullet {border-color: #000!important;}
#content #contact-exhibition .forminator-radio .forminator-radio-label {margin: 0;display: block;width: auto;text-align: center;padding: 20px 10px;}
#content #contact-exhibition .forminator-radio .forminator-radio-bullet {border-radius: 50%;border: 1px solid #707070;background: none;display: inline-block;}
#content #contact-exhibition .forminator-radio .forminator-radio-bullet::before {background-color: #000;}
#content #contact-exhibition .forminator-required {font-size: 0;border: 1px #f03 solid;border-radius: 2px;display: inline-block;line-height: 1;padding: 1px 3px 2px;}
#content #contact-exhibition .forminator-required::after {content: "必須";color: #f03;font-size: 11px;}
#content #contact-exhibition .forminator-field-html .forminator-field h3 {font-size: 22px;font-weight: bold;position: relative;padding-left: 15px;margin-top: 50px;}
#content #contact-exhibition .forminator-field-html .forminator-field h3::before {content: "";display: block;position: absolute;top: 13px;left: 0;width: 10px;height: 3px;background: #000;}
#content #contact-exhibition .forminator-field-html .forminator-field h4 {font-size: 22px;font-weight: bold;position: relative;padding: 60px 15px 10px 15px;margin-top: 50px;border-top: 1px solid #CCCCCC;}
#content #contact-exhibition .forminator-field-html .forminator-field h4::before {content: "";display: block;position: absolute;top: 73px;left: 0;width: 10px;height: 3px;background: #000;}
#content #contact-exhibition .forminator-field-html .forminator-field dt {font-size: 14px!important;}
#content #contact-exhibition .forminator-field-html .forminator-field dd {font-size: 14px!important;padding: 0!important;line-height: 2;}
#content #contact-exhibition .forminator-field-date .forminator-label {pointer-events: none;}
#content #contact-exhibition .forminator-icon-calendar {left: auto;right: 10px;opacity: 0.2;}
#content #contact-exhibition .forminator-input-with-icon .forminator-input {padding-left: 10px;padding-right: 35px;}
.forminator-calendar--default .ui-datepicker-header .ui-corner-all {background-color: #000!important;}
.forminator-calendar--default .ui-datepicker-calendar tbody td a.ui-state-default.ui-state-highlight {outline-offset: 0px!important;}
.forminator-calendar--default:before {border-color: #000!important;background: #fff!important;}
#content #contact-exhibition .forminator-response-message.forminator-show.forminator-success ~ .forminator-row {display: none;}
#content #contact-exhibition .forminator-response-message.forminator-show.forminator-success {background-color: #fff!important;border: 1px solid #000!important;border:none!important;}
#content #contact-exhibition .forminator-response-message.forminator-show.forminator-success b {display: block;font-size: 18px;text-align: center;margin-bottom: 30px;}
#content #contact-exhibition span.forminator-error-message {color: #E51919 !important;}

#data_table{display:none;}
.tablepress th,.tablepress td{background:transparent;padding:0;font-size:8px;line-height:1;}
.ex-pdc-sub-nav-lay{display:block;text-align:left;letter-spacing:-0.4em;line-height:0;font-size:0;padding:0;}
.ex-pdc-sub-nav-lay-btn{width:40px;height:30px;border-radius:2px;display:none;position:relative;margin:0 2.5px;}
.ex-pdc-sub-nav-lay-btn.active{background:#f0f0f0;}
@media only screen and (min-width:769px){
.ex-pdc-sub-nav-lay-btn--five{display:inline-block;}
.ex-pdc-sub-nav-lay-btn--four{display:inline-block;}
.ex-pdc-sub-nav-lay-btn--three{display:inline-block;}
}
@media only screen and (max-width:768px){
.ex-pdc-sub-nav-lay-btn--sp-three{display:inline-block;}
.ex-pdc-sub-nav-lay-btn--sp-two{display:inline-block;}
.ex-pdc-sub-nav-lay-btn--sp-one{display:inline-block;}
}
.ex-pdc-sub-nav-lay-ico--five{width:19px;height:12px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
.ex-pdc-sub-nav-lay-ico--five span{position:absolute;display:block;}
.ex-pdc-sub-nav-lay-ico--five span:nth-child(1){top:0;left:0;width:2px;height:14px;border-top:#888 2px solid;border-bottom:#888 2px solid;box-sizing: border-box;}
.ex-pdc-sub-nav-lay-ico--five span:nth-child(2){top:0;left:4px;width:2px;height:14px;border-top:#888 2px solid;border-bottom:#888 2px solid;box-sizing: border-box;}
.ex-pdc-sub-nav-lay-ico--five span:nth-child(3){top:0;left:8px;width:2px;height:14px;border-top:#888 2px solid;border-bottom:#888 2px solid;box-sizing: border-box;}
.ex-pdc-sub-nav-lay-ico--five span:nth-child(4){top:0;left:12px;width:2px;height:14px;border-top:#888 2px solid;border-bottom:#888 2px solid;box-sizing: border-box;}
.ex-pdc-sub-nav-lay-ico--five span:nth-child(5){top:0;left:16px;width:2px;height:14px;border-top:#888 2px solid;border-bottom:#888 2px solid;box-sizing: border-box;}
.ex-pdc-sub-nav-lay-ico--five span::before{content:"";display:block;background:#888;width:2px;height:2px;position:absolute;top:2px;left:0;}
.ex-pdc-sub-nav-lay-ico--five span::after{content:"";display:block;background:#888;width:2px;height:2px;position:absolute;top:6px;left:0;}
.ex-pdc-sub-nav-lay-ico--four{width:19px;height:12px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
.ex-pdc-sub-nav-lay-ico--four span{position:absolute;display:block;}
.ex-pdc-sub-nav-lay-ico--four span:nth-child(1){top:0;left:0;width:3px;height:13px;border-top:#888 3px solid;border-bottom:#888 3px solid;box-sizing: border-box;}
.ex-pdc-sub-nav-lay-ico--four span:nth-child(2){top:0;left:5px;width:3px;height:13px;border-top:#888 3px solid;border-bottom:#888 3px solid;box-sizing: border-box;}
.ex-pdc-sub-nav-lay-ico--four span:nth-child(3){top:0;left:10px;width:3px;height:13px;border-top:#888 3px solid;border-bottom:#888 3px solid;box-sizing: border-box;}
.ex-pdc-sub-nav-lay-ico--four span:nth-child(4){top:0;left:15px;width:3px;height:13px;border-top:#888 3px solid;border-bottom:#888 3px solid;box-sizing: border-box;}
.ex-pdc-sub-nav-lay-ico--four span::before{content:"";display:block;background:#888;width:3px;height:3px;position:absolute;top:calc(50% - 1.5px);left:0;}
.ex-pdc-sub-nav-lay-ico--three{width:19px;height:12px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
.ex-pdc-sub-nav-lay-ico--three span{position:absolute;display:block;}
.ex-pdc-sub-nav-lay-ico--three span:nth-child(1){top:1px;left:0;width:5px;border-top:#888 5px solid;border-bottom:#888 5px solid;height:12px;box-sizing: border-box;}
.ex-pdc-sub-nav-lay-ico--three span:nth-child(2){top:1px;left:7px;width:5px;border-top:#888 5px solid;border-bottom:#888 5px solid;height:12px;box-sizing: border-box;}
.ex-pdc-sub-nav-lay-ico--three span:nth-child(3){top:1px;left:14px;width:5px;border-top:#888 5px solid;border-bottom:#888 5px solid;height:12px;box-sizing: border-box;}
.ex-pdc-sub-nav-lay-ico--sp-three{width:19px;height:12px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
.ex-pdc-sub-nav-lay-ico--sp-three span{position:absolute;display:block;}
.ex-pdc-sub-nav-lay-ico--sp-three span:nth-child(1){top:1px;left:0;width:5px;border:#888 1px solid;height:5px;box-sizing: border-box;}
.ex-pdc-sub-nav-lay-ico--sp-three span:nth-child(2){top:1px;left:7px;width:5px;border:#888 1px solid;height:5px;box-sizing: border-box;}
.ex-pdc-sub-nav-lay-ico--sp-three span:nth-child(3){top:1px;left:14px;width:5px;border:#888 1px solid;height:5px;box-sizing: border-box;}
.ex-pdc-sub-nav-lay-ico--sp-three span:nth-child(4){top:8px;left:0;width:5px;border:#888 1px solid;height:5px;box-sizing: border-box;}
.ex-pdc-sub-nav-lay-ico--sp-three span:nth-child(5){top:8px;left:7px;width:5px;border:#888 1px solid;height:5px;box-sizing: border-box;}
.ex-pdc-sub-nav-lay-ico--sp-three span:nth-child(6){top:8px;left:14px;width:5px;border:#888 1px solid;height:5px;box-sizing: border-box;}
.ex-pdc-sub-nav-lay-ico--sp-two{width:16px;height:12px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
.ex-pdc-sub-nav-lay-ico--sp-two span{display:block;border:1px #888 solid;width:7px;height:5px;position:absolute;}
.ex-pdc-sub-nav-lay-ico--sp-two span:nth-child(1){top:0;left:0;}
.ex-pdc-sub-nav-lay-ico--sp-two span:nth-child(2){top:0;right:0;}
.ex-pdc-sub-nav-lay-ico--sp-two span:nth-child(3){bottom:0;left:0;}
.ex-pdc-sub-nav-lay-ico--sp-two span:nth-child(4){bottom:0;right:0;}
.ex-pdc-sub-nav-lay-ico--sp-one{width:16px;height:12px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
.ex-pdc-sub-nav-lay-ico--sp-one span{display:block;border:1px #888 solid;width:11px;height:7px;position:absolute;top:2px;left:2px;}
.forminator-ui#forminator-module-12.forminator-design--default .forminator-radio .forminator-radio-bullet, .forminator-ui#forminator-module-12.forminator-design--default .forminator-radio .forminator-radio-image{background-color: #fff !important;border:1px #ddd solid !important;}
.forminator-success{display: block !important;box-shadow: none !important;border-radius: 3px !important;font-size: 12px !important;text-align: center !important;;border: 1px solid rgba(23, 168, 227,0.3) !important;background: rgba(23, 168, 227,0.1) !important;color: rgb(23, 168, 227) !important;padding: 20px !important;}
.ex-pdc-fot{padding:0 20px 120px;}
.ex-pdc-fot-btn{font-size:15px;display: block;background:#000;color:#fff;width:100%;max-width:400px;padding:20px;transition:opacity 0.3s ease-in-out;cursor: pointer;margin:auto;border-radius:5px;}
.ex-pdc-fot-btn:hover{opacity:0.6;}
#image-modal{position:fixed;top:0;left:0;width:100%;height:100dvh;background:rgba(0,0,0,0.8);display:none;}
#image-modal.view{display:block;}
.image-modal-bg{position: absolute;width:100%;height:100%;top:0;left:0;}
.image-modal-inner{position: absolute;top:50%;left:50%;transform: translate(-50%,-50%);max-width:calc(80dvh / 1200 * 800);aspect-ratio:800 / 1200;width:90%;}
.image-modal-close{position: absolute;top:20px;right:20px;font-size: 0;width:30px;height:30px;}
.image-modal-close::before {position: absolute;content: " ";display: block;background: #fff;width:30px;height: 1px;top: calc(50% - 2px);right: 0;transform: rotate(-45deg);}
.image-modal-close::after {position: absolute;content: " ";display: block;background: #fff;width:30px;height: 1px;top: calc(50% - 2px);right: 0;transform: rotate(45deg);}
.swiper-button-next svg{width:25px;height:25px;}
.swiper-button-prev svg{width:25px;height:25px;}
.swiper-button-next path{fill:#fff;}
.swiper-button-prev path{fill:#fff;}
@media only screen and (max-width:768px){
.ex-hed{height:60px;}
.ex-hed-log{width:100%;border-right:none;max-width:100px;}
.ex-hed-log svg{width:50px;height:auto;}
.ex-hed-itm{width: 95px;font-size: 11px;}
.ex-hed-itm span{gap:2px;}
.ex-hed-itm svg{width:15px;display:none;}
.ex-hed-fav{width: 95px;font-size: 11px;}
.ex-hed-fav span{gap:2px;}
.ex-hed-fav svg{width:15px;display:none;}
.ex-hed-con{width: 95px;font-size: 11px;}
.ex-hed-con span{gap:3px;}
.ex-hed-con svg{width:15px;display:none;}
.ex-pdc-hed{padding-top:60px;}
.ex-pdc-hed{padding-bottom:60px;}
.ex-cat{display:none;}
.ex-cat-sel{display:block;}
.ex-pdc-list-pri {padding:0 0 15px;}
.ex-pdc-hed-txt{text-align: left;}
.ex-pdc-fot{padding:0 20px 60px;}
.ex-pdc-fot-btn{font-size:14px;}
.ex-pag-wrap {flex-wrap: wrap;}
    
#content #contact-exhibition .forminator-radio {width: 100%;}
#content #contact-exhibition .forminator-radio + .forminator-radio {margin-top: 20px;margin-left: 0;}
#content #contact-exhibition .forminator-field-html .forminator-field h3 {font-size: 20px;}
#content #contact-exhibition .forminator-field-html .forminator-field h4 {font-size: 20px;padding: 50px 15px 10px 15px;}
#content #contact-exhibition .forminator-field-html .forminator-field h4::before {top: 63px;}
#contact-exhibition .forminator-button-submit {width: 90%;}
#contact-exhibition .ex-pdc-hed {padding: 60px 20px 0;}
#contact-exhibition .ex-pdc-hed-txt {padding: 0 0px 50px;text-align: left;}
}

/** |04. Login | >> ********************************************************************************* >> START **/
#login{height:100vh;height:100dvh;display: flex;flex-direction: column;justify-content: center;background: #ffffff;}
.login-box{margin:auto;max-width:300px;width:80%}
.login-box p{display: block;font-size:0;text-align: left;margin:0 auto 40px;text-align: center;width:80px;}
.login-box input{font-size: 16px;font-family: inherit;font-weight: 400;border: 1px #ddd solid !important;border-radius:0 !important;outline: none !important;margin:0 auto 20px!important;padding:10px 15px !important;width: 100%;display: block;box-sizing: border-box;background:#fafafa !important;line-height:1;}
.login-box button{font-size: 14px;font-family: inherit;font-weight: 400;border: none;border-radius:0 !important;outline: none !important;padding:15px !important;display: block;box-sizing: border-box;background: #000 !important;color: #fff;margin:0 !important;width:100%;line-height:1;}
.login-box button:hover{background: #333 !important;}
@media only screen and (max-width:768px){
    .login-box input{padding:15px 15px !important;}
}