@charset "UTF-8";
/* ===============================
  COMPANY
=============================== */
/*------------------------------
philosophy
------------------------------*/
.philosophy {
  padding-top: clamp(0px, 150 * var(--rate-vw), 150px * var(--cap));
}
@media (max-width: 767px) {
  .philosophy {
    padding: clamp(0px, 90 * var(--rate-vw), 90px * var(--cap)) 0 clamp(0px, 220 * var(--rate-vw), 220px * var(--cap));
    position: relative;
  }
  .philosophy::before {
    content: "";
    position: absolute;
    background: #F6F6F6;
    transform: translate(-50%, 0%);
    width: 96%;
    height: 100%;
    left: 50%;
    top: 0%;
  }
  .philosophy * {
    position: relative;
    z-index: 10;
  }
}

.philosophy__content {
  background: #F6F6F6;
  padding: clamp(0px, 90 * var(--rate-vw), 90px * var(--cap)) 0;
  text-align: center;
  margin-top: clamp(0px, 20 * var(--rate-vw), 20px * var(--cap));
}
@media (max-width: 767px) {
  .philosophy__content {
    padding: 0;
    margin-top: clamp(0px, 48 * var(--rate-vw), 48px * var(--cap));
    padding: 0 9%;
  }
}

.philosophy__heading {
  font-size: clamp(0px, 32 * var(--rate-fz), 32px * var(--cap));
  font-weight: 700;
  line-height: 1.5625;
}
@media (max-width: 767px) {
  .philosophy__heading {
    font-size: clamp(0px, 20 * var(--rate-fz), 20px * var(--cap));
    line-height: 1.5;
    text-align: left;
  }
}

.philosophy__description {
  font-size: clamp(0px, 16 * var(--rate-fz), 16px * var(--cap));
  font-weight: 500;
  line-height: 2.375;
  margin-top: 2em;
}
@media (max-width: 767px) {
  .philosophy__description {
    font-size: clamp(0px, 13 * var(--rate-fz), 13px * var(--cap));
    font-weight: 500;
    line-height: 1.8461538462;
    text-align: left;
  }
}

/*------------------------------
messgae
------------------------------*/
.message {
  padding-top: clamp(0px, 150 * var(--rate-vw), 150px * var(--cap));
}
@media (max-width: 767px) {
  .message {
    padding: clamp(0px, 95 * var(--rate-vw), 95px * var(--cap)) 0 clamp(0px, 65 * var(--rate-vw), 65px * var(--cap));
    border-bottom: 1px solid #008346;
  }
}

.message__content {
  max-width: clamp(0px, 1420 * var(--rate-vw), 1420px * var(--cap));
  margin: 0 auto;
  margin-top: clamp(0px, 60 * var(--rate-vw), 60px * var(--cap));
}
@media (max-width: 767px) {
  .message__content {
    margin-top: clamp(0px, 20 * var(--rate-vw), 20px * var(--cap));
  }
}

.message__text {
  border-top: 1px solid #00C65C;
  border-bottom: 1px solid #00C65C;
  font-size: clamp(0px, 16 * var(--rate-fz), 16px * var(--cap));
  font-weight: 500;
  line-height: 1.875;
  padding: clamp(0px, 70 * var(--rate-vw), 70px * var(--cap)) 0;
}
@media (max-width: 767px) {
  .message__text {
    margin-top: clamp(0px, 20 * var(--rate-vw), 20px * var(--cap));
    font-size: clamp(0px, 13 * var(--rate-fz), 13px * var(--cap));
    font-weight: 500;
    line-height: 1.6923076923;
    border-top: none;
    border-bottom: none;
    padding: 0;
  }
}

.message__signature {
  font-size: clamp(0px, 16 * var(--rate-fz), 16px * var(--cap));
  line-height: 2.15;
  margin-top: 2em;
  text-align: right;
}
.message__signature strong {
  display: block;
  font-size: clamp(0px, 22 * var(--rate-fz), 22px * var(--cap));
}
@media (max-width: 767px) {
  .message__signature {
    font-size: clamp(0px, 14 * var(--rate-fz), 14px * var(--cap));
    line-height: 1.4285714286;
    margin-right: calc(clamp(0px, 14 * var(--rate-vw), 14px * var(--cap)) * -1);
  }
  .message__signature strong {
    font-size: clamp(0px, 16 * var(--rate-fz), 16px * var(--cap));
  }
}

