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

* {margin:0;padding:0;}

body {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;}
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.4em; 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;}
.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:#003f98; text-decoration:none;}
a:hover {color:#003f98; 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:#0055aa;}
#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:#0055aa;}
#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:#0055aa;}

/*
#header header ul li:nth-child(6) .btn_signin a{font-size: 1.0em; padding: 8px 30px 2px;}
#header header ul li:nth-child(6) .btn_signin a:hover{color: #FFF;}
*/

#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 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 #0055aa; transition: all 0.3s ease; background: #0055aa; border-radius: 2px; font-weight: bold;}
.btn_signin_hold a:hover{background: #004385;}

.btn_signin_none a{color: #FFF!important; border: 3px solid #33ace2; transition: all 0.3s ease;
/*background-image: linear-gradient(0deg, rgba(37, 93, 218, 1), rgba(107, 200, 242, 1));*/
background: rgba(51, 172, 226, 1);}
/* https://webdesignreference.fc2.net/blog-entry-3.html 参考 */
.btn_signin_none a:hover{background: /*rgba(51, 172, 226, 0.7)*/ #9aeaff; color: #222!important;
/* background-image: linear-gradient(0deg, rgba(107, 200, 242, 1), rgba(37, 93, 218, 1));*/}

.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: #0055aa; transition: all 0.5s ease 0s;}
    /*#header header ul li:not(:first-child) a:hover:before{width: 100%;}*/
    
    #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%;}
	/*
    #header header ul li:nth-child(6) 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 {max-width: 1200px; width: calc(100% - 20px); margin: 0 auto 50px; padding: 50px 0 0; 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;}
}
*/
#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.5s 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{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レイアウト */
  
}

/* section5　特別講演/技術プレゼン、来場案内 */
#TOP article .bg-light_gray {background: #f8fafc;}
/*
#TOP article .bg-light_gray::before { content: ""; position: absolute; inset: 0; z-index: 0; background-image: url("section_back.png"); background-repeat: no-repeat; background-position: center center; background-size: cover; opacity: 0.1; pointer-events: none; }
#TOP article .bg-light_gray::after { content: ""; position: absolute; inset: 0; z-index: 1; background: rgba(0,85,170,0.5); pointer-events: none; opacity: 0.3; }
*/


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

/*
#TOP article section#top_section_04,
#TOP article section#top_section_06,
#TOP article section#top_section_08,
#TOP article section#top_section_10{background: #ebebeb;}
*/

#TOP article{background:#FFF;}
/* section　背景色 */
.bkgray{background: #ebebeb; position: relative;}
.bkgray:before{content: ""; display: block; width: 300%; height: 100%; background: #ebebeb/*rgba(0,0,0,0.03)*/; 
position: absolute; left: -300%; top:0;}
.bkgray:after{content: ""; display: block; width: 300%; height: 100%; background: #ebebeb/*rgba(0,0,0,0.03)*/; 
position: absolute; right: -300%; top:0;}


/* #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;}
#TOP article section#top_section_01{background: url("id2026top_bk.webp");background-repeat: no-repeat; 
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; flex-wrap: wrap;}

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

#TOP article section#top_section_01 div.flex_area .logo_area{width: 100%; justify-content: center; display: flex; margin: 50px auto auto; grid-gap: 20px}
#TOP article section#top_section_01 div.flex_area .logo_area li{position: relative;} 
#TOP article section#top_section_01 div.flex_area .logo_area li:before{content: ""; display: block; width: 100%; height: 100%; padding: 15px 10px; background: #000; position: absolute; top:-15px; left: -10px;}

#TOP article section#top_section_01 div.flex_area .logo_area li img{height: 35px; width: auto; position: relative;}
#TOP article section#top_section_01 div.flex_area .logo_area li:nth-child(2){margin-right: 30px;}

#TOP article section#top_section_01 div.flex_area h1{width: 50%; font-size: 0;}
#TOP article section#top_section_01 div.flex_area h1 img{width: calc(100% - 20px); height: auto; margin: 30px 10px 50px;}

#TOP article section#top_section_01 div.flex_area h1 + div{width: 50%; font-size: 0;}
#TOP article section#top_section_01 div.flex_area h1 + div img{width: calc(100% - 20px); height: auto; margin: 30px 10px 50px;}

@media screen and (max-width: 1000px) {
	#TOP article section#top_section_01 div.flex_area .logo_area li img{height: 30px; width: auto;}
    #TOP article section#top_section_01 div.flex_area h1 img{width: calc(100% - 40px); height: auto; margin: 50px 20px;}
    #TOP article section#top_section_01 div.flex_area h1 + div img{width: calc(100% - 40px); height: auto; margin: 50px 20px;}
}

@media screen and (max-width: 800px) {
	#TOP article section#top_section_01 div.flex_area .logo_area li img{height: 25px; width: auto;}
}

@media screen and (max-width: 650px) {
	#TOP article section#top_section_01 div.flex_area .logo_area{flex-wrap: wrap; margin: 20px auto auto;}	
	#TOP article section#top_section_01 div.flex_area .logo_area li{width: auto; margin: auto 50%!important;}
	#TOP article section#top_section_01 div.flex_area .logo_area li:nth-child(2){margin-bottom: 10px!important;}
	
	
    #TOP article section#top_section_01{background: url("id2026top_bk.webp"); background-position: top; overflow: hidden;}
    #TOP article section#top_section_01 div.flex_area .sp_view{display: block;}
	#TOP article section#top_section_01 div.flex_area .logo_area li img{height: 30px; width: auto;}

    #TOP article section#top_section_01 div.flex_area{flex-wrap: wrap; margin: auto 20px;}
    #TOP article section#top_section_01 div.flex_area h1{width: 90%;}
    #TOP article section#top_section_01 div.flex_area h1 + div{width: 90%;}
    #TOP article section#top_section_01 div.flex_area h1 + div img{width: calc(100% - 40px); height: auto; margin: 0px 20px 50px;}
}



/* #TOP -------------------------------------------------------------------------------------- */
/* 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: #0055aa!important;}




#TOP article section#top_section_02 .about-grid { display: grid; gap: /*48px*/ 20px; grid-template-columns: /*1.2fr 1fr*/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: 60%; 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; color: #0055aa; 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;}


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

/*
#TOP article section#top_section_02 .about-image img { width: 80%; height: auto; border-radius: 4px; box-shadow: 0 2px 12px rgba(0, 0, 0, 0.2);}
#TOP article section#top_section_02 .about-image img:nth-child(1){z-index: 1; transform:rotate(-3deg); position: relative; top:-90px; left: 130px;}
#TOP article section#top_section_02 .about-image img:nth-child(2){z-index: 2; transform:rotate(8deg); position: absolute; top:100px; left: -20px;}
#TOP article section#top_section_02 .about-image img:nth-child(3){z-index: 1; transform:rotate(-10deg); position: relative; top:35px; left: 90px;}
*/


@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; }
	/*
	#TOP article section#top_section_02 .about-image img:nth-child(1){z-index: 1; transform:rotate(-3deg); position: relative; top:-90px; left: 40px;}
	#TOP article section#top_section_02 .about-image img:nth-child(2){z-index: 2; transform:rotate(8deg); position: absolute; top:70px; left: -20px;}
	#TOP article section#top_section_02 .about-image img:nth-child(3){z-index: 1; transform:rotate(-10deg); position: relative; top:35px; left: 20px;}
	*/
}

