.fair-area { width: 980px; margin: 2em auto 0;}
.catcharea-waku {background-image: url('http://www.trimble-h.co.jp/wp-content/themes/template/images/geospatial-fair-2025-hokuriku/catcharea-image-bg.png'); width:100%; background-size: cover; margin-bottom: 2em; justify-content:center;}
.catcharea {font-size: 1.8em; margin: 2.5em 10px; text-align: center;}
.catcharea div {color: #fff; text-shadow: #000 2px 0 2px; line-height: 1.6; padding: 0; font-weight:bolder; text-align: center;}
.catcharea div:first-of-type {text-align: left;}
.catcharea div:nth-child(2) {color: #f3b236; font-size: 2em; line-height: 1.4; margin: 20px auto;}
.catcharea div:nth-child(2) span {font-size: .86em;}
.catcharea div:nth-child(3) {display: inline-block; font-size: .8em; margin: 20px auto 0; padding: 0 10px; color: #ffff00; background-color: #ff00ff;}
.catcharea div:nth-child(3) span {font-size: 1.5em; line-height: 1.2;}
.aisatu {max-width: 820px; padding: 15px;}
.aisatu p {font-size: 1.22em; line-height: 1.8; text-align: left;}
img.fukei {width:100%; object-fit:cover; object-position:50% 50%; margin: 1em auto;}
.enter_free {border: 1px solid #5e5e5e; background-color: #e1e1e1; font-size: .6em !important; font-weight: normal !important; white-space: nowrap; border-radius: 4px; padding: 3px 10px; margin: 0 0 0 20px; vertical-align:top;}
.gaiyou {width: 63%; font-size: 1.6em; margin-bottom: .5em;}
dl.smn-info-2 { display:flex; flex-wrap: wrap; margin:1em auto 2em; font-weight: 800; line-height: 1.4em;}
dl.smn-info-2 dt { display:inline-block; width:22%; margin: 0; padding:4px 1em 4px 0; box-sizing: border-box; text-align-last: justify;}
dl.smn-info-2 dd { display:inline-block; width:78%; margin: 0; padding:4px 0 4px 1.25em; box-sizing: border-box; text-indent: -1.25em;}
dl.smn-info-2 dd::before { content: ":"; padding-right: 1em;}
dl.fair_info { display:flex; flex-wrap: wrap; width:100%; margin:0em auto; font-size: 1.15em; line-height: 1.4em;}
dl.fair_info dt { float: none; display:inline-block; width:100px; margin: 0; padding:3px 0 0px; box-sizing: border-box;}
dl.fair_info dt span {background-color:#000; color:#fff; padding: 5px;}
dl.fair_info dd { display:inline-block; width:calc(100% - 100px); margin: 0; padding:3px 0 0px; box-sizing: border-box;}
dl.fair_info dd:first-of-type {padding:3px 0 25px;}
dl.fair_info dt div, dl.fair_info dd div { display:inline-block; font-size: .9em;}
dl.fair_info dd span { font-family: 'Roboto', 'Noto Sans JP', sans-serif; font-size: 2.2em; font-weight: bold;}
dl.fair_info.ks dt { float: none; display:inline-block; width:120px; margin: 0; padding:3px 0 0px; box-sizing: border-box;}
dl.fair_info.ks dd { display:inline-block; width:calc(100% - 120px); margin: 0; padding:3px 0 15px; box-sizing: border-box;}
dl.fair_info.ks dd:first-of-type {padding:3px 0 15px;}
dl.fair_info.ks dd span { font-family: 'Roboto', 'Noto Sans JP', sans-serif; font-size: 1.6em; font-weight: bold;}
dl.fair_info dd span.access-map { font-family:inherit; font-size: .8em; font-weight: normal;}
.system_exhibition_and_demonstration {background-image: url('http://www.trimble-h.co.jp/wp-content/themes/template/images/geospatial-fair-2025-hokuriku/demo-image-bg.png');background-color:rgba(255,255,255,0.5); background-blend-mode:lighten; width:100%; background-size: cover; margin-top: 3em; margin-bottom: 3em; justify-content:center;}
.technology_seminar-waku {background-image: url('http://www.trimble-h.co.jp/wp-content/themes/template/images/geospatial-fair-2025-hokuriku/seminar-image-bg.jpg');background-color:rgba(255,255,255,0.5); background-blend-mode:lighten; width:100%; background-size: cover; margin-top: 3em; margin-bottom: 3em;}
.technology_seminar {font-size: 1.2em; margin: 1em 10px .5em;}
.technology_seminar p {line-height: 1.8; color: #000; text-shadow: #fff 1px 0 2px;}
.technology_seminar .picktxt {display: inline-block; line-height: 1.6; padding: 0; font-weight:bolder; text-align: center;}
#seminarwaku .col-10 { width: 70%;}
.smn_ttl {font-size: 1.5em; line-height: 1.4 !important; margin-bottom: 20px !important; font-weight: bold; background: linear-gradient(0deg, rgb(99, 164, 55), rgb(126, 183, 90)); color: #fff; padding: 4px 10px;}
.smn_ttl.area {background: linear-gradient(0deg, rgb(242, 182, 92), rgb(232, 161, 58)); text-align: center;}
.smn_time {line-height: 1.6 !important; margin-bottom: 0px !important;}
.smn_time span {font-size: 1.3em; font-weight: bold;}
.smn_machin {line-height: 1.6 !important;}
.yoteiti {display: flex; justify-content: space-between;}
.yoteiti img {display: inline-block; width: 100%; padding: 0 15px; box-sizing: border-box;}
.modal.oversize_pic { max-width:780px;}
.modal.oversize_pic img { width:100%; height:auto;}
#presentarea {justify-content:center; align-items: center; border-top:1px solid #ccc; padding:3em 0; margin:5em auto 0em;}
#presentarea p.ttl {font-size: 1.2em; font-weight: bold; text-align: center;}
#presentarea img.icon {display: block; max-height:180px; margin:10px auto;}
#presentarea div {display:block;}
#presentarea div img {width:400px; height:auto; margin:10px auto;}
@media  screen and (max-width:979px) {
    .fair-area { width: 100%;}
    .catcharea {width: 100%; margin: 1em;}
    .catcharea .icon-area {display: flex; justify-content: right; align-items: center;}
    .aisatu p { font-size: 1em; line-height: 1.8; text-align: left;}
    .aisatu br {display: none;}
    .gaiyou {width: 50%; font-size: 1.7vw;}
    dl.smn-info-2 { font-size: 1.3em;}
    dl.smn-info-2 dt { width:25%;}
    dl.smn-info-2 dd { width:75%;}
    dl.fair_info dd {margin-top: -15px;}
    dl.fair_info dd span {font-size: 4vw; line-height: 1.4;}
    dl.fair_info.ks dd {width:100%; margin:0px 0 0;}
    dl.fair_info.ks dd span {font-size: 4vw; line-height: 1.4;}
    #seminarwaku .col-4 {width: 30%;}
    #seminarwaku .col-8 {width: 70%; padding-left: 20px;}
    .smn_ttl {font-size: 1.1em !important; margin-bottom: 15px !important;}
    .smn_time span {font-size: 1em !important;}
    .smn_time {font-size: .96em;}
    .smn_time span {font-size: 1em !important;}
    .smn_machin {font-size: .96em;}
}
@media screen and (max-width: 640px) {
    .catcharea {font-size: 1em; margin: 2.5em 10px; text-align: center;}  
    .gaiyou {width: 100%; font-size: 2.8vw;}
    .technology_seminar {font-size: 3vw;}
    #fair_info dt { float:none; width:100% ; padding:3px 0 0 0px;}
    #fair_info dd { margin-left:0px; padding:0px; margin-bottom:2em; font-size:1em;}
    .yoteiti {display: inline-block;}
}
@media screen and (max-width:376px) {
    .readarea {font-size: 1em; margin-bottom: 0em;}
    .gaiyou {width: 100%; font-size: 3vw;}
    dl.fair_info dd, dl.fair_info.ks dd {margin-top: 10px;}
    dl.fair_info dt, dl.fair_info dd { width:100%;}
    dl.fair_info.ks dd span {font-size: 5vw; line-height: 1.4;}
}