/*
Theme Name: SHINKOUTEKKO TEMPLATE
Theme URI: 
Description: 新興鉄骨工業株式会社テーマ

*/

@import url(common/css/blog.css);
@import url(common/css/businessoutline.css);
@import url(common/css/company.css);
@import url(common/css/construction.css);
@import url(common/css/constructiondepartment.css);
@import url(common/css/contact.css);
@import url(common/css/factory.css);
@import url(common/css/policy.css);
@import url(common/css/productiondepartment.css);
@import url(common/css/recruit.css);


* {
  margin: 0;
  padding: 0;
  font-size : 100%;
  box-sizing:border-box;
}


html{
  scroll-behavior: smooth;
}

body{
color: #000000;
font-family:Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
}

table{
border-collapse: collapse;
}

td,th{
text-align: left;
vertical-align: top;
}

.clearfix{
zoom: 1;
}

.clearfix:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
}

li{
list-style-type: none;
}

img{ 
display: block;
border:0;
max-width: 100%;
height: auto;
}

a:link{color: #5b657e;text-decoration: underline;}
a:visited{color: #5b657e;text-decoration: none;}
a:hover{color: #5b657e;text-decoration: none;}
a:active{color: #2177be;text-decoration: none;}


.img{
display: block;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center center;
font-family: 'object-fit: cover; object-position: center center;'
}



a[href^="tel:"] {
    cursor: default;
    pointer-events: none;
    text-decoration: none;
}



@media (max-width: 959px) {
a[href^="tel:"] {
    cursor: pointer;
    pointer-events: auto;
}

}


/* blog_comment */

.comment-num,
#comment-area{
display: none;
}




/* content */



.txt1{
font-size: 106%;
line-height: 2.2;
}


.txt2{
font-size: 96%;
line-height: 1.6;
}


@media (max-width: 1280px) {
.txt1{font-size: 96%;}
.txt2{font-size: 90%;}
}


@media (max-width: 959px) {
.txt1{
font-size: 90%;
line-height: 1.8;
letter-spacing: .05em;
}

.txt2{font-size: 80%;
line-height: 1.4;
}

}

@media (max-width: 759px) {
.txt1{font-size: 80%;}
.txt2{font-size: 70%;}
}

@media (max-width: 479px) {
.txt1{font-size: 70%;}
.txt2{font-size: 60%;}
}




#main_top{
width: 100%;
height: 100vh;
background: url(img/top/main.jpg) no-repeat bottom center #f7f7f5;
}

#main_top h2{
padding-left: 8%;
padding-top: 150px;
}


@media (max-width: 1800px) {
#main_top{
width: 100%;
height: 100vh;
background: url(img/top/main.jpg) no-repeat bottom center #f7f7f5;
background-size: cover;
}


#main_top h2{
padding-top: 150px;
width: 600px;
}

}

@media (max-width: 1280px) {
#main_top h2{
padding-top: 100px;
width: 500px;
}
}


@media (max-width: 959px) {
#main_top{
width: 100%;
height: 650px;
background: url(img/top/main.jpg) no-repeat bottom center #f7f7f5;
background-size: cover;
}

#main_top h2{
padding-top: 140px;
width: 400px;
}
}

@media (max-width: 759px) {
#main_top h2{
padding-top: 140px;
width: 300px;
}
}

@media (max-width: 599px) {
#main_top{
width: 100%;
height: 500px;
}

#main_top h2{
padding-top: 120px;
width: 250px;
}
}

@media (max-width: 479px) {
#main_top{
width: 100%;
height: 450px;
}

#main_top h2{
padding-top: 100px;
width: 200px;
}
}


#scrollhead{
width: 100%;
position: relative;
}

#scrollhead:before{
content: " ";
display: block;
top: 0;
left: 0;
width: 0;
height: 80px;
position: fixed;
z-index: 100;
background-color: #000;
}


#scrollhead.is-animation:before{
width: 100%;
position: fixed;
-webkit-transition: .4s;
transition: .4s;
}

#scrollhead.is-animation #head_in{
position: fixed;
z-index: 100;
width: 100%;
}

header h1{
width: 626px;
padding-left: 60px;
padding-top: 66px;
position: absolute;
z-index: 11;
left: 0;
top: 0;
}


header h1 img{
float: left;
}


.logo_b{
display: block;
}

.logo_w{
display: none;
}


.head_white .logo_w,
.head_white_black .logo_w{
display: block;
}

.head_white .logo_b,
.head_white_black .logo_b{
display: none;
}


#scrollhead.is-animation .logo_b{
display: none;
}

#scrollhead.is-animation .logo_w{
display: block;
}

#scrollhead.is-animation h1{
padding-top: 25px;
width: 350px;
}


#menu{
text-align: center;
padding-left: 626px;
padding-right: 280px;
padding-top: 70px;
}





#scrollhead.is-animation #menu{
padding-left: 350px;
padding-right: 280px;
padding-top: 20px;
}



#menu > ul > li{
display: inline-block;
position: relative;
padding-right: 40px;
padding-left: 40px;
}

#menu > ul > li:first-child{
padding-left: 0;
}

#menu > ul > li:last-child{
padding-right: 0;
}

#menu > ul > li:after{
content: " ";
display: block;
top: 0;
right: -19px;
width: 44px;
height: 38px;
position: absolute;
z-index: 10;
background: url(img/menuline.png) no-repeat 0 0;
background-size: 100% auto;
}

.head_white #menu > ul > li:after{
background: url(img/menuline_gray.png) no-repeat 0 0;
background-size: 100% auto;
}


#menu > ul > li:last-child:after{
display: none;
}

#menu > ul > li > a{
color: #000;
text-decoration: none;
font-weight: bold;
font-size: 110%;
line-height: 1.0;
padding-top: 10px;
display: inline-block;
height: 40px;
}

.head_white #menu > ul > li > a{
color: #fff;
}


#scrollhead.is-animation #menu > ul > li > a{
color: #fff;
text-decoration: none;
font-weight: bold;
font-size: 110%;
line-height: 1.0;
padding-top: 10px;
display: inline-block;
height: 40px;
}


#scrollhead.is-animation #menu > ul > li:after{
background: url(img/menuline_gray.png) no-repeat 0 0;
background-size: 100% auto;
}
#scrollhead.is-animation #menu > ul > li:last-child:after{
display: none;
}




.submenu{
position: absolute;
left: 50%;
width: 200px;
margin-left: -100px;
display: none;
}

.submenu li{
display: block;
width: 100%;
background-color: rgba(52,65,185,0.95);
padding: 5px;
}

