/* User detail review: petrol, parchment and muted brass. */
.wcr-home { --petrol: #203e40; --brass: #cba66f; --cream: #f3eedf; }
.wcr-home .header .header_inner .nav-fc {
  background: linear-gradient(145deg,#355456,#1c3335) !important;
  border: 1px solid #afc1b052;
  border-radius: 14px;
  box-shadow: inset 0 1px 0 #ffffff20, 0 3px 0 #0b1e1f80, 0 6px 16px #0002;
}
.wcr-home .header .drawer__btn { border-radius: inherit; background: transparent; }
.wcr-home .header .drawer__btn span { background: #e1c498 !important; height: 1.5px; width: 22px !important; left: 12px !important; }
.wcr-home .header .drawer__btn span:nth-child(2) { width: 16px !important; }
.wcr-home .header .nav-fc:hover { border-color: #d9bd84; }
.wcr-home .header .drawer__btn:active { transform: translateY(2px); }
.wcr-home.drawer-visible .header .drawer__btn span { background: #e1c498 !important; }
.wcr-home .btn--play_video a {
  position: relative;
  gap: 26px;
  min-height: 56px;
  padding: 12px 15px 12px 24px;
  border: 1px solid #d8bc8a;
  border-radius: 12px;
  background: linear-gradient(160deg,#f8f2e4 0%,#e2cfad 100%);
  color: #233b3c;
  box-shadow: inset 0 1px 0 #fff, inset 0 -1px 0 #b4936044, 0 4px 0 #93784e, 0 10px 22px #0b161d42;
  font-size: 14px;
  transition: transform 180ms ease, box-shadow 180ms ease, background 180ms ease;
}
.wcr-home .btn--play_video a > span { display: grid; place-items: center; width: 30px; height: 30px; border-radius: 50%; background: #213e4010; border: 1px solid #213e4020; }
.wcr-home .btn--play_video a svg { width: 15px; height: 15px; }
.wcr-home .btn--play_video a:hover { background: linear-gradient(160deg,#fff8ec,#ead7b5); color: #203638; transform: translateY(-2px); box-shadow: inset 0 1px 0 #fff, 0 6px 0 #93784e, 0 14px 24px #0b161d42; }
.wcr-home .btn--play_video a:active { transform: translateY(3px); box-shadow: inset 0 1px 0 #fff, 0 1px 0 #93784e, 0 3px 8px #0b161d38; }
.wcr-home .svg-wash { fill: #dce7e7; stroke: none; }
.wcr-home .svg-accent { fill: #b28a55; stroke: none; }
.wcr-home .topic-svg { display: block; width: 56px; height: 56px; flex: 0 0 56px; color: #37565c; }
.wcr-home .content--body .section--info .topic-row .date { display: flex; gap: 16px; align-items: center; color: #56625e; }
.wcr-home .topic-label { line-height: 1.6; }
.wcr-home .content--body .section--info .list--info .topic-row a { align-items: center; }
.wcr-home .content--body .section--info .topic-row a:hover .svg-wash { fill: #ccdeda; }
.wcr-home .content--body .list--schedule { gap: 28px; }
.wcr-home .content--body .list--schedule li {
  position: relative;
  padding: 28px;
  border: 1px solid #cbd5cf;
  border-radius: 20px;
  background: linear-gradient(150deg,#f5f7f2,#e3ebe4);
  box-shadow: 0 8px 24px #172b2710, inset 0 1px 0 #fff;
}
.wcr-home .content--body .list--schedule li a { display: block; }
.wcr-home .followup-svg { display: block; width: 86px; height: 86px; margin-bottom: 26px; color: #37565c; }
.wcr-home .content--body .list--schedule li .date { position: absolute; top: 34px; right: 28px; margin: 0; font-size: 14px; color: #87633a; }
.wcr-home .content--body .list--schedule .category { font-size: 22px; letter-spacing: -.01em; }
.wcr-home .content--body .list--schedule li .tit { font-size: 15px; }
.wcr-home footer {
  background: #1c3538;
  background-image: radial-gradient(ellipse at 0 0,#39585b80,transparent 65%);
  color: #f1efe7;
  border-top: 1px solid #bda57780;
}
.wcr-home footer .inner { padding-block: 64px 28px; }
.wcr-home .footer-grid { display: grid; grid-template-columns: 1.1fr 1fr; gap: 100px; padding-bottom: 48px; }
.wcr-home .footer-heading { display: flex; align-items: center; gap: 16px; margin: 0; font-size: 21px; color: #f4f0e5; }
.wcr-home .footer-heading img { width: 68px; height: auto; }
.wcr-home .footer-tagline { margin-top: 28px; max-width: 400px; font-size: 27px; line-height: 1.35; letter-spacing: -.025em; color: #f5f0e4; }
.wcr-home .footer-notice { margin-top: 18px; max-width: 400px; font-size: 13px; line-height: 1.8; color: #b9c9c6; }
.wcr-home .footer-label { margin: 6px 0 20px; font-size: 12px; color: #d7b983; letter-spacing: .08em; }
.wcr-home .footer-directory ul { display: grid; grid-template-columns: 1fr 1fr; gap: 5px 32px; }
.wcr-home .footer-directory a { display: flex; align-items: center; min-height: 44px; padding: 8px 0; font-size: 14px; line-height: 1.5; color: #e3e9e4; border-bottom: 1px solid #e1e7df18; }
.wcr-home .footer-directory a:hover { color: #ebca91; }
.wcr-home .footer-base { border-top: 1px solid #c4d4cd30; padding-top: 28px; }
.wcr-home .footer-disclosure { color: #b9c9c6; margin: 0; max-width: 860px; font-size: 13px; line-height: 1.8; }
.wcr-home .footer-meta { display: flex; flex-wrap: wrap; gap: 16px 30px; align-items: center; margin-top: 28px; }
.wcr-home .footer-links { gap: 24px; font-size: 13px; margin: 0; }
.wcr-home .footer-links a { color: #f0e5cc; }
.wcr-home footer .language { color: #f1eee4; margin: 0; }
.wcr-home footer .language a { color: inherit; min-height: 44px; min-width: 36px; }
.wcr-home footer .copyright { margin: 0 0 0 auto; color: #b9c9c6; letter-spacing: 0; }
.wcr-home footer .inner small { color: #b9c9c6; font-size: 12px; }
.wcr-home footer .block--page-top { margin: 0; padding: 0; background: transparent; opacity: 1; transform: none; }
.wcr-home footer .block--page-top a { padding: 0 16px; border: 1px solid #b9c9c63b; border-radius: 10px; font-size: 12px; color: #ebd1a2; }
.wcr-home .section--profile .list__more a { color: #efe5cc !important; }
.wcr-home .section--profile .list__more a::after { background: #e0c79e; }
.wcr-home .section--profile .list__more a span::before,
.wcr-home .section--profile .list__more a span::after { background: #e0c79e; }
@media (max-width:960px) {
  .wcr-home .content--body .list--schedule { grid-template-columns: 1fr; }
  .wcr-home .content--body .list--schedule li { padding: 24px; border: 1px solid #cbd5cf; }
  .wcr-home .content--body .list--schedule li:last-child { padding: 24px; border: 1px solid #cbd5cf; }
  .wcr-home .footer-grid { gap: 48px; }
  .wcr-home .footer-meta { gap: 14px 24px; }
  .wcr-home footer .copyright { margin-left: 0; }
}
@media (max-width:600px) {
  .wcr-home .header .drawer__btn span { left: 10px !important; }
  .wcr-home .topic-svg { width: 44px; height: 44px; flex-basis: 44px; }
  .wcr-home .content--body .section--info .topic-row .date { gap: 12px; margin-top: 0; margin-bottom: 8px; }
  .wcr-home .content--body .section--info .list--info .topic-row a { gap: 4px; }
  .wcr-home .followup-svg { width: 72px; height: 72px; margin-bottom: 22px; }
  .wcr-home footer .inner { padding-block: 44px 24px; }
  .wcr-home .footer-grid { grid-template-columns: 1fr; gap: 36px; padding-bottom: 36px; }
  .wcr-home .footer-tagline { font-size: 25px; }
  .wcr-home .footer-heading { font-size: 18px; }
  .wcr-home .footer-heading img { width: 54px; }
  .wcr-home .footer-meta { display: grid; grid-template-columns: 1fr auto; gap: 20px 12px; }
  .wcr-home .footer-links { grid-column: 1 / -1; flex-wrap: wrap; }
  .wcr-home footer .copyright { grid-column: 1 / -1; grid-row: 3; }
  .wcr-home footer .block--page-top { grid-column: 2; grid-row: 2; }
}
@media (prefers-reduced-motion:reduce) {
  .wcr-home .btn--play_video a { transition: none; }
}
.wcr-home .content--body .list--schedule li a::before { content: none; }
.wcr-home .content--body .list--schedule li:hover { border-color: #b49b76; box-shadow: 0 10px 28px #172b2718, inset 0 1px 0 #fff; }