@charset "UTF-8";
.unique__container, .mission__container, .system__container, .kv__container, .breadcrumbs__container {
  position: relative;
  box-sizing: content-box !important;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
  z-index: 1;
}
@media screen and (max-width: 749px) {
  .unique__container, .mission__container, .system__container, .kv__container, .breadcrumbs__container {
    max-width: 89.3333333333vw;
    padding-left: 0;
    padding-right: 0;
  }
}

.kv__heading {
  font-size: 4rem;
  font-weight: bold;
  text-align: center;
  margin-bottom: 20px;
}
@media screen and (max-width: 1200px) {
  .kv__heading {
    font-size: 3.3333333333vw;
    margin-bottom: 2.0833333333vw;
  }
}
@media screen and (max-width: 749px) {
  .kv__heading {
    font-size: 6.1333333333vw;
    line-height: 1.5869565217;
    margin-top: -2vw;
    margin-bottom: 3.3333333333vw;
  }
}

.unique__star-text {
  font-size: 1.8rem;
  line-height: 1.8888888889;
}
@media screen and (max-width: 1200px) {
  .unique__star-text {
    font-size: 1.5vw;
  }
}
@media screen and (max-width: 749px) {
  .unique__star-text {
    font-size: 4.5333333333vw;
    line-height: 1.5882352941;
  }
}

/* breadcrumbs:start */
.breadcrumbs__container {
  padding-top: 15px;
}
@media screen and (max-width: 1200px) {
  .breadcrumbs__container {
    padding-top: 1.25vw;
  }
}
@media screen and (max-width: 749px) {
  .breadcrumbs__container {
    padding-top: 2.6666666667vw;
  }
}
.breadcrumbs__list {
  position: relative;
  display: inline;
  line-height: 1.5;
}
.breadcrumbs__list::after {
  display: inline-block;
  font-size: 1.3rem;
  margin-left: 20px;
  margin-right: 20px;
  line-height: 1.5;
  color: #6e6d6d;
  content: "＞";
}
@media screen and (max-width: 1200px) {
  .breadcrumbs__list::after {
    font-size: 1.0833333333vw;
    margin-left: 1.6666666667vw;
    margin-right: 1.6666666667vw;
  }
}
@media screen and (max-width: 749px) {
  .breadcrumbs__list::after {
    font-size: 2.6666666667vw;
    margin-left: 2.6666666667vw;
    margin-right: 2.6666666667vw;
  }
}
.breadcrumbs__list:last-child::after {
  content: none;
}
.breadcrumbs__list::marker {
  content: none;
}
.breadcrumbs__link, .breadcrumbs__link--cur {
  font-size: 1.3rem;
}
@media screen and (max-width: 1200px) {
  .breadcrumbs__link, .breadcrumbs__link--cur {
    font-size: 1.0833333333vw;
  }
}
@media screen and (max-width: 749px) {
  .breadcrumbs__link, .breadcrumbs__link--cur {
    font-size: 2.6666666667vw;
  }
}
.breadcrumbs__link--cur {
  color: #6e6d6d;
  display: inline;
}

/* breadcrumbs:end */
/* kv:start */
.kv__container {
  max-width: 1000px;
  padding-top: 95px;
  padding-bottom: 60px;
}
@media screen and (max-width: 1200px) {
  .kv__container {
    max-width: 83.3333333333vw;
    padding-top: 7.9166666667vw;
    padding-bottom: 5vw;
  }
}
@media screen and (max-width: 749px) {
  .kv__container {
    max-width: 89.3333333333vw;
    padding-top: 20vw;
    padding-bottom: 10.6666666667vw;
  }
}
.kv__heading {
  line-height: 1.5;
}
@media screen and (max-width: 749px) {
  .kv__heading {
    font-size: 6.1333333333vw;
    white-space: nowrap;
    margin-bottom: 6vw;
  }
}
.kv__text {
  font-size: 1.6rem;
  line-height: 1.8125;
  margin-bottom: -6px;
}
@media screen and (max-width: 1200px) {
  .kv__text {
    font-size: 1.3333333333vw;
    margin-bottom: -0.5vw;
  }
}
@media screen and (max-width: 749px) {
  .kv__text {
    font-size: 4.5333333333vw;
    line-height: 1.7941176471;
    margin-bottom: -1.7333333333vw;
  }
}

/* kv:end */
/* concept:start */
.concept__container {
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1200px) {
  .concept__container {
    max-width: 95vw;
  }
}
@media screen and (max-width: 749px) {
  .concept__container {
    max-width: 89.3333333333vw;
  }
}
.concept__items {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 749px) {
  .concept__items {
    flex-direction: column;
  }
}
.concept__item {
  width: 360px;
  background-color: #fff;
  border-radius: 20px;
  overflow: hidden;
}
@media screen and (max-width: 1200px) {
  .concept__item {
    width: 30vw;
    border-radius: 1.6666666667vw;
  }
}
@media screen and (max-width: 749px) {
  .concept__item {
    width: 100%;
    border-radius: 2.6666666667vw;
  }
}
@media screen and (max-width: 749px) {
  .concept__item:not(:first-child) {
    margin-top: 10.6666666667vw;
  }
}
.concept__item-bottom {
  padding-block: 13px 18px;
  padding-inline: 20px;
}
@media screen and (max-width: 1200px) {
  .concept__item-bottom {
    padding-block: 1.0833333333vw 1.5vw;
    padding-inline: 1.6666666667vw;
  }
}
@media screen and (max-width: 749px) {
  .concept__item-bottom {
    padding-block: 3.7333333333vw 4.6666666667vw;
    padding-inline: 5.3333333333vw;
  }
}
.concept__item-name {
  font-size: 20px;
  letter-spacing: -0.04em;
  font-weight: bold;
}
@media screen and (max-width: 1200px) {
  .concept__item-name {
    font-size: 1.6666666667vw;
  }
}
@media screen and (max-width: 749px) {
  .concept__item-name {
    font-size: 4.8vw;
  }
}
.concept__item-text {
  font-size: 15px;
  line-height: 1.4666666667;
  letter-spacing: -0.04em;
  margin-top: 10px;
}
@media screen and (max-width: 1200px) {
  .concept__item-text {
    font-size: 1.25vw;
    margin-top: 0.8333333333vw;
  }
}
@media screen and (max-width: 749px) {
  .concept__item-text {
    font-size: 4.2666666667vw;
    line-height: 1.46875;
    margin-top: 2.6666666667vw;
  }
}

