@charset "utf-8";
/*
Theme Name: b-chance2025
Description: オリジナルテーマ
Author: オフィスゼット
*/

@import url('https://fonts.googleapis.com/css2?family=BIZ+UDPGothic:wght@400;700&family=M+PLUS+1p:wght@100;300;400;500;700;800;900&display=swap');

@media screen and (min-width: 650px){	
.br-pc { display:block; }
.br-sp { display:none; }
}

@media screen and (max-width: 650px){	
  .br-pc { display:none; }
  .br-sp { display:block; }
}

/*タブレット*/
@media screen and (min-width:1024px){	
.br-md { display:none; }
}
@media screen and (max-width:1023px){	
.br-md { display:block; }
}
@media screen and (max-width:767px){	
.br-md { display:none; }
}




@media all and (max-width: 736px) {
img.img-responsive {
width:100%;
max-width: 100%;
height: auto;
}
}

a { color:orangered;  }

a.overwhite:hover img{
cursor:pointer;
filter: alpha(opacity=60);        /* ie lt 8 */
-ms-filter: "alpha(opacity=60)";  /* ie 8 */
-moz-opacity:0.6;                 /* FF lt 1.5, Netscape */
-khtml-opacity: 0.6;              /* Safari 1.x */
opacity:0.6;
zoom:1;
}
.margin-top10 {
margin-top: 10px;
}

.alpha a:hover {
top:2px;
filter: alpha(opacity=60);        /* ie lt 8 */
-ms-filter: "alpha(opacity=60)";  /* ie 8 */
-moz-opacity:0.6;                 /* FF lt 1.5, Netscape */
-khtml-opacity: 0.6;              /* Safari 1.x */
opacity:0.6;
}

/* body */
body {
width: 100%;
background-image:url(./img/bg2.jpg);
background-color:#dcedf7;
background-repeat:
repeat-x;
background-position:top center;
font-family:'Sawarabi Gothic', 'メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',sans-serif;
line-height: 1.5;
color:#333;font-size:100%;
}

