@charset "UTF-8";
/*
A modern CSS reset 2023 / 9 / 18
https://github.com/Andy-set-studio/modern-css-reset
*/
*, *::before, *::after {
  box-sizing: border-box;
}

html {
  -moz-text-size-adjust: none;
  -webkit-text-size-adjust: none;
  text-size-adjust: none;
}

body, h1, h2, h3, h4, p, figure, blockquote, dl, dd {
  margin: 0;
}

ul[role=list], ol[role=list] {
  list-style: none;
}

body {
  min-height: 100vh;
  line-height: 1.5;
}

h1, h2, h3, h4, button, input, label {
  line-height: 1.1;
}

h1, h2, h3, h4 {
  text-wrap: balance;
}

a:not([class]) {
  text-decoration-skip-ink: auto;
  color: currentColor;
}

img, picture {
  max-width: 100%;
  display: block;
}

input, button, textarea, select {
  font: inherit;
}

textarea:not([rows]) {
  min-height: 10em;
}

:target {
  scroll-margin-block: 5ex;
}

/**  base  **/
@keyframes fadeIn {
  100% {
    opacity: 1;
  }
}
@keyframes fadeOut {
  100% {
    opacity: 0;
  }
}
@keyframes clipPath {
  100% {
    clip-path: inset(0);
  }
}
@keyframes clipPathCircle {
  100% {
    clip-path: circle(100% at 50% 50%);
  }
}
p,
ul,
ol,
h1,
h2,
h3,
figure,
dl,
dd,
button,
pre {
  margin: 0;
  padding: 0;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
}

ul,
ol {
  list-style: none;
}

img,
video {
  max-width: 100%;
  vertical-align: bottom;
  line-height: 1;
}

button {
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  appearance: none;
}

a {
  color: currentColor;
  text-decoration: none;
}

[x-cloak],
[v-cloak] {
  display: none !important;
}

*:focus {
  outline: none;
}

html {
  scroll-behavior: smooth;
}

body {
  font-size: 100%;
  color: var(--brown);
  overflow-wrap: anywhere; /* 収まらない場合に折り返す */
  word-break: normal; /* 単語の分割はデフォルトに依存 */
  line-break: strict; /* 禁則処理を厳格に適用 */
}
body.scroll_rock {
  overflow: hidden;
}

body {
  font-family: "A1 Gothic M";
  color: var(--text);
}

:root {
  --black: #000000;
  --brown: #2A0000;
  --orange: #E35615;
  --beige: #E9D8BF;
  --white: #ffffff;
  --text: var(--brown);
  --placeholder: oklch(0.74 0.18 56.45);
}

body {
  --dot: #F5F5F5;
  --dot-bg: #F6B060;
  --dot-size: 16%;
  --dot-tile-size: 0.75rem;
  background-color: var(--dot-bg);
  background-image: radial-gradient(var(--dot) var(--dot-size), transparent var(--dot-size)), radial-gradient(var(--dot) var(--dot-size), transparent var(--dot-size));
  background-position: 0 0, calc(var(--dot-tile-size) / 2) calc(var(--dot-tile-size) / 2);
  background-size: var(--dot-tile-size) var(--dot-tile-size);
}

