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

* {margin:0;padding:0;}

/*
@font-face {
  font-family: "Noto Sans JP";
  src: url("../font/NotoSans-Light.ttf"),url("../font/NotoSans-Medium.ttf"),url("../font/NotoSans-Regular.ttf"),url("../font/NotoSans-Bold.ttf"),url("../font/NotoSans-ExtraBold.ttf");
}
*/
/*@import url(http://fonts.googleapis.com/earlyaccess/notosansjp.css);*/

body {background:#FFF; color: #333333; font-size:1em;
font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;}
html {overflow-y:scroll;}
main {margin: 0 auto;width: 80%;}
section{margin: 1.0em 0;}

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

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

.small {font-size: 0.7em;}

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

/* Link #006A85 → #c6000b*/
a{user-select: none; text-decoration:none; transition : all 0.5s;}
a:link {color:#707070; text-decoration:none;}
a:visited {color:#1E7B7D; text-decoration:none;}
a:hover {color:#1E7B7D; 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: 20px 0; margin: auto; 
    display: flex; justify-content: space-between; align-items: center;}
#header header ul li{line-height: 100%; font-size: 1.2em; text-align: left;} 
#header header ul li:nth-child(1) a{color:#01a5e4; display: block; margin: 0 100px 0 0px; 
font-family: 'Noto Sans JP', sans-serif; font-weight: 700; line-height: 110%;}


#header header ul li:nth-child(1) a:hover{color:#01a5e4;}
#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:#000;}

#header header ul li:nth-child(2) a:hover,
#header header ul li:nth-child(3) a:hover,
#header header ul li:nth-child(4) a:hover,
#header header ul li:nth-child(5) a:hover,
#header header ul li:nth-child(6) a:hover{color:#01a5e4;}

#header header ul li:nth-child(7){display: flex; justify-content: space-between; align-items: center;}

#header header ul li:nth-child(4) a{font-weight: 700; position: relative; }
#header header ul li:nth-child(4) a:after{}
#header header ul li:nth-child(4) a:hover:after{content: "NEW"; color:#01a5e4; display: block; font-size: 0.7em;
position: absolute; top:-16px; right: 0;}

/* .btn_signin_hold →　.btn_signin_hold */
.btn_signin_hold{margin-right: 4px;}
.btn_signin_hold a,
.btn_signin_none a{display: flex; justify-content: center; align-content: center; align-items: center; flex-wrap: wrap; font-size: 0.7em; font-weight: bold; line-height: 100%; margin: auto 4px;}

.btn_signin_hold a{transition: all 0.3s ease; color: rgb(245, 162, 0);}
.btn_signin_hold a:hover{color: rgb(0, 0, 0);}

.btn_signin_none a{transition: all 0.3s ease;}
.btn_signin_none a:hover{color: rgb(0, 0, 0);}

.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,
.btn_signin_area ul li .btn_signin_none{padding: 8px 4px; border-radius: 50px;}

.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;
border-radius: 40px;}

.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;}
    #header header ul li a:before {content: ""; position: absolute;  bottom: -10px; left: 0; 
    width: 0%; height: 2px; background-color: #01a5e4; 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: 1200px) {
    #header header ul{width: calc(100% - 40px);}
	#header header ul li:nth-child(1) br.hd {display: block;}
}
@media screen and (max-width: 1100px) {
	#header header ul li{font-size: 1.0em;}
    #header header ul li:nth-child(1) a{margin: 0 40px 0 0px;}
}
@media screen and (max-width: 920px) {
    #header header ul li{font-size: 0.8em;}
    #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:-550px;}
    #header header ul li{width: calc(100% - 30%); text-align: center; padding: 20px 0; margin:0 15%; border-bottom: 1px solid #aaa;}
    
    #header header ul li:not(:last-child) a{color:#FFF!important;}
	#header header ul li:nth-child(1) a{margin: auto;}
	#header header ul li:nth-child(6){display: flex; justify-content: center; align-items: center; border-bottom: 0;}
	#header header ul li:nth-child(6) div{margin: auto 10px;}
	#header header ul li:nth-child(6) div a{padding: 10px 10px; font-size: 0.9em; width: calc(100% - 28px);}
	
	
	
    
    #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: 440px) {
	#header header ul li:nth-child(6) div a{font-size: 0.7em; line-height: 120%;}
}
@media screen and (max-width: 390px) {
    #header header ul li{width: calc(100% - 10%); margin: 0 5%;}
	
}

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


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

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

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


