:root {
  --color-main: #0382D2;
  --color-accent: #E42A2A;
  --color-white: #FFFFFF;
  --color-black: #000000;
  --color-orenge: #F97319;
  --color-txt_color: #013B82;
  --color-gray_light: #DADADA;
  --color-blue_black: #001125;
  --color-gray_light02: #848484;
  --color-brown: #A39188;
  --color-brown_on: #965F44;
  --color-blue: #EEF2F8;
  --color-blue2: #F4FAFF;
  --color-blue3: #09315C;
  --font-jost: "Jost", sans-serif;
  --font-noto-serif-jp: "Noto Serif JP", serif;
  --font-noto-sans-jp: "Noto Sans JP", sans-serif;
}

.container {
  max-width: 123rem;
}

.header:not(.is-fixed) .nav__link {
  color: var(--color-black);
}

@media only screen and (min-width: 768px) {
  .nav__item .cm-btn--white {
    background-color: var(--color-main);
    color: var(--color-white);
  }
  .nav__item .cm-btn--white:hover {
    background-color: var(--color-blue3);
  }
}
.enviroment-second .cm-btn01 {
  display: flex;
  flex-direction: column;
  gap: 3.9rem;
}
@media only screen and (max-width: 767px) {
  .enviroment-second .cm-btn01 {
    gap: 1rem;
    align-items: center;
  }
}
.enviroment-second .cm-btn {
  width: 38rem;
  max-width: 100%;
  padding: 2.2rem 5rem;
  font-weight: 500;
}
@media only screen and (max-width: 767px) {
  .enviroment-second .cm-btn {
    width: 30rem;
    padding: 2rem 4rem;
  }
}

.main {
  padding-block-start: 11.6rem;
}
@media only screen and (max-width: 767px) {
  .main {
    padding-block-start: 8rem;
  }
}

.news__title {
  border-bottom: 1px solid var(--color-blue3);
  padding-bottom: 2.5rem;
  margin-bottom: 2rem;
}
.news__title-time {
  color: var(--color-main);
  font-family: var(--font-jost);
  font-size: 1.6rem;
  font-weight: 500;
  margin-bottom: 0.7rem;
  display: block;
}
@media only screen and (max-width: 767px) {
  .news__title-time {
    font-size: 1.4rem;
  }
}
.news__title-txt {
  font-size: 2.2rem;
  display: block;
  font-weight: 500;
}
@media only screen and (max-width: 767px) {
  .news__title-txt {
    font-size: 1.8rem;
  }
}

.pager {
  display: flex;
  justify-content: center;
  margin: 9rem 0 12rem;
}
@media only screen and (max-width: 767px) {
  .pager {
    margin: 3rem 0 5rem;
  }
}
.pager__list {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}
.pager__list a {
  text-decoration: none;
  border: 1px solid var(--color-gray_light02);
  width: 4.5rem;
  height: 4.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font-jost);
}
.pager__list a[aria-current=page] {
  background-color: var(--color-blue3);
  color: var(--color-white);
}
@media only screen and (min-width: 768px) {
  .pager__list a:hover {
    background-color: var(--color-blue3);
    color: var(--color-white);
  }
}
@media only screen and (max-width: 767px) {
  .pager__list a {
    width: 3rem;
    height: 3rem;
  }
}

.news-category-list {
  justify-content: center;
  gap: 1.6rem;
  margin: 0 auto 5rem;
  list-style: none;
}
.news-category-list a {
  width: auto;
  min-width: 21.5rem;
  height: 7.5rem;
  padding: 0 3.5rem;
  border-color: var(--color-orenge);
  border-radius: 9999px;
  color: var(--color-blue3);
  font-family: var(--font-noto-sans-jp);
  font-size: 1.8rem;
  font-weight: 600;
  white-space: nowrap;
}
.news-category-list a[aria-current=page],
.news-category-list a:hover {
  background-color: var(--color-orenge);
  border-color: var(--color-orenge);
  color: var(--color-white);
}
@media only screen and (max-width: 767px) {
  .news-category-list {
    gap: 1rem;
    margin-bottom: 3rem;
  }
  .news-category-list a {
    min-width: 10rem;
    height: 5.5rem;
    padding: 0 2rem;
    font-size: 1.5rem;
  }
}

.news-empty {
  display: flex;
  justify-content: center;
  padding-top: 6rem;
  padding-bottom: 10rem;
}
.news-empty__text {
  margin: 0;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .news-empty {
    padding-top: 4rem;
    padding-bottom: 6rem;
  }
}

.pager-npv {
  background-color: var(--color-blue2);
  padding: 7.1rem 0;
  margin-top: 10rem;
}
@media only screen and (max-width: 767px) {
  .pager-npv {
    padding: 4rem 0;
    margin-top: 5rem;
  }
  .pager-npv li {
    width: 48%;
  }
}
.pager-npv a {
  width: 100%;
  height: 100%;
  border: 1px solid #D9D9D9;
  background-color: var(--color-white);
  display: block;
  width: 44.5rem;
  max-width: 100%;
  padding: 3rem;
  text-decoration: none;
}
@media only screen and (min-width: 768px) {
  .pager-npv a:hover {
    border-color: var(--color-blue3);
  }
}
.pager-npv a p {
  font-size: 2rem;
}
@media only screen and (max-width: 767px) {
  .pager-npv a {
    width: 100%;
    padding: 1rem;
  }
  .pager-npv a p {
    font-size: 1.4rem;
  }
}
.pager-npv__red {
  color: var(--color-accent);
  font-size: 1.6rem;
  font-family: var(--font-jost);
  display: block;
  text-transform: uppercase;
  position: relative;
  padding-right: 3rem;
}
.pager-npv__red:before {
  content: "";
  width: 1.4rem;
  height: 1rem;
  position: absolute;
  top: 0.9rem;
  right: 0;
  background: url("../common_img/arrow-org.svg") top left no-repeat;
  background-size: 1.4rem;
}
.pager-npv__prev {
  float: left;
}
.pager-npv__prev .pager-npv__red {
  padding-left: 3rem;
  padding-right: 0;
}
.pager-npv__prev .pager-npv__red:before {
  right: auto;
  left: 0;
  transform: scale(-1, 1);
}
.pager-npv__next {
  float: right;
  text-align: right;
}

