/* CSS Document */
* {
  box-sizing: border-box;
}
*::before, *::after {
  box-sizing: border-box;
}

body {
  width: 100%;
  padding: 0;
  margin: 0;
  position: relative;
}

/* all */
h1, h2, h3, h4, h5, p, dt, dd, li, th, td, address, strong, em, table, dl, ul, ol, img,
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
  padding: 0;
  margin: 0;
  background: transparent;
}

/* font */
h1, h2, h3, h4, h5, p, dt, dd, li, th, td, a, address, strong, em, form, input, textarea, select, submit,
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
  color: inherit;
  line-height: inherit;
  font-family: inherit;
  font-size: inherit;
}

/* indivisual */
a {
  border: none;
  color: inherit;
  word-wrap: break-word;
  text-decoration: underline;
  position: relative;
}
a:hover {
  opacity: 1;
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

address, em {
  font-style: normal;
}

ul, ol {
  list-style: none none outside;
}

img {
  display: block;
  border: none;
}

html {
  scroll-behavior: smooth;
}

body {
  color: #000;
  font-family: "Zen Maru Gothic", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 500;
  -webkit-font-smoothing: antialiased;
  line-height: 1;
  letter-spacing: 0.05em;
  text-align: justify;
  background-color: #fff;
  position: relative;
}

a {
  text-decoration: none;
}

img {
  max-width: 100%;
  height: auto;
}

@media only screen and (min-width: 1000px) {
  .cm_flex {
    display: flex;
  }
}
.cm_link {
  display: block;
  width: 17rem;
  height: 4rem;
  border-radius: 2rem;
  background: #EB6161;
  box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.25);
  position: relative;
  z-index: 2;
  transition: 0.35s ease;
}
@media only screen and (max-width: 999px) {
  .cm_link {
    margin: 0 auto;
  }
}
.cm_link span {
  color: #FFF;
  font-weight: 700;
  line-height: 1.25; /* 20px */
  letter-spacing: 0.02em;
  position: absolute;
  left: 1.5rem;
  top: 50%;
  transform: translateY(-50%);
}
.cm_link::after {
  content: "";
  width: 0.8125rem;
  height: 0.625rem;
  background: url(../img/triangle.svg) center/cover no-repeat;
  position: absolute;
  right: 1.5rem;
  top: 52%;
  transform: translateY(-50%);
}
.cm_link:hover {
  background-color: #000;
}

.cm_box {
  max-width: 60rem;
  width: calc(100% - 4rem);
  border-radius: 2.5rem;
  margin: 6rem auto 0;
  padding: 4rem 4rem 0;
  position: relative;
}
@media only screen and (max-width: 999px) {
  .cm_box {
    margin: 5rem auto 0;
    padding: 4rem 2rem;
  }
}
.cm_box .flex3 {
  display: flex;
  align-items: center;
  gap: 0 0.519375rem;
  justify-content: center;
  position: absolute;
  left: 50%;
  top: -2rem;
  transform: translateX(-50%);
}
.cm_box .flex3 li {
  width: 4rem;
  height: auto;
}
.cm_box .flex3 li img {
  width: 100%;
  height: auto;
}
.cm_box h3 {
  color: #0075BE;
  font-size: 2.5rem;
  font-weight: 900;
  line-height: 1.5; /* 60px */
  letter-spacing: 0.1em;
  text-align: center;
  margin: -0.25em 0;
}
@media only screen and (max-width: 999px) {
  .cm_box h3 {
    font-size: 2rem;
  }
}
.cm_box .lead {
  color: #0075BE;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.75; /* 35px */
  letter-spacing: 0.05em;
  text-align: center;
  margin: calc(2.75rem - 0.375em) 0 -0.375em;
}
@media only screen and (max-width: 999px) {
  .cm_box .lead {
    margin: calc(2.5rem - 0.375em) 0 -0.375em;
  }
}
.cm_box .back_g {
  width: 100%;
  height: 3rem;
  background-color: #0075BE;
  border-radius: 1.5rem;
  margin-top: 3.125rem;
  position: relative;
}
@media only screen and (max-width: 999px) {
  .cm_box .back_g {
    margin-top: 3rem;
  }
}
.cm_box .back_g span {
  color: #FFF;
  font-weight: 700;
  line-height: 1.75; /* 28px */
  letter-spacing: 0.05em;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
@media only screen and (max-width: 999px) {
  .cm_box .back_g span {
    line-height: 1.25;
    white-space: nowrap;
  }
}

.cm_txt_scroll {
  width: 100vw;
  height: 8vw;
  overflow: hidden;
}
@media only screen and (max-width: 999px) {
  .cm_txt_scroll {
    height: 16.6666666667vw;
  }
}
.cm_txt_scroll .mask {
  display: flex;
  max-width: inherit;
  height: 8vw;
  position: absolute;
  top: 0;
  left: 0;
  animation: a_scroll 20s linear infinite;
}
@media only screen and (max-width: 999px) {
  .cm_txt_scroll .mask {
    height: 16.6666666667vw;
  }
}
.cm_txt_scroll .mask img {
  width: auto;
  max-width: inherit;
  height: 8vw;
}
@media only screen and (max-width: 999px) {
  .cm_txt_scroll .mask img {
    height: 16.6666666667vw;
  }
}

@keyframes a_scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}
.blurIn {
  transition: 0.75s linear;
  opacity: 0;
  filter: blur(16px);
}
.blurIn.play {
  opacity: 1;
  filter: blur(0);
}

.fadeIn {
  transition: 0.75s linear;
  opacity: 0;
}
.fadeIn.play {
  opacity: 1;
}

.slideUp {
  transition: transform 0.75s cubic-bezier(0.25, 1, 0.5, 1), opacity 1s linear;
  transform: translateY(2rem);
  opacity: 0;
}
.slideUp.play {
  transform: translateY(0);
  opacity: 1;
}

.slideLeft {
  transition: transform 0.75s cubic-bezier(0.25, 1, 0.5, 1), opacity 1s linear;
  opacity: 0;
}
.slideLeft.play {
  transform: translate(0);
  opacity: 1;
}
@media only screen and (min-width: 1000px) {
  .slideLeft {
    transform: translateX(2rem);
  }
}
@media only screen and (max-width: 999px) {
  .slideLeft {
    transform: translateY(2rem);
  }
}

.slideRight {
  transition: transform 0.75s cubic-bezier(0.25, 1, 0.5, 1), opacity 1s linear;
  opacity: 0;
}
.slideRight.play {
  transform: translate(0);
  opacity: 1;
}
@media only screen and (min-width: 1000px) {
  .slideRight {
    transform: translateX(-2rem);
  }
}
@media only screen and (max-width: 999px) {
  .slideRight {
    transform: translateY(2rem);
  }
}

@media only screen and (min-width: 1000px) {
  .slideUp.delay,
  .slideLeft.delay,
  .slideRight.delay {
    transition-delay: 0.125s;
  }
  .slideUp.delay2,
  .slideLeft.delay2,
  .slideRight.delay2 {
    transition-delay: 0.25s;
  }
  .slideUp.delay3,
  .slideLeft.delay3,
  .slideRight.delay3 {
    transition-delay: 0.375s;
  }
  .slideUp.delay4,
  .slideLeft.delay4,
  .slideRight.delay4 {
    transition-delay: 0.5s;
  }
  .slideUp.delay5,
  .slideLeft.delay5,
  .slideRight.delay5 {
    transition-delay: 0.625s;
  }
}