/* section */
#TOP article section{display: block; max-width: 1000px; border: 0px solid red; margin: auto; }
@media screen and (max-width: 920px) {
    #TOP article section{width: 90%;}
}

/* #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 #01a5e4; border-bottom:50px solid #f0ea00;}
#TOP article section#top_section_01{background: url("tokyo2025top_bk.jpg");background-repeat: no-repeat; 
background-size: auto 115%; 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: 70px 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 0px;}
	#TOP article section#top_section_01 div.flex_area .sp_view img + img {width: calc(52% - 70px); height: auto; margin: auto auto 15% 30px;}
	#TOP article section#top_section_01 div.flex_area .sp_view img + img + img {width: calc(60% - 0px); height: auto; margin: auto -20px auto auto;}
	#TOP article section#top_section_01 div.flex_area .sp_view img + img + img + img{width: calc(100% - 40px); height: auto; margin: auto 20px;}
}



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

#TOP article section#top_section_01_add_top .h1_top_lst h2{margin-bottom: 30px;}

#TOP article section#top_section_01_add_top .h1_top_lst .title{display: block; margin-bottom: 50px;}
#TOP article section#top_section_01_add_top .h1_top_lst .title_sp{display: none;}

#TOP article section#top_section_01_add_top .h1_top_lst .w_max{display: block;}
#TOP article section#top_section_01_add_top .h1_top_lst .w_1000{display: none;}
#TOP article section#top_section_01_add_top .h1_top_lst .w_420{display: none;}

@media screen and (max-width: 1000px) {
	#TOP article section#top_section_01_add_top .h1_top_lst .w_max{display: none;}
	#TOP article section#top_section_01_add_top .h1_top_lst .w_1000{display: block; width: 80%; margin: auto;}
}
@media screen and (max-width: 800px) {
	#TOP article section#top_section_01_add_top .h1_top_lst .title{display: none; }
	#TOP article section#top_section_01_add_top .h1_top_lst .title_sp{display: block; margin: auto auto 20px; width: 80%; height: auto;}
	#TOP article section#top_section_01_add_top .h1_top_lst .w_1000{display: block; width: 80%; margin: auto;}
}
@media screen and (max-width: 600px) {
	#TOP article section#top_section_01_add_top .h1_top_lst h2{font-size: 1.6em;}
	#TOP article section#top_section_01_add_top .h1_top_lst .title_sp{display: block; margin: auto auto 20px; width: 100%; height: auto;}
	#TOP article section#top_section_01_add_top .h1_top_lst .w_1000{display: block; width: 100%; margin: auto;}		
}
@media screen and (max-width: 440px) {
	#TOP article section#top_section_01_add_top .h1_top_lst .title_sp{display: block; margin: auto auto 20px; width: 100%; height: auto;}
	#TOP article section#top_section_01_add_top .h1_top_lst .w_1000{display: none;}
	#TOP article section#top_section_01_add_top .h1_top_lst .w_420{display: block; width: 80%; margin: auto auto 40px;}
	#TOP article section#top_section_01_add_top .h1_top_lst .img_bottom{width: 120%; margin: auto auto auto -10%;}
}

@media screen and (max-width: 400px) {
	#TOP article section#top_section_01_add_top .h1_top_lst .w_420{display: block; width: 100%; margin: auto auto 40px;}
}


/* 2025年新企画 Pick UP! */
#TOP article section#top_section_01_add_top .h1_top_link_pickup{width: calc(100% - 80px); padding: 20px 40px 40px; text-align: center; background: #00a0d9; border-radius: 30px; margin: 10px auto;}
#TOP article section#top_section_01_add_top .h1_top_link_pickup h2{color: #FFF;position: relative; margin-bottom: 50px;}
#TOP article section#top_section_01_add_top .h1_top_link_pickup h2:before{content: ""; display: block; width: 36%; height: 3px; background: #FFF; position: absolute; bottom: -10px; left: calc(50% - 18%);}