/*---------- START MV ----------*/
.mv {
  display: flex;
  flex-wrap: wrap;
  background-color: var(--color-blue);
  margin-bottom: 1rem;
}
.mv__title {
  width: 49.5%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
@media only screen and (max-width: 767px) {
  .mv__title {
    width: 100%;
  }
}
.mv__title-inner {
  width: 100%;
  max-width: 62rem;
  padding: 2rem;
}
.mv__title-en {
  display: block;
  color: var(--color-accent);
  font-family: var(--font-jost);
  text-transform: uppercase;
  font-size: 3.2rem;
  margin-bottom: 1rem;
}
@media only screen and (max-width: 767px) {
  .mv__title-en {
    font-size: 1.8rem;
    text-align: center;
    margin-bottom: 0;
  }
}
.mv__title-jp {
  font-size: 6rem;
  font-weight: 500;
  color: var(--color-txt_color);
}
@media only screen and (max-width: 767px) {
  .mv__title-jp {
    font-size: 2.5rem;
    text-align: center;
    display: block;
  }
}
.mv__img {
  width: 50.5%;
  position: relative;
}
.mv__img::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(8, 65, 101, 0.2);
}
.mv__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media only screen and (max-width: 767px) {
  .mv__img {
    width: 100%;
  }
}

/*---------- START breadcrumb ----------*/
.breadcrumb {
  margin-bottom: 4rem;
}
@media only screen and (max-width: 767px) {
  .breadcrumb {
    display: none;
  }
}

.breadcrumb-list {
  display: flex;
  flex-wrap: wrap;
}
.breadcrumb-list li {
  padding-right: 3rem;
  position: relative;
}
.breadcrumb-list li:after {
  content: "";
  position: absolute;
  right: 1.5rem;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 0.1rem;
  height: 1.7rem;
  background-color: var(--color-black);
  transform: skew(-15deg);
}
.breadcrumb-list li:last-child:after {
  content: none;
}
.breadcrumb-list a {
  text-decoration: none;
}
@media only screen and (min-width: 768px) {
  .breadcrumb-list a:hover {
    text-decoration: underline;
  }
}

/*---------- START PAGE NEWS ----------*/
.news__item {
  padding: 5rem 0;
}
.news__item:nth-child(2n) {
  background-color: var(--color-blue2);
}
.news__item .container {
  display: flex;
  flex-wrap: wrap;
  gap: 3rem 5.7rem;
}
.news__item-img {
  width: 31.7%;
}
@media only screen and (max-width: 767px) {
  .news__item-img {
    width: 100%;
  }
}
.news__item-infor {
  flex: 1;
  min-width: 0;
}
.news__item-infor .cm-btn01 {
  margin-top: 2.5rem;
}
@media only screen and (max-width: 767px) {
  .news__item-infor {
    width: 100%;
  }
  .news__item-infor .cm-btn01 {
    text-align: center;
  }
}
.page-news .enviroment {
  margin-top: 120px;
}
.page-news-detail .news__main {
  padding-top: 5rem;
}
.page-news-detail .news__inner .cm-btn01 {
  margin: 8rem 0 12rem;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .page-news-detail .news__inner .cm-btn01 {
    margin: 3rem 0 5rem;
  }
  .page-news .enviroment {
    margin-top: 60px;
  }
}

.news-detail-img {
  margin-bottom: 2rem;
}

.news-detail-box {
  margin-top: 5.5rem;
}
@media only screen and (max-width: 767px) {
  .news-detail-box {
    margin-top: 3rem;
  }
}

/*---------- START PAGE CONTACT ----------*/
.form-contact {
  padding-top: 4.5rem;
  padding-bottom: 10rem;
}
.form-contact__txt01 {
  text-align: center;
  margin-bottom: 7rem;
}
@media only screen and (max-width: 767px) {
  .form-contact {
    padding: 3rem 0 5rem;
  }
  .form-contact__txt01 {
    text-align: left;
    margin-bottom: 3rem;
  }
}

.pp {
  background-color: var(--color-blue);
  padding: 8rem 0 10rem;
}
@media only screen and (max-width: 767px) {
  .pp {
    padding: 4rem 0;
  }
}
.pp .cm-title01 {
  margin-bottom: 5rem;
}
@media only screen and (max-width: 767px) {
  .pp .cm-title01 {
    margin-bottom: 2rem;
  }
}
.pp__txt01 {
  border-bottom: 1px solid var(--color-black);
  padding-bottom: 2rem;
  margin-bottom: 4rem;
}
@media only screen and (max-width: 767px) {
  .pp__txt01 {
    margin-bottom: 2rem;
  }
}
.pp__title {
  font-size: 1.8rem;
  margin-top: 5rem;
  margin-bottom: 0.5rem;
}
@media only screen and (max-width: 767px) {
  .pp__title {
    font-size: 1.5rem;
    margin-top: 3rem;
  }
}
.pp__box {
  background-color: var(--color-white);
  border: 1px solid var(--color-gray_light);
  padding: 2rem 4rem;
  font-size: 2rem;
  margin-top: 3rem;
}
.pp__box a {
  color: var(--color-black) !important;
}
@media only screen and (max-width: 767px) {
  .pp__box {
    margin-top: 0;
    font-size: 1.5rem;
    padding: 2rem;
  }
}
.pp ul {
  margin-left: 1rem;
}
.pp ul li {
  padding-left: 1.5rem;
  position: relative;
}
.pp ul li:before {
  content: "";
  position: absolute;
  top: 1.5rem;
  left: 0;
  width: 4px;
  height: 4px;
  background-color: var(--color-black);
  border-radius: 100%;
}
@media only screen and (max-width: 767px) {
  .pp ul li:before {
    top: 1rem;
    width: 3px;
    height: 3px;
  }
}
.pp a {
  color: var(--color-accent);
  font-weight: 500;
}

