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

* {margin:0;padding:0;}

body {color: #333333; font-size:1em;}
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;}
p{margin: 0 0 1.2em;}
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.0rem; font-weight: 600; margin: auto auto 32px; line-height: 1.5;  text-align: left;}
h3 {font-size:2.0rem; font-weight: 700; margin: auto auto 32px; letter-spacing: 0.02em; text-align: left;}


.small {font-size: 0.7em;}

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

/* Link #006A85 → #c6000b*/
a{user-select: none; text-decoration:none; transition : all 0.5s;}
a:link {color:#707070; text-decoration:none;}
a:visited {color:#c6000b; text-decoration:none;}
a:hover {color:#c6000b; 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: 1200px; 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: 1200px; width:100%; padding: 20px; padding: 0px 0; margin: auto; 
    display: flex; justify-content: flex-end; align-items: center; gap:28px;}
#header header ul li{line-height: 100%; font-size: 0.95rem; text-align: left;} 
#header header ul li a{margin: auto;}
#header header ul li:nth-child(1){margin: auto auto auto 0px;}
#header header ul li:nth-child(1) a{color:#222; display: block; font-weight: 700; line-height: 110%; font-size: 1.1rem; letter-spacing: 0.04em;}
#header header ul li:nth-child(1) a:hover{color:#ec6c00;}
#header header ul li:nth-child(2) a,
#header header ul li:nth-child(3) a,
#header header ul li:nth-child(4) a,
#header header ul li:nth-child(5) a,
#header header ul li:nth-child(6) a{color:#ec6c00;}
#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,
#header header ul li:nth-child(5) a:hover,
#header header ul li:nth-child(6) a:hover{color:#ec6c00;}

#header header ul li:nth-child(1) a br{display: none;}
#header header ul li:nth-child(6){display: flex; justify-content: space-between; align-items: center;}
#header header ul li:nth-child(6) a{width: 120px;}

/* .btn_signin_hold →　.btn_signin_hold */
.btn_signin_hold a,
.btn_signin_none a{display: flex; justify-content: center; align-content: center; align-items: center; flex-wrap: wrap; width: 120px; height: 50px; line-height: 100%; margin: auto 4px; }


.btn_signin_hold{margin: 4px auto;}
.btn_signin_hold a{color: #FFF!important; border: 3px solid rgba(255, 138, 21, 0.9); transition: all 0.3s ease; background: rgba(255, 138, 21, 0.9); border-radius: 2px; font-weight: bold;}
.btn_signin_hold a:hover{background: #ec6c00;}

.btn_signin_none a{color: #FFF!important; border: 3px solid #ffc12c; transition: all 0.3s ease;
background: #ffc12c;}

/* https://webdesignreference.fc2.net/blog-entry-3.html 参考 */
.btn_signin_none a:hover{background: #f8d070; color: #FFF!important;}

.btn_signin_area p{width: 100%; text-align: center; font-size: 1.4em; font-weight: bold; color: #333; }
.btn_signin_area ul{display: flex; justify-content: center; flex-wrap: wrap; margin: 30px auto 20px;}

.btn_signin_area ul li{margin: auto 5px 10px;}

.btn_signin_area ul li .btn_signin_hold a,
.btn_signin_area ul li .btn_signin_none a{display: flex; justify-content: center; align-content: center; align-items: center; flex-wrap: wrap; width: 300px; height: 60px; font-size: 1.2em; font-weight: bold; line-height: 100%; margin: auto 4px;}

.btn_signin_area ul li .btn_signin_hold a small,
.btn_signin_area ul li .btn_signin_none a small{width: 100%;}

.btn_signin_area ul li .btn_signin_hold a:hover,
.btn_signin_area ul li .btn_signin_none a:hover{text-decoration: none;}

.btn_signin_area ul + small{font-weight: bold; font-size: 1em; color: #777;}


#header header br.hd{display: none;}

@media screen and (min-width: 600px) {
    #header header ul li a{position: relative; text-decoration: none; color: #000;}
    #header header ul li a:before {content: ""; position: absolute;  bottom: -10px; left: 0; 
    width: 0%; height: 2px; background-color: #ec6c00; transition: all 0.5s ease 0s;}
    
    #header header ul li:nth-child(2) a:hover:before,
    #header header ul li:nth-child(3) a:hover:before,
    #header header ul li:nth-child(4) a:hover:before,
	#header header ul li:nth-child(5) a:hover:before{width: 100%;}
}

@media screen and (max-width: 1150px) {
    #header header ul{width: calc(100% - 20px); gap:10px;}
	.btn_signin_hold a,
	.btn_signin_none a{width: 80px;}
    #header header ul li:nth-child(6) .btn_signin a{font-size: 1.0em; padding: 8px 10px 2px;}
}
@media screen and (max-width: 1000px) {
	#header header ul li:nth-child(1) a{letter-spacing: 0.01em;}
	#header header ul li:nth-child(1) a br{display: block;}
}

@media screen and (max-width: 920px) {
    #header header ul li{font-size: 1.0em;}
	#header header ul{gap:30px;}
	#header header ul li br.hd{display: block;}
    #header header ul li:nth-child(1) a{margin: 0 10px 0 0px;}
}


@media screen and (max-width: 750px) {
    .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:-750px;}
    #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(1){margin: auto auto auto auto;}
    #header header ul li a{color:#FFF!important;}
	
    #header header ul li:nth-child(1) a{margin: auto;}
    #header header ul li:nth-child(6){border-bottom: 0;}
    #header header ul li:nth-child(6) .btn_signin a{color: #333!important;}
    #header header ul li:nth-child(6) .btn_signin a:hover{color: #FFF!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; 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: 390px) {
    #header header ul li{width: calc(100% - 10%); margin: 0 5%;}
    #header header ul li:nth-child(6) .btn_signin {width: 60%;}
    #header header ul li:nth-child(6) .btn_signin a{font-size: 1.0em; padding: 8px 0px 2px;}
}


/* footer */
#footer {width: 100%; margin:auto; text-align: center;}
#footer footer {width: calc(100% - 0px); }
#footer footer section{margin: 2.0em 0;}
#footer footer .contact-section {
  background: #f0f6fb;
  border-top: 2px solid #b3d1ea;
  border-bottom: 2px solid #b3d1ea;
  padding: 64px 0;
}
#footer footer .contact-box {
  max-width: 720px;
  margin: 0 auto;
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 2px 16px rgba(0,85,170,0.08);
  padding: 40px 32px;
  border: 1px solid #e5e7eb;
}
#footer footer .contact-title {
  display: flex;
  align-items: center;
  font-size: 2rem;
  margin-bottom: 28px;
}
#footer footer .contact-icon {
  font-size: 2.2rem;
  margin-right: 16px;
  color: #0055aa;
}
#footer footer .contact-list {
  margin: 0;
  padding-left: 1.4em;
  list-style: disc outside;
  font-size: 1.08rem;
  color: var(--color-text);
}
#footer footer .contact-list li {
  margin-bottom: 18px;
  line-height: 1.8;
  text-indent: -1.2em;
  padding-left: 1.4em;
	text-align: left;
	list-style: disc;
}
#footer footer .contact-list a {
  color: #0055aa;
  text-decoration: underline;
}
#footer footer .contact-tel-highlight {
  font-weight: bold;
  color: #0055aa;
  font-size: 2.1rem;
  letter-spacing: 0.04em;
  vertical-align: baseline;
  display: inline-block;
  margin-bottom: 0;
  position: relative;
  margin-left: 0.5em;
}
@media screen and (max-width: 750px) {
	#footer footer .contact-box {
		max-width: calc(100% - 40px); margin: auto 20px;
	}
}




