@charset "utf-8";
/* CSS Document */
/* レスポンシブル設定は850px～ 1em = 16px*/

* {margin:0;padding:0;}

body {/*background:#FFF url(../img/bg.gif) no-repeat left top; */ color: #333333; font-size:1em;
font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;}
html {overflow-y:scroll;}
main {margin: 0 auto;width: 80%;}
section{margin: 1.0em 0;}

p,li,dt,dl {font-size:1.0em; line-height:1.4;}
li {list-style-type:none;}
img {border:0;}
i{font-style: normal;}
h1,h2,h3{font-family: kozuka-gothic-pr6n, sans-serif; font-style: normal; font-weight: 200;}

h1 {font-size:3.0em; font-weight: normal; color: #333; text-align: center;}
h2 {font-size:2.4em; font-weight: normal; color: #333; text-align: center;}
h3 {font-size:1.8em; font-weight: normal; color: #333; text-align: center;}

.small {font-size: 0.7em;}

/* レスポンシブル改行タグ */
.pc{display:inline-block;}
.sp{display:none;}
@media screen and (max-width: 540px) {
    .pc{display:none;}
    .sp{display:inline-block;}
}

/* Link */
a{user-select: none; text-decoration:none; transition : all 0.5s;}
a:link {color:#707070; text-decoration:none;}
a:visited {color:#333; text-decoration:none;}
a:hover {color:#0068b7; text-decoration:underline;}
a:active {color:#666;}


/* スクロール固定解除の位置を半角数値で設定する為のタグ */
#fix-clear-position{display: none;}
.h_fix{position:fixed; top:0;}

/* header */
.nxt_header{margin: 0 auto; max-width: 1000px; text-align: left;}
.nxt_header img {max-width: 100%;}
#header{z-index:999; width: 100%; background: #FFF;}
.h_fix{box-shadow: 2px 2px 4px gray;}
#header header{width:100%; text-align: center; z-index: 999;}
#header header input,label{display: none;}
#header header ul{max-width: 1000px; width:calc(100% - 20px); /*padding: 20px; padding: 20px 0;*/  padding: 10px 0; margin: auto; 
    display: flex; justify-content: space-between; align-items: center;}
#header header ul li{line-height: 100%; font-size: 1.1em; font-weight: bold; text-align: left;} 
#header header ul li:nth-child(1) a{color:#0068b7; display: block; margin: 0 30px 0 0px; font-weight: bold; line-height: 110%;}
#header header ul li:nth-child(1) a:hover{color:#1473e6;}
#header header ul li:nth-child(2) a,
#header header ul li:nth-child(3) a,
#header header ul li:nth-child(4) a{color:#000;}
#header header ul li:nth-child(2) a:hover,
#header header ul li:nth-child(3) a:hover,
#header header ul li:nth-child(4) a:hover{color:#0068b7;}

#header header ul li:nth-child(5) .btn_signin a{font-size: 1.0em; padding: 8px 30px 2px;}
#header header br.hd{display: none;}


@media screen and (max-width: 1000px) {
    #header header ul li:nth-child(1) a{display: block; margin: 0 auto 0 0px;}
    #header header ul li:nth-child(5) .btn_signin{margin-right: 10px;}
}

@media screen and (max-width: 850px) {
    #header header ul li:nth-child(1) br.hd{display: block;}
    #header header ul li:nth-child(1) a{line-height: 100%;}
}
@media screen and (max-width: 750px) {
    #header header ul li br.hd{display: none;}
    #header header ul li{line-height: 100%; font-size: 1.0em; text-align: left;} 
}
@media screen and (max-width: 650px) {
    /*
    #header header ul li{line-height: 100%; font-size: 0.96em; text-align: left;}
    #header header ul li:nth-child(5) .btn_signin a{font-size: 1.0em; padding: 8px 20px 2px;}
    */
}

@media screen and (max-width: 650px) {
    .nxt_header img {max-width: none; width: 300px; height: 50px; object-fit: cover; object-position: 0 0;}
    #header header ul li br.hd{display: none;}
	#header header{padding: 0; position: fixed; top:0; z-index: 9;}
    #header header ul{flex-wrap: wrap; transition: all 0.8s 0s ease; background: rgba(0,0,0,0.8); width: 100%; padding: 50px 0; position: absolute; top:-550px;}
    #header header ul li{width: calc(100% - 30%); text-align: center; padding: 20px 0; margin:0 15%; border-bottom: 1px solid #aaa;}
    #header header ul li:nth-child(5){border-bottom: 0;}
    #header header ul li a{color:#FFF!important;}
    #header header ul li:nth-child(1) a{margin: auto;}
    #header header ul li:nth-child(1) a:hover{color:#0068b7!important;}
    
    #header header ul li:nth-child(6) a{margin: auto; color: #FFF!important;}
    #header header ul li:nth-child(6) .btn_signin a{width:calc(100% - 100px); font-size: 1.2em; padding: 12px 50px 8px;}
    #header header ul li:nth-child(6) .btn_signin a:hover{color: #0068b7!important;}
    
    #header header label{display: flex; height: 54px; width: 54px; justify-content: center; align-items: center; z-index: 90; background: rgba(0,0,0,0.8); position: fixed; /*right:0;*/ left: 0;}
    #header header label span,#header header label span:before,#header header label span:after {content: '';display: block;height: 3px;width: 25px;border-radius: 3px;background-color: #ffffff;position: absolute;
    transition: all 0.2s 0s ease;}
    #header header label span:before {bottom: 8px;}
    #header header label span:after {top: 8px;}
    #header header input:checked ~ label{background: rgba(0,0,0,0.0);}
    #header header input:checked ~ label span{background-color: rgba(255, 255, 255, 0);}
    #header header input:checked ~ label span::before {bottom: 0;transform: rotate(45deg);}
    #header header input:checked ~ label span::after {top: 0; transform: rotate(-45deg);}
    #header header input:checked ~ label span{background-color: rgba(255, 255, 255, 0);}
    #header header input:checked ~ label span::before {bottom: 0;transform: rotate(45deg);}
    #header header input:checked ~ label span::after {top: 0; transform: rotate(-45deg);}
    #header header input:checked ~ ul{background: rgba(0,0,0,0.8); color:#fff; width: 100%; height: auto; position: absolute; top:0;}
}

@media screen and (max-width: 600px) {
    #header header ul li:nth-child(5) .btn_signin{width: 80%;}
    #header header ul li:nth-child(5) .btn_signin a {font-size: 1.2em; padding: 16px 0px 10px; width: 100%;}
}
@media screen and (max-width: 390px) {
    #header header ul li:nth-child(6) .btn_signin a{width:calc(100% - 0px); padding: 12px 0px 8px;}

}

/* footer */
#footer {width: 100%; margin:auto; text-align: center;}
#footer footer {max-width: 1000px; margin: 0 auto 50px; padding: 0 20px; text-align: left; font-size: 0.96em; color: #707070;}
#footer footer h2{background-color: #e5e2e2; margin-bottom: 1.0em; font-weight:bold; font-size:1.2em; padding: 6px 0 4px 30px;}
#footer footer dl{padding-left: 30px; margin: 0 0 30px 0;}
#footer footer dl dt{font-weight: bold; font-size: 1.1em; margin-bottom:4px;}
#footer footer dl:nth-child(2){border-bottom:1px dashed #b2b2b2; padding-bottom: 20px;}
#footer footer dl:nth-child(2) dd p a{text-decoration:none; border:1px solid #1E7B7D; border-radius:3px; font-size:90%; margin-right:4px; display: inline-flex; justify-content: center; align-items: center; width:60px; height:16px; line-height:100%;}
#footer footer dl:nth-child(2) dd p a:hover{border:1px solid #24b1b3; background: #24b1b3; color: #FFF;}
@media screen and (max-width: 540px) {
    #footer footer dl{padding-left: 0px; margin: 0 0 30px 0;}
}


/* スクロールフェードイン用のCSS */
.slide-bottom {
    opacity: 0;
    transform: translateY(100px);
    transition: all 0.8s 0s ease-out;
}

.anchor{display: block;
   margin-top:-94px;
   padding-top:94px;
}
@media screen and (max-width: 540px) {
    .anchor{display: block;
       margin-top:0px;
       padding-top:0px;
    }
}


/* アニメーションスタートの遅延時間を決めるCSS*/
.delay-time02{
animation-delay: 1.0s;
}
.delay-time03{
animation-delay: 2.0s;
}
/* 動き自体の指定 */
.fadeUpTrigger{
	opacity: 0;
}
.fadeUp {
animation-name:fadeUpAnime;
animation-duration:0.5s;
animation-fill-mode:forwards;
opacity: 0;
}
@keyframes fadeUpAnime{
  from {
    opacity: 0;
	transform: translateY(100px);
    transition: all 0.8s 0s ease-out;
  }
  to {
    opacity: 1;
	transform: translateY(0);
  }
}


/* TOPの背景画像 */
#TOP{text-align: center;}
#TOP article{
    display: block;
    border: 0px solid green;
    position: relative;
    margin: auto;
    min-height: 5000px;
    max-width: 1750px;
    overflow: hidden;
    
    animation: back_fadeIn 3s ease 0s 1 normal;
    -webkit-animation: back_fadeIn 3s ease 0s 1 normal;
}
@keyframes back_fadeIn {0% {opacity: 0}100% {opacity: 1}}
@-webkit-keyframes back_fadeIn {0% {opacity: 0}100% {opacity: 1}}


/* 820,768,540,414,412,390,393,375,360,280, */
@media screen and (max-width: 912px) {/* PCレイアウトで調整 */
   
}
@media screen and (max-width: 540px) {/* 以下SPレイアウト */
  
}
/* section */
#TOP article section{display: block; max-width: calc(1000px - 40px); padding: 0 20px; border: 0px solid red; margin: auto; }
@media screen and (max-width: 1000px) {
    #TOP article section{width: calc(90% - 40px);}
}


#TOP article{

/*background-image: url(top_h1_bk.svg);*/
background-image: url(top_h1_bk.png);
background-repeat: no-repeat;

background-size: 100% auto;
background-position: center -100px;
position: relative;
}
#TOP article img.top_section_00_bk{position: absolute; top:0; left:0; width: 1200px; height: auto;}
@media screen and (max-width: 1010px) {
    #TOP article{
        
    }
}

    
    
    
/* #TOP ---------------------------------------------------------------------------------------------------------- */
/* section1　キャッチ */
#TOP article section#top_section_01{ 
display: block; height: auto; padding: 250px 0 30px 0;/* padding: 22% 0 30px 0; */ text-align: left; position: relative; top:0px; margin-bottom: 30px;
animation: fadein-bottom 3s ease 0s 1 normal; -webkit-animation: fadein-bottom 3s ease 0s 1 normal;
}
@keyframes fadein-bottom {
   0% {opacity: 0; transform: translateY(20px);}  
   100% {opacity: 1; transform: translateY(0);}
}

@media screen and (max-width: 1000px) {
    #TOP article section#top_section_01{padding: 22% 0 30px 0;}
}


#TOP article section#top_section_01 .h1_top{width: 100%; /*background: #172a88;*/ text-align: center; position: absolute; top:0px;}
#TOP article section#top_section_01 .h1_top img{width: 100%; height: auto; margin: 10px auto 0; position: relative; z-index: 1;}
#TOP article section#top_section_01 .h1_top span{display: block; height: 0; opacity: 0;}

#TOP article section#top_section_01 h1{width: calc(100% - 130px); text-align: center; margin: 10px auto; font-weight: bold; position: relative; z-index: 2;}
#TOP article section#top_section_01 h1 span{display: block; height: 0; opacity: 0;}
#TOP article section#top_section_01 h1 img{width: 100%; height: auto; }

#TOP article section#top_section_01 .h1_detail{width: calc(100% - 130px); text-align: center; margin: 10px auto; font-weight: bold;}
#TOP article section#top_section_01 .h1_detail span{display: block; height: 0; opacity: 0;}
@media screen and (max-width: 600px) {
    #TOP article section#top_section_01 h1{width: calc(100% - 0px); margin-bottom: 0;}
    #TOP article section#top_section_01 .h1_detail{width: calc(100% - 0px); margin: 0px auto; }
}


/* 直接話せば話が早い！　リアル技術相談＆展示、特別講演、技術セミナー */
#TOP article section#top_section_01 .h1_top_lst{width: 100%; text-align: center;}
#TOP article section#top_section_01 .h1_top_lst img{width: calc(100% + 160px); position: relative; left: -100px; top:-40px;}
#TOP article section#top_section_01 .h1_top_lst span{display: block; height: 0; opacity: 0;}
@media screen and (max-width: 1200px) {
    #TOP article section#top_section_01 .h1_top_lst img{width: calc(100% + 0px); position: relative; left: auto; top: auto;}
}


/* 研究開発・製品企画・設計・生産技術のヒントに！ */
#TOP article section#top_section_01 .h1_top_lst_detail{width: 100%;  text-align: center;}
#TOP article section#top_section_01 .h1_top_lst_detail img{width: calc(100% + 0px); position: relative; left: -80px; top:0px;}
#TOP article section#top_section_01 .h1_top_lst_detail span{display: block; height: 0; opacity: 0;}
@media screen and (max-width: 1200px) {
   #TOP article section#top_section_01 .h1_top_lst_detail img{width: calc(100% + 0px); position: relative; left: 0px; top:0px;}
}


/*
#TOP article section#top_section_01 .h1_top_lst{display: flex; justify-content:space-around; margin: 30px auto; border:1px solid #ccc; border-radius: 16px; padding: 10px 10px; filter: drop-shadow(2px 2px 5px rgba(0, 0, 0, 0.3)); background: #FFF;}
#TOP article section#top_section_01 .h1_top_lst li{color: #007dc9; font-weight: bold; font-size: 1.8em; margin: auto;}
#TOP article section#top_section_01 .h1_top_lst li img{width: 26px; height: auto; position: relative; top:4px;}

#TOP article section#top_section_01 .h1_top_lst + p{text-align: center; font-size: 1.4em; line-height: 140%; font-weight: bold;}

@media screen and (max-width: 900px) {
    #TOP article section#top_section_01 .h1_top_lst li{font-size: 1.4em;}
    #TOP article section#top_section_01 .h1_top_lst li img{width: 20px; height: auto; position: relative; top:2px;}
    #TOP article section#top_section_01 .h1_top_lst + p{font-size: 1.2em; }
}
@media screen and (max-width: 700px) {
    #TOP article section#top_section_01 .h1_top_lst li{font-size: 1.2em;}
    #TOP article section#top_section_01 .h1_top_lst li img{width: 18px; height: auto; position: relative; top:2px;}
    #TOP article section#top_section_01 .h1_top_lst + p{font-size: 1.0em; }
}
@media screen and (max-width: 560px) {
    #TOP article section#top_section_01 .h1_top_lst{flex-wrap: wrap; justify-content: center;}
    #TOP article section#top_section_01 .h1_top_lst li{font-size: 1.0em;}
    #TOP article section#top_section_01 .h1_top_lst li img{width: 14px; height: auto; position: relative; top:2px;}
    #TOP article section#top_section_01 .h1_top_lst + p{font-size: 0.8em; }
}
*/

/* 課題解決の次なる一手を探索 */
#TOP article section#top_section_01_add{position: relative;}
#TOP article section#top_section_01_add img.top_section_01_add_bk{position: absolute; top:-20%; left: -400px; width: 550px; height: auto; z-index: 1;}

#TOP article section#top_section_01_add .top_section_01_add_back{position: relative; width: 100%; padding: 1px 0 50px 0; }
#TOP article section#top_section_01_add .top_section_01_add_back:before{content: ""; background: #f4f4f4; width: 300%; position:absolute; top:0; left: -150%; height: 100%;}

#TOP article section#top_section_01_add dl.approach{width: calc(100% - 0px); margin: 50px auto auto; position: relative; z-index: 2;}
#TOP article section#top_section_01_add dl.approach dt{text-align: left;}
#TOP article section#top_section_01_add dl.approach dt img{width: 100%; height: auto; margin: auto;}
#TOP article section#top_section_01_add dl.approach dt span{display: block; height: 0; opacity: 0;}

#TOP article section#top_section_01_add dl.approach dd{width: calc(100% - 20px); padding-left: 20px; margin-bottom: 6px; font-size: 1.2em; font-weight: bold;}
#TOP article section#top_section_01_add dl.approach dd h2{width: 100%; margin-bottom: 30px; font-size: 1em;}
#TOP article section#top_section_01_add dl.approach dd h2 img{width: 100%; height: auto;}
#TOP article section#top_section_01_add dl.approach dd h2 span{display: block; height: 0; opacity: 0;}

#TOP article section#top_section_01_add dl.approach dd .tag_cloud{display: flex; flex-wrap: wrap; justify-content: center; width: 100%; margin: auto;}

#TOP article section#top_section_01_add dl.approach dd .tag_cloud a{background: #FFF; color: #003f8e; border: 1px solid #003f8e; border-radius: 4px; padding: 1px 10px; font-size: 1.2em; font-weight: bold; margin: auto 8px 16px; pointer-events: none; display: block; }

#TOP article section#top_section_01_add dl.approach dd .tag_cloud li:last-child{color: #003f8e; padding: 1px 10px; font-size: 1.2em; font-weight: bold; }

@media screen and (max-width: 900px) {
    #TOP article section#top_section_01_add img.top_section_01_add_bk{position: absolute; top:-20%; left: -350px; }
    #TOP article section#top_section_01_add dl.approach dd h2{margin-bottom: 10px;}
    #TOP article section#top_section_01_add dl.approach dd .tag_cloud a{font-size: 1.0em;}
    #TOP article section#top_section_01_add dl.approach dd .tag_cloud li:last-child{font-size: 1.0em;}
}
@media screen and (max-width: 650px) {
    #TOP article section#top_section_01_add img.top_section_01_add_bk{position: absolute; top:-20%; left: -150px; width: 300px; height: auto; z-index: 1;}
    #TOP article section#top_section_01_add dl.approach dd .tag_cloud a{font-size: 0.8em; margin: auto 8px 8px;}
    #TOP article section#top_section_01_add dl.approach dd .tag_cloud li:last-child{font-size: 0.8em;}
}
@media screen and (max-width: 500px) {
    #TOP article section#top_section_01_add dl.approach dd .tag_cloud a{font-size: 0.6em; margin: auto 4px 8px;}
    #TOP article section#top_section_01_add dl.approach dd .tag_cloud li:last-child{font-size: 0.6em;}
}
/*8
#TOP article section#top_section_01_add dl.approach dd .tag_cloud + ul{display: flex; flex-wrap: wrap; justify-content: center; width: 100%; margin: 20px auto auto; color: #333; font-size: 1.2em;}
#TOP article section#top_section_01_add dl.approach dd .tag_cloud + ul li{margin: auto 10px;}
#TOP article section#top_section_01_add dl.approach dd .tag_cloud + ul li:last-child{font-size:90%; padding-top: 6px;}
*/

/*
@media screen and (max-width: 1000px) {
    #TOP article section#top_section_01_add dl.approach dd .tag_cloud a{font-size: 90%;}
    #TOP article section#top_section_01_add dl.approach dd .tag_cloud + ul{font-size: 86%;}
}
@media screen and (max-width: 800px) {
    #TOP article section#top_section_01_add dl.approach{width: 100%;}
    #TOP article section#top_section_01_add dl.approach dd{width: calc(90% - 0px); padding-left: 0px; margin: auto;}
}
@media screen and (max-width: 650px) {
    #TOP article section#top_section_01_add dl.approach dd{position: relative; top:-20px;}
    
}
*/



/* ご来場者からこんなお声をいただいています！ */
#TOP article section#top_section_01_add_2{padding: 100px 0 0;}
#TOP article section#top_section_01_add_2 dl.user_voice{width: calc(100% - 0px); margin: auto auto 50px; position: relative;}
#TOP article section#top_section_01_add_2 dl.user_voice dt{text-align: left;}
#TOP article section#top_section_01_add_2 dl.user_voice dt img{width: 100%; height: auto; margin: auto;}
#TOP article section#top_section_01_add_2 dl.user_voice dt span{display: block; height: 0; opacity: 0;}
#TOP article section#top_section_01_add_2 dl.user_voice dd{width: calc(100% - 100px); padding-left: 100px; margin-bottom: 6px; font-size: 1.2em; font-weight: bold; text-align: left;}
#TOP article section#top_section_01_add_2 dl.user_voice dd:nth-child(6) img{width: calc(100% - 0px); height: auto; margin-top: 20px;}

@media screen and (max-width: 1000px) {
    #TOP article section#top_section_01_add_2 dl.user_voice dd{font-size: 90%;}
}
@media screen and (max-width: 800px) {
    #TOP article section#top_section_01_add_2 dl.user_voice{width: 100%;}
    #TOP article section#top_section_01_add_2 dl.user_voice dd{width: calc(90% - 0px); padding-left: 0px; margin: auto;}
}
@media screen and (max-width: 650px) {
    #TOP article section#top_section_01_add_2{padding: 50px 0 0;}
    #TOP article section#top_section_01_add_2 dl.user_voice{margin: auto auto auto;}
    #TOP article section#top_section_01_add_2 dl.user_voice dd{ text-indent: -1em; padding-left: 1em;}
}




/* section2　開催概要 */
#TOP article section#top_section_02{height: auto; padding: 50px 0 50px 0; text-align: center;}
#TOP article section#top_section_02 h2{width: 100%; line-height: 110%; margin-bottom: 50px; font-weight: bold;}

/*
#TOP article section#top_section_02 p{font-size: 1.4em; font-weight: bold; margin-bottom: 1em;}
#TOP article section#top_section_02 p+ul{display: flex; flex-wrap: wrap; justify-content: center; margin: 50px auto 50px;}
*/
/*
#TOP article section#top_section_02 p+ul li{display: flex; justify-content: center; align-items: center; width: 280px;}*/

#TOP article section#top_section_02 ul.logo_lst{display: flex; flex-wrap: wrap; justify-content: center; margin: 50px auto 50px;}
#TOP article section#top_section_02 ul.logo_lst li{display: flex; justify-content: center; align-items: center; width: 280px;}
#TOP article section#top_section_02 ul.logo_lst li span{font-size: 1.2em; font-weight: bold; color: #555;}


#TOP article section#top_section_02 h2+div{/*background: #ecfaff;*/ padding: 10px 30px; margin: 50px auto; text-align: left;}
#TOP article section#top_section_02 h2+div h3{margin: 20px auto 0; font-size: 1.4em; font-weight: bold; text-align: left; }
#TOP article section#top_section_02 h2+div ul{display: flex; flex-wrap: wrap;}

#TOP article section#top_section_02 h2+div p{font-size: 1.0em; font-weight: normal; margin-bottom: 0;} 
#TOP article section#top_section_02 h2+div p+ul{display: flex; flex-wrap: wrap; justify-content: flex-start; margin: 0px auto 30px;}

#TOP article section#top_section_02 .btn_signin+ul{text-align: left; margin: 20px auto; width: fit-content;}
#TOP article section#top_section_02 .btn_signin+ul li{font-size: 0.8em; text-indent: -1em; padding-left: 1em;}

@media screen and (max-width: 630px) {
    #TOP article section#top_section_02 ul.logo_lst li{width: 100%; margin-bottom: 1em;}
}


#TOP article section#top_section_02 h2{margin-top: 2em; margin-bottom: 30px;}
#TOP article section#top_section_02 .gaiyo_lst{width: fit-content; text-align: left; margin: auto;}
#TOP article section#top_section_02 .top_section_02_lst{background: #ecfaff; padding: 10px 30px; margin: 50px auto; text-align: left;}
#TOP article section#top_section_02 .top_section_02_lst h3{margin: 20px auto 0; font-size: 1.4em; font-weight: bold; text-align: left; }
        
#TOP article section#top_section_02 .top_section_02_lst ul{display: flex; flex-wrap: wrap;}

#TOP article section#top_section_02 .top_section_02_lst p{font-size: 1.0em; font-weight: normal; margin-bottom: 0;} 
#TOP article section#top_section_02 .top_section_02_lst p+ul{display: flex; flex-wrap: wrap; justify-content: flex-start; margin: 0px auto 30px;}

#TOP article section#top_section_02 .top_section_02_lst ul li{margin-right: 1em;}

#TOP article section#top_section_02 .gaiyo_lst_note{width: fit-content; text-align: left; margin: auto;}


/* section3　出展社の技術カテゴリー */
#TOP article section#top_section_03{height: auto; padding: 60px 0 60px 0; text-align: center;
display: flex; flex-wrap: wrap ; justify-content:space-between;}
#TOP article section#top_section_03 h2{width: 100%; margin-bottom: 40px; font-weight: normal;}