/* concept:end */
/* system:start */
.system__container {
  max-width: 1000px;
  padding-top: 80px;
  padding-bottom: 80px;
}
@media screen and (max-width: 1200px) {
  .system__container {
    max-width: 83.3333333333vw;
    padding-top: 6.6666666667vw;
    padding-bottom: 6.6666666667vw;
  }
}
@media screen and (max-width: 749px) {
  .system__container {
    max-width: 89.3333333333vw;
    padding-top: 13.3333333333vw;
    padding-bottom: 13.3333333333vw;
  }
}
.system__heading {
  font-size: 3.4rem;
  font-weight: bold;
  line-height: 1.4117647059;
  text-align: center;
  margin-top: -9px;
  margin-bottom: 23px;
}
@media screen and (max-width: 1200px) {
  .system__heading {
    font-size: 2.8333333333vw;
    margin-top: -0.75vw;
    margin-bottom: 1.9166666667vw;
  }
}
@media screen and (max-width: 749px) {
  .system__heading {
    font-size: 6.4vw;
    line-height: 1.1666666667;
    margin-bottom: 6.6666666667vw;
  }
}
.system__text {
  font-size: 1.6rem;
  line-height: 1.8125;
  margin-bottom: -6px;
  letter-spacing: -0.04em;
}
@media screen and (max-width: 1200px) {
  .system__text {
    font-size: 1.3333333333vw;
    margin-bottom: -0.5vw;
  }
}
@media screen and (max-width: 749px) {
  .system__text {
    font-size: 4.5333333333vw;
    line-height: 1.7941176471;
    margin-bottom: -1.7333333333vw;
  }
}
.system__image {
  margin: 40px auto 32px;
}
@media screen and (max-width: 1200px) {
  .system__image {
    margin: 3.3333333333vw auto 2.6666666667vw;
  }
}
@media screen and (max-width: 749px) {
  .system__image {
    margin: 10.1333333333vw auto 8vw;
  }
}
.system__training {
  display: flex;
  justify-content: space-between;
  margin-top: 40px;
}
@media screen and (max-width: 1200px) {
  .system__training {
    margin-top: 3.3333333333vw;
  }
}
@media screen and (max-width: 749px) {
  .system__training {
    flex-direction: column;
    margin-top: 10.6666666667vw;
  }
}
.system__training-item {
  width: 450px;
  border-radius: 10px;
  border: #06056c 2px solid;
  overflow: hidden;
}
@media screen and (max-width: 1200px) {
  .system__training-item {
    width: 37.5vw;
    border-radius: 0.8333333333vw;
    border-width: 0.1666666667vw;
  }
}
@media screen and (max-width: 749px) {
  .system__training-item {
    width: 100%;
    border-radius: 2.6666666667vw;
    border-width: 0.5333333333vw;
  }
}
.system__training-head {
  background-color: #06056c;
  color: #fff;
  font-size: 24px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-block: 13px 16px;
}
@media screen and (max-width: 1200px) {
  .system__training-head {
    font-size: 2vw;
    padding-block: 1.0833333333vw 1.3333333333vw;
  }
}
@media screen and (max-width: 749px) {
  .system__training-head {
    font-size: 4.8vw;
    padding-block: 2.4vw 3.2vw;
  }
}
.system__training-body {
  padding: 15px 17px 17px 17px;
}
@media screen and (max-width: 1200px) {
  .system__training-body {
    padding: 1.25vw 1.4166666667vw 1.4166666667vw 1.4166666667vw;
  }
}
@media screen and (max-width: 749px) {
  .system__training-body {
    padding: 3.7333333333vw 3.4666666667vw 3.4666666667vw 3.4666666667vw;
  }
}
.system__training-text {
  text-align: center;
  font-size: 20px;
  line-height: 1.3;
}
@media screen and (max-width: 1200px) {
  .system__training-text {
    font-size: 1.6666666667vw;
  }
}
@media screen and (max-width: 749px) {
  .system__training-text {
    font-size: 4.8vw;
    line-height: 1.2222222222;
  }
}
.system__training-image {
  margin-top: 17px;
}
@media screen and (max-width: 1200px) {
  .system__training-image {
    margin-top: 1.4166666667vw;
  }
}
@media screen and (max-width: 749px) {
  .system__training-image {
    margin-top: 4vw;
  }
}
.system__training-arrow {
  width: 79px;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 1200px) {
  .system__training-arrow {
    width: 6.5833333333vw;
  }
}
@media screen and (max-width: 749px) {
  .system__training-arrow {
    width: 42.1333333333vw;
    margin: 5.3333333333vw auto;
  }
}