/*------------------------------
member
------------------------------*/
.member {
  padding: clamp(0px, 150 * var(--rate-vw), 150px * var(--cap)) 0;
  border-bottom: 1px solid #00C65C;
}
@media (max-width: 767px) {
  .member {
    position: relative;
    padding: clamp(0px, 90 * var(--rate-vw), 90px * var(--cap)) 0;
    border: none;
  }
  .member::before {
    content: "";
    position: absolute;
    background: #00573C;
    aspect-ratio: 150/220;
    transform: translate(0%, 0%);
    width: 26%;
    right: 0%;
    top: 0%;
  }
}

.member__items {
  max-width: clamp(0px, 1420 * var(--rate-vw), 1420px * var(--cap));
  margin: 0 auto;
  margin-top: clamp(0px, 30 * var(--rate-vw), 30px * var(--cap));
}

.member__item {
  background: #F6F6F6;
  padding: clamp(0px, 50 * var(--rate-vw), 50px * var(--cap)) clamp(0px, 70 * var(--rate-vw), 70px * var(--cap));
}
.member__item:nth-child(2) {
  margin-top: clamp(0px, 45 * var(--rate-vw), 45px * var(--cap));
}
@media (min-width: 768px) {
  .member__item:nth-child(2) .member__item-name::before {
    width: clamp(0px, 1040 * var(--rate-vw), 1040px * var(--cap));
  }
}
@media screen and (max-width: 999px) and (min-width: 769px) {
  .member__item:nth-child(2) .member__item-name::before {
    width: clamp(0px, 940 * var(--rate-vw), 940px * var(--cap));
  }
}
@media (max-width: 767px) {
  .member__item {
    padding: clamp(0px, 44 * var(--rate-vw), 44px * var(--cap)) clamp(0px, 20 * var(--rate-vw), 20px * var(--cap));
  }
  .member__item:nth-child(n+2) {
    margin-top: 7%;
  }
}

.member__item-name {
  font-size: clamp(0px, 16 * var(--rate-fz), 16px * var(--cap));
  font-weight: 700;
  line-height: 2.75;
  position: relative;
}
.member__item-name::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  background: #00C65C;
  width: clamp(0px, 1000 * var(--rate-vw), 1000px * var(--cap));
  height: 1px;
}
.member__item-name strong {
  font-size: clamp(0px, 22 * var(--rate-fz), 22px * var(--cap));
}
@media screen and (max-width: 999px) and (min-width: 769px) {
  .member__item-name::before {
    width: clamp(0px, 900 * var(--rate-vw), 900px * var(--cap));
  }
}
@media (max-width: 767px) {
  .member__item-name {
    font-size: clamp(0px, 13 * var(--rate-fz), 13px * var(--cap));
    line-height: normal;
  }
  .member__item-name strong {
    display: block;
    font-size: clamp(0px, 16 * var(--rate-fz), 16px * var(--cap));
  }
  .member__item-name::before {
    width: clamp(0px, 146 * var(--rate-vw), 146px * var(--cap));
    background: #008346;
    top: 80%;
  }
}

.member__item-message {
  font-size: clamp(0px, 16 * var(--rate-fz), 16px * var(--cap));
  font-weight: 500;
  line-height: 1.875;
  margin-top: 0.6em;
}
@media (max-width: 767px) {
  .member__item-message {
    font-size: clamp(0px, 13 * var(--rate-fz), 13px * var(--cap));
    line-height: 1.6923076923;
    margin-top: 2em;
  }
}

/*------------------------------
company-info
------------------------------*/
.company-info {
  padding-top: clamp(0px, 150 * var(--rate-vw), 150px * var(--cap));
}
@media (max-width: 767px) {
  .company-info {
    padding-top: 2%;
  }
}