#TOP article section#top_section_03 h2 + div.tag_cloud{display: flex; flex-wrap:wrap; justify-content: center; width: 100%; margin-bottom: 30px;}
#TOP article section#top_section_03 h2 + div.tag_cloud a{display: inline-block; margin: 0 .2em .6em 0; padding: .6em; line-height: 1;
text-decoration: none; color: #00afec; background-color: #fff; border: 2px solid #00afec; border-radius: 2em; font-weight: bold; pointer-events: none;}
#TOP article section#top_section_03 h2 + div.tag_cloud a:before{content: "";}

/*
#TOP article section#top_section_03 h2+ul{display: flex; flex-wrap: nowrap; justify-content: center; width: 100%; margin-bottom: 40px;}
#TOP article section#top_section_03 h2+ul li{width: calc(30% - 60px); margin: 0 10px; padding: 20px; color: #FFF; border-radius: 10px;}
*/
/*
#TOP article section#top_section_03 h2+ul li:nth-child(1){background: #ed838a;}
#TOP article section#top_section_03 h2+ul li:nth-child(2){background: #e0c825;}
#TOP article section#top_section_03 h2+ul li:nth-child(3){background: #53cec1;}
#TOP article section#top_section_03 h2+ul li:nth-child(4){background: #6f88d0;}
*/
/*
#TOP article section#top_section_03 h2+ul li h3{font-size: 1.6em; font-weight: bold; margin-bottom: 6px; color: #FFF;}
#TOP article section#top_section_03 h2+ul li h3+p{font-size: 1.0em; line-height: 100%;}
*/

