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,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  list-style: none;
}
body {
  line-height: 1;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
nav ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}
a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  text-decoration: none;
}
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;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}
input,
select {
  vertical-align: middle;
}
img,
video {
  font-size: 0;
  line-height: 0;
}
html {
  font-size: 62.5%;
}
body {
  font-family: 'M PLUS Rounded 1c', sans-serif;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-text-size-adjust: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #434343;
  word-break: break-word;
}
::-webkit-input-placeholder {
  color: #434343;
}
::-moz-placeholder {
  color: #434343;
}
:-ms-input-placeholder {
  color: #434343;
}
::-ms-input-placeholder {
  color: #434343;
}
::placeholder {
  color: #434343;
}
:focus-visible {
  outline: 6px auto #2c77e5;
}
img {
  width: 100%;
}
a {
  color: inherit;
}
* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
input,
button,
textarea,
select {
  appearance: none /* デフォルトスタイルをリセット */;
  -webkit-appearance: none;
  -moz-appearance: none;
  font-family: inherit /* font-familyを継承しないので、継承させる */;
  border-radius: 0 /* iOSの角丸をリセット */;
  -webkit-box-sizing: border-box /* box-size */;
  box-sizing: border-box /* box-size */;
  font-size: 1.6rem /* 文字の大きさ iOSでズームさせないために16px以上を指定 */;
  color: inherit /* 文字色を親から継承 */;
}
@media screen and (max-width: 1023px) {
  .u-is-pc {
    display: none !important;
  }
}
@media screen and (min-width: 1024px) {
  .u-is-sp {
    display: none !important;
  }
}
.u-img-wrap {
  font-size: 0;
  line-height: 0;
}
@media screen and (min-width: 1024px) {
  .u-hov--obj {
    cursor: pointer;
  }
}
.u-hov--opacity {
  -webkit-transition-property: opacity;
  transition-property: opacity;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
}
@media screen and (min-width: 1024px) {
  .u-hov--opacity {
    cursor: pointer;
  }
}
.u-hov--opacity:hover {
  opacity: 0.7;
}
html[lang="en"] .u-is-ja {
  display: none;
}
html[lang="ja"] .u-is-en {
  display: none;
}
body._opening .l-overlay--base,
body._sugoroku-game-end .l-overlay--base {
  display: block;
}
body._tutorial._active .l-overlay--base {
  display: block;
}
body._fieldtrip._quize .l-overlay--black {
  display: block;
}
body._fieldtrip:not(._quize) .l-overlay--black {
  display: none;
}
.l-overlay--base {
  width: 100%;
  height: 100%;
  background-color: rgba(255,255,255,0.6);
  position: fixed;
  z-index: 340;
  top: 0;
  left: 0;
  display: none;
}
.l-overlay--black {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.6);
  z-index: 340;
}
@font-face {
  font-family: 'swiper-icons';
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
  font-weight: 400;
  font-style: normal;
}
:root {
  --swiper-theme-color: #007aff;
  --swiper-navigation-size: 44px;
}
.swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
}
.swiper-container-vertical > .swiper-wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {
  -webkit-scroll-snap-type: y mandatory;
  -ms-scroll-snap-type: y mandatory;
  scroll-snap-type: y mandatory;
}
.swiper-container-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  -webkit-transform: translate3d(0px, -50%, 0);
  transform: translate3d(0px, -50%, 0);
}
.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 6px 0;
  display: block;
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 8px;
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  -webkit-transition: 200ms top, 200ms -webkit-transform;
  transition: 200ms top, 200ms -webkit-transform;
  transition: 200ms transform, 200ms top;
  transition: 200ms transform, 200ms top, 200ms -webkit-transform;
}
.swiper-container-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
.swiper-container-android .swiper-slide,
.swiper-wrapper {
  -webkit-transform: translate3d(0px, 0, 0);
  transform: translate3d(0px, 0, 0);
}
.swiper-container-multirow > .swiper-wrapper {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.swiper-container-multirow-column > .swiper-wrapper {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.swiper-container-free-mode > .swiper-wrapper {
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  margin: 0 auto;
}
.swiper-slide {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
}
.swiper-slide-invisible-blank {
  visibility: hidden;
}
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto;
}
.swiper-container-autoheight .swiper-wrapper {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-transition-property: height, -webkit-transform;
  transition-property: height, -webkit-transform;
  transition-property: transform, height;
  transition-property: transform, height, -webkit-transform;
}
.swiper-container-3d {
  -webkit-perspective: 1200px;
  perspective: 1200px;
}
.swiper-container-3d .swiper-slide-shadow-left {
  background-image: -webkit-gradient(linear, right top, left top, from(rgba(0,0,0,0.5)), to(rgba(0,0,0,0)));
  background-image: -webkit-linear-gradient(right, rgba(0,0,0,0.5), rgba(0,0,0,0));
  background-image: linear-gradient(to left, rgba(0,0,0,0.5), rgba(0,0,0,0));
}
.swiper-container-3d .swiper-slide-shadow-right {
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0,0,0,0.5)), to(rgba(0,0,0,0)));
  background-image: -webkit-linear-gradient(left, rgba(0,0,0,0.5), rgba(0,0,0,0));
  background-image: linear-gradient(to right, rgba(0,0,0,0.5), rgba(0,0,0,0));
}
.swiper-container-3d .swiper-slide-shadow-top {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0,0,0,0.5)), to(rgba(0,0,0,0)));
  background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,0.5), rgba(0,0,0,0));
  background-image: linear-gradient(to top, rgba(0,0,0,0.5), rgba(0,0,0,0));
}
.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.5)), to(rgba(0,0,0,0)));
  background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.5), rgba(0,0,0,0));
  background-image: linear-gradient(to bottom, rgba(0,0,0,0.5), rgba(0,0,0,0));
}
.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.swiper-container-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}
.swiper-container-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}
.swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper {
  -webkit-scroll-snap-type: x mandatory;
  -ms-scroll-snap-type: x mandatory;
  scroll-snap-type: x mandatory;
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 4px;
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  white-space: nowrap;
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: 200ms left, 200ms -webkit-transform;
  transition: 200ms left, 200ms -webkit-transform;
  transition: 200ms transform, 200ms left;
  transition: 200ms transform, 200ms left, 200ms -webkit-transform;
}
.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: 200ms right, 200ms -webkit-transform;
  transition: 200ms right, 200ms -webkit-transform;
  transition: 200ms transform, 200ms right;
  transition: 200ms transform, 200ms right, 200ms -webkit-transform;
}
.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
}
.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: 50%;
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(-1 * var(--swiper-navigation-size) / 2);
  z-index: 10;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}
.swiper-button-prev:after,
.swiper-button-next:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  text-transform: none;
  font-variant: initial;
  line-height: 1;
}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  left: 10px;
  right: auto;
}
.swiper-button-prev:after,
.swiper-container-rtl .swiper-button-next:after {
  content: 'prev';
}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  right: 10px;
  left: auto;
}
.swiper-button-next:after,
.swiper-container-rtl .swiper-button-prev:after {
  content: 'next';
}
.swiper-button-prev.swiper-button-white,
.swiper-button-next.swiper-button-white {
  --swiper-navigation-color: #fff;
}
.swiper-button-prev.swiper-button-black,
.swiper-button-next.swiper-button-black {
  --swiper-navigation-color: #000;
}
.swiper-button-lock {
  display: none;
}
.swiper-pagination {
  position: absolute;
  text-align: center;
  -webkit-transition: 300ms opacity;
  transition: 300ms opacity;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 10px;
  left: 0;
  width: 100%;
}
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transform: scale(0.33);
  transform: scale(0.33);
  position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  -webkit-transform: scale(1);
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  -webkit-transform: scale(1);
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  -webkit-transform: scale(0.66);
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  -webkit-transform: scale(0.33);
  transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  -webkit-transform: scale(0.66);
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  -webkit-transform: scale(0.33);
  transform: scale(0.33);
}
.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  opacity: 0.2;
}
button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}
.swiper-pagination-bullet-active {
  opacity: 1;
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}
.swiper-pagination-progressbar {
  background: rgba(0,0,0,0.25);
  position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: left top;
  transform-origin: left top;
}
.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  -webkit-transform-origin: right top;
  transform-origin: right top;
}
.swiper-container-horizontal > .swiper-pagination-progressbar,
.swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}
.swiper-container-vertical > .swiper-pagination-progressbar,
.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}
.swiper-pagination-white {
  --swiper-pagination-color: #fff;
}
.swiper-pagination-black {
  --swiper-pagination-color: #000;
}
.swiper-pagination-lock {
  display: none;
}
.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0,0,0,0.1);
}
.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0,0,0,0.5);
  border-radius: 10px;
  left: 0;
  top: 0;
}
.swiper-scrollbar-cursor-drag {
  cursor: move;
}
.swiper-scrollbar-lock {
  display: none;
}
.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
}
.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}
.swiper-slide-zoomed {
  cursor: move;
}
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-animation: swiper-preloader-spin 1s infinite linear;
  animation: swiper-preloader-spin 1s infinite linear;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}
.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}
.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.swiper-container-fade .swiper-slide {
  pointer-events: none;
  -webkit-transition-property: opacity;
  transition-property: opacity;
}
.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-container-cube {
  overflow: visible;
}
.swiper-container-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}
.swiper-container-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
  -webkit-transform-origin: 100% 0;
  transform-origin: 100% 0;
}
.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.6;
  -webkit-filter: blur(50px);
  filter: blur(50px);
  z-index: 0;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible;
}
.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.swiper-container-flip {
  overflow: visible;
}
.swiper-container-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
}
.swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
@-webkit-keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.c-button a,
.c-fieldtrip-close-button a,
.c-button button,
.c-fieldtrip-close-button button {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border: 0;
  background-color: transparent;
  cursor: pointer;
  padding: 0;
}
.c-button {
  position: relative;
  background-color: #aaa;
  height: 6rem;
  border-radius: 3rem;
}
.c-button .c-button__txt {
  color: #fff;
  font-size: 2.1rem;
  line-height: 1.80952380952381;
  letter-spacing: 0.04em;
  font-weight: bold;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  white-space: nowrap;
}
@media screen and (max-width: 1023px) {
  .c-button .c-button__txt {
    font-size: 2.8vw;
  }
}
.c-button .c-button__arrow {
  display: block;
  background-image: url("/assets/images/common/icon-arrow-btn-right-blue.svg");
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
  top: 50%;
  right: 1.3rem;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 3rem;
  height: 3rem;
}
@media screen and (max-width: 1023px) {
  .c-button .c-button__arrow {
    width: 6.666666666666667vw;
    height: 6.666666666666667vw;
  }
}
.c-button.is--color-blue {
  background-color: #2c77e5;
}
.c-button.is--color-blue .c-button__txt {
  color: #fff;
}
.c-button.is--color-blue .c-button__arrow {
  background-image: url("/assets/images/common/icon-arrow-btn-right-blue.svg");
}
.c-button.is--color-pink {
  background-color: #fff;
}
.c-button.is--color-pink .c-button__txt {
  color: #ef6e91;
}
.c-button.is--color-pink .c-button__arrow {
  background-image: url("/assets/images/common/icon-arrow-btn-right-pink.svg");
}
.c-button.is--color-black {
  background-color: #000;
}
.c-button.is--color-black .c-button__txt {
  color: #fff;
}
.c-button.is--color-black .c-button__arrow {
  background-image: url("/assets/images/common/icon-arrow-btn-right-black.svg");
}
.c-button.is--color-gray {
  background-color: #c3c3c3;
}
.c-button.is--color-gray .c-button__txt {
  color: #fff;
}
.c-button.is--color-gray .c-button__arrow {
  background-image: url("/assets/images/common/icon-arrow-btn-right-gray.svg");
}
.c-button.is--color-green {
  background-color: #34af27;
}
.c-button.is--color-green .c-button__txt {
  color: #fff;
}
.c-button.is--color-green .c-button__arrow {
  background-image: url("/assets/images/common/icon-arrow-btn-right-green.svg");
}
.c-button.is--color-white {
  background-color: #fff;
}
.c-button.is--color-white .c-button__txt {
  color: #000;
}
.c-button.is--color-white .c-button__arrow {
  background-image: url("/assets/images/common/icon-arrow-btn-right-white.svg");
}
.c-button.is--color-green-2 {
  background-color: #249f45;
}
.c-button.is--color-green-2 .c-button__txt {
  color: #fff;
}
.c-button.is--color-green-2 .c-button__arrow {
  background-image: url("/assets/images/common/icon-arrow-btn-right-green.svg");
}
.c-button.is--arrow-left .c-button__arrow {
  right: auto;
  left: 1.3rem;
  -webkit-transform: translateY(-50%) rotate(180deg);
  transform: translateY(-50%) rotate(180deg);
}
.c-button.is--border-white {
  border: 0.2rem solid #fff;
}
.c-button.is--close .c-button__arrow {
  background-image: url("/assets/images/common/icon-close-btn-white.svg");
}
.c-fieldtrip-close-button {
  position: relative;
  position: relative;
  width: 6rem;
  height: 6rem;
}
@media screen and (max-width: 1023px) {
  .c-fieldtrip-close-button {
    width: 9.733333333333333vw;
    height: 9.733333333333333vw;
  }
}
.c-fieldtrip-close-button .c-fieldtrip-close-button__txt {
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 2.4rem;
  line-height: 1.833333333333333;
  letter-spacing: 0.04em;
  font-weight: bold;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  white-space: nowrap;
  width: 2rem;
  height: 2rem;
}
@media screen and (max-width: 1023px) {
  .c-fieldtrip-close-button .c-fieldtrip-close-button__txt {
    font-size: 3.2vw;
  }
}
@media screen and (max-width: 1023px) {
  .c-fieldtrip-close-button .c-fieldtrip-close-button__txt {
    width: 5.333333333333334vw;
    height: 5.333333333333334vw;
  }
}
.c-fieldtrip-close-button .c-fieldtrip-close-button__txt:before,
.c-fieldtrip-close-button .c-fieldtrip-close-button__txt:after {
  content: '';
  display: block;
  width: 100%;
  background-color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  height: 0.3rem;
}
@media screen and (max-width: 1023px) {
  .c-fieldtrip-close-button .c-fieldtrip-close-button__txt:before,
  .c-fieldtrip-close-button .c-fieldtrip-close-button__txt:after {
    height: 0.933333333333333vw;
  }
}
.c-fieldtrip-close-button .c-fieldtrip-close-button__txt:before {
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  transform: translate(-50%, -50%) rotate(45deg);
  -webkit-transform-origin: center;
  transform-origin: center;
}
.c-fieldtrip-close-button .c-fieldtrip-close-button__txt:after {
  position: absolute;
  bottom: 0;
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
  transform: translate(-50%, -50%) rotate(-45deg);
}
@media screen and (min-width: 1024px) {
  .c-container__anchor {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
.c-fukidashi {
  width: 100%;
  position: relative;
}
.c-fukidashi .c-fukidashi__new {
  position: absolute;
  z-index: 1;
  top: 0;
}
@media screen and (min-width: 1024px) {
  .c-fukidashi .c-fukidashi__new {
    left: 1.3rem;
    width: 6.4rem;
  }
}
@media screen and (max-width: 1023px) {
  .c-fukidashi .c-fukidashi__new {
    left: 3.293333333333333vw;
    width: 8.533333333333333vw;
  }
}
.c-fukidashi .c-fukidashi__bg {
  width: 100%;
}
.c-fukidashi .c-fukidashi__ttl {
  font-size: 1.8rem;
  line-height: 1.6;
  font-weight: bold;
  width: 100%;
  text-align: center;
  position: absolute;
  top: 54%;
  left: calc(50% - 10px);
  -webkit-transform: translate(-50%, -50%) skewY(-6.7deg);
  transform: translate(-50%, -50%) skewY(-6.7deg);
}
@media screen and (max-width: 1023px) {
  .c-fukidashi .c-fukidashi__ttl {
    font-size: 2.4vw;
  }
}
.c-button a,
.c-fieldtrip-close-button a,
.c-button button,
.c-fieldtrip-close-button button {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border: 0;
  background-color: transparent;
  cursor: pointer;
  padding: 0;
}
.c-button {
  position: relative;
  background-color: #aaa;
  height: 6rem;
  border-radius: 3rem;
}
.c-button .c-button__txt {
  color: #fff;
  font-size: 2.1rem;
  line-height: 1.80952380952381;
  letter-spacing: 0.04em;
  font-weight: bold;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  white-space: nowrap;
}
@media screen and (max-width: 1023px) {
  .c-button .c-button__txt {
    font-size: 2.8vw;
  }
}
.c-button .c-button__arrow {
  display: block;
  background-image: url("/assets/images/common/icon-arrow-btn-right-blue.svg");
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
  top: 50%;
  right: 1.3rem;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 3rem;
  height: 3rem;
}
@media screen and (max-width: 1023px) {
  .c-button .c-button__arrow {
    width: 6.666666666666667vw;
    height: 6.666666666666667vw;
  }
}
.c-button.is--color-blue {
  background-color: #2c77e5;
}
.c-button.is--color-blue .c-button__txt {
  color: #fff;
}
.c-button.is--color-blue .c-button__arrow {
  background-image: url("/assets/images/common/icon-arrow-btn-right-blue.svg");
}
.c-button.is--color-pink {
  background-color: #fff;
}
.c-button.is--color-pink .c-button__txt {
  color: #ef6e91;
}
.c-button.is--color-pink .c-button__arrow {
  background-image: url("/assets/images/common/icon-arrow-btn-right-pink.svg");
}
.c-button.is--color-black {
  background-color: #000;
}
.c-button.is--color-black .c-button__txt {
  color: #fff;
}
.c-button.is--color-black .c-button__arrow {
  background-image: url("/assets/images/common/icon-arrow-btn-right-black.svg");
}
.c-button.is--color-gray {
  background-color: #c3c3c3;
}
.c-button.is--color-gray .c-button__txt {
  color: #fff;
}
.c-button.is--color-gray .c-button__arrow {
  background-image: url("/assets/images/common/icon-arrow-btn-right-gray.svg");
}
.c-button.is--color-green {
  background-color: #34af27;
}
.c-button.is--color-green .c-button__txt {
  color: #fff;
}
.c-button.is--color-green .c-button__arrow {
  background-image: url("/assets/images/common/icon-arrow-btn-right-green.svg");
}
.c-button.is--color-white {
  background-color: #fff;
}
.c-button.is--color-white .c-button__txt {
  color: #000;
}
.c-button.is--color-white .c-button__arrow {
  background-image: url("/assets/images/common/icon-arrow-btn-right-white.svg");
}
.c-button.is--color-green-2 {
  background-color: #249f45;
}
.c-button.is--color-green-2 .c-button__txt {
  color: #fff;
}
.c-button.is--color-green-2 .c-button__arrow {
  background-image: url("/assets/images/common/icon-arrow-btn-right-green.svg");
}
.c-button.is--arrow-left .c-button__arrow {
  right: auto;
  left: 1.3rem;
  -webkit-transform: translateY(-50%) rotate(180deg);
  transform: translateY(-50%) rotate(180deg);
}
.c-button.is--border-white {
  border: 0.2rem solid #fff;
}
.c-button.is--close .c-button__arrow {
  background-image: url("/assets/images/common/icon-close-btn-white.svg");
}
.c-fieldtrip-close-button {
  position: relative;
  position: relative;
  width: 6rem;
  height: 6rem;
}
@media screen and (max-width: 1023px) {
  .c-fieldtrip-close-button {
    width: 9.733333333333333vw;
    height: 9.733333333333333vw;
  }
}
.c-fieldtrip-close-button .c-fieldtrip-close-button__txt {
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 2.4rem;
  line-height: 1.833333333333333;
  letter-spacing: 0.04em;
  font-weight: bold;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  white-space: nowrap;
  width: 2rem;
  height: 2rem;
}
@media screen and (max-width: 1023px) {
  .c-fieldtrip-close-button .c-fieldtrip-close-button__txt {
    font-size: 3.2vw;
  }
}
@media screen and (max-width: 1023px) {
  .c-fieldtrip-close-button .c-fieldtrip-close-button__txt {
    width: 5.333333333333334vw;
    height: 5.333333333333334vw;
  }
}
.c-fieldtrip-close-button .c-fieldtrip-close-button__txt:before,
.c-fieldtrip-close-button .c-fieldtrip-close-button__txt:after {
  content: '';
  display: block;
  width: 100%;
  background-color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  height: 0.3rem;
}
@media screen and (max-width: 1023px) {
  .c-fieldtrip-close-button .c-fieldtrip-close-button__txt:before,
  .c-fieldtrip-close-button .c-fieldtrip-close-button__txt:after {
    height: 0.933333333333333vw;
  }
}
.c-fieldtrip-close-button .c-fieldtrip-close-button__txt:before {
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  transform: translate(-50%, -50%) rotate(45deg);
  -webkit-transform-origin: center;
  transform-origin: center;
}
.c-fieldtrip-close-button .c-fieldtrip-close-button__txt:after {
  position: absolute;
  bottom: 0;
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
  transform: translate(-50%, -50%) rotate(-45deg);
}
@media screen and (min-width: 1024px) {
  .c-container__anchor {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
.c-fukidashi {
  width: 100%;
  position: relative;
}
.c-fukidashi .c-fukidashi__new {
  position: absolute;
  z-index: 1;
  top: 0;
}
@media screen and (min-width: 1024px) {
  .c-fukidashi .c-fukidashi__new {
    left: 1.3rem;
    width: 6.4rem;
  }
}
@media screen and (max-width: 1023px) {
  .c-fukidashi .c-fukidashi__new {
    left: 3.293333333333333vw;
    width: 8.533333333333333vw;
  }
}
.c-fukidashi .c-fukidashi__bg {
  width: 100%;
}
.c-fukidashi .c-fukidashi__ttl {
  font-size: 1.8rem;
  line-height: 1.6;
  font-weight: bold;
  width: 100%;
  text-align: center;
  position: absolute;
  top: 54%;
  left: calc(50% - 10px);
  -webkit-transform: translate(-50%, -50%) skewY(-6.7deg);
  transform: translate(-50%, -50%) skewY(-6.7deg);
}
@media screen and (max-width: 1023px) {
  .c-fukidashi .c-fukidashi__ttl {
    font-size: 2.4vw;
  }
}
.m-others {
  background: #feeedb;
}
@media screen and (min-width: 1024px) {
  .m-others {
    padding-bottom: 20rem;
    min-width: 1187px;
  }
}
@media screen and (max-width: 1023px) {
  .m-others {
    padding-bottom: 38.666666666666664vw;
  }
}
.c-container.bg-01 {
  background: #bae079;
}
.c-container.bg-02 {
  background: #feeedb;
}
.c-container.bg-03 {
  background: #e6f7ac;
}
.c-container.bg-04 {
  background: #cfed9b;
}
.c-container.bg-05 {
  background: #defaca;
}
.c-container .u-centeredtext {
  text-align: center;
}
.c-container__inner {
  margin: auto;
}
@media screen and (min-width: 1024px) {
  .c-container__inner {
    width: 118.6rem;
  }
}
@media screen and (max-width: 1023px) {
  .c-container__inner {
    width: 89.33333333333333vw;
  }
}
@media screen and (min-width: 1024px) {
  .c-container__inner.is--type-narrow {
    width: 105.6rem;
  }
}
@media screen and (min-width: 1024px) {
  .is-clickable {
    opacity: 1;
    -webkit-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
  }
}
@media screen and (min-width: 1024px) and (min-width: 1024px) {
  .is-clickable:hover {
    opacity: 0.8;
  }
}
@media screen and (min-width: 1024px) {
  .c-mt__level1 {
    margin-top: 11.5rem;
  }
}
@media screen and (max-width: 1023px) {
  .c-mt__level1 {
    margin-top: 6.666666666666667vw;
  }
}
@media screen and (min-width: 1024px) {
  .c-mt__level2 {
    margin-top: 5rem;
  }
}
@media screen and (max-width: 1023px) {
  .c-mt__level2 {
    margin-top: 4.533333333333333vw;
  }
}
@media screen and (min-width: 1024px) {
  .c-heading__level1 {
    font-size: 5rem;
  }
}
@media screen and (max-width: 1023px) {
  .c-heading__level1 {
    font-size: 6.666666666666667vw;
  }
}
.c-heading__level1a {
  position: relative;
  display: inline-block;
  color: #000;
}
@media screen and (min-width: 1024px) {
  .c-heading__level1a {
    font-size: 5rem;
    margin-top: 12rem;
    padding-bottom: 3.2rem;
  }
}
@media screen and (max-width: 1023px) {
  .c-heading__level1a {
    margin-top: 17.2vw;
    font-size: 6.666666666666667vw;
    padding-bottom: 4.266666666666667vw;
  }
}
.c-heading__level1a::before {
  position: absolute;
  content: '';
  display: block;
  width: 100%;
  height: 0.6rem;
  bottom: 0.8rem;
  background: #45b463;
  border-radius: 0.3rem;
}
@media screen and (max-width: 1023px) {
  .c-heading__level1a::before {
    height: 0.8vw;
    bottom: 0;
    border-radius: 0.4vw;
  }
}
.c-heading__level2 {
  line-height: 1.3em;
  color: #45b463;
}
@media screen and (min-width: 1024px) {
  .c-heading__level2 {
    font-size: 4rem;
  }
}
@media screen and (max-width: 1023px) {
  .c-heading__level2 {
    font-size: 6.666666666666667vw;
  }
}
.c-heading__level2a span.c-heading__level2a--inner {
  position: absolute;
  z-index: 2;
  color: #fff;
  background: #fc99b4;
}
.c-heading__level2a span.c-heading__level2a--inner.c-heading__level2a--inner--center {
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
@media screen and (min-width: 1024px) {
  .c-heading__level2a span.c-heading__level2a--inner {
    padding: 1.8rem;
    font-size: 4rem;
    border-radius: 1.8rem;
  }
  html[lang="en"] .c-heading__level2a span.c-heading__level2a--inner {
    font-size: 3.6rem;
  }
}
@media screen and (max-width: 1023px) {
  .c-heading__level2a span.c-heading__level2a--inner {
    padding: 2.4vw 3.333333333333333vw;
    font-size: 6.666666666666667vw;
    border-radius: 2.4vw;
  }
  html[lang="en"] .c-heading__level2a span.c-heading__level2a--inner {
    font-size: 5.600000000000001vw;
  }
}
.c-heading__level2a span.c-heading__level2a--inner::before {
  content: '';
  display: block;
  position: absolute;
  background-image: url("/assets/images/others/common/ico_prominence_pink.svg");
  background-repeat: no-repeat;
  background-size: cover;
}
@media screen and (min-width: 1024px) {
  .c-heading__level2a span.c-heading__level2a--inner::before {
    width: 2.1rem;
    height: 2.8rem;
    bottom: -1.5rem;
    left: 2.2rem;
  }
}
@media screen and (max-width: 1023px) {
  .c-heading__level2a span.c-heading__level2a--inner::before {
    width: 2.4vw;
    height: 3.066666666666666vw;
    left: 2.933333333333333vw;
    bottom: -2.666666666666667vw;
  }
}
.c-heading__level2a span.c-heading__level2a--inner.is--type-level-low {
  white-space: nowrap;
}
@media screen and (min-width: 1024px) {
  .c-heading__level2a span.c-heading__level2a--inner.is--type-level-low {
    font-size: 3.2rem;
  }
}
@media screen and (max-width: 1023px) {
  .c-heading__level2a span.c-heading__level2a--inner.is--type-level-low {
    font-size: 4.266666666666667vw;
  }
}
.c-heading__level2a::after {
  content: '';
  display: block;
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 1024px) {
  .c-heading__level2a::after {
    padding-bottom: 7.6rem;
  }
}
@media screen and (max-width: 1023px) {
  .c-heading__level2a::after {
    padding-bottom: 10.133333333333333vw;
  }
}
.c-heading__level2a.u-prominence-center span::before {
  left: 0;
  right: 0;
  margin: auto;
}
@media screen and (max-width: 1023px) {
  .c-heading__level2a.u-sp-center {
    position: relative;
    text-align: center;
  }
}
@media screen and (max-width: 1023px) {
  .c-heading__level2a.u-sp-center span {
    display: inline-block;
    position: static;
    margin: auto;
    left: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
  }
}
.c-heading__level9 {
  line-height: 1.43em;
}
@media screen and (min-width: 1024px) {
  .c-heading__level9 {
    font-size: 4.2rem;
  }
}
@media screen and (max-width: 1023px) {
  .c-heading__level9 {
    font-size: 5.333333333333334vw;
  }
}
.c-heading__level3 {
  line-height: 1.43em;
}
@media screen and (min-width: 1024px) {
  .c-heading__level3 {
    font-size: 3.6rem;
  }
}
@media screen and (max-width: 1023px) {
  .c-heading__level3 {
    font-size: 4.8vw;
  }
}
.c-heading__level4 {
  line-height: 1.43em;
}
@media screen and (min-width: 1024px) {
  .c-heading__level4 {
    font-size: 3.2rem;
  }
}
@media screen and (max-width: 1023px) {
  .c-heading__level4 {
    font-size: 5.333333333333334vw;
  }
}
.c-heading__level5 {
  position: relative;
}
.c-heading__level5 .c-heading__level5__txt {
  white-space: nowrap;
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
  line-height: 1.43em;
}
@media screen and (min-width: 1024px) {
  .c-heading__level5 .c-heading__level5__txt {
    padding: 1.8rem;
    font-size: 3.2rem;
  }
}
@media screen and (max-width: 1023px) {
  .c-heading__level5 .c-heading__level5__txt {
    padding: 0 2.4vw;
    font-size: 4.266666666666667vw;
  }
}
.c-heading__level5 .c-heading__level5__txt::before,
.c-heading__level5 .c-heading__level5__txt::after {
  content: '';
  display: block;
  position: absolute;
  top: 1em;
  background-repeat: no-repeat;
  background-size: cover;
}
@media screen and (min-width: 1024px) {
  .c-heading__level5 .c-heading__level5__txt::before,
  .c-heading__level5 .c-heading__level5__txt::after {
    width: 6rem;
    height: 6.5rem;
  }
}
@media screen and (max-width: 1023px) {
  .c-heading__level5 .c-heading__level5__txt::before,
  .c-heading__level5 .c-heading__level5__txt::after {
    width: 7.733333333333333vw;
    height: 7.733333333333333vw;
  }
}
.c-heading__level5 .c-heading__level5__txt::before {
  background-image: url("/assets/images/others/common/ico_prominence_green_left.svg");
}
@media screen and (min-width: 1024px) {
  .c-heading__level5 .c-heading__level5__txt::before {
    left: -4rem;
  }
}
@media screen and (max-width: 1023px) {
  .c-heading__level5 .c-heading__level5__txt::before {
    left: -5.333333333333334vw;
  }
}
.c-heading__level5 .c-heading__level5__txt::after {
  background-image: url("/assets/images/others/common/ico_prominence_green_right.svg");
}
@media screen and (min-width: 1024px) {
  .c-heading__level5 .c-heading__level5__txt::after {
    right: -4rem;
  }
}
@media screen and (max-width: 1023px) {
  .c-heading__level5 .c-heading__level5__txt::after {
    right: -5.333333333333334vw;
  }
}
.c-heading__level5.is-pink span::before {
  background-image: url("/assets/images/others/common/ico_prominence_pink_left.svg");
}
.c-heading__level5.is-pink span::after {
  background-image: url("/assets/images/others/common/ico_prominence_pink_right.svg");
}
.c-heading__level5::after {
  content: '';
  display: block;
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 1024px) {
  .c-heading__level5::after {
    padding-bottom: 10.8rem;
  }
}
@media screen and (max-width: 1023px) {
  .c-heading__level5::after {
    padding-bottom: 14.399999999999999vw;
  }
}
.c-heading__level5.u-prominence-left span::before {
  left: 0;
  right: 0;
  margin: auto;
}
.c-heading__level6 {
  line-height: 1.43em;
}
@media screen and (min-width: 1024px) {
  .c-heading__level6 {
    font-size: 2.8rem;
  }
}
@media screen and (max-width: 1023px) {
  .c-heading__level6 {
    font-size: 5.333333333333334vw;
  }
}
.c-heading__level7 {
  line-height: 1.43em;
}
@media screen and (min-width: 1024px) {
  .c-heading__level7 {
    font-size: 2.4rem;
  }
}
@media screen and (max-width: 1023px) {
  .c-heading__level7 {
    font-size: 3.2vw;
  }
}
.c-heading__level8 {
  text-align: center;
  position: absolute;
  width: 100%;
}
@media screen and (min-width: 1024px) {
  .c-heading__level8 {
    top: -10rem;
  }
}
@media screen and (max-width: 1023px) {
  .c-heading__level8 {
    top: -10.666666666666668vw;
  }
}
.c-heading__level8 .c-heading__level8--wrap {
  position: relative;
  z-index: 2;
  display: inline-block;
  color: #fff;
  background: #45b463;
}
@media screen and (min-width: 1024px) {
  .c-heading__level8 .c-heading__level8--wrap {
    padding: 1.6rem 2.4rem 1.1rem;
    border-radius: 1.8rem;
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 1023px) {
  .c-heading__level8 .c-heading__level8--wrap {
    padding: 2.4vw 3.333333333333333vw;
    font-size: 2.666666666666667vw;
    border-radius: 2.4vw;
  }
}
.c-heading__level8 .c-heading__level8--wrap::before {
  content: '';
  display: block;
  position: absolute;
  background-image: url("/assets/images/others/common/ico_prominence_green.svg");
  background-repeat: no-repeat;
  background-size: cover;
}
@media screen and (min-width: 1024px) {
  .c-heading__level8 .c-heading__level8--wrap::before {
    width: 2.1rem;
    height: 2.8rem;
    bottom: -1.5rem;
  }
}
@media screen and (max-width: 1023px) {
  .c-heading__level8 .c-heading__level8--wrap::before {
    width: 2.4vw;
    height: 3.066666666666666vw;
    bottom: -2.666666666666667vw;
  }
}
.c-heading__level8 .c-heading__level8--wrap span.is-number {
  display: block;
  text-align: center;
}
@media screen and (min-width: 1024px) {
  .c-heading__level8 .c-heading__level8--wrap span.is-number {
    font-size: 5.6rem;
  }
}
@media screen and (max-width: 1023px) {
  .c-heading__level8 .c-heading__level8--wrap span.is-number {
    font-size: 5.733333333333333vw;
  }
}
.c-heading__level8::after {
  content: '';
  display: block;
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 1024px) {
  .c-heading__level8::after {
    padding-bottom: 7.6rem;
  }
}
@media screen and (max-width: 1023px) {
  .c-heading__level8::after {
    padding-bottom: 10.133333333333333vw;
  }
}
.c-heading__level8.u-prominence-center span::before {
  left: 0;
  right: 0;
  margin: auto;
}
.c-heading__level10 {
  text-align: center;
}
.c-heading__level10 span {
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: auto;
  color: #45b463;
  line-height: 1.3em;
  text-align: center;
}
@media screen and (min-width: 1024px) {
  .c-heading__level10 span {
    padding: 1rem 2rem;
    font-size: 1.6rem;
    border-radius: 1.5rem;
    border: 5px solid #bae079;
  }
}
@media screen and (max-width: 1023px) {
  .c-heading__level10 span {
    padding: 1.333333333333333vw 2.666666666666667vw;
    font-size: 4.266666666666667vw;
    border-radius: 2vw;
    border: 0.666666666666667vw solid #bae079;
  }
}
.c-text__level1 {
  line-height: 1.43em;
}
@media screen and (min-width: 1024px) {
  .c-text__level1 {
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 1023px) {
  .c-text__level1 {
    font-size: 2.933333333333333vw;
  }
}
.c-text__level2 {
  line-height: 1.43em;
}
@media screen and (min-width: 1024px) {
  .c-text__level2 {
    font-size: 2rem;
  }
}
@media screen and (max-width: 1023px) {
  .c-text__level2 {
    font-size: 3.733333333333334vw;
  }
}
.c-text__level2__link {
  font-size: 1em;
  color: #45b463;
  border-bottom: #45b463 2px solid;
}
.c-text__level3 {
  line-height: 1.43em;
}
@media screen and (min-width: 1024px) {
  .c-text__level3 {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 1023px) {
  .c-text__level3 {
    font-size: 3.2vw;
  }
}
.c-heading__band {
  margin: auto;
  text-align: center;
  color: #fff;
  background: #45b463;
}
@media screen and (min-width: 1024px) {
  .c-heading__band {
    width: 77.8rem;
    padding: 3rem 4rem;
    font-size: 5rem;
    line-height: 1.2em;
    border-radius: 2.5rem;
  }
}
@media screen and (max-width: 1023px) {
  .c-heading__band {
    width: 89.33333333333333vw;
    padding: 4vw 0;
    font-size: 6.666666666666667vw;
    border-radius: 3.333333333333333vw;
  }
}
.c-others-anchor {
  position: relative;
}
@media screen and (min-width: 1024px) {
  .c-others-anchor {
    width: 32.3rem;
  }
}
.c-others-anchor a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative;
  z-index: 2;
  height: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #fff;
  border: 0.6rem solid #45b463;
}
@media screen and (min-width: 1024px) {
  .c-others-anchor a {
    padding: 3.1rem 4rem 6.4rem;
    border-radius: 3.6rem;
    -webkit-transition: all 0.1s ease;
    transition: all 0.1s ease;
  }
}
@media screen and (max-width: 1023px) {
  .c-others-anchor a {
    padding: 3.2vw 5.866666666666666vw 4.399999999999999vw;
    border-width: 0.8vw;
    border-radius: 4.8vw;
  }
}
@media screen and (min-width: 1024px) {
  .c-others-anchor a:hover {
    margin-top: 0.266666666666667vw;
    margin-bottom: -0.266666666666667vw;
    margin-right: -0.666666666666667vw;
    margin-left: 0.666666666666667vw;
  }
}
.c-others-anchor::before {
  display: block;
  content: '';
  position: absolute;
  z-index: 3;
  background-image: url("/assets/images/others/common/ico_triangle_bottom_green.svg");
  background-repeat: no-repeat;
  background-size: cover;
}
@media screen and (min-width: 1024px) {
  .c-others-anchor::before {
    width: 3.8rem;
    height: 2.9rem;
    bottom: 1.8rem;
    right: 0;
    left: 0;
    margin: 0 auto;
    -webkit-transition: all 0.1s ease;
    transition: all 0.1s ease;
    pointer-events: none;
  }
}
@media screen and (max-width: 1023px) {
  .c-others-anchor::before {
    width: 3.866666666666667vw;
    height: 3.066666666666666vw;
    top: 0;
    right: 5.333333333333334vw;
    bottom: 0;
    margin: auto 0;
  }
}
@media screen and (min-width: 1024px) {
  .c-others-anchor:hover::before {
    -webkit-transform: translate(0.5rem, 0.2rem);
    transform: translate(0.5rem, 0.2rem);
  }
}
.c-others-anchor::after {
  display: block;
  content: '';
  position: absolute;
  z-index: 1;
  height: 100.3%;
  background: #45b463;
  -webkit-transition: all 0.1s ease;
  transition: all 0.1s ease;
}
@media screen and (min-width: 1024px) {
  .c-others-anchor::after {
    width: 32.7rem;
    top: 0.5rem;
    left: 0.8rem;
    border-radius: 3.6rem;
  }
}
@media screen and (max-width: 1023px) {
  .c-others-anchor::after {
    width: 100%;
    top: 1.066666666666667vw;
    left: 1.066666666666667vw;
    border-radius: 4.8vw;
  }
}
@media screen and (min-width: 1024px) {
  .c-others-anchor + .c-others-anchor {
    margin-left: 3.6rem;
  }
}
@media screen and (max-width: 1023px) {
  .c-others-anchor + .c-others-anchor {
    margin-top: 4.399999999999999vw;
  }
}
.c-others-anchor .c-heading__level6 {
  color: #1aa84c;
  text-align: center;
}
@media screen and (min-width: 1024px) {
  .c-others-anchor .c-text__level2 {
    margin-top: 1.2rem;
  }
}
@media screen and (max-width: 1023px) {
  .c-others-anchor .c-text__level2 {
    margin: 1.066666666666667vw auto 0;
    padding-right: 5.333333333333334vw;
  }
}
.c-tab .c-tab__navigation {
  width: 100%;
  position: relative;
}
.c-tab .c-tab__navigation::after {
  content: '';
  display: block;
  position: relative;
  background: #1aa84c;
}
@media screen and (min-width: 1024px) {
  .c-tab .c-tab__navigation::after {
    width: 100%;
    height: 1.7rem;
  }
}
@media screen and (max-width: 1023px) {
  .c-tab .c-tab__navigation::after {
    height: 2.133333333333333vw;
  }
}
.c-tab .c-tab__navigation .c-tab__navigation__wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: auto;
}
@media screen and (min-width: 1024px) {
  .c-tab .c-tab__navigation .c-tab__navigation__wrap {
    width: 118.6rem;
  }
}
@media screen and (max-width: 1023px) {
  .c-tab .c-tab__navigation .c-tab__navigation__wrap {
    width: 92vw;
  }
}
.c-tab .c-tab__navigation .c-tab__navigation--button {
  margin: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #45b463;
  text-align: center;
  text-decoration: none;
  background: #fff;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border: none;
}
@media screen and (min-width: 1024px) {
  .c-tab .c-tab__navigation .c-tab__navigation--button {
    width: 57.4rem;
    padding: 3.2rem 0 1.8rem;
    font-size: 3.1rem;
    letter-spacing: 0.07em;
    border-radius: 3.6rem 3.6rem 0 0;
  }
}
@media screen and (max-width: 1023px) {
  .c-tab .c-tab__navigation .c-tab__navigation--button {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 43.06666666666666vw;
    padding: 2.4vw 0 0.533333333333333vw;
    font-size: 4.266666666666667vw;
    line-height: 155%;
    border-radius: 4.666666666666667vw 4.666666666666667vw 0 0;
  }
}
.c-tab .c-tab__navigation .c-tab__navigation--button:hover {
  color: #fff;
  background: #1aa84c;
}
.c-tab .c-tab__navigation .c-tab__navigation--button.is-active {
  color: #fff;
  background: #1aa84c;
  cursor: default;
  pointer-events: none;
}
.c-tab .c-tab__container--inner {
  display: none;
}
.c-tab .c-tab__container--inner.is-active {
  display: block;
}
@media screen and (min-width: 1024px) {
  .c-othersbutton {
    width: 37rem;
    margin: 2rem auto;
  }
}
@media screen and (max-width: 1023px) {
  .c-othersbutton {
    width: 58.666666666666664vw;
    margin: 2.666666666666667vw auto 0;
  }
}
@media screen and (min-width: 1024px) {
  .c-othersbutton.is--row-2 {
    width: 44.6rem;
  }
}
@media screen and (max-width: 1023px) {
  .c-othersbutton.is--row-sp-wide {
    width: 65.60000000000001vw;
  }
}
.c-othersbutton.is--row-w-auto {
  width: 100% !important;
}
.c-othersbutton .c-othersbutton__wrap {
  position: relative;
  z-index: 1;
  display: block;
  width: 100%;
  line-height: 1.36em;
  text-align: center;
  text-decoration: none;
  border: none;
  cursor: pointer;
}
@media screen and (min-width: 1024px) {
  .c-othersbutton .c-othersbutton__wrap {
    padding: 2.4rem 0;
    font-size: 2.2rem;
    border-radius: 4rem;
  }
}
@media screen and (max-width: 1023px) {
  .c-othersbutton .c-othersbutton__wrap {
    padding: 4.133333333333333vw 0;
    font-size: 4.266666666666667vw;
    border-radius: 8vw;
  }
}
@media screen and (min-width: 1024px) {
  .is--hight-low .c-othersbutton .c-othersbutton__wrap {
    padding: 1.2rem 0;
  }
}
@media screen and (max-width: 1023px) {
  .is--hight-low .c-othersbutton .c-othersbutton__wrap {
    padding: 1.6vw 0;
  }
}
@media screen and (min-width: 1024px) {
  .c-othersbutton .c-othersbutton__wrap.is--row-2 {
    border-radius: 6rem;
  }
}
@media screen and (max-width: 1023px) {
  .c-othersbutton .c-othersbutton__wrap.is--row-2 {
    border-radius: 8vw;
  }
}
.c-othersbutton .c-othersbutton__wrap::before {
  content: '';
  display: block;
  position: absolute;
  z-index: 2;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  background-size: cover;
  background-repeat: no-repeat;
}
@media screen and (min-width: 1024px) {
  .c-othersbutton .c-othersbutton__wrap.is--icon-link::before {
    width: 3.8rem;
    height: 3.8rem;
    right: 2rem;
  }
}
@media screen and (max-width: 1023px) {
  .c-othersbutton .c-othersbutton__wrap.is--icon-link::before {
    width: 6.933333333333333vw;
    height: 6.933333333333333vw;
    right: 3.866666666666667vw;
  }
}
@media screen and (min-width: 1024px) {
  .c-othersbutton .c-othersbutton__wrap.is--icon-modal::before {
    width: 3.8rem;
    height: 3.8rem;
    right: 2rem;
  }
}
@media screen and (max-width: 1023px) {
  .c-othersbutton .c-othersbutton__wrap.is--icon-modal::before {
    width: 6.933333333333333vw;
    height: 6.933333333333333vw;
    right: 3.866666666666667vw;
  }
}
@media screen and (min-width: 1024px) {
  .c-othersbutton .c-othersbutton__wrap.is--icon-window::before {
    width: 2rem;
    height: 2rem;
    right: 4.2rem;
  }
}
@media screen and (max-width: 1023px) {
  .c-othersbutton .c-othersbutton__wrap.is--icon-window::before {
    width: 4.533333333333333vw;
    height: 4.533333333333333vw;
    right: 4.133333333333333vw;
  }
}
@media screen and (min-width: 1024px) {
  .c-othersbutton .c-othersbutton__wrap.is--icon-pdf::before {
    width: 2.2rem;
    height: 2.7rem;
    right: 4.2rem;
  }
}
@media screen and (max-width: 1023px) {
  .c-othersbutton .c-othersbutton__wrap.is--icon-pdf::before {
    width: 4.8vw;
    height: 5.733333333333333vw;
    right: 4.133333333333333vw;
  }
}
@media screen and (min-width: 1024px) {
  .c-othersbutton .c-othersbutton__wrap.is--icon-download::before {
    width: 2rem;
    height: 1.7rem;
    right: 4rem;
  }
}
@media screen and (max-width: 1023px) {
  .c-othersbutton .c-othersbutton__wrap.is--icon-download::before {
    width: 4.666666666666667vw;
    height: 4vw;
    right: 4.933333333333334vw;
  }
}
@media screen and (min-width: 1024px) {
  .c-othersbutton .c-othersbutton__wrap.is--icon-pdf_circle::before {
    width: 5.2rem;
    height: 5.2rem;
    right: 3.3rem;
  }
}
@media screen and (max-width: 1023px) {
  .c-othersbutton .c-othersbutton__wrap.is--icon-pdf_circle::before {
    width: 7.733333333333333vw;
    height: 7.733333333333333vw;
    right: 4.933333333333334vw;
  }
}
@media screen and (min-width: 1024px) {
  .c-othersbutton .c-othersbutton__wrap.is--icon-close::before {
    width: 3.8rem;
    height: 3.8rem;
    right: 2rem;
  }
}
@media screen and (max-width: 1023px) {
  .c-othersbutton .c-othersbutton__wrap.is--icon-close::before {
    width: 6.933333333333333vw;
    height: 6.933333333333333vw;
    right: 3.866666666666667vw;
  }
}
@media screen and (min-width: 1024px) {
  .c-othersbutton .c-othersbutton__wrap.is--icon-search::before {
    width: 2.847rem;
    height: 3.02rem;
    right: 2.95rem;
  }
}
@media screen and (max-width: 1023px) {
  .c-othersbutton .c-othersbutton__wrap.is--icon-search::before {
    width: 6.309333333333333vw;
    height: 6.688vw;
    right: 5.160000000000001vw;
  }
}
.c-othersbutton .c-othersbutton__wrap.is--icon-return {
  padding-left: 2rem;
  padding-right: 0;
}
@media screen and (max-width: 1023px) {
  .c-othersbutton .c-othersbutton__wrap.is--icon-return {
    padding-left: 6vw;
  }
}
.c-othersbutton .c-othersbutton__wrap.is--icon-return::before {
  background-size: 100% auto;
  -webkit-transform: rotate(-180deg) translate(0, -50%);
  transform: rotate(-180deg) translate(0, -50%);
  -webkit-transform-origin: top;
  transform-origin: top;
}
@media screen and (min-width: 1024px) {
  .c-othersbutton .c-othersbutton__wrap.is--icon-return::before {
    width: 2.847rem;
    height: 3.02rem;
    left: 2.95rem;
  }
}
@media screen and (max-width: 1023px) {
  .c-othersbutton .c-othersbutton__wrap.is--icon-return::before {
    width: 6.309333333333333vw;
    height: 6.688vw;
    left: 5.160000000000001vw;
  }
}
.c-othersbutton .c-othersbutton__wrap.is--color-green {
  color: #fff;
  background: #45b463;
}
.c-othersbutton .c-othersbutton__wrap.is--color-green.is--icon-link::before,
.c-othersbutton .c-othersbutton__wrap.is--color-green.is--icon-return::before {
  background-image: url("/assets/images/others/common/ico_button_01.svg");
}
.c-othersbutton .c-othersbutton__wrap.is--color-green.is--icon-modal::before {
  background-image: url("/assets/images/others/common/ico_button_02.svg");
}
.c-othersbutton .c-othersbutton__wrap.is--color-green.is--icon-window::before {
  background-image: url("/assets/images/others/common/ico_button_03.svg");
}
.c-othersbutton .c-othersbutton__wrap.is--color-green.is--icon-pdf::before {
  background-image: url("/assets/images/others/common/ico_button_04.svg");
}
.c-othersbutton .c-othersbutton__wrap.is--color-green.is--icon-download::before {
  background-image: url("/assets/images/others/common/ico_button_05.svg");
}
.c-othersbutton .c-othersbutton__wrap.is--color-green.is--icon-pdf_circle::before {
  background-image: url("/assets/images/others/common/ico_button_13.svg");
}
.c-othersbutton .c-othersbutton__wrap.is--color-black {
  color: #fff;
  background: #000;
}
.c-othersbutton .c-othersbutton__wrap.is--color-black.is--icon-return::before {
  background-image: url("/assets/images/common/icon-arrow-btn-right-black.svg");
}
.c-othersbutton .c-othersbutton__wrap.is--color-black.is--icon-window::before {
  background-image: url("/assets/images/others/common/ico_button_03.svg");
}
.c-othersbutton .c-othersbutton__wrap.is--color-black.is--icon-pdf::before {
  background-image: url("/assets/images/others/common/ico_button_04.svg");
}
.c-othersbutton .c-othersbutton__wrap.is--color-black.is--icon-download::before {
  background-image: url("/assets/images/others/common/ico_button_05.svg");
}
.c-othersbutton .c-othersbutton__wrap.is--color-black.is--icon-download::before {
  background-image: url("/assets/images/others/common/ico_button_05.svg");
}
.c-othersbutton .c-othersbutton__wrap.is--color-black.is--icon-close::before {
  background-image: url("/assets/images/others/common/ico_close_03.svg");
}
.c-othersbutton .c-othersbutton__wrap.is--color-black.is--icon-search::before {
  background-image: url("/assets/images/others/common/ico_button_12.svg");
}
.c-othersbutton .c-othersbutton__wrap.is--color-white {
  color: #000;
  background: #fff;
}
.c-othersbutton .c-othersbutton__wrap.is--color-white.is--icon-link::before {
  background-image: url("/assets/images/others/common/ico_button_07.svg");
}
.c-othersbutton .c-othersbutton__wrap.is--color-white.is--icon-window::before {
  background-image: url("/assets/images/others/common/ico_button_14.svg");
}
.c-othersbutton .c-othersbutton__wrap.is--color-white.is--icon-download::before {
  background-image: url("/assets/images/others/common/ico_button_06.svg");
}
.c-othersbutton .c-othersbutton__wrap.is--color-gray {
  color: #fff;
  background: #ccc;
  pointer-events: none;
}
.c-othersbutton .c-othersbutton__wrap.is--color-gray.is--icon-link::before {
  background-image: url("/assets/images/others/common/ico_button_11.svg");
}
.c-othersbutton .c-othersbutton__wrap.is--color-gray:hover {
  opacity: 1;
}
.c-othersbutton .c-othersbutton__wrap.is--color-orange {
  color: #fff;
  background: #fa7e26;
}
.c-othersbutton .c-othersbutton__wrap.is--color-orange.is--icon-link::before {
  background-image: url("/assets/images/others/common/ico_button_10.svg");
}
.c-othersbutton .c-othersbutton__wrap.is--color-orange.is--icon-window::before {
  background-image: url("/assets/images/others/common/ico_button_03.svg");
}
.c-othersbutton .c-othersbutton__wrap.is--color-pink {
  color: #fff;
  background: #f9709a;
}
.c-othersbutton .c-othersbutton__wrap.is--color-pink.is--icon-link::before {
  background-image: url("/assets/images/others/common/ico_button_15.svg");
}
.c-othersbutton .c-othersbutton__wrap.is--color-blue {
  color: #fff;
  background: #2c77e5;
}
.c-othersbutton .c-othersbutton__wrap.is--color-blue.is--icon-link::before {
  background-image: url("/assets/images/others/common/ico_button_16.svg");
}
.c-othersbutton .c-othersbutton__wrap.is--color-blue.is--icon-window::before {
  background-image: url("/assets/images/others/common/ico_button_03.svg");
}
.c-othersbutton .c-othersbutton__wrap.is--color-dark-blue {
  color: #fff;
  background: #1c5dc6;
}
.c-othersbutton .c-othersbutton__wrap.is--color-dark-blue.is--icon-link::before {
  background-image: url("/assets/images/others/common/ico_button_17.svg");
}
.c-othersbutton .c-othersbutton__wrap.is--color-right-blue {
  color: #fff;
  background: #4680e8;
}
.c-othersbutton .c-othersbutton__wrap.is--color-right-blue.is--icon-download::before {
  background-image: url("/assets/images/others/common/ico_button_18.svg");
}
@media screen and (min-width: 1024px) {
  .c-othersbutton .c-othersbutton__wrap.is--color-right-blue.is--icon-download::before {
    right: 2rem;
    width: 3.8rem;
    height: 3.8rem;
  }
}
@media screen and (max-width: 1023px) {
  .c-othersbutton .c-othersbutton__wrap.is--color-right-blue.is--icon-download::before {
    right: 3.733333333333334vw;
    width: 6.925333333333334vw;
    height: 6.925333333333334vw;
  }
}
.c-othersbutton .c-othersbutton__wrap.is--color-yellow {
  color: #fff;
  background: #ffa10a;
}
.c-othersbutton .c-othersbutton__wrap.is--color-yellow.is--icon-download::before {
  background-image: url("/assets/images/others/common/ico_button_19.svg");
}
@media screen and (min-width: 1024px) {
  .c-othersbutton .c-othersbutton__wrap.is--color-yellow.is--icon-download::before {
    right: 2rem;
    width: 3.8rem;
    height: 3.8rem;
  }
}
@media screen and (max-width: 1023px) {
  .c-othersbutton .c-othersbutton__wrap.is--color-yellow.is--icon-download::before {
    right: 3.733333333333334vw;
    width: 6.925333333333334vw;
    height: 6.925333333333334vw;
  }
}
@media screen and (min-width: 1024px) {
  .c-othersbutton .c-othersbutton__wrap.is--multiline-2 {
    border-radius: 7.320644216691069vw;
  }
}
@media screen and (max-width: 1023px) {
  .c-othersbutton .c-othersbutton__wrap.is--multiline-2 {
    border-radius: 13.333333333333334vw;
  }
}
.c-column__type1 ul.c-column__type1--wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.c-column__type1 li.c-column__type1--card {
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #fff;
  border-color: #45b463;
  border-style: solid;
}
@media screen and (min-width: 1024px) {
  .c-column__type1 li.c-column__type1--card {
    width: 37rem;
    border-radius: 2.9rem;
    border-width: 0.5rem;
  }
}
@media screen and (max-width: 1023px) {
  .c-column__type1 li.c-column__type1--card {
    width: 43.86666666666667vw;
    border-width: 0.666666666666667vw;
    border-radius: 3.333333333333333vw;
  }
}
@media screen and (min-width: 1024px) {
  .c-column__type1 li.c-column__type1--card:nth-child(n+4) {
    margin-top: 3.8rem;
  }
}
@media screen and (max-width: 1023px) {
  .c-column__type1 li.c-column__type1--card:nth-child(n+3) {
    margin-top: 4.533333333333333vw;
  }
}
@media screen and (min-width: 1024px) {
  .c-column__type1 li.c-column__type1--card:nth-child(3n-1),
  .c-column__type1 li.c-column__type1--card:nth-child(3n-2) {
    margin-right: 3.8rem;
  }
}
@media screen and (max-width: 1023px) {
  .c-column__type1 li.c-column__type1--card:nth-child(2n-1) {
    margin-right: 1.6vw;
  }
}
.c-column__type1 li.c-column__type1--card a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
}
@media screen and (min-width: 1024px) {
  .c-column__type1 li.c-column__type1--card a {
    padding-bottom: 3.4rem;
  }
}
@media screen and (max-width: 1023px) {
  .c-column__type1 li.c-column__type1--card a {
    padding-bottom: 4.533333333333333vw;
  }
}
.c-column__type1 li.c-column__type1--card .c-heading__level4 {
  position: relative;
  margin: auto;
  text-align: center;
}
@media screen and (min-width: 1024px) {
  .c-column__type1 li.c-column__type1--card .c-heading__level4 {
    width: 29rem;
    padding: 3rem 3.2rem;
  }
}
@media screen and (max-width: 1023px) {
  .c-column__type1 li.c-column__type1--card .c-heading__level4 {
    width: 37.733333333333334vw;
    padding: 2.666666666666667vw 5.466666666666667vw;
  }
}
.c-column__type1 li.c-column__type1--card .c-heading__level4::before {
  content: '';
  display: block;
  position: absolute;
  z-index: 2;
  top: 50%;
  right: -2%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url("/assets/images/others/common/ico_button_08.svg");
}
@media screen and (min-width: 1024px) {
  .c-column__type1 li.c-column__type1--card .c-heading__level4::before {
    width: 3.8rem;
    height: 3.8rem;
  }
}
@media screen and (max-width: 1023px) {
  .c-column__type1 li.c-column__type1--card .c-heading__level4::before {
    width: 6.266666666666667vw;
    height: 6.266666666666667vw;
  }
}
.c-column__type1 li.c-column__type1--card .c-column__type1--card__image {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  margin: 0 auto;
  overflow: hidden;
}
@media screen and (min-width: 1024px) {
  .c-column__type1 li.c-column__type1--card .c-column__type1--card__image {
    width: 29rem;
    height: 16.3rem;
    border-radius: 1.4rem;
  }
}
@media screen and (max-width: 1023px) {
  .c-column__type1 li.c-column__type1--card .c-column__type1--card__image {
    width: 37.733333333333334vw;
    height: 21.2vw;
    border-radius: 1.025641025641026vw;
  }
}
.c-column__type1 li.c-column__type1--card .c-column__type1--card__image img {
  display: block;
  width: 100%;
}
.c-column__type1 li.c-column__type1--card .c-column__type1--card_new {
  position: absolute;
}
@media screen and (min-width: 1024px) {
  .c-column__type1 li.c-column__type1--card .c-column__type1--card_new {
    top: -1.6rem;
    left: -1.6rem;
    width: 6.4rem;
  }
}
@media screen and (max-width: 1023px) {
  .c-column__type1 li.c-column__type1--card .c-column__type1--card_new {
    top: 0.8vw;
    left: 0.8vw;
    width: 8.533333333333333vw;
  }
}
.c-column__type1 li.c-column__type1--card .c-column__type1--card_new img {
  display: block;
  width: 100%;
}
.c-column__type2 ul.c-column__type2--wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media screen and (max-width: 1023px) {
  .c-column__type2 ul.c-column__type2--wrap {
    display: block;
  }
}
.c-column__type2 li.c-column__type2--card {
  position: relative;
}
@media screen and (min-width: 1024px) {
  .c-column__type2 li.c-column__type2--card {
    width: 57.4rem;
  }
}
@media screen and (max-width: 1023px) {
  .c-column__type2 li.c-column__type2--card {
    width: 89.33333333333333vw;
  }
}
@media screen and (min-width: 1024px) {
  .c-column__type2 li.c-column__type2--card:nth-child(n+3) {
    margin-top: 5.119999999999999vw;
  }
}
@media screen and (max-width: 1023px) {
  .c-column__type2 li.c-column__type2--card:nth-child(n+2) {
    margin-top: 5.333333333333334vw;
  }
}
.c-column__type2 li.c-column__type2--card a {
  display: block;
  position: relative;
  width: 100%;
  overflow: hidden;
  background: #fff;
}
@media screen and (min-width: 1024px) {
  .c-column__type2 li.c-column__type2--card a {
    border: 0.5rem solid #45b463;
    border-radius: 27px;
  }
}
@media screen and (max-width: 1023px) {
  .c-column__type2 li.c-column__type2--card a {
    border: 0.666666666666667vw solid #45b463;
    border-radius: 3.6vw;
  }
}
.c-column__type2 li.c-column__type2--card a::before {
  content: '';
  position: absolute;
  z-index: 2;
  width: 0;
  height: 0;
  border-style: solid;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}
@media screen and (min-width: 1024px) {
  .c-column__type2 li.c-column__type2--card a::before {
    right: -7.7rem;
    bottom: -1.5rem;
    border-right: 7.7rem solid transparent;
    border-left: 7.7rem solid transparent;
    border-bottom: 7.7rem solid #45b463;
  }
}
@media screen and (max-width: 1023px) {
  .c-column__type2 li.c-column__type2--card a::before {
    right: -10.266666666666667vw;
    bottom: -2vw;
    border-right: 10.266666666666667vw solid transparent;
    border-left: 10.266666666666667vw solid transparent;
    border-bottom: 10.266666666666667vw solid #45b463;
  }
}
.c-column__type2 li.c-column__type2--card a::after {
  display: block;
  position: absolute;
  z-index: 3;
  content: '';
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url("/assets/images/others/common/ico_button_03.svg");
}
@media screen and (min-width: 1024px) {
  .c-column__type2 li.c-column__type2--card a::after {
    width: 2.7rem;
    height: 2.7rem;
    right: 1.2rem;
    bottom: 1.4rem;
  }
}
@media screen and (max-width: 1023px) {
  .c-column__type2 li.c-column__type2--card a::after {
    width: 3.733333333333334vw;
    height: 3.733333333333334vw;
    right: 1.6vw;
    bottom: 1.866666666666667vw;
  }
}
.c-column__type2 li.c-column__type2--card .c-column__type2--card__wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: auto;
}
@media screen and (min-width: 1024px) {
  .c-column__type2 li.c-column__type2--card .c-column__type2--card__wrap {
    width: 51.4rem;
    padding: 3rem 0;
  }
}
@media screen and (max-width: 1023px) {
  .c-column__type2 li.c-column__type2--card .c-column__type2--card__wrap {
    width: 81.33333333333333vw;
    padding: 3.6vw 0;
  }
}
.c-column__type2 li.c-column__type2--card .c-column__type2--card__image {
  display: block;
}
@media screen and (min-width: 1024px) {
  .c-column__type2 li.c-column__type2--card .c-column__type2--card__image {
    width: 29.7rem;
    height: 16.7rem;
  }
}
@media screen and (max-width: 1023px) {
  .c-column__type2 li.c-column__type2--card .c-column__type2--card__image {
    width: 39.6vw;
  }
}
.c-column__type2 li.c-column__type2--card .c-text__level2 {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media screen and (min-width: 1024px) {
  .c-column__type2 li.c-column__type2--card .c-text__level2 {
    width: 18.8rem;
  }
}
@media screen and (max-width: 1023px) {
  .c-column__type2 li.c-column__type2--card .c-text__level2 {
    width: 37.06666666666666vw;
  }
}
.c-column__type3 ul.c-column__type3--wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media screen and (max-width: 1023px) {
  .c-column__type3 ul.c-column__type3--wrap {
    display: block;
  }
}
.c-column__type3 .c-column__type3--card {
  position: relative;
  background: #fff;
}
@media screen and (min-width: 1024px) {
  .c-column__type3 .c-column__type3--card {
    width: 57.4rem;
    border-radius: 3.3rem;
  }
}
@media screen and (max-width: 1023px) {
  .c-column__type3 .c-column__type3--card {
    width: 100%;
    margin-top: 18.666666666666668vw;
    border-radius: 4.266666666666667vw;
  }
}
.c-column__type3 .c-column__type3--card__wrap {
  position: relative;
  margin: auto;
}
@media screen and (min-width: 1024px) {
  .c-column__type3 .c-column__type3--card__wrap {
    width: 49.4rem;
    padding: 4rem 0;
  }
}
@media screen and (max-width: 1023px) {
  .c-column__type3 .c-column__type3--card__wrap {
    width: 78.66666666666666vw;
    padding: 5.333333333333334vw 0;
  }
}
@media screen and (min-width: 1024px) {
  .c-column__type3 .c-column__type3--heading__wrap {
    position: absolute;
    width: 100%;
    top: 0;
  }
}
@media screen and (max-width: 1023px) {
  .c-column__type3 .c-column__type3--heading__wrap {
    position: relative;
  }
}
.c-column__type3 .c-heading__level2a.c-mt__level2 span.c-heading__level2a--inner {
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}
@media screen and (min-width: 1024px) {
  .c-column__type3 .c-heading__level2a.c-mt__level2 span.c-heading__level2a--inner {
    top: -6.5rem;
  }
}
@media screen and (max-width: 1023px) {
  .c-column__type3 .c-heading__level2a.c-mt__level2 span.c-heading__level2a--inner {
    top: -16vw;
  }
}
@media screen and (max-width: 1023px) {
  .c-column__type3 .c-heading__level2a.c-mt__level2::after {
    padding-bottom: 0;
  }
}
.c-column__type3 .c-column__type3--card__image {
  display: block;
  overflow: hidden;
}
@media screen and (min-width: 1024px) {
  .c-column__type3 .c-column__type3--card__image {
    border-radius: 1.4rem;
  }
}
@media screen and (max-width: 1023px) {
  .c-column__type3 .c-column__type3--card__image {
    border-radius: 1.866666666666667vw;
  }
}
.c-column__type3 .c-heading__level4 {
  color: #45b463;
}
@media screen and (min-width: 1024px) {
  .c-column__type3 .c-heading__level4 {
    padding-top: 2.4rem;
  }
}
@media screen and (max-width: 1023px) {
  .c-column__type3 .c-heading__level4 {
    padding-top: 1.758241758241758vw;
  }
}
@media screen and (min-width: 1024px) {
  .c-column__type3 .c-text__level2 {
    padding-top: 1rem;
  }
}
@media screen and (max-width: 1023px) {
  .c-column__type3 .c-text__level2 {
    padding-top: 1.758241758241758vw;
  }
}
.c-column__type3 .c-column__type3--card__new__wrap {
  position: relative;
  z-index: 1;
}
.c-column__type3 .c-column__type3--card_new {
  position: absolute;
}
@media screen and (min-width: 1024px) {
  .c-column__type3 .c-column__type3--card_new {
    top: -1.6rem;
    left: -1.6rem;
    width: 6.4rem;
  }
}
@media screen and (max-width: 1023px) {
  .c-column__type3 .c-column__type3--card_new {
    top: -2.666666666666667vw;
    left: -2.666666666666667vw;
    width: 10.666666666666668vw;
  }
}
@media screen and (min-width: 1024px) {
  .c-column__type4 + .c-column__type4 {
    margin-top: 5.8rem;
  }
}
@media screen and (max-width: 1023px) {
  .c-column__type4 + .c-column__type4 {
    margin-top: 8vw;
  }
}
.c-column__type4 .c-column__type4--card {
  position: relative;
  width: 100%;
}
.c-column__type4 .c-column__type4--card.is-hide {
  display: none;
}
@media screen and (min-width: 1024px) {
  .c-column__type4 .c-column__type4--card:nth-child(n+2) {
    margin-top: 4rem;
  }
}
@media screen and (max-width: 1023px) {
  .c-column__type4 .c-column__type4--card:nth-child(n+2) {
    margin-top: 5.333333333333334vw;
  }
}
.c-column__type4 .c-column__type4--label {
  position: absolute;
  text-align: center;
  color: #fff;
  background: #fc99b4;
}
@media screen and (min-width: 1024px) {
  .c-column__type4 .c-column__type4--label {
    width: 9.9rem;
    padding: 0.6rem 0;
    left: 4rem;
    font-size: 2.8rem;
    border-radius: 0 0 0.7rem 0.7rem;
  }
}
@media screen and (max-width: 1023px) {
  .c-column__type4 .c-column__type4--label {
    width: 12vw;
    padding: 0.8vw;
    left: 5.333333333333334vw;
    font-size: 3.733333333333334vw;
    border-radius: 0 0 0.933333333333333vw 0.933333333333333vw;
  }
}
.c-column__type4 .c-column__type4--label.is-running {
  display: none;
}
.c-column__type4 .c-column__type4--label.is-over {
  background: #b4b4b4;
}
@media screen and (min-width: 1024px) {
  .c-column__type4 .c-column__type4--label.is-over {
    width: 19.7rem;
  }
}
@media screen and (max-width: 1023px) {
  .c-column__type4 .c-column__type4--label.is-over {
    width: 26.666666666666668vw;
  }
}
.c-column__type4 .c-column__type4--card__wrap {
  margin: auto;
}
@media screen and (min-width: 1024px) {
  .c-column__type4 .c-column__type4--card__wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 110.5rem;
    padding: 7rem 0 4rem;
  }
}
@media screen and (max-width: 1023px) {
  .c-column__type4 .c-column__type4--card__wrap {
    width: 79.2vw;
    padding: 6.666666666666667vw 0;
  }
}
.c-column__type4 .c-column__type4--card--link {
  display: block;
  position: relative;
  overflow: hidden;
  width: 100%;
  background: #fff;
}
@media screen and (min-width: 1024px) {
  .c-column__type4 .c-column__type4--card--link {
    border: 0.5rem solid #45b463;
    border-radius: 27px;
  }
}
@media screen and (max-width: 1023px) {
  .c-column__type4 .c-column__type4--card--link {
    border: 0.666666666666667vw solid #45b463;
    border-radius: 4vw;
  }
}
.c-column__type4 .c-heading__level4 {
  color: #45b463;
}
@media screen and (max-width: 1023px) {
  .c-column__type4 .c-heading__level4 {
    padding-bottom: 4vw;
    text-align: center;
  }
}
.c-column__type4 .c-text__level2 {
  line-height: 1.7em;
}
@media screen and (min-width: 1024px) {
  .c-column__type4 .c-text__level2 {
    margin-top: 2.4rem;
  }
}
@media screen and (max-width: 1023px) {
  .c-column__type4 .c-text__level2 {
    margin-top: 5.866666666666666vw;
  }
}
@media screen and (min-width: 1024px) {
  .c-column__type4 .c-column__type4--card__image {
    width: 47rem;
  }
}
.c-column__type4 .c-column__type4--card__image img {
  display: block;
  width: 100%;
}
@media screen and (min-width: 1024px) {
  .c-column__type4 .c-column__type4--card__information {
    width: 57.2rem;
  }
}
@media screen and (min-width: 1024px) {
  .c-column__type4 .c-column__type4--card__information--detailwrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 2.4rem;
  }
}
.c-column__type4 .c-column__type4--card__information--detailwrap:nth-child(n+2) {
  margin-top: 3.8rem;
}
@media screen and (max-width: 1023px) {
  .c-column__type4 .c-column__type4--card__information--detailwrap:nth-child(n+2) {
    margin-top: 3.6vw;
  }
}
.c-column__type4 .c-column__type4--card__information--detail {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background: #eaf7a3;
}
@media screen and (min-width: 1024px) {
  .c-column__type4 .c-column__type4--card__information--detail {
    width: 27.8rem;
    padding: 2rem 0;
    border-radius: 1.5rem;
  }
  .c-column__type4 .c-column__type4--card__information--detail.is-full-width {
    width: 100%;
  }
  .c-column__type4 .c-column__type4--card__information--detail + .is-full-width {
    margin-top: 1.5rem;
  }
}
@media screen and (max-width: 1023px) {
  .c-column__type4 .c-column__type4--card__information--detail {
    width: 100%;
    margin-top: 4.266666666666667vw;
    padding: 2.933333333333333vw;
    border-radius: 1.333333333333333vw;
  }
}
.c-column__type4 .c-column__type4--card__information--detail::before {
  position: absolute;
  content: '';
  display: block;
  background-image: url("/assets/images/others/common/ico_column_01.svg");
  background-repeat: no-repeat;
  background-size: cover;
}
@media screen and (min-width: 1024px) {
  .c-column__type4 .c-column__type4--card__information--detail::before {
    width: 0.5rem;
    height: 4.6rem;
    top: 0;
    bottom: 0;
    left: 7.5rem;
    margin: auto;
  }
}
@media screen and (max-width: 1023px) {
  .c-column__type4 .c-column__type4--card__information--detail::before {
    width: 0.8vw;
    height: 5.066666666666666vw;
    left: 14.666666666666666vw;
    background-image: url("/assets/images/others/common/ico_column_02.svg");
  }
}
@media screen and (min-width: 1024px) {
  .c-column__type4 .c-column__type4--card__information--detail .c-text__level3 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 7rem;
    padding-left: 2.7rem;
  }
}
@media screen and (max-width: 1023px) {
  .c-column__type4 .c-column__type4--card__information--detail .c-text__level3 {
    width: 9.333333333333334vw;
    font-size: 3.733333333333334vw;
  }
}
.c-column__type4 .c-column__type4--card__information--detail .c-column__type4--card__information__text {
  line-height: 1.7em;
}
@media screen and (min-width: 1024px) {
  .c-column__type4 .c-column__type4--card__information--detail .c-column__type4--card__information__text {
    margin: 0 2rem;
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 1023px) {
  .c-column__type4 .c-column__type4--card__information--detail .c-column__type4--card__information__text {
    width: 58.666666666666664vw;
    margin-left: 8.666666666666668vw;
    font-size: 3.733333333333334vw;
  }
}
@media screen and (min-width: 1024px) {
  .c-column__type4 .c-column__type4--card__button {
    padding: 0 0 4rem;
  }
}
@media screen and (max-width: 1023px) {
  .c-column__type4 .c-column__type4--card__button {
    padding: 0 0 8vw;
  }
}
.c-column__type4 .c-column__type4--card__linkicon {
  display: block;
  position: absolute;
  width: 100%;
  bottom: 0;
  right: 0;
}
.c-column__type4 .c-column__type4--card__linkicon::before {
  content: '';
  position: absolute;
  z-index: 2;
  width: 0;
  height: 0;
  border-style: solid;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  -webkit-transition: border-color 0.1s ease;
  transition: border-color 0.1s ease;
}
@media screen and (min-width: 1024px) {
  .c-column__type4 .c-column__type4--card__linkicon::before {
    right: -7.7rem;
    bottom: -1.5rem;
    border-right: 7.7rem solid transparent;
    border-left: 7.7rem solid transparent;
    border-bottom: 7.7rem solid #45b463;
  }
}
@media screen and (max-width: 1023px) {
  .c-column__type4 .c-column__type4--card__linkicon::before {
    right: -10.266666666666667vw;
    bottom: -2vw;
    border-right: 10.266666666666667vw solid transparent;
    border-left: 10.266666666666667vw solid transparent;
    border-bottom: 10.266666666666667vw solid #45b463;
    background: #45b463;
  }
}
.c-column__type4 .c-column__type4--card__linkicon::after {
  display: block;
  position: absolute;
  z-index: 3;
  content: '';
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url("/assets/images/others/common/ico_button_03.svg");
}
@media screen and (min-width: 1024px) {
  .c-column__type4 .c-column__type4--card__linkicon::after {
    width: 2.7rem;
    height: 2.7rem;
    right: 1.2rem;
    bottom: 1.4rem;
  }
}
@media screen and (max-width: 1023px) {
  .c-column__type4 .c-column__type4--card__linkicon::after {
    width: 3.733333333333334vw;
    height: 3.733333333333334vw;
    right: 1.6vw;
    bottom: 1.866666666666667vw;
  }
}
.c-column__type4 .c-column__type4--card__tags {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 100%;
}
@media screen and (min-width: 1024px) {
  .c-column__type4 .c-column__type4--card__tags {
    margin: 1.9rem 0 0 -1.2rem;
  }
}
@media screen and (max-width: 1023px) {
  .c-column__type4 .c-column__type4--card__tags {
    margin: 3.733333333333334vw 0 0 -1.6vw;
  }
}
.c-column__type4 .c-column__type4--card__tag {
  font-weight: bold;
  color: #45b463;
}
@media screen and (min-width: 1024px) {
  .c-column__type4 .c-column__type4--card__tag {
    margin: 1.2rem 0 0 1.2rem;
    padding: 0.375em 1.0625em;
    font-size: 1.6rem;
    line-height: 1.375;
    border: 0.1875em solid #45b463;
    border-radius: 1.25em;
  }
}
@media screen and (max-width: 1023px) {
  .c-column__type4 .c-column__type4--card__tag {
    margin: 1.6vw 0 0 1.6vw;
    padding: 0.8vw 2.4vw;
    font-size: 3.733333333333334vw;
    line-height: 1.392857142857143;
    border: 0.142857142857143em solid #45b463;
    border-radius: 1.053571428571429em;
  }
}
.c-column__type5 ul.c-column__type5--wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media screen and (max-width: 1023px) {
  .c-column__type5 ul.c-column__type5--wrap {
    display: block;
  }
}
.c-column__type5 li.c-column__type5--card {
  display: block;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  position: relative;
}
@media screen and (min-width: 1024px) {
  .c-column__type5 li.c-column__type5--card {
    width: 57.4rem;
    margin-top: 3.84rem;
  }
}
@media screen and (max-width: 1023px) {
  .c-column__type5 li.c-column__type5--card {
    width: 89.33333333333333vw;
    margin-top: 5.333333333333334vw;
  }
}
.c-column__type5 li.c-column__type5--card.is-hide {
  display: none;
}
.c-column__type5 .c-column__type5--card__border {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}
@media screen and (min-width: 1024px) {
  .c-column__type5 .c-column__type5--card__border {
    width: 57.4rem;
  }
}
@media screen and (max-width: 1023px) {
  .c-column__type5 .c-column__type5--card__border {
    width: 89.33333333333333vw;
  }
}
@media screen and (min-width: 1024px) {
  .c-column__type5 .c-column__type5--card__border:nth-child(n+3) {
    margin-top: 3.84rem;
  }
}
@media screen and (max-width: 1023px) {
  .c-column__type5 .c-column__type5--card__border:nth-child(n+2) {
    margin-top: 5.333333333333334vw;
  }
}
.c-column__type5 .c-column__type5--card__border a {
  display: block;
  position: relative;
  overflow: hidden;
  width: 100%;
  min-height: 100%;
  background: #fff;
}
@media screen and (min-width: 1024px) {
  .c-column__type5 .c-column__type5--card__border a {
    border: 0.5rem solid #45b463;
    border-radius: 27px;
  }
}
@media screen and (max-width: 1023px) {
  .c-column__type5 .c-column__type5--card__border a {
    border: 0.933333333333333vw solid #45b463;
    border-radius: 3.6vw;
  }
}
.c-column__type5 .c-column__type5--card__border a::before {
  content: '';
  position: absolute;
  z-index: 2;
  width: 0;
  height: 0;
  border-style: solid;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}
@media screen and (min-width: 1024px) {
  .c-column__type5 .c-column__type5--card__border a::before {
    right: -7.7rem;
    bottom: -1.5rem;
    border-right: 7.7rem solid transparent;
    border-left: 7.7rem solid transparent;
    border-bottom: 7.7rem solid #45b463;
  }
}
@media screen and (max-width: 1023px) {
  .c-column__type5 .c-column__type5--card__border a::before {
    right: -10.266666666666667vw;
    bottom: -2vw;
    border-right: 10.266666666666667vw solid transparent;
    border-left: 10.266666666666667vw solid transparent;
    border-bottom: 10.266666666666667vw solid #45b463;
    background: #45b463;
  }
}
.c-column__type5 .c-column__type5--card__border a::after {
  display: block;
  position: absolute;
  z-index: 3;
  content: '';
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url("/assets/images/others/common/ico_button_03.svg");
}
@media screen and (min-width: 1024px) {
  .c-column__type5 .c-column__type5--card__border a::after {
    width: 2.7rem;
    height: 2.7rem;
    right: 1.2rem;
    bottom: 1.4rem;
  }
}
@media screen and (max-width: 1023px) {
  .c-column__type5 .c-column__type5--card__border a::after {
    width: 3.733333333333334vw;
    height: 3.733333333333334vw;
    right: 1.333333333333333vw;
    bottom: 1.6vw;
  }
}
.c-column__type5 .c-column__type5--card__border .c-column__type5--card__wrap {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 auto;
}
@media screen and (min-width: 1024px) {
  .c-column__type5 .c-column__type5--card__border .c-column__type5--card__wrap {
    width: 51.4rem;
    padding: 3rem 0 5rem;
  }
}
@media screen and (max-width: 1023px) {
  .c-column__type5 .c-column__type5--card__border .c-column__type5--card__wrap {
    width: 81.33333333333333vw;
    padding: 3.6vw 0;
  }
}
.c-column__type5 .c-column__type5--card__border .c-column__type5--card__information {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  background: #eaf7a3;
}
@media screen and (min-width: 1024px) {
  .c-column__type5 .c-column__type5--card__border .c-column__type5--card__information {
    height: 7rem;
    padding: 2rem 0;
    border-radius: 1.5rem;
  }
}
@media screen and (max-width: 1023px) {
  .c-column__type5 .c-column__type5--card__border .c-column__type5--card__information {
    margin-top: 4.266666666666667vw;
    padding: 2.933333333333333vw 0;
    border-radius: 2.133333333333333vw;
  }
}
.c-column__type5 .c-column__type5--card__border .c-column__type5--card__information::before {
  position: absolute;
  content: '';
  display: block;
  background-image: url("/assets/images/others/common/ico_column_01.svg");
  background-repeat: no-repeat;
  background-size: cover;
}
@media screen and (min-width: 1024px) {
  .c-column__type5 .c-column__type5--card__border .c-column__type5--card__information::before {
    width: 0.5rem;
    height: 4.6rem;
    left: 12.2rem;
  }
}
@media screen and (max-width: 1023px) {
  .c-column__type5 .c-column__type5--card__border .c-column__type5--card__information::before {
    width: 0.8vw;
    height: 5.066666666666666vw;
    left: 24vw;
    background-image: url("/assets/images/others/common/ico_column_02.svg");
  }
}
@media screen and (min-width: 1024px) {
  .c-column__type5 .c-column__type5--card__border .c-column__type5--card__information .c-text__level3 {
    width: 11.6rem;
    padding-left: 2rem;
  }
}
@media screen and (max-width: 1023px) {
  .c-column__type5 .c-column__type5--card__border .c-column__type5--card__information .c-text__level3 {
    width: 24vw;
    padding-left: 3.733333333333334vw;
    font-size: 3.733333333333334vw;
  }
}
@media screen and (min-width: 1024px) {
  .c-column__type5 .c-column__type5--card__border .c-column__type5--card__information .c-column__type5--card__information__textwrap {
    padding-left: 3rem;
  }
}
@media screen and (max-width: 1023px) {
  .c-column__type5 .c-column__type5--card__border .c-column__type5--card__information .c-column__type5--card__information__textwrap {
    padding-left: 4vw;
  }
}
.c-column__type5 .c-column__type5--card__border .c-column__type5--card__information .c-column__type5--card__information__text {
  display: inline-block;
  color: #fff;
  text-align: center;
  background: #000;
}
@media screen and (min-width: 1024px) {
  .c-column__type5 .c-column__type5--card__border .c-column__type5--card__information .c-column__type5--card__information__text {
    margin-right: 0.7rem;
    padding: 0.6rem 1.1rem;
    font-size: 1.8rem;
    border-radius: 0.9rem;
  }
}
@media screen and (max-width: 1023px) {
  .c-column__type5 .c-column__type5--card__border .c-column__type5--card__information .c-column__type5--card__information__text {
    margin-right: 0.933333333333333vw;
    padding: 1.2vw 2vw;
    font-size: 3.066666666666666vw;
    border-radius: 1.2vw;
  }
}
.c-column__type5 .c-column__type5--card__border .c-column__type5--card__information .is-note {
  position: absolute;
}
@media screen and (min-width: 1024px) {
  .c-column__type5 .c-column__type5--card__border .c-column__type5--card__information .is-note {
    width: 17rem;
    left: 33rem;
  }
}
@media screen and (max-width: 1023px) {
  .c-column__type5 .c-column__type5--card__border .c-column__type5--card__information .is-note {
    width: 26vw;
    padding-left: 0;
    left: 53.333333333333336vw;
    font-size: 3.2vw;
  }
}
.c-column__type5 .c-column__type5--card__border .c-heading__level3 {
  width: 100%;
  color: #45b463;
}
@media screen and (min-width: 1024px) {
  .c-column__type5 .c-column__type5--card__border .c-heading__level3 {
    margin-top: 2.2rem;
  }
}
@media screen and (max-width: 1023px) {
  .c-column__type5 .c-column__type5--card__border .c-heading__level3 {
    margin-top: 5.333333333333334vw;
  }
}
.c-column__type5 .c-column__type5--card__border .c-text__level3 {
  color: #898989;
}
@media screen and (min-width: 1024px) {
  .c-column__type5 .c-column__type5--card__border .c-text__level3.is-bottomnote {
    margin-top: 0.9rem;
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 1023px) {
  .c-column__type5 .c-column__type5--card__border .c-text__level3.is-bottomnote {
    margin-top: 2.8vw;
    font-size: 3.2vw;
  }
}
.c-column__type5 .c-column__type5--card__border .c-text__level2 {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
}
@media screen and (min-width: 1024px) {
  .c-column__type5 .c-column__type5--card__border .c-text__level2 {
    margin-top: 2.4rem;
  }
}
@media screen and (max-width: 1023px) {
  .c-column__type5 .c-column__type5--card__border .c-text__level2 {
    margin-top: 3.2vw;
    padding-bottom: 8.266666666666666vw;
  }
}
@media screen and (min-width: 1024px) {
  .c-column__type5 .c-column__type5--heading__wrap {
    position: absolute;
    width: 100%;
    top: 0;
  }
}
@media screen and (max-width: 1023px) {
  .c-column__type5 .c-column__type5--heading__wrap {
    position: relative;
  }
}
.c-column__type5 .c-heading__level2a {
  position: absolute;
  width: 100%;
  top: 0;
  text-align: center;
}
.c-column__type5 .c-heading__level2a span.c-heading__level2a--inner {
  position: relative;
}
@media screen and (min-width: 1024px) {
  .c-column__type5 .c-heading__level2a span.c-heading__level2a--inner {
    top: -13rem;
    font-size: 2.8rem;
  }
}
@media screen and (max-width: 1023px) {
  .c-column__type5 .c-heading__level2a span.c-heading__level2a--inner {
    top: -16vw;
    font-size: 4.266666666666667vw;
  }
}
.c-column__type5 .c-heading__level2a::after {
  padding-bottom: 0;
}
.c-column__type5 .c-column__type5--card__tags {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 100%;
}
@media screen and (min-width: 1024px) {
  .c-column__type5 .c-column__type5--card__tags {
    margin: 1.9rem 0 0 -1.2rem;
  }
}
@media screen and (max-width: 1023px) {
  .c-column__type5 .c-column__type5--card__tags {
    margin: 3.733333333333334vw 0 0 -1.6vw;
  }
}
.c-column__type5 .c-column__type5--card__tag {
  font-weight: bold;
  color: #45b463;
}
@media screen and (min-width: 1024px) {
  .c-column__type5 .c-column__type5--card__tag {
    margin: 1.2rem 0 0 1.2rem;
    padding: 0.375em 1.0625em;
    font-size: 1.6rem;
    line-height: 1.375;
    border: 0.1875em solid #45b463;
    border-radius: 1.25em;
  }
}
@media screen and (max-width: 1023px) {
  .c-column__type5 .c-column__type5--card__tag {
    margin: 1.6vw 0 0 1.6vw;
    padding: 0.8vw 2.4vw;
    font-size: 3.733333333333334vw;
    line-height: 1.392857142857143;
    border: 0.142857142857143em solid #45b463;
    border-radius: 1.053571428571429em;
  }
}
.c-column__type6 ul.c-column__type6--wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media screen and (max-width: 1023px) {
  .c-column__type6 ul.c-column__type6--wrap {
    display: block;
  }
}
.c-column__type6 .c-column__type6--card {
  position: relative;
  background: #fff;
}
@media screen and (min-width: 1024px) {
  .c-column__type6 .c-column__type6--card {
    width: 57.4rem;
    border-radius: 3.3rem;
  }
}
@media screen and (max-width: 1023px) {
  .c-column__type6 .c-column__type6--card {
    width: 100%;
    margin-top: 18.666666666666668vw;
    border-radius: 4.266666666666667vw;
  }
}
@media screen and (min-width: 1024px) {
  .c-column__type6 .c-column__type6--card:nth-child(n+3) {
    margin-top: 4rem;
  }
}
.c-column__type6 .c-column__type6--card__wrap {
  position: relative;
  margin: auto;
}
@media screen and (min-width: 1024px) {
  .c-column__type6 .c-column__type6--card__wrap {
    width: 49.4rem;
    padding: 10rem 0 5rem;
  }
}
@media screen and (max-width: 1023px) {
  .c-column__type6 .c-column__type6--card__wrap {
    width: 78.66666666666666vw;
    padding: 12vw 0 8vw;
  }
}
@media screen and (min-width: 1024px) {
  .c-column__type6 .c-column__type6--heading__wrap {
    position: absolute;
    width: 100%;
    top: 0;
  }
}
@media screen and (max-width: 1023px) {
  .c-column__type6 .c-column__type6--heading__wrap {
    position: relative;
  }
}
.c-column__type6 .c-heading__level2a.c-mt__level2 span.c-heading__level2a--inner {
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}
@media screen and (min-width: 1024px) {
  .c-column__type6 .c-heading__level2a.c-mt__level2 span.c-heading__level2a--inner {
    top: -6.5rem;
  }
}
@media screen and (max-width: 1023px) {
  .c-column__type6 .c-heading__level2a.c-mt__level2 span.c-heading__level2a--inner {
    top: -16vw;
  }
}
@media screen and (max-width: 1023px) {
  .c-column__type6 .c-heading__level2a.c-mt__level2::after {
    padding-bottom: 0;
  }
}
.c-column__type6 .c-heading__level4 {
  display: block;
  color: #45b463;
  text-align: center;
}
.c-column__type6 .c-text__level2 {
  display: block;
  margin: auto;
  line-height: 1.8em;
}
@media screen and (min-width: 1024px) {
  .c-column__type6 .c-text__level2 {
    width: 44.6rem;
    padding-top: 1rem;
  }
}
@media screen and (max-width: 1023px) {
  .c-column__type6 .c-text__level2 {
    width: 100%;
    padding-top: 4.266666666666667vw;
  }
}
.c-column__type7 .c-column__type7--card {
  position: relative;
  width: 100%;
  background: #fff;
}
@media screen and (min-width: 1024px) {
  .c-column__type7 .c-column__type7--card {
    border-radius: 3.5rem;
  }
}
@media screen and (max-width: 1023px) {
  .c-column__type7 .c-column__type7--card {
    border-radius: 4vw;
  }
}
@media screen and (min-width: 1024px) {
  .c-column__type7 .c-column__type7--card:nth-child(n+2) {
    margin-top: 4rem;
  }
}
@media screen and (max-width: 1023px) {
  .c-column__type7 .c-column__type7--card:nth-child(n+2) {
    margin-top: 5.333333333333334vw;
  }
}
.c-column__type7 .c-column__type7--label {
  text-align: center;
  color: #fff;
  background: #eb490e;
}
@media screen and (min-width: 1024px) {
  .c-column__type7 .c-column__type7--label {
    position: relative;
    width: 9.9rem;
    padding: 0.6rem 0;
    left: 4rem;
    font-size: 2.8rem;
    border-radius: 0 0 0.7rem 0.7rem;
  }
}
@media screen and (max-width: 1023px) {
  .c-column__type7 .c-column__type7--label {
    position: absolute;
    width: 12vw;
    padding: 0.8vw;
    left: 5.333333333333334vw;
    font-size: 3.733333333333334vw;
    border-radius: 0 0 0.933333333333333vw 0.933333333333333vw;
  }
}
.c-column__type7 .c-column__type7--label.is-running {
  display: none;
}
.c-column__type7 .c-column__type7--label.is-over {
  background: #b4b4b4;
}
@media screen and (min-width: 1024px) {
  .c-column__type7 .c-column__type7--label.is-over {
    width: 19.7rem;
  }
}
@media screen and (max-width: 1023px) {
  .c-column__type7 .c-column__type7--label.is-over {
    width: 26.666666666666668vw;
  }
}
.c-column__type7 .c-column__type7--card__wrap {
  margin: auto;
}
.c-column__type7 .c-column__type7--card__wrap.c-column__type7--card__wrap--center {
  text-align: center;
}
@media screen and (min-width: 1024px) {
  .c-column__type7 .c-column__type7--card__wrap.c-column__type7--card__wrap--center {
    padding: 6.6rem 1.5rem;
  }
}
@media screen and (max-width: 1023px) {
  .c-column__type7 .c-column__type7--card__wrap.c-column__type7--card__wrap--center {
    padding: 9.333333333333334vw 6.666666666666667vw;
  }
}
@media screen and (max-width: 1023px) {
  .c-column__type7 .c-othersbutton {
    margin-top: 6.133333333333333vw;
  }
}
.c-column__type7 .c-column__type7--heading__wrap {
  position: relative;
  width: 100%;
  height: 0;
  top: 0;
}
.c-column__type7 .c-heading__level2a.c-mt__level2 {
  margin-top: 0;
}
.c-column__type7 .c-heading__level2a.c-mt__level2 span.c-heading__level2a--inner {
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}
@media screen and (min-width: 1024px) {
  .c-column__type7 .c-heading__level2a.c-mt__level2 span.c-heading__level2a--inner {
    padding: 1.8rem;
    top: -13rem;
    font-size: 2.8rem;
  }
}
@media screen and (max-width: 1023px) {
  .c-column__type7 .c-heading__level2a.c-mt__level2 span.c-heading__level2a--inner {
    padding: 2.4vw 3.333333333333333vw;
    top: -4.666666666666667vw;
    left: 0;
    -webkit-transform: translate(0, -105%);
    transform: translate(0, -105%);
    font-size: 4.266666666666667vw;
  }
}
.c-column__type7 .c-heading__level2a.c-mt__level2::after {
  padding-bottom: 0;
}
.c-column__type8 .c-column__type8--card {
  position: relative;
  width: 100%;
  background: #fff;
}
@media screen and (min-width: 1024px) {
  .c-column__type8 .c-column__type8--card {
    border-radius: 3.5rem;
  }
}
@media screen and (max-width: 1023px) {
  .c-column__type8 .c-column__type8--card {
    border-radius: 4vw;
  }
}
@media screen and (min-width: 1024px) {
  .c-column__type8 .c-column__type8--card:nth-child(n+2) {
    margin-top: 16rem;
  }
}
@media screen and (max-width: 1023px) {
  .c-column__type8 .c-column__type8--card:nth-child(n+2) {
    margin-top: 16vw;
  }
}
.c-column__type8 .c-column__type8--label {
  text-align: center;
  color: #fff;
  background: #eb490e;
}
@media screen and (min-width: 1024px) {
  .c-column__type8 .c-column__type8--label {
    position: relative;
    width: 9.9rem;
    padding: 0.6rem 0;
    left: 4rem;
    font-size: 2.8rem;
    border-radius: 0 0 0.7rem 0.7rem;
  }
}
@media screen and (max-width: 1023px) {
  .c-column__type8 .c-column__type8--label {
    position: absolute;
    width: 12vw;
    padding: 0.8vw;
    left: 5.333333333333334vw;
    font-size: 3.733333333333334vw;
    border-radius: 0 0 0.933333333333333vw 0.933333333333333vw;
  }
}
.c-column__type8 .c-column__type8--label.is-running {
  display: none;
}
.c-column__type8 .c-column__type8--label.is-over {
  background: #b4b4b4;
}
@media screen and (min-width: 1024px) {
  .c-column__type8 .c-column__type8--label.is-over {
    width: 19.7rem;
  }
}
@media screen and (max-width: 1023px) {
  .c-column__type8 .c-column__type8--label.is-over {
    width: 26.666666666666668vw;
  }
}
.c-column__type8 .c-column__type8--card__wrap {
  margin: auto;
}
@media screen and (max-width: 1023px) {
  .c-column__type8 .c-othersbutton {
    margin-top: 6.133333333333333vw;
  }
}
.c-column__type8 .c-column__type8--heading__wrap {
  position: relative;
  width: 100%;
  height: 0;
  top: 0;
}
.c-column__type8 .c-heading__level2a.c-mt__level2 {
  margin-top: 0;
}
.c-column__type8 .c-heading__level2a.c-mt__level2 span.c-heading__level2a--inner {
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}
@media screen and (min-width: 1024px) {
  .c-column__type8 .c-heading__level2a.c-mt__level2 span.c-heading__level2a--inner {
    padding: 1.8rem;
    top: -13rem;
    font-size: 2.8rem;
  }
}
@media screen and (max-width: 1023px) {
  .c-column__type8 .c-heading__level2a.c-mt__level2 span.c-heading__level2a--inner {
    padding: 2.4vw 3.333333333333333vw;
    top: -4.666666666666667vw;
    left: 0;
    -webkit-transform: translate(0, -105%);
    transform: translate(0, -105%);
    font-size: 4.266666666666667vw;
  }
}
.c-column__type8 .c-heading__level2a.c-mt__level2::after {
  padding-bottom: 0;
}
.c-column__type8 .c-column__type8--card__image {
  display: block;
  overflow: hidden;
}
@media screen and (min-width: 1024px) {
  .c-column__type8 .c-column__type8--card__image {
    border-radius: 1.4rem;
  }
}
@media screen and (max-width: 1023px) {
  .c-column__type8 .c-column__type8--card__image {
    border-radius: 1.866666666666667vw;
  }
}
@media screen and (min-width: 1024px) {
  .c-column__type9 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 6rem;
  }
}
@media screen and (max-width: 1023px) {
  .c-column__type9 {
    margin-top: 8vw;
  }
}
@media screen and (min-width: 1024px) {
  .c-column__type9--col {
    width: 50%;
  }
}
.c-column__type9--col + .c-column__type9--col {
  position: relative;
}
.c-column__type9--col + .c-column__type9--col::before {
  position: absolute;
  content: '';
}
@media screen and (min-width: 1024px) {
  .c-column__type9--col + .c-column__type9--col::before {
    top: 0;
    left: -0.2rem;
    width: 0.4rem;
    height: 100%;
    background: url("/assets/images/common/img_border_repeat_vertical.svg") space;
    background-size: 100% auto;
  }
}
@media screen and (max-width: 1023px) {
  .c-column__type9--col + .c-column__type9--col {
    margin-top: 4vw;
    padding-top: 8vw;
  }
  .c-column__type9--col + .c-column__type9--col::before {
    top: -0.266666666666667vw;
    left: 0;
    width: 100%;
    height: 0.533333333333333vw;
    background: url("/assets/images/common/img_border_repeat_horizontal.svg") space;
    background-size: auto 100%;
  }
}
.c-statement {
  line-height: 1.8;
}
@media screen and (min-width: 1024px) {
  .c-statement {
    width: 77.9rem;
    margin: 10rem auto 0;
  }
}
@media screen and (max-width: 1023px) {
  .c-statement {
    margin-top: 16vw;
  }
}
@media screen and (min-width: 1024px) {
  .c-statement.c-statement--blocking {
    margin-top: 3rem;
    padding: 7rem 0 5rem;
  }
}
@media screen and (max-width: 1023px) {
  .c-statement.c-statement--blocking {
    margin-top: 10.933333333333334vw;
    padding: 5.066666666666666vw 0 3.466666666666666vw;
  }
}
.c-statement .c-statement__textwrap {
  position: relative;
  width: 100%;
  text-align: center;
}
.c-statement .c-statement__textwrap::before {
  position: absolute;
  content: '';
  display: block;
  width: 100%;
  background-image: url("/assets/images/others/common/ico_ruledline_01.svg");
  background-repeat: no-repeat;
  background-size: contain;
}
@media screen and (min-width: 1024px) {
  .c-statement .c-statement__textwrap::before {
    height: 3.2rem;
    top: -7rem;
  }
}
@media screen and (max-width: 1023px) {
  .c-statement .c-statement__textwrap::before {
    height: 3.733333333333334vw;
    top: -5.128205128205128vw;
    background-image: url("/assets/images/others/common/ico_ruledline_01_sp.svg");
  }
}
.c-statement .c-statement__textwrap::after {
  position: absolute;
  content: '';
  display: block;
  width: 100%;
  background-image: url("/assets/images/others/common/ico_ruledline_02.svg");
  background-repeat: no-repeat;
  background-size: contain;
}
@media screen and (min-width: 1024px) {
  .c-statement .c-statement__textwrap::after {
    height: 0.6rem;
    bottom: -5rem;
  }
}
@media screen and (max-width: 1023px) {
  .c-statement .c-statement__textwrap::after {
    height: 0.8vw;
    bottom: -3.663003663003663vw;
    background-image: url("/assets/images/others/common/ico_ruledline_02_sp.svg");
    background-size: 100%;
  }
}
.c-statement p.c-text__level2 {
  line-height: 2em;
}
@media screen and (max-width: 1023px) {
  .c-statement p.c-text__level2 {
    padding: 5.333333333333334vw 0;
  }
}
.c-moviemodal .c-moviemodal__thumbnail {
  position: relative;
  display: block;
  cursor: pointer;
}
.c-moviemodal .c-moviemodal__thumbnail::before {
  position: absolute;
  content: '';
  display: block;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-image: url("/assets/images/others/common/ico_video_02.svg");
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-transition: width 0.075s ease, height 0.075s ease;
  transition: width 0.075s ease, height 0.075s ease;
}
@media screen and (min-width: 1024px) {
  .c-moviemodal .c-moviemodal__thumbnail::before {
    width: 10.2rem;
    height: 10.2rem;
  }
}
@media screen and (max-width: 1023px) {
  .c-moviemodal .c-moviemodal__thumbnail::before {
    width: 19.866666666666667vw;
    height: 19.866666666666667vw;
  }
}
.c-moviemodal .c-moviemodal__thumbnail::after {
  position: absolute;
  content: '';
  display: block;
  top: 50%;
  left: 50.5%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-image: url("/assets/images/others/common/ico_video_01.svg");
  background-repeat: no-repeat;
  background-size: cover;
}
@media screen and (min-width: 1024px) {
  .c-moviemodal .c-moviemodal__thumbnail::after {
    width: 3rem;
    height: 2.4rem;
  }
}
@media screen and (max-width: 1023px) {
  .c-moviemodal .c-moviemodal__thumbnail::after {
    width: 5.600000000000001vw;
    height: 4.533333333333333vw;
  }
}
@media screen and (min-width: 1024px) {
  .c-moviemodal .c-moviemodal__thumbnail:hover::before {
    width: 12rem;
    height: 12rem;
  }
}
.c-moviemodal .c-moviemodal__fixed {
  display: none;
}
.c-moviemodal .c-moviemodal__fixed.is-opened {
  display: block;
}
.c-others-btns-wrap {
  position: relative;
}
.c-others-btn-pagetop {
  position: absolute;
  right: 0;
}
@media screen and (min-width: 1024px) {
  .c-others-btn-pagetop {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}
@media screen and (max-width: 1023px) {
  .c-others-btn-pagetop {
    bottom: -13.333333333333334vw;
  }
}
.c-others-btn-totop {
  margin: auto;
}
@media screen and (min-width: 1024px) {
  .c-others-btn-totop {
    margin-top: 11rem;
  }
}
@media screen and (max-width: 1023px) {
  .c-others-btn-totop {
    margin-top: 18.666666666666668vw;
  }
}
.c-others-btn-totop .c-othersbutton {
  margin: 0 auto;
}
@media screen and (min-width: 1024px) {
  .p-newspaper .c-others-btn-totop {
    width: 45.4rem;
    margin-right: auto;
    margin-left: auto;
  }
}
@media screen and (max-width: 1023px) {
  .p-newspaper .c-others-btn-totop {
    padding-bottom: 2.666666666666667vw;
  }
}
.c-others-pagetop {
  display: block;
  border-radius: 50%;
  background-color: #fff;
  position: relative;
}
@media screen and (min-width: 1024px) {
  .c-others-pagetop {
    width: 10rem;
    height: 10rem;
  }
}
@media screen and (max-width: 1023px) {
  .c-others-pagetop {
    width: 13.333333333333334vw;
    height: 13.333333333333334vw;
  }
}
.c-others-pagetop .c-others-pagetop--inr {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.c-others-pagetop .c-others-pagetop__txt {
  color: #000;
  font-size: 2.2rem;
  line-height: 1.409090909090909;
  letter-spacing: 0.02em;
}
@media screen and (max-width: 1023px) {
  .c-others-pagetop .c-others-pagetop__txt {
    font-size: 2.933333333333333vw;
  }
}
@media screen and (max-width: 1023px) {
  .c-others-pagetop .c-others-pagetop__txt {
    font-size: 2.4rem;
    line-height: 1.291666666666667;
    letter-spacing: 0.02em;
  }
}
@media screen and (max-width: 1023px) and (max-width: 1023px) {
  .c-others-pagetop .c-others-pagetop__txt {
    font-size: 3.2vw;
  }
}
.c-others-pagetop .c-others-pagetop__icon {
  display: block;
  background-image: url("/assets/images/common/icon-arrow-btn-top-green.svg");
  background-size: cover;
  background-repeat: no-repeat;
  margin: 0 auto;
}
@media screen and (min-width: 1024px) {
  .c-others-pagetop .c-others-pagetop__icon {
    width: 2.1rem;
    height: 2.4rem;
  }
}
@media screen and (max-width: 1023px) {
  .c-others-pagetop .c-others-pagetop__icon {
    width: 3.066666666666666vw;
    height: 4.133333333333333vw;
  }
}
.c-moviemodal .c-moviemodal__fixed {
  background: rgba(0,0,0,0.49);
}
.c-moviemodal .c-moviemodal__fixed--movie {
  width: 100%;
}
@media screen and (min-width: 1024px) {
  .c-moviemodal .c-moviemodal__fixed--movie {
    width: 98.2rem;
    height: 55.4rem;
  }
}
@media screen and (max-width: 1023px) {
  .c-moviemodal .c-moviemodal__fixed--movie {
    width: 89.2vw;
    height: 50.26666666666667vw;
  }
}
.c-moviemodal .c-modal__close {
  display: block;
  cursor: pointer;
}
@media screen and (min-width: 1024px) {
  .c-moviemodal .c-modal__close {
    width: 4.7rem;
    height: 4.7rem;
    margin-bottom: 1rem;
    margin-left: 93.5rem;
  }
}
@media screen and (max-width: 1023px) {
  .c-moviemodal .c-modal__close {
    width: 6.4vw;
    height: 6.4vw;
    margin-bottom: 2.8vw;
    margin-left: 82.8vw;
  }
}
.c-moviemodal .c-modal__close img {
  display: block;
  width: 100%;
}
.m-siteinfo {
  color: #000;
  background-color: #feeedb;
  padding-bottom: 21.7rem;
}
@media screen and (max-width: 1023px) {
  .m-siteinfo {
    padding-bottom: 51.33333333333333vw;
  }
}
.m-siteinfo--inr {
  padding: 8rem 0;
}
@media screen and (max-width: 1023px) {
  .m-siteinfo--inr {
    padding: 10.666666666666668vw 5.333333333333334vw 0;
  }
}
.m-siteinfo__btns--inr {
  padding: 0 9rem;
}
@media screen and (max-width: 1023px) {
  .m-siteinfo__btns--inr {
    padding: 0 5.333333333333334vw;
  }
}
.m-siteinfo__cont {
  background-color: #fff;
}
@media screen and (min-width: 1024px) {
  .m-siteinfo__cont {
    width: 85.4rem;
    margin: 0 auto;
    border-radius: 4rem;
    padding: 3.8rem;
  }
}
@media screen and (max-width: 1023px) {
  .m-siteinfo__cont {
    border-radius: 5.333333333333334vw;
    padding: 4vw;
  }
}
.m-siteinfo--sec {
  margin-top: 4.3rem;
}
@media screen and (max-width: 1023px) {
  .m-siteinfo--sec {
    margin-top: 6.666666666666667vw;
  }
}
.m-siteinfo--sec + .m-siteinfo--sec {
  margin-top: 5rem;
}
@media screen and (max-width: 1023px) {
  .m-siteinfo--sec + .m-siteinfo--sec {
    margin-top: 5.333333333333334vw;
  }
}
.m-siteinfo__hdg--lv1 {
  text-align: center;
  color: #fff;
  background-color: #45b463;
  border-radius: 3rem;
  font-size: 4rem;
  line-height: 1.6;
  letter-spacing: 0.02em;
  padding-top: 2rem;
  padding-bottom: 2rem;
}
@media screen and (max-width: 1023px) {
  .m-siteinfo__hdg--lv1 {
    font-size: 5.333333333333334vw;
  }
}
@media screen and (max-width: 1023px) {
  .m-siteinfo__hdg--lv1 {
    border-radius: 4vw;
    font-size: 5rem;
    line-height: 1.2;
    letter-spacing: 0.02em;
    padding-top: 4.133333333333333vw;
    padding-bottom: 4.133333333333333vw;
  }
}
.m-siteinfo__hdg--lv1.is-policy {
  font-size: 3rem;
}
@media screen and (max-width: 1023px) and (max-width: 1023px) {
  .m-siteinfo__hdg--lv1 {
    font-size: 6.666666666666667vw;
  }
}
.m-siteinfo__hdg--lv2 {
  color: #45b463;
  font-size: 3.2rem;
  line-height: 1.125;
  letter-spacing: 0.02em;
}
@media screen and (max-width: 1023px) {
  .m-siteinfo__hdg--lv2 {
    font-size: 4.266666666666667vw;
  }
}
@media screen and (max-width: 1023px) {
  .m-siteinfo__hdg--lv2 {
    font-size: 4.2rem;
    line-height: 1;
    letter-spacing: 0.02em;
  }
}
@media screen and (max-width: 1023px) and (max-width: 1023px) {
  .m-siteinfo__hdg--lv2 {
    font-size: 5.600000000000001vw;
  }
}
.m-siteinfo__txt {
  font-size: 1.4rem;
  line-height: 1.785714285714286;
  letter-spacing: 0.02em;
}
@media screen and (max-width: 1023px) {
  .m-siteinfo__txt {
    font-size: 1.866666666666667vw;
  }
}
@media screen and (max-width: 1023px) {
  .m-siteinfo__txt {
    font-size: 2.8rem;
    line-height: 1.571428571428571;
    letter-spacing: 0.02em;
  }
}
@media screen and (max-width: 1023px) and (max-width: 1023px) {
  .m-siteinfo__txt {
    font-size: 3.733333333333334vw;
  }
}
.m-siteinfo__hdg--lv2 + .m-siteinfo__txt {
  margin-top: 2.1rem;
}
@media screen and (max-width: 1023px) {
  .m-siteinfo__hdg--lv2 + .m-siteinfo__txt {
    margin-top: 3.066666666666666vw;
  }
}
.m-siteinfo__link {
  color: #45b463;
  text-decoration: underline;
}
.m-siteinfo__link:after {
  display: inline-block;
  content: '';
  vertical-align: middle;
  background-image: url("/assets/images/others/common/ico_button_09.svg");
  background-repeat: no-repeat;
  background-size: contain;
  width: 1.3rem;
  height: 1.3rem;
  margin-left: 0.7rem;
}
@media screen and (max-width: 1023px) {
  .m-siteinfo__link:after {
    width: 3.066666666666666vw;
    height: 3.066666666666666vw;
    margin-left: 1.466666666666667vw;
  }
}
.m-siteinfo__list {
  margin-top: 4.6rem;
}
@media screen and (max-width: 1023px) {
  .m-siteinfo__list {
    margin-top: 7.333333333333333vw;
  }
}
.m-siteinfo__list .m-siteinfo__list__itm:nth-child(1) .m-siteinfo__list__itm__ttl:before {
  content: '1';
}
.m-siteinfo__list .m-siteinfo__list__itm:nth-child(2) .m-siteinfo__list__itm__ttl:before {
  content: '2';
}
.m-siteinfo__list .m-siteinfo__list__itm:nth-child(3) .m-siteinfo__list__itm__ttl:before {
  content: '3';
}
.m-siteinfo__list .m-siteinfo__list__itm:nth-child(4) .m-siteinfo__list__itm__ttl:before {
  content: '4';
}
.m-siteinfo__list .m-siteinfo__list__itm:nth-child(5) .m-siteinfo__list__itm__ttl:before {
  content: '5';
}
.m-siteinfo__list .m-siteinfo__list__itm:nth-child(6) .m-siteinfo__list__itm__ttl:before {
  content: '6';
}
.m-siteinfo__list .m-siteinfo__list__itm:nth-child(7) .m-siteinfo__list__itm__ttl:before {
  content: '7';
}
.m-siteinfo__list .m-siteinfo__list__itm:nth-child(8) .m-siteinfo__list__itm__ttl:before {
  content: '8';
}
.m-siteinfo__list .m-siteinfo__list__itm:nth-child(9) .m-siteinfo__list__itm__ttl:before {
  content: '9';
}
.m-siteinfo__list .m-siteinfo__list__itm:nth-child(10) .m-siteinfo__list__itm__ttl:before {
  content: '10';
}
.m-siteinfo__list .m-siteinfo__list__itm:nth-child(11) .m-siteinfo__list__itm__ttl:before {
  content: '11';
}
.m-siteinfo__list .m-siteinfo__list__itm:nth-child(12) .m-siteinfo__list__itm__ttl:before {
  content: '12';
}
.m-siteinfo__list .m-siteinfo__list__itm:nth-child(13) .m-siteinfo__list__itm__ttl:before {
  content: '13';
}
.m-siteinfo__list .m-siteinfo__list__itm:nth-child(14) .m-siteinfo__list__itm__ttl:before {
  content: '14';
}
.m-siteinfo__list .m-siteinfo__list__itm:nth-child(15) .m-siteinfo__list__itm__ttl:before {
  content: '15';
}
.m-siteinfo__list .m-siteinfo__list__itm:nth-child(16) .m-siteinfo__list__itm__ttl:before {
  content: '16';
}
.m-siteinfo__list .m-siteinfo__list__itm + .m-siteinfo__list__itm {
  margin-top: 4rem;
}
@media screen and (max-width: 1023px) {
  .m-siteinfo__list .m-siteinfo__list__itm + .m-siteinfo__list__itm {
    margin-top: 7.333333333333333vw;
  }
}
.m-siteinfo__list .m-siteinfo__list__itm__ttl {
  font-size: 1.8rem;
  line-height: 2;
  letter-spacing: 0.02em;
}
@media screen and (max-width: 1023px) {
  .m-siteinfo__list .m-siteinfo__list__itm__ttl {
    font-size: 2.4vw;
  }
}
@media screen and (max-width: 1023px) {
  .m-siteinfo__list .m-siteinfo__list__itm__ttl {
    font-size: 3.2rem;
    line-height: 1.25;
    letter-spacing: 0.02em;
  }
}
.m-siteinfo__list .m-siteinfo__list__itm__ttl + .m-siteinfo__list__itm__txt {
  margin-top: 1.3rem;
}
@media screen and (max-width: 1023px) {
  .m-siteinfo__list .m-siteinfo__list__itm__ttl + .m-siteinfo__list__itm__txt {
    margin-top: 3.2vw;
  }
}
@media screen and (max-width: 1023px) and (max-width: 1023px) {
  .m-siteinfo__list .m-siteinfo__list__itm__ttl {
    font-size: 4.266666666666667vw;
  }
}
.m-siteinfo__list .m-siteinfo__list__itm__ttl {
  position: relative;
  padding-left: 3rem;
}
@media screen and (max-width: 1023px) {
  .m-siteinfo__list .m-siteinfo__list__itm__ttl {
    padding-left: 6.666666666666667vw;
  }
}
.m-siteinfo__list .m-siteinfo__list__itm__ttl:before,
.m-siteinfo__list .m-siteinfo__list__itm__ttl:after {
  display: block;
  position: absolute;
  text-align: center;
  left: 0;
}
@media screen and (min-width: 1024px) {
  .m-siteinfo__list .m-siteinfo__list__itm__ttl:before,
  .m-siteinfo__list .m-siteinfo__list__itm__ttl:after {
    top: 0.6rem;
    width: 2.2rem;
    height: 2.2rem;
  }
}
@media screen and (max-width: 1023px) {
  .m-siteinfo__list .m-siteinfo__list__itm__ttl:before,
  .m-siteinfo__list .m-siteinfo__list__itm__ttl:after {
    top: 0;
    width: 5.333333333333334vw;
    height: 5.333333333333334vw;
  }
}
.m-siteinfo__list .m-siteinfo__list__itm__ttl:before {
  z-index: 1;
  color: #fff;
  font-size: 1.4rem;
  line-height: 2;
  letter-spacing: 0.02em;
  line-height: 2.4rem;
}
@media screen and (max-width: 1023px) {
  .m-siteinfo__list .m-siteinfo__list__itm__ttl:before {
    font-size: 1.866666666666667vw;
  }
}
@media screen and (max-width: 1023px) {
  .m-siteinfo__list .m-siteinfo__list__itm__ttl:before {
    font-size: 2.4rem;
    line-height: 2.083333333333333;
    letter-spacing: 0.02em;
    line-height: 1.6;
  }
}
@media screen and (max-width: 1023px) and (max-width: 1023px) {
  .m-siteinfo__list .m-siteinfo__list__itm__ttl:before {
    font-size: 3.2vw;
  }
}
.m-siteinfo__list .m-siteinfo__list__itm__ttl:after {
  content: '';
  border-radius: 50%;
  background-color: #45b463;
}
.m-siteinfo__list .m-siteinfo__list__itm__ttl.is--nonum {
  padding-left: 0;
  margin-top: 3.2rem;
}
@media screen and (max-width: 1023px) {
  .m-siteinfo__list .m-siteinfo__list__itm__ttl.is--nonum {
    margin-top: 3.2vw;
  }
}
.m-siteinfo__list .m-siteinfo__list__itm__ttl.is--nonum:before,
.m-siteinfo__list .m-siteinfo__list__itm__ttl.is--nonum:after {
  display: none;
}
.m-siteinfo__list .m-siteinfo__list__itm__txt + .m-siteinfo__list__itm__list {
  margin-top: 3.4rem;
}
@media screen and (max-width: 1023px) {
  .m-siteinfo__list .m-siteinfo__list__itm__txt + .m-siteinfo__list__itm__list {
    margin-top: 3.2vw;
  }
}
.m-siteinfo__list .m-siteinfo__list__itm__txt.is-main {
  margin-top: 3.4rem;
}
@media screen and (max-width: 1023px) {
  .m-siteinfo__list .m-siteinfo__list__itm__txt.is-main {
    margin-top: 3.2vw;
  }
}
.m-siteinfo__list .m-siteinfo__list__itm__ttl + .m-siteinfo__list__itm__list {
  margin-top: 1.3rem;
}
@media screen and (max-width: 1023px) {
  .m-siteinfo__list .m-siteinfo__list__itm__ttl + .m-siteinfo__list__itm__list {
    margin-top: 3.2vw;
  }
}
.m-siteinfo__list .m-siteinfo__list__itm__list p.m-siteinfo__list__itm__list__itm__ttl,
.m-siteinfo__list .m-siteinfo__list__itm__list p.m-siteinfo__list__itm__list__itm__txt {
  padding-left: 1.7rem;
}
@media screen and (max-width: 1023px) {
  .m-siteinfo__list .m-siteinfo__list__itm__list p.m-siteinfo__list__itm__list__itm__ttl,
  .m-siteinfo__list .m-siteinfo__list__itm__list p.m-siteinfo__list__itm__list__itm__txt {
    padding-left: 4.533333333333333vw;
  }
}
.m-siteinfo__list .m-siteinfo__list__itm__list p.m-siteinfo__list__itm__list__itm__ttl {
  position: relative;
}
.m-siteinfo__list .m-siteinfo__list__itm__list p.m-siteinfo__list__itm__list__itm__ttl.is--1:before {
  content: '1.';
}
.m-siteinfo__list .m-siteinfo__list__itm__list p.m-siteinfo__list__itm__list__itm__ttl.is--2:before {
  content: '2.';
}
.m-siteinfo__list .m-siteinfo__list__itm__list p.m-siteinfo__list__itm__list__itm__ttl.is--3:before {
  content: '3.';
}
.m-siteinfo__list .m-siteinfo__list__itm__list p.m-siteinfo__list__itm__list__itm__ttl.is--4:before {
  content: '4.';
}
.m-siteinfo__list .m-siteinfo__list__itm__list p.m-siteinfo__list__itm__list__itm__ttl.is--5:before {
  content: '5.';
}
.m-siteinfo__list .m-siteinfo__list__itm__list p.m-siteinfo__list__itm__list__itm__ttl.is--6:before {
  content: '6.';
}
.m-siteinfo__list .m-siteinfo__list__itm__list p.m-siteinfo__list__itm__list__itm__ttl.is--7:before {
  content: '7.';
}
.m-siteinfo__list .m-siteinfo__list__itm__list p.m-siteinfo__list__itm__list__itm__ttl.is--8:before {
  content: '8.';
}
.m-siteinfo__list .m-siteinfo__list__itm__list p.m-siteinfo__list__itm__list__itm__ttl.is--9:before {
  content: '9.';
}
.m-siteinfo__list .m-siteinfo__list__itm__list p.m-siteinfo__list__itm__list__itm__ttl.is--10:before {
  content: '10.';
}
.m-siteinfo__list .m-siteinfo__list__itm__list p.m-siteinfo__list__itm__list__itm__ttl:before {
  display: block;
  position: absolute;
  text-align: center;
  top: 0;
  left: 0;
  content: '・';
  z-index: 1;
  width: 1.7rem;
}
@media screen and (max-width: 1023px) {
  .m-siteinfo__list .m-siteinfo__list__itm__list p.m-siteinfo__list__itm__list__itm__ttl:before {
    width: 4.533333333333333vw;
  }
}
.m-siteinfo__list .m-siteinfo__list__itm__list p.m-siteinfo__list__itm__list__itm__txt {
  display: block;
}
.m-siteinfo__list .m-siteinfo__list__itm__table--wrp {
  margin-top: 2.3rem;
}
@media screen and (max-width: 1023px) {
  .m-siteinfo__list .m-siteinfo__list__itm__table--wrp {
    margin-top: 6.4vw;
  }
}
.m-siteinfo__list .m-siteinfo__list__itm__table--wrp .m-siteinfo__list__itm__table__ttl {
  color: #fff;
  background-color: #45b463;
  font-size: 1.8rem;
  line-height: 1.388888888888889;
  letter-spacing: 0.02em;
  padding: 1.3rem 0 0.9rem 2.2rem;
  border-radius: 1.6rem 1.6rem 0 0;
}
@media screen and (max-width: 1023px) {
  .m-siteinfo__list .m-siteinfo__list__itm__table--wrp .m-siteinfo__list__itm__table__ttl {
    font-size: 2.4vw;
  }
}
@media screen and (max-width: 1023px) {
  .m-siteinfo__list .m-siteinfo__list__itm__table--wrp .m-siteinfo__list__itm__table__ttl {
    font-size: 2.8rem;
    line-height: 0.892857142857143;
    letter-spacing: 0.02em;
    padding: 3.6vw 0 3.2vw 4vw;
    border-radius: 2.133333333333333vw 2.133333333333333vw 0 0;
  }
}
@media screen and (max-width: 1023px) and (max-width: 1023px) {
  .m-siteinfo__list .m-siteinfo__list__itm__table--wrp .m-siteinfo__list__itm__table__ttl {
    font-size: 3.733333333333334vw;
  }
}
.m-siteinfo__list .m-siteinfo__list__itm__table--wrp.is--pagelist .m-siteinfo__table td {
  padding: 1.5rem 0rem 1.5rem 1.9rem;
}
.m-siteinfo__list .m-siteinfo__list__itm__table--wrp.is--detail .m-siteinfo__table th,
.m-siteinfo__list .m-siteinfo__list__itm__table--wrp.is--detail .m-siteinfo__table td {
  vertical-align: middle;
}
.m-siteinfo__list .m-siteinfo__list__itm__table--wrp.is--detail .m-siteinfo__table th:nth-child(1),
.m-siteinfo__list .m-siteinfo__list__itm__table--wrp.is--detail .m-siteinfo__table td:nth-child(1) {
  width: 12.7rem;
}
@media screen and (max-width: 1023px) {
  .m-siteinfo__list .m-siteinfo__list__itm__table--wrp.is--detail .m-siteinfo__table th:nth-child(1),
  .m-siteinfo__list .m-siteinfo__list__itm__table--wrp.is--detail .m-siteinfo__table td:nth-child(1) {
    width: 13.333333333333334vw;
  }
}
.m-siteinfo__list .m-siteinfo__list__itm__table--wrp.is--detail .m-siteinfo__table th:nth-child(2),
.m-siteinfo__list .m-siteinfo__list__itm__table--wrp.is--detail .m-siteinfo__table td:nth-child(2),
.m-siteinfo__list .m-siteinfo__list__itm__table--wrp.is--detail .m-siteinfo__table th:nth-child(4),
.m-siteinfo__list .m-siteinfo__list__itm__table--wrp.is--detail .m-siteinfo__table td:nth-child(4),
.m-siteinfo__list .m-siteinfo__list__itm__table--wrp.is--detail .m-siteinfo__table th:nth-child(5),
.m-siteinfo__list .m-siteinfo__list__itm__table--wrp.is--detail .m-siteinfo__table td:nth-child(5) {
  width: 8.4rem;
}
@media screen and (max-width: 1023px) {
  .m-siteinfo__list .m-siteinfo__list__itm__table--wrp.is--detail .m-siteinfo__table th:nth-child(2),
  .m-siteinfo__list .m-siteinfo__list__itm__table--wrp.is--detail .m-siteinfo__table td:nth-child(2),
  .m-siteinfo__list .m-siteinfo__list__itm__table--wrp.is--detail .m-siteinfo__table th:nth-child(4),
  .m-siteinfo__list .m-siteinfo__list__itm__table--wrp.is--detail .m-siteinfo__table td:nth-child(4),
  .m-siteinfo__list .m-siteinfo__list__itm__table--wrp.is--detail .m-siteinfo__table th:nth-child(5),
  .m-siteinfo__list .m-siteinfo__list__itm__table--wrp.is--detail .m-siteinfo__table td:nth-child(5) {
    width: 8vw;
  }
}
.m-siteinfo__list .m-siteinfo__list__itm__table--wrp.is--detail .m-siteinfo__table th:nth-child(3),
.m-siteinfo__list .m-siteinfo__list__itm__table--wrp.is--detail .m-siteinfo__table td:nth-child(3),
.m-siteinfo__list .m-siteinfo__list__itm__table--wrp.is--detail .m-siteinfo__table th:nth-child(6),
.m-siteinfo__list .m-siteinfo__list__itm__table--wrp.is--detail .m-siteinfo__table td:nth-child(6) {
  width: 19.8rem;
  padding-left: 1.6rem;
  padding-right: 1.6rem;
}
@media screen and (max-width: 1023px) {
  .m-siteinfo__list .m-siteinfo__list__itm__table--wrp.is--detail .m-siteinfo__table th:nth-child(3),
  .m-siteinfo__list .m-siteinfo__list__itm__table--wrp.is--detail .m-siteinfo__table td:nth-child(3),
  .m-siteinfo__list .m-siteinfo__list__itm__table--wrp.is--detail .m-siteinfo__table th:nth-child(6),
  .m-siteinfo__list .m-siteinfo__list__itm__table--wrp.is--detail .m-siteinfo__table td:nth-child(6) {
    width: 22.666666666666664vw;
    padding-left: 2.666666666666667vw;
    padding-right: 2.666666666666667vw;
  }
}
.m-siteinfo__list .m-siteinfo__list__itm__table--wrp.is--detail .m-siteinfo__table td {
  padding-top: 1.1rem;
  padding-bottom: 1.1rem;
}
@media screen and (max-width: 1023px) {
  .m-siteinfo__list .m-siteinfo__list__itm__table--wrp.is--detail .m-siteinfo__table td {
    padding-top: 2.8vw;
    padding-bottom: 2.8vw;
  }
}
.m-siteinfo__list .m-siteinfo__list__itm__table--wrp.is--detail .m-siteinfo__table td:nth-child(1),
.m-siteinfo__list .m-siteinfo__list__itm__table--wrp.is--detail .m-siteinfo__table td:nth-child(2),
.m-siteinfo__list .m-siteinfo__list__itm__table--wrp.is--detail .m-siteinfo__table td:nth-child(4),
.m-siteinfo__list .m-siteinfo__list__itm__table--wrp.is--detail .m-siteinfo__table td:nth-child(5) {
  text-align: center;
}
.m-siteinfo__list .m-siteinfo__list__itm__table--wrp.is--detail .m-siteinfo__table td + td {
  border-left: 0.2rem solid #dedede;
}
@media screen and (max-width: 1023px) {
  .m-siteinfo__list .m-siteinfo__list__itm__table--wrp.is--detail .m-siteinfo__table td + td {
    border-left: 0.533333333333333vw solid #dedede;
  }
}
.m-siteinfo__table {
  display: block;
  width: 100%;
}
.m-siteinfo__table thead,
.m-siteinfo__table tbody,
.m-siteinfo__table tr {
  display: block;
  width: 100%;
}
.m-siteinfo__table thead {
  text-align: center;
}
.m-siteinfo__table tbody {
  border-radius: 0 0 1.6rem 1.6rem;
  border: 0.4rem solid #45b463;
}
.m-siteinfo__table tr + tr {
  border-top: 0.2rem solid #45b463;
}
.m-siteinfo__table td {
  width: 100%;
}
.m-siteinfo__table .m-siteinfo__table__ttl {
  color: #fff;
  background-color: #45b463;
  font-size: 1.8rem;
  line-height: 1.388888888888889;
  letter-spacing: 0.02em;
  padding: 1.3rem 0 0.9rem;
  border-radius: 1.6rem 1.6rem 0 0;
}
@media screen and (max-width: 1023px) {
  .m-siteinfo__table .m-siteinfo__table__ttl {
    font-size: 2.4vw;
  }
}
@media screen and (max-width: 1023px) {
  .m-siteinfo__table .m-siteinfo__table__ttl {
    font-size: 2.8rem;
    line-height: 0.892857142857143;
    letter-spacing: 0.02em;
    padding: 3.6vw 0 3.2vw;
    border-radius: 2.133333333333333vw 2.133333333333333vw 0 0;
  }
}
@media screen and (max-width: 1023px) and (max-width: 1023px) {
  .m-siteinfo__table .m-siteinfo__table__ttl {
    font-size: 3.733333333333334vw;
  }
}
.m-siteinfo__table .m-siteinfo__table__link:after {
  display: inline-block;
  content: '';
  width: 1.3rem;
  height: 1.3rem;
  vertical-align: middle;
  margin-left: 0.7rem;
  background-image: url("/assets/images/others/common/ico_button_09.svg");
  background-repeat: no-repeat;
  background-size: contain;
}
.m-contentmaster.is-hide {
  display: none;
}
.m-contentmaster-section {
  position: relative;
  background-color: #fff;
}
@media screen and (min-width: 1024px) {
  .m-contentmaster-section {
    width: 574px;
    padding: 0 2.613240418118467%;
    border-radius: 16px;
  }
}
@media screen and (max-width: 1023px) {
  .m-contentmaster-section {
    width: 89.46666666666667vw;
    border-radius: 2.133333333333333vw;
  }
}
.m-contentmaster-section__inner {
  overflow: auto;
  text-align: center;
}
.m-contentmaster-section__inner.is-hide {
  display: none;
}
@media screen and (min-width: 1024px) {
  .m-contentmaster-section__inner {
    padding: 5.514705882352941% 2.757352941176471%;
  }
}
@media screen and (max-width: 1023px) {
  .m-contentmaster-section__inner {
    padding: 6.800000000000001vw 0;
  }
}
.m-contentmaster__hdg {
  background-color: #45b463;
  color: #fff;
}
.m-contentmaster__hdg em,
.m-contentmaster__hdg span {
  display: inline-block;
  vertical-align: middle;
}
.m-contentmaster__hdg em {
  background: url("/assets/images/master/content/img_hdg_dot.svg") no-repeat left center;
  background-size: auto 100%;
  font-style: normal;
}
.m-contentmaster__hdg span {
  background-color: #fff;
  color: #45b463;
  border-radius: 100%;
}
@media screen and (min-width: 1024px) {
  .m-contentmaster__hdg {
    padding: 0.476190476190476em 0;
    font-size: 2.1rem;
    line-height: 1.428571428571429;
    border-radius: 0.523809523809524em;
  }
  .m-contentmaster__hdg em {
    margin-left: 1.047619047619048em;
    padding-left: 1.19047619047619em;
  }
  .m-contentmaster__hdg span {
    width: 1.333333333333333em;
    margin-left: 0.476190476190476em;
    font-size: 0.761904761904762em;
    line-height: 1.333333333333333;
  }
}
@media screen and (max-width: 1023px) {
  .m-contentmaster__hdg {
    width: 74vw;
    margin: 0 auto;
    padding: 3.6vw 0;
    font-size: 4vw;
    line-height: 1.4;
    border-radius: 2.133333333333333vw;
  }
  .m-contentmaster__hdg em {
    margin-left: 2.266666666666667vw;
    padding-left: 2.4vw;
  }
  .m-contentmaster__hdg span {
    width: 5.608000000000001vw;
    margin-left: 1.466666666666667vw;
    font-size: 3.466666666666666vw;
    line-height: 1.617692307692308;
  }
  .is--all .m-contentmaster__hdg {
    padding: 2.933333333333333vw;
    font-size: 4.8vw;
    line-height: 1.416666666666667;
  }
}
.m-contentmaster__each.is-hide,
.m-contentmaster__all.is-hide {
  display: none;
}
.m-contentmaster__each {
  margin-top: 1.578947368421053em;
}
@media screen and (max-width: 1023px) {
  .m-contentmaster__each {
    margin-top: 6.786666666666666vw;
  }
}
.m-contentmaster__each.is--fieldtrip .m-contentmaster-state {
  background-image: url("/assets/images/master/icon_master_fieldtrip.svg");
  background-repeat: no-repeat;
  background-size: contain;
}
.m-contentmaster__each.is--fieldtrip .m-contentmaster-state--inr {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  background: #000;
  opacity: 0.6;
  border-radius: 50%;
}
.m-contentmaster__each.is--fieldtrip .m-contentmaster-state__hdg,
.m-contentmaster__each.is--fieldtrip .m-contentmaster-state__detail em,
.m-contentmaster__each.is--fieldtrip .m-contentmaster-state__detail span {
  position: relative;
}
.m-contentmaster__each:not(.is--fieldtrip) .m-contentmaster-state {
  background-color: #4b4b4b;
}
.m-contentmaster-state {
  color: #fff;
  border-radius: 100%;
  position: relative;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 1024px) {
  .m-contentmaster-state {
    width: 8.579473684210527em;
    height: 8.579473684210527em;
    padding-top: 1.994736842105263em;
    font-size: 1.9rem;
  }
}
@media screen and (max-width: 1023px) {
  .m-contentmaster-state {
    width: 38.23466666666667vw;
    height: 38.23466666666667vw;
    padding-top: 8.893333333333334vw;
    font-size: 4.133333333333333vw;
  }
}
.m-contentmaster-state + .m-contentmaster__lead {
  margin-top: 0.3875em;
}
@media screen and (max-width: 1023px) {
  .m-contentmaster-state + .m-contentmaster__lead {
    margin-top: 2.8vw;
  }
}
.m-contentmaster-state__detail em {
  font-style: normal;
}
@media screen and (min-width: 1024px) {
  .m-contentmaster-state__detail {
    margin-top: 0.268421052631579em;
    padding-left: 1.526315789473684em;
  }
  .m-contentmaster-state__detail em {
    font-size: 6.8rem;
  }
  .m-contentmaster-state__detail span {
    font-size: 2.9rem;
  }
}
@media screen and (max-width: 1023px) {
  .m-contentmaster-state__detail {
    margin-top: 1.52vw;
    padding-left: 5.253333333333334vw;
  }
  .m-contentmaster-state__detail em {
    font-size: 15.6vw;
  }
  .m-contentmaster-state__detail span {
    font-size: 6.533333333333332vw;
  }
}
.m-contentmaster-state__list {
  color: #45b463;
}
@media screen and (min-width: 1024px) {
  .m-contentmaster-state__list {
    margin-top: 1.523809523809524em;
    font-size: 2.1rem;
  }
}
@media screen and (max-width: 1023px) {
  .m-contentmaster-state__list {
    margin: 9.906666666666666vw 5.066666666666666vw 0;
    font-size: 4.266666666666667vw;
  }
}
.m-contentmaster-state__item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  text-align: left;
}
@media screen and (min-width: 1024px) {
  .m-contentmaster-state__item + .m-contentmaster-state__item {
    margin-top: 1.185714285714286em;
  }
}
@media screen and (max-width: 1023px) {
  .m-contentmaster-state__item + .m-contentmaster-state__item {
    margin-top: 4vw;
  }
}
.m-contentmaster-state__check {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  background-color: #4b4b4b;
  border-radius: 100%;
}
@media screen and (min-width: 1024px) {
  .m-contentmaster-state__check {
    width: 2.482380952380952em;
    height: 2.482380952380952em;
  }
}
@media screen and (max-width: 1023px) {
  .m-contentmaster-state__check {
    width: 9.6vw;
    height: 9.6vw;
  }
}
.is-complete .m-contentmaster-state__check {
  background: #bae079 url("/assets/images/master/content/icon_check.svg") no-repeat center;
  background-size: 59.44753500863226% auto;
}
.m-contentmaster-state__name {
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
}
@media screen and (min-width: 1024px) {
  .m-contentmaster-state__name {
    margin: 0 0.566666666666667em;
    line-height: 1.428571428571429;
  }
}
@media screen and (max-width: 1023px) {
  .m-contentmaster-state__name {
    margin: 0 2.4vw;
    line-height: 1.28125;
  }
}
.m-contentmaster-state__link {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  background-color: #45b463;
  color: #fff;
}
@media screen and (min-width: 1024px) {
  .m-contentmaster-state__link {
    padding: 0.777777777777778em 1.777777777777778em;
    font-size: 1.8rem;
    line-height: 1.388888888888889;
    border-radius: 1.472222222222222em;
  }
}
@media screen and (max-width: 1023px) {
  .m-contentmaster-state__link {
    padding: 3.4vw 5.466666666666667vw;
    font-size: 3.733333333333334vw;
    line-height: 0.928571428571429;
    border-radius: 6vw;
  }
}
@media screen and (min-width: 1024px) {
  .m-contentmaster-state__caption {
    margin-top: 0.944444444444444em;
    font-size: 1.8rem;
    line-height: 1.6;
  }
}
@media screen and (max-width: 1023px) {
  .m-contentmaster-state__caption {
    margin-top: 5.946666666666667vw;
    font-size: 4.266666666666667vw;
    line-height: 1.61875;
  }
}
.m-contentmaster__caption {
  display: inline-block;
  position: relative;
  background-color: #fc99b4;
  color: #fff;
}
.m-contentmaster__caption::after {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  background: url("/assets/images/master/content/img_mustache.svg") no-repeat center top;
  background-size: contain;
  content: '';
}
@media screen and (min-width: 1024px) {
  .m-contentmaster__caption {
    margin-top: 1.388888888888889em;
    padding: 0.333333333333333em 0.666666666666667em;
    font-size: 1.8rem;
    line-height: 1.388888888888889;
    border-radius: 0.555555555555556em;
  }
  .m-contentmaster__caption::after {
    width: 0.54em;
    height: 0.723333333333333em;
    -webkit-transform: translateY(76.80491551459295%);
    transform: translateY(76.80491551459295%);
  }
}
@media screen and (max-width: 1023px) {
  .m-contentmaster__caption {
    margin-top: 8.799999999999999vw;
    padding: 1.333333333333333vw 2.533333333333333vw;
    font-size: 4vw;
    line-height: 1.4;
    border-radius: 1.333333333333333vw;
  }
  .m-contentmaster__caption::after {
    width: 2.194666666666667vw;
    height: 2.938666666666666vw;
    -webkit-transform: translateY(76.22504537205083%);
    transform: translateY(76.22504537205083%);
  }
}
.m-contentmaster__caption + .m-contentmaster__lead {
  margin-top: 1rem;
}
@media screen and (max-width: 1023px) {
  .m-contentmaster__caption + .m-contentmaster__lead {
    margin-top: 2vw;
  }
}
.m-contentmaster__lead span {
  display: inline-block;
  line-height: 1;
  vertical-align: middle;
}
.m-contentmaster__lead span img {
  vertical-align: top;
}
@media screen and (min-width: 1024px) {
  .m-contentmaster__lead {
    font-size: 3.2rem;
    line-height: 1.5;
  }
  .m-contentmaster__lead span {
    width: 0.66459375em;
  }
  .m-contentmaster__lead span:first-child {
    margin-right: 0.23125em;
  }
  .m-contentmaster__lead span:last-child {
    margin-left: 0.23125em;
  }
}
@media screen and (max-width: 1023px) {
  .m-contentmaster__lead {
    font-size: 7.6vw;
    line-height: 1.385964912280702;
  }
  .m-contentmaster__lead span {
    width: 4.801333333333333vw;
  }
  .m-contentmaster__lead span:first-child {
    margin-right: 1.333333333333333vw;
  }
  .m-contentmaster__lead span:last-child {
    margin-left: 1.333333333333333vw;
  }
  .is--all .m-contentmaster__lead {
    margin-top: 7.066666666666667vw;
    font-size: 6.133333333333333vw;
  }
}
.m-contentmaster__lead + .m-contentmaster-state {
  margin-top: 0.3875em;
}
@media screen and (max-width: 1023px) {
  .m-contentmaster__lead + .m-contentmaster-state {
    margin-top: 2.8vw;
  }
}
@media screen and (min-width: 1024px) {
  .m-contentmaster__icon {
    width: 36.717898832684824%;
    margin: 1.692607003891051% auto 0;
  }
}
@media screen and (max-width: 1023px) {
  .m-contentmaster__icon {
    width: 42.477333333333334vw;
    margin: 2.4vw auto 0;
  }
}
.m-contentmaster__icons {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.m-contentmaster__icons .m-contentmaster__icon {
  margin: 0;
}
@media screen and (min-width: 1024px) {
  .m-contentmaster__icons {
    width: 81.71206225680933%;
    margin: 3.696498054474708% auto 0;
  }
  .m-contentmaster__icons .m-contentmaster__icon {
    width: 31.373809523809527%;
  }
}
@media screen and (max-width: 1023px) {
  .m-contentmaster__icons {
    width: 82.99066666666666vw;
    margin: 4.266666666666667vw auto 0;
  }
  .m-contentmaster__icons .m-contentmaster__icon {
    width: 26.037333333333336vw;
  }
}
.m-contentmaster__info i {
  display: inline-block;
  width: 1.055555555555556em;
  line-height: 1;
  vertical-align: middle;
}
.m-contentmaster__info i img {
  vertical-align: top;
}
@media screen and (min-width: 1024px) {
  .m-contentmaster__info {
    margin-top: 1.111111111111111em;
    font-size: 1.8rem;
    line-height: 1.6;
  }
}
@media screen and (max-width: 1023px) {
  .m-contentmaster__info {
    margin-top: 8.4vw;
    font-size: 4.266666666666667vw;
    line-height: 1.80625;
  }
}
.m-contentmaster-btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 5.226480836236933%;
  text-align: center;
}
.m-contentmaster-btn.is-hide {
  display: none;
}
.m-contentmaster-btn__link,
.m-contentmaster-btn__back,
.m-contentmaster-btn__close {
  display: inline-block;
  position: relative;
  margin: auto;
  vertical-align: middle;
}
.m-contentmaster-btn__link::after,
.m-contentmaster-btn__back::after,
.m-contentmaster-btn__close::after {
  position: absolute;
  top: 50%;
  border-radius: 100%;
  content: '';
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
@media screen and (min-width: 1024px) {
  .m-contentmaster-btn__link,
  .m-contentmaster-btn__back,
  .m-contentmaster-btn__close {
    font-size: 2.4rem;
  }
}
@media screen and (max-width: 1023px) {
  .m-contentmaster-btn__link,
  .m-contentmaster-btn__back,
  .m-contentmaster-btn__close {
    font-size: 4.8vw;
  }
}
.m-contentmaster-btn__link {
  background-color: #45b463;
  color: #fff;
}
.m-contentmaster-btn__link::after {
  background: #fff url("/assets/images/master/content/icon_arrow_right.svg") no-repeat center;
  background-size: 45.03125% auto;
}
@media screen and (min-width: 1024px) {
  .m-contentmaster-btn__link {
    min-width: 11.333333333333334em;
    padding: 0.416666666666667em 2.166666666666667em 0.416666666666667em 1.75em;
    line-height: 1.25em;
    border-radius: 3.333333333333333em;
  }
  .m-contentmaster-btn__back + .m-contentmaster-btn__link {
    margin-left: 1.25em;
  }
  .m-contentmaster-btn__link::after {
    right: 0.791666666666667em;
    width: 1.333333333333333em;
    height: 1.333333333333333em;
  }
}
@media screen and (max-width: 1023px) {
  .m-contentmaster-btn__link {
    min-width: 42.66666666666667vw;
    padding: 1.866666666666667vw 10.552vw 1.866666666666667vw 6.093333333333334vw;
    text-align: left;
    line-height: 1.277777777777778;
    border-radius: 8vw;
  }
  .m-contentmaster-btn__back + .m-contentmaster-btn__link {
    margin-left: 4.133333333333333vw;
  }
  .m-contentmaster-btn__link::after {
    right: 3.626666666666666vw;
    width: 6.925333333333334vw;
    height: 6.925333333333334vw;
  }
}
.m-contentmaster-btn__back,
.m-contentmaster-btn__close {
  background-color: #000;
  text-align: center;
  border: none;
  color: #fff;
  cursor: pointer;
}
.m-contentmaster-btn__back::after,
.m-contentmaster-btn__close::after {
  width: 1.333333333333333em;
  height: 1.333333333333333em;
}
.m-contentmaster-btn__back::after {
  background: #fff url("/assets/images/common/icon-arrow-btn-left-white.svg") no-repeat center;
  background-size: 100% auto;
}
@media screen and (min-width: 1024px) {
  .m-contentmaster-btn__back {
    min-width: 11.333333333333334em;
    padding: 0.958333333333333em 1.75em 0.958333333333333em 2.083333333333333em;
    line-height: 1.416666666666667;
    border-radius: 1.666666666666667em;
  }
  .m-contentmaster-btn__back::after {
    left: 0.75em;
  }
}
@media screen and (max-width: 1023px) {
  .m-contentmaster-btn__back {
    width: 42.66666666666667vw;
    padding: 4.6vw 7.733333333333333vw 4.6vw 10.672vw;
    line-height: 1.416666666666667;
    border-radius: 8vw;
  }
  .m-contentmaster-btn__back::after {
    left: 3.746666666666667vw;
  }
}
.m-contentmaster-btn__close {
  padding-right: 2.125em;
  padding-left: 1.583333333333333em;
}
.m-contentmaster-btn__close::after {
  right: 0.791666666666667em;
  background: #fff url("/assets/images/common/icon-close-btn-white.svg") no-repeat center;
  background-size: 100% auto;
}
@media screen and (min-width: 1024px) {
  .m-contentmaster-btn__close {
    width: 10.416666666666666em;
    min-width: 250px;
    padding: 0.854166666666667em 2.125em 0.854166666666667em 1.583333333333333em;
    line-height: 1.625;
    border-radius: 1.666666666666667em;
  }
}
@media screen and (max-width: 1023px) {
  .m-contentmaster-btn__close {
    width: 42.66666666666667vw;
    padding: 4.666666666666667vw 2.125em 4.666666666666667vw 1.583333333333333em;
    line-height: 1.416666666666667;
    border-radius: 16.133333333333333vw;
  }
}
.m-contentmaster__close {
  position: relative;
  overflow: visible;
  width: 100%;
  height: 0;
  margin: 0;
  padding: 0;
  background-color: transparent;
  text-align: right;
  border: none;
  cursor: pointer;
}
.m-contentmaster__close img {
  display: inline;
  position: relative;
  z-index: 340;
  vertical-align: top;
}
@media screen and (min-width: 1024px) {
  .m-contentmaster__close img {
    width: 4.863rem;
    -webkit-transform: translate(50%, -50%);
    transform: translate(50%, -50%);
  }
}
@media screen and (max-width: 1023px) {
  .m-contentmaster__close img {
    width: 10.309333333333333vw;
    -webkit-transform: translate(28.841179513709264%, -45.78375581996896%);
    transform: translate(28.841179513709264%, -45.78375581996896%);
  }
}
.m-landscape-attention {
  display: none;
}
@media screen and (max-width: 1023px) and (orientation: landscape) {
  .m-landscape-attention {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 430;
    width: 100%;
    height: 100%;
    background-color: #45b463;
  }
  .m-landscape-attention__inner {
    width: 100%;
  }
  .m-landscape-attention__fig {
    width: 22.713643178410795%;
    margin: 0 auto;
  }
  .m-landscape-attention__txt {
    margin: 4.133333333333333vw auto 0;
    font-size: 2.623688155922039vw;
    text-align: center;
    color: #fff;
  }
}
.m-map-object__w100,
.m-map-object__br,
.m-map-object__bl {
  position: absolute;
  width: 100%;
}
.m-map-object__br {
  bottom: 0;
  right: 0;
}
.m-map-object__bl {
  bottom: 0;
  left: 0;
}
.m-map-grid__single {
  position: absolute;
  width: 3.870162297128589%;
  height: 3.846153846153846%;
}
.m-map-grid__2row {
  position: absolute;
  width: 5.373640092741216%;
  height: 7.058823529411764%;
}
.m-map-grid__2col {
  position: absolute;
  width: 6.211878009630819%;
  height: 4.479638009049774%;
}
.m-map-grid__3col {
  position: absolute;
  width: 8.55359372213305%;
  height: 5.113122171945701%;
}
.m-map {
  position: fixed;
  top: 0;
  left: 0;
  overflow: auto;
  width: 100%;
  height: 100%;
  background-color: #d5f987;
}
.m-map.is-opening {
  overflow: hidden;
}
@media screen and (min-width: 1024px) {
  .m-map {
    padding: 20.543825000000002vw 0 9.5rem;
  }
  .m-map.is-zoom {
    padding-top: 14.087194285714286vw;
  }
}
@media screen and (max-width: 1023px) {
  .m-map {
    padding: 42.50446551724138vw 0 16vw;
  }
  .m-map.is-zoom {
    padding-top: 25.950094736842104vw;
  }
}
.m-map-world {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.m-map-world img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -54.98233427647534%);
  transform: translate(-50%, -54.98233427647534%);
}
.m-map-field {
  position: relative;
}
.m-map-field:active {
  cursor: -webkit-grab;
  cursor: grab;
}
@media screen and (min-width: 1024px) {
  .m-map-field {
    width: 467.25000000000006vw;
    height: 184.16666666666666vw;
  }
  .is-zoom .m-map-field {
    width: 320.40000000000003vw;
    height: 126.28571428571429vw;
  }
}
@media screen and (max-width: 1023px) {
  .m-map-field {
    width: 966.7241379310345vw;
    height: 381.0344827586207vw;
  }
  .is-zoom .m-map-field {
    width: 590.2105263157895vw;
    height: 232.63157894736844vw;
  }
}
@media screen and (min-width: 1024px) {
  .m-map-field__wrapper {
    -webkit-transition: -webkit-transform 1.846s linear;
    transition: -webkit-transform 1.846s linear;
    transition: transform 1.846s linear;
    transition: transform 1.846s linear, -webkit-transform 1.846s linear;
  }
  .is-over .m-map-field__wrapper {
    -webkit-transform: scale(0.4);
    transform: scale(0.4);
  }
}
.m-map-field__inner {
  position: relative;
  width: 100%;
  height: 100%;
}
.m-map-grid__r1c22 {
  top: 2.53393665158371%;
  left: 49.17602996254682%;
}
.m-map-grid__r1c21 {
  top: 3.167420814479638%;
  left: 46.83431425004459%;
}
.m-map-grid__r1c19 {
  top: 3.800904977375565%;
  left: 42.15088282504013%;
}
.m-map-grid__r1c18 {
  top: 5.067873303167421%;
  left: 39.80916711253791%;
}
.m-map-grid__r1c16 {
  top: 5.701357466063349%;
  left: 35.12573568753344%;
}
.m-map-grid__r1c12 {
  top: 8.868778280542987%;
  left: 25.758872837524528%;
}
.m-map-grid__r1c11 {
  top: 9.502262443438914%;
  left: 23.417157125022296%;
}
.m-map-grid__r1c9 {
  top: 10.135746606334841%;
  left: 18.733725700017835%;
}
.m-map-grid__r1c9 img {
  position: absolute;
  bottom: 26.262626262626267%;
  left: 18.662072925638817%;
  width: 55.31438415159345%;
}
.m-map-grid__r1c1 {
  top: 15.203619909502262%;
  left: 0%;
}
.m-map-grid__r1c1 img {
  position: absolute;
  bottom: 36.36363636363637%;
  left: 30.1464254952627%;
  width: 50.462245190927355%;
}
.m-map-grid__r2c21 {
  top: 6.380090497737556%;
  left: 48.33779204565722%;
}
.m-map-grid__r2c20 {
  top: 7.013574660633484%;
  left: 45.996076333154996%;
}
.m-map-grid__r2c16 {
  top: 9.547511312217194%;
  left: 36.629213483146074%;
}
.m-map-grid__r2c5 {
  top: 16.515837104072396%;
  left: 10.870340645621544%;
}
.m-map-grid__r3c16 {
  top: 12.760180995475112%;
  left: 38.1326912787587%;
}
.m-map-grid__r3c14 {
  top: 13.393665158371041%;
  left: 33.449259853754235%;
}
.m-map-grid__r3c13 {
  top: 14.660633484162897%;
  left: 31.107544141252006%;
}
.m-map-grid__r3c12 {
  top: 15.294117647058824%;
  left: 28.765828428749778%;
}
.m-map-grid__r3c9 {
  top: 17.194570135746606%;
  left: 21.74068129124309%;
}
.m-map-grid__r3c5 {
  top: 19.728506787330318%;
  left: 12.373818441234173%;
}
.m-map-grid__r4c26 {
  top: 9.638009049773757%;
  left: 63.053326199393624%;
}
.m-map-grid__r4c24 {
  top: 10.271493212669682%;
  left: 58.36989477438917%;
}
.m-map-grid__r4c21 {
  top: 12.171945701357465%;
  left: 51.344747636882474%;
}
.m-map-grid__r4c19 {
  top: 13.438914027149321%;
  left: 46.66131621187801%;
}
.m-map-grid__r4c18 {
  top: 14.705882352941178%;
  left: 44.31960049937579%;
}
.m-map-grid__r4c9 {
  top: 20.407239819004523%;
  left: 23.24415908685572%;
}
.m-map-grid__r4c4 {
  top: 22.941176470588236%;
  left: 11.535580524344569%;
}
.m-map-grid__r4c4 img {
  position: absolute;
  bottom: 10.1010101010101%;
  left: 9.474590869939707%;
  width: 55.31438415159345%;
}
.m-map-grid__r4c1 {
  top: 25.475113122171944%;
  left: 4.510433386837881%;
}
.m-map-grid__r5c25 {
  top: 13.484162895927602%;
  left: 62.21508828250401%;
}
.m-map-grid__r5c21 {
  top: 15.384615384615385%;
  left: 52.84822543249509%;
}
.m-map-grid__r5c20 {
  top: 16.651583710407238%;
  left: 50.50650971999286%;
}
.m-map-grid__r5c17 {
  top: 18.552036199095024%;
  left: 43.48136258248618%;
}
.m-map-grid__r5c16 {
  top: 19.185520361990953%;
  left: 41.139646869983956%;
}
.m-map-grid__r5c13 {
  top: 21.085972850678733%;
  left: 34.11449973247726%;
}
.m-map-grid__r5c5 {
  top: 26.153846153846157%;
  left: 15.380774032459426%;
}
.m-map-grid__r6c18 {
  top: 20.497737556561084%;
  left: 47.32655609060104%;
}
.m-map-grid__r6c17 {
  top: 21.764705882352942%;
  left: 44.98484037809881%;
}
.m-map-grid__r6c15 {
  top: 23.031674208144796%;
  left: 40.30140895309435%;
}
.m-map-grid__r6c12 {
  top: 24.93212669683258%;
  left: 33.27626181558766%;
}
.m-map-grid__r6c6 {
  top: 28.733031674208142%;
  left: 19.22596754057428%;
}
.m-map-grid__r6c5 {
  top: 29.366515837104075%;
  left: 16.884251828072053%;
}
.m-map-grid__r7c10 {
  position: absolute;
  width: 8.55359372213305%;
  height: 5.113122171945701%;
  top: 28.144796380090497%;
  left: 30.096308186195824%;
}
.m-map-grid__r7c10 img {
  position: absolute;
  bottom: 3.55858407079646%;
  left: 23.823686405337778%;
  width: 58.0591743119266%;
}
.m-map-grid__r7c9 {
  top: 30.04524886877828%;
  left: 27.754592473693595%;
}
.m-map-grid__r7c5 {
  top: 32.57918552036199%;
  left: 18.387729623684677%;
}
.m-map-grid__r7c1 {
  top: 35.1131221719457%;
  left: 9.020866773675762%;
}
.m-map-grid__r7c26 {
  top: 19.276018099547514%;
  left: 67.5637595862315%;
}
.m-map-grid__r7c25 {
  top: 19.90950226244344%;
  left: 65.22204387372926%;
}
.m-map-grid__r7c24 {
  top: 20.542986425339365%;
  left: 62.88032816122704%;
}
.m-map-grid__r7c23 {
  top: 21.176470588235293%;
  left: 60.53861244872481%;
}
.m-map-grid__r7c22 {
  top: 21.809954751131222%;
  left: 58.196896736222584%;
}
.m-map-grid__r7c21 {
  top: 22.44343891402715%;
  left: 55.855181023720355%;
}
.m-map-grid__r7c20 {
  top: 23.076923076923077%;
  left: 53.51346531121812%;
}
.m-map-grid__r7c19 {
  top: 23.710407239819002%;
  left: 51.17174959871589%;
}
.m-map-grid__r7c18 {
  top: 24.34389140271493%;
  left: 48.83003388621367%;
}
.m-map-grid__r7c17 {
  top: 24.97737556561086%;
  left: 46.48831817371144%;
}
.m-map-grid__r7c16 {
  top: 25.610859728506785%;
  left: 44.146602461209206%;
}
.m-map-grid__r7c15 {
  top: 26.244343891402718%;
  left: 41.80488674870697%;
}
.m-map-grid__r7c14 {
  top: 26.877828054298643%;
  left: 39.46317103620474%;
}
.m-map-grid__r7c13 {
  top: 27.511312217194572%;
  left: 37.12145532370252%;
}
.m-map-grid__r7c12 {
  top: 28.144796380090497%;
  left: 34.77973961120029%;
}
.m-map-grid__r8c26 {
  top: 22.48868778280543%;
  left: 69.06723738184412%;
}
.m-map-grid__r8c21 {
  top: 25.02262443438914%;
  left: 57.35865881933297%;
}
.m-map-grid__r8c20 {
  top: 26.289592760180998%;
  left: 55.01694310683075%;
}
.m-map-grid__r8c18 {
  top: 26.923076923076923%;
  left: 50.333511681826295%;
}
.m-map-grid__r8c16 {
  top: 28.190045248868778%;
  left: 45.65008025682184%;
}
.m-map-grid__r8c14 {
  top: 29.457013574660635%;
  left: 40.96664883181737%;
}
.m-map-grid__r8c13 {
  top: 30.72398190045249%;
  left: 38.624933119315145%;
}
.m-map-grid__r8c12 {
  top: 31.357466063348415%;
  left: 36.28321740681291%;
}
.m-map-grid__r8c10 {
  top: 31.99095022624434%;
  left: 31.59978598180846%;
}
.m-map-grid__r8c10 img {
  position: absolute;
  bottom: 48.484848484848484%;
  left: 31.007751937984494%;
  width: 55.31438415159345%;
}
.m-map-grid__r8c9 {
  top: 33.257918552036195%;
  left: 29.258070269306224%;
}
.m-map-grid__r8c5 {
  top: 35.79185520361991%;
  left: 19.89120741929731%;
}
.m-map-grid__r9c8 {
  top: 36.470588235294116%;
  left: 28.419832352416623%;
}
.m-map-grid__r9c8 img {
  position: absolute;
  bottom: 25.252525252525253%;
  left: 19.523399368360607%;
  width: 101.90973298880274%;
}
.m-map-grid__r9c7 {
  top: 37.10407239819005%;
  left: 26.078116639914395%;
}
.m-map-grid__r9c7 img {
  position: absolute;
  bottom: 14.14141414141414%;
  left: 16.652311225954637%;
  width: 69.08125179443009%;
}
.m-map-grid__r9c6 {
  top: 38.371040723981906%;
  left: 23.736400927412166%;
}
.m-map-grid__r10c26 {
  top: 28.91402714932127%;
  left: 72.07419297306939%;
}
.m-map-grid__r10c25 {
  top: 29.547511312217196%;
  left: 69.73247726056715%;
}
.m-map-grid__r10c21 {
  top: 32.081447963800905%;
  left: 60.36561441055823%;
}
.m-map-grid__r10c20 {
  top: 32.081447963800905%;
  left: 58.023898698056%;
}
.m-map-grid__r10c19 {
  top: 32.71493212669683%;
  left: 55.68218298555377%;
}
.m-map-grid__r10c17 {
  top: 33.98190045248869%;
  left: 50.998751560549316%;
}
.m-map-grid__r10c15 {
  top: 35.248868778280546%;
  left: 46.31532013554486%;
}
.m-map-grid__r10c10 {
  top: 38.41628959276019%;
  left: 34.60674157303371%;
}
.m-map-grid__r10c9 {
  top: 39.68325791855204%;
  left: 32.26502586053147%;
}
.m-map-grid__r10c5 {
  top: 42.217194570135746%;
  left: 22.898163010522563%;
}
.m-map-grid__r11c26 {
  top: 32.126696832579185%;
  left: 73.577670768682%;
}
.m-map-grid__r11c25 {
  top: 32.76018099547511%;
  left: 71.23595505617978%;
}
.m-map-grid__r11c24 {
  top: 33.393665158371036%;
  left: 68.89423934367754%;
}
.m-map-grid__r11c10 {
  top: 41.6289592760181%;
  left: 36.110219368646334%;
}
.m-map-grid__r11c9 {
  top: 42.89592760180995%;
  left: 33.768503656144105%;
}
.m-map-grid__r11c8 {
  top: 43.529411764705884%;
  left: 31.426787943641877%;
}
.m-map-grid__r11c5 {
  top: 45.42986425339367%;
  left: 24.401640806135187%;
}
.m-map-grid__r12c14 {
  top: 42.94117647058823%;
  left: 46.98056001426787%;
}
.m-map-grid__r12c12 {
  top: 43.574660633484164%;
  left: 42.29712858926343%;
  pointer-events: none;
}
.m-map-grid__r12c11 {
  top: 44.84162895927602%;
  left: 39.955412876761194%;
  pointer-events: none;
}
.m-map-grid__r12c6 {
  top: 48.009049773755656%;
  left: 28.24683431425004%;
}
.m-map-grid__r12c4 {
  top: 48.64253393665158%;
  left: 23.563402889245584%;
}
.m-map-grid__r12c4 img {
  position: absolute;
  bottom: 12.121212121212121%;
  left: 10.335917312661499%;
  width: 59.40281366637956%;
}
.m-map-grid__r13c23 {
  top: 39.81900452488688%;
  left: 69.55947922240058%;
}
.m-map-grid__r13c19 {
  top: 42.35294117647059%;
  left: 60.19261637239165%;
}
.m-map-grid__r13c18 {
  top: 43.619909502262445%;
  left: 57.850900659889426%;
}
.m-map-grid__r13c15 {
  top: 44.8868778280543%;
  left: 50.82575352238274%;
}
.m-map-grid__r13c13 {
  top: 46.78733031674208%;
  left: 46.142322097378276%;
}
.m-map-grid__r13c12 {
  top: 47.420814479638004%;
  left: 43.80060638487605%;
}
.m-map-grid__r13c9 {
  top: 48.68778280542986%;
  left: 36.775459247369355%;
}
.m-map-grid__r13c7 {
  top: 49.95475113122172%;
  left: 32.092027822364905%;
}
.m-map-grid__r13c6 {
  top: 51.22171945701357%;
  left: 29.75031210986267%;
}
.m-map-grid__r14c26 {
  top: 41.76470588235294%;
  left: 78.0881041555199%;
}
.m-map-grid__r14c25 {
  top: 42.39819004524887%;
  left: 75.74638844301766%;
}
.m-map-grid__r14c24 {
  top: 43.0316742081448%;
  left: 73.40467273051543%;
}
.m-map-grid__r14c23 {
  top: 43.665158371040725%;
  left: 71.0629570180132%;
}
.m-map-grid__r14c22 {
  top: 44.29864253393665%;
  left: 68.72124130551096%;
}
.m-map-grid__r14c21 {
  top: 44.93212669683258%;
  left: 66.37952559300874%;
}
.m-map-grid__r14c20 {
  top: 45.56561085972851%;
  left: 64.03780988050652%;
}
.m-map-grid__r14c19 {
  top: 46.199095022624434%;
  left: 61.69609416800428%;
}
.m-map-grid__r14c18 {
  top: 46.83257918552036%;
  left: 59.35437845550206%;
}
.m-map-grid__r14c17 {
  top: 47.466063348416284%;
  left: 57.01266274299982%;
}
.m-map-grid__r14c16 {
  top: 48.09954751131222%;
  left: 54.670947030497594%;
}
.m-map-grid__r14c15 {
  top: 48.73303167420814%;
  left: 52.32923131799537%;
}
.m-map-grid__r14c14 {
  top: 49.366515837104075%;
  left: 49.98751560549314%;
}
.m-map-grid__r14c13 {
  top: 50%;
  left: 47.6457998929909%;
}
.m-map-grid__r14c12 {
  top: 50.633484162895925%;
  left: 45.30408418048867%;
}
.m-map-grid__r14c11 {
  top: 51.26696832579185%;
  left: 42.96236846798644%;
}
.m-map-grid__r14c10 {
  top: 51.90045248868779%;
  left: 40.620652755484215%;
}
.m-map-grid__r14c9 {
  top: 52.533936651583716%;
  left: 38.278937042981994%;
}
.m-map-grid__r14c8 {
  top: 53.16742081447964%;
  left: 35.93722133047976%;
}
.m-map-grid__r14c7 {
  top: 53.800904977375566%;
  left: 33.59550561797752%;
}
.m-map-grid__r14c6 {
  top: 54.43438914027149%;
  left: 31.253789905475298%;
}
.m-map-grid__r14c5 {
  top: 55.067873303167424%;
  left: 28.91207419297307%;
}
.m-map-grid__r14c4 {
  top: 55.70135746606335%;
  left: 26.57035848047084%;
}
.m-map-grid__r14c3 {
  top: 56.334841628959275%;
  left: 24.228642767968612%;
}
.m-map-grid__r14c2 {
  top: 56.9683257918552%;
  left: 21.88692705546638%;
}
.m-map-grid__r14c1 {
  top: 57.601809954751126%;
  left: 19.54521134296415%;
}
.m-map-grid__r15c26 {
  top: 44.97737556561086%;
  left: 79.59158195113253%;
}
.m-map-grid__r15c24 {
  top: 46.244343891402714%;
  left: 74.90815052612805%;
}
.m-map-grid__r15c19 {
  top: 48.77828054298642%;
  left: 63.19957196361692%;
}
.m-map-grid__r15c16 {
  top: 50.04524886877828%;
  left: 56.174424826110226%;
}
.m-map-grid__r15c15 {
  top: 51.94570135746607%;
  left: 53.832709113608004%;
}
.m-map-grid__r15c10 {
  top: 54.47963800904977%;
  left: 42.12413055109685%;
}
.m-map-grid__r15c3 {
  top: 59.547511312217196%;
  left: 25.73212056358124%;
}
.m-map-grid__r15c2 {
  top: 59.547511312217196%;
  left: 23.39040485107901%;
}
.m-map-grid__r15c1 {
  top: 60.81447963800905%;
  left: 21.04868913857678%;
}
.m-map-grid__r16c25 {
  top: 48.19004524886878%;
  left: 78.75334403424293%;
}
.m-map-grid__r16c24 {
  top: 49.457013574660635%;
  left: 76.41162832174068%;
}
.m-map-grid__r16c22 {
  top: 50.09049773755656%;
  left: 71.72819689673624%;
}
.m-map-grid__r16c14 {
  top: 55.79185520361991%;
  left: 52.994471196718386%;
}
.m-map-grid__r16c11 {
  top: 57.692307692307686%;
  left: 45.969324059211694%;
}
.m-map-grid__r17c25 {
  top: 51.40271493212669%;
  left: 80.25682182985554%;
}
.m-map-grid__r17c15 {
  top: 58.371040723981906%;
  left: 56.83966470483325%;
}
.m-map-grid__r17c13 {
  top: 59.00452488687783%;
  left: 52.15623327982879%;
}
.m-map-grid__r17c12 {
  top: 60.27149321266968%;
  left: 49.81451756732656%;
}
.m-map-grid__r17c9 {
  top: 61.53846153846154%;
  left: 42.78937042981987%;
}
.m-map-grid__r17c8 {
  top: 62.80542986425339%;
  left: 40.44765471731764%;
}
.m-map-grid__r17c7 {
  top: 63.438914027149316%;
  left: 38.10593900481541%;
}
.m-map-grid__r17c5 {
  top: 64.07239819004525%;
  left: 33.42250757981095%;
}
.m-map-grid__r18c26 {
  top: 54.61538461538461%;
  left: 84.1020153379704%;
}
.m-map-grid__r18c11 {
  top: 64.11764705882354%;
  left: 48.97627965043696%;
}
.m-map-grid__r18c10 {
  top: 64.75113122171946%;
  left: 46.63456393793473%;
}
.m-map-grid__r18c4 {
  top: 68.55203619909503%;
  left: 32.58426966292135%;
}
.m-map-grid__r18c2 {
  top: 69.18552036199095%;
  left: 27.900838237916886%;
}
.m-map-grid__r18c1 {
  top: 70.4524886877828%;
  left: 25.559122525414658%;
}
.m-map-grid__r19c7 {
  top: 69.86425339366515%;
  left: 41.11289459604066%;
}
.m-map-grid__r20c6 {
  top: 73.710407239819%;
  left: 40.27465667915106%;
}
.m-map-grid__r20c4 {
  top: 74.34389140271493%;
  left: 35.5912252541466%;
}
.m-map-grid__r20c1 {
  top: 76.87782805429865%;
  left: 28.566078116639915%;
}
.m-map-grid__r21c6 {
  top: 76.289592760181%;
  left: 41.77813447476369%;
}
.m-map-grid__r21c4 {
  top: 77.55656108597286%;
  left: 37.09470304975923%;
}
.m-map-grid__r21c2 {
  top: 78.82352941176471%;
  left: 32.411271624754775%;
}
.m-map-grid__r22c1 {
  top: 83.30316742081449%;
  left: 31.573033707865168%;
}
.m-map__site-board-base {
  position: absolute;
  top: 37.828054298642535%;
  left: 47.818797931157484%;
  width: 10.057071517745674%;
  height: 8.325791855203619%;
}
.m-map__site-board {
  position: absolute;
  width: 5.674168004280363%;
  top: 29.872624434389138%;
  left: 48.70524344569288%;
}
html[lang="en"] ._work .m-map__site-board {
  top: 30.131466063348416%;
  left: 48.89995362939183%;
}
.m-map__site-board-frame {
  position: absolute;
  top: 8.544357235782211%;
  left: 6.234374538347598%;
  overflow: hidden;
  width: 91.21422370412%;
  height: 77.91158707320646%;
}
.m-map__site-board-signage {
  position: absolute;
  bottom: 0;
  left: 0;
  height: auto;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
html[lang="ja"] .m-map__site-board-signage {
  width: 500%;
  -webkit-animation: signage 12s linear 4s infinite forwards;
  animation: signage 12s linear 4s infinite forwards;
}
html[lang="en"] .m-map__site-board-signage {
  width: 100%;
}
.is-over .m-map__site-board-signage {
  -webkit-animation: none;
  animation: none;
}
.m-map__site-board-deco {
  position: absolute;
  width: 5.788657035848047%;
  top: 29.601131221719456%;
  left: 48.70524344569288%;
}
html[lang="en"] ._work .m-map__site-board-deco {
  top: 29.859972850678734%;
  left: 48.89995362939183%;
}
.m-map__board-children {
  position: absolute;
  top: 41.04072398190045%;
  left: 49.32227572677011%;
  width: 8.55359372213305%;
  height: 5.113122171945701%;
}
._work .m-map__board-children {
  position: absolute;
  top: 41.04072398190045%;
  left: 49.32227572677011%;
  width: 8.55359372213305%;
  height: 5.113122171945701%;
}
.m-map__board-summer-work {
  position: absolute;
  width: 7.061400035669699%;
  top: 45.248868778280546%;
  left: 49.24201890494025%;
}
.m-map__board-autumn-leaves-work {
  position: absolute;
  width: 7.741120028535758%;
  top: 45.248868778280546%;
  left: 49.24201890494025%;
}
.m-map__board-autumn-xmas-work {
  position: absolute;
  width: 6.675785625111468%;
  top: 44.75113122171946%;
  left: 49.8840734795791%;
}
.m-map__board-snow-work {
  position: absolute;
  width: 7.295138220082041%;
  top: 45.203619909502265%;
  left: 49.17067950775816%;
}
.m-map__board-setsubun-work {
  position: absolute;
  width: 6.835783841626538%;
  top: 45.248868778280546%;
  left: 49.652220438737295%;
}
.m-map__board-hinamatsuri-work {
  position: absolute;
  width: 8.00087390761548%;
  top: 45.158371040723985%;
  left: 48.86748706973426%;
}
.m-map__board-koinobori-work {
  position: absolute;
  width: 8.00087390761548%;
  top: 45.158371040723985%;
  left: 48.86748706973426%;
}
.m-map__board-tsuyu-work {
  position: absolute;
  width: 8.009427501337614%;
  top: 44.70588235294118%;
  left: 48.7426431246656%;
}
.m-map__board-susuki-work {
  position: absolute;
  width: 7.471460674157303%;
  top: 45.203619909502265%;
  left: 49.152844658462634%;
}
.m-map__board-summer {
  position: absolute;
  width: 8.042261458890671%;
  top: 44.126696832579185%;
  left: 48.87640449438202%;
}
.m-map__board-summerfes {
  position: absolute;
  top: 37.828054298642535%;
  left: 47.818797931157484%;
  width: 10.057071517745674%;
  height: 8.325791855203619%;
}
.m-map__board-summerfes-tosei {
  position: absolute;
  top: 37.828054298642535%;
  left: 47.818797931157484%;
  width: 10.057071517745674%;
  height: 8.325791855203619%;
}
.m-map__board-halloween {
  position: absolute;
  width: 8.042261458890671%;
  top: 45.07692307692308%;
  left: 48.519707508471555%;
}
.m-map__board-autumn-leaves {
  position: absolute;
  width: 8.112174068129125%;
  top: 43.07692307692308%;
  left: 48.61779917959693%;
}
.m-map__board-autumn-xmas {
  position: absolute;
  width: 8.042261458890671%;
  top: 44.11764705882353%;
  left: 48.61779917959693%;
}
.m-map__board-snow {
  position: absolute;
  width: 8.042261458890671%;
  top: 45.248868778280546%;
  left: 48.7426431246656%;
}
.m-map__board-setsubun {
  position: absolute;
  width: 7.769851970750848%;
  top: 45.248868778280546%;
  left: 48.72480827537007%;
}
.m-map__board-hinamatsuri {
  position: absolute;
  width: 7.85478509006599%;
  top: 45.47511312217195%;
  left: 48.86748706973426%;
}
.m-map__board-koinobori {
  position: absolute;
  width: 7.85478509006599%;
  top: 45.248868778280546%;
  left: 48.95666131621188%;
}
.m-map__board-tsuyu {
  position: absolute;
  width: 8.139315141787051%;
  top: 45.38461538461539%;
  left: 48.582129481005886%;
}
.m-map__board-susuki {
  position: absolute;
  width: 7.437128589263422%;
  top: 45.248868778280546%;
  left: 49.29552345282682%;
}
.m-map__board-btn {
  position: absolute;
  width: 3.952578919208133%;
  top: 42.492493212669686%;
  left: 52.14259140360264%;
  z-index: 1;
  background-color: transparent;
  border: none;
  cursor: pointer;
  -webkit-transition: -webkit-transform 0.22s ease-in;
  transition: -webkit-transform 0.22s ease-in;
  transition: transform 0.22s ease-in;
  transition: transform 0.22s ease-in, -webkit-transform 0.22s ease-in;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}
@media screen and (min-width: 1024px) {
  .m-map__board-btn:hover {
    -webkit-transform: translateY(0px) scale(1.1);
    transform: translateY(0px) scale(1.1);
  }
}
.m-map__board-btn__contents-questionnaire {
  position: absolute;
  width: 4.033130016051365%;
  top: 41.94950678733032%;
  left: 52.14259140360264%;
  z-index: 1;
  background-color: transparent;
  border: none;
  cursor: pointer;
  -webkit-transition: -webkit-transform 0.22s ease-in;
  transition: -webkit-transform 0.22s ease-in;
  transition: transform 0.22s ease-in;
  transition: transform 0.22s ease-in, -webkit-transform 0.22s ease-in;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}
@media screen and (min-width: 1024px) {
  .m-map__board-btn__contents-questionnaire:hover {
    -webkit-transform: translateY(0px) scale(1.1);
    transform: translateY(0px) scale(1.1);
  }
}
.m-map__board-btn__photo_contest,
.m-map__board-btn__typing,
.m-map__board-btn__questionnaire {
  position: absolute;
  width: 3.827358658819333%;
  top: 42.447244343891406%;
  left: 51.94640806135188%;
  background-color: transparent;
  border: none;
  cursor: pointer;
  -webkit-transition: -webkit-transform 0.22s ease-in;
  transition: -webkit-transform 0.22s ease-in;
  transition: transform 0.22s ease-in;
  transition: transform 0.22s ease-in, -webkit-transform 0.22s ease-in;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}
@media screen and (min-width: 1024px) {
  .m-map__board-btn__photo_contest:hover,
  .m-map__board-btn__typing:hover,
  .m-map__board-btn__questionnaire:hover {
    -webkit-transform: translateY(0px) scale(1.1);
    transform: translateY(0px) scale(1.1);
  }
}
.m-map__board-btn__questionnaire {
  top: 42.08072850678733%;
  left: 52.18878366327805%;
}
.m-map__board-work {
  position: absolute;
  width: 4.0107544141252%;
  top: 39.04151583710407%;
  left: 51.24884251828071%;
  z-index: 1;
}
html[lang="en"] .m-map__board-work {
  width: 4.736044230426254%;
  top: 38.64253393665159%;
  left: 51.079008382379165%;
}
.m-map__terrace {
  position: absolute;
  top: 0.633484162895928%;
  left: 53.85946138755128%;
  width: 9.218833600856073%;
  height: 10.904977375565611%;
}
.m-map__sumidagawa {
  position: absolute;
  top: 0%;
  left: 51.517745675049056%;
  width: 18.412698412698415%;
  height: 21.809954751131222%;
}
.m-map__construction {
  position: absolute;
  top: 23.122171945701357%;
  left: 62.042090244337444%;
  width: 8.55359372213305%;
  height: 5.113122171945701%;
}
.m-map__sensoji {
  position: absolute;
  top: 8.959276018099548%;
  left: 49.84126984126984%;
  width: 6.211878009630819%;
  height: 4.479638009049774%;
}
.m-map__tamako {
  position: absolute;
  top: 22.35294117647059%;
  left: 22.405921169966117%;
  width: 12.398787230247905%;
  height: 8.959276018099548%;
}
.m-map__tamako img {
  position: absolute;
  bottom: 12.323232323232322%;
  left: 18.656501726121977%;
  width: 67.3331415420023%;
}
.m-map__takaosan {
  position: absolute;
  top: 46.06334841628959%;
  left: 15.034777956126272%;
  width: 12.398787230247905%;
  height: 8.959276018099548%;
}
.m-map__takaosan img {
  position: absolute;
  bottom: 17.67676767676768%;
  left: 17.232451093210585%;
  width: 65.0891829689298%;
}
.m-map__nippara {
  position: absolute;
  top: 14.615384615384617%;
  left: 15.553772070626003%;
  width: 7.715355805243446%;
  height: 7.692307692307693%;
}
.m-map__nippara img {
  position: absolute;
  bottom: 14.117647058823529%;
  left: 10.587147480351362%;
  width: 62.094313453536756%;
}
.m-map__tengu {
  position: absolute;
  top: 28.099547511312217%;
  left: 21.567683253076513%;
  width: 3.870162297128589%;
  height: 3.846153846153846%;
}
.m-map__hossawa {
  position: absolute;
  top: 30.63348416289593%;
  left: 9.859104690565363%;
  width: 6.211878009630819%;
  height: 4.479638009049774%;
}
.m-map__hossawa img {
  position: absolute;
  bottom: 11.414141414141415%;
  left: 26.500143554407117%;
  width: 71.61355153603216%;
}
.m-map__shinsengumi {
  position: absolute;
  top: 34.52488687782805%;
  left: 24.574638844301766%;
  width: 3.870162297128589%;
  height: 3.846153846153846%;
}
.m-map__akikawa {
  position: absolute;
  top: 36.425339366515836%;
  left: 12.86606028179062%;
  width: 10.057071517745674%;
  height: 8.325791855203619%;
}
.m-map__akikawa img {
  position: absolute;
  bottom: 25.271739130434785%;
  left: 6.064905125022168%;
  width: 70.05504522078382%;
}
.m-map__ogouchi {
  position: absolute;
  top: 17.149321266968325%;
  left: 3.845193508114856%;
  width: 10.057071517745674%;
  height: 8.325791855203619%;
}
.m-map__ogouchi img {
  position: absolute;
  bottom: 20.108695652173914%;
  left: 2.71324702961518%;
  width: 86.82812555417628%;
}
.m-map__skytree {
  position: absolute;
  top: 14.117647058823529%;
  left: 59.873372570001784%;
  width: 3.870162297128589%;
  height: 3.846153846153846%;
}
.m-map__yagiri {
  position: absolute;
  top: 0%;
  left: 58.54289281255575%;
  width: 6.877117888353844%;
  height: 10.271493212669682%;
}
.m-map__uenozoo {
  position: absolute;
  top: 7.647058823529412%;
  left: 38.9709291956483%;
  width: 10.057071517745674%;
  height: 8.325791855203619%;
}
.m-map__chochin {
  position: absolute;
  top: 17.918552036199095%;
  left: 45.82307829498841%;
  width: 3.870162297128589%;
  height: 3.846153846153846%;
}
.m-map__tokyo-food {
  position: absolute;
  top: 44.25339366515837%;
  left: 55.50918494738719%;
  width: 3.870162297128589%;
  height: 3.846153846153846%;
}
.m-map__kiriko {
  position: absolute;
  top: 17.285067873303166%;
  left: 48.164794007490634%;
  width: 3.870162297128589%;
  height: 3.846153846153846%;
}
.m-map__school {
  position: absolute;
  top: 18.597285067873305%;
  left: 54.351703228107716%;
  width: 6.211878009630819%;
  height: 4.479638009049774%;
}
.m-map__usui {
  position: absolute;
  top: 16.606334841628957%;
  left: 34.95273764936687%;
  width: 7.715355805243446%;
  height: 7.692307692307693%;
}
.m-map__waterservices {
  position: absolute;
  top: 15.339366515837105%;
  left: 41.97788478687355%;
  width: 3.870162297128589%;
  height: 3.846153846153846%;
}
.m-map__manhole {
  position: absolute;
  top: 23.66515837104072%;
  left: 37.95969324059212%;
  width: 3.870162297128589%;
  height: 3.846153846153846%;
}
.m-map__tokyo-station {
  position: absolute;
  top: 30.18099547511312%;
  left: 62.70733012306046%;
  width: 8.55359372213305%;
  height: 5.113122171945701%;
}
.m-map__remote {
  position: absolute;
  top: 33.348416289592755%;
  left: 55.68218298555377%;
  width: 3.870162297128589%;
  height: 3.846153846153846%;
}
.m-map__tocho {
  position: absolute;
  top: 36.515837104072396%;
  left: 39.290172998038166%;
  width: 10.057071517745674%;
  height: 8.325791855203619%;
  pointer-events: none;
}
.m-map__kokyo {
  position: absolute;
  top: 34.02714932126697%;
  left: 61.86909220617086%;
  width: 10.057071517745674%;
  height: 8.325791855203619%;
}
.m-map__kokuritsu {
  position: absolute;
  top: 35.92760180995475%;
  left: 54.843945068664176%;
  width: 10.057071517745674%;
  height: 8.325791855203619%;
}
.m-map__hospital {
  position: absolute;
  top: 45.47511312217195%;
  left: 35.27198145175674%;
  width: 6.211878009630819%;
  height: 4.479638009049774%;
  pointer-events: none;
}
.m-map__tokyotokyo {
  position: absolute;
  top: 46.87782805429864%;
  left: 70.2247191011236%;
  width: 6.211878009630819%;
  height: 4.479638009049774%;
}
.m-map__disaster {
  position: absolute;
  top: 45.61085972850679%;
  left: 77.24986623863029%;
  width: 3.870162297128589%;
  height: 3.846153846153846%;
}
.m-map__tokyotower {
  position: absolute;
  top: 48.1447963800905%;
  left: 67.88300338862136%;
  width: 3.870162297128589%;
  height: 3.846153846153846%;
}
.m-map__unknown {
  position: absolute;
  top: 46.199095022624434%;
  left: 61.69609416800428%;
  width: 3.870162297128589%;
  height: 3.846153846153846%;
}
.m-map__gijido {
  position: absolute;
  top: 41.08597285067873%;
  left: 64.87604779739611%;
  width: 6.211878009630819%;
  height: 4.479638009049774%;
}
.m-map__komazawa-park {
  position: absolute;
  top: 57.01357466063348%;
  left: 30.415551988585698%;
  width: 10.057071517745674%;
  height: 8.325791855203619%;
}
.m-map__shibuya-base {
  position: absolute;
  top: 52.579185520361996%;
  left: 46.807561976101304%;
  width: 10.057071517745674%;
  height: 8.325791855203619%;
}
.m-map__shibuya {
  position: absolute;
  top: 53.21266968325792%;
  left: 46.807561976101304%;
  width: 7.715355805243446%;
  height: 7.692307692307693%;
}
.m-map__fire-police-car {
  position: absolute;
  top: 38.55203619909503%;
  left: 74.24291064740504%;
  width: 6.211878009630819%;
  height: 4.479638009049774%;
}
.m-map__machikoba {
  position: absolute;
  top: 72.39819004524887%;
  left: 29.404316033529515%;
  width: 7.715355805243446%;
  height: 7.692307692307693%;
}
.m-map__rainbowbridge {
  position: absolute;
  top: 56.470588235294116%;
  left: 61.523096129837704%;
  width: 6.211878009630819%;
  height: 4.479638009049774%;
}
.m-map__kaizuka {
  position: absolute;
  top: 67.28506787330318%;
  left: 34.92598537542358%;
  width: 7.715355805243446%;
  height: 7.692307692307693%;
}
.m-map__container-terminal {
  position: absolute;
  top: 79.50226244343891%;
  left: 38.59818084537186%;
  width: 10.89530943463528%;
  height: 5.746606334841629%;
}
.m-map__haneda-airport {
  position: absolute;
  top: 66.69683257918551%;
  left: 43.45461030854289%;
  width: 17.747458533975387%;
  height: 16.018099547511312%;
}
.m-map__park {
  position: absolute;
  top: 6.968325791855204%;
  left: 28.100588550026757%;
  width: 10.057071517745674%;
  height: 8.325791855203619%;
}
.m-map__solar-panel-01 {
  position: absolute;
  top: 55.248868778280546%;
  left: 79.41858391296593%;
  width: 7.715355805243446%;
  height: 7.692307692307693%;
}
.m-map__solar-panel-02 {
  position: absolute;
  top: 61.040723981900456%;
  left: 84.76725521669343%;
  width: 7.715355805243446%;
  height: 7.692307692307693%;
}
.m-map__ogasawara {
  position: absolute;
  top: 80.27149321266968%;
  left: 71.20920278223649%;
  width: 17.082218655252362%;
  height: 10.226244343891402%;
}
.m-map__ship {
  position: absolute;
  top: 89.14027149321268%;
  left: 47.792045657214196%;
  width: 6.211878009630819%;
  height: 4.479638009049774%;
}
.m-map__rail {
  position: absolute;
  top: 25.701357466063346%;
  left: 33.10326377742108%;
  width: 41.33761369716426%;
  height: 13.981900452488688%;
}
.m-map__urbansports {
  position: absolute;
  top: 55.74660633484163%;
  left: 37.44069912609238%;
  width: 7.715355805243446%;
  height: 7.692307692307693%;
}
.m-map__ecocar {
  position: absolute;
  top: 58.91402714932127%;
  left: 28.07383627608347%;
  width: 3.870162297128589%;
  height: 3.846153846153846%;
}
.m-map__consultation {
  position: absolute;
  top: 65.38461538461539%;
  left: 44.29284822543249%;
  width: 3.870162297128589%;
  height: 3.846153846153846%;
}
.m-map__koganei {
  position: absolute;
  top: 62.126696832579185%;
  left: 22.552166934189405%;
  width: 12.398787230247905%;
  height: 8.959276018099548%;
}
.m-map__aquatics {
  position: absolute;
  top: 53.30316742081448%;
  left: 73.23167469234886%;
  width: 7.715355805243446%;
  height: 7.692307692307693%;
}
.m-map__bicycle-road {
  position: absolute;
  top: 19.276018099547514%;
  left: 34.77973961120029%;
  width: 36.65418227215981%;
  height: 12.714932126696832%;
}
.m-map__road {
  position: absolute;
  top: 41.76470588235294%;
  left: 19.54521134296415%;
  width: 62.413055109684336%;
  height: 19.683257918552037%;
  pointer-events: none;
}
.m-map__move-car {
  position: absolute;
  top: 41.13122171945701%;
  left: 80.42981986802211%;
  width: 3.870162297128589%;
  height: 3.846153846153846%;
  -webkit-transform: translate(0%, 0%);
  transform: translate(0%, 0%);
  -webkit-transition: -webkit-transform 22s linear;
  transition: -webkit-transform 22s linear;
  transition: transform 22s linear;
  transition: transform 22s linear, -webkit-transform 22s linear;
}
.m-map__move-car.is-waiting {
  opacity: 0;
  -webkit-transition: none;
  transition: none;
}
.m-map__move-car.is-driving {
  -webkit-transform: translate(-1633.6866359447008%, 444.7058823529412%);
  transform: translate(-1633.6866359447008%, 444.7058823529412%);
}
.m-map__move-car-backward {
  position: absolute;
  top: 28.778280542986423%;
  left: 32.438023898698056%;
  width: 3.870162297128589%;
  height: 3.846153846153846%;
  -webkit-transform: translate(0%, 0%);
  transform: translate(0%, 0%);
  -webkit-transition: -webkit-transform 22s linear;
  transition: -webkit-transform 22s linear;
  transition: transform 22s linear;
  transition: transform 22s linear, -webkit-transform 22s linear;
}
.m-map__move-car-backward.is-waiting {
  opacity: 0;
  -webkit-transition: none;
  transition: none;
}
.m-map__move-car-backward.is-driving {
  -webkit-transform: translate(1028.6175115207375%, -280%);
  transform: translate(1028.6175115207375%, -280%);
}
.m-map__move-bicycle {
  position: absolute;
  top: 18.009049773755656%;
  left: 72.24719101123597%;
  width: 3.870162297128589%;
  height: 3.846153846153846%;
  -webkit-transform: translate(0%, 0%);
  transform: translate(0%, 0%);
  -webkit-transition: -webkit-transform 28s linear;
  transition: -webkit-transform 28s linear;
  transition: transform 28s linear;
  transition: transform 28s linear, -webkit-transform 28s linear;
}
.m-map__move-bicycle.is-waiting {
  opacity: 0;
  -webkit-transition: none;
  transition: none;
}
.m-map__move-bicycle.is-driving {
  -webkit-transform: translate(-1028.6175115207375%, 280%);
  transform: translate(-1028.6175115207375%, 280%);
}
.m-map__road-light {
  position: absolute;
  top: 44.93212669683258%;
  left: 61.69609416800428%;
  width: 8.55359372213305%;
  height: 5.113122171945701%;
}
.m-map__bus {
  position: absolute;
  top: 52.533936651583716%;
  left: 38.278937042981994%;
  width: 3.870162297128589%;
  height: 3.846153846153846%;
}
.m-map__bus img {
  bottom: 47.28364705882353%;
  right: -2.773179723502304%;
  width: 47.98617511520737%;
}
.m-map__train {
  position: absolute;
  top: 25.06787330316742%;
  left: 68.22899946495453%;
  width: 8.55359372213305%;
  height: 5.113122171945701%;
  -webkit-transform: translate(0%, 0%);
  transform: translate(0%, 0%);
  -webkit-transition: -webkit-transform 8s linear;
  transition: -webkit-transform 8s linear;
  transition: transform 8s linear;
  transition: transform 8s linear, -webkit-transform 8s linear;
}
.m-map__train.is-waiting {
  opacity: 0;
  -webkit-transition: none;
  transition: none;
}
.m-map__train.is-driving {
  -webkit-transform: translate(-479.0971643035863%, 216.8141592920354%);
  transform: translate(-479.0971643035863%, 216.8141592920354%);
}
.m-map__container-01 {
  position: absolute;
  top: 57.78280542986425%;
  left: 72.39343677545924%;
  width: 3.870162297128589%;
  height: 3.846153846153846%;
}
.m-map__container-01 img {
  bottom: 16.211882352941174%;
  right: 39.899723502304155%;
  width: 37.672396313364054%;
}
.m-map__container-02 {
  position: absolute;
  top: 58.41628959276019%;
  left: 70.05172106295701%;
  width: 3.870162297128589%;
  height: 3.846153846153846%;
}
.m-map__container-02 img {
  bottom: 25.67494117647059%;
  right: 9.36889400921659%;
  width: 37.672396313364054%;
}
.m-map__container-03 {
  position: absolute;
  top: 60.36199095022624%;
  left: 76.23863028357411%;
  width: 3.870162297128589%;
  height: 3.846153846153846%;
}
.m-map__container-03 img {
  bottom: 12.710235294117647%;
  right: 34.36884792626728%;
  width: 37.672396313364054%;
}
.m-map__crane-01 {
  position: absolute;
  top: 59.04977375565611%;
  left: 67.7100053504548%;
  width: 3.870162297128589%;
  height: 3.846153846153846%;
}
.m-map__crane-01 img {
  bottom: 27.717294117647057%;
  right: -11.683778801843319%;
  width: 56.01926267281107%;
}
.m-map__crane-02 {
  position: absolute;
  top: 59.68325791855204%;
  left: 65.36828963795256%;
  width: 3.870162297128589%;
  height: 3.846153846153846%;
}
.m-map__crane-02 img {
  bottom: 23.032705882352943%;
  right: -14.42327188940092%;
  width: 56.01926267281107%;
}
.m-map__crane-03 {
  position: absolute;
  top: 59.72850678733032%;
  left: 78.58034599607633%;
  width: 3.870162297128589%;
  height: 3.846153846153846%;
}
.m-map__crane-03 img {
  bottom: 18.907176470588237%;
  right: 16.317188940092166%;
  width: 56.01926267281107%;
}
.m-map__shallow {
  position: absolute;
  width: 1.136436597110754%;
  top: 88.02254298642534%;
  left: 63.40209381130729%;
}
.m-map__island-01 {
  position: absolute;
  width: 2.272694845728553%;
  top: 85.1874886877828%;
  left: 64.10972534332086%;
}
.m-map__island-02 {
  position: absolute;
  width: 2.272694845728553%;
  top: 92.98874660633484%;
  left: 48.94697699304441%;
}
.m-map__moyai {
  position: absolute;
  width: 2.342250757981095%;
  top: 70.02288235294117%;
  left: 66.81123952202604%;
}
.m-map__mikura {
  position: absolute;
  width: 5.164080613518816%;
  top: 74.1016742081448%;
  left: 71.43976993044409%;
}
.m-map__dolphin {
  position: absolute;
  width: 1.325664348136258%;
  top: 77.05094117647059%;
  left: 71.10719101123595%;
}
.m-map__aogashima {
  position: absolute;
  width: 5.827180310326378%;
  top: 73.56573755656109%;
  left: 77.90795612627073%;
}
.m-map__ogasawara {
  position: absolute;
  width: 12.232566434813625%;
  top: 73.8712850678733%;
  left: 82.15174603174604%;
}
.m-map__yachat {
  position: absolute;
  width: 1.233993222757268%;
  top: 83.57819457013575%;
  left: 53.22320670590334%;
}
.m-map__yacht {
  position: absolute;
  width: 1.233993222757268%;
  top: 83.57819457013575%;
  left: 53.22320670590334%;
}
.m-map__ship {
  position: absolute;
  width: 4.474942036739789%;
  top: 87.53698642533936%;
  left: 53.150686641697874%;
}
.m-map__ferry {
  position: absolute;
  width: 3.800112359550562%;
  top: 68.65927601809955%;
  left: 75.07547529873372%;
}
.m-map-board__newspaper {
  position: absolute;
  width: 4.464954521134296%;
  top: 9.906737556561085%;
  left: 53.80584091314429%;
}
html[lang="en"] .m-map-board__newspaper {
  top: 9.906737556561085%;
}
.m-map-board__work {
  position: absolute;
  width: 4.464954521134296%;
  top: 23.751131221719458%;
  left: 59.52544141252007%;
}
.m-map-board__fieldtrip {
  position: absolute;
  width: 4.464954521134296%;
  top: 36.31193665158371%;
  left: 39.90316925271981%;
}
html[lang="en"] .m-map-board__fieldtrip {
  top: 36.80967420814479%;
}
.m-map-board__sugoroku {
  position: absolute;
  width: 4.536650615302301%;
  top: 44.762954751131225%;
  left: 50.98769038701624%;
}
html[lang="en"] .m-map-board__sugoroku {
  top: 45.751190045248876%;
}
.m-map-board__typing {
  position: absolute;
  width: 4.536650615302301%;
  top: 46.947117647058825%;
  left: 42.46263242375603%;
}
html[lang="en"] .m-map-board__typing {
  top: 47.865217194570135%;
}
.m-map-board__soudan {
  position: absolute;
  width: 4.379347244515784%;
  top: 56.615244343891405%;
  left: 43.82815052612805%;
}
.m-map-board__htt {
  position: absolute;
  width: 4.966292134831461%;
  top: 26.69683257918552%;
  left: 49.08150526128055%;
}
.m-map-board__htt button {
  width: 100%;
  margin: 0;
  padding: 0;
  background: none;
  border: none;
}
.m-map-board__application {
  position: absolute;
  width: 1.082218655252363%;
  top: 28.542891402714933%;
  left: 46.98362404137685%;
}
@media screen and (min-width: 1024px) {
  .m-map-board__application.m-map-board__hover a {
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}
.m-map-board__handbook {
  position: absolute;
  width: 1.272837524522918%;
  top: 27.37556561085973%;
  left: 46.76297485286249%;
  z-index: 2;
}
.m-map-board__handbook button {
  width: 100%;
  margin: 0;
  padding: 0;
  background: none;
  border: none;
}
@media screen and (min-width: 1024px) {
  .m-map-board__handbook.m-map-board__hover a {
    -webkit-transform-origin: left bottom !important;
    transform-origin: left bottom !important;
  }
}
.m-map-board__voice {
  position: absolute;
  width: 4.240413768503656%;
  top: 25.05762443438914%;
  left: 55.80747993579455%;
}
.m-map-board__kodomo-mirai-action {
  position: absolute;
  width: 1.057833065810594%;
  top: 33.619909502262445%;
  left: 46.9948278937043%;
}
.m-map-board__kodomo-mirai-action button {
  width: 100%;
  margin: 0;
  padding: 0;
  background: none;
  border: none;
}
@media screen and (min-width: 1024px) {
  .m-map-board__kodomo-mirai-action.m-map-board__hover a {
    -webkit-transform-origin: left bottom !important;
    transform-origin: left bottom !important;
  }
}
.m-map-board__tokyoquiz {
  position: absolute;
  width: 4.379347244515784%;
  top: 41.74256108597285%;
  left: 57.96589798466203%;
}
html[lang="en"] .m-map-board__tokyoquiz {
  top: 41.74256108597285%;
}
.m-map-board__learning-spot {
  position: absolute;
  width: 0.937934724451578%;
  top: 38.68778280542987%;
  left: 46.441947565543074%;
}
.m-map-board__gyutto-chat {
  position: absolute;
  width: 3.851970750847155%;
  top: 35.70135746606335%;
  left: 60.317460317460316%;
}
.m-map__cloud {
  position: absolute;
}
.m-map__cloud.is-1 {
  bottom: 0;
  left: 0;
  width: 22.39860888175495%;
}
.m-map__cloud.is-2 {
  top: 53.59356108597285%;
  left: 10.567151774567504%;
  width: 12.907972177635099%;
}
.m-map__cloud.is-3 {
  top: 75.8920407239819%;
  left: 17.860709827001962%;
  width: 10.347957909755664%;
}
.m-map__cloud.is-4 {
  top: 87.80199547511312%;
  left: 32.098805065097196%;
  width: 13.511860174781523%;
}
.m-map__cloud.is-5 {
  top: -11.155018099547512%;
  right: 0;
  width: 33.17121455323703%;
}
.m-map__cloud.is-6 {
  top: 9.267153846153846%;
  left: 69.64151952915998%;
  width: 12.000535045478866%;
}
.m-map__cloud.is-7 {
  top: 31.611950226244346%;
  left: 79.96950240770467%;
  width: 9.431960049937578%;
}
.m-map__cloud.is-8 {
  top: 26.871678733031672%;
  left: 92.68824683431424%;
  width: 6.649901908328874%;
}
.m-map__cloud.is-9 {
  top: 40.90833031674208%;
  right: 0;
  width: 10.392901729980382%;
}
.m-map-board__hover a {
  display: block;
}
@media screen and (min-width: 1024px) {
  .m-map-board__hover a {
    -webkit-transition: -webkit-transform 0.22s ease-in;
    transition: -webkit-transform 0.22s ease-in;
    transition: transform 0.22s ease-in;
    transition: transform 0.22s ease-in, -webkit-transform 0.22s ease-in;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
  }
  .m-map-board__hover a:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
}
@-webkit-keyframes signage {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  25% {
    -webkit-transform: translate3d(-40%, 20.58517386071626%, 0);
    transform: translate3d(-40%, 20.58517386071626%, 0);
  }
  50% {
    -webkit-transform: translate3d(-40%, 20.58517386071626%, 0);
    transform: translate3d(-40%, 20.58517386071626%, 0);
  }
  75% {
    -webkit-transform: translate3d(-80%, 41.17034772143252%, 0);
    transform: translate3d(-80%, 41.17034772143252%, 0);
  }
  100% {
    -webkit-transform: translate3d(-80%, 41.17034772143252%, 0);
    transform: translate3d(-80%, 41.17034772143252%, 0);
  }
}
@keyframes signage {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  25% {
    -webkit-transform: translate3d(-40%, 20.58517386071626%, 0);
    transform: translate3d(-40%, 20.58517386071626%, 0);
  }
  50% {
    -webkit-transform: translate3d(-40%, 20.58517386071626%, 0);
    transform: translate3d(-40%, 20.58517386071626%, 0);
  }
  75% {
    -webkit-transform: translate3d(-80%, 41.17034772143252%, 0);
    transform: translate3d(-80%, 41.17034772143252%, 0);
  }
  100% {
    -webkit-transform: translate3d(-80%, 41.17034772143252%, 0);
    transform: translate3d(-80%, 41.17034772143252%, 0);
  }
}
.m-modal {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 340;
  overflow: auto;
  width: 100%;
  height: 100%;
}
@media screen and (min-width: 1024px) {
  .m-modal {
    padding-top: 2.375rem;
    padding-bottom: 11.875rem;
  }
}
@media screen and (max-width: 1023px) {
  .m-modal {
    padding-top: 5.333333333333334vw;
    padding-bottom: 20vw;
  }
}
.m-modal__overlay {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 340;
  width: 100%;
  height: 100%;
  background-color: rgba(255,255,255,0.62);
}
#p-sugoroku-end-charm .m-modal__overlay,
.m-modal__overlay.m-contentmaster__overlay {
  background-color: rgba(0,0,0,0.6);
}
.m-modal__container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  z-index: 350;
  height: 100%;
  margin: auto;
}
.m-modal__stretch {
  position: relative;
  z-index: 1;
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  overflow: auto;
}
.m-modal__fixed {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
body._opening .m-opening--wrp {
  display: block;
}
body:not(._opening) .m-opening--wrp {
  display: none;
}
body._work .m-opening {
  background-color: #ef6e91;
}
body._work .m-opening__txt--cntr {
  background-color: #ffeaf4;
}
body._work .m-opening__ttl {
  width: 47rem;
}
@media screen and (max-width: 1023px) {
  body._work .m-opening__ttl {
    width: 70.39999999999999vw;
  }
}
body._fieldtrip .m-opening {
  background-color: #2c77e5;
}
body._fieldtrip .m-opening__txt--cntr {
  background-color: #ceeeff;
}
body._fieldtrip .m-opening__ttl {
  width: 41.5rem;
}
@media screen and (max-width: 1023px) {
  body._fieldtrip .m-opening__ttl {
    width: 62.26666666666667vw;
  }
}
body._sugoroku .m-opening {
  background-color: #ff854e;
}
body._sugoroku .m-opening__txt--cntr {
  background-color: #ffebd6;
}
body._sugoroku .m-opening__ttl {
  width: 40.2rem;
}
@media screen and (max-width: 1023px) {
  body._sugoroku .m-opening__ttl {
    width: 59.333333333333336vw;
  }
}
.m-opening--wrp .m-opening__loupe--wrp {
  position: relative;
  z-index: 2;
  width: 77.8rem;
  height: 0;
}
@media screen and (max-width: 1023px) {
  .m-opening--wrp .m-opening__loupe--wrp {
    width: 89.86666666666666vw;
  }
}
.m-opening--wrp .m-opening__loupe {
  position: absolute;
  width: 18.2rem;
  top: -1.5rem;
  left: -3.5rem;
}
@media screen and (max-width: 1023px) {
  .m-opening--wrp .m-opening__loupe {
    width: 22.26666666666667vw;
    top: -7.8125vw;
    left: -2.666666666666667vw;
  }
}
.m-opening--wrp .m-opening {
  color: #fff;
  position: relative;
  width: 77.8rem;
  padding: 4.6rem 3.7rem 3.6rem;
  border-radius: 3.7rem;
}
@media screen and (max-width: 1023px) {
  .m-opening--wrp .m-opening {
    width: 89.86666666666666vw;
    padding: 12vw 5.333333333333334vw 5.600000000000001vw;
    border-radius: 4.933333333333334vw;
  }
}
.m-opening--wrp .m-opening .m-opening__face {
  position: absolute;
}
@media screen and (min-width: 1024px) {
  .m-opening--wrp .m-opening .m-opening__face {
    width: 21.2rem;
    top: 10.5rem;
    right: -6.8rem;
  }
}
@media screen and (max-width: 1023px) {
  .m-opening--wrp .m-opening .m-opening__face {
    width: 20.533333333333335vw;
    top: 34.266666666666666vw;
    right: -9.066666666666666vw;
  }
}
.m-opening--wrp .m-opening__ttl--wrp {
  width: 70.4rem;
}
@media screen and (max-width: 1023px) {
  .m-opening--wrp .m-opening__ttl--wrp {
    width: 80vw;
  }
}
.m-opening--wrp .m-opening__ttl {
  margin: 0 auto;
}
.m-opening--wrp .m-opening__txt--cntr {
  width: 100%;
  border-radius: 2.1rem;
  position: relative;
}
@media screen and (min-width: 1024px) {
  .m-opening--wrp .m-opening__txt--cntr {
    height: 15.4rem;
    margin-top: 6.8rem;
    padding: 1.7rem 0;
  }
}
@media screen and (max-width: 1023px) {
  .m-opening--wrp .m-opening__txt--cntr {
    margin-top: 12.266666666666666vw;
    padding: 3.733333333333334vw 0;
  }
}
.m-opening--wrp .m-opening__txt--cntr:before {
  content: '';
  display: block;
  width: 3.6rem;
  height: 1.8rem;
  background-image: url("/assets/images/common/icon-bottom-white.svg");
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
  top: -3rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.m-opening--wrp .m-opening__txt--cntr .m-opening__txt--inr {
  width: 100%;
  height: 100%;
}
.m-opening--wrp .m-opening__txt {
  color: #000;
  text-align: center;
  white-space: nowrap;
  font-size: 2.3rem;
  line-height: 1.739130434782609;
  letter-spacing: 0.035em;
  font-weight: bold;
}
@media screen and (max-width: 1023px) {
  .m-opening--wrp .m-opening__txt {
    font-size: 3.066666666666666vw;
  }
}
@media screen and (min-width: 1024px) {
  .m-opening--wrp .m-opening__txt {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
}
@media screen and (max-width: 1023px) {
  .m-opening--wrp .m-opening__txt {
    font-size: 3.2rem;
    line-height: 1.40625;
    letter-spacing: 0.055em;
    font-weight: bold;
  }
}
@media screen and (max-width: 1023px) and (max-width: 1023px) {
  .m-opening--wrp .m-opening__txt {
    font-size: 4.266666666666667vw;
  }
}
.m-opening--wrp .m-opening__btn {
  margin-top: 2.35rem;
  margin-left: auto;
  margin-right: auto;
  width: 24.9rem;
}
@media screen and (max-width: 1023px) {
  .m-opening--wrp .m-opening__btn {
    width: 48vw;
    margin-top: 6.266666666666667vw;
  }
}
.m-opening--wrp .m-opening__btn .c-button {
  height: 8rem !important;
  border-radius: 4rem;
}
@media screen and (max-width: 1023px) {
  .m-opening--wrp .m-opening__btn .c-button {
    height: 16.53333333333333vw !important;
    border-radius: 8.533333333333333vw;
  }
}
@media screen and (max-width: 1023px) {
  .m-opening--wrp .m-opening__btn .c-button__txt {
    font-size: 4.5rem;
    line-height: 0.933333333333333;
    letter-spacing: 0.02em;
    font-weight: bold;
  }
}
@media screen and (max-width: 1023px) and (max-width: 1023px) {
  .m-opening--wrp .m-opening__btn .c-button__txt {
    font-size: 6vw;
  }
}
.m-page_transition {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 410;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
  -webkit-transition: -webkit-transform 0.55s cubic-bezier(0.33, 0, 0.61, 1);
  transition: -webkit-transform 0.55s cubic-bezier(0.33, 0, 0.61, 1);
  transition: transform 0.55s cubic-bezier(0.33, 0, 0.61, 1);
  transition: transform 0.55s cubic-bezier(0.33, 0, 0.61, 1), -webkit-transform 0.55s cubic-bezier(0.33, 0, 0.61, 1);
}
@media screen and (min-width: 1024px) {
  .m-page_transition {
    border-bottom: 7.413616398243045vw solid transparent;
  }
}
@media screen and (max-width: 1023px) {
  .m-page_transition {
    border-bottom: 13.502666666666666vw solid transparent;
  }
}
.m-page_transition.is-drop {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
.m-page_transition__body {
  width: 100%;
  height: 100%;
  background-color: #45b463;
}
.m-page_transition__arc {
  position: absolute;
  bottom: 2px;
  left: 0;
  width: 100%;
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
}
body._tutorial._active .m-tutorial,
body._tutorial._active .m-tutorial__skip {
  display: block;
}
body._tutorial._active #p-sugoroku-game-end,
body._tutorial._active #p-sugoroku-end-charm {
  display: none;
}
body._tutorial._active._work .m-tutorial {
  position: fixed;
}
body:not(._tutorial) .m-tutorial,
body:not(._active) .m-tutorial,
body:not(._tutorial) .m-tutorial__skip,
body:not(._active) .m-tutorial__skip {
  display: none;
}
body._sugoroku-game-end #p-sugoroku-game-end {
  display: block;
}
body._sugoroku-end-charm #p-sugoroku-end-charm {
  display: block;
}
.m-tutorial button {
  border: 0;
  background-color: transparent;
}
.m-tutorial .m-modal__container {
  width: 77rem;
}
@media screen and (max-width: 1023px) {
  .m-tutorial .m-modal__container {
    width: 89.33333333333333vw;
  }
}
.m-tutorial .m-modal__stretch {
  border-radius: 1.6rem;
  background-color: #fff;
}
@media screen and (max-width: 1023px) {
  .m-tutorial .m-modal__stretch {
    border-radius: 2.133333333333333vw;
  }
}
.m-tutorial .m-tutorial__btn--wrp {
  width: 100%;
  margin-top: 2rem;
  position: relative;
}
@media screen and (max-width: 1023px) {
  .m-tutorial .m-tutorial__btn--wrp {
    margin-top: 3.523238380809595vw;
  }
}
.m-tutorial .m-tutorial__btn--inr {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-left: 0;
  margin-right: auto;
}
.m-tutorial .m-tutorial__btn--prev,
.m-tutorial .m-tutorial__btn--next {
  width: 25rem;
}
@media screen and (max-width: 1023px) {
  .m-tutorial .m-tutorial__btn--prev,
  .m-tutorial .m-tutorial__btn--next {
    width: 42.66666666666667vw;
  }
}
.m-tutorial .m-tutorial__btn--prev._inactive,
.m-tutorial .m-tutorial__btn--next._inactive {
  pointer-events: none;
}
.m-tutorial .m-tutorial__btn--prev._inactive .c-button,
.m-tutorial .m-tutorial__btn--next._inactive .c-button {
  background-color: #9d9d9d !important;
}
.m-tutorial .m-tutorial__btn--prev .c-button__arrow,
.m-tutorial .m-tutorial__btn--next .c-button__arrow {
  background-image: url("/assets/images/common/icon-next-btn-right-black.svg");
}
@media screen and (max-width: 1023px) {
  .m-tutorial .m-tutorial__btn--prev .c-button__txt,
  .m-tutorial .m-tutorial__btn--next .c-button__txt {
    font-size: 3.6rem;
    line-height: 0.861111111111111;
    letter-spacing: 0.02em;
    font-weight: bold;
  }
}
@media screen and (max-width: 1023px) and (max-width: 1023px) {
  .m-tutorial .m-tutorial__btn--prev .c-button__txt,
  .m-tutorial .m-tutorial__btn--next .c-button__txt {
    font-size: 4.8vw;
  }
}
.m-tutorial .m-tutorial__btn--prev .c-button,
.m-tutorial .m-tutorial__btn--next .c-button {
  border-radius: 4rem;
  height: 8rem;
}
@media screen and (max-width: 1023px) {
  .m-tutorial .m-tutorial__btn--prev .c-button,
  .m-tutorial .m-tutorial__btn--next .c-button {
    border-radius: 8vw;
    height: 16vw;
  }
}
.m-tutorial#p-sugoroku-game-end .m-tutorial__btn--prev,
.m-tutorial#p-sugoroku-end-charm .m-tutorial__btn--prev,
.m-tutorial#p-sugoroku-game-end .m-tutorial__btn--next,
.m-tutorial#p-sugoroku-end-charm .m-tutorial__btn--next {
  margin: auto;
}
.m-tutorial .m-tutorial__btn--prev._inactive .c-button__arrow {
  background-image: url("/assets/images/common/icon-next-btn-left-gray.svg");
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.m-tutorial .m-tutorial__btn--next {
  margin-left: 2.6rem;
}
.m-tutorial .m-tutorial__skip {
  z-index: 350;
}
@media screen and (min-width: 1024px) {
  .m-tutorial .m-tutorial__skip {
    width: 13.8rem;
    min-width: 13.8rem;
    height: 7.7rem !important;
    padding-left: 2.1rem;
    padding-right: 1.5rem;
    border: 0.3rem solid #000;
    border-radius: 4rem;
    background-color: #fff;
    position: absolute;
    top: 0;
    right: 0;
  }
}
@media screen and (max-width: 1023px) {
  .m-tutorial .m-tutorial__skip {
    margin: 3.598200899550225vw auto 0;
    height: auto;
  }
}
.m-tutorial .m-tutorial__skip .m-tutorial__skip--inr {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
@media screen and (min-width: 1024px) {
  .m-tutorial .m-tutorial__skip .m-tutorial__skip--inr {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}
@media screen and (max-width: 1023px) {
  .m-tutorial .m-tutorial__skip .m-tutorial__skip--inr {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
.m-tutorial .m-tutorial__skip .m-tutorial__skip__txt {
  color: #000;
  font-size: 1.8rem;
  line-height: 1.222222222222222;
  letter-spacing: 0.02em;
  font-weight: bold;
}
@media screen and (max-width: 1023px) {
  .m-tutorial .m-tutorial__skip .m-tutorial__skip__txt {
    font-size: 2.4vw;
  }
}
@media screen and (max-width: 1023px) {
  .m-tutorial .m-tutorial__skip .m-tutorial__skip__txt {
    font-size: 3.2rem;
    line-height: 1.0625;
    letter-spacing: 0.02em;
    font-weight: bold;
  }
}
@media screen and (max-width: 1023px) and (max-width: 1023px) {
  .m-tutorial .m-tutorial__skip .m-tutorial__skip__txt {
    font-size: 4.266666666666667vw;
  }
}
.m-tutorial .m-tutorial__skip .m-tutorial__skip__arrow {
  display: block;
  width: 3.2rem;
  height: 3.2rem;
  background-image: url("/assets/images/common/icon-close-btn-black.svg");
  background-size: cover;
  background-repeat: no-repeat;
}
@media screen and (max-width: 1023px) {
  .m-tutorial .m-tutorial__skip .m-tutorial__skip__arrow {
    width: 6.933333333333333vw;
    height: 6.933333333333333vw;
    margin-left: 1.066666666666667vw;
  }
}
.m-tutorial .m-tutorial__list {
  position: relative;
}
@media screen and (min-width: 1024px) {
  .m-tutorial .m-tutorial__list {
    width: 100%;
  }
}
.m-tutorial .m-tutorial__list__itm {
  color: #000;
  width: 100%;
  position: relative;
  background-color: #fff;
  padding: 6.8rem 5rem;
}
@media screen and (max-width: 1023px) {
  .m-tutorial .m-tutorial__list__itm {
    padding: 12vw 5.600000000000001vw;
  }
}
.m-tutorial .m-tutorial__list__itm._current {
  display: block;
}
.m-tutorial .m-tutorial__list__itm:not(._current) {
  display: none;
}
.m-tutorial .m-tutorial__list__itm__nav {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.m-tutorial .m-tutorial__list__itm__nav__detail {
  display: inline-block;
  color: #fff;
  padding: 0.6rem 1.1rem;
  border-bottom-left-radius: 1.1rem;
  border-bottom-right-radius: 1.1rem;
  background-color: #fc99b4;
  position: absolute;
  top: 0;
  left: 3.8rem;
  font-size: 2rem;
  line-height: 0.8;
  letter-spacing: 0.02em;
}
@media screen and (max-width: 1023px) {
  .m-tutorial .m-tutorial__list__itm__nav__detail {
    font-size: 2.666666666666667vw;
  }
}
@media screen and (max-width: 1023px) {
  .m-tutorial .m-tutorial__list__itm__nav__detail {
    padding: 2.266666666666667vw 2.666666666666667vw;
    border-bottom-left-radius: 1.066666666666667vw;
    border-bottom-right-radius: 1.066666666666667vw;
    left: 5.600000000000001vw;
    font-size: 2.8rem;
    line-height: 0.821428571428571;
    letter-spacing: 0.02em;
  }
}
@media screen and (max-width: 1023px) and (max-width: 1023px) {
  .m-tutorial .m-tutorial__list__itm__nav__detail {
    font-size: 3.733333333333334vw;
  }
}
.m-tutorial#p-sugoroku-game-end .m-tutorial__list__itm__nav__detail {
  background-color: #f54f4f;
}
.m-tutorial .m-tutorial__list__itm__nav__num {
  padding-left: 1.3rem;
}
.m-tutorial .m-tutorial__list__itm__nav__num__current {
  font-size: 3.7rem;
  line-height: 2;
  letter-spacing: 0.04em;
  font-weight: bold;
  color: #fd7c41;
}
@media screen and (max-width: 1023px) {
  .m-tutorial .m-tutorial__list__itm__nav__num__current {
    font-size: 4.933333333333334vw;
  }
}
.m-tutorial .m-tutorial__list__itm__nav__num__total {
  font-size: 2.2rem;
  line-height: 2;
  letter-spacing: 0.04em;
  font-weight: bold;
  color: #898989;
}
@media screen and (max-width: 1023px) {
  .m-tutorial .m-tutorial__list__itm__nav__num__total {
    font-size: 2.933333333333333vw;
  }
}
.m-tutorial .m-tutorial__list__itm__ttl {
  text-align: center;
  color: #fff;
  background-color: #45b463;
  border-radius: 1.1rem;
  font-size: 2.1rem;
  line-height: 2.809523809523809;
  letter-spacing: 0.02em;
  font-weight: bold;
}
@media screen and (max-width: 1023px) {
  .m-tutorial .m-tutorial__list__itm__ttl {
    font-size: 2.8vw;
  }
}
@media screen and (max-width: 1023px) {
  .m-tutorial .m-tutorial__list__itm__ttl {
    font-size: 3.6rem;
    line-height: 1.388888888888889;
    letter-spacing: 0.02em;
    font-weight: bold;
    padding: 2.266666666666667vw 0;
  }
}
@media screen and (max-width: 1023px) and (max-width: 1023px) {
  .m-tutorial .m-tutorial__list__itm__ttl {
    font-size: 4.8vw;
  }
}
@media screen and (min-width: 1024px) {
  .m-tutorial .m-tutorial__list__itm--cntr {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-top: 2.3rem;
  }
}
@media screen and (max-width: 1023px) {
  .m-tutorial .m-tutorial__list__itm--cntr {
    padding-top: 5.333333333333334vw;
  }
}
@media screen and (min-width: 1024px) {
  .m-tutorial .m-tutorial__list__itm--cntr .m-tutorial__list__itm__img {
    width: 40.8rem;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
  }
}
@media screen and (max-width: 1023px) {
  .m-tutorial .m-tutorial__list__itm--cntr .m-tutorial__list__itm__img {
    width: 100%;
  }
}
@media screen and (min-width: 1024px) {
  .m-tutorial .m-tutorial__list__itm--cntr .m-tutorial__list__itm__txt {
    font-size: 1.8rem;
    line-height: 1.833333333333333;
    letter-spacing: 0.02em;
    font-weight: bold;
    padding-left: 3.8rem;
  }
}
@media screen and (max-width: 1023px) {
  .m-tutorial .m-tutorial__list__itm--cntr .m-tutorial__list__itm__txt {
    font-size: 3.2rem;
    line-height: 1.65625;
    letter-spacing: 0.02em;
    font-weight: bold;
    margin-top: 2.466666666666667vw;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1023px) {
  .m-tutorial .m-tutorial__list__itm--cntr .m-tutorial__list__itm__txt {
    font-size: 2.4vw;
  }
}
@media screen and (max-width: 1023px) and (max-width: 1023px) {
  .m-tutorial .m-tutorial__list__itm--cntr .m-tutorial__list__itm__txt {
    font-size: 4.266666666666667vw;
  }
}
.m-tutorial .m-tutorial__list__itm__dots {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: absolute;
  left: 0;
  width: 100%;
  bottom: 3rem;
}
@media screen and (max-width: 1023px) {
  .m-tutorial .m-tutorial__list__itm__dots {
    bottom: 5.066666666666666vw;
  }
}
.m-tutorial .m-tutorial__list__itm__dots span {
  display: inline-block;
  width: 0.8rem;
  height: 0.8rem;
  background-color: #c7c7c7;
  border-radius: 50%;
}
.m-tutorial .m-tutorial__list__itm__dots span + span {
  margin-left: 1.8rem;
}
.m-tutorial .m-tutorial__list__itm__dots span.is--current {
  width: 1.3rem;
  height: 1.3rem;
  background-color: #45b463;
}
.b-header img {
  vertical-align: top;
}
.b-header.is-header-open {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: column-reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 390;
  top: 0;
}
.b-header-belt {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 390;
  width: 100%;
  background-color: #45b463;
}
@media screen and (min-width: 1024px) {
  .b-header-belt {
    padding: 0.87em 0.9em;
    font-size: 2rem;
  }
  .b-header-belt a {
    -webkit-transition: opacity 0.22s;
    transition: opacity 0.22s;
  }
  .b-header-belt a:hover {
    opacity: 0.8;
  }
}
@media screen and (max-width: 1023px) {
  .b-header-belt {
    padding: 2.946666666666667vw 2.666666666666667vw;
  }
}
.is-header-open .b-header-belt {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  position: relative;
  bottom: auto;
  left: auto;
}
.b-header-main,
.b-header-utility {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.b-header__sitename {
  background-color: #fff;
}
@media screen and (min-width: 1024px) {
  .b-header__sitename {
    width: 9.048em;
    border-radius: 0.55em;
  }
}
@media screen and (max-width: 1023px) {
  .b-header__sitename {
    width: 31.408vw;
    border-radius: 1.466666666666667vw;
  }
}
.b-header__sitename--logo {
  display: block;
}
@media screen and (min-width: 1024px) {
  .b-header__sitename--logo {
    padding: 0.88em 0.96em 0.945em;
  }
  .is-site-top .b-header__sitename--logo {
    padding: 0.275em 0.475em 0.375em;
  }
}
@media screen and (max-width: 1023px) {
  .b-header__sitename--logo {
    padding: 2.866666666666667vw 2.826666666666667vw 2.96vw;
  }
  .is-site-top .b-header__sitename--logo {
    padding: 0.76vw 1.24vw 0.92vw;
  }
}
@media screen and (min-width: 1024px) {
  .b-header__metro {
    width: 5.7345em;
    margin-left: 1.3em;
  }
}
@media screen and (max-width: 1023px) {
  .b-header__metro {
    width: 7.7vw;
    margin-left: 3.28vw;
  }
}
.b-header-utility__item a,
.b-header-utility__item button {
  background-color: #fff;
  color: #3a8e2b;
}
@media screen and (min-width: 1024px) {
  .b-header-utility__item {
    margin-left: 0.95em;
  }
  .b-header-utility__item a,
  .b-header-utility__item button {
    border-radius: 0.65em;
  }
}
@media screen and (max-width: 1023px) {
  .b-header-utility__item {
    margin-left: 2.666666666666667vw;
  }
  .b-header-utility__item a,
  .b-header-utility__item button {
    border-radius: 1.733333333333333vw;
  }
}
.b-header-utility__accessibility a {
  display: block;
}
@media screen and (min-width: 1024px) {
  .b-header-utility__accessibility a {
    width: 19.7rem;
    padding: 0.329411764705882em 0 0.329411764705882em 0.411764705882353em;
    font-size: 1.7rem;
  }
  .b-header-utility__accessibility a img {
    width: 51.05263157894737%;
    vertical-align: middle;
  }
}
@media screen and (max-width: 1023px) {
  .b-header-utility__accessibility a {
    width: 18.78533333333333vw;
    padding: 1.033333333333333vw 1.393333333333333vw;
  }
}
@media screen and (min-width: 1024px) {
  .b-header-utility__accessibility--txt {
    display: inline-block;
    margin-left: 0.529411764705882em;
    line-height: 1.235294117647059;
    vertical-align: middle;
  }
}
@media screen and (max-width: 1023px) {
  .b-header-utility__accessibility--txt {
    display: none;
  }
}
.b-header-trigger {
  position: relative;
  margin: 0;
  border: none;
  cursor: pointer;
}
@media screen and (min-width: 1024px) {
  .b-header-trigger {
    width: 8.174117647058823em;
    padding: 0.417647058823529em 0 0.417647058823529em 3.117647058823529em;
    font-size: 1.7rem;
    text-align: left;
    line-height: 1.352941176470588;
  }
}
@media screen and (max-width: 1023px) {
  .b-header-trigger {
    width: 11.597333333333335vw;
    padding: 5.413333333333333vw 0 0.653333333333333vw;
    font-size: 2.666666666666667vw;
    line-height: 1.428571428571429;
  }
}
.is-header-open .b-header-trigger {
  visibility: hidden;
  pointer-events: none;
}
.b-header-trigger__bar {
  position: absolute;
  background-color: #3a8e2b;
}
@media screen and (min-width: 1024px) {
  .b-header-trigger__bar {
    left: 1.164705882352941em;
    width: 1.115294117647059em;
    height: 0.176470588235294em;
    border-radius: 0.055555555555556em;
  }
  .b-header-trigger__bar:first-child {
    top: 1.211764705882353em;
  }
  .b-header-trigger__bar:nth-child(2) {
    top: 0;
    bottom: 0;
    margin: auto;
  }
  .b-header-trigger__bar:nth-child(3) {
    bottom: 1.211764705882353em;
  }
}
@media screen and (max-width: 1023px) {
  .b-header-trigger__bar {
    right: 0;
    left: 0;
    width: 4.5vw;
    height: 0.533333333333333vw;
    margin: auto;
    border-radius: 0.266666666666667vw;
  }
  .b-header-trigger__bar:first-child {
    top: 1.96vw;
  }
  .b-header-trigger__bar:nth-child(2) {
    top: 3.293333333333333vw;
  }
  .b-header-trigger__bar:nth-child(3) {
    top: 4.626666666666667vw;
  }
}
.b-header-trigger__en,
.b-header-trigger__ja {
  display: block;
}
@media screen and (max-width: 1023px) {
  .b-header-trigger__en {
    display: none;
  }
}
.b-header-menu {
  display: none;
  z-index: 380;
  overflow: auto;
  width: 100%;
  height: 100%;
  background-color: #feeedb;
}
@media screen and (min-width: 1024px) {
  .b-header-menu.is-show {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
  }
}
@media screen and (max-width: 1023px) {
  .b-header-menu.is-show {
    display: block;
  }
}
@media screen and (min-width: 1024px) {
  .b-header-menu {
    padding: 30px 0;
    font-size: 2rem;
  }
}
@media screen and (max-width: 1023px) {
  .b-header-menu {
    padding: 8.786666666666667vw 0 6.706666666666666vw;
  }
}
@media screen and (min-width: 1024px) {
  .b-header-menu-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    margin: auto;
  }
}
@media screen and (min-width: 1024px) {
  .b-header-menu-inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    max-width: 1366px;
    margin: auto;
    padding: 0 3.5em;
  }
}
@media screen and (max-width: 1023px) {
  .b-header-menu-inner {
    padding: 0 5.48vw;
  }
}
@media screen and (min-width: 1024px) {
  .b-header-menu__col {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: 50%;
  }
}
@media screen and (max-width: 1023px) {
  .b-header-menu__col + .b-header-menu__col {
    margin-top: 7.626666666666668vw;
  }
}
.b-header-menu__row {
  width: 100%;
}
@media screen and (min-width: 1024px) {
  .b-header-menu__row {
    margin-top: 2.25em;
    padding-top: 2.7em;
    background: url("/assets/images/header/img_menu_dots.svg") no-repeat top left;
    background-size: contain;
  }
  .b-header-menu__row .b-header-menu__list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    line-height: 1.4;
  }
  .b-header-menu__row .b-header-menu__list .b-header-menu__item + .b-header-menu__item {
    margin: 0 0 0 1.2em;
  }
}
@media screen and (max-width: 1023px) {
  .b-header-menu__row {
    margin-top: 9.706666666666667vw;
    padding-top: 10.52vw;
    background: url("/assets/images/header/img_menu_dots_sp.png") no-repeat 0% 0%;
    background-size: 100% auto;
  }
  .b-header-menu__row .b-header-menu__list {
    margin-top: 0;
  }
}
@media screen and (min-width: 1024px) {
  .b-header-menu-nav + .b-header-menu-nav {
    margin-top: 1.2em;
  }
}
@media screen and (max-width: 1023px) {
  .b-header-menu-nav + .b-header-menu-nav {
    margin-top: 7.626666666666668vw;
  }
}
.b-header-menu__hdg {
  color: #219621;
}
@media screen and (min-width: 1024px) {
  .b-header-menu__hdg {
    font-size: 1.3em;
    line-height: 1.384615384615385;
  }
}
@media screen and (max-width: 1023px) {
  .b-header-menu__hdg {
    overflow: hidden;
    font-size: 3.466666666666666vw;
    white-space: nowrap;
  }
  .b-header-menu__hdg img {
    margin-left: 5.053333333333334vw;
    vertical-align: middle;
  }
}
@media screen and (min-width: 1024px) {
  .b-header-menu__list {
    margin-top: 0.7em;
  }
  .b-header-menu__list:first-child {
    margin-top: 0;
  }
}
@media screen and (max-width: 1023px) {
  .b-header-menu__list {
    margin-top: 4.666666666666667vw;
  }
}
@media screen and (min-width: 1024px) {
  .b-header-menu__item.is--type-primary {
    font-size: 1.5em;
    line-height: 1.4;
  }
}
@media screen and (max-width: 1023px) {
  .b-header-menu__item {
    margin-right: -2.666666666666667vw;
    font-size: 4.266666666666667vw;
  }
  .b-header-menu__item.is--type-primary {
    font-size: 6vw;
    line-height: 1.377777777777778;
  }
}
.b-header-menu__item a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
@media screen and (min-width: 1024px) {
  .b-header-menu__item.is--type-primary + .b-header-menu__item {
    margin-top: 1em;
  }
  .b-header-menu__item.is--type-primary + .b-header-menu__item.is--type-low {
    margin-top: 2em;
    margin-bottom: 2em;
  }
}
@media screen and (max-width: 1023px) {
  .b-header-menu__item.is--type-primary + .b-header-menu__item {
    margin-top: 4.026666666666666vw;
  }
}
@media screen and (min-width: 1024px) {
  .b-header-menu__item + .b-header-menu__item {
    margin-top: 0.8em;
  }
}
@media screen and (max-width: 1023px) {
  .b-header-menu__item + .b-header-menu__item {
    margin-top: 4vw;
  }
}
@media screen and (min-width: 1024px) {
  .b-header-menu__item + .b-header-menu__item.is--type-primary {
    margin-top: 0.666666666666667em;
  }
  .b-header-menu__col:nth-child(2) .b-header-menu__item + .b-header-menu__item.is--type-primary {
    margin-top: 0.466666666666667em;
  }
}
@media screen and (max-width: 1023px) {
  .b-header-menu__item + .b-header-menu__item.is--type-primary {
    margin-top: 3.2vw;
  }
}
.b-header-menu__icon {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
@media screen and (min-width: 1024px) {
  .b-header-menu__icon {
    width: 3.051em;
    margin-right: 0.6em;
  }
  .is--type-primary .b-header-menu__icon {
    width: 2.733333333333333em;
    margin-right: 0.353333333333333em;
  }
}
@media screen and (max-width: 1023px) {
  .b-header-menu__icon {
    width: 14.735999999999999vw;
    margin-right: 0.533333333333333vw;
    padding: 0 1.363333333333334vw;
  }
  .is--type-primary .b-header-menu__icon {
    margin-right: 1.866666666666667vw;
    padding: 0;
  }
}
.b-header-menu__text {
  position: relative;
  font-style: normal;
}
.b-header-menu__text i {
  display: block;
  font-style: normal;
}
@media screen and (min-width: 1024px) {
  .b-header-menu__text i {
    font-size: 0.575757575757576em;
  }
}
@media screen and (max-width: 1023px) {
  .b-header-menu__text i {
    font-size: 3.2vw;
  }
}
@media screen and (max-width: 1023px) {
  .b-header-menu__text small {
    display: inline-block;
    margin: 0 -0.25em;
    vertical-align: middle;
  }
}
.b-header-menu__text > p {
  display: inline-block;
  position: relative;
}
@media screen and (min-width: 1024px) {
  .b-header-menu__text > p {
    padding-right: 3.1rem;
  }
  .is--type-primary .b-header-menu__text > p {
    padding-right: 4.3rem;
  }
}
@media screen and (max-width: 1023px) {
  .b-header-menu__text > p {
    padding-right: 6.4vw;
  }
  .is--type-primary .b-header-menu__text > p {
    padding-right: 7.866666666666666vw;
  }
}
.b-header-menu__badge {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  color: #fc011a;
}
@media screen and (min-width: 1024px) {
  .b-header-menu__badge {
    margin-bottom: 0.066666666666667em;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 1023px) {
  .b-header-menu__badge {
    margin-bottom: 0.16em;
    font-size: 2.933333333333333vw;
  }
}
.b-header-menu__badge i {
  color: #434343;
}
@media screen and (min-width: 1024px) {
  .b-header-menu__badge i {
    font-size: 2rem;
  }
}
.b-header-menu__new {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  background-color: #f00;
  color: #fff;
}
@media screen and (min-width: 1024px) {
  .b-header-menu__new {
    margin-right: 0.538461538461538em;
    padding: 0 0.769230769230769em;
    font-size: 1.3rem;
    line-height: 1.538461538461539;
    border-radius: 0.769230769230769em;
  }
}
@media screen and (max-width: 1023px) {
  .b-header-menu__new {
    margin-right: 1.253333333333333vw;
    padding: 0 1.6vw;
    font-size: 2.666666666666667vw;
    line-height: 1.45;
    border-radius: 1.933333333333333vw;
  }
}
.b-header-menu__arrow {
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  line-height: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
@media screen and (min-width: 1024px) {
  .b-header-menu__arrow {
    width: 1.074em;
    -webkit-transition: -webkit-transform 0.22s;
    transition: -webkit-transform 0.22s;
    transition: transform 0.22s;
    transition: transform 0.22s, -webkit-transform 0.22s;
  }
  .is--type-primary .b-header-menu__arrow {
    width: 0.868181818181818em;
  }
  a:hover .b-header-menu__arrow {
    -webkit-transform: translate(20%, -50%);
    transform: translate(20%, -50%);
  }
}
@media screen and (max-width: 1023px) {
  .b-header-menu__arrow {
    width: 4.316vw;
  }
  .is--type-primary .b-header-menu__arrow {
    width: 5.266666666666667vw;
  }
}
@media screen and (min-width: 1024px) {
  .b-header-menu-doc {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 1.175em;
  }
}
@media screen and (max-width: 1023px) {
  .b-header-menu-doc {
    margin-top: 5.466666666666667vw;
  }
}
@media screen and (min-width: 1024px) {
  .b-header-menu-doc__item {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    font-size: 1.6rem;
    line-height: 1.375;
    margin-right: 2.1875em;
  }
  .b-header-menu-doc__item:last-child {
    margin-right: 0;
  }
  .b-header-menu-doc__item a {
    -webkit-transition: opacity 0.22s;
    transition: opacity 0.22s;
  }
  .b-header-menu-doc__item a:hover {
    opacity: 0.8;
  }
}
@media screen and (max-width: 1023px) {
  .b-header-menu-doc__item {
    font-size: 3.2vw;
    line-height: 1.416666666666667;
  }
  .b-header-menu-doc__item + .b-header-menu-doc__item {
    margin-top: 5.066666666666666vw;
  }
}
.b-header-menu-close {
  display: none;
  position: fixed;
  right: 0;
  bottom: 0;
  z-index: 390;
}
@media screen and (min-width: 1024px) {
  .b-header-menu-close {
    padding: 0.87em 0.9em;
    font-size: 2rem;
  }
}
@media screen and (max-width: 1023px) {
  .b-header-menu-close {
    padding: 2.946666666666667vw 2.666666666666667vw;
  }
}
.is-header-open .b-header-menu-close {
  display: block;
}
.b-header-menu-close__trigger {
  position: relative;
  margin: 0;
  background-color: #fff;
  color: #3a8e2b;
  border: none;
  cursor: pointer;
}
.b-header-menu-close__trigger span {
  position: absolute;
  background-color: #3a8e2b;
}
.b-header-menu-close__trigger span:first-child {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.b-header-menu-close__trigger span:last-child {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
@media screen and (min-width: 1024px) {
  .b-header-menu-close__trigger {
    width: 8.174117647058823em;
    padding: 1.094117647058824em 0 1.094117647058824em 3.117647058823529em;
    font-size: 1.7rem;
    text-align: left;
    line-height: 1.352941176470588;
    border-radius: 0.65em;
  }
  .b-header-menu-close__trigger span {
    top: 0;
    bottom: 0;
    left: 1.164705882352941em;
    width: 1.115294117647059em;
    height: 0.176470588235294em;
    margin: auto;
    border-radius: 0.055555555555556em;
  }
}
@media screen and (max-width: 1023px) {
  .b-header-menu-close__trigger {
    width: 11.597333333333335vw;
    padding: 5.413333333333333vw 0 0.653333333333333vw;
    font-size: 2.666666666666667vw;
    line-height: 1.428571428571429;
    border-radius: 1.733333333333333vw;
  }
  .b-header-menu-close__trigger span {
    top: 3.293333333333333vw;
    right: 0;
    left: 0;
    width: 4.5vw;
    height: 0.533333333333333vw;
    margin: auto;
    border-radius: 0.266666666666667vw;
  }
}
@media screen and (min-width: 1024px) {
  .b-header-trigger,
  .b-header-menu-close__trigger,
  .b-header-menu-lang a {
    -webkit-transition: opacity 0.22s;
    transition: opacity 0.22s;
  }
  .b-header-trigger:hover,
  .b-header-menu-close__trigger:hover,
  .b-header-menu-lang a:hover {
    opacity: 0.8;
  }
}
.b-header-menu-lang {
  width: 100%;
  text-align: right;
}
@media screen and (min-width: 1024px) {
  .b-header-menu-lang {
    padding: 0 0.9em;
  }
}
@media screen and (max-width: 1023px) {
  .b-header-menu-lang {
    padding: 0 3.733333333333334vw;
  }
}
.b-header-menu-lang a {
  display: inline-block;
  background-color: #fff;
  text-align: center;
  color: #3a8e2b;
}
@media screen and (min-width: 1024px) {
  .b-header-menu-lang a {
    width: 13.9rem;
    margin-top: -0.6rem;
    padding: 1.55rem 0;
    font-size: 2.7rem;
    border-radius: 1.1rem;
  }
}
@media screen and (max-width: 1023px) {
  .b-header-menu-lang a {
    width: 22.666666666666664vw;
    margin-top: -2.133333333333333vw;
    padding: 2.6vw 0;
    font-size: 4.266666666666667vw;
    border-radius: 1.466666666666667vw;
  }
}
.b-header-menu-especial {
  position: relative;
  z-index: 1;
  overflow: hidden;
  background-color: #aee08a;
}
@media screen and (min-width: 1024px) {
  .b-header-menu-especial {
    width: 200%;
    margin-top: 5.4rem;
    border-radius: 2.1rem;
  }
  .b-header-menu-especial:first-of-type {
    margin-top: 14.3rem;
  }
}
@media screen and (max-width: 1023px) {
  .b-header-menu-especial {
    margin-top: 7.733333333333333vw;
    border-radius: 2.8vw;
  }
}
.b-header-menu-especial__head {
  background-color: #fff;
  color: #219841;
}
@media screen and (min-width: 1024px) {
  .b-header-menu-especial__head {
    font-size: 3rem;
  }
}
@media screen and (max-width: 1023px) {
  .b-header-menu-especial__head {
    font-size: 4.8vw;
    line-height: 1.444444444444444;
  }
}
.b-header-menu-especial__head a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
@media screen and (min-width: 1024px) {
  .b-header-menu-especial__head a {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 1.4rem 3.2rem 1.4rem 1.2rem;
  }
}
@media screen and (max-width: 1023px) {
  .b-header-menu-especial__head a {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 4vw 5.333333333333334vw 4vw 2.8vw;
  }
}
.b-header-menu-especial__head .b-header-menu__icon {
  display: block;
  margin-right: 0;
}
@media screen and (min-width: 1024px) {
  .b-header-menu-especial__head .b-header-menu__icon {
    width: 1.925666666666667em;
  }
}
@media screen and (max-width: 1023px) {
  .b-header-menu-especial__head .b-header-menu__icon {
    width: 11.929333333333334vw;
    margin-right: 4.533333333333333vw;
  }
}
.b-header-menu-especial__head i {
  position: relative;
}
.b-header-menu-especial__head i::before,
.b-header-menu-especial__head i::after {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  margin: auto;
  background-color: #000;
  content: "";
}
.b-header-menu-especial__head i::after {
  -webkit-transition: -webkit-transform 0.22s;
  transition: -webkit-transform 0.22s;
  transition: transform 0.22s;
  transition: transform 0.22s, -webkit-transform 0.22s;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
.is-open .b-header-menu-especial__head i::after {
  -webkit-transform: rotate(0);
  transform: rotate(0);
}
@media screen and (min-width: 1024px) {
  .b-header-menu-especial__head i {
    width: 2.886rem;
    height: 2.886rem;
  }
  .b-header-menu-especial__head i::before,
  .b-header-menu-especial__head i::after {
    height: 0.5rem;
    border-radius: 0.25rem;
  }
}
@media screen and (max-width: 1023px) {
  .b-header-menu-especial__head i {
    width: 5.864vw;
    height: 5.864vw;
    margin-left: auto;
  }
  .b-header-menu-especial__head i::before,
  .b-header-menu-especial__head i::after {
    height: 1.066666666666667vw;
    border-radius: 0.533333333333333vw;
  }
}
.b-header-menu-especial__body {
  overflow: hidden;
  height: 0;
  -webkit-transition: height 0.22s;
  transition: height 0.22s;
}
.b-header-menu-especial__inner {
  text-align: center;
}
@media screen and (min-width: 1024px) {
  .b-header-menu-especial__inner {
    padding: 3.2rem 6.3rem 5rem;
  }
}
@media screen and (max-width: 1023px) {
  .b-header-menu-especial__inner {
    padding: 5.333333333333334vw 6.133333333333333vw 6.133333333333333vw;
  }
}
@media screen and (min-width: 1024px) {
  .b-header-menu-especial__catch {
    font-size: 2.3rem;
  }
}
@media screen and (max-width: 1023px) {
  .b-header-menu-especial__catch {
    font-size: 3.733333333333334vw;
  }
}
@media screen and (min-width: 1024px) {
  .b-header-menu-especial__menu {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 1023px) {
  .b-header-menu-especial__menu {
    margin-top: 6.4vw;
  }
}
@media screen and (min-width: 1024px) {
  .b-header-menu-especial__item,
  .b-header-menu-especial__soon {
    width: 48.54545454545455%;
    border-radius: 2.1rem;
  }
}
@media screen and (max-width: 1023px) {
  .b-header-menu-especial__item,
  .b-header-menu-especial__soon {
    border-radius: 2.8vw;
  }
}
.b-header-menu-especial__item {
  background-color: #45b463;
  color: #fff;
}
@media screen and (min-width: 1024px) {
  .b-header-menu-especial__item {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-top: 3.72rem;
    font-size: 3rem;
    line-height: 1.2;
  }
}
@media screen and (max-width: 1023px) {
  .b-header-menu-especial__item {
    font-size: 4.133333333333333vw;
    line-height: 1.193548387096774;
  }
}
.b-header-menu-especial__item a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  height: 100%;
}
@media screen and (min-width: 1024px) {
  .b-header-menu-especial__item a {
    padding: 0.833333333333333em 3.666666666666667em 0.633333333333333em;
    -webkit-transition: opacity 0.22s;
    transition: opacity 0.22s;
  }
  .b-header-menu-especial__item a:hover {
    opacity: 0.8;
  }
}
@media screen and (max-width: 1023px) {
  .b-header-menu-especial__item a {
    min-height: 16.53333333333333vw;
    padding: 3.333333333333333vw 0 2.533333333333333vw;
  }
}
.b-header-menu-especial__item i {
  position: absolute;
  top: 50%;
  background: url("/assets/images/common/icon-arrow-btn-right-black.svg") no-repeat center;
  background-size: 100%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
@media screen and (min-width: 1024px) {
  .b-header-menu-especial__item i {
    right: 2.45rem;
    width: 5.083rem;
    height: 5.083rem;
  }
}
@media screen and (max-width: 1023px) {
  .b-header-menu-especial__item i {
    right: 3.466666666666666vw;
    width: 7.301333333333333vw;
    height: 7.301333333333333vw;
  }
}
@media screen and (max-width: 1023px) {
  .b-header-menu-especial__item + .b-header-menu-especial__item {
    margin-top: 7.213333333333334vw;
  }
}
.b-header-menu-especial__icon {
  position: absolute;
  bottom: 0;
  left: 0;
}
@media screen and (min-width: 1024px) {
  .b-header-menu-especial__icon {
    width: 13.944999999999999rem;
  }
}
@media screen and (max-width: 1023px) {
  .b-header-menu-especial__icon {
    width: 19.333333333333332vw;
  }
}
.b-header-menu-especial__soon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  background-color: #c5e4a2;
}
@media screen and (max-width: 1023px) {
  .b-header-menu-especial__soon {
    margin-top: 7.199999999999999vw;
    padding: 2.4vw 0;
  }
}
@media screen and (min-width: 1024px) {
  .b-header-menu-especial__soon p {
    margin-top: 2.2rem;
    font-size: 2.8rem;
    line-height: 1.321428571428571;
    opacity: 0.3;
  }
}
@media screen and (max-width: 1023px) {
  .b-header-menu-especial__soon p {
    margin-top: 2.933333333333333vw;
    font-size: 4vw;
    line-height: 1.333333333333333;
  }
}
.b-header-menu-especial__soon b {
  display: block;
  line-height: 1;
}
@media screen and (min-width: 1024px) {
  .b-header-menu-especial__soon b {
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 1023px) {
  .b-header-menu-especial__soon b {
    font-size: 3.066666666666666vw;
  }
}
.b-header-menu-especial__attention {
  position: absolute;
  left: 50%;
  background-color: #fc001c;
  color: #fff;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.b-header-menu-especial__attention::after {
  position: absolute;
  right: 0;
  left: 0;
  width: 0;
  height: 0;
  margin: auto;
  content: "";
}
@media screen and (min-width: 1024px) {
  .b-header-menu-especial__attention {
    top: -3.32rem;
    width: 12.147rem;
    padding: 1rem 0;
    font-size: 2rem;
    border-radius: 2.5rem;
  }
  .b-header-menu-especial__attention::after {
    bottom: -1.2rem;
    border-top: 1.2rem solid #fc001c;
    border-right: 0.7rem solid transparent;
    border-left: 0.7rem solid transparent;
  }
}
@media screen and (max-width: 1023px) {
  .b-header-menu-especial__attention {
    top: -4vw;
    width: 20.473333333333336vw;
    padding: 1.066666666666667vw 0;
    font-size: 2.666666666666667vw;
    border-radius: 3.333333333333333vw;
  }
  .b-header-menu-especial__attention::after {
    bottom: -1.866666666666667vw;
    border-top: 1.866666666666667vw solid #fc001c;
    border-right: 1vw solid transparent;
    border-left: 1vw solid transparent;
  }
}
@media screen and (min-width: 1024px) {
  .b-header-menu-especial__master {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
.b-header-menu-especial__master__info__img {
  margin: 0 auto 0;
}
@media screen and (min-width: 1024px) {
  .b-header-menu-especial__master__info__img {
    width: 38.745rem;
  }
}
@media screen and (max-width: 1023px) {
  .b-header-menu-especial__master__info__img {
    width: 52.884vw;
  }
}
.b-header-menu-especial__master__info__text {
  line-height: 1.535714285714286;
  text-align: center;
}
@media screen and (min-width: 1024px) {
  .b-header-menu-especial__master__info__text {
    font-size: 2.2rem;
    margin-top: 1.55rem;
  }
}
@media screen and (max-width: 1023px) {
  .b-header-menu-especial__master__info__text {
    font-size: 3.733333333333334vw;
    margin-top: 2.146666666666667vw;
  }
}
.b-header-menu-especial__master__link {
  background-color: #45b463;
  color: #fff;
}
@media screen and (min-width: 1024px) {
  .b-header-menu-especial__master__link {
    font-size: 3rem;
    line-height: 1.2;
    width: 48.54545454545455%;
    border-radius: 2.1rem;
  }
}
@media screen and (max-width: 1023px) {
  .b-header-menu-especial__master__link {
    font-size: 4.133333333333333vw;
    line-height: 1.193548387096774;
    border-radius: 2.8vw;
    margin-top: 3.693333333333333vw;
  }
}
.b-header-menu-especial__master__link a {
  display: block;
  position: relative;
}
@media screen and (min-width: 1024px) {
  .b-header-menu-especial__master__link a {
    padding: 1.333333333333333em 3.666666666666667em;
    -webkit-transition: opacity 0.22s;
    transition: opacity 0.22s;
  }
  .b-header-menu-especial__master__link a:hover {
    opacity: 0.8;
  }
}
@media screen and (max-width: 1023px) {
  .b-header-menu-especial__master__link a {
    padding: 5.333333333333334vw 0;
  }
}
.b-header-menu-especial__master__link i {
  position: absolute;
  top: 50%;
  background: url("/assets/images/common/icon-arrow-btn-right-black.svg") no-repeat center;
  background-size: 100%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
@media screen and (min-width: 1024px) {
  .b-header-menu-especial__master__link i {
    right: 2.45rem;
    width: 5.083rem;
    height: 5.083rem;
  }
}
@media screen and (max-width: 1023px) {
  .b-header-menu-especial__master__link i {
    right: 3.466666666666666vw;
    width: 7.301333333333333vw;
    height: 7.301333333333333vw;
  }
}
.b-header-menu-especial__master__link__icon {
  position: absolute;
  top: 50%;
  left: 1.58rem;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
@media screen and (min-width: 1024px) {
  .b-header-menu-especial__master__link__icon {
    width: 8.846rem;
  }
}
@media screen and (max-width: 1023px) {
  .b-header-menu-especial__master__link__icon {
    width: 11.794666666666666vw;
  }
}
@media screen and (min-width: 1024px) {
  .m-document-use-class__wrap {
    margin-top: 6rem;
  }
}
@media screen and (max-width: 1023px) {
  .m-document-use-class__wrap {
    margin-top: 8vw;
  }
}
.m-document-use-class__inner {
  margin: 0 auto;
}
@media screen and (min-width: 1024px) {
  .m-document-use-class__inner {
    width: 109.7rem;
  }
}
@media screen and (max-width: 1023px) {
  .m-document-use-class__inner {
    width: 81.33333333333333vw;
  }
}
.m-document-use-class__h4 {
  position: relative;
  letter-spacing: 0.02em;
  color: #45b463;
}
@media screen and (min-width: 1024px) {
  .m-document-use-class__h4 {
    font-size: 4.2rem;
    line-height: 1.333333333333333;
    padding-bottom: 2rem;
  }
}
@media screen and (max-width: 1023px) {
  .m-document-use-class__h4 {
    font-size: 6.4vw;
    line-height: 1.375;
    padding-bottom: 4vw;
  }
}
.m-document-use-class__h4 span {
  display: block;
}
@media screen and (min-width: 1024px) {
  .m-document-use-class__h4 span {
    font-size: 3.6rem;
    margin-top: 1rem;
  }
}
@media screen and (max-width: 1023px) {
  .m-document-use-class__h4 span {
    font-size: 4.8vw;
    margin-top: 2.666666666666667vw;
  }
}
.m-document-use-class__h4:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: #45b463;
}
@media screen and (min-width: 1024px) {
  .m-document-use-class__h4:after {
    height: 0.4rem;
    border-radius: 0.2rem;
  }
}
@media screen and (max-width: 1023px) {
  .m-document-use-class__h4:after {
    height: 0.533333333333333vw;
    border-radius: 0.266666666666667vw;
  }
}
.m-document-use-class__lead {
  line-height: 1.777777777777778;
  text-align: left;
}
@media screen and (min-width: 1024px) {
  .m-document-use-class__lead {
    font-size: 2rem;
    width: 84.1rem;
    margin: 3rem auto 0;
  }
}
@media screen and (max-width: 1023px) {
  .m-document-use-class__lead {
    font-size: 3.6vw;
    margin: 6.666666666666667vw auto 0;
  }
}
@media screen and (min-width: 1024px) {
  .m-document-use-class__mv {
    margin-top: 3rem;
  }
}
@media screen and (max-width: 1023px) {
  .m-document-use-class__mv {
    margin-top: 6.666666666666667vw;
  }
}
.m-document-use-class__h5 {
  letter-spacing: 0.02em;
  line-height: 1.275;
  color: #fff;
  background-color: #45b463;
}
@media screen and (min-width: 1024px) {
  .m-document-use-class__h5 {
    margin-top: 6.1rem;
    font-size: 3.2rem;
    line-height: 1.333333333333333;
    padding: 1.8rem 0;
    border-radius: 1.6rem;
  }
}
@media screen and (max-width: 1023px) {
  .m-document-use-class__h5 {
    margin-top: 8.799999999999999vw;
    font-size: 4.266666666666667vw;
    padding: 2vw 0;
    border-radius: 2.133333333333333vw;
  }
}
@media screen and (min-width: 1024px) {
  .m-document-use-class__opinion__list {
    margin-top: 6rem;
  }
}
@media screen and (max-width: 1023px) {
  .m-document-use-class__opinion__list {
    margin-top: 5.333333333333334vw;
  }
}
@media screen and (min-width: 1024px) {
  .m-document-use-class__opinion__list li + li {
    margin-top: 5rem;
  }
}
@media screen and (max-width: 1023px) {
  .m-document-use-class__opinion__list li + li {
    margin-top: 8vw;
  }
}
.m-document-use-class__opinion__list li:nth-child(even) .m-document-use-class__opinion__list__inner {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
@media screen and (min-width: 1024px) {
  .m-document-use-class__opinion__list__inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 3rem;
  }
}
@media screen and (max-width: 1023px) {
  .m-document-use-class__opinion__list__inner {
    margin-top: 5.333333333333334vw;
  }
}
.m-document-use-class__opinion__list__q {
  position: relative;
  display: table;
  background-color: #d9f2ff;
  text-align: left;
}
@media screen and (min-width: 1024px) {
  .m-document-use-class__opinion__list__q {
    font-size: 2.2rem;
    line-height: 1.272727272727273;
    padding: 2rem;
    border-radius: 2rem;
  }
}
@media screen and (max-width: 1023px) {
  .m-document-use-class__opinion__list__q {
    font-size: 2.933333333333333vw;
    line-height: 1.272727272727273;
    padding: 2.666666666666667vw;
    border-radius: 2.666666666666667vw;
  }
}
.m-document-use-class__opinion__list__q:before {
  position: absolute;
  content: '';
  background-image: url("/assets/images/others/common/ico_prominence_blue_left.svg");
  background-repeat: none;
  background-size: 100% 100%;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
@media screen and (min-width: 1024px) {
  .m-document-use-class__opinion__list__q:before {
    width: 1.6rem;
    height: 1.5rem;
    left: -1.3rem;
  }
}
@media screen and (max-width: 1023px) {
  .m-document-use-class__opinion__list__q:before {
    width: 2.133333333333333vw;
    height: 2vw;
    left: -1.733333333333333vw;
  }
}
.m-document-use-class__opinion__list__text {
  letter-spacing: 0.02em;
  text-align: left;
}
@media screen and (min-width: 1024px) {
  .m-document-use-class__opinion__list__text {
    font-size: 2rem;
    line-height: 1.65;
    width: 61.3rem;
  }
}
@media screen and (max-width: 1023px) {
  .m-document-use-class__opinion__list__text {
    font-size: 2.933333333333333vw;
    line-height: 1.909090909090909;
  }
}
@media screen and (min-width: 1024px) {
  .m-document-use-class__opinion__list__img {
    width: 42.4rem;
  }
}
@media screen and (max-width: 1023px) {
  .m-document-use-class__opinion__list__img {
    margin-top: 5.333333333333334vw;
  }
}
.m-document-use-class__worksheet {
  background-color: #f9faf5;
  overflow: hidden;
}
@media screen and (min-width: 1024px) {
  .m-document-use-class__worksheet {
    border-radius: 1.6rem;
    padding-bottom: 2.4rem;
    margin-top: 6rem;
  }
}
@media screen and (max-width: 1023px) {
  .m-document-use-class__worksheet {
    border-radius: 2.133333333333333vw;
    margin-bottom: 4.12vw;
    margin-top: 9.333333333333334vw;
    padding-bottom: 4vw;
  }
}
.m-document-use-class__worksheet__h5 {
  letter-spacing: 0.02em;
  line-height: 1.275;
  color: #fff;
  background-color: #45b463;
}
@media screen and (min-width: 1024px) {
  .m-document-use-class__worksheet__h5 {
    font-size: 3.2rem;
    line-height: 1.333333333333333;
    padding: 1.8rem 0;
  }
}
@media screen and (max-width: 1023px) {
  .m-document-use-class__worksheet__h5 {
    font-size: 4.266666666666667vw;
    padding: 2vw 0;
  }
}
.m-document-use-class__worksheet__link {
  margin: 0 auto;
}
@media screen and (min-width: 1024px) {
  .m-document-use-class__worksheet__link {
    width: 51.335rem;
  }
}
@media screen and (max-width: 1023px) {
  .m-document-use-class__worksheet__link {
    width: 100%;
  }
}
@media screen and (min-width: 1024px) {
  .p-document__top__link {
    width: 33.691rem;
    margin: 6rem auto 0;
  }
}
@media screen and (max-width: 1023px) {
  .p-document__top__link {
    width: 65.33333333333333vw;
    margin: 9.333333333333334vw auto 0;
  }
}
.m-document-use-class__swiper__wrap {
  position: relative;
  overflow: hidden;
}
@media screen and (min-width: 1024px) {
  .m-document-use-class__swiper__wrap {
    width: 100%;
  }
}
.m-document-use-class__swiper__container {
  margin-top: 5.1rem;
}
@media screen and (max-width: 1023px) {
  .m-document-use-class__swiper__container {
    margin-top: 4.933333333333334vw;
  }
}
@media screen and (max-width: 1023px) {
  .m-document-use-class__swiper__control {
    position: relative;
  }
}
.m-document-use-class__swiper__control__arrow {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
@media screen and (min-width: 1024px) {
  .m-document-use-class__swiper__control__arrow {
    position: absolute;
    top: 42%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 73.8rem;
    margin: 5rem auto 0;
    z-index: 1;
  }
}
@media screen and (max-width: 1023px) {
  .m-document-use-class__swiper__control__arrow {
    width: 61.33333333333333vw;
    margin: 2.933333333333333vw auto 0;
    z-index: 1;
  }
}
.m-document-use-class__swiper__arrow {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0;
  padding: 0;
  background: url("/assets/images/common/icon-arrow-btn-right-green-white.svg") no-repeat center;
  background-size: 100% auto;
  border: none;
  cursor: pointer;
}
.m-document-use-class__swiper__arrow img {
  vertical-align: top;
}
@media screen and (min-width: 1024px) {
  .m-document-use-class__swiper__arrow {
    width: 5.8rem;
    height: 5.8rem;
    -webkit-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
  }
  .m-document-use-class__swiper__arrow:hover {
    opacity: 0.8;
  }
}
@media screen and (max-width: 1023px) {
  .m-document-use-class__swiper__arrow {
    width: 7.733333333333333vw;
    height: 7.733333333333333vw;
  }
}
.m-document-use-class__swiper__arrow.swiper-button-disabled {
  opacity: 0.5;
  cursor: default;
}
.m-document-use-class__swiper__prev {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.m-document-use-class__swiper__pagination {
  margin-top: 3.1rem;
}
@media screen and (max-width: 1023px) {
  .m-document-use-class__swiper__pagination {
    position: absolute;
    bottom: 40%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}
.m-document-use-class__swiper__pagination .swiper-pagination-bullet {
  background-color: #c7c7c7;
  opacity: 1;
}
@media screen and (min-width: 1024px) {
  .m-document-use-class__swiper__pagination .swiper-pagination-bullet {
    width: 1rem;
    height: 1rem;
  }
}
@media screen and (max-width: 1023px) {
  .m-document-use-class__swiper__pagination .swiper-pagination-bullet {
    width: 1.333333333333333vw;
    height: 1.333333333333333vw;
  }
}
@media screen and (min-width: 1024px) {
  .m-document-use-class__swiper__pagination .swiper-pagination-bullet + .swiper-pagination-bullet {
    margin-left: 2rem;
  }
}
@media screen and (max-width: 1023px) {
  .m-document-use-class__swiper__pagination .swiper-pagination-bullet + .swiper-pagination-bullet {
    margin-left: 2.666666666666667vw;
  }
}
.m-document-use-class__swiper__pagination .swiper-pagination-bullet-active {
  background-color: #45b463;
}
.m-document-use-class__swiper__article {
  position: relative;
}
.m-document-use-class__swiper__more {
  position: absolute;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
@media screen and (min-width: 1024px) {
  .m-document-use-class__swiper__more {
    width: 3.6rem;
    right: 1rem;
    bottom: 1rem;
  }
}
@media screen and (max-width: 1023px) {
  .m-document-use-class__swiper__more {
    width: 4.049333333333333vw;
    right: 1.12vw;
    bottom: 1.12vw;
  }
}
.m-document-use-class__swiper__more:hover {
  opacity: 0.7;
}
@media screen and (min-width: 1024px) {
  .m-document-use-class-link__wrap {
    margin-top: 7rem;
  }
}
@media screen and (max-width: 1023px) {
  .m-document-use-class-link__wrap {
    margin-top: 12vw;
  }
}
@media screen and (min-width: 1024px) {
  .m-document-use-class-link__wrap.is-top-page {
    margin-top: 6rem;
  }
}
@media screen and (max-width: 1023px) {
  .m-document-use-class-link__wrap.is-top-page {
    margin-top: 8vw;
  }
}
.m-document-use-class-link__title {
  text-align: center;
}
@media screen and (min-width: 1024px) {
  .m-document-use-class-link__title {
    font-size: 3.6rem;
    line-height: 1em;
    letter-spacing: 0.02em;
    padding-bottom: 4rem;
  }
}
@media screen and (max-width: 1023px) {
  .m-document-use-class-link__title {
    font-size: 4.8vw;
    line-height: 1em;
    letter-spacing: 0.02em;
    padding-bottom: 5.333333333333334vw;
  }
}
@media screen and (min-width: 1024px) {
  .m-document-use-class-link__list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
.m-document-use-class-link__list__item {
  background-color: #fff;
  color: #45b463;
  text-align: center;
  overflow: hidden;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
@media screen and (min-width: 1024px) {
  .m-document-use-class-link__list__item {
    width: 34.8rem;
    border: solid 0.6rem #45b463;
    border-radius: 4rem;
    font-size: 2.8rem;
    line-height: 1.428571428571429;
    letter-spacing: 0.02em;
  }
}
@media screen and (max-width: 1023px) {
  .m-document-use-class-link__list__item {
    width: 100%;
    border: solid 0.8vw #45b463;
    border-radius: 5.333333333333334vw;
    font-size: 3.733333333333334vw;
    line-height: 1.428571428571429;
    letter-spacing: 0.02em;
  }
}
@media screen and (min-width: 1024px) {
  .m-document-use-class-link__list__item + .m-document-use-class-link__list__item {
    margin-left: 4rem;
  }
}
@media screen and (max-width: 1023px) {
  .m-document-use-class-link__list__item + .m-document-use-class-link__list__item {
    margin-top: 4vw;
  }
}
.m-document-use-class-link__list__item > a {
  display: block;
}
@media screen and (max-width: 1023px) {
  .m-document-use-class-link__list__item > a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}
.m-document-use-class-link__list__item:hover {
  opacity: 0.6;
}
.m-document-use-class-link__list__item__thumb {
  position: relative;
  background-size: cover;
}
@media screen and (min-width: 1024px) {
  .m-document-use-class-link__list__item__thumb {
    height: 18.8rem;
  }
}
@media screen and (max-width: 1023px) {
  .m-document-use-class-link__list__item__thumb {
    width: 38.53333333333334vw;
    height: 24.133333333333333vw;
  }
}
.m-document-use-class-link__list__item__thumb:before {
  content: '';
  position: absolute;
  background-image: url("/assets/images/common/icon-arrow-btn-right-green.svg");
  background-size: 100% auto;
  background-repeat: no-repeat;
}
@media screen and (min-width: 1024px) {
  .m-document-use-class-link__list__item__thumb:before {
    width: 4.3rem;
    height: 4.3rem;
    right: 1.3rem;
    bottom: 1.3rem;
  }
}
@media screen and (max-width: 1023px) {
  .m-document-use-class-link__list__item__thumb:before {
    width: 4.933333333333334vw;
    height: 4.933333333333334vw;
    right: 3.333333333333333vw;
    bottom: 2.133333333333333vw;
  }
}
@media screen and (min-width: 1024px) {
  .m-document-use-class-link__list__item__text {
    padding: 3rem 0;
  }
}
@media screen and (max-width: 1023px) {
  .m-document-use-class-link__list__item__text {
    width: 50.53333333333333vw;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
body:not(._placeModal) .m-2d-place-modal__cont {
  display: none;
}
body:not(._placeModal) .c-2d-place-modal__btn.is--open {
  display: block;
}
body._placeModal .m-2d-place-modal__cont {
  display: block;
}
body._placeModal .c-2d-place-modal__btn.is--open {
  display: none;
}
.c-2d-place-modal__btn {
  background-size: cover;
  background-repeat: no-repeat;
}
@media screen and (min-width: 1024px) {
  .c-2d-place-modal__btn {
    width: 4.8rem;
    height: 4.8rem;
    position: absolute;
    top: -2.4rem;
    left: -2.4rem;
  }
}
@media screen and (max-width: 1023px) {
  .c-2d-place-modal__btn {
    width: 9.333333333333334vw;
    height: 9.333333333333334vw;
  }
}
.c-2d-place-modal__btn.is--open {
  background-image: url("/assets/images/common/icon-modal.svg");
}
@media screen and (min-width: 1024px) {
  .c-2d-place-modal__btn.m-welcome-modal__btn {
    top: 3rem !important;
    left: 2.5rem !important;
  }
}
.c-2d-place-modal__btn.m-welcome-modal__cont__btn--close {
  background-image: url("/assets/images/common/icon-close-btn-black-2.svg");
}
@media screen and (min-width: 1024px) {
  .c-2d-place-modal__btn.m-welcome-modal__cont__btn--close {
    left: auto;
    right: -2.4rem !important;
  }
}
@media screen and (max-width: 1023px) {
  .c-2d-place-modal__btn.m-welcome-modal__cont__btn--close {
    position: absolute;
    top: -5.333333333333334vw !important;
    right: -3.6vw !important;
  }
}
.m-2d-place-modal {
  border-radius: 1.6rem;
  position: fixed;
  z-index: 330;
}
@media screen and (min-width: 1024px) {
  .m-2d-place-modal {
    width: 32.8rem;
    height: 48.9rem;
    top: 5rem;
    left: 5rem;
  }
}
@media screen and (max-width: 1023px) {
  .m-2d-place-modal {
    width: 92vw;
    height: 46.53333333333333vw;
    bottom: 44vw;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}
.m-2d-place-modal .m-2d-place-modal__cont {
  width: 100%;
  height: 100%;
}
.m-2d-place-modal .m-2d-place-modal__cont--body {
  width: 100%;
  max-height: 100%;
  border-radius: 1.6rem;
  overflow-y: auto;
  background-color: rgba(255,255,255,0.85);
  padding: 2.2rem 2.7rem 2.2rem 3.2rem;
}
@media screen and (max-width: 1023px) {
  .m-2d-place-modal .m-2d-place-modal__cont--body {
    padding: 2.8vw 5.2vw 4.533333333333333vw 3.866666666666667vw;
  }
}
.m-2d-place-modal .m-2d-place-modal__cont__btn--close {
  background-image: url("/assets/images/common/icon-close-btn-black-2.svg");
}
@media screen and (max-width: 1023px) {
  .m-2d-place-modal .m-2d-place-modal__cont__btn--close {
    position: absolute;
    top: -5.333333333333334vw;
    right: -3.6vw;
  }
}
.m-2d-place-modal .m-2d-place-modal__cont__ttl {
  color: #2c77e5;
  text-align: center;
  font-size: 2.7rem;
  line-height: 2.222222222222222;
  letter-spacing: 0.02em;
}
@media screen and (max-width: 1023px) {
  .m-2d-place-modal .m-2d-place-modal__cont__ttl {
    font-size: 3.6vw;
  }
}
@media screen and (max-width: 1023px) {
  .m-2d-place-modal .m-2d-place-modal__cont__ttl {
    font-size: 4rem;
    line-height: 2;
    letter-spacing: 0.02em;
  }
}
@media screen and (max-width: 1023px) and (max-width: 1023px) {
  .m-2d-place-modal .m-2d-place-modal__cont__ttl {
    font-size: 5.333333333333334vw;
  }
}
.m-2d-place-modal .m-2d-place-modal__cont__text {
  color: #000;
  font-size: 1.8rem;
  line-height: 1.8;
  letter-spacing: 0.02em;
  margin-top: 1.6rem;
}
@media screen and (max-width: 1023px) {
  .m-2d-place-modal .m-2d-place-modal__cont__text {
    font-size: 2.4vw;
  }
}
@media screen and (max-width: 1023px) {
  .m-2d-place-modal .m-2d-place-modal__cont__text {
    font-size: 3.2rem;
    line-height: 1.6375;
    letter-spacing: 0.02em;
    margin-top: 1.866666666666667vw;
  }
}
@media screen and (max-width: 1023px) and (max-width: 1023px) {
  .m-2d-place-modal .m-2d-place-modal__cont__text {
    font-size: 4.266666666666667vw;
  }
}
@media screen and (min-width: 1024px) {
  body:not(._placeModal) .m-welcome-modal__cont {
    display: none;
  }
}
@media screen and (max-width: 1023px) {
  body:not(._placeModal) .m-welcome-modal {
    display: none;
  }
}
@media screen and (min-width: 1024px) {
  body._placeModal .m-welcome-modal__cont {
    display: block;
  }
}
@media screen and (max-width: 1023px) {
  body._placeModal .m-welcome-modal {
    display: block;
  }
}
.m-welcome-modal {
  border-radius: 4rem;
  position: fixed;
  z-index: 330;
}
@media screen and (min-width: 1024px) {
  .m-welcome-modal {
    width: 44.3rem;
    height: 38.3rem;
    bottom: 14rem;
    left: 15.7rem;
  }
}
@media screen and (max-width: 1023px) {
  .m-welcome-modal {
    width: 100%;
    padding-left: 4vw;
    padding-right: 4vw;
    height: 46.666666666666664vw;
    bottom: 21.066666666666666vw;
  }
}
.m-welcome-modal .m-welcome-modal__cont {
  width: 100%;
  height: 100%;
  position: relative;
}
.m-welcome-modal .m-welcome-modal__cont__img {
  position: absolute;
  z-index: -1;
}
@media screen and (min-width: 1024px) {
  .m-welcome-modal .m-welcome-modal__cont__img {
    width: 22.1rem;
    top: 0;
    left: -16.6rem;
  }
}
@media screen and (max-width: 1023px) {
  .m-welcome-modal .m-welcome-modal__cont__img {
    width: 46.13333333333333vw;
    top: -28.666666666666668vw;
    left: -7.333333333333333vw;
  }
}
.m-welcome-modal .m-welcome-modal__cont--body {
  width: 100%;
  max-height: 100%;
  overflow-y: scroll;
  background-color: #fff;
}
@media screen and (min-width: 1024px) {
  .m-welcome-modal .m-welcome-modal__cont--body {
    padding: 2.8rem 3rem 2.8rem 3rem;
    border-radius: 1.6rem;
  }
}
@media screen and (max-width: 1023px) {
  .m-welcome-modal .m-welcome-modal__cont--body {
    padding: 5.333333333333334vw 7.466666666666668vw 5.333333333333334vw 8vw;
    border-radius: 2.133333333333333vw;
  }
}
.m-welcome-modal .m-welcome-modal__cont--body::before {
  content: '';
  display: block;
  position: absolute;
  background-image: url("/assets/images/common/img-fukidashi-left-white.svg");
  background-size: contain;
  background-repeat: no-repeat;
}
@media screen and (min-width: 1024px) {
  .m-welcome-modal .m-welcome-modal__cont--body::before {
    width: 2rem;
    height: 1.6rem;
    left: -1.8rem;
    top: 5.5rem;
  }
}
@media screen and (max-width: 1023px) {
  .m-welcome-modal .m-welcome-modal__cont--body::before {
    display: none;
  }
}
.m-welcome-modal .m-welcome-modal__cont__ttl {
  color: #2c77e5;
  text-align: center;
  font-size: 2.4rem;
  line-height: 1.666666666666667;
  letter-spacing: 0.02em;
}
@media screen and (max-width: 1023px) {
  .m-welcome-modal .m-welcome-modal__cont__ttl {
    font-size: 3.2vw;
  }
}
@media screen and (max-width: 1023px) {
  .m-welcome-modal .m-welcome-modal__cont__ttl {
    font-size: 3.8rem;
    line-height: 1.5;
    letter-spacing: 0.02em;
    white-space: nowrap;
  }
}
@media screen and (max-width: 1023px) and (max-width: 1023px) {
  .m-welcome-modal .m-welcome-modal__cont__ttl {
    font-size: 5.066666666666666vw;
  }
}
.m-welcome-modal .m-welcome-modal__cont__mov {
  width: 100%;
  margin-top: 1.3rem;
}
@media screen and (max-width: 1023px) {
  .m-welcome-modal .m-welcome-modal__cont__mov {
    margin-top: 2.4vw;
  }
}
.m-welcome-modal .m-welcome-modal__cont__text {
  color: #000;
  font-size: 2rem;
  line-height: 1.7;
  letter-spacing: 0.02em;
  margin-top: 1.6rem;
}
@media screen and (max-width: 1023px) {
  .m-welcome-modal .m-welcome-modal__cont__text {
    font-size: 2.666666666666667vw;
  }
}
@media screen and (max-width: 1023px) {
  .m-welcome-modal .m-welcome-modal__cont__text {
    font-size: 3.2rem;
    line-height: 2.03125;
    letter-spacing: 0.02em;
    margin-top: 1.733333333333333vw;
  }
}
.m-welcome-modal .m-welcome-modal__cont__text.is--center {
  text-align: center;
}
@media screen and (max-width: 1023px) and (max-width: 1023px) {
  .m-welcome-modal .m-welcome-modal__cont__text {
    font-size: 4.266666666666667vw;
  }
}
body:not(._fieldtripmenu) .m-fieldtrip-menu-modal {
  display: none;
}
body._fieldtripmenu .m-fieldtrip-menu-modal {
  display: block;
}
.m-fieldtrip-menu-modal .m-fieldtrip-menu-modal__overlay {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 340;
  width: 100%;
  height: 100%;
  background-color: rgba(255,255,255,0.62);
}
.m-fieldtrip-menu-modal .m-fieldtrip-menu-modal--cntr {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 350;
  width: 568px;
  height: calc(100% - 95px);
}
@media screen and (max-width: 1023px) {
  .m-fieldtrip-menu-modal .m-fieldtrip-menu-modal--cntr {
    width: 89.33333333333333vw;
    height: calc(100% - 60px);
  }
}
.m-fieldtrip-menu-modal .m-fieldtrip-menu-modal__cont__ttl {
  text-align: center;
  color: #333;
  font-size: 1.8rem;
  line-height: 1.444444444444444;
  letter-spacing: 0.02em;
  font-weight: bold;
}
@media screen and (max-width: 1023px) {
  .m-fieldtrip-menu-modal .m-fieldtrip-menu-modal__cont__ttl {
    font-size: 2.4vw;
  }
}
@media screen and (max-width: 1023px) {
  .m-fieldtrip-menu-modal .m-fieldtrip-menu-modal__cont__ttl {
    font-size: 2.4rem;
    line-height: 1.166666666666667;
    letter-spacing: 0.02em;
    font-weight: bold;
  }
}
.m-fieldtrip-menu-modal .m-fieldtrip-menu-modal__cont__ttl span {
  text-align: center;
  position: relative;
  padding-left: 2.8rem;
  padding-right: 2.8rem;
}
@media screen and (max-width: 1023px) {
  .m-fieldtrip-menu-modal .m-fieldtrip-menu-modal__cont__ttl span {
    padding-left: 4.8vw;
    padding-right: 4.8vw;
  }
}
.m-fieldtrip-menu-modal .m-fieldtrip-menu-modal__cont__ttl span:before,
.m-fieldtrip-menu-modal .m-fieldtrip-menu-modal__cont__ttl span:after {
  content: '';
  display: block;
  width: 2.3rem;
  height: 1.4rem;
  background-image: url("/assets/images/fieldtrip/icon-text-tip.svg");
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
  top: 50%;
}
.m-fieldtrip-menu-modal .m-fieldtrip-menu-modal__cont__ttl span:before {
  left: 0;
  -webkit-transform: translateY(-50%) rotate(36deg);
  transform: translateY(-50%) rotate(36deg);
}
.m-fieldtrip-menu-modal .m-fieldtrip-menu-modal__cont__ttl span:after {
  right: 0;
  -webkit-transform: translateY(-50%) rotate(90deg);
  transform: translateY(-50%) rotate(90deg);
}
@media screen and (max-width: 1023px) and (max-width: 1023px) {
  .m-fieldtrip-menu-modal .m-fieldtrip-menu-modal__cont__ttl {
    font-size: 3.2vw;
  }
}
.m-fieldtrip-menu-modal .m-fieldtrip-menu-modal__navi__btn {
  margin-left: auto;
  margin-right: 0;
}
.m-fieldtrip-menu-modal .m-fieldtrip-menu-modal__navi {
  width: 100%;
  position: absolute;
  right: 0;
  z-index: 180;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  top: 5rem;
  padding-left: 2.8rem;
  padding-right: 3rem;
}
@media screen and (max-width: 1023px) {
  .m-fieldtrip-menu-modal .m-fieldtrip-menu-modal__navi {
    top: 4.8vw;
    padding-left: 4.666666666666667vw;
    padding-right: 4.666666666666667vw;
  }
}
.m-fieldtrip-menu-modal .m-fieldtrip-menu-modal__cont {
  width: 100%;
  height: 100%;
  overflow-y: scroll;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  z-index: 170;
  top: 0;
  right: 0;
  background-color: #bce8fc;
  padding: 5rem 3rem 4rem 2.8rem;
}
@media screen and (max-width: 1023px) {
  .m-fieldtrip-menu-modal .m-fieldtrip-menu-modal__cont {
    padding: 4.8vw 4.666666666666667vw 9.066666666666666vw 4.666666666666667vw;
  }
}
.m-fieldtrip-menu-modal .m-fieldtrip-menu-modal__cont .m-fieldtrip-menu-modal__navi__ttl {
  position: absolute;
  display: inline-block;
  color: #2c77e5;
  padding: 0.9rem;
  border-radius: 1.5rem;
  border: 0.2rem solid #2c77e5;
}
@media screen and (max-width: 1023px) {
  .m-fieldtrip-menu-modal .m-fieldtrip-menu-modal__cont .m-fieldtrip-menu-modal__navi__ttl {
    padding: 1.733333333333333vw 2.266666666666667vw;
    border-radius: 2vw;
    border: 0.533333333333333vw solid #2c77e5;
  }
}
.m-fieldtrip-menu-modal .m-fieldtrip-menu-modal__cont .m-fieldtrip-menu-modal__navi__ttl > span {
  display: block;
  font-size: 1.3rem;
  line-height: 2.076923076923077;
  letter-spacing: 0em;
  font-weight: bold;
}
@media screen and (max-width: 1023px) {
  .m-fieldtrip-menu-modal .m-fieldtrip-menu-modal__cont .m-fieldtrip-menu-modal__navi__ttl > span {
    font-size: 1.733333333333333vw;
  }
}
@media screen and (max-width: 1023px) {
  .m-fieldtrip-menu-modal .m-fieldtrip-menu-modal__cont .m-fieldtrip-menu-modal__navi__ttl > span {
    font-size: 2rem;
    line-height: 1.85;
    letter-spacing: 0.02em;
    font-weight: bold;
  }
}
@media screen and (max-width: 1023px) and (max-width: 1023px) {
  .m-fieldtrip-menu-modal .m-fieldtrip-menu-modal__cont .m-fieldtrip-menu-modal__navi__ttl > span {
    font-size: 2.666666666666667vw;
  }
}
.m-fieldtrip-menu-modal .m-fieldtrip-menu-modal__cont .m-fieldtrip-menu-modal__navi__ttl .m-fieldtrip-menu-modal__navi__ttl__current {
  font-size: 1.5rem;
  line-height: 1.8;
  letter-spacing: 0.02em;
  font-weight: bold;
}
@media screen and (max-width: 1023px) {
  .m-fieldtrip-menu-modal .m-fieldtrip-menu-modal__cont .m-fieldtrip-menu-modal__navi__ttl .m-fieldtrip-menu-modal__navi__ttl__current {
    font-size: 2vw;
  }
}
@media screen and (max-width: 1023px) {
  .m-fieldtrip-menu-modal .m-fieldtrip-menu-modal__cont .m-fieldtrip-menu-modal__navi__ttl .m-fieldtrip-menu-modal__navi__ttl__current {
    font-size: 2rem;
    line-height: 1.85;
    letter-spacing: 0.02em;
    font-weight: bold;
  }
}
.m-fieldtrip-menu-modal .m-fieldtrip-menu-modal__cont .m-fieldtrip-menu-modal__navi__ttl .m-fieldtrip-menu-modal__navi__ttl__current .is--name {
  font-size: 2.1rem;
  line-height: 1.285714285714286;
  letter-spacing: 0.02em;
  font-weight: bold;
}
@media screen and (max-width: 1023px) {
  .m-fieldtrip-menu-modal .m-fieldtrip-menu-modal__cont .m-fieldtrip-menu-modal__navi__ttl .m-fieldtrip-menu-modal__navi__ttl__current .is--name {
    font-size: 2.8vw;
  }
}
@media screen and (max-width: 1023px) {
  .m-fieldtrip-menu-modal .m-fieldtrip-menu-modal__cont .m-fieldtrip-menu-modal__navi__ttl .m-fieldtrip-menu-modal__navi__ttl__current .is--name {
    font-size: 3.2rem;
    line-height: 1.15625;
    letter-spacing: 0.02em;
    font-weight: bold;
  }
}
@media screen and (max-width: 1023px) and (max-width: 1023px) {
  .m-fieldtrip-menu-modal .m-fieldtrip-menu-modal__cont .m-fieldtrip-menu-modal__navi__ttl .m-fieldtrip-menu-modal__navi__ttl__current .is--name {
    font-size: 4.266666666666667vw;
  }
}
@media screen and (max-width: 1023px) and (max-width: 1023px) {
  .m-fieldtrip-menu-modal .m-fieldtrip-menu-modal__cont .m-fieldtrip-menu-modal__navi__ttl .m-fieldtrip-menu-modal__navi__ttl__current {
    font-size: 2.666666666666667vw;
  }
}
.m-fieldtrip-menu-modal .m-fieldtrip-menu-modal__cont .m-fieldtrip-menu-modal__cont__fukidashi {
  margin-left: auto;
  margin-right: auto;
  width: 29.5rem;
  margin-top: 8rem;
}
@media screen and (max-width: 1023px) {
  .m-fieldtrip-menu-modal .m-fieldtrip-menu-modal__cont .m-fieldtrip-menu-modal__cont__fukidashi {
    width: 41.6vw;
    margin-top: 16vw;
  }
}
.m-fieldtrip-menu-modal .m-fieldtrip-menu-modal__cont .m-fieldtrip-menu-modal__cont__detail {
  color: #fff;
  font-size: 1.6rem;
  line-height: 1.5625;
  letter-spacing: 0.02em;
  font-weight: bold;
  text-align: center;
  width: 33rem;
  border-radius: 2.3rem;
  padding-top: 2rem;
  padding-bottom: 2rem;
  margin-left: auto;
  margin-right: auto;
  background-color: #2c77e5;
  position: relative;
}
@media screen and (max-width: 1023px) {
  .m-fieldtrip-menu-modal .m-fieldtrip-menu-modal__cont .m-fieldtrip-menu-modal__cont__detail {
    font-size: 2.133333333333333vw;
  }
}
.m-fieldtrip-menu-modal .m-fieldtrip-menu-modal__cont .m-fieldtrip-menu-modal__cont__detail:before {
  content: '';
  width: 2rem;
  height: 2.1rem;
  display: block;
  position: absolute;
  top: -1.8rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-image: url("/assets/images/fieldtrip/icon-balloon-tip.svg");
  background-size: cover;
  background-repeat: no-repeat;
}
.m-fieldtrip-menu-modal .m-fieldtrip-menu-modal__cont .m-fieldtrip-menu-modal__cont__top {
  margin-left: auto;
  margin-right: auto;
  margin-top: 3rem;
  width: 45.3rem;
}
@media screen and (max-width: 1023px) {
  .m-fieldtrip-menu-modal .m-fieldtrip-menu-modal__cont .m-fieldtrip-menu-modal__cont__top {
    margin-top: 8.266666666666666vw;
    width: 100%;
  }
}
.m-fieldtrip-menu-modal .m-fieldtrip-menu-modal__cont .m-fieldtrip-menu-modal__cont__top .c-button__txt {
  font-size: 3.2rem;
  line-height: 0.8125;
  letter-spacing: 0.02em;
  font-weight: bold;
}
@media screen and (max-width: 1023px) {
  .m-fieldtrip-menu-modal .m-fieldtrip-menu-modal__cont .m-fieldtrip-menu-modal__cont__top .c-button__txt {
    font-size: 4.266666666666667vw;
  }
}
@media screen and (max-width: 1023px) {
  .m-fieldtrip-menu-modal .m-fieldtrip-menu-modal__cont .m-fieldtrip-menu-modal__cont__top .c-button__txt {
    font-size: 3.6rem;
    line-height: 0.805555555555556;
    letter-spacing: 0.02em;
    font-weight: bold;
  }
}
@media screen and (max-width: 1023px) and (max-width: 1023px) {
  .m-fieldtrip-menu-modal .m-fieldtrip-menu-modal__cont .m-fieldtrip-menu-modal__cont__top .c-button__txt {
    font-size: 4.8vw;
  }
}
.m-fieldtrip-menu-modal .m-fieldtrip-menu-modal__cont .m-fieldtrip-menu-modal__cont__list {
  margin-top: 2.3rem;
}
.m-fieldtrip-menu-modal .m-fieldtrip-menu-modal__cont .m-fieldtrip-menu-modal__cont__list__itm {
  background-color: #2c77e5;
  border-radius: 1.6rem;
  border: 0.2rem solid #fff;
}
@media screen and (max-width: 1023px) {
  .m-fieldtrip-menu-modal .m-fieldtrip-menu-modal__cont .m-fieldtrip-menu-modal__cont__list__itm {
    border-radius: 2.133333333333333vw;
    border: 0.533333333333333vw solid #fff;
  }
}
.m-fieldtrip-menu-modal .m-fieldtrip-menu-modal__cont .m-fieldtrip-menu-modal__cont__list__itm + .m-fieldtrip-menu-modal__cont__list__itm {
  margin-top: 2rem;
}
@media screen and (max-width: 1023px) {
  .m-fieldtrip-menu-modal .m-fieldtrip-menu-modal__cont .m-fieldtrip-menu-modal__cont__list__itm + .m-fieldtrip-menu-modal__cont__list__itm {
    margin-top: 1.333333333333333vw;
  }
}
.m-fieldtrip-menu-modal .m-fieldtrip-menu-modal__cont .m-fieldtrip-menu-modal__cont__list__itm.is--current {
  background-color: #6fd1fc;
}
.m-fieldtrip-menu-modal .m-fieldtrip-menu-modal__cont .m-fieldtrip-menu-modal__cont__list__itm.is--current,
.m-fieldtrip-menu-modal .m-fieldtrip-menu-modal__cont .m-fieldtrip-menu-modal__cont__list__itm a {
  display: block;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 1rem 1.7rem 1rem 2.2rem;
}
@media screen and (max-width: 1023px) {
  .m-fieldtrip-menu-modal .m-fieldtrip-menu-modal__cont .m-fieldtrip-menu-modal__cont__list__itm.is--current,
  .m-fieldtrip-menu-modal .m-fieldtrip-menu-modal__cont .m-fieldtrip-menu-modal__cont__list__itm a {
    padding: 2.666666666666667vw 2.666666666666667vw 2.666666666666667vw 3.333333333333333vw;
  }
}
.m-fieldtrip-menu-modal .m-fieldtrip-menu-modal__cont .m-fieldtrip-menu-modal__cont__list__itm:not(.is--current) .m-fieldtrip-menu-modal__cont__list__itm__btn {
  background-image: url("/assets/images/fieldtrip/icon-arrow-btn-right.svg");
}
.m-fieldtrip-menu-modal .m-fieldtrip-menu-modal__cont .m-fieldtrip-menu-modal__cont__list__itm__btn {
  background-size: cover;
  background-repeat: no-repeat;
  width: 5.4rem;
  height: 5.4rem;
}
@media screen and (max-width: 1023px) {
  .m-fieldtrip-menu-modal .m-fieldtrip-menu-modal__cont .m-fieldtrip-menu-modal__cont__list__itm__btn {
    width: 6.666666666666667vw;
    height: 6.666666666666667vw;
  }
}
.m-fieldtrip-menu-modal .m-fieldtrip-menu-modal__cont .m-fieldtrip-menu-modal__cont__list__itm__image {
  width: 5.5rem;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.m-fieldtrip-menu-modal .m-fieldtrip-menu-modal__cont .m-fieldtrip-menu-modal__cont__list__itm__ttl--cntr {
  color: #fff;
}
@media screen and (min-width: 1024px) {
  .m-fieldtrip-menu-modal .m-fieldtrip-menu-modal__cont .m-fieldtrip-menu-modal__cont__list__itm__ttl--cntr {
    font-size: 1.4rem;
    line-height: 1.214285714285714;
    letter-spacing: 0em;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1023px) {
  .m-fieldtrip-menu-modal .m-fieldtrip-menu-modal__cont .m-fieldtrip-menu-modal__cont__list__itm__ttl--cntr {
    font-size: 1.866666666666667vw;
  }
}
.m-fieldtrip-menu-modal .m-fieldtrip-menu-modal__cont .m-fieldtrip-menu-modal__cont__list__itm__ttl-sub {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
@media screen and (max-width: 1023px) {
  .m-fieldtrip-menu-modal .m-fieldtrip-menu-modal__cont .m-fieldtrip-menu-modal__cont__list__itm__ttl-sub {
    font-size: 2rem;
    line-height: 1;
    letter-spacing: 0em;
  }
}
.m-fieldtrip-menu-modal .m-fieldtrip-menu-modal__cont .m-fieldtrip-menu-modal__cont__list__itm__ttl-sub span.is--360 {
  padding: 0 0.7rem;
  border-radius: 0.6rem;
  border: 0.1rem solid #fff;
}
@media screen and (max-width: 1023px) {
  .m-fieldtrip-menu-modal .m-fieldtrip-menu-modal__cont .m-fieldtrip-menu-modal__cont__list__itm__ttl-sub span.is--360 {
    padding: 0.533333333333333vw 1.2vw;
    border-radius: 0.8vw;
    border: 0.133333333333333vw solid #fff;
  }
}
.m-fieldtrip-menu-modal .m-fieldtrip-menu-modal__cont .m-fieldtrip-menu-modal__cont__list__itm__ttl-sub span.is--noon,
.m-fieldtrip-menu-modal .m-fieldtrip-menu-modal__cont .m-fieldtrip-menu-modal__cont__list__itm__ttl-sub span.is--night {
  opacity: 0.4;
  padding: 0 0.7rem;
  border-radius: 0.6rem;
  border: 0.1rem solid #fff;
}
@media screen and (max-width: 1023px) {
  .m-fieldtrip-menu-modal .m-fieldtrip-menu-modal__cont .m-fieldtrip-menu-modal__cont__list__itm__ttl-sub span.is--noon,
  .m-fieldtrip-menu-modal .m-fieldtrip-menu-modal__cont .m-fieldtrip-menu-modal__cont__list__itm__ttl-sub span.is--night {
    padding: 0.533333333333333vw 1.2vw;
    border-radius: 0.8vw;
    border: 0.133333333333333vw solid #fff;
  }
}
.m-fieldtrip-menu-modal .m-fieldtrip-menu-modal__cont .m-fieldtrip-menu-modal__cont__list__itm__ttl-sub span.is--noon.is-current,
.m-fieldtrip-menu-modal .m-fieldtrip-menu-modal__cont .m-fieldtrip-menu-modal__cont__list__itm__ttl-sub span.is--night.is-current {
  opacity: 1;
}
.m-fieldtrip-menu-modal .m-fieldtrip-menu-modal__cont .m-fieldtrip-menu-modal__cont__list__itm__ttl-sub span + span {
  margin-left: 1rem;
}
@media screen and (max-width: 1023px) {
  .m-fieldtrip-menu-modal .m-fieldtrip-menu-modal__cont .m-fieldtrip-menu-modal__cont__list__itm__ttl-sub span + span {
    margin-left: 1.333333333333333vw;
  }
}
@media screen and (max-width: 1023px) and (max-width: 1023px) {
  .m-fieldtrip-menu-modal .m-fieldtrip-menu-modal__cont .m-fieldtrip-menu-modal__cont__list__itm__ttl-sub {
    font-size: 2.666666666666667vw;
  }
}
.m-fieldtrip-menu-modal .m-fieldtrip-menu-modal__cont .m-fieldtrip-menu-modal__cont__list__itm__ttl {
  font-size: 2.4rem;
  line-height: 2;
  letter-spacing: 0em;
  font-weight: bold;
}
@media screen and (max-width: 1023px) {
  .m-fieldtrip-menu-modal .m-fieldtrip-menu-modal__cont .m-fieldtrip-menu-modal__cont__list__itm__ttl {
    font-size: 3.2vw;
  }
}
@media screen and (max-width: 1023px) {
  .m-fieldtrip-menu-modal .m-fieldtrip-menu-modal__cont .m-fieldtrip-menu-modal__cont__list__itm__ttl {
    font-size: 2.8rem;
    line-height: 1;
    letter-spacing: 0em;
    margin-top: 1.333333333333333vw;
  }
}
@media screen and (max-width: 1023px) and (max-width: 1023px) {
  .m-fieldtrip-menu-modal .m-fieldtrip-menu-modal__cont .m-fieldtrip-menu-modal__cont__list__itm__ttl {
    font-size: 3.733333333333334vw;
  }
}
.m-fieldtrip-menu-modal .m-fieldtrip-menu-modal__cont .m-fieldtrip-menu-modal__cont__worksheet {
  margin-top: 5rem;
}
@media screen and (max-width: 1023px) {
  .m-fieldtrip-menu-modal .m-fieldtrip-menu-modal__cont .m-fieldtrip-menu-modal__cont__worksheet {
    margin-top: 6.266666666666667vw;
  }
}
.m-fieldtrip-menu-modal .m-fieldtrip-menu-modal__cont .m-fieldtrip-menu-modal__cont__worksheet .m-fieldtrip-menu-modal__cont__worksheet--cntr {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 1.5rem;
}
@media screen and (max-width: 1023px) {
  .m-fieldtrip-menu-modal .m-fieldtrip-menu-modal__cont .m-fieldtrip-menu-modal__cont__worksheet .m-fieldtrip-menu-modal__cont__worksheet--cntr {
    margin-top: 2.4vw;
  }
}
.m-fieldtrip-menu-modal .m-fieldtrip-menu-modal__cont .m-fieldtrip-menu-modal__cont__worksheet .m-fieldtrip-menu-modal__cont__worksheet__img {
  width: 21.7rem;
}
@media screen and (max-width: 1023px) {
  .m-fieldtrip-menu-modal .m-fieldtrip-menu-modal__cont .m-fieldtrip-menu-modal__cont__worksheet .m-fieldtrip-menu-modal__cont__worksheet__img {
    width: 34.266666666666666vw;
  }
}
.m-fieldtrip-menu-modal .m-fieldtrip-menu-modal__cont .m-fieldtrip-menu-modal__cont__worksheet .m-fieldtrip-menu-modal__cont__worksheet__btn {
  color: #fff;
  background-color: #262626;
  position: relative;
  font-size: 2.4rem;
  line-height: 1.416666666666667;
  letter-spacing: 0em;
  width: 26.3rem;
  border-radius: 1.6rem;
  padding: 1.8rem 0 1.8rem 2.8rem;
  border: 0.2rem solid #fff;
}
@media screen and (max-width: 1023px) {
  .m-fieldtrip-menu-modal .m-fieldtrip-menu-modal__cont .m-fieldtrip-menu-modal__cont__worksheet .m-fieldtrip-menu-modal__cont__worksheet__btn {
    font-size: 3.2vw;
  }
}
@media screen and (max-width: 1023px) {
  .m-fieldtrip-menu-modal .m-fieldtrip-menu-modal__cont .m-fieldtrip-menu-modal__cont__worksheet .m-fieldtrip-menu-modal__cont__worksheet__btn {
    font-size: 2.7rem;
    line-height: 1.407407407407407;
    letter-spacing: 0em;
    width: 41.333333333333336vw;
    border-radius: 2.133333333333333vw;
    padding: 2.8vw 0 3.2vw 4.399999999999999vw;
    border: 0.533333333333333vw solid #fff;
  }
}
.m-fieldtrip-menu-modal .m-fieldtrip-menu-modal__cont .m-fieldtrip-menu-modal__cont__worksheet .m-fieldtrip-menu-modal__cont__worksheet__btn:after {
  content: '';
  display: block;
  background-image: url("/assets/images/fieldtrip/icon-download.svg");
  background-size: 100% auto;
  background-repeat: no-repeat;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 3.4rem;
  height: 2.9rem;
  right: 3.3rem;
}
@media screen and (max-width: 1023px) {
  .m-fieldtrip-menu-modal .m-fieldtrip-menu-modal__cont .m-fieldtrip-menu-modal__cont__worksheet .m-fieldtrip-menu-modal__cont__worksheet__btn:after {
    width: 4.533333333333333vw;
    height: 3.866666666666667vw;
    right: 4.399999999999999vw;
  }
}
@media screen and (max-width: 1023px) and (max-width: 1023px) {
  .m-fieldtrip-menu-modal .m-fieldtrip-menu-modal__cont .m-fieldtrip-menu-modal__cont__worksheet .m-fieldtrip-menu-modal__cont__worksheet__btn {
    font-size: 3.6vw;
  }
}
@media screen and (min-width: 1024px) {
  .m-fieldtrip-menu-modal .m-fieldtrip-menu-modal__cont .m-fieldtrip-menu-modal__cont__worksheet__menu__title {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 1023px) {
  .m-fieldtrip-menu-modal .m-fieldtrip-menu-modal__cont .m-fieldtrip-menu-modal__cont__worksheet__menu__title {
    font-size: 3.2vw;
  }
}
@media screen and (min-width: 1024px) {
  .m-fieldtrip-menu-modal .m-fieldtrip-menu-modal__cont .m-fieldtrip-menu-modal__cont__worksheet__menu__link {
    margin-top: 1.2rem;
    padding-right: 3.2rem;
  }
}
@media screen and (max-width: 1023px) {
  .m-fieldtrip-menu-modal .m-fieldtrip-menu-modal__cont .m-fieldtrip-menu-modal__cont__worksheet__menu__link {
    margin-top: 1.6vw;
    padding-right: 4.266666666666667vw;
  }
}
.m-fieldtrip-menu-modal .m-fieldtrip-menu-modal__cont .m-fieldtrip-menu-modal__cont__worksheet__menu__link .m-fieldtrip-menu-modal__cont__worksheet__btn {
  display: block;
}
.m-fieldtrip-menu-modal .m-fieldtrip-menu-modal__cont .m-fieldtrip-menu-modal__cont__worksheet__menu__link .m-fieldtrip-menu-modal__cont__worksheet__btn img {
  vertical-align: text-bottom;
  height: auto;
}
@media screen and (min-width: 1024px) {
  .m-fieldtrip-menu-modal .m-fieldtrip-menu-modal__cont .m-fieldtrip-menu-modal__cont__worksheet__menu__link .m-fieldtrip-menu-modal__cont__worksheet__btn {
    width: 20.1rem;
    font-size: 1.6rem;
  }
  .m-fieldtrip-menu-modal .m-fieldtrip-menu-modal__cont .m-fieldtrip-menu-modal__cont__worksheet__menu__link .m-fieldtrip-menu-modal__cont__worksheet__btn .is--icon-jpg {
    width: 3rem;
    margin-right: 1rem;
  }
  .m-fieldtrip-menu-modal .m-fieldtrip-menu-modal__cont .m-fieldtrip-menu-modal__cont__worksheet__menu__link .m-fieldtrip-menu-modal__cont__worksheet__btn .is--icon-pdf {
    width: 2.2rem;
    margin: 0 1.4rem 0 0.4rem;
  }
  .m-fieldtrip-menu-modal .m-fieldtrip-menu-modal__cont .m-fieldtrip-menu-modal__cont__worksheet__menu__link .m-fieldtrip-menu-modal__cont__worksheet__btn::after {
    right: 2.2rem;
    width: 1.8rem;
    height: 1.8rem;
  }
}
@media screen and (max-width: 1023px) {
  .m-fieldtrip-menu-modal .m-fieldtrip-menu-modal__cont .m-fieldtrip-menu-modal__cont__worksheet__menu__link .m-fieldtrip-menu-modal__cont__worksheet__btn {
    width: 34.66666666666667vw;
    font-size: 2.933333333333333vw;
  }
  .m-fieldtrip-menu-modal .m-fieldtrip-menu-modal__cont .m-fieldtrip-menu-modal__cont__worksheet__menu__link .m-fieldtrip-menu-modal__cont__worksheet__btn .is--icon-jpg {
    width: 5.333333333333334vw;
    margin-right: 1.333333333333333vw;
  }
  .m-fieldtrip-menu-modal .m-fieldtrip-menu-modal__cont .m-fieldtrip-menu-modal__cont__worksheet__menu__link .m-fieldtrip-menu-modal__cont__worksheet__btn .is--icon-pdf {
    width: 4.266666666666667vw;
    margin: 0 1.866666666666667vw 0 0.533333333333333vw;
  }
  .m-fieldtrip-menu-modal .m-fieldtrip-menu-modal__cont .m-fieldtrip-menu-modal__cont__worksheet__menu__link .m-fieldtrip-menu-modal__cont__worksheet__btn::after {
    right: 3.2vw;
    width: 2.933333333333333vw;
    height: 2.933333333333333vw;
  }
}
.m-fieldtrip-menu-modal .m-fieldtrip-menu-modal__cont__document {
  display: block;
}
.m-fieldtrip-menu-modal .m-fieldtrip-menu-modal__cont__document span {
  display: inline-block;
  vertical-align: middle;
}
@media screen and (min-width: 1024px) {
  .m-fieldtrip-menu-modal .m-fieldtrip-menu-modal__cont__document {
    margin: 1.8rem 4.2rem 0;
    font-size: 2.5rem;
  }
  .m-fieldtrip-menu-modal .m-fieldtrip-menu-modal__cont__document .m-fieldtrip-menu-modal__cont__document__icon {
    width: 8.1rem;
    margin-right: 1.8rem;
  }
  .m-fieldtrip-menu-modal .m-fieldtrip-menu-modal__cont__document .m-fieldtrip-menu-modal__cont__document__arrow {
    width: 2.8rem;
    margin-left: 2.4rem;
  }
}
@media screen and (max-width: 1023px) {
  .m-fieldtrip-menu-modal .m-fieldtrip-menu-modal__cont__document {
    margin: 4.266666666666667vw 5.600000000000001vw 0;
    font-size: 4.266666666666667vw;
  }
  .m-fieldtrip-menu-modal .m-fieldtrip-menu-modal__cont__document .m-fieldtrip-menu-modal__cont__document__icon {
    width: 14.666666666666666vw;
    margin-right: 2.4vw;
  }
  .m-fieldtrip-menu-modal .m-fieldtrip-menu-modal__cont__document .m-fieldtrip-menu-modal__cont__document__arrow {
    width: 4.266666666666667vw;
    margin-left: 3.2vw;
  }
}
#popup {
  opacity: 0;
  -webkit-transition: opacity 0.5s ease-out;
  transition: opacity 0.5s ease-out;
  pointer-events: none;
}
@media screen and (min-width: 1024px) {
  #popup {
    position: fixed;
  }
}
#popup.is--visible {
  opacity: 1;
}
#popup.is--visible .popup-wrap {
  pointer-events: auto;
}
@media screen and (min-width: 1024px) {
  .popup-wrap {
    position: relative;
    width: 25.20351390922401vw;
    max-height: 100%;
    padding: 1.830161054172767vw 0;
    border-radius: 1.464128843338214vw;
  }
}
@media screen and (max-width: 1023px) {
  .popup-wrap {
    position: absolute;
    left: 50%;
    bottom: 21.066666666666666vw;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 92.13333333333334vw;
    max-height: 46.53333333333333vw;
    padding: 4.533333333333333vw 0;
    border-radius: 2.666666666666667vw;
  }
}
@media screen and (min-width: 1024px) {
  .popup-wrap.is-left {
    -webkit-transform: translate(15%, -50%);
    transform: translate(15%, -50%);
  }
}
@media screen and (min-width: 1024px) {
  .popup-wrap.is-left .popup-pointed {
    -webkit-transform: scale(-1, 1) translateY(-50%);
    transform: scale(-1, 1) translateY(-50%);
    left: -1.5vw;
  }
}
@media screen and (min-width: 1024px) {
  .popup-wrap.is-right {
    -webkit-transform: translate(15%, -50%);
    transform: translate(15%, -50%);
  }
}
@media screen and (min-width: 1024px) {
  .popup-wrap.is-right .popup-pointed {
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 1.5vw;
  }
}
.popup-wrap.is-white {
  background-color: #fff;
}
.popup-wrap.is-white .balloon-pointer {
  fill: #fff;
}
.popup-wrap.is-brown {
  background-color: #fff9eb;
}
.popup-wrap.is-brown .balloon-pointer {
  fill: #fff9eb;
}
.popup-wrap.is-blue {
  background-color: #eaf7ff;
}
.popup-wrap.is-blue .balloon-pointer {
  fill: #eaf7ff;
}
.popup-comment-balloon {
  max-height: 25.25622254758419vw;
  overflow: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.popup-comment-balloon::-webkit-scrollbar {
  display: none;
}
@media screen and (min-width: 1024px) {
  .popup-comment-balloon {
    width: 100%;
    padding: 0 2.196193265007321vw;
  }
}
@media screen and (max-width: 1023px) {
  .popup-comment-balloon {
    padding: 0 6.133333333333333vw;
  }
}
.popup-title {
  font-weight: 500;
  letter-spacing: 0.02em;
  line-height: 1.454545454545455;
  color: #2c77e5;
}
@media screen and (min-width: 1024px) {
  .popup-title {
    font-size: 1.610541727672035vw;
  }
}
@media screen and (max-width: 1023px) {
  .popup-title {
    font-size: 5.333333333333334vw;
  }
}
@media screen and (min-width: 1024px) {
  .popup-comment {
    margin-top: 1.244509516837482vw;
    font-size: 1.317715959004393vw;
    letter-spacing: 0.02em;
    line-height: 2.125;
  }
}
@media screen and (max-width: 1023px) {
  .popup-comment {
    margin-top: 3.466666666666666vw;
    font-size: 4.266666666666667vw;
    letter-spacing: 0.02em;
    line-height: 2.5;
  }
}
.popup-comment a {
  color: #2c77e5;
  text-decoration: underline;
}
.popup-comment p:has(span) {
  line-height: 1;
}
@media screen and (min-width: 1024px) {
  .popup-comment p:has(span) {
    font-size: 0.732064421669107vw;
  }
}
@media screen and (max-width: 1023px) {
  .popup-comment p:has(span) {
    font-size: 1.333333333333333vw;
  }
}
.popup-pointed {
  position: absolute;
}
.popup-pointed svg {
  width: 100%;
  height: 100%;
}
@media screen and (min-width: 1024px) {
  .popup-pointed {
    top: 50%;
    width: 2.077598828696925vw;
    height: 1.703513909224012vw;
    stroke-width: 2.5px;
  }
}
@media screen and (max-width: 1023px) {
  .popup-pointed {
    top: -3.333333333333333vw;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 4.418666666666667vw;
    height: 4.141333333333333vw;
  }
}
.popup-close-btn {
  position: absolute;
  border-radius: 50%;
  background-color: #000;
  border: none;
  padding: 0;
  background-image: url("/assets/images/fieldtrip/icon-modal-close-btn.svg");
  background-position: center center;
  background-repeat: no-repeat;
}
@media screen and (min-width: 1024px) {
  .popup-close-btn {
    top: -0.951683748169839vw;
    right: -0.658857979502196vw;
    width: 2.550512445095169vw;
    height: 2.550512445095169vw;
    background-size: 37% 37%;
    cursor: pointer;
  }
}
@media screen and (max-width: 1023px) {
  .popup-close-btn {
    top: -5.333333333333334vw;
    right: -3.333333333333333vw;
    width: 9.3vw;
    height: 9.3vw;
    background-size: 40% 40%;
  }
}
.custom-scroll-wrap {
  position: absolute;
  background-color: rgba(0,0,0,0.06);
}
@media screen and (min-width: 1024px) {
  .custom-scroll-wrap {
    top: 3.294289897510981vw;
    right: 0.951683748169839vw;
    width: 0.366032210834553vw;
    height: 80%;
    border-radius: 0.805270863836018vw;
  }
}
@media screen and (max-width: 1023px) {
  .custom-scroll-wrap {
    top: 7.066666666666667vw;
    right: 3.333333333333333vw;
    width: 1.2vw;
    height: 70%;
    border-radius: 1.466666666666667vw;
  }
}
.custom-scroll-wrap.disable-scrollbar {
  display: none;
}
.custom-scroll-bar {
  position: absolute;
  left: 0;
  background-color: #aaa;
}
@media screen and (min-width: 1024px) {
  .custom-scroll-bar {
    width: 0.366032210834553vw;
    height: 7.578330893118594vw;
    border-radius: 0.805270863836018vw;
  }
}
@media screen and (max-width: 1023px) {
  .custom-scroll-bar {
    width: 1.2vw;
    height: 13.333333333333334vw;
    border-radius: 1.466666666666667vw;
  }
}
.popup-static-img {
  position: relative;
  background: none;
  border: solid #707070 1px;
  padding: 0;
  border-radius: 9px;
  overflow: hidden;
  line-height: 0;
  margin-top: 15px;
}
@media screen and (min-width: 1024px) {
  .popup-static-img {
    position: relative;
    cursor: pointer;
  }
}
.popup-static-img::after {
  content: "";
  position: absolute;
  right: 5px;
  bottom: 5px;
  width: 32px;
  height: 32px;
  background-image: url("/assets/images/fieldtrip/icon-glass.svg");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center;
}
.popup-thumbnail {
  background: none;
  border: none;
  padding: 0;
}
@media screen and (min-width: 1024px) {
  .popup-thumbnail {
    position: relative;
    cursor: pointer;
  }
}
.popup-thumbnail-img {
  position: relative;
}
@media screen and (min-width: 1024px) {
  .popup-thumbnail-img:before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 6.588579795021962vw;
    height: 6.588579795021962vw;
    background: url("/assets/images/fieldtrip/pondage/icn_play.png") no-repeat center center;
    background-size: 100% auto;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
}
@media screen and (max-width: 1023px) {
  .popup-thumbnail-img:before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 12vw;
    height: 12vw;
    background: url("/assets/images/fieldtrip/pondage/icn_play.png") no-repeat center center;
    background-size: 100% auto;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
}
.m-fieldtrip-video-modal,
.m-fieldtrip-image-modal {
  position: fixed;
  top: 0;
  left: 0;
  background-color: rgba(0,0,0,0.6);
  width: 100vw;
  z-index: 389;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out;
}
.m-fieldtrip-video-modal.is-opening,
.m-fieldtrip-image-modal.is-opening {
  opacity: 0;
  height: 100vh;
}
.m-fieldtrip-video-modal.is-open,
.m-fieldtrip-image-modal.is-open {
  visibility: visible;
  opacity: 1;
  height: 100vh;
}
.m-fieldtrip-video-modal-wrap,
.m-fieldtrip-image-modal-wrap {
  position: relative;
  width: 100%;
  height: 100%;
}
.m-fieldtrip-video-modal-close-btn {
  position: absolute;
}
@media screen and (min-width: 1024px) {
  .m-fieldtrip-video-modal-close-btn {
    top: calc(50% - 20vw);
    right: 20vw;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 3.49926793557833vw;
    height: 3.605417276720351vw;
    cursor: pointer;
  }
}
@media screen and (max-width: 1023px) {
  .m-fieldtrip-video-modal-close-btn {
    top: calc(50% - 33.33333333333333vw);
    right: 5.466666666666667vw;
    width: 6.373333333333334vw;
    height: 6.566666666666666vw;
  }
}
.m-fieldtrip-video-modal-player {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
@media screen and (min-width: 1024px) {
  .m-fieldtrip-video-modal-player {
    width: 60vw;
    height: 33.839999999999996vw;
  }
}
@media screen and (max-width: 1023px) {
  .m-fieldtrip-video-modal-player {
    width: 89.2vw;
    height: 50.26666666666667vw;
  }
}
.m-fieldtrip-image-modal-close-btn {
  position: absolute;
}
@media screen and (min-width: 1024px) {
  .m-fieldtrip-image-modal-close-btn {
    top: calc(0% - 2vw);
    right: 0vw;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 3.49926793557833vw;
    height: 3.605417276720351vw;
    cursor: pointer;
  }
}
@media screen and (max-width: 1023px) {
  .m-fieldtrip-image-modal-close-btn {
    top: calc(0% - 8vw);
    right: 0;
    width: 6.373333333333334vw;
    height: 6.566666666666666vw;
  }
}
.m-fieldtrip-image-modal-player {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
@media screen and (min-width: 1024px) {
  .m-fieldtrip-image-modal-player {
    width: 43.92386530014642vw;
  }
}
@media screen and (max-width: 1023px) {
  .m-fieldtrip-image-modal-player {
    width: 89.2vw;
  }
}
body:not(._quize) .m-fieldtrip-quize-modal--wrp {
  display: none;
}
body:not(._quize) .m-fieldtrip-quize-modal__cont {
  display: none;
}
body:not(._quize) .m-fieldtrip-quize-modal__fukidashi {
  display: block;
}
body._quize .m-fieldtrip-quize-modal--wrp {
  display: block;
}
body._quize .m-fieldtrip-quize-modal__cont {
  display: block;
}
body._quize .m-fieldtrip-quize-modal__fukidashi {
  display: none;
}
.m-fieldtrip-quize-modal--wrp.m-modal {
  padding-top: 4.5rem;
}
@media screen and (max-width: 1023px) {
  .m-fieldtrip-quize-modal--wrp.m-modal {
    padding-top: 8vw;
  }
}
.m-fieldtrip-quize-modal--wrp.m-modal .m-modal__stretch {
  border-radius: 1.6rem;
}
@media screen and (max-width: 1023px) {
  .m-fieldtrip-quize-modal--wrp.m-modal .m-modal__stretch {
    border-radius: 2.133333333333333vw;
  }
}
.m-fieldtrip-quize-modal--wrp .m-modal__container {
  width: 60rem;
}
@media screen and (max-width: 1023px) {
  .m-fieldtrip-quize-modal--wrp .m-modal__container {
    width: 89.86666666666666vw;
  }
}
.m-fieldtrip-quize-modal--wrp .m-fieldtrip-quize-modal__fukidashi {
  width: 31.8rem;
  position: absolute;
  top: 18rem;
  left: 34rem;
}
.m-fieldtrip-quize-modal--wrp .m-fieldtrip-quize-modal__fukidashi .m-fieldtrip-quize-modal__fukidashi__bg {
  width: 100%;
}
.m-fieldtrip-quize-modal--wrp .m-fieldtrip-quize-modal__fukidashi .m-fieldtrip-quize-modal__fukidashi__ttl {
  font-size: 3rem;
  line-height: 0.966666666666667;
  letter-spacing: 0.02em;
  font-weight: bold;
  text-align: center;
  color: #ff6f3b;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  white-space: nowrap;
}
@media screen and (max-width: 1023px) {
  .m-fieldtrip-quize-modal--wrp .m-fieldtrip-quize-modal__fukidashi .m-fieldtrip-quize-modal__fukidashi__ttl {
    font-size: 4vw;
  }
}
.m-fieldtrip-quize-modal--wrp .m-fieldtrip-quize-modal__cont {
  width: 100%;
  background-color: #fff;
  padding: 4rem 4.5rem 5.6rem 4.5rem;
}
@media screen and (max-width: 1023px) {
  .m-fieldtrip-quize-modal--wrp .m-fieldtrip-quize-modal__cont {
    padding: 5.333333333333334vw 5.600000000000001vw 7.466666666666668vw;
  }
}
.m-fieldtrip-quize-modal--wrp .m-fieldtrip-quize-modal__btn {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  width: 53.666666666666664%;
  height: 6rem;
  margin-top: 2.4rem;
}
@media screen and (max-width: 1023px) {
  .m-fieldtrip-quize-modal--wrp .m-fieldtrip-quize-modal__btn {
    width: 64vw;
    height: 16vw;
  }
}
.m-fieldtrip-quize-modal--wrp .m-fieldtrip-quize-modal__btn span {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
}
.m-fieldtrip-quize-modal--wrp .m-fieldtrip-quize-modal__btn span:first-child {
  display: none;
}
.m-fieldtrip-quize-modal--wrp .m-fieldtrip-quize-modal__btn span:last-child {
  display: block;
}
.m-fieldtrip-quize-modal--wrp .m-fieldtrip-quize-modal__btn.is--notyet span:first-child {
  display: block;
}
.m-fieldtrip-quize-modal--wrp .m-fieldtrip-quize-modal__btn.is--notyet span:last-child {
  display: none;
}
.m-fieldtrip-quize-modal--wrp .m-fieldtrip-quize-modal__btn .c-button__txt {
  font-size: 2.8rem;
  line-height: 0.928571428571429;
  letter-spacing: 0.02em;
}
@media screen and (max-width: 1023px) {
  .m-fieldtrip-quize-modal--wrp .m-fieldtrip-quize-modal__btn .c-button__txt {
    font-size: 3.733333333333334vw;
  }
}
@media screen and (max-width: 1023px) {
  .m-fieldtrip-quize-modal--wrp .m-fieldtrip-quize-modal__btn .c-button__txt {
    font-size: 3.6rem;
    line-height: 0.861111111111111;
    letter-spacing: 0.02em;
  }
}
@media screen and (max-width: 1023px) and (max-width: 1023px) {
  .m-fieldtrip-quize-modal--wrp .m-fieldtrip-quize-modal__btn .c-button__txt {
    font-size: 4.8vw;
  }
}
.m-fieldtrip-quize-modal--wrp .m-fieldtrip-quize-modal__cont__ttl-sub,
.m-fieldtrip-quize-modal--wrp .m-fieldtrip-quize-modal__cont__ttl {
  text-align: center;
}
.m-fieldtrip-quize-modal--wrp .m-fieldtrip-quize-modal__cont__ttl-sub {
  display: inline-block;
  margin-top: 1.6rem;
  color: #000;
  border-radius: 1.6rem;
  padding: 1rem 3.3rem 1rem 3.3rem;
  background-color: #e3e3e3;
  position: relative;
  font-size: 1.6rem;
  line-height: 1.375;
  letter-spacing: 0em;
}
@media screen and (max-width: 1023px) {
  .m-fieldtrip-quize-modal--wrp .m-fieldtrip-quize-modal__cont__ttl-sub {
    font-size: 2.133333333333333vw;
  }
}
@media screen and (max-width: 1023px) {
  .m-fieldtrip-quize-modal--wrp .m-fieldtrip-quize-modal__cont__ttl-sub {
    font-size: 2.4rem;
    line-height: 1.416666666666667;
    letter-spacing: 0em;
  }
}
.m-fieldtrip-quize-modal--wrp .m-fieldtrip-quize-modal__cont__ttl-sub:before {
  content: '';
  width: 25px;
  height: 22px;
  display: block;
  position: absolute;
  bottom: -1rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-image: url("/assets/images/fieldtrip/icon-balloon-tip-gray.svg");
  background-size: cover;
  background-repeat: no-repeat;
}
@media screen and (max-width: 1023px) and (max-width: 1023px) {
  .m-fieldtrip-quize-modal--wrp .m-fieldtrip-quize-modal__cont__ttl-sub {
    font-size: 3.2vw;
  }
}
.m-fieldtrip-quize-modal--wrp .m-fieldtrip-quize-modal__cont__ttl {
  color: #2c77e5;
  font-size: 3.4rem;
  line-height: 1.558823529411765;
  letter-spacing: 0.02em;
  font-weight: bold;
}
@media screen and (max-width: 1023px) {
  .m-fieldtrip-quize-modal--wrp .m-fieldtrip-quize-modal__cont__ttl {
    font-size: 4.533333333333333vw;
  }
}
@media screen and (max-width: 1023px) {
  .m-fieldtrip-quize-modal--wrp .m-fieldtrip-quize-modal__cont__ttl {
    font-size: 4rem;
    line-height: 1.325;
    letter-spacing: 0.02em;
    font-weight: bold;
  }
}
@media screen and (max-width: 1023px) and (max-width: 1023px) {
  .m-fieldtrip-quize-modal--wrp .m-fieldtrip-quize-modal__cont__ttl {
    font-size: 5.333333333333334vw;
  }
}
.m-fieldtrip-quize-modal--wrp .m-fieldtrip-quize-modal__cont__list {
  margin-top: 3.4rem;
}
.m-fieldtrip-quize-modal--wrp .m-fieldtrip-quize-modal__cont__list .m-fieldtrip-quize-modal__cont__list__itm {
  background-color: #bce8fc;
  padding: 2.4rem 2rem;
  border-radius: 1.8rem;
}
@media screen and (max-width: 1023px) {
  .m-fieldtrip-quize-modal--wrp .m-fieldtrip-quize-modal__cont__list .m-fieldtrip-quize-modal__cont__list__itm {
    padding: 3.2vw 2.666666666666667vw;
    border-radius: 2.4vw;
  }
}
.m-fieldtrip-quize-modal--wrp .m-fieldtrip-quize-modal__cont__list .m-fieldtrip-quize-modal__cont__list__itm + .m-fieldtrip-quize-modal__cont__list__itm {
  margin-top: 2rem;
}
.m-fieldtrip-quize-modal--wrp .m-fieldtrip-quize-modal__cont__list .m-fieldtrip-quize-modal__cont__list__itm__ttl {
  text-align: center;
}
.m-fieldtrip-quize-modal--wrp .m-fieldtrip-quize-modal__cont__list .m-fieldtrip-quize-modal__cont__list__itm__ttl {
  color: #2e3033;
  font-size: 2.4rem;
  line-height: 1.791666666666667;
  letter-spacing: 0em;
  font-weight: bold;
}
@media screen and (max-width: 1023px) {
  .m-fieldtrip-quize-modal--wrp .m-fieldtrip-quize-modal__cont__list .m-fieldtrip-quize-modal__cont__list__itm__ttl {
    font-size: 3.2vw;
  }
}
@media screen and (max-width: 1023px) {
  .m-fieldtrip-quize-modal--wrp .m-fieldtrip-quize-modal__cont__list .m-fieldtrip-quize-modal__cont__list__itm__ttl {
    font-size: 2.4rem;
    line-height: 1.791666666666667;
    letter-spacing: 0em;
    font-weight: bold;
  }
}
@media screen and (max-width: 1023px) and (max-width: 1023px) {
  .m-fieldtrip-quize-modal--wrp .m-fieldtrip-quize-modal__cont__list .m-fieldtrip-quize-modal__cont__list__itm__ttl {
    font-size: 3.2vw;
  }
}
.m-fieldtrip-quize-modal--wrp .m-fieldtrip-quize-modal__cont__list .m-fieldtrip-quize-modal__cont__list__itm__hint {
  display: block;
  text-align: center;
  font-size: 1.8rem;
  line-height: 2.388888888888889;
  letter-spacing: 0em;
  font-weight: bold;
}
@media screen and (max-width: 1023px) {
  .m-fieldtrip-quize-modal--wrp .m-fieldtrip-quize-modal__cont__list .m-fieldtrip-quize-modal__cont__list__itm__hint {
    font-size: 2.4vw;
  }
}
@media screen and (max-width: 1023px) {
  .m-fieldtrip-quize-modal--wrp .m-fieldtrip-quize-modal__cont__list .m-fieldtrip-quize-modal__cont__list__itm__hint {
    font-size: 2rem;
    line-height: 2.15;
    letter-spacing: 0em;
    font-weight: bold;
  }
}
.m-fieldtrip-quize-modal--wrp .m-fieldtrip-quize-modal__cont__list .m-fieldtrip-quize-modal__cont__list__itm__hint span:first-child {
  color: #818181;
}
.m-fieldtrip-quize-modal--wrp .m-fieldtrip-quize-modal__cont__list .m-fieldtrip-quize-modal__cont__list__itm__hint span:last-child {
  color: #2c77e5;
  position: relative;
}
.m-fieldtrip-quize-modal--wrp .m-fieldtrip-quize-modal__cont__list .m-fieldtrip-quize-modal__cont__list__itm__hint span:last-child:after {
  content: '';
  display: block;
  background-image: url("/assets/images/common/icon-link.svg");
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
@media screen and (min-width: 1024px) {
  .m-fieldtrip-quize-modal--wrp .m-fieldtrip-quize-modal__cont__list .m-fieldtrip-quize-modal__cont__list__itm__hint span:last-child:after {
    width: 2.6rem;
    height: 2.6rem;
    right: -3rem;
  }
}
@media screen and (max-width: 1023px) {
  .m-fieldtrip-quize-modal--wrp .m-fieldtrip-quize-modal__cont__list .m-fieldtrip-quize-modal__cont__list__itm__hint span:last-child:after {
    width: 3.466666666666666vw;
    height: 3.466666666666666vw;
    right: -4vw;
  }
}
@media screen and (max-width: 1023px) and (max-width: 1023px) {
  .m-fieldtrip-quize-modal--wrp .m-fieldtrip-quize-modal__cont__list .m-fieldtrip-quize-modal__cont__list__itm__hint {
    font-size: 2.666666666666667vw;
  }
}
.m-fieldtrip-quize-modal--wrp .m-fieldtrip-quize-modal__cont__list .m-fieldtrip-quize-modal__cont__list__itm__options-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media screen and (max-width: 1023px) {
  .m-fieldtrip-quize-modal--wrp .m-fieldtrip-quize-modal__cont__list .m-fieldtrip-quize-modal__cont__list__itm__options-list {
    margin-top: 2vw;
  }
}
.m-fieldtrip-quize-modal--wrp .m-fieldtrip-quize-modal__cont__list .m-fieldtrip-quize-modal__cont__list__itm__options-list._corrected input:not(:checked) + label {
  background-color: #ebebeb;
}
.m-fieldtrip-quize-modal--wrp .m-fieldtrip-quize-modal__cont__list .m-fieldtrip-quize-modal__cont__list__itm__options-list__itm {
  position: relative;
}
@media screen and (min-width: 1024px) {
  .m-fieldtrip-quize-modal--wrp .m-fieldtrip-quize-modal__cont__list .m-fieldtrip-quize-modal__cont__list__itm__options-list__itm {
    width: 14.3rem;
    height: 6rem;
    padding: 0 0.7rem;
  }
}
@media screen and (max-width: 1023px) {
  .m-fieldtrip-quize-modal--wrp .m-fieldtrip-quize-modal__cont__list .m-fieldtrip-quize-modal__cont__list__itm__options-list__itm {
    width: 22.666666666666664vw;
    height: 10.666666666666668vw;
  }
}
.m-fieldtrip-quize-modal--wrp .m-fieldtrip-quize-modal__cont__list .m-fieldtrip-quize-modal__cont__list__itm__options-list__itm input {
  display: none;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.m-fieldtrip-quize-modal--wrp .m-fieldtrip-quize-modal__cont__list .m-fieldtrip-quize-modal__cont__list__itm__options-list__itm label {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #2c77e5;
  text-align: center;
  background-color: #fff;
  border-radius: 4rem;
  font-size: 1.6rem;
  line-height: 1.375;
  letter-spacing: 0.035em;
  font-weight: bold;
}
@media screen and (max-width: 1023px) {
  .m-fieldtrip-quize-modal--wrp .m-fieldtrip-quize-modal__cont__list .m-fieldtrip-quize-modal__cont__list__itm__options-list__itm label {
    font-size: 2.133333333333333vw;
  }
}
@media screen and (max-width: 1023px) {
  .m-fieldtrip-quize-modal--wrp .m-fieldtrip-quize-modal__cont__list .m-fieldtrip-quize-modal__cont__list__itm__options-list__itm label {
    font-size: 2rem;
    line-height: 1.25;
    letter-spacing: 0.035em;
    font-weight: bold;
  }
}
@media screen and (max-width: 1023px) and (max-width: 1023px) {
  .m-fieldtrip-quize-modal--wrp .m-fieldtrip-quize-modal__cont__list .m-fieldtrip-quize-modal__cont__list__itm__options-list__itm label {
    font-size: 2.666666666666667vw;
  }
}
.m-fieldtrip-quize-modal--wrp .m-fieldtrip-quize-modal__cont__list .m-fieldtrip-quize-modal__cont__list__itm__options-list__itm input:checked + label + span.is--correct,
.m-fieldtrip-quize-modal--wrp .m-fieldtrip-quize-modal__cont__list .m-fieldtrip-quize-modal__cont__list__itm__options-list__itm label + span.is--correct {
  background-image: url("/assets/images/fieldtrip/icon-correct.svg");
}
@media screen and (min-width: 1024px) {
  .m-fieldtrip-quize-modal--wrp .m-fieldtrip-quize-modal__cont__list .m-fieldtrip-quize-modal__cont__list__itm__options-list__itm input:checked + label + span.is--correct,
  .m-fieldtrip-quize-modal--wrp .m-fieldtrip-quize-modal__cont__list .m-fieldtrip-quize-modal__cont__list__itm__options-list__itm label + span.is--correct {
    width: 9.2rem;
    height: 9.2rem;
  }
}
@media screen and (max-width: 1023px) {
  .m-fieldtrip-quize-modal--wrp .m-fieldtrip-quize-modal__cont__list .m-fieldtrip-quize-modal__cont__list__itm__options-list__itm input:checked + label + span.is--correct,
  .m-fieldtrip-quize-modal--wrp .m-fieldtrip-quize-modal__cont__list .m-fieldtrip-quize-modal__cont__list__itm__options-list__itm label + span.is--correct {
    width: 12.266666666666666vw;
    height: 12.266666666666666vw;
  }
}
.m-fieldtrip-quize-modal--wrp .m-fieldtrip-quize-modal__cont__list .m-fieldtrip-quize-modal__cont__list__itm__options-list__itm input:checked + label + span.is--incorrect,
.m-fieldtrip-quize-modal--wrp .m-fieldtrip-quize-modal__cont__list .m-fieldtrip-quize-modal__cont__list__itm__options-list__itm label + span.is--incorrect {
  background-image: url("/assets/images/fieldtrip/icon-incorrect.svg");
}
@media screen and (min-width: 1024px) {
  .m-fieldtrip-quize-modal--wrp .m-fieldtrip-quize-modal__cont__list .m-fieldtrip-quize-modal__cont__list__itm__options-list__itm input:checked + label + span.is--incorrect,
  .m-fieldtrip-quize-modal--wrp .m-fieldtrip-quize-modal__cont__list .m-fieldtrip-quize-modal__cont__list__itm__options-list__itm label + span.is--incorrect {
    width: 7.4rem;
    height: 7.4rem;
  }
}
@media screen and (max-width: 1023px) {
  .m-fieldtrip-quize-modal--wrp .m-fieldtrip-quize-modal__cont__list .m-fieldtrip-quize-modal__cont__list__itm__options-list__itm input:checked + label + span.is--incorrect,
  .m-fieldtrip-quize-modal--wrp .m-fieldtrip-quize-modal__cont__list .m-fieldtrip-quize-modal__cont__list__itm__options-list__itm label + span.is--incorrect {
    width: 9.866666666666667vw;
    height: 9.866666666666667vw;
  }
}
.m-fieldtrip-quize-modal--wrp .m-fieldtrip-quize-modal__cont__list .m-fieldtrip-quize-modal__cont__list__itm__options-list__itm span {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-size: cover;
}
.m-fieldtrip-quize-modal--wrp .m-fieldtrip-quize-modal__cont__list .m-fieldtrip-quize-modal__cont__list__itm__options-list__itm + .m-fieldtrip-quize-modal__cont__list__itm__options-list__itm {
  margin-left: 0.7rem;
}
.m-fieldtrip-quize-modal--wrp .m-fieldtrip-quize-modal__cont__btn {
  position: relative;
  overflow: visible;
  width: 100%;
  height: 0;
  margin: 0;
  padding: 0;
  background-color: transparent;
  text-align: right;
  border: none;
  z-index: 341;
}
@media screen and (min-width: 1024px) {
  .m-fieldtrip-quize-modal--wrp .m-fieldtrip-quize-modal__cont__btn {
    cursor: pointer;
  }
}
.m-fieldtrip-quize-modal--wrp .m-fieldtrip-quize-modal__cont__btn .c-fieldtrip-close-button {
  margin-left: auto;
}
@media screen and (min-width: 1024px) {
  .m-fieldtrip-quize-modal--wrp .m-fieldtrip-quize-modal__cont__btn .c-fieldtrip-close-button {
    -webkit-transform: translate(2.6rem, -2.6rem);
    transform: translate(2.6rem, -2.6rem);
  }
}
@media screen and (max-width: 1023px) {
  .m-fieldtrip-quize-modal--wrp .m-fieldtrip-quize-modal__cont__btn .c-fieldtrip-close-button {
    -webkit-transform: translate(2.533333333333333vw, -3.6vw);
    transform: translate(2.533333333333333vw, -3.6vw);
    width: 10.266666666666667vw !important;
    height: 10.266666666666667vw !important;
    border-radius: 50%;
  }
}
.m-sugoroku-board {
  position: fixed;
  left: 0;
  z-index: 170;
  text-align: center;
  color: #fff;
}
@media screen and (min-width: 1024px) {
  .m-sugoroku-board {
    width: 17.3rem;
    padding-left: 3.1rem;
  }
}
@media screen and (max-width: 1023px) {
  .m-sugoroku-board {
    width: 24.666666666666668vw;
    padding-left: 4.399999999999999vw;
  }
}
@media screen and (min-width: 1024px) {
  .m-sugoroku-board.is--type-turn {
    top: 2.4rem;
  }
}
@media screen and (max-width: 1023px) {
  .m-sugoroku-board.is--type-turn {
    top: 5.466666666666667vw;
  }
}
@media screen and (min-width: 1024px) {
  .m-sugoroku-board.is--type-minimap {
    top: 17.5rem;
  }
}
@media screen and (max-width: 1023px) {
  .m-sugoroku-board.is--type-minimap {
    top: 25.333333333333336vw;
  }
}
.m-sugoroku-board.is-hide {
  display: none;
}
.m-sugoroku-board__hdg {
  position: relative;
  z-index: 1;
  background-color: #45b463;
  border: solid #32894a;
}
@media screen and (min-width: 1024px) {
  .m-sugoroku-board__hdg {
    margin: 0 1rem -1rem;
    padding: 0.277777777777778em 0;
    font-size: 1.8rem;
    border-width: 0.3rem;
    border-radius: 1rem;
    -webkit-box-shadow: -0.3rem -0.3rem #32894a;
    box-shadow: -0.3rem -0.3rem #32894a;
  }
}
@media screen and (max-width: 1023px) {
  .m-sugoroku-board__hdg {
    margin: 0 0.631578947368421em -0.473684210526316em;
    padding: 0.315789473684211em 0;
    font-size: 2.533333333333333vw;
    border-width: 0.4vw;
    border-radius: 1.333333333333333vw;
    -webkit-box-shadow: -0.4vw -0.4vw #32894a;
    box-shadow: -0.4vw -0.4vw #32894a;
  }
}
.m-sugoroku-board__body {
  position: relative;
  background-color: #aee370;
  border: solid #32894a;
}
@media screen and (min-width: 1024px) {
  .m-sugoroku-board__body {
    border-width: 0.4rem;
    border-radius: 2.2rem;
    -webkit-box-shadow: -0.7rem -0.7rem #32894a;
    box-shadow: -0.7rem -0.7rem #32894a;
  }
}
@media screen and (max-width: 1023px) {
  .m-sugoroku-board__body {
    border-width: 0.533333333333333vw;
    border-radius: 2.933333333333333vw;
    -webkit-box-shadow: -0.933333333333333vw -0.933333333333333vw #32894a;
    box-shadow: -0.933333333333333vw -0.933333333333333vw #32894a;
  }
}
.m-sugoroku-board__body::after {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  background: url("/assets/images/sugoroku/img_pole.svg") no-repeat left center;
  background-size: 87.09677419354838% auto;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  content: '';
}
@media screen and (min-width: 1024px) {
  .m-sugoroku-board__body::after {
    width: 3.5rem;
  }
}
@media screen and (max-width: 1023px) {
  .m-sugoroku-board__body::after {
    width: 4.933333333333334vw;
  }
}
@media screen and (min-width: 1024px) {
  .is--type-turn .m-sugoroku-board__body {
    font-size: 5.9rem;
    text-shadow: 0.050847457627119em 0.050847457627119em 0em #32894a, -0.050847457627119em 0.050847457627119em 0em #32894a, 0.050847457627119em -0.050847457627119em 0em #32894a, -0.050847457627119em -0.050847457627119em 0em #32894a, 0.050847457627119em 0em 0em #32894a, 0em 0.050847457627119em 0em #32894a, -0.050847457627119em 0em 0em #32894a, 0em -0.050847457627119em 0em #32894a;
    line-height: 1.474576271186441;
  }
}
@media screen and (max-width: 1023px) {
  .is--type-turn .m-sugoroku-board__body {
    font-size: 8.266666666666666vw;
    text-shadow: 0.048387096774194em 0.048387096774194em 0em #32894a, -0.048387096774194em 0.048387096774194em 0em #32894a, 0.048387096774194em -0.048387096774194em 0em #32894a, -0.048387096774194em -0.048387096774194em 0em #32894a, 0.048387096774194em 0em 0em #32894a, 0em 0.048387096774194em 0em #32894a, -0.048387096774194em 0em 0em #32894a, 0em -0.048387096774194em 0em #32894a;
    line-height: 1.516129032258065;
  }
}
@media screen and (min-width: 1024px) {
  .is--type-minimap .m-sugoroku-board__body canvas {
    width: 13.4rem;
    height: 12.5rem;
  }
}
@media screen and (max-width: 1023px) {
  .is--type-minimap .m-sugoroku-board__body canvas {
    width: 19.2vw;
    height: 17.866666666666667vw;
  }
}
.m-sugoroku-btn {
  display: block;
  margin: 0 auto;
  background-color: #000;
  text-align: center;
  border: none;
  color: #fff;
  cursor: pointer;
}
@media screen and (min-width: 1024px) {
  .m-sugoroku-btn {
    width: 8.928571428571429em;
    min-width: 250px;
    padding: 0.732142857142857em 0;
    font-size: 2.8rem;
    line-height: 1.392857142857143;
    border-radius: 1.428571428571429em;
  }
}
@media screen and (max-width: 1023px) {
  .m-sugoroku-btn {
    width: 42.66666666666667vw;
    padding: 4.666666666666667vw 0;
    font-size: 4.8vw;
    line-height: 1.416666666666667;
    border-radius: 16.133333333333333vw;
  }
}
.m-sugoroku-btn.is--type-positive {
  background-color: #fd7c41;
  color: #fff;
}
.m-sugoroku-btn.is--type-invert {
  background-color: #fff;
  color: #000;
}
.m-sugoroku-btn.is-type-icon,
.m-sugoroku-btn.is--type-next,
.m-sugoroku-btn.is--type-window,
.m-sugoroku-btn.is--type-prev,
.m-sugoroku-btn.is--type-close {
  position: relative;
}
.m-sugoroku-btn.is-type-icon::after,
.m-sugoroku-btn.is--type-next::after,
.m-sugoroku-btn.is--type-window::after,
.m-sugoroku-btn.is--type-prev::after,
.m-sugoroku-btn.is--type-close::after {
  position: absolute;
  top: 50%;
  width: 1.142857142857143em;
  height: 1.142857142857143em;
  background: #fff no-repeat center;
  background-size: 100% auto;
  border-radius: 100%;
  content: '';
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.m-sugoroku-btn.is--type-next {
  padding-right: 1.821428571428571em;
  padding-left: 1.357142857142857em;
}
.m-sugoroku-btn.is--type-next::after {
  right: 0.678571428571429em;
  background-image: url("/assets/images/common/icon-arrow-btn-right-black.svg");
}
.m-sugoroku-btn.is--type-next.is--type-invert::after {
  background-image: url("/assets/images/common/icon-arrow-btn-right-white.svg");
}
.m-sugoroku-btn.is--type-next.is--type-positive::after {
  background-image: url("/assets/images/common/icon-arrow-btn-right-orange.svg");
}
.m-sugoroku-btn.is--type-next.is--type-disable {
  background-color: #a0a0a0;
  pointer-events: none;
}
.m-sugoroku-btn.is--type-next.is--type-disable::after {
  background-image: url("/assets/images/common/icon-arrow-btn-right-gray.svg");
}
.m-sugoroku-btn.is--type-window {
  padding-right: 1.821428571428571em;
  padding-left: 1.357142857142857em;
  background-color: #000;
  color: #fff;
}
.m-sugoroku-btn.is--type-window::after {
  right: 0.678571428571429em;
  background-image: url("/assets/images/common/icon-window-black.svg");
}
.m-sugoroku-btn.is--type-prev {
  padding-right: 1.357142857142857em;
  padding-left: 1.821428571428571em;
}
.m-sugoroku-btn.is--type-prev::after {
  left: 0.678571428571429em;
  background-image: url("/assets/images/common/icon-arrow-btn-left-white.svg");
}
.m-sugoroku-btn.is--type-prev.is--type-positive::after {
  background-image: url("/assets/images/common/icon-arrow-btn-left-orange.svg");
}
.m-sugoroku-btn.is--type-close {
  padding-right: 1.821428571428571em;
  padding-left: 1.357142857142857em;
}
.m-sugoroku-btn.is--type-close::after {
  right: 0.678571428571429em;
  background-image: url("/assets/images/common/icon-close-btn-white.svg");
}
.m-sugoroku-modal {
  -webkit-transition: opacity 0.33s ease-out;
  transition: opacity 0.33s ease-out;
}
.m-sugoroku-modal.is-hide {
  display: none;
}
.m-sugoroku-modal.is-fadeout {
  opacity: 0;
}
@media screen and (max-width: 1023px) {
  .m-sugoroku-modal {
    overflow: auto;
  }
}
@media screen and (min-width: 1024px) {
  .m-sugoroku-modal__container {
    width: 57.4rem;
  }
}
@media screen and (max-width: 1023px) {
  .m-sugoroku-modal__container {
    width: 89.46666666666667vw;
  }
}
.m-sugoroku-modal-section {
  width: 100%;
  background-color: #fff;
}
@media screen and (min-width: 1024px) {
  .m-sugoroku-modal-section {
    padding: 0 2.613240418118467%;
    border-radius: 16px;
  }
}
@media screen and (max-width: 1023px) {
  .m-sugoroku-modal-section {
    padding: 0 4vw;
    border-radius: 2.133333333333333vw;
  }
}
.m-sugoroku-modal-section__inner {
  width: 100%;
  text-align: center;
}
@media screen and (min-width: 1024px) {
  .m-sugoroku-modal-section__inner {
    padding: 5.514705882352941% 2.757352941176471%;
  }
}
@media screen and (max-width: 1023px) {
  .m-sugoroku-modal-section__inner {
    padding: 6.800000000000001vw 0;
  }
}
.m-sugoroku-modal__hdg {
  color: #fd7c41;
}
@media screen and (min-width: 1024px) {
  .m-sugoroku-modal__hdg {
    font-size: 3.6rem;
    line-height: 1.416666666666667;
  }
}
@media screen and (max-width: 1023px) {
  .m-sugoroku-modal__hdg {
    font-size: 6.133333333333333vw;
    line-height: 1.391304347826087;
  }
}
@media screen and (min-width: 1024px) {
  .m-sugoroku-modal__lead {
    margin-top: 0.5em;
    font-size: 1.8rem;
    line-height: 1.833333333333333;
  }
}
@media screen and (max-width: 1023px) {
  .m-sugoroku-modal__lead {
    margin-top: 1.946666666666667vw;
    font-size: 4.266666666666667vw;
    line-height: 1.65625;
  }
}
.m-sugoroku-modal__close {
  position: relative;
  overflow: visible;
  width: 100%;
  height: 0;
  margin: 0;
  padding: 0;
  background-color: transparent;
  text-align: right;
  border: none;
  cursor: pointer;
}
.m-sugoroku-modal__close img {
  position: relative;
  z-index: 340;
  vertical-align: top;
  -webkit-transform: translate(50%, -50%);
  transform: translate(50%, -50%);
}
@media screen and (min-width: 1024px) {
  .m-sugoroku-modal__close img {
    width: 4.863rem;
  }
}
@media screen and (max-width: 1023px) {
  .m-sugoroku-modal__close img {
    width: 9.241333333333333vw;
  }
}
.m-common-accordion__tigger {
  background-color: #45b463;
  -webkit-transition: border-radius 0.3s;
  transition: border-radius 0.3s;
}
@media screen and (min-width: 1024px) {
  .m-common-accordion__tigger {
    border-radius: 2rem;
  }
}
@media screen and (max-width: 1023px) {
  .m-common-accordion__tigger {
    border-radius: 2.666666666666667vw;
  }
}
@media screen and (min-width: 1024px) {
  .is-open .m-common-accordion__tigger {
    border-radius: 2rem 2rem 0 0;
  }
}
@media screen and (max-width: 1023px) {
  .is-open .m-common-accordion__tigger {
    border-radius: 2.666666666666667vw 2.666666666666667vw 0 0;
  }
}
.m-common-accordion__tigger a {
  position: relative;
  display: block;
  text-align: center;
  color: #fff;
  line-height: 150%;
  letter-spacing: 0.04em;
}
.m-common-accordion__tigger a::before,
.m-common-accordion__tigger a::after {
  position: absolute;
  top: 50%;
  background-color: #fff;
  content: '';
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.m-common-accordion__tigger a::after {
  -webkit-transform: translateY(-50%) rotate(90deg);
  transform: translateY(-50%) rotate(90deg);
  -webkit-transition: -webkit-transform 0.33s;
  transition: -webkit-transform 0.33s;
  transition: transform 0.33s;
  transition: transform 0.33s, -webkit-transform 0.33s;
}
.is-open .m-common-accordion__tigger a::after {
  -webkit-transform: translateY(-50%) rotate(0deg);
  transform: translateY(-50%) rotate(0deg);
}
@media screen and (min-width: 1024px) {
  .m-common-accordion__tigger a {
    padding: 1.6rem 10rem;
    font-size: 3.2rem;
  }
  .m-common-accordion__tigger a::before,
  .m-common-accordion__tigger a::after {
    right: 10.6rem;
    width: 3.2rem;
    height: 0.5rem;
    border-radius: 0.25rem;
  }
}
@media screen and (max-width: 1023px) {
  .m-common-accordion__tigger a {
    padding: 3.866666666666667vw 9.333333333333334vw;
    font-size: 4.8vw;
  }
  .m-common-accordion__tigger a::before,
  .m-common-accordion__tigger a::after {
    right: 4.666666666666667vw;
    width: 4.266666666666667vw;
    height: 0.666666666666667vw;
    border-radius: 0.333333333333333vw;
  }
}
.m-common-accordion__contents {
  overflow: hidden;
  height: 0;
  -webkit-transition: height 0.66s, border-radius 0.3s;
  transition: height 0.66s, border-radius 0.3s;
}
@media screen and (min-width: 1024px) {
  .m-common-accordion__contents {
    border-radius: 0 0 2rem 2rem;
  }
}
@media screen and (max-width: 1023px) {
  .m-common-accordion__contents {
    border-radius: 0 0 2.666666666666667vw 2.666666666666667vw;
  }
}
.m-soudan-card {
  position: relative;
  background-color: #fff;
  overflow: hidden;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
@media screen and (min-width: 1024px) {
  .m-soudan-card {
    border: #45b463 solid 0.5rem;
    border-radius: 4rem;
    padding: 3.1rem 4.5rem 12.1rem;
  }
}
@media screen and (max-width: 1023px) {
  .m-soudan-card {
    border: #45b463 solid 0.666666666666667vw;
    border-radius: 5.333333333333334vw;
    padding: 6.4vw 6.133333333333333vw 21.333333333333336vw;
  }
}
.m-soudan-card:hover {
  opacity: 0.6;
}
.m-soudan-card.is-hide {
  display: none;
}
.m-soudan-card__title {
  color: #45b463;
  line-height: 150%;
  letter-spacing: 5%;
  font-weight: 700;
}
@media screen and (min-width: 1024px) {
  .m-soudan-card__title {
    font-size: 3.2rem;
  }
}
@media screen and (max-width: 1023px) {
  .m-soudan-card__title {
    font-size: 4.266666666666667vw;
  }
}
.m-soudan-card__text {
  line-height: 144%;
  letter-spacing: 5%;
}
@media screen and (min-width: 1024px) {
  .m-soudan-card__text {
    margin-top: 2.4rem;
    font-size: 2.4rem;
  }
}
@media screen and (max-width: 1023px) {
  .m-soudan-card__text {
    margin-top: 3.733333333333334vw;
    font-size: 3.733333333333334vw;
  }
}
.m-soudan-card__tags {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media screen and (min-width: 1024px) {
  .m-soudan-card__tags {
    margin-top: 1.6rem;
  }
}
@media screen and (max-width: 1023px) {
  .m-soudan-card__tags {
    margin-top: 2.666666666666667vw;
  }
}
.m-soudan-card__tag__item {
  background-color: #e9f7a2;
  color: #3a8e2b;
  line-height: 155%;
  letter-spacing: 5%;
}
@media screen and (min-width: 1024px) {
  .m-soudan-card__tag__item {
    font-size: 1.6rem;
    border-radius: 1.2rem;
    padding: 0.8rem 1.6rem;
    margin-top: 0.8rem;
    margin-right: 0.8rem;
  }
}
@media screen and (max-width: 1023px) {
  .m-soudan-card__tag__item {
    font-size: 3.2vw;
    border-radius: 1.6vw;
    padding: 1.066666666666667vw 2.133333333333333vw;
    margin-top: 1.066666666666667vw;
    margin-right: 1.066666666666667vw;
  }
}
.m-soudan-card__btn {
  position: absolute;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  bottom: 0;
  left: 0;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  letter-spacing: 5%;
  background-color: #45b463;
  color: #fff;
  text-align: center;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
  z-index: 1;
}
@media screen and (min-width: 1024px) {
  .m-soudan-card__btn {
    padding: 2rem 0;
    font-size: 3.2rem;
  }
}
@media screen and (max-width: 1023px) {
  .m-soudan-card__btn {
    padding: 5.333333333333334vw 0;
    font-size: 4.8vw;
  }
}
.m-soudan-card__btn:after {
  content: '';
  display: block;
  background-image: url("/assets/images/common/icon-window-white.svg");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
@media screen and (min-width: 1024px) {
  .m-soudan-card__btn:after {
    width: 3.486899948120117rem;
    height: 3.486899948120117rem;
    margin-left: 2.4rem;
  }
}
@media screen and (max-width: 1023px) {
  .m-soudan-card__btn:after {
    width: 4.649199930826823vw;
    height: 4.649199930826823vw;
    margin-left: 2.4rem;
  }
}
.c-calculator-test__attention {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 431;
  background-color: #45b463;
  display: none;
}
@media (max-width: 767px) {
  .c-calculator-test__attention {
    background-image: url("/assets/images/calculator_test/common/device_error_pc.jpg");
    background-size: 100% auto;
    background-position: center center;
    background-repeat: no-repeat;
    display: block;
  }
}
.c-calculator-test__btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 16.544655929721817vw;
  padding: 0.805270863836018vw 0;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #fff;
  background-color: #000;
  border-radius: 40px;
  text-align: center;
}
.c-calculator-test__btn__txt {
  font-size: 1.610541727672035vw;
}
@-webkit-keyframes bounceIn {
  0% {
    -webkit-transform: scale(0.3);
    transform: scale(0.3);
    opacity: 0;
  }
  50% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    opacity: 1;
  }
  70% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes bounceIn {
  0% {
    -webkit-transform: scale(0.3);
    transform: scale(0.3);
    opacity: 0;
  }
  50% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    opacity: 1;
  }
  70% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes countAnim {
  0% {
    -webkit-transform: translate(-50%, -50%) scale(0.4);
    transform: translate(-50%, -50%) scale(0.4);
  }
  80% {
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
    opacity: 0;
  }
}
@keyframes countAnim {
  0% {
    -webkit-transform: translate(-50%, -50%) scale(0.4);
    transform: translate(-50%, -50%) scale(0.4);
  }
  80% {
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
    opacity: 0;
  }
}
@-webkit-keyframes startAnim {
  0% {
    -webkit-transform: translate(-50%, -50%) scale(0.4);
    transform: translate(-50%, -50%) scale(0.4);
  }
  80% {
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
    opacity: 0;
  }
}
@keyframes startAnim {
  0% {
    -webkit-transform: translate(-50%, -50%) scale(0.4);
    transform: translate(-50%, -50%) scale(0.4);
  }
  80% {
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
    opacity: 0;
  }
}
.p-calculator-test .p-calculator-test-map {
  position: relative;
  min-height: 100vh;
  background-image: url("/assets/images/calculator_test/map/bg_map.jpg");
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: 100% calc(100% + 34px);
}
.p-calculator-test .p-calculator-test-map__box {
  display: block;
  width: 100%;
  height: 56.22254758418741vw;
}
.p-calculator-test .p-calculator-test-map__btn {
  position: absolute;
  z-index: 5;
  background-color: #464646;
  border: 4px solid #fff;
  border-radius: 3.806734992679356vw;
}
.p-calculator-test .p-calculator-test-map__btn--top {
  top: 3.22108345534407vw;
  right: 2.928257686676428vw;
  width: 17.569546120058565vw;
  padding-top: 1.683748169838946vw;
  padding-bottom: 1.464128843338214vw;
}
.p-calculator-test .p-calculator-test-map__btn--pattern {
  top: 3.001464128843338vw;
  right: 2.928257686676428vw;
  -webkit-box-pack: unset;
  -webkit-justify-content: unset;
  -ms-flex-pack: unset;
  justify-content: unset;
  width: 17.569546120058565vw;
  padding-top: 1.09809663250366vw;
  padding-right: 4.24597364568082vw;
  padding-bottom: 0.951683748169839vw;
  padding-left: 2.196193265007321vw;
  text-align: left;
}
.p-calculator-test .p-calculator-test-map__btn:hover .p-calculator-test-map__btn__txt {
  opacity: 0.5;
}
.p-calculator-test .p-calculator-test-map__btn__txt {
  position: relative;
  line-height: 1.260869565217391;
  letter-spacing: 0.06em;
  -webkit-transition: opacity 0.4s ease;
  transition: opacity 0.4s ease;
}
.p-calculator-test .p-calculator-test-map__btn__txt::after {
  content: '';
  background-image: url("/assets/images/calculator_test/common/icon_arrow_02.svg");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center center;
  position: absolute;
  top: 50%;
  right: -2.415812591508053vw;
  -webkit-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, -50%, 0);
  z-index: 5;
  width: 1.02489019033675vw;
  aspect-ratio: 14/19;
}
.p-calculator-test .p-calculator-test-map__anounce {
  position: absolute;
  top: -2.34375%;
  left: 50%;
  z-index: 5;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  aspect-ratio: 628/183;
  width: 45.973645680819914vw;
  background-image: url("/assets/images/calculator_test/map/img_anounce.png");
  background-size: cover;
}
.p-calculator-test .p-calculator-test-map__anounce__txt {
  position: relative;
  height: 100%;
}
.p-calculator-test .p-calculator-test-map__anounce__txt > span {
  position: absolute;
  display: block;
  bottom: 15.384615384615385%;
  left: 50%;
  z-index: 5;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  width: 100%;
  color: #fff;
  text-align: center;
  font-size: 1.537335285505125vw;
  line-height: 1.476190476190476;
}
.p-calculator-test .p-calculator-test-map__person {
  position: absolute;
  z-index: 6;
  aspect-ratio: 59/107;
  width: 4.319180087847731vw;
  background-image: url("/assets/images/calculator_test/map/img_person.png");
  background-size: cover;
}
.p-calculator-test .p-calculator-test-map__person.is-person-0 {
  bottom: 28.257686676427525vw;
  left: 1.830161054172767vw;
}
.p-calculator-test .p-calculator-test-map__person.is-person-1 {
  bottom: 28.257686676427525vw;
  left: 23.57247437774524vw;
}
.p-calculator-test .p-calculator-test-map__person.is-person-2 {
  bottom: 28.40409956076135vw;
  left: 42.825768667642755vw;
}
.p-calculator-test .p-calculator-test-map__person.is-person-3 {
  bottom: 27.672035139092237vw;
  right: 34.2606149341142vw;
}
.p-calculator-test .p-calculator-test-map [class*="__panel--"] {
  position: absolute;
  z-index: 5;
  aspect-ratio: 124/100;
  width: 9.077598828696926vw;
  background-size: cover;
}
.p-calculator-test .p-calculator-test-map [class*="__panel--"].disabled {
  pointer-events: none;
}
.p-calculator-test .p-calculator-test-map__panel--1 {
  background-image: url("/assets/images/calculator_test/map/img_panel_01.png");
}
.p-calculator-test .p-calculator-test-map__panel--1.active {
  background-image: url("/assets/images/calculator_test/map/img_panel_01_active.png");
  cursor: pointer;
}
.p-calculator-test .p-calculator-test-map__panel--2 {
  background-image: url("/assets/images/calculator_test/map/img_panel_02.png");
}
.p-calculator-test .p-calculator-test-map__panel--2.active {
  background-image: url("/assets/images/calculator_test/map/img_panel_02_active.png");
  cursor: pointer;
}
.p-calculator-test .p-calculator-test-map__panel--3 {
  background-image: url("/assets/images/calculator_test/map/img_panel_03.png");
}
.p-calculator-test .p-calculator-test-map__panel--3.active {
  background-image: url("/assets/images/calculator_test/map/img_panel_03_active.png");
  cursor: pointer;
}
.p-calculator-test .p-calculator-test-map__panel--4 {
  background-image: url("/assets/images/calculator_test/map/img_panel_04.png");
}
.p-calculator-test .p-calculator-test-map__panel--5 {
  background-image: url("/assets/images/calculator_test/map/img_panel_05.png");
}
.p-calculator-test .p-calculator-test-map__panel--6 {
  background-image: url("/assets/images/calculator_test/map/img_panel_06.png");
}
.p-calculator-test .p-calculator-test-map__modal {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 6;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.6);
}
.p-calculator-test .p-calculator-test-map__modal__cnt {
  position: absolute;
  top: -4.557291666666666%;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  z-index: 7;
  width: 51.97657393850659vw;
  aspect-ratio: 710/672;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center center;
}
.p-calculator-test .p-calculator-test-map__modal__cnt--1 {
  background-image: url("/assets/images/calculator_test/map/img-modal-01.png");
}
.p-calculator-test .p-calculator-test-map__modal__cnt--2 {
  background-image: url("/assets/images/calculator_test/map/img-modal-02.png");
}
.p-calculator-test .p-calculator-test-map__modal__cnt--3 {
  background-image: url("/assets/images/calculator_test/map/img-modal-03.png");
}
.p-calculator-test .p-calculator-test-map__modal__img {
  width: 100%;
  height: 100%;
}
.p-calculator-test .p-calculator-test-map__modal__close {
  position: absolute;
  bottom: 36.09077598828697vw;
  right: 2.415812591508053vw;
  z-index: 7;
  background-image: url("/assets/images/calculator_test/common/icon_close.svg");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center center;
  width: 2.855051244509517vw;
  aspect-ratio: 1/1;
  background-color: transparent;
  border: none;
  cursor: pointer;
  -webkit-transition: opacity 0.4s ease;
  transition: opacity 0.4s ease;
}
.p-calculator-test .p-calculator-test-map__modal__close:hover {
  opacity: 0.5;
}
.p-calculator-test .p-calculator-test-play {
  position: relative;
  min-height: 100vh;
  background: url("/assets/images/calculator_test/play/img_bg.jpg");
  background-size: 100% auto;
  background-position: bottom;
  background-repeat: no-repeat;
}
.p-calculator-test .p-calculator-test-play__box {
  display: block;
  width: 100%;
  height: 56.8081991215227vw;
}
.p-calculator-test .p-calculator-test-play__person--01 {
  background: url("/assets/images/calculator_test/play/fig_runner_01.png");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  position: absolute;
  bottom: 2.562225475841874vw;
  left: 0;
  z-index: 6;
  width: 22.47437774524158vw;
  aspect-ratio: 307/270;
}
.p-calculator-test .p-calculator-test-play__person--02 {
  background: url("/assets/images/calculator_test/play/fig_runner_02.png");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  position: absolute;
  bottom: 3.074670571010249vw;
  right: 0;
  z-index: 6;
  width: 21.888726207906295vw;
  aspect-ratio: 299/251;
}
.p-calculator-test .p-calculator-test-play__start__count {
  position: absolute;
  bottom: 28.111273792093705vw;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  z-index: 5;
  pointer-events: none;
}
.p-calculator-test .p-calculator-test-play__start__count.is-hide {
  display: none;
}
.p-calculator-test .p-calculator-test-play__start__count .count-text {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  display: block;
  width: 14.641288433382138vw;
  opacity: 0;
  -webkit-animation-name: countAnim;
  animation-name: countAnim;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-direction: normal;
  animation-direction: normal;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
.p-calculator-test .p-calculator-test-play__start__text {
  position: absolute;
  bottom: 20.790629575402637vw;
  left: 50%;
  width: 41.58125915080527vw;
  height: 8.784773060029282vw;
  -webkit-transform: translate(-50%, 0) scale(0.4);
  transform: translate(-50%, 0) scale(0.4);
  z-index: 5;
  pointer-events: none;
  opacity: 0;
  -webkit-animation-name: startAnim;
  animation-name: startAnim;
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.875);
  animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.875);
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-delay: 3s;
  animation-delay: 3s;
  -webkit-animation-direction: normal;
  animation-direction: normal;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
.p-calculator-test .p-calculator-test-play__start__text.is-active {
  opacity: 1;
}
.p-calculator-test .p-calculator-test-play__start__text .start-text {
  position: absolute;
  display: block;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  background: url("/assets/images/calculator_test/play/text-start.svg");
  background-size: 100% 100%;
  background-position: center center;
  background-repeat: no-repeat;
}
.p-calculator-test .p-calculator-test-play__timer__text {
  text-align: center;
  font-size: 7.320644216691069vw;
}
.p-calculator-test .p-calculator-test-play__container {
  position: absolute;
  bottom: 0;
  width: 100%;
}
.p-calculator-test .p-calculator-test-play__question {
  position: absolute;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  bottom: 45.1683748169839vw;
  left: 50.5%;
  z-index: 5;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  margin-right: -0.732064421669107vw;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 63.250366032210835vw;
  aspect-ratio: 864/116;
  background: url("/assets/images/calculator_test/play/img_board_02.png");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  color: #e8e841;
  font-size: 3.587115666178624vw;
  letter-spacing: 0.02em;
  line-height: 1.408163265306122;
}
.p-calculator-test .p-calculator-test-play__answer {
  position: absolute;
  bottom: -0.512445095168375vw;
  left: 50.5%;
  z-index: 4;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  margin-right: -0.732064421669107vw;
  width: 63.250366032210835vw;
  aspect-ratio: 864/642;
  background: url("/assets/images/calculator_test/play/img_board_01.png");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.p-calculator-test .p-calculator-test-play__answer__inner {
  width: 100%;
  margin-top: 7.540263543191801vw;
  padding: 0 5.490483162518302vw;
}
.p-calculator-test .p-calculator-test-play__answer__output {
  margin: 0 5.636896046852123vw 0 5.929721815519766vw;
  padding: 0.512445095168375vw 4.978038067349927vw 1.390922401171303vw;
  width: 39.0922401171303vw;
  color: #e8e841;
  font-size: 3.001464128843338vw;
  letter-spacing: 0.02em;
  background-color: #071b31;
  text-align: center;
  border-radius: 1.244509516837482vw;
  border: none;
}
.p-calculator-test .p-calculator-test-play__answer__output::-webkit-input-placeholder {
  font-size: 2.196193265007321vw;
  color: rgba(255,255,255,0.5);
}
.p-calculator-test .p-calculator-test-play__answer__output::-moz-placeholder {
  font-size: 2.196193265007321vw;
  color: rgba(255,255,255,0.5);
}
.p-calculator-test .p-calculator-test-play__answer__output:-ms-input-placeholder {
  font-size: 2.196193265007321vw;
  color: rgba(255,255,255,0.5);
}
.p-calculator-test .p-calculator-test-play__answer__output::-ms-input-placeholder {
  font-size: 2.196193265007321vw;
  color: rgba(255,255,255,0.5);
}
.p-calculator-test .p-calculator-test-play__answer__output::placeholder {
  font-size: 2.196193265007321vw;
  color: rgba(255,255,255,0.5);
}
.p-calculator-test .p-calculator-test-play__answer__output.error::-webkit-input-placeholder {
  color: #e86141;
}
.p-calculator-test .p-calculator-test-play__answer__output.error::-moz-placeholder {
  color: #e86141;
}
.p-calculator-test .p-calculator-test-play__answer__output.error:-ms-input-placeholder {
  color: #e86141;
}
.p-calculator-test .p-calculator-test-play__answer__output.error::-ms-input-placeholder {
  color: #e86141;
}
.p-calculator-test .p-calculator-test-play__answer__output.error::placeholder {
  color: #e86141;
}
.p-calculator-test .p-calculator-test-play__answer__input__btns {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 34.2606149341142vw 8.125915080527086vw 9.882869692532942vw;
  grid-template-columns: 34.2606149341142vw 8.125915080527086vw 9.882869692532942vw;
  margin-top: 2.415812591508053vw;
}
.p-calculator-test .p-calculator-test-play__answer__input__btns__num {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (5.856515373352855vw)[5];
  grid-template-columns: repeat(5, 5.856515373352855vw);
  -ms-grid-rows: (7.320644216691069vw)[2];
  grid-template-rows: repeat(2, 7.320644216691069vw);
  gap: 1.244509516837482vw 1.244509516837482vw;
}
.p-calculator-test .p-calculator-test-play__answer__input__btns__num__itm > button {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  height: 100%;
  background-color: #173658;
  border: 5px solid #fff;
  border-radius: 0.878477306002928vw;
  -webkit-box-shadow: -7px 7px 0px rgba(0,0,0,0.75);
  box-shadow: -7px 7px 0px rgba(0,0,0,0.75);
  cursor: pointer;
}
.p-calculator-test .p-calculator-test-play__answer__input__btns__num__itm > button:hover .p-calculator-test-play__answer__input__btn__txt {
  opacity: 0.5;
}
.p-calculator-test .p-calculator-test-play__answer__input__btns__option {
  margin-left: 1.171303074670571vw;
}
.p-calculator-test .p-calculator-test-play__answer__input__btns__option > button {
  width: 100%;
  height: 7.320644216691069vw;
  background-color: #173658;
  color: #fff;
  font-size: 5.563689604685212vw;
  border: 5px solid #fff;
  border-radius: 0.878477306002928vw;
  -webkit-box-shadow: -7px 7px 0px rgba(0,0,0,0.75);
  box-shadow: -7px 7px 0px rgba(0,0,0,0.75);
}
.p-calculator-test .p-calculator-test-play__answer__input__btns__option > button + button {
  margin-top: 1.244509516837482vw;
}
.p-calculator-test .p-calculator-test-play__answer__input__btns--enter {
  margin-left: 1.171303074670571vw;
  margin-bottom: -0.146412884333821vw;
  color: #fff;
  background-color: #e86141;
  border: 5px solid #fff;
  border-radius: 0.878477306002928vw;
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  cursor: pointer;
  -webkit-box-shadow: -7px 7px 0px rgba(0,0,0,0.75);
  box-shadow: -7px 7px 0px rgba(0,0,0,0.75);
}
.p-calculator-test .p-calculator-test-play__answer__input__btns--enter:hover .p-calculator-test-play__answer__input__btns--enter-txt {
  opacity: 0.5;
}
.p-calculator-test .p-calculator-test-play__answer__input__btns--enter-txt {
  position: relative;
  margin-top: -2.12298682284041vw;
  font-size: 3.14787701317716vw;
  -webkit-transition: opacity 0.4s ease;
  transition: opacity 0.4s ease;
}
.p-calculator-test .p-calculator-test-play__answer__input__btns--enter-txt::after {
  content: '';
  position: absolute;
  bottom: -3.14787701317716vw;
  right: -1.683748169838946vw;
  -webkit-transform: translate3d(-50%, 0, 0);
  transform: translate3d(-50%, 0, 0);
  z-index: 5;
  background: url("/assets/images/calculator_test/common/icon_return_01.svg");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  width: 2.049780380673499vw;
  aspect-ratio: 1/1;
}
.p-calculator-test .p-calculator-test-play__answer__input__btn__txt {
  color: #fff;
  font-size: 5.563689604685212vw;
  -webkit-transition: opacity 0.4s ease;
  transition: opacity 0.4s ease;
}
.p-calculator-test .p-calculator-test-play__answer__input__btn--delete {
  position: relative;
  background: url("/assets/images/calculator_test/play/img_delete_btn_line.png");
  background-size: 100% 100%;
  background-position: center center;
  background-repeat: no-repeat;
  padding: 3.879941434846267vw;
  margin-left: -0.732064421669107vw;
  margin-bottom: -0.512445095168375vw;
  border: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  cursor: pointer;
}
.p-calculator-test .p-calculator-test-play__answer__input__btn--delete:hover .p-calculator-test-play__answer__input__btn--delete-txt {
  opacity: 0.5;
}
.p-calculator-test .p-calculator-test-play__answer__input__btn--delete-txt {
  position: absolute;
  bottom: 0.439238653001464vw;
  left: 3.001464128843338vw;
  z-index: 5;
  -webkit-transition: opacity 0.4s ease;
  transition: opacity 0.4s ease;
}
.p-calculator-test .p-calculator-test-play__answer__input__btn--period {
  position: relative;
  cursor: pointer;
}
.p-calculator-test .p-calculator-test-play__answer__input__btn--period:hover .p-calculator-test-play__answer__input__btn--period-txt {
  opacity: 0.5;
}
.p-calculator-test .p-calculator-test-play__answer__input__btn--period-txt {
  position: absolute;
  bottom: -1.02489019033675vw;
  left: 1.02489019033675vw;
  z-index: 5;
  -webkit-transition: opacity 0.4s ease;
  transition: opacity 0.4s ease;
}
.p-calculator-test .p-calculator-test-play__problem {
  position: absolute;
  bottom: 45.534407027818446vw;
  left: -1.537335285505125vw;
  z-index: 5;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 15.15373352855051vw;
  aspect-ratio: 208/112;
  background: url("/assets/images/calculator_test/play/img_board_03.png");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.p-calculator-test .p-calculator-test-play__problem__txt {
  position: absolute;
  top: 1.09809663250366vw;
  left: 8.638360175695462vw;
  color: #fff;
  font-size: 1.171303074670571vw;
  letter-spacing: 0.02em;
  line-height: 1.5;
}
.p-calculator-test .p-calculator-test-play__problem__num {
  margin-top: 1.830161054172767vw;
  margin-left: 4.099560761346998vw;
  color: #e8e841;
  font-size: 4.319180087847731vw;
  font-weight: 900;
}
.p-calculator-test .p-calculator-test-play__timer {
  position: absolute;
  bottom: 36.23718887262079vw;
  left: -1.537335285505125vw;
  z-index: 5;
  width: 15.226939970717424vw;
  aspect-ratio: 208/112;
  background: url("/assets/images/calculator_test/play/img_board_03.png");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.p-calculator-test .p-calculator-test-play__timer__txt {
  position: absolute;
  top: 4.758418740849195vw;
  left: 5.710102489019034vw;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  width: 100%;
  z-index: 6;
  font-size: 2.562225475841874vw;
  font-weight: 900;
  line-height: 1.028571428571428;
  color: #fff;
}
.p-calculator-test .p-calculator-test-play__timer__txt::after {
  content: '';
  background: url("/assets/images/calculator_test/common/icon_timer_01.svg");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  position: absolute;
  display: block;
  top: -1.830161054172767vw;
  left: 3.074670571010249vw;
  width: 1.830161054172767vw;
  aspect-ratio: 1/1;
}
.p-calculator-test .p-calculator-test-play__result {
  position: absolute;
  bottom: 0;
  z-index: 6;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.5);
}
.p-calculator-test .p-calculator-test-play__result__cnt {
  position: absolute;
  bottom: 13.543191800878477vw;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  z-index: 6;
  margin-top: -0.585651537335286vw;
}
.p-calculator-test .p-calculator-test-play__result__ttl {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-image: url("/assets/images/calculator_test/play/img_board_04.png");
  background-size: 100% 100%;
  background-position: center center;
  background-repeat: no-repeat;
  width: 32.28404099560762vw;
  aspect-ratio: 441/314;
  padding-top: 1.830161054172767vw;
  padding-bottom: 2.562225475841874vw;
  text-align: center;
  color: #0f0f0f;
}
.p-calculator-test .p-calculator-test-play__result__hdg {
  font-size: 2.855051244509517vw;
  letter-spacing: 0.02em;
  line-height: 1.769230769230769;
  color: #fff;
}
.p-calculator-test .p-calculator-test-play__result__txts {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  gap: 0 0.878477306002928vw;
  margin-top: 1.02489019033675vw;
}
.p-calculator-test .p-calculator-test-play__result__num {
  font-size: 10.980966325036604vw;
  letter-spacing: 0.02em;
  color: #e8e841;
  -webkit-text-stroke: 6px #fff;
}
.p-calculator-test .p-calculator-test-play__result__txt {
  margin-bottom: 0.732064421669107vw;
  font-size: 4.685212298682284vw;
  letter-spacing: 0.02em;
  color: #e8e841;
}
.p-calculator-test .p-calculator-test-play__result__btn {
  margin: 3.001464128843338vw auto 0;
  padding-top: 1.317715959004393vw;
  padding-bottom: 1.390922401171303vw;
  width: 25.76866764275256vw;
  background-color: #464646;
  border: 4px solid #fff;
}
.p-calculator-test .p-calculator-test-play__result__btn:hover .p-calculator-test-play__result__btn__txt {
  opacity: 0.5;
}
.p-calculator-test .p-calculator-test-play__result__btn__txt {
  position: relative;
  font-size: 1.830161054172767vw;
  letter-spacing: 0.02em;
  -webkit-transition: opacity 0.4s ease;
  transition: opacity 0.4s ease;
}
.p-calculator-test .p-calculator-test-play__result__btn__txt::after {
  content: '';
  position: absolute;
  top: 50%;
  right: -1.537335285505125vw;
  -webkit-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, -50%, 0);
  background-image: url("/assets/images/calculator_test/common/icon_arrow_02.svg");
  background-size: 100% 100%;
  background-position: center center;
  background-repeat: no-repeat;
  width: 0.732064421669107vw;
  aspect-ratio: 10/12;
}
.p-calculator-test .p-calculator-test-play__popup {
  position: absolute;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  top: 0;
  left: 0;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  z-index: 10;
  width: 100%;
  height: 56.8081991215227vw;
  background-color: rgba(0,0,0,0.6);
}
.p-calculator-test .p-calculator-test-play__popup__cnt {
  font-size: 36.603221083455345vw;
  font-weight: bold;
  -webkit-animation: bounceIn 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;
  animation: bounceIn 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;
}
.p-calculator-test .p-calculator-test-play__popup__cnt.popup-correct {
  color: #f44336;
}
.p-calculator-test .p-calculator-test-play__popup__cnt.popup-incorrect {
  color: #f44336;
}
.p-calculator-test-select {
  position: relative;
  min-height: 100vh;
  background-image: url("/assets/images/calculator_test/top/bg_top.jpg");
  background-size: 100% auto;
  background-position: bottom;
  background-repeat: no-repeat;
}
.p-calculator-test-select::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 4;
  background-color: rgba(255,255,255,0.9);
}
.p-calculator-test-select__box {
  position: relative;
  z-index: 5;
  display: block;
  width: 100%;
  height: 56.22254758418741vw;
}
.p-calculator-test-select__inner {
  position: absolute;
  bottom: 12.005856515373353vw;
  z-index: 5;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.p-calculator-test-select__list {
  width: 36.82284040995608vw;
}
.p-calculator-test-select__itm__text {
  position: relative;
  color: #1847c7;
  font-size: 1.317715959004393vw;
  font-weight: 700;
  letter-spacing: 0.02em;
  line-height: 1.388888888888889;
  text-align: center;
}
.p-calculator-test-select__itm__text::after {
  content: '';
  background-image: url("/assets/images/calculator_test/select/img_underline_01.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: absolute;
  bottom: -1.171303074670571vw;
  left: 50%;
  -webkit-transform: translate3d(-50%, 0, 0);
  transform: translate3d(-50%, 0, 0);
  width: 35.13909224011713vw;
  max-width: 100%;
  aspect-ratio: 480/13;
}
.p-calculator-test-select__itm__anchor {
  display: block;
  width: 100%;
  margin-top: 1.537335285505125vw;
  padding: 1.756954612005857vw 0 1.610541727672035vw;
  background-color: #173658;
  text-align: center;
  border-radius: 2.196193265007321vw;
  border: 6px solid #77d5ff;
}
.p-calculator-test-select__itm__anchor:hover .p-calculator-test-select__itm__anchor__txt {
  opacity: 0.5;
}
.p-calculator-test-select__itm__anchor__txt {
  position: relative;
  font-size: 3.074670571010249vw;
  letter-spacing: 0.02em;
  line-height: 1.214285714285714;
  color: #fff;
  -webkit-transition: opacity 0.4s ease;
  transition: opacity 0.4s ease;
}
.p-calculator-test-select__itm__anchor__txt::after {
  content: url("/assets/images/calculator_test/common/icon_arrow_01.svg");
  position: absolute;
  top: calc(50% - 3px);
  right: -6.588579795021962vw;
  z-index: 6;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  width: 1.976573938506589vw;
  aspect-ratio: 27/25;
}
.p-calculator-test-select__itm + .p-calculator-test-select__itm {
  margin-top: 2.269399707174232vw;
}
.p-calculator-test .p-calculator-test-top {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  min-height: 100vh;
  background-image: url("/assets/images/calculator_test/top/bg_top.jpg");
  background-size: 100% auto;
  background-position: 100% calc(100% + 23px);
  background-repeat: no-repeat;
  font-weight: 900;
}
.p-calculator-test .p-calculator-test-top__box {
  width: 100%;
  height: 56.22254758418741vw;
}
.p-calculator-test .p-calculator-test-top__cntr {
  position: absolute;
  bottom: 10.248901903367496vw;
}
.p-calculator-test .p-calculator-test-top__hdg {
  aspect-ratio: 634/103;
  width: 46.412884333821374vw;
  margin: -0.585651537335286vw auto 0;
  background-image: url("/assets/images/calculator_test/top/ttl_top.svg");
  background-size: 100% 100%;
  background-position: center center;
  background-repeat: no-repeat;
}
.p-calculator-test .p-calculator-test-top__txt {
  margin-top: 6.954612005856515vw;
  text-align: center;
  font-size: 1.464128843338214vw;
  letter-spacing: 0.03em;
  line-height: 1.55;
  color: #0f0f0f;
}
.p-calculator-test .p-calculator-test-top__list {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[2];
  grid-template-columns: repeat(2, 1fr);
  gap: 0 2.196193265007321vw;
  margin-top: 1.317715959004393vw;
}
.p-calculator-test .p-calculator-test-top__itm {
  background-image: url("/assets/images/calculator_test/top/img_btn_back.png");
  background-size: 100% auto;
  background-position: center center;
  background-repeat: no-repeat;
  position: relative;
  width: 24.45095168374817vw;
  aspect-ratio: 334/223;
  text-align: center;
  color: #fff;
  cursor: pointer;
}
.p-calculator-test .p-calculator-test-top__itm__btn {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  height: 100%;
  -webkit-transition: opacity 0.4s ease;
  transition: opacity 0.4s ease;
}
.p-calculator-test .p-calculator-test-top__itm__btn:hover .p-calculator-test-top__itm__txt {
  opacity: 0.5;
}
.p-calculator-test .p-calculator-test-top__itm__txt {
  display: block;
  margin-top: -0.439238653001464vw;
  font-size: 3.074670571010249vw;
  font-weight: 700;
  line-height: 1.214285714285714;
  letter-spacing: 0.02em;
  -webkit-transition: opacity 0.4s ease;
  transition: opacity 0.4s ease;
}
.p-calculator-test .p-calculator-test-top__itm__txt::before {
  content: url("/assets/images/calculator_test/common/icon_arrow_01.svg");
  position: absolute;
  right: 6.287425149700598%;
  bottom: 7.906976744186046%;
  z-index: 6;
  width: 1.976573938506589vw;
}
.c-ui-button--wrp {
  position: absolute;
  z-index: 290;
  top: 2.7rem;
  right: 2.5rem;
}
@media screen and (max-width: 1023px) {
  .c-ui-button--wrp {
    top: 4.8vw;
    right: 4.533333333333333vw;
  }
}
.c-ui-button--wrp button {
  border: 0;
  background-color: transparent;
  display: block;
}
.c-ui-button--wrp .c-ui-button {
  position: relative;
  background-color: #333;
  width: 16rem;
  height: 6.8rem;
  border-radius: 3.4rem;
  border: 0.3rem solid #fff;
}
@media screen and (max-width: 1023px) {
  .c-ui-button--wrp .c-ui-button {
    width: 27.73333333333333vw;
    height: 9.466666666666667vw;
    border-radius: 7rem;
    border: 0.2rem solid #fff;
  }
}
.c-ui-button--wrp .c-ui-button .c-ui-button__txt {
  color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  white-space: nowrap;
  font-size: 2.4rem;
  line-height: 1.833333333333333;
  letter-spacing: 0.04em;
  font-weight: bold;
  padding-left: 1.7rem;
}
@media screen and (max-width: 1023px) {
  .c-ui-button--wrp .c-ui-button .c-ui-button__txt {
    font-size: 3.2vw;
  }
}
@media screen and (max-width: 1023px) {
  .c-ui-button--wrp .c-ui-button .c-ui-button__txt {
    font-size: 2.9rem;
    line-height: 2;
    letter-spacing: 0.02em;
    font-weight: bold;
  }
}
.c-ui-button--wrp .c-ui-button .c-ui-button__txt:before {
  content: '';
  display: block;
  background-image: url("/assets/images/fieldtrip/icon-arrow-right-white.svg");
  background-size: cover;
  background-repeat: no-repeat;
  width: 1rem;
  height: 1.3rem;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
@media screen and (max-width: 1023px) and (max-width: 1023px) {
  .c-ui-button--wrp .c-ui-button .c-ui-button__txt {
    font-size: 3.866666666666667vw;
  }
}
.c-ui-button--wrp .c-ui-button + .c-ui-button {
  margin-top: 1.5rem;
}
@media screen and (max-width: 1023px) {
  .c-ui-button--wrp .c-ui-button + .c-ui-button {
    margin-top: 2.4vw;
  }
}
@media screen and (max-width: 1023px) {
  .c-ui-button--wrp .c-ui-button--placemodal {
    margin-top: 2.4vw;
    margin-left: auto;
    margin-right: 0;
  }
}
.c-ui-button--wrp .c-ui-button--tutorial {
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 1px;
  border-top: 0.5rem dotted #fff;
  margin-top: 1.5rem;
  padding-top: 1.5rem;
}
@media screen and (max-width: 1023px) {
  .c-ui-button--wrp .c-ui-button--tutorial {
    border-top: 0.666666666666667vw dotted #fff;
    margin-top: 2.4vw;
    padding-top: 2.4vw;
  }
}
.p-fieldtrip--lawer {
  position: relative;
  height: 100%;
}
.p-fieldtrip--lawer .p-fieldtrip__others {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
@media screen and (min-width: 1024px) {
  .p-fieldtrip--lawer .p-fieldtrip__others {
    bottom: 12.5rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-fieldtrip--lawer .p-fieldtrip__others {
    width: 92vw;
    bottom: 21.333333333333336vw;
  }
}
.p-fieldtrip--lawer .p-fieldtrip__others .p-fieldtrip__others__itm {
  width: 24.2rem;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
@media screen and (max-width: 1023px) {
  .p-fieldtrip--lawer .p-fieldtrip__others .p-fieldtrip__others__itm {
    width: 29.06666666666667vw;
  }
}
@media screen and (max-width: 1023px) {
  .p-fieldtrip--lawer .p-fieldtrip__others .p-fieldtrip__others__itm .c-button {
    height: 14.666666666666666vw;
    border-radius: 12vw;
  }
}
.p-fieldtrip--lawer .p-fieldtrip__others .p-fieldtrip__others__itm .c-button__txt {
  font-size: 2.4rem;
  line-height: 1.083333333333333;
  letter-spacing: 0.02em;
}
@media screen and (max-width: 1023px) {
  .p-fieldtrip--lawer .p-fieldtrip__others .p-fieldtrip__others__itm .c-button__txt {
    font-size: 3.2vw;
  }
}
@media screen and (max-width: 1023px) {
  .p-fieldtrip--lawer .p-fieldtrip__others .p-fieldtrip__others__itm .c-button__txt {
    font-size: 3.2rem;
    line-height: 0.5625;
    letter-spacing: 0.02em;
  }
}
@media screen and (max-width: 1023px) and (max-width: 1023px) {
  .p-fieldtrip--lawer .p-fieldtrip__others .p-fieldtrip__others__itm .c-button__txt {
    font-size: 4.266666666666667vw;
  }
}
.p-fieldtrip--lawer .p-fieldtrip__others .p-fieldtrip__others__itm._active {
  position: relative;
}
.p-fieldtrip--lawer .p-fieldtrip__others .p-fieldtrip__others__itm._active:before {
  content: '';
  display: block;
  background-image: url("/assets/images/common/icon-arrow-bottom-yellow.svg");
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 2.2rem;
  height: 1.9rem;
  top: -2.7rem;
}
@media screen and (max-width: 1023px) {
  .p-fieldtrip--lawer .p-fieldtrip__others .p-fieldtrip__others__itm._active:before {
    width: 3.466666666666666vw;
    height: 2.933333333333333vw;
    top: -4.533333333333333vw;
  }
}
.p-fieldtrip--lawer .p-fieldtrip__others .p-fieldtrip__others__itm._active .c-button {
  background-color: #c1c1c1;
}
.p-fieldtrip--lawer .p-fieldtrip__others .p-fieldtrip__others__itm._active .c-button__txt {
  color: #000;
}
.p-fieldtrip--lawer .p-fieldtrip__others .p-fieldtrip__others__itm._crane .c-button__txt {
  letter-spacing: -0.05rem !important;
}
.p-fieldtrip--lawer .p-fieldtrip__others .p-fieldtrip__others__itm + .p-fieldtrip__others__itm {
  margin-left: 3rem;
}
@media screen and (max-width: 1023px) {
  .p-fieldtrip--lawer .p-fieldtrip__others .p-fieldtrip__others__itm + .p-fieldtrip__others__itm {
    margin-left: 3.6vw;
  }
}
@media screen and (max-width: 1023px) {
  .p-fieldtrip--lawer .p-fieldtrip__others .p-fieldtrip__others__itm .c-button__txt {
    font-size: 3.2rem;
    line-height: 1;
    letter-spacing: 0.02em;
    font-weight: bold;
    text-align: center;
  }
}
@media screen and (max-width: 1023px) and (max-width: 1023px) {
  .p-fieldtrip--lawer .p-fieldtrip__others .p-fieldtrip__others__itm .c-button__txt {
    font-size: 4.266666666666667vw;
  }
}
.p-fieldtrip--lawer .p-fieldtrip__mp {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
}
.p-fieldtrip--lawer .p-fieldtrip__mp iframe {
  width: 100%;
  height: 100%;
}
.p-fieldtrip--lawer .p-fieldtrip__mp.is--others {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.p-fieldtrip--lawer .p-fieldtrip__mp.is--others._others {
  background-image: url("/assets/images/fieldtrip/tokyo-metropolitan-government/others/index/img-bg.jpg");
}
.p-fieldtrip--lawer .p-fieldtrip__mp.is--others._office {
  background-image: url("/assets/images/fieldtrip/tokyo-metropolitan-government/others/office/img-bg.jpg");
}
.p-fieldtrip--lawer .p-fieldtrip__mp.is--others._chogi {
  background-image: url("/assets/images/fieldtrip/tokyo-metropolitan-government/others/chogi/img-bg.jpg");
}
body._fieldtrip._index {
  background-color: #bce8fc;
}
@media screen and (max-width: 1023px) {
  body._fieldtrip._index .c-fukidashi__ttl {
    left: calc(50%);
  }
}
@media screen and (max-width: 1023px) {
  body._fieldtrip._fieldtripmenu .c-fukidashi__ttl {
    left: calc(50%);
  }
}
@media screen and (min-width: 1024px) {
  .p-fieldtrip-top {
    padding-bottom: 9.5rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-fieldtrip-top {
    padding-bottom: 16vw;
  }
}
.p-fieldtrip-top._start .p-fieldtrip-top__start--wrp {
  display: block;
}
.p-fieldtrip-top:not(._start) .p-fieldtrip-top__start--wrp {
  display: none;
}
.p-fieldtrip-top .p-fieldtrip-top--cntr {
  width: 100%;
  height: 100%;
  overflow: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  position: relative;
}
@media screen and (min-width: 1024px) {
  .p-fieldtrip-top .p-fieldtrip-top--cntr {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
@media screen and (max-width: 1023px) {
  .p-fieldtrip-top .p-fieldtrip-top--cntr {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 5.066666666666666vw 0 12vw;
  }
}
.p-fieldtrip-top .p-fieldtrip-top--inr {
  margin: auto;
}
@media screen and (min-width: 1024px) {
  .p-fieldtrip-top .p-fieldtrip-top--inr {
    width: 81.99121522693997%;
    max-width: 1366px;
    padding: 2.232142857142857% 0 8.784773060029282%;
  }
}
@media screen and (max-width: 1023px) {
  .p-fieldtrip-top .p-fieldtrip-top--inr {
    width: 100%;
    padding: 0 5.866666666666666vw 0 8vw;
  }
}
.p-fieldtrip-top .p-fieldtrip-top__list__bnr__questionnaire {
  cursor: pointer;
  display: block;
}
@media screen and (min-width: 1024px) {
  .p-fieldtrip-top .p-fieldtrip-top__list__bnr__questionnaire {
    margin-bottom: 43px;
  }
}
@media screen and (max-width: 1023px) {
  .p-fieldtrip-top .p-fieldtrip-top__list__bnr__questionnaire {
    margin-bottom: 4.266666666666667vw;
  }
}
.p-fieldtrip-top .p-fieldtrip-top__list__detail,
.p-fieldtrip-top .p-fieldtrip-top__list__other {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
@media screen and (max-width: 1023px) {
  .p-fieldtrip-top .p-fieldtrip-top__list__detail,
  .p-fieldtrip-top .p-fieldtrip-top__list__other {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
.p-fieldtrip-top .p-fieldtrip-top__list--wrp {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
@media screen and (max-width: 1023px) {
  .p-fieldtrip-top .p-fieldtrip-top__list--wrp {
    margin-top: 8vw;
  }
}
.p-fieldtrip-top .p-fieldtrip-top__list__hdg--wrp,
.p-fieldtrip-top .p-fieldtrip-top__list__facility--wrp {
  background-color: rgba(255,255,255,0.3);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
}
@media screen and (min-width: 1024px) {
  .p-fieldtrip-top .p-fieldtrip-top__list__hdg--wrp,
  .p-fieldtrip-top .p-fieldtrip-top__list__facility--wrp {
    border-top: 4px solid #2c77e5;
    border-bottom: 4px solid #2c77e5;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media screen and (max-width: 1023px) {
  .p-fieldtrip-top .p-fieldtrip-top__list__hdg--wrp,
  .p-fieldtrip-top .p-fieldtrip-top__list__facility--wrp {
    border-top: 0.533333333333333vw solid #2c77e5;
    border-bottom: 0.533333333333333vw solid #2c77e5;
    padding-top: 3.066666666666666vw;
    padding-bottom: 3.066666666666666vw;
  }
}
.p-fieldtrip-top .p-fieldtrip-top__list__hdg,
.p-fieldtrip-top .p-fieldtrip-top__list__facility {
  color: #000;
  text-align: center;
  font-size: 2.4rem;
  line-height: 1.333333333333333;
  letter-spacing: 0.02em;
  font-weight: bold;
}
@media screen and (max-width: 1023px) {
  .p-fieldtrip-top .p-fieldtrip-top__list__hdg,
  .p-fieldtrip-top .p-fieldtrip-top__list__facility {
    font-size: 3.2vw;
  }
}
@media screen and (max-width: 1023px) {
  .p-fieldtrip-top .p-fieldtrip-top__list__hdg,
  .p-fieldtrip-top .p-fieldtrip-top__list__facility {
    font-size: 3rem;
    line-height: 1.366666666666667;
    letter-spacing: 0.02em;
    font-weight: bold;
  }
}
@media screen and (max-width: 1023px) and (max-width: 1023px) {
  .p-fieldtrip-top .p-fieldtrip-top__list__hdg,
  .p-fieldtrip-top .p-fieldtrip-top__list__facility {
    font-size: 4vw;
  }
}
.p-fieldtrip-top .p-fieldtrip-top__list__btn--wrp {
  background-color: #fff;
  position: relative;
  -webkit-box-shadow: 0px 3px 9px rgba(0,0,0,0.26);
  box-shadow: 0px 3px 9px rgba(0,0,0,0.26);
  background-color: #fbf85e;
  border: 4px solid #2c77e5;
  -webkit-filter: drop-shadow(0px 3px 9px rgba(0,0,0,0.26));
  filter: drop-shadow(0px 3px 9px rgba(0,0,0,0.26));
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media screen and (min-width: 1024px) {
  .p-fieldtrip-top .p-fieldtrip-top__list__btn--wrp {
    border-radius: 20px;
    padding-top: 1.607142857142857%;
    padding-bottom: 1.25%;
    margin-left: 4.5rem;
    width: 37.2rem;
    padding-top: 2.2rem;
    padding-bottom: 2.2rem;
    -webkit-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
  }
  .p-fieldtrip-top .p-fieldtrip-top__list__btn--wrp:hover {
    opacity: 0.8;
  }
}
@media screen and (max-width: 1023px) {
  .p-fieldtrip-top .p-fieldtrip-top__list__btn--wrp {
    width: 22.666666666666664vw;
    height: 22.666666666666664vw;
    border-radius: 50%;
  }
}
@media screen and (min-width: 1024px) {
  .p-fieldtrip-top .p-fieldtrip-top__list__btn {
    display: block;
    color: #000;
    font-size: 2rem;
    line-height: 1.2;
    letter-spacing: 0.02em;
    font-weight: bold;
    padding-left: 11.021505376344086%;
    padding-right: 14.78494623655914%;
    position: relative;
  }
  .p-fieldtrip-top .p-fieldtrip-top__list__btn:before {
    content: '';
    display: block;
    background-image: url("/assets/images/common/icon-arrow-btn-right-blue-white.svg");
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    top: 50%;
    right: 1.3rem;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 3rem;
    height: 3rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-fieldtrip-top .p-fieldtrip-top__list__btn {
    color: #2b77e4;
    display: block;
    white-space: nowrap;
    font-size: 2.4rem;
    line-height: 1.333333333333333;
    letter-spacing: 0.02em;
    font-weight: bold;
    text-align: center;
    position: absolute;
    top: 47%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
  .p-fieldtrip-top .p-fieldtrip-top__list__btn:before {
    content: '';
    display: block;
    background-image: url("/assets/images/common/icon-arrow-simple-right-blue.svg");
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    left: 50%;
    bottom: -3.466666666666666vw;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 4.666666666666667vw;
    height: 3.066666666666666vw;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1023px) {
  .p-fieldtrip-top .p-fieldtrip-top__list__btn {
    font-size: 2.666666666666667vw;
  }
}
@media screen and (max-width: 1023px) and (max-width: 1023px) {
  .p-fieldtrip-top .p-fieldtrip-top__list__btn {
    font-size: 3.2vw;
  }
}
.p-fieldtrip-top .p-fieldtrip-top__list__btn__label {
  background-color: #2b77e4;
  color: #fff;
  white-space: nowrap;
  text-align: center;
  position: absolute;
  top: -26px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  padding-top: 2.040816326530612%;
  padding-bottom: 2.040816326530612%;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 2.2rem;
  line-height: 1.090909090909091;
  letter-spacing: 0.02em;
  font-weight: bold;
  border-radius: 10px;
}
@media screen and (max-width: 1023px) {
  .p-fieldtrip-top .p-fieldtrip-top__list__btn__label {
    font-size: 2.933333333333333vw;
  }
}
.p-fieldtrip-top .p-fieldtrip-top__list__btn__label:before {
  content: '';
  display: block;
  background-image: url("/assets/images/fieldtrip/icon-fukidashi-tip.svg");
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
  bottom: -10px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 1.1rem;
  height: 1.4rem;
}
@media screen and (max-width: 1023px) {
  .p-fieldtrip-top .p-fieldtrip-top__list__btn__label:before {
    width: 1.466666666666667vw;
    height: 1.866666666666667vw;
  }
}
@media screen and (min-width: 1024px) {
  .p-fieldtrip-top .p-fieldtrip-top__list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 30px;
  }
}
@media screen and (max-width: 1023px) {
  .p-fieldtrip-top .p-fieldtrip-top__list {
    width: 100%;
  }
}
.p-fieldtrip-top .p-fieldtrip-top__list .p-fieldtrip-top__list__itm {
  display: block;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (min-width: 1024px) {
  .p-fieldtrip-top .p-fieldtrip-top__list .p-fieldtrip-top__list__itm {
    width: 32.410714285714285%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: 1.2rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-fieldtrip-top .p-fieldtrip-top__list .p-fieldtrip-top__list__itm {
    width: 100%;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -webkit-align-items: end;
    -ms-flex-align: end;
    align-items: end;
  }
}
@media screen and (min-width: 1024px) {
  .p-fieldtrip-top .p-fieldtrip-top__list .p-fieldtrip-top__list__itm:nth-child(3n + 1) {
    margin-left: 0;
  }
  .p-fieldtrip-top .p-fieldtrip-top__list .p-fieldtrip-top__list__itm:nth-child(n + 4) {
    margin-top: 5.178571428571429%;
  }
  .p-fieldtrip-top .p-fieldtrip-top__list .p-fieldtrip-top__list__itm:nth-child(1) .p-fieldtrip-top__list__itm__figure {
    padding: 0 1.2rem 0 4rem;
    margin-top: -7.7rem;
  }
  .p-fieldtrip-top .p-fieldtrip-top__list .p-fieldtrip-top__list__itm:nth-child(2) .p-fieldtrip-top__list__itm__figure {
    padding: 0 6.5rem;
    margin-top: -1rem;
  }
  .p-fieldtrip-top .p-fieldtrip-top__list .p-fieldtrip-top__list__itm:nth-child(2) .p-fieldtrip-top__list__itm__fukidashi {
    margin: 0 auto;
  }
  .p-fieldtrip-top .p-fieldtrip-top__list .p-fieldtrip-top__list__itm:nth-child(3) .p-fieldtrip-top__list__itm__figure {
    padding: 0 6rem;
    margin-top: 0rem;
  }
  .p-fieldtrip-top .p-fieldtrip-top__list .p-fieldtrip-top__list__itm:nth-child(3) .p-fieldtrip-top__list__itm__fukidashi {
    margin: 0 auto;
  }
  .p-fieldtrip-top .p-fieldtrip-top__list .p-fieldtrip-top__list__itm:nth-child(4) .p-fieldtrip-top__list__itm__figure {
    padding: 0 5.9rem;
    margin-top: 0.8rem;
  }
  .p-fieldtrip-top .p-fieldtrip-top__list .p-fieldtrip-top__list__itm:nth-child(4) .p-fieldtrip-top__list__itm__fukidashi {
    margin: 0 auto;
  }
  .p-fieldtrip-top .p-fieldtrip-top__list .p-fieldtrip-top__list__itm:nth-child(5) .p-fieldtrip-top__list__itm__figure {
    padding: 0 5.7rem 0 4.1rem;
    margin-top: -4.2rem;
  }
  .p-fieldtrip-top .p-fieldtrip-top__list .p-fieldtrip-top__list__itm:nth-child(5) .p-fieldtrip-top__list__itm__fukidashi {
    margin: 0 auto;
  }
  .p-fieldtrip-top .p-fieldtrip-top__list .p-fieldtrip-top__list__itm:nth-child(6) .p-fieldtrip-top__list__itm__figure {
    margin-top: 1.8rem;
  }
  .p-fieldtrip-top .p-fieldtrip-top__list .p-fieldtrip-top__list__itm:nth-child(6) .p-fieldtrip-top__list__itm__fukidashi {
    margin: 0 auto;
  }
  .p-fieldtrip-top .p-fieldtrip-top__list .p-fieldtrip-top__list__itm:nth-child(7) .p-fieldtrip-top__list__itm__figure {
    padding: 0 1.4rem 0 4rem;
    margin-top: -2.1rem;
    margin-bottom: 3.1rem;
  }
  .p-fieldtrip-top .p-fieldtrip-top__list .p-fieldtrip-top__list__itm:nth-child(7) .p-fieldtrip-top__list__itm__fukidashi {
    margin-left: 4.2rem;
  }
  .p-fieldtrip-top .p-fieldtrip-top__list .p-fieldtrip-top__list__itm:nth-child(8) .p-fieldtrip-top__list__itm__figure {
    padding: 0 1.2rem 0 5.4rem;
    margin-top: -4.3rem;
  }
  .p-fieldtrip-top .p-fieldtrip-top__list .p-fieldtrip-top__list__itm:nth-child(8) .p-fieldtrip-top__list__itm__fukidashi {
    margin-left: 7rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-fieldtrip-top .p-fieldtrip-top__list .p-fieldtrip-top__list__itm:nth-child(1) .p-fieldtrip-top__list__itm__fukidashi,
  .p-fieldtrip-top .p-fieldtrip-top__list .p-fieldtrip-top__list__itm:nth-child(7) .p-fieldtrip-top__list__itm__fukidashi {
    top: -17.333333333333336vw;
  }
  .p-fieldtrip-top .p-fieldtrip-top__list .p-fieldtrip-top__list__itm:nth-child(2) .p-fieldtrip-top__list__itm__figure--cntr {
    margin-bottom: 4.8vw;
  }
  .p-fieldtrip-top .p-fieldtrip-top__list .p-fieldtrip-top__list__itm:nth-child(2) .p-fieldtrip-top__list__itm__figure {
    padding: 0 5.333333333333334vw 0 0vw;
  }
  .p-fieldtrip-top .p-fieldtrip-top__list .p-fieldtrip-top__list__itm:nth-child(2) .p-fieldtrip-top__list__itm__ttl--cntr {
    margin-top: 0vw;
  }
  .p-fieldtrip-top .p-fieldtrip-top__list .p-fieldtrip-top__list__itm:nth-child(3) .p-fieldtrip-top__list__itm__figure--cntr {
    margin-bottom: 1.466666666666667vw;
  }
  .p-fieldtrip-top .p-fieldtrip-top__list .p-fieldtrip-top__list__itm:nth-child(3) .p-fieldtrip-top__list__itm__figure {
    padding: 0 3.2vw 0 1.6vw;
  }
  .p-fieldtrip-top .p-fieldtrip-top__list .p-fieldtrip-top__list__itm:nth-child(3) .p-fieldtrip-top__list__itm__ttl--cntr {
    margin-top: -1.466666666666667vw;
  }
  .p-fieldtrip-top .p-fieldtrip-top__list .p-fieldtrip-top__list__itm:nth-child(4) .p-fieldtrip-top__list__itm__figure--cntr {
    margin-bottom: 1.466666666666667vw;
  }
  .p-fieldtrip-top .p-fieldtrip-top__list .p-fieldtrip-top__list__itm:nth-child(4) .p-fieldtrip-top__list__itm__figure {
    padding: 0 1.2vw 0 0;
  }
  .p-fieldtrip-top .p-fieldtrip-top__list .p-fieldtrip-top__list__itm:nth-child(4) .p-fieldtrip-top__list__itm__ttl--cntr {
    margin-top: -0.933333333333333vw;
  }
  .p-fieldtrip-top .p-fieldtrip-top__list .p-fieldtrip-top__list__itm:nth-child(5) .p-fieldtrip-top__list__itm__figure--cntr {
    margin-bottom: 3.866666666666667vw;
  }
  .p-fieldtrip-top .p-fieldtrip-top__list .p-fieldtrip-top__list__itm:nth-child(5) .p-fieldtrip-top__list__itm__figure {
    padding: 0 3.2vw 0 0.16vw;
  }
  .p-fieldtrip-top .p-fieldtrip-top__list .p-fieldtrip-top__list__itm:nth-child(5) .p-fieldtrip-top__list__itm__ttl--cntr {
    margin-top: -1.466666666666667vw;
  }
  .p-fieldtrip-top .p-fieldtrip-top__list .p-fieldtrip-top__list__itm:nth-child(6) .p-fieldtrip-top__list__itm__figure--cntr {
    margin-bottom: 9.333333333333334vw;
  }
  .p-fieldtrip-top .p-fieldtrip-top__list .p-fieldtrip-top__list__itm:nth-child(6) .p-fieldtrip-top__list__itm__figure {
    width: 52.53333333333333vw;
    margin: 0 -2.666666666666667vw 0 -5.333333333333334vw;
  }
  .p-fieldtrip-top .p-fieldtrip-top__list .p-fieldtrip-top__list__itm:nth-child(6) .p-fieldtrip-top__list__itm__ttl--cntr {
    margin-top: -3.2vw;
  }
  .p-fieldtrip-top .p-fieldtrip-top__list .p-fieldtrip-top__list__itm:nth-child(7) .p-fieldtrip-top__list__itm__btn .c-button__txt {
    left: 44%;
  }
  .p-fieldtrip-top .p-fieldtrip-top__list .p-fieldtrip-top__list__itm:nth-child(7) .p-fieldtrip-top__list__itm__figure {
    margin-top: 4.133333333333333vw;
    margin-bottom: 4.133333333333333vw;
  }
  .p-fieldtrip-top .p-fieldtrip-top__list .p-fieldtrip-top__list__itm:nth-child(8) .p-fieldtrip-top__list__itm__fukidashi {
    top: -13.333333333333334vw;
  }
  .p-fieldtrip-top .p-fieldtrip-top__list .p-fieldtrip-top__list__itm:nth-child(8) .p-fieldtrip-top__list__itm__btn .c-button__txt {
    left: 48%;
  }
}
@media screen and (max-width: 1023px) {
  .p-fieldtrip-top .p-fieldtrip-top__list .p-fieldtrip-top__list__itm + .p-fieldtrip-top__list__itm {
    margin-top: 7.199999999999999vw;
  }
}
.p-fieldtrip-top .p-fieldtrip-top__list .p-fieldtrip-top__list__itm__fukidashi {
  width: 25.7rem;
}
@media screen and (max-width: 1023px) {
  .p-fieldtrip-top .p-fieldtrip-top__list .p-fieldtrip-top__list__itm__fukidashi {
    width: 38.93333333333333vw;
    margin: 0 auto -1.333333333333333vw;
  }
}
@media screen and (min-width: 1024px) {
  .p-fieldtrip-top .p-fieldtrip-top__list .p-fieldtrip-top__list__itm__fukidashi .c-fukidashi__ttl {
    font-size: 1.6rem;
  }
}
@media screen and (min-width: 1024px) {
  .p-fieldtrip-top .p-fieldtrip-top__list .p-fieldtrip-top__list__itm__figure {
    width: 100%;
  }
}
@media screen and (max-width: 1023px) {
  .p-fieldtrip-top .p-fieldtrip-top__list .p-fieldtrip-top__list__itm__figure {
    width: 44.53333333333334vw;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    position: relative;
    z-index: 2;
  }
}
@media screen and (min-width: 1024px) {
  .p-fieldtrip-top .p-fieldtrip-top__list .p-fieldtrip-top__list__itm__ttl--cntr {
    width: 100%;
  }
}
@media screen and (max-width: 1023px) {
  .p-fieldtrip-top .p-fieldtrip-top__list .p-fieldtrip-top__list__itm__ttl--cntr {
    margin-top: -10vw;
  }
}
.p-fieldtrip-top .p-fieldtrip-top__list .p-fieldtrip-top__list__itm__ttl {
  text-align: center;
  white-space: nowrap;
  color: #2c77e5;
  font-size: 2.8rem;
  line-height: 2.214285714285714;
  letter-spacing: 0.02em;
  font-weight: bold;
}
@media screen and (max-width: 1023px) {
  .p-fieldtrip-top .p-fieldtrip-top__list .p-fieldtrip-top__list__itm__ttl {
    font-size: 3.733333333333334vw;
  }
}
@media screen and (max-width: 1023px) {
  .p-fieldtrip-top .p-fieldtrip-top__list .p-fieldtrip-top__list__itm__ttl {
    font-size: 2.8rem;
    line-height: 1.392857142857143;
    letter-spacing: 0.02em;
    font-weight: bold;
  }
}
@media screen and (max-width: 1023px) and (max-width: 1023px) {
  .p-fieldtrip-top .p-fieldtrip-top__list .p-fieldtrip-top__list__itm__ttl {
    font-size: 3.733333333333334vw;
  }
}
@media screen and (min-width: 1024px) {
  .p-fieldtrip-top .p-fieldtrip-top__list .p-fieldtrip-top__list__itm__btn {
    margin: 1.2rem auto 0;
    width: 100%;
    max-width: 32rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-fieldtrip-top .p-fieldtrip-top__list .p-fieldtrip-top__list__itm__btn {
    width: 42vw;
  }
}
.p-fieldtrip-top .p-fieldtrip-top__list .p-fieldtrip-top__list__itm__btn .c-button {
  height: 8rem;
  border-radius: 4rem;
}
@media screen and (max-width: 1023px) {
  .p-fieldtrip-top .p-fieldtrip-top__list .p-fieldtrip-top__list__itm__btn .c-button {
    height: 12vw;
  }
}
.p-fieldtrip-top .p-fieldtrip-top__list .p-fieldtrip-top__list__itm__btn .c-button__txt {
  font-size: 2.4rem;
  line-height: 1.458333333333333;
  letter-spacing: 0.02em;
  font-weight: bold;
}
@media screen and (max-width: 1023px) {
  .p-fieldtrip-top .p-fieldtrip-top__list .p-fieldtrip-top__list__itm__btn .c-button__txt {
    font-size: 3.2vw;
  }
}
@media screen and (min-width: 1024px) {
  .p-fieldtrip-top .p-fieldtrip-top__list .p-fieldtrip-top__list__itm__btn .c-button__txt {
    text-align: center;
  }
}
@media screen and (max-width: 1023px) {
  .p-fieldtrip-top .p-fieldtrip-top__list .p-fieldtrip-top__list__itm__btn .c-button__txt {
    font-size: 2.8rem;
    line-height: 1.178571428571429;
    letter-spacing: 0.02em;
    font-weight: bold;
    padding-right: 2.666666666666667vw;
  }
}
@media screen and (max-width: 1023px) and (max-width: 1023px) {
  .p-fieldtrip-top .p-fieldtrip-top__list .p-fieldtrip-top__list__itm__btn .c-button__txt {
    font-size: 3.733333333333334vw;
  }
}
@media screen and (max-width: 1023px) {
  .p-fieldtrip-top .p-fieldtrip-top__list .p-fieldtrip-top__list__itm__btn .c-button__arrow {
    width: 5.733333333333333vw;
    height: 5.733333333333333vw;
  }
}
.p-fieldtrip-top .p-fieldtrip-top__start--wrp {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 190;
  position: fixed;
}
.p-fieldtrip-top .p-fieldtrip-top__start--wrp .p-fieldtrip-top__start {
  width: 91.8rem;
  padding: 5rem;
  border-radius: 3.7rem;
  color: #fff;
  background-color: #ff5894;
  position: relative;
}
.p-fieldtrip-top .p-fieldtrip-top__start--wrp .p-fieldtrip-top__start__btn {
  margin-top: 4rem;
  margin-left: auto;
  margin-right: auto;
  width: 24.9rem;
  height: 8rem;
  border-radius: 4rem;
  color: #ff5894;
  background-color: #fff;
  position: relative;
}
.p-fieldtrip-top .p-fieldtrip-top__start--wrp .p-fieldtrip-top__start__btn .p-fieldtrip-top__start__btn__txt {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-size: 2.8rem;
  line-height: 0.928571428571429;
  letter-spacing: 0.02em;
  font-weight: bold;
}
@media screen and (max-width: 1023px) {
  .p-fieldtrip-top .p-fieldtrip-top__start--wrp .p-fieldtrip-top__start__btn .p-fieldtrip-top__start__btn__txt {
    font-size: 3.733333333333334vw;
  }
}
.p-fieldtrip-top .p-fieldtrip-top__scroll {
  position: fixed;
  z-index: 3;
  text-align: center;
  -webkit-transition: opacity 0.33s ease-out;
  transition: opacity 0.33s ease-out;
}
.p-fieldtrip-top .p-fieldtrip-top__scroll.is-fadeout {
  opacity: 0;
  pointer-events: none;
}
.p-fieldtrip-top .p-fieldtrip-top__scroll.is-hide {
  display: none;
}
@media screen and (min-width: 1024px) {
  .p-fieldtrip-top .p-fieldtrip-top__scroll {
    bottom: 11.3rem;
    left: 3.2rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-fieldtrip-top .p-fieldtrip-top__scroll {
    bottom: 19.68vw;
    left: 5.2vw;
  }
}
.p-fieldtrip-top .p-fieldtrip-top__scroll__txt {
  font-weight: bold;
  line-height: 1.277777777777778;
}
@media screen and (min-width: 1024px) {
  .p-fieldtrip-top .p-fieldtrip-top__scroll__txt {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-fieldtrip-top .p-fieldtrip-top__scroll__txt {
    font-size: 2.533333333333333vw;
  }
}
.p-fieldtrip-top .p-fieldtrip-top__scroll__fig {
  -webkit-animation: scrollmove alternate 0.55s ease-in-out infinite;
  animation: scrollmove alternate 0.55s ease-in-out infinite;
}
@media screen and (min-width: 1024px) {
  .p-fieldtrip-top .p-fieldtrip-top__scroll__fig {
    width: 6.5rem;
    margin: 1.1rem auto 0;
  }
}
@media screen and (max-width: 1023px) {
  .p-fieldtrip-top .p-fieldtrip-top__scroll__fig {
    width: 12vw;
    margin: 1.333333333333333vw auto 0;
  }
}
.p-fieldtrip-top__list__bnr__document {
  display: block;
}
@media screen and (min-width: 1024px) {
  .p-fieldtrip-top__list__bnr__document {
    width: 83.63836017569545%;
    margin: 5.34407027818448% 0 0 7.833089311859444%;
  }
}
@media screen and (max-width: 1023px) {
  .p-fieldtrip-top__list__bnr__document {
    margin-top: 8.533333333333333vw;
  }
}
.p-fieldtrip-top__list__other {
  margin-top: 10%;
}
@media screen and (max-width: 1023px) {
  .p-fieldtrip-top__list__other {
    margin-top: 12vw;
  }
}
.p-fieldtrip-top__list__other__bnr--wrp {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media screen and (min-width: 1024px) {
  .p-fieldtrip-top__list__other__bnr--wrp {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 5.357142857142857%;
  }
}
.p-fieldtrip-top__list__other__bnr {
  display: block;
}
@media screen and (min-width: 1024px) {
  .p-fieldtrip-top__list__other__bnr {
    width: 35.714285714285715%;
    margin-top: 6.25%;
  }
}
@media screen and (max-width: 1023px) {
  .p-fieldtrip-top__list__other__bnr {
    width: 61.91950464396285%;
    margin: auto;
    margin-top: 5.333333333333334vw;
  }
}
@-webkit-keyframes scrollmove {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(10%);
    transform: translateY(10%);
  }
}
@keyframes scrollmove {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(10%);
    transform: translateY(10%);
  }
}
.p-work-top._charactermodal .p-work-top__chara-modal {
  display: block;
}
.p-work-top:not(._charactermodal) .p-work-top__chara-modal {
  display: none;
}
.p-work-top._jobmodal .p-work-top__chara-modal--close {
  display: block;
}
.p-work-top._jobmodal .p-work-top__chara-modal__btn--wrp {
  display: none !important;
}
.p-work-top:not(._jobmodal) .p-work-top__chara-modal--close {
  display: none;
}
.p-work-top .p-work-top__chara-modal {
  padding-top: 4rem;
  padding-bottom: 14rem;
}
.p-work-top .p-work-top__chara-modal +sp {
  padding-top: 8vw;
  padding-bottom: 24.4vw;
}
.p-work-top .p-work-top__chara-modal .m-modal__container {
  margin-left: auto;
  margin-right: auto;
  width: 42.020497803806734%;
  border-radius: 1.171303074670571%;
}
@media screen and (max-width: 1023px) {
  .p-work-top .p-work-top__chara-modal .m-modal__container {
    width: 89.86666666666666vw;
    border-radius: 2.133333333333333vw;
  }
}
.p-work-top .p-work-top__chara-modal .m-modal__overlay {
  background-color: rgba(0,0,0,0.4);
}
@media screen and (max-width: 1023px) {
  .p-work-top .p-work-top__chara-modal .p-work-top__chara-modal--inr {
    padding-top: 6.800000000000001vw;
    padding-bottom: 6.800000000000001vw;
  }
}
.p-work-top .p-work-top__chara-modal .p-work-top__chara-modal--close {
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url("/assets/images/common/icon-close-btn-black-2.svg");
  z-index: 100;
  position: relative;
  overflow: visible;
  width: 100%;
  height: 0;
  margin: 0;
  padding: 0;
  background-color: transparent;
  text-align: right;
  border: none;
  z-index: 341;
  margin-left: auto;
  -webkit-transform: translate(2rem, 2.6rem);
  transform: translate(2rem, 2.6rem);
}
@media screen and (min-width: 1024px) {
  .p-work-top .p-work-top__chara-modal .p-work-top__chara-modal--close {
    cursor: pointer;
    width: 4.8rem;
    height: 4.8rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-work-top .p-work-top__chara-modal .p-work-top__chara-modal--close {
    width: 9.333333333333334vw;
    height: 9.333333333333334vw;
  }
}
.p-work-top .p-work-top__chara-modal .p-work-top__chara-modal__section,
.p-work-top .p-work-top__chara-modal .p-work-top__chara-modal__detail__section {
  display: none;
}
.p-work-top .p-work-top__chara-modal .p-work-top__chara-modal__section.is-open,
.p-work-top .p-work-top__chara-modal .p-work-top__chara-modal__detail__section.is-open {
  display: block;
}
.p-work-top .p-work-top__chara-modal .p-work-top__chara-modal__section {
  width: 100%;
  background-color: #ddffb5;
}
@media screen and (min-width: 1024px) {
  .p-work-top .p-work-top__chara-modal .p-work-top__chara-modal__section {
    padding: 5.226480836236933%;
    border-radius: 16px;
  }
}
@media screen and (max-width: 1023px) {
  .p-work-top .p-work-top__chara-modal .p-work-top__chara-modal__section {
    padding: 0 4vw;
    border-radius: 2.133333333333333vw;
  }
}
.p-work-top .p-work-top__chara-modal .p-work-top__chara-modal__detail__section {
  width: 100%;
  background-color: #fff;
  position: relative;
}
@media screen and (min-width: 1024px) {
  .p-work-top .p-work-top__chara-modal .p-work-top__chara-modal__detail__section {
    padding: 5.226480836236933%;
    border-radius: 16px;
  }
}
@media screen and (max-width: 1023px) {
  .p-work-top .p-work-top__chara-modal .p-work-top__chara-modal__detail__section {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 4vw;
    border-radius: 2.133333333333333vw;
  }
}
.p-work-top .p-work-top__chara-modal .p-work-top__chara-modal__btn--wrp {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media screen and (min-width: 1024px) {
  .p-work-top .p-work-top__chara-modal .p-work-top__chara-modal__btn--wrp {
    margin-top: 3rem;
    font-size: 2.8rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-work-top .p-work-top__chara-modal .p-work-top__chara-modal__btn--wrp {
    margin-top: 4vw;
    font-size: 4.8vw;
  }
}
.p-work-top .p-work-top__chara-modal .p-work-top__chara-modal__btn--wrp .p-work-top__chara-modal__btn + .p-work-top__chara-modal__btn {
  margin-left: 3.466666666666666vw;
}
@media screen and (max-width: 1023px) {
  .p-work-top .p-work-top__chara-modal .p-work-top__chara-modal__btn--wrp .p-work-top__chara-modal__btn + .p-work-top__chara-modal__btn {
    margin-left: 3.466666666666666vw;
  }
}
.p-work-top .p-work-top__chara-modal .p-work-top__chara-modal__hdg {
  color: #fff;
  background-color: #249f45;
  text-align: center;
}
@media screen and (min-width: 1024px) {
  .p-work-top .p-work-top__chara-modal .p-work-top__chara-modal__hdg {
    padding: 0.523809523809524em 0;
    font-size: 2.1rem;
    line-height: 1.428571428571429;
    border-radius: 0.523809523809524em;
  }
}
@media screen and (max-width: 1023px) {
  .p-work-top .p-work-top__chara-modal .p-work-top__chara-modal__hdg {
    padding: 2.933333333333333vw 0 2.4vw;
    margin-left: 3.466666666666666vw;
    margin-right: 3.466666666666666vw;
    font-size: 4.8vw;
    line-height: 1.388888888888889;
    border-radius: 2.133333333333333vw;
  }
}
.p-work-top .p-work-top__chara-modal .p-work-top__chara-modal__lead {
  text-align: center;
  color: #000;
  font-size: 1.8rem;
  line-height: 1.611111111111111;
  letter-spacing: 0.02em;
  margin-top: 1.4rem;
}
@media screen and (max-width: 1023px) {
  .p-work-top .p-work-top__chara-modal .p-work-top__chara-modal__lead {
    font-size: 2.4vw;
  }
}
@media screen and (max-width: 1023px) {
  .p-work-top .p-work-top__chara-modal .p-work-top__chara-modal__lead {
    font-size: 2.4rem;
    line-height: 1.541666666666667;
    letter-spacing: 0.018em;
    margin-top: 4.266666666666667vw;
  }
}
@media screen and (max-width: 1023px) and (max-width: 1023px) {
  .p-work-top .p-work-top__chara-modal .p-work-top__chara-modal__lead {
    font-size: 3.2vw;
  }
}
.p-work-top .p-work-top__chara-modal .p-work-top__chara-modal__btn {
  width: 24.2rem;
}
@media screen and (max-width: 1023px) {
  .p-work-top .p-work-top__chara-modal .p-work-top__chara-modal__btn {
    width: 42.66666666666667vw;
  }
}
.p-work-top .p-work-top__chara-modal .p-work-top__chara-modal__btn .c-button {
  height: 8rem;
  border-radius: 4rem;
}
@media screen and (max-width: 1023px) {
  .p-work-top .p-work-top__chara-modal .p-work-top__chara-modal__btn .c-button {
    height: 16vw;
    border-radius: 8vw;
  }
}
@media screen and (max-width: 1023px) {
  .p-work-top .p-work-top__chara-modal .p-work-top__chara-modal__btn .c-button__txt {
    font-size: 4.8vw;
  }
}
.p-work-top .p-work-top__chara-modal .p-work-top__chara-modal__btn.is-backbtn.is-show {
  display: block;
}
.p-work-top .p-work-top__chara-modal .p-work-top__chara-modal__btn.is-backbtn:not(.is-show) {
  display: none;
}
.p-work-top .p-work-top__chara-modal .p-work-top__chara-modal__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media screen and (min-width: 1024px) {
  .p-work-top .p-work-top__chara-modal .p-work-top__chara-modal__list {
    margin-top: 2.787456445993032%;
  }
}
@media screen and (max-width: 1023px) {
  .p-work-top .p-work-top__chara-modal .p-work-top__chara-modal__list {
    margin-top: 4.466666666666667vw;
    padding-left: 3.466666666666666vw;
    padding-right: 3.466666666666666vw;
  }
}
.p-work-top .p-work-top__chara-modal .p-work-top__chara-modal__list__itm {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  background-color: #fff;
  position: relative;
  overflow: hidden;
}
@media screen and (min-width: 1024px) {
  .p-work-top .p-work-top__chara-modal .p-work-top__chara-modal__list__itm {
    width: 48.249027237354085%;
    padding-top: 2.2rem;
    padding-bottom: 1.5rem;
    border-radius: 1.6rem;
    font-size: 1.8rem;
  }
  .p-work-top .p-work-top__chara-modal .p-work-top__chara-modal__list__itm:nth-child(n + 3) {
    margin-top: 3.501945525291829%;
  }
}
@media screen and (max-width: 1023px) {
  .p-work-top .p-work-top__chara-modal .p-work-top__chara-modal__list__itm {
    width: 48.28828828828829%;
    border-radius: 2.133333333333333vw;
    font-size: 2.666666666666667vw;
  }
  .p-work-top .p-work-top__chara-modal .p-work-top__chara-modal__list__itm:nth-child(n + 3) {
    margin-top: 2.533333333333333vw;
  }
}
.p-work-top .p-work-top__chara-modal .p-work-top__chara-modal__list__itm._found a {
  pointer-events: auto;
}
.p-work-top .p-work-top__chara-modal .p-work-top__chara-modal__list__itm._found .p-work-top__chara-modal__list__itm__figure__img img.is-found {
  display: block;
}
.p-work-top .p-work-top__chara-modal .p-work-top__chara-modal__list__itm._found .p-work-top__chara-modal__list__itm__figure__img img:not(.is-found) {
  display: none;
}
.p-work-top .p-work-top__chara-modal .p-work-top__chara-modal__list__itm._found .p-work-top__chara-modal__list__itm__arrow .is-gray {
  display: none;
}
.p-work-top .p-work-top__chara-modal .p-work-top__chara-modal__list__itm._found .p-work-top__chara-modal__list__itm__arrow .is-green {
  display: block;
}
.p-work-top .p-work-top__chara-modal .p-work-top__chara-modal__list__itm._found .p-work-top__chara-modal__list__itm__figure__name p {
  opacity: 0;
}
.p-work-top .p-work-top__chara-modal .p-work-top__chara-modal__list__itm._found .p-work-top__chara-modal__list__itm__figure__name p.is-found {
  opacity: 1;
}
.p-work-top .p-work-top__chara-modal .p-work-top__chara-modal__list__itm:not(._found) a {
  pointer-events: none;
}
.p-work-top .p-work-top__chara-modal .p-work-top__chara-modal__list__itm:not(._found) .p-work-top__chara-modal__list__itm__figure__img img.is-found {
  display: none;
}
.p-work-top .p-work-top__chara-modal .p-work-top__chara-modal__list__itm:not(._found) .p-work-top__chara-modal__list__itm__figure__img img:not(.is-found) {
  display: block;
}
.p-work-top .p-work-top__chara-modal .p-work-top__chara-modal__list__itm:not(._found) .p-work-top__chara-modal__list__itm__arrow .is-gray {
  display: block;
}
.p-work-top .p-work-top__chara-modal .p-work-top__chara-modal__list__itm:not(._found) .p-work-top__chara-modal__list__itm__arrow .is-green {
  display: none;
}
.p-work-top .p-work-top__chara-modal .p-work-top__chara-modal__list__itm:not(._found) .p-work-top__chara-modal__list__itm__figure__name p.is-found {
  opacity: 0;
}
.p-work-top .p-work-top__chara-modal .p-work-top__chara-modal__list__itm__arrow {
  position: absolute;
  right: 0;
  bottom: 0;
}
@media screen and (min-width: 1024px) {
  .p-work-top .p-work-top__chara-modal .p-work-top__chara-modal__list__itm__arrow {
    width: 22.810483870967744%;
  }
}
@media screen and (max-width: 1023px) {
  .p-work-top .p-work-top__chara-modal .p-work-top__chara-modal__list__itm__arrow {
    width: 8.212vw;
  }
}
.p-work-top .p-work-top__chara-modal .p-work-top__chara-modal__list__itm__arrow img {
  vertical-align: top;
  position: absolute;
  right: 0;
  bottom: 0;
}
.p-work-top .p-work-top__chara-modal .p-work-top__chara-modal__list__itm__figure {
  height: 100%;
}
@media screen and (max-width: 1023px) {
  .p-work-top .p-work-top__chara-modal .p-work-top__chara-modal__list__itm__figure {
    height: 100%;
    padding-top: 9.328358208955224%;
  }
}
@media screen and (min-width: 1024px) {
  .p-work-top .p-work-top__chara-modal .p-work-top__chara-modal__list__itm__figure .p-work-top__chara-modal__list__itm__figure__img--wrp {
    padding-left: 5.447470817120623%;
    padding-right: 5.447470817120623%;
  }
}
.p-work-top .p-work-top__chara-modal .p-work-top__chara-modal__list__itm__figure__img {
  display: block;
  position: relative;
  padding-top: 76.36363636363637%;
  margin-left: auto;
  margin-right: auto;
}
.p-work-top .p-work-top__chara-modal .p-work-top__chara-modal__list__itm__figure__img img {
  position: absolute;
  top: 0;
  left: 0;
}
.p-work-top .p-work-top__chara-modal .p-work-top__chara-modal__list__itm__figure__name {
  color: #000;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  min-height: 3.111111111111111em;
  padding: 0 1.111111111111111em;
  line-height: 1.25;
  position: relative;
}
@media screen and (min-width: 1024px) {
  .p-work-top .p-work-top__chara-modal .p-work-top__chara-modal__list__itm__figure__name {
    font-size: 1.8rem;
    margin-top: 0.7rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-work-top .p-work-top__chara-modal .p-work-top__chara-modal__list__itm__figure__name {
    font-size: 2.666666666666667vw;
    margin-top: 0.933333333333333vw;
  }
}
.p-work-top .p-work-top__chara-modal .p-work-top__chara-modal__list__itm__figure__name p {
  text-align: center;
}
.p-work-top .p-work-top__chara-modal .p-work-top__chara-modal__list__itm__figure__name p:not(.is-found) {
  position: absolute;
}
.p-work-top .p-work-top__chara-modal .p-work-top__chara-modal__list__itm__figure__name span {
  display: inline-block;
}
.p-work-top .p-work-top__chara-modal .p-work-top__chara-modal__list__itm__figure__name .desc {
  font-size: 1.4rem;
  line-height: 1.5;
  letter-spacing: 0.02em;
  display: block;
}
@media screen and (max-width: 1023px) {
  .p-work-top .p-work-top__chara-modal .p-work-top__chara-modal__list__itm__figure__name .desc {
    font-size: 1.866666666666667vw;
  }
}
.p-work-top .p-work-top__chara-modal .p-work-top__chara-modal__list__itm__figure__name .name {
  font-size: 1.8rem;
  line-height: 1.666666666666667;
  letter-spacing: 0.02em;
}
@media screen and (max-width: 1023px) {
  .p-work-top .p-work-top__chara-modal .p-work-top__chara-modal__list__itm__figure__name .name {
    font-size: 2.4vw;
  }
}
.p-work-top button {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
  background-color: transparent;
  cursor: pointer;
  padding: 0;
  position: relative;
}
.p-work-top button img {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.p-work-top .c-ui-button--wrp {
  position: fixed !important;
}
.p-work-top .c-ui-button--wrp .c-ui-button {
  width: 17.5rem;
  height: 6rem;
}
@media screen and (max-width: 1023px) {
  .p-work-top .c-ui-button--wrp .c-ui-button {
    width: 27.73333333333333vw;
    height: 9.333333333333334vw;
  }
}
.p-work-top .p-work-top__overlay {
  width: 100%;
  height: 0;
  top: 0;
  left: 0;
  background-color: rgba(0,0,0,0.6);
  z-index: 340;
  opacity: 0;
  -webkit-transition-property: opacity;
  transition-property: opacity;
  -webkit-transition-duration: 0.8s;
  transition-duration: 0.8s;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
}
.p-work-top .p-work-top__overlay._active {
  height: 100%;
  position: fixed;
  opacity: 1;
  -webkit-transition-property: opacity;
  transition-property: opacity;
}
.p-work-top .p-work-top__loupe {
  width: 0.535045478865704%;
  height: 1.357466063348416%;
  position: absolute;
}
.p-work-top .p-work-top__loupe.is--1 {
  left: 47.26012841091492%;
  top: 43.81369683257918%;
}
.p-work-top .p-work-top__loupe.is--2 {
  left: 58.833827358658816%;
  top: 18.902610859728508%;
}
.p-work-top .p-work-top__loupe.is--3 {
  left: 28.708594613875515%;
  top: 58.51256108597285%;
}
.p-work-top .p-work-top__loupe.is--3 .p-work-top__chara {
  left: 219%;
  top: -65%;
}
.p-work-top .p-work-top__loupe.is--3 .p-work-top__chara + .p-work-top__chara {
  left: 425%;
  top: 102%;
}
.p-work-top .p-work-top__loupe.is--4 {
  left: 78.15263242375602%;
  top: 42.525185520361994%;
}
.p-work-top .p-work-top__loupe.is--4 .p-work-top__chara {
  left: 292.666667%;
  top: 291%;
}
.p-work-top .p-work-top__loupe.is--5 {
  left: 73.99860709827001%;
  top: 38.43600452488688%;
}
.p-work-top .p-work-top__loupe.is--5 .p-work-top__chara {
  left: 89.666667%;
  top: 155%;
}
.p-work-top .p-work-top__loupe.is--6 {
  left: 77.47144997324773%;
  top: 38.247294117647066%;
}
.p-work-top .p-work-top__loupe.is--6 .p-work-top__chara {
  left: 271.666667%;
  top: 47%;
}
.p-work-top .p-work-top__loupe.is--7 {
  left: 67.13844658462635%;
  top: 24.903366515837106%;
}
.p-work-top .p-work-top__loupe.is--8 {
  left: 43.34613697164259%;
  top: 12.981823529411765%;
}
.p-work-top .p-work-top__loupe.is--8 .p-work-top__chara {
  left: -141%;
  top: 238%;
}
.p-work-top .p-work-top__loupe.is--8 .p-work-top__chara + .p-work-top__chara {
  left: 10%;
  top: 281%;
}
.p-work-top .p-work-top__loupe.is--9 {
  left: 39.60824861779918%;
  top: 23.29529411764706%;
}
.p-work-top .p-work-top__loupe.is--9 .p-work-top__chara {
  left: -171.666667%;
  top: -8%;
}
.p-work-top .p-work-top__loupe.is--10 {
  left: 55.666477617264135%;
  top: 24.461968325791855%;
}
.p-work-top .p-work-top__loupe.is--11 {
  left: 56.72480114143036%;
  top: 9.507031674208145%;
}
.p-work-top .p-work-top__loupe.is--12 {
  left: 39.04291599785982%;
  top: 51.464900452488685%;
}
.p-work-top .p-work-top__loupe.is--12 .p-work-top__chara {
  left: -131%;
  top: -8%;
}
.p-work-top .p-work-top__loupe.is--12 .p-work-top__chara + .p-work-top__chara {
  left: -260%;
  top: -8%;
}
.p-work-top .p-work-top__loupe.is--13 {
  left: 43.598883538434094%;
  top: 10.117968325791855%;
}
.p-work-top .p-work-top__loupe.is--13 .p-work-top__chara {
  left: 48%;
  top: 100%;
}
.p-work-top .p-work-top__loupe.is--14 {
  left: 69.58568931692527%;
  top: 60.39138914027149%;
}
.p-work-top .p-work-top__loupe.is--15 {
  left: 36.49590155163189%;
  top: 46.79803167420815%;
}
.p-work-top .p-work-top__loupe.is--16 {
  left: 47.110162297128596%;
  top: 15.194009049773754%;
}
.p-work-top .p-work-top__loupe.is--17 {
  left: 54.143636525771356%;
  top: 53.4205520361991%;
}
.p-work-top .p-work-top__loupe.is--17 .p-work-top__chara {
  left: -272.666667%;
  top: -109%;
}
.p-work-top .p-work-top__loupe.is--18 {
  left: 33.29257535223827%;
  top: 71.55040723981901%;
}
.p-work-top .p-work-top__loupe.is--19 {
  left: 72.97431068307473%;
  top: 44.424248868778285%;
}
.p-work-top .p-work-top__loupe.is--20 {
  left: 57.499028000713395%;
  top: 30.58105882352941%;
}
.p-work-top .p-work-top__loupe.is--21 {
  left: 51.89488139825219%;
  top: 57.676457013574655%;
}
.p-work-top .p-work-top__loupe.is--22 {
  left: 42.548503656144106%;
  top: 57.03721266968326%;
}
.p-work-top .p-work-top__loupe.is--22 .p-work-top__chara {
  left: -251.666667%;
  top: 30%;
}
.p-work-top .p-work-top__loupe._active._expand .p-work-top__jobs__expand {
  opacity: 1 !important;
  pointer-events: auto;
  -webkit-transition-property: width top;
  transition-property: width top;
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
  -webkit-transition-duration: 0.4s;
  transition-duration: 0.4s;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
}
@media screen and (min-width: 1024px) {
  .p-work-top .p-work-top__loupe._active._expand .p-work-top__jobs__expand {
    width: 39.8rem;
    top: -42.9rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-work-top .p-work-top__loupe._active._expand .p-work-top__jobs__expand {
    width: 68.93333333333334vw;
    top: -71.2vw;
  }
}
.p-work-top .p-work-top__loupe._active._modal .p-work-top__jobs__modal {
  display: block !important;
}
.p-work-top .p-work-top__loupe._active._modal .p-work-top__jobs__modal .m-modal__stretch {
  -webkit-animation: modalOpenAnime 0.3s ease;
  animation: modalOpenAnime 0.3s ease;
}
@-webkit-keyframes modalOpenAnime {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes modalOpenAnime {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.p-work-top .p-work-top__loupe:not(._active) .p-work-top__jobs__expand,
.p-work-top .p-work-top__loupe._active:not(._expand) .p-work-top__jobs__expand {
  opacity: 0;
  pointer-events: none;
  width: 0;
  top: 0;
}
.p-work-top .p-work-top__loupe:not(._active) .p-work-top__jobs__expand__btn,
.p-work-top .p-work-top__loupe._active:not(._expand) .p-work-top__jobs__expand__btn {
  opacity: 0;
  width: 0;
}
.p-work-top .p-work-top__loupe:not(._active) .p-work-top__jobs__modal,
.p-work-top .p-work-top__loupe._active:not(._modal) .p-work-top__jobs__modal {
  display: none;
}
.p-work-top .p-work-top__loupe:not(._found) .p-work-top__loupe--body img:not(.is--loupe-found) {
  display: block;
}
.p-work-top .p-work-top__loupe:not(._found) .p-work-top__loupe--body img.is--loupe-found {
  display: none;
}
.p-work-top .p-work-top__loupe:not(._found) .p-work-top__chara {
  opacity: 0;
  pointer-events: none;
}
.p-work-top .p-work-top__loupe._found .p-work-top__loupe--body img:not(.is--loupe-found) {
  display: none;
}
.p-work-top .p-work-top__loupe._found .p-work-top__loupe--body img.is--loupe-found {
  display: block;
}
.p-work-top .p-work-top__loupe._found .p-work-top__chara {
  opacity: 1;
  pointer-events: auto;
}
@media screen and (min-width: 1024px) {
  .p-work-top .p-work-top__loupe._found .p-work-top__jobs__modal__cont__btn__img {
    cursor: auto;
  }
}
.p-work-top .p-work-top__loupe._found .p-work-top__jobs__modal__cont__btn__img:after,
.p-work-top .p-work-top__loupe._found .p-work-top__jobs__modal__cont__btn__img:before {
  bottom: 0;
}
.p-work-top .p-work-top__loupe._found .p-work-top__jobs__modal__cont__btn__img:before {
  background-color: #000;
  opacity: 0.2;
  border-radius: 50%;
  z-index: 10;
}
.p-work-top .p-work-top__chara {
  position: absolute;
  width: 150%;
}
@media screen and (min-width: 1024px) {
  .p-work-top .p-work-top__chara {
    cursor: pointer;
  }
}
.p-work-top .p-work-top__jobs__modal.m-modal .m-modal__overlay {
  background-color: rgba(0,0,0,0.6);
}
.p-work-top .p-work-top__jobs__modal.m-modal .m-modal__stretch {
  border-radius: 1.7rem;
}
@media screen and (max-width: 1023px) {
  .p-work-top .p-work-top__jobs__modal.m-modal .m-modal__stretch {
    border-radius: 2.133333333333333vw;
  }
}
@media screen and (max-width: 1023px) {
  .p-work-top .p-work-top__jobs__modal.m-modal {
    padding-bottom: 29.333333333333332vw;
  }
}
.p-work-top .p-work-top__jobs__expand {
  position: absolute;
  z-index: 350;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.p-work-top .p-work-top__jobs__expand .p-work-top__jobs__expand__img {
  width: 100%;
}
.p-work-top .p-work-top__jobs__expand .p-work-top__jobs__expand__close {
  background-image: url("/assets/images/common/icon-close-btn-pink.png");
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
}
@media screen and (min-width: 1024px) {
  .p-work-top .p-work-top__jobs__expand .p-work-top__jobs__expand__close {
    width: 9.2rem;
    height: 9.2rem;
    top: 0.5rem;
    right: 0.5rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-work-top .p-work-top__jobs__expand .p-work-top__jobs__expand__close {
    width: 18.933333333333334vw;
    height: 18.933333333333334vw;
    top: 0.8vw;
    right: 1.466666666666667vw;
  }
}
.p-work-top .p-work-top__jobs__expand .p-work-top__jobs__expand__btn {
  color: #fff;
  background-color: #ef6e91;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 27.4rem;
  height: 8rem;
  bottom: 10.050251256281408%;
  border-radius: 4rem;
}
@media screen and (max-width: 1023px) {
  .p-work-top .p-work-top__jobs__expand .p-work-top__jobs__expand__btn {
    width: 47.46666666666667vw;
    height: 13.866666666666665vw;
    border-radius: 6.933333333333333vw;
    bottom: 7.066666666666667vw;
  }
}
.p-work-top .p-work-top__jobs__expand .p-work-top__jobs__expand__btn .p-work-top__jobs__expand__btn__txt {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  white-space: nowrap;
  font-size: 2.8rem;
  line-height: 0.928571428571429;
  letter-spacing: 0.02em;
  font-weight: bold;
}
@media screen and (max-width: 1023px) {
  .p-work-top .p-work-top__jobs__expand .p-work-top__jobs__expand__btn .p-work-top__jobs__expand__btn__txt {
    font-size: 3.733333333333334vw;
  }
}
@media screen and (max-width: 1023px) {
  .p-work-top .p-work-top__jobs__expand .p-work-top__jobs__expand__btn .p-work-top__jobs__expand__btn__txt {
    font-size: 3.6rem;
    line-height: 0.916666666666667;
    letter-spacing: 0.02em;
    font-weight: bold;
  }
}
@media screen and (max-width: 1023px) and (max-width: 1023px) {
  .p-work-top .p-work-top__jobs__expand .p-work-top__jobs__expand__btn .p-work-top__jobs__expand__btn__txt {
    font-size: 4.8vw;
  }
}
.p-work-top .p-work-top__jobs__expand .p-work-top__jobs__expand__btn .p-work-top__jobs__expand__btn__icon {
  background-image: url("/assets/images/common/icon-plus-pink.svg");
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 3.2rem;
  height: 3.2rem;
  right: 1.1rem;
}
@media screen and (max-width: 1023px) {
  .p-work-top .p-work-top__jobs__expand .p-work-top__jobs__expand__btn .p-work-top__jobs__expand__btn__icon {
    width: 5.600000000000001vw;
    height: 5.600000000000001vw;
    right: 1.1rem;
  }
}
.p-work-top .p-work-top__jobs__modal__cont {
  background-color: #fff;
}
@media screen and (min-width: 1024px) {
  .p-work-top .p-work-top__jobs__modal__cont {
    width: 63.4rem;
    padding: 3.1rem 5.2rem 6rem 5.2rem;
    border-radius: 1.7rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-work-top .p-work-top__jobs__modal__cont {
    width: 89.86666666666666vw;
    padding: 4.533333333333333vw 6.133333333333333vw 8.799999999999999vw 6.133333333333333vw;
    border-radius: 2.133333333333333vw;
  }
}
.p-work-top .p-work-top__jobs__modal__cont__ttl {
  color: #ef6e91;
  text-align: center;
  font-size: 3.2rem;
  line-height: 2.125;
  letter-spacing: 0.02em;
  font-weight: bold;
}
@media screen and (max-width: 1023px) {
  .p-work-top .p-work-top__jobs__modal__cont__ttl {
    font-size: 4.266666666666667vw;
  }
}
@media screen and (max-width: 1023px) {
  .p-work-top .p-work-top__jobs__modal__cont__ttl {
    font-size: 4rem;
    line-height: 1.475;
    letter-spacing: 0.02em;
    font-weight: bold;
  }
}
@media screen and (max-width: 1023px) and (max-width: 1023px) {
  .p-work-top .p-work-top__jobs__modal__cont__ttl {
    font-size: 5.333333333333334vw;
  }
}
.p-work-top .p-work-top__jobs__modal__cont__thumb {
  width: 100%;
  margin-top: 2.2rem;
  overflow: hidden;
  border-radius: 1.5rem;
}
@media screen and (max-width: 1023px) {
  .p-work-top .p-work-top__jobs__modal__cont__thumb {
    border-radius: 2vw;
  }
}
.p-work-top .p-work-top__jobs__modal__cont__conv {
  margin-top: 5.8rem;
}
.p-work-top .p-work-top__jobs__modal__cont__conv .p-work-top__jobs__modal__cont__conv__list__itm {
  margin-left: auto;
  margin-right: auto;
  background-color: #fde8ee;
  position: relative;
  width: 35.2rem;
  padding: 2.3rem;
  border-radius: 1.5rem;
}
@media screen and (max-width: 1023px) {
  .p-work-top .p-work-top__jobs__modal__cont__conv .p-work-top__jobs__modal__cont__conv__list__itm {
    width: 51.46666666666667vw;
    padding: 2.8vw 2.133333333333333vw 2.8vw 2.8vw;
    border-radius: 2vw;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
}
.p-work-top .p-work-top__jobs__modal__cont__conv .p-work-top__jobs__modal__cont__conv__list__itm::before {
  content: '';
  display: block;
  -webkit-transform: translate();
  transform: translate();
  background-image: url("/assets/images/work/img-fukidashi.png");
  background-size: cover;
  position: absolute;
  width: 2rem;
  height: 1.2rem;
  top: 0.4rem;
}
@media screen and (max-width: 1023px) {
  .p-work-top .p-work-top__jobs__modal__cont__conv .p-work-top__jobs__modal__cont__conv__list__itm::before {
    width: 2.666666666666667vw;
    height: 1.6vw;
    top: 0.533333333333333vw;
  }
}
.p-work-top .p-work-top__jobs__modal__cont__conv .p-work-top__jobs__modal__cont__conv__list__itm:nth-child(odd)::before {
  -webkit-transform: rotate(2deg);
  transform: rotate(2deg);
  left: -1.5rem;
}
@media screen and (max-width: 1023px) {
  .p-work-top .p-work-top__jobs__modal__cont__conv .p-work-top__jobs__modal__cont__conv__list__itm:nth-child(odd)::before {
    left: -2vw;
  }
}
.p-work-top .p-work-top__jobs__modal__cont__conv .p-work-top__jobs__modal__cont__conv__list__itm:nth-child(odd) .p-work-top__jobs__modal__cont__conv__list__itm__speaker {
  left: -8rem;
}
@media screen and (max-width: 1023px) {
  .p-work-top .p-work-top__jobs__modal__cont__conv .p-work-top__jobs__modal__cont__conv__list__itm:nth-child(odd) .p-work-top__jobs__modal__cont__conv__list__itm__speaker {
    left: -12.533333333333333vw;
  }
}
.p-work-top .p-work-top__jobs__modal__cont__conv .p-work-top__jobs__modal__cont__conv__list__itm:nth-child(even)::before {
  -webkit-transform: rotate(2deg) scale(-1, 1);
  transform: rotate(2deg) scale(-1, 1);
  right: -1.5rem;
}
@media screen and (max-width: 1023px) {
  .p-work-top .p-work-top__jobs__modal__cont__conv .p-work-top__jobs__modal__cont__conv__list__itm:nth-child(even)::before {
    right: -2vw;
  }
}
.p-work-top .p-work-top__jobs__modal__cont__conv .p-work-top__jobs__modal__cont__conv__list__itm:nth-child(even) .p-work-top__jobs__modal__cont__conv__list__itm__speaker {
  right: -8rem;
}
@media screen and (max-width: 1023px) {
  .p-work-top .p-work-top__jobs__modal__cont__conv .p-work-top__jobs__modal__cont__conv__list__itm:nth-child(even) .p-work-top__jobs__modal__cont__conv__list__itm__speaker {
    right: -12vw;
  }
}
.p-work-top .p-work-top__jobs__modal__cont__conv .p-work-top__jobs__modal__cont__conv__list__itm.is-m::before,
.p-work-top .p-work-top__jobs__modal__cont__conv .p-work-top__jobs__modal__cont__conv__list__itm.is-j::before {
  display: none;
}
.p-work-top .p-work-top__jobs__modal__cont__conv .p-work-top__jobs__modal__cont__conv__list__itm + .p-work-top__jobs__modal__cont__conv__list__itm {
  margin-top: 2rem;
}
@media screen and (max-width: 1023px) {
  .p-work-top .p-work-top__jobs__modal__cont__conv .p-work-top__jobs__modal__cont__conv__list__itm + .p-work-top__jobs__modal__cont__conv__list__itm {
    margin-top: 3.733333333333334vw;
  }
}
.p-work-top .p-work-top__jobs__modal__cont__conv .p-work-top__jobs__modal__cont__conv__list__itm__speaker {
  position: absolute;
  top: -0.6rem;
  width: 5.6rem;
}
@media screen and (max-width: 1023px) {
  .p-work-top .p-work-top__jobs__modal__cont__conv .p-work-top__jobs__modal__cont__conv__list__itm__speaker {
    top: -1.333333333333333vw;
    width: 8.533333333333333vw;
  }
}
.p-work-top .p-work-top__jobs__modal__cont__conv .p-work-top__jobs__modal__cont__conv__list__itm__txt {
  color: #000;
  font-size: 1.8rem;
  line-height: 1.8;
  letter-spacing: 0.02em;
  font-weight: bold;
}
@media screen and (max-width: 1023px) {
  .p-work-top .p-work-top__jobs__modal__cont__conv .p-work-top__jobs__modal__cont__conv__list__itm__txt {
    font-size: 2.4vw;
  }
}
@media screen and (max-width: 1023px) {
  .p-work-top .p-work-top__jobs__modal__cont__conv .p-work-top__jobs__modal__cont__conv__list__itm__txt {
    font-size: 2.8rem;
    line-height: 1.6;
    letter-spacing: 0.02em;
    font-weight: bold;
  }
}
@media screen and (max-width: 1023px) and (max-width: 1023px) {
  .p-work-top .p-work-top__jobs__modal__cont__conv .p-work-top__jobs__modal__cont__conv__list__itm__txt {
    font-size: 3.733333333333334vw;
  }
}
.p-work-top .p-work-top__jobs__modal__cont__chara {
  position: relative;
}
@media screen and (min-width: 1024px) {
  .p-work-top .p-work-top__jobs__modal__cont__chara {
    margin-top: 3.4rem;
    border-top: 0.2rem dashed rgba(36,159,69,0.4);
  }
}
@media screen and (max-width: 1023px) {
  .p-work-top .p-work-top__jobs__modal__cont__chara {
    margin-top: 15.066666666666666vw;
    border-top: 0.8vw dashed rgba(36,159,69,0.4);
  }
}
.p-work-top .p-work-top__jobs__modal__cont__chara .p-work-top__jobs__modal__cont__chara__list {
  margin-top: 3.7rem;
}
@media screen and (max-width: 1023px) {
  .p-work-top .p-work-top__jobs__modal__cont__chara .p-work-top__jobs__modal__cont__chara__list {
    margin-top: 11.200000000000001vw;
  }
}
.p-work-top .p-work-top__jobs__modal__cont__chara .p-work-top__jobs__modal__cont__chara__list__itm {
  margin-top: 1.5rem;
}
@media screen and (max-width: 1023px) {
  .p-work-top .p-work-top__jobs__modal__cont__chara .p-work-top__jobs__modal__cont__chara__list__itm {
    margin-top: 2vw;
  }
}
.p-work-top .p-work-top__jobs__modal__cont__chara .p-work-top__jobs__modal__cont__chara__list__itm + .p-work-top__jobs__modal__cont__chara__list__itm {
  margin-top: 6.4rem;
}
@media screen and (max-width: 1023px) {
  .p-work-top .p-work-top__jobs__modal__cont__chara .p-work-top__jobs__modal__cont__chara__list__itm + .p-work-top__jobs__modal__cont__chara__list__itm {
    margin-top: 8.533333333333333vw;
  }
}
.p-work-top .p-work-top__jobs__modal__cont__chara .p-work-top__jobs__modal__cont__chara__label {
  position: absolute;
}
@media screen and (min-width: 1024px) {
  .p-work-top .p-work-top__jobs__modal__cont__chara .p-work-top__jobs__modal__cont__chara__label {
    width: 9.8rem;
    left: -4.1rem;
    top: -5.2rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-work-top .p-work-top__jobs__modal__cont__chara .p-work-top__jobs__modal__cont__chara__label {
    width: 21.46666666666667vw;
    left: -2.933333333333333vw;
    top: -10.666666666666668vw;
    z-index: 2;
  }
}
.p-work-top .p-work-top__jobs__modal__cont__chara .p-work-top__jobs__modal__cont__chara__label:before {
  content: '';
  display: block;
  background-color: #fff;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: -1;
}
@media screen and (max-width: 1023px) {
  .p-work-top .p-work-top__jobs__modal__cont__chara .p-work-top__jobs__modal__cont__chara__label:before {
    width: 4vw;
    height: 2.666666666666667vw;
    right: -2.933333333333333vw;
  }
}
.p-work-top .p-work-top__jobs__modal__cont__chara .p-work-top__jobs__modal__cont__chara__text--wrp {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media screen and (min-width: 1024px) {
  .p-work-top .p-work-top__jobs__modal__cont__chara .p-work-top__jobs__modal__cont__chara__text--wrp {
    margin-top: 3.8rem;
  }
}
.p-work-top .p-work-top__jobs__modal__cont__chara .p-work-top__jobs__modal__cont__chara__text {
  display: inline-block;
  background-color: #249f45;
  color: #fff;
  font-size: 2rem;
  line-height: 2;
  letter-spacing: 0.02em;
  padding: 0.4rem 0.4rem 0.4rem 1.7rem;
  border-radius: 1.6rem;
}
@media screen and (max-width: 1023px) {
  .p-work-top .p-work-top__jobs__modal__cont__chara .p-work-top__jobs__modal__cont__chara__text {
    font-size: 2.666666666666667vw;
  }
}
@media screen and (max-width: 1023px) {
  .p-work-top .p-work-top__jobs__modal__cont__chara .p-work-top__jobs__modal__cont__chara__text {
    font-size: 3.2rem;
    line-height: 2.125;
    letter-spacing: 0.02em;
    padding: 0.4vw 2.4vw 0.4vw 3.2vw;
    border-radius: 2.133333333333333vw;
    margin-top: 5.066666666666666vw;
  }
}
@media screen and (max-width: 1023px) and (max-width: 1023px) {
  .p-work-top .p-work-top__jobs__modal__cont__chara .p-work-top__jobs__modal__cont__chara__text {
    font-size: 4.266666666666667vw;
  }
}
.p-work-top .p-work-top__jobs__modal__cont__btn {
  margin-top: 4rem;
}
.p-work-top .p-work-top__jobs__modal__cont__btn .p-work-top__jobs__modal__cont__btn__txt {
  color: #ef6e91;
  text-align: center;
  font-size: 2rem;
  line-height: 2.8;
  letter-spacing: 0.04em;
}
@media screen and (max-width: 1023px) {
  .p-work-top .p-work-top__jobs__modal__cont__btn .p-work-top__jobs__modal__cont__btn__txt {
    font-size: 2.666666666666667vw;
  }
}
@media screen and (max-width: 1023px) {
  .p-work-top .p-work-top__jobs__modal__cont__btn .p-work-top__jobs__modal__cont__btn__txt {
    font-size: 3.2rem;
    line-height: 2.1875;
    letter-spacing: 0.04em;
  }
}
@media screen and (max-width: 1023px) and (max-width: 1023px) {
  .p-work-top .p-work-top__jobs__modal__cont__btn .p-work-top__jobs__modal__cont__btn__txt {
    font-size: 4.266666666666667vw;
  }
}
.p-work-top .p-work-top__jobs__modal__cont__btn .p-work-top__jobs__modal__cont__btn__img {
  border-radius: 50%;
  background-color: #ef6e91;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  width: 14.8rem;
  height: 14.8rem;
}
@media screen and (max-width: 1023px) {
  .p-work-top .p-work-top__jobs__modal__cont__btn .p-work-top__jobs__modal__cont__btn__img {
    width: 28.53333333333333vw;
    height: 28.53333333333333vw;
    margin-top: 1.2vw;
  }
}
.p-work-top .p-work-top__jobs__modal__cont__btn .p-work-top__jobs__modal__cont__btn__img:hover:after {
  bottom: 0;
}
.p-work-top .p-work-top__jobs__modal__cont__btn .p-work-top__jobs__modal__cont__btn__img:after,
.p-work-top .p-work-top__jobs__modal__cont__btn .p-work-top__jobs__modal__cont__btn__img:before {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  bottom: 0.8rem;
}
@media screen and (max-width: 1023px) {
  .p-work-top .p-work-top__jobs__modal__cont__btn .p-work-top__jobs__modal__cont__btn__img:after,
  .p-work-top .p-work-top__jobs__modal__cont__btn .p-work-top__jobs__modal__cont__btn__img:before {
    bottom: 1.066666666666667vw;
  }
}
.p-work-top .p-work-top__jobs__modal__cont__btn .p-work-top__jobs__modal__cont__btn__img:after {
  background-image: url("/assets/images/work/img-tap.png");
  background-repeat: no-repeat;
  background-size: cover;
  z-index: 9;
}
.p-work-top .p-work-top__jobs__modal__btn {
  margin-left: auto;
  margin-right: auto;
  color: #fff;
  background-color: #000;
  position: relative;
}
@media screen and (min-width: 1024px) {
  .p-work-top .p-work-top__jobs__modal__btn {
    width: 24.9rem;
    height: 8rem;
    border-radius: 4rem;
    margin-top: 4.4rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-work-top .p-work-top__jobs__modal__btn {
    width: 42.66666666666667vw;
    height: 16vw;
    border-radius: 8vw;
    margin-top: 5.866666666666666vw;
  }
}
.p-work-top .p-work-top__jobs__modal__btn .p-work-top__jobs__modal__btn__txt {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-size: 2.8rem;
  line-height: 0.928571428571429;
  letter-spacing: 0.02em;
  font-weight: bold;
}
@media screen and (max-width: 1023px) {
  .p-work-top .p-work-top__jobs__modal__btn .p-work-top__jobs__modal__btn__txt {
    font-size: 3.733333333333334vw;
  }
}
@media screen and (max-width: 1023px) {
  .p-work-top .p-work-top__jobs__modal__btn .p-work-top__jobs__modal__btn__txt {
    font-size: 3.6rem;
    line-height: 0.861111111111111;
    letter-spacing: 0.02em;
    font-weight: bold;
  }
}
@media screen and (max-width: 1023px) and (max-width: 1023px) {
  .p-work-top .p-work-top__jobs__modal__btn .p-work-top__jobs__modal__btn__txt {
    font-size: 4.8vw;
  }
}
.p-work-top .p-work-top__jobs__modal__btn .p-work-top__jobs__modal__btn__icon {
  display: block;
  background-image: url("/assets/images/common/icon-close-btn-gray.svg");
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 3.2rem;
  height: 3.2rem;
  right: 1.9rem;
}
@media screen and (max-width: 1023px) {
  .p-work-top .p-work-top__jobs__modal__btn .p-work-top__jobs__modal__btn__icon {
    width: 6.800000000000001vw;
    height: 6.800000000000001vw;
    right: 3.6vw;
  }
}
.p-work-top .p-work-top__status__chara {
  border-radius: 50%;
  background-color: #249f45;
  position: fixed;
  z-index: 321;
}
@media screen and (min-width: 1024px) {
  .p-work-top .p-work-top__status__chara {
    cursor: pointer;
    bottom: 12.5rem;
    left: 22.3rem;
    width: 17.6rem;
    height: 17.6rem;
    border: 0.4rem solid #fff;
    margin-left: 2rem;
    margin-bottom: -0.7rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-work-top .p-work-top__status__chara {
    bottom: 53.333333333333336vw;
    left: 4vw;
    width: 36.4vw;
    height: 36.4vw;
    border: 0.533333333333333vw solid #fff;
  }
}
.p-work-top .p-work-top__status__chara .p-work-top__status__chara__new {
  position: absolute;
  z-index: 100;
}
@media screen and (min-width: 1024px) {
  .p-work-top .p-work-top__status__chara .p-work-top__status__chara__new {
    width: 5.6rem;
    height: 5.6rem;
    top: -0.3rem;
    left: -0.3rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-work-top .p-work-top__status__chara .p-work-top__status__chara__new {
    width: 11.200000000000001vw;
    height: 11.200000000000001vw;
    top: -1.2vw;
    left: 0.266666666666667vw;
  }
}
.p-work-top .p-work-top__status__chara .p-work-top__status__chara__arrow {
  position: absolute;
}
@media screen and (min-width: 1024px) {
  .p-work-top .p-work-top__status__chara .p-work-top__status__chara__arrow {
    width: 2.5rem;
    height: 2.5rem;
    top: 0.5rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}
@media screen and (max-width: 1023px) {
  .p-work-top .p-work-top__status__chara .p-work-top__status__chara__arrow {
    width: 5.733333333333333vw;
    height: 5.733333333333333vw;
    top: 50%;
    right: 1.333333333333333vw;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}
.p-work-top .p-work-top__status__chara .p-work-top__status__chara--inr {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
@media screen and (min-width: 1024px) {
  .p-work-top .p-work-top__status__chara .p-work-top__status__chara--inr {
    width: 15.6rem;
    height: 15.6rem;
    border: 0.2rem dashed #fff;
    padding-top: 1.8rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-work-top .p-work-top__status__chara .p-work-top__status__chara--inr {
    width: 31.733333333333334vw;
    height: 31.733333333333334vw;
    border: 0.266666666666667vw dashed #fff;
    padding-top: 1.866666666666667vw;
  }
}
.p-work-top .p-work-top__status__chara .p-work-top__status__chara__ttl {
  color: #fff;
  white-space: nowrap;
  text-align: center;
  font-size: 1.5rem;
  line-height: 1.133333333333333;
  letter-spacing: 0.04em;
  font-weight: bold;
}
@media screen and (max-width: 1023px) {
  .p-work-top .p-work-top__status__chara .p-work-top__status__chara__ttl {
    font-size: 2vw;
  }
}
@media screen and (max-width: 1023px) {
  .p-work-top .p-work-top__status__chara .p-work-top__status__chara__ttl {
    font-size: 2.2rem;
    line-height: 1.227272727272727;
    letter-spacing: 0.04em;
    font-weight: bold;
  }
}
@media screen and (max-width: 1023px) and (max-width: 1023px) {
  .p-work-top .p-work-top__status__chara .p-work-top__status__chara__ttl {
    font-size: 2.933333333333333vw;
  }
}
.p-work-top .p-work-top__status__chara .p-work-top__status__chara__num {
  color: #fff;
}
@media screen and (min-width: 1024px) {
  .p-work-top .p-work-top__status__chara .p-work-top__status__chara__num {
    margin-top: -1.7rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-work-top .p-work-top__status__chara .p-work-top__status__chara__num {
    margin-top: -2.4vw;
  }
}
.p-work-top .p-work-top__status__chara .p-work-top__status__chara__num .p-work-top__status__chara__num__current {
  font-size: 4.7rem;
  line-height: 1;
  letter-spacing: 0.04em;
  font-weight: bold;
}
@media screen and (max-width: 1023px) {
  .p-work-top .p-work-top__status__chara .p-work-top__status__chara__num .p-work-top__status__chara__num__current {
    font-size: 6.266666666666667vw;
  }
}
@media screen and (max-width: 1023px) {
  .p-work-top .p-work-top__status__chara .p-work-top__status__chara__num .p-work-top__status__chara__num__current {
    font-size: 7.5rem;
    line-height: 1;
    letter-spacing: 0.04em;
    font-weight: bold;
  }
}
@media screen and (max-width: 1023px) and (max-width: 1023px) {
  .p-work-top .p-work-top__status__chara .p-work-top__status__chara__num .p-work-top__status__chara__num__current {
    font-size: 10vw;
  }
}
.p-work-top .p-work-top__status__chara .p-work-top__status__chara__num .p-work-top__status__chara__num__total {
  font-size: 2.6rem;
  line-height: 2;
  letter-spacing: 0.04em;
  font-weight: bold;
}
@media screen and (max-width: 1023px) {
  .p-work-top .p-work-top__status__chara .p-work-top__status__chara__num .p-work-top__status__chara__num__total {
    font-size: 3.466666666666666vw;
  }
}
@media screen and (max-width: 1023px) {
  .p-work-top .p-work-top__status__chara .p-work-top__status__chara__num .p-work-top__status__chara__num__total {
    font-size: 4.5rem;
    line-height: 2;
    letter-spacing: 0.04em;
    font-weight: bold;
  }
}
@media screen and (max-width: 1023px) and (max-width: 1023px) {
  .p-work-top .p-work-top__status__chara .p-work-top__status__chara__num .p-work-top__status__chara__num__total {
    font-size: 6vw;
  }
}
.p-work-top .p-work-top__status__works._popuup,
.p-work-top .p-work-top__status__chara._popuup {
  -webkit-transform-origin: center;
  transform-origin: center;
}
@media screen and (min-width: 1024px) {
  .p-work-top .p-work-top__status__works._popuup,
  .p-work-top .p-work-top__status__chara._popuup {
    -webkit-animation: modalOpenAnimePC 0.3s ease;
    animation: modalOpenAnimePC 0.3s ease;
  }
}
@media screen and (max-width: 1023px) {
  .p-work-top .p-work-top__status__works._popuup,
  .p-work-top .p-work-top__status__chara._popuup {
    -webkit-animation: modalOpenAnimeSP 0.3s ease;
    animation: modalOpenAnimeSP 0.3s ease;
  }
}
@-webkit-keyframes modalOpenAnimePC {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes modalOpenAnimePC {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes modalOpenAnimeSP {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes modalOpenAnimeSP {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.p-work-top .p-work-top__status__works {
  color: #fff;
  background-color: #ef6e91;
  position: fixed;
  z-index: 321;
}
@media screen and (min-width: 1024px) {
  .p-work-top .p-work-top__status__works {
    bottom: 12.5rem;
    left: 3rem;
    padding: 1.5rem 1.5rem 0 1.5rem;
    border-radius: 2rem;
    border: 0.4rem solid #fff;
  }
}
@media screen and (max-width: 1023px) {
  .p-work-top .p-work-top__status__works {
    bottom: 19.333333333333332vw;
    left: 4vw;
    padding: 2.8vw 2.266666666666667vw 0 2.266666666666667vw;
    border-radius: 2.666666666666667vw;
    border: 0.533333333333333vw solid #fff;
    margin-top: 10.666666666666668vw;
  }
}
.p-work-top .p-work-top__status__works .p-work-top__status__works__fukidashi {
  display: block;
  position: absolute;
  left: 50%;
  right: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-color: #fff;
  color: #333;
}
@media screen and (min-width: 1024px) {
  .p-work-top .p-work-top__status__works .p-work-top__status__works__fukidashi {
    width: 17.3rem;
    border-radius: 1.4rem;
    top: -1.8rem;
    padding: 0.9rem 0 0.9rem 1.3rem;
    font-size: 1.2rem;
    line-height: 1.333333333333333;
    letter-spacing: 0.04em;
  }
}
@media screen and (max-width: 1023px) {
  .p-work-top .p-work-top__status__works .p-work-top__status__works__fukidashi {
    width: 39.06666666666666vw;
    border-radius: 5.333333333333334vw;
    top: -3.333333333333333vw;
    padding: 2.4vw 0 2.4vw 2.933333333333333vw;
    font-size: 2.1rem;
    line-height: 1.142857142857143;
    letter-spacing: 0.04em;
  }
}
.p-work-top .p-work-top__status__works .p-work-top__status__works__fukidashi::before {
  content: '';
  display: block;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-image: url("/assets/images/work/img-fukidashi-bottom-white.svg");
  background-size: contain;
  background-repeat: no-repeat;
}
@media screen and (min-width: 1024px) {
  .p-work-top .p-work-top__status__works .p-work-top__status__works__fukidashi::before {
    width: 1.3rem;
    height: 2.1rem;
    bottom: -1.4rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-work-top .p-work-top__status__works .p-work-top__status__works__fukidashi::before {
    width: 6.266666666666667vw;
    height: 6.266666666666667vw;
    bottom: -1.866666666666667vw;
    z-index: -1;
  }
}
.p-work-top .p-work-top__status__works .p-work-top__status__works__fukidashi::after {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background-image: url("/assets/images/common/icon-arrow-btn-right-pink.svg");
  background-size: contain;
  background-repeat: no-repeat;
}
@media screen and (min-width: 1024px) {
  .p-work-top .p-work-top__status__works .p-work-top__status__works__fukidashi::after {
    width: 2.1rem;
    height: 2.1rem;
    right: 0.9rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-work-top .p-work-top__status__works .p-work-top__status__works__fukidashi::after {
    width: 5.333333333333334vw;
    height: 5.333333333333334vw;
    right: 1.6vw;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1023px) {
  .p-work-top .p-work-top__status__works .p-work-top__status__works__fukidashi {
    font-size: 1.6vw;
  }
}
@media screen and (max-width: 1023px) and (max-width: 1023px) {
  .p-work-top .p-work-top__status__works .p-work-top__status__works__fukidashi {
    font-size: 2.8vw;
  }
}
@media screen and (min-width: 1024px) {
  .p-work-top .p-work-top__status__works .p-work-top__status__works--inr {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.p-work-top .p-work-top__status__works .p-work-top__status__works__ttl {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 1.4rem;
  line-height: 3.428571428571428;
  letter-spacing: 0.04em;
  font-weight: bold;
}
@media screen and (max-width: 1023px) {
  .p-work-top .p-work-top__status__works .p-work-top__status__works__ttl {
    font-size: 1.866666666666667vw;
  }
}
@media screen and (max-width: 1023px) {
  .p-work-top .p-work-top__status__works .p-work-top__status__works__ttl {
    font-size: 2.4rem;
    line-height: 2.708333333333333;
    letter-spacing: 0.04em;
    font-weight: bold;
  }
}
.p-work-top .p-work-top__status__works .p-work-top__status__works__ttl .p-work-top__status__works__ttl__icon {
  background-image: url("/assets/images/work/img-tap.png");
  background-size: cover;
  background-repeat: no-repeat;
}
@media screen and (min-width: 1024px) {
  .p-work-top .p-work-top__status__works .p-work-top__status__works__ttl .p-work-top__status__works__ttl__icon {
    width: 3.2rem;
    height: 3.2rem;
    margin-left: 0.3rem;
    margin-right: 0.3rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-work-top .p-work-top__status__works .p-work-top__status__works__ttl .p-work-top__status__works__ttl__icon {
    width: 6.266666666666667vw;
    height: 6.266666666666667vw;
    margin-left: 0.4vw;
    margin-right: 0.4vw;
  }
}
@media screen and (max-width: 1023px) and (max-width: 1023px) {
  .p-work-top .p-work-top__status__works .p-work-top__status__works__ttl {
    font-size: 3.2vw;
  }
}
.p-work-top .p-work-top__status__works .p-work-top__status__works__num {
  text-align: center;
}
@media screen and (min-width: 1024px) {
  .p-work-top .p-work-top__status__works .p-work-top__status__works__num {
    margin-top: -1.7rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-work-top .p-work-top__status__works .p-work-top__status__works__num {
    margin-top: -2.8vw;
  }
}
.p-work-top .p-work-top__status__works .p-work-top__status__works__num .p-work-top__status__works__num__current {
  font-size: 5.8rem;
  line-height: 1;
  letter-spacing: 0.04em;
  font-weight: bold;
}
@media screen and (max-width: 1023px) {
  .p-work-top .p-work-top__status__works .p-work-top__status__works__num .p-work-top__status__works__num__current {
    font-size: 7.733333333333333vw;
  }
}
@media screen and (max-width: 1023px) {
  .p-work-top .p-work-top__status__works .p-work-top__status__works__num .p-work-top__status__works__num__current {
    font-size: 8rem;
    line-height: 1;
    letter-spacing: 0.04em;
    font-weight: bold;
  }
}
@media screen and (max-width: 1023px) and (max-width: 1023px) {
  .p-work-top .p-work-top__status__works .p-work-top__status__works__num .p-work-top__status__works__num__current {
    font-size: 10.666666666666668vw;
  }
}
.p-work-top .p-work-top__status__works .p-work-top__status__works__num .p-work-top__status__works__num__total {
  font-size: 4rem;
  line-height: 2;
  letter-spacing: 0.04em;
  font-weight: bold;
}
@media screen and (max-width: 1023px) {
  .p-work-top .p-work-top__status__works .p-work-top__status__works__num .p-work-top__status__works__num__total {
    font-size: 5.333333333333334vw;
  }
}
@media screen and (max-width: 1023px) {
  .p-work-top .p-work-top__status__works .p-work-top__status__works__num .p-work-top__status__works__num__total {
    font-size: 5.3rem;
    line-height: 2;
    letter-spacing: 0.04em;
    font-weight: bold;
  }
}
@media screen and (max-width: 1023px) and (max-width: 1023px) {
  .p-work-top .p-work-top__status__works .p-work-top__status__works__num .p-work-top__status__works__num__total {
    font-size: 7.066666666666667vw;
  }
}
.p-work-top .c-work-top__chara__desc {
  color: #000;
  text-align: center;
  font-size: 1.4rem;
  line-height: 1.5;
  letter-spacing: 0.02em;
}
@media screen and (max-width: 1023px) {
  .p-work-top .c-work-top__chara__desc {
    font-size: 1.866666666666667vw;
  }
}
@media screen and (max-width: 1023px) {
  .p-work-top .c-work-top__chara__desc {
    font-size: 2.4rem;
    line-height: 1.25;
    letter-spacing: 0.02em;
  }
}
@media screen and (max-width: 1023px) and (max-width: 1023px) {
  .p-work-top .c-work-top__chara__desc {
    font-size: 3.2vw;
  }
}
.p-work-top .c-work-top__chara__name {
  color: #000;
  text-align: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  font-size: 2.9rem;
  line-height: 1;
  letter-spacing: 0.02em;
  margin-top: 1.4rem;
}
@media screen and (max-width: 1023px) {
  .p-work-top .c-work-top__chara__name {
    font-size: 3.866666666666667vw;
  }
}
@media screen and (max-width: 1023px) {
  .p-work-top .c-work-top__chara__name {
    font-size: 4.9rem;
    line-height: 1;
    letter-spacing: 0.02em;
    margin-top: 2.666666666666667vw;
  }
}
.p-work-top .c-work-top__chara__name:before,
.p-work-top .c-work-top__chara__name:after {
  display: block;
  color: #249f45;
  font-size: 3rem;
  line-height: 0.966666666666667;
  letter-spacing: 0.03em;
}
@media screen and (max-width: 1023px) {
  .p-work-top .c-work-top__chara__name:before,
  .p-work-top .c-work-top__chara__name:after {
    font-size: 4vw;
  }
}
@media screen and (max-width: 1023px) {
  .p-work-top .c-work-top__chara__name:before,
  .p-work-top .c-work-top__chara__name:after {
    font-size: 6rem;
    line-height: 0.816666666666667;
    letter-spacing: 0.02em;
  }
}
@media screen and (max-width: 1023px) and (max-width: 1023px) {
  .p-work-top .c-work-top__chara__name:before,
  .p-work-top .c-work-top__chara__name:after {
    font-size: 8vw;
  }
}
.p-work-top .c-work-top__chara__name:before {
  content: '「';
}
@media screen and (min-width: 1024px) {
  .p-work-top .c-work-top__chara__name:before {
    margin-right: 1.3rem;
  }
}
.p-work-top .c-work-top__chara__name:after {
  content: '」';
}
@media screen and (min-width: 1024px) {
  .p-work-top .c-work-top__chara__name:after {
    margin-left: 1.3rem;
  }
}
@media screen and (max-width: 1023px) and (max-width: 1023px) {
  .p-work-top .c-work-top__chara__name {
    font-size: 6.533333333333332vw;
  }
}
.p-work-top .c-work-top__chara__figure {
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 1024px) {
  .p-work-top .c-work-top__chara__figure {
    cursor: pointer;
    width: 25.5rem;
    margin-top: 2.8rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-work-top .c-work-top__chara__figure {
    width: 51.46666666666667vw;
    margin-top: 4vw;
  }
}
.p-work-top .c-work-top__chara__detail {
  color: #000;
  font-size: 1.6rem;
  line-height: 1.8125;
  letter-spacing: 0.02em;
  margin-top: 1.4rem;
}
@media screen and (max-width: 1023px) {
  .p-work-top .c-work-top__chara__detail {
    font-size: 2.133333333333333vw;
  }
}
@media screen and (max-width: 1023px) {
  .p-work-top .c-work-top__chara__detail {
    font-size: 3.2rem;
    line-height: 1.59375;
    letter-spacing: 0.02em;
    margin-top: 1.866666666666667vw;
  }
}
@media screen and (max-width: 1023px) and (max-width: 1023px) {
  .p-work-top .c-work-top__chara__detail {
    font-size: 4.266666666666667vw;
  }
}
.p-top-opening {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 420;
  width: 100%;
  height: 100%;
  background-color: #fff;
  -webkit-transition: opacity 0.923s ease-out;
  transition: opacity 0.923s ease-out;
}
.p-top-opening.is-fadeout {
  opacity: 0;
}
.p-top-opening.is-hide {
  display: none;
}
.p-top-opening__title {
  margin: auto;
  opacity: 0;
  -webkit-transition: opacity 0.923s ease-out;
  transition: opacity 0.923s ease-out;
}
.p-top-opening__title.is-fadein {
  opacity: 1;
}
.p-top-opening__name {
  margin: 0 auto;
}
@media screen and (min-width: 1024px) {
  .p-top-opening__name {
    width: 89.444rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-top-opening__name {
    width: 90.20133333333334vw;
  }
}
@media screen and (min-width: 1024px) {
  .p-top-opening__metro {
    width: 14.45rem;
    margin: 5.95rem auto 0;
  }
}
@media screen and (max-width: 1023px) {
  .p-top-opening__metro {
    width: 19.26666666666667vw;
    margin: 8.466666666666667vw auto 0;
  }
}
.p-top-questions__item {
  position: absolute;
  z-index: 2;
  width: 2.842161583734617%;
}
html[lang="en"] .p-top-questions__item {
  width: 3.410593900481541%;
}
.p-top-questions__item a {
  display: block;
  -webkit-animation: cloudFloat 1.846s linear 0.5s infinite normal;
  animation: cloudFloat 1.846s linear 0.5s infinite normal;
  -webkit-transition: -webkit-transform 0.22s ease-in;
  transition: -webkit-transform 0.22s ease-in;
  transition: transform 0.22s ease-in;
  transition: transform 0.22s ease-in, -webkit-transform 0.22s ease-in;
}
.p-top-questions__item a:hover {
  -webkit-animation: none;
  animation: none;
}
@media screen and (min-width: 1024px) {
  .p-top-questions__item a:hover {
    -webkit-transform: translateY(0px) scale(1.1);
    transform: translateY(0px) scale(1.1);
  }
}
.p-top-questions__item.is-1 {
  top: 21.71945701357466%;
  left: 43.1960049937578%;
}
.p-top-questions__item.is-2 {
  top: 28.099547511312217%;
  left: 39.57553058676655%;
}
.p-top-questions__item.is-3 {
  top: 8.416289592760181%;
  left: 33.65436062065276%;
}
.p-top-questions__item.is-4 {
  top: 14.072398190045249%;
  left: 31.746031746031743%;
}
.p-top-questions__item.is-5 {
  top: 53.34841628959276%;
  left: 67.71892277510256%;
}
.p-top-questions__item.is-6 {
  top: 53.574660633484164%;
  left: 80.79186730872124%;
}
.p-top-questions__item.is-7 {
  top: 23.710407239819002%;
  left: 14.160870340645621%;
}
.p-top-questions__item.is-8 {
  top: 18.597285067873305%;
  left: 11.717495987158909%;
}
.p-top-questions__item.is-9 {
  top: 30.67873303167421%;
  left: 17.638665953272696%;
}
.p-top-questions__item.is-10 {
  top: 66.289592760181%;
  left: 40.98448368111289%;
}
.p-top-questions__item.is-11 {
  top: 40.76923076923077%;
  left: 62.297128589263416%;
}
.p-top-questions__item.is-12 {
  top: 46.334841628959275%;
  left: 48.47512038523274%;
}
.p-top-questions__item.is-13 {
  top: 49.095022624434385%;
  left: 69.89477438915641%;
}
.p-top-questions__item.is-14 {
  top: 0.904977375565611%;
  left: 57.62439807383628%;
}
.p-top-questions__item.is-15 {
  top: 10.226244343891402%;
  left: 48.4394506866417%;
}
.p-top-questions__item.is-16 {
  top: 20.81447963800905%;
  left: 52.88032816122704%;
}
.p-top-questions__item.is-17 {
  top: 34.61538461538461%;
  left: 62.60032102728732%;
}
.p-top-questions__item.is-18 {
  top: 51.67420814479639%;
  left: 46.97699304440878%;
}
.p-top-questions__item.is-19 {
  top: 17.873303167420815%;
  left: 58.58747993579454%;
}
.p-top-questions__item.is-20 {
  top: 47.782805429864254%;
  left: 77.84911717495987%;
}
.p-top-questions__item.is-21 {
  top: 42.62443438914027%;
  left: 74.31781701444623%;
}
.p-top-questions__item.is-22 {
  top: 16.199095022624434%;
  left: 40.77046548956662%;
}
.p-top-questions__item.is-23 {
  top: 34.16289592760181%;
  left: 76.51150347779561%;
}
.p-top-questions__item.is-24 {
  top: 37.37556561085973%;
  left: 23.649010165864098%;
}
.p-top-questions__item.is-25 {
  top: 33.57466063348416%;
  left: 73.06937756375959%;
}
.p-top-questions__item.is-26 {
  top: 28.144796380090497%;
  left: 74.85286249331193%;
}
.p-top-questions__item.is-27 {
  top: 12.262443438914026%;
  left: 12.823256643481361%;
}
.p-top-questions__q {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 72.03179334326876%;
  padding: 15.06024096385542% 16.94277108433735% 0 22.59036144578313%;
  -webkit-transform: skewY(-6.7deg);
  transform: skewY(-6.7deg);
}
.p-top-questions__q span {
  line-height: 1.3;
}
@media screen and (min-width: 1024px) {
  .p-top-questions__q span {
    font-size: 0.916666666666667vw;
  }
  .is-zoom .p-top-questions__q span {
    font-size: 0.628571428571429vw;
  }
}
@media screen and (max-width: 1023px) {
  .p-top-questions__q span {
    font-size: 1.896551724137931vw;
  }
  .is-zoom .p-top-questions__q span {
    font-size: 1.157894736842105vw;
  }
}
html[lang="en"] .p-top-questions__q {
  padding: 19.452811244979916% 20.08032128514056% 0 25.1004016064257%;
}
@media screen and (min-width: 1024px) {
  html[lang="en"] .p-top-questions__q span {
    font-size: 0.833333333333333vw;
  }
  .is-zoom html[lang="en"] .p-top-questions__q span {
    font-size: 0.571428571428571vw;
  }
}
.p-top-questions__btn {
  display: block;
  margin-top: -16.94277108433735%;
  padding-left: 26.36797188755021%;
  text-align: right;
}
.p-top-questions-modal {
  -webkit-transition: opacity 0.22s;
  transition: opacity 0.22s;
}
.p-top-questions-modal.is-hide {
  display: none;
}
.p-top-questions-modal.is-transparent {
  opacity: 0;
}
@media screen and (min-width: 1024px) {
  .p-top-questions-modal__container {
    width: 58.4rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-top-questions-modal__container {
    width: 86.4vw;
  }
}
.p-top-questions-modal__section {
  position: relative;
  width: 100%;
}
.p-top-questions-modal__section.is-hide {
  display: none;
}
@media screen and (min-width: 1024px) {
  .p-top-questions-modal__section {
    padding: 1.222222222222222em;
    font-size: 1.8rem;
    line-height: 1.777777777777778;
    border: 0.222222222222222em solid;
    border-radius: 0.888888888888889em;
  }
}
@media screen and (max-width: 1023px) {
  .p-top-questions-modal__section {
    padding: 3.2vw;
    font-size: 3.2vw;
    line-height: 1.666666666666667;
    border: 0.533333333333333vw solid;
    border-radius: 2.133333333333333vw;
  }
}
.p-top-questions-modal--fieldtrip {
  background-color: #ceeefe;
  border-color: #2c77e5;
}
.p-top-questions-modal--fieldtrip :focus-visible {
  outline: 6px auto #fc854e;
}
.p-top-questions-modal--sugoroku {
  background-color: #ffecac;
  border-color: #fc854e;
}
.p-top-questions-modal--work {
  background-color: #ffeaf4;
  border-color: #ef6e91;
}
.p-top-questions-modal--htt {
  background-color: #fff;
  border-color: #fff;
}
.p-top-questions-modal--handbook {
  background-color: #fff;
  border-color: #fff;
}
.p-top-questions-modal__head {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.p-top-questions-modal__q {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  position: relative;
}
@media screen and (min-width: 1024px) {
  .p-top-questions-modal__q {
    width: 11.828333333333333em;
  }
}
@media screen and (max-width: 1023px) {
  .p-top-questions-modal__q {
    width: 31.533333333333335vw;
  }
}
.p-top-questions-modal__q img {
  vertical-align: top;
}
.p-top-questions-modal__q span {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  line-height: 1.375;
  -webkit-transform: skewY(-6.7deg);
  transform: skewY(-6.7deg);
}
@media screen and (min-width: 1024px) {
  .p-top-questions-modal__q span {
    padding: 1.75em 2.25em 0 2.875em;
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-top-questions-modal__q span {
    padding: 4.133333333333333vw 4.8vw 0 6.133333333333333vw;
    font-size: 2.666666666666667vw;
  }
}
.p-top-questions-modal__info {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
}
@media screen and (min-width: 1024px) {
  .p-top-questions-modal__info {
    margin-left: 1.5em;
  }
}
@media screen and (max-width: 1023px) {
  .p-top-questions-modal__info {
    margin-left: 2.266666666666667vw;
  }
}
.p-top-questions-modal--fieldtrip .p-top-questions-modal__info {
  color: #2c77e5;
}
.p-top-questions-modal--sugoroku .p-top-questions-modal__info {
  color: #ff661f;
}
.p-top-questions-modal--work .p-top-questions-modal__info {
  color: #ef6e91;
}
.p-top-questions-modal__content {
  position: relative;
  text-align: center;
}
@media screen and (min-width: 1024px) {
  .p-top-questions-modal__content {
    margin-top: 1.277777777777778em;
    padding: 1.277777777777778em 0 1.5em;
    border-radius: 0.888888888888889em;
  }
}
@media screen and (max-width: 1023px) {
  .p-top-questions-modal__content {
    margin-top: 3.466666666666666vw;
    padding: 3.333333333333333vw 0 4.533333333333333vw;
    border-radius: 2.133333333333333vw;
  }
}
.p-top-questions-modal--fieldtrip .p-top-questions-modal__content {
  background-color: #2c77e5;
}
.p-top-questions-modal--sugoroku .p-top-questions-modal__content {
  background-color: #fc854e;
}
.p-top-questions-modal--work .p-top-questions-modal__content {
  background-color: #ef6e91;
}
.p-top-questions-modal--htt .p-top-questions-modal__content {
  background-color: #43aa43;
}
.p-top-questions-modal__icon {
  position: absolute;
  top: 0;
  left: 0;
}
@media screen and (min-width: 1024px) {
  .p-top-questions-modal__icon {
    width: 5.328333333333333em;
    -webkit-transform: translate(14.075695964967158%, 47.023250964445836%);
    transform: translate(14.075695964967158%, 47.023250964445836%);
  }
}
@media screen and (max-width: 1023px) {
  .p-top-questions-modal__icon {
    width: 13.925333333333334vw;
    -webkit-transform: translate(18.766756032171582%, 53.14055917273075%);
    transform: translate(18.766756032171582%, 53.14055917273075%);
  }
}
.p-top-questions-modal__lead {
  color: #fff;
}
.p-top-questions-modal__lead span {
  display: inline-block;
  line-height: 1;
  vertical-align: middle;
}
.p-top-questions-modal__lead span img {
  vertical-align: top;
}
@media screen and (min-width: 1024px) {
  .p-top-questions-modal__lead span {
    width: 0.855111111111111em;
  }
  .p-top-questions-modal__lead span:first-child {
    margin-right: 0.527777777777778em;
  }
  .p-top-questions-modal__lead span:last-child {
    margin-left: 0.527777777777778em;
  }
}
@media screen and (max-width: 1023px) {
  .p-top-questions-modal__lead span {
    width: 3.261333333333333vw;
  }
  .p-top-questions-modal__lead span:first-child {
    margin-right: 0.533333333333333vw;
  }
  .p-top-questions-modal__lead span:last-child {
    margin-left: 0.533333333333333vw;
  }
}
.p-top-questions-modal__name {
  margin: 0 auto;
}
@media screen and (min-width: 1024px) {
  .p-top-questions-modal--fieldtrip .p-top-questions-modal__name {
    width: 51.80639097744362%;
  }
}
@media screen and (max-width: 1023px) {
  .p-top-questions-modal--fieldtrip .p-top-questions-modal__name {
    width: 39.95466666666667vw;
  }
}
@media screen and (min-width: 1024px) {
  .p-top-questions-modal--sugoroku .p-top-questions-modal__name {
    width: 57.54135338345865%;
  }
}
@media screen and (max-width: 1023px) {
  .p-top-questions-modal--sugoroku .p-top-questions-modal__name {
    width: 35.664vw;
  }
}
@media screen and (min-width: 1024px) {
  .p-top-questions-modal--work .p-top-questions-modal__name {
    width: 46.535714285714285%;
  }
}
@media screen and (max-width: 1023px) {
  .p-top-questions-modal--work .p-top-questions-modal__name {
    width: 44.46933333333333vw;
  }
}
@media screen and (min-width: 1024px) {
  .p-top-questions-modal--htt .p-top-questions-modal__name {
    width: 60.007518796992485%;
  }
}
@media screen and (max-width: 1023px) {
  .p-top-questions-modal--htt .p-top-questions-modal__name {
    width: 48.852vw;
  }
}
@media screen and (min-width: 1024px) {
  .p-top-questions-modal--handbook .p-top-questions-modal__name {
    width: 93.98496240601504%;
  }
}
@media screen and (max-width: 1023px) {
  .p-top-questions-modal--handbook .p-top-questions-modal__name {
    width: 73.67466666666665vw;
  }
}
@media screen and (min-width: 1024px) {
  .p-top-questions-modal__link {
    margin-top: 3.759398496240602%;
  }
}
@media screen and (max-width: 1023px) {
  .p-top-questions-modal__link {
    margin-top: 2.666666666666667vw;
  }
}
@media screen and (min-width: 1024px) {
  .p-top-questions-modal__link .m-sugoroku-btn {
    font-size: 2.1rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-top-questions-modal__link .m-sugoroku-btn {
    font-size: 3.466666666666666vw;
  }
}
.p-top-questions-modal__close {
  position: relative;
  overflow: visible;
  width: 100%;
  height: 0;
  margin: 0;
  padding: 0;
  background-color: transparent;
  text-align: right;
  border: none;
  cursor: pointer;
}
.p-top-questions-modal__close img {
  position: relative;
  z-index: 340;
  vertical-align: top;
  -webkit-transform: translate(50%, -50%);
  transform: translate(50%, -50%);
}
@media screen and (min-width: 1024px) {
  .p-top-questions-modal__close img {
    width: 4.863rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-top-questions-modal__close img {
    width: 7.202666666666667vw;
  }
}
.p-top-questions-modal__close:focus img {
  outline: auto;
}
.p-top-htt-modal__hdg {
  text-align: center;
}
.p-top-htt-modal__hdg span {
  display: inline-block;
  background-color: #4db2e9;
  color: #fff;
}
@media screen and (min-width: 1024px) {
  .p-top-htt-modal__hdg span {
    padding: 0.14em 0.768em 0.14em 0.872em;
    font-size: 2.5rem;
    line-height: 1.4;
    border-radius: 0.84em;
  }
}
@media screen and (max-width: 1023px) {
  .p-top-htt-modal__hdg span {
    padding: 0.533333333333333vw 2.933333333333333vw 0.533333333333333vw 3.866666666666667vw;
    font-size: 4.533333333333333vw;
    line-height: 1.411764705882353;
    border-radius: 3.733333333333334vw;
  }
}
.p-top-htt-modal__lead {
  text-align: center;
}
@media screen and (min-width: 1024px) {
  .p-top-htt-modal__lead {
    margin-top: 0.65em;
    font-size: 1.8rem;
    line-height: 1.777777777777778;
  }
}
@media screen and (max-width: 1023px) {
  .p-top-htt-modal__lead {
    margin-top: 1.346666666666667vw;
    font-size: 3.2vw;
    line-height: 1.458333333333333;
  }
}
.p-top-handbook-modal__hdg {
  text-align: center;
}
.p-top-handbook-modal__hdg span {
  display: inline-block;
  background-color: #3a8d2b;
  color: #fff;
}
@media screen and (min-width: 1024px) {
  .p-top-handbook-modal__hdg span {
    padding: 0.14em 0.768em 0.14em 0.872em;
    font-size: 2.5rem;
    line-height: 1.4;
    border-radius: 0.84em;
  }
}
@media screen and (max-width: 1023px) {
  .p-top-handbook-modal__hdg span {
    padding: 0.533333333333333vw 2.933333333333333vw 0.533333333333333vw 3.866666666666667vw;
    font-size: 4.533333333333333vw;
    line-height: 1.411764705882353;
    border-radius: 3.733333333333334vw;
  }
}
.p-top-handbook-modal__lead {
  text-align: center;
  color: #000;
}
@media screen and (min-width: 1024px) {
  .p-top-handbook-modal__lead {
    margin-top: 4.3rem;
    font-size: 1.8rem;
    line-height: 1.777777777777778;
  }
}
@media screen and (max-width: 1023px) {
  .p-top-handbook-modal__lead {
    margin-top: 5.333333333333334vw;
    font-size: 3.2vw;
    line-height: 1.458333333333333;
  }
}
@media screen and (min-width: 1024px) {
  .p-top-handbook-modal__lead.is-kodomo-mirai {
    margin-top: 2.9rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-top-handbook-modal__lead.is-kodomo-mirai {
    margin-top: 2.533333333333333vw;
  }
}
.p-top-handbook-modal__text {
  position: relative;
  text-align: center;
  background-color: rgba(128,185,0,0.3);
  color: #000;
}
@media screen and (min-width: 1024px) {
  .p-top-handbook-modal__text {
    margin-top: 4.2rem;
    font-size: 1.8rem;
    line-height: 1.555555555555556;
    padding: 1.5rem 0;
    margin-bottom: 3rem;
    border-radius: 1.5rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-top-handbook-modal__text {
    margin-top: 5.333333333333334vw;
    margin-bottom: 3.333333333333333vw;
    font-size: 2.4vw;
    line-height: 1.555555555555556;
    padding: 2vw 0;
    border-radius: 2vw;
  }
}
.p-top-handbook-modal__text::after {
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 0.857142857142857em;
  height: 0.75em;
  background-image: url("/assets/images/common/icon-triangle-bottom-lightgreen.svg");
  background-size: 100% auto;
  border-radius: 100%;
  content: '';
  -webkit-transform: translate(-50%, 65%);
  transform: translate(-50%, 65%);
}
@media screen and (min-width: 1024px) {
  .p-top-handbook-modal__text.is-kodomo-mirai {
    margin-top: 2.9rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-top-handbook-modal__text.is-kodomo-mirai {
    margin-top: 2.533333333333333vw;
  }
}
.p-top-questions-modal--learning-spot .p-top-handbook-modal__hdg span {
  background-color: #9d68e6;
}
.p-top-balloon__item {
  position: absolute;
  z-index: 1;
  width: 3.285357588728376%;
}
.p-top-balloon__item.is-small {
  width: 2.235241662207955%;
}
.p-top-balloon__item a {
  display: block;
  animation: cloudFloat 1.846s linear 0.5s infinite reverse;
  -webkit-transition: -webkit-transform 0.22s ease-in;
  transition: -webkit-transform 0.22s ease-in;
  transition: transform 0.22s ease-in;
  transition: transform 0.22s ease-in, -webkit-transform 0.22s ease-in;
}
.p-top-balloon__item a:hover {
  -webkit-animation: none;
  animation: none;
}
@media screen and (min-width: 1024px) {
  .p-top-balloon__item a:hover {
    -webkit-transform: translateY(0px) scale(1.1);
    transform: translateY(0px) scale(1.1);
  }
}
.p-top-balloon__item.is-concours {
  top: 16.312162895927603%;
  left: 27.603085428928125%;
}
.p-top-balloon__item.is-event {
  top: 44.8940814479638%;
  left: 30.59284465846264%;
}
.p-top-balloon__item.is-questionaire {
  top: 12.15327149321267%;
  left: 23.39748706973426%;
}
.p-top-balloon__item.is-about {
  top: 7.373466063348416%;
  left: 66.38179061886927%;
}
.p-top-balloon__item.is-project {
  top: 16.551420814479638%;
  left: 69.29197075084716%;
}
.p-top-balloon__item.is-link {
  top: 47.56158371040725%;
  left: 64.77588906723739%;
}
.p-top-balloon__item.is-application {
  top: -9.990533936651582%;
  left: 63.07019261637239%;
}
.p-top-balloon__item.is-workshop {
  top: 17.812298642533936%;
  left: 47.72914214374888%;
}
.p-top-balloon__item.is-photo {
  top: 16.092841628959278%;
  left: 47.50085607276618%;
}
.p-top-balloon__txt {
  position: absolute;
  top: 49.54698092884749%;
  left: 26.22007491449975%;
  width: 47.76613647467563%;
}
.is-photo .p-top-balloon__txt {
  top: 45.96992567840065%;
}
.p-top-news {
  position: fixed;
  z-index: 4;
}
.p-top-news.is-hide {
  display: none;
}
@media screen and (min-width: 1024px) {
  .p-top-news {
    font-size: 1.4rem;
    line-height: 1.357142857142857;
    bottom: 107px;
    right: 19px;
  }
}
@media screen and (max-width: 1023px) {
  .p-top-news {
    bottom: 19.333333333333332vw;
    right: 8.666666666666668vw;
  }
}
.p-top-news__hdg {
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  overflow: hidden;
  background-color: #464646;
  color: #fff;
}
@media screen and (min-width: 1024px) {
  .p-top-news__hdg {
    padding: 0.642857142857143em 0.857142857142857em;
    border: 3px solid #464646;
    border-right: none;
    border-radius: 13px 0 0 13px;
  }
}
@media screen and (max-width: 1023px) {
  .p-top-news__hdg {
    padding: 1.866666666666667vw 4vw;
    font-size: 3.866666666666667vw;
    line-height: 1.379310344827586;
    border: 0.4vw solid #464646;
    border-right: none;
    border-radius: 1.733333333333333vw 0 0 1.733333333333333vw;
  }
}
.p-top-news__content__item {
  margin-top: 7px;
}
.p-top-news__txt {
  position: relative;
  background-color: #fff;
}
@media screen and (min-width: 1024px) {
  .p-top-news__txt {
    width: 19.642857142857142em;
    border-radius: 13px;
    padding: 8px 30px 8px 18px;
  }
}
@media screen and (max-width: 1023px) {
  .p-top-news__txt {
    border-radius: 1.733333333333333vw;
    padding: 2.933333333333333vw 8.4vw 2.933333333333333vw 5.333333333333334vw;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
.p-top-news__txt::before {
  content: '';
  display: block;
  position: absolute;
  background-image: url("/assets/images/common/icon-arrow-simple-right-green.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-size: cover;
  background-repeat: no-repeat;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  top: 50%;
  right: 0;
}
@media screen and (min-width: 1024px) {
  .p-top-news__txt::before {
    width: 1.7rem;
    height: 1.1rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-top-news__txt::before {
    width: 4vw;
    height: 2.666666666666667vw;
  }
}
.p-top-news__txt__content01 {
  font-size: 1rem;
  color: #13882c;
}
@media screen and (max-width: 1023px) {
  .p-top-news__txt__content01 {
    font-size: 3.2vw;
    padding-right: 1.733333333333333vw;
  }
}
.p-top-news__txt__content02 {
  font-size: 1.2rem;
}
@media screen and (max-width: 1023px) {
  .p-top-news__txt__content02 {
    font-size: 2.4rem;
    font-size: 3.2vw;
    width: 49.333333333333336vw;
    line-height: 1.3;
  }
}
.p-top-news__new__information {
  position: absolute;
  top: 0px;
  left: 0px;
  magin: 0;
  background-color: transparent;
  text-align: center;
  border: none;
  border-radius: 100%;
  z-index: 1;
}
@media screen and (min-width: 1024px) {
  .p-top-news__new__information {
    width: 4.625em;
    height: 4.625em;
    -webkit-transform: translate(-56%, -54%);
    transform: translate(-56%, -54%);
  }
}
@media screen and (max-width: 1023px) {
  .p-top-news__new__information {
    width: 16vw;
    height: 16vw;
    -webkit-transform: translate(-50%, -58%);
    transform: translate(-50%, -58%);
  }
}
.p-top-news__new__information img {
  vertical-align: top;
}
.p-top-zoom {
  position: fixed;
  z-index: 3;
}
@media screen and (min-width: 1024px) {
  .p-top-zoom {
    bottom: 123px;
    left: 1.756954612005857%;
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-top-zoom {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    top: 3.866666666666667vw;
    left: 3.466666666666666vw;
    font-size: 2.533333333333333vw;
  }
}
.p-top-zoom__text {
  position: relative;
  background-color: #fff;
  text-align: center;
}
.p-top-zoom__text::before,
.p-top-zoom__text::after {
  position: absolute;
  width: 0;
  height: 0;
  margin: auto;
  content: '';
}
@media screen and (min-width: 1024px) {
  .p-top-zoom__text {
    padding: 0.3125em;
    line-height: 1.3125;
    border: 0.1875em solid #45b463;
    border-radius: 11px;
  }
  .p-top-zoom__text::before,
  .p-top-zoom__text::after {
    right: 0;
    left: 0;
    border-right: 0.5em solid transparent;
    border-left: 0.5em solid transparent;
  }
  .p-top-zoom__text::before {
    bottom: -0.625em;
    border-top: 0.5em solid #45b463;
  }
  .p-top-zoom__text::after {
    bottom: -0.375em;
    border-top: 0.5em solid #fff;
  }
}
@media screen and (max-width: 1023px) {
  .p-top-zoom__text {
    margin-left: 3.2vw;
    padding: 0.933333333333333vw;
    line-height: 1.315789473684211;
    border: 0.4vw solid #45b463;
    border-radius: 1.466666666666667vw;
  }
  .p-top-zoom__text::before,
  .p-top-zoom__text::after {
    top: 0;
    bottom: 0;
    border-top: 1.066666666666667vw solid transparent;
    border-bottom: 1.066666666666667vw solid transparent;
  }
  .p-top-zoom__text::before {
    left: -1.333333333333333vw;
    border-right: 1.066666666666667vw solid #45b463;
  }
  .p-top-zoom__text::after {
    left: -0.8vw;
    border-right: 1.066666666666667vw solid #fff;
  }
}
@media screen and (min-width: 1024px) {
  .p-top-zoom__ui {
    width: 4.75em;
    margin: 1em auto 0;
    cursor: pointer;
  }
}
@media screen and (max-width: 1023px) {
  .p-top-zoom__ui {
    width: 12.133333333333333vw;
  }
}
.p-top-zoom--in {
  display: none;
}
.p-top-zoom--out {
  display: block;
}
.is-zoom .p-top-zoom--in {
  display: block;
}
.is-zoom .p-top-zoom--out {
  display: none;
}
@-webkit-keyframes cloudFloat {
  0% {
    -webkit-transform: translateY(0px) scale(1);
    transform: translateY(0px) scale(1);
  }
  25% {
    -webkit-transform: translateY(6px) scale(1);
    transform: translateY(6px) scale(1);
  }
  75% {
    -webkit-transform: translateY(-6px) scale(1);
    transform: translateY(-6px) scale(1);
  }
  100% {
    -webkit-transform: translateY(0px) scale(1);
    transform: translateY(0px) scale(1);
  }
}
@keyframes cloudFloat {
  0% {
    -webkit-transform: translateY(0px) scale(1);
    transform: translateY(0px) scale(1);
  }
  25% {
    -webkit-transform: translateY(6px) scale(1);
    transform: translateY(6px) scale(1);
  }
  75% {
    -webkit-transform: translateY(-6px) scale(1);
    transform: translateY(-6px) scale(1);
  }
  100% {
    -webkit-transform: translateY(0px) scale(1);
    transform: translateY(0px) scale(1);
  }
}
.p-sugoroku-action {
  display: none;
  position: fixed;
  bottom: 50%;
  left: 50%;
  z-index: 170;
}
@media screen and (min-width: 1024px) {
  .p-sugoroku-action {
    margin-bottom: 4.705882352941177vw;
    -webkit-transform: translate(-50%, -10%);
    transform: translate(-50%, -10%);
  }
}
@media screen and (max-width: 1023px) {
  .p-sugoroku-action {
    -webkit-transform: translate(-50%, -38.00217155266015%);
    transform: translate(-50%, -38.00217155266015%);
  }
}
.p-sugoroku-action.is-show {
  display: block;
}
.p-sugoroku-action__label {
  margin: auto;
  background-color: #fd7c41;
  text-align: center;
  color: #fff;
}
@media screen and (min-width: 1024px) {
  .p-sugoroku-action__label {
    padding: 0.7675em 0.635em 0.7675em 1.135em;
    font-size: 4rem;
    line-height: 1.4;
    border-radius: 0.625em;
  }
}
@media screen and (max-width: 1023px) {
  .p-sugoroku-action__label {
    padding: 0.764150943396226em 0.405660377358491em 0.764150943396226em 0.905660377358491em;
    font-size: 7.066666666666667vw;
    line-height: 1.39622641509434;
    border-radius: 3.333333333333333vw;
  }
}
.p-sugoroku-action__label.is-hide {
  display: none;
}
.p-sugoroku-correct__label {
  margin: auto;
  text-align: center;
  color: #fff;
}
@media screen and (min-width: 1024px) {
  .p-sugoroku-correct__label {
    width: 10.484411764705882em;
    padding: 0.411764705882353em 0;
    font-size: 3.4rem;
    line-height: 1.308823529411765;
    border-radius: 0.735294117647059em;
  }
}
@media screen and (max-width: 1023px) {
  .p-sugoroku-correct__label {
    width: 72.23866666666666vw;
    padding: 0.471698113207547em 0;
    font-size: 7.066666666666667vw;
    line-height: 1.320754716981132;
    border-radius: 3.333333333333333vw;
  }
}
.p-sugoroku-correct__label.is--type-correct {
  background: url("/assets/images/sugoroku/quiz/img_correct_bg_01.png") no-repeat 0 100%, url("/assets/images/sugoroku/quiz/img_correct_bg_02.png") no-repeat 100% 100%;
  background-color: #ff9d00;
}
@media screen and (min-width: 1024px) {
  .p-sugoroku-correct__label.is--type-correct {
    background-size: 23.00333828933711% auto, 25.31489325889976% auto;
  }
}
@media screen and (max-width: 1023px) {
  .p-sugoroku-correct__label.is--type-correct {
    background-size: 23.440816552538806% auto, 25.4711234980343% auto;
  }
}
.p-sugoroku-correct__label.is--type-incorrect {
  background: url("/assets/images/sugoroku/quiz/img_incorrect_bg_01.png") no-repeat 0 100%, url("/assets/images/sugoroku/quiz/img_incorrect_bg_02.png") no-repeat 94.66995820125116% 100%;
  background-color: #227ffb;
}
@media screen and (min-width: 1024px) {
  .p-sugoroku-correct__label.is--type-incorrect {
    background-size: 29.455494150980442% auto, 16.610093415995735% auto;
  }
}
@media screen and (max-width: 1023px) {
  .p-sugoroku-correct__label.is--type-incorrect {
    background-size: 30.45460418243231% auto, 16.711271895014676% auto;
  }
}
.p-sugoroku-correct__label.is-hide {
  display: none;
}
.p-sugoroku-action__exclamation {
  position: relative;
  background-color: #fff;
  text-align: center;
  color: #f00;
  border-radius: 100%;
}
.p-sugoroku-action__exclamation svg {
  vertical-align: middle;
}
.p-sugoroku-action__exclamation::after {
  position: absolute;
  right: 0;
  left: 0;
  margin: auto;
  background: url("/assets/images/sugoroku/img_balloon_triangle.svg") no-repeat 0 0;
  background-size: 100% auto;
  content: '';
}
@media screen and (min-width: 1024px) {
  .p-sugoroku-action__exclamation {
    width: 1.65em;
    height: 1.65em;
    margin: 0.625em auto 0;
    font-size: 4rem;
    line-height: 1.65;
  }
  .p-sugoroku-action__exclamation::after {
    bottom: -0.25em;
    width: 0.325em;
    height: 0.45em;
  }
}
@media screen and (max-width: 1023px) {
  .p-sugoroku-action__exclamation {
    width: 1.6875em;
    height: 1.6875em;
    margin: 0.3859375em auto 0;
    font-size: 8.533333333333333vw;
    line-height: 1.6875;
  }
  .p-sugoroku-action__exclamation::after {
    bottom: -0.28125em;
    width: 0.34375em;
    height: 0.5em;
  }
}
.p-sugoroku-autosave {
  display: none;
  position: fixed;
  text-align: center;
}
@media screen and (min-width: 1024px) {
  .p-sugoroku-autosave {
    top: 35.7rem;
    left: 3.1rem;
    width: 14.2rem;
    font-size: 2.4rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-sugoroku-autosave {
    top: 53.6vw;
    left: 4.399999999999999vw;
    width: 20.266666666666666vw;
    font-size: 3.733333333333334vw;
  }
}
.p-sugoroku-autosave.is-show {
  display: block;
}
.p-sugoroku-setting__select,
.p-sugoroku-setting__nickname,
.p-sugoroku-setting__cofirm {
  display: none;
}
.p-sugoroku-setting__select.is-show,
.p-sugoroku-setting__nickname.is-show,
.p-sugoroku-setting__cofirm.is-show {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.m-sugoroku-modal-section__inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
@media screen and (min-width: 1024px) {
  .m-sugoroku-modal-section__inner {
    min-height: 46rem;
  }
}
@media screen and (max-width: 1023px) {
  .m-sugoroku-modal-section__inner {
    min-height: 116.8vw;
  }
}
.p-sugoroku-select-character {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  line-height: 1.4;
}
@media screen and (min-width: 1024px) {
  .p-sugoroku-select-character {
    margin-top: 5.859375%;
  }
}
@media screen and (max-width: 1023px) {
  .p-sugoroku-select-character {
    width: 74vw;
    margin: 4.213333333333334vw auto 0;
  }
}
@media screen and (min-width: 1024px) {
  .p-sugoroku-select-character__item {
    width: 22.0703125%;
  }
}
@media screen and (max-width: 1023px) {
  .p-sugoroku-select-character__item {
    width: 35.6vw;
  }
  .p-sugoroku-select-character__item:nth-child(n + 3) {
    margin-top: 3.693333333333333vw;
  }
}
.p-sugoroku-select-character__item label {
  display: block;
  height: 100%;
  cursor: pointer;
}
.p-sugoroku-select-character__item input[type=radio] {
  position: absolute;
}
.p-sugoroku-select-character__fig {
  position: relative;
  height: 100%;
}
@media screen and (min-width: 1024px) {
  .p-sugoroku-select-character__fig {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-sugoroku-select-character__fig {
    font-size: 3.2vw;
  }
}
.p-sugoroku-select-character__img {
  display: block;
  background-color: #fff1b9;
  border: solid #fff1b9;
}
@media screen and (min-width: 1024px) {
  .p-sugoroku-select-character__img {
    height: 9.5em;
    border-width: 0.25em;
    border-radius: 0.75em;
  }
  .p-sugoroku-select-character__img.is--select-1 {
    padding: 1.7125em 0 0.9875em;
  }
  .p-sugoroku-select-character__img.is--select-2 {
    padding: 1.80625em 0 1.08125em;
  }
  .p-sugoroku-select-character__img.is--select-3 {
    padding: 2.65625em 0 1.5em;
  }
  .p-sugoroku-select-character__img.is--select-4 {
    padding: 3.38125em 0 2.21875em;
  }
}
@media screen and (max-width: 1023px) {
  .p-sugoroku-select-character__img {
    height: 28.000000000000004vw;
    border-width: 0.933333333333333vw;
    border-radius: 1.6vw;
  }
  .p-sugoroku-select-character__img.is--select-1 {
    padding: 3.04vw 0 3.84vw;
  }
  .p-sugoroku-select-character__img.is--select-2 {
    padding: 4.266666666666667vw 0 3.186666666666667vw;
  }
  .p-sugoroku-select-character__img.is--select-3 {
    padding: 6.693333333333333vw 0 4.626666666666667vw;
  }
  .p-sugoroku-select-character__img.is--select-4 {
    padding: 8.866666666666667vw 0 6.866666666666667vw;
  }
}
.p-sugoroku-select-character__img.is-confirm {
  background-color: transparent;
  border: none;
}
@media screen and (min-width: 1024px) {
  .p-sugoroku-select-character__img.is-confirm {
    height: 8.8125em;
    margin-top: 1.1875em;
    padding: 0;
  }
  .p-sugoroku-select-character__img.is-confirm.is--select-2 {
    padding: 0.132091274568195em 0;
  }
  .p-sugoroku-select-character__img.is-confirm.is--select-3 {
    padding: 1.017365247170935em 0;
  }
  .p-sugoroku-select-character__img.is-confirm.is--select-4 {
    padding: 2.027732281119714em 0;
  }
}
@media screen and (max-width: 1023px) {
  .p-sugoroku-select-character__img.is-confirm {
    height: 32.93333333333333vw;
    margin-top: 3.466666666666666vw;
    padding: 0;
  }
  .p-sugoroku-select-character__img.is-confirm.is--select-2 {
    padding: 0.419718894966421vw 0;
  }
  .p-sugoroku-select-character__img.is-confirm.is--select-3 {
    padding: 3.231738558471232vw 0;
  }
  .p-sugoroku-select-character__img.is-confirm.is--select-4 {
    padding: 6.442151907498443vw 0;
  }
}
.p-sugoroku-select-character__img img {
  width: auto;
  height: 100%;
  max-width: none;
  max-height: 100%;
}
@media screen and (min-width: 1024px) {
  .p-sugoroku-select-character__caption {
    margin-top: 0.9375em;
  }
}
@media screen and (max-width: 1023px) {
  .p-sugoroku-select-character__caption {
    margin-top: 2.04vw;
  }
}
.p-sugoroku-select-character__chk {
  position: absolute;
  top: 0;
  left: 0;
  background: #fff url("/assets/images/sugoroku/icon_check.svg") no-repeat center;
}
@media screen and (min-width: 1024px) {
  .p-sugoroku-select-character__chk {
    width: 24.778761061946902%;
    padding-top: 23.893805309734514%;
    background-size: 55.285714285714285% auto;
    border-radius: 0.375em;
    -webkit-transform: translate(42.857142857142854%, 48.148148148148145%);
    transform: translate(42.857142857142854%, 48.148148148148145%);
  }
}
@media screen and (max-width: 1023px) {
  .p-sugoroku-select-character__chk {
    width: 7.066666666666667vw;
    padding-top: 6.800000000000001vw;
    background-size: 57.05769230769231% auto;
    border-radius: 0.8vw;
    -webkit-transform: translate(32.075471698113205%, 35.294117647058826%);
    transform: translate(32.075471698113205%, 35.294117647058826%);
  }
}
input:checked + .p-sugoroku-select-character__fig .p-sugoroku-select-character__img {
  border-color: #fd7c41;
}
input:checked + .p-sugoroku-select-character__fig .p-sugoroku-select-character__chk {
  background-image: url("/assets/images/sugoroku/icon_check_active.svg");
}
.p-sugoroku-setting__name {
  display: block;
  width: 96.07843137254902%;
  margin: 0 auto;
  background-color: #e8e8e8;
  border: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media screen and (min-width: 1024px) {
  .p-sugoroku-setting__name {
    margin-top: 0.607142857142857em;
    padding: 1.071428571428571em;
    font-size: 2.8rem;
    border-radius: 0.535714285714286em;
  }
}
@media screen and (max-width: 1023px) {
  .p-sugoroku-setting__name {
    margin-top: 2.533333333333333vw;
    padding: 5.066666666666666vw 4.533333333333333vw;
    font-size: 4.266666666666667vw;
    border-radius: 1.6vw;
  }
}
.p-sugoroku-setting__notice {
  text-align: center;
  line-height: 1.375;
  color: #f00;
}
@media screen and (min-width: 1024px) {
  .p-sugoroku-setting__notice {
    margin-top: 2.439024390243902%;
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-sugoroku-setting__notice {
    margin-top: 1.866666666666667vw;
    font-size: 4.266666666666667vw;
  }
}
.p-sugoroku-setting__notice.is-hide {
  display: none;
}
@media screen and (min-width: 1024px) {
  .p-sugoroku-setting__namebox {
    margin-top: 5.642023346303502%;
  }
}
@media screen and (max-width: 1023px) {
  .p-sugoroku-setting__namebox {
    margin-top: 12.266666666666666vw;
  }
}
.p-sugoroku-charmlist__section {
  background-color: #fff1b9;
}
.p-sugoroku-charmlist__hdg {
  background-color: #fd7c41;
  color: #fff;
}
@media screen and (min-width: 1024px) {
  .p-sugoroku-charmlist__hdg {
    padding: 0.523809523809524em 0;
    font-size: 2.1rem;
    line-height: 1.428571428571429;
    border-radius: 0.523809523809524em;
  }
}
@media screen and (max-width: 1023px) {
  .p-sugoroku-charmlist__hdg {
    padding: 2.933333333333333vw 0;
    font-size: 4.8vw;
    line-height: 1.388888888888889;
    border-radius: 2.133333333333333vw;
  }
}
.p-sugoroku-charmlist__lead {
  line-height: 1.607142857142857;
}
@media screen and (min-width: 1024px) {
  .p-sugoroku-charmlist__lead {
    margin-top: 0.944444444444444em;
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-sugoroku-charmlist__lead {
    margin-top: 4.533333333333333vw;
    font-size: 3.733333333333334vw;
  }
}
.p-sugoroku-charmlist__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media screen and (min-width: 1024px) {
  .p-sugoroku-charmlist__list {
    margin-top: 5.252918287937743%;
  }
}
@media screen and (max-width: 1023px) {
  .p-sugoroku-charmlist__list {
    margin-top: 4.466666666666667vw;
  }
}
.p-sugoroku-charmlist__item {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
@media screen and (min-width: 1024px) {
  .p-sugoroku-charmlist__item {
    width: 48.249027237354085%;
    font-size: 1.8rem;
  }
  .p-sugoroku-charmlist__item:nth-child(n + 3) {
    margin-top: 3.501945525291829%;
  }
}
@media screen and (max-width: 1023px) {
  .p-sugoroku-charmlist__item {
    width: 48.28828828828829%;
    font-size: 2.666666666666667vw;
  }
  .p-sugoroku-charmlist__item:nth-child(n + 3) {
    margin-top: 2.533333333333333vw;
  }
}
.p-sugoroku-charmlist__item a {
  display: block;
  position: relative;
  overflow: hidden;
  height: 100%;
  background-color: #fff;
}
.p-sugoroku-charmlist__item a.is-hide {
  pointer-events: none;
}
@media screen and (min-width: 1024px) {
  .p-sugoroku-charmlist__item a {
    border-radius: 1.222222222222222em;
  }
}
@media screen and (max-width: 1023px) {
  .p-sugoroku-charmlist__item a {
    border-radius: 0.8em;
  }
}
.p-sugoroku-charmlist__number {
  display: inline-block;
  background-color: #000;
  text-align: center;
  color: #fff;
  vertical-align: middle;
  border-radius: 100%;
}
@media screen and (min-width: 1024px) {
  .p-sugoroku-charmlist__number {
    width: 2em;
    font-size: 2rem;
    line-height: 2;
  }
}
@media screen and (max-width: 1023px) {
  .p-sugoroku-charmlist__number {
    width: 2.095238095238095em;
    font-size: 2.8vw;
    line-height: 2.095238095238095;
  }
}
.p-sugoroku-charmlist__item .p-sugoroku-charmlist__number {
  position: absolute;
  top: 0;
  left: 0;
}
@media screen and (min-width: 1024px) {
  .p-sugoroku-charmlist__item .p-sugoroku-charmlist__number {
    -webkit-transform: translate(37.5%, 37.5%);
    transform: translate(37.5%, 37.5%);
  }
}
@media screen and (max-width: 1023px) {
  .p-sugoroku-charmlist__item .p-sugoroku-charmlist__number {
    -webkit-transform: translate(36.36363636363637%, 36.36363636363637%);
    transform: translate(36.36363636363637%, 36.36363636363637%);
  }
}
.p-sugoroku-charmlist__fig {
  height: 100%;
  padding-top: 10.887096774193548%;
}
.p-sugoroku-charmlist__img {
  display: block;
  position: relative;
  padding-top: 68.14516129032258%;
}
.p-sugoroku-charmlist__img img {
  position: absolute;
  top: 0;
  left: 0;
}
.p-sugoroku-charmlist__caption {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  min-height: 4.388888888888889em;
  padding: 0.722222222222222em 2.222222222222222em;
  line-height: 1.25;
}
@media screen and (min-width: 1024px) {
  .p-sugoroku-charmlist__caption {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-sugoroku-charmlist__caption {
    font-size: 2.666666666666667vw;
  }
}
.p-sugoroku-charmlist__arrow {
  position: absolute;
  right: 0;
  bottom: 0;
}
@media screen and (min-width: 1024px) {
  .p-sugoroku-charmlist__arrow {
    width: 22.810483870967744%;
  }
}
@media screen and (max-width: 1023px) {
  .p-sugoroku-charmlist__arrow {
    width: 8.212vw;
  }
}
.p-sugoroku-charmlist__arrow img {
  vertical-align: top;
}
.p-sugoroku-charm-detail {
  text-align: left;
}
@media screen and (min-width: 1024px) {
  .p-sugoroku-charm-detail__hdg {
    font-size: 2.8rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-sugoroku-charm-detail__hdg {
    font-size: 5.333333333333334vw;
  }
}
@media screen and (min-width: 1024px) {
  .p-sugoroku-charm-detail__hdg .p-sugoroku-charmlist__number {
    margin-right: 0.392857142857143em;
  }
}
@media screen and (max-width: 1023px) {
  .p-sugoroku-charm-detail__hdg .p-sugoroku-charmlist__number {
    margin-right: 0.275em;
  }
}
.p-sugoroku-charm-detail__head {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
@media screen and (min-width: 1024px) {
  .p-sugoroku-charm-detail__head {
    margin-top: 1.945525291828794%;
  }
}
@media screen and (max-width: 1023px) {
  .p-sugoroku-charm-detail__head {
    margin-top: 3.16vw;
  }
}
.p-sugoroku-charm-detail__fig {
  position: relative;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
@media screen and (min-width: 1024px) {
  .p-sugoroku-charm-detail__fig {
    width: 48.249027237354085%;
    padding-top: 32.87937743190661%;
  }
}
@media screen and (max-width: 1023px) {
  .p-sugoroku-charm-detail__fig {
    width: 37.808vw;
    padding-top: 25.765333333333334vw;
  }
}
.p-sugoroku-charm-detail__fig img {
  position: absolute;
  top: 0;
  left: 0;
}
.p-sugoroku-charm-detail-q {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
@media screen and (min-width: 1024px) {
  .p-sugoroku-charm-detail-q {
    width: 45.525291828793776%;
  }
}
@media screen and (max-width: 1023px) {
  .p-sugoroku-charm-detail-q {
    width: 36vw;
  }
}
.p-sugoroku-charm-detail-q__hdg,
.p-sugoroku-charm-explain__hdg {
  background-color: #fd7c41;
  text-align: center;
  color: #fff;
}
@media screen and (min-width: 1024px) {
  .p-sugoroku-charm-detail-q__hdg,
  .p-sugoroku-charm-explain__hdg {
    padding: 0.428571428571429em 0.714285714285714em;
    font-size: 1.4rem;
    line-height: 1.357142857142857;
    border-radius: 0.428571428571429em;
  }
}
@media screen and (max-width: 1023px) {
  .p-sugoroku-charm-detail-q__hdg,
  .p-sugoroku-charm-explain__hdg {
    padding: 1.066666666666667vw;
    font-size: 3.2vw;
    line-height: 1.416666666666667;
    border-radius: 1.466666666666667vw;
  }
}
.p-sugoroku-charm-detail-q__hdg {
  display: inline-block;
}
@media screen and (min-width: 1024px) {
  .p-sugoroku-charm-detail-q__text,
  .p-sugoroku-charm-detail-q__answer {
    font-size: 1.8rem;
    line-height: 1.777777777777778;
  }
}
@media screen and (max-width: 1023px) {
  .p-sugoroku-charm-detail-q__text,
  .p-sugoroku-charm-detail-q__answer {
    font-size: 3.733333333333334vw;
    line-height: 1.6;
  }
}
@media screen and (min-width: 1024px) {
  .p-sugoroku-charm-detail-q__text {
    margin-top: 6.153846153846154%;
  }
}
@media screen and (max-width: 1023px) {
  .p-sugoroku-charm-detail-q__text {
    margin-top: 1.853333333333333vw;
  }
}
.p-sugoroku-charm-detail-q__answer {
  color: #fd7c41;
}
@media screen and (min-width: 1024px) {
  .p-sugoroku-charm-explain {
    margin-top: 4.43579766536965%;
  }
}
@media screen and (max-width: 1023px) {
  .p-sugoroku-charm-explain {
    margin-top: 6.026666666666667vw;
  }
}
@media screen and (min-width: 1024px) {
  .p-sugoroku-charm-explain__text {
    margin-top: 3.501945525291829%;
    font-size: 1.6rem;
    line-height: 1.8125;
  }
}
@media screen and (max-width: 1023px) {
  .p-sugoroku-charm-explain__text {
    margin-top: 5.333333333333334vw;
    font-size: 4.266666666666667vw;
    line-height: 1.6;
  }
}
.p-sugoroku-charm-next {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  background-color: #fff;
  text-align: center;
}
@media screen and (min-width: 1024px) {
  .p-sugoroku-charm-next {
    width: 20.65rem;
    height: 22.935rem;
    border-radius: 2.2rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-sugoroku-charm-next {
    width: 51.19733333333334vw;
    height: 56.86133333333333vw;
    border-radius: 2.933333333333333vw;
  }
}
.p-sugoroku-charm-next .p-sugoroku-charmlist__number {
  position: absolute;
  z-index: 1;
}
@media screen and (min-width: 1024px) {
  .p-sugoroku-charm-next .p-sugoroku-charmlist__number {
    top: 1rem;
    left: 1rem;
    font-size: 1.7rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-sugoroku-charm-next .p-sugoroku-charmlist__number {
    top: 2.693333333333333vw;
    left: 2.48vw;
    font-size: 3.866666666666667vw;
  }
}
.p-sugoroku-charm-next__hdg {
  z-index: 1;
}
@media screen and (min-width: 1024px) {
  .p-sugoroku-charm-next__hdg {
    font-size: 2.7rem;
    line-height: 1.407407407407407;
  }
}
@media screen and (max-width: 1023px) {
  .p-sugoroku-charm-next__hdg {
    font-size: 6.4vw;
    line-height: 1.395833333333333;
  }
}
.p-sugoroku-charm-next__fig {
  position: absolute;
  top: 50%;
  left: 0;
  z-index: 0;
  width: 100%;
  margin: auto;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.p-sugoroku-charm-next__catch {
  z-index: 1;
}
@media screen and (min-width: 1024px) {
  .p-sugoroku-charm-next__catch {
    margin-top: 0.25em;
    font-size: 1.6rem;
    line-height: 1.375;
  }
}
@media screen and (max-width: 1023px) {
  .p-sugoroku-charm-next__catch {
    margin-top: 0.392857142857143em;
    font-size: 3.733333333333334vw;
    line-height: 1.392857142857143;
  }
}
#p-sugoroku sup {
  font-size: smaller;
  vertical-align: super;
}
.p-sugoroku-function .m-sugoroku-btn {
  width: 7.923076923076923em;
  padding: 0.384615384615385em 0;
  font-size: 2.6rem;
}
.p-sugoroku-modal-nav {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media screen and (min-width: 1024px) {
  .p-sugoroku-modal-nav {
    margin-top: 2.264808362369338%;
    font-size: 2.8rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-sugoroku-modal-nav {
    margin-top: 2.4vw;
    font-size: 4.8vw;
  }
}
.p-sugoroku-modal-nav__item + .p-sugoroku-modal-nav__item {
  margin-left: 0.928571428571429em;
}
.p-sugoroku-correct {
  position: fixed;
  bottom: 50%;
  left: 50%;
  z-index: 175;
}
@media screen and (min-width: 1024px) {
  .p-sugoroku-correct {
    margin-bottom: 4.705882352941177vw;
    -webkit-transform: translate(-50%, -15%);
    transform: translate(-50%, -15%);
  }
}
@media screen and (max-width: 1023px) {
  .p-sugoroku-correct {
    -webkit-transform: translate(-50%, -72.31404958677686%);
    transform: translate(-50%, -72.31404958677686%);
  }
}
.p-sugoroku-dice {
  display: none;
}
.p-sugoroku-dice.is-show {
  display: block;
}
.p-sugoroku-dice__box {
  position: fixed;
  right: 0;
  bottom: 50%;
  left: 0;
  z-index: 170;
  margin: auto;
  background-color: #fff;
  border-radius: 100%;
  opacity: 0;
  -webkit-transform: translateY(0%);
  transform: translateY(0%);
  -webkit-transition: all 0.33s cubic-bezier(0.02, 0.89, 0.55, 1.26);
  transition: all 0.33s cubic-bezier(0.02, 0.89, 0.55, 1.26);
  -webkit-perspective: 1000px;
  perspective: 1000px;
}
.p-sugoroku-dice__box::after {
  position: absolute;
  left: 50%;
  bottom: 0;
  background: url("/assets/images/sugoroku/img_balloon_triangle.svg") no-repeat 0 0;
  background-size: 100% auto;
  content: '';
}
@media screen and (min-width: 1024px) {
  .p-sugoroku-dice__box {
    width: 20.4rem;
    height: 20.4rem;
  }
  .p-sugoroku-dice__box::after {
    width: 2.8rem;
    height: 4.4rem;
    -webkit-transform: translate(-50%, 65.9090909090909%);
    transform: translate(-50%, 65.9090909090909%);
  }
}
@media screen and (max-width: 1023px) {
  .p-sugoroku-dice__box {
    width: 32.266666666666666vw;
    height: 32.266666666666666vw;
  }
  .p-sugoroku-dice__box::after {
    width: 4.533333333333333vw;
    height: 6.933333333333333vw;
    -webkit-transform: translate(-50%, 65.38461538461539%);
    transform: translate(-50%, 65.38461538461539%);
  }
}
.p-sugoroku-dice__box.is-fade {
  opacity: 1;
}
@media screen and (min-width: 1024px) {
  .p-sugoroku-dice__box.is-fade {
    margin-bottom: 4.705882352941177vw;
    -webkit-transform: translateY(-20%);
    transform: translateY(-20%);
  }
}
@media screen and (max-width: 1023px) {
  .p-sugoroku-dice__box.is-fade {
    -webkit-transform: translateY(-72.31404958677686%);
    transform: translateY(-72.31404958677686%);
  }
}
.p-sugoroku-dice__cube {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
@media screen and (min-width: 1024px) {
  .p-sugoroku-dice__cube {
    width: 8rem;
    height: 8rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-sugoroku-dice__cube {
    width: 12.666666666666668vw;
    height: 12.666666666666668vw;
  }
}
.p-sugoroku-dice__cube.is1 {
  -webkit-transform: rotateX(45deg) rotateZ(45deg);
  transform: rotateX(45deg) rotateZ(45deg);
}
.p-sugoroku-dice__cube.is2 {
  -webkit-transform: rotateX(45deg) rotateZ(45deg) rotateY(90deg);
  transform: rotateX(45deg) rotateZ(45deg) rotateY(90deg);
}
.p-sugoroku-dice__cube.is3 {
  -webkit-transform: rotateX(135deg) rotateY(45deg) rotateZ(0deg);
  transform: rotateX(135deg) rotateY(45deg) rotateZ(0deg);
}
.p-sugoroku-dice__cube.is4 {
  -webkit-transform: rotateX(-45deg) rotateY(45deg) rotateZ(0deg);
  transform: rotateX(-45deg) rotateY(45deg) rotateZ(0deg);
}
.p-sugoroku-dice__cube.is5 {
  -webkit-transform: rotateY(-90deg) rotateZ(-45deg) rotateX(45deg);
  transform: rotateY(-90deg) rotateZ(-45deg) rotateX(45deg);
}
.p-sugoroku-dice__cube.is6 {
  -webkit-transform: rotateX(-135deg) rotateY(0deg) rotateZ(45deg);
  transform: rotateX(-135deg) rotateY(0deg) rotateZ(45deg);
}
.p-sugoroku-dice__cube.is-roll {
  -webkit-animation: roll 0.33s linear infinite;
  animation: roll 0.33s linear infinite;
}
.p-sugoroku-dice__surface {
  position: absolute;
  width: 101%;
  height: 101%;
  background-color: #d8e0e3;
  text-align: center;
  border-radius: 1px;
}
@media screen and (min-width: 1024px) {
  .p-sugoroku-dice__surface {
    font-size: 2.8rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-sugoroku-dice__surface {
    font-size: 5.066666666666666vw;
  }
}
.p-sugoroku-dice__surface span {
  position: absolute;
  width: 18%;
  height: 18%;
  background-color: #000;
  border-radius: 100%;
}
.p-sugoroku-dice__surface span:nth-child(1) {
  top: 18%;
  left: 18%;
}
.p-sugoroku-dice__surface span:nth-child(2) {
  right: 18%;
  bottom: 18%;
}
.p-sugoroku-dice__surface span:nth-child(3) {
  right: 18%;
  top: 18%;
}
.p-sugoroku-dice__surface span:nth-child(4) {
  bottom: 18%;
  left: 18%;
}
.p-sugoroku-dice__surface:nth-child(1) span:nth-child(1) {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 30%;
  height: 30%;
  margin: auto;
  background-color: #ea5e5e;
}
.is1 .p-sugoroku-dice__surface:nth-child(1) {
  background-color: #f2f9fa;
}
.is2 .p-sugoroku-dice__surface:nth-child(2) {
  background-color: #f2f9fa;
}
.is4 .p-sugoroku-dice__surface:nth-child(2),
.is6 .p-sugoroku-dice__surface:nth-child(2) {
  background-color: #afbdc6;
}
.p-sugoroku-dice__surface:nth-child(3) span:nth-child(3) {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
.is1 .p-sugoroku-dice__surface:nth-child(3),
.is2 .p-sugoroku-dice__surface:nth-child(3),
.p-sugoroku-dice__surface:nth-child(3) .is5 {
  background-color: #afbdc6;
}
.is3 .p-sugoroku-dice__surface:nth-child(3) {
  background-color: #f2f9fa;
}
.is4 .p-sugoroku-dice__surface:nth-child(4) {
  background-color: #f2f9fa;
}
.p-sugoroku-dice__surface:nth-child(5) span:nth-child(5) {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
.is5 .p-sugoroku-dice__surface:nth-child(5) {
  background-color: #f2f9fa;
}
.p-sugoroku-dice__surface:nth-child(6) span:nth-child(5) {
  top: 0;
  bottom: 0;
  left: 18%;
  margin: auto;
}
.p-sugoroku-dice__surface:nth-child(6) span:nth-child(6) {
  top: 0;
  bottom: 0;
  right: 18%;
  margin: auto;
}
.p-sugoroku-dice__surface:nth-child(6) .is3 {
  background-color: #afbdc6;
}
.p-sugoroku-dice__surface:nth-child(6) .is6 {
  background-color: #f2f9fa;
}
@media screen and (min-width: 1024px) {
  .p-sugoroku-dice__surface:nth-child(1) {
    -webkit-transform: translateZ(4rem);
    transform: translateZ(4rem);
  }
  .p-sugoroku-dice__surface:nth-child(2) {
    -webkit-transform: translateX(-4rem) rotateY(-90deg);
    transform: translateX(-4rem) rotateY(-90deg);
  }
  .p-sugoroku-dice__surface:nth-child(3) {
    -webkit-transform: translateY(4rem) rotateX(-90deg);
    transform: translateY(4rem) rotateX(-90deg);
  }
  .p-sugoroku-dice__surface:nth-child(4) {
    -webkit-transform: translateY(-4rem) rotateX(90deg);
    transform: translateY(-4rem) rotateX(90deg);
  }
  .p-sugoroku-dice__surface:nth-child(5) {
    -webkit-transform: translateX(4rem) rotateY(90deg);
    transform: translateX(4rem) rotateY(90deg);
  }
  .p-sugoroku-dice__surface:nth-child(6) {
    -webkit-transform: translateZ(-4rem) rotateX(180deg);
    transform: translateZ(-4rem) rotateX(180deg);
  }
}
@media screen and (max-width: 1023px) {
  .p-sugoroku-dice__surface:nth-child(1) {
    -webkit-transform: translateZ(6.333333333333334vw);
    transform: translateZ(6.333333333333334vw);
  }
  .p-sugoroku-dice__surface:nth-child(2) {
    -webkit-transform: translateX(-6.333333333333334vw) rotateY(-90deg);
    transform: translateX(-6.333333333333334vw) rotateY(-90deg);
  }
  .p-sugoroku-dice__surface:nth-child(3) {
    -webkit-transform: translateY(6.333333333333334vw) rotateX(-90deg);
    transform: translateY(6.333333333333334vw) rotateX(-90deg);
  }
  .p-sugoroku-dice__surface:nth-child(4) {
    -webkit-transform: translateY(-6.333333333333334vw) rotateX(90deg);
    transform: translateY(-6.333333333333334vw) rotateX(90deg);
  }
  .p-sugoroku-dice__surface:nth-child(5) {
    -webkit-transform: translateX(6.333333333333334vw) rotateY(90deg);
    transform: translateX(6.333333333333334vw) rotateY(90deg);
  }
  .p-sugoroku-dice__surface:nth-child(6) {
    -webkit-transform: translateZ(-6.333333333333334vw) rotateX(180deg);
    transform: translateZ(-6.333333333333334vw) rotateX(180deg);
  }
}
.p-sugoroku-dice-counter {
  display: none;
  position: fixed;
  right: 0;
  bottom: 50%;
  left: 0;
  z-index: 170;
  margin: auto;
  background-color: #fff;
  text-align: center;
  border-radius: 100%;
}
.p-sugoroku-dice-counter::after {
  position: absolute;
  left: 50%;
  bottom: 0;
  background: url("/assets/images/sugoroku/img_balloon_triangle.svg") no-repeat 0 0;
  background-size: 100% auto;
  content: '';
}
@media screen and (min-width: 1024px) {
  .p-sugoroku-dice-counter {
    width: 13.8rem;
    height: 13.8rem;
    font-size: 8.6rem;
    line-height: 1.604651162790698;
  }
  .p-sugoroku-dice-counter::after {
    width: 2.8rem;
    height: 4.4rem;
    -webkit-transform: translate(-50%, 65.9090909090909%);
    transform: translate(-50%, 65.9090909090909%);
  }
}
@media screen and (max-width: 1023px) {
  .p-sugoroku-dice-counter {
    width: 21.6vw;
    height: 21.6vw;
    font-size: 13.333333333333334vw;
    line-height: 1.62;
  }
  .p-sugoroku-dice-counter::after {
    width: 4.533333333333333vw;
    height: 6.933333333333333vw;
    -webkit-transform: translate(-50%, 65.38461538461539%);
    transform: translate(-50%, 65.38461538461539%);
  }
}
@media screen and (min-width: 1024px) {
  .p-sugoroku-dice-counter {
    margin-bottom: 4.705882352941177vw;
    -webkit-transform: translateY(-25%);
    transform: translateY(-25%);
  }
}
@media screen and (max-width: 1023px) {
  .p-sugoroku-dice-counter {
    -webkit-transform: translateY(-108.02469135802468%);
    transform: translateY(-108.02469135802468%);
  }
}
.p-sugoroku-dice-counter.is-show {
  display: block;
}
@-webkit-keyframes roll {
  0% {
    -webkit-transform: rotate3D(0);
    transform: rotate3D(0);
  }
  50% {
    -webkit-transform: rotate3D(0.3, 0.4, 0.1, -180deg);
    transform: rotate3D(0.3, 0.4, 0.1, -180deg);
  }
  100% {
    -webkit-transform: rotate3D(1.2, 1, 0.8, 360deg);
    transform: rotate3D(1.2, 1, 0.8, 360deg);
  }
}
@keyframes roll {
  0% {
    -webkit-transform: rotate3D(0);
    transform: rotate3D(0);
  }
  50% {
    -webkit-transform: rotate3D(0.3, 0.4, 0.1, -180deg);
    transform: rotate3D(0.3, 0.4, 0.1, -180deg);
  }
  100% {
    -webkit-transform: rotate3D(1.2, 1, 0.8, 360deg);
    transform: rotate3D(1.2, 1, 0.8, 360deg);
  }
}
.p-sugoroku-functions {
  position: fixed;
  z-index: 175;
}
@media screen and (min-width: 1024px) {
  .p-sugoroku-functions {
    top: 3rem;
    right: 3rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-sugoroku-functions {
    top: 4.8vw;
    right: 4.533333333333333vw;
  }
}
@media screen and (min-width: 1024px) {
  .p-sugoroku-function__item + .p-sugoroku-function__item {
    margin-top: 1.5rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-sugoroku-function__item + .p-sugoroku-function__item {
    margin-top: 2.4vw;
  }
}
.p-sugoroku-function__item.is--type-dice {
  position: fixed;
  left: 50%;
  z-index: 175;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
@media screen and (min-width: 1024px) {
  .p-sugoroku-function__item.is--type-dice {
    bottom: 23.8rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-sugoroku-function__item.is--type-dice {
    bottom: 40.70666666666667vw;
  }
}
.p-sugoroku-function__btn {
  position: relative;
  margin: 0;
  background-color: #333;
  color: #fff;
  cursor: pointer;
}
@media screen and (min-width: 1024px) {
  .p-sugoroku-function__btn {
    min-width: 7em;
    padding: 0.4em 0 0.4em;
    font-size: 2.5rem;
    line-height: 1.4;
    border: 0.08em solid #fff;
    border-radius: 687.5em;
  }
}
@media screen and (max-width: 1023px) {
  .p-sugoroku-function__btn {
    min-width: 7.172413793103448em;
    padding: 0.448275862068966em 0 0.448275862068966em;
    font-size: 3.866666666666667vw;
    border: 0.266666666666667vw solid #fff;
    line-height: 1.379310344827586;
    border-radius: 957em;
  }
}
.p-sugoroku-function__btn.is--type-action::before {
  position: absolute;
  top: 50%;
  background: url("/assets/images/common/icon-triangle-right-white.svg") no-repeat center;
  background-size: 100% auto;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  content: '';
}
@media screen and (min-width: 1024px) {
  .p-sugoroku-function__btn.is--type-action {
    padding-right: 0.6712em;
    padding-left: 1.3512em;
  }
  .p-sugoroku-function__btn.is--type-action::before {
    left: 0.956em;
    width: 0.3952em;
    height: 0.5044em;
  }
}
@media screen and (max-width: 1023px) {
  .p-sugoroku-function__btn.is--type-action {
    padding-right: 0.843103448275862em;
    padding-left: 1.394827586206897em;
  }
  .p-sugoroku-function__btn.is--type-action::before {
    left: 0.982758620689655em;
    width: 0.412068965517241em;
    height: 0.53448275862069em;
  }
}
.p-sugoroku-function__btn.is--type-active {
  background-color: #ff7600;
}
@media screen and (min-width: 1024px) {
  .is--type-dice .p-sugoroku-function__btn {
    min-width: 9.72em;
    padding-top: 0.8em;
    padding-bottom: 0.8em;
    border-radius: 937.5em;
  }
}
@media screen and (max-width: 1023px) {
  .is--type-dice .p-sugoroku-function__btn {
    min-width: 10.344827586206897em;
    padding-top: 0.896551724137931em;
    padding-bottom: 0.896551724137931em;
    border-radius: 1334em;
  }
}
@media screen and (min-width: 1024px) {
  .is-game-end {
    padding-top: 26.72vw;
    padding-bottom: 19.88vw;
  }
}
@media screen and (max-width: 1023px) {
  .is-game-end {
    padding-top: 70.3157894736842vw;
    padding-bottom: 52.31578947368421vw;
  }
}
.is-game-end:active {
  cursor: -webkit-grab;
  cursor: grab;
}
@media screen and (min-width: 1024px) {
  .p-sugoroku-grid-unit {
    width: 286.8176470588236vw;
    height: 110.8235294117647vw;
  }
  .is-game-end .p-sugoroku-grid-unit {
    width: 195.03600000000003vw;
    height: 75.36vw;
  }
}
@media screen and (max-width: 1023px) {
  .p-sugoroku-grid-unit {
    width: 761.859375vw;
    height: 294.375vw;
  }
  .is-game-end .p-sugoroku-grid-unit {
    width: 513.2526315789474vw;
    height: 198.3157894736842vw;
  }
}
.p-sugoroku-grid-mt1 img {
  bottom: 36.36363636363637%;
  left: 30.1464254952627%;
  width: 50.462245190927355%;
}
.p-sugoroku-grid-mt2 img {
  bottom: 33.83838383838384%;
  left: -12.805053115130635%;
  width: 59.40281366637956%;
}
.p-sugoroku-grid-mt3 img {
  bottom: 13.737373737373737%;
  left: 49.66982486362331%;
  width: 50.462245190927355%;
}
.p-sugoroku-grid-mt4 img {
  bottom: 0%;
  left: 20.958943439563594%;
  width: 50.462245190927355%;
}
.p-sugoroku-grid-rail {
  z-index: 6 !important;
}
.p-sugoroku-grid-crane1 img {
  bottom: 27.05470588235294%;
  left: 58.04433179723502%;
  width: 56.0184331797235%;
}
.p-sugoroku-grid-crane2 img {
  bottom: 31.06435294117647%;
  left: 52.91041474654378%;
  width: 56.0184331797235%;
}
.p-sugoroku-grid-crane3 img {
  bottom: 26.496588235294116%;
  left: 20.58695852534562%;
  width: 56.0184331797235%;
}
.p-sugoroku-grid-container1 img {
  bottom: 13.15964705882353%;
  left: -10.11889400921659%;
  width: 67.783133640553%;
}
.p-sugoroku-grid-container2 img {
  bottom: 11.145529411764706%;
  left: -10.209216589861752%;
  width: 67.783133640553%;
}
.p-sugoroku-grid-island1 img {
  bottom: 54.11764705882353%;
  left: 27.788018433179722%;
  width: 58.723502304147466%;
}
.p-sugoroku-grid-island2 img {
  bottom: -6.588235294117674%;
  left: 48.37788018433181%;
  width: 58.723502304147466%;
}
.p-sugoroku-grid-island3 img {
  bottom: 24.705882352941178%;
  left: 9.35483870967742%;
  width: 58.723502304147466%;
}
.p-sugoroku-grid-yacht img {
  bottom: 13.76470588235294%;
  left: 33.6405529953917%;
  width: 22.474654377880185%;
}
.p-sugoroku-grid-ship img {
  bottom: 20.303030303030305%;
  left: 34.22337065747919%;
  width: 50.78093597473442%;
}
.p-sugoroku-grid-ferry img {
  bottom: 70.37494949494949%;
  left: 21.085759402813665%;
  width: 61.17427505024404%;
}
.p-sugoroku-grid-dolphin img {
  bottom: 6.669058823529412%;
  left: 49.985023041474655%;
  width: 31.02585253456221%;
}
.p-sugoroku-grid-pin {
  position: absolute;
}
.p-sugoroku-grid-pin img {
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
}
.is-game-end .p-sugoroku-grid-pin {
  display: none;
}
.p-sugoroku-grid-pin.is-animation img {
  -webkit-animation: actionPin 1.1s;
  animation: actionPin 1.1s;
}
.p-sugoroku-grid-spot img {
  bottom: 0;
  left: 0;
}
.p-sugoroku-grid-ogasawara {
  z-index: 20 !important;
}
.p-sugoroku-grid-ogasawara img {
  bottom: -20.01418439716312%;
  left: 12.190393424952841%;
  width: 83.7063190514686%;
}
#pin-sugoroku-charm14 span {
  -webkit-transform: translate(1147.912485065711%, -226.46614525139665%);
  transform: translate(1147.912485065711%, -226.46614525139665%);
}
.p-sugoroku-grid-aogashima img {
  bottom: 21.238938053097346%;
  left: 17.93160967472894%;
  width: 61.70738115095913%;
}
#pin-sugoroku-charm27 span {
  -webkit-transform: translate(663.0824372759857%, -174.30167597765362%);
  transform: translate(663.0824372759857%, -174.30167597765362%);
}
#pin-sugoroku-charm31 {
  z-index: 23 !important;
}
#pin-sugoroku-charm31 span {
  -webkit-transform: translate(227.00119474313024%, -20.11173184357542%);
  transform: translate(227.00119474313024%, -20.11173184357542%);
}
.p-sugoroku-grid-hachijo_blue img {
  bottom: -56.352941176470694%;
  left: 7.493087557603788%;
  width: 211.57603686635946%;
}
#pin-sugoroku-charm32 span {
  -webkit-transform: translate(265.8303464755078%, 98.32402234636871%);
  transform: translate(265.8303464755078%, 98.32402234636871%);
}
.p-sugoroku-grid-mikura img {
  bottom: -17.793131313131312%;
  left: 30.410508182601205%;
  width: 75.30025839793282%;
}
#pin-sugoroku-charm26 span {
  -webkit-transform: translate(668.859916367981%, -69.62279329608938%);
  transform: translate(668.859916367981%, -69.62279329608938%);
}
.p-sugoroku-grid-miyakemura img {
  bottom: -105.21176470588243%;
  left: -38.52534562211977%;
  width: 132.52995391705068%;
}
#pin-sugoroku-charm33 span {
  -webkit-transform: translate(122.46117084826764%, 55.865921787709496%);
  transform: translate(122.46117084826764%, 55.865921787709496%);
}
.p-sugoroku-grid-moyai img {
  bottom: 19.255058823529414%;
  left: 29.126866359447007%;
  width: 54.81880184331798%;
}
#pin-sugoroku-charm25 span {
  -webkit-transform: translate(278.5510752688172%, -240.90078212290504%);
  transform: translate(278.5510752688172%, -240.90078212290504%);
}
.p-sugoroku-grid-haneda_airport img {
  bottom: -6.691449814126393%;
}
#pin-sugoroku-charm9 span {
  -webkit-transform: translate(1010.8142174432497%, -91.41966480446926%);
  transform: translate(1010.8142174432497%, -91.41966480446926%);
}
#pin-sugoroku-charm19 span {
  -webkit-transform: translate(593.0385304659499%, -112.4241340782123%);
  transform: translate(593.0385304659499%, -112.4241340782123%);
}
#pin-sugoroku-charm15 span {
  -webkit-transform: translate(642.5740740740741%, -68.11664804469274%);
  transform: translate(642.5740740740741%, -68.11664804469274%);
}
#pin-sugoroku-charm30 span {
  -webkit-transform: translate(714.452210274791%, -25.013854748603354%);
  transform: translate(714.452210274791%, -25.013854748603354%);
}
.p-sugoroku-grid-takaosan img {
  bottom: 26.42717391304348%;
  left: 7.667352367441035%;
  width: 80.24438730271325%;
}
#pin-sugoroku-charm12 span {
  -webkit-transform: translate(736.1612903225807%, -375.493407821229%);
  transform: translate(736.1612903225807%, -375.493407821229%);
}
#pin-sugoroku-charm21 span {
  -webkit-transform: translate(256.8536439665472%, -95.50793296089385%);
  transform: translate(256.8536439665472%, -95.50793296089385%);
}
#pin-sugoroku-charm23 span {
  -webkit-transform: translate(271.30495818399044%, -265.4493854748603%);
  transform: translate(271.30495818399044%, -265.4493854748603%);
}
.p-sugoroku-grid-akikawa img {
  bottom: 8.798260869565217%;
  left: 24.12276999467991%;
  width: 70.05504522078382%;
}
#pin-sugoroku-charm11 span {
  -webkit-transform: translate(956.0552568697732%, -28.687374301675977%);
  transform: translate(956.0552568697732%, -28.687374301675977%);
}
.p-sugoroku-grid-hossawa img {
  bottom: 21.95%;
  left: 3.346569049669825%;
  width: 71.61269020958943%;
}
#pin-sugoroku-charm22 span {
  -webkit-transform: translate(245.39755077658305%, -336.58480446927376%);
  transform: translate(245.39755077658305%, -336.58480446927376%);
}
.p-sugoroku-grid-ogouchi img {
  bottom: 18.326616161616162%;
  left: 14.365348101265823%;
  width: 70.42920023014959%;
}
#pin-sugoroku-charm13 span {
  -webkit-transform: translate(866.8688769414578%, -206.95329608938547%);
  transform: translate(866.8688769414578%, -206.95329608938547%);
}
.p-sugoroku-grid-nippara img {
  bottom: 22.004058823529412%;
  left: 17.560425335182615%;
  width: 62.0948220064725%;
}
#pin-sugoroku-charm24 span {
  -webkit-transform: translate(433.96236559139794%, -47.58324022346369%);
  transform: translate(433.96236559139794%, -47.58324022346369%);
}
.p-sugoroku-grid-tamako img {
  bottom: 4.484347826086957%;
  left: 8.639475084234794%;
  width: 83.01053378258557%;
}
#pin-sugoroku-charm10 span {
  -webkit-transform: translate(731.6445639187575%, -43.59262569832402%);
  transform: translate(731.6445639187575%, -43.59262569832402%);
}
#pin-sugoroku-charm7 span {
  -webkit-transform: translate(696.7374551971327%, -62.22905027932961%);
  transform: translate(696.7374551971327%, -62.22905027932961%);
}
#pin-sugoroku-charm28 span {
  -webkit-transform: translate(257.3590203106332%, -184.059217877095%);
  transform: translate(257.3590203106332%, -184.059217877095%);
}
#pin-sugoroku-charm6 span {
  -webkit-transform: translate(446.7123655913979%, -163.90569832402235%);
  transform: translate(446.7123655913979%, -163.90569832402235%);
}
#pin-sugoroku-charm20 span {
  -webkit-transform: translate(790.3533452807646%, 208.0808938547486%);
  transform: translate(790.3533452807646%, 208.0808938547486%);
}
#pin-sugoroku-charm8 span {
  -webkit-transform: translate(133.2673237753883%, 0);
  transform: translate(133.2673237753883%, 0);
}
#pin-sugoroku-charm2 span {
  -webkit-transform: translate(368.82706093189967%, -86.85631284916201%);
  transform: translate(368.82706093189967%, -86.85631284916201%);
}
#pin-sugoroku-charm1 span {
  -webkit-transform: translate(381.27479091995224%, -58.77139664804469%);
  transform: translate(381.27479091995224%, -58.77139664804469%);
}
#pin-sugoroku-charm17 span {
  -webkit-transform: translate(120.97461170848267%, -29.835083798882682%);
  transform: translate(120.97461170848267%, -29.835083798882682%);
}
#pin-sugoroku-charm16 span {
  -webkit-transform: translate(246.83691756272404%, -91.80692737430167%);
  transform: translate(246.83691756272404%, -91.80692737430167%);
}
#pin-sugoroku-charm18 span {
  -webkit-transform: translate(630.2270011947431%, -259.21787709497204%);
  transform: translate(630.2270011947431%, -259.21787709497204%);
}
#pin-sugoroku-charm29 span {
  -webkit-transform: translate(290.1463560334529%, -181.34748603351954%);
  transform: translate(290.1463560334529%, -181.34748603351954%);
}
#pin-sugoroku-charm5 span {
  -webkit-transform: translate(555.2691158900836%, -155.07016759776536%);
  transform: translate(555.2691158900836%, -155.07016759776536%);
}
#pin-sugoroku-charm4 span {
  -webkit-transform: translate(463.8766427718041%, -108.8408938547486%);
  transform: translate(463.8766427718041%, -108.8408938547486%);
}
#pin-sugoroku-charm3 span {
  -webkit-transform: translate(268.8172043010753%, -25.984357541899445%);
  transform: translate(268.8172043010753%, -25.984357541899445%);
}
#pin-sugoroku-charm40 span {
  -webkit-transform: translate(570.4898446833931%, -44.6927374301676%);
  transform: translate(570.4898446833931%, -44.6927374301676%);
}
#pin-sugoroku-charm41 span {
  -webkit-transform: translate(701.9115890083633%, -46.927374301675975%);
  transform: translate(701.9115890083633%, -46.927374301675975%);
}
#pin-sugoroku-charm43 span {
  -webkit-transform: translate(358.4229390681004%, -185.47486033519553%);
  transform: translate(358.4229390681004%, -185.47486033519553%);
}
#pin-sugoroku-charm45 span {
  -webkit-transform: translate(483.8709677419355%, -75.97765363128491%);
  transform: translate(483.8709677419355%, -75.97765363128491%);
}
#pin-sugoroku-charm48 span {
  -webkit-transform: translate(200.1194743130227%, 64.80446927374301%);
  transform: translate(200.1194743130227%, 64.80446927374301%);
}
#pin-sugoroku-charm52 span {
  -webkit-transform: translate(462.962962962963%, -75.97765363128491%);
  transform: translate(462.962962962963%, -75.97765363128491%);
}
#pin-sugoroku-charm54 span {
  -webkit-transform: translate(238.94862604540026%, 20.11173184357542%);
  transform: translate(238.94862604540026%, 20.11173184357542%);
}
#pin-sugoroku-charm57 span {
  -webkit-transform: translate(585.4241338112306%, -131.84357541899442%);
  transform: translate(585.4241338112306%, -131.84357541899442%);
}
#pin-sugoroku-charm61 span {
  -webkit-transform: translate(860.215053763441%, -174.30167597765362%);
  transform: translate(860.215053763441%, -174.30167597765362%);
}
#pin-sugoroku-charm63 span {
  -webkit-transform: translate(570.4898446833931%, -218.9944134078212%);
  transform: translate(570.4898446833931%, -218.9944134078212%);
}
#pin-sugoroku-charm65 span {
  -webkit-transform: translate(591.3978494623657%, -192.17877094972067%);
  transform: translate(591.3978494623657%, -192.17877094972067%);
}
#pin-sugoroku-charm66 span {
  -webkit-transform: translate(471.92353643966555%, -71.50837988826815%);
  transform: translate(471.92353643966555%, -71.50837988826815%);
}
#pin-sugoroku-charm71 span {
  -webkit-transform: translate(415.173237753883%, -147.48603351955308%);
  transform: translate(415.173237753883%, -147.48603351955308%);
}
#pin-sugoroku-charm72 span {
  -webkit-transform: translate(471.92353643966555%, -64.80446927374301%);
  transform: translate(471.92353643966555%, -64.80446927374301%);
}
.p-sugoroku-grid-number {
  position: absolute;
  z-index: 170;
  text-align: center;
}
.p-sugoroku-grid-number button {
  display: inline-block;
  position: relative;
  margin: 0;
  padding: 0;
  background-color: #000;
  color: #fff;
  border: none;
  border-radius: 100%;
  cursor: pointer;
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
}
.p-sugoroku-grid-number button::after {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 0;
  height: 0;
  content: '';
}
@media screen and (min-width: 1024px) {
  .p-sugoroku-grid-number button {
    width: 2.111111111111111em;
    font-size: 1.8rem;
    line-height: 2.111111111111111em;
  }
  .p-sugoroku-grid-number button::after {
    border-top: 0.555555555555556em solid #000;
    border-right: 0.222222222222222em solid transparent;
    border-left: 0.222222222222222em solid transparent;
    -webkit-transform: translateY(60%);
    transform: translateY(60%);
  }
}
@media screen and (max-width: 1023px) {
  .p-sugoroku-grid-number button {
    width: 7.866666666666666vw;
    font-size: 3.733333333333334vw;
    line-height: 2.107142857142857;
  }
  .p-sugoroku-grid-number button::after {
    border-top: 2.133333333333333vw solid #000;
    border-right: 0.8vw solid transparent;
    border-left: 0.8vw solid transparent;
    -webkit-transform: translateY(1.333333333333333vw);
    transform: translateY(1.333333333333333vw);
  }
}
.p-sugoroku-grid-number button.is-discover {
  background-color: #fc7c41;
}
.p-sugoroku-grid-number button.is-discover::after {
  border-top-color: #fc7c41;
}
.is-pin-action .p-sugoroku-grid-number button {
  -webkit-animation: charmPin 0.88s ease-in-out 0.5s;
  animation: charmPin 0.88s ease-in-out 0.5s;
}
@-webkit-keyframes actionPin {
  0% {
    -webkit-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
  }
  20% {
    -webkit-transform: scale(2) rotate(0);
    transform: scale(2) rotate(0);
  }
  40% {
    -webkit-transform: scale(2) rotate(-20deg);
    transform: scale(2) rotate(-20deg);
  }
  60% {
    -webkit-transform: scale(2) rotate(20deg);
    transform: scale(2) rotate(20deg);
  }
  80% {
    -webkit-transform: scale(2) rotate(0);
    transform: scale(2) rotate(0);
  }
  100% {
    -webkit-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
  }
}
@keyframes actionPin {
  0% {
    -webkit-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
  }
  20% {
    -webkit-transform: scale(2) rotate(0);
    transform: scale(2) rotate(0);
  }
  40% {
    -webkit-transform: scale(2) rotate(-20deg);
    transform: scale(2) rotate(-20deg);
  }
  60% {
    -webkit-transform: scale(2) rotate(20deg);
    transform: scale(2) rotate(20deg);
  }
  80% {
    -webkit-transform: scale(2) rotate(0);
    transform: scale(2) rotate(0);
  }
  100% {
    -webkit-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
  }
}
@-webkit-keyframes charmPin {
  0% {
    -webkit-transform: translateY(-100%) scale(1);
    transform: translateY(-100%) scale(1);
  }
  50% {
    -webkit-transform: translateY(-100%) scale(1.34);
    transform: translateY(-100%) scale(1.34);
  }
  100% {
    -webkit-transform: translateY(-100%) scale(1);
    transform: translateY(-100%) scale(1);
  }
}
@keyframes charmPin {
  0% {
    -webkit-transform: translateY(-100%) scale(1);
    transform: translateY(-100%) scale(1);
  }
  50% {
    -webkit-transform: translateY(-100%) scale(1.34);
    transform: translateY(-100%) scale(1.34);
  }
  100% {
    -webkit-transform: translateY(-100%) scale(1);
    transform: translateY(-100%) scale(1);
  }
}
.p-sugoroku-playing-text {
  display: none;
  position: fixed;
  right: 0;
  left: 0;
  z-index: 174;
  margin: auto;
  background-color: #fff;
}
.p-sugoroku-playing-text.is-show {
  display: block;
}
@media screen and (min-width: 1024px) {
  .p-sugoroku-playing-text {
    bottom: 12.8rem;
    width: 82.4rem;
    height: 14.1rem;
    border-radius: 1.7rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-sugoroku-playing-text {
    bottom: 20vw;
    width: 90.8vw;
    height: 24.933333333333334vw;
    border-radius: 2.533333333333333vw;
  }
}
.p-sugoroku-playing-text__inner {
  overflow: auto;
  height: 100%;
}
@media screen and (min-width: 1024px) {
  .p-sugoroku-playing-text__inner {
    padding: 4rem;
    font-size: 2.1rem;
    line-height: 1.952380952380952;
  }
}
@media screen and (max-width: 1023px) {
  .p-sugoroku-playing-text__inner {
    padding: 7.133333333333333vw 6.266666666666667vw;
    font-size: 4.266666666666667vw;
    line-height: 1.28125;
  }
}
.p-sugoroku-quiz__question.is-hide,
.p-sugoroku-quiz__answer.is-hide {
  display: none;
}
@media screen and (min-width: 1024px) {
  .p-sugoroku-quiz__question__item {
    margin-top: 6.420233463035019%;
  }
}
@media screen and (max-width: 1023px) {
  .p-sugoroku-quiz__question__item {
    margin-top: 3.666666666666667vw;
  }
}
.p-sugoroku-quiz__question__item.is-hide {
  display: none;
}
.p-sugoroku-quiz__question__item__ttl {
  text-align: left;
}
@media screen and (min-width: 1024px) {
  .p-sugoroku-quiz__question__item__ttl {
    font-size: 2.1rem;
    line-height: 1.952380952380952;
  }
}
@media screen and (max-width: 1023px) {
  .p-sugoroku-quiz__question__item__ttl {
    font-size: 4.266666666666667vw;
    line-height: 1.28125;
  }
}
@media screen and (min-width: 1024px) {
  .p-sugoroku-quiz__question__item__select {
    margin-top: 9.513618677042802%;
  }
}
@media screen and (max-width: 1023px) {
  .p-sugoroku-quiz__question__item__select {
    margin-top: 9.306666666666667vw;
  }
}
.p-sugoroku-quiz__question__item__select label {
  display: block;
  position: relative;
}
@media screen and (min-width: 1024px) {
  .p-sugoroku-quiz__question__item__select label + label {
    margin-top: 4.280155642023346%;
  }
}
@media screen and (max-width: 1023px) {
  .p-sugoroku-quiz__question__item__select label + label {
    margin-top: 5.333333333333334vw;
  }
}
.p-sugoroku-quiz__question__item__select input {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  border: none;
}
.p-sugoroku-quiz__question__item__text {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  z-index: 1;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #e8e8e8;
}
@media screen and (min-width: 1024px) {
  .p-sugoroku-quiz__question__item__text {
    padding: 4.280155642023346%;
    font-size: 2.1rem;
    line-height: 1.952380952380952;
    border-radius: 0.714285714285714em;
  }
}
@media screen and (max-width: 1023px) {
  .p-sugoroku-quiz__question__item__text {
    padding: 3.066666666666666vw 3.866666666666667vw;
    font-size: 4.266666666666667vw;
    line-height: 1.40625;
    border-radius: 2vw;
  }
}
input:checked + .p-sugoroku-quiz__question__item__text {
  background-color: #fff1b9;
}
input:checked + .p-sugoroku-quiz__question__item__text .p-sugoroku-quiz__question__item__icon img:nth-child(1) {
  display: none;
}
input:checked + .p-sugoroku-quiz__question__item__text .p-sugoroku-quiz__question__item__icon img:nth-child(2) {
  display: inline-block;
}
.p-sugoroku-quiz__question__item__icon {
  display: inline-block;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  background-color: #fff;
  text-align: center;
}
@media screen and (min-width: 1024px) {
  .p-sugoroku-quiz__question__item__icon {
    width: 2.476190476190476em;
    margin-right: 1.142857142857143em;
    line-height: 2.476190476190476;
    border-radius: 0.714285714285714em;
  }
}
@media screen and (max-width: 1023px) {
  .p-sugoroku-quiz__question__item__icon {
    width: 7.9vw;
    margin-right: 3.426666666666667vw;
    line-height: 1.8515625;
    border-radius: 1.466666666666667vw;
  }
}
.p-sugoroku-quiz__question__item__icon img {
  width: 2.7rem;
  vertical-align: middle;
}
.p-sugoroku-quiz__question__item__icon img:nth-child(2) {
  display: none;
}
.p-sugoroku-quiz__answer {
  background-color: #fff1b9;
}
.p-sugoroku-quiz__answer .m-sugoroku-modal-section__inner {
  position: relative;
}
@media screen and (max-width: 1023px) {
  .p-sugoroku-quiz__answer .m-sugoroku-modal-section__inner {
    padding-right: 1.866666666666667vw;
    padding-left: 1.866666666666667vw;
  }
}
.p-sugoroku-quiz__answer__inner {
  text-align: left;
}
.p-sugoroku-quiz__answer__inner.is-hide {
  display: none;
}
.p-sugoroku-quiz__answer__block::after {
  display: table;
  clear: both;
  content: '';
}
.p-sugoroku-quiz__answer__label {
  float: left;
}
@media screen and (min-width: 1024px) {
  .p-sugoroku-quiz__answer__label {
    width: 16.926070038910506%;
  }
}
@media screen and (max-width: 1023px) {
  .p-sugoroku-quiz__answer__label {
    width: 17.363999999999997vw;
  }
}
.p-sugoroku-quiz__answer__label em {
  display: block;
  position: relative;
  background-color: #fd7c41;
  text-align: center;
  font-style: normal;
  color: #fff;
}
@media screen and (min-width: 1024px) {
  .p-sugoroku-quiz__answer__label em {
    padding: 0.777777777777778em 0;
    font-size: 1.8rem;
    border-radius: 0.555555555555556em;
  }
}
@media screen and (max-width: 1023px) {
  .p-sugoroku-quiz__answer__label em {
    padding: 2.666666666666667vw 0;
    font-size: 3.733333333333334vw;
    border-radius: 1.333333333333333vw;
  }
}
.p-sugoroku-quiz__answer__label em img {
  position: absolute;
  bottom: 0;
}
@media screen and (min-width: 1024px) {
  .p-sugoroku-quiz__answer__label em img {
    left: 65.28735632183907%;
    width: 11.770114942528735%;
    -webkit-transform: translateY(69.24198250728863%);
    transform: translateY(69.24198250728863%);
  }
}
@media screen and (max-width: 1023px) {
  .p-sugoroku-quiz__answer__label em img {
    left: 11.333333333333332vw;
    width: 2.044vw;
    -webkit-transform: translateY(69.16707257671699%);
    transform: translateY(69.16707257671699%);
  }
}
.p-sugoroku-quiz__answer__label span {
  display: block;
}
@media screen and (min-width: 1024px) {
  .p-sugoroku-quiz__answer__label span {
    margin-top: 31.60919540229885%;
  }
}
@media screen and (max-width: 1023px) {
  .p-sugoroku-quiz__answer__label span {
    margin-top: 4.666666666666667vw;
  }
}
.p-sugoroku-quiz__answer__label span img {
  position: relative;
}
@media screen and (min-width: 1024px) {
  .is--explainer1 {
    padding: 0 8.477011494252872%;
  }
}
@media screen and (max-width: 1023px) {
  .is--explainer1 {
    padding: 0 1.345333333333333vw;
  }
}
.is--explainer2 img {
  top: 0;
}
@media screen and (min-width: 1024px) {
  .is--explainer2 img {
    left: -2.44rem;
    width: 148.3103448275862%;
  }
}
@media screen and (max-width: 1023px) {
  .is--explainer2 img {
    left: -3.466666666666666vw;
    width: 150.6258158642402%;
  }
}
.is--explainer3 img {
  top: 0;
}
@media screen and (min-width: 1024px) {
  .is--explainer3 img {
    left: 1.26rem;
    width: 99.04597701149426%;
  }
}
@media screen and (max-width: 1023px) {
  .is--explainer3 img {
    left: 2.626666666666667vw;
    width: 102.26522306688169%;
  }
}
.is--explainer4 img {
  top: 0;
}
@media screen and (min-width: 1024px) {
  .is--explainer4 img {
    left: 0.49rem;
    width: 106.64367816091954%;
  }
}
@media screen and (max-width: 1023px) {
  .is--explainer4 img {
    left: 3vw;
    width: 109.69822621515782%;
  }
}
.p-sugoroku-quiz__answer__correct,
.p-sugoroku-quiz__answer__pic {
  float: right;
}
@media screen and (min-width: 1024px) {
  .p-sugoroku-quiz__answer__correct,
  .p-sugoroku-quiz__answer__pic {
    width: 77.62645914396887%;
  }
}
@media screen and (max-width: 1023px) {
  .p-sugoroku-quiz__answer__correct,
  .p-sugoroku-quiz__answer__pic {
    width: 53.2vw;
  }
}
@media screen and (min-width: 1024px) {
  .p-sugoroku-quiz__answer__correct {
    font-size: 1.8rem;
    line-height: 1.666666666666667;
  }
}
@media screen and (max-width: 1023px) {
  .p-sugoroku-quiz__answer__correct {
    font-size: 4.266666666666667vw;
    line-height: 1.59375;
  }
}
.p-sugoroku-quiz__answer__pic {
  position: relative;
}
.p-sugoroku-quiz__answer__pic::after {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  content: '';
}
@media screen and (min-width: 1024px) {
  .p-sugoroku-quiz__answer__pic {
    margin-top: 4.669260700389105%;
  }
}
@media screen and (max-width: 1023px) {
  .p-sugoroku-quiz__answer__pic {
    margin-top: 4.8vw;
  }
}
.p-sugoroku-quiz__explain {
  background-color: #fff;
}
@media screen and (min-width: 1024px) {
  .p-sugoroku-quiz__explain {
    margin-top: 7.003891050583658%;
    padding: 3.30739299610895% 6.614785992217899%;
    font-size: 1.6rem;
    line-height: 1.8125;
    border-radius: 0.625em;
  }
}
@media screen and (max-width: 1023px) {
  .p-sugoroku-quiz__explain {
    margin-top: 7.64vw;
    padding: 3.626666666666666vw 5.600000000000001vw;
    font-size: 4.266666666666667vw;
    line-height: 1.6;
    border-radius: 2vw;
  }
}
.p-sugoroku-quiz__explain__label {
  text-align: center;
  color: #fd7c41;
}
@media screen and (min-width: 1024px) {
  .p-sugoroku-quiz__explain__label {
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-sugoroku-quiz__explain__label {
    font-size: 3.733333333333334vw;
  }
}
@media screen and (min-width: 1024px) {
  .p-sugoroku-quiz__explain__detail {
    margin-top: 2.914798206278027%;
  }
}
@media screen and (max-width: 1023px) {
  .p-sugoroku-quiz__explain__detail {
    margin-top: 1.853333333333333vw;
  }
}
.p-sugoroku-quiz__btn.is-hide {
  display: none;
}
.p-sugoroku-quiz__correct,
.p-sugoroku-quiz__incorrect {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  -webkit-transition: opacity 0.22s ease-out;
  transition: opacity 0.22s ease-out;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.p-sugoroku-quiz__correct.is-hide,
.p-sugoroku-quiz__incorrect.is-hide {
  display: none;
}
.p-sugoroku-quiz__correct.is-fadeout,
.p-sugoroku-quiz__incorrect.is-fadeout {
  opacity: 0;
}
@media screen and (min-width: 1024px) {
  .p-sugoroku-quiz__correct {
    width: 47.794117647058826%;
  }
}
@media screen and (max-width: 1023px) {
  .p-sugoroku-quiz__correct {
    width: 53.06666666666666vw;
  }
}
@media screen and (min-width: 1024px) {
  .p-sugoroku-quiz__incorrect {
    width: 40.80882352941176%;
  }
}
@media screen and (max-width: 1023px) {
  .p-sugoroku-quiz__incorrect {
    width: 41.86666666666667vw;
  }
}
@media screen and (max-width: 1023px) {
  .p-about .c-kv {
    background-color: #e6f7ac;
  }
}
.p-about .c-statement__textwrap {
  position: relative;
  z-index: 2;
}
.p-about .c-statement__textwrap::before,
.p-about .c-statement__textwrap::after {
  display: none;
}
.p-about .p-about__description {
  position: relative;
}
.p-about .p-about__description::before {
  content: '';
  display: block;
  position: absolute;
  background-repeat: no-repeat;
  background-size: cover;
}
@media screen and (min-width: 1024px) {
  .p-about .p-about__description::before {
    width: 28.9rem;
    height: 56.4rem;
    top: 6rem;
    left: 0;
    background-image: url("/assets/images/others/about/illust_01_pc.png");
  }
}
@media screen and (max-width: 1023px) {
  .p-about .p-about__description::before {
    width: 100vw;
    height: 66.26666666666667vw;
    bottom: 0;
    background-image: url("/assets/images/others/about/illust_01_sp.png");
  }
}
.p-about .p-about__description::after {
  content: '';
  display: block;
  position: absolute;
  background-repeat: no-repeat;
  background-size: cover;
}
@media screen and (min-width: 1024px) {
  .p-about .p-about__description::after {
    width: 32rem;
    height: 42.8rem;
    top: 12.8rem;
    right: 0;
    background-image: url("/assets/images/others/about/illust_02_pc.png");
  }
}
.p-about .p-about__description .c-heading__level6 {
  color: #1ba03f;
}
@media screen and (min-width: 1024px) {
  .p-about .p-about__description .c-heading__level6 {
    font-size: 3.4rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-about .p-about__description .c-heading__level6 {
    font-size: 6.666666666666667vw;
  }
}
.p-about .p-about__description .c-statement {
  width: 100%;
  margin-top: 0;
}
@media screen and (min-width: 1024px) {
  .p-about .p-about__description .c-statement {
    padding: 7rem 0 0;
  }
}
@media screen and (max-width: 1023px) {
  .p-about .p-about__description .c-statement {
    padding-top: 16vw;
  }
}
.p-about .p-about__description .c-text__level2 {
  color: #000;
}
@media screen and (min-width: 1024px) {
  .p-about .p-about__description .c-text__level2 {
    padding: 2.7rem 0 9.7rem;
    line-height: 1.8em;
  }
}
@media screen and (max-width: 1023px) {
  .p-about .p-about__description .c-text__level2 {
    padding: 6.800000000000001vw 0 63.733333333333334vw;
    font-size: 3.466666666666666vw;
  }
}
@media screen and (min-width: 1024px) {
  .p-about .p-about__content {
    margin-top: 14rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-about .p-about__content {
    margin-top: 10.256410256410255vw;
  }
}
.p-about .c-heading__band {
  line-height: 1.28em;
}
.p-about .p-about__timeline {
  display: block;
}
@media screen and (min-width: 1024px) {
  .p-about .p-about__timeline {
    margin-top: 10.9rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-about .p-about__timeline {
    margin-top: 16vw;
  }
}
.p-about .p-about__timeline--card {
  position: relative;
  width: 100%;
}
.p-about .p-about__timeline--card::before {
  content: '';
  display: block;
  position: absolute;
  left: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  background-image: url("/assets/images/others/common/ico_doubletriangle_bottom_green.svg");
  background-repeat: no-repeat;
  background-size: cover;
}
@media screen and (min-width: 1024px) {
  .p-about .p-about__timeline--card::before {
    width: 2.3rem;
    height: 4.6rem;
    bottom: -8.9rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-about .p-about__timeline--card::before {
    width: 4vw;
    height: 8vw;
    bottom: -18.666666666666668vw;
    left: 48%;
  }
}
@media screen and (min-width: 1024px) {
  .p-about .p-about__timeline--card:nth-child(n+2) {
    margin-top: 9.4rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-about .p-about__timeline--card:nth-child(n+2) {
    margin-top: 24vw;
  }
}
@media screen and (max-width: 1023px) {
  .p-about .p-about__timeline--card:nth-child(3) {
    margin-top: 30.666666666666664vw;
  }
}
@media screen and (max-width: 1023px) {
  .p-about .p-about__timeline--card:nth-child(3) span {
    margin-top: -3.333333333333333vw;
  }
}
.p-about .p-about__timeline--card:last-child::before {
  display: none;
}
@media screen and (max-width: 1023px) {
  .p-about .p-about__timeline--card.is-nopopup {
    margin-top: 21.333333333333336vw;
  }
}
@media screen and (min-width: 1024px) {
  .p-about .p-about__timeline--card__wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 109.5rem;
    padding: 4rem 0;
  }
}
@media screen and (max-width: 1023px) {
  .p-about .p-about__timeline--card__wrap {
    width: 79.2vw;
    padding: 11.333333333333332vw 0 8.666666666666668vw;
  }
}
.p-about .p-about__timeline--text {
  position: relative;
}
@media screen and (min-width: 1024px) {
  .p-about .p-about__timeline--text {
    width: 66rem;
  }
}
@media screen and (min-width: 1024px) {
  .p-about .p-about__timeline--text .c-othersbutton {
    margin-left: 0;
  }
}
@media screen and (max-width: 1023px) {
  .p-about .p-about__timeline--text__label {
    position: absolute;
    width: 100%;
    top: -8vw;
  }
}
.p-about .c-heading__level2a {
  position: relative;
}
@media screen and (max-width: 1023px) {
  .p-about .c-heading__level2a {
    margin-top: -12px;
  }
}
@media screen and (min-width: 1024px) {
  .p-about .c-heading__level2a span.c-heading__level2a--inner {
    padding: 1.5rem 3rem;
    font-size: 2.4rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-about .c-heading__level2a span.c-heading__level2a--inner {
    font-size: 4.266666666666667vw;
    line-height: 1.5em;
  }
}
.p-about .c-heading__level9 {
  color: #45b463;
}
@media screen and (min-width: 1024px) {
  .p-about .c-heading__level9 {
    margin-top: 2rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-about .c-heading__level9 {
    text-align: center;
  }
}
@media screen and (min-width: 1024px) {
  .p-about .p-about__timeline--image {
    width: 40.8rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-about .p-about__timeline--image {
    margin-top: 3.866666666666667vw;
  }
}
@media screen and (min-width: 1024px) {
  .p-about .p-about__detail {
    margin-top: 6rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-about .p-about__detail {
    margin-top: 16.400000000000002vw;
  }
}
@media screen and (min-width: 1024px) {
  .p-about .p-about__detail .c-othersbutton__wrap {
    padding: 1.7rem 0;
  }
}
.p-about .p-about__detail .c-heading__level5 {
  text-align: center;
}
@media screen and (min-width: 1024px) {
  .p-about .p-about__detail .c-heading__level5 .c-heading__level5__txt {
    font-size: 2.4rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-about .p-about__detail .c-heading__level5 .c-heading__level5__txt {
    display: inline-block;
    margin: auto;
    position: relative;
    top: 0;
    left: 0;
    -webkit-transform: none;
    transform: none;
  }
}
@media screen and (max-width: 1023px) {
  .p-about .p-about__detail .c-heading__level5::after {
    padding: 0;
  }
}
@media screen and (min-width: 1024px) {
  .p-about .p-about__detail .p-about__detailbutton {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 92.4rem;
    margin: auto;
  }
}
@media screen and (min-width: 1024px) {
  .p-about .p-about__detail .p-about__detailbutton .c-othersbutton {
    width: 44.6rem;
    margin: 0;
  }
}
@media screen and (max-width: 1023px) {
  .p-about .p-about__detail .p-about__detailbutton .c-othersbutton {
    width: 100%;
  }
}
@media screen and (min-width: 1024px) {
  .p-about .p-about__detail .p-about__detailbutton .c-othersbutton .c-othersbutton__wrap {
    padding: 2.3rem 0;
  }
}
@media screen and (min-width: 1024px) {
  .p-about .p-about__detail .p-about__detailbutton.is-3col {
    width: 106.726rem;
  }
}
@media screen and (min-width: 1024px) {
  .p-about .p-about__detail .p-about__detailbutton.is-3col .c-othersbutton {
    width: 32.726rem;
    margin: 0;
  }
}
@media screen and (max-width: 1023px) {
  .p-about .p-about__detail .p-about__detailbutton.is-3col .c-othersbutton {
    width: 100%;
  }
}
@media screen and (min-width: 1024px) {
  .p-about .p-about__detail .p-about__detailbutton.is-4col {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 67.05199999999999rem;
  }
}
@media screen and (min-width: 1024px) {
  .p-about .p-about__detail .p-about__detailbutton.is-4col .c-othersbutton {
    width: 32.726rem;
    margin: 1.6rem 0 0;
  }
}
@media screen and (min-width: 1024px) {
  .p-about .p-about__works {
    margin-top: 8rem;
    padding: 5rem 0;
  }
}
@media screen and (max-width: 1023px) {
  .p-about .p-about__works {
    padding: 13.333333333333334vw 0 10.266666666666667vw;
    margin-top: 18vw;
  }
}
.p-about .p-about__works .c-heading__level5 {
  text-align: center;
}
@media screen and (min-width: 1024px) {
  .p-about .p-about__works .c-heading__level5 {
    margin-top: 0;
  }
}
@media screen and (max-width: 1023px) {
  .p-about .p-about__works .c-heading__level5:after {
    display: none;
  }
}
@media screen and (min-width: 1024px) {
  .p-about .p-about__works .c-heading__level5 .c-heading__level5__txt {
    font-size: 2.4rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-about .p-about__works .c-heading__level5 .c-heading__level5__txt {
    display: inline-block;
    margin: auto;
    position: relative;
    top: 0;
    left: 0;
    -webkit-transform: none;
    transform: none;
  }
}
@media screen and (min-width: 1024px) {
  .p-about .p-about__works .p-about__works--button .c-othersbutton {
    width: 44.6rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-about .p-about__works .p-about__works--button .c-othersbutton {
    width: 100%;
  }
}
.p-aboutkp__recruitment {
  position: relative;
}
@media screen and (max-width: 1023px) {
  .p-aboutkp__recruitment .c-column__type7--heading__wrap .c-heading__level2a {
    top: -5.333333333333334vw;
  }
}
@media screen and (min-width: 1024px) {
  .p-aboutkp__recruitment .p-aboutkp__main .c-column__type7--card {
    padding: 5rem 0 4rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-aboutkp__recruitment .p-aboutkp__main .c-column__type7--card {
    padding: 8.266666666666666vw 0 8.266666666666666vw;
  }
}
.p-aboutkp__main {
  position: relative;
}
@media screen and (min-width: 1024px) {
  .p-aboutkp__main {
    margin-top: 14.3rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-aboutkp__main {
    margin-top: 19.066666666666666vw;
  }
}
@media screen and (min-width: 1024px) {
  .p-aboutkp__main .p-aboutkp__main--card {
    padding: 4rem 0;
  }
}
@media screen and (max-width: 1023px) {
  .p-aboutkp__main .p-aboutkp__main--card {
    padding: 5.333333333333334vw 0 8.266666666666666vw;
  }
}
.p-aboutkp__main .c-heading__level2 {
  margin: auto;
  line-height: 1.3em;
}
@media screen and (min-width: 1024px) {
  .p-aboutkp__main .c-heading__level2 {
    width: 108.6rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-aboutkp__main .c-heading__level2 {
    width: 79.46666666666667vw;
    font-size: 5.333333333333334vw;
  }
}
.p-aboutkp__main .p-aboutkp__content {
  margin: auto;
}
@media screen and (min-width: 1024px) {
  .p-aboutkp__main .p-aboutkp__content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    width: 108.6rem;
    padding-top: 3.7rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-aboutkp__main .p-aboutkp__content {
    width: 79.46666666666667vw;
    padding-top: 3.866666666666667vw;
  }
}
.p-aboutkp__main .p-aboutkp__content--image {
  overflow: hidden;
}
@media screen and (min-width: 1024px) {
  .p-aboutkp__main .p-aboutkp__content--image {
    width: 52.4rem;
    border-radius: 1.5rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-aboutkp__main .p-aboutkp__content--image {
    border-radius: 2vw;
  }
}
@media screen and (min-width: 1024px) {
  .p-aboutkp__main .p-aboutkp__content--text {
    width: 52.4rem;
  }
}
@media screen and (min-width: 1024px) {
  .p-aboutkp__main .p-aboutkp__content--2columnbtn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 0.6rem;
  }
}
@media screen and (min-width: 1024px) {
  .p-aboutkp__main .p-aboutkp__content--2columnbtn .c-othersbutton {
    width: 25rem;
    margin-bottom: 0;
  }
}
@media screen and (max-width: 1023px) {
  .p-aboutkp__main .p-aboutkp__content--2columnbtn .c-othersbutton:nth-child(n+2) {
    margin-top: 4.933333333333334vw;
  }
}
@media screen and (min-width: 1024px) {
  .p-aboutkp__main .p-aboutkp__content--2columnbtn .c-othersbutton:nth-child(2n) {
    margin-left: 1.9rem;
  }
}
@media screen and (min-width: 1024px) {
  .p-aboutkp__main .p-aboutkp__content--2columnbtn .c-othersbutton:nth-child(n+3) {
    margin-top: 1.9rem;
  }
}
.p-aboutkp__main .c-text__level3 {
  line-height: 1.9em;
}
@media screen and (max-width: 1023px) {
  .p-aboutkp__main .c-text__level3 {
    margin-top: 5.733333333333333vw;
  }
}
@media screen and (min-width: 1024px) {
  .p-aboutkp__main .c-othersbutton {
    margin: 2.5rem 0;
  }
}
@media screen and (max-width: 1023px) {
  .p-aboutkp__main .c-othersbutton {
    margin: 6.666666666666667vw auto 0;
  }
}
@media screen and (min-width: 1024px) {
  .p-about__timeline--centered {
    width: 100%;
  }
}
@media screen and (max-width: 1023px) {
  .p-about__timeline--centered .p-projecthp-subsec--hdg {
    margin-bottom: 5.333333333333334vw;
  }
}
@media screen and (min-width: 1024px) {
  .p-about__timeline--centered .c-othersbutton {
    margin-top: 3rem;
  }
}
@media screen and (min-width: 1024px) {
  .p-about-pr {
    margin-top: 11.6rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-about-pr {
    margin-top: 16vw;
  }
}
@media screen and (min-width: 1024px) {
  .p-about-pr .c-moviemodal {
    width: 78rem;
    margin: 4.6rem auto 14.7rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-about-pr .c-moviemodal {
    margin: 8vw 0 16vw;
  }
}
@media screen and (min-width: 1024px) {
  .p-formlp {
    min-width: auto;
  }
  .p-formlp .c-othersbutton {
    margin-top: 3.9rem;
    margin-bottom: 0;
  }
  .p-formlp .c-othersbutton + .c-othersbutton {
    margin-top: 11.5rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-formlp .c-othersbutton {
    margin-top: 10.133333333333333vw;
    margin-bottom: 0;
  }
  .p-formlp .c-othersbutton.is-type-primary {
    width: 100%;
  }
  .p-formlp .c-othersbutton.is-type-primary .c-othersbutton__wrap {
    padding: 7.199999999999999vw 0;
    border-radius: 10.666666666666668vw;
  }
  .p-formlp .c-othersbutton + .c-othersbutton {
    margin-top: 16.133333333333333vw;
  }
}
@media screen and (min-width: 1024px) {
  .p-formlp-container {
    width: 86rem;
    margin: 0 auto;
  }
}
@media screen and (max-width: 1023px) {
  .p-formlp-container {
    padding: 0 4.8vw;
  }
}
.p-formlp-announce {
  text-align: center;
}
@media screen and (min-width: 1024px) {
  .p-formlp-announce {
    margin-top: 3.45em;
    padding: 1.25em 2em;
    font-size: 2rem;
    line-height: 1.65;
    border-radius: 0.3em;
  }
}
@media screen and (max-width: 1023px) {
  .p-formlp-announce {
    margin-top: 8vw;
    padding: 1.285714285714286em 0;
    font-size: 3.733333333333334vw;
    line-height: 1.928571428571429;
    border-radius: 1.866666666666667vw;
  }
}
.p-formlp-content {
  position: relative;
}
.p-formlp-content a {
  text-decoration: underline;
}
.p-formlp-content::after {
  position: absolute;
  left: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  content: '';
}
@media screen and (min-width: 1024px) {
  .p-formlp-content {
    margin-top: 7rem;
  }
  .p-formlp-content a:hover {
    text-decoration: none;
  }
  .p-formlp-content + .p-formlp-content {
    margin-top: 4rem;
  }
  .p-formlp-content::after {
    top: 0.6rem;
    border-radius: 1.2rem;
  }
  .p-formlp-content .c-othersbutton__wrap.is--icon-download {
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
  }
  .p-formlp-content .c-othersbutton__wrap.is--icon-download:hover {
    opacity: 0.8;
  }
}
@media screen and (max-width: 1023px) {
  .p-formlp-content {
    margin-top: 8vw;
  }
  .p-formlp-content + .p-formlp-content {
    margin-top: 6.666666666666667vw;
  }
  .p-formlp-content::after {
    top: 1.066666666666667vw;
    border-radius: 1.866666666666667vw;
  }
}
.p-formlp-content .c-othersbutton {
  margin-left: 0;
}
@media screen and (min-width: 1024px) {
  .p-formlp-content .c-othersbutton {
    margin-top: 3.5rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-formlp-content .c-othersbutton {
    margin-top: 4.133333333333333vw;
  }
}
.p-formlp-content__inner {
  position: relative;
  z-index: 1;
  background-color: #fff;
}
@media screen and (min-width: 1024px) {
  .p-formlp-content__inner {
    width: 85.4rem;
    padding: 4.5rem 4.5rem 5.4rem;
    border-radius: 1.2rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-formlp-content__inner {
    margin-right: 1.333333333333333vw;
    padding: 6.666666666666667vw 4.533333333333333vw 4.8vw;
    border-radius: 1.866666666666667vw;
  }
}
.p-formlp-content__hdg {
  font-weight: bold;
}
@media screen and (min-width: 1024px) {
  .p-formlp-content__hdg {
    font-size: 4.7rem;
    line-height: 1.446808510638298;
  }
}
@media screen and (max-width: 1023px) {
  .p-formlp-content__hdg {
    font-size: 6.4vw;
    line-height: 1.458333333333333;
  }
}
@media screen and (min-width: 1024px) {
  .p-formlp-content-element {
    margin-top: 4.35rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-formlp-content-element {
    margin-top: 5.733333333333333vw;
  }
}
.p-formlp-content-element__hdg {
  display: inline-block;
  font-weight: bold;
  color: #fff;
}
@media screen and (min-width: 1024px) {
  .p-formlp-content-element__hdg {
    padding: 0.28em 0.64em;
    font-size: 2.5rem;
    line-height: 1.4;
    border-radius: 0.24em;
  }
}
@media screen and (max-width: 1023px) {
  .p-formlp-content-element__hdg {
    padding: 0.323529411764706em 0.705882352941177em;
    font-size: 4.533333333333333vw;
    line-height: 1.411764705882353;
    border-radius: 1.6vw;
  }
}
@media screen and (min-width: 1024px) {
  .p-formlp-content-element__detail {
    margin-top: 3rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-formlp-content-element__detail {
    margin-top: 5.600000000000001vw;
  }
}
.p-formlp-content-element__text {
  font-weight: bold;
}
@media screen and (min-width: 1024px) {
  .p-formlp-content-element__text {
    font-size: 2.8rem;
    line-height: 1.785714285714286;
  }
}
@media screen and (max-width: 1023px) {
  .p-formlp-content-element__text {
    font-size: 4.8vw;
    line-height: 1.805555555555556;
  }
}
.p-formlp-content-element__text.is-attention {
  color: #f00;
}
.p-formlp-content-element__announcehead {
  font-weight: bold;
}
@media screen and (min-width: 1024px) {
  .p-formlp-content-element__announcehead {
    margin-top: 0.823529411764706em;
    font-size: 1.7rem;
    line-height: 1.352941176470588;
  }
}
@media screen and (max-width: 1023px) {
  .p-formlp-content-element__announcehead {
    margin-top: 0.58125em;
    font-size: 4.266666666666667vw;
    line-height: 1.375;
  }
}
.p-formlp-content-element__announce {
  font-weight: bold;
}
@media screen and (min-width: 1024px) {
  .p-formlp-content-element__announce {
    margin-top: 0.764705882352941em;
    font-size: 1.7rem;
    line-height: 1.882352941176471;
  }
}
@media screen and (max-width: 1023px) {
  .p-formlp-content-element__announce {
    margin-top: 0.642857142857143em;
    font-size: 3.733333333333334vw;
    line-height: 1.821428571428571;
  }
}
@media screen and (min-width: 1024px) {
  .p-formlp-content-element__list {
    margin-top: 0.294117647058824em;
    font-size: 1.7rem;
    line-height: 1.647058823529412;
  }
  .p-formlp-content-element__list.is--type-primary {
    font-size: 2.4rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-formlp-content-element__list {
    margin-top: 0.814285714285714em;
    font-size: 3.733333333333334vw;
    line-height: 1.821428571428571;
  }
  .p-formlp-content-element__list.is--type-primary {
    font-size: 4.8vw;
  }
}
.p-formlp-content-element__item {
  padding-left: 1em;
  text-indent: -1em;
}
.p-formlp-content-element__schedule {
  font-weight: bold;
}
@media screen and (min-width: 1024px) {
  .p-formlp-content-element__schedule {
    font-size: 2.8rem;
    line-height: 1.392857142857143;
  }
}
@media screen and (max-width: 1023px) {
  .p-formlp-content-element__schedule {
    font-size: 4.8vw;
    line-height: 1.805555555555556;
  }
}
.p-formlp-content-element__date {
  padding-left: 1em;
  text-indent: -1em;
}
@media screen and (min-width: 1024px) {
  .p-formlp-content-element__notice {
    margin-top: 0.823529411764706em;
    font-size: 1.7rem;
    line-height: 1.470588235294118em;
  }
}
@media screen and (max-width: 1023px) {
  .p-formlp-content-element__notice {
    margin-top: 0.142857142857143em;
    font-size: 3.733333333333334vw;
    line-height: 1.785714285714286;
  }
}
.p-formlp-content-element__noticetext {
  padding-left: 1em;
  font-weight: normal;
  text-indent: -1em;
}
.p-formlp-content-element__noticetext .is-redtext {
  color: #fc011a;
}
.p-formlp-content-element__info {
  background-color: #f6f6f6;
}
@media screen and (min-width: 1024px) {
  .p-formlp-content-element__info {
    margin: 1.5rem 0 3.4rem;
    padding: 1.647058823529412em 2.588235294117647em;
    font-size: 1.7rem;
    line-height: 1.647058823529412;
    border-radius: 1.5rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-formlp-content-element__info {
    margin: 3.066666666666666vw 0 5.600000000000001vw;
    padding: 1.642857142857143em 1.392857142857143em;
    font-size: 3.733333333333334vw;
    line-height: 1.821428571428571;
    border-radius: 2vw;
  }
}
@media screen and (min-width: 1024px) {
  .p-formlp-content-element__info__detail + .p-formlp-content-element__info__hdg {
    margin-top: 1.647058823529412em;
  }
}
@media screen and (max-width: 1023px) {
  .p-formlp-content-element__info__detail + .p-formlp-content-element__info__hdg {
    margin-top: 1.821428571428571em;
  }
}
.p-formlp-content-element__info__item {
  padding-left: 1em;
  text-indent: -1em;
}
@media screen and (min-width: 1024px) {
  .p-formlp-other {
    margin-top: 8rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-formlp-other {
    margin-top: 15.6vw;
  }
}
.p-formlp-other__hdg {
  display: inline-block;
  background-color: #fff;
}
@media screen and (min-width: 1024px) {
  .p-formlp-other__hdg {
    padding: 0.333333333333333em 0.5em;
    font-size: 3rem;
    line-height: 1.4;
    border-radius: 0.666666666666667em;
  }
  .p-formlp-other__hdg + * {
    margin-top: 4rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-formlp-other__hdg {
    padding: 0.323529411764706em 0.764705882352941em;
    font-size: 4.533333333333333vw;
    line-height: 1.411764705882353;
    border-radius: 0.352941176470588em;
  }
  .p-formlp-other__hdg + * {
    margin-top: 6.666666666666667vw;
  }
}
.p-formlp-other__list,
.p-formlp-other__text {
  font-weight: normal;
}
@media screen and (min-width: 1024px) {
  .p-formlp-other__list,
  .p-formlp-other__text {
    font-size: 1.9rem;
    line-height: 2.052631578947369;
  }
}
@media screen and (max-width: 1023px) {
  .p-formlp-other__list,
  .p-formlp-other__text {
    font-size: 4.266666666666667vw;
    line-height: 2.03125;
  }
}
.p-formlp-other__item {
  padding-left: 1em;
  text-indent: -1em;
}
.p-formlp-other__text {
  font-weight: bold;
}
.p-formlp-other__notice {
  padding-left: 1em;
  font-weight: normal;
  text-indent: -1em;
}
@media screen and (min-width: 1024px) {
  .p-formlp-other__notice {
    font-size: 1.6rem;
    line-height: 1.8125;
  }
}
@media screen and (max-width: 1023px) {
  .p-formlp-other__notice {
    font-size: 3.733333333333334vw;
    line-height: 1.785714285714286;
  }
}
@media screen and (min-width: 1024px) {
  .p-formlp-other__head {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .p-formlp-other__head + * {
    margin-top: 4rem;
  }
}
@media screen and (min-width: 1024px) {
  .p-formlp-other__subhead {
    margin: 0 0 0 1.125em;
    font-size: 2.4rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-formlp-other__subhead {
    font-size: 4.266666666666667vw;
    line-height: 1.6875;
  }
}
.p-formlp-other__agreement {
  overflow: auto;
  background-color: rgba(255,255,255,0.5);
  font-weight: normal;
}
.p-formlp-other__agreement a {
  text-decoration: underline;
}
@media screen and (min-width: 1024px) {
  .p-formlp-other__agreement {
    height: 31.2rem;
    padding: 1.875em;
    font-size: 1.6rem;
    line-height: 1.75;
    border: 0.4rem solid #fff;
    border-radius: 1.2rem;
  }
  .p-formlp-other__agreement a:hover {
    text-decoration: none;
  }
}
@media screen and (max-width: 1023px) {
  .p-formlp-other__agreement {
    margin-top: 3.333333333333333vw;
    height: 96.53333333333333vw;
    padding: 1.785714285714286em 1.428571428571429em;
    font-size: 3.733333333333334vw;
    line-height: 1.678571428571429;
    border: 1.066666666666667vw solid #fff;
    border-radius: 3.2vw;
  }
}
.p-formlp-other__agreement ul.is-indent1 > li,
.p-formlp-other__agreement ol.is-indent1 > li {
  padding-left: 1em;
  text-indent: -1em;
}
.p-formlp-other__agreement ul.is-indent2 > li,
.p-formlp-other__agreement ol.is-indent2 > li {
  padding-left: 2em;
  text-indent: -2em;
}
.p-formlp-other__agreement ul.is-indent3 > li,
.p-formlp-other__agreement ol.is-indent3 > li {
  padding-left: 3em;
  text-indent: -3em;
}
.p-formlp-other__agreement ul.is-plain,
.p-formlp-other__agreement ol.is-plain {
  padding-left: 1.5em;
}
.p-formlp-other__agreement ul.is-plain > li,
.p-formlp-other__agreement ol.is-plain > li {
  text-indent: 0;
}
.p-formlp-other__agreement ul.is-plain > li {
  list-style-type: disc;
}
.p-formlp-other__agreement ol.is-plain > li {
  list-style-type: decimal;
}
.p-formlp-other__agreement-hdg {
  margin: 2em 0 1em;
  text-align: center;
  font-weight: bold;
}
@media screen and (min-width: 1024px) {
  .p-formlp-other__agreement-hdg {
    font-size: 2rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-formlp-other__agreement-hdg {
    font-size: 4.266666666666667vw;
  }
}
.p-formlp-other__agreement-hdg:first-child {
  margin-top: 0;
}
.p-formlp-agreement {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-weight: normal;
}
.p-formlp-agreement label {
  position: relative;
  background-color: #fff;
}
.p-formlp-agreement a {
  text-decoration: underline;
}
.p-formlp-agreement input {
  display: none;
}
.p-formlp-agreement input:checked + label::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 0.526315789473684em;
  height: 1.052631578947368em;
  margin: auto;
  border-right: 0.210526315789474em solid;
  border-bottom: 0.210526315789474em solid;
  content: '';
  -webkit-transform: translateY(-15%) rotate(45deg);
  transform: translateY(-15%) rotate(45deg);
}
@media screen and (min-width: 1024px) {
  .p-formlp-agreement {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 1.789473684210526em;
    font-size: 1.9rem;
  }
  .p-formlp-agreement label {
    width: 2.052631578947369em;
    height: 2.052631578947369em;
    border: 0.210526315789474em solid;
    border-radius: 0.473684210526316em;
    cursor: pointer;
  }
  .p-formlp-agreement a:hover {
    text-decoration: none;
  }
}
@media screen and (max-width: 1023px) {
  .p-formlp-agreement {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 7.199999999999999vw;
    font-size: 4.266666666666667vw;
  }
  .p-formlp-agreement label {
    width: 2.5em;
    height: 2.5em;
    border: 1.066666666666667vw solid;
    border-radius: 2.4vw;
  }
}
@media screen and (min-width: 1024px) {
  .p-formlp-agreement__text {
    margin-left: 0.894736842105263em;
  }
}
@media screen and (max-width: 1023px) {
  .p-formlp-agreement__text {
    margin-left: 1.125em;
    line-height: 1.333333333333333;
  }
}
@media screen and (min-width: 1024px) {
  .p-formlp-bnr {
    margin-top: 10.5rem;
  }
  .p-formlp-bnr + .c-othersbutton {
    margin-top: 11.6rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-formlp-bnr {
    margin-top: 13.333333333333334vw;
  }
  .p-formlp-bnr + .c-othersbutton {
    margin-top: 16vw;
  }
}
@media screen and (min-width: 1024px) {
  .p-formlp-bnr__text {
    margin-top: 1.25em;
    font-size: 2rem;
    line-height: 1.8;
  }
}
@media screen and (max-width: 1023px) {
  .p-formlp-bnr__text {
    margin-top: 1.25em;
    font-size: 4.266666666666667vw;
    line-height: 2.03125;
  }
}
.is-type-ws .p-formlp-announce {
  background-color: #fff5a5;
  color: #ff7600;
}
.is-type-ws .p-formlp-content a,
.is-type-ws .p-formlp-other__agreement a {
  color: #fa7e26;
}
.is-type-ws .p-formlp-content::after,
.is-type-ws .p-formlp-other__agreement::after {
  background-color: #fa7e26;
}
.is-type-ws .p-formlp-content__inner {
  border: 0.6rem solid #fa7e26;
}
.is-type-ws .p-formlp-content__hdg {
  color: #fa7e26;
}
.is-type-ws .p-formlp-content-element__hdg {
  background-color: #31b0f3;
}
.is-type-ws .p-formlp-content-element__announcehead {
  color: #fa7e26;
}
.is-type-ws .p-formlp-content-element__schedule {
  color: #fa7e26;
}
.is-type-ws .p-formlp-other__hdg {
  color: #fa7e26;
}
.is-type-ws .p-formlp-agreement label {
  border-color: #fa7e26;
}
.is-type-ws .p-formlp-agreement a {
  color: #fa7e26;
}
.is-type-ws .p-formlp-agreement input:checked + label::after {
  border-right-color: #fa7e26;
  border-bottom-color: #fa7e26;
}
.is-type-work .p-formlp-announce {
  background-color: #e6f7ac;
  color: #45b462;
}
.is-type-work .p-formlp-content a,
.is-type-work .p-formlp-other__agreement a {
  color: #54a826;
}
.is-type-work .p-formlp-content::after,
.is-type-work .p-formlp-other__agreement::after {
  background-color: #45b462;
}
.is-type-work .p-formlp-content__inner {
  border: 0.6rem solid #45b462;
}
.is-type-work .p-formlp-content__hdg {
  color: #45b462;
}
.is-type-work .p-formlp-content-element__hdg {
  background-color: #f9709a;
}
.is-type-work .p-formlp-content-element__announcehead {
  color: #45b462;
}
.is-type-work .p-formlp-other__hdg {
  color: #45b462;
}
.is-type-enq2023 .p-formlp-content__inner {
  border: 0.6rem solid #32a4f4;
}
.is-type-enq2023 .p-formlp-content__hdg {
  color: #f9709a;
}
@media screen and (min-width: 1024px) {
  .is-type-enq2023 .p-formlp-content__hdg {
    font-size: 4.3rem;
  }
}
@media screen and (max-width: 1023px) {
  .is-type-enq2023 .p-formlp-content__hdg {
    font-size: 5.733333333333333vw;
  }
}
.is-type-enq2023 .p-formlp-content-element__hdg {
  background-color: #ff7146;
}
.is-type-enq2023 .p-formlp-content-element__info {
  background-color: #fff7d8;
}
.is-type-enq2023 .p-formlp-content-element__info__hdg {
  color: #fd7146;
}
.is-type-enq2023 .p-formlp-other__hdg {
  color: #f9709a;
}
.is-type-photo .p-formlp-announce {
  background-color: #d8faff;
  color: #1c5dc6;
}
@media screen and (max-width: 1023px) {
  .is-type-photo .p-formlp-announce {
    padding-right: 8vw;
    padding-left: 8vw;
  }
}
.is-type-photo .p-formlp-content::after,
.is-type-photo .p-formlp-other__agreement::after {
  background-color: #1c5dc6;
}
.is-type-photo .p-formlp-content__inner {
  border: 0.6rem solid #1c5dc6;
}
.is-type-photo .p-formlp-content__hdg {
  color: #1c5dc6;
}
.is-type-photo .p-formlp-content-element__hdg {
  background-color: #f9709a;
}
.is-type-photo .p-formlp-content-element__announcehead {
  color: #1c5dc6;
}
.is-type-photo .p-formlp-other__hdg {
  color: #1c5dc6;
}
@media screen and (min-width: 1024px) {
  .is-type-photo .p-formlp-other__back {
    width: 45.4rem;
    margin: 9rem auto 0;
  }
}
@media screen and (min-width: 1024px) {
  .p-formlp-content-element__dlbotton .c-othersbutton {
    margin-top: 1rem;
    margin-bottom: 4rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-formlp-content-element__dlbotton .c-othersbutton {
    width: 100%;
  }
}
@media screen and (min-width: 1024px) {
  .p-application__main {
    margin-top: 16.6rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-application__main {
    margin-top: 19.066666666666666vw;
  }
}
@media screen and (min-width: 1024px) {
  .p-application__main:nth-of-type(1) {
    margin-top: 20rem;
  }
}
@media screen and (min-width: 1024px) {
  .p-application__main .p-application__main--card {
    padding: 4rem 0;
  }
}
@media screen and (max-width: 1023px) {
  .p-application__main .p-application__main--card {
    padding: 5.333333333333334vw 0 8.266666666666666vw;
  }
}
.p-application__main .c-heading__level2 {
  margin: auto;
  line-height: 1.3em;
}
@media screen and (min-width: 1024px) {
  .p-application__main .c-heading__level2 {
    width: 100%;
  }
}
@media screen and (max-width: 1023px) {
  .p-application__main .c-heading__level2 {
    width: 79.46666666666667vw;
    margin-top: 5.333333333333334vw;
    font-size: 6.666666666666667vw;
  }
}
.p-application__main .p-application__content {
  margin: auto;
}
@media screen and (min-width: 1024px) {
  .p-application__main .p-application__content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 108.6rem;
    padding-top: 1.5rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-application__main .p-application__content {
    width: 79.46666666666667vw;
    padding-top: 3.866666666666667vw;
  }
}
.p-application__main .p-application__content--left {
  overflow: hidden;
}
@media screen and (min-width: 1024px) {
  .p-application__main .p-application__content--left {
    width: 52.4rem;
    border-radius: 1.5rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-application__main .p-application__content--left {
    border-radius: 2vw;
  }
}
@media screen and (min-width: 1024px) {
  .p-application__main .p-application__content--right {
    width: 52.4rem;
  }
}
.p-application__main .c-text__level3 {
  line-height: 1.9em;
}
@media screen and (min-width: 1024px) {
  .p-application__main .c-text__level3 {
    margin-top: 2.6rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-application__main .c-text__level3 {
    margin-top: 5.733333333333333vw;
  }
}
@media screen and (min-width: 1024px) {
  .p-application__main .c-othersbutton {
    margin: 0 auto;
  }
}
@media screen and (max-width: 1023px) {
  .p-application__main .c-othersbutton {
    margin: 6.666666666666667vw auto 0;
  }
}
@media screen and (min-width: 1024px) {
  .p-application__main .p-application__main--2columncard {
    padding: 4rem 0;
  }
}
@media screen and (max-width: 1023px) {
  .p-application__main .p-application__main--2columncard {
    padding: 5.333333333333334vw 0 8.266666666666666vw;
  }
}
.p-application__main .p-application__main--2columncard .p-application__content {
  position: relative;
  -webkit-box-align: initial;
  -webkit-align-items: initial;
  -ms-flex-align: initial;
  align-items: initial;
}
@media screen and (min-width: 1024px) {
  .p-application__main .p-application__main--2columncard .p-application__content:before {
    position: absolute;
    display: block;
    content: '';
    width: 0.4rem;
    height: 35.8rem;
    right: 0;
    left: 0;
    margin: auto;
    background-image: url("/assets/images/others/application/dot_01_pc.png");
    background-repeat: no-repeat;
    background-size: contain;
  }
}
@media screen and (min-width: 1024px) {
  .p-application__main .p-application__main--2columncard .p-application__content--left,
  .p-application__main .p-application__main--2columncard .p-application__content--right {
    position: relative;
    padding-bottom: 13rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-application__main .p-application__main--2columncard .p-application__content--right {
    margin-top: 0.133333333333333vw;
  }
}
@media screen and (max-width: 1023px) {
  .p-application__main .p-application__main--2columncard .p-application__content--right:nth-of-type(n+2) {
    position: relative;
    margin-top: 21.333333333333336vw;
  }
}
@media screen and (max-width: 1023px) {
  .p-application__main .p-application__main--2columncard .p-application__content--right:nth-of-type(n+2):before {
    position: absolute;
    display: block;
    content: '';
    width: 78vw;
    height: 1.333333333333333vw;
    top: -10vw;
    right: 0;
    left: 0;
    margin: auto;
    background-image: url("/assets/images/others/application/dot_01_sp.png");
    background-repeat: no-repeat;
    background-size: contain;
  }
}
@media screen and (min-width: 1024px) {
  .p-application__main .p-application__main--2columncard .c-heading__level2 {
    line-height: 6rem;
  }
}
@media screen and (min-width: 1024px) {
  .p-application__main .p-application__main--2columncard .c-text__level3 {
    margin-top: 3rem;
  }
}
@media screen and (min-width: 1024px) {
  .p-application__main .p-application__main--2columncard .c-othersbutton {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
  }
}
.p-application__main--card.is-otherquestionnaire {
  background: none;
  border-radius: none;
}
.p-application__main--card.is-otherquestionnaire .c-othersbutton {
  position: relative;
}
@media screen and (max-width: 1023px) {
  .p-application__main--card.is-otherquestionnaire .c-othersbutton {
    width: 100%;
  }
}
.p-application__main--card.is-otherquestionnaire .c-othersbutton:before {
  display: block;
  content: '';
  position: absolute;
  z-index: 5;
  background-image: url("/assets/images/others/common/ico_circle_03.png");
  background-size: cover;
}
@media screen and (min-width: 1024px) {
  .p-application__main--card.is-otherquestionnaire .c-othersbutton:before {
    width: 9.1rem;
    height: 9rem;
    left: 1.3rem;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
  }
}
@media screen and (max-width: 1023px) {
  .p-application__main--card.is-otherquestionnaire .c-othersbutton:before {
    width: 6.1rem;
    height: 6rem;
    left: 1.3rem;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
  }
}
@media screen and (min-width: 1024px) {
  .p-application__main--card.is-otherquestionnaire .c-othersbutton__wrap {
    font-size: 2rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-application__main--card.is-otherquestionnaire .c-othersbutton__wrap {
    font-size: 4vw;
  }
}
.p-application__notice {
  text-align: center;
  line-height: 1.8;
  color: #f00;
}
@media screen and (min-width: 1024px) {
  .p-application__notice {
    font-size: 2rem;
  }
  .p-application__notice + .c-heading__level2 {
    margin-top: 0.74rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-application__notice {
    margin-top: 5.066666666666666vw;
    font-size: 4.266666666666667vw;
  }
  .p-application__notice + .c-heading__level2 {
    margin-top: 1.333333333333333vw;
  }
}
.p-application__new {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}
@media screen and (min-width: 1024px) {
  .p-application__new {
    width: 6.4rem;
    height: 6.4rem;
    -webkit-transform: translate(-29.6875%, -23.90625%);
    transform: translate(-29.6875%, -23.90625%);
  }
}
@media screen and (max-width: 1023px) {
  .p-application__new {
    width: 8.533333333333333vw;
    height: 8.533333333333333vw;
    -webkit-transform: translate(-17.96875%, -17.1875%);
    transform: translate(-17.96875%, -17.1875%);
  }
}
.p-concours {
  display: block;
}
@media screen and (min-width: 1024px) {
  .p-concours .c-heading__level2a {
    text-align: center;
  }
}
@media screen and (min-width: 1024px) {
  .p-concours .c-heading__level2a span {
    position: relative;
    font-size: 3.2rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-concours .c-heading__level2a span {
    font-size: 4.266666666666667vw;
  }
}
@media screen and (max-width: 1023px) {
  .p-concours .c-heading__level2a::after {
    display: none;
  }
}
.p-concours .c-heading__level2a::after {
  display: none;
}
@media screen and (min-width: 1024px) {
  .p-concours .p-concours__gallery {
    margin-top: 15.5rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-concours .p-concours__gallery {
    margin-top: 20.666666666666668vw;
  }
}
.p-concours .p-concours__carousel {
  overflow: hidden;
}
@media screen and (min-width: 1024px) {
  .p-concours .p-concours__carousel {
    margin-top: 8rem;
    padding: 7.2rem 0;
  }
}
@media screen and (max-width: 1023px) {
  .p-concours .p-concours__carousel {
    margin-top: 8vw;
    padding: 4.399999999999999vw 0 7.199999999999999vw;
  }
}
.p-concours .p-concours__carousel--content {
  position: relative;
}
.p-concours .p-concours__carousel--card--wrap {
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}
@media screen and (max-width: 1023px) {
  .p-concours .p-concours__carousel--card--wrap {
    margin-left: -1.333333333333333vw;
  }
}
@media screen and (min-width: 1024px) {
  .p-concours .p-concours__carousel--card {
    width: 47.2rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-concours .p-concours__carousel--card {
    width: 74.66666666666667vw;
  }
}
.p-concours .p-concours__carousel--card.swiper-slide-active {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media screen and (min-width: 1024px) {
  .p-concours .p-concours__carousel--card.swiper-slide-active {
    width: 57.4rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-concours .p-concours__carousel--card.swiper-slide-active {
    width: 71.06666666666666vw;
  }
}
.p-concours .p-concours__carousel--card.swiper-slide-active .c-heading__level4 {
  opacity: 1;
}
.p-concours .p-concours__carousel--card.swiper-slide-prev .c-heading__level4 {
  opacity: 0;
  -webkit-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
  -webkit-transition-delay: 0;
  transition-delay: 0;
}
.p-concours .p-concours__carousel--card .c-heading__level4 {
  opacity: 0;
  text-align: center;
  color: #45b463;
  -webkit-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
}
@media screen and (min-width: 1024px) {
  .p-concours .p-concours__carousel--card .c-heading__level4 {
    margin-top: 4rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-concours .p-concours__carousel--card .c-heading__level4 {
    margin-top: 4.933333333333334vw;
  }
}
.p-concours .p-concours__carousel--image {
  overflow: hidden;
}
@media screen and (min-width: 1024px) {
  .p-concours .p-concours__carousel--image {
    border-radius: 1.3rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-concours .p-concours__carousel--image {
    border-radius: 1.733333333333333vw;
  }
}
.p-concours .swiper-button-prev:after,
.p-concours .swiper-button-next:after {
  content: '';
  display: block;
  position: absolute;
  background-repeat: no-repeat;
  background-size: cover;
}
@media screen and (min-width: 1024px) {
  .p-concours .swiper-button-prev:after,
  .p-concours .swiper-button-next:after {
    width: 6.4rem;
    height: 6.4rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-concours .swiper-button-prev:after,
  .p-concours .swiper-button-next:after {
    width: 9.066666666666666vw;
    height: 9.066666666666666vw;
  }
}
.p-concours .swiper-button-prev:after {
  background-image: url("/assets/images/others/concours/ico_left.png");
}
@media screen and (min-width: 1024px) {
  .p-concours .swiper-button-prev:after {
    left: 23.9rem;
    -webkit-transition: left 0.2s ease;
    transition: left 0.2s ease;
  }
}
@media screen and (min-width: 1024px) {
  .p-concours .swiper-button-prev:hover:after {
    left: 22.9rem;
  }
}
.p-concours .swiper-button-next:after {
  background-image: url("/assets/images/others/concours/ico_right.png");
}
@media screen and (min-width: 1024px) {
  .p-concours .swiper-button-next:after {
    right: 23.9rem;
    -webkit-transition: right 0.2s ease;
    transition: right 0.2s ease;
  }
}
@media screen and (min-width: 1024px) {
  .p-concours .swiper-button-next:hover:after {
    right: 22.9rem;
  }
}
@media screen and (min-width: 1024px) {
  .p-concours .p-concours__about .p-concours__about--caption {
    margin-top: 6rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-concours .p-concours__about .p-concours__about--caption {
    margin-top: 8vw;
  }
}
@media screen and (min-width: 1024px) {
  .p-concours .p-concours__about .c-column__type6 {
    margin-top: 7.5rem;
  }
}
@media screen and (min-width: 1024px) {
  .p-concours .p-concours__about .c-column__type6 .c-text__level2 {
    margin-bottom: 1.5rem;
  }
}
@media screen and (min-width: 1024px) {
  .p-concours .p-concours__about .c-column__type6 .c-text__level4 {
    margin-top: 1.5rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-concours .p-concours__about .c-column__type6 .c-text__level4 {
    margin-top: 2vw;
  }
}
@media screen and (max-width: 1023px) {
  .p-concours .p-concours__about .c-column__type6--card {
    margin-top: 8vw;
  }
}
@media screen and (min-width: 1024px) {
  .p-concours .p-concours__about .c-column__type6--card__wrap {
    padding: 5rem 0;
  }
}
@media screen and (max-width: 1023px) {
  .p-concours .p-concours__about .c-column__type6--card__wrap {
    width: 78.66666666666666vw;
    padding: 8vw 0;
  }
}
@media screen and (min-width: 1024px) {
  .p-concours .p-concours__about .c-heading__level10 {
    margin-top: 1.5rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-concours .p-concours__about .c-heading__level10 {
    margin-top: 4vw;
  }
}
@media screen and (max-width: 1023px) {
  .p-concours .p-concours__about .c-heading__level10 span {
    font-size: 4.266666666666667vw;
  }
}
@media screen and (min-width: 1024px) {
  .p-concours .p-concours__about .c-text__level2 {
    margin-top: 0.5rem;
  }
}
.p-concours .p-concours__about .c-text__level3 {
  color: #45b463;
}
@media screen and (max-width: 1023px) {
  .p-concours .p-concours__about .c-text__level3 {
    margin-top: 5.333333333333334vw;
  }
}
@media screen and (min-width: 1024px) {
  .p-concours .p-concours__about .c-text__level4 {
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-concours .p-concours__about .c-text__level4 {
    font-size: 2.933333333333333vw;
  }
}
.p-concours .c-column__type6 .p-concours__about__fixed {
  display: none;
  position: fixed;
  z-index: 190;
  width: 100vw;
  top: 0;
  left: 0;
  background: rgba(0,0,0,0.49);
}
@media screen and (min-width: 1024px) {
  .p-concours .c-column__type6 .p-concours__about__fixed {
    height: calc(100vh - 95px);
  }
}
@media screen and (max-width: 1023px) {
  .p-concours .c-column__type6 .p-concours__about__fixed {
    height: calc(100vh - 16vw);
  }
}
.p-concours .c-column__type6 .p-concours__about__fixed.is-opened {
  display: block;
}
.p-concours .c-column__type6 .p-concours__about__fixed--wrap {
  position: absolute;
  top: 50%;
  left: 50%;
}
@media screen and (min-width: 1024px) {
  .p-concours .c-column__type6 .p-concours__about__fixed--wrap {
    width: 98.2rem;
    height: 61.3rem;
    max-height: calc(70vh - 95px);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
}
@media screen and (max-width: 1023px) {
  .p-concours .c-column__type6 .p-concours__about__fixed--wrap {
    width: 89.2vw;
    height: 125.33333333333334vw;
    -webkit-transform: translate(-50%, -58%);
    transform: translate(-50%, -58%);
  }
}
.p-concours .c-column__type6 .c-modal__close {
  position: absolute;
  z-index: 10;
  display: block;
  cursor: pointer;
  border: none;
  background: none;
}
@media screen and (min-width: 1024px) {
  .p-concours .c-column__type6 .c-modal__close {
    width: 4.7rem;
    height: 4.7rem;
    top: -1.8rem;
    right: -1.8rem;
    margin-bottom: 1rem;
    margin-left: 93.5rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-concours .c-column__type6 .c-modal__close {
    width: 10.4vw;
    height: 10.4vw;
    top: -2.4vw;
    right: -2.4vw;
    margin-bottom: 2.8vw;
    margin-left: 82.8vw;
    padding: 0;
  }
}
.p-concours .c-column__type6 .p-concours__about__fixed--content {
  position: relative;
  overflow: scroll;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background: #fff;
}
@media screen and (min-width: 1024px) {
  .p-concours .c-column__type6 .p-concours__about__fixed--content {
    width: 98.2rem;
    height: 61.3rem;
    max-height: calc(70vh - 95px);
    border-radius: 1.5rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-concours .c-column__type6 .p-concours__about__fixed--content {
    width: 89.2vw;
    height: 125.33333333333334vw;
    border-radius: 2vw;
  }
}
.p-concours .c-column__type6 .p-concours__about__fixed--content__wrap {
  margin: auto;
}
@media screen and (min-width: 1024px) {
  .p-concours .c-column__type6 .p-concours__about__fixed--content__wrap {
    width: 65rem;
    padding: 5rem 0;
  }
}
@media screen and (max-width: 1023px) {
  .p-concours .c-column__type6 .p-concours__about__fixed--content__wrap {
    width: 79.33333333333333vw;
    padding: 8vw 0;
  }
}
.p-concours .c-column__type6 .c-heading__level1a {
  margin: auto;
  text-align: center;
}
@media screen and (min-width: 1024px) {
  .p-concours .c-column__type6 .c-heading__level1a {
    margin-top: 6rem;
    font-size: 2.4rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-concours .c-column__type6 .c-heading__level1a {
    margin-top: 14.666666666666666vw;
    font-size: 5.333333333333334vw;
  }
}
.p-concours .c-column__type6 .p-concours__about__award {
  text-align: center;
}
@media screen and (min-width: 1024px) {
  .p-concours .c-column__type6 .p-concours__about__award:nth-child(n+2) {
    margin-top: 5rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-concours .c-column__type6 .p-concours__about__award:nth-child(n+2) {
    margin-top: 6.666666666666667vw;
  }
}
.p-concours .c-column__type6 .p-concours__about__awardtitle {
  width: 100%;
  text-align: center;
  background: #eaf7a3;
}
@media screen and (min-width: 1024px) {
  .p-concours .c-column__type6 .p-concours__about__awardtitle {
    margin-top: 2.8rem;
    margin-bottom: 3rem;
    padding: 1.3rem 0;
    font-size: 1.8rem;
    border-radius: 1.5rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-concours .c-column__type6 .p-concours__about__awardtitle {
    margin-top: 2.666666666666667vw;
    margin-bottom: 4.666666666666667vw;
    padding: 2.666666666666667vw 0;
    font-size: 3.2vw;
    border-radius: 2vw;
  }
}
.p-concours .c-column__type6 .p-concours__about__image {
  background: #505050;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}
@media screen and (min-width: 1024px) {
  .p-concours .c-column__type6 .p-concours__about__image {
    width: 65rem;
    height: 48.6rem;
    border-radius: 1.5rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-concours .c-column__type6 .p-concours__about__image {
    width: 78.93333333333334vw;
    height: 59.46666666666667vw;
    border-radius: 2vw;
  }
}
.p-concours .c-column__type6 .p-concours__about__image img {
  vertical-align: middle;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
}
@media screen and (min-width: 1024px) {
  .p-concours .c-column__type6 .p-concours__about__image img {
    padding: 5rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-concours .c-column__type6 .p-concours__about__image img {
    padding: 3.333333333333333vw;
  }
}
@media screen and (min-width: 1024px) {
  .p-concours .c-column__type6 .p-concours__about__title {
    margin-top: 3.8rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-concours .c-column__type6 .p-concours__about__title {
    font-size: 3.733333333333334vw;
  }
}
@media screen and (min-width: 1024px) {
  .p-concours .c-column__type6 .p-concours__about__text {
    margin-top: 0;
  }
}
@media screen and (max-width: 1023px) {
  .p-concours .c-column__type6 .p-concours__about__text {
    padding-top: 1.333333333333333vw;
  }
}
.p-concours .c-column__type6 .p-concours__about__school {
  color: #767676;
}
@media screen and (min-width: 1024px) {
  .p-concours .c-column__type6 .p-concours__about__school {
    margin-top: 0;
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-concours .c-column__type6 .p-concours__about__school {
    padding-top: 1.333333333333333vw;
    font-size: 3.733333333333334vw;
  }
}
@media screen and (min-width: 1024px) {
  .p-concours .c-column__type6 .p-concours__about__name {
    margin-top: 0;
  }
}
@media screen and (max-width: 1023px) {
  .p-concours .c-column__type6 .p-concours__about__name {
    padding-top: 0;
    font-size: 4.266666666666667vw;
  }
}
@media screen and (min-width: 1024px) {
  .p-concours .c-othersbutton__wrap.is--color-green {
    margin: 3rem auto;
  }
}
@media screen and (max-width: 1023px) {
  .p-concours .c-othersbutton__wrap.is--color-green {
    margin: 5.333333333333334vw auto;
  }
}
@media screen and (min-width: 1024px) {
  .p-concours .c-othersbutton__wrap.is--color-black {
    width: 27rem;
    margin: auto;
    padding: 1.8rem 0;
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-concours .c-othersbutton__wrap.is--color-black {
    padding: 2.933333333333333vw 0;
  }
}
@media screen and (min-width: 1024px) {
  .p-event__content {
    margin-top: 9rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-event__content {
    margin-top: 16vw;
  }
}
@media screen and (min-width: 1024px) {
  .p-event__content .c-column__type4--card__wrap {
    padding-bottom: 7rem;
  }
}
@media screen and (min-width: 1024px) {
  .p-event__content .c-column__type4--card__image {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
  }
}
.p-event-sort {
  overflow: hidden;
}
@media screen and (min-width: 1024px) {
  .p-event-sort {
    width: 118.6rem;
    margin: 10.9rem auto 0;
    -webkit-box-shadow: 0 0.3rem 1.6rem rgba(0,0,0,0.16);
    box-shadow: 0 0.3rem 1.6rem rgba(0,0,0,0.16);
    border-radius: 4rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-event-sort {
    margin: 9.066666666666666vw 5.066666666666666vw 0;
    -webkit-box-shadow: 0 0.4vw 2.133333333333333vw rgba(0,0,0,0.16);
    box-shadow: 0 0.4vw 2.133333333333333vw rgba(0,0,0,0.16);
    border-radius: 5.333333333333334vw;
  }
}
.p-event-sort-accordion__tigger {
  background-color: #45b463;
}
.p-event-sort-accordion__tigger a {
  display: block;
  text-align: center;
  color: #fff;
}
.p-event-sort-accordion__tigger i {
  display: inline-block;
  position: relative;
  background-color: #fff;
  vertical-align: middle;
  border-radius: 100%;
}
.p-event-sort-accordion__tigger i::before,
.p-event-sort-accordion__tigger i::after {
  position: absolute;
  top: 50%;
  left: 50%;
  background-color: #369f5e;
  content: '';
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.p-event-sort-accordion__tigger i::after {
  -webkit-transform: translate(-50%, -50%) rotate(90deg);
  transform: translate(-50%, -50%) rotate(90deg);
  -webkit-transition: -webkit-transform 0.33s;
  transition: -webkit-transform 0.33s;
  transition: transform 0.33s;
  transition: transform 0.33s, -webkit-transform 0.33s;
}
.is-open .p-event-sort-accordion__tigger i::after {
  -webkit-transform: translate(-50%, -50%) rotate(0deg);
  transform: translate(-50%, -50%) rotate(0deg);
}
@media screen and (min-width: 1024px) {
  .p-event-sort-accordion__tigger a {
    padding: 1.166666666666667em 0;
    font-size: 2.4rem;
  }
  .p-event-sort-accordion__tigger i {
    width: 1.375em;
    height: 1.375em;
    margin-left: 0.666666666666667em;
  }
  .p-event-sort-accordion__tigger i::before,
  .p-event-sort-accordion__tigger i::after {
    width: 0.532083333333333em;
    height: 0.125em;
    border-radius: 0.0625em;
  }
}
@media screen and (max-width: 1023px) {
  .p-event-sort-accordion__tigger a {
    padding: 0.75em 0.75em 0.75em 2.825em;
    font-size: 5.333333333333334vw;
  }
  .p-event-sort-accordion__tigger i {
    width: 1.5em;
    height: 1.5em;
    margin-left: 0.575em;
  }
  .p-event-sort-accordion__tigger i::before,
  .p-event-sort-accordion__tigger i::after {
    width: 0.73125em;
    height: 0.15em;
    border-radius: 0.075em;
  }
}
.p-event-sort__container {
  overflow: hidden;
  height: 0;
  -webkit-transition: height 0.66s;
  transition: height 0.66s;
}
.p-event-sort__inner {
  background-color: #cdef9f;
}
@media screen and (min-width: 1024px) {
  .p-event-sort__inner {
    padding: 3.3rem 4rem 4rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-event-sort__inner {
    padding: 5.333333333333334vw 5.333333333333334vw 10vw;
  }
}
@media screen and (min-width: 1024px) {
  .p-event-sort__row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
@media screen and (min-width: 1024px) {
  .p-event-sort__contain {
    width: 53.4rem;
  }
  .p-event-sort__contain:nth-child(n + 3) {
    margin-top: 3.4rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-event-sort__contain + .p-event-sort__contain {
    margin-top: 7.6vw;
  }
}
@media screen and (min-width: 1024px) {
  .p-event-sort__hdg {
    font-size: 2.6rem;
    line-height: 1.384615384615385em;
  }
}
@media screen and (max-width: 1023px) {
  .p-event-sort__hdg {
    font-size: 4.266666666666667vw;
    line-height: 1.375;
  }
}
@media screen and (min-width: 1024px) {
  .p-event-sort__box {
    margin-top: 1.8rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-event-sort__box {
    margin-top: 2.933333333333333vw;
  }
}
.p-event-sort__label {
  color: #45b463;
}
@media screen and (min-width: 1024px) {
  .p-event-sort__label {
    font-size: 2rem;
    line-height: 1.35em;
  }
}
@media screen and (max-width: 1023px) {
  .p-event-sort__label {
    font-size: 3.733333333333334vw;
    line-height: 1.392857142857143;
  }
}
.p-event-sort__sort {
  background-color: #fff;
}
@media screen and (min-width: 1024px) {
  .p-event-sort__sort {
    margin-top: 5.3rem;
    padding: 0.9rem 0 1.9rem 1.4rem;
    border-radius: 2.4rem;
  }
  .p-event-sort__box .p-event-sort__sort {
    margin-top: 0.9rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-event-sort__sort {
    margin-top: 3.2vw;
    padding: 1.6vw 0 3.733333333333334vw 1.333333333333333vw;
    border-radius: 2.933333333333333vw;
  }
  .p-event-sort__box .p-event-sort__sort {
    margin-top: 1.733333333333333vw;
  }
}
.p-event-sort__btn {
  display: inline-block;
}
.p-event-sort__btn input {
  display: none;
}
.p-event-sort__btn span {
  display: block;
  background-color: #fff;
  text-align: center;
  color: #45b463;
}
.p-event-sort__btn input:checked + span {
  background-color: #45b463;
  color: #fff;
}
.p-event-sort__btn input:disabled + span {
  color: #ccc;
  border-color: #ccc;
  cursor: default;
}
@media screen and (min-width: 1024px) {
  .p-event-sort__btn {
    margin: 1rem 0 0 1rem;
  }
  .p-event-sort__btn span {
    min-width: 3.5em;
    padding: 0 1em;
    font-size: 2rem;
    line-height: 1.9em;
    border: 0.15em solid #45b463;
    border-radius: 1.1em;
    cursor: pointer;
  }
}
@media screen and (max-width: 1023px) {
  .p-event-sort__btn {
    margin: 2.133333333333333vw 0 0 1.333333333333333vw;
  }
  .p-event-sort__reset .p-event-sort__btn {
    margin: 0;
  }
  .p-event-sort__btn span {
    min-width: 3.571428571428572em;
    padding: 0 0.428571428571429em;
    font-size: 3.733333333333334vw;
    line-height: 1.857142857142857em;
    border: 0.533333333333333vw solid #45b463;
    border-radius: 8vw;
  }
  .p-event-sort__reset .p-event-sort__btn span {
    padding: 0 1.357142857142857em;
  }
}
@media screen and (min-width: 1024px) {
  .p-event-sort__reset {
    margin-top: 2rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-event-sort__reset {
    margin-top: 5.333333333333334vw;
  }
}
@media screen and (min-width: 1024px) {
  .p-event-sort__submit {
    margin-top: 2rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-event-sort__submit {
    margin-top: 8vw;
  }
}
@media screen and (min-width: 1024px) {
  .p-newspaper .p-newspaper__description {
    width: 77.9rem;
  }
}
@media screen and (min-width: 1024px) {
  .p-newspaper .p-newspaper__description .c-statement {
    margin-bottom: 14rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-newspaper .p-newspaper__description .c-statement {
    margin-bottom: 13.333333333333334vw;
  }
}
.p-newspaper .p-newspaper__statement {
  line-height: 1.8;
}
@media screen and (min-width: 1024px) {
  .p-newspaper .p-newspaper__statement {
    margin-top: 10rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-newspaper .p-newspaper__statement {
    margin-top: 16vw;
  }
}
@media screen and (min-width: 1024px) {
  .p-newspaper .c-heading__band {
    margin-top: 8rem;
    font-size: 4rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-newspaper .c-heading__band {
    margin-top: 10.666666666666668vw;
    font-size: 5.333333333333334vw;
    line-height: 3rem;
  }
}
.p-newspaper .p-newspaper__movie--statement {
  text-align: center;
  line-height: 1.8em;
}
@media screen and (min-width: 1024px) {
  .p-newspaper .p-newspaper__movie--statement {
    margin-top: 2.9rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-newspaper .p-newspaper__movie--statement {
    margin-top: 4.533333333333333vw;
  }
}
@media screen and (max-width: 1023px) {
  .p-newspaper .c-heading__level1a {
    font-size: 5.466666666666667vw;
  }
}
@media screen and (min-width: 1024px) {
  .p-newspaper .c-moviemodal {
    margin-top: 5rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-newspaper .c-moviemodal {
    margin-top: 6.666666666666667vw;
  }
}
.p-newspaper .p-newspaper__fishers {
  position: relative;
}
@media screen and (max-width: 1023px) {
  .p-newspaper .p-newspaper__fishers {
    margin-top: 8.666666666666668vw;
  }
}
@media screen and (min-width: 1024px) {
  .p-newspaper .p-newspaper__fishers .c-heading__level2a {
    top: -2rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-newspaper .p-newspaper__fishers .c-heading__level2a {
    top: 0;
  }
}
.p-newspaper .p-newspaper__fishers--map {
  overflow: hidden;
}
@media screen and (min-width: 1024px) {
  .p-newspaper .p-newspaper__fishers--map {
    width: 77.9rem;
    margin: 5rem auto 0;
    border-radius: 4rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-newspaper .p-newspaper__fishers--map {
    margin: 10.266666666666667vw auto 0;
    border-radius: 5.333333333333334vw;
  }
}
@media screen and (min-width: 1024px) {
  .p-newspaper .c-column__type6 {
    margin-top: 12rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-newspaper .c-column__type6 {
    margin-top: 16vw;
  }
}
@media screen and (min-width: 1024px) {
  .p-newspaper .c-column__type6--card:nth-child(n+3) {
    margin-top: 9rem;
  }
}
@media screen and (min-width: 1024px) {
  .p-newspaper .p-newspaper__worksheet {
    margin-top: 14rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-newspaper .p-newspaper__worksheet {
    margin-top: 13.600000000000001vw;
  }
}
@media screen and (min-width: 1024px) {
  .p-newspaper .p-newspaper__worksheet--wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    padding: 6rem 0;
  }
}
@media screen and (max-width: 1023px) {
  .p-newspaper .p-newspaper__worksheet--wrap {
    padding: 29.86666666666667vw 0 12vw;
  }
}
@media screen and (min-width: 1024px) {
  .p-newspaper .p-newspaper__worksheet--image {
    width: 50.9rem;
    margin-left: 6rem;
  }
}
.p-newspaper .p-newspaper__worksheet--information {
  position: relative;
}
@media screen and (min-width: 1024px) {
  .p-newspaper .p-newspaper__worksheet--information__title {
    width: 59.5rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-newspaper .p-newspaper__worksheet--information__title {
    position: absolute;
    width: 100%;
    top: -93.33333333333333vw;
  }
}
@media screen and (min-width: 1024px) {
  .p-newspaper .c-heading__level5 {
    font-size: 3.2rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-newspaper .c-heading__level5 {
    font-size: 2.344322344322344vw;
  }
}
@media screen and (min-width: 1024px) {
  .p-newspaper .c-heading__level5 .c-heading__level5__txt {
    width: 42rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-newspaper .c-heading__level5 .c-heading__level5__txt {
    width: 62.66666666666667vw;
  }
}
@media screen and (max-width: 1023px) {
  .p-newspaper .c-othersbutton {
    margin-top: 8vw;
  }
}
.p-newspaper .p-newspaper__preview {
  margin: auto;
}
@media screen and (min-width: 1024px) {
  .p-newspaper .p-newspaper__preview {
    width: 100rem;
    padding: 7.6rem 0;
  }
}
@media screen and (max-width: 1023px) {
  .p-newspaper .p-newspaper__preview {
    width: 79.2vw;
    padding: 8.266666666666666vw 0;
  }
}
@media screen and (min-width: 1024px) {
  .p-newspaper .p-newspaper__preview--content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
.p-newspaper .c-heading__level2a {
  position: absolute;
  width: 100%;
  left: 0;
  text-align: center;
}
@media screen and (min-width: 1024px) {
  .p-newspaper .c-heading__level2a {
    top: -7rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-newspaper .c-heading__level2a {
    top: -9.333333333333334vw;
  }
}
.p-newspaper .c-heading__level2a span.c-heading__level2a--inner {
  position: relative;
  left: 0;
}
@media screen and (min-width: 1024px) {
  .p-newspaper .c-heading__level2a span.c-heading__level2a--inner {
    padding: 1.5rem 2.3rem;
    font-size: 2.8rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-newspaper .c-heading__level2a span.c-heading__level2a--inner {
    padding: 2vw 2.933333333333333vw;
    font-size: 4.266666666666667vw;
  }
}
.p-newspaper .p-newspaper__preview--title {
  display: block;
  color: #45b463;
}
@media screen and (min-width: 1024px) {
  .p-newspaper .p-newspaper__preview--title {
    width: 41.4rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-newspaper .p-newspaper__preview--title {
    text-align: center;
  }
}
.p-newspaper .p-newspaper__preview--text {
  display: block;
  line-height: 1.8em;
}
@media screen and (min-width: 1024px) {
  .p-newspaper .p-newspaper__preview--text {
    width: 53rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-newspaper .p-newspaper__preview--text {
    margin-top: 3.333333333333333vw;
  }
}
.p-newspaper .p-newspaper__preview--wrap {
  margin: auto;
}
@media screen and (min-width: 1024px) {
  .p-newspaper .p-newspaper__preview--wrap {
    padding: 17.5rem 0 0;
  }
}
@media screen and (max-width: 1023px) {
  .p-newspaper .p-newspaper__preview--wrap {
    padding: 21.2vw 0 0;
  }
}
.p-newspaper .p-newspaper__preview--wrap .c-column__type7 {
  margin: auto;
}
.p-newspaper .c-container.bg-05 {
  padding: 1px 0;
}
.p-newspaper__works .c-heading__level2a {
  position: relative;
  top: 0;
}
.p-newspaper__works .c-heading__level2a::after {
  padding-bottom: 0;
}
.p-newspaper__works .c-heading__level2a .c-heading__level2a--inner {
  display: inline-block;
}
@media screen and (min-width: 1024px) {
  .p-newspaper__works:last-child {
    margin-top: 14.2rem;
  }
  .p-newspaper__works .c-heading__level2a {
    margin-top: 7.8rem;
  }
  .p-newspaper__works .c-heading__level2a .c-heading__level2a--inner {
    line-height: 1.392857142857143em;
  }
  .p-newspaper__works .p-newspaper__movie--statement {
    margin-top: 4.2rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-newspaper__works:last-child {
    margin-top: 17.866666666666667vw;
  }
  .p-newspaper__works .c-heading__level2a {
    margin-top: 8.133333333333333vw;
  }
  .p-newspaper__works .c-heading__level2a .c-heading__level2a--inner {
    line-height: 1.4375em;
  }
  .p-newspaper__works .p-newspaper__movie--statement {
    margin-top: 5.600000000000001vw;
  }
}
@media screen and (min-width: 1024px) {
  .p-newspaper__works .c-others-btns-wrap {
    margin-top: 7.9rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-newspaper__works .c-others-btns-wrap {
    margin-top: 5.333333333333334vw;
  }
}
.p-newspaper__works--list + .c-text__level2 {
  text-align: center;
}
@media screen and (min-width: 1024px) {
  .p-newspaper__works--list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 116.4rem;
    margin: 6.3rem auto 0;
  }
  .p-newspaper__works--list + .c-text__level2 {
    margin-top: 5.7rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-newspaper__works--list {
    margin-top: 7.199999999999999vw;
  }
  .p-newspaper__works--list + .c-text__level2 {
    margin-top: 8.533333333333333vw;
  }
}
.p-newspaper__works--item {
  position: relative;
  overflow: hidden;
  background-color: #fff;
  text-align: center;
}
@media screen and (min-width: 1024px) {
  .p-newspaper__works--item {
    width: 48.36769759450172%;
    border: 0.6rem solid #45b463;
    border-radius: 3.7rem;
  }
  .p-newspaper__works--item:nth-child(n + 3) {
    margin-top: 4rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-newspaper__works--item {
    border: 0.8vw solid #45b463;
    border-radius: 4.933333333333334vw;
  }
  .p-newspaper__works--item + .p-newspaper__works--item {
    margin-top: 5.333333333333334vw;
  }
}
.p-newspaper__works--fig {
  background-color: #e0f2c3;
}
.p-newspaper__works--fig img {
  width: auto;
  max-width: none;
  height: auto;
  max-height: 100%;
}
@media screen and (min-width: 1024px) {
  .p-newspaper__works--fig {
    height: 30.2rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-newspaper__works--fig {
    height: 53.86666666666666vw;
  }
}
.p-newspaper__ws--list .p-newspaper__works--fig {
  height: auto;
}
.p-newspaper__ws--list .p-newspaper__works--fig img {
  width: 100%;
}
.p-newspaper__works--info {
  position: relative;
}
@media screen and (min-width: 1024px) {
  .p-newspaper__works--info {
    padding: 1.6rem 0 2.8rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-newspaper__works--info {
    padding: 5.066666666666666vw 0 6vw;
  }
}
@media screen and (min-width: 1024px) {
  .p-newspaper__ws--list .p-newspaper__works--info {
    padding-right: 9rem;
    padding-left: 9rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-newspaper__ws--list .p-newspaper__works--info {
    padding-right: 12vw;
    padding-left: 12vw;
  }
}
.p-newspaper__works--label {
  font-weight: bold;
  line-height: 1.375em;
  color: #45b463;
}
@media screen and (min-width: 1024px) {
  .p-newspaper__works--label {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-newspaper__works--label {
    font-size: 2.666666666666667vw;
  }
}
.p-newspaper__works--title {
  line-height: 1.35em;
}
@media screen and (min-width: 1024px) {
  .p-newspaper__works--title {
    margin-top: 0.4rem;
    font-size: 2rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-newspaper__works--title {
    margin-top: 2.133333333333333vw;
    font-size: 4.266666666666667vw;
  }
}
.p-newspaper__works--zoom {
  position: absolute;
}
@media screen and (min-width: 1024px) {
  .p-newspaper__works--zoom {
    top: 1.6rem;
    right: 1.4rem;
    width: 5.2rem;
    -webkit-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
  }
  .p-newspaper__works--zoom:hover {
    opacity: 0.8;
  }
}
@media screen and (max-width: 1023px) {
  .p-newspaper__works--zoom {
    top: 2.666666666666667vw;
    right: 2.4vw;
    width: 8.133333333333333vw;
  }
}
.p-newspaper__ws--icon {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
@media screen and (min-width: 1024px) {
  .p-newspaper__ws--icon {
    right: 3rem;
    width: 5.4rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-newspaper__ws--icon {
    right: 3.2vw;
    width: 8.4vw;
  }
}
.p-newspaper-modal__works {
  display: none;
  text-align: left;
}
.p-newspaper-modal__works.is-opened {
  display: block;
}
.p-newspaper-modal__works .m-modal__overlay {
  background-color: rgba(0,0,0,0.4);
}
@media screen and (min-width: 1024px) {
  .p-newspaper-modal__works .m-modal__container {
    width: 77.8rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-newspaper-modal__works .m-modal__container {
    width: 89.60000000000001vw;
  }
}
.p-newspaper-modal__works--close {
  position: relative;
  overflow: visible;
  width: 100%;
  height: 0;
  margin: 0;
  padding: 0;
  background-color: transparent;
  text-align: right;
  border: none;
  cursor: pointer;
}
.p-newspaper-modal__works--close img {
  position: relative;
  z-index: 340;
  vertical-align: top;
}
@media screen and (min-width: 1024px) {
  .p-newspaper-modal__works--close img {
    width: 4.8rem;
    -webkit-transform: translate(39.58333333333333%, -37.5%);
    transform: translate(39.58333333333333%, -37.5%);
  }
}
@media screen and (max-width: 1023px) {
  .p-newspaper-modal__works--close img {
    width: 9.6vw;
    -webkit-transform: translate(31.944444444444443%, -34.72222222222222%);
    transform: translate(31.944444444444443%, -34.72222222222222%);
  }
}
.p-newspaper-modal__works--container {
  background-color: #fff;
}
@media screen and (min-width: 1024px) {
  .p-newspaper-modal__works--container {
    padding: 5.3rem 6.3rem 6.3rem;
    border-radius: 2.9rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-newspaper-modal__works--container {
    padding: 8.799999999999999vw 5.333333333333334vw 6.666666666666667vw;
    border-radius: 4.399999999999999vw;
  }
}
.p-newspaper-modal__works--fig {
  position: relative;
  background-color: #f0f0f0;
}
.p-newspaper-modal__works--fig > img {
  width: auto;
  max-width: none;
  height: auto;
  max-height: 100%;
}
@media screen and (min-width: 1024px) {
  .p-newspaper-modal__works--fig {
    height: 52rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-newspaper-modal__works--fig {
    height: 59.46666666666667vw;
  }
}
.p-newspaper-modal__works--zoom {
  position: absolute;
}
@media screen and (min-width: 1024px) {
  .p-newspaper-modal__works--zoom {
    right: 1.8rem;
    bottom: 1.8rem;
    width: 5.3rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-newspaper-modal__works--zoom {
    right: 3.333333333333333vw;
    bottom: 3.466666666666666vw;
    width: 8.133333333333333vw;
  }
}
.p-newspaper-modal__works--label {
  display: inline-block;
  min-width: 5.777777777777778em;
  background-color: #e0f2c3;
  font-weight: bold;
  text-align: center;
  color: #45b463;
}
@media screen and (min-width: 1024px) {
  .p-newspaper-modal__works--label {
    margin-top: 5rem;
    padding: 0.333333333333333em 0.888888888888889em;
    font-size: 1.8rem;
    line-height: 1.388888888888889em;
    border-radius: 1.027777777777778em;
  }
}
@media screen and (max-width: 1023px) {
  .p-newspaper-modal__works--label {
    margin-top: 4.266666666666667vw;
    padding: 1.733333333333333vw 4.133333333333333vw;
    font-size: 3.733333333333334vw;
    line-height: 1.392857142857143em;
    border-radius: 1.160714285714286em;
  }
}
.p-newspaper-modal__works--info .p-newspaper-modal__works--label {
  margin-top: 0;
}
@media screen and (min-width: 1024px) {
  .p-newspaper-modal__works--title {
    margin-top: 1.5rem;
    font-size: 2.6rem;
    line-height: 1.384615384615385em;
  }
}
@media screen and (max-width: 1023px) {
  .p-newspaper-modal__works--title {
    margin-top: 3.866666666666667vw;
    font-size: 4.266666666666667vw;
    line-height: 1.375em;
  }
}
@media screen and (min-width: 1024px) {
  .p-newspaper-modal__works--info {
    margin-top: 3.4rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-newspaper-modal__works--info {
    margin-top: 6vw;
  }
}
.p-newspaper-modal__works--detail {
  line-height: 1.7;
}
@media screen and (min-width: 1024px) {
  .p-newspaper-modal__works--detail {
    margin-top: 1.7rem;
    font-size: 2rem;
    line-height: 1.7;
  }
}
@media screen and (max-width: 1023px) {
  .p-newspaper-modal__works--detail {
    margin-top: 3.333333333333333vw;
    font-size: 3.733333333333334vw;
  }
}
.p-newspaper-modal__works--teacher {
  background-color: #e0f2c3;
}
@media screen and (min-width: 1024px) {
  .p-newspaper-modal__works--teacher {
    margin-top: 2.7rem;
    padding: 2rem 3rem;
    border-radius: 3.2rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-newspaper-modal__works--teacher {
    margin-top: 6.266666666666667vw;
    padding: 4.133333333333333vw 4.666666666666667vw 5.066666666666666vw;
    border-radius: 4.266666666666667vw;
  }
}
.p-newspaper-modal__works--teacher__title {
  font-weight: bold;
  color: #45b463;
}
@media screen and (min-width: 1024px) {
  .p-newspaper-modal__works--teacher__title {
    font-size: 1.6rem;
    line-height: 1.375em;
  }
}
@media screen and (max-width: 1023px) {
  .p-newspaper-modal__works--teacher__title {
    font-size: 3.733333333333334vw;
    line-height: 1.392857142857143em;
  }
}
.p-newspaper-modal__works--teacher__comment {
  padding-left: 1em;
  text-indent: -1em;
}
.p-newspaper-modal__works--teacher__comment + .p-newspaper-modal__works--teacher__comment {
  margin-top: 0;
}
@media screen and (min-width: 1024px) {
  .p-newspaper-modal__works--teacher__comment {
    margin-top: 0.9rem;
    font-size: 2rem;
    line-height: 1.54em;
  }
}
@media screen and (max-width: 1023px) {
  .p-newspaper-modal__works--teacher__comment {
    margin-top: 3.6vw;
    font-size: 3.733333333333334vw;
    line-height: 1.607142857142857em;
  }
}
.p-newspaper-modal__works--lead {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  background-color: #45b462;
  color: #fff;
}
.p-newspaper-modal__works--lead img {
  vertical-align: text-bottom;
}
@media screen and (min-width: 1024px) {
  .p-newspaper-modal__works--lead {
    margin-bottom: 2.5rem;
    padding: 1.2rem 1.7rem;
    font-size: 2.5rem;
    line-height: 1.4;
    border-radius: 1.1rem;
  }
  .p-newspaper-modal__works--lead img {
    width: 2.9rem;
    margin-right: 2.2rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-newspaper-modal__works--lead {
    margin-bottom: 4.266666666666667vw;
    padding: 2.266666666666667vw 2.8vw;
    font-size: 4.266666666666667vw;
    line-height: 1.375;
    border-radius: 1.466666666666667vw;
  }
  .p-newspaper-modal__works--lead img {
    width: 4.933333333333334vw;
    margin-right: 4.266666666666667vw;
  }
}
.p-newspaper-modal__works--attention {
  text-align: right;
  line-height: 1.916666666666667;
}
@media screen and (min-width: 1024px) {
  .p-newspaper-modal__works--attention {
    margin-top: 0.4rem;
    font-size: 1.2rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-newspaper-modal__works--attention {
    margin-top: 0.533333333333333vw;
    font-size: 2.666666666666667vw;
  }
}
@media screen and (min-width: 1024px) {
  .p-newspaper__try {
    margin-top: 8rem;
    margin-bottom: 11.4rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-newspaper__try {
    margin-top: 10.666666666666668vw;
    margin-bottom: 16vw;
  }
}
.p-newspaper__try .c-text__level2 {
  text-align: center;
}
@media screen and (min-width: 1024px) {
  .p-newspaper__try .c-text__level2 {
    margin-top: 1.6rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-newspaper__try .c-text__level2 {
    margin-top: 3.2vw;
  }
}
.p-newspaper__try--head {
  text-align: center;
  color: #1b7c06;
}
@media screen and (min-width: 1024px) {
  .p-newspaper__try--head {
    font-size: 3.2rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-newspaper__try--head {
    font-size: 4.8vw;
  }
}
@media screen and (min-width: 1024px) {
  .p-newspaper__try--download {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .p-newspaper__try--download .c-othersbutton {
    width: 47rem;
    margin-top: 4rem;
    margin-right: 1.9rem;
    margin-left: 1.9rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-newspaper__try--download .c-othersbutton {
    width: 100%;
    margin: 5.333333333333334vw 0 0;
  }
}
@media screen and (min-width: 1024px) {
  .p-newspaper-entry {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    margin: 4rem 10.3rem 0;
  }
}
@media screen and (max-width: 1023px) {
  .p-newspaper-entry {
    margin: 5.333333333333334vw 6vw 0;
  }
}
@media screen and (min-width: 1024px) {
  .p-newspaper-entry__item {
    width: 47.2rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-newspaper-entry__item + .p-newspaper-entry__item {
    margin-top: 5.333333333333334vw;
  }
}
.p-newspaper-charm {
  position: relative;
  background-color: #c2f0a0;
}
.p-newspaper-charm .p-photo-contest-ws__list {
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  width: 100%;
  margin: 0;
}
.p-newspaper-charm .p-photo-contest-ws__item {
  margin: 0;
}
.p-newspaper-charm .p-photo-contest-ws__item.is--hide {
  display: none;
}
.p-newspaper-charm__heading {
  position: absolute;
  left: 50%;
  background-color: #fff;
  text-align: center;
  line-height: 1.5;
  color: #1b7c06;
  white-space: nowrap;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.p-newspaper-charm__heading::after {
  position: absolute;
  background: url("/assets/images/common/img-fukidashi-bottom-white.svg") no-repeat center;
  background-size: 100% auto;
  content: '';
}
@media screen and (min-width: 1024px) {
  .p-newspaper-charm__heading {
    top: -3.4rem;
    padding: 1rem 9rem;
    font-size: 3.2rem;
    border-radius: 2rem;
  }
  .p-newspaper-charm__heading::after {
    bottom: -1.6rem;
    left: 24.4rem;
    width: 1.9rem;
    height: 2.7rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-newspaper-charm__heading {
    top: -5.333333333333334vw;
    padding: 1.733333333333333vw 3.2vw;
    font-size: 4.8vw;
    border-radius: 2.666666666666667vw;
  }
  .p-newspaper-charm__heading::after {
    bottom: -1.733333333333333vw;
    left: 27.066666666666666vw;
    width: 2.266666666666667vw;
    height: 3.2vw;
  }
}
.p-newspaper-charm__wrap {
  overflow: hidden;
}
@media screen and (min-width: 1024px) {
  .p-newspaper-charm__wrap {
    margin: 0 auto;
    padding: 9rem 0 4rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-newspaper-charm__wrap {
    padding: 12vw 0 5.333333333333334vw;
  }
}
.p-newspaper-charm__container {
  margin: 0 auto;
}
@media screen and (min-width: 1024px) {
  .p-newspaper-charm__container {
    width: 29.3rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-newspaper-charm__container {
    width: 39.733333333333334vw;
  }
}
@media screen and (min-width: 1024px) {
  .p-newspaper-archive {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 4rem 10.3rem 0;
  }
}
@media screen and (max-width: 1023px) {
  .p-newspaper-archive {
    margin: 5.333333333333334vw 6vw 0;
  }
}
@media screen and (min-width: 1024px) {
  .p-newspaper-archive__item {
    width: 47.2rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-newspaper-archive__item + .p-newspaper-archive__item {
    margin-top: 5.333333333333334vw;
  }
}
.p-newspaper-archive__text {
  text-align: center;
  line-height: 1.55;
}
.p-newspaper-archive__text a {
  text-decoration: underline;
  color: #1c5dc6;
}
@media screen and (min-width: 1024px) {
  .p-newspaper-archive__text {
    margin-top: 3rem;
  }
  .p-newspaper-archive__text a {
    font-size: 2.2rem;
  }
  .p-newspaper-archive__text a:hover {
    text-decoration: none;
  }
}
@media screen and (max-width: 1023px) {
  .p-newspaper-archive__text {
    margin-top: 2.666666666666667vw;
  }
  .p-newspaper-archive__text a {
    font-size: 3.733333333333334vw;
  }
}
.p-newspaper-charm__control {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: relative;
}
@media screen and (min-width: 1024px) {
  .p-newspaper-charm__control {
    width: 56rem;
    margin: 4rem auto 0;
    padding: 0 7.6rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-newspaper-charm__control {
    width: 74.66666666666667vw;
    margin: 5.333333333333334vw auto 0;
    padding: 0 10.133333333333333vw;
  }
}
.p-newspaper-charm__arrow {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0;
  padding: 0;
  background: url("/assets/images/common/icon-arrow-btn-right-green-white.svg") no-repeat center;
  background-size: 100% auto;
  border: none;
  cursor: pointer;
}
.p-newspaper-charm__arrow img {
  vertical-align: top;
}
@media screen and (min-width: 1024px) {
  .p-newspaper-charm__arrow {
    width: 6rem;
    height: 6rem;
    -webkit-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
  }
  .p-newspaper-charm__arrow:hover:not(.swiper-button-disabled) {
    opacity: 0.8;
  }
}
@media screen and (max-width: 1023px) {
  .p-newspaper-charm__arrow {
    width: 8vw;
    height: 8vw;
  }
}
.p-newspaper-charm__arrow.swiper-button-disabled {
  background-image: url("/assets/images/common/icon-arrow-btn-right-gray-white.svg");
  cursor: default;
}
.p-newspaper-charm__prev {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.p-newspaper-charm__pagination {
  text-align: center;
}
@media screen and (min-width: 1024px) {
  .p-newspaper-charm__pagination {
    margin: 0 2rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-newspaper-charm__pagination {
    margin: 0 2.666666666666667vw;
  }
}
.p-newspaper-charm__pagination .swiper-pagination-bullet {
  background-color: #fff;
  opacity: 1;
}
@media screen and (min-width: 1024px) {
  .p-newspaper-charm__pagination .swiper-pagination-bullet {
    width: 0.8rem;
    height: 0.8rem;
    margin: 0.6rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-newspaper-charm__pagination .swiper-pagination-bullet {
    width: 1.066666666666667vw;
    height: 1.066666666666667vw;
    margin: 0.8vw;
  }
}
.p-newspaper-charm__pagination .swiper-pagination-bullet-active {
  background-color: #45b463;
}
.p-newspaper-charm__pause {
  position: absolute;
  top: 50%;
  right: 0;
  margin: 0;
  padding: 0;
  background: #fff url("/assets/images/others/newspaper-map/icon_pause.svg") no-repeat center;
  background-size: 66.66666666666666% auto;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  border: none;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
@media screen and (min-width: 1024px) {
  .p-newspaper-charm__pause {
    width: 3.6rem;
    height: 3.6rem;
    border-radius: 0.6rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-newspaper-charm__pause {
    width: 4.8vw;
    height: 4.8vw;
    border-radius: 0.8vw;
  }
}
.p-newspaper-charm__pause[data-swiper="play"] {
  background-image: url("/assets/images/others/newspaper-map/icon_play.svg");
  background-position: 55% center;
  background-size: 52.77777777777778% auto;
}
.p-newspaper-integration {
  position: fixed;
  top: 0;
  left: 0;
  overflow: auto;
  width: 100%;
}
@media screen and (min-width: 1024px) {
  .p-newspaper-integration {
    height: calc(100% - 91px);
  }
}
@media screen and (max-width: 1023px) {
  .p-newspaper-integration {
    height: calc(100% - 56px);
  }
}
.p-newspaper-integration .p-top-zoom {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: column-reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
  z-index: 15;
}
@media screen and (max-width: 1023px) {
  .p-newspaper-integration .p-top-zoom__text {
    margin: 1.733333333333333vw 0 0 0;
  }
  .p-newspaper-integration .p-top-zoom__text::before,
  .p-newspaper-integration .p-top-zoom__text::after {
    right: 0;
    bottom: auto;
    left: 0;
    border-top: 0;
    border-right: 1.066666666666667vw solid transparent;
    border-left: 1.066666666666667vw solid transparent;
  }
  .p-newspaper-integration .p-top-zoom__text::before {
    top: -1.333333333333333vw;
    border-bottom: 1.066666666666667vw solid #45b463;
  }
  .p-newspaper-integration .p-top-zoom__text::after {
    top: -0.8vw;
    border-bottom: 1.066666666666667vw solid #fff;
  }
}
.p-newspaper-integration__container {
  position: relative;
  z-index: 0;
}
.p-newspaper-integration__container:active {
  cursor: -webkit-grab;
  cursor: grab;
}
@media screen and (min-width: 1024px) {
  .p-newspaper-integration__container {
    width: 320.27818448023424%;
    padding-top: 157.02781844802342%;
  }
  .is-zoom .p-newspaper-integration__container {
    width: 164.05563689604685%;
    padding-top: 80.45387994143485%;
  }
}
@media screen and (max-width: 1023px) {
  .p-newspaper-integration__container {
    width: 652.1333333333333%;
    padding-top: 319.8666666666667%;
  }
  .is-zoom .p-newspaper-integration__container {
    width: 366.53333333333336%;
    padding-top: 179.73333333333332%;
  }
}
.tokyo-area a:active {
  cursor: -webkit-grab;
  cursor: grab;
}
.p-newspaper-integration__heading {
  position: absolute;
  top: 2.219979818365288%;
  left: 48.837209302325576%;
  z-index: 10;
  width: 16.62543295398318%;
}
.p-newspaper-integration__land {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
}
.p-newspaper-integration__tokyo {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
}
.p-newspaper-integration__tokyo svg {
  width: 100%;
  height: 100%;
}
@media screen and (min-width: 1024px) {
  .tokyo-area {
    cursor: pointer;
  }
  .tokyo-area:hover {
    fill: #afdd2d;
  }
  .tokyo-area:active {
    cursor: -webkit-grab;
    cursor: grab;
  }
}
.tokyo-area.is-selected {
  fill: #f6ff00;
}
#tokyo-bay {
  opacity: 0;
}
.p-newspaper-integration-nav {
  position: fixed;
  z-index: 14;
  background-color: #45b463;
}
@media screen and (min-width: 1024px) {
  .p-newspaper-integration-nav {
    top: 3.263707571801567%;
    left: 1.830161054172767%;
    padding: 8px 18px 18px;
    border: 4px solid #fff;
    border-radius: 17px;
  }
}
@media screen and (max-width: 1023px) {
  .p-newspaper-integration-nav {
    right: 0;
    bottom: 75px;
    left: 0;
    width: 92.80000000000001vw;
    margin: 0 auto;
    padding: 1.866666666666667vw 4.533333333333333vw 4vw;
    border: 0.533333333333333vw solid #fff;
    border-radius: 2.8vw;
  }
}
.p-newspaper-integration-nav__heading {
  text-align: center;
  color: #fff;
}
.p-newspaper-integration-nav__heading img {
  vertical-align: bottom;
}
@media screen and (min-width: 1024px) {
  .p-newspaper-integration-nav__heading {
    font-size: 2.4rem;
  }
  .p-newspaper-integration-nav__heading img {
    width: 2.4rem;
    margin-left: 0.8rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-newspaper-integration-nav__heading {
    font-size: 5.066666666666666vw;
  }
  .p-newspaper-integration-nav__heading img {
    width: 5.2vw;
    margin-left: 1.333333333333333vw;
  }
}
.p-newspaper-integration-nav__select {
  color: #2c2c2c;
}
@media screen and (min-width: 1024px) {
  .p-newspaper-integration-nav__select {
    width: 28.7rem;
    margin-top: 1rem;
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-newspaper-integration-nav__select {
    overflow: hidden;
    margin-top: 2.4vw;
    font-size: 5.066666666666666vw;
    border-radius: 2vw;
  }
}
.p-newspaper-integration-nav__selected {
  position: relative;
  background-color: #fff;
  line-height: 1.4;
  cursor: pointer;
}
.p-newspaper-integration-nav__selected::after {
  position: absolute;
  top: 0;
  right: 1.1rem;
  bottom: 0;
  margin: auto 0;
  background: url("/assets/images/common/icon-triangle-top-green.svg") no-repeat center;
  background-size: 100% auto;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  content: '';
}
.is-open .p-newspaper-integration-nav__selected::after {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}
@media screen and (min-width: 1024px) {
  .p-newspaper-integration-nav__selected {
    padding: 1.3rem 2.8rem 1.3rem 1.5rem;
    border-radius: 0.8rem;
  }
  .is-open .p-newspaper-integration-nav__selected {
    border-radius: 0.8rem 0.8rem 0 0;
  }
  .p-newspaper-integration-nav__selected::after {
    width: 1.3rem;
    height: 1.2rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-newspaper-integration-nav__selected {
    padding: 1.866666666666667vw 7.733333333333333vw 1.866666666666667vw 3.2vw;
  }
  .p-newspaper-integration-nav__selected::after {
    width: 4.533333333333333vw;
    height: 4vw;
  }
}
@media screen and (min-width: 1024px) {
  .p-newspaper-integration-nav__inner {
    position: relative;
  }
}
.p-newspaper-integration-nav__list {
  overflow-y: auto;
  height: 0;
  background-color: #dbf4bd;
}
.is-open .p-newspaper-integration-nav__list {
  height: auto;
}
@media screen and (min-width: 1024px) {
  .p-newspaper-integration-nav__list {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    max-height: 192px;
    line-height: 1.888888888888889;
    border-radius: 0 0 0.8rem 0.8rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-newspaper-integration-nav__list {
    max-height: 50.66666666666667vw;
    line-height: 1.4;
    border-radius: 0 0 2vw 2vw;
  }
}
.p-newspaper-integration-nav__option {
  cursor: pointer;
}
.p-newspaper-integration-nav__option.is-selected {
  background-color: #bce98c;
}
@media screen and (min-width: 1024px) {
  .p-newspaper-integration-nav__option {
    padding: 0 1.8rem 0 1rem;
  }
  .p-newspaper-integration-nav__option:hover {
    background-color: #bce98c;
  }
  .p-newspaper-integration-nav__option:first-child {
    padding-top: 0.6rem;
  }
  .p-newspaper-integration-nav__option:last-child {
    padding-bottom: 0.6rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-newspaper-integration-nav__option {
    padding: 1.066666666666667vw 3.2vw;
  }
}
.p-newspaper-integration__area {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.p-newspaper-integration-section {
  position: absolute;
  z-index: 4;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.p-newspaper-integration-section__name {
  font-weight: 800;
  color: #fff;
}
.is-selected .p-newspaper-integration-section__name {
  color: #1c1c1c;
}
@media screen and (min-width: 1024px) {
  .p-newspaper-integration-section__name {
    font-size: 2.4rem;
  }
  .is-zoom .p-newspaper-integration-section__name {
    font-size: 1.2rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-newspaper-integration-section__name {
    font-size: 3.466666666666666vw;
  }
  .is-zoom .p-newspaper-integration-section__name {
    font-size: 2.666666666666667vw;
  }
}
.p-newspaper-integration-section__count {
  display: none;
  margin-left: 0.3em;
  background-color: #ec6513;
  text-align: center;
  border-radius: 100%;
}
.p-newspaper-integration-section__count em {
  font-style: normal;
}
.is-zoom .p-newspaper-integration-section__count {
  display: inline-block;
}
.is-selected .p-newspaper-integration-section__count {
  color: #fff;
}
@media screen and (min-width: 1024px) {
  .p-newspaper-integration-section__count {
    width: 2.8rem;
    height: 2.8rem;
    font-size: 1rem;
    line-height: 1.75;
  }
  .p-newspaper-integration-section__count em {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-newspaper-integration-section__count {
    width: 5.866666666666666vw;
    height: 5.866666666666666vw;
    line-height: 1.833333333333333;
  }
  .p-newspaper-integration-section__count em {
    font-size: 3.2vw;
  }
}
#section-chiyoda {
  top: 45.71263482280432%;
  left: 76.48032531632175%;
}
#section-chuo {
  top: 49.20493066255778%;
  left: 78.65943069643694%;
}
#section-minato {
  top: 54.35285053929122%;
  left: 75.16817584012335%;
}
#section-shinjuku {
  top: 43.45608628659476%;
  left: 73.00796662181978%;
}
#section-bunkyo {
  top: 39.26656394453005%;
  left: 76.42174721470575%;
}
#section-taito {
  top: 38.89368258859784%;
  left: 80.03431542984988%;
}
#section-sumida {
  top: 40.11402157164869%;
  left: 83.06941694003115%;
}
#section-koto {
  top: 50.92758089368259%;
  left: 82.27502229747094%;
}
#section-shinagawa {
  top: 62.85130970724191%;
  left: 73.64249973545374%;
}
#section-meguro {
  top: 58.76887519260401%;
  left: 70.43393145984189%;
}
#section-ota {
  top: 72.41294298921417%;
  left: 73.15384499100543%;
}
#section-setagaya {
  top: 56.20570107858243%;
  left: 65.19780502184396%;
}
#section-shibuya {
  top: 49.92526964560863%;
  left: 71.24684434097746%;
}
#section-nakano {
  top: 41.32819722650232%;
  left: 69.28202143580596%;
}
#section-suginami {
  top: 44.0115562403698%;
  left: 65.3565327810615%;
}
#section-toshima {
  top: 35.99537750385208%;
  left: 73.5506643890493%;
}
#section-kita {
  top: 28.181047765793533%;
  left: 75.4206285619265%;
}
#section-arakawa {
  top: 34.54083204930662%;
  left: 80.36764372420674%;
}
#section-itabashi {
  top: 26.598613251155623%;
  left: 70.73967135795377%;
}
#section-nerima {
  top: 32.37442218798151%;
  left: 65.15925685174828%;
}
#section-adachi {
  top: 25.29583975346687%;
  left: 81.6431346464906%;
}
#section-katsushika {
  top: 31.280431432973803%;
  left: 86.86678961769286%;
}
#section-edogawa {
  top: 43.89137134052389%;
  left: 88.36752278877114%;
}
#section-hachioji {
  top: 52.749614791987675%;
  left: 33.9979743314538%;
}
#section-tachikawa {
  top: 40.931432973805855%;
  left: 46.32129521851522%;
}
#section-musashino {
  top: 41.699537750385204%;
  left: 59.711115478224066%;
}
#section-mitaka {
  top: 46.527734976887515%;
  left: 59.3003129204396%;
}
#section-oume {
  top: 21.3482280431433%;
  left: 31.964369397288024%;
}
#section-fuchu {
  top: 50.260400616332824%;
  left: 51.96520082840773%;
}
#section-akishima {
  top: 42.358243451463785%;
  left: 41.93058305996886%;
}
#section-chofu {
  top: 54.06856702619414%;
  left: 57.846064307417876%;
}
#section-machida {
  top: 71.34283513097073%;
  left: 46.617964958957536%;
}
#section-koganei {
  top: 44.03004622496148%;
  left: 54.849510967332314%;
}
#section-kodaira {
  top: 38.613251155624035%;
  left: 52.96291817206089%;
}
#section-hino {
  top: 51.8944530046225%;
  left: 44.169022388172515%;
}
#section-higashimurayama {
  top: 30.870570107858242%;
  left: 51.95726444044686%;
}
#section-kokubunji {
  top: 42.73189522342064%;
  left: 50.414203866910555%;
}
#section-kunitachi {
  top: 47.097842835130976%;
  left: 47.91764296836027%;
}
#section-fussa {
  top: 36.54006163328197%;
  left: 39.24165923417635%;
}
#section-komae {
  top: 58.580893682588595%;
  left: 59.888361476016996%;
}
#section-higashiyamato {
  top: 33.05392912172573%;
  left: 48.0000302338589%;
}
#section-kiyose {
  top: 26.036209553158706%;
  left: 56.86724312557634%;
}
#section-higashikurume {
  top: 32.10939907550077%;
  left: 56.012002841982735%;
}
#section-musashimurayama {
  top: 32.95069337442219%;
  left: 43.97401399827667%;
}
#section-tama {
  top: 58.41140215716486%;
  left: 47.91764296836027%;
}
#section-inagi {
  top: 59.28736517719568%;
  left: 51.96520082840773%;
}
#section-hamura {
  top: 30.183359013867488%;
  left: 37.27721425224109%;
}
#section-akiruno {
  top: 37.83050847457628%;
  left: 26.419857598524587%;
}
#section-nishitokyo {
  top: 36.431432973805855%;
  left: 58.63441217819837%;
}
#section-mizuho {
  top: 28.020801232665637%;
  left: 40.98312950673459%;
}
#section-hinode {
  top: 32.518489984591675%;
  left: 29.865761666490304%;
}
#section-hinohara {
  top: 38.2904468412943%;
  left: 17.892775619416184%;
}
#section-okutama {
  top: 17.6979969183359%;
  left: 14.505449653066469%;
}
#section-ooshima {
  top: 66.7557781201849%;
  left: 19.398799715801726%;
}
#section-toshimamura {
  top: 69.38366718027736%;
  left: 16.10217532614775%;
}
#section-niijima {
  top: 71.33127889060093%;
  left: 18.542803585735665%;
}
#section-koudushima {
  top: 73.9984591679507%;
  left: 13.898882858913698%;
}
#section-miyakejima {
  top: 75.89445300462249%;
  left: 20.40105213828967%;
}
#section-mikurajima {
  top: 78.44298921417567%;
  left: 21.128554368036767%;
}
#section-hachijoujima {
  top: 84.88135593220338%;
  left: 23.086574654956085%;
}
#section-aogashima {
  top: 90.99537750385207%;
  left: 21.83186951066499%;
}
#section-ogasawara {
  top: 86.12095531587056%;
  left: 9.806730056990824%;
}
#section-tokyo-bay {
  top: 69.11864406779661%;
  left: 83.55278075917221%;
}
.p-newspaper-integration-ws {
  width: 100%;
  height: 0;
}
.p-newspaper-integration-ws__item {
  position: absolute;
  width: 1.187530925284513%;
}
.is-zoom .p-newspaper-integration-ws__item {
  pointer-events: none;
}
.p-newspaper-integration-ws__item#photo-chiyoda {
  top: 46.61957618567104%;
  left: calc(76.52152399802078% + -1.261751608114795%);
}
.p-newspaper-integration-ws__item#newspaper-chiyoda {
  top: 46.61957618567104%;
  left: calc(76.52152399802078% + 0.074220682830282%);
}
.p-newspaper-integration-ws__item#photo-chuo {
  top: 49.94954591321898%;
  left: calc(78.69866402770906% + -1.261751608114795%);
}
.p-newspaper-integration-ws__item#newspaper-chuo {
  top: 49.94954591321898%;
  left: calc(78.69866402770906% + 0.074220682830282%);
}
.p-newspaper-integration-ws__item#photo-minato {
  top: 55.095862764883954%;
  left: calc(75.1855517070757% + -1.261751608114795%);
}
.p-newspaper-integration-ws__item#newspaper-minato {
  top: 55.095862764883954%;
  left: calc(75.1855517070757% + 0.074220682830282%);
}
.p-newspaper-integration-ws__item#photo-shinjuku {
  top: 44.19778002018164%;
  left: calc(73.05789213260762% + -1.261751608114795%);
}
.p-newspaper-integration-ws__item#newspaper-shinjuku {
  top: 44.19778002018164%;
  left: calc(73.05789213260762% + 0.074220682830282%);
}
.p-newspaper-integration-ws__item#photo-bunkyo {
  top: 39.95963673057518%;
  left: calc(76.42256308758041% + -1.261751608114795%);
}
.p-newspaper-integration-ws__item#newspaper-bunkyo {
  top: 39.95963673057518%;
  left: calc(76.42256308758041% + 0.074220682830282%);
}
.p-newspaper-integration-ws__item#photo-taito {
  top: 39.656912209889%;
  left: calc(80.1335972290945% + -0.593765462642256%);
  z-index: 15;
}
.p-newspaper-integration-ws__item#photo-sumida {
  top: 40.867810292633706%;
  left: calc(83.10242454230578% + -1.261751608114795%);
}
.p-newspaper-integration-ws__item#newspaper-sumida {
  top: 40.867810292633706%;
  left: calc(83.10242454230578% + 0.074220682830282%);
}
.p-newspaper-integration-ws__item#photo-koto {
  top: 51.86680121089808%;
  left: calc(82.26125680356259% + -1.261751608114795%);
}
.p-newspaper-integration-ws__item#newspaper-koto {
  top: 51.86680121089808%;
  left: calc(82.26125680356259% + 0.074220682830282%);
}
.p-newspaper-integration-ws__item#photo-shinagawa {
  top: 63.673057517658926%;
  left: calc(73.70113805047006% + -0.593765462642256%);
}
.p-newspaper-integration-ws__item#photo-ota {
  top: 73.66296670030272%;
  left: calc(73.156853043048% + -1.261751608114795%);
}
.p-newspaper-integration-ws__item#newspaper-ota {
  top: 73.66296670030272%;
  left: calc(73.156853043048% + 0.074220682830282%);
}
.p-newspaper-integration-ws__item#photo-setagaya {
  top: 57.4167507568113%;
  left: calc(65.23998020781792% + -1.261751608114795%);
}
.p-newspaper-integration-ws__item#newspaper-setagaya {
  top: 57.4167507568113%;
  left: calc(65.23998020781792% + 0.074220682830282%);
}
.p-newspaper-integration-ws__item#photo-shibuya {
  top: 50.8577194752775%;
  left: calc(71.27659574468085% + -1.261751608114795%);
}
.p-newspaper-integration-ws__item#newspaper-shibuya {
  top: 50.8577194752775%;
  left: calc(71.27659574468085% + 0.074220682830282%);
}
.p-newspaper-integration-ws__item#photo-nakano {
  top: 42.28052472250252%;
  left: calc(69.34685799109351% + -0.593765462642256%);
}
.p-newspaper-integration-ws__item#photo-suginami {
  top: 44.904137235116046%;
  left: calc(65.38842157347847% + -1.261751608114795%);
}
.p-newspaper-integration-ws__item#newspaper-suginami {
  top: 44.904137235116046%;
  left: calc(65.38842157347847% + 0.074220682830282%);
}
.p-newspaper-integration-ws__item#photo-toshima {
  top: 36.83148335015136%;
  left: calc(73.5526966848095% + -0.593765462642256%);
}
.p-newspaper-integration-ws__item#photo-kita {
  top: 28.960645812310798%;
  left: calc(75.48243443839682% + -1.261751608114795%);
}
.p-newspaper-integration-ws__item#newspaper-kita {
  top: 28.960645812310798%;
  left: calc(75.48243443839682% + 0.074220682830282%);
}
.p-newspaper-integration-ws__item#photo-arakawa {
  top: 35.418768920282545%;
  left: calc(80.33151904997527% + -1.261751608114795%);
}
.p-newspaper-integration-ws__item#newspaper-arakawa {
  top: 35.418768920282545%;
  left: calc(80.33151904997527% + 0.074220682830282%);
}
.p-newspaper-integration-ws__item#photo-nerima {
  top: 33.501513622603426%;
  left: calc(65.14101929737754% + -0.593765462642256%);
}
.p-newspaper-integration-ws__item#photo-adachi {
  top: 26.13521695257316%;
  left: calc(81.61801088570014% + -1.261751608114795%);
}
.p-newspaper-integration-ws__item#newspaper-adachi {
  top: 26.13521695257316%;
  left: calc(81.61801088570014% + 0.074220682830282%);
}
.p-newspaper-integration-ws__item#photo-katsushika {
  top: 32.08879919273461%;
  left: calc(86.91241959426027% + -1.261751608114795%);
}
.p-newspaper-integration-ws__item#newspaper-katsushika {
  top: 32.08879919273461%;
  left: calc(86.91241959426027% + 0.074220682830282%);
}
.p-newspaper-integration-ws__item#photo-edogawa {
  top: 44.904137235116046%;
  left: calc(88.3968332508659% + -1.261751608114795%);
}
.p-newspaper-integration-ws__item#newspaper-edogawa {
  top: 44.904137235116046%;
  left: calc(88.3968332508659% + 0.074220682830282%);
}
.p-newspaper-integration-ws__item#photo-hachioji {
  top: 53.58224016145308%;
  left: calc(33.91885205343889% + -0.593765462642256%);
}
.p-newspaper-integration-ws__item#photo-tachikawa {
  top: 41.77598385469223%;
  left: calc(46.38792676892628% + -1.261751608114795%);
}
.p-newspaper-integration-ws__item#newspaper-tachikawa {
  top: 41.77598385469223%;
  left: calc(46.38792676892628% + 0.074220682830282%);
}
.p-newspaper-integration-ws__item#photo-musashino {
  top: 42.48234106962664%;
  left: calc(59.69816922315685% + -1.261751608114795%);
}
.p-newspaper-integration-ws__item#newspaper-musashino {
  top: 42.48234106962664%;
  left: calc(59.69816922315685% + 0.074220682830282%);
}
.p-newspaper-integration-ws__item#photo-mitaka {
  top: 47.527749747729565%;
  left: calc(59.30232558139535% + -0.593765462642256%);
}
.p-newspaper-integration-ws__item#photo-oume {
  top: 22.300706357214935%;
  left: calc(31.989114299851558% + -0.593765462642256%);
}
.p-newspaper-integration-ws__item#photo-fuchu {
  top: 51.160443995963675%;
  left: calc(51.92973775358733% + -0.593765462642256%);
}
.p-newspaper-integration-ws__item#photo-akishima {
  top: 43.28960645812311%;
  left: calc(41.93468579910935% + -0.593765462642256%);
}
.p-newspaper-integration-ws__item#photo-chofu {
  top: 54.9949545913219%;
  left: calc(57.867392380009896% + -1.261751608114795%);
}
.p-newspaper-integration-ws__item#newspaper-chofu {
  top: 54.9949545913219%;
  left: calc(57.867392380009896% + 0.074220682830282%);
}
.p-newspaper-integration-ws__item#photo-machida {
  top: 72.2502522704339%;
  left: calc(46.58584858980703% + -0.593765462642256%);
}
.p-newspaper-integration-ws__item#photo-koganei {
  top: 44.904137235116046%;
  left: calc(54.89856506679861% + -1.261751608114795%);
}
.p-newspaper-integration-ws__item#newspaper-koganei {
  top: 44.904137235116046%;
  left: calc(54.89856506679861% + 0.074220682830282%);
}
.p-newspaper-integration-ws__item#photo-kodaira {
  top: 39.55600403632694%;
  left: calc(52.968827313211285% + -1.261751608114795%);
}
.p-newspaper-integration-ws__item#newspaper-kodaira {
  top: 39.55600403632694%;
  left: calc(52.968827313211285% + 0.074220682830282%);
}
.p-newspaper-integration-ws__item#photo-hino {
  top: 52.774974772956604%;
  left: calc(44.16130628401781% + -0.593765462642256%);
}
.p-newspaper-integration-ws__item#photo-higashimurayama {
  top: 31.786074672048436%;
  left: calc(51.979218208807524% + -0.593765462642256%);
}
.p-newspaper-integration-ws__item#photo-kokubunji {
  top: 43.69323915237134%;
  left: calc(50.44532409698169% + -0.593765462642256%);
}
.p-newspaper-integration-ws__item#photo-kunitachi {
  top: 48.03229061553986%;
  left: calc(47.9218208807521% + -0.593765462642256%);
}
.p-newspaper-integration-ws__item#newspaper-fussa {
  top: 37.53784056508577%;
  left: calc(39.21326076199901% + -0.593765462642256%);
}
.p-newspaper-integration-ws__item#newspaper-komae {
  top: 59.43491422805247%;
  left: calc(59.94557149925779% + -0.593765462642256%);
}
.p-newspaper-integration-ws__item#photo-higashiyamato {
  top: 33.8042381432896%;
  left: calc(47.9218208807521% + -0.593765462642256%);
}
.p-newspaper-integration-ws__item#photo-kiyose {
  top: 26.740665993945512%;
  left: calc(56.82830282038594% + -0.593765462642256%);
}
.p-newspaper-integration-ws__item#photo-higashikurume {
  top: 32.996972754793134%;
  left: calc(55.88817417120238% + -1.261751608114795%);
}
.p-newspaper-integration-ws__item#newspaper-higashikurume {
  top: 32.996972754793134%;
  left: calc(55.88817417120238% + 0.074220682830282%);
}
.p-newspaper-integration-ws__item#photo-tama {
  top: 59.233097880928355%;
  left: calc(47.9218208807521% + -0.593765462642256%);
}
.p-newspaper-integration-ws__item#photo-inagi {
  top: 60.24217961654894%;
  left: calc(51.92973775358733% + -1.261751608114795%);
}
.p-newspaper-integration-ws__item#newspaper-inagi {
  top: 60.24217961654894%;
  left: calc(51.92973775358733% + 0.074220682830282%);
}
.p-newspaper-integration-ws__item#photo-hamura {
  top: 31.079717457114025%;
  left: calc(37.28352300841168% + -1.261751608114795%);
}
.p-newspaper-integration-ws__item#newspaper-hamura {
  top: 31.079717457114025%;
  left: calc(37.28352300841168% + 0.074220682830282%);
}
.p-newspaper-integration-ws__item#photo-nishitokyo {
  top: 37.43693239152371%;
  left: calc(58.609599208312716% + -1.261751608114795%);
}
.p-newspaper-integration-ws__item#newspaper-nishitokyo {
  top: 37.43693239152371%;
  left: calc(58.609599208312716% + 0.074220682830282%);
}
.p-newspaper-integration-ws__item#photo-hinode {
  top: 33.8042381432896%;
  left: calc(29.91093518060366% + -0.593765462642256%);
}
.p-newspaper-integration-ws__item#photo-okutama {
  top: 18.768920282542886%;
  left: calc(14.42355269668481% + -1.261751608114795%);
}
.p-newspaper-integration-ws__item#newspaper-okutama {
  top: 18.768920282542886%;
  left: calc(14.42355269668481% + 0.074220682830282%);
}
.p-newspaper-integration-ws__item#newspaper-ooshima {
  top: 65.38849646821393%;
  left: calc(21.84562097971301% + -1.261751608114795%);
}
.p-newspaper-integration-ws__item#photo-niijima {
  top: 69.72754793138243%;
  left: calc(20.806531420089065% + -1.261751608114795%);
}
.p-newspaper-integration-ws__item#photo-miyakejima {
  top: 74.36932391523713%;
  left: calc(22.637308263236022% + -1.261751608114795%);
}
.p-newspaper-integration-ws__item#newspaper-miyakejima {
  top: 74.36932391523713%;
  left: calc(22.637308263236022% + 0.074220682830282%);
}
.p-newspaper-integration-ws__item#photo-mikurajima {
  top: 77.19475277497477%;
  left: calc(23.626917367639784% + -1.261751608114795%);
}
.p-newspaper-integration-ws__item#photo-hachijoujima {
  top: 83.65287588294652%;
  left: calc(25.45769421078674% + -1.261751608114795%);
}
.p-newspaper-integration-ws__item#newspaper-hachijoujima {
  top: 83.65287588294652%;
  left: calc(25.45769421078674% + 0.074220682830282%);
}
.p-newspaper-integration-ws__item#photo-ogasawara {
  top: 86.98284561049445%;
  left: calc(9.821870361207322% + -1.261751608114795%);
}
.p-newspaper-integration-ws__item#newspaper-ogasawara {
  top: 86.98284561049445%;
  left: calc(9.821870361207322% + 0.074220682830282%);
}
.p-newspaper-integration-ws__item .p-photo-contest-ws__child,
.p-newspaper-integration-ws__item .p-newspaper-ws__icon {
  position: absolute;
  top: 0;
  left: 50%;
  z-index: 12;
  width: 115.84855084603787%;
  height: 127.21952850693864%;
  opacity: 0;
  -webkit-transform: translate(-50%, -100%);
  transform: translate(-50%, -100%);
  pointer-events: none;
}
.p-newspaper-integration-ws__item .p-photo-contest-ws__child.is-blink,
.p-newspaper-integration-ws__item .p-newspaper-ws__icon.is-blink {
  -webkit-animation: 2.4s linear 0s 1 normal forwards iconBlink;
  animation: 2.4s linear 0s 1 normal forwards iconBlink;
}
.p-newspaper-integration-ws__icon {
  display: block;
  position: relative;
  z-index: 12;
  cursor: pointer;
}
.p-newspaper-integration-ws__icon i {
  display: block;
  position: absolute;
  top: -13.333333333333334%;
  right: -8.333333333333332%;
  width: 1.333333333333333em;
  background-color: #ff4e00;
  font-style: normal;
  text-align: center;
  line-height: 1.333333333333333;
  color: #fff;
  border-radius: 50%;
}
.is-zoom .p-newspaper-integration-ws__icon i {
  display: none;
}
@media screen and (min-width: 1024px) {
  .p-newspaper-integration-ws__icon i {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-newspaper-integration-ws__icon i {
    font-size: 2.4vw;
  }
}
.is-zoom .p-newspaper-integration-ws__icon--in {
  display: none;
}
.p-newspaper-integration-ws__icon--out {
  display: none;
}
.is-zoom .p-newspaper-integration-ws__icon--out {
  display: inline-block;
}
.p-newspaper-integration-ws__link {
  margin: 0.342465753424658% auto 0;
}
.p-newspaper-integration-ws__link a {
  display: block;
  position: relative;
  background-color: #45b463;
  text-align: center;
  color: #fff;
}
.p-newspaper-integration-ws__link i {
  position: absolute;
  top: 50%;
  right: 4.395604395604396%;
  width: 13.038461538461538%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.p-newspaper-integration-ws__link i img {
  vertical-align: top;
}
@media screen and (min-width: 1024px) {
  .p-newspaper-integration-ws__link {
    width: 18.2rem;
  }
  .p-newspaper-integration-ws__link a {
    padding: 0.8rem 0;
    font-size: 1.4rem;
    line-height: 1.357142857142857;
    border-radius: 2.3rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-newspaper-integration-ws__link {
    width: 39.33333333333333vw;
  }
  .p-newspaper-integration-ws__link a {
    padding: 2.133333333333333vw 0;
    font-size: 3.733333333333334vw;
    line-height: 1.357142857142857;
    border-radius: 6vw;
  }
}
.p-newspaper-integration-ws__close {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-transform: translate(36%, -36%);
  transform: translate(36%, -36%);
}
.p-newspaper-integration-ws__close img {
  vertical-align: top;
}
@media screen and (min-width: 1024px) {
  .p-newspaper-integration-ws__close {
    width: 4rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-newspaper-integration-ws__close {
    width: 8.533333333333333vw;
  }
}
.p-newspaper-integration-entry {
  width: 100%;
  height: 0;
}
.p-newspaper-integration-entry__item {
  position: absolute;
  width: 1.247146679566447%;
}
.is-zoom .p-newspaper-integration-entry__item {
  pointer-events: none;
}
.p-newspaper-integration-entry__item.is--type-entry1 {
  top: 29.284283513097066%;
  left: 74.46561654396757%;
}
.p-newspaper-integration-entry__item.is--type-entry2 {
  top: 26.51078582434514%;
  left: 80.2478420583211%;
}
.p-newspaper-integration-entry__item.is--type-entry3 {
  top: 74.09630200308166%;
  left: 72.55370289186858%;
}
.p-newspaper-integration-entry__item.is--type-entry4 {
  top: 39.65870570107858%;
  left: 77.07328687397013%;
}
.p-newspaper-integration-entry__item.is--type-entry5 {
  top: 54.928351309707246%;
  left: 62.48544995540504%;
}
.p-newspaper-integration-entry__item.is--type-entry6 {
  top: 45.043913713405246%;
  left: 64.00054420946016%;
}
.p-newspaper-integration-entry__item.is--type-entry7 {
  top: 45.043913713405246%;
  left: 65.36106785989628%;
}
.p-newspaper-integration-entry__item.is--type-entry8 {
  top: 26.51078582434514%;
  left: 81.61516832700941%;
}
.p-newspaper-integration-entry__item.is--type-entry9 {
  top: 29.284283513097066%;
  left: 75.82614019440369%;
}
.p-newspaper-integration-entry__icon {
  position: relative;
  z-index: 12;
}
.p-newspaper-integration-tutorial {
  position: fixed;
  z-index: 15;
  text-align: center;
}
@media screen and (min-width: 1024px) {
  .p-newspaper-integration-tutorial {
    top: 3.524804177545692%;
    right: 2.269399707174232%;
  }
}
@media screen and (max-width: 1023px) {
  .p-newspaper-integration-tutorial {
    top: 2.8vw;
    right: 4.399999999999999vw;
  }
}
.p-newspaper-integration-tutorial__icon {
  background-color: #000;
  color: #fff;
  border-radius: 100%;
  cursor: pointer;
}
@media screen and (min-width: 1024px) {
  .p-newspaper-integration-tutorial__icon {
    width: 5rem;
    height: 5rem;
    font-size: 3.2rem;
    line-height: 1.5625;
  }
}
@media screen and (max-width: 1023px) {
  .p-newspaper-integration-tutorial__icon {
    width: 10vw;
    height: 10vw;
    font-size: 6.266666666666667vw;
    line-height: 1.595744680851064;
  }
}
.p-newspaper-integration-tutorial__caption {
  color: #000;
}
@media screen and (min-width: 1024px) {
  .p-newspaper-integration-tutorial__caption {
    margin-top: 0.5rem;
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-newspaper-integration-tutorial__caption {
    margin-top: 1.066666666666667vw;
    font-size: 2.533333333333333vw;
  }
}
.p-newspaper-integration-index,
.p-newspaper-photo-index {
  position: relative;
  margin: 0 auto;
  text-align: center;
}
@media screen and (min-width: 1024px) {
  .p-newspaper-integration-index,
  .p-newspaper-photo-index {
    width: 118.5rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-newspaper-integration-index,
  .p-newspaper-photo-index {
    width: 89.33333333333333vw;
  }
}
.p-newspaper-photo-entry {
  display: block;
  margin: 0 auto;
}
@media screen and (min-width: 1024px) {
  .p-newspaper-photo-entry {
    width: 82.8rem;
    margin-top: 4rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-newspaper-photo-entry {
    width: 89.33333333333333vw;
    margin-top: 7.733333333333333vw;
  }
}
@-webkit-keyframes iconBlink {
  0% {
    opacity: 0;
    -webkit-transform: translate(-50%, -100%);
    transform: translate(-50%, -100%);
  }
  12% {
    opacity: 1;
    -webkit-transform: translate(-50%, -106.57116572479958%);
    transform: translate(-50%, -106.57116572479958%);
  }
  88% {
    opacity: 1;
    -webkit-transform: translate(-50%, -106.57116572479958%);
    transform: translate(-50%, -106.57116572479958%);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate(-50%, -100%);
    transform: translate(-50%, -100%);
  }
}
@keyframes iconBlink {
  0% {
    opacity: 0;
    -webkit-transform: translate(-50%, -100%);
    transform: translate(-50%, -100%);
  }
  12% {
    opacity: 1;
    -webkit-transform: translate(-50%, -106.57116572479958%);
    transform: translate(-50%, -106.57116572479958%);
  }
  88% {
    opacity: 1;
    -webkit-transform: translate(-50%, -106.57116572479958%);
    transform: translate(-50%, -106.57116572479958%);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate(-50%, -100%);
    transform: translate(-50%, -100%);
  }
}
.p-newspaper-ws {
  position: fixed;
  top: 0;
  left: 0;
  overflow: auto;
  width: 100%;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
@media screen and (min-width: 1024px) {
  .p-newspaper-ws {
    height: calc(100% - 9.5rem);
  }
}
@media screen and (max-width: 1023px) {
  .p-newspaper-ws {
    height: calc(100% - 16vw);
  }
}
.p-newspaper-ws__back {
  position: fixed;
  z-index: 180;
}
.p-newspaper-ws__back .c-button a::before {
  position: absolute;
  top: 50%;
  background: url("/assets/images/common/icon-triangle-left-white.svg") no-repeat center;
  background-size: 100% auto;
  content: '';
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
@media screen and (min-width: 1024px) {
  .p-newspaper-ws__back {
    top: 3rem;
    left: 3rem;
    width: 17.1rem;
  }
  .p-newspaper-ws__back .c-button {
    border: 0.2rem solid #fff;
  }
  .p-newspaper-ws__back .c-button a::before {
    left: 1.7rem;
    width: 1rem;
    height: 1.3rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-newspaper-ws__back {
    bottom: 19.466666666666665vw;
    left: 3.6vw;
    width: 27.200000000000003vw;
  }
  .p-newspaper-ws__back .c-button {
    height: 9.466666666666667vw;
    border: 0.266666666666667vw solid #fff;
  }
  .p-newspaper-ws__back .c-button a::before {
    left: 2.533333333333333vw;
    width: 1.6vw;
    height: 2.133333333333333vw;
  }
}
.p-newspaper-ws__container {
  display: inline-block;
  position: relative;
  height: 100%;
  vertical-align: top;
}
.p-newspaper-ws__container.is-widefit {
  width: 100%;
  height: auto;
}
.p-newspaper-ws__map {
  width: auto;
  height: 100%;
  vertical-align: top;
}
.is-widefit .p-newspaper-ws__map {
  width: 100%;
  height: auto;
}
.p-newspaper-ws__ttl {
  position: absolute;
  top: 4.366197183098591%;
  left: 50%;
  width: 47.287390029325515%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.p-newspaper-ws__item {
  position: absolute;
  width: 13.277126099706743%;
}
.p-newspaper-ws__item.is--type-6 {
  top: 63.070422535211264%;
  left: 25.207478005865102%;
}
.p-newspaper-ws__item.is--type-11 {
  top: 62.57887323943662%;
  left: 60.7683284457478%;
}
.p-newspaper-ws__item.is--type-17 {
  top: 16.618309859154927%;
  left: 39.25073313782991%;
}
.p-newspaper-ws__item.is--type-18 {
  top: 12.761971830985916%;
  left: 81.61510263929618%;
}
.p-newspaper-ws__item.is--type-19 {
  top: 20.623943661971833%;
  left: 7.064516129032258%;
}
.p-newspaper-ws__item.is--type-20 {
  top: 62.57887323943662%;
  left: 45.30351906158358%;
}
.p-newspaper-ws__item.is--type-21 {
  top: 17.270422535211267%;
  left: 55.159824046920825%;
}
.p-newspaper-ws__item.is--type-22 {
  top: 52.22676056338028%;
  left: 80.80865102639297%;
}
.p-newspaper-ws__item.is--type-7 {
  top: 42.349295774647885%;
  left: 31.08137829912023%;
}
.p-newspaper-ws__item.is--type-8 {
  top: 64.60281690140846%;
  left: 47.65029325513197%;
}
.p-newspaper-ws__item.is--type-9 {
  top: 14.225352112676056%;
  left: 69.09824046920822%;
}
.p-newspaper-ws__item.is--type-10 {
  top: 59.154929577464785%;
  left: 3.662023460410557%;
}
.p-newspaper-ws__item.is--type-14 {
  top: 64.60281690140846%;
  left: 74.99633431085044%;
}
.p-newspaper-ws__item.is--type-15 {
  top: 39.154929577464785%;
  left: 85.15395894428153%;
}
.p-newspaper-ws__item.is--type-23 {
  top: 23.85070422535211%;
  left: 3.662023460410557%;
}
.p-newspaper-ws__item.is--type-miryoku8 {
  top: 5.774647887323944%;
  left: 85.15395894428153%;
}
.p-newspaper-ws__item.is--type-30 {
  top: 59.625352112676055%;
  left: 11.848973607038124%;
}
.p-newspaper-ws__item.is--type-31 {
  top: 3.264788732394366%;
  left: 83.34310850439883%;
}
.p-newspaper-ws__item.is--type-32 {
  top: 22.464788732394368%;
  left: 27.730938416422283%;
}
.p-newspaper-ws__item.is--type-33 {
  top: 66.4281690140845%;
  left: 77.31891495601174%;
}
.p-newspaper-ws__item.is--type-34 {
  top: 22.208450704225353%;
  left: 4.80058651026393%;
}
.p-newspaper-ws__item.is--type-35 {
  top: 66.26760563380282%;
  left: 62.75659824046921%;
}
.p-newspaper-ws__item.is--type-36 {
  top: 22.208450704225353%;
  left: 48.05718475073314%;
}
.p-newspaper-ws__item.is--type-37 {
  top: 62.58309859154929%;
  left: 41.00806451612903%;
}
.p-newspaper-ws__item.is--type-38 {
  top: 54.20281690140845%;
  left: 26.428885630498534%;
}
.p-newspaper-ws__item.is--type-39 {
  top: 21.504225352112677%;
  left: 68.47067448680352%;
}
.p-newspaper-ws__item.is--type-40 {
  top: 40.23661971830986%;
  left: 85.69648093841643%;
}
.p-newspaper-ws__item.is--type-41 {
  top: 56.16760563380282%;
  left: 39.99266862170088%;
}
.p-newspaper-ws__item.is--type-42 {
  top: 64.46197183098592%;
  left: 19.77052785923754%;
}
.p-newspaper-ws__item.is--type-43 {
  top: 30.7%;
  left: 23.533724340175954%;
}
.p-newspaper-ws__item.is--type-44 {
  top: 65.30422535211268%;
  left: 59.30718475073314%;
}
.p-newspaper-ws__item.is--type-45 {
  top: 0.004225352112676%;
  left: 84.00146627565982%;
}
.p-newspaper-ws__item.is--type-46 {
  top: 65.30422535211268%;
  left: 75.58284457478007%;
}
.p-newspaper-ws__item.is--type-47 {
  top: 19.10985915492958%;
  left: 61.733870967741936%;
}
.p-newspaper-ws__item.is--type-48 {
  top: 11.663380281690142%;
  left: 3.515395894428153%;
}
.p-newspaper-ws__clickable {
  position: relative;
  z-index: 1;
  display: block;
}
@media screen and (min-width: 1024px) {
  .p-newspaper-ws__clickable {
    -webkit-transition: -webkit-transform 0.16s ease-out;
    transition: -webkit-transform 0.16s ease-out;
    transition: transform 0.16s ease-out;
    transition: transform 0.16s ease-out, -webkit-transform 0.16s ease-out;
  }
  .p-newspaper-ws__clickable:hover {
    -webkit-transform: scale(1.08);
    transform: scale(1.08);
  }
}
.p-newspaper-ws__pointer {
  position: absolute;
}
.is--type-6 .p-newspaper-ws__pointer {
  top: 0;
  left: 0;
  width: 89.59690778575371%;
  -webkit-transform: translate(-81.53580672993962%, 1156.6666666666667%);
  transform: translate(-81.53580672993962%, 1156.6666666666667%);
}
.is--type-11 .p-newspaper-ws__pointer {
  top: 0;
  right: 0;
  width: 13.832136940916623%;
  -webkit-transform: translate(60.67864271457085%, -13.157894736842104%);
  transform: translate(60.67864271457085%, -13.157894736842104%);
}
.is--type-17 .p-newspaper-ws__pointer {
  bottom: 0;
  left: 0;
  width: 208.34345665378245%;
  -webkit-transform: translate(29.49829053033315%, 34.90694144899752%);
  transform: translate(29.49829053033315%, 34.90694144899752%);
}
.is--type-18 .p-newspaper-ws__pointer {
  top: 0;
  left: 0;
  width: 30.900055218111543%;
  -webkit-transform: translate(-70.94353109363831%, 1173.3333333333333%);
  transform: translate(-70.94353109363831%, 1173.3333333333333%);
}
.is--type-19 .p-newspaper-ws__pointer {
  top: 0;
  right: 0;
  width: 48.332413031474324%;
  -webkit-transform: translate(94.82463155489546%, 1046%);
  transform: translate(94.82463155489546%, 1046%);
}
.is--type-20 .p-newspaper-ws__pointer {
  top: 0;
  right: 0;
  width: 156.32799558255107%;
  -webkit-transform: translate(92.68482215393308%, -40%);
  transform: translate(92.68482215393308%, -40%);
}
.is--type-21 .p-newspaper-ws__pointer {
  bottom: 0;
  right: 0;
  width: 73.99226946438432%;
  -webkit-transform: translate(95.52238805970148%, -597.3333333333333%);
  transform: translate(95.52238805970148%, -597.3333333333333%);
}
.is--type-22 .p-newspaper-ws__pointer {
  bottom: 0;
  right: 0;
  width: 8.282716731087797%;
  -webkit-transform: translate(-398.66666666666663%, 100%);
  transform: translate(-398.66666666666663%, 100%);
}
.is--type-7 .p-newspaper-ws__pointer {
  top: 0;
  right: 0;
  width: 61.25897294312534%;
  -webkit-transform: translate(98.61186226789256%, 392%);
  transform: translate(98.61186226789256%, 392%);
}
.is--type-8 .p-newspaper-ws__pointer {
  top: 0;
  left: 0;
  width: 8.282716731087797%;
  -webkit-transform: translate(320%, -38.62660944206009%);
  transform: translate(320%, -38.62660944206009%);
}
.is--type-9 .p-newspaper-ws__pointer {
  top: 0;
  left: 0;
  width: 57.907233572611815%;
  -webkit-transform: translate(-99.26575760465337%, 581.9999999999999%);
  transform: translate(-99.26575760465337%, 581.9999999999999%);
}
.is--type-10 .p-newspaper-ws__pointer {
  top: 0;
  right: 0;
  width: 78.76311430149089%;
  -webkit-transform: translate(99.13067863151991%, 456.66666666666663%);
  transform: translate(99.13067863151991%, 456.66666666666663%);
}
.is--type-14 .p-newspaper-ws__pointer {
  top: 0;
  left: 0;
  width: 85.67642186637217%;
  -webkit-transform: translate(-99.57463263727765%, 138.95089285714283%);
  transform: translate(-99.57463263727765%, 138.95089285714283%);
}
.is--type-15 .p-newspaper-ws__pointer {
  top: 0;
  left: 0;
  width: 221.14853672004418%;
  -webkit-transform: translate(-99.87515605493134%, 1136.6666666666667%);
  transform: translate(-99.87515605493134%, 1136.6666666666667%);
}
.is--type-23 .p-newspaper-ws__pointer {
  top: 0;
  right: 0;
  width: 139.50303699613474%;
  -webkit-transform: translate(99.50918302723242%, 731.3333333333334%);
  transform: translate(99.50918302723242%, 731.3333333333334%);
}
.is--type-miryoku8 .p-newspaper-ws__pointer {
  top: 0;
  left: 0;
  width: 127.05135284373274%;
  -webkit-transform: translate(-99.52627232821939%, 77.50170959653522%);
  transform: translate(-99.52627232821939%, 77.50170959653522%);
}
.is--type-30 .p-newspaper-ws__pointer {
  top: 0;
  left: 0;
  width: 17.542794036443954%;
  -webkit-transform: translate(-95.68775574441297%, 830.9999999999999%);
  transform: translate(-95.68775574441297%, 830.9999999999999%);
}
.is--type-31 .p-newspaper-ws__pointer {
  top: 0;
  left: 0;
  width: 1.656543346217559%;
  -webkit-transform: translate(1896.6666666666665%, 310.51285907655284%);
  transform: translate(1896.6666666666665%, 310.51285907655284%);
}
.is--type-32 .p-newspaper-ws__pointer {
  top: 0;
  left: 0;
  width: 27.78023191606847%;
  -webkit-transform: translate(357.66249254621357%, 833.3333333333334%);
  transform: translate(357.66249254621357%, 833.3333333333334%);
}
.is--type-33 .p-newspaper-ws__pointer {
  top: 0;
  left: 0;
  width: 8.282716731087797%;
  -webkit-transform: translate(367.3333333333333%, -39.113262836030074%);
  transform: translate(367.3333333333333%, -39.113262836030074%);
}
.is--type-34 .p-newspaper-ws__pointer {
  top: 0;
  left: 0;
  width: 1.656543346217559%;
  -webkit-transform: translate(1553.3333333333333%, 200.0371574547143%);
  transform: translate(1553.3333333333333%, 200.0371574547143%);
}
.is--type-35 .p-newspaper-ws__pointer {
  top: 0;
  left: 0;
  width: 39.89508558807289%;
  -webkit-transform: translate(227.68166089965396%, -40.1964350672972%);
  transform: translate(227.68166089965396%, -40.1964350672972%);
}
.is--type-36 .p-newspaper-ws__pointer {
  top: 0;
  left: 0;
  width: 53.08117062396466%;
  -webkit-transform: translate(178.53947779049204%, 222.1629550606748%);
  transform: translate(178.53947779049204%, 222.1629550606748%);
}
.is--type-37 .p-newspaper-ws__pointer {
  top: 0;
  left: 0;
  width: 57.69188293760353%;
  -webkit-transform: translate(172.69333843797853%, 464.4000000000002%);
  transform: translate(172.69333843797853%, 464.4000000000002%);
}
.is--type-38 .p-newspaper-ws__pointer {
  top: 0;
  left: 0;
  width: 193.3406957482054%;
  -webkit-transform: translate(47.72376763580283%, 20.749334347660756%);
  transform: translate(47.72376763580283%, 20.749334347660756%);
}
.is--type-39 .p-newspaper-ws__pointer {
  top: 0;
  left: 0;
  width: 41.131971286582%;
  -webkit-transform: translate(233.58840112766813%, 1348.8%);
  transform: translate(233.58840112766813%, 1348.8%);
}
.is--type-40 .p-newspaper-ws__pointer {
  top: 0;
  left: 0;
  width: 59.27112092766428%;
  -webkit-transform: translate(-98.75163033351966%, -2.621434078643049%);
  transform: translate(-98.75163033351966%, -2.621434078643049%);
}
.is--type-41 .p-newspaper-ws__pointer {
  top: 0;
  left: 0;
  width: 8.282716731087797%;
  -webkit-transform: translate(1013.9999999999999%, -62.898228795230025%);
  transform: translate(1013.9999999999999%, -62.898228795230025%);
}
.is--type-42 .p-newspaper-ws__pointer {
  top: 0;
  left: 0;
  width: 38.89011595803424%;
  -webkit-transform: translate(-99.24747976714468%, 401.99999999999994%);
  transform: translate(-99.24747976714468%, 401.99999999999994%);
}
.is--type-43 .p-newspaper-ws__pointer {
  top: 0;
  left: 0;
  width: 88.40419657647708%;
  -webkit-transform: translate(113.05434103685197%, 642.6666666666666%);
  transform: translate(113.05434103685197%, 642.6666666666666%);
}
.is--type-44 .p-newspaper-ws__pointer {
  top: 0;
  left: 0;
  width: 1.656543346217559%;
  -webkit-transform: translate(1136.6666666666667%, -40.195661420672046%);
  transform: translate(1136.6666666666667%, -40.195661420672046%);
}
.is--type-45 .p-newspaper-ws__pointer {
  top: 0;
  left: 0;
  width: 33.40143567090006%;
  -webkit-transform: translate(-96.37956687055711%, 245.11827274170503%);
  transform: translate(-96.37956687055711%, 245.11827274170503%);
}
.is--type-46 .p-newspaper-ws__pointer {
  top: 0;
  left: 0;
  width: 129.7901711761458%;
  -webkit-transform: translate(-90.75090406296535%, -51.48390144060458%);
  transform: translate(-90.75090406296535%, -51.48390144060458%);
}
.is--type-47 .p-newspaper-ws__pointer {
  top: 0;
  left: 0;
  width: 16.95748205411375%;
  -webkit-transform: translate(-94.75740801042006%, 695.3333333333333%);
  transform: translate(-94.75740801042006%, 695.3333333333333%);
}
.is--type-48 .p-newspaper-ws__pointer {
  top: 0;
  left: 0;
  width: 182.82716731087797%;
  -webkit-transform: translate(54.27665357897915%, 99.12784513933207%);
  transform: translate(54.27665357897915%, 99.12784513933207%);
}
.p-newspaper-ws__icon {
  position: relative;
  z-index: 4;
  width: 25.952512424075096%;
  margin: 0 auto -3.313086692435119%;
  padding-bottom: 3.202650469353948%;
  background: url("/assets/images/others/newspaper-map/ws/bg_child_icon.svg") no-repeat center top;
  background-size: 100% auto;
}
.p-newspaper-ws__work__ttl {
  position: relative;
  z-index: 3;
  overflow: hidden;
  width: 68.47045831032578%;
  margin: 0 auto -8.83489784649365%;
}
@media screen and (min-width: 1024px) {
  .p-newspaper-ws__work__ttl {
    border: 0.2rem solid #45b463;
    border-radius: 0.6rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-newspaper-ws__work__ttl {
    border: 0.266666666666667vw solid #45b463;
    border-radius: 0.8vw;
  }
}
.p-newspaper-ws__info {
  padding-top: 2.705687465488681%;
  background-color: #fff;
}
@media screen and (min-width: 1024px) {
  .p-newspaper-ws__info {
    border-radius: 0.6rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-newspaper-ws__info {
    border-radius: 0.8vw;
  }
}
.p-newspaper-ws__thum {
  overflow: hidden;
  margin: 0 2.59525124240751%;
}
@media screen and (min-width: 1024px) {
  .p-newspaper-ws__thum {
    border-radius: 0.8rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-newspaper-ws__thum {
    border-radius: 1.066666666666667vw;
  }
}
.p-newspaper-ws__link {
  position: relative;
  text-align: center;
}
@media screen and (min-width: 1024px) {
  .p-newspaper-ws__link {
    padding: 0.642857142857143em 0;
    font-size: 1.4rem;
    line-height: 1.357142857142857;
  }
}
@media screen and (max-width: 1023px) {
  .p-newspaper-ws__link {
    padding: 0.659090909090909em 0;
    font-size: 2.933333333333333vw;
    line-height: 1.409090909090909;
  }
}
.p-newspaper-ws__link i {
  position: absolute;
  top: 50%;
  right: 5.521811154058531%;
  width: 1.428571428571429em;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.p-newspaper-ws-modal {
  display: none;
}
.p-newspaper-ws-modal.is-opened {
  display: block;
}
.p-newspaper-ws-modal .m-modal__overlay {
  background-color: rgba(0,0,0,0.4);
}
.p-newspaper-ws-modal img {
  vertical-align: top;
}
.p-newspaper-ws-modal__close {
  display: block;
  position: relative;
  z-index: 2;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  height: 0;
  margin: 0;
  padding: 0;
  background-color: transparent;
  text-align: right;
  border: none;
}
@media screen and (min-width: 1024px) {
  .p-newspaper-ws-modal__close {
    width: 79rem;
    cursor: pointer;
  }
  .p-newspaper-ws-modal__close img {
    width: 5rem;
    -webkit-transform: translate(36%, -40%);
    transform: translate(36%, -40%);
  }
}
@media screen and (max-width: 1023px) {
  .p-newspaper-ws-modal__close {
    width: 90.4vw;
  }
  .p-newspaper-ws-modal__close img {
    width: 8.799999999999999vw;
    -webkit-transform: translate(16.666666666666664%, -50.6060606060606%);
    transform: translate(16.666666666666664%, -50.6060606060606%);
  }
}
.p-newspaper-ws-modal__container {
  background-color: #fff;
}
@media screen and (min-width: 1024px) {
  .p-newspaper-ws-modal__container {
    width: 79rem;
    padding: 2.1rem 0;
    border-radius: 2.9rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-newspaper-ws-modal__container {
    width: 90.4vw;
    padding: 5.066666666666666vw 0;
    border-radius: 3.866666666666667vw;
  }
}
.p-newspaper-ws-detail__hdg {
  color: #45b463;
}
@media screen and (min-width: 1024px) {
  .p-newspaper-ws-detail__hdg {
    padding: 0 5.9rem;
    font-size: 2rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-newspaper-ws-detail__hdg {
    padding: 0 6.933333333333333vw;
    font-size: 3.2vw;
  }
}
@media screen and (min-width: 1024px) {
  .p-newspaper-ws-detail__thum + .p-newspaper-ws-detail__hdg {
    margin-top: 3.7rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-newspaper-ws-detail__thum + .p-newspaper-ws-detail__hdg {
    margin-top: 4.933333333333334vw;
  }
}
.p-newspaper-ws-detail__ttl {
  overflow: hidden;
  background-color: #e0f2c3;
}
@media screen and (min-width: 1024px) {
  .p-newspaper-ws-detail__ttl {
    margin: 1.2rem 5.9rem 0;
    border-radius: 1.3rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-newspaper-ws-detail__ttl {
    margin: 2.133333333333333vw 6.933333333333333vw 0;
    border-radius: 1.733333333333333vw;
  }
}
.p-newspaper-ws-detail__thum {
  overflow: hidden;
}
@media screen and (min-width: 1024px) {
  .p-newspaper-ws-detail__thum {
    margin: 4rem 5.9rem 0;
    border: 0.6rem solid #45b463;
    border-radius: 3.3rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-newspaper-ws-detail__thum {
    margin: 4vw 6.933333333333333vw 0;
    border: 0.8vw solid #45b463;
    border-radius: 4.399999999999999vw;
  }
}
.p-newspaper-ws-detail__charm {
  display: inline-block;
  background-color: #45b463;
  color: #fff;
}
@media screen and (min-width: 1024px) {
  .p-newspaper-ws-detail__charm {
    margin: 4.2rem 5.9rem 0;
    padding: 0.352941176470588em 1.058823529411765em;
    font-size: 1.7rem;
    line-height: 1.352941176470588;
    border-radius: 14.5em;
  }
}
@media screen and (max-width: 1023px) {
  .p-newspaper-ws-detail__charm {
    margin: 6.666666666666667vw 6.933333333333333vw 0;
    padding: 0.478260869565217em 1.304347826086957em;
    font-size: 3.066666666666666vw;
    line-height: 1.391304347826087;
    border-radius: 3.6vw;
  }
}
#piyo {
  position: absolute;
  top: 0;
  left: 0;
  width: 10px;
  height: 10px;
}
#hoge {
  position: absolute;
  top: 0;
  right: 0;
  width: 10px;
  height: 10px;
}
@media screen and (min-width: 1024px) {
  .p-relatedlink .p-relatedlink__description {
    margin-top: 12.1rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-relatedlink .p-relatedlink__description {
    margin-top: -5.866666666666666vw;
  }
}
@media screen and (min-width: 1024px) {
  .p-relatedlink .p-relatedlink__anchor {
    margin-top: 14rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-relatedlink .p-relatedlink__anchor {
    margin-top: 14.666666666666666vw;
  }
}
@media screen and (min-width: 1024px) {
  .p-relatedlink .c-column__type1 {
    margin-top: 8rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-relatedlink .c-column__type1 {
    margin-top: 10.666666666666668vw;
  }
}
@media screen and (min-width: 1024px) {
  .p-relatedlink .p-relatedlink__category {
    margin-top: 8.8rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-relatedlink .p-relatedlink__category {
    margin-top: 13.333333333333334vw;
  }
}
@media screen and (min-width: 1024px) {
  .p-relatedlink .p-relatedlink__category .c-heading__level2a {
    position: relative;
    text-align: center;
    margin-top: 13rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-relatedlink .p-relatedlink__category .c-heading__level2a {
    margin-top: 22.666666666666664vw;
  }
}
@media screen and (max-width: 1023px) {
  .p-relatedlink .p-relatedlink__category .c-heading__level2a::after {
    display: none;
  }
}
@media screen and (min-width: 1024px) {
  .p-relatedlink .p-relatedlink__category span {
    display: inline-block;
    position: static;
    margin: auto;
    left: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
  }
}
@media screen and (min-width: 1024px) {
  .p-relatedlink .p-relatedlink__recommend {
    margin-top: 14rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-relatedlink .p-relatedlink__recommend {
    margin-top: 13.333333333333334vw;
  }
}
@media screen and (min-width: 1024px) {
  .p-relatedlink .p-relatedlink__recommend .c-column__type3 {
    margin-top: 9.5rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-relatedlink .p-relatedlink__recommend .c-column__type3--card {
    margin-top: 8.133333333333333vw;
  }
}
@media screen and (min-width: 1024px) {
  .p-relatedlink .p-relatedlink__recommend .c-column__type3--card:nth-child(n+3) {
    margin-top: 5.5rem;
  }
}
@media screen and (min-width: 1024px) {
  .p-relatedlink .p-relatedlink__if {
    margin-top: 15rem;
    padding-top: 14rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-relatedlink .p-relatedlink__if {
    margin-top: 12.666666666666668vw;
    padding-top: 12.666666666666668vw;
  }
}
@media screen and (min-width: 1024px) {
  .p-relatedlink .p-relatedlink__if .c-column__type3 {
    margin-top: 9.5rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-relatedlink .p-relatedlink__if .c-column__type3 .c-column__type3--card {
    margin-top: 26.666666666666668vw;
  }
}
@media screen and (min-width: 1024px) {
  .p-relatedlink .p-relatedlink__if .c-column__type3 .c-column__type3--card:nth-child(n+3) {
    margin-top: 12.5rem;
  }
}
@media screen and (min-width: 1024px) {
  .p-relatedlink .p-relatedlink__if .c-column__type3 .c-column__type3--heading__wrap {
    z-index: 3;
    height: 0;
  }
}
@media screen and (max-width: 1023px) {
  .p-relatedlink .p-relatedlink__if .c-column__type3 .c-column__type3--heading__wrap {
    height: 0;
  }
}
@media screen and (min-width: 1024px) {
  .p-relatedlink .p-relatedlink__if .c-column__type3 .c-heading__level2a {
    position: relative;
    height: 0;
    text-align: center;
  }
}
@media screen and (min-width: 1024px) {
  .p-relatedlink .p-relatedlink__if .c-column__type3 .c-heading__level2a::after {
    display: none;
  }
}
@media screen and (min-width: 1024px) {
  .p-relatedlink .p-relatedlink__if .c-column__type3 .c-heading__level2a span.c-heading__level2a--inner {
    position: static;
    display: inline-block;
    left: 0;
    -webkit-transform: translate(0, -150%);
    transform: translate(0, -150%);
  }
}
@media screen and (max-width: 1023px) {
  .p-relatedlink .p-relatedlink__if .c-column__type3 .c-heading__level2a span.c-heading__level2a--inner {
    left: 0;
    -webkit-transform: translate(0, -150%);
    transform: translate(0, -150%);
  }
}
.p-relatedlink .p-relatedlink__more {
  margin: 0 auto;
}
@media screen and (min-width: 1024px) {
  .p-relatedlink .p-relatedlink__more {
    padding-top: 9.5rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-relatedlink .p-relatedlink__more {
    padding-top: 18.666666666666668vw;
  }
}
@media screen and (max-width: 1023px) {
  .p-relatedlink .p-relatedlink__more .c-column__type2 {
    margin-top: 2vw;
    padding-bottom: 20.666666666666668vw;
  }
}
.p-relatedlink .p-relatedlink__more .c-column__type2 ul.c-column__type2--wrap {
  display: block;
}
@media screen and (min-width: 1024px) {
  .p-relatedlink .p-relatedlink__more .c-column__type2 ul.c-column__type2--wrap {
    padding: 6rem 0 14rem;
  }
}
.p-relatedlink .p-relatedlink__more .c-column__type2 li.c-column__type2--card {
  margin: auto;
}
@media screen and (max-width: 1023px) {
  .p-relatedlink .p-relatedlink__more .c-column__type2 li.c-column__type2--card {
    border-radius: 3.6vw;
    overflow: hidden;
  }
}
@media screen and (max-width: 1023px) {
  .p-relatedlink .p-relatedlink__more .c-column__type2 li.c-column__type2--card a {
    outline: 0.666666666666667vw solid #45b463;
    outline-offset: -0.666666666666667vw;
  }
}
.p-relatedlink .p-relatedlink__more .c-column__type2 li.c-column__type2--card .c-column__type2--card__wrap {
  position: relative;
}
@media screen and (min-width: 1024px) {
  .p-relatedlink .p-relatedlink__more .c-column__type2 li.c-column__type2--card .c-column__type2--card__wrap {
    padding: 6rem 0;
  }
}
@media screen and (max-width: 1023px) {
  .p-relatedlink .p-relatedlink__more .c-column__type2 li.c-column__type2--card .c-column__type2--card__wrap:before {
    z-index: 3;
    position: absolute;
    content: '';
    display: block;
    width: 10vw;
    height: 1px;
    right: -2.06vw;
    bottom: 0;
    background: #45b463;
  }
}
@media screen and (max-width: 1023px) {
  .p-relatedlink .p-relatedlink__more .c-column__type2 li.c-column__type2--card .c-column__type2--card__wrap:after {
    z-index: 10;
    position: absolute;
    content: '';
    display: block;
    width: 3px;
    height: 10vw;
    right: -3.5vw;
    bottom: 0.75vw;
    background: #45b463;
  }
}
.p-relatedlink .p-relatedlink__more .c-column__type2 li.c-column__type2--card .c-column__type2--card__image {
  height: auto;
  margin: auto;
}
@media screen and (max-width: 1023px) {
  .p-relatedlink .p-relatedlink__more .c-column__type2 li.c-column__type2--card .c-column__type2--card__image {
    width: 69.33333333333334vw;
    padding: 4vw 0;
  }
}
@media screen and (min-width: 1024px) {
  .p-relatedlink-sort {
    margin-top: 9.2rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-relatedlink-sort {
    margin-top: 9.733333333333333vw;
  }
}
@media screen and (min-width: 1024px) {
  .p-relatedlink-sort__accordion {
    padding: 0 6.4rem;
  }
}
.p-relatedlink-sort__inner {
  background-color: #cdef9f;
}
@media screen and (min-width: 1024px) {
  .p-relatedlink-sort__inner {
    padding: 2.4rem 3.5rem 3.2rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-relatedlink-sort__inner {
    padding: 4.266666666666667vw 9.6vw 5.333333333333334vw;
  }
}
@media screen and (min-width: 1024px) {
  .p-relatedlink-sort__list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    row-gap: 2rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-relatedlink-sort__list {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
    gap: 2.133333333333333vw;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
@media screen and (min-width: 1024px) {
  .p-relatedlink-sort__list > .is-all {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
  }
}
.p-relatedlink-sort__list__btn {
  display: block;
  border: none;
  cursor: pointer;
  padding: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: #fff;
  color: #45b463;
  font-weight: bold;
}
@media screen and (min-width: 1024px) {
  .p-relatedlink-sort__list__btn {
    width: 23.2rem;
    margin: 0 0.7rem;
    padding: 0.9rem 0;
    font-size: 1.9rem;
    line-height: 155%;
    border: solid 0.4rem #45b463;
    border-radius: 2.75rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-relatedlink-sort__list__btn {
    padding: 2.666666666666667vw 0;
    font-size: 3.733333333333334vw;
    line-height: 113.99999999999999%;
    border: solid 0.533333333333333vw #45b463;
    border-radius: 6.666666666666667vw;
  }
}
.p-relatedlink-sort__list__btn.is-sort-current {
  background-color: #45b463;
  color: #fff;
}
@media screen and (min-width: 1024px) {
  .is-all .p-relatedlink-sort__list__btn {
    margin: 0 auto 0;
  }
}
@media screen and (max-width: 1023px) {
  .is-all .p-relatedlink-sort__list__btn {
    width: 100%;
  }
}
.p-relatedlink-sort-result__select-category {
  background-color: #45b463;
  color: #fff;
  font-weight: bold;
  text-align: center;
  line-height: 155%;
}
@media screen and (min-width: 1024px) {
  .p-relatedlink-sort-result__select-category {
    width: 58rem;
    margin: 8rem auto 0;
    padding: 2.9rem 0;
    font-size: 4rem;
    border-radius: 4rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-relatedlink-sort-result__select-category {
    width: 77.33333333333333vw;
    margin: 10.666666666666668vw auto 0;
    padding: 3.866666666666667vw 0;
    font-size: 5.333333333333334vw;
    border-radius: 5.333333333333334vw;
  }
}
.p-relatedlink-sort-result__select-category.is-hide {
  display: none;
}
@media screen and (min-width: 1024px) {
  .p-relatedlink-sort-result__container {
    padding-top: 1.6rem;
  }
}
.p-relatedlink-sort-result__hdg {
  position: relative;
  display: block;
  text-align: center;
  background-color: #fc99b4;
  color: #fff;
  line-height: 150%;
}
@media screen and (min-width: 1024px) {
  .p-relatedlink-sort-result__hdg {
    width: 14.4rem;
    margin: 6.4rem auto 3.8rem;
    padding: 1.5rem 0;
    font-size: 3.2rem;
    border-radius: 2rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-relatedlink-sort-result__hdg {
    width: 21.333333333333336vw;
    margin: 10.666666666666668vw auto 9.333333333333334vw;
    padding: 1.733333333333333vw 0;
    font-size: 4.8vw;
    border-radius: 2.666666666666667vw;
  }
}
@media screen and (min-width: 1024px) {
  .p-relatedlink-sort-result__hdg.is-movie {
    width: 11.2rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-relatedlink-sort-result__hdg.is-movie {
    width: 16.266666666666666vw;
  }
}
.p-relatedlink-sort-result__hdg:after {
  content: '';
  position: absolute;
  left: 50%;
  bottom: -20%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  display: block;
  background-image: url("/assets/images/others/common/ico_prominence_pink.svg");
  background-size: 100% auto;
  background-repeat: no-repeat;
}
@media screen and (min-width: 1024px) {
  .p-relatedlink-sort-result__hdg:after {
    width: 1.8rem;
    height: 2.4rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-relatedlink-sort-result__hdg:after {
    width: 2.4vw;
    height: 3.2vw;
  }
}
.p-relatedlink-sort-result__links {
  display: -ms-grid;
  display: grid;
}
@media screen and (min-width: 1024px) {
  .p-relatedlink-sort-result__links {
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr);
    gap: 3.8rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-relatedlink-sort-result__links {
    -ms-grid-columns: (1fr)[1];
    grid-template-columns: repeat(1, 1fr);
    gap: 5.333333333333334vw;
  }
}
.p-relatedlink-sort-result__links__link {
  position: relative;
  background-color: #fff;
  display: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
@media screen and (min-width: 1024px) {
  .p-relatedlink-sort-result__links__link {
    padding-top: 2.7rem;
    border: solid 0.5rem #45b463;
    border-radius: 3.6rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-relatedlink-sort-result__links__link {
    padding-top: 5.866666666666666vw;
    border: solid 0.666666666666667vw #45b463;
    border-radius: 4.8vw;
  }
}
.p-relatedlink-sort-result__links__link.is-sort-current.is-show {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.p-relatedlink-sort-result__links__new-label {
  position: absolute;
  z-index: 1;
}
@media screen and (min-width: 1024px) {
  .p-relatedlink-sort-result__links__new-label {
    width: 6.4rem;
    top: -2.4rem;
    left: -2.4rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-relatedlink-sort-result__links__new-label {
    width: 11.733333333333333vw;
    top: -4.933333333333334vw;
    left: -4.933333333333334vw;
  }
}
@media screen and (min-width: 1024px) {
  .p-relatedlink-sort-result__links__thumb {
    margin: 0 2.3rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-relatedlink-sort-result__links__thumb {
    margin: 0 6vw;
  }
}
.p-relatedlink-sort-result__links__title {
  color: #45b463;
  text-align: center;
}
@media screen and (min-width: 1024px) {
  .p-relatedlink-sort-result__links__title {
    margin: 1.56rem 2.3rem 0;
    font-size: 2.4rem;
    line-height: 155%;
  }
}
@media screen and (max-width: 1023px) {
  .p-relatedlink-sort-result__links__title {
    margin: 4.266666666666667vw 6vw 0;
    font-size: 4.8vw;
    line-height: 150%;
  }
}
.p-relatedlink-sort-result__links__text {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
@media screen and (min-width: 1024px) {
  .p-relatedlink-sort-result__links__text {
    margin: 1.56rem 2.3rem 0;
    font-size: 2rem;
    line-height: 155%;
  }
}
@media screen and (max-width: 1023px) {
  .p-relatedlink-sort-result__links__text {
    margin: 4.266666666666667vw 6vw 0;
    font-size: 3.733333333333334vw;
    line-height: 150%;
  }
}
.p-relatedlink-sort-result__links__detail {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #45b463;
  color: #fff;
  text-align: center;
  letter-spacing: 0.04em;
}
@media screen and (min-width: 1024px) {
  .p-relatedlink-sort-result__links__detail {
    margin-top: 3.2rem;
    padding: 1.9rem 0;
    font-size: 2.4rem;
    line-height: 1;
    border-radius: 0 0 2.6rem 2.6rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-relatedlink-sort-result__links__detail {
    margin-top: 6.4vw;
    padding: 5.066666666666666vw 0;
    font-size: 4.8vw;
    line-height: 1;
    border-radius: 0 0 3.466666666666666vw 3.466666666666666vw;
  }
}
.p-relatedlink-sort-result__links__detail:after {
  content: '';
  display: block;
  background-image: url("/assets/images/common/icon-window-white.svg");
  background-size: 100% auto;
  background-repeat: no-repeat;
}
@media screen and (min-width: 1024px) {
  .p-relatedlink-sort-result__links__detail:after {
    margin-left: 2.4rem;
    width: 2.8rem;
    height: 2.7rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-relatedlink-sort-result__links__detail:after {
    margin-left: 3.2vw;
    width: 4.649199930826823vw;
    height: 4.638399759928386vw;
  }
}
.p-relatedlink-sort-result__inner:not(:has(.is-sort-current)) {
  display: none;
}
.p-relatedlink-sort-result__movies {
  display: -ms-grid;
  display: grid;
}
@media screen and (min-width: 1024px) {
  .p-relatedlink-sort-result__movies {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
    gap: 3.8rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-relatedlink-sort-result__movies {
    -ms-grid-columns: (1fr)[1];
    grid-template-columns: repeat(1, 1fr);
    gap: 5.333333333333334vw;
  }
}
.p-relatedlink-sort-result__movie__item {
  position: relative;
  background-color: #fff;
  display: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
@media screen and (min-width: 1024px) {
  .p-relatedlink-sort-result__movie__item {
    padding: 4.8rem 4.8rem;
    border-radius: 3rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-relatedlink-sort-result__movie__item {
    padding: 6.4vw 5.066666666666666vw;
    border-radius: 4vw;
  }
}
.p-relatedlink-sort-result__movie__item.is-sort-current.is-show {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.p-relatedlink-sort-result__movie__item .c-moviemodal__thumbnail {
  overflow: hidden;
}
@media screen and (min-width: 1024px) {
  .p-relatedlink-sort-result__movie__item .c-moviemodal__thumbnail {
    border-radius: 2.5rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-relatedlink-sort-result__movie__item .c-moviemodal__thumbnail {
    border-radius: 3.333333333333333vw;
  }
}
.p-relatedlink-sort-result__movie__new-label {
  position: absolute;
  z-index: 1;
}
@media screen and (min-width: 1024px) {
  .p-relatedlink-sort-result__movie__new-label {
    width: 6.4rem;
    top: -2.4rem;
    left: -2.4rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-relatedlink-sort-result__movie__new-label {
    width: 11.733333333333333vw;
    top: -4.933333333333334vw;
    left: -4.933333333333334vw;
  }
}
.p-relatedlink-sort-result__movie__title {
  color: #45b463;
}
@media screen and (min-width: 1024px) {
  .p-relatedlink-sort-result__movie__title {
    margin-top: 1.564rem;
    font-size: 2.4rem;
    line-height: 155%;
    font-weight: bold;
  }
}
@media screen and (max-width: 1023px) {
  .p-relatedlink-sort-result__movie__title {
    margin-top: 2vw;
    font-size: 4.8vw;
    line-height: 150%;
  }
}
.p-relatedlink-sort-result__movie__text {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
@media screen and (min-width: 1024px) {
  .p-relatedlink-sort-result__movie__text {
    margin-top: 1.56rem;
    font-size: 2rem;
    line-height: 155%;
  }
}
@media screen and (max-width: 1023px) {
  .p-relatedlink-sort-result__movie__text {
    margin-top: 2vw;
    font-size: 3.733333333333334vw;
    line-height: 150%;
  }
}
.p-relatedlink-sort-result__viewmore {
  display: block;
  border: none;
  cursor: pointer;
  padding: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: #45b463;
  color: #fff;
  font-weight: bold;
  text-align: center;
  cursor: pointer;
  -webkit-transition-property: opacity;
  transition-property: opacity;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
}
@media screen and (min-width: 1024px) {
  .p-relatedlink-sort-result__viewmore {
    width: 58rem;
    margin: 5.6rem auto 0;
    padding: 3.6rem 0;
    font-size: 3.2rem;
    border-radius: 6rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-relatedlink-sort-result__viewmore {
    width: 77.33333333333333vw;
    margin: 8.533333333333333vw auto 0;
    padding: 4.399999999999999vw 0;
    font-size: 4.8vw;
    border-radius: 8vw;
  }
}
.p-relatedlink-sort-result__viewmore.is-more {
  display: block;
}
.p-relatedlink-sort-result__viewmore.is-more + .p-relatedlink-sort-result__viewmore {
  display: none;
}
.p-relatedlink-sort-result__viewmore.is-no-more {
  display: none;
}
.p-relatedlink-sort-result__viewmore.is-no-more + .p-relatedlink-sort-result__viewmore {
  display: block;
}
.p-relatedlink-sort-result__viewmore.is-hidden {
  display: none;
}
.p-relatedlink-sort-result__viewmore.is-hidden + .p-relatedlink-sort-result__viewmore {
  display: none;
}
@media screen and (min-width: 1024px) {
  .p-relatedlink-sort-result__viewmore:hover {
    opacity: 0.7;
  }
}
.p-relatedlink-sort-result__viewmore__more,
.p-relatedlink-sort-result__viewmore__close {
  position: relative;
  display: inline-block;
  width: 100%;
}
.p-relatedlink-sort-result__viewmore__more:after,
.p-relatedlink-sort-result__viewmore__close:after,
.p-relatedlink-sort-result__viewmore__more:before,
.p-relatedlink-sort-result__viewmore__close:before {
  content: '';
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background-color: #fff;
}
@media screen and (min-width: 1024px) {
  .p-relatedlink-sort-result__viewmore__more:before,
  .p-relatedlink-sort-result__viewmore__close:before {
    right: 5.9rem;
    width: 3.2rem;
    height: 0.5rem;
    border-radius: 0.25rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-relatedlink-sort-result__viewmore__more:before,
  .p-relatedlink-sort-result__viewmore__close:before {
    right: 7.866666666666666vw;
    width: 4.266666666666667vw;
    height: 0.666666666666667vw;
    border-radius: 0.333333333333333vw;
  }
}
@media screen and (min-width: 1024px) {
  .p-relatedlink-sort-result__viewmore__more:after,
  .p-relatedlink-sort-result__viewmore__close:after {
    right: 7.3rem;
    width: 0.5rem;
    height: 3.2rem;
    border-radius: 0.25rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-relatedlink-sort-result__viewmore__more:after,
  .p-relatedlink-sort-result__viewmore__close:after {
    right: 9.733333333333333vw;
    width: 0.666666666666667vw;
    height: 4.266666666666667vw;
    border-radius: 0.333333333333333vw;
  }
}
.p-relatedlink-sort-result__viewmore__close:after {
  display: none;
}
@media screen and (min-width: 1024px) {
  .p-soudan .p-soudan__description {
    width: 77.9rem;
  }
}
.p-soudan .p-soudan__statement {
  line-height: 1.8;
}
@media screen and (min-width: 1024px) {
  .p-soudan .p-soudan__statement {
    margin-top: 10rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-soudan .p-soudan__statement {
    margin-top: 16vw;
  }
}
.p-soudan .p-soudan__tabcaption {
  text-align: center;
}
@media screen and (min-width: 1024px) {
  .p-soudan .p-soudan__tabcaption {
    padding: 4.6rem 0;
  }
}
@media screen and (max-width: 1023px) {
  .p-soudan .p-soudan__tabcaption {
    padding: 7.733333333333333vw 0;
  }
}
@media screen and (min-width: 1024px) {
  .p-soudan .p-soudan__downloadpdf {
    margin-bottom: 88px;
    padding-top: 3.6rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-soudan .p-soudan__downloadpdf {
    padding-top: 5.600000000000001vw;
    margin-bottom: 12.4vw;
  }
}
.p-soudan .p-soudan__downloadpdf .c-othersbutton {
  position: relative;
}
@media screen and (min-width: 1024px) {
  .p-soudan .p-soudan__downloadpdf .c-othersbutton {
    width: 52.4rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-soudan .p-soudan__downloadpdf .c-othersbutton {
    width: 78.53333333333333vw;
  }
}
.p-soudan .p-soudan__downloadpdf .c-othersbutton .c-othersbutton__wrap {
  text-align: left;
}
@media screen and (min-width: 1024px) {
  .p-soudan .p-soudan__downloadpdf .c-othersbutton .c-othersbutton__wrap {
    padding-left: 18.9rem;
    font-size: 2.8rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-soudan .p-soudan__downloadpdf .c-othersbutton .c-othersbutton__wrap {
    padding-left: 28.000000000000004vw;
    font-size: 4.133333333333333vw;
  }
}
.p-soudan .p-soudan__downloadpdf .c-othersbutton .c-othersbutton__wrap::after {
  display: block;
  content: '';
  position: absolute;
  z-index: 10;
  background-image: url("/assets/images/others/common/ico_circle_01.png");
  background-repeat: no-repeat;
  background-size: cover;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  border-radius: 50%;
}
@media screen and (min-width: 1024px) {
  .p-soudan .p-soudan__downloadpdf .c-othersbutton .c-othersbutton__wrap::after {
    width: 201px;
    height: 201px;
    left: -45px;
  }
}
@media screen and (max-width: 1023px) {
  .p-soudan .p-soudan__downloadpdf .c-othersbutton .c-othersbutton__wrap::after {
    width: 26.8vw;
    height: 26.8vw;
    left: -3.2vw;
  }
}
@media screen and (min-width: 1024px) {
  .p-soudan .c-column__type5 {
    margin-top: 3.46rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-soudan .c-column__type5 {
    margin-top: 13.866666666666665vw;
  }
}
.p-soudan .p-soudan__gyutto-chat__bnr {
  position: relative;
  width: 100%;
}
.p-soudan .p-soudan__gyutto-chat__btn__wrap {
  position: absolute;
  display: block;
  color: #fff;
  text-align: center;
}
@media screen and (min-width: 1024px) {
  .p-soudan .p-soudan__gyutto-chat__btn__wrap {
    bottom: 5.922401171303076vw;
    left: 6.588579795021962vw;
  }
}
@media screen and (max-width: 1023px) {
  .p-soudan .p-soudan__gyutto-chat__btn__wrap {
    bottom: 11.733333333333333vw;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}
.p-soudan .p-soudan__gyutto-chat__btn__wrap:after {
  content: '';
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  background-color: #f64563;
  z-index: 0;
}
@media screen and (min-width: 1024px) {
  .p-soudan .p-soudan__gyutto-chat__btn__wrap:after {
    bottom: -8%;
    border-radius: 8.784773060029282vw;
  }
}
@media screen and (max-width: 1023px) {
  .p-soudan .p-soudan__gyutto-chat__btn__wrap:after {
    bottom: -6%;
    border-radius: 19.2vw;
  }
}
.p-soudan .p-soudan__gyutto-chat__btn {
  position: relative;
  display: block;
  letter-spacing: 5%;
  background: -webkit-gradient(linear, left top, right top, from(#ff96a9), color-stop(#f86b84), to(#ffc9da));
  background: -webkit-linear-gradient(left, #ff96a9, #f86b84, #ffc9da);
  background: linear-gradient(to right, #ff96a9, #f86b84, #ffc9da);
  color: #fff;
  text-align: center;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
  z-index: 1;
}
@media screen and (min-width: 1024px) {
  .p-soudan .p-soudan__gyutto-chat__btn {
    padding: 2.562225475841874vw 0;
    width: 42.4597364568082vw;
    font-size: 2.928257686676428vw;
    border: 0.366032210834553vw solid #fff;
    border-radius: 8.784773060029282vw;
  }
  .p-soudan .p-soudan__gyutto-chat__btn:hover {
    -webkit-transform: translateY(5%);
    transform: translateY(5%);
  }
}
@media screen and (max-width: 1023px) {
  .p-soudan .p-soudan__gyutto-chat__btn {
    padding: 6.4vw 0;
    width: 91.46666666666667vw;
    font-size: 5.333333333333334vw;
    border: 0.666666666666667vw solid #fff;
    border-radius: 19.2vw;
  }
}
.p-soudan .p-soudan__gyutto-chat__btn:after {
  content: '';
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  display: block;
  background-image: url("/assets/images/common/icon-window-white.svg");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
@media screen and (min-width: 1024px) {
  .p-soudan .p-soudan__gyutto-chat__btn:after {
    right: 2.708638360175696vw;
    width: 2.928257686676428vw;
    height: 2.928257686676428vw;
  }
}
@media screen and (max-width: 1023px) {
  .p-soudan .p-soudan__gyutto-chat__btn:after {
    right: 16.53333333333333vw;
    width: 5.333333333333334vw;
    height: 5.333333333333334vw;
  }
}
.p-soudan .p-soudan__downloadpdf__btn__wrap {
  position: relative;
  display: block;
  color: #fff;
  text-align: center;
}
@media screen and (min-width: 1024px) {
  .p-soudan .p-soudan__downloadpdf__btn__wrap {
    width: 58rem;
    margin: 7.2rem auto 0;
  }
}
@media screen and (max-width: 1023px) {
  .p-soudan .p-soudan__downloadpdf__btn__wrap {
    width: 91.46666666666667vw;
    margin: 9.066666666666666vw auto 0;
  }
}
.p-soudan .p-soudan__downloadpdf__btn__wrap:after {
  content: '';
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  background-color: #3a8e2b;
  z-index: 0;
}
@media screen and (min-width: 1024px) {
  .p-soudan .p-soudan__downloadpdf__btn__wrap:after {
    bottom: -8%;
    border-radius: 12rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-soudan .p-soudan__downloadpdf__btn__wrap:after {
    bottom: -8%;
    border-radius: 19.2vw;
  }
}
.p-soudan .p-soudan__downloadpdf__btn {
  position: relative;
  display: block;
  letter-spacing: 0.12rem;
  background-color: #45b463;
  color: #fff;
  text-align: center;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
  z-index: 1;
}
@media screen and (min-width: 1024px) {
  .p-soudan .p-soudan__downloadpdf__btn {
    padding: 4.7rem 0;
    width: 100%;
    font-size: 2.4rem;
    border-radius: 12rem;
  }
  .p-soudan .p-soudan__downloadpdf__btn:hover {
    -webkit-transform: translateY(5%);
    transform: translateY(5%);
  }
}
@media screen and (max-width: 1023px) {
  .p-soudan .p-soudan__downloadpdf__btn {
    padding: 5.866666666666666vw 0;
    width: 100%;
    font-size: 4.266666666666667vw;
    border-radius: 19.2vw;
  }
}
.p-soudan .p-soudan__downloadpdf__btn:after {
  content: '';
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  display: block;
  background-image: url("/assets/images/others/common/ico_button_13.svg");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
@media screen and (min-width: 1024px) {
  .p-soudan .p-soudan__downloadpdf__btn:after {
    right: 3.4rem;
    width: 5.5rem;
    height: 5.5rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-soudan .p-soudan__downloadpdf__btn:after {
    right: 4.266666666666667vw;
    width: 7.333333333333333vw;
    height: 7.333333333333333vw;
  }
}
.p-soudan .p-soudan-sort___tab {
  margin: 0 auto;
}
@media screen and (min-width: 1024px) {
  .p-soudan .p-soudan-sort___tab {
    width: 118.6rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-soudan .p-soudan-sort___tab {
    width: 92vw;
  }
}
.p-soudan .p-soudan-sort__wrap {
  background-color: #aee08a;
}
@media screen and (min-width: 1024px) {
  .p-soudan .p-soudan-sort__wrap {
    padding: 4.1rem 6.4rem 4.8rem 6.4rem;
    border-radius: 0 0 4rem 4rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-soudan .p-soudan-sort__wrap {
    padding: 6.4vw 4.266666666666667vw 5.333333333333334vw;
    border-radius: 0 0 5.333333333333334vw 5.333333333333334vw;
  }
}
.p-soudan .p-soudan-sort__title {
  line-height: 1em;
  color: #000;
  text-align: center;
  letter-spacing: 0.16rem;
}
@media screen and (min-width: 1024px) {
  .p-soudan .p-soudan-sort__title {
    font-size: 3.2rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-soudan .p-soudan-sort__title {
    font-size: 4.266666666666667vw;
  }
}
@media screen and (min-width: 1024px) {
  .p-soudan .p-soudan-sort {
    text-align: center;
  }
}
@media screen and (max-width: 1023px) {
  .p-soudan .p-soudan-sort {
    border-radius: 5.333333333333334vw;
  }
}
.p-soudan .p-soudan-sort .p-soudan-sort__inner {
  background-color: #fff;
}
@media screen and (min-width: 1024px) {
  .p-soudan .p-soudan-sort .p-soudan-sort__inner {
    padding: 2.4rem 4.4rem 3.2rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-soudan .p-soudan-sort .p-soudan-sort__inner {
    padding: 4.266666666666667vw 0 5.333333333333334vw;
  }
}
.p-soudan .p-soudan-sort .p-soudan-sort__sort {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media screen and (min-width: 1024px) {
  .p-soudan .p-soudan-sort .p-soudan-sort__sort {
    gap: 2rem 1.4rem;
    border-radius: 2.4rem;
  }
  .p-event-sort__box .p-soudan .p-soudan-sort .p-soudan-sort__sort {
    margin-top: 0.9rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-soudan .p-soudan-sort .p-soudan-sort__sort {
    gap: 2.133333333333333vw;
    background-color: #fff;
    border-radius: 2.933333333333333vw;
  }
  .p-event-sort__box .p-soudan .p-soudan-sort .p-soudan-sort__sort {
    margin-top: 1.733333333333333vw;
  }
}
.p-soudan .p-soudan-sort .p-soudan-sort__btn {
  display: inline-block;
}
.p-soudan .p-soudan-sort .p-soudan-sort__btn input {
  display: none;
}
.p-soudan .p-soudan-sort .p-soudan-sort__btn span {
  display: block;
  background-color: #fff;
  text-align: center;
  color: #45b463;
  -webkit-transition: background-color 0.3s, color 0.3s;
  transition: background-color 0.3s, color 0.3s;
}
.p-soudan .p-soudan-sort .p-soudan-sort__btn input:checked + span {
  background-color: #45b463;
  color: #fff;
}
.p-soudan .p-soudan-sort .p-soudan-sort__btn input:disabled + span {
  color: #ccc;
  border-color: #ccc;
  cursor: default;
}
@media screen and (min-width: 1024px) {
  .p-soudan .p-soudan-sort .p-soudan-sort__btn {
    width: 23.917525773195877%;
  }
  .p-soudan .p-soudan-sort .p-soudan-sort__btn span {
    padding: 1.4rem 0;
    font-size: 2rem;
    line-height: 110%;
    border: 0.15em solid #45b463;
    border-radius: 1.5em;
    cursor: pointer;
  }
  .p-soudan .p-soudan-sort .p-soudan-sort__btn:hover span {
    background-color: #45b463;
    color: #fff;
  }
}
@media screen and (max-width: 1023px) {
  .p-soudan .p-soudan-sort .p-soudan-sort__btn {
    display: -ms-grid;
    display: grid;
    width: 36vw;
  }
  .p-event-sort__reset .p-soudan .p-soudan-sort .p-soudan-sort__btn {
    margin: 0;
  }
  .p-soudan .p-soudan-sort .p-soudan-sort__btn span {
    min-height: 40px;
    display: -ms-grid;
    display: grid;
    place-items: center;
    padding: 1.066666666666667vw 1.733333333333333vw;
    font-size: 3.733333333333334vw;
    line-height: 113.99999999999999%;
    border: 0.533333333333333vw solid #45b463;
    border-radius: 9.333333333333334vw;
  }
  .p-event-sort__reset .p-soudan .p-soudan-sort .p-soudan-sort__btn span {
    padding: 0 1.357142857142857em;
  }
}
@media screen and (min-width: 1024px) {
  .p-soudan-sort__contact__sort {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr);
    gap: 2.4rem;
    margin: 3.7rem 0 3.1rem;
    padding-bottom: 3.2rem;
    border-bottom: 0.3rem solid #45b463;
  }
}
@media screen and (max-width: 1023px) {
  .p-soudan-sort__contact__sort {
    margin: 4.533333333333333vw 0 3.466666666666666vw;
    padding-bottom: 3.2vw;
    border-bottom: 0.8vw solid #45b463;
  }
}
.p-soudan-sort__contact__btn {
  display: -ms-grid;
  display: grid;
  text-align: center;
  background: #fff;
  color: #45b463;
  text-align: center;
  cursor: pointer;
  -webkit-transition: background 0.3s, color 0.3s;
  transition: background 0.3s, color 0.3s;
}
@media screen and (min-width: 1024px) {
  .p-soudan-sort__contact__btn {
    font-size: 2.4rem;
    padding: 1.7rem;
    border-radius: 2rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-soudan-sort__contact__btn {
    font-size: 4.8vw;
    padding: 5.066666666666666vw 4.266666666666667vw;
    border-radius: 2.666666666666667vw;
  }
  .p-soudan-sort__contact__btn + .p-soudan-sort__contact__btn {
    margin-top: 2.133333333333333vw;
  }
}
.p-soudan-sort__contact__btn > input {
  height: 0;
  width: 0;
  padding: 0;
  margin: 0;
}
.p-soudan-sort__contact__btn >span {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.p-soudan-sort__contact__btn >span:before {
  display: block;
  content: '';
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
@media screen and (min-width: 1024px) {
  .p-soudan-sort__contact__btn >span:before {
    margin-right: 1.6rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-soudan-sort__contact__btn >span:before {
    margin-right: 2.133333333333333vw;
  }
}
@media screen and (min-width: 1024px) {
  .p-soudan-sort__contact__btn >span:before {
    width: 4.5rem;
    height: 4.5rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-soudan-sort__contact__btn >span:before {
    width: 4.8vw;
    height: 4.8vw;
  }
}
.p-soudan-sort__contact__btn[data-name="電話"] > span::before {
  background-image: url("/assets/images/soudan/icon-tel-gr.svg");
}
.p-soudan-sort__contact__btn[data-name="LINE"] > span::before {
  background-image: url("/assets/images/soudan/icon-line-gr.svg");
}
.p-soudan-sort__contact__btn[data-name="メール"] > span::before {
  background-image: url("/assets/images/soudan/icon-mail-gr.svg");
}
.p-soudan-sort__contact__btn:has(input[type="checkbox"]:checked) {
  background: #45b463;
  color: #fff;
}
.p-soudan-sort__contact__btn:has(input[type="checkbox"]:checked)[data-name="電話"] > span::before {
  background-image: url("/assets/images/soudan/icon-tel-wh.svg");
}
.p-soudan-sort__contact__btn:has(input[type="checkbox"]:checked)[data-name="LINE"] > span::before {
  background-image: url("/assets/images/soudan/icon-line-wh.svg");
}
.p-soudan-sort__contact__btn:has(input[type="checkbox"]:checked)[data-name="メール"] > span::before {
  background-image: url("/assets/images/soudan/icon-mail-wh.svg");
}
@media screen and (min-width: 1024px) {
  .p-soudan-sort__contact__btn:hover {
    background: #45b463;
    color: #fff;
  }
  .p-soudan-sort__contact__btn:hover[data-name="電話"] > span::before {
    background-image: url("/assets/images/soudan/icon-tel-wh.svg");
  }
  .p-soudan-sort__contact__btn:hover[data-name="LINE"] > span::before {
    background-image: url("/assets/images/soudan/icon-line-wh.svg");
  }
  .p-soudan-sort__contact__btn:hover[data-name="メール"] > span::before {
    background-image: url("/assets/images/soudan/icon-mail-wh.svg");
  }
}
@media screen and (min-width: 1024px) {
  .p-soudan-sort__result {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
    gap: 3.8rem;
    margin-top: 8rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-soudan-sort__result {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[1];
    grid-template-columns: repeat(1, 1fr);
    gap: 6.4vw;
    margin-top: 10.666666666666668vw;
  }
}
@media screen and (min-width: 1024px) {
  .p-soudan__gyutto-chat {
    margin-top: 9rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-soudan__gyutto-chat {
    margin-top: 10.666666666666668vw;
  }
}
.p-soudan__gyutto-chat__text {
  text-align: center;
}
@media screen and (min-width: 1024px) {
  .p-soudan__gyutto-chat__text {
    padding: 5rem 0 0;
  }
}
@media screen and (max-width: 1023px) {
  .p-soudan__gyutto-chat__text {
    padding: 6.533333333333332vw 0 0;
  }
}
.p-soudan__downloadpdf__hdg {
  line-height: 1em;
  color: #000;
  text-align: center;
}
@media screen and (min-width: 1024px) {
  .p-soudan__downloadpdf__hdg {
    font-size: 4rem;
    padding-top: 10rem;
    letter-spacing: 0.2rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-soudan__downloadpdf__hdg {
    font-size: 5.333333333333334vw;
    padding-top: 13.333333333333334vw;
    padding-bottom: 7.333333333333333vw;
    letter-spacing: 0.04em;
  }
}
@media screen and (min-width: 1024px) {
  .p-soudan__tab {
    margin-top: 6rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-soudan__tab {
    margin-top: 4.533333333333333vw;
  }
}
@media screen and (min-width: 1024px) {
  .p-master .p-master__lead {
    margin-top: 4.3rem;
    padding-left: 7rem;
    padding-right: 7rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
@media screen and (max-width: 1023px) {
  .p-master .p-master__lead {
    margin-top: 5.333333333333334vw;
  }
}
@media screen and (max-width: 1023px) {
  .p-master .p-master__lead .p-master__lead__btn__lead {
    font-size: 2.8rem;
    line-height: 1.214285714285714;
    letter-spacing: 0.02em;
  }
}
@media screen and (max-width: 1023px) and (max-width: 1023px) {
  .p-master .p-master__lead .p-master__lead__btn__lead {
    font-size: 3.733333333333334vw;
  }
}
.p-master .p-master__lead__img {
  width: 44.6rem;
}
@media screen and (max-width: 1023px) {
  .p-master .p-master__lead__img {
    width: 100%;
  }
}
.p-master .p-master__subtitle {
  margin-top: 13rem;
}
@media screen and (max-width: 1023px) {
  .p-master .p-master__subtitle {
    margin-top: 16vw;
  }
}
@media screen and (max-width: 1023px) {
  .p-master .p-master__subtitle .c-heading__band {
    font-size: 5rem;
    line-height: 1.2;
    letter-spacing: 0.02em;
  }
}
@media screen and (max-width: 1023px) and (max-width: 1023px) {
  .p-master .p-master__subtitle .c-heading__band {
    font-size: 6.666666666666667vw;
  }
}
.p-master .p-master__lead__btn--cntr {
  position: relative;
}
@media screen and (min-width: 1024px) {
  .p-master .p-master__lead__btn--cntr {
    margin-left: 10.2rem;
  }
}
.p-master .p-master__lead__btn--cntr .c-heading__level2a span.c-heading__level2a--inner {
  text-align: center;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  font-size: 2rem !important;
  width: 42.6rem;
}
@media screen and (min-width: 1024px) {
  .p-master .p-master__lead__btn--cntr .c-heading__level2a span.c-heading__level2a--inner {
    line-height: 1.3em;
  }
}
@media screen and (max-width: 1023px) {
  .p-master .p-master__lead__btn--cntr .c-heading__level2a span.c-heading__level2a--inner {
    font-size: 3.733333333333334vw !important;
    width: 64.93333333333334vw;
  }
}
@media screen and (max-width: 1023px) {
  .p-master .p-master__lead__btn--cntr .c-heading__level2a:after {
    padding-bottom: 19.333333333333332vw;
  }
}
@media screen and (min-width: 1024px) {
  .p-master .p-master__lead__btn {
    width: 44.6rem;
    margin: 3.8rem auto 0;
  }
}
@media screen and (max-width: 1023px) {
  .p-master .p-master__lead__btn {
    width: 73.6vw;
    margin: 0 auto 0;
  }
}
.p-master .p-master__lead__btn .c-othersbutton {
  width: 100%;
}
@media screen and (max-width: 1023px) {
  .p-master .p-master__lead__btn .c-othersbutton {
    margin-top: 0;
  }
}
.p-master .p-master__lead__btn._inactive {
  pointer-events: none;
}
.p-master .p-master__lead__btn._inactive .c-othersbutton__wrap {
  background-color: rgba(173,173,173,0.7);
}
@media screen and (min-width: 1024px) {
  .p-master .p-master__lead__btn:not(._inactive) {
    opacity: 1;
    -webkit-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
  }
}
@media screen and (min-width: 1024px) and (min-width: 1024px) {
  .p-master .p-master__lead__btn:not(._inactive):hover {
    opacity: 0.8;
  }
}
.p-master .p-master__sitetop {
  margin-top: 10rem;
}
@media screen and (max-width: 1023px) {
  .p-master .p-master__sitetop {
    margin-top: 18vw;
  }
}
.p-master .c-heading__level1a--wrp {
  text-align: center;
}
@media screen and (max-width: 1023px) {
  .p-master .c-heading__level5 {
    margin-top: 2.85rem;
  }
  .p-master .c-heading__level5 .c-heading__level5__txt {
    font-size: 3.733333333333334vw;
  }
}
@media screen and (min-width: 1024px) {
  .p-master .p-master__list {
    margin-top: 11.7rem;
  }
}
.p-master .p-master__list .p-master__list__itm.is-complete .m-contentmaster__icon ._unclear {
  display: none;
}
.p-master .p-master__list .p-master__list__itm.is-complete .m-contentmaster__icon ._clear {
  display: block;
}
.p-master .p-master__list .p-master__list__itm:not(.is-complete) .m-contentmaster__icon ._unclear {
  display: block;
}
.p-master .p-master__list .p-master__list__itm:not(.is-complete) .m-contentmaster__icon ._clear {
  display: none;
}
@media screen and (min-width: 1024px) {
  .p-master .p-master__list .p-master__list__itm .p-master__list__itm__ttl__link {
    width: 37rem;
    height: 8rem;
    margin: 2.9rem auto 0;
  }
}
@media screen and (max-width: 1023px) {
  .p-master .p-master__list .p-master__list__itm .p-master__list__itm__ttl__link {
    width: 58.666666666666664vw;
    height: 16vw;
    margin: 4.133333333333333vw auto 0;
  }
}
.p-master .p-master__list .p-master__list__itm .p-master__list__itm__ttl__link .c-othersbutton {
  width: 100%;
  height: 100%;
  margin: 0;
}
@media screen and (min-width: 1024px) {
  .p-master .p-master__list .p-master__list__itm--inr {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
.p-master .p-master__list .p-master__list__itm__ttl .c-heading__level2 {
  text-align: center;
}
.p-master .p-master__list .p-master__list__itm__ttl .c-text__level2 {
  margin-top: 1.6rem;
  text-align: center;
}
@media screen and (min-width: 1024px) {
  .p-master .p-master__list .m-contentmaster-state__list {
    padding-left: 2rem;
    padding-right: 10rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-master .p-master__list .m-contentmaster-state__list {
    width: 100%;
    margin-top: 4vw;
    margin-left: 0;
    padding-left: 5.333333333333334vw;
    padding-right: 5.333333333333334vw;
  }
}
.p-master .p-master__list .m-contentmaster__icon {
  width: 24.2rem;
  margin: 2.8rem auto 0;
}
@media screen and (max-width: 1023px) {
  .p-master .p-master__list .m-contentmaster__icon {
    width: 40vw;
  }
}
.p-master .p-master__list .m-contentmaster__icon span {
  display: block;
  width: 100%;
}
.p-master .p-master__list .m-contentmaster__icon span._unclear {
  color: #fff;
  background-color: #707070;
  border-radius: 50%;
  height: 24.2rem;
  position: relative;
}
@media screen and (max-width: 1023px) {
  .p-master .p-master__list .m-contentmaster__icon span._unclear {
    height: 40vw;
  }
}
.p-master .p-master__list .m-contentmaster__icon span._unclear .m-contentmaster__icon__txt {
  width: 100%;
  text-align: center;
  font-size: 2.8rem;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
@media screen and (max-width: 1023px) {
  .p-master .p-master__list .m-contentmaster__icon span._unclear .m-contentmaster__icon__txt {
    font-size: 4.8vw;
  }
}
.p-master .p-master__list ul.c-column__type6--wrap {
  margin-top: 8.8rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media screen and (max-width: 1023px) {
  .p-master .p-master__list ul.c-column__type6--wrap {
    display: block;
    margin-top: 15.733333333333333vw;
  }
}
.p-master .p-master__list .c-column__type6--card {
  position: relative;
  background: #fff;
  width: 57.4rem;
  border-radius: 3.3rem;
}
@media screen and (max-width: 1023px) {
  .p-master .p-master__list .c-column__type6--card {
    width: 100%;
    margin-top: 18.666666666666668vw;
    border-radius: 4.266666666666667vw;
  }
}
@media screen and (min-width: 1024px) {
  .p-master .p-master__list .c-column__type6--card:nth-child(n+3) {
    margin-top: 8.4rem;
  }
}
.p-master .p-master__list .c-column__type6--card.is--wide {
  width: 100% !important;
}
@media screen and (min-width: 1024px) {
  .p-master .p-master__list .c-column__type6--card.is--wide .p-master__list__itm__ttl,
  .p-master .p-master__list .c-column__type6--card.is--wide .p-master__list__itm__list {
    width: 50%;
  }
}
@media screen and (min-width: 1024px) {
  .p-master .p-master__list .c-column__type6--card.is--wide .c-column__type6--card__wrap {
    padding: 5.3rem 0 4rem !important;
  }
}
.p-master .p-master__list .c-column__type6--card__wrap {
  position: relative;
  width: 100%;
}
@media screen and (min-width: 1024px) {
  .p-master .p-master__list .c-column__type6--card__wrap {
    padding: 7.8rem 0 6rem !important;
  }
}
@media screen and (max-width: 1023px) {
  .p-master .p-master__list .c-column__type6--card__wrap {
    padding: 12vw 0 9.733333333333333vw !important;
  }
}
@media screen and (min-width: 1024px) {
  .p-master .p-master__list .c-column__type6--heading__wrap {
    position: absolute;
    width: 100%;
    top: 0;
  }
}
@media screen and (max-width: 1023px) {
  .p-master .p-master__list .c-column__type6--heading__wrap {
    position: relative;
  }
}
@media screen and (max-width: 1023px) {
  .p-document .c-heading__level2a {
    margin-top: 9.066666666666666vw;
  }
}
@media screen and (min-width: 1024px) {
  .p-document .c-heading__level2a + .c-column__type7 {
    margin-top: 3.2rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-document .c-heading__level2a + .c-column__type7 {
    margin-top: 3.733333333333334vw;
  }
}
@media screen and (min-width: 1024px) {
  .p-document .c-othersbutton {
    margin: 3.6rem auto 0;
  }
}
@media screen and (max-width: 1023px) {
  .p-document .c-othersbutton {
    width: 75.46666666666667vw;
  }
}
@media screen and (min-width: 1024px) {
  .p-document .c-othersbutton .c-othersbutton__wrap {
    padding-right: 1.6rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-document .c-othersbutton .c-othersbutton__wrap {
    padding-right: 5.066666666666666vw;
  }
}
@media screen and (min-width: 1024px) {
  .p-document .c-othersbutton .c-othersbutton__wrap.is--color-green.is--icon-pdf_circle::before {
    right: 2rem;
    width: 3.8rem;
    height: 3.8rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-document .c-othersbutton .c-othersbutton__wrap.is--color-green.is--icon-pdf_circle::before {
    right: 3.733333333333334vw;
    width: 6.925333333333334vw;
    height: 6.925333333333334vw;
  }
}
@media screen and (min-width: 1024px) {
  .p-document__anchor {
    margin-top: 6rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-document__anchor {
    margin-top: 13.333333333333334vw;
  }
}
@media screen and (min-width: 1024px) {
  .p-document__anchor .c-others-anchor {
    width: 34.3rem;
  }
  .p-document__anchor .c-others-anchor a {
    padding-right: 1rem;
    padding-left: 1rem;
  }
  .p-document__anchor .c-others-anchor::after {
    width: 34.3rem;
  }
}
@media screen and (min-width: 1024px) {
  .p-document__category {
    margin-top: 10rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-document__category {
    margin-top: 13.333333333333334vw;
  }
}
@media screen and (min-width: 1024px) {
  #document-ogochi .p-document-reference__fig {
    width: 42.393rem;
    margin: 4.6rem auto 8.5rem;
  }
}
@media screen and (max-width: 1023px) {
  #document-ogochi .p-document-reference__fig {
    width: 70.93333333333334vw;
    margin: 0 auto 10.4vw;
    padding-top: 7.733333333333333vw;
  }
}
@media screen and (min-width: 1024px) {
  #document-pondage .p-document-reference__fig {
    width: 35.242000000000004rem;
    margin: 1.5rem auto 6.8rem;
  }
}
@media screen and (max-width: 1023px) {
  #document-pondage .p-document-reference__fig {
    width: 58.96933333333333vw;
    margin: 2.266666666666667vw auto 7.466666666666668vw;
  }
}
.p-document-reference .c-button.is--color-blue {
  margin: 0 auto;
  border-radius: 100vh;
}
@media screen and (min-width: 1024px) {
  .p-document-reference .c-button.is--color-blue {
    width: 40rem;
    height: 8rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-document-reference .c-button.is--color-blue {
    width: 70vw;
    height: 14.000000000000002vw;
  }
}
@media screen and (min-width: 1024px) {
  .p-document-reference .c-button.is--color-blue .c-button__txt {
    font-size: 2.9rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-document-reference .c-button.is--color-blue .c-button__txt {
    font-size: 5.066666666666666vw;
  }
}
@media screen and (min-width: 1024px) {
  .p-document-reference .c-button.is--color-blue .c-button__arrow {
    width: 3.6rem;
    height: 3.6rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-document-reference .c-button.is--color-blue .c-button__arrow {
    width: 6.330666666666667vw;
    height: 6.330666666666667vw;
  }
}
.p-document-reference .c-othersbutton {
  margin-top: 0;
}
@media screen and (min-width: 1024px) {
  .p-document-reference .c-othersbutton {
    width: 40rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-document-reference .c-othersbutton {
    width: 70.26666666666667vw;
  }
}
.p-document-reference .c-othersbutton__wrap {
  text-align: left;
}
@media screen and (min-width: 1024px) {
  .p-document-reference .c-othersbutton__wrap {
    padding: 1.2rem;
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-document-reference .c-othersbutton__wrap {
    padding: 1.866666666666667vw;
    font-size: 3.066666666666666vw;
  }
}
@media screen and (min-width: 1024px) {
  .p-document-reference .c-othersbutton__wrap.is--icon-download::before {
    right: 2.8rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-document-reference .c-othersbutton__wrap.is--icon-download::before {
    right: 6vw;
    width: 3.066666666666666vw;
    background-size: 100% auto;
  }
}
.p-document-reference .c-othersbutton__wrap img {
  vertical-align: middle;
}
@media screen and (min-width: 1024px) {
  .p-document-reference .c-othersbutton__wrap img {
    width: 5.6rem;
    margin-right: 0.9rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-document-reference .c-othersbutton__wrap img {
    width: 10.133333333333333vw;
    margin-right: 2.266666666666667vw;
  }
}
@media screen and (min-width: 1024px) {
  .p-document-reference__catalog {
    margin-top: 6rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-document-reference__catalog {
    margin-top: 10.666666666666668vw;
  }
}
@media screen and (min-width: 1024px) {
  .p-document-reference__catalog--title {
    font-size: 3.1rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-document-reference__catalog--title {
    font-size: 5.333333333333334vw;
  }
}
@media screen and (min-width: 1024px) {
  .p-document-reference__catalog--detail {
    margin-top: 2.4rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-document-reference__catalog--detail {
    margin-top: 4vw;
  }
}
@media screen and (min-width: 1024px) {
  .p-document-our-tokyo__wrap {
    margin-top: 6rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-document-our-tokyo__wrap {
    margin-top: 8vw;
  }
}
@media screen and (min-width: 1024px) {
  .p-document-mail {
    margin-top: 10rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-document-mail {
    margin-top: 13.333333333333334vw;
  }
}
@media screen and (min-width: 1024px) {
  .p-document-mail__banner {
    margin: 0 1.1rem;
    padding-right: 2rem;
  }
}
.p-document-mail__caption {
  text-align: center;
}
@media screen and (min-width: 1024px) {
  .p-document-mail__caption {
    margin-top: 3rem;
    font-size: 2rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-document-mail__caption {
    margin-top: 5.333333333333334vw;
    font-size: 4vw;
    line-height: 1.666666666666667;
    letter-spacing: 0.02em;
  }
}
@media screen and (min-width: 1024px) {
  .p-projecthp {
    padding: 0 0 17.1rem 0;
  }
}
@media screen and (max-width: 1023px) {
  .p-projecthp {
    padding: 0 0 38.666666666666664vw 0;
  }
}
@media screen and (min-width: 1024px) {
  .p-projecthp-sec-action2021 {
    margin-top: 9.1rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-projecthp-sec-action2021 {
    margin-top: 10.8vw;
  }
}
@media screen and (min-width: 1024px) {
  .p-projecthp-sec-action2021 > .p-projecthp-hdg__band {
    margin-bottom: 3.4rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-projecthp-sec-action2021 > .p-projecthp-hdg__band {
    margin-bottom: 5.600000000000001vw;
  }
}
@media screen and (min-width: 1024px) {
  .p-projecthp-sec-action2021 > .p-projecthp-txt-normal {
    margin: 0 0 7.4rem 0;
  }
}
@media screen and (max-width: 1023px) {
  .p-projecthp-sec-action2021 > .p-projecthp-txt-normal {
    margin: 0 0 9.333333333333334vw 0;
  }
}
@media screen and (min-width: 1024px) {
  .p-projecthp-sec-process > .p-projecthp-hdg__band {
    margin-bottom: 6.1rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-projecthp-sec-process > .p-projecthp-hdg__band {
    margin-bottom: 8vw;
  }
}
.p-projecthp-subsec {
  position: relative;
}
@media screen and (min-width: 1024px) {
  .p-projecthp-subsec {
    margin: 0 0 10.8rem 0;
  }
}
@media screen and (max-width: 1023px) {
  .p-projecthp-subsec {
    margin: 0 0 14.266666666666666vw 0;
  }
}
.p-projecthp-subsec:before {
  content: '';
  display: block;
  position: absolute;
}
@media screen and (min-width: 1024px) {
  .p-projecthp-subsec:before {
    width: 2.35rem;
    height: 4.65rem;
    background: url("/assets/images/others/about/kodomo-project/kodomohp/icn_arrow_green_double.png") no-repeat center center;
    background-size: 100% auto;
    top: calc(100% + 3rem);
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}
@media screen and (max-width: 1023px) {
  .p-projecthp-subsec:before {
    width: 3.866666666666667vw;
    height: 7.733333333333333vw;
    background: url("/assets/images/others/about/kodomo-project/kodomohp/icn_arrow_green_double.png") no-repeat center center;
    background-size: 100% auto;
    top: calc(100% + 4vw);
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}
@media screen and (min-width: 1024px) {
  .p-projecthp-subsec:last-child:before,
  .p-projecthp-subsec.is--type-no-arrow:before {
    display: none;
  }
}
@media screen and (max-width: 1023px) {
  .p-projecthp-subsec:last-child:before,
  .p-projecthp-subsec.is--type-no-arrow:before {
    display: none;
  }
}
@media screen and (min-width: 1024px) {
  .p-projecthp-subsec--card {
    padding: 8rem 6.5rem 6rem 6.5rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-projecthp-subsec--card {
    padding: 6.666666666666667vw 6.666666666666667vw 6.666666666666667vw 6.666666666666667vw;
  }
}
@media screen and (min-width: 1024px) {
  .p-projecthp-subsec--hdg {
    margin: 0 0 3rem 0;
    font-size: 4rem;
    line-height: 1.4;
    text-align: center;
  }
}
@media screen and (max-width: 1023px) {
  .p-projecthp-subsec--hdg {
    font-size: 5.333333333333334vw;
    line-height: 1.4;
    text-align: center;
  }
}
@media screen and (min-width: 1024px) {
  .p-projecthp-subsec--txt {
    margin: 0 0 6rem 0;
    font-size: 2.4rem;
    line-height: 1.833333333333333;
  }
}
@media screen and (max-width: 1023px) {
  .p-projecthp-subsec--txt {
    margin: 0 0 5.333333333333334vw 0;
    font-size: 4.266666666666667vw;
    line-height: 1.625;
  }
}
@media screen and (max-width: 1023px) {
  .p-projecthp-1colsec {
    padding: 0 4.1rem;
  }
}
@media screen and (min-width: 1024px) {
  .p-projecthp-1colsec {
    padding: 0 5.4rem;
  }
}
.p-projecthp-1colsec.is--green-bk {
  background-color: #cfed9b;
  border-radius: 3.6vw !important;
}
@media screen and (min-width: 1024px) {
  .p-projecthp-1colsec.is--green-bk {
    padding: 3.8rem 3.8rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-projecthp-1colsec.is--green-bk {
    padding: 4.8vw 4.933333333333334vw;
  }
}
@media screen and (min-width: 1024px) {
  .p-projecthp-1colsec .p-projecthp-hdg-margin-bottom-pc {
    margin-bottom: 2.7rem !important;
  }
}
@media screen and (min-width: 1024px) {
  .p-projecthp-1colsec .p-projecthp-1colsec__btn {
    padding: 0;
  }
}
@media screen and (max-width: 1023px) {
  .p-projecthp-1colsec .p-projecthp-1colsec__btn {
    padding: 0;
  }
}
@media screen and (max-width: 1023px) {
  .p-projecthp-1colsec .p-projecthp-1colsec__btn.is--width100 .c-othersbutton {
    width: 100%;
  }
}
@media screen and (min-width: 1024px) {
  .p-projecthp-1colsec .p-projecthp-1colsec__btn > div {
    margin: 0 auto;
  }
}
@media screen and (max-width: 1023px) {
  .p-projecthp-1colsec .p-projecthp-1colsec__btn > div {
    margin-top: 0;
  }
}
@media screen and (min-width: 1024px) {
  .p-projecthp-1colsec .p-projecthp-1colsec-txt {
    margin: 0 0 3rem 0;
    font-size: 2.4rem;
    line-height: 4rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-projecthp-1colsec .p-projecthp-1colsec-txt {
    margin: 0 0 4vw 0;
    font-size: 3.2vw;
    line-height: 1.708333333333333;
  }
}
@media screen and (min-width: 1024px) {
  .p-projecthp-1colsec .p-projecthp-1colsec-txt.is--no-mb {
    margin: 0;
  }
}
@media screen and (min-width: 1024px) {
  .p-projecthp-1colsec .p-projecthp-1colsec-txt + .c-othersbutton {
    margin-left: 0;
  }
}
.p-projecthp-2colsec {
  outline: none !important;
  border: none !important;
  border-radius: 0 !important;
  overflow: unset !important;
}
@media screen and (min-width: 1024px) {
  .p-projecthp-2colsec {
    margin: 0;
  }
}
.p-projecthp-2colsec.is--green-bk {
  background-color: #cfed9b;
  border-radius: 3.6vw !important;
}
@media screen and (min-width: 1024px) {
  .p-projecthp-2colsec.is--green-bk {
    padding: 3.8rem 3.8rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-projecthp-2colsec.is--green-bk {
    padding: 4.8vw 0;
  }
}
@media screen and (max-width: 1023px) {
  .p-projecthp-2colsec.is--green-bk .p-projecthp-2colsec__wrap .p-projecthp-2colsec__img {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    margin-bottom: 0;
  }
}
@media screen and (max-width: 1023px) {
  .p-projecthp-2colsec.is--green-bk .p-projecthp-2colsec__wrap .p-projecthp-2colsec__img > img {
    width: calc(100% - 9.866666666666667vw);
    margin: 0 4.933333333333334vw 5.333333333333334vw 4.933333333333334vw;
  }
}
@media screen and (max-width: 1023px) {
  .p-projecthp-2colsec.is--green-bk .p-projecthp-2colsec__wrap .p-projecthp-2colsec__txt {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
    padding: 0 4.933333333333334vw;
  }
}
@media screen and (min-width: 1024px) {
  .p-projecthp-2colsec.is--green-bk .p-projecthp-2colsec__img {
    width: 47rem;
  }
}
@media screen and (min-width: 1024px) {
  .p-projecthp-2colsec.is--green-bk .p-projecthp-2colsec__txt {
    width: 47rem;
  }
}
@media screen and (min-width: 1024px) {
  .p-projecthp-2colsec.is--green-bk .p-projecthp-2colsec__btn {
    padding: 0;
  }
}
@media screen and (max-width: 1023px) {
  .p-projecthp-2colsec.is--green-bk .p-projecthp-2colsec__btn {
    padding: 0;
  }
}
@media screen and (min-width: 1024px) {
  .p-projecthp-2colsec.is--green-bk .p-projecthp-2colsec__btn > div {
    margin: 0 auto;
  }
}
@media screen and (max-width: 1023px) {
  .p-projecthp-2colsec.is--green-bk .p-projecthp-2colsec__btn > div {
    margin-top: 0;
  }
}
@media screen and (min-width: 1024px) {
  .p-projecthp-2colsec.is--green-bk.is--type-2 .p-projecthp-2colsec__img {
    width: 34.8rem;
    padding-bottom: 3rem;
  }
}
@media screen and (min-width: 1024px) {
  .p-projecthp-2colsec.is--green-bk.is--type-2 .p-projecthp-2colsec__txt {
    width: 54.4rem;
  }
}
@media screen and (min-width: 1024px) {
  .p-projecthp-2colsec .p-projecthp-2colsec__wrap {
    width: 100%;
    padding: 0;
  }
}
@media screen and (max-width: 1023px) {
  .p-projecthp-2colsec .p-projecthp-2colsec__wrap {
    width: 100%;
    padding: 0;
  }
}
@media screen and (min-width: 1024px) {
  .p-projecthp-2colsec .p-projecthp-2colsec__wrap.is--al-center {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
@media screen and (min-width: 1024px) {
  .p-projecthp-2colsec .p-projecthp-hdg-margin-bottom-pc {
    margin-bottom: 2.7rem !important;
  }
}
.p-projecthp-2colsec .p-projecthp-2colsec-hdg {
  color: #45b463;
}
@media screen and (min-width: 1024px) {
  .p-projecthp-2colsec .p-projecthp-2colsec-hdg {
    margin: 0 0 1.5rem 0;
    font-size: 2.4rem;
    line-height: 2.6rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-projecthp-2colsec .p-projecthp-2colsec-hdg {
    margin: 0 0 2vw 0;
    font-size: 3.2vw;
    line-height: 1.083333333333333;
  }
}
@media screen and (min-width: 1024px) {
  .p-projecthp-2colsec .p-projecthp-2colsec-txt {
    margin: 0 0 3rem 0;
    font-size: 2.4rem;
    line-height: 4.6rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-projecthp-2colsec .p-projecthp-2colsec-txt {
    margin: 0 0 4vw 0;
    font-size: 3.2vw;
    line-height: 1.708333333333333;
  }
}
@media screen and (min-width: 1024px) {
  .p-projecthp-2colsec .p-projecthp-2colsec-txt.is--no-mb {
    margin: 0;
  }
}
@media screen and (min-width: 1024px) {
  .p-projecthp-2colsec .p-projecthp-2colsec-txt + .c-othersbutton {
    margin-left: 0;
  }
}
@media screen and (min-width: 1024px) {
  .p-projecthp-2colsec .p-projecthp-2colsec__img {
    width: 51.2rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-projecthp-2colsec .p-projecthp-2colsec__img {
    margin-bottom: 0;
  }
}
@media screen and (min-width: 1024px) {
  .p-projecthp-2colsec .p-projecthp-2colsec__img--narrow {
    width: 51.2rem;
    padding-right: 19.7rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-projecthp-2colsec .p-projecthp-2colsec__img--narrow {
    margin-bottom: 6.4vw;
    padding: 0 14.533333333333335vw;
  }
}
@media screen and (min-width: 1024px) {
  .p-projecthp-2colsec .p-projecthp-2colsec__img--narrow .p-projecthp-2colsec-txt {
    margin-bottom: 1.5rem;
    font-size: 1.8rem;
    line-height: 1.555555555555556;
  }
}
@media screen and (max-width: 1023px) {
  .p-projecthp-2colsec .p-projecthp-2colsec__img--narrow .c-othersbutton {
    width: 100%;
  }
}
@media screen and (min-width: 1024px) {
  .p-projecthp-2colsec .p-projecthp-2colsec__txt {
    width: 51.2rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-projecthp-subsec--interview .p-projecthp-subsec--hdg {
    margin-bottom: 4vw;
  }
}
@media screen and (max-width: 1023px) {
  .p-projecthp-subsec--interview .p-projecthp-2colsec__img {
    margin-bottom: 5.333333333333334vw;
  }
}
@media screen and (max-width: 1023px) {
  .p-projecthp-subsec--recruitment .p-projecthp-subsec--hdg {
    margin-bottom: 5.333333333333334vw;
  }
}
@media screen and (max-width: 1023px) {
  .p-projecthp-subsec--recruitment .p-projecthp-2colsec-txt {
    margin-bottom: 0;
    font-size: 4.266666666666667vw;
    line-height: 1.59375;
  }
}
@media screen and (max-width: 1023px) {
  .p-projecthp-subsec--recruitment .p-projecthp-2colsec__img {
    margin-bottom: 5.333333333333334vw;
  }
}
@media screen and (max-width: 1023px) {
  .p-projecthp-subsec--workshop .p-projecthp-subsec--hdg {
    margin-bottom: 4vw;
  }
}
@media screen and (min-width: 1024px) {
  .p-projecthp-subsec--workshop .p-projecthp-subsec--txt {
    margin-bottom: 0;
  }
}
@media screen and (max-width: 1023px) {
  .p-projecthp-subsec--workshop .p-projecthp-2colsec__wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
@media screen and (max-width: 1023px) {
  .p-projecthp-subsec--workshop .p-projecthp-2colsec__wrap .p-projecthp-2colsec__img {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
  }
}
@media screen and (max-width: 1023px) {
  .p-projecthp-subsec--workshop .p-projecthp-2colsec__wrap .p-projecthp-2colsec__txt {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }
}
@media screen and (max-width: 1023px) {
  .p-projecthp-subsec--workshop .p-projecthp-2colsec__wrap .p-projecthp-2colsec-txt {
    font-size: 4.266666666666667vw;
    line-height: 1.59375;
  }
}
@media screen and (max-width: 1023px) {
  .p-projecthp-subsec-inquiry .p-projecthp-subsec--hdg {
    margin-bottom: 4.266666666666667vw;
  }
}
@media screen and (max-width: 1023px) {
  .p-projecthp-subsec-inquiry .p-projecthp-sec-col2 > div {
    margin-bottom: 8vw;
  }
}
@media screen and (max-width: 1023px) {
  .p-projecthp-subsec-inquiry .p-projecthp-sec-col2 > div:last-child {
    margin-bottom: 0;
  }
}
@media screen and (max-width: 1023px) {
  .p-projecthp-subsec-inquiry .p-projecthp-2colsec-txt {
    font-size: 4.266666666666667vw;
    line-height: 1.6;
  }
}
@media screen and (max-width: 1023px) {
  .p-projecthp-subsec-inquiry .p-projecthp-2colsec__img {
    margin-bottom: 5.333333333333334vw;
  }
}
@media screen and (max-width: 1023px) {
  .p-projecthp-subsec-inquiry .c-othersbutton {
    width: 100%;
  }
}
@media screen and (min-width: 1024px) {
  .p-projecthp-subsec--complete {
    margin: 0 0 10.8rem 0;
  }
}
@media screen and (min-width: 1024px) {
  .p-projecthp-subsec--complete p.p-projecthp-txt-center-pc {
    margin: 0 0 4.3rem 0;
  }
}
@media screen and (max-width: 1023px) {
  .p-projecthp-subsec--complete .c-othersbutton {
    width: 100%;
    margin-top: 5.333333333333334vw;
  }
}
@media screen and (max-width: 1023px) {
  .p-projecthp-subsec--complete .p-projecthp-subsec--hdg {
    margin-bottom: 4vw;
  }
}
@media screen and (max-width: 1023px) {
  .p-projecthp-subsec--complete.is-margin-bottom-sp {
    margin-bottom: 11.733333333333333vw;
  }
}
@media screen and (min-width: 1024px) {
  .p-projecthp-txt-normal {
    font-size: 2rem;
    line-height: 1.9;
  }
}
@media screen and (max-width: 1023px) {
  .p-projecthp-txt-normal {
    font-size: 4.266666666666667vw;
    line-height: 1.75;
    text-align: left;
  }
}
.p-projecthp-txt-normal.is--green {
  color: #45b463;
}
@media screen and (max-width: 1023px) {
  .p-projecthp-txt-normal.is--s-sp {
    font-size: 3.2vw;
  }
}
@media screen and (min-width: 1024px) {
  .p-projecthp-txt-center-pc {
    text-align: center;
  }
}
@media screen and (min-width: 1024px) {
  .p-projecthp-column__type1 {
    margin: 3rem 0 0 0;
  }
}
@media screen and (max-width: 1023px) {
  .p-projecthp-column__type1 {
    margin: 5.333333333333334vw 0 0 0;
  }
}
.p-projecthp-column__type1--card__wrap {
  background-color: #f9faf5;
  border-radius: 2.133333333333333vw;
}
@media screen and (min-width: 1024px) {
  .p-projecthp-column__type1--card__wrap {
    margin: 0 0 3rem 0;
    padding: 0 0 3rem 0;
  }
}
@media screen and (max-width: 1023px) {
  .p-projecthp-column__type1--card__wrap {
    margin-bottom: 4.266666666666667vw;
    padding-bottom: 4vw;
  }
}
.p-projecthp-column__title {
  display: block;
  background-color: #45b463;
  color: #fff;
}
@media screen and (min-width: 1024px) {
  .p-projecthp-column__title {
    margin: 0 0 3rem 0;
    padding: 1.2rem 0 1.8rem 0;
    border-radius: 1.6rem 1.6rem 0 0;
    text-align: center;
    font-size: 3.2rem;
    line-height: 1.073684210526316;
  }
}
@media screen and (max-width: 1023px) {
  .p-projecthp-column__title {
    margin: 0 0 5.333333333333334vw 0;
    padding: 1.866666666666667vw 0 2.133333333333333vw 0;
    border-radius: 2.133333333333333vw 2.133333333333333vw 0 0;
    text-align: center;
    font-size: 4.266666666666667vw;
    line-height: 1.073684210526316;
  }
}
@media screen and (min-width: 1024px) {
  .p-projecthp-list-opinion {
    padding: 0 3.8rem 0 3.8rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-projecthp-list-opinion {
    padding: 0 3.333333333333333vw 0 3.6vw;
  }
}
@media screen and (min-width: 1024px) {
  .p-projecthp-list-opinion.is--half-pl {
    padding: 0 3.8rem 0 1.9rem;
  }
}
@media screen and (min-width: 1024px) {
  .p-projecthp-list-opinion.is--half-pr {
    padding: 0 1.9rem 0 3.8rem;
  }
}
@media screen and (min-width: 1024px) {
  .p-projecthp-list-opinion.is--beta-p {
    margin-top: 3.2rem;
  }
}
.p-projecthp-list-opinion > li {
  position: relative;
  background-color: #ffdbe5;
}
@media screen and (min-width: 1024px) {
  .p-projecthp-list-opinion > li {
    margin: 0 0 1rem 6.4rem;
    padding: 2rem 3.7rem 2rem 2rem;
    border-radius: 2rem;
    font-size: 2rem;
    line-height: 1.5;
  }
}
@media screen and (max-width: 1023px) {
  .p-projecthp-list-opinion > li {
    margin: 0 0 1.333333333333333vw 8vw;
    padding: 2.666666666666667vw;
    border-radius: 2.666666666666667vw;
    font-size: 3.2vw;
    line-height: 1.416666666666667;
  }
}
.p-projecthp-list-opinion > li:before {
  content: '';
  display: block;
  position: absolute;
  pointer-events: none;
}
@media screen and (min-width: 1024px) {
  .p-projecthp-list-opinion > li:before {
    top: 50%;
    left: -1.2rem;
    width: 1.3rem;
    height: 1rem;
    background: url("/assets/images/others/about/kodomo-project/kodomohp/bg_popup_tip_01.svg") no-repeat center center;
    background-size: 100% auto;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}
@media screen and (max-width: 1023px) {
  .p-projecthp-list-opinion > li:before {
    top: 50%;
    left: -1.466666666666667vw;
    width: 1.866666666666667vw;
    height: 1.466666666666667vw;
    background: url("/assets/images/others/about/kodomo-project/kodomohp/bg_popup_tip_01.svg") no-repeat center center;
    background-size: 100% auto;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}
.p-projecthp-list-opinion > li:after {
  content: '';
  display: block;
  position: absolute;
  pointer-events: none;
}
@media screen and (min-width: 1024px) {
  .p-projecthp-list-opinion > li:after {
    top: 50%;
    left: -6.9rem;
    width: 4.8rem;
    height: 4.8rem;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}
@media screen and (max-width: 1023px) {
  .p-projecthp-list-opinion > li:after {
    top: 50%;
    left: -9.2vw;
    width: 6.4vw;
    height: 6.4vw;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}
.p-projecthp-list-opinion > li:nth-of-type(4n + 1):after {
  background: url("/assets/images/others/about/kodomo-project/kodomohp/icn_popup_01.svg") no-repeat center center;
  background-size: 100% auto;
}
.p-projecthp-list-opinion > li:nth-of-type(4n + 2):after {
  background: url("/assets/images/others/about/kodomo-project/kodomohp/icn_popup_02.svg") no-repeat center center;
  background-size: 100% auto;
}
.p-projecthp-list-opinion > li:nth-of-type(4n + 3):after {
  background: url("/assets/images/others/about/kodomo-project/kodomohp/icn_popup_03.svg") no-repeat center center;
  background-size: 100% auto;
}
.p-projecthp-list-opinion > li:nth-of-type(4n):after {
  background: url("/assets/images/others/about/kodomo-project/kodomohp/icn_popup_04.svg") no-repeat center center;
  background-size: 100% auto;
}
@media screen and (min-width: 1024px) {
  .p-projecthp-list-opinion-dialogue {
    padding: 0 3.8rem 0 3.8rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-projecthp-list-opinion-dialogue {
    padding: 0 3.333333333333333vw 0 3.6vw;
  }
}
@media screen and (min-width: 1024px) {
  .p-projecthp-list-opinion-dialogue.is--half-pl {
    padding: 0 3.8rem 0 1.9rem;
  }
}
@media screen and (min-width: 1024px) {
  .p-projecthp-list-opinion-dialogue.is--half-pr {
    padding: 0 1.9rem 0 3.8rem;
  }
}
@media screen and (min-width: 1024px) {
  .p-projecthp-list-opinion-dialogue.is--beta-p {
    margin-top: 3.2rem;
  }
}
.p-projecthp-list-opinion-dialogue > li {
  position: relative;
  background-color: #ffdbe5;
}
@media screen and (min-width: 1024px) {
  .p-projecthp-list-opinion-dialogue > li {
    margin: 0 0 1rem 6.4rem;
    padding: 2rem 3.7rem 2rem 2rem;
    border-radius: 2rem;
    font-size: 2rem;
    line-height: 1.5;
  }
}
@media screen and (max-width: 1023px) {
  .p-projecthp-list-opinion-dialogue > li {
    margin: 0 0 1.333333333333333vw 8vw;
    padding: 2.666666666666667vw;
    border-radius: 2.666666666666667vw;
    font-size: 3.2vw;
    line-height: 1.416666666666667;
  }
}
.p-projecthp-list-opinion-dialogue > li:before {
  content: '';
  display: block;
  position: absolute;
  pointer-events: none;
}
@media screen and (min-width: 1024px) {
  .p-projecthp-list-opinion-dialogue > li:before {
    top: 50%;
    left: -1.2rem;
    width: 1.3rem;
    height: 1rem;
    background: url("/assets/images/others/about/kodomo-project/kodomohp/bg_popup_tip_01.svg") no-repeat center center;
    background-size: 100% auto;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}
@media screen and (max-width: 1023px) {
  .p-projecthp-list-opinion-dialogue > li:before {
    top: 50%;
    left: -1.466666666666667vw;
    width: 1.866666666666667vw;
    height: 1.466666666666667vw;
    background: url("/assets/images/others/about/kodomo-project/kodomohp/bg_popup_tip_01.svg") no-repeat center center;
    background-size: 100% auto;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}
.p-projecthp-list-opinion-dialogue > li:after {
  content: '';
  display: block;
  position: absolute;
  pointer-events: none;
}
@media screen and (min-width: 1024px) {
  .p-projecthp-list-opinion-dialogue > li:after {
    top: 50%;
    left: -6.9rem;
    width: 4.8rem;
    height: 4.8rem;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}
@media screen and (max-width: 1023px) {
  .p-projecthp-list-opinion-dialogue > li:after {
    top: 50%;
    left: -9.2vw;
    width: 6.4vw;
    height: 6.4vw;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}
.p-projecthp-list-opinion-dialogue > li:nth-of-type(4n + 1):after {
  background: url("/assets/images/others/about/kodomo-project/kodomohp/icn_popup_01.svg") no-repeat center center;
  background-size: 100% auto;
}
.p-projecthp-list-opinion-dialogue > li:nth-of-type(4n + 2):after {
  background: url("/assets/images/others/about/kodomo-project/kodomohp/icn_popup_02.svg") no-repeat center center;
  background-size: 100% auto;
}
.p-projecthp-list-opinion-dialogue > li:nth-of-type(4n + 3):after {
  background: url("/assets/images/others/about/kodomo-project/kodomohp/icn_popup_03.svg") no-repeat center center;
  background-size: 100% auto;
}
.p-projecthp-list-opinion-dialogue > li:nth-of-type(4n):after {
  background: url("/assets/images/others/about/kodomo-project/kodomohp/icn_popup_04.svg") no-repeat center center;
  background-size: 100% auto;
}
.p-projecthp-list-opinion-dialogue > li:nth-of-type(2n) {
  background-color: #fdcc91;
}
@media screen and (min-width: 1024px) {
  .p-projecthp-list-opinion-dialogue > li:nth-of-type(2n) {
    margin-top: 2rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-projecthp-list-opinion-dialogue > li:nth-of-type(2n) {
    margin-top: 2.666666666666667vw;
  }
}
.p-projecthp-list-opinion-dialogue > li:nth-of-type(2n):before {
  content: '';
  display: block;
  position: absolute;
  pointer-events: none;
}
@media screen and (min-width: 1024px) {
  .p-projecthp-list-opinion-dialogue > li:nth-of-type(2n):before {
    background: url("/assets/images/others/about/kodomo-project/kodomohp/bg_popup_tip_03.svg") no-repeat center center;
  }
}
@media screen and (max-width: 1023px) {
  .p-projecthp-list-opinion-dialogue > li:nth-of-type(2n):before {
    background: url("/assets/images/others/about/kodomo-project/kodomohp/bg_popup_tip_03.svg") no-repeat center center;
    background-size: 100% auto;
  }
}
.p-projecthp-list-opinion-dialogue > li span.is--down {
  content: '';
  display: block;
  position: absolute;
  pointer-events: none;
}
@media screen and (min-width: 1024px) {
  .p-projecthp-list-opinion-dialogue > li span.is--down {
    width: 0;
    height: 0;
    bottom: -1.5rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    border-style: solid;
    border-width: 0.9rem 0.7rem 0 0.7rem;
    border-color: #45b463 transparent transparent transparent;
    background: none;
  }
}
@media screen and (max-width: 1023px) {
  .p-projecthp-list-opinion-dialogue > li span.is--down {
    width: 0;
    height: 0;
    bottom: -2vw;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    border-style: solid;
    border-width: 1.2vw 0.933333333333333vw 0 0.933333333333333vw;
    border-color: #45b463 transparent transparent transparent;
    background: none;
  }
}
.p-projecthp-sec-col2 {
  position: relative;
}
@media screen and (min-width: 1024px) {
  .p-projecthp-sec-col2 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
}
@media screen and (min-width: 1024px) {
  .p-projecthp-sec-col2 > div {
    width: 50%;
  }
}
@media screen and (max-width: 1023px) {
  .p-projecthp-sec-col2 > div + div {
    margin-top: 5.866666666666666vw;
  }
}
@media screen and (max-width: 1023px) {
  .p-projecthp-sec-col2 > div + div.is-no-margin {
    margin-top: 0;
  }
}
@media screen and (max-width: 1023px) {
  .p-projecthp-sec-col2.is--dialogue > div {
    margin-bottom: 0;
  }
}
.p-projecthp-column__subtitle {
  background-color: #cfed9b;
  text-align: center;
}
@media screen and (min-width: 1024px) {
  .p-projecthp-column__subtitle {
    border-radius: 1.6rem;
    font-size: 2.4rem;
    line-height: 2.333333333333333;
  }
}
@media screen and (max-width: 1023px) {
  .p-projecthp-column__subtitle {
    margin: 0 2.666666666666667vw 4vw 2.666666666666667vw;
    padding: 1.733333333333333vw 0;
    border-radius: 2.133333333333333vw;
    font-size: 4.266666666666667vw;
    line-height: 1.75;
  }
}
@media screen and (min-width: 1024px) {
  .p-projecthp-column__subtitle.is--mr-s {
    margin-right: 1.9rem;
  }
}
@media screen and (min-width: 1024px) {
  .p-projecthp-column__subtitle.is--mr-m {
    margin-right: 3.8rem;
  }
}
@media screen and (min-width: 1024px) {
  .p-projecthp-column__subtitle.is--ml-s {
    margin-left: 1.9rem;
  }
}
@media screen and (min-width: 1024px) {
  .p-projecthp-column__subtitle.is--ml-m {
    margin-left: 3.8rem;
  }
}
@media screen and (min-width: 1024px) {
  .p-projecthp-column__subtitle + .p-projecthp-list-opinion {
    margin-top: 3.8rem;
  }
}
.p-projecthp-column__sectiontitle {
  position: relative;
  color: #45b463;
}
@media screen and (min-width: 1024px) {
  .p-projecthp-column__sectiontitle {
    margin: 2rem 0 1rem 6rem;
    padding: 0 0 0 2.8rem;
    line-height: 2.04;
    font-size: 2.8rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-projecthp-column__sectiontitle {
    margin: 2.666666666666667vw 2.666666666666667vw 1.333333333333333vw 2.666666666666667vw;
    padding: 0 0 0 3.733333333333334vw;
    font-size: 3.2vw;
    line-height: 1.675;
  }
}
.p-projecthp-column__sectiontitle:before {
  content: '';
  display: block;
  position: absolute;
  pointer-events: none;
}
@media screen and (min-width: 1024px) {
  .p-projecthp-column__sectiontitle:before {
    top: 50%;
    left: 0rem;
    width: 1.8rem;
    height: 1.8rem;
    background-color: #45b463;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}
@media screen and (max-width: 1023px) {
  .p-projecthp-column__sectiontitle:before {
    top: 50%;
    left: 0vw;
    width: 2.4vw;
    height: 2.4vw;
    background-color: #45b463;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}
@media screen and (min-width: 1024px) {
  .p-projecthp-column__sectiontitle.is--ml-s {
    margin-left: 1.9rem;
  }
}
@media screen and (min-width: 1024px) {
  .p-projecthp-column__sectiontitle.is--ml-m {
    margin-left: 3.8rem;
  }
}
@media screen and (min-width: 1024px) {
  .p-projecthp-column__sectiontitle.is--no-ml {
    margin: 0;
  }
}
.p-projecthp-column__sectiontitle.is--type2:before {
  content: '';
  display: block;
  position: absolute;
  pointer-events: none;
}
@media screen and (min-width: 1024px) {
  .p-projecthp-column__sectiontitle.is--type2:before {
    width: 0;
    height: 0;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    border-style: solid;
    border-width: 1.6rem 0.9rem 0 0.9rem;
    border-color: #45b463 transparent transparent transparent;
    background: none;
  }
}
@media screen and (max-width: 1023px) {
  .p-projecthp-column__sectiontitle.is--type2:before {
    width: 0;
    height: 0;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    border-style: solid;
    border-width: 2.133333333333333vw 1.2vw 0 1.2vw;
    border-color: #45b463 transparent transparent transparent;
    background: none;
  }
}
@media screen and (max-width: 1023px) {
  .p-projecthp-hdg__band {
    padding: 4vw 4vw;
    line-height: 1.2;
  }
}
.p-projecthp-hdg--number {
  display: inline-block;
  background-color: #fc99b4;
  text-align: center;
  color: #fff;
}
@media screen and (min-width: 1024px) {
  .p-projecthp-hdg--number {
    position: relative;
    left: 50%;
    margin: 6rem auto 5rem auto;
    padding: 1.5rem 2.2rem;
    border-radius: 1.6rem;
    font-size: 3.2rem;
    line-height: 1.1875;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}
@media screen and (max-width: 1023px) {
  .p-projecthp-hdg--number {
    position: relative;
    left: 50%;
    margin: 4.933333333333334vw auto 4.933333333333334vw;
    padding: 2.4vw 4vw;
    border-radius: 2.133333333333333vw;
    font-size: 4.266666666666667vw;
    line-height: 1.375;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}
.p-projecthp-hdg--number:before {
  content: '';
  display: block;
}
@media screen and (min-width: 1024px) {
  .p-projecthp-hdg--number:before {
    position: absolute;
    top: 100%;
    left: 50%;
    width: 1.8rem;
    height: 2.4rem;
    background: url("/assets/images/others/about/kodomo-project/kodomohp/bg_popup_tip_02.svg") no-repeat center center;
    background-size: 100% auto;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
}
@media screen and (max-width: 1023px) {
  .p-projecthp-hdg--number:before {
    position: absolute;
    top: 100%;
    left: 50%;
    width: 2.8vw;
    height: 3.866666666666667vw;
    background: url("/assets/images/others/about/kodomo-project/kodomohp/bg_popup_tip_02.svg") no-repeat center center;
    background-size: 100% auto;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
}
.p-projecthp-subsec--txt + .p-projecthp-hdg--number {
  margin-top: 0;
}
@media screen and (min-width: 1024px) {
  .p-about__detailbutton {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 92.4rem;
    margin: auto;
    margin-top: 2rem;
  }
}
@media screen and (min-width: 1024px) {
  .p-about__detailbutton .c-othersbutton {
    width: 44.6rem;
    margin: 0;
  }
}
@media screen and (max-width: 1023px) {
  .p-about__detailbutton .c-othersbutton {
    width: 100%;
  }
}
@media screen and (min-width: 1024px) {
  .p-about__detailbutton .c-othersbutton .c-othersbutton__wrap {
    padding: 2.3rem 0;
  }
}
@media screen and (min-width: 1024px) {
  .p-about__detailbutton.is-3col {
    width: 106.726rem;
  }
}
@media screen and (min-width: 1024px) {
  .p-about__detailbutton.is-3col .c-othersbutton {
    width: 32.726rem;
    margin: 0;
  }
}
@media screen and (max-width: 1023px) {
  .p-about__detailbutton.is-3col .c-othersbutton {
    width: 100%;
  }
}
@media screen and (min-width: 1024px) {
  .p-about__detailbutton.is-4col {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 67.05199999999999rem;
  }
}
@media screen and (min-width: 1024px) {
  .p-about__detailbutton.is-4col .c-othersbutton {
    width: 32.726rem;
    margin: 1.6rem 0 0;
  }
}
.p-projecthp-r5-versionup-list-wrap {
  text-align: left;
}
@media screen and (min-width: 1024px) {
  .p-projecthp-r5-versionup-list-wrap {
    display: block;
    width: 84.8rem;
    margin: 0 auto;
  }
}
@media screen and (max-width: 1023px) {
  .p-projecthp-txt-margin-top-sp {
    margin-top: 4.266666666666667vw;
  }
}
@media screen and (min-width: 1024px) {
  .p-projecthp-subsec--sheet {
    width: 74.2rem;
    margin: 4.8rem auto;
  }
}
@media screen and (max-width: 1023px) {
  .p-projecthp-subsec--sheet {
    width: 60.8vw;
    margin: 3.2vw auto;
  }
}
@media screen and (min-width: 1024px) {
  .p-projecthp-2colsec__button .c-othersbutton {
    margin-left: 0;
  }
}
@media screen and (max-width: 1023px) {
  .p-projecthp-2colsec__button {
    display: none;
  }
}
.p-tkoq-body__bg {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  background: url("/assets/images/tokyoquiz/bg_map.jpg") no-repeat center;
  background-size: cover;
}
.p-tkoq-body__bg::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255,255,255,0.5);
  content: '';
}
.p-tkoq-body {
  position: relative;
  background-color: #7fd649;
  color: #fff;
}
@media screen and (min-width: 1024px) {
  .p-tkoq-body {
    width: 77.8rem;
    margin: 8.1rem auto 18.4rem;
    padding: 0 3.9rem 6.3rem;
    border-radius: 3.7rem;
  }
  .p-tkoq-body a,
  .p-tkoq-body button {
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
  }
  .p-tkoq-body a:hover,
  .p-tkoq-body button:hover {
    opacity: 0.8;
  }
}
@media screen and (max-width: 1023px) {
  .p-tkoq-body {
    margin: 9.333333333333334vw 5.066666666666666vw 24.53333333333333vw;
    padding: 9.573333333333332vw 5vw 5.466666666666667vw;
    border-radius: 4.933333333333334vw;
  }
}
.p-tkoq-hdg {
  text-align: center;
}
.p-tkoq-hdg span {
  display: inline-block;
  position: relative;
  z-index: 1;
  background-color: #fff;
  color: #369f5e;
}
.p-tkoq-hdg i {
  position: absolute;
  bottom: 0;
  left: 50%;
  z-index: 0;
}
@media screen and (min-width: 1024px) {
  .p-tkoq-hdg span {
    padding: 0.445em 1.055em;
    font-size: 2rem;
    line-height: 1.35;
    border-radius: 0.8em;
  }
  .p-tkoq-hdg i {
    width: 0.8745em;
    -webkit-transform: translate(-32.84734133790737%, 49.95730145175064%);
    transform: translate(-32.84734133790737%, 49.95730145175064%);
  }
}
@media screen and (max-width: 1023px) {
  .p-tkoq-hdg span {
    padding: 0.46875em 0.78125em;
    font-size: 4.266666666666667vw;
    line-height: 1.375;
    border-radius: 2.133333333333333vw;
  }
  .p-tkoq-hdg i {
    width: 2.332vw;
    -webkit-transform: translate(-32.84734133790737%, 55.50811272416737%);
    transform: translate(-32.84734133790737%, 55.50811272416737%);
  }
}
.p-tkoq-hdg.is--type-green span {
  background-color: #129f03;
  color: #fff;
}
.p-tkoq-index {
  position: relative;
  text-align: center;
}
@media screen and (min-width: 1024px) {
  .p-tkoq-index {
    padding-top: 5.4rem;
    padding-bottom: 3.4rem;
  }
}
.p-tkoq-index__badge {
  position: absolute;
  top: 0;
  left: 0;
}
@media screen and (min-width: 1024px) {
  .p-tkoq-index__badge {
    width: 18.607rem;
    -webkit-transform: translate(-30.257429999462566%, -30.9333619256956%);
    transform: translate(-30.257429999462566%, -30.9333619256956%);
  }
}
@media screen and (max-width: 1023px) {
  .p-tkoq-index__badge {
    width: 22.36vw;
    -webkit-transform: translate(-11.806797853309483%, -24.09063804412642%);
    transform: translate(-11.806797853309483%, -24.09063804412642%);
  }
}
.p-tkoq-index__hdg {
  margin: 0 auto;
}
@media screen and (min-width: 1024px) {
  .p-tkoq-index__hdg {
    width: 47.97rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-tkoq-index__hdg {
    width: 63.546666666666674vw;
  }
}
@media screen and (min-width: 1024px) {
  .p-tkoq-index__statement {
    margin-top: 1.894444444444445em;
    font-size: 1.8rem;
    line-height: 1.833333333333333;
  }
}
@media screen and (max-width: 1023px) {
  .p-tkoq-index__statement {
    margin-top: 1.75em;
    font-size: 4.266666666666667vw;
    line-height: 1.625;
  }
}
.p-tkoq-index__bnr {
  display: block;
  overflow: hidden;
  color: #000;
}
.p-tkoq-index__bnr img {
  vertical-align: top;
}
.p-tkoq-index .p-tkoq-index__bnr:hover {
  opacity: 1;
}
@media screen and (min-width: 1024px) {
  .p-tkoq-index__bnr {
    margin-top: 5.6rem;
    border: 0.4rem solid #fff;
    border-radius: 1.7rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-tkoq-index__bnr {
    margin-top: 5.333333333333334vw;
    border: 0.533333333333333vw solid #fff;
    border-radius: 2.266666666666667vw;
  }
}
.p-tkoq-index-tournament__btn {
  background-color: #fff;
  text-align: center;
}
.p-tkoq-index-tournament__btn i {
  display: inline-block;
  vertical-align: middle;
}
@media screen and (min-width: 1024px) {
  .p-tkoq-index-tournament__btn {
    padding: 1.3rem 0 1.3rem 6.9rem;
    font-size: 2.8rem;
  }
  .p-tkoq-index__bnr:hover .p-tkoq-index-tournament__btn {
    background-color: #cfff81;
  }
  .p-tkoq-index-tournament__btn i {
    width: 3.9rem;
    margin-left: 3rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-tkoq-index-tournament__btn {
    padding: 3.2vw 0 3.2vw 17.733333333333334vw;
    font-size: 4.8vw;
  }
  .p-tkoq-index-tournament__btn i {
    width: 7.066666666666667vw;
    margin-left: 10.666666666666668vw;
  }
}
@media screen and (min-width: 1024px) {
  .p-tkoq-index-quiz {
    margin-top: 7.2rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-tkoq-index-quiz {
    margin-top: 9.066666666666666vw;
  }
}
.p-tkoq-index-quiz__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media screen and (min-width: 1024px) {
  .p-tkoq-index-quiz__list {
    margin-top: 1.54rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-tkoq-index-quiz__list {
    margin-top: 3.12vw;
  }
}
.p-tkoq-index-quiz__item {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  position: relative;
}
@media screen and (min-width: 1024px) {
  .p-tkoq-index-quiz__item {
    width: 48.57142857142857%;
    margin-top: 2.43rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-tkoq-index-quiz__item {
    width: 48.333333333333336%;
    margin-top: 3.333333333333333vw;
  }
}
.p-tkoq-index-quiz__item a,
.p-tkoq-index-kids__item a {
  display: block;
}
@media screen and (min-width: 1024px) {
  .p-tkoq-index-quiz__item a,
  .p-tkoq-index-kids__item a {
    -webkit-transition: opacity 0.22s;
    transition: opacity 0.22s;
  }
  .p-tkoq-index-quiz__item a:hover,
  .p-tkoq-index-kids__item a:hover {
    opacity: 0.8;
  }
}
.p-tkoq-index-quiz__new {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}
@media screen and (min-width: 1024px) {
  .p-tkoq-index-quiz__new {
    width: 6.4rem;
    height: 6.4rem;
    -webkit-transform: translate(-29.6875%, -23.90625%);
    transform: translate(-29.6875%, -23.90625%);
  }
}
@media screen and (max-width: 1023px) {
  .p-tkoq-index-quiz__new {
    width: 8.533333333333333vw;
    height: 8.533333333333333vw;
    -webkit-transform: translate(-17.96875%, -17.1875%);
    transform: translate(-17.96875%, -17.1875%);
  }
}
.p-tkoq-index-quiz__btn {
  background-color: #fff;
  text-align: center;
  line-height: 1.416666666666667;
  color: #000;
}
.p-tkoq-index-quiz__btn i {
  position: absolute;
  top: 50%;
  right: 0.583333333333333em;
  width: 1.625em;
  height: 1.625em;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
@media screen and (min-width: 1024px) {
  .p-tkoq-index-quiz__btn {
    padding: 0.666666666666667em 2.208333333333333em;
    font-size: 2.3rem;
    border-radius: 1.375em;
  }
}
@media screen and (max-width: 1023px) {
  .p-tkoq-index-quiz__btn {
    padding: 0.666666666666667em 2.208333333333333em;
    font-size: 3.066666666666666vw;
    border-radius: 1.375em;
  }
}
.p-tkoq-index-quiz__item .p-tkoq-index-quiz__btn {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
@media screen and (min-width: 1024px) {
  .p-tkoq-index-quiz__item .p-tkoq-index-quiz__btn {
    top: 1.6rem;
    width: 91.76470588235294%;
  }
}
@media screen and (max-width: 1023px) {
  .p-tkoq-index-quiz__item .p-tkoq-index-quiz__btn {
    top: 1.733333333333333vw;
    width: 92.41379310344827%;
  }
}
.p-tkoq-index-kids__item .p-tkoq-index-quiz__btn {
  position: relative;
}
.is-kids .p-tkoq-index-quiz__btn {
  background-color: #45b463;
  line-height: 1.5;
  color: #fff;
  border-radius: 100vh;
}
@media screen and (min-width: 1024px) {
  .is-kids .p-tkoq-index-quiz__btn {
    top: 1.5rem;
    width: 93.23529411764706%;
    padding: 0.625em 2.166666666666667em 0.625em 0;
    font-size: 2.4rem;
  }
}
@media screen and (max-width: 1023px) {
  .is-kids .p-tkoq-index-quiz__btn {
    top: 2vw;
    padding: 0.166666666666667em 0;
    font-size: 3.2vw;
  }
}
.is-kids .p-tkoq-index-quiz__btn::after {
  display: block;
  position: absolute;
  background: url("/assets/images/others/common/ico_prominence_green.svg") no-repeat center;
  background-size: contain;
  content: '';
}
@media screen and (min-width: 1024px) {
  .is-kids .p-tkoq-index-quiz__btn::after {
    right: 7.7rem;
    bottom: -1.3rem;
    width: 1.8rem;
    height: 2.4rem;
  }
}
@media screen and (max-width: 1023px) {
  .is-kids .p-tkoq-index-quiz__btn::after {
    right: 7.066666666666667vw;
    bottom: -1.733333333333333vw;
    width: 2.4vw;
    height: 3.2vw;
  }
}
@media screen and (min-width: 1024px) {
  .p-tkoq-index-kids {
    margin-top: 4rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-tkoq-index-kids {
    margin-top: 6.666666666666667vw;
  }
}
.p-tkoq-index-kids__sec {
  position: relative;
  background: #faefc1 url("/assets/images/tokyoquiz/bg_index_kids.png") no-repeat right top;
  background-size: 100% auto;
}
@media screen and (min-width: 1024px) {
  .p-tkoq-index-kids__sec {
    margin-top: 3.2rem;
    padding: 8.6rem 2.4rem 3.5rem;
    border-radius: 2.2rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-tkoq-index-kids__sec {
    margin-top: 6vw;
    padding: 10.133333333333333vw 3.733333333333334vw 4.666666666666667vw;
    border-radius: 2.933333333333333vw;
  }
}
@media screen and (min-width: 1024px) {
  .p-tkoq-index-kids__sec .p-tkoq-index-quiz__new {
    -webkit-transform: translate(-34.375%, -31.25%);
    transform: translate(-34.375%, -31.25%);
  }
}
@media screen and (max-width: 1023px) {
  .p-tkoq-index-kids__sec .p-tkoq-index-quiz__new {
    -webkit-transform: translate(-32.8125%, -32.8125%);
    transform: translate(-32.8125%, -32.8125%);
  }
}
.p-tkoq-index-kids__statement {
  text-align: left;
  color: #000;
  line-height: 1.833333333333333;
}
@media screen and (min-width: 1024px) {
  .p-tkoq-index-kids__statement {
    margin-left: 4rem;
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-tkoq-index-kids__statement {
    margin-left: 2.666666666666667vw;
    font-size: 2.4vw;
  }
}
.p-tkoq-index-kids__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media screen and (min-width: 1024px) {
  .p-tkoq-index-kids__list {
    margin-top: 6rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-tkoq-index-kids__list {
    margin-top: 5.466666666666667vw;
  }
}
@media screen and (min-width: 1024px) {
  .p-tkoq-index-kids__item {
    width: 48.61963190184049%;
  }
  .p-tkoq-index-kids__item:nth-child(n + 3) {
    margin-top: 4.447852760736196%;
  }
}
@media screen and (max-width: 1023px) {
  .p-tkoq-index-kids__item {
    width: 48.237476808905384%;
  }
  .p-tkoq-index-kids__item:nth-child(n + 3) {
    margin-top: 2.782931354359926%;
  }
}
.p-tkoq-index-announce {
  line-height: 1.5;
  color: #fff;
}
@media screen and (min-width: 1024px) {
  .p-tkoq-index-announce {
    margin-top: 4rem;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-tkoq-index-announce {
    margin-top: 5.333333333333334vw;
    font-size: 2.666666666666667vw;
  }
}
@media screen and (min-width: 1024px) {
  .p-tkoq-green .p-tkoq-result {
    background: #7fd649 url("/assets/images/tokyoquiz/bg_result_green_pc.png") no-repeat 1.5rem 3.2rem;
    background-size: 95.60796915167096%;
  }
}
@media screen and (max-width: 1023px) {
  .p-tkoq-green .p-tkoq-result {
    background: #7fd649 url("/assets/images/tokyoquiz/bg_result_green_sp.png") no-repeat center 7.733333333333333vw;
    background-size: 100%;
  }
}
@media screen and (min-width: 1024px) {
  .p-tkoq-energy .p-tkoq-result {
    background: #7fd649 url("/assets/images/tokyoquiz/bg_result_energy_pc.png") no-repeat 1.5rem 3.8rem;
    background-size: 95.59897172236504%;
  }
}
@media screen and (max-width: 1023px) {
  .p-tkoq-energy .p-tkoq-result {
    background: #7fd649 url("/assets/images/tokyoquiz/bg_result_energy_sp.png") no-repeat center 7.333333333333333vw;
    background-size: 100%;
  }
}
@media screen and (min-width: 1024px) {
  .p-tkoq-waterservices .p-tkoq-result {
    background: #7fd649 url("/assets/images/tokyoquiz/bg_result_waterservices_pc.png") no-repeat 1.6rem 3.7rem;
    background-size: 95.59897172236504%;
  }
}
@media screen and (max-width: 1023px) {
  .p-tkoq-waterservices .p-tkoq-result {
    background: #7fd649 url("/assets/images/tokyoquiz/bg_result_waterservices_sp.png") no-repeat center 7.333333333333333vw;
    background-size: 100%;
  }
}
@media screen and (min-width: 1024px) {
  .p-tkoq-sewageline .p-tkoq-result {
    background: #7fd649 url("/assets/images/tokyoquiz/bg_result_sewageline_pc.png") no-repeat center top;
    background-size: 100%;
  }
}
@media screen and (max-width: 1023px) {
  .p-tkoq-sewageline .p-tkoq-result {
    background: #7fd649 url("/assets/images/tokyoquiz/bg_result_sewageline_sp.png") no-repeat center top;
    background-size: 100%;
  }
}
@media screen and (min-width: 1024px) {
  .p-tkoq-edo .p-tkoq-result {
    background: #7fd649 url("/assets/images/tokyoquiz/bg_result_edo_pc.png") no-repeat center 0.9rem;
    background-size: 100%;
  }
}
@media screen and (max-width: 1023px) {
  .p-tkoq-edo .p-tkoq-result {
    background: #7fd649 url("/assets/images/tokyoquiz/bg_result_edo_sp.png") no-repeat center 1.733333333333333vw;
    background-size: 100%;
  }
}
@media screen and (min-width: 1024px) {
  .p-tkoq-air .p-tkoq-result {
    background: #7fd649 url("/assets/images/tokyoquiz/bg_result_air_pc.png") no-repeat 1.37rem top;
    background-size: 95.61025641025641% auto;
  }
}
@media screen and (max-width: 1023px) {
  .p-tkoq-air .p-tkoq-result {
    background: #7fd649 url("/assets/images/tokyoquiz/bg_result_air_sp.png") no-repeat center top;
    background-size: 100%;
  }
}
@media screen and (min-width: 1024px) {
  .p-tkoq-kurashi .p-tkoq-result {
    background: #7fd649 url("/assets/images/tokyoquiz/bg_result_kurashi_pc.png") no-repeat center 2.85rem;
    background-size: 100% auto;
  }
}
@media screen and (max-width: 1023px) {
  .p-tkoq-kurashi .p-tkoq-result {
    background: #7fd649 url("/assets/images/tokyoquiz/bg_result_kurashi_sp.png") no-repeat center 5.466666666666667vw;
    background-size: 100%;
  }
}
@media screen and (min-width: 1024px) {
  .p-tkoq-islands .p-tkoq-result {
    background: #7fd649 url("/assets/images/tokyoquiz/bg_result_islands_pc.png") no-repeat center 2.85rem;
    background-size: 100% auto;
  }
}
@media screen and (max-width: 1023px) {
  .p-tkoq-islands .p-tkoq-result {
    background: #7fd649 url("/assets/images/tokyoquiz/bg_result_islands_sp.png") no-repeat center 5.186666666666667vw;
    background-size: 100%;
  }
}
@media screen and (min-width: 1024px) {
  .p-tkoq-geography .p-tkoq-result {
    background: #7fd649 url("/assets/images/tokyoquiz/bg_result_geography_pc.png") no-repeat center 2.85rem;
    background-size: 100% auto;
  }
}
@media screen and (max-width: 1023px) {
  .p-tkoq-geography .p-tkoq-result {
    background: #7fd649 url("/assets/images/tokyoquiz/bg_result_geography_sp.png") no-repeat center 5.186666666666667vw;
    background-size: 100%;
  }
}
@media screen and (min-width: 1024px) {
  .p-tkoq-disaster .p-tkoq-result {
    background: #7fd649 url("/assets/images/tokyoquiz/bg_result_disaster_pc.png") no-repeat center 2.85rem;
    background-size: 100% auto;
  }
}
@media screen and (max-width: 1023px) {
  .p-tkoq-disaster .p-tkoq-result {
    background: #7fd649 url("/assets/images/tokyoquiz/bg_result_disaster_sp.png") no-repeat center 5.186666666666667vw;
    background-size: 100%;
  }
}
@media screen and (min-width: 1024px) {
  .p-tkoq-renewable .p-tkoq-result {
    background: #7fd649 url("/assets/images/tokyoquiz/bg_result_renewable_pc.png") no-repeat center 2.85rem;
    background-size: 100% auto;
  }
}
@media screen and (max-width: 1023px) {
  .p-tkoq-renewable .p-tkoq-result {
    background: #7fd649 url("/assets/images/tokyoquiz/bg_result_renewable_sp.png") no-repeat center 5.186666666666667vw;
    background-size: 100%;
  }
}
@media screen and (min-width: 1024px) {
  .p-tkoq-eating .p-tkoq-result {
    background: #7fd649 url("/assets/images/tokyoquiz/bg_result_eating_pc.png") no-repeat center 2.85rem;
    background-size: 100% auto;
  }
}
@media screen and (max-width: 1023px) {
  .p-tkoq-eating .p-tkoq-result {
    background: #7fd649 url("/assets/images/tokyoquiz/bg_result_eating_sp.png") no-repeat center 5.186666666666667vw;
    background-size: 100%;
  }
}
@media screen and (min-width: 1024px) {
  .p-tkoq-traditional .p-tkoq-result {
    background: #7fd649 url("/assets/images/tokyoquiz/bg_result_traditional_pc.png") no-repeat center 2.85rem;
    background-size: 100% auto;
  }
}
@media screen and (max-width: 1023px) {
  .p-tkoq-traditional .p-tkoq-result {
    background: #7fd649 url("/assets/images/tokyoquiz/bg_result_traditional_sp.png") no-repeat center 5.186666666666667vw;
    background-size: 100%;
  }
}
@media screen and (min-width: 1024px) {
  .p-tkoq-forest .p-tkoq-result {
    background: #7fd649 url("/assets/images/tokyoquiz/bg_result_forest_pc.png") no-repeat center 2.85rem;
    background-size: 100% auto;
  }
}
@media screen and (max-width: 1023px) {
  .p-tkoq-forest .p-tkoq-result {
    background: #7fd649 url("/assets/images/tokyoquiz/bg_result_forest_sp.png") no-repeat center 5.186666666666667vw;
    background-size: 100%;
  }
}
@media screen and (min-width: 1024px) {
  .p-tkoq-plastic .p-tkoq-result {
    background: #7fd649 url("/assets/images/tokyoquiz/bg_result_plastic_pc.png") no-repeat center 2.85rem;
    background-size: 100% auto;
  }
}
@media screen and (max-width: 1023px) {
  .p-tkoq-plastic .p-tkoq-result {
    background: #7fd649 url("/assets/images/tokyoquiz/bg_result_plastic_sp.png") no-repeat center 5.186666666666667vw;
    background-size: 100%;
  }
}
@media screen and (min-width: 1024px) {
  .p-tkoq-tax .p-tkoq-result {
    background: #7fd649 url("/assets/images/tokyoquiz/bg_result_tax_pc.png") no-repeat center 2.85rem;
    background-size: 100% auto;
  }
}
@media screen and (max-width: 1023px) {
  .p-tkoq-tax .p-tkoq-result {
    background: #7fd649 url("/assets/images/tokyoquiz/bg_result_tax_sp.png") no-repeat center 5.186666666666667vw;
    background-size: 100%;
  }
}
@media screen and (min-width: 1024px) {
  .p-tkoq-tama .p-tkoq-result {
    background: #7fd649 url("/assets/images/tokyoquiz/bg_result_tama_pc.png") no-repeat center 2.85rem;
    background-size: 100% auto;
  }
}
@media screen and (max-width: 1023px) {
  .p-tkoq-tama .p-tkoq-result {
    background: #7fd649 url("/assets/images/tokyoquiz/bg_result_tama_sp.png") no-repeat center 5.186666666666667vw;
    background-size: 100%;
  }
}
@media screen and (min-width: 1024px) {
  .p-tkoq-toeikoutsu .p-tkoq-result {
    background: #7fd649 url("/assets/images/tokyoquiz/bg_result_toeikoutsu_pc.png") no-repeat center 2.85rem;
    background-size: 100% auto;
  }
}
@media screen and (max-width: 1023px) {
  .p-tkoq-toeikoutsu .p-tkoq-result {
    background: #7fd649 url("/assets/images/tokyoquiz/bg_result_toeikoutsu_sp.png") no-repeat center 5.186666666666667vw;
    background-size: 100%;
  }
}
@media screen and (min-width: 1024px) {
  .p-tkoq-anzen .p-tkoq-result {
    background: #7fd649 url("/assets/images/tokyoquiz/bg_result_anzen_pc.png") no-repeat center 2.85rem;
    background-size: 100% auto;
  }
}
@media screen and (max-width: 1023px) {
  .p-tkoq-anzen .p-tkoq-result {
    background: #7fd649 url("/assets/images/tokyoquiz/bg_result_anzen_sp.png") no-repeat center 5.186666666666667vw;
    background-size: 100%;
  }
}
@media screen and (min-width: 1024px) {
  .p-tkoq-deaflympics .p-tkoq-result {
    background: #7fd649 url("/assets/images/tokyoquiz/bg_result_deaflympics_pc.png") no-repeat center top;
    background-size: 100% auto;
  }
}
@media screen and (max-width: 1023px) {
  .p-tkoq-deaflympics .p-tkoq-result {
    background: #7fd649 url("/assets/images/tokyoquiz/bg_result_deaflympics_sp.png") no-repeat center top;
    background-size: 100% auto;
  }
}
@media screen and (min-width: 1024px) {
  .p-tkoq-road .p-tkoq-result {
    background: #7fd649 url("/assets/images/tokyoquiz/bg_result_road_pc.png") no-repeat center top;
    background-size: 100% auto;
  }
}
@media screen and (max-width: 1023px) {
  .p-tkoq-road .p-tkoq-result {
    background: #7fd649 url("/assets/images/tokyoquiz/bg_result_road_sp.png") no-repeat center top;
    background-size: 100% auto;
  }
}
@media screen and (min-width: 1024px) {
  .p-tkoq-isolated-island .p-tkoq-result {
    background: #7fd649 url("/assets/images/tokyoquiz/bg_result_isolated_island_pc.png") no-repeat center top;
    background-size: 100% auto;
  }
}
@media screen and (max-width: 1023px) {
  .p-tkoq-isolated-island .p-tkoq-result {
    background: #7fd649 url("/assets/images/tokyoquiz/bg_result_isolated_island_sp.png") no-repeat center top;
    background-size: 100% auto;
  }
}
@media screen and (min-width: 1024px) {
  .p-tkoq-traditional-crafts .p-tkoq-result {
    background: #7fd649 url("/assets/images/tokyoquiz/bg_result_traditional_crafts_pc.png") no-repeat 1.71rem 1.71rem;
    background-size: 95.59897172236504% auto;
  }
}
@media screen and (max-width: 1023px) {
  .p-tkoq-traditional-crafts .p-tkoq-result {
    background: #7fd649 url("/assets/images/tokyoquiz/bg_result_traditional_crafts_sp.png") no-repeat center 1.2vw;
    background-size: 100% auto;
  }
}
@media screen and (min-width: 1024px) {
  .p-tkoq-play .p-tkoq-result {
    background: #7fd649 url("/assets/images/tokyoquiz/bg_result_play_pc.png") no-repeat 2.3rem 3.3rem;
    background-size: 95.11568123393316% auto;
  }
}
@media screen and (max-width: 1023px) {
  .p-tkoq-play .p-tkoq-result {
    background: #7fd649 url("/assets/images/tokyoquiz/bg_result_play_sp.png") no-repeat center 2.666666666666667vw;
    background-size: 100% auto;
  }
}
@media screen and (min-width: 1024px) {
  [class^="p-tkoq-kids-quiz"] .p-tkoq-result {
    background: #7fd649 url("/assets/images/tokyoquiz/bg_result_child_pc.png") no-repeat center 3.85rem;
    background-size: 100% auto;
  }
}
@media screen and (max-width: 1023px) {
  [class^="p-tkoq-kids-quiz"] .p-tkoq-result {
    background: #7fd649 url("/assets/images/tokyoquiz/bg_result_child_sp.png") no-repeat center 7.733333333333333vw;
    background-size: 100% auto;
  }
}
@media screen and (max-width: 1023px) {
  .p-tkoq-result {
    padding: 8.6vw 7.199999999999999vw 13.333333333333334vw;
  }
}
.p-tkoq-result-head {
  margin: 0 auto;
  text-align: center;
}
@media screen and (min-width: 1024px) {
  .p-tkoq-result-head {
    padding-top: 3.4rem;
  }
}
.p-tkoq-result__hdg {
  display: inline-block;
  position: relative;
  z-index: 1;
  background-color: #34af27;
  text-align: center;
  color: #fff;
}
.p-tkoq-result__hdg::before,
.p-tkoq-result__hdg::after {
  display: inline-block;
  vertical-align: top;
  content: '';
}
.p-tkoq-result__hdg::before {
  background: url("/assets/images/tokyoquiz/bg_ribbon.svg") no-repeat 0 0;
  background-size: cover;
}
.p-tkoq-result__hdg::after {
  background: url("/assets/images/tokyoquiz/bg_ribbon.svg") no-repeat 100% 0;
  background-size: cover;
}
@media screen and (min-width: 1024px) {
  .p-tkoq-result__hdg {
    font-size: 2rem;
    line-height: 2.1;
  }
  .p-tkoq-result__hdg::before,
  .p-tkoq-result__hdg::after {
    width: 1.8em;
    height: 2.1em;
  }
  .p-tkoq-result__hdg::before {
    -webkit-transform: translateX(-27.77777777777778%);
    transform: translateX(-27.77777777777778%);
  }
  .p-tkoq-result__hdg::after {
    -webkit-transform: translateX(27.77777777777778%);
    transform: translateX(27.77777777777778%);
  }
}
@media screen and (max-width: 1023px) {
  .p-tkoq-result__hdg {
    font-size: 3.6vw;
    line-height: 2.222222222222222;
  }
  .p-tkoq-result__hdg::before,
  .p-tkoq-result__hdg::after {
    width: 1.985185185185185em;
    height: 2.222222222222222em;
  }
  .p-tkoq-result__hdg::before {
    -webkit-transform: translateX(-26.119402985074625%);
    transform: translateX(-26.119402985074625%);
  }
  .p-tkoq-result__hdg::after {
    -webkit-transform: translateX(26.119402985074625%);
    transform: translateX(26.119402985074625%);
  }
}
.p-tkoq-result-correct-wrap {
  display: inline-block;
}
@media screen and (min-width: 1024px) {
  .p-tkoq-result-correct-wrap {
    min-width: 32.8rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-tkoq-result-correct-wrap {
    min-width: 56.666666666666664vw;
  }
}
.p-tkoq-result-correct {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  z-index: 0;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: #fff;
  color: #34af27;
}
@media screen and (min-width: 1024px) {
  .p-tkoq-result-correct {
    top: -2.1rem;
    padding: 0.133333333333333em 0.333333333333333em 0;
    font-size: 9rem;
    border-radius: 0.244444444444444em;
  }
}
@media screen and (max-width: 1023px) {
  .p-tkoq-result-correct {
    top: -4vw;
    padding: 3.2vw 4.533333333333333vw 0;
    font-size: 17.2vw;
    border-radius: 2.933333333333333vw;
  }
}
.p-tkoq-result-correct__head {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  background: url("/assets/images/tokyoquiz/bdr_correct.svg") no-repeat center top, url("/assets/images/tokyoquiz/bdr_correct.svg") no-repeat center bottom;
  background-size: 100% auto;
  text-align: center;
}
@media screen and (min-width: 1024px) {
  .p-tkoq-result-correct__head {
    width: 4.1em;
    padding: 0.85em 0;
    font-size: 2rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-tkoq-result-correct__head {
    width: 3.642962962962963em;
    padding: 0.933333333333333em 0;
    font-size: 3.6vw;
  }
}
.p-tkoq-result-correct__number {
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  font-style: normal;
  font-weight: bold;
}
.p-tkoq-result-correct__number em {
  font-style: normal;
  font-weight: bold;
}
.p-tkoq-result-correct__number mark {
  background-color: transparent;
  font-style: normal;
  color: inherit;
}
@media screen and (min-width: 1024px) {
  .p-tkoq-result-correct__number {
    padding: 0 1rem;
  }
  .p-tkoq-result-correct__number em {
    font-size: 4.4rem;
    line-height: 1.136363636363636;
  }
  .p-tkoq-result-correct__number mark {
    font-size: 9rem;
    line-height: 1.511111111111111;
  }
  .p-tkoq-result-correct__number span {
    font-size: 5.4rem;
    line-height: 1.259259259259259;
  }
}
@media screen and (max-width: 1023px) {
  .p-tkoq-result-correct__number {
    padding: 0 1.333333333333333vw;
  }
  .p-tkoq-result-correct__number em {
    font-size: 8.266666666666666vw;
    line-height: 1.129032258064516;
  }
  .p-tkoq-result-correct__number mark {
    font-size: 17.2vw;
    line-height: 1.395348837209302;
  }
  .p-tkoq-result-correct__number span {
    font-size: 10.133333333333333vw;
    line-height: 1.394736842105263;
  }
}
.p-tkoq-result-sec {
  position: relative;
  z-index: 0;
  overflow: hidden;
}
@media screen and (min-width: 1024px) {
  .p-tkoq-result-sec {
    margin-top: 1.7rem;
    border-radius: 2.2rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-tkoq-result-sec {
    margin-top: 4vw;
    border-radius: 2.933333333333333vw;
  }
}
.p-tkoq-result-open {
  font-weight: bold;
}
.p-tkoq-result-open a {
  display: block;
  position: relative;
  background-color: #34af27;
  text-align: center;
  color: #fff;
}
.p-tkoq-result-open i {
  position: absolute;
  top: 50%;
  background-color: #fff;
  border-radius: 100%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.p-tkoq-result-open i::before,
.p-tkoq-result-open i::after {
  position: absolute;
  top: 50%;
  left: 50%;
  background-color: #369f5e;
  content: '';
  -webkit-transition: -webkit-transform 0.33s;
  transition: -webkit-transform 0.33s;
  transition: transform 0.33s;
  transition: transform 0.33s, -webkit-transform 0.33s;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.is-open .p-tkoq-result-open i::after {
  -webkit-transform: translate(-50%, -50%) rotate(90deg);
  transform: translate(-50%, -50%) rotate(90deg);
}
@media screen and (min-width: 1024px) {
  .p-tkoq-result-open {
    font-size: 2rem;
  }
  .p-tkoq-result-open a {
    padding: 0.925em 2.7em;
  }
  .p-tkoq-result-open i {
    right: 0.85em;
    width: 1.6em;
    height: 1.6em;
  }
  .p-tkoq-result-open i::before,
  .p-tkoq-result-open i::after {
    width: 0.6em;
    height: 0.15em;
    border-radius: 0.075em;
  }
  .p-tkoq-result-open i::after {
    width: 0.15em;
    height: 0.6em;
  }
}
@media screen and (max-width: 1023px) {
  .p-tkoq-result-open {
    font-size: 4.8vw;
  }
  .p-tkoq-result-open a {
    padding: 0.944444444444444em 2.222222222222222em;
  }
  .p-tkoq-result-open i {
    right: 0.777777777777778em;
    width: 1.442777777777778em;
    height: 1.442777777777778em;
  }
  .p-tkoq-result-open i::before,
  .p-tkoq-result-open i::after {
    width: 0.641111111111111em;
    height: 0.138888888888889em;
    border-radius: 0.069444444444444em;
  }
  .p-tkoq-result-open i::after {
    width: 0.138888888888889em;
    height: 0.641111111111111em;
  }
}
.is--type-no-explain .p-tkoq-result-open a {
  pointer-events: none;
}
.is--type-no-explain .p-tkoq-result-open i {
  display: none;
}
.p-tkoq-result-detail {
  height: 0;
  overflow: hidden;
  -webkit-transition: height 0.66s;
  transition: height 0.66s;
}
.is--type-no-explain .p-tkoq-result-detail {
  height: auto;
}
.p-tkoq-result-detail__inner {
  background-color: #fff;
  color: #000;
}
@media screen and (min-width: 1024px) {
  .p-tkoq-result-detail__inner {
    padding: 2em 2.3125em;
    font-size: 1.6rem;
    line-height: 1.625;
  }
}
@media screen and (max-width: 1023px) {
  .p-tkoq-result-detail__inner {
    padding: 1.428571428571429em 1.107142857142857em 2.142857142857143em 1.107142857142857em;
    font-size: 3.733333333333334vw;
    line-height: 1.607142857142857;
  }
}
.p-tkoq-result-detail__sec {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.p-tkoq-result-detail__sec a {
  text-decoration: underline;
}
@media screen and (min-width: 1024px) {
  .p-tkoq-result-detail__sec + .p-tkoq-result-detail__sec {
    margin-top: 2.5em;
    padding-top: 2.125em;
    border-top: 2px solid rgba(52,175,39,0.24);
  }
  .p-tkoq-result-detail__sec a:hover {
    text-decoration: none;
  }
}
@media screen and (max-width: 1023px) {
  .p-tkoq-result-detail__sec + .p-tkoq-result-detail__sec {
    margin-top: 6.4vw;
    padding-top: 8.266666666666666vw;
    border-top: 0.533333333333333vw solid #cdecca;
  }
}
.p-tkoq-result-detail__q {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  background-color: #34af27;
  font-weight: bold;
  text-align: center;
  color: #fff;
}
.p-tkoq-result-detail__q em {
  font-style: normal;
}
@media screen and (min-width: 1024px) {
  .p-tkoq-result-detail__q {
    width: 3.277777777777778em;
    padding: 0.222222222222222em 0;
    font-size: 1.8rem;
    line-height: 1.388888888888889em;
    border-radius: 297em;
  }
  .p-tkoq-result-detail__q em {
    font-size: 2rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-tkoq-result-detail__q {
    width: 3.181818181818182em;
    padding: 0.181818181818182em 0;
    font-size: 2.933333333333333vw;
    line-height: 1.409090909090909;
    border-radius: 429em;
  }
  .p-tkoq-result-detail__q em {
    font-size: 3.333333333333333vw;
  }
}
.p-tkoq-result-detail__q__text {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
.p-tkoq-result-detail__q__text em {
  font-style: normal;
  color: #34af27;
}
@media screen and (min-width: 1024px) {
  .p-tkoq-result-detail__q__text {
    width: 34.25em;
    padding-top: 0.25em;
  }
}
@media screen and (max-width: 1023px) {
  .p-tkoq-result-detail__q__text {
    width: 14.75em;
    padding-top: 0.142857142857143em;
  }
}
.p-tkoq-result-detail__explain {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  font-weight: bold;
  text-align: center;
  color: #34af27;
}
@media screen and (min-width: 1024px) {
  .p-tkoq-result-detail__explain {
    width: 3.277777777777778em;
    margin-top: 1.25em;
    padding: 0.055555555555556em 0;
    font-size: 1.8rem;
    line-height: 1.388888888888889em;
    border: 3px solid #34af27;
    border-radius: 297em;
  }
}
@media screen and (max-width: 1023px) {
  .p-tkoq-result-detail__explain {
    width: 3.181818181818182em;
    margin-top: 1.272727272727273em;
    padding: 0.090909090909091em;
    font-size: 2.933333333333333vw;
    line-height: 1.409090909090909;
    border: 0.4vw solid #34af27;
    border-radius: 429em;
  }
}
.p-tkoq-result-detail__explain__fig {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
@media screen and (min-width: 1024px) {
  .p-tkoq-result-detail__explain__fig {
    width: 16em;
    margin-top: 1.25em;
  }
  .p-tkoq-result-detail__explain__fig img {
    border: 2px solid #d9d9d9;
  }
}
@media screen and (max-width: 1023px) {
  .p-tkoq-result-detail__explain__fig {
    width: 14.75em;
    margin-top: 1em;
  }
  .p-tkoq-result-detail__explain__fig img {
    border: 0.266666666666667vw solid #d9d9d9;
  }
}
.p-tkoq-result-detail__explain__text {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
@media screen and (min-width: 1024px) {
  .p-tkoq-result-detail__explain__text {
    width: 17.0625em;
    margin-top: 1.25em;
  }
}
@media screen and (max-width: 1023px) {
  .p-tkoq-result-detail__explain__text {
    width: 14.75em;
    margin: 0.928571428571429em 0 0 3.214285714285714em;
  }
}
.p-tkoq-result-close {
  text-align: center;
}
.p-tkoq-result-close a {
  display: inline-block;
  position: relative;
  background-color: #34af27;
  color: #fff;
}
.p-tkoq-result-close i {
  position: absolute;
  top: 50%;
  background-color: #fff;
  border-radius: 100%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.p-tkoq-result-close i::before {
  position: absolute;
  top: 50%;
  left: 50%;
  background-color: #369f5e;
  content: '';
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
@media screen and (min-width: 1024px) {
  .p-tkoq-result-close {
    margin-top: 1.083333333333333em;
    font-size: 2.4rem;
    line-height: 1.416666666666667;
  }
  .p-tkoq-result-close a {
    padding: 0.666666666666667em 2.333333333333333em 0.666666666666667em 1.958333333333333em;
    border-radius: 1.375em;
  }
  .p-tkoq-result-close i {
    right: 0.583333333333333em;
    width: 1.333333333333333em;
    height: 1.333333333333333em;
  }
  .p-tkoq-result-close i::before {
    width: 0.5em;
    height: 0.125em;
    border-radius: 0.0625em;
  }
}
@media screen and (max-width: 1023px) {
  .p-tkoq-result-close {
    margin-top: 1.555555555555556em;
    font-size: 4.8vw;
    line-height: 1.416666666666667;
  }
  .p-tkoq-result-close a {
    width: 100%;
    padding: 0.958333333333333em 2.472222222222222em 0.958333333333333em 2.361111111111111em;
    border-radius: 1.666666666666667em;
  }
  .p-tkoq-result-close i {
    right: 1.033333333333333em;
    width: 1.442777777777778em;
    height: 1.442777777777778em;
  }
  .p-tkoq-result-close i::before {
    width: 0.641111111111111em;
    height: 0.138888888888889em;
    border-radius: 0.069444444444444em;
  }
}
.p-tkoq-result-info {
  font-weight: bold;
}
@media screen and (min-width: 1024px) {
  .p-tkoq-result-info {
    margin-top: 2.666666666666667em;
    font-size: 1.8rem;
    line-height: 1.833333333333333em;
  }
}
@media screen and (max-width: 1023px) {
  .p-tkoq-result-info {
    margin-top: 1.84375em;
    font-size: 4.266666666666667vw;
    line-height: 1.625;
  }
}
.p-tkoq-result-sdgs {
  text-align: center;
}
@media screen and (min-width: 1024px) {
  .p-tkoq-result-sdgs {
    margin-top: 4.1rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-tkoq-result-sdgs {
    margin-top: 6.346666666666668vw;
  }
}
.p-tkoq-result-sdgs__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: #fff;
}
@media screen and (min-width: 1024px) {
  .p-tkoq-result-sdgs__list {
    margin-top: 2.6rem;
    padding: 2.7rem 0;
    border-radius: 2.2rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-tkoq-result-sdgs__list {
    margin-top: 7.000000000000001vw;
    padding: 5.066666666666666vw 4.666666666666667vw;
    border-radius: 2.8vw;
  }
}
.p-tkoq-result-sdgs__item {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
@media screen and (min-width: 1024px) {
  .p-tkoq-result-sdgs__item {
    width: 9.6rem;
    margin-left: 1.5rem;
  }
  .p-tkoq-result-sdgs__item:nth-child(6n + 1) {
    margin-left: 0;
  }
  .p-tkoq-result-sdgs__item:nth-child(n + 7) {
    margin-top: 1.5rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-tkoq-result-sdgs__item {
    width: 19.866666666666667vw;
    margin-left: 3.2vw;
  }
  .p-tkoq-result-sdgs__item:nth-child(3n + 1) {
    margin-left: 0;
  }
  .p-tkoq-result-sdgs__item:nth-child(n + 4) {
    margin-top: 3.2vw;
  }
}
.p-tkoq-result-sdgs__btn button {
  display: inline-block;
  position: relative;
  background-color: #34af27;
  color: #fff;
  border: none;
}
.p-tkoq-result-sdgs__btn i {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.p-tkoq-result-sdgs__btn img {
  vertical-align: top;
}
@media screen and (min-width: 1024px) {
  .p-tkoq-result-sdgs__btn {
    margin-top: 2.5rem;
  }
  .p-tkoq-result-sdgs__btn button {
    padding: 0.666666666666667em 2.291666666666667em 0.666666666666667em 1.541666666666667em;
    font-size: 2.4rem;
    line-height: 1.416666666666667;
    border-radius: 1.375em;
    cursor: pointer;
  }
  .p-tkoq-result-sdgs__btn i {
    right: 0.666666666666667em;
    width: 1.375em;
  }
}
@media screen and (max-width: 1023px) {
  .p-tkoq-result-sdgs__btn {
    margin-top: 5.493333333333333vw;
  }
  .p-tkoq-result-sdgs__btn button {
    padding: 0.944444444444444em 3.166666666666667em 0.944444444444444em 3.055555555555555em;
    font-size: 4.8vw;
    line-height: 1.416666666666667;
    border-radius: 1.652777777777778em;
  }
  .p-tkoq-result-sdgs__btn i {
    right: 1.033333333333333em;
    width: 1.442777777777778em;
  }
}
@media screen and (min-width: 1024px) {
  .p-tkoq-result-public {
    margin-top: 7.33rem;
    text-align: center;
  }
}
@media screen and (max-width: 1023px) {
  .p-tkoq-result-public {
    margin-top: 12.933333333333334vw;
  }
}
@media screen and (min-width: 1024px) {
  .p-tkoq-result-public__inner {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
@media screen and (max-width: 1023px) {
  .p-tkoq-result-public__inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}
.p-tkoq-result-public__fig {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
@media screen and (min-width: 1024px) {
  .p-tkoq-result-public__fig {
    width: 14.9rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-tkoq-result-public__fig {
    width: 31.466666666666665vw;
  }
}
@media screen and (min-width: 1024px) {
  .p-tkoq-result-public__box {
    margin-left: 3rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-tkoq-result-public__box {
    width: 40.666666666666664vw;
  }
}
.p-tkoq-result-public__detail {
  text-align: left;
}
@media screen and (min-width: 1024px) {
  .p-tkoq-result-public__detail {
    font-size: 1.8rem;
    line-height: 1.666666666666667;
  }
}
@media screen and (max-width: 1023px) {
  .p-tkoq-result-public__detail {
    font-size: 3.733333333333334vw;
    line-height: 1.5;
  }
}
.p-tkoq-result-public__btn a {
  display: block;
  position: relative;
  background-color: #fff;
  text-align: center;
  color: #129f03;
}
.p-tkoq-result-public__btn i {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.p-tkoq-result-public__btn img {
  vertical-align: top;
}
@media screen and (min-width: 1024px) {
  .p-tkoq-result-public__btn {
    width: 27.6rem;
    margin-top: 1.43rem;
  }
  .p-tkoq-result-public__btn a {
    padding: 0.666666666666667em 2.791666666666667em 0.666666666666667em 2.041666666666667em;
    font-size: 2.4rem;
    line-height: 1.416666666666667;
    border-radius: 1.375em;
  }
  .p-tkoq-result-public__btn i {
    right: 0.666666666666667em;
    width: 1.375em;
  }
}
@media screen and (max-width: 1023px) {
  .p-tkoq-result-public__btn {
    margin-top: 2.4vw;
  }
  .p-tkoq-result-public__btn a {
    padding: 0.857142857142857em 2.583571428571429em 0.857142857142857em 1.583571428571429em;
    font-size: 3.733333333333334vw;
    line-height: 1.392857142857143;
    border-radius: 1.553571428571429em;
  }
  .p-tkoq-result-public__btn i {
    right: 0.728571428571429em;
    width: 1.855em;
  }
}
.p-tkoq-result-links {
  text-align: center;
}
@media screen and (min-width: 1024px) {
  .p-tkoq-result-links {
    margin-top: 6rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-tkoq-result-links {
    margin-top: 13.333333333333334vw;
  }
}
.p-tkoq-result-links__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
@media screen and (min-width: 1024px) {
  .p-tkoq-result-links__list {
    margin-top: 0.6em;
    font-size: 2rem;
    line-height: 1.2;
  }
}
@media screen and (max-width: 1023px) {
  .p-tkoq-result-links__list {
    margin-top: 0.357142857142857em;
    font-size: 3.733333333333334vw;
    line-height: 1.392857142857143;
  }
}
.p-tkoq-result-links__item {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
.p-tkoq-result-links__item a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  color: #fff;
}
@media screen and (min-width: 1024px) {
  .p-tkoq-result-links__item {
    width: 31.03285714285714%;
    margin: 3rem 0 0 2.4rem;
  }
  .p-tkoq-result-links__item:nth-child(3n + 1) {
    margin-left: 0;
  }
  .p-tkoq-result-links__item a {
    min-height: 3.8em;
    padding: 0.55em 0;
    border: 4px solid #fff;
    border-radius: 1.9em;
  }
}
@media screen and (max-width: 1023px) {
  .p-tkoq-result-links__item {
    width: 48.41402337228715%;
    margin: 5.333333333333334vw 0 0 3.171953255425709%;
  }
  .p-tkoq-result-links__item:nth-child(2n + 1) {
    margin-left: 0;
  }
  .p-tkoq-result-links__item a {
    min-height: 3.285714285714286em;
    padding: 1.333333333333333vw 0;
    border: 0.533333333333333vw solid #fff;
    border-radius: 1.642857142857143em;
  }
}
.p-tkoq-result-links__notice {
  margin-top: 2em;
  line-height: 1.5;
}
@media screen and (min-width: 1024px) {
  .p-tkoq-result-links__notice {
    font-size: 1.3rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-tkoq-result-links__notice {
    font-size: 3.466666666666666vw;
  }
}
.p-tkoq-result-ws {
  color: #000;
}
@media screen and (min-width: 1024px) {
  .p-tkoq-result-ws {
    margin-top: 6.7rem;
    padding: 0 2.8rem;
  }
  .p-tkoq-result-ws::after {
    display: table;
    clear: both;
    content: '';
  }
  .p-tkoq-result-ws .c-othersbutton {
    width: 27.6rem;
    margin: 3rem 0 0;
  }
  .p-tkoq-result-ws .c-othersbutton .c-othersbutton__wrap {
    padding: 1.8rem 0;
  }
  .p-tkoq-result-ws .c-othersbutton .c-othersbutton__wrap.is--icon-link::before {
    right: 1.6rem;
    width: 3.3rem;
    height: 3.3rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-tkoq-result-ws {
    margin-top: 10.933333333333334vw;
  }
  .p-tkoq-result-ws .c-othersbutton {
    width: 66.66666666666666vw;
    margin: 5.066666666666666vw auto 0;
  }
  .p-tkoq-result-ws .c-othersbutton .c-othersbutton__wrap {
    padding: 5.2vw 0;
  }
  .p-tkoq-result-ws .c-othersbutton .c-othersbutton__wrap.is--icon-link::before {
    right: 4.933333333333334vw;
    width: 6.933333333333333vw;
    height: 6.933333333333333vw;
  }
}
@media screen and (min-width: 1024px) {
  .p-tkoq-result-ws__fig {
    float: right;
    width: 23.024rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-tkoq-result-ws__fig {
    width: 56.74vw;
    margin: 0 auto;
  }
}
@media screen and (min-width: 1024px) {
  .p-tkoq-result-ws__txt {
    padding-top: 2.4rem;
    font-size: 1.8rem;
    line-height: 1.833333333333333;
  }
}
@media screen and (max-width: 1023px) {
  .p-tkoq-result-ws__txt {
    margin-top: 6.133333333333333vw;
    font-size: 4.266666666666667vw;
    line-height: 1.68125;
  }
}
@media screen and (min-width: 1024px) {
  .p-tkoq-result-last {
    margin-top: 6.1rem;
    padding-top: 5.4rem;
    border-top: 2px solid #fff;
  }
}
@media screen and (max-width: 1023px) {
  .p-tkoq-result-last {
    margin-top: 10.933333333333334vw;
    padding-top: 11.466666666666667vw;
    border-top: 0.533333333333333vw solid #fff;
  }
}
.p-tkoq-result-totop {
  text-align: center;
}
.p-tkoq-result-totop a {
  display: inline-block;
  background-color: #000;
  color: #fff;
}
@media screen and (min-width: 1024px) {
  .p-tkoq-result-totop a {
    min-width: 31.8rem;
    padding: 0.958333333333333em 0.708333333333333em 0.958333333333333em 1.416666666666667em;
    font-size: 2.4rem;
    line-height: 1.416666666666667;
    border-radius: 1.666666666666667em;
  }
}
@media screen and (max-width: 1023px) {
  .p-tkoq-result-totop a {
    padding: 0.958333333333333em 0.75em 0.958333333333333em 1.361111111111111em;
    font-size: 4.8vw;
    line-height: 1.416666666666667em;
    border-radius: 1.666666666666667em;
  }
}
@media screen and (min-width: 1024px) {
  .p-tkoq-question {
    width: 57.4rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-tkoq-question {
    width: 89.46666666666667vw;
  }
}
.p-tkoq-question__inner {
  position: relative;
  background-color: #fff;
}
@media screen and (min-width: 1024px) {
  .p-tkoq-question__inner {
    padding: 0 3.6rem 3.6rem;
    border-radius: 1.6rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-tkoq-question__inner {
    padding: 0 7.733333333333333vw 9.466666666666667vw;
    border-radius: 2.133333333333333vw;
  }
}
.p-tkoq-question__hdg {
  display: inline-block;
  background-color: #7bcc48;
  font-weight: bold;
  color: #fff;
}
@media screen and (min-width: 1024px) {
  .p-tkoq-question__hdg {
    margin-left: 0.3em;
    padding: 0.3em 0.6em;
    font-size: 2rem;
    line-height: 1.35;
    border-radius: 0 0 0.4em 0.4em;
  }
}
@media screen and (max-width: 1023px) {
  .p-tkoq-question__hdg {
    margin-left: -2.133333333333333vw;
    padding: 0.321428571428571em 0.714285714285714em;
    font-size: 3.733333333333334vw;
    line-height: 1.392857142857143;
    border-radius: 0 0 1.066666666666667vw 1.066666666666667vw;
  }
}
.p-tkoq-question-pages {
  position: relative;
}
@media screen and (min-width: 1024px) {
  .p-tkoq-question-pages {
    margin-top: 1.2rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-tkoq-question-pages {
    margin-top: 1.6vw;
  }
}
.p-tkoq-question-page {
  display: none;
}
.p-tkoq-question-page.is-current {
  display: block;
}
.p-tkoq-question-page.is-answered .p-tkoq-question-page__label {
  pointer-events: none;
}
.p-tkoq-question-page__hdg {
  text-align: center;
}
.p-tkoq-question-page__hdg em {
  display: inline-block;
  position: relative;
  background-color: #34af27;
  font-style: normal;
  font-weight: bold;
  color: #fff;
}
.p-tkoq-question-page__hdg mark {
  display: inline-block;
  background: none;
  font-style: normal;
  vertical-align: text-bottom;
  color: inherit;
}
@media screen and (min-width: 1024px) {
  .p-tkoq-question-page__hdg em {
    padding: 0.173913043478261em 0.91304347826087em;
    font-size: 2.3rem;
    line-height: 1.391304347826087;
    border-radius: 460em;
  }
  .p-tkoq-question-page__hdg mark {
    font-size: 2.8rem;
    line-height: 1.142857142857143;
  }
}
@media screen and (max-width: 1023px) {
  .p-tkoq-question-page__hdg em {
    padding: 0.205128205128205em 0.923076923076923em;
    font-size: 5.2vw;
    line-height: 1.384615384615385;
    border-radius: 1365em;
  }
  .p-tkoq-question-page__hdg mark {
    font-size: 6.266666666666667vw;
    line-height: 1.148936170212766;
  }
}
.p-tkoq-question-page__total {
  position: absolute;
  top: 50%;
  right: 0;
  color: #34af27;
  -webkit-transform: translate(100%, -50%);
  transform: translate(100%, -50%);
}
@media screen and (min-width: 1024px) {
  .p-tkoq-question-page__total {
    padding-left: 0.307692307692308em;
    font-size: 2.6rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-tkoq-question-page__total {
    padding-left: 0.297872340425532em;
    font-size: 6.266666666666667vw;
  }
}
.p-tkoq-question-page__q {
  font-weight: bold;
  text-align: left;
}
@media screen and (min-width: 1024px) {
  .p-tkoq-question-page__q {
    margin-top: 1.111111111111111em;
    font-size: 1.8rem;
    line-height: 2.277777777777778;
  }
}
@media screen and (max-width: 1023px) {
  .p-tkoq-question-page__q {
    margin-top: 1em;
    font-size: 4.266666666666667vw;
    line-height: 1.3125;
  }
}
.p-tkoq-question-page__label {
  display: block;
  font-weight: bold;
}
@media screen and (min-width: 1024px) {
  .p-tkoq-question-page__label {
    margin-top: 0.944444444444444em;
    font-size: 1.8rem;
  }
  .p-tkoq-question-page__label:first-of-type {
    margin-top: 2.444444444444445em;
  }
}
@media screen and (max-width: 1023px) {
  .p-tkoq-question-page__label {
    margin-top: 0.9375em;
    font-size: 4.266666666666667vw;
  }
  .p-tkoq-question-page__label:first-of-type {
    margin-top: 2.5em;
  }
}
.p-tkoq-question-page__label input {
  display: none;
}
.p-tkoq-question-page__a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  z-index: 1;
  background-color: #e8e8e8;
}
@media screen and (min-width: 1024px) {
  .p-tkoq-question-page__a {
    padding: 0.777777777777778em;
    font-size: 1.8rem;
    line-height: 2.444444444444445;
    border-radius: 0.833333333333333em;
  }
}
@media screen and (max-width: 1023px) {
  .p-tkoq-question-page__a {
    padding: 1.28125em 0.65625em;
    font-size: 4.266666666666667vw;
    line-height: 1.40625;
    border-radius: 0.46875em;
  }
}
input:checked + .p-tkoq-question-page__a {
  background-color: #bdeaa0;
}
input.is-correct + .p-tkoq-question-page__a {
  background-color: #369f5e;
  color: #fff;
}
input:checked + .p-tkoq-question-page__a .p-tkoq-question-page__a__icon img:nth-child(1),
input.is-correct + .p-tkoq-question-page__a .p-tkoq-question-page__a__icon img:nth-child(1) {
  display: none;
}
input:checked + .p-tkoq-question-page__a .p-tkoq-question-page__a__icon img:nth-child(2),
input.is-correct + .p-tkoq-question-page__a .p-tkoq-question-page__a__icon img:nth-child(2) {
  display: inline-block;
}
.p-tkoq-question-page__a__icon {
  display: inline-block;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  background-color: #fff;
  text-align: center;
}
.p-tkoq-question-page__a__icon img {
  vertical-align: middle;
}
.p-tkoq-question-page__a__icon img:nth-child(2) {
  display: none;
}
@media screen and (min-width: 1024px) {
  .p-tkoq-question-page__a__icon {
    width: 2.444444444444445em;
    margin-right: 1.222222222222222em;
    line-height: 2.444444444444445;
    border-radius: 0.5em;
  }
  .p-tkoq-question-page__a__icon img {
    width: 2.564rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-tkoq-question-page__a__icon {
    width: 7.733333333333333vw;
    margin-right: 3.333333333333333vw;
    line-height: 1.8125;
    border-radius: 1.466666666666667vw;
  }
  .p-tkoq-question-page__a__icon img {
    width: 4.134666666666667vw;
  }
}
.p-tkoq-question__correct,
.p-tkoq-question__incorrect {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 1;
  width: 100%;
}
.p-tkoq-question__correct.is-hide,
.p-tkoq-question__incorrect.is-hide {
  display: none;
}
@media screen and (min-width: 1024px) {
  .p-tkoq-question__correct {
    width: 45.29616724738676%;
  }
}
@media screen and (max-width: 1023px) {
  .p-tkoq-question__correct {
    width: 53.06666666666666vw;
  }
}
@media screen and (min-width: 1024px) {
  .p-tkoq-question__incorrect {
    width: 38.829268292682926%;
  }
}
@media screen and (max-width: 1023px) {
  .p-tkoq-question__incorrect {
    width: 41.85066666666666vw;
  }
}
@media screen and (min-width: 1024px) {
  .p-tokyoquiz-quiz-nav {
    margin-top: 5rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-tokyoquiz-quiz-nav {
    margin-top: 7.733333333333333vw;
  }
}
@media screen and (min-width: 1024px) {
  .p-tokyoquiz-quiz-nav__item {
    width: 10.083333333333334em;
    font-size: 2.4rem;
  }
  .p-tokyoquiz-quiz-nav__item .c-button {
    height: 8rem;
    border-radius: 4rem;
  }
  .p-tokyoquiz-quiz-nav__item .c-button .c-button__txt {
    font-size: 2.4rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-tokyoquiz-quiz-nav__item {
    width: 42.66666666666667vw;
    font-size: 4.8vw;
  }
  .p-tokyoquiz-quiz-nav__item .c-button {
    height: 16vw;
    border-radius: 8vw;
  }
  .p-tokyoquiz-quiz-nav__item .c-button .c-button__txt {
    font-size: 4.8vw;
  }
}
.p-tokyoquiz-quiz-nav__item.is-hide {
  display: none;
}
.p-tkoq-sdgs-modal {
  display: none;
}
.p-tkoq-sdgs-modal.is-opened {
  display: block;
}
.p-tkoq-sdgs-modal__overlay {
  background-color: rgba(0,0,0,0.3);
}
.p-tkoq-sdgs-modal__close {
  position: relative;
  z-index: 2;
}
.p-tkoq-sdgs-modal__close button {
  position: absolute;
  top: 0;
  right: 0;
  background-color: #000;
  border: none;
  border-radius: 100%;
}
.p-tkoq-sdgs-modal__close button::before,
.p-tkoq-sdgs-modal__close button:after {
  position: absolute;
  top: 50%;
  left: 50%;
  background-color: #fff;
  content: '';
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.p-tkoq-sdgs-modal__close button::before {
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  transform: translate(-50%, -50%) rotate(45deg);
}
.p-tkoq-sdgs-modal__close button::after {
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
  transform: translate(-50%, -50%) rotate(-45deg);
}
@media screen and (min-width: 1024px) {
  .p-tkoq-sdgs-modal__close {
    width: 57.4rem;
  }
  .p-tkoq-sdgs-modal__close button {
    width: 4.5rem;
    height: 4.5rem;
    cursor: pointer;
    -webkit-transform: translate(40%, -40%);
    transform: translate(40%, -40%);
  }
  .p-tkoq-sdgs-modal__close button::before,
  .p-tkoq-sdgs-modal__close button:after {
    width: 51.11111111111111%;
    height: 6.666666666666667%;
    border-radius: 0.15rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-tkoq-sdgs-modal__close {
    width: 89.46666666666667vw;
  }
  .p-tkoq-sdgs-modal__close button {
    width: 10.309333333333333vw;
    height: 10.309333333333333vw;
    -webkit-transform: translate(28.841179513709264%, -45.78375581996896%);
    transform: translate(28.841179513709264%, -45.78375581996896%);
  }
  .p-tkoq-sdgs-modal__close button::before,
  .p-tkoq-sdgs-modal__close button:after {
    width: 47.85307811691671%;
    height: 10.34661148473875%;
    border-radius: 0.4rem;
  }
}
.p-tkoq-sdgs-modal__content {
  position: relative;
  background-color: #fff;
}
@media screen and (min-width: 1024px) {
  .p-tkoq-sdgs-modal__content {
    width: 57.4rem;
    padding: 3.5rem 3.8rem 4.8rem;
    border-radius: 1.6rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-tkoq-sdgs-modal__content {
    width: 89.46666666666667vw;
    padding: 6.933333333333333vw 4.8vw 5.866666666666666vw;
    border-radius: 2.133333333333333vw;
  }
}
.p-tkoq-sdgs-modal__hdg {
  font-weight: bold;
  text-align: center;
  color: #54a826;
}
@media screen and (min-width: 1024px) {
  .p-tkoq-sdgs-modal__hdg {
    font-size: 2.8rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-tkoq-sdgs-modal__hdg {
    font-size: 7.6vw;
  }
}
.p-tkoq-sdgs-modal__text {
  font-weight: bold;
}
@media screen and (min-width: 1024px) {
  .p-tkoq-sdgs-modal__text {
    margin-top: 1.305555555555556em;
    font-size: 1.8rem;
    line-height: 1.833333333333333;
  }
}
@media screen and (max-width: 1023px) {
  .p-tkoq-sdgs-modal__text {
    margin-top: 1.015625em;
    font-size: 4.266666666666667vw;
    line-height: 1.625;
  }
}
.p-tkoq-sdgs-modal__image img {
  vertical-align: top;
}
@media screen and (min-width: 1024px) {
  .p-tkoq-sdgs-modal__image {
    margin-top: 2.65rem;
  }
  .p-tkoq-sdgs-modal__image img {
    border: 2px solid rgba(112,112,112,0.2);
  }
}
@media screen and (max-width: 1023px) {
  .p-tkoq-sdgs-modal__image {
    margin-top: 4.466666666666667vw;
  }
  .p-tkoq-sdgs-modal__image img {
    border: 0.266666666666667vw solid rgba(112,112,112,0.2);
  }
}
.p-tournament-wrapper {
  position: fixed;
  overflow-x: auto;
  width: 100%;
  height: 100%;
}
.p-tournament-inner {
  position: relative;
  width: 100%;
  height: 100%;
}
@media screen and (min-width: 1024px) {
  .p-tournament-inner {
    min-width: 118.6rem;
  }
}
.p-tournament-inner img {
  vertical-align: top;
}
@media screen and (min-width: 1024px) {
  .p-tournament-curtain__left,
  .p-tournament-curtain__right {
    position: absolute;
    top: 0;
    z-index: 115;
    width: 25.91508052708638%;
  }
}
@media screen and (min-width: 1024px) {
  .p-tournament-curtain__left {
    left: 0;
  }
}
@media screen and (max-width: 1023px) {
  .p-tournament-curtain__left {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 115;
    width: 100%;
    pointer-events: none;
  }
}
@media screen and (min-width: 1024px) {
  .p-tournament-curtain__right {
    right: 0;
  }
}
@media screen and (max-width: 1023px) {
  .p-tournament-curtain__right {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    z-index: 110;
  }
  .p-tournament-curtain__right::before,
  .p-tournament-curtain__right::after {
    position: absolute;
    top: 0;
    width: 0;
    height: 100%;
    content: '';
    -webkit-transition: width 0.88s cubic-bezier(0.07, 0.73, 0.48, 1);
    transition: width 0.88s cubic-bezier(0.07, 0.73, 0.48, 1);
  }
  .is-close .p-tournament-curtain__right::before,
  .is-close .p-tournament-curtain__right::after {
    width: 50vw;
  }
  .p-tournament-curtain__right::before {
    left: 0;
    background: #c71111 url("/assets/images/tokyoquiz/tournament/bg_curtain_left.png") repeat right 0;
    background-size: 3.866666666666667vw auto;
  }
  .p-tournament-curtain__right::after {
    right: -100vw;
    background: #c71111 url("/assets/images/tokyoquiz/tournament/bg_curtain_left.png") repeat left 0;
    background-size: 3.866666666666667vw auto;
  }
  .p-tournament-curtain__right img {
    display: none;
  }
}
@media screen and (min-width: 1024px) {
  .p-tournament-wing--left,
  .p-tournament-wing--right {
    position: absolute;
    top: 0;
    z-index: 100;
    width: calc(50% - 37rem);
    height: 100%;
  }
  .p-tournament-wing--left::before,
  .p-tournament-wing--right::before {
    position: absolute;
    top: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    content: '';
    -webkit-transition: width 1.11s cubic-bezier(0.07, 0.73, 0.48, 1);
    transition: width 1.11s cubic-bezier(0.07, 0.73, 0.48, 1);
  }
}
@media screen and (min-width: 1024px) {
  .is-close .p-tournament-wing--left::before,
  .is-close .p-tournament-wing--right::before {
    width: calc(100% + 37rem);
  }
}
@media screen and (min-width: 1024px) {
  .p-tournament-wing--left::before {
    left: 0;
    background: #c71111 url("/assets/images/tokyoquiz/tournament/bg_curtain_left.png") repeat right 0;
    background-size: 2.9rem auto;
  }
}
@media screen and (min-width: 1024px) {
  .p-tournament-booth {
    position: absolute;
    right: 3rem;
    bottom: 5.8rem;
    width: 79.55271565495208%;
    max-width: 24.9rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-tournament-booth {
    position: absolute;
    top: 3.333333333333333vw;
    left: 0;
    width: 100%;
    z-index: 118;
  }
}
@media screen and (min-width: 1024px) {
  .p-tournament-booth__ttl span {
    display: block;
    position: relative;
    z-index: 1;
    width: 86.48192771084338%;
    margin: 0 auto -18.62248995983936%;
  }
}
@media screen and (max-width: 1023px) {
  .p-tournament-booth__ttl {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 8.666666666666668vw 0 4.986666666666666vw;
  }
  .p-tournament-booth__ttl span {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 34vw;
  }
  .p-tournament-booth__ttl em {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 50.212vw;
    margin: 0.533333333333333vw 0 0 2.053333333333333vw;
  }
}
@media screen and (min-width: 1024px) {
  .p-tournament-booth__mc {
    margin-top: 1.15rem;
    padding-right: 1.726907630522089%;
    padding-left: 11.847389558232932%;
  }
}
@media screen and (max-width: 1023px) {
  .p-tournament-booth__mc {
    display: none;
  }
}
@media screen and (min-width: 1024px) {
  .p-tournament-wing--right {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    right: 0;
    padding: 3rem 0 12.5rem;
  }
  .p-tournament-wing--right::before {
    right: 0;
    background: #c71111 url("/assets/images/tokyoquiz/tournament/bg_curtain_left.png") repeat left 0;
    background-size: 2.9rem auto;
  }
}
@media screen and (max-width: 1023px) {
  .p-tournament-wing--right {
    position: absolute;
    bottom: 16vw;
    left: 0;
    z-index: 115;
    width: 100%;
    height: 37.86666666666667vw;
    background-color: #c71111;
  }
  .p-tournament-wing--right:empty {
    height: 0;
  }
  .is-close .p-tournament-wing--right {
    background-color: transparent;
  }
}
.p-tournament-booth__intro {
  display: none;
  -webkit-transition: all 0.22s 0.4s cubic-bezier(0.07, 1.06, 0.73, 1.8);
  transition: all 0.22s 0.4s cubic-bezier(0.07, 1.06, 0.73, 1.8);
}
.is-close .p-tournament-booth__intro {
  opacity: 0;
  -webkit-transform: scale(0.2);
  transform: scale(0.2);
}
@media screen and (min-width: 1024px) {
  .p-tournament-booth__intro {
    position: absolute;
    top: 32.0855614973262%;
    left: 51.40562248995983%;
    width: 19.974rem;
    height: 13.065999999999999rem;
    padding: 0 1.8rem 0 3.4rem;
    background: url("/assets/images/tokyoquiz/tournament/img_intro_balloon_pc.svg") no-repeat center/100% auto;
    font-size: 1.8rem;
    line-height: 1.333333333333333;
  }
  .is-startOpening .p-tournament-booth .p-tournament-booth__intro {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
}
@media screen and (max-width: 1023px) {
  .p-tournament-booth__intro {
    position: relative;
    z-index: 1;
    width: 46.913333333333334vw;
    height: 30.688vw;
    margin: 18.133333333333333vw 0 0 40.8vw !important;
    padding: 0 3.466666666666666vw 0 8.266666666666666vw;
    background: url("/assets/images/tokyoquiz/tournament/img_intro_balloon_sp.svg") no-repeat center/100% auto;
    font-size: 4.266666666666667vw;
    line-height: 1.34375;
  }
  .is-startOpening .p-tournament-setting .p-tournament-booth__intro {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
}
.p-tournament-booth__comment {
  display: none;
  text-align: left;
}
.p-tournament-booth__comment.is-show {
  display: block;
}
.p-tournament-member {
  text-align: center;
  color: #fff;
  opacity: 0;
  -webkit-transform: scale(0.5) rotate(15deg);
  transform: scale(0.5) rotate(15deg);
  -webkit-transition: all 0.22s 0.3s cubic-bezier(0.07, 1.06, 0.73, 1.8);
  transition: all 0.22s 0.3s cubic-bezier(0.07, 1.06, 0.73, 1.8);
}
.is-loaded .p-tournament-member {
  opacity: 1;
  -webkit-transform: scale(1) rotate(0);
  transform: scale(1) rotate(0);
}
@media screen and (min-width: 1024px) {
  .p-tournament-member {
    position: relative;
    overflow-y: auto;
    width: 100%;
    max-width: 30.3rem;
    max-height: 100%;
  }
}
@media screen and (min-width: 1024px) {
  .p-tournament-member__inner {
    margin: auto;
  }
}
@media screen and (max-width: 1023px) {
  .p-tournament-member__inner {
    padding: 9.066666666666666vw 5.733333333333333vw 0;
  }
}
@media screen and (min-width: 1024px) {
  .p-tournament-member__heading {
    font-size: 2.3rem;
    font-weight: bold;
    line-height: 1.391304347826087em;
  }
}
@media screen and (max-width: 1023px) {
  .p-tournament-member__heading {
    display: none;
  }
}
.p-tournament-member__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media screen and (min-width: 1024px) {
  .p-tournament-member__list {
    margin-top: 8.25082508250825%;
    padding: 0 9.735973597359736%;
  }
}
@media screen and (min-width: 1024px) {
  .p-tournament-member__solo {
    width: 47.13114754098361%;
  }
  .p-tournament-member__solo:nth-child(n + 3) {
    margin-top: 4.508196721311475%;
  }
}
@media screen and (max-width: 1023px) {
  .p-tournament-member__solo {
    width: 19.79733333333333vw;
  }
}
.p-tournament-member__fig {
  overflow: hidden;
  position: relative;
  background-color: #9b0000;
}
@media screen and (min-width: 1024px) {
  .p-tournament-member__fig {
    height: 0;
    padding-top: 93.80530973451327%;
    border-radius: 1.2rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-tournament-member__fig {
    height: 18.666666666666668vw;
    border-radius: 1.6vw;
  }
}
.p-tournament-member__thum {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background-color: #fff5e8;
}
.p-tournament-member__thum:empty {
  background: transparent;
}
.p-tournament-member__state {
  display: none;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.p-tournament-member__state.is-show {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.p-tournament-member__state.is--type-answered,
.p-tournament-member__state.is--type-unanswered,
.p-tournament-member__state.is--type-correct,
.p-tournament-member__state.is--type-incorrect,
.p-tournament-member__state.is--type-leaving {
  font-weight: bold;
}
.p-tournament-member__state.is--type-answered {
  background-color: rgba(0,78,159,0.7);
}
.p-tournament-member__state.is--type-unanswered {
  background-color: rgba(0,0,0,0.7);
}
.p-tournament-member__state.is--type-correct,
.p-tournament-member__state.is--type-incorrect {
  background-color: rgba(255,255,255,0.38);
}
.p-tournament-member__state.is--type-leaving {
  background-color: rgba(0,0,0,0.5);
  line-height: 1.285714285714286;
}
@media screen and (min-width: 1024px) {
  .p-tournament-member__state.is--type-answered,
  .p-tournament-member__state.is--type-unanswered,
  .p-tournament-member__state.is--type-correct,
  .p-tournament-member__state.is--type-incorrect,
  .p-tournament-member__state.is--type-leaving {
    border-radius: 1.2rem;
  }
  .p-tournament-member__state.is--type-answered,
  .p-tournament-member__state.is--type-unanswered {
    font-size: 2.3rem;
    line-height: 1.260869565217391;
    border: 0.3rem solid rgba(255,255,255,0.7);
  }
  .p-tournament-member__state.is--type-leaving {
    font-size: 1.4rem;
  }
  .p-tournament-member__state.is--type-correct img {
    width: 77.780658542909%;
  }
  .p-tournament-member__state.is--type-incorrect img {
    width: 60.236798893786194%;
  }
}
@media screen and (max-width: 1023px) {
  .p-tournament-member__state.is--type-answered,
  .p-tournament-member__state.is--type-unanswered,
  .p-tournament-member__state.is--type-correct,
  .p-tournament-member__state.is--type-incorrect,
  .p-tournament-member__state.is--type-leaving {
    border-radius: 1.6vw;
  }
  .p-tournament-member__state.is--type-answered,
  .p-tournament-member__state.is--type-unanswered {
    font-size: 4.266666666666667vw;
    line-height: 1.21875;
    border: 0.4vw solid rgba(255,255,255,0.7);
  }
  .p-tournament-member__state.is--type-leaving {
    font-size: 2.266666666666667vw;
  }
  .p-tournament-member__state.is--type-correct img {
    width: 12.732vw;
  }
  .p-tournament-member__state.is--type-incorrect img {
    width: 9.293333333333335vw;
  }
}
.p-tournament-member__name {
  line-height: 1.388888888888889;
}
@media screen and (min-width: 1024px) {
  .p-tournament-member__name {
    margin-top: 4.347826086956522%;
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-tournament-member__name {
    margin-top: 1.733333333333333vw;
    font-size: 3.2vw;
  }
}
.p-tournament-container {
  margin: 0 auto;
  text-align: center;
}
.p-tournament-container .p-tkoq-hdg i img {
  vertical-align: middle;
}
@media screen and (min-width: 1024px) {
  .p-tournament-container {
    width: 74rem;
    min-height: 100%;
  }
}
.p-tournament-setting {
  height: 100%;
  background-color: #fff2c6;
}
@media screen and (min-width: 1024px) {
  .p-tournament-setting {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-bottom: 9.5rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-tournament-setting {
    padding-bottom: 16vw;
  }
  .is-startHostWait .p-tournament-setting,
  .is-startGuestWait .p-tournament-setting {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
.p-tournament-container__inner {
  overflow-y: auto;
  width: 100%;
  max-height: 100%;
}
@media screen and (min-width: 1024px) {
  .p-tournament-container__inner {
    padding: 3rem 0;
  }
}
@media screen and (max-width: 1023px) {
  .p-tournament-container__inner {
    height: 100%;
  }
  .is-startHostWait .p-tournament-container__inner,
  .is-startGuestWait .p-tournament-container__inner {
    height: auto;
    padding: 28.933333333333334vw 0 13.333333333333334vw;
  }
}
@media screen and (min-width: 1024px) {
  .p-tournament-opening li + li {
    margin-top: 4rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-tournament-opening {
    position: relative;
    z-index: 1;
    min-height: 100%;
    padding: 39.46666666666667vw 0 12.533333333333333vw;
  }
  .p-tournament-opening li + li {
    margin-top: 9.173333333333334vw;
  }
  .p-tournament-opening li:last-child {
    margin-bottom: 6.666666666666667vw;
  }
  .p-tournament-opening::after {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 0;
    width: 95.33333333333334%;
    height: 43.2vw;
    background: url("/assets/images/tokyoquiz/tournament/img_mc.png") no-repeat left top/auto 152.46913580246914%;
    content: '';
  }
}
.p-tournament-opening,
.p-tournament-user,
.p-tournament-waiting {
  display: none;
}
.is-startOpening .p-tournament-opening {
  display: block;
}
.is-startHostOpen .p-tournament-user,
.is-startGuestOpen .p-tournament-user {
  display: block;
}
.is-startHostOpen .is--type-guest,
.is-startHostWait .is--type-guest {
  display: none;
}
.is-startGuestOpen .is--type-host,
.is-startGuestWait .is--type-host {
  display: none;
}
.is-startHostWait .p-tournament-waiting,
.is-startGuestWait .p-tournament-waiting {
  display: block;
}
@media screen and (min-width: 1024px) {
  .p-tournament-sec {
    margin-top: 3rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-tournament-sec {
    margin-top: 5.333333333333334vw;
  }
}
@media screen and (min-width: 1024px) {
  .p-tournament-user .p-tkoq-hdg {
    margin-bottom: 3rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-tournament-user {
    padding: 29.06666666666667vw 0 13.333333333333334vw;
  }
  .p-tournament-user .p-tkoq-hdg {
    margin-bottom: 6.666666666666667vw;
  }
}
.p-tournament-lead {
  font-weight: bold;
  line-height: 1.5;
}
.p-tournament-lead.is-hide {
  display: none;
}
@media screen and (min-width: 1024px) {
  .p-tournament-lead {
    margin-bottom: 1.6rem;
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-tournament-lead {
    margin-bottom: 4vw;
    font-size: 4.266666666666667vw;
  }
}
.p-tournament-lead__addition {
  display: block;
}
@media screen and (min-width: 1024px) {
  .p-tournament-lead__addition {
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-tournament-lead__addition {
    font-size: 3.733333333333334vw;
  }
}
.p-tournament-button--start .c-button {
  margin: 0 auto;
}
.p-tournament-button--start em {
  font-style: normal;
}
.p-tournament-button--start + .p-tournament-lead {
  margin-bottom: 0;
}
@media screen and (min-width: 1024px) {
  .p-tournament-button--start .c-button {
    width: 38.2rem;
    height: 9.6rem;
    border-radius: 4.8rem;
  }
  .p-tournament-button--start .c-button__txt {
    font-size: 2.6rem;
  }
  .p-tournament-button--start em {
    font-size: 3.6rem;
  }
  .p-tournament-button--start + .p-tournament-lead {
    margin-top: 3rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-tournament-button--start .c-button {
    width: 71.61999999999999vw;
    height: 18.666666666666668vw;
    border-radius: 9.333333333333334vw;
  }
  .p-tournament-button--start .c-button__txt {
    font-size: 5.333333333333334vw;
  }
  .p-tournament-button--start em {
    font-size: 7.466666666666668vw;
  }
  .p-tournament-button--start + .p-tournament-lead {
    margin-top: 5.333333333333334vw;
  }
}
.p-tournament-character {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 auto;
}
@media screen and (min-width: 1024px) {
  .p-tournament-character {
    width: 69.45945945945947%;
  }
}
@media screen and (max-width: 1023px) {
  .p-tournament-character {
    width: 74vw;
  }
}
.p-tournament-character__item label {
  display: block;
  height: 100%;
  cursor: pointer;
}
.p-tournament-character__item input[type="radio"] {
  position: absolute;
}
.p-tournament-character__item figure {
  position: relative;
  height: 100%;
  line-height: 1.4375;
}
@media screen and (min-width: 1024px) {
  .p-tournament-character__item {
    width: 21.98443579766537%;
  }
  .p-tournament-character__item figure {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-tournament-character__item {
    width: 35.6vw;
  }
  .p-tournament-character__item:nth-child(n + 3) {
    margin-top: 3.733333333333334vw;
  }
  .p-tournament-character__item figure {
    font-size: 3.2vw;
  }
}
.p-tournament-character__image {
  display: block;
  background-color: #fff;
}
input:checked + figure .p-tournament-character__image {
  background-color: #eefdc3;
  border-color: #129f03;
}
@media screen and (min-width: 1024px) {
  .p-tournament-character__image {
    height: 9.5em;
    border: 0.25em solid #fff;
    border-radius: 0.75em;
  }
}
@media screen and (max-width: 1023px) {
  .p-tournament-character__image {
    height: 28.000000000000004vw;
    text-align: center;
    border: 0.933333333333333vw solid #fff;
    border-radius: 1.6vw;
  }
  .p-tournament-character__image img {
    width: auto;
    height: 100%;
  }
}
.p-tournament-character__name {
  font-weight: bold;
}
@media screen and (min-width: 1024px) {
  .p-tournament-character__name {
    margin-top: 0.9375em;
  }
}
@media screen and (max-width: 1023px) {
  .p-tournament-character__name {
    margin-top: 2vw;
  }
}
.p-tournament-character__check {
  position: absolute;
  background: url("/assets/images/tokyoquiz/tournament/icon_check.svg") no-repeat center;
  background-size: 100% auto;
}
input:checked + figure .p-tournament-character__check {
  background-image: url("/assets/images/tokyoquiz/tournament/icon_check_active.svg");
}
@media screen and (min-width: 1024px) {
  .p-tournament-character__check {
    top: 0;
    right: 0;
    width: 24.778761061946902%;
    padding-top: 23.893805309734514%;
    -webkit-transform: translate(-32.142857142857146%, 29.629629629629626%);
    transform: translate(-32.142857142857146%, 29.629629629629626%);
  }
}
@media screen and (max-width: 1023px) {
  .p-tournament-character__check {
    top: 2.4vw;
    right: 2.266666666666667vw;
    width: 7.066666666666667vw;
    height: 6.800000000000001vw;
  }
}
.p-tournament-input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0;
  text-align: center;
}
@media screen and (min-width: 1024px) {
  .p-tournament-input {
    width: 28.61111111111111em;
    padding: 0.944444444444444em 0;
    font-size: 1.8rem;
    border: 0.4rem solid #129f03;
    border-radius: 0.833333333333333em;
  }
}
@media screen and (max-width: 1023px) {
  .p-tournament-input {
    width: 73.56666666666666vw;
    padding: 4vw 0;
    font-size: 4.266666666666667vw;
    border: 0.933333333333333vw solid #129f03;
    border-radius: 2vw;
  }
}
.p-tournament-q-type {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 0 auto;
}
@media screen and (min-width: 1024px) {
  .p-tournament-q-type {
    width: 34.4rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-tournament-q-type {
    width: 77.4vw;
  }
}
.p-tournament-q-type__item label {
  display: block;
  height: 100%;
  cursor: pointer;
}
.p-tournament-q-type__item input {
  position: absolute;
}
@media screen and (min-width: 1024px) {
  .p-tournament-q-type__item {
    width: 48.54651162790697%;
  }
}
@media screen and (max-width: 1023px) {
  .p-tournament-q-type__item {
    width: 37.333333333333336vw;
  }
}
.p-tournament-q-type__text {
  height: 100%;
  background-color: #fff;
  font-weight: bold;
  line-height: 1.409090909090909;
}
input:checked + .p-tournament-q-type__text {
  background-color: #eefdc3;
  border-color: #129f03;
}
@media screen and (min-width: 1024px) {
  .p-tournament-q-type__text {
    padding: 0.772727272727273em 0;
    font-size: 2.2rem;
    border: 0.181818181818182em solid #fff;
    border-radius: 1.818181818181818em;
  }
}
@media screen and (max-width: 1023px) {
  .p-tournament-q-type__text {
    padding: 4.266666666666667vw 0;
    font-size: 4.8vw;
    border: 0.933333333333333vw solid #fff;
    border-radius: 8vw;
  }
}
.p-tournament-user-attention {
  color: #f00;
}
@media screen and (min-width: 1024px) {
  .p-tournament-user-attention {
    margin-top: 3rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-tournament-user-attention {
    margin-top: 6.666666666666667vw;
  }
}
.p-tournament-user-attention li {
  display: none;
}
.p-tournament-user-attention li.is-show {
  display: block;
}
.p-tournament-user-attention .p-tournament-lead {
  margin-bottom: 0;
}
.p-tournament-button-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.p-tournament-button--decide .c-button {
  margin: 0 auto;
}
@media screen and (min-width: 1024px) {
  .p-tournament-button--decide {
    margin: 0 5px;
  }
  .p-tournament-button--decide .c-button {
    width: 22.2rem;
    height: 7.4rem;
    border-radius: 4rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-tournament-button--decide {
    margin: 0 0.666666666666667vw;
  }
  .p-tournament-button--decide .c-button {
    width: 42.66666666666667vw;
    height: 16vw;
    border-radius: 8vw;
  }
  .p-tournament-button--decide .c-button__txt {
    font-size: 4.8vw;
  }
}
.p-tournament-venue {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-weight: bold;
}
@media screen and (min-width: 1024px) {
  .p-tournament-venue__heading {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-tournament-venue__heading {
    font-size: 4.266666666666667vw;
  }
}
.p-tournament-venue__id {
  color: #ea3d3a;
}
@media screen and (min-width: 1024px) {
  .p-tournament-venue__id {
    margin-left: 0.6rem;
    font-size: 3rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-tournament-venue__id {
    margin-left: 1.733333333333333vw;
    font-size: 7.066666666666667vw;
  }
}
.p-tournament-join {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 0 auto;
}
@media screen and (min-width: 1024px) {
  .p-tournament-join {
    width: 51.4rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-tournament-join {
    width: 88.26666666666667vw;
  }
}
.p-tournament-join__item figcaption {
  font-weight: bold;
  line-height: 1.4375;
}
@media screen and (min-width: 1024px) {
  .p-tournament-join__item {
    width: 21.98443579766537%;
  }
  .p-tournament-join__item figcaption {
    margin-top: 1.2rem;
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-tournament-join__item {
    width: 19.79733333333333vw;
  }
  .p-tournament-join__item figcaption {
    margin-top: 1.6vw;
    font-size: 3.2vw;
  }
}
.p-tournament-join__image {
  display: block;
  position: relative;
  overflow: hidden;
  background-color: #f2d28c;
}
.p-tournament-join__image i {
  display: block;
  background-color: #fff;
}
.p-tournament-join__image em {
  display: none;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(26,159,36,0.6);
  font-style: normal;
  color: #fff;
}
.is-host-user .p-tournament-join__image em {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (min-width: 1024px) {
  .p-tournament-join__image {
    height: 10.6rem;
    border-radius: 1.2rem;
  }
  .p-tournament-join__image em {
    font-size: 2.3rem;
    border: 0.3rem solid #fff;
    border-radius: 1.2rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-tournament-join__image {
    height: 18.666666666666668vw;
    border-radius: 1.6vw;
  }
  .p-tournament-join__image em {
    font-size: 4.266666666666667vw;
    border: 0.4vw solid #fff;
    border-radius: 1.6vw;
  }
}
.p-tournament-button--next .c-button {
  margin: 0 auto;
}
@media screen and (min-width: 1024px) {
  .p-tournament-button--next .c-button {
    width: 34.2rem;
    height: 7.4rem;
    border-radius: 4rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-tournament-button--next .c-button {
    width: 64vw;
    height: 16vw;
    border-radius: 8vw;
  }
  .p-tournament-button--next .c-button__txt {
    font-size: 4.8vw;
  }
}
.p-tournament-button__delete a {
  display: inline-block;
  color: #717171;
}
@media screen and (min-width: 1024px) {
  .p-tournament-button__delete {
    margin-top: 2.5rem;
    font-size: 1.6rem;
  }
  .p-tournament-button__delete a {
    padding-bottom: 0.5rem;
    border-bottom: 0.2rem solid #717171;
  }
}
@media screen and (max-width: 1023px) {
  .p-tournament-button__delete {
    margin-top: 5.333333333333334vw;
    font-size: 3.733333333333334vw;
  }
  .p-tournament-button__delete a {
    padding-bottom: 0.8vw;
    border-bottom: 0.533333333333333vw solid #717171;
  }
}
@media screen and (min-width: 1024px) {
  .p-tournament-waiting .p-tkoq-hdg.is--type-host {
    margin-bottom: 3rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-tournament-waiting .p-tkoq-hdg.is--type-host {
    margin-bottom: 6.666666666666667vw;
  }
}
@media screen and (min-width: 1024px) {
  .p-tournament-waiting .p-tkoq-hdg.is--type-guest {
    margin-top: 4rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-tournament-waiting .p-tkoq-hdg.is--type-guest {
    margin-top: 8.533333333333333vw;
  }
}
.p-tournament-playing .p-tkoq-body__bg {
  position: absolute;
}
.p-tournament-playing .m-modal {
  position: absolute;
  z-index: 99;
}
.p-tournament-playing .p-tkoq-hdg em {
  font-style: normal;
}
@media screen and (min-width: 1024px) {
  .p-tournament-playing .p-tkoq-hdg {
    margin-bottom: -1.7rem;
  }
  .p-tournament-playing .p-tkoq-hdg span {
    padding: 0.77em 1.4em;
  }
  .p-tournament-playing .p-tkoq-hdg i {
    width: 1.3em;
    -webkit-transform: translate(-50%, 57.692307692307686%);
    transform: translate(-50%, 57.692307692307686%);
  }
  .p-tournament-playing .p-tkoq-question__inner {
    padding-top: 3.2rem;
  }
  .p-tournament-playing .p-tkoq-question-page__q {
    margin-top: 0.9rem;
  }
  .p-tournament-playing .p-tokyoquiz-quiz-nav {
    margin-top: 2.3rem;
  }
  .p-tournament-playing .p-tkoq-question-page__label:first-of-type {
    margin-top: 3.6rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-tournament-playing {
    position: relative;
    z-index: 116;
    height: calc(100% - 47.199999999999996vw);
  }
  .is-curtain-over .p-tournament-playing {
    z-index: 100;
  }
  .p-tournament-playing .m-modal {
    padding-top: 23.599999999999998vw;
    padding-bottom: 0;
  }
  .p-tournament-playing .m-modal__fixed {
    -webkit-transition: opacity 0.22s ease-in;
    transition: opacity 0.22s ease-in;
  }
  .is-curtain-over .p-tournament-playing .m-modal__fixed {
    opacity: 0;
  }
  .p-tournament-playing .p-tkoq-hdg {
    margin-bottom: -5.2vw;
  }
  .p-tournament-playing .p-tkoq-hdg span {
    padding: 0.678571428571429em 1em;
    font-size: 3.733333333333334vw;
  }
  .p-tournament-playing .p-tkoq-hdg i {
    width: 4.533333333333333vw;
    -webkit-transform: translate(-50%, 52.94117647058824%);
    transform: translate(-50%, 52.94117647058824%);
  }
  .p-tournament-playing .p-tkoq-question__inner {
    padding-top: 8.799999999999999vw;
  }
  .p-tournament-playing .p-tkoq-question-page__q {
    margin-top: 2.266666666666667vw;
  }
  .p-tournament-playing .p-tokyoquiz-quiz-nav {
    margin-top: 3.6vw;
  }
  .p-tournament-playing .p-tkoq-question-page__label:first-of-type {
    margin-top: 6.666666666666667vw;
  }
}
.p-tournament-playing .c-button.is--color-gray {
  cursor: default;
}
.p-tournament-playing .c-button.is--color-gray button {
  pointer-events: none;
}
.is-quizClose .p-tokyoquiz-quiz-nav__answer,
.is-quizEnd .p-tokyoquiz-quiz-nav__answer {
  display: none;
}
.p-tokyoquiz-quiz-nav__next {
  display: none;
}
.is-quizClose.is--type-host .p-tokyoquiz-quiz-nav__next,
.is-quizEnd.is--type-host .p-tokyoquiz-quiz-nav__next,
.is-quizEnd.is--type-guest .p-tokyoquiz-quiz-nav__next {
  display: block;
}
.is--type-guest .p-tokyoquiz-quiz-nav__next .c-button.is--color-black {
  background-color: #c3c3c3;
}
.is--type-guest .p-tokyoquiz-quiz-nav__next .c-button.is--color-black button {
  pointer-events: none;
}
.p-tokyoquiz-quiz-nav__wait {
  display: none;
}
.is-quizClose.is--type-guest .p-tokyoquiz-quiz-nav__wait {
  display: block;
}
@media screen and (min-width: 1024px) {
  .p-tokyoquiz-quiz-nav__wait {
    width: 29rem;
  }
  .p-tokyoquiz-quiz-nav__wait .c-button .c-button__txt {
    font-size: 2.2rem;
    line-height: 1.227272727272727;
  }
}
@media screen and (max-width: 1023px) {
  .p-tokyoquiz-quiz-nav__wait {
    width: 50.53333333333333vw;
  }
  .p-tokyoquiz-quiz-nav__wait .c-button .c-button__txt {
    font-size: 4vw;
    line-height: 1.1;
  }
}
.p-tokyoquiz-quiz-nav__link {
  display: none;
}
.p-tournament-quiz-timer {
  position: absolute;
  z-index: 2;
  background-color: #fff;
  text-align: center;
  border-radius: 100%;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
.p-tournament-quiz-timer canvas {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}
.p-tournament-quiz-timer span {
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 1024px) {
  .p-tournament-quiz-timer {
    top: 1.4rem;
    right: 1.4rem;
    width: 7.3rem;
    height: 7.3rem;
    font-size: 1.6rem;
    line-height: 7.3rem;
    border: 0.4rem solid #fff;
  }
}
@media screen and (max-width: 1023px) {
  .p-tournament-quiz-timer {
    top: 4vw;
    right: 5.466666666666667vw;
    width: 12.048vw;
    height: 12.048vw;
    font-size: 2.666666666666667vw;
    line-height: 12.048vw;
    border: 1.066666666666667vw solid #fff;
  }
}
.p-tournament-question-page__hdg {
  text-align: center;
  color: #34af27;
}
.p-tournament-question-page__hdg mark {
  display: inline-block;
  background: none;
  font-style: normal;
  vertical-align: middle;
  color: inherit;
}
@media screen and (min-width: 1024px) {
  .p-tournament-question-page__hdg mark {
    font-size: 4.3rem;
    line-height: 1.395348837209302;
  }
}
@media screen and (max-width: 1023px) {
  .p-tournament-question-page__hdg mark {
    font-size: 6.266666666666667vw;
    line-height: 1.148936170212766;
  }
}
.p-tournament-question-page__hdg__inner {
  display: inline-block;
  position: relative;
  font-size: 0;
  font-style: normal;
  font-weight: bold;
}
.p-tournament-question-page__hdg__prefix {
  display: inline-block;
  vertical-align: middle;
}
@media screen and (min-width: 1024px) {
  .p-tournament-question-page__hdg__prefix {
    font-size: 3.6rem;
    line-height: 1.416666666666667;
  }
}
@media screen and (max-width: 1023px) {
  .p-tournament-question-page__hdg__prefix {
    font-size: 6vw;
    line-height: 0.955555555555556;
  }
}
.p-tournament-question-page__hdg__total {
  position: absolute;
  top: 50%;
  right: 0;
  line-height: 1;
  color: #196dc3;
  -webkit-transform: translate(100%, -30.76923076923077%);
  transform: translate(100%, -30.76923076923077%);
}
.p-tournament-question-page__hdg__total span {
  color: #34af27;
}
@media screen and (min-width: 1024px) {
  .p-tournament-question-page__hdg__total {
    padding-left: 0.307692307692308em;
    font-size: 2.6rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-tournament-question-page__hdg__total {
    padding-left: 0.933333333333333vw;
    font-size: 4.266666666666667vw;
  }
}
.p-tournament-question-page__block {
  display: none;
  position: relative;
}
.p-tournament-question-page__block.is-show {
  display: block;
}
.p-tournament-question-page__block.is-answered::after {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  content: '';
}
.p-tournament-question-page__block .p-tkoq-question-page__a__icon img {
  vertical-align: middle;
}
.p-tournament-result {
  height: 100%;
}
@media screen and (min-width: 1024px) {
  .p-tournament-result a {
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
  }
  .p-tournament-result a:hover {
    opacity: 0.8;
  }
}
.p-tournament-result .p-tournament-container__inner {
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 1024px) {
  .p-tournament-result .p-tournament-container__inner {
    padding: 4.5rem 0 0;
  }
}
@media screen and (max-width: 1023px) {
  .p-tournament-result .p-tournament-container__inner {
    padding: 30.133333333333333vw 0 16vw;
  }
}
.p-tournament-ranking {
  position: relative;
  background: url("/assets/images/tokyoquiz/tournament/bg_result_arc.svg") no-repeat center bottom/100% auto;
}
.p-tournament-ranking .p-tkoq-result-totop {
  position: relative;
  z-index: 1;
}
.p-tournament-ranking .p-tkoq-result-totop a {
  padding-right: 0;
  padding-left: 0;
}
@media screen and (min-width: 1024px) {
  .p-tournament-ranking {
    padding: 0 3rem 3.5rem;
  }
  .p-tournament-ranking .p-tkoq-result-totop {
    margin-top: 4rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-tournament-ranking {
    padding-bottom: 22vw;
  }
  .p-tournament-ranking .p-tkoq-result-totop {
    margin-top: 11.600000000000001vw;
  }
  .p-tournament-ranking .p-tkoq-result-totop a {
    min-width: 64.9vw;
  }
}
.p-tournament-ranking__list {
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media screen and (max-width: 1023px) {
  .p-tournament-ranking__list {
    width: 89.98vw;
    margin: 0 auto;
  }
}
.p-tournament-ranking__item {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  text-align: center;
}
.p-tournament-ranking__own {
  width: 100%;
}
@media screen and (min-width: 1024px) {
  .p-tournament-ranking__own .p-tournament-ranking__body {
    width: 35.413rem;
    margin: -2rem auto 0;
    padding: 3.5rem 0 2.5rem;
  }
  .p-tournament-ranking__own .p-tournament-ranking__result {
    width: 16rem;
    margin-left: 2.5rem;
  }
  .p-tournament-ranking__own .p-tournament-ranking__name {
    font-size: 2rem;
  }
  .p-tournament-ranking__own .p-tournament-ranking__score {
    margin-top: 0.4rem;
  }
  .p-tournament-ranking__own .p-tournament-ranking__score em {
    font-size: 6rem;
  }
  .p-tournament-ranking__own .p-tournament-ranking__score span {
    font-size: 3.8rem;
    line-height: 1.394736842105263;
  }
}
@media screen and (max-width: 1023px) {
  .p-tournament-ranking__own .p-tournament-ranking__body {
    width: 100%;
    margin-top: -4.399999999999999vw;
    padding: 7.733333333333333vw 0 4.533333333333333vw;
  }
  .p-tournament-ranking__own .p-tournament-ranking__result {
    width: 35.794666666666664vw;
    margin-left: 13.066666666666665vw;
  }
  .p-tournament-ranking__own .p-tournament-ranking__name {
    font-size: 4.266666666666667vw;
  }
  .p-tournament-ranking__own .p-tournament-ranking__score {
    margin-top: 0.533333333333333vw;
  }
  .p-tournament-ranking__own .p-tournament-ranking__score em {
    font-size: 13.466666666666665vw;
  }
  .p-tournament-ranking__own .p-tournament-ranking__score span {
    font-size: 8.4vw;
    line-height: 1.396825396825397;
  }
  .p-tournament-ranking__own .p-tournament-ranking__fig {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
  }
  .p-tournament-ranking__own .p-tournament-ranking__fig img {
    width: auto;
    height: 100%;
  }
}
.p-tournament-ranking__other .p-tournament-ranking__score em {
  text-align: right;
}
@media screen and (min-width: 1024px) {
  .p-tournament-ranking__other {
    width: 21.036rem;
    margin-top: 2.5rem;
  }
  .p-tournament-ranking__other .p-tournament-ranking__body {
    padding: 1.5rem 0;
  }
  .p-tournament-ranking__other .p-tournament-ranking__result {
    width: 11.6rem;
  }
  .p-tournament-ranking__other .p-tournament-ranking__name {
    font-size: 1.8rem;
  }
  .p-tournament-ranking__other .p-tournament-ranking__score {
    margin-top: 1rem;
  }
  .p-tournament-ranking__other .p-tournament-ranking__score em {
    padding-right: 0.05em;
    font-size: 4.2rem;
  }
  .p-tournament-ranking__other .p-tournament-ranking__score span {
    font-size: 2.3rem;
    line-height: 1.391304347826087;
  }
  .p-tournament-ranking__other .p-tournament-ranking__fig {
    max-height: 10.2rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-tournament-ranking__other {
    width: 28.30266666666667vw;
    margin-top: 5.066666666666666vw;
  }
  .p-tournament-ranking__other .p-tournament-ranking__body {
    padding-top: 2.533333333333333vw;
  }
  .p-tournament-ranking__other .p-tournament-ranking__result {
    margin: 0 11.68323361756254%;
    text-align: center;
  }
  .p-tournament-ranking__other .p-tournament-ranking__name {
    font-size: 4.133333333333333vw;
  }
  .p-tournament-ranking__other .p-tournament-ranking__score {
    margin-top: 1.6vw;
  }
  .p-tournament-ranking__other .p-tournament-ranking__score em {
    font-size: 9.333333333333334vw;
    letter-spacing: -0.03em;
  }
  .p-tournament-ranking__other .p-tournament-ranking__score span {
    font-size: 5.466666666666667vw;
    line-height: 1.390243902439024;
  }
  .p-tournament-ranking__other .p-tournament-ranking__fig {
    margin: 0 16.488434540914874%;
  }
}
.p-tournament-ranking__body {
  position: relative;
  overflow: hidden;
  background-color: #fff;
  text-align: left;
}
.is-not-join .p-tournament-ranking__body {
  display: none;
}
@media screen and (min-width: 1024px) {
  .p-tournament-ranking__body {
    border-radius: 2.2rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-tournament-ranking__body {
    border-radius: 2.933333333333333vw;
  }
}
.p-tournament-ranking__fig {
  text-align: right;
}
@media screen and (min-width: 1024px) {
  .p-tournament-ranking__fig {
    position: absolute;
    bottom: 0;
    right: 0;
    height: 100%;
  }
  .p-tournament-ranking__fig img {
    width: auto;
    height: 100%;
  }
}
.p-tournament-ranking__result {
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 1024px) {
  .p-tournament-ranking__result {
    display: inline-block;
  }
}
.p-tournament-ranking__name {
  text-align: center;
}
.p-tournament-ranking__score {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  color: #129f03;
}
.p-tournament-ranking__score em {
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  font-style: normal;
  text-align: center;
  line-height: 1;
}
.p-tournament-ranking__score span {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
.p-tournament-ranking__notjoin {
  display: none;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 100%;
  background-size: 100% auto;
  color: #fff;
}
.is-not-join .p-tournament-ranking__notjoin {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (min-width: 1024px) {
  .p-tournament-ranking__notjoin {
    min-height: 10rem;
    background: #8dd2d8 url("/assets/images/tokyoquiz/tournament/bg_notjoin_pc.svg") no-repeat center;
    background-size: cover;
    font-size: 1.8rem;
    border-radius: 2.2rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-tournament-ranking__notjoin {
    min-height: 38.53333333333334vw;
    background: #8dd2d8 url("/assets/images/tokyoquiz/tournament//bg_notjoin_sp.svg") no-repeat center;
    background-size: cover;
    font-size: 3.733333333333334vw;
    border-radius: 2.933333333333333vw;
  }
}
.p-tournament-result__container {
  background-color: #fee4c4;
  text-align: left;
}
.p-tournament-result__container .p-tkoq-result-sec {
  margin-top: 0;
}
@media screen and (min-width: 1024px) {
  .p-tournament-result__container {
    padding: 3rem 2rem 15rem;
  }
  .p-tournament-result__container .p-tkoq-result-ws {
    padding-top: 7.2rem;
    border-top: 0.2rem solid #129f03;
  }
}
@media screen and (max-width: 1023px) {
  .p-tournament-result__container {
    padding: 15.466666666666667vw 5.066666666666666vw 12.666666666666668vw;
  }
  .p-tournament-result__container .p-tkoq-result-detail__q__text {
    width: 18.142857142857142em;
  }
  .p-tournament-result__container .p-tkoq-result-detail__explain__fig {
    margin-right: 12.8vw;
  }
  .p-tournament-result__container .p-tkoq-result-detail__explain__text {
    width: 18.142857142857142em;
    margin-left: 13.866666666666665vw;
  }
  .p-tournament-result__container .p-tkoq-result-ws {
    margin-top: 12.533333333333333vw;
    padding: 10.666666666666668vw 7.199999999999999vw 0;
    border-top: 0.533333333333333vw solid #129f03;
  }
}
.p-tournament-result__container .p-tkoq-result-detail__sec {
  display: none;
}
.p-tournament-result__container .p-tkoq-result-detail__sec.is-show {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.p-tkoq-result-detail__sec.is-first-result {
  margin-top: 0;
  padding-top: 0;
  border-top: none;
}
.p-tournament-result__announce {
  text-align: center;
}
.p-tournament-result__announce span {
  display: inline-block;
  background-color: #e5fdb9;
  color: #129f03;
}
@media screen and (min-width: 1024px) {
  .p-tournament-result__announce {
    margin-bottom: 2.4rem;
  }
  .p-tournament-result__announce span {
    padding: 0.625em 1.0625em;
    font-size: 1.6rem;
    line-height: 1.375;
    border-radius: 1.3125em;
  }
}
@media screen and (max-width: 1023px) {
  .p-tournament-result__announce {
    margin-bottom: 6.666666666666667vw;
  }
  .p-tournament-result__announce span {
    padding: 0.625em 0.928571428571429em;
    font-size: 3.733333333333334vw;
    line-height: 1.392857142857143;
    border-radius: 1.321428571428571em;
  }
}
.p-tournament-result__stock {
  display: none;
}
@media screen and (min-width: 1024px) {
  .p-tournament-result__end {
    margin-top: 5.8rem;
  }
  .p-tournament-result__end .p-tkoq-result-totop {
    margin-top: 1.2rem;
  }
  .p-tournament-result__end .p-tkoq-result-totop a {
    padding-right: 1.416666666666667em;
  }
}
@media screen and (max-width: 1023px) {
  .p-tournament-result__end .p-tkoq-result-totop {
    margin-top: 4.533333333333333vw;
  }
  .p-tournament-result__end .p-tkoq-result-totop a {
    padding-right: 1.361111111111111em;
  }
}
.p-tournament-result__epilogue {
  line-height: 1.666666666666667;
}
@media screen and (min-width: 1024px) {
  .p-tournament-result__epilogue {
    font-size: 1.8rem;
    text-align: center;
  }
}
@media screen and (max-width: 1023px) {
  .p-tournament-result__epilogue {
    margin: 14.799999999999999vw 7.199999999999999vw 0;
    font-size: 4.266666666666667vw;
  }
}
.p-tournament-quiz-start {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 119;
  width: 100%;
  height: 100%;
  text-align: center;
  line-height: 1.160493827160494;
  color: #fff;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: opacity 0.33s ease-in;
  transition: opacity 0.33s ease-in;
}
.is-close .p-tournament-quiz-start {
  opacity: 1;
}
@media screen and (min-width: 1024px) {
  .p-tournament-quiz-start {
    font-size: 8.1rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-tournament-quiz-start {
    font-size: 12.266666666666666vw;
  }
}
.p-tournament-quiz-start__txt {
  opacity: 0;
  -webkit-transform: scale(0.5) rotate(15deg);
  transform: scale(0.5) rotate(15deg);
  -webkit-transition: all 0.22s cubic-bezier(0.07, 1.06, 0.73, 1.8);
  transition: all 0.22s cubic-bezier(0.07, 1.06, 0.73, 1.8);
}
.is-loaded .p-tournament-quiz-start__txt {
  opacity: 1;
  -webkit-transform: scale(1) rotate(0);
  transform: scale(1) rotate(0);
}
.p-tournament-quiz-start__sub {
  opacity: 0;
  -webkit-transition: opacity 0.44s 0.33s ease-out;
  transition: opacity 0.44s 0.33s ease-out;
}
.is-loaded .p-tournament-quiz-start__sub {
  opacity: 1;
}
@media screen and (min-width: 1024px) {
  .p-tournament-quiz-start__sub {
    margin-top: 1.6rem;
    font-size: 2.5rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-tournament-quiz-start__sub {
    margin-top: 2.266666666666667vw;
    font-size: 4.666666666666667vw;
  }
}
.p-tournament-error {
  display: none;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 120;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.8);
  text-align: center;
}
.p-tournament-error.is-show {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.p-tournament-error .c-button {
  display: inline-block;
  background-color: #fff;
  color: #000;
}
@media screen and (min-width: 1024px) {
  .p-tournament-error .c-button {
    width: 38rem;
    margin-top: 3rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-tournament-error .c-button {
    width: 73.06666666666666vw;
    margin-top: 8vw;
  }
}
.p-tournament-error .c-button__txt {
  width: 100%;
  padding-right: 3.947368421052631%;
}
@media screen and (min-width: 1024px) {
  .p-tournament-error .c-button__txt {
    font-size: 2.4rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-tournament-error .c-button__txt {
    font-size: 4.8vw;
  }
}
.p-tournament-error__txt {
  line-height: 1.625;
  color: #fff;
}
.p-tournament-error__txt + .p-tournament-error__txt {
  margin-top: 1em;
}
@media screen and (min-width: 1024px) {
  .p-tournament-error__txt {
    font-size: 2.4rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-tournament-error__txt {
    font-size: 4.266666666666667vw;
  }
}
.p-tournament-confetti__bg {
  position: absolute;
  z-index: 0;
}
@media screen and (min-width: 1024px) {
  .p-tournament-confetti__bg {
    top: -0.9rem;
    left: 2.6rem;
    width: 66.66499999999999rem;
    height: 30.104000000000003rem;
    background: url("/assets/images/tokyoquiz/tournament/img_confetti_pc.png") no-repeat center center/100% auto;
  }
}
@media screen and (max-width: 1023px) {
  .p-tournament-confetti__bg {
    top: 11.184vw;
    left: 0;
    width: 100%;
    height: 52.27466666666667vw;
    background: url("/assets/images/tokyoquiz/tournament/img_confetti_sp.png") no-repeat center center/auto 100%;
  }
}
.p-tournament-confetti__left,
.p-tournament-confetti__right {
  position: absolute;
  z-index: 2;
}
@media screen and (max-width: 1023px) {
  .p-tournament-confetti__left {
    top: 2.222666666666667vw;
    left: 0;
    width: 12.545333333333334vw;
    height: 41.065333333333335vw;
    background: url("/assets/images/tokyoquiz/tournament/img_confetti_over_left_sp.png") no-repeat right center/auto 100%;
  }
}
@media screen and (max-width: 1023px) {
  .p-tournament-confetti__right {
    top: -3.342666666666667vw;
    right: 0;
    width: 12.678666666666667vw;
    height: 46.12133333333334vw;
    background: url("/assets/images/tokyoquiz/tournament/img_confetti_over_right_sp.png") no-repeat left center/auto 100%;
  }
}
.c-typing-button {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 100%;
  border-radius: 100vh;
  background-color: #000;
  color: #fff;
  font-weight: bold;
  font-size: 1.610541727672035vw;
  letter-spacing: 0.02em;
  padding: 0 1.588579795021962vw;
  text-align: center;
  cursor: pointer;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
}
.c-typing-button p {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
}
.c-typing-button.is-black {
  background-color: #000;
  color: #fff;
}
.c-typing-button.is-black .c-typing-button__arrow__icon {
  fill: #000;
}
.c-typing-button.is-gray {
  background-color: #9d9d9d;
  color: #fff;
}
.c-typing-button.is-gray .c-typing-button__arrow__icon {
  fill: #9d9d9d;
}
.c-typing-button.is-red {
  background-color: #d92d2e;
  color: #fff;
}
.c-typing-button.is-red .c-typing-button__arrow__icon {
  fill: #d92d2e;
}
.c-typing-button.is-white {
  background-color: #fff;
  color: #000;
}
.c-typing-button.is-white .c-typing-button__arrow {
  background-color: #000;
}
.c-typing-button.is-white .c-typing-button__arrow__icon {
  fill: #fff;
}
.c-typing-button.is-navy {
  background-color: #183658;
  color: #fff;
}
.c-typing-button.is-navy .c-typing-button__arrow {
  background-color: #fff;
}
.c-typing-button.is-navy .c-typing-button__arrow__icon {
  fill: #183658;
}
.c-typing-button.is-large {
  font-size: 1.976573938506589vw;
  padding: 0 1.588579795021962vw;
}
.c-typing-button.is-large .c-typing-button__arrow {
  width: 2.677159590043924vw;
  height: 2.677159590043924vw;
}
.c-typing-button.is-large .c-typing-button__arrow__icon {
  width: 0.834553440702782vw;
}
.c-typing-button__arrow {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  display: block;
  width: 2.196193265007321vw;
  height: 2.196193265007321vw;
  background-color: #fff;
  border-radius: 50%;
}
.c-typing-button__arrow.is-right {
  right: 1.588579795021962vw;
}
.c-typing-button__arrow.is-left {
  left: 1.588579795021962vw;
  -webkit-transform: translateY(-50%) rotate(180deg);
  transform: translateY(-50%) rotate(180deg);
}
.c-typing-button__arrow.is-none {
  display: none;
}
.c-typing-button__arrow__icon {
  position: absolute;
  top: 50%;
  left: 55%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 0.668374816983895vw;
  font-size: 0;
}
.c-typing-display-sp {
  position: relative;
  width: 100%;
  height: 100vh;
  background-color: #45b463;
}
.c-typing-display-sp__img {
  position: absolute;
  top: 45%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 80.804vw;
}
.c-typing-error {
  display: none;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 120;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.8);
  text-align: center;
  padding-bottom: 80px;
}
.c-typing-error.is-show {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.c-typing-error__txt {
  line-height: 1.625;
  color: #fff;
}
.c-typing-error__txt + .c-typing-error__txt {
  margin-top: 1em;
}
@media screen and (min-width: 1024px) {
  .c-typing-error__txt {
    font-size: 2.4rem;
  }
}
@media screen and (max-width: 1023px) {
  .c-typing-error__txt {
    font-size: 4.266666666666667vw;
  }
}
.c-typing-error__button {
  display: inline-block;
  width: 35.13909224011713vw;
  height: 5.490483162518302vw;
  margin-top: 2.928257686676428vw;
  cursor: pointer;
}
.c-typing-modal {
  display: none;
}
.c-typing-modal.is-active {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  z-index: 100;
}
.p-typing-game-monitor {
  position: relative;
  padding-top: 3.074670571010249vw;
}
.p-typing-game-monitor__hang {
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 64.20204978038068vw;
}
.p-typing-game-monitor__hang:before,
.p-typing-game-monitor__hang:after {
  position: absolute;
  content: '';
  top: 0;
  width: 1.464128843338214vw;
  height: 5.124450951683748vw;
  background-color: #d92d2e;
  z-index: 1;
}
.p-typing-game-monitor__hang:before {
  left: 10%;
}
.p-typing-game-monitor__hang:after {
  right: 10%;
}
.p-typing-game-monitor--wrap {
  position: relative;
  color: #fff;
  text-align: center;
  width: 64.20204978038068vw;
  margin: 0 auto 0;
  border-radius: 2.196193265007321vw;
}
.p-typing-game-monitor--wrap:after {
  position: absolute;
  content: '';
  top: -1vw;
  left: -1vw;
  width: calc(100% + 0.8vw);
  height: calc(100% + 0.8vw);
  background-color: #d92d2e;
  border-radius: 2.196193265007321vw;
  z-index: 1;
}
.p-typing-game-monitor--inner {
  position: relative;
  width: 100%;
  height: 100%;
  background-color: #173658;
  border: 0.512445095168375vw solid #ea5152;
  border-radius: 2.196193265007321vw;
  z-index: 2;
}
.p-typing-game-notice {
  padding: 1.756954612005857vw;
  width: 44.21669106881406vw;
  margin: 2.342606149341142vw auto 0;
  background-color: #fff;
  border-radius: 1.171303074670571vw;
}
.p-typing-game-notice-title {
  font-size: 1.464128843338214vw;
  letter-spacing: 0;
  line-height: 144%;
  font-weight: 800;
  text-align: center;
}
.p-typing-game-notice-text {
  padding: 0.732064421669107vw 0;
  font-size: 1.244509516837482vw;
  letter-spacing: 0;
  line-height: 144%;
  font-weight: 800;
  color: #d92d2e;
  background-color: #f6f6f6;
  border-radius: 0.585651537335286vw;
}
.p-typing-game-notice-links-item {
  margin-top: 0.585651537335286vw;
  text-align: center;
}
.p-typing-game-notice-links-item > a {
  display: block;
  width: 100%;
  height: 100%;
}
.p-typing-game-notice-links-item + .p-typing-game-notice-links-item {
  margin-top: 1.171303074670571vw;
}
.p-typing-game-scroll-attention {
  position: fixed;
  bottom: 10rem;
  left: 4vw;
  width: 11.3vw;
  z-index: 1;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.p-typing-game-scroll-attention.is-hide {
  opacity: 0;
}
main:not(:has(.p-typing-game-notice)) .p-typing-game-scroll-attention {
  opacity: 0;
}
.p-typing-game-today-rank {
  position: relative;
}
.p-typing-game-today-rank__title {
  position: relative;
  font-size: 0.951683748169839vw;
  line-height: 120%;
  letter-spacing: 0;
  font-weight: 800;
  text-align: center;
  z-index: 1;
  color: #fff;
}
.p-typing-game-today-rank__title:after {
  content: '';
  position: absolute;
  top: -24%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 14.275256222547583vw;
  height: 8.125915080527086vw;
  background-color: #d6a604;
  border-radius: 50%;
  z-index: -1;
}
.p-typing-game-today-rank__select__board {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 1.390922401171303vw 0;
  width: 43.48462664714495vw;
  margin: 0 auto;
  background-color: #f5bd00;
  border-radius: 1.683748169838946vw;
  border: 0.366032210834553vw solid #d6a601;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  z-index: 2;
}
.p-typing-game-today-rank__select__board__q {
  margin-left: 0.468521229868228vw;
  padding: 0.366032210834553vw 0.585651537335286vw;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  color: #fff;
  background-color: #d6a601;
  font-size: 1.464128843338214vw;
  letter-spacing: 0;
  font-weight: 700;
  text-align: center;
  border-radius: 0.292825768667643vw;
}
.p-typing-game-today-rank__select__board__q >span {
  font-size: 0.951683748169839vw;
}
.p-typing-game-today-rank__num-seconds {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 0.146412884333821vw;
  margin-left: 0.585651537335286vw;
}
.p-typing-game-today-rank__num-seconds >span {
  display: block;
  width: 1.976573938506589vw;
  height: 2.708638360175696vw;
  background-color: #fff;
  font-size: 1.756954612005857vw;
  letter-spacing: 0;
  font-weight: 700;
  line-height: 1.4;
  text-align: center;
  border: 0.073206442166911vw solid #dedede;
  border-radius: 0.366032210834553vw;
  background-image: url("/assets/images/typing/start/score-bg.svg");
  background-position: 100% 100%;
  background-repeat: no-repeat;
}
.p-typing-game-today-rank__num-seconds >span:nth-last-child(3) {
  width: auto;
  border: none;
  background-color: transparent;
  font-size: 1.683748169838946vw;
  color: #fff;
  line-height: 1.9;
}
.p-typing-game-today-rank__select__board__second {
  font-size: 1.317715959004393vw;
  margin-left: 0.266666666666667vw;
  letter-spacing: 0;
  font-weight: 700;
  -webkit-align-self: flex-end;
  -ms-flex-item-align: end;
  align-self: flex-end;
  color: #fff;
}
.p-typing-game-today-rank__select {
  position: relative;
  width: 7.393850658857979vw;
}
.p-typing-game-today-rank__select:has(.p-typing-game-today-rank__select__list) .p-typing-game-today-rank__select__btn {
  border-radius: 0.292825768667643vw 0.292825768667643vw 0 0;
}
.p-typing-game-today-rank__select:has(.p-typing-game-today-rank__select__list) .p-typing-game-today-rank__select__arrow {
  -webkit-transform: scale(1, -1) translateY(-50%) rotate(180deg);
  transform: scale(1, -1) translateY(-50%) rotate(180deg);
}
.p-typing-game-today-rank__select__btn {
  position: relative;
  background: #fff;
  border-radius: 0.292825768667643vw;
  padding: 0.732064421669107vw 0.366032210834553vw 0.732064421669107vw 0.585651537335286vw;
  font-size: 0.951683748169839vw;
  cursor: pointer;
  position: relative;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  overflow: hidden;
}
.p-typing-game-today-rank__select__btn:hover {
  border-color: #d6a601;
}
.p-typing-game-today-rank__select__arrow {
  position: absolute;
  right: 0.512445095168375vw;
  top: 19%;
  width: 0.732064421669107vw;
  height: 0.732064421669107vw;
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2211%22%20height%3D%229%22%20viewBox%3D%220%200%2011%209%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M6.211%200.939448C6.1217%200.793176%205.9963%200.67231%205.84684%200.588448C5.69739%200.504585%205.52888%200.460541%205.3575%200.460541C5.18613%200.460541%205.01762%200.504585%204.86816%200.588448C4.71871%200.67231%204.59331%200.793176%204.504%200.939448L0.788005%207.01845C0.695496%207.17001%200.645008%207.34346%200.641731%207.52099C0.638454%207.69852%200.682506%207.87372%200.769359%208.02859C0.856212%208.18346%200.982733%208.31241%201.13592%208.40219C1.28911%208.49197%201.46344%208.53935%201.641%208.53945L9.075%208.53945C9.25256%208.53935%209.4269%208.49197%209.58009%208.40219C9.73328%208.31241%209.8598%208.18346%209.94665%208.02859C10.0335%207.87372%2010.0776%207.69852%2010.0743%207.52099C10.071%207.34346%2010.0205%207.17001%209.928%207.01845L6.211%200.939448Z%22%20fill%3D%22%23D6A601%22/%3E%3C/svg%3E");
  -webkit-transform: scale(1, -1) translateY(-50%);
  transform: scale(1, -1) translateY(-50%);
  background-size: contain;
  background-repeat: no-repeat;
}
.p-typing-game-today-rank__select__list {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  font-size: 0.951683748169839vw;
  background: #fff4cd;
  border-radius: 0 0 0.292825768667643vw 0.292825768667643vw;
  z-index: 10;
}
.p-typing-game-today-rank__select__option {
  padding: 0.658857979502196vw 0.585651537335286vw;
  cursor: pointer;
  -webkit-transition: background 0.2s ease;
  transition: background 0.2s ease;
}
.p-typing-game-today-rank__select__option:last-child {
  border-radius: 0 0 0.292825768667643vw 0.292825768667643vw;
}
.p-typing-game-today-rank__select__option:hover {
  background: #ffe897;
}
.p-typing-game-today-rank__select__option.selected {
  background-color: #ffe897;
}
.p-typing-game-today-rank__select__board__deco {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: -1;
  pointer-events: none;
}
.p-typing-game-today-rank__select__board__deco:before,
.p-typing-game-today-rank__select__board__deco:after {
  position: absolute;
  content: '';
  top: 50%;
  background-color: #ffd800;
  -webkit-transform: rotate(30deg) translateY(-50%);
  transform: rotate(30deg) translateY(-50%);
  z-index: -1;
}
.p-typing-game-today-rank__select__board__deco:before {
  right: 11vw;
  height: 15vw;
  width: 4vw;
}
.p-typing-game-today-rank__select__board__deco:after {
  right: 16vw;
  height: 15vw;
  width: 1.2vw;
}
.u-typing {
  background-color: #000;
}
.u-typing button {
  background: none;
  border: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 0;
}
.u-typing *[q-invisible] {
  display: none !important;
}
.u-typing *[q-show="false"] {
  display: none !important;
}
:root {
  --svw: 100vw;
  --svh: 100vh;
}
body._typing {
  background-color: #000;
}
.p-typing-game-play {
  position: relative;
  background-color: #f7ede1;
  min-height: 60.83455344070278vw;
  overflow: hidden;
  height: 100vh;
}
.p-typing-game-play__start__count {
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 5;
  pointer-events: none;
}
.p-typing-game-play__start__count.is-hide {
  display: none;
}
.p-typing-game-play__start__count span {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  display: block;
  width: 17.276720351390924vw;
  opacity: 0;
  -webkit-animation-name: countAnim;
  animation-name: countAnim;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation-direction: normal;
  animation-direction: normal;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
.p-typing-game-play__start__count span.is-1 {
  -webkit-animation-delay: 3s;
  animation-delay: 3s;
}
.p-typing-game-play__start__count span.is-2 {
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
}
.p-typing-game-play__start__count span.is-3 {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}
.p-typing-game-play__start__text {
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) scale(0.4);
  transform: translate(-50%, -50%) scale(0.4);
  width: 41.581991215226935vw;
  z-index: 4;
  pointer-events: none;
  opacity: 0;
  -webkit-transition: opacity 0.1s;
  transition: opacity 0.1s;
  -webkit-animation-name: startAnim;
  animation-name: startAnim;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.875);
  animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.875);
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-delay: 4s;
  animation-delay: 4s;
  -webkit-animation-direction: normal;
  animation-direction: normal;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
.p-typing-game-play__start__text.is-active {
  opacity: 1;
}
.p-typing-game-play__start__text.is-hide {
  display: none;
}
.p-typing-game-play__landscape {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 27.379209370424597vw;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.p-typing-game-play__landscape.is-1 {
  background-image: url("/assets/images/typing/play/img-landscape-1.png");
}
.p-typing-game-play__landscape.is-2 {
  background-image: url("/assets/images/typing/play/img-landscape-2.png");
}
.p-typing-game-play__landscape.is-3 {
  background-image: url("/assets/images/typing/play/img-landscape-3.png");
}
.p-typing-game-play__landscape.is-4 {
  background-image: url("/assets/images/typing/play/img-landscape-4.png");
}
.p-typing-game-play__landscape.is-5.is-all-5 {
  background-image: url("/assets/images/typing/play/img-landscape-5_1.png");
}
.p-typing-game-play__landscape.is-5.is-all-10 {
  background-image: url("/assets/images/typing/play/img-landscape-5_2.png");
}
.p-typing-game-play__landscape.is-6 {
  background-image: url("/assets/images/typing/play/img-landscape-6.png");
}
.p-typing-game-play__landscape.is-6.is-all-5 {
  background-image: url("/assets/images/typing/play/img-landscape-5_1.png");
}
.p-typing-game-play__landscape.is-7 {
  background-image: url("/assets/images/typing/play/img-landscape-7.png");
}
.p-typing-game-play__landscape.is-8 {
  background-image: url("/assets/images/typing/play/img-landscape-8.png");
}
.p-typing-game-play__landscape.is-9 {
  background-image: url("/assets/images/typing/play/img-landscape-9.png");
}
.p-typing-game-play__landscape.is-10 {
  background-image: url("/assets/images/typing/play/img-landscape-10.png");
}
.p-typing-game-play__monitor {
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 3;
}
.p-typing-game-play_question--inner {
  padding: 1.09809663250366vw 0 4.758418740849195vw;
}
.p-typing-game-play_question__start__text {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-size: 3.806734992679356vw;
  letter-spacing: 0.112em;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  opacity: 0;
  width: 100%;
}
.p-typing-game-play_question__start__text.is-active {
  opacity: 1;
}
.p-typing-game-play_question__status {
  position: relative;
  width: 58.78477306002928vw;
  height: 1.317715959004393vw;
  margin: 0 auto;
  background: #ffd90a;
  background: -webkit-gradient(linear, left top, right top, from(#ffd90a), to(#ea4c4c));
  background: -webkit-linear-gradient(left, #ffd90a 0%, #ea4c4c 100%);
  background: linear-gradient(90deg, #ffd90a 0%, #ea4c4c 100%);
  overflow: hidden;
}
.p-typing-game-play_question__status span {
  position: absolute;
  content: '';
  top: 0;
  right: 0;
  width: 90%;
  height: 100%;
  background-color: #000;
  -webkit-transition: width 0.3s;
  transition: width 0.3s;
}
.p-typing-game-play_question__text--wrap {
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  opacity: 0;
  padding: 0 1.464128843338214vw;
}
.p-typing-game-play_question__text--wrap.is-active {
  opacity: 1;
}
.p-typing-game-play_question__ruby {
  font-size: 1.683748169838946vw;
  letter-spacing: 0.18em;
  margin-top: 3.733528550512445vw;
}
.p-typing-game-play_question__text {
  font-size: 3.074670571010249vw;
  letter-spacing: 0.02em;
  margin-top: 0.658857979502196vw;
}
.p-typing-game-play_question__key--250228 {
  font-size: 2.562225475841874vw;
  letter-spacing: 0.11em;
  line-height: 1.2;
  margin-top: 0.658857979502196vw;
}
.p-typing-game-play_question__key--250228 span.is-end-key {
  color: #b7b7b7;
}
.p-typing-game-play_question__key--250228 span[class^="is-todo-key-"] {
  color: #efe617;
}
.p-typing-game-play__course--wrap {
  position: relative;
  margin-top: 24.45095168374817vw;
}
.p-typing-game-play__course__runner {
  position: absolute;
  z-index: 2;
  -webkit-transition: bottom 0.3s, left 0.3s;
  transition: bottom 0.3s, left 0.3s;
}
.p-typing-game-play__course__runner.is-chara-1 {
  width: 7.540263543191801vw;
  -webkit-transform: translate(1.8vw, 0);
  transform: translate(1.8vw, 0);
}
.p-typing-game-play__course__runner.is-chara-2 {
  width: 7.080527086383602vw;
}
.p-typing-game-play__course__runner.is-chara-3 {
  width: 13.34480234260615vw;
  -webkit-transform: translate(6vw, -2.7vw);
  transform: translate(6vw, -2.7vw);
}
.p-typing-game-play__course__runner.is-chara-4 {
  width: 8.069546120058565vw;
}
.p-typing-game-play__course__runner.is-chara-5 {
  width: 15.739385065885797vw;
  -webkit-transform: translate(3.5vw, -5.6vw);
  transform: translate(3.5vw, -5.6vw);
}
.p-typing-game-play__course__runner.is-chara-6 {
  width: 10.395314787701318vw;
  -webkit-transform: translate(1.3vw, -3.2vw);
  transform: translate(1.3vw, -3.2vw);
}
.p-typing-game-play__course__runner.is-start span {
  -webkit-animation: imageAnimation 2s linear infinite;
  animation: imageAnimation 2s linear infinite;
}
.p-typing-game-play__course__runner.is-goal span {
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}
.p-typing-game-play__course__runner span {
  display: block;
}
.p-typing-game-play__course__runner span:nth-child(2) {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  opacity: 0;
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}
@-webkit-keyframes imageAnimation {
  0% {
    opacity: 1;
  }
  49.9% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes imageAnimation {
  0% {
    opacity: 1;
  }
  49.9% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
.p-typing-game-play__course__move--wrap {
  position: absolute;
  top: -13.90922401171303vw;
  right: -6.515373352855051vw;
}
.p-typing-game-play__course__move--inner {
  position: relative;
  -webkit-transition: -webkit-transform 0.6s;
  transition: -webkit-transform 0.6s;
  transition: transform 0.6s;
  transition: transform 0.6s, -webkit-transform 0.6s;
}
.p-typing-game-play__course__move--inner.is-q-2 {
  -webkit-transform: translate(58.5285505124451vw, -6.588579795021962vw);
  transform: translate(58.5285505124451vw, -6.588579795021962vw);
}
.p-typing-game-play__course__move--inner.is-q-3 {
  -webkit-transform: translate(117.0571010248902vw, -13.177159590043924vw);
  transform: translate(117.0571010248902vw, -13.177159590043924vw);
}
.p-typing-game-play__course__move--inner.is-q-4 {
  -webkit-transform: translate(175.5856515373353vw, -19.765739385065885vw);
  transform: translate(175.5856515373353vw, -19.765739385065885vw);
}
.p-typing-game-play__course__move--inner.is-q-5 {
  -webkit-transform: translate(234.1142020497804vw, -26.35431918008785vw);
  transform: translate(234.1142020497804vw, -26.35431918008785vw);
}
.p-typing-game-play__course__move--inner.is-q-6 {
  -webkit-transform: translate(292.6427525622255vw, -32.94289897510981vw);
  transform: translate(292.6427525622255vw, -32.94289897510981vw);
}
.p-typing-game-play__course__move--inner.is-q-7 {
  -webkit-transform: translate(351.1713030746706vw, -39.53147877013177vw);
  transform: translate(351.1713030746706vw, -39.53147877013177vw);
}
.p-typing-game-play__course__move--inner.is-q-8 {
  -webkit-transform: translate(409.6998535871157vw, -46.120058565153734vw);
  transform: translate(409.6998535871157vw, -46.120058565153734vw);
}
.p-typing-game-play__course__move--inner.is-q-9 {
  -webkit-transform: translate(468.2284040995608vw, -52.7086383601757vw);
  transform: translate(468.2284040995608vw, -52.7086383601757vw);
}
.p-typing-game-play__course__move--inner.is-q-10 {
  -webkit-transform: translate(526.7569546120059vw, -59.29721815519766vw);
  transform: translate(526.7569546120059vw, -59.29721815519766vw);
}
.p-typing-game-play__course__move--inner.is-q-11 {
  -webkit-transform: translate(585.285505124451vw, -65.88579795021963vw);
  transform: translate(585.285505124451vw, -65.88579795021963vw);
}
.p-typing-game-play__course__move--inner.is-q-12 {
  -webkit-transform: translate(643.8140556368961vw, -72.47437774524158vw);
  transform: translate(643.8140556368961vw, -72.47437774524158vw);
}
.p-typing-game-play__course__move--inner.is-q-13 {
  -webkit-transform: translate(702.3426061493412vw, -79.06295754026354vw);
  transform: translate(702.3426061493412vw, -79.06295754026354vw);
}
.p-typing-game-play__course__move--inner.is-q-14 {
  -webkit-transform: translate(760.8711566617864vw, -85.65153733528551vw);
  transform: translate(760.8711566617864vw, -85.65153733528551vw);
}
.p-typing-game-play__course__move--inner.is-q-15 {
  -webkit-transform: translate(819.3997071742314vw, -92.24011713030747vw);
  transform: translate(819.3997071742314vw, -92.24011713030747vw);
}
.p-typing-game-play__course__move {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
.p-typing-game-play__course__move span {
  position: relative;
  display: block;
  width: 54.17642752562225vw;
}
.p-typing-game-play__course__move span.is-1 {
  margin-top: 6.515373352855051vw;
}
.p-typing-game-play__course__move span.is-2 {
  margin-top: 13.030746705710103vw;
}
.p-typing-game-play__course__move span.is-3 {
  margin-top: 19.54612005856515vw;
}
.p-typing-game-play__course__move span.is-4 {
  margin-top: 26.061493411420205vw;
}
.p-typing-game-play__course__move span.is-5 {
  margin-top: 32.57686676427526vw;
}
.p-typing-game-play__course__move span.is-6 {
  margin-top: 39.0922401171303vw;
}
.p-typing-game-play__course__move span.is-7 {
  margin-top: 45.60761346998536vw;
}
.p-typing-game-play__course__move span.is-8 {
  margin-top: 52.12298682284041vw;
}
.p-typing-game-play__course__move span.is-9 {
  margin-top: 58.63836017569546vw;
}
.p-typing-game-play__course__move span.is-10 {
  margin-top: 65.15373352855052vw;
}
.p-typing-game-play__course__move span.is-11 {
  margin-top: 71.66910688140557vw;
}
.p-typing-game-play__course__move span.is-12 {
  margin-top: 78.1844802342606vw;
}
.p-typing-game-play__course__move span.is-13 {
  margin-top: 84.69985358711567vw;
}
.p-typing-game-play__course__move span.is-14 {
  margin-top: 91.21522693997072vw;
}
.p-typing-game-play__course__move span.is-15 {
  margin-top: 97.73060029282577vw;
}
.p-typing-game-play__course__move span:before {
  position: absolute;
  content: '';
  height: 4.172767203513909vw;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.p-typing-game-play__course__move span.is-1:before {
  top: 7.613469985358712vw;
  left: 3.074670571010249vw;
  width: 8.866764275256223vw;
  background-image: url("/assets/images/typing/play/text-q-1.svg");
}
.p-typing-game-play__course__move span.is-2:before {
  top: 7.613469985358712vw;
  left: 2.869692532942899vw;
  width: 9.499267935578331vw;
  background-image: url("/assets/images/typing/play/text-q-2.svg");
}
.p-typing-game-play__course__move span.is-3:before {
  top: 7.613469985358712vw;
  left: 2.869692532942899vw;
  width: 9.227672035139092vw;
  background-image: url("/assets/images/typing/play/text-q-3.svg");
}
.p-typing-game-play__course__move span.is-4:before {
  top: 7.613469985358712vw;
  left: 2.869692532942899vw;
  width: 9.495607613469986vw;
  background-image: url("/assets/images/typing/play/text-q-4.svg");
}
.p-typing-game-play__course__move span.is-5:before {
  top: 7.613469985358712vw;
  left: 2.869692532942899vw;
  width: 9.499267935578331vw;
  background-image: url("/assets/images/typing/play/text-q-5_2.svg");
}
.p-typing-game-play__course__move span.is-6:before {
  top: 7.613469985358712vw;
  left: 2.869692532942899vw;
  width: 9.341142020497802vw;
  background-image: url("/assets/images/typing/play/text-q-6.svg");
}
.p-typing-game-play__course__move span.is-7:before {
  top: 7.613469985358712vw;
  left: 2.869692532942899vw;
  width: 9.420937042459736vw;
  background-image: url("/assets/images/typing/play/text-q-7.svg");
}
.p-typing-game-play__course__move span.is-8:before {
  top: 7.613469985358712vw;
  left: 2.869692532942899vw;
  width: 9.18814055636896vw;
  background-image: url("/assets/images/typing/play/text-q-8.svg");
}
.p-typing-game-play__course__move span.is-9:before {
  top: 7.613469985358712vw;
  left: 2.869692532942899vw;
  width: 9.24597364568082vw;
  background-image: url("/assets/images/typing/play/text-q-9.svg");
}
.p-typing-game-play__course__move span.is-10:before {
  top: 7.613469985358712vw;
  left: 1.991215226939971vw;
  width: 10.584187408491948vw;
  background-image: url("/assets/images/typing/play/text-q-10.svg");
}
.p-typing-game-play__course__move span.is-all-5.is-5:before {
  top: 7.613469985358712vw;
  left: 2.869692532942899vw;
  width: 9.499267935578331vw;
  background-image: url("/assets/images/typing/play/text-q-5_1.svg");
}
.p-typing-game-play__course__move span.is-all-5.is-6:before {
  display: none;
}
.p-typing-game-play__goal {
  position: fixed;
  top: 0;
  left: 0;
  opacity: 0;
  pointer-events: none;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.6);
  z-index: 5;
  display: -ms-grid;
  display: grid;
  place-content: center;
}
.p-typing-game-play__goal.is-active {
  opacity: 1;
}
.p-typing-game-play__goal__text {
  width: 40.03147877013177vw;
  margin: 0 auto 0;
}
.p-typing-game-play__goal__comment {
  display: block;
  font-size: 2.489019033674964vw;
  letter-spacing: 0.11em;
  font-weight: 500;
  color: #fff;
  background-color: rgba(255,255,255,0.3);
  border-radius: 100vh;
  padding: 0.878477306002928vw 1.830161054172767vw 0.878477306002928vw 2.342606149341142vw;
  margin: 5.007320644216692vw auto 0;
}
.p-typing-game-play__result-link {
  display: none;
}
@-webkit-keyframes countAnim {
  0% {
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
    opacity: 0;
  }
  5% {
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
    opacity: 1;
  }
  95% {
    -webkit-transform: translate(-50%, -50%) scale(0.4);
    transform: translate(-50%, -50%) scale(0.4);
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(-50%, -50%) scale(0.4);
    transform: translate(-50%, -50%) scale(0.4);
    opacity: 0;
  }
}
@keyframes countAnim {
  0% {
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
    opacity: 0;
  }
  5% {
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
    opacity: 1;
  }
  95% {
    -webkit-transform: translate(-50%, -50%) scale(0.4);
    transform: translate(-50%, -50%) scale(0.4);
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(-50%, -50%) scale(0.4);
    transform: translate(-50%, -50%) scale(0.4);
    opacity: 0;
  }
}
@-webkit-keyframes startAnim {
  0% {
    -webkit-transform: translate(-50%, -50%) scale(0.4);
    transform: translate(-50%, -50%) scale(0.4);
  }
  80% {
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
    opacity: 0;
  }
}
@keyframes startAnim {
  0% {
    -webkit-transform: translate(-50%, -50%) scale(0.4);
    transform: translate(-50%, -50%) scale(0.4);
  }
  80% {
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
    opacity: 0;
  }
}
.p-typing-game-ranking {
  position: relative;
  width: 100%;
  min-height: 100vh;
  background-image: url("/assets/images/typing/ranking/img-bg.jpg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  padding-top: 1.610541727672035vw;
  padding-bottom: 10.980966325036604vw;
}
.p-typing-game-ranking--inner {
  position: relative;
  width: 61.789897510980964vw;
  margin: 0 auto 0;
}
.p-typing-game-ranking__title {
  width: 31.133235724743773vw;
  margin: 0 auto 1.222547584187408vw;
}
.p-typing-game-ranking__hdg {
  width: 47.47144948755491vw;
  margin: 0 auto 0;
}
.p-typing-game-ranking__course__tab--wrap {
  position: absolute;
  width: 14.531478770131773vw;
  top: 2.12298682284041vw;
  left: 2.489019033674964vw;
}
.p-typing-game-ranking__course__tab--wrap >li {
  padding: 1.683748169838946vw 0;
  background-color: #fff;
  color: #b1b1b1;
  border-radius: 1.464128843338214vw;
  border: solid 0.439238653001464vw #b1b1b1;
  font-size: 2.049780380673499vw;
  font-weight: bold;
  text-align: center;
  -webkit-transition: background-color 0.3s, color 0.3s, border 0.3s;
  transition: background-color 0.3s, color 0.3s, border 0.3s;
}
.p-typing-game-ranking__course__tab--wrap >li.is-active {
  background-color: #fd7c41;
  color: #fff;
  border: solid 0.439238653001464vw #fd7c41;
}
.p-typing-game-ranking__course__tab--wrap >li + li {
  margin-top: 0.878477306002928vw;
}
.p-typing-game-ranking__loading {
  font-size: 2.928257686676428vw;
  letter-spacing: 0.02em;
  line-height: 1em;
  font-weight: bold;
  padding: 7.320644216691069vw 0;
}
.p-typing-game-ranking__data {
  background-color: #173658;
  color: #fff;
}
.p-typing-game-ranking__data__hdg {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  font-size: 1.830161054172767vw;
  letter-spacing: 0.02em;
  line-height: 1em;
  font-weight: bold;
}
.p-typing-game-ranking__data__hdg >p {
  padding: 2.781844802342606vw 5.197657393850659vw;
}
.p-typing-game-ranking__data__item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-top: 0.219619326500732vw solid #fff;
  padding: 0.512445095168375vw 4.685212298682284vw 0.512445095168375vw 6.149341142020498vw;
  text-align: right;
  font-size: 1.976573938506589vw;
  letter-spacing: 0.02em;
  line-height: 1em;
  font-weight: bold;
}
.p-typing-game-ranking__data__item:nth-child(n+11) {
  display: none;
}
.p-typing-game-ranking__data__item.is-show-all {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.p-typing-game-ranking__data__item.is-none-data {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 11.71303074670571vw 0;
}
.p-typing-game-ranking__data__num {
  white-space: nowrap;
  min-width: 3.660322108345535vw;
  text-align: left;
}
.p-typing-game-ranking__data__character--wrap {
  width: 5.34407027818448vw;
  height: 4.685212298682284vw;
  background-color: #fff;
  font-size: 0;
  line-height: 0;
  border-radius: 0.658857979502196vw;
  margin-left: 1.09809663250366vw;
  overflow: hidden;
}
.p-typing-game-ranking__data__character {
  -webkit-transform: translateY(-0.8vw);
  transform: translateY(-0.8vw);
}
.p-typing-game-ranking__data__time {
  display: block;
  width: 20.13177159590044vw;
  color: #fff500;
}
.p-typing-game-ranking__data__date {
  display: block;
  width: 25.622254758418737vw;
  color: #fff500;
  text-align: right;
}
.p-typing-game-ranking__tab__difficulty__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 2.196193265007321vw;
}
.p-typing-game-ranking__tab__difficulty__list >li {
  position: relative;
  width: 19.047584187408493vw;
  padding: 2.196193265007321vw 0;
  margin-bottom: 2.562225475841874vw;
  border-radius: 1.610541727672035vw;
  border: 0.732064421669107vw solid transparent;
  font-size: 2.708638360175696vw;
  letter-spacing: 0.02em;
  line-height: 1em;
  font-weight: bold;
  text-align: center;
  background-color: #173658;
  color: rgba(255,255,255,0.5);
  -webkit-transition: color 0.3s, border 0.3s;
  transition: color 0.3s, border 0.3s;
}
.p-typing-game-ranking__tab__difficulty__list >li:before {
  content: '';
  position: absolute;
  bottom: -0.732064421669107vw;
  left: 50%;
  -webkit-transform: translate(-50%, 100%);
  transform: translate(-50%, 100%);
  width: 1.366764275256223vw;
  height: 4.392386530014641vw;
  background-color: #000;
  z-index: 0;
}
.p-typing-game-ranking__tab__difficulty__list >li.is-active {
  border: 0.732064421669107vw solid #fff500;
  color: #fff;
}
.p-typing-game-ranking__tab__questions__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  position: relative;
  z-index: 1;
}
.p-typing-game-ranking__tab__questions__list >li {
  position: relative;
  width: 50%;
  color: rgba(38,38,38,0.4);
  font-size: 1.830161054172767vw;
  background-color: #fff;
  -webkit-transition: color 0.3s, background-color 0.3s, font-size 0.3s;
  transition: color 0.3s, background-color 0.3s, font-size 0.3s;
  text-align: center;
  padding: 1.756954612005857vw 0;
  border-radius: 1.610541727672035vw 1.610541727672035vw 0 0;
}
.p-typing-game-ranking__tab__questions__list >li:before {
  position: absolute;
  content: '';
  top: 53%;
  left: 5.417276720351391vw;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background-image: url("/assets/images/typing/ranking/icon-arrrow.svg");
  width: 1.830161054172767vw;
  height: 2.196193265007321vw;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.p-typing-game-ranking__tab__questions__list >li.is-active {
  color: #fff;
  font-size: 2.196193265007321vw;
  background-color: #d92d2e;
}
.p-typing-game-ranking__button {
  position: absolute;
  top: 2.855051244509517vw;
  right: 1.610541727672035vw;
  display: block;
  width: 16.544655929721817vw;
  height: 5.490483162518302vw;
}
.p-typing-game-ranking__data__viewmore {
  position: relative;
  display: none;
  width: 100%;
  font-size: 2.049780380673499vw;
  letter-spacing: 0.04em;
  line-height: 1em;
  font-weight: bold;
  background-color: #173658;
  color: #fff;
}
.p-typing-game-ranking__data__viewmore.is-show {
  display: block;
}
.p-typing-game-ranking__data__viewmore__btn {
  display: block;
  padding: 2.635431918008785vw 0;
  border-top: 0.146412884333821vw solid #fff;
}
.p-typing-game-ranking__data__viewmore__btn span {
  position: absolute;
  right: 3.001464128843338vw;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  display: block;
  border-radius: 50%;
  background-color: #fff;
  width: 3.001464128843338vw;
  height: 3.001464128843338vw;
}
.p-typing-game-ranking__data__viewmore__btn span:after,
.p-typing-game-ranking__data__viewmore__btn span:before {
  position: absolute;
  content: '';
  top: 50%;
  left: 50%;
  width: 1.09809663250366vw;
  height: 0.219619326500732vw;
  background-color: #000;
  border-radius: 1.09809663250366vw;
}
.p-typing-game-ranking__data__viewmore__btn span:after {
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.p-typing-game-ranking__data__viewmore__btn span:before {
  -webkit-transform: translate(-50%, -50%) rotate(-90deg);
  transform: translate(-50%, -50%) rotate(-90deg);
}
.p-typing-game-result {
  position: relative;
  width: 100%;
  min-height: 100vh;
  background-image: url("/assets/images/typing/result/img-bg.jpg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 9.150805270863836vw;
  padding-bottom: 10.980966325036604vw;
}
.p-typing-game-result--inner {
  position: relative;
}
.p-typing-game-result__hdg {
  position: absolute;
  top: -3.733528550512445vw;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 26.829428989751097vw;
  z-index: 1;
}
.p-typing-game-result__rank {
  width: 83.41508052708639vw;
  margin: 0 auto 0;
}
.p-typing-game-result__rank__item {
  position: relative;
  width: 25.329428989751097vw;
  overflow: hidden;
  background-color: #fff;
  border-radius: 2.342606149341142vw;
  padding: 1.02489019033675vw 0 2.196193265007321vw;
}
.p-typing-game-result__rank__item:nth-child(1) {
  width: 34.480234260614935vw;
  margin: 0 auto;
}
.p-typing-game-result__rank__item:nth-child(1) .p-typing-game-result__rank__text {
  padding-left: 11.71303074670571vw;
}
.p-typing-game-result__rank__item:nth-child(1) .p-typing-game-result__rank__name {
  font-size: 2.855051244509517vw;
}
.p-typing-game-result__rank__item:nth-child(1) .p-typing-game-result__rank__time {
  font-size: 6.588579795021962vw;
}
.p-typing-game-result__rank__item:nth-child(1) .p-typing-game-result__rank__time .is-num {
  font-size: 3.660322108345535vw;
}
.p-typing-game-result__rank__item:nth-child(1) .p-typing-game-result__rank__time .is-sc {
  font-size: 3.22108345534407vw;
}
.p-typing-game-result__rank__item:nth-child(n+2) {
  margin-top: 2.635431918008785vw;
  display: inline-block;
}
.p-typing-game-result__rank__item:nth-child(n+3) {
  margin-left: 3.660322108345535vw;
}
.p-typing-game-result__rank__character {
  position: absolute;
  top: 5%;
  left: 0;
  width: 43%;
  z-index: 0;
}
.p-typing-game-result__rank__text {
  position: relative;
  padding-left: 8.784773060029282vw;
  text-align: center;
  z-index: 1;
}
.p-typing-game-result__rank__name {
  font-size: 1.903367496339678vw;
  letter-spacing: 0.02em;
  line-height: 1.884615384615385;
  font-weight: bold;
}
.p-typing-game-result__rank__time {
  font-size: 4.24597364568082vw;
  letter-spacing: 0.104em;
  font-weight: bold;
  margin-top: -0.732064421669107vw;
  color: #d92d2e;
  letter-spacing: -0.03em;
}
.p-typing-game-result__rank__time .is-num {
  font-size: 2.489019033674964vw;
}
.p-typing-game-result__rank__time .is-sc {
  font-size: 2.489019033674964vw;
}
.p-typing-game-result__button--wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 3.060029282576866vw;
}
.p-typing-game-result__button {
  display: block;
  width: 20.497803806734993vw;
  height: 6.588579795021962vw;
}
.p-typing-game-result__button + .p-typing-game-result__button {
  margin-left: 1.610541727672035vw;
}
.p-typing-game-start {
  position: relative;
  background-color: #41afff;
  width: 100%;
  min-height: 64.78770131771596vw;
}
.p-typing-game-start--inner {
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: top;
  background-image: url("/assets/images/typing/start/img-start-bg.svg");
  width: 100%;
  height: 100%;
}
.p-typing-game-start__hdg {
  position: absolute;
  display: block;
  top: 15.885797950219619vw;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  font-size: 1.317715959004393vw;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 144%;
  text-align: center;
  color: #fff;
}
.p-typing-game-start--container {
  padding-top: 22.035139092240115vw;
  padding-bottom: 14.641288433382138vw;
}
.p-typing-game-start__text {
  font-size: 1.171303074670571vw;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 2.1875;
  text-align: center;
  color: #fff;
}
.p-typing-game-start__text .is-border {
  border-bottom: 4px solid rgba(7,118,235,0.5);
}
.p-typing-game-start__text .p-typing-game-start__text__small {
  font-size: 1.683748169838946vw;
}
.p-typing-game-start__button--wrap {
  margin-top: 3.367496339677892vw;
}
.p-typing-game-start__button--inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.p-typing-game-start__button--inner + .p-typing-game-start__button--inner {
  margin-top: 1.866764275256223vw;
}
.p-typing-game-start__button {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 100%;
  border-radius: 100vh;
  background-color: #000;
  color: #fff;
  font-weight: bold;
  font-size: 1.903367496339678vw;
  letter-spacing: 0;
  padding: 0 1.588579795021962vw;
  text-align: center;
  cursor: pointer;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
  width: 20.996265774415495vw;
  height: 6.36896046852123vw;
  background-color: #183658;
  color: #fff;
  cursor: pointer;
}
.p-typing-game-start__button.is-inactive {
  pointer-events: none;
}
.p-typing-game-start__button + .p-typing-game-start__button {
  margin-left: 2.196193265007321vw;
}
.p-typing-game-start__button:after {
  content: '';
  position: absolute;
  top: 50%;
  right: 2.269399707174232vw;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 2.698389502953995vw;
  height: 2.698389502953995vw;
  background-image: url("/assets/images/typing/common/icon-btn-arrow-wh.svg");
}
.p-typing-game-start__button__text {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  -webkit-transform: translate(-58%, -50%);
  transform: translate(-58%, -50%);
}
.p-typing-game-start__datail__btn__wrap {
  position: absolute;
  top: 3.074670571010249vw;
  right: 1.610541727672035vw;
}
.p-typing-game-start__table__btn {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 15.373352855051245vw;
  height: 4.538799414348463vw;
  margin: 0.585651537335286vw 0 0 auto;
  font-size: 1.830161054172767vw;
  font-weight: bold;
  letter-spacing: 0.02em;
  text-align: center;
  font-weight: 800;
  background-color: #464646 !important;
  border: #fff solid 0.219619326500732vw !important;
  border-radius: 100vh;
  color: #fff;
  cursor: pointer;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.p-typing-game-start__table__btn.is-how-to > p {
  position: absolute;
  top: 50%;
  left: 3.14787701317716vw;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  margin-left: 2.562225475841874vw;
}
.p-typing-game-start__table__btn.is-table {
  font-size: 1.171303074670571vw;
}
.p-typing-game-start__table__btn.is-table > p {
  position: absolute;
  top: 50%;
  left: 2.562225475841874vw;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  margin-left: 1.830161054172767vw;
  line-height: 1.2em;
}
.p-typing-game-start__table__btn__inner {
  position: absolute;
  top: 50%;
  left: 1.610541727672035vw;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 0.951683748169839vw;
}
.p-typing-game-start__ranking__btn {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 19.39970717423133vw;
  height: 4.392386530014641vw;
  padding-left: 4.24597364568082vw;
  font-size: 1.830161054172767vw;
  letter-spacing: 125%;
  background-color: #45b463;
  border-radius: 100vh;
  font-weight: 800;
  color: #fff;
  border: 0.219619326500732vw solid #fff;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.p-typing-game-start__ranking__btn__inner {
  position: absolute;
  top: 48%;
  left: 1.537335285505125vw;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 1.833821376281113vw;
  margin-right: 0.878477306002928vw;
}
.p-typing-game-start__bnr {
  position: fixed;
  top: 0.951683748169839vw;
  left: 0;
  cursor: pointer;
}
.p-typing-game-start__bnr li + li {
  margin-top: 0.732064421669107vw;
}
.p-typing-game-start__bnr li:first-child {
  width: 20.932650073206442vw;
  margin-top: 0;
}
.p-typing-game-start__bnr li:nth-child(2) {
  width: 12.321376281112737vw;
}
.p-typing-game-start__bnr li.is-bnr-questionnaire {
  width: 20.932650073206442vw;
}
.p-typing-game-start__howto__modal--wrap {
  width: 100%;
  height: 100%;
  background-color: rgba(255,255,255,0.7);
  padding: 4.392386530014641vw 0 150px;
  overflow-y: scroll;
}
.p-typing-game-start__howto__modal--inner {
  width: 53.440702781844806vw;
  background-color: #fff;
  margin: 0 auto 0;
  border-radius: 1.171303074670571vw;
}
.p-typing-game-start__howto__content {
  position: relative;
  opacity: 0;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
  display: none;
  padding: 5.563689604685212vw 4.392386530014641vw 5.197657393850659vw;
}
.p-typing-game-start__howto__content.is-current {
  opacity: 1;
  display: block;
}
.p-typing-game-start__howto__title {
  font-size: 1.390922401171303vw;
  letter-spacing: 0.02em;
  line-height: 1em;
  background-color: #45b463;
  text-align: center;
  width: 100%;
  padding: 0.732064421669107vw 0;
  color: #fff;
  font-weight: bold;
}
.p-typing-game-start__howto__content--inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
  margin-top: 1.537335285505125vw;
}
.p-typing-game-start__howto__label {
  position: absolute;
  top: 0;
  left: 2.635431918008785vw;
  display: block;
  font-size: 1.317715959004393vw;
  letter-spacing: 0.02em;
  line-height: 1em;
  font-weight: bold;
  color: #fff;
  background-color: #fc99b4;
  padding: 0.366032210834553vw 0;
  width: 8.638360175695462vw;
  text-align: center;
  border-radius: 0 0 0.585651537335286vw 0.585651537335286vw;
}
.p-typing-game-start__howto__img {
  width: 28.03806734992679vw;
}
.p-typing-game-start__howto__text {
  width: 15.812591508052709vw;
  font-size: 1.244509516837482vw;
  letter-spacing: 0.02em;
  line-height: 1.941176470588235;
  margin-top: 2.928257686676428vw;
  font-weight: bold;
}
.p-typing-game-start__howto__button--wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 53.440702781844806vw;
  margin: 2.049780380673499vw auto 0;
}
.p-typing-game-start__howto__button {
  display: inline-block;
  width: 16.544655929721817vw;
  height: 5.490483162518302vw;
  pointer-events: none;
}
.p-typing-game-start__howto__button + .p-typing-game-start__howto__button {
  margin-left: 1.830161054172767vw;
}
.p-typing-game-start__howto__button.is-active {
  cursor: auto;
  pointer-events: auto;
}
.p-typing-game-start__howto__close {
  position: relative;
  margin-left: 8.711566617862372vw;
  cursor: pointer;
}
.p-typing-game-start__howto__close > p {
  display: block;
  width: 9.426061493411419vw;
  padding: 1.09809663250366vw 1.610541727672035vw 1.171303074670571vw;
  border: 0.219619326500732vw solid #000;
  background-color: #fff;
  border-radius: 100vh;
  font-size: 1.171303074670571vw;
  line-height: 1.25;
  text-align: left;
}
.p-typing-game-start__howto__close .p-typing-game-start__howto__close__icon {
  position: absolute;
  top: 50%;
  left: 6.5vw;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 2.196193265007321vw;
  height: 2.196193265007321vw;
  transform: translateY(-50%);
  display: block;
  border-radius: 50%;
  background-color: #000;
}
.p-typing-game-start__howto__close .p-typing-game-start__howto__close__icon:after,
.p-typing-game-start__howto__close .p-typing-game-start__howto__close__icon:before {
  position: absolute;
  content: '';
  top: 50%;
  left: 50%;
  width: 1.09809663250366vw;
  height: 0.219619326500732vw;
  background-color: #fff;
  border-radius: 1.09809663250366vw;
}
.p-typing-game-start__howto__close .p-typing-game-start__howto__close__icon:after {
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  transform: translate(-50%, -50%) rotate(45deg);
}
.p-typing-game-start__howto__close .p-typing-game-start__howto__close__icon:before {
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
  transform: translate(-50%, -50%) rotate(-45deg);
}
.p-typing-game-table--wrap {
  position: relative;
  background-color: #feeedc;
  width: 100%;
  padding: 8.784773060029282vw 0;
}
.p-typing-game-table__hdg {
  width: 56.95461200585652vw;
  margin: 0 auto 0;
  padding: 1.537335285505125vw 0;
  font-size: 3.513909224011713vw;
  background-color: #45b463;
  color: #fff;
  letter-spacing: 0.02em;
  font-weight: bold;
  text-align: center;
  line-height: 1.5;
  border-radius: 30px;
}
.p-typing-game-table__text {
  margin: 3.513909224011713vw auto 0;
  font-size: 1.537335285505125vw;
  text-align: center;
  line-height: 1.761904761904762;
}
.p-typing-game-table__container {
  overflow: hidden;
  width: 72.18155197657394vw;
  margin: 4.319180087847731vw auto 0;
  border-radius: 22px;
  border-top: 6px solid #45b463;
  border-right: 6px solid #45b463;
  border-bottom: 6px solid #45b463;
  border-radius: 22px;
}
.p-typing-game-table__container table {
  width: 100%;
  background-color: #fff;
  font-size: 1.756954612005857vw;
}
.p-typing-game-table__container tr + tr {
  border-top: 3px solid #e0f2c3;
}
.p-typing-game-table__container th {
  width: 19.47261663286004%;
  background-color: #45b463;
  color: #fff;
  padding: 1.317715959004393vw 0;
}
.p-typing-game-table__container td {
  width: 16.105476673427994%;
  text-align: center;
}
.p-typing-game-table__container td + td {
  border-left: 3px solid #e0f2c3;
}
.p-typing-game-table__bubble__hdg {
  position: relative;
  padding: 1.02489019033675vw 0 1.02489019033675vw;
  margin: 7.225475841874085vw auto 0;
  width: 38.75329428989751vw;
  font-size: 2.049780380673499vw;
  letter-spacing: 0.02em;
  line-height: 1em;
  font-weight: bold;
  text-align: center;
  color: #fff;
  background-color: #fc99b4;
  border-radius: 1.171303074670571vw;
}
.p-typing-game-table__bubble__hdg:before {
  position: absolute;
  content: '';
  bottom: -0.9vw;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-image: url("/assets/images/typing/common/icon-bubble-triangle-pk.svg");
  width: 1.217423133235725vw;
  height: 1.63103953147877vw;
  background-size: contain;
  background-repeat: no-repeat;
  z-index: 0;
}
.p-typing-game-table__bubble__hdg + .p-typing-game-table__text {
  margin-top: 2.086383601756955vw;
}
.p-typing-game-table__special__list {
  margin: 2.196193265007321vw auto 0;
  width: 86.82284040995609vw;
}
.p-typing-game-table__special__item {
  padding: 3.506588579795022vw 0 3.660322108345535vw;
  background-color: #fff;
  border-radius: 40px;
}
.p-typing-game-table__special__item + .p-typing-game-table__special__item {
  margin-top: 2.869692532942899vw;
}
.p-typing-game-table__special__hdg {
  font-size: 2.928257686676428vw;
  letter-spacing: 0.02em;
  line-height: 1em;
  color: #45b463;
  text-align: center;
  margin-top: 1.91800878477306vw;
}
.p-typing-game-table__special__text {
  font-size: 1.756954612005857vw;
  letter-spacing: 0.02em;
  line-height: 1.625;
  width: 71.74231332357247vw;
  margin: 1.903367496339678vw auto 0;
  padding: 1.317715959004393vw 0;
  text-align: center;
  background-color: #cfed9b;
  border-radius: 16px;
}
.p-typing-game-table__special__detail {
  font-size: 1.756954612005857vw;
  letter-spacing: 0;
  line-height: 1.666666666666667;
  text-align: center;
  margin-top: 2.269399707174232vw;
}
.p-typing-game-table__special__detail.is-img-symbol {
  font-size: 0;
  width: 71.15666178623718vw;
  margin-left: auto;
  margin-right: auto;
}
.p-typing-game-table__top__button {
  display: block;
  width: 20.24597364568082vw;
  height: 6.692532942898975vw;
  margin: 6.002928257686676vw auto 0;
  cursor: pointer;
}
.p-typing-game-tournament {
  position: relative;
  width: 100%;
  min-height: 100vh;
  background-image: url("/assets/images/typing/tournament/img-bg.jpg");
  background-attachment: fixed;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.p-typing-game-tournament--inner {
  padding-bottom: 10vw;
}
.p-typing-game-tournament__door__monitor {
  padding: 3.733528550512445vw 0 5.051244509516837vw;
  display: none;
}
.p-typing-game-tournament__door__monitor.is-current {
  display: block;
}
.p-typing-game-tournament__door {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 48.243045387994144vw;
  margin: 0 auto 0;
}
.p-typing-game-tournament__door__text {
  position: relative;
  display: block;
  background-color: #fff;
  color: #000;
  font-size: 1.390922401171303vw;
  letter-spacing: 0.02em;
  line-height: 1.263157894736842;
  font-weight: bold;
  padding: 0.915080527086384vw 0 0.915080527086384vw;
  border-radius: 0.951683748169839vw;
  margin-bottom: 2.269399707174232vw;
}
.p-typing-game-tournament__door__text:before {
  position: absolute;
  bottom: -1.3vw;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  content: '';
  background-image: url("/assets/images/typing/common/icon-bubble-triangle.svg");
  width: 1.756954612005857vw;
  height: 2.12298682284041vw;
  background-size: contain;
  background-repeat: no-repeat;
}
.p-typing-game-tournament__door__button__input {
  display: none;
}
.p-typing-game-tournament__door__button__label {
  display: block;
  float: left;
  cursor: pointer;
  width: 22.767203513909223vw;
  padding: 2.342606149341142vw 0;
  border: 0.219619326500732vw solid #fff;
  border-radius: 0.951683748169839vw;
  font-size: 4.392386530014641vw;
  text-align: center;
  line-height: 1.15;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
}
.p-typing-game-tournament__door__button__label >span {
  font-size: 3.14787701317716vw;
}
.p-typing-game-tournament__door__button__input[type="radio"]:checked + label {
  background-color: #ea5152;
}
.p-typing-game-tournament__door__note {
  font-size: 1.756954612005857vw;
  letter-spacing: 0.02em;
  font-weight: bold;
  margin-top: 2.26207906295754vw;
}
.p-typing-game-tournament__prev-next__button--wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 0.585651537335286vw;
}
.p-typing-game-tournament__prev-next__button {
  display: block;
  width: 16.544655929721817vw;
  height: 5.490483162518302vw;
  pointer-events: none;
}
.p-typing-game-tournament__prev-next__button.is-active {
  cursor: auto;
  pointer-events: auto;
}
.p-typing-game-tournament__prev-next__button.is-active + .p-typing-game-tournament__prev-next__button.is-active {
  margin-left: 1.830161054172767vw;
}
.p-typing-game-tournament__prev-next__button.is-start {
  cursor: auto;
  pointer-events: auto;
  margin-left: 0 !important;
}
.p-typing-game-tournament__prev-next__button.is-m-right {
  margin-right: 1.830161054172767vw;
}
.p-typing-game-tournament__prev-next__button__link {
  width: 0;
  line-height: 0;
  font-size: 0;
  padding: 0;
  margin: 0;
}
.p-typing-game-tournament__character {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.p-typing-game-tournament__character__monitor {
  padding: 1.830161054172767vw 0 2.562225475841874vw;
  max-height: 70vh;
  overflow-y: scroll;
}
.p-typing-game-tournament__character__hdg {
  margin: 1.537335285505125vw;
  font-size: 1.756954612005857vw;
  text-align: center;
  line-height: 1.333333333333333;
  letter-spacing: 0.04em;
}
.p-typing-game-tournament__character__select {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 30.74670571010249vw;
}
.p-typing-game-tournament__character__select__item {
  position: relative;
  width: 9.077598828696926vw;
}
.p-typing-game-tournament__character__select__item:nth-child(n+4) {
  margin-top: 1.02489019033675vw;
}
.p-typing-game-tournament__character__select__button__input {
  display: none;
}
.p-typing-game-tournament__character__select__button__label {
  position: relative;
  display: block;
  cursor: pointer;
  width: 100%;
  border-radius: 0.951683748169839vw;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
  background-color: #fff;
  font-size: 0;
  opacity: 0.6;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.p-typing-game-tournament__character__select__button__label:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  border: 0.219619326500732vw solid transparent;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 0.951683748169839vw;
}
.p-typing-game-tournament__character__select__button__name {
  font-size: 1.02489019033675vw;
  text-align: center;
  line-height: 1.285714285714286;
  letter-spacing: 0.04em;
  margin-top: 0.541727672035139vw;
}
.p-typing-game-tournament__character__select__button__input[type="radio"]:checked + label {
  opacity: 1;
}
.p-typing-game-tournament__character__select__button__input[type="radio"]:checked + label:before {
  border: 0.219619326500732vw solid #ffb100;
}
.p-typing-game-tournament__character__select__new {
  position: absolute;
  top: -0.585651537335286vw;
  left: -0.585651537335286vw;
  width: 2.635431918008785vw;
}
.p-typing-game-tournament__character__selected {
  position: relative;
  width: 14.494875549048317vw;
  height: 22.18155197657394vw;
  margin-left: 1.903367496339678vw;
  border: 0.219619326500732vw solid #fff;
  border-radius: 0.951683748169839vw;
}
.p-typing-game-tournament__character__selected__noselect {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
  font-size: 1.464128843338214vw;
  text-align: center;
  line-height: 1.5;
  letter-spacing: 0.04em;
  color: rgab(#fff, 0.4);
}
.p-typing-game-tournament__character__selected__img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
}
.p-typing-game-tournament__character__color {
  margin-left: 1.537335285505125vw;
}
.p-typing-game-tournament__character__color__item + .p-typing-game-tournament__character__color__item {
  margin-top: 1.610541727672035vw;
}
.p-typing-game-tournament__character__color__button__input {
  display: none;
}
.p-typing-game-tournament__character__color__button__label {
  position: relative;
  display: -ms-grid;
  display: grid;
  place-items: center;
  cursor: pointer;
  width: 2.342606149341142vw;
  height: 2.342606149341142vw;
  font-size: 1.390922401171303vw;
  border-radius: 50%;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
  background-color: #fff;
  color: #183658;
  opacity: 0.3;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.p-typing-game-tournament__character__color__button__label:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 115%;
  padding-top: 115%;
  border: 0.219619326500732vw solid transparent;
  border-radius: 0.658857979502196vw;
}
.p-typing-game-tournament__character__color__button__input[type="radio"]:checked + label {
  opacity: 1;
}
.p-typing-game-tournament__character__color__button__input[type="radio"]:checked + label:before {
  border: 0.219619326500732vw solid #ffb102;
}
.p-typing-game-tournament__nickname__input {
  width: 43.118594436310396vw;
  padding: 1.756954612005857vw 2.928257686676428vw;
  border-radius: 3px;
  color: #333;
  font-size: 1.464128843338214vw;
  letter-spacing: 0.02em;
  line-height: 1;
  font-weight: bold;
  border: none;
  border-radius: 0.951683748169839vw;
  text-align: center;
}
.p-typing-game-tournament__nickname__input::-webkit-input-placeholder {
  color: rgba(112,112,112,0.6);
}
.p-typing-game-tournament__nickname__input::-moz-placeholder {
  color: rgba(112,112,112,0.6);
}
.p-typing-game-tournament__nickname__input:-ms-input-placeholder {
  color: rgba(112,112,112,0.6);
}
.p-typing-game-tournament__nickname__input::-ms-input-placeholder {
  color: rgba(112,112,112,0.6);
}
.p-typing-game-tournament__nickname__input::placeholder {
  color: rgba(112,112,112,0.6);
}
.p-typing-game-tournament__nickname__input:focus {
  outline: 0.219619326500732vw solid #ffb102;
}
.p-typing-game-tournament__tournament-num__hdg {
  margin-top: 2.12298682284041vw;
  font-size: 1.317715959004393vw;
  letter-spacing: 0.02em;
  line-height: 1.5;
  font-weight: bold;
  text-align: center;
}
.p-typing-game-tournament__tournament-num__input {
  width: 22.547584187408493vw;
  margin-top: 1.244509516837482vw;
  padding: 1.464128843338214vw 2.196193265007321vw;
  color: #333;
  font-size: 1.317715959004393vw;
  letter-spacing: 0.02em;
  line-height: 1;
  font-weight: bold;
  border: none;
  border-radius: 0.951683748169839vw;
  text-align: center;
}
.p-typing-game-tournament__tournament-num__input::-webkit-input-placeholder {
  color: rgba(112,112,112,0.6);
}
.p-typing-game-tournament__tournament-num__input::-moz-placeholder {
  color: rgba(112,112,112,0.6);
}
.p-typing-game-tournament__tournament-num__input:-ms-input-placeholder {
  color: rgba(112,112,112,0.6);
}
.p-typing-game-tournament__tournament-num__input::-ms-input-placeholder {
  color: rgba(112,112,112,0.6);
}
.p-typing-game-tournament__tournament-num__input::placeholder {
  color: rgba(112,112,112,0.6);
}
.p-typing-game-tournament__tournament-num__input::-webkit-inner-spin-button,
.p-typing-game-tournament__tournament-num__input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
  -moz-appearance: textfield;
}
.p-typing-game-tournament__tournament-num__input:focus {
  outline: 0.219619326500732vw solid #ffb102;
}
.p-typing-game-tournament__validation__text {
  color: #ea5152;
  font-size: 1.317715959004393vw;
  line-height: 1;
  font-weight: bold;
  margin-top: 1.464128843338214vw;
}
.p-typing-game-tournament__validation__text p + p {
  margin-top: 0.366032210834553vw;
}
.p-typing-game-tournament__difficulty__monitor {
  padding: 4.904831625183016vw 0 4.978038067349927vw;
}
.p-typing-game-tournament__bubble__hdg {
  position: relative;
  padding: 0.658857979502196vw 0 0.658857979502196vw;
  margin: 0 auto 0;
  width: 23.28550512445095vw;
  font-size: 1.464128843338214vw;
  letter-spacing: 0.02em;
  line-height: 1em;
  font-weight: bold;
  text-align: center;
  background-color: #d92d2e;
  border-radius: 0.951683748169839vw;
}
.p-typing-game-tournament__bubble__hdg:before {
  position: absolute;
  content: '';
  bottom: -0.6vw;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-image: url("/assets/images/typing/common/icon-bubble-triangle-red.svg");
  width: 1.280380673499268vw;
  height: 1.714494875549048vw;
  background-size: contain;
  background-repeat: no-repeat;
  z-index: -1;
}
.p-typing-game-tournament__difficulty {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 38.433382137628115vw;
  margin: 1.464128843338214vw auto 0;
}
.p-typing-game-tournament__difficulty + .p-typing-game-tournament__bubble__hdg {
  margin-top: 3.294289897510981vw;
}
.p-typing-game-tournament__difficulty__button__input,
.p-typing-game-tournament__question-num__button__input {
  display: none;
}
.p-typing-game-tournament__difficulty__button__label,
.p-typing-game-tournament__question-num__button__label {
  display: block;
  cursor: pointer;
  width: 11.932650073206442vw;
  padding: 1.464128843338214vw 0;
  border: 0.219619326500732vw solid #fff;
  border-radius: 100vh;
  font-size: 1.610541727672035vw;
  text-align: center;
  line-height: 1em;
  background-color: #fff;
  color: #000;
  -webkit-transition: background-color 0.3s, border 0.3s;
  transition: background-color 0.3s, border 0.3s;
}
.p-typing-game-tournament__difficulty__button__input[type="radio"]:checked + label {
  background-color: #fffadd;
  border: 0.219619326500732vw solid #ffb102;
}
.p-typing-game-tournament__question-num__button__input[type="radio"]:checked + label {
  background-color: #fffadd;
  border: 0.219619326500732vw solid #ffb102;
}
.p-typing-game-tournament__difficulty__button__text {
  margin-top: 0.878477306002928vw;
  font-size: 1.610541727672035vw;
  letter-spacing: 0.02em;
  line-height: 1em;
  font-weight: bold;
  text-align: center;
}
.p-typing-game-tournament__question-num {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 25.183016105417277vw;
  margin: 1.464128843338214vw auto 0;
}
.p-typing-game-tournament__standby__monitor {
  padding: 3.660322108345535vw 0 2.928257686676428vw;
  display: none;
}
.p-typing-game-tournament__standby__monitor.is-current {
  display: block;
}
.p-typing-game-tournament__standby__id {
  margin-top: 1.976573938506589vw;
  font-size: 1.464128843338214vw;
  letter-spacing: 0.02em;
  line-height: 1em;
  font-weight: bold;
  text-align: center;
}
.p-typing-game-tournament__standby__id >span {
  font-size: 2.562225475841874vw;
  padding-left: 0.658857979502196vw;
  color: #ffb102;
}
.p-typing-game-tournament__standby__id + .p-typing-game-tournament__bubble__hdg {
  margin-top: 1.317715959004393vw;
}
.p-typing-game-tournament__standby__text {
  margin-top: 1.683748169838946vw;
  font-size: 1.464128843338214vw;
  letter-spacing: 0.02em;
  line-height: 1em;
  font-weight: bold;
  text-align: center;
}
.p-typing-game-tournament__standby__user {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 48.78623718887262vw;
  margin: 1.756954612005857vw auto 0;
}
.p-typing-game-tournament__standby__user.is-alone {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.p-typing-game-tournament__standby__user.is-alone .p-typing-game-tournament__standby__user__item {
  width: 15.739385065885797vw;
}
.p-typing-game-tournament__standby__user.is-alone .p-typing-game-tournament__standby__user__img--wrap {
  height: 15.739385065885797vw;
}
.p-typing-game-tournament__standby__user.is-alone .p-typing-game-tournament__standby__user__name {
  margin: 1.222547584187408vw 0 0.439238653001464vw;
  font-size: 1.464128843338214vw;
}
.p-typing-game-tournament__standby__user__item {
  width: 10.923865300146412vw;
}
.p-typing-game-tournament__standby__user__item.is-no-user {
  height: 10.923865300146412vw;
  background-color: #f2d28c;
  border-radius: 0.951683748169839vw;
}
.p-typing-game-tournament__standby__user__img--wrap {
  background-color: #fff;
  border-radius: 0.951683748169839vw;
  height: 10.923865300146412vw;
  overflow: hidden;
}
.p-typing-game-tournament__standby__user__img {
  -webkit-transform: translateY(-1vw);
  transform: translateY(-1vw);
}
.p-typing-game-tournament__standby__user__name {
  margin-top: 0.512445095168375vw;
  font-size: 1.171303074670571vw;
  letter-spacing: 0.02em;
  line-height: 1.4375;
  font-weight: bold;
  text-align: center;
}
.p-typing-game-tournament__standby__comment {
  margin-top: 2.196193265007321vw;
  font-size: 1.464128843338214vw;
  letter-spacing: 0.02em;
  line-height: 1em;
  font-weight: bold;
  text-align: center;
}
.p-typing-game-tournament__standby__arrow {
  width: 5.197657393850659vw;
  margin: 1.683748169838946vw auto 0;
}
.p-typing-game-tournament__course__monitor {
  padding: 3.733528550512445vw 0 5.051244509516837vw;
}
.p-typing-game-tournament__course {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 48.243045387994144vw;
  margin: 0 auto 0;
}
.p-typing-game-tournament__course__text {
  position: relative;
  display: block;
  background-color: #fff;
  color: #000;
  font-size: 1.390922401171303vw;
  letter-spacing: 0.02em;
  line-height: 1.263157894736842;
  font-weight: bold;
  padding: 0.915080527086384vw 0 0.915080527086384vw;
  border-radius: 0.951683748169839vw;
  margin-bottom: 2.269399707174232vw;
}
.p-typing-game-tournament__course__text:before {
  position: absolute;
  bottom: -1.3vw;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  content: '';
  background-image: url("/assets/images/typing/common/icon-bubble-triangle.svg");
  width: 1.756954612005857vw;
  height: 2.12298682284041vw;
  background-size: contain;
  background-repeat: no-repeat;
}
.p-typing-game-tournament__course__button__input {
  display: none;
}
.p-typing-game-tournament__course__button__label {
  display: block;
  float: left;
  cursor: pointer;
  width: 22.767203513909223vw;
  padding: 2.342606149341142vw 0;
  border: 0.219619326500732vw solid #fff;
  border-radius: 0.951683748169839vw;
  font-size: 4.392386530014641vw;
  text-align: center;
  line-height: 1.15;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
}
.p-typing-game-tournament__course__button__label >span {
  font-size: 3.14787701317716vw;
}
.p-typing-game-tournament__course__button__input[type="radio"]:checked + label {
  background-color: #ea5152;
}
.p-typing-game-tournament__course__call {
  font-size: 1.756954612005857vw;
  letter-spacing: 0.02em;
  font-weight: bold;
  margin-top: 2.26207906295754vw;
}
@media screen and (max-width: 1023px) {
  .p-photo-contest-award .p-photo-contest-entry {
    margin-top: 11.426666666666668vw;
  }
}
@media screen and (min-width: 1024px) {
  .p-photo-contest-award__heading--1st {
    width: 104rem;
    margin: 0.6rem auto 0;
  }
}
@media screen and (max-width: 1023px) {
  .p-photo-contest-award__heading--1st img {
    vertical-align: top;
  }
}
@media screen and (min-width: 1024px) {
  .p-photo-contest-award__heading--category {
    width: 97.8rem;
    margin: 6rem auto 0;
  }
}
@media screen and (max-width: 1023px) {
  .p-photo-contest-award__heading--category {
    margin-top: 8vw;
  }
  .p-photo-contest-award__heading--category img {
    vertical-align: top;
  }
}
.p-photo-contest-award__section {
  overflow: hidden;
  background-color: #fff;
}
@media screen and (min-width: 1024px) {
  .p-photo-contest-award__section {
    margin: 0 4rem;
    border-radius: 2rem;
  }
  .p-photo-contest-award__section + .p-photo-contest-award__section {
    margin-top: 3rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-photo-contest-award__section {
    margin: 0 4.666666666666667vw;
    border-radius: 2.666666666666667vw;
  }
  .p-photo-contest-award__section + .p-photo-contest-award__section {
    margin-top: 4vw;
  }
}
.p-photo-contest-award__name {
  background-color: #1c5dc6;
  text-align: center;
  color: #fff;
}
.p-photo-contest-award__name a {
  display: block;
  position: relative;
}
.p-photo-contest-award__name a::before,
.p-photo-contest-award__name a::after {
  position: absolute;
  top: 50%;
  background-color: #fff;
  border-radius: 100vh;
  content: '';
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: -webkit-transform 0.66s;
  transition: -webkit-transform 0.66s;
  transition: transform 0.66s;
  transition: transform 0.66s, -webkit-transform 0.66s;
}
.p-photo-contest-award__name a::after {
  -webkit-transform: translateY(-50%) rotate(90deg);
  transform: translateY(-50%) rotate(90deg);
}
.is-open .p-photo-contest-award__name a::after {
  -webkit-transform: translateY(-50%) rotate(0deg);
  transform: translateY(-50%) rotate(0deg);
}
@media screen and (min-width: 1024px) {
  .p-photo-contest-award__name {
    font-size: 3.5rem;
  }
  .p-photo-contest-award__name a {
    padding: 1.75rem 0;
  }
  .p-photo-contest-award__name a::before,
  .p-photo-contest-award__name a::after {
    right: 3.8rem;
    width: 3.1rem;
    height: 0.5rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-photo-contest-award__name {
    font-size: 4.666666666666667vw;
  }
  .p-photo-contest-award__name a {
    padding: 2.333333333333333vw 0;
  }
  .p-photo-contest-award__name a::before,
  .p-photo-contest-award__name a::after {
    right: 3.6vw;
    width: 4.133333333333333vw;
    height: 0.666666666666667vw;
  }
}
.p-photo-contest-award__content {
  height: 0;
  -webkit-transition: height 0.66s;
  transition: height 0.66s;
}
@media screen and (min-width: 1024px) {
  .p-photo-contest-award__detail {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 4rem 3.7rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-photo-contest-award__detail {
    padding: 3.333333333333333vw 3.333333333333333vw 17.2vw;
  }
  #prize-01 .p-photo-contest-award__detail {
    padding-bottom: 17.2vw;
  }
  #prize-02 .p-photo-contest-award__detail {
    padding-bottom: 15.2vw;
  }
  #prize-03 .p-photo-contest-award__detail {
    padding-bottom: 12.133333333333333vw;
  }
  #prize-04 .p-photo-contest-award__detail {
    padding-bottom: 14.933333333333335vw;
  }
  #prize-05 .p-photo-contest-award__detail {
    padding-bottom: 19.466666666666665vw;
  }
}
.p-photo-contest-award__photo {
  overflow: hidden;
}
@media screen and (min-width: 1024px) {
  .p-photo-contest-award__photo {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 45.6rem;
    margin-right: auto;
    border-radius: 1rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-photo-contest-award__photo {
    border-radius: 1.333333333333333vw;
  }
}
.p-photo-contest-award__photo img {
  vertical-align: top;
}
@media screen and (min-width: 1024px) {
  .p-photo-contest-award__info {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 40.8rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-photo-contest-award__info {
    margin-top: 2.666666666666667vw;
  }
}
.p-photo-contest-award__info dl {
  color: #1c5dc6;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media screen and (min-width: 1024px) {
  .p-photo-contest-award__info dl {
    font-size: 2.2rem;
    line-height: 1.636363636363636;
  }
  .p-photo-contest-award__info dl + dl {
    margin-top: 2.4rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-photo-contest-award__info dl {
    font-size: 3.2vw;
    line-height: 1.583333333333333;
  }
  .p-photo-contest-award__info dl + dl {
    margin-top: 0.8vw;
  }
}
.p-photo-contest-award__info dt {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  background-color: #d9f2ff;
  border-radius: 100vh;
}
@media screen and (min-width: 1024px) {
  .p-photo-contest-award__info dt {
    margin: 0 0.7rem 1.2rem 0;
    padding: 0.1rem 2.6rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-photo-contest-award__info dt {
    margin: 0 1.866666666666667vw 1.866666666666667vw 0;
    padding: 0.8vw 2.266666666666667vw;
  }
}
.p-photo-contest-award__info dd {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
}
@media screen and (min-width: 1024px) {
  .p-photo-contest-award__info dd {
    padding-left: 0.7rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-photo-contest-award__info dd {
    margin-top: 0.533333333333333vw;
  }
}
.p-photo-contest-award__message {
  position: relative;
  background: no-repeat center top;
  background-size: 100% auto;
}
@media screen and (min-width: 1024px) {
  .p-photo-contest-award__message {
    width: 100%;
    margin-top: 4rem;
    padding-top: 4rem;
    background-image: url("/assets/images/photo_contest/award/img_border_pc.svg");
  }
}
@media screen and (max-width: 1023px) {
  .p-photo-contest-award__message {
    margin-top: 5.333333333333334vw;
    padding-top: 8.533333333333333vw;
    background-image: url("/assets/images/photo_contest/award/img_border_sp.svg");
  }
}
.p-photo-contest-award__message--object {
  position: absolute;
}
@media screen and (min-width: 1024px) {
  .p-photo-contest-award__message--object {
    bottom: -4.05rem;
    left: -3.7rem;
    width: 97.8rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-photo-contest-award__message--object {
    left: -3.333333333333333vw;
    z-index: 1;
    width: 78.93333333333334vw;
  }
  #prize-01 .p-photo-contest-award__message--object {
    bottom: -17.266666666666666vw;
  }
  #prize-02 .p-photo-contest-award__message--object {
    bottom: -15.266666666666667vw;
  }
  #prize-03 .p-photo-contest-award__message--object {
    bottom: -12.2vw;
  }
  #prize-04 .p-photo-contest-award__message--object {
    bottom: -15vw;
  }
  #prize-05 .p-photo-contest-award__message--object {
    bottom: -19.53333333333333vw;
  }
}
.p-photo-contest-award__message--object img {
  vertical-align: top;
}
.p-photo-contest-award__message--inner {
  position: relative;
}
@media screen and (min-width: 1024px) {
  .p-photo-contest-award__message--inner {
    z-index: 1;
  }
}
@media screen and (max-width: 1023px) {
  .p-photo-contest-award__message--inner {
    z-index: 0;
    width: 73.6vw;
    margin-left: -0.666666666666667vw;
  }
}
.p-photo-contest-award__message--title {
  text-align: center;
  color: #1c5dc6;
}
@media screen and (min-width: 1024px) {
  .p-photo-contest-award__message--title {
    font-size: 2.8rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-photo-contest-award__message--title {
    font-size: 3.733333333333334vw;
    line-height: 1.392857142857143;
  }
}
@media screen and (min-width: 1024px) {
  .p-photo-contest-award__message--list {
    width: 55.3rem;
    margin: 2.4rem auto 0;
  }
}
@media screen and (max-width: 1023px) {
  .p-photo-contest-award__message--list {
    margin-top: 3.066666666666666vw;
  }
}
.p-photo-contest-award__message--item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}
@media screen and (min-width: 1024px) {
  .p-photo-contest-award__message--item + .p-photo-contest-award__message--item {
    margin-top: 2rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-photo-contest-award__message--item + .p-photo-contest-award__message--item {
    margin-top: 3.2vw;
  }
}
@media screen and (min-width: 1024px) {
  .p-photo-contest-award__message--icon {
    width: 5.4rem;
    margin: 0.6rem auto 0 0;
  }
}
@media screen and (max-width: 1023px) {
  .p-photo-contest-award__message--icon {
    width: 7.199999999999999vw;
    margin: 0.933333333333333vw auto 0 0;
  }
}
.p-photo-contest-award__message--text {
  position: relative;
  background-color: #d9f2ff;
}
@media screen and (min-width: 1024px) {
  .p-photo-contest-award__message--text {
    width: 48.1rem;
    padding: 2rem;
    font-size: 1.9rem;
    line-height: 1.473684210526316;
    border-radius: 2rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-photo-contest-award__message--text {
    width: 64.13333333333333vw;
    padding: 2.666666666666667vw 3.333333333333333vw 2.666666666666667vw 2.666666666666667vw;
    font-size: 3.2vw;
    line-height: 1.583333333333333;
    border-radius: 2.666666666666667vw;
  }
}
.p-photo-contest-award__message--text::before {
  position: absolute;
  background: url("/assets/images/common/img-fukidashi-left-sky.svg") no-repeat center;
  background-size: contain;
  content: '';
}
@media screen and (min-width: 1024px) {
  .p-photo-contest-award__message--text::before {
    top: 2.8rem;
    left: -1.2rem;
    width: 1.37rem;
    height: 1.023rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-photo-contest-award__message--text::before {
    top: 3.733333333333334vw;
    left: -1.6vw;
    width: 1.866666666666667vw;
    height: 1.6vw;
  }
}
.p-photo-contest-award__head--read {
  text-align: center;
  color: #1c5dc6;
}
@media screen and (min-width: 1024px) {
  .p-photo-contest-award__head--read {
    margin: -6rem 0 2.4rem;
    font-size: 2.5rem;
    line-height: 1.4;
  }
}
@media screen and (max-width: 1023px) {
  .p-photo-contest-award__head--read {
    margin: -5.333333333333334vw 0 1.333333333333333vw;
    font-size: 2.933333333333333vw;
    line-height: 1.409090909090909;
  }
}
@media screen and (min-width: 1024px) {
  .p-photo-contest-award__nav {
    padding-bottom: 10rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-photo-contest-award__nav {
    padding-bottom: 7.199999999999999vw;
  }
}
@media screen and (min-width: 1024px) {
  .p-photo-contest-award__nav--bnr {
    width: 82.8rem;
    margin: 6rem auto 0;
  }
}
@media screen and (max-width: 1023px) {
  .p-photo-contest-award__nav--bnr {
    width: 78.66666666666666vw;
    margin: 8vw auto 0;
  }
}
.p-photo-contest-award__nav--link {
  text-align: center;
}
.p-photo-contest-award__nav--link a {
  display: inline-block;
  position: relative;
  vertical-align: middle;
  color: #1c5dc6;
}
.p-photo-contest-award__nav--link a::after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: #1c5dc6;
  content: '';
}
@media screen and (min-width: 1024px) {
  .p-photo-contest-award__nav--link {
    margin-top: 6rem;
  }
  .p-photo-contest-award__nav--link a {
    padding: 0 1.6rem 1.1rem;
    font-size: 3rem;
    line-height: 1.4;
  }
  .p-photo-contest-award__nav--link a::after {
    height: 0.9rem;
    border-radius: 0.2rem;
  }
  .p-photo-contest-award__nav--link img {
    width: 2.6rem;
    margin-left: 1.5rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-photo-contest-award__nav--link {
    margin-top: 8vw;
  }
  .p-photo-contest-award__nav--link a {
    padding-bottom: 1.466666666666667vw;
    font-size: 3.2vw;
    line-height: 1.416666666666667;
  }
  .p-photo-contest-award__nav--link a::after {
    height: 1.2vw;
    border-radius: 0.266666666666667vw;
  }
  .p-photo-contest-award__nav--link img {
    width: 3.525333333333334vw;
    margin-left: 1.6vw;
  }
}
.p-photo-contest-award__map {
  text-align: center;
}
@media screen and (min-width: 1024px) {
  .p-photo-contest-award__map {
    margin-top: 3.8rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-photo-contest-award__map {
    margin-top: 8.933333333333334vw;
  }
}
.p-photo-contest-award__map p {
  display: inline-block;
  position: relative;
  color: #108d00;
}
.p-photo-contest-award__map p::before,
.p-photo-contest-award__map p::after {
  position: absolute;
  content: '';
}
.p-photo-contest-award__map p::before {
  bottom: 0.4rem;
  left: 50%;
  background: url("/assets/images/common/icon-triangle-bottom-middlegreen.svg") no-repeat center;
  background-size: 100% auto;
  -webkit-transform: translate(-50%, 100%);
  transform: translate(-50%, 100%);
}
.p-photo-contest-award__map p::after {
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: #8fc75f;
}
@media screen and (min-width: 1024px) {
  .p-photo-contest-award__map p {
    margin-bottom: 4.6rem;
    padding: 0 2.1rem 0.9rem;
    font-size: 2.6rem;
    line-height: 1.384615384615385;
  }
  .p-photo-contest-award__map p::before {
    width: 1.6rem;
    height: 1.6rem;
  }
  .p-photo-contest-award__map p::after {
    height: 0.9rem;
    border-radius: 0.2rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-photo-contest-award__map p {
    margin-bottom: 6.133333333333333vw;
    padding: 0 2.4vw 1.2vw;
    font-size: 3.466666666666666vw;
    line-height: 1.384615384615385;
  }
  .p-photo-contest-award__map p::before {
    width: 2.133333333333333vw;
    height: 2.133333333333333vw;
  }
  .p-photo-contest-award__map p::after {
    height: 1.2vw;
    border-radius: 0.266666666666667vw;
  }
}
.p-photo-contest-entry-list {
  position: relative;
  background-color: #e6f7ac;
  color: #000;
}
@media screen and (min-width: 1024px) {
  .p-photo-contest-entry-list {
    padding-top: 6.099rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-photo-contest-entry-list {
    padding-top: 7.066666666666667vw;
  }
}
.p-photo-contest-entry-list .c-othersbutton {
  margin-bottom: 0;
}
@media screen and (min-width: 1024px) {
  .p-photo-contest-entry-list .c-othersbutton {
    margin-top: 5rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-photo-contest-entry-list .c-othersbutton {
    margin-top: 6.666666666666667vw;
  }
}
@media screen and (min-width: 1024px) {
  .p-photo-contest-entry-list .c-othersbutton .c-othersbutton__wrap {
    padding: 2.1rem 0;
    font-size: 2.7rem;
  }
}
.p-photo-contest-entry-list .c-others-btn-pagetop {
  position: fixed;
}
@media screen and (min-width: 1024px) {
  .p-photo-contest-entry-list .c-others-btn-pagetop {
    top: auto;
    right: 3rem;
    bottom: 10.8rem;
    -webkit-transform: none;
    transform: none;
  }
}
@media screen and (max-width: 1023px) {
  .p-photo-contest-entry-list .c-others-btn-pagetop {
    right: 2vw;
    bottom: 18.133333333333333vw;
  }
}
@media screen and (min-width: 1024px) {
  .p-photo-contest-entry-list .p-photo-contest-ws__list,
  .p-newspaper-integration .p-photo-contest-ws__list {
    margin: 0;
  }
}
@media screen and (max-width: 1023px) {
  .p-photo-contest-entry-list .p-photo-contest-ws__list,
  .p-newspaper-integration .p-photo-contest-ws__list {
    margin: 0 13.466666666666665vw;
  }
}
@media screen and (min-width: 1024px) {
  .p-photo-contest-entry-list .p-photo-contest-ws__item,
  .p-newspaper-integration .p-photo-contest-ws__item {
    width: 25.4rem;
    margin-left: 3.9rem;
  }
  .p-photo-contest-entry-list .p-photo-contest-ws__item:nth-child(3n + 1),
  .p-newspaper-integration .p-photo-contest-ws__item:nth-child(3n + 1) {
    margin-left: 3.9rem;
  }
  .p-photo-contest-entry-list .p-photo-contest-ws__item:nth-child(4n + 1),
  .p-newspaper-integration .p-photo-contest-ws__item:nth-child(4n + 1) {
    margin-left: 0;
  }
}
@media screen and (max-width: 1023px) {
  .p-photo-contest-entry-list .p-photo-contest-ws__item,
  .p-newspaper-integration .p-photo-contest-ws__item {
    width: 33.86666666666667vw;
    margin: 5.466666666666667vw 0 0 5.2vw;
  }
}
.p-photo-contest-entry-list .p-photo-contest-ws__item.is-random-default,
.p-newspaper-integration .p-photo-contest-ws__item.is-random-default {
  display: none;
}
@media screen and (min-width: 1024px) {
  .p-photo-contest-entry-list .p-photo-contest-ws__title,
  .p-newspaper-integration .p-photo-contest-ws__title {
    padding: 1rem 1.8rem;
  }
  .p-photo-contest-entry-list .p-photo-contest-ws__title i,
  .p-newspaper-integration .p-photo-contest-ws__title i {
    width: 2.5rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-photo-contest-entry-list .p-photo-contest-ws__title i,
  .p-newspaper-integration .p-photo-contest-ws__title i {
    width: 3.333333333333333vw;
  }
}
@media screen and (min-width: 1024px) {
  .p-photo-contest-entry-list .p-photo-contest-ws__text,
  .p-newspaper-integration .p-photo-contest-ws__text {
    font-size: 1.5rem;
  }
}
.p-photo-contest-entry-list__bg {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 0;
  width: 100%;
}
@media screen and (min-width: 1024px) {
  .p-photo-contest-entry-list__bg > img {
    position: absolute;
    top: 0;
    left: 50%;
    width: 140.55636896046852%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}
@media screen and (min-width: 1366px) and (max-width: 1920px) {
  .p-photo-contest-entry-list__bg > img {
    width: 1920px;
  }
}
@media screen and (min-width: 1921px) {
  .p-photo-contest-entry-list__bg > img {
    width: 100%;
  }
}
.p-photo-contest-entry-list__container {
  position: relative;
}
@media screen and (min-width: 1024px) {
  .p-photo-contest-entry-list__container {
    width: 113.3rem;
    margin: 0 auto;
  }
}
@media screen and (min-width: 1024px) {
  .p-photo-contest-entry-list__title {
    width: 92.241rem;
    margin: 0 auto;
    padding-right: 2.259999999999999rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-photo-contest-entry-list__title {
    width: 97.47333333333333vw;
    margin-left: 1.826666666666667vw;
  }
}
.p-photo-contest-entry-list__lead {
  text-align: center;
}
@media screen and (min-width: 1024px) {
  .p-photo-contest-entry-list__lead {
    font-size: 1.8rem;
    line-height: 1.888888888888889;
  }
}
@media screen and (max-width: 1023px) {
  .p-photo-contest-entry-list__lead {
    font-size: 3.2vw;
    line-height: 1.625;
  }
}
.p-photo-contest-entry-list__summary {
  text-align: center;
}
.p-photo-contest-entry-list__summary a {
  text-decoration: underline;
}
@media screen and (min-width: 1024px) {
  .p-photo-contest-entry-list__summary {
    margin-top: 2.2rem;
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-photo-contest-entry-list__summary {
    margin-top: 2.666666666666667vw;
    font-size: 3.2vw;
    line-height: 1.416666666666667;
  }
}
.p-photo-contest-modal__all--pager {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.p-photo-contest-modal__all--pager button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: none;
  padding: 0;
  text-decoration: underline;
  color: #45b462;
  border: none;
  cursor: pointer;
}
.p-photo-contest-modal__all--pager button img {
  vertical-align: baseline;
}
.p-photo-contest-modal__all--pager button.is-not-active {
  pointer-events: none;
  opacity: 0.5;
}
@media screen and (min-width: 1024px) {
  .p-photo-contest-modal__all--pager {
    margin-bottom: 1.4rem;
  }
  .p-photo-contest-modal__all--pager button {
    font-size: 1.7rem;
  }
  .p-photo-contest-modal__all--pager button img {
    width: 1.339rem;
  }
  .p-newspaper-modal__works--info + .p-photo-contest-modal__all--pager,
  .p-newspaper-modal__works--teacher + .p-photo-contest-modal__all--pager {
    margin-top: 3rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-photo-contest-modal__all--pager {
    margin-bottom: 1.866666666666667vw;
  }
  .p-photo-contest-modal__all--pager button {
    font-size: 2.666666666666667vw;
  }
  .p-photo-contest-modal__all--pager button img {
    width: 1.785333333333334vw;
  }
  .p-newspaper-modal__works--info + .p-photo-contest-modal__all--pager,
  .p-newspaper-modal__works--teacher + .p-photo-contest-modal__all--pager {
    margin-top: 4vw;
    margin-bottom: 0;
  }
}
@media screen and (min-width: 1024px) {
  .p-photo-contest-modal__all--back img {
    margin-right: 0.8rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-photo-contest-modal__all--back img {
    margin-right: 1.066666666666667vw;
  }
}
@media screen and (min-width: 1024px) {
  .p-photo-contest-modal__all--prev {
    margin: 0 2.6rem 0 auto;
  }
  .p-photo-contest-modal__all--prev img {
    margin-right: 0.8rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-photo-contest-modal__all--prev {
    margin: 0 3.466666666666666vw 0 auto;
  }
  .p-photo-contest-modal__all--prev img {
    margin-right: 1.066666666666667vw;
  }
}
@media screen and (min-width: 1024px) {
  .p-photo-contest-modal__all--next img {
    margin-left: 0.8rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-photo-contest-modal__all--next img {
    margin-left: 1.066666666666667vw;
  }
}
@media screen and (min-width: 1024px) {
  .p-photo-contest-modal__ws.p-photo-contest-modal__all .m-modal__container {
    width: 53.1rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-photo-contest-modal__ws.p-photo-contest-modal__all .m-modal__container {
    width: 70.8vw;
  }
}
@media screen and (min-width: 1024px) {
  .p-photo-contest-modal__ws.p-photo-contest-modal__all .p-photo-contest-modal__head {
    padding-right: 4.3rem;
    padding-left: 4.3rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-photo-contest-modal__ws.p-photo-contest-modal__all .p-photo-contest-modal__head {
    padding-right: 5.733333333333333vw;
    padding-left: 5.733333333333333vw;
  }
}
.p-photo-contest-modal__ws.p-photo-contest-modal__all .p-newspaper-modal__works--lead {
  display: block;
  position: relative;
  margin-bottom: 0;
  text-align: center;
}
@media screen and (min-width: 1024px) {
  .p-photo-contest-modal__ws.p-photo-contest-modal__all .p-newspaper-modal__works--lead {
    padding: 1.3rem 2.3rem 1.3rem 6rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-photo-contest-modal__ws.p-photo-contest-modal__all .p-newspaper-modal__works--lead {
    padding: 1.733333333333333vw 3.066666666666666vw 1.733333333333333vw 8vw;
  }
}
.p-photo-contest-modal__ws.p-photo-contest-modal__all .p-newspaper-modal__works--lead i {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.p-photo-contest-modal__ws.p-photo-contest-modal__all .p-newspaper-modal__works--lead i img {
  width: 100%;
}
@media screen and (min-width: 1024px) {
  .p-photo-contest-modal__ws.p-photo-contest-modal__all .p-newspaper-modal__works--lead i {
    left: 0.83rem;
    width: 5.157rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-photo-contest-modal__ws.p-photo-contest-modal__all .p-newspaper-modal__works--lead i {
    left: 1.106666666666667vw;
    width: 6.876vw;
  }
}
.p-photo-contest-modal__ws.p-photo-contest-modal__all .p-newspaper-modal__works--container {
  background: none;
}
@media screen and (min-width: 1024px) {
  .p-photo-contest-modal__ws.p-photo-contest-modal__all .p-newspaper-modal__works--container {
    padding: 0 4.3rem 2.4rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-photo-contest-modal__ws.p-photo-contest-modal__all .p-newspaper-modal__works--container {
    padding: 0 5.733333333333333vw 3.2vw;
  }
}
.p-photo-contest-modal__ws.p-photo-contest-modal__all .p-newspaper-modal__works--fig {
  display: block;
  height: auto;
  background: none;
}
.p-photo-contest-modal__ws.p-photo-contest-modal__all .p-newspaper-modal__works--fig img {
  width: 100%;
  height: auto;
}
.p-photo-contest-modal__ws.p-photo-contest-modal__all .p-newspaper__works--zoom {
  top: auto;
}
@media screen and (min-width: 1024px) {
  .p-photo-contest-modal__ws.p-photo-contest-modal__all .p-newspaper__works--zoom {
    right: 1rem;
    bottom: 1rem;
    width: 3.7rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-photo-contest-modal__ws.p-photo-contest-modal__all .p-newspaper__works--zoom {
    right: 1.333333333333333vw;
    bottom: 1.333333333333333vw;
    width: 4.933333333333334vw;
  }
}
.p-photo-contest-modal__ws.p-photo-contest-modal__all .p-newspaper-modal__works--label {
  background-color: #d9f2ff;
  color: #1c5dc6;
}
.is--newspaper .p-photo-contest-modal__ws.p-photo-contest-modal__all .p-newspaper-modal__works--label {
  background-color: #d5f0c1;
  color: #33ab5c;
}
@media screen and (max-width: 1023px) {
  .p-photo-contest-modal__ws.p-photo-contest-modal__all .p-photo-contest-ws__list {
    margin: 0;
  }
}
@media screen and (min-width: 1024px) {
  .p-photo-contest-modal__ws.p-photo-contest-modal__all .p-photo-contest-ws__item {
    width: 21.4rem;
    margin: 1.6rem auto 0 0;
  }
}
@media screen and (max-width: 1023px) {
  .p-photo-contest-modal__ws.p-photo-contest-modal__all .p-photo-contest-ws__item {
    width: 28.53333333333333vw;
    margin: 2.133333333333333vw auto 0 0;
  }
}
.p-photo-contest-modal__ws.p-photo-contest-modal__all .p-photo-contest-ws__info {
  position: relative;
}
@media screen and (min-width: 1024px) {
  .p-photo-contest-modal__ws.p-photo-contest-modal__all .p-photo-contest-ws__info {
    padding-top: 0.4rem;
    border: 0.2rem solid #4680e8;
  }
}
@media screen and (max-width: 1023px) {
  .p-photo-contest-modal__ws.p-photo-contest-modal__all .p-photo-contest-ws__info {
    padding-top: 0.533333333333333vw;
    border: 0.266666666666667vw solid #4680e8;
  }
}
.is--newspaper .p-photo-contest-modal__ws.p-photo-contest-modal__all .p-photo-contest-ws__info {
  border-color: #45b463;
}
@media screen and (min-width: 1024px) {
  .p-photo-contest-modal__ws.p-photo-contest-modal__all .p-photo-contest-ws__thum {
    margin: 0 0.4rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-photo-contest-modal__ws.p-photo-contest-modal__all .p-photo-contest-ws__thum {
    margin: 0 0.533333333333333vw;
  }
}
@media screen and (min-width: 1024px) {
  .p-photo-contest-modal__ws.p-photo-contest-modal__all .p-photo-contest-ws__title {
    height: 5rem;
    padding: 0.5rem 1.2rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-photo-contest-modal__ws.p-photo-contest-modal__all .p-photo-contest-ws__title {
    height: 8.266666666666666vw;
    padding: 0.666666666666667vw 1.6vw;
  }
}
@media screen and (min-width: 1024px) {
  .p-photo-contest-modal__ws.p-photo-contest-modal__all .p-newspaper-modal__works--teacher__title {
    font-size: 1.8rem;
  }
}
.p-photo-contest-modal__ws.p-photo-contest-modal__all .p-photo-contest-ws__owner {
  position: absolute;
  background-color: #88b9ff;
  border-radius: 50%;
}
@media screen and (min-width: 1024px) {
  .p-photo-contest-modal__ws.p-photo-contest-modal__all .p-photo-contest-ws__owner {
    top: 0.8rem;
    left: 0.8rem;
    width: 3.7rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-photo-contest-modal__ws.p-photo-contest-modal__all .p-photo-contest-ws__owner {
    top: 1.066666666666667vw;
    left: 1.066666666666667vw;
    width: 4.933333333333334vw;
  }
}
.is--newspaper .p-photo-contest-modal__ws.p-photo-contest-modal__all .p-photo-contest-ws__owner {
  background-color: #eab047;
}
.is--newspaper .p-newspaper-ws-modal__container {
  width: 100%;
  padding-top: 0;
  background: none;
}
@media screen and (min-width: 1024px) {
  .is--newspaper .p-newspaper-ws-modal__container {
    padding-bottom: 2.4rem;
  }
}
@media screen and (max-width: 1023px) {
  .is--newspaper .p-newspaper-ws-modal__container {
    padding-bottom: 3.2vw;
  }
}
@media screen and (min-width: 1024px) {
  .is--newspaper .p-newspaper-ws-modal__container .p-photo-contest-modal__all--pager,
  .is--newspaper .p-newspaper-ws-modal__container figure {
    margin-right: 4.3rem;
    margin-left: 4.3rem;
  }
}
@media screen and (max-width: 1023px) {
  .is--newspaper .p-newspaper-ws-modal__container .p-photo-contest-modal__all--pager,
  .is--newspaper .p-newspaper-ws-modal__container figure {
    margin-right: 5.733333333333333vw;
    margin-left: 5.733333333333333vw;
  }
}
@media screen and (min-width: 1024px) {
  .is--newspaper .p-newspaper-ws-modal__container .p-newspaper-modal__works--label {
    margin-left: 4.3rem;
  }
}
@media screen and (max-width: 1023px) {
  .is--newspaper .p-newspaper-ws-modal__container .p-newspaper-modal__works--label {
    margin-left: 5.733333333333333vw;
  }
}
.p-photo-contest__kv--attention {
  margin-top: 2em;
  text-align: center;
  line-height: 1.5;
  color: #f00;
}
@media screen and (min-width: 1024px) {
  .p-photo-contest__kv--attention {
    font-size: 2rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-photo-contest__kv--attention {
    font-size: 3.2vw;
  }
}
.p-photo-contest-balloon {
  position: relative;
  font-weight: 700;
  text-align: center;
  color: #fff;
}
.p-photo-contest-balloon::after {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  margin: 0 auto;
  content: '';
}
@media screen and (min-width: 1024px) {
  .p-photo-contest-balloon {
    padding: 1.4rem 0;
    font-size: 2.8rem;
    line-height: 1.392857142857143;
    border-radius: 1.6rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-photo-contest-balloon {
    padding: 2.666666666666667vw 0;
    font-size: 4.266666666666667vw;
    line-height: 1.375;
    border-radius: 2.133333333333333vw;
  }
}
.p-photo-contest-entry {
  position: relative;
}
@media screen and (min-width: 1024px) {
  .p-photo-contest-entry {
    width: 106.8rem;
    margin: 9.9rem auto 0;
  }
}
@media screen and (max-width: 1023px) {
  .p-photo-contest-entry {
    width: 89.33333333333333vw;
    margin: 18vw auto 0;
  }
}
.p-photo-contest-entry__inner {
  overflow: hidden;
  background-color: #d9f2ff;
}
@media screen and (min-width: 1024px) {
  .p-photo-contest-entry__inner {
    border: 0.5rem solid #1c5dc6;
    border-radius: 3rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-photo-contest-entry__inner {
    border: 0.666666666666667vw solid #1c5dc6;
    border-radius: 4vw;
  }
}
.p-photo-contest-entry__lead {
  position: absolute;
  top: 0;
  left: 50%;
  background-color: #1c5dc6;
}
.p-photo-contest-entry__lead::after {
  background: url("/assets/images/photo_contest/img_mustache_01.svg") no-repeat center;
  background-size: contain;
}
@media screen and (min-width: 1024px) {
  .p-photo-contest-entry__lead {
    width: 51.737rem;
    -webkit-transform: translate(-50%, -66.66666666666666%);
    transform: translate(-50%, -66.66666666666666%);
  }
  .p-photo-contest-entry__lead::after {
    width: 1.663rem;
    height: 2.228rem;
    -webkit-transform: translateY(54.54545454545454%);
    transform: translateY(54.54545454545454%);
  }
}
@media screen and (max-width: 1023px) {
  .p-photo-contest-entry__lead {
    width: 76.04933333333334vw;
    -webkit-transform: translate(-50%, -63.85542168674698%);
    transform: translate(-50%, -63.85542168674698%);
  }
  .p-photo-contest-entry__lead::after {
    width: 3.138666666666666vw;
    height: 4.204vw;
    -webkit-transform: translateY(2.8vw);
    transform: translateY(2.8vw);
  }
}
.p-photo-contest-entry__hdg {
  background-color: #fff;
  font-weight: 700;
  text-align: center;
  color: #1c5dc6;
}
@media screen and (min-width: 1024px) {
  .p-photo-contest-entry__hdg {
    padding: 6.4rem 0 4rem;
    font-size: 3.9rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-photo-contest-entry__hdg {
    padding: 8.799999999999999vw 0 5.066666666666666vw;
    font-size: 5.333333333333334vw;
    line-height: 1.45;
  }
}
@media screen and (min-width: 1024px) {
  .p-photo-contest-intro {
    padding: 3.5rem 0 6rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-photo-contest-intro {
    padding: 6.533333333333332vw 0 9.733333333333333vw;
  }
}
.p-photo-contest-intro .c-othersbutton {
  margin-bottom: 0;
}
@media screen and (min-width: 1024px) {
  .p-photo-contest-intro .c-othersbutton {
    margin-top: 5rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-photo-contest-intro .c-othersbutton {
    margin-top: 6.666666666666667vw;
  }
}
@media screen and (min-width: 1024px) {
  .p-photo-contest-intro .c-othersbutton .c-othersbutton__wrap {
    padding: 2.1rem 0;
    font-size: 2.7rem;
  }
}
.p-photo-contest-sample {
  text-align: center;
}
.p-photo-contest-sample__hdg {
  display: inline-block;
  background-color: #1c5dc6;
  font-weight: 700;
  color: #fff;
  border-radius: 100vh;
}
@media screen and (min-width: 1024px) {
  .p-photo-contest-sample__hdg {
    padding: 0.3rem 6.2rem;
    font-size: 2.1rem;
    line-height: 1.428571428571429;
  }
}
@media screen and (max-width: 1023px) {
  .p-photo-contest-sample__hdg {
    padding: 1.866666666666667vw 8.133333333333333vw;
    font-size: 3.733333333333334vw;
    line-height: 1.392857142857143;
  }
}
.p-photo-contest-sample__detail {
  text-align: left;
}
@media screen and (min-width: 1024px) {
  .p-photo-contest-sample__detail {
    margin-top: 1.6rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-photo-contest-sample__detail {
    margin-top: 3.733333333333334vw;
  }
}
@media screen and (min-width: 1024px) {
  .p-photo-contest-sample__list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-left: 7.4rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-photo-contest-sample__list {
    padding: 0 5.333333333333334vw;
  }
}
.p-photo-contest-sample__item {
  font-weight: 700;
}
@media screen and (min-width: 1024px) {
  .p-photo-contest-sample__item {
    width: 47rem;
    font-size: 2rem;
    line-height: 2;
  }
}
@media screen and (max-width: 1023px) {
  .p-photo-contest-sample__item {
    padding-left: 1em;
    font-size: 4.266666666666667vw;
    text-indent: -1em;
    line-height: 1.53125;
  }
  .p-photo-contest-sample__item + .p-photo-contest-sample__item {
    margin-top: 2.4vw;
  }
}
.p-photo-contest-detail {
  background-color: #fff;
  font-weight: 700;
}
@media screen and (min-width: 1024px) {
  .p-photo-contest-detail {
    margin: 4.6rem 5.5rem 0;
    padding: 3rem 3.4rem;
    border: 5px solid #1c5dc6;
    border-radius: 2.6rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-photo-contest-detail {
    margin: 6.4vw 6vw;
    padding: 4vw 0 7.333333333333333vw;
    border: 0.666666666666667vw solid #1c5dc6;
    border-radius: 3.466666666666666vw;
  }
}
@media screen and (min-width: 1024px) {
  .p-photo-contest-detail__wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
  .p-photo-contest-detail__wrap + .p-photo-contest-detail__wrap {
    margin-top: 2.2rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-photo-contest-detail__wrap {
    text-align: center;
  }
  .p-photo-contest-detail__wrap + .p-photo-contest-detail__wrap {
    margin-top: 5.333333333333334vw;
  }
}
.p-photo-contest-detail__hdg {
  background-color: #1d5dc6;
  text-align: center;
  color: #fff;
  border-radius: 100vh;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
@media screen and (min-width: 1024px) {
  .p-photo-contest-detail__hdg {
    width: 13.7rem;
    padding: 0.6rem 0;
    font-size: 2rem;
    line-height: 1.35;
  }
}
@media screen and (max-width: 1023px) {
  .p-photo-contest-detail__hdg {
    display: inline-block;
    padding: 1.866666666666667vw 6.266666666666667vw;
    font-size: 3.733333333333334vw;
    line-height: 1.392857142857143;
  }
}
@media screen and (min-width: 1024px) {
  .p-photo-contest-detail__detail {
    margin-left: 2rem;
    font-size: 2.2rem;
    line-height: 1.818181818181818;
  }
}
@media screen and (max-width: 1023px) {
  .p-photo-contest-detail__detail {
    margin-top: 3.866666666666667vw;
    font-size: 4.933333333333334vw;
    line-height: 1.513513513513514;
  }
}
.p-photo-contest-detail__attention {
  color: #f00;
}
@media screen and (min-width: 1024px) {
  .p-photo-contest-detail__attention {
    font-size: 1.9rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-photo-contest-detail__attention {
    margin-top: 3.2vw;
    font-size: 3.2vw;
  }
}
.p-photo-contest-member {
  position: relative;
  background-color: #e6f8ac;
}
.p-photo-contest-member::before {
  display: block;
  position: absolute;
  right: 0;
  left: 0;
  margin: 0 auto;
  background: url("/assets/images/photo_contest/img_dot_pc.svg") no-repeat center;
  background-size: 100% auto;
  content: '';
}
@media screen and (min-width: 1024px) {
  .p-photo-contest-member {
    padding: 4.7rem 0 3.2rem;
  }
  .p-photo-contest-member::before {
    top: -0.2rem;
    width: 99rem;
    height: 0.4rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-photo-contest-member {
    padding: 8.4vw 0 9.2vw;
  }
  .p-photo-contest-member::before {
    top: -0.266666666666667vw;
    width: 78.66666666666666vw;
    height: 0.533333333333333vw;
  }
}
.p-photo-contest-member__hdg {
  font-weight: 700;
  text-align: center;
}
.p-photo-contest-member__hdg mark {
  background-color: #1e940c;
  font-style: normal;
  color: #fff;
  border-radius: 100vh;
}
@media screen and (min-width: 1024px) {
  .p-photo-contest-member__hdg {
    font-size: 2.7rem;
  }
  .p-photo-contest-member__hdg mark {
    display: inline-block;
    margin-right: 1.4rem;
    padding: 0.3rem 3.2rem;
    font-size: 2.1rem;
    line-height: 1.428571428571429;
    vertical-align: middle;
  }
}
@media screen and (max-width: 1023px) {
  .p-photo-contest-member__hdg {
    font-size: 4.266666666666667vw;
    line-height: 1.4375;
  }
  .p-photo-contest-member__hdg mark {
    display: block;
    width: 24.53333333333333vw;
    margin: 0 auto 3.2vw;
    padding: 2vw 0;
    font-size: 3.733333333333334vw;
    line-height: 1.392857142857143;
  }
}
@media screen and (min-width: 1024px) {
  .p-photo-contest-advice + .p-photo-contest-advice {
    margin-top: 10rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-photo-contest-advice + .p-photo-contest-advice {
    margin-top: 9.733333333333333vw;
  }
}
.p-photo-contest-advice__hdg {
  background-color: #1e940c;
}
.p-photo-contest-advice__hdg::after {
  background: url("/assets/images/photo_contest/img_mustache_02.svg") no-repeat center;
  background-size: contain;
}
@media screen and (min-width: 1024px) {
  .p-photo-contest-advice__hdg {
    width: 67.4rem;
    margin: 4rem auto 0;
  }
  .p-photo-contest-advice__hdg::after {
    width: 1.663rem;
    height: 2.228rem;
    -webkit-transform: translateY(54.54545454545454%);
    transform: translateY(54.54545454545454%);
  }
}
@media screen and (max-width: 1023px) {
  .p-photo-contest-advice__hdg {
    width: 76.04933333333334vw;
    margin: 4.8vw auto 0;
  }
  .p-photo-contest-advice__hdg::after {
    width: 3.138666666666666vw;
    height: 4.204vw;
    -webkit-transform: translateY(2.8vw);
    transform: translateY(2.8vw);
  }
}
@media screen and (min-width: 1024px) {
  .p-photo-contest-advice__list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 3rem 4.8rem 0;
  }
}
@media screen and (max-width: 1023px) {
  .p-photo-contest-advice__list {
    margin: 7.066666666666667vw 6vw 0;
  }
}
.p-photo-contest-advice__item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
@media screen and (min-width: 1024px) {
  .p-photo-contest-advice__item {
    width: 46.5rem;
  }
  .p-photo-contest-advice__item:nth-child(n + 3) {
    margin-top: 1.8rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-photo-contest-advice__item + .p-photo-contest-advice__item {
    margin-top: 3.2vw;
  }
}
.p-photo-contest-advice__item img {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
@media screen and (min-width: 1024px) {
  .p-photo-contest-advice__item img {
    width: 3.794rem;
    margin-top: 1.5rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-photo-contest-advice__item img {
    width: 5.058666666666666vw;
    margin-top: 2vw;
  }
}
.p-photo-contest-advice__voice {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 ato;
  -ms-flex: 1 1 ato;
  flex: 1 1 ato;
  position: relative;
  background-color: #fff;
}
.p-photo-contest-advice__voice::after {
  position: absolute;
  left: 0;
  background: url("/assets/images/photo_contest/img_mustache_03.svg") no-repeat center;
  background-size: contain;
  content: '';
}
@media screen and (min-width: 1024px) {
  .p-photo-contest-advice__voice {
    width: 100%;
    margin-left: 2.6rem;
    padding: 2rem;
    font-size: 1.8rem;
    line-height: 1.555555555555556;
    border-radius: 2rem;
  }
  .p-photo-contest-advice__voice::after {
    top: 2.8rem;
    width: 1.023rem;
    height: 1.37rem;
    -webkit-transform: translateX(-88.32116788321169%);
    transform: translateX(-88.32116788321169%);
  }
}
@media screen and (max-width: 1023px) {
  .p-photo-contest-advice__voice {
    margin-left: 3.466666666666666vw;
    padding: 2.666666666666667vw;
    font-size: 3.733333333333334vw;
    line-height: 1.285714285714286;
    border-radius: 2.666666666666667vw;
  }
  .p-photo-contest-advice__voice::after {
    top: 3.733333333333334vw;
    width: 1.364vw;
    height: 1.826666666666667vw;
    -webkit-transform: translateX(-1.6vw);
    transform: translateX(-1.6vw);
  }
}
.p-photo-contest-member__end {
  font-weight: 700;
  text-align: center;
  color: #1e940c;
}
@media screen and (min-width: 1024px) {
  .p-photo-contest-member__end {
    margin: 2.9rem 5.3rem 0;
    padding: 2.7rem 0 2.5rem;
    background: url("/assets/images/photo_contest/fig_children.svg") no-repeat center;
    background-size: 100% auto;
    font-size: 2.5rem;
    line-height: 1.6;
  }
}
@media screen and (max-width: 1023px) {
  .p-photo-contest-member__end {
    margin: 9.733333333333333vw 1.6vw 0;
    background: url("/assets/images/photo_contest/fig_children_sp.svg") no-repeat center;
    background-size: 100% auto;
    font-size: 3.6vw;
    line-height: 1.8125;
  }
}
.p-photo-contest-notice {
  position: relative;
  background-color: #ffd0d0;
}
@media screen and (min-width: 1024px) {
  .p-photo-contest-notice {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 106.8rem;
    margin: 10.6rem auto 0;
    padding: 5.7rem 3.3rem 4.8rem;
    border-radius: 2rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-photo-contest-notice {
    width: 89.33333333333333vw;
    margin: 16.933333333333334vw auto 0;
    padding: 8.4vw 6vw 5.866666666666666vw;
    border-radius: 2.666666666666667vw;
  }
}
.p-photo-contest-notice_hdg {
  position: absolute;
  top: 0;
  left: 50%;
  background-color: #de5753;
}
.p-photo-contest-notice_hdg::after {
  background: url("/assets/images/photo_contest/img_mustache_04.svg") no-repeat center;
  background-size: contain;
}
@media screen and (min-width: 1024px) {
  .p-photo-contest-notice_hdg {
    width: 51.737rem;
    -webkit-transform: translate(-50%, -66.66666666666666%);
    transform: translate(-50%, -66.66666666666666%);
  }
  .p-photo-contest-notice_hdg::after {
    width: 1.663rem;
    height: 2.228rem;
    -webkit-transform: translateY(54.54545454545454%);
    transform: translateY(54.54545454545454%);
  }
}
@media screen and (max-width: 1023px) {
  .p-photo-contest-notice_hdg {
    width: 76.04933333333334vw;
    -webkit-transform: translate(-50%, -63.85542168674698%);
    transform: translate(-50%, -63.85542168674698%);
  }
  .p-photo-contest-notice_hdg::after {
    width: 3.138666666666666vw;
    height: 4.204vw;
    -webkit-transform: translateY(2.8vw);
    transform: translateY(2.8vw);
  }
}
.p-photo-contest-notice__list {
  font-weight: 700;
}
@media screen and (min-width: 1024px) {
  .p-photo-contest-notice__list {
    font-size: 2rem;
    line-height: 1.75;
  }
}
@media screen and (max-width: 1023px) {
  .p-photo-contest-notice__list {
    font-size: 4.266666666666667vw;
    line-height: 1.53125;
  }
}
@media screen and (max-width: 1023px) {
  .p-photo-contest-notice__item {
    padding-left: 1em;
    text-indent: -1em;
  }
  .p-photo-contest-notice__item + .p-photo-contest-notice__item {
    margin-top: 2.533333333333333vw;
  }
}
.p-photo-contest-heat {
  position: relative;
}
.p-photo-contest-heat::before {
  position: absolute;
  top: 0;
  left: 0;
  content: '';
}
@media screen and (min-width: 1024px) {
  .p-photo-contest-heat {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    margin-left: 1.5rem;
    padding-left: 2rem;
  }
  .p-photo-contest-heat::before {
    width: 0.4rem;
    height: 100%;
    background: url("/assets/images/photo_contest/img_dot_02_pc.svg") no-repeat center;
    background-size: 100% auto;
  }
}
@media screen and (min-width: 1024px) {
  .p-photo-contest-heat .p-photo-contest-notice__list {
    margin-left: 6.8rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-photo-contest-heat .p-photo-contest-notice__list {
    margin-top: 5.466666666666667vw;
  }
}
@media screen and (max-width: 1023px) {
  .p-photo-contest-heat {
    margin-top: 7.6vw;
    padding-top: 8.799999999999999vw;
  }
  .p-photo-contest-heat::before {
    width: 77.46666666666667vw;
    height: 0.533333333333333vw;
    background: url("/assets/images/photo_contest/img_dot_02_sp.svg") no-repeat center;
    background-size: 100% auto;
  }
}
.p-photo-contest-heat__attention {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.p-photo-contest-heat__attention img {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
@media screen and (min-width: 1024px) {
  .p-photo-contest-heat__attention {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-bottom: 1.3rem;
  }
  .p-photo-contest-heat__attention img {
    width: 5.686rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-photo-contest-heat__attention {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .p-photo-contest-heat__attention img {
    width: 18.11733333333333vw;
  }
}
.p-photo-contest-heat__text {
  position: relative;
  background-color: #fff;
  font-weight: 700;
  color: #de5753;
}
.p-photo-contest-heat__text::after {
  position: absolute;
  left: 0;
  background: url("/assets/images/photo_contest/img_mustache_03.svg") no-repeat center;
  background-size: contain;
  content: '';
}
@media screen and (min-width: 1024px) {
  .p-photo-contest-heat__text {
    margin-left: 3rem;
    padding: 1rem 0.9rem 1rem 2rem;
    font-size: 2rem;
    line-height: 1.4;
    border-radius: 1.6rem;
  }
  .p-photo-contest-heat__text::after {
    top: 1.4rem;
    width: 1.663rem;
    height: 2.228rem;
    -webkit-transform: translateX(-96.21166566446182%);
    transform: translateX(-96.21166566446182%);
  }
}
@media screen and (max-width: 1023px) {
  .p-photo-contest-heat__text {
    margin-left: 4.666666666666667vw;
    padding: 2.266666666666667vw 3.2vw 2.266666666666667vw 4.133333333333333vw;
    font-size: 4vw;
    line-height: 1.4;
    border-radius: 2.133333333333333vw;
  }
  .p-photo-contest-heat__text::after {
    top: 2.933333333333333vw;
    width: 3.466666666666666vw;
    height: 4.666666666666667vw;
    -webkit-transform: translateX(-96.15384615384616%);
    transform: translateX(-96.15384615384616%);
  }
}
.p-photo-contest-policy {
  position: relative;
}
@media screen and (min-width: 1024px) {
  .p-photo-contest-policy {
    width: 106.8rem;
    margin: 6.4rem auto 0;
  }
}
@media screen and (max-width: 1023px) {
  .p-photo-contest-policy {
    width: 89.33333333333333vw;
    margin: 19.333333333333332vw auto 0;
  }
}
.p-photo-contest-policy__hdg {
  margin: 0 auto;
  background-color: #1c5dc6;
}
.p-photo-contest-policy__hdg::after {
  background: url("/assets/images/photo_contest/img_mustache_01.svg") no-repeat center;
  background-size: contain;
}
@media screen and (min-width: 1024px) {
  .p-photo-contest-policy__hdg {
    width: 51.737rem;
  }
  .p-photo-contest-policy__hdg::after {
    width: 1.663rem;
    height: 2.228rem;
    -webkit-transform: translateY(54.54545454545454%);
    transform: translateY(54.54545454545454%);
  }
}
@media screen and (max-width: 1023px) {
  .p-photo-contest-policy__hdg {
    width: 76.04933333333334vw;
  }
  .p-photo-contest-policy__hdg::after {
    width: 3.138666666666666vw;
    height: 4.204vw;
    -webkit-transform: translateY(2.8vw);
    transform: translateY(2.8vw);
  }
}
@media screen and (min-width: 1024px) {
  .p-photo-contest-policy__frame {
    margin-top: 3.4rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-photo-contest-policy__frame {
    margin-top: 6.4vw;
  }
}
@media screen and (min-width: 1024px) {
  .p-photo-contest-check {
    width: 106.8rem;
    margin: 4.7rem auto;
    padding-left: 31.9rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-photo-contest-check {
    margin: 8.799999999999999vw auto;
    padding-left: 15.2vw;
  }
}
.p-photo-contest-check__item {
  font-weight: 700;
}
.p-photo-contest-check__item input {
  display: none;
}
.p-photo-contest-check__item label {
  display: block;
}
.p-photo-contest-check__item label::before {
  display: inline-block;
  background: url("/assets/images/photo_contest/icon_check.svg") no-repeat center;
  background-size: contain;
  vertical-align: middle;
  content: '';
}
.p-photo-contest-check__item input:checked + label::before {
  background-image: url("/assets/images/photo_contest/icon_checked.svg");
}
@media screen and (min-width: 1024px) {
  .p-photo-contest-check__item {
    font-size: 1.8rem;
  }
  .p-photo-contest-check__item label::before {
    width: 3.184rem;
    height: 3.184rem;
    margin-right: 3rem;
  }
  .p-photo-contest-check__item + .p-photo-contest-check__item {
    margin-top: 3.6rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-photo-contest-check__item {
    font-size: 3.733333333333334vw;
  }
  .p-photo-contest-check__item label::before {
    width: 5.822666666666667vw;
    height: 5.822666666666667vw;
    margin-right: 3.333333333333333vw;
  }
  .p-photo-contest-check__item + .p-photo-contest-check__item {
    margin-top: 6.4vw;
  }
}
.p-photo-contest-button {
  position: relative;
}
.p-photo-contest-button::after {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #e6e6e6;
  border-radius: 100vh;
  content: '';
}
.p-photo-contest-button a {
  display: block;
  position: relative;
  z-index: 1;
  background: #afafaf url("/assets/images/photo_contest/icon_arrow_right.svg") no-repeat 92% center;
  font-weight: 700;
  text-align: center;
  color: #fff;
  border-radius: 100vh;
  pointer-events: none;
}
.p-photo-contest-button.is-active::after {
  background-color: #76aaff;
}
.p-photo-contest-button.is-active a {
  pointer-events: auto;
  background: #1c5dc6 url("/assets/images/photo_contest/icon_arrow_right.svg") no-repeat 92% center;
}
@media screen and (min-width: 1024px) {
  .p-photo-contest-button {
    width: 43.6rem;
    margin: 8.5rem auto;
    font-size: 3rem;
    line-height: 1.4;
  }
  .p-photo-contest-button a {
    padding: 2.6rem 0;
    background-size: 3.169rem auto;
    -webkit-transition: -webkit-transform 0.17s ease-out;
    transition: -webkit-transform 0.17s ease-out;
    transition: transform 0.17s ease-out;
    transition: transform 0.17s ease-out, -webkit-transform 0.17s ease-out;
  }
  .p-photo-contest-button a:hover {
    -webkit-transform: translate(0.3rem, 1rem);
    transform: translate(0.3rem, 1rem);
  }
  .p-photo-contest-button::after {
    top: 1rem;
    left: 0.3rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-photo-contest-button {
    width: 83.82266666666666vw;
    margin: 14.399999999999999vw auto;
    font-size: 5.733333333333333vw;
    line-height: 1.395348837209302;
  }
  .p-photo-contest-button a {
    padding: 5.2vw 0;
    background-size: 5.466666666666667vw auto;
  }
  .p-photo-contest-button::after {
    top: 1.866666666666667vw;
    left: 0.533333333333333vw;
  }
}
.p-photo-contest-ws__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media screen and (min-width: 1024px) {
  .p-photo-contest-ws__list {
    margin: 0 6.9rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-photo-contest-ws__list {
    margin: 0 4.266666666666667vw;
  }
}
.p-photo-contest-ws__list img {
  vertical-align: top;
}
@media screen and (min-width: 1024px) {
  .p-photo-contest-ws__item {
    width: 29.3rem;
    margin: 3rem 0 0 2rem;
  }
  .p-photo-contest-ws__item:nth-child(3n + 1) {
    margin-left: 0;
  }
}
@media screen and (max-width: 1023px) {
  .p-photo-contest-ws__item {
    width: 39.06666666666666vw;
    margin: 4vw 0 0 1.333333333333333vw;
  }
  .p-photo-contest-ws__item:nth-child(2n + 1) {
    margin-left: 0;
  }
}
.p-photo-contest-ws__child {
  position: relative;
  z-index: 1;
  margin: 0 auto;
  background: url("/assets/images/photo_contest/ws/bg_child_icon.svg") no-repeat center;
  background-size: 100% auto;
}
@media screen and (min-width: 1024px) {
  .p-photo-contest-ws__child {
    width: 7.6rem;
    height: 8.4rem;
    margin-bottom: -0.4rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-photo-contest-ws__child {
    width: 10.133333333333333vw;
    height: 11.200000000000001vw;
    margin-bottom: -0.533333333333333vw;
  }
}
.p-photo-contest-ws__info {
  background-color: #fff;
}
@media screen and (min-width: 1024px) {
  .p-photo-contest-ws__info {
    padding-top: 0.8rem;
    border-radius: 1rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-photo-contest-ws__info {
    padding-top: 1.066666666666667vw;
    border-radius: 1.066666666666667vw;
  }
}
.p-photo-contest-ws__thum {
  overflow: hidden;
}
@media screen and (min-width: 1024px) {
  .p-photo-contest-ws__thum {
    margin: 0 0.8rem;
    border-radius: 0.8rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-photo-contest-ws__thum {
    margin: 0 1.066666666666667vw;
    border-radius: 1.066666666666667vw;
  }
}
.p-photo-contest-ws__title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
@media screen and (min-width: 1024px) {
  .p-photo-contest-ws__title {
    height: 7rem;
    padding: 1.2rem 2rem 1.2rem 2.2rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-photo-contest-ws__title {
    height: 10.133333333333333vw;
    padding: 1.6vw 2.666666666666667vw 1.6vw 2.933333333333333vw;
  }
}
.p-photo-contest-ws__title i {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
@media screen and (min-width: 1024px) {
  .p-photo-contest-ws__title i {
    width: 3rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-photo-contest-ws__title i {
    width: 4vw;
  }
}
.p-photo-contest-ws__text {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media screen and (min-width: 1024px) {
  .p-photo-contest-ws__text {
    margin-right: 1.4rem;
    font-size: 1.8rem;
    line-height: 1.277777777777778;
  }
}
@media screen and (max-width: 1023px) {
  .p-photo-contest-ws__text {
    margin-right: 1.866666666666667vw;
    font-size: 2.8vw;
    line-height: 1.238095238095238;
  }
}
@media screen and (min-width: 1024px) {
  .p-photo-contest-modal__ws .p-newspaper-modal__works--lead {
    padding-top: 0.2rem;
    padding-bottom: 0.2rem;
    padding-left: 0.4rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-photo-contest-modal__ws .p-newspaper-modal__works--lead {
    padding-top: 0.266666666666667vw;
    padding-bottom: 0.266666666666667vw;
    padding-left: 0.533333333333333vw;
  }
}
@media screen and (min-width: 1024px) {
  .p-photo-contest-modal__ws .p-newspaper-modal__works--lead img {
    width: 5.7rem;
    margin-right: 0.4rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-photo-contest-modal__ws .p-newspaper-modal__works--lead img {
    width: 7.6vw;
    margin-right: 0.533333333333333vw;
  }
}
.p-photo-contest-modal__wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  max-height: 100%;
  background-color: #fff;
}
@media screen and (min-width: 1024px) {
  .p-photo-contest-modal__wrap {
    border-radius: 2.9rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-photo-contest-modal__wrap {
    border-radius: 2.933333333333333vw;
  }
}
.p-photo-contest-modal__head {
  width: 100%;
}
@media screen and (min-width: 1024px) {
  .p-photo-contest-modal__head {
    padding: 2.8rem 6.3rem 2rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-photo-contest-modal__head {
    padding: 3.733333333333334vw 8.4vw 2.666666666666667vw;
  }
}
@media screen and (min-width: 1024px) {
  .m-others.p-voice {
    min-width: 124rem;
  }
}
.p-voice-stage {
  overflow: hidden;
  background-color: #5bd879;
}
@media screen and (min-width: 1024px) {
  .p-voice-stage {
    padding-bottom: 5.4rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-voice-stage {
    padding-bottom: 10.933333333333334vw;
  }
}
.p-voice-map-wrapper {
  position: relative;
}
@media screen and (min-width: 1024px) {
  .p-voice-map-wrapper > img {
    position: absolute;
    top: 0;
    left: 50%;
    width: 140.55636896046852%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}
@media screen and (min-width: 1366px) and (max-width: 1920px) {
  .p-voice-map-wrapper > img {
    width: 1920px;
  }
}
@media screen and (min-width: 1921px) {
  .p-voice-map-wrapper > img {
    width: 100%;
  }
}
@media screen and (max-width: 1023px) {
  .p-voice-map-wrapper > img {
    display: none;
  }
}
.p-voice-map {
  position: relative;
}
@media screen and (min-width: 1024px) {
  .p-voice-map {
    padding-top: 60.76134699853587%;
  }
}
@media screen and (min-width: 1366px) and (max-width: 1920px) {
  .p-voice-map {
    width: 1366px;
    height: 830px;
    margin: 0 auto;
    padding: 0;
  }
}
@media screen and (min-width: 1921px) {
  .p-voice-map {
    width: 71.14583333333333%;
    height: 0;
    margin: 0 auto;
    padding-top: 43.22916666666667%;
  }
}
@media screen and (max-width: 1023px) {
  .p-voice-map {
    padding-top: 196.26666666666665%;
    background: url("/assets/images/voice/img_map_sp.png") no-repeat center top;
    background-size: 100% auto;
  }
}
.p-voice-stage__title {
  position: absolute;
  top: 0;
}
@media screen and (min-width: 1024px) {
  .p-voice-stage__title {
    left: 4.026354319180088%;
    width: 27.891654465592975%;
  }
}
@media screen and (max-width: 1023px) {
  .p-voice-stage__title {
    left: 5.066666666666666%;
    width: 72.13333333333334%;
  }
}
.p-voice-stage__description {
  position: absolute;
}
@media screen and (min-width: 1024px) {
  .p-voice-stage__description {
    top: 3.80722891566265%;
    left: 33.711566617862374%;
    width: 30.073938506588583%;
    -webkit-filter: drop-shadow(0 0.3rem 0.8rem rgba(0,15,131,0.25));
    filter: drop-shadow(0 0.3rem 0.8rem rgba(0,15,131,0.25));
  }
}
@media screen and (max-width: 1023px) {
  .p-voice-stage__description {
    top: 21.855300859598856%;
    left: 10.626666666666667%;
    width: 65.76933333333334%;
    -webkit-filter: drop-shadow(0 0.4vw 1.066666666666667vw rgba(0,15,131,0.25));
    filter: drop-shadow(0 0.4vw 1.066666666666667vw rgba(0,15,131,0.25));
  }
}
.p-voice-stage__balloon {
  position: absolute;
  animation: cloudFloat 1.846s linear 0.5s infinite reverse;
}
@media screen and (min-width: 1024px) {
  .p-voice-stage__balloon {
    top: -38.18072289156626%;
    left: 73.72620790629576%;
    width: 25.54612005856515%;
  }
}
@media screen and (max-width: 1023px) {
  .p-voice-stage__balloon {
    top: 13.595988538681949%;
    left: 80.056%;
    width: 28.79066666666667%;
  }
}
.p-voice-message {
  position: absolute;
}
@media screen and (min-width: 1024px) {
  .p-voice-message {
    top: 14.349397590361445%;
    left: 49.436310395314784%;
    width: 35.46705710102489%;
    padding-top: 9.76207906295754%;
  }
}
@media screen and (max-width: 1023px) {
  .p-voice-message {
    top: 60.46666666666667vw;
    left: 28.173333333333332vw;
    width: 64.59733333333334vw;
    padding-top: 17.779999999999998vw;
  }
}
.p-voice-message__comment {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background: no-repeat center;
  background-size: 100% auto;
  opacity: 0;
  pointer-events: none;
  -webkit-transform: scale(0.97);
  transform: scale(0.97);
  -webkit-transform-origin: top right;
  transform-origin: top right;
  -webkit-transition: all 0.7s ease;
  transition: all 0.7s ease;
}
.p-voice-message__comment.is-current {
  z-index: 2;
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
  pointer-events: auto;
}
.p-voice-message__comment a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transform: skewY(-6.1deg);
  transform: skewY(-6.1deg);
  line-height: 1.5;
}
@media screen and (min-width: 1024px) {
  .p-voice-message__comment a {
    height: 68.87889013873266%;
    padding: 8.565885072655217% 6.19220607661823% 0 5.304656538969617%;
    font-size: 1.171303074670571vw;
  }
}
@media screen and (min-width: 1366px) and (max-width: 1920px) {
  .p-voice-message__comment a {
    font-size: 1.6rem;
  }
}
@media screen and (min-width: 1921px) {
  .p-voice-message__comment a {
    font-size: 0.833333333333333vw;
  }
}
@media screen and (max-width: 1023px) {
  .p-voice-message__comment a {
    height: 13.333333333333334vw;
    padding: 4.866666666666666vw 2.666666666666667vw 0 3.426666666666667vw;
    font-size: 2.666666666666667vw;
  }
}
@media screen and (min-width: 1024px) {
  .p-voice-message__comment.is-pink {
    background-image: url("/assets/images/voice/bg_message_pc.svg");
  }
}
@media screen and (max-width: 1023px) {
  .p-voice-message__comment.is-pink {
    background-image: url("/assets/images/voice/bg_message_sp.svg");
  }
}
.p-voice-message__comment.is-pink a {
  color: #ed69a7;
}
.p-voice-message__comment.is-blue {
  background-image: url("/assets/images/voice/bg_message_blue.svg");
}
.p-voice-message__comment.is-blue a {
  color: #2c77e5;
}
.p-voice-message__comment.is-orange {
  background-image: url("/assets/images/voice/bg_message_orange.svg");
}
.p-voice-message__comment.is-orange a {
  color: #ff854e;
}
.p-voice-area {
  position: absolute;
}
@media screen and (min-width: 1024px) {
  .p-voice-area {
    width: 31.19106881405564%;
  }
}
@media screen and (max-width: 1023px) {
  .p-voice-area {
    width: 75.14266666666667%;
  }
}
@media screen and (min-width: 1024px) {
  .p-voice-area__panel {
    padding-top: 34.03196657826179%;
  }
}
@media screen and (max-width: 1023px) {
  .p-voice-area__panel {
    padding-top: 34.19805880369785%;
  }
}
.p-voice-area__board {
  position: absolute;
  top: 0;
}
@media screen and (min-width: 1024px) {
  .p-voice-area__board {
    width: 50.32975802098246%;
  }
}
@media screen and (max-width: 1023px) {
  .p-voice-area__board {
    width: 50.32915165817911%;
  }
}
.p-voice-area__object {
  position: absolute;
  top: 0;
  left: 0;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  pointer-events: none;
}
.p-voice-area__child {
  position: absolute;
  z-index: 1;
  overflow: hidden;
}
@media screen and (min-width: 1024px) {
  .p-voice-area__child {
    width: 12.345858661722254%;
  }
}
@media screen and (max-width: 1023px) {
  .p-voice-area__child {
    width: 8.799999999999999vw;
  }
}
.p-voice-area__child img {
  width: 200%;
  -webkit-animation: voiceChildren 1.846s steps(1) 0s infinite;
  animation: voiceChildren 1.846s steps(1) 0s infinite;
}
.p-voice-area__child.is-1 img,
.p-voice-area__child.is-3 img {
  -webkit-animation-delay: 0.923s;
  animation-delay: 0.923s;
}
@media screen and (min-width: 1024px) {
  .p-voice-area__child.is-1 {
    top: 68.03196570443373%;
    left: 34.49438401618255%;
  }
  .p-voice-area__child.is-2 {
    top: 48.927098623051656%;
    left: 65.19154674663307%;
  }
  .p-voice-area__child.is-3 {
    top: 55.94697234453997%;
    left: 35.92100360203702%;
  }
  .p-voice-area__child.is-4 {
    top: 54.78204142494351%;
    left: 63.60168213354154%;
  }
}
@media screen and (max-width: 1023px) {
  .p-voice-area__child.is-1 {
    top: 67.52172596165047%;
    left: 34.46776797913302%;
  }
  .p-voice-area__child.is-2 {
    top: 48.649845064187694%;
    left: 65.16493070958354%;
  }
  .p-voice-area__child.is-3 {
    top: 56.093753640409126%;
    left: 35.51998864382419%;
  }
  .p-voice-area__child.is-4 {
    top: 54.69583653689336%;
    left: 63.732987916319175%;
  }
}
.p-voice-area__bubble {
  position: absolute;
  animation: cloudFloat 1.846s linear 0.5s infinite reverse;
}
.p-voice-area__bubble p {
  position: absolute;
  color: #1aa84c;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
@media screen and (min-width: 1024px) {
  .p-voice-area__bubble p {
    font-size: 1.171303074670571vw;
    line-height: 1.5;
  }
  .p-voice-area__bubble.is-1 {
    top: 53.01647286821706%;
    left: 7.746705710102489%;
    width: 17.4597364568082%;
  }
  .p-voice-area__bubble.is-1 p {
    top: 52%;
    left: 52%;
    width: 72.11740041928721%;
  }
  .p-voice-area__bubble.is-2 {
    top: 31.80910852713178%;
    left: 72.47071742313324%;
    width: 16.581259150805273%;
  }
  .p-voice-area__bubble.is-2 p {
    top: 52%;
    left: 52%;
    width: 70.19867549668875%;
  }
}
@media screen and (max-width: 1023px) {
  .p-voice-area__bubble p {
    font-size: 2.666666666666667vw;
    line-height: 1.5;
  }
  .p-voice-area__bubble.is-1 {
    top: 83.58933333333333vw;
    left: 2.327999999999999vw;
    width: 37.75vw;
  }
  .p-voice-area__bubble.is-1 p {
    top: 52%;
    left: 52%;
    width: 26.5vw;
  }
  .p-voice-area__bubble.is-2 {
    top: 122.57733333333334vw;
    left: 59.18800000000001vw;
    width: 37.016666666666666vw;
  }
  .p-voice-area__bubble.is-2 p {
    top: 52%;
    left: 54%;
    width: 26.37333333333333vw;
  }
}
@media screen and (min-width: 1024px) and (min-width: 1366px) and (max-width: 1920px) {
  .p-voice-area__bubble p {
    font-size: 1.6rem;
  }
}
@media screen and (min-width: 1024px) and (min-width: 1921px) {
  .p-voice-area__bubble p {
    font-size: 0.833333333333333vw;
  }
}
.p-voice-area__rail {
  position: absolute;
}
@media screen and (min-width: 1024px) {
  .p-voice-area__rail {
    left: 50%;
    bottom: -3.373493975903615%;
    width: 140.55636896046852%;
    height: 28.915662650602407%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}
@media screen and (min-width: 1366px) and (max-width: 1920px) {
  .p-voice-area__rail {
    width: 192rem;
  }
}
@media screen and (min-width: 1921px) {
  .p-voice-area__rail {
    width: 100%;
  }
}
@media screen and (max-width: 1023px) {
  .p-voice-area__rail {
    bottom: 0;
    left: 0;
    width: 100%;
    height: 15.733333333333333vw;
  }
}
.p-voice-area__train {
  position: absolute;
  -webkit-transition: -webkit-transform 8s linear;
  transition: -webkit-transform 8s linear;
  transition: transform 8s linear;
  transition: transform 8s linear, -webkit-transform 8s linear;
}
.p-voice-area__train.is-waiting {
  -webkit-transition: none;
  transition: none;
}
@media screen and (min-width: 1024px) {
  .p-voice-area__train {
    top: -27.500000000000004%;
    left: 100%;
    width: 17.980729166666666%;
  }
  .p-voice-area__train.is-driving {
    -webkit-transform: translate(-656.1509718158908%, 262.13914390001105%);
    transform: translate(-656.1509718158908%, 262.13914390001105%);
  }
}
@media screen and (min-width: 1366px) and (max-width: 1920px) {
  .p-voice-area__train {
    width: 34.523rem;
  }
}
@media screen and (min-width: 1921px) {
  .p-voice-area__train {
    width: 17.980729166666666%;
  }
}
@media screen and (max-width: 1023px) {
  .p-voice-area__train {
    top: -55.932203389830505%;
    left: 100%;
    width: 46.03066666666667vw;
  }
  .p-voice-area__train.is-driving {
    -webkit-transform: translate(-317.24647336558235%, 124.44444444444444%);
    transform: translate(-317.24647336558235%, 124.44444444444444%);
  }
}
@media screen and (min-width: 1024px) {
  #voice-questionnaire {
    top: 32.144578313253014%;
    left: 23.62371888726208%;
  }
  #voice-questionnaire .p-voice-area__board {
    left: 6.501279132536905%;
  }
  #voice-questionnaire .p-voice-area__object {
    padding-top: 30.67101649963621%;
    padding-left: 20.146924214330973%;
    width: 71.07517544065529%;
  }
}
@media screen and (max-width: 1023px) {
  #voice-questionnaire {
    top: 39.73233695652174%;
    left: 32.63333333333333%;
  }
  #voice-questionnaire .p-voice-area__board {
    left: 6.501410649963622%;
  }
  #voice-questionnaire .p-voice-area__object {
    padding-top: 30.67054669340099%;
    padding-left: 20.14656564401938%;
    width: 71.07369093457777%;
  }
}
@media screen and (min-width: 1024px) {
  #voice-monitor {
    top: 27.612048192771084%;
    left: 45.86310395314788%;
  }
  #voice-monitor .p-voice-area__board {
    left: 9.780083084939086%;
  }
  #voice-monitor .p-voice-area__object {
    padding-top: 27.603445443237028%;
    padding-left: 9.780083084939086%;
    width: 83.1295327058934%;
  }
}
@media screen and (max-width: 1023px) {
  #voice-monitor {
    top: 56.24388586956521%;
    left: 2.642666666666667%;
  }
  #voice-monitor .p-voice-area__board {
    left: 9.778732011994961%;
  }
  #voice-monitor .p-voice-area__object {
    padding-top: 27.604379225295865%;
    padding-left: 9.778732011994961%;
    width: 83.12898131554198%;
  }
}
.p-voice-area-modal {
  display: none;
}
.p-voice-area-modal.is-opened {
  display: block;
}
.p-voice-area-modal .m-modal__overlay {
  background-color: rgba(0,0,0,0.5);
}
.p-voice-area-modal__container {
  background-color: #fff;
}
@media screen and (min-width: 1024px) {
  .p-voice-area-modal__container {
    width: 56.2rem;
    padding: 4rem 3rem;
    border-radius: 1.6rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-voice-area-modal__container {
    width: 74.93333333333332vw;
    padding: 5.333333333333334vw 4vw;
    border-radius: 2.133333333333333vw;
  }
}
.p-voice-area-modal__container .c-othersbutton .c-othersbutton__wrap {
  line-height: 1.375;
}
@media screen and (min-width: 1024px) {
  .p-voice-area-modal__container .c-othersbutton {
    width: 35.5rem;
    margin: 3rem auto 0;
  }
  .p-voice-area-modal__container .c-othersbutton .c-othersbutton__wrap {
    font-size: 2rem;
  }
  .p-voice-area-modal__container .c-othersbutton .c-othersbutton__wrap.is--row-2 {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  .p-voice-area-modal__container .c-othersbutton .c-othersbutton__wrap.is--icon-window::before {
    right: 2.8rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-voice-area-modal__container .c-othersbutton {
    width: 47.333333333333336vw;
    margin: 4vw auto 0;
  }
  .p-voice-area-modal__container .c-othersbutton .c-othersbutton__wrap {
    font-size: 2.666666666666667vw;
  }
  .p-voice-area-modal__container .c-othersbutton .c-othersbutton__wrap.is--row-2 {
    padding-top: 1.333333333333333vw;
    padding-bottom: 1.333333333333333vw;
  }
  .p-voice-area-modal__container .c-othersbutton .c-othersbutton__wrap.is--icon-window::before {
    right: 3.733333333333334vw;
  }
}
.p-voice-area-modal__heading {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.p-voice-area-modal__icon {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
@media screen and (min-width: 1024px) {
  .p-voice-area-modal__icon {
    width: 9.108rem;
    margin-right: 2.2rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-voice-area-modal__icon {
    width: 12.143999999999998vw;
    margin-right: 2.933333333333333vw;
  }
}
.p-voice-area-modal__title {
  line-height: 1.382352941176471;
  color: #37ad00;
}
@media screen and (min-width: 1024px) {
  .p-voice-area-modal__title {
    font-size: 3.4rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-voice-area-modal__title {
    font-size: 4.533333333333333vw;
  }
}
.p-voice-area-modal__body {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
@media screen and (min-width: 1024px) {
  .p-voice-area-modal__body {
    margin-top: 2.6rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-voice-area-modal__body {
    margin-top: 3.466666666666666vw;
  }
}
.p-voice-area-modal__adviser {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
@media screen and (min-width: 1024px) {
  .p-voice-area-modal__adviser {
    width: 5.6rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-voice-area-modal__adviser {
    width: 7.466666666666668vw;
  }
}
.p-voice-area-modal__comment {
  position: relative;
  line-height: 1.95;
}
.p-voice-area-modal__comment::before {
  position: absolute;
  background: no-repeat center;
  background-size: contain;
  content: '';
}
@media screen and (min-width: 1024px) {
  .p-voice-area-modal__comment::before {
    top: 0.5rem;
    right: -1.5rem;
    width: 2.1rem;
    height: 1.3rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-voice-area-modal__comment::before {
    top: 0.666666666666667vw;
    right: -2vw;
    width: 2.8vw;
    height: 1.733333333333333vw;
  }
}
@media screen and (min-width: 1024px) {
  .p-voice-area-modal__comment {
    margin: 0.6rem 2.8rem 0 2.2rem;
    padding: 1.6rem 2.4rem;
    font-size: 2rem;
    border-radius: 1.5rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-voice-area-modal__comment {
    margin: 0.8vw 3.733333333333334vw 0 2.933333333333333vw;
    padding: 2.133333333333333vw 3.2vw;
    font-size: 2.666666666666667vw;
    border-radius: 2vw;
  }
}
#voice-questionnaire .p-voice-area-modal__comment {
  background-color: #fff2be;
}
#voice-questionnaire .p-voice-area-modal__comment::before {
  background-image: url("/assets/images/common/img-fukidashi-right-yellow.svg");
}
#voice-monitor .p-voice-area-modal__comment {
  background-color: #e3f0ff;
}
#voice-monitor .p-voice-area-modal__comment::before {
  background-image: url("/assets/images/common/img-fukidashi-right-sky.svg");
}
@media screen and (min-width: 1024px) {
  .p-voice-area-modal__close .c-othersbutton {
    width: 24.9rem;
    margin: 3rem auto 0;
  }
}
@media screen and (max-width: 1023px) {
  .p-voice-area-modal__close .c-othersbutton {
    width: 33.2vw;
    margin: 4vw auto 0;
  }
  .p-voice-area-modal__close .c-othersbutton .c-othersbutton__wrap.is--icon-close::before {
    right: 2.533333333333333vw;
    width: 4.266666666666667vw;
    height: 4.266666666666667vw;
    background-size: contain;
  }
}
.p-voice-action {
  position: relative;
}
@media screen and (min-width: 1024px) {
  .p-voice-action {
    max-width: 136.6rem;
    margin: 0 auto;
  }
}
@media screen and (max-width: 1023px) {
  .p-voice-action {
    margin-top: 4.266666666666667vw;
  }
}
.p-voice-action__children {
  margin: 0 auto;
  background: no-repeat 0% 0%;
  background-size: 100% auto;
}
.p-voice-action__children.is-action {
  -webkit-animation: 0.923s steps(1) 1s 1 jumpChildren;
  animation: 0.923s steps(1) 1s 1 jumpChildren;
}
@media screen and (min-width: 1024px) {
  .p-voice-action__children {
    width: 93.9rem;
    height: 14.531rem;
    padding: 1.7rem 0 0rem;
    background-image: url("/assets/images/voice/bg_action_pc.png");
  }
}
@media screen and (max-width: 1023px) {
  .p-voice-action__children {
    width: 88vw;
    min-height: 12.574666666666667vw;
    background-image: url("/assets/images/voice/bg_action_sp.png");
  }
}
@media screen and (min-width: 1024px) {
  .p-voice-action__banner {
    width: 91.416rem;
    margin: 0.6rem auto 0;
  }
}
@media screen and (max-width: 1023px) {
  .p-voice-action__banner {
    width: 90.66666666666666vw;
    margin: 4.266666666666667vw auto 0;
  }
}
.p-voice-cloud {
  position: absolute;
  z-index: 2;
  -webkit-transition: all 1.32s ease-in;
  transition: all 1.32s ease-in;
}
@media screen and (min-width: 1024px) {
  .p-voice-cloud__west {
    top: -11.6rem;
    left: -36.574rem;
    width: 73.147rem;
  }
  .p-voice-cloud__west.is-action {
    left: -73.147rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-voice-cloud__west {
    top: -9.813333333333334vw;
    left: -20.632vw;
    width: 51.09466666666667vw;
  }
  .p-voice-cloud__west.is-action {
    left: -51.09466666666667vw;
  }
}
@media screen and (min-width: 1024px) {
  .p-voice-cloud__east {
    top: -25.1rem;
    right: -33.2rem;
    width: 61.91799999999999rem;
  }
  .p-voice-cloud__east.is-action {
    right: -61.91799999999999rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-voice-cloud__east {
    top: -18.186666666666667vw;
    right: -13.733333333333334vw;
    width: 43.25066666666667vw;
  }
  .p-voice-cloud__east.is-action {
    right: -32.438rem;
  }
}
.p-voice-lead {
  position: relative;
  text-align: center;
}
@media screen and (min-width: 1024px) {
  .p-voice-lead {
    margin-bottom: 3.6rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-voice-lead {
    margin-bottom: 4.8vw;
    -webkit-transform: translateY(-0.933333333333333vw);
    transform: translateY(-0.933333333333333vw);
  }
}
.p-voice-lead span {
  display: inline-block;
  position: relative;
  z-index: 1;
  background-color: #37ad00;
  line-height: 1.307692307692308;
  color: #fff;
}
@media screen and (min-width: 1024px) {
  .p-voice-lead span {
    min-width: 51.8rem;
    padding: 1.2rem;
    font-size: 2.6rem;
    border-radius: 2rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-voice-lead span {
    min-width: 61.6vw;
    padding: 1.6vw;
    font-size: 3.466666666666666vw;
    border-radius: 2.666666666666667vw;
  }
}
.p-voice-lead i {
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateY(71.8132854578097%);
  transform: translateY(71.8132854578097%);
}
@media screen and (min-width: 1024px) {
  .p-voice-lead i {
    width: 1.6rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-voice-lead i {
    width: 2.133333333333333vw;
  }
}
.p-voice-initiative {
  overflow: hidden;
}
@media screen and (min-width: 1024px) {
  .p-voice-initiative {
    margin-top: 7rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-voice-initiative {
    margin-top: 12vw;
  }
}
.p-voice-initiative .c-heading__level2 {
  text-align: center;
}
@media screen and (min-width: 1024px) {
  .p-voice-initiative .c-container__inner {
    overflow: hidden;
    width: 124rem;
    padding-right: 2.9rem;
    padding-left: 2.9rem;
  }
}
@media screen and (min-width: 1024px) {
  .p-voice-initiative__wrap {
    width: 100%;
  }
}
@media screen and (min-width: 1024px) {
  .p-voice-initiative__container {
    margin-top: 2.8rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-voice-initiative__container {
    margin-top: 9.066666666666666vw;
  }
}
.p-voice-initiative__article {
  background-color: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  height: auto;
}
@media screen and (min-width: 1024px) {
  .p-voice-initiative__article {
    padding: 2.4rem 2.6rem 1.4rem;
    border: 0.6rem solid #45b463;
    border-radius: 4rem;
  }
  .p-voice-initiative__article .c-othersbutton {
    width: auto;
    margin: 2.7rem 1rem 0;
  }
  .p-voice-initiative__article .c-othersbutton .c-othersbutton__wrap {
    padding: 1.4rem 0;
    font-size: 2rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-voice-initiative__article {
    padding: 4.533333333333333vw;
    border: 0.8vw solid #45b463;
    border-radius: 5.333333333333334vw;
  }
  .p-voice-initiative__article .c-othersbutton {
    width: 100%;
    margin: 2.666666666666667vw 0 0;
  }
}
.p-voice-initiative__fig {
  overflow: hidden;
}
.p-voice-initiative__fig img {
  vertical-align: top;
}
@media screen and (min-width: 1024px) {
  .p-voice-initiative__fig {
    margin-bottom: 1.4rem;
    border: 0.2rem solid #c9c9c9;
    border-radius: 1.5rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-voice-initiative__fig {
    margin-bottom: 5.066666666666666vw;
    border: 0.266666666666667vw solid #c9c9c9;
    border-radius: 3.333333333333333vw;
  }
}
.p-voice-initiative__title {
  text-align: center;
  color: #45b463;
}
@media screen and (min-width: 1024px) {
  .p-voice-initiative__title {
    font-size: 2.2rem;
    line-height: 1.636363636363636;
  }
}
@media screen and (max-width: 1023px) {
  .p-voice-initiative__title {
    font-size: 5.333333333333334vw;
    line-height: 1.4;
  }
}
@media screen and (min-width: 1024px) {
  .p-voice-initiative__text {
    margin: 0.6rem 1rem auto;
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
@media screen and (max-width: 1023px) {
  .p-voice-initiative__text {
    margin: 2.666666666666667vw 0 auto;
    font-size: 4.266666666666667vw;
    line-height: 1.59375;
  }
}
.p-voice-initiative__control {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
@media screen and (min-width: 1024px) {
  .p-voice-initiative__control {
    width: 48.4rem;
    margin: 5rem auto 0;
  }
}
@media screen and (max-width: 1023px) {
  .p-voice-initiative__control {
    margin-top: 6.666666666666667vw;
  }
}
.p-voice-initiative__arrow {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0;
  padding: 0;
  background: url("/assets/images/common/icon-arrow-btn-right-green-white.svg") no-repeat center;
  background-size: 100% auto;
  border: none;
  cursor: pointer;
}
.p-voice-initiative__arrow img {
  vertical-align: top;
}
@media screen and (min-width: 1024px) {
  .p-voice-initiative__arrow {
    width: 7rem;
    height: 7rem;
    -webkit-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
  }
  .p-voice-initiative__arrow:hover:not(.swiper-button-disabled) {
    opacity: 0.8;
  }
}
@media screen and (max-width: 1023px) {
  .p-voice-initiative__arrow {
    width: 12.8vw;
    height: 12.8vw;
  }
}
.p-voice-initiative__arrow.swiper-button-disabled {
  background-image: url("/assets/images/common/icon-arrow-btn-right-gray-white.svg");
  cursor: default;
}
.p-voice-initiative__prev {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.p-voice-initiative__pagination .swiper-pagination-bullet {
  background-color: #fff;
  opacity: 1;
}
@media screen and (min-width: 1024px) {
  .p-voice-initiative__pagination .swiper-pagination-bullet {
    width: 1rem;
    height: 1rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-voice-initiative__pagination .swiper-pagination-bullet {
    width: 1.333333333333333vw;
    height: 1.333333333333333vw;
  }
}
@media screen and (min-width: 1024px) {
  .p-voice-initiative__pagination .swiper-pagination-bullet + .swiper-pagination-bullet {
    margin-left: 2rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-voice-initiative__pagination .swiper-pagination-bullet + .swiper-pagination-bullet {
    margin-left: 2.666666666666667vw;
  }
}
.p-voice-initiative__pagination .swiper-pagination-bullet-active {
  background-color: #45b463;
}
.p-voice-initiative__new {
  position: absolute;
}
@media screen and (min-width: 1024px) {
  .p-voice-initiative__new {
    top: -1.4rem;
    left: -1.4rem;
    width: 6.4rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-voice-initiative__new {
    top: -2.666666666666667vw;
    left: -2.666666666666667vw;
    width: 14.666666666666666vw;
  }
}
@-webkit-keyframes voiceChildren {
  0% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
  50% {
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  0% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
}
@keyframes voiceChildren {
  0% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
  50% {
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  0% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
}
@-webkit-keyframes jumpChildren {
  0% {
    background-position: 0% 0%;
  }
  33.3333% {
    background-position: 0% 50%;
  }
  66.6666% {
    background-position: 0% 100%;
  }
  100% {
    background-position: 0% 0%;
  }
}
@keyframes jumpChildren {
  0% {
    background-position: 0% 0%;
  }
  33.3333% {
    background-position: 0% 50%;
  }
  66.6666% {
    background-position: 0% 100%;
  }
  100% {
    background-position: 0% 0%;
  }
}