#TOP article section#top_section_01_add_top .h1_top_link_pickup ul{width: 100%; display: flex; justify-content: space-between;}
#TOP article section#top_section_01_add_top .h1_top_link_pickup ul li{width: calc(50% - 10px - 40px); padding: 36px 20px 20px; background: #FFF; position: relative; display: flex; flex-wrap: wrap;}

#TOP article section#top_section_01_add_top .h1_top_link_pickup ul li h3{background: #332281; color: #FFF; padding: 6px 20px 6px 40px; border-radius: 20px; position: absolute; top:-20px; left: 20px; font-size: 1.2em;}

#TOP article section#top_section_01_add_top .h1_top_link_pickup ul li h3 i.new{
	display:inline-block; width: 30px; height: 30px; position: absolute; top:4px; left: 7px;
	background-image: url("ico_new.svg"); background-repeat: no-repeat; background-size: cover;}

#TOP article section#top_section_01_add_top .h1_top_link_pickup ul li h3 i.attention{
	display:inline-block; width: 30px; height: 30px; position: absolute; top:4px; left: 7px;
	background-image: url("ico_attention.svg"); background-repeat: no-repeat; background-size: cover;}


#TOP article section#top_section_01_add_top .h1_top_link_pickup ul li p.title{width: 100%; font-size: 1.2em; font-weight: 700; text-align: left; line-height: 100%;}
#TOP article section#top_section_01_add_top .h1_top_link_pickup ul li p{width: 100%; font-size: 0.86em; font-weight: 700; text-align: left; margin-bottom: 10px;}
#TOP article section#top_section_01_add_top .h1_top_link_pickup ul li img{width: calc(50% - 10px); height: auto; margin-right: 10px;}

#TOP article section#top_section_01_add_top .h1_top_link_pickup ul li div{width: 50%; margin: auto auto 0; }
#TOP article section#top_section_01_add_top .h1_top_link_pickup ul li div img{width: 70%; margin-right: 30%;}
#TOP article section#top_section_01_add_top .h1_top_link_pickup ul li div a{width: 100%; color: #222; text-decoration: underline; padding: 0 0 0 16px; position: relative;}
/*#TOP article section#top_section_01_add_top .h1_top_link_pickup ul li div a:hover{font-weight: 700;}*/

#TOP article section#top_section_01_add_top .h1_top_link_pickup ul li a i.ico_detail{
	display:inline-block; width: 10px; height: 16px; position: absolute; top:0px; left: 0px;
	background-image: url("ico_detail.svg"); background-repeat: no-repeat; background-size: cover;}


@media screen and (max-width: 1100px) {
	#TOP article section#top_section_01_add_top .h1_top_link_pickup{width: calc(100% - 80px - 40px);}
}
@media screen and (max-width: 970px) {
	#TOP article section#top_section_01_add_top .h1_top_link_pickup ul li h3{padding: 6px 0px 6px 20px; left: 10px; width: calc(100% - 40px);}
	#TOP article section#top_section_01_add_top .h1_top_link_pickup ul li img{width: calc(100% - 0px); margin: auto auto 10px;}
	#TOP article section#top_section_01_add_top .h1_top_link_pickup ul li div{width: 100%; margin: auto auto 0; }
	#TOP article section#top_section_01_add_top .h1_top_link_pickup ul li div img{width: 100%; margin-right: 0%;}
	#TOP article section#top_section_01_add_top .h1_top_link_pickup ul li div a{width: 100%;}
	#TOP article section#top_section_01_add_top .h1_top_link_pickup ul li div a i.ico_detail {left: calc(50% - 96px);}
	
}
@media screen and (max-width: 800px) {
	#TOP article section#top_section_01_add_top .h1_top_link_pickup{padding: 20px 40px 0px; margin-bottom: 30px;}
	#TOP article section#top_section_01_add_top .h1_top_link_pickup h2{font-size: 2.0em; margin-bottom: 60px;}
	#TOP article section#top_section_01_add_top .h1_top_link_pickup ul li h3{padding: 6px 20px 6px 40px; width: fit-content; left: calc(50% - 275px / 2);}
	#TOP article section#top_section_01_add_top .h1_top_link_pickup ul{display: flex; flex-wrap: wrap; justify-content: center;}
	#TOP article section#top_section_01_add_top .h1_top_link_pickup ul li{width: 80%; margin: auto auto 50px;}
}
@media screen and (max-width: 500px) {
	#TOP article section#top_section_01_add_top .h1_top_link_pickup{width: calc(100% - 40px); padding: 10px 20px 0px; margin-bottom: 30px;}
	#TOP article section#top_section_01_add_top .h1_top_link_pickup h2{font-size: 2.0em; margin-bottom: 50px;}
	#TOP article section#top_section_01_add_top .h1_top_link_pickup h2{font-size: 1.6em;}
	#TOP article section#top_section_01_add_top .h1_top_link_pickup h2:before{content: ""; display: block; width: 70%; height: 3px; background: #FFF; position: absolute; bottom: -10px; left: calc(50% - 35%);}

	#TOP article section#top_section_01_add_top .h1_top_link_pickup ul li:last-child{margin-bottom: 20px;}
	#TOP article section#top_section_01_add_top .h1_top_link_pickup ul li{width: 100%; margin: auto auto 40px;}
	#TOP article section#top_section_01_add_top .h1_top_link_pickup ul li h3{font-size: 1.0em; padding: 8px 20px 8px 40px; left: calc(50% - 240px / 2);}
	#TOP article section#top_section_01_add_top .h1_top_link_pickup ul li p.title{font-size: 1.0em; }
}


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


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

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