.cm-contact-phone {
  background: url("../common_img/bg-contact2.jpg") center center no-repeat;
  background-size: cover;
  position: relative;
  z-index: 1;
  padding: 12rem 0 14rem;
}
@media only screen and (max-width: 767px) {
  .cm-contact-phone {
    padding: 5rem 0;
  }
}
.cm-contact-phone:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(8, 65, 101, 0.6);
  z-index: -1;
}
.cm-contact-phone .container {
  max-width: 103rem;
}
.cm-contact-phone__box {
  background-color: var(--color-white);
  padding: 6rem 4rem;
  margin-top: 3rem;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
}
@media only screen and (max-width: 767px) {
  .cm-contact-phone__box {
    padding: 2rem;
  }
}
.cm-contact-phone__left {
  width: 50%;
}
@media only screen and (max-width: 767px) {
  .cm-contact-phone__left {
    width: 100%;
  }
}
.cm-contact-phone__left p {
  font-size: 1.8rem;
  font-weight: 500;
}
@media only screen and (max-width: 767px) {
  .cm-contact-phone__left p {
    font-size: 1.4rem;
  }
}
.cm-contact-phone__right {
  flex: 1;
}
@media only screen and (max-width: 767px) {
  .cm-contact-phone__right {
    flex: auto;
    margin-top: 2rem;
  }
}
.cm-contact-phone__tel {
  font-size: 6rem;
  color: var(--color-main);
  font-weight: bold;
  line-height: 1;
  margin-bottom: 1rem;
  letter-spacing: 1px;
}
@media only screen and (max-width: 767px) {
  .cm-contact-phone__tel {
    font-size: 3.5rem;
  }
}
@media only screen and (max-width: 767px) {
  .cm-contact-phone__time {
    font-size: 1.1rem;
  }
}

/*---------- START PAGE COMPANY ----------*/
.philosophy {
  padding: 5rem 0 8.5rem;
}
@media only screen and (max-width: 767px) {
  .philosophy {
    padding: 3rem 0 5rem;
  }
}
.philosophy__row {
  display: flex;
  flex-wrap: wrap;
  gap: 3rem 7rem;
}
.philosophy__left {
  flex: 1;
  padding-top: 7.5rem;
}
@media only screen and (max-width: 767px) {
  .philosophy__left {
    padding: 0;
  }
}
.philosophy__txt01 {
  font-size: 3.2rem;
  line-height: 1.4;
  font-weight: 500;
  margin: 3.5rem 0 5.5rem;
}
@media only screen and (max-width: 767px) {
  .philosophy__txt01 {
    font-size: 2rem;
    margin: 2rem 0;
  }
}
.philosophy__right {
  width: 52.9rem;
}
@media only screen and (max-width: 767px) {
  .philosophy__right {
    width: 100%;
  }
}
.philosophy__img {
  width: 100%;
  margin-bottom: 2rem;
  aspect-ratio: 529/644;
}
.philosophy__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.philosophy__sign {
  max-width: 70%;
}

.overview {
  background-color: var(--color-blue);
  padding: 9.5rem 0;
}
@media only screen and (max-width: 767px) {
  .overview {
    padding: 3.5rem 0;
  }
}

.company__table {
  border-bottom: 1px solid var(--color-gray_light02);
  margin-top: 4.7rem;
}
.company__table dl {
  border-top: 1px solid var(--color-gray_light02);
  display: flex;
  flex-wrap: wrap;
}
.company__table dt, .company__table dd {
  padding: 1.6rem 3rem;
}
@media only screen and (max-width: 767px) {
  .company__table dt, .company__table dd {
    padding: 1rem 2rem !important;
  }
}
.company__table dt {
  background-color: var(--color-white);
  color: var(--color-txt_color);
  width: 22.3rem;
  font-weight: 500;
}
@media only screen and (max-width: 767px) {
  .company__table dt {
    width: 100%;
  }
}
.company__table dd {
  flex: 1;
  min-width: 0;
  padding-left: 4rem;
  letter-spacing: 2.3px;
}
@media only screen and (max-width: 767px) {
  .company__table dd {
    flex: 1;
  }
}
.company__table--blue dt {
  background-color: var(--color-blue2);
}

.access {
  padding: 8rem 0 12rem;
}
@media only screen and (max-width: 767px) {
  .access {
    padding: 5rem 0;
  }
}
.access__row {
  display: flex;
  flex-wrap: wrap;
  gap: 3rem 5rem;
  margin-top: 6rem;
}
@media only screen and (max-width: 767px) {
  .access__row {
    margin-top: 3rem;
  }
}
.access__map {
  width: 50%;
  height: 64.5rem;
}
.access__map iframe {
  width: 100%;
  height: 100%;
}
@media only screen and (max-width: 767px) {
  .access__map {
    width: 100%;
    height: 30rem;
  }
}
.access__infor {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 4rem 0;
  max-width: 60rem;
  margin-top: -0.7rem;
  padding: 0 3rem;
}
@media only screen and (max-width: 767px) {
  .access__infor {
    gap: 2rem;
  }
}
.access__infor dt {
  color: var(--color-main);
  font-weight: bold;
  font-family: var(--font-jost);
  text-transform: uppercase;
  margin-bottom: 1rem;
}
@media only screen and (max-width: 767px) {
  .access__infor {
    flex: 1;
    padding: 2rem;
  }
}

