@charset "utf-8";
.clearfix:after {content:"";display: block;clear: both;}
html {font-size:62.5%;}
.ft_got{font-family:"ヒラギノ角ゴ ProN","Hiragino Kaku Gothic ProN","游ゴシック Medium","游ゴシック体","Yu Gothic Medium",YuGothic,
"メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;}
.ft_min {font-family:"ヒラギノ明朝 Pro W3","Hiragino Mincho Pro",
"HiraMinProN-W3","游明朝","Yu Mincho","游明朝体","YuMincho","HGS明朝E","ＭＳ Ｐ明朝","MS PMincho",serif;}
@font-face {
    font-family: 'Noto Sans Japanese';
    font-style: normal;
    font-weight: 100;
    src: url('../font/NotoSansCJKjp-Thin.eot');
    src: url('../font/NotoSansCJKjp-Thin.eot?#iefix') format('embedded-opentype'),
    url('../font/NotoSansCJKjp-Thin.woff') format('woff'),
    url('../font/NotoSansCJKjp-Thin.ttf')  format('truetype');
}
@font-face {
    font-family: 'Noto Sans Japanese';
    font-style: normal;
    font-weight: 200;
    src: url('../font/NotoSansCJKjp-Light.eot');
    src: url('../font/NotoSansCJKjp-Light.eot?#iefix') format('embedded-opentype'),
    url('../font/NotoSansCJKjp-Light.woff') format('woff'),
    url('../font/NotoSansCJKjp-Light.ttf')  format('truetype');
}
@font-face {
    font-family: 'Noto Sans Japanese';
    font-style: normal;
    font-weight: 300;
    src: url('../font/NotoSansCJKjp-DemiLight.eot');
    src: url('../font/NotoSansCJKjp-DemiLight.eot?#iefix') format('embedded-opentype'),
    url('../font/NotoSansCJKjp-DemiLight.woff') format('woff'),
    url('../font/NotoSansCJKjp-DemiLight.ttf')  format('truetype');
}
@font-face {
    font-family: 'Noto Sans Japanese';
    font-style: normal;
    font-weight: 400;
    src: url('../font/NotoSansCJKjp-Regular.eot');
    src: url('../font/NotoSansCJKjp-Regular.eot?#iefix') format('embedded-opentype'),
    url('../font/NotoSansCJKjp-Regular.woff') format('woff'),
    url('../font/NotoSansCJKjp-Regular.ttf')  format('truetype');
}
@font-face {
    font-family: 'Noto Sans Japanese';
    font-style: normal;
    font-weight: 500;
    src: url('../font/NotoSansCJKjp-Medium.eot');
    src: url('../font/NotoSansCJKjp-Medium.eot?#iefix') format('embedded-opentype'),
    url('../font/NotoSansCJKjp-Medium.woff') format('woff'),
    url('../font/NotoSansCJKjp-Medium.ttf')  format('truetype');
}
@font-face {
    font-family: 'Noto Sans Japanese';
    font-style: normal;
    font-weight: 700;
    src: url('../font/NotoSansCJKjp-Bold.eot');
    src: url('../font/NotoSansCJKjp-Bold.eot?#iefix') format('embedded-opentype'),
    url('../font/NotoSansCJKjp-Bold.woff') format('woff'),
    url('../font/NotoSansCJKjp-Bold.ttf')  format('truetype');
}
@font-face {
    font-family: 'Noto Sans Japanese';
    font-style: normal;
    font-weight: 900;
    src: url('../font/NotoSansCJKjp-Black.eot');
    src: url('../font/NotoSansCJKjp-Black.eot?#iefix') format('embedded-opentype'),
    url('../font/NotoSansCJKjp-Black.woff') format('woff'),
    url('../font/NotoSansCJKjp-Black.ttf')  format('truetype');
}
img {vertical-align:bottom;}
.w100 {width:100%;}
.h100 {height:100%;}
@media print,screen and (min-width: 749px) {
.spOnly {display:none;}
.pcOnly {display:block;}
a img:hover {
opacity: 0.8;
-moz-opacity:0.8;
filter: alpha(opacity=80);
-ms-filter: "alpha(opacity=80)";}
#navi li a::after {position:absolute;bottom:2px;left:0;content:'';
width:100%;height:1px;background:#fff;opacity:0;visibility:hidden;transition:.3s;}
#navi li a:hover::after {bottom:-4px;opacity:1;visibility:visible;}
#navi li a.active::after {bottom:-4px;opacity:1;visibility:visible;}
#recNav a:hover {background-color:#2D2C2C;transition:.3s;}
.moreBtn a:hover {background-color:#2D2C2C;transition:.3s;}
#topWorkMore a:hover {background-color:#D30D3C;transition:.3s;}
#footNav li a:hover {color:#999;transition:.3s;}
#pager li a:hover {color:#999;}
#workReturn a:hover {background-color:#2D2C2C;transition:.3s;}
}
html {color:#333;}
body {font-family: 'Noto Sans Japanese';}
#headers {width:100%;background-color:#C50028;}
#headInner {width:1000px;position:relative;margin:0 auto;}
#headInner h1 {width:123px;float:left;padding:5px 0;}
#navi {width:440px;float:right;margin-right:100px;padding-top:15px;text-align:right;}
#navi li {display:inline-block;border-right:solid 1px #fff;margin-right:10px;font-size:14px;padding-right:10px;}
#navi li a {display:block;color:#fff;text-decoration:none;
position:relative;}
#navi li:last-child {border:none;}
#recNav {width:100px;position:absolute;height:60px;top:0;right:0;text-align:center;z-index:9999999;}
#recNav a {display:block;background-color:#000;color:#fff;height:60px;line-height:60px;text-decoration:none;font-size:14px;}
#mainWrapp {width:100%;position:relative;margin-bottom:105px;}
#mark {width:200px;position:absolute;bottom:-30px;left:0;right:0;margin:auto;}
#topSec1 {width:940px;margin:0 auto;overflow:hidden;padding-bottom:45px;}
.topFact {width:430px;float:left;}
.topFact:last-child {float:right;}
.topFact h2 {font-size:22px;text-align:center;margin-bottom:30px;}
.topFact div {width:100%;height:430px;position:relative;margin-bottom:25px;}
.topFact div p {width:404px;}
.topFact div p:last-child {position:absolute;top:0px;left:0px;width:404px;}
.topFact:first-child div {padding-top:0;padding-left:0;}
.topFact:first-child div p:last-child {margin:0;}
.topFact:last-child div {margin-left:0;}
.topFact:last-child div p:last-child {top:0;}
.topFact div p:last-child {animation:rotate-anime 10s linear infinite;}
@keyframes rotate-anime {
0%{transform:rotate(0);}
100%{transform:rotate(360deg);}
}
.topFactCopy {font-size:14px;text-align:center;line-height:1.75em;}
#topSecMore {width:200px;margin:0 auto 70px auto;}
.moreBtn {text-align:center;font-size:16px;}
.moreBtn a {display:block;padding:10px 0;color:#fff;text-decoration:none;
background-color:#000;}
#topSec2 {width:100%;padding-bottom:45px;}
#topCont1 {background-color:#C50028;width:100%;padding:50px 0;}
.topContInner {width:1000px;margin:0 auto;}
.topSecCop {font-size:16px;color:#fff;text-align:center;line-height:1.75em;margin-bottom:35px;}
#topSec2More {width:340px;margin:0 auto;}
#topRecTT {width:770px;margin:0 auto 40px auto;}
#topCont2 {width:100%;background-color:#000;padding:35px 0 40px 0;}	
#topWorkTT {font-size:30px;text-align:center;color:#fff;margin-bottom:25px;}
#topWorkTT span {display:block;font-size:20px;font-weight:normal;}
#topWorkBox {width:100%;overflow:hidden;padding-bottom:45px;}
#topWorkBox div {width:220px;margin-right:40px;float:left;}
#topWorkBox div:last-child {margin-right:0;}
#topWorkBox div a h2 {color:#C50028;margin-bottom:10px;font-weight:normal;}
#topWorkBox div a p {width:100%;margin-bottom:25px;height:205px;text-align:center;overflow:hidden;}
#topWorkBox div a p:last-child {color:#fff;margin-bottom:0;font-size:14px;height:auto;
text-align:left;}
#topWorkBox div a {text-decoration:none;}
#topWorkMore {width:200px;margin:0 auto;text-align:center;font-size:16px;}
#topWorkMore a {text-decoration:none;color:#fff;background-color:#C50028;padding:10px 0;
display:block;}
#topSec3 {width:900px;margin:0 auto;padding-bottom:55px;}
#topAccessTT {font-size:30px;text-align:center;margin-bottom:55px;}
#topFactAccess {width:100%;overflow:hidden;}
#topFactAccess div {width:340px;float:left;}
#topFactAccess div:last-child {width:220px;float:right;}
#topFactAccess div h3 {font-size:22px;margin-bottom:15px;font-weight:normal;}
#topFactAccess div p {font-size:14px;line-height:1.75em;}
#footBlock {width:100%;background-color:#E6E6E6;padding:40px 0 15px 0;}
#footInner {width:1000px;margin:0 auto;overflow:hidden;}
#footInner h2 {width:162px;float:left;}
#footInner div {width:500px;float:right;}
#footNav {width:100%;text-align:right;}
#footNav li {display:inline-block;font-size:14px;}
#footNav li a {display:block;color:#000;text-decoration:none;
padding-right:10px;margin-right:10px;border-right:solid 1px #000;}
#footNav li:last-child a {margin-right:0;padding-right:0;border:none;}
#footInner p {font-size:14px;text-align:right;padding-top:5px;}
/*------------------company-------------------*/
.innerHead {width:100%;height:300px;position:relative;margin-bottom:100px;}
#innerComp {background:url('../images/company/head.jpg') no-repeat top center;background-size:cover;}
#compMark {width:200px;position:absolute;left:0;right:0;margin:auto;bottom:-30px;}
#companyCop {font-size:16px;text-align:center;margin-bottom:70px;line-height:1.75em;}
#companyWrapp {width:1000px;margin:0 auto;padding-bottom:65px;}
#compProfTT {width:285px;margin-bottom:15px;}
#compProfBox {width:100%;overflow:hidden;}
#compProfBox table {width:390px;float:left;font-size:16px;}
#compProfBox p {width:600px;float:right;}
#compProfBox table th {width:73px;font-weight:normal;}
#compProfBox table td {padding:5px 0;}
#compGreeting {width:1000px;margin:0 auto;padding-bottom:100px;}
#compMessTT {width:495px;margin-bottom:40px;}
#compCop2 {font-size:16px;margin-bottom:5px;line-height:1.75em;}
#compPrez {text-align:right;font-size:16px;}
.companyMap {width:100%;padding:25px 0 35px 0;}	
.companyMap2 {width:100%;padding:25px 0 35px 0;background-color:#F4F4F4;}
.comMapInner {width:1000px;margin:0 auto;}
.comMapInner h3 {width:356px;margin-bottom:25px;}
.mapArea {width:100%;overflow:hidden;}
.compMapLeft {width:490px;float:left;}
.compMapRight {width:450px;height:550px;float:right;}
.compMapRight iframe {width:100%;height:100%;}
.compMapLeft h4 {font-size:22px;margin-bottom:15px;}
.compMapLeft p {font-size:16px;margin-bottom:30px;line-height:1.75em;}
.compMapLeft p span {color:#C60028;}
/*-------------------fcility--------------------*/
#innerFacility {background:url('../images/facility/head.jpg') no-repeat top center;background-size:cover;}
#facilityBox1 {width:1000px;margin:0 auto;padding-bottom:50px;}
#facilityBox1 h2 {width:425px;margin-bottom:15px;}
#facilityBox1 h3 {font-size:22px;margin-bottom:12px;}	
.facilityIMG {width:100%;overflow:hidden;padding-bottom:20px;}
.facilityIMG p {width:192px;float:left;margin-right:10px;}
.facilityIMG p:last-child {float:right;margin-right:0;}
.facilityCop {font-size:14px;margin-bottom:20px;}
.facilityCop span {color:#C40028;}
.facilityTB {width:800px;border-collapse:collapse;margin:0 auto;}
.facilityTB th {text-align:center;color:#fff;background-color:#000;padding:10px 0;
font-size:16px;font-weight:normal;}
.facilityTB td {font-size:16px;text-align:center;padding:10px 0;}
.facilityTB tr:nth-child(odd){background-color:#F3F3F3;}
#facilityBox2 {width:100%;background-color:#F3F3F3;padding:30px 0 50px 0;}
#facility2Inner {width:1000px;margin:0 auto;}
#facility2Inner h3 {font-size:22px;margin-bottom:12px;}
.facilityTB2 tr:nth-child(odd) td{background-color:#fff;}
.facilityTB2 {width:800px;border-collapse:collapse;margin:0 auto;}
.facilityTB2 th {text-align:center;color:#fff;background-color:#000;padding:10px 0;
font-size:16px;font-weight:normal;}
.facilityTB2 td {font-size:16px;text-align:center;padding:10px 0;}
/*----------------works-----------------*/
#innerWorks {background:url('../images/works/head.jpg') no-repeat top center;background-size:cover;}
#worksWrapp {width:1000px;margin:0 auto;padding-bottom:40px;}
#worksWrapp h2 {font-size:30px;text-align:center;color:#C60028;margin-bottom:40px;}
#worksBlock {width:100%;overflow:hidden;padding-bottom:50px;}
#worksBlock div {width:220px;float:left;margin-right:40px;margin-bottom:40px;}
#worksBlock div:nth-child(4n) {margin-right:0;float:right;}
#worksBlock div a {text-decoration:none;}
.worksThum {width:100%;height:205px;overflow:hidden;margin-bottom:20px;}
.worksCop {font-size:14px;color:#000;}
#worksBlock div h3 {font-size:18px;color:#C50028;font-weight:normal;margin-bottom:10px;}
#pager {width:100%;text-align:center;font-size:16px;}
#pager li {display:inline-block;margin-right:10px;}
#pager li a {text-decoration:none;color:#000;}
#worksDetBox {width:710px;margin:0 auto;}
#worksWrapp h2#workDetTT {font-size:30px;color:#C60028;font-weight:normal;margin-bottom:15px;text-align:left;}			
#workDetCop {font-size:14px;margin-bottom:45px;line-height:1.75em;}
#workReturn {width:205px;margin:0 auto;text-align:center;font-size:16px;}
#workReturn a {color:#fff;text-decoration:none;padding:10px 0;display:block;background-color:#000;}
#thumb-h {margin-bottom:45px;}
.sp-bottom-thumbnails {margin-top: 20px;}

/*-------------------contact--------------------*/

#innerCont {background:url('../images/contact/head.jpg') no-repeat top center;background-size:cover;}
#formVali #companyWrapp{width:800px;}
#formVali #compProfBox table{width:100%;}


#formVali tr th,
#formVali tr td{text-align:left;padding:15px 0;font-size:14px;vertical-align: top;}
#formVali tr th{width:30%;line-height:20px;font-weight:600;}
#formVali tr td{width:70%;}
#formVali input{font-size:14px;}
#formVali input.form0{width:70%;}
#formVali input.form1{width:30%;}
#formVali input.form3{width:100%;}
#formVali input,
#formVali textarea{padding:2px;}
#formVali textarea{width:100%;height:250px;border:1px solid #CBCBCB;}
#formVali .btnWrap{text-align:center;}
#formVali input[type="submit"]{background-color:#C50028;border:none;width:150px;padding:5px 0;color:#fff;}
#formVali input[type="submit"]:hover{cursor:pointer;}
.con h2{text-align:center;font-size:30px;margin-bottom:80px;}