.submenu li:first-child{
padding: 5px 5px 0 5px;
}

.submenu li a{
color: #fff !important;
font-size: 120%;
border: 1px solid #fff;
padding: 15px;
display: block;
width: 100%;
text-decoration: none;
font-weight: bold;
font-size: 110%;
line-height: 1.0;
text-align: center;
background-color: rgba(52,65,185,0.95);

}


.submenu li a span{
display: inline-block;
padding-left: 45px;
padding-top: 15px;
height: 40px;
}

.submenu li:nth-child(1) a span{
background: url(img/ico_construction1_w.png) no-repeat left center;
background-size: 30px auto;
}

.submenu li:nth-child(2) a span{
background: url(img/ico_construction2_w.png) no-repeat left center;
background-size: 30px auto;
}








#contact_menu{
width: 280px;
height: 145px;
background-color: #3441b9;
position: absolute;
top: 0;
right: 0;
}

#contact_menu > ul{
position: relative;
width: 80%;
margin: 0 auto;
}

#contact_menu > ul > li > a{
color: #fff;
text-decoration: none;
display: inline-block;
font-weight: bold;
}


#contact_menu > ul > li:nth-child(1){
padding-top: 34px;
}

#contact_menu > ul > li:nth-child(1) a{
background: url(img/ico_mail.png) no-repeat 0 0;
background-size: 30px auto;
padding-left: 42px;
height: 23px;
padding-top: 4px;
font-size: 106%;
line-height: 1.0;
}

#contact_menu > ul > li:nth-child(2){
width: 32px;
height: 32px;
position: absolute;
top: 28px;
right: 0;
}

#contact_menu > ul > li:nth-child(2) a{
display: block;
height: 32px;
border: 1px solid #fff;
-moz-border-radius:50%;
-webkit-border-radius: 50%;
border-radius: 50%;
}

#contact_menu > ul > li:nth-child(2) a img{
margin: 0 auto;
padding-top: 7px;
}


#contact_menu > ul > li:nth-child(3){
font-family: 'Staatliches', cursive;
font-size: 190%;
letter-spacing: .1em;
line-height: 1.0;
font-weight: normal;
padding-top: 20px;
}

#contact_menu > ul > li:nth-child(3) a{
display: block;
background: url(img/ico_tel.png) no-repeat 0 0;
background-size: 28px auto;
padding-left: 38px;
white-space: nowrap;
}


.menu-trigger{
display: none;
}

@media (max-width: 1780px) {
header h1{
width: 30%;
float: left;
padding-top: 66px;
padding-left: 3%;
}


header h1 img{
float: right;
}

#menu{
text-align: center;
padding-left: 30%;
padding-right: 280px;
padding-top: 70px;
}



#menu > ul > li{
padding-right: 30px;
padding-left: 30px;
}

#menu > ul > li:after{
top: 8px;
right: -11px;
width: 22px;
height: 38px;
background: url(img/menuline.png) no-repeat 0 0;
background-size: 100% auto;
}


}


@media (max-width: 1520px) {
#menu > ul > li{
padding-right: 20px;
padding-left: 20px;
}
}

@media (max-width: 1380px) {
header h1{
width: 28%;
padding-left: 3%;
padding-top: 46px;
}

#contact_menu{
width: 210px;
height: 110px;
}


#contact_menu > ul > li:nth-child(1){
padding-top: 24px;
}

#contact_menu > ul > li:nth-child(1) a{
background: url(img/ico_mail.png) no-repeat 0 0;
background-size: 24px auto;
padding-left: 30px;
height: 23px;
padding-top: 2px;
font-size: 90%;
}

#contact_menu > ul > li:nth-child(2){
top: 16px;
}

#contact_menu > ul > li:nth-child(3){
font-size: 140%;
padding-top: 20px;
}

#contact_menu > ul > li:nth-child(3) a{
display: block;
background: url(img/ico_tel.png) no-repeat 0 0;
background-size: 20px auto;
padding-left: 28px;
}


#menu{
padding-right: 220px;
padding-top: 40px;
}

#scrollhead.is-animation h1{
padding-top: 30px;
width: 250px;
}

#scrollhead.is-animation #menu{
padding-left: 250px;
padding-right: 210px;
padding-top: 20px;
}


}


@media (max-width: 1280px) {
#menu > ul > li > a,
#scrollhead.is-animation #menu > ul > li > a{
font-size: 100%;
}
}

@media (max-width: 1180px) {
#menu > ul > li > a,
#scrollhead.is-animation #menu > ul > li > a{
font-size: 90%;
}

#menu > ul > li{
padding-right: 15px;
padding-left: 15px;
}

}

@media (max-width: 1080px) {
header h1{
width: 24%;
padding-left: 2%;
padding-top: 34px;
}

#contact_menu{
width: 180px;
height: 90px;
}


#contact_menu > ul > li:nth-child(1){
padding-top: 20px;
}

#contact_menu > ul > li:nth-child(1) a{
background: url(img/ico_mail.png) no-repeat 0 0;
background-size: 20px auto;
padding-left: 24px;
height: 20px;
padding-top: 2px;
font-size: 80%;
}

#contact_menu > ul > li:nth-child(2){
top: 10px;
}

#contact_menu > ul > li:nth-child(3){
font-size: 120%;
padding-top: 10px;
}

#contact_menu > ul > li:nth-child(3) a{
display: block;
background: url(img/ico_tel.png) no-repeat 0 0;
background-size: 15px auto;
padding-left: 20px;
}

#menu{
padding-left: 24%;
padding-right: 200px;
padding-top: 30px;
}

#menu > ul > li{
padding-right: 12px;
padding-left: 12px;
}

}



@media (max-width: 959px) {
header h1{
width: 360px;
padding-left: 25px;
padding-top: 24px;
}

#scrollhead.is-animation h1{
width: 300px;
padding-left: 25px;
padding-top: 20px;
}



#menu,
#contact_menu{
display: none;
}

#scrollhead.is-animation:before{
height: 60px;
}

}


@media (max-width: 599px) {
header h1,
#scrollhead.is-animation h1{
width: 260px;
}
}

@media (max-width: 479px) {
header h1,
#scrollhead.is-animation h1{
width: 220px;
}
}







#about{
width: 100%;
height: 623px;
background-image: url(img/top/aboutus_bg2.jpg),url(img/top/aboutus_bg1.png);
background-repeat: no-repeat,no-repeat;
background-position: right top,left 10% top;
}

