/*===========================================================================*/
/*  function  */
/*===========================================================================*/
/*===========================================================================*/
/*  mixin  */
/*===========================================================================*/
html {
  font-family: "Meiryo", sans-serif !important;
}

body {
  font-family: "Meiryo", sans-serif !important;
  background: none !important;
  text-align: left !important;
  line-height: 1.15 !important;
}

#wrapper {
  text-align: left !important;
}

.header {
  background-color: #fff;
}

/*===========================================================================*/
/*  table  */
/*===========================================================================*/
.company {
  padding-top: clamp(4.64rem, 1.6869118905px + 5.9538066724vw, 11.6rem);
  padding-bottom: clamp(14.28rem, 5.1916167665px + 18.3233532934vw, 35.7rem);
  position: relative;
  min-height: 100vh;
}
@media (max-width: 750px) {
  .company {
    padding-top: clamp(4rem, 22.8571428571px + 4.5714285714vw, 5.7142857143rem);
    padding-bottom: clamp(4rem, 22.8571428571px + 4.5714285714vw, 5.7142857143rem);
  }
}
.company::before {
  content: "";
  position: fixed;
  left: 0;
  top: 0;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  background-image: url(../../images/company/bg.png);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
}
@media (max-width: 750px) {
  .company::before {
    background-size: contain;
    background-image: url(../../images/company/bg_sp.png);
    background-position: center center;
  }
}
.company__logo {
  width: 6.7rem;
}
@media (max-width: 750px) {
  .company__logo {
    width: clamp(3.2rem, 18.2857142857px + 3.6571428571vw, 4.5714285714rem);
  }
}
.company__logo.logo__miyabi {
  width: 6.1rem;
}
@media (max-width: 750px) {
  .company__logo.logo__miyabi {
    width: clamp(3rem, 17.1428571429px + 3.4285714286vw, 4.2857142857rem);
  }
}
.company__logo__wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: clamp(1.36rem, 0.494439692px + 1.745081266vw, 3.4rem);
  margin-bottom: clamp(2.44rem, 0.8870829769px + 3.130881095vw, 6.1rem);
}
@media (max-width: 750px) {
  .company__logo__wrapper {
    margin-bottom: clamp(3.2rem, 18.2857142857px + 3.6571428571vw, 4.5714285714rem);
  }
}
.company__head {
  font-size: clamp(2.6rem, 20.2181351583px + 0.7698887938vw, 3.5rem);
  margin-bottom: clamp(1.44rem, 0.5235243798px + 1.8477331052vw, 3.6rem);
  text-align: center;
  font-weight: 700;
  line-height: 1.5;
}
@media (max-width: 750px) {
  .company__head {
    font-size: clamp(2.6rem, 22px + 1.0666666667vw, 3rem);
    margin-bottom: clamp(2.4rem, 13.7142857143px + 2.7428571429vw, 3.4285714286rem);
  }
}
.company__head span {
  font-size: clamp(2rem, 15.502994012px + 0.5988023952vw, 2.7rem);
  margin-bottom: clamp(0.8rem, 0.2908468777px + 1.0265183918vw, 2rem);
  line-height: 1.25;
  display: block;
  font-weight: 400;
}
@media (max-width: 750px) {
  .company__head span {
    font-size: clamp(1.8rem, 16px + 0.5333333333vw, 2rem);
    margin-bottom: clamp(1.2rem, 6.8571428571px + 1.3714285714vw, 1.7142857143rem);
  }
}
.company__description {
  font-size: clamp(1.6rem, 8.9332763045px + 0.9409751925vw, 2.7rem);
  margin: 0 auto;
  margin-bottom: clamp(6.04rem, 2.1958939264px + 7.750213858vw, 15.1rem);
  line-height: 1.5;
  width: 75%;
}
@media (max-width: 750px) {
  .company__description {
    max-width: 500px;
    margin: 0 auto;
    margin-bottom: clamp(3.6rem, 20.5714285714px + 4.1142857143vw, 5.1428571429rem);
    width: 100%;
  }
}
.company__link {
  text-align: center;
  display: block;
  margin-bottom: clamp(4.12rem, 1.49786142px + 5.2865697177vw, 10.3rem);
}
@media (max-width: 750px) {
  .company__link {
    margin-bottom: clamp(4rem, 22.8571428571px + 4.5714285714vw, 5.7142857143rem);
  }
}
.company__image {
  width: clamp(13.16rem, 4.7844311377px + 16.8862275449vw, 32.9rem);
  margin: 0 auto;
}
@media (max-width: 750px) {
  .company__image {
    width: clamp(18rem, 102.8571428571px + 20.5714285714vw, 25.7142857143rem);
  }
}
.company__infomation {
  width: 75%;
  margin: 0 auto;
}
@media (max-width: 750px) {
  .company__infomation {
    width: 100%;
    max-width: 500px;
  }
}
.company__infomation dl {
  display: grid;
  grid-template-columns: 17.3611111111% 1fr;
}
@media (max-width: 750px) {
  .company__infomation dl {
    grid-template-columns: 1fr;
    margin-bottom: clamp(1.6rem, 9.1428571429px + 1.8285714286vw, 2.2857142857rem);
  }
}
.company__infomation dt,
.company__infomation dd {
  font-size: clamp(1.6rem, 9.5757057314px + 0.8554319932vw, 2.6rem);
  line-height: 1.67;
}
.company__infomation dt {
  font-weight: normal;
}
@media (max-width: 750px) {
  .company__infomation dt {
    margin-bottom: clamp(0.8rem, 4.5714285714px + 0.9142857143vw, 1.1428571429rem);
    font-weight: bold;
  }
}
.company__images {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 4rem;
  gap: clamp(1.6rem, 0.5816937553px + 2.0530367836vw, 4rem);
  max-width: 127rem;
  margin: 8rem auto 0;
}
@media (max-width: 750px) {
  .company__images {
    grid-template-columns: 1fr;
    gap: 2.4rem;
    margin: 6rem auto 0;
  }
}