@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, PingFang SC;
  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 div.contact{
width: 100%;
	background-color: #000000;
	height: auto;
	padding: 15px;
}
header div.contact h1{	color: #FFFFFF;
font-size: 2.0rem;
text-align: center;}
/*header .visual {
  width: 100%;
  padding: 70px 0 95px;
  background: url("../images/head_visual_bg.jpg") repeat top;
  background-size: 1800px;
  position: relative;
}
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: 100px;
  margin: 20px 0;
  background: url(../images/head_company_logo.gif) repeat-x center;
  background-size: 6000px;
}
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 .copyright {
  padding: 15px 0px 20px;
  text-align: center;
  color: rgb(255, 255, 255);
}
/*-------------------------------------
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;
  font-weight: 400;
  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(220, 0, 0);
}
.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;
}
.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;
}
.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 .profile-hksoa {
  margin-top: 20px;
}
.block .time-line1 .logo-jsmea {
  max-width: 180px;
  margin: 10px 0;
}
.block .time-line1 .logo-hksoa {
  max-width: 115px;
  margin: 0 30px;
}
.block .time-line1 .flag-japan {
  max-width: 130px;
}
.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: 0 30px 0 100px;
}
.block .time-line1-2 .profile {
  float: left;
}
.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(200, 50, 50);
  border-radius: 24px;
  width: 300px;
}
.block .time-line1-2 .logo-jsmea {
  max-width: 180px;
}
.block .time-line1-2 .logo-hksoa {
  max-width: 115px;
}
.company-list {
  margin-left: -40px;
}
.company-list li {
  margin-top: 30px;
  border-top: 3px solid rgb(220, 0, 0);
  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(220, 0, 0);
}
.company-list li a .more {
  display: block;
  padding: 8px 50px;
  color: rgb(220, 0, 0);
  background: rgb(255, 255, 255);
  border: 1px solid rgb(220, 0, 0);
  border-radius: 50px;
  transition: .2s;
}
.company-list li a:hover .more {
  color: rgb(255, 255, 255);
  background: rgb(220, 0, 0);
  border: 1px solid rgb(220, 0, 0);
  border-radius: 50px;
}
.company-list-logo {
  float: left;
  width: 40%;
}
.company-list-logo figure {
  text-align: center;
}
.company-list-logo .yanmar img {
  width: 200px;
  padding: 100px 0;
}
.company-list-logo .kanagawakiki img {
  width: 65px;
  padding: 70px 0;
}
.company-list-logo .volcano img {
  width: 150px;
  padding: 80px 0;
}
.company-list-logo .sasakura img {
  width: 200px;
  padding: 100px 0;
}
.company-list-logo .daihatsu img {
  width: 170px;
  padding: 90px 0;
}
.company-list-logo .mol img {
  width: 300px;
  padding: 95px 0;
}
.company-list-logo .hanshin img {
  width: 280px;
  padding: 100px 0;
}
.company-list-logo .niigata img {
  width: 170px;
  padding: 82px 0;
}
.company-list-logo .nss img {
  width: 280px;
  padding: 100px 0;
}
.company-list-logo .miura img {
  width: 185px;
  padding: 80px 0;
}
.company-list-logo .taiyo img {
  width: 180px;
  padding: 80px 0;
}
.company-list-logo .chugoku img {
  width: 220px;
  padding: 95px 0;
}
.company-list-logo .nipponpaint img {
  width: 300px;
  padding: 100px 0;
}
.company-list-logo .semco img {
  width: 180px;
  padding: 100px 0;
}
.company-list-logo .nabtesco img {
  width: 180px;
  padding: 100px 0;
}
.company-list-logo .kawasaki img {
  width: 190px;
  padding: 90px 0;
}
.company-list-logo .mitsubishi img {
  width: 280px;
  padding: 90px 0;
}
.company-list-logo .nakashima img {
  width: 200px;
  padding: 90px 0;
}
.company-list-logo .tobujukogyo img {
  width: 220px;
  padding: 70px 0;
}
.company-list-info {
  float: left;
  width: 55%;
  padding-right: 5%;
}
.company-list-info .time {
  font-size: 24px;
  font-weight: 400;
  letter-spacing: 0.2em;
}
.company-list-info .name-en {
  font-size: 20px;
  font-weight: 400;
  line-height: 100%;
  margin: 5px 0;
}
.company-list-info .name-ch {
  font-size: 18px;
  font-weight: 700;
  line-height: 100%;
  margin: 5px 0;
}
.company-list-info .title {
  font-size: 30px;
  font-weight: 400;
  color: rgb(220, 0, 0);
}
.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: 0px 2px 0px rgb(255, 255, 255);
  border-top: 2px solid rgb(0, 0, 0);
  border-bottom: 2px 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: 150px;
  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 .logo-chugoku img {
  max-width: 190px;
}
.company-logo-list .logo-daihatsu img {
  max-width: 155px;
}
.company-logo-list .logo-kanagawakiki img {
  max-width: 55px;
}
.company-logo-list .logo-kawasaki img {
  max-width: 170px;
}
.company-logo-list .logo-miura img {
  max-width: 150px;
}
.company-logo-list .logo-mitsubishi img {
  max-width: 270px;
}
.company-logo-list .logo-mol img {
  max-width: 270px;
}
.company-logo-list .logo-nabtesco img {
  max-width: 160px;
}
.company-logo-list .logo-nss img {
  max-width: 270px;
}
.company-logo-list .logo-nakashima img {
  max-width: 180px;
}
.company-logo-list .logo-niigata img {
  max-width: 145px;
}
.company-logo-list .logo-nipponpaint img {
  max-width: 270px;
}
.company-logo-list .logo-sasakura img {
  max-width: 180px;
}
.company-logo-list .logo-semco img {
  max-width: 160px;
}
.company-logo-list .logo-taiyo img {
  max-width: 165px;
}
.company-logo-list .logo-hanshin img {
  max-width: 260px;
}
.company-logo-list .logo-tobujukogyo img {
  max-width: 210px;
}
.company-logo-list .logo-volcano img {
  max-width: 135px;
}
.company-logo-list .logo-yanmar img {
  max-width: 180px;
}
/*-------------------------------------
about
-------------------------------------*/
.about {
  padding: 60px 0;
}
.about 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);
}
.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;
}
/*-------------------------------------
contact
-------------------------------------*/
.contact {
  padding: 60px 0;
}
.contact 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);
}
.contact p {
  text-align: center;
  margin: 20px 0;
  font-size: 24px;
}
.contact .button {
  width: 700px;
  margin: 0px auto 0px;
}
.contact .button a {
  width: 700px;
  padding: 20px 0px;
  float: left;
  text-align: center;
  font-size: 48px;
  color: rgb(255, 255, 255);
  border-radius: 5px;
  transition: all 0.1s ease-in-out 0s;
}
.contact .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;
}
.contact .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);
}
.contact .button-blue a {
  background: rgb(20, 100, 180);
  border-bottom: 5px solid rgb(0, 80, 140);
}
.contact .button-red a {
  background: rgb(220, 0, 0);
  border-bottom: 5px solid rgb(190, 0, 0);
}
/*-------------------------------------
contact-form
-------------------------------------*/
.contact-header {
  width: 100%;
  min-width: 1080px;
  padding: 30px 0 0 0;
  background: url("../images/head_bg.png") no-repeat left top;
  background-size:cover;
  box-sizing: border-box;
}