@keyframes scroll-left {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}
header {
  width: 100%;
  overflow: hidden;
  z-index: 3;
}
header.show .menu {
  background-color: #fff;
}
header.show .menu div {
  background-color: #0075BE;
}
header.show .menu div.bar {
  top: 50% !important;
  transform: translate(-50%, -50%) rotate(45deg);
}
header.show .menu div.bar2 {
  opacity: 0;
}
header.show .menu div.bar3 {
  top: 50% !important;
  transform: translate(-50%, -50%) rotate(-45deg);
}
header.show nav {
  visibility: visible;
  opacity: 1;
}
header.status .logo {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
}
@media only screen and (max-width: 999px) {
  header.status .logo {
    transform: translateY(0);
  }
}
header .logo {
  width: 11.25rem;
  position: fixed;
  left: min(5rem, 5vw);
  top: min(4rem, 4vw);
  z-index: 16;
  transition: 0.25s 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  transform: scale(0.7);
  opacity: 0;
  visibility: hidden;
}
@media only screen and (max-width: 999px) {
  header .logo {
    transition: 0.3s 1s cubic-bezier(0.34, 1.56, 0.64, 1);
    transform: translateY(2rem);
  }
}
header .logo a {
  width: 100%;
  height: 100%;
  opacity: 1;
  visibility: visible;
  transition: opacity 0.35s ease-in, visibility 0.35s ease-in;
}
header .logo a:hover {
  opacity: 0.5;
}
@media only screen and (max-width: 999px) {
  header .logo {
    width: 7.5rem;
    left: unset;
    top: unset;
    right: 1rem;
    bottom: 1rem;
    z-index: 2;
  }
  header .logo.hide a {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
  }
}
header .menu {
  cursor: pointer;
  width: 5rem;
  height: 5rem;
  background: #fff;
  border: 0.125rem solid #0075BE;
  border-radius: 0.625rem;
  position: fixed;
  top: 2rem;
  right: 2.5rem;
  z-index: 99;
  opacity: 1;
  transform: scale(1);
  transition: opacity 0.3s ease, transform 0.3s ease;
}
@media only screen and (max-width: 999px) {
  header .menu {
    right: 1rem;
    top: 1rem;
  }
}
header .menu div {
  width: 2.45875rem;
  height: 4px;
  background: #0075BE;
  position: absolute;
  top: calc(50% - 12px);
  left: 50%;
  transition: top 0.15s ease, transform 0.15s ease, opacity 0.15s ease;
  transform: translate(-50%, -50%);
}
header .menu div.bar2 {
  top: 50%;
}
header .menu div.bar3 {
  top: calc(50% + 12px);
}
header nav {
  height: 100vh;
  border-radius: 2.5rem 0px 0px 2.5rem;
  background: rgba(255, 255, 255, 0.95);
  padding: 11rem 6.5rem 0 5rem;
  position: fixed;
  right: 0;
  top: 0;
  overflow: auto;
  z-index: 15;
  opacity: 0;
  visibility: hidden;
  transition: 0.25s;
}
@media only screen and (max-width: 999px) {
  header nav {
    padding: 11rem 5.0625rem 0 4rem;
  }
}
header nav ul li a {
  display: block;
  color: #0075BE;
  font-size: 1.75rem;
  font-weight: 900;
  line-height: 2.28;
  /* 228.571% */
  letter-spacing: 0.1em;
  padding-left: 2.125rem;
  position: relative;
  transition: 0.35s ease-in;
}
header nav ul li a:hover {
  opacity: 0.5;
}
header nav ul li a::before {
  content: "";
  width: 1.625rem;
  height: 1.625rem;
  background: url(../img/header/triangle.svg) center/cover no-repeat;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

footer {
  background-color: #E7F7FD;
  margin-top: 12.5rem;
  padding-top: 8rem;
  position: relative;
}
@media only screen and (max-width: 999px) {
  footer {
    margin-top: 6.25rem;
  }
}
footer .white_bg {
  width: 24.75rem;
  height: 3rem;
  background-color: #fff;
  border-radius: 1.5rem;
  margin: 4.975rem auto 0;
  position: relative;
}
footer .white_bg:first-child {
  margin: 0 auto;
}
footer .white_bg span {
  color: #0075BE;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.75;
  /* 42px */
  letter-spacing: 0.05;
  white-space: nowrap;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
footer .img {
  display: block;
  width: 50rem;
  height: auto;
  margin: 2.5rem auto 0;
  transition: 0.35s ease;
}
@media only screen and (max-width: 999px) {
  footer .img {
    width: calc(100% - 4rem);
  }
}
footer .img:hover {
  opacity: 0.7;
}
footer .img img {
  width: 100%;
  height: auto;
}
footer .box {
  max-width: 70rem;
  width: calc(100% - 4rem);
  background-color: #fff;
  border-radius: 3rem;
  margin: 10rem auto 0;
  padding: 4rem 7.625rem 4rem 5rem;
}
@media only screen and (max-width: 999px) {
  footer .box {
    padding: 4rem 2rem;
  }
}
footer .box .lead {
  display: block;
  color: #0075BE;
  font-size: 1.75rem;
  font-weight: 900;
  line-height: 2.5;
  /* 70px */
  letter-spacing: 0.1em;
  text-align: center;
  margin: -0.75em 0;
}
footer .box .cm_flex {
  align-items: flex-start;
  gap: 0 11.125rem;
  margin-top: 3.3125rem;
}
footer .box .cm_flex .inner {
  max-width: 26.5625rem;
  position: relative;
}
footer .box .cm_flex .inner::after {
  content: "";
  width: 0.0625rem;
  height: 100%;
  background-color: #3F3532;
  position: absolute;
  right: -2.25rem;
  top: 0rem;
}
@media only screen and (max-width: 999px) {
  footer .box .cm_flex .inner::after {
    display: none;
  }
}
footer .box .cm_flex .inner:nth-child(2) {
  max-width: 20rem;
}
@media only screen and (max-width: 999px) {
  footer .box .cm_flex .inner:nth-child(2) {
    max-width: 100%;
    margin-top: 4rem;
  }
}
footer .box .cm_flex .inner:nth-child(2)::after {
  display: none;
}
footer .box .cm_flex .inner:nth-child(2) dt {
  color: #F49D41;
}
footer .box .cm_flex .inner dt {
  color: #00B5EE;
  font-size: 1.5rem;
  font-weight: 900;
  line-height: 2.5;
  /* 60px */
  letter-spacing: 0.1em;
  text-align: center;
  margin: -0.75em 0;
}
footer .box .cm_flex .inner dd {
  font-family: "Noto Sans JP";
  font-weight: 700;
  line-height: 2;
  /* 32px */
  letter-spacing: 0.1em;
  text-align: center;
  margin: calc(2.5rem - 0.5em) 0 -0.5em;
}
footer .box .cm_flex .inner dd a {
  display: block;
  font-weight: 400;
  text-decoration: underline;
  transition: 0.35s ease;
}
footer .box .cm_flex .inner dd a:hover {
  opacity: 0.7;
}
footer .flex {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0 2.5rem;
  margin-top: 5rem;
}
@media only screen and (max-width: 999px) {
  footer .flex {
    gap: 0 1rem;
  }
}
footer .flex li {
  width: 11.3125rem;
}
footer .flex li:nth-child(2) {
  width: 7.5rem;
}
footer .flex li:nth-child(3) {
  width: 8.4375rem;
}
footer .flex li a {
  transition: 0.35s ease;
}
footer .flex li a:hover {
  opacity: 0.7;
}
footer .img2 {
  display: block;
  width: 40.125rem;
  height: auto;
  margin: 2.529375rem auto 0;
}
@media only screen and (max-width: 999px) {
  footer .img2 {
    width: calc(100% - 4rem);
  }
}
footer .img2 img {
  width: 100%;
  height: auto;
}
footer .copy {
  font-family: Jost;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 2.5;
  /* 35px */
  letter-spacing: 0.1em;
  text-align: center;
  margin: calc(2rem - 0.75em) 0 -0.75em;
  padding-bottom: 8rem;
}
@media only screen and (max-width: 999px) {
  footer .copy {
    font-size: 0.625rem;
  }
}

.cm_table, .post .wp-block-table table {
  width: 100%;
  border-collapse: collapse;
}
.cm_table th, .post .wp-block-table table th,
.cm_table td,
.post .wp-block-table table td {
  padding: 1rem 0 1rem;
  line-height: 2;
  border-bottom: 1px solid rgba(255, 255, 255, 0.4);
}
@media only screen and (max-width: 999px) {
  .cm_table th, .post .wp-block-table table th,
  .cm_table td,
  .post .wp-block-table table td {
    display: block;
    width: 100%;
  }
}
.cm_table th ul, .post .wp-block-table table th ul,
.cm_table td ul,
.post .wp-block-table table td ul {
  margin: 0;
}
.cm_table th ul li, .post .wp-block-table table th ul li,
.cm_table td ul li,
.post .wp-block-table table td ul li {
  line-height: 1.75;
  margin: calc(0.75rem - 0.375em) 0 -0.375rem;
}
@media only screen and (max-width: 999px) {
  .cm_table td, .post .wp-block-table table td {
    padding: 0 0 1rem;
  }
}
.cm_table th, .post .wp-block-table table th {
  font-weight: normal;
  text-align: left;
  vertical-align: top;
}
@media only screen and (max-width: 999px) {
  .cm_table th, .post .wp-block-table table th {
    padding: 1rem 0 0.25rem;
    border: none;
  }
}

.cm_btn, .post .wp-block-buttons .wp-block-button .wp-block-button__link {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%) translateY(50%);
}

.wp-block-table table {
  border: none;
}
.wp-block-table table tr {
  border: none;
}
.wp-block-table table tr th,
.wp-block-table table tr td {
  border: none;
}

.post .wp-block-image {
  width: 100%;
  margin: 2.5rem 0 0;
}
.post .wp-block-image.aligncenter img {
  margin: 0 auto;
}
.post .wp-block-image figcaption {
  line-height: 1.75;
  margin: calc(1rem - 0.375em) 0 -0.375em;
}
.post .aligncenter {
  text-align: center;
}
.post .aligncenterimg {
  display: block;
  margin: 2.5rem auto 0;
}
.post .aligncenter img {
  display: block;
  margin: 2.5rem auto 0;
}
.post .wp-block-table {
  margin-top: 2.5rem;
}
.post .wp-block-table.table_blue table {
  border-top: 2px solid #149AE6;
}
@media only screen and (max-width: 999px) {
  .post .wp-block-table.table_blue table {
    border-bottom: 2px solid #149AE6;
  }
}
.post .wp-block-table.table_blue table tbody tr:last-child th,
.post .wp-block-table.table_blue table tbody tr:last-child td {
  border-bottom: 2px solid #149AE6;
}
@media only screen and (max-width: 999px) {
  .post .wp-block-table.table_blue table tbody tr:last-child th,
  .post .wp-block-table.table_blue table tbody tr:last-child td {
    border: none;
  }
}
@media only screen and (max-width: 999px) {
  .post .wp-block-table.table_blue table tbody tr:last-child td:last-child {
    border-bottom: none;
  }
}
.post .wp-block-table.table_blue table tbody tr th {
  border-bottom: 1px dashed #149AE6;
}
@media only screen and (max-width: 999px) {
  .post .wp-block-table.table_blue table tbody tr th {
    border: none;
  }
}
.post .wp-block-table.table_blue table tbody tr td {
  border-bottom: 1px dashed #149AE6;
}
@media only screen and (max-width: 999px) {
  .post .wp-block-table.table_blue table tbody tr td {
    border-bottom: none;
  }
  .post .wp-block-table.table_blue table tbody tr td:last-child {
    border-bottom: 1px dashed #149AE6;
  }
}
.post .wp-block-table table {
  margin-top: 0 !important;
}
.post .wp-block-table figcaption {
  display: block;
  color: rgba(0, 0, 0, 0.5);
  font-size: 0.75rem;
  font-style: normal;
  line-height: 1.5;
  margin: calc(1.25rem - 0.25em) 0 -0.25em;
}
.post .wp-block-buttons .wp-block-button {
  text-align: center;
}
.post .wp-block-buttons .wp-block-button .wp-block-button__link {
  margin: 2.5rem auto 0;
}
.post .wp-block-columns {
  margin-top: 1rem;
}
@media only screen and (min-width: 1000px) {
  .post .wp-block-columns {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
  }
}
.post .wp-block-columns .wp-block-column > *:first-child {
  margin-top: 0;
}
.post .wp-block-quote {
  padding: 2.5rem;
  margin: 2.5rem 0 0;
  background: rgba(0, 159, 232, 0.06);
}
.post .wp-block-quote p {
  color: #149AE6;
  font-weight: 700;
  margin-top: -0.5em;
}
.post .wp-block-quote cite {
  display: block;
  color: rgba(0, 0, 0, 0.5);
  font-size: 0.75rem;
  font-style: normal;
  line-height: 1.5;
  margin: calc(1.25rem - 0.25em) 0 -0.25em;
}
.post .wp-block-preformatted {
  color: #149AE6;
  font-weight: normal;
  line-height: 2;
  padding: calc(2.5rem - 0.5em) 2.5rem;
  margin: 2.5rem 0 0;
  background: rgba(0, 159, 232, 0.06);
}
.post .wp-block-pullquote {
  margin: 2.5rem 0 0;
  border-top: 2px solid #149AE6;
  border-bottom: 2px solid #149AE6;
}
.post .wp-block-pullquote blockquote {
  padding: 2.5rem;
  margin: 0;
}
@media only screen and (max-width: 999px) {
  .post .wp-block-pullquote blockquote {
    padding: 2.5rem 0;
  }
}
.post .wp-block-pullquote blockquote p {
  color: #149AE6;
  font-weight: 700;
  margin-top: -0.5em;
}
.post .wp-block-pullquote blockquote cite {
  display: block;
  color: rgba(0, 0, 0, 0.5);
  font-size: 0.75rem;
  font-style: normal;
  line-height: 1.5;
  margin: calc(1.25rem - 0.25em) 0 -0.25em;
}
.post .has-text-align-center {
  text-align: center;
}
.post .has-text-align-right {
  text-align: right;
}
.post .wp-block-media-text {
  gap: 0 2rem;
  margin-top: 2rem;
}
.post .wp-block-media-text .wp-block-media-text__content {
  padding: 0;
}
.post .wp-block-media-text .wp-block-media-text__content > *:first-child {
  margin-top: 0;
}
.post .wp-block-media-text .wp-block-media-text__media {
  margin-bottom: 1rem;
}
.post .wp-block-media-text .wp-block-media-text__media > *:first-child {
  margin-top: 0;
}
.post .wp-block-group.is-layout-constrained {
  margin: 5rem calc(50% - 50vw) 0;
  padding: 5rem 0 8.1875rem;
  position: relative;
}
.post .wp-block-group.is-layout-constrained > *:first-child {
  margin-top: 0;
}
.post .wp-block-group.is-layout-constrained::before {
  content: "";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  background: rgba(19, 175, 6, 0.08);
  z-index: -1;
}
.post .wp-block-gallery .wp-block-image {
  width: unset;
}

.post {
  margin: 5rem auto 0;
}
.post:first-child {
  margin: 0 auto;
}
.post h1 {
  color: #149AE6;
  font-size: 1.75rem;
  line-height: 1.5;
  padding-bottom: 0.5rem;
  border-bottom: 0.125rem solid #149AE6;
  position: relative;
}
.post h2,
.post .h2 {
  color: #149AE6;
  font-size: 1.25rem;
  font-weight: 900;
  line-height: 1.5;
  letter-spacing: 0.1em;
  margin: calc(5rem - 0.25em) 0 -0.25rem;
  position: relative;
}
@media only screen and (max-width: 999px) {
  .post h2,
  .post .h2 {
    margin: calc(4rem - 0.25em) 0 -0.25rem;
  }
}
.post h3 {
  color: #149AE6;
  font-size: 1.75rem;
  letter-spacing: 0.15em;
  line-height: 1.5;
  margin: calc(6rem - 0.25em) 0 -0.25rem;
}
@media only screen and (max-width: 999px) {
  .post h3 {
    letter-spacing: 0.1em;
    font-size: 1.5rem;
    margin: calc(4rem - 0.25em) 0 -0.25rem;
  }
}
.post h4 {
  color: #149AE6;
  font-size: 1.25rem;
  letter-spacing: 0.1em;
  line-height: 1.5;
  margin: calc(4rem - 0.25em) 0 -0.25em;
  border-bottom: 0.125rem solid #149AE6;
  padding-bottom: 0.25rem;
}
@media only screen and (max-width: 999px) {
  .post h4 {
    margin: calc(3rem - 0.25em) 0 -0.25em;
  }
}
.post h5 {
  color: #149AE6;
  line-height: 1.5;
  margin: calc(3rem - 0.25em) 0 -0.25em;
}
@media only screen and (max-width: 999px) {
  .post h5 {
    margin: calc(2rem - 0.25em) 0 -0.25em;
  }
}
.post p {
  line-height: 2;
  text-align: justify;
  margin: 1.5em 0 -0.5em;
}
.post p.date {
  margin: calc(1.5rem - 0.5em) 0 -0.5em;
}
.post ul,
.post ol {
  padding-left: 1.25rem;
  margin: 2rem 0 0 0.25em;
  list-style: square none;
}
.post ul li,
.post ol li {
  line-height: 2;
  margin: calc(1rem - 0.5em) 0 -0.5rem;
}
.post ul li:first-child,
.post ol li:first-child {
  margin-top: -0.5em;
}
.post ol {
  margin: 2rem 0 0 0.5em;
  list-style: decimal none;
}
.post img {
  margin: 2rem 0 0;
}
.post table {
  width: 100%;
  margin-top: 2rem;
  border-top: 1px solid rgba(0, 134, 209, 0.2);
}
.post table caption {
  caption-side: bottom;
  text-align: left;
  line-height: 1.75;
  margin-top: 0.75rem;
}
.post table tbody tr td,
.post table tbody tr th {
  vertical-align: top;
  padding: 0.625rem 0 0.625rem;
  line-height: 1.75;
  border-bottom: 1px solid rgba(0, 134, 209, 0.2);
}
.post table tbody tr th {
  padding-right: 1rem;
}
.post .red {
  color: red;
}

/* wp-pagenavi */
.wp-pagenavi {
  text-align: center;
  margin-top: 10rem;
}
.wp-pagenavi a:active,
.wp-pagenavi a:hover,
.wp-pagenavi a:link,
.wp-pagenavi a:visited,
.wp-pagenavi .current {
  display: inline-block;
  width: 2.5em;
  height: 2.5em;
  color: #149AE6;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  border: 1px solid #149AE6;
  margin: 0 0.25em;
  border-radius: 0.25em;
  box-sizing: border-box;
  padding: 0.6em 0 0.3em;
}
.wp-pagenavi .pages {
  display: inline-block;
  width: 2em;
  height: 2em;
  color: #149AE6;
  font-weight: bold;
  line-height: 2em;
  text-align: center;
  text-decoration: none;
  border-bottom: 1px solid #149AE6;
  margin: 0 0.25em;
  box-sizing: border-box;
}
.wp-pagenavi a:active,
.wp-pagenavi a:hover,
.wp-pagenavi span.current {
  color: #fff;
  background: #149AE6;
}
.wp-pagenavi .extend {
  color: #149AE6;
}
.wp-pagenavi .last,
.wp-pagenavi .pages {
  width: 4em !important;
}

.subPage {
  overflow: hidden;
}
.subPage .contents {
  position: relative;
}

#index,
#osaka {
  overflow: hidden;
}
#index .contents .w960,
#osaka .contents .w960 {
  max-width: 60rem;
  width: calc(100% - 4rem);
}
#index .contents #fv,
#osaka .contents #fv {
  position: relative;
}
#index .contents #fv.status .lead::before,
#osaka .contents #fv.status .lead::before {
  transform: translateY(0);
  opacity: 1;
}
#index .contents #fv.status .lead::after,
#osaka .contents #fv.status .lead::after {
  transform: translateY(0);
  opacity: 1;
}
#index .contents #fv.status .lead .item::before,
#osaka .contents #fv.status .lead .item::before {
  transform: translateX(0);
  opacity: 1;
}
#index .contents #fv.status .lead .item::after,
#osaka .contents #fv.status .lead .item::after {
  transform: translateX(0);
  opacity: 1;
}
#index .contents #fv.status .lead img,
#osaka .contents #fv.status .lead img {
  transform: scale(1);
  opacity: 1;
}
#index .contents #fv .img,
#osaka .contents #fv .img {
  width: 100%;
  height: auto;
}
#index .contents #fv .img img,
#osaka .contents #fv .img img {
  width: 100%;
  height: auto;
}
#index .contents #fv .lead,
#osaka .contents #fv .lead {
  width: 33.25vw;
  height: auto;
  position: absolute;
  left: 50%;
  top: 4.75vw;
  transform: translateX(-50%);
}
@media only screen and (max-width: 999px) {
  #index .contents #fv .lead,
  #osaka .contents #fv .lead {
    width: 25.051875rem;
    top: 7.5rem;
  }
}
#index .contents #fv .lead::before,
#osaka .contents #fv .lead::before {
  content: "";
  width: 10.375vw;
  height: 30.875vw;
  background: url(../img/scale.svg) center/cover no-repeat;
  position: absolute;
  right: calc(50% + 16.375vw);
  top: 5.125rem;
  transform: translateY(4rem);
  opacity: 0;
  transition: 0.25s 0.45s;
}
@media only screen and (max-width: 999px) {
  #index .contents #fv .lead::before,
  #osaka .contents #fv .lead::before {
    width: 3.92175rem;
    height: 11.67075rem;
    right: unset;
    left: -1.5625rem;
    top: -5rem;
    transition: 0.25s;
  }
}
#index .contents #fv .lead::after,
#osaka .contents #fv .lead::after {
  content: "";
  width: 12.125vw;
  height: 30.875vw;
  background: url(../img/tokyo.svg) center/cover no-repeat;
  position: absolute;
  left: calc(50% + 19.375vw);
  top: 2.875rem;
  transform: translateY(4rem);
  opacity: 0;
  transition: 0.25s;
}
@media only screen and (max-width: 999px) {
  #index .contents #fv .lead::after,
  #osaka .contents #fv .lead::after {
    display: none;
  }
}
#index .contents #fv .lead img,
#osaka .contents #fv .lead img {
  width: 100%;
  height: auto;
  transform: scale(0.5);
  opacity: 0;
  transition: 0.4s 0.7s cubic-bezier(0.68, -0.6, 0.32, 1.6);
}
@media only screen and (max-width: 999px) {
  #index .contents #fv .lead img,
  #osaka .contents #fv .lead img {
    transition: 0.4s 0.25s cubic-bezier(0.68, -0.6, 0.32, 1.6);
  }
}
#index .contents #fv .lead .item,
#osaka .contents #fv .lead .item {
  width: 33.25vw;
  position: absolute;
}
#index .contents #fv .lead .item::before,
#osaka .contents #fv .lead .item::before {
  content: "";
  width: 9.1555vw;
  height: 6.75vw;
  background: url(../img/item_left.svg) center/cover no-repeat;
  position: absolute;
  left: -2.375rem;
  top: 0.5625rem;
  transform: translateX(-4rem);
  opacity: 0;
  transition: 0.25s 0.8s;
}
@media only screen and (max-width: 999px) {
  #index .contents #fv .lead .item::before,
  #osaka .contents #fv .lead .item::before {
    display: none;
  }
}
#index .contents #fv .lead .item::after,
#osaka .contents #fv .lead .item::after {
  content: "";
  width: 9.75vw;
  height: 7.3125vw;
  background: url(../img/item_right.svg) center/cover no-repeat;
  position: absolute;
  right: -1.4375rem;
  top: 0.5625rem;
  transform: translateX(4rem);
  opacity: 0;
  transition: 0.25s 0.8s;
}
@media only screen and (max-width: 999px) {
  #index .contents #fv .lead .item::after,
  #osaka .contents #fv .lead .item::after {
    display: none;
  }
}
#index .contents #fv .w960,
#osaka .contents #fv .w960 {
  position: absolute;
  left: 50%;
  top: 46.375vw;
  transform: translateX(-50%);
}
@media only screen and (max-width: 999px) {
  #index .contents #fv .w960,
  #osaka .contents #fv .w960 {
    top: 48.4375rem;
  }
}
#index .contents #fv .w960 .img,
#osaka .contents #fv .w960 .img {
  width: 100%;
  height: auto;
}
#index .contents #fv .w960 .img img,
#osaka .contents #fv .w960 .img img {
  width: 100%;
  height: auto;
}
#index .contents #fv .w960 .cm_link,
#osaka .contents #fv .w960 .cm_link {
  position: absolute;
  left: 50%;
  bottom: -2rem;
  transform: translateX(-50%);
}
@media only screen and (max-width: 999px) {
  #index .contents #fv .w960 .cm_link,
  #osaka .contents #fv .w960 .cm_link {
    display: none;
  }
}
#index .contents #fv p,
#osaka .contents #fv p {
  max-width: 60rem;
  width: calc(100% - 4rem);
  color: #0075BE;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.5;
  /* 36px */
  text-align: center;
  margin: 0 auto;
  position: relative;
}
@media only screen and (max-width: 999px) {
  #index .contents #fv p,
  #osaka .contents #fv p {
    margin: 30.4025rem auto 0;
  }
}
#index .contents #fv p::before,
#osaka .contents #fv p::before {
  content: "";
  width: 8.138125rem;
  height: 6rem;
  background: url(../img/item_left2.svg) center/cover no-repeat;
  position: absolute;
  left: 0;
  top: -1.8125rem;
}
@media only screen and (max-width: 999px) {
  #index .contents #fv p::before,
  #osaka .contents #fv p::before {
    display: none;
  }
}
#index .contents #fv p::after,
#osaka .contents #fv p::after {
  content: "";
  width: 8.138125rem;
  height: 6rem;
  background: url(../img/item_right2.svg) center/cover no-repeat;
  position: absolute;
  right: 0;
  top: -1.78375rem;
}
@media only screen and (max-width: 999px) {
  #index .contents #fv p::after,
  #osaka .contents #fv p::after {
    display: none;
  }
}
#index .contents #fv .img2,
#osaka .contents #fv .img2 {
  width: 60rem;
  height: auto;
  margin: 2.5625rem auto 0;
  position: relative;
}
@media only screen and (max-width: 999px) {
  #index .contents #fv .img2,
  #osaka .contents #fv .img2 {
    width: calc(100% - 4rem);
    margin: 2.5rem auto 0;
  }
}
#index .contents #fv .img2::before,
#osaka .contents #fv .img2::before {
  content: "";
  width: 3.5906875rem;
  height: 5.5575rem;
  background: url(../img/item1.svg) center/cover no-repeat;
  position: absolute;
  left: 2.25rem;
  top: 2.6875rem;
}
@media only screen and (max-width: 999px) {
  #index .contents #fv .img2::before,
  #osaka .contents #fv .img2::before {
    width: 5.326875rem;
    height: 8.245rem;
    left: 1.5rem;
    top: 2.8125rem;
  }
}
#index .contents #fv .img2::after,
#osaka .contents #fv .img2::after {
  content: "";
  width: 10.95125rem;
  height: 8.833125rem;
  background: url(../img/item2.svg) center/cover no-repeat;
  position: absolute;
  right: -1.8125rem;
  top: 0.625rem;
}
@media only screen and (max-width: 999px) {
  #index .contents #fv .img2::after,
  #osaka .contents #fv .img2::after {
    width: 8.43875rem;
    height: 11.205625rem;
    background-image: url(../img/_item2.svg);
    right: 1.375rem;
    top: -1.1875rem;
  }
}
#index .contents #fv .img2 img,
#osaka .contents #fv .img2 img {
  width: 100%;
  height: auto;
}
#index .contents #fv .img3,
#osaka .contents #fv .img3 {
  width: 60rem;
  height: auto;
  margin: 2.5rem auto 0;
  position: relative;
}
@media only screen and (max-width: 999px) {
  #index .contents #fv .img3,
  #osaka .contents #fv .img3 {
    width: calc(100% - 4rem);
    margin: 3rem auto 0;
  }
}
#index .contents #fv .img3::before,
#osaka .contents #fv .img3::before {
  content: "";
  width: 16.46875rem;
  height: 7.119375rem;
  background: url(../img/present2.svg) center/cover no-repeat;
  position: absolute;
  left: -3.375rem;
  top: -1.5rem;
}
@media only screen and (max-width: 999px) {
  #index .contents #fv .img3::before,
  #osaka .contents #fv .img3::before {
    left: -1rem;
    top: -2.5rem;
  }
}
#index .contents #fv .img3::after,
#osaka .contents #fv .img3::after {
  content: "";
  width: 7.495625rem;
  height: 6.598125rem;
  background: url(../img/item3.svg) center/cover no-repeat;
  position: absolute;
  right: 2.941875rem;
  top: -1.235625rem;
}
@media only screen and (max-width: 999px) {
  #index .contents #fv .img3::after,
  #osaka .contents #fv .img3::after {
    width: 5.649375rem;
    height: 4.973125rem;
    right: 2.038125rem;
    top: -1.1875rem;
  }
}
#index .contents #fv .img3 img,
#osaka .contents #fv .img3 img {
  width: 100%;
  height: auto;
}
#index .contents #fv .img3 .item,
#osaka .contents #fv .img3 .item {
  width: 7.708125rem;
  height: 8.98625rem;
  background: url(../img/item4.svg) center/cover no-repeat;
  position: absolute;
  right: -0.5275rem;
  bottom: -0.93375rem;
}
@media only screen and (max-width: 999px) {
  #index .contents #fv .img3 .item,
  #osaka .contents #fv .img3 .item {
    display: none;
  }
}
#index .contents #event,
#osaka .contents #event {
  margin-top: 7.9875rem;
  position: relative;
}
@media only screen and (max-width: 999px) {
  #index .contents #event,
  #osaka .contents #event {
    margin-top: 6.5rem;
  }
}
#index .contents #event #sale,
#index .contents #event #experience,
#index .contents #event #information,
#index .contents #event #stage2,
#index .contents #event #space,
#index .contents #event #advice,
#index .contents #event #advice2,
#index .contents #event #advice3,
#osaka .contents #event #sale,
#osaka .contents #event #experience,
#osaka .contents #event #information,
#osaka .contents #event #stage2,
#osaka .contents #event #space,
#osaka .contents #event #advice,
#osaka .contents #event #advice2,
#osaka .contents #event #advice3 {
  scroll-margin: 5.625rem;
}
#index .contents #event::before,
#osaka .contents #event::before {
  content: "";
  width: 100%;
  height: calc(100% + 12.5rem);
  background-color: #37BEF0;
  position: absolute;
  left: 0;
  top: 2rem;
  z-index: -1;
}
#index .contents #event .img,
#osaka .contents #event .img {
  width: 29.0475rem;
  height: auto;
  margin: 0 auto;
}
@media only screen and (max-width: 999px) {
  #index .contents #event .img,
  #osaka .contents #event .img {
    width: 21.785625rem;
  }
}
#index .contents #event .img img,
#osaka .contents #event .img img {
  width: 100%;
  height: auto;
}
#index .contents #event .w960,
#osaka .contents #event .w960 {
  background-color: #fff;
  border-radius: 2.5rem;
  margin: 3.451875rem auto 0;
  padding: 0 4rem 4.5625rem;
}
@media only screen and (max-width: 999px) {
  #index .contents #event .w960,
  #osaka .contents #event .w960 {
    padding: 0 2rem 4rem;
  }
}
#index .contents #event .w960 .cm_flex,
#osaka .contents #event .w960 .cm_flex {
  align-items: center;
  gap: 0 3.490625rem;
  padding-top: 4rem;
}
#index .contents #event .w960 .cm_flex .img,
#osaka .contents #event .w960 .cm_flex .img {
  width: 15.572125rem;
  height: auto;
}
#index .contents #event .w960 .cm_flex .img img,
#osaka .contents #event .w960 .cm_flex .img img {
  width: 100%;
  height: auto;
}
#index .contents #event .w960 .cm_flex .txt_box,
#osaka .contents #event .w960 .cm_flex .txt_box {
  width: 32rem;
}
@media only screen and (max-width: 999px) {
  #index .contents #event .w960 .cm_flex .txt_box,
  #osaka .contents #event .w960 .cm_flex .txt_box {
    width: 100%;
    margin-top: 2.5rem;
  }
}
#index .contents #event .w960 .cm_flex .txt_box .lead,
#osaka .contents #event .w960 .cm_flex .txt_box .lead {
  color: #000;
  font-size: 1.5rem;
  font-weight: 900;
  line-height: 1.5;
  /* 36px */
  letter-spacing: 0.1em;
  margin: -0.25em 0 -0.25em;
}
@media only screen and (max-width: 999px) {
  #index .contents #event .w960 .cm_flex .txt_box .lead,
  #osaka .contents #event .w960 .cm_flex .txt_box .lead {
    text-align: center;
  }
}
#index .contents #event .w960 .cm_flex .txt_box .lead span,
#osaka .contents #event .w960 .cm_flex .txt_box .lead span {
  color: #0075BE;
}
#index .contents #event .w960 .cm_flex .txt_box .line,
#osaka .contents #event .w960 .cm_flex .txt_box .line {
  font-weight: 400;
  line-height: 1.75;
  /* 28px */
  letter-spacing: 0.02em;
  margin: calc(1.75rem - 0.375em) 0 -0.375em;
}
#index .contents #event .w960 h3,
#osaka .contents #event .w960 h3 {
  width: 6.875rem;
  color: #0075BE;
  font-size: 1.25rem;
  font-weight: 900;
  line-height: 1.5;
  /* 30px */
  letter-spacing: 0.05em;
  margin: calc(5rem - 0.25em) auto -0.25em;
  position: relative;
}
@media only screen and (max-width: 999px) {
  #index .contents #event .w960 h3,
  #osaka .contents #event .w960 h3 {
    margin: calc(5.1875rem - 0.25em) auto -0.25em;
  }
}
#index .contents #event .w960 h3::before,
#osaka .contents #event .w960 h3::before {
  content: "";
  width: 5rem;
  height: 2px;
  background-color: #0075BE;
  border-radius: 1px;
  position: absolute;
  left: -0.5rem;
  top: 50%;
  transform: translateX(-100%) translateY(-50%);
}
#index .contents #event .w960 h3::after,
#osaka .contents #event .w960 h3::after {
  content: "";
  width: 5rem;
  height: 2px;
  background-color: #0075BE;
  border-radius: 1px;
  position: absolute;
  right: -0.5rem;
  top: 50%;
  transform: translateX(100%) translateY(-50%);
}
#index .contents #event .w960 .lead2,
#osaka .contents #event .w960 .lead2 {
  width: 38.4375rem;
  height: auto;
  margin: 2rem auto 0;
}
@media only screen and (max-width: 999px) {
  #index .contents #event .w960 .lead2,
  #osaka .contents #event .w960 .lead2 {
    width: 100%;
  }
}
#index .contents #event .w960 .lead2 img,
#osaka .contents #event .w960 .lead2 img {
  width: 100%;
  height: auto;
}
#index .contents #event .w960 .cm_flex,
#osaka .contents #event .w960 .cm_flex {
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
  padding-top: 2rem;
}
@media only screen and (max-width: 999px) {
  #index .contents #event .w960 .cm_flex,
  #osaka .contents #event .w960 .cm_flex {
    padding-top: 3rem;
    position: relative;
    z-index: 0;
  }
}
#index .contents #event .w960 .cm_flex:nth-child(2),
#osaka .contents #event .w960 .cm_flex:nth-child(2) {
  padding-top: 4rem;
}
@media only screen and (max-width: 999px) {
  #index .contents #event .w960 .cm_flex .cm_link,
  #osaka .contents #event .w960 .cm_flex .cm_link {
    margin-top: 1rem;
  }
}
#index .contents #event .w960 .cm_flex .cm_link:first-child,
#osaka .contents #event .w960 .cm_flex .cm_link:first-child {
  background: #FBE2E9;
}
#index .contents #event .w960 .cm_flex .cm_link:first-child span,
#osaka .contents #event .w960 .cm_flex .cm_link:first-child span {
  left: 1rem;
  top: 50%;
  transform: translateY(-50%);
}
#index .contents #event .w960 .cm_flex .cm_link:nth-child(2),
#osaka .contents #event .w960 .cm_flex .cm_link:nth-child(2) {
  background: #C6E6EA;
}
#index .contents #event .w960 .cm_flex .cm_link:nth-child(3),
#osaka .contents #event .w960 .cm_flex .cm_link:nth-child(3) {
  background: #FBCB71;
}
#index .contents #event .w960 .cm_flex .cm_link:nth-child(4),
#osaka .contents #event .w960 .cm_flex .cm_link:nth-child(4) {
  background: #FFFAB7;
}
#index .contents #event .w960 .cm_flex .cm_link:nth-child(5),
#osaka .contents #event .w960 .cm_flex .cm_link:nth-child(5) {
  background: #E3EB98;
}
#index .contents #event .w960 .cm_flex .cm_link:nth-child(6),
#osaka .contents #event .w960 .cm_flex .cm_link:nth-child(6) {
  background: #F5B6B8;
}
#index .contents #event .w960 .cm_flex .cm_link:nth-child(7),
#osaka .contents #event .w960 .cm_flex .cm_link:nth-child(7) {
  background: #D2D3EA;
}
#index .contents #event .w960 .cm_flex .cm_link:nth-child(8),
#osaka .contents #event .w960 .cm_flex .cm_link:nth-child(8) {
  background: #D3EDFB;
}
#index .contents #event .w960 .cm_flex .cm_link::after,
#osaka .contents #event .w960 .cm_flex .cm_link::after {
  background: url(../img/triangle_b.svg) center/cover no-repeat;
}
#index .contents #event .w960 .cm_flex .cm_link span,
#osaka .contents #event .w960 .cm_flex .cm_link span {
  color: #0075BE;
  white-space: nowrap;
  left: 50%;
  transform: translate(-50%, -50%);
}
#index .contents #event .w960 .cm_flex .cm_link:hover,
#osaka .contents #event .w960 .cm_flex .cm_link:hover {
  background-color: #0075BE;
}
#index .contents #event .w960 .cm_flex .cm_link:hover::after,
#osaka .contents #event .w960 .cm_flex .cm_link:hover::after {
  background: url(../img/triangle.svg) center/cover no-repeat;
}
#index .contents #event .w960 .cm_flex .cm_link:hover span,
#osaka .contents #event .w960 .cm_flex .cm_link:hover span {
  color: #fff;
}
#index .contents #event .w960 .cm_flex .end,
#osaka .contents #event .w960 .cm_flex .end {
  font-weight: 900;
  line-height: 1.5;
  /* 24px */
  letter-spacing: 0.02em;
  margin-left: 2rem;
}
@media only screen and (max-width: 999px) {
  #index .contents #event .w960 .cm_flex .end,
  #osaka .contents #event .w960 .cm_flex .end {
    text-align: center;
    margin: 1.5rem 0 0;
  }
}
#index .contents #event .cm_box,
#osaka .contents #event .cm_box {
  background-color: #FBE2E9;
  padding-bottom: 5.0625rem;
  position: relative;
}
#index .contents #event .cm_box .line,
#osaka .contents #event .cm_box .line {
  font-weight: 700;
  line-height: 1.75;
  /* 28px */
  letter-spacing: 0.05em;
  text-align: center;
  margin: calc(3.9375rem - 0.375em) 0 -0.375em;
}
#index .contents #event .cm_box .cm_link,
#osaka .contents #event .cm_box .cm_link {
  position: absolute;
  left: 50%;
  bottom: -2rem;
  transform: translateX(-50%);
  z-index: 0;
}
#index .contents #event .cm_box .cm_link span,
#osaka .contents #event .cm_box .cm_link span {
  white-space: nowrap;
  left: 50%;
  transform: translate(-50%, -50%);
}
#index .contents #event .cm_box#sale::after,
#osaka .contents #event .cm_box#sale::after {
  content: "";
  width: 6.25rem;
  height: 9.5rem;
  background: url(../img/item5.svg) center/cover no-repeat;
  position: absolute;
  right: 4.3125rem;
  top: 3.75rem;
}
@media only screen and (max-width: 999px) {
  #index .contents #event .cm_box#sale::after,
  #osaka .contents #event .cm_box#sale::after {
    width: 4.6875rem;
    height: 7.125rem;
    right: 1rem;
    top: -3rem;
  }
}
#index .contents #event .cm_box#sale .back_g span,
#osaka .contents #event .cm_box#sale .back_g span {
  white-space: nowrap;
}
@media only screen and (min-width: 1000px) {
  #index .contents #event .cm_box#sale .sale_txt,
  #osaka .contents #event .cm_box#sale .sale_txt {
    width: 23rem;
    position: absolute;
    top: -4.375rem;
    right: 0;
  }
}
@media only screen and (max-width: 999px) {
  #index .contents #event .cm_box#sale .sale_txt,
  #osaka .contents #event .cm_box#sale .sale_txt {
    width: 100%;
  }
}
@media only screen and (max-width: 999px) {
  #index .contents #event .cm_box#sale h3,
  #osaka .contents #event .cm_box#sale h3 {
    margin-top: 2.375rem;
  }
}
#index .contents #event .cm_box#sale .flex,
#osaka .contents #event .cm_box#sale .flex {
  display: flex;
  flex-wrap: wrap;
  gap: 2.6875rem 2rem;
  margin-top: 3.125rem;
}
@media only screen and (max-width: 999px) {
  #index .contents #event .cm_box#sale .flex,
  #osaka .contents #event .cm_box#sale .flex {
    gap: 1.25rem 0.75rem;
    margin-top: 2.125rem;
  }
}
#index .contents #event .cm_box#sale .flex li,
#osaka .contents #event .cm_box#sale .flex li {
  width: calc((100% - 6rem) / 4);
  position: relative;
}
@media only screen and (max-width: 999px) {
  #index .contents #event .cm_box#sale .flex li,
  #osaka .contents #event .cm_box#sale .flex li {
    width: calc((100% - 2.25rem) / 3);
  }
}
#index .contents #event .cm_box#sale .flex li:first-child, #index .contents #event .cm_box#sale .flex li:nth-child(2), #index .contents #event .cm_box#sale .flex li:nth-child(3),
#osaka .contents #event .cm_box#sale .flex li:first-child,
#osaka .contents #event .cm_box#sale .flex li:nth-child(2),
#osaka .contents #event .cm_box#sale .flex li:nth-child(3) {
  width: calc((100% - 4rem) / 3);
}
@media only screen and (max-width: 999px) {
  #index .contents #event .cm_box#sale .flex li:first-child, #index .contents #event .cm_box#sale .flex li:nth-child(2), #index .contents #event .cm_box#sale .flex li:nth-child(3),
  #osaka .contents #event .cm_box#sale .flex li:first-child,
  #osaka .contents #event .cm_box#sale .flex li:nth-child(2),
  #osaka .contents #event .cm_box#sale .flex li:nth-child(3) {
    width: calc((100% - 2.25rem) / 3);
  }
}
#index .contents #event .cm_box#sale .flex li:first-child .txt span, #index .contents #event .cm_box#sale .flex li:nth-child(2) .txt span, #index .contents #event .cm_box#sale .flex li:nth-child(3) .txt span,
#osaka .contents #event .cm_box#sale .flex li:first-child .txt span,
#osaka .contents #event .cm_box#sale .flex li:nth-child(2) .txt span,
#osaka .contents #event .cm_box#sale .flex li:nth-child(3) .txt span {
  color: #FFF;
  font-weight: 700;
  line-height: 1.75;
  /* 28px */
  letter-spacing: 0.05em;
  white-space: nowrap;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