.sr-only:not(:focus):not(:active) {
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

.main {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4rem 0;
  padding: 2rem 0 4rem;
  background-color: rgba(255, 255, 255, 0.85);
}

.aside {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 2rem 0 4rem;
  background-color: var(--beige);
}

.footer {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: var(--beige);
}
.footer-wrap {
  width: min(90vw, 40rem);
}
.footer .copyright {
  padding: 3.75rem 0 2.5rem;
}
.footer .copyright img {
  margin-inline: auto;
}
.footer svg {
  fill: var(--brown);
}
.footer svg.sp {
  display: block;
}
.footer svg.pc {
  display: none;
}
@media (min-width: 32.5rem) {
  .footer svg.sp {
    display: none;
  }
  .footer svg.pc {
    display: block;
  }
}

.push {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0 0.35625rem;
  height: 2.5rem;
  color: var(--white);
  font-feature-settings: "palt" on;
  background-color: var(--orange);
}
.push:before {
  content: "";
  display: block;
  width: 1.5625rem;
  aspect-ratio: 1;
  background-color: currentColor;
  mask-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 26 26" %3E%3Cpath d="M12.65 25.31C5.68 25.31 0 19.63 0 12.65C0 5.67 5.68 0 12.65 0C19.62 0 25.3 5.68 25.3 12.65C25.3 19.62 19.62 25.3 12.65 25.3V25.31ZM12.65 1C6.23 1 1 6.23 1 12.65C1 19.07 6.23 24.3 12.65 24.3C19.07 24.3 24.3 19.07 24.3 12.65C24.3 6.23 19.08 1 12.65 1Z" /%3E%3Cpath d="M17.8 13.13L10.36 18.05C9.97997 18.3 9.46997 18.03 9.46997 17.57V7.74002C9.46997 7.28002 9.97997 7.01002 10.36 7.26002L17.8 12.18C18.14 12.41 18.14 12.91 17.8 13.14V13.13Z" /%3E%3C/svg%3E');
  mask-repeat: no-repeat;
}

.yodogawa {
  width: 89.7435897436vw;
  max-width: fit-content;
  font-feature-settings: "halt" on;
}
.yodogawa p + p {
  margin-top: 1rem;
}
.yodogawa .note {
  color: var(--orange);
}
@media (min-width: 32.5rem) {
  .yodogawa p {
    letter-spacing: -0.0625em;
    white-space: pre-line;
    font-feature-settings: unset;
  }
}

.heading {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0 0.4444444444em;
  width: min(100vw, 19.4375rem);
  height: 5rem;
  margin: 0 0 1.1875rem;
  padding: 0 0.5em;
  color: var(--white);
  font-family: "Suiryu Neoroman";
  font-size: 1.125rem;
  font-feature-settings: "halt" on;
  line-height: 144.4444444444%;
  white-space: nowrap;
  border-radius: 0.6875rem;
}
.heading small {
  font-size: 0.7777777778em;
}
.heading.light {
  background-color: var(--orange);
}
.heading.dark {
  background-color: var(--brown);
}
.heading:before {
  content: "";
  display: block;
  width: 2.9375rem;
  aspect-ratio: 1;
  background-color: currentColor;
  mask-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 26 26" %3E%3Cpath d="M12.65 25.31C5.68 25.31 0 19.63 0 12.65C0 5.67 5.68 0 12.65 0C19.62 0 25.3 5.68 25.3 12.65C25.3 19.62 19.62 25.3 12.65 25.3V25.31ZM12.65 1C6.23 1 1 6.23 1 12.65C1 19.07 6.23 24.3 12.65 24.3C19.07 24.3 24.3 19.07 24.3 12.65C24.3 6.23 19.08 1 12.65 1Z" /%3E%3Cpath d="M17.8 13.13L10.36 18.05C9.97997 18.3 9.46997 18.03 9.46997 17.57V7.74002C9.46997 7.28002 9.97997 7.01002 10.36 7.26002L17.8 12.18C18.14 12.41 18.14 12.91 17.8 13.14V13.13Z" /%3E%3C/svg%3E');
  mask-repeat: no-repeat;
}
.heading:after {
  content: "";
  position: absolute;
  left: 57.5562700965%;
  bottom: -23.75%;
  display: block;
  width: 1.6875rem;
  height: 1.5625rem;
  background-color: inherit;
  mask-image: url('data:image/svg+xml, %3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 27 25"%3E%3Cpath d="M5.03902 0C5.03902 0 9.31039 13.9908 0.241614 23.5562C-0.368582 24.2021 0.269669 25.2192 1.12535 24.958C8.40561 22.7247 24.7126 15.9767 26.1364 0H5.03902Z"/%3E%3C/svg%3E');
}

.live {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem 0;
  width: 100%;
}
.live-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  width: min(100%, 43.75rem);
  aspect-ratio: 16/9;
  background-color: var(--placeholder);
}
.live iframe {
  width: 100%;
  height: 100%;
}