/*------------------------------ START RECRUIT SECOND ------------------------------*/
.recruit-mv {
  background: url("../recruit_jobs/images/mv.jpg") center center no-repeat;
  background-size: cover;
  position: relative;
  height: 36.5rem;
  z-index: 1;
  margin-bottom: 1rem;
}
@media only screen and (max-width: 767px) {
  .recruit-mv {
    height: 22rem;
  }
}
.recruit-mv:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #084165;
  opacity: 0.45;
  z-index: -1;
}
.recruit-mv .container {
  height: 100%;
}
.recruit-mv__title {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.recruit-mv__title-en {
  font-size: 3.2rem;
  color: var(--color-white);
  font-weight: bold;
  font-family: var(--font-jost);
  text-transform: uppercase;
  display: block;
  margin-bottom: 1rem;
}
@media only screen and (max-width: 767px) {
  .recruit-mv__title-en {
    font-size: 1.8rem;
    margin-bottom: 0;
  }
}
.recruit-mv__title-jp {
  font-size: 6rem;
  font-weight: 500;
  color: var(--color-white);
}
@media only screen and (max-width: 767px) {
  .recruit-mv__title-jp {
    font-size: 3.2rem;
  }
}

.re-tabs {
  margin-top: 11rem;
}
@media only screen and (max-width: 767px) {
  .re-tabs {
    margin-top: 5rem;
  }
}
.re-tabs__row {
  display: flex;
  flex-wrap: wrap;
  border-bottom: 2px solid var(--color-main);
}
.re-tabs__row > * {
  width: 27.5rem;
  background-color: var(--color-blue2);
  text-align: center;
  font-size: 2.4rem;
  padding: 2.1rem;
  font-weight: 500;
  cursor: pointer;
}
@media only screen and (max-width: 767px) {
  .re-tabs__row > * {
    width: 50%;
    font-size: 1.5rem;
    padding: 1.2rem;
  }
}
.re-tabs__row > .is-current {
  background-color: var(--color-main);
  color: var(--color-white);
}

.re-manufacturing {
  padding: 13rem 0;
}
@media only screen and (max-width: 767px) {
  .re-manufacturing {
    padding: 4rem 0;
  }
}

.re-office {
  padding: 13rem 0 13rem;
}
@media only screen and (max-width: 767px) {
  .re-office {
    padding: 4rem 0;
  }
}

.re-manufacturing,
.re-office {
  display: none;
}

.re-manufacturing.is-active,
.re-office.is-active {
  display: block;
}

.re-recruitment {
  padding: 10rem 0 12rem;
  background-color: var(--color-blue2);
}
@media only screen and (max-width: 767px) {
  .re-recruitment {
    padding: 3rem 0 4rem;
  }
}
.re-recruitment .cm-title01 {
  margin-bottom: 4rem;
}
@media only screen and (max-width: 767px) {
  .re-recruitment .cm-title01 {
    margin-bottom: 2rem;
  }
}
.re-recruitment__step {
  display: flex;
  flex-wrap: wrap;
  gap: 3rem 6.7rem;
  margin-top: 8rem;
}
@media only screen and (max-width: 767px) {
  .re-recruitment__step {
    margin-top: 3rem;
  }
}
.re-recruitment__item {
  width: calc((100% - 20.1rem) / 4);
  border: 1px solid var(--color-main);
  background-color: var(--color-white);
  padding: 1rem 1rem 3.5rem;
  position: relative;
}
.re-recruitment__item:not(:last-child):after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  right: -4.5rem;
  background: url("../common_img/arrow-blue2.svg") center center no-repeat;
  width: 2.4rem;
  height: 1.7rem;
}
@media only screen and (max-width: 767px) {
  .re-recruitment__item {
    width: 100%;
  }
  .re-recruitment__item:not(:last-child):after {
    right: 0;
    left: 0;
    top: calc(100% + 1.5rem);
    transform: rotate(90deg);
    width: 1.7rem;
    height: 1.7rem;
    background-size: 100%;
  }
}
.re-recruitment__title {
  margin-bottom: 2rem;
  font-weight: 500;
}
@media only screen and (max-width: 767px) {
  .re-recruitment__title {
    margin-bottom: 1rem;
  }
}
.re-recruitment__span {
  color: var(--color-txt_color);
  font-family: var(--font-jost);
  margin-bottom: 1rem;
  display: block;
  font-weight: 500;
  font-size: 1.6rem;
}
@media only screen and (max-width: 767px) {
  .re-recruitment__span {
    margin-bottom: 0;
  }
}

.re-faq {
  padding: 10rem 0 5rem;
}
@media only screen and (max-width: 767px) {
  .re-faq {
    padding: 4rem 0 2rem;
  }
}
.re-faq__list {
  margin-top: 7rem;
}
@media only screen and (max-width: 767px) {
  .re-faq__list {
    margin-top: 3rem;
  }
}
.re-faq__item {
  margin-bottom: 6rem;
}
@media only screen and (max-width: 767px) {
  .re-faq__item {
    margin-bottom: 3rem;
  }
}
.re-faq__title {
  border: 1px solid var(--color-blue3);
  padding: 2.5rem 2.3rem;
  margin-bottom: 3rem;
}
@media only screen and (max-width: 767px) {
  .re-faq__title {
    padding: 1.5rem;
    margin-bottom: 2rem;
  }
}
.re-faq__h3 {
  position: relative;
  padding-left: 7rem;
}
@media only screen and (max-width: 767px) {
  .re-faq__h3 {
    padding-left: 4rem;
  }
}
.re-faq__h3::before {
  content: "Q";
  position: absolute;
  top: -2rem;
  left: 0;
  font-size: 4.6rem;
  color: var(--color-main);
  font-family: var(--font-jost);
  font-weight: normal;
}
@media only screen and (max-width: 767px) {
  .re-faq__h3::before {
    font-size: 3rem;
    top: -1rem;
  }
}
.re-faq__ans {
  width: calc(100% - 19rem);
  margin: auto;
  position: relative;
  padding: 2.7rem;
  padding-left: 9rem;
  background-color: var(--color-blue);
  min-height: 8rem;
}
.re-faq__ans::before {
  content: "A";
  position: absolute;
  top: 1.5rem;
  left: 2rem;
  font-size: 4.6rem;
  color: var(--color-main);
  font-family: var(--font-jost);
  font-weight: normal;
  line-height: 1;
}
@media only screen and (max-width: 767px) {
  .re-faq__ans {
    width: 100%;
    padding: 1.5rem 5.5rem;
    padding-right: 3rem;
  }
  .re-faq__ans::before {
    font-size: 3rem;
    top: 1rem;
  }
}

.re-contact {
  background-color: var(--color-blue2);
  text-align: center;
  padding: 9rem 0;
}
@media only screen and (max-width: 767px) {
  .re-contact {
    padding: 4rem 0;
  }
}
.re-contact__title {
  font-size: 3.2rem;
  margin-bottom: 3.5rem;
  color: var(--color-txt_color);
  font-weight: 500;
}
@media only screen and (max-width: 767px) {
  .re-contact__title {
    font-size: 2rem;
    margin-bottom: 2rem;
  }
}
.re-contact p {
  font-size: 2rem;
  margin-bottom: 3rem;
  font-weight: 500;
}
@media only screen and (max-width: 767px) {
  .re-contact p {
    font-size: 1.5rem;
  }
}
.re-contact__row {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem 8rem;
  justify-content: center;
}
.re-contact__row .cm-btn {
  width: 38rem;
  max-width: 100%;
  padding: 2.2rem 5rem;
}

