@charset "utf-8";
html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
main,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
menu,
nav,
section,
summary,
time,
mark,
audio,
video,
a {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  box-sizing: border-box;
}
html {
  touch-action: manipulation;
}
body {
  line-height: 1;
  -webkit-text-size-adjust: 100%;
     -moz-text-size-adjust: 100%;
          text-size-adjust: 100%;
}
main,
article,
aside,
details,
figcaption,
figure,
footer,
header,
menu,
nav,
section {
  display: block;
}
img {
  height: auto;
  vertical-align: bottom;
  font-size: 0;
  line-height: 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: inherit;
}
input,
textarea {
  box-sizing: border-box;
}
*:before,
*:after {
  box-sizing: inherit;
}
input,
select,
textarea,
button {
  line-height: 1;
  vertical-align: baseline;
  font-family: inherit;
  color: inherit;
  font-size: 100%;
  letter-spacing: inherit;
  outline: none;
}
button {
  background-color: transparent;
  border: none;
}
ol,
ul,
li {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}
a {
  cursor: pointer;
  vertical-align: baseline;
  background: transparent;
}
a:active,
a:hover {
  outline-width: 0;
}
a:focus {
  outline: none;
}
table {
  border-collapse: separate;
  border-spacing: 1px;
}
caption {
  text-align: left;
}
th {
  text-align: left;
  font-weight: normal;
  vertical-align: top;
}
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}
em,
address {
  font-style: normal;
}
sup {
  vertical-align: super;
  font-size: smaller;
}
sub {
  vertical-align: sub;
  font-size: smaller;
}
pre {
  white-space: pre-wrap;
}
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}
mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}
del {
  text-decoration: line-through;
}
abbr[title],
dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}
summary {
  display: block;
  cursor: pointer;
}
summary::-webkit-details-marker {
  display: none;
}
:root {
  --pc-max-width: 1000px;
  --pc-min-width: 800px;
  --sp-base-width: 375;
}
body {
  color: #793A3A;
  font-family: 'Zen Maru Gothic', "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  font-weight: 500;
  font-feature-settings: "palt";
  word-break: normal;
  line-break: strict;
  overflow-wrap: anywhere;
  -webkit-tap-highlight-color: transparent;
  background-color: #FFFBEA;
}
h1,
h2,
h3,
h4,
h5,
p,
figcaption {
  line-height: 1.4;
}
@media screen and (min-width:768px) {
  body {
    font-size: 16px;
  }
}
@media screen and (max-width:767px) {
  html,
  body {
    overflow-x: clip;
  }
  html.desktop {
    width: 100vw;
  }
  body {
    font-size: calc(14 / var(--sp-base-width) * 100cqw);
  }
}
a {
  max-width: 100%;
  color: #793A3A;
  text-decoration: underline;
}
a:hover {
  text-decoration: none;
}
img,
video {
  max-width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
table {
  width: 100%;
  max-width: 100%;
}
iframe {
  max-width: 100%;
  width: 100%;
  height: auto;
}
iframe[src*='youtube'] {
  aspect-ratio: 1.77777778;
}
html.safari ruby rt {
  transform: translateY(0.5em);
}
button,
[type=button],
[type=submit],
[type=reset] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  display: inline-block;
  max-width: 100%;
  padding: 0;
  background-color: transparent;
  border: 0;
  border-radius: 0;
  outline: none;
  cursor: pointer;
}
input[type=text],
input[type=email],
input[type=password],
input[type=tel],
textarea {
  width: 100%;
  max-width: 100%;
  font-size: 16px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border-radius: 0px;
  border: 1px solid #ccc;
}
input[type=text]:-ms-input-placeholder,
input[type=email]:-ms-input-placeholder,
input[type=password]:-ms-input-placeholder,
input[type=tel]:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #ccc;
}
input[type=text]::-moz-placeholder,
input[type=email]::-moz-placeholder,
input[type=password]::-moz-placeholder,
input[type=tel]::-moz-placeholder,
textarea::-moz-placeholder {
  color: #ccc;
}
input[type=text]::-webkit-input-placeholder,
input[type=email]::-webkit-input-placeholder,
input[type=password]::-webkit-input-placeholder,
input[type=tel]::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #ccc;
}
input[type=file] {
  max-width: 100%;
}
label,
input[type=radio],
input[type=checkbox] {
  cursor: pointer;
  outline: 0;
}
button:disabled,
input:disabled,
textarea:disabled,
select:disabled {
  opacity: 0.6;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
@media screen and (min-width:768px) {
  br.sp,
  [data-show="sp"] {
    display: none;
  }
}
@media screen and (max-width:767px) {
  br.pc,
  [data-show="pc"] {
    display: none;
  }
}
@media screen and (min-width:768px) {
  a[href^="tel:"] {
    pointer-events: none;
    text-decoration: none;
    color: #793A3A;
  }
}
#root [data-content="jp"],
#root [data-content="en"] {
  display: none;
}
#root[data-language="jp"] [data-content="jp"],
#root[data-language="en"] [data-content="en"] {
  display: contents;
}
.hBookmark-widget-counter {
  position: absolute;
  clip: rect(1px, 1px, 1px, 1px);
  left: -9999px;
  top: -9999px;
  display: none;
}
#guide {
  position: absolute;
  left: 50%;
  top: 0%;
  z-index: 100000;
  opacity: 0.33;
  pointer-events: none;
}
#guide img {
  position: relative;
  max-width: initial;
  left: -50%;
}
@media screen and (max-width:767px) {
  #guide {
    position: absolute;
    left: 0%;
    top: 0%;
    z-index: 100000;
    opacity: 0.33;
    pointer-events: none;
  }
  #guide img {
    left: 0;
    width: 375px;
  }
}
/************************************************************************
*
* ■ component/button (BASE)
*
************************************************************************/
.co-button {
  display: inline-block;
  position: relative;
  transition: all 0.15s ease-out;
}
.co-button_base {
  position: relative;
  z-index: 2;
  --min-width: calc(260 / var(--sp-base-width) * 100cqw);
  display: inline-grid;
  min-width: min(var(--min-width), 100%);
  min-height: calc(56 / var(--sp-base-width) * 100cqw);
  justify-content: center;
  align-items: center;
  vertical-align: bottom;
  text-align: left;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  grid-template-columns: auto 1fr;
  -moz-column-gap: 1em;
       column-gap: 1em;
  padding: calc(9 / var(--sp-base-width) * 100cqw) calc(20 / var(--sp-base-width) * 100cqw) calc(11 / var(--sp-base-width) * 100cqw) calc(25 / var(--sp-base-width) * 100cqw);
  background-color: #FFFBEA;
  border-radius: calc(50 / var(--sp-base-width) * 100cqw);
  font-family: "Mochiy Pop P One", sans-serif;
  font-weight: 500;
  font-size: calc(19 / var(--sp-base-width) * 100cqw);
  color: #793A3A;
  letter-spacing: 0.05em;
  transition: transform 0.08s ease-out;
}
.co-button_base:after {
  content: "";
  width: calc(26 / var(--sp-base-width) * 100cqw);
  height: calc(26 / var(--sp-base-width) * 100cqw);
  background-image: url("../img/parts/arrow_01.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
  text-align: left;
  justify-self: end;
}
.co-button_base:after a {
  display: block;
  width: 100%;
  height: 100%;
}
.co-button_shadow {
  position: absolute;
  left: 0px;
  top: calc(3 / var(--sp-base-width) * 100cqw);
  z-index: 1;
  width: 100%;
  height: 100%;
  border-radius: calc(50 / var(--sp-base-width) * 100cqw);
  background-color: rgba(0, 0, 0, 0.16);
}
.co-button.-small .co-button_base {
  --min-width: calc(168 / var(--sp-base-width) * 100cqw);
  display: inline-grid;
  min-width: min(var(--min-width), 100%);
  min-height: calc(48 / var(--sp-base-width) * 100cqw);
  justify-content: center;
  align-items: center;
  vertical-align: bottom;
  text-align: left;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  grid-template-columns: auto 1fr;
  -moz-column-gap: 1em;
       column-gap: 1em;
  padding: calc(5 / var(--sp-base-width) * 100cqw) calc(14 / var(--sp-base-width) * 100cqw) calc(5 / var(--sp-base-width) * 100cqw) calc(18 / var(--sp-base-width) * 100cqw);
  font-size: calc(14 / var(--sp-base-width) * 100cqw);
}
.co-button.-small .co-button_base:after {
  content: "";
  width: calc(15 / var(--sp-base-width) * 100cqw);
  height: calc(15 / var(--sp-base-width) * 100cqw);
  background-image: url("../img/parts/arrow_01.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
  text-align: left;
  justify-self: end;
}
.co-button.-small .co-button_base:after a {
  display: block;
  width: 100%;
  height: 100%;
}
.co-button.-primary .co-button_base {
  --min-width: calc(260 / var(--sp-base-width) * 100cqw);
  display: inline-grid;
  min-width: min(var(--min-width), 100%);
  min-height: calc(56 / var(--sp-base-width) * 100cqw);
  justify-content: center;
  align-items: center;
  vertical-align: bottom;
  text-align: left;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  grid-template-columns: auto 1fr;
  -moz-column-gap: 1em;
       column-gap: 1em;
  padding: calc(10 / var(--sp-base-width) * 100cqw) calc(20 / var(--sp-base-width) * 100cqw) calc(10 / var(--sp-base-width) * 100cqw) calc(25 / var(--sp-base-width) * 100cqw);
  background-color: #F44343;
  color: #FFFBEA;
  font-size: calc(16 / var(--sp-base-width) * 100cqw);
}
.co-button.-primary .co-button_base:after {
  content: "";
  width: calc(20 / var(--sp-base-width) * 100cqw);
  height: calc(20 / var(--sp-base-width) * 100cqw);
  background-image: url("../img/parts/arrow_03.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
  text-align: left;
  justify-self: end;
}
.co-button.-primary .co-button_base:after a {
  display: block;
  width: 100%;
  height: 100%;
}
.co-button:hover .co-button_base {
  background-color: #793A3A;
  color: #FFFBEA;
  transform: translateY(calc(3 / var(--sp-base-width) * 100cqw));
}
.co-button:hover .co-button_base:after {
  background-image: url("../img/parts/arrow_01_active.svg");
}
.co-button:hover.-primary .co-button_base {
  background-color: #FFFBEA;
  color: #F44343;
}
.co-button:hover.-primary .co-button_base:after {
  background-image: url("../img/parts/arrow_03_active.svg");
}
.co-button.is-hidden {
  display: none;
}
/************************************************************************
*
* ■ layout (BASE)
*
************************************************************************/
.ly-pageWrapper {
  container-type: inline-size;
  min-height: 50vh;
  background-color: #FFFBEA;
}
.ly-pageBack {
  display: none;
}
.ly-footer {
  padding-top: calc(23 / var(--sp-base-width) * 100cqw);
}
.ly-footer_link {
  text-align: center;
}
.ly-footer_link .home-btn {
  position: relative;
  display: inline-block;
  transition: all 0.15s ease-out;
}
.ly-footer_link .home-btn_base {
  position: relative;
  z-index: 2;
  width: calc(160 / var(--sp-base-width) * 100cqw);
  height: calc(52 / var(--sp-base-width) * 100cqw);
  background-image: url("../img/nav/footer_btn_kintetsu.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
  text-align: left;
  transition: all 0.08s ease-out;
}
.ly-footer_link .home-btn_base a {
  display: block;
  width: 100%;
  height: 100%;
}
.ly-footer_link .home-btn_shadow {
  position: absolute;
  left: 0px;
  bottom: calc(-1 * calc(4 / var(--sp-base-width) * 100cqw));
  z-index: 1;
  width: calc(160 / var(--sp-base-width) * 100cqw);
  height: calc(52 / var(--sp-base-width) * 100cqw);
  border-radius: calc(60 / var(--sp-base-width) * 100cqw);
  background-color: rgba(0, 0, 0, 0.16);
}
.ly-footer_link .home-btn:hover .home-btn_base {
  transform: translateY(calc(4 / var(--sp-base-width) * 100cqw));
}
.ly-footer_copyright {
  margin-top: calc(10 / var(--sp-base-width) * 100cqw);
  height: calc(50 / var(--sp-base-width) * 100cqw);
  padding-top: calc(28 / var(--sp-base-width) * 100cqw);
  background: url("../img/nav/footer_bg-sp.png") no-repeat center bottom;
  background-size: calc(375 / var(--sp-base-width) * 100cqw) calc(50 / var(--sp-base-width) * 100cqw);
  text-align: center;
}
.ly-footer_copyright .copyright {
  font-size: calc(8 / var(--sp-base-width) * 100cqw);
  font-weight: 400;
  color: #fff;
  letter-spacing: 0.05em;
}
@keyframes leadingline {
  0% {
    transform: scale3d(1, 1, 1);
    transform-origin: bottom;
  }
  30% {
    transform: scale3d(1, 0, 1);
    transform-origin: bottom;
  }
  33% {
    transform: scale3d(1, 0, 1);
    transform-origin: top;
  }
  66% {
    transform: scale3d(1, 1, 1);
    transform-origin: top;
  }
}
@keyframes floatingY {
  0% {
    transform: translateY(-7%);
  }
  to {
    transform: translateY(7%);
  }
}
@keyframes floatingY2 {
  0% {
    transform: translateY(-9%);
  }
  to {
    transform: translateY(9%);
  }
}
@keyframes floatingY2b {
  0% {
    transform: translateY(9%);
  }
  to {
    transform: translateY(-9%);
  }
}
@keyframes floatingY3 {
  0% {
    transform: translateY(-11%);
  }
  to {
    transform: translateY(11%);
  }
}
@keyframes floatingY3b {
  0% {
    transform: translateY(11%);
  }
  to {
    transform: translateY(-11%);
  }
}
@keyframes floatingX {
  0% {
    transform: translateX(-7%);
  }
  to {
    transform: translateX(7%);
  }
}
@keyframes floatingX2 {
  0% {
    transform: translateX(-5%);
  }
  to {
    transform: translateX(13%);
  }
}
@keyframes floatingX3 {
  0% {
    transform: translateX(-9%);
  }
  to {
    transform: translateX(13%);
  }
}
@keyframes zoomIn {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.15);
  }
}
@keyframes shine-button {
  0% {
    transform: scale(0) rotate(45deg);
    opacity: 0;
  }
  40% {
    transform: scale(1) rotate(45deg);
    opacity: 1;
  }
  70% {
    transform: scale(30) rotate(45deg);
    opacity: 0;
  }
  100% {
    transform: scale(30) rotate(45deg);
    opacity: 0;
  }
}
@keyframes bgloop {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: -100% 0;
  }
}
@keyframes bgloop2 {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 100% 0;
  }
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes flash {
  0% {
    filter: brightness(120%);
  }
  20% {
    filter: brightness(140%);
  }
  100% {
    filter: brightness(100%);
  }
}
@keyframes arrowtenmetsu {
  0% {
    opacity: 1;
  }
  60% {
    opacity: 0.3;
  }
  100% {
    opacity: 1;
  }
}
/************************************************************************
*
* ■ home (BASE)
*
************************************************************************/
#root.page-home .ly-mainContent .pageSummary {
  position: absolute;
  clip: rect(1px, 1px, 1px, 1px);
  left: -9999px;
  top: -9999px;
}
#root.page-home .ly-mainContent .sec-kv {
  position: relative;
  height: calc(230 / var(--sp-base-width) * 100cqw);
}
#root.page-home .ly-mainContent .sec-kv_front {
  position: relative;
  z-index: 20;
}
#root.page-home .ly-mainContent .sec-kv_front .title {
  position: absolute;
  left: calc(20 / var(--sp-base-width) * 100cqw);
  top: calc(-1 * calc(55 / var(--sp-base-width) * 100cqw));
  z-index: 5;
  width: calc(340.5 / var(--sp-base-width) * 100cqw);
  height: calc(236.5 / var(--sp-base-width) * 100cqw);
  background-image: url("../img/home/kv_title.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
  text-align: left;
}
#root.page-home .ly-mainContent .sec-kv_front .title a {
  display: block;
  width: 100%;
  height: 100%;
}
#root.page-home .ly-mainContent .sec-kv_front .train {
  position: absolute;
  left: calc(-1 * calc(4 / var(--sp-base-width) * 100cqw));
  top: calc(35 / var(--sp-base-width) * 100cqw);
  z-index: 4;
  width: calc(105.5 / var(--sp-base-width) * 100cqw);
  height: calc(70 / var(--sp-base-width) * 100cqw);
  background-image: url("../img/home/kv_train.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
  text-align: left;
}
#root.page-home .ly-mainContent .sec-kv_front .train a {
  display: block;
  width: 100%;
  height: 100%;
}
#root.page-home .ly-mainContent .sec-kv_front .flower1 {
  position: absolute;
  left: calc(10 / var(--sp-base-width) * 100cqw);
  top: calc(153 / var(--sp-base-width) * 100cqw);
  z-index: 6;
  width: calc(32 / var(--sp-base-width) * 100cqw);
  height: calc(34 / var(--sp-base-width) * 100cqw);
  background-image: url("../img/home/kv_flower1.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
  text-align: left;
}
#root.page-home .ly-mainContent .sec-kv_front .flower1 a {
  display: block;
  width: 100%;
  height: 100%;
}
#root.page-home .ly-mainContent .sec-kv_front .flower2 {
  position: absolute;
  left: calc(336 / var(--sp-base-width) * 100cqw);
  top: calc(153 / var(--sp-base-width) * 100cqw);
  z-index: 7;
  width: calc(32.5 / var(--sp-base-width) * 100cqw);
  height: calc(41.5 / var(--sp-base-width) * 100cqw);
  background-image: url("../img/home/kv_flower2.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
  text-align: left;
}
#root.page-home .ly-mainContent .sec-kv_front .flower2 a {
  display: block;
  width: 100%;
  height: 100%;
}
#root.page-home .ly-mainContent .sec-kv_back {
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: -1;
  width: 100%;
  height: 100%;
}
#root.page-home .ly-mainContent .sec-kv_back .bg {
  position: absolute;
  left: calc(-1 * calc(29 / var(--sp-base-width) * 100cqw));
  top: 0px;
  z-index: auto;
  width: calc(433.365 / var(--sp-base-width) * 100cqw);
  height: calc(231.963 / var(--sp-base-width) * 100cqw);
  background-image: url("../img/home/kv_bg.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
  text-align: left;
}
#root.page-home .ly-mainContent .sec-kv_back .bg a {
  display: block;
  width: 100%;
  height: 100%;
}
#root.page-home .ly-mainContent .sec-usage {
  position: relative;
  padding: calc(85 / var(--sp-base-width) * 100cqw) 0 calc(85 / var(--sp-base-width) * 100cqw);
}
#root.page-home .ly-mainContent .sec-usage:before {
  content: "";
  position: absolute;
  left: calc(15 / var(--sp-base-width) * 100cqw);
  top: calc(35 / var(--sp-base-width) * 100cqw);
  z-index: auto;
  width: calc(345.5 / var(--sp-base-width) * 100cqw);
  height: calc(31 / var(--sp-base-width) * 100cqw);
  background-image: url("../img/home/usage_hr.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
  text-align: left;
}
#root.page-home .ly-mainContent .sec-usage:before a {
  display: block;
  width: 100%;
  height: 100%;
}
#root.page-home .ly-mainContent .sec-usage:after {
  content: "";
  position: absolute;
  left: calc(15 / var(--sp-base-width) * 100cqw);
  bottom: calc(35 / var(--sp-base-width) * 100cqw);
  z-index: auto;
  width: calc(345.5 / var(--sp-base-width) * 100cqw);
  height: calc(31 / var(--sp-base-width) * 100cqw);
  background-image: url("../img/home/usage_hr.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
  text-align: left;
}
#root.page-home .ly-mainContent .sec-usage:after a {
  display: block;
  width: 100%;
  height: 100%;
}
#root.page-home .ly-mainContent .sec-usage_head {
  position: relative;
}
#root.page-home .ly-mainContent .sec-usage_head .title {
  margin-inline: auto;
  width: calc(143.5 / var(--sp-base-width) * 100cqw);
  height: calc(52 / var(--sp-base-width) * 100cqw);
  background-image: url("../img/home/usage_title.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
  text-align: left;
}
#root.page-home .ly-mainContent .sec-usage_head .title a {
  display: block;
  width: 100%;
  height: 100%;
}
#root.page-home .ly-mainContent .sec-usage_head .tree {
  position: absolute;
  left: calc(28 / var(--sp-base-width) * 100cqw);
  top: calc(10 / var(--sp-base-width) * 100cqw);
  z-index: auto;
  width: calc(58.5 / var(--sp-base-width) * 100cqw);
  height: calc(42 / var(--sp-base-width) * 100cqw);
  background-image: url("../img/home/usage_deco_tree.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
  text-align: left;
}
#root.page-home .ly-mainContent .sec-usage_head .tree a {
  display: block;
  width: 100%;
  height: 100%;
}
#root.page-home .ly-mainContent .sec-usage_head .bird {
  position: absolute;
  left: calc(286 / var(--sp-base-width) * 100cqw);
  top: calc(-1 * calc(5 / var(--sp-base-width) * 100cqw));
  z-index: auto;
  animation: floatingX3 1.5s cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
  animation-delay: 0s;
}
#root.page-home .ly-mainContent .sec-usage_head .bird .core {
  animation: floatingY3b 1.5s cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
  animation-delay: 0s;
}
#root.page-home .ly-mainContent .sec-usage_head .bird .core {
  width: calc(42.5 / var(--sp-base-width) * 100cqw);
  height: calc(43.5 / var(--sp-base-width) * 100cqw);
  background-image: url("../img/home/usage_deco_bird.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
  text-align: left;
}
#root.page-home .ly-mainContent .sec-usage_head .bird .core a {
  display: block;
  width: 100%;
  height: 100%;
}
#root.page-home .ly-mainContent .sec-usage_body {
  margin-top: calc(15 / var(--sp-base-width) * 100cqw);
  text-align: center;
}
#root.page-home .ly-mainContent .sec-usage_body .desc {
  font-size: calc(16 / var(--sp-base-width) * 100cqw);
  font-weight: inherit;
  color: #793A3A;
  letter-spacing: 0.05em;
  line-height: 2;
}
#root.page-home .ly-mainContent .sec-play {
  position: relative;
  padding-top: calc(10 / var(--sp-base-width) * 100cqw);
  background: url("../img/home/play_bg.png") no-repeat left calc(18 / var(--sp-base-width) * 100cqw) top calc(-1 * calc(5 / var(--sp-base-width) * 100cqw));
  background-size: calc(348 / var(--sp-base-width) * 100cqw) calc(707 / var(--sp-base-width) * 100cqw);
}
#root.page-home .ly-mainContent .sec-play_head .title {
  margin-inline: auto;
  width: calc(251.5 / var(--sp-base-width) * 100cqw);
  height: calc(97.5 / var(--sp-base-width) * 100cqw);
  background-image: url("../img/home/play_title.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
  text-align: left;
}
#root.page-home .ly-mainContent .sec-play_head .title a {
  display: block;
  width: 100%;
  height: 100%;
}
#root.page-home .ly-mainContent .sec-play_body {
  margin-top: calc(5 / var(--sp-base-width) * 100cqw);
}
#root.page-home .ly-mainContent .sec-play_body .levels {
  position: relative;
  height: calc(490 / var(--sp-base-width) * 100cqw);
}
#root.page-home .ly-mainContent .sec-play_body .levels_item a {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  text-decoration: none;
  text-align: center;
}
#root.page-home .ly-mainContent .sec-play_body .levels_item a .label {
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 3;
  width: 100%;
  height: 100%;
  font-family: "Mochiy Pop P One", sans-serif;
  font-weight: 500;
  font-size: calc(28 / var(--sp-base-width) * 100cqw);
  color: #fff;
  letter-spacing: 0.05em;
  transition: all 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
