@charset "UTF-8";
/* Reset Stylesheet Based on - html5doctor.com Reset Stylesheet http://html5doctor.com/html-5-reset-stylesheet/ */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
table { border-collapse: collapse; border-spacing: 0; }
input, select { vertical-align: middle; }
ul, li { list-style: none; }
/*-------------------------------------
clearfix
-------------------------------------*/
.clearfix:before,.clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

/*-------------------------------------
common
-------------------------------------*/
body { font: 75%/1.5 "Oswald", sans-serif, Arial, Helvetica, Verdana, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック"; font-weight: 300; letter-spacing: .05em; -webkit-text-size-adjust: 100%; }
a { text-decoration: none; cursor: pointer; color: rgb(0,120,210); }
a:hover { text-decoration: underline; }
a:focus { outline: none; }
h1 { }
h2 { font-size: 48px; font-weight: 300; }
h3 { font-size: 18px; font-weight: 300; }
h4 { font-size: 18px; font-weight: 300; }
p, dl, ul { font-size: 18px; }
input, select, table { font-size: 16px; }
img { vertical-align: bottom; }
.inner { max-width: 1080px; margin: 0 auto; padding: 0 2%; box-sizing: border-box; }
.error { color: rgb(210,0,0); line-height: 200%; }
.black { background: rgb(0,0,0); }
.line-black { border-left: 1px solid rgb(0,0,0); box-sizing: border-box; }

/*-------------------------------------
header
-------------------------------------*/
header { width: 100%; min-width: 1200px; }
header .visual { width: 100%; padding: 160px 0 76px; background: url("../images/head_visual_bg.jpg") repeat top; background-size: 1800px; position: relative; }
header .visual .flag { width: 180px; position: absolute; top: 10px; left: 40px; }
header .visual .nippon { width: 100px; position: absolute; top: 20px; right: 40px; background-color: rgb(255,255,255); padding: 2px; }
header .visual .jsmea { width: 200px; position: absolute; top: 30px; left: 0; right: 0; margin: auto; background-color: rgb(255,255,255); padding: 14px 20px; }
header .visual .bxslider li { width: 100%; }
header .visual .bxslider li img { max-width: 1200px; margin: 0px auto; }
header .visual .bxslider li .pc { display: block; }
header .visual .bxslider li .sp { display: none; }
header .company-logo { width: 100%; height: 130px; margin: 10px 0; background: url(../images/head_company_logo.gif) repeat-x center; background-size: 4000px; }
header .button { padding: 50px 0; background: url("../images/bg6.gif") repeat center center; }
header .button .inner { max-width: 760px; margin: 0 auto; padding: 0; box-sizing: border-box; }
header .button-blue { width: 48%; float: left; }
header .button-blue a { width: 100%; padding: 10px 0px 15px; float: left; text-align: center; font-size: 30px; color: rgb(255,255,255); border-radius: 5px; transition: all 0.1s ease-in-out 0s; }
header .button-blue a:hover { background-color: rgb(255,210,0); border-bottom: 5px solid rgb(200,160,10); color: rgb(0,0,0); text-decoration: none; }
header .button-blue a:active { padding: 10px 0px 5px; margin-top: 5px; background-color: rgb(255,210,0); border-bottom: 10px solid rgb(255,210,0); color: rgb(0,0,0); }
header .button-blue a { background: rgb(20,100,180); border-bottom: 5px solid rgb(0,80,140); }
header .button-red { width: 48%; float: right; }
header .button-red a { width: 100%; padding: 10px 0px 15px; float: left; text-align: center; font-size: 30px; color: rgb(255,255,255); border-radius: 5px; transition: all 0.1s ease-in-out 0s; }
header .button-red a:hover { background-color: rgb(255,210,0); border-bottom: 5px solid rgb(200,160,10); color: rgb(0,0,0); text-decoration: none; }
header .button-red a:active { padding: 10px 0px 5px; margin-top: 5px; background-color: rgb(255,210,0); border-bottom: 10px solid rgb(255,210,0); color: rgb(0,0,0); }
header .button-red a { background: rgb(220,0,0); border-bottom: 5px solid rgba(0,0,0,.1); }

/*-------------------------------------
footer
-------------------------------------*/
footer { width: 100%; min-width: 1200px; background: rgb(0,0,0); }
footer .seminar-copy { text-align: center; padding: 15px 0 20px; background: rgb(0,140,165); }
footer .seminar-copy img { width: 640px; }
footer .copyright { padding: 15px 0px 20px; text-align: center; color: rgb(255,255,255); background: rgb(0,0,0); }

/*-------------------------------------
form
-------------------------------------*/
label { cursor: pointer; }
label { position: relative; display: block; }
label span { display: inline-block; }
label input[type="checkbox"] + span { position: relative; padding: 0 0 0 26px; }
label input[type="radio"] + span { position: relative; padding: 0 0 0 26px; }
/* checkbox */
label input[type="checkbox"] { position: absolute; top: 0; left: 0; opacity: 0; }
label input[type="checkbox"] + span:before { position: absolute; top: 0; left: 0; display: inline-block; content: ''; box-sizing: border-box; }
label input[type="checkbox"] + span:after { position: absolute; top: 0; left: 0; display: inline-block; content: ''; box-sizing: border-box; }
label input[type="checkbox"] + span:before { z-index: 0; width: 20px; height: 20px; border: solid 1px rgb(200,200,200); border-radius: 3px; }
label input[type="checkbox"] + span::after { z-index: 1; margin: 4px 7px; width: 6px; height: 10px; }
label input[type="checkbox"]:checked + span::before { background-color: rgb(255,255,255); }
label input[type="checkbox"]:checked + span::after { border: solid 2.5px rgb(220,0,0); border-width: 0 2.5px 2.5px 0; transform: rotate(45deg); border-radius: 1px; }
/* radio */
label input[type="radio"] { position: absolute; top: 0; left: 0; opacity: 0; }
label input[type="radio"] + span::before { position: absolute; top: 0; left: 0; display: inline-block; content: ''; box-sizing: border-box; }
label input[type="radio"] + span:after { position: absolute; top: 0; left: 0; display: inline-block; content: ''; box-sizing: border-box; }
label input[type="radio"] + span:before { z-index: 0; width: 20px; height: 20px; border: solid 1px rgb(200,200,200); border-radius: 20px; }
label input[type="radio"] + span::after { z-index: 1; margin: 5px; }
label input[type="radio"]:checked + span::before { border-width: 1px; }
label input[type="radio"]:checked + span::after { border: solid 5px rgb(220,0,0); border-radius: 5px; }
/* text */
input[type="text"] { border: 0; outline: 0; }
input[type="text"] { padding: 5px; border: 1px solid rgb(235,235,235); border-radius: 3px; font-size: 13px; transition: border-color ease .2s; }
input[type="text"]:focus { border-color: rgb(95,152,225); }
/* textarea */
textarea { border: 0; outline: 0; font-family: sans-serif; }
textarea { padding: 5px; border: 1px solid rgb(235,235,235); border-radius: 3px; font-size: 13px; transition: border-color ease .2s; }
textarea:focus { border-color: rgb(95,152,225); }
/* select */
select { border: 0; outline: 0; }
select { padding: 5px; border: 1px solid rgb(235,235,235); border-radius: 3px; font-size: 13px; transition: border-color ease .2s; }
select:focus { border-color: rgb(95,152,225); }
/* submit */
input[type="submit"], button[type="submit"] { padding: 10px 60px; font-size: 14px; color: rgb(220,0,0); background: rgb(255,255,255); border: 1px solid rgb(220,0,0); border-radius: 4px; cursor: pointer; -webkit-appearance: none; }
input[type="submit"]:hover, button[type="submit"]:hover { text-decoration: none; color: rgb(255,255,255); background: rgb(220,0,0); transition: all 0.2s ease-in-out 0s; }

/*-------------------------------------
contents
-------------------------------------*/
.contents { width: 100%; min-width: 1200px; }

/*-------------------------------------
block
-------------------------------------*/
.block1 {  }
.block2 { background-color: rgba(0,0,0,0.04); }
.block3 { background: url("../images/bg3.png") repeat center center; }
.block4 { background: url("../images/bg4.jpg") repeat center center; background-size:cover; }
.block4 .inner .wrap { padding: 80px 0; }
.block5 { background: url("../images/bg5.jpg") repeat center center; background-size:cover; }
.block5 .inner .wrap { padding: 50px 0; }
.block6 { background: url("../images/bg6.gif") repeat center center; }

.block .wrap { padding: 30px 0; margin-left: 40px; display: block; }
.block .headline { margin-left: -40px; font-size: 28px; letter-spacing: .1em; }
.block .headline .time1 { width: 80px; height: 80px; margin-right: 20px; font-size: 18px; font-weight: 300; line-height: 80px; text-align: center; display: inline-block; background: rgb(255,255,255); border-radius: 40px; border: 1px solid rgb(0,0,0); letter-spacing: .1em; }
.block .headline .time2 { width: 150px; height: 80px; margin-right: 20px; font-size: 18px; font-weight: 300; line-height: 80px; text-align: center; display: inline-block; background: rgb(255,255,255); border-radius: 40px; border: 1px solid rgb(0,0,0); letter-spacing: .1em; }
.block .headline .session { color: rgb(0,85,127); font-size: 24px; letter-spacing: .1em; margin-left: 20px; }

.block .headline .coffee { height: 50px; margin: 0 0 0 10px; background: rgba(255,255,255,.8); padding: 20px 80px; border-radius: 4px; display: inline-block; text-shadow: 1px 1px 0px rgb(255,255,255); }
.block .headline .network { height: 50px; margin: 0 0 0 10px; background: rgba(255,255,255,.8); padding: 20px 80px; border-radius: 4px; display: inline-block; text-shadow: 1px 1px 0px rgb(255,255,255); }

.block .time-line1 { padding: 15px 0px 15px 70px; display: block; }
.block .time-line1 .logo { float: left; margin-right: 30px; }
.block .time-line1 .profile { float: left; }
.block .time-line1 .profile .name { font-size: 21px; line-height: 100%; }
.block .time-line1 .profile .position { margin-top: 4px; }
.block .time-line1 .logo-jsmea { max-width: 180px; margin: 12px 0; }
.block .time-line1 .logo-marina { max-width: 94px; margin: 0 10px 0 30px; }

.block .time-line1-2 { padding: 50px 0px 20px 20px; display: block; }
.block .time-line1-2 .time { padding: 8px 15px; float: left; color: rgb(255,255,255); border-radius: 50px; font-size: 18px; }
.block .time-line1-2 .logo { float: left; text-align: center; margin: 15px 30px 0 100px; }
.block .time-line1-2 .profile { float: left; text-shadow: 1px 1px 0px rgb(255,255,255); }
.block .time-line1-2 .profile .name { font-size: 24px; line-height: 100%; }
.block .time-line1-2 .profile .position { margin-top: 4px; }
.block .time-line1-2 .speech { display: block; text-align: center; padding: 5px 0; margin: 0 0 30px 100px; color: rgb(255,255,255); background: rgb(0,140,165); border-radius: 24px; width: 300px; }
.block .time-line1-2 .logo-jsmea { max-width: 180px; }
.block .time-line1-2 .logo-classnk { max-width: 160px; }
.block .time-line1-2 .logo-filipino { max-width: 115px; }
.block .time-line1-2 .comingsoon { margin-left: 120px; }

.company-list { margin-left: -40px; }
.company-list li { margin-top: 30px; border-top: 3px solid rgb(0,140,165); box-shadow: 0 3px 3px rgb(240,240,240); }
.company-list li a { display: block; padding: 40px 0; color: rgb(0,0,0); background: rgb(255,255,255); transition: .2s; }
.company-list li a:hover { color: rgb(0,140,165); transform: scale(1.1, 1.1); }
.company-list li a .more { display: block; padding: 8px 50px; color: rgb(0,140,165); background: rgb(255,255,255); border: 1px solid rgb(0,140,165); border-radius: 50px; transition: .2s; }
.company-list li a:hover .more { color: rgb(255,255,255); background: rgb(0,140,165); border: 1px solid rgb(0,140,165); border-radius: 50px; }
.company-list-logo { float: left; width: 40%; }
.company-list-logo figure { text-align: center; }
.company-list-logo .miura img { width: 190px; padding-top: 80px; }
.company-list-logo .nakashima img { width: 200px; padding-top: 92px; }
.company-list-logo .tokyokeiki img { width: 140px; padding-top: 84px; }
.company-list-logo .daihatsu img { width: 180px; padding-top: 78px; }
.company-list-logo .bemac img { width: 150px; padding-top: 90px; }
.company-list-logo .yanmar img { width: 200px; padding-top: 85px; }
.company-list-logo .taiyo img { width: 180px; padding-top: 73px; }
.company-list-logo .kongocolmet img { width: 260px; padding-top: 73px; }
.company-list-logo .semco img { width: 190px; padding-top: 86px; }
.company-list-logo .hanshin img { width: 280px; padding-top: 95px; }
.company-list-logo .nabtesco img { width: 190px; padding-top: 90px; }
.company-list-logo .ihi img { width: 170px; padding-top: 70px; }
.company-list-info { float: left; width: 55%; padding-right: 5%; }
.company-list-info .time { font-size: 24px; letter-spacing: 0.2em; }
.company-list-info .name { font-size: 20px; line-height: 100%; margin: 5px 0; }
.company-list-info .title { font-size: 30px; color: rgb(0,140,165); }
.company-list-info .more { margin-top: 15px; float: left; }

/*-------------------------------------
company-logo-list
-------------------------------------*/
.company-logo-list { padding: 60px 0; }
.company-logo-list h2 { padding-bottom: 10px; text-align: center; text-shadow: 1px 1px 0px rgb(255,255,255); border-top: 1px solid rgb(0,0,0); border-bottom: 1px solid rgb(0,0,0); }
.company-logo-list table { width: auto; display: block; margin-top: 30px; background: rgb(255,255,255); }
.company-logo-list table tbody { width: 100%; }
.company-logo-list table td { width: 350px; height: 200px; text-align: center; border: 1px solid rgb(240,240,240); box-sizing: border-box; vertical-align: middle; }
.company-logo-list table td a { display: inline-block; }
.company-logo-list table td a img { width: 350px; transition: 0.2s; }
.company-logo-list table td a img:hover { transform: scale(1.2, 1.2); }
.company-logo-list .logo-bemac img { max-width: 140px; }
.company-logo-list .logo-daihatsu img { max-width: 160px; }
.company-logo-list .logo-hanshin img { max-width: 250px; }
.company-logo-list .logo-ihi img { max-width: 150px; }
.company-logo-list .logo-kongocolmet img { max-width: 230px; }
.company-logo-list .logo-miura img { max-width: 165px; }
.company-logo-list .logo-nabtesco img { max-width: 160px; }
.company-logo-list .logo-nakashima img { max-width: 190px; }
.company-logo-list .logo-semco img { max-width: 160px; }
.company-logo-list .logo-taiyo img { max-width: 165px; }
.company-logo-list .logo-tokyokeiki img { max-width: 130px; }
.company-logo-list .logo-yanmar img { max-width: 185px; }

/*-------------------------------------
about
-------------------------------------*/
.about { padding: 60px 0; }
.about h2 { padding-bottom: 10px; text-align: center; text-shadow: 1px 1px 0px rgb(255,255,255); border-top: 1px solid rgb(0,0,0); border-bottom: 1px solid rgb(0,0,0); }
.about table { width: 100%; margin-top: 30px; background: rgb(255,255,255); }
.about table th { width: 30%; padding: 25px; text-align: left; border: 1px solid rgb(0,0,0); background: rgb(250,250,250); font-weight: 300; box-sizing: border-box; }
.about table td { width: 70%; padding: 25px; border: 1px solid rgb(0,0,0); box-sizing: border-box; }

/*-------------------------------------
register
-------------------------------------*/
.register { padding: 60px 0; }
.register h2 { padding-bottom: 10px; text-align: center; text-shadow: 0px 2px 0px rgb(255,255,255); border-top: 2px solid rgb(0,0,0); border-bottom: 2px solid rgb(0,0,0); }
.register p { text-align: center; margin: 20px 0; font-size: 24px; font-weight: 300; }
.register .button { width: 700px; margin: 0px auto 0px; }
.register .button a { width: 700px; padding: 20px 0px; float: left; text-align: center; font-size: 48px; font-weight: 400; color: rgb(255,255,255); border-radius: 5px; transition: all 0.1s ease-in-out 0s; }
.register .button a:hover { background-color: rgb(255,210,0); border-bottom: 5px solid rgb(200,160,10); color: rgb(0,0,0); text-decoration: none; }
.register .button a:active { padding: 20px 0 15px; margin-top: 5px; background-color: rgb(255,210,0); border-bottom: 5px solid rgb(255,210,0); color: rgb(0,0,0); }
.register .button-blue a { background: rgb(20,100,180); border-bottom: 5px solid rgb(0,80,140); }
.register .button-red a { background: rgb(220,0,0); border-bottom: 5px solid rgb(190,0,0); }

/*-------------------------------------
register-form
-------------------------------------*/
.register-header { width: 100%; min-width: 1080px; padding: 40px 0; background: url("../images/head_visual_bg.jpg") repeat top; background-size: 1096px; }
.register-header h1 { max-width: 1080px; margin: 0 auto; }
.register-header h1.pc { display: block; }
.register-header h1.sp { display: none; }
.register .Required { color: rgb(255,0,0); padding-left: 10px; }
.register .submit { margin: 10px 0px; padding: 25px 100px; font-size: 18px; text-align: center; color: rgb(0,0,0); background: rgb(255,255,255); border: 2px solid rgb(0,0,0); border-radius: 5px; cursor: pointer; }
.register .submit:hover { color: rgb(255,255,255); background: rgb(0,0,0); }
.register .attention { text-align: center; margin: 30px 0 0; font-size: 24px; padding: 15px 0 20px; border-top: 1px solid rgb(0,0,0); border-bottom: 1px solid rgb(0,0,0); color: rgb(230,0,0); background: rgb(255,255,255); }
.register .attention label span:before { position: absolute; top: 10px; left: -5px; display: inline-block; content: ''; box-sizing: border-box; }
.register .attention label span:after { position: absolute; top: 10px; left: -5px; display: inline-block; content: ''; box-sizing: border-box; }
.register .attention-read { text-align: left; margin: 0; font-size: 16px; font-weight: 300; padding: 20px 40px; border-bottom: 1px solid rgb(0,0,0); }
.register table { width: 100%; background: rgb(255,255,255); margin-bottom: 20px; }
.register table th { width: 30%; padding: 25px; text-align: left; border: 1px solid rgb(0,0,0); background: rgb(250,250,250); font-weight: 300; vertical-align: middle; box-sizing: border-box; }
.register table td { width: 70%; padding: 25px; border: 1px solid rgb(0,0,0); vertical-align: middle; box-sizing: border-box; }
.register table td .text-box { width: 100%; box-sizing: border-box; }
.register .checklist1 { display: block; }
.register .checklist1 li { display: inline-block; padding: 10px; line-height: 100%; width: 35%; }

/*-------------------------------------
company
-------------------------------------*/
.company-header { background: rgb(0,140,165); }
.company-header .seminar-logo { float: left; width: 440px; padding-top: 13px; }
.company-header .time-nav { float: right; }
.company-header .time-nav li { float: left; letter-spacing: .2em; }
.company-header .time-nav li a { display: block; color: rgb(255,255,255); background: rgb(0,85,127); position: relative; }
.company-header .time-nav li a:hover { color: rgb(255,255,255); background: rgba(0,0,0); text-decoration: none; transition: .2s; }
.company-header .time-nav li.prev a { padding: 24px 30px 24px 40px; }
.company-header .time-nav li.prev a:before { content: ''; position: absolute; top: 50%; left: 0; width: 0; height: 0; margin-left: 20px; margin-top: -5px; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-right: 6px solid rgb(255,255,255); border-left: 6px solid transparent; }
.company-header .time-nav li.next a { padding: 24px 40px 24px 30px; }
.company-header .time-nav li.next a:after { content: ''; position: absolute; top: 50%; right: 0; width: 0; height: 0; margin-right: 20px; margin-top: -5px; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-right: 6px solid transparent; border-left: 6px solid rgb(255,255,255); }
.company-header .time-nav .selected { display: block; padding: 24px 40px; color: rgb(0,0,0); background: rgb(255,255,255); }

.company-breadcrumbs { background: rgb(255,255,255); border-bottom: 2px solid rgb(0,140,165); }
.company-breadcrumbs ul { display: block; }
.company-breadcrumbs li { float: left; padding: 15px 0 15px 35px; line-height: 100%; letter-spacing: .05em; position: relative; }
.company-breadcrumbs li:first-child { padding: 15px 0 15px 0; }
.company-breadcrumbs li a { color: rgb(0,85,127); }
.company-breadcrumbs li a:after { content: ''; position: absolute; top: 50%; right: 0; width: 0; height: 0; margin-right: -28px; margin-top: -5px; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-right: 6px solid transparent; border-left: 6px solid rgb(0,85,127); }

.company-cover { padding: 30px 0; }
.company-cover .time { float: left; font-size: 28px; letter-spacing: .2em; color: rgb(0,85,127); }
.company-cover .time span { display: block; font-size: 20px; padding-left: 30px; background: url("../images/icon_time.png") no-repeat center left; background-size: 20px; }
.company-cover .sponsor { float: right; width: 240px; }
.company-cover .logo { padding: 40px 0 10px; text-align: center; }
.company-cover .logo span { display: block; padding-top: 20px; font-size: 20px; font-weight: 300; letter-spacing: .1em; }
.company-cover .logo-miura img { max-width: 210px; }
.company-cover .logo-nakashima img { max-width: 220px; }
.company-cover .logo-tokyokeiki img { max-width: 155px; }
.company-cover .logo-daihatsu img { max-width: 190px; }
.company-cover .logo-bemac img { max-width: 165px; }
.company-cover .logo-yanmar img { max-width: 230px; }
.company-cover .logo-taiyo img { max-width: 200px; }
.company-cover .logo-kongocolmet img { max-width: 290px; }
.company-cover .logo-semco img { max-width: 210px; }
.company-cover .logo-hanshin img { max-width: 320px; }
.company-cover .logo-nabtesco img { max-width: 200px; }
.company-cover .logo-ihi img { max-width: 185px; }

.company { display: block; }
.company .title { padding: 6px 15px 8px; text-align: center; font-size: 30px; color: rgb(255,255,255); background: rgb(0,85,127); }
.company .title .r-mark { font-size: 22px; vertical-align: top; }
.company .presentation { padding: 20px 0 0; }
.company .presentation h4 { font-size: 28px; color: rgb(0,85,127); text-align: center; margin-bottom: 10px; }
.company .presentation p { }
.company .presentation figure { padding: 50px 0; text-align: center; }
.company .presentation .miura img { max-width: 800px; }
.company .presentation .nakashima { padding-top: 0px; }
.company .presentation .nakashima img { max-width: 100%; }
.company .presentation .tokyokeiki img { max-width: 460px; }
.company .presentation .daihatsu img { max-width: 100%; }
.company .presentation .bemac img { max-width: 100%; }
.company .presentation .yanmar img { max-width: 680px; }
.company .presentation .taiyo img { max-width: 700px; }
.company .presentation .kongocolmet img { max-width: 800px; }
.company .presentation .semco { padding-top: 15px; }
.company .presentation .semco img { max-width: 100%; }
.company .presentation .hanshin img { max-width: 840px; }
.company .presentation .nabtesco img { max-width: 100%; }
.company .presentation .ihi img { max-width: 980px; }
.company .introduction { padding: 0 0 50px; }
.company .introduction h4 { font-size: 24px; padding-bottom: 10px; color: rgb(0,85,127); }

.company-infomation { background: rgb(0,85,127); }
.company-infomation .title { float: left; width: 20%; padding: 100px 0; text-align: center; font-size: 18px; color: rgb(0,85,127); background: rgb(255,255,255); letter-spacing: .2em; }
.company-infomation .title-kamome { padding: 116px 0; }
.company-infomation .info { float: left; width: 80%; padding: 20px 20px 0; background: rgb(0,85,127); box-sizing: border-box; }
.company-infomation .info h2 { font-size: 21px; color: rgb(255,255,255); }
.company-infomation .info ul { color: rgb(255,255,255); }
.company-infomation .info li { float: left; margin: 10px 30px 0 0; padding: 10px 0 10px 50px; }
.company-infomation .info p { display: block; margin-top: 5px; padding: 10px 0 10px 50px; color: rgb(255,255,255); }
.company-infomation .info p a { color: rgb(255,255,255); }
.company-infomation .info .tel { background: url("../images/icon_tel.png") no-repeat 0; background-size: 40px; }
.company-infomation .info .fax { background: url("../images/icon_fax.png") no-repeat 0; background-size: 40px; }
.company-infomation .info .mail { background: url("../images/icon_mail.png") no-repeat 0; background-size: 40px; }
.company-infomation .info .url { background: url("../images/icon_url.png") no-repeat 0; background-size: 40px; }



@media only screen and (max-width: 767px) {
/*-------------------------------------
common
-------------------------------------*/
a:hover { text-decoration: none; }
h1 { }
h2 { font-size: 30px; font-weight: 300; }
h3 { font-size: 18px; font-weight: 300; }
h4 { font-size: 16px; font-weight: 300; }
p, dl, ul { font-size: 15px; }
input, select, table { font-size: 15px; }
.inner { min-width: 100%; padding: 0 4%; box-sizing: border-box; }

/*-------------------------------------
header
-------------------------------------*/
header { width: 100%; min-width: 100%; }
header .visual { width: 100%; padding: 75px 0 50px; background: url("../images/head_visual_bg.jpg") repeat top; background-size: 660px; position: relative; }
header .visual .flag { width: 85px; position: absolute; top: 8px; left: 5px; }
header .visual .nippon { width: 50px; position: absolute; top: 10px; right: 5px; background-color: rgb(255,255,255); padding: 1px; }
header .visual .jsmea { width: 110px; position: absolute; top: 12px; left: 15px; right: 0; margin: auto; background-color: rgb(255,255,255); padding: 6px 8px; }
header .visual .bxslider li { width: 100%; }
header .visual .bxslider li img { max-width: 100%; }
header .visual .bxslider li .pc { display: none; }
header .visual .bxslider li .sp { display: block; }
header .company-logo { width: 100%; height: 100px; margin: 0; background: url(../images/head_company_logo.gif) repeat-x center; background-size: 2800px; }
header .button { padding: 20px 0 30px; background: url("../images/bg6.gif") repeat center center; }
header .button .inner { max-width: 300px; margin: 0 auto; padding: 0; box-sizing: border-box; }
header .button-blue { width: 80%; padding: 0 10%; margin-top: 10px; display: block; }
header .button-blue a { width: 100%; padding: 5px 0px 10px; float: left; text-align: center; font-size: 20px; color: rgb(255,255,255); border-radius: 5px; transition: all 0.1s ease-in-out 0s; }
header .button-blue a:hover { background-color: rgb(255,210,0); border-bottom: 5px solid rgb(200,160,10); color: rgb(0,0,0); text-decoration: none; }
header .button-blue a:active { padding: 5px 0px 5px; margin-top: 5px; background-color: rgb(255,210,0); border-bottom: 5px solid rgb(255,210,0); color: rgb(0,0,0); }
header .button-blue a { background: rgb(20,100,180); border-bottom: 5px solid rgb(0,80,140); }
header .button-red { width: 80%; padding: 0 10%; margin-top: 10px; display: block; }
header .button-red a { width: 100%; padding: 5px 0px 10px; float: left; text-align: center; font-size: 20px; color: rgb(255,255,255); border-radius: 5px; transition: all 0.1s ease-in-out 0s; }
header .button-red a:hover { background-color: rgb(255,210,0); border-bottom: 5px solid rgb(200,160,10); color: rgb(0,0,0); text-decoration: none; }
header .button-red a:active { padding: 5px 0px 5px; margin-top: 5px; background-color: rgb(255,210,0); border-bottom: 5px solid rgb(255,210,0); color: rgb(0,0,0); }
header .button-red a { background: rgb(220,0,0); border-bottom: 5px solid rgba(0,0,0,.1); }

/*-------------------------------------
footer
-------------------------------------*/
footer { width: 100%; min-width: 100%; }
footer .seminar-copy { padding: 4px 10px 15px; }
footer .seminar-copy img { width: 100%; }
footer .copyright { padding: 15px 0px 20px; font-size: 11px; letter-spacing: 0; }

/*-------------------------------------
contents
-------------------------------------*/
.contents { width: 100%; min-width: 100%; }

/*-------------------------------------
block
-------------------------------------*/
.block1 { }
.block2 { }
.block3 { }
.block4 { }
.block4 .inner .wrap { padding: 40px 0; }
.block5 { }
.block5 .inner .wrap { padding: 40px 0; }
.block6 { }

.block .wrap { padding: 20px 0; margin-left: 32px; display: block; }
.block .headline { margin-left: -32px; font-size: 22px; letter-spacing: 0.05em; display: block; }
.block .headline .time1 { width: 60px; height: 60px; margin-right: 10px; font-size: 15px; border: 1px solid rgb(0,0,0); background: rgb(255,255,255); line-height: 60px; text-align: center; display: inline-block; border-radius: 40px; }
.block .headline .time2 { width: 110px; height: 60px; margin-right: 10px; font-size: 15px; border: 1px solid rgb(0,0,0); background: rgb(255,255,255); line-height: 60px; text-align: center; display: inline-block; border-radius: 40px; }
.block .headline .session { background: rgb(255,255,255); font-size: 20px; letter-spacing: .1em; line-height: 130%; margin-left: 0; display: block; padding: 10px 20px 14px; margin-top: 10px; }

.block .headline .coffee { height: 30px; margin: 10px 0 0 0; font-size: 20px; padding: 20px 20px; display: inline-block; }
.block .headline .network { height: 30px; margin: 10px 0 0 0; font-size: 20px; padding: 20px 20px; display: inline-block; }

.block .time-line1 { padding: 0 0px 20px 40px; display: block; }
.block .time-line1 .logo { float: none; display: block; margin-right: 0; }
.block .time-line1 .profile { float: none; display: block; margin: 15px 0 0 0; }
.block .time-line1 .profile .name { font-size: 18px; }
.block .time-line1 .profile .position { margin-top: 4px; }
.block .time-line1 .logo-jsmea { max-width: 160px; margin: 5px 0 0; }
.block .time-line1 .logo-marina { max-width: 80px; margin: 0 0; }

.block .time-line1-2 { padding: 30px 0 10px 0; display: block; }
.block .time-line1-2 .time { padding: 5px 10px; float: left; color: rgb(255,255,255); border-radius: 50px; font-size: 14px; margin-left: -30px; }
.block .time-line1-2 .logo { float: none; display: block; margin: 0 0 0 40px; }
.block .time-line1-2 .profile { float: none; display: block; margin: 15px 0 0 40px; }
.block .time-line1-2 .profile .name { font-size: 18px; }
.block .time-line1-2 .profile .position { margin-top: 4px; }
.block .time-line1-2 .speech { display: block; text-align: center; padding: 5px 0; margin: 0 0 20px 40px; color: rgb(255,255,255); background: rgb(0,140,165); border-radius: 24px; width: 200px; font-size: 16px; }
.block .time-line1-2 .logo-jsmea { max-width: 160px; }
.block .time-line1-2 .logo-classnk { max-width: 140px; }
.block .time-line1-2 .logo-filipino { max-width: 100px; }
.block .time-line1-2 .comingsoon { margin-left: 60px; }

.company-list { margin-left: -32px; }
.company-list li { margin-top: 20px; border-top: 3px solid rgb(0,140,165); box-shadow: 0 3px 3px rgb(240,240,240); }
.company-list li a { display: block; padding: 30px 0; color: rgb(0,0,0); background: rgb(255,255,255); }
.company-list li a:hover { color: rgb(0,140,165); }
.company-list li a .more { font-size: 16px; display: block; padding: 8px 50px; color: rgb(0,140,165); background: rgb(255,255,255); border: 1px solid rgb(0,140,165); border-radius: 50px; }
.company-list li a:hover .more { color: rgb(255,255,255); background: rgb(0,140,165); border: 1px solid rgb(0,140,165); border-radius: 50px; }
.company-list-logo { float: none; width: 100%; }
.company-list-logo figure { text-align: center; }
.company-list-logo .miura img { width: 170px; padding-top: 0; }
.company-list-logo .nakashima img { width: 190px; padding-top: 0; }
.company-list-logo .tokyokeiki img { width: 130px; padding-top: 0; }
.company-list-logo .daihatsu img { width: 165px; padding-top: 0; }
.company-list-logo .bemac img { width: 135px; padding-top: 0; }
.company-list-logo .yanmar img { width: 190px; padding-top: 0; }
.company-list-logo .taiyo img { width: 170px; padding-top: 0; }
.company-list-logo .kongocolmet img { width: 235px; padding-top: 0; }
.company-list-logo .semco img { width: 170px; padding-top: 0; }
.company-list-logo .hanshin img { width: 260px; padding-top: 0; }
.company-list-logo .nabtesco img { width: 165px; padding-top: 0; }
.company-list-logo .ihi img { width: 150px; padding-top: 0; }
.company-list-info { float: none; width: 100%; padding: 30px 20px 0; box-sizing: border-box; }
.company-list-info .time { font-size: 20px; letter-spacing: 0.2em; }
.company-list-info .name { font-size: 14px; line-height: 100%; margin: 5px 0; }
.company-list-info .title { font-size: 24px; color: rgb(0,140,165); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.company-list-info .more { margin-top: 15px; float: left; }

/*-------------------------------------
company-logo-list
-------------------------------------*/
.company-logo-list { padding: 30px 0; }
.company-logo-list h2 { padding: 5px 0 10px; text-align: center; border-top: 1px solid rgb(0,0,0); border-bottom: 1px solid rgb(0,0,0); }
.company-logo-list table { margin-top: 20px; width: auto; display: block; overflow: auto; white-space: nowrap; }
.company-logo-list table tbody { width: 100%; display: table; }
.company-logo-list table td { width: 240px; height: 140px; text-align: center; border: 1px solid rgb(240,240,240); box-sizing: border-box; vertical-align: middle; }
.company-logo-list table td a { display: inline-block; }
.company-logo-list table td figure { width: 240px; }
.company-logo-list table td a img { width: 240px; transition: 0.2s; }
.company-logo-list table td a img:hover { transform: scale(1.2, 1.2); }
.company-logo-list .logo-bemac img { max-width: 110px; }
.company-logo-list .logo-daihatsu img { max-width: 130px; }
.company-logo-list .logo-hanshin img { max-width: 210px; }
.company-logo-list .logo-ihi img { max-width: 120px; }
.company-logo-list .logo-kongocolmet img { max-width: 190px; }
.company-logo-list .logo-miura img { max-width: 140px; }
.company-logo-list .logo-nabtesco img { max-width: 130px; }
.company-logo-list .logo-nakashima img { max-width: 160px; }
.company-logo-list .logo-semco img { max-width: 135px; }
.company-logo-list .logo-taiyo img { max-width: 140px; }
.company-logo-list .logo-tokyokeiki img { max-width: 110px; }
.company-logo-list .logo-yanmar img { max-width: 155px; }

/*-------------------------------------
about
-------------------------------------*/
.about { padding: 30px 0; }
.about h2 { padding: 5px 0 10px; text-align: center; border-top: 1px solid rgb(0,0,0); border-bottom: 1px solid rgb(0,0,0); }
.about table { width: 100%; margin-top: 20px; background: rgb(255,255,255); }
.about table th { width: 30%; padding: 15px; text-align: left; border: 1px solid rgb(0,0,0); background: rgb(250,250,250); font-weight: 300; box-sizing: border-box; }
.about table td { width: 70%; padding: 15px; border: 1px solid rgb(0,0,0); box-sizing: border-box; }

/*-------------------------------------
register
-------------------------------------*/
.register { padding: 30px 0; }
.register h2 { padding: 5px 0 10px; text-align: center; text-shadow: 0px 2px 0px rgb(255,255,255); border-top: 2px solid rgb(0,0,0); border-bottom: 2px solid rgb(0,0,0); }
.register p { text-align: center; margin: 10px 0; font-size: 18px; }
.register .button { width: 100%; margin: 0 auto 0; }
.register .button a { width: 100%; padding: 5px 0; float: left; text-align: center; font-size: 38px; color: rgb(255,255,255); border-radius: 5px; transition: all 0.1s ease-in-out 0s; }
.register .button a:hover { background-color: rgb(255,210,0); border-bottom: 5px solid rgb(200,160,10); color: rgb(0,0,0); text-decoration: none; }
.register .button a:active { padding: 20px 0 15px; margin-top: 5px; background-color: rgb(255,210,0); border-bottom: 5px solid rgb(255,210,0); color: rgb(0,0,0); }
.register .button-blue a { background: rgb(20,100,180); border-bottom: 5px solid rgb(0,80,140); }
.register .button-red a { background: rgb(230,0,0); border-bottom: 5px solid rgb(190,0,0); }

/*-------------------------------------
register-form
-------------------------------------*/
.register-header { width: 100%; min-width: 100%; padding: 20px 0; background: url("../images/head_visual_bg.jpg") repeat top; background-size: 600px; }
.register-header h1 { max-width: 100%; margin: 0 auto; }
.register-header h1.pc { display: none; }
.register-header h1.sp { display: block; }
.register .Required { color: rgb(255,0,0); padding-left: 10px; }
.register .submit { margin: 10px 0px; padding: 15px 50px; text-align: center; color: rgb(0,0,0); background: rgb(255,255,255); border: 2px solid rgb(0,0,0); border-radius: 5px; cursor: pointer; }
.register .submit:hover { color: rgb(255,255,255); background: rgb(0,0,0); }
.register .attention { text-align: center; margin: 30px 0 0; font-size: 16px; padding: 10px 10px 15px; border-top: 1px solid rgb(0,0,0); border-bottom: 1px solid rgb(0,0,0); color: rgb(230,0,0); background: rgb(255,255,255); }
.register .attention label span:before { position: absolute; top: 4px; left: 0; display: inline-block; content: ''; box-sizing: border-box; }
.register .attention label span:after { position: absolute; top: 4px; left: 0; display: inline-block; content: ''; box-sizing: border-box; }
.register .attention-read { text-align: left; margin: 0; font-size: 14px; padding: 15px 10px; border-bottom: 1px solid rgb(0,0,0); }
.register table { width: 100%; background: rgb(255,255,255); }
.register table th { width: 30%; padding: 10px; text-align: left; border: 1px solid rgb(0,0,0); background: rgb(250,250,250); font-weight: 300; vertical-align: middle; box-sizing: border-box; }
.register table td { width: 70%; padding: 10px; border: 1px solid rgb(0,0,0); vertical-align: middle; box-sizing: border-box; }
.register table td .text-box { width: 100%; box-sizing: border-box; }
.register .checklist1 { display: block; }
.register .checklist1 li { display: inline-block; padding: 10px; line-height: 100%; width: 35%; }

/*-------------------------------------
company
-------------------------------------*/
.company-header { }
.company-header .inner { min-width: 100%; padding: 0; }
.company-header .seminar-logo { float: none; width: 100%; padding: 15px 0; text-align: center; display: block; }
.company-header .seminar-logo img { width: 90%; padding: 0 5%; }
.company-header .time-nav { float: none; display: block; }
.company-header .time-nav li { float: left; width: 33%; letter-spacing: .1em; }
.company-header .time-nav li a { position: relative; }
.company-header .time-nav li a:hover { text-decoration: none; }
.company-header .time-nav li.prev a { padding: 20px 0; text-align: center; }
.company-header .time-nav li.prev a:before { content: ''; position: absolute; top: 50%; left: 0; width: 0; height: 0; margin-left: 5px; margin-top: -5px; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 6px solid transparent; }
.company-header .time-nav li.next a { padding: 20px 0; text-align: center; }
.company-header .time-nav li.next a:after { content: ''; position: absolute; top: 50%; right: 0; width: 0; height: 0; margin-right: 5px; margin-top: -5px; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-right: 6px solid transparent; }
.company-header .time-nav .selected { width: 34%; text-align: center; display: block; padding: 20px 0; }

.company-breadcrumbs { }
.company-breadcrumbs .inner { min-width: 100%; padding: 0 2%; box-sizing: border-box; }
.company-breadcrumbs ul { display: block; }
.company-breadcrumbs li { float: left; padding: 15px 0 15px 25px; line-height: 100%; font-size: 13px; position: relative; }
.company-breadcrumbs li:first-child { padding: 15px 0 15px 0; }
.company-breadcrumbs li a { }
.company-breadcrumbs li a:after { content: ''; position: absolute; top: 50%; right: 0; width: 0; height: 0; margin-right: -22px; margin-top: -5px; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-right: 6px solid transparent; }

.company-cover { padding: 20px 0; }
.company-cover .time { float: left; font-size: 20px; letter-spacing: .2em; }
.company-cover .time span { display: block; font-size: 14px; padding-left: 28px; background: url("../images/icon_time.png") no-repeat center left; background-size: 20px; }
.company-cover .sponsor { float: right; width: 160px; }
.company-cover .logo { padding: 40px 0 0; text-align: center; }
.company-cover .logo span { display: block; padding-top: 10px; font-size: 14px; letter-spacing: .05em; }
.company-cover .logo-miura img { max-width: 170px; }
.company-cover .logo-nakashima img { max-width: 190px; }
.company-cover .logo-tokyokeiki img { max-width: 130px; }
.company-cover .logo-daihatsu img { max-width: 165px; }
.company-cover .logo-bemac img { max-width: 135px; }
.company-cover .logo-yanmar img { max-width: 190px; }
.company-cover .logo-taiyo img { max-width: 170px; }
.company-cover .logo-kongocolmet img { max-width: 235px; }
.company-cover .logo-semco img { max-width: 170px; }
.company-cover .logo-hanshin img { max-width: 260px; }
.company-cover .logo-nabtesco img { max-width: 165px; }
.company-cover .logo-ihi img { max-width: 150px; }

.company { display: block; }
.company .title { padding: 4px 15px 6px; text-align: center; font-size: 22px; color: rgb(255,255,255); background: rgb(0,85,127); }
.company .title .r-mark { font-size: 16px; vertical-align: top; }
.company .presentation { padding: 20px 0 0; }
.company .presentation h4 { font-size: 28px; color: rgb(0,85,127); text-align: center; margin-bottom: 10px; }
.company .presentation p { }
.company .presentation figure { padding: 30px 0; text-align: center; }

.company .presentation .miura img { width: 100%; }
.company .presentation .nakashima { padding-top: 30px; }
.company .presentation .nakashima img { width: 100%; }
.company .presentation .tokyokeiki img { width: 100%; }
.company .presentation .daihatsu img { width: 100%; }
.company .presentation .bemac img { width: 100%; }
.company .presentation .yanmar img { width: 100%; }
.company .presentation .taiyo img { width: 100%; }
.company .presentation .kongocolmet img { width: 100%; }
.company .presentation .semco { padding-top: 5px; }
.company .presentation .semco img { width: 100%; }
.company .presentation .hanshin img { width: 100%; }
.company .presentation .nabtesco img { width: 100%; }
.company .presentation .ihi img { width: 100%; }

.company .introduction { padding: 0 0 40px; }
.company .introduction h4 { font-size: 22px; padding-bottom: 10px; color: rgb(0,85,127); }

.company-infomation { background: rgb(0,85,127); }
.company-infomation .title { float: none; width: 100%; padding: 10px 0; margin-top: 10px; text-align: center; font-size: 18px; color: rgb(0,85,127); background: rgb(255,255,255); }
.company-infomation .title-kamome { padding: 10px 0; }
.company-infomation .info { float: none; width: 100%; padding: 10px 0 20px; background: rgb(0,85,127); box-sizing: border-box; }
.company-infomation .info h2 { font-size: 18px; color: rgb(255,255,255); padding: 10px 0; }
.company-infomation .info ul { color: rgb(255,255,255); }
.company-infomation .info li { float: left; margin: 10px 25px 0 0; padding: 10px 0 10px 50px; }
.company-infomation .info p { display: block; margin-top: 10px; padding: 10px 0 10px 50px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.company-infomation .info p a { color: rgb(255,255,255); }
.company-infomation .info .tel { background: url("../images/icon_tel.png") no-repeat 0; background-size: 40px; }
.company-infomation .info .fax { background: url("../images/icon_fax.png") no-repeat 0; background-size: 40px; }
.company-infomation .info .mail { background: url("../images/icon_mail.png") no-repeat 0; background-size: 40px; }
.company-infomation .info .url { background: url("../images/icon_url.png") no-repeat 0; background-size: 40px; }
}/*--------------------------------------------------------------------------*/



@media only screen and (max-width: 479px) {
/*-------------------------------------
base
-------------------------------------*/
}/*--------------------------------------------------------------------------*/



@media only screen and (max-width: 320px) {
/*-------------------------------------
company
-------------------------------------*/
.company-breadcrumbs li { font-size: 11px; }
.company-breadcrumbs li.ch { font-size: 10px; }

.company-cover { padding: 20px 0; }
.company-cover .time { float: left; font-size: 18px; letter-spacing: .1em; }
.company-cover .time span { display: block; font-size: 13px; padding-left: 20px; background: url("../images/icon_time.png") no-repeat center left; background-size: 15px; }
.company-cover .sponsor { float: right; width: 140px; }

/*-------------------------------------
footer
-------------------------------------*/
footer .copyright { font-size: 10px; }
}/*--------------------------------------------------------------------------*/