.re-also {
  padding: 10rem 0;
  background-color: var(--color-blue);
}
@media only screen and (max-width: 767px) {
  .re-also {
    padding: 4rem 0 7rem;
  }
}
.re-also__list {
  margin-top: 6rem;
  display: flex;
  flex-wrap: wrap;
  gap: 4rem 3rem;
}
@media only screen and (max-width: 767px) {
  .re-also__list {
    margin-top: 2rem;
  }
}
.re-also__item {
  width: calc((100% - 6rem) / 3);
}
@media only screen and (max-width: 767px) {
  .re-also__item {
    width: 100%;
  }
}
.re-also__item a {
  width: 100%;
  height: 100%;
  display: block;
  text-decoration: none;
  border: 1px solid var(--color-txt_color);
  padding: 1.5rem 1rem;
  padding-bottom: 3rem;
  position: relative;
  background-color: var(--color-white);
}
.re-also__item a:after {
  content: "";
  position: absolute;
  bottom: -3rem;
  left: 0;
  right: 0;
  margin: auto;
  width: 6.5rem;
  height: 6.5rem;
  border-radius: 100%;
  border: 3px solid var(--color-txt_color);
  background: url("../common_img/arrow-blue.svg") center center no-repeat;
  background-color: var(--color-white);
  transition: all 0.5s;
}
@media only screen and (max-width: 767px) {
  .re-also__item a:after {
    width: 5rem;
    height: 5rem;
  }
}
@media only screen and (min-width: 768px) {
  .re-also__item a:hover:after {
    background: url("../common_img/arrow-white.svg") center center no-repeat;
    background-color: var(--color-txt_color);
  }
}
.re-also__title {
  margin-bottom: 2rem;
}
@media only screen and (max-width: 767px) {
  .re-also__title {
    margin-bottom: 1rem;
  }
}
.re-also__en {
  font-family: var(--font-jost);
  color: var(--color-txt_color);
  display: block;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 1.6rem;
  margin-bottom: 1rem;
}
.re-also__jp {
  font-size: 2rem;
  font-weight: 500;
}

/*------------------------------ START RECRUIT WORKS ------------------------------*/
.page-recruit_works .recruit-mv {
  background: url("../recruit_works/images/mv.jpg") center center no-repeat;
  background-size: cover;
}
.page-recruit_works .re-contact {
  padding: 5rem 0;
}
@media only screen and (max-width: 767px) {
  .page-recruit_works .re-contact {
    padding: 3rem 0;
  }
  .page-recruit_works .cm-btn01__link {
    width: 30rem;
  }
}

.re-works__row {
  display: flex;
  flex-wrap: wrap;
  gap: 3rem 3.4rem;
  margin-bottom: 16rem;
}
@media only screen and (max-width: 767px) {
  .re-works__row {
    margin-bottom: 5rem;
  }
}
.re-works__row-left {
  flex: 1;
}
@media only screen and (max-width: 767px) {
  .re-works__row-left {
    flex: auto;
  }
}
.re-works__row-txt01 {
  font-size: 3.2rem;
  font-weight: 500;
  margin: 3rem 0 4rem;
}
@media only screen and (max-width: 767px) {
  .re-works__row-txt01 {
    font-size: 2rem;
    margin: 1rem 0;
  }
}
.re-works__row-right {
  width: 54rem;
  max-width: 100%;
}
@media only screen and (max-width: 767px) {
  .re-works__row-right {
    width: 100%;
  }
}
.re-works__row2 {
  border: 3px solid var(--color-txt_color);
  padding: 2.6rem 2.6rem 2.6rem 4rem;
  display: flex;
  flex-wrap: wrap;
  gap: 3rem 4rem;
}
@media only screen and (max-width: 767px) {
  .re-works__row2 {
    padding: 2rem;
  }
}
.re-works__row2-left {
  flex: 1;
}
@media only screen and (max-width: 767px) {
  .re-works__row2-left {
    flex: auto;
  }
}
.re-works__row2-right {
  width: 41rem;
  max-width: 100%;
}
@media only screen and (max-width: 767px) {
  .re-works__row2-right {
    width: 100%;
  }
}

.timeline {
  border-left: 1px solid var(--color-txt_color);
  display: flex;
  flex-direction: column;
  gap: 5.5rem;
  margin-left: 4.3rem;
  margin-top: 6.5rem;
  margin-bottom: 9rem;
}
@media only screen and (max-width: 767px) {
  .timeline {
    gap: 3rem;
    margin-left: 2rem;
    margin-top: 3rem;
    margin-bottom: 4rem;
  }
}
.timeline > * {
  position: relative;
  padding-left: 3.6rem;
  z-index: 1;
}
.timeline > *:before {
  content: "";
  position: absolute;
  top: 0;
  left: -1.3rem;
  width: 1.3rem;
  height: 1.3rem;
  background-color: var(--color-white);
  border: 6px solid var(--color-main);
  border-radius: 100%;
  box-sizing: content-box;
}
.timeline > *:last-child:after {
  content: "";
  height: calc(100% - 25px);
  width: 1px;
  background-color: var(--color-white);
  left: -1px;
  top: 25px;
  position: absolute;
  z-index: -1;
}
.timeline__time {
  color: var(--color-main);
  font-family: var(--font-jost);
  font-weight: bold;
}
.timeline__desc {
  font-size: 2rem;
  font-weight: 500;
}
@media only screen and (max-width: 767px) {
  .timeline__desc {
    font-size: 1.5rem;
  }
}

/*------------------------------ START RECRUIT INTERVIEW ------------------------------*/
.page-recruit_interview .recruit-mv {
  background: url("../recruit_interview/images/mv.jpg") center center no-repeat;
  background-size: cover;
}
.page-recruit_interview .re-contact {
  padding: 5rem 0;
  margin-top: 10rem;
}
@media only screen and (max-width: 767px) {
  .page-recruit_interview .re-contact {
    margin-top: 5rem;
    padding: 3rem 0;
  }
  .page-recruit_interview .cm-btn01__link {
    width: 30rem;
  }
}

.recruit_interview__main {
  margin-top: 10.7rem;
}
@media only screen and (max-width: 767px) {
  .recruit_interview__main {
    margin-top: 4rem;
  }
}

