@charset "UTF-8";
.header-tel {
  text-decoration: none;
  font-weight: bold;
}

/* ヘッダーのボタン調整 */
.c-btn {
  vertical-align: middle;
  margin: 5px;
  border: 1px solid;
  border-radius: 0px;
}

.cta-2 {
  color: var(--accent-color);
  background-color: #fff;
}

.c-navbar__item[data-active-menu] {
  color: #c27d7d !important;
}

.l-footer .c-copyright {
  background-color: transparent;
  color: #333;
}

.wpaw-site-branding__logo {
  text-align: left;
}

.footer-tel {
  text-decoration: none;
}

.l-footer {
  background-image: linear-gradient(90deg, rgb(253, 195, 195), rgb(237, 192, 203) 50%, rgb(228, 208, 233));
}

.archive.post-type-archive h1.c-entry__title {
  display: none;
}

.mv {
  height: calc(100vh - 64px);
}

@media (min-width: 1500px) {
  .copy1 {
    font-size: 50px;
  }
  .copy2 {
    font-size: 36px;
  }
}
.copy1 {
  font-size: 36px;
  text-shadow: 1px 2px 1px rgba(49, 49, 49, 0.8);
}

.copy2 {
  text-shadow: 1px 2px 1px rgba(49, 49, 49, 0.8);
  font-size: 21px;
}

.copy2 span .sme-text-color.has-vivid-red-color {
  text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.6);
} /*株式会社ACT*/
@media (max-width: 1023.9px) {
  .copy1 {
    line-height: 1.3;
  }
}
@media (max-width: 639.9px) {
  .copy1 {
    font-size: 34px;
  }
  .copy2 {
    font-size: 20px;
    line-height: 1.3;
    text-shadow: none;
    color: #444 !important;
  }
  .mv {
    height: 100vh;
    height: 100svh;
    margin-top: -60px;
  }
}
.mission-text {
  z-index: 3;
  font-size: 19px;
}

.mission-media figure {
  box-shadow: -200px -40px #ecd2d2;
}

@media (max-width: 781.9px) {
  .mission-media .wp-block-media-text {
    display: flex;
    flex-direction: column;
  }
  .mission-media figure {
    width: 80%;
  }
  .mission-text {
    font-size: 18px;
  }
}
@media (max-width: 600px) {
  .mission-media figure {
    width: 100%;
  }
  .mission-text {
    font-size: 17px;
  }
  .mission-media figure {
    box-shadow: -100px -40px #ecd2d2;
  }
}
/*---------------
work
---------------*/
@media (max-width: 1023.9px) {
  .work-last__item {
    left: 50%;
  }
}
@media (max-width: 781.9px) {
  .work .c-row {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    --_item-width: 50%;
  }
  .work .smb-items__banner {
    left: 50%;
  }
}
@media (max-width: 600px) {
  .work .c-row {
    --_item-width: 100%;
  }
  .work .smb-items__banner {
    left: auto;
  }
}
/*---------------
study
---------------*/
@media (max-width: 781.9px) {
  .study-media {
    display: flex;
    flex-direction: column-reverse !important;
  }
}
.mask:before {
  content: "";
  display: block;
  background-color: rgba(0, 0, 0, 0.05);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
} /*化粧品画像のマスク*/
.beauty-en, .solution-en, .next-vision-en {
  color: rgba(177, 171, 148, 0.3019607843);
  font-size: 50px;
}

@media (max-width: 781.9px) {
  .solution-media {
    flex-direction: column-reverse;
  }
  .work-contents img {
    width: 100%;
  }
}
@media (max-width: 639.9px) {
  .beauty-en, .solution-en, .next-vision-en {
    font-size: 36px;
  }
  .work-contents h3 {
    font-size: 18px;
  }
}
/*---------------
ACTが選ばれる理由
---------------*/
.reason-media figure {
  box-shadow: 40px 40px #ecd2d2;
}

.reason-media h3 {
  border-bottom: 1px solid;
  display: inline-block;
}

.reason-media h3::before {
  background-color: #c27d7d;
}

@media (max-width: 781.9px) {
  .reason-media {
    display: flex;
    flex-direction: column;
  }
  .reason-media figure {
    width: 100%;
  }
}
.c-drawer {
  background-color: #deb4b4;
}

.type-page .c-entry__header h1.c-entry__title {
  display: none;
}

/* authorを非表示 */
.c-meta__item--author {
  display: none;
}

a {
  color: #333;
}

.work .smb-items__banner {
  clip-path: polygon(20% 0, 80% 0, 100% 50%, 80% 100%, 20% 100%, 0% 50%);
}

.max-900 {
  max-width: 900px;
}

h3 {
  border-bottom: 1px solid #c27d7d;
}

.c-page-header:before {
  content: "";
  display: block;
  background-color: rgba(0, 0, 0, 0.4);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
}

.c-page-header__content {
  position: relative;
  z-index: 1;
}

/******************************************************************

Stylesheet: 1023px以下（タブレット）で適用

******************************************************************/
/******************************************************************

Stylesheet: 639px以下(スマホ)で適用

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