@media screen and (max-width: 800px) {
  /* line 4, information.scss */
  .page-title.simple {
    margin-bottom: 20px; } }
@media screen and (max-width: 800px) {
  /* line 8, information.scss */
  .page-title.simple .page-title-left {
    translate: 0 -30%; } }
@media screen and (max-width: 800px) {
  /* line 13, information.scss */
  .page-title.simple .page-title-left h1 .jp {
    line-height: 1.4; } }
/* line 21, information.scss */
.page-title .top-img {
  translate: 34.5% 0;
  width: 29.9%; }
  @media screen and (max-width: 800px) {
    /* line 21, information.scss */
    .page-title .top-img {
      right: 20px;
      translate: 0 0;
      width: 179px; } }

/* line 34, information.scss */
.wrapper.column {
  flex-direction: row-reverse; }
  @media screen and (max-width: 800px) {
    /* line 37, information.scss */
    .wrapper.column section.sidebar {
      position: fixed;
      top: 64px;
      left: 0;
      width: 61.9%;
      height: calc(100dvh - 64px);
      translate: -100% 0;
      min-width: 232px;
      background-color: #F0F2F3;
      z-index: 10;
      transition: translate 0.3s ease-out; } }
  @media screen and (max-width: 800px) {
    /* line 50, information.scss */
    .wrapper.column section.sidebar.open {
      translate: 0 0; } }
  @media screen and (max-width: 800px) {
    /* line 55, information.scss */
    .wrapper.column section.sidebar .scroll-content {
      width: 100%;
      height: 100%;
      overflow-y: auto;
      padding: 20px; } }

/* line 68, information.scss */
.btn-category {
  display: none; }
  @media screen and (max-width: 800px) {
    /* line 68, information.scss */
    .btn-category {
      display: flex;
      align-items: center;
      width: 112px;
      height: 40px;
      color: #004097;
      font-size: 13px;
      font-weight: 500;
      -webkit-text-fill-color: #004097;
      border: 1px solid #004097;
      border-radius: 4px;
      background-color: #FFFFFF;
      padding-left: 44px;
      z-index: 9; } }
  @media screen and (max-width: 800px) {
    /* line 85, information.scss */
    .btn-category.filter {
      position: sticky;
      top: 84px;
      background-image: url("../img/bg_filter.svg");
      background-repeat: no-repeat;
      background-position: 7px center; } }
  @media screen and (max-width: 800px) {
    /* line 94, information.scss */
    .btn-category.close {
      position: relative;
      color: #FFFFFF;
      -webkit-text-fill-color: #FFFFFF;
      background-color: #004097;
      margin: 0 0 30px; } }
  @media screen and (max-width: 800px) {
    /* line 102, information.scss */
    .btn-category.close::before, .btn-category.close::after {
      position: absolute;
      top: 50%;
      translate: 0 -50%;
      left: 8px;
      width: 24px;
      height: 1px;
      content: "";
      background-color: #FFFFFF; } }
  @media screen and (max-width: 800px) {
    /* line 115, information.scss */
    .btn-category.close::before {
      rotate: -45deg; } }
  @media screen and (max-width: 800px) {
    /* line 120, information.scss */
    .btn-category.close::after {
      rotate: 45deg; } }

@media screen and (max-width: 800px) {
  /* line 128, information.scss */
  .category-content {
    margin-top: 32px; } }
/* line 132, information.scss */
.category-content dl {
  display: flex;
  align-items: center;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  margin-bottom: 48px;
  padding-bottom: 48px; }
  @media screen and (max-width: 800px) {
    /* line 132, information.scss */
    .category-content dl {
      margin-bottom: 32px;
      padding-bottom: 32px; } }
  /* line 142, information.scss */
  .category-content dl dt {
    width: 132px;
    color: #004097;
    font-size: 18px;
    font-weight: 500;
    margin: 0;
    padding: 0; }
    @media screen and (max-width: 800px) {
      /* line 142, information.scss */
      .category-content dl dt {
        width: 115px;
        font-size: 15px; } }
  /* line 154, information.scss */
  .category-content dl dd {
    width: calc(100% - 132px);
    font-size: 25px;
    border-left: 1px solid #004097;
    margin: 0;
    padding: 0 0 0 24px; }
    @media screen and (max-width: 800px) {
      /* line 154, information.scss */
      .category-content dl dd {
        width: calc(100% - 115px);
        font-size: 20px; } }

/* line 169, information.scss */
.information-list {
  margin-bottom: 0; }
  @media screen and (max-width: 800px) {
    /* line 169, information.scss */
    .information-list {
      width: 100%;
      gap: 50px 0;
      padding: 0 11.9%;
      border-bottom: none; } }
  @media screen and (max-width: 800px) {
    /* line 177, information.scss */
    .information-list a {
      width: 100%; } }

/*# sourceMappingURL=information.css.map */