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

* {margin:0;padding:0;}

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

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

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

.small {font-size: 0.7em;}

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

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


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

/* header */
.nxt_header{margin: 0 auto; max-width: 1200px; text-align: left;}
.nxt_header img {max-width: 100%;}
#header{z-index:999; width: 100%; background: #FFF;}
.h_fix{box-shadow: 2px 2px 4px gray;}
#header header{width:100%; text-align: center; z-index: 999;}
#header header input,label{display: none;}
#header header ul{max-width: 1200px; width:100%; padding: 20px; padding: 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:#ff8400; display: block; margin: 0 100px 0 0px; font-weight: bold; line-height: 110%;}
#header header ul li:nth-child(1) a:hover{color:#f5a200;}
#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{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{color:#f5a200;}

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

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

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


.btn_signin_hold a{color: #FFF!important; border: 3px solid #ba64a3; transition: all 0.3s ease;
/*background-image: linear-gradient(0deg, rgba(191, 81, 161, 1), rgba(245, 184, 218, 1)); */
background: rgba(191, 81, 161, 1); }
.btn_signin_hold a:hover{background: /*rgba(191, 81, 161, 0.7) */ #fbc4ec; color: #222!important;
    /*background-image: linear-gradient(0deg, rgba(245, 184, 218, 1), rgba(191, 81, 161, 1));*/}

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

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

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

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

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

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

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




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

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

@media screen and (max-width: 1200px) {
    #header header ul{width: calc(100% - 40px);}
    #header header ul li:nth-child(6) .btn_signin a{font-size: 1.0em; padding: 8px 10px 2px;}
}
@media screen and (max-width: 1000px) {
    #header header ul li:nth-child(1) a{margin: 0 40px 0 0px;}
}

@media screen and (max-width: 920px) {
    #header header ul li{font-size: 1.0em;}
    #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 a{color:#FFF!important;}
    #header header ul li:nth-child(1) a{margin: auto;}
    #header header ul li:nth-child(6){border-bottom: 0;}
    #header header ul li:nth-child(6) .btn_signin a{color: #333!important;}
    #header header ul li:nth-child(6) .btn_signin a:hover{color: #FFF!important;}
   
    
    #header header label{display: flex; height: 54px; width: 54px; justify-content: center; align-items: center; z-index: 90; background: rgba(0,0,0,0.8); position: fixed; left:0;}
    #header header label span,#header header label span:before,#header header label span:after {content: '';display: block;height: 3px;width: 25px;border-radius: 3px;background-color: #ffffff;position: absolute;
    transition: all 0.2s 0s ease;}
    #header header label span:before {bottom: 8px;}
    #header header label span:after {top: 8px;}
    #header header input:checked ~ label{background: rgba(0,0,0,0.0);}
    #header header input:checked ~ label span{background-color: rgba(255, 255, 255, 0);}
    #header header input:checked ~ label span::before {bottom: 0;transform: rotate(45deg);}
    #header header input:checked ~ label span::after {top: 0; transform: rotate(-45deg);}
    #header header input:checked ~ label span{background-color: rgba(255, 255, 255, 0);}
    #header header input:checked ~ label span::before {bottom: 0;transform: rotate(45deg);}
    #header header input:checked ~ label span::after {top: 0; transform: rotate(-45deg);}
    #header header input:checked ~ ul{background: rgba(0,0,0,0.8); color:#fff; width: 100%; height: auto; position: absolute; top:0;}
}
@media screen and (max-width: 390px) {
    #header header ul li{width: calc(100% - 10%); margin: 0 5%;}
    #header header ul li:nth-child(6) .btn_signin {width: 60%;}
    #header header ul li:nth-child(6) .btn_signin a{font-size: 1.0em; padding: 8px 0px 2px;}
}


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


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

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