.contact-header h1 {
  max-width: 1080px;
  margin: 0 auto;
}

.wave{
  margin: -20px 0 0 0;
}

.contact .Required {
  color: rgb(255, 0, 0);
  padding-left: 10px;
}
.contact .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;
}
.contact .submit:hover {
  color: rgb(255, 255, 255);
  background: rgb(0, 0, 0);
}
.contact .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(220, 0, 0);
  background: rgb(255, 255, 255);
}
.contact .attention label span:before {
  position: absolute;
  top: 10px;
  left: -5px;
  display: inline-block;
  content: '';
  box-sizing: border-box;
}
.contact .attention label span:after {
  position: absolute;
  top: 10px;
  left: -5px;
  display: inline-block;
  content: '';
  box-sizing: border-box;
}
.contact .attention-read {
  text-align: left;
  margin: 0;
  font-size: 16px;
  padding: 15px 30px;
  border-bottom: 1px solid rgb(0, 0, 0);
}
.contact table {
  width: 100%;
  background: rgb(255, 255, 255);
  margin-bottom: 20px;
}
.contact 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;
}
.contact table td {
  width: 70%;
  padding: 25px;
  border: 1px solid rgb(0, 0, 0);
  vertical-align: middle;
  box-sizing: border-box;
}
.contact table td .text-box {
  width: 100%;
  box-sizing: border-box;
}
.contact .checklist1 {
  display: block;
}
.contact .checklist1 li {
  display: inline-block;
  padding: 10px;
  line-height: 100%;
  width: 35%;
}
/*-------------------------------------
company
-------------------------------------*/
.company-header {
  background: rgb(220, 0, 0);
}
.company-header .seminar-logo {
  float: left;
  width: 440px;
  padding: 10px 0;
}
.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, 0, 0);
  position: relative;
}
.company-header .time-nav li a:hover {
  color: rgb(0, 0, 0);
  background: rgb(240, 240, 240);
  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(220, 0, 0);
  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(220, 0, 0);
}
.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(220, 0, 0);
}
.company-breadcrumbs ul {
  display: block;
}
.company-breadcrumbs li {
  float: left;
  padding: 15px 0 15px 35px;
  line-height: 100%;
  font-weight: 400;
  position: relative;
}
.company-breadcrumbs li:first-child {
  padding: 15px 0 15px 0;
}
.company-breadcrumbs li a {
  color: rgb(220, 0, 0);
}
.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(220, 0, 0);
}
.company-breadcrumbs li.ch {
  font-weight: 700;
  font-size: 16px;
}
.company-cover {
  padding: 30px 0;
}
.company-cover .time {
  float: left;
  font-size: 28px;
  font-weight: 400;
  letter-spacing: .2em;
}
.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: 24px;
  font-weight: 400;
  letter-spacing: .1em;
}
.company-cover .logo-yanmar img {
  max-width: 220px;
}
.company-cover .logo-kanagawakiki img {
  max-width: 70px;
}
.company-cover .logo-volcano img {
  max-width: 160px;
}
.company-cover .logo-sasakura img {
  max-width: 240px;
}
.company-cover .logo-daihatsu img {
  max-width: 190px;
}
.company-cover .logo-mol img {
  max-width: 360px;
}
.company-cover .logo-hanshin img {
  max-width: 340px;
}
.company-cover .logo-niigata img {
  max-width: 180px;
}
.company-cover .logo-nss img {
  max-width: 360px;
}
.company-cover .logo-miura img {
  max-width: 210px;
}
.company-cover .logo-taiyo img {
  max-width: 200px;
}
.company-cover .logo-chugoku img {
  max-width: 250px;
}
.company-cover .logo-nipponpaint img {
  max-width: 360px;
}
.company-cover .logo-semco img {
  max-width: 210px;
}
.company-cover .logo-nabtesco img {
  max-width: 200px;
}
.company-cover .logo-kawasaki img {
  max-width: 220px;
}
.company-cover .logo-mitsubishi img {
  max-width: 320px;
}
.company-cover .logo-nakashima img {
  max-width: 220px;
}
.company-cover .logo-tobujukogyo img {
  max-width: 260px;
}
.company {
  display: block;
}
.company .title {
  padding: 6px 15px 8px;
  text-align: center;
  font-size: 30px;
  font-weight: 400;
  color: rgb(255, 255, 255);
  background: rgb(220, 0, 0);
}
.company .presentation {
  padding: 20px 0 0;
}
.company .presentation h4 {
  font-size: 28px;
  font-weight: 400;
  color: rgb(220, 0, 0);
  text-align: center;
  margin-bottom: 10px;
}
.company .presentation p {}
.company .presentation figure {
  padding: 50px 0;
  text-align: center;
}
.company .presentation .yanmar img {
  width: 700px;
}
.company .presentation .kanagawakiki img {
  max-width: 450px;
}
.company .presentation .volcano img {
  max-width: 450px;
}
.company .presentation .sasakura img {
  max-width: 450px;
}
.company .presentation .daihatsu img {
  max-width: 550px;
}
.company .presentation .mol img {
  max-width: 600px;
}
.company .presentation .hanshin img {
  max-width: 980px;
}
.company .presentation .niigata img {
  max-width: 1080px;
}
.company .presentation .nss img {
  max-width: 700px;
}
.company .presentation .miura img {
  max-width: 800px;
}
.company .presentation .taiyo img {
  max-width: 700px;
}
.company .presentation .chugoku img {
  max-width: 700px;
}
.company .presentation .nipponpaint img {
  max-width: 900px;
}
.company .presentation .semco img {
  max-width: 700px;
}
.company .presentation .nabtesco img {
  max-width: 700px;
}
.company .presentation .kawasaki img {
  max-width: 400px;
}
.company .presentation .mitsubishi img {
  max-width: 680px;
}
.company .presentation .nakashima img {
  max-width: 980px;
}
.company .presentation .tobujukogyo img {
  max-width: 600px;
}
.company .introduction {
  padding: 0 0 50px;
}
.company .introduction h4 {
  font-size: 24px;
  font-weight: 400;
  padding-bottom: 10px;
  color: rgb(220, 0, 0);
}
.company-infomation {
  background: rgb(220, 0, 0);
}
.company-infomation .title {
  float: left;
  width: 20%;
  padding: 100px 0;
  text-align: center;
  font-size: 18px;
  font-weight: 400;
  color: rgb(220, 0, 0);
  background: rgb(255, 255, 255);
  letter-spacing: .2em;
}
.company-infomation .info {
  float: left;
  width: 80%;
  padding: 20px 20px 0;
  background: rgb(220, 0, 0);
  box-sizing: border-box;
}
.company-infomation .info h2 {
  font-size: 21px;
  font-weight: 400;
  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;
}
.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;
}
.company-footer {
  width: 100%;
  min-width: 1200px;
}
.company-footer .seminar-copy {
  text-align: center;
  padding: 15px 0 20px;
  background: rgb(197, 153, 68);
}
.company-footer .seminar-copy img {
  width: 600px;
}
.company-footer .copyright {
  padding: 15px 0px 20px;
  text-align: center;
  color: rgb(255, 255, 255);
  background: rgb(0, 0, 0);
}
@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: 50px 0 96px;
    background: url("../images/head_visual_bg.jpg") repeat top;
    background-size: 600px;
    position: relative;
  }
  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: 60px;
    margin: 10px 0 20px;
    background: url(../images/head_company_logo.gif) repeat-x center;
    background-size: 4200px;
  }
  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 .copyright {
    padding: 15px 0px 20px;
    font-size: 11px;
  }
  /*-------------------------------------
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;
    font-weight: 400;
    letter-spacing: 0;
  }
  .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 {
    color: rgb(220, 0, 0);
  }
  .block .headline .coffee {
    height: 30px;
    margin: 10px 0 0 0;
    font-size: 20px;
    padding: 20px 30px;
    display: inline-block;
  }
  .block .headline .network {
    height: 30px;
    margin: 10px 0 0 0;
    font-size: 20px;
    padding: 20px 30px;
    display: inline-block;
  }
  .block .time-line1 {
    padding: 0 0px 10px 40px;
    display: block;
  }
  .block .time-line1 .logo {
    float: none;
    display: block;
    margin-right: 0;
  }
  .block .time-line1 .profile {
    float: none;
    display: block;
    margin: 10px 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-hksoa {
    max-width: 100px;
    margin: 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: 10px 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(200, 50, 50);
    border-radius: 24px;
    width: 200px;
    font-size: 16px;
  }
  .block .time-line1-2 .logo-jsmea {
    max-width: 160px;
  }
  .block .time-line1-2 .logo-hksoa {
    max-width: 100px;
  }
  .company-list {
    margin-left: -32px;
  }
  .company-list li {
    margin-top: 20px;
    border-top: 3px solid rgb(220, 0, 0);
    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(220, 0, 0);
  }
  .company-list li a .more {
    font-size: 16px;
    display: block;
    padding: 8px 50px;
    color: rgb(220, 0, 0);
    background: rgb(255, 255, 255);
    border: 1px solid rgb(220, 0, 0);
    border-radius: 50px;
  }
  .company-list li a:hover .more {
    color: rgb(255, 255, 255);
    background: rgb(220, 0, 0);
    border: 1px solid rgb(220, 0, 0);
    border-radius: 50px;
  }
  .company-list-logo {
    float: none;
    width: 100%;
  }
  .company-list-logo figure {
    text-align: center;
  }
  .company-list-logo .yanmar img {
    width: 180px;
    padding: 0;
  }
  .company-list-logo .kanagawakiki img {
    width: 55px;
    padding: 0;
  }
  .company-list-logo .volcano img {
    width: 130px;
    padding: 0;
  }
  .company-list-logo .sasakura img {
    width: 180px;
    padding: 0;
  }
  .company-list-logo .daihatsu img {
    width: 150px;
    padding: 0;
  }
  .company-list-logo .mol img {
    width: 300px;
    padding: 0;
  }
  .company-list-logo .hanshin img {
    width: 270px;
    padding: 0;
  }
  .company-list-logo .niigata img {
    width: 150px;
    padding: 0;
  }
  .company-list-logo .nss img {
    width: 280px;
    padding: 0;
  }
  .company-list-logo .miura img {
    width: 160px;
    padding: 0;
  }
  .company-list-logo .taiyo img {
    width: 160px;
    padding: 0;
  }
  .company-list-logo .chugoku img {
    width: 200px;
    padding: 0;
  }
  .company-list-logo .nipponpaint img {
    width: 300px;
    padding: 0;
  }
  .company-list-logo .semco img {
    width: 165px;
    padding: 0;
  }
  .company-list-logo .nabtesco img {
    width: 165px;
    padding: 0;
  }
  .company-list-logo .kawasaki img {
    width: 175px;
    padding: 0;
  }
  .company-list-logo .mitsubishi img {
    width: 260px;
    padding: 0;
  }
  .company-list-logo .nakashima img {
    width: 180px;
    padding: 0;
  }
  .company-list-logo .tobujukogyo img {
    width: 210px;
    padding: 0;
  }
  .company-list-info {
    float: none;
    width: 100%;
    padding: 30px 20px 0;
    box-sizing: border-box;
  }
  .company-list-info .time {
    font-size: 20px;
    font-weight: 400;
    letter-spacing: 0.2em;
  }
  .company-list-info .name-en {
    font-size: 18px;
    font-weight: 400;
    line-height: 100%;
    margin: 5px 0;
  }
  .company-list-info .name-ch {
    font-size: 16px;
    font-weight: 700;
    line-height: 100%;
    margin: 5px 0;
  }
  .company-list-info .title {
    font-size: 24px;
    font-weight: 400;
    color: rgb(220, 0, 0);
    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;
    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);
  }
  .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: 100px;
    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 .logo-chugoku img {
    max-width: 140px;
  }
  .company-logo-list .logo-daihatsu img {
    max-width: 120px;
  }
  .company-logo-list .logo-kanagawakiki img {
    max-width: 45px;
  }
  .company-logo-list .logo-kawasaki img {
    max-width: 130px;
  }
  .company-logo-list .logo-miura img {
    max-width: 120px;
  }
  .company-logo-list .logo-mitsubishi img {
    max-width: 190px;
  }
  .company-logo-list .logo-mol img {
    max-width: 200px;
  }
  .company-logo-list .logo-nabtesco img {
    max-width: 125px;
  }
  .company-logo-list .logo-nss img {
    max-width: 190px;
  }
  .company-logo-list .logo-nakashima img {
    max-width: 135px;
  }
  .company-logo-list .logo-niigata img {
    max-width: 115px;
  }
  .company-logo-list .logo-nipponpaint img {
    max-width: 200px;
  }
  .company-logo-list .logo-sasakura img {
    max-width: 135px;
  }
  .company-logo-list .logo-semco img {
    max-width: 125px;
  }
  .company-logo-list .logo-taiyo img {
    max-width: 125px;
  }
  .company-logo-list .logo-hanshin img {
    max-width: 180px;
  }
  .company-logo-list .logo-tobujukogyo img {
    max-width: 150px;
  }
  .company-logo-list .logo-volcano img {
    max-width: 100px;
  }
  .company-logo-list .logo-yanmar img {
    max-width: 140px;
  }
  /*-------------------------------------
about
-------------------------------------*/
  .about {
    padding: 30px 0;
  }
  .about 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);
  }
  .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;
  }
  /*-------------------------------------
contact
-------------------------------------*/
  .contact {
    padding: 30px 0;
  }
  .contact 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);
  }
  .contact p {
    text-align: center;
    margin: 10px 0;
    font-size: 18px;
  }
  .contact .button {
    width: 100%;
    margin: 0 auto 0;
  }
  .contact .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;
  }
  .contact .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;
  }
  .contact .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);
  }
  .contact .button-blue a {
    background: rgb(20, 100, 180);
    border-bottom: 5px solid rgb(0, 80, 140);
  }
  .contact .button-red a {
    background: rgb(220, 0, 0);
    border-bottom: 5px solid rgb(190, 0, 0);
  }
  /*-------------------------------------
contact-form
-------------------------------------*/
  .contact-header {
    width: 100%;
    min-width: 100%;
    padding: 15px 0 0 0;
    background:url("../images/head_bg.png") no-repeat left top;
    background-size: cover;
  }
  .contact-header h1 {
    max-width: 92%;
    margin: 0 auto;
  }
  
  .wave{
    margin: -0.2rem 0 0 0;
  }
  
  
  .contact .Required {
    color: rgb(255, 0, 0);
    padding-left: 10px;
  }
  .contact .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;
  }
  .contact .submit:hover {
    color: rgb(255, 255, 255);
    background: rgb(0, 0, 0);
  }
  .contact .attention {
    text-align: center;
    margin: 30px 0 0;
    font-size: 18px;
    padding: 10px 10px 10px;
    border-top: 1px solid rgb(0, 0, 0);
    border-bottom: 1px solid rgb(0, 0, 0);
    color: rgb(220, 0, 0);
    background: rgb(255, 255, 255);
  }
  .contact .attention label span:before {
    position: absolute;
    top: 5px;
    left: -5px;
    display: inline-block;
    content: '';
    box-sizing: border-box;
  }
  .contact .attention label span:after {
    position: absolute;
    top: 5px;
    left: -5px;
    display: inline-block;
    content: '';
    box-sizing: border-box;
  }
  .contact .attention-read {
    text-align: left;
    margin: 0;
    font-size: 14px;
    padding: 15px 10px;
    border-bottom: 1px solid rgb(0, 0, 0);
  }
  .contact table {
    width: 100%;
    background: rgb(255, 255, 255);
  }
  .contact 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;
  }
  .contact table td {
    width: 70%;
    padding: 10px;
    border: 1px solid rgb(0, 0, 0);
    vertical-align: middle;
    box-sizing: border-box;
  }
  .contact table td .text-box {
    width: 100%;
    box-sizing: border-box;
  }
  .contact .checklist1 {
    display: block;
  }
  .contact .checklist1 li {
    display: inline-block;
    padding: 10px;
    line-height: 100%;
    width: 35%;
  }
  /*-------------------------------------
company
-------------------------------------*/
  .company-header {
    background: rgb(220, 0, 0);
  }
  .company-header .inner {
    min-width: 100%;
    padding: 0;
  }
  .company-header .seminar-logo {
    float: none;
    width: 100%;
    padding: 20px 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 {
    color: rgb(255, 255, 255);
    background: rgb(0, 0, 0);
    position: relative;
  }
  .company-header .time-nav li a:hover {
    color: rgb(0, 0, 0);
    background: rgb(240, 240, 240);
    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-right: 6px solid rgb(220, 0, 0);
    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;
    border-left: 6px solid rgb(220, 0, 0);
  }
  .company-header .time-nav .selected {
    width: 34%;
    text-align: center;
    display: block;
    padding: 20px 0;
    color: rgb(0, 0, 0);
    background: rgb(255, 255, 255);
  }
  .company-breadcrumbs {
    background: rgb(255, 255, 255);
    border-bottom: 2px solid rgb(220, 0, 0);
  }
  .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;
    font-weight: 400;
    position: relative;
  }
  .company-breadcrumbs li:first-child {
    padding: 15px 0 15px 0;
  }
  .company-breadcrumbs li a {
    color: rgb(220, 0, 0);
  }
  .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;
    border-left: 6px solid rgb(220, 0, 0);
  }
  .company-breadcrumbs li.ch {
    font-weight: 700;
    font-size: 12px;
  }
  .company-cover {
    padding: 20px 0;
  }
  .company-cover .time {
    float: left;
    font-size: 20px;
    font-weight: 400;
    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: 18px;
    font-weight: 400;
    letter-spacing: .05em;
  }
  .company-cover .logo-yanmar img {
    max-width: 190px;
  }
  .company-cover .logo-kanagawakiki img {
    max-width: 60px;
  }
  .company-cover .logo-volcano img {
    max-width: 135px;
  }
  .company-cover .logo-sasakura img {
    max-width: 210px;
  }
  .company-cover .logo-daihatsu img {
    max-width: 160px;
  }
  .company-cover .logo-mol img {
    max-width: 300px;
  }
  .company-cover .logo-hanshin img {
    max-width: 290px;
  }
  .company-cover .logo-niigata img {
    max-width: 160px;
  }
  .company-cover .logo-nss img {
    max-width: 290px;
  }
  .company-cover .logo-miura img {
    max-width: 170px;
  }
  .company-cover .logo-taiyo img {
    max-width: 170px;
  }
  .company-cover .logo-chugoku img {
    max-width: 210px;
  }
  .company-cover .logo-nipponpaint img {
    max-width: 310px;
  }
  .company-cover .logo-semco img {
    max-width: 180px;
  }
  .company-cover .logo-nabtesco img {
    max-width: 170px;
  }
  .company-cover .logo-kawasaki img {
    max-width: 180px;
  }
  .company-cover .logo-mitsubishi img {
    max-width: 290px;
  }
  .company-cover .logo-nakashima img {
    max-width: 190px;
  }
  .company-cover .logo-tobujukogyo img {
    max-width: 220px;
  }
  .company {
    display: block;
  }
  .company .title {
    padding: 4px 15px 6px;
    text-align: center;
    font-size: 22px;
    font-weight: 400;
    color: rgb(255, 255, 255);
    background: rgb(220, 0, 0);
  }
  .company .presentation {
    padding: 20px 0 0;
  }
  .company .presentation h4 {
    font-size: 28px;
    font-weight: 400;
    color: rgb(220, 0, 0);
    text-align: center;
    margin-bottom: 10px;
  }
  .company .presentation p {}
  .company .presentation figure {
    padding: 30px 0;
    text-align: center;
  }
  .company .presentation .yanmar img {
    width: 100%;
  }
  .company .presentation .kanagawakiki img {
    max-width: 80%;
  }
  .company .presentation .volcano img {
    max-width: 80%;
  }
  .company .presentation .sasakura img {
    max-width: 80%;
  }
  .company .presentation .daihatsu img {
    max-width: 95%;
  }
  .company .presentation .mol img {
    max-width: 100%;
  }
  .company .presentation .hanshin img {
    max-width: 100%;
  }
  .company .presentation .niigata img {
    max-width: 100%;
  }
  .company .presentation .nss img {
    max-width: 100%;
  }
  .company .presentation .miura img {
    max-width: 100%;
  }
  .company .presentation .taiyo img {
    max-width: 100%;
  }
  .company .presentation .chugoku img {
    max-width: 100%;
  }
  .company .presentation .nipponpaint img {
    max-width: 100%;
  }
  .company .presentation .semco img {
    max-width: 100%;
  }
  .company .presentation .nabtesco img {
    max-width: 100%;
  }
  .company .presentation .kawasaki img {
    max-width: 80%;
  }
  .company .presentation .mitsubishi img {
    max-width: 95%;
  }
  .company .presentation .nakashima img {
    max-width: 100%;
  }
  .company .presentation .tobujukogyo img {
    max-width: 90%;
  }
  .company .introduction {
    padding: 0 0 40px;
  }
  .company .introduction h4 {
    font-size: 22px;
    font-weight: 400;
    padding-bottom: 10px;
    color: rgb(220, 0, 0);
  }
  .company-infomation {
    background: rgb(220, 0, 0);
  }
  .company-infomation .title {
    float: none;
    width: 100%;
    padding: 10px 0;
    margin-top: 10px;
    text-align: center;
    font-size: 18px;
    font-weight: 400;
    color: rgb(220, 0, 0);
    background: rgb(255, 255, 255);
  }
  .company-infomation .info {
    float: none;
    width: 100%;
    padding: 10px 0 20px;
    background: rgb(220, 0, 0);
    box-sizing: border-box;
  }
  .company-infomation .info h2 {
    font-size: 18px;
    font-weight: 400;
    color: rgb(255, 255, 255);
  }
  .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;
  }
  .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;
  }
  .company-footer {
    width: 100%;
    min-width: 100%;
  }
  .company-footer .seminar-copy {
    padding: 4px 0 15px;
  }
  .company-footer .seminar-copy img {
    max-width: 300px;
  }
  .company-footer .copyright {
    padding: 15px 0px 20px;
    font-size: 11px;
  }
} /*--------------------------------------------------------------------------*/
@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;
    font-weight: 400;
    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;
  }
} /*--------------------------------------------------------------------------*/