#about_in{
width: 90%;
max-width: 1100px;
margin: 0 auto;
}

#about_in h2{
font-size: 170%;
line-height: 1.5;
padding-top: 140px;
padding-bottom: 40px;
}

@media (max-width: 1680px) {
#about{
background-image: url(img/top/aboutus_bg2.jpg),url(img/top/aboutus_bg1.png);
background-repeat: no-repeat,no-repeat;
background-position: right -150px top,left 10% top;
}
}

@media (max-width: 1380px) {
#about{
height: 450px;
background-image: url(img/top/aboutus_bg2.jpg),url(img/top/aboutus_bg1.png);
background-repeat: no-repeat,no-repeat;
background-position: right top,left top;
background-size: 550px auto, 150px auto;
}
#about_in h2{
font-size: 140%;
line-height: 1.5;
padding-top: 90px;
padding-bottom: 20px;
}
}


@media (max-width: 1180px) {
#about{
height: 450px;
background-image: url(img/top/aboutus_bg2.jpg),url(img/top/aboutus_bg1.png);
background-repeat: no-repeat,no-repeat;
background-position: right -100px top,left top;
background-size: 550px auto, 150px auto;
}
}


@media (max-width: 1080px) {
#about{
height: 430px;
background-image: url(img/top/aboutus_bg2.jpg),url(img/top/aboutus_bg1.png);
background-repeat: no-repeat,no-repeat;
background-position: right -100px top,left top;
background-size: 500px auto, 150px auto;
}
}


@media (max-width: 959px) {
#about{
height: 400px;
background-image: url(img/top/aboutus_bg2.jpg),url(img/top/aboutus_bg1.png);
background-repeat: no-repeat,no-repeat;
background-position: right 0 bottom 100px,left top;
background-size: 300px auto, 100px auto;
}

#about_in h2{
font-size: 120%;
line-height: 1.5;
padding-top: 70px;
padding-bottom: 20px;
}

}


@media (max-width: 859px) {
#about{
height: 450px;
background-image: url(img/top/aboutus_bg2.jpg),url(img/top/aboutus_bg1.png);
background-repeat: no-repeat,no-repeat;
background-position: right 0 bottom 100px,left top;
background-size: 250px auto, 100px auto;
}

#about_in h2{
font-size: 110%;
}

}

@media (max-width: 759px) {
#about{
height: auto;
min-height: 450px;
padding-bottom: 250px;
background-image: url(img/top/aboutus_bg2.jpg),url(img/top/aboutus_bg1.png);
background-repeat: no-repeat,no-repeat;
background-position: right -50px bottom 100px,left top;
background-size: 250px auto, 100px auto;
}
#about_in h2{
font-size: 100%;
}

}


@media (max-width: 479px) {
#about_in h2{
font-size: 90%;
}
}



#top_bn{
margin-top: -120px;
}

#top_bn a{
width: 90%;
max-width: 1464px;
height: 567px;
display: block;
box-shadow: 0 0 20px 0 rgba(0,0,0,0.35);
text-decoration: none !important;
padding-top: 140px;
position: relative;
z-index: 2;
}

#top_bn a:nth-child(1){
background: url(img/top/bg_production.jpg) no-repeat center center;
margin: 0 auto 50px;
}

#top_bn a:nth-child(2){
background: url(img/top/bg_construction.jpg.jpg) no-repeat center center;
margin: 0 auto -120px;
}


.bn_in{
width: 510px;
height: 287px;
clip-path: polygon(0 0, 100% 0, 100% 90%, 90% 100%, 0 100%);
background-color: #fff;
color: #000;
position: relative;
}

#top_bn a:nth-child(1) .bn_in{
float: right;
margin-right: 8%;
}

#top_bn a:nth-child(2) .bn_in{
float: left;
margin-left: 8%;
}

.bn_in h3{
width: 80%;
max-width: 306px;
text-align: center;
margin: 0 auto;
}

.bn_in h3 strong{
display: block;
font-size: 220%;
line-height: 1.0;
border-bottom: 2px solid #3441b9;
padding-bottom: 10px;
padding-top: 45px;
}

.bn_in h3 span{
display: block;
padding-top: 10px;
font-size: 140%;
letter-spacing: .1em;
font-family: 'Staatliches', cursive;
font-weight: normal;
line-height: 1.0;
color: #3441b9;
}

.bn_in p{
width: 80%;
margin: 0 auto;
text-align: center;
padding-top: 20px;
}

.bn_in ul{
width: 90px;
border-bottom: 1px solid #3441b9;
position: absolute;
left: 50%;
margin-left: -45px;
bottom: 22px;
background: url(img/img_arrow.png) no-repeat right bottom;
background-size: 12px auto;
text-align: center;
font-size: 100%;
letter-spacing: .1em;
font-family: 'Staatliches', cursive;
font-weight: normal;
line-height: 1.0;
color: #3441b9;
padding-bottom: 2px;
}


@media (max-width: 959px) {
#top_bn a{
padding-top: 60px;
height: 400px;
}

#top_bn a:nth-child(1){
background: url(img/top/bg_production.jpg) no-repeat center center;
background-size: cover;
margin: 0 auto 50px;
}

#top_bn a:nth-child(2){
background: url(img/top/bg_construction.jpg.jpg) no-repeat center center;
background-size: cover;
margin: 0 auto -120px;
}


.bn_in{
width: 400px;
height: 230px;
}

.bn_in h3 strong{
font-size: 120%;
padding-top: 35px;
}

.bn_in h3 span{
font-size: 90%;
}

.bn_in p{
padding-top: 20px;
font-size: 80%;
}

}


@media (max-width: 759px) {
#top_bn a{
padding-top: 30px;
height: 320px;
}
.bn_in{
width: 300px;
height: 220px;
}
}


@media (max-width: 599px) {
#top_bn a{
padding-top: 30px;
height: 280px;
}
.bn_in{
width: 250px;
height: 220px;
}

.bn_in p{
padding-top: 10px;
font-size: 70%;
}

}


@media (max-width: 479px) {
#top_bn a{
padding-top: 30px;
height: 260px;
}

.bn_in h3 strong{
font-size: 100%;
padding-top: 25px;
}

.bn_in h3 span{
font-size: 70%;
}


.bn_in{
width: 200px;
height: 200px;
}

.bn_in p{
padding-top: 10px;
font-size: 70%;
}
}





#top_construction{
width: 100%;
position: relative;
z-index: 1;
overflow: hidden;
}


#slider_container{
width: 100%;
height: 700px;
position: relative;
z-index: 1;
}

