/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Sep 14 2025 | 11:50:41 */
@charset "UTF-8";
/* ---初期化--- */
/* ---/初期化--- */
body.page-id-109 {
  --_button-gradient-toright: linear-gradient(to right, #0F5779 0%, #175D7E 60%, #3D84A8 100%);
  --_button-gradient-center: linear-gradient(to right, #0F5779 0%, #175D7E 10%, #3D84A8 50%, #175D7E 90%, #0F5779 100%);
  --_button-gradient-toleft: linear-gradient(to left, #0F5779 0%, #175D7E 60%, #3D84A8 100%);
}
body.page-id-109 .entry-content {
  margin-top: unset;
  padding-top: 6rem;
}
@media (max-width: 768px) {
  body.page-id-109 .entry-content {
    padding-top: 4rem;
  }
}
body.page-id-109 .entry-content section {
  margin-block-start: 4rem;
}
body.page-id-109 .cover-page-title h2::before {
  content: "process chart";
}

@media (max-width: 768px) {
  .process-links {
    margin-block-start: 0 !important;
    gap: 3%;
    width: 100%;
    margin: auto !important;
  }
}
@media (max-width: 768px) {
  .process-links .button-gradient {
    width: 100%;
  }
}
@media (max-width: 768px) {
  .process-links .button-gradient:first-child .wp-block-button__link::before {
    background-image: var(--_button-gradient-center);
  }
}
.process-links .button-gradient:nth-child(2) .wp-block-button__link::before {
  background-image: var(--_button-gradient-center);
}
.process-links .button-gradient:last-child .wp-block-button__link::before {
  background-image: var(--_button-gradient-toleft);
}
@media (max-width: 768px) {
  .process-links .button-gradient:last-child .wp-block-button__link::before {
    background-image: var(--_button-gradient-center);
  }
}
@media (max-width: 768px) {
  .process-links .button-gradient .wp-block-button {
    width: 100%;
  }
}
.process-links .button-gradient .wp-block-button__link {
  font-size: clamp(14px, 0.95vw, 20px);
}
@media (max-width: 768px) {
  .process-links .button-gradient .wp-block-button__link {
    padding: 1rem;
    font-size: clamp(12px, 3.7vw, 18px);
    white-space: nowrap;
  }
}

.process-week {
  --_column-day-pc: 40%;
  --_column-task-pc: 60%;
  --_column-day-sp: calc(100% / 3);
  --_column-task-sp: calc(100% / 7);
}
.process-week .wp-block-table {
  width: clamp(320px, 50vw, 960px);
  border: unset;
}
@media (max-width: 768px) {
  .process-week .wp-block-table {
    width: clamp(240px, 95%, 380px);
  }
}
.process-week .wp-block-table thead {
  background-color: #45A8A1;
  color: white;
}
.process-week .wp-block-table thead th {
  padding: unset;
  /* 日付 */
  /* 作業内容 */
}
.process-week .wp-block-table thead th .process-week-th {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 1rem;
  padding: 1rem 3rem;
  line-height: 1;
  font-weight: 500;
}
@media (max-width: 768px) {
  .process-week .wp-block-table thead th .process-week-th {
    padding: 0.7rem 1rem;
  }
}
.process-week .wp-block-table thead th:first-child {
  width: var(--_column-day-pc);
  white-space: nowrap;
}
@media (max-width: 768px) {
  .process-week .wp-block-table thead th:first-child {
    width: var(--_column-day-sp);
  }
}
.process-week .wp-block-table thead th:last-child {
  width: var(--_column-task-pc);
}
.process-week .wp-block-table tbody tr td {
  padding: 1rem 3rem;
  /* 日付 */
  /* 作業内容 */
}
@media (max-width: 768px) {
  .process-week .wp-block-table tbody tr td {
    padding: 0.7rem 0.7rem 0.7rem 1rem;
  }
}
.process-week .wp-block-table tbody tr td:first-child {
  width: var(--_column-day-pc);
  white-space: nowrap;
}
@media (max-width: 768px) {
  .process-week .wp-block-table tbody tr td:first-child {
    width: var(--_column-day-sp);
  }
}
.process-week .wp-block-table tbody tr td:last-child {
  width: var(--_column-task-pc);
}
.process-week .wp-block-table tbody tr:nth-child(odd) {
  background-color: white;
}
.process-week .wp-block-table tbody tr:nth-child(even) {
  background-color: #eaf0f2;
}
.process-week .wp-block-table tbody tr:nth-last-child(2) td:first-child {
  color: #185A9D;
}
.process-week .wp-block-table tbody tr:last-child td:first-child {
  color: #FF4C4C;
}
.process-week .wp-block-table.holiday-mon tbody tr:first-child td:first-child {
  color: #FF4C4C;
}
.process-week .wp-block-table.holiday-tue tbody tr:nth-child(2) td:first-child {
  color: #FF4C4C;
}
.process-week .wp-block-table.holiday-wed tbody tr:nth-child(3) td:first-child {
  color: #FF4C4C;
}
.process-week .wp-block-table.holiday-thu tbody tr:nth-child(4) td:first-child {
  color: #FF4C4C;
}
.process-week .wp-block-table.holiday-fri tbody tr:nth-child(5) td:first-child {
  color: #FF4C4C;
}
.process-week .wp-block-table.holiday-sat tbody tr:nth-child(6) td:first-child {
  color: #FF4C4C;
}

/* ---月間工程--- */
.process-monthly {
  --_month-button-gap-pc: 0.75rem;
  --_month-button-gap-sp: 1rem;
}
.process-monthly .wp-block-snow-monkey-blocks-tabs {
  width: 80%;
}
@media (max-width: 768px) {
  .process-monthly .wp-block-snow-monkey-blocks-tabs {
    width: clamp(240px, 95%, 380px);
  }
}
.process-monthly .smb-tabs__tab {
  border: unset;
}
.process-monthly .smb-tabs__tab:hover, .process-monthly .smb-tabs__tab[aria-selected=true] {
  background-image: radial-gradient(#bce0dd 0%, #bce0dd 40%, transparent 40.5%, transparent 100%);
  background-size: 75%;
  background-repeat: no-repeat;
  background-position: 50%;
  color: #0F5779;
  font-size: 1rem;
}
.process-monthly .wp-block-snow-monkey-blocks-tab-panel {
  padding: 1rem;
  border: unset;
}
.process-monthly .wp-block-snow-monkey-blocks-tab-panel .monthly-links {
  gap: 0.75rem;
}
@media (max-width: 768px) {
  .process-monthly .wp-block-snow-monkey-blocks-tab-panel .monthly-links {
    justify-content: space-between;
    gap: unset;
    row-gap: var(--_month-button-gap-sp);
  }
}
.process-monthly .wp-block-snow-monkey-blocks-tab-panel .monthly-links .wp-block-button.button-gallery-toggle.button-current .wp-block-button__link {
  background-color: #0F5779;
  color: white;
}
@media (max-width: 768px) {
  .process-monthly .wp-block-snow-monkey-blocks-tab-panel .monthly-links .wp-block-button__link {
    min-width: 5.1em;
    padding: 0.5rem 1rem;
    font-size: clamp(10px, 3.8vw, 14px);
  }
}

/* ---/月間工程--- */
/* ---全体工程--- */
.process-all .process-all-content {
  width: 80%;
}
@media (max-width: 768px) {
  .process-all .process-all-content {
    width: 95%;
  }
}

/* ---/全体工程--- */