#TOP article section#top_section_03 .for_lst{text-align: center; width: 100%; margin: 30px auto;}
/*
#TOP article section#top_section_03 h2+ul+div{text-align: center; width: 100%; margin: 30px auto;}*/
#TOP article section#top_section_03 .hovicon{display: inline-flex; width: 50%; font-size: 1.6em;}

/* Effect 6 */
/*
#TOP article section#top_section_03 .hovicon.effect-6 {box-shadow: 0 0 0 4px rgba(255, 255, 255, 1); -webkit-transition: background 1.2s, color 1.2s; -moz-transition: background 0.2s, color 0.2s; transition: background 1.2s, color 0.2s; position: relative;}
#TOP article section#top_section_03 .hovicon.effect-6 a{background: #333; border: 3px solid #333; color: #FFF; margin: auto; display: inline-block; padding: 20px; width: 100%; min-width: 200px; text-decoration: none; font-size: 1.2em; line-height: 100%; border-radius: 6px; box-shadow: 2px 2px 2px rgb(0 0 0 / 30%);}
#TOP article section#top_section_03 .hovicon.effect-6 a:before{content: "▶";color: #FFF; position: absolute; right: 1em; font-size: 90%;}
#TOP article section#top_section_03 .hovicon.effect-6 a:hover:before{content: "▶";color: #000; position: absolute; right: 1em; font-size: 90%;}
@media screen and (max-width: 540px) {
    #TOP article section#top_section_03 .hovicon.effect-6 a{width: 70%;}
}

#TOP article section#top_section_03 .hovicon.effect-6:hover{background: rgba(255, 255, 255, 1); color: #0f4d8b;}
#TOP article section#top_section_03 .hovicon.effect-6 a:hover{color: #0f4d8b; background: rgba(255, 255, 255, 1);}
#TOP article section#top_section_03 .hovicon.effect-6:hover:before {-webkit-animation: spinAround 2s linear infinite; -moz-animation: spinAround 2s linear infinite; animation: spinAround 2s linear infinite;}
*/

/* 出展社一覧 */
#TOP article section#top_section_03 ul.btn_list {width: 100%; display: flex; flex-wrap: wrap; justify-content: center; margin: 20px auto;}
#TOP article section#top_section_03 ul.btn_list li{width: 50%; min-width: 280px; margin: auto 10px 10px;}
#TOP article section#top_section_03 ul.btn_list li a{width: 100%; text-align: center; padding: 20px 0; border-radius: 4px; box-shadow: 2px 2px 6px rgba(0,0,0,0.3); line-height: 110%; font-size: 2.0em; display: block;}
#TOP article section#top_section_03 ul.btn_list li a:hover{text-decoration: none;}

#TOP article section#top_section_03 ul.btn_list li a i{position: relative;}
#TOP article section#top_section_03 ul.btn_list li a i:after {content: ''; position: absolute; width: 0; height: 0; 
    border: solid 12px transparent; border-left: solid 14px #FFF; top: calc(50% - 12px); left: 20px;}

#TOP article section#top_section_03 ul.btn_list li:nth-child(1) a{background: #333; border: 3px solid #333; color: #FFF;}
#TOP article section#top_section_03 ul.btn_list li:nth-child(1) a:hover{background: #FFF; color: #333;}
#TOP article section#top_section_03 ul.btn_list li a:hover i:after {border-left: solid 14px #333;}





@media screen and (max-width: 800px) {
    #TOP article section#top_section_03 h2+ul li h3{line-height: 100%;}
    #TOP article section#top_section_03 h2+ul li h3 br.sp{display: block;}
}
@media screen and (max-width: 600px) {
    #TOP article section#top_section_03 h2+ul{flex-wrap: wrap!important; margin-bottom: 0;}
    #TOP article section#top_section_03 h2+ul li{width: 60%; margin-bottom: 1em;}
    #TOP article section#top_section_03 h2+ul li h3 br.sp{display: none;}
    #TOP article section#top_section_03 .hovicon{font-size: 1.2em;}
}
@media screen and (max-width: 330px) {
    #TOP article section#top_section_03 h2+ul li{width: 70%; margin-bottom: 1em; padding: 10px;}
    #TOP article section#top_section_03 h2+ul li h3{font-size: 1.4em;}
    #TOP article section#top_section_03 h2+ul li h3+p{font-size: 0.8em;}
    #TOP article section#top_section_03 h2+ul+div{margin: 10px auto;}
    #TOP article section#top_section_03 .hovicon{width: 70%; font-size: 1.1em;}
}



/* section5　展示の見どころピックアップ */
#TOP article section#top_section_05{height: 600px; padding: 50px 0 0px 0; text-align: center; }

#TOP article section#top_section_05:before{content: ""; background: #ecfaff; width: 300%; display: block;}

#TOP article section#top_section_05{position: relative;}
#TOP article section#top_section_05 .top_section_05_back{background: #ecfaff; width: 300%; height: 600px; position: absolute; top:0; left: -150%;}



#TOP article section#top_section_05 h2{width: 100%; margin-bottom: 26px; font-weight: normal;}
#TOP article section#top_section_05 .bx-wrapper .bx-viewport{box-shadow:none; border: none; left:-10px;}
#TOP article section#top_section_05 .bx-wrapper li{border-left: 10px solid #ecfaff; width: calc(100% - 10px); background: #ebebeb;}
#TOP article section#top_section_05 .bx-wrapper img {width: 100%; height: 260px; object-fit:contain;}
#TOP article section#top_section_05 .bx-caption{position: relative; background: rgba(80, 80, 80, 0.3); text-align: left; height: 90px; overflow: hidden;}
#TOP article section#top_section_05 .bx-caption span{color: #000; font-size: 1.0em;}
#TOP article section#top_section_05 .bx-wrapper .bx-pager{bottom: -50px;}
#TOP article section#top_section_05 .bx-wrapper .bx-pager.bx-default-pager a{background: #3aaaea; width: 12px; height: 12px; margin: 0 5px; border-radius: 20px;}
#TOP article section#top_section_05 .bx-wrapper .bx-pager.bx-default-pager a:hover, 
#TOP article section#top_section_05 .bx-wrapper .bx-pager.bx-default-pager a.active {background: #0068b7;}

@media screen and (max-width: 820px) {
#TOP article section#top_section_05 .bx-wrapper .bx-pager.bx-default-pager a{width: 14px; height: 14px; margin: 2px 6px; border-radius: 20px;}
    
}
/* 912   820,768,540,414,412,390,393,375,360,280, */
@media screen and (max-width: 540px) {/* 以下SPレイアウト */
    #TOP article section#top_section_05{height: auto; padding: 20px 0 20px 0;}
    #TOP article section#top_section_05 h2{width: 100%; font-size: 2.0em; margin-bottom: 20px; line-height: 110%;}
    
    #TOP article section#top_section_05 .top_section_05_back{background: rgba(254,245,234,0.9); 
        width: 300%; height: 520px; position: absolute; top:0; left: -150%;}

    #TOP article section#top_section_05 .bx-wrapper .bx-viewport{box-shadow:none; border: none; left:0px;}
    #TOP article section#top_section_05 .bx-wrapper li{border-left: 0px solid #FFF; width: calc(100% - 0px); background: #ebebeb;}
    #TOP article section#top_section_05 .bx-caption{position: relative; background: rgba(80, 80, 80, 0.3); text-align: left; height: 80px; overflow: hidden; display: flex; justify-content: flex-start; align-items: center;}
    #TOP article section#top_section_05 .bx-caption span{font-size: 1.0em; display: block;}
    #TOP article section#top_section_05 .bx-wrapper img {width: 100%; height: 250px; object-fit:contain;}
    #TOP article section#top_section_05 .bx-wrapper .bx-pager.bx-default-pager{display: none;}
    #TOP article section#top_section_05 .bx-wrapper .bx-pager.bx-default-pager a{background: #60E0BD; width: 10px; height: 10px; margin: 0 4px; border-radius: 20px;}
}

/* section5_5　来場登録ボタン */
#TOP article section#top_section_05_5{height: auto; padding: 30px 0 0; text-align: center;}


/* section5_5　特別企画　#53cec1 */
#TOP article section#top_section_05_6{height: auto; padding: 80px 0 0; text-align: center;}
#TOP article section#top_section_05_6 div{border:5px dotted #53cec1; width: calc(80% - 40px); padding: 40px 20px; margin: auto; border-radius: 20px;}
#TOP article section#top_section_05_6 div h2 b{display: block; color: #53cec1; line-height: 100%; margin-bottom: 0.5em;}
#TOP article section#top_section_05_6 div p{font-weight: bold; font-size: 1.2em; margin-bottom: 1em;}
#TOP article section#top_section_05_6 div p b{font-size: 1.4em;}
@media screen and (max-width: 540px) {
    #TOP article section#top_section_05_6 div{width: calc(90% - 40px); }
}


/* section6　セミナー */
#TOP article section#top_section_06{height: auto; padding: 100px 0 100px 0; text-align: center;}
#TOP article section#top_section_06 h2{width: 100%; margin-bottom: 6px; font-weight: normal;}
#TOP article section#top_section_06 h2+p{font-size: 1.4em; margin-bottom: 40px;}
/*
#TOP article section#top_section_06 h3{width: 100%; background: rgba(93, 199, 227, 0.7); padding: 6px 0; margin: 0 auto 40px; transform: scale( 1.0 , 1 );}*/
#TOP article section#top_section_06 h3{position: relative;
  line-height: 1.4;
  padding:0.25em 1em;
  display: inline-block;
  top:0; margin-bottom: 0.5em;}
#TOP article section#top_section_06 h3:before, 
#TOP article section#top_section_06 h3:after { 
  position: absolute;
  top: 0;
  content:'';
  width: 8px;
  height: 100%;
  display: inline-block;
}
#TOP article section#top_section_06 h3:before {
  border-left: solid 1px black;
  border-top: solid 1px black;
  border-bottom: solid 1px black;
  left: 0;
    top:-4%;
}
#TOP article section#top_section_06 h3:after {
  content: '';
  border-top: solid 1px black;
  border-right: solid 1px black;
  border-bottom: solid 1px black;
  right: 0;
    top:-4%;
}

