.c-notice {
  background: #FFF2F2;
  color: #B20000;
  overflow: hidden;
}

.c-notice__list {
  margin-left: 20px;
  margin-right: 20px;
  position: relative;
}


@media screen and (min-width: 940px) {
  .c-notice__list {
    width: 100%;
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
  }
}

.c-notice__list::before,
.c-notice__list::after {
  content: "";
  width: 100vw;
  height: 1px;
  background: rgba(178, 0, 0, 0.2);
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}

.c-notice__list::before {
  top: 0px;
}

.c-notice__list::after {
  display: none;
}

.c-notice__list:last-child::after {
  display: block;
  bottom: 0px;
}

.c-notice__header,
.c-notice__link {
  width: 100%;
  padding: 12px 40px 12px 30px;
  position: relative;
  border: none;
  background: inherit;
  text-align: left;
  background: none;
  display: block;
  cursor: pointer;
}

.c-notice__header input,
.c-notice__link input {
  display: none;
}

.c-notice__header span,
.c-notice__link span {
  font-size: 1.4rem;
  line-height: 1.5;
  font-weight: 500;
  display: inline;
  color: #B20000;
}

.c-notice__header::before,
.c-notice__link::before {
  content: "";
  width: 16px;
  height: 100%;
  display: block;
  background: url("/assets_2025/img/icon/info3.svg") center center/contain no-repeat;
  position: absolute;
  top: 0px;
  left: 0px;
}

.c-notice__header::after,
.c-notice__link::after {
  content: "";
  width: 24px;
  height: 100%;
  position: absolute;
  top: 0px;
  right: 0px;
}

.c-notice__header[target=_blank]::after,
.c-notice__link[target=_blank]::after {
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M18.6667 19H9.33333C8.97971 19 8.64057 18.8525 8.39052 18.5899C8.14048 18.3274 8 17.9713 8 17.6V16.2H9.33333V17.6H18.6667V10.6H17.3333V9.2H18.6667C19.0203 9.2 19.3594 9.3475 19.6095 9.61005C19.8595 9.8726 20 10.2287 20 10.6V17.6C20 17.9713 19.8595 18.3274 19.6095 18.5899C19.3594 18.8525 19.0203 19 18.6667 19Z" fill="%23B20000"/><path d="M14.6667 14.8H5.33333C4.97971 14.8 4.64057 14.6525 4.39052 14.39C4.14048 14.1274 4 13.7714 4 13.4V6.40005C4 6.02874 4.14048 5.67265 4.39052 5.4101C4.64057 5.14755 4.97971 5.00005 5.33333 5.00005H14.6667C15.0203 5.00005 15.3594 5.14755 15.6095 5.4101C15.8595 5.67265 16 6.02874 16 6.40005V13.4C16 13.7714 15.8595 14.1274 15.6095 14.39C15.3594 14.6525 15.0203 14.8 14.6667 14.8ZM5.33333 6.40005V13.4H14.6667V6.40005H5.33333Z" fill="%23B20000"/></svg>') center center/contain no-repeat;
}

.c-notice__header::after {
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="%23B20000" d="M12 3.99854C12.2652 3.99854 12.5196 4.10389 12.7071 4.29143C12.8946 4.47896 13 4.73332 13 4.99854V10.9985H19C19.2652 10.9985 19.5196 11.1039 19.7071 11.2914C19.8946 11.479 20 11.7333 20 11.9985C20 12.2638 19.8946 12.5181 19.7071 12.7056C19.5196 12.8932 19.2652 12.9985 19 12.9985H13V18.9985C13 19.2638 12.8946 19.5181 12.7071 19.7056C12.5196 19.8932 12.2652 19.9985 12 19.9985C11.7348 19.9985 11.4804 19.8932 11.2929 19.7056C11.1054 19.5181 11 19.2638 11 18.9985V12.9985H5C4.73478 12.9985 4.48043 12.8932 4.29289 12.7056C4.10536 12.5181 4 12.2638 4 11.9985C4 11.7333 4.10536 11.479 4.29289 11.2914C4.48043 11.1039 4.73478 10.9985 5 10.9985H11V4.99854C11 4.73332 11.1054 4.47896 11.2929 4.29143C11.4804 4.10389 11.7348 3.99854 12 3.99854Z" /></svg>') center center/contain no-repeat;
  transition: background-image 0.4s ease;
}

