@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap');
@keyframes bgMove01 {
  0% {
    transform: translate(0, 0) rotate(0deg);
  }
  33% {
    transform: translate(52vw, -12vh) rotate(120deg);
  }
  66% {
    transform: translate(15vw, 34vh) rotate(240deg);
  }
  100% {
    transform: translate(0, 0) rotate(360deg);
  }
}

@keyframes bgMove02 {
  0% {
    transform: translate(0, 0) rotate(0deg);
  }
  33% {
    transform: translate(-52vw, -6vh) rotate(120deg);
  }
  66% {
    transform: translate(-15vw, -28vh) rotate(240deg);
  }
  100% {
    transform: translate(0, 0) rotate(360deg);
  }
}

*,
*::before,
*::after {
  margin: 0;
  padding: 0;
  border: none;
  box-sizing: border-box;
}

a {
  text-decoration: none;
  color: inherit;
}

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

html {
  font-size: clamp(20px / 1280 * 768, 20 / 1280 * 100vw, 20px);
}

@media (max-width: 767.99px) {
  html {
    font-size: clamp(20px / 375 * 320, 20 / 375 * 100vw, 20px / 375 * 768);
  }
}

body {
  font-weight: 400;
  font-family: 'Noto Sans JP', sans-serif;
  font-optical-sizing: auto;
}

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

sub.is-reg {
  font-size: 100%;
  line-height: 1;
  vertical-align: bottom;
}

em {
  font-style: normal;
}

@media (max-width: 767.99px) {
  .only--pc {
    display: none !important;
  }
}

@media (min-width: 768px) {
  .only--sp {
    display: none !important;
  }
}

.is-ib {
  display: inline-block;
}

.is-tal {
  text-align: left;
}

.is-tar {
  text-align: right;
}

.is-tac {
  text-align: center;
}

.is-sofia {
  font-family: 'sofia-pro', sans-serif;
}

.c-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: calc(195 / 20 * 1rem);
  height: calc(58 / 20 * 1rem);
  border-radius: calc(29 / 20 * 1rem);
  background: #409;
}

@media (max-width: 767.99px) {
  .c-btn {
    width: calc(241 / 20 * 1rem);
    height: calc(50 / 20 * 1rem);
    border-radius: calc(25 / 20 * 1rem);
    margin: 0 auto;
  }
}

.c-btn::after {
  content: '';
  display: block;
  position: absolute;
  background: #fff;
          mask: url('/onlinesummit/assets2411/images/icon_arrow01.svg') 100% 50%/auto 100% no-repeat;
  -webkit-mask: url('/onlinesummit/assets2411/images/icon_arrow01.svg') 100% 50%/auto 100% no-repeat;
}

@media (min-width: 768px) {
  .c-btn::after {
    left: calc(148 / 20 * 1rem);
    width: calc(20 / 20 * 1rem);
    height: calc(14 / 20 * 1rem);
  }
}

@media (max-width: 767.99px) {
  .c-btn::after {
    right: calc(24 / 20 * 1rem);
    width: calc(21 / 20 * 1rem);
    height: calc(12 / 20 * 1rem);
  }
}

.c-btn > span {
  display: block;
  padding: 0 calc(17 / 20 * 1rem) 0 0;
  color: #fff;
  font-size: calc(16 / 20 * 1rem);
  font-weight: 500;
}

@media (max-width: 767.99px) {
  .c-btn > span {
    padding: 0 calc(9 / 20 * 1rem) 0 0;
  }
}

@media (min-width: 768px) {
  .c-btn {
    transition: background-color 350ms cubic-bezier(.3, .2, .15, .9) 0ms;
  }
  .c-btn::after {
    transition: width 350ms cubic-bezier(.3, .2, .15, .9) 0ms;
  }
  .c-btn:hover {
    background-color: rgba(68, 0, 153, .7);
  }
  .c-btn:hover::after {
    width: calc(28 / 20 * 1rem);
  }
}

.c-btn2 {
  display: flex;
  align-items: center;
  position: relative;
  height: calc(58 / 20 * 1rem);
  padding: 0 0 0 calc(30 / 20 * 1rem);
  border-radius: calc(29 / 20 * 1rem);
  background: #409;
}

@media (max-width: 767.99px) {
  .c-btn2 {
    height: calc(50 / 20 * 1rem);
    border-radius: calc(25 / 20 * 1rem);
    padding: 0 0 0 calc(20 / 20 * 1rem);
  }
}

.c-btn2::after {
  content: '';
  display: block;
  position: absolute;
  right: calc(20 / 20 * 1rem);
  width: calc(32 / 20 * 1rem);
  height: calc(32 / 20 * 1rem);
  background: url('/onlinesummit/assets2411/images/icon_angle01.svg') 50% 50%/contain no-repeat;
}

@media (max-width: 767.99px) {
  .c-btn2::after {
    right: calc(10 / 20 * 1rem);
  }
}

.c-btn2 > span {
  display: block;
  color: #fff;
  font-size: calc(16 / 20 * 1rem);
  font-weight: 500;
}

.c-btn2 > span.is-en {
  font-size: calc(18 / 20 * 1rem);
  font-family: 'sofia-pro', sans-serif;
  transform: translateY(calc(-1.5 / 20 * 1rem));
}

@media (min-width: 768px) {
  .c-btn2 {
    transition: background-color 350ms cubic-bezier(.3, .2, .15, .9) 0ms;
  }
  .c-btn2:hover {
    background-color: rgba(68, 0, 153, .7);
  }
}

.c-mov > a {
  display: flex;
  align-items: center;
  justify-content: center;
}

.c-mov__a {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  width: calc(140 / 20 * 1rem);
  height: calc(140 / 20 * 1rem);
  border-radius: 50%;
  border: 3px solid #fff;
  opacity: .9;
  z-index: 2;
}

@media (max-width: 767.99px) {
  .c-mov__a {
    width: calc(80 / 20 * 1rem);
    height: calc(80 / 20 * 1rem);
    border: 2px solid #fff;
  }
}

.c-mov__a::before {
  content: '';
  display: block;
  width: 60%;
  height: 60%;
  background: url('/onlinesummit/assets2411/images/icon_angle01.svg') 50% 50%/calc(140 / 20 * 1rem) auto no-repeat;
}

@media (max-width: 767.99px) {
  .c-mov__a::before {
    background-size: calc(80 / 20 * 1rem) auto;
  }
}

.c-mov__p {
  position: relative;
  z-index: 1;
}

