@charset "UTF-8";
/* CSS Document */

.mainLead h2 span {
  color: #65aaaa;
}
.square span {
  background: #65aaaa;
}
/* ---------- welfare ---------- */
.welfare .innerHead {
  position: relative;
}
.welfare .mainLead {
  padding: 180px 3% 84px;
}
.welfare .mainLead h2 {
  margin-bottom: 26px;
}
.welfare .mainLead p {
  letter-spacing: 1px;
  max-width: none;
  text-align: center;
  font-size: 2.4rem;
  font-size: clamp(2.2rem,1.25vw,2.4rem);
  line-height: 2.2;
}
.welfare .styleJ {
  padding: 0 3% 58px;
  position: relative;
  background: #fff;
}
.welfare .styleJ::before {
  content: "";
  width: 100%;
  height: 115px;
  position: absolute;
  left: 0;
  top: 0;
  background: #efeff1;
}
.welfare .styleJWrap {
  max-width: 1600px;
  margin: 0 auto 65px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  z-index: 3;
}
.welfare .styleJWrap figure {
  width: 46.8%;
}
.welfare .styleJWrap .txtBox {
  width: 46.8%;
}
.welfare .styleJWrap .txtBox h3 {
  font-size: 3rem;
  font-size: clamp(2.6rem,1.56vw,3rem);
  font-weight: 500;
  letter-spacing: 1.8px;
  margin-bottom: 46px;
  color: #65aaaa;
}
.welfare .styleJWrap .txtBox h3 span {
  font-weight: 600;
}
.welfare .styleJWrap .txtBox .notes p {
  font-size: 2.4rem;
  font-size: clamp(2rem,1.25vw,2.4rem);
  font-weight: 500;
  line-height: 1.25;
  margin-bottom: 25px;
  letter-spacing: 1px;
}
.welfare .styleJWrap .txtBox .notes p span {
  color: #aeaeae;
  font-weight: 500;
}
.welfare .styleJWrap .txtBox .notes .caution {
  margin-bottom: 0;
  color: #aeaeae;
  font-size: 1.6rem;
  font-size: clamp(1.4rem,0.93vw,1.6rem);
  line-height: 1.5;
}
.welfare .stylejSystem {
  max-width: 1600px;
  margin: 0 auto;
}
.welfare .stylejSystem h3 {
  font-weight: bold;
  color: #65aaaa;
  font-size: clamp(2.6rem,1.56vw,3rem);
  letter-spacing: 1px;
  margin: 0 0 45px 20px;
}
.welfare .stylejSystem h3 span {
  font-weight: 600;
  letter-spacing: 1.5px;
  margin-right: 10px;
}
.welfare .systemWrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.welfare .systemWrap .box {
  width: 47.3%;
  border: 2px solid #65aaaa;
  padding: 54px 2%;
  margin-bottom: 44px;
  border-radius: 30px;
}
.welfare .systemWrap .box .boxWrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: 665px;
  margin: 0 auto;
}
.welfare .systemWrap .box .boxWrap figure {
  width: 29.5%;
}
.welfare .systemWrap .box .boxWrap .txtBox {
  width: 65.8%;
  letter-spacing: 1px;
}
.welfare .systemWrap .box .boxWrap .txtBox h4 {
  font-size: 2.4rem;
  font-size: clamp(2.2rem,1.25vw,2.4rem);
  font-weight: bold;
  line-height: 1.4;
  margin-bottom: 22px;
}
.welfare .systemWrap .box .boxWrap .txtBox p {
  font-size: 1.8rem;
  font-size: clamp(1.6rem,0.93vw,1.8rem);
  font-weight: 500;
  line-height: 1.25;
}
.welfare .systemWrap .box .boxWrap .txtBox p span {
  display: block;
  color: #aeaeae;
  font-size: 1.6rem;
  font-size: clamp(1.4rem,0.93vw,1.6rem);
}
.welfare .otherWelfare {
  position: relative;
  padding-top: 100px;
}
.welfare .otherWelfare .box {
  position: relative;
  padding: 0 3% 58px;
  margin-bottom: 80px;
}
.welfare .otherWelfare .box::after {
  content: "";
  width: 96.8%;
  height: 36%;
  bottom: 0;
  background: #fff;
  position: absolute;
}
.welfare .otherWelfare .box.box01::after {
  right: 0;
}
.welfare .otherWelfare .box.box02::after {
  left: 0;
}
.welfare .otherWelfare .box .boxWrap {
  max-width: 1600px;
  margin: 0 auto;
  z-index: 2;
  display: flex;
  position: relative;
}
.welfare .otherWelfare .box .boxWrap figure {
  width: 40.6%;
}
.welfare .otherWelfare .box .boxWrap .txtBox {
  width: 59.4%;
  padding: 6.1% 0 5.4% 2.8%;
  position: relative;
}
.welfare .otherWelfare .box .boxWrap .txtBox h3 {
  font-size: clamp(1.8rem,1.04vw,2rem);
  font-weight: 500;
  line-height: 1.35;
  margin-bottom: 5%;
}
.welfare .otherWelfare .box .boxWrap .txtBox h3 span {
  display: block;
  color: #65aaaa;
  font-size: 8rem;
  font-size: clamp(6rem,4.16vw,8rem);
  letter-spacing: 4.5px;
  line-height: 1.2;
  margin-top: 7px;
}
.welfare .otherWelfare .box .boxWrap .txtBox .note {
  font-size: 1.8rem;
  font-size: clamp(1.6rem,0.93vw,1.8rem);
  line-height: 1.35;
  padding-bottom: 40px;
}
.welfare .otherWelfare .box.box02 {
  margin-bottom: 0;
}
.welfare .otherWelfare .box.box02 .boxWrap {
  flex-direction: row-reverse;
  margin-bottom: 0;
}
.welfare .otherWelfare .box.box02 .boxWrap .txtBox {
  padding: 6.1% 5% 5.4% 6.5%;
}
.welfare .otherWelfare .box.box02 .boxWrap .txtBox .note {
  max-width: 670px;
}
.welfare .square01 {
  width: 1.7vw;
  right: 14.1%;
  top: 37.5%;
}
.welfare .square02 {
  width: 2.54vw;
  right: 8.7%;
  top: 47.5%;
}
.welfare .square03 {
  width: 2.78vw;
  right: 3.2%;
  top: -7.4%;
}
.welfare .square04 {
  width: 1.67vw;
  right: 7.5%;
  top: 6.5%;
}
.welfare .square05 {
  width: 1.67vw;
  left: 7.5%;
  top: 3.5%;
}
.welfare .square06 {
  width: 2.78vw;
  left: 3.2%;
  top: 20%;
}
.nextContents.welfare .nav01 a {
  pointer-events: none;
  color: #aeaeae;
}
@media only screen and (max-width:749px) {
  .welfare .innerHead {
    position: relative;
  }
  .welfare .mainLead {
    padding: 16% 0 20%;
  }
  .welfare .mainLead h2 {
    margin-bottom: 6%;
  }
  .welfare .mainLead p {
    max-width: none;
    font-size: 3.2vw;
    line-height: 1.4;
    text-align: left;
  }
  .welfare .styleJ {
    padding: 0 0 9%;
  }
  .welfare .styleJ::before {
    display: none;
  }
  .welfare .styleJWrap {
    max-width: none;
    margin: 0 auto 8%;
    display: block;
  }
  .welfare .styleJWrap figure {
    width: 100%;
  }
  .welfare .styleJWrap .txtBox {
    width: 100%;
    padding: 9% 6% 0;
  }
  .welfare .styleJWrap .txtBox h3 {
    font-size: 4.26vw;
    letter-spacing: 1px;
    margin-bottom: 6%;
  }
  .welfare .styleJWrap .txtBox .notes p {
    font-size: 3.2vw;
    line-height: 1.417;
    margin-bottom: 5%;
    letter-spacing: 1px;
  }
  .welfare .styleJWrap .txtBox .notes .caution {
    font-size: 3.2vw;
    line-height: 1.417;
  }
  .welfare .stylejSystem {
    max-width: none;
    margin: 0 auto;
  }
  .welfare .stylejSystem h3 {
    font-size: 4vw;
    margin: 0 0 6%;
    text-align: center;
  }
  .welfare .stylejSystem h3 span {
    letter-spacing: 1px;
    margin-right: 0;
  }
  .welfare .systemWrap {
    display: block;
    padding: 0 6%;
  }
  .welfare .systemWrap .box {
    width: 100%;
    border: 1px solid #65aaaa;
    padding: 11.5% 2% 8%;
    margin-bottom: 3%;
    border-radius: 15px;
  }
  .welfare .systemWrap .box .boxWrap {
    max-width: none;
  }
  .welfare .systemWrap .box .boxWrap figure {
    width: 29.5%;
  }
  .welfare .systemWrap .box .boxWrap .txtBox {
    width: 69%;
    letter-spacing: 1px;
  }
  .welfare .systemWrap .box .boxWrap .txtBox h4 {
    font-size: 3.73vw;
    line-height: 1.4;
    margin-bottom: 0;
  }
  .welfare .systemWrap .box .boxWrap .txtBox p {
    font-size: 3.2vw;
    line-height: 1.417;
  }
  .welfare .systemWrap .box .boxWrap .txtBox p span {
    font-size: 3.2vw;
  }
  .welfare .otherWelfare {
    padding-top: 16%;
  }
  .welfare .otherWelfare .box {
    position: relative;
    padding: 0 6%;
    margin-bottom: 19.5%;
  }
  .welfare .otherWelfare .box::after {
    content: "";
    width: 100%;
    height: 65.5%;
  }
  .welfare .otherWelfare .box .boxWrap {
    max-width: none;
    display: block;
  }
  .welfare .otherWelfare .box .boxWrap figure {
    width: 100%;
  }
  .welfare .otherWelfare .box .boxWrap .txtBox {
    width: 100%;
    margin: 0 auto;
    padding: 6.4% 0 0;
    max-width: none;
  }
  .welfare .otherWelfare .box .boxWrap .txtBox h3 {
    font-size: 2.66vw;
    line-height: 1.5;
    margin-bottom: 6%;
  }
  .welfare .otherWelfare .box .boxWrap .txtBox h3 span {
    font-size: 9.33vw;
    letter-spacing: 1px;
    margin-top: 4%;
    line-height: 1.2;
  }
  .welfare .otherWelfare .box .boxWrap .txtBox h3 span {
    font-size: 8vw;
  }
  .welfare .otherWelfare .box .boxWrap .txtBox .note {
    font-size: 3.2vw;
    line-height: 1.4;
    padding-bottom: 11.5%;
  }
  .welfare .otherWelfare .box.box02 {
    margin-bottom: 2%;
  }
  .welfare .otherWelfare .box.box02 .boxWrap .txtBox {
    padding: 5.4% 0 0;
  }
  .welfare .otherWelfare .box.box02 .boxWrap .txtBox .note {
    max-width: none;
  }
  .welfare .square01 {
    width: 2.93vw;
    right: 14.1%;
    top: 27.5%;
  }
  .welfare .square02 {
    width: 4.54vw;
    right: 4.7%;
    top: 33.8%;
  }
  .welfare .square03 {
    width: 6.35vw;
    right: 2%;
    top: -13.5%;
  }
  .welfare .square04 {
    width: 2.86vw;
    right: 11.9%;
    top: -6.5%;
  }
  .welfare .square05 {
    width: 2.86vw;
    left: 15.5%;
    top: -16.5%;
  }
  .welfare .square06 {
    width: 6.35vw;
    left: 3.4%;
    top: -10.5%;
  }
}
/* ---------- evaluation ---------- */
.evaluation .structure {
  padding: 100px 3%;
}
.evaluation .structureWrap {
  max-width: 1600px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.evaluation .structureWrap .txtBox {
  width: 46%;
}
.evaluation .structureWrap .txtBox h3 {
  font-size: 3rem;
  font-size: clamp(2.6rem,1.56vw,3rem);
  font-weight: 500;
  letter-spacing: 1.8px;
  margin-bottom: 48px;
  color: #65aaaa;
}
.evaluation .structureWrap .txtBox .notes p {
  font-size: 2.4rem;
  font-size: clamp(2rem,1.25vw,2.4rem);
  font-weight: 500;
  line-height: 1.4;
  margin-bottom: 35px;
  letter-spacing: 1px;
}
.evaluation .structureWrap .txtBox .notes p:last-of-type {
  margin-bottom: 0;
}
.evaluation .structureWrap .imgBox {
  width: 47%;
  text-align: center;
}
.evaluation .structureWrap .imgBox figure {
  background: #fff;
  padding: 60px 3%;
  border-radius: 30px;
}
.evaluation .aboutEvaluation {
  padding: 55px 3% 74px;
  background: #fff;
}
.evaluation .aboutEvaluationWrap {
  max-width: 1600px;
  margin: 0 auto;
}
.evaluation .aboutEvaluationWrap h2 {
  text-align: center;
  font-size: 2rem;
  font-size: clamp(1.8rem,1.04vw,2rem);
  line-height: 1.35;
  margin-bottom: 65px;
}
.evaluation .aboutEvaluationWrap h2 span {
  display: block;
  font-size: 8rem;
  font-size: clamp(7rem,4.16vw,8rem);
  letter-spacing: 5px;
  color: #65aaaa;
}
.evaluation .aboutEvaluationWrap .notes {
  max-width: 1040px;
  margin: 0 auto 78px;
}
.evaluation .aboutEvaluationWrap .notes p {
  font-size: 2.4rem;
  font-size: clamp(2rem,1.25vw,2.4rem);
  font-weight: 500;
  line-height: 1.4;
  margin-bottom: 35px;
  letter-spacing: 1px;
}
.evaluation .aboutEvaluationWrap figure {
  padding: 78px 3.5%;
  text-align: center;
  background: url(../img/evaluation/bg.webp) no-repeat;
  background-size: cover;
}
.no-webp .evaluation .aboutEvaluationWrap figure {
  background: url(../img/evaluation/bg.jpg) no-repeat;
  background-size: cover;
}
.evaluation .careerPath {
  padding: 76px 3% 0;
}
.evaluation .careerPathWrap {
  max-width: 1600px;
  margin: 0 auto;
}
.evaluation .careerPathWrap h2 {
  text-align: center;
  font-size: 2rem;
  font-size: clamp(1.8rem,1.04vw,2rem);
  line-height: 1.35;
  margin-bottom: 65px;
}
.evaluation .careerPathWrap h2 span {
  display: block;
  font-size: 8rem;
  font-size: clamp(7rem,4.16vw,8rem);
  letter-spacing: 5px;
  color: #65aaaa;
}
.evaluation .careerPathWrap .notes {
  max-width: 1040px;
  margin: 0 auto 85px;
}
.evaluation .careerPathWrap .notes p {
  font-size: 2.4rem;
  font-size: clamp(2rem,1.25vw,2.4rem);
  font-weight: 500;
  line-height: 1.4;
  margin-bottom: 35px;
  letter-spacing: 1px;
}
.evaluation .pathFlow {
  padding: 60px 3% 62px;
  background: #f6f6f6;
}
.evaluation .pathFlowWrap {
  max-width: 1040px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.evaluation .pathFlowWrap .block {
  width: 48.4%;
}
.evaluation .pathFlowWrap .block.start {
  width: 100%;
}
.evaluation .pathFlowWrap .block .box::after {
  content: "";
  display: block;
  width: 107px;
  height: 62px;
  background: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20108%2062%22%20style%3D%22enable-background%3Anew%200%200%20108%2062%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%23FFFFFF%3B%7D%20.st1%7Bfill%3Anone%3Bstroke%3A%23000000%3Bstroke-width%3A2%3Bstroke-miterlimit%3A10%3B%7D%20.st2%7Bfill%3A%2365AAAA%3B%7D%3C%2Fstyle%3E%3Cg%3E%20%3Cpolygon%20class%3D%22st0%22%20points%3D%221.4145012%2C25.5163002%208.1445007%2C32.2462997%2024.0145016%2C16.3782997%2039.8824997%2C32.2462997%2046.614502%2C25.5163002%2024.0145016%2C2.9143009%20%22%2F%3E%20%3Cpolygon%20class%3D%22st1%22%20points%3D%221.4145012%2C25.5163002%208.1445007%2C32.2462997%2024.0145016%2C16.3782997%2039.8824997%2C32.2462997%2046.614502%2C25.5163002%2024.0145016%2C2.9143009%20%22%2F%3E%20%3Cpolygon%20class%3D%22st0%22%20points%3D%221.4145012%2C52.3554993%208.1445007%2C59.0854988%2024.0145016%2C43.2174988%2039.8824997%2C59.0854988%2046.614502%2C52.3554993%2024.0145016%2C29.7535%20%22%2F%3E%20%3Cpolygon%20class%3D%22st1%22%20points%3D%221.4145012%2C52.3554993%208.1445007%2C59.0854988%2024.0145016%2C43.2174988%2039.8824997%2C59.0854988%2046.614502%2C52.3554993%2024.0145016%2C29.7535%20%22%2F%3E%3C%2Fg%3E%3Cg%3E%20%3Cg%3E%20%3Cpath%20class%3D%22st2%22%20d%3D%22M76.3577881%2C30.4410553c0%2C2.0278931-1.1698608%2C3.5358887-3.0938721%2C3.5618896%20c-1.6119385%2C0-2.6259155-1.065979-2.6259155-2.8339233v-7.6437988h-4.0039062v8.7877197%20c0%2C3.3018799%2C1.9500122%2C5.355896%2C5.0438843%2C5.355896c2.105896%2C0%2C3.7178955-0.8579712%2C4.6798096-2.6259155v2.4699097h3.9779053%20V23.5252228h-3.9779053V30.4410553z%20M94.0637817%2C23.3952789c-1.8978882%2C0-3.4318848%2C0.7799683-4.4197998%2C2.1838989v-2.0539551%20h-4.0039062v19.0314331h4.0039062v-7.0717773c1.013916%2C1.4039917%2C2.5479126%2C2.18396%2C4.4978027%2C2.18396%20c3.9259033%2C0%2C6.499939-2.8338623%2C6.499939-7.0717773C100.6417236%2C26.2811432%2C97.9896851%2C23.3952789%2C94.0637817%2C23.3952789z%20M93.1279297%2C34.3409576c-2.0540161%2C0-3.4839478-1.5599976-3.4839478-3.8739014%20c0-2.2619019%2C1.4299316-3.8479004%2C3.4839478-3.8479004c2.053894%2C0%2C3.4578857%2C1.6119995%2C3.4578857%2C3.8479004%20C96.5858154%2C32.7549591%2C95.1818237%2C34.3409576%2C93.1279297%2C34.3409576z%20M107.2459717%2C31.3770294l0.6760254-7.3317871v-4.6018677%20h-3.7958984v4.6018677l0.6760254%2C7.3317871H107.2459717z%20M105.9721069%2C33.6129303%20c-1.1439819%2C0-1.9760132%2C0.8320312-1.9760132%2C2.053894c0%2C1.1960449%2C0.8320312%2C2.0800171%2C1.9760132%2C2.0800171%20c1.1699219%2C0%2C2.0278931-0.8839722%2C2.0278931-2.0800171C108%2C34.4449615%2C107.1420288%2C33.6129303%2C105.9721069%2C33.6129303z%22%2F%3E%20%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E') no-repeat;
  background-size: contain;
  margin: 18px auto;
  position: relative;
  left: 6%;
}
.evaluation .pathFlowWrap .block.start .box::after {
  display: none;
}
.evaluation .pathFlowWrap .block .box p {
  text-align: center;
  border: 3px solid #212121;
  font-size: 3rem;
  font-size: clamp(2.6rem,1.56vw,3rem);
  font-weight: bold;
  letter-spacing: 6px;
  padding: 14px 0;
  background: #fff;
}
.nextContents.evaluation .nav02 a {
  pointer-events: none;
  color: #aeaeae;
}
@media only screen and (max-width:749px) {
  .evaluation .structure {
    padding: 12% 6% 13%;
  }
  .evaluation .structureWrap {
    max-width: none;
    display: block;
  }
  .evaluation .structureWrap .txtBox {
    width: 100%;
    padding: 0 7% 12%;
  }
  .evaluation .structureWrap .txtBox h3 {
    font-size: 4vw;
    letter-spacing: 1px;
    margin-bottom: 7%;
  }
  .evaluation .structureWrap .txtBox .notes p {
    font-size: 3.2vw;
    line-height: 1.417;
    margin-bottom: 6%;
    letter-spacing: 0.8px;
  }
  .evaluation .structureWrap .imgBox {
    width: 100%;
  }
  .evaluation .structureWrap .imgBox figure {
    padding: 8% 10%;
    border-radius: 15px;
  }
  .evaluation .aboutEvaluation {
    padding: 11% 0 8.5%;
  }
  .evaluation .aboutEvaluationWrap {
    max-width: none;
    margin: 0 auto;
  }
  .evaluation .aboutEvaluationWrap h2 {
    font-size: 2.66vw;
    line-height: 1.35;
    margin-bottom: 8%;
  }
  .evaluation .aboutEvaluationWrap h2 span {
    font-size: 10.66vw;
    letter-spacing: 2px;
  }
  .evaluation .aboutEvaluationWrap .notes {
    max-width: none;
    margin: 0 6% 8%;
  }
  .evaluation .aboutEvaluationWrap .notes p {
    font-size: 3.2vw;
    line-height: 1.417;
    margin-bottom: 5%;
    letter-spacing: 0.8px;
  }
  .evaluation .aboutEvaluationWrap figure {
    padding: 7% 0;
    text-align: center;
    background: url(../img/evaluation/bg_sp.webp) no-repeat;
    background-size: cover;
  }
  .no-webp .evaluation .aboutEvaluationWrap figure {
    background: url(../img/evaluation/bg_sp.jpg) no-repeat;
    background-size: cover;
  }
  .evaluation .careerPath {
    padding: 7% 0 0;
  }
  .evaluation .careerPathWrap {
    max-width: none;
    margin: 0 auto;
  }
  .evaluation .careerPathWrap h2 {
    font-size: 2.66vw;
    line-height: 1.35;
    margin-bottom: 7%;
  }
  .evaluation .careerPathWrap h2 span {
    font-size: 10.66vw;
    letter-spacing: 2px;
  }
  .evaluation .careerPathWrap .notes {
    max-width: none;
    margin: 0 6% 10%;
  }
  .evaluation .careerPathWrap .notes p {
    font-size: 3.2vw;
    line-height: 1.417;
    margin-bottom: 5%;
    letter-spacing: 0.8px;
  }
  .evaluation .pathFlow {
    padding: 10% 6% 9.5%;
  }
  .evaluation .pathFlowWrap {
    max-width: none;
  }
  .evaluation .pathFlowWrap .block .box::after {
    width: 14.8vw;
    height: 8.26vw;
    margin: 2.5vw auto;
    left: 4.4vw;
  }
  .evaluation .pathFlowWrap .block .box p {
    border: 2px solid #212121;
    font-size: 4vw;
    letter-spacing: 3px;
    padding: 1.7vw 0;
  }
}
/* ---------- welfare ---------- */
.workstyle .mainLead {
  padding: 90px 3% 102px;
}
.workstyle .mainLead p {
  max-width: none;
  text-align: center;
  letter-spacing: 1px;
  font-size: 1.8rem;
  font-size: clamp(1.6rem,0.93vw,1.8rem);
  line-height: 2.083;
}
.workstyle .itemBox {
  padding: 70px 3% 26px;
  background: #f8f8f8;
}
.workstyle .itemBox:nth-of-type(odd) {
  background: #d7ecec;
}
.workstyle .itemBox .block {
  max-width: 1600px;
  margin: 0 auto;
}
.workstyle .itemBox .block .number {
  text-align: center;
  font-size: 8rem;
  font-size: clamp(7rem,4.16vw,8rem);
  color: #65aaaa;
  line-height: 1;
}
.workstyle .itemBox .block .sub {
  text-align: center;
  font-size: 2rem;
  font-size: clamp(1.8rem,1.04vw,2rem);
  margin: 14px 0 38px;
  letter-spacing: 1px;
}
.workstyle .itemBox .block h2 {
  text-align: center;
  font-weight: 500;
  font-size: 3.4rem;
  font-size: clamp(3rem,1.77vw,3.4rem);
  letter-spacing: 2px;
  margin-bottom: 72px;
}
.workstyle .itemBox .block .result {
  text-align: center;
  font-size: 3.4rem;
  font-size: clamp(2.8rem,1.66vw,3.2rem);
  letter-spacing: 2px;
  color: #65aaaa;
  display: flex;
  align-items: center;
  justify-content: center;
  letter-spacing: 1.5px;
  padding-bottom: 26px;
  cursor: pointer;
}
.workstyle .itemBox .block .result::after {
  content: "";
  background: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2034%2034%22%20style%3D%22enable-background%3Anew%200%200%2034%2034%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3Bfill%3A%2365AAAA%3B%7D%20.st1%7Bfill%3A%23FFFFFF%3B%7D%3C%2Fstyle%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M34%2C17c0%2C9.3884487-7.6115532%2C17-17%2C17S0%2C26.3884487%2C0%2C17s7.6115522-17%2C17-17S34%2C7.6115527%2C34%2C17z%22%2F%3E%3Cg%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_3%22%3E%20%3Cpolygon%20class%3D%22st1%22%20points%3D%2222.543869%2C13.6344385%2021.7013836%2C13%2016.9997425%2C19.2470551%2012.2986164%2C13%2011.456131%2C13.6344385%2016.9997425%2C21%20%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E') no-repeat;
  background-size: contain;
  width: 34px;
  height: 34px;
  margin-left: 16px;
}
.workstyle .itemBox .block .result.isActive {
  display: none;
}
.workstyle .itemBox .block .accordionBox dd {
  height: 0;
  padding: 0;
  overflow: hidden;
  transition: .5s;
  margin: 0;
}
.workstyle .itemBox .block .itemList {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.workstyle .itemBox .block .itemList .box {
  width: 32%;
  max-width: 460px;
  min-height: 331px;
  padding: 5.8% 3%;
  margin-bottom: 3.5%;
  background: #fff;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.workstyle .itemBox .block .itemList::after {
  content: "";
  width: 32%;
  max-width: 460px;
  display: block;
}
.workstyle .itemBox .block .itemList .box:nth-of-type(1),
.workstyle .itemBox .block .itemList .box:nth-of-type(6),
.workstyle .itemBox .block .itemList .box:nth-of-type(8) {
  background: #f4ffff;
}
.workstyle .itemBox .block .itemList .box:nth-of-type(3),
.workstyle .itemBox .block .itemList .box:nth-of-type(5),
.workstyle .itemBox .block .itemList .box:nth-of-type(7) {
  background: #efeff1;
}
.workstyle .itemBox .block .itemList .box p {
  font-size: 1.8rem;
  font-size: clamp(1.6rem,0.93vw,1.8rem);
  font-weight: 500;
  letter-spacing: 1px;
  line-height: 1.667;
}
.workstyle .itemBox .block .itemList .box span {
  font-weight: 500;
  color: #65aaaa;
}
.workstyle .itemBox .block .itemList .box .year {
  font-size: 1.8rem;
  font-size: clamp(1.6rem,0.93vw,1.8rem);
  font-weight: 500;
  letter-spacing: 1px;
  max-width: 124px;
  border: 1px solid #222;
  margin: 0 auto;
  width: 100%;
  text-align: center;
  line-height: 1;
  padding: 5px 0;
  margin-top: 34px;
}
.workstyle .itemBox .block .satisfaction {
  display: flex;
  justify-content: space-between;
  margin-bottom: 3.5%;
}
.workstyle .itemBox .block .satisfaction .point {
  width: 32%;
  max-width: 460px;
  background: #fff;
}
.workstyle .itemBox .block .satisfaction .point .txtBox {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  color: #65aaaa;
  height: 100%;
}
.workstyle .itemBox .block .satisfaction .point p.unit {
  font-size: 3.4rem;
  font-size: clamp(3rem,1.77vw,3.4rem);
  font-weight: 500;
}
.workstyle .itemBox .block .satisfaction .point .number {
  font-size: clamp(8rem,5.72vw,11rem);
  font-weight: bold;
}
.workstyle .itemBox .block .satisfaction .point .number span {
  font-size: clamp(3.6rem,2.08vw,4rem);
  font-weight: bold;
}
.workstyle .itemBox .block .satisfaction .point .number .unit {
  font-weight: 500;
}
.workstyle .itemBox .block .satisfaction .itemList {
  width: 66%;
  max-width: 1024px;
}
.workstyle .itemBox .block .satisfaction .itemList .box {
  width: 48.485%;
  margin-bottom: 5.6%;
}
.workstyle .itemBox .block .satisfaction .itemList .box:nth-of-type(3),
.workstyle .itemBox .block .satisfaction .itemList .box:nth-of-type(4) {
  margin-bottom: 0;
}
.nextContents.workstyle .nav03 a {
  pointer-events: none;
  color: #aeaeae;
}
@media only screen and (max-width:749px) {
  .workstyle .mainLead {
    padding: 19% 0 15.5%;
  }
  .workstyle .mainLead p {
    text-align: left;
    font-size: 3.2vw;
    line-height: 1.417;
    margin-bottom: 4.5%;
  }
  .workstyle .itemBox {
    padding: 9% 6% 26px;
  }
  .workstyle .itemBox .block {
    max-width: none;
    margin: 0 auto;
  }
  .workstyle .itemBox .block .number {
    font-size: 10.66vw;
    line-height: 1;
  }
  .workstyle .itemBox .block .sub {
    font-size: 2.66vw;
    letter-spacing: 1px;
    margin: 2% 0 6%;
  }
  .workstyle .itemBox .block h2 {
    font-size: 4.26vw;
    letter-spacing: 1px;
    margin-bottom: 7%;
  }
  .workstyle .itemBox .block .result {
    font-size: 4.26vw;
    letter-spacing: 1px;
    padding-bottom: 3%;
  }
  .workstyle .itemBox .block .result::after {
    width: 4.53vw;
    height: 4.53vw;
    margin-left: 2vw;
  }
  .workstyle .itemBox .block .itemList {
    display: block;
  }
  .workstyle .itemBox .block .itemList .box {
    width: 100%;
    max-width: none;
    min-height: 42.13vw;
    padding: 10.8% 8%;
    display: block;
  }
  .workstyle .itemBox .block .itemList .box p {
    font-size: 3.73vw;
    letter-spacing: 1px;
    line-height: 1.571;
  }
  .workstyle .itemBox .block .itemList .box .year {
    font-size: 3.73vw;
    max-width: 32vw;
    padding: 2% 0;
    margin-top: 10%;
  }
  .workstyle .itemBox .block .satisfaction {
    display: block;
    margin-bottom: 0;
  }
  .workstyle .itemBox .block .satisfaction .point {
    width: 100%;
    max-width: none;
  }
  .workstyle .itemBox .block .satisfaction .point .txtBox {
    display: block;
    min-height: 35.33vw;
    padding: 10.8% 8% 0;
    margin-bottom: 3.5%;
  }
  .workstyle .itemBox .block .satisfaction .point p.unit {
    font-size: 3.2vw;
  }
  .workstyle .itemBox .block .satisfaction .point .number {
    font-size: 10.66vw;
  }
  .workstyle .itemBox .block .satisfaction .point .number span {
    font-size: 4.26vw;
  }
  .workstyle .itemBox .block .satisfaction .itemList {
    width: 100%;
    max-width: none;
  }
  .workstyle .itemBox .block .satisfaction .itemList .box {
    width: 100%;
    margin-bottom: 3.5%;
  }
  .workstyle .itemBox .block .satisfaction .itemList .box:nth-of-type(3),
  .workstyle .itemBox .block .satisfaction .itemList .box:nth-of-type(4) {
    margin-bottom: 3.5%;
  }
}