/* スクロールフェードイン用の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;
    }
}

/* TOPの背景画像 */
#TOP{text-align: center;}
#TOP article{
    position: relative;
    background: rgba(0,0,0,0.0);
    text-align: center;
    z-index: 0;
    animation: back_fadeIn 3s ease 0s 1 normal;
    -webkit-animation: back_fadeIn 3s ease 0s 1 normal;
    overflow: hidden;
}
#TOP article:before{
    content: "";
    width: 1200px;
    height: 100%;
    position: absolute;
    left: calc(50% - 600px);
    top: 0;
    z-index: -1;
    background-color: rgba(255,255,255,1.5);
}
@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; width: calc(1200px - 0px); max-width: calc(1200px - 0px); margin: auto; padding: 80px 0px; border: 0px solid white;}
@media screen and (max-width: 1200px) {
    #TOP article section{width: calc(100% - 100px); padding: 100px 50px;}
}

@media screen and (max-width: 650px) {
    #TOP article section{width: calc(100% - 40px); padding: 100px 20px;}
}


/* section5　特別講演/技術プレゼン、来場案内 */
#TOP article .bg-light_gray {background: #f8fafc;}

/* #TOP -------------------------------------------------------------------------------------- */
/* section1　キャッチ */
#TOP article section#top_section_01{ 
animation: fadein-bottom 0.8s ease 0s 1 normal; -webkit-animation: fadein-bottom 0.8s ease 0s 1 normal;}
@keyframes fadein-bottom {
   0% {opacity: 0; transform: translateY(20px);}
   100% {opacity: 1; transform: translateY(0);}
}

#TOP article section#top_section_01{position: relative; text-align: center; 
	border-top:50px solid #ec6c00; border-bottom:50px solid #fccf00;}
#TOP article section#top_section_01{background: url("osaka2026top_bk.png");background-repeat: no-repeat; 
/*background-size: auto 122%; */
background-size: 100% 100%; width: 100%; max-width: 100%!important; padding: 0; background-position: top; overflow: hidden;}

#TOP article section#top_section_01 div.flex_area{max-width: 1200px; width: calc(100% - 40px); margin: 20px auto;}
#TOP article section#top_section_01 div.flex_area{display: flex; justify-content: center; align-items: center;}
#TOP article section#top_section_01 div.flex_area img.pc_view{width: 100%; height: auto; margin: 50px auto;}

#TOP article section#top_section_01 div.flex_area .sp_view{display: none;}


#TOP article section#top_section_01 div.flex_area h1,
#TOP article section#top_section_01 div.flex_area p,
#TOP article section#top_section_01 div.flex_area nav{display: none;}


@media screen and (max-width: 1200px) {
	#TOP article section#top_section_01{background-size:auto 100%;}
}

@media screen and (max-width: 650px) {
	#TOP article section#top_section_01 div.flex_area .pc_view{display: none;}
    #TOP article section#top_section_01 div.flex_area .sp_view{display: block; display: flex; flex-wrap: wrap;}
	#TOP article section#top_section_01 div.flex_area .sp_view img {width: 100%; height: auto; margin: 30px auto 30px;}
	#TOP article section#top_section_01 div.flex_area .sp_view img + img {width: 40%; height: auto;}
	#TOP article section#top_section_01 div.flex_area .sp_view img + img + img {width: calc(40% - 0px); height: auto; margin: auto 40px auto 0;}
	#TOP article section#top_section_01 div.flex_area .sp_view img + img + img + img{width: 100%; height: auto; margin: auto;}
}


/* section2　開催概要 */
#TOP article section#top_section_02{padding: 70px 0; text-align: left;}
#TOP article section#top_section_02{position: relative;}
#TOP article section#top_section_02 h2{font-size: 2.0rem; line-height: 1.5; font-weight: 600; margin: auto auto 60px; text-align: center; 
	color: #ec6c00!important;}

#TOP article section#top_section_02 .about-grid { display: grid; gap: 20px; grid-template-columns: 1.2fr 1fr; align-items: center; }

#TOP article section#top_section_02 .event-info { font-size: 1rem; background: #fff; border-radius: 10px; box-shadow: 0 2px 12px rgba(0,85,170,0.07); border: 1.5px solid #e5e7eb; overflow: hidden; max-width: 80%; margin: auto;}
#TOP article section#top_section_02 .event-info div { display: flex; align-items: stretch; border-bottom: 1px solid #e5e7eb; padding: 0; background: #f8fafc; transition: background 0.2s; }
#TOP article section#top_section_02 .event-info div:last-child { border-bottom: none; }
#TOP article section#top_section_02 .event-info dt { min-width: 90px; max-width: 120px; flex: 0 0 120px; /*background: #eaf3fa;*/background: rgba(254, 245, 234, 0.9); color: /*#0055aa*/#ec6c00; font-weight: 700; padding: 10px 18px 10px 20px; border-right: 1.5px solid #e5e7eb; display: flex; justify-content: center; align-items: center; font-size: 1.04em; letter-spacing: 0.01em; }
#TOP article section#top_section_02 .event-info dd { flex: 1 1 0%; margin: 0; padding: 10px 20px; color: #222; display: flex; align-items: center; font-size: 1.01em; background: #fff; }