@media (min-width: 768px) {
  .c-mov__a {
    transition: background-color 350ms cubic-bezier(.3, .2, .15, .9) 0ms, border-color 350ms cubic-bezier(.3, .2, .15, .9) 0ms;
  }
  .c-mov__p {
    overflow: hidden;
  }
  .c-mov__p img {
    transition: transform 350ms cubic-bezier(.3, .2, .15, .9) 0ms;
  }
  .c-mov > a:hover .c-mov__a {
    border-color: transparent;
    background: rgba(68, 0, 153, .7);
  }
  .c-mov > a:hover .c-mov__p img {
    transform: scale(1.05);
  }
}

.c-sct {
  position: relative;
}

@media (min-width: 768px) {
  .c-sct + .c-sct {
    margin: calc(160 / 20 * 1rem) 0 0;
  }
  #index .c-sct + .c-sct {
    margin: calc(185 / 20 * 1rem) 0 0;
  }
}

@media (max-width: 767.99px) {
  .c-sct + .c-sct {
    margin: calc(102 / 20 * 1rem) 0 0;
  }
}

.c-sct__in {
  position: relative;
}

@media (min-width: 768px) {
  .c-sct__in {
    max-width: calc(1120 / 20 * 1rem);
    margin: 0 auto;
  }
}

.c-sct__anc {
  position: relative;
  bottom: calc(27 / 20 * 1rem);
}

@media (max-width: 767.99px) {
  .c-sct__anc {
    bottom: calc(33 / 20 * 1rem);
  }
}

.c-sct__t {
  margin: calc(40 / 20 * 1rem) 0 calc(50 / 20 * 1rem);
  font-size: calc(16 / 20 * 1rem);
  line-height: calc(30 / 16);
}

@media (max-width: 767.99px) {
  .c-sct__t {
    margin: calc(20 / 20 * 1rem) 0 calc(30 / 20 * 1rem);
    padding: 0 calc(25 / 20 * 1rem);
  }
}

.c-tt {
  display: flex;
  align-items: flex-end;
  position: relative;
  padding: 0 0 calc(27 / 20 * 1rem);
}

@media (max-width: 767.99px) {
  .c-tt {
    padding: 0 calc(25 / 20 * 1rem) calc(12 / 20 * 1rem);
  }
}

.c-tt > span {
  display: block;
  color: #409;
  font-weight: 500;
  line-height: calc(62 / 20 * 1rem);
  letter-spacing: -.01em;
  white-space: nowrap;
}

@media (max-width: 767.99px) {
  .c-tt > span {
    line-height: calc(34 / 20 * 1rem);
  }
}

.c-tt > span.is-en {
  font-size: calc(62 / 20 * 1rem);
  font-family: 'sofia-pro', sans-serif;
  transform: translateY(calc(-6 / 20 * 1rem));
}

@media (max-width: 767.99px) {
  .c-tt > span.is-en {
    font-size: calc(33 / 20 * 1rem);
    transform: translateY(calc(-5 / 20 * 1rem));
  }
}

.c-tt > span.is-jp {
  font-size: calc(52 / 20 * 1rem);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translateY(calc(-3 / 20 * 1rem));
}

@media (max-width: 767.99px) {
  .c-tt > span.is-jp {
    font-size: calc(28 / 20 * 1rem);
    transform: translateY(calc(-2.5 / 20 * 1rem));
  }
}

.c-tt > span.is-jp > span {
  display: inline-block;
  vertical-align: bottom;
  font-size: calc(32 / 20 * 1rem);
  line-height: 1.3;
}

@media (max-width: 767.99px) {
  .c-tt > span.is-jp > span {
    font-size: calc(20 / 20 * 1rem);
  }
}

.c-tt::before,
.c-tt::after {
  content: '';
  display: block;
  position: absolute;
}

.c-tt::before {
  width: calc(30 / 20 * 1rem);
  aspect-ratio: 30 / 23;
  background: url('/onlinesummit/assets2411/images/icon_motif01.svg') 50% 50%/contain no-repeat;
}

@media (min-width: 768px) {
  .c-tt::before {
    top: calc(20 / 20 * 1rem);
    right: 100%;
    margin: 0 calc(20 / 20 * 1rem) 0 0;
  }
}

@media (max-width: 767.99px) {
  .c-tt::before {
    width: calc(21 / 20 * 1rem);
    bottom: 100%;
    left: calc(25 / 20 * 1rem);
    margin: 0 0 calc(8 / 20 * 1rem);
  }
}

.c-tt::after {
  bottom: 0;
  right: 50%;
  width: 120vw;
  height: 1px;
  background: #409;
  transform: translateX(50%);
}

.wrap {
  position: relative;
  background: linear-gradient(90deg, #f4f5f8 0%, #d8e9f8 100%);
  z-index: 2;
}

.wrap__in {
  position: relative;
  overflow: hidden;
  z-index: 3;
}

.wrap__bg {
  position: relative;
}

.wrap__bg.dev > div::before {
  background-color: #409 !important;
}

.wrap__bg > div {
  position: fixed;
  filter: blur(130px);
}

.wrap__bg > div::before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
          mask: 50% 50%/contain no-repeat;
  -webkit-mask: 50% 50%/contain no-repeat;
}

.wrap__bg > div.is-01 {
  animation: bgMove01 20s cubic-bezier(.65, .15, .35, .85) infinite;
}

.wrap__bg > div.is-01::before {
  background: #fbfff0;
  opacity: .8;
}

@media (min-width: 768px) {
  .wrap__bg > div.is-01 {
    top: calc(38.8%);
    right: calc(50% + 53px);
    width: calc(604 / 20 * 1rem);
    height: calc(476 / 20 * 1rem);
    margin-top: calc(-238 / 20 * 1rem);
  }
  .wrap__bg > div.is-01::before {
            mask-image: url('/onlinesummit/assets2411/images/bg_wrap01.svg');
    -webkit-mask-image: url('/onlinesummit/assets2411/images/bg_wrap01.svg');
  }
}

@media (max-width: 767.99px) {
  .wrap__bg > div.is-01 {
    top: calc(124 / 768 * 100%);
    left: calc(14 / 20 * 1rem);
    width: calc(159 / 20 * 1rem);
    height: calc(397 / 20 * 1rem);
  }
  .wrap__bg > div.is-01::before {
            mask-image: url('/onlinesummit/assets2411/images/bg_wrap01_sp.svg');
    -webkit-mask-image: url('/onlinesummit/assets2411/images/bg_wrap01_sp.svg');
  }
}