@media (max-width: 650px) {
	#TOP article section#top_section_02 .about-image-grid{text-align: center;}
	/*
	#TOP article section#top_section_02 .about-image img:nth-child(1){z-index: 1; transform:rotate(0deg); position: relative; top:0px; left: 0px;}
	#TOP article section#top_section_02 .about-image img:nth-child(2){z-index: 2; transform:rotate(0deg); position: relative; top:0px; left: 0px;}
	#TOP article section#top_section_02 .about-image img:nth-child(3){z-index: 1; transform:rotate(0deg); position: relative; top:0px; left: 0px;}
	*/

}


/* #TOP -------------------------------------------------------------------------------------- */
/* section3　本展示相談会の見どころ */
#TOP article section#top_section_03{}

#TOP article .bg-light {position: relative; background: none;}
#TOP article .bg-light::before { content: ""; position: absolute; inset: 0; z-index: 0; 
	/*background-image: url("section_back.png");*/ background-repeat: no-repeat; background-position: center center; background-size: cover; opacity: 0.1; pointer-events: none; }
#TOP article .bg-light::after { content: ""; position: absolute; inset: 0; z-index: 1; background: rgba(0,85,170,0.5); pointer-events: none; opacity: 0.3; }
#TOP article .bg-light > * { position: relative; z-index: 2; }

@media (max-width: 900px) {
  #TOP article .bg-light::after { opacity: 0.15; }
}



#TOP article section#top_section_03 .feature-grid { display: grid; gap: 32px; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); }
.feature-card { background: #fff; border: 1px solid var(--color-border); box-shadow: rgba(0, 0, 0, 0.45) 0px 20px 20px -20px; }
.feature-card img { width: 100%; display: block; }
.feature-card h4 { font-size: 1.4rem; margin: 20px 20px 12px; }
.feature-card p { font-size: 0.95rem; margin: 0 20px 24px; color: var(--color-muted); text-align: left;}


/* カテゴリ */
#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: 240px; margin: auto auto 20px; padding: 40px 20px;}


#TOP article section#top_section_categpry div dl{margin: auto;}
#TOP article section#top_section_categpry div dl dt{font-size: 1.4rem; 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, 162, 162, 0.5);}
#TOP article section#top_section_categpry div:nth-child(2) dl dt{color: #e60c11;}

#TOP article section#top_section_categpry div:nth-child(3){background: rgba(239, 219, 131, 0.5);}
#TOP article section#top_section_categpry div:nth-child(3) dl dt{color: #eb6100;}

#TOP article section#top_section_categpry div:nth-child(4){background: rgba(117, 171, 217, 0.5);}
#TOP article section#top_section_categpry div:nth-child(4) dl dt{color: #0077c4;}

#TOP article section#top_section_categpry div:nth-child(5){background: rgba(158, 218, 163, 0.5);}
#TOP article section#top_section_categpry div:nth-child(5) dl dt{color: #00a140;}



/*

<section id="top_section_seminar">
		<div class="title">
			<h2>特別講演/技術プレゼン</h2>
			<p>主催者による特別講演と、出展社による技術プレゼンテーションを会場内セミナーエリアで行います。</p>
			<p>※特別講演は当日朝に会場で先着順にて受講整理券を配布します。</p>
		</div>
*/


/* 特別講演/技術プレゼン */
#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: #00469d;}
#TOP article section#top_section_seminar .seminar_lst dl dt .type_presen{background: #009fc9;}

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

}

/* section4　来場対象者 */
#TOP article section#top_section_04{/*height: auto; padding: 60px 0 20px 0;*/ text-align: center;
display: flex; flex-wrap: wrap ; justify-content:space-between;}
#TOP article section#top_section_04 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_04 .target-flex { display: flex; width: 100%; gap: 36px; align-items: center; }

#TOP article section#top_section_04 .target-flex .arget-list_area{min-width: 0; max-width: 500px; flex: 1 1 320px; }

#TOP article section#top_section_04 .target-list {width: 100%; margin: 0 auto; padding-left: 1.2em; }
#TOP article section#top_section_04 .target-list li { margin-bottom: 12px; font-size: 1.2rem; text-align: left; list-style: disc; }

