@charset "UTF-8";

/* ========== COMMON ========== */

html { font-size: 62.5%; }

body
{
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
color: #3e3a39;
line-height: 1.75;
word-wrap: break-word;
}

a { color: #3e3a39; text-decoration: none; }
a:visited { color: #3e3a39; text-decoration: none; }
a:hover { color: #3e3a39; text-decoration: underline; }

a.seminar { color: #004CFF; text-decoration: none; }
a.seminar:visited { color: #004CFF; text-decoration: none; }
a.seminar:hover { color: #004CFF; text-decoration: underline; }

br.clear-both, div.clear-both { clear:both; font: 1px/1px monospace; display: block; }
.left { float: left; }
.right { float: right; }

/*Safariでヒラギノ角ゴシックをきれいに表示させるCSS*/
@font-face {
font-family: sans-serif;
src: local(HiraginoSans-W3);
font-weight: normal;
}
@font-face {
font-family: sans-serif;
src: local(HiraginoSans-W6);
font-weight: bold;
}
/*↓2017.02.14追加*/
@font-face {
font-family: 'Hiragino Kaku Gothic Pro W3';
src: local(HiraginoSans-W3);
font-weight: normal;
}
@font-face {
font-family: 'Hiragino Kaku Gothic Pro W3';
src: local(HiraginoSans-W6);
font-weight: bold;
}
/*↑2017.02.14追加*/
@font-face {
font-family: 'ヒラギノ角ゴ Pro W3';
src: local(HiraginoSans-W3);
font-weight: normal;
}
@font-face {
font-family: 'ヒラギノ角ゴ Pro W3';
src: local(HiraginoSans-W6);
font-weight: bold;
}
@font-face {
font-family: 'ヒラギノ角ゴ ProN W3';
src: local(HiraginoSans-W3);
font-weight: normal;
}
@font-face {
font-family: 'ヒラギノ角ゴ ProN W3';
src: local(HiraginoSans-W6);
font-weight: bold;
}
@font-face {
font-family: 'ＭＳ Ｐゴシック';
src: local(HiraginoSans-W3);
font-weight: normal;
}
@font-face {
font-family: 'ＭＳ Ｐゴシック';
src: local(HiraginoSans-W6);
font-weight: bold;
}
@font-face {
font-family: 'MS P Gothic';
src: local(HiraginoSans-W3);
font-weight: normal;
}
@font-face {
font-family: 'MS P Gothic';
src: local(HiraginoSans-W6);
font-weight: bold;
}
@font-face {
font-family: 'MS PGothic';
src: local(HiraginoSans-W3);
font-weight: normal;
}
@font-face {
font-family: 'MS PGothic';
src: local(HiraginoSans-W6);
font-weight: bold;
}

/* clearfix */
.clearfix:after {
display:block;
clear:both;
visibility:hidden;
height:0;
content:".";
}
.clearfix { display:inline-block; }
.clearfix { display:block; }
* html .clearfix { height:1%; }

/* margin */
.marginB0 	{margin-bottom:0;}
.marginB5 	{margin-bottom:5px;}
.marginB8 	{margin-bottom:8px;}
.marginB10 	{margin-bottom:10px;}
.marginB12 	{margin-bottom:12px;}
.marginB15 	{margin-bottom:15px;}
.marginB20 	{margin-bottom:20px;}
.marginB30 	{margin-bottom:30px;}
.marginB40 	{margin-bottom:40px;}
.marginB50 	{margin-bottom:50px;}
.marginB60 	{margin-bottom:60px;}
.marginL3 	{margin-left:3px;}
.marginL5 	{margin-left:5px;}
.marginL8 	{margin-left:8px;}
.marginL10 	{margin-left:10px;}
.marginL15 	{margin-left:15px;}
.marginL20 	{margin-left:20px;}
.marginL25 	{margin-left:25px;}
.marginL30 	{margin-left:30px;}
.marginL35 	{margin-left:35px;}
.marginT5 	{margin-top:5px;}
.marginT8 	{margin-top:8px;}
.marginT10 	{margin-top:10px;}
.marginT50 	{margin-top:50px;}
.marginLR5 	{margin:0 5px;}
.marginR10 	{margin-right:10px;}
.marginR15 	{margin-right:15px;}
.marginR20 	{margin-right:20px;}
.marginR30 	{margin-right:30px;}
.marginR50 	{margin-right:50px;}
.marginR100 {margin-right:100px;}


/* ========== CONTENTS ========== */
/* ----- COMMON ----- */

/* BORDER */
.inset {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}

/* IMG LINK */
a img { background:none!important; }
a:hover img { opacity:0.6; filter:alpha(opacity=60); -ms-filter: "alpha( opacity=60 )"; background:none!important; }

.inner, .anchor_inner { display: block; position: relative; }
.center { text-align: center; }
.strong { font-weight: bold; }

sup { font-size: 75.5%; vertical-align: top; position: relative; top: -0.2em; }
sub { font-size: 75.5%; vertical-align: bottom; position: relative; top: -0.2em; }

/* ========== HEADER ========== */
header, footer { background: #f5f2f0; position: relative; }
header #tagline { text-align: center; }

/* ========== GLOBAL MENU ========== */
nav { width: 100%; position: relative; top: 0; left: 0; z-index: 100;  }
nav.is-fixed { position: fixed; }

/* ========== FOOTER ========== */
.btn_pagetop {}
.btn_pagetop a { background: url(../images/btn_pagetop.png) no-repeat; display: block; text-indent: -9999px; width: 40px; height: 40px; position: fixed; bottom: 10px; right: 10px; z-index: 9999; }

footer .ft_nav { background: #3e3a39; text-align: center; }
footer .ft_nav a { color: #ffffff; }
footer .ft_nav span { color: #787574; }
footer .hd1 { color: #ffffff; font-weight: bold; background: #3a8a53; }
footer .address {}
footer .address .name { font-weight: bold; }
footer #copy { text-align: center; }
footer div.dl_logo img{width:338px; height:auto; }

/* ========== ARTICLE ========== */
/* ----- HOME ----- */
/* SLIDE */
/* SEC0 */
#home #sec0 {margin: 30px auto;}
#home #sec0 .inner{border:#3a8a53 double 8px; padding:40px;width:65%;}
#home #sec0 .inner a{font-weight: bold;color:dodgerblue;}

/* SEC1 */
#home #sec1 { background: url("../../images/home/bg_1.png") no-repeat center bottom; }
#home #sec1 h2 { font-weight: bold; text-align: center; }
#home #sec1 .btn a { color: #ffffff; background: #e61673; font-weight: bold; display: block; text-align: center; }
#home #sec1 .topbanner { text-align: center; }
/* SEC2 */
#home #sec2 { background: url("../../images/home/bg_2.png") no-repeat center top; }
#home #sec2 h2, #home #sec2 p { text-align: center; }
#home #sec2 h2 { font-weight: bold; }
/* SEC3 */
#home #sec3 { background: url("../../images/home/bg_3.png") no-repeat center bottom; }
/* SEC4 */
#home #sec4 { background: url("../../images/home/bg_4.png") no-repeat center top; text-align: center; }
#home #sec4 .belt { background: url("../../images/home/bg_multiply.png"); }
#home #sec4 .belt h2, #home #sec4 .belt p {  color: #ffffff; }
#home #sec4 .belt h2 { font-weight: bold; }
/* SEC5 */
#home #sec5 .icon1 img, #home #sec5 .icon2 img { display: block; margin: 0 auto; }
#home #sec5 h2 { font-weight: bold; text-align: center; }
#home #sec5 h3 { color: #3a8a53; font-weight: bold; line-height: 1; padding-left: 15px; border-left: 8px solid #3a8a53; }
#home #sec5 h3 font { font-size: 60%; }

/* ----- EVENT ----- */
#event .hd { background: url("../../images/event/hd.png") no-repeat; }
#event h2 { color: #ffffff; font-weight: bold; text-align: center; }
#event h3 { font-weight: bold; /*text-align: center;*/ }
#event h3.event-detail-ttl { color: #3a8a53; font-weight: bold; /*text-align: center;*/ }
#event h3.event-detail-ttl span{ color: #3e3a39; font-weight: normal; /*text-align: center;*/ }
/*#event h3 span { font-weight: bold; color: #ffffff; background: #e61673; border-radius: 50%; }*/
#event h3 span.free { font-weight: bold; color: #ffffff; background: #e61673; text-align: center; border-radius: 50%; }
#event h3 span.exhib { font-weight: bold; color: #ffffff; background: #00a0e9; text-align: center; }
#event table { width: 100%;  border-top: 2px solid #3a8a53; }
#event table th, #event table td { border-bottom: 2px solid #3a8a53; border-right: 2px solid #3a8a53; position: relative; }
#event table th { background: #bad6c3; text-align: center; }
#event table td h4, #event table td h4 a { color: #3a8a53; font-weight: bold; }
#event table td h4 span, #event table td h4 a span { color: #3e3a39; font-weight: bold; }
#event table td.date p { font-weight: bold; }
#event table .date .close { color: #ffffff; background: #e61673; text-align: center; }
#event table .btn p { font-weight: bold; }

/* ----- DEFAULT ----- */
.default #hd .inner { background: url("../../images/about/bg_hd.png"); text-align: center; }
.default h2, .default h3, .default h4 { font-weight: bold; text-align: center; }
.default h2 { color: #3a8a53; }
.default h2 font { color: #3e3a39; }
.default h3 { background: url("../../images/about/icn_hd3.png") no-repeat; border-bottom: 3px solid #3a8a53; }
.default h4 { background: url("../../images/about/bg_hd4.png") repeat-x; color: #ffffff; }

/* ----- ABOUT ----- */
/* SEC3 */
#about #sec3 ul li { text-align: center; float: left; }
/* SEC4 */
#about #sec4 .narrow { text-align: center; }
#about #sec5 .narrow { text-align: center; }
#about #sec6 .narrow { text-align: center; }
#about #sec7 .narrow { text-align: center; }
/* SEC4 */
.default #sec4 p { font-weight: bold; }
#about #sec4 .btn a { color: #3a8a53; font-weight: bold; background: #eae6e1; display: inline-block; border: 2px solid #3a8a53; border-radius: 10px; }
#about #sec4 .btn a:hover { opacity:0.6; filter:alpha(opacity=60); -ms-filter: "alpha( opacity=60 )"; }

/* ----- DELIVERABLE ----- */
#deliverable #hd .inner { background: url("../../images/deliverable/bg_hd.png"); text-align: center; }
#deliverable h2, #deliverable h3, #deliverable h4 { font-weight: bold; text-align: center; }
#deliverable h2 { color: #3a8a53; }
#deliverable h2 font { color: #3e3a39; }
#deliverable h3 { border-bottom: 3px solid #3a8a53; }
#deliverable.del1 h3 { background: url("../../images/deliverable/icn_d1_hd3.png") no-repeat; }
#deliverable.del2 h3 { background: url("../../images/deliverable/icn_d2_hd3.png") no-repeat; }
#deliverable.del3 h3 { background: url("../../images/deliverable/icn_d3_hd3.png") no-repeat; }
#deliverable.del4 h3 { background: url("../../images/deliverable/icn_d4_hd3.png") no-repeat; }
#deliverable.del5 h3 { background: url("../../images/deliverable/icn_d5_hd3.png") no-repeat; }
#deliverable h4 { background: url("../../images/about/bg_hd4.png") repeat-x; color: #ffffff; }
#deliverable h4.line2, #deliverable h4.line3 { background: url("../../images/about/bg_hd4.png") repeat; color: #ffffff; }
#deliverable .dnav li, #home #sec4 .dnav li { float: left; }
#deliverable .comname { text-align: center; }
#deliverable .hnav .inner { position: relative; }
#deliverable .hnav .inner ul { position: absolute; top: 0; right: 0; }
#deliverable .hnav li { float: left; }

#deliverable p.doclink, #sec1 p.doclink { 
	text-align: center;
	font-weight: 100;
	text-shadow: 
    0.2px 0.2px 0, 
    0.2px -0.2px 0px,
    -0.2px 0.2px 0,
    -0.2px -0.2px 0px,
    0.2px 0px 0px,
    0px 0.2px 0px,
    -0.2px 0px 0px,
    0px -0.2px 0px;
  letter-spacing: 1px;
}

/* DEL1 */
#deliverable.del1 .lead p { color: #3a8a53; font-weight: bold; }
#deliverable.del1 h5 { font-weight: bold; text-align: center; }
#deliverable.del1 h5.cnf_car { color: #e61673; }
#deliverable.del1 #sec1 .cap { text-align: center; }
#deliverable.del1 .participation { font-weight: bold; }
#deliverable.del1 .nav_site a { color: #3a8a53; font-weight: bold; background: #eae6e1; text-align: center; display: flex; justify-content: center; align-items: center; border-radius: 10px; border: 2px solid #3a8a53; }
#deliverable.del1 .nav_site a:hover { text-decoration: none; opacity:0.6; filter:alpha(opacity=60); -ms-filter: "alpha( opacity=60 )"; }

/* DEL2 */
#deliverable.del2 .catch, #deliverable.del3 .catch,  #deliverable.del4 .catch, #deliverable.del5 .catch{ color: #e61673; font-weight: bold; text-align: center; }
#deliverable.del2 h5, #deliverable.del3 h5, #deliverable.del4 h5, #deliverable.del5 h5{ color: #3a8a53; font-weight: bold; text-align: center; }

/* DEL3 */
#deliverable.del3 .img, #deliverable.del4 .img,　#deliverable.del5 .img { text-align: center; }
#deliverable.del3 h6 { color: #3a8a53; font-weight: bold; }

/* DEL4 */
#deliverable.del4 h6 { font-weight: bold; padding-left: 1em; text-indent: -1em; }
#deliverable.del4 h6 span { color: #e61673; }
#deliverable.del2 .hd, #deliverable.del4 .hd { color: #3a8a53; font-weight: bold; }
#deliverable.del2 .hd font { color: #3e3a39; }
#deliverable.del4 .purpose li { font-weight: bold; padding-left: 1em; text-indent: -1em; }
#deliverable.del4 .purpose li font { color: #3a8a53; font-weight: bold;}
#deliverable.del2 .comname p, #deliverable.del4 .comname p { font-weight: bold; }
#deliverable.del2 #pagenav .narrow div, #deliverable.del4 #pagenav .narrow div, #deliverable.del5 #pagenav .narrow div { text-align: center; }

#deliverable .img img.large{
	width:100%;
}

.red-txt{
	color:#FF0000;
}
.bold-txt{font-weight: bold;}


/* ----- SEMINAR (2023.12) ----- */
.event-detail.event-seminar {margin-bottom: 20px; }
.event-detail.event-seminar p span {display: inline-block; font-weight: bold; font-size: 1.0em; }
.program-table table {border-collapse: collapse;margin: 0 auto;padding: 0;width: 100%;box-shadow: 0 0 15px -6px #00000073;line-height: 1.6em; }
.program-table tr {background-color: #fff; }
.program-table th,
.program-table td {
  padding: .35em 1em; border-bottom: 1px solid #eee; }
.program-table thead th {color: #3a8a53; font-size: 1.2em; padding: 10px 20px; }
.program-table thead tr{background-color: #bad6c3; color:#fff; }
.program-table tbody th {text-align: left; font-size: 1.0em; }
.program-table-txt{text-align: left; font-size: 1.0em; font-weight: bold; }
.program-table-price{text-align: left; color: #000; font-size: 1.0em; }
.small-txt {text-align: right; font-size: 0.7em; margin-right: 15%; }
.subheading {padding: 5px 12px; color: #242c45; font-size: 3.0rem; font-weight: bold; border-left: solid 6px #3a8a53; margin-bottom: 20px; }
.contact-detail {width: 40%; padding: 20px 40px; background-color: #f5f2f0; margin: 30px 0 30px; }
.qr-box {position: relative; margin: 2em 0; padding: 0.5em 1em; border: solid 2px #3a8a53; border-radius: 8px; width: 20%; }
.qr-box .box-title {position: absolute; display: inline-block; top: -13px; left: 10px; padding: 0 9px; line-height: 1; font-size: 19px; background: #FFF; color: #3a8a53; font-weight: bold; }
.qr-box p {margin: 0 auto; text-align: center; padding: 0!important; margin-top: 10px; }
.green-txt {color: #3a8a53; }

@media screen and (max-width:768px) {
	
	/* ========== COMMON ========== */
	body { font-size: 1.4em; }
	.inner { padding: 10px; }
	.pc { display: none; }
	
	/* ========== HEADER ========== */
	header .inner { height: 90px; padding: 5px 10px 0; }
	header #tagline { font-size: 1.1rem; margin-bottom: 5px; }
	header .logo { width: 280px; margin: 0 auto; }
	header .mote { float: left; margin-top: 15px; }
	header h1 { float: right; }
	header .mote img { width: auto; height: 30px; }
	header h1 img { width: auto; height: 60px; }
	
	/* ========== GLOBAL MENU ========== */
	#gmenu { position: relative; padding: 10px; }
	#gmenu .inner { padding: 0; }
	#toggle a { color: #ffffff; background: #3a8a53; border-bottom: 1px solid #ffffff; }
	#toggle a span { font-weight: bold; }
	#gmenu > ul { display: none; margin-bottom: 10px; position: relative; top: 0; left: 0; right: 0; z-index: 100; background-color: #d8e8dd; }
	#toggle a, #gmenu > ul > li > a, #gmenu > ul > li > a.close { font-weight: bold; line-height: 1; display: block; text-align: center; padding: 12px 0; }
	#gmenu > ul > li#g4 > a span { margin-left: 10px; }
	#gmenu > ul > li > a.open { color: #ffffff; background: #3a8a53; }
	#gmenu > ul > li { display: block; border-bottom: solid 1px #ffffff; }
	#gmenu > ul > li.parent.open > a::before { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
	#gmenu > ul > li.parent.open { border-bottom: none; }
	#gmenu > ul > li.parent.open > a { color: #FFF; }
	/* TWO‐LEVEL */
	#gmenu > ul > li > ul { display: none; background-color: #fbfbfb; position: static; }
	#gmenu > ul > li > ul li a { font-weight: bold; display: block; text-align: center; padding: 5px 0; border-bottom: solid 1px #ffffff; }
	
	/* ----- ANCHOR ----- */
	.anchor { display: block; width: 100%; position: absolute; left: 0; z-index: -1; height: 0px; top: -0px; /*background: #ff0000;*/ }
	.offMov, .onMov { display: block; width: 100%; position: absolute; left: 0; z-index: -1; }
	.offMov { /*background: #ff0000;*/ height: 320px; top: -320px; }
	.onMov { /*background: #ffff00;*/ height: 45px; top: -45px; }
	_:-ms-lang(x), .anchor { display: block; width: 100%; position: absolute; left: 0; z-index: -1; height: 0px; top: -0px; }
	
	/* ========== FOOTER ========== */
	footer .inner { padding: 15px 10px 10px; }
	footer .ft_nav { padding: 5px 0;}
	footer .ft_nav a, footer .ft_nav span { font-size: 1.2rem; margin: 0 10px; }
	footer .hd1, footer .hd2 { text-align: center; width: 150px; padding: 5px 0; margin: 0 auto 10px; }
	footer .hd2 { font-size: 1.2rem;}
	footer .address { text-align: center; margin-bottom: 10px; }
	footer .mote { text-align: center; margin-bottom: 20px; }
	footer ul { display: block; max-width: 543px; width: 100%; margin: 0 auto 20px; }
	footer ul li { float: left; width: calc(100%/3); }
	footer ul li img { width: 100%; height: auto; }
	footer #copy { font-size: 1.1rem; }
	
	/* ========== ARTICLE ========== */
	/* ----- COMMON ----- */

	/* ----- HOME ----- */
	/* SLIDE */
	#home #slide img { width: 100%; height: auto; }
	/* SEC0 */
	#home #sec0 .inner{border:#3a8a53 double 8px; padding:40px;width:auto;}

	/* SEC1 */
	#home #sec1 { background-size: 100% auto; }
	#home #sec1 h2 { font-size: 1.6rem; }
	#home #sec1 ul { margin-bottom: 20px; }
	#home #sec1 ul li img { width: 100%; height: auto; }
	#home #sec1 .btn a { width: 80%; padding: 5px 0; margin: 0 auto 10px; }
	#home #sec1 .topbanner img { width: 100%; height: auto; }
	#home #sec1 ul li.se1 { float: left; width: calc((100%/2) - 10px );}/* topbanner */
	#home #sec1 ul li.se2 { float: right; width: calc((100%/2) - 10px );}/* topbanner */
	/* SEC2 */
	#home #sec2 { background-position: center top; background-size: 120% auto; padding: 80px 0 10px; }
	#home #sec2 h2 { font-size: 1.8rem; margin-bottom: 10px; }
	/* SEC3 */
	#home #sec3 { background-position: center top; background-size: auto 100%; }
	#home #sec3 img { width: 100%; margin-bottom: 20px; }
	#home #sec3 .btn_about { position: relative; }
	#home #sec3 .btn_about ul { position: absolute; top: 20%; left: 5%; }
	#home #sec3 .btn_about ul li { font-size: 1.2rem; font-size: calc(1.3rem + ((1vw - 0.64rem) * 0.7143)) }
	#home #sec3 .btn_about ul li a { font-weight: bold; }
	/* SEC4 */
	#home #sec4 { background-size: auto 100%; padding: 20px 0; }
	#home #sec4 .icon { width: auto; height: 45px; margin-bottom: 15px; }
	#home #sec4 .icon img { width: auto; height: 100%; }
	#home #sec4 .belt { padding: 10px; margin-bottom: 20px; }
	#home #sec4 .belt h2 { font-size: 1.8rem; margin-bottom: 10px; }
	#home #sec4 .img { padding: 10px; }
	#home #sec4 .img img { max-width: 630px; width: 100%; height: auto; }
	/* SEC5 */
	#home #sec5 .inner { padding: 10px 10px 0 10px; }
	#home #sec5 .icon1 { margin-bottom: 15px; }
	#home #sec5 .icon1 img, #home #sec5 .icon2 img { width: auto; height: 45px; }
	#home #sec5 h2 { font-size: 1.8rem; margin-bottom: 15px; }
	#home #sec5 h3 { font-size: 1.6rem; margin-bottom: 10px; }
	#home #sec5 .mov { position: relative; /*width: 100%;*/ padding-top: 56.25%; margin-bottom: 20px; }
	#home #sec5 .mov iframe, #home #sec5 .mov img { position: absolute; top: 0; right: 0; width: 100% !important; height: 100% !important; }
	
	/* ----- EVENT ----- */
	#event #list { margin-bottom: 20px; }
	#event .hd { background-size: auto 100%; background-position: center; height: 45px; padding-top: 45px; margin-bottom: 15px; }
	#event .hd h2 { font-size: 1.7rem; }
	#event .hd h2 font { font-size: 1.2rem; margin-right: 10px; }
	#event h3 { font-size: 1.5rem; margin-bottom: 10px; }
	#event h3.event-detail-ttl span { font-size: 1.3rem; margin-bottom: 0px; }
	#event h3.img { font-size: 1.5rem; margin-bottom: 0px; text-align: left;  }
	#event h3 span.free { font-size: 1.3rem; display: block; width: 40px; height: 25px; padding-top: 5px; margin: 0 auto 10px; }
	#event h3 span.exhib { font-size: 1.3rem; display: inline-block; /*width: 100px;*/ height: 22px; padding: 3px 10px 0; }
	#event h3 img { width: 100%; height: auto; }
	#event table .date { width: 100px; vertical-align: top; padding: 10px 0; }
	#event table .date font { font-size: 1.2rem; }
	#event table .date p.sub { font-size: 1rem; font-weight: normal;}
	#event table .date .close { font-size: 1.1rem; line-height: 1.5; padding: 5px; margin: 0 5px 5px 0; }
	#event table .btn { display: none; }
	#event table .name { padding: 10px 0 10px 10px; border-right: none; }
	#event table .name h4 { font-size: 1.5rem; line-height: 1.5; margin-bottom: 5px; }
	#event table .name h4.img { font-size: 1.5rem; line-height: 1.0; margin-bottom: 5px; max-width:300px;}
	#event table .name h4 font { font-size: 1.1rem; }
	#event table .name h4 span, #event table .name h4 p.tv, h4.under-img span { font-size: 1.2rem; }
	#event table .name h4 img { width:95%; }
	#event table .name p { margin-bottom: 10px; }
	#event table .name .note { font-weight: bold; }
	#event table .name ul { max-width: 300px; width: 100%; margin: 0 auto; }
	#event table .name li { float: left; display: block; text-align: center; width: calc(100%/2); }
	#event table .name li img { width: auto; height: 50px; }
	#event table .name ul.soon li { float: none; width: 100%; }
	#event table .name ul.soon li img { margin: 0 auto; }
	#event table .name ul.three li { width: calc(100%/3); }
	
	#event table .name.ipfjapan .logo, #event table .name.kyotoexpo .logo { text-align: center; }
	#event table .name.ipfjapan .logo img { width: 30%; height: auto; }
	#event table .name.ipfjapan .start { font-weight: bold; text-align: center; }
	
	#event table .name.kyotoexpo .logo img { width: 60%; height: auto; }
	#event table .name .fxb {display: flex; align-items: center;}
	#event table .name .fxb .img {padding-right: 5px;}
	#event table .name .fxb img {width:100px;}
	#event .name.fujinokunicnf h3 span.exhib { margin-bottom: 10px; }
	
	#event .event-detail {width: 90%;margin: 0 auto;}
	#event .event-detail p {padding:0 0 20px 0;}
	#event .event-detail p span.pl4 {padding-left:4.5em;}
	#event .event-btn-box {
		display: flex;
		justify-content: center;
	}
	
	/* PCはスペース、スマホは改行 */
	.spbr::before{
		content:"\a";
		white-space: pre;
	}
	
	.sp-none{display:none;}
	
	/* ----- DEFAULT ----- */
	
	/* HD */
	.default #hd { margin-bottom: 20px; padding: 0 10px; }
	.default #hd .inner { padding: 10px 0; }
	.default #hd .icn { margin-bottom: 5px; }
	.default #hd .icn img { width: 50px; }
	.default h2 { font-size: 1.8rem; line-height: 1.4; }
	.default h2 font { font-size: 2.2rem; }
	.default h3 { font-size: 1.6rem; background-size: 30px 30px; height: 30px; padding-top: 0; margin-bottom: 10px; }
	.default h3.long { font-size: 1.6rem; background-size: 30px 30px; height: 60px; padding-top: 0; margin-bottom: 10px; }
	.default h3.xlong { font-size: 1.6rem; background-size: 30px 30px; height: 90px; padding-top: 0; margin-bottom: 10px; }
	.default h4 { background-size: auto 30px; font-size: 1.6rem; width: 100%; height: 30px; margin-bottom: 10px; }
	.default p { margin-bottom: 10px; }
	.default #path p { margin: 0; }
	.default .img { margin-bottom: 20px; }
	.default .img img { width: 100%; height: auto; }
	
	/* ----- ABOUT ----- */
	/* SEC3 */
	#about #sec3 ul { margin-bottom: 20px; }
	#about #sec3 ul li { font-size: 1.4rem; font-weight: bold; line-height: 1.2; width: calc((100%/2) - 10px); padding: 0 5px; margin-bottom: 10px; }
	#about #sec3 ul li font { font-size: 1.2rem; }
	#about #sec3 ul li img { width: 100%; margin-bottom: 5px; }
	/* SEC4 */
	.default #sec4 { margin-bottom: 20px; }
	#about #sec4 .btn a { padding: 10px; }
	
	/* ----- DELIVERABLE ----- */
	#deliverable #hd { margin-bottom: 20px; padding: 0 10px; }
	#deliverable #hd .inner { padding: 10px 0; }
	#deliverable #hd .icn { margin-bottom: 5px; }
	#deliverable #hd .icn img { width: 50px; }
	#deliverable h2 { font-size: 1.8rem; line-height: 1.4; }
	#deliverable h2 font { font-size: 2.2rem; }
	#deliverable h3 { font-size: 1.8rem; height: 30px; padding-top: 0; margin-bottom: 10px; }
	#deliverable.del1 h3 { background-size: 40px auto; background-position: 5px 8px; }
	#deliverable.del2 h3 { background-size: 30px auto; background-position: 5px 0; }
	#deliverable.del3 h3 { background-size: 30px auto; background-position: 5px 0; }
	#deliverable.del4 h3 { background-size: 30px auto; background-position: 5px 0; height: 35px; }
	#deliverable.del4 h3.li2 { line-height: 1.25; background-position: 30px auto; background-position: 5px 15px; height: 50px; }
	#deliverable.del4 h3.li2 font { font-size: 1.4rem; }
	#deliverable h4 { background-size: auto 30px; font-size: 1.6rem; width: 100%; height: 30px; margin-bottom: 10px; }
	#deliverable p { margin-bottom: 10px; }
	#deliverable #path p { margin: 0; }
	#deliverable .img { margin-bottom: 20px; }
	#deliverable .img img { max-width: 100%; height: auto; }
	#deliverable .dnav .narrow li, #home #sec4 .dnav .narrow li { text-align: center; width: calc((100%/4) - 20px); margin: 0 10px 20px; }
	#deliverable .dnav .narrow li img, #home #sec4 .dnav .narrow li img { max-width: 100%; height: auto; }
	#deliverable .comname { margin-bottom: 20px; }
	#deliverable .comname img { max-width: 100%; height: auto; }
	
	#deliverable #hd { margin-bottom: 20px; }
	#deliverable .hnav { margin-bottom: 0; }
	#deliverable .hnav .inner { height: 45px; }
	#deliverable .hnav .inner ul { margin-right: 10px; }
	#deliverable .hnav .inner li { margin-left: 10px; }
	#deliverable .hnav li img { width: 45px; height: auto; }
	
	/* DEL1 */
	#deliverable.del1 h5 { line-height: 1.5; margin-bottom: 10px; }
	#deliverable.del1 h5 font { font-size: 1.2rem; }
	#deliverable.del1 .img_part li { text-align: center; }
	#deliverable .mov { position: relative; /*width: 100%;*/ padding-top: 56.25%; margin-bottom: 20px; }
	#deliverable .mov iframe, #deliverable .mov img{ position: absolute; top: 0; right: 0; width: 100% !important; height: 100% !important; }
	#deliverable.del1 .motorshow .right, #deliverable.del1 .motorshow .left { float: none; text-align: center; }
	#deliverable.del1 .nav_site { margin-bottom: 10px; }
	#deliverable.del1 .nav_site a { font-size: 1.3rem; margin-bottom: 10px; padding: 10px; }
	
	/* DEL2 */
	#deliverable.del2 h4 font { font-size: 1.2rem; }
	#deliverable.del2 h5, #deliverable.del3 h5, #deliverable.del4 h5 { font-size: 1.8rem; }
	#deliverable.del2 .catch, #deliverable.del3 .catch, #deliverable.del4 .catch { font-size: 1.6rem; }
	
	/* DEL3 */
	
	/* DEL4 */
	#deliverable.del4 .blk_set { margin-bottom: 10px; }
	#deliverable.del4 h6 { font-size: 1.6rem; margin-bottom: 10px; }
	#deliverable.del4 .blk_set p { margin-bottom: 20px; }
	#deliverable.del4 .blk_set p.hd, #deliverable.del4 .blk_set p.img { margin-bottom: 0; }
	
	#deliverable.del4 #sec2 .parts { margin-bottom: 20px; }
	#deliverable.del4 #sec3 h3 { font-size: 1.2rem; }
	
	/* ----- SEMINAR (2023.12) ----- */
	.price-editor-table{width: 100%; }
	.qr-box{width: 80%; margin: 0 auto; }
	.subheading{font-size: 1.7rem; }
	.contact-detail {width: 80%; }
	.small-txt {font-size: 1.0em; margin-right: 5%; }
	.program-table thead th {font-size: 1.0em; padding: 5px 10px; text-align: center; }
	.qr-box .box-title {font-size: 1.7rem; }
}


@media screen and (min-width:769px) {
	
	/* ========== COMMON ========== */
	body { font-size: 1.8em; }
	.inner { display: block; width: 1200px; margin: 0 auto; position: relative; }
	.sp { display: none; }
	
	.lrft { float: left; }
	.right { float: right; }
	
	/* ========== HEADER ========== */
	header { height: 225px; padding: 15px 0 0; }
	header #tagline { font-size: 1.4rem; }
	header .mote { position: absolute; top: 80px; left: 92px; }
	header h1 { position: absolute; top: 45px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); }
	header h1 img{width:410px;}
	
	/* ========== GLOBAL MENU ========== */
	nav { width: 100%; position: relative; top: 0; left: 0; z-index: 100;}
	#gmenu { background: #3a8a53; width: 100%; }
	#toggle { display: none; }
	#gmenu > ul { display: block; width: 730px; margin: 0 auto; }
	#gmenu > ul > li { font-size: 1.7rem; line-height: 1; float: left; padding: 21.5px 35px; position: relative; }
	#gmenu > ul > li > a { font-weight: bold; display: block; text-align: center; position: relative; z-index: 2; }
	#gmenu > ul > li a, #gmenu > ul > li a:visited, #gmenu > ul > li > a:hover { color: #ffffff; }
	/* TWO‐LEVEL */
	#gmenu > ul > li > ul { display: none; background: #c4dccb; width: 880px; padding: 15px 30px; position: absolute; top: 60px; left: -420px; z-index: 9; }
	#gmenu > ul > li > ul li { color: #3a8a53; font-size: 1.8rem; float: left; }
	#gmenu > ul > li > ul li.title { font-weight: bold; display: block; height: 35px; padding: 15px 30px 0 0; border-right: 1px solid #3a8a53; }
	#gmenu > ul > li > ul a, #gmenu > ul > li > ul a:visited { font-weight: bold; color: #3a8a53; font-size: 1.6rem; display: block; padding: 16px 0 0 30px; }
	#gmenu > ul > li ul .btn_close { width: auto; height: auto; border: none; position: absolute; top: 22px; right: 30px; margin: 0; cursor: pointer; }
	
	/* ----- ANCHOR ----- */
	.anchor { display: block; width: 100%; position: absolute; left: 0; z-index: -1; height: 130px; top: -130px; }
	.offMov, .onMov { display: block; width: 100%; position: absolute; left: 0; z-index: -1; }
	.offMov { height: 130px; top: -130px; }
	.onMov { height: 65px; top: -65px; }
	_:-ms-lang(x), .anchor { display: block; width: 100%; position: absolute; left: 0; z-index: -1; height: 130px; top: -130px; }
	
	/* ========== FOOTER ========== */
	footer .ft_nav { padding: 15px 0;}
	footer .ft_nav a, footer .ft_nav span { font-size: 1.5rem; margin: 0 25px; }
	footer .inner { padding-bottom: 15px; }
	footer .ft_inner { padding: 35px 0 15px 280px; position: relative; }
	footer .hd1  { line-height: 1.35; width: 190px; padding: 7px 0 7px 20px; }
	footer .hd1 { margin-bottom: 20px; }
	footer .address .place { font-size: 1.6rem; }
	footer .address .name { font-size: 1.9rem; }
	footer .mote { position: absolute; top: 35px; left: 30px; }
	footer ul { position: absolute; top: 30px; left: 520px; }
	footer ul li { float: left; }
	footer #copy { font-size: 1.3rem; }
	
	/* ========== ARTICLE ========== */
	/* ----- COMMON ----- */
	#path { font-size: 1.3rem; padding: 13px 0; }
	
	/* ----- HOME ----- */
	/* SLIDE */
	#home #slide { display: block; width: 1400px; margin: 0 auto; }
	/* SEC1 */
	#home #sec1 { height: 795px; padding-top: 55px; }
	#home #sec1 .topbanner { margin-bottom: 50px; }
	#home #sec1 .topbanner li { margin-bottom: 30px; }
	#home #sec1 .topbanner img { display: block; margin: 0 auto; }
	#home #sec1 .btn a { font-size: 2.0rem; width: 390px; padding: 5px 0;  margin: 0 auto;}
	/* SEC2 */
	#home #sec2 { height: 183px; padding-top: 260px; }
	#home #sec2 h2 { font-size: 3.5rem; margin-bottom: 50px; }
	/* SEC3 */
	#home #sec3 { height: 445px; padding-top: 90px; }
	#home #sec3 .btn_about { width: 822px; height: 357px; position: relative; margin: 0 auto; }
	#home #sec3 .btn_about ul { position: absolute; top: 90px; left: 40px; }
	#home #sec3 .btn_about ul li { font-size: 2.2rem; }
	#home #sec3 .btn_about ul li a { font-weight: bold; }
	/* SEC4 */
	#home #sec4 { height: 790px; padding-top: 45px; }
	#home #sec4 .icon { margin-bottom: 10px; }
	#home #sec4 .belt { padding: 35px 0; margin-bottom: 160px; }
	#home #sec4 .belt h2 { font-size: 3.5rem; margin-bottom: 40px; }
	/* SEC5 */
	#home #sec5 { padding: 70px 0 0; }
	#home #sec5 .icon1 { margin-bottom: 50px; }
	#home #sec5 h2 { font-size: 3.5rem; margin-bottom: 50px; }
	#home #sec5 h3 { font-size: 2.8rem; margin-bottom: 20px; }
	#home #sec5 .movie { margin-bottom: 15px; }
	#home #sec5 .m_left { float: left; }
	#home #sec5 .m_right { float: right; }
	
	/* ----- EVENT ----- */
	#event #list { margin-bottom: 100px; }
	#event .hd { height: 150px; padding-top: 110px; margin-bottom: 80px; }
	#event .hd h2 { font-size: 4.6rem; line-height: 1.25; }
	#event .hd h2 font { font-size: 3.1rem; }
	#event h3 { /*font-size: 3.0rem;*/font-size: 2.4rem; /*margin-bottom: 40px;*/ margin-bottom: 20px; }
	#event h3.event-detail-ttl { /*font-size: 3.0rem;*/font-size: 3.8rem; /*margin-bottom: 40px;*/ margin-bottom: 20px; }
	#event h3.event-detail-ttl span { /*font-size: 3.0rem;*/font-size: 2.4rem; /*margin-bottom: 40px;*/ margin-bottom: 0px; }
	#event h3.img { /*font-size: 3.0rem;*/font-size: 2.4rem; /*margin-bottom: 40px;*/ margin-bottom: 10px; }
	#event h3 span.free { /*font-size: 2.6rem;*/ font-size: 2.15rem; display: inline-block; /*width: 80px; height: 52px; padding-top: 8px;*/ width: 65px; height: 44px; padding-top: 6px; margin-right: 15px; }
	#event h3 span.exhib { font-size: 2.2rem; display: inline-block; /*width: 135px;*/ height: 44px; padding: 6px 10px 0; margin-right: 15px; vertical-align: middle; }
	
	#event .kyotoexpo h3 { margin-bottom: 10px; }
	#event .kyotoexpo h3 span.exhib { height: auto; text-align: left; }
	
	#event h3 img { vertical-align: middle; }
	#event table th { font-size: 2.0rem; padding: 7px 0; }
	#event table .date { width: 220px; padding: 0 0 0 15px; }
	#event table .date p { font-size: 2.85rem; line-height: 1.5; }
	#event table .date p.sub { line-height: 1.1; font-size: 1.8rem;font-weight: normal;}
	#event table .date p font { font-size: 2.2rem; }
	#event table .date .close { font-size: 1.8rem; width: 210px; margin-right: 10px; padding: 2.5px 0; position: absolute; top: 20px; }
	#event table .name { padding: 20px; }
	#event table .name h4 { font-size: 3.8rem; line-height: 1.25; margin-bottom: 20px; }
	#event table .name h4.under-img { font-size: 3.8rem; line-height: 0.9; margin-bottom: 10px; }
	#event table .name h4 font { font-size: 2.2rem; }
	#event table .name h4 span { font-size: 2.6rem; }
	#event table .name h4 p.tv { font-size: 2rem; padding-left: 2em;color:dodgerblue;font-weight: bold;}
	#event table .name .note { font-size: 2.0rem; font-weight: bold; }
	#event table .btn { width: 138px; text-align: center; padding: 15px 0; border-right: none; }
	#event table .btn li { margin-bottom: 10px; }
	#event table .btn p { font-size: 1.7rem; }
	#event table .name.ipfjapan, #event table .name.kyotoexpo { position: relative; }
	#event table .name.ipfjapan .logo { position: absolute; top: 20px; right: 20px; }
	#event table .name.kyotoexpo .logo { position: absolute; top: 20px; right: 20px; }
	#event table .name.kyotoexpo .note { padding-left: 5em; text-indent: -5em; }
	#event table .name .fxb {display: flex; align-items: center;}
	#event table .name .fxb .img {padding-right: 5px;}
	#event table .name .fxb img {width:120px;}
	#event table .name .fxb .ttl h4 {margin-bottom: 0px;}
	
	/* EV08:201201 */
	#event #ev08 .name { position: relative; }
	#event #ev08 .name h3 { margin: 20px 0 30px;}
	#event #ev08 .name h3 img { position: absolute; top: 10px; right: 20px; }

	#event .event-detail p {padding:0 0 20px 0;}
	#event .event-detail p span.pl4 {padding-left:4.5em;}
	#event .event-detail p.contact {padding:30px 0;}
	#event .event-btn-box {
		display: flex;
		justify-content: center;
	}
	/* PCはスペース、スマホは改行 */
	.spbr::before{
		white-space: pre;
	}
	.pc-none{display:none;}
	
	/* ----- DEFAULT ----- */
	.default .narrow { width: 1000px; margin: 0 auto; }
	
	/* HD */
	.default #hd { margin-bottom: 60px; }
	.default #hd .inner { height: 240px; padding-top: 20px; }
	.default #hd .icn { margin-bottom: 10px; }
	.default h2 { font-size: 3.1rem; line-height: 1.4; }
	.default h2 font { font-size: 4.6rem; }
	.default h3 { font-size: 3.5rem; background-position: 45px 0; height: 65px; padding-top: 10px; margin-bottom: 60px; }
	.default h4 { font-size: 3.0rem; width: 750px; height: 55px; padding-top: 5px; margin: 0 auto 35px; }
	.default p { margin-bottom: 40px; }
	.default #path p { margin-bottom: 0; }
	.default .img { margin-bottom: 80px; }
	
	/* ----- ABOUT ----- */
	/* HD */
	/* SEC1 */
	#about #sec1 p font { color: #3a8a53; font-weight: bold; }
	/* SEC2 */
	/* SEC3 */
	#about #sec3 ul { margin-bottom: 60px; }
	#about #sec3 ul li { font-size: 2.2rem; font-weight: bold; line-height: 1.2; width: calc(100%/5); margin-bottom: 30px; }
	#about #sec3 ul li font { font-size: 1.8rem; }
	#about #sec3 ul li img { margin-bottom: 10px; }
	/* SEC4 */
	#about #sec4 { margin-bottom: 100px; }
	.default #sec4 p { font-size: 2.2rem; }
	#about #sec4 .btn a { font-size: 2.2rem; padding: 25px 70px; }
	/* SEC6 */
	#about #sec6  h3 { font-size: 3.5rem; background-position: 45px 0; height: 115px; padding-top: 10px; margin-bottom: 60px; }
	/* SEC7 */
	#about #sec7  h3 { font-size: 3.5rem; background-position: 45px 0; height: 115px; padding-top: 10px; margin-bottom: 60px; }
	
	/* ----- DELIVERABLE ----- */
	#deliverable .narrow { width: 1000px; margin: 0 auto; }
	
	/* HD */
	#deliverable #hd { margin-bottom: 60px; }
	#deliverable #hd .inner { height: 240px; padding-top: 20px; }
	#deliverable #hd .icn { margin-bottom: 10px; }
	#deliverable h2 { font-size: 3.1rem; line-height: 1.4; }
	#deliverable h2 font { font-size: 4.6rem; }
	#deliverable h3 { font-size: 3.5rem; background-position: 45px 0; height: 65px; padding-top: 10px; margin-bottom: 60px; }
	#deliverable.del1 h3 { background-position: 30px 15px;}
	#deliverable.del2 h3 { background-position: 40px 0;}
	#deliverable.del3 h3 { background-position: 40px 0; height: 70px; }
	#deliverable.del4 h3 { background-position: 40px 0; height: 70px; }
	#deliverable h4 { font-size: 3.0rem; width: 750px; height: 55px; padding-top: 5px; margin: 0 auto 35px; }
	#deliverable h4.line2 { font-size: 3.0rem; width: 750px; height: 100px; padding: 10px 0; margin: 0 auto 35px; }
	#deliverable h4.line3 { font-size: 3.0rem; width: 750px; height: 150px; padding: 10px 0; margin: 0 auto 35px; }
	#deliverable p { margin-bottom: 40px; }
	#deliverable #path p { margin-bottom: 0; }
	#deliverable .img { margin-bottom: 80px; }
	#deliverable .dnav .narrow, #home #sec4 .dnav .narrow { width: 700px; margin: 0 auto 80px; }
	#deliverable .dnav .narrow li, #home #sec4 .dnav .narrow li { text-align: center; width: calc(100%/5); }
	#deliverable .comname { margin-bottom: 40px; }
	
	#deliverable #hd { margin-bottom: 20px; }
	#deliverable .hnav { margin-bottom: 30px; }
	#deliverable .hnav .inner { height: 85px; }
	#deliverable .hnav .inner li { margin-left: 10px; }
	#deliverable .hnav li img { width: 85px; height: auto; }
	
	/* DEL1 */
	#deliverable.del1 .lead { width: 920px; margin: 0 auto 60px; }
	#deliverable.del1 .lead p { margin-bottom: 20px;}
	#deliverable.del1 h5.cnf_car { font-size: 2.8rem; }
	#deliverable.del1 #sec1 .cap { font-size: 1.5rem; }
	#deliverable.del1 .participation { line-height: 2; }
	#deliverable.del1 .img_part li { float: left; margin-bottom: 15px; }
	#deliverable.del1 h5 { font-size: 3.0rem; line-height: 1.25; margin-bottom: 20px; }
	#deliverable.del1 h5 font { font-size: 2.2rem; }
	#deliverable .mov { width: 540px; margin: 0 auto 80px; }
	#deliverable.del1 .motorshow { margin-bottom: 80px; }
	#deliverable.del1 .nav_site a { float: left; width: calc((100%/3) - 34px); height: 86px; margin: 0 15px 80px; }
	
	/* DEL2 */
	#deliverable.del2 #sec1, #deliverable.del3 #sec1 { margin-bottom: 80px; }
	#deliverable.del2 h4 font { font-size: 2.3rem; }
	#deliverable.del2 h5, #deliverable.del3 h5, #deliverable.del4 h5, #deliverable.del5 h5{ font-size: 3.0rem; }
	#deliverable.del2 .catch, #deliverable.del3 .catch, #deliverable.del4 .catch, #deliverable.del5 .catch{ font-size: 2.8rem; }
	#deliverable.del2 .nomargin { margin-bottom: 10px; }
	
	/* DEL3 */
	#deliverable.del3 h6 { display: block; width: 700px; margin: 0 auto; }
	
	/* DEL4 */
	#deliverable.del4 #sec1, #deliverable.del4 #sec2 { margin-bottom: 80px; }
	#deliverable.del4 .blk_set { margin-bottom: 20px; }
	#deliverable.del4 .blk_set p { margin-bottom: 20px; }
	#deliverable.del4 .blk_set dt { float: left; width: 660px; }
	#deliverable.del4 .blk_set dd { float: right; }
	#deliverable.del4 h6 { font-size: 3.4rem; margin-bottom: 10px; }
	#deliverable.del4 p.hd { margin-bottom: 0; }
	#deliverable.del4 #sec2 h5 { margin-bottom: 10px; }
	
	#deliverable.del4 .purpose { margin-bottom: 70px; }
	#deliverable.del4 .purpose li { margin-bottom: 10px; }
	#deliverable.del4 .txt { margin-left: 1em; }
	
	#deliverable.del2 #pagenav, #deliverable.del4 #pagenav, #deliverable.del5 #pagenav { margin-bottom: 50px; }
	#deliverable.del2 #pagenav a, #deliverable.del4 #pagenav a, #deliverable.del5 #pagenav a { margin: 0 2em; }
	
	#deliverable.del4 #sec2 .parts { margin-bottom: 70px; }
	
	#deliverable.del4 #sec3 .img, #deliverable.del5 .img, #deliverable.del2 .img { text-align: center;}
	

}