#index .contents #event .cm_box#sale .flex li img,
#osaka .contents #event .cm_box#sale .flex li img {
  width: 100%;
  height: auto;
  border-radius: 1.25rem;
}
@media only screen and (max-width: 999px) {
  #index .contents #event .cm_box#sale .flex li img,
  #osaka .contents #event .cm_box#sale .flex li img {
    border-radius: 0.9375rem;
  }
}
#index .contents #event .cm_box#sale .flex li img.circle,
#osaka .contents #event .cm_box#sale .flex li img.circle {
  -o-object-fit: cover;
     object-fit: cover;
}
@media only screen and (min-width: 1000px) {
  #index .contents #event .cm_box#sale .flex li img.circle,
  #osaka .contents #event .cm_box#sale .flex li img.circle {
    aspect-ratio: 1/1;
    border-radius: 50%;
  }
}
@media only screen and (max-width: 999px) {
  #index .contents #event .cm_box#sale .flex li img.circle,
  #osaka .contents #event .cm_box#sale .flex li img.circle {
    aspect-ratio: 184/130;
  }
}
#index .contents #event .cm_box#sale .flex li .txt,
#osaka .contents #event .cm_box#sale .flex li .txt {
  width: 10rem;
  height: 2.25rem;
  background-color: #0075BE;
  border-radius: 1.5rem;
  position: absolute;
  left: 50%;
  bottom: -1.125rem;
  transform: translateX(-50%);
}
@media only screen and (max-width: 999px) {
  #index .contents #event .cm_box#sale .flex li .txt,
  #osaka .contents #event .cm_box#sale .flex li .txt {
    width: 6.25rem;
    height: 1.25rem;
    bottom: -0.625rem;
  }
}
#index .contents #event .cm_box#sale .flex li .txt.fs12 span,
#osaka .contents #event .cm_box#sale .flex li .txt.fs12 span {
  font-size: 0.75rem;
}
@media only screen and (max-width: 999px) {
  #index .contents #event .cm_box#sale .flex li .txt.fs12 span,
  #osaka .contents #event .cm_box#sale .flex li .txt.fs12 span {
    font-size: 0.625rem;
  }
}
#index .contents #event .cm_box#sale .flex li .txt span,
#osaka .contents #event .cm_box#sale .flex li .txt span {
  color: #FFF;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.1;
  /* 24.5px */
  letter-spacing: 0.02em;
  text-align: center;
  white-space: nowrap;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