.wrap__bg > div.is-02 {
  animation: bgMove02 20s cubic-bezier(.65, .15, .35, .85) infinite;
}

.wrap__bg > div.is-02::before {
  background: #fff;
  opacity: .6;
}

@media (min-width: 768px) {
  .wrap__bg > div.is-02 {
    top: calc(58.2%);
    left: calc(50% + 87px);
    width: calc(688 / 20 * 1rem);
    height: calc(487 / 20 * 1rem);
    margin-top: calc(-243 / 20 * 1rem);
  }
  .wrap__bg > div.is-02::before {
            mask-image: url('/onlinesummit/assets2411/images/bg_wrap02.svg');
    -webkit-mask-image: url('/onlinesummit/assets2411/images/bg_wrap02.svg');
  }
}

@media (max-width: 767.99px) {
  .wrap__bg > div.is-02 {
    top: calc(282 / 768 * 100%);
    right: calc(-15 / 20 * 1rem);
    width: calc(180 / 20 * 1rem);
    height: calc(406 / 20 * 1rem);
  }
  .wrap__bg > div.is-02::before {
            mask-image: url('/onlinesummit/assets2411/images/bg_wrap02_sp.svg');
    -webkit-mask-image: url('/onlinesummit/assets2411/images/bg_wrap02_sp.svg');
  }
}

.header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  height: calc(136 / 20 * 1rem);
  padding: 0 calc(40 / 20 * 1rem);
  z-index: 2;
}

@media (max-width: 767.99px) {
  .header {
    height: calc(74 / 20 * 1rem);
    padding: 0 calc(25 / 20 * 1rem);
  }
}

.header__lg {
  padding: 0 0 calc(7 / 20 * 1rem);
}

@media (max-width: 767.99px) {
  .header__lg {
    padding: 0 0 calc(11 / 20 * 1rem);
  }
}

.header__lg > a {
  display: block;
  width: calc(380 / 20 * 1rem);
}

@media (max-width: 767.99px) {
  .header__lg > a {
    width: calc(254 / 20 * 1rem);
  }
}

.header__btn {
  font-family: 'sofia-pro', sans-serif;
}

@media (max-width: 767.99px) {
  .header__btn {
    display: none !important;
  }
}

.main {
  position: relative;
}

.cmnbnr {
  position: relative;
  margin: calc(135 / 20 * 1rem) 0 0;
  padding: 0 0 calc(70 / 20 * 1rem);
}

@media (max-width: 767.99px) {
  .cmnbnr {
    margin: calc(100 / 20 * 1rem) 0 0;
    padding: 0 calc(25 / 20 * 1rem) calc(40 / 20 * 1rem);
  }
}

.cmnbnr__ls {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: calc(30 / 20 * 1rem) calc(30 / 20 * 1rem);
  width: calc(726 / 20 * 1rem);
  margin: 0 auto;
}

@media (max-width: 767.99px) {
  .cmnbnr__ls {
    flex-direction: column;
    gap: calc(10 / 20 * 1rem) calc(10 / 20 * 1rem);
    width: auto;
  }
}

.cmnbnr__ls > li {
  flex: 1 0 40%;
  overflow: hidden;
}

.cmnbnr__ls > li > a {
  display: block;
}

@media (min-width: 768px) {
  .cmnbnr__ls > li > a {
    transition: opacity 350ms cubic-bezier(.3, .2, .15, .9) 0ms;
  }
  .cmnbnr__ls > li > a:hover {
    opacity: .7;
  }
}

.footer {
  position: relative;
  padding: calc(59 / 20 * 1rem) 0 calc(56 / 20 * 1rem);
  background: #409;
  color: #fff;
  z-index: 2;
}

@media (max-width: 767.99px) {
  .footer {
    padding: calc(56 / 20 * 1rem) 0 calc(86 / 20 * 1rem);
  }
}

.footer__in {
  position: relative;
}

.footer__lg {
  width: calc(140 / 20 * 1rem);
  margin: 0 auto calc(30 / 20 * 1rem);
}

@media (min-width: 768px) {
  .footer__lg > a {
    transition: opacity 350ms cubic-bezier(.3, .2, .15, .9) 0ms;
  }
  .footer__lg > a:hover {
    opacity: .7;
  }
}

.footer__nv {
  margin: 0 0 calc(30 / 20 * 1rem);
}

@media (max-width: 767.99px) {
  .footer__nv {
    margin: 0 0 calc(20 / 20 * 1rem);
  }
}

.footer__nv__ls {
  display: flex;
  align-items: center;
  justify-content: center;
}

@media (min-width: 768px) {
  .footer__nv__ls > li + li::before {
    content: '\ff5c';
    display: inline-block;
    font-size: calc(14 / 20 * 1rem);
    line-height: calc(28 / 14);
  }
}

@media (max-width: 767.99px) {
  .footer__nv__ls {
    flex-direction: column;
  }
}

.footer__nv__ls > li > a {
  display: inline-block;
  padding: 0 1em;
  font-size: calc(14 / 20 * 1rem);
  line-height: calc(28 / 14);
}

@media (min-width: 768px) {
  .footer__nv__ls > li > a {
    transition: opacity 350ms cubic-bezier(.3, .2, .15, .9) 0ms;
  }
  .footer__nv__ls > li > a:hover {
    opacity: .7;
  }
}

@media (max-width: 767.99px) {
  .footer__nv__ls > li > a {
    font-size: calc(13 / 20 * 1rem);
    line-height: calc(36 / 13);
  }
}

.footer__cr {
  font-size: calc(14 / 20 * 1rem);
  font-weight: 200;
  font-family: 'sofia-pro', sans-serif;
  line-height: calc(28 / 14);
  text-align: center;
}

@media (max-width: 767.99px) {
  .footer__cr {
    font-size: calc(13 / 20 * 1rem);
    line-height: calc(28 / 13);
  }
}

.footer__j {
  position: absolute;
  bottom: calc(56 / 20 * 1rem);
  right: calc(42 / 20 * 1rem);
  overflow: hidden;
}

@media (max-width: 767.99px) {
  .footer__j {
    bottom: calc(25 / 20 * 1rem);
    right: calc(25 / 20 * 1rem);
  }
}

.footer__j > a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(68 / 20 * 1rem);
  height: calc(68 / 20 * 1rem);
  border: 1px solid #fff;
  border-radius: 50%;
}

@media (max-width: 767.99px) {
  .footer__j > a {
    width: calc(50 / 20 * 1rem);
    height: calc(50 / 20 * 1rem);
  }
}