.notice-board {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.5rem 0;
  margin: 1.59125rem 0;
  width: min(94.8717948718vw, 23.125rem);
  padding: 2.1875rem 1.25rem 2.5rem;
  color: var(--white);
  background-color: var(--brown);
  border-radius: 0.8125rem;
}
.notice-board:before, .notice-board:after {
  content: "";
  position: absolute;
  display: block;
  width: 6.375rem;
  height: 2.5rem;
  border: 0.9375rem solid var(--brown);
  border-radius: 0.9375rem 0.9375rem;
}
.notice-board:before {
  top: -1.59125rem;
  border-bottom: none;
}
.notice-board:after {
  bottom: -1.59125rem;
  border-top: none;
}
.notice-board h2 {
  display: flex;
  gap: 0 0.1875rem;
  width: fit-content;
  height: 2.875rem;
  text-align: center;
  background-image: linear-gradient(var(--beige), var(--beige) 1.5px, transparent 1.5px, transparent calc(100% - 1.5px), var(--beige) calc(100% - 1.5px));
}
.notice-board h2 svg {
  flex: none;
  display: block;
  align-self: flex-end;
}
.notice-board h2 img {
  width: 12.5rem;
  height: auto;
}
.notice-board p {
  line-height: 200%;
  font-feature-settings: "halt" on;
}
.notice-board .button {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0 0.25em;
  width: 12.0625rem;
  height: 2.5rem;
  font-family: "A1 Gothic B";
  font-feature-settings: "palt" on;
  background-color: var(--orange);
  box-shadow: 0 3px 0 0 var(--beige);
  border-radius: 2.4375rem;
  transition: all 0.15s ease-out;
}
.notice-board .button:after {
  content: "";
  width: 0.75rem;
  height: 0.75rem;
  background-color: currentColor;
  mask-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 17 21" %3E%3Cpath d="M16.0671 11.3917L2.24577 20.5316C1.53984 20.996 0.592407 20.4945 0.592407 19.6399V1.37865C0.592407 0.524101 1.53984 0.0225208 2.24577 0.486948L16.0671 9.62687C16.6987 10.0541 16.6987 10.983 16.0671 11.4103V11.3917Z" /%3E%3C/svg%3E');
  mask-repeat: no-repeat;
}
.notice-board .button:hover, .notice-board .button:focus-visible {
  transform: translateY(-5px);
  box-shadow: 0 8px 0 0 var(--beige);
}
.notice-board .button:active {
  transform: translateY(3px);
  box-shadow: 0 0 0 0 var(--beige);
}
@media (min-width: 32.5rem) {
  .notice-board p {
    letter-spacing: -0.02rem;
    white-space: pre-line;
    font-feature-settings: unset;
  }
}

.notice-board svg {
  visibility: hidden;
  fill: var(--beige);
}
.notice-board .person-l {
  animation: pop-in 0.35s ease-in-out forwards;
}
.notice-board .person-r {
  animation: pop-in 0.35s ease-in-out forwards;
}
.notice-board .in-view .person-l {
  animation: pop-out 0.5s 0.3s ease-in-out forwards;
}
.notice-board .in-view .person-r {
  animation: pop-out 0.5s 0.6s ease-in-out forwards;
}