#TOP article section#top_section_01_add dl.approach{width: calc(100% - 40px); margin: 50px 20px auto; position: relative; z-index: 2;}
#TOP article section#top_section_01_add dl.approach dt{text-align: center; font-size: 2em; background: #073e92; color: #FFF; font-weight: 700; margin-bottom: 1em; padding: 6px 10px; width: calc(100% - 20px);}
#TOP article section#top_section_01_add dl.approach dt img{width: 100%; height: auto; margin: auto;}
#TOP article section#top_section_01_add dl.approach dt span{display: block; height: 0; opacity: 0;}

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

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

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

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

@media screen and (max-width: 900px) {
    #TOP article section#top_section_01_add img.top_section_01_add_bk{position: absolute; top:-20%; left: -350px;}
	#TOP article section#top_section_01_add dl.approach dt{font-size: 1.6em;}
    #TOP article section#top_section_01_add dl.approach dd h2{margin-bottom: 10px;}
    #TOP article section#top_section_01_add dl.approach dd .tag_cloud a{font-size: 1.0em;}
    #TOP article section#top_section_01_add dl.approach dd .tag_cloud li:last-child{font-size: 1.0em;}
}
@media screen and (max-width: 650px) {
	#TOP article section#top_section_01_add dl.approach dt{text-align: center; font-size: 1.2em;}
    #TOP article section#top_section_01_add img.top_section_01_add_bk{position: absolute; top:-20%; left: -150px; width: 300px; height: auto; z-index: 1;}
    #TOP article section#top_section_01_add dl.approach dd .tag_cloud a{font-size: 0.8em; margin: auto 8px 8px;}
    #TOP article section#top_section_01_add dl.approach dd .tag_cloud li:last-child{font-size: 0.8em;}
}
@media screen and (max-width: 500px) {
    #TOP article section#top_section_01_add dl.approach dd .tag_cloud a{font-size: 0.6em; margin: auto 4px 8px;}
    #TOP article section#top_section_01_add dl.approach dd .tag_cloud li:last-child{font-size: 0.6em;}
}


/* ご来場者からこんなお声をいただいています！ */
#TOP article section#top_section_01_add_2{padding: 100px 0 0;}

#TOP article section#top_section_01_add_2 h2{text-align: center; font-size: 2em; background: #073e92; color: #FFF; font-weight: 700; margin-bottom: 1em; padding: 10px 10px 16px; width: calc(100% - 20px);}



#TOP article section#top_section_01_add_2 dl.user_voice{width: calc(100% - 0px); margin: auto auto 50px; position: relative;}
#TOP article section#top_section_01_add_2 dl.user_voice dt{text-align: left;}
#TOP article section#top_section_01_add_2 dl.user_voice dt img{width: 100%; height: auto; margin: auto;}
#TOP article section#top_section_01_add_2 dl.user_voice dt span{display: block; height: 0; opacity: 0;}
#TOP article section#top_section_01_add_2 dl.user_voice dd{width: calc(100% - 100px); padding-left: 100px; margin-bottom: 6px; font-size: 1.2em; font-weight: bold; text-align: left;}
#TOP article section#top_section_01_add_2 dl.user_voice dd:nth-child(6) img{width: calc(100% - 0px); height: auto; margin-top: 20px;}

