@charset "UTF-8";*{margin:0;padding:0;-webkit-overflow-scrolling:touch;overflow-scrolling:touch}
html,body{height:100%}
body{background:transparent;color:rgba(0,30,90,1);cursor:default;display:block;font-family:'微软雅黑';font-weight:400;height:100%;line-height:1.5;overflow-x:hidden;position:relative;vertical-align:baseline;width:100%;box-sizing:border-box;-webkit-overflow-scrolling:touch;overflow-scrolling:touch;-webkit-text-size-adjust:100%;text-size-adjust:100%;-webkit-print-color-adjust:exact;print-color-adjust:exact}
a,a:hover{color:rgba(10,20,45,1);text-decoration:none}
a:link{}
a:visited{text-decoration:none}
a{text-decoration:none}
a{text-decoration:none}
img{margin:0;padding:0;max-width:100%;vertical-align:bottom;outline:none}
img:hover{outline:none}
ul{list-style:none}
h1,h2,h3,h4,h5,h6{font-weight:400;margin:0}
p{-webkit-transform:rotate(0.0001deg);transform:rotate(0.0001deg)}
input,select,textarea{font-size:16px}
button{cursor:pointer}
@media (min-width:751px){body{padding-top:100px}
}@media (max-width:750px){body{padding-top:60px}
}body.glnav-open{overflow:hidden}
.com-logo{}
.clg-item{position:relative;display:flex;align-items:center;justify-content:center}
.clg-item img{width:100%}
.com-social{display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap}
.csl-item{background-position:center;background-repeat:no-repeat;background-size:cover;color:transparent;display:inline-flex;font-size:0;text-indent:-9999px;vertical-align:middle;border-radius:50%}
.csl-item.instagram{background-image:url(/img/nstagram.png)}
.csl-item.twitter{background-image:url(/img/twitter.png)}
.csl-item.facebook{background-image:url(/img/facebook.png)}
.csl-item.linkedin{background-image:url(/img/linkedin.png)}
.csl-item.youtube{background-image:url(/img/youtube.png)}
.com-authentication{display:flex;align-items:center;justify-content:flex-start}
.catc-item{display:inline-flex;align-items:center;justify-content:center}
.catc-item img{width:100%}
.com-linkarea{}
.com-link-item{position:relative;display:inline-flex;align-items:center;justify-content:flex-start}
.com-link-item:before{background-position:center;background-repeat:no-repeat;content:'';position:relative;display:inline-flex;align-items:center;justify-content:center}
.com-link-item.radius:before{border-radius:50%}
.com-link-item.navy{color:rgba(10,20,45,1)}
.com-link-item.arrow.navy:before{background-image:url(/img/right-navy.svg);border:1px solid rgba(10,20,45,1)}
@media (min-width:751px){.com-linkarea{}
.com-link-item{transition:all .3s}
.com-link-item:before{margin-right:15px;transition:all .3s}
.com-link-item.radius:before{background-size:15px 15px;height:25px;width:25px}
.com-link-item.arrow.navy{font-size:20px}
.com-link-item.radius:hover:before{margin-right:25px;transform:rotate(360deg)}
}@media (max-width:750px){.com-linkarea{}
.com-link-item{}
.com-link-item:before{margin-right:15px}
.com-link-item.radius:before{background-size:10px 10px;height:20px;width:20px}
.com-link-item.arrow.navy{font-size:17px}
}#gl-header{background-color:#ffffffe6;left:0;position:fixed;right:0;top:0;z-index:100;transition:all .4s ease}
#glh-wrap{position:relative;display:flex;align-items:center;justify-content:flex-end;position:relative}
@media (min-width:751px){#gl-header{}
#glh-wrap{}
.scrollactive #gl-header{}
#gl-header.mdl-scrollhide.hide{margin-top:-100px}
.scrollactive #gl-header:hover{background-color:rgba(255,255,255,1)}
_:-ms-lang(x)::-ms-backdrop,.scrollactive #gl-header{background-color:rgba(255,255,255,1);-webkit-backdrop-filter:none;backdrop-filter:none}
}@media (max-width:750px){#gl-header{}
#gl-header:before{background-color:rgba(255,255,255,1);content:'';height:0;left:0;opacity:0;right:0;position:fixed;top:0;visibility:hidden;width:100vw;z-index:0;transition:all .75s}
#glh-wrap{z-index:1}
.glnav-open #gl-header:before{height:100vh;opacity:1;visibility:visible}
#gl-header.mdl-scrollhide.hide{margin-top:-60px}
}.glhh-logoarea{left:0;position:absolute;z-index:1;display:flex;align-items:center;justify-content:center}
.glhh-la-item{transition:all .3s}
.glhh-la-item.chiiki_kenin_kigyou_landscape{overflow:hidden;position:relative}
.glhh-la-item.chiiki_kenin_kigyou_landscape img{position:relative;transition:all .3s}
@media (min-width:751px){.glhh-logoarea{padding:0 10px;top:50%;transform:translateY(-50%)}
.glhh-la-item{padding:0 20px}
.glhh-la-item.logo{max-width:280px}
.glhh-logoarea .com-tagline{font-size:12px;letter-spacing:3px;margin-bottom:5px}
.glhh-logoarea .clg-item{width:220px}
.glhh-la-item.chiiki_kenin_kigyou_landscape img{width:180px}
}@media (min-width:751px) and (max-width:1280px){.glhh-logoarea{padding:0 10px}
.glhh-la-item{padding:0 10px}
.glhh-logoarea .com-tagline{font-size:12px;letter-spacing:3px;margin-bottom:5px}
.glhh-logoarea .clg-item{width:170px}
}@media (min-width:751px) and (max-width:930px){.glhh-la-item.chiiki_kenin_kigyou_landscape img{margin-top:10px}
}@media (max-width:1429px){.glhh-logoarea{flex-direction:column}
.glhh-la-item.chiiki_kenin_kigyou_landscape img{width:130px}
}@media (max-width:750px){.glhh-logoarea{background-color:rgb(255 255 255 / 5%);padding:6px 15px;top:0;border-radius:0 0 10px}
.glhh-la-item{}
.glhh-logoarea .com-tagline{font-size:10px;letter-spacing:1px;margin-bottom:5px}
.glhh-logoarea .clg-item{width:150px}
.glhh-la-item.chiiki_kenin_kigyou_landscape img{width:110px}
#gl-header.mdl-scrollhide.hide .glhh-la-item.chiiki_kenin_kigyou_landscape{margin-top:-30px}
.chiiki_kenin_kigyou_landscape img{display:none}
}#glnav{position:relative;transition:all .4s ease}
.glh-scrollarea{transition:all .3s ease}
.n-item{position:relative;display:inline-flex;align-items:center;justify-content:center;flex-wrap:wrap}
.n-itm-link{color:rgba(10,20,45,1);position:relative;display:flex;align-items:center;box-sizing:border-box}
.n-itm-child{overflow:hidden;width:100%}
.n-itm-child ul{margin:0 auto;display:flex;align-items:flex-start;justify-content:center;box-sizing:border-box}
.n-itm-child ul li{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box}
.n-itm-child ul li a{display:flex;align-items:center;justify-content:center;flex-direction:column}
.n-itm-child ul li a .nic-thumb{overflow:hidden;position:relative}
.n-itm-child ul li a span{text-align:center}
@media (min-width:751px){#glnav{left:0 !important}
.glh-scrollarea{}
.n-item{}
.n-itm-link{font-size:16px;line-height:1;letter-spacing:2px;height:100px;padding:0 20px;justify-content:center;transition:all .4s ease;font-weight: 600;}
.n-itm-link.sp{display:none}
.scrollactive #glnav{padding-left:20px}
.n-item.open{background-color:rgba(0,90,200,1)}
.n-item.open .n-itm-link{color:rgba(255,255,255,1)}
.n-itm-link:hover{color:rgba(0,80,255,1)}
.n-itm-child{background-color:rgba(240,240,240,1);display:block !important;left:0;position:fixed;top:100px;z-index:-1;transition:all .3s linear;box-shadow:0 10px 50px rgba(0,0,0,.2)}
.n-itm-child ul{padding:30px}
.n-itm-child ul li{max-width:320px;padding:10px}
.n-itm-child ul li a{}
.n-itm-child ul li a .nic-thumb{transition:all .3s}
.n-itm-child ul li a span{font-size:15px;margin-top:5px;transition:all .3s}
.n-itm-child{height:0}
#gl-header.mdl-scrollhide.hide .n-itm-child{height:0}
.n-item.businesscontent:hover > .n-itm-child{height:320px}
.n-item.aboutus:hover > .n-itm-child{height:320px}
.n-item.overseasbase:hover > .n-itm-child{height:320px}
.n-item:hover{transition:all .3s ease-out}
.n-itm-child ul li a:hover .nic-thumb{transform:scale(0.9);box-shadow:5px -5px 30px rgba(0,0,0,.2)}
.n-itm-child ul li a:hover span{color:rgba(0,90,200,1)}
}@media (min-width:751px) and (max-width:1629px){.n-itm-link{padding:0 10px;font-size:16px;font-weight: 700;}
}@media (min-width:751px) and (max-width:1379px){#glh-wrap{height:60px}
.chiiki_kenin_kigyou_landscape{display:none}
.glh-scrollarea{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;flex-flow:wrap-reverse}
.n-itm-link{font-size:11px;height:40px;padding:0 5px}
.n-itm-child ul{flex-wrap:wrap}
.n-itm-child ul li{max-width:33.33333333333333%}
.n-item.businesscontent:hover > .n-itm-child{height:500px}
.n-item.aboutus:hover > .n-itm-child{height:480px}
.n-item.overseasbase:hover > .n-itm-child{height:270px}
}@media (max-width:750px){#glnav{min-height:calc(100vh - 60px);opacity:0;position:fixed;left:200%;top:0;transition:opacity 1s}
.glh-scrollarea{height:100vh;overflow-x:hidden;overflow-y:scroll;padding:35px 35px 160px;box-sizing:border-box}
.n-item{border-bottom:1px solid rgba(0,0,0,.2);display:flex;justify-content:flex-start}
.n-itm-link{font-size:18px;line-height:1;letter-spacing:5px;opacity:0;padding:30px 0;width:100%;justify-content:flex-start;transform:scale(1.5) translate(80px,-20px)}
.n-itm-link.acd-tgl:after{background-image:url(/img/plus-navy.svg);background-position:center;background-size:cover;content:'';height:35px;position:absolute;right:0;top:50%;width:35px;transform:translateY(-50%);transition:all .3s}
.n-item:nth-child(1) .n-itm-link{transition:opacity 1.2s ease 0.2s,transform 1.2s ease 0.2s}
.n-item:nth-child(2) .n-itm-link{transition:opacity 1.2s ease 0.4s,transform 1.2s ease 0.4s}
.n-item:nth-child(3) .n-itm-link{transition:opacity 1.2s ease 0.6s,transform 1.2s ease 0.6s}
.n-item:nth-child(4) .n-itm-link{transition:opacity 1.2s ease 0.8s,transform 1.2s ease 0.8s}
.n-item:nth-child(5) .n-itm-link{transition:opacity 1.2s ease 1.0s,transform 1.2s ease 1.0s}
.n-item:nth-child(6) .n-itm-link{transition:opacity 1.2s ease 1.2s,transform 1.2s ease 1.2s}
.n-item:nth-child(7) .n-itm-link{transition:opacity 1.2s ease 1.4s,transform 1.2s ease 1.4s}
.n-item:nth-child(8) .n-itm-link{transition:opacity 1.2s ease 1.6s,transform 1.2s ease 1.6s}
.n-item:nth-child(9) .n-itm-link{transition:opacity 1.2s ease 1.8s,transform 1.2s ease 1.8s}
.n-itm-link.pc{display:none}
.glnav-open #gt-wrap{}
.glnav-open #glnav{left:0;opacity:1;padding-bottom:60px;padding-top:60px;width:100%}
.glnav-open .n-item{}
.glnav-open .n-itm-link{opacity:1;transform:scale(1) translate(0)}
.acd-open .n-itm-link{color:rgba(0,90,200,1)}
.acd-open .n-itm-link.acd-tgl:after{transform:translateY(-50%) rotate(135deg)}
.n-itm-child{display:none}
.n-itm-child ul{flex-wrap:wrap;justify-content:flex-start}
.n-itm-child ul li{width:48.5%;margin-left: 1.5%;}
.n-itm-child ul li a{padding-bottom:20px}
.n-itm-child ul li a .nic-thumb{}
.n-itm-child ul li a span{font-size:13px;margin-top:7.5px}
}#glh-triggerarea{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:flex-end;transition:all .4s ease}
.ghta-item{display:inline-flex;align-items:center;justify-content:center;flex-direction:column;box-sizing:border-box}
.ghta-item i img{}
.ghta-item span{text-align:center;display:inline-flex;align-items:center;justify-content:center}
.ghta-item.store{background-color:rgba(245,230,230,1);color:rgba(205,30,25,1)}
.ghta-item.lang{background-color:rgba(215,245,255,1);color:rgba(15,40,75,1)}
.ghta-item.lang.cs{background-color:rgba(0,0,0,.2);color:rgba(0,0,0,.5);cursor:default;opacity:.4;pointer-events:none}
.ghta-item.inquiry{background-color:rgba(15,40,75,1);color:rgba(255,255,255,1)}
.ghta-item.entry{}
.l_official .ghta-item.entry{display:none}
@media (min-width:751px){#glh-triggerarea{padding-left:20px}
.ghta-item{height:100px;padding:0 15px}
.ghta-item i img{margin-bottom:10px}
.ghta-item span{font-size:15px;line-height:1.25;letter-spacing:3px}
.ghta-item.store i img{width:30px}
.ghta-item.lang i img{width:25px}
.ghta-item.inquiry i img{width:20px}
#glnav-trigger{display:none}
}@media (min-width:751px) and (max-width:1400px){.ghta-item{padding:0 10px}
.ghta-item span{font-size:13px}
}@media (min-width:751px) and (max-width:1110px){#glh-triggerarea{padding-left:10px}
}@media (max-width:750px){#glh-triggerarea{margin-left:151px}
.ghta-item{height:60px;width:55px}
.ghta-item i img{}
.ghta-item span{font-size:0;text-indent:-9999px;color:transparent}
.ghta-item.store i img{width:25px}
.ghta-item.lang i img{width:25px}
.ghta-item.inquiry i img{width:20px}
#glnav-trigger{background-color:rgb(255 255 255 / 5%);color:rgba(70,70,70,1);cursor:pointer;display:table;height:60px;width:59px;transition:all .3s ease}
#gt-wrap{display:table-cell;height:100%;width:100%;vertical-align:middle;text-align:center;transition:all .3s ease}
#gt-mark{margin:0 auto;height:20px;position:relative;width:25px;z-index:200}
#gt-mark span{background-color:rgba(70,70,70,1);display:block;height:4px;position:absolute;width:25px;transition:all .3s ease;border-radius:2px}
#gt-mark span:nth-child(1){top:0}
#gt-mark span:nth-child(2){top:8px}
#gt-mark span:nth-child(3){bottom:0}
#gt-txt{font-size:14px;font-weight:700;letter-spacing:-1px;margin-top:3px;word-break:keep-all}
.glnav-open #gt-mark span{}
.glnav-open #gt-mark span:nth-child(1){top:0;-webkit-transform:translateY(10px) rotate(-45deg);transform:translateY(10px) rotate(-45deg)}
.glnav-open #gt-mark span:nth-child(2){width:0}
.glnav-open #gt-mark span:nth-child(3){top:19px;-webkit-transform:translateY(-10px) rotate(45deg);transform:translateY(-10px) rotate(45deg)}
}#intro{position:relative}
@media (min-width:751px){#intro{}
}@media (max-width:750px){#intro{}
}.container{position:relative}
@media (min-width:751px){.container{}
}@media (max-width:750px){.container{}
}.newscategorylist{margin:0 auto;display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;box-sizing:border-box}
.ncl-item{border:1px solid;display:inline-flex;align-items:center;justify-content:center;border-radius:100px}
.ncl-item.newscat-1{border-color:rgba(15,40,75,1);color:rgba(15,40,75,1)}
.ncl-item.newscat-2{border-color:rgba(165,0,0,1);color:rgba(165,0,0,1)}
.ncl-item.newscat-3{border-color:rgba(0,160,230,1);color:rgba(0,160,230,1)}
.ncl-item.newscat-4{border-color:rgba(85,85,85,1);color:rgba(85,85,85,1)}
.ncl-item.current{background-color:rgba(150,150,150,1);color:rgba(255,255,255,1)}
.ncl-item.newscat-1.current{background-color:rgba(15,40,75,1);color:rgba(255,255,255,1)}
.ncl-item.newscat-2.current{background-color:rgba(165,0,0,1);color:rgba(255,255,255,1)}
.ncl-item.newscat-3.current{background-color:rgba(0,160,230,1);color:rgba(255,255,255,1)}
.ncl-item.newscat-4.current{background-color:rgba(85,85,85,1);color:rgba(255,255,255,1)}
.newslist-wrap{}
.newslist{margin:0 auto}
.newslist-item{border-bottom:1px solid rgba(220,220,220,1);position:relative;display:flex;align-items:center;justify-content:flex-start}
.newslist-item .new{border-bottom:1px solid rgba(229,34,134,1);color:rgba(229,34,134,1);font-style:oblique;width:100%;display:inline-flex;align-items:center;justify-content:flex-start}
#home .newslist-item:nth-child(n+4){display:none}
.news-dataarea{position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start}
.news-data{}
.news-cat{color:rgba(255,255,255,1);display:inline-flex;align-items:center;justify-content:center}
.newscat-1 .news-cat{background-color:rgba(15,40,75,1)}
.newscat-2 .news-cat{background-color:rgba(165,0,0,1)}
.newscat-3 .news-cat{background-color:rgba(0,160,230,1)}
.newscat-4 .news-cat{background-color:rgba(85,85,85,1)}
.news-ttl{color:rgba(0,0,0,1);font-weight:400}
a.newslist-item .news-ttl{color:rgba(0,0,0,1)}
.newspagenation{margin:0 auto}
.post_pager_inr{display:flex;align-items:center;justify-content:center}
.pgr_txt{display:flex;align-items:center;justify-content:center}
.pgr_txt img{max-width:none;width:auto}
.pgr_num{display:flex;flex-wrap:wrap;align-items:center;justify-content:center}
.pgr_num_itm{border-left:1px solid rgba(220,220,220,1);border-right:1px solid rgba(220,220,220,1);display:inline-flex;align-items:center;justify-content:center}
.pgr_num_itm.active{background-color:rgba(15,40,75,1);color:rgba(255,255,255,1)}
@media (min-width:751px){.newscategorylist{max-width:1200px;padding:50px 30px}
.ncl-item{font-size:20px;height:50px;margin:0 15px 20px;width:195px;transition:all .3s}
.ncl-item.current:hover{background-color:rgba(150,150,150,1);color:rgba(255,255,255,1)}
.ncl-item.newscat-1:hover{background-color:rgba(15,40,75,1);color:rgba(255,255,255,1)}
.ncl-item.newscat-2:hover{background-color:rgba(165,0,0,1);color:rgba(255,255,255,1)}
.ncl-item.newscat-3:hover{background-color:rgba(0,160,230,1);color:rgba(255,255,255,1)}
.ncl-item.newscat-4:hover{background-color:rgba(85,85,85,1);color:rgba(255,255,255,1)}
.newslist-wrap{}
.newslist{max-width:1200px}
.newslist-item{padding:50px 0;transition:all .3s}
.newslist-item .new{font-size:18px;letter-spacing:3px;height:25px;margin-bottom:10px}
a.newslist-item:hover{box-shadow:0 0 30px rgba(0,0,0,.1)}
.news-dataarea{min-width:250px;max-width:250px;padding-right:50px;transition:all .3s}
.news-data{font-size:20px;min-width:140px}
.news-cat{font-size:17px;height:30px;min-width:100px;max-width:100px}
a.newslist-item:hover .news-dataarea{padding-left:25px;padding-right:25px}
.news-ttl{font-size:17px;line-height:1.75;padding-right:20px;transition:all .3s}
a.newslist-item:hover .news-ttl{color:rgba(15,40,75,1)}
.newspagenation{margin-top:50px}
.post_pager_inr{}
.pgr_txt{transition:all .3s}
.pgr_num{margin:0 20px}
.pgr_num_itm{margin:5px 0;transition:all .3s}
#news .pgr_txt,#news .pgr_num_itm{font-size:30px;height:50px}
#news .pgr_txt{margin:0 5px;width:40px}
#news .pgr_txt img{height:30px}
#news .pgr_num_itm{font-size:30px;width:60px}
#news_detail .pgr_txt,#news_detail .pgr_num_itm{font-size:20px;padding:0 30px;min-width:130px}
#news_detail .pgr_txt img{margin:0 15px;height:20px}
.pgr_txt:hover{opacity:.3}
#news .pgr_num_itm:hover{background-color:rgba(15,40,75,1);color:rgba(255,255,255,1)}
#news_detail .pgr_num_itm:hover{opacity:.3}
}@media (max-width:750px){.newscategorylist{padding:30px 20px}
.ncl-item{font-size:16px;height:50px;margin:0 1% 15px;width:47%}
.newslist-wrap{}
.newslist{padding:0 25px}
.newslist-item{padding:30px 0;flex-direction:column;align-items:flex-start}
.newslist-item .new{border-top:1px solid rgba(229,34,134,1);font-size:15px;height:25px;margin-right:20px;width:50px}
.news-dataarea{}
.news-data{font-size:15px;margin-right:20px}
.news-cat{font-size:15px;height:25px;min-width:100px;max-width:100px}
.news-ttl{font-size:15px;line-height:1.75;margin-top:15px}
.newspagenation{margin-top:50px}
.post_pager_inr{padding:0 20px}
.pgr_txt{}
.pgr_num{}
.pgr_num_itm{font-size:20px;height:50px;margin:5px 0;width:50px}
#news .pgr_num{margin:0 15px}
#news .pgr_txt,#news .pgr_num_itm{font-size:16px;height:50px}
#news .pgr_txt{margin:0 5px;width:30px}
#news .pgr_txt img{height:20px}
#news .pgr_num_itm{font-size:20px;width:50px}
#news_detail .pgr_txt:first-child{text-align:right}
#news_detail .pgr_txt:last-child{text-align:left}
#news_detail .pgr_txt,#news_detail .pgr_num_itm{font-size:15px;min-width:120px;text-align:center}
#news_detail .pgr_txt img{margin:0 10px;height:20px}
}#gl-footer{background-color:rgba(255,255,255,1)}
.glf-block{margin:0 auto;display:flex;justify-content:center;box-sizing:border-box}
.glf-block.upper{}
.glf-block.bottom{background-color:rgba(10,20,45,1);color:rgba(255,255,255,1);align-items:center}
.glf-blk-item{box-sizing:border-box}
@media (min-width:751px){#gl-footer{}
.glf-block.upper{padding:75px 30px}
.glf-block.bottom{padding:20px 100px;flex-flow:row-reverse;justify-content:space-between}
.glf-block.upper .glf-blk-item{padding:0 30px}
}@media (min-width:751px) and (max-width:1382px){.glf-block.upper .glf-blk-item:nth-child(1){max-width:500px}
.glf-block.upper .glf-blk-item:nth-child(2){min-width:630px}
}@media (max-width:1060px){.glf-block{flex-wrap:wrap}
.glf-blk-item{width:100%}
}@media (max-width:750px){#gl-footer{padding-top:30px}
.glf-block{}
.glf-block.bottom{padding:10px 55px 10px 30px}
.glf-blk-item{border-bottom:1px solid rgba(10,20,45,.5)}
}.glf-ttlarea{display:flex;align-items:center;flex-wrap:wrap}
@media (min-width:751px){.glf-ttlarea{justify-content:flex-start}
.glf-ttlarea .com-logo{margin-right:40px;width:250px}
.glf-ttlarea .com-social{padding:20px 0}
.glf-ttlarea .csl-item{height:60px;margin:5px;width:60px}
}@media (max-width:750px){.glf-ttlarea{padding:20px 0;justify-content:center;flex-direction:column}
.glf-ttlarea .com-logo{width:200px}
.glf-ttlarea .com-social{margin-top:30px}
.glf-ttlarea .csl-item{height:40px;margin:5px;width:40px}
}.f-addressarea{border-bottom:1px solid rgba(10,20,45,.5);border-top:2px solid rgba(10,20,45,1)}
.f-aa-item{}
.f-aa-item dt{}
.f-aa-item dd{display:flex;justify-content:flex-start;flex-direction:column}
.f-aa-item dd span{display:flex;justify-content:flex-start;flex-wrap:wrap}
.f-aa-item dd span a{color:rgba(0,30,90,1);display:inline-block}
@media (min-width:751px){.f-addressarea{padding-top:20px}
.f-aa-item{margin-bottom:20px}
.f-aa-item dt{font-size:20px;line-height:2}
.f-aa-item dd{font-size:17px;line-height:1.85}
.f-aa-item dd span a{margin-right:20px;pointer-events:none}
}@media (max-width:750px){.f-addressarea{padding:20px 30px 0}
.f-aa-item{margin-bottom:20px}
.f-aa-item dt{font-size:15px;line-height:2}
.f-aa-item dd{font-size:13px;line-height:1.85;padding-left:20px}
.f-aa-item dd span a{margin-right:15px}
}#gl-footer .com-authentication{}
#gl-footer .catc-item{}
@media (min-width:751px){#gl-footer .com-authentication{padding:20px 0}
#gl-footer .catc-item{max-width:130px;margin-bottom:15px;margin-right:40px}
#gl-footer .catc-item:last-child{margin-bottom:0;margin-right:0}
}@media (max-width:750px){#gl-footer .com-authentication{padding:20px;justify-content:center;flex-wrap:unset}
#gl-footer .catc-item{max-width:120px;margin-right:15px}
#gl-footer .catc-item:last-child{margin-bottom:0;margin-right:0}
}.f-navarea{display:flex;justify-content:flex-start}
.f-navarea a{color:rgba(0,30,90,1)}
.fna-blk-parent{position:relative}
.fna-blk-child li a{display:block}
@media (min-width:751px){.f-navarea{max-width:650px}
.fna-block{}
.fna-item{padding:10px 30px;min-height:200px;display:flex;flex-direction:column}
.fna-item:last-child{min-height:150px}
.fna-blk-parent{font-size:20px;line-height:2.35}
.fna-blk-child{display:block !important}
.fna-blk-child li{font-size:17px;line-height:1.85}
.f-navarea a{transition:all .3s}
.f-navarea a:hover{color:rgba(0,160,230,1)}
}@media (max-width:750px){.f-navarea{padding:30px 30px 0;flex-wrap:wrap}
.fna-block{width:100%}
.fna-item{}
.fna-block:last-child .fna-item:last-child{margin-bottom:0}
.fna-blk-parent{font-size:15px;line-height:2;padding:20px 15px}
.fna-blk-parent.solo{display:inline-flex}
.fna-blk-parent.acd-tgl{background-color:rgba(0,0,0,.05);border-top:1px solid rgba(10,20,45,.2);margin-right:0;padding:15px 20px}
.fna-blk-parent.acd-tgl:after{content:'+';height:40px;font-size:18px;position:absolute;right:0;top:50%;width:40px;transform:translateY(-50%);display:flex;align-items:center;justify-content:center}
.fna-item.acd-open .fna-blk-parent.acd-tgl:after{content:'-';font-size:25px}
.fna-blk-child{display:none;padding-left:20px}
.fna-blk-child li{border-bottom:1px dotted rgba(10,20,45,.5);font-size:15px;line-height:1.85}
.fna-blk-child li:last-child{border-bottom:none}
.fna-blk-child li a{padding:15px 0}
}.f-bannerarea{display:flex;justify-content:center}
.fba-item{width:100%;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box}
.fba-item.onlinestore{border:1px solid rgba(10,20,45,.5)}
.fba-item.onlinestore i{}
.fba-item.onlinestore i img{width:100%}
.fba-item.onlinestore p{text-align:center;display:inline-flex;flex-direction:column;align-items:center}
.fba-item.onlinestore p strong{font-weight:500;display:flex;align-items:center;justify-content:center;flex-wrap:wrap}
.fba-item.onlinestore p strong span{}
@media (min-width:751px){.f-bannerarea{padding:20px 30px}
.fba-item{margin-bottom:15px;transition:all .3s}
.fba-item:last-child{margin-bottom:0}
.fba-item.onlinestore{padding:20px 30px}
.fba-item.onlinestore i{transition:all .3s}
.fba-item.onlinestore i img{max-width:50px;min-width:50px;transition:all .3s}
.fba-item.onlinestore p{font-size:20px;letter-spacing:3px;line-height:1.2;margin-left:15px}
.fba-item.onlinestore p strong{font-size:150%}
.fba-item.onlinestore:hover{border:1px solid rgba(10,20,45,0);color:rgba(210,0,0,1);box-shadow:0px 0px 40px rgba(0,0,0,.2)}
}@media (max-width:750px){.f-bannerarea{padding:20px}
.fba-item{margin-bottom:15px}
.fba-item:last-child{margin-bottom:0}
.fba-item.onlinestore{padding:20px}
.fba-item.onlinestore i{}
.fba-item.onlinestore i img{max-width:30px;min-width:30px}
.fba-item.onlinestore p{font-size:15px;letter-spacing:3px;line-height:1.2;margin-left:10px}
.fba-item.onlinestore p strong{font-size:150%}
}.f-linkarea{display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap}
.fla-item{color:rgba(130,145,175,1);display:inline-flex;align-items:center;justify-content:flex-start}
@media (min-width:751px){.f-linkarea{}
.fla-item{font-size:17px;line-height:1.5;padding:10px 25px}
.fla-item:hover{color:rgba(255,255,255,1)}
}@media (max-width:750px){.f-linkarea{width:100%;flex-direction:column}
.fla-item{border-bottom:1px dotted rgba(255,255,255,.3);font-size:14px;line-height:1.5;padding:15px 0;width:100%}
.fla-item:last-child{}
}.f-copy{color:rgba(130,145,175,1)}
@media (min-width:751px){.f-copy{font-size:13px;line-height:1.5}
}@media (max-width:750px){.f-copy{font-size:12px;line-height:1.5;padding:30px 0}
}@media print{body{padding-top:0}
#gl-header{position:relative}
#gl-header.mdl-scrollhide.hide{margin-top:0}
}@media print and (min-width:751px){}
@media print and (max-width:750px){}
@charset 'UTF-8';html{line-height:1.15;-webkit-text-size-adjust:100%}
body{margin:0}
a{background-color:transparent}
img{border-style:none}
#mv{width:100%;height:100vh;background:url("https://www.nakatoku-steel.com/wp-content/themes/nakashima/images/front/mv/01.png") no-repeat center center/cover;position:fixed;top:0;left:0;z-index:-1}
#mv_bg{width:100%;height:100vh;position:absolute;top:0;left:0}
#mv .inner{width:100%;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;padding-top:100px;box-sizing:border-box;position:absolute;top:0;left:0}
#mv .catch_01{font-weight:700;line-height:1;margin:0 auto 30px;width:60%;max-width:360px}
#mv .catch_01 > span:nth-child(1),#mv .catch_01 > span:nth-child(3){font-size:5.75rem}
#mv .catch_01 > span:nth-child(2){font-size:3.75rem;margin:0 0.25em}
#mv .catch_02{text-align:center;border-top:1px solid #fff;padding-top:30px}
#mv .catch_02 > div:nth-child(1){letter-spacing:0.2em;line-height:1;margin-bottom:30px}
#mv .catch_02 > div:nth-child(1) > span:nth-child(1),#mv .catch_02 > div:nth-child(1) > span:nth-child(3){font-size:2.25rem}
#mv .catch_02 > div:nth-child(1) > span:nth-child(2){font-size:1.5rem;margin:0 0.25em}
#mv .catch_02 > div:nth-child(2){font-weight:500;line-height:2}
#mv .catch_02 .catch_02_br{display:none}
#mv .catch_02 .catch_02_br_02{display:none}
#mv .mv_bg{padding-top:100vh;position:relative;height:0;overflow:hidden}
.front .bizcontid-flow-label img{margin:0 -0.5%;width:14%}
@media (max-width:750px){.bizcontid-flow-label{margin:0 20px}
.bizcontid-flow-label img{margin-bottom:10px}
.bizcontid-flow-label img{width:23%}
}@charset "UTF-8";html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font:inherit;font-size:100%;vertical-align:baseline}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
html,body{width:100%;height:100%;line-height:1}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
table{border-collapse:collapse;border-spacing:0}
.clearfix{zoom:1}
.clearfix:before,.clearfix:after{content:"";display:table}
.clearfix:after{clear:both}
.mont_R{font-family:'微软雅黑',sans-serif}
.mont_B{font-family:'微软雅黑';font-weight:700}
.mont_K{font-family:'微软雅黑';font-weight:900}
.oswald_M{font-family:'微软雅黑';font-weight:500}
.oswald_B{font-family:'微软雅黑';font-weight:700}
.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}
@-webkit-keyframes bounce{0%,20%,50%,80%,100%{-webkit-transform:translateY(0);transform:translateY(0)}
40%{-webkit-transform:translateY(-30px);transform:translateY(-30px)}
60%{-webkit-transform:translateY(-15px);transform:translateY(-15px)}
}@keyframes bounce{0%,20%,50%,80%,100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
40%{-webkit-transform:translateY(-30px);-ms-transform:translateY(-30px);transform:translateY(-30px)}
60%{-webkit-transform:translateY(-15px);-ms-transform:translateY(-15px);transform:translateY(-15px)}
}.bounce{-webkit-animation-name:bounce;animation-name:bounce}
@-webkit-keyframes flash{0%,50%,100%{opacity:1}
25%,75%{opacity:0}
}@keyframes flash{0%,50%,100%{opacity:1}
25%,75%{opacity:0}
}.flash{-webkit-animation-name:flash;animation-name:flash}
@-webkit-keyframes pulse{0%{-webkit-transform:scale(1);transform:scale(1)}
50%{-webkit-transform:scale(1.1);transform:scale(1.1)}
100%{-webkit-transform:scale(1);transform:scale(1)}
}@keyframes pulse{0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
50%{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}
100%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
}.pulse{-webkit-animation-name:pulse;animation-name:pulse}
@-webkit-keyframes shake{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}
10%,30%,50%,70%,90%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}
20%,40%,60%,80%{-webkit-transform:translateX(10px);transform:translateX(10px)}
}@keyframes shake{0%,100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
10%,30%,50%,70%,90%{-webkit-transform:translateX(-10px);-ms-transform:translateX(-10px);transform:translateX(-10px)}
20%,40%,60%,80%{-webkit-transform:translateX(10px);-ms-transform:translateX(10px);transform:translateX(10px)}
}.shake{-webkit-animation-name:shake;animation-name:shake}
@-webkit-keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}
40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}
60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}
80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}
100%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
}@keyframes swing{20%{-webkit-transform:rotate(15deg);-ms-transform:rotate(15deg);transform:rotate(15deg)}
40%{-webkit-transform:rotate(-10deg);-ms-transform:rotate(-10deg);transform:rotate(-10deg)}
60%{-webkit-transform:rotate(5deg);-ms-transform:rotate(5deg);transform:rotate(5deg)}
80%{-webkit-transform:rotate(-5deg);-ms-transform:rotate(-5deg);transform:rotate(-5deg)}
100%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}
}.swing{-webkit-transform-origin:top center;-ms-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}
@-webkit-keyframes tada{0%{-webkit-transform:scale(1);transform:scale(1)}
10%,20%{-webkit-transform:scale(0.9) rotate(-3deg);transform:scale(0.9) rotate(-3deg)}
30%,50%,70%,90%{-webkit-transform:scale(1.1) rotate(3deg);transform:scale(1.1) rotate(3deg)}
40%,60%,80%{-webkit-transform:scale(1.1) rotate(-3deg);transform:scale(1.1) rotate(-3deg)}
100%{-webkit-transform:scale(1) rotate(0);transform:scale(1) rotate(0)}
}@keyframes tada{0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
10%,20%{-webkit-transform:scale(0.9) rotate(-3deg);-ms-transform:scale(0.9) rotate(-3deg);transform:scale(0.9) rotate(-3deg)}
30%,50%,70%,90%{-webkit-transform:scale(1.1) rotate(3deg);-ms-transform:scale(1.1) rotate(3deg);transform:scale(1.1) rotate(3deg)}
40%,60%,80%{-webkit-transform:scale(1.1) rotate(-3deg);-ms-transform:scale(1.1) rotate(-3deg);transform:scale(1.1) rotate(-3deg)}
100%{-webkit-transform:scale(1) rotate(0);-ms-transform:scale(1) rotate(0);transform:scale(1) rotate(0)}
}.tada{-webkit-animation-name:tada;animation-name:tada}
@-webkit-keyframes wobble{0%{-webkit-transform:translateX(0%);transform:translateX(0%)}
15%{-webkit-transform:translateX(-25%) rotate(-5deg);transform:translateX(-25%) rotate(-5deg)}
30%{-webkit-transform:translateX(20%) rotate(3deg);transform:translateX(20%) rotate(3deg)}
45%{-webkit-transform:translateX(-15%) rotate(-3deg);transform:translateX(-15%) rotate(-3deg)}
60%{-webkit-transform:translateX(10%) rotate(2deg);transform:translateX(10%) rotate(2deg)}
75%{-webkit-transform:translateX(-5%) rotate(-1deg);transform:translateX(-5%) rotate(-1deg)}
100%{-webkit-transform:translateX(0%);transform:translateX(0%)}
}@keyframes wobble{0%{-webkit-transform:translateX(0%);-ms-transform:translateX(0%);transform:translateX(0%)}
15%{-webkit-transform:translateX(-25%) rotate(-5deg);-ms-transform:translateX(-25%) rotate(-5deg);transform:translateX(-25%) rotate(-5deg)}
30%{-webkit-transform:translateX(20%) rotate(3deg);-ms-transform:translateX(20%) rotate(3deg);transform:translateX(20%) rotate(3deg)}
45%{-webkit-transform:translateX(-15%) rotate(-3deg);-ms-transform:translateX(-15%) rotate(-3deg);transform:translateX(-15%) rotate(-3deg)}
60%{-webkit-transform:translateX(10%) rotate(2deg);-ms-transform:translateX(10%) rotate(2deg);transform:translateX(10%) rotate(2deg)}
75%{-webkit-transform:translateX(-5%) rotate(-1deg);-ms-transform:translateX(-5%) rotate(-1deg);transform:translateX(-5%) rotate(-1deg)}
100%{-webkit-transform:translateX(0%);-ms-transform:translateX(0%);transform:translateX(0%)}
}.wobble{-webkit-animation-name:wobble;animation-name:wobble}
@-webkit-keyframes bounceIn{0%{opacity:0;-webkit-transform:scale(.3);transform:scale(.3)}
50%{opacity:1;-webkit-transform:scale(1.05);transform:scale(1.05)}
70%{-webkit-transform:scale(.9);transform:scale(.9)}
100%{-webkit-transform:scale(1);transform:scale(1)}
}@keyframes bounceIn{0%{opacity:0;-webkit-transform:scale(.3);-ms-transform:scale(.3);transform:scale(.3)}
50%{opacity:1;-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}
70%{-webkit-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9)}
100%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
}.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn}
@-webkit-keyframes bounceInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}
60%{opacity:1;-webkit-transform:translateY(30px);transform:translateY(30px)}
80%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}
100%{-webkit-transform:translateY(0);transform:translateY(0)}
}@keyframes bounceInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}
60%{opacity:1;-webkit-transform:translateY(30px);-ms-transform:translateY(30px);transform:translateY(30px)}
80%{-webkit-transform:translateY(-10px);-ms-transform:translateY(-10px);transform:translateY(-10px)}
100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
}.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}
@-webkit-keyframes bounceInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}
60%{opacity:1;-webkit-transform:translateX(30px);transform:translateX(30px)}
80%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}
100%{-webkit-transform:translateX(0);transform:translateX(0)}
}@keyframes bounceInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}
60%{opacity:1;-webkit-transform:translateX(30px);-ms-transform:translateX(30px);transform:translateX(30px)}
80%{-webkit-transform:translateX(-10px);-ms-transform:translateX(-10px);transform:translateX(-10px)}
100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
}.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}
@-webkit-keyframes bounceInRight{0%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}
60%{opacity:1;-webkit-transform:translateX(-30px);transform:translateX(-30px)}
80%{-webkit-transform:translateX(10px);transform:translateX(10px)}
100%{-webkit-transform:translateX(0);transform:translateX(0)}
}@keyframes bounceInRight{0%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}
60%{opacity:1;-webkit-transform:translateX(-30px);-ms-transform:translateX(-30px);transform:translateX(-30px)}
80%{-webkit-transform:translateX(10px);-ms-transform:translateX(10px);transform:translateX(10px)}
100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
}.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}
@-webkit-keyframes bounceInUp{0%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}
60%{opacity:1;-webkit-transform:translateY(-30px);transform:translateY(-30px)}
80%{-webkit-transform:translateY(10px);transform:translateY(10px)}
100%{-webkit-transform:translateY(0);transform:translateY(0)}
}@keyframes bounceInUp{0%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}
60%{opacity:1;-webkit-transform:translateY(-30px);-ms-transform:translateY(-30px);transform:translateY(-30px)}
80%{-webkit-transform:translateY(10px);-ms-transform:translateY(10px);transform:translateY(10px)}
100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
}.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}
@-webkit-keyframes bounceOut{0%{-webkit-transform:scale(1);transform:scale(1)}
25%{-webkit-transform:scale(.95);transform:scale(.95)}
50%{opacity:1;-webkit-transform:scale(1.1);transform:scale(1.1)}
100%{opacity:0;-webkit-transform:scale(.3);transform:scale(.3)}
}@keyframes bounceOut{0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
25%{-webkit-transform:scale(.95);-ms-transform:scale(.95);transform:scale(.95)}
50%{opacity:1;-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}
100%{opacity:0;-webkit-transform:scale(.3);-ms-transform:scale(.3);transform:scale(.3)}
}.bounceOut{-webkit-animation-name:bounceOut;animation-name:bounceOut}
@-webkit-keyframes bounceOutDown{0%{-webkit-transform:translateY(0);transform:translateY(0)}
20%{opacity:1;-webkit-transform:translateY(-20px);transform:translateY(-20px)}
100%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}
}@keyframes bounceOutDown{0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
20%{opacity:1;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px)}
100%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}
}.bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}
@-webkit-keyframes bounceOutLeft{0%{-webkit-transform:translateX(0);transform:translateX(0)}
20%{opacity:1;-webkit-transform:translateX(20px);transform:translateX(20px)}
100%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}
}@keyframes bounceOutLeft{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
20%{opacity:1;-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px)}
100%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}
}.bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}
@-webkit-keyframes bounceOutRight{0%{-webkit-transform:translateX(0);transform:translateX(0)}
20%{opacity:1;-webkit-transform:translateX(-20px);transform:translateX(-20px)}
100%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}
}@keyframes bounceOutRight{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
20%{opacity:1;-webkit-transform:translateX(-20px);-ms-transform:translateX(-20px);transform:translateX(-20px)}
100%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}
}.bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}
@-webkit-keyframes bounceOutUp{0%{-webkit-transform:translateY(0);transform:translateY(0)}
20%{opacity:1;-webkit-transform:translateY(20px);transform:translateY(20px)}
100%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}
}@keyframes bounceOutUp{0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
20%{opacity:1;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px)}
100%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}
}.bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}
@-webkit-keyframes fadeIn{0%{opacity:0}
100%{opacity:1}
}@keyframes fadeIn{0%{opacity:0}
100%{opacity:1}
}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}
@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}
100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}
}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px)}
100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}
@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}
100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
}.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}
@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-20px);transform:translateX(-20px)}
100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}
}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-20px);-ms-transform:translateX(-20px);transform:translateX(-20px)}
100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}
@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}
100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
}.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}
@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(20px);transform:translateX(20px)}
100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}
}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px)}
100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}
@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}
100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}
}@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}
100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
}.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}
@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}
100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}
}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px)}
100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}
@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}
100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}
}@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}
100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
}.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}
@-webkit-keyframes fadeOut{0%{opacity:1}
100%{opacity:0}
}@keyframes fadeOut{0%{opacity:1}
100%{opacity:0}
}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}
@-webkit-keyframes fadeOutDown{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}
100%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}
}@keyframes fadeOutDown{0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
100%{opacity:0;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px)}
}.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}
@-webkit-keyframes fadeOutDownBig{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}
100%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}
}@keyframes fadeOutDownBig{0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
100%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}
}.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}
@-webkit-keyframes fadeOutLeft{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}
100%{opacity:0;-webkit-transform:translateX(-20px);transform:translateX(-20px)}
}@keyframes fadeOutLeft{0%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
100%{opacity:0;-webkit-transform:translateX(-20px);-ms-transform:translateX(-20px);transform:translateX(-20px)}
}.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}
@-webkit-keyframes fadeOutLeftBig{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}
100%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}
}@keyframes fadeOutLeftBig{0%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
100%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}
}.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}
@-webkit-keyframes fadeOutRight{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}
100%{opacity:0;-webkit-transform:translateX(20px);transform:translateX(20px)}
}@keyframes fadeOutRight{0%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
100%{opacity:0;-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px)}
}.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}
@-webkit-keyframes fadeOutRightBig{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}
100%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}
}@keyframes fadeOutRightBig{0%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
100%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}
}.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}
@-webkit-keyframes fadeOutUp{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}
100%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}
}@keyframes fadeOutUp{0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
100%{opacity:0;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px)}
}.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}
@-webkit-keyframes fadeOutUpBig{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}
100%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}
}@keyframes fadeOutUpBig{0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
100%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}
}.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}
@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) translateZ(0) rotateY(0) scale(1);transform:perspective(400px) translateZ(0) rotateY(0) scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
80%{-webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
100%{-webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
}@keyframes flip{0%{-webkit-transform:perspective(400px) translateZ(0) rotateY(0) scale(1);-ms-transform:perspective(400px) translateZ(0) rotateY(0) scale(1);transform:perspective(400px) translateZ(0) rotateY(0) scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);-ms-transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);-ms-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
80%{-webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);-ms-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
100%{-webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);-ms-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
}.animated.flip{-webkit-backface-visibility:visible;-ms-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}
@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}
40%{-webkit-transform:perspective(400px) rotateX(-10deg);transform:perspective(400px) rotateX(-10deg)}
70%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg)}
100%{-webkit-transform:perspective(400px) rotateX(0deg);transform:perspective(400px) rotateX(0deg);opacity:1}
}@keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);-ms-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}
40%{-webkit-transform:perspective(400px) rotateX(-10deg);-ms-transform:perspective(400px) rotateX(-10deg);transform:perspective(400px) rotateX(-10deg)}
70%{-webkit-transform:perspective(400px) rotateX(10deg);-ms-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg)}
100%{-webkit-transform:perspective(400px) rotateX(0deg);-ms-transform:perspective(400px) rotateX(0deg);transform:perspective(400px) rotateX(0deg);opacity:1}
}.flipInX{-webkit-backface-visibility:visible !important;-ms-backface-visibility:visible !important;backface-visibility:visible !important;-webkit-animation-name:flipInX;animation-name:flipInX}
@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}
40%{-webkit-transform:perspective(400px) rotateY(-10deg);transform:perspective(400px) rotateY(-10deg)}
70%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg)}
100%{-webkit-transform:perspective(400px) rotateY(0deg);transform:perspective(400px) rotateY(0deg);opacity:1}
}@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);-ms-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}
40%{-webkit-transform:perspective(400px) rotateY(-10deg);-ms-transform:perspective(400px) rotateY(-10deg);transform:perspective(400px) rotateY(-10deg)}
70%{-webkit-transform:perspective(400px) rotateY(10deg);-ms-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg)}
100%{-webkit-transform:perspective(400px) rotateY(0deg);-ms-transform:perspective(400px) rotateY(0deg);transform:perspective(400px) rotateY(0deg);opacity:1}
}.flipInY{-webkit-backface-visibility:visible !important;-ms-backface-visibility:visible !important;backface-visibility:visible !important;-webkit-animation-name:flipInY;animation-name:flipInY}
@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px) rotateX(0deg);transform:perspective(400px) rotateX(0deg);opacity:1}
100%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}
}@keyframes flipOutX{0%{-webkit-transform:perspective(400px) rotateX(0deg);-ms-transform:perspective(400px) rotateX(0deg);transform:perspective(400px) rotateX(0deg);opacity:1}
100%{-webkit-transform:perspective(400px) rotateX(90deg);-ms-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}
}.flipOutX{-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-backface-visibility:visible !important;-ms-backface-visibility:visible !important;backface-visibility:visible !important}
@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px) rotateY(0deg);transform:perspective(400px) rotateY(0deg);opacity:1}
100%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}
}@keyframes flipOutY{0%{-webkit-transform:perspective(400px) rotateY(0deg);-ms-transform:perspective(400px) rotateY(0deg);transform:perspective(400px) rotateY(0deg);opacity:1}
100%{-webkit-transform:perspective(400px) rotateY(90deg);-ms-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}
}.flipOutY{-webkit-backface-visibility:visible !important;-ms-backface-visibility:visible !important;backface-visibility:visible !important;-webkit-animation-name:flipOutY;animation-name:flipOutY}
@-webkit-keyframes lightSpeedIn{0%{-webkit-transform:translateX(100%) skewX(-30deg);transform:translateX(100%) skewX(-30deg);opacity:0}
60%{-webkit-transform:translateX(-20%) skewX(30deg);transform:translateX(-20%) skewX(30deg);opacity:1}
80%{-webkit-transform:translateX(0%) skewX(-15deg);transform:translateX(0%) skewX(-15deg);opacity:1}
100%{-webkit-transform:translateX(0%) skewX(0deg);transform:translateX(0%) skewX(0deg);opacity:1}
}@keyframes lightSpeedIn{0%{-webkit-transform:translateX(100%) skewX(-30deg);-ms-transform:translateX(100%) skewX(-30deg);transform:translateX(100%) skewX(-30deg);opacity:0}
60%{-webkit-transform:translateX(-20%) skewX(30deg);-ms-transform:translateX(-20%) skewX(30deg);transform:translateX(-20%) skewX(30deg);opacity:1}
80%{-webkit-transform:translateX(0%) skewX(-15deg);-ms-transform:translateX(0%) skewX(-15deg);transform:translateX(0%) skewX(-15deg);opacity:1}
100%{-webkit-transform:translateX(0%) skewX(0deg);-ms-transform:translateX(0%) skewX(0deg);transform:translateX(0%) skewX(0deg);opacity:1}
}.lightSpeedIn{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
@-webkit-keyframes lightSpeedOut{0%{-webkit-transform:translateX(0%) skewX(0deg);transform:translateX(0%) skewX(0deg);opacity:1}
100%{-webkit-transform:translateX(100%) skewX(-30deg);transform:translateX(100%) skewX(-30deg);opacity:0}
}@keyframes lightSpeedOut{0%{-webkit-transform:translateX(0%) skewX(0deg);-ms-transform:translateX(0%) skewX(0deg);transform:translateX(0%) skewX(0deg);opacity:1}
100%{-webkit-transform:translateX(100%) skewX(-30deg);-ms-transform:translateX(100%) skewX(-30deg);transform:translateX(100%) skewX(-30deg);opacity:0}
}.lightSpeedOut{-webkit-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
@-webkit-keyframes rotateIn{0%{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}
100%{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}
}@keyframes rotateIn{0%{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(-200deg);-ms-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}
100%{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}
}.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}
@-webkit-keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}
100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}
}@keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}
100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}
}.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}
@-webkit-keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}
100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}
}@keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);opacity:0}
100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}
}.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}
@-webkit-keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}
100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}
}@keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);opacity:0}
100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}
}.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}
@-webkit-keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}
100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}
}@keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}
100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}
}.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}
@-webkit-keyframes rotateOut{0%{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}
100%{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}
}@keyframes rotateOut{0%{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}
100%{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(200deg);-ms-transform:rotate(200deg);transform:rotate(200deg);opacity:0}
}.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut}
@-webkit-keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}
100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}
}@keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}
100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);opacity:0}
}.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}
@-webkit-keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}
100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}
}@keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}
100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}
}.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}
@-webkit-keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}
100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}
}@keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}
100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}
}.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}
@-webkit-keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}
100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}
}@keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}
100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);opacity:0}
}.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}
@-webkit-keyframes slideInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}
100%{-webkit-transform:translateY(0);transform:translateY(0)}
}@keyframes slideInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}
100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
}.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}
@-webkit-keyframes slideInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}
100%{-webkit-transform:translateX(0);transform:translateX(0)}
}@keyframes slideInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}
100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
}.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}
@-webkit-keyframes slideInRight{0%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}
100%{-webkit-transform:translateX(0);transform:translateX(0)}
}@keyframes slideInRight{0%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}
100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
}.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}
@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translateX(0);transform:translateX(0)}
100%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}
}@keyframes slideOutLeft{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
100%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}
}.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}
@-webkit-keyframes slideOutRight{0%{-webkit-transform:translateX(0);transform:translateX(0)}
100%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}
}@keyframes slideOutRight{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
100%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}
}.slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}
@-webkit-keyframes slideOutUp{0%{-webkit-transform:translateY(0);transform:translateY(0)}
100%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}
}@keyframes slideOutUp{0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
100%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}
}.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}
@-webkit-keyframes hinge{0%{-webkit-transform:rotate(0);transform:rotate(0);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}
20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}
40%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}
80%{-webkit-transform:rotate(60deg) translateY(0);transform:rotate(60deg) translateY(0);opacity:1;-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}
100%{-webkit-transform:translateY(700px);transform:translateY(700px);opacity:0}
}@keyframes hinge{0%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}
20%,60%{-webkit-transform:rotate(80deg);-ms-transform:rotate(80deg);transform:rotate(80deg);-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}
40%{-webkit-transform:rotate(60deg);-ms-transform:rotate(60deg);transform:rotate(60deg);-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}
80%{-webkit-transform:rotate(60deg) translateY(0);-ms-transform:rotate(60deg) translateY(0);transform:rotate(60deg) translateY(0);opacity:1;-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}
100%{-webkit-transform:translateY(700px);-ms-transform:translateY(700px);transform:translateY(700px);opacity:0}
}.hinge{-webkit-animation-name:hinge;animation-name:hinge}
@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translateX(-100%) rotate(-120deg);transform:translateX(-100%) rotate(-120deg)}
100%{opacity:1;-webkit-transform:translateX(0px) rotate(0deg);transform:translateX(0px) rotate(0deg)}
}@keyframes rollIn{0%{opacity:0;-webkit-transform:translateX(-100%) rotate(-120deg);-ms-transform:translateX(-100%) rotate(-120deg);transform:translateX(-100%) rotate(-120deg)}
100%{opacity:1;-webkit-transform:translateX(0px) rotate(0deg);-ms-transform:translateX(0px) rotate(0deg);transform:translateX(0px) rotate(0deg)}
}.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}
@-webkit-keyframes rollOut{0%{opacity:1;-webkit-transform:translateX(0px) rotate(0deg);transform:translateX(0px) rotate(0deg)}
100%{opacity:0;-webkit-transform:translateX(100%) rotate(120deg);transform:translateX(100%) rotate(120deg)}
}@keyframes rollOut{0%{opacity:1;-webkit-transform:translateX(0px) rotate(0deg);-ms-transform:translateX(0px) rotate(0deg);transform:translateX(0px) rotate(0deg)}
100%{opacity:0;-webkit-transform:translateX(100%) rotate(120deg);-ms-transform:translateX(100%) rotate(120deg);transform:translateX(100%) rotate(120deg)}
}.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}
.wow:first-child{visibility:hidden}
body{font-family:'微软雅黑';font-weight:400;font-size:100%;line-height:1.75;color:#222;background:#fff;width:100%;overflow-x:hidden;position:relative}
a:hover,a:active{color:#f7f7f7;text-decoration:none;transition:.3s ease}
img{max-width:100%;height:auto;vertical-align:top;backface-visibility:hidden}
.scale{overflow:hidden}
.scale img{transition:transform 0.3s linear}
.scale:hover img{transform:scale(1.1);cursor:pointer}
#header{width:100%;height:100px;line-height:100px;background:rgba(255,255,255,.9);position:fixed;top:0;left:0;z-index:10000}
.sub #header{position:relative}
#header .inner{width:96%;height:100px;margin:0 auto;display:flex;align-items:center}
#header .logo{width:283px;height:64px;margin-right:auto}
@media (max-width:961px){}
@media (max-width:960px){}
@media (max-width:600px){#header{height:80px;line-height:80px}
#header .inner{height:80px}
#header .logo{width:254px;height:58px}
}@media (max-width:480px){#header{height:60px;line-height:60px}
#header .inner{height:60px}
#header .logo{width:203px;height:46px}
}@media (min-width:961px){#g_nav{font-weight:500;letter-spacing:0.05em}
#g_nav > ul{display:flex}
#g_nav > ul > li{margin-right:2em;position:relative}
#g_nav > ul > li:last-of-type{margin-right:0}
#g_nav > ul > li > a{display:block;height:100%;position:relative;color:#222;text-decoration:none;transition:.3s ease}
#g_nav > ul > li.current > a::after,#g_nav > ul > li > a::after{display:block;content:'';width:100%;height:4px;background:#08a5e3;position:absolute;bottom:0;left:0;opacity:0;transition:.3s ease}
#g_nav > ul > li.current > a::after,#g_nav > ul > li:hover > a::after{opacity:1;transition:.3s ease}
#navicon{display:none}
#g_nav > ul > li > ul{position:absolute;font-size:0.9375rem;top:inherit;left:0;box-sizing:border-box;line-height:60px;display:none}
#g_nav > ul > li > ul a{display:block;box-sizing:border-box;width:240px;padding:0 20px;text-decoration:none;color:#fff;background:rgba(8,165,227,.8)}
#g_nav > ul > li > ul a:hover,#g_nav > ul > li > ul a:active{background:rgba(8,165,227,1)}
}@media (max-width:960px){#navicon{width:100px;height:100px;position:absolute;top:0;right:0;display:flex;justify-content:center;align-items:center;cursor:pointer;z-index:10000}
#navicon a,#navicon a span{display:inline-block;transition:.3s ease;box-sizing:border-box}
#navicon a{position:relative;width:40px;height:20px}
#navicon a.active{position:fixed}
#navicon a span{position:absolute;left:0px;width:40px;height:2px;background:#333}
#navicon a.active span{background:#fff}
#navicon a span:nth-of-type(1){top:0}
#navicon a span:nth-of-type(2){top:9px}
#navicon a span:nth-of-type(3){bottom:0}
#navicon a.active span:nth-of-type(1){transform:translateY(7px) rotate(-45deg)}
#navicon a.active span:nth-of-type(2){opacity:0}
#navicon a.active span:nth-of-type(3){transform:translateY(-10px) rotate(45deg)}
#g_nav{background:rgba(8,165,227,.9);position:fixed;top:0;left:0;width:100%;height:100vh;z-index:9999;opacity:0;visibility:hidden;transition:.3s ease;box-sizing:border-box;letter-spacing:0.05em;padding:90px 0 200px;overflow-y:visible;overflow-x:hidden;-ms-overflow-style:none}
#g_nav::-webkit-scrollbar{display:none}
#g_nav.active{opacity:1;visibility:visible;transition:.3s ease}
#g_nav a{display:block;color:#fff;text-decoration:none;box-sizing:border-box;position:relative;text-align:left}
#g_nav > ul{text-align:center;display:block;width:92%;margin:0 auto}
#g_nav > ul > li{border-bottom:1px solid #fff}
#g_nav > ul > li > a{font-size:1.25rem;height:80px;line-height:80px}
#g_nav > ul > li > a::before{display:block;content:'';width:10px;height:10px;border:1px solid #fff;border-bottom:none;border-left:none;transform:rotate(45deg);position:absolute;top:34px;right:4px}
#g_nav > ul > li > ul{margin-bottom:20px}
#g_nav > ul > li > ul > li{padding-left:1.25rem;box-sizing:border-box}
#g_nav > ul > li > ul > li > a{font-size:1rem;height:60px;line-height:60px;box-sizing:border-box}
}@media (max-width:600px){#navicon{width:80px;height:80px}
#navicon a{position:relative;width:30px;height:15px}
#navicon a span{position:absolute;left:0px;width:30px;height:2px;background:#3e3a39}
#navicon a span:nth-of-type(2){top:6px}
#navicon a.active span:nth-of-type(1){transform:translateY(7px) rotate(-45deg)}
#navicon a.active span:nth-of-type(3){transform:translateY(-6px) rotate(45deg)}
#g_nav > ul > li > a{height:60px;line-height:60px}
#g_nav > ul > li > a::before{top:24px}
#g_nav > ul > li > ul{margin-bottom:10px}
#g_nav > ul > li > ul > li > a{height:50px;line-height:50px}
}@media (max-width:480px){#navicon{width:60px;height:60px}
#navicon a{position:relative;width:26px;height:13px}
#navicon a span{position:absolute;left:0px;width:26px;height:2px;background:#3e3a39}
#navicon a span:nth-of-type(2){top:5px}
#navicon a.active span:nth-of-type(1){transform:translateY(6px) rotate(-45deg)}
#navicon a.active span:nth-of-type(3){transform:translateY(-5px) rotate(45deg)}
#g_nav > ul > li > a{font-size:1rem}
#g_nav > ul > li > ul > li{padding-left:1rem}
#g_nav > ul > li > ul > li > a{font-size:0.875rem}
}.btn_A a{text-decoration:none;font-size:1.25rem;font-weight:700;letter-spacing:0.05em}
.btn_A a span::before,.btn_A a span::after{display:block;content:'';width:8px;height:8px;background:transparent;border-width:1px;border-style:solid;transform:rotate(45deg);position:absolute;top:6px;transition:.3s ease}
.btn_A a span::before{right:-18px}
.btn_A a span::after{right:-24px}
.btn_A a:hover span::before{right:-24px}
.btn_A a:hover span::after{right:-30px}
.btn_B a{display:inline-block;text-decoration:none;font-size:1.125rem;font-weight:700;letter-spacing:0.05em;border:1px solid #333;height:50px;line-height:50px;padding:0 60px 0 40px;color:#333;transition:.3s ease}
.btn_B a:hover{border:1px solid #fff;background:#08a5e3;color:#fff;transition:.3s ease}
.btn_B a span{display:inline-block;position:relative}
.btn_B a span::before,.btn_B a span::after{display:block;content:'';width:8px;height:8px;background:transparent;border-color:transparent;border-width:1px;border-style:solid;border-top-color:#333;border-right-color:#333;transform:rotate(45deg);position:absolute;top:20px;transition:.3s ease}
.btn_B a:hover span::before,.btn_B a:hover span::after{border-top-color:#fff;border-right-color:#fff}
.btn_B a span::before{right:-18px}
.btn_B a span::after{right:-24px}
.btn_B a:hover span::before{right:-24px}
.btn_B a:hover span::after{right:-30px}
@media (max-width:961px){}
@media (max-width:960px){}
@media (max-width:768px){}
@media (max-width:480px){.btn_A a{font-size:1rem}
.btn_A a span::before,.btn_A a span::after{width:5px;height:5px;top:11px}
.btn_B a{font-size:1rem;height:45px;line-height:45px}
.btn_B a span::before,.btn_B a span::after{width:5px;height:5px;top:18px}
}#mv{width:100%;height:100vh;background:url("https://www.nakatoku-steel.com/wp-content/themes/nakashima/images/front/mv/01.png") no-repeat center center/cover;position:fixed;top:0;left:0;z-index:-1}
#mv_bg{width:100%;height:100vh;position:absolute;top:0;left:0}
#mv .inner{width:100%;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;padding-top:100px;box-sizing:border-box;position:absolute;top:0;left:0}
#mv .catch_01{font-weight:700;line-height:1;margin:0 auto 30px;width:60%;max-width:360px}
#mv .catch_01 > span:nth-child(1),#mv .catch_01 > span:nth-child(3){font-size:5.75rem}
#mv .catch_01 > span:nth-child(2){font-size:3.75rem;margin:0 0.25em}
#mv .catch_02{text-align:center;border-top:1px solid #fff;padding-top:30px}
#mv .catch_02 > div:nth-child(1){letter-spacing:0.2em;line-height:1;margin-bottom:30px}
#mv .catch_02 > div:nth-child(1) > span:nth-child(1),#mv .catch_02 > div:nth-child(1) > span:nth-child(3){font-size:2.25rem}
#mv .catch_02 > div:nth-child(1) > span:nth-child(2){font-size:1.5rem;margin:0 0.25em}
#mv .catch_02 > div:nth-child(2){font-weight:500;line-height:2}
#mv .catch_02 .catch_02_br{display:none}
#mv .catch_02 .catch_02_br_02{display:none}
#mv .mv_bg{padding-top:100vh;position:relative;height:0;overflow:hidden}
.front #main{margin-top:100vh;padding-top:80px;background:#fff;box-sizing:border-box;position:relative;z-index:1}
@media (max-width:961px){}
@media (max-width:960px){}
@media (max-width:600px){#mv .inner{padding-top:80px}
#mv .catch_01{margin-bottom:20px}
#mv .catch_02{width:92%;padding-top:20px}
#mv .catch_02 > div:nth-child(1){margin-bottom:24px}
#mv .catch_02 .catch_02_br{display:block}
.front #main{padding-top:60px}
}@media (max-width:480px){#mv .catch_01 > span:nth-child(1),#mv .catch_01 > span:nth-child(3){font-size:4.5rem}
#mv .catch_01 > span:nth-child(2){font-size:2.625rem}
#mv .catch_02 > div:nth-child(1) > span:nth-child(1),#mv .catch_02 > div:nth-child(1) > span:nth-child(3){font-size:1.2rem}
#mv .catch_02 > div:nth-child(1) > span:nth-child(2){font-size:1.125rem}
#mv .catch_02 .catch_02_br_02{display:block}
.front #main{padding-top:40px}
}.front .hl{font-weight:700;letter-spacing:0.025em;line-height:1.5;position:relative}
@media (max-width:961px){}
@media (max-width:960px){}
@media (max-width:768px){}
@media (max-width:480px){}
.front #sec_01{width:100%;box-sizing:border-box;position:relative;background: url(../img/a11.jpg);margin-top: 30px;}
.front #sec_01 .inner{width:80%;margin:0 auto;height:640px;display:flex;align-items:center}
.front #sec_01 .box{background: rgb(239 239 239 / 84%);color:#222;position:relative;z-index:1;width:64%;padding:80px;box-sizing:border-box}
.front #sec_01 .box .hl{font-size:2.25rem;margin-bottom:70px;color:rgb(212 2 11)}
.front #sec_01 .box .hl::after{display:block;content:'';width:30%;height:1px;background:rgb(212 2 11);position:absolute;bottom:-31px;left:0}
.front #sec_01 .box .desc{text-align:justify}
.front #sec_01 .box .desc p{margin-bottom:1.5em}
.front #sec_01 .box .btn_A a{color:rgb(212 2 11)}
.front #sec_01 .box .btn_A a span{display:inline-block;position:relative}
.front #sec_01 .box .btn_A a span::before,.front #sec_01 .box .btn_A a span::after{border-color:rgb(212 2 11);border-bottom:none;border-left:none}
.front #sec_01 .visual{width:60%;height:640px;position:absolute;top:0;right:0;z-index:0}
@media (max-width:961px){}
@media (max-width:960px){}
@media (max-width:768px){.front #sec_01 .box{width:76%;padding:50px}
}@media (max-width:600px){.front #sec_01 .box{width:90%;padding:40px 30px}
.front #sec_01 .visual{width:80%}
}@media (max-width:480px){.front #sec_01 .inner{height:560px}
.front #sec_01 .box{width:96%;padding:30px 24px}
.front #sec_01 .box .hl{font-size:1.5rem;margin-bottom:36px}
.front #sec_01 .box .hl::after{bottom:-17px}
.front #sec_01 .visual{width:90%;height:560px}
}

.front #sec_07{width:100%;box-sizing:border-box;position:relative;background: url(../img/a22.jpg);margin-top: 30px;}
.front #sec_07 .inner{width:80%;margin:0 auto;height:640px;display:flex;align-items:center}
.front #sec_07 .box{background: rgb(239 239 239 / 84%);color:#222;position:relative;z-index:1;width:64%;padding:80px;box-sizing:border-box}
.front #sec_07 .box .hl{font-size:2.25rem;margin-bottom:70px;color:rgb(212 2 11)}
.front #sec_07 .box .hl::after{display:block;content:'';width:30%;height:1px;background:rgb(212 2 11);position:absolute;bottom:-31px;left:0}
.front #sec_07 .box .desc{text-align:justify}
.front #sec_07 .box .desc p{margin-bottom:1.5em}
.front #sec_07 .box .btn_A a{color:rgb(212 2 11)}
.front #sec_07 .box .btn_A a span{display:inline-block;position:relative}
.front #sec_07 .box .btn_A a span::before,.front #sec_07 .box .btn_A a span::after{border-color:rgb(212 2 11);border-bottom:none;border-left:none}
.front #sec_07 .visual{width:60%;height:640px;position:absolute;top:0;right:0;z-index:0}
@media (max-width:961px){}
@media (max-width:960px){}
@media (max-width:768px){.front #sec_07 .box{width:76%;padding:50px}
}@media (max-width:600px){.front #sec_07 .box{width:90%;padding:40px 30px}
.front #sec_07 .visual{width:80%}
}@media (max-width:480px){.front #sec_07 .inner{height:560px}
.front #sec_07 .box{width:96%;padding:30px 24px}
.front #sec_07 .box .hl{font-size:1.5rem;margin-bottom:36px}
.front #sec_07 .box .hl::after{bottom:-17px}
.front #sec_07 .visual{width:90%;height:560px}
}



.front #sec_08{width:100%;box-sizing:border-box;position:relative;background: url(../img/a33.jpg);margin-top: 30px;}
.front #sec_08 .inner{width:80%;margin:0 auto;height:640px;display:flex;align-items:center}
.front #sec_08 .box{background: rgb(239 239 239 / 84%);color:#222;position:relative;z-index:1;width:64%;padding:80px;box-sizing:border-box}
.front #sec_08 .box .hl{font-size:2.25rem;margin-bottom:70px;color:rgb(212 2 11)}
.front #sec_08 .box .hl::after{display:block;content:'';width:30%;height:1px;background:rgb(212 2 11);position:absolute;bottom:-31px;left:0}
.front #sec_08 .box .desc{text-align:justify}
.front #sec_08 .box .desc p{margin-bottom:1.5em}
.front #sec_08 .box .btn_A a{color:rgb(212 2 11)}
.front #sec_08 .box .btn_A a span{display:inline-block;position:relative}
.front #sec_08 .box .btn_A a span::before,.front #sec_08 .box .btn_A a span::after{border-color:rgb(212 2 11);border-bottom:none;border-left:none}
.front #sec_08 .visual{width:60%;height:640px;position:absolute;top:0;right:0;z-index:0}
@media (max-width:961px){}
@media (max-width:960px){}
@media (max-width:768px){.front #sec_08 .box{width:76%;padding:50px}
}@media (max-width:600px){.front #sec_08 .box{width:90%;padding:40px 30px}
.front #sec_08 .visual{width:80%}
}@media (max-width:480px){.front #sec_08 .inner{height:560px}
.front #sec_08 .box{width:96%;padding:30px 24px}
.front #sec_08 .box .hl{font-size:1.5rem;margin-bottom:36px}
.front #sec_08 .box .hl::after{bottom:-17px}
.front #sec_08 .visual{width:90%;height:560px}
}




.front #sec_02{width:100%;box-sizing:border-box;position:relative;padding:30px 0;background-color:#efefef}
.front #sec_02 .inner{width:92%;max-width:1000px;margin:0 auto;padding:60px 0 90px;box-sizing:border-box;position:relative}
.front #sec_02 .inner::before,.front #sec_02 .inner::after{display:block;content:'';width:0;height:0;border-width:10px;border-style:solid;border-color:transparent;position:absolute}
.front #sec_02 .inner::before{border-top-color:#045a97;border-left-color:#045a97;top:0;left:0}
.front #sec_02 .inner::after{border-right-color:#045a97;border-bottom-color:#045a97;bottom:0;right:0}
.front #sec_02 .hl{text-align:center;font-size:2.25rem;margin-bottom:40px}
.front #sec_02 .desc{text-align:justify}
@media (max-width:961px){}
@media (max-width:960px){.front #sec_02{padding:60px 0}
}@media (max-width:480px){.front #sec_02{padding:50px 0}
.front #sec_02 .inner{padding:30px 0 40px}
.front #sec_02 .hl{font-size:1.5rem;margin-bottom:24px}
}.front #sec_03{width:100%;box-sizing:border-box;position:relative}
.front #sec_03 .inner{width:100%;box-sizing:border-box;display:flex;flex-wrap:wrap}
.front #sec_03 .box{width:16.66%;position:relative;color:#fff;line-height:1.5;font-weight:700}
.front #sec_03 .box a{color:#fff;text-decoration:none}
.front #sec_03 .box a .thumb{display:block;width:100%;position:relative}
.front #sec_03 .box a .desc,.front #sec_03 .box a .layer{width:100%;height:100%;position:absolute;top:0;left:0}
.front #sec_03 .box a .desc{display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:1.25rem;letter-spacing:0.1em}
.front #sec_03 .box a .layer{background:rgba(8,165,227,.6);opacity:0;transition:.3s ease}
.front #sec_03 .box a:hover .layer{opacity:1;transition:.3s ease}
.front #sec_03 .box_hl{background:#08a5e3;display:flex;flex-direction:column;justify-content:center;align-items:center}
.front #sec_03 .box_hl .logo{width:65px;height:88px;margin-bottom:3%}
.front #sec_03 .box_hl_sub{text-align:center}
.front #sec_03 .box_hl_sub > span{display:block}
.front #sec_03 .box_hl_sub > span:nth-child(1){font-size:1rem}
.front #sec_03 .box_hl_sub > span:nth-child(2){font-size:1.3125rem;letter-spacing:0.05em}
@media (max-width:961px){}
@media (max-width:960px){.front #sec_03 .box{width:33.33%}
}@media (max-width:600px){.front #sec_03 .box{width:50%}
}@media (max-width:480px){}
.front #sec_04{width:100%;box-sizing:border-box;position:relative}
.front #sec_04 .inner{width:100%;box-sizing:border-box}
.front #sec_04 .hl{line-height:1;padding:90px 0;font-size:2.25rem;text-align:center}
.front #sec_04 .container .box{display:flex}
.front #sec_04 .container .box_02{flex-direction:row-reverse}
.front #sec_04 .box .visual{width:50%;height:480px;flex-shrink:0}
.front #sec_04 .box_01 .visual{background:url("https://www.nakatoku-steel.com/wp-content/themes/nakashima/images/front/sec_04/01.png") no-repeat center center/cover}
.front #sec_04 .box_02 .visual{background:url("https://www.nakatoku-steel.com/wp-content/themes/nakashima/images/front/sec_04/02.png") no-repeat center center/cover}
.front #sec_04 .box .desc{width:50%;max-width:550px;padding:50px;display:flex;flex-direction:column;justify-content:center;text-align:justify}
.front #sec_04 .hl_sub{font-size:1.5rem;font-weight:700;position:relative;margin-bottom:50px}
.front #sec_04 .hl_sub::after{display:block;content:'';width:13%;height:1px;background:#333;position:absolute;bottom:-24px;left:0}
.front #sec_04 .box .desc p{margin-bottom:1.5em}
@media (max-width:961px){}
@media (max-width:960px){}
@media (max-width:768px){.front #sec_04 .hl{padding:70px 0}
.front #sec_04 .container .box{display:block}
.front #sec_04 .box .visual{width:100%}
.front #sec_04 .box .desc{width:92%;max-width:initial;margin:0 auto;padding:30px 0 40px}
}@media (max-width:480px){.front #sec_04 .hl{padding:40px 0;font-size:1.5rem}
.front #sec_04 .box .visual{height:260px}
.front #sec_04 .hl_sub{font-size:1.25rem;margin-bottom:30px}
.front #sec_04 .hl_sub::after{bottom:-15px}
}.front #sec_05{width:100%;box-sizing:border-box;position:relative;padding:25px 0;background: url(../img/zxbjt.png);color:#d71a21}
.front #sec_05 .inner{width:80%;/*max-width:1000px;*/margin:0 auto;box-sizing:border-box;position:relative}
.front #sec_05 .hl{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #d71a21;padding-bottom:10px;margin-bottom:30px}
.front #sec_05 .hl .hl_inner{font-size:2.25rem;letter-spacing:0.075em}
.front #sec_05 .hl .btn_A a{color:#d71a21;display:block;padding-right:30px;font-size:1.125rem}
.front #sec_05 .hl .btn_A a span{display:inline-block;position:relative}
.front #sec_05 .hl .btn_A a span::before,.front #sec_05 .hl .btn_A a span::after{border-color:#d71a21;border-bottom:none;border-left:none;top:9px}
.front #sec_05 #topics_list{overflow:auto;}
.front #sec_05 #topics_list a:link,.front #sec_05 #topics_list a:visited{color:black;text-decoration:none}
.front #sec_05 #topics_list a:hover,.front #sec_05 #topics_list a:active{color:black}
.front #sec_05 #topics_list li{display:block;margin-bottom:1rem;color: black;width: 50%;
    float: left;}
.front #sec_05 #topics_list li > span:nth-child(1){margin-right:3em}
@media (max-width:961px){}
@media (max-width:960px){}
@media (max-width:768px){.front #sec_05{padding:60px 0}
}@media (max-width:600px){.front #sec_05{padding:50px 0 40px}
.front #sec_05 .hl{display:block}
.front #sec_05 .hl .hl_inner{margin-bottom:10px}
.front #sec_05 .hl .btn_A{margin-bottom:10px}
.front #sec_05 #topics_list li{display:block;
    width: 100%;
    
}
.front #sec_05 #topics_list li > span{display:block;width:100%}
.front #sec_05 #topics_list li > span:nth-child(1){margin-right:0;margin-bottom:6px}
.front #sec_05 .hl .btn_A a{padding-right:0}
}@media (max-width:480px){.front #sec_05{padding:50px 0 40px}
.front #sec_05 .hl .hl_inner{font-size:1.75rem}
.front #sec_05 .hl .btn_A a{font-size:1rem}
}.front #sec_06{width:100%;height:480px;box-sizing:border-box;position:relative;color:#fff;background:url("https://www.nakatoku-steel.com/wp-content/themes/nakashima/images/common/01.png") no-repeat center top/cover}
.front #sec_06 .inner{width:92%;max-width:1000px;height:100%;margin:0 auto;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}
.front #sec_06 .hl{font-size:2.25rem;line-height:1;letter-spacing:0.05em;margin-bottom:20px}
.front #sec_06 .desc p{margin-bottom:1.5em}
.front #sec_06 .desc .btn_B a{color:#fff;border-color:#fff}
.front #sec_06 .btn_B a span::before,.front #sec_06 .btn_B a span::after{border-top-color:#fff;border-right-color:#fff}
.sec_06_br{display:none}
@media (max-width:961px){}
@media (max-width:960px){}
@media (max-width:768px){.front #sec_06{background:url("https://www.nakatoku-steel.com/wp-content/themes/nakashima/images/common/sp/01.png") no-repeat center top/cover}
}@media (max-width:480px){.front #sec_06{height:380px}
.front #sec_06 .hl{font-size:1.75rem}
.sec_06_br{display:block}
}#footer{width:100%;background:#222;color:#fff;padding:90px 0 50px;box-sizing:border-box}
#footer > .inner{width:92%;max-width:1000px;margin:0 auto;box-sizing:border-box;display:flex;justify-content:space-between;padding-bottom:20px}
#footer #footer_info{width:50%}
#footer .logo{width:328px;height:71px;margin-bottom:20px}
#footer #footer_nav{width:36%;display:flex;font-size:0.875rem}
#footer #footer_nav > ul{min-width:50%;box-sizing:border-box;padding-right:1rem}
#footer #footer_nav > ul > li{margin-bottom:1.5em}
#footer #footer_nav > ul > li > ul{margin-left:1em;font-size:0.75rem}
#footer #footer_nav a:link,#footer #footer_nav a:visited{text-decoration:none}
#footer #footer_nav a:hover,#footer #footer_nav a:active{}
#footer #footer_nav > ul > li > a{color:#fff}
#footer #footer_nav > ul > li > ul > li > a{color:#999}
#copy{width:100%;color:#555;font-size:0.75rem}
#copy .inner{width:92%;max-width:1000px;margin:0 auto}
#page_top a{display:block;width:50px;height:50px;background:#08a5e3;position:fixed;bottom:30px;right:30px;z-index:10}
#page_top a::before{display:block;content:'';width:12px;height:12px;border:2px solid #fff;border-right:none;border-bottom:none;transform:rotate(45deg);position:absolute;top:22px;left:18px}
@media (max-width:961px){}
@media (max-width:960px){}
@media (max-width:768px){#footer{padding:60px 0 50px}
#footer > .inner{width:100%;display:block;padding-bottom:20px}
#footer #footer_info{width:100%;margin-bottom:60px}
#footer .logo{margin:0 auto 30px}
#footer .address{text-align:center}
#footer #footer_nav{width:100%;display:flex}
#footer #footer_nav > ul{width:50%;flex-shrink:0}
#footer #footer_nav > ul > li{text-align:center}
#footer #footer_nav a{display:block}
#footer #footer_nav > ul > li > a{margin-bottom:0.625rem}
#footer #footer_nav > ul > li > ul{margin-left:0}
#copy{text-align:center}
}@media (max-width:600px){#footer{padding:50px 0 0}
#footer > .inner{padding-bottom:0}
#footer #footer_info{margin-bottom:50px}
#footer #footer_nav{display:block;border-top:1px solid #555;font-size:1rem;letter-spacing:0.1em}
#footer #footer_nav > ul{width:100%}
#footer #footer_nav > ul > li{margin-bottom:0}
#footer #footer_nav a{height:45px;line-height:45px;border-bottom:1px solid #555}
#footer #footer_nav > ul > li > a{margin-bottom:0;height:55px;line-height:55px}
#copy{height:76px;line-height:76px}
#copy span{display:none}
}@media (max-width:480px){#footer{padding:40px 0 0}
#footer #footer_info{margin-bottom:40px}
#footer .logo{width:240px;height:52px;margin-bottom:20px}
#footer .address{font-size:0.875rem}
}#sub_mv{width:100%;height:250px;display:flex;justify-content:center;align-items:center;color:#fff;text-align:center}
#sub_mv .inner{width:92%;max-width:1000px;margin:0 auto}
#sub_mv .catch_01{font-size:3rem;line-height:1;letter-spacing:0.025em}
#sub_mv .catch_02{font-size:1rem;font-weight:500;letter-spacing:0.1em}
@media (max-width:961px){}
@media (max-width:960px){}
@media (max-width:768px){#sub_mv{height:200px}
#sub_mv .catch_01{font-size:2.5rem}
}@media (max-width:600px){}
@media (max-width:480px){}
#breadcrumbs{width:100%;font-size:0.75rem;padding:20px 0;box-sizing:border-box;color:#999}
#breadcrumbs .inner{width:92%;max-width:1200px;margin:0 auto}
#breadcrumbs a:link,#breadcrumbs a:visited{color:#999;text-decoration:none}
#breadcrumbs a:hover,#breadcrumbs a:active{color:#08a5e3;text-decoration:none}
#breadcrumbs .arrow{display:inline-block;position:relative;margin:0 0.5em}
#breadcrumbs .arrow::after{display:inline-block;content:'';width:4px;height:4px;background:transparent;border:1px solid #999;border-bottom:none;border-left:none;transform:rotate(45deg)}
#breadcrumbs .inner span.current-item{display:inline-block;padding:0;margin-top:-3px;vertical-align:middle;max-width:100px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media (max-width:961px){}
@media (max-width:960px){}
@media (max-width:768px){}
@media (max-width:600px){}
@media (max-width:480px){}
body.compensate-for-scrollbar{overflow:hidden}
.fancybox-active{height:auto}
.fancybox-is-hidden{left:-9999px;margin:0;position:absolute !important;top:-9999px;visibility:hidden}
.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}
.fancybox-container *{box-sizing:border-box}
.fancybox-outer,.fancybox-inner,.fancybox-bg,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}
.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}
.fancybox-bg{background:rgb(30,30,30);opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}
.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}
.fancybox-infobar,.fancybox-toolbar,.fancybox-caption,.fancybox-navigation .fancybox-button{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}
.fancybox-show-infobar .fancybox-infobar,.fancybox-show-toolbar .fancybox-toolbar,.fancybox-show-caption .fancybox-caption,.fancybox-show-nav .fancybox-navigation .fancybox-button{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}
.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.fancybox-toolbar{right:0;top:0}
.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}
.fancybox-is-open .fancybox-stage{overflow:hidden}
.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}
.fancybox-slide::before{content:'';display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}
.fancybox-is-sliding .fancybox-slide,.fancybox-slide--previous,.fancybox-slide--current,.fancybox-slide--next{display:block}
.fancybox-slide--image{overflow:hidden;padding:44px 0}
.fancybox-slide--image::before{display:none}
.fancybox-slide--html{padding:6px}
.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}
.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;-ms-transform-origin:top left;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}
.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}
.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}
.fancybox-can-swipe .fancybox-content,.fancybox-can-pan .fancybox-content{cursor:-webkit-grab;cursor:grab}
.fancybox-is-grabbing .fancybox-content{cursor:-webkit-grabbing;cursor:grabbing}
.fancybox-container [data-selectable='true']{cursor:text}
.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}
.fancybox-spaceball{z-index:1}
.fancybox-slide--video .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--iframe .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}
.fancybox-slide--video .fancybox-content{background:#000}
.fancybox-slide--map .fancybox-content{background:#e5e3df}
.fancybox-slide--iframe .fancybox-content{background:#fff}
.fancybox-video,.fancybox-iframe{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}
.fancybox-iframe{left:0;position:absolute;top:0}
.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}
.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}
.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}
.fancybox-button,.fancybox-button:visited,.fancybox-button:link{color:#ccc}
.fancybox-button:hover{color:#fff}
.fancybox-button:focus{outline:none}
.fancybox-button.fancybox-focus{outline:1px dotted}
.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}
.fancybox-button div{height:100%}
.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}
.fancybox-button svg path{fill:currentColor;stroke-width:0}
.fancybox-button--play svg:nth-child(2),.fancybox-button--fsenter svg:nth-child(2){display:none}
.fancybox-button--pause svg:nth-child(1),.fancybox-button--fsexit svg:nth-child(1){display:none}
.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;-ms-transform:scaleX(0);transform:scaleX(0);-ms-transform-origin:0;transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}
.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}
.fancybox-close-small:hover{color:#fff;opacity:1}
.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}
.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}
.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}
.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}
.fancybox-navigation .fancybox-button div{padding:7px}
.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}
.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}
.fancybox-caption{background:linear-gradient(to top,rgba(0,0,0,.85) 0%,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,rgba(0,0,0,0) 100%);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px 44px;pointer-events:none;right:0;text-align:center;z-index:99996}
@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}
}.fancybox-caption--separate{margin-top:-50px}
.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}
.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}
.fancybox-caption a:hover{color:#fff}
.fancybox-loading{animation:fancybox-rotate 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}
@keyframes fancybox-rotate{100%{transform:rotate(360deg)}
}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}
.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}
.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}
.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translate3d(0,0,0)}
.fancybox-fx-fade.fancybox-slide--previous,.fancybox-fx-fade.fancybox-slide--next{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}
.fancybox-fx-fade.fancybox-slide--current{opacity:1}
.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}
.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}
.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scale3d(1,1,1)}
.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;-ms-transform:rotate(-360deg);transform:rotate(-360deg)}
.fancybox-fx-rotate.fancybox-slide--next{opacity:0;-ms-transform:rotate(360deg);transform:rotate(360deg)}
.fancybox-fx-rotate.fancybox-slide--current{opacity:1;-ms-transform:rotate(0deg);transform:rotate(0deg)}
.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}
.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}
.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scale3d(1,1,1) translate3d(0,0,0)}
.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}
.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}
.fancybox-fx-tube.fancybox-slide--current{transform:translate3d(0,0,0) scale(1)}
@media all and (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}
.fancybox-slide--image{padding:6px 0}
.fancybox-close-small{right:-6px}
.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}
.fancybox-caption{padding-left:12px;padding-right:12px}
@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}
}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}
.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px 0}
.fancybox-share p{margin:0;padding:0}
.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px 5px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}
.fancybox-share__button:visited,.fancybox-share__button:link{color:#fff}
.fancybox-share__button:hover{text-decoration:none}
.fancybox-share__button--fb{background:#3b5998}
.fancybox-share__button--fb:hover{background:#344e86}
.fancybox-share__button--pt{background:#bd081d}
.fancybox-share__button--pt:hover{background:#aa0719}
.fancybox-share__button--tw{background:#1da1f2}
.fancybox-share__button--tw:hover{background:#0d95e8}
.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}
.fancybox-share__button svg path{fill:#fff}
.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0 0;outline:none;padding:10px 15px;width:100%}
.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px 2px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995}
.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}
.fancybox-show-thumbs .fancybox-thumbs{display:block}
.fancybox-show-thumbs .fancybox-inner{right:212px}
.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}
.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}
.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}
.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}
.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}
.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:center center;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}
.fancybox-thumbs__list a::before{border:6px solid #ff5268;bottom:0;content:'';left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}
.fancybox-thumbs__list a:focus::before{opacity:.5}
.fancybox-thumbs__list a.fancybox-thumbs-active::before{opacity:1}
@media all and (max-width:576px){.fancybox-thumbs{width:110px}
.fancybox-show-thumbs .fancybox-inner{right:110px}
.fancybox-thumbs__list a{max-width:calc(100% - 10px)}
}.sub_hl{margin:0 auto}
.sub_hl > span{display:block;color:#045A97}
.sub_hl > span:nth-child(1){font-size:3.75rem;line-height:1;letter-spacing:0.025em}
.sub_hl > span:nth-child(2){font-size:1.5rem;font-weight:700}
@media (max-width:960px){}
@media (max-width:768px){}
@media (max-width:600px){.sub_hl > span:nth-child(1){font-size:3rem}
.sub_hl > span:nth-child(2){font-size:1.25rem}
}@media (max-width:480px){}
#recruit_mv{width:100%;height:450px;display:flex;justify-content:center;align-items:center;color:#fff;text-align:center;background:url("https://www.nakatoku-steel.com/wp-content/themes/nakashima/images/common/01.png") no-repeat center top/cover}
#recruit_mv .inner{width:92%;max-width:1000px;margin:0 auto}
#recruit_mv .inner .catch_01{font-size:4.5rem;letter-spacing:0.025em}
#recruit_mv .inner .catch_02{font-size:1.125rem;line-height:2;font-weight:500}
#recruit_mv .inner .catch_02 .catch_02_br{display:none}
@media (max-width:960px){#recruit_mv .inner .catch_01{font-size:4rem}
#recruit_mv .inner .catch_02{font-size:1rem}
}@media (max-width:767px){#recruit_mv{background:url("https://www.nakatoku-steel.com/wp-content/themes/nakashima/images/common/sp/01.png") no-repeat center top/cover}
}@media (max-width:480px){#recruit_mv .inner .catch_01{font-size:3.5rem}
#recruit_mv .inner .catch_02 .catch_02_br{display:block}
}.recruit #sec_01{width:100%;height:550px;display:flex;justify-content:center;align-items:center;overflow-y:visible;background:url("https://www.nakatoku-steel.com/wp-content/themes/nakashima/images/recruit/sec_01/01.png") no-repeat center center/cover}
.recruit #sec_01 .inner{width:92%;max-width:800px;margin:0 auto;background:rgba(8,165,227,.95);color:#fff;text-align:center;padding:70px 30px;box-sizing:border-box}
.recruit #sec_01 .hl{font-size:2.25rem;font-weight:700;letter-spacing:0.025em;position:relative;margin-bottom:80px}
.recruit #sec_01 .hl br{display:none}
.recruit #sec_01 .hl::after{display:block;content:'';width:150px;height:1px;background:#fff;position:absolute;bottom:-40px;left:50%;margin-left:-75px}
.recruit #sec_01 .msg{font-size:1.3125rem;line-height:2.4;margin-bottom:1.5em}
.recruit #sec_01 .btn_B a{color:#fff;border-color:#fff}
.recruit #sec_01 .btn_B a:hover{color:#fff;border-color:#fff;background:#045a97}
.recruit #sec_01 .btn_B a span::before,.recruit #sec_01 .btn_B a span::after{border-top-color:#fff;border-right-color:#fff}
@media (max-width:961px){}
@media (max-width:960px){.recruit #sec_01 .hl{font-size:2rem;margin-bottom:60px}
.recruit #sec_01 .hl::after{bottom:-30px}
.recruit #sec_01 .msg{font-size:1.25rem}
}@media (max-width:767px){.recruit #sec_01 .hl{font-size:1.75rem;margin-bottom:50px}
.recruit #sec_01 .hl br{display:block}
.recruit #sec_01 .hl::after{bottom:-25px}
.recruit #sec_01 .msg{font-size:1rem}
}@media (max-width:480px){.recruit #sec_01 .inner{padding:40px 20px}
.recruit #sec_01 .hl{font-size:1.5rem;margin-bottom:40px}
.recruit #sec_01 .hl::after{bottom:-20px}
.recruit #sec_01 .msg{text-align:justify}
.recruit #sec_01 .msg br{display:none}
}.recruit #sec_02{width:100%;padding:150px 0 180px}
.recruit #sec_02 .hl{width:92%;max-width:1000px;margin:0 auto 80px}
.recruit #sec_02 .hl > span{display:block;color:#045A97}
.recruit #sec_02 .hl > span:nth-child(1){font-size:3.75rem;line-height:1;letter-spacing:0.025em}
.recruit #sec_02 .hl > span:nth-child(2){font-size:1.5rem;font-weight:700}
.recruit #sec_02 .container{width:100%;position:relative;display:block}
.recruit #sec_02 .container::after{display:block;content:'';width:62.5%;height:100%;background:#E6F6FC;position:absolute;bottom:-17%;left:0;z-index:-1}
.recruit #sec_02 .box{width:92%;max-width:800px;margin:0 auto;position:relative;color:#fff;line-height:1.5}
.recruit #sec_02 .box a{display:block;color:#fff;text-decoration:none}
.recruit #sec_02 .box .desc{background:rgba(4,90,151,.9);position:absolute;bottom:0;left:0;padding:20px;box-sizing:border-box}
.recruit #sec_02 .box .msg{font-weight:700;margin-bottom:1em}
.recruit #sec_02 .box .staff_name{font-size:0.875rem}
.recruit #sec_02 .box .staff_name > span{display:block}
.recruit #sec_02 .box a .layer{width:100%;height:100%;background:rgba(8,165,227,.6) url("https://www.nakatoku-steel.com/wp-content/themes/nakashima/images/recruit/sec_02/arrow.png") no-repeat center center/60px 60px;position:absolute;top:0;left:0;opacity:0;transition:.3s ease}
.recruit #sec_02 .box a:hover .layer{opacity:1;transition:.3s ease}
@media (max-width:961px){}
@media (max-width:1280px){.recruit #sec_02 .container::after{width:76%}
.recruit #sec_02 .box{width:28%}
}@media (max-width:960px){.recruit #sec_02{padding:120px 0 150px}
.recruit #sec_02 .hl{margin:0 auto 50px}
.recruit #sec_02 .hl > span:nth-child(1){font-size:3rem}
.recruit #sec_02 .hl > span:nth-child(2){font-size:1.25rem}
.recruit #sec_02 .container::after{width:84%}
.recruit #sec_02 .box{width:32%}
.recruit #sec_02 .box .msg{font-size:0.875rem}
.recruit #sec_02 .box .staff_name{font-size:0.75rem}
}@media (max-width:767px){.recruit #sec_02{padding:90px 0 120px}
.recruit #sec_02 .box{width:50%}
.recruit #sec_02 .container::after{width:70%;bottom:-8%}
}@media (max-width:600px){.recruit #sec_02 .container::after{width:75%;bottom:-5%}
.recruit #sec_02 .box{width:75%}
.recruit #sec_02 .box .msg{font-size:1rem}
.recruit #sec_02 .box .staff_name{font-size:0.875rem}
}@media (max-width:480px){}
.recruit #sec_03 .inner{width:100%;display:flex;flex-wrap:wrap}
.recruit #sec_03 .inner .box{width:50%;display:flex}
.recruit #sec_03 .inner .box:nth-child(3),.recruit #sec_03 .inner .box:nth-child(4){flex-direction:row-reverse}
.recruit #sec_03 .inner .box > div{width:50%}
.recruit #sec_03 .box .thumb{position:relative}
.recruit #sec_03 .box .thumb img{display:block}
.recruit #sec_03 .box .thumb .layer{width:100%;height:100%;position:absolute;top:0;left:0;background:rgba(0,0,0,.6);opacity:1;transition:.3s ease}
.recruit #sec_03 .box:hover .thumb .layer{opacity:0;transition:.3s ease}
.recruit #sec_03 .box .desc{display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;background:#045A97;transition:.3s ease}
.recruit #sec_03 .box:hover .desc{background:#08A5E3;transition:.3s ease}
.recruit #sec_03 .box .desc .hl{text-align:center;margin-bottom:24px}
.recruit #sec_03 .box .desc .hl > span{display:block;line-height:1}
.recruit #sec_03 .box .desc .hl > span:nth-child(1){font-size:1.5rem;font-weight:700;margin-bottom:10px}
.recruit #sec_03 .box .desc .hl > span:nth-child(2){font-size:1.125rem}
.recruit #sec_03 .btn_B a{color:#fff;border-color:#fff;font-size:0.875rem;height:40px;line-height:40px;padding:0 50px 0 30px}
.recruit #sec_03 .btn_B a:hover{color:#fff;border-color:#fff;background:#045a97}
.recruit #sec_03 .btn_B a span::before,.recruit #sec_03 .btn_B a span::after{border-top-color:#fff;border-right-color:#fff;width:6px;height:6px;top:16px}
@media (max-width:961px){}
@media (max-width:960px){.recruit #sec_03 .box .desc .hl > span:nth-child(1){font-size:1.25rem}
.recruit #sec_03 .box .desc .hl > span:nth-child(2){font-size:1rem}
.recruit #sec_03 .btn_B a{font-size:0.875rem;padding:0 40px 0 20px}
}@media (max-width:767px){.recruit #sec_03 .inner{display:block}
.recruit #sec_03 .inner .box{width:100%}
.recruit #sec_03 .inner .box:nth-child(3),.recruit #sec_03 .inner .box:nth-child(4){flex-direction:row}
.recruit #sec_03 .inner .box:nth-child(2n){flex-direction:row-reverse}
}@media (max-width:480px){}
.company #sub_mv{background:url("https://www.nakatoku-steel.com/wp-content/themes/nakashima/images/company/mv.png") no-repeat center center/cover}
@media (max-width:960px){}
@media (max-width:767px){}
@media (max-width:480px){}
.company #sec_01{width:100%;padding:80px 0;box-sizing:border-box;background:#f7f7f7}
.company #sec_01 .inner{width:100%;position:relative}
.company #sec_01 .container{width:92%;max-width:1000px;min-height:640px;margin:0 auto;padding-top:80px}
.company #sec_01 .container::before{display:block;content:'';width:60%;height:640px;background:url("https://www.nakatoku-steel.com/wp-content/themes/nakashima/images/company/01.png") no-repeat right top/cover;position:absolute;top:0;right:0}
.company #sec_01 .box{width:100%;max-width:750px;padding:40px;box-sizing:border-box;background:#fff;position:relative;z-index:1}
.company #sec_01 .box_catch{font-size:2.25rem;font-weight:700;line-height:1.5;margin-bottom:30px}
.company #sec_01 .box p{text-align:justify;margin-bottom:1.5em}
.company #sec_01 #boss_name{}
.company #sec_01 #boss_name > span{display:block;font-weight:700}
.company #sec_01 #boss_name > span:nth-child(1){font-size:1.125rem}
.company #sec_01 #boss_name > span:nth-child(2){font-size:2rem}
@media (max-width:1280px){.company #sec_01 .box{width:60%;max-width:640px;padding:30px}
}@media (max-width:960px){}
@media (max-width:768px){.company #sec_01{padding:60px 0}
.company #sec_01 .container{min-height:initial;padding-top:0}
.company #sec_01 .container::before{width:100%;height:450px;position:relative}
.company #sec_01 .box{width:100%;max-width:initial}
}@media (max-width:480px){.company #sec_01{padding:40px 0 60px}
.company #sec_01 .box{padding:20px}
.company #sec_01 .box_catch{font-size:1.5rem}
.company #sec_01 .box_catch br{display:none}
}.company #sec_02{width:100%;padding:80px 0;box-sizing:border-box}
.company #sec_02 .inner{width:92%;max-width:1000px;margin:0 auto}
.company #sec_02 .sub_hl{margin:0 auto 60px}
.company #sec_02 .company_movie{width:100%;max-width:800px;margin:0 auto;position:relative;line-height:1.5}
.company #sec_02 .company_movie a{display:block;color:#fff;text-decoration:none}
.company #sec_02 .company_movie a .layer{width:100%;height:100%;background:rgba(8,165,227,.6) url("https://www.nakatoku-steel.com/wp-content/themes/nakashima/images/recruit/sec_02/arrow.png") no-repeat center center/60px 60px;position:absolute;top:0;left:0;opacity:0;transition:.3s ease}
.company #sec_02 .company_movie a:hover .layer{opacity:1;transition:.3s ease}
@media (max-width:960px){}
@media (max-width:768px){.company #sec_02{padding:60px 0 80px}
.company #sec_02 .sub_hl{margin-bottom:30px}
}@media (max-width:480px){.company #sec_02{padding:40px 0 60px}
.company #sec_02 .sub_hl{margin-bottom:20px}
}.company #sec_03{width:100%;padding:80px 0;box-sizing:border-box;background:#f7f7f7}
.company #sec_03 .inner{width:92%;max-width:1000px;margin:0 auto}
.company #sec_03 .sub_hl{margin:0 auto 60px}
.outline{background:#fff;padding:60px;box-sizing:border-box}
.outline table{width:100%;border-top:1px dashed #ccc}
.outline table th,.outline table td{border-bottom:1px dashed #ccc;padding:20px 0;text-align:left}
.outline table th{font-weight:700;width:25%}
.outline table td{width:75%}
.outline table ul{list-style-type:disc;margin-left:1.5em}
.outline table dt{font-weight:700;margin-bottom:20px;background:#E6F6FC;padding:10px;box-sizing:border-box}
.outline table dd{margin-bottom:40px}
.outline table p{margin-bottom:1em}
.outline table .notes{margin-bottom:0;display:flex;font-size:0.875rem}
.outline table .notes > span:nth-child(1){flex-shrink:0;margin-right:0.5em}
.outline table .kome{font-size:0.75rem}
@media (max-width:960px){}
@media (max-width:768px){.company #sec_03{padding:60px 0 80px}
.company #sec_03 .sub_hl{margin-bottom:30px}
.outline{padding:40px}
}@media (max-width:480px){.company #sec_03{padding:40px 0 60px}
.outline{padding:20px}
.outline table th,.outline table td{display:block;width:100%}
.outline table th{border-bottom:none;padding:20px 0 10px}
.outline table td{padding:10px 0 20px}
}.company #sec_04{width:100%;padding:80px 0 120px;box-sizing:border-box}
.company #sec_04 .inner{width:92%;max-width:1000px;margin:0 auto}
.company #sec_04 .sub_hl{margin:0 auto 40px}
.history table{width:100%;text-align:left}
.history th,.history td{border-bottom:1px solid #ddd;padding:30px 0 20px}
.history th{width:30%;color:#999;font-size:2.25rem;line-height:1}
.history th span{font-size:1.5rem;margin-left:0.25em}
.history td{width:70%}
@media (max-width:960px){}
@media (max-width:768px){.company #sec_04{padding:60px 0 100px}
.company #sec_04 .sub_hl{margin-bottom:10px}
}@media (max-width:480px){.company #sec_04{padding:40px 0 60px}
.history th,.history td{display:block}
.history th{width:100%;font-size:2rem;padding:20px 0 0;border-bottom:none}
.history th span{font-size:1.25rem}
.history td{width:100%;padding:10px 0 20px}
}.company #sec_05{width:100%;padding:80px 0 120px;box-sizing:border-box;background:#08a5e3;color:#fff}
.company #sec_05 .inner{width:92%;max-width:1000px;margin:0 auto}
.company #sec_05 .com_sec_05_hl{margin:0 auto 20px;font-size:2rem;font-weight:700;letter-spacing:0.075em}
.company #sec_05 .motto{font-size:1.5rem;margin-bottom:30px}
.company #sec_05 .motto li{display:flex}
.company #sec_05 .motto li > span:nth-child(1){flex-shrink:0}
.company #sec_05 .philosophy{font-size:1.5rem;text-align:justify}
@media (max-width:960px){}
@media (max-width:768px){.company #sec_05{padding:60px 0 80px}
}@media (max-width:480px){.company #sec_05{padding:40px 0 60px}
.company #sec_05 .com_sec_05_hl{font-size:1.5rem;margin-bottom:1rem}
.company #sec_05 .motto{font-size:1rem}
.company #sec_05 .philosophy{font-size:1rem}
}.products #sub_mv{background:url("https://www.nakatoku-steel.com/wp-content/themes/nakashima/images/products/mv.png") no-repeat center center/cover}
@media (max-width:960px){}
@media (max-width:767px){}
@media (max-width:480px){}
.products #sec_01{width:100%;background:#f7f7f7;padding:80px 0;box-sizing:border-box}
.products #sec_01 > .inner{width:92%;max-width:1200px;margin:0 auto}
.products #products_sample ul{display:flex;flex-wrap:wrap}
.products #products_sample li{width:15%;margin-right:2%;margin-bottom:2%;background:#fff}
.products #products_sample li:nth-child(6n){margin-right:0}
.products #products_sample li img{width:100%}
@media (max-width:960px){.products #products_sample li{width:23.5%;margin:0 2% 2% 0}
.products #products_sample li:nth-child(4n){margin-right:0}
}@media (max-width:768px){.products #sec_01{padding:60px 0}
.products #products_sample li{width:32%;margin:0 2% 2% 0}
.products #products_sample li:nth-child(4n){margin-right:2%}
.products #products_sample li:nth-child(3n){margin-right:0}
}@media (max-width:600px){.products #sec_01{padding:40px 0}
.products #products_sample li{width:48%;margin:0 4% 4% 0}
.products #products_sample li:nth-child(3n){margin-right:4%}
.products #products_sample li:nth-child(2n){margin-right:0}
}@media (max-width:480px){}
.products #sec_02{width:100%;background:#08a5e3;padding:80px 0;color:#fff}
.products #sec_02 > .inner{width:92%;max-width:1200px;margin:0 auto}
.products #sec_02 .hl_maker{margin:0 auto 10px;font-size:2rem;font-weight:700}
.products #sec_02 ul{display:flex;flex-wrap:wrap;font-size:1.125rem}
.products #sec_02 li{position:relative}
.products #sec_02 li::after{display:inline-block;content:'/';margin:0 0.5em}
.products #sec_02 li:last-of-type::after{display:none}
@media (max-width:960px){}
@media (max-width:768px){.products #sec_02{padding:60px 0}
}@media (max-width:600px){.products #sec_02{padding:40px 0}
}@media (max-width:480px){.products #sec_02 .hl_maker{font-size:1.5rem}
.products #sec_02 ul{font-size:1rem;display:block;list-style-type:disc;margin-left:1.5em}
.products #sec_02 li::after{display:none}
}.products #sec_03 > .inner{width:92%;max-width:1200px;margin:0 auto;padding:40px 0 120px;box-sizing:border-box}
.products .hl{font-weight:700;font-size:2rem;letter-spacing:0.075em;border-bottom:3px solid #ddd;margin-bottom:40px;padding-top:40px}
.products .hl_sub{font-size:1.25rem;font-weight:700;letter-spacing:0.075em;background:#045A97;color:#fff;height:50px;line-height:50px;padding:0 1rem;margin-bottom:30px}
.prod_table{width:100%;margin:0 auto}
.prod_table_inner{width:100%}
.products table{width:100%;border:1px solid #ddd;margin-bottom:40px}
.products table th,.products table td{padding:10px 16px;box-sizing:border-box;border:1px solid #ddd}
.products table thead th{font-weight:700;letter-spacing:0.075em;background:#efefef}
.products table thead th{background:#eaeaea}
.products table thead th:nth-child(1){width:25%}
.products table thead th:nth-child(2){width:75%}
.products table tbody th{vertical-align:middle;font-weight:700;background:#f5f5f5;border-right:1px solid #ddd}
.products table tbody td{background:#fafafa}
.products table tbody td ul li{display:inline-block;margin-right:0.5em}
@media (max-width:960px){}
@media (max-width:768px){.products #sec_03 > .inner{padding-bottom:80px}
.products .hl{padding-top:0}
}@media (max-width:600px){.products .hl{font-size:1.875rem;margin-bottom:30px;padding-top:10px}
.products table{margin-bottom:20px}
}@media (max-width:480px){}
.contact #sub_mv{background:url("https://www.nakatoku-steel.com/wp-content/themes/nakashima/images/contact/mv.png") no-repeat center center/cover}
@media (max-width:960px){}
@media (max-width:767px){}
@media (max-width:480px){}
.contact #main > .inner{width:92%;max-width:800px;margin:0 auto;padding:40px 0 120px}
.contact .msg{padding-bottom:50px}
.contact .msg p{margin-bottom:1.5em}
.contact .msg p:last-of-type{margin-bottom:0}
.mf table{width:100%;box-sizing:border-box;margin-bottom:40px;border-top:1px dashed #ccc}
.mf tr{border-bottom:1px dashed #ccc}
.mf table th,.mf table td{box-sizing:border-box;padding:10px 0;text-align:left}
.mf table th{width:30%;vertical-align:middle;font-weight:bold}
.mf table td{width:70%}
.mf table .must{font-size:0.75rem;color:#fff;background:#08a5e3;padding:3px 6px;margin-left:0.5em}
.mf input[type="text"]:focus,.mf input[type="email"]:focus,.mf input[type="tel"]:focus,.mf textarea:focus{outline:0}
.mf table td input[type="text"],.mf table td input[type="email"],.mf table td input[type="tel"],.mf table td textarea{-moz-appearance:none;-webkit-appearance:none;appearance:none;font-family:'微软雅黑';font-size:1rem;padding:0 6px;height:40px;box-sizing:border-box;border-radius:0;background:#fff;border:3px solid #ddd}
.mf table td textarea{padding:6px}
.mf .input_SS{width:10%}
.mf .input_S{width:30%}
.mf .input_M{width:60%}
.mf .input_L{width:80%}
.mf table td textarea{width:100%;height:200px}
.mf .pref{display:inline-block;position:relative;width:25%}
.mf .pref::after{font-family:'微软雅黑';content:'\f0dd';font-weight:bold;position:absolute;top:5px;right:10px}
.confirm .mf .pref::after{display:none !important}
.mf table td select{-moz-appearance:none;-webkit-appearance:none;appearance:none;font-family:'微软雅黑';font-size:1rem;padding:0 6px;height:40px;box-sizing:border-box;border-radius:0;background:#fff;border:3px solid #ddd;width:100%}
.mf .send{width:100%;max-width:350px;height:60px;line-height:60px;margin:0 auto;position:relative}
.mf .send input[type=submit]{-moz-appearance:none;-webkit-appearance:none;appearance:none;font-family:'微软雅黑';font-size:1rem;border:none;border-radius:0;width:100%;height:60px;line-height:60px;background:#08a5e3;cursor:pointer;font-weight:bold;color:#fff;transition:.3s ease}
.mf .send::after{font-family:'微软雅黑';content:'\f054';position:absolute;font-weight:bold;top:0;right:16px;color:#fff;transition:.3s ease}
.mf .send input[type=submit]:hover{background:#045a97;transition:.3s ease}
.mf .send:hover::after{right:10px;transition:.3s ease}
.mf .back{width:100%;max-width:350px;height:60px;line-height:60px;margin:10px auto 0;position:relative}
.mf .back input[type=submit]{-moz-appearance:none;-webkit-appearance:none;appearance:none;font-family:'微软雅黑';font-size:1rem;border:none;border-radius:0;width:100%;height:60px;line-height:60px;background:#ccc;cursor:pointer;font-weight:bold;color:#fff;transition:.3s ease}
.mf .back::after{font-family:'微软雅黑';content:'\f053';position:absolute;font-weight:bold;top:0;left:16px;color:#fff;transition:.3s ease}
.mf .back input[type=submit]:hover{background:#999;transition:.3s ease}
.mf .back:hover::after{left:10px;transition:.3s ease}
.mf .add_hl{margin-right:0.5em;font-size:0.875rem}
.mf td p{margin-bottom:6px}
.mf td p:last-of-type{margin-bottom:0}
.mf .postal_hyphen{margin:0 0.25em}
.thanks_ttl{font-weight:900;font-size:1.5rem;margin-bottom:20px}
.thanks .btn_B{text-align:center}
.thanks .btn_B a{box-sizing:border-box;margin:0 auto;background:#08a5e3;border-color:#fff;color:#fff}
.thanks .btn_B a span::before,.thanks .btn_B a span::after{border-top-color:#fff;border-right-color:#fff}
.thanks .btn_B a:hover,.thanks .btn_B a:active{background:#045a97}
@media (max-width:960px){.mf table th,.mf table td{display:block}
.mf table th{width:100%;padding:16px 0 6px}
.mf table td{width:100%;padding:6px 0 16px}
.mf .input_SS{width:15%}
.mf .input_S{width:30%}
.mf .input_M{width:60%}
.mf .input_L{width:80%}
.mf .pref{width:30%}
.mf table td textarea{width:100%}
.mf td p{margin-bottom:8px}
}@media (max-width:768px){.contact #main > .inner{padding:40px 0 100px}
}@media (max-width:600px){.mf table{margin-bottom:30px}
.mf .input_SS{width:25%}
.mf .input_S{width:100%}
.mf .input_M{width:100%}
.mf .input_L{width:100%}
.mf .pref{width:100%}
}@media (max-width:480px){.contact #main > .inner{padding:20px 0 80px}
.contact .msg{padding-bottom:30px}
}.news #sub_mv{background:url("https://www.nakatoku-steel.com/wp-content/themes/nakashima/images/news/mv.png") no-repeat center center/cover}
@media (max-width:960px){}
@media (max-width:767px){}
@media (max-width:480px){}
.news #main{background:#f7f7f7}
.news #main > .inner{width:92%;max-width:800px;margin:0 auto;padding:50px 0 120px}
#news_list_box{background:#fff;padding:30px 40px 60px;box-sizing:border-box}
#news_list li{display:flex;border-bottom:1px dashed #ccc;padding:10px 0}
#news_list li > span,#news_list li > a{display:block}
#news_list li > span{margin-right:2em}
@media (max-width:960px){}
@media (max-width:768px){.news #main > .inner{padding:40px 0 90px}
}@media (max-width:600px){#news_list_box{padding:20px 30px 50px}
}@media (max-width:480px){.news #main > .inner{padding-bottom:70px}
#news_list_box{padding:10px 20px 40px}
#news_list li{display:block;padding:1rem 0}
#news_list li > span{margin-right:0}
}.wp-pagenavi{font-weight:bold}
.wp-pagenavi span.current{background:#045a97;color:#fff}
.wp-pagenavi .page,.wp-pagenavi .previouspostslink,.wp-pagenavi .nextpostslink,.wp-pagenavi .first,.wp-pagenavi .extend,.wp-pagenavi .last{background:#08a5e3}
.wp-pagenavi a:link,.wp-pagenavi a:visited{color:#fff}
.wp-pagenavi a:hover,.wp-pagenavi a:active{color:#fff;background:#045a97}
.wp-pagenavi{text-align:center;margin:0 auto;display:flex;justify-content:center}
.wp-pagenavi a,.wp-pagenavi span.current{display:block;text-decoration:none;color:#fff}
.wp-pagenavi{padding:40px 0 0}
.wp-pagenavi a,.wp-pagenavi span.current{width:36px;height:36px;line-height:36px;text-align:center;margin:0 2px}
@media (max-width:960px){.wp-pagenavi{padding:30px 0 0}
.wp-pagenavi a,.wp-pagenavi span.current{width:36px;height:36px;line-height:36px;text-align:center;margin:0 0.125rem}
}@media (max-width:600px){.wp-pagenavi a,.wp-pagenavi span.current{}
}.news #main{background:#f7f7f7}
#news_post_box{background:#fff;padding:40px 40px 60px;box-sizing:border-box}
#news_post_box #post_meta .post_date{font-size:0.875rem;line-height:1;color:#999}
#news_post_box #post_hl{font-size:1.875rem;font-weight:700;padding:10px 0 30px;line-height:1.5}
#post_body{word-break:break-all}
#post_body p:not([class]),#post_body ul:not([class]),#post_body ol:not([class]),#post_body blockquote:not([class]){margin-bottom:1.5em}
#post_body ul:not([class]){list-style-type:disc;margin-left:1.5em}
#post_body ol:not([class]){list-style-type:decimal;margin-left:1.5em}
#post_body blockquote:not([class]){background:#f2f2f2;padding:30px;border-radius:5px;box-sizing:border-box;position:relative}
#post_body blockquote:not([class]) p:last-of-type{margin-bottom:0}
#post_body blockquote:not([class])::before,#post_body blockquote:not([class])::after{display:block;font-family:'微软雅黑';font-weight:bold;position:absolute;color:#ddd;font-size:1.25rem}
#post_body blockquote:not([class])::before{content:'\f10d';top:10px;left:16px}
#post_body blockquote:not([class])::after{content:'\f10e';bottom:10px;right:16px}
@media (max-width:960px){}
@media (max-width:768px){#news_post_box{padding:30px 30px 50px}
#news_post_box #post_hl{padding:10px 0 20px}
}@media (min-width:601px){.aligncenter{display:block;margin:0 auto 30px}
.alignright{float:right;margin:0 0 0 30px}
.alignleft{float:left;margin:0 30px 0 0}
}@media (max-width:600px){#news_post_box #post_hl{font-size:1.5rem}
.aligncenter{display:block;margin:0 auto 30px}
.alignright{display:block;margin:30px auto}
.alignleft{display:block;margin:30px auto}
}@media (max-width:480px){#news_post_box{padding:20px 20px 40px}
#news_post_box #post_hl{font-size:1.25rem}
}#pagenation{border-top:1px solid #ddd;border-bottom:1px solid #ddd;box-sizing:border-box;padding:10px;display:flex;justify-content:space-between;align-items:center;margin:50px 0 30px;letter-spacing:0.1em;font-weight:700}
#pagenation > a{color:#222;text-decoration:none;position:relative}
#pagenation > a:hover{color:#08a5e3}
#pagenation > span{opacity:.4;position:relative}
#pagenation .back{padding-left:20px}
#pagenation .next{padding-right:20px}
#pagenation .back::before,#pagenation .next::before{display:block;content:'';width:6px;height:6px;border:1px solid #222;transform:rotate(45deg);position:absolute;top:11px;transition:.3s ease}
#pagenation .back::before{border-top:none;border-right:none;left:7px}
#pagenation .next::before{border-bottom:none;border-left:none;right:7px}
#pagenation .back:hover::before,#pagenation .next:hover::before{border-color:#08a5e3;transition:.3s ease}
#pagenation .back:hover::before{left:4px}
#pagenation .next:hover::before{right:4px}
#news_index{text-align:center;letter-spacing:0.1em}
#news_index a{background:#08a5e3;color:#fff;text-decoration:none;display:inline-block;height:45px;line-height:45px;padding:0 24px 0 40px;font-weight:700;position:relative;transition:.3s ease}
#news_index a:hover{background:#045a97;transition:.3s ease}
#news_index span{display:block;position:relative}
#news_index a span::before,#news_index a span::after{display:block;content:'';width:8px;height:8px;border:1px solid #fff;border-top:none;border-right:none;transform:rotate(45deg);position:absolute;top:18px;transition:.3s ease}
#news_index a span::before{left:-14px}
#news_index a span::after{left:-20px}
#news_index a:hover span::before,#news_index a:hover span::after{transition:.3s ease}
#news_index a:hover span::before{left:-20px}
#news_index a:hover span::after{left:-26px}
@media (max-width:960px){}
@media (max-width:768px){#pagenation{margin:40px 0 30px}
}@media (max-width:600px){}
@media (max-width:480px){}
.about #sub_mv{background:url("https://www.nakatoku-steel.com/wp-content/themes/nakashima/images/about/mv.png") no-repeat center center/cover}
@media (max-width:960px){}
@media (max-width:768px){}
@media (max-width:480px){}
.about #sec_01{width:100%;background:url("https://www.nakatoku-steel.com/wp-content/themes/nakashima/images/about/01.png") no-repeat center top/cover;height:600px;overflow-y:visible;display:flex;justify-content:center;align-items:center}
.about #sec_01 .inner{width:92%;max-width:800px;box-sizing:border-box;padding:40px;background:rgba(255,255,255,.9);margin-top:25%}
.about #sec_01 .inner .box_catch{font-size:2.25rem;font-weight:700;line-height:1.5;margin-bottom:30px}
.about #sec_01 .inner p{margin-bottom:1.5em;text-align:justify}
.about #sec_01 .inner p:last-of-type{margin-bottom:0}
@media (max-width:960px){}
@media (max-width:768px){.about #sec_01 .inner .box_catch{font-size:2rem}
}@media (max-width:600px){.about #sec_01{height:auto;display:block;padding:60px 0}
.about #sec_01 .inner{margin-top:0;margin:0 auto;padding:24px}
.about #sec_01 .inner .box_catch{font-size:1.5rem}
.about #sec_01 .inner .box_catch br{display:none}
}@media (max-width:480px){}
.about #sec_02{width:100%;background:#f7f7f7;padding:240px 0 100px;box-sizing:border-box}
.about #sec_02 .inner{width:92%;max-width:1200px;margin:0 auto;display:flex;justify-content:space-between}
.about #sec_02 .box{width:48%}
.about #sec_02 .box .hl{width:100%;height:45px;line-height:45px;text-align:center;color:#fff;background:#045a97;font-size:1.125rem;letter-spacing:0.05em;margin-bottom:30px}
.about #sec_02 .box_inner{margin-bottom:20px}
.bar_graph .bar_wrap{width:100%;height:40px;line-height:40px;color:#fff;position:relative;margin-bottom:10px}
.bar_graph .bar_label{background:#444;color:#fff;width:80px;text-align:center;position:absolute;top:0;left:0;z-index:1}
.bar_graph .bar{width:0;height:40px;position:relative}
.bar_graph .bar_num_wrap{position:absolute;top:0;right:0.5em}
.about #sec_02 #bar_graph_01 .bar_01{background:rgba(8,165,227,1)}
.about #sec_02 #bar_graph_01 .bar_02{background:rgba(8,165,227,.9)}
.about #sec_02 #bar_graph_01 .bar_03{background:rgba(8,165,227,.8)}
.about #sec_02 #bar_graph_01 .bar_04{background:rgba(8,165,227,.7)}
.about #sec_02 #bar_graph_01 .bar_05{background:rgba(8,165,227,.6)}
.about #sec_02 #bar_graph_01 .bar_06{background:rgba(8,165,227,.5)}
.about #sec_02 #bar_graph_01 .bar_07{background:rgba(8,165,227,.4)}
.about #sec_02 #bar_graph_01 .bar_08{background:rgba(8,165,227,.35)}
.about #sec_02 #bar_graph_01 .bar_09{background:rgba(8,165,227,.33)}
.about #sec_02 #bar_graph_01 .bar_10{background:rgba(8,165,227,.3)}
.about #sec_02 #bar_graph_02 .bar_01{background:rgba(8,165,227,1)}
.about #sec_02 #bar_graph_02 .bar_02{background:rgba(8,165,227,.9)}
.about #sec_02 #bar_graph_02 .bar_03{background:rgba(8,165,227,.8)}
.about #sec_02 #bar_graph_02 .bar_04{background:rgba(8,165,227,.7)}
.about #sec_02 #bar_graph_02 .bar_05{background:rgba(8,165,227,.6)}
.about #sec_02 #bar_graph_02 .bar_06{background:rgba(8,165,227,.5)}
.about #sec_02 #bar_graph_02 .bar_07{background:rgba(8,165,227,.4)}
.about #sec_02 #bar_graph_02 .bar_08{background:rgba(8,165,227,.35)}
.about #sec_02 #bar_graph_02 .bar_09{background:rgba(8,165,227,.33)}
.about #sec_02 #bar_graph_02 .bar_10{background:rgba(8,165,227,.3)}
.about #sec_02 .notes{font-size:0.75rem;text-align:right}
@media (max-width:960px){.about #sec_02{padding:160px 0 40px}
.about #sec_02 .inner{display:block}
.about #sec_02 .box{width:100%;margin-bottom:40px}
}@media (max-width:600px){.about #sec_02{padding:60px 0 40px}
}@media (max-width:480px){#bar_graph_01 .bar_num_wrap{right:0.5em}
#bar_graph_02 .bar_07 .bar_num_wrap{right:-1.5em;color:rgba(8,165,227,.4)}
}.about #sec_03{width:100%;padding:80px 0 120px;box-sizing:border-box}
.about #sec_03 > .inner{width:92%;max-width:1200px;margin:0 auto}
.about #sec_03 .sub_hl{margin:0 auto 30px}
.about #sec_03 .msg{width:100%;margin:0 auto 60px}
.about #sec_03 .msg p{margin-bottom:1.5em}
.about #sec_03 .container{width:100%;margin:0 auto;position:relative}
.about #sec_03 .container > .inner{width:92%;max-width:1200px;margin:0 auto;height:540px;display:flex;align-items:center;justify-content:center}
.about #sec_03 .container > .inner ul{width:50%;font-weight:700;background:#08a5e3;color:#fff;padding:40px;box-sizing:border-box;z-index:1;font-size:1.125rem}
.about #sec_03 .container > .inner ul li{display:flex;align-items:center}
.about #sec_03 .container > .inner ul li::before{display:block;content:'';width:6px;height:6px;border-radius:3px;background:#fff;flex-shrink:0;margin-right:0.5em}
.about #sec_03 .container .visual{width:60%;height:540px;background:url("https://www.nakatoku-steel.com/wp-content/themes/nakashima/images/about/02.png") repeat-x center center/cover;position:absolute;top:0;right:0;z-index:0}
@media (max-width:960px){.about #sec_03{padding:60px 0 80px}
}@media (max-width:768px){.about #sec_03 .container > .inner ul{width:70%}
}@media (max-width:600px){.about #sec_03 .container > .inner ul{width:85%}
.about #sec_03 .container .visual{width:80%}
}@media (max-width:480px){.about #sec_03 .msg{margin-bottom:40px}
.about #sec_03 .container > .inner ul{width:92%;padding:24px}
}.about #sec_04{width:100%;padding:80px 0 120px;box-sizing:border-box;background:#f7f7f7}
.about #sec_04 .inner{width:92%;max-width:1200px;margin:0 auto}
.about #sec_04 .sub_hl{margin:0 auto 60px}
.about #sec_04 .container{width:100%;margin:0 auto;display:flex;justify-content:space-between}
.about #sec_04 .box{width:48%}
.about #sec_04 .box .hl{width:100%;height:45px;line-height:45px;text-align:center;color:#fff;background:#045a97;font-size:1.125rem;letter-spacing:0.05em;margin-bottom:30px}
.about #sec_04 .box .thumb{margin:0 auto 30px}
@media (max-width:960px){.about #sec_04{padding:60px 0 80px}
}@media (max-width:768px){.about #sec_04 .container{display:block}
.about #sec_04 .box{width:100%;margin-bottom:40px}
.about #sec_04 .box .thumb{width:70%}
}@media (max-width:600px){.about #sec_04{padding:60px 0 40px}
.about #sec_04 .box .thumb{width:100%}
}@media (max-width:480px){.about #sec_04 .sub_hl{margin:0 auto 30px}
}.about #sec_05{width:100%;height:450px;box-sizing:border-box;background:url("https://www.nakatoku-steel.com/wp-content/themes/nakashima/images/common/01.png") no-repeat center top/cover;color:#fff}
.about #sec_05 .inner{width:92%;max-width:1200px;height:100%;margin:0 auto;display:flex;flex-direction:column;justify-content:center;align-items:center}
.about #sec_05 .msg{font-weight:500;text-align:center;line-height:2;font-size:1.125rem;margin-bottom:30px}
.about #sec_05 .btn_B a{color:#fff;border-color:#fff}
.about #sec_05 .btn_B a span::before,.about #sec_05 .btn_B a span::after{border-top-color:#fff;border-right-color:#fff}
@media (max-width:960px){.about #sec_05{height:300px}
}@media (max-width:768px){}
@media (max-width:600px){.about #sec_05 .msg br{display:none}
}@media (max-width:480px){}
.requirements #sub_mv{background:url("https://www.nakatoku-steel.com/wp-content/themes/nakashima/images/requirements/mv.png") no-repeat center center/cover}
@media (max-width:960px){}
@media (max-width:767px){}
@media (max-width:480px){}
.requirements #main > .inner{width:92%;max-width:1000px;margin:0 auto;box-sizing:border-box;padding:50px 0 120px}
.requirements .hl{font-size:1.875rem;font-weight:700;padding-bottom:30px;line-height:1.5}
.requirements .gallery{margin-bottom:30px}
.requirements .gallery ul{width:100%;display:flex;flex-wrap:wrap}
.requirements .gallery li{width:16.66%}
.requirements .tags{margin-bottom:40px}
.requirements .tags ul{display:flex;flex-wrap:wrap}
.requirements .tags li{display:inline-block;font-size:0.875rem;color:#333;background:#ccc;border-radius:4px;height:24px;line-height:24px;padding:0 1em;margin:0 3px 3px 0}
.requirements .desc table{width:100%;border:1px solid #ddd;margin-bottom:60px}
.requirements .desc table th,.requirements .desc table td{border:1px solid #ddd;padding:20px;box-sizing:border-box}
.requirements .desc table th{font-weight:700;width:20%;text-align:left;background:#f5f5f5}
.requirements .desc table td{width:80%}
.requirements .entry_hl{font-size:1.875rem;font-weight:700;color:#fff;background:#045A97;height:60px;line-height:60px;margin-bottom:40px;padding:0 20px;box-sizing:border-box;letter-spacing:0.05em}
.requirements .btn_B{text-align:center}
.requirements .btn_B a{width:100%;max-width:400px;box-sizing:border-box;margin:0 auto;background:#08a5e3;border-color:#fff;color:#fff;height:70px;line-height:70px}
.requirements .btn_B a span::before,.requirements .btn_B a span::after{border-top-color:#fff;border-right-color:#fff;top:30px}
.requirements .btn_B a:hover,.requirements .btn_B a:active{background:#045a97}
@media (max-width:960px){.requirements #main > .inner{padding:40px 0 90px}
}@media (max-width:768px){.requirements .gallery li{width:33.33%}
}@media (max-width:600px){.requirements #main > .inner{padding:20px 0 70px}
.requirements .hl{font-size:1.5rem}
.requirements .desc table{border:none;margin-bottom:30px}
.requirements .desc table th,.requirements .desc table td{border:none;padding:1rem;box-sizing:border-box;display:block}
.requirements .desc table th{width:100%}
.requirements .desc table td{width:100%;padding-bottom:2rem}
}@media (max-width:480px){.requirements .gallery li{width:50%}
}.contact.entry #sub_mv{background:url("https://www.nakatoku-steel.com/wp-content/themes/nakashima/images/entry/mv.png") no-repeat center center/cover}
@media (max-width:960px){}
@media (max-width:767px){}
@media (max-width:480px){}
.equipment #sub_mv{background:url("https://www.nakatoku-steel.com/wp-content/themes/nakashima/images/equipment/mv.png") no-repeat center center/cover}
.equipment #sec_01{width:100%;box-sizing:border-box;position:relative}
.equipment #sec_01 .inner{width:92%;max-width:1000px;margin:0 auto;height:640px;display:flex;align-items:center}
.equipment #sec_01 .box{background:#08a5e3;color:#fff;position:relative;z-index:1;width:64%;padding:50px;box-sizing:border-box}
.equipment #sec_01 .box ul{display:flex}
.equipment #sec_01 .box li{position:relative}
.equipment #sec_01 .box li::after{display:inline-block;content:"/";margin:0 0.5em}
.equipment #sec_01 .box li:last-of-type::after{display:none}
.equipment #sec_01 .box a{color:#fff;text-decoration:none;font-size:1.25rem;font-weight:500}
.equipment #sec_01 .box a:hover{text-decoration:underline}
.equipment #sec_01 .box .hl{font-weight:700;letter-spacing:0.025em;line-height:1.5;position:relative;font-size:1.875rem;margin-bottom:50px}
.equipment #sec_01 .box .hl::after{display:block;content:'';width:30%;height:1px;background:#fff;position:absolute;bottom:-24px;left:0}
.equipment #sec_01 .box .desc{text-align:justify}
.equipment #sec_01 .box .desc p{margin-bottom:1.5em}
.equipment #sec_01 .box .btn_A a span::before,.equipment #sec_01 .box .btn_A a span::after{border-color:#fff;border-bottom:none;border-left:none}
.equipment #sec_01 .factory_ad{font-size:95%;width:100%}
.equipment #sec_01 .factory_ad th{width:25%}
.equipment #sec_01 .visual{width:75%;height:640px;background:url("https://www.nakatoku-steel.com/wp-content/themes/nakashima/images/equipment/01.png") no-repeat center center/cover;position:absolute;top:0;right:0;z-index:0}
.equipment #sec_01 .box ol{counter-reset:li;padding-left:20px;margin-top:0em}
.equipment #sec_01 .box ol > li{position:relative;display:block;padding:0 0 0 30px}
.equipment #sec_01 .box ol > li::before{position:absolute;content:"";left:0px;height:20px;width:20px;border-radius:10px;background:#fff;top:5px}
.equipment #sec_01 .box ol > li::after{counter-increment:li;content:counter(li);position:absolute;width:20px;height:20px;left:0px;padding:0;line-height:0;color:#08a5e3;text-align:center;font-size:0.65em;letter-spacing:0;top:15px;font-weight:700}
@media (max-width:960px){.equipment #sec_01 .box{width:70%;padding:40px}
}@media (max-width:768px){.equipment #sec_01 .box{width:76%;padding:50px}
.equipment #sec_01 .visual{width:85%}
.equipment #sec_01 .box .addres table{font-size:95%}
}@media (max-width:600px){.equipment #sec_01 .inner{flex-direction:column-reverse;height:auto}
.equipment #sec_01 .box{width:100%;padding:0}
.equipment #sec_01 .visual{width:100%;position:relative;height:450px}
.equipment #sec_01 .box ul{display:block}
.equipment #sec_01 .box li{position:relative;border-bottom:1px solid #fff}
.equipment #sec_01 .box li::after{display:none}
.equipment #sec_01 .box a{display:block;text-align:center;font-size:1rem;background:#08a5e3;height:50px;line-height:50px}
.equipment #sec_01 .box a:hover{text-decoration:none}
.equipment #sec_01 .address{margin:0 3%}
.equipment #sec_01 .factory_ad{margin:0 auto;display:block;width:100%;font-size:90%;padding-bottom:5%}
.equipment #sec_01 .factory_ad th{width:25%}
.equipment #sec_01 .factory_ad th,.equipment #sec_01 .factory_ad td{line-height:1.5;padding-bottom:3%}
}@media (max-width:480px){.equipment #sec_01 .visual{height:360px}
}.equipment #sec_02{width:92%;max-width:1200px;margin:0 auto;padding:80px 0 120px}
.equipment #sec_02 .hl{font-weight:700;font-size:2.25rem;letter-spacing:0.075em;border-bottom:3px solid #ddd;margin-bottom:40px;padding-top:50px}
.equipment #sec_02 .hl_sub{font-size:1.25rem;font-weight:700;letter-spacing:0.075em;background:#045A97;color:#fff;height:50px;line-height:50px;padding:0 1rem;margin-bottom:30px}
.equipment #sec_02 .box{margin-bottom:50px}
.equipment #sec_02 .thumb{margin-bottom:2em}
.equipment #sec_02 .address{margin-bottom:2em}
.equipment #sec_02 .map{margin-bottom:60px}
.equipment #sec_02 .eq_table{width:100%;margin:0 auto;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch;-ms-overflow-style:none}
.equipment #sec_02 .eq_table::-webkit-scrollbar{display:none}
.eq_table_inner{width:1200px}
.equipment #sec_02 table{width:100%;border:1px solid #ddd;margin-bottom:40px}
.equipment #sec_02 th,.equipment #sec_02 td{padding:10px 16px;box-sizing:border-box;border:1px solid #ddd;vertical-align:middle;text-align:center}
.equipment #sec_02 th{background:#efefef;font-weight:700}
.map{width:100%;padding:0;box-sizing:border-box}
.map .map_inner{padding-top:40%;position:relative;height:0;overflow:hidden}
.map .map_inner iframe{position:absolute;top:0;left:0;width:100%;height:100%}
@media (max-width:961px){}
@media (max-width:960px){.equipment #sec_02 .box{margin-bottom:0}
.equipment #sec_02 .hl{padding-top:30px}
}@media (max-width:768px){.map .map_inner{padding-top:60%}
}@media (max-width:600px){.equipment #sec_02{padding:0 0 60px}
.equipment #sec_02 .hl{font-size:1.875rem;margin-bottom:30px;padding-top:20px}
.map .map_inner{padding-top:100%}
}@media (max-width:480px){.equipment #sec_02 .hl{padding-top:0}
}.service #sub_mv{background:url("https://www.nakatoku-steel.com/wp-content/themes/nakashima/images/service/mv.png") no-repeat center center/cover}
.service #sec_01{width:92%;max-width:1200px;margin:0 auto;padding:60px 0 80px;line-height:2;text-align:center;font-size:1.25rem}
@media (max-width:960px){}
@media (max-width:768px){.service #sec_01{padding:40px 0 60px}
.service #sec_01 br{display:none}
}@media (max-width:600px){}
@media (max-width:480px){.service #sec_01{padding:20px 0 40px}
}.service #sec_02{width:100%;padding:80px 0 40px;background:#f7f7f7}
.service #sec_02 .inner{width:92%;max-width:1200px;margin:0 auto}
.service #sec_02 .hl{color:#045A97;text-align:center;font-weight:900;line-height:1;letter-spacing:0.025em;margin-bottom:80px}
.service #sec_02 .hl > span{display:block}
.service #sec_02 .hl > span:nth-child(1){font-size:1.5rem;margin-bottom:1rem}
.service #sec_02 .hl > span:nth-child(2){font-size:3.75rem}
.service #sec_02 .container{display:flex;flex-wrap:wrap;justify-content:space-between}
.service #sec_02 .box{width:100%;margin-bottom:60px;display:flex;justify-content:space-between}
.service #sec_02 .box.box_even{flex-direction:row-reverse}
.service #sec_02 .box .thumb{position:relative;width:48%;margin-bottom:0}
.service #sec_02 .box .thumb .num{position:absolute;font-size:3.75rem;line-height:1;letter-spacing:0.05em;color:#fff}
.service #sec_02 .box_odd .thumb .num{top:0;left:0}
.service #sec_02 .box_even .thumb .num{top:0;left:0}
.service #sec_02 .box .thumb .num::before{display:block;content:'';position:absolute;width:0;height:0;border-style:solid;border-width:50px 50px 50px 50px;border-color:transparent}
.service #sec_02 .box_odd .thumb .num::before{top:-10px;left:-10px;border-top-color:#045A97;border-left-color:#045A97}
.service #sec_02 .box_even .thumb .num::before{top:-10px;left:-10px;border-top-color:#045A97;border-left-color:#045A97}
.service #sec_02 .box .thumb .num > span{position:relative;z-index:1;text-shadow:4px 2px 0px #045A97}
.service #sec_02 .box .desc{width:46%}
.service #sec_02 .box .desc .ttl{font-size:1.875rem;font-weight:900;letter-spacing:0.1em;margin-bottom:1rem}
.service #sec_02 .box .desc p{margin-bottom:1rem;text-align:justify}
.service #sec_02 .box .desc .ttl_sub{font-weight:900;margin-bottom:0.5rem}
.service #sec_02 .box .desc ul{font-size:0.875rem;margin-bottom:1rem}
.service #sec_02 .box .desc li{display:inline-block;position:relative}
.service #sec_02 .box .desc li::after{display:inline-block;content:'/';margin:0 0.5em}
.service #sec_02 .box .desc li:last-of-type::after{display:none}
@media (max-width:960px){}
@media (max-width:768px){.service #sec_02{padding:60px 0 30px}
.service #sec_02 .hl{margin-bottom:60px}
.service #sec_02 .hl > span:nth-child(1){font-size:1.25rem}
.service #sec_02 .hl > span:nth-child(2){font-size:3rem}
.service #sec_02 .box{display:block}
.service #sec_02 .box .thumb{width:100%;margin-bottom:30px}
.service #sec_02 .box .desc{width:100%}
}@media (max-width:600px){}
@media (max-width:480px){.service #sec_02{padding:40px 0 20px}
.service #sec_02 .hl{margin-bottom:40px}
.service #sec_02 .hl > span:nth-child(1){font-size:1.125rem}
.service #sec_02 .hl > span:nth-child(2){font-size:2.25rem}
.service #sec_02 .box{margin-bottom:30px}
.service #sec_02 .box .desc .ttl{font-size:1.5rem}
.service #sec_02 .box .thumb{margin-bottom:20px}
}.service #sec_03{width:100%;padding:80px 0 120px}
.service #sec_03 .inner{width:92%;max-width:1200px;margin:0 auto}
.service #sec_03 .hl{color:#045A97;text-align:center;font-weight:900;line-height:1;letter-spacing:0.025em;margin-bottom:80px}
.service #sec_03 .hl > span{display:block;font-size:3rem}
.service #sec_03 .container{display:flex;justify-content:space-between}
.service #sec_03 .box{width:47%}
.service #sec_03 .box .ttl{font-weight:900;font-size:1.5rem;letter-spacing:0.075em;border-bottom:3px solid #ddd;margin-bottom:40px;padding-bottom:10px}
.service #sec_03 .box .thumb{width:100%;max-width:250px;margin:0 auto 30px}
.service #sec_03 .box .desc p{text-align:justify;margin-bottom:1.25rem;font-size:1.25rem}
.service #sec_03 .box .desc ol{counter-reset:li;margin-top:0em}
.service #sec_03 .box .desc ol > li{position:relative;display:block;padding:0 0 0 30px}
.service #sec_03 .box .desc ol > li::before{position:absolute;content:"";left:0px;height:20px;width:20px;border-radius:10px;background:#aaa;top:5px}
.service #sec_03 .box .desc ol > li::after{counter-increment:li;content:counter(li);position:absolute;width:20px;height:20px;left:0px;padding:0;line-height:0;color:#fff;text-align:center;font-size:0.65em;letter-spacing:0;top:15px;font-weight:700}
@media (max-width:960px){}
@media (max-width:768px){.service #sec_03{padding:70px 0 60px}
.service #sec_03 .hl{margin-bottom:60px}
.service #sec_03 .hl > span{font-size:3rem}
.service #sec_03 .container{display:block}
.service #sec_03 .box{width:100%;margin-bottom:50px}
}@media (max-width:600px){}
@media (max-width:480px){.service #sec_03{padding:40px 0 20px}
.service #sec_03 .hl{margin-bottom:30px}
.service #sec_03 .hl > span{font-size:1.75rem;line-height:1.5}
.service #sec_03 .box .ttl{font-size:1.25rem;margin-bottom:30px}
}.service #sec_04{width:100%;padding:80px 0 120px;background:#f7f7f7}
.service #sec_04 .inner{width:92%;max-width:800px;margin:0 auto}
.service #sec_04 .hl{color:#045A97;text-align:center;font-weight:900;line-height:1;letter-spacing:0.025em;margin-bottom:80px}
.service #sec_04 .hl > span{display:block;font-size:3rem}
.service #sec_04 .box{border-bottom:1px solid #ccc;padding:1rem 0}
.service #sec_04 .box:first-of-type{border-top:1px solid #ccc}
.service #sec_04 .box .ttl{font-size:1.5rem;font-weight:700}
.service #sec_04 .box .dtl li{position:relative;display:inline-block}
.service #sec_04 .box .dtl li::after{display:inline-block;content:'/';margin:0 0.5em}
.service #sec_04 .box .dtl li:last-of-type::after{display:none}
@media (max-width:960px){}
@media (max-width:768px){.service #sec_04{padding:70px 0 80px}
.service #sec_04 .hl{margin-bottom:50px}
}@media (max-width:600px){}
@media (max-width:480px){.service #sec_04{padding:40px 0 60px}
.service #sec_04 .hl{margin-bottom:30px}
.service #sec_04 .hl > span{font-size:1.75rem}
.service #sec_04 .box .ttl{font-size:1rem}
.service #sec_04 .box .dtl{font-size:0.875rem}
}.service #sec_05{width:100%;padding:80px 0 120px}
.service #sec_05 .inner{width:92%;max-width:1200px;margin:0 auto}
.service #sec_05 .hl{color:#045A97;text-align:center;font-weight:900;line-height:1;letter-spacing:0.025em;margin-bottom:80px}
.service #sec_05 .hl > span{display:block;font-size:3rem}
.service #sec_05 .container{display:flex;justify-content:space-between;flex-wrap:wrap}
.service #sec_05 .box{width:47%;margin-bottom:40px}
.service #sec_05 .box .ttl{font-size:1.25rem;font-weight:700;letter-spacing:0.075em;background:#08a5e3;color:#fff;height:50px;line-height:50px;padding:0 1rem;margin-bottom:30px}
.service #sec_05 .box .desc p{text-align:justify}
.service #sec_05 .box .desc ol{counter-reset:li;margin-top:0em}
.service #sec_05 .box .desc ol > li{position:relative;display:block;padding:0 0 0 30px}
.service #sec_05 .box .desc ol > li::before{position:absolute;content:"";left:0px;height:20px;width:20px;border-radius:10px;background:#aaa;top:5px}
.service #sec_05 .box .desc ol > li::after{counter-increment:li;content:counter(li);position:absolute;width:20px;height:20px;left:0px;padding:0;line-height:0;color:#fff;text-align:center;font-size:0.65em;letter-spacing:0;top:15px;font-weight:700}
@media (max-width:960px){}
@media (max-width:768px){.service #sec_05{padding:70px 0 80px}
.service #sec_05 .hl{margin-bottom:50px}
.service #sec_05 .hl > span{display:block;font-size:3rem}
.service #sec_05 .container{display:block}
.service #sec_05 .box{width:100%;margin-bottom:40px}
}@media (max-width:600px){}
@media (max-width:480px){.service #sec_05{padding:40px 0 20px}
.service #sec_05 .hl{margin-bottom:30px}
.service #sec_05 .hl > span{font-size:1.75rem}
.service #sec_05 .box{margin-bottom:30px}
.service #sec_05 .box .ttl{margin-bottom:20px;font-size:1.125rem}
}.waterjet #sub_mv{background:url("https://www.nakatoku-steel.com/wp-content/themes/nakashima/images/waterjet/mv.png") no-repeat center center/cover}
.waterjet #sec_01{width:100%;padding:150px 0;background:url("https://www.nakatoku-steel.com/wp-content/themes/nakashima/images/waterjet/01.png") no-repeat center center/cover}
.waterjet #sec_01 .inner{width:92%;max-width:1200px;margin:0 auto}
.waterjet #sec_01 .inner .box{width:45%;background:rgba(255,255,255,.8);color:#333;padding:50px;box-sizing:border-box}
.waterjet #sec_01 .inner .box .hl{font-weight:900;letter-spacing:0.025em;line-height:1.5;position:relative;font-size:1.875rem;margin-bottom:20px}
.waterjet #sec_01 .inner .box .hl > span{display:block}
.waterjet #sec_01 .inner .box .hl > span:nth-child(2){font-size:2.5rem}
.waterjet #sec_01 .inner .box p{margin-bottom:1em;text-align:justify;font-weight:700}
.waterjet #sec_01 .inner .box p:last-of-type{margin-bottom:0}
@media (max-width:960px){.waterjet #sec_01 .inner .box{width:60%;padding:50px}
}@media (max-width:768px){.waterjet #sec_01 .inner .box{width:80%;padding:40px}
}@media (max-width:600px){.waterjet #sec_01{padding:120px 0}
.waterjet #sec_01 .inner .box{width:100%;padding:30px}
.waterjet #sec_01 .inner .box .hl{font-size:1.75rem}
.waterjet #sec_01 .inner .box .hl > span:nth-child(2){font-size:2.25rem}
}@media (max-width:480px){.waterjet #sec_01{padding:60px 0}
.waterjet #sec_01 .inner .box .hl{font-size:1.25rem}
.waterjet #sec_01 .inner .box .hl > span:nth-child(2){font-size:1.75rem}
}.waterjet #sec_02{width:100%;padding:80px 0 80px}
.waterjet #sec_02 .inner{width:92%;max-width:1200px;margin:0 auto}
.waterjet #sec_02 .hl{color:#045A97;text-align:center;font-weight:900;line-height:1;letter-spacing:0.025em;margin-bottom:80px}
.waterjet #sec_02 .hl > span{display:block}
.waterjet #sec_02 .hl > span:nth-child(1){font-size:1.5rem;margin-bottom:1rem}
.waterjet #sec_02 .hl > span:nth-child(2){font-size:3.75rem}
.waterjet #sec_02 .container{display:flex;flex-wrap:wrap;justify-content:space-between}
.waterjet #sec_02 .container .box{width:32%;box-sizing:border-box;padding:30px;background:#08a5e3;color:#fff;margin-bottom:2%}
.waterjet #sec_02 .container .box .ttl{display:flex;margin-bottom:20px;align-items:baseline;line-height:1}
.waterjet #sec_02 .container .box .ttl .num{font-size:3rem;margin-right:0.5rem}
.waterjet #sec_02 .container .box .ttl .merit{font-size:1.5rem;font-weight:900}
.waterjet #sec_02 .container .box p{margin-bottom:1rem}
.waterjet #sec_02 .container .box .ttl_sub{font-weight:700;margin-bottom:0.5rem}
.waterjet #sec_02 .container .box ul{font-size:0.75rem;text-align:justify}
.waterjet #sec_02 .container .box li{position:relative;display:inline}
.waterjet #sec_02 .container .box li::after{display:inline-block;content:'/';margin:0 0.25em}
.waterjet #sec_02 .container .box li:last-of-type::after{display:none}
@media (max-width:960px){.waterjet #sec_02 .hl{margin-bottom:60px}
.waterjet #sec_02 .hl > span:nth-child(1){font-size:1.25rem}
.waterjet #sec_02 .hl > span:nth-child(2){font-size:3rem}
.waterjet #sec_02 .container .box{width:49%}
}@media (max-width:768px){}
@media (max-width:600px){.waterjet #sec_02{padding:60px 0 60px}
.waterjet #sec_02 .container .box{width:100%}
.waterjet #sec_02 .hl{margin-bottom:40px}
.waterjet #sec_02 .hl > span:nth-child(1){font-size:1.125rem}
.waterjet #sec_02 .hl > span:nth-child(2){font-size:2.25rem}
.waterjet #sec_02 .container .box .ttl .num{font-size:2rem}
.waterjet #sec_02 .container .box .ttl .merit{font-size:1.25rem}
}@media (max-width:480px){.waterjet #sec_02{padding:40px 0 50px}
.waterjet #sec_02 .hl{margin-bottom:30px}
.waterjet #sec_02 .hl > span:nth-child(2){font-size:2rem}
.waterjet #sec_02 .container .box{padding:20px}
}.waterjet #sec_03{width:100%;padding:100px 0 120px;background:#f7f7f7}
.waterjet #sec_03 .inner{width:92%;max-width:1200px;margin:0 auto}
.waterjet #sec_03 .hl{margin:0 auto 60px}
.waterjet #sec_03 .hl > span{display:block;color:#045A97}
.waterjet #sec_03 .hl > span:nth-child(1){font-size:3.75rem;line-height:1;letter-spacing:0.025em}
.waterjet #sec_03 .hl > span:nth-child(2){font-size:1.5rem;font-weight:700}
.waterjet #sec_03 .container ul{display:flex;flex-wrap:wrap}
.waterjet #sec_03 .container li{width:15%;margin-right:2%;margin-bottom:2%;background:#fff}
.waterjet #sec_03 .container li:nth-child(6n){margin-right:0}
.waterjet #sec_03 .container li img{width:100%}
@media (max-width:960px){.waterjet #sec_03{padding:80px 0 90px}
.waterjet #sec_03 .hl{margin:0 auto 60px}
.waterjet #sec_03 .hl > span:nth-child(1){font-size:3rem}
.waterjet #sec_03 .hl > span:nth-child(2){font-size:1.25rem}
.waterjet #sec_03 .container li{width:23.5%;margin:0 2% 2% 0}
.waterjet #sec_03 .container li:nth-child(4n){margin-right:0}
}@media (max-width:768px){.waterjet #sec_03 .container li{width:32%;margin:0 2% 2% 0}
.waterjet #sec_03 .container li:nth-child(4n){margin-right:2%}
.waterjet #sec_03 .container li:nth-child(3n){margin-right:0}
}@media (max-width:600px){.waterjet #sec_03{padding:60px 0 60px}
.waterjet #sec_03 .hl{margin:0 auto 40px}
.waterjet #sec_03 .hl > span:nth-child(1){font-size:2.25rem}
.waterjet #sec_03 .hl > span:nth-child(2){font-size:1.125rem}
.waterjet #sec_03 .container li{width:48%;margin:0 4% 4% 0}
.waterjet #sec_03 .container li:nth-child(3n){margin-right:4%}
.waterjet #sec_03 .container li:nth-child(2n){margin-right:0}
}@media (max-width:480px){.waterjet #sec_03{padding:40px 0 50px}
.waterjet #sec_03 .hl{margin:0 auto 30px}
.waterjet #sec_03 .hl > span:nth-child(1){font-size:2rem}
.waterjet #sec_03 .hl > span:nth-child(2){font-size:1.125rem}
}.waterjet #sec_04{width:100%;padding:100px 0 120px}
.waterjet #sec_04 .inner{width:92%;max-width:1200px;margin:0 auto}
.waterjet #sec_04 .hl{margin:0 auto 60px}
.waterjet #sec_04 .hl > span{display:block;color:#045A97}
.waterjet #sec_04 .hl > span:nth-child(1){font-size:3.75rem;line-height:1;letter-spacing:0.025em}
.waterjet #sec_04 .hl > span:nth-child(2){font-size:1.5rem;font-weight:700}
.wj_table{width:100%;margin:0 auto;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch;-ms-overflow-style:none}
.wj_table::-webkit-scrollbar{display:none}
.wj_table_inner{width:1200px}
.waterjet #sec_04 table{width:100%;border:1px solid #ddd;margin-bottom:40px}
.waterjet #sec_04 th,.waterjet #sec_04 td{padding:10px 16px;box-sizing:border-box;border:1px solid #ddd;vertical-align:middle;text-align:center}
.waterjet #sec_04 th{background:#efefef;font-weight:700}
@media (max-width:960px){.waterjet #sec_04{padding:80px 0 60px}
.waterjet #sec_04 .hl{margin:0 auto 40px}
.waterjet #sec_04 .hl > span:nth-child(1){font-size:3rem}
.waterjet #sec_04 .hl > span:nth-child(2){font-size:1.25rem}
}@media (max-width:768px){}
@media (max-width:600px){.waterjet #sec_04{padding:60px 0 60px}
.waterjet #sec_04 .hl{margin:0 auto 30px}
.waterjet #sec_04 .hl > span:nth-child(1){font-size:2.25rem}
.waterjet #sec_04 .hl > span:nth-child(2){font-size:1.125rem}
}@media (max-width:480px){.waterjet #sec_04{padding:40px 0 50px}
.waterjet #sec_04 .hl{margin:0 auto 30px}
.waterjet #sec_04 .hl > span:nth-child(1){font-size:2rem}
}.waterjet #sec_05{width:100%;padding:150px 0;background:url("https://www.nakatoku-steel.com/wp-content/themes/nakashima/images/waterjet/03.png") no-repeat center center/cover}
.waterjet #sec_05 .inner{width:92%;max-width:1200px;margin:0 auto}
.waterjet #sec_05 .box{width:100%;max-width:800px;margin:0 auto;background:rgba(255,255,255,.8);color:#333;padding:50px;box-sizing:border-box}
.waterjet #sec_05 .box .hl{font-weight:900;letter-spacing:0.025em;line-height:1.5;position:relative;font-size:1.875rem;margin-bottom:30px}
.waterjet #sec_05 .box p{margin-bottom:1em;text-align:justify;font-weight:700}
.waterjet #sec_05 .box ol{counter-reset:li;margin-top:0em}
.waterjet #sec_05 .box ol > li{position:relative;display:block;padding:0 0 0 30px}
.waterjet #sec_05 .box ol > li::before{position:absolute;content:"";left:0px;height:20px;width:20px;border-radius:10px;background:#333;top:5px}
.waterjet #sec_05 .box ol > li::after{counter-increment:li;content:counter(li);position:absolute;width:20px;height:20px;left:0px;padding:0;line-height:0;color:#fff;text-align:center;font-size:0.65em;letter-spacing:0;top:15px;font-weight:700}
@media (max-width:960px){}
@media (max-width:768px){.waterjet #sec_05{padding:120px 0}
}@media (max-width:600px){.waterjet #sec_05 .box .hl{font-size:1.75rem;margin-bottom:20px}
}@media (max-width:480px){.waterjet #sec_05{padding:80px 0}
.waterjet #sec_05 .box{padding:30px}
.waterjet #sec_05 .box .hl{font-size:1.5rem}
}.panel-grid-cell{float:left;width:100%;background:#fff;padding-bottom:60px}
.hez_info{width:80%;margin:0px auto}
.hez_info ul{margin:0;padding:0;list-style:none}
.hez_info ul li{width:22.5%;float:left;margin:1%;text-align: center;border:0.5px solid rgb(148 148 148)}
.ClearFix{zoom:1}
.ClearFix:after{content:"";display:block;clear:both}
body{font-family:'微软雅黑';color:#333;font-size:100%;line-height:100%;text-align:left;background-color:#e5e5e5;-webkit-text-size-adjust:100%}
#Footer{clear:both;min-width:965px;padding:30px 0;background-color:#e5e5e5;overflow:hidden}
#Footer h2{margin:0;padding:0;border:none;line-height:0;text-indent:-9999px}
#Footer ul{width:965px;margin:0 auto;font-size:67%}
#Footer li{position:relative;z-index:99999;float:left;padding:0 10px;border-left:solid 1px #bbb;line-height:1.5em;vertical-align:top}
#Footer li a:link,#Footer li a:visited{color:#333;text-decoration:none}
#Footer p{width:965px;margin:0 auto;font-size:65%;text-align:right;line-height:1.5em;color:#333;vertical-align:top}
.PageTop a{display:inline-block;padding:0 20px 0 0;background-image:url(/image/cn/r1/icon/icon_link_top.gif);background-repeat:no-repeat;background-position:right center;zoom:1}
.PageTop a:link,.PageTop a:visited{color:#c02;text-decoration:none}
#U995,#U768,#U580,#U400,.ShowRWD{display:none}
#Footer h2{background-image:none}
table td{background-color:#fff}
.Newwinblack a,span.Newwinblack{background:url("/image/hmch/icon/newwin_black.png") no-repeat right center;padding-right:19px}
#sitemapArea{width:100%;background:#c9c9c9;padding:10px 0}
#sitemapArea .site-list{margin:0 auto;padding:10px 0 45px;width:100%}
#sitemapArea .site-list > dt{width:100%;float:left;border-bottom:1px solid #474849;color:#484848;font-size:16px;font-weight:bold;line-height:34px;height:34px;margin-bottom:13px;padding-top:34px}
#sitemapArea .site-list > dd{margin-bottom:10px}
#sitemapArea .site-list > dd ul li a{font-size:83%;color:#4c4c4c;line-height:2}
#sitemapArea .category-list > li{float:left;width:240px;margin-right:1px}
.PageTop{position:relative;width:100%;margin:0 auto;bottom:0px}
.PageTop ul{position:relative;width:100%}
.PageTop li{position:absolute;right:0;bottom:0;background:#474849;border-radius:5px 5px 0 0;color:#fff;margin-bottom:-1px;cursor:pointer;font-size:14px;line-height:32px;text-align:center;width:160px}
.PageTop li a{width:100%;background:none;padding:5px 0}
.PageTop li a:link,.PageTop li a:visited{color:#FFF}
.PageTop li a::after{border-top:3px solid #fff;border-right:3px solid #fff;content:"";display:inline-block;height:7px;margin-left:14px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);vertical-align:-2px;width:7px}
.foota{float:left;width:100%;background:#222;padding:20px 0;box-sizing:border-box}
.foota .footb{padding:0px 20px;margin:0 auto;width:80%;box-sizing:border-box}
.foota .footb .ftitle{margin-top:20px;float:left;width:100%;border-bottom:1px solid #f7f7f7;color:#f7f7f7;font-size:16px;font-weight:bold;line-height:34px;margin-bottom:13px}
.foota .footb ul{float:left;width:100%}
.foota .footb ul li{float:left;width:25%;line-height:35px}
.foota .footb ul li a{font-size:1rem;color: #f7f7f7;}
.ftitle a{font-size:1rem}
.bfoota{float:left;width:100%;background-color:#d71a21;overflow:hidden;padding:30px 0px;box-sizing:border-box}
.bfoota .bfootb{padding:0px 20px;margin:0 auto;width:80%;box-sizing:border-box}
.bfoota .bfootb .fbquan{float:left;width:100%}
.bfoota .bfootb .fbqri{float:left;width:50%}
.bfoota .bfootb .fbqri ul{width:100%;float:left}
.bfoota .bfootb .fbqri ul li{line-height: 28px;vertical-align: top;color: white;font-size: 0.8rem;}
.bfoota .bfootb .fbqri ul li a{font-size:0.8rem;color: #f7f7f7;}
.bfoota .bfootb .fbqri ul li.FirstItem{padding:0 10px 0 0;border-left:none;color: white;font-size: 0.8rem;}
.bfoota .bfootb .fbqleft{width:50%;float:left;text-align:right;font-size:0.8rem}
.bfoota .bfootb .fbqleft{width:50%;float:left;text-align:right;color: #f7f7f7;}
.bfoota .bfootb .fbqleft a {line-height: 40px;color: white;}
@media (max-width:400px){.hez_info ul li{width:45%;height:99px;float:left;margin:5px;border:0.5px solid #eeeeee}
.foota .footb ul li{float:left;width:33.33%;line-height:35px}
.foota .footb{padding:0px 20px;margin:0 auto;width:100%;box-sizing:border-box}
.bfoota .bfootb{padding:0px 20px;width:100%;box-sizing:border-box}
.bfoota .bfootb .fbqri,.bfoota .bfootb .fbqleft{float:left;width:100%}
.bfoota .bfootb .fbqleft{float:left;text-align:left;color: #f7f7f7;}
}@media (max-width:600px){.hez_info{width:96%}
}@media (max-width: 600px){
.foota .footb {
    padding: 0px 20px;
    margin: 0 auto;
    width: 100%;
    box-sizing: border-box;}
.bfoota .bfootb .fbqri,.bfoota .bfootb .fbqleft{
	float:left;
	width:100%;}
.bfoota .bfootb .fbqleft {
    float: left;
    text-align: left;
    color: #f7f7f7;}
.bfoota .bfootb {
    padding: 0px 20px;
    width: 100%;
    box-sizing: border-box;}
.foota .footb ul li {
    float: left;
    width: 33.33%;
    line-height: 35px;}	
}#mainid {
    margin-top: 100vh;
    padding-top: 11px;
    background: #fff;
    box-sizing: border-box;
    position: relative;
    z-index: 1;
    height: 85px;
}