.footer__j > a::before,
.footer__j > a::after {
  content: '';
  display: block;
  width: calc(28 / 20 * 1rem);
  height: calc(14 / 20 * 1rem);
  background: #fff;
  rotate: -90deg;
          mask: url('/onlinesummit/assets2411/images/icon_arrow01.svg') 100% 50%/auto 100% no-repeat;
  -webkit-mask: url('/onlinesummit/assets2411/images/icon_arrow01.svg') 100% 50%/auto 100% no-repeat;
}

@media (max-width: 767.99px) {
  .footer__j > a::before,
  .footer__j > a::after {
    width: calc(21 / 20 * 1rem);
    height: calc(12 / 20 * 1rem);
  }
}

.footer__j > a::before {
  position: absolute;
}

.footer__j > a::after {
  position: relative;
  top: calc(50 / 20 * 1rem);
}

@media (min-width: 768px) {
  .footer__j > a {
    transition: background-color 350ms cubic-bezier(.3, .2, .15, .9) 0ms;
  }
  .footer__j > a::before,
  .footer__j > a::after {
    transition: background-color 350ms cubic-bezier(.3, .2, .15, .9) 0ms;
  }
  .footer__j > a:hover {
    background: #fff;
  }
  .footer__j > a:hover::before,
  .footer__j > a:hover::after {
    background: #409;
    translate: 0 calc(-50 / 20 * 1rem);
    transition: translate 350ms cubic-bezier(.3, .2, .15, .9) 0ms, background-color 350ms cubic-bezier(.3, .2, .15, .9) 0ms;
  }
}

.modal {
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: calc(108 / 20 * 1rem) calc(20 / 20 * 1rem);
  overflow: auto;
  background: rgba(0, 0, 0, .85);
  opacity: 0;
  pointer-events: none;
  z-index: 1;
  transition: opacity 500ms cubic-bezier(.3, .2, .15, .9) 0ms;
}

@media (max-width: 767.99px) {
  .modal {
    padding: calc(70 / 20 * 1rem) 0;
  }
}

.modal.is-open {
  opacity: 1;
  pointer-events: auto;
}

.modal:has(.is-shown) {
  z-index: 9999;
}

.modal__bd {
  display: none;
  position: relative;
  margin: auto;
}

.modal__bd.is-shown {
  display: block;
}

.modal__bd__cls {
  position: absolute;
  bottom: 100%;
  right: 0;
  margin: 0 0 calc(20 / 20 * 1rem);
}

@media (max-width: 767.99px) {
  .modal__bd__cls {
    right: calc(10 / 20 * 1rem);
    margin: 0 0 calc(10 / 20 * 1rem);
  }
}

.modal__bd__cls > a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 68px;
  height: 68px;
  border-radius: 50%;
  border: 1px solid #fff;
}

@media (max-width: 767.99px) {
  .modal__bd__cls > a {
    width: 50px;
    height: 50px;
  }
}

.modal__bd__cls > a::before,
.modal__bd__cls > a::after {
  content: '';
  display: block;
  position: absolute;
  width: calc(30 / 60 * 100%);
  height: calc(2 / 20 * 1rem);
  background: #fff;
}

@media (max-width: 767.99px) {
  .modal__bd__cls > a::before,
  .modal__bd__cls > a::after {
    height: calc(1 / 20 * 1rem);
    min-height: 1px;
  }
}

.modal__bd__cls > a::before {
  rotate: 45deg;
}

.modal__bd__cls > a::after {
  rotate: -45deg;
}

@media (min-width: 768px) {
  .modal__bd__cls > a {
    transition: background-color 350ms cubic-bezier(.3, .2, .15, .9) 0ms;
  }
  .modal__bd__cls > a::before,
  .modal__bd__cls > a::after {
    transition: background-color 350ms cubic-bezier(.3, .2, .15, .9) 0ms;
  }
  .modal__bd__cls > a:hover {
    background: #fff;
  }
  .modal__bd__cls > a:hover::before,
  .modal__bd__cls > a:hover::after {
    background: #409;
  }
}

.modal__bd iframe {
  display: block;
  width: 896px;
  max-width: 100%;
  max-height: 100%;
  aspect-ratio: 16 / 9;
  background: #fff;
}

.idxanc {
  max-width: calc(1120 / 20 * 1rem);
  margin: 0 auto calc(135 / 20 * 1rem);
}

@media (max-width: 767.99px) {
  .idxanc {
    margin: 0 auto calc(57 / 20 * 1rem);
  }
}

@media (min-width: 768px) {
  .idxanc__ls {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: calc(30 / 20 * 1rem) calc(30 / 20 * 1rem);
  }
}

@media (min-width: 768px) {
  .idxanc__ls > li {
    flex: 1 0 35%;
    max-width: calc(545 / 20 * 1rem);
    border-radius: calc(10 / 20 * 1rem);
    overflow: hidden;
  }
}

@media (max-width: 767.99px) {
  .idxanc__ls > li + li {
    border-top: 1px solid rgba(68, 0, 153, .7);
  }
}

.idxanc__ls > li > a {
  display: block;
}

@media (min-width: 768px) {
  .idxanc__ls > li > a img {
    transition: transform 350ms cubic-bezier(.3, .2, .15, .9) 0ms;
  }
  .idxanc__ls > li > a:hover img {
    transform: scale(1.05);
  }
}

@media (max-width: 767.99px) {
  .idxanc__ls > li > a {
    display: flex;
    align-items: center;
    position: relative;
    width: 100%;
    height: calc(50 / 20 * 1rem);
    padding: 0 calc(25 / 20 * 1rem);
    background: #409;
  }
  .idxanc__ls > li > a::after {
    content: '';
    display: block;
    position: absolute;
    bottom: 50%;
    right: calc(21 / 20 * 1rem);
    width: calc(21 / 20 * 1rem);
    height: calc(12 / 20 * 1rem);
    background: #fff;
            mask: url('/onlinesummit/assets2411/images/icon_arrow01.svg') 100% 50%/auto 100% no-repeat;
    -webkit-mask: url('/onlinesummit/assets2411/images/icon_arrow01.svg') 100% 50%/auto 100% no-repeat;
    transform: translateY(52.5%) rotate(90deg);
  }
}

.idxanc__ls__p {
  display: block;
}

@media (max-width: 767.99px) {
  .idxanc__ls__p {
    display: none;
  }
}

.idxanc__ls__t {
  display: block;
}

@media (min-width: 768px) {
  .idxanc__ls__t {
    display: none;
  }
}

