:root {
  --rem-base: 1rem;
  --vw-base: calc(375px / 100);
  --use-vw: 0;
}

@media (max-width: 376px) {
  :root {
    --use-vw: 1;
  }
}
.information-containers {
  padding-top: calc((1 - var(--use-vw)) * calc(30 / 16 * var(--rem-base)) + var(--use-vw) * calc(30 / 375 * 100vw));
  padding-bottom: calc((1 - var(--use-vw)) * calc(60 / 16 * var(--rem-base)) + var(--use-vw) * calc(60 / 375 * 100vw));
  min-height: 70vh;
}

.information {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr calc((1 - var(--use-vw)) * calc(20 / 16 * var(--rem-base)) + var(--use-vw) * calc(20 / 375 * 100vw)) 1fr calc((1 - var(--use-vw)) * calc(20 / 16 * var(--rem-base)) + var(--use-vw) * calc(20 / 375 * 100vw)) 1fr calc((1 - var(--use-vw)) * calc(20 / 16 * var(--rem-base)) + var(--use-vw) * calc(20 / 375 * 100vw)) 1fr calc((1 - var(--use-vw)) * calc(20 / 16 * var(--rem-base)) + var(--use-vw) * calc(20 / 375 * 100vw)) 1fr calc((1 - var(--use-vw)) * calc(20 / 16 * var(--rem-base)) + var(--use-vw) * calc(20 / 375 * 100vw)) 1fr calc((1 - var(--use-vw)) * calc(20 / 16 * var(--rem-base)) + var(--use-vw) * calc(20 / 375 * 100vw)) 1fr calc((1 - var(--use-vw)) * calc(20 / 16 * var(--rem-base)) + var(--use-vw) * calc(20 / 375 * 100vw)) 1fr calc((1 - var(--use-vw)) * calc(20 / 16 * var(--rem-base)) + var(--use-vw) * calc(20 / 375 * 100vw)) 1fr calc((1 - var(--use-vw)) * calc(20 / 16 * var(--rem-base)) + var(--use-vw) * calc(20 / 375 * 100vw)) 1fr calc((1 - var(--use-vw)) * calc(20 / 16 * var(--rem-base)) + var(--use-vw) * calc(20 / 375 * 100vw)) 1fr calc((1 - var(--use-vw)) * calc(20 / 16 * var(--rem-base)) + var(--use-vw) * calc(20 / 375 * 100vw)) 1fr;
  grid-template-columns: repeat(12, 1fr);
  gap: calc((1 - var(--use-vw)) * calc(20 / 16 * var(--rem-base)) + var(--use-vw) * calc(20 / 375 * 100vw));
}
.information__list {
  -ms-grid-column: 3;
  -ms-grid-column-span: 8;
  grid-column: 3/11;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  scroll-margin-top: calc((1 - var(--use-vw)) * calc(220 / 16 * var(--rem-base)) + var(--use-vw) * calc(220 / 375 * 100vw));
}
@media (max-width: 768px) {
  .information__list {
    -ms-grid-column: 1;
    -ms-grid-column-span: 12;
    grid-column: 1/13;
  }
}
.information__list.active {
  padding: calc((1 - var(--use-vw)) * calc(40 / 16 * var(--rem-base)) + var(--use-vw) * calc(40 / 375 * 100vw)) calc((1 - var(--use-vw)) * calc(20 / 16 * var(--rem-base)) + var(--use-vw) * calc(20 / 375 * 100vw)) calc((1 - var(--use-vw)) * calc(30 / 16 * var(--rem-base)) + var(--use-vw) * calc(30 / 375 * 100vw));
  background-color: #fff;
}
@media (max-width: 480px) {
  .information__list.active {
    padding: calc((1 - var(--use-vw)) * calc(17 / 16 * var(--rem-base)) + var(--use-vw) * calc(17 / 375 * 100vw));
  }
}
.information__list.active .information__item-button::before, .information__list.active .information__item-button::after {
  background-color: #4b4b4e;
}
.information__list.active .information__item-button::after {
  -webkit-transform: translate(-50%, -50%) rotate(90deg);
          transform: translate(-50%, -50%) rotate(90deg);
}
.information__item-top {
  position: relative;
  padding-right: calc((1 - var(--use-vw)) * calc(30 / 16 * var(--rem-base)) + var(--use-vw) * calc(30 / 375 * 100vw));
  padding-bottom: calc((1 - var(--use-vw)) * calc(10 / 16 * var(--rem-base)) + var(--use-vw) * calc(10 / 375 * 100vw));
  border-bottom: calc((1 - var(--use-vw)) * calc(1 / 16 * var(--rem-base)) + var(--use-vw) * calc(1 / 375 * 100vw)) solid #e5e5e6;
  cursor: pointer;
}
.information__item-title {
  margin-bottom: calc((1 - var(--use-vw)) * calc(8 / 16 * var(--rem-base)) + var(--use-vw) * calc(8 / 375 * 100vw));
  font-weight: 600;
  font-size: calc((1 - var(--use-vw)) * calc(24 / 16 * var(--rem-base)) + var(--use-vw) * calc(24 / 375 * 100vw));
  line-height: 1.2;
  color: #170802;
}
@media (max-width: 480px) {
  .information__item-title {
    font-size: calc((1 - var(--use-vw)) * calc(20 / 16 * var(--rem-base)) + var(--use-vw) * calc(20 / 375 * 100vw));
  }
}
.information__item-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: calc((1 - var(--use-vw)) * calc(10 / 16 * var(--rem-base)) + var(--use-vw) * calc(10 / 375 * 100vw));
  font-weight: 400;
  font-size: calc((1 - var(--use-vw)) * calc(16 / 16 * var(--rem-base)) + var(--use-vw) * calc(16 / 375 * 100vw));
  line-height: 1.2;
  color: #4b4b4e;
}
@media (max-width: 480px) {
  .information__item-info {
    font-size: calc((1 - var(--use-vw)) * calc(14 / 16 * var(--rem-base)) + var(--use-vw) * calc(14 / 375 * 100vw));
  }
}
.information__item-button {
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: calc((1 - var(--use-vw)) * calc(30 / 16 * var(--rem-base)) + var(--use-vw) * calc(30 / 375 * 100vw));
  height: calc((1 - var(--use-vw)) * calc(30 / 16 * var(--rem-base)) + var(--use-vw) * calc(30 / 375 * 100vw));
}
.information__item-button::before, .information__item-button::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: calc((1 - var(--use-vw)) * calc(2 / 16 * var(--rem-base)) + var(--use-vw) * calc(2 / 375 * 100vw));
  height: calc((1 - var(--use-vw)) * calc(15 / 16 * var(--rem-base)) + var(--use-vw) * calc(15 / 375 * 100vw));
  background-color: #e9521b;
}
.information__item-button::before {
  -webkit-transform: translate(-50%, -50%) rotate(90deg);
          transform: translate(-50%, -50%) rotate(90deg);
}
.information__item-content {
  display: none;
  padding-top: calc((1 - var(--use-vw)) * calc(20 / 16 * var(--rem-base)) + var(--use-vw) * calc(20 / 375 * 100vw));
}