@charset "UTF-8";
/* reset5 © 2011 opensource.736cs.com MIT */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, audio, canvas, details, figcaption, figure, footer, header, hgroup, mark, menu, meter, nav, output, progress, section, summary, time, video {
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  margin: 0;
  padding: 0; }

body {
  line-height: 1; }

article, aside, dialog, figure, footer, header, hgroup, nav, section, blockquote {
  display: block; }

nav ul {
  list-style: none; }

ol {
  list-style: decimal; }

ul {
  list-style: disc; }

ul ul {
  list-style: circle; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after, q:before, q:after {
  content: none; }

ins {
  text-decoration: underline; }

del {
  text-decoration: line-through; }

mark {
  background: none; }

abbr[title], dfn[title] {
  border-bottom: 1px dotted #000;
  cursor: help; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0; }

input[type=submit], input[type=button], button {
  margin: 0 !important;
  padding: 0 !important; }

input, select, a img {
  vertical-align: middle; }

/* フォームのリセットここから */
input,
button,
select,
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: transparent;
  border: none;
  border-radius: 0;
  font: inherit;
  outline: none; }

textarea {
  resize: vertical; }

input[type='checkbox'],
input[type='radio'] {
  display: none; }

input[type='submit'],
input[type='button'],
label,
button,
select {
  cursor: pointer; }

select::-ms-expand {
  display: none; }

/* フォームのリセットここまで */
html {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 10px; }

*, *:before, *:after {
  -moz-box-sizing: inherit;
  -webkit-box-sizing: inherit;
  box-sizing: inherit; }

body {
  -webkit-text-size-adjust: 100%;
  	/*
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  	*/ }

main {
  display: block; }

h1, h2, h3, h4, h5, h6 {
  font-weight: normal; }

ul, ol {
  list-style: none !important; }

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

button {
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  appearance: none;
  color: inherit;
  font-size: inherit; }

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

mark {
  color: inherit; }

span.nowrap {
  display: inline-block; }

html {
  scroll-behavior: smooth;
  scroll-padding-top: 7rem;
  overscroll-behavior: none;
  font-size: 10px;
  font-weight: 500;
  font-family: "Noto Sans JP", sans-serif; }

@media screen and (max-width: 1023px) {
  .menu-active body {
    overflow: hidden; } }

#header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 10000;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: .8rem 2.4rem;
  height: 7rem;
  background-color: #fff;
  border-bottom: 1px solid #323232; }
  @media screen and (max-width: 1023px) {
    #header {
      height: 7rem;
      padding: 1.4rem 1.6rem; } }
  #header .logo a {
    display: flex;
    gap: 20px;
    align-items: center; }
    @media screen and (max-width: 1023px) {
      #header .logo a img {
        width: 119px; } }
    #header .logo a span {
      font-style: normal;
      font-weight: 700;
      font-size: 15px;
      line-height: 100%;
      color: #323232; }
      @media screen and (max-width: 1023px) {
        #header .logo a span {
          font-size: 14px; } }
  #header nav.global {
    display: flex;
    gap: 8px;
    align-items: center; }
    @media screen and (max-width: 1023px) {
      #header nav.global {
        display: none; } }
    #header nav.global ul {
      display: flex; }
      #header nav.global ul li a {
        display: block;
        padding: 8px 16px;
        font-style: normal;
        font-weight: 500;
        font-size: 14px;
        line-height: 160%;
        letter-spacing: 0.04em;
        color: #323232;
        transition: all ease .3s; }
        #header nav.global ul li a span {
          position: relative; }
          #header nav.global ul li a span:before {
            position: absolute;
            display: block;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            font-style: normal;
            font-weight: 500;
            font-size: 14px;
            line-height: 160%;
            letter-spacing: 0.04em;
            background: linear-gradient(92.61deg, #5EE8AD 6.36%, #54B5FF 98.3%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
            text-fill-color: transparent;
            transition: all ease .3s;
            opacity: 0; }
        #header nav.global ul li a:hover {
          color: rgba(50, 50, 50, 0); }
          #header nav.global ul li a:hover span:before {
            opacity: 1; }
      #header nav.global ul li:nth-child(1) a span:before {
        content: "おすすめ講座"; }
      #header nav.global ul li:nth-child(2) a span:before {
        content: "講師陣"; }
      #header nav.global ul li:nth-child(3) a span:before {
        content: "イベント"; }
      #header nav.global ul li:nth-child(4) a span:before {
        content: "校舎サービス"; }
      #header nav.global ul li:nth-child(5) a span:before {
        content: "アクセス"; }
    #header nav.global .seminar a {
      display: block;
      width: 243px;
      background: linear-gradient(92.61deg, #5EE8AD 6.36%, #54B5FF 98.3%);
      padding: 1px;
      border-radius: 9999px;
      overflow: hidden; }
      #header nav.global .seminar a > span {
        display: flex;
        gap: 10px;
        justify-content: center;
        align-items: center;
        height: 44px;
        transition: all ease .3s;
        border-radius: 9999px; }
        #header nav.global .seminar a > span span.text {
          position: relative;
          display: block;
          font-style: normal;
          font-weight: 700;
          font-size: 16px;
          line-height: 100%;
          transition: all ease .3s;
          color: #fff; }
          #header nav.global .seminar a > span span.text:before {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            display: block;
            content: "体験セミナーに申し込む";
            font-style: normal;
            font-weight: 700;
            font-size: 16px;
            line-height: 100%;
            background: linear-gradient(92.61deg, #5EE8AD 6.36%, #54B5FF 98.3%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
            text-fill-color: transparent;
            transition: all ease .3s;
            opacity: 0; }
        #header nav.global .seminar a > span .arrow {
          position: relative;
          display: block;
          width: 26px;
          height: 26px;
          background-color: #fff;
          border-radius: 50%;
          overflow: hidden;
          transition: all ease .3s; }
          #header nav.global .seminar a > span .arrow:before {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            display: block;
            content: "";
            background: linear-gradient(92.61deg, #5EE8AD 6.36%, #54B5FF 98.3%);
            transition: all ease .3s;
            opacity: 0; }
          #header nav.global .seminar a > span .arrow > span {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%; }
            #header nav.global .seminar a > span .arrow > span:before, #header nav.global .seminar a > span .arrow > span:after {
              content: "";
              display: block;
              position: absolute;
              top: 0;
              left: 0;
              width: 100%;
              height: 100%;
              -webkit-mask-image: url("../images/common/arrow_right.svg");
              -webkit-mask-position: 50% 50%;
              -webkit-mask-size: 10px 10px;
              -webkit-mask-repeat: no-repeat;
              mask-image: url("../images/common/arrow_right.svg");
              mask-position: 50% 50%;
              mask-size: 10px 10px;
              mask-repeat: no-repeat;
              background-color: #54B5FF;
              transition: all ease .3s; }
            #header nav.global .seminar a > span .arrow > span:before {
              transform: translateX(0%); }
            #header nav.global .seminar a > span .arrow > span:after {
              transform: translateX(-100%); }
      #header nav.global .seminar a:hover > span {
        background-color: #fff; }
        #header nav.global .seminar a:hover > span span.text {
          color: rgba(255, 255, 255, 0); }
          #header nav.global .seminar a:hover > span span.text:before {
            opacity: 1; }
        #header nav.global .seminar a:hover > span span.arrow {
          background-color: #fff; }
          #header nav.global .seminar a:hover > span span.arrow:before {
            opacity: 1; }
          #header nav.global .seminar a:hover > span span.arrow span:before, #header nav.global .seminar a:hover > span span.arrow span:after {
            background-color: #fff; }
          #header nav.global .seminar a:hover > span span.arrow span:before {
            transform: translateX(100%); }
          #header nav.global .seminar a:hover > span span.arrow span:after {
            transform: translateX(0%); }
  #header nav.menu {
    display: none; }
    @media screen and (max-width: 1023px) {
      #header nav.menu {
        opacity: 0;
        pointer-events: none;
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: rgba(0, 0, 0, 0.4);
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        transition: all ease .3s; } }
    .menu-active #header nav.menu {
      pointer-events: auto;
      opacity: 1; }
    #header nav.menu .inner {
      position: relative;
      width: 34rem;
      margin: auto;
      background-color: #fff;
      border-radius: 1.6rem;
      padding: 8.4rem 1.5rem 4rem; }
      #header nav.menu .inner .close {
        position: absolute;
        top: -2.8em;
        right: .4rem; }
        #header nav.menu .inner .close button {
          position: relative;
          text-indent: -9999px;
          overflow: hidden;
          width: 2.4rem;
          height: 2.4rem;
          transform: rotate(45deg); }
          #header nav.menu .inner .close button:before, #header nav.menu .inner .close button:after {
            content: "";
            width: 2.4rem;
            height: 1px;
            background-color: #fff;
            position: absolute;
            top: 50%;
            left: 0; }
          #header nav.menu .inner .close button:after {
            transform: rotate(90deg); }
      #header nav.menu .inner ul {
        display: flex;
        flex-direction: column;
        gap: 2.8rem;
        width: 14.8rem;
        margin: 0 auto 4.8rem; }
        #header nav.menu .inner ul li a {
          position: relative;
          display: block;
          font-size: 16px;
          line-height: 160%;
          letter-spacing: 0.04em;
          color: #323232; }
          #header nav.menu .inner ul li a .arrow {
            position: absolute;
            right: 0;
            top: 50%;
            transform: translateY(-50%);
            width: 20px;
            height: 20px;
            background: linear-gradient(92.61deg, #5EE8AD 6.36%, #54B5FF 98.3%);
            border-radius: 50%; }
            #header nav.menu .inner ul li a .arrow:after {
              content: "";
              display: block;
              background-image: url("../images/common/arrow_right.svg");
              background-size: 100% 100%;
              width: 8px;
              height: 8px;
              position: absolute;
              top: 50%;
              left: 50%;
              transform: translate(-50%, -50%); }
      #header nav.menu .inner p.seminar,
      #header nav.menu .inner p.guidance {
        display: flex;
        justify-content: center; }
        #header nav.menu .inner p.seminar a,
        #header nav.menu .inner p.guidance a {
          display: flex;
          gap: 1.6rem;
          height: 5.4rem;
          width: 100%;
          max-width: 31rem;
          justify-content: center;
          align-items: center;
          border-radius: 9999px; }
          #header nav.menu .inner p.seminar a .text,
          #header nav.menu .inner p.guidance a .text {
            font-weight: 700;
            font-size: 1.5rem;
            line-height: 100%; }
          #header nav.menu .inner p.seminar a .arrow,
          #header nav.menu .inner p.guidance a .arrow {
            position: relative;
            width: 2.6rem;
            height: 2.6rem;
            border-radius: 50%; }
            #header nav.menu .inner p.seminar a .arrow:after,
            #header nav.menu .inner p.guidance a .arrow:after {
              content: "";
              position: absolute;
              top: 50%;
              left: 50%;
              transform: translate(-50%, -50%);
              display: block;
              width: 1rem;
              height: 1rem;
              -webkit-mask-image: url("../images/common/arrow_right.svg");
              -webkit-mask-size: 100% 100%;
              mask-image: url("../images/common/arrow_right.svg");
              mask-size: 100% 100%; }
      #header nav.menu .inner p.seminar a {
        background: linear-gradient(95.19deg, #5EE8AD 6.81%, #54B5FF 97.67%); }
        #header nav.menu .inner p.seminar a .text {
          color: #FFFFFF; }
        #header nav.menu .inner p.seminar a .arrow {
          background-color: #FFFFFF; }
          #header nav.menu .inner p.seminar a .arrow:after {
            background-color: #54B5FF; }
      #header nav.menu .inner p.guidance {
        margin-top: 1.2rem; }
        #header nav.menu .inner p.guidance a {
          border: 1px solid #000E68; }
          #header nav.menu .inner p.guidance a .text {
            color: #000E68; }
          #header nav.menu .inner p.guidance a .arrow {
            background-color: #000E68; }
            #header nav.menu .inner p.guidance a .arrow:after {
              background-color: #fff; }
  #header .action {
    display: none; }
    @media screen and (max-width: 1023px) {
      #header .action {
        display: flex;
        align-items: center;
        gap: 1rem; } }
    #header .action .entry a {
      display: block;
      padding: 1rem 1.2rem;
      height: 3.4rem;
      background: linear-gradient(92.61deg, #5EE8AD 6.36%, #54B5FF 98.3%);
      border-radius: .4rem;
      font-weight: 700;
      font-size: 1.4rem;
      line-height: 100%;
      letter-spacing: 0.04em;
      color: #FFFFFF; }
    #header .action p.menu button {
      position: relative;
      width: 42px;
      height: 34px;
      background: #000E68;
      border-radius: 4px;
      text-indent: -9999px;
      overflow: hidden; }
      #header .action p.menu button:before, #header .action p.menu button:after {
        content: "";
        display: block;
        width: 18px;
        height: 1px;
        background-color: #fff;
        position: absolute;
        top: 50%;
        left: 12px; }
      #header .action p.menu button:before {
        margin-top: -3px; }
      #header .action p.menu button:after {
        margin-top: 3px; }

#footer .top {
  display: flex;
  justify-content: center;
  padding: 4rem 0 3.2rem; }
  @media screen and (max-width: 1023px) {
    #footer .top {
      padding: 6rem 0 3.2rem; } }
  #footer .top p.logo img {
    width: 18.4rem; }
#footer .bottom {
  padding: 3.2rem 0;
  background-color: #323232; }
  #footer .bottom ul {
    display: flex;
    gap: 2.4rem;
    justify-content: center; }
    #footer .bottom ul li a {
      display: flex;
      align-items: center;
      gap: .6rem;
      font-size: 1.4rem;
      line-height: 100%;
      letter-spacing: 0.04em;
      color: #FFFFFF; }
      #footer .bottom ul li a:after {
        content: "";
        background-image: url("../images/common/icon_blank.svg");
        background-size: 100% 100%;
        display: block;
        width: 1.2rem;
        height: 1.2rem; }
  #footer .bottom .copyright {
    font-size: 1.2rem;
    line-height: 100%;
    text-align: center;
    letter-spacing: 0.04em;
    color: #FFFFFF;
    margin-top: 3.2rem; }