@media (max-width: 767.99px) {
  .idxanc__ls__t {
    color: #fff;
    font-size: calc(16 / 20 * 1rem);
    font-family: 'sofia-pro', sans-serif;
    line-height: 1;
  }
}

@media (min-width: 768px) {
  .idxcr {
    max-width: calc(2730 / 20 * 1rem);
    margin: 0 auto;
    overflow-x: clip;
  }
}

.idxcr__in {
  position: relative;
}

@media (min-width: 768px) {
  .idxcr__in {
    max-width: calc(1120 / 20 * 1rem);
    margin: 0 auto;
  }
  .idxcr__in.is-grabbing * {
    cursor: grabbing;
  }
  .idxcr__in.is-anim * {
    cursor: default;
  }
  .idxcr__in.is-grabbing *,
  .idxcr__in.is-anim * {
    user-select: none;
  }
  .idxcr__in.is-hideClone .is-clone {
    visibility: hidden !important;
    pointer-events: none !important;
  }
  .idxcr__in.is-hideClone.is-edgeL .is-prev {
    opacity: 0;
    pointer-events: none;
  }
  .idxcr__in.is-hideClone.is-edgeR .is-next {
    opacity: 0;
    pointer-events: none;
  }
  .idxcr__in.is-hideAngle .is-prev {
    display: none;
  }
  .idxcr__in.is-hideAngle .is-next {
    display: none;
  }
  .idxcr__in::before,
  .idxcr__in::after {
    content: '';
    display: block;
    position: absolute;
    top: -10px;
    width: calc(100 / 20 * 1rem);
    height: calc(100% + 20px);
    z-index: 2;
  }
  .idxcr__in::before {
    right: 100%;
    margin-right: calc(100 / 20 * 1rem);
  }
  .idxcr__in::after {
    left: 100%;
    margin-left: calc(100 / 20 * 1rem);
  }
}

@media (min-width: 768px) {
  .idxcr__fld {
    margin: 0 calc(-25 / 20 * 1rem);
  }
}

@media (max-width: 767.99px) {
  .idxcr__fld {
    padding: 0 calc(20 / 20 * 1rem);
  }
}

.idxcr__fld__ls {
  display: flex;
  position: relative;
}

.idxcr__fld__ls > li {
  position: relative;
  flex: 0 0 33.333333%;
  padding: 0 calc(25 / 20 * 1rem);
  opacity: .25;
  pointer-events: none;
  z-index: 1;
  transition: opacity 400ms cubic-bezier(.3, .2, .15, .9) 0ms;
}

@media (max-width: 767.99px) {
  .idxcr__fld__ls > li {
    flex: 1 0 100%;
    padding: 0 calc(5 / 20 * 1rem);
  }
}

@media (min-width: 768px) {
  .idxcr__fld__ls > li.is-cur,
  .idxcr__fld__ls > li.is-cur + li,
  .idxcr__fld__ls > li.is-cur + li + li {
    opacity: 1;
    pointer-events: auto;
    z-index: 2;
  }
}

@media (max-width: 767.99px) {
  .idxcr__fld__ls > li.is-cur {
    opacity: 1;
    pointer-events: auto;
    z-index: 2;
  }
}

.idxcr__fld__ls > li.is-new:before {
  content: 'NEW';
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: calc(-20 / 20 * 1rem);
  left: calc(-20 / 20 * 1rem);
  width: calc(52 / 20 * 1rem);
  height: calc(52 / 20 * 1rem);
  margin: 0 0 0 calc(25 / 20 * 1rem);
  padding: 0 0 calc(2 / 20 * 1rem);
  border-radius: 50%;
  background: #70bf4a;
  color: #fff;
  font-size: calc(16 / 20 * 1rem);
  font-weight: 600;
  font-family: 'sofia-pro', sans-serif;
  line-height: 1;
  z-index: 1;
}

@media (max-width: 767.99px) {
  .idxcr__fld__ls > li.is-new:before {
    left: calc(-15 / 20 * 1rem);
    margin: 0 0 0 calc(5 / 20 * 1rem);
  }
}

.idxcr__fld__ls > li > a {
  display: block;
  height: 100%;
}

.idxcr__fld__ls > li > a * {
  pointer-events: none;
}

@media (min-width: 768px) {
  .idxcr__fld__ls > li > a img {
    transition: transform 350ms cubic-bezier(.3, .2, .15, .9) 0ms;
  }
  .idxcr__fld__ls > li > a p {
    transition: color 350ms cubic-bezier(.3, .2, .15, .9) 0ms;
  }
  .idxcr__fld__ls > li > a:hover img {
    transform: scale(1.05);
  }
  .idxcr__fld__ls > li > a:hover p {
    color: #409;
  }
  .idxcr__fld__ls > li > a:hover p,
  .idxcr__fld__ls > li > a:hover p > span {
    text-decoration: underline;
  }
}

.idxcr__fld__ls__p {
  height: calc(260 / 20 * 1rem);
  border-radius: calc(10 / 20 * 1rem);
  overflow: hidden;
}

@media (max-width: 767.99px) {
  .idxcr__fld__ls__p {
    height: auto;
    border-radius: calc(8 / 20 * 1rem);
  }
}

.idxcr__fld__ls__t {
  margin: calc(15 / 20 * 1rem) calc(-5 / 20 * 1rem) 0;
  font-size: calc(16 / 20 * 1rem);
  font-weight: 500;
  line-height: calc(28 / 16);
  text-align: center;
}

@media (max-width: 767.99px) {
  .idxcr__fld__ls__t {
    margin: calc(15 / 20 * 1rem) calc(-1 / 20 * 1rem) 0;
  }
}

.idxcr__btm {
  padding: calc(50 / 20 * 1rem) 0 0;
}

@media (max-width: 767.99px) {
  .idxcr__btm {
    padding: calc(28 / 20 * 1rem) calc(25 / 20 * 1rem) 0;
  }
}

.idxcr__btm__bar {
  position: relative;
  margin: 0 0 calc(20 / 20 * 1rem);
  height: 3px;
  border-radius: 1.5px;
  background: rgba(0, 0, 0, .05);
}

@media (max-width: 767.99px) {
  .idxcr__btm__bar {
    margin: 0 0 calc(10 / 20 * 1rem);
  }
}

.idxcr__btm__bar__in {
  position: absolute;
  top: 0;
  height: 100%;
  border-radius: 1.5px;
  background: #409;
  transition: transform 400ms cubic-bezier(.3, .2, .15, .9) 0ms;
}