#TOP article section#top_section_04 .target-image { flex: 0 0 180px; display: flex; align-items: center; justify-content: center; }
#TOP article section#top_section_04 .target-image img { width: 400px; height: auto; }
#TOP article section#top_section_04 .notice { font-size: 0.8rem; color: #222; background: #fff4e5; border: 1.5px solid #ffb300; border-radius: 8px; margin: 32px auto 0 0; padding: 18px 28px; line-height: 1.7; max-width: 700px; font-weight: 700; position: relative; text-align: left; text-indent: -1em; padding-left: 3em;}
#TOP article section#top_section_04 .notice::before { content: "※"; display: inline-block; margin-right: 0.4em; font-size: 1.2em; color: #b10000; font-weight: bold; vertical-align: baseline; }

@media (max-width: 900px) {
  #TOP article section#top_section_04 .target-flex { flex-direction: column; gap: 18px; }
  #TOP article section#top_section_04 .target-list { flex: 1 1 20px;}
  #TOP article section#top_section_04 .target-image { width: 100%; justify-content: flex-start; }
  #TOP article section#top_section_04 .target-image img { width: 80%; height: auto; margin: auto; }
}
@media (max-width: 400px) {
  #TOP article section#top_section_04 .target-image img { width: 100%; height: auto; margin: auto; }
}



/* section5　来場案内 */

#TOP article section#top_section_05{}
#TOP article section#top_section_05 .access-flex {
  display: flex;
  gap: 40px;
  align-items: flex-start;
	justify-content:flex-start;
  margin-bottom: 32px;
}

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


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

#TOP article section#top_section_05 ul.root {width: 100%; display: flex; justify-content: center; flex-wrap: wrap; margin: auto auto auto;}
#TOP article section#top_section_05 ul.root li{width: auto; display: flex; justify-content:center; margin: auto 10px auto;}
#TOP article section#top_section_05 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_05 ul.root li a:hover{background-color:#FFF; color:#50A4F5; text-decoration:none; cursor:pointer; }
#TOP article section#top_section_05 ul.root li .ico_blue{background: url("ico_pop_white.svg");}
#TOP article section#top_section_05 ul.root li a:hover .ico_blue{background: url("ico_pop_blue.svg");}

#TOP article section#top_section_05 ul.root li:first-child a{display:block; width: 100%; background-color:#f39949; border: 2px solid #f39949;}
#TOP article section#top_section_05 ul.root li:first-child a:hover{background-color:#FFF; color:#f39949; text-decoration:none; cursor:pointer;}
#TOP article section#top_section_05 ul.root li .ico_orange{background: url("ico_pop_white.svg");}
#TOP article section#top_section_05 ul.root li a:hover .ico_orange{background: url("ico_pop_orange.svg");}


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

@media (max-width: 750px) {
	#TOP article section#top_section_05 .visitor_registration a{padding: 20px 40px; font-size: 1.6em;}
}


.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_05 .access-flex {
    flex-direction: column;
    gap: 20px;
  }
	#TOP article section#top_section_05 .access-info {
		flex: 1 1 20px;
	}	
	#TOP article section#top_section_05 .access-map{margin: auto;}
}

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

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

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

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

#TOP article section#top_section_05 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_05 a {color: #0055aa; text-decoration: underline;}
#TOP article section#top_section_05 .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_05 .access-map img{height: auto; width: auto;}
	#TOP article section#top_section_05 ul.root li{width: 80%; margin-bottom: 10px;}
	#TOP article section#top_section_05 ul.root li a br{display: none;}
}



/* section6　セミナー */
#TOP article section#top_section_06{}
#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: 80px;}

#TOP article section#top_section_06 dl{width: 80%; display: flex; flex-wrap: wrap; margin: auto auto 70px;}
#TOP article section#top_section_06 dl dt{width: 150px; padding-right: 20px;}

#TOP article section#top_section_06 dl dd{width: calc(100% - 170px); text-align: left;}

#TOP article section#top_section_06 dl dt p{background: #003f98; color: #FFF; font-size: 1.2em; font-weight: bold; padding: 10px 0;}
#TOP article section#top_section_06 dl dt p+p{display: block; background: #0085cc; font-size:1.1em; padding: 6px 0;}
#TOP article section#top_section_06 dl dt p+p i{position: relative; display: inline-block; font-size:0.9em; width:20px; top:-2px; left: 3px;}
#TOP article section#top_section_06 dl dt p+p i:before{content: ""; display: block; 
position: absolute; top:-10px; left: 5px; width: 0; height: 0;
border: 6px solid transparent;
border-left: 8px solid #FFF;}
#TOP article section#top_section_06 dl dt img{margin-top: 4px;}

#TOP article section#top_section_06 dl dt .copy{text-align: right; font-size: 0.7em; display: block; margin: auto 0 auto auto;}

#TOP article section#top_section_06 dl dd{display: flex; flex-wrap: wrap; /*align-content: space-between;*/}
#TOP article section#top_section_06 dl dd h3,
#TOP article section#top_section_06 dl dd p,
#TOP article section#top_section_06 dl dd ul{width: 100%;}

#TOP article section#top_section_06 dl dd h3{font-size: 1.8em; color: #003f98; text-align: left; font-weight: bold; border-bottom: 2px solid #003f98; height: 82px; display: flex; flex-wrap: wrap; align-content: flex-end; line-height: 100%; padding-left: 8px; text-indent:8px;}
#TOP article section#top_section_06 dl dd h3 small{display: block; font-size: 0.6em; width: 100%;}
#TOP article section#top_section_06 dl dd h3 small img{width: 22px; height: auto; position: relative; top:6px; margin-right: 6px;}


#TOP article section#top_section_06 dl dd h5{font-size: 1.4em; line-height: 140%;}
#TOP article section#top_section_06 dl dd h5 span{font-size: 0.8em; }

#TOP article section#top_section_06 dl dd h5 b{font-size: 1.6em;}
@media screen and (max-width: 600px) {
    #TOP article section#top_section_06 dl dd h5{font-size: 1.0em; height: auto;}
}


#TOP article section#top_section_06 dl dd p{text-align: left;}
#TOP article section#top_section_06 dl dd ul{display: flex; flex-wrap: wrap; justify-content: flex-end; align-items: flex-end;}
#TOP article section#top_section_06 dl dd ul li:nth-child(1){width: fit-content; text-align: left; margin-right: 1em;}
#TOP article section#top_section_06 dl dd ul li:nth-child(2){width: fit-content; text-align: right; font-size: 1.4em; font-weight: bold;}

