@charset "UTF-8";
#header {
  border-bottom: none;
  background-color: transparent;
}
#header .hamburger_button_line {
  background-color: #FFFFFF;
}
#header #header_nav {
  background-color: rgb(0, 0, 0, 0.6);
}
#header .link_text,
#header .time,
#header .copyright {
  color: #FFFFFF;
}
#header .link_button {
  color: #FFFFFF;
  border: solid 1px #FFFFFF;
}
@media (hover: hover) and (pointer: fine) {
  #header .link_button:hover {
    color: #117092;
    background-color: #FFFFFF;
  }
}
.background_img {
  position: fixed;
  height: 100lvh;
  width: 100%;
  object-fit: cover;
}
#section_about .section_title,
#section_about .subsection_title,
#section_about .description,
#section_about table,
#section_about strong {
  color: #FFFFFF;
}
#section_about .section_title+.description {
  margin-bottom: 40px;
}
#section_about .subsection_title {
  font-size: 1.6rem;
  line-height: 1.5;
  margin-bottom: 20px;
}
#section_about table {
  width: 100%;
  table-layout: fixed;
}
#section_about table,
#section_about table th,
#section_about table td {
  padding: 8px;
  border: solid 1px #FFFFFF;
}
#section_about table th {
  width: 33%;
}
#section_about strong {
  display: inline;
}
#section_about .description:last-of-type {
  margin-bottom: 40px;
}
#section_about .name {
  max-width: 320px;
  margin: 0 auto;
}
#section_about #mask path {
  fill: none;
  stroke: #FFFFFF;
  stroke-width: 2px;
  stroke-dasharray: 1000px;
  stroke-dashoffset: 1000px;
  animation: line 3.0s 1.0s forwards;
}
#section_about #mask path:nth-child(2) {
  animation-delay: 1.3s;
}
#section_about #mask path:nth-child(3) {
  animation-delay: 1.6s;
}
#section_about #mask path:nth-child(4) {
  animation-delay: 1.8s;
}
#section_about #mask path:nth-child(5) {
  animation-delay: 2.1s;
}
#section_about #mask path:nth-child(6) {
  animation-delay: 2.6s;
}
#section_about #mask path:nth-child(7) {
  animation-delay: 2.9s;
}
#section_about #mask path:nth-child(8) {
  animation-delay: 3.2s;
}
#section_about #mask path:nth-child(9),
#section_about #mask path:nth-child(10),
#section_about #mask path:nth-child(11),
#section_about #mask path:nth-child(12),
#section_about #mask path:nth-child(13),
#section_about #mask path:nth-child(14) {
  animation: line 2.0s forwards;
}
#section_about #mask path:nth-child(9) {
  animation-delay: 3.7s;
}
#section_about #mask path:nth-child(10) {
  animation-delay: 4.2s;
}
#section_about #mask path:nth-child(11) {
  animation-delay: 5.0s;
}
#section_about #mask path:nth-child(12) {
  animation-delay: 5.6s;
}
#section_about #mask path:nth-child(13) {
  animation-delay: 6.1s;
}
#section_about #mask path:nth-child(14) {
  animation-delay: 6.9s;
}
#section_about #mask path:last-child {
  animation: line 0.5s 7.5s forwards;
}
@keyframes line {
  0% {
    stroke-dashoffset: 1000px;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
#section_about #base {
  mask: url(#mask-wrapper);
  fill: #FFFFFF;
}
#section_contact .section_title,
#section_contact .copy,
#section_contact .text_area {
  color: #FFFFFF;
}
#section_contact .separate_line {
  background-color: #FFFFFF;
}
#section_contact .link_button {
  color: #FFFFFF;
  border: solid 1px #FFFFFF;
}
@media (hover: hover) and (pointer: fine) {
  #section_contact .link_button:hover {
    color: #313131;
    background-color: #FFFFFF;
  }
}
#footer {
  background-color: transparent;
}