#TOP article section#top_section_06 h4{width: 100%; font-size: 1.54em; text-align: center; margin-bottom: 1em;}
#TOP article section#top_section_06 h5{font-size: 1.2em; line-height: 140%; margin-bottom: 1em;}
#TOP article section#top_section_06 hr{width: 100%; border: none; border-bottom: 2px dotted #CCC; margin: 80px auto 40px;}
#TOP article section#top_section_06 dl{width: 100%; display: flex; flex-wrap: wrap; margin: auto auto 30px;}
#TOP article section#top_section_06 dl dt{width: 150px; text-align: center; }
#TOP article section#top_section_06 dl dt .seminar_date{width: 150px; margin: auto;
display: flex; justify-content: center; align-items: center; background: #ec4c93; color: #FFF; margin-bottom: 1px; font-size: 1.2em; font-weight: bold; height: 36px;}
#TOP article section#top_section_06 dl dt.second .seminar_date{background: #0061ad!important;}
#TOP article section#top_section_06 dl dt p{width: 150px; margin: auto;
display: flex; justify-content: center; align-items: center; background: #ebecec; color: #333; margin-bottom: 1px; font-size: 1.4em; font-weight: bold; height: 36px;}

#TOP article section#top_section_06 dl dt p.seminar_category{background: #53cec1; font-size: 1.2em; line-height: 1.2em; height: 100px; margin-top: 20px; border-radius: 10px;}


#TOP article section#top_section_06 dl dt p img{display: none;}

#TOP article section#top_section_06 dl dd{width: calc(100% - 160px); text-align: center; padding-left: 10px;}
#TOP article section#top_section_06 dl dd h5{text-align: left; font-size: 1.4em;}
#TOP article section#top_section_06 dl dd p{text-align: left; font-size: 1.1em;}

#TOP article section#top_section_06 dl dd:last-child{width:100%;}
#TOP article section#top_section_06 dl dd:last-child img{width: 60%; height: auto; margin: 1em auto;}

#TOP article section#top_section_06 dl.presen{margin-bottom: 70px;}
#TOP article section#top_section_06 dl.presen dt div{background: rgba(50,24,234,0.9); color: #FFF; text-align: center; padding: 10px 0px; width: 150px; margin: auto auto 10px; font-weight: bold;}
#TOP article section#top_section_06 dl.presen dd{display: flex; flex-wrap: wrap;}
#TOP article section#top_section_06 dl.presen dd h5{width: 100%;}
#TOP article section#top_section_06 dl.presen dd p{width: 80%;}


#TOP article section#top_section_06 .guide{color: red; text-align: center;}

@media screen and (max-width: 912px) { /* PCレイアウトで調整 */
    /*#TOP article section#top_section_06 h3{width: 100%;}*/
    #TOP article section#top_section_06 hr{width: 100%;}
    #TOP article section#top_section_06 dl{width: 100%;}
}
@media screen and (max-width: 820px) {/* PCレイアウトで調整 */
    #TOP article section#top_section_06{height: auto; padding: 50px 0 50px 0;}
}
/* 912   820,768,540,414,412,390,393,375,360,280, */
@media screen and (max-width: 540px) {/* 以下SPレイアウト */
    #TOP article section#top_section_06{height: auto; padding: 70px 0 50px 0;}
    #TOP article section#top_section_06 h2{width: 100%; font-size: 2.0em; margin-bottom: 6px; line-height: 110%;}
    #TOP article section#top_section_06 h2+p{font-size: 1.2em; margin-bottom: 40px;}
    #TOP article section#top_section_06 dl{display: flex; flex-wrap:wrap;}
    #TOP article section#top_section_06 dl dt{width: 100%;}
    #TOP article section#top_section_06 dl dd{width: 100%;}
    
    #TOP article section#top_section_06 dl dd:last-child img{width: 90%;}
    #TOP article section#top_section_06 h3{font-size: 1.6em; line-height: 110%; margin-bottom: 20px;}
    #TOP article section#top_section_06 h3:before,#TOP article section#top_section_06 h3:after{top:-6%;}
    #TOP article section#top_section_06 h3.txt_long:before,
    #TOP article section#top_section_06 h3.txt_long:after{top:0%;}
    
    #TOP article section#top_section_06 h4{font-size: 1.4em; line-height: 110%;}
    #TOP article section#top_section_06 dl.presen dd p{width: 70%;}
    #TOP article section#top_section_06 .guide{font-size: 0.82em;}
}    



/* section7　会場アクセス */
#TOP article section#top_section_07{height: auto; padding: 100px 0 100px 0; text-align: center;}

#TOP article section#top_section_07:before{content: ""; background: rgba(49,163,16,0.1); width: 300%; display: block;}
#TOP article section#top_section_07{position: relative;}
#TOP article section#top_section_07 .top_section_07_back{background: rgba(49,163,16,0.1); width: 300%; height: 100%; position: absolute; top:0; left: -150%;}


#TOP article section#top_section_07 h2{width: 100%; margin-bottom: 60px; font-weight: normal;}
#TOP article section#top_section_07 .access{width: 78%; display: flex; text-align: center; margin: auto auto 40px;}
#TOP article section#top_section_07 .access img{margin-right: 30px;}
#TOP article section#top_section_07 .access dl dt{text-align: left; font-weight: bold;}
#TOP article section#top_section_07 .access dl dd{text-align: left;}
#TOP article section#top_section_07 .access dl dd p{margin-bottom: 26px; word-break: break-all;}
#TOP article section#top_section_07 .access dl dd p:nth-child(2){font-size: 1.2em;}
#TOP article section#top_section_07 h3{margin-bottom: 14px;}
#TOP article section#top_section_07 h3+p.root_guide{color: green; font-size: 1.2em; margin-bottom: 32px;}


#TOP article section#top_section_07 ul.root_guide_lst {width: 100%; display: flex; justify-content: center; flex-wrap: wrap; margin: auto auto 70px;}
#TOP article section#top_section_07 ul.root_guide_lst li{width: 360px; display: flex; justify-content:center; margin:auto 10px 10px 10px;}
#TOP article section#top_section_07 ul.root_guide_lst li a{
display: inline-flex; justify-content: center; align-items: center; width: 90%; height: 50px;
background:#3b7fdf; color: #FFF; font-size: 1.0em; line-height: 0.9em; border: 1px solid #FFF; box-shadow: 2px 2px 6px rgba(0,0,0,0.3); border-radius: 0px; transition : all 0.5s!important;}
#TOP article section#top_section_07 ul.root_guide_lst li a:hover{background-color:#50A4F5; color:#FFF; text-decoration:none; cursor:pointer; }
#TOP article section#top_section_07 ul.root_guide_lst li a i{position: relative; top:-1px; left: -6px;}


#TOP article section#top_section_07 .attention{margin: 1em auto 3em;}
#TOP article section#top_section_07 .attention p{font-size: 1.2em; font-weight: bold;}

#TOP article section#top_section_07 .btn_signin{margin-top: 30px;}

@media screen and (max-width: 912px) { /* PCレイアウトで調整 */
    #TOP article section#top_section_07 .access{width: 100%; display: flex; justify-content: center;}
    #TOP article section#top_section_07 .attention p{font-size: 1.18em;}
}
@media screen and (max-width: 820px) {/* PCレイアウトで調整 */
    #TOP article section#top_section_07 .access dl dd p:nth-child(2){font-size: 1.1em;}
    #TOP article section#top_section_07 ul.root_guide_lst{ margin: auto auto 70px;}
    #TOP article section#top_section_07 ul.root_guide_lst li{width: 360px;}
}
@media screen and (max-width: 540px) {/* 以下SPレイアウト */
    #TOP article section#top_section_07 h2{width: 100%; font-size: 2.0em; margin-bottom: 40px;}
    #TOP article section#top_section_07 .access{display: flex; flex-wrap: wrap; margin-bottom: 20px;}
    #TOP article section#top_section_07 .access img{margin-right: 0px; margin-bottom: 20px; /*width: 100%; height: 100px; object-fit: cover; */}
    #TOP article section#top_section_07 h3{font-size: 1.6em; line-height: 110%;}
}


/* section9　新型コロナウィルスの対策 */
#TOP article section#top_section_08{height: auto; padding: 70px 0 80px 0; text-align: center; }
#TOP article section#top_section_08 h2{width: 100%; margin-bottom: 50px; font-weight: normal;}
#TOP article section#top_section_08 ul{width:80%; margin: auto auto 2em;}
#TOP article section#top_section_08 ul li{text-align: left; font-size: 1.0em; margin-bottom: 8px;}
#TOP article section#top_section_08 ul li:hover .ico_blue{background: url("ico_pop_blue_dark.svg");}
#TOP article section#top_section_08 ul li a{text-decoration: underline;}

@media screen and (max-width: 540px) {/* 以下SPレイアウト */
    #TOP article section#top_section_08{width: calc(100% - 100px);}
    #TOP article section#top_section_08 h2{width: 100%; font-size: 2.0em; margin-bottom: 40px;}
    #TOP article section#top_section_08 ul{width: 100%;}
    #TOP article section#top_section_08 ul li{text-indent: -1.2em; padding-left: 1.2em;}
}


@media screen and (max-width: 360px) {
    #TOP article section#top_section_08 h2{width: 100%; font-size: 1.8em; margin-bottom: 40px;}
}

@media screen and (max-width: 300px) {
    #TOP article section#top_section_08 h2{width: 100%; font-size: 1.6em; margin-bottom: 40px;}
}
@media screen and (max-width: 280px) {
    #TOP article section#top_section_08 h2{width: 100%; font-size: 1.4em; margin-bottom: 40px;}
}


/* section9　来場登録 */
/*#TOP article section#top_section_09{height: auto; padding: 70px 0 70px 0; text-align: center; border:0px solid red;}*/
#TOP article section#top_section_09{display: flex; justify-content: center; align-items: center; height: 200px;
opacity: 0; transition: all 1.3s 0s ease-out;}



/* 出展社一覧--------------------------------------------------------------------------------------------------------- */
/* 出展社一覧の背景画像 */
#LIST{text-align: center;}
#LIST article{
    position: relative;
    margin: auto;
    max-width: 1750px;
    overflow: hidden;
    animation: back_fadeIn 5s ease 0s 1 normal;
    -webkit-animation: back_fadeIn 5s ease 0s 1 normal;
}

#LIST article div#list_img_00{width: 2000px; height: auto; position: absolute; left: calc(50% - 870px); top:-250px; overflow:hidden;}
#LIST article div#list_img_00 img{width: 100%; height: auto;}

#LIST article div#list_img_01{width: 1000px; height: 300px; position: absolute; left: calc(50% - 300px); top:600px; overflow:hidden;}
#LIST article div#list_img_01 img{width: 100%; height: auto;}

#LIST article div#list_img_02{width: 1000px; height: 2000px; position: absolute; left: calc(50% - 400px); top:1050px; overflow:hidden;}
#LIST article div#list_img_02 img{width: 90%; height: auto; object-position: 0px -560px; object-fit: cover; }

#LIST article div#list_img_03 img{display: none;}
@media screen and (max-width: 540px) {
    #LIST article div#list_img_00{width: 2000px; height: auto; position: absolute; left: calc(50% - 700px); top:-800px; overflow:hidden;}
    #LIST article div#list_img_01{width: 1000px; height: 300px; position: absolute; left: calc(50% - 300px); top:200px; overflow:hidden;}
    #LIST article div#list_img_02{width: 1000px; height: 500px; position: absolute; left: calc(50% - 600px); top:480px; overflow:hidden;}
    
    #LIST article div#list_img_03{display: block; width: 1000px; height: 2000px; position: absolute; left: calc(50% - 400px); top:850px; overflow:hidden;}
    #LIST article div#list_img_03 img{display: block; width: 100%; height: auto; object-position: 0px -30px; object-fit: cover; }

}


/* section */
#LIST article section{display: block; max-width: 1000px; margin: auto;}

/* 出展社情報  section1 出展社技術カテゴリー　*/
#LIST article section#section_01{padding: 40px 0px 60px;}
#LIST article section#section_01 h1{}
#LIST article section#section_01 h2{margin-bottom: 20px;}
#LIST article section#section_01 h2+p{margin-bottom: 20px; font-size: 1.2em;}

#LIST article section#section_01 ul{margin-bottom: 60px;}
#LIST article section#section_01 ul li{display: flex; align-items: center; margin-bottom: 40px;}
#LIST article section#section_01 ul li img{width: 500px; height:300px; object-fit: cover; /*width: 50%; height:auto; opacity: 0.8;*/}
#LIST article section#section_01 ul li dl{display: block; width:calc(50% - 40px); padding: 0 20px; }
#LIST article section#section_01 ul li dl dt{text-align: right; font-size: 1.6em; margin-bottom: 20px;}
#LIST article section#section_01 ul li dl dd{text-align: right;}