#TOP article section#top_section_02 .about-grid .about-text p{font-weight: bold; line-height: 2.5em; font-size: 1.4em;}
#TOP article section#top_section_02 .about-grid .about-text p b{font-size: 1.6em;}

#TOP article section#top_section_02 .about-grid .about-text ul{margin: 30px auto 50px;}
#TOP article section#top_section_02 .about-grid .about-text ul li{text-indent: -1em; padding-left: 1em; margin-bottom: 10px; font-size: 1.2rem;}


#TOP article section#top_section_02 h2 br.sp_view{display: none;}

@media (max-width: 750px) {
   #TOP article section#top_section_02 h2{font-size:2.0rem; line-height: 1.2em; }
   #TOP article section#top_section_02 h2 br.sp_view{display: block;}
}

@media (max-width: 650px) {
  #TOP article section#top_section_02 .about-grid .about-text p b{font-size: 1.2em; line-height: 1.0em!important;}
  #TOP article section#top_section_02 .about-grid{grid-template-columns: 1fr; gap: 24px;/* スマホでは1カラム（縦並び）にする */}
	
  #TOP article section#top_section_02 .about-grid .about-text{max-width: 100%;}
	
  #TOP article section#top_section_02 .event-info { max-width: 100%; font-size: 0.97rem; }
  #TOP article section#top_section_02 .event-info dt, #TOP article section#top_section_02 .event-info dd { padding: 12px 8px; font-size: 0.97em; }
  #TOP article section#top_section_02 .event-info dt { min-width: 70px; max-width: 90px; flex-basis: 90px; }
	
  #TOP article section#top_section_02 .about-gri .about-grid {grid-template-columns: 1fr;}
}

/* About Image Grid (Overlapping Large Placeholders) */
#TOP article section#top_section_02 .about-image-grid { position: relative; width: 100%; height: 540px; margin: 0 auto; display: flex; justify-content: space-between; flex-wrap: wrap; align-content: flex-start;/*overflow: hidden;*/}
#TOP article section#top_section_02 .about-image img{width: 48%; height: 160px; object-fit: cover; margin: auto auto 12px;}
#TOP article section#top_section_02 .about-image img:nth-child(n + 5){width: 31%; height: 140px;}

@media (max-width: 1140px) {
	#TOP article section#top_section_02 .about-image-grid {position: relative; width: 400px; height: auto; margin: 0 auto; }
}

@media (max-width: 900px) {  
	#TOP article section#top_section_02 .about-image-grid { width: 100%; max-width: 100%; height: auto; min-width: 0; }
}

@media (max-width: 650px) {
	#TOP article section#top_section_02 .about-image-grid{text-align: center;}
}




/* 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{display: flex; flex-wrap: nowrap; justify-content: center; align-items: center; width: 100%; margin-bottom: 40px;}
#TOP article section#top_section_03 h2+div dl{width: calc(48% - 20px); padding: 30px 10px; margin: 0 10px; display: block;}
#TOP article section#top_section_03 h2+div dl{color: #FFF;}
#TOP article section#top_section_03 h2+div>dl{background: rgba(255,138,21,0.9);}
#TOP article section#top_section_03 h2+div dl+dl{background: #c82e0d;}
#TOP article section#top_section_03 h2+div dl dt{font-size: 2.2em; font-weight: bold; margin-bottom: 6px;}
#TOP article section#top_section_03 h2+div dl dd{font-size: 1.1em; line-height: 100%;}
#TOP article section#top_section_03 h2+div+div{text-align: center; width: 100%; margin: 30px auto;}

/* 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;}
#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 0; width: 50%;  text-decoration: none; font-size: 2em; line-height: 100%;}
@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;}

@media screen and (max-width: 900px) {
    #TOP article section#top_section_03 h2+div dl dd .sp{display: block;}
}
@media screen and (max-width: 700px) {
    #TOP article section#top_section_03 h2+div dl dt{font-size: 2.0em;}
    #TOP article section#top_section_03 h2+div dl dd{font-size: 1.0em;}
}

@media screen and (max-width: 630px) {
    #TOP article section#top_section_03 h2+div{flex-wrap: wrap;}
    #TOP article section#top_section_03 h2+div dl{width: 80%; padding: 10px 0px 20px; margin: 0 0 20px;}
    #TOP article section#top_section_03 h2+div+div{margin: 20px auto;}
}
@media screen and (max-width: 540px) {
    #TOP article section#top_section_03{height: auto; padding: 30px 0 30px 0;}
    #TOP article section#top_section_03 h2{font-size: 2.0em; margin-bottom: 20px; line-height: 110%;}
    #TOP article section#top_section_03 p{font-size: 0.98em;}
    #TOP article section#top_section_03 h2 br{display: none;}
    #TOP article section#top_section_03 h2+div{margin-bottom: 10px;}
    #TOP article section#top_section_03 h2+div dl{position: relative; margin: 0 0 80px; padding: 10px 0 6px;}
    #TOP article section#top_section_03 h2+div dl dt{font-size: 1.8em;}
    #TOP article section#top_section_03 h2+div dl dd{position: absolute; bottom: -50px; width: 100%; color: #000;}
}

@media screen and (max-width: 414px) {
    #TOP article section#top_section_03 h2 br{display: block;}
    #TOP article section#top_section_03 h2+div dl{width: 90%;}
}
@media screen and (max-width: 330px) {
    #TOP article section#top_section_03 h2+div dl dt{font-size: 1.6em;}
    #TOP article section#top_section_03 h2+div dl dd{position: absolute; bottom: -60px;}
    #TOP article section#top_section_03 .hovicon.effect-6 a{width: 70%; font-size: 1.4em;}
}
@media screen and (max-width: 280px) {
    #TOP article section#top_section_03 h2{font-size: 1.8em;}
    #TOP article section#top_section_03 h2+div dl dt{font-size: 1.4em;}
    
}


/* section7　展示の見どころピックアップ */
#TOP article section#top_section_05{text-align: center;}
#TOP article section#top_section_05 h2{width: 100%; font-weight: 600; font-size: 2.0rem; margin: auto auto 32px; line-height: 1.5; text-align: left;}
#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 #FFF; width: calc(100% - 10px); background: #ebebeb;}
#TOP article section#top_section_05 .bx-wrapper img {width: 100%; height: 260px; object-fit:cover;}
#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: #68c4d5; width: 15px; height: 15px; margin: 0 8px; 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: #003f98;}