.slider{
width: 1920px;
height: 700px;
position: absolute;
overflow: hidden;
left: 50%;
top: 0;
margin-left: -960px;
}

.slider img{
max-width: auto;
}


@media (max-width: 959px) {
#top_construction{
width: 100%;
position: relative;
z-index: 1;
}


#slider_container{
width: 100%;
height: auto;
position: relative;
z-index: 1;
padding-top: 100px;
}

.slider{
width: 100%;
height: auto;
position: relatove;
overflow: auto;
left: auto;
top: auto;
margin-left: 0;
}

}



#top_construction_in{
width: 90%;
max-width: 1222px;
margin:-456px auto 0;
min-height: 456px;
position: relative;
}

@media (max-width: 959px) {
#top_construction_in{
width: 100%;
max-width: auto;
margin: 0 auto;
min-height: auto;
background-color: #000;
padding-left: 5%;
padding-right: 5%;
}
}



#top_construction_thumb{
position: absolute;
left: 51%;
bottom: 110px;
width: 49%;
}

.thumb{
position: relative;
z-index: 10;
padding-top: 350px;
}

.thumb li{
cursor: pointer;
}

@media (max-width: 959px) {
#top_construction_thumb{
position: relative;
left: auto;
bottom: auto;
width: 100%;
max-width: 480px;
margin: -45px auto 0;
}

.thumb{
padding-top: 0px;
}
}


#top_construction_content{
width: 46%;
float: left;
position: relative;
z-index: 10;
}



#top_construction_content h2 strong{
display: block;
font-size: 220%;
line-height: 1.0;
padding-bottom: 20px;
color: #fff;
}

#top_construction_content h2 span{
display: block;
font-size: 160%;
letter-spacing: .05em;
font-family: 'Staatliches', cursive;
font-weight: normal;
color: #3441b9;
padding-bottom: 25px;
}

#top_construction_content p{
color: #fff;
}

#top_construction_content ul{
width: 100%;
padding-top: 70px;
}

#top_construction_content ul li{
width: 50%;
float: right;
}


#top_construction_content ul li a{
display: block;
width: 100%;
height: 80px;
box-shadow: 0 0 5px 0 rgba(0,0,0,0.5);
clip-path: polygon(0 0, 100% 0, 100% 80%, 90% 100%, 0 100%);
background-color: #fff;
color: #3441b9;
font-size: 120%;
font-weight: bold;
text-decoration: none;
position: relative;
}

#top_construction_content ul li a:before{
content: " ";
display: block;
top: 50%;
right: 20px;
width: 45px;
height: 6px;
position: absolute;
border-bottom: 1px solid #3441b9;
background: url(img/img_arrow.png) no-repeat bottom right;
background-size: 12px auto;
margin-top: -4px;
}


#top_construction_content ul li a span{
display: block;
padding-left: 90px;
padding-top: 28px;
height: 100%;
background: url(img/ico_camera.png) no-repeat left 35px center;
background-size: 40px auto;
}



@media (max-width: 1200px) {
#top_construction_content ul li{
width: 65%;
}
}


@media (max-width: 959px) {

#top_construction_content{
width: 100%;
max-width: 480px;
float: none;
position: relative;
z-index: 10;
margin: 0 auto;
}
#top_construction_content h2{
text-align: center;
padding-top: 25px;
}

#top_construction_content h2 strong{
font-size: 160%;
padding-bottom: 10px;
}

#top_construction_content h2 span{
font-size: 120%;
padding-bottom: 25px;
}

#top_construction_content p{
font-size: 80%;
color: #fff;
}

#top_construction_content ul{
width: 100%;
padding-top: 40px;
padding-bottom: 50px;
}

#top_construction_content ul li{
width: 100%;
float: none;
}


}


@media (max-width: 599px) {

#top_construction_content h2 strong{
font-size: 120%;
padding-bottom: 10px;
}

#top_construction_content h2 span{
font-size: 90%;
padding-bottom: 25px;
}

#top_construction_content p{
font-size: 70%;
}

#top_construction_content ul li a{
display: block;
width: 100%;
height: 80px;
box-shadow: 0 0 5px 0 rgba(0,0,0,0.5);
clip-path: polygon(0 0, 100% 0, 100% 80%, 90% 100%, 0 100%);
background-color: #fff;
color: #3441b9;
font-size: 90%;
font-weight: bold;
text-decoration: none;
position: relative;
}



#top_construction_content ul li a span{
display: block;
padding-left: 70px;
padding-top: 30px;
background: url(img/ico_camera.png) no-repeat left 35px center;
background-size: 25px auto;
}
}





#top_bn2{
width: 100%;
}

#top_bn2 li{
width: 50%;
float: left;
}

#top_bn2 li a{
display: block;
height: 392px;
border-top: 4px solid #fff;
border-bottom: 4px solid #fff;
padding-left: 10%;
color: #fff;
text-decoration: none;
position: relative;
}

#top_bn2 li a:before{
display: block;
top: 0;
right: 15px;
position: absolute;
font-size: 900%;
font-family: 'Staatliches', cursive;
line-height: 0.7;
color: rgba(255,255,255,0.4);
}

#top_bn2 li:nth-child(1) a:before{content: "FACILITY";}
#top_bn2 li:nth-child(2) a:before{content: "RECRUIT";}

#top_bn2 li:nth-child(1) a{
background: url(img/top/bn_facility.jpg) no-repeat center center;
background-size: cover;
border-left: 4px solid #fff;
border-right: 2px solid #fff;
}




#top_bn2 li:nth-child(2) a{
background: url(img/top/bn_recruit.jpg) no-repeat center center;
background-size: cover;
border-left: 2px solid #fff;
border-right: 4px solid #fff;
}

#top_bn2 li a strong{
display: block;
font-size: 350%;
letter-spacing: .1em;
line-height: 1.0;
padding-top: 160px;
padding-bottom: 35px;
}

#top_bn2 li a span{
display: block;
width: 60%;
font-size: 110%;
line-height: 1.8;
font-weight: bold;
}


@media (max-width: 1280px) {
#top_bn2 li a strong{
font-size: 250%;
padding-top: 200px;
}

#top_bn2 li a span{
font-size: 90%;
}

}

@media (max-width: 959px) {
#top_bn2 li a{
height: 252px;
}

#top_bn2 li a:before{
font-size: 600%;
}

#top_bn2 li a strong{
font-size: 200%;
padding-top: 100px;
padding-bottom: 15px;
}

#top_bn2 li a span{
font-size: 80%;
}

}