.company-info__detail {
  max-width: clamp(0px, 1375 * var(--rate-vw), 1375px * var(--cap));
  margin: 0 auto;
  margin-top: clamp(0px, 24 * var(--rate-vw), 24px * var(--cap));
  border-top: 1px solid #BFBFBF;
  border-bottom: 1px solid #BFBFBF;
  display: flex;
  flex-wrap: wrap;
}
.company-info__detail dt, .company-info__detail dd {
  font-size: clamp(0px, 16 * var(--rate-fz), 16px * var(--cap));
  font-weight: 700;
  line-height: 2.5;
  padding: 1.35em 2.5em;
}
.company-info__detail dt:nth-of-type(n + 2), .company-info__detail dd:nth-of-type(n + 2) {
  border-top: 1px solid #BFBFBF;
}
.company-info__detail dt {
  width: 30%;
}
.company-info__detail dd {
  width: 70%;
  padding-left: 0;
  padding-right: 0;
}
.company-info__detail dd iframe {
  border: 0;
  width: 100%;
  display: block;
  margin-top: 5%;
}
@media (max-width: 767px) {
  .company-info__detail {
    display: block;
  }
  .company-info__detail dt, .company-info__detail dd {
    width: 100%;
    line-height: normal;
  }
  .company-info__detail dt:nth-of-type(n + 2), .company-info__detail dd:nth-of-type(n + 2) {
    border-top: none;
  }
  .company-info__detail dt {
    padding: 1.5em 0 0 clamp(0px, 12 * var(--rate-vw), 12px * var(--cap));
    font-size: clamp(0px, 12 * var(--rate-fz), 12px * var(--cap));
  }
  .company-info__detail dt:nth-of-type(n + 2) {
    border-top: 1px solid #BFBFBF;
  }
  .company-info__detail dd {
    padding: 0.6em 0 1.5em clamp(0px, 12 * var(--rate-vw), 12px * var(--cap));
    font-weight: 500;
    font-size: clamp(0px, 13.5 * var(--rate-fz), 13.5px * var(--cap));
  }
  .company-info__detail dd iframe {
    width: calc(100% + clamp(0px, 12 * var(--rate-vw), 12px * var(--cap)));
    margin-left: calc(clamp(0px, 12 * var(--rate-vw), 12px * var(--cap)) * -1);
  }
}

/*------------------------------
history
------------------------------*/
.history {
  padding-top: clamp(0px, 150 * var(--rate-vw), 150px * var(--cap));
}
@media (max-width: 767px) {
  .history {
    padding-top: clamp(0px, 90 * var(--rate-vw), 90px * var(--cap));
  }
}

.history__content {
  width: clamp(0px, 1160 * var(--rate-vw), 1160px * var(--cap));
  margin: 0 auto;
  margin-top: clamp(0px, 23 * var(--rate-vw), 23px * var(--cap));
}
@media (max-width: 767px) {
  .history__content {
    max-width: 100%;
  }
}

.history__years {
  display: flex;
  border: 1px solid #00C65C;
  display: flex;
  justify-content: center;
  gap: 0 clamp(0px, 84 * var(--rate-vw), 84px * var(--cap));
  padding: clamp(0px, 20 * var(--rate-vw), 20px * var(--cap)) 0;
}
.history__years li {
  font-size: clamp(0px, 20 * var(--rate-fz), 20px * var(--cap));
  font-weight: 600;
  line-height: 2.2;
  font-family: "Figtree", sans-serif;
}
@media (max-width: 767px) {
  .history__years {
    border: 1px solid #008346;
    flex-wrap: wrap;
    padding: clamp(0px, 26 * var(--rate-vw), 26px * var(--cap)) clamp(0px, 38 * var(--rate-vw), 38px * var(--cap));
    gap: clamp(0px, 9 * var(--rate-vw), 9px * var(--cap)) clamp(0px, 30 * var(--rate-vw), 30px * var(--cap));
    justify-content: flex-start;
  }
  .history__years li {
    width: calc(25% - clamp(0px, 32 * var(--rate-vw), 32px * var(--cap)) * 3 / 4);
    font-size: clamp(0px, 13 * var(--rate-fz), 13px * var(--cap));
    line-height: normal;
  }
}