#TOP article section#top_section_05 .bx-wrapper .bx-pager.bx-default-pager a{background: #ffc12c; 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: #ff952c;}

#TOP article section#top_section_05 .btn_id2026_list{text-align: center;}
#TOP article section#top_section_05 .btn_id2026_list a{display: inline-block; background: #333; color: #FFF; padding: 20px 40px; 
	margin: 30px auto auto; font-weight: bold; font-size: 1.6em; }
#TOP article section#top_section_07 .btn_id2026_list a:hover{background: #003f98;}


@media screen and (max-width: 870px) {
#TOP article section#top_section_05 .bx-caption{position: relative; background: rgba(80, 80, 80, 0.3); text-align: left; height: 130px; overflow: hidden;}
#TOP article section#top_section_05 .bx-wrapper .bx-pager.bx-default-pager a{width: 14px; height: 14px; margin: 2px 6px; border-radius: 20px;}
    
}

@media screen and (max-width: 680px) {
#TOP article section#top_section_05 .bx-caption{position: relative; background: rgba(80, 80, 80, 0.3); text-align: left; height: 150px; overflow: hidden;}
}


/* 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 .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{width: 10px; height: 10px; margin: 0 4px; border-radius: 20px;}
    
    /* ★ */
    #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;}
}


/* カテゴリ */
#TOP article section#top_section_categpry{display: flex; flex-wrap:wrap; justify-content:space-between;}

#TOP article section#top_section_categpry h2{width: 100%;}

#TOP article section#top_section_categpry div{width: 480px; margin: auto auto 20px; padding: 40px 20px;}

#TOP article section#top_section_categpry div dl{margin: auto; color: #FFF;}
#TOP article section#top_section_categpry div dl dt{font-size: 1.8rem; font-weight: bold; margin-bottom: 6px;}
#TOP article section#top_section_categpry div dl dd{font-size: 1.0rem; font-weight: bold; }

#TOP article section#top_section_categpry div:nth-child(2){background: rgba(255, 138, 21, 0.9);}
#TOP article section#top_section_categpry div:nth-child(2) dl dt{color: #FFF;}

#TOP article section#top_section_categpry div:nth-child(3){background: rgb(200, 46, 13);}
#TOP article section#top_section_categpry div:nth-child(3) dl dt{color: #FFF;}




#TOP article section#top_section_seminar{}
#TOP article section#top_section_seminar div.title{position: relative; width: 100%; padding-left: 360px; text-align: left; margin-bottom: 10px;}
#TOP article section#top_section_seminar div.title h2{position: absolute; left: 0; top:-10px;}
#TOP article section#top_section_seminar div.title p{width: calc(100% - 360px); margin-bottom: 2px; font-size: 90%;}

#TOP article section#top_section_seminar h2{width: 100%; font-weight: 600; font-size: 2.0rem; margin: auto auto 32px; line-height: 1.5; text-align: left;}
#TOP article section#top_section_seminar .seminar_lst{width: calc(100% - 60px); margin: 0 auto 30px; background: #fff;
border-radius: 12px; box-shadow: 0 2px 16px rgba(0, 85, 170, 0.08); padding: 40px 30px; border: 1px solid #e5e7eb;}
#TOP article section#top_section_seminar .seminar_lst dl{width: 100%; display: flex; flex-wrap: wrap;}
#TOP article section#top_section_seminar .seminar_lst dl dt{width: 250px;}
#TOP article section#top_section_seminar .seminar_lst dl dd{width: calc(100% - 250px - 40px); padding-left: 40px;}

#TOP article section#top_section_seminar .seminar_lst dl dt p{text-align: center;}
#TOP article section#top_section_seminar .seminar_lst dl dt .type_lecture,
#TOP article section#top_section_seminar .seminar_lst dl dt .type_presen{display: block; font-weight: 600; color: #FFF; font-size: 1.4em; padding: 10px 0;}
#TOP article section#top_section_seminar .seminar_lst dl dt .type_lecture{background: #ff952c;}
#TOP article section#top_section_seminar .seminar_lst dl dt .type_presen{background: #ffc12c;}

#TOP article section#top_section_seminar .seminar_lst dl dt .date{font-size: 1.6em; font-weight: 600; margin-bottom: 50px;}
#TOP article section#top_section_seminar .seminar_lst dl dt .date i{display: block; width: 100%; position: relative; font-size: 0; margin: 10px auto;}
#TOP article section#top_section_seminar .seminar_lst dl dt .date i:after{content: ''; box-sizing: border-box; display: block; width: 10px; height: 10px;
border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 10px solid #222;
position: absolute; left: calc(50% - 5px);}

#TOP article section#top_section_seminar .seminar_lst dl dt .company{font-size: 1.2em; font-weight: 600;}
#TOP article section#top_section_seminar .seminar_lst dl dt .department{font-size: 0.8em; font-weight: normal;}
#TOP article section#top_section_seminar .seminar_lst dl dt .name{font-size: 1.0em; font-weight: 600;}
#TOP article section#top_section_seminar .seminar_lst dl dt .name + img{width: 100%; height: auto;}

#TOP article section#top_section_seminar .seminar_lst dl dd h3{font-size: 1.6em; font-weight: 600;}
#TOP article section#top_section_seminar .seminar_lst dl dd p{text-align: left; margin-bottom: 30px; font-size:1.1em;}
#TOP article section#top_section_seminar .seminar_lst dl dd img{width: 61%; max-height: 600px; /*object-fit: cover;*/ object-fit: contain;}

