@charset "UTF-8";
/*-------------------------------------
block
-------------------------------------*/
.block1 { background: url(../images/bg1.gif) repeat center center; }
.block2 { background: url(../images/bg2.gif) repeat center center; }
.block3 { background: url(../images/bg1.gif) repeat center center; }
.block4 { background: url(../images/bg5.jpg) repeat center center; background-size:cover; }
.block5 { background: url(../images/bg4.png) repeat center center; }
.block6 { background: url(../images/bg2.gif) repeat center center; }
.block7 { background: url(../images/bg6.jpg) repeat center center; background-size:cover; }
.block8 { background: url(../images/bg4.png) repeat center center; }
.block9 { background: url(../images/bg3.gif) repeat center center; }
.block10 { background: url(../images/bg1.gif) repeat center center; }

.block .wrap { padding: 100px 0; margin-left: 40px; display: block; position: relative; }
.block .title { margin-left: -40px; font-size: 24px; letter-spacing: .1em; position: relative; }
.block .title .lead { display: block; margin: -25px 0 0 174px; font-size: 18px; letter-spacing: 0; }
.block .title .time1 { width: 80px; height: 80px; margin-right: 20px; font-size: 18px; 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 .title .time2 { width: 150px; height: 80px; margin-right: 20px; font-size: 18px; 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 .content { padding: 40px 0px 0px 60px; display: block; position: relative; }
.block .content .text { }
.block .content .speech { display: inline-block; padding: 5px 20px; margin-bottom: 10px; color: rgb(255,255,255); background: rgb(0,0,0); border-radius: 24px; }
.block .content figure { display: block; }

.block .time-line1 { padding: 60px 0px 0px 20px; display: block; position: relative; }
.block .time-line1:before { width: 20px; height: 1px; display: block; border-top: solid 1px rgb(0,0,0); position: absolute; top: 96px; left: 0px; z-index: 1; content: ""; }
.block .time-line1 .time { padding: 5px 15px; float: left; color: rgb(255,255,255); position: relative; margin: 18px 0px; display: block; border-radius: 4px; font-size: 18px; }
.block .time-line1 .text { margin-left: 120px; }
.block .time-line1 figure { margin-left: 120px; display: block; }

.block .time-line2 { display: block; }
.block .time-line2 li { padding: 40px 0px 40px 20px; display: block; position: relative; }
.block .time-line2 li:before { width: 20px; height: 1px; display: block; border-top: solid 1px rgb(0,0,0); position: absolute; top: 76px; left: 0px; z-index: 1; content: ""; }
.block .time-line2 li .time { padding: 5px 15px; float: left; color: rgb(255,255,255); position: relative; margin: 18px 0px; display: block; border-radius: 4px; }
.block .time-line2 li .pict { width: 300px; float: left; text-align: center; }
.block .time-line2 li .pict img { margin-top: -10px; }
.block .time-line2 li .name { width: 540px; margin-top: 10px; 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: 30px 0px; 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 span { 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 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; }
.contact table td { width: 70%; padding: 25px; border: 2px solid rgb(0,0,0); }

/*-------------------------------------
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); }