@charset "UTF-8";@import url("./common.css");.h2Area{background-image: url(../img/recruit/h2_bg.jpg);@container ctnHtml (width <= 600px){background-image: url(../img/recruit/h2_bg_sp.jpg);}}section.message{.boxArea{position: relative;display: grid;grid-template-columns: auto 400px;grid-template-rows: auto auto;gap: 70px 90px;justify-content: flex-start;align-items: center;width: min(100%, calc(var(--width-M)));padding-top: 50px;&::before{position: absolute;top: 100px;left: -200px;content: "Recruit";font-size: 120px;font-weight: 500;line-height: 1.2;letter-spacing: 2px;color: var(--color-Design-Red01);writing-mode: vertical-rl;text-orientation: sideways;}.copyArea{grid-column: 1 / 3;grid-row: 1 / 2;.catchCopy{font-weight: 500;text-align: center;}}.comArea{grid-column: 1 / 2;grid-row: 2 / 3;.signature{text-align: right;margin-top: 50px;.name{font-size: 20px;font-weight: 500;line-height: 1.2;letter-spacing: 5px;margin-left: 30px;margin-right: 5px;}}}.imgArea{grid-column: 2 / 3;grid-row: 2 / 3;img{width: 100%;aspect-ratio: 4/5;object-fit: contain;object-position: center;}}}@container ctnHtml (width <= 1000px){.boxArea{grid-template-columns: auto clamp(220px, 45.11vw - 57.89px, 400px);gap: 70px 5%;align-items: flex-start;.comArea{br{display: none;}}}}@container ctnHtml (width <= 600px){.boxArea{grid-template-columns: auto 45%;grid-template-rows: auto auto;gap: 3vh 0;align-items: center;padding-top: 0;&::before{display: none;}.copyArea{grid-column: 1 / 2;grid-row: 1 / 2;.catchCopy{font-size: 6.5cqw;text-align: left;}}.comArea{grid-column: 1 / 3;grid-row: 2 / 3;.signature{margin-top: 4vh;.name{font-size: 18px;letter-spacing: 3px;margin-left: 20px;margin-right: 2px;}}br{display: block;}}.imgArea{grid-column: 2 / 3;grid-row: 1 / 2;}}}}.conclusion{overflow: hidden;position: relative;display: grid;grid-template-columns: 25% 10% 65%;gap: 0;justify-content: flex-end;align-items: flex-start;width: 100%;padding-top: 160px;padding-bottom: 200px;&::before{position: absolute;content: "";top: 0;left: 50%;width: 1px;height: 100px;border-left: 1px solid #FFF;transform: translateX(-50%);}.copyArea{grid-column: 1 / 3;grid-row: 1 / 2;padding-bottom: 200px;background-image: url(../img/recruit/conclusion_bg.jpg);background-position: bottom right;background-repeat: no-repeat;background-size: 400px;z-index: 1;.catchCopy{font-weight: 500;writing-mode: vertical-rl;margin-right: 50px;margin-left: auto;}}.imgArea{grid-column: 2 / 4;grid-row: 1 / 2;padding-top: 100px;img{width: 100%;height: 400px;aspect-ratio: 21/10;object-fit: cover;object-position: center;}}@container ctnHtml (width <= 1000px){grid-template-columns: clamp(200px, 12.53vw + 122.80px, 250px) 100px auto;padding-top: 140px;padding-bottom: 180px;&::before{height: 80px;}}@container ctnHtml (width <= 600px){grid-template-columns: 100px 100px auto;padding-top: 100px;padding-bottom: 100px;&::before{height: 60px;}.copyArea{padding-bottom: 180px;background-size: 220px;.catchCopy{margin-right: 10px;}}.imgArea{padding-top: 150px;img{height: 300px;aspect-ratio: 21/10;}}}}section.works{overflow: hidden;.titleTab{display: grid;grid-template-columns: 1fr 1fr;gap: 0 50px;justify-content: center;align-items: center;width: fit-content;margin: 100px auto 50px;p{a{display: block;position: relative;font-size: 18px;font-weight: 500;line-height: 1.2;letter-spacing: 5px;padding: 20px 60px;border: 1px solid #FFF;&:link,&:visited{color: #FFF;}@media (hover:hover){&:hover{background-color: var(--color-Design-Red01) !important;}}}&:nth-of-type(1){a{&::before{position: absolute;content: "";top: 50%;left: -100px;width: 100px;height: 1px;border-top: 1px solid #FFF;transform: translateY(-50%);}}}&:nth-of-type(2){a{&::after{position: absolute;content: "";top: 50%;right: -100px;width: 100px;height: 1px;border-top: 1px solid #FFF;transform: translateY(-50%);}}}}@container ctnHtml (width <= 1000px){gap: 0 30px;margin-top: 80px;margin-bottom: 40px;p{a{font-size: 18px;letter-spacing: 4px;padding: 15px 30px;}}}@container ctnHtml (width <= 600px){gap: 0 20px;margin-top: 3vh;margin-bottom: 5vh;p{a{font-size: 18px;letter-spacing: 3px;padding: 15px 20px;}}}}.boxArea{width: min(100%, calc(var(--width-S)));p:first-child{text-align: center;}.workList{display: grid;grid-template-columns: 1fr 1fr;gap: 0 50px;justify-content: center;align-items: flex-start;width: 100%;margin: 100px auto 0;& > li{h3{font-size: 30px;font-weight: 500;line-height: 1.2;letter-spacing: 5px;text-align: center;}img{width: 100%;aspect-ratio: 3/2;object-fit: cover;object-position: center;margin-top: 30px;}p{margin-top: 30px;}}}@container ctnHtml (width <= 1000px){.workList{gap: 0 30px;margin-top: 85px;& > li{h3{font-size: clamp(24px, 1.33vw + 10.40px, 28px);letter-spacing: 3px;}img{margin-top: 25px;}p{margin-top: 25px;}}}}@container ctnHtml (width <= 600px){width: 100%;.workList{gap: 0 15px;margin-top: 8vh;& > li{h3{font-size: 18px;letter-spacing: 0;}img{margin-top: 2vh;}p{margin-top: 2vh;}}}}}}section.policy{.boxArea{width: min(100%, calc(var(--width-L)));.policyList{display: grid;grid-template-columns: repeat(auto-fill, 32%);gap: 0 1%;justify-content: center;align-items: flex-start;& > li{position: relative;display: grid;grid-template-columns: auto 40%;grid-template-rows: auto 1fr;gap: 0 20px;justify-content: center;align-items: flex-start;width: 100%;height: 100%;counter-increment: flowCounter;color: var(--color-Design-Txt);padding: 60px 30px 30px;background-color: #FFF;&::before{position: absolute;top: -40px;left: 20px;content: counter(flowCounter, decimal-leading-zero);font-family: var(--font-family-Serif);font-size: 70px;font-weight: 500;line-height: 1;letter-spacing: 2px;color: var(--color-Design-Red01);}h3{grid-column: 1 / 3;grid-row: 1 / 2;font-size: 28px;font-weight: 600;line-height: 1.2;text-align: center;margin-bottom: 20px;padding-bottom: 15px;border-bottom: 2px solid var(--color-Design-Txt);}p{grid-column: 1 / 2;grid-row: 2 / 3;font-size: 18px;}img{grid-column: 2 / 3;grid-row: 2 / 3;width: 100%;aspect-ratio: 5/4;object-fit: contain;object-position: top;}}}@container ctnHtml (width <= 1300px){.policyList{& > li{grid-template-columns: auto 40%;gap: 0 15px;padding: 50px 20px 20px;&::before{top: -40px;left: 20px;font-size: 64px;}h3{font-size: clamp(20px, 2.67vw - 7.18px, 28px);margin-bottom: 20px;padding-bottom: 10px;}p{font-size: 16px;line-height: 1.8;}}}}@container ctnHtml (width <= 1000px){.policyList{& > li{grid-template-columns: auto;grid-template-rows: auto 1fr auto;gap: 0 15px;padding: 45px 20px 20px;&::before{top: -35px;left: 15px;font-size: 60px;}h3{grid-column: 1 / 2;grid-row: 1 / 2;font-size: 20px;}p{grid-column: 1 / 2;grid-row: 2 / 3;}img{grid-column: 1 / 2;grid-row: 3 / 4;width: 60%;margin: 10px auto 0;}}}}@container ctnHtml (width <= 600px){width: 100%;.policyList{grid-template-columns: 1fr;grid-template-rows: auto auto auto;gap: 8vh 0;justify-content: center;align-items: flex-start;& > li{grid-template-columns: auto 40%;grid-template-rows: auto 1fr;gap: 0 20px;justify-content: center;align-items: flex-start;padding: 45px 20px 20px;&::before{top: -35px;left: 25px;font-size: 60px;letter-spacing: 2px;}h3{grid-column: 1 / 3;grid-row: 1 / 2;font-size: 24px;margin-bottom: 20px;padding-bottom: 15px;}p{grid-column: 1 / 2;grid-row: 2 / 3;font-size: 17px;line-height: 1.6;}img{grid-column: 2 / 3;grid-row: 2 / 3;width: 100%;margin: 0;}}}}}}section.job{color: var(--color-Design-Txt);margin-top: 100px;padding-top: 100px;padding-bottom: 100px;background-color: #FFF;h2{color: var(--color-Design-Txt);}.boxArea{.read{text-align: center;}.tableDesign01{&.jobDescription{width: min(100%, calc(var(--width-S)));font-family: var(--font-family-NSJ);margin-top: 100px;border-color: var(--color-Design-Black01);dt,dd{border-color: var(--color-Design-Black01);}}}}@container ctnHtml (width <= 1000px){margin-top: 80px;padding-top: 80px;padding-bottom: 80px;.boxArea{.tableDesign01{&.jobDescription{margin-top: 80px;}}}}@container ctnHtml (width <= 600px){margin-top: 10vh;padding-top: 10vh;padding-bottom: 10vh;.boxArea{.tableDesign01{&.jobDescription{width: 90%;margin-top: 5vh;}}}}}section.company{padding-top: 100px;.h2Sub{font-family: var(--font-family-NSJ);font-size: 20px;letter-spacing: 3px;text-align: center;}.boxArea{.companyMain{display: grid;grid-template-columns: 45% 55%;gap: 0;justify-content: flex-start;align-items: flex-end;width: min(100%, calc(var(--width-M)));margin: 30px auto 0;.comArea{padding-right: 40px;padding-bottom: 50px;h3{font-size: 28px;font-weight: 600;line-height: 1.2;letter-spacing: 2px;}.companyCopy{position: relative;font-size: 26px;font-weight: 500;line-height: 1.4;letter-spacing: 2px;margin-top: 30px;padding-top: 20px;&::before{position: absolute;content: "";top: 0;left: 0;width: 60px;height: 1;border-top: 2px solid var(--color-Design-Red01);}}}.imgArea{img{width: 100%;aspect-ratio: 2/1;object-fit: contain;object-position: center;}}}.tableDesign01{&.companyInfo{width: min(100%, calc(var(--width-M)));font-family: var(--font-family-NSJ);dd{&.ddImg{display: grid;grid-template-columns: 1fr 1fr;gap: 0 30px;justify-content: flex-start;align-items: flex-start;img{width: 100%;aspect-ratio: 2/1;object-fit: contain;object-position: center;}}}}}}@media screen and (width <= 834px){padding-top: 80px;.h2Sub{font-size: 18px;}.boxArea{.companyMain{grid-template-columns: 100%;grid-template-rows: auto auto;margin-top: 20px;.comArea{padding-right: 0;padding-bottom: 40px;.companyCopy{br{display: none;}}}.imgArea{text-align: center;img{width: 400px;}}}}}@container ctnHtml (width <= 600px){padding-top: 10vh;.h2Sub{font-size: 14px;}.boxArea{.companyMain{margin-top: 2vh;.comArea{padding-right: 0;padding-bottom: 4vh;h3{font-size: 22px;}.companyCopy{font-size: 20px;br{display: block;}}}.imgArea{img{width: 90%;}}}.tableDesign01{&.companyInfo{dd{&.ddImg{grid-template-columns: 100%;grid-template-rows: auto auto;gap: 20px 0;justify-content: center;align-items: flex-start;}}}}}}}