/* kv:end */
/* mission:start */
.mission {
  background-color: #fff;
}
.mission__container {
  max-width: 1000px;
  padding-top: 80px;
  padding-bottom: 80px;
}
@media screen and (max-width: 1200px) {
  .mission__container {
    max-width: 83.3333333333vw;
    padding-top: 6.6666666667vw;
    padding-bottom: 6.6666666667vw;
  }
}
@media screen and (max-width: 749px) {
  .mission__container {
    max-width: 89.3333333333vw;
    padding-top: 13.3333333333vw;
    padding-bottom: 13.3333333333vw;
  }
}
.mission__inner {
  padding-bottom: 60px;
  border-bottom: 4px solid #fbfbfb;
}
@media screen and (max-width: 1200px) {
  .mission__inner {
    padding-bottom: 5vw;
    border-bottom: 0.3333333333vw solid #fbfbfb;
  }
}
@media screen and (max-width: 749px) {
  .mission__inner {
    padding-bottom: 13.3333333333vw;
    border-bottom: 0.8vw solid #fbfbfb;
  }
}
.mission__heading {
  font-size: 2.8rem;
  font-weight: bold;
  line-height: 1.5;
  text-align: center;
  margin-block: -7px;
}
@media screen and (max-width: 1200px) {
  .mission__heading {
    font-size: 2.3333333333vw;
    margin-block: -0.5833333333vw;
  }
}
@media screen and (max-width: 749px) {
  .mission__heading {
    font-size: 6.4vw;
    line-height: 1.1666666667;
    letter-spacing: -0.04em;
    margin-block: -0.5333333333vw;
  }
}
.mission__text-box {
  margin-top: 55px;
  overflow: hidden;
}
@media screen and (max-width: 1200px) {
  .mission__text-box {
    margin-top: 4.5833333333vw;
  }
}
@media screen and (max-width: 749px) {
  .mission__text-box {
    margin-top: 10vw;
  }
}
.mission__text {
  font-size: 1.6rem;
  line-height: 1.8125;
  text-align: center;
  letter-spacing: -0.04em;
  margin-block: -6.5px;
}
@media screen and (max-width: 1200px) {
  .mission__text {
    font-size: 1.3333333333vw;
    margin-block: -0.5416666667vw;
  }
}
@media screen and (max-width: 749px) {
  .mission__text {
    font-size: 4.5333333333vw;
    line-height: 1.7941176471;
    margin-block: -1.8vw;
    text-align: left;
  }
}
.mission__mission-wrapper {
  list-style: none;
  position: relative;
  margin-top: 40px;
}
@media screen and (max-width: 1200px) {
  .mission__mission-wrapper {
    margin-top: 3.3333333333vw;
  }
}
@media screen and (max-width: 749px) {
  .mission__mission-wrapper {
    margin-top: 10.6666666667vw;
    display: flex;
    flex-direction: column-reverse;
  }
}
.mission__mission-wrapper + .mission__mission-wrapper {
  margin-top: 30px;
}
@media screen and (max-width: 1200px) {
  .mission__mission-wrapper + .mission__mission-wrapper {
    margin-top: 2.5vw;
  }
}
@media screen and (max-width: 749px) {
  .mission__mission-wrapper + .mission__mission-wrapper {
    margin-top: 8vw;
  }
}
.mission__mission-text-box {
  position: absolute;
  top: 8px;
  left: 335px;
}
@media screen and (max-width: 1200px) {
  .mission__mission-text-box {
    top: 0.6666666667vw;
    left: 27.9166666667vw;
  }
}
@media screen and (max-width: 749px) {
  .mission__mission-text-box {
    position: inherit;
    top: 0;
    left: 0;
    margin-top: 4.6666666667vw;
  }
}
.mission__mission-text {
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1.8125;
  letter-spacing: -0.04em;
  margin-block: -6.5px;
}
@media screen and (max-width: 1200px) {
  .mission__mission-text {
    font-size: 1.3333333333vw;
    margin-block: -0.5416666667vw;
  }
}
@media screen and (max-width: 749px) {
  .mission__mission-text {
    font-size: 4.5333333333vw;
    line-height: 1.7941176471;
    margin-block: -1.8vw;
  }
}
.mission__mission-img {
  max-width: 648px;
  margin-inline: auto;
}
@media screen and (max-width: 1200px) {
  .mission__mission-img {
    max-width: 54vw;
  }
}
@media screen and (max-width: 749px) {
  .mission__mission-img {
    max-width: 89.3333333333vw;
  }
}
.mission__description-box {
  margin-top: 50px;
  overflow: hidden;
}
@media screen and (max-width: 1200px) {
  .mission__description-box {
    margin-top: 4.1666666667vw;
  }
}
@media screen and (max-width: 749px) {
  .mission__description-box {
    margin-top: 10vw;
  }
}
.mission__description-text {
  font-size: 1.6rem;
  line-height: 1.8125;
  letter-spacing: -0.04em;
  margin-block: -6.5px;
}
@media screen and (max-width: 1200px) {
  .mission__description-text {
    font-size: 1.3333333333vw;
    margin-block: -0.5416666667vw;
  }
}
@media screen and (max-width: 749px) {
  .mission__description-text {
    font-size: 4.5333333333vw;
    line-height: 1.7941176471;
    margin-block: -1.8vw;
  }
}
.mission__parentheses--start {
  margin-left: -25px;
}
@media screen and (max-width: 1200px) {
  .mission__parentheses--start {
    margin-left: -2.0833333333vw;
  }
}
@media screen and (max-width: 749px) {
  .mission__parentheses--start {
    margin-left: -4.6666666667vw;
    margin-right: -0.6666666667vw;
  }
}
.mission__parentheses--end {
  margin-right: -25px;
}
@media screen and (max-width: 1200px) {
  .mission__parentheses--end {
    margin-right: -2.0833333333vw;
  }
}
@media screen and (max-width: 749px) {
  .mission__parentheses--end {
    margin-right: -4.6666666667vw;
  }
}
.mission__photos {
  display: flex;
  justify-content: center;
  margin-top: 40px;
}
@media screen and (max-width: 1200px) {
  .mission__photos {
    margin-top: 3.3333333333vw;
  }
}
@media screen and (max-width: 749px) {
  .mission__photos {
    margin-top: 10.6666666667vw;
  }
}
.mission__photos-item {
  width: 250px;
}
@media screen and (max-width: 1200px) {
  .mission__photos-item {
    width: 20.8333333333vw;
  }
}
@media screen and (max-width: 749px) {
  .mission__photos-item {
    width: 42.6666666667vw;
  }
}
.mission__photos-item:not(:first-child) {
  margin-left: 100px;
}
@media screen and (max-width: 1200px) {
  .mission__photos-item:not(:first-child) {
    margin-left: 8.3333333333vw;
  }
}
@media screen and (max-width: 749px) {
  .mission__photos-item:not(:first-child) {
    margin-left: 4vw;
  }
}
.mission__box {
  margin-top: 40px;
  margin-bottom: 25px;
  padding-top: 20px;
  padding-bottom: 25px;
  border: 2px solid #06056c;
  border-radius: 10px;
  width: 79.6%;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1200px) {
  .mission__box {
    margin-top: 2.0833333333vw;
    margin-bottom: 2.0833333333vw;
    padding-top: 1.6666666667vw;
    padding-bottom: 2.0833333333vw;
    border-radius: 0.8333333333vw;
  }
}
@media screen and (max-width: 749px) {
  .mission__box {
    width: 100%;
    margin-top: 10.6666666667vw;
    margin-bottom: 0;
    padding-top: 4.2666666667vw;
    padding-bottom: 5.3333333333vw;
    padding-left: 3.4666666667vw;
    padding-right: 3.4666666667vw;
    border-width: 0.5333333333vw;
    border-radius: 2.6666666667vw;
  }
}
.mission__box-title {
  font-size: 1.8rem;
  line-height: 1.6111111111;
  font-weight: bold;
  text-align: center;
  margin-bottom: 5px;
}
@media screen and (max-width: 1200px) {
  .mission__box-title {
    font-size: 1.5vw;
    margin-bottom: 0.4166666667vw;
  }
}
@media screen and (max-width: 749px) {
  .mission__box-title {
    font-size: 4.8vw;
    margin-bottom: 1.3333333333vw;
  }
}
.mission__box-inner {
  display: flex;
  justify-content: space-between;
  padding-inline: 38px 55px;
}
@media screen and (max-width: 1200px) {
  .mission__box-inner {
    padding-inline: 3.1666666667vw 4.5833333333vw;
  }
}
@media screen and (max-width: 749px) {
  .mission__box-inner {
    display: block;
    padding-left: 0;
  }
}
.mission__box-lists + .contest__box-lists {
  margin-left: 50px;
}
@media screen and (max-width: 1200px) {
  .mission__box-lists + .contest__box-lists {
    margin-left: 4.1666666667vw;
  }
}
@media screen and (max-width: 749px) {
  .mission__box-lists + .contest__box-lists {
    margin-left: 0;
  }
}
.mission__box-list {
  position: relative;
  font-size: 1.6rem;
  line-height: 1.8125;
  padding-left: 15px;
  letter-spacing: -0.04em;
}
@media screen and (max-width: 1200px) {
  .mission__box-list {
    font-size: 1.3333333333vw;
    padding-left: 1.25vw;
  }
}
@media screen and (max-width: 749px) {
  .mission__box-list {
    font-size: 4.2666666667vw;
    line-height: 1.75;
    padding-left: 4.6666666667vw;
  }
}
.mission__box-list::before {
  display: block;
  position: absolute;
  top: 13px;
  left: 0;
  width: 7px;
  height: 7px;
  border-radius: 100%;
  background-color: #06056c;
  content: "";
}
@media screen and (max-width: 1200px) {
  .mission__box-list::before {
    top: 1.0833333333vw;
    width: 0.5833333333vw;
    height: 0.5833333333vw;
  }
}
@media screen and (max-width: 749px) {
  .mission__box-list::before {
    top: 3.0666666667vw;
    width: 1.6vw;
    height: 1.6vw;
  }
}