#TOP article section#top_section_seminar .seminar_lst dl dd .ico_see_guide{text-align: left; color: red; font-weight: bold; margin: auto; width: fit-content; padding-top: 10px;}
#TOP article section#top_section_seminar .seminar_lst dl dd .ico_see{width:78px; height: auto; display: block; margin-bottom: 6px;}
@media (max-width: 750px) {
	
	#TOP article section#top_section_seminar div.title{position: relative; width: 100%; padding-left: 0px; text-align: left; margin-bottom: 10px;}
	#TOP article section#top_section_seminar div.title h2{position: relative; left: 0; top:0px; margin-bottom: 10px;}
	#TOP article section#top_section_seminar div.title p{width: calc(100% - 0px); margin-bottom: 2px; font-size: 90%;}

	
	#TOP article section#top_section_seminar .seminar_lst dl dt{width: 100%;}
	#TOP article section#top_section_seminar .seminar_lst dl dd{width: calc(100% - 0px); padding-left: 0px;}
	#TOP article section#top_section_seminar .seminar_lst dl dt .type_lecture,
	#TOP article section#top_section_seminar .seminar_lst dl dt .type_presen{width: 80%; margin: auto auto 30px;}
	#TOP article section#top_section_seminar .seminar_lst dl dt .date{margin-bottom: 20px;}
	#TOP article section#top_section_seminar .seminar_lst dl dt .date i{display:inline-block; margin: auto 10px; width: 30px;}
	#TOP article section#top_section_seminar .seminar_lst dl dt .date i:after{transform: rotate(-90deg); position: absolute; top:-14px;}
	#TOP article section#top_section_seminar .seminar_lst dl dt .name + img{width: 60%; height: auto;}
	
	#TOP article section#top_section_seminar .seminar_lst dl dd p{font-size:1.0em;}
	#TOP article section#top_section_seminar .seminar_lst dl dd img{width: 100%; height: auto;}

}




/* section5　来場案内 */
#TOP article section#top_section_access{}
#TOP article section#top_section_access .access-flex {
  display: flex;
  gap: 40px;
  align-items: flex-start;
	justify-content:flex-start;
  margin-bottom: 32px;
}

#TOP article section#top_section_access .access-map img{height: 320px; width: auto;}
#TOP article section#top_section_access .access-info {
  /*flex: 1 1 500px;*/
  min-width: 0;
}

#TOP article section#top_section_access .access-info dl{display: flex; flex-wrap: wrap; width: fit-content; gap: 0 50px; }
#TOP article section#top_section_access .access-info dl dt{width: 100%; font-size: 1.2rem;}
#TOP article section#top_section_access .access-info dl dd{font-size: 1.2rem;}


@media (max-width: 750px) {
	#TOP article section#top_section_access .access-info dl dt{width: 100%; font-size: 1.0rem;}
	#TOP article section#top_section_access .access-info dl dd{font-size: 1.0rem;}
}

#TOP article section#top_section_access .access-flex + h3 {text-align: left;}

#TOP article section#top_section_access ul.root {width: 100%; display: flex; justify-content:flex-start; flex-wrap: wrap; margin: auto auto auto;}
#TOP article section#top_section_access ul.root li{width: auto; display: flex; justify-content:center; margin: auto 10px auto;}
#TOP article section#top_section_access ul.root li a{display:block; width: 100%; background-color:#50A4F5; color: #FFF; border: 2px solid #50A4F5; border-radius: 2px;padding: 0.7em 1.0em; font-weight:bold; flex-wrap: wrap; text-align: center; text-decoration: none; font-size: 1.0em; line-height: 140%;}
#TOP article section#top_section_access ul.root li a:hover{background-color:#FFF; color:#50A4F5; text-decoration:none; cursor:pointer; }

#TOP article section#top_section_access ul.root li:first-child a{display:block; width: 100%; background-color:#f39949; border: 2px solid #f39949;}
#TOP article section#top_section_access ul.root li:first-child a:hover{background-color:#FFF; color:#f39949; text-decoration:none; cursor:pointer;}


#TOP article section#top_section_access .visitor_registration a{display: inline-block; background: #ff952c; color: #FFF; padding: 30px 80px; 
	margin: 30px auto auto; font-weight: bold; font-size: 2.0em; text-decoration: none;}
#TOP article section#top_section_access .visitor_registration a:hover{background: #ff8813;}

@media (max-width: 750px) {
	#TOP article section#top_section_access .visitor_registration a{padding: 20px 40px; font-size: 1.6em;}
	#TOP article section#top_section_access ul.root {width: 100%; display: flex; justify-content:center;}
}


.id2026_present{margin: 50px auto 10px;}
@media (max-width: 950px) {
	.id2026_present{margin: 50px auto 10px; width: calc(100% - 40px); height: auto;}
}

@media (max-width: 900px) {
  #TOP article section#top_section_access .access-flex {
    flex-direction: column;
    gap: 20px;
  }
	#TOP article section#top_section_access .access-info {
		flex: 1 1 20px;
	}	
	#TOP article section#top_section_access .access-map{margin: auto;}
}

#TOP article section#top_section_access dl {
  margin: 0 0 24px 0;
  padding: 0;
	text-align: left;
}

#TOP article section#top_section_access dt {
  font-weight: 700;
  color: #000;
  margin-bottom: 4px;
  font-size: 1.2rem;
}

#TOP article section#top_section_access dd {
  margin: 0 0 16px 0;
  font-size: 1rem;
  line-height: 1.7;
}
#TOP article section#top_section_access dd a{margin-left: 10px;}

#TOP article section#top_section_access ul {
  margin: 0 0 24px 1.2em;
  padding: 0;
}

#TOP article section#top_section_access li {margin-bottom: 10px;　font-size: 0.98rem;　line-height: 1.7;text-align: left;list-style: disc inside;　text-indent: -1em;　padding-left: 1em;}
#TOP article section#top_section_access a {color: #0055aa; text-decoration: underline;}
#TOP article section#top_section_access .section-subtitle {font-size: 1.0rem; font-weight: 600; margin: 32px 0 12px 0; letter-spacing: 0.01em;}


@media (max-width: 600px) {
	#TOP article section#top_section_access .access-map img{height: auto; width: auto;}
	#TOP article section#top_section_access ul.root li{width: 80%; margin-bottom: 10px;}
	#TOP article section#top_section_access ul.root li a br{display: none;}
}



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