.re-member {
  padding: 10rem 0 12.3rem;
  background-color: var(--color-blue);
}
@media only screen and (max-width: 767px) {
  .re-member {
    padding: 3rem 0;
  }
}
.re-member__list {
  display: flex;
  flex-wrap: wrap;
  gap: 4rem 3rem;
  margin-top: 6.5rem;
}
@media only screen and (max-width: 767px) {
  .re-member__list {
    margin-top: 3rem;
  }
}
.re-member__list-item {
  width: calc((100% - 6rem) / 3);
}
.re-member__list-item a {
  width: 100%;
  height: 100%;
  text-decoration: none;
}
@media only screen and (min-width: 768px) {
  .re-member__list-item a:hover img {
    transform: scale(1.1);
  }
}
@media only screen and (max-width: 767px) {
  .re-member__list-item {
    width: 100%;
  }
}
.re-member__list-img {
  overflow: hidden;
  aspect-ratio: 380/420;
}
.re-member__list-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.3s;
}
.re-member__list-infor {
  margin-top: 3.7rem;
}
@media only screen and (max-width: 767px) {
  .re-member__list-infor {
    margin-top: 2rem;
  }
}
.re-member__list-title {
  margin-bottom: 2rem;
}
@media only screen and (max-width: 767px) {
  .re-member__list-title {
    margin-bottom: 1rem;
  }
}
.re-member__title-en {
  display: block;
  color: var(--color-main);
  text-transform: uppercase;
  font-family: var(--font-jost);
  font-size: 1.6rem;
  font-weight: 500;
  margin-bottom: 2rem;
}
@media only screen and (max-width: 767px) {
  .re-member__title-en {
    margin-bottom: 0;
  }
}

.re-interview-item {
  padding: 10rem 0 1rem;
}
@media only screen and (max-width: 767px) {
  .re-interview-item {
    padding: 5rem 0 1rem;
  }
  .re-interview-item .re-faq__item:last-child {
    margin-bottom: 0;
  }
}
.re-interview__row {
  display: flex;
  flex-wrap: wrap;
  gap: 3rem 5.9rem;
}
.re-interview__row-left {
  width: 54rem;
  max-width: 100%;
  aspect-ratio: 541/420;
}
.re-interview__row-left img {
  width: 100%;
  height: 100%;
}
@media only screen and (max-width: 767px) {
  .re-interview__row-left {
    width: 100%;
  }
}
.re-interview__row-right {
  flex: 1;
}
@media only screen and (max-width: 767px) {
  .re-interview__row-right {
    flex: auto;
  }
}
.re-interview__txt01 {
  font-size: 1.8rem;
  font-weight: 500;
  margin-bottom: 4rem;
}
@media only screen and (max-width: 767px) {
  .re-interview__txt01 {
    font-size: 1.6rem;
    margin-bottom: 2rem;
  }
}
.re-interview__table {
  background-color: var(--color-blue2);
  border-bottom: 1px solid var(--color-gray_light);
}
.re-interview__table dl {
  display: flex;
  flex-wrap: wrap;
  border-top: 1px solid var(--color-gray_light);
}
.re-interview__table dt, .re-interview__table dd {
  padding: 1.5rem 3rem;
}
@media only screen and (max-width: 767px) {
  .re-interview__table dt, .re-interview__table dd {
    padding: 1rem;
  }
}
.re-interview__table dt {
  width: 19rem;
  font-weight: 500;
  color: var(--color-txt_color);
}
@media only screen and (max-width: 767px) {
  .re-interview__table dt {
    width: 10rem;
  }
}
.re-interview__table dd {
  flex: 1;
  min-width: 0;
}
@media only screen and (max-width: 767px) {
  .re-interview__table dd {
    flex: auto;
  }
}

/*------------------------------ START RECRUIT BENEFIT ------------------------------*/
.page-recruit_benefit .recruit-mv {
  background: url("../recruit_benefit/images/mv.jpg") center center no-repeat;
  background-size: cover;
}

.re-message {
  padding: 7rem 0 11.7rem;
}
@media only screen and (max-width: 767px) {
  .re-message {
    padding: 3rem 0;
  }
}
.re-message__row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 3rem 5rem;
}
.re-message__row-txt {
  width: 50%;
}
@media only screen and (max-width: 767px) {
  .re-message__row-txt {
    width: 100%;
  }
}
.re-message .cm-title01 {
  flex: 1;
  min-width: 0;
}
.re-message .cm-title01__en {
  font-size: 2rem;
  color: var(--color-accent);
  font-family: var(--font-jost);
  font-weight: 500;
  letter-spacing: 1px;
  margin-bottom: 1.5rem;
}
.re-message .cm-title01__jp {
  color: var(--color-txt_color);
  font-size: 6rem;
  font-weight: bold;
  font-family: var(--font-noto-sans-jp);
}
@media only screen and (max-width: 767px) {
  .re-message .cm-title01 {
    flex: auto;
  }
  .re-message .cm-title01__en {
    font-size: 1.5rem;
  }
  .re-message .cm-title01__jp {
    font-size: 3rem;
  }
}

.re-training {
  background-color: var(--color-blue);
  padding: 10rem 0 10.5rem;
}
@media only screen and (max-width: 767px) {
  .re-training {
    padding: 4rem 0;
  }
}
.re-training__list {
  display: flex;
  flex-wrap: wrap;
  gap: 3rem;
  margin-top: 6rem;
}
@media only screen and (max-width: 767px) {
  .re-training__list {
    margin-top: 3rem;
  }
}
.re-training__list-item {
  border: 1px solid var(--color-txt_color);
  background-color: var(--color-white);
  padding: 1.6rem 1.6rem 4.6rem;
  width: calc((100% - 6rem) / 3);
}
@media only screen and (max-width: 767px) {
  .re-training__list-item {
    width: 100%;
    padding: 1.5rem 1.5rem 3rem;
  }
}
.re-training__list-icon {
  background-color: var(--color-main);
  width: 6.3rem;
  height: 6.3rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100%;
}
@media only screen and (max-width: 767px) {
  .re-training__list-icon {
    width: 5rem;
    height: 5rem;
    padding: 1rem;
  }
}
.re-training__list-title {
  margin-bottom: 2rem;
  padding-bottom: 1.5rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1.6rem;
  font-family: var(--font-jost);
  font-weight: 500;
  border-bottom: 1px solid var(--color-blue3);
}
.re-training__list-title-sub {
  font-size: 2rem;
  font-weight: 500;
  margin-bottom: 1.5rem;
}
.re-training__list-txt {
  color: var(--color-txt_color);
  font-family: var(--font-jost);
}
.re-training__list-box {
  background-color: var(--color-blue);
  padding: 0.6rem 1.5rem;
  margin-top: 2.5rem;
}

