.p-message {
  margin-top: 42px;
  padding: 30px 0 45px;
  background-color: #FFF9EB;
}
@media screen and (max-width: 767px) {
  .p-message {
    margin-top: 20px;
    padding: 20px 0;
  }
}
.p-message__wrap {
  max-width: 880px;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .p-message__wrap {
    width: 89.333333%;
  }
}
.p-message__box {
  margin-top: 29px;
  display: grid;
  grid-template-columns: 38% 1fr;
  grid-template-rows: auto 1fr;
  gap: 0 20px;
}
@media screen and (max-width: 767px) {
  .p-message__box {
    margin-top: 21px;
    display: block;
  }
}
.p-message__img {
  margin-top: 3px;
}
@media screen and (max-width: 767px) {
  .p-message__img {
    margin-top: 0;
  }
}
.p-message__name {
  margin-top: 5px;
  font-size: 1.6rem;
  line-height: 1.5;
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .p-message__name {
    margin-top: 37px;
  }
}
.p-message__txt {
  grid-column: 2/3;
  grid-row: 1/3;
  flex: 1;
  font-size: 1.6rem;
  line-height: 1.5;
  font-weight: 500;
}
@media screen and (max-width: 767px) {
  .p-message__txt {
    margin-top: 15px;
  }
}

.p-philosophy {
  margin-top: 69px;
}
@media screen and (max-width: 767px) {
  .p-philosophy {
    margin-top: 39px;
  }
}
.p-philosophy__wrap {
  max-width: 880px;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .p-philosophy__wrap {
    width: 89.333333%;
  }
}
.p-philosophy__txt {
  margin-top: 30px;
  font-size: 2.4rem;
  line-height: 1.3333333333;
  font-weight: 500;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .p-philosophy__txt {
    margin-top: 17px;
    font-size: 2rem;
    line-height: 1.2;
  }
}

.p-atmosphere {
  margin-top: 72px;
  padding: 30px 0 32px;
  background-color: #FFF9EB;
}
@media screen and (max-width: 767px) {
  .p-atmosphere {
    margin-top: 45px;
    padding: 19px 0;
  }
}
.p-atmosphere__wrap {
  max-width: 880px;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .p-atmosphere__wrap {
    width: 89.333333%;
  }
}
.p-atmosphere__list {
  margin-top: 33px;
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
@media screen and (max-width: 767px) {
  .p-atmosphere__list {
    margin-top: 20px;
    gap: 1px 2px;
  }
}
.p-atmosphere__item {
  width: calc((100% - 40px) / 3);
}
@media screen and (max-width: 767px) {
  .p-atmosphere__item {
    width: calc((100% - 4px) / 3);
  }
}
.p-atmosphere__item img {
  aspect-ratio: 280/160;
  object-fit: cover;
}
@media print, screen and (min-width: 768px) {
  .p-atmosphere__item img {
    transition: opacity 0.3s;
    cursor: pointer;
  }
  .p-atmosphere__item img:hover {
    opacity: 0.7;
  }
}
@media screen and (max-width: 767px) {
  .p-atmosphere__item img {
    aspect-ratio: 111/62;
  }
}

@media screen and (max-width: 767px) {
  html:has(body.mfp-zoom-out-cur) {
    overflow: hidden;
    position: relative;
  }
}
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: pointer;
}

.p-overview {
  margin-top: 68px;
}
@media screen and (max-width: 767px) {
  .p-overview {
    margin-top: 40px;
  }
}
.p-overview__wrap {
  max-width: 880px;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .p-overview__wrap {
    width: 89.333333%;
  }
}
.p-overview__list {
  margin-top: 32px;
  display: flex;
  flex-wrap: wrap;
  gap: 0 32px;
}
@media screen and (max-width: 767px) {
  .p-overview__list {
    margin-top: 20px;
    gap: 0;
  }
}
.p-overview__item, .p-overview__detail {
  border-top: 1px solid #EB6120;
  font-size: 1.8rem;
  line-height: 1.3333333333;
}
@media screen and (max-width: 767px) {
  .p-overview__item, .p-overview__detail {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.p-overview__item {
  width: 27%;
  padding: 14px 20px 16px;
  color: #EB6120;
  font-weight: bold;
  background-color: #FFF9EB;
}
@media screen and (max-width: 767px) {
  .p-overview__item {
    width: 100%;
    padding: 3px 16px 4px;
  }
}
.p-overview__detail {
  width: calc(73% - 32px);
  padding: 14px 15px 16px;
}
@media screen and (max-width: 767px) {
  .p-overview__detail {
    width: 100%;
    border: none;
    padding: 3px 16px 22px;
  }
}

.p-access {
  margin-top: 70px;
}
@media screen and (max-width: 767px) {
  .p-access {
    margin-top: 19px;
  }
}
.p-access__wrap {
  max-width: 880px;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .p-access__wrap {
    width: 89.333333%;
  }
}
.p-access__box {
  margin-top: 32px;
  display: grid;
  grid-template-columns: 38% calc(62% - 20px);
  grid-template-rows: auto auto;
  gap: 8px 20px;
}
@media screen and (max-width: 767px) {
  .p-access__box {
    margin-top: 20px;
    display: block;
  }
}
.p-access__map {
  width: 100%;
  height: 100%;
  grid-column: 2/3;
  grid-row: 1/3;
}
@media screen and (max-width: 767px) {
  .p-access__map {
    height: auto;
    aspect-ratio: 335/186;
    margin-top: 8px;
  }
}
.p-access__map iframe {
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 767px) {
  .p-access__info {
    margin-top: 8px;
  }
}
.p-access__name {
  padding: 9px 11px 11px;
  color: #EB6120;
  font-size: 2rem;
  font-weight: 700;
  background-color: #FFF9EB;
}
@media screen and (max-width: 767px) {
  .p-access__name {
    padding: 5px 13px 8px;
    font-size: 1.8rem;
  }
}
.p-access__address {
  margin-top: 2px;
  margin-left: 20px;
  font-size: 1.8rem;
  line-height: 1.7777777778;
  font-weight: 500;
}
@media screen and (max-width: 767px) {
  .p-access__address {
    margin: 3px 15px;
    font-size: 1.6rem;
    line-height: 1.5;
  }
}

/*# sourceMappingURL=company.css.map */