/* 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: 20px; font-weight: normal; line-height: 120%;}
#TOP article section#top_section_06 h2+p{font-size: 1.4em; margin-bottom: 40px;}
#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 p{width: 150px; margin: auto;
display: flex; justify-content: center; align-items: center; background: #3ba7d3; color: #FFF; margin-bottom: 1px;
font-size: 1.4em; font-weight: bold; }
#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%; text-align: center;}
#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: #be7107; 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 dl.presen dd img{width: calc(20% - 10px); height: auto; object-fit: cover; margin-left: 10px;}


#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 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;}
}
@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: 160%;}
    #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 dl.presen dd img{width: calc(30% - 10px); height: auto; object-fit: cover; margin-left: 10px;}
    
    #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(254,245,234,0.9); width: 300%; display: block;}

#TOP article section#top_section_07{position: relative;}
#TOP article section#top_section_07 .top_section_07_back{background: rgba(254,245,234,0.9); 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:fit-content; display: flex; text-align: center; margin: auto auto 40px;}
#TOP article section#top_section_07 .access dl dt{text-align: center; font-weight: bold; font-size: 1.2em;}
#TOP article section#top_section_07 .access dl dd{text-align: left; font-size: 1.2em;}
#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 ul {width: 100%; display: flex; justify-content: center; flex-wrap: wrap; margin: auto auto 70px;}
#TOP article section#top_section_07 ul li{width: 350px; display: flex; justify-content:center; margin:auto 10px 10px 10px;}
#TOP article section#top_section_07 ul li a{
display: inline-flex; justify-content: center; align-items: center; width: 90%; height: 50px; /*text-align: center; */
background:#3b7fdf; color: #FFF; font-size: 1.2em; /*padding: 20px 10px 14px;*/ 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 li a:hover{background-color:#50A4F5; color:#FFF; text-decoration:none; cursor:pointer; }
#TOP article section#top_section_07 ul li a i{position: relative; top:-1px; left: -6px;}

#TOP article section#top_section_07 .attention{margin-top: 1em;}
#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: 540px) {
    #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 h3{font-size: 1.6em; line-height: 110%;}
}
@media screen and (max-width: 300px) {
    #TOP article section#top_section_07 ul li a{flex-wrap: wrap; line-height: 110%; padding: 6px;}
    #TOP article section#top_section_07 ul li a small{width: 100%;}
}


/* section8　来場にあたって */
#TOP article section#top_section_08{text-align: center; padding: 70px 0 80px 0;}
#TOP article section#top_section_08 h2{width: 100%; margin-bottom: 50px; font-weight: normal;}
#TOP article section#top_section_08 .mark_up{margin: 1em auto; font-weight: bold; }
#TOP article section#top_section_08 .mark_up  span{text-decoration: underline;}
#TOP article section#top_section_08 .btn_signin_area{margin-bottom: 20px;}

@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;}
}

/* section9　来場登録 */
#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 .search{display: flex; gap:6px; justify-content: center;}
#LIST .search #search-text{padding: 10px; width: 400px; border: 1px solid #aaa;}
#LIST .search #searchBtn{appearance: none; border: none; box-shadow: none; cursor: pointer;}
#LIST .search #searchBtn{background: #ec6c00; color: #FFF; border: 1px solid #aaa; width: 90px; height: 37px; display: flex; justify-content: center; align-items: center; font-weight: bold; font-size: 1.0em;}
#LIST .search #searchBtn img{width: 16px; height: auto; margin-right: 6px;}
#LIST .search #searchBtn:hover{background: #ff622c;}


#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 .search #search-text{padding: 10px; width: 70%; border: 1px solid #aaa;}
	#LIST .search #searchBtn{font-size: 0.9em; line-height: 100%;  width: 80px;}
	#LIST .search #searchBtn img{width: 14px; height: auto; margin-right: 6px;}
	
    #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; text-align: center;}

#LIST .filter-options{display: flex; justify-content: space-between; border-bottom: 1px solid #aaa;}
#LIST .filter-options li{width: 33%; }
#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;}




@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;}
}
@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; ;}
}
@media screen and (max-width: 320px) {
   #LIST .filter-options li:first-child{width:calc(100% - 1px); border-bottom: 1px solid #aaa; margin-bottom: 4px;}
   #LIST .filter-options li{width: 48%;}
}


#LIST #grid{display: flex; flex-wrap: wrap; width:100%; margin:auto;
margin-bottom: 30px; margin-top: 30px; justify-content:space-around; gap:9px;}
#LIST #grid>a{width:calc(25% - 18px); margin: 1.0em auto 2.0em auto;}

#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; 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:0px; transform: translate(0, 3px);}
#LIST #grid>a dd{padding:4px 5px; width:calc(100% - 10px); font-size:0.94em; height: 150px; text-align: left;}


#LIST #grid>a dd div{width: 100%; text-align: center; margin-bottom:10px;}
#LIST #grid>a dd div i{display:inline-block; font-style: normal; margin: 10px 2px 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; font-weight: normal; margin-top: 20px;}
#LIST #grid>a dd,
#LIST #grid>a:visited dd{color:#707070;}
#LIST #grid>a:hover dd{color:#c6000b;} 
#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: 200px;}
}
@media screen and (max-width: 820px) {
    #LIST #grid>a dd{font-size:0.94em; height: 200px;}
}

@media screen and (max-width: 730px) {
    #LIST #grid>a dd{font-size:0.94em; height: 240px;}
    #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 article{
	
}

/* 出展社詳細ページ（#LIST_DETAIL）かつ、読み込み中の場合のみbodyを隠す */
html.is-loading body#LIST_DETAIL {
  visibility: hidden;
  opacity: 0;
}

/* 準備完了：一瞬で表示 */
html.is-ready body#LIST_DETAIL {
  visibility: visible;
  opacity: 1;
  transition: none !important;
}

#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: 50px;}


/* 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: 1px 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;}

#LIST_DETAIL .infomation_v2 .detail_lst ul li.ind2{text-indent:-2em; padding-left:2em;}
#LIST_DETAIL .infomation_v2 .detail_lst ul li.ind3{text-indent:-3em; padding-left:3em;}
#LIST_DETAIL .infomation_v2 .detail_lst ul li.ind4{text-indent:-4em; padding-left:4em;}

/* 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 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(n+2){width:48%; margin-bottom:20px;}
#LIST_DETAIL .infomation_v2 .img_lst li:nth-child(n+2) span{display:block; width:100%; height:200px; background-color:#ebebeb; margin-bottom:10px;}
#LIST_DETAIL .infomation_v2 .img_lst li:nth-child(n+2) 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(n+2){width:100%; margin-bottom:20px;}
	#LIST_DETAIL .infomation_v2 .img_lst li:nth-child(n+2) 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 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{/* display:inline-block; width:90px; */ 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:-93px; padding-left:91px;}