p.text-ph { padding:0 30px;margin:0;line-height:1.8;}
ol.tag {margin:10px;}
ol.tag li i{ color:#1e50a2 !important; }

.header-top {
	box-shadow: 0 0 8px #6495ed;
	background:#fff;
	padding: 0;
}
.header-img-left {margin: 0 0 0 -15px;text-align:left;padding: 0;line-height:0;}
.header-img-left img {width:315px;}
.header-img-right {margin: 8px auto 0;text-align:right;}
.header-img-right img {width: 275px;}

.main-image { margin:15px auto 0; }
.sub-main-image { margin:15px auto 5px; }


@media all and (max-width:640px) {
.header-img-left {margin:5px auto 0;text-align:center!important;}
.header-img-right {margin:5px auto 0;text-align:center!important;}
}

@media (max-width:641px) {
#body2 { background:none;}
.header-top { margin-top:0px;
background: #ffffff url(images/header-logo.webp) no-repeat top left;
 background-size:180px;
}
/*#body-sub { background: url(./img/sub-back-2019.png) top center no-repeat;background-position:50% 20px; }
.main-image { margin-top:0px; }
.sub-main-image { margin-top:-10px; }*/
.header-img-left {margin:0px auto 0;text-align:center!important;}
.header-img-right {margin:0px auto 0;text-align:center!important;}
}

/* メディアクエリ設定（iPHone4,iPhone5,iPhone5s,iPhone6,iPhone6 Plus用） */
@media screen and (min-width: 320px) and (max-width: 499px) {

}


.main-title-2025 {margin: 0px auto 0;text-align:center;}
.main-title-2025 img {max-width:960px;}
.main-img-2025 {margin: 0px auto 0;text-align:center;}
.main-img-2025 img {max-width:1100px;}

.event-title {
	margin:-10px 0 10px;
	font-size:25px;
	text-align:center;
	font-family: "M PLUS 1p", sans-serif;
	font-weight:800;color:#00008b;
	font-style: normal;
	text-shadow: 2px 2px 20px #FFF, -2px -2px 5px #FFF, -2px 2px 5px #FFF, 2px -2px 5px #FFF, 0 2px 5px #FFF,  0 -2px 5px #FFF, -2px 0 5px #FFF, 2px 0 20px #FFF;
}

h2.catch-copy {
	margin:0 0 20px;font-size:28px;
	text-align:center;
	font-family: "M PLUS 1p", sans-serif;
	font-weight:800;color:#00008b;
	font-style: normal;
	background:none;
	border:none;
	text-shadow: 2px 2px 20px #FFF, -2px -2px 5px #FFF, -2px 2px 5px #FFF, 2px -2px 5px #FFF, 0 2px 5px #FFF,  0 -2px 5px #FFF, -2px 0 5px #FFF, 2px 0 20px #FFF;
}
h2.catch-copy span { 
color:red;
font-weight:800;
}


@media all and (max-width:1060px) {
.main-title-2025 img {max-width:95%;}
.main-img-2025 img { max-width:90%;}
h2.catch-copy {
font-size:25px;}
}

@media all and (max-width:820px) {
.main-img-2025 img { max-width:90%;}
.catch-copy {
font-size:21px;}
}

@media all and (max-width:767px) {
.main-2024img img { max-width:100%;}
.main-2024img02 img { max-width:100%;}
.main-2023img03 img { max-width:100%;}
h2.catch-copy {
font-size:18px;}
h2.catch-copy span { font-size:20px;}
}

@media all and (max-width:413px) {
.catch-copy {
font-size:16px;}
}


h1 {
font-size: 0.75rem;
}

h2 { font-family:'Sawarabi Gothic', 'メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',sans-serif;
vertical-align: middle;font-size:120%;padding:10px 10px 10px;

background: #1e50a2;  /* fallback for old browsers */
background: #56CCF2;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #2F80ED, #56CCF2);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #2F80ED, #56CCF2); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

margin:20px 0 30px;color:#fff;line-height: 1.5;border-bottom:3px #cfcfcf solid;}


h2.big-copy { 
margin-top:15px;
font-size:150%;color:#00008b;
font-weight:bold;
font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
background:none!important;
border:none!important;
line-height:1.6;
text-align:center;}

h2.sen {
font-family:"游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  position:relative;
  display:inline-block;
  padding:20px 50px 20px 50px;
  font-size:24px;
  width:100%;
  margin:100px 0 20px;
  background:#fafafa;
  color:#2F80ED;
  font-weight:bold;
  border-bottom:0;
}

h2.sen span {
font-size:20px;
font-weight:bold;
}

h2.sen:before,
h2.sen:after {
  position: absolute;
  content: '';
}

h2.sen:after {
  top: 0;
  left: 0;
  width: 50px;
  height: 50px;
  border-top: 3px solid #2F80ED;
  border-left: 3px solid #2F80ED;
}

h2.sen:before {
  right: 0;
  bottom: 0;
  width: 50px;
  height: 50px;
  border-right: 3px solid #2F80ED;
  border-bottom: 3px solid #2F80ED;
}

@media all and (max-width:680px) {
h2.sen {
line-height:1.4;
padding:20px 30px 20px 30px;
}
}

@media all and (max-width: 480px) {
h2.sen span {
font-size:18px;
}
h2.sen {
font-size:20px;
width:100%;
}
}

h3 { 
margin:10px 0;background-color:#2386d5;color:#fff;
/* border-top:#2386d5 2px solid;border-bottom:#2386d5 2px solid; */
padding:0 10px;line-height:1.5; }

h3 a { color:#fff; }
h3 a:hover { color:orangered; }

h4 {
margin:10px 0;
font-weight:bold;
font-size:120%;
color:#00177F;
padding:0 0px 0 0;
text-indent: -1em;
margin: 0 0px 0.5em 1em;
line-height:1.5;
}
h4:before {
content:"";
background-color:#00177F;
width:12px;
height:12px;
margin:0 5px 0 0;
display:inline-block;
}

h5 { 
margin:10px 0;background-color:#999;color:#fff;
padding:0 10px;line-height:2; }
h5 a { color:#fff; }
h5 a:hover { color:#fff; }


/*===== header =====*/
#header {
/* border-top: 10px solid #00008b;   */
border-top:10px solid orangered;    
}


#header h1 { font-size:90%; }
.header01 { 
height:120px;
background: url(./img/headerback.png) no-repeat center;
}

.tel {
font-size: 35px;
color: #666666;
}


/*===== nav =====*/

.gearcolor { color:#bae3f5; }



/*===== スマホ改行 =====*/

@media screen and (min-width: 600px) {
.br br {
display: none;  }
}
/* メディアクエリ設定（タブレット用） */
@media only screen and (min-width: サイズ指定) {
h1 {
font-size: 0.75rem;
}
}

/* メディアクエリ設定（iPHone4,iPhone5,iPhone5s,iPhone6,iPhone6 Plus用） */
@media screen and (min-width: 320px) and (max-width: 499px) {
h1 {
font-size: 0.75rem;
}
}



@media screen and (max-width: 600px) {
.br2 br {
	display: none;  }
}


/*===== contents-top =====*/

h2.news-midashi {
position: relative;
left:8px;
padding: 1rem 2rem 2rem;
background: #fff;
color:#00008b;
font-size:24px;
text-align:center;
margin:0 auto 10px;
border-bottom:none;
}

h2.news-midashi:before {
  position: absolute;
  top: -8px;
  left: -8px;
  width: 100%;
  height: 101%;
  content: '';
  border: 4px solid #00008b;
}

.white-back { background-color:rgba(255,255,255,0.9); }
.row.white-back { padding:0;margin:0; }


.new-infobox { letter-spacing:10px;color:#0068AD; }

.info_top div { padding:10px 20px 0;margin:10px 0;color:#00008b;font-size:95%;line-height:1.6;letter-spacing:1px;/*border-bottom:dotted 2px #fff;*/ }
.info_txt img { width:auto; }
.info_top span { background:#00008b;color:#fff;padding:3px 10px 3px;font-size:90%; }
.info_num { font-family: 'Abel','メイリオ',Meiryo,'ＭＳ Ｐゴシック', sans-serif;font-size:120%;}

hr.white {
border:none;
border-top:dashed 1px #fff;
height:1px;
margin:0 auto;padding:0;
color:#FFFFFF;
width:98%;
}

@media screen and (max-width: 600px) {
.info_top div { margin:5px 0 5px;border-bottom:none;padding:0 20px; }
.new-infobox { margin-top:0px;padding-top:0;padding-bottom:5px; }
.info_num  {padding-top:5px !important;padding-bottom:0;}
.info_txt { padding-top:0; margin-top:0;}

hr.white {
border:none;
border-top:dashed 1px #fff;
height:1px;
margin:0 auto;padding:0;
color:#FFFFFF;
width:95%;
}

}



/*===== contents =====*/
.content2015 { min-height:800px;margin:30px 50px 100px; }
@media screen and (max-width:768px) {
.content2015 {
 margin:20px 30px 10px;  }
}

@media screen and (max-width:431px) {
.content2015 {
 margin:20px 10px 10px;  }
}


.content2020 { min-height:800px;margin:15px 50px 50px; }

@media screen and (max-width: 768px) {
.content2020 {
 margin:10px 30px 10px;  }
}

@media screen and (max-width: 767px) {
.content2020 {
 margin:10px 20px 10px;  }
}

@media screen and (max-width:400px) {
.content2020 {
 margin:10px 5px 10px;  }
}


.sub-content {
	background:#ffffff;
}


.page-top { width:100%;margin:0 auto; }

.page-top h2 {
position:relative;
font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
margin:0; padding:60px 0;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#e0f3fa+0,d8f0fc+50,b8e2f6+51,b6dffd+93,b6dffd+100&0+0,0.5+26,1+94,0+100 */
background: -moz-linear-gradient(-45deg,  rgba(224,243,250,0) 0%, rgba(220,241,251,0.5) 26%, rgba(216,240,252,0.68) 50%, rgba(184,226,246,0.69) 51%, rgba(182,223,253,0.99) 93%, rgba(182,223,253,1) 94%, rgba(182,223,253,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  rgba(224,243,250,0) 0%,rgba(220,241,251,0.5) 26%,rgba(216,240,252,0.68) 50%,rgba(184,226,246,0.69) 51%,rgba(182,223,253,0.99) 93%,rgba(182,223,253,1) 94%,rgba(182,223,253,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  rgba(224,243,250,0) 0%,rgba(220,241,251,0.5) 26%,rgba(216,240,252,0.68) 50%,rgba(184,226,246,0.69) 51%,rgba(182,223,253,0.99) 93%,rgba(182,223,253,1) 94%,rgba(182,223,253,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00e0f3fa', endColorstr='#00b6dffd',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

border-bottom:0; text-align:center;
font-weight:bold;font-size:40px;letter-spacing:10px;color:#00008b; }

.page-top h2:before {
  position: absolute;
  bottom: 30px;
  left: calc(50% - 30px);
  width: 60px;
  height: 5px;
  content: '';
  border-radius: 3px;
  background:#fff;
}

@media screen and (max-width: 640px) {
.page-top h2 {
font-size:30px;
letter-spacing:3px;
}
}

/* 主催挨拶 */
.greeting-text{ margin-top:80px!important;margin-bottom:30px;width:90%;margin-left:auto;margin-right:auto; }
.greeting-text p { margin-top:20px; line-height:2 !important;}

.p-name { margin-top:50px;margin-bottom:50px!important;width:90%; }
.p-name p { margin:15px 0!important;padding-left:5em; }

@media screen and (max-width: 768px) {
.p-name p { margin:15px 0!important;padding-left:4em; }
}
	
@media screen and (max-width: 640px) {
.p-name { margin-top:50px;margin-bottom:50px;width:100%; }
.p-name p { margin:15px 0!important;padding-left:1em; }

}


/*===== 開催概要 =====*/

.summarytable { background-color:#f9f9f9; }



/*===== footer =====*/
.footer-top { 
 padding-top:40px;background:#0068AD;color:#fff;
}

footer {
padding:20px 10px;
margin-top: 20px;
}

footer a { color:#fff;}








.menu-hover-lines {
  text-align: center;
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: 1px;
  transition: all 0.35s ease;
padding:30px 0;
padding-bottom:50px !important;
}

.menu-hover-lines li a {
  padding: 15px 0;
  color: #0a0a0a;
  position: relative;
  margin-left: 1rem;
}

.menu-hover-lines li:first-child a {
  margin-left: 0;
}

.menu-hover-lines li.active > a {
  background-color: transparent;
}

.menu-hover-lines a:before,
.menu-hover-lines a::after {
  height: 3px;
  position: absolute;
  content: '';
  transition: all 0.35s ease;
  background-color: #1779ba;
  width: 0;
}

.menu-hover-lines a::before {
  top: 0;
  left: 0;
}

.menu-hover-lines a::after {
  bottom: 0;
  right: 0;
}

.menu-hover-lines a:hover,
.menu-hover-lines li.active > a {
  color: #0a0a0a;
  transition: all 0.35s ease;
}

.menu-hover-lines a:hover::before,
.menu-hover-lines .active a::before,
.menu-hover-lines a:hover::after,
.menu-hover-lines .active a::after {
  width: 100%;
}



.nav-collapse ul {
  margin: 0;
  padding: 0;
  width: 100%;
  display: block;
  list-style: none;
}

.nav-collapse li {
  width: 100%;
  display: block;
}

.js .nav-collapse {
  clip: rect(0 0 0 0);
  max-height: 0;
  position: absolute;
  display: block;
  overflow: hidden;
  zoom: 1;
}

.nav-collapse.opened {
  max-height: 9999px;
}

.nav-toggle {
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

@media screen and (min-width:641px) {
  .js .nav-collapse {
    position: relative;
  }
  .js .nav-collapse.closed {
    max-height: none;
  }
  .nav-toggle {
    display: none;
  }
}

.nav-collapse,
.nav-collapse * {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.nav-collapse,
.nav-collapse ul {
  list-style: none;
  width: 100%;
  float: left;
}

.nav-collapse li {
  float: left;
  width: 100%;
}

@media screen and (min-width:641px) {
  .nav-collapse li {
    width: 20%;
    *width: 24.9%; /* IE7 Hack */
    _width: 19%; /* IE6 Hack */
  }
}

.nav-collapse a {
  color: #fff;
  text-decoration: none;
  width: 100%;
  background: #0068AD;
  border-bottom: 1px solid white;
  padding: 0.7em 1em;
  float: left;
}

.nav-collapse .alt a {
  background: #555;
}

@media screen and (min-width:641px) {
  .nav-collapse a {
    margin: 0;
    padding: 1em;
    float: left;
    text-align: center;
    border-bottom: 0;
    border-right: 1px solid white;
  }
}

.nav-collapse ul ul a {
  background: #2C54AD;
  padding-left: 2em;
}

@media screen and (min-width:641px) {
  .nav-collapse ul ul a {
    display: none;
  }
}

.nav-toggle {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 70px;
  height: 70px;
  float: right;
  text-indent: -9999px;
  overflow: hidden;
  background: #0068AD url("img/hamburger.gif") no-repeat 50% 50%;
}

@media screen and (-webkit-min-device-pixel-ratio: 1.3), screen and (min--moz-device-pixel-ratio: 1.3), screen and (-o-min-device-pixel-ratio: 2 / 1), screen and (min-device-pixel-ratio: 1.3), screen and (min-resolution: 192dpi), screen and (min-resolution: 2dppx) {
  .nav-toggle {
    background-image: url("img/hamburger-retina.gif");
    -webkit-background-size: 100px 100px;
    -moz-background-size: 100px 100px;
    -o-background-size: 100px 100px;
    background-size: 100px 100px;
  }
}



/* ============================================================
  TILE NAVIGATION
============================================================ */
/* nav styles */
nav.cmn-tile-nav {
  display: none;background:#0a8cbe;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.25);
}
nav.cmn-tile-nav.open {
  display: block;
}
nav.cmn-tile-nav ul {
  list-style: none;
  margin:0 auto;width:80%; 
}
nav.cmn-tile-nav li {
  display: block;
  overflow: hidden;
font-size:15px;
  /* font-family: "Oswald", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; */
  /* text-shadow: -1px 1px rgba(0, 0, 0, 0.3); */
  -webkit-transition: background 0.3s;
  -moz-transition: background 0.3s;
  -o-transition: background 0.3s;
  transition: background 0.3s;

}
nav.cmn-tile-nav a {
  display: block;
  padding: 20px 0;
  color: #fff;
  -webkit-transition: background 0.3s, -webkit-transform 0.3s;
  -moz-transition: background 0.3s, -moz-transform 0.3s;
  -o-transition: background 0.3s, -o-transform 0.3s;
  transition: background 0.3s, transform 0.3s;
}
nav.cmn-tile-nav a:hover {
  -webkit-transform: translateX(20px);
  -moz-transform: translateX(20px);
  -ms-transform: translateX(20px);
  -o-transform: translateX(20px);
  transform: translateX(20px);
}
nav.cmn-tile-nav li.colour-1 {
  background-color: #28aadc;
    	filter:alpha(opacity=90);
	-moz-opacity: 0.9;
	opacity: 0.9;
}
nav.cmn-tile-nav li.colour-1 a {
  background-color: #28aadc;
}
nav.cmn-tile-nav li.colour-1:hover, nav.cmn-tile-nav li.colour-1:hover a {
  background-color: #166888;
}
nav.cmn-tile-nav li.colour-2 {
  background-color: #0a8cbe;
    	filter:alpha(opacity=90);
	-moz-opacity: 0.9;
	opacity: 0.9;
}
nav.cmn-tile-nav li.colour-2 a {
  background-color: #0a8cbe;
}
nav.cmn-tile-nav li.colour-2:hover, nav.cmn-tile-nav li.colour-2:hover a {
  background-color: #05455d;
}
nav.cmn-tile-nav li.colour-3 {
  background-color: #006ea0;
      	filter:alpha(opacity=90);
	-moz-opacity: 0.9;
	opacity: 0.9;
}
nav.cmn-tile-nav li.colour-3 a {
  background-color: #006ea0;
}
nav.cmn-tile-nav li.colour-3:hover, nav.cmn-tile-nav li.colour-3:hover a {
  background-color: #00283a;
}
/* nav.cmn-tile-nav li.colour-4 {
  background-color: #006478;
} */
/*nav.cmn-tile-nav li.colour-4 a {
  background-color: #006478;
}*/


nav.cmn-tile-nav li.colour-4 {
  background-color: #0068AD;
    	filter:alpha(opacity=90);
	-moz-opacity: 0.9;
	opacity: 0.9;
}
nav.cmn-tile-nav li.colour-4 a {
  background-color: #0068AD;
}

nav.cmn-tile-nav li.colour-4:hover, nav.cmn-tile-nav li.colour-4:hover a {
  /* background-color: #000f12; */
background-color: #00417A;
}
nav.cmn-tile-nav li.colour-5 {
  background-color: #005a5a;
      	filter:alpha(opacity=90);
	-moz-opacity: 0.9;
	opacity: 0.9;
}
nav.cmn-tile-nav li.colour-5 a {
  background-color: #005a5a;
}
nav.cmn-tile-nav li.colour-5:hover, nav.cmn-tile-nav li.colour-5:hover a {
  background-color: black;
}
nav.cmn-tile-nav li.colour-6 {
  background-color: #007864;
      	filter:alpha(opacity=90);
	-moz-opacity: 0.9;
	opacity: 0.9;
}
nav.cmn-tile-nav li.colour-6 a {
  background-color: #007864;
}
nav.cmn-tile-nav li.colour-6:hover, nav.cmn-tile-nav li.colour-6:hover a {
  background-color: #00120f;
}
nav.cmn-tile-nav li.colour-7 {
  background-color: #0aa06e;
}
nav.cmn-tile-nav li.colour-7 a {
  background-color: #0aa06e;
}
nav.cmn-tile-nav li.colour-7:hover, nav.cmn-tile-nav li.colour-7:hover a {
  background-color: #04402c;
}
nav.cmn-tile-nav li.colour-8 {
  background-color: #0abe8c;
}
nav.cmn-tile-nav li.colour-8 a {
  background-color: #0abe8c;
}
nav.cmn-tile-nav li.colour-8:hover, nav.cmn-tile-nav li.colour-8:hover a {
  background-color: #055d45;
}

/* smoother transitions */
nav.cmn-tile-nav li,
nav.cmn-tile-nav a {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

@media all and (max-width:1180px) {
nav.cmn-tile-nav ul {
	list-style: none;
	margin:0 auto;
	width:90%; }	
}

@media all and (max-width:1160px) {
nav.cmn-tile-nav ul {
	list-style: none;
	margin:0 auto;
	width:100%; }	
}

@media all and (max-width:480px) {
nav.cmn-tile-nav li {
font-size:13px;
}}

/* media queries */
@media (min-width:641px) {
  nav.cmn-tile-nav {
    display: block;
  }
  nav.cmn-tile-nav li {
    width: 50%;
    float: left;
  }
}
@media all and (min-width: 480px) {
  nav.cmn-tile-nav li {
    /*width: 33.3333333333333%;*/
	width:25%;min-height:105px;
  }
  nav.cmn-tile-nav a {
    text-align: center;
    padding: 10px 0px 10px 0px;
  }
  nav.cmn-tile-nav a:hover {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transform: translateY(-10px);
  }
}
@media all and (min-width: 1024px) {
  nav.cmn-tile-nav li {
    overflow: visible;
    width: 14.28%;
    /*width:14.28571428571429%;*/
    /*width:16.66666666666666666%;*/
    /*width:20%;*/
    /*width: 16.66666666666666666%;*/
  }
  nav.cmn-tile-nav a {
    /* padding: 80px 20px 20px 20px; */
/* padding:60px 20px 30px 20px; */
padding:10px 0;
height:100px;
  }
  nav.cmn-tile-nav a:hover {
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -ms-transform: translateY(20px);
    -o-transform: translateY(20px);
    transform: translateY(20px);
  }
}

@media all and (max-width: 768px) {
	nav.cmn-tile-nav ul {
    width: 100%;
}
  nav.cmn-tile-nav li {
    /*width: 33.3333333333333%;*/width:25%;
	min-height:105px;
  }

}


/* ============================================================
  NAVIGATION TOGGLE
============================================================ */
a.nav-toggle {
  display: block;
  /*margin-bottom: 20px;*/
  padding: 20px 0;
  background-color: #0068AD;
  color: #646464;
  /* font-family: "Oswald", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; */
  text-align: center;
}
a.nav-toggle:hover {
  background-color: #009CDB;
}

@media all and (min-width:641px) {
  a.nav-toggle {
    display: none;
  }
}

.btn-detail {
  font-size: 20px;
  color: #fff;
  width:60%;
  margin:10px auto;
  padding: 18px 50px 20px;
  display: block;
  border-radius: 50px;
  text-align: center;
  position: relative;
  border:2px solid #fff;
  z-index: 2;
  will-change: transform, filter;
  transform-style: preserve-3d;
  transition: all .3s ease-out;
}
.btn-detail:hover {
  /*transform: scale(1.03);*/
  transform: translateY(-5px);
  color:#fff;
}

.btn-detail:active {color:#fff!important;}

.btn-detail::before {
  content: "";
  height: 40px;
  display: inline-block;
  position: absolute;
  left: 30px;
  right: 30px;
  bottom: 5px;
  z-index: -1;
  border-radius: 50px;
  opacity: 0;
  transform-style: preserve-3d;
  transition: all .3s ease-out;
}
.btn-detail:hover::before {
  bottom: -10px;
  opacity: .8;
  filter: blur(10px);
}
.gradient1,
.gradient1::before {
background: #56CCF2;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #2F80ED, #56CCF2);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #2F80ED, #56CCF2); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.single-top-contact { position:relative;}

.single-top-contact a {
  color:#fff!important;
}
.btn-detail2 {
  font-size: 20px;
  color: #fff;
  margin:10px auto;
  padding: 18px 50px 20px;
  display: block;
  border-radius: 50px;
  text-align: center;
  position: relative;
  border:2px solid #fff;
  z-index: 2;
  will-change: transform, filter;
  transform-style: preserve-3d;
  transition: all .3s ease-out;
}
.btn-detail2:hover {
  /*transform: scale(1.03);*/
  transform: translateY(-5px);
  color:#fff!important;
}

.btn-detail2::before {
  content: "";
  height: 40px;
  display: inline-block;
  position: absolute;
  left: 30px;
  right: 30px;
  bottom: 5px;
  z-index: -1;
  border-radius: 50px;
  opacity: 0;
  transform-style: preserve-3d;
  transition: all .3s ease-out;
}
.btn-detail2:hover::before {
  bottom: -10px;
  opacity: .8;
  filter: blur(10px);
}

/*===== 企業詳細ページ =====*/

.single-top { width:100%;margin:25px auto 40px;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+30,ffffff+30,ffffff+100&1+30,0+100 */
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 30%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 30%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 30%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
}

.cat-ti { 
margin-top:35px!important;
width:fit-content;
padding:5px 10px!important;
font-size:90%;display:block;clear:both;
padding:0; margin:0; color:#fff;
}

/* カテゴリーの色設定 */

/* 産業機械 */
.back-sdk { 
background-color: #005F3C;
}
/* 化学・合成樹脂・紙・印刷 */
.back-kgki { 
background-color: #E73F5D;
}
/* 情報通信・サービス */
.back-jsss {
 background-color: #E7C23D;
}
/* 生活関連製品・建設 */
.back-sk {
	background-color: #E75E00;
}
/* 金属製品・部品 */
.back-kb {
	background-color: #00509F;
}

/* 企業詳細ページの企業名　メインタイトル　*/

.single-top h2 {
position:relative;
font-family: "Noto Sans JP", 'メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',sans-serif;
margin:15px 0 10px 0;padding:0;
background:none;color: #1b273d;
border-bottom:0;
font-weight:bold;font-size:45px;letter-spacing:1px; }

.single-top h2 span { display:block!important; font-size:20px;font-weight:bold;  }

/* 産業機械 */
.txt-sdk { 
color: #005F3C!important;
}
/* 化学・合成樹脂・紙・印刷 */
.txt-kgki { 
color: #E73F5D!important;
}
/* 情報通信・サービス */
.txt-jsss {
color: #E7C23D!important;
}
/* 生活関連製品・建設 */
.txt-sk {
color: #E75E00!important;
}
/* 金属製品・部品 */
.txt-kb {
color: #00509F!important;
}

@media all and (max-width: 480px) {
.single-top h2 {
font-size:30px; }
}

/* 企業詳細ページのサブタイトル　*/
h2.single-sub {
position: relative;
left:8px;
padding: 1rem 2rem 2rem;
background:#f8f8ff;
color:#00008b;
width:80%;
font-size:24px;
text-align:center;
margin:30px auto 15px;
border-bottom:none;
}

h2.single-sub:before {
  position: absolute;
  top: -8px;
  left: -8px;
  width: 100%;
  height: 101%;
  content: '';
  border: 4px solid #00008b;
}

@media all and (max-width: 782px) {
h2.single-sub {width:100%;}
}

.blue-txt { color:#0095d9!important; }

.single-youtube {  width:60%;margin:30px auto 80px; }
@media all and (max-width: 782px) {
.single-youtube {  width:100%;margin:30px auto; }
}

h2.business-content-title {
  position: relative;
  padding: 1rem 2rem 2rem;
  background:none;
  border:none;color:#00008b;
  text-align:center;
  letter-spacing:2px;
  font-size:30px;
  margin:3rem 0 15px;
  font-weight:bold;
  font-family: "Noto Sans JP", 'メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',sans-serif;
}

h2.business-content-title:after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 20px;
  content: '';
/*  background:#fff;*/
  background-image: -webkit-repeating-linear-gradient(135deg, #00008b, #00008b 1px, transparent 2px, transparent 5px);
  background-image: repeating-linear-gradient(-45deg, #00008b, #00008b 1px, transparent 2px, transparent 5px);
  background-size: 7px 7px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

@media all and (max-width: 782px) {
h2.business-content-title {
  font-size:30px;
}
}


.business-content { padding:0;margin:0;font-size:16px;color:#000;}


/* 製品・技術・サービスの紹介 */
h2.introduce {
 position: relative;
 background:none;font-weight:bold;
  padding: 1.5rem 2rem 0rem 140px;
  border-bottom:none;
  color:rgba(30,80,162,1.0);
  font-size:33px;
  font-family: "Noto Sans JP", 'メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',sans-serif;
}

h2.introduce span {
  font-family: 'Abel','メイリオ',Meiryo,'ＭＳ Ｐゴシック', sans-serif;
  color:rgba(30,80,162,0.5);
  font-size: 8rem;
  line-height: 1;
  position: absolute;
  bottom: -3.5rem;
  left: 0;
}
.introduce-content {
padding:2em 0 1em;margin:0;font-size:16px;color:#000;line-height:1.8;}

@media all and (max-width: 782px) {
.introduce-content {
padding:1em 0 1em;}
}

.box-introduce {
  display:flex;
  border-bottom:dotted 1px #ddd;
  flex-direction: row;
  justify-content: space-between;
  padding-bottom: 20px;
  margin-top: 20px;
}

.text-introduce {
	clear:both;
	width: 47%;
}

.box-introduce h3 {
 position: relative;
 background:none;font-weight:bold;
  padding: 1.5rem 0rem 0 140px;
  border-bottom:none;
  color:rgba(30,80,162,1.0);
  font-size:32px;
  min-height:110px;
  font-family: "Noto Sans JP", 'メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',sans-serif;
}
.box-introduce h3 span {
  font-family: 'Abel','メイリオ',Meiryo,'ＭＳ Ｐゴシック', sans-serif;
  color:rgba(30,80,162,0.5);
  font-size: 7.5rem;
  line-height: 1;
  position: absolute;
  top:14px;
  /*bottom: -3.5rem;*/
  left: 0;
}

.pict-introduce {
  width: 47%;
}

.pict-introduce img {
    max-width: 100%;
    height: auto;
    width /***/: auto;
}

.box-introduce:nth-child(even) {
  flex-direction: row-reverse;
}
.box-introduce:nth-child(even) .text {
  text-align: right;
}
.box-introduce:nth-child(even) .pict {
  margin-left: 0;
  margin-right: 3%;
}

@media (max-width:768px) {
.box-introduce h3 {
  padding: 1.5rem 2rem 0 100px;
  line-height:1.5;
  font-size:28px;
  min-height:70px;
}
.box-introduce h3 span {
  font-size: 5rem;
  bottom:0;
  top:0;
  left: 0;
}

.pict-introduce,.text-introduce { width:100%;}
.pict-introduce img { padding-top:40px;}
  .box-introduce {
    flex-direction: column;
  }
  .box-introduce:nth-child(even) {
    flex-direction: column;
  }
}

/* 会社情報のタイトル */

h2.company-title {
color:#00008b;
  letter-spacing:5px;
  border-bottom:none;
  background:none;
  position: relative;
  padding: 0 65px;
  text-align: center;
}

h2.company-title:before {
  position: absolute;
  top: calc(50% - 1px);
  left: 0;
  width: 35%;
  height: 3px;
  content: '';
  background:#00008b;
}

h2.company-title:after {
  position: absolute;
  top: calc(50% - 1px);
  right: 0;
  width: 35%;
  height: 3px;
  content: '';
  background:#00008b;
}

h2.company-title span {
  font-family: "Noto Sans JP", 'メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',sans-serif;
  position: relative;
  padding: 0 1em;
    font-size:30px;
  font-weight:bold !important;
}

@media (max-width:768px) {

h2.company-title:before {
  width: 25%;
}

h2.company-title:after {
  width: 25%;
}

h2.company-title span {
    font-size:30px;
}
}

/* 会社情報 表 */
table.company-info {
  margin: 20px auto;
  width:100%;
}
.company-info th {
  border:none;
  font-size:18px;
  color: #fff;
  vertical-align:top;
  padding: 15px;
  text-align:center;
  line-height:1.5;
  width:30%;
}

/* 産業機械 */
table.sdk th { 
background-color: #005F3C;
border-bottom:rgba(255,255,255,0.6) solid 1px;
}
/* 化学・合成樹脂・紙・印刷 */
table.kgki th { 
background-color: #E73F5D;
border-bottom:rgba(255,255,255,0.6) solid 1px;
}
/* 情報通信・サービス */
table.jsss th{
background-color: #E7C23D;
border-bottom:rgba(255,255,255,0.6) solid 1px;
}
/* 生活関連製品・建設 */
table.sk th{
background-color: #E75E00;
border-bottom:rgba(255,255,255,0.6) solid 1px;
}
/* 金属製品・部品 */
table.kb th {
background-color: #00509F;
border-bottom:rgba(255,255,255,0.6) solid 1px;
}
/*産業支援機関・団体*/
table.sd th {
background-color: #663399;
border-bottom:rgba(255,255,255,0.6) solid 1px;
}


/* 産業機械 */
table.sdk td { 
border-bottom: #005F3C solid 1px;
}
/* 化学・合成樹脂・紙・印刷 */
table.kgki td { 
border-bottom: #E73F5D solid 1px;
}
/* 情報通信・サービス */
table.jsss td {
border-bottom: #E7C23D solid 1px;
}
/* 生活関連製品・建設 */
table.sk td {
border-bottom: #E75E00 solid 1px;
}
/* 金属製品・部品 */
table.kb td {
border-bottom: #00509F solid 1px;
}
/*産業支援機関・団体*/
table.sd td {
border-bottom:#663399 solid 1px;
}


table.sdk tr.last td,
table.kgki tr.last td,
table.jsss tr.last td,
table.sk tr.last td,
table.sd tr.last td,
table.kb tr.last td { 
border-bottom:rgba(255,255,255,0.6) solid 1px!important;
}

.company-info td {
border:none;
font-size:16px;
  padding:15px;
  vertical-align:top;
  line-height:1.5;
  background:rgba(255,255,255,0.9)!important;
}
 
@media screen and (max-width: 640px) {
  .last td:last-child {
	border:none;
    width: 100%;
  }
  .company-info {
    width: 80%;
  }
  .company-info th,
  .company-info td {
　　border-bottom: none;
    display: block;
    width: 100%;
  }
}

.drop-shadow-top { box-shadow: 0 0 10px #3e62ad; }
.drop-shadow { box-shadow: 0 0 8px #c0c0c0; }

/*検索の時のテーブル*/
table.company-info2 {
  margin:30px auto;
  width:100%;
  height:320px!important;
}

/*table.company-info2:hover {
filter: alpha(opacity=80);
-ms-filter: "alpha(opacity=80)";
-moz-opacity:0.8;
-khtml-opacity: 0.8;
opacity:0.8;
}*/

.company-info2 {
/*min-height:330px!important;*/ }
.company-info2 th {
  border:none;
  font-size:22px;
  color: #fff;
  vertical-align: middle;
  padding: 5px 0;
  text-align:center;
  line-height:1.5;
  width:20%;
}

.company-info2 th.company-info2-title {
padding:15px 0 !important;}

.company-info2 td {
border:none;
font-size:16px;
  padding:10px 15px;
  vertical-align:top;
  line-height:1.5;
  background:rgba(255,255,255,0.9)!important;
}
.company-info2 td.company-info2-txt {
}
.company-info2 td.company-info2-photo {
background:#fff!important;
width:340px;text-align:center;
padding:20px 20px;margin:0;
}

.company-info2 td.motomu {
background:#fff!important;
}

@media screen and (max-width:900px) {
.company-info2 td.company-info2-txt {
width:100%!important;
display:block;
}
.company-info2 td.company-info2-photo {
width:100%!important;
display:block;
text-align:center;
}
}

@media screen and (max-width:768px) {
.company-info2 td.company-info2-photo {
width:250px;
}
}

@media screen and (max-width:767px) {
.company-info2 td.company-info2-photo {
width:100%;
text-align:center!important;
margin:0 auto!important;
}
}


@media screen and (max-width: 640px) {
  .last td:last-child {
	border:none;
    width: 100%;
  }
  .company-info2 {
    width: 80%;
  }
  .company-info2 th,
  .company-info2 td {
　　border-bottom: none;
    display: block;
    width: 100%;
  }
 .company-info2 td img {
 width:90%!important;}
}


/*　詳しくはこちらボタン　*/
.btn-border-shadow {
  font-size:15px;
/*  font-weight: 700;*/
  margin-top:20px;
  line-height: 1.5;
  position: relative;
  display:inline-block;
  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;
  letter-spacing: 0.1em;
  color: #000;
  border-radius: 0.5rem;
}
a.btn-border-shadow {
  padding: calc(1.5rem - 12px) 2rem 1.5rem;
  background: #fff;
}

a.btn-border-shadow:before {
  position: absolute;
  top: -6px;
  left: -6px;
  width: 100%;
  height: 100%;
  content: "";
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border: 3px solid #212529;
  border-radius: 0.5rem;
}

a.btn-border-shadow:hover {
  padding: calc(1.5rem - 6px) 2rem;
  color: orangered;
}

a.btn-border-shadow:hover:before {
  top: 0;
  left: 0;
}


/*資料ダウンロードボタン*/

.btn-download { margin:15px auto;text-align:center; }

.btn-download a {
  color: #fff;
  display:inline-block;
  background-color: #eb6100;
  font-family:'Sawarabi Gothic', 'メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',sans-serif;
}

.btn-download a:hover {
  color: #fff;
  background: #f56500;
}

.btn-download a {
  font-size: 16px;
  position: relative;
  padding: 1rem 4rem 1.1rem 3rem;
  border-radius: 100vh;
}

.btn-download a:before {
  line-height: 1;
  position: absolute;
  top: calc(50% - .8rem);
  right:30px;
  margin: 0;
  padding: 0 0 0 1em;
  content: url(./img/dl.png);
}


/* 商談お問合せ住所　*/
.contact-address { font-size:24px;text-align:center;margin:20px auto 50px;}

@media screen and (max-width: 640px) {
.contact-address { font-size:20px;text-align:center;}
}

/* 商談お問合せ住所２　*/
.contact-address-2 { font-size:20px;text-align:center;margin:20px auto 50px;}

@media screen and (max-width: 640px) {
.contact-address-2 { font-size:20px;text-align:center;}
}

/*===== 検索ボタン =====*/

.btn-search {
font-family:'Sawarabi Gothic', 'メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',sans-serif;
display: inline-block;
padding: 1em 3em;
line-height: 1;
color: #fff;
font-size:16px;
background-color:#191970;
text-decoration: none;
border:none;cursor:pointer;
outline: none;border-radius: 30px!important; /* 角丸設定 */
}

.btn-search:hover{
background-color:#00008b;
transform: scale(1.03);
}



/* お問い合わせフォーム */
.contact-form { width:80%;margin:20px auto; }
.contact-form p { margin:10px auto; } 
 
@media screen and (max-width: 640px) {
.contact-form { width:100%; }
} 
 
/* 必須マーク */
.must {
	background: #FF1A00;
}

/* 任意マーク */
.free {
	background: #999;
}

.must,
.free {
	color: #FFF;
	border-radius: 3px;
	font-size: 12px;
	margin-right: 10px;
	padding: 5px 10px;
	letter-spacing: 0.2em;
}
input.sub-btn {
font-family:'Sawarabi Gothic', 'メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',sans-serif;
display: inline-block;
padding: 1em 4em;
line-height: 1;
margin:0 auto;
color: #fff;
text-align:center;
font-size:18px;
border:#191970 2px solid;
background-color:#191970;
text-decoration: none;
cursor:pointer;
outline: none;border-radius: 30px!important; /* 角丸設定 */
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	-ms-transition: 0.3s;
	transition: 0.3s;	
}

/* 送信ボタンホバー */
input.sub-btn:hover{
	background: #FFF;
	border:#191970 2px solid;
	color:#191970;  
}


/*　ページナビ */
.wp-pagenavi {
	clear: both;
	padding-top:2em;
	text-align:center;

}
.wp-pagenavi a, .wp-pagenavi span {
	color: #fff;
	background-color: #3CB4E5;
	border: 1px solid #3CB4E5;
	padding: 5px 10px !important;
	margin: 0 2px;
	white-space: nowrap;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
	text-align: center;
	text-decoration: none;
}
.wp-pagenavi a:hover{
	color: #FFF;
	background-color: #ddd!important;
	border-color: #eee!important;
    }
.wp-pagenavi span.current{
	color: #FFF;
	background-color: orangered!important;
	border-color: orange!important;
	font-weight: bold;
    }


ol.guide {
  counter-reset:number; /*数字をリセット*/
  list-style-type: none!important; /*数字を一旦消す*/
  padding:0.5em;
  /*background: #f5faff;*/
}
ol.guide li {
  position: relative;
  padding-left: 30px;
  line-height: 1.5em;
  line-height:1.6;
  padding: 0.5em 0.5em 2em 60px;
}

ol.guide li span { font-size:130%;color:#5c9ee7;}

ol.guide li:before{
  /* 以下数字をつける */
  position: absolute;
  counter-increment: number;
  content: counter(number);
  /*以下数字のデザイン変える*/
  display:inline-block;
  background: #5c9ee7;
  color: white;
  font-family: 'Avenir','Arial Black','Arial',sans-serif;
  font-weight:bold;
  font-size: 25px;
  border-radius: 50%;
  left: 10px;
  width: 40px;
  height:40px;
  line-height: 40px;
  text-align: center;
  /*以下 上下中央寄せのため*/
  top:30px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

/* セミナーページ */


table.semi {
margin:20px auto 30px;
}

table.semi td { border:1px solid #00008b;padding:15px 20px;}

table.semi td.profile-td { height:1400px; }

@media screen and (max-width: 640px) {
table.semi td.profile-td { height:auto; }
}

.semi-date {
padding:20px;
font-size:22px;
color:#fff;
background:#00008b;
}

.semi-date span {
padding:0px 3px 0px;
margin:0 5px;
font-size:16px;
color:#00008b !important;
background:#fff !important;
}

.solid_btn a {
  display: inline-block;
  padding: 0.8em 3em 0.9em;
  font-size:15px!important;
  background-color: #e3364a; /* 背景色 */
  box-shadow: 0 5px 0 #ca1c30; /* 影の太さ・色 */
  border-radius: 60px;
  color: #fff;
  cursor: pointer;
  text-decoration: none; /* 文字の下線を消す */
}

.solid_btn a:hover {
  box-shadow: none;
  transform: translateY(5px);
}

.solid_btn.deactive a {
  display: inline-block;
  padding: 0.8em 3em 0.9em;
  font-size:16px;
  background-color:#ddd; /* 背景色 */
  border-radius: 60px;
  color: #888;
  cursor: not-allowed;
  box-shadow:none;
  text-decoration: none; /* 文字の下線を消す */
}
.solid_btn.deactive a:hover {
  box-shadow:none;
  transform: none;
}

.koshi-photo { padding:15px 20px 15px;text-align:center; }
.koshi-txt { padding:15px 20px 15px;}
@media screen and (max-width:480px) {
.koshi-txt { padding:15px 0 15px;}
}

.seminar-main-title {
padding:15px 30px 20px;background-color:#b22222;color:#fff;margin-bottom:1em;
}

.seminar-main-title .main-title {
font-size:180%;
text-align:center;
line-height:1.5;
}
.seminar-caution { letter-spacing:2px;border:1px solid #b22222;background:#fff;color:#b22222;padding:2px 10px 3px;text-align:center;margin-top:10px;}
.seminar-caution2 { letter-spacing:1px;border:1px solid #b22222;background:#fff;color:#b22222;padding:10px 10px 11px;text-align:center;margin-top:10px;}
.theme { margin-bottom:10px;}

.seminar-theme {
color:#fff;
background-color:#00008b;
padding:5px 5px;
border-radius:2px;
margin-right:0.5em;
}
.seminar-title {
font-size:150%;font-weight:bold;
}

.koshi { color:#00008b;padding:0 4px 1px 5px;border:1px solid #00008b;margin-right:0.5em; }
.koshi-name { font-size:140%; }

.job-title { margin-top:0.5em; }
.profile-summary { font-size:110%;line-height:1.7;margin-top:20px; }

.profile { font-size:100%;line-height:1.7;margin-top:20px; }
.profile span { font-size:110%;color:#00008b;line-height:2; }

@media screen and (max-width: 640px) {
.seminar-main-title .main-title {
font-size:150%;
text-align:center;
line-height:1.5;
}
.seminar-theme {
display:block;
text-align:center;
margin-bottom:10px;
}
}
@media screen and (max-width:375px) {
.seminar-main-title .main-title {
font-size:140%;
}
}


.booth-single { 
background:#fff;
width:200px;
color:#000;
margin:15px 0;
font-size:17px;
padding:0px 15px 2px;
text-align:center;
font-weight:normal;
box-shadow: 0 0 6px #c0c0c0;
}

.booth-single span {
font-weight:bold;
font-size:22px;
color:#444;
}

.booth { position:absolute;
background:#fff;
color:#000;
font-size:17px;
padding:0px 15px;
top:45px;
left:30px;
font-weight:normal;
box-shadow: 0 0 4px #c0c0c0;
}
.booth span {
font-weight:bold;
font-size:22px;
color:#444;
}

@media screen and (max-width: 640px) {
.booth { position:relative;
top:-15px;
  /*border:2px solid #444;
*/background:#fafafa;
left:auto;
display:block;
box-shadow:none; }


/* 産業機械 */
.booth.sdk { 
border: #005F3C solid 2px;
}
/* 化学・合成樹脂・紙・印刷 */
.booth.kgki { 
border: #E73F5D solid 2px;
}
/* 情報通信・サービス */
.booth.jsss {
border: #E7C23D solid 2px;
}
/* 生活関連製品・建設 */
.booth.sk {
border: #E75E00 solid 2px;
}
/* 金属製品・部品 */
.booth.kb {
border: #00509F solid 2px;
}
/*産業支援機関・団体*/
.booth.sd{
border:#663399 solid 2px;
}
}

.btn-footer {
  font-size:15px;
  color: #fff;
  width:300px;
  margin:10px auto;
  padding: 18px 40px 20px;
  display: block;
  border-radius:40px;
  text-align: center;
  position: relative;
  border:2px solid #fff;
  z-index: 2;
  will-change: transform, filter;
  transform-style: preserve-3d;
  transition: all .3s ease-out;
}
.btn-footer:hover {
  /*transform: scale(1.03);*/
  transform: translateY(-5px);
  color:#fff;
}

.btn-footer:active {color:#fff!important;}

.btn-footer::before {
  content: "";
  height: 40px;
  display: inline-block;
  position: absolute;
  left: 30px;
  right: 30px;
  bottom: 5px;
  z-index: -1;
  border-radius: 50px;
  opacity: 0;
  transform-style: preserve-3d;
  transition: all .3s ease-out;
}
.btn-footer:hover::before {
  bottom: -10px;
  opacity: .8;
  filter: blur(10px);
}

.pdf_btn a {
  display: inline-block;
  padding: 0.8em 3em 0.9em;
  font-size:15px!important;
  background-color: #e3364a; /* 背景色 */
  border-radius: 60px;
  letter-spacing:2px;
  color: #fff;
  cursor: pointer;
  transition: all .3s ease-out;
  text-decoration: none; /* 文字の下線を消す */
}

.pdf_btn a:hover {
background-color:#F30;
}


/*閉会後のあいさつ*/
.heikai { font-size:140%; }

@media all and (max-width:480px) {
.heikai { font-size:110%; }
}

/*セミナー*/
p.theme {
  display: flex;
  flex-wrap: wrap;
}
.seminar-theme { 
	height:2.2em!important;}

.event-table {
min-width: 640px;
margin:0 10px 10px;
}
.event-table th { 
white-space: nowrap;
background:#f8f8ff;
border: solid 1px #ccc;
text-align:center;
color:#000080; }


/*併催イベント*/
.event-table td { 
border: solid 1px #ccc;
}
.event-table td.cen { 
text-align:center;
}

@media screen and (max-width: 640px) {
.scroll {
overflow-x: auto;
}
.event-table {
min-width: 640px;
margin:0 10px 10px;
}
.event-table td {
border-top: solid 1px #ccc;
border-bottom: solid 1px #ccc;
}
}
}