#TOP{text-align: center;}
#TOP article{
    position: relative;
    background: rgba(0,0,0,0.0);
    text-align: center;
    z-index: 0;
    animation: back_fadeIn 3s ease 0s 1 normal;
    -webkit-animation: back_fadeIn 3s ease 0s 1 normal;
    overflow: hidden;
}
#TOP article:before{
    content: "";
    width: 1200px;
    height: 100%;
    position: absolute;
    left: calc(50% - 600px);
    top: 0;
    z-index: -1;
    background-color: rgba(255,255,255,1.5);
}
@keyframes back_fadeIn {0% {opacity: 0}100% {opacity: 1}}
@-webkit-keyframes back_fadeIn {0% {opacity: 0}100% {opacity: 1}}


/* 820,768,540,414,412,390,393,375,360,280, */
@media screen and (max-width: 912px) {/* PCレイアウトで調整 */
   
}
@media screen and (max-width: 540px) {/* 以下SPレイアウト */
  
}

/* section */
#TOP article section{display: block; width: calc(1200px - 200px); max-width: calc(1200px - 200px); margin: auto; padding: 80px 100px; border: 0px solid white;}
@media screen and (max-width: 1200px) {
    #TOP article section{width: calc(100% - 100px); padding: 100px 50px;}
}top_section_06
/*
#TOP article section#top_section_04,
#TOP article section#top_section_06,
#TOP article section#top_section_08,
#TOP article section#top_section_10{background: #ebebeb;}
*/

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


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

#TOP article section#top_section_01{position: relative; text-align: center;}
#TOP article section#top_section_01{background: url("id2025top_bk.webp");background-repeat: no-repeat; 
background-size:100% 100%; width: 100%; max-width: 100%!important; padding: 0; background-position: top; overflow: hidden;}

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

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

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

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