.re-benefit {
  padding: 9rem 0 11.5rem;
}
@media only screen and (max-width: 767px) {
  .re-benefit {
    padding: 4rem 0;
  }
}
.re-benefit .cm-title01 {
  margin-bottom: 7rem;
}
@media only screen and (max-width: 767px) {
  .re-benefit .cm-title01 {
    margin-bottom: 2rem;
  }
}
.re-benefit__list {
  margin-top: 6.5rem;
  display: flex;
  flex-wrap: wrap;
  gap: 6rem 7.8rem;
}
@media only screen and (max-width: 767px) {
  .re-benefit__list {
    margin-top: 3rem;
    gap: 3rem;
  }
}
.re-benefit__item {
  border: 1px solid var(--color-txt_color);
  padding: 3.6rem 2rem 4rem;
  width: calc((100% - 7.8rem) / 2);
}
@media only screen and (max-width: 767px) {
  .re-benefit__item {
    width: 100%;
    padding: 2rem;
  }
}
.re-benefit__title {
  margin-bottom: 3.5rem;
}
@media only screen and (max-width: 767px) {
  .re-benefit__title {
    margin-bottom: 2rem;
  }
}
.re-benefit__title-en {
  font-size: 1.6rem;
  color: var(--color-main);
  display: block;
  font-family: var(--font-jost);
  font-weight: normal;
  margin-bottom: 1rem;
}
@media only screen and (max-width: 767px) {
  .re-benefit__title-en {
    margin-bottom: 0;
    font-size: 1.4rem;
  }
}
.re-benefit__title-jp {
  font-size: 1.8rem;
  font-weight: 500;
}
@media only screen and (max-width: 767px) {
  .re-benefit__title-jp {
    font-size: 1.6rem;
  }
}
.re-benefit__ul {
  background-color: var(--color-blue2);
  border-top: 1px solid var(--color-gray_light);
}
.re-benefit__ul li {
  padding: 1.6rem 3rem;
  font-weight: bold;
  color: var(--color-txt_color);
  border-bottom: 1px solid var(--color-gray_light);
}
@media only screen and (max-width: 767px) {
  .re-benefit__ul li {
    padding: 1.5rem;
  }
}
.re-benefit__normal {
  font-weight: normal;
  color: var(--color-black);
}

.re-work-environment {
  background-color: var(--color-blue);
  padding: 10rem 0;
}
@media only screen and (max-width: 767px) {
  .re-work-environment {
    padding: 4rem 0;
  }
}
.re-work-environment .cm-title01 {
  margin-bottom: 4rem;
}
@media only screen and (max-width: 767px) {
  .re-work-environment .cm-title01 {
    margin-bottom: 2rem;
  }
}
.re-work-environment__list {
  margin-top: 7rem;
  display: flex;
  flex-wrap: wrap;
  gap: 3rem;
}
@media only screen and (max-width: 767px) {
  .re-work-environment__list {
    margin-top: 3rem;
  }
}
.re-work-environment__item {
  width: calc((100% - 6rem) / 3);
}
@media only screen and (max-width: 767px) {
  .re-work-environment__item {
    width: 100%;
  }
}
.re-work-environment__title {
  margin: 1rem 0 2rem;
}
@media only screen and (max-width: 767px) {
  .re-work-environment__title {
    margin-bottom: 1rem;
  }
}
.re-work-environment__title-en {
  font-size: 1.6rem;
  color: var(--color-main);
  display: block;
  font-family: var(--font-jost);
  font-weight: normal;
  margin-bottom: 1rem;
}
@media only screen and (max-width: 767px) {
  .re-work-environment__title-en {
    margin-bottom: 0;
    font-size: 1.4rem;
  }
}
.re-work-environment__title-jp {
  font-size: 2rem;
  font-weight: 500;
}
.re-work-environment__img {
  aspect-ratio: 380/245;
}
.re-work-environment__img img {
  width: 100%;
  height: 100%;
}
.re-work-environment__infor {
  padding: 1rem;
}
.re-work-environment__infor p {
  letter-spacing: 2px;
}

/*------------------------------ START RABOUT ------------------------------*/
.about-overview {
  padding: 5rem 0 14rem;
  display: flex;
  flex-wrap: wrap;
  gap: 3rem 5rem;
}
@media only screen and (max-width: 767px) {
  .about-overview {
    padding: 4rem 0;
    flex-direction: column-reverse;
  }
}
.about-overview__img {
  width: 50%;
  aspect-ratio: 960/895;
  position: relative;
  height: 100%;
}
.about-overview__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.about-overview__img-sub {
  position: absolute;
  bottom: 0;
  right: 0;
  width: auto !important;
  height: auto !important;
  border: 1rem solid var(--color-white);
  border-right: none;
  border-bottom: none;
}
@media only screen and (max-width: 767px) {
  .about-overview__img {
    width: 100%;
  }
  .about-overview__img-sub {
    max-width: 40%;
    border-width: 0.5rem;
  }
}
.about-overview__infor {
  flex: 1;
  min-width: 0;
}
.about-overview__infor-box {
  width: 100%;
  max-width: 58rem;
  padding: 0 3rem;
  padding-top: 7rem;
}
.about-overview__infor .cm-title01 {
  margin-bottom: 3rem;
}
.about-overview__infor .cm-btn01 {
  margin-top: 6rem;
}
@media only screen and (max-width: 767px) {
  .about-overview__infor {
    width: 100%;
  }
  .about-overview__infor-box {
    padding: 0 1.5rem;
  }
  .about-overview__infor .cm-title01 {
    margin-bottom: 1rem;
  }
  .about-overview__infor .cm-btn01 {
    text-align: center;
    margin-top: 3rem;
  }
}

