html {
    font-size: 1vw
  }
  
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  p,
  ul,
  li {
    margin: 0;
    padding: 0
  }
  
  ul,
  li {
    list-style: none
  }
  
  .d-none {
    display: none !important
  }
  
  .d-block {
    display: block !important
  }
  
  .d-inline {
    display: inline !important
  }
  
  .d-inline-block {
    display: inline-block !important
  }
  
  .d-flex {
    display: flex !important
  }
  
  .d-grid {
    display: grid !important
  }
  
  @media screen and (min-width: 768px)and (max-width: 1920px) {
    .d-md-none {
      display: none !important
    }
  
    .d-md-block {
      display: block !important
    }
  
    .d-md-inline {
      display: inline !important
    }
  
    .d-md-inline-block {
      display: inline-block !important
    }
  
    .d-md-flex {
      display: flex !important
    }
  
    .d-md-grid {
      display: grid !important
    }
  }
  
  @media screen and (min-width: 1921px) {
    .d-md-none {
      display: none !important
    }
  
    .d-md-block {
      display: block !important
    }
  
    .d-md-inline {
      display: inline !important
    }
  
    .d-md-inline-block {
      display: inline-block !important
    }
  
    .d-md-flex {
      display: flex !important
    }
  
    .d-md-grid {
      display: grid !important
    }
  }
  
  .text-center {
    text-align: center !important
  }
  
  @media screen and (min-width: 768px)and (max-width: 1920px) {
    .text-md-center {
      text-align: center !important
    }
  }
  
  @media screen and (min-width: 1921px) {
    .text-md-center {
      text-align: center !important
    }
  }
  
  .text-start {
    text-align: left !important
  }
  
  @media screen and (min-width: 768px)and (max-width: 1920px) {
    .text-md-start {
      text-align: left !important
    }
  }
  
  @media screen and (min-width: 1921px) {
    .text-md-start {
      text-align: left !important
    }
  }
  
  .text-end {
    text-align: right !important
  }
  
  @media screen and (min-width: 768px)and (max-width: 1920px) {
    .text-md-end {
      text-align: right !important
    }
  }
  
  @media screen and (min-width: 1921px) {
    .text-md-end {
      text-align: right !important
    }
  }
  
  .justify-content-start {
    justify-content: flex-start !important
  }
  
  @media screen and (min-width: 768px)and (max-width: 1920px) {
    .justify-content-md-start {
      justify-content: flex-start !important
    }
  }
  
  @media screen and (min-width: 1921px) {
    .justify-content-md-start {
      justify-content: flex-start !important
    }
  }
  
  .justify-content-end {
    justify-content: flex-end !important
  }
  
  @media screen and (min-width: 768px)and (max-width: 1920px) {
    .justify-content-md-end {
      justify-content: flex-end !important
    }
  }
  
  @media screen and (min-width: 1921px) {
    .justify-content-md-end {
      justify-content: flex-end !important
    }
  }
  
  .justify-content-center {
    justify-content: center !important
  }
  
  @media screen and (min-width: 768px)and (max-width: 1920px) {
    .justify-content-md-center {
      justify-content: center !important
    }
  }
  
  @media screen and (min-width: 1921px) {
    .justify-content-md-center {
      justify-content: center !important
    }
  }
  
  .justify-content-between {
    justify-content: space-between !important
  }
  
  @media screen and (min-width: 768px)and (max-width: 1920px) {
    .justify-content-md-between {
      justify-content: space-between !important
    }
  }
  
  @media screen and (min-width: 1921px) {
    .justify-content-md-between {
      justify-content: space-between !important
    }
  }
  
  .justify-content-around {
    justify-content: space-around !important
  }
  
  @media screen and (min-width: 768px)and (max-width: 1920px) {
    .justify-content-md-around {
      justify-content: space-around !important
    }
  }
  
  @media screen and (min-width: 1921px) {
    .justify-content-md-around {
      justify-content: space-around !important
    }
  }
  
  .justify-content-evenly {
    justify-content: space-evenly !important
  }
  
  @media screen and (min-width: 768px)and (max-width: 1920px) {
    .justify-content-md-evenly {
      justify-content: space-evenly !important
    }
  }
  
  @media screen and (min-width: 1921px) {
    .justify-content-md-evenly {
      justify-content: space-evenly !important
    }
  }
  
  .align-items-start {
    align-items: flex-start !important
  }
  
  @media screen and (min-width: 768px)and (max-width: 1920px) {
    .align-items-md-start {
      align-items: flex-start !important
    }
  }
  
  @media screen and (min-width: 1921px) {
    .align-items-md-start {
      align-items: flex-start !important
    }
  }
  
  .align-items-end {
    align-items: flex-end !important
  }
  
  @media screen and (min-width: 768px)and (max-width: 1920px) {
    .align-items-md-end {
      align-items: flex-end !important
    }
  }
  
  @media screen and (min-width: 1921px) {
    .align-items-md-end {
      align-items: flex-end !important
    }
  }
  
  .align-items-center {
    align-items: center !important
  }
  
  @media screen and (min-width: 768px)and (max-width: 1920px) {
    .align-items-md-center {
      align-items: center !important
    }
  }
  
  @media screen and (min-width: 1921px) {
    .align-items-md-center {
      align-items: center !important
    }
  }
  
  .align-items-baseline {
    align-items: baseline !important
  }
  
  @media screen and (min-width: 768px)and (max-width: 1920px) {
    .align-items-md-baseline {
      align-items: baseline !important
    }
  }
  
  @media screen and (min-width: 1921px) {
    .align-items-md-baseline {
      align-items: baseline !important
    }
  }
  
  .align-items-stretch {
    align-items: stretch !important
  }
  
  @media screen and (min-width: 768px)and (max-width: 1920px) {
    .align-items-md-stretch {
      align-items: stretch !important
    }
  }
  
  @media screen and (min-width: 1921px) {
    .align-items-md-stretch {
      align-items: stretch !important
    }
  }
  
  .flex-column {
    flex-direction: column !important
  }
  
  @media screen and (min-width: 768px)and (max-width: 1920px) {
    .flex-md-column {
      flex-direction: column !important
    }
  }
  
  @media screen and (min-width: 1921px) {
    .flex-md-column {
      flex-direction: column !important
    }
  }
  
  .flex-column-reverse {
    flex-direction: column-reverse !important
  }
  
  @media screen and (min-width: 768px)and (max-width: 1920px) {
    .flex-md-column-reverse {
      flex-direction: column-reverse !important
    }
  }
  
  @media screen and (min-width: 1921px) {
    .flex-md-column-reverse {
      flex-direction: column-reverse !important
    }
  }
  
  .flex-row {
    flex-direction: row !important
  }
  
  @media screen and (min-width: 768px)and (max-width: 1920px) {
    .flex-md-row {
      flex-direction: row !important
    }
  }
  
  @media screen and (min-width: 1921px) {
    .flex-md-row {
      flex-direction: row !important
    }
  }
  
  .flex-row-reverse {
    flex-direction: row-reverse !important
  }
  
  @media screen and (min-width: 768px)and (max-width: 1920px) {
    .flex-md-row-reverse {
      flex-direction: row-reverse !important
    }
  }
  
  @media screen and (min-width: 1921px) {
    .flex-md-row-reverse {
      flex-direction: row-reverse !important
    }
  }
  
  .flex-wrap {
    flex-wrap: wrap !important
  }
  
  @media screen and (min-width: 768px)and (max-width: 1920px) {
    .flex-md-wrap {
      flex-wrap: wrap !important
    }
  }
  
  @media screen and (min-width: 1921px) {
    .flex-md-wrap {
      flex-wrap: wrap !important
    }
  }
  
  .flex-nowrap {
    flex-wrap: nowrap !important
  }
  
  @media screen and (min-width: 768px)and (max-width: 1920px) {
    .flex-md-nowrap {
      flex-wrap: nowrap !important
    }
  }
  
  @media screen and (min-width: 1921px) {
    .flex-md-nowrap {
      flex-wrap: nowrap !important
    }
  }
  
  .text-wrap {
    text-wrap: wrap !important
  }
  
  @media screen and (min-width: 768px)and (max-width: 1920px) {
    .text-md-wrap {
      text-wrap: wrap !important
    }
  }
  
  @media screen and (min-width: 1921px) {
    .text-md-wrap {
      text-wrap: wrap !important
    }
  }
  
  .text-nowrap {
    text-wrap: nowrap !important
  }
  
  @media screen and (min-width: 768px)and (max-width: 1920px) {
    .text-md-nowrap {
      text-wrap: nowrap !important
    }
  }
  
  @media screen and (min-width: 1921px) {
    .text-md-nowrap {
      text-wrap: nowrap !important
    }
  }
  
  .position-relative {
    position: relative !important
  }
  
  @media screen and (min-width: 768px)and (max-width: 1920px) {
    .position-md-relative {
      position: relative !important
    }
  }
  
  @media screen and (min-width: 1921px) {
    .position-md-relative {
      position: relative !important
    }
  }
  
  .position-absolute {
    position: absolute !important
  }
  
  @media screen and (min-width: 768px)and (max-width: 1920px) {
    .position-md-absolute {
      position: absolute !important
    }
  }
  
  @media screen and (min-width: 1921px) {
    .position-md-absolute {
      position: absolute !important
    }
  }
  
  .position-fixed {
    position: fixed !important
  }
  
  @media screen and (min-width: 768px)and (max-width: 1920px) {
    .position-md-fixed {
      position: fixed !important
    }
  }
  
  @media screen and (min-width: 1921px) {
    .position-md-fixed {
      position: fixed !important
    }
  }
  
  .information-detail-section .information-detail-main {
    margin: 5rem
  }
  
  .information-detail-section .information-detail-main .information-detail-box {
    padding: 5rem;
    border: solid 1px #000;
    border-radius: .5rem
  }
  
  .information-detail-section .information-detail-main .information-detail-box .information-detail-date {
    font-size: 1.25rem
  }
  
  @media screen and (max-width: 767px) {
    .information-detail-section .information-detail-main .information-detail-box .information-detail-date {
      font-size: 3.5rem
    }
  }
  
  .information-detail-section .information-detail-main .information-detail-title {
    margin-bottom: 5rem
  }
  
  @media screen and (max-width: 767px) {
    .information-detail-section .information-detail-main .information-detail-title {
      margin-top: 2rem
    }
  }
  
  .information-detail-section .information-detail-main .information-detail-title h2 {
    font-size: 2rem;
    line-height: 4rem;
    border-bottom: solid 2px #20b82a
  }
  
  @media screen and (max-width: 767px) {
    .information-detail-section .information-detail-main .information-detail-title h2 {
      font-size: 4rem;
      line-height: 4rem
    }
  }
  
  .information-detail-section .information-detail-main .information-thumbnail {
    width: 50rem;
    margin: 2rem auto
  }
  
  @media screen and (max-width: 767px) {
    .information-detail-section .information-detail-main .information-thumbnail {
      width: 100%;
      margin: 10rem auto
    }
  }
  
  .information-detail-section .information-detail-main .information-detail-content {
    font-size: 1.5rem;
    line-height: 2.5rem
  }
  
  @media screen and (max-width: 767px) {
    .information-detail-section .information-detail-main .information-detail-content {
      font-size: 3.5rem;
      line-height: 5rem
    }
  }
  
  .not-found {
    height: 100vh
  }
  
  .not-found p {
    font-size: 2rem
  }
  
  @media screen and (max-width: 767px) {
    .not-found p {
      font-size: 5rem
    }
  }