@media (max-width: 759px) {
#top_bn2 li a{
height: 200px;
}

#top_bn2 li a:before{
font-size: 400%;
}
#top_bn2 li a strong{
font-size: 150%;
padding-top: 90px;
padding-bottom: 15px;
}
#top_bn2 li a span{
font-size: 70%;
width: 90%;
}

}

@media (max-width: 680px) {
#top_bn2 li{
width: 100%;
float: none;
}

#top_bn2 li:nth-child(1) a{
border-left: 4px solid #fff;
border-right: 4px solid #fff;
border-bottom: 0;
}


#top_bn2 li:nth-child(2) a{
border-left: 4px solid #fff;
border-right: 4px solid #fff;
}

}





#foot_contact{
width: 100%;
height: 211px;
background: url(img/bg_foot.jpg) no-repeat top center #366ff0;
background-size: 1920px auto;
}


#foot_contact ul{
width: 100%;
max-width: 1250px;
margin: 0 auto;
}

#foot_contact ul li{
width: 50%;
float: left;
text-align: center;
padding-top: 70px;
}


#foot_contact ul li:nth-child(1) a{
font-family: 'Staatliches', cursive;
color: #fff;
font-weight: normal;
font-size: 350%;
letter-spacing: .05em;
text-decoration: none;
display: inline-block;
padding-left: 90px;
background: url(img/ico_tel.png) no-repeat left center;
background-size: 57px auto;
min-height: 58px;
}



#foot_contact ul li:nth-child(2) a{
color: #fff;
font-weight: bold;
text-decoration: none;
display: inline-block;
padding-left: 110px;
background: url(img/ico_mail2.png) no-repeat left center;
background-size: 89px auto;
min-height: 58px;
text-align: left;
}

#foot_contact ul li:nth-child(2) a strong{
font-size: 160%;
display: block;
}

#foot_contact ul li:nth-child(2) a span{
font-family: 'Staatliches', cursive;
letter-spacing: .1em;
font-size: 150%;
}



@media (max-width: 1180px) {

#foot_contact{
height: 130px;
background: url(img/bg_foot.jpg) no-repeat top center #366ff0;
background-size: 1180px auto;
}

#foot_contact ul li{
padding-top: 40px;
}


#foot_contact ul li:nth-child(1) a{
font-size: 250%;
padding-left: 45px;
background: url(img/ico_tel.png) no-repeat left center;
background-size: 30px auto;
min-height: 34px;
}



#foot_contact ul li:nth-child(2) a{
padding-left: 54px;
background: url(img/ico_mail2.png) no-repeat left center;
background-size: 40px auto;
min-height: 40px;
}

#foot_contact ul li:nth-child(2) a strong{
font-size: 120%;
}

#foot_contact ul li:nth-child(2) a span{
font-size: 90%;
}

}


@media (max-width: 759px) {
#foot_contact{
height: 84px;
background: url(img/bg_foot.jpg) no-repeat top center #366ff0;
background-size: 759px auto;
}

#foot_contact ul li{
padding-top: 25px;
}


#foot_contact ul li:nth-child(1) a{
font-size: 180%;
padding-left: 45px;
background: url(img/ico_tel.png) no-repeat left center;
background-size: 30px auto;
min-height: 34px;
}



#foot_contact ul li:nth-child(2) a{
padding-left: 54px;
background: url(img/ico_mail2.png) no-repeat left center;
background-size: 40px auto;
min-height: 40px;
}

#foot_contact ul li:nth-child(2) a strong{
font-size: 90%;
}

#foot_contact ul li:nth-child(2) a span{
font-size: 70%;
}

}


@media (max-width: 599px) {
#foot_contact{
height: 66px;
background: url(img/bg_foot.jpg) no-repeat top center #366ff0;
background-size: 599px auto;
}

#foot_contact ul li{
padding-top: 18px;
}


#foot_contact ul li:nth-child(1) a{
font-size: 130%;
padding-left: 45px;
background: url(img/ico_tel.png) no-repeat left center;
background-size: 30px auto;
min-height: 34px;
}



#foot_contact ul li:nth-child(2) a{
padding-left: 54px;
background: url(img/ico_mail2.png) no-repeat left center;
background-size: 40px auto;
min-height: 40px;
}

#foot_contact ul li:nth-child(2) a strong{
font-size: 70%;
}

#foot_contact ul li:nth-child(2) a span{
font-size: 60%;
}

}


@media (max-width: 479px) {
#foot_contact{
height: auto;
background: none;
}


#foot_contact ul li{
width: 100%;
float: none;
padding-top: 0;
}

#foot_contact ul li a{
display: block;
width: 100%;
text-align: left;
}

#foot_contact ul li:nth-child(1) a{
font-size: 130%;
padding-left: 75px;
background: url(img/ico_tel.png) no-repeat left 25px center #366FF0;
background-size: 30px auto;
min-height: 70px;
padding-top: 25px;
}

#foot_contact ul li:nth-child(2) a{
padding-left: 75px;
background: url(img/ico_mail2.png) no-repeat left 20px center #3642BA;
background-size: 40px auto;
min-height: 70px;
padding-top: 20px;
}

}



#foot_policy{
background-color: #002272;
text-align: center;
width: 100%;
height: 75px;
padding-top: 22px;
}

#foot_policy a{
color: #fff;
font-size: 120%;
text-decoration: none;
}

#foot_policy a span{
display: inline-block;
padding-left: 55px;
min-height: 30px;
background: url(img/ico_key2.png) no-repeat left center;
background-size: 28px auto;
padding-top: 5px;
}


@media (max-width: 959px) {
#foot_policy a{
font-size: 100%;
padding-left: 25px;
}

#foot_policy a span{
padding-left: 35px;
min-height: 30px;
background: url(img/ico_key2.png) no-repeat left center;
background-size: 20px auto;
padding-top: 5px;
}

}


@media (max-width: 479px) {
#foot_policy{text-align: left;
}
#foot_policy a{
font-size: 80%;
}
}


#footmenu{
text-align: center;
vertical-align: bottom;
}


#footmenu{
font-size: 0;
padding-top: 100px;
padding-bottom: 100px;
}

#footmenu li{
display: inline-block;
margin-right: 40px;
}



#footmenu li:last-child{
margin-right: 0;
}

#footmenu li a{
display: inline-block;
padding-bottom: 5px;
border-bottom: 8px solid #dddddd;
text-decoration: none;
color: #000;
font-size:  20px;
line-height: 1.0;
padding-left: 14px;
padding-right: 14px;
font-weight: bold;
}