@media screen and (max-width: 650px) {
    #TOP article section#top_section_01{background: url("id2025top_bk_sp_center.webp"); background-position: top; overflow: hidden;}
    #TOP article section#top_section_01 div.flex_area .sp_view{display: block;}

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

/*
#TOP 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;}
#TOP article section#top_section_01{background: url("id2024top_bk.jpg");background-repeat: no-repeat; 
background-size:100% auto;
width: 100%; max-width: 100%!important; padding: 0; background-position: center; overflow: hidden;}

#TOP article section#top_section_01 div{width: calc(1200px - 0px); max-width: calc(1200px - 0px); margin: auto; padding: 50px 0; background: rgba(104,196,213,0.0);}

#TOP article section#top_section_01 div{position: relative;}
#TOP article section#top_section_01 div:before{content: ""; display: block; width: 300%; height: 100%; background: rgba(104,196,213,0.0); position: absolute; left: -300%; top:0;}
#TOP article section#top_section_01 div:after{content: ""; display: block; width: 300%; height: 100%; background: rgba(104,196,213,0.0); position: absolute; right: -300%; top:0;}


#TOP article section#top_section_01 div .bk_add{position: absolute; left: calc(50% - 250px); opacity: 0.7; width: 500px; height: auto;}

#TOP article section#top_section_01 .eye_catch,
#TOP article section#top_section_01 h1,
#TOP article section#top_section_01 dl,
#TOP article section#top_section_01 ul{position: relative; z-index: 2;}

#TOP article section#top_section_01 .eye_catch{color: #FFF; line-height: 140%; display: inline-block; margin: auto auto 30px;  text-align: center; font-size: 2.8em; font-weight: bold;
 -webkit-text-stroke:8px #003f98; position:relative;
    font-family: "Meiryo", sans-serif!important;
    
}
#TOP article section#top_section_01 .eye_catch span{position: absolute; left: 0; -webkit-text-stroke: 0;}


#TOP article section#top_section_01 h1{width:calc(850px - 180px); padding: 30px 0 30px 180px; font-size: 2.2em; text-align: left; font-weight: bold; line-height: 120%; margin: auto auto 1em; background: rgba(0,158,190,0.7); position: relative; color: #FFF;}
#TOP article section#top_section_01 h1 small{display: flex; font-weight: bold; line-height: 120%; color:#003f97; background: #fff400; text-align: center; justify-content: center; align-items: center; width: 100px; height: 100px; border-radius: 50%; position: absolute; left: 20px; top:calc(50% - 53px); font-size: 0.5em; 
border: 3px double #009fbf;}

#TOP article section#top_section_01 h1 small:before{ content: ''; 
width: calc(100% + 2px); height: calc(100% + 2px); 
position: absolute; top: -3px; left: -3px;  border-radius: 50%; }

#TOP article section#top_section_01 h1 small:after{ content: ''; 
width: calc(100% + 6px); height: calc(100% + 6px); border: 5px solid #fff400;
position: absolute; top: -8px; left: -8px;  border-radius: 50%; }

#TOP article section#top_section_01 nav{display: flex; flex-wrap: wrap; width: 70%; margin: auto;}
#TOP article section#top_section_01 nav dl{width: 70%}
#TOP article section#top_section_01 nav ul{width: 30%}


#TOP article section#top_section_01 dl{font-family: kozuka-gothic-pr6n, sans-serif; font-style: normal; font-weight: bold;}
#TOP article section#top_section_01 dl{display: flex; flex-wrap: wrap; font-size:1.2em; margin: auto; line-height: 150%; width:50%; text-align: left; 
    text-shadow: 2px 2px 3px rgb(255,255,255,255.3);}
#TOP article section#top_section_01 dl dt{width: 65px;}
#TOP article section#top_section_01 dl dt:before{content: "\025cf "; }
#TOP article section#top_section_01 dl dd{width: calc(100% - 80px);}
#TOP article section#top_section_01 dl dd:before{content: ": "; }

#TOP article section#top_section_01 ul{display: flex; flex-wrap: wrap; justify-content: space-between; align-content: stretch; align-items: stretch;
    margin: auto; width: 100%;}
#TOP article section#top_section_01 ul li{width: 100%; display: flex; justify-content: center; align-items: center; background: #003f98; color: #FFF; border-radius: 10px; font-size: 1.2em; font-weight: bold; letter-spacing:0.1em; padding: 10px 0; margin: 5px auto;}


@media screen and (max-width: 1200px) {
    #TOP article section#top_section_01 div{width: 100%;}
}
@media screen and (max-width: 1100px) {
    #TOP article section#top_section_01 .eye_catch{font-size: 2.4em;}
    #TOP article section#top_section_01 nav{width: 75%;}
}
@media screen and (max-width: 960px) {
    #TOP article section#top_section_01 nav{width: 80%;}
    #TOP article section#top_section_01 nav dl{width: 75%;}
    #TOP article section#top_section_01 nav ul{width: 25%;}
}
@media screen and (max-width: 860px) {
    #TOP article section#top_section_01 .eye_catch{font-size: 2.2em;}
    #TOP article section#top_section_01 h1{width: calc(90% - 150px); padding: 30px 0 20px 150px;}
    #TOP article section#top_section_01 nav{width: 90%;}
}
@media screen and (max-width: 760px) {
    #TOP article section#top_section_01 .eye_catch{font-size: 2.0em;}
    #TOP article section#top_section_01 nav dl{width: 100%; margin-bottom: 1em;}
    #TOP article section#top_section_01 nav ul{width: 100%;}
    #TOP article section#top_section_01 nav ul li{width: 40%;}
}
@media screen and (max-width: 680px) {
    #TOP article section#top_section_01 .eye_catch{font-size: 1.8em;}
    #TOP article section#top_section_01 h1{font-size: 1.6em; width: calc(90% - 120px); padding: 30px 0 30px 120px;}
    #TOP article section#top_section_01 h1 small{width: 80px; height: 80px; top:calc(50% - 40px);}
}

@media screen and (max-width: 600px) {
    #TOP article section#top_section_01 .eye_catch{font-size: 1.6em;}
    #TOP article section#top_section_01 h1{font-size: 1.2em;}
}
*/


/* #TOP -------------------------------------------------------------------------------------- */
/* section2　タグクラウド */
#TOP article section#top_section_02{padding: 30px 0 30px 0;}

#TOP article section#top_section_02{ background-image: linear-gradient(0deg, #ebebeb 20%, #FFF); position: relative;}
#TOP article section#top_section_02:before{content: ""; display: block; width: 300%; height: 100%; background-image: linear-gradient(0deg, #ebebeb 20%, #FFF); 
position: absolute; left: -300%; top:0;}
#TOP article section#top_section_02:after{content: ""; display: block; width: 300%; height: 100%; background-image: linear-gradient(0deg, #ebebeb 20%, #FFF); 
position: absolute; right: -300%; top:0;}


