@charset "UTF-8";
@import url(//fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&display=swap);
.smartexpoonline2022{font-family:'Noto Sans JP',sans-serif}
.smartexpoonline2022 *,.smartexpoonline2022 :after,.smartexpoonline2022 :before{box-sizing:border-box}
.smartexpoonline2022 p{margin-top:0}
.smartexpoonline2022 img{height:auto;max-width:100%;vertical-align:top;}
.smartexpoonline2022 .business_meeting{margin-top: 56px;position: relative;color: #fff;display: block;transition: opacity .25s;}
.smartexpoonline2022 .business_meeting:hover{opacity: .8;text-decoration: none;}
.smartexpoonline2022 .advance_icon{font-size: 1.07em;font-weight: bold;background: url(/fa/compass/exhibition/2022/smartexpoonline/img/business_title_bg.png)no-repeat;background-size: contain;padding: 8px 41px 9px 23px;position: absolute;top: 0;left: 0;letter-spacing: 0.04em; margin-top: 10px}
.smartexpoonline2022 .business_icon{position: absolute;right: -40px;top: -32px;}
.smartexpoonline2022 .business_banner_title{font-size: 2.714em;text-align: center;margin-bottom: 20px;font-weight: bold;}
.smartexpoonline2022 .link_btn{text-align: center;font-size: 1.142em;background: #333380;padding: 15px;font-weight: bold;}
.smartexpoonline2022 .link_btn span{position: relative;padding-right: 10px;}
.smartexpoonline2022 .link_btn span:after{content: "";position: absolute;background: url(/fa/compass/exhibition/2022/smartexpoonline/img/arw.png)no-repeat;background-size: contain;width: 46px;height: 12px;right: -48px;top: 6px;}
.smartexpoonline2022 .business_banner_title span{border-bottom: 2px solid #fff;padding-bottom: 4px;display: inline-block;}
.smartexpoonline2022 .highlight_text{border-bottom: 2px solid #fff000;}
.smartexpoonline2022 .business_banner_text{text-align: center;line-height: 1.667;}
.smartexpoonline2022 .business_banner_content{position: absolute;top: 16%;left: 0;right: 0;margin: auto;}
.smartexpoonline2022 .main_image{position:relative;margin-top:30px;transition:opacity .25s}
.smartexpoonline2022 .main_image a{transition: opacity .25s;}
.smartexpoonline2022 .main_image a:hover{opacity: 0.8;}
.smartexpoonline2022 .head_link{position:absolute;width:297px;height:47px;right:1px;bottom:1px;background-color:#fff000;text-align:center;}
.smartexpoonline2022 .head_link .link_btn{display:inline-block;color:#00857d;font-size:18px;font-weight:700;text-decoration:none;margin:10px 0 11px;transition:opacity .25s}
.smartexpoonline2022 .head_link .link_btn:hover{opacity:.8}
.smartexpoonline2022 .head_link .link_text{background:url(/fa/compass/exhibition/2022/smartexpoonline/img/img_arr.png) no-repeat right 0.4em;background-size:9px 14px; padding-right:20px;}
.smartexpoonline2022 .head_link_inner{position:relative;}
.smartexpoonline2022 .head_link_inner:before{content:"";position:absolute;left:-12px;top:0;width:24px;height:47px;background-color:#fff000;transform:skew(-23deg);}
.smartexpoonline2022 .intro_text{font-size:113.6364%;margin-top:23px;margin-bottom:86px;line-height:1.7em;letter-spacing: -0.05em;}
.smartexpoonline2022 .heading_wrap{position:relative;border-bottom:1px solid #c4c4c4;padding-bottom:17px;}
.smartexpoonline2022 .heading_wrap:after{content:"";position:absolute;left:calc(50% - 89px);bottom:-2px;width:186px;height:3px;background-color:#333380;}
.smartexpoonline2022 .heading{font-size:269.8864%;font-weight:bold;color:#333380;text-align:center;}
.smartexpoonline2022 .sub_heading{font-size:113.6364%;font-weight:bold;text-align:center;margin-top:-2px;}
.smartexpoonline2022 .products_area{padding:72px 0 78px;/*margin-top:-30px;*/}
.smartexpoonline2022 .products_area .has_4col{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;margin-top:55px;}
.smartexpoonline2022 .products_area .has_4col .col{background-color:#fff;width:230px;border:1px solid #333380;}
.smartexpoonline2022 .products_area .has_4col .item_head{padding:15px 20px;background-color:#333380;text-align:center;}
.smartexpoonline2022 .products_area .has_4col .item_head .item_text{font-size:106.5341%;font-weight:bold;color:#fff;}
.smartexpoonline2022 .products_area .has_4col .item_thumb a{display:block;position:relative;transition:opacity .25s;}
.smartexpoonline2022 .products_area .has_4col .item_thumb a:hover{opacity:.8;}
.smartexpoonline2022 .products_area .has_4col .item_thumb.youtube a:before{content: '';width:68px;height:68px;background:url(/fa/compass/exhibition/2022/smartexpoonline/img/thumb_play.png) no-repeat center;background-size:68px auto;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);}
.smartexpoonline2022 .products_area .has_4col .item_info{padding:20px 20px 21px;text-align:center;}
.smartexpoonline2022 .products_area .has_4col .item_info .info_head{display:inline-block;font-size:134.9432%;font-weight:bold;color:#333380;background:linear-gradient(transparent 55%, #fff000 45%);}
.smartexpoonline2022 .products_area .has_4col .item_info .info_text{text-align:left;margin-top:10px;}
.smartexpoonline2022 .products_area .has_4col .item_info .btn_link{margin-top:23px;}
.smartexpoonline2022 .products_area .has_4col .item_info .btn_link+.btn_link{margin-top:8px;}
.smartexpoonline2022 .products_area .has_4col .item_info .btn_link a{font-size:92.3295%;font-weight:bold;text-align:center;padding:2px 8px 3px;text-decoration:none;position:relative;transition: opacity .25s;}
.smartexpoonline2022 .products_area .has_4col .item_info .btn_link a:hover{opacity:.8}
.smartexpoonline2022 .products_area .has_4col .item_info .btn_01 a{display:block;background-color:#333380;color:#fff;border:1px solid #333380;}
.smartexpoonline2022 .products_area .has_4col .item_info .btn_01 a:after{content:"";position:absolute;right:10px;top:50%;transform:translateY(-50%);width:0;height:0;border-width:4px 0 4px 7px;border-style:solid;border-color:transparent transparent transparent #fff;}
.smartexpoonline2022 .products_area .has_4col .item_info .btn_02 a{display:block;color:#333380;border:1px solid #333380;}
.smartexpoonline2022 .products_area .has_4col .item_info .btn_02.last a{letter-spacing: -0.04em;padding: 2px 13px 3px 3px;}
.smartexpoonline2022 .products_area .has_4col .item_info .btn_02 a:after{content:"";position:absolute;right:10px;top:50%;transform:translateY(-50%);width:0;height:0;border-width:4px 0 4px 7px;border-style:solid;border-color:transparent transparent transparent #333380;}
.smartexpoonline2022 .seminar_area{background-color:#f2f2fa;padding:72px 0 78px;margin-top: -30px;}
.smartexpoonline2022 .seminar_area .full_link{display:block;text-decoration:none;transition: opacity .25s;margin-top: 60px;}
.smartexpoonline2022 .seminar_area .full_link:hover{opacity:.8}
.smartexpoonline2022 .seminar_area .seminar_info{position:relative;background-color: #fff;}
.smartexpoonline2022 .seminar_area .seminar_info .add_logo{position:absolute;right:-40px;top:-12px;width:146px;height:146px;z-index:2;}
.smartexpoonline2022 .seminar_area .info_2col{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;padding-top:30px;padding-bottom:36px;border: 3px solid #333380;background: url(/fa/compass/exhibition/2022/smartexpoonline/img/seminar_bg.jpg)no-repeat;background-size: cover;}
.smartexpoonline2022 .seminar_area .info_2col .info_col{width:76.429%;}
.smartexpoonline2022 .seminar_area .info_2col .info_col+.info_col{width:27.3%;margin-top:2px;margin-bottom:15px;margin-left: 2%;}
.smartexpoonline2022 .seminar_area .seminar_info .tips{width:340px;height:40px;background-color:#333380;color:#fff;font-size:16px;font-weight:bold;padding:8px 0 8px 38px;position:relative;}
.smartexpoonline2022 .seminar_area .seminar_info .tips:after{content:"";position:absolute;right:-18px;top:0;width:0;height:0;border-width:20px 0 20px 18px;border-style:solid;border-color:transparent transparent transparent #333380;}
.smartexpoonline2022 .seminar_area .seminar_info_inner{padding:16px 0 0 37px;}
.smartexpoonline2022 .seminar_area .seminar_info_inner .lead{font-size:127.8409%;font-weight:bold;color:#333;}
.smartexpoonline2022 .seminar_area .seminar_info_inner .info_inner_head{font-size:269.8864%;font-weight:bold;color:#333;line-height:1.35em;}
.smartexpoonline2022 .seminar_area .seminar_info_inner .plan_detail{display:flex;align-items:flex-start;margin-top:10px;margin-left: 3px;}
.smartexpoonline2022 .seminar_area .seminar_info_inner .plan_detail.sp_only{display: none;}
.smartexpoonline2022 .seminar_area .seminar_info_inner .scheme{width:50px;border:1px solid #333333;font-size:113.6364%;font-weight:bold;color:#333;display:inline-block;padding:4px 0 6px;line-height:1em;margin-top:3px;text-align:center;}
.smartexpoonline2022 .seminar_area .seminar_info_inner .time{margin-left:14px;}
.smartexpoonline2022 .seminar_area .seminar_info_inner .time img{max-width:330px;margin-top: 4px;margin-right: 4px;}
.smartexpoonline2022 .seminar_area .seminar_info_inner .time_text{font-size:127.8409%;color:#333;display:inline-block;margin-top:6px;}
.smartexpoonline2022 .seminar_area .seminar_info_inner .summary{color:#333;margin-top:23px;}
.smartexpoonline2022 .seminar_area .profile{display:flex;flex-direction:column;padding: 10px 18px 12px 16px;background-color:#fff;border: 1px solid #e1e1e1;margin-right: 62px;}
.smartexpoonline2022 .seminar_area .profile .profile_image{width:180px;}
.smartexpoonline2022 .seminar_area .profile .profile_info .name{font-weight:bold;color:#333;margin-top:8px;}
.smartexpoonline2022 .seminar_area .profile .profile_info .post{font-size:92.3295%;color:#333;letter-spacing:-0.04em;margin-top:2px;}
.smartexpoonline2022 .seminar_area .item_btn{position:absolute;right:0;bottom:0;width:100%;text-align: center;background-color:#333380;padding: 5px 0 8px;}
.smartexpoonline2022 .seminar_area .item_btn .btn_link_text{display:inline-block;color:#fff;font-size:22px;font-weight:bold;}
.smartexpoonline2022 .seminar_area .item_btn .btn_text{position:relative;line-height:1em;display:inline-block;letter-spacing:0.08em;}
.smartexpoonline2022 .seminar_area .item_btn:before{content:"";position:absolute;right:75px;top:50%;transform:translateY(-50%);width:0;height:0;border-width:6px 0 6px 11px;border-style:solid;border-color:transparent transparent transparent #fff;}
.smartexpoonline2022 .business_meeting_area{background-color:#f2f2fa;padding:72px 0 78px;/*margin-top:-30px;*/}
.smartexpoonline2022 .business_meeting__title{margin-top: 30px;font-size: 156.25%;font-weight: bold;text-align: center;}
.smartexpoonline2022 .business_meeting__img {margin-top: 37px;}
.smartexpoonline2022 .news_area{background-color:#f2f2fa;padding:72px 0 78px;margin-bottom:60px;}
.smartexpoonline2022 .news_area .news__img {margin-top: 50px;}
.smartexpoonline2022 .news_area .news__img02 {margin-top: 30px;}
.smartexpoonline2022 .news_area .news__img + .news__img {margin-top: 60px;}
.smartexpoonline2022 .news_area .news__img a:hover {opacity: .8;transition: opacity .2s ease-in-out;}
.smartexpoonline2022 .nav_box {border-top: 1px solid #c4c4c4;position: sticky;top: 0;background-color: #fff;z-index: 100;}
.smartexpoonline2022 .nav_box .nav {display: flex;}
.smartexpoonline2022 .nav_box .nav .nav__item {width: 33.3333333333333%;text-align: center;position: relative;}
.smartexpoonline2022 .nav_box .nav .nav__item a{padding: 10px 0 15px;display: block;}
.smartexpoonline2022 .nav_box .nav .nav__item.current {background-color: #333380;}
.smartexpoonline2022 .nav_box .nav .nav__item a:hover {text-decoration:none;background-color: #333380;transition: all .2s ease-in-out;}
.smartexpoonline2022 .nav_box .nav .nav__item::before {position: absolute;content: "";width: 2px;height: 42px;right: 0;top: 50%;transform: translateY(-50%);background-image: url(../img/border.jpg);background-size: contain;z-index: -1;}
.smartexpoonline2022 .nav_box .nav .nav__item:first-child::after {position: absolute;content: "";width: 2px;height: 42px;left: 0;top: 50%;transform: translateY(-50%);background-image: url(../img/border.jpg);background-size: contain;z-index: -1;}
.smartexpoonline2022 .nav_box .nav .nav__item .title {font-size: 142.0455%;color: #333;font-weight: bold;}
.smartexpoonline2022 .nav_box .nav .nav__item .sub-title {font-size: 85.227%;color: #333;}
.smartexpoonline2022 .nav_box .nav .nav__item a:hover > p {color: #fff;}
.smartexpoonline2022 .nav_box .nav .nav__item.current a > p {color: #fff;}
#area_info{padding:56px 0 55px;background-color:#333380;margin-bottom: 60px;}
#area_info .area_info_ttl{margin-bottom:20px;text-align:center;color:#fff;font-size:1.42045em;line-height:1.55}
#area_info .area_info_flex{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;color:#fff;text-align:center;width:739px;margin:0 auto}
#area_info .area_info_flex li{width:219px}
#area_info .area_info_flex li img{margin:0 auto 17px}
#area_info .area_info_flex .area_info_txt_title{font-weight:700;font-size:1.142857142857143em;margin-bottom:0}
#area_info .area_info_flex .area_info_txt{text-align:left;margin-top: 7px;}
.sp {display: none;}
@media screen and (min-width:641px){
.smartexpoonline2022 .font-default{font-family:"メイリオ","ヒラギノ角ゴ Pro W3","Lucida Grande","Hiragino Kaku Gothic Pro",Osaka,Verdana,"ＭＳ Ｐゴシック",sans-serif}
.smartexpoonline2022 .sp{display:none}
}
@media screen and (max-width:640px){
.sp {display: block;}
.pc {display: none;}
.contents_wrap.wrap_lining{margin: 0 20px;}
.smartexpoonline2022 .font-default{font-family:'Hiragino Kaku Gothic ProN','ヒラギノ角ゴ Pro W3',sans-serif}
.smartexpoonline2022 .pc{display:none}
.smartexpoonline2022 #content_compass h1{font-size:1.78571em;font-weight:700;line-height:1.57;margin-top:28px;padding:14px}
.smartexpoonline2022 .main_image{margin-top:15px;}
.smartexpoonline2022 .head_link{position:initial;width:100%;height:auto;}
.smartexpoonline2022 .head_link .link_btn{display:block;font-size:100%;padding:8px 8px 7px;margin:0;}
.smartexpoonline2022 .head_link .link_btn:hover{opacity:1}
.smartexpoonline2022 .head_link .link_text{background:url(/fa/compass/exhibition/2022/smartexpoonline/img/img_arr.png) no-repeat right 0.4em;background-size:6px 9px; padding-right:12px;}
.smartexpoonline2022 .head_link_inner:before{display:none;}
.smartexpoonline2022 .intro_text{font-size:100%;margin-top:10px;margin-bottom:50px;line-height:1.35em;}
.smartexpoonline2022 .heading_wrap{padding-bottom:5px;}
.smartexpoonline2022 .heading_wrap:after{content:"";position:absolute;left:calc(50% - 47px);bottom:-2px;width:93px;height:3px;background-color:#333380;}
.smartexpoonline2022 .business_meeting{margin-top: 0;}
#smartexpo_business .heading_wrap{margin-bottom: 28px;}
.smartexpoonline2022 .heading{font-size:228.5714%;}
.smartexpoonline2022 .sub_heading{font-size:100%;margin-top:-4px;}
.smartexpoonline2022 .products_area{padding:20px 0 37px;}
.smartexpoonline2022 .products_area .has_4col .item_info .btn_02.last a{letter-spacing: normal;padding: 2px 15px 6px;}
.smartexpoonline2022 .products_area .has_4col{display:block;margin-top:28px;}
.smartexpoonline2022 .products_area .has_4col .col{width:100%;}
.smartexpoonline2022 .products_area .has_4col .col+.col{margin-top:20px;}
.smartexpoonline2022 .products_area .has_4col .item_head{padding:10px 20px 14px;}
.smartexpoonline2022 .products_area .has_4col .item_head .item_text{font-size:121.4286%;line-height:1.2em;}
.smartexpoonline2022 .products_area .has_4col .item_thumb a{display:block;}
.smartexpoonline2022 .products_area .has_4col .item_thumb a:hover{opacity:1;}
.smartexpoonline2022 .products_area .has_4col .item_thumb.youtube a:before{width:98px;height:98px;background:url(/fa/compass/exhibition/2022/smartexpoonline/img/thumb_play.png) no-repeat center;background-size:98px auto;}
.smartexpoonline2022 .products_area .has_4col .item_info{padding:19px 20px 20px;}
.smartexpoonline2022 .products_area .has_4col .item_info .info_head{font-size:150%;margin-top:-4px;line-height:1.3em;}
.smartexpoonline2022 .products_area .has_4col .item_info .info_text{margin-top:7px;line-height:1.5em;}
.smartexpoonline2022 .products_area .has_4col .item_info .btn_link{margin-top:20px;}
.smartexpoonline2022 .products_area .has_4col .item_info .btn_link+.btn_link{margin-top:11px;}
.smartexpoonline2022 .products_area .has_4col .item_info .btn_link a{font-size:128.5714%;padding:2px 15px 6px;}
.smartexpoonline2022 .products_area .has_4col .item_info .btn_link a:hover{opacity:1}
.smartexpoonline2022 .products_area .has_4col .item_info .btn_01 a:after{right:15px;border-width:6px 0 6px 10px;}
.smartexpoonline2022 .products_area .has_4col .item_info .btn_02 a:after{right:15px;border-width:6px 0 6px 10px;}
.smartexpoonline2022 .seminar_area{padding:20px 0 37px;}
.smartexpoonline2022 .seminar_area .full_link{margin-top: 28px;}
.smartexpoonline2022 .seminar_area .full_link:hover{opacity:1}
.smartexpoonline2022 .seminar_area .seminar_info{}
.smartexpoonline2022 .seminar_area .seminar_info .add_logo{right:5px;top:6px;width:78px;height:78px;}
.smartexpoonline2022 .seminar_area .info_2col{display:block;padding-top:0;padding-bottom:83px;background: url(/fa/compass/exhibition/2022/smartexpoonline/img/seminar_bg_sp.jpg)no-repeat;background-size: contain;background-position: right top;}
.smartexpoonline2022 .seminar_area .seminar_info_inner .plan_detail.pc_only{display: none;}
.smartexpoonline2022 .seminar_area .info_2col .info_col{width:100%;}
.smartexpoonline2022 .seminar_area .info_2col .info_col+.info_col{width:100%;padding:8px 10px 0;margin:0;}
.smartexpoonline2022 .seminar_area .seminar_info .tips{width:100%;height:auto;font-size:93%;padding:6px 85px 6px 5px;line-height:1.3em;}
.smartexpoonline2022 .seminar_area .seminar_info .tips:after{display:none;}
.smartexpoonline2022 .seminar_area .seminar_info_inner{padding:13px 5px 0 5px;}
.smartexpoonline2022 .seminar_area .seminar_info_inner .lead{display:inline-block;font-size:107.143%;padding-right:0;line-height:1.3em;}
.smartexpoonline2022 .seminar_area .seminar_info_inner .info_inner_head{font-size:185.7143%;line-height:1.2em;letter-spacing:-0.07em;margin-top: 3px;}
.smartexpoonline2022 .seminar_area .seminar_info_inner .plan_detail{margin-top:8px;margin-left:5px;display: block;}
.smartexpoonline2022 .seminar_area .seminar_info_inner .scheme{font-size:100%;padding:3px 0 6px;line-height:1em;margin-top:0;}
.smartexpoonline2022 .seminar_area .seminar_info_inner .time{margin-left: 10px;}
.smartexpoonline2022 .seminar_area .seminar_info_inner .time img{margin:-3px 0 0 -8px;width: 100%;}
.smartexpoonline2022 .seminar_area .seminar_info_inner .time_text{display:block;font-size:114.2857%;margin-top:0;}
.smartexpoonline2022 .seminar_area .seminar_info_inner .summary{margin:3px 0 3px 5px;line-height:1.35em;}
.smartexpoonline2022 .seminar_area .profile{flex-direction:initial;justify-content:space-between;align-items:center;padding:0 0 0 18px;width:100%;}
.smartexpoonline2022 .seminar_area .profile .profile_image{order:2;width:96px;margin-left: 0px;}
.smartexpoonline2022 .seminar_area .profile .profile_info{order:1;width: 53.12%;}
.smartexpoonline2022 .seminar_area .profile .profile_info .name{font-size:85.7143%;margin-top:0;}
.smartexpoonline2022 .seminar_area .profile .profile_info .post{font-size:85.7143%;margin-top:3px;line-height:1.3em;}
.smartexpoonline2022 .seminar_area .item_btn{width:100%;height:auto;background: #333380;padding: 0;}
.smartexpoonline2022 .seminar_area .item_btn .btn_design:before{display: none;}
.smartexpoonline2022 .seminar_area .btn_design:before{display:none;}
.smartexpoonline2022 .seminar_area .item_btn .btn_link_text{display:block;font-size:100%;margin:0;text-align:center;padding:7px 5px;}
.smartexpoonline2022 .seminar_area .item_btn .btn_text{padding-right:15px;line-height:normal;letter-spacing:initial;}
.smartexpoonline2022 .seminar_area .item_btn .btn_text:before{top:55%;border-width:5px 0 5px 9px;border-style:solid;border-color:transparent transparent transparent #fff;}
.smartexpoonline2022 .business_meeting_area{padding:20px 0 37px;}
.smartexpoonline2022 .business_meeting__title{margin-top: 35px;font-size: 171.4284%;line-height: 1.20833333;}
.smartexpoonline2022 .news_area{padding:20px 0 37px;}
.smartexpoonline2022 .news_area .news__img {margin-top: 28px;}
.smartexpoonline2022 .news_area .news__img + .news__img {margin-top: 30px;}
.smartexpoonline2022 .nav_box .nav {flex-wrap: wrap;margin-top: 30px;margin-bottom: 50px;}
.smartexpoonline2022 .nav_box .nav .nav__item {width: 100%;border-bottom: 1px solid #c4c4c4;border-right: 1px solid #c4c4c4;border-left: 1px solid #c4c4c4;}
.smartexpoonline2022 .nav_box .nav .nav__item:nth-child(odd) {border-top: 1px solid #c4c4c4;border-left: 1px solid #c4c4c4;}
/*.smartexpoonline2022 .nav_box .nav .nav__item:nth-child(-n+2) {border-top: 1px solid #c4c4c4;}*/
.smartexpoonline2022 .nav_box .nav .nav__item::before,
.smartexpoonline2022 .nav_box .nav .nav__item:first-child::after {content: none;}
.smartexpoonline2022 .nav_box .nav .nav__item a{padding: 10px 0;}
.profile-wrap {max-width: 320px;width:100%;margin: 0 auto;}
#area_info{margin-top:16px;padding:40px 0 45px;margin-bottom:10px}
#area_info .area_info_ttl{margin-bottom:15px;padding:0 15px;font-size:1.28em;font-weight:700}
#area_info .area_info_flex{display:block;width:90%}
#area_info .area_info_flex li{width:100%}
#area_info .area_info_flex li img{width:101px;margin:25px auto 11px}
#area_info .area_info_flex .area_info_txt_title{font-weight:700;font-size:1em;margin-bottom:4px}
#area_info .area_info_flex .area_info_txt{text-align:center;font-size:.8571em;line-height:19px}
.smartexpoonline2022 .products_area,
.smartexpoonline2022 .seminar_area,
.smartexpoonline2022 .business_meeting_area,
.smartexpoonline2022 .news_area {margin-top: 0;}
.smartexpoonline2022 .business_banner_title{font-size: 1.8572em;line-height: 1.404;margin-bottom: 8px;letter-spacing: -0.04em;}
.smartexpoonline2022 .business_banner_text{font-size: 0.893em;line-height: 1.56;}
.smartexpoonline2022 .advance_icon {font-size: 1em;background: url(/fa/compass/exhibition/2022/smartexpoonline/img/business_title_bg_sp.png)no-repeat;background-size: contain;padding: 2px 11px 3px 10px;width: 99px;box-sizing: border-box;}
.smartexpoonline2022 .link_btn{font-size: 1em;padding: 6px 0;}
.smartexpoonline2022 .link_btn span:after{width: 30px;height: 10px;right: -26px;}
.smartexpoonline2022 .seminar_area .item_btn:before{right: 10px;border-width: 4px 0 4px 8px;}
.smartexpoonline2022 .seminar_area .seminar_info_inner .plan_detail.sp_only{display: block;}
.smartexpoonline2022 .business_meeting_area .contents_wrap.wrap_lining .business_icon{width: 22%;top: 0px;right: 0;}
.smartexpoonline2022 .business_meeting_area .contents_wrap.wrap_lining .business_icon img{width: 100%;}
}

#facompass_info { margin:30px 0;padding:2.57em 60px 2.5em;text-align:center;background-color:#fff;border:1px solid #fad4d4 }
#facompass_info .facompass_info_txt { font-weight:bold;font-size:128.57%;color:#cc0001; margin-top: 0 }
#facompass_info .extbutton { background-color: #595959; color: #fff;display: inline-block;font-size: 114.28%;font-weight: bold;margin: 20px auto 0;max-width: 580px;padding: 16px 10px 19px;width: 100% }
@media screen and (max-width: 640px) {
  #facompass_info {padding:1.27em 20px 1.2em;text-align:center}
  #facompass_info .extbutton:hover { opacity:1 }
  #facompass_info .facompass_info_txt { text-align:left;font-size: 100% }
}

@media only screen and (min-width: 320px) and (max-width: 360px){
	.smartexpoonline2022 .business_meeting_area .contents_wrap.wrap_lining{overflow: hidden;}
	.smartexpoonline2022 .business_meeting_area .contents_wrap.wrap_lining img{max-width: none;width: 127%;left: 0;margin-left: -26%;}
	.smartexpoonline2022 .business_banner_text{font-size: 0.84em;}
	.smartexpoonline2022 .business_banner_title{font-size: 1.8em;}
	.smartexpoonline2022 .business_banner_content{top: 19%;}
	.smartexpoonline2022 .seminar_area .seminar_info_inner .lead{width: 75%;}
	.smartexpoonline2022 .seminar_area .item_btn:before{rught: 10px;}
	.smartexpoonline2022 .link_btn span{padding-right: 22px;}
	.smartexpoonline2022 .link_btn span:after{right: -12px;}
	.smartexpoonline2022 .business_meeting_area .contents_wrap.wrap_lining .business_icon{right: -20px;}
	.smartexpoonline2022 .products_area .has_4col .item_info .btn_02.last a{padding: 2px 25px 6px 10px;}
}