@media only screen and (max-width: 999px) {
  #index .contents #event .cm_box#sale .flex li .txt span,
  #osaka .contents #event .cm_box#sale .flex li .txt span {
    font-size: 0.625rem;
  }
}
#index .contents #event .cm_box.stage,
#osaka .contents #event .cm_box.stage {
  background-color: #FFFAB7;
  margin-top: 8rem;
  padding-top: 3.75rem;
  padding-bottom: 6.25rem;
}
@media only screen and (max-width: 999px) {
  #index .contents #event .cm_box.stage,
  #osaka .contents #event .cm_box.stage {
    padding-bottom: 4rem;
  }
}
#index .contents #event .cm_box.stage::before,
#osaka .contents #event .cm_box.stage::before {
  content: "";
  width: 4.3071875rem;
  height: 6.28625rem;
  background: url(../img/item6.svg) center/cover no-repeat;
  position: absolute;
  left: 5rem;
  top: 2.9375rem;
}
@media only screen and (max-width: 999px) {
  #index .contents #event .cm_box.stage::before,
  #osaka .contents #event .cm_box.stage::before {
    width: 3.230375rem;
    height: 4.7146875rem;
    left: 2.5rem;
    top: 1.4375rem;
  }
}
#index .contents #event .cm_box.stage::after,
#osaka .contents #event .cm_box.stage::after {
  content: "";
  width: 4.59975rem;
  height: 6.9226875rem;
  background: url(../img/item7.svg) center/cover no-repeat;
  position: absolute;
  left: 10.5625rem;
  top: 5.3125rem;
}
@media only screen and (max-width: 999px) {
  #index .contents #event .cm_box.stage::after,
  #osaka .contents #event .cm_box.stage::after {
    width: 3.4498125rem;
    height: 5.192rem;
    left: 5.28125rem;
    top: 2.65625rem;
  }
}
#index .contents #event .cm_box.stage .extra,
#osaka .contents #event .cm_box.stage .extra {
  position: absolute;
}
@media only screen and (min-width: 1000px) {
  #index .contents #event .cm_box.stage .extra,
  #osaka .contents #event .cm_box.stage .extra {
    display: none;
  }
}
@media only screen and (max-width: 999px) {
  #index .contents #event .cm_box.stage .extra,
  #osaka .contents #event .cm_box.stage .extra {
    width: 11.791875rem;
    height: 11.07rem;
    background: url(../img/item8.svg) center/cover no-repeat;
    right: -1.57625rem;
    top: -2.75rem;
  }
}
#index .contents #event .cm_box.stage table,
#osaka .contents #event .cm_box.stage table {
  margin-top: 2.5rem;
}
#index .contents #event .cm_box.stage table tbody tr,
#osaka .contents #event .cm_box.stage table tbody tr {
  display: block;
  position: relative;
}
#index .contents #event .cm_box.stage table tbody tr:first-child::after,
#osaka .contents #event .cm_box.stage table tbody tr:first-child::after {
  content: "";
  width: 100%;
  height: 2px;
  background: url(../img/line.svg) left center/38rem 2px repeat-x;
  position: absolute;
  left: 0;
  top: 0;
}
@media only screen and (max-width: 999px) {
  #index .contents #event .cm_box.stage table tbody tr:first-child::after,
  #osaka .contents #event .cm_box.stage table tbody tr:first-child::after {
    background: url(../img/_line.svg) left center/cover repeat-x;
  }
}
#index .contents #event .cm_box.stage table tbody tr.dot,
#osaka .contents #event .cm_box.stage table tbody tr.dot {
  position: relative;
}
#index .contents #event .cm_box.stage table tbody tr.dot::before,
#osaka .contents #event .cm_box.stage table tbody tr.dot::before {
  content: "";
  width: 100%;
  height: 2px;
  background: url(../img/line.svg) left center/38rem 2px repeat-x;
  position: absolute;
  left: 0;
  bottom: 0;
}
@media only screen and (max-width: 999px) {
  #index .contents #event .cm_box.stage table tbody tr.dot::before,
  #osaka .contents #event .cm_box.stage table tbody tr.dot::before {
    background: url(../img/_line.svg) left center/cover repeat-x;
  }
}
#index .contents #event .cm_box.stage table tbody tr.dot:last-child::before,
#osaka .contents #event .cm_box.stage table tbody tr.dot:last-child::before {
  background: unset;
}
#index .contents #event .cm_box.stage table tbody tr th,
#index .contents #event .cm_box.stage table tbody tr td,
#osaka .contents #event .cm_box.stage table tbody tr th,
#osaka .contents #event .cm_box.stage table tbody tr td {
  display: table-cell;
  vertical-align: top;
  padding: calc(1.25rem - 0.375em) 0;
}
#index .contents #event .cm_box.stage table tbody tr th,
#osaka .contents #event .cm_box.stage table tbody tr th {
  color: #0075BE;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.75;
  /* 35px */
  letter-spacing: 0.05em;
  padding: calc(1.25rem - 0.375em) 2.5rem calc(1.25rem - 0.375em) 0;
  position: relative;
}
@media only screen and (max-width: 999px) {
  #index .contents #event .cm_box.stage table tbody tr th,
  #osaka .contents #event .cm_box.stage table tbody tr th {
    font-size: 1rem;
    padding: calc(1.25rem - 0.375em) 1.25rem calc(1.25rem - 0.375em) 0;
  }
}
#index .contents #event .cm_box.stage table tbody tr td,
#osaka .contents #event .cm_box.stage table tbody tr td {
  color: #0075BE;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.75;
  /* 31.5px */
  letter-spacing: 0.05em;
  text-align: left;
}
@media only screen and (max-width: 999px) {
  #index .contents #event .cm_box.stage table tbody tr td,
  #osaka .contents #event .cm_box.stage table tbody tr td {
    font-size: 1rem;
  }
}
#index .contents #event .cm_box.stage table tbody tr td span,
#osaka .contents #event .cm_box.stage table tbody tr td span {
  display: block;
  color: #000;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.75;
  /* 24.5px */
  letter-spacing: 0.05em;
}
#index .contents #event .cm_box.stage .line2,
#osaka .contents #event .cm_box.stage .line2 {
  font-family: "Noto Sans JP";
  font-weight: 400;
  line-height: 1.75;
  /* 28px */
  letter-spacing: 0.05em;
  text-align: center;
  margin: calc(1rem - 0.375em) 0 -0.375em;
}
#index .contents #event .cm_box.stage .line2.left,
#osaka .contents #event .cm_box.stage .line2.left {
  text-align: left;
}
#index .contents #event .cm_box.stage .side_box,
#osaka .contents #event .cm_box.stage .side_box {
  position: absolute;
  right: 4rem;
  top: 18.8125rem;
}
@media only screen and (max-width: 999px) {
  #index .contents #event .cm_box.stage .side_box,
  #osaka .contents #event .cm_box.stage .side_box {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    position: relative;
    right: unset;
    top: unset;
  }
}
#index .contents #event .cm_box.stage .side_box .img4,
#osaka .contents #event .cm_box.stage .side_box .img4 {
  width: 10rem;
  height: auto;
  margin-top: 1.25rem;
}
@media only screen and (max-width: 999px) {
  #index .contents #event .cm_box.stage .side_box .img4,
  #osaka .contents #event .cm_box.stage .side_box .img4 {
    margin: 1.25rem auto 0;
  }
}
#index .contents #event .cm_box.stage .side_box .img4 img,
#osaka .contents #event .cm_box.stage .side_box .img4 img {
  width: 100%;
  height: auto;
}
#index .contents #event .cm_box.stage .side_box .line4,
#osaka .contents #event .cm_box.stage .side_box .line4 {
  color: #0075BE;
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: 0.05em;
  text-align: center;
  margin: calc(0.75rem - 0.125em) 0 -0.125em;
}
#index .contents #event .cm_box.stage .side_box .line4 span,
#osaka .contents #event .cm_box.stage .side_box .line4 span {
  display: block;
  font-size: 0.75rem;
}
#index .contents #event .cm_box.stage .side_box .line5,
#osaka .contents #event .cm_box.stage .side_box .line5 {
  display: block;
  font-family: "Noto Sans JP";
  font-size: 0.625rem;
  font-weight: 400;
  line-height: 1.75%;
  /* 17.5px */
  letter-spacing: 0.05em;
  text-align: center;
  margin-top: 0.5rem;
}
@media only screen and (min-width: 1000px) {
  #index .contents #event .cm_box.stage .cast,
  #osaka .contents #event .cm_box.stage .cast {
    width: 20.5625rem;
    height: 28.5rem;
    position: absolute;
    right: 3.375rem;
    bottom: 2.5625rem;
  }
}
@media only screen and (max-width: 999px) {
  #index .contents #event .cm_box.stage .cast,
  #osaka .contents #event .cm_box.stage .cast {
    margin: 2rem 0 0;
  }
  #index .contents #event .cm_box.stage .cast img,
  #osaka .contents #event .cm_box.stage .cast img {
    width: 22.1875rem;
    margin: 0 auto;
  }
}
#index .contents #event .cm_box.kids,
#osaka .contents #event .cm_box.kids {
  margin-top: 8rem;
  background-color: #FFFAB7;
  padding-top: 3.75rem;
  padding-bottom: 4rem;
}
#index .contents #event .cm_box.kids::after,
#osaka .contents #event .cm_box.kids::after {
  width: 9.78625rem;
  height: 5.67875rem;
  background: url(../img/item22.svg) center/cover no-repeat;
  right: 9.08875rem;
  top: -1.75rem;
}
@media only screen and (max-width: 999px) {
  #index .contents #event .cm_box.kids::after,
  #osaka .contents #event .cm_box.kids::after {
    width: 7.3396875rem;
    height: 4.2590625rem;
    right: 1rem;
  }
}
#index .contents #event .cm_box.kids .box,
#osaka .contents #event .cm_box.kids .box {
  width: 24.75rem;
  height: auto;
  margin: 3rem auto 0;
  position: relative;
}
#index .contents #event .cm_box.kids .box img,
#osaka .contents #event .cm_box.kids .box img {
  width: 100%;
  height: auto;
  border-radius: 1.25rem;
}
#index .contents #event .cm_box.kids .box .txt,
#osaka .contents #event .cm_box.kids .box .txt {
  width: 20rem;
  height: 2.25rem;
  background-color: #0075BE;
  border-radius: 1.5rem;
  position: absolute;
  left: 50%;
  bottom: -1.125rem;
  transform: translateX(-50%);
}
#index .contents #event .cm_box.kids .box .txt span,
#osaka .contents #event .cm_box.kids .box .txt span {
  color: #fff;
  font-weight: 700;
  line-height: 1.75;
  /* 28px */
  letter-spacing: 0.05em;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