@media screen and (max-width: 1000px) {
    #TOP article section#top_section_01_add_2 dl.user_voice dd{font-size: 90%;}
}

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




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


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


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

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

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

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


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

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

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

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


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

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


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



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

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

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





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




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

#TOP article section#top_section_05:before{content: ""; background: rgba(254,245,234,0.9); width: 300%; display: block;}

#TOP article section#top_section_05{position: relative;}
#TOP article section#top_section_05 .top_section_05_back{background: rgba(254,245,234,0.9); /*background: #fef5ea;*/ width: 300%; height: 600px; position: absolute; top:0; left: -150%;}



#TOP article section#top_section_05 h2{width: 100%; margin-bottom: 26px; font-weight: normal;}
#TOP article section#top_section_05 .bx-wrapper .bx-viewport{box-shadow:none; border: none; left:-10px;}
#TOP article section#top_section_05 .bx-wrapper li{border-left: 10px solid rgba(254,245,234,0.9); width: calc(100% - 10px); background: #ebebeb;}
#TOP article section#top_section_05 .bx-wrapper img {width: 100%; height: 260px; object-fit:contain;}
#TOP article section#top_section_05 .bx-caption{position: relative; background: rgba(80, 80, 80, 0.3); text-align: left; height: 90px; overflow: hidden;}
#TOP article section#top_section_05 .bx-caption span{color: #000; font-size: 1.0em;}
#TOP article section#top_section_05 .bx-wrapper .bx-pager{bottom: -50px;}
#TOP article section#top_section_05 .bx-wrapper .bx-pager.bx-default-pager a{background: #ffa10d; 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: #c6000b;}

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

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

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


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

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

#TOP article section#top_section_06 dl dt .firstday{background: #ec4c93!important; }
	
#TOP article section#top_section_06 dl dt.second .seminar_date{background: #0061ad!important;}
#TOP article section#top_section_06 dl dt p{width: 150px; margin: auto;
display: flex; justify-content: center; align-items: center; background: #ebecec; color: #333; margin-bottom: 1px; font-size: 1.4em; font-weight: bold; height: 36px;}

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


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

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

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

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


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

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


.Speakers_lst{display: flex; flex-wrap: wrap; width:100%;}
.Speakers_lst li{width:50%;}

@media screen and (max-width: 540px) {
	.Speakers_lst li{width:100%;}

}

/* 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) { 
    #TOP article section#top_section_06 hr{width: 100%;}
    #TOP article section#top_section_06 dl{width: 100%;}
}
@media screen and (max-width: 820px) {
    #TOP article section#top_section_06{height: auto; padding: 50px 0 50px 0;}
}
@media screen and (max-width: 540px) {
    #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;}
}   
*/

#top_section_07_add{padding: 100px 0;}
#top_section_07_add h2{margin-bottom: 70px; line-height: 120%;}
#top_section_07_add h2 .sp_view{display: none;}
#top_section_07_add .present_area{display: flex; align-items: flex-start; margin-bottom: 50px;}
#top_section_07_add .present_area img{width: 40%; height: auto; margin-right: 20px; margin-bottom: 20px;}
#top_section_07_add .present_area .img_l_banner{border: 1px solid #ccc;}

#top_section_07_add .present_area div{width: calc(100% - 40%); text-align: left;}
#top_section_07_add .present_area div .img_r_banner{width: 100%; height: auto;}
#top_section_07_add .present_area div.present_memo{width: calc(100% - 3em); margin-left: 3em; margin-bottom: 20px;}
#top_section_07_add p.add_coment{margin-bottom: 100px;font-size: 1.6em; font-weight: bold; color: red!important;}

