@charset "UTF-8";
body {
  font-family: "Noto Sans JP", serif;
  color: #000;
}

.ul-page.workstyle .ul-main {
  margin-bottom: 20px;
  margin-bottom: 1.25rem;
}
@media screen and (max-width: 768px) {
  .ul-page.workstyle .ul-main {
    padding-top: 0;
  }
}
.ul-page.workstyle .ul-main__titleArea .titleLine {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (max-width: 768px) {
  .ul-page.workstyle .ul-main__titleArea .titleLine {
    width: 95%;
    min-height: 19.0839694656vw;
  }
}

.workstyle-titleMain {
  margin-bottom: 30px;
  margin-bottom: 1.875rem;
}
@media screen and (max-width: 768px) {
  .workstyle-titleMain {
    margin-bottom: 7.6335877863vw;
  }
}
.workstyle-titleMain .en {
  font-size: 16px;
  font-size: 1rem;
  line-height: 2;
  font-weight: bold;
  color: #df5611;
}
@media screen and (max-width: 768px) {
  .workstyle-titleMain .en {
    font-size: 4.0712468193vw;
  }
}
.workstyle-titleMain .title {
  font-size: 32px;
  font-size: 2rem;
  line-height: 1;
  font-weight: bold;
  color: #3e6e82;
}
@media screen and (max-width: 768px) {
  .workstyle-titleMain .title {
    font-size: 8.1424936387vw;
  }
}

.workstyle-titleSub {
  margin-bottom: 30px;
  margin-bottom: 1.875rem;
}
@media screen and (max-width: 768px) {
  .workstyle-titleSub {
    margin-bottom: 7.6335877863vw;
  }
}
.workstyle-titleSub .en {
  font-size: 16px;
  font-size: 1rem;
  line-height: 2;
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  color: #df5611;
  border-bottom: 1px solid #df5611;
  padding-bottom: 5px;
  margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
  .workstyle-titleSub .en {
    font-size: 4.0712468193vw;
    padding-bottom: 0vw;
    margin-bottom: 2.5445292621vw;
  }
}
.workstyle-titleSub .title {
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 1.3333333333;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .workstyle-titleSub .title {
    font-size: 6.106870229vw;
  }
}
.workstyle-titleSub .title span {
  font-size: 16px;
  font-size: 1rem;
  line-height: 2;
  letter-spacing: normal;
}
@media screen and (max-width: 768px) {
  .workstyle-titleSub .title span {
    font-size: 4.0712468193vw;
  }
}

.training {
  padding: 45px 0;
  padding: 2.8125rem 0;
}
.training .inner {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.training__text {
  width: 48.3870967742%;
}
@media screen and (max-width: 768px) {
  .training__text {
    width: 100%;
  }
}

.training__desc {
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  .training__desc {
    font-size: 5.0890585242vw;
    margin-bottom: 1.875rem;
  }
}

.training__img {
  width: 37.9032258065%;
}
@media screen and (max-width: 768px) {
  .training__img {
    width: 100%;
  }
}

.system {
  padding: 50px 0;
  padding: 3.125rem 0;
}
@media screen and (max-width: 768px) {
  .system {
    padding: 7.6335877863vw 0 12.7226463104vw;
  }
}

.system__column-up {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 50px;
  margin-bottom: 3.125rem;
}
@media screen and (max-width: 768px) {
  .system__column-up {
    margin-bottom: 7.6335877863vw;
  }
}
.system__column-up .item:nth-of-type(1) {
  width: 50%;
}
@media screen and (max-width: 768px) {
  .system__column-up .item:nth-of-type(1) {
    width: 100%;
  }
}
.system__column-up .item:nth-of-type(2) {
  width: 40.3225806452%;
}
@media screen and (max-width: 768px) {
  .system__column-up .item:nth-of-type(2) {
    width: 100%;
  }
}

.system__column-bottom {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .system__column-bottom {
    gap: 5.0890585242vw;
  }
}
.system__column-bottom .item:nth-of-type(1) {
  width: 45.1612903226%;
}
@media screen and (max-width: 768px) {
  .system__column-bottom .item:nth-of-type(1) {
    width: 100%;
  }
}
.system__column-bottom .item:nth-of-type(2) {
  width: 50%;
}
@media screen and (max-width: 768px) {
  .system__column-bottom .item:nth-of-type(2) {
    width: 100%;
  }
}

.training__level {
  min-height: 55px;
  border: 1px solid #3e6e82;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 1.6;
  padding: 0 1em;
  margin-bottom: 5px;
}
@media screen and (max-width: 768px) {
  .training__level {
    min-height: 13.9949109415vw;
    font-size: 4.1vw;
    padding: 0 4.0712468193vw;
    margin-bottom: 1.5267175573vw;
  }
}

.training__purpose + .training__purpose {
  margin-top: 10px;
}
@media screen and (max-width: 768px) {
  .training__purpose + .training__purpose {
    margin-top: 5.0890585242vw;
  }
}
.training__purpose .title {
  min-height: 55px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #ff7c3a;
  padding: 0 1em;
  color: #fff;
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  .training__purpose .title {
    min-height: 13.9949109415vw;
    font-size: 5.0890585242vw;
  }
}
.training__purpose .text {
  font-size: 16px;
  font-size: 1rem;
  line-height: 2;
  padding: 0.2em 1em;
  border: 1px solid #ff7c3a;
}
@media screen and (max-width: 768px) {
  .training__purpose .text {
    font-size: 4.0712468193vw;
  }
}

.qualification {
  padding: 50px 0 70px;
  padding: 3.125rem 0 4.375rem;
  margin-bottom: 100px;
  margin-bottom: 6.25rem;
}
@media screen and (max-width: 768px) {
  .qualification {
    padding: 7.6335877863vw 0 12.7226463104vw;
    margin-bottom: 12.7226463104vw;
  }
}

.qualification__top {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 50px;
  margin-bottom: 3.125rem;
}
@media screen and (max-width: 768px) {
  .qualification__top {
    margin-bottom: 5.0890585242vw;
  }
}
.qualification__top .text {
  width: 67.7419354839%;
}
@media screen and (max-width: 768px) {
  .qualification__top .text {
    width: 100%;
  }
}
.qualification__top .img {
  width: 25.8064516129%;
}
@media screen and (max-width: 768px) {
  .qualification__top .img {
    width: 100%;
    max-width: 70.821529745%;
    margin: 0 auto;
  }
}

.qualification__items {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.qualification__items .item {
  width: 48.3870967742%;
  margin-bottom: 30px;
  margin-bottom: 1.875rem;
}
@media screen and (max-width: 768px) {
  .qualification__items .item {
    width: 100%;
  }
}
.qualification__items .item:last-child .img {
  margin-top: 38px;
  margin-top: 2.375rem;
}
@media screen and (max-width: 768px) {
  .qualification__items .item:last-child .img {
    margin-top: 0;
  }
}
.qualification__items .item .lists {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.qualification__items .item .lists li {
  margin-right: 0.5em;
  font-size: 16px;
  font-size: 1rem;
  line-height: 2;
}
@media screen and (max-width: 768px) {
  .qualification__items .item .lists li {
    margin-right: 2.5445292621vw;
    font-size: 4.0712468193vw;
  }
}
.qualification__items .item .lists li::after {
  display: inline-block;
  content: "|";
  margin-left: 0.5em;
}
@media screen and (max-width: 768px) {
  .qualification__items .item .lists li::after {
    margin-left: 2.5445292621vw;
  }
}
.qualification__items .item .detail li {
  font-size: 16px;
  font-size: 1rem;
  line-height: 2;
}
@media screen and (max-width: 768px) {
  .qualification__items .item .detail li {
    font-size: 4.0712468193vw;
  }
}

.diversity-message {
  padding: 100px 0 60px;
  padding: 6.25rem 0 3.75rem;
}
@media screen and (max-width: 768px) {
  .diversity-message {
    padding: 19.0839694656vw 0 12.7226463104vw;
  }
}
.diversity-message .text {
  text-align: center;
}

.diversity-cont {
  padding-bottom: 100px;
  padding-bottom: 6.25rem;
}
@media screen and (max-width: 768px) {
  .diversity-cont {
    padding-bottom: 0vw;
  }
}
.diversity-cont .inner {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .diversity-cont .inner {
    grid-template-columns: repeat(1, 1fr);
  }
}
.diversity-cont .inner .item {
  width: 90%;
  max-width: 550px;
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 3;
}
@media screen and (max-width: 768px) {
  .diversity-cont .inner .item {
    width: 100%;
    max-width: 100%;
    margin-bottom: 12.7226463104vw;
  }
}
.diversity-cont .inner .item .desc {
  margin-bottom: 38px;
  margin-bottom: 2.375rem;
}
@media screen and (max-width: 768px) {
  .diversity-cont .inner .item .desc {
    margin-bottom: 9.6692111959vw;
  }
}

/*** 福利厚生 ****/
@media screen and (max-width: 768px) {
  .ul-page.workstyle.welfare .ul-main {
    padding-top: 55vw;
    padding-left: 4vw;
  }
}
.ul-page.workstyle.welfare .ul-main__img img {
  -o-object-fit: cover;
     object-fit: cover;
}
.ul-page.workstyle.welfare .workstyle-titleMain {
  text-align: center;
}
@media screen and (max-width: 768px) {
  .ul-page.workstyle.welfare .workstyle-titleMain {
    margin-bottom: 12.7226463104vw;
  }
}
.ul-page.workstyle.welfare .workstyle-titleMain .en {
  margin-bottom: 5px;
}
.ul-page.workstyle.welfare .welfare-cont {
  padding: 50px 0 100px;
  padding: 3.125rem 0 6.25rem;
}
@media screen and (max-width: 768px) {
  .ul-page.workstyle.welfare .welfare-cont .inner {
    padding-inline: 0;
  }
}
.ul-page.workstyle.welfare .welfare__column {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 5px;
}
@media screen and (max-width: 768px) {
  .ul-page.workstyle.welfare .welfare__column {
    grid-template-columns: repeat(1, 1fr);
    gap: 2.5445292621vw;
  }
}
.ul-page.workstyle.welfare .welfare__item {
  padding: 30px 29px;
  padding: 1.875rem 1.8125rem;
}
@media screen and (max-width: 768px) {
  .ul-page.workstyle.welfare .welfare__item {
    padding: 6.8702290076vw 4.0712468193vw 10.941475827vw;
  }
}
.ul-page.workstyle.welfare .welfare__item .lead {
  margin-bottom: 20px;
  margin-bottom: 1.25rem;
}
@media screen and (max-width: 768px) {
  .ul-page.workstyle.welfare .welfare__item .lead {
    margin-bottom: 5.0890585242vw;
  }
}
.ul-page.workstyle.welfare .welfare__item .welfare__leave {
  margin-bottom: 20px;
  margin-bottom: 1.25rem;
}
@media screen and (max-width: 768px) {
  .ul-page.workstyle.welfare .welfare__item .welfare__leave {
    margin-bottom: 5.0890585242vw;
  }
}
.ul-page.workstyle.welfare .welfare__item .welfare__leave dl {
  border: 1px solid #c9caca;
}
.ul-page.workstyle.welfare .welfare__item .welfare__leave dl + dl {
  margin-top: 5px;
}
@media screen and (max-width: 768px) {
  .ul-page.workstyle.welfare .welfare__item .welfare__leave dl + dl {
    margin-top: 1.272264631vw;
  }
}
@media screen and (max-width: 768px) {
  .ul-page.workstyle.welfare .welfare__item .welfare__leave dl {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
.ul-page.workstyle.welfare .welfare__item .welfare__leave dl dt,
.ul-page.workstyle.welfare .welfare__item .welfare__leave dl dd {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-height: 40px;
  min-height: 2.5rem;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.2;
}
@media screen and (max-width: 768px) {
  .ul-page.workstyle.welfare .welfare__item .welfare__leave dl dt,
.ul-page.workstyle.welfare .welfare__item .welfare__leave dl dd {
    font-size: 4.0712468193vw;
    min-height: 9.6692111959vw;
  }
}
.ul-page.workstyle.welfare .welfare__item .welfare__leave dl dt {
  color: #fff;
  background-color: #6199b0;
  width: 64.2857142857%;
}
.ul-page.workstyle.welfare .welfare__item .welfare__leave dl dd {
  background-color: #fff;
  width: 35.7142857143%;
}
.ul-page.workstyle.welfare .welfare__item .welfare__leave dl dd span.day {
  -webkit-transform: translateY(2px);
          transform: translateY(2px);
}
@media screen and (max-width: 768px) {
  .ul-page.workstyle.welfare .welfare__item .welfare__leave dl dd span.day {
    -webkit-transform: translateY(1vw);
            transform: translateY(1vw);
  }
}
.ul-page.workstyle.welfare .welfare__item .welfare__leave dl dd span.year {
  font-size: 24px;
  font-size: 1.5rem;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .ul-page.workstyle.welfare .welfare__item .welfare__leave dl dd span.year {
    font-size: 6.106870229vw;
  }
}
.ul-page.workstyle.welfare .welfare__benefit01 {
  margin-bottom: 20px;
  margin-bottom: 1.25rem;
}
.ul-page.workstyle.welfare .welfare__benefit01 .welfare__item {
  background-color: #f8f8f8;
  padding: 20px 30px;
  padding: 1.25rem 1.875rem;
}
@media screen and (max-width: 768px) {
  .ul-page.workstyle.welfare .welfare__benefit01 .welfare__item {
    padding: 5.0890585242vw 5.0890585242vw 7.6335877863vw;
  }
}
.ul-page.workstyle.welfare .welfare__benefit01 .workstyle-titleSub {
  margin-bottom: 20px;
  margin-bottom: 1.25rem;
}
.ul-page.workstyle.welfare .welfare__benefit01 .caution {
  padding-left: 1em;
  text-indent: -1em;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.7142857143;
}
@media screen and (max-width: 768px) {
  .ul-page.workstyle.welfare .welfare__benefit01 .caution {
    font-size: 3.5623409669vw;
  }
}
.ul-page.workstyle.welfare .welfaire-cont__benefit01--other ul {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 5px;
}
@media screen and (max-width: 768px) {
  .ul-page.workstyle.welfare .welfaire-cont__benefit01--other ul {
    gap: 1.272264631vw;
  }
}
.ul-page.workstyle.welfare .welfaire-cont__benefit01--other ul li {
  background-color: #e6f2f7;
  border: 1px solid #6199b0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-weight: 500;
  min-height: 40px;
  min-height: 2.5rem;
}
@media screen and (max-width: 768px) {
  .ul-page.workstyle.welfare .welfaire-cont__benefit01--other ul li {
    font-size: 4.0712468193vw;
    min-height: 10.1781170483vw;
  }
}
@media screen and (max-width: 768px) {
  .ul-page.workstyle.welfare .welfare__other .workstyle-titleMain {
    margin-bottom: 7.6335877863vw;
  }
}
.ul-page.workstyle.welfare .welfare__other .workstyle-titleMain .title {
  font-size: 28px;
  font-size: 1.75rem;
}
@media screen and (max-width: 768px) {
  .ul-page.workstyle.welfare .welfare__other .workstyle-titleMain .title {
    font-size: 7.1246819338vw;
  }
}
.ul-page.workstyle.welfare .welfare__other .welfare__item {
  background-color: #eef4ff;
}
.ul-page.workstyle.welfare .welfare__other .welfare__item:nth-child(2) {
  background-color: #f4f8ff;
}
.ul-page.workstyle.welfare .welfare__other .welfare__item:last-child .lead {
  margin-bottom: 0;
}
.ul-page.workstyle.welfare .welfare__other .lead {
  margin-bottom: 30px;
  margin-bottom: 1.875rem;
}
@media screen and (max-width: 768px) {
  .ul-page.workstyle.welfare .welfare__other .lead {
    margin-bottom: 7.6335877863vw;
  }
}
.ul-page.workstyle.welfare .welfare__other .caution {
  border: 1px solid #6199b0;
  background-color: #fff;
  padding: 20px 15px;
  padding: 1.25rem 0.9375rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5;
  letter-spacing: 500;
  text-align: center;
  word-break: keep-all;
}
@media screen and (max-width: 768px) {
  .ul-page.workstyle.welfare .welfare__other .caution {
    padding: 5.0890585242vw 3.8167938931vw;
    font-size: 4.0712468193vw;
  }
}
/*# sourceMappingURL=workstyle.css.map */