#LIST article section#section_01 ul li:nth-child(1) dl dt{text-align: left;}
#LIST article section#section_01 ul li:nth-child(1) dl dd{text-align: left;}
#LIST article section#section_01 ul li:nth-child(3) dl dt{text-align: left;}
#LIST article section#section_01 ul li:nth-child(3) dl dd{text-align: left;}

@media screen and (max-width: 920px) {/* pcレイアウト */
    #LIST article section#section_01{width: calc(100% - 40px); padding: 80px 20px;}
}
@media screen and (max-width: 540px) {/* 以下SPレイアウト */
    #LIST article section#section_01{padding: 30px 0px;}
    #LIST article section#section_01 h1{font-size: 2.6em; margin-bottom: 20px;}
    #LIST article section#section_01 h2{font-size: 2.0em; margin-bottom: 0px;}
    #LIST article section#section_01 h2+p{margin-bottom: 50px; font-size: 1.0em;}
    
    #LIST article section#section_01 ul{margin-bottom: 40px; padding: 0 40px;}
    #LIST article section#section_01 ul li{flex-wrap: wrap; margin-bottom: 20px;}
    #LIST article section#section_01 ul li img{width: 100%; height:100px; object-fit: cover;}
    #LIST article section#section_01 ul li dl{display: block; width:100%; padding: 0; }
    #LIST article section#section_01 ul li dl dt{text-align: center; font-size: 1.6em; margin-bottom: 10px;}
    #LIST article section#section_01 ul li dl dd{text-align: center; font-size: 1.0em;}
    
    
    #LIST article section#section_01 ul li:nth-child(1) dl{width:100%; flex-wrap: wrap; margin: 0 auto 10px auto;}
    #LIST article section#section_01 ul li:nth-child(1) dl dt{width:100%; text-align: center;}
    #LIST article section#section_01 ul li:nth-child(1) dl dd{width:100%; text-align: center; padding: 0; }
    
    #LIST article section#section_01 ul li:nth-child(1) img{order: 2;}
    #LIST article section#section_01 ul li:nth-child(1) dl{order: 1;}
    
    #LIST article section#section_01 ul li:nth-child(3) img{order: 2;}
    #LIST article section#section_01 ul li:nth-child(3) dl{order: 1;}
    #LIST article section#section_01 ul li:nth-child(3) dl dt{text-align: center;}
    #LIST article section#section_01 ul li:nth-child(3) dl dd{text-align: center;}
}
@media screen and (max-width: 280px) {
    #LIST article section#section_01 ul{padding: 0 10px;}
}

/* 出展社情報  section1 出展社一覧　*/
#LIST article section#section_02{padding: 40px 0; position: relative;}
#LIST article section#section_02 #background{position: absolute; top:0; left: -1000px; width: 300%; height: 100%; background: #EFF1F2; z-index: -1;}
#LIST article section#section_02 h2{margin: 20px auto;}

#LIST .filter-options{display: flex; justify-content: space-between; border-bottom: 1px solid #aaa;}
#LIST .filter-options li{width: calc(20% - 5px);}
#LIST .filter-options li:last-child{position: relative; left: -1px;}
#LIST .filter-options a{display: block; width: calc(100% - 1px); background: #FFF; border: 1px solid #aaa; border-bottom: 0; border-radius: 6px 6px 0 0; box-shadow: 1px 2px 2px 2px rgba(0, 0, 0, .0); padding: 16px 0; text-align: center;}


#LIST .category_lst{ display: flex; flex-wrap:wrap; margin: auto; width: 100%; justify-content: center; align-items: center; margin-bottom: 3em;}
/*
#LIST .category_lst dt{color: #fff; font-weight: bold;}
#LIST .category_lst dt.VE{background: #ed838a;}
#LIST .category_lst dt.automation{background: #d9c573;}
#LIST .category_lst dt.processing{background: #53cec1;}
#LIST .category_lst dt.material{background: #6f88d0;}
*/

#LIST .category_lst dt{width: 20%; padding: 10px 0; margin-bottom: 1em;}
#LIST .category_lst dd{width: calc(80% - 40px); padding: 0 10px; text-align: left; line-height: 120%; margin-bottom: 1em;}

@media screen and (max-width: 760px) {
    #LIST .filter-options li{font-size: 0.8em;}
}
@media screen and (max-width: 620px) {
    #LIST .filter-options li:first-child{width: calc(26% - 0px);}
    #LIST .filter-options li:not(:first-child) {width: calc(18% - 3px);}
}
@media screen and (max-width: 540px) {
    #LIST .category_lst dt{width: 70%; padding: 10px 0; margin-bottom: 0.5em;}
    #LIST .category_lst dd{width: calc(70% - 0px); padding: 0 0 0 0px; text-align: left; margin-bottom: 1em; font-size: 0.9em;}
    #LIST .filter-options li:not(:first-child) {width: calc(25% - 3px);}
}
@media screen and (max-width: 400px) {
    #LIST .category_lst dt{width: 90%; padding: 10px 0; margin-bottom: 1em;}
    #LIST .category_lst dd{width: calc(90% - 0px); padding: 0 0 0 0px; text-align: left; margin-bottom: 1em;}
}

#LIST h2{line-height: 110%; padding-bottom: 0.5em;}
#LIST h2 br{display: none;}
@media screen and (max-width: 540px) {
    #LIST h2 br{display: block;}
}

#LIST h2+p{margin-bottom: 1em;}

#LIST .filter-options a.material:hover{background: #ff6d4e!important; color: #fff!important; font-weight: bold!important;}
#LIST .filter-options a.processing:hover{background: #acbe1d!important; color: #fff!important; font-weight: bold!important;}
#LIST .filter-options a.support:hover{background: #39aab9!important; color: #fff!important; font-weight: bold!important;}


@media screen and (max-width: 540px) {/* 以下SPレイアウト */
    #LIST .filter-options{display: flex; flex-wrap: wrap;}
    
    #LIST .filter-options li{width: 32%; font-size: 0.8em;}
    #LIST .filter-options li:first-child{width:calc(100% - 1px)!important; border-bottom: 1px solid #aaa; margin-bottom: 4px;}
}
@media screen and (max-width: 440px) {
    #LIST .filter-options li{font-size: 0.6em; }
    #LIST .filter-options li a{padding: 10px 0;}
}
@media screen and (max-width: 340px) {
    #LIST .filter-options li{font-size: 0.4em;}
}

#LIST #grid{display: flex; flex-wrap: wrap; justify-content: space-between; width:calc(100% + 1.0em); margin:auto;
margin-bottom: 30px; margin-top: 30px; justify-content:space-around;}
#LIST #grid>a{width: calc(25% - 1.0em); margin: 1.0em 1.0em 2.0em 1.0em;}
#LIST #grid>a:nth-child(1n){margin-left:0.0em;}
#LIST #grid>a:nth-child(4n){margin-right:0.0em;}

#LIST #grid>a{flex-wrap: wrap; width:  calc(25% - 1.0em); margin: 1.0em 1.0em 2.0em 0;}
#LIST #grid>a:nth-child(4n){margin-right:0em;}

#LIST #grid>a dl{width:100%; background-color: #f2f2f2; background-color: #FFF;}
#LIST #grid>a dt br,
#LIST #grid>a dt span{display:none;}
#LIST #grid>a dt{width:100%;  margin:0; padding:0; color:#707070; overflow:hidden; position: relative;
background: #dddddd;}
#LIST #grid>a dt i{position: absolute; top:2px; left: 2px; /*display: block;*/ font-style: normal; border: 1px solid #333; width: 80px; background: #FFF; z-index: 9; font-size: 0.8em; display: none;}
#LIST #grid>a dt i+i{position: absolute; top:2px; left: 87px;}
#LIST #grid>a dt img{width:100%; height:200px; object-fit: contain; position: relative; top:-3px; transform: translate(0, 3px);}
#LIST #grid>a dd{padding:4px 5px; width:calc(100% - 10px); font-size:0.94em; height: 190px; text-align: left;}


#LIST #grid>a dd div{width: 100%; text-align: center; margin-bottom:10px; display: flex; justify-content: center;}
#LIST #grid>a dd div i{display:inline-block; font-style: normal; margin: 2px; 
width: 80%; background: #FFF; z-index: 9; font-size: 1.0em; box-shadow:none!important; font-weight: bold; padding: 4px 0;}
#LIST #grid>a dd b{display:block; text-align: center;}
#LIST #grid>a dd,
#LIST #grid>a:visited dd{color:#707070;}
#LIST #grid>a:hover{text-decoration: none!important;}
#LIST #grid>a:hover dd{color:#0068b7; } 
#LIST #grid>a:hover dt img{transform:scale(1.05,1.05); transition:1.5s all; opacity: 1.0;}

@media screen and (max-width: 920px) {/* pcレイアウト */
    #LIST article section#section_02{width: calc(100% - 40px); padding: 40px 20px;}
    #LIST #grid>a dd{height: 210px;}
}
@media screen and (max-width: 820px) {
    #LIST #grid>a dd{font-size:0.94em; height: 240px;}
}
@media screen and (max-width: 730px) {
    #LIST #grid>a dd{font-size:0.94em; height: 260px;}
    #LIST #grid>a dd div i{font-size: 0.8em; padding: 4px 6px 2px;}
}
@media screen and (max-width: 540px) {/* 以下SPレイアウト */
    #LIST article section#section_02{padding: 20px 0;}
    #LIST article section#section_02 #background{position: absolute; top:0; left: -540px; width: 300%; height: 100%; background: #EFF1F2; z-index: -1;}
    
    #LIST article section#section_02 h2{font-size: 2.0em; margin: 0px auto;}
    #LIST #grid{display: flex; flex-wrap: wrap; justify-content: center;}
    
    #LIST #grid>a{width: 100%;}
    #LIST #grid>a dl{width:80%; margin: auto;}
    #LIST #grid>a dd{height: auto; padding-bottom: 10px;}
}
@media screen and (max-width: 280px) {
    #LIST article section#section_02 #background{position: absolute; top:0; left: -100px; width: 300%; height: 100%; background: #EFF1F2; z-index: -1;}
}


/* 出展社情報  section3 来場者登録　*/
#LIST article section#section_03{padding: 100px 0;}
@media screen and (max-width: 540px) {/* 以下SPレイアウト */
    #LIST article section#section_03{padding: 50px 0;}
}



/* 出展社詳細--------------------------------------------------------------------------------------------------------- */
#LIST_DETAIL{}
#LIST_DETAIL article{width: calc(100% - 20px); padding: 0 10px;}
#LIST_DETAIL article section{display: block; max-width: 1000px; margin: auto;}
#LIST_DETAIL article section#section_01{padding: 40px 0; position: relative; text-align: left; border: 0px solid red;}
#LIST_DETAIL article section#section_01 h1{text-align: left; line-height: 120%; margin-bottom: 20px; font-size: 2.8em;}
#LIST_DETAIL article section#section_01 h2{text-align: left; margin-bottom: 10px;}


/* infomation_v2 */
#LIST_DETAIL .infomation_v2{width:100%; margin:auto; display:flex; flex-wrap:wrap; align-items: flex-start;}
#LIST_DETAIL .infomation_v2 .img_lst{width:60%;}
#LIST_DETAIL .infomation_v2 .detail_lst{width:calc(40% - 30px); padding-left:30px;}
#LIST_DETAIL  .infomation_v2 .detail_lst>i{display: inline-block; font-style: normal; border: 0px solid #333; background: #FFF; margin: 0 5px 20px 0; text-align: center; padding: 6px 16px; }

#LIST_DETAIL .infomation_v2 .detail_lst ul{margin:0;}
#LIST_DETAIL .infomation_v2 .detail_lst ul li{text-indent:-1em; padding-left:1em;}
/* 912   820,768,540,414,412,390,393,375,360,280, */
@media screen and (max-width: 912px) {
    #LIST_DETAIL article section{margin: 0 20px;}
}
@media screen and (max-width: 540px) {/* 以下SPレイアウト */
    #LIST_DETAIL article section#section_01 h1{font-size: 2.1em;}
    /*#LIST_DETAIL article section#section_01 h1 br{display: none!important;}*/
    #LIST_DETAIL article section#section_01 h2{font-size: 1.8em; margin-bottom: 10px;}
	#LIST_DETAIL .infomation_v2{width:100%;}
	#LIST_DETAIL .infomation_v2 .img_lst{width:100%;}
	#LIST_DETAIL .infomation_v2 .detail_lst{width:100%; padding-left:0;}
}
@media screen and (max-width: 414px) {
    #LIST_DETAIL article section#section_01 h1{font-size: 1.8em;}
    #LIST_DETAIL article section#section_01 h2{font-size: 1.6em;}
}



