@charset "UTF-8";
.intro{margin: 16vw 0 14vw 0;position:relative;}
.intro:before{content:"";width: 20%;height: 16vw;background: url(../../images/work/deco01.png) top center no-repeat;background-size: contain;position:absolute;right: 0;top: -5vw;}
.intro .fixed{padding: 30vw;background: url(../../images/work/manufacturing/subhero.jpg) top center;background-size: cover;}
.intro .box{width:90%;margin: -20vw auto 0;}
.intro .deco{font-family: "Prompt", sans-serif;font-weight: 600;color:var(--red);display: table;margin-bottom: 3vw;}
.intro .title{display: inline-block;background:var(--red);font-size: 7.8vw;margin-bottom: 4vw;font-weight: bold;padding: 3vw 4vw;color: #fff;line-height: 1.3;width: 100%;text-align: center;}
.intro .title span{display:table;background:#fff;color:var(--red);font-size: 3.6vw;padding: 1% 6%;border-radius: 40px;margin-bottom: 1%;margin: 0 auto;}
.intro .icon{display: -webkit-box;display: -moz-box;display: -webkit-flex;display: box;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: space-between;justify-content: space-between;width: 100%;margin: 0 auto 6vw;}
.intro .icon img{width:33%;}

.intro .text{color:#fff;}
.intro .tit{color:#fff;font-size:9vw;margin-bottom:2%;text-align: center;font-weight: bold;line-height: 1;}
.intro .subtxt{display:table;margin: 0 auto 7vw;background:#f0ff4b;padding:1% 5%;font-size:120%;font-weight: bold;color:#000;}
.intro .text .sub{font-weight:bold;font-size: 4.5vw;text-align: center;}
.intro .midashi01{position:relative;}
.intro .midashi01:before{content:"";width: 33%;height: 16vw;background: url(../../images/work/deco02.png) top center no-repeat;background-size: contain;position:absolute;left: 0;top: 3vw;}
.intro .midashi01 span{position:relative;}

.skill{padding: 12vw 0;background: url(../../images/work/skill-bg.jpg) top center;background-size: cover;margin-bottom: 10vw;}
.skill .inner{width:90%;margin:0 auto;background: #ffffffd9;border-radius: 10px;padding: 8% 8% 2% 8%;}
.skill .title{text-align:center;font-weight:bold;font-size:5vw;margin-bottom: 5%;}
.skill .title span{font-family: "Prompt", sans-serif;font-weight: 600;color:var(--red);display:block;font-size:70%;}
.skill  li{display: -webkit-box;display: -webkit-flex;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: space-between;justify-content: space-between;margin-bottom: 5%;padding-bottom: 4%;align-items: center;border-bottom: 1px solid #b1b1b1;}
.skill  li img{width: 16%;}
.skill  li p{width: 78%;font-weight:bold;}
.skill  li:nth-last-child(1){border:none;}

.process{margin-bottom:12vw;}
.process > img{width:100%;height:50vw;object-fit:cover;}
.process .title{font-size:6vw;text-align:center;font-weight:bold;display: table;margin: -4vw auto  3vw;background: #fff;position: relative;padding: 1% 10%;}
.process li{position:relative;margin-bottom:12%;}
.process li:after{content:"";background:url(../../images/arrow01.png)no-repeat;background-size: contain;width: 6%;height:5vw;position:absolute;transform: rotate(90deg);left: 47%;}
.process li:nth-last-child(1){margin-bottom:0;}
.process li:nth-last-child(1):after{content:none;}
.process li img{width:100%;margin-bottom:5%;}
.process li img.deco{width: 20%;position: absolute;top: -1vw;left: -2%;}
.process li .tit{text-align: center;font-weight: bold;font-size: 5vw;margin-bottom: 5%;color: var(--red);}

.add {width:90%;margin: 0 auto 15vw;}
.add img{width:100%;}
.add .textbox{color:#fff;margin-bottom:10vw;}
.add .title{font-size:8vw;font-weight:bold;line-height:1.5;}
.add li{margin-bottom: 10vw;}
.add .in{background:#fff;width: 94%;margin: -11vw 0 0 auto;position:relative;padding: 7%;}
.add li p{font-size:90%;}

.info{background:#fff;padding:15vw 5%;margin-bottom: 15vw;}
.second-text .info{padding: 0;} 
.info .inner{width:95%;margin:0 auto;}
.info .midashi01{color:#000;}
.info .tbl01 dl{-webkit-box-pack: justify;justify-content: space-between;}
.info .tbl01 dt{width: 24vw;}
.info .tbl01 dd{width: 76%;}
.tbl01 .tag{background: #FEE2E6;background: var(--red);color: #fff;font-weight: bold;padding: 1vw 3vw;}
.tbl01 .indent{text-indent: -1em;padding-left: 1em;}
.tbl01 .block{display: block;}

.top-factory { padding-bottom: 8vw; line-height:1;}
.top-factory-content { width: 80vw; margin: 0 auto; }
.top-factory-head { color: #fff; }
.top-factory-head p { font-size: 3.6vw; text-align: justify; text-justify: inter-ideograph; font-feature-settings: "palt"; line-height: 1.8; letter-spacing: 0.04em; }
.top-factory-title { margin-bottom: 4vw; }
.top-factory-title .en { margin-bottom: 1.5vw; font-size: 11.84vw; font-family: "Prompt", sans-serif;font-weight: 600; letter-spacing: 0.4vw; display: block; }
.top-factory-title .jp { font-size: 3.95vw; font-weight: bold; display: block; }
.top-factory-items { width: 100%; margin: 0 auto; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; justify-content: space-between; }
.top-factory-items li { width: 46%; padding: 8vw 0; border-bottom: 1px solid #fff; }
.top-factory-items li.border-none { border: none; }
.top-factory-item-image { width: 100%; margin-bottom: 4vw; }
.top-factory-item-text { color: #fff; }
.top-factory-item-place { margin-bottom: 1vw; font-size: 6.05vw; font-weight: bold; }
.top-factory-item-badge { margin-bottom: 2vw; font-size: 3.5vw; font-family: "Prompt", sans-serif;font-weight: 600; letter-spacing: 0.2vw; display: block; }
.top-factory-item-address { margin-bottom: 4vw; font-size: 3.5vw; text-align: justify; text-justify: inter-ideograph; font-feature-settings: "palt"; line-height: 1.4; letter-spacing: 0.04em; display: block; }
.top-factory-item-more { width: 100%; padding: 2.5vw 0 2vw; margin: 0 auto; font-size: 3.5vw; font-weight: bold; text-align: center; background: #f0ff4b url(../images/arrow01.png) no-repeat center right 2.5vw; background-size: 4vw; -moz-border-radius: 15vw; -webkit-border-radius: 15vw; border-radius: 15vw; }

.entry-box{display: -webkit-box;display: -webkit-flex;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: center;justify-content: center;margin: 4vw auto 0;}
.entry-box a{width: 70vw;padding: 3vw 0;font-size: 4vw;font-weight: bold;text-align: center;background: #f0ff4b url(../../images/arrow01.png) no-repeat center right 5vw;background-size: 3vw;-moz-border-radius: 15vw;-webkit-border-radius: 15vw;border-radius: 15vw;margin: 0 auto 3vw;}

.fix-entry{position:fixed;bottom:0;z-index:2;display: -moz-box;display: -webkit-flex;display: box;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: space-between;justify-content: space-between;width: 100%;}
.fix-entry a{text-align: center;width:calc(100%/3);padding: 5% 0;font-weight: bold;border-right: 1px solid #ccc;background:#f0ff4b;color:#000;}
.fix-entry a:nth-child(1){background:var(--red);color: #fff;}

.fix-entry.fix-entry02 a{width: 50%;}

.jobbox{margin-bottom:10vw}

/* ============================================= 
pc
================================================*/
@media screen and (min-width: 736px) { 
.intro{margin: 200px 0 100px 0;}
.intro .fixed{width: 100%;height: 300px;background: url(../../images/work/manufacturing/subhero.jpg) top center fixed;background-size: 1860px;position: relative; padding: 70px 0 0 0;margin-bottom: 0;}
.intro .title{font-size: 42px;margin: 0 0 30px 0;padding: 8px 20px;width: 90%;max-width: 710px;}
.intro .box{margin: -150px auto 0;max-width:1200px;position: relative;}
.intro .icon{width:700px;margin:0 auto 60px;}
.intro .icon img{width:32%;}
.intro .deco{font-size:25px;margin-bottom: 20px;}
.intro .title span{font-size:20px;padding: 6px 18px;display: inline-block;position: relative;top: -6px;margin-right: 10px;}
.intro .tit{font-size:40px;text-align:left;}
.intro .subtxt{margin: 0 0 15px 0;padding: 5px 26px;}
.intro .text .sub{font-size: 24px;text-align: left;margin-bottom: 20px;}
.intro:before{width: 190px;height: 155px;z-index: 2;right: 5%;top: -20px;}
.intro .textbox{display: -webkit-box;display: -webkit-flex;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: start;align-items: start;}
.intro .midashi01{text-align:left;width: 29%;}
.intro .midashi01:before{width: 255px;height: 155px;left: -80px;top: 20px;}
.intro .text{width: 65%;margin-left: 5%;padding-left: 7%;border-left: 1px solid #ffffff7a;}
    
.skill{margin-bottom:100px;padding: 80px 0;}
.skill .title{font-size:30px;margin-bottom: 30px;line-height: 1.4;}
.skill .inner{max-width: 960px;padding: 60px 30px;}
.skill ul{display: -webkit-box;display: -webkit-flex;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: center;justify-content: center;align-items: start;}
.skill li{width: 30%;margin: 0 8px;padding: 0 20px;border: none;border-right: 1px solid #ccc;}
.skill li img{width:105px;margin: 0 auto 20px;}
.skill li p{width:100%;text-align: center;}

.add .inner{max-width:1200px;margin:0 auto;}
.add .textbox{display: -webkit-flex;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: space-between;justify-content: space-between;margin-bottom: 290px;}
.add .title{font-size:40px;width: 45%;margin-bottom: 0;max-width: 360px;}
.add .textbox p{width: 55%;}

.process{margin-bottom:100px;}
.process > img{height: 340px;}
.process .title{font-size:30px;margin-bottom: 20px;}
.process ul{display: -webkit-flex;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: space-between;justify-content: space-between;}
.process li{width: 47%;margin-bottom: 70px;}
.process li img{margin-bottom:20px}
.process li img.deco{width: 70px;top: 6px;}
.process li .tit{font-size:30px;margin-bottom: 5px;}
.process li:after{left: inherit;transform: inherit;width: 19px;height: 25px;right: -42px;top: 100px;}
.process li:nth-child(even):after{content:none;}

.info{padding: 150px 20px;margin-bottom:100px;}
.info .inner{max-width:1200px;}
.info .tbl01 dl{-webkit-box-pack: start;justify-content: flex-start;}
.info .tbl01 dt{width: 24%;margin-right: 5px;}
.info .tbl01 dd{width: 90%;}
.tbl01 .tag{padding: 6px 16px;}
	
.top-factory{line-height:1;padding-bottom: 0;}
.top-factory-content {width: 95%;max-width: 1200px;}
.top-factory-head { margin-bottom: 10px; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
.top-factory-head p { padding-top: 10px; font-size: 16px; flex: 1; }
.top-factory-title { margin: 0 40px 0 0; }
.top-factory-title .en { margin-bottom: 10px; font-size: 70px; letter-spacing: 2px; }
.top-factory-title .jp { font-size: 16px; }
.top-factory-items li {width: 48%;padding: 50px 0;display: -webkit-box;display: -webkit-flex;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: flex-start;align-items: flex-start;}
.top-factory-items li.border-none { border-bottom: 1px solid #fff; }
.top-factory-item-image {width: 45%;margin: 0;}
.top-factory-item-text {width: 50%;}
.top-factory-item-place { margin-bottom: 10px; font-size: 30px; }
.top-factory-item-badge { margin-bottom: 30px; font-size: 15px; letter-spacing: 1px; }
.top-factory-item-address { margin-bottom: 15px; font-size: 15px; }
.top-factory-item-more { padding: 12px 0; font-size: 18px; background-position: center right 15px; background-size: 16px; }

.add{margin-bottom:70px;}
.add li{position:relative;margin-bottom: 210px;}
.add li:nth-last-child(1){margin-bottom: 140px;}
.add li img{position:absolute;width: 555px;top: -50px;}
.add .in{width: 59%;padding: 50px;border-radius: 20px;}
.entry-box a{width:300px;font-size: 22px;padding: 10px 0;background-position: center right 20px;background-size: 16px;margin: 0 8px 10px 8px;}
.fix-entry a{font-size:20px;padding:20px 0;}

.jobbox{margin-bottom:80px}

}

@media screen and (min-width: 1200px) { 
.add .textbox p{width:800px;}
.add .textbox{margin-bottom:240px;}
.add li img{top:-30px}
.add li{margin-bottom: 270px;}
}

@media screen and (min-width: 1280px) { 
.info .tbl01 dt{width: 10%;}
}

@media screen and (min-width: 880px)and (max-width: 1280px) { 
.info .tbl01 dt{width: 15%;}
}

/* retina用 ----------------------------------------------- */ 
@media screen and (min-width: 736px) and (-webkit-min-device-pixel-ratio: 2), screen and (min-width: 736px) and (min-resolution: 2dppx) { 
.skill{background: url(../../images/work/skill-bg@2x.jpg) top center;background-size: cover;}
}