.history__items {
  margin-top: clamp(0px, 100 * var(--rate-vw), 100px * var(--cap));
  position: relative;
}
.history__items::before {
  content: "";
  position: absolute;
  background: #BFBFBF;
  width: 1px;
  height: 93%;
  left: 11.8%;
  top: 0%;
}
@media screen and (max-width: 999px) and (min-width: 769px) {
  .history__items::before {
    left: 13.3%;
    height: 94%;
  }
}
@media (max-width: 767px) {
  .history__items {
    margin-top: 17%;
  }
  .history__items::before {
    display: none;
  }
}

.history__item {
  display: flex;
  position: relative;
  z-index: 10;
}
@media (min-width: 768px) {
  .history__item:last-child .history__item-detail {
    border-bottom: 1px solid #BFBFBF;
  }
}
@media (max-width: 767px) {
  .history__item {
    display: block;
    border-top: 1px solid #BFBFBF;
    padding: clamp(0px, 24 * var(--rate-vw), 24px * var(--cap)) 0;
  }
  .history__item:last-child {
    border-bottom: 1px solid #BFBFBF;
  }
}

.history__item-year {
  width: 18%;
  font-size: clamp(0px, 20 * var(--rate-fz), 20px * var(--cap));
  font-weight: 600;
  line-height: 1;
  font-family: "Figtree", sans-serif;
  align-self: flex-start;
  transform: translateY(-50%);
}
.history__item-year strong {
  font-size: clamp(0px, 32 * var(--rate-fz), 32px * var(--cap));
}
@media (max-width: 767px) {
  .history__item-year {
    width: 100%;
    font-size: clamp(0px, 28 * var(--rate-fz), 28px * var(--cap));
    transform: unset;
  }
  .history__item-year strong {
    font-size: clamp(0px, 28 * var(--rate-fz), 28px * var(--cap));
  }
}

.history__item-detail {
  width: 82%;
  border-top: 1px solid #BFBFBF;
  font-size: clamp(0px, 14 * var(--rate-fz), 14px * var(--cap));
  font-weight: 500;
  display: flex;
  flex-wrap: wrap;
  padding: clamp(0px, 30 * var(--rate-vw), 30px * var(--cap)) 0;
  line-height: 2.7;
  padding-left: clamp(0px, 5 * var(--rate-vw), 5px * var(--cap));
  position: relative;
}
.history__item-detail::before {
  content: "";
  position: absolute;
  background: #fff;
  aspect-ratio: 1/1;
  border-radius: 50%;
  border: clamp(0px, 2 * var(--rate-vw), 2px * var(--cap)) solid #000;
  width: clamp(0px, 12 * var(--rate-vw), 12px * var(--cap));
  left: -8.05%;
  top: 0%;
  transform: translate(0%, -50%);
}
.history__item-detail dt {
  width: 7.6%;
  position: relative;
}
.history__item-detail dt::before {
  content: "｜";
  position: absolute;
  transform: translate(0%, -50%);
  width: 13%;
  left: 60%;
  top: 1.5em;
}
.history__item-detail dd {
  width: 92.4%;
}
@media screen and (max-width: 999px) and (min-width: 769px) {
  .history__item-detail::before {
    left: -6.05%;
  }
}
@media (max-width: 767px) {
  .history__item-detail {
    width: 100%;
    border-top: none;
    border-bottom: none;
    padding: 0;
    font-size: clamp(0px, 13 * var(--rate-fz), 13px * var(--cap));
    line-height: 1.6;
    margin-top: 4%;
    gap: clamp(0px, 14 * var(--rate-vw), 14px * var(--cap)) 0;
  }
  .history__item-detail::before {
    display: none;
  }
  .history__item-detail dt {
    width: 20%;
  }
  .history__item-detail dt::before {
    left: 53%;
    top: 0.9em;
  }
  .history__item-detail dd {
    width: 80%;
  }
}
/*# sourceMappingURL=company.css.map */