@media screen and (max-width: 980px) {
	#top_section_07_add .present_area img{width: 40%; height: auto; margin-right: 20px;}
	#top_section_07_add .present_area div{width: calc(60% - 20px); text-align: left;}
}
@media screen and (max-width: 650px) {
	#top_section_07_add h2{font-size: 1.8em; line-height: 120%;}
	#top_section_07_add h2 .sp_view{display: block;}
	#top_section_07_add .present_area{display: flex; align-items: flex-start; flex-wrap: wrap; justify-content: center;}
	#top_section_07_add .present_area img{width: 70%; height: auto; margin: auto auto 30px;}
	#top_section_07_add .present_area div{width: calc(90% - 0px); text-align: left; margin: auto;}
	#top_section_07_add .present_area div.present_memo{width: calc(100% - 0em); margin-left: 0em; margin-bottom: 20px;}
	#top_section_07_add p.add_coment{margin-bottom: 100px;font-size: 1.4em; font-weight: bold; color: red!important; margin-top: 30px;}
}



/* 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;  margin-bottom: 1em;}
#TOP article section#top_section_07 .access dl dt small{font-weight: 300; color: red;}

#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;
background:#3b7fdf; color: #FFF; font-size: 1.2em; 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: 26px;}

#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{text-align: center;}
#LIST article{
    position: relative;
    margin: auto;
    max-width: 1750px;
    overflow: hidden;
    animation: back_fadeIn 5s ease 0s 1 normal;
    -webkit-animation: back_fadeIn 5s ease 0s 1 normal;
}

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

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

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

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

}


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

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

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

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

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

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

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


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

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

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

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

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

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


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

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

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

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


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

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



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



/* 出展社詳細--------------------------------------------------------------------------------------------------------- */
#LIST_DETAIL{}
#LIST_DETAIL article 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;}
/* 912   820,768,540,414,412,390,393,375,360,280, */
@media screen and (max-width: 912px) {
    #LIST_DETAIL article section{margin: 0 20px;}
}
@media screen and (max-width: 540px) {/* 以下SPレイアウト */
    #LIST_DETAIL article section#section_01 h1{font-size: 2.1em;}
    /*#LIST_DETAIL article section#section_01 h1 br{display: none!important;}*/
    #LIST_DETAIL article section#section_01 h2{font-size: 1.8em; margin-bottom: 10px;}
	#LIST_DETAIL .infomation_v2{width:100%;}
	#LIST_DETAIL .infomation_v2 .img_lst{width:100%;}
	#LIST_DETAIL .infomation_v2 .detail_lst{width:100%; padding-left:0;}
}
@media screen and (max-width: 414px) {
    #LIST_DETAIL article section#section_01 h1{font-size: 1.8em;}
    #LIST_DETAIL article section#section_01 h2{font-size: 1.6em;}
}



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

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

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

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

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

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

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

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

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

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


#LIST_DETAIL .h1_category{display: flex; align-items: flex-start;}
#LIST_DETAIL .h1_category h1{width: calc(100% - 170px - 10px); margin-right: 10px;}


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


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



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