/* 画像リスト */
#LIST_DETAIL .infomation_v2 .img_lst{display:flex; justify-content:space-between; flex-wrap:wrap;}
#LIST_DETAIL .infomation_v2 .img_lst li p{margin:0 auto 1em;}

#LIST_DETAIL .infomation_v2 .img_lst li:nth-child(1){width:100%; height:auto; margin-bottom:20px;}
#LIST_DETAIL .infomation_v2 .img_lst li:nth-child(1) img{width:100%; height:auto;}

#LIST_DETAIL .infomation_v2 .img_lst li:nth-child(2){width:100%; height:auto; margin-bottom:20px;}
#LIST_DETAIL .infomation_v2 .img_lst li:nth-child(2) img{width:100%; height:auto;}


#LIST_DETAIL .infomation_v2 .img_lst li:nth-child(n+3){width:48%; margin-bottom:20px;}
#LIST_DETAIL .infomation_v2 .img_lst li:nth-child(n+3) span{display:block; width:100%; height:200px; background-color:#ebebeb; margin-bottom:10px;}
#LIST_DETAIL .infomation_v2 .img_lst li:nth-child(n+3) img{width:100%; height:100%; object-fit:contain;}



#LIST_DETAIL .infomation_v2 .img_lst-harf{width:100%; margin-bottom:20px; margin-right:calc(100% - 300px);}
#LIST_DETAIL .infomation_v2 .img_lst-harf img{display:block; width:300px; height:200px; margin-bottom:10px; }

@media screen and (max-width: 540px) {/* 以下SPレイアウト */
	#LIST_DETAIL .infomation_v2 .img_lst li:nth-child(1) img{width:100%; height:auto;}
    #LIST_DETAIL .infomation_v2 .img_lst li:nth-child(2) img{width:100%; height:auto;}
	#LIST_DETAIL .infomation_v2 .img_lst li:nth-child(n+3){width:100%; margin-bottom:20px;}
	#LIST_DETAIL .infomation_v2 .img_lst li:nth-child(n+3) span{display:block; width:100%; height:200px;}
	#LIST_DETAIL .infomation_v2 .img_lst-harf{width:100%; margin-bottom:20px; margin-right:0;}
}

/* 詳細(得意な加工技術・サービス、対応素材・ロット、資料のお役立ちポイント) */
#LIST_DETAIL .infomation_v2 .detail_lst h3,
#LIST_DETAIL .infomation_v2 .detail_lst p,
#LIST_DETAIL .infomation_v2 .detail_lst dl{width:100%; text-align: left;}
#LIST_DETAIL .infomation_v2 .detail_lst h3{font-size:1.0em; font-weight: bold; color:#333; margin:0 0 10px;}
#LIST_DETAIL .infomation_v2 .detail_lst p{margin:0 auto 30px; line-height:140%; font-size: 0.9em; color: #707070;}
#LIST_DETAIL .infomation_v2 .detail_lst ul{margin:0 auto 30px; line-height:140%; font-size: 0.9em; color: #707070;}

/*
#LIST_DETAIL .infomation_v2 .detail_lst h3:nth-child(1){position:relative; background:#c00000; color:#FFF; border-radius:30px; padding:0 20px; display: inline-block; width: 200px; height: 52px; margin-bottom:20px;}
#LIST_DETAIL .infomation_v2 .detail_lst h3:nth-child(1) span{color:#FFF; position: relative;}
#LIST_DETAIL .infomation_v2 .detail_lst h3:nth-child(1) span:after{content: ""; display:inline-block; width: 190px; height: 10px; background: #c00000; position: absolute; z-index: 9; left: 6px; bottom: -8px; border-radius: 10px;}
#LIST_DETAIL .infomation_v2 .detail_lst h3:nth-child(1):first-letter{font-size:2.2em;}

#LIST_DETAIL .infomation_v2 .detail_lst h3:nth-child(1):before{
content: '';
position: absolute;
display: block;
width: 0;
height: 0;
border-radius: 50%;
transform: rotate(-135deg);
left: 25px;
top: 24px;
border-left: 20px solid #c00000;
border-top: 20px solid #c00000;
border-right: 20px solid transparent;
border-bottom: 20px solid transparent;
}

#LIST_DETAIL .infomation_v2 .detail_lst h3:nth-child(1):after{
content: '';
position: absolute;
display: block;
width: 0;
height: 0;
border-radius: 50%;
transform: rotate(-135deg);
left: 40px;
top: 32px;
border-left: 20px solid #ffffff;
border-top: 20px solid #ffffff;
border-right: 20px solid transparent;
border-bottom: 20px solid transparent;
}

#LIST_DETAIL .infomation_v2 .detail_lst h3:nth-child(1)+p{width:calc(100% - 20px); padding:10px; border:2px solid #c00000;  border-radius:10px; font-weight:bold; font-size:1.0em; color:#222;}

@media screen and (max-width: 670px) {
    #LIST_DETAIL .infomation_v2 .detail_lst h3:nth-child(1){padding:0 4px 0 10px; width: 180px; font-size: 0.9em;}
    #LIST_DETAIL .infomation_v2 .detail_lst h3:nth-child(1) span:after{width: 150px; left: 10px;}
}


*/

/* お問い合わせ、技術資料ダウンロード */
#LIST_DETAIL .infomation_v2 .detail_lst dl{line-height:140%; font-size: 0.9em; color: #707070;}
#LIST_DETAIL .infomation_v2 .detail_lst dl dd{word-break:break-all;}
#LIST_DETAIL .infomation_v2 .detail_lst dl dd span.zip{margin-right: 10px;}
#LIST_DETAIL .infomation_v2 .detail_lst dl dd button{font-size:1.1em; width:100%; padding:20px 30px; border-radius:50px; margin-top:30px;}
#LIST_DETAIL .infomation_v2 .detail_lst dl dd button span{display:block; font-weight:normal;}
#LIST_DETAIL .infomation_v2 .detail_lst dl dd button:hover .ico:before{border:5px solid #030a8c;
border-top-color:#FFF; border-right-color:#FFF; box-shadow:-2px 0 0 0 #030a8c, 0 2px 0 0 #030a8c;}

#LIST_DETAIL .infomation_v2 .detail_lst dl dd:nth-child(3){text-indent:-85px; padding-left:85px;}

#LIST_DETAIL .infomation_v2 .mb6{margin-bottom: 6px!important;}

@media screen and (max-width: 540px) {/* 以下SPレイアウト */
	#LIST_DETAIL .infomation_v2 .detail_lst dl dd button{font-size:1.1em; width:90%; padding:20px 30px; border-radius:50px;}
	#LIST_DETAIL .infomation_v2 .detail_lst dl dd span.zip{display:block; width:100%;}
	#LIST_DETAIL .infomation_v2 .detail_lst dl dd:nth-child(3){text-indent:0px; padding-left:0px;}

    #LIST_DETAIL .infomation_v2 .detail_lst h3:nth-child(1){padding:0 20px; width: 200px; font-size: 1.0em;}
    #LIST_DETAIL .infomation_v2 .detail_lst h3:nth-child(1) span:after{width: 150px; left: 10px;}
}

@media screen and (max-width: 320px) {
    #LIST_DETAIL .infomation_v2 .detail_lst h3:nth-child(1){padding:0 4px 0 10px; width: 180px; font-size: 0.9em;}
    #LIST_DETAIL .infomation_v2 .detail_lst h3:nth-child(1) span:after{width: 150px; left: 10px;}
}


#LIST_DETAIL .h1_category{display: flex; align-items: flex-start;}
#LIST_DETAIL .h1_category h1{width: calc(100% - 170px - 10px); margin-right: 10px;}
/*
#LIST_DETAIL .h1_category div.category_lst{width: 170px; display: flex; align-items: flex-start; margin: 0;}
#LIST_DETAIL .h1_category div.category_lst i{width: calc(50% - 10px); margin-right: 10px; padding: 29px 0px; text-align: center; font-size: 1.2em;}*/


#LIST_DETAIL .h1_category h1 + div.tag_cloud{width: 170px; display: flex; flex-wrap:wrap; justify-content: center; margin-bottom: 30px;}
#LIST_DETAIL .h1_category h1 + div.tag_cloud a{width: 100%; display: inline-block; margin: 0 .2em .6em 0; padding: .6em; line-height: 1;
text-decoration: none; color: #00afec; background-color: #fff; border: 2px solid #00afec; border-radius: 2em; font-weight: bold; pointer-events: none; text-align: center;}
#LIST_DETAIL .h1_category h1 + div.tag_cloud a:before{content: "";}


#LIST_DETAIL .h1_category div.category_lst .sub_lst{width: 100%;}
#LIST_DETAIL .h1_category div.category_lst .sub_lst li{width: 100%; font-style: normal; font-size: 1.0em; font-weight: bold; background:#3ba7d3; color:#FFF; border-radius: 2px; margin-bottom: 4px; text-align: center; padding: 10px 0; text-indent: 0;}



@media screen and (max-width: 850px) {
    #LIST_DETAIL .h1_category{flex-wrap: wrap;}
    #LIST_DETAIL .h1_category h1{width: 100%; margin-right: 0px; order: 2;}
    #LIST_DETAIL .h1_category div.category_lst{width: 100%; order: 1; margin-bottom: 20px;}
    /*
    #LIST_DETAIL .h1_category div.category_lst i{width: calc(40% - 10px); margin-right: 10px; padding: 5px 0px; }
    #LIST_DETAIL .h1_category div.category_lst .sub_lst{width: 60%; display: flex;}
    #LIST_DETAIL .h1_category div.category_lst .sub_lst li{width: calc(50% - 5px); margin-left: 5px;}
    */
    #LIST_DETAIL .h1_category h1 + div.tag_cloud{width: 100%; display: flex; flex-wrap:wrap; justify-content: center; margin-bottom: 30px;}
    #LIST_DETAIL .h1_category h1 + div.tag_cloud a{width: 25%; display: inline-block; margin: 0 .2em .6em 0;}
}


/* 企業一覧へ戻る */
#LIST_DETAIL .exhibitor_list-back{width:100%; text-align: center; margin-top: 50px;}
#LIST_DETAIL .exhibitor_list-back a{margin: auto; display: flex; justify-content: center; align-items: center; border: 1px solid #C5C2C2; border-radius: 70px; background: #FFF; width: 70%; height: 60px; padding: 0 10px; box-shadow: 2px 2px 6px rgb(0 0 0 / 30%); transition : all 0.3s; text-decoration: none; color: #333;}
#LIST_DETAIL .exhibitor_list-back a img{width: 18%;}
#LIST_DETAIL .exhibitor_list-back a span{width: auto; font-size: 1.2em; margin-left: 16px;}
#LIST_DETAIL .exhibitor_list-back a:hover{text-decoration:underline; color:#006A85; box-shadow: 2px 2px 6px rgb(0 0 0 / 10%);}


@media screen and (max-width: 912px) {
    #LIST_DETAIL .exhibitor_list-back a{width: 80%;}
    #LIST_DETAIL .exhibitor_list-back a span{width: auto; font-size: 1.0em; margin-left: 10px;}
}
@media screen and (max-width: 540px) {/* 以下SPレイアウト */
    #LIST_DETAIL .exhibitor_list-back a{width: 60%;}
}
@media screen and (max-width: 390px) {
    #LIST_DETAIL .exhibitor_list-back a{width: 90%;}
}


/* 出展社情報  section3 来場者登録　*/
#LIST_DETAIL article section#section_02{padding: 100px 0; text-align: center;}
@media screen and (max-width: 540px) {/* 以下SPレイアウト */
    #LIST_DETAIL article section#section_02{padding: 50px 0;}
}



/* 感染症対策について------------------------------------------------------------------------ */
#COVID article{
    animation: back_fadeIn 5s ease 0s 1 normal;
    -webkit-animation: back_fadeIn 5s ease 0s 1 normal;}
#COVID article section{display: block; max-width: 1000px; margin: auto;}
#COVID article section#section_01{padding: 80px 0; text-align: center;}
#COVID article section#section_01 h1{line-height: 120%; margin-bottom: 80px;}
#COVID article section#section_01 h2{margin-bottom: 0px;}
#COVID article section#section_01 h2+p{margin-bottom: 100px; font-size: 1.2em;}
@media screen and (max-width: 540px) {/* 以下SPレイアウト */
    #COVID article section#section_01{padding: 40px 20px;}
    #COVID article section#section_01 h2+p{margin-bottom: 50px; font-size: 1.2em;}
}

