@import "https://fonts.googleapis.com/css2?family=Fredoka:wdth,wght@75..125,300..700&family=Zen+Maru+Gothic:wght@300;400;500;700;900&display=swap";
@font-face {
  font-family: APJapanesefont;
  src: url(../fonts/APJapanesefont.ttf) format("truetype");
}
:root {
  --opening-z-index: 1200;
  --opening-bg-base: #f8e6ca;
  --opening-pattern-tile-size: 168px;
  --opening-pattern-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='168' height='168' viewBox='0 0 168 168'%3E%3Crect width='168' height='168' fill='none'/%3E%3Cg fill='%23fff8ef' fill-opacity='0.9'%3E%3Ccircle cx='26' cy='26' r='2.4'/%3E%3Ccircle cx='92' cy='78' r='2.6'/%3E%3Ccircle cx='148' cy='138' r='2.4'/%3E%3C/g%3E%3Cg fill='%23fff8ef' fill-opacity='0.82'%3E%3Cpath d='M16 10l2.3 4.6 5.1.7-3.7 3.6.9 5.1-4.6-2.4-4.6 2.4.9-5.1-3.7-3.6 5.1-.7z'/%3E%3Cpath d='M98 14l2 4.2 4.6.7-3.3 3.2.8 4.7-4.1-2.1-4.1 2.1.8-4.7-3.3-3.2 4.6-.7z'/%3E%3Cpath d='M60 96l2 4.2 4.6.7-3.3 3.2.8 4.7-4.1-2.1-4.1 2.1.8-4.7-3.3-3.2 4.6-.7z'/%3E%3Cpath d='M142 86l2 4.2 4.6.7-3.3 3.2.8 4.7-4.1-2.1-4.1 2.1.8-4.7-3.3-3.2 4.6-.7z'/%3E%3Cpath d='M20 140l2.3 4.6 5.1.7-3.7 3.6.9 5.1-4.6-2.4-4.6 2.4.9-5.1-3.7-3.6 5.1-.7z'/%3E%3C/g%3E%3Cg fill='%23fff8ef' fill-opacity='0.86'%3E%3Cg transform='translate(40 48) rotate(-34)'%3E%3Crect x='-13' y='-7' width='26' height='14' rx='7'/%3E%3Crect x='-1.2' y='-7' width='2.4' height='14' fill='%23f8e6ca' fill-opacity='0.92'/%3E%3C/g%3E%3Cg transform='translate(122 42) rotate(-34)'%3E%3Crect x='-12' y='-6.5' width='24' height='13' rx='6.5'/%3E%3Crect x='-1.1' y='-6.5' width='2.2' height='13' fill='%23f8e6ca' fill-opacity='0.92'/%3E%3C/g%3E%3Cg transform='translate(30 116) rotate(-34)'%3E%3Crect x='-12' y='-6.5' width='24' height='13' rx='6.5'/%3E%3Crect x='-1.1' y='-6.5' width='2.2' height='13' fill='%23f8e6ca' fill-opacity='0.92'/%3E%3C/g%3E%3Cg transform='translate(106 122) rotate(-34)'%3E%3Crect x='-13' y='-7' width='26' height='14' rx='7'/%3E%3Crect x='-1.2' y='-7' width='2.4' height='14' fill='%23f8e6ca' fill-opacity='0.92'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  --opening-fade-duration: 0.36s;
  --opening-clock-run-duration: 1.4s;
  --opening-clock-size-sp: 160px;
  --opening-clock-size-pc: 160px;
  --opening-clock-face: #f5f5f5;
  --opening-clock-border: #6b4540;
  --opening-clock-hour-width-sp: 61px;
  --opening-clock-hour-height-sp: 10px;
  --opening-clock-hour-width-pc: 61px;
  --opening-clock-hour-height-pc: 10px;
  --opening-clock-hour-tail-length-sp: 15px;
  --opening-clock-hour-tail-length-pc: 15px;
  --opening-clock-hour-forward-length-sp: 46px;
  --opening-clock-hour-forward-length-pc: 46px;
  --opening-clock-hour-thickness-sp: 10px;
  --opening-clock-hour-thickness-pc: 10px;
  --opening-clock-hour-color: #6b4540;
  --opening-clock-hour-pivot-x-sp: 15px;
  --opening-clock-hour-pivot-y-sp: 5px;
  --opening-clock-hour-pivot-x-pc: 15px;
  --opening-clock-hour-pivot-y-pc: 5px;
  --opening-clock-hour-base-angle: -90deg;
  --opening-clock-minute-width-sp: 86px;
  --opening-clock-minute-height-sp: 8px;
  --opening-clock-minute-width-pc: 86px;
  --opening-clock-minute-height-pc: 8px;
  --opening-clock-minute-tail-length-sp: 14px;
  --opening-clock-minute-tail-length-pc: 14px;
  --opening-clock-minute-forward-length-sp: 72px;
  --opening-clock-minute-forward-length-pc: 72px;
  --opening-clock-minute-thickness-sp: 8px;
  --opening-clock-minute-thickness-pc: 8px;
  --opening-clock-minute-color: #a58c86;
  --opening-clock-minute-pivot-x-sp: 14px;
  --opening-clock-minute-pivot-y-sp: 4px;
  --opening-clock-minute-pivot-x-pc: 14px;
  --opening-clock-minute-pivot-y-pc: 4px;
  --opening-clock-minute-base-angle: -90deg;
  --opening-clock-pin-size-sp: 11px;
  --opening-clock-pin-size-pc: 11px;
  --opening-clock-pin-color: #fff;
  --opening-clock-pin-ring-width-sp: 1px;
  --opening-clock-pin-ring-width-pc: 1px;
  --opening-clock-pin-ring-color: #f3f3f3;
  --opening-hour-start-angle: 70deg;
  --opening-hour-end-angle: 110deg;
  --opening-minute-start-angle: 30deg;
  --opening-minute-end-angle: 240deg;
  --opening-clock-ease: cubic-bezier(0.22, 1, 0.36, 1);
}
*,
:before,
:after,
::backdrop {
  box-sizing: border-box;
  border: 0 solid;
  margin: 0;
  padding: 0;
}
::file-selector-button {
  box-sizing: border-box;
  border: 0 solid;
  margin: 0;
  padding: 0;
}
html,
:host {
  -webkit-text-size-adjust: 100%;
  tab-size: 4;
  font-feature-settings: normal;
  font-variation-settings: normal;
  -webkit-tap-highlight-color: transparent;
  color: #643f3a;
  font-family:
    Zen Maru Gothic,
    sans-serif;
  line-height: 1.5;
}
body {
  line-height: inherit;
}
hr {
  height: 0;
  color: inherit;
  border-top-width: 1px;
}
abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}
a {
  color: inherit;
  -webkit-text-decoration: inherit;
  text-decoration: inherit;
}
b,
strong {
  font-weight: bolder;
}
code,
kbd,
samp,
pre {
  font-feature-settings: normal;
  font-variation-settings: normal;
  font-family:
    ui-monospace,
    SFMono-Regular,
    Menlo,
    Monaco,
    Consolas,
    Liberation Mono,
    Courier New,
    monospace;
  font-size: 1em;
}
small {
  font-size: 80%;
}
sub,
sup {
  vertical-align: baseline;
  font-size: 75%;
  line-height: 0;
  position: relative;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
table {
  text-indent: 0;
  border-color: inherit;
  border-collapse: collapse;
}
:-moz-focusring {
  outline: auto;
}
progress {
  vertical-align: baseline;
}
summary {
  display: list-item;
}
ol,
ul,
menu {
  list-style: none;
}
img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  vertical-align: middle;
  display: block;
}
img,
video {
  max-width: 100%;
  height: auto;
}
button,
input,
select,
optgroup,
textarea {
  font: inherit;
  font-feature-settings: inherit;
  font-variation-settings: inherit;
  letter-spacing: inherit;
  color: inherit;
  opacity: 1;
  background-color: #0000;
  border-radius: 0;
}
::file-selector-button {
  font: inherit;
  font-feature-settings: inherit;
  font-variation-settings: inherit;
  letter-spacing: inherit;
  color: inherit;
  opacity: 1;
  background-color: #0000;
  border-radius: 0;
}
:where(select:is([multiple], [size])) optgroup {
  font-weight: bolder;
}
:where(select:is([multiple], [size])) optgroup option {
  padding-inline-start: 20px;
}
::file-selector-button {
  margin-inline-end: 4px;
}
::placeholder {
  opacity: 1;
}
@supports (not ((-webkit-appearance: -apple-pay-button))) or (contain-intrinsic-size: 1px) {
  ::placeholder {
    color: currentColor;
  }
  @supports (color: color-mix(in lab, red, red)) {
    ::placeholder {
      color: color-mix(in oklab, currentcolor 50%, transparent);
    }
  }
}
textarea {
  resize: vertical;
}
::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-date-and-time-value {
  min-height: 1lh;
  text-align: inherit;
}
::-webkit-datetime-edit {
  display: inline-flex;
}
::-webkit-datetime-edit-fields-wrapper {
  padding: 0;
}
::-webkit-datetime-edit {
  padding-block: 0;
}
::-webkit-datetime-edit-year-field {
  padding-block: 0;
}
::-webkit-datetime-edit-month-field {
  padding-block: 0;
}
::-webkit-datetime-edit-day-field {
  padding-block: 0;
}
::-webkit-datetime-edit-hour-field {
  padding-block: 0;
}
::-webkit-datetime-edit-minute-field {
  padding-block: 0;
}
::-webkit-datetime-edit-second-field {
  padding-block: 0;
}
::-webkit-datetime-edit-millisecond-field {
  padding-block: 0;
}
::-webkit-datetime-edit-meridiem-field {
  padding-block: 0;
}
:-moz-ui-invalid {
  box-shadow: none;
}
button,
input:where([type="button"], [type="reset"], [type="submit"]) {
  appearance: button;
}
::file-selector-button {
  appearance: button;
}
::-webkit-inner-spin-button {
  height: auto;
}
::-webkit-outer-spin-button {
  height: auto;
}
[hidden]:where(:not([hidden="until-found"])) {
  display: none !important;
}
.u__pc {
  display: block;
}
@media screen and (width>=769px) and (width<=1023px) {
  .u__pc {
    display: none;
  }
}
@media screen and (width<=768px) {
  .u__pc {
    display: none;
  }
}
.u__md {
  display: none;
}
@media screen and (width>=769px) and (width<=1023px) {
  .u__md {
    display: block;
  }
}
@media screen and (width<=768px) {
  .u__md {
    display: none;
  }
}
.u__sm {
  display: none;
}
@media screen and (width<=768px) {
  .u__sm {
    display: block;
  }
}
.u__sp {
  display: none;
}
@media screen and (width<=560px) {
  .u__sp {
    display: block;
  }
}
.font-en {
  font-family: Fredoka, sans-serif;
}
.font-body {
  letter-spacing: 1.3px;
  font-size: 16px;
  font-weight: 500;
  line-height: 200%;
}
@media screen and (width<=560px) {
  .font-body {
    font-size: 14px;
  }
}
.font-bold {
  font-weight: 900;
}
.u__margin-auto {
  margin: auto;
}
@keyframes floating1 {
  0% {
    translate: 0;
    scale: 1;
  }
  40% {
    translate: 0 -22px;
    scale: 1.02;
  }
  75% {
    translate: 0 6px;
    scale: 0.99;
  }
  to {
    translate: 0;
    scale: 1;
  }
}
@keyframes floating2 {
  0% {
    translate: 0;
    scale: 1;
  }
  35% {
    translate: 0 16px;
    scale: 0.98;
  }
  70% {
    translate: 0 -12px;
    scale: 1.03;
  }
  to {
    translate: 0;
    scale: 1;
  }
}
@keyframes floating3 {
  0% {
    translate: 0;
    scale: 1;
  }
  30% {
    translate: 0 -30px;
    scale: 1.04;
  }
  65% {
    translate: 0 10px;
    scale: 0.97;
  }
  to {
    translate: 0;
    scale: 1;
  }
}
@keyframes floating4 {
  0% {
    translate: 0;
    scale: 1;
  }
  45% {
    translate: 0 18px;
    scale: 0.98;
  }
  80% {
    translate: 0 -25px;
    scale: 1.03;
  }
  to {
    translate: 0;
    scale: 1;
  }
}
@keyframes floating5 {
  0% {
    translate: 0;
    scale: 1;
  }
  25% {
    translate: 0 -14px;
    scale: 1.01;
  }
  50% {
    translate: 0 12px;
    scale: 0.99;
  }
  75% {
    translate: 0 -6px;
    scale: 1.01;
  }
  to {
    translate: 0;
    scale: 1;
  }
}
@keyframes bgMove {
  0% {
    background-position: 0 0;
  }
  to {
    background-position: 1260px -1260px;
  }
}
@keyframes opening-hour {
  0% {
    transform: translateX(-50%) rotate(var(--opening-hour-start-angle));
  }
  to {
    transform: translateX(-50%) rotate(var(--opening-hour-end-angle));
  }
}
@keyframes opening-minute {
  0% {
    transform: translateX(-50%) rotate(var(--opening-minute-start-angle));
  }
  to {
    transform: translateX(-50%) rotate(var(--opening-minute-end-angle));
  }
}
@keyframes neko-show {
  0% {
    transform: translate(250%) scale(1);
  }
  15% {
    transform: translate(170%, -50px) scale(0.97, 1.05);
  }
  30% {
    transform: translate(110%) scale(1.05, 0.95);
  }
  48% {
    transform: translate(60%, -28px) scale(0.98, 1.03);
  }
  62% {
    transform: translate(25%) scale(1.03, 0.97);
  }
  75% {
    transform: translate(8%, -12px) scale(0.99, 1.01);
  }
  88% {
    transform: translate(0) scale(1.01, 0.99);
  }
  to {
    transform: translate(0) scale(1);
  }
}
.header {
  z-index: 99999;
  background-color: #fff;
  width: 100%;
  height: 80px;
  display: flex;
  position: fixed;
  top: 0;
}
@media screen and (width<=768px) {
  .header {
    height: 64px;
  }
}
.header__logo {
  width: 100%;
  max-width: 293px;
  margin: auto;
  display: block;
}
@media screen and (width<=768px) {
  .header__logo {
    max-width: 220px;
  }
}
.footer {
  width: 100%;
  margin-top: auto;
  position: relative;
  overflow-x: clip;
}
.footer__top {
  aspect-ratio: 980/60;
  background: url(../images/footer_top.svg) 50% / cover no-repeat;
  width: 100%;
  height: auto;
  margin-bottom: -2px;
  position: relative;
}
.footer__top.top-page:before {
  content: "";
  z-index: -1;
  background: radial-gradient(
    145.14% 100% at 52.11% 0,
    #cdecfc00 0%,
    #cdecfc33 36%,
    #ffa60080 55%,
    #e7170099 80%
  );
  width: 100%;
  height: 560px;
  position: absolute;
  bottom: -150%;
}
@media screen and (width>=769px) and (width<=1023px) {
  .footer__top.top-page:before {
    bottom: -120%;
  }
}
@media screen and (width<=768px) {
  .footer__top {
    aspect-ratio: 980/160;
    background: url(../images/footer_top-sp.svg) 50% / cover no-repeat;
  }
}
.footer__top-button {
  cursor: pointer;
  position: absolute;
  top: auto;
  bottom: 0%;
  right: 6%;
}
@media screen and (width<=768px) {
  .footer__top-button {
    right: 4%;
  }
}
.footer__top-button.is-visible {
  opacity: 1;
  animation: 1.3s ease-out forwards neko-show;
}
.footer__top-button.is-visible + .bubble {
  opacity: 1;
}
.footer__content {
  color: #fff;
  background-color: #643f3a;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 32px 80px 48px;
  font-size: 12px;
  display: flex;
}
@media screen and (width<=768px) {
  .footer__content {
    gap: 48px;
    padding: 32px 40px 48px;
  }
}
@media screen and (width<=560px) {
  .footer__content {
    flex-direction: column;
    gap: 32px;
    padding: 0 20px 48px;
  }
}
.footer__content__left {
  align-items: center;
  gap: 50px;
  margin-right: 50px;
  display: flex;
}
@media screen and (width<=768px) {
  .footer__content__left {
    margin-right: 0;
  }
}
.footer__content__right {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}
@media screen and (width>=769px) and (width<=1023px) {
  .footer__content__right {
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
  }
}
@media screen and (width<=768px) {
  .footer__content__right {
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
  }
}
@media screen and (width<=560px) {
  .footer__content__right {
    align-items: center;
  }
}
.footer__content__right.info {
  flex-direction: column;
  gap: 16px;
  display: flex;
}
@media screen and (width<=560px) {
  .footer__content__right.info {
    gap: 10px;
  }
}
.footer__text-block {
  letter-spacing: 1.3px;
  font-weight: 500;
  line-height: 140%;
  display: block;
}
.footer__text-block .footer__copyright {
  margin-top: 1em;
  display: block;
}
@media screen and (width<=560px) {
  .footer__text-block .footer__copyright {
    margin-top: 10px;
  }
}
.footer__x {
  align-items: center;
  gap: 16px;
  font-size: 14px;
  font-weight: 500;
  display: flex;
}
.footer__x img {
  width: 40px;
  height: 40px;
}
.footer__logo {
  max-width: 234px;
}
.bossneko-wrapper {
  opacity: 0;
  z-index: 10;
  position: relative;
}
.bossneko-wrapper.is-visible {
  opacity: 1;
  animation: 1.3s ease-out forwards neko-show;
}
.bossneko-wrapper.is-visible + .bubble {
  opacity: 1;
}
.bossneko {
  z-index: 10;
  width: 200px;
  height: auto;
  transition: transform 0.3s;
  position: relative;
  transform: translateZ(0);
}
@media (hover: hover) and (pointer: fine) {
  .bossneko:hover {
    transform: rotate(6deg) translateY(-5px);
  }
}
@media screen and (width<=560px) {
  .bossneko {
    width: 160px;
  }
}
.bubble {
  z-index: 10;
  opacity: 0;
  width: 83px;
  height: auto;
  transition: opacity 2s cubic-bezier(0.165, 0.84, 0.44, 1) 1.3s;
  position: absolute;
  top: -15%;
  right: -5%;
}
@media screen and (width<=560px) {
  .bubble {
    width: 66px;
  }
}
.looping_text {
  background: url(../images/looping_text.png) 0/955.5px 64px repeat-x;
  width: 100%;
  height: 64px;
  margin-top: 80px;
  animation: 40s linear infinite looping;
}
@media screen and (width<=768px) {
  .looping_text {
    margin-top: 64px;
  }
}
@keyframes looping {
  0% {
    background-position: 0;
  }
  to {
    background-position: 955.5px;
  }
}
.sns {
  z-index: 10;
  opacity: 0;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  transition: opacity 2s cubic-bezier(0.165, 0.84, 0.44, 1) 0.5s;
  display: flex;
  position: relative;
}
.sns.is-visible {
  opacity: 1;
}
.sns__title {
  width: 230px;
  height: auto;
  margin-bottom: 48px;
}
@media screen and (width<=768px) {
  .sns__title {
    width: 184px;
    margin-bottom: 32px;
  }
}
.sns__banner {
  transform-origin: 50%;
  width: 100%;
  max-width: 320px;
  height: auto;
  transition: transform 0.25s;
}
.sns__banner img {
  object-fit: contain;
  border: 2px solid #fcc529;
  border-radius: 8px;
}
@media screen and (width<=768px) {
  .sns__banner {
    max-width: 480px;
  }
}
@media screen and (width<=560px) {
  .sns__banner {
    max-width: 320px;
  }
}
@media (hover: hover) and (pointer: fine) {
  .sns__banner:hover {
    transform: scale(1.05);
  }
}
.sns__poster {
  z-index: 20;
  transform-origin: 50%;
  border: 2px solid #dccfcb;
  width: 100%;
  max-width: 160px;
  height: auto;
  animation: 7s ease-in-out infinite floating5;
  position: absolute;
  bottom: -120%;
  right: 5%;
  transform: rotate(15deg);
}
@media screen and (width<=560px) {
  .sns__poster {
    max-width: 120px;
    right: 20%;
  }
}
.sns__motif .sakura-01 {
  transform-origin: 50%;
  filter: blur(1px);
  z-index: 2;
  background: url(../images/motif/sakura-01.png) 50% / contain no-repeat;
  width: 41px;
  height: 45px;
  animation: 7s ease-in-out infinite floating2;
  position: absolute;
  bottom: -70%;
  left: 5%;
}
@media screen and (width<=560px) {
  .sns__motif .sakura-01 {
    width: 29px;
    height: 30px;
  }
}
.sns__motif .eda {
  transform-origin: 50%;
  background: url(../images/motif/eda.png) 50% / contain no-repeat;
  width: 34px;
  height: 299px;
  animation: 7s ease-in-out infinite floating2;
  position: absolute;
  top: -75%;
  left: 18%;
  transform: rotate(60deg);
}
@media screen and (width<=768px) {
  .sns__motif .eda {
    left: 10%;
  }
}
@media screen and (width<=560px) {
  .sns__motif .eda {
    width: 33px;
    height: 198px;
    left: 5%;
  }
}
.sns__motif .donguri-03 {
  transform-origin: 50%;
  filter: blur(1px);
  background: url(../images/motif/donguri-3.png) 50% / contain no-repeat;
  width: 36px;
  height: 60px;
  animation: 5s ease-in-out infinite floating1;
  position: absolute;
  top: 5%;
  right: 12%;
  transform: rotate(75deg);
}
@media screen and (width>=769px) and (width<=1023px) {
  .sns__motif .donguri-03 {
    right: 10%;
  }
}
@media screen and (width<=768px) {
  .sns__motif .donguri-03 {
    right: 7%;
  }
}
@media screen and (width<=560px) {
  .sns__motif .donguri-03 {
    width: 26px;
    height: 45px;
  }
}
.introduction {
  isolation: isolate;
  opacity: 0;
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  transition: opacity 2s cubic-bezier(0.165, 0.84, 0.44, 1) 0.5s;
  position: relative;
  overflow-x: clip;
}
.introduction.is-visible {
  opacity: 1;
}
.introduction__content {
  z-index: 1;
  padding: 160px 0 0 80px;
  position: relative;
}
@media screen and (width<=768px) {
  .introduction__content {
    padding: 160px 0 0 20px;
  }
}
.introduction__title {
  width: 100%;
  max-width: 579px;
  height: auto;
}
@media screen and (width<=768px) {
  .introduction__title {
    max-width: 347px;
  }
}
.introduction__body {
  gap: 40px;
  width: 100%;
  max-width: 1280px;
  height: auto;
  display: flex;
  position: relative;
}
@media screen and (width<=768px) {
  .introduction__body {
    gap: 0;
  }
}
.introduction__text {
  width: 100%;
  max-width: 675px;
  height: auto;
  display: block;
}
@media screen and (width<=560px) {
  .introduction__text {
    width: 70vw;
  }
}
.introduction__text img {
  width: 100%;
  max-width: 675px;
}
@media screen and (width<=768px) {
  .introduction__text img {
    max-width: 436px;
  }
}
.introduction__chara {
  z-index: 1;
  background: url(../images/chara/characters.png) 50% / contain no-repeat;
  width: 100%;
  max-width: 360px;
  height: auto;
  display: block;
  position: relative;
  transform: translateY(-30px);
}
@media screen and (width<=768px) {
  .introduction__chara {
    max-width: 40vw;
  }
}
@media screen and (width<=560px) {
  .introduction__chara {
    background: url(../images/chara/characters-sp.png) 50% / contain no-repeat;
    max-width: 30vw;
  }
}
.introduction__motif .donguri-02 {
  transform-origin: 50%;
  z-index: 1;
  background: url(../images/motif/donguri-2.png) 50% / contain no-repeat;
  width: 43px;
  height: 34px;
  animation: 7s ease-in-out infinite floating4;
  position: absolute;
  top: 15%;
  left: 20%;
}
@media screen and (width<=768px) {
  .introduction__motif .donguri-02 {
    top: 10%;
    left: 20%;
  }
}
@media screen and (width<=560px) {
  .introduction__motif .donguri-02 {
    width: 31px;
    height: 24px;
  }
}
.introduction__motif .sakura-02 {
  transform-origin: 50%;
  z-index: 1;
  background: url(../images/motif/sakura-02.png) 50% / contain no-repeat;
  width: 43px;
  height: 35px;
  animation: 7s ease-in-out infinite floating3;
  position: absolute;
  bottom: -10%;
  left: 35%;
}
@media screen and (width>=769px) and (width<=1023px) {
  .introduction__motif .sakura-02 {
    bottom: -8%;
  }
}
@media screen and (width<=560px) {
  .introduction__motif .sakura-02 {
    width: 29px;
    height: 23px;
    bottom: -15%;
    left: 20%;
  }
}
.introduction__motif .sakura-03 {
  transform-origin: 50%;
  z-index: -1;
  background: url(../images/motif/sakura-03.png) 50% / contain no-repeat;
  width: 43px;
  height: 35px;
  animation: 5s ease-in-out infinite floating1;
  position: absolute;
  bottom: 25%;
  left: 0%;
}
@media screen and (width<=768px) {
  .introduction__motif .sakura-03 {
    bottom: 35%;
  }
}
@media screen and (width<=560px) {
  .introduction__motif .sakura-03 {
    width: 29px;
    height: 22px;
  }
}
.introduction__motif .sakura-04 {
  transform-origin: 50%;
  z-index: -1;
  background: url(../images/motif/sakura-04.png) 50% / contain no-repeat;
  width: 49px;
  height: 35px;
  animation: 5s ease-in-out infinite floating5;
  position: absolute;
  top: 38%;
  right: 3%;
}
@media screen and (width<=768px) {
  .introduction__motif .sakura-04 {
    right: 5%;
  }
}
@media screen and (width<=560px) {
  .introduction__motif .sakura-04 {
    width: 33px;
    height: 23px;
    top: 30%;
    right: 0%;
  }
}
.introduction__motif .sakura-05 {
  transform-origin: 50%;
  z-index: -1;
  background: url(../images/motif/sakura-05.png) 50% / contain no-repeat;
  width: 33px;
  height: 34px;
  animation: 7s ease-in-out infinite floating4;
  position: absolute;
  bottom: 25%;
  left: 57%;
}
@media screen and (width<=768px) {
  .introduction__motif .sakura-05 {
    bottom: 30%;
  }
}
@media screen and (width<=560px) {
  .introduction__motif .sakura-05 {
    width: 22px;
    height: 22px;
  }
}
.introduction__motif .sakura-06 {
  transform-origin: 50%;
  z-index: -1;
  background: url(../images/motif/sakura-06.png) 50% / contain no-repeat;
  width: 37px;
  height: 33px;
  animation: 7s ease-in-out infinite floating3;
  position: absolute;
  top: 25%;
  right: 30%;
}
@media screen and (width>=769px) and (width<=1023px) {
  .introduction__motif .sakura-06 {
    right: 20%;
  }
}
@media screen and (width<=768px) {
  .introduction__motif .sakura-06 {
    top: 18%;
    right: 15%;
  }
}
@media screen and (width<=560px) {
  .introduction__motif .sakura-06 {
    width: 25px;
    height: 22px;
    top: 13%;
    right: 10%;
  }
}
.introduction__motif .matsubokkuri-03 {
  transform-origin: 50%;
  filter: blur(1px);
  z-index: -1;
  background: url(../images/motif/matsubokkuri-3.png) 50% / contain no-repeat;
  width: 77px;
  height: 88px;
  animation: 5s ease-in-out infinite floating1;
  position: absolute;
  bottom: 0%;
  right: 0%;
  overflow-x: hidden;
  transform: rotate(15deg);
}
@media screen and (width<=560px) {
  .introduction__motif .matsubokkuri-03 {
    width: 58px;
    height: 67px;
    bottom: -5%;
    right: -1%;
  }
}
.introduction__motif .soccer-ball {
  transform-origin: 50%;
  z-index: -1;
  background: url(../images/motif/soccer-ball.png) 50% / contain no-repeat;
  width: 99px;
  height: 97px;
  animation: 5s ease-in-out infinite floating2;
  position: absolute;
  bottom: -2%;
  right: 36%;
}
@media screen and (width>=769px) and (width<=1023px) {
  .introduction__motif .soccer-ball {
    bottom: -5%;
    right: 40%;
  }
}
@media screen and (width<=560px) {
  .introduction__motif .soccer-ball {
    width: 70px;
    height: 69px;
    bottom: -12%;
    right: 50%;
  }
}
body.is-opening {
  overflow: hidden;
}
body.is-opening main {
  visibility: hidden;
}
.opening {
  z-index: var(--opening-z-index);
  will-change: background-position;
  opacity: 1;
  background-image: url(../images/main_bg.jpg);
  background-position: top;
  background-repeat: repeat;
  background-size: 1260px 1260px;
  place-items: center;
  transition:
    opacity 0.8s ease-in-out,
    transform 0.8s ease-in-out;
  animation: 55s linear infinite bgMove;
  display: grid;
  position: fixed;
  inset: 0;
  transform: scale(1);
}
.opening--hide {
  opacity: 0;
  pointer-events: none;
}
.opening__clock {
  width: var(--opening-clock-size-sp, 161px);
  height: var(--opening-clock-size-sp, 161px);
  background: url(../images/clock/school-clock.svg) 50% / cover no-repeat;
  position: relative;
}
.opening__clock-hand {
  z-index: 2;
  background: 0 0;
  position: absolute;
  top: 50%;
  left: 50%;
}
.opening__clock-hand--hour {
  width: var(--opening-clock-hour-width-sp, 48px);
  height: var(--opening-clock-hour-height-sp, 10px);
  left: calc(50% - var(--opening-clock-hour-tail-length-sp, 11px));
  top: calc(50% - var(--opening-clock-hour-thickness-sp, 10px) / 2);
  transform-origin: var(--opening-clock-hour-pivot-x-sp, 11px)
    var(--opening-clock-hour-pivot-y-sp, 5px);
  transform: rotate(
    calc(var(--opening-hour-start-angle) + var(--opening-clock-hour-base-angle, 0deg))
  );
}
.opening__clock-hand--hour:after {
  content: "";
  left: -3px;
  top: calc(50% - var(--opening-clock-hour-thickness-pc) / 2);
  width: 70px;
  height: var(--opening-clock-hour-thickness-sp, 10px);
  border-radius: var(--radius-pill);
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIgAAAAUCAYAAABWHnVqAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAAFiUAABYlAUlSJPAAAAAOdEVYdFNvZnR3YXJlAEZpZ21hnrGWYwAAAqhJREFUaEPt2k+O2zYUx/HvoxRUu2FOEOUE9dLJIlFOkCsYSBez6xyhN0iXAdrF3CBXUIAg8C6aE4Q+wXB2zsTirwtajuPazZ9dM/wABiSTJmziPYmin7G16Dpfp9sLjOeC+4Y+gPl8zBngt12j4MbQB2Q3wIAUMWYy66bx8uczYQ9378lukPpUWQRwozxm09gIvKG9c4tI/b1Kw4jzI8xcos2NikjD1DfVrnWbFKx28a/+3cD2d93jth1hBuA2KQDUNQFgTRMv+z5OYxRfsungt6eP37OdxJ+FYGXw4PD9bzCAImIFgPFgSpZ8yjUoSnZlUgCQWWvQypjtkkOswAJAcoTPyaAc4DsWJA2uslCR4qfRZmY2y/0skFK/qZthCuRF1/mGtb/FdS7R5qRiF+TTWFOSTBZd5783GQzgxZPHf5rx+2Fj8b8X9678R4mcBJ+DntXo9MdlvwwAdt7N243c7nZQFACM6dnfb5e921AfXO6KAlS514uu8+6woSjItxzvxo8LZ6TvWrQUd0fl7FdXlQApThDMjPyIq8PGohBEtz3Iz/tFscegLFKL03ZXkO1WelEciu6i6/zXdtuKu8lQcGvWJTiKo4SFsgYpTlJKb0qAFCelit41NGWj7O6JgjC9EG9yicOuZCA6pcVlvwzTRtn1XVmoCoJJV8LCVENh9u+aEU21IFJMWHS2LVI6QeCdcSbx8KAlCgsmBUGwqor1ehMANk3dahy9QbtfNHVMUi5wMhT3xzhmbEYvfvEAxsdYrau4br6tMOqwZiQHSPfoAtnLL3ruEeTJlFZmdq2kq4RFV7ndl9Q4esw6gxnGmcGgpKtpUjSOXvz3JOyrqk9Dta7iq+UynM/n7aY5/a/zscna7z9N0qtlrnEoftD5fN4u8mNvUQDwD7RhSOMNOg0NAAAAAElFTkSuQmCC)
    50% / contain no-repeat;
  position: absolute;
}
.opening__clock-hand--minute {
  width: var(--opening-clock-minute-width-sp, 85px);
  height: var(--opening-clock-minute-height-sp, 5px);
  left: calc(50% - var(--opening-clock-minute-tail-length-sp, 10px));
  top: calc(50% - var(--opening-clock-minute-thickness-sp, 9px) / 2);
  transform-origin: var(--opening-clock-minute-pivot-x-sp, 10px)
    var(--opening-clock-minute-pivot-y-sp, 4.5px);
  transform: rotate(
    calc(var(--opening-minute-start-angle) + var(--opening-clock-minute-base-angle, 0deg))
  );
}
.opening__clock-hand--minute:after {
  content: "";
  left: -3px;
  top: calc(50% - var(--opening-clock-minute-thickness-pc) / 2);
  width: 85px;
  height: var(--opening-clock-minute-thickness-sp, 9px);
  border-radius: var(--radius-pill);
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAK0AAAAOCAYAAABdJ5wDAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAAFiUAABYlAUlSJPAAAAAOdEVYdFNvZnR3YXJlAEZpZ21hnrGWYwAAAuBJREFUaEPtmlFy2zYQhr+FVPclM4ZPIPYE0Q3anqBXCE9Q9zHTeoKZpEkefQO2N+gR3BvQJwh1AkOPtSX8fQApkYrUyeRJnuJ7IQe7wC4xwA64C6OneXdz7dA1uEuQz60WIXWGxS2sQbFv9w4tgKuhP/CQ9bQCa7FtJLklZpVDSwDDPg3Kyjaudv2ke8w6NNjuMarhdYYthvet9DdwB3jMKtByhi22sEZqMcu+DuOZRaSW+bwDID3+kP0jy0Vudyk/D0muw6VY//q+BWhC8HyLZ7PZ+YdLkaeLrg6hnydoPoRqojOfd/xDHOvs9A6oX4eJLzub6dEPfhyj+RAq0qMnuf1cbuftoc3nigE0v9+8cqI5FBZOYXG/sY9hEdJ6GgCOoVV+7jfj56hN2CoHCVuOJQZ3OUhkHLwEV522adFQu0WrIQAIfdcLH4x+owPTIDXa1Bk/DkbjvvvxbAFqdwEJ4jgAHTIJSMdszzd/1K8/dgyL9s93N38BP+2UCoUzJMEv9W9vb92hoFA4Vxy8acK1dwBJo1BcKJwv3n3z4mcH4LCTZ41C4bywV8Px4MTBvVA4M0Q+HmD/9fdaKJwV/aI9mSIpFM6Pkj0oPCuE7sqiLTwnojabejge7KoqhcKZEpNtf6zDxy5XxN7e3GF8f6j1PyB+deZEdJjFpLQemhxugekwfRjBcglU8v1dhy+xGRER456cS/cOWxwphWa9Y0x1+/EsCrWSVmh0z8KZRzb1ayw/xbSfN7NLaVca7lUsJqnD1JEUMTcd17RE5u1EQkDSmu3mtg6jMm4TQjWbb98IrgQPklaYIulI0WHvpDezy0OxSPfIOlzqSM6jtJ84c8O7d2ZVkryZfZK0RunzCyDjCVHqmNHydBGZbar+Q/N4pg5Z1y/CPdt8OaYOoWvCtQffT26MdbiNAE249sxeLIeJAzj67eYiLnU8XcQ6TC+yjGlCqJhtKsD3l1RO6ha+jn8BVX5dBBaqHAUAAAAASUVORK5CYII=)
    50% / contain no-repeat;
  position: absolute;
}
.opening--play .opening__clock-hand--hour {
  animation: opening-hour var(--opening-clock-run-duration) var(--opening-clock-ease) forwards;
}
.opening--play .opening__clock-hand--minute {
  animation: opening-minute var(--opening-clock-run-duration) var(--opening-clock-ease) forwards;
}
.opening__clock-pin {
  width: var(--opening-clock-pin-size-sp, 10px);
  height: var(--opening-clock-pin-size-sp, 10px);
  background-color: var(--opening-clock-pin-color, #fff);
  z-index: 3;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.opening__clock-pin:after {
  content: none;
}
@media (width>=780px) {
  .opening__clock-tick {
    transform: translate(-50%, -50%) rotate(var(--opening-clock-tick-angle, 0deg))
      translateY(calc(-1 * var(--opening-clock-tick-radius-pc)));
    width: var(--opening-clock-tick-minor-width-pc);
    height: var(--opening-clock-tick-minor-height-pc);
  }
  .opening__clock-tick--major {
    width: var(--opening-clock-tick-major-width-pc);
    height: var(--opening-clock-tick-major-height-pc);
  }
  .opening__clock {
    width: 161px;
    height: 161px;
  }
  .opening__clock-hand--hour {
    width: var(--opening-clock-hour-width-pc);
    height: var(--opening-clock-hour-height-pc);
    left: calc(50% - var(--opening-clock-hour-tail-length-pc));
    top: calc(50% - var(--opening-clock-hour-thickness-pc) / 2);
    transform-origin: var(--opening-clock-hour-pivot-x-pc) var(--opening-clock-hour-pivot-y-pc);
  }
  .opening__clock-hand--hour:after {
    left: -3px;
    top: calc(50% - var(--opening-clock-hour-thickness-pc) / 2);
    width: 70px;
  }
  .opening__clock-hand--minute {
    width: var(--opening-clock-minute-width-pc);
    height: var(--opening-clock-minute-height-pc);
    left: calc(50% - var(--opening-clock-minute-tail-length-pc));
    top: calc(50% - var(--opening-clock-minute-thickness-pc) / 2);
    transform-origin: var(--opening-clock-minute-pivot-x-pc) var(--opening-clock-minute-pivot-y-pc);
  }
  .opening__clock-hand--minute:after {
    left: -3px;
    top: calc(50% - var(--opening-clock-minute-thickness-pc) / 2);
    width: 85px;
  }
  .opening__clock-pin {
    width: var(--opening-clock-pin-size-pc);
    height: var(--opening-clock-pin-size-pc);
  }
}
.hero {
  flex-direction: row-reverse;
  justify-content: center;
  gap: 0;
  width: 100%;
  margin: 0 auto;
  padding: 48px 192px 0 144px;
  display: flex;
  position: relative;
}
.hero:before {
  content: "";
  will-change: background-position;
  z-index: 0;
  background-image: url(../images/main_bg.jpg);
  background-position: top;
  background-repeat: repeat;
  background-size: 1260px 1260px;
  width: 100%;
  height: 96.7%;
  animation: 55s linear infinite bgMove;
  position: absolute;
  top: 0;
  left: 0;
}
@media screen and (width<=768px) {
  .hero:before {
    height: 100%;
  }
}
@media screen and (width<=560px) {
  .hero:before {
    height: 100%;
  }
}
@media screen and (width<=768px) {
  .hero {
    flex-direction: column;
    padding: 40px;
  }
}
@media screen and (width<=560px) {
  .hero {
    padding: 20px;
  }
}
.hero__slider {
  aspect-ratio: 560/779;
  border-radius: 24px;
  width: calc(100% - 520px);
  min-width: 640px;
  height: 100%;
  position: relative;
  overflow: hidden;
}
@media screen and (width<=768px) {
  .hero__slider {
    aspect-ratio: 560/779;
    width: 100%;
    min-width: 0;
    max-width: none;
  }
}
.hero__slide {
  opacity: 0;
  pointer-events: none;
  width: 100%;
  height: auto;
  transition: opacity 0.6s;
  position: absolute;
  inset: 0;
}
body.is-opening .hero__slide.is-active img {
  filter: blur(10px);
  transform: scale(1.08);
}
.hero__slide.is-active {
  opacity: 1;
  pointer-events: auto;
}
.hero__slide.is-active img {
  filter: blur();
  transition-property: filter, transform;
  transition-duration: 2.2s;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  transform: scale(1);
}
.hero__slide img {
  object-fit: cover;
  border-radius: 24px;
  width: 100%;
  height: auto;
  transition:
    filter 2.2s cubic-bezier(0.165, 0.84, 0.44, 1),
    transform 2.2s cubic-bezier(0.165, 0.84, 0.44, 1);
  display: block;
}
.hero__aside-wrapper {
  width: 100%;
  max-width: 453px;
  position: relative;
}
@media screen and (width<=768px) {
  .hero__aside-wrapper {
    max-width: 480px;
    margin: 0 auto;
    transform: translateY(-60px);
  }
}
@media screen and (width<=430px) {
  .hero__aside-wrapper {
    transform: translateY(-50px);
  }
}
.hero__aside {
  opacity: 0;
  align-self: center;
  width: 453px;
  margin: 0 auto;
  transition: opacity 2s cubic-bezier(0.165, 0.84, 0.44, 1) 0.5s;
  display: block;
  position: relative;
}
@media screen and (width>=1024px) {
  .hero__aside {
    position: sticky;
    top: 24px;
  }
}
@media screen and (width<=768px) {
  .hero__aside {
    width: 100%;
  }
}
body:not(.is-opening) .hero__aside {
  opacity: 1;
}
.hero__aside-logo {
  width: 100%;
  max-width: 453px;
  height: auto;
  display: block;
}
@media screen and (width<=768px) {
  .hero__aside-logo {
    max-width: 480px;
  }
}
.hero__inner {
  flex-direction: column;
  gap: 32px;
  padding: 0 48px;
  display: flex;
  position: relative;
}
@media screen and (width<=768px) {
  .hero__inner {
    padding: 0;
  }
}
.hero__broadcast img {
  width: 100%;
  height: auto;
  display: block;
}
.hero__button-wrapper {
  flex-flow: wrap;
  gap: 12px;
  display: flex;
}
@media screen and (width<=768px) {
  .hero__button-wrapper {
    flex-wrap: nowrap;
    align-self: center;
  }
}
@media screen and (width<=560px) {
  .hero__button-wrapper {
    grid-template-columns: repeat(auto-fit, 169px);
    justify-content: center;
    justify-items: start;
    gap: 8px;
    width: 100%;
    display: grid;
  }
}
.hero__author {
  position: relative;
}
.hero__author:after {
  filter: drop-shadow(4px 4px #fcc529);
  content: "";
  cursor: pointer;
  z-index: 1;
  background: url(../images/button/expansion-button.svg) 50% no-repeat;
  border-radius: 999px;
  width: 48px;
  height: 48px;
  position: absolute;
  bottom: -8px;
  right: -8px;
}
.hero__author-trigger {
  cursor: pointer;
  background: 0 0;
  border-radius: 8px;
  width: 100%;
  display: block;
  position: relative;
  overflow: hidden;
  box-shadow: 4px 4px #fcc529;
}
.hero__author-trigger img {
  transform-origin: 50%;
  border-radius: 8px;
  width: 100%;
  height: auto;
  transition: transform 0.25s;
  display: block;
}
@media (hover: hover) and (pointer: fine) {
  .hero__author-trigger:hover img {
    transform: scale(1.05);
  }
}
.hero__banner {
  transform-origin: 50%;
  transition: transform 0.25s;
  position: relative;
}
@media (hover: hover) and (pointer: fine) {
  .hero__banner:hover {
    transform: scale(1.05);
  }
}
.hero__modal {
  z-index: 1000;
  scrollbar-width: none;
  opacity: 0;
  transition:
    opacity 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0.3s,
    display 0.3s allow-discrete 0.3s;
  place-items: center;
  padding: 24px 0;
  display: grid;
  position: fixed;
  inset: 0;
  overflow-y: auto;
}
.hero__modal::-webkit-scrollbar {
  display: none;
}
@starting-style {
  .hero__modal {
    opacity: 0;
  }
}
.hero__modal.is-open {
  opacity: 1;
}
.hero__modal[hidden] {
  display: none;
}
.hero__modal-backdrop {
  opacity: 0.9;
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  background: #ffefcf 95%;
  position: absolute;
  inset: 0;
}
.hero__modal-dialog {
  z-index: 1;
  scrollbar-width: none;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 800px;
  max-height: 100%;
  padding: 16px 0 56px;
  display: flex;
  position: relative;
  overflow-y: auto;
}
@media screen and (width<=560px) {
  .hero__modal-dialog {
    padding: 16px 0 80px;
  }
}
.hero__modal-dialog::-webkit-scrollbar {
  display: none;
}
.hero__modal-title {
  color: #643f3a;
  text-align: center;
  margin: 32px 0 16px;
  font-size: 24px;
  font-weight: 900;
}
@media screen and (width<=768px) {
  .hero__modal-title {
    margin: 24px 0 16px;
  }
}
.hero__modal-close {
  cursor: pointer;
  width: fit-content;
  line-height: 1;
  position: absolute;
  bottom: 5px;
  right: 16px;
}
@media screen and (width<=768px) {
  .hero__modal-close {
    right: 5%;
  }
}
.hero__modal img {
  object-fit: contain;
  width: 100%;
  max-width: 800px;
  height: auto;
  max-height: calc(100vh - 160px);
  display: block;
}
.news {
  --news-card-width: 274px;
  --news-gap: 20.2px;
  --news-rotate-offset: 11px;
  --news-visible-width: calc((var(--news-card-width) * 4) + (var(--news-gap) * 3));
  opacity: 0;
  max-width: 1280px;
  margin: 112px auto 48px;
  transition: opacity 2s cubic-bezier(0.165, 0.84, 0.44, 1) 0.5s;
  position: relative;
}
@media screen and (width<=768px) {
  .news {
    margin: 64px auto 48px;
  }
}
.news.is-visible {
  opacity: 1;
}
.news__title {
  width: 241px;
  height: auto;
  transform: translateY(10px);
}
@media screen and (width<=768px) {
  .news__title {
    width: 184px;
    transform: translateY(0);
  }
}
.news__header {
  flex-direction: row;
  justify-content: space-between;
  align-items: baseline;
  max-width: 1260px;
  margin: 0 auto 48px;
  padding: 0 40px;
  display: flex;
}
@media screen and (width<=768px) {
  .news__header {
    justify-content: center;
    gap: 8px;
    margin-bottom: 32px;
    padding: 0 20px;
  }
  .news__header a,
  .news__header button {
    display: none;
  }
}
@media screen and (width>=769px) and (width<=1023px) {
  .news__wrapper {
    padding-left: 40px;
  }
}
@media screen and (width<=768px) {
  .news__wrapper {
    padding-left: 40px;
  }
}
@media screen and (width<=560px) {
  .news__wrapper {
    padding-left: 16px;
  }
}
.news__viewport {
  width: calc(var(--news-visible-width) + var(--news-rotate-offset) * 2);
  max-width: 100%;
  height: auto;
  padding: 12px var(--news-rotate-offset);
  box-sizing: border-box;
  margin-left: auto;
  margin-right: auto;
  overflow-x: hidden;
}
@media screen and (width<=768px) {
  .news__viewport {
    width: 100%;
  }
}
.news__list {
  gap: var(--news-gap);
  scrollbar-width: none;
  will-change: transform;
  flex-direction: row;
  align-items: stretch;
  width: max-content;
  height: auto;
  margin: 0;
  padding-left: 0;
  transition: transform 0.8s;
  display: flex;
}
.news__list li {
  transition: transform 0.2s;
  display: flex;
}
.news__list li:nth-child(odd) .news_card {
  transition: transform 0.2s;
  transform: rotate(3deg);
}
.news__list li:nth-child(2n) .news_card {
  transition: transform 0.2s;
  transform: rotate(-3deg);
}
@media (hover: hover) and (pointer: fine) {
  .news__list li .news_card:hover {
    transition: transform 0.2s;
    transform: rotate(0);
  }
}
.news__control {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 32px;
  width: 100%;
  margin-top: 32px;
  display: none;
}
@media screen and (width<=768px) {
  .news__control {
    display: flex;
  }
}
.news__motif .matsubokkuri-01 {
  z-index: 1;
  background: url(../images/motif/matsubokkuri-1.png) 50% / contain no-repeat;
  width: 82px;
  height: 94px;
  animation: 5s ease-in-out infinite floating1;
  position: absolute;
  top: -10%;
  left: 20%;
  transform: rotate(15deg);
}
@media screen and (width<=768px) {
  .news__motif .matsubokkuri-01 {
    top: -10%;
    left: 20%;
  }
}
@media screen and (width<=560px) {
  .news__motif .matsubokkuri-01 {
    width: 62px;
    height: 72px;
    left: 5%;
  }
}
.news__motif .matsubokkuri-02 {
  transform-origin: 50%;
  filter: blur(1px);
  z-index: 1;
  background: url(../images/motif/matsubokkuri-2.png) 50% / contain no-repeat;
  width: 66px;
  height: 84px;
  animation: 5s ease-in-out infinite floating2;
  position: absolute;
  bottom: 13%;
  left: 5%;
  transform: rotate(135deg);
}
@media screen and (width>=769px) and (width<=1023px) {
  .news__motif .matsubokkuri-02 {
    left: 2%;
  }
}
@media screen and (width<=768px) {
  .news__motif .matsubokkuri-02 {
    bottom: 30%;
    left: 2%;
  }
}
@media screen and (width<=560px) {
  .news__motif .matsubokkuri-02 {
    width: 50px;
    height: 64px;
    left: 0%;
  }
}
.news__motif .donguri-01 {
  transform-origin: 50%;
  z-index: 1;
  background: url(../images/motif/donguri-1.png) 50% / contain no-repeat;
  width: 55px;
  height: 33px;
  animation: 7s ease-in-out infinite floating3;
  position: absolute;
  bottom: 50%;
  right: 1%;
  transform: rotate(60deg);
}
@media screen and (width<=768px) {
  .news__motif .donguri-01 {
    bottom: 70%;
  }
}
@media screen and (width<=560px) {
  .news__motif .donguri-01 {
    width: 40px;
    height: 24px;
    bottom: 90%;
  }
}
.white-line {
  aspect-ratio: 25/3;
  filter: drop-shadow(0 0 25px #9edbfd);
  background: url(../images/motif/white-line.svg) 50% / cover no-repeat;
  width: 100%;
  height: auto;
  margin: clamp(24px, 5vw, 80px) auto;
}
@media screen and (width<=560px) {
  .white-line {
    aspect-ratio: 10/2;
    background: url(../images/motif/white-line-sp.svg) 50% / cover no-repeat;
    margin: 86px auto;
  }
}
.header-line {
  background: url(../images/motif/line.svg) 50% / contain no-repeat;
  width: calc(100% - 80px);
  max-width: 1120px;
  height: 68px;
  margin: 0 auto;
  padding: 0 80px;
  position: relative;
}
@media screen and (width<=768px) {
  .header-line {
    background: url(../images/motif/line-sp.svg) 50% / contain no-repeat;
    width: 100%;
    max-width: 350px;
  }
}
.header-line.default {
  margin: 48px auto;
}
.line {
  background: url(../images/motif/line.svg) 50% / contain no-repeat;
  width: calc(100% - 80px);
  max-width: 1120px;
  height: 68px;
  margin: 0 auto;
  padding: 0 80px;
  position: relative;
}
@media screen and (width<=768px) {
  .line {
    width: calc(100% - 80px);
  }
}
@media screen and (width<=560px) {
  .line {
    background: url(../images/motif/line-sp.svg) 50% / contain no-repeat;
    width: calc(100% - 40px);
  }
}
.line.default {
  margin: 48px auto;
}
.comics {
  opacity: 0;
  width: 100%;
  max-width: 1280px;
  margin: 0 auto 200px;
  padding: 80px;
  scroll-margin-top: 120px;
  transition: opacity 2s cubic-bezier(0.165, 0.84, 0.44, 1) 0.5s;
  display: block;
  position: relative;
  overflow-x: clip;
}
.comics.is-visible {
  opacity: 1;
}
@media screen and (width<=768px) {
  .comics {
    padding: 80px 40px 0;
  }
}
@media screen and (width<=560px) {
  .comics {
    padding: 80px 20px 0;
  }
}
.comics__title {
  width: 100%;
  max-width: 324px;
  height: auto;
}
@media screen and (width<=768px) {
  .comics__title {
    max-width: 195px;
  }
}
.comics__content {
  text-align: center;
  color: #643f3a;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 32px;
  margin: 32px auto 64px;
  display: flex;
}
.comics__heading-wrapper.title {
  letter-spacing: 1.3px;
  margin-bottom: 8px;
  font-size: 32px;
  font-weight: 900;
  line-height: 120%;
}
@media screen and (width<=768px) {
  .comics__heading-wrapper.title {
    font-size: 24px;
  }
}
.comics__heading-wrapper.subtext {
  letter-spacing: 1.3px;
  font-size: 20px;
  font-weight: 500;
  line-height: 140%;
}
@media screen and (width<=768px) {
  .comics__heading-wrapper.subtext {
    font-size: 18px;
  }
}
.comics__description {
  letter-spacing: 1.3px;
  font-size: 20px;
  font-weight: 500;
  line-height: 140%;
}
@media screen and (width<=768px) {
  .comics__description {
    font-size: 16px;
  }
}
.comics__description.show_pc {
  display: none;
}
@media screen and (width>=768px) {
  .comics__description.show_pc {
    display: block;
  }
}
.comics__description.show_sp {
  display: block;
}
@media screen and (width>=768px) {
  .comics__description.show_sp {
    display: none;
  }
}
.comics__showcase {
  margin: 0 auto;
}
.comics__list {
  flex-flow: wrap;
  justify-content: flex-start;
  gap: 24px;
  width: calc(100% + 24px);
  margin: 0 auto;
  display: flex;
}
@media screen and (width>=769px) and (width<=1023px) {
  .comics__list {
    gap: 16px;
  }
}
@media screen and (width<=768px) {
  .comics__list {
    gap: 16px;
  }
}
.comics__list li {
  width: calc(25% - 24px);
  position: relative;
}
@media screen and (width>=769px) and (width<=1023px) {
  .comics__list li {
    width: calc(25% - 18px);
  }
}
@media screen and (width<=768px) {
  .comics__list li {
    width: calc(35% - 30px);
  }
}
@media screen and (width<=560px) {
  .comics__list li {
    width: calc(50% - 20px);
  }
}
.comics__list img {
  object-fit: cover;
  width: 100%;
  height: auto;
  transition: transform 0.25s;
}
@media (hover: hover) and (pointer: fine) {
  .comics__list img:hover {
    transform: scale(1.05);
  }
}
.comics__motif .american-dog {
  transform-origin: 50%;
  z-index: -1;
  background: url(../images/motif/american-dog.png) 50% / contain no-repeat;
  width: 79px;
  height: 258px;
  animation: 7s ease-in-out infinite floating2;
  position: absolute;
  top: 0%;
  right: 10%;
  transform: rotate(30deg);
}
@media screen and (width<=768px) {
  .comics__motif .american-dog {
    top: -3%;
    right: 15%;
  }
}
@media screen and (width<=560px) {
  .comics__motif .american-dog {
    width: 56px;
    height: 179px;
    top: -5%;
  }
}
.comics__motif .sakura-01 {
  transform-origin: 50%;
  z-index: -1;
  background: url(../images/motif/sakura-01.png) 50% / contain no-repeat;
  width: 41px;
  height: 45px;
  animation: 5s ease-in-out infinite floating1;
  position: absolute;
  top: 17%;
  right: 5%;
}
@media screen and (width<=768px) {
  .comics__motif .sakura-01 {
    top: 15%;
  }
}
@media screen and (width<=560px) {
  .comics__motif .sakura-01 {
    width: 29px;
    height: 30px;
    top: 8%;
  }
}
.comics__motif .sakura-06 {
  transform-origin: 50%;
  filter: blur(1px);
  z-index: -1;
  background: url(../images/motif/sakura-06.png) 50% / contain no-repeat;
  width: 37px;
  height: 33px;
  animation: 5s ease-in-out infinite floating5;
  position: absolute;
  top: 1%;
  right: 40%;
}
@media screen and (width<=560px) {
  .comics__motif .sakura-06 {
    width: 25px;
    height: 22px;
    top: -2%;
  }
}
.comics__motif .donguri-04 {
  transform-origin: 50%;
  z-index: -1;
  background: url(../images/motif/donguri-4.png) 50% / contain no-repeat;
  width: 48px;
  height: 61px;
  animation: 7s ease-in-out infinite floating4;
  position: absolute;
  top: -2%;
  left: 7%;
}
@media screen and (width<=768px) {
  .comics__motif .donguri-04 {
    top: -2%;
  }
}
@media screen and (width<=560px) {
  .comics__motif .donguri-04 {
    width: 36px;
    height: 45px;
  }
}
.bg:after {
  content: "";
  will-change: background-position;
  z-index: -1;
  pointer-events: none;
  background: url(../images/main_bg.jpg) 0 0/1260px 1260px;
  width: 100%;
  min-height: 100%;
  animation: 55s linear infinite bgMove;
  position: fixed;
  top: 0;
  left: 0;
}
.button {
  cursor: pointer;
  color: #643f3a;
  z-index: 10;
  background-color: #fffbeb;
  border: 2px solid #643f3a;
  border-radius: 16px;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  padding: 16px 40px 18px 24px;
  font-family:
    Zen Maru Gothic,
    sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 140%;
  transition:
    background-color 0.25s,
    box-shadow 0.25s;
  display: flex;
  position: relative;
  box-shadow: 4px 4px #fcc529;
}
@media (hover: hover) and (pointer: fine) {
  .button:hover {
    background-color: #fff;
  }
}
.button span {
  letter-spacing: 1.3px;
  font-family:
    Zen Maru Gothic,
    sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 140%;
}
.button:after {
  content: "";
  transform-origin: 50%;
  background-image: url("data:image/svg+xml,%3csvg%20width='15'%20height='14'%20viewBox='0%200%2015%2014'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M12.2838%203.93774C12.2841%203.93796%2012.2844%203.93808%2012.2847%203.93808C12.285%203.93808%2012.2853%203.93821%2012.2855%203.93843L13.4864%205.1653C14.2472%205.94265%2014.2473%207.18557%2013.4866%207.96304L8.97227%2012.5766C8.25174%2013.313%207.06663%2013.313%206.34613%2012.5766L5.9924%2012.215C5.49026%2011.7018%205.49032%2010.8814%205.99254%2010.3683C6.81046%209.53258%206.21838%208.12461%205.04901%208.12461H1.85742C0.831596%208.12461%200%207.29301%200%206.26719C0%205.24136%200.831596%204.40976%201.85742%204.40976H5.05607C6.00617%204.40976%206.48732%203.26589%205.82289%202.58677C5.41493%202.1698%205.41494%201.50326%205.82291%201.0863L6.34553%200.552151C7.06583%20-0.184028%208.2506%20-0.184054%208.97093%200.552094L12.2838%203.93774Z'%20fill='%23643F3A'/%3e%3c/svg%3e");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 15px;
  height: 15px;
  transition:
    right 0.28s,
    transform 0.28s,
    opacity 0.28s;
  display: block;
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
}
@media (hover: hover) and (pointer: fine) {
  .button:hover:after {
    transform: translateY(-50%) translate(2px);
  }
}
.button.navigation {
  width: 172px;
  height: 54px;
  box-shadow: none;
  box-shadow: none;
  isolation: isolate;
  background-color: #0000;
  border: none;
  padding: 8px 21px 9px 17px;
}
.button.navigation:before {
  content: "";
  z-index: -1;
  filter: drop-shadow(4px 4px #fcc529);
  backface-visibility: hidden;
  will-change: transform;
  background-image:
    url(../images/button/fv-navi-item.svg), url(../images/button/fv-navi-item-hover.svg);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  inset: 0;
  transform: translateZ(0);
}
@media (hover: hover) and (pointer: fine) {
  .button.navigation:hover:before {
    background-image:
      url(../images/button/fv-navi-item-hover.svg), url(../images/button/fv-navi-item.svg);
  }
}
@media screen and (width<=768px) {
  .button.navigation {
    width: 169px;
  }
}
.button.link {
  width: 240px;
  height: 54px;
  box-shadow: none;
  isolation: isolate;
  background-color: #0000;
  border: none;
  padding: 16px 32px 18px 24px;
  font-weight: 900;
  line-height: 120%;
}
.button.link:before {
  content: "";
  z-index: -1;
  filter: drop-shadow(4px 4px #fcc529);
  backface-visibility: hidden;
  will-change: transform;
  background-image:
    url(../images/button/basic-button1.svg), url(../images/button/basic-button1-hover.svg);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  inset: 0;
  transform: translateZ(0);
}
@media (hover: hover) and (pointer: fine) {
  .button.link:hover:before {
    background-image:
      url(../images/button/basic-button1-hover.svg), url(../images/button/basic-button1.svg);
  }
}
.button.news-link {
  width: 240px;
  box-shadow: none;
  isolation: isolate;
  background-color: #0000;
  border: none;
  padding: 16px 32px 18px 24px;
  font-weight: 900;
}
.button.news-link:before {
  content: "";
  z-index: -1;
  filter: drop-shadow(4px 4px #fcc529);
  backface-visibility: hidden;
  will-change: transform;
  background-image:
    url(../images/button/basic-button-secondary.svg),
    url(../images/button/basic-button-secondary-hover.svg);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  inset: 0;
  transform: translateZ(0);
}
@media (hover: hover) and (pointer: fine) {
  .button.news-link:hover:before {
    background-image:
      url(../images/button/basic-button-secondary-hover.svg),
      url(../images/button/basic-button-secondary.svg);
  }
}
.button.news-link:after {
  right: 15px;
}
.button.close {
  width: 125px;
  box-shadow: none;
  isolation: isolate;
  background-color: #0000;
  border: none;
  padding: 10px 16px 12px 50px;
  font-size: 18px;
  font-weight: 900;
}
.button.close:before {
  content: "";
  z-index: -1;
  filter: drop-shadow(4px 4px #fcc529);
  backface-visibility: hidden;
  will-change: transform;
  background-image: url(../images/button/basic-button2.svg), url(../images/button/close-button1.svg);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  inset: 0;
  transform: translateZ(0);
}
@media (hover: hover) and (pointer: fine) {
  .button.close:hover:before {
    background-image: url(../images/button/close-button1.svg), url(../images/button/basic-button2.svg);
  }
  .button.close:hover:after {
    transform: translateY(-50%) translate(0);
  }
}
.button.icon--down:after {
  transform: translateY(-50%) rotate(90deg);
}
@media (hover: hover) and (pointer: fine) {
  .button.icon--down:hover:after {
    transform: translateY(-30%) rotate(90deg);
  }
}
.button.icon--left:after {
  right: 18px;
  transform: translateY(-50%) rotate(180deg);
}
@media (hover: hover) and (pointer: fine) {
  .button.icon--left:hover:after {
    transform: translateY(-50%) rotate(180deg) translate(2px);
  }
}
.button.icon--external:after {
  transform: translateY(-50%) rotate(-45deg);
}
@media (hover: hover) and (pointer: fine) {
  .button.icon--external:hover:after {
    transform: translateY(-50%) rotate(-45deg) translate(2px);
  }
}
.button.icon--close:after {
  background-image: url("data:image/svg+xml,%3csvg%20width='28'%20height='28'%20viewBox='0%200%2028%2028'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cline%20x1='6.93934'%20y1='21.9393'%20x2='21.9393'%20y2='6.93934'%20stroke='%23643F3A'%20stroke-width='3'/%3e%3cline%20y1='-1.5'%20x2='21.2132'%20y2='-1.5'%20transform='matrix(-0.707107%20-0.707107%20-0.707107%200.707107%2021%2023)'%20stroke='%23643F3A'%20stroke-width='3'/%3e%3c/svg%3e");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 22px;
  height: 22px;
  right: 65%;
}
.button.en {
  letter-spacing: 1.3px;
  font-family: Fredoka, sans-serif;
  font-size: 18px;
  line-height: 100%;
}
.button.tertiary {
  padding: 8px 32px 8px 8px;
  font-size: 1.4rem;
}
.button.tertiary:after {
  right: 8px;
}
.button.blank:after {
  background-image: url("data:image/svg+xml,%3csvg%20width='15'%20height='14'%20viewBox='0%200%2015%2014'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M12.2838%203.93774C12.2841%203.93796%2012.2844%203.93808%2012.2847%203.93808C12.285%203.93808%2012.2853%203.93821%2012.2855%203.93843L13.4864%205.1653C14.2472%205.94265%2014.2473%207.18557%2013.4866%207.96304L8.97227%2012.5766C8.25174%2013.313%207.06663%2013.313%206.34613%2012.5766L5.9924%2012.215C5.49026%2011.7018%205.49032%2010.8814%205.99254%2010.3683C6.81046%209.53258%206.21838%208.12461%205.04901%208.12461H1.85742C0.831596%208.12461%200%207.29301%200%206.26719C0%205.24136%200.831596%204.40976%201.85742%204.40976H5.05607C6.00617%204.40976%206.48732%203.26589%205.82289%202.58677C5.41493%202.1698%205.41494%201.50326%205.82291%201.0863L6.34553%200.552151C7.06583%20-0.184028%208.2506%20-0.184054%208.97093%200.552094L12.2838%203.93774Z'%20fill='%23643F3A'/%3e%3c/svg%3e");
  right: 18px;
}
.button__wrapper {
  width: fit-content;
  display: flex;
}
.news_card {
  width: var(--news-card-width);
  min-width: var(--news-card-width);
  color: #643f3a;
  background-image: url(../images/news_list_bg-1.png);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  flex-direction: column;
  gap: 10px;
  height: 350px;
  padding: 32px 24px 0;
  font-family: APJapanesefont, sans-serif;
  font-weight: 400;
  display: flex;
  position: relative;
  overflow: hidden;
}
li:nth-child(3n + 1) .news_card {
  background-image: url(../images/news_list_bg-1.png);
}
li:nth-child(3n + 2) .news_card {
  background-image: url(../images/news_list_bg-2.png);
}
li:nth-child(3n + 3) .news_card {
  background-image: url(../images/news_list_bg-3.png);
}
.news_card__thumbnail-wrap {
  display: block;
  position: relative;
}
.news_card__thumbnail-wrap.new:after {
  content: "";
  z-index: 1;
  background-image: url(../images/icon/icon_new.png);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 48px;
  height: 48px;
  position: absolute;
  top: -20px;
  left: -13px;
}
.news_card__thumbnail {
  object-fit: contain;
  aspect-ratio: 16/9;
  width: 100%;
  height: 100%;
  max-height: 120px;
  display: block;
}
.news_card__date {
  letter-spacing: 1.3px;
  flex-shrink: 0;
  font-size: 16px;
  line-height: 100%;
  transform: translateY(5px);
}
.news_card__title {
  -webkit-line-clamp: 2;
  line-clamp: 2;
  text-overflow: ellipsis;
  -moz-osx-font-smoothing: grayscale;
  background-image:
    linear-gradient(#0000 0 30px, #643f3a4d 31px 32px),
    linear-gradient(#0000 0 30px, #643f3a4d 31px 32px);
  background-position:
    0 -1px,
    0 31px;
  background-repeat: no-repeat, no-repeat;
  background-size:
    100% 32px,
    100% 32px;
  border-top: 1px solid #643f3a4d;
  -webkit-box-orient: vertical;
  flex-shrink: 0;
  max-height: 4em;
  font-size: 16px;
  line-height: 2;
  display: -webkit-box;
  overflow: hidden;
}
.news_card__link {
  color: inherit;
  text-decoration: none;
}
.news_card__link:after {
  content: "";
  z-index: 1;
  position: absolute;
  inset: 0;
}
.news_card__tagline-wrapper {
  flex-wrap: wrap;
  flex-shrink: 1;
  gap: 4px;
  max-height: 80px;
  display: flex;
}
.news-control {
  flex-direction: row;
  align-items: center;
  width: 210px;
  display: flex;
}
@media screen and (width<=768px) {
  .news-control {
    justify-content: center;
    width: fit-content;
  }
}
.news-control__item {
  cursor: pointer;
  background-color: #0000;
  border: none;
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 28px;
  padding: 0;
  display: flex;
  position: relative;
}
@media (hover: hover) and (pointer: fine) {
  .news-control__item:hover:before {
    background-color: #643f3a;
  }
}
.news-control__item:before {
  content: "";
  background-color: #dccfcb;
  border-radius: 50%;
  width: 12px;
  height: 12px;
  transition:
    transform 0.3s,
    opacity 0.3s,
    background-color 0.3s;
  display: block;
}
.news-control__item.main {
  background: url("data:image/svg+xml,%3csvg%20width='28'%20height='28'%20viewBox='0%200%2028%2028'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_2364_11482)'%3e%3cpath%20d='M12.825%201.4301L3.955%2017.9201C3.785%2018.2401%203.995%2018.6301%204.355%2018.6601L23.575%2020.2201C23.975%2020.2501%2024.245%2019.8201%2024.045%2019.4701L13.695%201.4201C13.495%201.0801%2013.005%201.0901%2012.825%201.4301Z'%20fill='%23643F3A'/%3e%3cpath%20d='M13.235%2026.59L25.245%207.13004C25.455%206.79004%2025.205%206.36004%2024.805%206.37004L3.16496%206.94004C2.79496%206.94004%202.56496%207.34004%202.73496%207.67004L12.365%2026.56C12.545%2026.91%2013.035%2026.93%2013.235%2026.6V26.59Z'%20fill='%23643F3A'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_2364_11482'%3e%3crect%20width='22.65'%20height='25.66'%20fill='white'%20transform='translate(2.67499%201.17004)'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e")
    50% / contain no-repeat;
}
.news-control__item.main:before {
  opacity: 0;
  transform: scale(0);
}
.tagline {
  color: #cf4500;
  cursor: pointer;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #dccfcb;
  border-radius: 999px;
  gap: 4px;
  width: max-content;
  padding: 2px 10px 1px;
  font-family: APJapanesefont, sans-serif;
  font-size: 16px;
  transition:
    background-color 0.25s,
    border-color 0.25s;
  display: flex;
  position: relative;
}
.tagline.filter__button {
  letter-spacing: 1px;
  padding: 6px 16px 4px;
  font-size: 20px;
  line-height: 140%;
}
@media (hover: hover) and (pointer: fine) {
  .tagline:hover {
    color: #fff;
    background-color: #643f3a;
    border: 1px solid #643f3a;
  }
}
.tagline.active {
  color: #fff;
  background-color: #643f3a;
  border: 1px solid #643f3a;
}
.pagination {
  align-items: center;
  gap: 8px;
  display: flex;
}
.pagination__wrapper {
  justify-content: center;
  margin: 64px 0 160px;
  padding: 24px 0;
  display: flex;
}
@media screen and (width<=560px) {
  .pagination__wrapper {
    margin: 64px 0 160px;
  }
  .pagination {
    gap: 4px;
  }
}
.pagination .page-numbers {
  color: #643f3a;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  font-family: Fredoka, sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 1;
  display: inline-flex;
  position: relative;
}
.pagination .page-numbers:before {
  content: "";
  z-index: -1;
  filter: drop-shadow(4px 4px #fcc529);
  background: url(../images/button/article-controls3.svg) 50% / contain no-repeat;
  transition:
    background-image 0.25s,
    filter 0.25s;
  position: absolute;
  inset: 0;
}
@media (hover: hover) and (pointer: fine) {
  .pagination .page-numbers:hover:before {
    background: url(../images/button/article-controls1.svg) 50% / cover no-repeat;
  }
}
.pagination .page-numbers.current {
  color: #fff;
  background: url(../images/button/article-controls2.svg) 50% / contain no-repeat;
}
@media (hover: hover) and (pointer: fine) {
  .pagination .page-numbers:not(.current):hover:before {
    background: url(../images/button/article-controls1.svg) 50% / contain no-repeat;
  }
}
.pagination .page-numbers.prev-max,
.pagination .page-numbers.next-max,
.pagination .page-numbers.prev,
.pagination .page-numbers.next {
  font-size: 0;
}
.pagination .page-numbers.prev-max:after,
.pagination .page-numbers.next-max:after,
.pagination .page-numbers.prev:after,
.pagination .page-numbers.next:after {
  content: "";
  pointer-events: none;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 22px;
  height: 22px;
  position: absolute;
  top: 50%;
  left: 50%;
}
.pagination .page-numbers.prev:after,
.pagination .page-numbers.next:after {
  background-image: url("data:image/svg+xml,%3csvg%20width='22'%20height='22'%20viewBox='0%200%2022%2022'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_3163_4688)'%3e%3cpath%20d='M13.5736%208.38274C13.5738%208.38296%2013.5741%208.38309%2013.5744%208.38309C13.5747%208.38309%2013.575%208.38321%2013.5753%208.38343L15.0335%209.87388C15.7941%2010.6513%2015.794%2011.8941%2015.0333%2012.6714L9.9154%2017.901C9.13103%2018.7025%207.84105%2018.7026%207.05664%2017.9011L7.02781%2017.8716C6.26703%2017.0943%206.26693%2015.8515%207.02759%2015.074L9.37843%2012.6713C10.139%2011.894%2010.139%2010.6514%209.37856%209.87404L7.02733%207.47046C6.2668%206.69299%206.26695%205.45028%207.02768%204.673L7.05648%204.64357C7.84094%203.84203%209.13105%203.84213%209.9154%204.64379L13.5736%208.38274Z'%20fill='%23643F3A'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_3163_4688'%3e%3crect%20width='22'%20height='22'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
}
.pagination .page-numbers.prev-max:after,
.pagination .page-numbers.next-max:after {
  background-image: url("data:image/svg+xml,%3csvg%20width='22'%20height='22'%20viewBox='0%200%2022%2022'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_2785_88070)'%3e%3cpath%20d='M11.3277%209.31548C11.3297%209.31756%2011.333%209.31769%2011.3352%209.31577C11.3374%209.31385%2011.3407%209.31398%2011.3428%209.31606L12.311%2010.3053C12.8699%2010.8763%2012.8699%2011.7894%2012.311%2012.3605L7.20665%2017.5761C6.65239%2018.1425%205.74084%2018.1424%205.1867%2017.5759C4.64942%2017.0267%204.64946%2016.1488%205.18679%2015.5996L7.98632%2012.7383C8.74689%2011.961%208.74691%2010.7184%207.98637%209.94099L5.11731%207.0084C4.58005%206.45925%204.58003%205.58145%205.11727%205.03227C5.67143%204.46578%206.58305%204.46576%207.13724%205.03223L11.3277%209.31548Z'%20fill='%23643F3A'/%3e%3cpath%20d='M17.6885%209.31563C17.6905%209.31771%2017.6938%209.31784%2017.696%209.31592C17.6982%209.31401%2017.7015%209.31414%2017.7035%209.31622L18.6715%2010.3057C19.23%2010.8767%2019.23%2011.7893%2018.6714%2012.3602L13.5673%2017.5762C13.0131%2018.1426%2012.1015%2018.1427%2011.5472%2017.5764C11.0096%2017.027%2011.0095%2016.1487%2011.5471%2015.5994L14.3467%2012.7386C15.1074%2011.9612%2015.1074%2010.7184%2014.3467%209.94102L11.4773%207.00856C10.9399%206.45942%2010.9399%205.58155%2011.4771%205.03233C12.0313%204.46588%2012.9428%204.46582%2013.497%205.03219L17.6885%209.31563Z'%20fill='%23643F3A'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_2785_88070'%3e%3crect%20width='22'%20height='22'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
}
.pagination .page-numbers.prev {
  margin: 0 26px 0 0;
}
@media screen and (width<=560px) {
  .pagination .page-numbers.prev {
    margin: 0 16px 0 0;
  }
}
.pagination .page-numbers.prev:after {
  transform: translate(-50%, -50%) rotate(180deg);
}
.pagination .page-numbers.next {
  margin: 0 0 0 26px;
}
@media screen and (width<=560px) {
  .pagination .page-numbers.next {
    margin: 0 0 0 16px;
  }
}
.pagination .page-numbers.next:after {
  transform: translate(-50%, -50%);
}
.pagination .page-numbers.prev-max:after {
  transform: translate(-50%, -50%) rotate(180deg);
}
.pagination .page-numbers.next-max:after {
  transform: translate(-50%, -50%);
}
html,
body {
  min-height: 100%;
}
main {
  flex: 1 0 auto;
}
body {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
  background-color: #ffeed6;
  flex-direction: column;
  min-height: 100dvh;
  display: flex;
}
.top-page {
  min-width: 1100px;
}
@media screen and (width<=768px) {
  .top-page {
    min-width: 0;
  }
}
.home {
  background-color: #fff;
  min-height: 100vh;
  position: relative;
}
.page-surface {
  z-index: 0;
  clip-path: inset(0);
  position: relative;
}
.page-surface:before {
  content: "";
  z-index: -1;
  pointer-events: none;
  background: url(../images/page_bg.jpg) 50% / cover no-repeat;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
}
@media screen and (width<=560px) {
  .page-surface:before {
    background-image: url(../images/page_bg-sp.jpg);
  }
}
.not-found {
  width: 100%;
  margin-bottom: 160px;
  position: relative;
}
.not-found__wrapper {
  text-align: center;
  color: #643f3a;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 48px;
  margin: 0 auto;
  padding: 200px 0 0;
  display: flex;
}
@media screen and (width>=769px) and (width<=1023px) {
  .not-found__wrapper {
    padding: 200px 40px 0;
  }
}
@media screen and (width<=768px) {
  .not-found__wrapper {
    padding: 144px 20px 0;
  }
}
.not-found__heading-group {
  flex-direction: column;
  gap: 16px;
  display: flex;
}
.not-found__title {
  letter-spacing: 1.3px;
  font-size: 24px;
  font-weight: 900;
  line-height: 120%;
}
.not-found__subtext {
  letter-spacing: 1.3px;
  font-family: Fredoka, sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 140%;
}
.not-found__text {
  letter-spacing: 1.3px;
  font-size: 16px;
  font-weight: 500;
  line-height: 140%;
}
.news-lists {
  --news-card-width: 274px;
  margin-bottom: 160px;
  padding: 0 80px;
}
@media screen and (width<=768px) {
  .news-lists {
    padding: 0 43px;
  }
}
@media screen and (width<=560px) {
  .news-lists {
    padding: 0 23px;
  }
}
.news-lists__page-header {
  justify-content: center;
  align-items: center;
  gap: 64px;
  width: 100%;
  max-width: 1120px;
  margin: 0 auto 16px;
  padding: 140px 0 0;
  display: flex;
  position: relative;
}
@media screen and (width<=768px) {
  .news-lists__page-header {
    gap: 24px;
    margin-bottom: 0;
    padding: 100px 0 0;
  }
}
.news-lists__page-header__deco {
  width: 180px;
  height: 180px;
  display: block;
  position: relative;
}
@media screen and (width<=768px) {
  .news-lists__page-header__deco {
    width: 120px;
    height: 120px;
  }
}
.news-lists__page-header__deco .deco-1 {
  width: 78px;
  height: 90px;
  animation: 7s ease-in-out infinite floating2;
  position: absolute;
  top: 5%;
  left: 10%;
  transform: rotate(-30deg);
}
@media screen and (width<=768px) {
  .news-lists__page-header__deco .deco-1 {
    width: 52px;
    height: 60px;
  }
}
.news-lists__page-header__deco .deco-2 {
  filter: blur(1px);
  width: 58px;
  height: 66px;
  animation: 7s ease-in-out infinite floating1;
  position: absolute;
  top: 60%;
  right: 10%;
  transform: rotate(30deg);
}
@media screen and (width<=768px) {
  .news-lists__page-header__deco .deco-2 {
    width: 39px;
    height: 44px;
  }
}
.news-lists__page-header__title {
  width: 241px;
  height: auto;
}
@media screen and (width<=768px) {
  .news-lists__page-header__title {
    width: 154px;
  }
}
.news-lists__empty {
  font-weight: 500;
}
.news-lists__wrapper {
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  padding: 16px 0;
}
.news-lists__list {
  --news-gap: 20px;
  width: 100%;
  width: max(
    var(--news-card-width),
    round(down, 100% + var(--news-gap), var(--news-card-width) + var(--news-gap)) - var(--news-gap)
  );
  row-gap: 48px;
  column-gap: var(--news-gap);
  flex-wrap: wrap;
  margin: 0 auto;
  display: flex;
}
@media screen and (width<=560px) {
  .news-lists__list {
    justify-content: center;
  }
}
.news-lists__list li {
  transition: transform 0.2s;
  display: flex;
}
.news-lists__list li:nth-child(odd) .news_card {
  transition: transform 0.2s;
  transform: rotate(3deg);
}
.news-lists__list li:nth-child(2n) .news_card {
  transition: transform 0.2s;
  transform: rotate(-3deg);
}
@media (hover: hover) and (pointer: fine) {
  .news-lists__list li .news_card:hover {
    transition: transform 0.2s;
    transform: rotate(0);
  }
}
.filter {
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
  margin: 64px 0;
  display: flex;
  position: relative;
}
@media screen and (width<=560px) {
  .filter {
    margin: 32px 0;
    padding: 0 50px;
  }
}
.news-lists__empty {
  text-align: center;
  margin: 48px 0;
}
.news-show {
  margin-bottom: 160px;
  position: relative;
}
@media screen and (width>=769px) and (width<=1023px) {
  .news-show {
    padding: 0 80px;
  }
}
@media screen and (width<=768px) {
  .news-show {
    padding: 0 40px;
  }
}
@media screen and (width<=560px) {
  .news-show {
    padding: 0 20px;
  }
}
.news-show__page-header {
  justify-content: center;
  align-items: center;
  gap: 64px;
  width: 100%;
  max-width: 1120px;
  margin: 0 auto 16px;
  padding: 140px 0 0;
  display: flex;
  position: relative;
}
@media screen and (width<=768px) {
  .news-show__page-header {
    gap: 24px;
  }
}
.news-show__page-header__deco {
  width: 180px;
  height: 180px;
  display: block;
  position: relative;
}
@media screen and (width<=768px) {
  .news-show__page-header__deco {
    width: 120px;
    height: 120px;
  }
}
.news-show__page-header__deco .deco-1 {
  width: 78px;
  height: 90px;
  animation: 7s ease-in-out infinite floating2;
  position: absolute;
  top: 5%;
  left: 10%;
  transform: rotate(-30deg);
}
@media screen and (width<=768px) {
  .news-show__page-header__deco .deco-1 {
    width: 52px;
    height: 60px;
  }
}
.news-show__page-header__deco .deco-2 {
  filter: blur(1px);
  width: 58px;
  height: 66px;
  animation: 7s ease-in-out infinite floating1;
  position: absolute;
  top: 60%;
  right: 10%;
  transform: rotate(30deg);
}
@media screen and (width<=768px) {
  .news-show__page-header__deco .deco-2 {
    width: 39px;
    height: 44px;
  }
}
.news-show__page-header__title {
  width: 241px;
  height: auto;
}
@media screen and (width<=768px) {
  .news-show__page-header__title {
    width: 154px;
  }
}
.news-show__wrapper {
  background-color: #fff;
  border-radius: 24px;
  width: 100%;
  max-width: 930px;
  margin: 64px auto;
  padding: 48px;
}
@media screen and (width<=560px) {
  .news-show__wrapper {
    margin: 48px auto;
    padding: 48px 20px;
  }
}
.news-show__header {
  text-align: center;
  margin-bottom: 48px;
  font-family: APJapanesefont, sans-serif;
  font-weight: 400;
}
@media screen and (width<=560px) {
  .news-show__header {
    margin-bottom: 32px;
  }
}
.news-show__header.date {
  letter-spacing: 1px;
  margin-bottom: 8px;
  font-size: 20px;
  line-height: 140%;
}
.news-show__header.title {
  letter-spacing: 1px;
  margin-bottom: 16px;
  font-size: 32px;
  line-height: 120%;
}
@media screen and (width<=768px) {
  .news-show__header.title {
    font-size: 24px;
  }
}
.news-show__header.tagline-wrapper {
  flex-flow: wrap;
  justify-content: center;
  gap: 4px;
  display: flex;
}
.news-show__content {
  color: #643f3a;
  letter-spacing: 1.3px;
  font-size: 16px;
  font-weight: 500;
  line-height: 200%;
}
.news-show__content .wp-block-embed-youtube iframe {
  aspect-ratio: 16/9;
  width: 100%;
  height: auto;
}
@media screen and (width<=560px) {
  .news-show__content {
    font-size: 14px;
  }
}
.news-show__content .thumbnail {
  background: 0 0;
  justify-content: center;
  align-items: center;
  display: flex;
}
.news-show__content .thumbnail img {
  object-fit: contain;
  width: 100%;
  height: 100%;
  max-height: 640px;
}
.news-show__content p,
.news-show__content li,
.news-show__content div {
  overflow-wrap: anywhere;
  word-break: break-word;
}
.news-show__content a,
.news-show__content a[href^="\/"],
.news-show__content a[href^="\#"],
.news-show__content .news-show__link-internal {
  letter-spacing: 1.3px;
  color: #cf4500;
  overflow-wrap: anywhere;
  word-break: break-all;
  font-size: 16px;
  font-weight: 500;
  line-height: 200%;
  display: inline;
}
.news-show__content a:after,
.news-show__content a[href^="\/"]:after,
.news-show__content a[href^="\#"]:after,
.news-show__content .news-show__link-internal:after {
  content: "";
  vertical-align: -3px;
  background: url("data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_3548_18727)'%3e%3cpath%20d='M15.1413%207.68491C15.1415%207.68513%2015.1418%207.68526%2015.1421%207.68526C15.1424%207.68526%2015.1427%207.68539%2015.1429%207.68561L16.3437%208.91238C17.1046%209.68977%2017.1047%2010.9328%2016.3438%2011.7102L11.8288%2016.3239C11.1082%2017.0602%209.92311%2017.0602%209.20261%2016.3238L8.84885%2015.9622C8.34671%2015.449%208.34677%2014.6286%208.84898%2014.1155C9.66691%2013.2798%209.07482%2011.8718%207.90546%2011.8718H4.71484C3.68902%2011.8718%202.85742%2011.0402%202.85742%2010.0144C2.85742%208.98854%203.68902%208.15694%204.71484%208.15694H7.91266C8.8627%208.15694%209.34382%207.01313%208.67943%206.33405C8.27144%205.91704%208.27152%205.25043%208.6796%204.83351L9.2027%204.29908C9.92318%203.56299%2011.108%203.56308%2011.8284%204.29927L15.1413%207.68491Z'%20fill='%23CF4500'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_3548_18727'%3e%3crect%20width='20'%20height='20'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e")
    50% / contain no-repeat;
  width: 18px;
  height: 18px;
  margin-left: 4px;
  transition: transform 0.2s;
  display: inline-block;
}
.news-show__content a:hover,
.news-show__content a[href^="\/"]:hover,
.news-show__content a[href^="\#"]:hover,
.news-show__content .news-show__link-internal:hover {
  text-decoration: underline;
}
.news-show__content a[href^="http"]:not([href*="hokabiyo\.com"]),
.news-show__content a[target="_blank"],
.news-show__content .news-show__link-external {
  letter-spacing: 1.3px;
  color: #cf4500;
  overflow-wrap: anywhere;
  word-break: break-all;
  font-size: 16px;
  font-weight: 500;
  line-height: 200%;
  display: inline;
}
.news-show__content a[href^="http"]:not([href*="hokabiyo\.com"]):after,
.news-show__content a[target="_blank"]:after,
.news-show__content .news-show__link-external:after {
  content: "";
  vertical-align: -4px;
  background: url("data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_3548_18727)'%3e%3cpath%20d='M15.1413%207.68491C15.1415%207.68513%2015.1418%207.68526%2015.1421%207.68526C15.1424%207.68526%2015.1427%207.68539%2015.1429%207.68561L16.3437%208.91238C17.1046%209.68977%2017.1047%2010.9328%2016.3438%2011.7102L11.8288%2016.3239C11.1082%2017.0602%209.92311%2017.0602%209.20261%2016.3238L8.84885%2015.9622C8.34671%2015.449%208.34677%2014.6286%208.84898%2014.1155C9.66691%2013.2798%209.07482%2011.8718%207.90546%2011.8718H4.71484C3.68902%2011.8718%202.85742%2011.0402%202.85742%2010.0144C2.85742%208.98854%203.68902%208.15694%204.71484%208.15694H7.91266C8.8627%208.15694%209.34382%207.01313%208.67943%206.33405C8.27144%205.91704%208.27152%205.25043%208.6796%204.83351L9.2027%204.29908C9.92318%203.56299%2011.108%203.56308%2011.8284%204.29927L15.1413%207.68491Z'%20fill='%23CF4500'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_3548_18727'%3e%3crect%20width='20'%20height='20'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e")
    50% / contain no-repeat;
  width: 18px;
  height: 18px;
  margin-left: 4px;
  transition: transform 0.2s;
  display: inline-block;
  transform: rotate(-45deg);
}
.news-show__content a[href^="http"]:not([href*="hokabiyo\.com"]):hover,
.news-show__content a[target="_blank"]:hover,
.news-show__content .news-show__link-external:hover {
  text-decoration: underline;
}
.news-show__content img {
  margin-bottom: 32px;
}
@media screen and (width<=560px) {
  .news-show__content img {
    margin-bottom: 24px;
  }
}
.news-show__content h1 {
  letter-spacing: 1.3px;
  border-bottom: 6px solid #fcc529;
  margin-top: 64px;
  margin-bottom: 32px;
  padding-bottom: 16px;
  font-size: 24px;
  font-weight: 900;
  line-height: 120%;
  position: relative;
}
@media screen and (width<=560px) {
  .news-show__content h1 {
    margin-top: 48px;
    margin-bottom: 24px;
  }
}
.news-show__content h2 {
  letter-spacing: 1.3px;
  margin: 48px 0 12px;
  font-size: 18px;
  font-weight: 900;
  line-height: 140%;
}
@media screen and (width<=560px) {
  .news-show__content h2 {
    margin: 32px 0 8px;
  }
}
.news-show__content h3,
.news-show__content h4,
.news-show__content h5,
.news-show__content h6 {
  letter-spacing: 1.3px;
  margin-bottom: 12px;
  font-size: 16px;
  font-weight: 900;
  line-height: 140%;
}
@media screen and (width<=560px) {
  .news-show__content h3,
  .news-show__content h4,
  .news-show__content h5,
  .news-show__content h6 {
    margin-bottom: 8px;
  }
}
.news-show__content ul,
.news-show__content ol {
  margin-bottom: 32px;
  padding-left: 0;
  list-style: none;
}
@media screen and (width<=560px) {
  .news-show__content ul,
  .news-show__content ol {
    margin-bottom: 24px;
  }
}
li > .news-show__content ul,
li > .news-show__content ol {
  margin-top: 8px;
  margin-bottom: 0;
}
.news-show__content ul > li,
.news-show__content ol > li {
  position: relative;
}
.news-show__content ul > li:before,
.news-show__content ol > li:before {
  position: absolute;
  top: 0;
  left: 0;
}
.news-show__content ul > li {
  margin-bottom: 16px;
  padding-left: 1em;
}
.news-show__content ul > li:before {
  content: "・";
}
.news-show__content ol {
  counter-reset: custom-counter;
}
.news-show__content ol > li {
  counter-increment: custom-counter;
  margin-bottom: 16px;
  padding-left: 1.6em;
}
.news-show__content ol > li:before {
  content: counter(custom-counter) ".";
}
.news-show__content p {
  margin-bottom: 32px;
}
@media screen and (width<=560px) {
  .news-show__content p {
    margin-bottom: 24px;
  }
}
.news-show__content .wp-block-quote {
  border-left: 6px solid #dccfcb;
  margin-bottom: 32px;
  padding-left: 32px;
}
@media screen and (width<=560px) {
  .news-show__content .wp-block-quote {
    margin-bottom: 24px;
  }
}
.news-show__link-external,
.news-show__link-internal {
  letter-spacing: 1.3px;
  color: #cf4500;
  overflow-wrap: anywhere;
  word-break: break-all;
  font-size: 16px;
  font-weight: 500;
  line-height: 200%;
  display: inline;
}
.news-show__link-external:after,
.news-show__link-internal:after {
  content: "";
  vertical-align: -3px;
  background: url("data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_3548_18727)'%3e%3cpath%20d='M15.1413%207.68491C15.1415%207.68513%2015.1418%207.68526%2015.1421%207.68526C15.1424%207.68526%2015.1427%207.68539%2015.1429%207.68561L16.3437%208.91238C17.1046%209.68977%2017.1047%2010.9328%2016.3438%2011.7102L11.8288%2016.3239C11.1082%2017.0602%209.92311%2017.0602%209.20261%2016.3238L8.84885%2015.9622C8.34671%2015.449%208.34677%2014.6286%208.84898%2014.1155C9.66691%2013.2798%209.07482%2011.8718%207.90546%2011.8718H4.71484C3.68902%2011.8718%202.85742%2011.0402%202.85742%2010.0144C2.85742%208.98854%203.68902%208.15694%204.71484%208.15694H7.91266C8.8627%208.15694%209.34382%207.01313%208.67943%206.33405C8.27144%205.91704%208.27152%205.25043%208.6796%204.83351L9.2027%204.29908C9.92318%203.56299%2011.108%203.56308%2011.8284%204.29927L15.1413%207.68491Z'%20fill='%23CF4500'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_3548_18727'%3e%3crect%20width='20'%20height='20'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e")
    50% / contain no-repeat;
  width: 18px;
  height: 18px;
  margin-left: 4px;
  display: inline-block;
}
.news-show__link-external:hover,
.news-show__link-internal:hover {
  text-decoration: underline;
}
.news-show__link-external:after {
  transform: rotate(-45deg) !important;
}