@media (max-width: 767.99px) {
  .idxcr__btm__in {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    height: calc(50 / 20 * 1rem);
  }
}

.idxcr__btm__arr {
  position: absolute;
  top: 0;
  width: 100%;
}

@media (min-width: 768px) {
  .idxcr__btm__arr {
    right: 50%;
    max-width: 78vw;
    transform: translate(50%, -50%);
  }
}

.idxcr__btm__arr > a {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: calc(130 / 20 * 1rem);
  width: calc(68 / 20 * 1rem);
  height: calc(68 / 20 * 1rem);
  border: 1px solid #409;
  border-radius: 50%;
  overflow: hidden;
  transform: translateY(-50%);
}

@media (max-width: 1300px) {
  .idxcr__btm__arr > a {
    background: rgba(255, 255, 255, .7);
  }
}

@media (max-width: 767.99px) {
  .idxcr__btm__arr > a {
    top: calc(25 / 20 * 1rem);
    width: calc(50 / 20 * 1rem);
    height: calc(50 / 20 * 1rem);
    background: transparent;
    transition: opacity 350ms cubic-bezier(.3, .2, .15, .9) 0ms;
  }
}

.idxcr__btm__arr > a.is-nev {
  pointer-events: none;
}

.idxcr__btm__arr > a::before,
.idxcr__btm__arr > a::after {
  content: '';
  display: block;
  position: absolute;
  width: calc(28 / 20 * 1rem);
  height: calc(14 / 20 * 1rem);
  background: #409;
          mask: url('/onlinesummit/assets2411/images/icon_arrow01.svg') 100% 50%/auto 100% no-repeat;
  -webkit-mask: url('/onlinesummit/assets2411/images/icon_arrow01.svg') 100% 50%/auto 100% no-repeat;
}

@media (max-width: 767.99px) {
  .idxcr__btm__arr > a::before,
  .idxcr__btm__arr > a::after {
    width: calc(21 / 20 * 1rem);
    height: calc(12 / 20 * 1rem);
  }
}

.idxcr__btm__arr > a::before {
  position: absolute;
}

.idxcr__btm__arr > a::after {
  position: relative;
}

@media (min-width: 768px) {
  .idxcr__btm__arr > a.is-prev {
    right: 100%;
    margin-right: calc(30 / 20 * 1rem);
  }
}

@media (max-width: 767.99px) {
  .idxcr__btm__arr > a.is-prev {
    left: 0;
  }
}

.idxcr__btm__arr > a.is-prev::before,
.idxcr__btm__arr > a.is-prev::after {
  scale: -1;
}

.idxcr__btm__arr > a.is-prev::after {
  left: calc(50 / 20 * 1rem);
}

@media (min-width: 768px) {
  .idxcr__btm__arr > a.is-next {
    left: 100%;
    margin-left: calc(30 / 20 * 1rem);
  }
}

@media (max-width: 767.99px) {
  .idxcr__btm__arr > a.is-next {
    right: 0;
  }
}

.idxcr__btm__arr > a.is-next::after {
  right: calc(50 / 20 * 1rem);
}

@media (min-width: 768px) {
  .idxcr__btm__arr > a {
    transition: background-color 350ms cubic-bezier(.3, .2, .15, .9) 0ms, border-color 350ms cubic-bezier(.3, .2, .15, .9) 0ms, opacity 350ms cubic-bezier(.3, .2, .15, .9) 0ms;
  }
  .idxcr__btm__arr > a::before,
  .idxcr__btm__arr > a::after {
    transition: background-color 350ms cubic-bezier(.3, .2, .15, .9) 0ms;
  }
  .idxcr__btm__arr > a:hover {
    border-color: rgba(68, 0, 153, .7);
    background: rgba(68, 0, 153, .7);
  }
  .idxcr__btm__arr > a:hover::before,
  .idxcr__btm__arr > a:hover::after {
    background: #fff;
    transition: translate 350ms cubic-bezier(.3, .2, .15, .9) 0ms, background-color 350ms cubic-bezier(.3, .2, .15, .9) 0ms;
  }
  .idxcr__btm__arr > a.is-prev:hover::before,
  .idxcr__btm__arr > a.is-prev:hover::after {
    translate: calc(-50 / 20 * 1rem) 0;
  }
  .idxcr__btm__arr > a.is-next:hover::before,
  .idxcr__btm__arr > a.is-next:hover::after {
    translate: calc(50 / 20 * 1rem) 0;
  }
}

.idxcr__btm__num {
  display: flex;
  align-items: baseline;
  justify-content: flex-end;
  gap: 0 calc(4 / 20 * 1rem);
}

.idxcr__btm__num > span {
  display: block;
  color: #409;
  font-family: 'sofia-pro', sans-serif;
  line-height: 1;
}

.idxcr__btm__num > span.is-s {
  font-size: calc(14 / 20 * 1rem);
}

.idxcr__btm__num > span.is-l {
  font-size: calc(20 / 20 * 1rem);
  font-weight: 600;
}

@media (min-width: 768px) {
  .idxcr__lnk {
    position: absolute;
    top: calc(31 / 20 * 1rem);
    left: 50%;
    margin: 0 0 0 calc(560 / 20 * 1rem);
    transform: translate(-100%, -50%);
  }
}

@media (max-width: 767.99px) {
  .idxcr__lnk {
    position: relative;
    padding: calc(10 / 20 * 1rem) 0 0;
  }
}

.lowhd {
  position: relative;
  margin: 0 0 calc(110 / 20 * 1rem);
  padding: calc(54 / 20 * 1rem) 0 0;
}

@media (max-width: 767.99px) {
  .lowhd {
    margin: 0 0 calc(83 / 20 * 1rem);
    padding: calc(6 / 20 * 1rem) calc(25 / 20 * 1rem) 0;
  }
}

.lowhd__in {
  position: relative;
}

@media (min-width: 768px) {
  .lowhd__in {
    display: flex;
    flex-direction: column-reverse;
    max-width: calc(1120 / 20 * 1rem);
    margin: 0 auto;
  }
}

@media (max-width: 767.99px) {
  .lowhd__bc {
    margin: 0 0 calc(30 / 20 * 1rem);
  }
}

.lowhd__bc__ls {
  display: flex;
  align-items: center;
  margin: 0 calc(-32.5 / 20 * 1rem);
}

@media (min-width: 768px) {
  .lowhd__bc__ls {
    justify-content: flex-end;
  }
}

@media (max-width: 767.99px) {
  .lowhd__bc__ls {
    margin: 0 calc(-17.5 / 20 * 1rem);
  }
}