#index .contents #event .cm_box.kids .flex,
#osaka .contents #event .cm_box.kids .flex {
  display: flex;
  flex-wrap: wrap;
  gap: 2.5rem;
  margin: 2rem auto 0;
}
#index .contents #event .cm_box.kids .flex li,
#osaka .contents #event .cm_box.kids .flex li {
  width: calc((100% - 2.5rem) / 2);
  position: relative;
}
#index .contents #event .cm_box.kids .flex li img,
#osaka .contents #event .cm_box.kids .flex li img {
  border-radius: 1.25rem;
}
@media only screen and (max-width: 999px) {
  #index .contents #event .cm_box.kids .flex li img,
  #osaka .contents #event .cm_box.kids .flex li img {
    border-radius: 0.9375rem;
  }
}
#index .contents #event .cm_box.kids .line3,
#osaka .contents #event .cm_box.kids .line3 {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 400;
  line-height: 1.75;
  /* 28px */
  letter-spacing: 0.05em;
  text-align: center;
  margin: calc(2.875rem - 0.375em) 0 -0.375em;
}
#index .contents #event .cm_box.booth,
#osaka .contents #event .cm_box.booth {
  background-color: #C6E6EA;
  padding-top: 3.75rem;
  padding-bottom: 5.5rem;
}
#index .contents #event .cm_box.booth::after,
#osaka .contents #event .cm_box.booth::after {
  content: "";
  width: 8.5075rem;
  height: 8.823rem;
  background: url(../img/item9.svg) center/cover no-repeat;
  position: absolute;
  right: unset;
  left: 3.5rem;
  top: -1.5rem;
}
@media only screen and (max-width: 999px) {
  #index .contents #event .cm_box.booth::after,
  #osaka .contents #event .cm_box.booth::after {
    width: 6.380625rem;
    height: 6.61725rem;
    left: 0;
    top: -0.75rem;
  }
}
#index .contents #event .cm_box.booth .flex,
#osaka .contents #event .cm_box.booth .flex {
  display: flex;
  flex-wrap: wrap;
  gap: 3.5rem 2.5rem;
  margin: 3rem auto 0;
}
@media only screen and (max-width: 999px) {
  #index .contents #event .cm_box.booth .flex,
  #osaka .contents #event .cm_box.booth .flex {
    gap: 3rem 1rem;
  }
}
#index .contents #event .cm_box.booth .flex li,
#osaka .contents #event .cm_box.booth .flex li {
  width: calc((100% - 2.5rem) / 2);
  position: relative;
}
@media only screen and (max-width: 999px) {
  #index .contents #event .cm_box.booth .flex li,
  #osaka .contents #event .cm_box.booth .flex li {
    width: calc((100% - 1rem) / 2);
  }
}
#index .contents #event .cm_box.booth .flex li.text-multi .txt,
#osaka .contents #event .cm_box.booth .flex li.text-multi .txt {
  width: 20rem;
  height: 3.5rem;
  bottom: -1.75rem;
}
@media only screen and (max-width: 999px) {
  #index .contents #event .cm_box.booth .flex li.text-multi .txt,
  #osaka .contents #event .cm_box.booth .flex li.text-multi .txt {
    width: 11.25rem;
    height: 2.5rem;
    bottom: -1.25rem;
  }
}
#index .contents #event .cm_box.booth .flex li.text-multi .txt span,
#osaka .contents #event .cm_box.booth .flex li.text-multi .txt span {
  font-size: 0.875rem;
  line-height: 1.2;
}
@media only screen and (max-width: 999px) {
  #index .contents #event .cm_box.booth .flex li.text-multi .txt span,
  #osaka .contents #event .cm_box.booth .flex li.text-multi .txt span {
    font-size: 0.625rem;
  }
}
#index .contents #event .cm_box.booth .flex li img,
#osaka .contents #event .cm_box.booth .flex li img {
  border-radius: 1.25rem;
}
@media only screen and (max-width: 999px) {
  #index .contents #event .cm_box.booth .flex li img,
  #osaka .contents #event .cm_box.booth .flex li img {
    border-radius: 0.9375rem;
  }
}
#index .contents #event .cm_box.booth .flex li .txt,
#osaka .contents #event .cm_box.booth .flex li .txt {
  width: 20rem;
  height: 2.25rem;
  border-radius: 1.75rem;
  background-color: #0075BE;
  position: absolute;
  left: 50%;
  bottom: -1.125rem;
  transform: translateX(-50%);
}
@media only screen and (max-width: 999px) {
  #index .contents #event .cm_box.booth .flex li .txt,
  #osaka .contents #event .cm_box.booth .flex li .txt {
    width: 10.625rem;
    height: 1.25rem;
    bottom: -0.75rem;
  }
}
#index .contents #event .cm_box.booth .flex li .txt span,
#osaka .contents #event .cm_box.booth .flex li .txt span {
  color: #FFF;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.1;
  /* 24.5px */
  letter-spacing: 0.02em;
  text-align: center;
  white-space: nowrap;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
