@font-face {
  font-family: "kachou_fuugetsu";
  src: url("/assets/fonts/kachoufuugetu.ttf") format("truetype");
}
@font-face {
  font-family: "Gen no Kaku Gothic Regular";
  src: url("/assets/fonts/SourceHanSansJP-Regular.otf") format("truetype");
}
@font-face {
  font-family: "Gen no Kaku Gothic Bold";
  src: url("/assets/fonts/SourceHanSansJP-Bold.otf") format("truetype");
}
main section {
  padding: 1rem;
}
@media screen and (min-width: 768px) {
  main section {
    padding-inline: 200px;
  }
}
main section article {
  width: 100%;
  margin-block: 2rem;
  background-image: linear-gradient(to right, #333, #333);
  background-size: 300px 2px;
}
@media screen and (min-width: 768px) {
  main section article {
    background-size: 500px 2px;
  }
}
main section article {
  padding-bottom: 1.2em;
  background-repeat: no-repeat;
}
main section article .panel__float {
  display: flex;
  width: 100%;
  flex-direction: row;
}
main section article .panel__float__reverse {
  display: flex;
  width: 100%;
  flex-direction: row-reverse;
}
main section article .holder__text {
  flex: 1;
  margin: 0 1rem;
}
main section article .holder__text h1 {
  font-size: 2rem;
  font-family: "Gen no Kaku Gothic Bold", sans-serif;
  width: -moz-fit-content;
  width: fit-content;
  margin-bottom: 1rem;
  padding: 0.5rem;
  transition: background-position 0.3s ease-out, background-size 0.3s ease-out;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
@media screen and (min-width: 768px) {
  main section article .holder__text h1 {
    font-size: max(2rem, 3vw);
  }
}
main section article .holder__text .sentence {
  margin: 1rem 0;
  font-size: 1.2rem;
  font-weight: bold;
  font-family: "Yu Gothic", "Meiryo", "Hiragino Kaku Gothic Pro", "Noto Sans JP", sans-serif;
  word-break: auto-phrase;
}
@media screen and (max-width: 767px) {
  main section article .holder__text .sentence {
    font-size: 0.9rem;
  }
}
main section article img {
  width: 30vw;
  max-width: 300px;
  min-width: 180px;
  height: 30vw;
  max-height: 300px;
  min-height: 180px;
  -o-object-fit: cover;
     object-fit: cover;
}
main section article#monitorob {
  text-align: left;
  background-position: bottom left;
}
main section article#tumugi {
  text-align: right;
  background-position: bottom right;
}
main section article#tumugi h1 {
  margin-inline: auto 0;
}
main section article#kokone {
  text-align: left;
  background-position: bottom left;
}
main section article#mirai {
  text-align: right;
  background-position: bottom right;
}
main section article#mirai h1 {
  margin-inline: auto 0;
}
main section article#koubousaba {
  text-align: left;
  background-position: bottom left;
}
main section article#autobackup {
  text-align: right;
  background-position: bottom right;
}
main section article#autobackup h1 {
  margin-inline: auto 0;
}

nav ul :nth-child(2) a {
  color: black;
  font-size: 1.2em;
  filter: brightness(0.8);
}