/*#TOP article section#top_section_06 dl dd.img_area{text-align: center; margin-left: 170px; margin-top: 30px;}*/
#TOP article section#top_section_06 dl dd.img_area{width: 100%; text-align: center; margin-top: 30px;}

#TOP article section#top_section_06 dl dd.img_area img{margin: auto; width: 600px; height: auto;}

#TOP article section#top_section_06 hr{margin: 80px auto 50px ;}

@media screen and (max-width: 600px) {
    #TOP article section#top_section_06 dl dd.img_area{width: 100%; text-align: center; margin-left: 0px; margin-top: 30px;}
    #TOP article section#top_section_06 dl dd.img_area img{margin: auto; width: 80%; height: auto;}
}

#TOP article section#top_section_06 dl.type_2{width: 80%; display: flex; flex-wrap: wrap; margin: auto auto 70px;}
#TOP article section#top_section_06 dl.type_2 dt{width: 100%; display: flex; flex-wrap: wrap; margin-bottom: 10px;}
#TOP article section#top_section_06 dl.type_2 dt div{width: 150px; margin-right: 20px; margin-bottom: 10px;}
#TOP article section#top_section_06 dl.type_2 dt h3{width: calc(100% - 170px - 16px); padding-left: 16px;}
#TOP article section#top_section_06 dl.type_2 dt h3{font-size: 1.8em; color: #003f98; text-align: left; font-weight: bold; border-bottom: 2px solid #003f98; height: 82px; display: flex; flex-wrap: wrap; align-content: flex-end;}
#TOP article section#top_section_06 dl.type_2 dt h3 small{display: block; font-size: 0.6em; width: 100%;}
#TOP article section#top_section_06 dl.type_2 dt h3 small img{width: 22px; height: auto; position: relative; top:6px; margin-right: 6px;}

#TOP article section#top_section_06 dl.type_2 dd{width: 100%; display: flex; flex-wrap: wrap; align-items: flex-start;}
#TOP article section#top_section_06 dl.type_2 dd img{width: 300px; height: auto; margin-right: 20px;}
#TOP article section#top_section_06 dl.type_2 dd p{width: calc(100% - 320px);}
#TOP article section#top_section_06 dl.type_2 dd div{width: calc(45% - 0px); display: flex; flex-wrap: wrap; align-items: flex-end; margin-top: 20px;}
#TOP article section#top_section_06 dl.type_2 dd div+div{width: calc(55% - 0px);}
#TOP article section#top_section_06 dl.type_2 dd div img{width: 120px; height: 154px; margin-right: 10px;}
#TOP article section#top_section_06 dl.type_2 dd div p{width: calc(100% - 130px); font-size: 0.84em;}
#TOP article section#top_section_06 dl.type_2 dd div p b{font-size: 1.6em;}



@media screen and (min-width: 600px) {
    /*
    #TOP article section#top_section_06 dl dd{position: relative;}
    #TOP article section#top_section_06 dl dd ul{position: absolute; bottom:0; right: 0;}
    */
}

@media screen and (max-width: 820px) {
    #TOP article section#top_section_06 dl{width: 100%;}
    #TOP article section#top_section_06 dl.type_2{width: 100%;}
}
@media screen and (max-width: 600px) {
    
    #TOP article section#top_section_06 dl dt{width: 150px; padding-right: 0px; margin: auto;}
    #TOP article section#top_section_06 dl dd{width: calc(100% - 0px); text-align: left;}
    
    #TOP article section#top_section_06 dl.type_2 dt{margin-bottom: 10px;}
    #TOP article section#top_section_06 dl.type_2 dt div{width: 150px; margin: auto auto 10px;}
    #TOP article section#top_section_06 dl.type_2 dt h3{width: calc(100% - 0px);}
    
    #TOP article section#top_section_06 dl.type_2 dd img{width: 100%; height: auto; margin-bottom: 10px;}
    #TOP article section#top_section_06 dl.type_2 dd p{width: 100%;}
    #TOP article section#top_section_06 dl.type_2 dd div{width: 100%;}
    #TOP article section#top_section_06 dl.type_2 dd div+div{width: 100%;}
    
    #TOP article section#top_section_06 dl dd h3{padding-left: 0; font-size: 1.6em; padding-top: 20px;}
    #TOP article section#top_section_06 dl.type_2 dt h3{padding-left: 0;}
}
    
@media screen and (max-width: 480px) {
    #TOP article section#top_section_06 dl.type_2 dd div p{font-size: 0.70em;}
}
    
#TOP article section#top_section_06 dl.type_3{width: 80%; display: flex; flex-wrap: wrap; margin: 50px auto 70px;}
#TOP article section#top_section_06 dl.type_3 dt{width: 100%; display: flex; flex-wrap: wrap; align-items: flex-end; margin-bottom: 20px; padding-right: 0;}
                    
#TOP article section#top_section_06 dl.type_3 dt div{width: 150px; margin-right: 20px;}
#TOP article section#top_section_06 dl.type_3 dt h3{width: calc(100% - 170px - 16px); line-height: 120%; padding-left: 8px; text-indent: 8px;}
#TOP article section#top_section_06 dl.type_3 dt h3{font-size: 1.8em; color: #003f98; text-align: left; font-weight: bold; border-bottom: 2px solid #003f98; height: 82px; display: flex; flex-wrap: wrap; align-content: flex-end;}
#TOP article section#top_section_06 dl.type_3 dt h3 small{display: block; font-size: 0.6em; width: 100%;}
#TOP article section#top_section_06 dl.type_3 dt h3 small img{width: 22px; height: auto; position: relative; top:6px; margin-right: 6px;}
#TOP article section#top_section_06 dl.type_3 dt p{padding: 12px 0!important;}

#TOP article section#top_section_06 dl.type_3 dd{width: 100%; display: flex; flex-wrap: wrap; align-items: flex-start;}
                    