@media only screen and (max-width: 999px) {
  #index .contents #event .cm_box.booth .flex li .txt span,
  #osaka .contents #event .cm_box.booth .flex li .txt span {
    font-size: 0.625rem;
  }
}
#index .contents #event .cm_box.booth .flex li .txt span small,
#osaka .contents #event .cm_box.booth .flex li .txt span small {
  display: block;
  font-size: 0.625rem;
  font-weight: 700;
  line-height: 1.25;
  /* 12.5px */
  letter-spacing: 0.05em;
}
#index .contents #event .cm_box.booth .flex li .ema,
#osaka .contents #event .cm_box.booth .flex li .ema {
  width: 8.86125rem;
  border-radius: unset !important;
  position: absolute;
  top: -1.5rem;
  right: -3rem;
}
@media only screen and (max-width: 999px) {
  #index .contents #event .cm_box.booth .flex li .ema,
  #osaka .contents #event .cm_box.booth .flex li .ema {
    width: 5.209375rem;
    top: -0.5rem;
    right: -1.5625rem;
  }
}
#index .contents #event .cm_box.area,
#osaka .contents #event .cm_box.area {
  background-color: #FBCB71;
  padding-top: 3.75rem;
  padding-bottom: 4rem;
}
#index .contents #event .cm_box.area::after,
#osaka .contents #event .cm_box.area::after {
  width: 7.8399375rem;
  height: 9.875rem;
  background: url(../img/item10.svg) center/cover no-repeat;
  right: unset;
  left: 8rem;
  top: -2.25rem;
}
@media only screen and (max-width: 999px) {
  #index .contents #event .cm_box.area::after,
  #osaka .contents #event .cm_box.area::after {
    width: 5.8799375rem;
    height: 7.40625rem;
    left: 0.5rem;
  }
}
#index .contents #event .cm_box.area .flex,
#osaka .contents #event .cm_box.area .flex {
  display: flex;
  gap: 0 2.3125rem;
  margin-top: 3rem;
}
@media only screen and (max-width: 999px) {
  #index .contents #event .cm_box.area .flex,
  #osaka .contents #event .cm_box.area .flex {
    gap: 0 1rem;
  }
}
#index .contents #event .cm_box.area .flex li,
#osaka .contents #event .cm_box.area .flex li {
  width: calc((100% - 2.3125rem) / 2);
}
@media only screen and (max-width: 999px) {
  #index .contents #event .cm_box.area .flex li,
  #osaka .contents #event .cm_box.area .flex li {
    width: calc((100% - 1rem) / 2);
  }
}
#index .contents #event .cm_box.area .flex li img,
#osaka .contents #event .cm_box.area .flex li img {
  border-radius: 1.25rem;
}
@media only screen and (max-width: 999px) {
  #index .contents #event .cm_box.area .flex li img,
  #osaka .contents #event .cm_box.area .flex li img {
    border-radius: 0.9375rem;
  }
}
#index .contents #event .cm_box.white,
#osaka .contents #event .cm_box.white {
  padding-top: 3.75rem;
  padding-bottom: 4rem;
  background-color: #FFF;
}
#index .contents #event .cm_box.white::before,
#osaka .contents #event .cm_box.white::before {
  content: "";
  width: 10.0625rem;
  height: 6.375rem;
  background: url(../img/item11.svg) center/cover no-repeat;
  position: absolute;
  left: 7rem;
  top: -1.5rem;
}
@media only screen and (max-width: 999px) {
  #index .contents #event .cm_box.white::before,
  #osaka .contents #event .cm_box.white::before {
    width: 7.546875rem;
    height: 4.78125rem;
    left: 0;
  }
}
#index .contents #event .cm_box.white::after,
#osaka .contents #event .cm_box.white::after {
  content: "";
  width: 10.5rem;
  height: 8.4375rem;
  background: url(../img/item12.svg) center/cover no-repeat;
  position: absolute;
  right: 6rem;
  top: -3.25rem;
}
@media only screen and (max-width: 999px) {
  #index .contents #event .cm_box.white::after,
  #osaka .contents #event .cm_box.white::after {
    width: 7.875rem;
    height: 6.328125rem;
    right: 0;
  }
}
#index .contents #event .cm_box.white .flex,
#osaka .contents #event .cm_box.white .flex {
  border-bottom: 0.0625rem solid #99C8E5;
  padding-bottom: 3rem;
  margin-top: 3.5rem;
  position: relative;
}
@media only screen and (min-width: 1000px) {
  #index .contents #event .cm_box.white .flex,
  #osaka .contents #event .cm_box.white .flex {
    display: flex;
    align-items: center;
    gap: 0 2.5rem;
  }
}
@media only screen and (max-width: 999px) {
  #index .contents #event .cm_box.white .flex,
  #osaka .contents #event .cm_box.white .flex {
    display: block;
  }
}
#index .contents #event .cm_box.white .flex.reverse,
#osaka .contents #event .cm_box.white .flex.reverse {
  margin-top: 3rem;
}
#index .contents #event .cm_box.white .flex.reverse .dt,
#osaka .contents #event .cm_box.white .flex.reverse .dt {
  order: 2;
}
#index .contents #event .cm_box.white .flex.reverse .dd,
#osaka .contents #event .cm_box.white .flex.reverse .dd {
  order: 1;
}
#index .contents #event .cm_box.white .flex.colume,
#osaka .contents #event .cm_box.white .flex.colume {
  display: block;
  border-bottom: unset;
  margin-top: 3rem;
  padding-bottom: unset;
}
#index .contents #event .cm_box.white .flex.colume .dt,
#osaka .contents #event .cm_box.white .flex.colume .dt {
  width: 100%;
}
#index .contents #event .cm_box.white .flex.colume .dd,
#osaka .contents #event .cm_box.white .flex.colume .dd {
  width: 100%;
}
#index .contents #event .cm_box.white .flex.colume .dd .line6,
#osaka .contents #event .cm_box.white .flex.colume .dd .line6 {
  font-family: "Noto Sans JP";
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.75;
  /* 24.5px */
  letter-spacing: 0.05em;
  margin: calc(1.5rem - 0.25em) 0 -0.25em;
}
#index .contents #event .cm_box.white .flex .dt,
#osaka .contents #event .cm_box.white .flex .dt {
  width: calc((100% - 2.5rem) / 2);
}
@media only screen and (max-width: 999px) {
  #index .contents #event .cm_box.white .flex .dt,
  #osaka .contents #event .cm_box.white .flex .dt {
    width: 100%;
  }
}
#index .contents #event .cm_box.white .flex .dt .flex2,
#osaka .contents #event .cm_box.white .flex .dt .flex2 {
  display: flex;
  align-items: center;
  gap: 0 1rem;
}
#index .contents #event .cm_box.white .flex .dt .flex2 .circle,
#osaka .contents #event .cm_box.white .flex .dt .flex2 .circle {
  width: 4rem;
  height: auto;
}
#index .contents #event .cm_box.white .flex .dt .flex2 .box,
#osaka .contents #event .cm_box.white .flex .dt .flex2 .box {
  position: relative;
}
#index .contents #event .cm_box.white .flex .dt .flex2 .box .bubble,
#osaka .contents #event .cm_box.white .flex .dt .flex2 .box .bubble {
  position: absolute;
}
@media only screen and (min-width: 1000px) {
  #index .contents #event .cm_box.white .flex .dt .flex2 .box .bubble,
  #osaka .contents #event .cm_box.white .flex .dt .flex2 .box .bubble {
    top: -0.8125rem;
    left: -0.5rem;
    transform: translate(-50%, -100%);
  }
}
@media only screen and (max-width: 999px) {
  #index .contents #event .cm_box.white .flex .dt .flex2 .box .bubble,
  #osaka .contents #event .cm_box.white .flex .dt .flex2 .box .bubble {
    width: 7.412rem;
    height: 3.5rem;
    top: 1.25rem;
    right: -0.5rem;
    transform: translate(50%, -100%);
  }
}
#index .contents #event .cm_box.white .flex .dt .flex2 .box .lead3,
#osaka .contents #event .cm_box.white .flex .dt .flex2 .box .lead3 {
  display: block;
  color: #0075BE;
  font-size: 0.875rem;
  font-weight: 700;
  letter-spacing: 0.05em;
}
#index .contents #event .cm_box.white .flex .dt .flex2 .box .lead4,
#osaka .contents #event .cm_box.white .flex .dt .flex2 .box .lead4 {
  display: block;
  color: #0075BE;
  font-size: 1.75rem;
  font-weight: 900;
  letter-spacing: 0.05em;
  margin-top: 0.875rem;
}
#index .contents #event .cm_box.white .flex .dt .line6,
#osaka .contents #event .cm_box.white .flex .dt .line6 {
  font-family: "Noto Sans JP";
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5;
  /* 21px */
  letter-spacing: 0.05em;
  margin: calc(1.5rem - 0.25em) 0 -0.25em;
}
#index .contents #event .cm_box.white .flex .dd,
#osaka .contents #event .cm_box.white .flex .dd {
  width: calc((100% - 2.5rem) / 2);
  height: auto;
}
@media only screen and (max-width: 999px) {
  #index .contents #event .cm_box.white .flex .dd,
  #osaka .contents #event .cm_box.white .flex .dd {
    width: 100%;
    margin-top: 2rem;
  }
}
#index .contents #event .cm_box.white .flex .dd img,
#osaka .contents #event .cm_box.white .flex .dd img {
  width: 100%;
  height: auto;
  border-radius: 1.25rem;
}
#index .contents #event .cm_box .blue_bg,
#osaka .contents #event .cm_box .blue_bg {
  width: 52rem;
  height: 3rem;
  background-color: #0075BE;
  border-radius: 1.5rem;
  margin-top: 3rem;
  position: relative;
}
@media only screen and (max-width: 999px) {
  #index .contents #event .cm_box .blue_bg,
  #osaka .contents #event .cm_box .blue_bg {
    width: 100%;
  }
}
#index .contents #event .cm_box .blue_bg .fs16,
#osaka .contents #event .cm_box .blue_bg .fs16 {
  color: #FFF;
  font-weight: 700;
  line-height: 1.75;
  /* 28px */
  letter-spacing: 0.05em;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
#index .contents #event .cm_box .table2,
#osaka .contents #event .cm_box .table2 {
  width: 100%;
  border-collapse: collapse;
}
#index .contents #event .cm_box .table2:last-child tbody tr th,
#osaka .contents #event .cm_box .table2:last-child tbody tr th {
  width: 14.0625rem;
  padding-right: 2rem;
}
@media only screen and (max-width: 999px) {
  #index .contents #event .cm_box .table2:last-child tbody tr th,
  #osaka .contents #event .cm_box .table2:last-child tbody tr th {
    width: 12.5rem;
    padding-right: 1.25rem;
  }
}
#index .contents #event .cm_box .table2 tbody tr,
#osaka .contents #event .cm_box .table2 tbody tr {
  border-bottom: 0.0625rem solid #2086C6;
}
#index .contents #event .cm_box .table2 tbody tr:first-child th,
#index .contents #event .cm_box .table2 tbody tr:first-child td,
#osaka .contents #event .cm_box .table2 tbody tr:first-child th,
#osaka .contents #event .cm_box .table2 tbody tr:first-child td {
  padding-top: calc(2rem - 0.375em);
}
#index .contents #event .cm_box .table2 tbody tr:last-child,
#osaka .contents #event .cm_box .table2 tbody tr:last-child {
  border-bottom: unset;
}
#index .contents #event .cm_box .table2 tbody tr:last-child th,
#index .contents #event .cm_box .table2 tbody tr:last-child td,
#osaka .contents #event .cm_box .table2 tbody tr:last-child th,
#osaka .contents #event .cm_box .table2 tbody tr:last-child td {
  padding-bottom: unset;
}
#index .contents #event .cm_box .table2 tbody tr th,
#index .contents #event .cm_box .table2 tbody tr td,
#osaka .contents #event .cm_box .table2 tbody tr th,
#osaka .contents #event .cm_box .table2 tbody tr td {
  display: table-cell;
  padding: calc(1.5rem - 0.375em) 0;
  vertical-align: middle;
}
#index .contents #event .cm_box .table2 tbody tr th,
#osaka .contents #event .cm_box .table2 tbody tr th {
  width: 12.5rem;
  color: #0075BE;
  font-weight: 900;
  line-height: 1.75;
  /* 35px */
  letter-spacing: 0.05em;
  vertical-align: top;
  padding: calc(1.5rem - 0.375em) 2.5rem calc(1.5rem - 0.375em) 0;
  position: relative;
}
@media only screen and (max-width: 999px) {
  #index .contents #event .cm_box .table2 tbody tr th,
  #osaka .contents #event .cm_box .table2 tbody tr th {
    width: 10rem;
    padding: calc(1.5rem - 0.375em) 1.25rem calc(1.5rem - 0.375em) 0;
  }
}
#index .contents #event .cm_box .table2 tbody tr td,
#osaka .contents #event .cm_box .table2 tbody tr td {
  font-weight: 500;
  line-height: 1.75;
  /* 28px */
  letter-spacing: 0.05em;
}
#index .contents #event .cm_box .table2 tbody tr td a,
#osaka .contents #event .cm_box .table2 tbody tr td a {
  text-decoration: underline;
}
#index .contents #event .cm_box .table2 tbody tr td a:hover,
#osaka .contents #event .cm_box .table2 tbody tr td a:hover {
  text-decoration: unset;
}
#index .contents #introduction,
#osaka .contents #introduction {
  position: relative;
}
#index .contents #introduction::before,
#osaka .contents #introduction::before {
  content: "";
  width: 100%;
  height: calc(100% + 12.5rem);
  background-color: #FBE2E9;
  position: absolute;
  left: 0;
  top: 2rem;
  z-index: -1;
}
#index .contents #introduction h2,
#osaka .contents #introduction h2 {
  width: 29.0475rem;
  height: auto;
  margin: 10.5rem auto 0;
}
@media only screen and (max-width: 999px) {
  #index .contents #introduction h2,
  #osaka .contents #introduction h2 {
    width: 21.785625rem;
    margin: 6.5rem auto 0;
  }
}
#index .contents #introduction h2 img,
#osaka .contents #introduction h2 img {
  width: 100%;
  height: auto;
}
#index .contents #introduction h3 span,
#osaka .contents #introduction h3 span {
  font-size: 1rem;
}
#index .contents #introduction .cm_box,
#osaka .contents #introduction .cm_box {
  background-color: #FFF;
  margin-top: 3.451875rem;
  padding-top: 3.5rem;
  padding-bottom: 4rem;
}
@media only screen and (max-width: 999px) {
  #index .contents #introduction .cm_box.coming_soon,
  #osaka .contents #introduction .cm_box.coming_soon {
    padding-top: 1.75rem;
    padding-bottom: 1.625rem;
  }
}
#index .contents #introduction .cm_box.coming_soon p,
#osaka .contents #introduction .cm_box.coming_soon p {
  font-size: 3rem;
  color: #149AE6;
  text-align: center;
  font-weight: 700;
}
@media only screen and (max-width: 999px) {
  #index .contents #introduction .cm_box.coming_soon p,
  #osaka .contents #introduction .cm_box.coming_soon p {
    font-size: 1.5rem;
  }
}
#index .contents #introduction .cm_box.coming_soon p small,
#osaka .contents #introduction .cm_box.coming_soon p small {
  display: block;
  font-size: 1.25rem;
  text-align: center;
  margin: 1.125rem 0 0;
}
@media only screen and (max-width: 999px) {
  #index .contents #introduction .cm_box.coming_soon p small,
  #osaka .contents #introduction .cm_box.coming_soon p small {
    font-size: 0.8125rem;
  }
}
#index .contents #introduction .cm_box address,
#osaka .contents #introduction .cm_box address {
  font-family: "Noto Sans JP";
  font-weight: 400;
  line-height: 1.75;
  /* 28px */
  letter-spacing: 0.05em;
  text-align: center;
  margin: calc(2rem - 0.375em) 0 -0.375em;
}
#index .contents #introduction .cm_box .flex,
#osaka .contents #introduction .cm_box .flex {
  display: flex;
  justify-content: center;
  gap: 0 2rem;
}
@media only screen and (max-width: 999px) {
  #index .contents #introduction .cm_box .flex,
  #osaka .contents #introduction .cm_box .flex {
    flex-wrap: wrap;
    justify-content: space-between;
  }
}
#index .contents #introduction .cm_box .flex .item_flex,
#osaka .contents #introduction .cm_box .flex .item_flex {
  display: flex;
  align-items: center;
  gap: 0 0.5rem;
}
@media only screen and (max-width: 999px) {
  #index .contents #introduction .cm_box .flex .item_flex,
  #osaka .contents #introduction .cm_box .flex .item_flex {
    margin-top: 1rem;
  }
  #index .contents #introduction .cm_box .flex .item_flex:first-child,
  #osaka .contents #introduction .cm_box .flex .item_flex:first-child {
    margin-top: unset;
  }
}
#index .contents #introduction .cm_box .flex .item_flex:first-child span,
#osaka .contents #introduction .cm_box .flex .item_flex:first-child span {
  color: #EC8A44;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.25;
  /* 30px */
  letter-spacing: 0.05em;
}
@media only screen and (max-width: 999px) {
  #index .contents #introduction .cm_box .flex .item_flex:nth-child(2),
  #osaka .contents #introduction .cm_box .flex .item_flex:nth-child(2) {
    margin-top: unset;
  }
}
#index .contents #introduction .cm_box .flex .item_flex:nth-child(2) span,
#osaka .contents #introduction .cm_box .flex .item_flex:nth-child(2) span {
  color: #2BABD4;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.25;
  /* 30px */
  letter-spacing: 0.05em;
}
#index .contents #introduction .cm_box .flex .item_flex:nth-child(3) span,
#osaka .contents #introduction .cm_box .flex .item_flex:nth-child(3) span {
  color: #DD665F;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.25;
  /* 30px */
  letter-spacing: 0.05em;
}
#index .contents #introduction .cm_box .flex .item_flex:nth-child(4) span,
#osaka .contents #introduction .cm_box .flex .item_flex:nth-child(4) span {
  color: #7F48D9;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.25;
  /* 30px */
  letter-spacing: 0.05em;
}
#index .contents #introduction .cm_box .flex .item_flex .img,
#osaka .contents #introduction .cm_box .flex .item_flex .img {
  width: 3rem;
  height: auto;
}
#index .contents #introduction .cm_box .flex .item_flex .img img,
#osaka .contents #introduction .cm_box .flex .item_flex .img img {
  width: 100%;
  height: auto;
}
#index .contents #introduction .cm_box .blue_bg,
#osaka .contents #introduction .cm_box .blue_bg {
  width: 52rem;
  height: 3rem;
  background-color: #0075BE;
  border-radius: 1.5rem;
  margin-top: 5rem;
  position: relative;
}
@media only screen and (max-width: 999px) {
  #index .contents #introduction .cm_box .blue_bg,
  #osaka .contents #introduction .cm_box .blue_bg {
    width: 100%;
  }
  #index .contents #introduction .cm_box .blue_bg:nth-child(2),
  #osaka .contents #introduction .cm_box .blue_bg:nth-child(2) {
    margin-top: 3rem;
  }
}
#index .contents #introduction .cm_box .blue_bg span,
#osaka .contents #introduction .cm_box .blue_bg span {
  color: #FFF;
  font-weight: 700;
  line-height: 1.75;
  /* 28px */
  letter-spacing: 0.05em;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