@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 .mb6{margin-bottom: 6px!important;}
#LIST_DETAIL .infomation_v2 .mb16{margin-bottom: 16px!important;}

#LIST_DETAIL .infomation_v2 .detail_lst ul.large_lst li{text-indent:-1.2em; padding-left:1.2em;}



.detail_lst i.material,
.detail_lst i.processing{width: 160px; text-align: center;}



#LIST_DETAIL .detail_lst i.sub_category{font-style: normal; font-size: 0.69em; font-weight: normal;
background:#3ba7d3; color:#FFF; border:1px solid #3ba7d3; border-radius: 2px; padding: 2px;}
#LIST_DETAIL .detail_lst .category_lst{display: flex; flex-wrap: wrap; align-items:flex-start; margin-bottom: 10px;}
#LIST_DETAIL .detail_lst .category_lst i{padding: 27px 10px; width: 180px; text-align: center; font-size: 1.2em;}
#LIST_DETAIL .detail_lst .category_lst .sub_lst{margin: 0 auto auto 10px;}
#LIST_DETAIL .detail_lst .category_lst .sub_lst li{font-style: normal; font-size: 1.0em; font-weight: bold; background:#3ba7d3; color:#FFF; border-radius: 2px; margin-bottom: 4px; width: 160px; text-align: center; padding: 10px 0; text-indent: 0;}

@media screen and (max-width: 1100px) {
    #LIST_DETAIL .detail_lst .category_lst i{width: 45%;}
    #LIST_DETAIL .detail_lst .category_lst .sub_lst{width: 45%;}
    #LIST_DETAIL .detail_lst .category_lst .sub_lst li{width: 100%;}
}

@media screen and (max-width: 880px) {
    #LIST_DETAIL .detail_lst .category_lst i{width: 70%;}
    #LIST_DETAIL .detail_lst .category_lst .sub_lst{width: 50%; margin: 10px auto auto 0px;}
    #LIST_DETAIL .detail_lst .category_lst .sub_lst li{width: 100%;}
}
@media screen and (max-width: 540px) {/* sp */
     #LIST_DETAIL .detail_lst .category_lst i{width: calc(60% - 30px);}
    #LIST_DETAIL .detail_lst .category_lst .sub_lst{width: 40%;  margin: 0px auto auto 10px;}
    #LIST_DETAIL .detail_lst .category_lst .sub_lst li{width: 100%;}
}

@media screen and (max-width: 360px) {
     #LIST_DETAIL .detail_lst .category_lst i{width: calc(50% - 30px);}
    #LIST_DETAIL .detail_lst .category_lst .sub_lst{width: 50%;  margin: 0px auto auto 10px;}
    #LIST_DETAIL .detail_lst .category_lst .sub_lst li{width: 100%;}
}
@media screen and (max-width: 350px) {
     #LIST_DETAIL .detail_lst .category_lst i{width: calc(80% - 0px); margin: auto;}
    #LIST_DETAIL .detail_lst .category_lst .sub_lst{width: 60%; margin: 10px auto auto auto;}
    #LIST_DETAIL .detail_lst .category_lst .sub_lst li{width: 100%;}
}



/* 企業一覧へ戻る */
#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:#c6000b; 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;}
}