#TOP article section#top_section_06 dl.type_3 dd{display: flex;}
#TOP article section#top_section_06 dl.type_3 dd div.img_area{width: 300px; display: flex; flex-wrap: wrap;}
#TOP article section#top_section_06 dl.type_3 dd div.img_area img{width: 100%!important; height: auto!important; margin: 0 0 0px 0!important;}
#TOP article section#top_section_06 dl.type_3 dd div.img_area p{width:100%!important;}

#TOP article section#top_section_06 dl.type_3 dd div.txt_area{width: calc(100% - 320px)!important; padding-left: 20px;}
#TOP article section#top_section_06 dl.type_3 dd div.txt_area p{margin-bottom: 10px;}
#TOP article section#top_section_06 dl.type_3 dd div.txt_area p+p{font-size: 0.9em;}
#TOP article section#top_section_06 dl.type_3 dd div.speaker_area{width: 100%; display: flex; align-items: flex-end;}
#TOP article section#top_section_06 dl.type_3 dd div.speaker_area img{width: 120px; height: auto;}
#TOP article section#top_section_06 dl.type_3 dd div.speaker_area p{padding-left: 10px; margin-bottom: 0;}
#TOP article section#top_section_06 dl.type_3 dd div.speaker_area p b{font-size: 1.6em;}


#TOP article section#top_section_06 dl.type_3 dd{position: relative;}
#TOP article section#top_section_06 dl.type_3 dd div.speaker_area{position: absolute; bottom: 0;}

#TOP article section#top_section_06 dl.type_3 dd div.txt_area p+p,
#TOP article section#top_section_06 dl.type_3 dd div.speaker_area img{margin-left: 30px;}          
@media screen and (max-width: 960px) {
    #TOP article section#top_section_06 dl.type_3 dd div.txt_area p+p,
    #TOP article section#top_section_06 dl.type_3 dd div.speaker_area img{margin-left: 0px;}  
}
                    
                    
@media screen and (max-width: 860px) {
    #TOP article section#top_section_06 dl.type_3 dt h3{font-size: 1.6em;}
}
@media screen and (max-width: 820px) {
    #TOP article section#top_section_06 dl.type_3{width: 100%;}
}
@media screen and (max-width: 710px) {
    #TOP article section#top_section_06 dl.type_3 dd div.img_area{width: 100%; margin-bottom: 10px;}
    #xxTOP article section#top_section_06 dl.type_3 dd div.img_area img{width: 50%!important;}
    #TOP article section#top_section_06 dl.type_3 dd div.txt_area{width:100%!important; padding-left: 0;}
    #TOP article section#top_section_06 dl.type_3 dd div.speaker_area{position: relative;}
}
                    
@media screen and (max-width: 600px) {
    #TOP article section#top_section_06 dl.type_3 dt div{margin: auto auto 10px;}
    #TOP article section#top_section_06 dl.type_3 dt div p{padding: 8px 0!important;}
    #TOP article section#top_section_06 dl.type_3 dt div p+p{padding: 6px 0!important;}
    #TOP article section#top_section_06 dl.type_3 dt h3{width: 100%; font-size: 1.6em; height: auto; padding-left: 0;}
}
@media screen and (max-width: 500px) {
    #TOP article section#top_section_06 dl.type_3 dd div.img_area img{width: 100%!important;}
    #TOP article section#top_section_06 dl.type_3 dt h3{width: 100%; font-size: 1.2em;}
    #TOP article section#top_section_06 dl.type_3 dd div.speaker_area p{font-size: 0.7em;}
}

#TOP article section#top_section_06 h2+p {font-size: 1.4em; margin-bottom: 40px;}
#top_section_06 .sub_title{display: inline-block; border-top: 1px solid #333; border-bottom: 1px solid #333; padding: 10px 30px 6px; margin: 1em auto 1.5em; line-height: 120%;}

#top_section_06 h4{font-size: 1.8em; font-weight: bold; width: 80%; text-align: left; text-indent: -1em; padding-left: 1em; margin: auto auto 1em; width: fit-content;}

#TOP article section#top_section_06 .sp_view{display: none;}

@media screen and (max-width: 600px) {
    #top_section_06 h4{width: 100%;}
     #TOP article section#top_section_06 .sp_view{display: block;}
    #top_section_06 h4{font-size: 1.4em;}
}


/* 出展社プレゼン */
.presen h3{font-weight: bold; width: 80%; text-align: center; margin: auto auto 20px auto; width: fit-content;}

.presen dl dt{display: flex; flex-wrap: wrap;}
.presen dl dt p{width: 100%; padding: 4px 0!important; display:flex; justify-content: center; align-items: center;}
.presen dl dt p{order: 3;}
.presen dl dt p+p{order: 2; display:flex!important; justify-content: center; align-items: center;}
.presen dl dt p+p+p{order: 1; display:flex!important; justify-content: center; align-items: center; }
.presen dl dt p.processing{background: rgba(255,162,162,1.0)!important;}
.presen dl dt p.material{background: rgba(117,171,217,1.0)!important;}
.presen dl dt p.surface{background: rgba(239,219,131,1.0)!important;}

