@charset "utf-8";

:root {
  --blue :#04959c;
}
.menu {
  background-color: var(--blue);
}
.menu nav a {
  color: #fff;
}
.menu nav li.btn a {
  color: #222;
  background-color: #FCEE21;
}
#contest {
  background-image: url(../img-tohoku/bg.webp);
}
.contest__wrap-group .block .robo {
  background-color: var(--blue);
  color: #fff;
}
.contest-outline thead .robo {
  background-color: var(--blue);
   color: #fff;
}
.contest-outline tbody th {
  background-color: var(--blue);
  color: #fff;
}
.contest__theme h6 b {
  display: inline-block;
  padding: 4px;
  background-color: var(--blue);
  color: #fff;
  font-size: 16px;
  white-space: nowrap;
}
.footer__wrap {
  background-color: #04959c;
}
@media screen and (max-width: 768px) {
  header .menu_head .menu-trigger span {
  background-color: var(--blue);
  }
  header .menu_head .gnav {
   background-color: var(--blue);
  }
}

#sponcer {
  border-top: 1px solid #ccc;
}

.otherContest {
  background-color: #f0fefd;
}
.otherEvent {
  display: none;
}
/* 東北限定の特別企画：支給PDFの配色・レイアウト */
#workshop { background-color: #dbedc2; background-repeat: no-repeat; background-position: center top; background-size: 100% auto; }
.special-programs { margin-top: 5rem; }
.special-program { padding: 0; border: 0; border-radius: 0; background: transparent; }
.special-program + .special-program { margin-top: 5rem; }
.special-program h3 { margin: 0 0 4rem; padding: 1.8rem 2rem; background: #8cc63f; color: #fff; font-size: 2.8rem; font-weight: 700; line-height: 1.4; text-align: center; }
.special-program h4 { margin: 0 0 3rem; font-size: 2.8rem; font-weight: 700; line-height: 1.6; text-align: center; }
.special-program__body { width: 83.333333%; margin-inline: auto; }
.special-program__image { display: block; width: 100%; height: auto; margin-bottom: 3rem; }
.special-program p { font-size: 1.8rem; line-height: 1.9; }
.special-program__art-layout { display: grid; grid-template-columns: 28% minmax(0, 1fr); gap: 3rem; align-items: start; margin-top: 5rem; }
.special-program__art-logo { display: flex; align-items: center; justify-content: center; min-height: 41rem; margin: 0; padding: 1.5rem; background: #fff; }
.special-program__art-logo img { display: block; width: 100%; height: auto; }
.special-program__workshop + .special-program__workshop { margin-top: 3.5rem; }
.special-program__label { margin-bottom: 1rem; color: #111; font-weight: 700; }
.special-program h5 { margin-bottom: 1rem; font-size: 1.8rem; font-weight: 700; line-height: 1.7; }
.special-program__credit { margin-bottom: 1rem; font-weight: 700; }
.cooperation { margin: 4rem auto; text-align: center; }
.cooperation h3 { margin-bottom: 3rem; font-size: 2.8rem; font-weight: 700; }
.cooperation__items { display: flex; justify-content: center; align-items: flex-start; flex-wrap: wrap; gap: 4rem; }
.cooperation__item { display: flex; flex-direction: column; align-items: center; width: min(100%, 36rem); color: inherit; }
.cooperation__item img { width: 100%; max-width: 26rem; height: 14rem; object-fit: contain; margin-bottom: 1.5rem; }
.cooperation__item p { margin: 0; line-height: 1.7; }
a.cooperation__item:hover { opacity: .75; }
#time-schedule { padding-block: 5rem 0; background: transparent; }
.time-schedule__image { display: block; }
.time-schedule__image img { display: block; width: 100%; height: auto; }
@media screen and (max-width: 743px) {
  .special-programs { margin-top: 3rem; }
  .special-program + .special-program { margin-top: 3.5rem; }
  .special-program h3 { padding: 1.5rem; margin-bottom: 2.5rem; font-size: 1.9rem; }
  .special-program h4 { margin-bottom: 2rem; font-size: 1.8rem; }
  .special-program__body { width: 100%; }
  .special-program p, .special-program h5 { font-size: 1.6rem; }
  .special-program__art-layout { grid-template-columns: 1fr; gap: 2rem; margin-top: 2.5rem; }
  .special-program__art-logo { width: min(100%, 26rem); min-height: 20rem; margin-inline: auto; }
  .cooperation__items { flex-direction: column; align-items: center; gap: 3rem; }
  #time-schedule { padding-block: 3rem 0; }
}