main.area-lp {
  padding-top: 7rem; }
  @media screen and (max-width: 1023px) {
    main.area-lp {
      padding-top: 7rem; } }
  main.area-lp header.visual {
    position: relative;
    display: flex;
    align-items: center;
    height: calc(100svh - 7rem); }
    @media screen and (max-width: 1023px) {
      main.area-lp header.visual {
        display: flex;
        flex-direction: column;
        height: auto;
        padding-top: 4rem; } }
    main.area-lp header.visual > .content {
      position: relative;
      z-index: 1;
      display: flex;
      justify-content: center;
      align-items: center;
      flex: 0 0 calc(674 / 1280 * 100vw); }
      @media screen and (max-width: 1023px) {
        main.area-lp header.visual > .content {
          display: contents; } }
      main.area-lp header.visual > .content .wrapper {
        position: relative; }
        @media screen and (max-width: 1023px) {
          main.area-lp header.visual > .content .wrapper {
            display: contents; } }
        @media screen and (max-width: 1023px) {
          main.area-lp header.visual > .content .wrapper .top {
            order: 1;
            z-index: 2; } }
        main.area-lp header.visual > .content .wrapper .top .badge {
          background-image: url("../images/common/visual_badge.png");
          background-size: 100% 100%;
          width: calc(144 / 1280 * 100vw);
          height: calc(144 / 1280 * 100vw);
          position: absolute;
          top: calc(73 / 1280 * 100vw);
          right: calc(-98 / 1280 * 100vw);
          display: flex;
          justify-content: center;
          align-items: center;
          font-weight: 700;
          font-size: calc(18 / 1280 * 100vw);
          line-height: 130%;
          text-align: center;
          color: #FFFFFF; }
          @media screen and (max-width: 1023px) {
            main.area-lp header.visual > .content .wrapper .top .badge {
              position: static;
              padding: calc(6 / 390 * 100vw) calc(8 / 390 * 100vw);
              width: calc(350 / 390 * 100vw);
              height: calc(27 / 390 * 100vw);
              background: #000E68;
              border-radius: calc(4 / 390 * 100vw);
              font-size: calc(15 / 390 * 100vw);
              line-height: 100%;
              margin-bottom: calc(8 / 390 * 100vw); }
              main.area-lp header.visual > .content .wrapper .top .badge br {
                display: none; } }
        main.area-lp header.visual > .content .wrapper .top h1 {
          margin-bottom: calc(24 / 1280 * 100vw); }
          @media screen and (max-width: 1023px) {
            main.area-lp header.visual > .content .wrapper .top h1 {
              margin-bottom: calc(20 / 390 * 100vw); } }
          main.area-lp header.visual > .content .wrapper .top h1 span:nth-child(1) {
            display: block;
            width: fit-content;
            font-weight: 700;
            font-size: calc(18 / 1280 * 100vw);
            line-height: 100%;
            text-align: center;
            letter-spacing: 0.04em;
            color: #323232;
            margin: 0 auto;
            margin-bottom: calc(24 / 1280 * 100vw); }
            @media screen and (max-width: 1023px) {
              main.area-lp header.visual > .content .wrapper .top h1 span:nth-child(1) {
                font-size: calc(15 / 390 * 100vw);
                line-height: 140%;
                margin-bottom: calc(20 / 390 * 100vw);
                letter-spacing: 0; } }
          main.area-lp header.visual > .content .wrapper .top h1 span:nth-child(2) {
            display: block;
            width: fit-content;
            font-family: "M PLUS 1p", sans-serif;
            font-style: normal;
            font-weight: 800;
            font-size: calc(50 / 1280 * 100vw);
            line-height: 100%;
            text-align: center;
            color: #000E68;
            margin: 0 auto;
            margin-bottom: calc(16 / 1280 * 100vw); }
            @media screen and (max-width: 1023px) {
              main.area-lp header.visual > .content .wrapper .top h1 span:nth-child(2) {
                font-size: calc(34 / 390 * 100vw);
                margin-bottom: calc(10 / 390 * 100vw); } }
          main.area-lp header.visual > .content .wrapper .top h1 span:nth-child(3) {
            display: block;
            width: fit-content;
            font-family: "M PLUS 1p", sans-serif;
            font-style: normal;
            font-weight: 800;
            font-size: calc(80 / 1280 * 100vw);
            line-height: 100%;
            text-align: center;
            letter-spacing: 0.08em;
            background: linear-gradient(92.61deg, #5EE8AD 6.36%, #54B5FF 98.3%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
            text-fill-color: transparent;
            margin: 0 auto; }
            @media screen and (max-width: 1023px) {
              main.area-lp header.visual > .content .wrapper .top h1 span:nth-child(3) {
                font-size: calc(56 / 390 * 100vw); } }
        main.area-lp header.visual > .content .wrapper .top .access {
          display: flex;
          gap: calc(4 / 1280 * 100vw);
          justify-content: center;
          align-items: baseline;
          margin-bottom: calc(24 / 1280 * 100vw); }
          @media screen and (max-width: 1023px) {
            main.area-lp header.visual > .content .wrapper .top .access {
              display: block;
              margin-bottom: 0; } }
          main.area-lp header.visual > .content .wrapper .top .access > span:nth-child(1) {
            display: block;
            padding-bottom: calc(4 / 1280 * 100vw);
            border-bottom: 1px solid #000E68;
            font-weight: 700;
            line-height: 100%;
            letter-spacing: 0.01em;
            color: #000E68; }
            @media screen and (max-width: 1023px) {
              main.area-lp header.visual > .content .wrapper .top .access > span:nth-child(1) {
                width: fit-content;
                padding-bottom: calc(4 / 390 * 100vw);
                margin: 0 auto calc(6 / 390 * 100vw); } }
            main.area-lp header.visual > .content .wrapper .top .access > span:nth-child(1) > span:nth-child(1) {
              font-size: calc(24 / 1280 * 100vw); }
              @media screen and (max-width: 1023px) {
                main.area-lp header.visual > .content .wrapper .top .access > span:nth-child(1) > span:nth-child(1) {
                  font-size: calc(20 / 390 * 100vw); } }
            main.area-lp header.visual > .content .wrapper .top .access > span:nth-child(1) > span:nth-child(2) {
              font-size: calc(18 / 1280 * 100vw); }
              @media screen and (max-width: 1023px) {
                main.area-lp header.visual > .content .wrapper .top .access > span:nth-child(1) > span:nth-child(2) {
                  font-size: calc(16 / 390 * 100vw); } }
            main.area-lp header.visual > .content .wrapper .top .access > span:nth-child(1) > span:nth-child(3) {
              font-size: calc(28 / 1280 * 100vw); }
              @media screen and (max-width: 1023px) {
                main.area-lp header.visual > .content .wrapper .top .access > span:nth-child(1) > span:nth-child(3) {
                  font-size: calc(20 / 390 * 100vw); } }
            main.area-lp header.visual > .content .wrapper .top .access > span:nth-child(1) > span:nth-child(4) {
              font-size: calc(18 / 1280 * 100vw); }
              @media screen and (max-width: 1023px) {
                main.area-lp header.visual > .content .wrapper .top .access > span:nth-child(1) > span:nth-child(4) {
                  font-size: calc(16 / 390 * 100vw); } }
          main.area-lp header.visual > .content .wrapper .top .access > span:nth-child(2) {
            font-weight: 700;
            font-size: calc(18 / 1280 * 100vw);
            line-height: 100%;
            letter-spacing: 0.01em;
            color: #323232; }
            @media screen and (max-width: 1023px) {
              main.area-lp header.visual > .content .wrapper .top .access > span:nth-child(2) {
                display: block;
                font-size: calc(15 / 390 * 100vw);
                line-height: 140%;
                text-align: center;
                letter-spacing: 0.01em; } }
        @media screen and (max-width: 1023px) {
          main.area-lp header.visual > .content .wrapper .bottom {
            order: 3;
            z-index: 2; } }
        main.area-lp header.visual > .content .wrapper .bottom ul.course {
          display: flex;
          width: calc(568 / 1280 * 100vw);
          margin: 0 auto;
          gap: calc(16 / 1280 * 100vw);
          margin-bottom: calc(32 / 1280 * 100vw); }
          @media screen and (max-width: 1023px) {
            main.area-lp header.visual > .content .wrapper .bottom ul.course {
              padding: 0 calc(16 / 390 * 100vw);
              gap: calc(4 / 390 * 100vw);
              width: auto;
              margin-bottom: calc(24 / 390 * 100vw); } }
          main.area-lp header.visual > .content .wrapper .bottom ul.course li {
            position: relative;
            flex: 0 0 calc((100% - 16 / 1280 * 100vw * 3) / 4);
            background: linear-gradient(92.61deg, #5EE8AD 6.36%, #54B5FF 98.3%);
            border-radius: calc(8 / 1280 * 100vw);
            box-shadow: calc(4 / 1280 * 100vw) calc(4 / 1280 * 100vw) 0px rgba(0, 0, 0, 0.1);
            border-radius: calc(8 / 1280 * 100vw);
            overflow: hidden; }
            @media screen and (max-width: 1023px) {
              main.area-lp header.visual > .content .wrapper .bottom ul.course li {
                flex: 0 0 calc((100% - 4 / 390 * 100vw * 3) / 4);
                border-radius: calc(8 / 390 * 100vw);
                box-shadow: none; } }
            main.area-lp header.visual > .content .wrapper .bottom ul.course li figure {
              padding: calc(2 / 1280 * 100vw);
              border-radius: calc(13 / 1280 * 100vw);
              overflow: hidden; }
              @media screen and (max-width: 1023px) {
                main.area-lp header.visual > .content .wrapper .bottom ul.course li figure {
                  border-radius: calc(10 / 390 * 100vw);
                  padding: 1px; } }
            main.area-lp header.visual > .content .wrapper .bottom ul.course li p {
              position: absolute;
              top: calc(16 / 1280 * 100vw);
              left: 0;
              right: 0;
              font-weight: 700;
              font-size: calc(14 / 1280 * 100vw);
              line-height: 120%;
              height: calc(34 / 1280 * 100vw);
              display: flex;
              align-items: center;
              justify-content: center;
              text-align: center;
              color: #323232; }
              @media screen and (max-width: 1023px) {
                main.area-lp header.visual > .content .wrapper .bottom ul.course li p {
                  font-weight: 500;
                  font-size: calc(12 / 390 * 100vw);
                  line-height: 120%;
                  text-align: center;
                  top: calc(4 / 390 * 100vw);
                  height: calc(28 / 390 * 100vw); } }
            @media screen and (max-width: 1023px) {
              main.area-lp header.visual > .content .wrapper .bottom ul.course li:last-child p {
                font-size: calc(11 / 390 * 100vw); } }
        main.area-lp header.visual > .content .wrapper .bottom ul.action {
          display: flex;
          gap: calc(24 / 1280 * 100vw);
          width: calc(607 / 1280 * 100vw);
          margin: 0 auto; }
          @media screen and (max-width: 1023px) {
            main.area-lp header.visual > .content .wrapper .bottom ul.action {
              gap: 0;
              width: auto; } }
          main.area-lp header.visual > .content .wrapper .bottom ul.action li {
            flex: 1; }
            main.area-lp header.visual > .content .wrapper .bottom ul.action li p:nth-child(1) {
              text-align: center;
              font-weight: 700;
              font-size: calc(16 / 1280 * 100vw);
              line-height: 180%;
              color: #323232;
              margin-bottom: calc(6 / 1280 * 100vw); }
              @media screen and (max-width: 1023px) {
                main.area-lp header.visual > .content .wrapper .bottom ul.action li p:nth-child(1) {
                  font-size: calc(14 / 390 * 100vw);
                  line-height: 140%;
                  margin-bottom: calc(4 / 390 * 100vw); } }
              main.area-lp header.visual > .content .wrapper .bottom ul.action li p:nth-child(1) br {
                display: none; }
                @media screen and (max-width: 1023px) {
                  main.area-lp header.visual > .content .wrapper .bottom ul.action li p:nth-child(1) br {
                    display: inline; } }
            main.area-lp header.visual > .content .wrapper .bottom ul.action li p:nth-child(2) a {
              display: block;
              border-radius: 9999px;
              background: #FFFFFF;
              padding: 1px; }
              @media screen and (max-width: 1023px) {
                main.area-lp header.visual > .content .wrapper .bottom ul.action li p:nth-child(2) a {
                  border-radius: 0; } }
              main.area-lp header.visual > .content .wrapper .bottom ul.action li p:nth-child(2) a > span {
                display: flex;
                justify-content: center;
                align-items: center;
                gap: calc(10 / 1280 * 100vw);
                font-weight: 700;
                font-size: calc(16 / 1280 * 100vw);
                line-height: 100%;
                color: #000E68;
                height: calc(52 / 1280 * 100vw);
                border-radius: 9999px;
                transition: all ease .3s; }
                @media screen and (max-width: 1023px) {
                  main.area-lp header.visual > .content .wrapper .bottom ul.action li p:nth-child(2) a > span {
                    font-size: calc(15 / 390 * 100vw);
                    height: calc(66 / 390 * 100vw);
                    border-radius: 0;
                    gap: calc(10 / 390 * 100vw); } }
                @media screen and (max-width: 1023px) {
                  main.area-lp header.visual > .content .wrapper .bottom ul.action li p:nth-child(2) a > span .text > span {
                    display: none; } }
                main.area-lp header.visual > .content .wrapper .bottom ul.action li p:nth-child(2) a > span .arrow {
                  position: relative;
                  display: block;
                  width: calc(26 / 1280 * 100vw);
                  height: calc(26 / 1280 * 100vw);
                  background-color: #000E68;
                  border-radius: 50%;
                  overflow: hidden;
                  transition: all ease .3s; }
                  @media screen and (max-width: 1023px) {
                    main.area-lp header.visual > .content .wrapper .bottom ul.action li p:nth-child(2) a > span .arrow {
                      width: calc(24 / 390 * 100vw);
                      height: calc(24 / 390 * 100vw); } }
                  main.area-lp header.visual > .content .wrapper .bottom ul.action li p:nth-child(2) a > span .arrow > span {
                    position: absolute;
                    top: 0;
                    left: 0;
                    width: 100%;
                    height: 100%; }
                    main.area-lp header.visual > .content .wrapper .bottom ul.action li p:nth-child(2) a > span .arrow > span:before, main.area-lp header.visual > .content .wrapper .bottom ul.action li p:nth-child(2) a > span .arrow > span:after {
                      content: "";
                      display: block;
                      position: absolute;
                      top: 0;
                      left: 0;
                      width: 100%;
                      height: 100%;
                      -webkit-mask-image: url("../images/common/arrow_right.svg");
                      -webkit-mask-position: 50% 50%;
                      -webkit-mask-size: calc(10 / 1280 * 100vw) calc(10 / 1280 * 100vw);
                      -webkit-mask-repeat: no-repeat;
                      mask-image: url("../images/common/arrow_right.svg");
                      mask-position: 50% 50%;
                      mask-size: calc(10 / 1280 * 100vw) calc(10 / 1280 * 100vw);
                      mask-repeat: no-repeat;
                      background-color: #fff;
                      transition: all ease .3s; }
                      @media screen and (max-width: 1023px) {
                        main.area-lp header.visual > .content .wrapper .bottom ul.action li p:nth-child(2) a > span .arrow > span:before, main.area-lp header.visual > .content .wrapper .bottom ul.action li p:nth-child(2) a > span .arrow > span:after {
                          -webkit-mask-size: calc(10 / 390 * 100vw) calc(10 / 390 * 100vw);
                          mask-size: calc(10 / 390 * 100vw) calc(10 / 390 * 100vw); } }
                    main.area-lp header.visual > .content .wrapper .bottom ul.action li p:nth-child(2) a > span .arrow > span:before {
                      transform: translateX(0%); }
                    main.area-lp header.visual > .content .wrapper .bottom ul.action li p:nth-child(2) a > span .arrow > span:after {
                      transform: translateX(-100%); }
              @media screen and (min-width: 1024px) {
                main.area-lp header.visual > .content .wrapper .bottom ul.action li p:nth-child(2) a:hover > span .arrow span:before {
                  transform: translateX(100%); }
                main.area-lp header.visual > .content .wrapper .bottom ul.action li p:nth-child(2) a:hover > span .arrow span:after {
                  transform: translateX(0%); } }
            main.area-lp header.visual > .content .wrapper .bottom ul.action li:nth-child(1) p:nth-child(2) a {
              background-color: #000E68; }
              main.area-lp header.visual > .content .wrapper .bottom ul.action li:nth-child(1) p:nth-child(2) a > span {
                background-color: #fff; }
              @media screen and (min-width: 1024px) {
                main.area-lp header.visual > .content .wrapper .bottom ul.action li:nth-child(1) p:nth-child(2) a:hover > span {
                  color: #fff;
                  background-color: #000E68; }
                  main.area-lp header.visual > .content .wrapper .bottom ul.action li:nth-child(1) p:nth-child(2) a:hover > span .arrow {
                    background-color: #fff; }
                    main.area-lp header.visual > .content .wrapper .bottom ul.action li:nth-child(1) p:nth-child(2) a:hover > span .arrow span:before, main.area-lp header.visual > .content .wrapper .bottom ul.action li:nth-child(1) p:nth-child(2) a:hover > span .arrow span:after {
                      background-color: #000E68; } }
            main.area-lp header.visual > .content .wrapper .bottom ul.action li:nth-child(2) p:nth-child(2) a {
              background: linear-gradient(92.61deg, #5EE8AD 6.36%, #54B5FF 98.3%); }
              main.area-lp header.visual > .content .wrapper .bottom ul.action li:nth-child(2) p:nth-child(2) a > span {
                color: #fff; }
                main.area-lp header.visual > .content .wrapper .bottom ul.action li:nth-child(2) p:nth-child(2) a > span .text {
                  position: relative; }
                  main.area-lp header.visual > .content .wrapper .bottom ul.action li:nth-child(2) p:nth-child(2) a > span .text:before {
                    position: absolute;
                    top: 0;
                    left: 0;
                    right: 0;
                    content: "体験セミナーに申し込む";
                    display: block;
                    font-weight: 700;
                    font-size: calc(16 / 1280 * 100vw);
                    line-height: 100%;
                    background: linear-gradient(92.61deg, #5EE8AD 6.36%, #54B5FF 98.3%);
                    -webkit-background-clip: text;
                    -webkit-text-fill-color: transparent;
                    background-clip: text;
                    text-fill-color: transparent;
                    transition: all ease .3s;
                    opacity: 0; }
                main.area-lp header.visual > .content .wrapper .bottom ul.action li:nth-child(2) p:nth-child(2) a > span .arrow {
                  background-color: #fff; }
                  main.area-lp header.visual > .content .wrapper .bottom ul.action li:nth-child(2) p:nth-child(2) a > span .arrow:before {
                    position: absolute;
                    top: 0;
                    left: 0;
                    width: 100%;
                    height: 100%;
                    display: block;
                    content: "";
                    background: linear-gradient(92.61deg, #5EE8AD 6.36%, #54B5FF 98.3%);
                    transition: all ease .3s;
                    opacity: 0; }
                  main.area-lp header.visual > .content .wrapper .bottom ul.action li:nth-child(2) p:nth-child(2) a > span .arrow > span:before, main.area-lp header.visual > .content .wrapper .bottom ul.action li:nth-child(2) p:nth-child(2) a > span .arrow > span:after {
                    background-color: #54B5FF; }
              @media screen and (min-width: 1024px) {
                main.area-lp header.visual > .content .wrapper .bottom ul.action li:nth-child(2) p:nth-child(2) a:hover > span {
                  color: rgba(255, 255, 255, 0);
                  background-color: #fff; }
                  main.area-lp header.visual > .content .wrapper .bottom ul.action li:nth-child(2) p:nth-child(2) a:hover > span .text:before {
                    opacity: 1; }
                  main.area-lp header.visual > .content .wrapper .bottom ul.action li:nth-child(2) p:nth-child(2) a:hover > span .arrow {
                    background-color: #fff; }
                    main.area-lp header.visual > .content .wrapper .bottom ul.action li:nth-child(2) p:nth-child(2) a:hover > span .arrow:before {
                      opacity: 1; }
                    main.area-lp header.visual > .content .wrapper .bottom ul.action li:nth-child(2) p:nth-child(2) a:hover > span .arrow span:before, main.area-lp header.visual > .content .wrapper .bottom ul.action li:nth-child(2) p:nth-child(2) a:hover > span .arrow span:after {
                      background-color: #fff; } }
    main.area-lp header.visual > figure {
      position: relative;
      flex: 0 0 calc(606 / 1280 * 100vw);
      height: 100%; }
      @media screen and (max-width: 1023px) {
        main.area-lp header.visual > figure {
          flex: initial;
          order: 2;
          z-index: 1;
          margin: calc(-72 / 390 * 100vw) 0 calc(-86 / 390 * 100vw); } }
      @media screen and (max-width: 1023px) {
        main.area-lp header.visual > figure:before {
          content: "";
          display: block;
          position: absolute;
          left: 0%;
          right: 0%;
          top: 0%;
          bottom: 0%;
          background: linear-gradient(180deg, #FFFFFF 7.21%, rgba(255, 255, 255, 0.9) 18.85%, rgba(255, 255, 255, 0) 29.55%, rgba(255, 255, 255, 0) 49.21%, rgba(255, 255, 255, 0) 69.61%, rgba(255, 255, 255, 0.9) 80.29%, #FFFFFF 93.27%); } }
      main.area-lp header.visual > figure img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: 50% 50%; }
    main.area-lp header.visual .tvcm {
      position: absolute;
      bottom: 1.5rem;
      right: 1.5rem;
      z-index: 3; }
      @media screen and (max-width: 1023px) {
        main.area-lp header.visual .tvcm {
          top: 50%;
          bottom: auto;
          right: 0;
          transform: translateY(-50%); } }
      main.area-lp header.visual .tvcm a {
        display: block;
        cursor: pointer;
        background-color: #000E68;
        padding: .8rem;
        border-radius: .8rem; }
        @media screen and (max-width: 1023px) {
          main.area-lp header.visual .tvcm a {
            padding: 1rem 1.2rem;
            border-radius: .8rem 0 0 .8rem; } }
        main.area-lp header.visual .tvcm a p {
          font-weight: 700;
          font-size: 1.5rem;
          line-height: 100%;
          text-align: center;
          letter-spacing: 0.01em;
          color: #FFFFFF;
          margin-bottom: .8rem; }
          @media screen and (max-width: 1023px) {
            main.area-lp header.visual .tvcm a p {
              font-size: 1.4rem;
              line-height: 1.8rem;
              letter-spacing: .28rem;
              margin-bottom: 0;
              writing-mode: vertical-rl;
              text-orientation: upright;
              display: flex;
              justify-content: center;
              gap: .8rem;
              width: 1.8rem; } }
  @media screen and (max-width: 1023px) and (max-width: 1023px) {
    main.area-lp header.visual .tvcm a p .icon {
      position: relative;
      content: "";
      display: block;
      width: 1.8rem;
      height: 1.8rem;
      border: 1px solid #fff;
      border-radius: 50%; }
      main.area-lp header.visual .tvcm a p .icon:after {
        content: "";
        display: block;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        border-left: .5rem solid #fff;
        border-top: .4rem solid transparent;
        border-bottom: .4rem solid transparent; } }

        main.area-lp header.visual .tvcm a figure {
          width: 100%;
          aspect-ratio: 16 / 9; }
          @media screen and (max-width: 1023px) {
            main.area-lp header.visual .tvcm a figure {
              display: none; } }
          main.area-lp header.visual .tvcm a figure iframe {
            pointer-events: none;
            width: 100%;
            height: 100%; }
  main.area-lp section.notice {
    padding-top: 6.4rem;
    background-color: rgba(94, 232, 173, 0.2); }
    @media screen and (max-width: 1023px) {
      main.area-lp section.notice {
        padding-top: 4rem; } }
    main.area-lp section.notice .container {
      width: calc(100% - 160px);
      max-width: 1120px;
      margin: 0 auto; }
      @media screen and (max-width: 1023px) {
        main.area-lp section.notice .container {
          width: calc(100% - 4rem); } }
      main.area-lp section.notice .container .box {
        padding: 4rem;
        width: 100%;
        max-width: 74rem;
        background: #FFFFFF;
        border: .3rem solid #54B5FF;
        margin: 0 auto; }
        @media screen and (max-width: 1023px) {
          main.area-lp section.notice .container .box {
            padding: 3.2rem 1.6rem;
            border: .2rem solid #54B5FF; } }
        main.area-lp section.notice .container .box .message {
          font-family: "Noto Serif JP", serif;
          font-weight: 500;
          font-size: 2rem;
          line-height: 200%;
          text-align: center;
          letter-spacing: 0.04em;
          color: #000000; }
          @media screen and (max-width: 1023px) {
            main.area-lp section.notice .container .box .message {
              font-size: 1.5rem; } }
        main.area-lp section.notice .container .box .signature {
          font-weight: 500;
          font-size: 1.8rem;
          line-height: 100%;
          text-align: center;
          letter-spacing: 0.04em;
          color: #000000;
          margin-top: 2.4rem; }
          @media screen and (max-width: 1023px) {
            main.area-lp section.notice .container .box .signature {
              margin-top: 1.6rem;
              font-size: 1.5rem; } }
  main.area-lp section.course {
    background: linear-gradient(171.74deg, rgba(94, 232, 173, 0.2) 0%, rgba(84, 181, 255, 0.2) 99.99%);
    padding: 6.4rem 0 10rem; }
    @media screen and (max-width: 1023px) {
      main.area-lp section.course {
        padding: 4rem 0 6.4rem; } }
    main.area-lp section.course .container {
      width: calc(100% - 160px);
      max-width: 1120px;
      margin: 0 auto; }
      @media screen and (max-width: 1023px) {
        main.area-lp section.course .container {
          width: calc(100% - 4rem); } }
      main.area-lp section.course .container header {
        margin-bottom: 6.4rem; }
        @media screen and (max-width: 1023px) {
          main.area-lp section.course .container header {
            margin-bottom: 4rem; } }
        main.area-lp section.course .container header hgroup {
          margin-bottom: 24px; }
          @media screen and (max-width: 1023px) {
            main.area-lp section.course .container header hgroup {
              margin-bottom: 1.6rem; } }
          main.area-lp section.course .container header hgroup > p {
            display: flex;
            flex-direction: row;
            justify-content: center;
            align-items: center;
            width: fit-content;
            padding: .4rem 1rem;
            gap: 1rem;
            border-radius: .8rem;
            margin-bottom: 1.6rem;
            background-color: #fff; }
            @media screen and (max-width: 1023px) {
              main.area-lp section.course .container header hgroup > p {
                margin-bottom: .8rem; } }
            main.area-lp section.course .container header hgroup > p span {
              display: inline-block;
              font-family: "Inter", sans-serif;
              font-style: normal;
              font-weight: 600;
              font-size: 1.6rem;
              line-height: 100%;
              letter-spacing: 0.04em;
              background: linear-gradient(92.61deg, #5EE8AD 6.36%, #54B5FF 98.3%);
              -webkit-background-clip: text;
              -webkit-text-fill-color: transparent;
              background-clip: text;
              text-fill-color: transparent;
              width: fit-content; }
              @media screen and (max-width: 1023px) {
                main.area-lp section.course .container header hgroup > p span {
                  font-size: 1.4rem; } }
          main.area-lp section.course .container header hgroup h2 {
            font-weight: 700;
            font-size: 42px;
            line-height: 130%;
            color: #323232; }
            @media screen and (max-width: 1023px) {
              main.area-lp section.course .container header hgroup h2 {
                font-size: 2.2rem;
                line-height: 140%; } }
          main.area-lp section.course .container header hgroup > div {
            display: flex;
            align-items: center;
            gap: 3.2rem; }
            @media screen and (max-width: 1023px) {
              main.area-lp section.course .container header hgroup > div {
                gap: 1.6rem;
                flex-direction: column; } }
            main.area-lp section.course .container header hgroup > div p {
              font-weight: 500;
              font-size: 2rem;
              line-height: 100%;
              letter-spacing: 0.04em;
              color: #323232; }
              @media screen and (max-width: 1023px) {
                main.area-lp section.course .container header hgroup > div p {
                  font-size: 1.6rem;
                  line-height: 160%; } }
        main.area-lp section.course .container header .lead {
          font-weight: 500;
          font-size: 18px;
          line-height: 140%;
          letter-spacing: 0.04em;
          color: #54B5FF; }
          @media screen and (max-width: 1023px) {
            main.area-lp section.course .container header .lead {
              font-size: 1.4rem;
              line-height: 160%; } }
        main.area-lp section.course .container header + section {
          margin-top: 0; }
      main.area-lp section.course .container > section {
        margin-top: 8rem; }
        @media screen and (max-width: 1023px) {
          main.area-lp section.course .container > section {
            margin-top: 4.8rem; } }
        main.area-lp section.course .container > section h3 {
          font-weight: 700;
          font-size: 2rem;
          line-height: 100%;
          letter-spacing: 0.04em;
          color: #323232;
          padding-bottom: 1.6rem;
          border-bottom: 1px solid #323232;
          margin-bottom: 4rem; }
          @media screen and (max-width: 1023px) {
            main.area-lp section.course .container > section h3 {
              font-size: 1.6rem;
              padding-bottom: .8rem;
              margin-bottom: 2.4rem; } }
        main.area-lp section.course .container > section > .lead {
          font-size: 1.6rem;
          line-height: 100%;
          letter-spacing: 0.04em;
          color: #54B5FF;
          margin-top: -2.4rem;
          margin-bottom: 4rem; }
          @media screen and (max-width: 1023px) {
            main.area-lp section.course .container > section > .lead {
              font-size: 1.5prem;
              line-height: 140%;
              margin-top: -1.6rem;
              margin-bottom: 2.4rem; } }
        main.area-lp section.course .container > section > ul {
          display: flex;
          flex-wrap: wrap;
          gap: 4rem 2.4rem; }
          @media screen and (max-width: 1023px) {
            main.area-lp section.course .container > section > ul {
              gap: 2.4rem; } }
          main.area-lp section.course .container > section > ul > li {
            flex: 0 0 calc((100% - 2.4rem) / 2); }
            @media screen and (max-width: 1023px) {
              main.area-lp section.course .container > section > ul > li {
                flex: 0 0 100%; } }
            main.area-lp section.course .container > section > ul > li > section {
              position: relative;
              padding: 3.2rem 2.4rem 7.2rem;
              background: #FFFFFF;
              box-shadow: 0.4rem 0.4rem 0.8rem rgba(0, 0, 0, 0.1);
              border-radius: 1.6rem;
              height: 100%; }
              @media screen and (max-width: 1023px) {
                main.area-lp section.course .container > section > ul > li > section {
                  padding: 1.6rem;
                  box-shadow: 0.4rem 0.4rem 0.8rem rgba(0, 0, 0, 0.1); } }
              main.area-lp section.course .container > section > ul > li > section .label {
                display: flex;
                gap: .8rem;
                margin-bottom: 1.6rem; }
                @media screen and (max-width: 1023px) {
                  main.area-lp section.course .container > section > ul > li > section .label {
                    margin-bottom: 1.6rem;
                    gap: .8rem; } }
                main.area-lp section.course .container > section > ul > li > section .label p {
                  display: flex;
                  flex-direction: row;
                  justify-content: center;
                  align-items: center;
                  padding: .8rem 1.6rem;
                  height: 3.1rem;
                  background: linear-gradient(92.61deg, #5EE8AD 6.36%, #54B5FF 98.3%);
                  border-radius: .8rem;
                  font-weight: 700;
                  font-size: 1.5rem;
                  line-height: 100%;
                  letter-spacing: 0.04em;
                  color: #FFFFFF; }
                  @media screen and (max-width: 1023px) {
                    main.area-lp section.course .container > section > ul > li > section .label p {
                      font-size: 1.4rem; } }
                  main.area-lp section.course .container > section > ul > li > section .label p.beginner {
                    padding: 1px; }
                    main.area-lp section.course .container > section > ul > li > section .label p.beginner > span {
                      display: flex;
                      gap: .6rem;
                      align-items: center;
                      justify-content: center;
                      padding: .7rem 1.5rem;
                      background-color: #fff;
                      border-radius: .7rem; }
                      main.area-lp section.course .container > section > ul > li > section .label p.beginner > span .text {
                        background: linear-gradient(92.61deg, #5EE8AD 6.36%, #54B5FF 98.3%);
                        -webkit-background-clip: text;
                        -webkit-text-fill-color: transparent;
                        background-clip: text;
                        text-fill-color: transparent; }
                      main.area-lp section.course .container > section > ul > li > section .label p.beginner > span:before {
                        content: "";
                        -webkit-mask-image: url("../images/common/icon_beginner.svg");
                        -webkit-mask-size: 100% 100%;
                        mask-image: url("../images/common/icon_beginner.svg");
                        mask-size: 100% 100%;
                        display: block;
                        width: 1.2rem;
                        height: 1.6rem;
                        background: linear-gradient(92.61deg, #5EE8AD 6.36%, #54B5FF 98.3%); }
              main.area-lp section.course .container > section > ul > li > section h4 {
                font-weight: 700;
                font-size: 2.4rem;
                line-height: 120%;
                letter-spacing: 0.04em;
                color: #000E68;
                margin-bottom: 2.4rem; }
                @media screen and (max-width: 1023px) {
                  main.area-lp section.course .container > section > ul > li > section h4 {
                    font-size: 2rem;
                    margin-bottom: 1.6rem; } }
              main.area-lp section.course .container > section > ul > li > section .copy {
                font-weight: 700;
                font-size: 1.6rem;
                line-height: 140%;
                letter-spacing: 0.04em;
                color: #54B5FF;
                margin-bottom: .8rem; }
                @media screen and (max-width: 1023px) {
                  main.area-lp section.course .container > section > ul > li > section .copy {
                    font-size: 1.5rem; } }
              main.area-lp section.course .container > section > ul > li > section .description {
                font-weight: 500;
                font-size: 1.4rem;
                line-height: 180%;
                letter-spacing: 0.04em;
                color: #707070;
                margin-bottom: 2.4rem; }
                @media screen and (max-width: 1023px) {
                  main.area-lp section.course .container > section > ul > li > section .description {
                    margin-bottom: 1.6rem; } }
              main.area-lp section.course .container > section > ul > li > section section.movie a {
                display: block;
                padding: 1.2rem 1.2rem 1.2rem 1.6rem;
                display: flex;
                gap: 1rem;
                margin-top: 1.6rem;
                border: 1px solid #D6D6D6;
                border-radius: .8rem; }
                @media screen and (max-width: 1023px) {
                  main.area-lp section.course .container > section > ul > li > section section.movie a {
                    border-left: none;
                    border-right: none;
                    padding: 1.6rem 0;
                    border-radius: 0;
                    display: block; } }
                main.area-lp section.course .container > section > ul > li > section section.movie a[data-dialog] {
                  cursor: pointer; }
                main.area-lp section.course .container > section > ul > li > section section.movie a .content {
                  flex: 1 1 21.9rem; }
                  main.area-lp section.course .container > section > ul > li > section section.movie a .content h5 {
                    font-weight: 700;
                    font-size: 1.6rem;
                    line-height: 160%;
                    letter-spacing: 0.04em;
                    color: #000E68;
                    margin-bottom: .8rem; }
                    @media screen and (max-width: 1023px) {
                      main.area-lp section.course .container > section > ul > li > section section.movie a .content h5 {
                        line-height: 100%;
                        margin-bottom: 1rem; } }
                  main.area-lp section.course .container > section > ul > li > section section.movie a .content p {
                    font-weight: 500;
                    font-size: 1.5rem;
                    line-height: 160%;
                    letter-spacing: 0.04em;
                    color: #707070; }
                    @media screen and (max-width: 1023px) {
                      main.area-lp section.course .container > section > ul > li > section section.movie a .content p {
                        font-size: 1.4rem;
                        line-height: 100%; } }
                main.area-lp section.course .container > section > ul > li > section section.movie a figure {
                  flex: 1 1 24.3rem;
                  position: relative;
                  border-radius: .6rem;
                  overflow: hidden;
                  height: 100%; }
                  @media screen and (max-width: 1023px) {
                    main.area-lp section.course .container > section > ul > li > section section.movie a figure {
                      margin-top: 1.6rem; } }
                  main.area-lp section.course .container > section > ul > li > section section.movie a figure:before {
                    content: '';
                    display: block;
                    position: absolute;
                    top: 0;
                    left: 0;
                    right: 0;
                    bottom: 0;
                    background-color: rgba(133, 133, 133, 0.6);
                    background-image: url("../images/common/icon_play.svg");
                    background-position: 50% 50%;
                    background-repeat: no-repeat; }
                  main.area-lp section.course .container > section > ul > li > section section.movie a figure img {
                    width: 100%; }
                main.area-lp section.course .container > section > ul > li > section section.movie a.comingsoon figure:before {
                  content: "COMING SOON";
                  background-image: none;
                  display: flex;
                  justify-content: center;
                  align-items: center;
                  font-family: "Inter", sans-serif;
                  font-style: normal;
                  font-weight: 500;
                  font-size: 1.5rem;
                  line-height: 160%;
                  letter-spacing: 0.04em;
                  color: #FFFFFF; }
              main.area-lp section.course .container > section > ul > li > section .box {
                padding: 2.4rem 1.6rem;
                background: #F4F4F4;
                border-radius: .8rem;
                margin-top: 1.6rem; }
                @media screen and (max-width: 1023px) {
                  main.area-lp section.course .container > section > ul > li > section .box {
                    padding: 2.4rem 1.6rem; } }
                main.area-lp section.course .container > section > ul > li > section .box ul {
                  display: flex;
                  flex-direction: column;
                  gap: 1.6rem; }
                  main.area-lp section.course .container > section > ul > li > section .box ul li {
                    font-weight: 500;
                    font-size: 1.5rem;
                    line-height: 140%;
                    letter-spacing: 0.04em;
                    color: #323232;
                    list-style-type: disc;
                    list-style-position: outside;
                    margin-left: 1em; }
                    @media screen and (max-width: 1023px) {
                      main.area-lp section.course .container > section > ul > li > section .box ul li {
                        font-size: 1.4rem;
                        line-height: 130%; } }
              main.area-lp section.course .container > section > ul > li > section ul.tag {
                margin-top: 2.4rem;
                display: flex;
                flex-wrap: wrap;
                gap: .8rem; }
                @media screen and (max-width: 1023px) {
                  main.area-lp section.course .container > section > ul > li > section ul.tag {
                    margin-top: 1.6rem;
                    gap: .8rem; } }
                main.area-lp section.course .container > section > ul > li > section ul.tag li {
                  padding: .8rem 1.5rem;
                  background: #FFFFFF;
                  border: 1px solid #323232;
                  border-radius: .8rem;
                  width: fit-content;
                  font-size: 1.5rem;
                  line-height: 100%;
                  letter-spacing: 0.04em;
                  color: #323232; }
                  @media screen and (max-width: 1023px) {
                    main.area-lp section.course .container > section > ul > li > section ul.tag li {
                      font-size: 1.4rem; } }
                  main.area-lp section.course .container > section > ul > li > section ul.tag li.beginner {
                    display: flex;
                    gap: .6rem;
                    align-items: center;
                    justify-content: center; }
                    main.area-lp section.course .container > section > ul > li > section ul.tag li.beginner:before {
                      content: "";
                      background-image: url("../images/common/icon_beginner.svg");
                      background-size: 100% 100%;
                      display: block;
                      width: 1.2rem;
                      height: 1.6rem; }
              main.area-lp section.course .container > section > ul > li > section .action {
                position: absolute;
                bottom: 2.4rem;
                right: 2.4rem;
                display: flex;
                justify-content: flex-end;
                margin-top: 2.4rem; }
                @media screen and (max-width: 1023px) {
                  main.area-lp section.course .container > section > ul > li > section .action {
                    position: relative;
                    bottom: auto;
                    right: auto;
                    margin-top: 1.6rem; } }
                main.area-lp section.course .container > section > ul > li > section .action a {
                  display: flex;
                  align-items: flex-start;
                  gap: .8rem; }
                  main.area-lp section.course .container > section > ul > li > section .action a span.text {
                    position: relative;
                    display: inline-block;
                    font-size: 1.6rem;
                    line-height: 100%;
                    letter-spacing: 0.04em;
                    padding-bottom: .8rem;
                    background: linear-gradient(92.61deg, #5EE8AD 6.36%, #54B5FF 98.3%);
                    -webkit-background-clip: text;
                    -webkit-text-fill-color: transparent;
                    background-clip: text;
                    text-fill-color: transparent; }
                    @media screen and (max-width: 1023px) {
                      main.area-lp section.course .container > section > ul > li > section .action a span.text {
                        font-size: 1.5rem; } }
                    main.area-lp section.course .container > section > ul > li > section .action a span.text:before {
                      content: "";
                      position: absolute;
                      display: block;
                      bottom: 0;
                      left: 0;
                      height: 1px;
                      width: 100%;
                      background: linear-gradient(92.61deg, #5EE8AD 6.36%, #54B5FF 98.3%);
                      transform: scale(0, 1);
                      transform-origin: 0 0;
                      transition: all ease .3s; }
                      @media screen and (max-width: 1023px) {
                        main.area-lp section.course .container > section > ul > li > section .action a span.text:before {
                          transform: scale(1, 1); } }
                  main.area-lp section.course .container > section > ul > li > section .action a span.arrow {
                    position: relative;
                    flex: 0 0 2rem;
                    width: 2rem;
                    height: 2rem;
                    background: linear-gradient(92.61deg, #5EE8AD 6.36%, #54B5FF 98.3%);
                    border-radius: 50%;
                    overflow: hidden; }
                    main.area-lp section.course .container > section > ul > li > section .action a span.arrow > span {
                      position: absolute;
                      top: 0;
                      left: 0;
                      width: 100%;
                      height: 100%; }
                      main.area-lp section.course .container > section > ul > li > section .action a span.arrow > span:before, main.area-lp section.course .container > section > ul > li > section .action a span.arrow > span:after {
                        content: "";
                        display: block;
                        position: absolute;
                        top: 0;
                        left: 0;
                        width: 100%;
                        height: 100%;
                        -webkit-mask-image: url("../images/common/arrow_right.svg");
                        -webkit-mask-position: 50% 50%;
                        -webkit-mask-size: .8rem .8rem;
                        -webkit-mask-repeat: no-repeat;
                        mask-image: url("../images/common/arrow_right.svg");
                        mask-position: 50% 50%;
                        mask-size: .8rem .8rem;
                        mask-repeat: no-repeat;
                        background-color: #fff;
                        transition: all ease .3s; }
                      main.area-lp section.course .container > section > ul > li > section .action a span.arrow > span:before {
                        transform: translateX(0%); }
                      main.area-lp section.course .container > section > ul > li > section .action a span.arrow > span:after {
                        transform: translateX(-100%); }
                  @media screen and (min-width: 1024px) {
                    main.area-lp section.course .container > section > ul > li > section .action a:hover span.text:before {
                      transform: scale(1, 1); }
                    main.area-lp section.course .container > section > ul > li > section .action a:hover span.arrow span:before {
                      transform: translateX(100%); }
                    main.area-lp section.course .container > section > ul > li > section .action a:hover span.arrow span:after {
                      transform: translateX(0%); } }
              main.area-lp section.course .container > section > ul > li > section.ai-general .box .title {
                font-weight: 500;
                font-size: 1.5rem;
                line-height: 100%;
                letter-spacing: 0.04em;
                color: #54B5FF;
                margin-bottom: 1.6rem; }
                @media screen and (max-width: 1023px) {
                  main.area-lp section.course .container > section > ul > li > section.ai-general .box .title {
                    font-size: 1.4rem; } }
              main.area-lp section.course .container > section > ul > li > section.ai-general .box dl dt {
                display: flex;
                gap: 1.3rem;
                margin-top: 1.6rem;
                margin-bottom: .8rem; }
                main.area-lp section.course .container > section > ul > li > section.ai-general .box dl dt p:nth-child(1) {
                  padding: .4rem .8rem;
                  background: #CECECE;
                  border-radius: .2rem;
                  font-family: "Inter", sans-serif;
                  font-style: normal;
                  font-weight: 500;
                  font-size: 1.5rem;
                  line-height: 100%;
                  letter-spacing: 0.04em;
                  color: #323232; }
                  @media screen and (max-width: 1023px) {
                    main.area-lp section.course .container > section > ul > li > section.ai-general .box dl dt p:nth-child(1) {
                      font-size: 1.4rem; } }
                main.area-lp section.course .container > section > ul > li > section.ai-general .box dl dt p:nth-child(2) {
                  padding: .4rem 0;
                  font-weight: 500;
                  font-size: 1.5rem;
                  line-height: 100%;
                  letter-spacing: 0.04em;
                  color: #323232; }
                  @media screen and (max-width: 1023px) {
                    main.area-lp section.course .container > section > ul > li > section.ai-general .box dl dt p:nth-child(2) {
                      font-size: 1.4rem; } }
              main.area-lp section.course .container > section > ul > li > section.ai-general .box dl dd {
                font-weight: 500;
                font-size: 1.5rem;
                line-height: 160%;
                letter-spacing: 0.04em;
                color: #707070; }
                @media screen and (max-width: 1023px) {
                  main.area-lp section.course .container > section > ul > li > section.ai-general .box dl dd {
                    font-size: 1.4rem; } }
              main.area-lp section.course .container > section > ul > li > section.wellbeing > .content {
                display: flex;
                gap: 2.4rem; }
                @media screen and (max-width: 1023px) {
                  main.area-lp section.course .container > section > ul > li > section.wellbeing > .content {
                    display: block; } }
                main.area-lp section.course .container > section > ul > li > section.wellbeing > .content > div {
                  flex: 1; }
                main.area-lp section.course .container > section > ul > li > section.wellbeing > .content > div.box .title {
                  font-weight: 500;
                  font-size: 1.5rem;
                  line-height: 100%;
                  letter-spacing: 0.04em;
                  color: #54B5FF;
                  margin-bottom: .8rem; }
                  @media screen and (max-width: 1023px) {
                    main.area-lp section.course .container > section > ul > li > section.wellbeing > .content > div.box .title {
                      font-size: 1.4rem; } }
                main.area-lp section.course .container > section > ul > li > section.wellbeing > .content > div.box .curriculum {
                  font-size: 1.5rem;
                  line-height: 200%; }
                  @media screen and (max-width: 1023px) {
                    main.area-lp section.course .container > section > ul > li > section.wellbeing > .content > div.box .curriculum {
                      font-size: 1.4rem; } }
                main.area-lp section.course .container > section > ul > li > section.wellbeing > .content .price {
                  font-weight: 700;
                  font-size: 1.5rem;
                  line-height: 100%;
                  letter-spacing: 0.04em;
                  color: #323232;
                  margin: 1.6rem 0; }
                  @media screen and (max-width: 1023px) {
                    main.area-lp section.course .container > section > ul > li > section.wellbeing > .content .price {
                      font-size: 1.4rem;
                      margin: .8rem 0; } }
        main.area-lp section.course .container > section.trend > ul > li {
          flex: 0 0 100%; }
        main.area-lp section.course .container > section.ai > ul > li {
          flex: 0 0 calc((100% - 2.4rem * 2) / 3); }
          @media screen and (max-width: 1023px) {
            main.area-lp section.course .container > section.ai > ul > li {
              flex: 0 0 100%; } }
          main.area-lp section.course .container > section.ai > ul > li > section {
            padding-bottom: 6.2rem; }
            @media screen and (max-width: 1023px) {
              main.area-lp section.course .container > section.ai > ul > li > section {
                padding-bottom: 1.6rem; } }
            main.area-lp section.course .container > section.ai > ul > li > section section.movie a {
              display: block;
              border-radius: 0;
              border-left: none;
              border-right: none;
              padding: 1.6rem 0; }
              main.area-lp section.course .container > section.ai > ul > li > section section.movie a h4 {
                font-weight: 700;
                font-size: 1.6rem;
                line-height: 100%;
                letter-spacing: 0.04em;
                color: #000E68;
                margin-bottom: 1rem; }
              main.area-lp section.course .container > section.ai > ul > li > section section.movie a p {
                font-size: 1.4rem;
                line-height: 100%;
                letter-spacing: 0.04em;
                color: #707070; }
              main.area-lp section.course .container > section.ai > ul > li > section section.movie a figure {
                margin-top: 1.6rem; }
            main.area-lp section.course .container > section.ai > ul > li > section .price {
              font-size: 1.6rem;
              line-height: 160%;
              letter-spacing: 0.04em;
              color: #323232;
              margin: 2rem 0; }
  main.area-lp section.instructors {
    background-color: #fff;
    padding: 10rem 0; }
    @media screen and (max-width: 1023px) {
      main.area-lp section.instructors {
        padding: 6.4rem 0; } }
    main.area-lp section.instructors .container {
      width: calc(100% - 160px);
      max-width: 1120px;
      margin: 0 auto; }
      @media screen and (max-width: 1023px) {
        main.area-lp section.instructors .container {
          width: calc(100% - 4rem); } }
      main.area-lp section.instructors .container header {
        margin-bottom: 6.4rem; }
        @media screen and (max-width: 1023px) {
          main.area-lp section.instructors .container header {
            margin-bottom: 4rem; } }
        main.area-lp section.instructors .container header hgroup {
          margin-bottom: 24px; }
          @media screen and (max-width: 1023px) {
            main.area-lp section.instructors .container header hgroup {
              margin-bottom: 1.6rem; } }
          main.area-lp section.instructors .container header hgroup > p {
            display: flex;
            flex-direction: row;
            justify-content: center;
            align-items: center;
            width: fit-content;
            padding: .4rem 1rem;
            gap: 1rem;
            border-radius: .8rem;
            margin-bottom: 1.6rem;
            background: linear-gradient(92.61deg, #5EE8AD 6.36%, #54B5FF 98.3%); }
            @media screen and (max-width: 1023px) {
              main.area-lp section.instructors .container header hgroup > p {
                margin-bottom: .8rem; } }
            main.area-lp section.instructors .container header hgroup > p span {
              display: inline-block;
              font-family: "Inter", sans-serif;
              font-style: normal;
              font-weight: 600;
              font-size: 1.6rem;
              line-height: 100%;
              letter-spacing: 0.04em;
              color: #FFFFFF; }
              @media screen and (max-width: 1023px) {
                main.area-lp section.instructors .container header hgroup > p span {
                  font-size: 1.4rem; } }
          main.area-lp section.instructors .container header hgroup h2 {
            font-weight: 700;
            font-size: 42px;
            line-height: 130%;
            color: #323232; }
            @media screen and (max-width: 1023px) {
              main.area-lp section.instructors .container header hgroup h2 {
                font-size: 2.2rem;
                line-height: 140%; } }
          main.area-lp section.instructors .container header hgroup > div {
            display: flex;
            align-items: center;
            gap: 3.2rem; }
            @media screen and (max-width: 1023px) {
              main.area-lp section.instructors .container header hgroup > div {
                gap: 1.6rem;
                flex-direction: column; } }
            main.area-lp section.instructors .container header hgroup > div p {
              font-weight: 500;
              font-size: 2rem;
              line-height: 100%;
              letter-spacing: 0.04em;
              color: #323232; }
              @media screen and (max-width: 1023px) {
                main.area-lp section.instructors .container header hgroup > div p {
                  font-size: 1.6rem;
                  line-height: 160%; } }
        main.area-lp section.instructors .container header .lead {
          font-weight: 500;
          font-size: 18px;
          line-height: 140%;
          letter-spacing: 0.04em;
          color: #54B5FF; }
          @media screen and (max-width: 1023px) {
            main.area-lp section.instructors .container header .lead {
              font-size: 1.4rem;
              line-height: 160%; } }
      main.area-lp section.instructors .container ul {
        display: flex;
        flex-wrap: wrap;
        gap: 4rem 2.4rem; }
        @media screen and (max-width: 1023px) {
          main.area-lp section.instructors .container ul {
            gap: 2.4rem; } }
        main.area-lp section.instructors .container ul li {
          flex: 0 0 calc((100% - 2.4rem * 2) / 3);
          filter: drop-shadow(0.4rem 0.4rem 0.8rem rgba(0, 0, 0, 0.1));
          will-change: filter; }
          @media screen and (max-width: 1023px) {
            main.area-lp section.instructors .container ul li {
              flex: 0 0 100%; } }
          main.area-lp section.instructors .container ul li > div {
            height: 100%;
            overflow: hidden;
            background-color: #fff;
            border-radius: 1.6rem; }
            main.area-lp section.instructors .container ul li > div figure img {
              width: 100%; }
            main.area-lp section.instructors .container ul li > div .content {
              position: relative;
              padding: 2.4rem;
              background-color: #fff; }
              @media screen and (max-width: 1023px) {
                main.area-lp section.instructors .container ul li > div .content {
                  padding: 2.4rem 1.6rem; } }
              main.area-lp section.instructors .container ul li > div .content .name {
                display: flex;
                gap: .8rem;
                align-items: center;
                margin-bottom: 1.6rem; }
                main.area-lp section.instructors .container ul li > div .content .name p:nth-child(1) {
                  font-weight: 700;
                  font-size: 2rem;
                  line-height: 100%;
                  letter-spacing: 0.04em;
                  color: #323232; }
                  @media screen and (max-width: 1023px) {
                    main.area-lp section.instructors .container ul li > div .content .name p:nth-child(1) {
                      font-size: 1.6rem; } }
                main.area-lp section.instructors .container ul li > div .content .name p:nth-child(2) {
                  font-weight: 400;
                  font-size: 1.3rem;
                  line-height: 100%;
                  color: #323232; }
                  @media screen and (max-width: 1023px) {
                    main.area-lp section.instructors .container ul li > div .content .name p:nth-child(2) {
                      font-size: 1.4rem; } }
              main.area-lp section.instructors .container ul li > div .content dl dt {
                font-weight: 500;
                font-size: 1.4rem;
                line-height: 140%;
                letter-spacing: 0.04em;
                color: #54B5FF;
                float: left; }
              main.area-lp section.instructors .container ul li > div .content dl dd {
                font-weight: 500;
                font-size: 1.4rem;
                line-height: 140%;
                letter-spacing: 0.04em;
                color: #323232;
                padding-bottom: .8rem; }
              main.area-lp section.instructors .container ul li > div .content .profile {
                font-weight: 400;
                font-size: 1.4rem;
                line-height: 140%;
                letter-spacing: 0.04em;
                color: #707070; }
              main.area-lp section.instructors .container ul li > div .content .tag {
                padding: .8rem 3.2rem;
                position: absolute;
                bottom: 100%;
                left: 0;
                background: #54B5FF;
                border-radius: 0 1.6rem 0 0;
                font-weight: 700;
                font-size: 1.5rem;
                line-height: 140%;
                letter-spacing: 0.08em;
                color: #FFFFFF; }
                @media screen and (max-width: 1023px) {
                  main.area-lp section.instructors .container ul li > div .content .tag {
                    font-size: 1.4rem;
                    padding: .8rem 2.4rem; } }
      main.area-lp section.instructors .container div.more {
        display: none; }
        main.area-lp section.instructors .container div.more:before {
          content: "";
          display: block;
          height: 4rem; }
          @media screen and (max-width: 1023px) {
            main.area-lp section.instructors .container div.more:before {
              height: 2.4rem; } }
      main.area-lp section.instructors .container p.more {
        display: flex;
        justify-content: center;
        margin-top: 5.6rem; }
        @media screen and (max-width: 1023px) {
          main.area-lp section.instructors .container p.more {
            margin-top: 4rem; } }
        main.area-lp section.instructors .container p.more button.active {
          display: none; }
        main.area-lp section.instructors .container p.more button > span {
          position: relative;
          display: flex;
          gap: 1rem;
          align-items: flex-start; }
          main.area-lp section.instructors .container p.more button > span:before {
            content: "";
            display: block;
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 1px;
            background-color: #000E68;
            transform: scale(0, 1);
            transform-origin: 0 0;
            transition: all ease .3s; }
          main.area-lp section.instructors .container p.more button > span .text {
            font-weight: 500;
            font-size: 1.8rem;
            line-height: 2.6rem;
            color: #000E68;
            padding-bottom: .4rem; }
            @media screen and (max-width: 1023px) {
              main.area-lp section.instructors .container p.more button > span .text {
                font-size: 1.5rem;
                line-height: 2rem;
                padding-bottom: .8rem; } }
          main.area-lp section.instructors .container p.more button > span .arrow {
            position: relative;
            display: block;
            width: 2.6rem;
            height: 2.6rem;
            border-radius: 50%;
            background-color: #000E68;
            transition: all ease .3s; }
            @media screen and (max-width: 1023px) {
              main.area-lp section.instructors .container p.more button > span .arrow {
                width: 2rem;
                height: 2rem; } }
            main.area-lp section.instructors .container p.more button > span .arrow:before, main.area-lp section.instructors .container p.more button > span .arrow:after {
              content: "";
              display: block;
              width: 1.2rem;
              height: 1px;
              background-color: #fff;
              position: absolute;
              top: 50%;
              left: .7rem; }
              @media screen and (max-width: 1023px) {
                main.area-lp section.instructors .container p.more button > span .arrow:before, main.area-lp section.instructors .container p.more button > span .arrow:after {
                  width: 1rem;
                  left: .5rem; } }
            main.area-lp section.instructors .container p.more button > span .arrow:after {
              transform: rotate(90deg); }
        @media screen and (min-width: 1024px) {
          main.area-lp section.instructors .container p.more button:hover > span:before {
            transform: scale(1, 1); }
          main.area-lp section.instructors .container p.more button:hover > span .arrow {
            transform: rotate(-180deg); } }
        @media screen and (max-width: 1023px) {
          main.area-lp section.instructors .container p.more button > span:before {
            transform: scale(1, 1); } }
  main.area-lp section.events {
    background-color: #fff; }
    main.area-lp section.events .wrapper {
      background-color: #000E68;
      border-radius: 2.4rem;
      width: calc(100% - 3.2rem * 2);
      margin: 0 auto;
      padding: 6.4rem 0; }
      @media screen and (max-width: 1023px) {
        main.area-lp section.events .wrapper {
          width: 100%;
          padding: 4.8rem 0; } }
      main.area-lp section.events .wrapper .container {
        width: calc(100% - 160px);
        max-width: 1120px;
        margin: 0 auto;
        width: calc(100% - 4.8rem * 2); }
        @media screen and (max-width: 1023px) {
          main.area-lp section.events .wrapper .container {
            width: calc(100% - 4rem); } }
        @media screen and (max-width: 1023px) {
          main.area-lp section.events .wrapper .container {
            width: calc(100% - 4rem); } }
        main.area-lp section.events .wrapper .container header {
          margin-bottom: 6.4rem; }
          @media screen and (max-width: 1023px) {
            main.area-lp section.events .wrapper .container header {
              margin-bottom: 4rem; } }
          main.area-lp section.events .wrapper .container header hgroup {
            margin-bottom: 24px; }
            @media screen and (max-width: 1023px) {
              main.area-lp section.events .wrapper .container header hgroup {
                margin-bottom: 1.6rem; } }
            main.area-lp section.events .wrapper .container header hgroup > p {
              display: flex;
              flex-direction: row;
              justify-content: center;
              align-items: center;
              width: fit-content;
              padding: .4rem 1rem;
              gap: 1rem;
              border-radius: .8rem;
              margin-bottom: 1.6rem;
              background: linear-gradient(92.61deg, #5EE8AD 6.36%, #54B5FF 98.3%); }
              @media screen and (max-width: 1023px) {
                main.area-lp section.events .wrapper .container header hgroup > p {
                  margin-bottom: .8rem; } }
              main.area-lp section.events .wrapper .container header hgroup > p span {
                display: inline-block;
                font-family: "Inter", sans-serif;
                font-style: normal;
                font-weight: 600;
                font-size: 1.6rem;
                line-height: 100%;
                letter-spacing: 0.04em;
                color: #FFFFFF; }
                @media screen and (max-width: 1023px) {
                  main.area-lp section.events .wrapper .container header hgroup > p span {
                    font-size: 1.4rem; } }
            main.area-lp section.events .wrapper .container header hgroup h2 {
              font-weight: 700;
              font-size: 42px;
              line-height: 130%;
              color: #323232;
              color: #fff; }
              @media screen and (max-width: 1023px) {
                main.area-lp section.events .wrapper .container header hgroup h2 {
                  font-size: 2.2rem;
                  line-height: 140%; } }
            main.area-lp section.events .wrapper .container header hgroup > div {
              display: flex;
              align-items: center;
              gap: 3.2rem; }
              @media screen and (max-width: 1023px) {
                main.area-lp section.events .wrapper .container header hgroup > div {
                  gap: 1.6rem;
                  flex-direction: column; } }
              main.area-lp section.events .wrapper .container header hgroup > div p {
                font-weight: 500;
                font-size: 2rem;
                line-height: 100%;
                letter-spacing: 0.04em;
                color: #323232; }
                @media screen and (max-width: 1023px) {
                  main.area-lp section.events .wrapper .container header hgroup > div p {
                    font-size: 1.6rem;
                    line-height: 160%; } }
          main.area-lp section.events .wrapper .container header .lead {
            font-weight: 500;
            font-size: 18px;
            line-height: 140%;
            letter-spacing: 0.04em;
            color: #54B5FF; }
            @media screen and (max-width: 1023px) {
              main.area-lp section.events .wrapper .container header .lead {
                font-size: 1.4rem;
                line-height: 160%; } }
        main.area-lp section.events .wrapper .container ul.event {
          display: flex;
          gap: 2.4rem; }
          @media screen and (max-width: 1023px) {
            main.area-lp section.events .wrapper .container ul.event {
              flex-direction: column; } }
          main.area-lp section.events .wrapper .container ul.event > li {
            flex: 1; }
            @media screen and (max-width: 1023px) {
              main.area-lp section.events .wrapper .container ul.event > li {
                flex: initial; } }
            main.area-lp section.events .wrapper .container ul.event > li > section {
              position: relative;
              border-radius: 1.6rem;
              background-color: #fff;
              height: 100%;
              padding: 3.2rem 2.4rem 11rem; }
              @media screen and (max-width: 1023px) {
                main.area-lp section.events .wrapper .container ul.event > li > section {
                  padding: 3.2rem 2.4rem; } }
              main.area-lp section.events .wrapper .container ul.event > li > section hgroup p {
                display: block;
                padding: .8rem 1.6rem;
                background: #54B5FF;
                border-radius: .8rem;
                width: fit-content;
                font-family: "Inter", sans-serif;
                font-style: normal;
                font-weight: 600;
                font-size: 1.5rem;
                line-height: 100%;
                letter-spacing: 0.04em;
                color: #FFFFFF;
                margin-bottom: 1.6rem; }
                @media screen and (max-width: 1023px) {
                  main.area-lp section.events .wrapper .container ul.event > li > section hgroup p {
                    font-size: 1.4rem; } }
              main.area-lp section.events .wrapper .container ul.event > li > section hgroup h3 {
                font-weight: 700;
                font-size: 2.8rem;
                line-height: 130%;
                letter-spacing: 0.04em;
                color: #000E68;
                margin-bottom: 2.4rem; }
                @media screen and (max-width: 1023px) {
                  main.area-lp section.events .wrapper .container ul.event > li > section hgroup h3 {
                    font-size: 2rem;
                    margin-bottom: 2rem; } }
              main.area-lp section.events .wrapper .container ul.event > li > section section {
                padding: 2.4rem 2rem;
                background: #FFFFFF;
                border: 1px solid #D6D6D6;
                border-radius: .8rem; }
                @media screen and (max-width: 1023px) {
                  main.area-lp section.events .wrapper .container ul.event > li > section section {
                    padding: 1.6rem; } }
                main.area-lp section.events .wrapper .container ul.event > li > section section h4 {
                  font-weight: 700;
                  font-size: 1.6rem;
                  line-height: 100%;
                  letter-spacing: 0.04em;
                  color: #54B5FF;
                  margin-bottom: 1.6rem; }
                  @media screen and (max-width: 1023px) {
                    main.area-lp section.events .wrapper .container ul.event > li > section section h4 {
                      font-size: 1.5rem; } }
                main.area-lp section.events .wrapper .container ul.event > li > section section ul {
                  display: flex;
                  flex-direction: column;
                  gap: 1.6rem; }
                  @media screen and (max-width: 1023px) {
                    main.area-lp section.events .wrapper .container ul.event > li > section section ul {
                      gap: 1.2rem; } }
                  main.area-lp section.events .wrapper .container ul.event > li > section section ul li {
                    font-weight: 500;
                    font-size: 15px;
                    line-height: 140%;
                    letter-spacing: 0.04em;
                    color: #000E68;
                    list-style-type: disc;
                    list-style-position: outside;
                    margin-left: 1em; }
                    @media screen and (max-width: 1023px) {
                      main.area-lp section.events .wrapper .container ul.event > li > section section ul li {
                        font-size: 1.4rem;
                        line-height: 140%; } }
                main.area-lp section.events .wrapper .container ul.event > li > section section p {
                  font-size: 15px;
                  line-height: 140%;
                  letter-spacing: 0.04em;
                  color: #000E68;
                  margin-top: 1.6rem; }
                  @media screen and (max-width: 1023px) {
                    main.area-lp section.events .wrapper .container ul.event > li > section section p {
                      font-size: 1.4rem;
                      line-height: 140%;
                      margin-top: 1.2rem; } }
                main.area-lp section.events .wrapper .container ul.event > li > section section.example .content {
                  display: flex;
                  gap: 40px; }
                  @media screen and (max-width: 1023px) {
                    main.area-lp section.events .wrapper .container ul.event > li > section section.example .content {
                      flex-direction: column;
                      gap: 1.2rem; } }
              main.area-lp section.events .wrapper .container ul.event > li > section .box {
                padding: 2.4rem 2rem;
                background: #F4F4F4;
                border-radius: .8rem;
                margin-top: 1.6rem; }
                @media screen and (max-width: 1023px) {
                  main.area-lp section.events .wrapper .container ul.event > li > section .box {
                    margin-top: 2rem; } }
                main.area-lp section.events .wrapper .container ul.event > li > section .box ul {
                  display: flex;
                  flex-direction: column;
                  gap: 1.6rem; }
                  main.area-lp section.events .wrapper .container ul.event > li > section .box ul li {
                    font-weight: 500;
                    font-size: 1.5rem;
                    line-height: 160%;
                    letter-spacing: 0.04em;
                    color: #323232;
                    list-style-type: disc;
                    list-style-position: outside;
                    margin-left: 1em; }
                    @media screen and (max-width: 1023px) {
                      main.area-lp section.events .wrapper .container ul.event > li > section .box ul li {
                        font-size: 1.4rem; } }
              main.area-lp section.events .wrapper .container ul.event > li > section .action {
                position: absolute;
                bottom: 3.2rem;
                left: 2.4rem;
                right: 2.4rem;
                display: flex;
                justify-content: center; }
                @media screen and (max-width: 1023px) {
                  main.area-lp section.events .wrapper .container ul.event > li > section .action {
                    position: relative;
                    bottom: auto;
                    left: auto;
                    right: auto;
                    margin-top: 2rem; } }
              main.area-lp section.events .wrapper .container ul.event > li > section.guidance .action a {
                display: block;
                padding: 1px;
                border-radius: 9999px;
                overflow: hidden;
                background-color: #000E68; }
                @media screen and (max-width: 1023px) {
                  main.area-lp section.events .wrapper .container ul.event > li > section.guidance .action a {
                    width: 100%; } }
                main.area-lp section.events .wrapper .container ul.event > li > section.guidance .action a > span {
                  display: flex;
                  padding: 1.4rem 2.8rem 1.4rem 3.2rem;
                  gap: 1rem;
                  justify-content: center;
                  align-items: center;
                  transition: all ease .3s;
                  border-radius: 9999px;
                  background-color: #fff; }
                  @media screen and (max-width: 1023px) {
                    main.area-lp section.events .wrapper .container ul.event > li > section.guidance .action a > span {
                      gap: 1.6rem; } }
                  main.area-lp section.events .wrapper .container ul.event > li > section.guidance .action a > span span.text {
                    position: relative;
                    display: block;
                    font-style: normal;
                    font-weight: 700;
                    font-size: 1.6rem;
                    line-height: 100%;
                    transition: all ease .3s;
                    color: #000E68; }
                    @media screen and (max-width: 1023px) {
                      main.area-lp section.events .wrapper .container ul.event > li > section.guidance .action a > span span.text {
                        font-size: 1.5rem; } }
                  main.area-lp section.events .wrapper .container ul.event > li > section.guidance .action a > span .arrow {
                    position: relative;
                    display: block;
                    width: 2.6rem;
                    height: 2.6rem;
                    border-radius: 50%;
                    overflow: hidden;
                    transition: all ease .3s;
                    background-color: #000E68; }
                    main.area-lp section.events .wrapper .container ul.event > li > section.guidance .action a > span .arrow > span {
                      position: absolute;
                      top: 0;
                      left: 0;
                      width: 100%;
                      height: 100%; }
                      main.area-lp section.events .wrapper .container ul.event > li > section.guidance .action a > span .arrow > span:before, main.area-lp section.events .wrapper .container ul.event > li > section.guidance .action a > span .arrow > span:after {
                        content: "";
                        display: block;
                        position: absolute;
                        top: 0;
                        left: 0;
                        width: 100%;
                        height: 100%;
                        -webkit-mask-image: url("../images/common/arrow_right.svg");
                        -webkit-mask-position: 50% 50%;
                        -webkit-mask-size: 1rem 1rem;
                        -webkit-mask-repeat: no-repeat;
                        mask-image: url("../images/common/arrow_right.svg");
                        mask-position: 50% 50%;
                        mask-size: 1rem 1rem;
                        mask-repeat: no-repeat;
                        background-color: #54B5FF;
                        transition: all ease .3s;
                        background-color: #fff; }
                      main.area-lp section.events .wrapper .container ul.event > li > section.guidance .action a > span .arrow > span:before {
                        transform: translateX(0%); }
                      main.area-lp section.events .wrapper .container ul.event > li > section.guidance .action a > span .arrow > span:after {
                        transform: translateX(-100%); }
                @media screen and (min-width: 1024px) {
                  main.area-lp section.events .wrapper .container ul.event > li > section.guidance .action a:hover > span {
                    background-color: #000E68; }
                    main.area-lp section.events .wrapper .container ul.event > li > section.guidance .action a:hover > span span.text {
                      color: #fff; }
                    main.area-lp section.events .wrapper .container ul.event > li > section.guidance .action a:hover > span span.arrow {
                      background-color: #fff; }
                      main.area-lp section.events .wrapper .container ul.event > li > section.guidance .action a:hover > span span.arrow span:before, main.area-lp section.events .wrapper .container ul.event > li > section.guidance .action a:hover > span span.arrow span:after {
                        background-color: #000E68; }
                      main.area-lp section.events .wrapper .container ul.event > li > section.guidance .action a:hover > span span.arrow span:before {
                        transform: translateX(100%); }
                      main.area-lp section.events .wrapper .container ul.event > li > section.guidance .action a:hover > span span.arrow span:after {
                        transform: translateX(0%); } }
              main.area-lp section.events .wrapper .container ul.event > li > section.seminar .action a {
                display: block;
                padding: 1px;
                border-radius: 9999px;
                overflow: hidden;
                background: linear-gradient(92.61deg, #5EE8AD 6.36%, #54B5FF 98.3%); }
                @media screen and (max-width: 1023px) {
                  main.area-lp section.events .wrapper .container ul.event > li > section.seminar .action a {
                    width: 100%; } }
                main.area-lp section.events .wrapper .container ul.event > li > section.seminar .action a > span {
                  display: flex;
                  padding: 1.4rem 2.8rem 1.4rem 3.2rem;
                  gap: 1rem;
                  justify-content: center;
                  align-items: center;
                  transition: all ease .3s;
                  border-radius: 9999px; }
                  @media screen and (max-width: 1023px) {
                    main.area-lp section.events .wrapper .container ul.event > li > section.seminar .action a > span {
                      gap: 1.6rem; } }
                  main.area-lp section.events .wrapper .container ul.event > li > section.seminar .action a > span span.text {
                    position: relative;
                    display: block;
                    font-style: normal;
                    font-weight: 700;
                    font-size: 1.6rem;
                    line-height: 100%;
                    transition: all ease .3s;
                    color: #fff; }
                    @media screen and (max-width: 1023px) {
                      main.area-lp section.events .wrapper .container ul.event > li > section.seminar .action a > span span.text {
                        font-size: 1.5rem; } }
                    main.area-lp section.events .wrapper .container ul.event > li > section.seminar .action a > span span.text:before {
                      position: absolute;
                      top: 0;
                      left: 0;
                      right: 0;
                      bottom: 0;
                      display: block;
                      content: "体験セミナーに申し込む";
                      font-style: normal;
                      font-weight: 700;
                      font-size: 16px;
                      line-height: 100%;
                      background: linear-gradient(92.61deg, #5EE8AD 6.36%, #54B5FF 98.3%);
                      -webkit-background-clip: text;
                      -webkit-text-fill-color: transparent;
                      background-clip: text;
                      text-fill-color: transparent;
                      transition: all ease .3s;
                      opacity: 0; }
                  main.area-lp section.events .wrapper .container ul.event > li > section.seminar .action a > span .arrow {
                    position: relative;
                    display: block;
                    width: 2.6rem;
                    height: 2.6rem;
                    border-radius: 50%;
                    overflow: hidden;
                    transition: all ease .3s;
                    background-color: #fff; }
                    main.area-lp section.events .wrapper .container ul.event > li > section.seminar .action a > span .arrow:before {
                      position: absolute;
                      top: 0;
                      left: 0;
                      width: 100%;
                      height: 100%;
                      display: block;
                      content: "";
                      background: linear-gradient(92.61deg, #5EE8AD 6.36%, #54B5FF 98.3%);
                      transition: all ease .3s;
                      opacity: 0; }
                    main.area-lp section.events .wrapper .container ul.event > li > section.seminar .action a > span .arrow > span {
                      position: absolute;
                      top: 0;
                      left: 0;
                      width: 100%;
                      height: 100%; }
                      main.area-lp section.events .wrapper .container ul.event > li > section.seminar .action a > span .arrow > span:before, main.area-lp section.events .wrapper .container ul.event > li > section.seminar .action a > span .arrow > span:after {
                        content: "";
                        display: block;
                        position: absolute;
                        top: 0;
                        left: 0;
                        width: 100%;
                        height: 100%;
                        -webkit-mask-image: url("../images/common/arrow_right.svg");
                        -webkit-mask-position: 50% 50%;
                        -webkit-mask-size: 1rem 1rem;
                        -webkit-mask-repeat: no-repeat;
                        mask-image: url("../images/common/arrow_right.svg");
                        mask-position: 50% 50%;
                        mask-size: 1rem 1rem;
                        mask-repeat: no-repeat;
                        background-color: #54B5FF;
                        transition: all ease .3s;
                        background-color: #54B5FF; }
                      main.area-lp section.events .wrapper .container ul.event > li > section.seminar .action a > span .arrow > span:before {
                        transform: translateX(0%); }
                      main.area-lp section.events .wrapper .container ul.event > li > section.seminar .action a > span .arrow > span:after {
                        transform: translateX(-100%); }
                @media screen and (min-width: 1024px) {
                  main.area-lp section.events .wrapper .container ul.event > li > section.seminar .action a:hover > span {
                    background-color: #fff; }
                    main.area-lp section.events .wrapper .container ul.event > li > section.seminar .action a:hover > span span.text {
                      color: rgba(255, 255, 255, 0); }
                      main.area-lp section.events .wrapper .container ul.event > li > section.seminar .action a:hover > span span.text:before {
                        opacity: 1; }
                    main.area-lp section.events .wrapper .container ul.event > li > section.seminar .action a:hover > span span.arrow {
                      background-color: #fff; }
                      main.area-lp section.events .wrapper .container ul.event > li > section.seminar .action a:hover > span span.arrow:before {
                        opacity: 1; }
                      main.area-lp section.events .wrapper .container ul.event > li > section.seminar .action a:hover > span span.arrow span:before, main.area-lp section.events .wrapper .container ul.event > li > section.seminar .action a:hover > span span.arrow span:after {
                        background-color: #fff; }
                      main.area-lp section.events .wrapper .container ul.event > li > section.seminar .action a:hover > span span.arrow span:before {
                        transform: translateX(100%); }
                      main.area-lp section.events .wrapper .container ul.event > li > section.seminar .action a:hover > span span.arrow span:after {
                        transform: translateX(0%); } }
  main.area-lp section.service {
    background-color: #fff;
    padding: 10rem 0; }
    @media screen and (max-width: 1023px) {
      main.area-lp section.service {
        padding: 6.4rem 0; } }
    main.area-lp section.service .container {
      width: calc(100% - 160px);
      max-width: 1120px;
      margin: 0 auto; }
      @media screen and (max-width: 1023px) {
        main.area-lp section.service .container {
          width: calc(100% - 4rem); } }
      main.area-lp section.service .container header {
        margin-bottom: 6.4rem; }
        @media screen and (max-width: 1023px) {
          main.area-lp section.service .container header {
            margin-bottom: 4rem; } }
        main.area-lp section.service .container header hgroup {
          margin-bottom: 24px; }
          @media screen and (max-width: 1023px) {
            main.area-lp section.service .container header hgroup {
              margin-bottom: 1.6rem; } }
          main.area-lp section.service .container header hgroup > p {
            display: flex;
            flex-direction: row;
            justify-content: center;
            align-items: center;
            width: fit-content;
            padding: .4rem 1rem;
            gap: 1rem;
            border-radius: .8rem;
            margin-bottom: 1.6rem;
            background: linear-gradient(92.61deg, #5EE8AD 6.36%, #54B5FF 98.3%); }
            @media screen and (max-width: 1023px) {
              main.area-lp section.service .container header hgroup > p {
                margin-bottom: .8rem; } }
            main.area-lp section.service .container header hgroup > p span {
              display: inline-block;
              font-family: "Inter", sans-serif;
              font-style: normal;
              font-weight: 600;
              font-size: 1.6rem;
              line-height: 100%;
              letter-spacing: 0.04em;
              color: #FFFFFF; }
              @media screen and (max-width: 1023px) {
                main.area-lp section.service .container header hgroup > p span {
                  font-size: 1.4rem; } }
          main.area-lp section.service .container header hgroup h2 {
            font-weight: 700;
            font-size: 42px;
            line-height: 130%;
            color: #323232; }
            @media screen and (max-width: 1023px) {
              main.area-lp section.service .container header hgroup h2 {
                font-size: 2.2rem;
                line-height: 140%; } }
          main.area-lp section.service .container header hgroup > div {
            display: flex;
            align-items: center;
            gap: 3.2rem; }
            @media screen and (max-width: 1023px) {
              main.area-lp section.service .container header hgroup > div {
                gap: 1.6rem;
                flex-direction: column; } }
            main.area-lp section.service .container header hgroup > div p {
              font-weight: 500;
              font-size: 2rem;
              line-height: 100%;
              letter-spacing: 0.04em;
              color: #323232; }
              @media screen and (max-width: 1023px) {
                main.area-lp section.service .container header hgroup > div p {
                  font-size: 1.6rem;
                  line-height: 160%; } }
        main.area-lp section.service .container header .lead {
          font-weight: 500;
          font-size: 18px;
          line-height: 140%;
          letter-spacing: 0.04em;
          color: #54B5FF; }
          @media screen and (max-width: 1023px) {
            main.area-lp section.service .container header .lead {
              font-size: 1.4rem;
              line-height: 160%; } }
          @media screen and (max-width: 1023px) {
            main.area-lp section.service .container header .lead br {
              display: none; } }
      main.area-lp section.service .container > ul {
        display: flex;
        flex-wrap: wrap;
        gap: 2.4rem; }
        main.area-lp section.service .container > ul > li {
          position: relative;
          flex: 1;
          padding: 1.6rem 1.6rem;
          background: #FFFFFF;
          border: 1px solid #323232;
          box-shadow: 0.4rem 0.4rem 0.8rem rgba(0, 0, 0, 0.1);
          border-radius: 1.6rem; }
          @media screen and (max-width: 1023px) {
            main.area-lp section.service .container > ul > li {
              flex: 0 0 100%; } }
          main.area-lp section.service .container > ul > li figure {
            border-radius: .8rem;
            overflow: hidden;
            margin-bottom: 1.6rem; }
            @media screen and (max-width: 1023px) {
              main.area-lp section.service .container > ul > li figure {
                margin-bottom: 1.2rem; } }
            main.area-lp section.service .container > ul > li figure img {
              width: 100%; }
          main.area-lp section.service .container > ul > li .title {
            font-weight: 700;
            font-size: 1.8rem;
            line-height: 130%;
            text-align: center;
            letter-spacing: 0.04em;
            color: #000E68;
            margin-bottom: 1.6rem; }
            @media screen and (max-width: 1023px) {
              main.area-lp section.service .container > ul > li .title {
                font-size: 1.6rem; } }
          main.area-lp section.service .container > ul > li .description {
            font-weight: 500;
            font-size: 1.4rem;
            line-height: 180%;
            letter-spacing: 0.04em;
            color: #323232;
            margin-bottom: 1.6rem; }
          main.area-lp section.service .container > ul > li ul.tag {
            display: flex;
            flex-wrap: wrap;
            gap: .8rem; }
            main.area-lp section.service .container > ul > li ul.tag li {
              padding: .8rem;
              background: #FFFFFF;
              border: 1px solid #54B5FF;
              border-radius: .8rem;
              font-weight: 500;
              font-size: 1.3rem;
              line-height: 130%;
              letter-spacing: 0.04em;
              color: #54B5FF; }
              @media screen and (max-width: 1023px) {
                main.area-lp section.service .container > ul > li ul.tag li {
                  font-size: 1.4rem;
                  line-height: 100%; } }
      main.area-lp section.service .container section {
        margin-top: 8rem; }
        @media screen and (max-width: 1023px) {
          main.area-lp section.service .container section {
            margin-top: 4.8rem; } }
        main.area-lp section.service .container section h3 {
          font-weight: 700;
          font-size: 2rem;
          line-height: 100%;
          letter-spacing: 0.04em;
          color: #323232;
          padding-bottom: 1.6rem;
          border-bottom: 1px solid #323232;
          margin-bottom: 4rem; }
          @media screen and (max-width: 1023px) {
            main.area-lp section.service .container section h3 {
              font-size: 1.6rem;
              padding-bottom: .8rem;
              margin-bottom: 2.4rem; } }
        main.area-lp section.service .container section ul {
          display: flex;
          flex-wrap: wrap;
          gap: 2.4rem; }
          main.area-lp section.service .container section ul li {
            flex: 1;
            padding: 2.4rem 1.6rem;
            background: #FFFFFF;
            border: 1px solid #323232;
            box-shadow: 0.4rem 0.4rem 0.8rem rgba(0, 0, 0, 0.1);
            border-radius: 1.6rem; }
            @media screen and (max-width: 1023px) {
              main.area-lp section.service .container section ul li {
                flex: 0 0 100%;
                padding: 2rem 1.6rem; } }
            main.area-lp section.service .container section ul li p.title {
              font-weight: 700;
              font-size: 1.8rem;
              line-height: 130%;
              text-align: center;
              letter-spacing: 0.04em;
              color: #000E68;
              margin-bottom: 1.6rem; }
              @media screen and (max-width: 1023px) {
                main.area-lp section.service .container section ul li p.title {
                  font-size: 1.6rem;
                  margin-bottom: .8rem; } }
            main.area-lp section.service .container section ul li p.description {
              font-weight: 500;
              font-size: 1.4rem;
              line-height: 180%;
              letter-spacing: 0.04em;
              color: #323232; }
  main.area-lp section.staff {
    background-color: #ECF7FF;
    padding: 10rem 0; }
    @media screen and (max-width: 1023px) {
      main.area-lp section.staff {
        padding: 6.4rem 0; } }
    main.area-lp section.staff .container {
      width: calc(100% - 160px);
      max-width: 1120px;
      margin: 0 auto; }
      @media screen and (max-width: 1023px) {
        main.area-lp section.staff .container {
          width: calc(100% - 4rem); } }
      main.area-lp section.staff .container header {
        margin-bottom: 6.4rem; }
        @media screen and (max-width: 1023px) {
          main.area-lp section.staff .container header {
            margin-bottom: 4rem; } }
        main.area-lp section.staff .container header hgroup {
          margin-bottom: 24px; }
          @media screen and (max-width: 1023px) {
            main.area-lp section.staff .container header hgroup {
              margin-bottom: 1.6rem; } }
          main.area-lp section.staff .container header hgroup > p {
            display: flex;
            flex-direction: row;
            justify-content: center;
            align-items: center;
            width: fit-content;
            padding: .4rem 1rem;
            gap: 1rem;
            border-radius: .8rem;
            margin-bottom: 1.6rem;
            background-color: #fff; }
            @media screen and (max-width: 1023px) {
              main.area-lp section.staff .container header hgroup > p {
                margin-bottom: .8rem; } }
            main.area-lp section.staff .container header hgroup > p span {
              display: inline-block;
              font-family: "Inter", sans-serif;
              font-style: normal;
              font-weight: 600;
              font-size: 1.6rem;
              line-height: 100%;
              letter-spacing: 0.04em;
              background: linear-gradient(92.61deg, #5EE8AD 6.36%, #54B5FF 98.3%);
              -webkit-background-clip: text;
              -webkit-text-fill-color: transparent;
              background-clip: text;
              text-fill-color: transparent;
              width: fit-content; }
              @media screen and (max-width: 1023px) {
                main.area-lp section.staff .container header hgroup > p span {
                  font-size: 1.4rem; } }
          main.area-lp section.staff .container header hgroup h2 {
            font-weight: 700;
            font-size: 42px;
            line-height: 130%;
            color: #323232; }
            @media screen and (max-width: 1023px) {
              main.area-lp section.staff .container header hgroup h2 {
                font-size: 2.2rem;
                line-height: 140%; } }
          main.area-lp section.staff .container header hgroup > div {
            display: flex;
            align-items: center;
            gap: 3.2rem; }
            @media screen and (max-width: 1023px) {
              main.area-lp section.staff .container header hgroup > div {
                gap: 1.6rem;
                flex-direction: column; } }
            main.area-lp section.staff .container header hgroup > div p {
              font-weight: 500;
              font-size: 2rem;
              line-height: 100%;
              letter-spacing: 0.04em;
              color: #323232; }
              @media screen and (max-width: 1023px) {
                main.area-lp section.staff .container header hgroup > div p {
                  font-size: 1.6rem;
                  line-height: 160%; } }
        main.area-lp section.staff .container header .lead {
          font-weight: 500;
          font-size: 18px;
          line-height: 140%;
          letter-spacing: 0.04em;
          color: #54B5FF; }
          @media screen and (max-width: 1023px) {
            main.area-lp section.staff .container header .lead {
              font-size: 1.4rem;
              line-height: 160%; } }
      main.area-lp section.staff .container ul {
        display: flex;
        flex-wrap: wrap;
        gap: 4rem 2.4rem; }
        @media screen and (max-width: 1023px) {
          main.area-lp section.staff .container ul {
            gap: 2.4rem; } }
        main.area-lp section.staff .container ul li {
          flex: 0 0 calc((100% - 2.4rem * 2) / 3);
          filter: drop-shadow(0.4rem 0.4rem 0.8rem rgba(0, 0, 0, 0.1)); }
          @media screen and (max-width: 1023px) {
            main.area-lp section.staff .container ul li {
              flex: 0 0 100%; } }
          main.area-lp section.staff .container ul li > div {
            height: 100%;
            overflow: hidden;
            background-color: #fff;
            border-radius: 1.6rem; }
            main.area-lp section.staff .container ul li > div figure img {
              width: 100%; }
            main.area-lp section.staff .container ul li > div .content {
              padding: 2.4rem; }
              @media screen and (max-width: 1023px) {
                main.area-lp section.staff .container ul li > div .content {
                  padding: 2.4rem 1.6rem; } }
              main.area-lp section.staff .container ul li > div .content .name {
                margin-bottom: 2.4rem;
                display: flex;
                gap: .8rem;
                align-items: center; }
                @media screen and (max-width: 1023px) {
                  main.area-lp section.staff .container ul li > div .content .name {
                    margin-bottom: 1.6rem; } }
                main.area-lp section.staff .container ul li > div .content .name p:nth-child(1) {
                  font-weight: 700;
                  font-size: 2rem;
                  line-height: 100%;
                  letter-spacing: 0.04em;
                  color: #323232; }
                  @media screen and (max-width: 1023px) {
                    main.area-lp section.staff .container ul li > div .content .name p:nth-child(1) {
                      font-sizse: 1.6rem; } }
                main.area-lp section.staff .container ul li > div .content .name p:nth-child(2) {
                  font-weight: 400;
                  font-size: 1.3rem;
                  line-height: 100%;
                  color: #323232; }
              main.area-lp section.staff .container ul li > div .content dl dt {
                float: left;
                font-weight: 500;
                font-size: 1.4rem;
                line-height: 140%;
                letter-spacing: 0.04em;
                color: #54B5FF; }
              main.area-lp section.staff .container ul li > div .content dl dd {
                font-weight: 500;
                font-size: 1.4rem;
                line-height: 140%;
                letter-spacing: 0.04em;
                color: #323232;
                padding-bottom: 1.2rem; }
              main.area-lp section.staff .container ul li > div .content .profile {
                font-weight: 400;
                font-size: 1.4rem;
                line-height: 140%;
                letter-spacing: 0.04em;
                color: #707070; }
  main.area-lp section.voice {
    background-color: #E7FFF4;
    padding: 10rem 0; }
    @media screen and (max-width: 1023px) {
      main.area-lp section.voice {
        padding: 6.4rem 0 5.5rem; } }
    main.area-lp section.voice .container {
      width: calc(100% - 160px);
      max-width: 1120px;
      margin: 0 auto; }
      @media screen and (max-width: 1023px) {
        main.area-lp section.voice .container {
          width: calc(100% - 4rem); } }
      main.area-lp section.voice .container header {
        margin-bottom: 6.4rem; }
        @media screen and (max-width: 1023px) {
          main.area-lp section.voice .container header {
            margin-bottom: 4rem;
            margin-bottom: 2.4rem; } }
        main.area-lp section.voice .container header hgroup {
          margin-bottom: 24px; }
          @media screen and (max-width: 1023px) {
            main.area-lp section.voice .container header hgroup {
              margin-bottom: 1.6rem; } }
          main.area-lp section.voice .container header hgroup > p {
            display: flex;
            flex-direction: row;
            justify-content: center;
            align-items: center;
            width: fit-content;
            padding: .4rem 1rem;
            gap: 1rem;
            border-radius: .8rem;
            margin-bottom: 1.6rem;
            background-color: #fff; }
            @media screen and (max-width: 1023px) {
              main.area-lp section.voice .container header hgroup > p {
                margin-bottom: .8rem; } }
            main.area-lp section.voice .container header hgroup > p span {
              display: inline-block;
              font-family: "Inter", sans-serif;
              font-style: normal;
              font-weight: 600;
              font-size: 1.6rem;
              line-height: 100%;
              letter-spacing: 0.04em;
              background: linear-gradient(92.61deg, #5EE8AD 6.36%, #54B5FF 98.3%);
              -webkit-background-clip: text;
              -webkit-text-fill-color: transparent;
              background-clip: text;
              text-fill-color: transparent;
              width: fit-content; }
              @media screen and (max-width: 1023px) {
                main.area-lp section.voice .container header hgroup > p span {
                  font-size: 1.4rem; } }
          main.area-lp section.voice .container header hgroup h2 {
            font-weight: 700;
            font-size: 42px;
            line-height: 130%;
            color: #323232; }
            @media screen and (max-width: 1023px) {
              main.area-lp section.voice .container header hgroup h2 {
                font-size: 2.2rem;
                line-height: 140%; } }
          main.area-lp section.voice .container header hgroup > div {
            display: flex;
            align-items: center;
            gap: 3.2rem; }
            @media screen and (max-width: 1023px) {
              main.area-lp section.voice .container header hgroup > div {
                gap: 1.6rem;
                flex-direction: column; } }
            main.area-lp section.voice .container header hgroup > div p {
              font-weight: 500;
              font-size: 2rem;
              line-height: 100%;
              letter-spacing: 0.04em;
              color: #323232; }
              @media screen and (max-width: 1023px) {
                main.area-lp section.voice .container header hgroup > div p {
                  font-size: 1.6rem;
                  line-height: 160%; } }
        main.area-lp section.voice .container header .lead {
          font-weight: 500;
          font-size: 18px;
          line-height: 140%;
          letter-spacing: 0.04em;
          color: #54B5FF; }
          @media screen and (max-width: 1023px) {
            main.area-lp section.voice .container header .lead {
              font-size: 1.4rem;
              line-height: 160%; } }
      main.area-lp section.voice .container ul {
        display: flex;
        flex-wrap: wrap;
        gap: 2.4rem; }
        @media screen and (max-width: 1023px) {
          main.area-lp section.voice .container ul {
            gap: 0; } }
        main.area-lp section.voice .container ul li {
          flex: 0 0 calc((100% - 2.4rem) / 2);
          padding-top: 7.7rem;
          padding-bottom: 2.6rem; }
          @media screen and (max-width: 1023px) {
            main.area-lp section.voice .container ul li {
              flex: 0 0 100%;
              padding-top: 2.4rem;
              padding-bottom: 2.6rem; } }
          main.area-lp section.voice .container ul li .fukidashi {
            position: relative;
            background-color: #fff;
            padding: 2.4rem 3.2rem;
            border-radius: 1.6rem;
            filter: drop-shadow(0.4rem 0.4rem 0.8rem rgba(0, 0, 0, 0.1));
            height: 100%; }
            @media screen and (max-width: 1023px) {
              main.area-lp section.voice .container ul li .fukidashi {
                padding: 2rem; } }
            main.area-lp section.voice .container ul li .fukidashi figure {
              width: 12.7rem;
              height: 12.7rem;
              border-radius: 50%;
              position: absolute;
              top: -5.2rem;
              right: 3.4rem;
              border: .2rem solid #000E68; }
              @media screen and (max-width: 1023px) {
                main.area-lp section.voice .container ul li .fukidashi figure {
                  top: -2.4rem;
                  right: 2rem;
                  width: 11.2rem;
                  height: 11.2rem; } }
            main.area-lp section.voice .container ul li .fukidashi .profile {
              font-weight: 500;
              font-size: 1.8rem;
              line-height: 140%;
              letter-spacing: 0.04em;
              color: #000E68;
              margin-bottom: .8rem; }
              @media screen and (max-width: 1023px) {
                main.area-lp section.voice .container ul li .fukidashi .profile {
                  font-size: 1.6rem;
                  line-height: 160%; } }
            main.area-lp section.voice .container ul li .fukidashi .course {
              padding: .8rem;
              background: #000E68;
              border-radius: .8rem;
              font-weight: 500;
              font-size: 1.6rem;
              line-height: 100%;
              letter-spacing: 0.04em;
              color: #FFFFFF;
              width: fit-content;
              margin-bottom: .8rem; }
              @media screen and (max-width: 1023px) {
                main.area-lp section.voice .container ul li .fukidashi .course {
                  font-size: 1.4rem;
                  margin-bottom: 1.6rem; } }
            main.area-lp section.voice .container ul li .fukidashi .message {
              font-weight: 500;
              font-size: 1.5rem;
              line-height: 200%;
              letter-spacing: 0.04em;
              color: #323232; }
              @media screen and (max-width: 1023px) {
                main.area-lp section.voice .container ul li .fukidashi .message {
                  font-size: 1.4rem;
                  line-height: 180%; } }
            main.area-lp section.voice .container ul li .fukidashi:after {
              content: "";
              background-image: url("../images/common/voice_fukidashi.png");
              background-size: 100% 100%;
              display: block;
              width: 3.1rem;
              height: 2.6rem;
              position: absolute;
              bottom: -2.6rem;
              left: calc(50% - 1.5rem); }
      main.area-lp section.voice .container div.more {
        display: none; }
      main.area-lp section.voice .container p.more {
        display: flex;
        justify-content: center;
        margin-top: 4rem; }
        main.area-lp section.voice .container p.more button.active {
          display: none; }
        main.area-lp section.voice .container p.more button > span {
          position: relative;
          display: flex;
          gap: 1rem;
          align-items: flex-start; }
          main.area-lp section.voice .container p.more button > span:before {
            content: "";
            display: block;
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 1px;
            background-color: #000E68;
            transform: scale(0, 1);
            transform-origin: 0 0;
            transition: all ease .3s; }
          main.area-lp section.voice .container p.more button > span .text {
            font-weight: 500;
            font-size: 1.8rem;
            line-height: 2.6rem;
            color: #000E68;
            padding-bottom: .4rem; }
            @media screen and (max-width: 1023px) {
              main.area-lp section.voice .container p.more button > span .text {
                font-size: 1.5rem;
                line-height: 2rem;
                padding-bottom: .8rem; } }
          main.area-lp section.voice .container p.more button > span .arrow {
            position: relative;
            display: block;
            width: 2.6rem;
            height: 2.6rem;
            border-radius: 50%;
            background-color: #000E68;
            transition: all ease .3s; }
            @media screen and (max-width: 1023px) {
              main.area-lp section.voice .container p.more button > span .arrow {
                width: 2rem;
                height: 2rem; } }
            main.area-lp section.voice .container p.more button > span .arrow:before, main.area-lp section.voice .container p.more button > span .arrow:after {
              content: "";
              display: block;
              width: 1.2rem;
              height: 1px;
              background-color: #fff;
              position: absolute;
              top: 50%;
              left: .7rem; }
              @media screen and (max-width: 1023px) {
                main.area-lp section.voice .container p.more button > span .arrow:before, main.area-lp section.voice .container p.more button > span .arrow:after {
                  width: 1rem;
                  left: .5rem; } }
            main.area-lp section.voice .container p.more button > span .arrow:after {
              transform: rotate(90deg); }
        @media screen and (min-width: 1024px) {
          main.area-lp section.voice .container p.more button:hover > span:before {
            transform: scale(1, 1); }
          main.area-lp section.voice .container p.more button:hover > span .arrow {
            transform: rotate(-180deg); } }
        @media screen and (max-width: 1023px) {
          main.area-lp section.voice .container p.more button > span:before {
            transform: scale(1, 1); } }
  main.area-lp section.access {
    background-color: #ECF7FF;
    padding: 10rem 0; }
    @media screen and (max-width: 1023px) {
      main.area-lp section.access {
        padding: 6.4rem 0; } }
    main.area-lp section.access .container {
      width: calc(100% - 160px);
      max-width: 1120px;
      margin: 0 auto; }
      @media screen and (max-width: 1023px) {
        main.area-lp section.access .container {
          width: calc(100% - 4rem); } }
      main.area-lp section.access .container header {
        margin-bottom: 6.4rem; }
        @media screen and (max-width: 1023px) {
          main.area-lp section.access .container header {
            margin-bottom: 4rem; } }
        main.area-lp section.access .container header hgroup {
          margin-bottom: 24px; }
          @media screen and (max-width: 1023px) {
            main.area-lp section.access .container header hgroup {
              margin-bottom: 1.6rem; } }
          main.area-lp section.access .container header hgroup > p {
            display: flex;
            flex-direction: row;
            justify-content: center;
            align-items: center;
            width: fit-content;
            padding: .4rem 1rem;
            gap: 1rem;
            border-radius: .8rem;
            margin-bottom: 1.6rem;
            background-color: #fff; }
            @media screen and (max-width: 1023px) {
              main.area-lp section.access .container header hgroup > p {
                margin-bottom: .8rem; } }
            main.area-lp section.access .container header hgroup > p span {
              display: inline-block;
              font-family: "Inter", sans-serif;
              font-style: normal;
              font-weight: 600;
              font-size: 1.6rem;
              line-height: 100%;
              letter-spacing: 0.04em;
              background: linear-gradient(92.61deg, #5EE8AD 6.36%, #54B5FF 98.3%);
              -webkit-background-clip: text;
              -webkit-text-fill-color: transparent;
              background-clip: text;
              text-fill-color: transparent;
              width: fit-content; }
              @media screen and (max-width: 1023px) {
                main.area-lp section.access .container header hgroup > p span {
                  font-size: 1.4rem; } }
          main.area-lp section.access .container header hgroup h2 {
            font-weight: 700;
            font-size: 42px;
            line-height: 130%;
            color: #323232; }
            @media screen and (max-width: 1023px) {
              main.area-lp section.access .container header hgroup h2 {
                font-size: 2.2rem;
                line-height: 140%; } }
          main.area-lp section.access .container header hgroup > div {
            display: flex;
            align-items: center;
            gap: 3.2rem; }
            @media screen and (max-width: 1023px) {
              main.area-lp section.access .container header hgroup > div {
                gap: 1.6rem;
                flex-direction: column; } }
            main.area-lp section.access .container header hgroup > div p {
              font-weight: 500;
              font-size: 2rem;
              line-height: 100%;
              letter-spacing: 0.04em;
              color: #323232; }
              @media screen and (max-width: 1023px) {
                main.area-lp section.access .container header hgroup > div p {
                  font-size: 1.6rem;
                  line-height: 160%; } }
        main.area-lp section.access .container header .lead {
          font-weight: 500;
          font-size: 18px;
          line-height: 140%;
          letter-spacing: 0.04em;
          color: #54B5FF; }
          @media screen and (max-width: 1023px) {
            main.area-lp section.access .container header .lead {
              font-size: 1.4rem;
              line-height: 160%; } }
      main.area-lp section.access .container .body {
        display: flex;
        gap: 2.4rem; }
        @media screen and (max-width: 1023px) {
          main.area-lp section.access .container .body {
            flex-direction: column;
            gap: 4rem; } }
        main.area-lp section.access .container .body .content {
          flex: 0 1 64.3rem; }
          @media screen and (max-width: 1023px) {
            main.area-lp section.access .container .body .content {
              flex: initial; } }
          main.area-lp section.access .container .body .content > dl > dt {
            position: relative;
            font-weight: 700;
            font-size: 1.6rem;
            line-height: 140%;
            letter-spacing: 0.04em;
            color: #000E68;
            padding-left: 1.8rem;
            margin-bottom: .8rem;
            margin-top: 2.4rem; }
            @media screen and (max-width: 1023px) {
              main.area-lp section.access .container .body .content > dl > dt {
                font-size: 1.5rem; } }
            main.area-lp section.access .container .body .content > dl > dt:first-child {
              margin-top: 0; }
            main.area-lp section.access .container .body .content > dl > dt:before {
              content: "";
              display: block;
              width: 1rem;
              height: 1rem;
              border-radius: 50%;
              background-color: #000E68;
              position: absolute;
              top: .6rem;
              left: 0; }
          main.area-lp section.access .container .body .content > dl > dd {
            font-weight: 500;
            font-size: 1.4rem;
            line-height: 160%;
            letter-spacing: 0.04em;
            color: #323232; }
            main.area-lp section.access .container .body .content > dl > dd div.more {
              display: none; }
              main.area-lp section.access .container .body .content > dl > dd div.more:after {
                content: "";
                display: block;
                height: 1.6rem; }
              main.area-lp section.access .container .body .content > dl > dd div.more dl {
                font-weight: 500;
                font-size: 1.4rem;
                line-height: 160%;
                letter-spacing: 0.04em;
                margin: .8rem 0; }
                main.area-lp section.access .container .body .content > dl > dd div.more dl dt {
                  color: #54B5FF; }
                main.area-lp section.access .container .body .content > dl > dd div.more dl dd {
                  color: #323232; }
              main.area-lp section.access .container .body .content > dl > dd div.more p {
                font-weight: 500;
                font-size: 1.4rem;
                line-height: 160%;
                letter-spacing: 0.04em;
                color: #323232; }
                main.area-lp section.access .container .body .content > dl > dd div.more p a {
                  text-decoration-line: underline; }
            main.area-lp section.access .container .body .content > dl > dd p.more {
              display: flex;
              margin-top: .8rem; }
              main.area-lp section.access .container .body .content > dl > dd p.more button {
                position: relative;
                display: flex;
                align-items: center;
                padding-right: 2rem !important;
                padding-bottom: .2rem !important; }
                main.area-lp section.access .container .body .content > dl > dd p.more button:before {
                  content: "";
                  position: absolute;
                  bottom: 0;
                  left: 0;
                  width: 100%;
                  height: 1px;
                  background-color: #54B5FF;
                  transition: all ease .3s;
                  transform: scale(0, 1);
                  transform-origin: 0 0; }
                  @media screen and (max-width: 1023px) {
                    main.area-lp section.access .container .body .content > dl > dd p.more button:before {
                      transform: scale(1, 1); } }
                main.area-lp section.access .container .body .content > dl > dd p.more button .text {
                  font-weight: 500;
                  font-size: 1.4rem;
                  line-height: 160%;
                  letter-spacing: 0.04em;
                  color: #54B5FF; }
                main.area-lp section.access .container .body .content > dl > dd p.more button .toggle:before, main.area-lp section.access .container .body .content > dl > dd p.more button .toggle:after {
                  content: "";
                  display: block;
                  height: 1px;
                  width: 1.2rem;
                  position: absolute;
                  top: 1rem;
                  right: 0;
                  background-color: #54B5FF; }
                main.area-lp section.access .container .body .content > dl > dd p.more button .toggle:after {
                  transform: rotate(90deg); }
                main.area-lp section.access .container .body .content > dl > dd p.more button.active:before {
                  transform: scale(1, 1); }
                @media screen and (min-width: 1024px) {
                  main.area-lp section.access .container .body .content > dl > dd p.more button:hover:before {
                    transform: scale(1, 1); } }
                main.area-lp section.access .container .body .content > dl > dd p.more button.active .toggle:after {
                  transform: rotate(0deg); }
        main.area-lp section.access .container .body figure {
          flex: 0 1 45.3rem; }
          @media screen and (max-width: 1023px) {
            main.area-lp section.access .container .body figure {
              flex: initial; } }
          main.area-lp section.access .container .body figure div {
            width: 100%;
            aspect-ratio: 453 / 304; }
            main.area-lp section.access .container .body figure div iframe {
              width: 100%;
              height: 100%; }
  main.area-lp section.faq {
    background-color: #fff;
    padding: 100px 0; }
    @media screen and (max-width: 1023px) {
      main.area-lp section.faq {
        padding: 4.8rem 0 6.4rem; } }
    main.area-lp section.faq .container {
      width: calc(100% - 160px);
      max-width: 1120px;
      margin: 0 auto; }
      @media screen and (max-width: 1023px) {
        main.area-lp section.faq .container {
          width: calc(100% - 4rem); } }
      main.area-lp section.faq .container header {
        margin-bottom: 6.4rem; }
        @media screen and (max-width: 1023px) {
          main.area-lp section.faq .container header {
            margin-bottom: 4rem; } }
        main.area-lp section.faq .container header hgroup {
          margin-bottom: 24px; }
          @media screen and (max-width: 1023px) {
            main.area-lp section.faq .container header hgroup {
              margin-bottom: 1.6rem; } }
          main.area-lp section.faq .container header hgroup > p {
            display: flex;
            flex-direction: row;
            justify-content: center;
            align-items: center;
            width: fit-content;
            padding: .4rem 1rem;
            gap: 1rem;
            border-radius: .8rem;
            margin-bottom: 1.6rem;
            background: linear-gradient(92.61deg, #5EE8AD 6.36%, #54B5FF 98.3%); }
            @media screen and (max-width: 1023px) {
              main.area-lp section.faq .container header hgroup > p {
                margin-bottom: .8rem; } }
            main.area-lp section.faq .container header hgroup > p span {
              display: inline-block;
              font-family: "Inter", sans-serif;
              font-style: normal;
              font-weight: 600;
              font-size: 1.6rem;
              line-height: 100%;
              letter-spacing: 0.04em;
              color: #FFFFFF; }
              @media screen and (max-width: 1023px) {
                main.area-lp section.faq .container header hgroup > p span {
                  font-size: 1.4rem; } }
          main.area-lp section.faq .container header hgroup h2 {
            font-weight: 700;
            font-size: 42px;
            line-height: 130%;
            color: #323232; }
            @media screen and (max-width: 1023px) {
              main.area-lp section.faq .container header hgroup h2 {
                font-size: 2.2rem;
                line-height: 140%; } }
          main.area-lp section.faq .container header hgroup > div {
            display: flex;
            align-items: center;
            gap: 3.2rem; }
            @media screen and (max-width: 1023px) {
              main.area-lp section.faq .container header hgroup > div {
                gap: 1.6rem;
                flex-direction: column; } }
            main.area-lp section.faq .container header hgroup > div p {
              font-weight: 500;
              font-size: 2rem;
              line-height: 100%;
              letter-spacing: 0.04em;
              color: #323232; }
              @media screen and (max-width: 1023px) {
                main.area-lp section.faq .container header hgroup > div p {
                  font-size: 1.6rem;
                  line-height: 160%; } }
        main.area-lp section.faq .container header .lead {
          font-weight: 500;
          font-size: 18px;
          line-height: 140%;
          letter-spacing: 0.04em;
          color: #54B5FF; }
          @media screen and (max-width: 1023px) {
            main.area-lp section.faq .container header .lead {
              font-size: 1.4rem;
              line-height: 160%; } }
      main.area-lp section.faq .container dl > div {
        border: 1px solid #F4F4F4;
        background: #F4F4F4;
        border-radius: 8px;
        margin-top: 20px;
        transition: all ease .3s; }
        @media screen and (min-width: 1024px) {
          main.area-lp section.faq .container dl > div:hover {
            background: rgba(244, 244, 244, 0.3);
            border: 1px solid #D6D6D6; }
            main.area-lp section.faq .container dl > div:hover dt .toggle {
              transform: rotate(-180deg); } }
        main.area-lp section.faq .container dl > div.active {
          background: rgba(244, 244, 244, 0.3);
          border: 1px solid #D6D6D6; }
          main.area-lp section.faq .container dl > div.active dt .toggle {
            transform: rotate(-180deg); }
        main.area-lp section.faq .container dl > div.active dt .toggle:after {
          opacity: 0; }
        main.area-lp section.faq .container dl > div dt {
          position: relative;
          font-weight: 500;
          font-size: 1.8rem;
          line-height: 140%;
          letter-spacing: 0.04em;
          color: #000E68;
          padding: 2.4rem;
          padding-left: 5.4rem;
          padding-right: 5.4rem; }
          @media screen and (max-width: 1023px) {
            main.area-lp section.faq .container dl > div dt {
              font-size: 1.5rem;
              padding: 1.6rem;
              padding-left: 3.8rem;
              padding-right: 7.2rem; } }
          main.area-lp section.faq .container dl > div dt .marker {
            position: absolute;
            top: 2.7rem;
            left: 2.4rem;
            content: "Q";
            font-weight: 500;
            font-size: 1.8rem;
            line-height: 100%;
            display: flex;
            align-items: center;
            letter-spacing: 0.04em;
            background: linear-gradient(92.61deg, #5EE8AD 6.36%, #54B5FF 98.3%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
            text-fill-color: transparent; }
            @media screen and (max-width: 1023px) {
              main.area-lp section.faq .container dl > div dt .marker {
                top: 50%;
                left: 1.6rem;
                transform: translateY(-50%);
                font-sizse: 1.5rem; } }
          main.area-lp section.faq .container dl > div dt .toggle {
            position: absolute;
            top: 2.4rem;
            right: 2.4rem;
            display: block;
            width: 2.6rem;
            height: 2.6rem;
            border-radius: 50%;
            background-color: #000E68;
            transition: all ease .3s; }
            @media screen and (max-width: 1023px) {
              main.area-lp section.faq .container dl > div dt .toggle {
                right: 1.6rem;
                top: calc(50% - 1.3rem); } }
            main.area-lp section.faq .container dl > div dt .toggle:before, main.area-lp section.faq .container dl > div dt .toggle:after {
              content: "";
              display: block;
              width: 1.2rem;
              height: 1px;
              background-color: #fff;
              position: absolute;
              top: 50%;
              left: .7rem; }
            main.area-lp section.faq .container dl > div dt .toggle:after {
              transform: rotate(90deg); }
        main.area-lp section.faq .container dl > div dd {
          display: none; }
          main.area-lp section.faq .container dl > div dd > div {
            position: relative;
            font-weight: 500;
            font-size: 1.6rem;
            line-height: 200%;
            letter-spacing: 0.04em;
            color: #323232;
            padding: 0 2.4rem 2.4rem;
            padding-left: 54px; }
            @media screen and (max-width: 1023px) {
              main.area-lp section.faq .container dl > div dd > div {
                font-size: 1.4rem;
                line-height: 180%;
                padding: 0 1.6rem 1.6rem 3.6rem; } }
            main.area-lp section.faq .container dl > div dd > div:before {
              content: "";
              display: block;
              height: 16px; }
            main.area-lp section.faq .container dl > div dd > div:after {
              content: "";
              display: block;
              position: absolute;
              top: 0px;
              left: 24px;
              right: 24px;
              height: 1px;
              background-color: #D6D6D6; }
              @media screen and (max-width: 1023px) {
                main.area-lp section.faq .container dl > div dd > div:after {
                  left: 1.6rem;
                  right: 1.6rem; } }
            main.area-lp section.faq .container dl > div dd > div .marker {
              position: absolute;
              top: 2.4rem;
              left: 2.4rem;
              content: "A";
              font-weight: 500;
              font-size: 1.8rem;
              line-height: 100%;
              display: flex;
              align-items: center;
              letter-spacing: 0.04em;
              background: linear-gradient(92.61deg, #5EE8AD 6.36%, #54B5FF 98.3%);
              -webkit-background-clip: text;
              -webkit-text-fill-color: transparent;
              background-clip: text;
              text-fill-color: transparent; }
              @media screen and (max-width: 1023px) {
                main.area-lp section.faq .container dl > div dd > div .marker {
                  top: 50%;
                  left: 1.6rem;
                  transform: translateY(-50%);
                  font-size: 1.5rem; } }
  main.area-lp footer {
    background-color: #fff; }
    main.area-lp footer .wrapper {
      background-color: #000E68;
      padding: 10rem 0;
      border-radius: 2.4rem; }
      @media screen and (max-width: 1023px) {
        main.area-lp footer .wrapper {
          padding: 4.8rem 0 4rem; } }
      main.area-lp footer .wrapper .container {
        width: calc(100% - 160px);
        max-width: 1120px;
        margin: 0 auto; }
        @media screen and (max-width: 1023px) {
          main.area-lp footer .wrapper .container {
            width: calc(100% - 4rem); } }
        main.area-lp footer .wrapper .container section h2 {
          font-weight: 700;
          font-size: 4.8rem;
          line-height: 100%;
          text-align: center;
          letter-spacing: 0.04em;
          background: linear-gradient(93.13deg, #5EE8AD 2.3%, #54B5FF 97.46%);
          -webkit-background-clip: text;
          -webkit-text-fill-color: transparent;
          background-clip: text;
          text-fill-color: transparent;
          width: fit-content;
          margin: 0 auto;
          margin-bottom: 6.4rem; }
          @media screen and (max-width: 1023px) {
            main.area-lp footer .wrapper .container section h2 {
              font-size: 2rem;
              margin-bottom: 2.4rem; } }
        main.area-lp footer .wrapper .container section .lead {
          font-weight: 700;
          font-size: 1.8rem;
          line-height: 100%;
          text-align: center;
          letter-spacing: 0.04em;
          color: #FFFFFF;
          margin-top: -4rem;
          margin-bottom: 6.4rem; }
          @media screen and (max-width: 1023px) {
            main.area-lp footer .wrapper .container section .lead {
              font-size: 1.5rem;
              line-height: 140%;
              margin-top: -.8rem;
              margin-bottom: 2.4rem; } }
          main.area-lp footer .wrapper .container section .lead br {
            display: none; }
            @media screen and (max-width: 1023px) {
              main.area-lp footer .wrapper .container section .lead br {
                display: inline; } }
        main.area-lp footer .wrapper .container section.cta {
          margin-bottom: 8rem; }
          @media screen and (max-width: 1023px) {
            main.area-lp footer .wrapper .container section.cta {
              margin-bottom: 4.8rem; } }
          main.area-lp footer .wrapper .container section.cta ul.event {
            display: flex;
            flex-wrap: wrap;
            gap: 2.4rem; }
            @media screen and (max-width: 1023px) {
              main.area-lp footer .wrapper .container section.cta ul.event {
                gap: 2.4rem; } }
            main.area-lp footer .wrapper .container section.cta ul.event > li {
              flex: 1; }
              @media screen and (max-width: 1023px) {
                main.area-lp footer .wrapper .container section.cta ul.event > li {
                  flex: 0 0 100%; } }
              main.area-lp footer .wrapper .container section.cta ul.event > li > section {
                position: relative;
                border-radius: 1.6rem;
                background-color: #fff;
                height: 100%;
                padding: 3.2rem 2.4rem 11rem; }
                @media screen and (max-width: 1023px) {
                  main.area-lp footer .wrapper .container section.cta ul.event > li > section {
                    padding: 3.2rem 2.4rem; } }
                main.area-lp footer .wrapper .container section.cta ul.event > li > section hgroup p {
                  display: block;
                  padding: .8rem 1.6rem;
                  background: #54B5FF;
                  border-radius: .8rem;
                  width: fit-content;
                  font-family: "Inter", sans-serif;
                  font-style: normal;
                  font-weight: 600;
                  font-size: 1.5rem;
                  line-height: 100%;
                  letter-spacing: 0.04em;
                  color: #FFFFFF;
                  margin-bottom: 1.6rem; }
                  @media screen and (max-width: 1023px) {
                    main.area-lp footer .wrapper .container section.cta ul.event > li > section hgroup p {
                      font-size: 1.4rem; } }
                main.area-lp footer .wrapper .container section.cta ul.event > li > section hgroup h3 {
                  font-weight: 700;
                  font-size: 2.8rem;
                  line-height: 130%;
                  letter-spacing: 0.04em;
                  color: #000E68;
                  margin-bottom: 2.4rem; }
                  @media screen and (max-width: 1023px) {
                    main.area-lp footer .wrapper .container section.cta ul.event > li > section hgroup h3 {
                      font-size: 2rem;
                      margin-bottom: 2rem; } }
                main.area-lp footer .wrapper .container section.cta ul.event > li > section section {
                  padding: 2.4rem 2rem;
                  background: #FFFFFF;
                  border: 1px solid #D6D6D6;
                  border-radius: .8rem; }
                  @media screen and (max-width: 1023px) {
                    main.area-lp footer .wrapper .container section.cta ul.event > li > section section {
                      padding: 1.6rem; } }
                  main.area-lp footer .wrapper .container section.cta ul.event > li > section section h4 {
                    font-weight: 700;
                    font-size: 1.6rem;
                    line-height: 100%;
                    letter-spacing: 0.04em;
                    color: #54B5FF;
                    margin-bottom: 1.6rem; }
                    @media screen and (max-width: 1023px) {
                      main.area-lp footer .wrapper .container section.cta ul.event > li > section section h4 {
                        font-size: 1.5rem; } }
                  main.area-lp footer .wrapper .container section.cta ul.event > li > section section ul {
                    display: flex;
                    flex-direction: column;
                    gap: 1.6rem; }
                    @media screen and (max-width: 1023px) {
                      main.area-lp footer .wrapper .container section.cta ul.event > li > section section ul {
                        gap: 1.2rem; } }
                    main.area-lp footer .wrapper .container section.cta ul.event > li > section section ul li {
                      font-weight: 500;
                      font-size: 15px;
                      line-height: 140%;
                      letter-spacing: 0.04em;
                      color: #000E68;
                      list-style-type: disc;
                      list-style-position: outside;
                      margin-left: 1em; }
                      @media screen and (max-width: 1023px) {
                        main.area-lp footer .wrapper .container section.cta ul.event > li > section section ul li {
                          font-size: 1.4rem;
                          line-height: 140%; } }
                  main.area-lp footer .wrapper .container section.cta ul.event > li > section section p {
                    font-size: 15px;
                    line-height: 140%;
                    letter-spacing: 0.04em;
                    color: #000E68;
                    margin-top: 1.6rem; }
                    @media screen and (max-width: 1023px) {
                      main.area-lp footer .wrapper .container section.cta ul.event > li > section section p {
                        font-size: 1.4rem;
                        line-height: 140%;
                        margin-top: 1.2rem; } }
                  main.area-lp footer .wrapper .container section.cta ul.event > li > section section.example .content {
                    display: flex;
                    gap: 40px; }
                    @media screen and (max-width: 1023px) {
                      main.area-lp footer .wrapper .container section.cta ul.event > li > section section.example .content {
                        flex-direction: column;
                        gap: 1.2rem; } }
                main.area-lp footer .wrapper .container section.cta ul.event > li > section .box {
                  padding: 2.4rem 2rem;
                  background: #F4F4F4;
                  border-radius: .8rem;
                  margin-top: 1.6rem; }
                  @media screen and (max-width: 1023px) {
                    main.area-lp footer .wrapper .container section.cta ul.event > li > section .box {
                      margin-top: 2rem; } }
                  main.area-lp footer .wrapper .container section.cta ul.event > li > section .box ul {
                    display: flex;
                    flex-direction: column;
                    gap: 1.6rem; }
                    main.area-lp footer .wrapper .container section.cta ul.event > li > section .box ul li {
                      font-weight: 500;
                      font-size: 1.5rem;
                      line-height: 160%;
                      letter-spacing: 0.04em;
                      color: #323232;
                      list-style-type: disc;
                      list-style-position: outside;
                      margin-left: 1em; }
                      @media screen and (max-width: 1023px) {
                        main.area-lp footer .wrapper .container section.cta ul.event > li > section .box ul li {
                          font-size: 1.4rem; } }
                main.area-lp footer .wrapper .container section.cta ul.event > li > section .action {
                  position: absolute;
                  bottom: 3.2rem;
                  left: 2.4rem;
                  right: 2.4rem;
                  display: flex;
                  justify-content: center; }
                  @media screen and (max-width: 1023px) {
                    main.area-lp footer .wrapper .container section.cta ul.event > li > section .action {
                      position: relative;
                      bottom: auto;
                      left: auto;
                      right: auto;
                      margin-top: 2rem; } }
                main.area-lp footer .wrapper .container section.cta ul.event > li > section.guidance .action a {
                  display: block;
                  padding: 1px;
                  border-radius: 9999px;
                  overflow: hidden;
                  background-color: #000E68; }
                  @media screen and (max-width: 1023px) {
                    main.area-lp footer .wrapper .container section.cta ul.event > li > section.guidance .action a {
                      width: 100%; } }
                  main.area-lp footer .wrapper .container section.cta ul.event > li > section.guidance .action a > span {
                    display: flex;
                    padding: 1.4rem 2.8rem 1.4rem 3.2rem;
                    gap: 1rem;
                    justify-content: center;
                    align-items: center;
                    transition: all ease .3s;
                    border-radius: 9999px;
                    background-color: #fff; }
                    @media screen and (max-width: 1023px) {
                      main.area-lp footer .wrapper .container section.cta ul.event > li > section.guidance .action a > span {
                        gap: 1.6rem; } }
                    main.area-lp footer .wrapper .container section.cta ul.event > li > section.guidance .action a > span span.text {
                      position: relative;
                      display: block;
                      font-style: normal;
                      font-weight: 700;
                      font-size: 1.6rem;
                      line-height: 100%;
                      transition: all ease .3s;
                      color: #000E68; }
                      @media screen and (max-width: 1023px) {
                        main.area-lp footer .wrapper .container section.cta ul.event > li > section.guidance .action a > span span.text {
                          font-size: 1.5rem; } }
                    main.area-lp footer .wrapper .container section.cta ul.event > li > section.guidance .action a > span .arrow {
                      position: relative;
                      display: block;
                      width: 2.6rem;
                      height: 2.6rem;
                      border-radius: 50%;
                      overflow: hidden;
                      transition: all ease .3s;
                      background-color: #000E68; }
                      main.area-lp footer .wrapper .container section.cta ul.event > li > section.guidance .action a > span .arrow > span {
                        position: absolute;
                        top: 0;
                        left: 0;
                        width: 100%;
                        height: 100%; }
                        main.area-lp footer .wrapper .container section.cta ul.event > li > section.guidance .action a > span .arrow > span:before, main.area-lp footer .wrapper .container section.cta ul.event > li > section.guidance .action a > span .arrow > span:after {
                          content: "";
                          display: block;
                          position: absolute;
                          top: 0;
                          left: 0;
                          width: 100%;
                          height: 100%;
                          -webkit-mask-image: url("../images/common/arrow_right.svg");
                          -webkit-mask-position: 50% 50%;
                          -webkit-mask-size: 1rem 1rem;
                          -webkit-mask-repeat: no-repeat;
                          mask-image: url("../images/common/arrow_right.svg");
                          mask-position: 50% 50%;
                          mask-size: 1rem 1rem;
                          mask-repeat: no-repeat;
                          background-color: #54B5FF;
                          transition: all ease .3s;
                          background-color: #fff; }
                        main.area-lp footer .wrapper .container section.cta ul.event > li > section.guidance .action a > span .arrow > span:before {
                          transform: translateX(0%); }
                        main.area-lp footer .wrapper .container section.cta ul.event > li > section.guidance .action a > span .arrow > span:after {
                          transform: translateX(-100%); }
                  @media screen and (min-width: 1024px) {
                    main.area-lp footer .wrapper .container section.cta ul.event > li > section.guidance .action a:hover > span {
                      background-color: #000E68; }
                      main.area-lp footer .wrapper .container section.cta ul.event > li > section.guidance .action a:hover > span span.text {
                        color: #fff; }
                      main.area-lp footer .wrapper .container section.cta ul.event > li > section.guidance .action a:hover > span span.arrow {
                        background-color: #fff; }
                        main.area-lp footer .wrapper .container section.cta ul.event > li > section.guidance .action a:hover > span span.arrow span:before, main.area-lp footer .wrapper .container section.cta ul.event > li > section.guidance .action a:hover > span span.arrow span:after {
                          background-color: #000E68; }
                        main.area-lp footer .wrapper .container section.cta ul.event > li > section.guidance .action a:hover > span span.arrow span:before {
                          transform: translateX(100%); }
                        main.area-lp footer .wrapper .container section.cta ul.event > li > section.guidance .action a:hover > span span.arrow span:after {
                          transform: translateX(0%); } }
                main.area-lp footer .wrapper .container section.cta ul.event > li > section.seminar .action a {
                  display: block;
                  padding: 1px;
                  border-radius: 9999px;
                  overflow: hidden;
                  background: linear-gradient(92.61deg, #5EE8AD 6.36%, #54B5FF 98.3%); }
                  @media screen and (max-width: 1023px) {
                    main.area-lp footer .wrapper .container section.cta ul.event > li > section.seminar .action a {
                      width: 100%; } }
                  main.area-lp footer .wrapper .container section.cta ul.event > li > section.seminar .action a > span {
                    display: flex;
                    padding: 1.4rem 2.8rem 1.4rem 3.2rem;
                    gap: 1rem;
                    justify-content: center;
                    align-items: center;
                    transition: all ease .3s;
                    border-radius: 9999px; }
                    @media screen and (max-width: 1023px) {
                      main.area-lp footer .wrapper .container section.cta ul.event > li > section.seminar .action a > span {
                        gap: 1.6rem; } }
                    main.area-lp footer .wrapper .container section.cta ul.event > li > section.seminar .action a > span span.text {
                      position: relative;
                      display: block;
                      font-style: normal;
                      font-weight: 700;
                      font-size: 1.6rem;
                      line-height: 100%;
                      transition: all ease .3s;
                      color: #fff; }
                      @media screen and (max-width: 1023px) {
                        main.area-lp footer .wrapper .container section.cta ul.event > li > section.seminar .action a > span span.text {
                          font-size: 1.5rem; } }
                      main.area-lp footer .wrapper .container section.cta ul.event > li > section.seminar .action a > span span.text:before {
                        position: absolute;
                        top: 0;
                        left: 0;
                        right: 0;
                        bottom: 0;
                        display: block;
                        content: "体験セミナーに申し込む";
                        font-style: normal;
                        font-weight: 700;
                        font-size: 16px;
                        line-height: 100%;
                        background: linear-gradient(92.61deg, #5EE8AD 6.36%, #54B5FF 98.3%);
                        -webkit-background-clip: text;
                        -webkit-text-fill-color: transparent;
                        background-clip: text;
                        text-fill-color: transparent;
                        transition: all ease .3s;
                        opacity: 0; }
                    main.area-lp footer .wrapper .container section.cta ul.event > li > section.seminar .action a > span .arrow {
                      position: relative;
                      display: block;
                      width: 2.6rem;
                      height: 2.6rem;
                      border-radius: 50%;
                      overflow: hidden;
                      transition: all ease .3s;
                      background-color: #fff; }
                      main.area-lp footer .wrapper .container section.cta ul.event > li > section.seminar .action a > span .arrow:before {
                        position: absolute;
                        top: 0;
                        left: 0;
                        width: 100%;
                        height: 100%;
                        display: block;
                        content: "";
                        background: linear-gradient(92.61deg, #5EE8AD 6.36%, #54B5FF 98.3%);
                        transition: all ease .3s;
                        opacity: 0; }
                      main.area-lp footer .wrapper .container section.cta ul.event > li > section.seminar .action a > span .arrow > span {
                        position: absolute;
                        top: 0;
                        left: 0;
                        width: 100%;
                        height: 100%; }
                        main.area-lp footer .wrapper .container section.cta ul.event > li > section.seminar .action a > span .arrow > span:before, main.area-lp footer .wrapper .container section.cta ul.event > li > section.seminar .action a > span .arrow > span:after {
                          content: "";
                          display: block;
                          position: absolute;
                          top: 0;
                          left: 0;
                          width: 100%;
                          height: 100%;
                          -webkit-mask-image: url("../images/common/arrow_right.svg");
                          -webkit-mask-position: 50% 50%;
                          -webkit-mask-size: 1rem 1rem;
                          -webkit-mask-repeat: no-repeat;
                          mask-image: url("../images/common/arrow_right.svg");
                          mask-position: 50% 50%;
                          mask-size: 1rem 1rem;
                          mask-repeat: no-repeat;
                          background-color: #54B5FF;
                          transition: all ease .3s;
                          background-color: #54B5FF; }
                        main.area-lp footer .wrapper .container section.cta ul.event > li > section.seminar .action a > span .arrow > span:before {
                          transform: translateX(0%); }
                        main.area-lp footer .wrapper .container section.cta ul.event > li > section.seminar .action a > span .arrow > span:after {
                          transform: translateX(-100%); }
                  @media screen and (min-width: 1024px) {
                    main.area-lp footer .wrapper .container section.cta ul.event > li > section.seminar .action a:hover > span {
                      background-color: #fff; }
                      main.area-lp footer .wrapper .container section.cta ul.event > li > section.seminar .action a:hover > span span.text {
                        color: rgba(255, 255, 255, 0); }
                        main.area-lp footer .wrapper .container section.cta ul.event > li > section.seminar .action a:hover > span span.text:before {
                          opacity: 1; }
                      main.area-lp footer .wrapper .container section.cta ul.event > li > section.seminar .action a:hover > span span.arrow {
                        background-color: #fff; }
                        main.area-lp footer .wrapper .container section.cta ul.event > li > section.seminar .action a:hover > span span.arrow:before {
                          opacity: 1; }
                        main.area-lp footer .wrapper .container section.cta ul.event > li > section.seminar .action a:hover > span span.arrow span:before, main.area-lp footer .wrapper .container section.cta ul.event > li > section.seminar .action a:hover > span span.arrow span:after {
                          background-color: #fff; }
                        main.area-lp footer .wrapper .container section.cta ul.event > li > section.seminar .action a:hover > span span.arrow span:before {
                          transform: translateX(100%); }
                        main.area-lp footer .wrapper .container section.cta ul.event > li > section.seminar .action a:hover > span span.arrow span:after {
                          transform: translateX(0%); } }
        main.area-lp footer .wrapper .container section.partner > ul {
          display: flex;
          flex-direction: column;
          gap: 2.4rem; }
          @media screen and (max-width: 1023px) {
            main.area-lp footer .wrapper .container section.partner > ul {
              gap: 2.4rem; } }
          @media screen and (max-width: 1023px) {
            main.area-lp footer .wrapper .container section.partner > ul > li {
              flex: 0 0 100%; } }
          main.area-lp footer .wrapper .container section.partner > ul > li > section {
            border-radius: 1.6rem;
            background-color: #F4F4F4;
            height: 100%;
            padding: 3.2rem 2.4rem; }
            main.area-lp footer .wrapper .container section.partner > ul > li > section h3 {
              font-weight: 700;
              font-size: 2.8rem;
              line-height: 120%;
              letter-spacing: 0.04em;
              color: #000E68;
              margin-bottom: 2.4rem; }
              @media screen and (max-width: 1023px) {
                main.area-lp footer .wrapper .container section.partner > ul > li > section h3 {
                  font-size: 2rem;
                  line-height: 130%;
                  margin-bottom: 1.6rem; } }
            main.area-lp footer .wrapper .container section.partner > ul > li > section .content {
              display: flex;
              gap: 2.4rem; }
              @media screen and (max-width: 1023px) {
                main.area-lp footer .wrapper .container section.partner > ul > li > section .content {
                  flex-direction: column;
                  gap: 1.6rem; } }
              main.area-lp footer .wrapper .container section.partner > ul > li > section .content > div {
                flex: 1; }
                @media screen and (max-width: 1023px) {
                  main.area-lp footer .wrapper .container section.partner > ul > li > section .content > div {
                    flex: initial; } }
                main.area-lp footer .wrapper .container section.partner > ul > li > section .content > div .copy {
                  font-weight: 700;
                  font-size: 1.8rem;
                  line-height: 100%;
                  letter-spacing: 0.04em;
                  color: #54B5FF;
                  margin-bottom: 1.6rem; }
                  @media screen and (max-width: 1023px) {
                    main.area-lp footer .wrapper .container section.partner > ul > li > section .content > div .copy {
                      font-size: 1.5rem;
                      line-height: 140%; } }
                main.area-lp footer .wrapper .container section.partner > ul > li > section .content > div .description {
                  font-weight: 500;
                  font-size: 1.5rem;
                  line-height: 180%;
                  letter-spacing: 0.04em;
                  color: #707070; }
                  @media screen and (max-width: 1023px) {
                    main.area-lp footer .wrapper .container section.partner > ul > li > section .content > div .description {
                      font-size: 1.4rem; } }
              main.area-lp footer .wrapper .container section.partner > ul > li > section .content section {
                flex: 1;
                padding: 2.4rem 1.6rem;
                background: #FFFFFF;
                border: 1px solid #D6D6D6;
                border-radius: .8rem;
                height: 100%; }
                @media screen and (max-width: 1023px) {
                  main.area-lp footer .wrapper .container section.partner > ul > li > section .content section {
                    flex: initial;
                    padding: 1.6rem; } }
                main.area-lp footer .wrapper .container section.partner > ul > li > section .content section h4 {
                  font-weight: 700;
                  font-size: 1.5rem;
                  line-height: 100%;
                  letter-spacing: 0.04em;
                  color: #54B5FF;
                  margin-bottom: 1.6rem; }
                  @media screen and (max-width: 1023px) {
                    main.area-lp footer .wrapper .container section.partner > ul > li > section .content section h4 {
                      font-size: 1.4rem;
                      margin-bottom: 1.2rem; } }
                main.area-lp footer .wrapper .container section.partner > ul > li > section .content section ul {
                  display: flex;
                  flex-direction: column;
                  gap: 1.6rem; }
                  @media screen and (max-width: 1023px) {
                    main.area-lp footer .wrapper .container section.partner > ul > li > section .content section ul {
                      gap: 1.2rem; } }
                  main.area-lp footer .wrapper .container section.partner > ul > li > section .content section ul li {
                    font-weight: 500;
                    font-size: 1.5rem;
                    line-height: 100%;
                    letter-spacing: 0.04em;
                    color: #323232;
                    list-style-type: disc;
                    list-style-position: outside;
                    margin-left: 1em; }
                    @media screen and (max-width: 1023px) {
                      main.area-lp footer .wrapper .container section.partner > ul > li > section .content section ul li {
                        font-size: 1.4rem;
                        line-height: 160%; } }
            main.area-lp footer .wrapper .container section.partner > ul > li > section .action {
              display: flex;
              justify-content: flex-end;
              margin-top: 1.6rem; }
              main.area-lp footer .wrapper .container section.partner > ul > li > section .action a {
                display: block;
                padding: 1px;
                border-radius: 9999px;
                overflow: hidden;
                background-color: #000E68; }
                @media screen and (max-width: 1023px) {
                  main.area-lp footer .wrapper .container section.partner > ul > li > section .action a {
                    width: 100%; } }
                main.area-lp footer .wrapper .container section.partner > ul > li > section .action a > span {
                  display: flex;
                  padding: 1.4rem 2.8rem 1.4rem 3.2rem;
                  gap: 1rem;
                  justify-content: center;
                  align-items: center;
                  transition: all ease .3s;
                  border-radius: 9999px;
                  background-color: #fff; }
                  @media screen and (max-width: 1023px) {
                    main.area-lp footer .wrapper .container section.partner > ul > li > section .action a > span {
                      gap: 1.6rem; } }
                  main.area-lp footer .wrapper .container section.partner > ul > li > section .action a > span span.text {
                    position: relative;
                    display: block;
                    font-style: normal;
                    font-weight: 700;
                    font-size: 1.6rem;
                    line-height: 100%;
                    transition: all ease .3s;
                    color: #000E68; }
                    @media screen and (max-width: 1023px) {
                      main.area-lp footer .wrapper .container section.partner > ul > li > section .action a > span span.text {
                        font-size: 1.5rem; } }
                  main.area-lp footer .wrapper .container section.partner > ul > li > section .action a > span .arrow {
                    position: relative;
                    display: block;
                    width: 2.6rem;
                    height: 2.6rem;
                    border-radius: 50%;
                    overflow: hidden;
                    transition: all ease .3s;
                    background-color: #000E68; }
                    main.area-lp footer .wrapper .container section.partner > ul > li > section .action a > span .arrow > span {
                      position: absolute;
                      top: 0;
                      left: 0;
                      width: 100%;
                      height: 100%; }
                      main.area-lp footer .wrapper .container section.partner > ul > li > section .action a > span .arrow > span:before, main.area-lp footer .wrapper .container section.partner > ul > li > section .action a > span .arrow > span:after {
                        content: "";
                        display: block;
                        position: absolute;
                        top: 0;
                        left: 0;
                        width: 100%;
                        height: 100%;
                        -webkit-mask-image: url("../images/common/arrow_right.svg");
                        -webkit-mask-position: 50% 50%;
                        -webkit-mask-size: 1rem 1rem;
                        -webkit-mask-repeat: no-repeat;
                        mask-image: url("../images/common/arrow_right.svg");
                        mask-position: 50% 50%;
                        mask-size: 1rem 1rem;
                        mask-repeat: no-repeat;
                        background-color: #54B5FF;
                        transition: all ease .3s;
                        background-color: #fff; }
                      main.area-lp footer .wrapper .container section.partner > ul > li > section .action a > span .arrow > span:before {
                        transform: translateX(0%); }
                      main.area-lp footer .wrapper .container section.partner > ul > li > section .action a > span .arrow > span:after {
                        transform: translateX(-100%); }
                @media screen and (min-width: 1024px) {
                  main.area-lp footer .wrapper .container section.partner > ul > li > section .action a:hover > span {
                    background-color: #000E68; }
                    main.area-lp footer .wrapper .container section.partner > ul > li > section .action a:hover > span span.text {
                      color: #fff; }
                    main.area-lp footer .wrapper .container section.partner > ul > li > section .action a:hover > span span.arrow {
                      background-color: #fff; }
                      main.area-lp footer .wrapper .container section.partner > ul > li > section .action a:hover > span span.arrow span:before, main.area-lp footer .wrapper .container section.partner > ul > li > section .action a:hover > span span.arrow span:after {
                        background-color: #000E68; }
                      main.area-lp footer .wrapper .container section.partner > ul > li > section .action a:hover > span span.arrow span:before {
                        transform: translateX(100%); }
                      main.area-lp footer .wrapper .container section.partner > ul > li > section .action a:hover > span span.arrow span:after {
                        transform: translateX(0%); } }
        main.area-lp footer .wrapper .container p.information {
          font-weight: 700;
          font-size: 1.6rem;
          line-height: 200%;
          text-align: center;
          letter-spacing: 0.04em;
          color: #FFFFFF;
          margin-top: 6.4rem; }
          @media screen and (max-width: 1023px) {
            main.area-lp footer .wrapper .container p.information {
              font-size: 1.4rem;
              line-height: 180%;
              margin-top: 2.4rem; } }
  main.area-lp #dialog {
    position: fixed;
    z-index: 10000;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgba(0, 0, 0, 0.8);
    overflow: auto;
    opacity: 0;
    pointer-events: none;
    transition: all ease .3s; }
    main.area-lp #dialog.active {
      opacity: 1;
      pointer-events: auto; }
    main.area-lp #dialog .wrapper {
      position: relative;
      margin: auto;
      width: calc(100% - 4rem * 2);
      max-width: 128rem; }
      @media screen and (max-width: 1023px) {
        main.area-lp #dialog .wrapper {
          width: calc(100% - 2rem * 2); } }
      main.area-lp #dialog .wrapper:has([data-dialog="tvcm"].active) {
        max-width: 80rem; }
        main.area-lp #dialog .wrapper:has([data-dialog="tvcm"].active) p.close {
          top: -3.2rem;
          right: .4rem; }
          @media screen and (max-width: 1023px) {
            main.area-lp #dialog .wrapper:has([data-dialog="tvcm"].active) p.close {
              top: -2.8rem;
              right: .4rem; } }
          main.area-lp #dialog .wrapper:has([data-dialog="tvcm"].active) p.close button:before, main.area-lp #dialog .wrapper:has([data-dialog="tvcm"].active) p.close button:after {
            background-color: #fff; }
      main.area-lp #dialog .wrapper p.close {
        position: absolute;
        top: 1.5rem;
        right: 1.5rem; }
        @media screen and (max-width: 1023px) {
          main.area-lp #dialog .wrapper p.close {
            top: -2.8rem;
            right: .4rem; } }
        main.area-lp #dialog .wrapper p.close button {
          width: 2.4rem;
          height: 2.4rem;
          transform: rotate(45deg);
          overflow: hidden;
          text-indent: -9999px; }
          main.area-lp #dialog .wrapper p.close button:before, main.area-lp #dialog .wrapper p.close button:after {
            content: "";
            display: block;
            position: absolute;
            width: 2.4rem;
            height: 1px;
            background-color: #323232;
            top: 50%;
            left: 0; }
            @media screen and (max-width: 1023px) {
              main.area-lp #dialog .wrapper p.close button:before, main.area-lp #dialog .wrapper p.close button:after {
                background-color: #fff; } }
          main.area-lp #dialog .wrapper p.close button:after {
            transform: rotate(90deg); }
      main.area-lp #dialog .wrapper section {
        display: none;
        background-color: #fff;
        border-radius: 1.6rem;
        overflow: hidden; }
        main.area-lp #dialog .wrapper section.active {
          display: flex; }
          @media screen and (max-width: 1023px) {
            main.area-lp #dialog .wrapper section.active {
              flex-direction: column; } }
        main.area-lp #dialog .wrapper section figure {
          flex: 1 1 64.3rem;
          aspect-ratio: 16 / 9; }
          @media screen and (max-width: 1023px) {
            main.area-lp #dialog .wrapper section figure {
              flex: initial; } }
          main.area-lp #dialog .wrapper section figure iframe {
            width: 100%;
            height: 100%; }
        main.area-lp #dialog .wrapper section .content {
          flex: 1 1 47.7rem;
          order: 2;
          padding: 4rem;
          display: flex;
          align-items: center; }
          @media screen and (max-width: 1023px) {
            main.area-lp #dialog .wrapper section .content {
              flex: initial;
              padding: 2.4rem; } }
          main.area-lp #dialog .wrapper section .content > div h2 {
            font-weight: 700;
            font-size: 2rem;
            line-height: 140%;
            letter-spacing: 0.04em;
            color: #000E68;
            margin-bottom: 1.6rem; }
          main.area-lp #dialog .wrapper section .content > div > p {
            font-weight: 500;
            font-size: 1.6rem;
            line-height: 200%;
            letter-spacing: 0.04em;
            color: #323232; }
          main.area-lp #dialog .wrapper section .content > div .action {
            margin-top: 4rem;
            display: flex;
            justify-content: center; }
            main.area-lp #dialog .wrapper section .content > div .action p a {
              display: flex;
              align-items: flex-start;
              gap: .8rem; }
              main.area-lp #dialog .wrapper section .content > div .action p a span.text {
                position: relative;
                display: inline-block;
                font-size: 1.6rem;
                line-height: 100%;
                letter-spacing: 0.04em;
                padding-bottom: .8rem;
                background: linear-gradient(92.61deg, #5EE8AD 6.36%, #54B5FF 98.3%);
                -webkit-background-clip: text;
                -webkit-text-fill-color: transparent;
                background-clip: text;
                text-fill-color: transparent; }
                @media screen and (max-width: 1023px) {
                  main.area-lp #dialog .wrapper section .content > div .action p a span.text {
                    font-size: 1.5rem; } }
                main.area-lp #dialog .wrapper section .content > div .action p a span.text:before {
                  content: "";
                  position: absolute;
                  display: block;
                  bottom: 0;
                  left: 0;
                  height: 1px;
                  width: 100%;
                  background: linear-gradient(92.61deg, #5EE8AD 6.36%, #54B5FF 98.3%);
                  transform: scale(0, 1);
                  transform-origin: 0 0;
                  transition: all ease .3s; }
                  @media screen and (max-width: 1023px) {
                    main.area-lp #dialog .wrapper section .content > div .action p a span.text:before {
                      transform: scale(1, 1); } }
              main.area-lp #dialog .wrapper section .content > div .action p a span.arrow {
                position: relative;
                flex: 0 0 2rem;
                width: 2rem;
                height: 2rem;
                background: linear-gradient(92.61deg, #5EE8AD 6.36%, #54B5FF 98.3%);
                border-radius: 50%;
                overflow: hidden; }
                main.area-lp #dialog .wrapper section .content > div .action p a span.arrow > span {
                  position: absolute;
                  top: 0;
                  left: 0;
                  width: 100%;
                  height: 100%; }
                  main.area-lp #dialog .wrapper section .content > div .action p a span.arrow > span:before, main.area-lp #dialog .wrapper section .content > div .action p a span.arrow > span:after {
                    content: "";
                    display: block;
                    position: absolute;
                    top: 0;
                    left: 0;
                    width: 100%;
                    height: 100%;
                    -webkit-mask-image: url("../images/common/arrow_right.svg");
                    -webkit-mask-position: 50% 50%;
                    -webkit-mask-size: .8rem .8rem;
                    -webkit-mask-repeat: no-repeat;
                    mask-image: url("../images/common/arrow_right.svg");
                    mask-position: 50% 50%;
                    mask-size: .8rem .8rem;
                    mask-repeat: no-repeat;
                    background-color: #fff;
                    transition: all ease .3s; }
                  main.area-lp #dialog .wrapper section .content > div .action p a span.arrow > span:before {
                    transform: translateX(0%); }
                  main.area-lp #dialog .wrapper section .content > div .action p a span.arrow > span:after {
                    transform: translateX(-100%); }
              @media screen and (min-width: 1024px) {
                main.area-lp #dialog .wrapper section .content > div .action p a:hover span.text:before {
                  transform: scale(1, 1); }
                main.area-lp #dialog .wrapper section .content > div .action p a:hover span.arrow span:before {
                  transform: translateX(100%); }
                main.area-lp #dialog .wrapper section .content > div .action p a:hover span.arrow span:after {
                  transform: translateX(0%); } }