@charset "UTF-8";

/* =============================================
sp
================================================*/
.top-about {padding: 5vw 0 45vw;position: relative;}
.top-about-content { width: 90vw; padding: 16vw 0 28vw; margin: auto; background: #fff; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; position: relative; }
.top-about-content::before {content: "";width: 20vw;height: 20vw;position: absolute;top: -2vw;left: -3vw;background: url(../images/work/deco01.png) 0% 0% / contain no-repeat;}
.top-about-title { padding-bottom: 6vw; margin-bottom: 8vw; color: var(--red); text-align: center; position: relative; }
.top-about-title:after { content: ''; width: 12vw; height: 2px; background: var(--red); position: absolute; bottom: 0; left: 50%; -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); }
.top-about-title .en { margin-bottom: 1.5vw; font-size: 13.16vw; font-family: "Prompt", sans-serif;font-weight: 600; letter-spacing: 0.4vw; display: block; }
.top-about-title .jp { font-size: 3.95vw; font-weight: bold; display: block; }
.top-about-subtitle { margin-bottom: 4vw; font-weight: bold; text-align: center; }
.top-about-subtitle .sub { padding: 1.5vw 2vw 1vw; margin: 0 auto 2.5vw; color: #fff; font-size: 4.21vw; background: var(--red); display: table; }
.top-about-subtitle .title { color: var(--red); font-size: 7.11vw; line-height: 1.4; }
.top-about-comment { margin-bottom: 6vw; }
.top-about-comment p { margin-bottom: 2.5vw; font-size: 3.6vw; text-align: center; line-height: 1.8; }
.top-about-more, .top-blog-more, .top-column-more { width: 80vw; padding: 4.5vw 0 4vw; margin: auto; font-size: 4.74vw; font-weight: bold; text-align: center; background: #f0ff4b url(../images/arrow01.png) no-repeat center right 5vw; background-size: 4vw; -moz-border-radius: 15vw; -webkit-border-radius: 15vw; border-radius: 15vw; }
.top-about-image01 {width: 85vw;position: absolute;top: -62vw;left: 50%;-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-webkit-transform: translateX(-50%);transform: translateX(-50%);}
.top-about-image01 img { width: 100%; }
.top-about-image02 { width: 100vw; position: absolute; bottom: -45vw; left: 50%; -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); }
.top-about-image02 img { width: 100%; }

.top-recruit {position: relative;padding: 18vw 0px 6vw;border-top: 1px solid rgb(245, 245, 245);}
.top-recruit-content {width: 90vw;position: relative;margin: auto;border-radius: 20px;}
.top-recruit-title {padding-bottom: 6vw;margin-bottom: 8vw;color: rgb(255, 255, 255);text-align: center;position: relative;}
.top-recruit-title .en {margin-bottom: 1.5vw;font-size: 25vw;font-family: Prompt, sans-serif;font-weight: 600;letter-spacing: 0.4vw;display: block;position: absolute;width: 130%;left: -15%;top: -7vw;color: rgba(255, 132, 140, 0.55)}
.top-recruit-title .jp {font-size: 3.95vw;font-weight: bold;display: block;position: relative;}
.top-recruit-subtitle .title {color: rgb(255, 255, 255);font-size: 8vw;line-height: 1.4;}
.top-recruit-subtitle {margin-bottom: 4vw;font-weight: bold;text-align: center;}
.top-recruit-subtitle .sub {color: rgb(255, 255, 255);font-size: 4.21vw;display: table;padding: 1.5vw 2vw 1vw;margin: 0px auto 2.5vw;background: var(--red);}
.top-recruit02{border:none;padding-top: 2vw;}

.top-work { padding: 15vw 0 8vw; }
.top-work-title { margin-bottom: 6vw; color: #fff; text-align: center; }
.top-work-title .en { margin-bottom: 1.5vw; font-size: 14.47vw; font-family: "Prompt", sans-serif;font-weight: 600; display: block; }
.top-work-title .jp { font-size: 3.95vw; font-weight: bold; display: block; }
.top-work-items { width: 100%; counter-reset: number 0; }
.top-work-items li { width: 100%; margin-bottom: 6vw; }
.top-work-item-image { width: 100%; margin-bottom: 5vw; }
.top-work-item-image img { width: 100%; }
.top-work-item-text {width: 90vw;padding: 10vw 6vw 4vw 5vw;margin: auto;background: #fff;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;overflow: hidden;position: relative;}
.top-work-item-text:before { content: "" counter(number,decimal-leading-zero); counter-increment: number 1; color: #f76b50; font-size: 22.37vw; font-family: "Prompt", sans-serif;font-weight: 600; letter-spacing: 0.4vw; opacity: 0.1; position: absolute; top: -6vw; right: 4vw; }
.top-work-item-title { padding-left: 18vw; margin-bottom: 4vw; color: var(--red); position: relative; }
.top-work-item-title:before { content: ''; width: 15vw; height: 15vw; background: url(../images/arrow01-red.png) no-repeat center; background-size: 4vw; border: 1px solid var(--red); -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; pointer-events: none; position: absolute; top: 50%; left: 0; -moz-transform: translateY(-52%); -ms-transform: translateY(-52%); -webkit-transform: translateY(-52%); transform: translateY(-52%); }
.top-work-item-title .jp { margin-bottom: 1.5vw; font-size: 6.32vw; font-weight: bold; display: block; }
.top-work-item-title .en { font-size: 3.5vw; font-family: "Prompt", sans-serif;font-weight: 600; letter-spacing: 0.4vw; display: block; }
.top-work-item-comment p { font-size: 3.6vw; text-align: justify; text-justify: inter-ideograph; font-feature-settings: "palt"; line-height: 1.8; letter-spacing: 0.04em; }
.bnrbox{display: -webkit-box;display: -webkit-flex;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: center;justify-content: center;margin: 3vw auto 0;}
.bnrbox a{background: #f0ff4b;font-weight:bold;width: 100%;text-align:center;padding: 5% 5%;margin:1% 1%;border-radius:40px;position: relative;font-size: 4vw;}
.bnrbox a:after{content: '\f105';margin: 0 2vw;font-family: 'icon';position:absolute;right:2%;}
.bnrbox a:nth-last-child(1){background:var(--red);color:#fff;}

.top-welfare { padding-bottom: 15vw; }
.top-welfare-content { position: relative; }
.top-welfare-image { width: 100%; }
.top-welfare-image img { width: 100%; }
.top-welfare-text { width: 90vw; padding: 10vw 6vw 1px; margin: -10vw 0 6vw auto; background: #fff; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; z-index: 1; position: relative; }
.top-welfare-text:before { content: ''; width: 26vw; height: 22vw; background: url(../images/top-welfare-deco01.png) no-repeat top center; background-size: 100%; z-index: 1; pointer-events: none; position: absolute; top: -3.5vw; right: -2.5vw; }
.top-welfare-title { margin-bottom: 1vw; color: var(--red); }
.top-welfare-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-welfare-title .jp { font-size: 3.95vw; font-weight: bold; display: block; }
.top-welfare-items { width: 100%; margin-bottom: 4vw; }
.top-welfare-items li { width: 100%; padding: 4vw 0 4vw 2.5vw; border-bottom: 1px solid #ccc; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: center; align-items: center; }
.top-welfare-item-icon { width: 12vw; margin-right: 3.5vw; }
.top-welfare-item-title { color: var(--red); font-size: 4.21vw; font-weight: bold; line-height: 1.4; flex: 1; }
.top-welfare-note { margin-bottom: 8vw; }
.top-welfare-note p { padding-left: 2em; margin-bottom: 1.5vw; font-size: 3.16vw; text-align: justify; text-indent: -2em; text-justify: inter-ideograph; font-feature-settings: "palt"; line-height: 1.6; letter-spacing: 0.04em; }
.top-welfare-more { width: 80vw; padding: 4.5vw 0 4vw; margin: 0 auto -6vw; font-size: 4.74vw; font-weight: bold; text-align: center; background: #f0ff4b url(../images/arrow01.png) no-repeat center right 5vw; background-size: 4vw; -moz-border-radius: 15vw; -webkit-border-radius: 15vw; border-radius: 15vw; }

.top-factory { padding-bottom: 8vw; }
.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; }

.top-pickup {padding: 15vw 0 8vw;background: #fdeef0;margin-bottom: 4%;}
.top-pickup-title { margin-bottom: 6vw; color: var(--red); text-align: center; }
.top-pickup-title .en { margin-bottom: 1.5vw; font-size: 14.47vw; font-family: "Prompt", sans-serif;font-weight: 600; display: block; }
.top-pickup-title .jp { font-size: 3.95vw; font-weight: bold; display: block; }
.top-pickup-items { width: 80vw; margin: 0 auto; }
.top-pickup-items li { width: 100%; margin-bottom: 8vw; }
.top-pickup-item-image { width: 100%; margin-bottom: 5vw; }
.top-pickup-item-title { padding-left: 18vw; margin-bottom: 4vw; color: var(--red); position: relative; }
.top-pickup-item-title:before { content: ''; width: 15vw; height: 15vw; background: url(../images/arrow01-red.png) no-repeat center; background-size: 4vw; border: 1px solid var(--red); -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; pointer-events: none; position: absolute; top: 50%; left: 0; -moz-transform: translateY(-52%); -ms-transform: translateY(-52%); -webkit-transform: translateY(-52%); transform: translateY(-52%); }
.top-pickup-item-title .jp { margin-bottom: 1.5vw; font-size: 5.53vw; font-weight: bold; display: block; }
.top-pickup-item-title .en { font-size: 3.95vw; font-family: "Prompt", sans-serif;font-weight: 600; letter-spacing: 0.4vw; display: block; }

.top-column { padding: 15vw 0; }
.top-column-title { margin-bottom: 6vw; color: #fff; text-align: center; }
.top-column-title .en { margin-bottom: 1.5vw; font-size: 15.79vw; font-family: "Prompt", sans-serif;font-weight: 600; display: block; }
.top-column-title .jp { font-size: 4.47vw; font-weight: bold; display: block; }
.top-column-items { width: 80vw; margin: 0 auto;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;gap:6vw 5vw;margin-bottom: 6vw;}
.top-column-items li {width: -webkit-calc((100% - 5vw) / 2);width: calc((100% - 5vw) / 2);}
.top-column-item-image  {width: 100%;position: relative;overflow: hidden;padding-top: 100%;border: 1px solid #eee;}
.top-column-item-image img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;}
.top-column-item-text { margin-top: -4vw; z-index: 1; position: relative; }
.top-column-item-time { padding: 1.5vw 2.5vw 1vw; margin-bottom: 2vw; color: #fff; font-size: 3.6vw; font-family: "Prompt", sans-serif;font-weight: 600; letter-spacing: 0.2vw; background: var(--black); display: table; }
.top-column-item-title { color: #fff; font-size: 3.29vw; line-height: 1.6; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }

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

.sokyu {margin-bottom: 4vw;padding-top: 19vw;}
.sokyu p{text-align:center;font-weight:bold;;position:relative;z-index:2;letter-spacing:0.1em}
.sokyu .tit{color:#fff;font-size: 9vw;margin-bottom:2%;}
.sokyu .sub{display:table;margin: 0 auto 3vw;background:#f0ff4b;padding: 1% 5%;font-size:120%}
.sokyu .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:96%;margin:0 auto;position: relative;z-index: 2;}
.sokyu .icon img{width:32%;}



/* =============================================
pc
================================================*/
@media screen and (min-width: 736px) {
.top-about {padding: 15px 0 40px;}
.top-about-content {width: 90%;max-width: 900px;padding: 100px 0;}
.top-about-content::before {width: 190px;height: 120px;left: 40px;top: -320px;}
.top-about-title { padding-bottom: 40px; margin-bottom: 40px; }
.top-about-title:after { width: 50px; }
.top-about-title .en { margin-bottom: 10px; font-size: 70px; letter-spacing: 2px; }
.top-about-title .jp { font-size: 16px; }
.top-about-subtitle { margin-bottom: 30px; }
.top-about-subtitle .sub { padding: 10px 12px; margin-bottom: 15px; font-size: 20px; }
.top-about-subtitle .title { font-size: 32px; }
.top-about-comment { margin-bottom: 40px; }
.top-about-comment p { margin-bottom: 20px; font-size: 16px; }
.top-about-image01 { width: 690px; top: 50%; left: -510px; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.top-about-image02 {width: 450px;top: 50%;bottom: auto;left: calc(50% + 350px);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-webkit-transform: translateY(-50%);transform: translateY(-50%);}
.top-about-more, .top-blog-more, .top-column-more { width: auto; min-width: 315px; padding: 18px 50px 16px; font-size: 18px; background-position: center right 15px; background-size: 16px; display: table; }

.top-recruit {padding: 0px 0px 40px;border-width: initial;border-style: none;border-color: initial;border-image: initial;}
.top-recruit-content {width: 90%;max-width: 900px;margin: 0px auto;padding: 30px 0px 30px;}
.top-recruit-title {padding-bottom: 40px;margin-bottom: 40px;}
.top-recruit-title .en {margin-bottom: 10px;font-size: 156px;letter-spacing: 2px;top: -70px;}
.top-recruit-title .jp {font-size: 20px;}
.top-recruit-title::after {width: 50px;}
.top-recruit-subtitle {margin-bottom: 30px;}
.top-recruit-subtitle .title {font-size: 32px;}
.top-recruit-subtitle .sub {margin-bottom: 15px;font-size: 20px;padding: 10px 12px;}

.top-work { padding: 150px 0 100px; }
.top-work-title { margin-bottom: 40px; }
.top-work-title .en { margin-bottom: 10px; font-size: 70px; letter-spacing: 2px; }
.top-work-title .jp { font-size: 16px; }
.top-work-items { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap;-webkit-box-pack: center;justify-content: center; }
.top-work-items li {width: 100%;margin-bottom: 50px;}
.top-work-item-image { margin-bottom: 25px; }
.top-work-item-text { width: 95%; padding: 50px 40px; }
.top-work-item-text:before { font-size: 150px; letter-spacing: 4px; top: 10px; right: 60px; }
.top-work-item-title { padding-left: 85px; margin-bottom: 30px; }
.top-work-item-title:before { width: 70px; height: 70px; background-size: 20px; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.top-work-item-title .jp { margin-bottom: 10px; font-size: 34px; }
.top-work-item-title .en { font-size: 15px; letter-spacing: 2px; }
.top-work-item-comment p { font-size: 16px; }
.bnrbox a{font-size:20px;padding: 11px 0;width: 240px;}

.top-welfare { padding-bottom: 150px; }
.top-welfare-content {width: 95%;max-width: 1200px;padding-top: 90px;margin: auto;}
.top-welfare-content:after { content: ''; width: 248px; height: 182px; background: url(../images/top-welfare-deco02.png) no-repeat top center; background-size: 100%; z-index: 1; position: absolute; right: -130px; bottom: -35px; }
.top-welfare-image { width: 1120px; position: absolute; top: 0; right: -400px; }
.top-welfare-text { width: 650px; padding: 60px 50px 1px; margin: 0 auto 0 0; }
.top-welfare-text:before { width: 188px; height: 148px; top: -15px; right: -5px; }
.top-welfare-title { margin-bottom: 10px; }
.top-welfare-title .en { margin-bottom: 10px; font-size: 70px; letter-spacing: 2px; }
.top-welfare-title .jp { font-size: 16px; text-indent: 0.5em; }
.top-welfare-items { margin-bottom: 20px; }
.top-welfare-items li { padding: 20px 10px; }
.top-welfare-item-icon { width: 44px; margin-right: 20px; }
.top-welfare-item-title { font-size: 20px; }
.top-welfare-note { margin-bottom: 40px; }
.top-welfare-note p { margin-bottom: 5px; font-size: 12px; }
.top-welfare-more { width: auto; min-width: 315px; padding: 18px 50px 16px; margin: 0 -50px -24px auto; font-size: 18px; background-position: center right 15px; background-size: 16px; display: table; }

.top-factory { padding-bottom: 150px; }
.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; }

.top-pickup {padding: 150px 0;margin-bottom: 20px;}
.top-pickup-title { margin-bottom: 40px; }
.top-pickup-title .en { margin-bottom: 10px; font-size: 70px; letter-spacing: 2px; }
.top-pickup-title .jp { font-size: 16px; }
.top-pickup-items {width: 95%;max-width: 1200px;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-pickup-items li {width: 33%;margin: 0;}
.top-pickup-item-image { margin-bottom: 30px; }
.top-pickup-item-title { padding-left: 85px; margin-bottom: 30px; }
.top-pickup-item-title:before { width: 70px; height: 70px; background-size: 20px; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.top-pickup-item-title .jp {margin-bottom: 10px;font-size: 22px;}
.top-pickup-item-title .en { font-size: 15px; letter-spacing: 2px; }

.top-column { padding: 150px 0; }
.top-column-title { margin-bottom: 40px; }
.top-column-title .en { margin-bottom: 10px; font-size: 70px; letter-spacing: 2px; }
.top-column-title .jp { font-size: 16px; }
.top-column-items {width: 95%;max-width: 1200px;margin-bottom: 50px;}
.top-column-items li {width: -webkit-calc((100% - 10vw) / 3);width: calc((100% - 10vw) / 3);}
.top-column-item-text { margin-top: -12px; }
.top-column-item-time { padding: 4px 10px; margin-bottom: 15px; font-size: 16px; letter-spacing: 1px; }
.top-column-item-title { font-size: 14px; -webkit-line-clamp: 3; }
.sokyu .icon{width:700px;}
.sokyu{margin-bottom:30px;padding-top: 160px;}
.sokyu .tit{font-size: 65px;margin-bottom: 15px;}
.sokyu .sub{padding:10px 20px;margin-bottom: 30px;}
.bnrbox{margin-top:20px;}
.bnrbox a{width: 46%;font-size: 19px;padding: 16px 0;background-position: center right 20px;background-size: 16px;margin: 0 8px 10px 8px;}

.top-info{max-width:1200px;padding: 100px 50px 90px 40px;margin:100px auto 100px}
.top-info .midashi01 .en{font-size:80px;margin-bottom: 10px;}
.top-info .info .tbl01 dl{-webkit-box-pack: start;justify-content: flex-start;}
.top-info .info .tbl01 dt{width: 24%;margin-right: 5px;}
.top-info .info .tbl01 dd{width: 90%;}
.top-info .tbl01 .tag{padding: 6px 16px;}

}

@media screen and (min-width: 1000px) {
.sokyu{padding-top:220px;}
}

@media screen and (min-width: 1200px) {
.top-about-content::before {top: -120px;}
.top-work-items li{width:50%;}
.bnrbox a{font-size: 16px;width: 154px;margin: 0 4px 10px 4px;}
.bnrbox a:after{right: 10px;margin: 0;}
.top-factory-items li{width:46%;}
.top-pickup-items li{width:31%;}
.top-pickup-item-title .jp{font-size:30px;}
.top-column-items{gap: 40px;}
.top-column-items li{width: -webkit-calc((100% - 120px) / 4);width: calc((100% - 120px) / 4);}

.top-recruit-text {display: flex;flex-wrap: wrap;}
.top-recruit-title {width: 420px;text-align: left;padding-right: 40px;margin: 0px 60px 0px 0px;border-right: 1px solid rgb(255, 255, 255);}
.top-recruit-title .en {position: relative;color: rgb(255, 255, 255);top: 0px;font-size: 73px;width: 100%;left: 0px;}
.top-recruit-text .textbox {width: 400px;}
.top-recruit-title .jp {text-align: left;}
.top-recruit-subtitle {text-align: left;}
.top-recruit .more01 {margin: 0px;}
.top-recruit-subtitle .sub {width: 100%;}
.top-recruit-title::after{content:none;}

}

@media screen and (min-width: 1280px) {
.top-info .info .tbl01 dt{width: 10%;}
.top-work-item-text {min-height: 375px;}
}

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

@media screen and (min-width: 1800px) {
.top-work-item-text {min-height: 350px;}}

/* retina用 ----------------------------------------------- */
@media screen and (min-width: 736px) and (-webkit-min-device-pixel-ratio: 2), screen and (min-width: 736px) and (min-resolution: 2dppx) {
.top-welfare-content:after { background: url(../images/top-welfare-deco02@2x.png) no-repeat top center; background-size: 100%; }
.top-welfare-text:before { background: url(../images/top-welfare-deco01@2x.png) no-repeat top center; background-size: 100%; }
}