#footmenu li:first-child a{
font-family: 'Staatliches', cursive;
font-weight: normal;
font-size: 25px;
}

#footmenu li a:hover{
border-bottom: 8px solid #3643bb;
color: #3643bb;
}


@media (max-width: 1280px) {
#footmenu li{
margin-right: 20px;
}
}


@media (max-width: 959px) {

#footmenu{
display: none;
}

}


#foot_about{
width: 90%;
max-width: 970px;
margin: 0 auto;
}

#foot_about h2{
width: 42%;
float: left;
}

#foot_about_in{
width: 58%;
float: left;
}

.foot_about_content{
width: 50%;
float: left;
}

.foot_about_content h3{
font-size: 120%;
line-height: 1.0;
padding-bottom: 20px;
}

.foot_about_content ul{
font-family: 'Staatliches', cursive;
font-weight: normal;
font-size: 120%;
color: #3643bb;
letter-spacing: .1em;
padding-top: 25px;
}

.foot_about_content li{
padding-bottom: 5px;
}

.foot_about_content a{
color: #3643bb;
}


@media (max-width: 1080px) {
#foot_about h2{
width: 100%;
max-width: 340px;
float: none;
margin: 0 auto 60px;
}

#foot_about_in{
width: 100%;
max-width: 600px;
float: none;
margin: 0 auto;
}
}


@media (max-width: 959px) {
#foot_about h2{
margin: 60px auto;
}

.foot_about_content h3{
font-size: 110%;
}

.foot_about_content ul{
font-size: 100%;
}

}


@media (max-width: 599px) {
#foot_about_in{
max-width: 260px;
}
.foot_about_content{
width: 100%;
float: none;
}

.foot_about_content:first-child{
padding-bottom: 35px;
}


}


#copy{
text-align: center;
font-family: 'Staatliches', cursive;
font-weight: normal;
font-size: 100%;
letter-spacing: .1em;
color: #939393;
padding-top: 100px;
padding-bottom: 50px;
}


@media (max-width: 959px) {
#copy{font-size: 80%;}
}

@media (max-width: 479px) {
#copy{font-size: 70%;}
}




#page-top{
position: fixed;
width: 52px;
height: 142px;
right: 0;
bottom: 50px;
z-index: 1000;
}


@media (max-width: 599px) {
#page-top{
width: 35px;
height: 97px;
bottom: 80px;
}

}


.menu-trigger_container{
display: none;
}


@media (max-width: 959px) {

.menu-trigger_container{
width: 60px;
height: 60px;
position: fixed;
top: 0;
right: 0;
z-index: 1000;	
background-color: #3441B9;
transition: all .4s;
display: block;
cursor: pointer;
}


.menu-trigger{
display: block;
}

.menu-trigger_container span{
	display: inline-block;
	transition: all .4s;
	box-sizing: border-box;
	position: fixed;
	z-index: 1000000000000;

}

.menu-trigger{
	width: 28px;
	height: 44px;
	margin-left: 15px;
	margin-top: 5px;
	position: relative;
}

.menu-trigger_container span{
position: absolute;
left: 0;
width: 100%;
height: 2px;
background-color: #fff;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
z-index: 1100;
}
.menu-trigger_container span:nth-of-type(1) {
	top: 15px;
}
.menu-trigger_container span:nth-of-type(2) {
	top: 25px;
}
.menu-trigger_container span:nth-of-type(3) {
	top: 35px;
}


.menu-trigger_container.active{
background-color: #fff;
}

.menu-trigger_container.active span{
background-color: #000;
}

.menu-trigger_container.active span:nth-of-type(1) {
	width: 40%;
	-webkit-transform: translate3d(2px, 4px, 0) rotate(45deg);
	transform: translate3d(2px, 4px, 0) rotate(45deg);
}
.menu-trigger_container.active span:nth-of-type(2) {
	-webkit-transform: translate3d(0, 0, 0) rotate(-45deg);
	transform: translate3d(0, 0, 0) rotate(-45deg);
}
.menu-trigger_container.active span:nth-of-type(3) {
	width: 40%;
	-webkit-transform: translate3d(16px, -3px, 0) rotate(45deg);
	transform: translate3d(16px, -3px, 0) rotate(45deg);
}


}


#smp_menu{
width: 100%;
position: fixed;
z-index: 100;
background-color: #fff;
top: 60px;
left: 0;
bottom: 0;
right: 0;
overflow-y: auto;
display: none;
}

#smp_menu_body ul{
width: 90%;
max-width: 450px;
margin: 25px auto 0;
}

#smp_menu_body > ul > li{
border-bottom: 1px solid #000;
}

#smp_menu_body ul > li a{
display: block;
padding-top: 20px;
padding-bottom: 20px;
padding-left: 20px;
text-decoration: none;
color: #000;
}

#smp_menu_body ul li ul li a{
display: block;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 40px;
text-decoration: none;
color: #000;
}

#smp_menu_body ul li ul{
width: 100%;
margin: 0 auto;
}

#smp_menu_body ul li ul li:first-child a{
padding-top: 0;
}

#smp_menu_body ul li ul li:last-child a{
padding-bottom: 20px;
}

#smp_menu_contact{
text-align: center;
font-family: 'Staatliches', cursive;
letter-spacing: .1em;
line-height: 1.0;
}

#smp_menu_contact ul{
width: 330px;
margin: 0 auto;
}

#smp_menu_contact a{
display: block;
text-decoration: none;
color: #3441B9;
}

#smp_menu_contact li:nth-child(1){
font-size: 140%;
width: 50%;
float: left;
}


#smp_menu_contact li:nth-child(1) span{
display: inline-block;
padding-left: 55px;
background: url(img/ico_mail_blue.png) no-repeat left center;
background-size: 45px auto;
min-height: 85px;
padding-top: 35px;
}


#smp_menu_contact li:nth-child(2){
font-size: 80%;
width: 50%;
float: left;
}

#smp_menu_contact li:nth-child(2) a{
padding-top: 40px;
padding-bottom: 25px;
font-weight: bold;
}

#smp_menu_contact li:nth-child(3){
font-size: 150%;
width: 100%;
float: left;
}

#smp_menu_contact li:nth-child(3) span{
display: inline-block;
padding-left: 35px;
background: url(img/tel_blue.png) no-repeat left center;
background-size: 25px auto;
min-height: 35px;
padding-top: 5px;
}


@media (max-width: 479px) {
#smp_menu{
font-size: 90%;
}