#TOP article section#top_section_02 h2{font-size: 1.5em; line-height: 110%; font-weight: bold; margin: 20px auto 20px; }
#TOP article section#top_section_02 ul.tag_cloud{display: flex; flex-wrap: wrap; justify-content:flex-start; margin: auto auto 20px; width: 80%;}
#TOP article section#top_section_02 ul.tag_cloud li{width: fit-content; background: #46b2e6!important; color: #FFF; border-radius: 10px; padding: 6px 20px; font-size: 1.2em; font-weight: normal; margin: 3px 5px;}
#TOP article section#top_section_02 ul.tag_cloud li a{pointer-events: none;}


/* #TOP -------------------------------------------------------------------------------------- */
/* section3　リアルならではのこの機会を～ */
#TOP article section#top_section_03{/*height: auto; padding: 50px 0 100px 0; */text-align: left;  
display: flex; flex-wrap: wrap; justify-content: center; align-items: center;}
#TOP article section#top_section_03 h2{width: 100%; line-height: 110%; text-align: center; margin-bottom: 50px; font-weight: normal;} 
#TOP article section#top_section_03 div:nth-child(2){/*width: calc(45% - 0px); padding: 0px; text-align: center;*/ display: none;}
#TOP article section#top_section_03 div:nth-child(3){/*width: calc(55% - 0px); padding: 0 0 0 0px;*/ width: 90%; }
#TOP article section#top_section_03 div:nth-child(3) p{font-size: 1.6em; line-height: 1.7em;}

#TOP article section#top_section_03 div:nth-child(3){position: relative;}
#TOP article section#top_section_03 div:nth-child(3) img.top_event{width: 330px; height: auto; object-fit: cover; border-radius: 0%; position: absolute; top:0; right: -60px; /*object-position: -24px -18px;*/}

/* 表示されたらクラス追加 */
#TOP article section#top_section_03 div:nth-child(3) img.top_arrow{display: block; width: 30%; height: 22px; object-fit: cover; object-position: 100% 0%; margin-top: 3em; transition: all 3.0s .0s ease;}
#TOP article section#top_section_03 div:nth-child(3) img.active{width: 100%;}

@media screen and (max-width: 960px) {
    #TOP article section#top_section_03 div:nth-child(3) p{font-size: 1.4em; line-height: 1.7em;}
    #TOP article section#top_section_03 div:nth-child(3) img.top_event{width: 200px; height: 200px;}
}
@media screen and (max-width: 830px) {
    #TOP article section#top_section_03 div:nth-child(3) p{font-size: 1.2em; line-height: 1.7em; margin-bottom: 1em;}
    /*#TOP article section#top_section_03 div:nth-child(3) img.top_event{width: 180px; height: 180px;}*/
}
@media screen and (max-width: 730px) {
    #TOP article section#top_section_03 div:nth-child(3) p{text-align: center;}
    /*#TOP article section#top_section_03 div:nth-child(3) img.top_event{
        width: 180px; height: 180px; position: relative; left: calc(50% - 90px);}*/
    #TOP article section#top_section_03 div:nth-child(3) img.top_event{
        width: 90%; height: auto; position: relative; left: calc(50% - 45%);}
}




/* section4　出展社の技術カテゴリー */
#TOP article section#top_section_04{/*height: auto; padding: 60px 0 20px 0;*/ text-align: center;
display: flex; flex-wrap: wrap ; justify-content:space-between;}
#TOP article section#top_section_04 h2{width: 100%; margin-bottom: 40px; font-weight: normal;} 
#TOP article section#top_section_04 div.effect{width: calc(48% - 20px); background: rgba(0,0,0,0.2); margin-bottom: 40px; padding: 30px 10px;}

#TOP article section#top_section_04 div.effect:nth-child(2){background: rgba(255,162,162,0.5);}
#TOP article section#top_section_04 div.effect:nth-child(3){background: rgba(239,219,131,0.5);}
#TOP article section#top_section_04 div.effect:nth-child(4){background: rgba(117,171,217,0.5);}
#TOP article section#top_section_04 div.effect:nth-child(5){background: rgba(158,218,163,0.5);}