.about-processing {
  padding: 9rem 0 10.5rem;
  background-color: var(--color-blue);
}
.about-processing .cm-title01 {
  margin-bottom: 4.5rem;
}
.about-processing__list {
  display: flex;
  flex-wrap: wrap;
  gap: 7rem 3rem;
}
.about-processing__list-item {
  width: calc((100% - 6rem) / 3);
}
.about-processing__list-box {
  padding: 2.5rem 1rem;
}
.about-processing__list-img {
  aspect-ratio: 380/245;
}
.about-processing__list img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media only screen and (max-width: 767px) {
  .about-processing {
    padding: 3rem 0;
  }
  .about-processing .cm-title01 {
    margin-bottom: 2rem;
  }
  .about-processing__list {
    gap: 3rem;
  }
  .about-processing__list-item {
    width: 100%;
  }
  .about-processing__list-box {
    padding: 1rem;
  }
}

.about-production {
  background-color: var(--color-blue2);
  padding: 10rem 0 6rem;
}
.about-production .cm-title01 {
  margin-bottom: 4rem;
}
.about-production .re-recruitment__step {
  gap: 5rem 3rem;
  margin-bottom: 7rem;
}
.about-production .re-recruitment__item {
  width: calc((100% - 6rem) / 3);
  padding: 2rem 1rem 4rem;
}
@media only screen and (min-width: 768px) {
  .about-production .re-recruitment__item:after {
    right: -2.7rem;
  }
  .about-production .re-recruitment__item:nth-child(3n+3):after {
    content: none;
  }
}
.about-production .re-recruitment__span {
  font-weight: bold;
}
@media only screen and (max-width: 767px) {
  .about-production {
    padding: 3rem 0;
  }
  .about-production .cm-title01 {
    margin-bottom: 2rem;
  }
  .about-production .re-recruitment__step {
    gap: 3rem;
    margin-bottom: 0;
  }
  .about-production .re-recruitment__item {
    width: 100%;
    padding: 2rem 1rem 4rem;
  }
}

.about-industries {
  padding: 11.3rem 0;
  display: flex;
  flex-wrap: wrap;
  gap: 3rem 5rem;
}
@media only screen and (max-width: 767px) {
  .about-industries {
    padding: 4rem 0;
  }
}
.about-industries__left {
  width: 50%;
  aspect-ratio: 960/628;
  position: relative;
}
.about-industries__left img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media only screen and (max-width: 767px) {
  .about-industries__left {
    width: 100%;
  }
}
.about-industries__right {
  flex: 1;
  min-width: 0;
}
.about-industries__right-box {
  width: 100%;
  max-width: 59rem;
  padding: 0 3rem;
  padding-top: 7.5rem;
}
@media only screen and (max-width: 767px) {
  .about-industries__right {
    flex: auto;
  }
  .about-industries__right-box {
    padding: 0 2rem;
  }
}
.about-industries .cm-title01 {
  margin-bottom: 4rem;
}
@media only screen and (max-width: 767px) {
  .about-industries .cm-title01 {
    margin-bottom: 2rem;
  }
}
.about-industries .cm-txt02 {
  margin-bottom: 5.5rem;
}
@media only screen and (max-width: 767px) {
  .about-industries .cm-txt02 {
    margin-bottom: 2rem;
  }
}
.about-industries__tags {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem 1.2rem;
}
.about-industries__tags li {
  color: var(--color-white);
  background-color: var(--color-blue3);
  padding: 0.7rem 2.2rem;
}
@media only screen and (max-width: 767px) {
  .about-industries__tags {
    gap: 1rem;
  }
}

.about-equipment {
  background-color: var(--color-blue);
  padding: 10rem 0;
}
.about-equipment .cm-title01 {
  margin-bottom: 5rem;
}
.about-equipment .cm-txt02 {
  margin-bottom: 5.5rem;
}
@media only screen and (max-width: 767px) {
  .about-equipment {
    padding: 4rem 0;
  }
  .about-equipment .cm-title01 {
    margin-bottom: 2rem;
  }
  .about-equipment .cm-txt02 {
    margin-bottom: 3rem;
  }
}
.about-equipment__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 7.8rem;
}
.about-equipment__list-item {
  width: calc((100% - 7.8rem) / 2);
  border: 1px solid var(--color-blue3);
  background-color: var(--color-white);
}
.about-equipment__list-infor {
  padding: 3rem 2rem;
}
.about-equipment__list-infor .cm-title06 {
  margin-bottom: 3rem;
}
@media only screen and (max-width: 767px) {
  .about-equipment__list {
    gap: 3rem;
  }
  .about-equipment__list-item {
    width: 100%;
  }
  .about-equipment__list-infor {
    padding: 2rem;
  }
  .about-equipment__list-infor .cm-title06 {
    margin-bottom: 2rem;
  }
}

.about-certifications {
  padding: 10rem 0;
  background-color: var(--color-blue2);
}
@media only screen and (max-width: 767px) {
  .about-certifications {
    padding: 4rem 0;
  }
}

.re-training__list-icon {
  text-align: center;
  line-height: 1.3;
  color: var(--color-white);
  font-size: 1.6rem;
}
@media only screen and (max-width: 767px) {
  .re-training__list-icon {
    font-size: 1.4rem;
  }
}

.about-clients {
  padding: 10rem 0;
}
.about-clients .cm-title01 {
  margin-bottom: 4rem;
}
.about-clients .cm-txt02 {
  margin-bottom: 5rem;
}
.about-clients__list {
  display: flex;
  flex-wrap: wrap;
  gap: 1.3rem;
  margin-bottom: 3rem;
}
.about-clients__list li {
  width: calc((100% - 3.9rem) / 4);
  border: 1px solid var(--color-txt_color);
  font-size: 2rem;
  text-align: center;
  min-height: 15rem;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1rem;
  font-weight: 500;
}
@media only screen and (max-width: 767px) {
  .about-clients {
    padding: 4rem 0;
  }
  .about-clients .cm-title01 {
    margin-bottom: 2rem;
  }
  .about-clients .cm-txt02 {
    margin-bottom: 3rem;
  }
  .about-clients__list {
    gap: 1.3rem;
  }
  .about-clients__list li {
    width: calc((100% - 1.3rem) / 2);
    font-size: 1.4rem;
    min-height: 10rem;
  }
}