@font-face{font-family:'OCRAStd';src:url("../fonts/OCRAStd.eot");src:url("../fonts/OCRAStd.eot") format("embedded-opentype"),url("../fonts/OCRAStd.woff2") format("woff2"),url("../fonts/OCRAStd.woff") format("woff"),url("../fonts/OCRAStd.ttf") format("truetype"),url("../fonts/OCRAStd.svg#OCRAStd") format("svg")}*{padding:0;margin:0}body{color:#f2f2f2;font:16px/1.42858 "小塚ゴシック", "游ゴシック", "YuGothic", "Yu Gothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Arial, "メイリオ", Meiryo, sans-serif;background:#1a1a1a}ul,li{list-style:none}img{border:none}.clearfix:after{content:"";height:0;visibility:hidden;display:block;clear:both}.clearfix{zoom:1}.clear{clear:both}.left{float:left}.right{float:right}.t_hide{text-indent:-999em;overflow:hidden}.t_center{text-align:center}.t_right{text-align:right}.c-red{color:#f00}a{color:#f2f2f2;text-decoration:none}a:hover{text-decoration:none;color:#808080}a:active{color:#676767}.hide{clip:rect(1px, 1px, 1px, 1px);height:0;opacity:0;position:absolute;visibility:hidden;width:0}.transBtn:active,.main-wrap .r-side .menu .btn-menu:active,.main-wrap .r-side .sns li a:active{-webkit-transform:scale(0.9, 0.9);-moz-transform:scale(0.9, 0.9);-o-transform:scale(0.9, 0.9);-ms-transform:scale(0.9, 0.9);transform:scale(0.9, 0.9);-webkit-transition:all 0.5s ease 0s;-moz-transition:all 0.5s ease 0s;-o-transition:all 0.5s ease 0s;-ms-transition:all 0.5s ease 0s;transition:all 0.5s ease 0s;display:block;cursor:pointer}.ocr,.main-wrap .header .nav li a,.main-wrap .r-side .menu .nav li a{font-family:"OCRAStd"}.main-wrap{position:relative;border-bottom:2px solid rgba(255,255,255,0.4);overflow:hidden}.main-wrap.bg-news{border-bottom:0;background-color:#000}.main-wrap.bg-news .bgs{display:block;position:absolute;left:0;top:0;z-index:0;width:100%}.main-wrap.bg-news .main-head:before{content:"";width:0px;height:100%;position:absolute;left:4%;top:0;display:block;border-left:2px solid rgba(255,255,255,0.4);z-index:1}.main-wrap.bg-news .c-main{position:relative;padding-bottom:0;overflow:hidden}.main-wrap.bg-news .main-db{background:url(../images/news_bg_db.jpg) no-repeat center bottom;background-size:100% auto;border-bottom:2px solid rgba(255,255,255,0.4);padding:0}.main-wrap img{max-width:100%}.main-wrap .bg{display:block;position:absolute;left:50%;top:0;z-index:0;max-width:none}.main-wrap .main-head{overflow:hidden;position:relative}.main-wrap .main-left{float:left;width:96%;overflow:hidden}.main-wrap .main-db{position:relative;border-top:2px solid rgba(255,255,255,0.4);background:rgba(0,0,0,0.25);padding:25px 0}.main-wrap .header{background:url(../images/header_bg.png) repeat-x;background-size:auto 100%;border-bottom:2px solid rgba(255,255,255,0.4);position:relative}.main-wrap .header .nav{position:absolute;right:0;bottom:2%}.main-wrap .header .nav li{float:left}.main-wrap .header .nav li a{display:block;font-size:1em;padding:10px 25px;text-decoration:none;transition:all .3s ease}.main-wrap .header .nav li.active a{color:#808080}.main-wrap .header h1{width:28%;padding:1% 0}.main-wrap .header h1 img{display:block}.main-wrap .r-side{position:absolute;right:0;top:0;height:100%;width:4%;border-left:2px solid rgba(255,255,255,0.4);height:100%;background:rgba(0,0,0,0.15)}.main-wrap .r-side .menu{padding:0 5%;padding-top:120%;margin-bottom:10%}.main-wrap .r-side .menu .btn-menu{display:block;margin:0 auto}.main-wrap .r-side .menu .btn-menu img{display:block;margin:0 auto}.main-wrap .r-side .menu .nav{position:absolute;display:none;left:-164px;width:160px;z-index:999;border:2px solid rgba(255,255,255,0.4)}.main-wrap .r-side .menu .nav li{border-bottom:2px solid rgba(255,255,255,0.4)}.main-wrap .r-side .menu .nav li:last-child{border-bottom:none}.main-wrap .r-side .menu .nav li a{font-size:0.875em;text-align:center;padding:5px 0;display:block;white-space:nowrap;background:rgba(0,0,0,0.2);color:#f2f2f2}.main-wrap .r-side .menu .nav li a:hover{background:rgba(0,0,0,0.3)}.main-wrap .r-side .menu .nav li a:active{background:rgba(0,0,0,0.5)}.main-wrap .r-side .menu .nav li .sub{text-align:left;padding-left:5px;border-top:2px solid rgba(255,255,255,0.4);display:none}.main-wrap .r-side .menu .nav li .sub a{text-align:left}.main-wrap .r-side .menu .nav li .sub i{display:inline-block;background:url(../images/icon_lang.png) no-repeat;background-size:24px auto;width:24px;height:15px}.main-wrap .r-side .menu .nav li .sub i.i1{background-position:0 0}.main-wrap .r-side .menu .nav li .sub i.i2{background-position:0 -15px}.main-wrap .r-side .menu .nav li .sub i.i3{background-position:0 -30px}.main-wrap .r-side .sns{padding:0 10%}.main-wrap .r-side .sns li{padding:10px 0}.main-wrap .r-side .sns li a{display:block}.main-wrap .r-side .sns li a img{display:block;margin:0 auto}.main-wrap .l-side{width:18%;float:left;font-size:0.875em}.main-wrap .l-side li{border-right:2px solid rgba(255,255,255,0.4)}.main-wrap .l-side li:last-child a:after{border-bottom:0 none}.main-wrap .l-side li a{display:block;position:relative;width:100%;color:#fff}.main-wrap .l-side li a:after{content:"";bottom:0;left:0;width:100%;border-bottom:2px solid rgba(255,255,255,0.4);position:absolute}.main-wrap .l-side li a h4{display:inline-block;position:absolute;left:50%;top:50%;z-index:2;font-weight:normal;transform:translate(-50%, -50%);white-space:nowrap}.main-wrap .l-side li a .mask{position:absolute;z-index:1;width:100%;height:100%;background:rgba(0,0,0,0.25)}.main-wrap .l-side li a img{display:inline-block;vertical-align:middle;width:100%;transition:all .8s ease;opacity:0}.main-wrap .l-side li a:hover img{opacity:1}.main-wrap .c-side{width:82%;float:right}.main-wrap .c-side h2{text-align:center;font-size:1.475em;font-weight:lighter;margin-top:60px}.main-wrap .c-main{padding:3% 5%;color:#f2f2f2;background:url(../images/main_bg.png) repeat-y;background-size:100% auto}.main-wrap .c-main h2{font-size:1.75em;padding-left:10px;font-weight:normal;margin-bottom:20px;text-transform:uppercase}.main-wrap .c-main .company{width:100%;max-width:800px;font-size:0.875em}.main-wrap .c-main .company li{border-bottom:2px solid rgba(255,255,255,0.4);position:relative;padding:10px 0 10px 200px}.main-wrap .c-main .company li label{display:block;left:0;top:10px;position:absolute}.main-wrap .c-main .company li:last-child{border-bottom:0 none}.main-wrap .c-content{min-height:600px;font-size:1em;color:#f2f2f2;line-height:1.625}.main-wrap .c-content .btn-contact{background:#ccc;color:#070707;display:inline-block;padding:4px 0;width:160px;text-align:center;margin-top:10px;font-size:1em}.main-wrap .c-content .btn-contact:hover{background-color:#eee}.main-wrap .c-content .btn-contact:active{background-color:#aaa}.main-wrap .c-content .reimg{width:60%;display:block}.main-wrap .db-side{border-top:2px solid rgba(255,255,255,0.4)}.main-wrap .db-side li{width:33.30%;float:left}.main-wrap .db-side li:last-child a:after{border-right:0 none}.main-wrap .db-side li a{display:block;position:relative;color:#fff;overflow:hidden}.main-wrap .db-side li a:after{content:"";position:absolute;right:0;border-right:2px solid rgba(255,255,255,0.4);top:0;height:100%}.main-wrap .db-side li a h4{display:inline-block;position:absolute;left:50%;top:50%;z-index:2;font-weight:normal;transform:translate(-50%, -50%);white-space:nowrap}.main-wrap .db-side li a .mask{position:absolute;z-index:1;width:100%;height:100%;background:rgba(0,0,0,0.25)}.main-wrap .db-side li a img{display:inline-block;vertical-align:middle;width:100%;transition:all .8s ease;opacity:0}.main-wrap .db-side li a:hover img{opacity:1}.main-wrap .time-line{position:relative;padding:0 5%;font-size:0.875em;overflow:hidden}.main-wrap .time-line ul{position:relative;overflow:hidden;padding:20px 0}.main-wrap .time-line ul:before{width:100%;height:0;border-bottom:2px solid rgba(255,255,255,0.4);content:"";position:absolute;left:0;top:50%}.main-wrap .time-line ul:after{content:"";width:20px;height:20px;border:2px solid rgba(255,255,255,0.4);border-width:2px 2px 0 0;transform:rotate(45deg);position:absolute;right:0;top:50%;margin:-10px 5px 0 0}.main-wrap .time-line li{float:left;width:25%;position:relative}.main-wrap .time-line li:before{content:"";width:0;height:40px;border-left:2px solid rgba(255,255,255,0.4);position:absolute;left:12px;top:50%;transform:translateY(-50%)}.main-wrap .time-line li .year{font-size:1.25em;padding-bottom:50px}.main-wrap .time-line li p{line-height:1.2;transform:rotate(-12deg);transform-origin:left top;margin-top:25px;font-size:12px}.main-wrap .time-line li .dot{width:10px;height:10px;background:#fff;display:block;border-radius:50%;border:3px solid #b3b3b3;position:absolute;left:5px;top:50%;transform:translateY(-50%)}.main-wrap .time-line li .dot i{content:"";border:1px solid #b3b3b3;height:10px;width:10px;left:-1px;display:block;position:absolute;z-index:1;top:-1px;border-radius:50%;-webkit-transition:all 0.5s cubic-bezier(0.4, 0.25, 0.14, 1.73);-moz-transition:all 0.5s cubic-bezier(0.4, 0.25, 0.14, 1.73);-ms-transition:all 0.5s cubic-bezier(0.4, 0.25, 0.14, 1.73);transition:all 0.5s cubic-bezier(0.4, 0.25, 0.14, 1.73)}.main-wrap .time-line li.active .dot i{-webkit-animation:shine 1s infinite alternate;-moz-animation:shine 1s infinite alternate;-ms-animation:shine 1s infinite alternate;animation:shine 1s infinite alternate}@-webkit-keyframes shine{from{transform:scale(0)}to{transform:scale(2)}}@-moz-keyframes shine{from{transform:scale(0)}to{transform:scale(2)}}@-ms-keyframes shine{from{transform:scale(0)}to{transform:scale(2)}}@keyframes shine{from{transform:scale(0)}to{transform:scale(2)}}.main-wrap .recruit-db{height:100px;padding:0 5%}.main-wrap .recruit-db h4{font-weight:normal;font-size:1.5em}.main-wrap .f-link{padding:0 5%}.main-wrap .f-link li{float:left;width:150px;margin-right:50px;margin-bottom:10px}.main-wrap .f-link li a{display:block;text-align:center}.main-wrap .f-link li a img{display:block;margin:0 auto 10px}.main-wrap .c-contact{background:rgba(0,0,0,0.5);width:400px;padding:15px 25px;margin:0 auto}.main-wrap .c-contact h2{margin:10px 0;font-size:1.5625em}.main-wrap .c-contact li{margin-top:10px;position:relative;padding-left:190px;border-bottom:1px dashed #b3b3b3;padding-bottom:10px}.main-wrap .c-contact li label{display:block;left:0;top:0;position:absolute;width:180px;text-align:left;font-size:0.875em}.main-wrap .c-contact li .ipt,.main-wrap .c-contact li .t_area{border:2px solid rgba(255,255,255,0.4);border-width:1px;width:200px;background:transparent;height:28px;line-height:28px;padding:0 5px;color:#f2f2f2;outline:none}.main-wrap .c-contact li .ipt:focus,.main-wrap .c-contact li .t_area:focus{background-color:rgba(0,0,0,0.4)}.main-wrap .c-contact li .t_area{height:80px}.main-wrap .c-contact .option{padding:20px 0;text-align:center;font-size:1em}.main-wrap .c-contact .option .btn-submit{background:#6e6e6e;background:-webkit-linear-gradient(#6e6e6e, #4a4a4a);background:-o-linear-gradient(#6e6e6e, #4a4a4a);background:-moz-linear-gradient(#6e6e6e, #4a4a4a);background:linear-gradient(#6e6e6e, #4a4a4a);width:200px;color:#fff;height:40px;text-align:center;display:block;cursor:pointer;border:0 none;margin:0 auto 20px;outline:none}.main-wrap .c-contact .option .btn-submit:hover{background:#6e6e6e}.main-wrap .c-contact .option .btn-submit:active{background:#4a4a4a}.main-wrap .news-list{position:relative}.main-wrap .news-list p{padding:4px 0}.main-wrap .news-list ul{position:relative;background:rgba(0,0,0,0.4)}.main-wrap .news-list ul:before,.main-wrap .news-list ul:after{content:"";width:0px;height:100%;position:absolute;top:0;display:block;border-left:2px solid rgba(255,255,255,0.4)}.main-wrap .news-list ul:before{left:4%}.main-wrap .news-list ul:after{right:4%}.main-wrap .news-list li{padding:15px 6%;border-bottom:2px solid rgba(255,255,255,0.4)}.main-wrap .news-list .news-detail{padding:15px 6%}.main-wrap .news-list .news-detail li{padding:0;border:0 none}.main-wrap .service-tab{margin:5%}.main-wrap .service-tab li{float:left;width:33.33%}.main-wrap .service-tab li a{display:block;border:2px solid rgba(255,255,255,0.4);white-space:nowrap;text-align:center;padding:5px 0;margin:0 10px}.main-wrap .service-tab li a:hover{background:rgba(255,255,255,0.2);color:#f2f2f2}.main-wrap .service-tab li a:active{background-color:rgba(0,0,0,0.2);color:#f2f2f2}.flex-item{display:-webkit-box;display:-webkit-flex;display:flex}.flex-item .flex-con{-webkit-box-flex:1;-webkit-flex:1;flex:1}.service-wrap{padding:2% 4%;font-size:0.875em;border-bottom:2px solid rgba(255,255,255,0.4)}.service-wrap h3{font-size:1em;margin:15px 0}.service-wrap .flex-con{margin:10px}.service-wrap .flex-con a{display:block;width:100%;position:relative;margin-bottom:8px;border:2px solid rgba(255,255,255,0.4)}.service-wrap .flex-con a h4{display:inline-block;position:absolute;left:50%;top:50%;z-index:2;font-size:1.25em;font-weight:normal;transform:translate(-50%, -50%);white-space:nowrap}.service-wrap .flex-con a .mask{position:absolute;z-index:1;width:100%;height:100%;background:rgba(0,0,0,0.5)}.service-wrap .flex-con a img{display:inline-block;vertical-align:middle;width:100%}.service-wrap .flex-con a:hover{color:#fff}.service-wrap .flex-con a:hover .mask{background:rgba(0,0,0,0.25)}.service-wrap .flex-con .t_right a{border:0 none;display:inline-block;width:auto}.page{padding:2% 0;text-align:center}.page a{display:inline-block;margin:3px;background:#ccc;color:#070707;padding:0 10px;height:30px;line-height:30px}.page a:hover{background:#fff}.page a:active{background:#bbb}.page a.on{background:#fff}.footer{padding:20px 0;font-size:0.875em}.footer .foot-news{overflow:hidden;padding:0 5%;padding-bottom:20px;border-bottom:2px solid rgba(255,255,255,0.4)}.footer .foot-news h4{font-weight:normal;font-size:1em;text-transform:uppercase;margin-bottom:10px}.footer .foot-news li{position:relative;padding:2px 0 2px 300px}.footer .foot-news li:after{content:"";width:1px;background:#f2f2f2;height:100%;position:absolute;left:280px;top:1px}.footer .foot-news li a.title{width:200px;vertical-align:middle;margin-right:20px;padding-right:80px;white-space:nowrap;display:inline-block;overflow:hidden;text-overflow:ellipsis;position:absolute;left:0;top:0}.footer .foot-news li a.title span{position:absolute;right:20px;text-align:right}.footer .foot-list{overflow:hidden;border-width:1px;padding:0 5%;padding-top:20px}.footer .foot-list h4{border-bottom:1px dotted #9f9f9f;font-size:1em;margin-bottom:10px}.footer .foot-list h4 span{border-bottom:3px solid #ccc;display:inline-block;position:relative;bottom:-1px}.footer .foot-list .notice{float:left;width:30%;padding-right:3%}.footer .foot-list .notice li{padding:5px 0;border-bottom:1px solid #737373}.footer .foot-list .notice li:last-child{border-bottom:0}.footer .foot-list .notice li a{position:relative;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-right:60px}.footer .foot-list .notice li a span{display:block;text-align:right;position:absolute;right:0;top:0;color:#808080}.footer .foot-list .notice li a:hover{color:#fff}.footer .foot-list .notice li a:active{background:#000}.footer .foot-list .info{float:left;width:30%;padding-right:3%}.footer .foot-list .info li{padding:5px 0;border-bottom:1px solid #737373}.footer .foot-list .info li:last-child{border-bottom:0}.footer .foot-list .info li a{position:relative;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-right:20px}.footer .foot-list .info li a:after{content:"";width:6px;height:6px;border:1px solid #f2f2f2;border-width:1px 1px 0 0;transform:rotate(45deg);position:absolute;right:2px;top:5px}.footer .foot-list .info li a:hover{color:#fff}.footer .foot-list .info li a:active{background:#000}.footer .foot-list .addr{float:left;width:30%;line-height:1.8}.footer .foot-list .addr img{width:30%;float:left;margin:0 10px 10px 0}.tipwrap{position:fixed;z-index:998;width:100%;height:100%;display:none;left:0;top:0}.tipwrap .mask{background:rgba(0,0,0,0.9);position:fixed;z-index:998;width:100%;height:100%}.tipwrap .tipcon{text-align:center;position:absolute;z-index:999;left:50%;top:20%;width:400px;color:#9b9b9b;font-size:1em;text-align:center;margin-left:-200px}.tipwrap .tipcon h3{font-size:1.875em;margin-bottom:20px;padding-bottom:10px;border-bottom:2px dotted #9b9b9b}@media (max-width: 1919px){.main-wrap{background-size:100% auto !important}}@media (max-width: 1200px){body{font-size:14px}}@media (max-width: 1000px){body{font-size:12px}.main-wrap .header .nav li a{padding:10px 15px}.main-wrap .c-content{min-height:400px}.main-wrap .f-link li{width:120px;margin:0 20px 10px 0}}@media (max-width: 800px){body{font-size:12px}.main-wrap .header h1{padding-left:15px}.main-wrap .header .nav{display:none}.main-wrap .c-side{width:100%;padding:15% 0}.main-wrap .c-side h2{margin-top:0}.main-wrap .c-main .company li{padding-left:100px}.main-wrap .l-side{width:100%;border-top:2px solid rgba(255,255,255,0.4)}.main-wrap .l-side li{box-sizing:border-box;border-right:0 none;width:33.33%;float:left}.main-wrap .l-side li a h4{width:100%;line-height:1.4;text-align:center}.main-wrap .l-side li a:after{bottom:auto;left:auto;top:0;width:0;height:100%;right:0;border-bottom:0 none;border-left:2px solid rgba(255,255,255,0.4)}.main-wrap .l-side li:last-child a:after{display:none}.main-wrap .r-side .menu .nav{width:120px;left:-124px}.main-wrap .c-content{min-height:300px}.main-wrap .main-db{padding:20px 0}}@media (max-width: 640px){*{box-sizing:border-box}.main-wrap .header h1{padding-left:15px;width:200px}.main-wrap .header h1 img{width:200px}.main-wrap .header .nav{display:none}.main-wrap .l-side li a h4{padding:0 5px;font-size:0.875em;white-space:normal}.main-wrap .c-side{padding:10%}.main-wrap .c-side h2{font-size:1.225em}.main-wrap .db-side li a h4{width:100%;padding:0 10px;line-height:1.2;text-align:center;display:block;white-space:normal}.main-wrap .c-main h2{font-size:1.5em}.main-wrap .c-main .company li{padding-left:60px}.main-wrap .c-main .company li label{width:55px;line-height:1.2}.main-wrap .c-content{min-height:200px}.main-wrap .c-content .reimg{width:80%}.main-wrap.bg-news .main-head:before{left:30px}.main-wrap.bg-news .c-main h2{padding-left:36px}.main-wrap .main-left{width:calc(100% - 30px)}.main-wrap .main-db{padding:3% 0}.main-wrap .r-side{width:30px}.main-wrap .r-side .menu .nav{width:120px;left:-120px}.main-wrap .r-side .menu .nav li a{line-height:1}.main-wrap .time-line ul{padding:0;padding-left:5px;padding-bottom:5px}.main-wrap .time-line ul:before{width:0;height:100%;border-bottom:0;border-left:2px solid rgba(255,255,255,0.4);left:14px;top:0}.main-wrap .time-line ul:after{right:auto;top:auto;bottom:5px;left:4px;transform:rotate(135deg)}.main-wrap .time-line li{width:100%;padding-left:40px;padding-bottom:10px}.main-wrap .time-line li:before{display:none}.main-wrap .time-line li .dot:after{left:-4px;top:-4px}.main-wrap .time-line li .year{padding-bottom:0;font-weight:bold}.main-wrap .time-line li p{transform:none;margin-top:0}.main-wrap .f-link li{width:25%;padding:2%;margin:0;line-height:1.3}.main-wrap .c-contact{width:100%;padding:5%}.main-wrap .c-contact li{padding-left:80px}.main-wrap .c-contact li .ipt,.main-wrap .c-contact li .t_area{width:100%}.main-wrap .c-contact li label{width:75px;line-height:1.2}.main-wrap .news-list ul:before{left:30px}.main-wrap .news-list ul:after{right:28px}.main-wrap .news-list li{padding:10px 35px}.main-wrap .news-list li p{line-height:1.2}.main-wrap .service-tab li{display:table;table-layout:fixed;padding:0 5px}.main-wrap .service-tab li a{white-space:normal;height:60px;width:100%;line-height:1.2;display:table-cell;vertical-align:middle;padding:0}.footer{padding:4% 0}.footer .foot-news{padding-bottom:3%}.footer .foot-news li{padding:8px 0;border-bottom:1px solid rgba(255,255,255,0.2)}.footer .foot-news li a.title{width:100%;position:static;font-weight:bold;display:block;margin-bottom:5px}.footer .foot-news li:after{display:none}.footer .foot-news li:last-child{border-bottom:0 none}.footer .foot-list h4{margin-top:10px}.footer .foot-list .notice,.footer .foot-list .info,.footer .foot-list .addr{width:100%;float:none;padding-right:0}.footer .foot-list .addr{margin-top:10px;line-height:1.625}.footer .foot-list .addr img{width:25%}.service-wrap .flex-con a h4{width:100%;line-height:1.2;padding:0 10px;white-space:normal;text-align:center}.tipwrap .tipcon{width:90%;margin-left:0;top:50%;-webkit-transform:translate(-50%, -50%)}}
/*# sourceMappingURL=main.css.map */