@charset "UTF-8";
html {
  scroll-padding-top: var(--spt);
}
@media (min-width: 769px) {
  html {
    --spt: clamp(0px, 7.393850658857979vw, 101px);
  }
}
@media (max-width: 768px) {
  html {
    --spt: clamp(0px, 19.230769230769234vw, 75px);
  }
}
.main {
  padding-top: 0;
}
.leadingSectionsContainer {
  position: relative;
  z-index: 3;
  background-color: #f5f5f5;
}
@media (min-width: 769px) {
  .leadingSectionsContainer {
    padding-top: clamp(0px, 7.393850658857979vw, 101px);
  }
}
@media (max-width: 768px) {
  .leadingSectionsContainer {
    padding-top: clamp(0px, 19.230769230769234vw, 75px);
  }
}
.nav_list_item_link {
  background-color: #fff;
  border-radius: 9999px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-transition-property: background-color, color;
  -moz-transition-property: background-color, color;
  -o-transition-property: background-color, color;
  -ms-transition-property: background-color, color;
  transition-property: background-color, color;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  -ms-transition-duration: 0.3s;
  transition-duration: 0.3s;
  font-family: var(--ja_b);
  font-weight: 700;
}
.nav_list_item_link:hover {
  background-color: var(--useored);
  color: #fff;
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
.nav_list_item_link:hover .nav_list_item_icon {
  background-color: #fff;
  background-image: url("../images/global/more_arrow_r.svg");
}
.nav_list_item_num {
  --ls: 0.1em;
}
.nav_list_item_label {
  --ls: 0;
}
.nav_list_item_icon {
  background-image: url("../images/global/more_arrow.svg");
  background-size: 40%;
  background-position: center;
  background-repeat: no-repeat;
  background-color: #1a1a1a;
  border-radius: 50%;
  rotate: 90deg;
  margin-left: auto;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
}
@media (min-width: 769px) {
  .nav_section {
    padding-block: clamp(0px, 5.124450951683748vw, 70px) clamp(0px, 2.928257686676428vw, 40px);
  }
  .nav_list {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -o-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
  }
  .nav_list_item {
    width: calc((314 / 1286) * 100%);
    width: calc((314/1286) * 100%);
  }
  .nav_list_item_link {
    height: clamp(0px, 4.392386530014641vw, 60px);
    padding-inline: clamp(0px, 2.196193265007321vw, 30px) clamp(0px, 1.464128843338214vw, 20px);
  }
  .nav_list_item_num {
    width: clamp(0px, 2.489019033674964vw, 34px);
    font-size: clamp(0rem, 1.02489019033675vw, 0.875rem);
  }
  .nav_list_item_label {
    font-size: clamp(0rem, 1.09809663250366vw, 0.9375rem);
    line-height: clamp(0rem, 1.317715959004393vw, 1.125rem);
  }
  .nav_list_item_icon {
    width: clamp(0px, 1.464128843338214vw, 20px);
    height: clamp(0px, 1.464128843338214vw, 20px);
  }
}
@media (max-width: 768px) {
  .nav_section {
    padding-block: clamp(0px, 9.230769230769232vw, 36px) clamp(0px, 12.82051282051282vw, 50px);
  }
  .nav_list_item +.nav_list_item {
    margin-top: clamp(0px, 2.564102564102564vw, 10px);
  }
  .nav_list_item_link {
    height: clamp(0px, 15.384615384615385vw, 60px);
    padding-inline: clamp(0px, 5.128205128205128vw, 20px);
  }
  .nav_list_item_num {
    width: clamp(0px, 8.717948717948717vw, 34px);
    font-size: clamp(0rem, 3.589743589743589vw, 0.875rem);
  }
  .nav_list_item_label {
    font-size: clamp(0rem, 3.846153846153846vw, 0.9375rem);
    line-height: clamp(0rem, 4.615384615384616vw, 1.125rem);
  }
  .nav_list_item_icon {
    width: clamp(0px, 5.128205128205128vw, 20px);
    height: clamp(0px, 5.128205128205128vw, 20px);
  }
}
@media (min-width: 769px) {
  .panel_section_container {
    padding: 0 clamp(0px, 2.928257686676428vw, 40px) 100dvh;
    --paddingBlock: clamp(0px, 1.464128843338214vw, 20px);
  }
  .panel_section_container .spacer {
    content: "";
    display: block;
    position: sticky;
    height: calc(100dvh - (var(--paddingBlock) * 2) - var(--spt));
    margin-bottom: calc((100dvh - (var(--paddingBlock) * 2) - var(--spt)) * -1);
    top: calc(var(--spt) + var(--paddingBlock));
    background-color: #fff;
    max-width: 1600px;
    margin-inline: auto;
    border-radius: clamp(0px, 1.171303074670571vw, 16px);
    clip-path: inset(0);
    -webkit-clip-path: inset(0);
  }
  .panel_section_container .spacer_scrollGuide {
    position: fixed;
    inset: auto 0 clamp(-70px, -5.124450951683748vw, 0px);
    background-color: var(--useored);
    border-radius: 50%;
    aspect-ratio: 1/1;
    height: clamp(0px, 10.248901903367496vw, 140px);
    margin: auto;
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    -o-transition-property: opacity;
    -ms-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    transition-duration: 0.5s;
  }
  .panel_section_container .spacer_scrollGuide:before {
    content: "";
    display: block;
    position: absolute;
    width: clamp(0px, 15.373352855051245vw, 210px);
    aspect-ratio: 1/1;
    inset: 50% 0 0 50%;
    background-color: var(--useored);
    translate: -50% -50%;
    -webkit-animation-name: spacer_wave;
    -moz-animation-name: spacer_wave;
    -o-animation-name: spacer_wave;
    -ms-animation-name: spacer_wave;
    animation-name: spacer_wave;
    -webkit-animation-duration: 2s;
    -moz-animation-duration: 2s;
    -o-animation-duration: 2s;
    -ms-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    -ms-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    border-radius: 50%;
  }
  .panel_section_container .spacer_scrollGuide_label {
    font-family: var(--en_sans);
    font-weight: 700;
    position: relative;
    z-index: 1;
    color: #fff;
    width: 100%;
    height: 50%;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -o-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
  }
  .panel_section_container:has(.q1.show) .spacer_scrollGuide {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
  .panel_section_container:has(.q4.show) .spacer {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
  .panel_section_container.hidden .panel {
    opacity: 0 !important;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)" !important;
    filter: alpha(opacity=0) !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }
}
@media (max-width: 768px) {
  .panel_section_container {
    padding-bottom: clamp(0px, 5.128205128205128vw, 20px);
  }
}
.panel {
  overflow: clip;
  background-color: #fff;
}
.panel_head,
.panel_title {
  font-family: var(--ja_b);
  font-weight: 700;
}
.panel_head {
  --ls: 0.1em;
}
.panel_content {
  position: relative;
  rotate: 0.0001deg;
}
.panel_content_container:after {
  content: "";
  display: block;
}
@media (min-width: 769px) {
  .panel {
    border-radius: clamp(0px, 1.171303074670571vw, 16px);
    height: calc(100dvh - var(--spt) - var(--paddingBlock) * 2);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    visibility: hidden;
    -webkit-transition-property: opacity, visibility;
    -moz-transition-property: opacity, visibility;
    -o-transition-property: opacity, visibility;
    -ms-transition-property: opacity, visibility;
    transition-property: opacity, visibility;
    -webkit-transition-duration: 1s;
    -moz-transition-duration: 1s;
    -o-transition-duration: 1s;
    -ms-transition-duration: 1s;
    transition-duration: 1s;
    z-index: 1;
  }
  .panel_section {
    z-index: auto;
    pointer-events: none;
    margin-bottom: 50dvh;
  }
  .panel_section.show {
    pointer-events: auto;
  }
  .panel_section.show .panel {
    opacity: 1;
    -ms-filter: none;
    filter: none;
    visibility: visible;
  }
  .panel_section.show:has(~.show) .panel {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    visibility: hidden;
  }
  .panel_section .section_block {
    position: fixed;
    inset: var(--spt) 0 0;
    margin: auto;
  }
  .panel_section .section_inner {
    padding-block: var(--paddingBlock);
  }
  .panel_inner {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -o-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
  }
  .panel_lead_container {
    width: clamp(0px, 17.276720351390924vw, 236px);
    padding-block: clamp(0px, 3.294289897510981vw, 45px);
    padding-right: clamp(0px, 4.099560761346998vw, 56px);
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    height: fit-content;
    position: sticky;
    top: 0;
  }
  .panel_lead_inner {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-direction: reverse;
    -moz-box-direction: reverse;
    -o-box-direction: reverse;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -o-box-orient: horizontal;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -o-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
  }
  .panel_head {
    font-size: clamp(0rem, 2.196193265007321vw, 1.875rem);
    border-bottom: 1px solid;
    padding-bottom: clamp(0px, 1.171303074670571vw, 16px);
    margin: 0 auto clamp(0px, 1.464128843338214vw, 20px);
    text-align: center;
    width: clamp(0px, 7.320644216691069vw, 100px);
  }
  .panel_title,
  .panel_lead_text {
    writing-mode: vertical-rl;
    text-orientation: upright;
  }
  .panel_title {
    font-size: clamp(0rem, 1.756954612005857vw, 1.5rem);
    line-height: clamp(0rem, 2.049780380673499vw, 1.75rem);
    margin-left: clamp(0px, 0.366032210834553vw, 5px);
  }
  .panel_lead_text {
    font-size: clamp(0rem, 1.09809663250366vw, 0.9375rem);
    line-height: clamp(0rem, 1.610541727672035vw, 1.375rem);
  }
  .panel_content_container {
    width: clamp(0px, 76.86676427525623vw, 1050px);
    margin-inline: auto;
    will-change: transform;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
  }
  .panel_content_container:after {
    height: clamp(0px, 5.856515373352855vw, 80px);
  }
}
@media (max-width: 768px) {
  .panel {
    border-radius: clamp(0px, 4.102564102564102vw, 16px);
  }
  .panel_section +.panel_section {
    margin-top: clamp(0px, 5.128205128205128vw, 20px);
  }
  .panel_inner {
    will-change: transform;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
  }
  .panel_lead,
  .panel_lead_inner {
    display: contents;
  }
  .panel_lead_container {
    padding: clamp(0px, 10.256410256410255vw, 40px) 0 clamp(0px, 6.41025641025641vw, 25px) clamp(0px, 7.692307692307693vw, 30px);
    display: grid;
    grid-template-areas: "num title" "text text";
    grid-template-columns: clamp(0px, 11.282051282051283vw, 44px) auto;
    --ls: 0;
  }
  .panel_head {
    grid-area: num;
    font-size: clamp(0rem, 5.128205128205128vw, 1.25rem);
    --ls: 0.1em;
    border-right: 1px solid;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
  }
  .panel_title {
    grid-area: title;
    font-size: clamp(0rem, 4.615384615384616vw, 1.125rem);
    line-height: clamp(0rem, 5.641025641025641vw, 1.375rem);
    padding-left: clamp(0px, 3.846153846153846vw, 15px);
    margin-block: calc((1em - 1lh) / 2);
  }
  .panel_lead_text {
    grid-area: text;
    font-size: clamp(0rem, 3.846153846153846vw, 0.9375rem);
    line-height: clamp(0rem, 5.641025641025641vw, 1.375rem);
    margin-top: clamp(0px, 5.128205128205128vw, 20px);
    padding-right: clamp(0px, 7.692307692307693vw, 30px);
  }
  .panel_content_container {
    container: panel_content_container/inline-size;
  }
  .panel_content_container:after {
    height: clamp(0px, 15.384615384615385vw, 60px);
  }
}
.panel_content_bg {
  position: absolute;
  container: panel_content_bg/inline-size;
  width: calc(var(--cntnrWidth) * var(--unit) / 100);
  --cntnrTop: 0;
  --cntnrLeft: 0;
  top: calc(var(--cntnrTop) * var(--unit) / 100);
  left: calc(var(--cntnrLeft) * var(--unit) / 100);
  height: 10px;
}
.panel_content_bg_bubble {
  aspect-ratio: 1/1;
  position: absolute;
  --top: calc((var(--cy) - var(--r)));
  --left: calc((var(--cx) - var(--r)));
  --width: calc(var(--r) * 2);
  top: calc((var(--top) / var(--cntnrWidth)) * 100cqw);
  left: calc((var(--left) / var(--cntnrWidth)) * 100cqw);
  width: calc((var(--width) / var(--cntnrWidth)) * 100cqw);
  -webkit-transition-property: opacity, translate;
  -moz-transition-property: opacity, translate;
  -o-transition-property: opacity, translate;
  -ms-transition-property: opacity, translate;
  transition-property: opacity, translate;
  -webkit-transition-duration: 1s, 3s;
  -moz-transition-duration: 1s, 3s;
  -o-transition-duration: 1s, 3s;
  -ms-transition-duration: 1s, 3s;
  transition-duration: 1s, 3s;
  -webkit-transition-timing-function: linear, cubic-bezier(0.68, -0.6, 0.32, 1.6);
  -moz-transition-timing-function: linear, cubic-bezier(0.68, -0.6, 0.32, 1.6);
  -o-transition-timing-function: linear, cubic-bezier(0.68, -0.6, 0.32, 1.6);
  -ms-transition-timing-function: linear, cubic-bezier(0.68, -0.6, 0.32, 1.6);
  transition-timing-function: linear, cubic-bezier(0.68, -0.6, 0.32, 1.6);
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  translate: 0 var(--hopHeight);
}
.panel_content_bg_bubble:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: cubic-bezier(0.65, 0, 0.35, 1);
  -moz-animation-timing-function: cubic-bezier(0.65, 0, 0.35, 1);
  -o-animation-timing-function: cubic-bezier(0.65, 0, 0.35, 1);
  -ms-animation-timing-function: cubic-bezier(0.65, 0, 0.35, 1);
  animation-timing-function: cubic-bezier(0.65, 0, 0.35, 1);
  -webkit-animation-name: bubbleHop;
  -moz-animation-name: bubbleHop;
  -o-animation-name: bubbleHop;
  -ms-animation-name: bubbleHop;
  animation-name: bubbleHop;
}
.panel_content_bg_bubble.inviewed {
  opacity: 1;
  -ms-filter: none;
  filter: none;
  translate: 0;
}
.panel_content_bg_bubble_red:before {
  background-color: var(--red);
}
.panel_content_bg_bubble_pink:before {
  background-color: var(--pink);
}
.panel_content_bg_bubble_yellow:before {
  background-color: #c7c72a;
}
.panel_content_bg_bubble_green:before {
  background-color: var(--green);
}
.panel_content_bg_bubble:nth-child(5n+1):before {
  -webkit-animation-duration: 3.1s;
  -moz-animation-duration: 3.1s;
  -o-animation-duration: 3.1s;
  -ms-animation-duration: 3.1s;
  animation-duration: 3.1s;
}
.panel_content_bg_bubble:nth-child(5n+2):before {
  -webkit-animation-duration: 3.2s;
  -moz-animation-duration: 3.2s;
  -o-animation-duration: 3.2s;
  -ms-animation-duration: 3.2s;
  animation-duration: 3.2s;
}
.panel_content_bg_bubble:nth-child(5n+3):before {
  -webkit-animation-duration: 3.3s;
  -moz-animation-duration: 3.3s;
  -o-animation-duration: 3.3s;
  -ms-animation-duration: 3.3s;
  animation-duration: 3.3s;
}
.panel_content_bg_bubble:nth-child(5n+4):before {
  -webkit-animation-duration: 3.4s;
  -moz-animation-duration: 3.4s;
  -o-animation-duration: 3.4s;
  -ms-animation-duration: 3.4s;
  animation-duration: 3.4s;
}
.panel_content_bg_bubble:nth-child(5n):before {
  -webkit-animation-duration: 3s;
  -moz-animation-duration: 3s;
  -o-animation-duration: 3s;
  -ms-animation-duration: 3s;
  animation-duration: 3s;
}
@media (min-width: 769px) {
  .panel_content_bg {
    --cntnrWidth: 1200;
    --unit: clamp(0px, 7.320644216691069vw, 100px);
    --hopHeight: clamp(0px, 1.464128843338214vw, 20px);
  }
}
@media (max-width: 768px) {
  .panel_content_bg {
    --cntnrWidth: 450;
    --unit: calc((100/350) * 100cqw);
    --hopHeight: calc((10/350) * 100cqw);
  }
}
.bubble {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  translate: 0 5%;
  will-change: opacity, translate;
  -webkit-transition-property: opacity, translate;
  -moz-transition-property: opacity, translate;
  -o-transition-property: opacity, translate;
  -ms-transition-property: opacity, translate;
  transition-property: opacity, translate;
  -webkit-transition-duration: 1s, 3s;
  -moz-transition-duration: 1s, 3s;
  -o-transition-duration: 1s, 3s;
  -ms-transition-duration: 1s, 3s;
  transition-duration: 1s, 3s;
  -webkit-transition-timing-function: linear, cubic-bezier(0.68, -0.6, 0.32, 1.6);
  -moz-transition-timing-function: linear, cubic-bezier(0.68, -0.6, 0.32, 1.6);
  -o-transition-timing-function: linear, cubic-bezier(0.68, -0.6, 0.32, 1.6);
  -ms-transition-timing-function: linear, cubic-bezier(0.68, -0.6, 0.32, 1.6);
  transition-timing-function: linear, cubic-bezier(0.68, -0.6, 0.32, 1.6);
  position: absolute;
  --hopHeight: 5%;
}
.bubble_inner {
  aspect-ratio: 1/1;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: cubic-bezier(0.65, 0, 0.35, 1);
  -moz-animation-timing-function: cubic-bezier(0.65, 0, 0.35, 1);
  -o-animation-timing-function: cubic-bezier(0.65, 0, 0.35, 1);
  -ms-animation-timing-function: cubic-bezier(0.65, 0, 0.35, 1);
  animation-timing-function: cubic-bezier(0.65, 0, 0.35, 1);
  clip-path: circle(closest-side);
}
.bubble:nth-child(5n+1) .bubble_inner {
  -webkit-animation-duration: 3.1s;
  -moz-animation-duration: 3.1s;
  -o-animation-duration: 3.1s;
  -ms-animation-duration: 3.1s;
  animation-duration: 3.1s;
}
.bubble:nth-child(5n+2) .bubble_inner {
  -webkit-animation-duration: 3.2s;
  -moz-animation-duration: 3.2s;
  -o-animation-duration: 3.2s;
  -ms-animation-duration: 3.2s;
  animation-duration: 3.2s;
}
.bubble:nth-child(5n+3) .bubble_inner {
  -webkit-animation-duration: 3.3s;
  -moz-animation-duration: 3.3s;
  -o-animation-duration: 3.3s;
  -ms-animation-duration: 3.3s;
  animation-duration: 3.3s;
}
.bubble:nth-child(5n+4) .bubble_inner {
  -webkit-animation-duration: 3.4s;
  -moz-animation-duration: 3.4s;
  -o-animation-duration: 3.4s;
  -ms-animation-duration: 3.4s;
  animation-duration: 3.4s;
}
.bubble:nth-child(5n) .bubble_inner {
  -webkit-animation-duration: 3s;
  -moz-animation-duration: 3s;
  -o-animation-duration: 3s;
  -ms-animation-duration: 3s;
  animation-duration: 3s;
}
.bubble.inviewed {
  opacity: 1;
  -ms-filter: none;
  filter: none;
  translate: 0;
}
.bubble.inviewed .bubble_inner {
  -webkit-animation-name: bubbleHop;
  -moz-animation-name: bubbleHop;
  -o-animation-name: bubbleHop;
  -ms-animation-name: bubbleHop;
  animation-name: bubbleHop;
}
@media (min-width: 769px) {
  .bubble_xl {
    width: clamp(0px, 33.30893118594436vw, 455px);
  }
  .bubble_l {
    width: clamp(0px, 27.81844802342606vw, 380px);
  }
  .bubble_ml {
    width: clamp(0px, 24.52415812591508vw, 335px);
  }
  .bubble_m {
    width: clamp(0px, 20.937042459736457vw, 286px);
  }
  .bubble_ms {
    width: clamp(0px, 17.789165446559295vw, 243px);
  }
  .bubble_s {
    width: clamp(0px, 15.446559297218155vw, 211px);
  }
  .bubble_xs {
    width: clamp(0px, 9.077598828696926vw, 124px);
  }
}
@media (max-width: 768px) {
  .bubble_xl,
  .bubble_l,
  .bubble_ml {
    width: calc((220/350) * 100cqw);
  }
  .bubble_m,
  .bubble_ms {
    width: calc((180/350) * 100cqw);
  }
  .bubble_s {
    width: calc((140/350) * 100cqw);
  }
  .bubble_xs {
    width: calc((100/350) * 100cqw);
  }
}
.voice {
  color: #fff;
}
.voice span,
.voice_inner {
  display: block;
}
.voice_inner {
  position: relative;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  -ms-transition-property: opacity;
  transition-property: opacity;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  -ms-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.voice label {
  cursor: pointer;
}
.voice_more {
  font-family: var(--en_sans);
  font-weight: 700;
  display: -webkit-box !important;
  display: -moz-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: box !important;
  display: flex !important;
  width: fit-content;
  margin-inline: auto;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.voice_more:before {
  content: "";
  display: block;
  vertical-align: bottom;
  margin-right: 0.5em;
  aspect-ratio: 1/1;
  height: 1lh;
  background-image: url("../images/voice/open_icon.svg");
  background-size: 100% 100%;
  -webkit-transition-property: rotate;
  -moz-transition-property: rotate;
  -o-transition-property: rotate;
  -ms-transition-property: rotate;
  transition-property: rotate;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  -ms-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.voice_more_container {
  text-align: center;
  position: absolute;
  inset-inline: 0;
  margin-inline: auto;
}
.voice:hover .voice_more:before {
  rotate: 90deg;
}
@media (min-width: 769px) {
  .voice_red:before {
    background-color: var(--red);
  }
  .voice_pink:before {
    background-color: var(--pink);
  }
  .voice_yellow:before {
    background-color: #c7c72a;
  }
  .voice_green:before {
    background-color: var(--green);
  }
  .voice:before {
    content: "";
    display: block;
    width: 200dvmax;
    height: 200dvmax;
    position: absolute;
    top: 50%;
    left: 50%;
    translate: -50% -50%;
    scale: 0;
    border-radius: 50%;
  }
  .voice:has(.opened) {
    z-index: 5;
  }
  .voice:has(.opened):before {
    -webkit-animation-name: voice_opening;
    -moz-animation-name: voice_opening;
    -o-animation-name: voice_opening;
    -ms-animation-name: voice_opening;
    animation-name: voice_opening;
    -webkit-animation-duration: 2s;
    -moz-animation-duration: 2s;
    -o-animation-duration: 2s;
    -ms-animation-duration: 2s;
    animation-duration: 2s;
  }
  .voice:has(.opened) .voice_inner {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
  .voice_l {
    width: clamp(0px, 27.81844802342606vw, 380px);
  }
  .voice_ml {
    width: clamp(0px, 24.52415812591508vw, 335px);
  }
  .voice_ms {
    width: clamp(0px, 20.937042459736457vw, 286px);
  }
  .voice_s {
    width: clamp(0px, 15.446559297218155vw, 211px);
  }
  .voice_position {
    font-size: clamp(0rem, 0.878477306002928vw, 0.75rem);
    line-height: clamp(0rem, 1.02489019033675vw, 0.875rem);
  }
  .voice_more {
    font-size: clamp(0rem, 0.878477306002928vw, 0.75rem);
    line-height: clamp(0rem, 1.464128843338214vw, 1.25rem);
  }
  .voice_more_container {
    bottom: clamp(0px, 2.196193265007321vw, 30px);
  }
}
@media (max-width: 768px) {
  .voice_l,
  .voice_ml {
    width: calc((220/350) * 100cqw);
  }
  .voice_ms {
    width: calc((180/350) * 100cqw);
  }
  .voice_s {
    width: calc((140/350) * 100cqw);
  }
  .voice_more {
    font-size: calc((11/350) * 100cqw);
    line-height: calc((12/350) * 100cqw);
  }
  .voice_more_container {
    bottom: calc((18/350) * 100cqw);
  }
}
.voiceModal {
  position: fixed;
  inset: 0 auto auto 0;
  height: 100%;
  width: 100vw;
  color: #fff;
  z-index: 10;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  visibility: hidden;
  pointer-events: none;
  -webkit-transition-property: opacity, visibility, backdrop-filter;
  -moz-transition-property: opacity, visibility, backdrop-filter;
  -o-transition-property: opacity, visibility, backdrop-filter;
  -ms-transition-property: opacity, visibility, backdrop-filter;
  transition-property: opacity, visibility, backdrop-filter;
}
.voiceModal label {
  cursor: pointer;
}
.voiceModal:has(.voiceModal_radio:checked) {
  opacity: 1;
  -ms-filter: none;
  filter: none;
  visibility: visible;
  pointer-events: auto;
}
.voiceModal_red .voiceModal_inner {
  background-color: var(--red);
}
.voiceModal_pink .voiceModal_inner {
  background-color: var(--pink);
}
.voiceModal_yellow .voiceModal_inner {
  background-color: #c7c72a;
}
.voiceModal_green .voiceModal_inner {
  background-color: var(--green);
}
.voiceModal_scroller {
  overflow-y: scroll;
  overscroll-behavior: contain;
  position: relative;
  height: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.voiceModal_scroller:after {
  content: "";
  display: block;
  height: 0.5px;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
}
.voiceModal_inner {
  position: relative;
}
.voiceModal_inner,
.voiceModal_inner_container {
  min-height: 100%;
}
.voiceModal_inner_container {
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  padding: var(--padding);
}
.voiceModal_box {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
}
.voiceModal_q_head,
.voiceModal_q_title {
  font-family: var(--ja_b);
  font-weight: 700;
}
.voiceModal_q_head {
  --ls: 0.1em;
}
.voiceModal_content {
  --ls: 0.1em;
}
.voiceModal_content_container {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.voiceModal_content_lead {
  border-bottom: 1px solid;
}
.voiceModal_content_title,
.voiceModal_content_text {
  margin-top: calc((1em - 1lh) / 2);
}
.voiceModal_content_title {
  font-family: var(--ja_b);
  font-weight: 700;
}
.voiceModal_pager {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.voiceModal_pager:hover {
  opacity: 0.7;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  filter: alpha(opacity=70);
}
.voiceModal_pager_container {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -o-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin-top: auto;
}
.voiceModal_pager_container:not(:has(.voiceModal_pager_prev)):before {
  content: "";
}
.voiceModal_pager_container:not(:has(.voiceModal_pager_next)):after {
  content: "";
}
.voiceModal_pager:before {
  content: "";
  display: block;
  background-image: url("../images/voice/modal_arrow_icon.svg");
  background-size: 100%;
  aspect-ratio: 1/1;
  height: 1lh;
}
.voiceModal_pager_next:before {
  rotate: 180deg;
}
.voiceModal_pager_num {
  font-family: var(--en_sans);
  font-weight: 700;
  --ls: 0.1em;
  text-indent: var(--ls);
}
.voiceModal_close {
  position: absolute;
}
.voiceModal_close:hover {
  opacity: 0.7;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  filter: alpha(opacity=70);
}
@media (min-width: 769px) {
  .voiceModal {
    --padding: clamp(0px, 2.928257686676428vw, 40px);
    background-color: rgba(255,255,255,0.3);
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    transition-duration: 0.5s;
  }
  .voiceModal.delay {
    -webkit-transition-delay: 0.5s;
    -moz-transition-delay: 0.5s;
    -o-transition-delay: 0.5s;
    -ms-transition-delay: 0.5s;
    transition-delay: 0.5s;
  }
  .voiceModal_inner {
    border-radius: clamp(0px, 1.171303074670571vw, 16px);
    max-width: 1600px;
    margin-inline: auto;
  }
  .voiceModal_inner_container {
    padding: clamp(0px, 8.857979502196194vw, 121px) clamp(0px, 2.928257686676428vw, 40px) clamp(0px, 1.464128843338214vw, 20px);
  }
  .voiceModal_box {
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -o-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
  }
  .voiceModal_box:after {
    content: "";
    width: clamp(0px, 13.177159590043924vw, 180px);
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
  }
  .voiceModal_q {
    width: clamp(0px, 13.177159590043924vw, 180px);
    padding-top: clamp(0px, 3.294289897510981vw, 45px);
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    height: calc(100dvh - (var(--padding)) - var(--spt));
    position: sticky;
    top: clamp(0px, 2.928257686676428vw, 40px);
  }
  .voiceModal_q_lead_inner {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-direction: reverse;
    -moz-box-direction: reverse;
    -o-box-direction: reverse;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -o-box-orient: horizontal;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -o-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
  }
  .voiceModal_q_head {
    font-size: clamp(0rem, 2.196193265007321vw, 1.875rem);
    border-bottom: 1px solid;
    padding-bottom: clamp(0px, 1.171303074670571vw, 16px);
    margin: 0 auto clamp(0px, 1.464128843338214vw, 20px);
    text-align: center;
    width: clamp(0px, 7.320644216691069vw, 100px);
  }
  .voiceModal_q_title,
  .voiceModal_q_lead_text {
    writing-mode: vertical-rl;
    text-orientation: upright;
  }
  .voiceModal_q_title {
    font-size: clamp(0rem, 1.756954612005857vw, 1.5rem);
    line-height: clamp(0rem, 2.049780380673499vw, 1.75rem);
    margin-left: clamp(0px, 0.366032210834553vw, 5px);
  }
  .voiceModal_q_lead_text {
    font-size: clamp(0rem, 1.09809663250366vw, 0.9375rem);
    line-height: clamp(0rem, 1.610541727672035vw, 1.375rem);
  }
  .voiceModal_content {
    margin-bottom: clamp(0px, 2.928257686676428vw, 40px);
  }
  .voiceModal_content_container {
    width: clamp(0px, 61.49341142020498vw, 840px);
    padding-block: clamp(0px, 6.588579795021962vw, 90px);
  }
  .voiceModal_content_lead {
    padding-bottom: clamp(0px, 2.928257686676428vw, 40px);
    margin-bottom: clamp(0px, 2.928257686676428vw, 40px);
  }
  .voiceModal_content_title {
    font-size: clamp(0rem, 2.196193265007321vw, 1.875rem);
    line-height: clamp(0rem, 2.928257686676428vw, 2.5rem);
    margin-bottom: clamp(0px, 1.09809663250366vw, 15px);
  }
  .voiceModal_content_position {
    font-size: clamp(0rem, 1.02489019033675vw, 0.875rem);
  }
  .voiceModal_content_text {
    font-size: clamp(0rem, 1.171303074670571vw, 1rem);
    line-height: clamp(0rem, 2.635431918008785vw, 2.25rem);
    font-family: var(--ja_b);
    font-weight: 700;
  }
  .voiceModal_pager_container {
    line-height: clamp(0rem, 1.464128843338214vw, 1.25rem);
    font-size: clamp(0rem, 1.171303074670571vw, 1rem);
  }
  .voiceModal_pager_container:before,
  .voiceModal_pager_container:after {
    width: calc(17em + 1lh);
  }
  .voiceModal_pager_label {
    --ls: 0;
    width: 16em;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    font-family: var(--ja_b);
    font-weight: 700;
  }
  .voiceModal_pager_prev:before {
    margin-right: 1em;
  }
  .voiceModal_pager_next {
    -webkit-box-direction: reverse;
    -moz-box-direction: reverse;
    -o-box-direction: reverse;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -o-box-orient: horizontal;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }
  .voiceModal_pager_next:before {
    margin-left: 1em;
  }
  .voiceModal_pager_num {
    font-size: clamp(0rem, 1.464128843338214vw, 1.25rem);
  }
  .voiceModal_close {
    width: clamp(0px, 2.928257686676428vw, 40px);
    inset: clamp(0px, 1.464128843338214vw, 20px) clamp(0px, 1.464128843338214vw, 20px) auto auto;
  }
}
@media (max-width: 768px) {
  .voiceModal {
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    transition-duration: 0.5s;
    background-color: #fff;
  }
  .voiceModal_inner {
    border-radius: clamp(0px, 4.102564102564102vw, 16px);
    padding: clamp(0px, 6.41025641025641vw, 25px) clamp(0px, 7.692307692307693vw, 30px) clamp(0px, 12.82051282051282vw, 50px);
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
  }
  .voiceModal_inner_container {
    padding: clamp(0px, 24.358974358974358vw, 95px) clamp(0px, 5.128205128205128vw, 20px) clamp(0px, 5.128205128205128vw, 20px);
  }
  .voiceModal_box {
    min-height: 100%;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -o-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .voiceModal_q {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    margin-bottom: clamp(0px, 10.256410256410255vw, 40px);
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
  }
  .voiceModal_q_lead {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
  }
  .voiceModal_q_head {
    font-size: clamp(0rem, 3.846153846153846vw, 0.9375rem);
    --ls: 0.1em;
    border-right: 1px solid;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    width: clamp(0px, 7.692307692307693vw, 30px);
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
  }
  .voiceModal_q_title {
    font-size: clamp(0rem, 3.076923076923077vw, 0.75rem);
    line-height: clamp(0rem, 4.615384615384616vw, 1.125rem);
    padding-left: clamp(0px, 2.564102564102564vw, 10px);
    margin-block: calc((1em - 1lh) / 2);
  }
  .voiceModal_content {
    margin-bottom: clamp(0px, 9.230769230769232vw, 36px);
  }
  .voiceModal_content_container {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    -ms-box-flex: 1;
    box-flex: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
  }
  .voiceModal_content_lead {
    padding-bottom: clamp(0px, 6.41025641025641vw, 25px);
    margin-bottom: clamp(0px, 6.41025641025641vw, 25px);
  }
  .voiceModal_content_title {
    font-size: clamp(0rem, 4.615384615384616vw, 1.125rem);
    line-height: clamp(0rem, 6.666666666666667vw, 1.625rem);
    margin-bottom: clamp(0px, 2.564102564102564vw, 10px);
  }
  .voiceModal_content_position {
    font-size: clamp(0rem, 3.589743589743589vw, 0.875rem);
  }
  .voiceModal_content_text {
    font-size: clamp(0rem, 3.846153846153846vw, 0.9375rem);
    line-height: clamp(0rem, 6.666666666666667vw, 1.625rem);
  }
  .voiceModal_pager_container {
    line-height: clamp(0rem, 7.179487179487179vw, 1.75rem);
  }
  .voiceModal_pager_container:before,
  .voiceModal_pager_container:after {
    width: 1lh;
  }
  .voiceModal_pager_num {
    font-size: clamp(0rem, 3.846153846153846vw, 0.9375rem);
  }
  .voiceModal_close {
    width: clamp(0px, 10.256410256410255vw, 40px);
    inset: clamp(0px, 5.128205128205128vw, 20px) clamp(0px, 5.128205128205128vw, 20px) auto auto;
  }
}
.photo {
  pointer-events: none;
}
@media (min-width: 769px) {
  .q1 .panel_content {
    height: clamp(0px, 173.71888726207908vw, 2373px);
  }
  .q1 .voice_1 {
    top: clamp(0px, 10.175695461200586vw, 139px);
    left: clamp(0px, 3.22108345534407vw, 44px);
  }
  .q1 .voice_2 {
    top: clamp(0px, 10.980966325036604vw, 150px);
    left: clamp(0px, 56.66178623718887vw, 774px);
  }
  .q1 .voice_3 {
    top: clamp(0px, 4.685212298682284vw, 64px);
    left: clamp(0px, 30.96632503660322vw, 423px);
  }
  .q1 .voice_4 {
    top: clamp(0px, 45.60761346998536vw, 623px);
    left: clamp(0px, 50.87847730600292vw, 695px);
  }
  .q1 .voice_5 {
    top: clamp(0px, 59.22401171303074vw, 809px);
    left: clamp(0px, 36.53001464128843vw, 499px);
  }
  .q1 .voice_6 {
    top: clamp(0px, 77.23279648609078vw, 1055px);
    left: clamp(0px, 11.054172767203514vw, 151px);
  }
  .q1 .voice_7 {
    top: clamp(0px, 70.49780380673499vw, 963px);
    left: clamp(0px, 58.12591508052709vw, 794px);
  }
  .q1 .voice_8 {
    top: clamp(0px, 106.22254758418741vw, 1451px);
    left: clamp(0px, 14.348462664714495vw, 196px);
  }
  .q1 .voice_9 {
    top: clamp(0px, 111.27379209370424vw, 1520px);
    left: clamp(0px, 36.603221083455345vw, 500px);
  }
  .q1 .voice_10 {
    top: clamp(0px, 113.0307467057101vw, 1544px);
    left: clamp(0px, 62.51830161054173vw, 854px);
  }
  .q1 .voice_11 {
    top: clamp(0px, 93.41142020497803vw, 1276px);
    left: clamp(0px, 3.22108345534407vw, 44px);
  }
  .q1 .voice_12 {
    top: clamp(0px, 130.01464128843338vw, 1776px);
    left: clamp(0px, 49.926793557833086vw, 682px);
  }
  .q1 .voice_13 {
    top: clamp(0px, 127.23279648609078vw, 1738px);
    left: clamp(0px, 1.09809663250366vw, 15px);
  }
  .q1 .voice_14 {
    top: clamp(0px, 128.1844802342606vw, 1751px);
    left: clamp(0px, 33.89458272327965vw, 463px);
  }
  .q1 .voice_15 {
    top: clamp(0px, 151.46412884333822vw, 2069px);
    left: clamp(0px, 40.19033674963397vw, 549px);
  }
  .q1 .photo_1 {
    top: clamp(0px, 26.42752562225476vw, 361px);
    left: clamp(0px, 61.71303074670571vw, 843px);
  }
  .q1 .photo_2 {
    top: clamp(0px, 26.42752562225476vw, 361px);
    left: clamp(0px, 28.989751098096633vw, 396px);
  }
  .q1 .photo_3 {
    top: clamp(0px, 42.313323572474374vw, 578px);
    left: clamp(0px, 3.660322108345535vw, 50px);
  }
  .q1 .photo_4 {
    top: clamp(0px, 48.75549048316252vw, 666px);
    left: clamp(0px, 13.177159590043924vw, 180px);
  }
  .q1 .photo_5 {
    top: clamp(0px, 76.79355783308931vw, 1049px);
    left: clamp(0px, 26.281112737920935vw, 359px);
  }
  .q1 .photo_6 {
    top: clamp(0px, 140.99560761346999vw, 1926px);
    left: clamp(0px, 18.594436310395317vw, 254px);
  }
}
@media (max-width: 768px) {
  .q1 .panel_content {
    height: calc((2304/350) * 100cqw);
  }
  .q1 .voice_1 {
    top: calc((0/350) * 100cqw);
    left: calc((10/350) * 100cqw);
  }
  .q1 .voice_2 {
    top: calc((169/350) * 100cqw);
    left: calc((199/350) * 100cqw);
  }
  .q1 .voice_3 {
    top: calc((232/350) * 100cqw);
    left: calc((40/350) * 100cqw);
  }
  .q1 .voice_4 {
    top: calc((381/350) * 100cqw);
    left: calc((7/350) * 100cqw);
  }
  .q1 .voice_5 {
    top: calc((763/350) * 100cqw);
    left: calc((217/350) * 100cqw);
  }
  .q1 .voice_6 {
    top: calc((798/350) * 100cqw);
    left: calc((-20/350) * 100cqw);
  }
  .q1 .voice_7 {
    top: calc((930/350) * 100cqw);
    left: calc((190/350) * 100cqw);
  }
  .q1 .voice_8 {
    top: calc((1222/350) * 100cqw);
    left: calc((27/350) * 100cqw);
  }
  .q1 .voice_9 {
    top: calc((1244/350) * 100cqw);
    left: calc((220/350) * 100cqw);
  }
  .q1 .voice_10 {
    top: calc((1384/350) * 100cqw);
    left: calc((150/350) * 100cqw);
  }
  .q1 .voice_11 {
    top: calc((1452/350) * 100cqw);
    left: calc((-23/350) * 100cqw);
  }
  .q1 .voice_12 {
    top: calc((1538/350) * 100cqw);
    left: calc((143/350) * 100cqw);
  }
  .q1 .voice_13 {
    top: calc((1771/350) * 100cqw);
    left: calc((-5/350) * 100cqw);
  }
  .q1 .voice_14 {
    top: calc((1779/350) * 100cqw);
    left: calc((200/350) * 100cqw);
  }
  .q1 .voice_15 {
    top: calc((2073/350) * 100cqw);
    left: calc((25/350) * 100cqw);
  }
  .q1 .photo_1 {
    display: none;
  }
  .q1 .photo_2 {
    width: calc((180/350) * 100cqw);
    top: calc((322/350) * 100cqw);
    left: calc((157/350) * 100cqw);
  }
  .q1 .photo_3 {
    top: calc((541/350) * 100cqw);
    left: calc((-13/350) * 100cqw);
  }
  .q1 .photo_4 {
    top: calc((618/350) * 100cqw);
    left: calc((67/350) * 100cqw);
  }
  .q1 .photo_5 {
    top: calc((996/350) * 100cqw);
    left: calc((-30/350) * 100cqw);
  }
  .q1 .photo_6 {
    top: calc((1929/350) * 100cqw);
    left: calc((130/350) * 100cqw);
  }
}
.q2_part_title {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.q2_part_title span {
  padding-right: 1em;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  font-family: var(--ja_b);
  font-weight: 700;
}
.q2_part_title:after {
  content: "";
  display: block;
  height: 0;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  -ms-box-flex: 1;
  box-flex: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  border-top: 1px solid;
}
.q2_part_content {
  position: relative;
}
@media (min-width: 769px) {
  .q2 .panel_content {
    padding-block: clamp(0px, 6.588579795021962vw, 90px) clamp(0px, 4.392386530014641vw, 60px);
  }
  .q2_part +.q2_part {
    margin-top: clamp(0px, 5.124450951683748vw, 70px);
  }
  .q2_part_title {
    font-size: clamp(0rem, 1.756954612005857vw, 1.5rem);
    margin-bottom: clamp(0px, 5.490483162518302vw, 75px);
    padding-right: clamp(0px, 2.928257686676428vw, 40px);
  }
  .q2_part_1 .q2_part_content {
    height: clamp(0px, 62.079062957540266vw, 848px);
  }
  .q2_part_2 .q2_part_content {
    height: clamp(0px, 81.03953147877013vw, 1107px);
  }
  .q2_part_3 .q2_part_content {
    height: clamp(0px, 58.565153733528554vw, 800px);
  }
  .q2 .voice_1 {
    top: 0;
    left: clamp(0px, 25.183016105417277vw, 344px);
  }
  .q2 .voice_2 {
    top: 0;
    left: clamp(0px, 49.41434846266471vw, 675px);
  }
  .q2 .voice_3 {
    top: clamp(0px, 26.281112737920935vw, 359px);
    left: clamp(0px, 1.830161054172767vw, 25px);
  }
  .q2 .voice_4 {
    top: clamp(0px, 27.013177159590047vw, 369px);
    left: clamp(0px, 53.00146412884333vw, 724px);
  }
  .q2 .voice_5 {
    top: clamp(0px, 41.142020497803806vw, 562px);
    left: clamp(0px, 23.79209370424597vw, 325px);
  }
  .q2 .photo_1 {
    top: clamp(0px, 2.342606149341142vw, 32px);
    left: clamp(0px, 0.732064421669107vw, 10px);
  }
  .q2 .photo_2 {
    top: clamp(0px, 16.471449487554903vw, 225px);
    left: clamp(0px, 27.891654465592975vw, 381px);
  }
  .q2 .voice_6 {
    top: 0;
    left: clamp(0px, 41.288433382137626vw, 564px);
  }
  .q2 .voice_7 {
    top: clamp(0px, 12.445095168374817vw, 170px);
    left: clamp(0px, 19.39970717423133vw, 265px);
  }
  .q2 .voice_8 {
    top: clamp(0px, 30.67349926793558vw, 419px);
    left: clamp(0px, 42.67935578330893vw, 583px);
  }
  .q2 .voice_9 {
    top: clamp(0px, 51.244509516837475vw, 700px);
    left: clamp(0px, 46.266471449487554vw, 632px);
  }
  .q2 .voice_10 {
    top: clamp(0px, 65.59297218155197vw, 896px);
    left: clamp(0px, 32.650073206442165vw, 446px);
  }
  .q2 .photo_3 {
    top: clamp(0px, 0.805270863836018vw, 11px);
    left: clamp(-14px, -1.02489019033675vw, 0px);
  }
  .q2 .photo_4 {
    top: clamp(0px, 34.69985358711566vw, 474px);
    left: clamp(0px, 2.708638360175696vw, 37px);
  }
  .q2 .voice_11 {
    top: clamp(0px, 7.46705710102489vw, 102px);
    left: clamp(0px, 0.512445095168375vw, 7px);
  }
  .q2 .voice_12 {
    top: 0;
    left: clamp(0px, 28.47730600292826vw, 389px);
  }
  .q2 .voice_13 {
    top: clamp(0px, 30.52708638360176vw, 417px);
    left: clamp(0px, 38.579795021961935vw, 527px);
  }
  .q2 .voice_14 {
    top: clamp(0px, 32.942898975109806vw, 450px);
    left: clamp(0px, 10.980966325036604vw, 150px);
  }
  .q2 .photo_5 {
    top: clamp(0px, 14.93411420204978vw, 204px);
    left: clamp(0px, 56.881405563689604vw, 777px);
  }
}
@media (max-width: 768px) {
  .q2 .panel_content {
    padding-block: clamp(0px, 10.256410256410255vw, 40px);
  }
  .q2_part +.q2_part {
    margin-top: clamp(0px, 17.94871794871795vw, 70px);
  }
  .q2_part_title {
    font-size: clamp(0rem, 3.846153846153846vw, 0.9375rem);
    margin-bottom: clamp(0px, 10.256410256410255vw, 40px);
    padding-inline: clamp(0px, 7.692307692307693vw, 30px);
  }
  .q2_part_1 .q2_part_content {
    height: calc((958/350) * 100cqw);
  }
  .q2_part_2 .q2_part_content {
    height: calc((822/350) * 100cqw);
  }
  .q2_part_3 .q2_part_content {
    height: calc((731/350) * 100cqw);
  }
  .q2 .voice_1 {
    top: calc((0/350) * 100cqw);
    left: calc((200/350) * 100cqw);
  }
  .q2 .voice_2 {
    top: calc((144/350) * 100cqw);
    left: calc((155/350) * 100cqw);
  }
  .q2 .voice_3 {
    top: calc((314/350) * 100cqw);
    left: calc((10/350) * 100cqw);
  }
  .q2 .voice_4 {
    top: calc((552/350) * 100cqw);
    left: calc((-10/350) * 100cqw);
  }
  .q2 .voice_5 {
    top: calc((738/350) * 100cqw);
    left: calc((130/350) * 100cqw);
  }
  .q2 .photo_1 {
    width: calc((180/350) * 100cqw);
    top: calc((10/350) * 100cqw);
    left: calc((0/350) * 100cqw);
  }
  .q2 .photo_2 {
    width: calc((220/350) * 100cqw);
    top: calc((440/350) * 100cqw);
    left: calc((200/350) * 100cqw);
  }
  .q2 .voice_6 {
    top: calc((117/350) * 100cqw);
    left: calc((155/350) * 100cqw);
  }
  .q2 .voice_7 {
    top: calc((198/350) * 100cqw);
    left: calc((-30/350) * 100cqw);
  }
  .q2 .voice_8 {
    top: calc((373/350) * 100cqw);
    left: calc((195/350) * 100cqw);
  }
  .q2 .voice_9 {
    top: calc((597/350) * 100cqw);
    left: calc((175/350) * 100cqw);
  }
  .q2 .voice_10 {
    top: calc((682/350) * 100cqw);
    left: calc((30/350) * 100cqw);
  }
  .q2 .photo_3 {
    top: calc((0/350) * 100cqw);
    left: calc((0/350) * 100cqw);
  }
  .q2 .photo_4 {
    top: calc((443/350) * 100cqw);
    left: calc((-40/350) * 100cqw);
  }
  .q2 .voice_11 {
    top: calc((3/350) * 100cqw);
    left: calc((0/350) * 100cqw);
  }
  .q2 .voice_12 {
    top: calc((116/350) * 100cqw);
    left: calc((150/350) * 100cqw);
  }
  .q2 .voice_13 {
    top: calc((392/350) * 100cqw);
    left: calc((155/350) * 100cqw);
  }
  .q2 .voice_14 {
    top: calc((551/350) * 100cqw);
    left: calc((10/350) * 100cqw);
  }
  .q2 .photo_5 {
    top: calc((345/350) * 100cqw);
    left: calc((-32/350) * 100cqw);
  }
}
@media (min-width: 769px) {
  .q3 .panel_content {
    height: clamp(0px, 131.77159590043922vw, 1800px);
  }
  .q3 .voice_1 {
    top: clamp(-21px, -1.537335285505125vw, 0px);
    left: clamp(0px, 34.84626647144949vw, 476px);
  }
  .q3 .voice_2 {
    top: clamp(-7px, -0.512445095168375vw, 0px);
    left: 0;
  }
  .q3 .voice_3 {
    top: clamp(0px, 32.72327964860908vw, 447px);
    left: clamp(0px, 11.127379209370424vw, 152px);
  }
  .q3 .voice_4 {
    top: clamp(0px, 46.266471449487554vw, 632px);
    left: clamp(0px, 49.780380673499266vw, 680px);
  }
  .q3 .voice_5 {
    top: clamp(0px, 60.17569546120058vw, 822px);
    left: clamp(0px, 20.20497803806735vw, 276px);
  }
  .q3 .voice_6 {
    top: clamp(0px, 74.67057101024889vw, 1020px);
    left: clamp(0px, 47.80380673499268vw, 653px);
  }
  .q3 .voice_7 {
    top: clamp(0px, 88.57979502196194vw, 1210px);
    left: clamp(0px, 6.734992679355783vw, 92px);
  }
  .q3 .voice_8 {
    top: clamp(0px, 92.31332357247439vw, 1261px);
    left: clamp(0px, 56.22254758418741vw, 768px);
  }
  .q3 .voice_9 {
    top: clamp(0px, 103.80673499267937vw, 1418px);
    left: clamp(0px, 39.31185944363104vw, 537px);
  }
  .q3 .photo_1 {
    top: clamp(0px, 12.371888726207906vw, 169px);
    left: clamp(0px, 39.31185944363104vw, 537px);
  }
  .q3 .photo_2 {
    top: clamp(0px, 21.815519765739385vw, 298px);
    left: clamp(0px, 25.036603221083453vw, 342px);
  }
  .q3 .photo_3 {
    top: clamp(0px, 57.68667642752562vw, 788px);
    left: clamp(0px, 1.171303074670571vw, 16px);
  }
  .q3 .photo_4 {
    top: clamp(0px, 87.48169838945827vw, 1195px);
    left: clamp(0px, 34.69985358711566vw, 474px);
  }
}
@media (max-width: 768px) {
  .q3 .panel_content {
    height: calc((1689/350) * 100cqw);
  }
  .q3 .voice_1 {
    top: calc((0/350) * 100cqw);
    left: calc((200/350) * 100cqw);
  }
  .q3 .voice_2 {
    top: calc((36/350) * 100cqw);
    left: calc((-9/350) * 100cqw);
  }
  .q3 .voice_3 {
    top: calc((445/350) * 100cqw);
    left: calc((20/350) * 100cqw);
  }
  .q3 .voice_4 {
    top: calc((659/350) * 100cqw);
    left: calc((160/350) * 100cqw);
  }
  .q3 .voice_5 {
    top: calc((872/350) * 100cqw);
    left: calc((-30/350) * 100cqw);
  }
  .q3 .voice_6 {
    top: calc((912/350) * 100cqw);
    left: calc((200/350) * 100cqw);
  }
  .q3 .voice_7 {
    top: calc((1141/350) * 100cqw);
    left: calc((-10/350) * 100cqw);
  }
  .q3 .voice_8 {
    top: calc((1344/350) * 100cqw);
    left: calc((140/350) * 100cqw);
  }
  .q3 .voice_9 {
    top: calc((1443/350) * 100cqw);
    left: calc((-20/350) * 100cqw);
  }
  .q3 .voice_10 {
    top: calc((1412/350) * 100cqw);
    left: calc((-10/350) * 100cqw);
  }
  .q3 .photo_1 {
    width: calc((220/350) * 100cqw);
    top: calc((230/350) * 100cqw);
    left: calc((124/350) * 100cqw);
  }
  .q3 .photo_2 {
    width: calc((100/350) * 100cqw);
    top: calc((540/350) * 100cqw);
    left: calc((250/350) * 100cqw);
  }
  .q3 .photo_3 {
    width: calc((180/350) * 100cqw);
    top: calc((679/350) * 100cqw);
    left: calc((-40/350) * 100cqw);
  }
  .q3 .photo_4 {
    width: calc((180/350) * 100cqw);
    top: calc((1164/350) * 100cqw);
    left: calc((220/350) * 100cqw);
  }
}
@media (min-width: 769px) {
  .q4 .panel_content {
    height: clamp(0px, 84.48023426061494vw, 1154px);
  }
  .q4 .voice_1 {
    top: clamp(0px, 4.831625183016105vw, 66px);
    left: clamp(0px, 1.830161054172767vw, 25px);
  }
  .q4 .voice_2 {
    top: clamp(0px, 18.740849194729137vw, 256px);
    left: clamp(0px, 33.23572474377745vw, 454px);
  }
  .q4 .voice_3 {
    top: clamp(0px, 33.96778916544656vw, 464px);
    left: clamp(0px, 8.711566617862372vw, 119px);
  }
  .q4 .voice_4 {
    top: clamp(0px, 52.7086383601757vw, 720px);
    left: clamp(0px, 34.333821376281115vw, 469px);
  }
  .q4 .voice_5 {
    top: clamp(0px, 42.532942898975115vw, 581px);
    left: clamp(0px, 55.05124450951684vw, 752px);
  }
  .q4 .photo_1 {
    top: clamp(-30px, -2.196193265007321vw, 0px);
    left: clamp(0px, 28.69692532942899vw, 392px);
  }
  .q4 .photo_2 {
    top: clamp(0px, 9.443631039531478vw, 129px);
    left: clamp(0px, 60.61493411420204vw, 828px);
  }
  .q4 .photo_3 {
    top: clamp(0px, 65.95900439238653vw, 901px);
    left: clamp(0px, 61.05417276720352vw, 834px);
  }
}
@media (max-width: 768px) {
  .q4 .panel_content {
    height: calc((972/350) * 100cqw);
  }
  .q4 .voice_1 {
    top: calc((26/350) * 100cqw);
    left: calc((0/350) * 100cqw);
  }
  .q4 .voice_2 {
    top: calc((195/350) * 100cqw);
    left: calc((156/350) * 100cqw);
  }
  .q4 .voice_3 {
    width: calc((180/350) * 100cqw);
    top: calc((339/350) * 100cqw);
    left: calc((6/350) * 100cqw);
  }
  .q4 .voice_4 {
    width: calc((180/350) * 100cqw);
    top: calc((612/350) * 100cqw);
    left: calc((10/350) * 100cqw);
  }
  .q4 .voice_5 {
    top: calc((716/350) * 100cqw);
    left: calc((196/350) * 100cqw);
  }
  .q4 .photo_1 {
    width: calc((180/350) * 100cqw);
    top: calc((0/350) * 100cqw);
    left: calc((223/350) * 100cqw);
  }
  .q4 .photo_2 {
    width: calc((220/350) * 100cqw);
    top: calc((422/350) * 100cqw);
    left: calc((198/350) * 100cqw);
  }
  .q4 .photo_3 {
    width: calc((100/350) * 100cqw);
    top: calc((822/350) * 100cqw);
    left: calc((30/350) * 100cqw);
  }
}
.ranking {
  color: var(--useored);
  background-color: #fff;
}
.ranking_title_circle {
  border: 1px solid;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  border-radius: 50%;
}
.ranking_list_item_4th {
  font-family: var(--ja_b);
  font-weight: 700;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
}
.ranking_note {
  text-align: right;
}
@media (min-width: 769px) {
  .ranking {
    padding-block: clamp(0px, 7.320644216691069vw, 100px);
  }
  .ranking .section_inner {
    max-width: 1286px;
  }
  .ranking_title {
    padding-bottom: clamp(0px, 4.392386530014641vw, 60px);
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -o-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
  }
  .ranking_title_circle {
    width: clamp(0px, 5.124450951683748vw, 70px);
    height: clamp(0px, 5.124450951683748vw, 70px);
    font-size: clamp(0rem, 1.171303074670571vw, 1rem);
    margin-right: clamp(0px, 2.196193265007321vw, 30px);
  }
  .ranking_title_text {
    font-size: clamp(0rem, 2.635431918008785vw, 2.25rem);
  }
  .ranking_list {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -o-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -o-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .ranking_list_item {
    width: clamp(0px, 30.74670571010249vw, 420px);
  }
  .ranking_list_item_4th {
    width: 100%;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    margin-top: clamp(0px, 2.196193265007321vw, 30px);
  }
  .ranking_list_item_4th_num {
    width: clamp(0px, 3.038067349926794vw, 41.5px);
    margin-right: clamp(0px, 1.464128843338214vw, 20px);
  }
  .ranking_list_item_4th_text {
    font-size: clamp(0rem, 1.171303074670571vw, 1rem);
  }
  .ranking_note {
    font-size: clamp(0rem, 0.878477306002928vw, 0.75rem);
    margin-top: clamp(-26.5px, -1.939970717423133vw, 0px);
  }
}
@media (max-width: 768px) {
  .ranking {
    padding-block: clamp(0px, 10.256410256410255vw, 40px) clamp(0px, 5.128205128205128vw, 20px);
  }
  .ranking_title {
    padding-bottom: clamp(0px, 10.256410256410255vw, 40px);
  }
  .ranking_title_circle {
    width: clamp(0px, 16.41025641025641vw, 64px);
    height: clamp(0px, 16.41025641025641vw, 64px);
    font-size: clamp(0rem, 3.846153846153846vw, 0.9375rem);
    margin: 0 auto clamp(0px, 3.846153846153846vw, 15px);
  }
  .ranking_title_text {
    font-size: clamp(0rem, 5.641025641025641vw, 1.375rem);
    line-height: clamp(0rem, 8.717948717948717vw, 2.125rem);
    margin-block: calc((1em - 1lh) / 2);
    display: block;
    text-align: center;
  }
  .ranking_list_container {
    margin-bottom: clamp(0px, 6.41025641025641vw, 25px);
  }
  .ranking_list_item +.ranking_list_item {
    margin-top: clamp(0px, 5.128205128205128vw, 20px);
  }
  .ranking_list_item_4th {
    margin-top: clamp(0px, 7.692307692307693vw, 30px);
  }
  .ranking_list_item_4th_num {
    width: clamp(0px, 10.64102564102564vw, 41.5px);
    margin-right: clamp(0px, 5.128205128205128vw, 20px);
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
  }
  .ranking_list_item_4th_text {
    font-size: clamp(0rem, 3.846153846153846vw, 0.9375rem);
    line-height: clamp(0rem, 6.666666666666667vw, 1.625rem);
    margin-top: clamp(0px, 0.54904831625183vw, 7.5px);
  }
  .ranking_note {
    font-size: clamp(0rem, 3.076923076923077vw, 0.75rem);
  }
}
.fixednav {
  pointer-events: none;
  position: fixed;
  z-index: 1;
  -webkit-transition-property: opacity, visibility;
  -moz-transition-property: opacity, visibility;
  -o-transition-property: opacity, visibility;
  -ms-transition-property: opacity, visibility;
  transition-property: opacity, visibility;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  -ms-transition-duration: 1s;
  transition-duration: 1s;
  color: #6f6f6f;
  font-family: var(--en_sans);
  font-weight: 700;
  --ls: 0.1em;
}
.fixednav[data-status="hidden"] {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  visibility: hidden;
}
.fixednav_list_item {
  position: relative;
  padding: 0 0 0.25em 1em;
  -webkit-transition-property: color;
  -moz-transition-property: color;
  -o-transition-property: color;
  -ms-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  -ms-transition-duration: 1s;
  transition-duration: 1s;
}
.fixednav_list_item:before {
  content: "";
  display: block;
  position: absolute;
  inset: 0 auto 0 0;
  margin: auto;
  width: 0.5em;
  height: 0.5em;
  border-radius: 50%;
  background-color: currentColor;
}
.fixednav_list_item_label {
  -webkit-transition-property: opacity, visibility;
  -moz-transition-property: opacity, visibility;
  -o-transition-property: opacity, visibility;
  -ms-transition-property: opacity, visibility;
  transition-property: opacity, visibility;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  -ms-transition-duration: 1s;
  transition-duration: 1s;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  visibility: hidden;
}
.fixednav[data-status="q1"] .fixednav_list_item[data-id="q1"],
.fixednav[data-status="q2"] .fixednav_list_item[data-id="q2"],
.fixednav[data-status="q3"] .fixednav_list_item[data-id="q3"],
.fixednav[data-status="q4"] .fixednav_list_item[data-id="q4"] {
  color: var(--useored);
}
.fixednav[data-status="q1"] .fixednav_list_item[data-id="q1"] .fixednav_list_item_label,
.fixednav[data-status="q2"] .fixednav_list_item[data-id="q2"] .fixednav_list_item_label,
.fixednav[data-status="q3"] .fixednav_list_item[data-id="q3"] .fixednav_list_item_label,
.fixednav[data-status="q4"] .fixednav_list_item[data-id="q4"] .fixednav_list_item_label {
  opacity: 1;
  -ms-filter: none;
  filter: none;
  visibility: visible;
}
@media (min-width: 769px) {
  .fixednav {
    width: 100%;
    inset: auto 0 clamp(0px, 4.392386530014641vw, 60px);
    font-size: clamp(0rem, 1.171303074670571vw, 1rem);
    padding-inline: clamp(0px, 2.928257686676428vw, 40px);
  }
  .fixednav_list {
    max-width: 1600px;
    margin-inline: auto;
    padding-inline: clamp(0px, 2.928257686676428vw, 40px);
  }
}
@media (max-width: 768px) {
  .fixednav {
    inset: auto auto clamp(0px, 10.256410256410255vw, 40px) clamp(0px, 10.256410256410255vw, 40px);
    font-size: clamp(0rem, 3.846153846153846vw, 0.9375rem);
  }
}
@-moz-keyframes spacer_wave {
  0% {
    scale: 0;
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
  100% {
    scale: 1;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
}
@-webkit-keyframes spacer_wave {
  0% {
    scale: 0;
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
  100% {
    scale: 1;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
}
@-o-keyframes spacer_wave {
  0% {
    scale: 0;
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
  100% {
    scale: 1;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
}
@keyframes spacer_wave {
  0% {
    scale: 0;
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
  100% {
    scale: 1;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
}
@-moz-keyframes bubbleHop {
  0% {
    translate: 0 0;
  }
  50% {
    translate: 0 var(--hopHeight);
  }
  100% {
    translate: 0 0;
  }
}
@-webkit-keyframes bubbleHop {
  0% {
    translate: 0 0;
  }
  50% {
    translate: 0 var(--hopHeight);
  }
  100% {
    translate: 0 0;
  }
}
@-o-keyframes bubbleHop {
  0% {
    translate: 0 0;
  }
  50% {
    translate: 0 var(--hopHeight);
  }
  100% {
    translate: 0 0;
  }
}
@keyframes bubbleHop {
  0% {
    translate: 0 0;
  }
  50% {
    translate: 0 var(--hopHeight);
  }
  100% {
    translate: 0 0;
  }
}
@-moz-keyframes voice_opening {
  50%, 100% {
    scale: 1;
  }
}
@-webkit-keyframes voice_opening {
  50%, 100% {
    scale: 1;
  }
}
@-o-keyframes voice_opening {
  50%, 100% {
    scale: 1;
  }
}
@keyframes voice_opening {
  50%, 100% {
    scale: 1;
  }
}