@charset "UTF-8";
/*-------------------------------------
block
-------------------------------------*/
.block1 {  }
.block2 { background-color: rgba(0,0,0,0.02); }
.block3 { background: url(../images/bg3.gif) repeat center center; }
.block4 { background: url(../images/bg4.jpg) repeat center center; background-size:cover; }
.block5 { background: url(../images/bg5.jpg) repeat center center; background-size:cover; }

.block .wrap { padding: 60px 0 60px; margin-left: 40px; display: block; position: relative; }
.block .headline { margin-left: -40px; font-size: 26px; font-weight: 700; letter-spacing: .1em; position: relative; }
.block .headline .lunch { margin-left: 30px; font-size: 30px; font-weight: 700; letter-spacing: .1em; background: rgba(255,255,255,.8); padding: 40px 200px; border-radius: 4px; }
.block .headline .lead { display: block; margin: -20px 0 0 105px; font-size: 18px; font-weight: 300; letter-spacing: 0; }
.block .headline .time1 { width: 80px; height: 80px; margin-right: 20px; font-size: 18px; font-weight: 400; border: 1px solid rgb(0,0,0); background: rgb(255,255,255); line-height: 80px; text-align: center; display: inline-block; border-radius: 40px; }
.block .headline .time2 { width: 150px; height: 80px; margin-right: 20px; font-size: 18px; font-weight: 400; border: 1px solid rgb(0,0,0); background: rgb(255,255,255); line-height: 80px; text-align: center; display: inline-block; border-radius: 40px; }
.block .headline .session { color: rgb(230,0,0); }

.block .time-line1 { padding: 20px 0px 0px 60px; display: block; position: relative; }
.block .time-line1 .logo { float: left; width: 180px; text-align: center; margin-right: 40px; }
.block .time-line1 .profile { float: left; }
.block .time-line1 .profile .name { font-size: 24px; font-weight: 400; }
.block .time-line1 .speech { display: inline-block; padding: 5px 20px; margin: 40px 0 20px; color: rgb(255,255,255); background: rgb(230,0,0); border-radius: 24px; }


.block .time-line1-2 { padding: 40px 0px 0px 20px; display: block; position: relative; }
.block .time-line1-2:before { width: 20px; height: 1px; display: block; border-top: solid 1px rgb(0,0,0); position: absolute; top: 82px; left: 0px; z-index: 1; content: ""; }
.block .time-line1-2 .time { padding: 5px 15px; float: left; color: rgb(255,255,255); position: relative; margin: 24px 0px; display: block; border-radius: 4px; font-size: 18px; }
.block .time-line1-2 .logo { float: left; width: 180px; text-align: center; margin: 0 40px; }
.block .time-line1-2 .profile { float: left; }
.block .time-line1-2 .profile .name { font-size: 24px; font-weight: 400; }
.block .time-line1-2 .speech { display: inline-block; padding: 5px 20px; margin: 40px 0 20px; color: rgb(255,255,255); background: rgb(230,0,0); border-radius: 24px; }


.block .time-line2 { padding: 40px 0px 0px 20px; display: block; position: relative; }
.block .time-line2:before { width: 20px; height: 1px; display: block; border-top: solid 1px rgb(0,0,0); position: absolute; top: 82px; left: 0px; z-index: 1; content: ""; }
.block .time-line2 .time { padding: 5px 15px; float: left; color: rgb(255,255,255); position: relative; margin: 24px 0px; display: block; border-radius: 4px; font-size: 18px; }
.block .time-line2 .title { margin-left: 120px; }
.block .time-line2 .title figure { float: left; }
.block .time-line2 .title h4 { float: left; margin-left: 30px; }
.block .time-line2 .text { margin-left: 120px; }
.block .time-line2 .text h4 { color: rgb(210,0,0); border-top: 1px solid rgb(210,0,0); border-bottom: 1px solid rgb(210,0,0); padding: 10px; }
.block .time-line2 .text p.product { font-size: 21px; font-weight: 400; margin-bottom: 10px; }
.block .time-line2 .text p { line-height: 180%; }
.block .time-line2 .speech { margin-left: 120px; margin-top: 30px; }
.block .time-line2 .speech .caption { display: inline-block; padding: 5px 20px; color: rgb(255,255,255); background: rgb(220,0,0); border-radius: 24px; }
.block .time-line2 .speech .logo { float: left; margin-right: 40px; }
.block .time-line2 .speech .profile { float: left; }

/*-------------------------------------
company
-------------------------------------*/
.company { padding: 100px 0; }
.company h2 { margin-bottom: 30px; 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 .company-list-1 { display: block; }
.company .company-list-1 li { width: 325px; height: 90px; padding: 30px 0px; float: left; text-align: center; border-bottom: 1px solid rgb(220,220,220); border-right: 1px solid rgb(220,220,220); }
.company .company-list-2 { display: block; }
.company .company-list-2 li { width: 325px; padding: 40px 0px; float: left; text-align: center; }
.company .company-list-3 { display: block; }
.company .company-list-3 li { width: 487.5px; float: left; text-align: center; }

/*-------------------------------------
contact
-------------------------------------*/
.contact { padding: 100px 0; }
.contact h2 { margin-bottom: 30px; 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-top: 20px; 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; font-weight: 500; 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(230,0,0); border-bottom: 5px solid rgb(190,0,0); }
/*contact-form*/
.contact .Required { color: rgb(255,0,0); padding-left: 10px; }
.contact .submit { margin: 30px 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-top: 30px; font-size: 16px; padding: 15px 0; border-top: 1px solid rgb(0,0,0); border-bottom: 1px solid rgb(0,0,0); }
.contact .attention-read { text-align: left; margin-top: 0; font-size: 16px; padding: 15px 30px; border-bottom: 1px solid rgb(0,0,0); }
.contact table { width: 100%; background: rgb(255,255,255); }
.contact table th { width: 30%; padding: 25px; text-align: left; border: 2px solid rgb(0,0,0); background: rgb(245,245,245); font-weight: 300; vertical-align: middle; }
.contact table td { width: 70%; padding: 25px; border: 2px solid rgb(0,0,0); vertical-align: middle; }
.contact .checklist1 { display: block; }
.contact .checklist1 li { display: inline-block; padding: 10px; line-height: 100%; width: 35%; }

/*-------------------------------------
about
-------------------------------------*/
.about { padding: 100px 0; }
.about h2 { margin-bottom: 30px; 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: 980px; background: rgb(255,255,255); }
.about table th { width: 30%; padding: 25px; text-align: left; border: 2px solid rgb(0,0,0); background: rgb(245,245,245); font-weight: 300; }
.about table td { width: 70%; padding: 25px; border: 2px solid rgb(0,0,0); }