/* mission:end */
.contest__sub-heading--04, .contest__sub-heading--03, .contest__sub-heading--02, .contest__sub-heading--01 {
  font-size: 2rem;
  line-height: 1.45;
  color: #fff;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-inline: auto;
  padding-bottom: 2px;
  background-color: #06056c;
  border-radius: 24px;
  height: 48px;
  letter-spacing: -0.04em;
  margin-block: -4.5px;
}
@media screen and (max-width: 1200px) {
  .contest__sub-heading--04, .contest__sub-heading--03, .contest__sub-heading--02, .contest__sub-heading--01 {
    font-size: 1.6666666667vw;
    height: 4vw;
    border-radius: 2vw;
    padding-bottom: 0.1666666667vw;
    margin-block: -0.375vw;
  }
}
@media screen and (max-width: 749px) {
  .contest__sub-heading--04, .contest__sub-heading--03, .contest__sub-heading--02, .contest__sub-heading--01 {
    font-size: 4.8vw;
    line-height: 1.3888888889;
    height: 12.5333333333vw;
    border-radius: 6.2666666667vw;
    padding-bottom: 0.5333333333vw;
    margin-block: -0.9333333333vw;
  }
}
.contest__sub-heading--04::before, .contest__sub-heading--03::before, .contest__sub-heading--02::before, .contest__sub-heading--01::before {
  content: "";
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
  position: absolute;
  top: -33px;
  left: -31px;
}
@media screen and (max-width: 1200px) {
  .contest__sub-heading--04::before, .contest__sub-heading--03::before, .contest__sub-heading--02::before, .contest__sub-heading--01::before {
    top: -2.75vw;
    left: -2.5833333333vw;
  }
}
@media screen and (max-width: 749px) {
  .contest__sub-heading--04::before, .contest__sub-heading--03::before, .contest__sub-heading--02::before, .contest__sub-heading--01::before {
    top: -7.7333333333vw;
    left: -7.6vw;
  }
}

.contest__competition-example, .contest__competition-text, .contest__competition-skill, .contest__text {
  font-size: 1.6rem;
  line-height: 1.8125;
  margin-block: -6.5px;
}
@media screen and (max-width: 1200px) {
  .contest__competition-example, .contest__competition-text, .contest__competition-skill, .contest__text {
    font-size: 1.3333333333vw;
    margin-block: -0.5416666667vw;
  }
}
@media screen and (max-width: 749px) {
  .contest__competition-example, .contest__competition-text, .contest__competition-skill, .contest__text {
    font-size: 4.5333333333vw;
    line-height: 1.7941176471;
    margin-block: -1.8vw;
  }
}

.contest__synergy-item--03, .contest__synergy-item--02, .contest__synergy-item--01 {
  position: relative;
  list-style: none;
  width: 320px;
}
@media screen and (max-width: 1200px) {
  .contest__synergy-item--03, .contest__synergy-item--02, .contest__synergy-item--01 {
    width: 26.6666666667vw;
  }
}
@media screen and (max-width: 749px) {
  .contest__synergy-item--03, .contest__synergy-item--02, .contest__synergy-item--01 {
    width: 89.3333333333vw;
  }
}
.contest__synergy-item--03::before, .contest__synergy-item--02::before, .contest__synergy-item--01::before {
  content: "";
  position: absolute;
  top: -47px;
  left: 20px;
  width: 53px;
  height: 49px;
  background-image: url("../img/sustainability/achievements/skills-competition/contest_synergy-num01.png");
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
}
@media screen and (max-width: 1200px) {
  .contest__synergy-item--03::before, .contest__synergy-item--02::before, .contest__synergy-item--01::before {
    top: -3.9166666667vw;
    left: 1.6666666667vw;
    width: 4.4166666667vw;
    height: 4.0833333333vw;
  }
}
@media screen and (max-width: 749px) {
  .contest__synergy-item--03::before, .contest__synergy-item--02::before, .contest__synergy-item--01::before {
    top: -14vw;
    left: 4.6666666667vw;
    width: 15.3333333333vw;
    height: 14.5333333333vw;
  }
}

.contest__voice-heading--row2, .contest__voice-heading {
  border-top-right-radius: 20px;
  border-top-left-radius: 20px;
  background-color: #fff3d4;
  padding-block: 25px;
  height: 80px;
  text-align: center;
  font-size: 1.8rem;
  line-height: 1.5;
}
@media screen and (max-width: 1200px) {
  .contest__voice-heading--row2, .contest__voice-heading {
    border-top-right-radius: 1.6666666667vw;
    border-top-left-radius: 1.6666666667vw;
    padding-block: 2.0833333333vw;
    height: 6.6666666667vw;
    font-size: 1.5vw;
  }
}
@media screen and (max-width: 749px) {
  .contest__voice-heading--row2, .contest__voice-heading {
    border-top-right-radius: 5.3333333333vw;
    border-top-left-radius: 5.3333333333vw;
    padding-top: 5.3333333333vw;
    padding-bottom: 6.6666666667vw;
    height: inherit;
    font-size: 4.8vw;
    line-height: 1.5833333333;
  }
}

