@charset "UTF-8";
.sub-mv-area-inner .workplace-img-icon {
  position: absolute;
  bottom: 3%;
  right: 2%;
  width: 43%;
}
@media screen and (max-width: 800px) {
  .sub-mv-area-inner .workplace-img-icon {
    width: 55%;
  }
}
.sub-mv-area-inner .sub-title-area .sub-title-en {
  color: black !important;
}
.sub-mv-area-inner .sub-title-area .sub-title-en::before {
  color: #f41959 !important;
}
.sub-mv-area-inner .sub-title-area .sub-title-jp {
  color: black !important;
}

.mv-color {
  background-color: #ffe7ed;
}

.workplace-txt-box {
  width: 100%;
  margin-bottom: 60px;
  padding: 0 10%;
  box-sizing: border-box;
}
.workplace-txt-box > p {
  font-size: clamp(26px, 1.5625vw, 30px);
  font-weight: 700;
  text-align: center;
  line-height: 1.6;
}
@media screen and (max-width: 800px) {
  .workplace-txt-box > p {
    font-size: clamp(23px, 3.25vw, 26px);
  }
}

.wlb-box01 {
  width: 66.6666666667%;
  margin: 0 auto;
  background-color: #ecf1f4;
  border-radius: 40px;
  padding: 40px;
}
@media screen and (max-width: 800px) {
  .wlb-box01 {
    width: 100%;
    border-radius: 0;
  }
}
.wlb-box01 > div {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 800px) {
  .wlb-box01 > div {
    justify-content: flex-start;
    flex-wrap: wrap;
    border-radius: unset;
    gap: 25px;
  }
}
.wlb-box01 > div > div {
  width: calc((100% - 60px) / 3);
  aspect-ratio: 1/1;
  background-color: white;
  border-radius: 25px;
  padding: 25px 20px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media screen and (max-width: 800px) {
  .wlb-box01 > div > div {
    width: calc((100% - 25px) / 2);
  }
}
.wlb-box01 > div > div .wlb-box01-title {
  font-size: clamp(18px, 1.0416666667vw, 24px);
  text-align: center;
  flex: 1;
  display: flex;
  align-items: flex-start;
}
@media screen and (max-width: 800px) {
  .wlb-box01 > div > div .wlb-box01-title {
    font-size: clamp(16px, 2.25vw, 18px);
  }
}
.wlb-box01 > div > div .wlb-box01-txt-area {
  flex: 2;
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 800px) {
  .wlb-box01 > div > div .wlb-box01-txt-area {
    font-size: clamp(16px, 2.25vw, 18px);
  }
}
.wlb-box01 > div > div .wlb-box01-txt-area .wlb-box01-txt {
  font-size: clamp(18px, 1.0416666667vw, 20px);
  text-align: center;
  line-height: normal !important;
}
.wlb-box01 > div > div .wlb-box01-txt-area .wlb-box01-txt > span {
  font-size: clamp(48px, 4.1666666667vw, 80px);
  font-family: Overpass !important;
  font-weight: 700;
  color: #f41959;
  padding: 0 5px;
}
@media screen and (max-width: 800px) {
  .wlb-box01 > div > div .wlb-box01-txt-area .wlb-box01-txt > span {
    font-size: clamp(40px, 7.5vw, 60px);
  }
}
.wlb-box01 > div > div .wlb-box01-txt-area .wlb-caption {
  font-size: 11px;
  text-align: center;
  transform: translateY(-50%);
}
.wlb-box01 > div > div .wlb-box01-icon {
  width: auto;
  margin: 0 auto;
  flex: 1;
}
.wlb-box01 > div > div .wlb-box01-icon > img {
  height: 80px;
}
.wlb-box01 > p {
  padding-top: 15px;
  font-size: 14px;
  text-align: center;
}

.wlb-leftbox {
  width: 100%;
  display: grid;
  grid-template-columns: 34.4210526316% 4.53125% 4.8421052632% auto 11%;
  grid-template-rows: auto;
  margin-top: 150px;
}
@media screen and (max-width: 800px) {
  .wlb-leftbox {
    width: 100%;
    grid-template-columns: 8.25% auto;
    grid-template-rows: auto;
  }
}
.wlb-leftbox .yohaku01 {
  grid-column: 1/2;
  grid-row: 1/2;
  aspect-ratio: 654/99;
}
@media screen and (max-width: 800px) {
  .wlb-leftbox .yohaku01 {
    grid-column: 1/2;
    grid-row: 1/1;
    aspect-ratio: 66/36;
  }
}
.wlb-leftbox .yohaku02 {
  grid-column: 2/3;
  grid-row: 1/2;
  aspect-ratio: 87/99;
}
@media screen and (max-width: 800px) {
  .wlb-leftbox .yohaku02 {
    display: none;
  }
}
.wlb-leftbox .yohaku03 {
  grid-column: 3/4;
  grid-row: 1/2;
  aspect-ratio: 92/99;
}
@media screen and (max-width: 800px) {
  .wlb-leftbox .yohaku03 {
    display: none;
  }
}
.wlb-leftbox .yohaku04 {
  grid-column: 5/6;
  grid-row: 2/3;
  aspect-ratio: 209/172;
}
@media screen and (max-width: 800px) {
  .wlb-leftbox .yohaku04 {
    display: none;
  }
}
.wlb-leftbox .wlb-leftbox-img {
  grid-column: 1/3;
  grid-row: 1/4;
}
@media screen and (max-width: 800px) {
  .wlb-leftbox .wlb-leftbox-img {
    grid-column: 1/3;
    grid-row: 2/3;
  }
}
.wlb-leftbox .wlb-leftbox-img > div {
  aspect-ratio: 1183/790;
}
.wlb-leftbox .wlb-leftbox-title {
  grid-column: 2/5;
  grid-row: 2/3;
}
@media screen and (max-width: 800px) {
  .wlb-leftbox .wlb-leftbox-title {
    grid-column: 2/3;
    grid-row: 1/3;
  }
}
.wlb-leftbox .wlb-leftbox-txtarea {
  grid-column: 4/5;
  grid-row: 3/4;
}
@media screen and (max-width: 800px) {
  .wlb-leftbox .wlb-leftbox-txtarea {
    grid-column: 1/3;
    grid-row: 3/4;
    padding: 40px 5% 0 5%;
    box-sizing: border-box;
  }
}

.wlb-rightbox {
  width: 100%;
  display: grid;
  grid-template-columns: 20.5263157895% auto 4.8421052632% 4.2105263158% 34.8421052632%;
  grid-template-rows: auto;
  margin-top: 150px;
}
@media screen and (max-width: 800px) {
  .wlb-rightbox {
    width: 100%;
    grid-template-columns: 8.25% auto;
    grid-template-rows: auto;
  }
}
.wlb-rightbox .yohaku01 {
  grid-column: 3/4;
  grid-row: 1/2;
  aspect-ratio: 92/99;
}
@media screen and (max-width: 800px) {
  .wlb-rightbox .yohaku01 {
    grid-column: 1/2;
    grid-row: 1/1;
    aspect-ratio: 66/36;
  }
}
.wlb-rightbox .yohaku02 {
  grid-column: 4/5;
  grid-row: 1/2;
  aspect-ratio: 87/66;
}
@media screen and (max-width: 800px) {
  .wlb-rightbox .yohaku02 {
    display: none;
  }
}
.wlb-rightbox .yohaku03 {
  grid-column: 5/6;
  grid-row: 1/2;
  aspect-ratio: 567/99;
}
@media screen and (max-width: 800px) {
  .wlb-rightbox .yohaku03 {
    display: none;
  }
}
.wlb-rightbox .yohaku04 {
  grid-column: 1/2;
  grid-row: 2/3;
  aspect-ratio: 390/185;
}
.wlb-rightbox .wlb-rightbox-img {
  grid-column: 4/6;
  grid-row: 1/4;
  display: flex;
  justify-content: flex-end;
}
@media screen and (max-width: 800px) {
  .wlb-rightbox .wlb-rightbox-img {
    grid-column: 1/3;
    grid-row: 2/3;
  }
}
.wlb-rightbox .wlb-rightbox-img > div {
  width: 100%;
  aspect-ratio: 1183/790;
}
.wlb-rightbox .wlb-rightbox-title {
  grid-column: 2/5;
  grid-row: 2/3;
  display: flex;
  justify-content: flex-end;
}
@media screen and (max-width: 800px) {
  .wlb-rightbox .wlb-rightbox-title {
    grid-column: 2/3;
    grid-row: 1/3;
    justify-content: flex-start;
  }
}
.wlb-rightbox .wlb-rightbox-txtarea {
  grid-column: 2/3;
  grid-row: 3/4;
}
@media screen and (max-width: 800px) {
  .wlb-rightbox .wlb-rightbox-txtarea {
    grid-column: 1/3;
    grid-row: 3/4;
    padding: 40px 5% 0 5%;
    box-sizing: border-box;
  }
}

.wlf-fukidashi1 {
  width: 25.2631578947%;
}
@media screen and (max-width: 800px) {
  .wlf-fukidashi1 {
    width: 35%;
  }
}

.wlf-fukidashi2 {
  width: 46.3157894737%;
}
@media screen and (max-width: 800px) {
  .wlf-fukidashi2 {
    width: 52.5%;
  }
}

.wlf-fukidashi3 {
  width: 42.6315789474%;
}
@media screen and (max-width: 800px) {
  .wlf-fukidashi3 {
    width: 58.75%;
  }
}

.wlf-fukidashi4 {
  width: 42.6315789474%;
}
@media screen and (max-width: 800px) {
  .wlf-fukidashi4 {
    width: 50%;
  }
}

.wlb-list {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.wlb-list > li {
  padding-left: 1em;
  font-size: 18px;
  text-indent: -1em;
}
@media screen and (max-width: 1000px) {
  .wlb-list > li {
    font-size: 16px;
  }
}
.wlb-list > li::before {
  content: "●";
}

.wlb-img-area {
  width: 78.125%;
  padding-top: 80px;
  box-sizing: border-box;
  margin: 0 auto;
  overflow-x: visible;
}
@media screen and (max-width: 800px) {
  .wlb-img-area {
    width: 100%;
    padding: 40px 5% 0 5%;
    overflow-x: auto;
    box-sizing: border-box;
  }
}
.wlb-img-area > div {
  width: 80%;
  aspect-ratio: 1508.07/298.02;
  margin: 0 auto;
}
@media screen and (max-width: 800px) {
  .wlb-img-area > div {
    width: 950px;
    margin: 0;
  }
}

.wlb-gray-box {
  width: 62.5%;
  margin: 100px auto;
  background-color: #ecf1f4;
  border-radius: 25px;
  padding: 60px 80px;
  box-sizing: border-box;
}
@media screen and (max-width: 800px) {
  .wlb-gray-box {
    width: 100%;
    padding: 40px 5%;
    border-radius: unset;
  }
}
.wlb-gray-box .wlb-gray-box-inner .wlb-gray-box-title {
  font-size: 22px;
  padding-bottom: 30px;
}
.wlb-gray-box .wlb-gray-box-inner .wlb-item-box {
  display: flex;
  gap: 50px;
}
@media screen and (max-width: 800px) {
  .wlb-gray-box .wlb-gray-box-inner .wlb-item-box {
    display: flex;
    align-items: center;
    flex-direction: column-reverse;
  }
}
.wlb-gray-box .wlb-gray-box-inner .wlb-item-box .item-icon-img {
  width: 100px;
  flex-shrink: 0;
}
.wlb-gray-box .wlb-gray-box-inner .wlb-item-box .item-txt {
  flex-shrink: 1;
}

.benefits-box {
  width: 66.6666666667%;
  background-color: #ecf1f4;
  border-radius: 25px;
  padding: 80px 6.25%;
  box-sizing: border-box;
  margin: 0 auto 100px auto;
}
@media screen and (max-width: 800px) {
  .benefits-box {
    width: 100%;
    border-radius: unset;
    padding: 40px 0;
  }
}
.benefits-box .benefits-box-inner01 {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: -webkit-min-content 1fr;
  grid-template-rows: min-content 1fr;
  padding-bottom: 40px;
  column-gap: 40px;
  row-gap: 10px;
}
@media screen and (max-width: 800px) {
  .benefits-box .benefits-box-inner01 {
    width: 75%;
    grid-template-columns: auto;
    margin: 0 auto;
    column-gap: unset;
    row-gap: 20px;
  }
}
.benefits-box .benefits-box-inner01 .inner01-img {
  grid-column: 1/2;
  grid-row: 1/3;
}
@media screen and (max-width: 800px) {
  .benefits-box .benefits-box-inner01 .inner01-img {
    grid-column: 1/2;
    grid-row: 2/3;
  }
}
.benefits-box .benefits-box-inner01 .inner01-title {
  grid-column: 2/3;
  grid-row: 1/2;
}
@media screen and (max-width: 800px) {
  .benefits-box .benefits-box-inner01 .inner01-title {
    grid-column: 1/2;
    grid-row: 1/2;
  }
}
.benefits-box .benefits-box-inner01 .inner01-txt {
  grid-column: 2/3;
  grid-row: 2/3;
}
@media screen and (max-width: 800px) {
  .benefits-box .benefits-box-inner01 .inner01-txt {
    grid-column: 1/2;
    grid-row: 3/4;
  }
}
.benefits-box .benefits-box-inner02 {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: -webkit-min-content 1fr;
  grid-template-rows: min-content 1fr;
  padding-bottom: 40px;
  column-gap: 40px;
  row-gap: 10px;
}
@media screen and (max-width: 800px) {
  .benefits-box .benefits-box-inner02 {
    width: 75%;
    grid-template-columns: auto;
    margin: 0 auto;
    column-gap: unset;
    row-gap: 20px;
  }
}
.benefits-box .benefits-box-inner02 .inner02-img {
  grid-column: 2/3;
  grid-row: 1/3;
  align-self: start;
}
@media screen and (max-width: 800px) {
  .benefits-box .benefits-box-inner02 .inner02-img {
    grid-column: 1/2;
    grid-row: 2/3;
  }
}
.benefits-box .benefits-box-inner02 .inner02-title {
  grid-column: 1/2;
  grid-row: 1/2;
}
@media screen and (max-width: 800px) {
  .benefits-box .benefits-box-inner02 .inner02-title {
    grid-column: 1/2;
    grid-row: 1/2;
  }
}
.benefits-box .benefits-box-inner02 .inner02-txt {
  grid-column: 1/2;
  grid-row: 2/3;
  align-self: start;
}
@media screen and (max-width: 800px) {
  .benefits-box .benefits-box-inner02 .inner02-txt {
    grid-column: 1/2;
    grid-row: 3/4;
  }
}
.benefits-box .benefits-img {
  aspect-ratio: 1000/667;
}
.benefits-box .benefits-title {
  font-size: 26px;
  line-height: 1.6;
  margin: 0;
  padding-bottom: 15px;
}
@media screen and (max-width: 800px) {
  .benefits-box .benefits-title {
    text-align: center;
  }
}
.benefits-box .benefits-txt {
  font-size: 14px;
  margin: 0;
}
@media screen and (max-width: 800px) {
  .benefits-box .benefits-txt {
    font-size: 16px;
  }
}
.benefits-box .benefits-white-box {
  width: 100%;
  background-color: white;
  padding: 40px;
  border-radius: 25px;
}
@media screen and (max-width: 800px) {
  .benefits-box .benefits-white-box {
    width: 90%;
    margin: 0 auto;
  }
}
.benefits-box .benefits-white-box .white-title {
  font-size: 24px;
  text-align: center;
}
.benefits-box .benefits-white-box .white-txt {
  font-size: 16px;
  padding-top: 10px;
}

.system-box {
  width: 66.6666666667%;
  display: flex;
  gap: 60px;
  margin: 0 auto;
}
@media screen and (max-width: 800px) {
  .system-box {
    width: 90%;
    display: flex;
    flex-direction: column;
  }
}
.system-box .system-box-inner {
  flex: 1;
}
.system-box .system-box-inner .system-box-title01 {
  font-size: clamp(16px, 1.1458333333vw, 22px);
  text-align: center;
  color: white;
  background-color: #f41959;
  padding: 10px 10px;
  border-radius: 15px;
  box-sizing: border-box;
}
.system-box .system-box-inner .system-box-title02 {
  font-size: clamp(18px, 1.25vw, 24px);
  text-align: center;
  padding: 30px 10px;
  box-sizing: border-box;
}
.system-box .system-box-inner .system-list {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.system-box .system-box-inner .system-list > li {
  padding-left: 1em;
  font-size: 15px;
  text-indent: -1em;
}
@media screen and (max-width: 1000px) {
  .system-box .system-box-inner .system-list > li {
    font-size: 16px;
  }
}
.system-box .system-box-inner .system-list > li::before {
  content: "●";
}
.system-box .system-box-inner .syste-txt {
  padding-top: 20px;
  font-size: 15px;
}

.system-photo-box {
  width: 50.5208333333%;
  display: flex;
  gap: 30px;
  margin: 80px auto;
}
@media screen and (max-width: 800px) {
  .system-photo-box {
    width: 90%;
  }
}
.system-photo-box > div {
  flex: 1;
}

.system-img-area {
  width: 66.6666666667%;
  box-sizing: border-box;
  margin: 0 auto;
  overflow-x: visible;
}
@media screen and (max-width: 800px) {
  .system-img-area {
    width: 100%;
    padding: 40px 5% 0 5%;
    overflow-x: auto;
    box-sizing: border-box;
  }
}
.system-img-area > div {
  width: 100%;
  aspect-ratio: 1521/5 905.1;
  margin: 0 auto;
}
@media screen and (max-width: 800px) {
  .system-img-area > div {
    width: 950px;
    margin: 0;
  }
}