/*.presen dl dt p.time{background:#003f98!important; padding: 10px 0!important; margin-bottom: 6px;}*/
.presen dl dt p.time{background:#0085cc!important; padding: 6px 0!important; margin-bottom: 6px; color: #FFF!important;}

.presen dl dt p.time i{display: inline-block; width: 20px; position: relative;}
.presen dl dt p.time i:before{content: ""; display: block; 
position: absolute; top:-7px; left: 7px; width: 0; height: 0;
border: 6px solid transparent;
border-left: 8px solid #FFF;}


@media screen and (min-width: 600px) {
    .presen dl dt{position: relative;}
    .presen dl dt p.time{position: absolute; width: 150px; top:150px;}
}
@media screen and (max-width: 600px) {
    .presen dl dt p.time{margin-top: 8px;}
}


.presen dl dd{/*align-content: end!important;*/ align-content: center;}
.presen dl dd h4{width: 100%!important; margin:0!important; text-indent: 0em!important; padding-left: 0!important; font-weight: normal!important; font-size: 1em!important;}

.presen dl dd h4 b{font-size: 1.6em!important;}
.presen dl dd.txt{margin: 10px 0 0 170px;}

.presen dl dd.photo{display: flex!important; align-items: flex-start;}
.presen dl dd.photo p{width: 70%!important;}
.presen dl dd.photo img{width: 30%; height: auto;}

@media screen and (max-width: 600px) {
    .presen h3{font-size: 1.4em!important;}
    .presen dl dt{margin-bottom: 20px!important;}
    .presen dl dd.txt{margin: auto 0 auto 0;}
}


.presen dl dt p.seminar_category{background: #53cec1!important; font-size: 1.2em; line-height: 1.2em; height: 140px; padding: 0 10px!important; width: calc(100% - 20px); border-radius: 10px;}







/* section7　展示の見どころピックアップ */
#TOP article section#top_section_07{text-align: center;}
#TOP article section#top_section_07 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_07 .bx-wrapper .bx-viewport{box-shadow:none; border: none; left:-10px;}
#TOP article section#top_section_07 .bx-wrapper li{border-left: 10px solid #FFF; width: calc(100% - 10px); background: #ebebeb;}
#TOP article section#top_section_07 .bx-wrapper img {width: 100%; height: 260px; object-fit:cover;}
#TOP article section#top_section_07 .bx-caption{position: relative; background: rgba(80, 80, 80, 0.3); text-align: left; height: 90px; overflow: hidden;}
#TOP article section#top_section_07 .bx-caption span{color: #000; font-size: 1.0em;}
#TOP article section#top_section_07 .bx-wrapper .bx-pager{bottom: -50px;}
#TOP article section#top_section_07 .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_07 .bx-wrapper .bx-pager.bx-default-pager a:hover, 
#TOP article section#top_section_07 .bx-wrapper .bx-pager.bx-default-pager a.active {background: #003f98;}

/* ★ */
#TOP article section#top_section_07 .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_07 .bx-wrapper .bx-pager.bx-default-pager a:hover, 
#TOP article section#top_section_07 .bx-wrapper .bx-pager.bx-default-pager a.active {background: #0068b7;}

#TOP article section#top_section_07 .btn_id2026_list{text-align: center;}
#TOP article section#top_section_07 .btn_id2026_list a{display: inline-block; background: #0068b7; 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_07 .bx-caption{position: relative; background: rgba(80, 80, 80, 0.3); text-align: left; height: 130px; overflow: hidden;}
#TOP article section#top_section_07 .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_07 .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_07{height: auto; padding: 20px 0 20px 0;}
    #TOP article section#top_section_07 h2{width: 100%; font-size: 2.0em; margin-bottom: 20px; line-height: 110%;}
    
    #TOP article section#top_section_07 .bx-wrapper .bx-viewport{box-shadow:none; border: none; left:0px;}
    #TOP article section#top_section_07 .bx-wrapper li{border-left: 0px solid #FFF; width: calc(100% - 0px); background: #ebebeb;}
    #TOP article section#top_section_07 .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_07 .bx-caption span{font-size: 1.0em; display: block;}
    #TOP article section#top_section_07 .bx-wrapper img {width: 100%; height: 250px; object-fit:contain;}
    #TOP article section#top_section_07 .bx-wrapper .bx-pager.bx-default-pager{display: none;}

    #TOP article section#top_section_07 .bx-wrapper .bx-pager.bx-default-pager a{width: 10px; height: 10px; margin: 0 4px; border-radius: 20px;}
    
    /* ★ */
    #TOP article section#top_section_07 .bx-wrapper .bx-pager.bx-default-pager a{background: #60E0BD; width: 10px; height: 10px; margin: 0 4px; border-radius: 20px;}
}




/* section8　会場アクセス */
#TOP article section#top_section_08{text-align: center;}
#TOP article section#top_section_08 h2{width: 100%; margin-bottom: 60px; font-weight: normal;}
#TOP article section#top_section_08 .access{width: 78%; display: flex; text-align: center; margin: auto auto 40px;}
#TOP article section#top_section_08 .access img{margin-right: 30px;}
#TOP article section#top_section_08 .access dl dt{text-align: left; font-weight: bold;}
#TOP article section#top_section_08 .access dl dd{text-align: left;}
#TOP article section#top_section_08 .access dl dd p{margin-bottom: 26px; word-break: break-all;}
#TOP article section#top_section_08 .access dl dd p:nth-child(2){font-size: 1.2em;}
#TOP article section#top_section_08 h3{margin-bottom: 14px;}
#TOP article section#top_section_08 h3.tb_line{display: inline-block; padding: 4px 40px 2px;
border-bottom: 1px solid #222; border-top: 1px solid #222; margin-bottom: 1em;}

#TOP article section#top_section_08 ul {width: 100%; display: flex; justify-content: center; flex-wrap: wrap; margin: auto auto 70px;}
#TOP article section#top_section_08 ul li{width: 350px; display: flex; justify-content:center; margin:auto 10px 10px 10px;}
#TOP article section#top_section_08 ul li a{display:block; width: 100%; background-color:#50A4F5; color: #FFF; border: 2px solid #50A4F5;border-radius: 25px;padding: 0.7em 1.0em; font-weight:bold; flex-wrap: wrap;}
#TOP article section#top_section_08 ul li a:hover{background-color:#FFF; color:#50A4F5; text-decoration:none; cursor:pointer; }
#TOP article section#top_section_08 ul li .ico_blue{background: url("ico_pop_white.svg");}
#TOP article section#top_section_08 ul li a:hover .ico_blue{background: url("ico_pop_blue.svg");}



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

/* section9　来場にあたって */
#TOP article section#top_section_09{text-align: center; }

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

@media screen and (max-width: 912px) { /* PCレイアウトで調整 */
    #TOP article section#top_section_09 .attention p{font-size: 1.18em;}
}


@media screen and (max-width: 540px) {/* 以下SPレイアウト */
   
}




/* 出展社一覧------------------------------------------------------------------------------------------------- */

/* 出展社一覧の背景画像 */
#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;
}

/* 820,768,540,414,412,390,393,375,360,280, */

#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{/*background: #ccc;*/ width:100%;}
#LIST article section{display: block; max-width: 1200px; margin: auto; background: #fff;}
@media screen and (max-width: 600px) {
    #LIST article{background: #FFF; width:100%;}
}

/* 出展社情報  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; width: calc(100% - 40px); margin: auto;}
#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 10px; position: relative;}
#LIST article section#section_02 #background{position: absolute; top:0; left: -1000px; width: 300%; height: 100%; z-index: -1;}
#LIST article section#section_02 h2{margin: 20px auto;}


#LIST .filter-options{display: flex; justify-content: space-between; width: calc(100% - 0px); margin: auto;}
#LIST .filter-options li{width: calc(20% - 10px);}
#LIST .filter-options a{background: #555; color: #FFF; display: block; font-weight: bold; font-size: 1.1em; padding: 16px 0; text-align: center;}
#LIST .filter-options a:hover{cursor:pointer; text-decoration: none;}

.active .all,
a.all:hover{background: #FFF!important; color: #333!important; border: 1px solid #333; 
    border-bottom: 3px solid #FFF!important;}

.active .processing,
a.processing:hover{background: #FFF!important; color: #e60c11!important; border: 1px solid #e60c11; 
    border-bottom: 3px solid #FFF!important;}

.active .surface,
a.surface:hover{background: #FFF!important; color: #eb6100!important; border: 1px solid #eb6100; 
    border-bottom: 3px solid #FFF!important;}

.active .material,
a.material:hover{background: #FFF!important; color: #0077c4!important; border: 1px solid #0077c4; 
    border-bottom: 3px solid #FFF!important;}

.active .support,
a.support:hover{background: #FFF!important; color: #00a140!important; border: 1px solid #00a140; 
    border-bottom: 3px solid #FFF!important;}



i.processing{background: rgba(255,162,162,1.0)!important; color: #FFF;}
i.surface{background: rgba(239,219,131,1.0)!important; color: #FFF;}
i.material{background: rgba(117,171,217,1.0)!important; color: #FFF;}
i.support{background: rgba(158,218,163,1.0)!important; color: #FFF;}


@media screen and (max-width: 540px) {/* 以下SPレイアウト */
    #LIST .filter-options{display: flex; flex-wrap: wrap;}
    #LIST .filter-options li{width: calc(25% - 2px); font-size: 0.8em;}
    #LIST .filter-options li:first-child{width:calc(100% - 0px)!important; margin-bottom: 4px;}
    #LIST .filter-options li a{padding: 10px 0; border: 1px solid #555;}
    
    
    .active .all,
    a.all:hover{border-bottom: 1px solid #333!important;}

    .active .processing,
    a.processing:hover{border: 1px solid #e60c11!important;}

    .active .surface,
    a.surface:hover{border: 1px solid #eb6100!important;}

    .active .material,
    a.material:hover{border: 1px solid #0077c4!important;}

    .active .support,
    a.support:hover{border: 1px solid #00a140!important;}
    
    
}
@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 .category_lst{ display: flex; flex-wrap:wrap; margin: auto; width: 100%; justify-content: center; align-items: center; margin-bottom: 3em;}
#LIST .category_lst>dt{background: #ff6d4e; color: #fff; font-weight: bold;}
#LIST .category_lst>dt+dd+dt{background: #acbe1d; color: #fff;}
#LIST .category_lst>dt+dd+dt+dd+dt{background: #39aab9; color: #fff;}

#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: 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;}
}
@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; text-align: left;}





#LIST #grid{display: flex; flex-wrap: wrap; justify-content:space-around; 
width:calc(100% + 1em); margin:30px auto 30px 0px;}
#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 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: cover;*/ object-fit: contain; position: relative; top:-3px; transform: translate(0, 3px);}
#LIST #grid>a dd{padding:4px 15px; width:calc(100% - 30px); font-size:0.94em; height: 160px; 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; 
    /*border: 2px solid #FFF!important;*/ margin: 2px; padding: 2px 0px 0px;
    width: 100px; background: #FFF; z-index: 9; font-size: 0.8em; box-shadow:none!important;}

#LIST #grid>a dd,
#LIST #grid>a:visited dd{color:#707070; font-weight: bold;}
#LIST #grid>a:hover dd{color:#006A85;} 
#LIST #grid>a:hover dt img{transform:scale(1.05,1.05); transition:1.5s all; opacity: 1.0;}
#LIST #grid>a dd b{display:block; text-align: center; font-weight: normal!important; margin-bottom: 0.0em; margin-top: 0.5em;}

@media screen and (max-width: 920px) {/* pcレイアウト */
    #LIST article section#section_02{width: calc(100% - 40px); padding: 40px 20px;}
}
@media screen and (max-width: 820px) {
    #LIST #grid>a dd{font-size:0.94em; height: 180px;}
}
@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{/*background: #ccc;*/}
#LIST_DETAIL{}
#LIST_DETAIL article section{display: block; max-width: 1200px;width: calc(100% - 40px); padding: 40px 20px;  margin: auto ;background: #FFF;}
#LIST_DETAIL article section#section_01{ 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: 0px solid #333; background: #FFF; margin: 0 5px 20px 0; text-align: center; padding: 6px 16px; width: 120px;}

#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(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{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;}*/
#LIST_DETAIL .infomation_v2 .detail_lst dl dd:nth-child(3){text-indent:-85px; padding-left:85px;}


@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 .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;}*/
}