#smp_menu_contact ul{
width: 280px;
margin: 0 auto;
}


}


/*

main

*/

#main_c{
width: 100%;
max-width: 1920px;
height: 500px;
}

#main_c.contact{
background: url(img/contact/main.jpg) no-repeat top center;
}

#main_c.company{
background: url(img/company/main.jpg) no-repeat top center;
}

#main_c.recruit{
background: url(img/recruit/main.jpg) no-repeat top center;
}

#main_c.policy{
background: url(img/policy/main.jpg) no-repeat top center;
}

#main_c.businessoutline{
background: url(img/businessoutline/main.jpg) no-repeat top center;
}

#main_c.construction{
background: url(img/construction/main.jpg) no-repeat top center;
}

#main_c.factory{
background: url(img/factory/main.jpg) no-repeat top center;
}



@media (max-width: 1800px) {
#main_c{
max-width: 1800px;
height: 469px;
}

#main_c.contact{
background: url(img/contact/main.jpg) no-repeat top center;
background-size: 1800px auto;
}

#main_c.company{
background: url(img/company/main.jpg) no-repeat top center;
background-size: 1800px auto;
}

#main_c.recruit{
background: url(img/recruit/main.jpg) no-repeat top center;
background-size: 1800px auto;
}

#main_c.policy{
background: url(img/policy/main.jpg) no-repeat top center;
background-size: 1800px auto;
}

#main_c.businessoutline{
background: url(img/businessoutline/main.jpg) no-repeat top center;
background-size: 1800px auto;
}

#main_c.construction{
background: url(img/construction/main.jpg) no-repeat top center;
background-size: 1800px auto;
}

#main_c.factory{
background: url(img/factory/main.jpg) no-repeat top center;
background-size: 1800px auto;
}
}



@media (max-width: 1700px) {
#main_c{
max-width: 1700px;
height: 443px;
}

#main_c.contact{
background: url(img/contact/main.jpg) no-repeat top center;
background-size: 1700px auto;
}

#main_c.company{
background: url(img/company/main.jpg) no-repeat top center;
background-size: 1700px auto;
}

#main_c.recruit{
background: url(img/recruit/main.jpg) no-repeat top center;
background-size: 1700px auto;
}

#main_c.policy{
background: url(img/policy/main.jpg) no-repeat top center;
background-size: 1700px auto;
}

#main_c.businessoutline{
background: url(img/businessoutline/main.jpg) no-repeat top center;
background-size: 1700px auto;
}

#main_c.construction{
background: url(img/construction/main.jpg) no-repeat top center;
background-size: 1700px auto;
}

#main_c.factory{
background: url(img/factory/main.jpg) no-repeat top center;
background-size: 1700px auto;
}
}


@media (max-width: 1500px) {
#main_c{
max-width: 1500px;
height: 391px;
}

#main_c.contact{
background: url(img/contact/main.jpg) no-repeat top center;
background-size: 1500px auto;
}

#main_c.company{
background: url(img/company/main.jpg) no-repeat top center;
background-size: 1500px auto;
}

#main_c.recruit{
background: url(img/recruit/main.jpg) no-repeat top center;
background-size: 1500px auto;
}

#main_c.policy{
background: url(img/policy/main.jpg) no-repeat top center;
background-size: 1500px auto;
}

#main_c.businessoutline{
background: url(img/businessoutline/main.jpg) no-repeat top center;
background-size: 1500px auto;
}

#main_c.construction{
background: url(img/construction/main.jpg) no-repeat top center;
background-size: 1500px auto;
}

#main_c.factory{
background: url(img/factory/main.jpg) no-repeat top center;
background-size: 1500px auto;
}
}


@media (max-width: 1280px) {
#main_c{
max-width: 1280px;
height: 333px;
}

#main_c.contact{
background: url(img/contact/main.jpg) no-repeat top center;
background-size: 1280px auto;
}

#main_c.company{
background: url(img/company/main.jpg) no-repeat top center;
background-size: 1280px auto;
}

#main_c.recruit{
background: url(img/recruit/main.jpg) no-repeat top center;
background-size: 1280px auto;
}

#main_c.policy{
background: url(img/policy/main.jpg) no-repeat top center;
background-size: 1280px auto;
}

#main_c.businessoutline{
background: url(img/businessoutline/main.jpg) no-repeat top center;
background-size: 1280px auto;
}

#main_c.construction{
background: url(img/construction/main.jpg) no-repeat top center;
background-size: 1280px auto;
}

#main_c.factory{
background: url(img/factory/main.jpg) no-repeat top center;
background-size: 1280px auto;
}
}


@media (max-width: 1080px) {
#main_c{
max-width: 1080px;
height: 281px;
}

#main_c.contact{
background: url(img/contact/main.jpg) no-repeat top center;
background-size: 1080px auto;
}

#main_c.company{
background: url(img/company/main.jpg) no-repeat top center;
background-size: 1080px auto;
}

#main_c.recruit{
background: url(img/recruit/main.jpg) no-repeat top center;
background-size: 1080px auto;
}

#main_c.policy{
background: url(img/policy/main.jpg) no-repeat top center;
background-size: 1080px auto;
}

#main_c.businessoutline{
background: url(img/businessoutline/main.jpg) no-repeat top center;
background-size: 1080px auto;
}

#main_c.construction{
background: url(img/construction/main.jpg) no-repeat top center;
background-size: 1080px auto;
}

#main_c.factory{
background: url(img/factory/main.jpg) no-repeat top center;
background-size: 1080px auto;
}
}


@media (max-width: 759px) {
#main_c{
max-width: 759px;
height: 197px;
}

#main_c.contact{
background: url(img/contact/main.jpg) no-repeat top center;
background-size: 759px auto;
}

#main_c.company{
background: url(img/company/main.jpg) no-repeat top center;
background-size: 759px auto;
}

#main_c.recruit{
background: url(img/recruit/main.jpg) no-repeat top center;
background-size: 759px auto;
}

#main_c.policy{
background: url(img/policy/main.jpg) no-repeat top center;
background-size: 759px auto;
}

#main_c.businessoutline{
background: url(img/businessoutline/main.jpg) no-repeat top center;
background-size: 759px auto;
}

#main_c.construction{
background: url(img/construction/main.jpg) no-repeat top center;
background-size: 759px auto;
}

#main_c.factory{
background: url(img/factory/main.jpg) no-repeat top center;
background-size: 759px auto;
}
}


@media (max-width: 599px) {
#main_c{
max-width: 599px;
height: 155px;
}