#root.page-home .ly-mainContent .sec-play_body .levels_item a .label:before {
  content: "";
  width: calc(27.5 / var(--sp-base-width) * 100cqw);
  height: calc(26 / var(--sp-base-width) * 100cqw);
  background-image: url("../img/parts/arrow_02.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
  text-align: left;
}
#root.page-home .ly-mainContent .sec-play_body .levels_item a .label:before a {
  display: block;
  width: 100%;
  height: 100%;
}
#root.page-home .ly-mainContent .sec-play_body .levels_item a .base {
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 2;
  transition: all 0.15s ease-out;
}
#root.page-home .ly-mainContent .sec-play_body .levels_item a .shadow {
  position: absolute;
  left: 0px;
  top: calc(7 / var(--sp-base-width) * 100cqw);
  z-index: 1;
  transition: rotate 0.15s ease-out;
}
#root.page-home .ly-mainContent .sec-play_body .levels_item:hover .label {
  color: #793A3A;
  transform: translateY(8px);
  transition: all 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
#root.page-home .ly-mainContent .sec-play_body .levels_item:hover .label:before {
  background-image: url("../img/parts/arrow_02_active.svg");
}
#root.page-home .ly-mainContent .sec-play_body .levels_item:hover .base {
  transition: all 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transform: translateY(8px);
}
#root.page-home .ly-mainContent .sec-play_body .levels_item:hover .shadow {
  transition: rotate 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
