/*
subpage-style
*/

.sub-kvarea{width:100%;height:250px;position:relative;background-position:center;background-image:url('../img/index/kv.jpg');display:flex;align-items:center;padding-left:7.8%;z-index:0;overflow:hidden;}

.sub-kvarea h1{color:#fff;font-size:45px;font-weight:900;line-height:1.2;z-index:2;text-shadow:0px 0px 5px rgba(0,0,0,0.9);top: 100px; width:94%;max-width:1200px;left:0;right:0;margin:auto;position:absolute;}

.font-blu{color:#0c4faf;}

.breadcrumbs{width:94%;max-width:1200px;margin:0 auto;margin-top:30px;}
.sub-content{overflow:hidden;line-height:1.8}
.sub-content-block{margin-bottom:50px;overflow:hidden;}
.sub-content p{margin-top:20px;margin-bottom:20px;box-sizing:border-box;}
.sub-content .sig{width:100%;text-align:right;display:flex;justify-content:flex-end;align-items:center;font-size:90%;line-height:1.2}
.sub-content .sig figure img{height:100%}
.sub-content .sig figure{line-height:1;height:100%;display:block;}


.sub-content h2{ 
    border-bottom: 1px solid #000;
    margin-bottom: 40px;
    line-height: 1.6;
    font-size: 35px;
    font-weight: bold;
    padding-left: 0px;
    padding-right: 20px;
    padding-bottom: 15px;
    letter-spacing:0.2rem;
}
h2.columntitle{border-bottom:0px solid #fff;color:#0c4faf;}


.sub-content h2.firstbig span:nth-child(1){font-size:50px;color:#0c4faf;}

.sub-content h3{
    color:#000;
    font-size:25px;
    padding-bottom:10px;
    padding-top:20px;

} 
.column-content-block h3{padding-bottom:0;margin-bottom:30px;border-bottom:1px solid #000;}
.column-content-block p{margin-top:10px;margin-bottom:10px;line-height:1.8}
.column-content-block img.size-full{max-width:100%;margin-bottom:10px}
.column-content-block a{color:#0c4faf;}
.column-content-block h4{color:#0c4faf;font-size:120%}
.column-content-block h5{font-size:110%;}

.column-content-block table{table-layout:fixed;border-collapse:collapse;margin-top:20px;margin-bottom:20px;}
.column-content-block table th,.column-content-block table td{border:1px solid #aaa;padding:15px;}
.column-content-block table th{background:#def}
.column-content-block ul{list-style:disc;margin-left:1.5em;margin-bottom:20px;margin-top:10px}
.column-content-block ol{list-style:decimal;margin-left:1.5em;margin-bottom:20px;margin-top:10px}

.proces-text-rimg{display:flex;}
.proces-text-rimg > p,.proces-text-rimg table{margin-right:40px}
.proces-text-rimg figure{margin-top:40px;max-width:50%;}
.proces-text-rimg table{margin-top:40px;width:60%}
.proces-text-rimg table td{vertical-align:middle;}
.proces-text-rimg figure img{width:100%;}
.proces-text-rimg2 table{width:300px;}
.proces-text-rimg2 figure{width:250px;}
.proces-h4{border-left:5px solid #0c4faf;padding-left:5px;}
.proces-table{table-layout:fixed;border-collapse:collapse;}
.proces-table td{border:1px solid #aaa;padding:5px 30px;}

.text-box-2col{display:flex;flex-wrap:wrap;justify-content:space-between;}
.text-box-2col > p{width:58%}
.text-box-2col > figure{width:38%}
.text-box-2col > figure img{width:100%;}

.syphoto{width:45%;float:right;padding-left:30px;padding-bottom:30px;max-width:1000px}
.syphoto img{width:100%;}
.philosophy{text-align:center;}

.philosophy h3{font-size:45px;margin-top:50px; font-family: "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "HGP明朝B", serif;}
.philosophy p{font-size:25px;font-weight:bold;margin-bottom:50px;line-height:1.2}


.company-content-wrapper dl{overflow:hidden;display:flex;flex-wrap:wrap;margin-bottom:30px;border-bottom:1px solid #eee;padding-bottom:30px}
.company-content-wrapper dl dt{width:33%;display:block;text-align:left;padding-left:5px;box-sizing:border-box;padding-right:15px;color:#000;}
.company-content-wrapper dl dd{width:66%;display:block;margin-left:0;line-height:1.8}

.gmap-wrapper{width:100%;}
.gmap-wrapper iframe{width:100%;height:500px}

.access-wrapper iframe{width:100%;height:400px;margin-top:30px}

.mapnotice{font-size:0.8em;display:flex;}
.mapnotice  li span{background:#0062ff;color:#fff;border-radius:1.5em;box-sizing:border-box;padding-bottom:5px;font-weight:bold;display:inline-block;height:1.5em;width:1.5em;text-align:center;margin-right:5px;line-height:1.5em;}
    .mapnotice  li{margin-bottom:5px;margin-right:15px;}



.access-wrapper{margin-top:50px;}
.access-wrapper dl{overflow:hidden;display:flex;flex-wrap:wrap;margin-bottom:20px;border-bottom:1px solid #eee;padding-bottom:20px}
.access-wrapper dl dt{width:33%;display:block;text-align:left;padding-left:5px;box-sizing:border-box;padding-right:15px;color:#000;}
.access-wrapper dl dd{width:66%;display:block;margin-left:0;line-height:1.8}

.history-wrapper{margin-top:50px;}
.history-wrapper dl{overflow:hidden;display:flex;flex-wrap:wrap;margin-bottom:20px;border-bottom:1px solid #eee;padding-bottom:20px}
.history-wrapper dl dt{width:33%;display:block;text-align:left;padding-left:5px;box-sizing:border-box;padding-right:15px;color:#0c4faf;font-size:140%;font-weight:bold}
.history-wrapper dl dd{width:66%;display:block;margin-left:0;line-height:1.8;padding-top:0.4em;}

.page-section{max-width:94%;margin:0 auto;padding-top:35px;padding-bottom:35px;margin-top:35px;margin-bottom:45px}

.img-block1,.img-block2{width:100%;max-width:1200px;display:block}
.img-block2{display:flex;}
.img-block1 > img,.img-block1 > figure{max-width:100%;height:auto;}
.img-block1 > figure,.img-block2 > figure{text-align:center;line-height:1.2;font-size:15px;}
.img-block2 > img,.img-block2 > figure {max-width:49%;height:auto;vertical-align:top;}
.img-block2 > img:nth-child(odd),.img-block2 > figure:nth-child(odd){margin-right:2%}
.img-block1 > figure img,.img-block2 > figure > img{max-width:100%;margin-bottom:15px} 
.processing-list-wrapper{width:100%;max-width:1200px;display:flex;flex-wrap:wrap;}
.processing-list-wrapper > a{width:calc(50% - 40px);height:281px;display:flex;background-position:center center;background-size: auto 100%;color:#fff;font-weight:bold;box-sizing:border-box;align-items:center;justify-content:flex-start;padding:10px 30px;font-size:25px;position:relative;border:0px solid #fff;
margin:20px
}
.img-block2b,.img-block2c{display:flex;flex-wrap:wrap;justify-content:space-between;}
.img-block2d{display:flex;flex-wrap:wrap;justify-content:center}
.img-block2b > div{width:48%;}
.img-block2b > figure{width:48%;}
.img-block2b > figure img,.img-block2b > div img{width:100%;}
.img-block2c > figure:nth-child(1){width:58.6%;}
.img-block2c > figure:nth-child(2){width:41%;}
.img-block2c > figure img,.img-block2d > figure img{width:100%}
.img-block2d > figure:nth-child(1){width:30%;max-width:350px}
.img-block2d > figure:nth-child(2){width:50%;}

.img-block3{display:flex;justify-content:space-between;margin-top:70px;width:100%;max-width:1000px}
.img-block3 figure{width:calc((100% - 80px) / 3);position:relative;max-width:300px;text-align:center;font-size:15px;line-height:1.2;}
.img-block3 figure img{display:block;width:100%;margin-bottom:15px}
.img-block3 figure::after{content:"";position:absolute;right:-35px;top:0;bottom:0;margin:auto;
   
        width: 0;
        height: 0;
        border-style: solid;
        border-top: 20px solid transparent;
        border-bottom: 20px solid transparent;
        border-left: 30px solid #0c4faf;
        border-right: 0;
     
}
.img-block3 > figure:last-child::after{display:none;}
.threecolor-table{margin-bottom:50px;table-layout:fixed;margin-top:30px;border:1px solid #aaa;}
.threecolor-table th,.threecolor-table td{padding:20px;}
.threecolor-table tr:nth-child(1){background-color:#def}
.threecolor-table tr:nth-child(2){background-color:#fde}


.processing-list-wrapper > a::before{position:absolute;right:0;bottom:-0.3em;font-size:120px;
    font-size:7vw;
    opacity:0.6;color:#fafafa;}
.processing-list-wrapper > a:nth-child(1){width:100%;}
.processing-list-wrapper > a:nth-child(1)::before{content:"Spinning"}
.processing-list-wrapper > a:nth-child(2)::before{content:"Welding"}
.processing-list-wrapper > a:nth-child(3)::before{content:"Laser cutting";font-size:5.2vw}
.processing-list-wrapper > a:nth-child(4)::before{content:"Buff Polishing";font-size:6vw}
.processing-list-wrapper > a:nth-child(5)::before{content:"Sheet metal";font-size:6vw}
.processing-list-wrapper > a::after{content:"";display:block;position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.4);}
.processing-list-wrapper > a:hover::after{background-color:rgba(0,0,0,0.2);}
.processing-list-wrapper > a span{position:relative;color:#fff;z-index:+1}
.processing-list-wrapper > a:hover{background-size: auto 110%}
.processing-list-wrapper > a span:nth-child(2){margin-left:10px}

.policy-wrapper > ol,.policy-wrapper > ol > li{list-style:decimal;}
.policy-wrapper ul,.policy-wrapper ul li{list-style:disc}
.nagase-ul, .nagase-ul li{list-style:none;}
.nagase-ul li::before{content:"";width:0.5em;height:0.5em;display:inline-block;background:#0c4faf;border-radius:50%;margin-right:10px}
.policy-wrapper > ol{padding-left:1.8em;}
.policy-wrapper ul{margin-left:2em;margin-top:1em;}
.nagase-ul{margin-left:0.5em;margin-top:1em;}
.policy-wrapper > ol > li{margin-bottom:30px;}

.record-wrapper{width:100%;max-width:1200px;display:flex;margin:30px auto;flex-wrap:wrap;}
.record-wrapper > li{width:22%;margin-left:1.5%;margin-right:1.5%;margin-bottom:30px}
.record-wrapper > li > figure{width:100%;aspect-ratio:16 / 9;overflow:hidden;background:#f0f0f0;text-align:center;display:block;position:relative;}
.record-wrapper > li > figure img{height:100%;position:absolute;top: 50%;left: 50%;
    transform: translateY(-50%) translateX(-50%);
    -webkit- transform: translateY(-50%) translateX(-50%);}


.mlist-section{margin-bottom:100px}
.mlist-section h4{margin-top:15px;}
.mlist-section h3{margin-top:15px;border-left:10px solid #0c4faf;padding-left:10px;box-sizing:border-box}
.mlist-section p{margin-top:10px;font-size:90%}

.tolinkbtn{width:30%;margin:0 auto;margin-top:20px;}
.tolinkbtn a{width:100%;padding:20px 40px;border:1px solid #000;border-radius:30px;display:block;text-align:center;transition:0.5s}
.tolinkbtn a:hover{background:#0c4faf;border-color:#0c4faf;color:#fff;}

.sustainable-wrapper{margin-bottom:10px;}
.sustainable-wrapper > div{padding:50px;margin:0 auto;margin-top:20px;margin-bottom:20px;border:1px solid #efefef;width:100%;padding-top:20px}
.sustainable-wrapper > div h4{color:#0c4faf;margin-top:10px;margin-bottom:2px}
.sustinablebox{display:flex;width:100%;margin-top:30px}
.sustinablebox > div.sustinableicon-wrapper{margin-right:30px;width:360px;overflow:hidden;}
.sustinablebox > div.sustinableicon-wrapper img{float:left;padding:20px;width:calc(50% - 10px);margin-right:10px;box-sizing:border-box;box-shadow:5px 5px 5px #aaa;margin-bottom:10px;margin-top:10px;}

.sustinablebox > div.sustinabletxt-wrapper{width:calc(100% - 390px);}

.prise-wrapper{width:100%;max-width:780px;display:flex;justify-content:space-between;margin:0 auto;margin-bottom:50px}
.prise-wrapper figure{width:48%;display:block;box-sizing:border-box;text-align:center;}
.prise-wrapper figure img{width:100%;margin-bottom:10px;}

.sustainabilyty-event-wrapper{width:100%;max-width:1200px;display:flex;justify-content:space-between;margin:0 auto;margin-bottom:50px;flex-wrap:wrap;}
.sustainabilyty-event-wrapper figure{width:20%;display:block;box-sizing:border-box;text-align:center;margin-bottom:20px}
.sustainabilyty-event-wrapper figure img{width:100%;margin-bottom:0px;}

.pagenavi{width:100%;margin:0 auto;margin-bottom:100px;text-align:center;}


.news-wrapper{margin-top:100px;overflow:hidden;}
.news-wrapper ul{display:block;width:100%;}
.news-wrapper ul li{display:block;border-bottom:1px solid #ccc;padding-top:20px;padding-bottom:20px;box-sizing:border-box;transition:0.3s}
.news-wrapper ul li a{display:inline-block;width:calc(100% - 20px)}
.news-wrapper ul li a:hover{margin-left:1em;}
.news-wrapper ul li a span.news-date{color:#0c4faf;font-family: "Oswald", serif;display:inline;font-size:14px;margin-bottom:12px}
.news-wrapper ul li a h3{color:#000;font-size:100%;font-weight:400;margin-top:0;padding-top:5px;line-height:1.5}
.tname{font-size:12px;border:1px solid #666;color:#666;border-radius:10px;padding:0px 10px;margin-left:10px}
.news-wrapper ul li p{font-size:80%;color:#666;margin-top:0px;margin-bottom:10px}
.news-wrapper .tolinkbtn{width:20%;float:left;clear:left;margin-top:70px;}
.news-wrapper .tolinkbtn a{width:100%;padding:20px 40px;border:1px solid #000;border-radius:30px;display:block;text-align:center;transition:0.5s}
.news-wrapper .tolinkbtn a:hover{background:#0c4faf;border-color:#0c4faf;color:#fff;}

.column-nav{width:96%;max-width:780px;margin:0px auto;margin-bottom:100px}
.nav-links{display:flex;border-top:1px solid #aaa;border-bottom:1px solid #aaa;}
.nav-links div{width:50%;display:flex;align-items:center;justify-content:center;padding:20px;box-sizing:border-box;}

.equipment-wrapper h3{padding-left:20px;padding-top:0px;padding-bottom:0px;margin-bottom:20px;background:#f0f3f8;border-radius:20px;margin-top:50px}

.equip-list{width:100%;display:flex;justify-content:space-between;flex-wrap:wrap;}
.equip-wrapper{width:48%;}
.equip-wrapper dl{width:100%;border-bottom:1px solid #aaa;display:flex;}
.equip-wrapper dl dt{width:65%;padding:10px 10px 10px 0;box-sizing:border-box;}
.equip-wrapper dl dd {padding:10px 10px 10px 0;width:35%;box-sizing:border-box;margin:0;display:flex;justify-content:flex-end;align-items:center;}
.equip-wrapper dl dd a img{width:10em;}
.equip-wrapper dl dd a{display:block;padding-left:10px;}
.equip-wrapper dl dt small{font-size:0.7em;color:#999;white-space:nowrap;margin-left:1em;}
.equip-photo{width:100%;display:flex;justify-content:space-between;margin-top:50px;margin-bottom:50px;flex-wrap:wrap}
.equip-photo a{width:24%;display:block;margin-bottom:10px;position:relative;height:200px;overflow:hidden;}
.equip-photo a img{width:100%;
    top: 50%;
    left: 0%;
    transform: translateY(-50%) ;
    -webkit- transform: translateY(-50%) ;
position:absolute;}
.equip-photo a small{display:block;text-align:center;width:100%;font-size:10px;bottom:0;z-index:+1;position:absolute;background:rgba(0,0,0,0.6);color:#fff;}

.form-table{table-layout:fixed;width:100%;border-collapse:collapse;margin-top:10px;}
.form-table th,.form-table td{vertical-align:top;}
.form-table tr{border-bottom:1px solid #eee;}
.form-table tr:last-child{border-bottom:0px solid #fff;}
.form-table tr:first-child{border-top:1px solid #eee;}
.form-table th{width:33%;text-align:left;padding:20px;}
.form-table td{width:66.5%;text-align:left;padding:20px;}
.form-table td input,.form-table td textarea{width:100%;padding:10px;font-size:18px;border:1px solid #aaa;border-radius:10px;}
.form-table tr.ziptr input{max-width:13em;width:100%;}
.form-table tr input[type="submit"]{cursor:pointer;background:#0c4faf;color:#fff;}

.history-photo-wrapper{display:flex;flex-wrap:wrap;justify-content:space-between;}
.history-photo-wrapper li{width:23%;margin-bottom:20px}
.history-photo-wrapper li a figure{width:100%;height:9.5vw;display:block;overflow:hidden;position:relative;}
.history-photo-wrapper li a figure img{width:100%;position:absolute;top:0;left:0}


.spining-img{width:100%;max-width:300px;text-align:center;overflow:hidden;}
.spining-img01{margin:0 0 30px 30px;float:right}
.spining-img02{max-width:400px}
.spining-img img{display:block;width:100%;margin-bottom:10px;height:auto;}

p.space{height:60px;clear:both}

.iso-wrapper{width:100%;max-width:500px;display:flex;justify-content:space-between}
.iso-wrapper li{display:block;width:46%;}
.iso-wrapper li img{width:100%}



@media screen and (max-width:1500px){
    .history-photo-wrapper li a figure{height:11.5vw;}
}
@media screen and (max-width:1200px){
    .history-photo-wrapper li a figure{height:13.5vw;}
}
@media screen and (max-width:780px){
    .history-photo-wrapper li{width:48%;margin-bottom:20px}
    .history-photo-wrapper li a figure{width:100%;height:30vw;}
    .equip-wrapper{width:100%;max-width:500px;margin:0 auto;}
    .equip-photo a{width:49%;}
    .equip-photo{width:100%;max-width:500px;margin-left:auto;margin-right:auto;}
    .news-wrapper{margin-top:50px}
    .news-wrapper div:nth-child(1){width:100%;margin:0 auto;max-width:500px; float:none;}
    .news-wrapper ul li a span{margin-bottom:5px}
    .news-wrapper ul{display:block;width:100%;float:none;margin:20px auto;max-width:500px;line-height:1.5}

    .news-wrapper .tolinkbtn{width:100%;float:none;margin:50px auto;margin-bottom:0px;max-width:300px;}
    .column-content-block table{max-width:100%;overflow-X:auto;display:block;}
    .column-content-block table tbody{display:table;}
    .column-content-block table tbody th{white-space:nowrap}
    .form-table{margin-top:0px}
    .form-table th,.form-table td{display:block;width:100%;padding:0}

    .processing-list-wrapper > a::before{font-size:9vw}
    .processing-list-wrapper > a:nth-child(5)::before{content:"Sheet metal";font-size:9vw}

    .access-wrapper dl dt,.access-wrapper dl dd{width:100%}
    .access-wrapper iframe{height:350px}
    .gmap-wrapper iframe{height:350px}

    .equip-photo a img{width:initial;height:100%;
        top: 0%;
        left: 50%;
        transform: translateX(-50%) ;
        -webkit- transform: translateX(-50%) ;
    position:absolute}
    .equip-photo a{height:120px;}
    .equip-wrapper dl dt{width:75%}

    .proces-text-rimg{flex-wrap:wrap}
.proces-text-rimg > p,.proces-text-rimg table{margin-right:auto;margin-left:auto;}
.proces-text-rimg figure{margin-top:30px;max-width:400px;width:100%;}
.proces-text-rimg table{margin-top:40px;max-width:400px;width:100%;}
.proces-text-rimg table td{vertical-align:middle;}
.proces-text-rimg figure img{width:100%;}
.proces-text-rimg2 table{width:300px;margin:10px 0;}
.proces-text-rimg2 figure{width:300px;margin:10px 0;}

    .history-photo-wrapper li a figure{height:25vw;}
    .text-box-2col{display:flex;flex-wrap:wrap;justify-content:space-between;}
.text-box-2col > p{width:98%;margin:20px auto;}
.text-box-2col > figure{width:100%;max-width:350px;margin:20px 0;}
.text-box-2col > figure img{width:100%;}
.img-block2b > div{width:100%;margin:20px auto;max-width:600px}
.img-block2b > figure{width:100%;margin:20px auto;max-width:600px}
}



@media screen and (max-width:1200px){
    .processing-list-wrapper{width:94%;max-width:1200px}
    .sustainabilyty-event-wrapper{width:94%;max-width:1200px}
}
@media screen and (max-width:999px){
    .sustinablebox{flex-wrap:wrap;}
    .sustinablebox > div.sustinableicon-wrapper{width:100%;max-width:400px;margin-bottom:20px;}
    .sustinablebox > div.sustinabletxt-wrapper{width:100%;}
}
@media screen and (max-width:780px){
    .sub-content .sig{font-size:80%;}
    .sub-content{margin:0 auto;}
    .sub-kvarea h1{font-size:6vw;max-width:96%;}
    .sub-content h2{font-size:27px}
    .sub-content h2.firstbig span:nth-child(1){font-size:35px}
    .sub-content h3{font-size:22px}
    .syphoto{width:100%;max-width:500px;margin:20px auto;float:none;padding-left:0;}
    .philosophy h3{font-size:25px;}
    .philosophy p{font-size:18px;}
    .breadcrumbs{max-width:96%;margin:0 auto;margin-top:30px;}
    .processing-list-wrapper > a{width:100%;height:140px;background-size:100% auto;}
    .processing-list-wrapper > a:nth-child(1){background-size: auto 100%;}
    .processing-list-wrapper > a:hover{background-size: 100% auto}
    .processing-list-wrapper > a:nth-child(1):hover{background-size: auto 100%;}

    .record-wrapper > li{width:48%;margin-bottom:40px}
    .record-wrapper > li h4{font-size:14px;}
    .record-wrapper > li > p{font-size:12px;}
    .record-wrapper > li:nth-child(even){margin-left:2%;margin-right:0;}
    .record-wrapper > li:nth-child(odd){margin-right:2%;margin-left:0}
    .record-wrapper > li > figure{width:100%;}
    .record-wrapper > li > figure img{width:100%}
    .tolinkbtn{width:80%;max-width:300px;}
    .sustinablebox{margin-top:0px;}
    .sustainable-wrapper > div{padding:20px;margin:20px 0;width:100%}
    .sustinablebox > div.sustinableicon-wrapper{margin-right:initial;}
    .sustainabilyty-event-wrapper figure{width:48%}
    .img-block1 > img{width:100%;}
    .img-block2d > figure:nth-child(1){width:100%;max-width:350px}
.img-block2d > figure:nth-child(2){width:100%;max-width:600px}
}