@charset "UTF-8";
/**************
* mv
**************/
body.recruit {
  position: relative;
}

.mv-wrap {
  position: relative;
  width: 100%;
  aspect-ratio: 1600/946;
  overflow: hidden;
  background: linear-gradient(270deg, #D9092D 59.71%, #8A061D 98.57%);
}
@media (max-width: 768px) {
  .mv-wrap {
    height: auto;
    aspect-ratio: 375/625;
  }
}
@media (orientation: landscape) and (max-width: 767px) {
  .mv-wrap {
    height: auto;
    aspect-ratio: 375/860;
  }
}
.mv-wrap::before {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 3;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: linear-gradient(5deg, #fff 0%, #fff 16%, rgba(255, 255, 255, 0) 16.1%, rgba(255, 255, 255, 0) 100%);
  pointer-events: none;
}
@media (max-width: 768px) {
  .mv-wrap::before {
    background: linear-gradient(5deg, #fff 0%, #fff 10%, rgba(255, 255, 255, 0) 10.1%, rgba(255, 255, 255, 0) 100%);
  }
}

.mv-container {
  position: relative;
  width: 100%;
  height: 100%;
}
.mv-container::before {
  position: absolute;
  left: -4%;
  top: 0;
  content: "";
  display: block;
  width: 66%;
  aspect-ratio: 1/1;
  background: url(../img/recruit/bg_mv.webp) no-repeat top left/contain;
  mix-blend-mode: multiply;
}
@media (max-width: 768px) {
  .mv-container::before {
    width: 127%;
  }
}

.mv-chara {
  position: absolute;
  top: 0;
  z-index: 1;
  right: 0;
  width: calc(1000 / 1400 * 100%);
}
@media (max-width: 768px) {
  .mv-chara {
    top: auto;
    bottom: -10%;
    width: calc(525 / 375 * 100%);
  }
}

.mv-title {
  position: absolute;
  left: 0;
  top: 2%;
  z-index: 2;
  width: calc(709 / 1400 * 100%);
}
@media (max-width: 768px) {
  .mv-title {
    top: -10px;
    transform: translateX(-50%);
    left: 50%;
    width: calc(330 / 375 * 100%);
  }
}

/**************
* 社長メッセージ
**************/
.sec-top-message {
  position: relative;
  padding-top: 100px;
  padding-bottom: calc(240 / 1400 * 100%);
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 160%;
}
.sec-top-message::before {
  position: absolute;
  left: 0;
  bottom: -2px;
  z-index: 1;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: linear-gradient(5deg, var(--primary-color) 0%, var(--primary-color) 15%, rgba(255, 255, 255, 0) 15.1%, rgba(255, 255, 255, 0) 100%);
  pointer-events: none;
}
@media (max-width: 768px) {
  .sec-top-message::before {
    background: linear-gradient(-5deg, var(--primary-color) 0%, var(--primary-color) 8%, rgba(255, 255, 255, 0) 8.1%, rgba(255, 255, 255, 0) 100%);
  }
}
@media (max-width: 768px) {
  .sec-top-message {
    padding-top: 30px;
    padding-bottom: 26.6666666667%;
  }
}

.message-grid {
  position: relative;
  margin: 0 auto;
}

.message-wrap {
  position: relative;
  display: grid;
  grid-auto-columns: 1fr;
  grid-auto-rows: 1fr;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  gap: 0px 0px;
}
.message-wrap .g01 {
  grid-area: 1/1/2/2;
}
.message-wrap .g02 {
  grid-area: 1/1/2/2;
}
@media (max-width: 768px) {
  .message-wrap {
    display: flex;
    flex-direction: column;
  }
}

.message-title {
  position: absolute;
  left: 0;
  top: 7%;
  z-index: 1;
  width: 49.7159090909%;
}
@media (max-width: 768px) {
  .message-title {
    position: static;
    padding-left: 0%;
    width: 85%;
  }
}
.message-title img {
  width: 100%;
}
.message-title::before {
  position: absolute;
  top: 57%;
  right: 0.5%;
  z-index: 2;
  content: "";
  display: block;
  width: 30%;
  aspect-ratio: 209/519;
  background: url(../img/recruit/message_illust.png) no-repeat top center/contain;
}
@media (max-width: 768px) {
  .message-title::before {
    display: none;
  }
}
@media (max-width: 768px) {
  .message-title {
    width: 100%;
  }
  .message-title::before {
    position: absolute;
    top: 7%;
    bottom: auto;
    left: auto;
    right: 0%;
    z-index: 2;
    content: "";
    display: block;
    aspect-ratio: 209/263;
    background: url(../img/recruit/message_illust_sp.png) no-repeat top center/contain;
  }
}

.message-body {
  position: relative;
  z-index: 2;
  margin-left: 9%;
  margin-top: 37.5%;
  padding: 2.5em 3em;
  background-color: #fff;
  width: calc(572 / 1089 * 100%);
}
@media (max-width: 768px) {
  .message-body {
    margin: 0 auto 0;
    width: 100%;
    padding: 3.5em 1em 0;
    background-color: transparent;
  }
}

.message-lead {
  font-weight: 700;
  font-size: 24px;
  color: var(--primary-color);
  line-height: 180%;
}
@media (max-width: 768px) {
  .message-lead {
    margin: 0;
    font-size: 24px;
  }
}

.message-text p + p {
  margin-top: 1em;
}

.message-name {
  margin-top: 1.25em;
}

.message-thumb {
  margin-left: auto;
  width: calc(677 / 1089 * 100%);
  aspect-ratio: 677/655;
  overflow: hidden;
}
@media (max-width: 768px) {
  .message-thumb {
    margin: 40px auto 0;
    width: 64%;
    aspect-ratio: 402/598;
  }
}
.message-thumb img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

/**************
* 求める人物像
**************/
.sec-top-look {
  position: relative;
  z-index: 10;
  padding: calc(40 / 1400 * 100%) 0 140px;
  background: url(../img/recruit/bg_look.svg) no-repeat bottom center/100%;
}
@media (max-width: 960px) {
  .sec-top-look {
    padding: 0;
    background-size: cover;
  }
}

.look-inner {
  width: 100%;
  max-width: 100%;
}
@media (max-width: 960px) {
  .look-inner {
    overflow: hidden;
  }
}

.look-wrap {
  margin: 100px auto 0;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 50px 0;
}
@media (max-width: 960px) {
  .look-wrap {
    margin-top: 70px;
    padding-bottom: 290px;
    grid-template-columns: repeat(1, 1fr);
    width: 100%;
    gap: 40px 0;
  }
}

.look-item {
  position: relative;
  aspect-ratio: 572/358;
  gap: 48px;
}
@media (max-width: 960px) {
  .look-item {
    gap: 20px;
  }
}
.look-item .look-item__body {
  margin-left: auto;
  margin-right: 0;
}
@media (max-width: 960px) {
  .look-item .look-item__body {
    margin-left: auto;
    margin-right: auto;
  }
}
.look-item__title {
  font-weight: 700;
  font-size: 38px;
  color: var(--primary-color);
}
@media (max-width: 960px) {
  .look-item__title {
    text-align: center;
    letter-spacing: -0.1em;
  }
}

.look-item__body {
  position: absolute;
  z-index: 2;
}

.look-item__thumb {
  position: absolute;
  bottom: 0;
  z-index: 0;
  width: 50%;
  aspect-ratio: 399/344;
}
.look-item__thumb img {
  width: 100%;
  height: auto;
}
.look-item.look01 .look-item__thumb {
  left: 0;
  top: -57%;
  bottom: auto;
  width: 76.5%;
  aspect-ratio: 528/877;
}
@media (max-width: 768px) {
  .look-item.look01 .look-item__thumb {
    top: -29%;
    width: 66%;
  }
}
.look-item.look01 .look-item__body {
  width: 82%;
  position: absolute;
  top: -19%;
  left: auto;
  right: -23%;
  aspect-ratio: 582/528;
}
@media (max-width: 768px) {
  .look-item.look01 .look-item__body {
    width: 93%;
    right: -19%;
    top: auto;
    bottom: 0;
  }
}

.look-item.look02 .look-item__thumb {
  right: 0;
  top: -12%;
  bottom: auto;
  width: 134.5%;
  aspect-ratio: 946/739;
}
@media (max-width: 768px) {
  .look-item.look02 .look-item__thumb {
    width: 114%;
    right: -21%;
    top: -16%;
  }
}
.look-item.look02 .look-item__body {
  width: 73%;
  position: absolute;
  top: 0;
  left: auto;
  right: 0;
  aspect-ratio: 582/528;
}
@media (max-width: 768px) {
  .look-item.look02 .look-item__body {
    width: 90%;
  }
}

.look-item.look03 .look-item__thumb {
  left: 22%;
  top: -50%;
  bottom: auto;
  width: 90.5%;
  aspect-ratio: 632/842;
}
@media (max-width: 768px) {
  .look-item.look03 .look-item__thumb {
    width: 94%;
    top: -41%;
    left: -6%;
    right: auto;
  }
}
.look-item.look03 .look-item__body {
  width: 83%;
  position: absolute;
  top: 17%;
  left: auto;
  right: 14%;
  aspect-ratio: 585/533;
}
@media (max-width: 768px) {
  .look-item.look03 .look-item__body {
    top: 62%;
    left: auto;
    right: -16%;
    width: 90%;
  }
}

.look-item.look04 .look-item__thumb {
  left: auto;
  right: 0;
  top: -4%;
  bottom: auto;
  width: 100%;
  aspect-ratio: 695/699;
}
@media (max-width: 768px) {
  .look-item.look04 .look-item__thumb {
    width: 99%;
    right: -8%;
    top: 61%;
  }
}
.look-item.look04 .look-item__body {
  width: 88%;
  position: absolute;
  top: 46%;
  left: -15%;
  right: auto;
  aspect-ratio: 628/533;
}
@media (max-width: 768px) {
  .look-item.look04 .look-item__body {
    top: auto;
    bottom: -122%;
    width: 90%;
  }
}

/**************
* 数字で見る
**************/
.sec-top-number {
  position: relative;
  padding: calc(156 / 1400 * 100%) 0 calc(250 / 1400 * 100%);
  background: url(../img/recruit_common/bg_number.jpg) no-repeat center top/cover;
}
@media (max-width: 768px) {
  .sec-top-number {
    padding: 65px 0 calc(152 / 375 * 100%);
  }
}
.sec-top-number .top-number-inner {
  position: relative;
}
.sec-top-number::before {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 2;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: linear-gradient(5deg, #D8CDCF 0%, #D8CDCF 15%, rgba(243, 244, 247, 0) 15.1%, rgba(243, 244, 247, 0) 84.9%, #D7092D 85%, #D7092D 100%);
  pointer-events: none;
}
@media (max-width: 768px) {
  .sec-top-number::before {
    background: linear-gradient(5deg, #D8CDCF 0%, #D8CDCF 5%, rgba(243, 244, 247, 0) 5.1%, rgba(243, 244, 247, 0) 100%);
  }
}

.top-number-title {
  position: absolute;
  left: 0;
  top: 0;
}
@media (max-width: 768px) {
  .top-number-title {
    position: static;
  }
}

.top-data-grid-wrap {
  padding-top: 75px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
}
@media (max-width: 768px) {
  .top-data-grid-wrap {
    padding-top: 48px;
    grid-template-columns: repeat(1, 1fr);
  }
}

.top-data-item {
  padding: 1em 2em;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  color: #fff;
  background: #D7092D;
  border: 2px solid #000;
}

.top-data-thema {
  font-weight: 700;
  font-size: 18px;
  text-align: center;
}

.top-data-counter {
  margin: 20px 0;
  display: flex;
  align-items: flex-end;
}
.top-data-counter .num {
  font-size: 120px;
  font-family: var(--main-fontNum);
  font-weight: 700;
  line-height: 0.75;
}
.top-data-counter .unit {
  font-weight: 700;
  font-size: 32px;
}
.top-data-counter .small {
  font-size: 24px;
}

.numbers-more-wrap {
  margin-top: 2em;
  text-align: center;
  text-transform: uppercase;
}
@media (max-width: 768px) {
  .numbers-more-wrap {
    margin-top: 50px;
  }
}

/*************
*　福利厚生
**************/
.sec-top-benefits {
  position: relative;
  background-color: #D8CDCF;
  padding-bottom: 50px;
}
@media (max-width: 768px) {
  .sec-top-benefits {
    padding-top: 30px;
  }
}

.benefits-list01 {
  margin-top: 56px;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 8px;
}
@media (max-width: 768px) {
  .benefits-list01 {
    grid-template-columns: repeat(1, 1fr);
  }
}

.benefits-item01 {
  display: flex;
  flex-direction: column;
  background-color: rgba(255, 255, 255, 0.3);
  border-bottom: 1px solid var(--text-black);
}

.benefits-item01-thumb {
  order: 1;
}
.benefits-item01-thumb img {
  width: 100%;
  height: auto;
}

.benefits-item01-body {
  order: 2;
  padding: 1em 5% 1em;
}
.benefits-item01-body .title {
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 140%;
  color: var(--primary-color);
}
.benefits-item01-body .text {
  margin-top: 0.5em;
  font-size: 1.3rem;
  line-height: 150%;
}

.benefits-list02 {
  margin-top: 8px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
}
@media (max-width: 768px) {
  .benefits-list02 {
    grid-template-columns: repeat(1, 1fr);
  }
}

.benefits-item02 {
  position: relative;
  display: flex;
  align-items: center;
  gap: 0 0.5em;
  padding: 1em 0.75em;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 140%;
  color: var(--primary-color);
  background-color: rgba(255, 255, 255, 0.3);
  border-bottom: 1px solid var(--text-black);
}
.benefits-item02::before {
  content: "";
  display: block;
  width: 2em;
  height: 2em;
  background-color: var(--text-black);
  -webkit-mask-image: url(../img/recruit/icon_benefits01.svg);
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-image: url(../img/recruit/icon_benefits01.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
  transform-origin: center;
  transition: background-color ease-in-out 0.3s;
  transition-property: background-color, transform;
}
.benefits-item02.icon02::before {
  -webkit-mask-image: url(../img/recruit/icon_benefits02.svg);
  mask-image: url(../img/recruit/icon_benefits02.svg);
}
.benefits-item02.icon03:before {
  -webkit-mask-image: url(../img/recruit/icon_benefits03.svg);
  mask-image: url(../img/recruit/icon_benefits03.svg);
}
.benefits-item02.icon04:before {
  -webkit-mask-image: url(../img/recruit/icon_benefits04.svg);
  mask-image: url(../img/recruit/icon_benefits04.svg);
}
.benefits-item02.icon05:before {
  -webkit-mask-image: url(../img/recruit/icon_benefits05.svg);
  mask-image: url(../img/recruit/icon_benefits05.svg);
}
.benefits-item02.icon06:before {
  -webkit-mask-image: url(../img/recruit/icon_benefits06.svg);
  mask-image: url(../img/recruit/icon_benefits06.svg);
}
.benefits-item02.icon07:before {
  -webkit-mask-image: url(../img/recruit/icon_benefits07.svg);
  mask-image: url(../img/recruit/icon_benefits07.svg);
}
.benefits-item02.icon08:before {
  -webkit-mask-image: url(../img/recruit/icon_benefits08.svg);
  mask-image: url(../img/recruit/icon_benefits08.svg);
}
.benefits-item02 span {
  position: relative;
}

/**************
* インタビュー
**************/
.sec-top-interview {
  position: relative;
  padding: calc(180 / 1400 * 100%) 0 140px;
}
@media (max-width: 768px) {
  .sec-top-interview {
    padding: calc(108 / 375 * 100%) 0 56px;
  }
}
.sec-top-interview::before {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 2;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: linear-gradient(5deg, rgba(243, 244, 247, 0) 0, rgba(243, 244, 247, 0) 84.9%, #D8CDCF 85%, #D8CDCF 100%);
  pointer-events: none;
}
@media (max-width: 768px) {
  .sec-top-interview::before {
    background: linear-gradient(5deg, rgba(243, 244, 247, 0) 0, rgba(243, 244, 247, 0) 94.9%, #D8CDCF 95%, #D8CDCF 100%);
  }
}

.top-interview-inner {
  margin-left: auto;
  margin-right: 0;
  width: 90%;
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
}
@media (max-width: 768px) {
  .top-interview-inner {
    margin-right: auto;
    width: 100%;
  }
}

.top-interview-header {
  display: flex;
}
@media (max-width: 768px) {
  .top-interview-header {
    justify-content: center;
  }
}

/* インタビュースライダー　*/
.interview-swiper {
  margin-top: 70px;
}
@media (max-width: 768px) {
  .interview-swiper {
    margin-top: 25px;
  }
}

/* PC時の矢印 */
.interview-swiper-arrows-pc {
  align-self: center;
  margin-left: 105px;
  display: flex;
  gap: 20px;
}
@media (max-width: 768px) {
  .interview-swiper-arrows-pc {
    display: none;
  }
}

.swiper-button01-prev-sp, .swiper-button01-next-sp,
.swiper-button01-prev-pc, .swiper-button01-next-pc {
  width: 72px;
  aspect-ratio: 72/70;
  background: url(../img/recruit/slide_left.svg) no-repeat center/contain;
  cursor: pointer;
}
@media (max-width: 768px) {
  .swiper-button01-prev-sp, .swiper-button01-next-sp,
.swiper-button01-prev-pc, .swiper-button01-next-pc {
    width: 60px;
  }
}
.swiper-button01-prev-sp:hover, .swiper-button01-prev-sp:focus, .swiper-button01-next-sp:hover, .swiper-button01-next-sp:focus,
.swiper-button01-prev-pc:hover,
.swiper-button01-prev-pc:focus, .swiper-button01-next-pc:hover, .swiper-button01-next-pc:focus {
  opacity: 0.6;
}

.swiper-button01-prev-pc, .swiper-button01-prev-sp {
  background-image: url(../img/recruit/slide_right.svg);
}

/* スマホ時の矢印 */
.interview-swiper-arrows-sp {
  margin-left: calc(30 / 315 * 100%);
  display: none;
  padding-right: 4%;
}
@media (max-width: 768px) {
  .interview-swiper-arrows-sp {
    margin-top: 35px;
    display: flex;
    justify-content: center;
    gap: 20px;
  }
}

.interview-slide-link {
  display: block;
  position: relative;
  height: auto;
  aspect-ratio: 732/639;
}
@media (max-width: 768px) {
  .interview-slide-link {
    aspect-ratio: 402/572;
  }
}

.interview-slide-box {
  position: absolute;
  right: 0;
  bottom: 0;
  display: grid;
  grid-auto-columns: 1fr;
  grid-auto-rows: 1fr;
  grid-template-columns: auto auto;
  grid-template-rows: auto auto auto;
  gap: 0px 0px;
  grid-template-areas: "g01 g01" "g02 g02" "g03 g04";
  position: absolute;
  z-index: 3;
  width: calc(437 / 799 * 100%);
  padding: 25px calc(40 / 799 * 100%);
  background: #FFF;
  border: 2px solid #000000;
}
@media (max-width: 768px) {
  .interview-slide-box {
    right: auto;
    left: 50%;
    transform: translate(-50%);
    width: 92%;
    padding: 20px calc(10 / 250 * 100%) 20px calc(10 / 250 * 100%);
    grid-template-columns: auto;
    grid-template-rows: auto auto auto auto;
    gap: 10px 0px;
    grid-template-areas: "g01" "g02" "g03" "g04";
  }
}
.interview-slide-box .g01 {
  grid-area: g01;
}
.interview-slide-box .g02 {
  grid-area: g02;
}
.interview-slide-box .g03 {
  grid-area: g03;
}
.interview-slide-box .g04 {
  grid-area: g04;
}

.interview-slide-title {
  font-size: 18px;
  font-size: min(1.28vw,18px);
  font-style: normal;
  font-weight: 700;
  line-height: 160%;
}
@media (max-width: 768px) {
  .interview-slide-title {
    font-size: 4.8vw;
  }
}

.interview-slide-sub {
  margin-top: 0.5em;
  color: #7E8F9A;
  font-size: 12px;
  font-size: min(0.85vw,12px);
  font-style: normal;
  font-weight: 500;
  line-height: 160%;
}
@media (max-width: 768px) {
  .interview-slide-sub {
    margin-top: 0;
    font-size: 3.2vw;
  }
}

.interview-slide-name {
  margin-top: 0.5em;
  font-size: 16px;
  font-size: min(1.14vw,16px);
  font-style: normal;
  font-weight: 500;
  line-height: 160%;
}
@media (max-width: 768px) {
  .interview-slide-name {
    font-size: 4.26vw;
  }
}

.interview-slide-button {
  margin-top: 0.5em;
  margin-left: auto;
  position: relative;
  display: flex;
  padding: 0.5em 1em 0.5em 1.5em;
  width: 10.8em;
  color: #fff;
  background-color: var(--primary-color);
  border: 1px solid var(--primary-color);
  font-size: 11px;
  font-size: min(0.78vw,11px);
  font-style: normal;
  font-weight: 500;
  border-radius: 40px;
  text-transform: uppercase;
}
@media (max-width: 768px) {
  .interview-slide-button {
    margin-left: 0;
    margin-top: 0.75em;
    padding: 0.25em 1em 0.25em 1.5em;
    font-size: 2.93vw;
  }
}
.interview-slide-button::after {
  content: "";
  display: block;
  position: absolute;
  right: 1em;
  top: 50%;
  transform: translateY(-50%);
  width: 1em;
  height: 1em;
  -webkit-mask-image: url(../img/recruit_common/arrow_right.svg);
          mask-image: url(../img/recruit_common/arrow_right.svg);
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  background-color: #fff;
}
.interview-slide-button:hover, .interview-slide-button:focus {
  color: var(--primary-color);
  background-color: #fff;
}
.interview-slide-button:hover::after, .interview-slide-button:focus::after {
  background-color: var(--primary-color);
}

.interview-slide-thumb {
  margin-right: auto;
  margin-left: 0;
  aspect-ratio: 674/597;
  width: calc(674 / 732 * 100%);
}
@media (max-width: 768px) {
  .interview-slide-thumb {
    width: 100%;
  }
}

.interview-slide-link:hover .interview-slide-button, .interview-slide-link:focus .interview-slide-button {
  color: var(--primary-color);
  background-color: #fff;
}
.interview-slide-link:hover .interview-slide-button::after, .interview-slide-link:focus .interview-slide-button::after {
  background-color: var(--primary-color);
}

/**************
* 私たちについて
**************/
.sec-top-aboutus {
  color: #fff;
  background: linear-gradient(180deg, var(--primary-color) 0%, var(--primary-color) 50%, #000 50%, #000 100%);
  overflow: hidden;
}
.aboutus-wrap {
  position: relative;
  padding: 141px 0 127px;
  position: relative;
  background: url(../img/recruit/bg_about.webp) no-repeat top center/cover;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  border-radius: 120px;
  overflow: hidden;
}
@media (max-width: 768px) {
  .aboutus-wrap {
    padding: 100px 0 45px;
    border-radius: 40px;
  }
}
.aboutus-wrap .l-inner {
  position: relative;
}

.aboutus-thumb {
  position: absolute;
  right: 0;
  top: 0;
  width: calc(484 / 1055 * 100%);
  aspect-ratio: 484/323;
  overflow: hidden;
}
@media (max-width: 768px) {
  .aboutus-thumb {
    position: static;
    margin: 68px auto 0;
    width: 100%;
  }
}
.aboutus-thumb img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.aboutus-body {
  margin: 148px auto 0;
  width: calc(808 / 1056 * 100%);
}
@media (max-width: 768px) {
  .aboutus-body {
    margin: 60px auto 0;
    width: 100%;
  }
}

.aboutus-lead {
  font-size: 3.2rem;
  font-weight: 500;
  letter-spacing: 0.01em;
  line-height: 170%;
}
.aboutus-text {
  margin: 50px auto 0;
  width: calc(674 / 732 * 100%);
  font-size: 1.8rem;
  line-height: 180%;
}
@media (max-width: 768px) {
  .aboutus-text {
    margin: 30px auto 0;
    font-size: 1.6rem;
    width: 100%;
  }
}

.aboutus-more-wrap {
  margin-top: 90px;
  text-align: center;
  text-transform: uppercase;
}
@media (max-width: 768px) {
  .aboutus-more-wrap {
    margin-top: 60px;
  }
}