#index .contents #introduction .cm_box .cm_flex,
#osaka .contents #introduction .cm_box .cm_flex {
  align-items: center;
  gap: 0 2.1875rem;
  margin-top: 3rem;
}
@media only screen and (max-width: 999px) {
  #index .contents #introduction .cm_box .cm_flex,
  #osaka .contents #introduction .cm_box .cm_flex {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: space-between;
  }
}
#index .contents #introduction .cm_box .cm_flex:nth-child(5) .img,
#osaka .contents #introduction .cm_box .cm_flex:nth-child(5) .img {
  border: 0.0625rem solid #CFCFCF;
  border-radius: 1.25rem;
}
#index .contents #introduction .cm_box .cm_flex:nth-child(5) .img img,
#osaka .contents #introduction .cm_box .cm_flex:nth-child(5) .img img {
  border-radius: 1.25rem;
}
#index .contents #introduction .cm_box .cm_flex.border,
#osaka .contents #introduction .cm_box .cm_flex.border {
  border-bottom: 0.0625rem solid #BFDCEE;
  padding-bottom: 3rem;
}
#index .contents #introduction .cm_box .cm_flex:hover,
#osaka .contents #introduction .cm_box .cm_flex:hover {
  opacity: 0.7;
}
#index .contents #introduction .cm_box .cm_flex .img,
#osaka .contents #introduction .cm_box .cm_flex .img {
  width: 11.25rem;
  height: auto;
}
@media only screen and (max-width: 999px) {
  #index .contents #introduction .cm_box .cm_flex .img,
  #osaka .contents #introduction .cm_box .cm_flex .img {
    width: 100%;
  }
}
#index .contents #introduction .cm_box .cm_flex .img img,
#osaka .contents #introduction .cm_box .cm_flex .img img {
  width: 100%;
  height: auto;
  border-radius: 1.25rem;
}
#index .contents #introduction .cm_box .cm_flex .txt_box,
#osaka .contents #introduction .cm_box .cm_flex .txt_box {
  width: 38.5625rem;
}
@media only screen and (max-width: 999px) {
  #index .contents #introduction .cm_box .cm_flex .txt_box,
  #osaka .contents #introduction .cm_box .cm_flex .txt_box {
    width: 100%;
    margin: calc(2rem - 0.375em) 0 -0.375em;
  }
}
#index .contents #introduction .cm_box .cm_flex .txt_box dt,
#osaka .contents #introduction .cm_box .cm_flex .txt_box dt {
  color: #0075BE;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.75;
  /* 35px */
  letter-spacing: 0.05em;
}
#index .contents #introduction .cm_box .cm_flex .txt_box dt span,
#osaka .contents #introduction .cm_box .cm_flex .txt_box dt span {
  display: inline-block;
  width: 5.4375rem;
  height: 1.25rem;
  background-color: #E74C79;
  border-radius: 0.6875rem;
  margin-left: 1rem;
  position: relative;
}
#index .contents #introduction .cm_box .cm_flex .txt_box dt span small,
#osaka .contents #introduction .cm_box .cm_flex .txt_box dt span small {
  color: #FFF;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1.25;
  /* 15px */
  letter-spacing: 0.05em;
  white-space: nowrap;
  position: absolute;
  left: 50%;
  top: 46%;
  transform: translate(-50%, -50%);
}
#index .contents #introduction .cm_box .cm_flex .txt_box dd,
#osaka .contents #introduction .cm_box .cm_flex .txt_box dd {
  font-family: "Noto Sans JP";
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.75;
  /* 24.5px */
  letter-spacing: 0.05em;
  margin: calc(1.5rem - 0.375em) 0 -0.375em;
}
#index .contents #introduction .cm_box .cm_flex .txt_box dd:nth-child(3),
#osaka .contents #introduction .cm_box .cm_flex .txt_box dd:nth-child(3) {
  margin: 1.5rem 0 0;
}
#index .contents #introduction .cm_box .cm_flex .txt_box dd:nth-child(n+4),
#osaka .contents #introduction .cm_box .cm_flex .txt_box dd:nth-child(n+4) {
  margin: 0.5rem 0 0;
}
#index .contents #introduction .cm_box .cm_flex .txt_box dd.flex,
#osaka .contents #introduction .cm_box .cm_flex .txt_box dd.flex {
  display: flex;
  align-items: center;
  justify-content: unset;
  gap: 0 0.375rem;
}
#index .contents #introduction .cm_box .cm_flex .txt_box dd.flex .img,
#osaka .contents #introduction .cm_box .cm_flex .txt_box dd.flex .img {
  width: 1.5rem;
  height: auto;
}
#index .contents #introduction .cm_box .cm_flex .txt_box dd.flex .img img,
#osaka .contents #introduction .cm_box .cm_flex .txt_box dd.flex .img img {
  width: 100%;
  height: auto;
}
#index .contents #introduction .cm_box .cm_flex .txt_box dd.flex span,
#osaka .contents #introduction .cm_box .cm_flex .txt_box dd.flex span {
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.25;
  /* 17.5px */
  letter-spacing: 0.05em;
}
#index .contents #introduction .cm_box .cm_flex .txt_box dd.blue span,
#osaka .contents #introduction .cm_box .cm_flex .txt_box dd.blue span {
  color: #2BABD4;
}
#index .contents #introduction .cm_box .cm_flex .txt_box dd.red span,
#osaka .contents #introduction .cm_box .cm_flex .txt_box dd.red span {
  color: #DD665F;
}
#index .contents #introduction .cm_box .cm_flex .txt_box dd.yellow span,
#osaka .contents #introduction .cm_box .cm_flex .txt_box dd.yellow span {
  color: #EC8A44;
}
#index .contents #introduction .cm_box .line,
#osaka .contents #introduction .cm_box .line {
  font-weight: 700;
  line-height: 1.75;
  /* 28px */
  letter-spacing: 0.05em;
  text-align: center;
  margin: calc(5.25rem - 0.375em) 0 -0.375em;
}
#index .contents #introduction .cm_box .line2,
#osaka .contents #introduction .cm_box .line2 {
  font-family: "Noto Sans JP";
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.75;
  /* 24.5px */
  letter-spacing: 0.05em;
  text-align: center;
  margin: calc(1.5rem - 0.375em) 0 -0.375em;
}
#index .contents #introduction .cm_box .list,
#osaka .contents #introduction .cm_box .list {
  display: flex;
  align-items: flex-start;
  gap: 5rem 3rem;
  flex-wrap: wrap;
  margin: 5rem 0 0;
}
@media only screen and (max-width: 999px) {
  #index .contents #introduction .cm_box .list,
  #osaka .contents #introduction .cm_box .list {
    gap: 3.75rem;
    margin-top: 3rem;
  }
}
#index .contents #introduction .cm_box .list > li,
#osaka .contents #introduction .cm_box .list > li {
  width: calc((100% - 3rem) / 2);
}
@media only screen and (max-width: 999px) {
  #index .contents #introduction .cm_box .list > li,
  #osaka .contents #introduction .cm_box .list > li {
    width: 100%;
  }
}
#index .contents #introduction .cm_box .list > li .img,
#osaka .contents #introduction .cm_box .list > li .img {
  display: block;
  overflow: hidden;
  border-radius: 1.25rem;
}
@media only screen and (max-width: 999px) {
  #index .contents #introduction .cm_box .list > li .img,
  #osaka .contents #introduction .cm_box .list > li .img {
    border-radius: 0.9375rem;
  }
}
#index .contents #introduction .cm_box .list > li .img img,
#osaka .contents #introduction .cm_box .list > li .img img {
  width: 100%;
  transition: 0.3s;
}
#index .contents #introduction .cm_box .list > li a.img:hover img,
#osaka .contents #introduction .cm_box .list > li a.img:hover img {
  transform: scale(1.05);
}
#index .contents #introduction .cm_box .list > li .name,
#osaka .contents #introduction .cm_box .list > li .name {
  display: inline-block;
  font-size: 1.25rem;
  color: #0075BE;
  font-weight: 900;
  letter-spacing: 0;
  line-height: 1.5;
  margin: calc(2rem - 0.25em) 0 -0.25em;
  transition: 0.3s;
}
#index .contents #introduction .cm_box .list > li a.name:hover,
#osaka .contents #introduction .cm_box .list > li a.name:hover {
  opacity: 0.6;
}
#index .contents #introduction .cm_box .list > li .detail,
#osaka .contents #introduction .cm_box .list > li .detail {
  position: relative;
  line-height: 1.25;
  font-size: 0.875rem;
  font-weight: 700;
  padding: 0 0 0 1.875rem;
  margin: calc(1.4375rem - 0.125em) 0 -0.125em;
}
#index .contents #introduction .cm_box .list > li .detail.experience,
#osaka .contents #introduction .cm_box .list > li .detail.experience {
  color: #DD665F;
}
#index .contents #introduction .cm_box .list > li .detail.experience::before,
#osaka .contents #introduction .cm_box .list > li .detail.experience::before {
  background-image: url(../img/icon_experience.svg);
}
#index .contents #introduction .cm_box .list > li .detail.buy,
#osaka .contents #introduction .cm_box .list > li .detail.buy {
  color: #2BABD4;
}
#index .contents #introduction .cm_box .list > li .detail.buy::before,
#osaka .contents #introduction .cm_box .list > li .detail.buy::before {
  background-image: url(../img/icon_buy.svg);
}
#index .contents #introduction .cm_box .list > li .detail.eat,
#osaka .contents #introduction .cm_box .list > li .detail.eat {
  color: #EC8A44;
}
#index .contents #introduction .cm_box .list > li .detail.eat::before,
#osaka .contents #introduction .cm_box .list > li .detail.eat::before {
  background-image: url(../img/icon_eat.svg);
}
#index .contents #introduction .cm_box .list > li .detail.look,
#osaka .contents #introduction .cm_box .list > li .detail.look {
  color: #7F48D9;
}
#index .contents #introduction .cm_box .list > li .detail.look::before,
#osaka .contents #introduction .cm_box .list > li .detail.look::before {
  background-image: url(../img/icon_look.svg);
}
#index .contents #introduction .cm_box .list > li .detail::before,
#osaka .contents #introduction .cm_box .list > li .detail::before {
  content: "";
  width: 1.5rem;
  height: 1.5rem;
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
  top: -0.1875rem;
  left: 0;
}
#index .contents #introduction .cm_box .list > li .tag,
#osaka .contents #introduction .cm_box .list > li .tag {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
  margin: 1.4375rem 0 0;
}
#index .contents #introduction .cm_box .list > li .tag li,
#osaka .contents #introduction .cm_box .list > li .tag li {
  border-radius: 999px;
  color: #FFF;
  background: #E74C79;
  font-weight: 700;
  font-size: 0.75rem;
  padding: 0.3125rem 0.75rem 0.375rem;
}
#index .contents #introduction .cm_box .list > li .tag li.purple,
#osaka .contents #introduction .cm_box .list > li .tag li.purple {
  background: #4C7DE7;
}
#index .contents #introduction .cm_box .list > li .tag li.orange,
#osaka .contents #introduction .cm_box .list > li .tag li.orange {
  background: #E7854C;
}
#index .contents #access,
#osaka .contents #access {
  position: relative;
}
#index .contents #access::before,
#osaka .contents #access::before {
  content: "";
  width: 100%;
  height: calc(100% + 12.5rem);
  background-color: #37BEF0;
  position: absolute;
  left: 0;
  top: 2rem;
  z-index: -1;
}
#index .contents #access .img,
#osaka .contents #access .img {
  width: 29.0475rem;
  height: auto;
  margin: 10.5rem auto 0;
}
@media only screen and (max-width: 999px) {
  #index .contents #access .img,
  #osaka .contents #access .img {
    width: 21.785625rem;
    margin: 6.5rem auto 0;
  }
}
#index .contents #access .img img,
#osaka .contents #access .img img {
  width: 100%;
  height: auto;
}
#index .contents #access .cm_box,
#osaka .contents #access .cm_box {
  background-color: #fff;
  margin-top: 3.451875rem;
  padding-top: 3.75rem;
  padding-bottom: 7rem;
}
@media only screen and (max-width: 999px) {
  #index .contents #access .cm_box,
  #osaka .contents #access .cm_box {
    padding-bottom: 4rem;
  }
}
@media only screen and (max-width: 999px) {
  #index .contents #access .cm_box h3,
  #osaka .contents #access .cm_box h3 {
    text-align: left;
  }
}
#index .contents #access .cm_box .line,
#osaka .contents #access .cm_box .line {
  font-family: "Noto Sans JP";
  font-weight: 400;
  line-height: 1.75;
  /* 28px */
  letter-spacing: 0.05em;
  text-align: center;
  margin: calc(2rem - 0.375em) 0 -0.375em;
}
@media only screen and (max-width: 999px) {
  #index .contents #access .cm_box .line,
  #osaka .contents #access .cm_box .line {
    text-align: left;
  }
}
#index .contents #access .cm_box .cm_flex,
#osaka .contents #access .cm_box .cm_flex {
  align-items: flex-start;
  gap: 0 2.5rem;
  margin-top: 3rem;
  position: relative;
}
#index .contents #access .cm_box .cm_flex::before,
#osaka .contents #access .cm_box .cm_flex::before {
  content: "";
  width: 6.75rem;
  height: 6.9375rem;
  background: url(../img/item20.svg) center/cover no-repeat;
  position: absolute;
  left: 9rem;
  bottom: -0.625rem;
}
@media only screen and (max-width: 999px) {
  #index .contents #access .cm_box .cm_flex::before,
  #osaka .contents #access .cm_box .cm_flex::before {
    width: 5.0625rem;
    height: 5.203125rem;
    left: unset;
    right: 0;
  }
}
#index .contents #access .cm_box .cm_flex .txt_box .blue_bg,
#osaka .contents #access .cm_box .cm_flex .txt_box .blue_bg {
  width: 24.75rem;
  height: 3rem;
  background-color: #0075BE;
  border-radius: 1.5rem;
  position: relative;
}
@media only screen and (max-width: 999px) {
  #index .contents #access .cm_box .cm_flex .txt_box .blue_bg,
  #osaka .contents #access .cm_box .cm_flex .txt_box .blue_bg {
    width: 100%;
    margin-top: 3rem;
  }
}
#index .contents #access .cm_box .cm_flex .txt_box .blue_bg span,
#osaka .contents #access .cm_box .cm_flex .txt_box .blue_bg span {
  color: #FFF;
  font-weight: 700;
  line-height: 1.75;
  /* 28px */
  letter-spacing: 0.05em;
  white-space: nowrap;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