#TOP article section#top_section_04 div.effect{
transform: perspective(800px) rotateY(0deg) scale(0.9) rotateX(0deg);
opacity: 1.0; transition: 0.6s ease all;}
#TOP article section#top_section_04 div.effect:hover {cursor: pointer;
transform: perspective(800px) /*rotateY(-15deg) translateY(-50px)*/ rotateX(0deg) scale(1);
opacity: 1; box-shadow: 10px 10px 20px #aaa;}

/*
#TOP article section#top_section_04 div.effect:hover {cursor: pointer;
transform: perspective(800px) rotateY(-15deg) translateY(-50px) rotateX(10deg) scale(1);
opacity: 1;}*/

#TOP article section#top_section_04 div.effect dl{text-align: center;}
#TOP article section#top_section_04 div.effect dl dt{font-size: 2.4em; font-weight: bold; margin-bottom: 6px;}
#TOP article section#top_section_04 div.effect:nth-child(2) dl dt{color: #e60c11;}
#TOP article section#top_section_04 div.effect:nth-child(3) dl dt{color: #eb6100;}
#TOP article section#top_section_04 div.effect:nth-child(4) dl dt{color: #0077c4;}
#TOP article section#top_section_04 div.effect:nth-child(5) dl dt{color: #00a140;}

#TOP article section#top_section_04 div.effect dl dd{font-size: 1.6em; font-weight: bold;}
#TOP article section#top_section_04 div.effect dl dd:nth-child(3){font-size: 1.0em; font-weight:normal; margin: 10px 30px;}

#TOP article section#top_section_04 div{width: 100%; text-align: right;}
#TOP article section#top_section_04 p{font-size: 1.2em; font-weight: bold; position: relative; margin-right: 20px; display: inline-block;}
#TOP article section#top_section_04 p a{color: #222;}
#TOP article section#top_section_04 p a:hover{color: #003f98;}
#TOP article section#top_section_04 p:after{content: ""; display: block; position: absolute;
top: calc(50% - 12px); right: -30px; width: 0; height: 0; 
border: 10px solid transparent; border-left: 14px solid #222; transition: all 0.3s 0s ease;}

#TOP article section#top_section_04 p:hover:after{border-left: 14px solid #003f98;}

@media screen and (max-width: 850px) {
    #TOP article section#top_section_04 div.effect{width: calc(100% - 20px); margin-bottom: 40px; padding: 30px 10px;}
}


/* section6　来場登録 */
#TOP article section#top_section_05{}



/* section6　セミナー */
#TOP article section#top_section_06{}
#TOP article section#top_section_06 h2{width: 100%; margin-bottom: 6px; font-weight: normal;}
#TOP article section#top_section_06 h2+p{font-size: 1.4em; margin-bottom: 80px;}

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

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

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

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

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

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


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

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


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

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

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

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

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

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

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



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

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

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

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


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

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

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

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

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

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


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

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

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

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


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


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

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

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

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


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







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

/* ★ */
#TOP article section#top_section_07 .bx-wrapper .bx-pager.bx-default-pager a{background: #3aaaea; width: 12px; height: 12px; margin: 0 5px; border-radius: 20px;}
#TOP article section#top_section_07 .bx-wrapper .bx-pager.bx-default-pager a:hover, 
#TOP article section#top_section_07 .bx-wrapper .bx-pager.bx-default-pager a.active {background: #0068b7;}

@media screen and (max-width: 820px) {
#TOP article section#top_section_07 .bx-wrapper .bx-pager.bx-default-pager a{width: 14px; height: 14px; margin: 2px 6px; border-radius: 20px;}
    
}

/*
@media screen and (max-width: 820px) {
#TOP article section#top_section_07 .bx-wrapper .bx-pager.bx-default-pager a{background: #68c4d5; width: 14px; height: 14px; margin: 0 6px; border-radius: 20px;}
}*/

