@media (max-width: 1401px) {
  main {
    width: 90%;
  }
  main .information p, main section p {
    -webkit-line-clamp: 5;
  }
}

@media (max-width: 1025px) {
  #illustration_container {
    height: 624px;
    width: 600px;
  }
  #illustration_container .top img, #illustration_container .bottom img {
    width: 600px;
    height: auto;
    z-index: 1;
    position: absolute;
  }
  #illustration_container .bottom img:first-child {
    bottom: 508px;
  }
  #illustration_container .top {
    height: 110px;
  }
  #illustration_container .eyes {
    margin-bottom: 468px;
    margin-left: 256px;
    width: 95px;
  }
  #illustration_container .eyes .eye {
    width: 34px;
    height: 34px;
  }
  #illustration_container .eyes .eye .iris {
    width: 17px;
    height: 17px;
  }
  #menu {
    bottom: 380px;
  }
  main .thumbnail_information {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  main .image_frame {
    width: 100%;
    margin-bottom: 12px;
  }
  main .information {
    width: 100%;
    height: auto;
  }
  main .information p {
    margin-top: 12px;
  }
  main .information .tags {
    margin-top: 12px;
  }
  main .information .tags, main section .tags {
    gap: 6px;
  }
  main .image_frame .thumbnail {
    max-width: initial;
  }
}

@media (max-width: 769px) {
  header {
    top: 2rem;
  }
  header h1 {
    font-size: 2rem;
  }
  header h3 {
    font-size: 1rem;
  }
  .pseudo img:first-of-type {
    width: 272px;
    height: 190px;
    -ms-flex-item-align: end;
        align-self: flex-end;
    margin-left: -64px;
  }
  .pseudo img:last-of-type {
    width: 48px;
    height: 102px;
    -ms-flex-item-align: end;
        align-self: flex-end;
    margin-right: 12px;
  }
  #illustration_container {
    height: 340px;
    width: 300px;
  }
  #illustration_container .top img, #illustration_container .bottom img {
    width: 300px;
  }
  #illustration_container .bottom img:first-child {
    bottom: 253px;
  }
  #illustration_container .top img:first-child {
    bottom: -3px;
  }
  #illustration_container .top {
    height: 83px;
  }
  #illustration_container .eyes {
    margin-bottom: 236px;
    margin-left: 130px;
    width: 46px;
  }
  #illustration_container .eyes .eye {
    width: 15px;
    height: 15px;
  }
  #illustration_container .eyes .eye .iris {
    width: 8px;
    height: 8px;
  }
  #menu {
    bottom: 176px;
  }
  #menu li a {
    width: 194px;
    height: 76px;
  }
  #menu li:nth-child(2) {
    top: 24px;
    left: 145px;
  }
  #menu li:nth-child(3) {
    top: 48px;
    right: 142px;
  }
  #menu li a span {
    font-size: 1.2rem;
    margin-top: 27px;
  }
  #page_name {
    height: 72px;
    top: 64px;
  }
  #page_name span {
    font-size: 1.2rem;
    margin-top: 24px;
  }
  #back, #back_page {
    left: 12px;
    top: 16px;
  }
  #back img, #back_page img {
    width: 62px;
  }
  section .image_wrapper.text {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 24px;
  }
  section .image_wrapper.text p {
    margin-bottom: 0;
  }
  section .image_wrapper.inline {
    width: 100%;
    margin: 12px 0;
  }
  main .information h2 {
    font-size: 1.8rem;
  }
  main .information .tags div, main section .tags div {
    height: 30px;
    padding: 6px 12px;
    -ms-flex-item-align: start;
        align-self: flex-start;
  }
  main .information .tags .go_to {
    margin-bottom: -14px;
  }
  main .information p, main section p {
    -webkit-line-clamp: 4;
  }
  main section a.cta {
    font-size: 1rem;
  }
  p {
    line-height: 26px;
  }
  #overlay #close {
    width: 48px;
    height: 48px;
  }
}
/*# sourceMappingURL=media.css.map */