.lowhd__bc__ls > li {
  position: relative;
}

.lowhd__bc__ls > li + li::before {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  left: calc(-7 / 20 * 1rem);
  width: calc(8 / 20 * 1rem);
  height: calc(8 / 20 * 1rem);
  margin-top: calc(-4 / 20 * 1rem);
  border-top: 1px solid #409;
  border-right: 1px solid #409;
  transform: rotate(45deg);
}

.lowhd__bc__ls > li > span,
.lowhd__bc__ls > li > a {
  display: block;
  padding: 0 calc(32.5 / 20 * 1rem);
  font-size: calc(14 / 20 * 1rem);
  font-family: 'sofia-pro', sans-serif;
  line-height: calc(30 / 14);
}

@media (max-width: 767.99px) {
  .lowhd__bc__ls > li > span,
  .lowhd__bc__ls > li > a {
    padding: 0 calc(17.5 / 20 * 1rem);
  }
}

.lowhd__bc__ls > li > a {
  color: #409;
}

@media (min-width: 768px) {
  .lowhd__bc__ls > li > a {
    transition: opacity 350ms cubic-bezier(.3, .2, .15, .9) 0ms;
  }
  .lowhd__bc__ls > li > a:hover {
    opacity: .5;
  }
}

@media (min-width: 768px) {
  .lowhd__bd {
    height: calc(248 / 20 * 1rem);
  }
}

.lowhd__bd__tt {
  margin: 0 0 calc(20 / 20 * 1rem);
}

@media (min-width: 768px) {
  .lowhd__bd__tt {
    display: flex;
    align-items: flex-end;
    gap: 0 calc(30 / 20 * 1rem);
  }
}

.lowhd__bd__tt > span {
  display: block;
  color: #409;
}

.lowhd__bd__tt > span.is-en {
  font-size: calc(106 / 20 * 1rem);
  font-weight: 500;
  font-family: 'sofia-pro', sans-serif;
  line-height: 1;
  letter-spacing: -.012em;
}

@media (min-width: 768px) {
  .lowhd__bd__tt > span.is-en {
    transform: translateY(-11%);
  }
}

@media (max-width: 767.99px) {
  .lowhd__bd__tt > span.is-en {
    font-size: calc(60 / 20 * 1rem);
    transform: translateY(-6%);
  }
}

.lowhd__bd__tt > span.is-jp {
  padding: 0 0 calc(37 / 20 * 1rem);
  font-size: calc(26 / 20 * 1rem);
  font-weight: 700;
  line-height: 1;
}

@media (max-width: 767.99px) {
  .lowhd__bd__tt > span.is-jp {
    padding: calc(10 / 20 * 1rem) 0 0;
    font-size: calc(20 / 20 * 1rem);
    line-height: calc(30 / 20);
  }
}

.lowhd__bd__t {
  font-size: calc(16 / 20 * 1rem);
  line-height: calc(30 / 16);
}

.lowhd__bd__nt {
  width: fit-content;
  margin: calc(10 / 20 * 1rem) 0 0;
  border: 1px solid #409;
  padding: calc(4 / 20 * 1rem) calc(9 / 20 * 1rem);
}

.lowhd__bd__nt em {
  display: block;
  color: #409;
  font-size: calc(16 / 20 * 1rem);
  font-weight: 500;
  line-height: calc(30 / 16);
}

@media (max-width: 767.99px) {
  .lowhd__bd__nt em {
    line-height: calc(28 / 16);
    letter-spacing: -.01em;
  }
}

.lowchp {
  margin: calc(40 / 20 * 1rem) 0 0;
}

@media (min-width: 768px) {
  .lowchp {
    display: flex;
    align-items: flex-end;
    gap: 0 calc(40 / 20 * 1rem);
  }
}

@media (max-width: 767.99px) {
  .lowchp {
    margin: calc(30 / 20 * 1rem) 0 0;
    padding: 0 calc(25 / 20 * 1rem);
  }
}

.lowchp__mv {
  aspect-ratio: 728 / 410;
}

@media (min-width: 768px) {
  .lowchp__mv {
    flex: 0 0 auto;
    width: calc(728 / 20 * 1rem);
  }
}

@media (max-width: 767.99px) {
  .lowchp__mv {
    width: 100%;
    margin: 0 0 calc(20 / 20 * 1rem);
  }
}

@media (min-width: 768px) {
  .lowchp__sd {
    flex: 1 1 auto;
  }
}

.lowchp__sd__t {
  margin: 0 0 calc(20 / 20 * 1rem);
  color: #409;
  font-size: calc(16 / 20 * 1rem);
  font-weight: 500;
  line-height: calc(30 / 16);
  text-align: center;
}

.lowchp__sd__ls > li + li {
  margin: calc(10 / 20 * 1rem) 0 0;
}

.lowmov {
  margin: calc(40 / 20 * 1rem) 0 0;
}

@media (max-width: 767.99px) {
  .lowmov {
    margin: calc(25 / 20 * 1rem) 0 0;
    padding: 0 calc(25 / 20 * 1rem);
  }
}

.lowmov__ls {
  display: flex;
  gap: calc(20 / 20 * 1rem) calc(30 / 20 * 1rem);
}

@media (max-width: 767.99px) {
  .lowmov__ls {
    flex-direction: column;
  }
}

.lowmov__ls > li {
  flex: 1 1 100%;
}

.lownav {
  margin: calc(160 / 20 * 1rem) 0 0;
}

@media (max-width: 767.99px) {
  .lownav {
    margin: calc(80 / 20 * 1rem) 0 0;
    padding: 0 calc(25 / 20 * 1rem);
  }
}

.lownav__in {
  max-width: calc(1120 / 20 * 1rem);
  margin: 0 auto;
}

.lownav__ls {
  display: flex;
  gap: calc(10 / 20 * 1rem) calc(20 / 20 * 1rem);
  margin: 0 0 calc(40 / 20 * 1rem);
}

@media (max-width: 767.99px) {
  .lownav__ls {
    flex-direction: column;
    margin: 0 0 calc(20 / 20 * 1rem);
  }
}

.lownav__ls > li {
  flex: 1 1 100%;
  border-radius: calc(6.5 / 20 * 1rem);
  overflow: hidden;
}

.lownav__ls > li a {
  display: block;
}

@media (min-width: 768px) {
  .lownav__ls > li a img {
    transition: transform 350ms cubic-bezier(.3, .2, .15, .9) 0ms;
  }
  .lownav__ls > li a:hover img {
    transform: scale(1.05);
  }
}