/* 開催概要 ------------------------------------------------------------------------ */
#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{width: calc(100% - 0); 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:20px; text-align:left;}
#SUMMERY article section#section_01 div h3{text-align: left; 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;}
#SUMMERY article section#section_01 div>ul li{margin-right:20px; font-size:1.2em;}




#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{display: flex; justify-content: center; flex-wrap: wrap; margin-bottom: 60px;}
#SUMMERY article section#section_02 ul li{margin: 0 20px;}


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


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




@media screen and (max-width: 540px) {
    #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_03 h2+dl{width: 90%; display: flex; justify-content:flex-start; flex-wrap: wrap; margin: auto; text-align: left; font-weight: bold; }

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









/* ボタン来場登録 W150×H60 */
.btn_signin {
  display: inline-block;
  padding: 5.0px;
  border-radius: 20px;
  box-shadow: 2px 2px 6px rgba(0,0,0,0.3);
    
    position      : relative;  /* static以外を指定 */
    z-index       : 0;  /* 疑似要素よりも大きな値を指定 */
    overflow      : hidden;  /* border-radiusなどを指定する場合ははみ出した部分が表示されないようにする */
    background    : transparent;  /* 親要素の背景を透過させておく */
    transition : all 0.5s;
    
}

/* cssグラデーションにtransitionは効かないので疑似要素に変化後の背景を設定する  */
.btn_signin:before {
    content       : ' ';  /* 通常の要素を追加する場合は不要 */
	position      : absolute;
	top           : 0;
	bottom        : 0;
	left          : 0;
	right         : 0;
	z-index       : -1;  /* 通常状態での背景を変化後の要素よりも前に置く */
	/*background    : linear-gradient(0deg,rgba(207,145,145,1),rgba(226,191,191,1));*/
	transition    : 0.5s;
    
    background: -webkit-gradient(
        linear,
        left top,
        right top,
        from(#ffa10d),
        to(#0000fc)
      );
      background: -webkit-linear-gradient(left, #2a8e1a, #e60108);
      background: linear-gradient(to right, #2a8e1a, #e60108);
    
    /*add ★*/
    background: -webkit-gradient(
        linear,
        left top,
        right top,
        from(#003f98),
        to(#68c4d5 )
      );
      background: -webkit-linear-gradient(left, #003f98, #68c4d5 );
      background: linear-gradient(to right, #003f98, #68c4d5 );
    
}
.btn_signin:after {
    content       : ' ';  /* 通常の要素を追加する場合は不要 */
	position      : absolute;
	top           : 0;
	bottom        : 0;
	left          : 0;
	right         : 0;
	z-index       : -2;  /* 変化後の背景は一番後ろに置く */
	/*background    : linear-gradient(0deg,rgba(255,222,150,1),rgba(255,245,223,1));*/
    

  background: -webkit-gradient(
    linear,
    right top,
    left top,
    from(#e60108),
    to(#2a8e1a)
  );
  background: -webkit-linear-gradient(right, #2a8e1a, #e60108);
  background: linear-gradient(to left, #2a8e1a, #e60108);
    
    /*add ★*/
background: -webkit-linear-gradient(right, #003f98, #68c4d5);
background: linear-gradient(to left, #003f98, #68c4d5);
}
.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.5s;
  transition: all 0.5s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  /*letter-spacing: 0.1em;*/
  border-radius: 16px;
    color: #003f98;
    background: #FFF;
}
.btn_signin a small{display: block; font-size: 0.4em; margin-top: 0px;}
.btn_signin:hover a{color: #e60108;}
/*add ★*/
.btn_signin:hover a{color: #FFF; background: #003f98;
background: -webkit-linear-gradient(bottom, #003f98, #68c4d5);
background: linear-gradient(to top, #003f98, #68c4d5);}

.btn_signin:hover a small{color: #FFF;}

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







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

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


/* 外部アイコン ico_pop_blue.svg に変更 */
.ico_blue{position:relative; display:inline-block; width:16px; height:16px; margin-left: 6px;
background: url("ico_pop_blue.svg"); background-size: 100% auto;}

.ico_orange{position:relative; display:inline-block; width:16px; height:16px; margin-left: 6px;
background: url("ico_pop_orange.svg"); background-size: 100% auto;}




.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: #fff5d2;}
#TOP article section#top_section_07 .top_section_07_back{background: #fff5d2;}
#TOP article section#top_section_07 ul li a{background: #ab832e; border-radius: 10px; width: 96%; height: 60px;}
#TOP article section#top_section_07 ul li a:hover{background: #805f1a;}
.ico_root:before {content:""; position:absolute; top:-2px; right:-2px; display:block; height:0; width:0; 
border:5px solid #ab832e; border-top-color:#FFF; border-right-color:#FFF; 
box-shadow:-2px 0 0 0 #ab832e, 0 2px 0 0 #ab832e;}
a:hover .ico_root:before{border:5px solid #805f1a;
border-top-color:#FFF; border-right-color:#FFF; box-shadow:-2px 0 0 0 #805f1a, 0 2px 0 0 #805f1a;}


#TOP article section#top_section_03 h2+ul li:nth-child(1) {background: #e93f1b;}
#TOP article section#top_section_03 h2+ul li:nth-child(2) {background: #8a9815;}
#TOP article section#top_section_03 h2+ul li:nth-child(3) {background: #3d8993;}

#LIST .category_lst>dt{background: #e93f1b; color: #fff; font-weight: bold;}
#LIST .category_lst>dt+dd+dt{background: #8a9815; color: #fff;}
#LIST .category_lst>dt+dd+dt+dd+dt{background: #3d8993; color: #fff;}





#header header ul li .btn_signin{border-radius: 10px;}
#header header ul li .btn_signin a{border-radius: 6px;}





/* close */
#CLOSE{padding-top: 100px; text-align: center;}
#CLOSE h1{line-height: 110%; color: #0055aa;}
#CLOSE h1+p{font-size: 1.6em; color: #0055aa;}
@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);}

/* add */
#LIST_DETAIL .infomation_v2 .mb6 {
    margin-bottom: 6px !important;
}
#LIST_DETAIL .infomation_v2 .mb16 {
    margin-bottom: 16px !important;
}