.c-notice__link::after {
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="%23B20000" d="M14.8585 11.5318L9.51833 6.19171C9.39482 6.0681 9.22994 6 9.05414 6C8.87833 6 8.71346 6.0681 8.58995 6.19171L8.19668 6.58487C7.94078 6.84107 7.94078 7.25745 8.19668 7.51326L12.6809 11.9975L8.19171 16.4867C8.06819 16.6104 8 16.7751 8 16.9508C8 17.1267 8.06819 17.2915 8.19171 17.4152L8.58497 17.8083C8.70858 17.9319 8.87336 18 9.04916 18C9.22497 18 9.38984 17.9319 9.51335 17.8083L14.8585 12.4634C14.9823 12.3394 15.0503 12.1738 15.0499 11.9978C15.0503 11.8211 14.9823 11.6557 14.8585 11.5318Z" /></svg>') center center/contain no-repeat;
}

.c-notice__body {
  padding: 0px 40px 0px 30px;
  display: grid;
  grid-template-rows: 0fr;
  transition: 250ms grid-template-rows ease, 250ms padding ease;
  font-size: 1.2rem;
  line-height: 1.5;
}

@media screen and (min-width: 769px) {
  .c-notice__body {
    font-size: 1.3rem;
    line-height: 1.4615384615;
  }
}

.c-notice__body a {
  color: #B20000;
  background-image: linear-gradient(90deg, #B20000, #B20000) !important;
  background-position: left bottom;
  background-size: 100% 1px;
  background-image: linear-gradient(90deg, var(--color-blue), var(--color-blue));
  background-repeat: no-repeat;
  transition: background-size ease 0.3s;
}

.c-notice__label {
  font-size: 1.6rem;
  color: var(--color-dark);
  font-weight: 600;
}

@media screen and (min-width: 769px) {
  .c-notice__label {
    font-size: 1.7rem;
  }
}

.c-notice__inner {
  overflow: hidden;
}

.c-notice__inner>* {
  margin-top: 16px;
}

.c-notice__inner>*:first-child {
  margin-top: 0px;
}

.c-notice__header:has(input:checked)+.c-notice__body {
  padding-bottom: 20px;
  grid-template-rows: 1fr;
}

.c-notice__header:has(input:checked)::after {
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="%23B20000" d="M19 10.998H13H11H5C4.73478 10.998 4.48043 11.1034 4.29289 11.2909C4.10536 11.4785 4 11.7328 4 11.998C4 12.2633 4.10536 12.5176 4.29289 12.7051C4.48043 12.8927 4.73478 12.998 5 12.998H11H13H19C19.2652 12.998 19.5196 12.8927 19.7071 12.7051C19.8946 12.5176 20 12.2633 20 11.998C20 11.7328 19.8946 11.4785 19.7071 11.2909C19.5196 11.1034 19.2652 10.998 19 10.998Z" /></svg>') center center/contain no-repeat;
}

body.--black .c-notice__header:has(input:checked)::after {
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="%23ffffff" d="M19 10.998H13H11H5C4.73478 10.998 4.48043 11.1034 4.29289 11.2909C4.10536 11.4785 4 11.7328 4 11.998C4 12.2633 4.10536 12.5176 4.29289 12.7051C4.48043 12.8927 4.73478 12.998 5 12.998H11H13H19C19.2652 12.998 19.5196 12.8927 19.7071 12.7051C19.8946 12.5176 20 12.2633 20 11.998C20 11.7328 19.8946 11.4785 19.7071 11.2909C19.5196 11.1034 19.2652 10.998 19 10.998Z" /></svg>') center center/contain no-repeat;
}

.c-notice__link.--noLine::before,
.c-notice__link.--noLine::after {
  display: none;
}

.c-notice__link.--noLine {
  padding: 12px 0px 12px 0px;
  cursor: pointer;
}