#root.page-home .ly-mainContent .sec-play_body .levels_item.-item1 {
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 1;
  width: calc(190 / var(--sp-base-width) * 100cqw);
  height: calc(196 / var(--sp-base-width) * 100cqw);
}
#root.page-home .ly-mainContent .sec-play_body .levels_item.-item1 .label {
  padding-top: calc(70 / var(--sp-base-width) * 100cqw);
}
#root.page-home .ly-mainContent .sec-play_body .levels_item.-item1 .label:before {
  position: absolute;
  left: calc(83 / var(--sp-base-width) * 100cqw);
  top: calc(118 / var(--sp-base-width) * 100cqw);
  z-index: auto;
}
#root.page-home .ly-mainContent .sec-play_body .levels_item.-item1 .base {
  width: calc(190.5 / var(--sp-base-width) * 100cqw);
  height: calc(196 / var(--sp-base-width) * 100cqw);
  background-image: url("../img/home/play_btn_l1_base.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
  text-align: left;
}
#root.page-home .ly-mainContent .sec-play_body .levels_item.-item1 .base a {
  display: block;
  width: 100%;
  height: 100%;
}
#root.page-home .ly-mainContent .sec-play_body .levels_item.-item1 .shadow {
  width: calc(190.5 / var(--sp-base-width) * 100cqw);
  height: calc(196 / var(--sp-base-width) * 100cqw);
  background-image: url("../img/home/play_btn_l1_shadow.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
  text-align: left;
}
#root.page-home .ly-mainContent .sec-play_body .levels_item.-item1 .shadow a {
  display: block;
  width: 100%;
  height: 100%;
}
#root.page-home .ly-mainContent .sec-play_body .levels_item.-item1:hover .base,
#root.page-home .ly-mainContent .sec-play_body .levels_item.-item1:hover .shadow {
  rotate: 7deg;
}
#root.page-home .ly-mainContent .sec-play_body .levels_item.-item2 {
  position: absolute;
  left: calc(187 / var(--sp-base-width) * 100cqw);
  top: calc(-1 * calc(4 / var(--sp-base-width) * 100cqw));
  z-index: 2;
  width: calc(188 / var(--sp-base-width) * 100cqw);
  height: calc(184 / var(--sp-base-width) * 100cqw);
}
#root.page-home .ly-mainContent .sec-play_body .levels_item.-item2 .label {
  padding-top: calc(65 / var(--sp-base-width) * 100cqw);
}
#root.page-home .ly-mainContent .sec-play_body .levels_item.-item2 .label:before {
  position: absolute;
  left: calc(98 / var(--sp-base-width) * 100cqw);
  top: calc(108 / var(--sp-base-width) * 100cqw);
  z-index: auto;
}
#root.page-home .ly-mainContent .sec-play_body .levels_item.-item2 .base {
  width: calc(188.5 / var(--sp-base-width) * 100cqw);
  height: calc(184 / var(--sp-base-width) * 100cqw);
  background-image: url("../img/home/play_btn_l2_base.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
  text-align: left;
}
#root.page-home .ly-mainContent .sec-play_body .levels_item.-item2 .base a {
  display: block;
  width: 100%;
  height: 100%;
}
#root.page-home .ly-mainContent .sec-play_body .levels_item.-item2 .shadow {
  width: calc(188.5 / var(--sp-base-width) * 100cqw);
  height: calc(184 / var(--sp-base-width) * 100cqw);
  background-image: url("../img/home/play_btn_l2_shadow.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
  text-align: left;
}
#root.page-home .ly-mainContent .sec-play_body .levels_item.-item2 .shadow a {
  display: block;
  width: 100%;
  height: 100%;
}
#root.page-home .ly-mainContent .sec-play_body .levels_item.-item2:hover .base,
#root.page-home .ly-mainContent .sec-play_body .levels_item.-item2:hover .shadow {
  rotate: -7deg;
}
#root.page-home .ly-mainContent .sec-play_body .levels_item.-item3 {
  position: absolute;
  left: calc(107 / var(--sp-base-width) * 100cqw);
  top: calc(147 / var(--sp-base-width) * 100cqw);
  z-index: 10;
  width: calc(200 / var(--sp-base-width) * 100cqw);
  height: calc(179 / var(--sp-base-width) * 100cqw);
}
#root.page-home .ly-mainContent .sec-play_body .levels_item.-item3 .label {
  padding-top: calc(67 / var(--sp-base-width) * 100cqw);
}
#root.page-home .ly-mainContent .sec-play_body .levels_item.-item3 .label:before {
  position: absolute;
  left: calc(83 / var(--sp-base-width) * 100cqw);
  top: calc(108 / var(--sp-base-width) * 100cqw);
  z-index: auto;
}
#root.page-home .ly-mainContent .sec-play_body .levels_item.-item3 .base {
  width: calc(200.5 / var(--sp-base-width) * 100cqw);
  height: calc(179 / var(--sp-base-width) * 100cqw);
  background-image: url("../img/home/play_btn_l3_base.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
  text-align: left;
}
#root.page-home .ly-mainContent .sec-play_body .levels_item.-item3 .base a {
  display: block;
  width: 100%;
  height: 100%;
}
#root.page-home .ly-mainContent .sec-play_body .levels_item.-item3 .shadow {
  width: calc(200.5 / var(--sp-base-width) * 100cqw);
  height: calc(179 / var(--sp-base-width) * 100cqw);
  background-image: url("../img/home/play_btn_l3_shadow.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
  text-align: left;
}
#root.page-home .ly-mainContent .sec-play_body .levels_item.-item3 .shadow a {
  display: block;
  width: 100%;
  height: 100%;
}
#root.page-home .ly-mainContent .sec-play_body .levels_item.-item3:hover .base,
#root.page-home .ly-mainContent .sec-play_body .levels_item.-item3:hover .shadow {
  rotate: -10deg;
}
#root.page-home .ly-mainContent .sec-play_body .levels_item.-item4 {
  position: absolute;
  left: calc(9 / var(--sp-base-width) * 100cqw);
  top: calc(296 / var(--sp-base-width) * 100cqw);
  z-index: 4;
  width: calc(172 / var(--sp-base-width) * 100cqw);
  height: calc(185 / var(--sp-base-width) * 100cqw);
}
#root.page-home .ly-mainContent .sec-play_body .levels_item.-item4 .label {
  padding-top: calc(73 / var(--sp-base-width) * 100cqw);
}
#root.page-home .ly-mainContent .sec-play_body .levels_item.-item4 .label:before {
  position: absolute;
  left: calc(90 / var(--sp-base-width) * 100cqw);
  top: calc(120 / var(--sp-base-width) * 100cqw);
  z-index: auto;
}
#root.page-home .ly-mainContent .sec-play_body .levels_item.-item4 .base {
  width: calc(172.5 / var(--sp-base-width) * 100cqw);
  height: calc(185 / var(--sp-base-width) * 100cqw);
  background-image: url("../img/home/play_btn_l4_base.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
  text-align: left;
}
#root.page-home .ly-mainContent .sec-play_body .levels_item.-item4 .base a {
  display: block;
  width: 100%;
  height: 100%;
}
#root.page-home .ly-mainContent .sec-play_body .levels_item.-item4 .shadow {
  width: calc(172.5 / var(--sp-base-width) * 100cqw);
  height: calc(185 / var(--sp-base-width) * 100cqw);
  background-image: url("../img/home/play_btn_l4_shadow.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
  text-align: left;
}
#root.page-home .ly-mainContent .sec-play_body .levels_item.-item4 .shadow a {
  display: block;
  width: 100%;
  height: 100%;
}
#root.page-home .ly-mainContent .sec-play_body .levels_item.-item4:hover .base,
#root.page-home .ly-mainContent .sec-play_body .levels_item.-item4:hover .shadow {
  rotate: 10deg;
}
#root.page-home .ly-mainContent .sec-play_body .levels_item.-item5 {
  position: absolute;
  left: calc(169 / var(--sp-base-width) * 100cqw);
  top: calc(290 / var(--sp-base-width) * 100cqw);
  z-index: 5;
  width: calc(223 / var(--sp-base-width) * 100cqw);
  height: calc(223 / var(--sp-base-width) * 100cqw);
}
#root.page-home .ly-mainContent .sec-play_body .levels_item.-item5 .label {
  padding-top: calc(95 / var(--sp-base-width) * 100cqw);
  padding-left: calc(10 / var(--sp-base-width) * 100cqw);
}
#root.page-home .ly-mainContent .sec-play_body .levels_item.-item5 .label:before {
  position: absolute;
  left: calc(113 / var(--sp-base-width) * 100cqw);
  top: calc(135 / var(--sp-base-width) * 100cqw);
  z-index: auto;
}
#root.page-home .ly-mainContent .sec-play_body .levels_item.-item5 .base {
  width: calc(223 / var(--sp-base-width) * 100cqw);
  height: calc(223 / var(--sp-base-width) * 100cqw);
  background-image: url("../img/home/play_btn_l5_base.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
  text-align: left;
}
#root.page-home .ly-mainContent .sec-play_body .levels_item.-item5 .base a {
  display: block;
  width: 100%;
  height: 100%;
}
#root.page-home .ly-mainContent .sec-play_body .levels_item.-item5 .shadow {
  width: calc(223 / var(--sp-base-width) * 100cqw);
  height: calc(223 / var(--sp-base-width) * 100cqw);
  background-image: url("../img/home/play_btn_l5_shadow.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
  text-align: left;
}
#root.page-home .ly-mainContent .sec-play_body .levels_item.-item5 .shadow a {
  display: block;
  width: 100%;
  height: 100%;
}
#root.page-home .ly-mainContent .sec-play_body .levels_item.-item5:hover .base,
#root.page-home .ly-mainContent .sec-play_body .levels_item.-item5:hover .shadow {
  rotate: -10deg;
}
#root.page-home .ly-mainContent .sec-play_body .notes {
  margin-top: calc(144 / var(--sp-base-width) * 100cqw);
  font-size: calc(12 / var(--sp-base-width) * 100cqw);
  font-weight: inherit;
  color: #793A3A;
  letter-spacing: 0.05em;
  text-align: center;
}
#root.page-home .ly-mainContent .sec-play_deco {
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: -1;
}
#root.page-home .ly-mainContent .sec-play_deco .family {
  position: absolute;
  left: calc(-1 * calc(16 / var(--sp-base-width) * 100cqw));
  top: calc(605 / var(--sp-base-width) * 100cqw);
  z-index: auto;
  width: calc(130 / var(--sp-base-width) * 100cqw);
  height: calc(121.5 / var(--sp-base-width) * 100cqw);
  background-image: url("../img/home/play_deco_family.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
  text-align: left;
  animation: floatingX 1.6s cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
  animation-delay: 0s;
}
#root.page-home .ly-mainContent .sec-play_deco .family a {
  display: block;
  width: 100%;
  height: 100%;
}
#root.page-home .ly-mainContent .sec-play_deco .flower {
  position: absolute;
  left: calc(302 / var(--sp-base-width) * 100cqw);
  top: calc(659 / var(--sp-base-width) * 100cqw);
  z-index: auto;
  width: calc(48.5 / var(--sp-base-width) * 100cqw);
  height: calc(49.5 / var(--sp-base-width) * 100cqw);
  background-image: url("../img/home/play_deco_flower.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
  text-align: left;
}
#root.page-home .ly-mainContent .sec-play_deco .flower a {
  display: block;
  width: 100%;
  height: 100%;
}
/************************************************************************
*
* ■ quiz/question (BASE)
*
************************************************************************/
#root.page-question .ly-mainContent .pageSummary {
  position: absolute;
  clip: rect(1px, 1px, 1px, 1px);
  left: -9999px;
  top: -9999px;
}
#root.page-question .ly-mainContent .quizWrapper {
  position: relative;
  padding: calc(70 / var(--sp-base-width) * 100cqw) 0 calc(80 / var(--sp-base-width) * 100cqw);
  background: url("../img/quiz/quiz_bg_loop.png") repeat-y center top;
  background-size: calc(375 / var(--sp-base-width) * 100cqw) calc(10 / var(--sp-base-width) * 100cqw);
}
#root.page-question .ly-mainContent .quizWrapper:before {
  content: "";
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: auto;
  width: calc(375 / var(--sp-base-width) * 100cqw);
  height: calc(50 / var(--sp-base-width) * 100cqw);
  background-image: url("../img/quiz/quiz_bg_head.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
  text-align: left;
}
#root.page-question .ly-mainContent .quizWrapper:before a {
  display: block;
  width: 100%;
  height: 100%;
}
#root.page-question .ly-mainContent .quizWrapper:after {
  content: "";
  position: absolute;
  left: 0px;
  bottom: 0px;
  z-index: auto;
  width: calc(375 / var(--sp-base-width) * 100cqw);
  height: calc(50 / var(--sp-base-width) * 100cqw);
  background-image: url("../img/quiz/quiz_bg_foot.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
  text-align: left;
}
#root.page-question .ly-mainContent .quizWrapper:after a {
  display: block;
  width: 100%;
  height: 100%;
}
#root.page-question .ly-mainContent .sec-question_head {
  position: relative;
  margin-inline: calc(15 / var(--sp-base-width) * 100cqw);
  padding-bottom: calc(5 / var(--sp-base-width) * 100cqw);
}
#root.page-question .ly-mainContent .sec-question_head .level {
  padding-left: calc(7 / var(--sp-base-width) * 100cqw);
  font-family: "Mochiy Pop P One", sans-serif;
  font-weight: 400;
  font-size: calc(20 / var(--sp-base-width) * 100cqw);
  color: #fff;
  letter-spacing: 0.05em;
}
#root.page-question .ly-mainContent .sec-question_head .num {
  width: calc(87 / var(--sp-base-width) * 100cqw);
  height: calc(74 / var(--sp-base-width) * 100cqw);
  padding-top: calc(23 / var(--sp-base-width) * 100cqw);
  text-align: center;
  background: url("../img/quiz/num_bg.png") no-repeat center center;
  background-size: calc(87 / var(--sp-base-width) * 100cqw) calc(74 / var(--sp-base-width) * 100cqw);
  font-family: "Mochiy Pop P One", sans-serif;
  font-weight: 400;
  font-size: calc(24 / var(--sp-base-width) * 100cqw);
  color: #0169C3;
  letter-spacing: inherit;
}
#root.page-question .ly-mainContent .sec-question_head .total {
  position: absolute;
  right: 0px;
  bottom: 0px;
  z-index: auto;
  font-family: "Mochiy Pop P One", sans-serif;
  font-weight: 400;
  font-size: calc(15 / var(--sp-base-width) * 100cqw);
  color: #fff;
  letter-spacing: 0.05em;
}
#root.page-question .ly-mainContent .sec-question_head .progress {
  position: absolute;
  left: 50%;
  bottom: calc(5 / var(--sp-base-width) * 100cqw);
  z-index: auto;
  transform: translateX(-50%);
  display: flex;
  justify-content: center;
  align-items: stretch;
  gap: 0 calc(6 / var(--sp-base-width) * 100cqw);
  flex-wrap: wrap;
  align-items: center;
}
#root.page-question .ly-mainContent .sec-question_head .progress > li {
  width: calc(6 / var(--sp-base-width) * 100cqw);
  height: calc(6 / var(--sp-base-width) * 100cqw);
  border-radius: calc(10 / var(--sp-base-width) * 100cqw);
  background-color: #fff;
}
#root.page-question .ly-mainContent .sec-question_head .progress[data-progress="1"] > li:nth-child(1),
#root.page-question .ly-mainContent .sec-question_head .progress[data-progress="2"] > li:nth-child(2),
#root.page-question .ly-mainContent .sec-question_head .progress[data-progress="3"] > li:nth-child(3),
#root.page-question .ly-mainContent .sec-question_head .progress[data-progress="4"] > li:nth-child(4),
#root.page-question .ly-mainContent .sec-question_head .progress[data-progress="5"] > li:nth-child(5),
#root.page-question .ly-mainContent .sec-question_head .progress[data-progress="6"] > li:nth-child(6),
#root.page-question .ly-mainContent .sec-question_head .progress[data-progress="7"] > li:nth-child(7),
#root.page-question .ly-mainContent .sec-question_head .progress[data-progress="8"] > li:nth-child(8) {
  width: calc(9 / var(--sp-base-width) * 100cqw);
  height: calc(9 / var(--sp-base-width) * 100cqw);
  background-color: #FFEF2B;
}
#root.page-question .ly-mainContent .sec-question_body {
  margin: calc(10 / var(--sp-base-width) * 100cqw) calc(15 / var(--sp-base-width) * 100cqw) 0;
}
#root.page-question .ly-mainContent .sec-question_body .co-questionContainer {
  background-color: #fff;
  border: 3px solid #fff;
  border-radius: calc(20 / var(--sp-base-width) * 100cqw);
  overflow: hidden;
}
#root.page-question .ly-mainContent .sec-question_body .co-questionContainer_text {
  padding: calc(25 / var(--sp-base-width) * 100cqw) calc(30 / var(--sp-base-width) * 100cqw) calc(20 / var(--sp-base-width) * 100cqw);
  font-family: "Zen Maru Gothic", serif;
  font-weight: 700;
  font-size: calc(16 / var(--sp-base-width) * 100cqw);
  color: #0169C3;
  letter-spacing: inherit;
  line-height: 1.95;
}
#root.page-question .ly-mainContent .sec-choice {
  margin: calc(20 / var(--sp-base-width) * 100cqw) calc(15 / var(--sp-base-width) * 100cqw) 0;
}
#root.page-question .ly-mainContent .sec-choice_body .co-choices {
  display: grid;
  row-gap: calc(15 / var(--sp-base-width) * 100cqw);
}
#root.page-question .ly-mainContent .sec-choice_body .co-choices_item {
  position: relative;
  transition: all 0.15s ease-out;
}
#root.page-question .ly-mainContent .sec-choice_body .co-choices_item .base {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: calc(56 / var(--sp-base-width) * 100cqw) auto;
  -moz-column-gap: 0px;
       column-gap: 0px;
  align-items: center;
  outline: 3px solid #0069C3;
  border-radius: calc(20 / var(--sp-base-width) * 100cqw);
  cursor: pointer;
  overflow: hidden;
  transition: transform 0.08s ease-out;
  outline-offset: -1px;
}
#root.page-question .ly-mainContent .sec-choice_body .co-choices_item .base .label {
  display: grid;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding-bottom: calc(5 / var(--sp-base-width) * 100cqw);
  background-color: #0069C3;
  font-family: "Zen Maru Gothic", serif;
  font-weight: 700;
  font-size: calc(30 / var(--sp-base-width) * 100cqw);
  color: #fff;
  letter-spacing: inherit;
}
#root.page-question .ly-mainContent .sec-choice_body .co-choices_item .base .content {
  padding: calc(15 / var(--sp-base-width) * 100cqw) calc(20 / var(--sp-base-width) * 100cqw);
  background-color: #fff;
  font-size: calc(20 / var(--sp-base-width) * 100cqw);
  font-weight: 700;
  color: #0069C3;
  line-height: 1.5;
}
html.safari #root.page-question .ly-mainContent .sec-choice_body .co-choices_item .base .content {
  padding: calc(13 / var(--sp-base-width) * 100cqw) calc(20 / var(--sp-base-width) * 100cqw) calc(17 / var(--sp-base-width) * 100cqw);
}
#root.page-question .ly-mainContent .sec-choice_body .co-choices_item .base .content:has(img) {
  text-align: center;
}
#root.page-question .ly-mainContent .sec-choice_body .co-choices_item .base .content:has(img) img {
  margin-top: calc(5 / var(--sp-base-width) * 100cqw);
}
#root.page-question .ly-mainContent .sec-choice_body .co-choices_item .base .content:has(img) img.-rounded {
  border-radius: calc(10 / var(--sp-base-width) * 100cqw);
}
#root.page-question .ly-mainContent .sec-choice_body .co-choices_item .shadow {
  position: absolute;
  left: 0px;
  top: calc(6 / var(--sp-base-width) * 100cqw);
  z-index: 1;
  width: 100%;
  height: 100%;
  border-radius: calc(20 / var(--sp-base-width) * 100cqw);
  background-color: rgba(0, 0, 0, 0.2);
}
#root.page-question .ly-mainContent .sec-choice_body .co-choices_item:hover .base {
  transform: translateY(calc(8 / var(--sp-base-width) * 100cqw));
}
#root.page-question .ly-mainContent .sec-choice_body .co-choices_item:hover .base .content {
  background-color: #359EF8;
  color: #fff;
}
/************************************************************************
*
* ■ quiz/answer (BASE)
*
************************************************************************/
#root.page-answer .ly-mainContent .pageSummary {
  position: absolute;
  clip: rect(1px, 1px, 1px, 1px);
  left: -9999px;
  top: -9999px;
}
#root.page-answer .ly-mainContent .quizWrapper {
  position: relative;
  padding: calc(70 / var(--sp-base-width) * 100cqw) 0 calc(80 / var(--sp-base-width) * 100cqw);
  background: url("../img/quiz/quiz_bg_loop.png") repeat-y center top;
  background-size: calc(375 / var(--sp-base-width) * 100cqw) calc(10 / var(--sp-base-width) * 100cqw);
}
#root.page-answer .ly-mainContent .quizWrapper:before {
  content: "";
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: auto;
  width: calc(375 / var(--sp-base-width) * 100cqw);
  height: calc(50 / var(--sp-base-width) * 100cqw);
  background-image: url("../img/quiz/quiz_bg_head.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
  text-align: left;
}
#root.page-answer .ly-mainContent .quizWrapper:before a {
  display: block;
  width: 100%;
  height: 100%;
}
#root.page-answer .ly-mainContent .quizWrapper:after {
  content: "";
  position: absolute;
  left: 0px;
  bottom: calc(-1 * calc(1 / var(--sp-base-width) * 100cqw));
  z-index: auto;
  width: calc(375 / var(--sp-base-width) * 100cqw);
  height: calc(50 / var(--sp-base-width) * 100cqw);
  background-image: url("../img/quiz/quiz_bg_foot.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
  text-align: left;
  background-size: cover;
}
#root.page-answer .ly-mainContent .quizWrapper:after a {
  display: block;
  width: 100%;
  height: 100%;
}
#root.page-answer .ly-mainContent .sec-answer_head {
  visibility: hidden;
}
#root.page-answer .ly-mainContent .sec-answer_head[data-state='success'],
#root.page-answer .ly-mainContent .sec-answer_head[data-state='failure'] {
  visibility: visible;
}
#root.page-answer .ly-mainContent .sec-answer_head[data-state='success'] .failureContainer {
  display: none;
}
#root.page-answer .ly-mainContent .sec-answer_head[data-state='failure'] .successContainer {
  display: none;
}
#root.page-answer .ly-mainContent .sec-answer_head .successContainer {
  position: relative;
  height: calc(180 / var(--sp-base-width) * 100cqw);
  padding-top: calc(20 / var(--sp-base-width) * 100cqw);
}
#root.page-answer .ly-mainContent .sec-answer_head .successContainer .title {
  margin: 0 auto;
  position: relative;
  z-index: 2;
  width: calc(154.5 / var(--sp-base-width) * 100cqw);
  height: calc(90.5 / var(--sp-base-width) * 100cqw);
  background-image: url("../img/quiz/success_title.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
  text-align: left;
}
#root.page-answer .ly-mainContent .sec-answer_head .successContainer .title a {
  display: block;
  width: 100%;
  height: 100%;
}
#root.page-answer .ly-mainContent .sec-answer_head .successContainer .deco {
  position: absolute;
  left: calc(20 / var(--sp-base-width) * 100cqw);
  top: 0px;
  z-index: 1;
  width: calc(328 / var(--sp-base-width) * 100cqw);
  height: calc(130 / var(--sp-base-width) * 100cqw);
  background-image: url("../img/quiz/success_deco.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
  text-align: left;
}
#root.page-answer .ly-mainContent .sec-answer_head .successContainer .deco a {
  display: block;
  width: 100%;
  height: 100%;
}
#root.page-answer .ly-mainContent .sec-answer_head .successContainer .hr {
  margin: calc(35 / var(--sp-base-width) * 100cqw) auto 0;
  width: calc(345.5 / var(--sp-base-width) * 100cqw);
  height: calc(31 / var(--sp-base-width) * 100cqw);
  background-image: url("../img/quiz/answer_hr.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
  text-align: left;
}
#root.page-answer .ly-mainContent .sec-answer_head .successContainer .hr a {
  display: block;
  width: 100%;
  height: 100%;
}
#root.page-answer .ly-mainContent .sec-answer_head .failureContainer {
  position: relative;
  height: calc(180 / var(--sp-base-width) * 100cqw);
}
#root.page-answer .ly-mainContent .sec-answer_head .failureContainer .title {
  margin: 0 auto;
  transform: translateX(calc(-1 * calc(5 / var(--sp-base-width) * 100cqw)));
  width: calc(163.5 / var(--sp-base-width) * 100cqw);
  height: calc(89.5 / var(--sp-base-width) * 100cqw);
  background-image: url("../img/quiz/failure_title.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
  text-align: left;
}
#root.page-answer .ly-mainContent .sec-answer_head .failureContainer .title a {
  display: block;
  width: 100%;
  height: 100%;
}
#root.page-answer .ly-mainContent .sec-answer_head .failureContainer .deco {
  position: absolute;
  left: calc(25 / var(--sp-base-width) * 100cqw);
  top: calc(5 / var(--sp-base-width) * 100cqw);
  z-index: auto;
  width: calc(325.5 / var(--sp-base-width) * 100cqw);
  height: calc(126.5 / var(--sp-base-width) * 100cqw);
  background-image: url("../img/quiz/failure_deco.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
  text-align: left;
}
#root.page-answer .ly-mainContent .sec-answer_head .failureContainer .deco a {
  display: block;
  width: 100%;
  height: 100%;
}
#root.page-answer .ly-mainContent .sec-answer_head .failureContainer .hr {
  margin: calc(16 / var(--sp-base-width) * 100cqw) auto 0;
  width: calc(345.5 / var(--sp-base-width) * 100cqw);
  height: calc(71.5 / var(--sp-base-width) * 100cqw);
  background-image: url("../img/quiz/answer_hr_02.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
  text-align: left;
}
#root.page-answer .ly-mainContent .sec-answer_head .failureContainer .hr a {
  display: block;
  width: 100%;
  height: 100%;
}
#root.page-answer .ly-mainContent .sec-answer_head .text {
  margin: calc(10 / var(--sp-base-width) * 100cqw) calc(25 / var(--sp-base-width) * 100cqw) 0;
  font-family: "Zen Maru Gothic", serif;
  font-weight: 700;
  font-size: calc(24 / var(--sp-base-width) * 100cqw);
  color: #fff;
  letter-spacing: 0.05em;
  text-align: center;
}
#root.page-answer .ly-mainContent .sec-answer_head .text rt {
  font-size: 40%;
}
#root.page-answer .ly-mainContent .sec-answer_body {
  position: relative;
  margin: calc(20 / var(--sp-base-width) * 100cqw) calc(15 / var(--sp-base-width) * 100cqw) 0;
}
#root.page-answer .ly-mainContent .sec-answer_body .co-explanationContainer {
  background-color: #fff;
  border: 3px solid #fff;
  border-radius: calc(20 / var(--sp-base-width) * 100cqw);
  overflow: hidden;
}
#root.page-answer .ly-mainContent .sec-answer_body .co-explanationContainer_pict img:nth-child(n+2) {
  border-top: 3px solid #fff;
}
#root.page-answer .ly-mainContent .sec-answer_body .co-explanationContainer_text {
  padding: calc(25 / var(--sp-base-width) * 100cqw) calc(30 / var(--sp-base-width) * 100cqw) calc(20 / var(--sp-base-width) * 100cqw);
  font-family: "Zen Maru Gothic", serif;
  font-weight: 700;
  font-size: calc(16 / var(--sp-base-width) * 100cqw);
  color: #0169C3;
  letter-spacing: inherit;
  line-height: 1.95;
}
#root.page-answer .ly-mainContent .sec-answer_body .chara {
  position: absolute;
  right: 0px;
  bottom: calc(-1 * calc(50 / var(--sp-base-width) * 100cqw));
  z-index: 10;
  width: calc(93.5 / var(--sp-base-width) * 100cqw);
  height: calc(98.5 / var(--sp-base-width) * 100cqw);
  background-image: url("../img/quiz/answer_bg_chara.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
  text-align: left;
}
#root.page-answer .ly-mainContent .sec-answer_body .chara a {
  display: block;
  width: 100%;
  height: 100%;
}
#root.page-answer .ly-mainContent .sec-answer_body .fukidashi {
  position: absolute;
  right: calc(108 / var(--sp-base-width) * 100cqw);
  bottom: calc(-1 * calc(22 / var(--sp-base-width) * 100cqw));
  z-index: 11;
  width: calc(36 / var(--sp-base-width) * 100cqw);
  height: calc(23.5 / var(--sp-base-width) * 100cqw);
  background-image: url("../img/quiz/answer_bg_fukidashi.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
  text-align: left;
}
#root.page-answer .ly-mainContent .sec-answer_body .fukidashi a {
  display: block;
  width: 100%;
  height: 100%;
}
#root.page-answer .ly-mainContent .nav-pageBottomNav {
  position: relative;
  margin-top: calc(70 / var(--sp-base-width) * 100cqw);
  padding-top: calc(58 / var(--sp-base-width) * 100cqw);
  text-align: center;
}
#root.page-answer .ly-mainContent .nav-pageBottomNav:before {
  content: "";
  position: absolute;
  left: calc(16 / var(--sp-base-width) * 100cqw);
  top: 0px;
  z-index: auto;
  width: calc(345.5 / var(--sp-base-width) * 100cqw);
  height: calc(31 / var(--sp-base-width) * 100cqw);
  background-image: url("../img/quiz/answer_hr.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
  text-align: left;
}
#root.page-answer .ly-mainContent .nav-pageBottomNav:before a {
  display: block;
  width: 100%;
  height: 100%;
}
#root.page-answer .ly-mainContent .nav-pageBottomNav .co-button {
  margin-top: calc(22 / var(--sp-base-width) * 100cqw);
}
#root.page-answer .ly-mainContent .nav-pageBottomNav .co-button:first-child {
  margin-top: 0;
}
#root.page-answer .ly-mainContent .nav-pageBottomNav .co-button.nextBtn,
#root.page-answer .ly-mainContent .nav-pageBottomNav .co-button.resultBtn {
  width: calc(260 / var(--sp-base-width) * 100cqw);
}
#root.page-answer .ly-mainContent .nav-pageBottomNav .co-button.homeBtn {
  width: calc(168 / var(--sp-base-width) * 100cqw);
}
/************************************************************************
*
* ■ quiz/result (BASE)
*
************************************************************************/
#root.page-result .ly-mainContent {
  padding-bottom: calc(5 / var(--sp-base-width) * 100cqw);
}
#root.page-result .ly-mainContent .pageSummary {
  position: absolute;
  clip: rect(1px, 1px, 1px, 1px);
  left: -9999px;
  top: -9999px;
}
#root.page-result .ly-mainContent .sec-award {
  position: relative;
  padding: calc(50 / var(--sp-base-width) * 100cqw) 0 calc(90 / var(--sp-base-width) * 100cqw);
  background: url("../img/result/result_bg_loop.png") repeat-y center top;
  background-size: calc(375 / var(--sp-base-width) * 100cqw) calc(10 / var(--sp-base-width) * 100cqw);
}
#root.page-result .ly-mainContent .sec-award:before {
  content: "";
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: auto;
  width: calc(375 / var(--sp-base-width) * 100cqw);
  height: calc(50 / var(--sp-base-width) * 100cqw);
  background-image: url("../img/result/result_bg_head.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
  text-align: left;
}
#root.page-result .ly-mainContent .sec-award:before a {
  display: block;
  width: 100%;
  height: 100%;
}
#root.page-result .ly-mainContent .sec-award:after {
  content: "";
  position: absolute;
  left: 0px;
  bottom: 0px;
  z-index: auto;
  width: calc(375 / var(--sp-base-width) * 100cqw);
  height: calc(50 / var(--sp-base-width) * 100cqw);
  background-image: url("../img/result/result_bg_foot.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
  text-align: left;
}
#root.page-result .ly-mainContent .sec-award:after a {
  display: block;
  width: 100%;
  height: 100%;
}
#root.page-result .ly-mainContent .sec-award.-award2 {
  padding-top: calc(75 / var(--sp-base-width) * 100cqw);
  background-image: url("../img/result/result_bg2_loop.png");
}
#root.page-result .ly-mainContent .sec-award.-award2:before {
  width: calc(375 / var(--sp-base-width) * 100cqw);
  height: calc(50 / var(--sp-base-width) * 100cqw);
  background-image: url("../img/result/result_bg2_head.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
  text-align: left;
}
#root.page-result .ly-mainContent .sec-award.-award2:before a {
  display: block;
  width: 100%;
  height: 100%;
}
#root.page-result .ly-mainContent .sec-award.-award2:after {
  width: calc(375 / var(--sp-base-width) * 100cqw);
  height: calc(50 / var(--sp-base-width) * 100cqw);
  background-image: url("../img/result/result_bg2_foot.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
  text-align: left;
}
#root.page-result .ly-mainContent .sec-award.-award2:after a {
  display: block;
  width: 100%;
  height: 100%;
}
#root.page-result .ly-mainContent .sec-award_body {
  margin: calc(56 / var(--sp-base-width) * 100cqw) auto 0;
  text-align: center;
}
#root.page-result .ly-mainContent .sec-award_body .title {
  font-size: calc(22 / var(--sp-base-width) * 100cqw);
  font-weight: 700;
  color: #DDB300;
  line-height: 1.4;
}
#root.page-result .ly-mainContent .sec-award_body .title rt {
  font-size: calc(7 / var(--sp-base-width) * 100cqw);
}
#root.page-result .ly-mainContent .sec-award_body .message {
  font-size: calc(15 / var(--sp-base-width) * 100cqw);
  font-weight: 700;
  color: inherit;
  letter-spacing: 0.05em;
  line-height: 2.15;
}
#root.page-result .ly-mainContent .sec-award_body.-award1 {
  width: calc(352 / var(--sp-base-width) * 100cqw);
  height: calc(340 / var(--sp-base-width) * 100cqw);
  padding-top: calc(52 / var(--sp-base-width) * 100cqw);
  background: url("../img/result/award1_bg.png") no-repeat center top / contain;
}
#root.page-result .ly-mainContent .sec-award_body.-award1 .message {
  margin-top: calc(40 / var(--sp-base-width) * 100cqw);
}
#root.page-result .ly-mainContent .sec-award_body.-award2 {
  width: calc(352 / var(--sp-base-width) * 100cqw);
  height: calc(320 / var(--sp-base-width) * 100cqw);
  padding-top: calc(52 / var(--sp-base-width) * 100cqw);
  background: url("../img/result/award2_bg.png") no-repeat center top / contain;
}
#root.page-result .ly-mainContent .sec-award_body.-award2 .message {
  margin-top: calc(45 / var(--sp-base-width) * 100cqw);
}
#root.page-result .ly-mainContent .sec-award_body.-award3 {
  width: calc(352 / var(--sp-base-width) * 100cqw);
  height: calc(340 / var(--sp-base-width) * 100cqw);
  padding-top: calc(45 / var(--sp-base-width) * 100cqw);
  background: url("../img/result/award3_bg.png") no-repeat center top / contain;
}
#root.page-result .ly-mainContent .sec-award_body.-award3 .title {
  font-family: "Mochiy Pop P One", sans-serif;
  font-weight: 500;
  font-size: calc(22 / var(--sp-base-width) * 100cqw);
  color: #FF6101;
  letter-spacing: 0.1em;
}
#root.page-result .ly-mainContent .sec-award_body.-award3 .message {
  margin-top: calc(55 / var(--sp-base-width) * 100cqw);
}
#root.page-result .ly-mainContent .sec-award_body.-award4 {
  width: calc(352 / var(--sp-base-width) * 100cqw);
  height: calc(340 / var(--sp-base-width) * 100cqw);
  padding-top: calc(45 / var(--sp-base-width) * 100cqw);
  background: url("../img/result/award4_bg.png") no-repeat center top / contain;
}
#root.page-result .ly-mainContent .sec-award_body.-award4 .title {
  font-family: "Mochiy Pop P One", sans-serif;
  font-weight: 500;
  font-size: calc(22 / var(--sp-base-width) * 100cqw);
  color: #43B0F4;
  letter-spacing: 0.1em;
}
#root.page-result .ly-mainContent .sec-award_body.-award4 .message {
  margin-top: calc(55 / var(--sp-base-width) * 100cqw);
}
#root.page-result .ly-mainContent .sec-award_deco {
  position: relative;
}
#root.page-result .ly-mainContent .sec-award_deco.-award1 .obj1 {
  position: absolute;
  left: calc(16 / var(--sp-base-width) * 100cqw);
  top: calc(-1 * calc(6 / var(--sp-base-width) * 100cqw));
  z-index: auto;
  width: calc(166.5 / var(--sp-base-width) * 100cqw);
  height: calc(61 / var(--sp-base-width) * 100cqw);
  background-image: url("../img/result/award1_deco1.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
  text-align: left;
}
#root.page-result .ly-mainContent .sec-award_deco.-award1 .obj1 a {
  display: block;
  width: 100%;
  height: 100%;
}
#root.page-result .ly-mainContent .sec-award_deco.-award1 .man {
  position: absolute;
  left: calc(206 / var(--sp-base-width) * 100cqw);
  top: calc(-1 * calc(32 / var(--sp-base-width) * 100cqw));
  z-index: auto;
  width: calc(147 / var(--sp-base-width) * 100cqw);
  height: calc(91.5 / var(--sp-base-width) * 100cqw);
  background-image: url("../img/result/award1_deco2.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
  text-align: left;
}
#root.page-result .ly-mainContent .sec-award_deco.-award1 .man a {
  display: block;
  width: 100%;
  height: 100%;
}
#root.page-result .ly-mainContent .sec-award_deco.-award2 .obj1 {
  position: absolute;
  left: calc(17 / var(--sp-base-width) * 100cqw);
  top: calc(-1 * calc(11 / var(--sp-base-width) * 100cqw));
  z-index: auto;
  width: calc(166.5 / var(--sp-base-width) * 100cqw);
  height: calc(61 / var(--sp-base-width) * 100cqw);
  background-image: url("../img/result/award2_deco1.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
  text-align: left;
}
#root.page-result .ly-mainContent .sec-award_deco.-award2 .obj1 a {
  display: block;
  width: 100%;
  height: 100%;
}
#root.page-result .ly-mainContent .sec-award_deco.-award2 .man {
  position: absolute;
  left: calc(205 / var(--sp-base-width) * 100cqw);
  top: calc(-1 * calc(37 / var(--sp-base-width) * 100cqw));
  z-index: auto;
  width: calc(147 / var(--sp-base-width) * 100cqw);
  height: calc(91.5 / var(--sp-base-width) * 100cqw);
  background-image: url("../img/result/award2_deco2.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
  text-align: left;
}
#root.page-result .ly-mainContent .sec-award_deco.-award2 .man a {
  display: block;
  width: 100%;
  height: 100%;
}
#root.page-result .ly-mainContent .sec-award_deco.-award2 .obj3 {
  position: absolute;
  left: 0px;
  top: calc(-1 * calc(411 / var(--sp-base-width) * 100cqw));
  z-index: auto;
  width: calc(234 / var(--sp-base-width) * 100cqw);
  height: calc(99.5 / var(--sp-base-width) * 100cqw);
  background-image: url("../img/result/award2_deco3.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
  text-align: left;
}
#root.page-result .ly-mainContent .sec-award_deco.-award2 .obj3 a {
  display: block;
  width: 100%;
  height: 100%;
}
#root.page-result .ly-mainContent .sec-award_deco.-award2 .obj4 {
  position: absolute;
  left: calc(246 / var(--sp-base-width) * 100cqw);
  top: calc(-1 * calc(404 / var(--sp-base-width) * 100cqw));
  z-index: auto;
  width: calc(142 / var(--sp-base-width) * 100cqw);
  height: calc(94 / var(--sp-base-width) * 100cqw);
  background-image: url("../img/result/award2_deco4.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
  text-align: left;
}
#root.page-result .ly-mainContent .sec-award_deco.-award2 .obj4 a {
  display: block;
  width: 100%;
  height: 100%;
}
#root.page-result .ly-mainContent .sec-award_deco.-award3 .obj1 {
  position: absolute;
  left: calc(34 / var(--sp-base-width) * 100cqw);
  top: calc(-1 * calc(16 / var(--sp-base-width) * 100cqw));
  z-index: auto;
  width: calc(135 / var(--sp-base-width) * 100cqw);
  height: calc(76 / var(--sp-base-width) * 100cqw);
  background-image: url("../img/result/award3_deco1.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
  text-align: left;
}
#root.page-result .ly-mainContent .sec-award_deco.-award3 .obj1 a {
  display: block;
  width: 100%;
  height: 100%;
}
#root.page-result .ly-mainContent .sec-award_deco.-award3 .man {
  position: absolute;
  left: calc(206 / var(--sp-base-width) * 100cqw);
  top: calc(-1 * calc(32 / var(--sp-base-width) * 100cqw));
  z-index: auto;
  width: calc(140.5 / var(--sp-base-width) * 100cqw);
  height: calc(91.5 / var(--sp-base-width) * 100cqw);
  background-image: url("../img/result/award3_deco2.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
  text-align: left;
}
#root.page-result .ly-mainContent .sec-award_deco.-award3 .man a {
  display: block;
  width: 100%;
  height: 100%;
}
#root.page-result .ly-mainContent .sec-award_deco.-award4 .obj1 {
  position: absolute;
  left: calc(59 / var(--sp-base-width) * 100cqw);
  top: calc(-1 * calc(6 / var(--sp-base-width) * 100cqw));
  z-index: auto;
  width: calc(105.5 / var(--sp-base-width) * 100cqw);
  height: calc(59.5 / var(--sp-base-width) * 100cqw);
  background-image: url("../img/result/award4_deco1.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
  text-align: left;
}
#root.page-result .ly-mainContent .sec-award_deco.-award4 .obj1 a {
  display: block;
  width: 100%;
  height: 100%;
}
#root.page-result .ly-mainContent .sec-award_deco.-award4 .man {
  position: absolute;
  left: calc(206 / var(--sp-base-width) * 100cqw);
  top: calc(-1 * calc(32 / var(--sp-base-width) * 100cqw));
  z-index: auto;
  width: calc(133.5 / var(--sp-base-width) * 100cqw);
  height: calc(91.5 / var(--sp-base-width) * 100cqw);
  background-image: url("../img/result/award4_deco2.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
  text-align: left;
}
#root.page-result .ly-mainContent .sec-award_deco.-award4 .man a {
  display: block;
  width: 100%;
  height: 100%;
}
#root.page-result .ly-mainContent .sec-award_nav {
  margin-top: calc(80 / var(--sp-base-width) * 100cqw);
  display: flex;
  justify-content: center;
  align-items: stretch;
  gap: 0;
  flex-wrap: wrap;
}
#root.page-result .ly-mainContent .sec-award_nav .homeBtn {
  width: calc(260 / var(--sp-base-width) * 100cqw);
}
@media screen and (min-width:768px) {
  /************************************************************************
*
* ■ layout (PC)
*
************************************************************************/
  .ly-pageWrapper {
    position: relative;
    z-index: 200;
    margin-inline: auto;
    width: 375px;
    overflow: clip;
  }
  .ly-pageBack {
    position: fixed;
    left: 0px;
    top: 0px;
    z-index: 100;
    width: 100%;
    height: 100%;
    background: url("../img/nav/pageback_bg_loop.png") repeat center top;
    background-size: 657px 763px;
    display: grid;
    justify-content: center;
    align-items: center;
  }
  .ly-pageBack .backContent {
    display: grid;
    grid-template-columns: 1fr 375px 1fr;
    align-items: center;
    justify-items: center;
    -moz-column-gap: 4vw;
         column-gap: 4vw;
    transform: translateY(-50px);
    box-sizing: content-box;
    margin-inline: auto;
    max-width: 1280px;
    padding-inline: 3vw;
  }
  .ly-pageBack .backContent_rightBox {
    transform: translateY(-30px);
  }
  .ly-pageBack .backContent_rightBox .fukidashi {
    margin-inline: auto;
  }
  .ly-pageBack .backContent_rightBox .tabiikuBtn {
    position: relative;
    display: inline-block;
    margin-top: 25px;
  }
  .ly-pageBack .backContent_rightBox .tabiikuBtn .base {
    transition: transform 0.08s ease-out;
  }
  .ly-pageBack .backContent_rightBox .tabiikuBtn .shadow {
    position: absolute;
    left: 0px;
    top: 10px;
    z-index: -1;
  }
  .ly-pageBack .backContent_rightBox .tabiikuBtn:hover .base {
    transform: translateY(10px);
    transition: transform 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  }
  .ly-pageBack .backFooter {
    position: absolute;
    left: 0px;
    bottom: 0px;
    z-index: 30;
    width: 100%;
    height: 100px;
  }
  .ly-pageBack .backFooter_bg {
    width: 100%;
    height: 100%;
    background: url("../img/nav/pageback_footer_bg.png") repeat-x center top;
    background-size: 2269px 100px;
  }
}
@media screen and (min-width: 768px) and (max-width: 950px) {
  .ly-pageBack .backContent {
    display: none;
  }
}
/************************************************************************
*
* ■ tablet
*
************************************************************************/
html.tablet .ly-pageWrapper {
  width: 580px;
}
html.tablet .ly-pageBack .backContent {
  display: none;
}