#COVID article section#section_01 ul{width: 100%; display: flex; flex-wrap: wrap; justify-content:space-between;}
#COVID article section#section_01 ul li{width: 24%; margin-bottom: 30px;}
#COVID article section#section_01 ul li img{width: 150px; height: 150px; object-fit: contain;}
#COVID article section#section_01 ul li dl{width: 100%;}
#COVID article section#section_01 ul li dt{display: none;}
#COVID article section#section_01 ul li dd{width: calc(100% - 20px); height: 80px; text-align: center; background: #EFF1F2; padding: 10px;}
#COVID article section#section_01 ul li dd{display: flex; justify-content: center; align-items: center;}

/* 820,768,540,414,412,390,393,375,360,280, */
@media screen and (max-width: 540px) {/* 以下SPレイアウト */
    #COVID article section#section_01 h1{font-size: 2.6em;}
    #COVID article section#section_01 h2{font-size: 2.0em; line-height: 110%; margin-bottom: 10px;}
    #COVID article section#section_01 ul li{width: 48%;}
    #COVID article section#section_01 ul li img{width: 120px; height: 120px; object-fit: contain;}
}
@media screen and (max-width: 414px) {
    #COVID article section#section_01 ul li dd p br{display: none;}
}

/* 感染症対策について 入場に関する注意事項とお願い */
#COVID article section#section_02{padding: 50px 0px; text-align: left;}
#COVID article section#section_02 h2{width: 70%; text-align: center; font-size: 2.0em; position: relative; margin: auto auto 30px;}
#COVID article section#section_02 h2:before{content: ''; position: absolute; top: calc(50% - 1px); left: 0; width: 100%; height: 1px; background: #707070;}
#COVID article section#section_02 h2 span{position: relative; padding: 0 1em; background-color: #fff; display: inline-block; line-height: 110%;}

#COVID article section#section_02 h3{line-height: 110%; color: red;}
#COVID article section#section_02 p{color: red;}
#COVID article section#section_02 .precautions_div_01{width: 80%; background-color: #FFF6C6; padding:20px; margin: auto auto 30px;}
#COVID article section#section_02 .precautions_div_01>ul{margin-left:1.5em; margin-top:1em;}
#COVID article section#section_02 .precautions_div_01>ul>li{list-style: disc; font-weight:bold; margin-bottom:20px;}
#COVID article section#section_02 .precautions_div_02{width: 80%; background: rgba(49,163,16,0.1); padding:20px; word-break: break-all; margin: auto;}

#COVID article section#section_02 .precautions_div_02 ul li{margin-bottom: 30px; text-indent: -1.4em; padding-left: 1.4em;}

/* 820,768,540,414,412,390,393,375,360,280, */
@media screen and (max-width: 540px) {/* 以下SPレイアウト */
    #COVID article section#section_02{padding: 20px 0 50px 0;}
    #COVID article section#section_02 h2{width: 90%;}
    #COVID article section#section_02 h2 span{padding: 0 0.5em;}
    #COVID article section#section_02 h3{font-size: 1.4em; font-weight: bold;}
    
}
@media screen and (max-width: 390px) {
    #COVID article section#section_01 h1{font-size:2.4em;}
}
@media screen and (max-width: 280px) {
    #COVID article section#section_01 h1{font-size:1.8em; margin-bottom: 50px;}
    #COVID article section#section_01 h2,
    #COVID article section#section_02 h2{font-size:1.2em;}
    
    #COVID article section#section_01 ul li dd{font-size:0.9em; height: 100px;}
    #COVID article section#section_02 h3{font-size: 1.0em; font-weight: bold;}
}

/* 感染症対策について 来場登録 */
#COVID article section#section_03{padding: 50px 0 100px 0; text-align: center;}

@media screen and (max-width: 540px) {/* 以下SPレイアウト */
    #COVID article section#section_03{padding: 0 0 50px 0;}
}


/* 対応方針とお客さまへのお願い */
#ABOUT_HOLDING{}
#ABOUT_HOLDING article{
    animation: back_fadeIn 5s ease 0s 1 normal;
    -webkit-animation: back_fadeIn 5s ease 0s 1 normal;}
#ABOUT_HOLDING article{background: #ccc;}
#ABOUT_HOLDING article section{display: block; max-width: 1200px; margin: auto; background: #FFF; padding-bottom: 1px;}
#ABOUT_HOLDING article section#section_01{padding: 80px 0; text-align: center;}
#ABOUT_HOLDING article section#section_01 h1{line-height: 120%; margin-bottom: 80px;}
#ABOUT_HOLDING article section#section_01 p{width: 70%; text-align: left; margin: 0 auto 10px; font-size: 1.0em; }
#ABOUT_HOLDING article section#section_01 h2{margin: 20px auto 10px;}
#ABOUT_HOLDING article section#section_01 ul{width: 70%; margin: auto;}
#ABOUT_HOLDING article section#section_01 ul li{width: 100%; margin-bottom: 10px; text-align: left; text-indent: -1em; padding-left: 1em;}
#ABOUT_HOLDING article section#section_01 ul.sub_lst{width: 70%; margin: auto;}
#ABOUT_HOLDING article section#section_01 ul.sub_lst li{width: 100%; margin: auto auto 20px 20px; text-align: left; text-indent: -1em; padding-left: 1em;}

#ABOUT_HOLDING article section#section_02{text-align: center; padding: 0 0 100px;}
#ABOUT_HOLDING article section#section_02 p{width: 70%; text-align: left; margin: 0 auto 10px; font-size: 1.0em; }
#ABOUT_HOLDING article section#section_02 p+p{text-align: right; margin: 50px auto 30px auto;}

@media screen and (max-width: 540px) {/* 以下SPレイアウト */
    #ABOUT_HOLDING article section#section_01{padding: 40px 20px;}
    #ABOUT_HOLDING article section#section_01 h1+p{margin-bottom: 50px; font-size: 1.2em;}
}


.btn_signin {
  display: inline-block;
  padding: 0.0px;
  border-radius: 0px;
  box-shadow: 2px 2px 6px rgba(0,0,0,0.3);
    
    position      : relative;
    z-index       : 0; 
    overflow      : hidden; 
    transition    : 0.8s; 
    background    : transparent; 
    
}


.btn_signin:hover:before{
    opacity       : 0;
}

