/* PC・SP共通 */
:root {
  --color-primary: #d4e974;
  --color-secondary: #227118;
  --color-text-base: #333;
  --color-text-muted: #666;
  --color-border: #ddd;
}
html {
  scroll-behavior: smooth;
  scroll-padding-top: 60px;
}
a.underline {
  border-bottom: none;
}
.article_contents h2 {
  font-size: initial;
  margin-left: initial;
  margin-top: initial;
}
.article_contents > div {
  line-height: normal;
}
/* helper */
.hp_bordered {
  border: solid 1px var(--color-border);
}
/* Block */
.bl_pageTtl {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  row-gap: 5px;
  margin-bottom: 20px;
}
.bl_pageTtl_main {
  background-image: linear-gradient(135deg, var(--color-primary) 0%, #ddffe3 100%);
  color: var(--color-secondary);
  font-weight: bold;
  padding: 0.25em 15px;
  width: 100%;
}
.bl_pageTtl_sub {
  color: var(--color-secondary);
  font-weight: bold;
  padding-left: 15px;
}
.bl_secTtl {
  color: var(--color-secondary);
  line-height: 1;
  border-block: solid 5px var(--color-secondary);
  padding: 0.5em;
  margin-bottom: 1em;
  margin-top: 2em;
}
.bl_paragraphs > p {
  line-height: 1.8;
  margin-bottom: 1em;
}
.bl_artwork {
  margin-bottom: 1em;
}
.bl_artwork + hr {
  border: none;
  border-top: dashed 1px var(--color-secondary);
  margin-block: 40px;
}
.bl_artwork_img {
  margin-bottom: 1em;
}
.bl_artwork_img > img {
  border: solid 1px #ddd;
  padding: 1px;
}
.bl_artwork_ttl {
  background-color: var(--color-primary);
  padding: 0.5em;
  text-align: center;
  margin-bottom: 0.5em;
}
.bl_artwork_desc {
  line-height: 1.8;
}
.el_note {
  color: #555;
  font-size: 0.875rem;
  padding-top: 5px;
}
.el_note.align_right {
  text-align: right !important;
}
/* 北大紹介 */
.un_hokudai {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  align-items: center;
  width: 100%;
}
/* 前回会場 */
.el_lasttime_photo > img {
  max-height: 400px;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}
/* サークル紹介 */
.un_circleIntro_wrapper {
  background-color: var(--color-primary);
  padding: 1em;
  margin-bottom: 80px;
  margin-top: 2em;
}
.un_circleIntro_ttl {
  margin-bottom: 1em;
}
.un_circleIntro_desc {
  display: flex;
}
.un_circleIntro_logo {
  display: block;
  width: 100px;
  aspect-ratio: 1/1;
  flex-shrink: 0;
}
/* フッター */
.bl_creditUnit {
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 5px;
}
.el_credit {
  color: var(--color-text-muted);
  font-size: 0.875rem;
}
/* SPのみ */
body:has(#sp_nav) .bl_pageTtl_main {
  font-size: 1.5rem !important;
}
body:has(#sp_nav) .bl_pageTtl_sub {
  font-size: 1.25rem;
}
body:has(#sp_nav) .bl_secTtl {
  font-size: 1.25rem;
}
body:has(#sp_nav) .un_circleIntro_ttl {
  font-size: 1.125rem;
}
body:has(#sp_nav) .un_circleIntro_desc {
  -moz-column-gap: 15px;
  column-gap: 15px;
}
body:has(#sp_nav) .un_circleIntro_logo {
  width: 90px;
}
/* PCのみ */
body:not(:has(#sp_nav)) .bl_pageTtl_main {
  font-size: 1.875rem !important;
}
body:not(:has(#sp_nav)) .bl_pageTtl_sub {
  font-size: 1.5rem;
}
body:not(:has(#sp_nav)) .bl_secTtl {
  font-size: 1.375rem;
}
body:not(:has(#sp_nav)) .un_circleIntro_ttl {
  font-size: 1.25rem;
}
body:not(:has(#sp_nav)) .un_circleIntro_desc {
  -moz-column-gap: 20px;
  column-gap: 20px;
  align-items: center;
}
body:not(:has(#sp_nav)) .un_circleIntro_logo {
  width: 100px;
}
body:not(:has(#sp_nav)) .el_note {
  text-align: center;
}