#index .contents #access .cm_box .cm_flex .txt_box ul li,
#osaka .contents #access .cm_box .cm_flex .txt_box ul li {
  font-family: "Noto Sans JP";
  font-weight: 400;
  line-height: 1.75;
  /* 28px */
  letter-spacing: 0.05em;
  margin: calc(2rem - 0.375em) 0 -0.375em;
  padding-left: 1.375rem;
  position: relative;
}
#index .contents #access .cm_box .cm_flex .txt_box ul li::before,
#osaka .contents #access .cm_box .cm_flex .txt_box ul li::before {
  content: "";
  width: 1rem;
  height: 1rem;
  background-color: #0075BE;
  border-radius: 3.125rem;
  position: absolute;
  left: 0;
  top: 0.9375rem;
  transform: translateY(-50%);
}
#index .contents #access .cm_box .img2,
#osaka .contents #access .cm_box .img2 {
  width: 100%;
  height: auto;
  margin-top: 4.125rem;
}
#index .contents #access .cm_box .img2 img,
#osaka .contents #access .cm_box .img2 img {
  width: 100%;
  height: auto;
  border-radius: 2.5rem;
}
#index .contents #access .cm_box iframe,
#osaka .contents #access .cm_box iframe {
  width: 100%;
  height: 26.25rem;
  margin-top: 3rem;
}
#index .contents #pre_registration,
#osaka .contents #pre_registration {
  position: relative;
}
#index .contents #pre_registration::before,
#osaka .contents #pre_registration::before {
  content: "";
  width: 100%;
  height: calc(100% + 10.5rem);
  background-color: #FBE943;
  position: absolute;
  left: 0;
  top: 2rem;
  z-index: -1;
}
@media only screen and (max-width: 999px) {
  #index .contents #pre_registration::before,
  #osaka .contents #pre_registration::before {
    height: calc(100% + 6.75rem);
  }
}
#index .contents #pre_registration .img,
#osaka .contents #pre_registration .img {
  width: 29.0475rem;
  height: auto;
  margin: 10.5rem auto 0;
}
@media only screen and (max-width: 999px) {
  #index .contents #pre_registration .img,
  #osaka .contents #pre_registration .img {
    width: 21.785625rem;
    margin: 6.5rem auto 0;
  }
}
#index .contents #pre_registration .img img,
#osaka .contents #pre_registration .img img {
  width: 100%;
  height: auto;
}
#index .contents #pre_registration .img2,
#osaka .contents #pre_registration .img2 {
  width: 42.27875rem;
  height: auto;
  margin: 3.451875rem auto 0;
}
@media only screen and (max-width: 999px) {
  #index .contents #pre_registration .img2,
  #osaka .contents #pre_registration .img2 {
    width: 26.890625rem;
  }
}
#index .contents #pre_registration .img2 img,
#osaka .contents #pre_registration .img2 img {
  width: 100%;
  height: auto;
}
#index .contents #pre_registration .line,
#osaka .contents #pre_registration .line {
  font-weight: 700;
  line-height: 1.75;
  /* 28px */
  letter-spacing: 0.05em;
  text-align: center;
  margin: calc(2.5rem - 0.375em) auto -0.375em;
}
@media only screen and (max-width: 999px) {
  #index .contents #pre_registration .line,
  #osaka .contents #pre_registration .line {
    width: calc(100% - 4rem);
    margin: calc(2.5rem - 0.375em) auto -0.375em;
  }
}
#index .contents #pre_registration .img3,
#osaka .contents #pre_registration .img3 {
  width: 56.25rem;
  height: auto;
  margin: 3rem auto 0;
}
@media only screen and (max-width: 999px) {
  #index .contents #pre_registration .img3,
  #osaka .contents #pre_registration .img3 {
    width: calc(100% - 4rem);
  }
}
#index .contents #pre_registration .img3 img,
#osaka .contents #pre_registration .img3 img {
  width: 100%;
  height: auto;
}
#index .contents #pre_registration .line2,
#osaka .contents #pre_registration .line2 {
  width: 34.3125rem;
  font-family: "Noto Sans JP";
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.75;
  /* 24.5px */
  letter-spacing: 0.05em;
  text-align: left;
  margin: calc(3rem - 0.375em) auto -0.375em;
}
@media only screen and (max-width: 999px) {
  #index .contents #pre_registration .line2,
  #osaka .contents #pre_registration .line2 {
    width: calc(100% - 4rem);
  }
}
#index .contents #pre_registration .cm_link,
#osaka .contents #pre_registration .cm_link {
  margin: 3.5rem auto 0;
  z-index: 0;
}
#index .contents #pre_registration .cm_link::after,
#osaka .contents #pre_registration .cm_link::after {
  width: 0.8125rem;
  height: 0.8125rem;
  background: url(../img/icon.svg) center/cover no-repeat;
}
#index .contents #pre_registration .cm_link span,
#osaka .contents #pre_registration .cm_link span {
  left: 50%;
  transform: translate(-50%, -50%);
}
#index .contents #town .img,
#osaka .contents #town .img {
  width: 29.0625rem;
  height: auto;
  margin: 10.5rem auto 0;
}
@media only screen and (max-width: 999px) {
  #index .contents #town .img,
  #osaka .contents #town .img {
    width: 21.785625rem;
    margin-top: 6.5rem;
  }
}
#index .contents #town .img img,
#osaka .contents #town .img img {
  width: 100%;
  height: auto;
}
#index .contents #town .blue_bg,
#osaka .contents #town .blue_bg {
  width: 24.75rem;
  height: 3rem;
  background-color: #0075BE;
  border-radius: 1.5rem;
  margin: 4rem auto 0;
  position: relative;
}
#index .contents #town .blue_bg span,
#osaka .contents #town .blue_bg span {
  color: #FFF;
  font-weight: 700;
  line-height: 1.75;
  /* 28px */
  letter-spacing: 0.05em;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
#index .contents #town .flex,
#osaka .contents #town .flex {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 2.5rem;
  max-width: 70rem;
  width: calc(100% - 4rem);
  margin: 2.5rem auto 0;
}
@media only screen and (max-width: 999px) {
  #index .contents #town .flex,
  #osaka .contents #town .flex {
    gap: 1rem;
  }
}
#index .contents #town .flex li,
#osaka .contents #town .flex li {
  width: calc((100% - 5rem) / 3);
}
@media only screen and (max-width: 999px) {
  #index .contents #town .flex li,
  #osaka .contents #town .flex li {
    width: calc((100% - 1rem) / 2);
  }
}
#index .contents #town .flex li a,
#osaka .contents #town .flex li a {
  transition: 0.35s ease;
}
#index .contents #town .flex li a:hover,
#osaka .contents #town .flex li a:hover {
  opacity: 0.7;
}
#index .contents #town .flex li a img,
#osaka .contents #town .flex li a img {
  width: 100%;
  height: auto;
}
#index .contents #town .flex li a.red_bg,
#osaka .contents #town .flex li a.red_bg {
  display: block;
  width: 100%;
  height: 2.25rem;
  background-color: #EB6161;
  border-radius: 999px;
  position: relative;
  margin: 1rem 0 0;
}
#index .contents #town .flex li a.red_bg::after,
#osaka .contents #town .flex li a.red_bg::after {
  content: "";
  width: 0.8125rem;
  height: 0.8125rem;
  background: url(../img/icon.svg) center/cover no-repeat;
  position: absolute;
  right: 1.25rem;
  top: 50%;
  transform: translateY(-50%);
}
@media only screen and (max-width: 999px) {
  #index .contents #town .flex li a.red_bg::after,
  #osaka .contents #town .flex li a.red_bg::after {
    right: 0.5rem;
  }
}
#index .contents #town .flex li a.red_bg span,
#osaka .contents #town .flex li a.red_bg span {
  color: #FFF;
  font-weight: 700;
  line-height: 1.25;
  /* 20px */
  letter-spacing: 0.02em;
  position: absolute;
  left: 1.25rem;
  top: 50%;
  transform: translateY(-50%);
}
@media only screen and (max-width: 999px) {
  #index .contents #town .flex li a.red_bg span,
  #osaka .contents #town .flex li a.red_bg span {
    font-size: 0.9375rem;
    left: 0.5rem;
  }
}

#osaka .contents #fv .lead::after {
  content: "";
  width: 12.125vw;
  height: 30.875vw;
  background: url(../img/osaka/osaka.svg) center/cover no-repeat;
  position: absolute;
  left: calc(50% + 17.75vw);
  top: 2.3125rem;
}
@media only screen and (max-width: 999px) {
  #osaka .contents #fv .lead::after {
    display: none;
  }
}
#osaka .contents #fv .img2 {
  position: relative;
}
#osaka .contents #fv .img2::before {
  content: "";
  width: 11.1875rem;
  height: 11.1875rem;
  background: url(../img/osaka/item1.png) center/cover no-repeat;
  position: absolute;
  left: -3.4375rem;
  top: 0;
}
@media only screen and (max-width: 999px) {
  #osaka .contents #fv .img2::before {
    left: -2rem;
    top: -2.8125rem;
  }
}
#osaka .contents #fv .img2::after {
  content: "";
  width: 11.1875rem;
  height: 11.1875rem;
  background: url(../img/osaka/item2.png) center/cover no-repeat;
  position: absolute;
  right: -2rem;
  top: 0rem;
}
@media only screen and (max-width: 999px) {
  #osaka .contents #fv .img2::after {
    right: -2rem;
    top: -2.8125rem;
  }
}
@media only screen and (min-width: 1000px) {
  #osaka .contents #event .cm_box#sale .flex li:first-child .txt, #osaka .contents #event .cm_box#sale .flex li:nth-child(2) .txt, #osaka .contents #event .cm_box#sale .flex li:nth-child(3) .txt {
    width: 12.125rem;
  }
  #osaka .contents #event .cm_box#sale .flex li:first-child .txt.long, #osaka .contents #event .cm_box#sale .flex li:nth-child(2) .txt.long, #osaka .contents #event .cm_box#sale .flex li:nth-child(3) .txt.long {
    width: 15rem;
  }
}
#osaka .contents #event .cm_box#sale .flex li .txt {
  width: auto;
  min-width: 8.125rem;
  height: 1.875rem;
}
@media only screen and (max-width: 999px) {
  #osaka .contents #event .cm_box#sale .flex li .txt {
    width: 7.5rem;
    min-width: unset;
    height: 1.25rem;
  }
  #osaka .contents #event .cm_box#sale .flex li .txt.long span {
    letter-spacing: 0;
  }
}
@media only screen and (min-width: 1000px) {
  #osaka .contents #event .cm_box.stage .back_g {
    width: 40.8125rem;
    margin-top: 3rem;
  }
}
@media only screen and (min-width: 1000px) {
  #osaka .contents #event .cm_box.stage .cast {
    width: 20.5625rem;
    height: 30.529375rem;
    position: absolute;
    right: -1.25rem;
    bottom: 5.345625rem;
  }
}
@media only screen and (min-width: 1000px) {
  #osaka .contents #event .cm_box.stage table {
    width: 100%;
    max-width: 40.875rem;
  }
}
#osaka .contents #event .cm_box.stage .cast01 {
  width: 14.75rem;
  height: 19.08375rem;
  position: absolute;
  top: -2.125rem;
  right: 1.9375rem;
}
@media only screen and (max-width: 999px) {
  #osaka .contents #event .cm_box.booth .flex li .txt {
    width: 7.5rem;
  }
}
#osaka .contents #event .cm_box.kids .flex li {
  position: relative;
}
#osaka .contents #event .cm_box.kids .flex li:last-child::after {
  content: "";
  width: 13.375rem;
  height: 6.148125rem;
  background: url(../img/osaka/kids.svg) center/cover no-repeat;
  position: absolute;
  right: -1.5625rem;
  top: -1.75rem;
}
@media only screen and (max-width: 999px) {
  #osaka .contents #event .cm_box.kids .flex li:last-child::after {
    width: 8.125rem;
    height: 3.75rem;
  }
}
#osaka .contents #event .cm_box.area {
  position: relative;
}
#osaka .contents #event .cm_box.area .flex {
  gap: 0 2.13625rem;
}
#osaka .contents #event .cm_box.area .flex li {
  width: 20.0625rem;
}
#osaka .contents #event .cm_box.area .flex li:last-child {
  width: 7.5rem;
  position: relative;
}
#osaka .contents #event .cm_box.area .flex li:last-child::after {
  content: "";
  width: 17.625rem;
  height: 8.0625rem;
  background: url(../img/osaka/area.svg) center/cover no-repeat;
  position: absolute;
  right: -5rem;
  top: -9.65rem;
}
@media only screen and (max-width: 999px) {
  #osaka .contents #event .cm_box.area .flex li:last-child::after {
    width: 5.625rem;
    height: 2.5rem;
    right: -1.25rem;
    top: -2.8125rem;
  }
}
#osaka .contents #event .cm_box.white .table2 {
  width: 100%;
  border-collapse: collapse;
}
#osaka .contents #event .cm_box.white .table2 tbody tr th {
  width: 11.6248125rem;
  padding-right: 2rem;
}
@media only screen and (max-width: 999px) {
  #osaka .contents #event .cm_box.white .table2 tbody tr th {
    width: 12.5rem;
    padding-right: 1.25rem;
  }
}
#osaka .contents #event .cm_box.white .table2 tbody .border {
  border-bottom: solid 0.0625rem #149AE6 !important;
}
#osaka .contents #event .cm_box.white .table2 tbody .border th, #osaka .contents #event .cm_box.white .table2 tbody .border td {
  padding: 1.125rem 0;
}
#osaka .contents #event .cm_box.white .table2.table3 tbody tr th {
  width: 21.875rem;
}
@media only screen and (max-width: 999px) {
  #osaka .contents #event .cm_box.white .table2.table3 tbody tr th {
    width: 12.5rem;
  }
}
#osaka .contents #introduction .cm_box .list li {
  position: relative;
}
#osaka .contents #introduction .cm_box .list li .tag {
  margin: unset;
  position: absolute;
  left: 1rem;
  top: 13.375rem;
}
#osaka .contents #access .cm_box .cm_flex::before {
  bottom: -1.5rem;
}

@media screen and (min-width: 1000px) {
  .pcNone {
    display: none !important;
  }
  html {
    width: 100%;
    height: 100%;
    font-size: 16px;
  }
  body {
    width: 100%;
    height: 100%;
    font-size: 1rem;
  }
  img {
    display: block;
    height: auto;
  }
}
@media screen and (max-width: 999px) {
  .spNone {
    display: none !important;
  }
  html {
    width: 100%;
    height: 100%;
    font-size: 3.125vw;
  }
  body {
    width: 100%;
    height: 100%;
    font-size: 1rem;
    overflow-x: hidden;
  }
  img {
    display: block;
    max-width: 100%;
    width: 100%;
  }
}/*# sourceMappingURL=layout.css.map */