@charset "UTF-8";

/* works__page  */

/* =========================================================
   Archive
========================================================= */
.flex.col4 {
  gap: 30px 20px;
  justify-content: flex-start;
}

.col4-atc {
  margin: 0;
  width: calc(25% - 15px);
}

/* =========================================================
   Single - Contents
========================================================= */
#wd__contents {
  padding: 80px 0 0;
}

.wdc__detail figure {
  margin: 40px 0;
}

.wdc__detail h3.wp-block-heading {
  font-size: 22px;
  font-weight: 700;
  border-left: 4px solid #4d3939;
  padding-block: 10px;
  padding-left: 10px;
  background-color: #e6e1d3;
  margin: 3em 0 2em 0;
}

/* =========================================================
   Single - Staff
========================================================= */
.wdc__staff {
  margin: 80px 0 0;
}

.wdcst__items {
  margin: 50px 0 60px;
}

.wdcst__item {
  gap: 40px;
}

.wdcst__img {
  width: 280px;
}

.wdcst__img img {
  border-radius: 10px;
}

.wdcst__body {
  width: calc(100% - 320px);
}

.wdcst__name {
  border-bottom: 2px solid #3469ab;
  font-size: 20px;
  margin: 0 0 16px;
  padding: 0 0 10px;
}

/* =========================================================
   Single - Related / Button
========================================================= */
.wdr__main {
  padding: 120px 0 80px;
}

.wdr__btn--area {
  background: #fff;
  padding: 0 0 120px;
}

@media screen and (max-width: 767px) {
  .detail-kv .sub__copy .txt {
    font-size: 2rem;
  }

  .detail-kv .sub__copy {
    text-align: left;
  }

  #wd__contents {
    padding: 40px 0 0 0;
  }

  .wdc__detail h3.wp-block-heading {
    font-size: 18px;
    margin: 2em 0 1em 0;
  }

  .wdc__detail figure {
    margin: 20px 0 30px 0;
  }

  .wdcst__items {
    margin: 30px 10px 40px 10px;
  }

  .wdcst__item {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    margin: 0 0 40px 0;
  }

  .wdcst__img {
    width: 100%;
  }

  .wdcst__body {
    width: 100%;
  }

  .wdr__main {
    padding: 60px 10px 30px 10px;
  }

  .wdr__btn--area {
    padding: 0 0 80px 0;
  }

  .link__btn {
    margin: 0 auto;
  }
}