h2 {
  margin-top: 0;
  margin-bottom: 40px;
  color: #002c45;
  font-size: 2rem;
}
h2 span {
  padding: 0 0 10px;
  background: linear-gradient(transparent calc(100% - 8px), #dae000 calc(100% - 8px));
}

h3 {
  margin: 50px auto 30px;
  font-size: 1.5rem;
  text-align: center;
}

h4 {
  font-size: 1.25rem;
}

img {
  width: auto;
  max-width: 100%;
}

ul {
  margin-bottom: 0;
  padding-left: 24px;
}
ul li {
  margin: 8px 0;
}

.is-color-orange {
  color: #e64801;
}

.l-bg-light-yellow {
  background-color: #faf8f0;
}

.l-s-block {
  max-width: 760px;
}

.page-lp {
  font-size: 1rem;
}
.page-lp .l-container {
  padding-top: 80px;
  padding-bottom: 80px;
}

.ribbon-heading {
  border-top: 3px solid #ccc;
  border-bottom: 3px solid #ccc;
  padding: 6px;
  background-color: #fff;
}

.award-block {
  display: flex;
  justify-content: center;
  gap: 18px;
  margin: 30px auto 60px;
  color: #ab831e;
  font-weight: bold;
  line-height: 1.4;
  font-size: 0.875rem;
}
.award-block .img-block {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  height: 100px;
}
.award-block.club > * {
  width: 83px;
}
.award-block.club > *:first-child {
  width: 115px;
}
.award-block.club .img-block {
  height: 110px;
}
.award-block.individual > * {
  width: 85px;
}
.award-block.individual > *:nth-child(2) {
  width: 112px;
}
.award-block.individual .img-block {
  text-align: center;
}
.award-block.individual .img-block img {
  width: 85px;
}

.dl-block {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0 36px;
  margin-top: 40px;
}
.dl-block img {
  max-height: 54px;
}

.horizontal-scroll-area {
  width: calc(100% + 40px);
  margin: 40px -20px 0 -20px !important;
  overflow: auto;
}
.horizontal-scroll-area .flex-block {
  display: flex;
  gap: 0 16px;
  max-width: 100%;
  padding: 0 20px;
  overflow-x: auto;
}
.horizontal-scroll-area .flex-block div {
  flex: 0 0 auto;
  width: 160px;
  font-size: 0.875rem;
  line-height: 1.4;
  text-align: left;
}
.horizontal-scroll-area .flex-block picture {
  display: block;
  margin: 0 auto;
  text-align: center;
}
.horizontal-scroll-area .flex-block picture img {
  width: 100%;
}

.image {
  display: block;
  margin-top: 40px;
}

.arrow-link-block {
  margin-top: 40px;
  text-align: center;
}
.arrow-link-block .arrow-link {
  display: inline-block;
  margin: 0 auto;
  font-size: 1.125rem;
  font-weight: bold;
  color: #000;
  text-decoration: none;
}
.arrow-link-block .arrow-link::before {
  display: inline-block;
  margin-right: 8px;
  border-style: solid;
  border-width: 6px 0 6px 12px;
  border-color: transparent transparent transparent #000;
  content: "";
}

.image-btn:hover {
  opacity: 0.8;
}

.venue-list {
  padding: 20px;
}
.venue-list dl dt {
  font-weight: bold;
}
.venue-list dl dd {
  margin-left: 16px;
}

@media (min-width: 768px) {
  h2 {
    padding-top: 0;
    font-size: 2.5rem;
  }
  .page-lp {
    font-size: 1.125rem;
  }
  .award-block {
    gap: 0 54px;
  }
  .award-block .img-block {
    height: 168px;
  }
  .award-block.club {
    font-size: 1.25rem;
  }
  .award-block.club > * {
    width: 120px;
  }
  .award-block.club > *:first-child {
    width: 161px;
  }
  .award-block.club .img-block {
    height: 168px;
  }
  .award-block.individual {
    font-size: 1rem;
  }
  .award-block.individual > * {
    width: 144px;
  }
  .award-block.individual > *:nth-child(2) {
    width: 180px;
  }
  .award-block.individual .img-block {
    height: 150px;
  }
  .award-block.individual .img-block img {
    width: 120px;
  }
  .horizontal-scroll-area {
    margin: 40px auto !important;
  }
  .horizontal-scroll-area .flex-block {
    gap: 0 40px;
    padding: 0;
  }
  .horizontal-scroll-area .flex-block div {
    width: 180px;
  }
  .arrow-link-block {
    margin-top: 54px;
  }
  .arrow-link-block .arrow-link {
    font-size: 1.25rem;
  }
  .arrow-link-block .arrow-link::before {
    vertical-align: 2px;
  }
}
.section-head .logo {
  display: block;
  width: 155px;
}

.section-foot {
  background-image: url(/images/collect/2025-26/bi-league/bg-bottom-sp.svg);
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: auto;
}
.section-foot .l-container {
  padding-bottom: 155px;
}
.section-foot .flex-block {
  width: 274px;
}
.section-foot .flex-block .right-block {
  margin-top: 40px;
}
.section-foot .flex-block .right-block a {
  display: block;
  margin-top: 24px;
}
.section-foot .flex-block .right-block a:first-of-type {
  margin-top: 0;
}

@media (min-width: 768px) {
  .section-head .logo {
    width: 218px;
  }
  .section-foot {
    background-image: url(/images/collect/2025-26/bi-league/bg-bottom-pc.svg);
  }
  .section-foot .l-container {
    padding-bottom: 115px;
  }
  .section-foot .flex-block {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0 50px;
    width: 100%;
  }
  .section-foot .flex-block .left-block {
    width: 334px;
  }
  .section-foot .flex-block .right-block {
    margin-top: 0;
  }
  .section-foot .flex-block .right-block a {
    margin-top: 20px;
  }
}
/*
* /bi-league.html
*/
.page-bi-league .section-head {
  min-height: 787px;
  background-image: url(/images/collect/2025-26/bi-league/top-kv-bg-photo-sp.png), url(/images/collect/2025-26/bi-league/top-kv-bg-sp.svg);
  background-repeat: no-repeat;
  background-position: center top, center top;
  background-size: auto 100%, 768px auto;
  text-align: center;
}
.page-bi-league .section-head .l-container {
  padding-top: 53px;
  padding-bottom: 0;
}
.page-bi-league .section-head picture {
  display: block;
  max-width: 100%;
}
.page-bi-league .section-head picture img {
  width: auto;
  max-width: 100%;
}
.page-bi-league .section-head h1 {
  margin-top: 100px;
}
.page-bi-league .section-head h1 .lead {
  margin-top: 16px;
}
.page-bi-league .section-head .bottom-img {
  margin-top: 148px;
}
.page-bi-league .section-about h4 {
  margin-top: 0;
  margin-bottom: 8px;
}
.page-bi-league .section-about h4 + p {
  margin-top: 8px;
}
.page-bi-league .section-overview .picture {
  display: block;
  margin-top: 30px;
  margin-bottom: 30px;
}
.page-bi-league .section-overview .ribbon-heading {
  position: relative;
  margin-top: 50px;
  font-size: 1.375rem;
}
.page-bi-league .section-overview .ribbon-heading:first-of-type {
  margin-top: 0;
}
.page-bi-league .section-overview .ribbon-heading .icon {
  position: absolute;
  top: -16px;
  left: 0;
  width: 84px;
}
.page-bi-league .section-award {
  background-image: url(/images/collect/2025-26/bi-league/bg-bottom-sp.svg);
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: auto;
}

@media (min-width: 768px) {
  .page-bi-league .section-head {
    min-height: 708px;
    background-image: url(/images/collect/2025-26/bi-league/top-kv-bg-photo-pc.png), url(/images/collect/2025-26/bi-league/top-kv-bg-pc.svg);
    background-position: center, center top;
    background-size: auto auto, 1920px auto;
    aspect-ratio: auto;
  }
  .page-bi-league .section-head .l-container {
    padding-top: 40px;
    padding-bottom: 0;
  }
  .page-bi-league .section-head h1 {
    margin-top: 43px;
    margin-bottom: 13px;
  }
  .page-bi-league .section-head h1 .lead {
    display: block;
    margin-top: 27px;
  }
  .page-bi-league .section-head .bottom-img {
    margin-top: 0;
  }
  .page-bi-league .section-overview h4 {
    font-size: 1.5rem;
  }
  .page-bi-league .section-overview .ribbon-heading {
    margin-top: 68px !important;
    font-size: 2rem;
  }
  .page-bi-league .section-overview .ribbon-heading .icon {
    top: -24px;
    width: 123px;
  }
  .page-bi-league .section-award {
    background-image: url(/images/collect/2025-26/bi-league/bg-bottom-pc.svg);
  }
}
/*
* /2025-26/bi-league-basic.html
*/
.page-bi-league-basic .is-deco {
  position: relative;
  padding-bottom: 16px;
}
.page-bi-league-basic .is-deco::after {
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 98px;
  height: 8px;
  background: linear-gradient(45deg, #ed4986 0%, #e8844e 30%, #e2bf17 60%, #e0d800 100%);
  transform: translate(-50%, 0);
  content: "";
}
.page-bi-league-basic .section-head {
  min-height: 787px;
  background-image: url(/images/collect/2025-26/bi-league-basic/kv-bg-photo-sp.png), url(/images/collect/2025-26/bi-league-basic/kv-bg-sp.svg);
  background-repeat: no-repeat;
  background-position: center top, center top;
  background-size: auto 100%, 768px auto;
  text-align: center;
}
.page-bi-league-basic .section-head .l-container {
  padding: 0;
  padding-top: 53px;
  padding-bottom: 50px;
}
.page-bi-league-basic .section-head picture {
  display: block;
  max-width: 100%;
}
.page-bi-league-basic .section-head picture img {
  width: auto;
  max-width: 100%;
}
.page-bi-league-basic .section-head h1 {
  margin-top: 29px;
}
.page-bi-league-basic .section-head h1 picture {
  margin-top: 16px;
}
.page-bi-league-basic .section-head h1 picture:first-of-type {
  margin-top: 0;
}
.page-bi-league-basic .section-head .bottom-img {
  margin-top: 140px;
}
.page-bi-league-basic .section-about .flex-block .block {
  margin-top: 90px;
  margin-bottom: 50px;
}
.page-bi-league-basic .section-about .flex-block .block:first-of-type {
  margin-top: 0;
}
.page-bi-league-basic .section-about .flex-block .block h4 {
  padding-left: 8px;
  border-left: 8px solid #e64801;
  font-size: 1.25rem;
  line-height: 1.2;
}
.page-bi-league-basic .section-about .flex-block .block h4 span {
  display: inline-block;
  padding-right: 8px;
  font-size: 1.75rem;
}
.page-bi-league-basic .section-about .flex-block .block .img {
  position: relative;
  margin-top: 32px;
}
.page-bi-league-basic .section-about .flex-block .block .img .point-img {
  position: absolute;
  bottom: -50px;
  right: 8px;
}

@media (min-width: 768px) {
  .page-bi-league-basic .section-head {
    min-height: 708px;
    background-image: url(/images/collect/2025-26/bi-league-basic/kv-bg-photo-pc.png), url(/images/collect/2025-26/bi-league-basic/kv-bg-pc.svg);
    background-repeat: no-repeat;
    background-position: center top, center top;
    background-size: auto 100%, 1920px auto;
    text-align: center;
  }
  .page-bi-league-basic .section-head .l-container {
    padding: 0;
    padding-top: 50px;
  }
  .page-bi-league-basic .section-head h1 {
    margin-top: -38px;
    margin-bottom: 0;
  }
  .page-bi-league-basic .section-about .flex-block {
    display: flex;
    gap: 0 40px;
  }
  .page-bi-league-basic .section-about .flex-block .block {
    flex: 1;
    display: flex;
    flex-direction: column;
    margin-top: 0;
  }
  .page-bi-league-basic .section-about .flex-block .block h4 {
    align-self: flex-start;
    height: 34px;
  }
  .page-bi-league-basic .section-about .flex-block .block p {
    align-self: flex-start;
    height: 100%;
    margin-top: 0;
  }
  .page-bi-league-basic .section-about .flex-block .block img {
    align-self: flex-end;
  }
}
/*
* /2025-26/bi-league-youth.html
*/
.page-bi-league-youth .is-deco {
  position: relative;
  padding-bottom: 16px;
}
.page-bi-league-youth .is-deco::after {
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 98px;
  height: 8px;
  background: linear-gradient(45deg, #1ea1de 0%, #1ea1de 19%, #87c447 67%, #8cc63f 100%);
  transform: translate(-50%, 0);
  content: "";
}
.page-bi-league-youth .section-head {
  min-height: 787px;
  background-image: url(/images/collect/2025-26/bi-league-youth/kv-bg-photo-sp.png), url(/images/collect/2025-26/bi-league-youth/kv-bg-sp.svg);
  background-repeat: no-repeat;
  background-position: center top, center top;
  background-size: auto 100%, 768px auto;
  text-align: center;
}
.page-bi-league-youth .section-head .l-container {
  position: relative;
  padding-top: 53px;
  overflow: hidden;
}
.page-bi-league-youth .section-head h1 {
  margin-top: 95px;
  margin-bottom: 22px;
}
.page-bi-league-youth .section-about .is-bg-img {
  background-image: url(/images/collect/2025-26/bi-league-youth/people-sec1-right.svg);
  background-repeat: no-repeat;
  background-position: 100% 0;
  background-size: 67.06px auto;
  margin: 0 -20px 0;
  padding: 40px 20px 0;
}
.page-bi-league-youth .section-about .image {
  text-align: center;
}
.page-bi-league-youth .section-howto {
  background-image: url(/images/collect/2025-26/bi-league-youth/bg-sec2-sp.svg);
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: auto;
}
.page-bi-league-youth .section-howto .l-container {
  padding-bottom: 140px;
}
.page-bi-league-youth .section-event-period {
  background-image: url(/images/collect/2025-26/bi-league-youth/people-sec3-left.svg), url(/images/collect/2025-26/bi-league-youth/people-sec3-right.svg);
  background-repeat: no-repeat;
  background-position: 20px 20px, calc(100% - 20px) bottom;
  background-size: 57.94px auto, 87.56px auto;
}
.page-bi-league-youth .section-event-period .l-container {
  padding-bottom: 100px;
}
.page-bi-league-youth .section-precautions {
  background-image: url(/images/collect/2025-26/bi-league-youth/people-sec4-left.svg), url(/images/collect/2025-26/bi-league-youth/bg-sec4-sp.svg);
  background-repeat: no-repeat;
  background-position: 20px 20px, center bottom;
  background-size: 73.18px auto, auto;
}
.page-bi-league-youth .section-precautions .l-container {
  padding-bottom: 200px;
}

@media (min-width: 768px) {
  .page-bi-league-youth .section-head {
    min-height: 708px;
    background-image: url(/images/collect/2025-26/bi-league-youth/kv-bg-photo-pc.png), url(/images/collect/2025-26/bi-league-youth/kv-bg-pc.svg);
    background-position: center top, center top;
    background-size: auto 100%, 1920px auto;
  }
  .page-bi-league-youth .section-head .l-container {
    position: relative;
    padding-top: 50px;
  }
  .page-bi-league-youth .section-head h1 {
    max-width: 808px;
    margin-top: 0;
  }
  .page-bi-league-youth .section-head h1 img {
    max-width: 100%;
  }
  .page-bi-league-youth .section-about {
    background-image: url(/images/collect/2025-26/bi-league-youth/people-sec1-left.svg), url(/images/collect/2025-26/bi-league-youth/people-sec1-right.svg);
    background-repeat: no-repeat;
    background-position: calc(50% - 500px) 180px, calc(50% + 500px) 550px;
    background-size: 157px auto, 135px auto;
  }
  .page-bi-league-youth .section-about .is-bg-img {
    margin: 0 auto;
    background: none;
  }
  .page-bi-league-youth .section-about .image {
    text-align: center;
  }
  .page-bi-league-youth .section-howto {
    background-image: url(/images/collect/2025-26/bi-league-youth/bg-sec2-pc.svg);
  }
  .page-bi-league-youth .section-howto .l-container {
    padding-bottom: 150px;
  }
  .page-bi-league-youth .section-event-period {
    background-repeat: no-repeat;
    background-position: calc(50% - 600px) 80px, calc(50% + 600px) bottom;
    background-size: 113px auto, 149px auto;
  }
  .page-bi-league-youth .section-event-period .l-container {
    padding-bottom: 100px;
  }
  .page-bi-league-youth .section-precautions {
    background-image: url(/images/collect/2025-26/bi-league-youth/people-sec4-left.svg), url(/images/collect/2025-26/bi-league-youth/people-sec4-right.svg), url(/images/collect/2025-26/bi-league-youth/bg-sec4-pc.svg);
    background-repeat: no-repeat;
    background-position: calc(50% - 550px) 140px, calc(50% + 520px) calc(100% - 200px), center bottom;
    background-size: 120px auto, 110px auto, auto;
  }
}