/* 企業一覧へ戻る */
#LIST_DETAIL .exhibitor_list-back{width:100%; text-align: center; margin-top: 50px;}
#LIST_DETAIL .exhibitor_list-back a{margin: auto; display: flex; justify-content: center; align-items: center; border: 1px solid #C5C2C2; border-radius: 70px; background: #FFF; width: 70%; height: 60px; padding: 0 10px; box-shadow: 2px 2px 6px rgb(0 0 0 / 30%); transition : all 0.3s; text-decoration: none; color: #333;}
#LIST_DETAIL .exhibitor_list-back a img{width: 18%;}
#LIST_DETAIL .exhibitor_list-back a span{width: auto; font-size: 1.2em; margin-left: 16px;}
#LIST_DETAIL .exhibitor_list-back a:hover{text-decoration:underline; color:#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_hold {
display: inline-block; padding: 4.0px 1.0px; border-radius: 6px; 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_hold:before {content: ' '; position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: -1; transition: 0.8s;
background: -webkit-linear-gradient(left, #ffa10d, #df490b);
background: linear-gradient(to right, #ffa10d, #df490b);}

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

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

.btn_signin_hold a {/*font-size: 1.5em; */font-weight: bold; line-height: 0.9em; position: relative; display: inline-block;
padding: 6px 6px 5px; 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: 2px; color: #df490b; background: #FFF;}

.btn_signin_hold a small{display: block; margin-top: 0px;}
.btn_signin_hold:hover a{color: #000;}

@media screen and (max-width: 410px) {
	.btn_signin_hold{width: 96%;}
}
@media screen and (max-width: 390px) {
    .btn_signin_hold a {font-size: 1.2em; width: 100%;}
}


.btn_signin_none {
display: inline-block; padding: 4.0px 1.0px; border-radius: 6px; 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_none:before {content: ' '; position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: -1; transition: 0.8s;
background: -webkit-linear-gradient(left, #02adc6, #0c6dfd);
background: linear-gradient(to right, #02adc6, #0c6dfd);}

.btn_signin_none:after {content : ' '; position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: -2;
background: -webkit-linear-gradient(right, #02adc6, #0c6dfd);
background: linear-gradient(to left, #02adc6, #0c6dfd);}

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

.btn_signin_none a {font-weight: bold; line-height: 0.9em; position: relative; display: inline-block;
padding: 6px 6px 5px; 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: 2px; color: #02adc6; background: #FFF;}

.btn_signin_none a small{display: block; margin-top: 0px;}
.btn_signin_none:hover a{color: #000;}

@media screen and (max-width: 410px) {
	.btn_signin_none{width: 97%;}
}
@media screen and (max-width: 390px) {
    .btn_signin_none a {font-size: 1.2em; 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;}

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

@media screen and (max-width: 410px) {
	.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: 230px; height: 60px; font-size: 1.2em; font-weight: bold; line-height: 100%; margin: auto 4px;}
	
	
	
}




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

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


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

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


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

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

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

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



/* 特別企画 ------------------------------------------------------------------------ */
#SPECIAL article{
    animation: back_fadeIn 5s ease 0s 1 normal;
    -webkit-animation: back_fadeIn 5s ease 0s 1 normal;}
#SPECIAL article{background: #FFF;}
#SPECIAL article section{display: block; max-width: 1200px; margin: auto; background: #FFF; text-align: center;}

#SPECIAL article section#section_01_h1{padding: 40px 20px 40px;}
#SPECIAL article section#section_01_h1 h1{line-height: 120%;}

#SPECIAL article section#section_01{padding: 40px 20px 40px;}

#SPECIAL article section#section_01 h2{line-height: 120%; margin-bottom: 10px; background: #00a0d9; color: #FFF; font-size: 1.8em; padding: 10px 16px; text-align: left;}
#SPECIAL article section#section_01 h2 + p{font-weight: bold; font-size: 1.4em; text-align: left; margin-bottom: 20px;}
#SPECIAL article section#section_01 h2 + dl{background: #fefcdf; width: calc(100% - 40px); padding: 20px; text-align: left; margin: 30px auto;}
#SPECIAL article section#section_01 h2 + dl dt{font-size: 2.0em; color: #2d387f; font-weight: 700; margin-bottom: 10px;}
#SPECIAL article section#section_01 h2 + dl dt span{font-size: 60%; color: #222;}
#SPECIAL article section#section_01 h2 + dl dd{font-size: 1.2em; font-weight: 500;}


#SPECIAL article section#section_01 ul{}
#SPECIAL article section#section_01 ul li{background: #FFF; width: calc(100% - 44px); padding: 20px 20px 0; border: 2px solid #81d3dd;  margin-bottom: 30px; display: flex; flex-wrap: wrap;}

#SPECIAL article section#section_01 ul li{position: relative;}
#SPECIAL article section#section_01 ul li:before{content: ""; display: block; width: 2px; height: 12px; background: #FFF; 
	position: absolute; left: 0px; top:50px;}


#SPECIAL article section#section_01 ul li div.detail{width: 70%; text-align: left;}
#SPECIAL article section#section_01 ul li div.detail h3{color: #17499d; font-weight: 700; font-size: 1.4em; margin: auto auto 20px 0; text-align: left;}

#SPECIAL article section#section_01 ul li div.detail{position: relative;}
#SPECIAL article section#section_01 ul li div.detail:before{content: ""; display: block; width: 2px; height: 12px; background: #FFF; 
	position: absolute; left: -22px; top:25px;}


#SPECIAL article section#section_01 ul li div.detail p{font-size: 1.2em; }
#SPECIAL article section#section_01 ul li div.detail p.title{font-size: 1.4em; font-weight: 700; margin-bottom: 10px;}

#SPECIAL article section#section_01 ul li div.detail p.company{margin-top: 20px;}

#SPECIAL article section#section_01 ul li div.img_area{width: calc(30% - 20px); margin-left: 20px; text-align: center;}
#SPECIAL article section#section_01 ul li div.img_area img{width:100%; height: auto; margin: auto auto 0px;}
#SPECIAL article section#section_01 ul li div.img_area p{font-size: 80%; }

#SPECIAL article section#section_01 ul li ul.company{border-top:2px solid #81d3dd; width: calc(100% + 10px); display: flex; position: relative; left: 20px; margin-top: 20px;}
#SPECIAL article section#section_01 ul li ul.company li{border: 0; font-size: 90%; padding: 10px 10px 10px 0px; margin-bottom: 0px; width: fit-content;}
#SPECIAL article section#section_01 ul li ul.company li:first-child{font-weight: 700;}

#SPECIAL article section#section_01 ul li ul.company{position: relative;}
#SPECIAL article section#section_01 ul li ul.company:before{content: ""; display: block; width: 12px; height: 12px; background: #81d3dd; 
	position: absolute; left: -12px; top:-8px;}
#SPECIAL article section#section_01 ul li ul.company:after{content: ""; display: block; width: 2px; height: 12px; background: #FFF; 
	position: absolute; left: calc(100% - 0px); top:-14px;}


@media screen and (max-width: 650px) {
	#SPECIAL article section#section_01 h2 + dl dt{font-size: 1.8em;}
	#SPECIAL article section#section_01 ul li div.detail{width: 100%; margin-bottom: 20px;}
	#SPECIAL article section#section_01 ul li div.img_area{width: calc(100% - 0px); margin-left: 0px; }
	
	#SPECIAL article section#section_01 ul li ul.company{display: flex; flex-wrap: wrap;}
	#SPECIAL article section#section_01 ul li ul.company li{width: 100%;}
}



#SPECIAL article section#section_02{padding: 40px 20px 40px;}
#SPECIAL article section#section_02 h2{line-height: 120%; margin-bottom: 10px; background: #00a0d9; color: #FFF; font-size: 1.8em; padding: 10px 16px; text-align: left;}
#SPECIAL article section#section_02 h2 + p{width: calc(100% - 80px); margin: auto 40px 40px; font-weight: bold; font-size: 1.4em; text-align: left;}

#SPECIAL article section#section_02 ul{width: calc(100% - 80px); margin: auto 40px;}
#SPECIAL article section#section_02 ul li{display: flex; flex-wrap: wrap;}

#SPECIAL article section#section_02 ul li div{width: 30%; text-align: right;}
#SPECIAL article section#section_02 ul li div img{width: 100%; height: auto;}
#SPECIAL article section#section_02 ul li div img + p{margin-bottom: 20px; text-align: center;}

#SPECIAL article section#section_02 ul li div img.w70{width: 70%; height: auto; margin: auto 0 auto auto;}
#SPECIAL article section#section_02 ul li div img.w70 + p{width: 70%; margin: auto 0 auto auto;}


#SPECIAL article section#section_02 ul li dl{width: calc(70% - 20px); margin-left: 20px;}
#SPECIAL article section#section_02 ul li dl dt{text-align: left; font-weight: 700; font-size: 1.4em; margin-bottom: 10px;}
#SPECIAL article section#section_02 ul li dl dd{text-align: left; font-size: 1.2em; margin-bottom: 20px;}

#SPECIAL article section#section_02 ul li dl + p{width: 100%; text-align: right; font-size: 1.2em;}
#SPECIAL article section#section_02 ul li a{/*width: 100%; text-align: right; */ text-decoration: underline; color: #222; }

@media screen and (max-width: 650px) {
	#SPECIAL article section#section_02 h2 + p{width: calc(100% - 0px); margin: auto 0px 40px;}
	
	#SPECIAL article section#section_02 ul{width: calc(100% - 0px); margin: auto 0px;}
	#SPECIAL article section#section_02 ul li div{width: calc(100% - 0px); margin: auto 0px 20px;}
	#SPECIAL article section#section_02 ul li dl{width: calc(100% - 20px); margin-left: 0px; margin-bottom: 20px;}
	
	#SPECIAL article section#section_02 ul li div img.w70{width: 100%; height: auto; margin: auto auto auto auto;}
	#SPECIAL article section#section_02 ul li div img.w70 + p{width: 100%; margin: auto auto auto auto;}
	
}

#SPECIAL article section#section_03{padding: 40px 20px 40px;}

/*
*/