#main_c.contact{
background: url(img/contact/main.jpg) no-repeat top center;
background-size: 599px auto;
}

#main_c.company{
background: url(img/company/main.jpg) no-repeat top center;
background-size: 599px auto;
}

#main_c.recruit{
background: url(img/recruit/main.jpg) no-repeat top center;
background-size: 599px auto;
}

#main_c.policy{
background: url(img/policy/main.jpg) no-repeat top center;
background-size: 599px auto;
}

#main_c.businessoutline{
background: url(img/businessoutline/main.jpg) no-repeat top center;
background-size: 599px auto;
}

#main_c.construction{
background: url(img/construction/main.jpg) no-repeat top center;
background-size: 599px auto;
}

#main_c.factory{
background: url(img/factory/main.jpg) no-repeat top center;
background-size: 599px auto;
}
}


@media (max-width: 479px) {
#main_c{
max-width: 479px;
height: 123px;
}

#main_c.contact{
background: url(img/contact/main.jpg) no-repeat top center;
background-size: 479px auto;
}

#main_c.company{
background: url(img/company/main.jpg) no-repeat top center;
background-size: 479px auto;
}

#main_c.recruit{
background: url(img/recruit/main.jpg) no-repeat top center;
background-size: 479px auto;
}

#main_c.policy{
background: url(img/policy/main.jpg) no-repeat top center;
background-size: 479px auto;
}

#main_c.businessoutline{
background: url(img/businessoutline/main.jpg) no-repeat top center;
background-size: 479px auto;
}

#main_c.construction{
background: url(img/construction/main.jpg) no-repeat top center;
background-size: 479px auto;
}

#main_c.factory{
background: url(img/factory/main.jpg) no-repeat top center;
background-size: 479px auto;
}
}




/*


contents


*/


.page_title{
text-align: center;
position: relative;
width: 90%;
max-width: 460px;
margin: 0 auto;
padding-top: 90px;
line-height: 1.0;
}

.page_title strong{
display: block;
font-size: 300%;
letter-spacing: .06em;
padding-bottom: 15px;
border-bottom: 5px solid #3441b9;
}

.page_title.policy strong{font-size: 220%;}

.page_title span{
display: block;
font-size: 140%;
letter-spacing: .1em;
font-family: 'Staatliches', cursive;
color: #3441b9;
font-weight: normal;
padding-top: 15px;
}

@media (max-width: 1280px) {
.page_title{
padding-top: 70px;
}
.page_title strong{
font-size: 180%;

}

.page_title.policy strong{font-size: 150%;}

.page_title span{
font-size: 120%;
}
}


@media (max-width: 959px) {
.page_title{
padding-top: 50px;
}

.page_title strong{
font-size: 160%;
letter-spacing: .06em;
padding-bottom: 10px;
border-bottom: 3px solid #3441b9;
}

.page_title.policy strong{font-size: 150%;}

.page_title span{
font-size: 100%;
letter-spacing: .1em;
padding-top: 10px;
}
}


@media (max-width: 759px) {
.page_title{
padding-top: 40px;
}

.page_title strong{
font-size: 120%;
letter-spacing: .06em;
padding-bottom: 10px;
}

.page_title.policy strong{font-size: 130%;}

.page_title span{
font-size: 80%;
padding-top: 10px;
}
}


@media (max-width: 479px) {
.page_title{
padding-top: 30px;
}

.page_title strong{
font-size: 100%;
letter-spacing: .06em;
padding-bottom: 5px;
border-bottom: 2px solid #3441b9;
}

.page_title.policy strong{font-size: 110%;}

.page_title span{
font-size: 70%;
padding-top: 5px;
}
}


.title1{
font-size: 180%;
line-height: 1.0;
letter-spacing: .05em;
font-weight: bold;
padding-top: 60px;
padding-bottom: 25px;
}

.title2{
text-align: center;
position: relative;
font-size: 230%;
line-height: 1.0;
letter-spacing: .1em;
margin: 80px auto 0 !important;
}

.title2:before{
content: " ";
display: block;
top: 50%;
left: 0;
width: 100%;
height: 2px;
position: absolute;
background-color: #000000;
margin-top: -1px;
z-index: 1;
}

.title2 strong{
display: inline-block;
padding: 0 100px;
background-color: #fff;
position: relative;
z-index: 2;
}

@media (max-width: 1280px) {
.title1{
font-size: 140%;
}

.title2{
font-size: 150%;
}

.title2 strong{
padding: 0 30px;
}

}


@media (max-width: 959px) {
.title1{
font-size: 120%;
}

.title2{
font-size: 110%;
margin: 60px auto 0 !important;
}

.title2 strong{
padding: 0 20px;
}
}


@media (max-width: 479px) {
.title1{
font-size: 110%;
padding-top: 40px;
padding-bottom: 0;
}

}




.design.b0{
padding-bottom: 0;
}

.w1{
width: 90%;
max-width: 1462px;
margin: 0 auto;
}

.w2{
width: 90%;
max-width: 1222px;
margin: 0 auto;
}




/*


ta


*/

.ta{
display: block;
width: 100% !important;
table-layout: fixed;
}

.ta_head{
background-color: #3441b9;
color: #fff;
}


.ta dl{
border-bottom: 1px solid #ccc;

}

.ta dt,
.ta dd{
padding: 15px 25px;

}

.ta.w_construction dt{
width: 60%;
float: left;
}

.ta.w_construction dd{
width: 40%;
float: left;
}



.w_factory dt{
width: 35%;
float: left;
}
.w_factory dd:nth-child(2){
width: 25%;
float: left;
}
.w_factory dd:nth-child(3){
width: 10%;
float: left;
}

.w_factory dd:nth-child(4){
width: 30%;
float: left;
}



.ta_table{
border-top: 1px solid #ccc;
margin-top: 25px;
margin-bottom: 60px;
}


.ta_table th{
width: 20%;
background-color: #eee;
}

.ta_table th,
.ta_table td{
border-bottom: 1px solid #ccc;
padding: 15px 25px;
font-size: 94%;
line-height: 1.6;
}


@media (max-width: 959px) {
.ta dt,
.ta dd{
padding: 5px 10px;
font-size: 80%;
}

.ta_table th,
.ta_table td{
font-size: 80%;
}
}


@media (max-width: 759px) {
.ta dt,
.ta dd{
padding: 5px;
font-size: 70%;
}





.ta_table th{
width: 30%;
}


.ta_table th,
.ta_table td{
font-size: 70%;
padding: 5px 15px;
}

}