/* 912   820,768,540,414,412,390,393,375,360,280, */
@media screen and (max-width: 540px) {/* 以下SPレイアウト */
    #TOP article section#top_section_07{height: auto; padding: 20px 0 20px 0;}
    #TOP article section#top_section_07 h2{width: 100%; font-size: 2.0em; margin-bottom: 20px; line-height: 110%;}
    
    #TOP article section#top_section_07 .bx-wrapper .bx-viewport{box-shadow:none; border: none; left:0px;}
    #TOP article section#top_section_07 .bx-wrapper li{border-left: 0px solid #FFF; width: calc(100% - 0px); background: #ebebeb;}
    #TOP article section#top_section_07 .bx-caption{position: relative; background: rgba(80, 80, 80, 0.3); text-align: left; height: 80px; overflow: hidden; display: flex; justify-content: flex-start; align-items: center;}
    #TOP article section#top_section_07 .bx-caption span{font-size: 1.0em; display: block;}
    #TOP article section#top_section_07 .bx-wrapper img {width: 100%; height: 250px; object-fit:contain;}
    #TOP article section#top_section_07 .bx-wrapper .bx-pager.bx-default-pager{display: none;}

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




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

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



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

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

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

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


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




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

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

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

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

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

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

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

}




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

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

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

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

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

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

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

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

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

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

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

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



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


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

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

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

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

    .active .support,
    a.support:hover{border: 1px solid #00a140!important;}
    
    
}
@media screen and (max-width: 440px) {
    #LIST .filter-options li{font-size: 0.6em; }
    #LIST .filter-options li a{padding: 10px 0;}
}
@media screen and (max-width: 340px) {
    #LIST .filter-options li{font-size: 0.4em;}
}







#LIST .category_lst{ display: flex; flex-wrap:wrap; margin: auto; width: 100%; justify-content: center; align-items: center; margin-bottom: 3em;}
#LIST .category_lst>dt{background: #ff6d4e; color: #fff; font-weight: bold;}
#LIST .category_lst>dt+dd+dt{background: #acbe1d; color: #fff;}
#LIST .category_lst>dt+dd+dt+dd+dt{background: #39aab9; color: #fff;}

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

@media screen and (max-width: 540px) {
    #LIST .category_lst dt{width: 70%; padding: 10px 0; margin-bottom: 0.5em;}
    #LIST .category_lst dd{width: calc(70% - 0px); padding: 0 0 0 0px; text-align: left; margin-bottom: 1em; font-size: 0.9em;}
}
@media screen and (max-width: 400px) {
    #LIST .category_lst dt{width: 90%; padding: 10px 0; margin-bottom: 1em;}
    #LIST .category_lst dd{width: calc(90% - 0px); padding: 0 0 0 0px; text-align: left; margin-bottom: 1em;}
}

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

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





#LIST #grid{display: flex; flex-wrap: wrap; justify-content:space-around; 
width:calc(100% - 26px); margin:30px auto 30px 20px;}
#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: cover;*/ object-fit: contain; position: relative; top:-3px; transform: translate(0, 3px);}
#LIST #grid>a dd{padding:4px 15px; width:calc(100% - 30px); font-size:0.94em; height: 160px; text-align: left;} /* ★高さは手動で変更 */

#LIST #grid>a dd div{width: 100%; text-align: center; margin-bottom:10px;}
#LIST #grid>a dd div i{display:inline-block; font-style: normal; 
    /*border: 2px solid #FFF!important;*/ margin: 2px; padding: 2px 0px 0px;
    width: 100px; background: #FFF; z-index: 9; font-size: 0.8em; box-shadow:none!important;}

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

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



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



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


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

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



/* 画像リスト */
#LIST_DETAIL .infomation_v2 .img_lst{display:flex; justify-content:space-between; flex-wrap:wrap;}
#LIST_DETAIL .infomation_v2 .img_lst li p{margin:0 auto 1em;}
#LIST_DETAIL .infomation_v2 .img_lst li:nth-child(1){width:100%; height:auto; margin-bottom:20px;}
#LIST_DETAIL .infomation_v2 .img_lst li:nth-child(1) img{width:100%; height:auto;}
#LIST_DETAIL .infomation_v2 .img_lst li:nth-child(n+2){width:48%; margin-bottom:20px;}
#LIST_DETAIL .infomation_v2 .img_lst li:nth-child(n+2) span{display:block; width:100%; height:200px; background-color:#ebebeb; margin-bottom:10px;}
#LIST_DETAIL .infomation_v2 .img_lst li:nth-child(n+2) img{width:100%; height:100%; object-fit:contain;}

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

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

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


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

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


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


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


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


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

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