.btn_signin a {
  font-size: 1.5em;
  font-weight: bold;
  line-height: 0.9em;
  position: relative;
  display: inline-block;
  padding: 22px 90px 18px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  border-radius: 0px;
    color: #FFF;
    background: #FFF;
     /*add ★*/
    background: #0068b7;
    border:2px solid #0068b7;
}
.btn_signin a small{display: inline-block; font-size: 0.0em; margin-top: 0px; width: 20px; height: 20px; 
background-image: url(ico_out_w.svg);
background-repeat: no-repeat;
background-size: 20px auto;
background-position: center center;
position: relative;
top:-9px; left:9px;
}
.btn_signin:hover a{color: #FFF;}
/*add ★*/
.btn_signin:hover a{color: #0068b7; background: #FFF; border:2px solid #0068b7;}

.btn_signin:hover a small{background-image: url(ico_out_b.svg);}

@media screen and (max-width: 390px) {
    .btn_signin{width: 80%;}
    .btn_signin a {font-size: 1.2em; padding: 16px 0px 10px; width: 100%;}
}


#header header ul li .btn_signin{border-radius: 0px;}
#header header ul li .btn_signin a{border-radius: 0px; padding: 18px 20px 8px; font-weight: normal; font-size: 0.9em;}
#header header ul li .btn_signin a small{display: inline-block; font-size: 0.0em; margin-top: 0px; 
width: 16px; height: 16px; 
background-image: url(ico_out_w.svg);
background-repeat: no-repeat;
background-size: 16px auto;
background-position: center center;
position: relative;
top:-8px; left:6px;
}
#header header ul li .btn_signin:hover a small{background-image: url(ico_out_b.svg);}

/* カテゴリボタン aタグとiタグ */
.all{display: inline-block; background:#FFF!important; color: #333;
border-style: solid; border-color: #ddd #999 #aaa #aaa!important;}
.active .all{background: linear-gradient(0deg, #FFF, #ebebeb)!important;}


.VE{display: inline-block; background:#ccc!important; color: #000;}
.active .VE{background: #ed838a!important; color: #FFF;}

.processing{display: inline-block; background:#ccc!important; color: #000;}
.active .processing{background:#53cec1!important; color: #FFF;}

.automation{display: inline-block; background:#ccc!important; color: #000;}
.active .automation{background:#d9c573!important; color: #FFF;}

.material{display: inline-block; background:#ccc!important; color: #000;}
.active .material{background: #6f88d0!important; color: #FFF;}


.active a{font-weight: bold; text-decoration: underline!important;}
.active a:before{content: "【 ";}
.active a:after{content: " 】";}
.filter-options a:visited {color:#707070!important;}
.filter-options a:hover {color:#707070!important;}

i.processing,
i.surface,
i.material,
i.support{border-color: #ebebeb #ebebeb #ebebeb #ebebeb!important; padding: 2px 0 0; box-shadow: 2px 2px 6px rgba(0,0,0,0.0);}

.detail_lst i.processing,
.detail_lst i.surface,
.detail_lst i.material,
.detail_lst i.support{width: 80px; border-color: #555 #555 #555 #555!important; box-shadow: none!important; font-weight: bold;}

i.material{background: #ff6d4e!important; color: #FFF;}
i.processing{background: #acbe1d!important; color: #FFF;}
i.support{background: #39aab9!important; color: #FFF;}

.detail_lst i.material{width: 120px;}
.detail_lst i.processing{width: 120px;}


/* 外部アイコン */
.ico_blue{position:relative; display:inline-block; width:13px; height:13px;
border:2px solid #2e1888; border-radius:3px; top:2px; left:4px; margin:0 4px;}
.ico_blue:before {content:""; position:absolute; top:-2px; right:-2px; display:block; height:0; width:0; 
border:5px solid #FFF; border-top-color:#2e1888; border-right-color:#2e1888; 
box-shadow:-2px 0 0 0 #FFF, 0 2px 0 0 #FFF;}
.ico_blue:after {content:""; position:absolute; top:1px; right:4px; display:block; height:9px; width:2px; 
background-color:#2e1888; transform:rotate(45deg); -webkit-transform:rotate(45deg);}


a:hover .ico_blue{border:2px solid #FFF;}
a:hover .ico_blue:before{border:5px solid #2e1888;
border-top-color:#FFF; border-right-color:#FFF; /*box-shadow:-2px 0 0 0 #2e1888, 0 2px 0 0 #2e1888;*/}
a:hover .ico_blue:after {background-color:#FFF;}


#COVID .ico_blue{position:relative; display:inline-block; width:13px; height:13px;
border:2px solid #2e1888; border-radius:3px; top:2px; left:4px; margin:0 4px;}
#COVID .ico_blue:before {content:""; position:absolute; top:-2px; right:-2px; display:block; height:0; width:0; border:5px solid #eaf6e7; border-top-color:#2e1888; border-right-color:#2e1888; 
box-shadow:-2px 0 0 0 #eaf6e7, 0 2px 0 0 #eaf6e7;}
#COVID .ico_blue:after {content:""; position:absolute; top:1px; right:4px; display:block; height:9px; width:2px; 
background-color:#2e1888; transform:rotate(45deg); -webkit-transform:rotate(45deg);}


#TOP article section#top_section_07 .ico_blue:before {content:""; position:absolute; top:-2px; right:-2px; display:block; height:0; width:0; 
border:5px solid #fef6ec; border-top-color:#2e1888; border-right-color:#2e1888; 
box-shadow:-2px 0 0 0 #fef6ec, 0 2px 0 0 #fef6ec;}

#TOP article section#top_section_08 ul li .ico_blue:before {border:5px solid #EFF1F2; border-top-color:#2e1888; border-right-color:#2e1888; box-shadow:-2px 0 0 0 #EFF1F2, 0 2px 0 0 #EFF1F2;}




.ico_root{position:relative; display:inline-block; width:13px; height:13px;
border:2px solid #FFF; border-radius:3px; top:2px; left:4px; margin:0 4px;}
.ico_root:before {content:""; position:absolute; top:-2px; right:-2px; display:block; height:0; width:0; 
border:5px solid #3b7fdf; border-top-color:#FFF; border-right-color:#FFF; 
box-shadow:-2px 0 0 0 #3b7fdf, 0 2px 0 0 #3b7fdf;}
.ico_root:after {content:""; position:absolute; top:1px; right:4px; display:block; height:9px; width:2px; 
background-color:#FFF; transform:rotate(45deg); -webkit-transform:rotate(45deg);}

a:hover .ico_root{border:2px solid #FFF;}
a:hover .ico_root:before{border:5px solid #50a4f5;
border-top-color:#FFF; border-right-color:#FFF; box-shadow:-2px 0 0 0 #50a4f5, 0 2px 0 0 #50a4f5;}
a:hover .ico_root:after {background-color:#FFF;}


/*add*/
#TOP article section#top_section_07:before{background: #ecfaff;}
#TOP article section#top_section_07 .top_section_07_back{background: #ecfaff;}
#TOP article section#top_section_07 ul.root_guide_lst li a{background: #3aaaea; border-radius: 10px; width: 96%; height: 60px;}
#TOP article section#top_section_07 ul.root_guide_lst li a:hover{background: #027cc2;}
.ico_root:before {content:""; position:absolute; top:-2px; right:-2px; display:block; height:0; width:0; 
border:5px solid #3aaaea; border-top-color:#FFF; border-right-color:#FFF; 
box-shadow:-2px 0 0 0 #3aaaea, 0 2px 0 0 #3aaaea;}
a:hover .ico_root:before{border:5px solid #027cc2;
border-top-color:#FFF; border-right-color:#FFF; box-shadow:-2px 0 0 0 #027cc2, 0 2px 0 0 #027cc2;}

#TOP article section#top_section_03 h2+ul li:nth-child(1){background: #ed838a;}
#TOP article section#top_section_03 h2+ul li:nth-child(2){background: #d9c573;}
#TOP article section#top_section_03 h2+ul li:nth-child(3){background: #53cec1;}
#TOP article section#top_section_03 h2+ul li:nth-child(4){background: #6f88d0;}


#LIST .category_lst dt{color: #fff; font-weight: bold;}
#LIST .category_lst dt.dt_VE{background: #ed838a;}
#LIST .category_lst dt.dt_automation{background: #d9c573;}
#LIST .category_lst dt.dt_processing{background: #53cec1;}
#LIST .category_lst dt.dt_material{background: #6f88d0;}

#LIST .filter-options a.VE:hover{background: #ed838a!important; color: #fff!important; font-weight: bold!important;}
#LIST .filter-options a.automation:hover{background: #d9c573!important; color: #fff!important; font-weight: bold!important;}
#LIST .filter-options a.processing:hover{background: #53cec1!important; color: #fff!important; font-weight: bold!important;}
#LIST .filter-options a.material:hover{background: #6f88d0!important; color: #fff!important; font-weight: bold!important;}

i.VE{background: #ed838a!important; color: #FFF; font-weight: bold;}
i.automation{background: #d9c573!important; color: #FFF; font-weight: bold;}
i.processing{background: #53cec1!important; color: #FFF; font-weight: bold;}
i.material{background: #6f88d0!important; color: #FFF; font-weight: bold;}



/* 出展社一覧＋ */
.category_lst {
display: flex;
flex-wrap: wrap;
margin: auto;
width: auto;
justify-content: center;
align-items: center;
margin-bottom: 3em;
}
.category_lst > dt {
background: #ff8a15;
color: #fff;
}
.category_lst > dt + dd + dt {
background: #c82e0d;
color: #fff;
}

.category_lst dt {
width: 20%;
padding: 20px 0;
  font-weight: bold;
  font-size: 1.4em;
}
@media screen and (max-width: 880px) {
    .category_lst dt {
        font-size: 1.2em;
    }
}
.category_lst dd {
width: calc(25% - 20px);
padding: 0 10px;
text-align: left;
line-height: 120%;
}

@media screen and (max-width: 750px) {
.category_lst dt {
  width: 30%;
  padding: 10px 0;
  margin-bottom: 1em;
  font-size: 1.0em;
}
.category_lst dd {
  width: calc(50% - 10px);
  padding: 0 0 0 10px;
  text-align: left;
  margin-bottom: 1em;
  font-size: 0.9em;
}
}
@media screen and (max-width: 400px) {
.category_lst dt {
  width: 30%;
  padding: 10px 0;
  margin-bottom: 1em;
}
.category_lst dd {
  width: calc(60% - 10px);
  padding: 0 0 0 10px;
  text-align: left;
  margin-bottom: 1em;
}
}

#LIST h2 {
line-height: 110%;
padding-bottom: 0.5em;
}
#LIST h2 br {
display: none;
}
@media screen and (max-width: 540px) {
#LIST h2 br {
  display: block;
}
}

#LIST #grid dl dd p{margin-bottom: 10px;}
#LIST #grid dl dd i.sub_category{font-style: normal; font-size: 0.8em; font-weight: bold; width: 30%; 
    background:#3ba7d3; color:#FFF; border:0px solid #3ba7d3; border-radius: 2px; padding: 2px 0px; }
#LIST #grid dl dd i.sub_category{display: flex; justify-content: center; align-items: center; min-height: 40px;}

#LIST #grid dl dd i.sub_category .l_str{font-size: 90%;}

/*
@media screen and (max-width: 920px) {
    #LIST #grid dl dd i.sub_category{width: 70%;}
}
 @media screen and (max-width: 740px) {
    #LIST #grid dl dd i.sub_category{width: 80%;}
}

@media screen and (max-width: 540px) {
    #LIST #grid>a dd div i{width: 60%}
    #LIST #grid dl dd i.sub_category{width: 40%;}
}
@media screen and (max-width: 280px) {
    #LIST #grid>a dd div i{width: 80%}
    #LIST #grid dl dd i.sub_category{width: 60%;}
}
*/

/*
#LIST #grid dl dd div.tag_cloud{display: flex; flex-wrap:wrap; justify-content: center; width: 100%; margin-bottom: 30px;}
#LIST #grid dl dd div.tag_cloud a{display: inline-block; margin: 0 .2em .6em 0; padding: .6em; line-height: 1;
text-decoration: none; color: #00afec; background-color: #fff; border: 2px solid #00afec; border-radius: 2em; font-weight: bold; pointer-events: none;}
#LIST #grid dl dd div.tag_cloud a:before{content: "#";}
*/





/* close */
#CLOSE{padding-top: 100px; text-align: center;}
#CLOSE h1{line-height: 110%; color: #3ba7d3;}
#CLOSE h1+p{font-size: 1.6em; color: #3ba7d3;}
@media screen and (max-width: 540px) {
    #CLOSE h1{font-size: 2.2em;}
    #CLOSE h1+p{font-size: 1.2em; margin-bottom: 50px;}
}
@media screen and (max-width: 390px) {
    #CLOSE h1{font-size: 1.8em;}
    #CLOSE h1+p{font-size: 1.0em;}
}


/* PAGE TOP */
#page-top {position: fixed; right: 0px; bottom: 10px; background: rgba(0,0,0,0.5); padding: 2px 10px;
border: 1px solid #fff; border-radius: 4px 0 0 4px; border-right: 0; z-index: 9999; display: none;}
#page-top a{color: #FFF;}


/* セミナー追加css */
#TOP article section#top_section_06 dl dd h5 span{font-weight: bold; font-size: 0.8em; color:#333;}
#TOP article section#top_section_06 dl dt img{width: 150px; height: auto;}

#TOP article section#top_section_06 dl.presen dt h5{margin: 10px auto;}
@media screen and (max-width: 650px) {
    #TOP article section#top_section_06 dl.presen dd h5{text-align: center;}
}

    
#TOP article section#top_section_06 .presen_lst{width: 100%; display: flex; flex-wrap:wrap; justify-content: center; align-items: center;}
#TOP article section#top_section_06 .presen_lst li:nth-child(1){background: #ccc; font-size: 1.2em; font-weight: bold; width: 150px;}
#TOP article section#top_section_06 .presen_lst li:nth-child(2){background: #2a8e1a; font-size: 1.2em; font-weight: bold; width: 150px; color: #FFF;}
#TOP article section#top_section_06 .presen_lst li:nth-child(3){width: 100%; font-size: 1.2em; margin-top: 0.5em;}

/* 来場登録ボタン追加ver */
.btn_signin_area{width: 100%; margin-bottom: 30px;}
.btn_signin_area p{width: 100%; text-align: center; font-size: 1.4em; font-weight: bold; color: #be2d34; }
.btn_signin_area ul{width: 100%; display: flex; flex-wrap: wrap; justify-content: center; margin: 20px auto;}
.btn_signin_area ul li{width: 30%; min-width: 250px; margin: auto 10px 10px;}
.btn_signin_area ul li a{width: 100%; text-align: center; padding: 10px 0; border-radius: 4px; box-shadow: 2px 2px 6px rgba(0,0,0,0.3); line-height: 110%; font-size: 1.2em; font-weight: bold; display: block;}
.btn_signin_area ul li a:hover{text-decoration: none;}

.btn_signin_area ul li a i{position: relative;}
.btn_signin_area ul li a i:after {content: ''; position: absolute; width: 0; height: 0; 
    border: solid 12px transparent; border-left: solid 14px #FFF; top: calc(50% - 24px); left: 30px;}

.btn_signin_area ul li:nth-child(1) a{background: #c0272c; color: #FFF;}
.btn_signin_area ul li:nth-child(1) a:hover{background: #f05156;}
.btn_signin_area ul li:nth-child(2) a{background: #ff7f00; color: #FFF;}
.btn_signin_area ul li:nth-child(2) a:hover{background: #ffa800;}

/* 来場登録ボタン追加ver header調整 */
#header header ul li .btn_signin_area{width: 230px; position: relative; top:10px;}
#header header ul li .btn_signin_area p{display: none;}
#header header ul li .btn_signin_area ul li{width: 30%; min-width: 100px; margin: auto auto auto 4px;}
#header header ul li .btn_signin_area ul li a{width: 100%; text-align: center; padding: 6px 0; border-radius: 4px; box-shadow: 2px 2px 3px rgba(0,0,0,0.2); line-height: 110%; font-size: 0.6em; font-weight: bold; display: block; color: #FFF;}
#header header ul li .btn_signin_area ul li a:hover{text-decoration: none; color: #FFF!important;}

#header header ul li .btn_signin_area ul li a i:after {content: ''; position: absolute; width: 0; height: 0; 
    border: solid 0px transparent; border-left: solid 0px #FFF; top: calc(50% - 24px); left: 30px;}

@media screen and (max-width: 650px) {
    #header header ul li:nth-child(5){border-bottom: 1px solid #aaa;}
    #header header ul li:nth-child(6) {position: relative; border-bottom: 0px; height: 50px;}
    #header header ul li:nth-child(6) .btn_signin_area {width: 100%; position: absolute; top:-50px;}
    #header header ul li:nth-child(6) .btn_signin_area ul{width: 100%; position: static; background: none;}
    #header header ul li:nth-child(6) .btn_signin_area ul li{width: 46%; min-width: 100px; margin: auto; border-bottom: 0;}
    #header header ul li:nth-child(6) .btn_signin_area ul li a{width:calc(100% - 0px); font-size: 1.0em; padding: 8px 0px;}
}
@media screen and (max-width: 450px) {
    #header header ul li:nth-child(6) .btn_signin_area ul li a{font-size: 0.8em;}
}


.flex50{display:flex; }
.flex50 img{width:100%; heght:auto; }

.flex40_60{display:flex; }
.flex40_60 div:nth-child(1){width:40%;}
.flex40_60 div:nth-child(2){width:60%;}
.flex40_60 img{width:100%; heght:auto; }


.flex30_70{display:flex; }
.flex30_70 div:nth-child(1){width:30%;}
.flex30_70 div:nth-child(2){width:70%;}
.flex30_70 img{width:100%; heght:auto; }

img.w_img10{width:10%; heght:auto;}
img.w_img30{width:30%; heght:auto;}
img.w_img50{width:50%; heght:auto;}


.colorbox{}

@media screen and (max-width: 650px) {
    img.w_img10{width:90%; heght:auto;}
    img.w_img30{width:90%; heght:auto;}
    img.w_img50{width:90%; heght:auto;}
    
}