@keyframes pop-out {
  0% {
    visibility: visible;
    opacity: 0;
    transform: scale(0.5);
    transform-origin: bottom center;
  }
  20% {
    opacity: 1;
  }
  50% {
    transform: scale(1.1);
  }
  75% {
    transform: scale(0.9);
  }
  100% {
    visibility: visible;
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes pop-in {
  0% {
    visibility: visible;
    opacity: 1;
    transform: scale(1);
  }
  100% {
    visibility: visible;
    opacity: 0;
    transform: scale(0.5);
    transform-origin: bottom center;
  }
}
.archive {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2rem 0;
}
.archive ul {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1rem;
  width: min(100% - 2.75rem, 45.75rem);
}
.archive p {
  margin-block-start: 0.5rem;
  font-size: 0.875rem;
  font-family: "A1 Gothic R";
  line-height: 1;
}
.archive img {
  transition: all 0.25s ease-out;
}
.archive a {
  transition: color 0.35s;
}
.archive a:hover, .archive a:focus-visible {
  color: var(--orange);
}
.archive a:hover img, .archive a:focus-visible img {
  transform: translate(10px, -10px);
  box-shadow: -2px 2px 0 0 rgba(227, 86, 21, 0.36), -6px 6px 0 0 rgba(227, 86, 21, 0.36), -10px 10px 0 0 rgba(227, 86, 21, 0.36);
}
@media (min-width: 48rem) {
  .archive ul {
    gap: 2rem;
  }
  .archive p {
    line-height: 177.374%;
  }
}

.title-stage {
  position: relative;
  aspect-ratio: 390/507;
}
@media (min-width: 32.5rem) {
  .title-stage {
    aspect-ratio: 1200/580;
  }
}

.title {
  position: relative;
  display: block;
  top: 4.7337278107%;
  left: -3.5897435897%;
  width: 106.9230769231%;
  aspect-ratio: 417/443;
}
@media (min-width: 32.5rem) {
  .title {
    top: 4.6551724138%;
    left: 30.5%;
    width: 39.5833333333%;
    aspect-ratio: 475/504;
  }
}
.title img {
  position: absolute;
}
.title .person-l {
  left: 19.0694736842%;
  top: 50.4166666667%;
  width: 9.1684210526%;
  height: 9.3412698413%;
}
.title .person-r {
  right: 15.9431578947%;
  bottom: 29.1587301587%;
  width: 7.8315789474%;
  height: 7.753968254%;
}
.title .scraper {
  right: 17.5347368421%;
  top: 15.2103174603%;
  width: 11.0084210526%;
  height: 17.4285714286%;
}
.title .speech {
  left: 8.4084210526%;
  top: 0%;
  width: 25.8673684211%;
  height: 20.0337301587%;
}
.title .teppan {
  left: 0%;
  bottom: 0%;
  width: 100.0063157895%;
  height: 25.0317460317%;
}
.title .text-01 {
  left: 24.8063157895%;
  top: 21.3988095238%;
  width: 45.6189473684%;
  height: 21.375%;
}
.title .text-02 {
  left: 44.6989473684%;
  bottom: 43.6765873016%;
  width: 6.9389473684%;
  height: 10.2182539683%;
}
.title .text-03 {
  right: 19.3978947368%;
  bottom: 19.3968253968%;
  width: 54.9263157895%;
  height: 20.7063492063%;
}
.title .text-para {
  right: 11.4505263158%;
  bottom: 11.2678571429%;
  width: 75.1768421053%;
  height: 3.8432539683%;
}
.title .text-bg {
  left: 8.8884210526%;
  top: 17.0079365079%;
  width: 83.5957894737%;
  height: 77.5376984127%;
}

.title-stage {
  overflow: hidden;
}
.title-stage:before {
  content: "";
  position: absolute;
  inset: 0;
  --dot: var(--orange);
  --dot-bg: var(--brown);
  --dot-size: 16%;
  --dot-tile-size: 0.75rem;
  background-color: var(--dot-bg);
  background-image: radial-gradient(var(--dot) var(--dot-size), transparent var(--dot-size)), radial-gradient(var(--dot) var(--dot-size), transparent var(--dot-size));
  background-position: 0 0, calc(var(--dot-tile-size) / 2) calc(var(--dot-tile-size) / 2);
  background-size: var(--dot-tile-size) var(--dot-tile-size);
  mask-image: radial-gradient(circle, transparent 15%, white 15%);
  mask-position: center;
  mask-size: 100%;
  animation: circle 2s forwards;
}
@media (min-width: 32.5rem) {
  .title-stage:before {
    animation-duration: 4s;
  }
}

@keyframes circle {
  from {
    mask-size: 100%;
  }
  to {
    mask-size: 1100%;
  }
}
@keyframes polka {
  0% {
    background-position: calc(var(--dot-tile-size) / 2) calc(var(--dot-tile-size) / 2), 0 0;
  }
  25% {
    background-position: 0 0, calc(var(--dot-tile-size) / 2) calc(var(--dot-tile-size) / 2);
  }
  50% {
    background-position: 0 0, calc(var(--dot-tile-size) / 2) calc(var(--dot-tile-size) / 2);
  }
  75% {
    background-position: calc(var(--dot-tile-size) / 2) calc(var(--dot-tile-size) / 2), 0 0;
  }
  100% {
    background-position: calc(var(--dot-tile-size) / 2) calc(var(--dot-tile-size) / 2), 0 0;
  }
}
.title img {
  visibility: hidden;
}
.title .teppan {
  animation: teppan 0.45s cubic-bezier(0.32, 0, 0.67, 0) forwards;
}
.title .text-bg {
  animation: bg 0.55s 0.15s cubic-bezier(0.32, 0, 0.67, 0) forwards;
}
.title .text-01 {
  animation: fade-up 0.35s 0.7s cubic-bezier(0.32, 0, 0.67, 0) forwards;
}
.title .text-02 {
  animation: fade-up 0.35s 0.9s cubic-bezier(0.32, 0, 0.67, 0) forwards;
}
.title .text-03 {
  animation: roll-in 0.35s 1.1s cubic-bezier(0.32, 0, 0.67, 0) forwards;
}
.title .text-para {
  animation: expand 0.35s 1.2s cubic-bezier(0.32, 0, 0.67, 0) forwards;
}
.title .scraper {
  animation: scraper 0.55s 1s cubic-bezier(0.32, 0, 0.67, 0) forwards;
}
.title .speech {
  animation: appear 0.5s 1.7s ease-in-out forwards;
}
.title .person-l {
  animation: appear 0.35s 1.9s ease-in-out forwards;
}
.title .person-r {
  animation: appear 0.35s 2.3s ease-in-out forwards;
}

@keyframes teppan {
  0% {
    visibility: visible;
    filter: drop-shadow(0 80px 10px rgba(40, 0, 0, 0.5));
    transform: translateY(-300%) scale(1.2);
  }
  50% {
    filter: drop-shadow(0 80px 0 rgba(40, 0, 0, 0.5));
  }
  100% {
    visibility: visible;
    filter: drop-shadow(0 0 0 rgba(40, 0, 0, 0.5));
    transform: translateY(0) scale(1);
  }
}
@keyframes appear {
  0% {
    visibility: visible;
    transform: scale(0.65);
    transform-origin: bottom center;
  }
  80% {
    transform: scale(1.1);
  }
  100% {
    visibility: visible;
    transform: scale(1);
  }
}
@keyframes fade-up {
  0% {
    visibility: visible;
    opacity: 0;
    transform: scale(0.9);
  }
  70% {
    opacity: 1;
    transform: scale(1.1);
  }
  90% {
    transform: scale(0.9);
  }
  100% {
    visibility: visible;
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
@keyframes roll-in {
  0% {
    visibility: visible;
    opacity: 0;
    transform: rotate(-45deg);
  }
  50% {
    opacity: 1;
  }
  100% {
    visibility: visible;
    opacity: 1;
    transform: rotate(0deg);
  }
}
@keyframes expand {
  0% {
    visibility: visible;
    opacity: 0;
    transform: scaleX(0.5);
  }
  100% {
    visibility: visible;
    opacity: 1;
    transform: scaleX(1);
  }
}
@keyframes bg {
  0% {
    visibility: visible;
    opacity: 0;
    filter: drop-shadow(0 80px 0 var(--brown));
    transform: rotateX(-45deg) translateY(-100%) scale(0.3);
    transform-origin: 50% 100%;
  }
  50% {
    opacity: 1;
  }
  100% {
    visibility: visible;
    opacity: 1;
    filter: drop-shadow(0 0 0 var(--brown));
    transform: rotateX(0deg) translateY(0%) scale(1);
    transform-origin: 50% -100%;
  }
}
@keyframes scraper {
  0% {
    visibility: visible;
    opacity: 0;
    filter: drop-shadow(0 80px 0 var(--brown));
    transform: translateX(100%) scale(0.3);
    transform-origin: -100% 50%;
  }
  50% {
    opacity: 1;
  }
  100% {
    visibility: visible;
    opacity: 1;
    filter: drop-shadow(0 0 0 var(--brown));
    transform: translateX(0%) scale(1);
    transform-origin: 200% 50%;
  }
}
.icon-line {
  display: block;
  width: 2.375rem;
  aspect-ratio: 1;
  background-color: currentColor;
  mask-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 43 40"%3E%3Cpath d="M42.1946 17.0337C42.1946 7.6321 32.7679 0 21.2074 0C9.64684 0 0.220215 7.6321 0.220215 17.0337C0.220215 25.4561 7.67619 32.4975 17.7932 33.8405C18.1616 33.8512 18.521 33.9556 18.8374 34.1445C19.1538 34.3335 19.4166 34.6012 19.6007 34.9205C19.7818 35.5183 19.8204 36.1498 19.7137 36.7653C19.7137 36.7653 19.4626 38.246 19.4124 38.5598C19.3245 39.0996 18.9857 40.6437 21.2325 39.7023C23.4793 38.7609 33.3077 32.5853 37.7135 27.5142C40.5101 24.734 42.117 20.9763 42.1946 17.0337ZM14.1782 21.7027C14.1799 21.7532 14.1714 21.8039 14.1532 21.851C14.135 21.8982 14.1076 21.941 14.0725 21.9773C14.0373 22.0136 13.9952 22.0422 13.9487 22.0619C13.9021 22.0816 13.8522 22.0913 13.8016 22.0913H8.26611C8.21471 22.093 8.16354 22.085 8.11595 22.0655C8.06835 22.0461 8.02543 22.0158 7.98999 21.9785V21.9785C7.92363 21.907 7.88761 21.8125 7.88956 21.715V21.715V13.029C7.88956 12.9258 7.93058 12.8274 8.00355 12.7544C8.07653 12.6814 8.17547 12.6404 8.27867 12.6404H9.64689C9.75009 12.6404 9.84903 12.6814 9.922 12.7544C9.99497 12.8274 10.036 12.9258 10.036 13.029V19.9584H13.8016C13.8522 19.9584 13.9021 19.9681 13.9487 19.9878C13.9952 20.0075 14.0373 20.0361 14.0725 20.0724C14.1076 20.1087 14.135 20.1515 14.1532 20.1987C14.1714 20.2458 14.1799 20.2965 14.1782 20.347V21.7027ZM17.5673 21.7027C17.5673 21.8059 17.5263 21.9043 17.4533 21.9773C17.3803 22.0503 17.2814 22.0913 17.1782 22.0913H15.81C15.7068 22.0913 15.6078 22.0503 15.5348 21.9773C15.4619 21.9043 15.4208 21.8059 15.4208 21.7027V13.0167C15.4208 12.9135 15.4619 12.8139 15.5348 12.7409C15.6078 12.6679 15.7068 12.6269 15.81 12.6269H17.1782C17.2814 12.6269 17.3803 12.6679 17.4533 12.7409C17.5263 12.8139 17.5673 12.9135 17.5673 13.0167V21.7027ZM27.1446 21.7027C27.1446 21.8059 27.1036 21.9043 27.0306 21.9773C26.9576 22.0503 26.8587 22.0913 26.7555 22.0913H25.1488C25.1092 22.0645 25.0751 22.0315 25.0483 21.992L21.0567 16.6071V21.7652C21.0567 21.8684 21.0158 21.9681 20.9428 22.041C20.8698 22.114 20.7708 22.155 20.6676 22.155H19.3121C19.2089 22.155 19.1098 22.114 19.0369 22.041C18.9639 21.9681 18.9229 21.8684 18.9229 21.7652V13.0792C18.9229 12.976 18.9639 12.8776 19.0369 12.8047C19.1098 12.7317 19.2089 12.6907 19.3121 12.6907H20.9313L24.9103 18.1258V12.9162C24.9103 12.813 24.9513 12.7146 25.0243 12.6416C25.0972 12.5687 25.1962 12.5276 25.2994 12.5276H26.7303C26.8335 12.5276 26.9325 12.5687 27.0054 12.6416C27.0784 12.7146 27.1194 12.813 27.1194 12.9162L27.1446 21.7027ZM34.8014 14.3847C34.8014 14.4846 34.7617 14.5801 34.691 14.6507C34.6204 14.7213 34.5247 14.761 34.4248 14.761H30.6592V16.2933H34.4248C34.5247 16.2933 34.6204 16.333 34.691 16.4036C34.7617 16.4742 34.8014 16.5697 34.8014 16.6696V18.0376C34.8014 18.1386 34.7622 18.2359 34.6919 18.3085C34.6216 18.3811 34.5258 18.4229 34.4248 18.4262H30.6592V19.9449H34.4248C34.5258 19.9482 34.6216 19.9912 34.6919 20.0638C34.7622 20.1364 34.8014 20.2337 34.8014 20.3347V21.7027C34.8014 21.8038 34.7622 21.901 34.6919 21.9736C34.6216 22.0462 34.5258 22.088 34.4248 22.0913H28.8768C28.8275 22.0913 28.7787 22.0813 28.7334 22.0619C28.6881 22.0424 28.6472 22.0142 28.6132 21.9785V21.9785C28.5468 21.907 28.5108 21.8125 28.5127 21.715V21.715V13.029C28.5113 12.9278 28.5471 12.8299 28.6132 12.7532V12.7532C28.686 12.6889 28.7797 12.6532 28.8768 12.6527H34.4248C34.5258 12.6559 34.6216 12.6977 34.6919 12.7703C34.7622 12.843 34.8014 12.9402 34.8014 13.0412V14.3847Z" /%3E%3C/svg%3E');
  mask-repeat: no-repeat;
}

.reach {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 2.5rem;
}
.reach a {
  transition: color 0.25s ease;
}
.reach a:hover, .reach a:focus-visible {
  color: var(--orange);
}
.reach ul {
  display: flex;
  align-items: center;
  gap: 2.5rem;
}
.reach [data-platform=mail] {
  display: flex;
  align-items: center;
  gap: 0 0.3rem;
}
.reach .hb-email-outline {
  font-size: 1.875rem;
}
.reach .hb-hobonichi-logo {
  font-size: 3.125rem;
}
.reach .share {
  display: flex;
  align-items: center;
  gap: 0 1.75rem;
}
.reach .share h3 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3rem;
  height: 2rem;
  border-block: 1px solid var(--brown);
}
.reach .share h3:before {
  content: "";
  display: block;
  width: 2.325rem;
  height: 1rem;
  background-color: currentColor;
  mask-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 38 10"%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M3.34803 9.07203C5.13603 9.07203 6.51603 8.13603 6.51603 6.48003C6.51603 5.72403 6.31203 5.10003 5.85603 4.66803C5.49603 4.33203 5.00403 4.11603 4.22403 4.00803L3.21603 3.86403C2.86803 3.81603 2.59203 3.68403 2.42403 3.52803C2.24403 3.36003 2.17203 3.13203 2.17203 2.91603C2.17203 2.32803 2.60403 1.83603 3.49203 1.83603C4.05603 1.83603 4.70403 1.90803 5.24403 2.42403L6.30003 1.38003C5.56803 0.672034 4.71603 0.384033 3.54003 0.384033C1.69203 0.384033 0.564027 1.45203 0.564027 2.97603C0.564027 3.69603 0.768027 4.24803 1.17603 4.65603C1.56003 5.02803 2.10003 5.25603 2.83203 5.36403L3.86403 5.50803C4.26003 5.56803 4.45203 5.65203 4.62003 5.80803C4.80003 5.97604 4.88403 6.22803 4.88403 6.52803C4.88403 7.21203 4.35603 7.58403 3.37203 7.58403C2.58003 7.58403 1.84803 7.40403 1.30803 6.86403L0.228027 7.94403C1.06803 8.79603 2.05203 9.07203 3.34803 9.07203ZM14.3138 9.00006H12.6458V5.42406H9.75382V9.00006H8.08582V0.456055H9.75382V3.94806H12.6458V0.456055H14.3138V9.00006ZM21.1607 9.00006H22.9007L19.7807 0.456055H18.4727L15.3647 9.00006H17.1047L17.6207 7.48806H20.6567L21.1607 9.00006ZM19.1687 2.97606L20.2127 6.08405H18.0887L19.1687 2.97606ZM30.421 9.00006H28.489L26.821 5.59205H25.621V9.00006H23.953V0.456055H27.301C29.041 0.456055 30.073 1.64405 30.073 3.07205C30.073 4.27205 29.341 5.01606 28.513 5.31606L30.421 9.00006ZM28.405 3.07205C28.405 2.41205 27.925 1.94406 27.193 1.94406H25.621V4.20006H27.193C27.925 4.20006 28.405 3.73205 28.405 3.07205ZM37.4326 9.00006H31.8046V0.456055H37.4326V1.94406H33.4726V3.94806H36.8446V5.43605H33.4726V7.51205H37.4326V9.00006Z" /%3E%3C/svg%3E');
  mask-repeat: no-repeat;
  mask-position: center;
}
.reach .share [class*=hb-] {
  font-size: 2.375rem;
}
@media (min-width: 48rem) {
  .reach {
    flex-direction: row;
  }
}