.lownav__btn {
  display: flex;
  justify-content: center;
  font-family: 'sofia-pro', sans-serif;
}

#modal-disclaimer {
  color: #333;
  font-family: 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', Meiryo, sans-serif;
  font-size: 1.25vw;
  line-height: 1.5;
  -webkit-font-smoothing: subpixel-antialiased;
  font-feature-settings: 'palt';
}

@media screen and (max-width: 767px) {
  #modal-disclaimer {
    font-size: 2.083333333vw;
  }
}

@media screen and (min-width: 1281px) {
  #modal-disclaimer {
    font-size: 16px;
  }
}

@media screen and (max-width: 767px) {
  #modal-disclaimer .js-modal__content {
    padding: 10.41667vw 2.60417vw;
  }
}

#modal-disclaimer .js-modal__view {
  margin: 0;
  padding: 0;
  background: none;
}

.c-disclaimer {
  background: #fff;
  width: 44.53125vw;
  margin: 0 auto;
  padding: 3.98437vw 4.6875vw 2.34375vw;
}

@media screen and (max-width: 767px) {
  .c-disclaimer {
    width: 100%;
    padding: 6.64062vw 7.8125vw 3.90625vw;
  }
}

@media screen and (min-width: 1281px) {
  .c-disclaimer {
    width: 570px;
    padding: 51px 60px 30px;
  }
}

.c-disclaimer a {
  color: #000;
}

.c-disclaimer__text {
  font-size: 1.09375vw;
  font-weight: 200;
  line-height: 1.572em;
  text-align: justify;
}

@media screen and (max-width: 767px) {
  .c-disclaimer__text {
    font-size: 3.64583vw;
  }
}

@media screen and (min-width: 1281px) {
  .c-disclaimer__text {
    font-size: 14px;
  }
}

.c-disclaimer__question {
  font-size: 1.71875vw;
  font-weight: 500;
  text-align: center;
  margin: 2.34375vw 0 1.875vw;
}

@media screen and (max-width: 767px) {
  .c-disclaimer__question {
    font-size: 4.55729vw;
    margin: 7.16146vw 0 5.20833vw;
  }
}

@media screen and (min-width: 1281px) {
  .c-disclaimer__question {
    font-size: 22px;
    margin: 30px 0 24px;
  }
}

.c-disclaimer__confirm {
  display: flex;
  justify-content: center;
}

@media screen and (max-width: 767px) {
  .c-disclaimer__confirm {
    align-items: center;
    flex-direction: column;
  }
}

@media print, screen and (min-width: 768px) {
  .c-disclaimer__confirm__item {
    width: 14.84375vw;
    margin: 0 1.5625vw;
  }
}

@media screen and (max-width: 767px) {
  .c-disclaimer__confirm__item {
    width: 52.08333vw;
    text-align: center;
    margin-bottom: 1.5em;
  }
}

@media screen and (min-width: 1281px) {
  .c-disclaimer__confirm__item {
    width: 190px;
    margin: 0 20px;
  }
}

.c-disclaimer__confirm__item span {
  font-size: .78125vw;
  line-height: 1;
}

@media screen and (max-width: 767px) {
  .c-disclaimer__confirm__item span {
    font-size: 2.86458vw;
  }
}

@media screen and (min-width: 1281px) {
  .c-disclaimer__confirm__item span {
    font-size: 10px;
  }
}

.c-disclaimer__confirm__btn {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.40625vw;
  font-weight: 600;
  padding: 1.5625vw 0;
  border-radius: .39062vw;
  margin-bottom: .39062vw;
}

@media screen and (max-width: 767px) {
  .c-disclaimer__confirm__btn {
    font-size: 4.16667vw;
    padding: 4.55729vw 0;
    border-radius: .65104vw;
    margin-bottom: 1.95312vw;
  }
}

@media screen and (min-width: 1281px) {
  .c-disclaimer__confirm__btn {
    font-size: 18px;
    padding: 20px 0;
    border-radius: 5px;
    margin-bottom: 5px;
  }
}

.c-disclaimer__confirm__btn:hover {
  opacity: .5;
}

.c-disclaimer__confirm__btn[data-choice='yes'] {
  background: #409;
  color: #fff;
}

.c-disclaimer__confirm__btn[data-choice='no'] {
  background: #e6e6e6;
}

.c-disclaimer__bottom {
  margin-top: 2.26562vw;
  display: flex;
  justify-content: center;
  align-items: baseline;
}

@media screen and (max-width: 767px) {
  .c-disclaimer__bottom {
    margin-top: 3.77604vw;
  }
}

@media screen and (min-width: 1281px) {
  .c-disclaimer__bottom {
    margin-top: 29px;
  }
}

.c-disclaimer__bottom span {
  font-size: 1.25vw;
  color: #409;
  margin-right: 1.09375vw;
}

@media screen and (max-width: 767px) {
  .c-disclaimer__bottom span {
    font-size: 2.08333vw;
    margin-right: 1.82292vw;
  }
}

@media screen and (min-width: 1281px) {
  .c-disclaimer__bottom span {
    font-size: 16px;
    margin-right: 14px;
  }
}

@media print, screen and (min-width: 768px) {
  .c-disclaimer__bottom img {
    width: 6.5625vw;
  }
}

@media screen and (max-width: 767px) {
  .c-disclaimer__bottom img {
    width: 21.875vw;
  }
}

@media screen and (min-width: 1281px) {
  .c-disclaimer__bottom img {
    width: 84px;
  }
}

.c-disclaimer__bottom a:hover {
  opacity: .5;
}

.js-modal {
  display: none;
  position: fixed;
  z-index: 1001;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
}

.js-modal__wrapper {
  width: 100%;
  height: 100%;
  position: relative;
  top: 0;
  z-index: 999;
  padding: 20px 0;
}

@media print, screen and (min-width: 768px) {
  .js-modal__wrapper {
    display: flex;
    align-items: center;
    overflow-x: hidden;
    padding: 0;
  }
}

.js-modal__content {
  position: relative;
  width: 100%;
  margin: 0 auto;
  padding: 30px;
  height: auto;
  max-height: 100%;
  z-index: 999;
  overflow: hidden;
}

@media print, screen and (min-width: 768px) {
  .js-modal__content {
    max-width: 1140px;
  }
}

.js-modal__bg {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, .8);
}

.js-modal__view {
  background: #fff;
  padding: 20px;
  margin: 20px 0;
  height: 100%;
  max-height: calc(100vh - 110px);
  overflow: auto;
}