/* 対応方針とお客さまへのお願い */
#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: 5.0px; border-radius: 40px; 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:before {content: ' '; position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: -1; transition: 0.8s;
background: -webkit-gradient(linear,left top,right top,from(#ffa10d),to(#0000fc));
background: -webkit-linear-gradient(left, #ffa10d, #c6000b);
background: linear-gradient(to right, #ffa10d, #c6000b);}

.btn_signin:after {content : ' '; position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: -2;
background: -webkit-gradient(linear,right top,left top,from(#ffa10d),to(#0000fc));
background: -webkit-linear-gradient(right, #ffa10d, #c6000b);
background: linear-gradient(to left, #ffa10d, #c6000b);}

.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: 16px 90px 10px; 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: 50px; color: #c6000b; background: #FFF;}

.btn_signin a small{display: block; font-size: 0.4em; margin-top: 0px;}
.btn_signin:hover a{color: #000;}

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




.btn_signin_area p{width: 100%; text-align: center; font-size: 1.4em; font-weight: bold; color: #333; }
.btn_signin_area ul{display: flex; justify-content: center; flex-wrap: wrap; margin: 30px auto 20px;}

.btn_signin_area ul li{margin: auto 5px 10px;}



/* カテゴリボタン 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;}

/* 加工・開発支援*/
.processing{display: inline-block; background:#ccc!important; color: #000;}
.active .processing{background:#c82e0d!important; color: #FFF;}

/* 加飾・素材 */
.material{display: inline-block; background:#ccc!important; color: #000;}
.active .material{background: #ff8a15!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.3);}

.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: #ff8a15!important; color: #FFF;}
i.processing{background: #c82e0d!important; color: #FFF;}


/* 外部アイコン */
.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;}
a:hover .ico_blue:after {background-color:#FFF;}


#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;}



/* 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: 10px; bottom: 10px; background: rgba(0,0,0,0.5);
border: 1px solid #fff; border-radius: 50%; border-right: 0; z-index: 9999;}
#page-top a{color: #FFF; font-size: 0; position: relative; display: block; width: 30px; height: 30px; padding: 10px;}
#page-top a:before{content: ""; display: block; 
    position: absolute; top: calc(50% - 24px); left: calc(50% - 12px);
width: 0; height: 0; border: 12px solid transparent; border-bottom: 20px solid rgba(255,255,255,0.9);}

#page-top{transition: all 0.5s ease-in-out; filter: drop-shadow(0 0px 3px rgba(0, 0, 0, .0));}
#page-top:hover{filter: drop-shadow(0 0px 5px rgba(0, 0, 0, .9));}
#page-top:hover a:before{border-bottom: 20px solid rgba(255,255,255,1.0);}




.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 .filter-options a.material:hover {
    background: #ff8a15 !important;
    color: #FFF !important;
    font-weight: bold !important;
  }
  #LIST .filter-options a.processing:hover {
    background: #c82e0d !important;
    color: #fff !important;
    font-weight: bold !important;
  }

    #LIST #grid dl dd p{margin-bottom: 10px; font-weight: bold; width: calc(100% - 20px); margin: 10px auto;}
    #LIST #grid dl dd i.sub_category{font-style: normal; font-size: 0.8em; font-weight: bold; width: 48%;
        background:#3ba7d3; color:#FFF; border:0px solid #3ba7d3; border-radius: 2px; padding: 2px 0;}

    #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: 380px) {
        #LIST #grid dl dd i.sub_category .l_str{font-size: 80%;}
    }
    @media screen and (max-width: 280px) {
        #LIST #grid>a dd div i{width: 80%}
        #LIST #grid dl dd i.sub_category{width: 60%;}
    }




/* 開催概要 ------------------------------------------------------------------------ */
#SUMMERY article{
    animation: back_fadeIn 5s ease 0s 1 normal;
    -webkit-animation: back_fadeIn 5s ease 0s 1 normal;}
#SUMMERY article{background: #ccc;}
#SUMMERY article section{display: block; max-width: 1200px; margin: auto; background: #FFF; text-align: center;}

#SUMMERY article section#section_01{padding: 80px 0;}
#SUMMERY article section#section_01 h1{line-height: 120%; margin-bottom: 80px;}
#SUMMERY article section#section_01 h2{line-height: 120%; margin-bottom: 40px;}
#SUMMERY article section#section_01 p{width: 80%; margin: auto; text-align: left; margin-bottom: 60px;}
#SUMMERY article section#section_01 div{width:80%; margin: auto; background-color:#f7f7f7; padding:50px 20px 20px; text-align:left;}
#SUMMERY article section#section_01 div h3{text-align: center; font-size: 1.4em; font-weight: bold; margin-bottom: 20px;}
#SUMMERY article section#section_01 div>ul{width:100%; margin-bottom:30px; display:flex; flex-wrap:wrap; justify-content: center;}
#SUMMERY article section#section_01 div>ul li{margin-right:20px; font-size:1.2em;}

#SUMMERY article section#section_01 .mark_up{margin: 2em auto; font-weight: bold; text-align: center;}
#SUMMERY article section#section_01 .mark_up span{text-decoration: underline;}


@media screen and (max-width: 540px) {/* 以下SPレイアウト */
    #SUMMERY article section#section_01 h1{font-size: 2.6em;}
    #SUMMERY article section#section_01 h2{font-size: 2.0em; line-height: 110%; margin-bottom: 10px;}
}


#SUMMERY article section#section_02{padding: 40px 0;}
#SUMMERY article section#section_02 h2{line-height: 120%; margin-bottom: 20px;}
#SUMMERY article section#section_02 ul{width: 90%; display: flex; justify-content: center; flex-wrap: wrap; margin: auto auto 60px;}
#SUMMERY article section#section_02 ul li{margin: 0 20px 50px; width: 30%;}
#SUMMERY article section#section_02 ul li:nth-child(3) img{height: 45px; width: auto;}

#SUMMERY article section#section_02 ul li img[src*="logo_ne.jpg"]{height: 38px; width: auto;}
#SUMMERY article section#section_02 ul li img[src*="logo_xtech.svg"]{height: 36px; width: auto;}
#SUMMERY article section#section_02 ul li img[src*="logo_design.jpg"]{margin-top: 15px;}

@media screen and (max-width: 700px){
    #SUMMERY article section#section_02 ul li img{width: 100%; height: auto;}
    #SUMMERY article section#section_02 ul li:nth-child(3) img{width: 100%; height: auto;}
}

@media screen and (max-width: 540px) {/* 以下SPレイアウト */
    #SUMMERY article section#section_02 h2{font-size: 2.0em; line-height: 110%; margin-bottom: 10px;}
    #SUMMERY article section#section_02 ul{width: 100%;}
    #SUMMERY article section#section_02 ul li{width: 100%; margin-bottom: 2em;}
    #SUMMERY article section#section_02 ul li img{width: auto; height: auto;}
    #SUMMERY article section#section_02 ul li:nth-child(3) img{width: auto; height: auto;}
}


#SUMMERY article section#section_03{padding: 40px 0;}
#SUMMERY article section#section_03 h2{line-height: 120%; margin-bottom: 20px;}
#SUMMERY article section#section_03 h2+dl{width: 420px; display: flex; justify-content:flex-start; flex-wrap: wrap; margin: auto; text-align: left; font-weight: bold;}
#SUMMERY article section#section_03 h2+dl dt{width: 80px;}
#SUMMERY article section#section_03 h2+dl dd{width: calc(100% - 80px);}

#SUMMERY article section#section_03 h2+dl dd a{display:inline-block; background:#0055D8; color:#FFF; border-radius:4px; padding:1px 10px; border:2px solid #0055D8; position:relative; top:-4px;}
#SUMMERY article section#section_03 h2+dl dd a:hover{background:#FFF; color: #0055D8; text-decoration:none;}


#SUMMERY article section#section_04{padding: 40px 0;}
#SUMMERY article section#section_04 ul{display: flex; justify-content: center; flex-wrap: wrap;}
#SUMMERY article section#section_04 ul li{width: 20%; text-align: center;}
@media screen and (max-width: 540px) {/* 以下SPレイアウト */
    #SUMMERY article section#section_04 ul li{width: 40%; text-align: center;}
}


#SUMMERY article section#section_05{padding: 40px 0;}

@media screen and (max-width: 450px) {
    #SUMMERY article section#section_01 h1{font-size: 2.6em;}
    #SUMMERY article section#section_01 h2{font-size: 2.0em; line-height: 110%; margin-bottom: 10px;}

    #SUMMERY article section#section_02 h2{font-size: 2.0em; line-height: 110%; margin-bottom: 10px;}
    #SUMMERY article section#section_02 ul li{width: 100%; margin-bottom: 1em;}
	#SUMMERY article section#section_02 ul li:nth-child(3) img{width: 80%; height: auto;}	
    
    #SUMMERY article section#section_03 h2+dl{width: 80%; display: flex; justify-content:flex-start; flex-wrap: wrap; margin: auto; text-align: left; font-weight: bold; }
	#SUMMERY article section#section_03 h2+dl dd ul{position: relative; left: -70px; width: calc(100% + 70px);}

    #SUMMERY article section#section_04 ul li{width: 40%; text-align: center;}

}

/* 画像POPUP中央表示 */
.cboxIframe{text-align: center;}
.cboxIframe img{margin: auto!important;}


#top_section_06_add img{width: 100%; height: auto;}