#SUMMERY article section#section_01{width: calc(100% - 0); padding: 80px 0;}

#SUMMERY article section#section_01 h1{line-height: 120%; margin-bottom: 80px;}
#SUMMERY article section#section_01 h2{line-height: 120%; margin-bottom: 40px;}

#SUMMERY article section#section_01 p{width: 80%; margin: auto; text-align: left; margin-bottom: 60px;}
#SUMMERY article section#section_01 div{width:80%; margin: auto; background-color:#f7f7f7; padding:20px; text-align:left;}
#SUMMERY article section#section_01 div h3{text-align: left; font-size: 1.4em; font-weight: bold; margin-bottom: 20px;}

#SUMMERY article section#section_01 div>ul{width:100%; margin-bottom:30px; display:flex; flex-wrap:wrap;}
#SUMMERY article section#section_01 div>ul li{margin-right:20px; font-size:1.2em;}




#SUMMERY article section#section_02{padding: 40px 0;}
#SUMMERY article section#section_02 h2{line-height: 120%; margin-bottom: 20px;}
#SUMMERY article section#section_02 ul{display: flex; justify-content: center; flex-wrap: wrap; margin-bottom: 60px;}
#SUMMERY article section#section_02 ul li{margin: 0 20px;}


#SUMMERY article section#section_03{padding: 40px 0;}
#SUMMERY article section#section_03 h2{line-height: 120%; margin-bottom: 20px;}

#SUMMERY article section#section_03 h2+dl{width: 550px; display: flex; justify-content:flex-start; flex-wrap: wrap; margin: auto; text-align: left; font-weight: bold;}

#SUMMERY article section#section_03 h2+dl dt{width: 80px;}
#SUMMERY article section#section_03 h2+dl dd{width: calc(100% - 80px);}


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


#SUMMERY article section#section_04{padding: 40px 0;}
#SUMMERY article section#section_04 ul{display: flex; justify-content: center; flex-wrap: wrap;}
#SUMMERY article section#section_04 ul li{width: 20%; text-align: center;}


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




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

    #SUMMERY article section#section_02 h2{font-size: 2.0em; line-height: 110%; margin-bottom: 10px;}
    #SUMMERY article section#section_02 ul li{width: 100%; margin-bottom: 1em;}
    
    #SUMMERY article section#section_03 h2+dl{width: 90%; display: flex; justify-content:flex-start; flex-wrap: wrap; margin: auto; text-align: left; font-weight: bold; }

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









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

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

  background: -webkit-gradient(
    linear,
    right top,
    left top,
    from(#e60108),
    to(#2a8e1a)
  );
  background: -webkit-linear-gradient(right, #2a8e1a, #e60108);
  background: linear-gradient(to left, #2a8e1a, #e60108);
    
    /*add ★*/
background: -webkit-linear-gradient(right, #003f98, #68c4d5);
background: linear-gradient(to left, #003f98, #68c4d5);
}
.btn_signin:hover:before{
    opacity       : 0;
}

.btn_signin a {
  font-size: 1.5em;
  font-weight: bold;
  line-height: 0.9em;
  position: relative;
  display: inline-block;
  padding: 16px 90px 10px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  /*letter-spacing: 0.1em;*/
  border-radius: 16px;
    color: #003f98;
    background: #FFF;
}
.btn_signin a small{display: block; font-size: 0.4em; margin-top: 0px;}
.btn_signin:hover a{color: #e60108;}
/*add ★*/
.btn_signin:hover a{color: #FFF; background: #003f98;
background: -webkit-linear-gradient(bottom, #003f98, #68c4d5);
background: linear-gradient(to top, #003f98, #68c4d5);}

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

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







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

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


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





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

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


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


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

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





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





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


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

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

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