/* contest:start */
.contest {
  padding-block: 80px;
  /* =======================================
    Sub-Section: 「技能コンテスト」の競技種目とは？
    ======================================= */
  /* =======================================
    Sub-Section: 「技能コンテスト」がもたらすシナジー効果
    ======================================= */
  /* =======================================
    Sub-Section: 「技能コンテスト」参加者の声
    ======================================= */
}
@media screen and (max-width: 1200px) {
  .contest {
    padding-block: 6.6666666667vw;
  }
}
@media screen and (max-width: 749px) {
  .contest {
    padding-top: 13.3333333333vw;
    padding-bottom: 0;
  }
}
.contest__container {
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1200px) {
  .contest__container {
    max-width: 83.3333333333vw;
  }
}
@media screen and (max-width: 749px) {
  .contest__container {
    max-width: 89.3333333333vw;
    padding-inline: 0;
  }
}
.contest__heading {
  font-size: 2.8rem;
  font-weight: bold;
  line-height: 1.5;
  text-align: center;
  margin-block: -7px;
  border-bottom: 4px solid #fbfbfb;
  padding-bottom: 53px;
}
@media screen and (max-width: 1200px) {
  .contest__heading {
    font-size: 2.3333333333vw;
    margin-block: -0.5833333333vw;
    border-bottom: 0.3333333333vw solid #fbfbfb;
    padding-bottom: 4.4166666667vw;
  }
}
@media screen and (max-width: 749px) {
  .contest__heading {
    font-size: 6.4vw;
    line-height: 1.5833333333;
    margin-block: -1.8666666667vw;
    border-bottom: 0.8vw solid #fbfbfb;
    padding-bottom: 11.3333333333vw;
  }
}
.contest__sub-section {
  padding-top: 65px;
  padding-bottom: 60px;
  border-bottom: 4px solid #fbfbfb;
}
@media screen and (max-width: 1200px) {
  .contest__sub-section {
    padding-top: 5.4166666667vw;
    padding-bottom: 5vw;
    border-bottom: 0.3333333333vw solid #fbfbfb;
  }
}
@media screen and (max-width: 749px) {
  .contest__sub-section {
    padding-top: 14.6666666667vw;
    padding-bottom: 13.3333333333vw;
    border-bottom: 0.8vw solid #fbfbfb;
  }
}
.contest__sub-section:last-child {
  padding-bottom: 0;
}
.contest__sub-section + .contest__sub-section {
  padding-top: 65px;
  border-bottom: none;
}
@media screen and (max-width: 1200px) {
  .contest__sub-section + .contest__sub-section {
    padding-top: 5.4166666667vw;
  }
}
@media screen and (max-width: 749px) {
  .contest__sub-section + .contest__sub-section {
    padding-top: 14.6666666667vw;
    padding-bottom: 0;
  }
}
.contest__sub-section:first-child {
  border-top: 4px solid #fbfbfb;
}
.contest__sub-heading--01 {
  width: 300px;
}
@media screen and (max-width: 1200px) {
  .contest__sub-heading--01 {
    width: 25vw;
  }
}
@media screen and (max-width: 749px) {
  .contest__sub-heading--01 {
    width: 69.2vw;
  }
}
.contest__sub-heading--01::before {
  content: "";
  width: 117px;
  height: 56px;
  background-image: url("../img/sustainability/achievements/skills-competition/contest_about_pc.png");
}
@media screen and (max-width: 1200px) {
  .contest__sub-heading--01::before {
    width: 9.75vw;
    height: 4.6666666667vw;
  }
}
@media screen and (max-width: 749px) {
  .contest__sub-heading--01::before {
    width: 27.2vw;
    height: 13.0666666667vw;
    background-image: url("../img/sustainability/achievements/skills-competition/contest_about_sp.png");
  }
}
.contest__sub-heading--02 {
  width: 398px;
}
@media screen and (max-width: 1200px) {
  .contest__sub-heading--02 {
    width: 33.1666666667vw;
  }
}
@media screen and (max-width: 749px) {
  .contest__sub-heading--02 {
    width: 61.8666666667vw;
    height: 19.0666666667vw;
    border-radius: 9.4666666667vw;
    text-align: center;
  }
}
.contest__sub-heading--02::before {
  content: "";
  width: 117px;
  height: 56px;
  background-image: url("../img/sustainability/achievements/skills-competition/contest_about_pc.png");
}
@media screen and (max-width: 1200px) {
  .contest__sub-heading--02::before {
    width: 9.75vw;
    height: 4.6666666667vw;
  }
}
@media screen and (max-width: 749px) {
  .contest__sub-heading--02::before {
    width: 27.2vw;
    height: 13.0666666667vw;
    background-image: url("../img/sustainability/achievements/skills-competition/contest_about_sp.png");
  }
}
.contest__sub-heading--03 {
  width: 462px;
}
@media screen and (max-width: 1200px) {
  .contest__sub-heading--03 {
    width: 38.5vw;
  }
}
@media screen and (max-width: 749px) {
  .contest__sub-heading--03 {
    width: 79.7333333333vw;
    height: 19.0666666667vw;
    text-align: center;
    border-radius: 9.4666666667vw;
  }
}
.contest__sub-heading--03::before {
  content: "";
  width: 96px;
  height: 59px;
  background-image: url("../img/sustainability/achievements/skills-competition/contest_effect_pc.png");
}
@media screen and (max-width: 1200px) {
  .contest__sub-heading--03::before {
    width: 8vw;
    height: 4.9166666667vw;
  }
}
@media screen and (max-width: 749px) {
  .contest__sub-heading--03::before {
    width: 22.5333333333vw;
    height: 14vw;
    top: -7.7333333333vw;
    left: -3.2vw;
    background-image: url("../img/sustainability/achievements/skills-competition/contest_effect_sp.png");
  }
}
.contest__sub-heading--04 {
  width: 350px;
}
@media screen and (max-width: 1200px) {
  .contest__sub-heading--04 {
    width: 29.1666666667vw;
  }
}
@media screen and (max-width: 749px) {
  .contest__sub-heading--04 {
    width: 81.4666666667vw;
  }
}
.contest__sub-heading--04::before {
  content: "";
  width: 104px;
  height: 46px;
  top: -26px;
  left: -38px;
  background-image: url("../img/sustainability/achievements/skills-competition/contest_voice_pc.png");
}
@media screen and (max-width: 1200px) {
  .contest__sub-heading--04::before {
    width: 8.6666666667vw;
    height: 3.8333333333vw;
  }
}
@media screen and (max-width: 749px) {
  .contest__sub-heading--04::before {
    width: 24.5333333333vw;
    height: 10.8vw;
    top: -6vw;
    left: -1.7333333333vw;
    background-image: url("../img/sustainability/achievements/skills-competition/contest_voice_sp.png");
  }
}
.contest__text-box {
  margin-top: 45px;
  overflow: hidden;
}
@media screen and (max-width: 1200px) {
  .contest__text-box {
    margin-top: 3.75vw;
  }
}
@media screen and (max-width: 749px) {
  .contest__text-box {
    margin-top: 10.6666666667vw;
  }
}
.contest__sup {
  font-size: 1rem;
  vertical-align: text-top;
}
@media screen and (max-width: 1200px) {
  .contest__sup {
    font-size: 0.0833333333vw;
  }
}
@media screen and (max-width: 749px) {
  .contest__sup {
    font-size: 2.6666666667vw;
  }
}
.contest__caption-box {
  margin-top: 20px;
  overflow: hidden;
}
@media screen and (max-width: 1200px) {
  .contest__caption-box {
    margin-top: 1.6666666667vw;
  }
}
@media screen and (max-width: 749px) {
  .contest__caption-box {
    margin-top: 4.6666666667vw;
  }
}
.contest__caption {
  font-size: 1.4rem;
  line-height: 2.0714285714;
  margin-block: -7.5px;
}
@media screen and (max-width: 1200px) {
  .contest__caption {
    font-size: 1.1666666667vw;
    margin-block: -0.625vw;
  }
}
@media screen and (max-width: 749px) {
  .contest__caption {
    font-size: 4vw;
    line-height: 2.0333333333;
    margin-block: -2.0666666667vw;
  }
}
.contest__caption::before {
  content: "※";
}
.contest__img-wrapper {
  margin-top: 60px;
}
@media screen and (max-width: 1200px) {
  .contest__img-wrapper {
    margin-top: 5vw;
  }
}
@media screen and (max-width: 749px) {
  .contest__img-wrapper {
    margin-top: 10.6666666667vw;
  }
}
.contest__img-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  column-gap: 40px;
  row-gap: 30px;
  padding-left: 90px;
}
@media screen and (max-width: 1200px) {
  .contest__img-list {
    padding-left: 7.5vw;
    column-gap: 3.3333333333vw;
    row-gap: 2.5vw;
  }
}
@media screen and (max-width: 749px) {
  .contest__img-list {
    flex-direction: column;
    padding-left: 0;
    gap: 13.3333333333vw;
  }
}
.contest__img--01 {
  max-width: 419px;
}
@media screen and (max-width: 1200px) {
  .contest__img--01 {
    max-width: 34.9166666667vw;
  }
}
@media screen and (max-width: 749px) {
  .contest__img--01 {
    max-width: 89.4666666667vw;
  }
}
.contest__img--02 {
  max-width: 420px;
}
@media screen and (max-width: 1200px) {
  .contest__img--02 {
    max-width: 35vw;
  }
}
@media screen and (max-width: 749px) {
  .contest__img--02 {
    max-width: 89.4666666667vw;
  }
}
.contest__img--03 {
  max-width: 500px;
}
@media screen and (max-width: 1200px) {
  .contest__img--03 {
    max-width: 41.6666666667vw;
  }
}
@media screen and (max-width: 749px) {
  .contest__img--03 {
    max-width: 89.4666666667vw;
  }
}
.contest__img--04 {
  max-width: 720px;
}
@media screen and (max-width: 1200px) {
  .contest__img--04 {
    max-width: 62.5vw;
  }
}
@media screen and (max-width: 749px) {
  .contest__img--04 {
    max-width: 89.3333333333vw;
  }
}
.contest__competition-wrapper {
  padding-left: 10px;
  margin-top: 45px;
  display: flex;
  gap: 20px;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 1200px) {
  .contest__competition-wrapper {
    padding-left: 0.8333333333vw;
    margin-top: 3.75vw;
    gap: 1.6666666667vw;
  }
}
@media screen and (max-width: 749px) {
  .contest__competition-wrapper {
    margin-top: 13.3333333333vw;
    gap: 6.6666666667vw;
    flex-direction: column;
  }
}
.contest__competition-skills {
  display: flex;
  justify-content: center;
  gap: 20px;
}
@media screen and (max-width: 1200px) {
  .contest__competition-skills {
    gap: 1.6666666667vw;
  }
}
@media screen and (max-width: 749px) {
  .contest__competition-skills {
    flex-direction: column;
    gap: 9.3333333333vw;
  }
}
.contest__competition-skill {
  font-weight: bold;
  text-align: center;
  display: grid;
  place-items: center;
  background-color: #fff;
  width: 300px;
  height: 95px;
  border-radius: 20px;
  padding-bottom: 5px;
}
@media screen and (max-width: 1200px) {
  .contest__competition-skill {
    width: 25vw;
    height: 7.9166666667vw;
    border-radius: 1.6666666667vw;
    padding-bottom: 0.4166666667vw;
  }
}
@media screen and (max-width: 749px) {
  .contest__competition-skill {
    width: 89.3333333333vw;
    height: 22.6666666667vw;
    border-radius: 2.6666666667vw;
    padding-bottom: 0.6666666667vw;
  }
}
.contest__competition-text {
  font-weight: bold;
}
.contest__competition-img-box {
  display: flex;
  justify-content: center;
  margin-top: 40px;
}
@media screen and (max-width: 1200px) {
  .contest__competition-img-box {
    margin-top: 3.3333333333vw;
  }
}
@media screen and (max-width: 749px) {
  .contest__competition-img-box {
    margin-top: 10.6666666667vw;
  }
}
.contest__competition-example-wrapper {
  margin-top: 50px;
  padding-top: 26px;
  padding-bottom: 30px;
  border: 2px solid #06056c;
  border-radius: 20px;
  display: grid;
  place-items: center;
  width: 710px;
  margin-inline: auto;
}
@media screen and (max-width: 1200px) {
  .contest__competition-example-wrapper {
    margin-top: 4.1666666667vw;
    padding-top: 2.1666666667vw;
    padding-bottom: 2.5vw;
    border: 0.1666666667vw solid #06056c;
    border-radius: 1.6666666667vw;
    width: 59.1666666667vw;
  }
}
@media screen and (max-width: 749px) {
  .contest__competition-example-wrapper {
    margin-top: 10.6666666667vw;
    padding-top: 6.6666666667vw;
    padding-bottom: 8vw;
    padding-inline: 1.3333333333vw;
    border: 0.5333333333vw solid #06056c;
    border-radius: 5.3333333333vw;
    width: 89.3333333333vw;
  }
}
.contest__competition-example-heading {
  font-size: 1.8rem;
  line-height: 1.6111111111;
  margin-block: -5.5px;
}
@media screen and (max-width: 1200px) {
  .contest__competition-example-heading {
    font-size: 1.5vw;
    margin-block: -0.4583333333vw;
  }
}
@media screen and (max-width: 749px) {
  .contest__competition-example-heading {
    font-size: 4.8vw;
    line-height: 0.8055555556;
    margin-block: 0.4666666667vw;
  }
}
.contest__competition-examples-wrapper {
  display: flex;
  width: 100%;
  padding-left: 55px;
  margin-top: 18px;
}
@media screen and (max-width: 1200px) {
  .contest__competition-examples-wrapper {
    padding-left: 4.5833333333vw;
    margin-top: 1.5vw;
  }
}
@media screen and (max-width: 749px) {
  .contest__competition-examples-wrapper {
    margin-top: 4.6666666667vw;
    padding-left: 3.0666666667vw;
  }
}
.contest__competition-examples--02 {
  padding-left: 30px;
}
@media screen and (max-width: 1200px) {
  .contest__competition-examples--02 {
    padding-left: 2.5vw;
  }
}
@media screen and (max-width: 749px) {
  .contest__competition-examples--02 {
    padding-left: 3.3333333333vw;
  }
}
.contest__competition-examples--03 {
  padding-left: 85px;
}
@media screen and (max-width: 1200px) {
  .contest__competition-examples--03 {
    padding-left: 7.0833333333vw;
  }
}
@media screen and (max-width: 749px) {
  .contest__competition-example {
    font-size: 4vw;
    line-height: 2.0333333333;
    letter-spacing: -0.06em;
    margin-block: -2.0666666667vw;
  }
}
.contest__competition-example::before {
  content: "・";
}
.contest__competition-example:last-child {
  margin-top: 5px;
}
@media screen and (max-width: 1200px) {
  .contest__competition-example:last-child {
    margin-top: 0.4166666667vw;
  }
}
@media screen and (max-width: 749px) {
  .contest__competition-example:not(:first-child) {
    margin-top: 2vw;
  }
}
.contest__synergy-list {
  display: flex;
  gap: 20px;
  margin-top: 85px;
}
@media screen and (max-width: 1200px) {
  .contest__synergy-list {
    gap: 1.6666666667vw;
    margin-top: 7.0833333333vw;
  }
}
@media screen and (max-width: 749px) {
  .contest__synergy-list {
    flex-direction: column;
    gap: 21.3333333333vw;
    margin-top: 25.3333333333vw;
  }
}
.contest__synergy-item--01::before {
  width: 53px;
  height: 49px;
  background-image: url("../img/sustainability/achievements/skills-competition/contest_synergy-num01_pc.png");
}
@media screen and (max-width: 1200px) {
  .contest__synergy-item--01::before {
    width: 4.4166666667vw;
    height: 4.0833333333vw;
  }
}
@media screen and (max-width: 749px) {
  .contest__synergy-item--01::before {
    width: 15.3333333333vw;
    height: 14.5333333333vw;
    background-image: url("../img/sustainability/achievements/skills-competition/contest_synergy-num01_sp.png");
  }
}
.contest__synergy-item--02::before {
  width: 61px;
  height: 49px;
  background-image: url("../img/sustainability/achievements/skills-competition/contest_synergy-num02_pc.png");
}
@media screen and (max-width: 1200px) {
  .contest__synergy-item--02::before {
    width: 5.0833333333vw;
    height: 4.0833333333vw;
  }
}
@media screen and (max-width: 749px) {
  .contest__synergy-item--02::before {
    width: 17.8666666667vw;
    height: 14.5333333333vw;
    background-image: url("../img/sustainability/achievements/skills-competition/contest_synergy-num02_sp.png");
  }
}
.contest__synergy-item--03::before {
  width: 61px;
  height: 49px;
  background-image: url("../img/sustainability/achievements/skills-competition/contest_synergy-num03_pc.png");
}
@media screen and (max-width: 1200px) {
  .contest__synergy-item--03::before {
    width: 5.0833333333vw;
    height: 4.0833333333vw;
  }
}
@media screen and (max-width: 749px) {
  .contest__synergy-item--03::before {
    width: 17.8666666667vw;
    height: 14.5333333333vw;
    background-image: url("../img/sustainability/achievements/skills-competition/contest_synergy-num03_sp.png");
  }
}
.contest__synergy-section {
  display: flex;
  flex-direction: column;
  height: 337px;
  background-color: #fff;
  padding-block: 30px;
  padding-inline: 20px;
  border: 2px solid #fcc130;
  border-radius: 20px;
}
@media screen and (max-width: 1200px) {
  .contest__synergy-section {
    height: 28.0833333333vw;
    padding-block: 2.5vw;
    padding-inline: 1.6666666667vw;
    border: 0.1666666667vw solid #fcc130;
    border-radius: 1.6666666667vw;
  }
}
@media screen and (max-width: 749px) {
  .contest__synergy-section {
    height: 100%;
    padding-top: 6.6666666667vw;
    padding-bottom: 7.3333333333vw;
    padding-inline: 5.3333333333vw;
    border: 0.5333333333vw solid #fcc130;
    border-radius: 5.3333333333vw;
  }
}
.contest__synergy-heading {
  font-size: 1.6rem;
  line-height: 1.5;
  text-align: center;
  margin-block: -4px;
  position: relative;
  display: inline-block;
  padding-bottom: 10px;
}
@media screen and (max-width: 1200px) {
  .contest__synergy-heading {
    font-size: 1.3333333333vw;
    padding-bottom: 0.8333333333vw;
    margin-block: -0.3333333333vw;
  }
}
@media screen and (max-width: 749px) {
  .contest__synergy-heading {
    font-size: 4.8vw;
    line-height: 1.5833333333;
    padding-bottom: 7.3333333333vw;
    margin-block: -1.4vw;
  }
}
.contest__synergy-heading::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 280px;
  height: 1px;
  background: linear-gradient(to right, #fcc130 15%, #06056c 15%);
}
@media screen and (max-width: 1200px) {
  .contest__synergy-heading::after {
    width: 23.3333333333vw;
    height: 0.0833333333vw;
  }
}
@media screen and (max-width: 749px) {
  .contest__synergy-heading::after {
    width: 78.6666666667vw;
    height: 0.5333333333vw;
    background: linear-gradient(to right, #fcc130 33%, #06056c 33%);
  }
}
.contest__synergy-heading-fix {
  display: block;
  margin-top: 18px;
  margin-bottom: 4px;
}
@media screen and (max-width: 1200px) {
  .contest__synergy-heading-fix {
    margin-top: 1.5vw;
    margin-bottom: 0.3333333333vw;
  }
}
@media screen and (max-width: 749px) {
  .contest__synergy-heading-fix {
    margin-top: 0vw;
    margin-bottom: 0vw;
  }
}
.contest__synergy-text {
  font-size: 1.5rem;
  line-height: 1.8;
  margin-block: -6px;
  padding-top: 20px;
  letter-spacing: -0.04em;
}
@media screen and (max-width: 1200px) {
  .contest__synergy-text {
    font-size: 1.25vw;
    padding-top: 1.6666666667vw;
    margin-block: -0.5vw;
  }
}
@media screen and (max-width: 749px) {
  .contest__synergy-text {
    font-size: 4.5333333333vw;
    line-height: 1.7941176471;
    padding-top: 5.8666666667vw;
    margin-block: -1.8vw;
  }
}
.contest__voice-list {
  list-style: none;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  margin-top: 45px;
}
@media screen and (max-width: 1200px) {
  .contest__voice-list {
    gap: 1.6666666667vw;
    margin-top: 3.75vw;
  }
}
@media screen and (max-width: 749px) {
  .contest__voice-list {
    gap: 8vw;
    margin-top: 11.3333333333vw;
    grid-template-columns: repeat(1, 1fr);
  }
}
.contest__voice-item {
  width: 100%;
  max-width: 320px;
}
@media screen and (max-width: 1200px) {
  .contest__voice-item {
    max-width: 26.6666666667vw;
  }
}
@media screen and (max-width: 749px) {
  .contest__voice-item {
    max-width: 89.3333333333vw;
  }
}
.contest__voice-section {
  border: 2px solid #06056c;
  border-radius: 20px;
  height: 251px;
}
@media screen and (max-width: 1200px) {
  .contest__voice-section {
    border: 0.1666666667vw solid #06056c;
    border-radius: 1.6666666667vw;
    height: 20.9166666667vw;
  }
}
@media screen and (max-width: 749px) {
  .contest__voice-section {
    border: 0.5333333333vw solid #06056c;
    height: inherit;
    border-radius: 5.3333333333vw;
  }
}
.contest__voice-heading--row2 {
  padding-block: 15px;
}
@media screen and (max-width: 1200px) {
  .contest__voice-heading--row2 {
    padding-block: 1.25vw;
  }
}
@media screen and (max-width: 749px) {
  .contest__voice-heading--row2 {
    height: inherit;
    padding-top: 5.3333333333vw;
    padding-bottom: 6vw;
  }
}
.contest__voice-text {
  padding-top: 10px;
  padding-bottom: 21px;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
  background-color: #fff;
  padding-inline: 20px;
  height: 166px;
  font-size: 1.5rem;
  line-height: 1.8;
}
@media screen and (max-width: 1200px) {
  .contest__voice-text {
    padding-top: 0.8333333333vw;
    padding-bottom: 1.75vw;
    border-bottom-right-radius: 1.6666666667vw;
    border-bottom-left-radius: 1.6666666667vw;
    padding-inline: 1.6666666667vw;
    height: 13.8333333333vw;
    font-size: 1.25vw;
    margin-block: -0.5vw;
  }
}
@media screen and (max-width: 749px) {
  .contest__voice-text {
    padding-top: 2.6666666667vw;
    padding-bottom: 5.6vw;
    border-bottom-right-radius: 5.3333333333vw;
    border-bottom-left-radius: 5.3333333333vw;
    padding-inline: 5.3333333333vw;
    height: inherit;
    font-size: 4.5333333333vw;
    line-height: 1.7941176471;
    margin-block: 0;
  }
}

/* contest:end */
/* unique:start */
.unique__container {
  max-width: 1000px;
  padding-top: 95px;
  padding-bottom: 200px;
}
@media screen and (max-width: 1200px) {
  .unique__container {
    max-width: 83.3333333333vw;
    padding-top: 7.9166666667vw;
    padding-bottom: 16.6666666667vw;
  }
}
@media screen and (max-width: 749px) {
  .unique__container {
    max-width: 89.3333333333vw;
    padding-top: 14vw;
    padding-bottom: 26.6666666667vw;
  }
}
.unique__heading {
  font-size: 3.4rem;
  font-weight: bold;
  line-height: 1.4117647059;
  text-align: center;
  margin-block: -7px;
}
@media screen and (max-width: 1200px) {
  .unique__heading {
    font-size: 2.8333333333vw;
    margin-block: -0.5833333333vw;
  }
}
@media screen and (max-width: 749px) {
  .unique__heading {
    font-size: 6.4vw;
    line-height: 1.1666666667;
    letter-spacing: -0.04em;
    margin-block: -0.5333333333vw;
  }
}
.unique__text-box {
  margin-top: 35px;
  overflow: hidden;
}
@media screen and (max-width: 1200px) {
  .unique__text-box {
    margin-top: 2.9166666667vw;
  }
}
@media screen and (max-width: 749px) {
  .unique__text-box {
    margin-top: 8.6666666667vw;
  }
}
.unique__text {
  font-size: 1.6rem;
  line-height: 1.8125;
  letter-spacing: -0.04em;
  margin-block: -6.5px;
}
@media screen and (max-width: 1200px) {
  .unique__text {
    font-size: 1.3333333333vw;
    margin-block: -0.5416666667vw;
  }
}
@media screen and (max-width: 749px) {
  .unique__text {
    font-size: 4.5333333333vw;
    line-height: 1.7941176471;
    margin-block: -1.8vw;
    text-align: left;
  }
}
.unique__star {
  margin-top: 40px;
  margin-bottom: 50px;
}
@media screen and (max-width: 1200px) {
  .unique__star {
    margin-top: 3.3333333333vw;
    margin-bottom: 4.1666666667vw;
  }
}
@media screen and (max-width: 749px) {
  .unique__star {
    margin-top: 8vw;
    border-radius: 10px;
    padding-inline: 3.8666666667vw;
  }
}
.unique__star-images {
  display: flex;
  width: 63.3%;
  justify-content: space-between;
  margin: 0 auto;
}
@media screen and (max-width: 749px) {
  .unique__star-images {
    flex-wrap: wrap;
    width: 81.4666666667vw;
    width: auto;
  }
}
.unique__star-image {
  width: 29.2259083728%;
}
@media screen and (max-width: 749px) {
  .unique__star-image {
    width: 100%;
    margin: 0 auto;
  }
}
@media screen and (max-width: 749px) {
  .unique__star-image:not(:first-child) {
    width: 38.6666666667vw;
    margin-top: 5.3333333333vw;
    margin-left: 0;
    margin-right: 0;
  }
}
.unique__star-text {
  font-size: 18px;
  line-height: 1.7777777778;
  width: 83.3333333333%;
  letter-spacing: -0.04em;
  margin: 40px auto 0;
}
@media screen and (max-width: 1200px) {
  .unique__star-text {
    font-size: 1.5vw;
  }
}
@media screen and (max-width: 749px) {
  .unique__star-text {
    font-size: 4.8vw;
    margin-top: 5.3333333333vw;
    line-height: 1.75;
    letter-spacing: -0.04em;
    width: auto;
  }
}
@media screen and (max-width: 749px) {
  .unique__star + .unique__text-box {
    margin-top: 6.6666666667vw;
  }
}
.unique__subtitle {
  font-size: 2.4rem;
  font-weight: bold;
  line-height: 1.2083333333;
  text-align: center;
  margin-top: 73px;
  margin-bottom: 39px;
}
@media screen and (max-width: 1200px) {
  .unique__subtitle {
    font-size: 2vw;
    margin-top: 6.0833333333vw;
    margin-bottom: 3.25vw;
  }
}
@media screen and (max-width: 749px) {
  .unique__subtitle {
    font-size: 5.8666666667vw;
    margin-top: 15.3333333333vw;
    margin-bottom: 4.6666666667vw;
  }
}
.unique__subtitle-small {
  font-size: 1.8rem;
}
@media screen and (max-width: 1200px) {
  .unique__subtitle-small {
    font-size: 1.5vw;
  }
}
@media screen and (max-width: 749px) {
  .unique__subtitle-small {
    font-size: 4.2666666667vw;
  }
}
.unique__sikakus {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 749px) {
  .unique__sikakus {
    display: block;
  }
}
.unique__sikaku {
  width: 49%;
  border-bottom: 2px solid #b1b1d3;
}
@media screen and (max-width: 749px) {
  .unique__sikaku {
    width: 100%;
    border-bottom-width: 0.5333333333vw;
  }
}
.unique__sikaku-list {
  display: flex;
  flex-wrap: wrap;
}
.unique__sikaku-term, .unique__sikaku-data {
  font-size: 1.8rem;
  padding-top: 10px;
  padding-bottom: 11px;
  border-top: 2px solid #b1b1d3;
}
@media screen and (max-width: 1200px) {
  .unique__sikaku-term, .unique__sikaku-data {
    font-size: 1.5vw;
    padding-top: 0.8333333333vw;
    padding-bottom: 0.8333333333vw;
  }
}
@media screen and (max-width: 749px) {
  .unique__sikaku-term, .unique__sikaku-data {
    font-size: 4.5333333333vw;
    line-height: 1.2941176471;
    padding-top: 1.7333333333vw;
    padding-bottom: 1.8666666667vw;
    border-top-width: 0.5333333333vw;
  }
}
.unique__sikaku-term {
  letter-spacing: -0.04em;
  width: 81.6326530612%;
  padding-left: 20px;
  padding-right: 5px;
  background-color: #e5e5f1;
}
@media screen and (max-width: 1200px) {
  .unique__sikaku-term {
    padding-left: 1.6666666667vw;
    padding-right: 0.4166666667vw;
  }
}
@media screen and (max-width: 749px) {
  .unique__sikaku-term {
    width: 70.6666666667vw;
    padding-left: 2.6666666667vw;
    padding-right: 2.6666666667vw;
  }
}
.unique__sikaku-data {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  width: 18.3673469388%;
  letter-spacing: 0.04em;
  text-align: end;
  padding-right: 20px;
  background-color: #fff;
}
@media screen and (max-width: 1200px) {
  .unique__sikaku-data {
    padding-right: 1.6666666667vw;
  }
}
@media screen and (max-width: 749px) {
  .unique__sikaku-data {
    width: 18.6666666667vw;
    padding-right: 2.6666666667vw;
  }
}
@media screen and (max-width: 749px) {
  .unique__sikaku:first-child {
    border-bottom: none;
  }
}

/* unique:end */
/* modal:start */
/* モーダルコンテナの基本設定 */
.modal {
  /* モーダルの基本スタイル */
  display: none;
  /* デフォルトで非表示 */
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  /* 背景を暗くする */
  z-index: 1000;
  overflow-y: auto;
  /* モーダル内にスクロールバーが必要な場合 */
  /* モーダルがアクティブになったときに表示 */
  /* モーダルコンテンツのスタイル */
  /* 閉じるボタンのスタイル（必要に応じて） */
  /* モーダル内の各コンテンツはデフォルトで非表示 */
  /* 表示したいコンテンツに付与するクラス */
}
.modal.is-active {
  display: flex;
  /* または block, grid */
  justify-content: center;
  align-items: center;
}
.modal__content {
  background-color: #fff;
  max-width: 1000px;
  max-height: 718px;
  width: 90%;
  height: 90vh;
  position: relative;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
  padding: 60px 24px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 1200px) {
  .modal__content {
    width: 83.3333333333vw;
    padding: 5vw 2vw;
  }
}
@media screen and (max-width: 749px) {
  .modal__content {
    width: 89.3333333333vw;
    max-height: 73.3333333333vw;
    padding: 10.6666666667vw 4vw;
  }
}
.modal__close-btn {
  position: absolute;
  background-color: transparent;
  border: none;
  width: 66px;
  top: -78px;
  right: -100px;
}
@media screen and (max-width: 1200px) {
  .modal__close-btn {
    width: 5.5vw;
    top: -6.5vw;
    right: -8.3333333333vw;
  }
}
@media screen and (max-width: 749px) {
  .modal__close-btn {
    width: 11.7333333333vw;
    top: -44.4vw;
    right: 3.3333333333vw;
  }
}
.modal__data-content {
  display: none;
}
.modal__data-content.is-current {
  display: block;
  /* または flex, grid */
}

/* modal:end */