@charset "UTF-8";
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
  border: 0;
  font-size: 100%;
  margin: 0;
  outline: 0;
  padding: 0;
  vertical-align: baseline;
}

body {
  line-height: 1;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

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

a {
  background-color: transparent;
  font-size: 100%;
  margin: 0;
  padding: 0;
  vertical-align: baseline;
}

ins {
  text-decoration: none;
}

mark {
  font-style: italic;
  font-weight: bold;
}

del {
  text-decoration: line-through;
}

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

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

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

input, select {
  vertical-align: middle;
}

img {
  font-size: 0;
  line-height: 0;
  vertical-align: top;
}

* {
  box-sizing: border-box !important;
  font-size: 1rem;
  letter-spacing: 0.02em;
  line-height: 1.5;
}

html {
  font-size: 62.5%;
  overflow-y: scroll;
}

@media screen and (max-width: 1199px) {
  html {
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
}

html.is-open {
  overflow: hidden;
}

@media screen and (max-width: 1199px) {
  html::-webkit-scrollbar {
    display: none;
  }
}

@font-face {
  font-family: "Original Yu Gothic";
  font-weight: 100;
  src: local("Yu Gothic Medium");
}

@font-face {
  font-family: "Original Yu Gothic";
  font-weight: 200;
  src: local("Yu Gothic Medium");
}

@font-face {
  font-family: "Original Yu Gothic";
  font-weight: 300;
  src: local("Yu Gothic Medium");
}

@font-face {
  font-family: "Original Yu Gothic";
  font-weight: 400;
  src: local("Yu Gothic Medium");
}

@font-face {
  font-family: "Original Yu Gothic";
  font-weight: bold;
  src: local("Yu Gothic Bold");
}

body {
  -webkit-text-size-adjust: 100%;
  background-color: #ffffff;
  color: #222222;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Noto Sans CJK JP", "游ゴシック体", "Original Yu Gothic", "Yu Gothic", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Sans Emoji";
  font-feature-settings: 'palt' 1;
  font-size: 1.0rem;
  font-style: normal;
  overflow: hidden;
}

a {
  color: #090587;
  text-decoration: none;
  transition: 0.3s;
}

a:hover {
  opacity: 0.8;
}

@media screen and (max-width: 767px) {
  a:hover {
    opacity: 1;
  }
}

::-moz-selection {
  background-color: #090587;
  color: #ffffff;
}

::selection {
  background-color: #090587;
  color: #ffffff;
}

input[type="submit"],
input[type="button"],
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="reset"],
select,
button,
textarea {
  -webkit-appearance: none;
  border: none;
  border-radius: 0;
  box-sizing: border-box;
}

input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration,
input[type="text"]::-webkit-search-decoration,
input[type="email"]::-webkit-search-decoration,
input[type="tel"]::-webkit-search-decoration,
input[type="reset"]::-webkit-search-decoration,
select::-webkit-search-decoration,
button::-webkit-search-decoration,
textarea::-webkit-search-decoration {
  display: none;
}

input[type="submit"]:focus,
input[type="button"]:focus,
input[type="text"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
input[type="reset"]:focus,
select:focus,
button:focus,
textarea:focus {
  outline-offset: -2px;
}

.is-pc {
  display: block;
}

@media screen and (max-width: 767px) {
  .is-pc {
    display: none;
  }
}

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

@media screen and (max-width: 767px) {
  .is-pc--inline {
    display: none;
  }
}

.is-sp {
  display: none;
}

@media screen and (max-width: 767px) {
  .is-sp {
    display: block;
  }
}

.is-sp--inline {
  display: none;
}

@media screen and (max-width: 767px) {
  .is-sp--inline {
    display: inline-block;
  }
}

@-webkit-keyframes loop {
  0% {
    transform: translateX(100%);
  }
  to {
    transform: translateX(-100%);
  }
}

@keyframes loop {
  0% {
    transform: translateX(100%);
  }
  to {
    transform: translateX(-100%);
  }
}

@-webkit-keyframes loop2 {
  0% {
    transform: translateX(0);
  }
  to {
    transform: translateX(-200%);
  }
}

@keyframes loop2 {
  0% {
    transform: translateX(0);
  }
  to {
    transform: translateX(-200%);
  }
}

@-webkit-keyframes vertical {
  0% {
    transform: translateY(2%);
  }
  100% {
    transform: translateY(0);
  }
}

@keyframes vertical {
  0% {
    transform: translateY(2%);
  }
  100% {
    transform: translateY(0);
  }
}

.swiper-container {
  overflow: visible;
}

.swiper-button-next,
.swiper-button-prev {
  height: auto;
  width: auto;
}

.swiper-button-prev,
.swiper-container-rtl
.swiper-button-next {
  border-radius: 50%;
  box-shadow: 5.905px 6.792px 16.2px 1.8px rgba(0, 6, 117, 0.22);
  height: 62px;
  left: -20px;
  margin-top: 0;
  top: -30px;
  width: 62px;
}

@media screen and (max-width: 1199px) {
  .swiper-button-prev,
  .swiper-container-rtl
.swiper-button-next {
    box-shadow: calc(5.905 / 1200 * 100vw) calc(6.792 / 1200 * 100vw) calc(16.2 / 1200 * 100vw) calc(1.8 / 1200 * 100vw) rgba(0, 6, 117, 0.22);
    height: calc(62 / 1200 * 100vw);
    left: calc(-20 / 1200 * 100vw);
    top: calc(-30 / 1200 * 100vw);
    width: calc(62 / 1200 * 100vw);
  }
}

.swiper-button-prev:after,
.swiper-container-rtl
.swiper-button-next:after {
  background-image: url(../images/icon_prev.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: '';
  display: inline-block;
  height: 62px;
  transition: 0.3s;
  width: 62px;
}

@media screen and (max-width: 1199px) {
  .swiper-button-prev:after,
  .swiper-container-rtl
.swiper-button-next:after {
    height: calc(62 / 1200 * 100vw);
    width: calc(62 / 1200 * 100vw);
  }
}

.swiper-button-prev:hover:after,
.swiper-container-rtl:hover
.swiper-button-next:hover:after {
  background-image: url(../images/icon_prev_on.svg);
}

.swiper-button-next,
.swiper-container-rtl
.swiper-button-prev {
  border-radius: 50%;
  box-shadow: 5.905px 6.792px 16.2px 1.8px rgba(0, 6, 117, 0.22);
  height: 62px;
  left: 60px;
  margin-top: 0;
  right: auto;
  top: -30px;
  width: 62px;
}

@media screen and (max-width: 1199px) {
  .swiper-button-next,
  .swiper-container-rtl
.swiper-button-prev {
    box-shadow: calc(5.905 / 1200 * 100vw) calc(6.792 / 1200 * 100vw) calc(16.2 / 1200 * 100vw) calc(1.8 / 1200 * 100vw) rgba(0, 6, 117, 0.22);
    height: calc(62 / 1200 * 100vw);
    left: calc(60 / 1200 * 100vw);
    top: calc(-30 / 1200 * 100vw);
    width: calc(62 / 1200 * 100vw);
  }
}

.swiper-button-next:after,
.swiper-container-rtl
.swiper-button-prev:after {
  background-image: url(../images/icon_next.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: '';
  display: inline-block;
  height: 62px;
  transition: 0.3s;
  width: 62px;
}

@media screen and (max-width: 1199px) {
  .swiper-button-next:after,
  .swiper-container-rtl
.swiper-button-prev:after {
    height: calc(62 / 1200 * 100vw);
    width: calc(62 / 1200 * 100vw);
  }
}

.swiper-button-next:hover:after,
.swiper-container-rtl:hover
.swiper-button-prev:hover:after {
  background-image: url(../images/icon_next_on.svg);
}

.swiper-container-horizontal > .swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  bottom: -64px;
}

@media screen and (max-width: 1199px) {
  .swiper-container-horizontal > .swiper-pagination-bullets,
  .swiper-pagination-custom,
  .swiper-pagination-fraction {
    bottom: calc(-64 / 1200 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .swiper-container-horizontal > .swiper-pagination-bullets,
  .swiper-pagination-custom,
  .swiper-pagination-fraction {
    bottom: calc(-80 / 750 * 100vw);
  }
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 7px;
}

@media screen and (max-width: 1199px) {
  .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 calc(7 / 1200 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 calc(15 / 750 * 100vw);
  }
}

.swiper-pagination-bullet {
  height: 14px;
  width: 14px;
}

@media screen and (max-width: 1199px) {
  .swiper-pagination-bullet {
    height: calc(14 / 1200 * 100vw);
    width: calc(14 / 1200 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .swiper-pagination-bullet {
    height: calc(26 / 750 * 100vw);
    width: calc(26 / 750 * 100vw);
  }
}

.swiper-pagination-bullet {
  background: #e1e1e1;
  opacity: 1;
}

.swiper-pagination-bullet-active {
  background-color: #1428c4;
}

.lity-close {
  display: none;
}

.l-container {
  margin: 0 auto;
  padding-left: 88px;
  padding-right: 88px;
  width: 1200px;
}

@media screen and (max-width: 1199px) {
  .l-container {
    padding-left: calc(88 / 1200 * 100vw);
    padding-right: calc(88 / 1200 * 100vw);
    width: 100%;
  }
}

@media screen and (max-width: 767px) {
  .l-container {
    padding-left: calc(38 / 750 * 100vw);
    padding-right: calc(38 / 750 * 100vw);
  }
}

.p-header {
  position: absolute;
  width: 100%;
  z-index: 2;
}

.p-header__inner {
  align-items: center;
  display: flex;
  height: 84px;
  padding: 0 30px;
}

@media screen and (max-width: 1199px) {
  .p-header__inner {
    height: calc(84 / 1200 * 100vw);
    padding: 0 calc(30 / 1200 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-header__inner {
    height: calc(110 / 750 * 100vw);
    padding: 0 calc(38 / 750 * 100vw);
  }
}

.p-header__logo {
  width: 118px;
}

@media screen and (max-width: 1199px) {
  .p-header__logo {
    width: calc(118 / 1200 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-header__logo {
    width: calc(188 / 750 * 100vw);
  }
}

.p-header__logo a {
  display: block;
}

.p-header__logo img {
  height: auto;
  width: 100%;
}

.p-header__navList {
  margin-left: auto;
}

@media screen and (max-width: 767px) {
  .p-header__navList {
    display: none;
  }
}

.p-header__navList > ul {
  align-items: center;
  display: flex;
}

.p-header__navList > ul > li {
  margin-right: 22px;
  padding-bottom: 15px;
  position: relative;
  top: 5px;
}

@media screen and (max-width: 1199px) {
  .p-header__navList > ul > li {
    margin-right: calc(22 / 1200 * 100vw);
    padding-bottom: calc(15 / 1200 * 100vw);
    top: calc(5 / 1200 * 100vw);
  }
}

.p-header__navList > ul > li:last-child {
  margin-right: 0;
}

.p-header__navList > ul > li.has-sub {
  margin-right: 42px;
}

@media screen and (max-width: 1199px) {
  .p-header__navList > ul > li.has-sub {
    margin-right: calc(42 / 1200 * 100vw);
  }
}

.p-header__navList > ul > li.has-sub .p-header__navList__text {
  cursor: pointer;
  position: relative;
}

.p-header__navList > ul > li.has-sub .p-header__navList__text::after {
  background-image: url(../images/nav_icon_arrow.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: '';
  display: inline-block;
  height: 9.5px;
  position: absolute;
  right: -20px;
  width: 15.5px;
}

@media screen and (max-width: 1199px) {
  .p-header__navList > ul > li.has-sub .p-header__navList__text::after {
    height: calc(9.5 / 1200 * 100vw);
    right: calc(-20 / 1200 * 100vw);
    width: calc(15.5 / 1200 * 100vw);
  }
}

.p-header__navList__text {
  align-items: center;
  color: #ffffff;
  display: flex;
  font-size: 1.6rem;
}

@media screen and (max-width: 1199px) {
  .p-header__navList__text {
    font-size: calc(16 / 1200 * 100vw);
  }
}

.p-header__navList__text a {
  color: #ffffff;
}

.p-header__navList__subNavList {
  background-color: #ffffff;
  border-radius: 8px;
  display: none;
  left: 3px;
  margin-right: -100vw;
  padding: 28px;
  position: absolute;
  top: 30px;
}

@media screen and (max-width: 1199px) {
  .p-header__navList__subNavList {
    border-radius: calc(8 / 1200 * 100vw);
    left: calc(3 / 1200 * 100vw);
    padding: calc(28 / 1200 * 100vw);
    top: calc(30 / 1200 * 100vw);
  }
}

.p-header__navList__subNavList > ul > li {
  margin-top: 16px;
}

@media screen and (max-width: 1199px) {
  .p-header__navList__subNavList > ul > li {
    margin-top: calc(16 / 1200 * 100vw);
  }
}

.p-header__navList__subNavList > ul > li:first-child {
  margin-top: 0;
}

.p-header__navList__subNavList__text {
  font-size: 1.6rem;
}

@media screen and (max-width: 1199px) {
  .p-header__navList__subNavList__text {
    font-size: calc(16 / 1200 * 100vw);
  }
}

.p-header__navList__subNavList__text a {
  color: #090587;
}

.p-header__button {
  margin-left: 40px;
}

@media screen and (max-width: 1199px) {
  .p-header__button {
    margin-left: calc(40 / 1200 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-header__button {
    display: none;
  }
}

.p-header__button a {
  align-items: center;
  background-color: #ffffff;
  border: 2px solid #ffffff;
  border-radius: 40px;
  color: #3c38ce;
  display: flex;
  font-size: 1.6rem;
  font-weight: 700;
  height: 45px;
  justify-content: center;
  width: 144px;
}

@media screen and (max-width: 1199px) {
  .p-header__button a {
    border: calc(2 / 1200 * 100vw) solid #ffffff;
    border-radius: calc(40 / 1200 * 100vw);
    font-size: calc(16 / 1200 * 100vw);
    height: calc(45 / 1200 * 100vw);
    width: calc(114 / 1200 * 100vw);
  }
}

.p-header__languageList {
  margin-left: 30px;
}

@media screen and (max-width: 1199px) {
  .p-header__languageList {
    margin-left: calc(30 / 1200 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-header__languageList {
    margin-left: auto;
  }
}

.p-header__languageList > ul {
  align-items: center;
  display: flex;
}

.p-header__languageList > ul > li {
  align-items: center;
  display: flex;
}

.p-header__languageList > ul > li::after {
  color: #ffffff;
  content: '|';
  font-size: 2.0rem;
  margin: 0 10px;
  transform: translateY(-1px);
}

@media screen and (max-width: 1199px) {
  .p-header__languageList > ul > li::after {
    font-size: calc(20 / 1200 * 100vw);
    margin: 0 calc(10 / 1200 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-header__languageList > ul > li::after {
    font-size: calc(28 / 750 * 100vw);
    margin: 0 calc(10 / 750 * 100vw);
  }
}

.p-header__languageList > ul > li:last-child::after {
  display: none;
}

.p-header__languageList a {
  color: #ffffff;
}

.p-header__languageList__language {
  color: #ffffff;
  font-size: 2.0rem;
}

@media screen and (max-width: 1199px) {
  .p-header__languageList__language {
    font-size: calc(20 / 1200 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-header__languageList__language {
    font-size: calc(28 / 750 * 100vw);
  }
}

.p-header__humberger {
  align-items: center;
  display: none;
  height: calc(110 / 750 * 100vw);
  justify-content: center;
  margin-left: auto;
  margin-right: calc(-38 / 750 * 100vw);
  width: calc(110 / 750 * 100vw);
}

@media screen and (max-width: 767px) {
  .p-header__humberger {
    display: flex;
    margin-left: calc(15 / 750 * 100vw);
  }
}

.p-header__humberger__icon {
  width: calc(60 / 750 * 100vw);
}

.p-header__humberger__icon img {
  height: auto;
  width: 100%;
}

.p-header.is-clone {
  background-color: #090587;
  opacity: 0.9;
  position: fixed;
  top: 0;
  transform: translateY(-200%);
  transition: 0.6s;
  width: 100%;
  z-index: 10;
}

.p-header.is-clone.is-show {
  transform: translateY(0);
}

.p-cta {
  background-color: #4e4ae6;
  overflow: hidden;
  position: relative;
}

.p-cta__inner {
  padding-bottom: 215px;
  padding-top: 90px;
  position: relative;
}

@media screen and (max-width: 1199px) {
  .p-cta__inner {
    padding-bottom: calc(215 / 1200 * 100vw);
    padding-top: calc(90 / 1200 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-cta__inner {
    padding-bottom: calc(307 / 750 * 100vw);
    padding-top: calc(100 / 750 * 100vw);
  }
}

.p-cta__inner::after {
  background-image: url(../images/illust_mouse_2.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  bottom: -30px;
  content: '';
  display: inline-block;
  height: 196px;
  left: 420px;
  position: absolute;
  width: 256px;
}

@media screen and (max-width: 1199px) {
  .p-cta__inner::after {
    bottom: calc(-30 / 1200 * 100vw);
    height: calc(196 / 1200 * 100vw);
    left: calc(420 / 1200 * 100vw);
    width: calc(256 / 1200 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-cta__inner::after {
    bottom: calc(-62 / 750 * 100vw);
    height: calc(294 / 750 * 100vw);
    left: calc(203 / 750 * 100vw);
    width: calc(355 / 750 * 100vw);
  }
}

.p-cta__title {
  color: #ffffff;
  font-size: 4.2rem;
  font-weight: 700;
  line-height: 70px;
  margin-bottom: 45px;
  text-align: center;
}

@media screen and (max-width: 1199px) {
  .p-cta__title {
    font-size: calc(42 / 1200 * 100vw);
    line-height: calc(70 / 1200 * 100vw);
    margin-bottom: calc(45 / 1200 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-cta__title {
    font-size: calc(54 / 750 * 100vw);
    line-height: calc(90 / 750 * 100vw);
    margin-bottom: calc(45 / 750 * 100vw);
    position: relative;
    z-index: 1;
  }
}

@media screen and (max-width: 767px) {
  .p-cta__button {
    position: relative;
    z-index: 1;
  }
}

.p-cta__button a {
  align-items: center;
  background-color: #ffffff;
  border: 2px solid #ffffff;
  border-radius: 10px;
  color: #3c38ce;
  display: flex;
  font-size: 1.8rem;
  font-weight: 700;
  height: 60px;
  justify-content: center;
  margin: 0 auto;
  width: 246px;
}

@media screen and (max-width: 1199px) {
  .p-cta__button a {
    border: calc(2 / 1200 * 100vw) solid #3c38ce;
    border-radius: calc(10 / 1200 * 100vw);
    font-size: calc(18 / 1200 * 100vw);
    height: calc(60 / 1200 * 100vw);
    width: calc(246 / 1200 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-cta__button a {
    border: calc(3 / 750 * 100vw) solid #3c38ce;
    border-radius: calc(8 / 750 * 100vw);
    font-size: calc(28 / 750 * 100vw);
    height: calc(110 / 750 * 100vw);
    width: 100%;
  }
}

.p-cta__button a:hover {
  transform: translateY(-2px);
}

@media screen and (max-width: 1199px) {
  .p-cta__button a:hover {
    transform: translateY(calc(-2 / 1200 * 100vw));
  }
}

@media screen and (max-width: 767px) {
  .p-cta__button a:hover {
    transform: translateY(0);
  }
}

.p-cta__decoItem {
  opacity: 0;
}

.p-cta__decoItem__item {
  position: absolute;
}

.p-cta__decoItem__item--item1 {
  left: -28px;
  top: 197px;
  width: 37px;
}

@media screen and (max-width: 1199px) {
  .p-cta__decoItem__item--item1 {
    left: calc(-28 / 1200 * 100vw);
    top: calc(197 / 1200 * 100vw);
    width: calc(37 / 1200 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-cta__decoItem__item--item1 {
    display: none;
  }
}

.p-cta__decoItem__item--item2 {
  left: 36px;
  top: 219px;
  width: 159px;
}

@media screen and (max-width: 1199px) {
  .p-cta__decoItem__item--item2 {
    left: calc(36 / 1200 * 100vw);
    top: calc(219 / 1200 * 100vw);
    width: calc(159 / 1200 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-cta__decoItem__item--item2 {
    left: calc(-28 / 750 * 100vw);
    top: calc(354 / 750 * 100vw);
    width: calc(159 / 750 * 100vw);
  }
}

.p-cta__decoItem__item--item3 {
  left: 836px;
  top: 156px;
  width: 161px;
}

@media screen and (max-width: 1199px) {
  .p-cta__decoItem__item--item3 {
    left: calc(836 / 1200 * 100vw);
    top: calc(156 / 1200 * 100vw);
    width: calc(161 / 1200 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-cta__decoItem__item--item3 {
    left: calc(598 / 750 * 100vw);
    top: calc(109 / 750 * 100vw);
    width: calc(161 / 750 * 100vw);
  }
}

.p-cta__decoItem__item--item4 {
  left: 894px;
  top: 88px;
  width: 154px;
}

@media screen and (max-width: 1199px) {
  .p-cta__decoItem__item--item4 {
    left: calc(894 / 1200 * 100vw);
    top: calc(88 / 1200 * 100vw);
    width: calc(154 / 1200 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-cta__decoItem__item--item4 {
    left: calc(521 / 750 * 100vw);
    top: calc(221 / 750 * 100vw);
    width: calc(154 / 750 * 100vw);
  }
}

.p-cta__decoItem__item--item5 {
  left: 1113px;
  top: 296px;
  width: 17px;
}

@media screen and (max-width: 1199px) {
  .p-cta__decoItem__item--item5 {
    left: calc(1113 / 1200 * 100vw);
    top: calc(296 / 1200 * 100vw);
    width: calc(17 / 1200 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-cta__decoItem__item--item5 {
    left: calc(521 / 750 * 100vw);
    top: calc(221 / 750 * 100vw);
    width: calc(154 / 750 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-cta__decoItem__item--item5 {
    display: none;
  }
}

.p-cta__decoItem__item img {
  height: auto;
  width: 100%;
}

.p-footer {
  background-color: #090587;
}

.p-footer__inner {
  display: flex;
  padding-top: 70px;
}

@media screen and (max-width: 1199px) {
  .p-footer__inner {
    padding-top: calc(70 / 1200 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-footer__inner {
    display: block;
    padding-top: calc(130 / 750 * 100vw);
  }
}

.p-footer__logo {
  flex-shrink: 0;
  order: 1;
  width: 210px;
}

@media screen and (max-width: 1199px) {
  .p-footer__logo {
    width: calc(210 / 1200 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-footer__logo {
    margin: 0 auto;
    width: calc(284 / 750 * 100vw);
  }
}

.p-footer__logo a {
  display: block;
}

.p-footer__logo img {
  height: auto;
  width: 100%;
}

.p-footer__navList {
  display: flex;
  margin-left: 110px;
  order: 2;
}

@media screen and (max-width: 1199px) {
  .p-footer__navList {
    margin-left: calc(110 / 1200 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-footer__navList {
    display: block;
    margin-left: 0;
    margin-top: calc(70 / 750 * 100vw);
  }
}

.p-footer__navList__navBox {
  flex-shrink: 0;
  width: 190px;
}

@media screen and (max-width: 1199px) {
  .p-footer__navList__navBox {
    width: calc(190 / 1200 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-footer__navList__navBox {
    margin-top: calc(30 / 750 * 100vw);
    width: 100%;
  }
}

@media screen and (max-width: 767px) {
  .p-footer__navList__navBox:first-of-type {
    margin-top: 0;
  }
}

.p-footer__navList__navBox > ul > li {
  margin-top: 20px;
}

@media screen and (max-width: 1199px) {
  .p-footer__navList__navBox > ul > li {
    margin-top: calc(20 / 1200 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-footer__navList__navBox > ul > li {
    margin-top: calc(30 / 750 * 100vw);
  }
}

.p-footer__navList__navBox > ul > li:first-child {
  margin-top: 0;
}

.p-footer__navList__navBox__text {
  color: #ffffff;
  font-size: 1.8rem;
  font-weight: 500;
}

@media screen and (max-width: 1199px) {
  .p-footer__navList__navBox__text {
    font-size: calc(18 / 1200 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-footer__navList__navBox__text {
    font-size: calc(28 / 750 * 100vw);
    text-align: center;
  }
}

.p-footer__navList__navBox__text a {
  color: #ffffff;
}

.p-footer__navList__navBox__subNavList {
  margin-top: 20px;
  padding-bottom: 4px;
}

@media screen and (max-width: 1199px) {
  .p-footer__navList__navBox__subNavList {
    margin-top: calc(20 / 1200 * 100vw);
    padding-bottom: calc(4 / 1200 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-footer__navList__navBox__subNavList {
    margin-top: calc(30 / 750 * 100vw);
    padding-bottom: 0;
  }
}

.p-footer__navList__navBox__subNavList > ul > li {
  margin-top: 20px;
  padding-left: 16px;
}

@media screen and (max-width: 1199px) {
  .p-footer__navList__navBox__subNavList > ul > li {
    margin-top: calc(20 / 1200 * 100vw);
    padding-left: calc(16 / 1200 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-footer__navList__navBox__subNavList > ul > li {
    margin-top: calc(30 / 750 * 100vw);
    padding-left: 0;
  }
}

.p-footer__navList__navBox__subNavList > ul > li:first-child {
  margin-top: 0;
}

.p-footer__navList__navBox__subNavList__text {
  font-size: 1.4rem;
}

@media screen and (max-width: 1199px) {
  .p-footer__navList__navBox__subNavList__text {
    font-size: calc(14 / 1200 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-footer__navList__navBox__subNavList__text {
    font-size: calc(24 / 750 * 100vw);
    text-align: center;
  }
}

.p-footer__navList__navBox__subNavList__text a {
  color: #ffffff;
}

.p-footer__navList__navBox__subNavList__text a::before {
  content: '＞';
  margin-right: 4px;
}

@media screen and (max-width: 1199px) {
  .p-footer__navList__navBox__subNavList__text a::before {
    margin-right: calc(4 / 1200 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-footer__navList__navBox__subNavList__text a::before {
    content: '';
    margin-right: 0;
  }
}

.p-footer__ctaBox {
  color: #ffffff;
  flex-shrink: 0;
  margin-left: auto;
  order: 3;
  width: 320px;
}

@media screen and (max-width: 1199px) {
  .p-footer__ctaBox {
    width: calc(320 / 1200 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-footer__ctaBox {
    margin-top: calc(60 / 750 * 100vw);
    width: 100%;
  }
}

.p-footer__ctaBox__telBox {
  margin-bottom: 30px;
  text-align: center;
}

@media screen and (max-width: 1199px) {
  .p-footer__ctaBox__telBox {
    margin-bottom: calc(30 / 1200 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-footer__ctaBox__telBox {
    margin-bottom: calc(70 / 750 * 100vw);
  }
}

.p-footer__ctaBox__telBox__title {
  font-size: 1.8rem;
  font-weight: 500;
  margin-bottom: 12px;
}

@media screen and (max-width: 1199px) {
  .p-footer__ctaBox__telBox__title {
    font-size: calc(18 / 1200 * 100vw);
    margin-bottom: calc(12 / 1200 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-footer__ctaBox__telBox__title {
    font-size: calc(28 / 750 * 100vw);
    margin-bottom: calc(24 / 750 * 100vw);
  }
}

.p-footer__ctaBox__telBox__number {
  font-size: 3.6rem;
  font-weight: 700;
}

@media screen and (max-width: 1199px) {
  .p-footer__ctaBox__telBox__number {
    font-size: calc(36 / 1200 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-footer__ctaBox__telBox__number {
    font-size: calc(62 / 750 * 100vw);
  }
}

.p-footer__ctaBox__telBox__number a {
  color: #ffffff;
  pointer-events: none;
}

.p-footer__ctaBox__telBox__time {
  font-size: 1.4rem;
  margin-top: 16px;
}

@media screen and (max-width: 1199px) {
  .p-footer__ctaBox__telBox__time {
    font-size: calc(14 / 1200 * 100vw);
    margin-top: calc(16 / 1200 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-footer__ctaBox__telBox__time {
    font-size: calc(24 / 750 * 100vw);
    margin-top: calc(24 / 750 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-footer__ctaBox__buttonList > ul {
    display: flex;
    justify-content: center;
  }
}

.p-footer__ctaBox__buttonList > ul > li {
  margin-top: 20px;
}

@media screen and (max-width: 1199px) {
  .p-footer__ctaBox__buttonList > ul > li {
    margin-top: calc(20 / 1200 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-footer__ctaBox__buttonList > ul > li {
    margin-top: 0;
  }
}

.p-footer__ctaBox__buttonList > ul > li:first-child {
  margin-top: 0;
}

.p-footer__ctaBox__buttonList__button a {
  align-items: center;
  background-color: #ffffff;
  border: 2px solid #ffffff;
  border-radius: 10px;
  color: #3c38ce;
  display: flex;
  font-size: 1.8rem;
  font-weight: 700;
  height: 60px;
  justify-content: center;
  margin: 0 auto;
  width: 220px;
}

@media screen and (max-width: 1199px) {
  .p-footer__ctaBox__buttonList__button a {
    border: calc(2 / 1200 * 100vw) solid #3c38ce;
    border-radius: calc(10 / 1200 * 100vw);
    font-size: calc(18 / 1200 * 100vw);
    height: calc(60 / 1200 * 100vw);
    width: calc(220 / 1200 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-footer__ctaBox__buttonList__button a {
    border: calc(3 / 750 * 100vw) solid #3c38ce;
    border-radius: calc(8 / 750 * 100vw);
    font-size: calc(28 / 750 * 100vw);
    height: calc(90 / 750 * 100vw);
    width: calc(315 / 750 * 100vw);
  }
}

.p-footer__ctaBox__buttonList__button--demo a {
  background-color: transparent;
  color: #ffffff;
}

.p-copyright {
  background-color: #090587;
}

.p-copyright__inner {
  align-items: center;
  display: flex;
  height: 120px;
  justify-content: center;
}

@media screen and (max-width: 1199px) {
  .p-copyright__inner {
    height: calc(120 / 1200 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-copyright__inner {
    height: calc(140 / 750 * 100vw);
  }
}

.p-copyright__text {
  color: #ffffff;
  font-size: 1.4rem;
}

@media screen and (max-width: 1199px) {
  .p-copyright__text {
    font-size: calc(14 / 1200 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-copyright__text {
    font-size: calc(24 / 750 * 100vw);
  }
}

.p-copyright__text a {
  color: #ffffff;
}

.p-drawer {
  background-color: #0a1887;
  height: 100vh;
  opacity: 0;
  position: fixed;
  right: 0;
  top: 0;
  transition: 0.3s;
  width: 100%;
  z-index: 100;
  z-index: -1;
}

.p-drawer__header {
  align-items: center;
  display: flex;
  justify-content: space-between;
}

.p-drawer__header__logo {
  width: calc(188 / 750 * 100vw);
}

.p-drawer__header__logo a {
  display: block;
}

.p-drawer__header__logo img {
  height: auto;
  width: 100%;
}

.p-drawer__header__humberger {
  align-items: center;
  display: flex;
  height: calc(110 / 750 * 100vw);
  justify-content: center;
  margin-right: calc(-38 / 750 * 100vw);
  width: calc(110 / 750 * 100vw);
}

.p-drawer__header__humberger__icon {
  width: calc(46 / 750 * 100vw);
}

.p-drawer__header__humberger__icon img {
  height: auto;
  width: 100%;
}

.p-drawer__navList {
  margin-top: calc(25 / 750 * 100vw);
}

.p-drawer__navList > ul > li {
  margin-top: calc(46 / 750 * 100vw);
}

.p-drawer__navList > ul > li:first-child {
  margin-top: 0;
}

.p-drawer__navList__text {
  color: #ffffff;
  font-size: calc(28 / 750 * 100vw);
  font-weight: 500;
  text-align: center;
}

.p-drawer__navList__text a {
  color: #ffffff;
}

.p-drawer__navList__subNavList {
  margin-top: calc(50 / 750 * 100vw);
}

.p-drawer__navList__subNavList > ul > li {
  margin-top: calc(50 / 750 * 100vw);
}

.p-drawer__navList__subNavList > ul > li:first-child {
  margin-top: 0;
}

.p-drawer__navList__subNavList__text {
  font-size: calc(24 / 750 * 100vw);
  text-align: center;
}

.p-drawer__navList__subNavList__text a {
  color: #ffffff;
}

.p-drawer.is-show {
  opacity: 1;
  z-index: 100;
}

.p-fv {
  background-image: linear-gradient(-30deg, #1100c0 0%, #254ec3 100%);
  height: 500px;
}

@media screen and (max-width: 1199px) {
  .p-fv {
    height: calc(500 / 1200 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-fv {
    height: calc(650 / 750 * 100vw);
    overflow: hidden;
  }
}

@media screen and (max-width: 767px) {
  .p-fv.is-english.p-fv--price .p-fv__inner {
    padding-top: calc(180 / 750 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-fv.is-english.p-fv--price .p-fv__titleBox__title {
    font-size: calc(44 / 750 * 100vw);
    line-height: calc(62 / 750 * 100vw);
  }
}

.p-fv__inner {
  padding-top: 150px;
  position: relative;
}

@media screen and (max-width: 1199px) {
  .p-fv__inner {
    padding-top: calc(150 / 1200 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-fv__inner {
    padding-top: calc(200 / 750 * 100vw);
  }
}

.p-fv__titleBox {
  color: #ffffff;
  text-align: center;
}

.p-fv__titleBox__title {
  font-size: 4.6rem;
  font-weight: 700;
  line-height: 70px;
  margin-bottom: 30px;
}

@media screen and (max-width: 1199px) {
  .p-fv__titleBox__title {
    font-size: calc(46 / 1200 * 100vw);
    line-height: calc(70 / 1200 * 100vw);
    margin-bottom: calc(30 / 1200 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-fv__titleBox__title {
    font-size: calc(54 / 750 * 100vw);
    line-height: calc(90 / 750 * 100vw);
    margin-bottom: calc(30 / 750 * 100vw);
  }
}

.p-fv__titleBox__text {
  font-size: 1.8rem;
  line-height: 30px;
}

@media screen and (max-width: 1199px) {
  .p-fv__titleBox__text {
    font-size: calc(18 / 1200 * 100vw);
    line-height: calc(30 / 1200 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-fv__titleBox__text {
    font-size: calc(28 / 750 * 100vw);
    line-height: calc(46 / 750 * 100vw);
  }
}

.p-fv__decoItem {
  opacity: 0;
}

.p-fv__decoItem__item {
  position: absolute;
}

.p-fv__decoItem__item--item1 {
  left: -115px;
  top: 215px;
  width: 32px;
}

@media screen and (max-width: 1199px) {
  .p-fv__decoItem__item--item1 {
    left: calc(-115 / 1200 * 100vw);
    top: calc(215 / 1200 * 100vw);
    width: calc(32 / 1200 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-fv__decoItem__item--item1 {
    left: calc(-9 / 750 * 100vw);
    top: calc(462 / 750 * 100vw);
    width: calc(32 / 750 * 100vw);
  }
}

.p-fv__decoItem__item--item2 {
  left: 118px;
  top: 337px;
  width: 20px;
}

@media screen and (max-width: 1199px) {
  .p-fv__decoItem__item--item2 {
    left: calc(118 / 1200 * 100vw);
    top: calc(337 / 1200 * 100vw);
    width: calc(20 / 1200 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-fv__decoItem__item--item2 {
    left: calc(4 / 750 * 100vw);
    top: calc(491 / 750 * 100vw);
    width: calc(20 / 750 * 100vw);
  }
}

.p-fv__decoItem__item--item3 {
  left: 871px;
  top: 226px;
  width: 163px;
}

@media screen and (max-width: 1199px) {
  .p-fv__decoItem__item--item3 {
    left: calc(871 / 1200 * 100vw);
    top: calc(226 / 1200 * 100vw);
    width: calc(163 / 1200 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-fv__decoItem__item--item3 {
    left: calc(416 / 750 * 100vw);
    top: calc(38 / 750 * 100vw);
    width: calc(163 / 750 * 100vw);
  }
}

.p-fv__decoItem__item--item4 {
  left: -61px;
  top: 262px;
  width: 124px;
}

@media screen and (max-width: 1199px) {
  .p-fv__decoItem__item--item4 {
    left: calc(-61 / 1200 * 100vw);
    top: calc(262 / 1200 * 100vw);
    width: calc(124 / 1200 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-fv__decoItem__item--item4 {
    left: calc(28 / 750 * 100vw);
    top: calc(487 / 750 * 100vw);
    width: calc(164 / 750 * 100vw);
  }
}

.p-fv__decoItem__item--item5 {
  left: 952px;
  top: 103px;
  width: 124px;
}

@media screen and (max-width: 1199px) {
  .p-fv__decoItem__item--item5 {
    left: calc(952 / 1200 * 100vw);
    top: calc(103 / 1200 * 100vw);
    width: calc(124 / 1200 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-fv__decoItem__item--item5 {
    left: calc(515 / 750 * 100vw);
    top: calc(36 / 750 * 100vw);
    width: calc(124 / 750 * 100vw);
  }
}

.p-fv__decoItem__item img {
  height: auto;
  width: 100%;
}

.p-topFv {
  background-image: linear-gradient(-30deg, #1224c0 0%, #0d56cf 100%);
  height: 700px;
  position: relative;
}

@media screen and (max-width: 1199px) {
  .p-topFv {
    height: calc(700 / 1200 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-topFv {
    height: calc(1330 / 750 * 100vw);
  }
}

.p-topFv.is-english .p-topFv__content {
  padding-top: 20px;
}

@media screen and (max-width: 1199px) {
  .p-topFv.is-english .p-topFv__content {
    padding-top: calc(20 / 1200 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-topFv.is-english .p-topFv__content {
    padding-top: calc(70 / 750 * 100vw);
  }
}

.p-topFv.is-english .p-topFv__content__logoBox__logo {
  width: 200px;
}

@media screen and (max-width: 1199px) {
  .p-topFv.is-english .p-topFv__content__logoBox__logo {
    width: calc(200 / 1200 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-topFv.is-english .p-topFv__content__logoBox__logo {
    width: calc(260 / 750 * 100vw);
  }
}

.p-topFv.is-english .p-topFv__content__textBox__title {
  font-size: 4.0rem;
  line-height: 60px;
}

@media screen and (max-width: 1199px) {
  .p-topFv.is-english .p-topFv__content__textBox__title {
    font-size: calc(40 / 1200 * 100vw);
    line-height: calc(60 / 1200 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-topFv.is-english .p-topFv__content__textBox__title {
    font-size: calc(48 / 750 * 100vw);
    line-height: calc(72 / 750 * 100vw);
    margin-bottom: calc(70 / 750 * 100vw);
    margin-top: calc(30 / 750 * 100vw);
  }
}

.p-topFv__inner {
  padding-left: 50px;
  padding-top: 124px;
}

@media screen and (max-width: 1199px) {
  .p-topFv__inner {
    padding-left: calc(50 / 1200 * 100vw);
    padding-top: calc(124 / 1200 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-topFv__inner {
    padding-left: 0;
    padding-top: calc(144 / 750 * 100vw);
  }
}

.p-topFv__content {
  margin: 0 auto;
  position: relative;
}

.p-topFv__content__smartphone {
  -webkit-animation: vertical 2s ease-in-out infinite alternate;
          animation: vertical 2s ease-in-out infinite alternate;
  left: 630px;
  position: absolute;
  top: -14px;
  width: 309px;
  z-index: 1;
}

@media screen and (max-width: 1199px) {
  .p-topFv__content__smartphone {
    left: calc(580 / 1200 * 100vw);
    top: calc(-14 / 1200 * 100vw);
    width: calc(309 / 1200 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-topFv__content__smartphone {
    display: block;
    margin-top: calc(-10 / 750 * 100vw) ;
    margin-left: calc(-270 / 750 * 100vw) ;
    margin-bottom: calc(40 / 750 * 100vw);
    position: relative;
    width: calc(300 / 750 * 100vw);
  }
}

.p-topFv__content__smartphone img {
  height: auto;
  width: 120%;
}

@media screen and (max-width: 767px) {
  .p-topFv__content__smartphone img {
  height: auto;
  width: 160%;
  }
}

.p-topFv__content__badge {
  bottom: -40px;
  position: absolute;
  right: -80px;
  width: 169px;
  z-index: 1;
}

@media screen and (max-width: 1199px) {
  .p-topFv__content__badge {
    bottom: calc(-40 / 1200 * 100vw);
    right: calc(-80 / 1200 * 100vw);
    width: calc(169 / 1200 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-topFv__content__badge {
    bottom: calc(-20 / 750 * 100vw);
    right: calc(-16 / 750 * 100vw);
    width: calc(218 / 750 * 100vw);
  }
}

.p-topFv__content__badge img {
  height: auto;
  width: 100%;
}

.p-topFv__content__decoItem {
  opacity: 0;
}

.p-topFv__content__decoItem__item {
  position: absolute;
}

.p-topFv__content__decoItem__item--item1 {
  left: -211px;
  top: 111px;
  width: 32px;
}

@media screen and (max-width: 1199px) {
  .p-topFv__content__decoItem__item--item1 {
    left: calc(-211 / 1200 * 100vw);
    top: calc(111 / 1200 * 100vw);
    width: calc(32 / 1200 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-topFv__content__decoItem__item--item1 {
    left: calc(-15 / 750 * 100vw);
    top: calc(280 / 750 * 100vw);
    width: calc(36 / 750 * 100vw);
  }
}

.p-topFv__content__decoItem__item--item2 {
  left: 525px;
  top: 270px;
  width: 20px;
}

@media screen and (max-width: 1199px) {
  .p-topFv__content__decoItem__item--item2 {
    left: calc(525 / 1200 * 100vw);
    top: calc(270 / 1200 * 100vw);
    width: calc(20 / 1200 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-topFv__content__decoItem__item--item2 {
    left: calc(100 / 750 * 100vw);
    top: calc(165 / 750 * 100vw);
    width: calc(23 / 750 * 100vw);
  }
}

.p-topFv__content__decoItem__item--item3 {
  left: 1035px;
  top: 245px;
  width: 41px;
}

@media screen and (max-width: 1199px) {
  .p-topFv__content__decoItem__item--item3 {
    left: calc(1035 / 1200 * 100vw);
    top: calc(245 / 1200 * 100vw);
    width: calc(41 / 1200 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-topFv__content__decoItem__item--item3 {
    left: calc(649 / 750 * 100vw);
    top: calc(70 / 750 * 100vw);
    width: calc(41 / 750 * 100vw);
  }
}

.p-topFv__content__decoItem__item--item4 {
  left: -205px;
  top: 182px;
  width: 124px;
}

@media screen and (max-width: 1199px) {
  .p-topFv__content__decoItem__item--item4 {
    left: calc(-205 / 1200 * 100vw);
    top: calc(182 / 1200 * 100vw);
    width: calc(124 / 1200 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-topFv__content__decoItem__item--item4 {
    left: calc(27 / 750 * 100vw);
    top: calc(236 / 750 * 100vw);
    width: calc(141 / 750 * 100vw);
  }
}

.p-topFv__content__decoItem__item--item5 {
  left: 918px;
  top: 58px;
  width: 160px;
}

@media screen and (max-width: 1199px) {
  .p-topFv__content__decoItem__item--item5 {
    left: calc(918 / 1200 * 100vw);
    top: calc(58 / 1200 * 100vw);
    width: calc(160 / 1200 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-topFv__content__decoItem__item--item5 {
    left: calc(525 / 750 * 100vw);
    top: calc(180 / 750 * 100vw);
    width: calc(183 / 750 * 100vw);
  }
}

.p-topFv__content__decoItem__item--item6 {
  left: 593px;
  top: 178px;
  width: 163px;
}

@media screen and (max-width: 1199px) {
  .p-topFv__content__decoItem__item--item6 {
    left: calc(593 / 1200 * 100vw);
    top: calc(178 / 1200 * 100vw);
    width: calc(163 / 1200 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-topFv__content__decoItem__item--item6 {
    left: calc(456 / 750 * 100vw);
    top: calc(250 / 750 * 100vw);
    width: calc(189 / 750 * 100vw);
  }
}

.p-topFv__content__decoItem__item img {
  height: auto;
  width: 100%;
}

.p-topFv__content__textBox {
  margin-bottom: 26px;
}

@media screen and (max-width: 1199px) {
  .p-topFv__content__textBox {
    margin-bottom: calc(26 / 1200 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-topFv__content__textBox {
    margin-bottom: calc(0 / 750 * 100vw);
  }
}

.p-topFv__content__textBox__copy {
  color: #ffffff;
  font-family: 'Poppins', sans-serif;
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  opacity: 0.5;
}

@media screen and (max-width: 1199px) {
  .p-topFv__content__textBox__copy {
    font-size: calc(14 / 1200 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-topFv__content__textBox__copy {
    font-size: calc(18 / 750 * 100vw);
    text-align: center;
  }
}

.p-topFv__content__textBox__title {
  color: #ffffff;
  font-size: 6.0rem;
  line-height: 90px;
  margin-top: 16px;
}

@media screen and (max-width: 1199px) {
  .p-topFv__content__textBox__title {
    font-size: calc(60 / 1200 * 100vw);
    line-height: calc(90 / 1200 * 100vw);
    margin-top: calc(16 / 1200 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-topFv__content__textBox__title {
    font-size: calc(70 / 750 * 100vw);
    line-height: calc(90 / 750 * 100vw);
    margin-bottom: calc(40 / 750 * 100vw);
    margin-top: calc(20 / 750 * 100vw);
    text-align: center;
  }
}

.p-topFv__content__logoBox {
  position: relative;
}

.p-topFv__content__logoBox__text {
  color: #ffffff;
  font-size: 1.8rem;
  left: 92px;
  letter-spacing: 0.04em;
  position: absolute;
  top: -17px;
}

@media screen and (max-width: 1199px) {
  .p-topFv__content__logoBox__text {
    font-size: calc(18 / 1200 * 100vw);
    left: calc(92 / 1200 * 100vw);
    top: calc(-10 / 1200 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-topFv__content__logoBox__text {
    font-size: calc(23 / 750 * 100vw);
    left: calc(270 / 750 * 100vw);
    top: calc(-20 / 750 * 100vw);
  }
}

.p-topFv__content__logoBox__logo {
  width: 283px;
}

@media screen and (max-width: 1199px) {
  .p-topFv__content__logoBox__logo {
    width: calc(283 / 1200 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-topFv__content__logoBox__logo {
    margin: 0 auto;
    width: calc(365 / 750 * 100vw);
    text-align: center;
  }
}

.p-topFv__content__logoBox__logo img {
  height: auto;
  width: 90%;
}

.p-topFv__content__buttonList {
  margin-top: 42px;
}

@media screen and (max-width: 1199px) {
  .p-topFv__content__buttonList {
    margin-top: calc(42 / 1200 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-topFv__content__buttonList {
    margin-top: calc(50 / 750 * 100vw);
  }
}

.p-topFv__content__buttonList > ul {
  align-items: center;
  display: flex;
}

@media screen and (max-width: 767px) {
  .p-topFv__content__buttonList > ul {
    justify-content: center;
  }
}

.p-topFv__content__buttonList > ul > li {
  margin-left: 20px;
}

@media screen and (max-width: 1199px) {
  .p-topFv__content__buttonList > ul > li {
    margin-left: calc(20 / 1200 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-topFv__content__buttonList > ul > li {
    margin-left: calc(20 / 750 * 100vw);
  }
}

.p-topFv__content__buttonList > ul > li:first-child {
  margin-left: 0;
}

.p-topFv__content__buttonList__button a {
  align-items: center;
  background-color: #ffffff;
  border: 2px solid #ffffff;
  border-radius: 30px;
  color: #3c38ce;
  display: flex;
  font-size: 1.8rem;
  font-weight: 700;
  height: 60px;
  justify-content: center;
  width: 350px;
}

@media screen and (max-width: 1199px) {
  .p-topFv__content__buttonList__button a {
    border: calc(2 / 1200 * 100vw) solid #ffffff;
    border-radius: calc(40 / 1200 * 100vw);
    font-size: calc(18 / 1200 * 100vw);
    height: calc(60 / 1200 * 100vw);
    width: calc(350 / 1200 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-topFv__content__buttonList__button a {
    border: calc(2 / 750 * 100vw) solid #ffffff;
    border-radius: calc(50 / 750 * 100vw);
    font-size: calc(28 / 750 * 100vw);
    height: calc(80 / 750 * 100vw);
    width: calc(515 / 750 * 100vw);
  }
}

.p-topFv__content__buttonList__button a:hover {
  transform: translateY(-2px);
}

@media screen and (max-width: 1199px) {
  .p-topFv__content__buttonList__button a:hover {
    transform: translateY(calc(-2 / 1200 * 100vw));
  }
}

@media screen and (max-width: 767px) {
  .p-topFv__content__buttonList__button a:hover {
    transform: translateY(0);
  }
}

.p-topFv__content__buttonList__button--demo a {
  background-color: transparent;
  color: #ffffff;
}

.p-topFv__logoList {
  align-items: center;
  background-color: #ffffff;
  border-radius: 10px;
  bottom: -62px;
  box-shadow: 5.905px 6.792px 16.2px 1.8px rgba(11, 0, 137, 0.08);
  display: flex;
  height: 123px;
  left: 0;
  margin: 0 auto;
  overflow: hidden;
  position: absolute;
  right: 0;
  width: 1220px;
  z-index: 1;
}

@media screen and (max-width: 1279px) {
  .p-topFv__logoList {
    border-radius: calc(10 / 1280 * 100vw);
    bottom: calc(-62 / 1280 * 100vw);
    box-shadow: calc(5.905 / 1280 * 100vw) calc(6.792 / 1280 * 100vw) calc(16.2 / 1280 * 100vw) calc(1.8 / 1280 * 100vw) rgba(11, 0, 137, 0.08);
    height: calc(123 / 1280 * 100vw);
    width: calc(1220 / 1280 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-topFv__logoList {
    border-radius: 0;
    bottom: calc(-150 / 750 * 100vw);
    box-shadow: calc(5.905 / 750 * 100vw) calc(6.792 / 750 * 100vw) calc(16.2 / 750 * 100vw) calc(1.8 / 750 * 100vw) rgba(11, 0, 137, 0.08);
    height: calc(150 / 750 * 100vw);
    width: 100%;
  }
}

.p-topFv__logoList > ul {
  align-items: center;
  display: flex;
}

.p-topFv__logoList > ul:first-child {
  -webkit-animation: loop 60s -30s linear infinite;
          animation: loop 60s -30s linear infinite;
}

.p-topFv__logoList > ul:last-child {
  -webkit-animation: loop2 60s linear infinite;
          animation: loop2 60s linear infinite;
}

.p-topFv__logoList > ul > li {
  margin-left: 10px;
}

@media screen and (max-width: 1279px) {
  .p-topFv__logoList > ul > li {
    margin-left: calc(10 / 1280 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-topFv__logoList > ul > li {
    margin-left: calc(10 / 750 * 100vw);
  }
}

.p-topFv__logoList__logo {
  height: 52px;
}

@media screen and (max-width: 1279px) {
  .p-topFv__logoList__logo {
    height: calc(52 / 1280 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-topFv__logoList__logo {
    height: calc(60 / 750 * 100vw);
  }
}

.p-topFv__logoList__logo img {
  height: 100%;
  width: auto;
}

.p-topAbout {
  background-color: #f5f5ff;
}

@media screen and (max-width: 767px) {
  .p-topAbout.is-english .p-topAbout__titleBox__text {
    text-align: center;
  }
}

.p-topAbout.is-english .p-topAbout__aboutList__aboutBox__title {
  line-height: 27px;
  margin-bottom: 10px;
  margin-top: 26px;
}

@media screen and (max-width: 1199px) {
  .p-topAbout.is-english .p-topAbout__aboutList__aboutBox__title {
    line-height: calc(27 / 1200 * 100vw);
    margin-bottom: calc(10 / 1200 * 100vw);
    margin-top: calc(26 / 1200 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-topAbout.is-english .p-topAbout__aboutList__aboutBox__title {
    line-height: calc(20 / 750 * 100vw);
    margin-bottom: calc(30 / 750 * 100vw);
    margin-top: calc(38 / 750 * 100vw);
  }
}

.p-topAbout.is-english .p-topAbout__aboutList__aboutBox__text {
  text-align: left;
}

.p-topAbout__inner {
  padding-bottom: 100px;
  padding-top: 140px;
  position: relative;
}

@media screen and (max-width: 1199px) {
  .p-topAbout__inner {
    padding-bottom: calc(100 / 1200 * 100vw);
    padding-top: calc(140 / 1200 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-topAbout__inner {
    padding-bottom: calc(120 / 750 * 100vw);
    padding-top: calc(270 / 750 * 100vw);
  }
}

.p-topAbout__titleBox {
  margin-bottom: 60px;
  text-align: center;
}

@media screen and (max-width: 1199px) {
  .p-topAbout__titleBox {
    margin-bottom: calc(60 / 1200 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-topAbout__titleBox {
    margin-bottom: calc(70 / 750 * 100vw);
  }
}

.p-topAbout__titleBox__title {
  color: #090587;
  font-size: 4.2rem;
  margin-bottom: 30px;
}

@media screen and (max-width: 1199px) {
  .p-topAbout__titleBox__title {
    font-size: calc(42 / 1200 * 100vw);
    margin-bottom: calc(30 / 1200 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-topAbout__titleBox__title {
    font-size: calc(54 / 750 * 100vw);
    line-height: calc(76 / 750 * 100vw);
    margin-bottom: calc(50 / 750 * 100vw);
  }
}

.p-topAbout__titleBox__text {
  color: #474747;
  font-size: 1.8rem;
  line-height: 30px;
}

@media screen and (max-width: 1199px) {
  .p-topAbout__titleBox__text {
    font-size: calc(18 / 1200 * 100vw);
    line-height: calc(30 / 1200 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-topAbout__titleBox__text {
    font-size: calc(28 / 750 * 100vw);
    line-height: calc(46 / 750 * 100vw);
    text-align: center;
    margin-bottom: calc(20 / 750 * 100vw);
  }
}

.p-topAbout__aboutList {
  position: relative;
  z-index: 1;
}

.p-topAbout__aboutList > ul {
  display: flex;
  justify-content: space-between;
}

@media screen and (max-width: 767px) {
  .p-topAbout__aboutList > ul {
    display: block;
  }
}

@media screen and (max-width: 767px) {
  .p-topAbout__aboutList > ul > li {
    margin-top: calc(60 / 750 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-topAbout__aboutList > ul > li:first-child {
    margin-top: 0;
  }
}

.p-topAbout__aboutList > ul > li:last-child .p-topAbout__aboutList__aboutBox {
  position: relative;
}

.p-topAbout__aboutList > ul > li:last-child .p-topAbout__aboutList__aboutBox::after {
  background-image: url(../images/illust_mouse_1.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: '';
  display: inline-block;
  height: 195px;
  position: absolute;
  right: -92px;
  top: 76px;
  width: 98px;
}

@media screen and (max-width: 1199px) {
  .p-topAbout__aboutList > ul > li:last-child .p-topAbout__aboutList__aboutBox::after {
    height: calc(195 / 1200 * 100vw);
    right: calc(-92 / 1200 * 100vw);
    top: calc(76 / 1200 * 100vw);
    width: calc(98 / 1200 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-topAbout__aboutList > ul > li:last-child .p-topAbout__aboutList__aboutBox::after {
    display: none;
  }
}

.p-topAbout__aboutList__aboutBox {
  background-color: #ffffff;
  box-shadow: 5.905px 6.792px 16.2px 1.8px rgba(11, 0, 137, 0.08);
  height: 346px;
  padding-left: 35px;
  padding-right: 35px;
  padding-top: 45px;
  width: 320px;
}

@media screen and (max-width: 1199px) {
  .p-topAbout__aboutList__aboutBox {
    box-shadow: calc(5.905 / 1200 * 100vw) calc(6.792 / 1200 * 100vw) calc(16.2 / 1200 * 100vw) calc(1.8 / 1200 * 100vw) rgba(11, 0, 137, 0.08);
    height: calc(346 / 1200 * 100vw);
    padding-left: calc(35 / 1200 * 100vw);
    padding-right: calc(35 / 1200 * 100vw);
    padding-top: calc(45 / 1200 * 100vw);
    width: calc(320 / 1200 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-topAbout__aboutList__aboutBox {
    box-shadow: calc(5.905 / 750 * 100vw) calc(6.792 / 750 * 100vw) calc(16.2 / 750 * 100vw) calc(1.8 / 750 * 100vw) rgba(11, 0, 137, 0.08);
    height: auto;
    padding-bottom: calc(45 / 750 * 100vw);
    padding-left: calc(38 / 750 * 100vw);
    padding-right: calc(38 / 750 * 100vw);
    padding-top: calc(45 / 750 * 100vw);
    width: 100%;
  }
}

.p-topAbout__aboutList__aboutBox__icon {
  height: 60px;
  text-align: center;
}

@media screen and (max-width: 1199px) {
  .p-topAbout__aboutList__aboutBox__icon {
    height: calc(60 / 1200 * 100vw);
    text-align: center;
  }
}

@media screen and (max-width: 767px) {
  .p-topAbout__aboutList__aboutBox__icon {
    height: calc(90 / 750 * 100vw);
    text-align: center;
  }
}

.p-topAbout__aboutList__aboutBox__icon img {
  height: 100%;
  width: auto;
}

.p-topAbout__aboutList__aboutBox__title {
  font-size: 1.8rem;
  line-height: 20px;
  margin-bottom: 20px;
  margin-top: 40px;
}

@media screen and (max-width: 1199px) {
  .p-topAbout__aboutList__aboutBox__title {
    font-size: calc(18 / 1200 * 100vw);
    line-height: calc(20 / 1200 * 100vw);
    margin-bottom: calc(20 / 1200 * 100vw);
    margin-top: calc(40 / 1200 * 100vw);
    text-align: center;
  }
}

@media screen and (max-width: 767px) {
  .p-topAbout__aboutList__aboutBox__title {
    font-size: calc(28 / 750 * 100vw);
    line-height: calc(20 / 750 * 100vw);
    margin-bottom: calc(30 / 750 * 100vw);
    margin-top: calc(38 / 750 * 100vw);
    text-align: center;
  }
}

.p-topAbout__aboutList__aboutBox__text {
  color: #474747;
  font-size: 1.4rem;
  line-height: 24px;
  text-align: justify;
}

@media screen and (max-width: 1199px) {
  .p-topAbout__aboutList__aboutBox__text {
    font-size: calc(14 / 1200 * 100vw);
    line-height: calc(24 / 1200 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-topAbout__aboutList__aboutBox__text {
    font-size: calc(24 / 750 * 100vw);
    line-height: calc(42 / 750 * 100vw);
  }
}

.p-topAbout__decoItem {
  opacity: 0;
}

@media screen and (max-width: 767px) {
  .p-topAbout__decoItem {
    display: none;
  }
}

.p-topAbout__decoItem__item {
  position: absolute;
}

.p-topAbout__decoItem__item--item1 {
  left: -128px;
  top: 506px;
  width: 30px;
}

@media screen and (max-width: 1199px) {
  .p-topAbout__decoItem__item--item1 {
    left: calc(-128 / 1200 * 100vw);
    top: calc(506 / 1200 * 100vw);
    width: calc(30 / 1200 * 100vw);
  }
}

.p-topAbout__decoItem__item--item2 {
  left: -59px;
  top: 575px;
  width: 89px;
}

@media screen and (max-width: 1199px) {
  .p-topAbout__decoItem__item--item2 {
    left: calc(-59 / 1200 * 100vw);
    top: calc(575 / 1200 * 100vw);
    width: calc(89 / 1200 * 100vw);
  }
}

.p-topAbout__decoItem__item--item3 {
  left: 968px;
  top: 244px;
  width: 164px;
}

@media screen and (max-width: 1199px) {
  .p-topAbout__decoItem__item--item3 {
    left: calc(968 / 1200 * 100vw);
    top: calc(244 / 1200 * 100vw);
    width: calc(164 / 1200 * 100vw);
  }
}

.p-topAbout__decoItem__item--item4 {
  left: 806px;
  top: -6px;
  width: 152px;
}

@media screen and (max-width: 1199px) {
  .p-topAbout__decoItem__item--item4 {
    left: calc(806 / 1200 * 100vw);
    top: calc(-6 / 1200 * 100vw);
    width: calc(152 / 1200 * 100vw);
  }
}

.p-topAbout__decoItem__item img {
  height: auto;
  width: 100%;
}

.p-topCasestudy.is-english .p-topCasestudy__casestudyList__casestudyBox {
  padding: 50px 80px 0;
}

@media screen and (max-width: 1199px) {
  .p-topCasestudy.is-english .p-topCasestudy__casestudyList__casestudyBox {
    padding: calc(50 / 1200 * 100vw) calc(80 / 1200 * 100vw) 0;
  }
}

@media screen and (max-width: 767px) {
  .p-topCasestudy.is-english .p-topCasestudy__casestudyList__casestudyBox {
    padding: calc(60 / 750 * 100vw) calc(38 / 750 * 100vw) 0;
  }
}

.p-topCasestudy.is-english .p-topCasestudy__casestudyList__casestudyBox__textBox__title {
  line-height: 54px;
  margin-bottom: 10px;
}

@media screen and (max-width: 1199px) {
  .p-topCasestudy.is-english .p-topCasestudy__casestudyList__casestudyBox__textBox__title {
    line-height: calc(54 / 1200 * 100vw);
    margin-bottom: calc(10 / 1200 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-topCasestudy.is-english .p-topCasestudy__casestudyList__casestudyBox__textBox__title {
    line-height: calc(90 / 1200 * 100vw);
    margin-bottom: calc(20 / 1200 * 100vw);
  }
}

.p-topCasestudy.is-english .p-topCasestudy__casestudyList__casestudyBox__textBox__text {
  height: 164px;
  text-align: left;
}

@media screen and (max-width: 1199px) {
  .p-topCasestudy.is-english .p-topCasestudy__casestudyList__casestudyBox__textBox__text {
    height: calc(164 / 1200 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-topCasestudy.is-english .p-topCasestudy__casestudyList__casestudyBox__textBox__text {
    height: auto;
  }
}

@media screen and (max-width: 767px) {
  .p-topCasestudy.is-english .p-topCasestudy__casestudyList__casestudyBox__image {
    width: calc(240 / 750 * 100vw);
  }
}

.p-topCasestudy__inner {
  padding-bottom: 40px;
  padding-top: 120px;
  position: relative;
}

@media screen and (max-width: 1199px) {
  .p-topCasestudy__inner {
    padding-bottom: calc(40 / 1200 * 100vw);
    padding-top: calc(120 / 1200 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-topCasestudy__inner {
    padding-bottom: calc(170 / 750 * 100vw);
    padding-top: calc(120 / 750 * 100vw);
  }
}

.p-topCasestudy__casestudyList .swiper-pagination {
  display: none;
}

@media screen and (max-width: 767px) {
  .p-topCasestudy__casestudyList .swiper-pagination {
    display: block;
  }
}

@media screen and (max-width: 767px) {
  .p-topCasestudy__casestudyList .swiper-button-next,
  .p-topCasestudy__casestudyList .swiper-button-prev {
    display: none;
  }
}

.p-topCasestudy__casestudyList__casestudyBox {
  border-radius: 40px;
  box-shadow: 3.28px 3.774px 16.2px 1.8px rgba(11, 0, 137, 0.1);
  display: flex;
  height: 498px;
  padding: 60px 80px 0;
  position: relative;
}

@media screen and (max-width: 1199px) {
  .p-topCasestudy__casestudyList__casestudyBox {
    border-radius: calc(40 / 1200 * 100vw);
    box-shadow: calc(3.28 / 1200 * 100vw) calc(3.774 / 1200 * 100vw) calc(16.2 / 1200 * 100vw) calc(1.8 / 1200 * 100vw) rgba(11, 0, 137, 0.1);
    height: calc(498 / 1200 * 100vw);
    padding: calc(60 / 1200 * 100vw) calc(80 / 1200 * 100vw) 0;
  }
}

@media screen and (max-width: 767px) {
  .p-topCasestudy__casestudyList__casestudyBox {
    border-radius: calc(40 / 750 * 100vw);
    box-shadow: calc(3.28 / 750 * 100vw) calc(3.774 / 750 * 100vw) calc(16.2 / 750 * 100vw) calc(1.8 / 750 * 100vw) rgba(11, 0, 137, 0.1);
    display: block;
    height: calc(1043 / 750 * 100vw);
    padding: calc(60 / 750 * 100vw) calc(38 / 750 * 100vw) 0;
  }
}

.p-topCasestudy__casestudyList__casestudyBox--casestudy1 {
  background-color: #325ce6;
}

.p-topCasestudy__casestudyList__casestudyBox--casestudy2 {
  background-color: #7e7cd0;
}

.p-topCasestudy__casestudyList__casestudyBox--casestudy3 {
  background-color: #3c38ce;
}

.p-topCasestudy__casestudyList__casestudyBox__image {
  left: 80px;
  position: absolute;
  top: 44px;
  width: 359px;
}

@media screen and (max-width: 1199px) {
  .p-topCasestudy__casestudyList__casestudyBox__image {
    left: calc(80 / 1200 * 100vw);
    top: calc(44 / 1200 * 100vw);
    width: calc(359 / 1200 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-topCasestudy__casestudyList__casestudyBox__image {
    margin: 0 auto;
    position: static;
    width: calc(295 / 750 * 100vw);
  }
}

.p-topCasestudy__casestudyList__casestudyBox__image img {
  height: auto;
  width: 100%;
}

.p-topCasestudy__casestudyList__casestudyBox__copyright {
  color: #ffffff;
  font-size: 1.5rem;
  left: 417px;
  position: absolute;
  top: 427px;
}

@media screen and (max-width: 1199px) {
  .p-topCasestudy__casestudyList__casestudyBox__copyright {
    font-size: calc(15 / 1200 * 100vw);
    left: calc(417 / 1200 * 100vw);
    top: calc(427 / 1200 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-topCasestudy__casestudyList__casestudyBox__copyright {
    font-size: calc(15 / 750 * 100vw);
    left: calc(460 / 750 * 100vw);
    top: calc(380 / 750 * 100vw);
  }
}

.p-topCasestudy__casestudyList__casestudyBox__textBox {
  color: #ffffff;
  margin-left: auto;
  width: 400px;
}

@media screen and (max-width: 1199px) {
  .p-topCasestudy__casestudyList__casestudyBox__textBox {
    width: calc(400 / 1200 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-topCasestudy__casestudyList__casestudyBox__textBox {
    margin-top: calc(20 / 750 * 100vw);
    width: 100%;
  }
}

.p-topCasestudy__casestudyList__casestudyBox__textBox__title {
  font-size: 3.6rem;
  line-height: 60px;
  margin-bottom: 20px;
}

@media screen and (max-width: 1199px) {
  .p-topCasestudy__casestudyList__casestudyBox__textBox__title {
    font-size: calc(36 / 1200 * 100vw);
    line-height: calc(60 / 1200 * 100vw);
    margin-bottom: calc(20 / 1200 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-topCasestudy__casestudyList__casestudyBox__textBox__title {
    font-size: calc(50 / 750 * 100vw);
    line-height: calc(75 / 750 * 100vw);
    margin-bottom: calc(20 / 750 * 100vw);
  }
}

.p-topCasestudy__casestudyList__casestudyBox__textBox__text {
  font-size: 1.4rem;
  height: 115px;
  line-height: 24px;
  text-align: justify;
}

@media screen and (max-width: 1199px) {
  .p-topCasestudy__casestudyList__casestudyBox__textBox__text {
    font-size: calc(14 / 1200 * 100vw);
    height: calc(115 / 1200 * 100vw);
    line-height: calc(24 / 1200 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-topCasestudy__casestudyList__casestudyBox__textBox__text {
    font-size: calc(24 / 750 * 100vw);
    height: auto;
    line-height: calc(42 / 750 * 100vw);
  }
}

.p-topCasestudy__casestudyList__casestudyBox__textBox__numberBox {
  padding-top: 24px;
  position: relative;
}

@media screen and (max-width: 1199px) {
  .p-topCasestudy__casestudyList__casestudyBox__textBox__numberBox {
    padding-top: calc(24 / 1200 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-topCasestudy__casestudyList__casestudyBox__textBox__numberBox {
    margin-top: calc(40 / 750 * 100vw);
    padding-top: calc(40 / 750 * 100vw);
  }
}

.p-topCasestudy__casestudyList__casestudyBox__textBox__numberBox::before {
  background-color: #ffffff;
  content: '';
  display: inline-block;
  height: 1px;
  left: 0;
  position: absolute;
  top: 0;
  width: 126px;
}

@media screen and (max-width: 1199px) {
  .p-topCasestudy__casestudyList__casestudyBox__textBox__numberBox::before {
    width: calc(126 / 1200 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-topCasestudy__casestudyList__casestudyBox__textBox__numberBox::before {
    width: 100%;
  }
}

.p-topCasestudy__casestudyList__casestudyBox__textBox__numberBox__title {
  font-size: 1.8rem;
  margin-bottom: 12px;
}

@media screen and (max-width: 1199px) {
  .p-topCasestudy__casestudyList__casestudyBox__textBox__numberBox__title {
    font-size: calc(18 / 1200 * 100vw);
    margin-bottom: calc(12 / 1200 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-topCasestudy__casestudyList__casestudyBox__textBox__numberBox__title {
    font-size: calc(28 / 750 * 100vw);
    margin-bottom: calc(30 / 750 * 100vw);
    text-align: center;
  }
}

.p-topCasestudy__casestudyList__casestudyBox__textBox__numberBox__number {
  font-size: 6.2rem;
  font-weight: 700;
  white-space: nowrap;
}

@media screen and (max-width: 1199px) {
  .p-topCasestudy__casestudyList__casestudyBox__textBox__numberBox__number {
    font-size: calc(62 / 1200 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-topCasestudy__casestudyList__casestudyBox__textBox__numberBox__number {
    font-size: calc(72 / 750 * 100vw);
    text-align: center;
  }
}

.p-topCasestudy__decoItem {
  opacity: 0;
}

@media screen and (max-width: 767px) {
  .p-topCasestudy__decoItem {
    display: none;
  }
}

.p-topCasestudy__decoItem__item {
  position: absolute;
}

.p-topCasestudy__decoItem__item--item1 {
  left: 866px;
  top: 42px;
  width: 197px;
}

@media screen and (max-width: 1199px) {
  .p-topCasestudy__decoItem__item--item1 {
    left: calc(866 / 1200 * 100vw);
    top: calc(42 / 1200 * 100vw);
    width: calc(197 / 1200 * 100vw);
  }
}

.p-topCasestudy__decoItem__item img {
  height: auto;
  width: 100%;
}

.p-topReason.is-english .p-topReason__reasonList__reasonBox__leftBox__textBox__title {
  line-height: 40px;
  margin-bottom: 16px;
}

@media screen and (max-width: 1199px) {
  .p-topReason.is-english .p-topReason__reasonList__reasonBox__leftBox__textBox__title {
    line-height: calc(40 / 1200 * 100vw);
    margin-bottom: calc(16 / 1200 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-topReason.is-english .p-topReason__reasonList__reasonBox__leftBox__textBox__title {
    line-height: calc(55 / 750 * 100vw);
    margin-bottom: calc(30 / 750 * 100vw);
  }
}

.p-topReason.is-english .p-topReason__reasonList__reasonBox__leftBox__textBox__text {
  text-align: left;
  line-height: calc(8 / 750 * 100vw);
}


@media screen and (max-width: 1199px) {
  .p-topReason.is-english .p-topReason__reasonList__reasonBox__leftBox__textBox__text {
  text-align: left;
  line-height: calc(8 / 750 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-topReason.is-english .p-topReason__reasonList__reasonBox__leftBox__textBox__text {
  text-align: left;
  line-height: calc(35 / 750 * 100vw);
  }
}



.p-topReason__title {
  color: #090587;
  font-size: 4.2rem;
  font-size: 700;
  margin: 80px 0;
  text-align: center;
}

@media screen and (max-width: 1399px) {
  .p-topReason__title {
    font-size: calc(56 / 1400 * 100vw);
    margin: calc(80 / 1400 * 100vw) 0;
  }
}

@media screen and (max-width: 767px) {
  .p-topReason__title {
    font-size: calc(54 / 750 * 100vw);
    margin: calc(70 / 750 * 100vw) 0;
  }
}

.p-topReason__reasonList {
  margin: 0 auto;
  width: 1400px;
}

@media screen and (max-width: 1399px) {
  .p-topReason__reasonList {
    width: calc(1400 / 1400 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-topReason__reasonList {
    width: 100%;
  }
}

.span-blue  {
  color: #0A1887;
  font-weight: bold;
}


.p-topReason__reasonList__reasonBox__inner {
  /*background-color: #f5f5ff;*/
  border-radius: 0 80px 0 0;
  display: flex;
  flex-direction: row-reverse;
  height: 577px;
  margin-left: -100vw;
  padding-left: 100vw;
}

@media screen and (max-width: 1399px) {
  .p-topReason__reasonList__reasonBox__inner {
    border-radius: 0 calc(80 / 1400 * 100vw) 0 0;
    height: calc(610 / 1400 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-topReason__reasonList__reasonBox__inner {
    border-radius: 0;
    display: block;
    height: auto;
    margin-left: 0;
    padding-left: 0;
  }
}

.p-topReason__reasonList__reasonBox--reason1 .p-topReason__reasonList__reasonBox__rightBox {
  /*background-color: #8a88e2;*/
}

.p-topReason__reasonList__reasonBox--reason1 .p-topReason__reasonList__reasonBox__rightBox__illust {
  background-image: url(../images/topReason_illust_1.png);
}

@media screen and (max-width: 767px) {
  .p-topReason__reasonList__reasonBox--reason1 .p-topReason__reasonList__reasonBox__rightBox__illust {
    background-image: url(../images/topReason_illust_1_sp.png);
  }
}

.p-topReason__reasonList__reasonBox--reason1 .p-topReason__reasonList__reasonBox__rightBox__decoItem__item--item1 {
  left: 563px;
  top: 266px;
  width: 13px;
}

@media screen and (max-width: 1399px) {
  .p-topReason__reasonList__reasonBox--reason1 .p-topReason__reasonList__reasonBox__rightBox__decoItem__item--item1 {
    left: calc(568 / 1400 * 100vw);
    top: calc(260 / 1400 * 100vw);
    width: calc(17 / 1400 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-topReason__reasonList__reasonBox--reason1 .p-topReason__reasonList__reasonBox__rightBox__decoItem__item--item1 {
    left: calc(653 / 750 * 100vw);
    top: calc(138 / 750 * 100vw);
    width: calc(21 / 750 * 100vw);
  }
}

.p-topReason__reasonList__reasonBox--reason1 .p-topReason__reasonList__reasonBox__rightBox__decoItem__item--item2 {
  left: 470px;
  top: 337px;
  width: 146px;
}

@media screen and (max-width: 1399px) {
  .p-topReason__reasonList__reasonBox--reason1 .p-topReason__reasonList__reasonBox__rightBox__decoItem__item--item2 {
    left: calc(481 / 1400 * 100vw);
    top: calc(331 / 1400 * 100vw);
    width: calc(146 / 1400 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-topReason__reasonList__reasonBox--reason1 .p-topReason__reasonList__reasonBox__rightBox__decoItem__item--item2 {
    left: calc(551 / 750 * 100vw);
    top: calc(215 / 750 * 100vw);
    width: calc(176 / 750 * 100vw);
  }
}

.p-topReason__reasonList__reasonBox--reason1 .p-topReason__reasonList__reasonBox__rightBox__decoItem__item--item3 {
  left: 492px;
  top: 302px;
  width: 128px;
}

@media screen and (max-width: 1399px) {
  .p-topReason__reasonList__reasonBox--reason1 .p-topReason__reasonList__reasonBox__rightBox__decoItem__item--item3 {
    left: calc(516 / 1400 * 100vw);
    top: calc(297 / 1400 * 100vw);
    width: calc(118 / 1400 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-topReason__reasonList__reasonBox--reason1 .p-topReason__reasonList__reasonBox__rightBox__decoItem__item--item3 {
    left: calc(577 / 750 * 100vw);
    top: calc(179 / 750 * 100vw);
    width: calc(153 / 750 * 100vw);
  }
}

.p-topReason__reasonList__reasonBox--reason2 .p-topReason__reasonList__reasonBox__inner {
  border-radius: 0 0 0 80px;
  flex-direction: row;
  margin-left: 0;
  margin-right: -100vw;
  padding-left: 0;
  padding-right: 100vw;
}

@media screen and (max-width: 1399px) {
  .p-topReason__reasonList__reasonBox--reason2 .p-topReason__reasonList__reasonBox__inner {
    border-radius: 0 0 0 calc(80 / 1400 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-topReason__reasonList__reasonBox--reason2 .p-topReason__reasonList__reasonBox__inner {
    border-radius: 0;
    margin-right: 0;
    padding-right: 0;
  }
}

.p-topReason__reasonList__reasonBox--reason2 .p-topReason__reasonList__reasonBox__rightBox {
  /*background-color: #3c38ce;*/
  border-radius: 0 0 0 80px;
}

@media screen and (max-width: 1399px) {
  .p-topReason__reasonList__reasonBox--reason2 .p-topReason__reasonList__reasonBox__rightBox {
    border-radius: 0 0 0 calc(80 / 1400 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-topReason__reasonList__reasonBox--reason2 .p-topReason__reasonList__reasonBox__rightBox {
    border-radius: 0;
  }
}

.p-topReason__reasonList__reasonBox--reason2 .p-topReason__reasonList__reasonBox__rightBox__illust {
  background-image: url(../images/topReason_illust_2.png);
}

@media screen and (max-width: 767px) {
  .p-topReason__reasonList__reasonBox--reason2 .p-topReason__reasonList__reasonBox__rightBox__illust {
    background-image: url(../images/topReason_illust_2_sp.png);
  }
}

.p-topReason__reasonList__reasonBox--reason2 .p-topReason__reasonList__reasonBox__rightBox__decoItem__item--item1 {
  left: 550px;
  top: 232px;
  width: 27px;
}

@media screen and (max-width: 1399px) {
  .p-topReason__reasonList__reasonBox--reason2 .p-topReason__reasonList__reasonBox__rightBox__decoItem__item--item1 {
    left: calc(550 / 1400 * 100vw);
    top: calc(217 / 1400 * 100vw);
    width: calc(26 / 1400 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-topReason__reasonList__reasonBox--reason2 .p-topReason__reasonList__reasonBox__rightBox__decoItem__item--item1 {
    left: calc(655 / 750 * 100vw);
    top: calc(316 / 750 * 100vw);
    width: calc(37 / 750 * 100vw);
  }
}

.p-topReason__reasonList__reasonBox--reason2 .p-topReason__reasonList__reasonBox__rightBox__decoItem__item--item2 {
  left: 78px;
  top: 205px;
  width: 121px;
}

@media screen and (max-width: 1399px) {
  .p-topReason__reasonList__reasonBox--reason2 .p-topReason__reasonList__reasonBox__rightBox__decoItem__item--item2 {
    left: calc(67 / 1400 * 100vw);
    top: calc(196 / 1400 * 100vw);
    width: calc(133 / 1400 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-topReason__reasonList__reasonBox--reason2 .p-topReason__reasonList__reasonBox__rightBox__decoItem__item--item2 {
    left: calc(47 / 750 * 100vw);
    top: calc(285 / 750 * 100vw);
    width: calc(159 / 750 * 100vw);
  }
}

.p-topReason__reasonList__reasonBox--reason2 .p-topReason__reasonList__reasonBox__rightBox__decoItem__item--item3 {
  left: 395px;
  top: 51px;
  width: 196px;
}

@media screen and (max-width: 1399px) {
  .p-topReason__reasonList__reasonBox--reason2 .p-topReason__reasonList__reasonBox__rightBox__decoItem__item--item3 {
    left: calc(383 / 1400 * 100vw);
    top: calc(38 / 1400 * 100vw);
    width: calc(182 / 1400 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-topReason__reasonList__reasonBox--reason2 .p-topReason__reasonList__reasonBox__rightBox__decoItem__item--item3 {
    left: calc(460 / 750 * 100vw);
    top: calc(88 / 750 * 100vw);
    width: calc(230 / 750 * 100vw);
  }
}

.p-topReason__reasonList__reasonBox--reason3 .p-topReason__reasonList__reasonBox__rightBox {
  /*background-color: #4e4ae6;*/
}

.p-topReason__reasonList__reasonBox--reason3 .p-topReason__reasonList__reasonBox__rightBox__illust {
  background-image: url(../images/topReason_illust_3.png);
}

@media screen and (max-width: 767px) {
  .p-topReason__reasonList__reasonBox--reason3 .p-topReason__reasonList__reasonBox__rightBox__illust {
    background-image: url(../images/topReason_illust_3_sp.png);
  }
}

.p-topReason__reasonList__reasonBox--reason3 .p-topReason__reasonList__reasonBox__rightBox__decoItem__item--item1 {
  left: 163px;
  top: 137px;
  width: 17px;
}

@media screen and (max-width: 1399px) {
  .p-topReason__reasonList__reasonBox--reason3 .p-topReason__reasonList__reasonBox__rightBox__decoItem__item--item1 {
    left: calc(180 / 1400 * 100vw);
    top: calc(147 / 1400 * 100vw);
    width: calc(17 / 1400 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-topReason__reasonList__reasonBox--reason3 .p-topReason__reasonList__reasonBox__rightBox__decoItem__item--item1 {
    left: calc(183 / 750 * 100vw);
    top: calc(154 / 750 * 100vw);
    width: calc(20 / 750 * 100vw);
  }
}

.p-topReason__reasonList__reasonBox--reason3 .p-topReason__reasonList__reasonBox__rightBox__decoItem__item--item2 {
  left: 182px;
  top: 156px;
  width: 100px;
}

@media screen and (max-width: 1399px) {
  .p-topReason__reasonList__reasonBox--reason3 .p-topReason__reasonList__reasonBox__rightBox__decoItem__item--item2 {
    left: calc(199 / 1400 * 100vw);
    top: calc(158 / 1400 * 100vw);
    width: calc(95 / 1400 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-topReason__reasonList__reasonBox--reason3 .p-topReason__reasonList__reasonBox__rightBox__decoItem__item--item2 {
    left: calc(204 / 750 * 100vw);
    top: calc(174 / 750 * 100vw);
    width: calc(100 / 750 * 100vw);
  }
}

.p-topReason__reasonList__reasonBox--reason3 .p-topReason__reasonList__reasonBox__rightBox__decoItem__item--item3 {
  left: 502px;
  top: 34px;
  width: 134px;
}

@media screen and (max-width: 1399px) {
  .p-topReason__reasonList__reasonBox--reason3 .p-topReason__reasonList__reasonBox__rightBox__decoItem__item--item3 {
    left: calc(510 / 1400 * 100vw);
    top: calc(30 / 1400 * 100vw);
    width: calc(140 / 1400 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-topReason__reasonList__reasonBox--reason3 .p-topReason__reasonList__reasonBox__rightBox__decoItem__item--item3 {
    left: calc(531 / 750 * 100vw);
    top: calc(41 / 750 * 100vw);
    width: calc(154 / 750 * 100vw);
  }
}

.p-topReason__reasonList__reasonBox--reason4 .p-topReason__reasonList__reasonBox__inner {
  border-radius: 0 0 0 80px;
  flex-direction: row;
  margin-left: 0;
  margin-right: -100vw;
  padding-left: 0;
  padding-right: 100vw;
}

@media screen and (max-width: 1399px) {
  .p-topReason__reasonList__reasonBox--reason4 .p-topReason__reasonList__reasonBox__inner {
    border-radius: 0 0 0 calc(80 / 1400 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-topReason__reasonList__reasonBox--reason4 .p-topReason__reasonList__reasonBox__inner {
    border-radius: 0;
    margin-right: 0;
    padding-right: 0;
  }
}

.p-topReason__reasonList__reasonBox--reason4 .p-topReason__reasonList__reasonBox__rightBox {
  /*background-color: #3c38ce;*/
  border-radius: 0 0 0 80px;
}

@media screen and (max-width: 1399px) {
  .p-topReason__reasonList__reasonBox--reason4 .p-topReason__reasonList__reasonBox__rightBox {
    border-radius: 0 0 0 calc(80 / 1400 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-topReason__reasonList__reasonBox--reason4 .p-topReason__reasonList__reasonBox__rightBox {
    border-radius: 0;
  }
}

.p-topReason__reasonList__reasonBox--reason4 .p-topReason__reasonList__reasonBox__rightBox__illust {
  background-image: url(../images/topReason_illust_4.png);
}

@media screen and (max-width: 767px) {
  .p-topReason__reasonList__reasonBox--reason4 .p-topReason__reasonList__reasonBox__rightBox__illust {
    background-image: url(../images/topReason_illust_4_sp.png);
  }
}

.p-topReason__reasonList__reasonBox--reason4 .p-topReason__reasonList__reasonBox__rightBox__decoItem__item--item1 {
  left: 370px;
  top: 52px;
  width: 24px;
  transform: rotate(45deg);
}

@media screen and (max-width: 1399px) {
  .p-topReason__reasonList__reasonBox--reason4 .p-topReason__reasonList__reasonBox__rightBox__decoItem__item--item1 {
    left: calc(370 / 1400 * 100vw);
    top: calc(50 / 1400 * 100vw);
    width: calc(27 / 1400 * 100vw);
    transform: rotate(45deg);
  }
}

@media screen and (max-width: 767px) {
  .p-topReason__reasonList__reasonBox--reason4 .p-topReason__reasonList__reasonBox__rightBox__decoItem__item--item1 {
    left: calc(400 / 750 * 100vw);
    top: calc(38 / 750 * 100vw);
    width: calc(25 / 750 * 100vw);
    transform: rotate(45deg);
  }
}

.p-topReason__reasonList__reasonBox--reason4 .p-topReason__reasonList__reasonBox__rightBox__decoItem__item--item2 {
  left: 156px;
  top: 101px;
  width: 110px;
}

@media screen and (max-width: 1399px) {
  .p-topReason__reasonList__reasonBox--reason4 .p-topReason__reasonList__reasonBox__rightBox__decoItem__item--item2 {
    left: calc(140 / 1400 * 100vw);
    top: calc(85 / 1400 * 100vw);
    width: calc(140 / 1400 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-topReason__reasonList__reasonBox--reason4 .p-topReason__reasonList__reasonBox__rightBox__decoItem__item--item2 {
    left: calc(141 / 750 * 100vw);
    top: calc(91 / 750 * 100vw);
    width: calc(140 / 750 * 100vw);
  }
}

.p-topReason__reasonList__reasonBox--reason4 .p-topReason__reasonList__reasonBox__rightBox__decoItem__item--item3 {
  left: 384px;
  top: 40px;
  width: 153px;
}

@media screen and (max-width: 1399px) {
  .p-topReason__reasonList__reasonBox--reason4 .p-topReason__reasonList__reasonBox__rightBox__decoItem__item--item3 {
    left: calc(382 / 1400 * 100vw);
    top: calc(45 / 1400 * 100vw);
    width: calc(155 / 1400 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-topReason__reasonList__reasonBox--reason4 .p-topReason__reasonList__reasonBox__rightBox__decoItem__item--item3 {
    left: calc(426 / 750 * 100vw);
    top: calc(30 / 750 * 100vw);
    width: calc(181 / 750 * 100vw);
  }
}

.p-topReason__reasonList__reasonBox--reason5 .p-topReason__reasonList__reasonBox__rightBox {
  /*background-color: #4e4ae6;*/
}

.p-topReason__reasonList__reasonBox--reason5 .p-topReason__reasonList__reasonBox__rightBox__illust {
  background-image: url(../images/topReason_illust_5.png);
  top: calc(-27 / 1400 * 100vw);
}

@media screen and (max-width: 767px) {
  .p-topReason__reasonList__reasonBox--reason5 .p-topReason__reasonList__reasonBox__rightBox__illust {
    background-image: url(../images/topReason_illust_5_sp.png);
  }
}

.p-topReason__reasonList__reasonBox--reason5 .p-topReason__reasonList__reasonBox__rightBox__decoItem__item--item1 {
  left: 479px;
  top: 247px;
  width: 16px;
}

@media screen and (max-width: 1399px) {
  .p-topReason__reasonList__reasonBox--reason5 .p-topReason__reasonList__reasonBox__rightBox__decoItem__item--item1 {
    left: calc(477 / 1400 * 100vw);
    top: calc(267 / 1400 * 100vw);
    width: calc(17 / 1400 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-topReason__reasonList__reasonBox--reason5 .p-topReason__reasonList__reasonBox__rightBox__decoItem__item--item1 {
    left: calc(500 / 750 * 100vw);
    top: calc(290 / 750 * 100vw);
    width: calc(20 / 750 * 100vw);
  }
}

.p-topReason__reasonList__reasonBox--reason5 .p-topReason__reasonList__reasonBox__rightBox__decoItem__item--item2 {
  left: 97px;
  top: 218px;
  width: 111px;
}

@media screen and (max-width: 1399px) {
  .p-topReason__reasonList__reasonBox--reason5 .p-topReason__reasonList__reasonBox__rightBox__decoItem__item--item2 {
    left: calc(90 / 1400 * 100vw);
    top: calc(205 / 1400 * 100vw);
    width: calc(120 / 1400 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-topReason__reasonList__reasonBox--reason5 .p-topReason__reasonList__reasonBox__rightBox__decoItem__item--item2 {
    left: calc(97 / 750 * 100vw);
    top: calc(268 / 750 * 100vw);
    width: calc(126 / 750 * 100vw);
  }
}

.p-topReason__reasonList__reasonBox--reason5 .p-topReason__reasonList__reasonBox__rightBox__decoItem__item--item3 {
  left: 479px;
  top: 110px;
  width: 156px;
}

@media screen and (max-width: 1399px) {
  .p-topReason__reasonList__reasonBox--reason5 .p-topReason__reasonList__reasonBox__rightBox__decoItem__item--item3 {
    left: calc(471 / 1400 * 100vw);
    top: calc(100 / 1400 * 100vw);
    width: calc(178 / 1400 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-topReason__reasonList__reasonBox--reason5 .p-topReason__reasonList__reasonBox__rightBox__decoItem__item--item3 {
    left: calc(510 / 750 * 100vw);
    top: calc(151 / 750 * 100vw);
    width: calc(164 / 750 * 100vw);
  }
}

.p-topReason__reasonList__reasonBox__rightBox {
  border-radius: 0 80px 0 0;
  overflow: hidden;
  position: relative;
  width: 50%;
}

@media screen and (max-width: 1399px) {
  .p-topReason__reasonList__reasonBox__rightBox {
    border-radius: 0 calc(80 / 1400 * 100vw) 0 0;
  }
}

@media screen and (max-width: 767px) {
  .p-topReason__reasonList__reasonBox__rightBox {
    border-radius: 0;
    width: 100%;
  }
}

.p-topReason__reasonList__reasonBox__rightBox__illust {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 577px;
  position: relative;
  z-index: 1;
}

@media screen and (max-width: 1399px) {
  .p-topReason__reasonList__reasonBox__rightBox__illust {
    height: calc(577 / 1400 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-topReason__reasonList__reasonBox__rightBox__illust {
    height: calc(620 / 750 * 100vw);
  }
}

.p-topReason__reasonList__reasonBox__rightBox__decoItem {
  opacity: 0;
}

.p-topReason__reasonList__reasonBox__rightBox__decoItem__item {
  position: absolute;
}

.p-topReason__reasonList__reasonBox__rightBox__decoItem__item img {
  height: auto;
  width: 100%;
}

.p-topReason__reasonList__reasonBox__leftBox {
  width: 50%;
}

@media screen and (max-width: 767px) {
  .p-topReason__reasonList__reasonBox__leftBox {
    width: 100%;
  }
}

.p-topReason__reasonList__reasonBox__leftBox__textBox {
  padding-left: 110px;
  padding-top: 100px;
  width: 570px;
}

@media screen and (max-width: 1399px) {
  .p-topReason__reasonList__reasonBox__leftBox__textBox {
    padding-left: calc(110 / 1400 * 100vw);
    padding-top: calc(100 / 1400 * 100vw);
    width: calc(570 / 1400 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-topReason__reasonList__reasonBox__leftBox__textBox {
    padding-bottom: calc(80 / 750 * 100vw);
    padding-left: calc(38 / 750 * 100vw);
    padding-right: calc(38 / 750 * 100vw);
    padding-top: calc(60 / 750 * 100vw);
    width: 100%;
  }
}

.p-topReason__reasonList__reasonBox__leftBox__textBox__title {
  font-size: 4.0rem;
  font-weight: 700;
  line-height: 70px;
  margin-bottom: 10px;
  text-align: center;
}

@media screen and (max-width: 1399px) {
  .p-topReason__reasonList__reasonBox__leftBox__textBox__title {
    font-size: calc(40 / 1400 * 100vw);
    line-height: calc(60 / 1400 * 100vw);
    margin-bottom: calc(30 / 1400 * 100vw);
    text-align: center;
  }
}

@media screen and (max-width: 767px) {
  .p-topReason__reasonList__reasonBox__leftBox__textBox__title {
    font-size: calc(40 / 750 * 100vw);
    line-height: calc(60 / 750 * 100vw);
    margin-bottom: calc(50 / 750 * 100vw);
    text-align: center;
  }
}

.p-topReason__reasonList__reasonBox__leftBox__textBox__text {
  color: #474747;
  font-size: 1.4rem;
  height: 260px;
  line-height: 27px;
  text-align: justify;
}

@media screen and (max-width: 1399px) {
  .p-topReason__reasonList__reasonBox__leftBox__textBox__text {
    font-size: calc(14 / 1400 * 100vw);
    height: calc(250 / 1400 * 100vw);
    line-height: calc(27 / 1400 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-topReason__reasonList__reasonBox__leftBox__textBox__text {
    font-size: calc(24 / 750 * 100vw);
    height: auto;
    line-height: calc(42 / 750 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-topReason__reasonList__reasonBox__leftBox__textBox__button {
    margin-top: calc(65 / 750 * 100vw);
  }
}

.p-topReason__reasonList__reasonBox__leftBox__textBox__button a {
  align-items: center;
  background-color: #3c38ce;
  border: 2px solid #3c38ce;
  border-radius: 30px;
  color: #ffffff;
  display: flex;
  font-size: 1.8rem;
  font-weight: 700;
  height: 65px;
  justify-content: center;
  width: 226px;
  margin: auto;
}

@media screen and (max-width: 1399px) {
  .p-topReason__reasonList__reasonBox__leftBox__textBox__button a {
    border: calc(2 / 1400 * 100vw) solid #3c38ce;
    border-radius: calc(30 / 1400 * 100vw);
    font-size: calc(18 / 1400 * 100vw);
    height: calc(65 / 1400 * 100vw);
    width: calc(250 / 1400 * 100vw);
    margin: auto;
  }
}

@media screen and (max-width: 767px) {
  .p-topReason__reasonList__reasonBox__leftBox__textBox__button a {
    border: calc(3 / 750 * 100vw) solid #3c38ce;
    border-radius: calc(58 / 750 * 100vw);
    font-size: calc(28 / 750 * 100vw);
    height: calc(110 / 750 * 100vw);
    width: 100%;
  }
}

.p-topReason__reasonList__reasonBox__leftBox__textBox__button a:hover {
  transform: translateY(-2px);
}

@media screen and (max-width: 1199px) {
  .p-topReason__reasonList__reasonBox__leftBox__textBox__button a:hover {
    transform: translateY(calc(-2 / 1200 * 100vw));
  }
}

@media screen and (max-width: 767px) {
  .p-topReason__reasonList__reasonBox__leftBox__textBox__button a:hover {
    transform: translateY(0);
  }
}

.p-topSecurity {
  background-color: #f8f8f8;
}

.p-topSecurity__inner {
  display: flex;
  justify-content: space-between;
  padding-bottom: 120px;
  padding-top: 120px;
}

@media screen and (max-width: 1199px) {
  .p-topSecurity__inner {
    padding-bottom: calc(120 / 1200 * 100vw);
    padding-top: calc(120 / 1200 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-topSecurity__inner {
    display: block;
    padding-bottom: calc(120 / 750 * 100vw);
    padding-top: calc(110 / 750 * 100vw);
  }
}

.p-topSecurity__textBox {
  flex-shrink: 0;
  width: 420px;
}

@media screen and (max-width: 1199px) {
  .p-topSecurity__textBox {
    width: calc(420 / 1200 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-topSecurity__textBox {
    width: 100%;
  }
}

.p-topSecurity__textBox__title {
  color: #090587;
  font-size: 4.2rem;
  font-weight: 700;
  line-height: 70px;
  margin-bottom: 15px;
}

@media screen and (max-width: 1199px) {
  .p-topSecurity__textBox__title {
    font-size: calc(42 / 1200 * 100vw);
    line-height: calc(70 / 1200 * 100vw);
    margin-bottom: calc(15 / 1200 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-topSecurity__textBox__title {
    font-size: calc(54 / 750 * 100vw);
    line-height: calc(90 / 750 * 100vw);
    margin-bottom: calc(45 / 750 * 100vw);
    text-align: center;
  }
}

.p-topSecurity__textBox__text {
  color: #474747;
  font-size: 1.4rem;
  line-height: 24px;
}

@media screen and (max-width: 1199px) {
  .p-topSecurity__textBox__text {
    font-size: calc(14 / 1200 * 100vw);
    line-height: calc(24 / 1200 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-topSecurity__textBox__text {
    font-size: calc(24 / 750 * 100vw);
    line-height: calc(42 / 750 * 100vw);
  }
}

.p-topSecurity__logoList {
  flex-shrink: 0;
  width: 50%;
}

@media screen and (max-width: 767px) {
  .p-topSecurity__logoList {
    margin-top: calc(70 / 750 * 100vw);
    width: 100%;
  }
}

.p-topSecurity__logoList > ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.p-topSecurity__logoList > ul > li {
  margin-top: 20px;
}

@media screen and (max-width: 1199px) {
  .p-topSecurity__logoList > ul > li {
    margin-top: calc(20 / 1200 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-topSecurity__logoList > ul > li {
    margin-top: calc(25 / 750 * 100vw);
  }
}

.p-topSecurity__logoList > ul > li:nth-child(-n+3) {
  margin-top: 0;
}

.p-topSecurity__logoList__logoBox {
  width: 156px;
}

@media screen and (max-width: 1199px) {
  .p-topSecurity__logoList__logoBox {
    width: calc(156 / 1200 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-topSecurity__logoList__logoBox {
    width: calc(205 / 750 * 100vw);
  }
}

.p-topSecurity__logoList__logoBox__inner {
  align-items: center;
  background-color: #ffffff;
  box-shadow: 5.905px 6.792px 16.2px 1.8px rgba(11, 0, 137, 0.08);
  display: flex;
  height: 156px;
  justify-content: center;
  width: 100%;
}

@media screen and (max-width: 1199px) {
  .p-topSecurity__logoList__logoBox__inner {
    box-shadow: calc(5.905 / 1200 * 100vw) calc(6.792 / 1200 * 100vw) calc(16.2 / 1200 * 100vw) calc(1.8 / 1200 * 100vw) rgba(11, 0, 137, 0.08);
    height: calc(156 / 1200 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-topSecurity__logoList__logoBox__inner {
    box-shadow: calc(5.905 / 750 * 100vw) calc(6.792 / 750 * 100vw) calc(16.2 / 750 * 100vw) calc(1.8 / 750 * 100vw) rgba(11, 0, 137, 0.08);
    height: calc(205 / 750 * 100vw);
  }
}

.p-topSecurity__logoList__logoBox__logo {
  width: 120px;
}

@media screen and (max-width: 1199px) {
  .p-topSecurity__logoList__logoBox__logo {
    width: calc(120 / 1200 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-topSecurity__logoList__logoBox__logo {
    width: calc(150 / 750 * 100vw);
  }
}

.p-topSecurity__logoList__logoBox__logo img {
  height: auto;
  width: 100%;
}

@media screen and (max-width: 767px) {
  .p-topData.is-english .p-topData__title {
    font-size: calc(44 / 750 * 100vw);
    line-height: calc(66 / 750 * 100vw);
  }
}

.p-topData.is-english .p-topData__dataList__dataBox__title {
  font-size: 2.0rem;
  line-height: 30px;
  margin-bottom: 0;
}

@media screen and (max-width: 1199px) {
  .p-topData.is-english .p-topData__dataList__dataBox__title {
    font-size: calc(20 / 1200 * 100vw);
    line-height: calc(30 / 1200 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-topData.is-english .p-topData__dataList__dataBox__title {
    font-size: calc(36 / 750 * 100vw);
    line-height: calc(50 / 750 * 100vw);
  }
}

.p-topData__inner {
  padding-bottom: 85px;
  padding-top: 85px;
}

@media screen and (max-width: 1199px) {
  .p-topData__inner {
    padding-bottom: calc(85 / 1200 * 100vw);
    padding-top: calc(85 / 1200 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-topData__inner {
    padding-bottom: calc(110 / 750 * 100vw);
    padding-top: calc(110 / 750 * 100vw);
  }
}

.p-topData__title {
  color: #090587;
  font-size: 4.2rem;
  font-weight: 700;
  line-height: 70px;
  margin-bottom: 80px;
  text-align: center;
}

@media screen and (max-width: 1199px) {
  .p-topData__title {
    font-size: calc(42 / 1200 * 100vw);
    line-height: calc(70 / 1200 * 100vw);
    margin-bottom: calc(80 / 1200 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-topData__title {
    font-size: calc(54 / 750 * 100vw);
    line-height: calc(90 / 750 * 100vw);
    margin-bottom: calc(60 / 750 * 100vw);
  }
}

.p-topData__dataList > ul {
  display: flex;
  justify-content: space-around;
}

@media screen and (max-width: 767px) {
  .p-topData__dataList > ul {
    display: block;
  }
}

@media screen and (max-width: 767px) {
  .p-topData__dataList > ul > li {
    margin-top: calc(60 / 750 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-topData__dataList > ul > li:first-child {
    margin-top: 0;
  }
}

.p-topData__dataList__dataBox {
  text-align: center;
}

.p-topData__dataList__dataBox__title {
  font-size: 1.8rem;
  font-weight: 700;
  margin-bottom: 16px;
}

@media screen and (max-width: 1199px) {
  .p-topData__dataList__dataBox__title {
    font-size: calc(18 / 1200 * 100vw);
    margin-bottom: calc(16 / 1200 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-topData__dataList__dataBox__title {
    font-size: calc(28 / 750 * 100vw);
    margin-bottom: calc(20 / 750 * 100vw);
  }
}

.p-topData__dataList__dataBox__data {
  font-size: 6.2rem;
  font-weight: 700;
}

@media screen and (max-width: 1199px) {
  .p-topData__dataList__dataBox__data {
    font-size: calc(62 / 1200 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-topData__dataList__dataBox__data {
    font-size: calc(72 / 750 * 100vw);
  }
}

.p-feature.is-english .p-feature__featureList__featureBox__textBox__title {
  line-height: 56px;
}

@media screen and (max-width: 1199px) {
  .p-feature.is-english .p-feature__featureList__featureBox__textBox__title {
    line-height: calc(56 / 1200 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-feature.is-english .p-feature__featureList__featureBox__textBox__title {
    line-height: calc(70 / 750 * 100vw);
    margin-bottom: calc(30 / 750 * 100vw);
  }
}

.p-feature.is-english .p-feature__featureList__featureBox__textBox__text {
  text-align: left;
}

.p-feature__featureList {
  margin: 0 auto;
  width: 1400px;
}

@media screen and (max-width: 1399px) {
  .p-feature__featureList {
    width: calc(1400 / 1400 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-feature__featureList {
    width: 100%;
  }
}

.p-feature__featureList__featureBox {
  display: flex;
  flex-direction: row-reverse;
  height: 572px;
  justify-content: space-between;
  margin: 0 -100vw;
  padding: 0 100vw;
}

@media screen and (max-width: 1399px) {
  .p-feature__featureList__featureBox {
    height: calc(572 / 1400 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-feature__featureList__featureBox {
    display: block;
    height: auto;
    margin: 0;
    padding-bottom: calc(110 / 750 * 100vw);
    padding-left: calc(38 / 750 * 100vw);
    padding-right: calc(38 / 750 * 100vw);
  }
}

.p-feature__featureList__featureBox--feature1 {
  background-image: linear-gradient(-39deg, #dfebfd 0%, #ebebff 99%);
}

@media screen and (max-width: 767px) {
  .p-feature__featureList__featureBox--feature1 {
    padding-top: calc(50 / 750 * 100vw);
  }
}

.p-feature__featureList__featureBox--feature1 .p-feature__featureList__featureBox__illustBox__illust {
  left: 10px;
  top: 130px;
  width: 569px;
}

@media screen and (max-width: 1399px) {
  .p-feature__featureList__featureBox--feature1 .p-feature__featureList__featureBox__illustBox__illust {
    left: calc(10 / 1400 * 100vw);
    top: calc(130 / 1400 * 100vw);
    width: calc(569 / 1400 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-feature__featureList__featureBox--feature1 .p-feature__featureList__featureBox__illustBox__illust {
    left: calc(14 / 750 * 100vw);
    top: calc(170 / 750 * 100vw);
    width: calc(635 / 750 * 100vw);
  }
}

.p-feature__featureList__featureBox--feature1 .p-feature__featureList__featureBox__illustBox__decoItem__item--item1 {
  left: 550px;
  top: 94px;
  width: 17px;
}

@media screen and (max-width: 1399px) {
  .p-feature__featureList__featureBox--feature1 .p-feature__featureList__featureBox__illustBox__decoItem__item--item1 {
    left: calc(550 / 1400 * 100vw);
    top: calc(94 / 1400 * 100vw);
    width: calc(17 / 1400 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-feature__featureList__featureBox--feature1 .p-feature__featureList__featureBox__illustBox__decoItem__item--item1 {
    left: calc(615 / 750 * 100vw);
    top: calc(118 / 750 * 100vw);
    width: calc(19 / 750 * 100vw);
  }
}

.p-feature__featureList__featureBox--feature1 .p-feature__featureList__featureBox__illustBox__decoItem__item--item2 {
  left: 437px;
  top: 116px;
  width: 146px;
}

@media screen and (max-width: 1399px) {
  .p-feature__featureList__featureBox--feature1 .p-feature__featureList__featureBox__illustBox__decoItem__item--item2 {
    left: calc(437 / 1400 * 100vw);
    top: calc(116 / 1400 * 100vw);
    width: calc(146 / 1400 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-feature__featureList__featureBox--feature1 .p-feature__featureList__featureBox__illustBox__decoItem__item--item2 {
    left: calc(491 / 750 * 100vw);
    top: calc(145 / 750 * 100vw);
    width: calc(163 / 750 * 100vw);
  }
}

.p-feature__featureList__featureBox--feature1 .p-feature__featureList__featureBox__illustBox__decoItem__item--item3 {
  left: 262px;
  top: 315px;
  width: 197px;
}

@media screen and (max-width: 1399px) {
  .p-feature__featureList__featureBox--feature1 .p-feature__featureList__featureBox__illustBox__decoItem__item--item3 {
    left: calc(262 / 1400 * 100vw);
    top: calc(315 / 1400 * 100vw);
    width: calc(197 / 1400 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-feature__featureList__featureBox--feature1 .p-feature__featureList__featureBox__illustBox__decoItem__item--item3 {
    left: calc(276 / 750 * 100vw);
    top: calc(297 / 750 * 100vw);
    width: calc(221 / 750 * 100vw);
  }
}

.p-feature__featureList__featureBox--feature1 .p-feature__featureList__featureBox__illustBox__decoItem__item img {
  height: auto;
  width: 100%;
}

.p-feature__featureList__featureBox--feature2 {
  background-image: linear-gradient(-28deg, #e8f9ff 0%, #cde2ff 100%);
  flex-direction: row;
}

.p-feature__featureList__featureBox--feature2 .p-feature__featureList__featureBox__illustBox__illust {
  bottom: 0;
  right: 110px;
  width: 360px;
}

@media screen and (max-width: 1399px) {
  .p-feature__featureList__featureBox--feature2 .p-feature__featureList__featureBox__illustBox__illust {
    right: calc(110 / 1400 * 100vw);
    width: calc(360 / 1400 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-feature__featureList__featureBox--feature2 .p-feature__featureList__featureBox__illustBox__illust {
    right: calc(170 / 750 * 100vw);
    width: calc(317 / 750 * 100vw);
  }
}

.p-feature__featureList__featureBox--feature2 .p-feature__featureList__featureBox__illustBox__decoItem__item--item1 {
  left: 179px;
  top: 126px;
  width: 37px;
}

@media screen and (max-width: 1399px) {
  .p-feature__featureList__featureBox--feature2 .p-feature__featureList__featureBox__illustBox__decoItem__item--item1 {
    left: calc(179 / 1400 * 100vw);
    top: calc(126 / 1400 * 100vw);
    width: calc(37 / 1400 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-feature__featureList__featureBox--feature2 .p-feature__featureList__featureBox__illustBox__decoItem__item--item1 {
    left: calc(104 / 750 * 100vw);
    top: calc(150 / 750 * 100vw);
    width: calc(37 / 750 * 100vw);
  }
}

.p-feature__featureList__featureBox--feature2 .p-feature__featureList__featureBox__illustBox__decoItem__item--item2 {
  left: 136px;
  top: 312px;
  width: 159px;
}

@media screen and (max-width: 1399px) {
  .p-feature__featureList__featureBox--feature2 .p-feature__featureList__featureBox__illustBox__decoItem__item--item2 {
    left: calc(136 / 1400 * 100vw);
    top: calc(312 / 1400 * 100vw);
    width: calc(159 / 1400 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-feature__featureList__featureBox--feature2 .p-feature__featureList__featureBox__illustBox__decoItem__item--item2 {
    left: calc(60 / 750 * 100vw);
    top: calc(335 / 750 * 100vw);
    width: calc(159 / 750 * 100vw);
  }
}

.p-feature__featureList__featureBox--feature2 .p-feature__featureList__featureBox__illustBox__decoItem__item--item3 {
  left: 412px;
  top: 55px;
  width: 196px;
}

@media screen and (max-width: 1399px) {
  .p-feature__featureList__featureBox--feature2 .p-feature__featureList__featureBox__illustBox__decoItem__item--item3 {
    left: calc(412 / 1400 * 100vw);
    top: calc(55 / 1400 * 100vw);
    width: calc(196 / 1400 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-feature__featureList__featureBox--feature2 .p-feature__featureList__featureBox__illustBox__decoItem__item--item3 {
    left: calc(436 / 750 * 100vw);
    top: calc(130 / 750 * 100vw);
    width: calc(196 / 750 * 100vw);
  }
}

.p-feature__featureList__featureBox--feature2 .p-feature__featureList__featureBox__illustBox__decoItem__item img {
  height: auto;
  width: 100%;
}

.p-feature__featureList__featureBox--feature2 .p-feature__featureList__featureBox__textBox__inner {
  padding-left: 0;
}

.p-feature__featureList__featureBox--feature3 {
  background-image: linear-gradient(-53deg, #f8f0ff 0%, #dfebfd 100%);
}

.p-feature__featureList__featureBox--feature3 .p-feature__featureList__featureBox__illustBox__illust {
  bottom: 0;
  width: 556px;
}

@media screen and (max-width: 1399px) {
  .p-feature__featureList__featureBox--feature3 .p-feature__featureList__featureBox__illustBox__illust {
    width: calc(556 / 1400 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-feature__featureList__featureBox--feature3 .p-feature__featureList__featureBox__illustBox__illust {
    left: calc(40 / 750 * 100vw);
    width: calc(545 / 750 * 100vw);
  }
}

.p-feature__featureList__featureBox--feature3 .p-feature__featureList__featureBox__illustBox__decoItem__item--item1 {
  left: 69px;
  top: 477px;
  width: 17px;
}

@media screen and (max-width: 1399px) {
  .p-feature__featureList__featureBox--feature3 .p-feature__featureList__featureBox__illustBox__decoItem__item--item1 {
    left: calc(69 / 1400 * 100vw);
    top: calc(477 / 1400 * 100vw);
    width: calc(17 / 1400 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-feature__featureList__featureBox--feature3 .p-feature__featureList__featureBox__illustBox__decoItem__item--item1 {
    left: calc(36 / 750 * 100vw);
    top: calc(472 / 750 * 100vw);
    width: calc(17 / 750 * 100vw);
  }
}

.p-feature__featureList__featureBox--feature3 .p-feature__featureList__featureBox__illustBox__decoItem__item--item2 {
  left: 400px;
  top: 52px;
  width: 159px;
}

@media screen and (max-width: 1399px) {
  .p-feature__featureList__featureBox--feature3 .p-feature__featureList__featureBox__illustBox__decoItem__item--item2 {
    left: calc(400 / 1400 * 100vw);
    top: calc(52 / 1400 * 100vw);
    width: calc(159 / 1400 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-feature__featureList__featureBox--feature3 .p-feature__featureList__featureBox__illustBox__decoItem__item--item2 {
    left: calc(507 / 750 * 100vw);
    top: calc(122 / 750 * 100vw);
    width: calc(159 / 750 * 100vw);
  }
}

.p-feature__featureList__featureBox--feature3 .p-feature__featureList__featureBox__illustBox__decoItem__item--item3 {
  left: 64px;
  top: 314px;
  width: 197px;
}

@media screen and (max-width: 1399px) {
  .p-feature__featureList__featureBox--feature3 .p-feature__featureList__featureBox__illustBox__decoItem__item--item3 {
    left: calc(64 / 1400 * 100vw);
    top: calc(314 / 1400 * 100vw);
    width: calc(197 / 1400 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-feature__featureList__featureBox--feature3 .p-feature__featureList__featureBox__illustBox__decoItem__item--item3 {
    left: calc(31 / 750 * 100vw);
    top: calc(308 / 750 * 100vw);
    width: calc(197 / 750 * 100vw);
  }
}

.p-feature__featureList__featureBox--feature3 .p-feature__featureList__featureBox__illustBox__decoItem__item img {
  height: auto;
  width: 100%;
}

.p-feature__featureList__featureBox__illustBox {
  flex-shrink: 0;
  position: relative;
  width: 50%;
}

@media screen and (max-width: 767px) {
  .p-feature__featureList__featureBox__illustBox {
    height: calc(520 / 750 * 100vw);
    width: 100%;
  }
}

.p-feature__featureList__featureBox__illustBox__illust {
  position: absolute;
  z-index: 1;
}

.p-feature__featureList__featureBox__illustBox__illust img {
  height: auto;
  width: 100%;
}

.p-feature__featureList__featureBox__illustBox__decoItem {
  opacity: 0;
}

.p-feature__featureList__featureBox__illustBox__decoItem__item {
  position: absolute;
}

.p-feature__featureList__featureBox__illustBox__decoItem__item img {
  height: auto;
  width: 100%;
}

.p-feature__featureList__featureBox__textBox {
  flex-shrink: 0;
  width: 50%;
}

@media screen and (max-width: 767px) {
  .p-feature__featureList__featureBox__textBox {
    margin-top: calc(50 / 750 * 100vw);
    width: 100%;
  }
}

.p-feature__featureList__featureBox__textBox__inner {
  padding-left: 110px;
  padding-top: 110px;
  width: 600px;
}

@media screen and (max-width: 1399px) {
  .p-feature__featureList__featureBox__textBox__inner {
    padding-left: calc(110 / 1400 * 100vw);
    padding-top: calc(110 / 1400 * 100vw);
    width: calc(600 / 1400 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-feature__featureList__featureBox__textBox__inner {
    padding-left: 0;
    padding-top: 0;
    width: 100%;
  }
}

.p-feature__featureList__featureBox__textBox__title {
  font-size: 4.0rem;
  font-weight: 700;
  line-height: 72px;
  margin-bottom: 20px;
}

@media screen and (max-width: 1399px) {
  .p-feature__featureList__featureBox__textBox__title {
    font-size: calc(40 / 1400 * 100vw);
    line-height: calc(72 / 1400 * 100vw);
    margin-bottom: calc(20 / 1400 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-feature__featureList__featureBox__textBox__title {
    font-size: calc(50 / 750 * 100vw);
    line-height: calc(86 / 750 * 100vw);
    margin-bottom: calc(15 / 750 * 100vw);
  }
}

.p-feature__featureList__featureBox__textBox__text {
  color: #474747;
  font-size: 1.4rem;
  line-height: 24px;
  text-align: justify;
}

@media screen and (max-width: 1399px) {
  .p-feature__featureList__featureBox__textBox__text {
    font-size: calc(14 / 1400 * 100vw);
    line-height: calc(24 / 1400 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-feature__featureList__featureBox__textBox__text {
    font-size: calc(24 / 750 * 100vw);
    line-height: calc(42 / 750 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-interview.is-english .p-interview__titleBox__title {
    font-size: calc(44 / 750 * 100vw);
    line-height: calc(62 / 750 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-interview.is-english .p-interview__titleBox__text {
    text-align: left;
  }
}

.p-interview__inner {
  padding-bottom: 80px;
  padding-top: 110px;
}

@media screen and (max-width: 1199px) {
  .p-interview__inner {
    padding-bottom: calc(80 / 1200 * 100vw);
    padding-top: calc(110 / 1200 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-interview__inner {
    padding-bottom: calc(130 / 750 * 100vw);
    padding-top: calc(110 / 750 * 100vw);
  }
}

.p-interview__titleBox {
  margin-bottom: 60px;
  text-align: center;
}

@media screen and (max-width: 1199px) {
  .p-interview__titleBox {
    margin-bottom: calc(60 / 1200 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-interview__titleBox {
    margin-bottom: calc(120 / 750 * 100vw);
  }
}

.p-interview__titleBox__title {
  color: #090587;
  font-size: 4.2rem;
  line-height: 70px;
  margin-bottom: 20px;
}

@media screen and (max-width: 1199px) {
  .p-interview__titleBox__title {
    font-size: calc(42 / 1200 * 100vw);
    line-height: calc(70 / 1200 * 100vw);
    margin-bottom: calc(20 / 1200 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-interview__titleBox__title {
    font-size: calc(54 / 750 * 100vw);
    line-height: calc(90 / 750 * 100vw);
    margin-bottom: calc(40 / 750 * 100vw);
  }
}

.p-interview__titleBox__text {
  color: #474747;
  font-size: 1.8rem;
  line-height: 30px;
}

@media screen and (max-width: 1199px) {
  .p-interview__titleBox__text {
    font-size: calc(18 / 1200 * 100vw);
    line-height: calc(30 / 1200 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-interview__titleBox__text {
    font-size: calc(28 / 750 * 100vw);
    line-height: calc(46 / 750 * 100vw);
    text-align: justify;
  }
}

.p-interview__interviewList {
  margin: 0 auto;
  width: 460px;
}

@media screen and (max-width: 1199px) {
  .p-interview__interviewList {
    width: calc(460 / 1200 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-interview__interviewList {
    width: calc(573 / 750 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-interview__interviewList .swiper-pagination {
    display: none;
  }
}

.p-interview__interviewList__interviewBox {
  border-radius: 10px;
  box-shadow: 3.28px 3.774px 16.2px 1.8px rgba(13, 22, 137, 0.1);
}

@media screen and (max-width: 1199px) {
  .p-interview__interviewList__interviewBox {
    border-radius: calc(10 / 1200 * 100vw);
    box-shadow: calc(3.28 / 1200 * 100vw) calc(3.774 / 1200 * 100vw) calc(16.2 / 1200 * 100vw) calc(1.8 / 1200 * 100vw) rgba(13, 22, 137, 0.1);
  }
}

@media screen and (max-width: 767px) {
  .p-interview__interviewList__interviewBox {
    border-radius: calc(8 / 750 * 100vw);
    box-shadow: calc(3.28 / 750 * 100vw) calc(3.774 / 750 * 100vw) calc(16.2 / 750 * 100vw) calc(1.8 / 750 * 100vw) rgba(13, 22, 137, 0.1);
  }
}

.p-interview__interviewList__interviewBox a {
  display: block;
}

.p-interview__interviewList__interviewBox__thumbnail {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 10px;
  height: 260px;
  position: relative;
}

@media screen and (max-width: 1199px) {
  .p-interview__interviewList__interviewBox__thumbnail {
    border-radius: calc(10 / 1200 * 100vw);
    height: calc(260 / 1200 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-interview__interviewList__interviewBox__thumbnail {
    border-radius: calc(8 / 750 * 100vw);
    height: calc(336 / 750 * 100vw);
  }
}

.p-interview__interviewList__interviewBox__thumbnail::before {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 10px;
  content: '';
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

@media screen and (max-width: 1199px) {
  .p-interview__interviewList__interviewBox__thumbnail::before {
    border-radius: calc(10 / 1200 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-interview__interviewList__interviewBox__thumbnail::before {
    border-radius: calc(8 / 750 * 100vw);
  }
}

.p-interview__interviewList__interviewBox__thumbnail::after {
  background-image: url(../images/interview_icon_play.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  bottom: 0;
  content: '';
  display: inline-block;
  height: 92px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 92px;
}

@media screen and (max-width: 1199px) {
  .p-interview__interviewList__interviewBox__thumbnail::after {
    height: calc(92 / 1200 * 100vw);
    width: calc(92 / 1200 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-interview__interviewList__interviewBox__thumbnail::after {
    height: calc(108 / 750 * 100vw);
    width: calc(108 / 750 * 100vw);
  }
}

.p-interview__button {
  margin-top: 110px;
}

@media screen and (max-width: 1199px) {
  .p-interview__button {
    margin-top: calc(110 / 1200 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-interview__button {
    margin-top: calc(170 / 750 * 100vw);
  }
}

.p-interview__button a {
  align-items: center;
  background-color: #3c38ce;
  border: 2px solid #3c38ce;
  border-radius: 10px;
  color: #ffffff;
  display: flex;
  font-size: 1.8rem;
  font-weight: 700;
  height: 65px;
  justify-content: center;
  margin: 0 auto;
  width: 226px;
}

@media screen and (max-width: 1199px) {
  .p-interview__button a {
    border: calc(2 / 1200 * 100vw) solid #3c38ce;
    border-radius: calc(10 / 1200 * 100vw);
    font-size: calc(18 / 1200 * 100vw);
    height: calc(65 / 1200 * 100vw);
    width: calc(226 / 1200 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-interview__button a {
    border: calc(3 / 750 * 100vw) solid #3c38ce;
    border-radius: calc(8 / 750 * 100vw);
    font-size: calc(28 / 750 * 100vw);
    height: calc(110 / 750 * 100vw);
    width: 100%;
  }
}

.p-interview__button a:hover {
  transform: translateY(-2px);
}

@media screen and (max-width: 1199px) {
  .p-interview__button a:hover {
    transform: translateY(calc(-2 / 1200 * 100vw));
  }
}

@media screen and (max-width: 767px) {
  .p-interview__button a:hover {
    transform: translateY(0);
  }
}

.p-security {
  background-color: #f5f5ff;
}

@media screen and (max-width: 767px) {
  .p-security.is-english .p-security__titleBox__text {
    text-align: left;
  }
}

.p-security.is-english .p-security__securityList > ul > li:nth-child(-n+3) .p-security__securityList__securityBox {
  height: 600px;
}

@media screen and (max-width: 1199px) {
  .p-security.is-english .p-security__securityList > ul > li:nth-child(-n+3) .p-security__securityList__securityBox {
    height: calc(600 / 1200 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-security.is-english .p-security__securityList > ul > li:nth-child(-n+3) .p-security__securityList__securityBox {
    height: auto;
  }
}

.p-security__inner {
  padding-bottom: 110px;
  padding-top: 110px;
}

@media screen and (max-width: 1199px) {
  .p-security__inner {
    padding-bottom: calc(110 / 1200 * 100vw);
    padding-top: calc(110 / 1200 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-security__inner {
    padding-bottom: calc(110 / 750 * 100vw);
    padding-top: calc(130 / 750 * 100vw);
  }
}

.p-security__titleBox {
  margin-bottom: 60px;
  text-align: center;
}

@media screen and (max-width: 1199px) {
  .p-security__titleBox {
    margin-bottom: calc(60 / 1200 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-security__titleBox {
    margin-bottom: calc(80 / 750 * 100vw);
  }
}

.p-security__titleBox__title {
  color: #090587;
  font-size: 4.2rem;
  line-height: 130px;
}

@media screen and (max-width: 1199px) {
  .p-security__titleBox__title {
    font-size: calc(42 / 1200 * 100vw);
    line-height: calc(130 / 1200 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-security__titleBox__title {
    font-size: calc(54 / 750 * 100vw);
    line-height: calc(90 / 750 * 100vw);
    margin-bottom: calc(35 / 750 * 100vw);
  }
}

.p-security__titleBox__text {
  color: #474747;
  font-size: 1.8rem;
  line-height: 30px;
}

@media screen and (max-width: 1199px) {
  .p-security__titleBox__text {
    font-size: calc(18 / 1200 * 100vw);
    line-height: calc(30 / 1200 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-security__titleBox__text {
    font-size: calc(28 / 750 * 100vw);
    line-height: calc(46 / 750 * 100vw);
    text-align: justify;
  }
}

.p-security__securityList > ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

@media screen and (max-width: 767px) {
  .p-security__securityList > ul {
    display: block;
  }
}

.p-security__securityList > ul > li {
  margin-top: 30px;
}

@media screen and (max-width: 1199px) {
  .p-security__securityList > ul > li {
    margin-top: calc(30 / 1200 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-security__securityList > ul > li {
    margin-top: calc(60 / 750 * 100vw);
  }
}

.p-security__securityList > ul > li:nth-child(-n+3) {
  margin-top: 0;
}

@media screen and (max-width: 767px) {
  .p-security__securityList > ul > li:nth-child(-n+3) {
    margin-top: calc(60 / 750 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-security__securityList > ul > li:nth-child(-n+3):first-child {
    margin-top: 0;
  }
}

.p-security__securityList > ul > li:nth-child(-n+3) .p-security__securityList__securityBox {
  height: 510px;
}

@media screen and (max-width: 1199px) {
  .p-security__securityList > ul > li:nth-child(-n+3) .p-security__securityList__securityBox {
    height: calc(510 / 1200 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-security__securityList > ul > li:nth-child(-n+3) .p-security__securityList__securityBox {
    height: auto;
  }
}

.p-security__securityList__securityBox {
  background-color: #ffffff;
  box-shadow: 5.905px 6.792px 16.2px 1.8px rgba(11, 0, 137, 0.08);
  height: 450px;
  padding-left: 35px;
  padding-right: 35px;
  padding-top: 35px;
  width: 320px;
}

@media screen and (max-width: 1199px) {
  .p-security__securityList__securityBox {
    box-shadow: calc(5.905 / 1200 * 100vw) calc(6.792 / 1200 * 100vw) calc(16.2 / 1200 * 100vw) calc(1.8 / 1200 * 100vw) rgba(11, 0, 137, 0.08);
    height: calc(450 / 1200 * 100vw);
    padding-left: calc(35 / 1200 * 100vw);
    padding-right: calc(35 / 1200 * 100vw);
    padding-top: calc(35 / 1200 * 100vw);
    width: calc(320 / 1200 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-security__securityList__securityBox {
    box-shadow: calc(5.905 / 750 * 100vw) calc(6.792 / 750 * 100vw) calc(16.2 / 750 * 100vw) calc(1.8 / 750 * 100vw) rgba(11, 0, 137, 0.08);
    height: auto;
    padding-bottom: calc(45 / 750 * 100vw);
    padding-left: calc(38 / 750 * 100vw);
    padding-right: calc(38 / 750 * 100vw);
    padding-top: calc(45 / 750 * 100vw);
    width: 100%;
  }
}

.p-security__securityList__securityBox__icon {
  height: 60px;
}

@media screen and (max-width: 1199px) {
  .p-security__securityList__securityBox__icon {
    height: calc(60 / 1200 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-security__securityList__securityBox__icon {
    height: calc(88 / 750 * 100vw);
    text-align: center;
  }
}

.p-security__securityList__securityBox__icon img {
  height: 100%;
  width: auto;
}

.p-security__securityList__securityBox__title {
  font-size: 1.8rem;
  line-height: 30px;
  margin-bottom: 16px;
  margin-top: 30px;
}

@media screen and (max-width: 1199px) {
  .p-security__securityList__securityBox__title {
    font-size: calc(18 / 1200 * 100vw);
    line-height: calc(30 / 1200 * 100vw);
    margin-bottom: calc(16 / 1200 * 100vw);
    margin-top: calc(30 / 1200 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-security__securityList__securityBox__title {
    font-size: calc(28 / 750 * 100vw);
    line-height: calc(45 / 750 * 100vw);
    margin-bottom: calc(20 / 750 * 100vw);
    margin-top: calc(30 / 750 * 100vw);
    text-align: center;
  }
}

.p-security__securityList__securityBox__text {
  color: #474747;
  font-size: 1.4rem;
  line-height: 24px;
}

@media screen and (max-width: 1199px) {
  .p-security__securityList__securityBox__text {
    font-size: calc(14 / 1200 * 100vw);
    line-height: calc(24 / 1200 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-security__securityList__securityBox__text {
    font-size: calc(24 / 750 * 100vw);
    line-height: calc(42 / 750 * 100vw);
  }
}

.p-security__button {
  margin-top: 60px;
}

@media screen and (max-width: 1199px) {
  .p-security__button {
    margin-top: calc(60 / 1200 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-security__button {
    margin-top: calc(100 / 750 * 100vw);
  }
}

.p-security__button a {
  align-items: center;
  background-color: #3c38ce;
  border: 2px solid #3c38ce;
  border-radius: 10px;
  color: #ffffff;
  display: flex;
  font-size: 1.8rem;
  font-weight: 700;
  height: 65px;
  justify-content: center;
  margin: 0 auto;
  width: 226px;
}

@media screen and (max-width: 1199px) {
  .p-security__button a {
    border: calc(2 / 1200 * 100vw) solid #3c38ce;
    border-radius: calc(10 / 1200 * 100vw);
    font-size: calc(18 / 1200 * 100vw);
    height: calc(65 / 1200 * 100vw);
    width: calc(226 / 1200 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-security__button a {
    border: calc(3 / 750 * 100vw) solid #3c38ce;
    border-radius: calc(8 / 750 * 100vw);
    font-size: calc(28 / 750 * 100vw);
    height: calc(110 / 750 * 100vw);
    width: 100%;
  }
}

.p-security__button a:hover {
  transform: translateY(-2px);
}

@media screen and (max-width: 1199px) {
  .p-security__button a:hover {
    transform: translateY(calc(-2 / 1200 * 100vw));
  }
}

@media screen and (max-width: 767px) {
  .p-security__button a:hover {
    transform: translateY(0);
  }
}

.p-system {
  background-color: #f5f5ff;
}

@media screen and (max-width: 767px) {
  .p-system.is-english .p-system__systemList__systemBox__itemList__text {
    font-size: calc(22 / 750 * 100vw);
  }
}

.p-system.is-english .p-system__systemList__systemBox--reward .p-system__systemList__systemBox__titleBox__title {
  font-size: 1.4rem;
}

@media screen and (max-width: 1199px) {
  .p-system.is-english .p-system__systemList__systemBox--reward .p-system__systemList__systemBox__titleBox__title {
    font-size: calc(14 / 1200 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-system.is-english .p-system__systemList__systemBox--reward .p-system__systemList__systemBox__titleBox__title {
    font-size: calc(28 / 750 * 100vw);
  }
}

.p-system__inner {
  padding-bottom: 120px;
  padding-top: 120px;
}

@media screen and (max-width: 1199px) {
  .p-system__inner {
    padding-bottom: calc(120 / 1200 * 100vw);
    padding-top: calc(120 / 1200 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-system__inner {
    padding-bottom: calc(120 / 750 * 100vw);
    padding-top: calc(110 / 750 * 100vw);
  }
}

.p-system__title {
  color: #090587;
  font-size: 4.2rem;
  font-weight: 700;
  margin-bottom: 70px;
  text-align: center;
}

@media screen and (max-width: 1199px) {
  .p-system__title {
    font-size: calc(42 / 1200 * 100vw);
    margin-bottom: calc(70 / 1200 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-system__title {
    font-size: calc(54 / 750 * 100vw);
    margin-bottom: calc(80 / 750 * 100vw);
  }
}

.p-system__systemList > ul {
  display: flex;
  justify-content: space-between;
}

@media screen and (max-width: 767px) {
  .p-system__systemList > ul {
    display: block;
  }
}

@media screen and (max-width: 767px) {
  .p-system__systemList > ul > li {
    margin-top: calc(100 / 750 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-system__systemList > ul > li:first-child {
    margin-top: 0;
  }
}

.p-system__systemList__systemBox {
  position: relative;
  width: 290px;
}

@media screen and (max-width: 1199px) {
  .p-system__systemList__systemBox {
    width: calc(290 / 1200 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-system__systemList__systemBox {
    width: 100%;
  }
}

.p-system__systemList__systemBox::after {
  color: #325ce6;
  content: '＋';
  font-size: 4.0rem;
  font-weight: 700;
  position: absolute;
  right: -58px;
  top: 130px;
}

@media screen and (max-width: 1199px) {
  .p-system__systemList__systemBox::after {
    font-size: calc(40 / 1200 * 100vw);
    right: calc(-58 / 1200 * 100vw);
    top: calc(130 / 1200 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-system__systemList__systemBox::after {
    bottom: calc(-78 / 750 * 100vw);
    font-size: calc(56 / 750 * 100vw);
    left: 0;
    right: 0;
    text-align: center;
    top: auto;
  }
}

.p-system__systemList__systemBox--reward::after {
  display: none;
}

.p-system__systemList__systemBox--reward .p-system__systemList__systemBox__titleBox {
  background-image: linear-gradient(-30deg, #1100c0 0%, #254ec3 100%);
}

.p-system__systemList__systemBox--reward .p-system__systemList__systemBox__itemList__text {
  background-color: #f4fdff;
}

.p-system__systemList__systemBox__titleBox {
  align-items: center;
  background-color: #2824a2;
  border-radius: 10px 10px 0 0;
  display: flex;
  height: 55px;
  justify-content: center;
  text-align: center;
}

@media screen and (max-width: 1199px) {
  .p-system__systemList__systemBox__titleBox {
    border-radius: calc(10 / 1200 * 100vw) calc(10 / 1200 * 100vw) 0 0;
    height: calc(55 / 1200 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-system__systemList__systemBox__titleBox {
    border-radius: calc(10 / 750 * 100vw) calc(10 / 750 * 100vw) 0 0;
    height: calc(75 / 750 * 100vw);
  }
}

.p-system__systemList__systemBox__titleBox__title {
  color: #ffffff;
  font-size: 1.8rem;
  font-weight: 700;
}

@media screen and (max-width: 1199px) {
  .p-system__systemList__systemBox__titleBox__title {
    font-size: calc(18 / 1200 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-system__systemList__systemBox__titleBox__title {
    font-size: calc(28 / 750 * 100vw);
  }
}

.p-system__systemList__systemBox__titleBox__label {
  align-items: center;
  border: 1px solid #ffffff;
  border-radius: 15px;
  color: #ffffff;
  display: flex;
  font-size: 1.6rem;
  font-weight: 700;
  height: 30px;
  justify-content: center;
  margin-left: 8px;
  width: 64px;
}

@media screen and (max-width: 1199px) {
  .p-system__systemList__systemBox__titleBox__label {
    border-radius: calc(15 / 1200 * 100vw);
    font-size: calc(16 / 1200 * 100vw);
    height: calc(30 / 1200 * 100vw);
    margin-left: calc(8 / 1200 * 100vw);
    width: calc(64 / 1200 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-system__systemList__systemBox__titleBox__label {
    border-radius: calc(22 / 750 * 100vw);
    font-size: calc(21 / 750 * 100vw);
    height: calc(44 / 750 * 100vw);
    margin-left: calc(16 / 750 * 100vw);
    width: calc(82 / 750 * 100vw);
  }
}

.p-system__systemList__systemBox__itemList {
  background-color: #ffffff;
  border-radius: 0 0 10px 10px;
  box-shadow: 5.905px 6.792px 16.2px 1.8px rgba(13, 22, 137, 0.08);
  height: 234px;
  padding-top: 24px;
}

@media screen and (max-width: 1199px) {
  .p-system__systemList__systemBox__itemList {
    border-radius: 0 0 calc(10 / 1200 * 100vw) calc(10 / 1200 * 100vw);
    box-shadow: calc(5.905 / 1200 * 100vw) calc(6.792 / 1200 * 100vw) calc(16.2 / 1200 * 100vw) calc(1.8 / 1200 * 100vw) rgba(13, 22, 137, 0.08);
    height: calc(234 / 1200 * 100vw);
    padding-top: calc(24 / 1200 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-system__systemList__systemBox__itemList {
    border-radius: 0 0 calc(10 / 750 * 100vw) calc(10 / 750 * 100vw);
    box-shadow: calc(5.905 / 750 * 100vw) calc(6.792 / 750 * 100vw) calc(16.2 / 750 * 100vw) calc(1.8 / 750 * 100vw) rgba(13, 22, 137, 0.08);
    height: auto;
    padding-bottom: calc(40 / 750 * 100vw);
    padding-top: calc(40 / 750 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-system__systemList__systemBox__itemList > ul {
    display: flex;
    justify-content: center;
  }
}

.p-system__systemList__systemBox__itemList > ul > li {
  margin-top: 14px;
}

@media screen and (max-width: 1199px) {
  .p-system__systemList__systemBox__itemList > ul > li {
    margin-top: calc(14 / 1200 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-system__systemList__systemBox__itemList > ul > li {
    margin-left: calc(25 / 750 * 100vw);
    margin-top: 0;
  }
}

.p-system__systemList__systemBox__itemList > ul > li:first-child {
  margin-top: 0;
}

@media screen and (max-width: 767px) {
  .p-system__systemList__systemBox__itemList > ul > li:first-child {
    margin-left: 0;
  }
}

.p-system__systemList__systemBox__itemList__text {
  align-items: center;
  background-color: #f6f6f6;
  border-radius: 5px;
  color: #090587;
  display: flex;
  font-size: 1.4rem;
  height: 50px;
  justify-content: center;
  margin: 0 auto;
  text-align: center;
  width: 230px;
}

@media screen and (max-width: 1199px) {
  .p-system__systemList__systemBox__itemList__text {
    border-radius: calc(5 / 1200 * 100vw);
    font-size: calc(14 / 1200 * 100vw);
    height: calc(50 / 1200 * 100vw);
    width: calc(230 / 1200 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-system__systemList__systemBox__itemList__text {
    border-radius: calc(5 / 750 * 100vw);
    font-size: calc(24 / 750 * 100vw);
    height: calc(150 / 750 * 100vw);
    line-height: calc(42 / 750 * 100vw);
    text-align: center;
    width: calc(180 / 750 * 100vw);
  }
}

.p-flow.is-english .p-flow__flowList__flowBox__textBox {
  height: 390px;
}

@media screen and (max-width: 1199px) {
  .p-flow.is-english .p-flow__flowList__flowBox__textBox {
    height: calc(390 / 1200 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-flow.is-english .p-flow__flowList__flowBox__textBox {
    height: auto;
  }
}

@media screen and (max-width: 767px) {
  .p-flow.is-english .p-flow__flowList__flowBox__textBox__title {
    margin-bottom: calc(30 / 750 * 100vw);
  }
}

.p-flow.is-english .p-flow__flowList__flowBox__textBox__text {
  text-align: left;
}

.p-flow__inner {
  padding-bottom: 120px;
  padding-top: 120px;
}

@media screen and (max-width: 1199px) {
  .p-flow__inner {
    padding-bottom: calc(120 / 1200 * 100vw);
    padding-top: calc(120 / 1200 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-flow__inner {
    padding-bottom: calc(110 / 750 * 100vw);
    padding-top: calc(110 / 750 * 100vw);
  }
}

.p-flow__title {
  color: #090587;
  font-size: 4.2rem;
  font-weight: 700;
  margin-bottom: 70px;
  text-align: center;
}

@media screen and (max-width: 1199px) {
  .p-flow__title {
    font-size: calc(42 / 1200 * 100vw);
    margin-bottom: calc(70 / 1200 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-flow__title {
    font-size: calc(54 / 750 * 100vw);
    margin-bottom: calc(80 / 750 * 100vw);
  }
}

.p-flow__flowList {
  position: relative;
}

.p-flow__flowList::before {
  background-color: #2824a2;
  content: '';
  display: inline-block;
  height: 6px;
  left: 0;
  margin: 0 auto;
  opacity: 0.3;
  position: absolute;
  right: 0;
  top: 66px;
  width: 782px;
}

@media screen and (max-width: 1199px) {
  .p-flow__flowList::before {
    height: calc(6 / 1200 * 100vw);
    top: calc(66 / 1200 * 100vw);
    width: calc(782 / 1200 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-flow__flowList::before {
    height: 100%;
    left: calc(98 / 750 * 100vw);
    right: auto;
    top: 0;
    width: calc(6 / 750 * 100vw);
  }
}

.p-flow__flowList > ul {
  display: flex;
  justify-content: space-between;
}

@media screen and (max-width: 767px) {
  .p-flow__flowList > ul {
    display: block;
  }
}

@media screen and (max-width: 767px) {
  .p-flow__flowList > ul > li {
    margin-top: calc(50 / 750 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-flow__flowList > ul > li:first-child {
    margin-top: 0;
  }
}

.p-flow__flowList > ul > li:nth-child(2n) .p-flow__flowList__flowBox__number {
  color: #8498ee;
}

.p-flow__flowList > ul > li:nth-child(2n) .p-flow__flowList__flowBox__number::after {
  background-color: #325ce6;
}

.p-flow__flowList > ul > li:nth-child(2n) .p-flow__flowList__flowBox__textBox__title {
  color: #325ce6;
}

.p-flow__flowList > ul > li:nth-child(2n) .p-flow__flowList__flowBox__textBox::before {
  background-color: #325ce6;
}

.p-flow__flowList > ul > li:nth-child(2n) .p-flow__flowList__flowBox__textBox::after {
  background-image: url(../images/flow_dotLine_2.svg);
}

@media screen and (max-width: 767px) {
  .p-flow__flowList__flowBox {
    display: flex;
    justify-content: space-between;
  }
}

.p-flow__flowList__flowBox__number {
  color: #777bb0;
  font-family: 'Poppins', sans-serif;
  font-size: 4.2rem;
  font-weight: 700;
  margin-bottom: 76px;
  position: relative;
  text-align: center;
}

@media screen and (max-width: 1199px) {
  .p-flow__flowList__flowBox__number {
    font-size: calc(42 / 1200 * 100vw);
    margin-bottom: calc(76 / 1200 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-flow__flowList__flowBox__number {
    font-size: calc(55 / 750 * 100vw);
    margin-bottom: 0;
    padding-top: calc(90 / 750 * 100vw);
  }
}

.p-flow__flowList__flowBox__number::after {
  background-color: #1100c0;
  border-radius: 50%;
  bottom: -40px;
  content: '';
  display: inline-block;
  height: 24px;
  left: 0;
  margin: 0 auto;
  position: absolute;
  right: 0;
  width: 24px;
  z-index: 2;
}

@media screen and (max-width: 1199px) {
  .p-flow__flowList__flowBox__number::after {
    bottom: calc(-40 / 1200 * 100vw);
    height: calc(24 / 1200 * 100vw);
    width: calc(24 / 1200 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-flow__flowList__flowBox__number::after {
    bottom: auto;
    flex-shrink: 0;
    height: calc(30 / 750 * 100vw);
    left: calc(86 / 750 * 100vw);
    top: calc(100 / 750 * 100vw);
    width: calc(30 / 750 * 100vw);
  }
}

.p-flow__flowList__flowBox__textBox {
  background-color: #f5f5ff;
  height: 344px;
  padding: 70px 30px 0;
  position: relative;
  width: 238px;
}

@media screen and (max-width: 1199px) {
  .p-flow__flowList__flowBox__textBox {
    height: calc(344 / 1200 * 100vw);
    padding: calc(70 / 1200 * 100vw) calc(30 / 1200 * 100vw) 0;
    width: calc(238 / 1200 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-flow__flowList__flowBox__textBox {
    height: auto;
    padding: calc(45 / 750 * 100vw) calc(45 / 750 * 100vw) calc(45 / 750 * 100vw) calc(70 / 750 * 100vw);
    width: calc(527 / 750 * 100vw);
  }
}

.p-flow__flowList__flowBox__textBox::before {
  background-color: #1100c0;
  border-radius: 50%;
  content: '';
  display: inline-block;
  height: 18px;
  left: 0;
  margin: 0 auto;
  position: absolute;
  right: 0;
  top: 20px;
  width: 18px;
  z-index: 2;
}

@media screen and (max-width: 1199px) {
  .p-flow__flowList__flowBox__textBox::before {
    height: calc(18 / 1200 * 100vw);
    top: calc(20 / 1200 * 100vw);
    width: calc(18 / 1200 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-flow__flowList__flowBox__textBox::before {
    height: calc(24 / 750 * 100vw);
    left: calc(8 / 750 * 100vw);
    margin: 0;
    top: calc(102 / 750 * 100vw);
    width: calc(24 / 750 * 100vw);
  }
}

.p-flow__flowList__flowBox__textBox::after {
  background-image: url(../images/flow_dotLine_1.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  content: '';
  display: inline-block;
  height: 70px;
  left: 0;
  margin: 0 auto;
  position: absolute;
  right: 0;
  top: -45px;
  width: 5px;
  z-index: 1;
}

@media screen and (max-width: 1199px) {
  .p-flow__flowList__flowBox__textBox::after {
    height: calc(70 / 1200 * 100vw);
    top: calc(-45 / 1200 * 100vw);
    width: calc(5 / 1200 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-flow__flowList__flowBox__textBox::after {
    height: calc(55 / 750 * 100vw);
    left: calc(-12 / 750 * 100vw);
    margin: 0;
    right: auto;
    top: calc(86 / 750 * 100vw);
    transform: rotate(90deg);
    width: calc(3 / 750 * 100vw);
  }
}

.p-flow__flowList__flowBox__textBox__title {
  color: #180bb7;
  font-size: 1.8rem;
  font-weight: 700;
  margin-bottom: 10px;
  text-align: center;
}

@media screen and (max-width: 1199px) {
  .p-flow__flowList__flowBox__textBox__title {
    font-size: calc(18 / 1200 * 100vw);
    margin-bottom: calc(10 / 1200 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-flow__flowList__flowBox__textBox__title {
    font-size: calc(28 / 750 * 100vw);
    margin-bottom: calc(20 / 1200 * 100vw);
  }
}

.p-flow__flowList__flowBox__textBox__text {
  color: #474747;
  font-size: 1.4rem;
  line-height: 24px;
  text-align: justify;
}

@media screen and (max-width: 1199px) {
  .p-flow__flowList__flowBox__textBox__text {
    font-size: calc(14 / 1200 * 100vw);
    line-height: calc(24 / 1200 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-flow__flowList__flowBox__textBox__text {
    font-size: calc(24 / 750 * 100vw);
    line-height: calc(42 / 750 * 100vw);
  }
}

.p-faq {
  background-color: #f5f5ff;
}

@media screen and (max-width: 767px) {
  .p-faq.is-english .p-faq__title {
    line-height: calc(76 / 750 * 100vw);
    margin-bottom: calc(70 / 750 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-faq.is-english .p-faq__faqList__faqBox__q {
    line-height: calc(46 / 750 * 100vw);
    text-align: left;
  }
}

@media screen and (max-width: 767px) {
  .p-faq.is-english .p-faq__faqList__faqBox__a {
    text-align: left;
  }
}

.p-faq__inner {
  padding-bottom: 100px;
  padding-top: 120px;
}

@media screen and (max-width: 1199px) {
  .p-faq__inner {
    padding-bottom: calc(120 / 1200 * 100vw);
    padding-top: calc(120 / 1200 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-faq__inner {
    padding-bottom: calc(130 / 750 * 100vw);
    padding-top: calc(110 / 750 * 100vw);
  }
}

.p-faq__title {
  color: #090587;
  font-size: 4.2rem;
  font-weight: 700;
  margin-bottom: 50px;
  text-align: center;
}

@media screen and (max-width: 1199px) {
  .p-faq__title {
    font-size: calc(42 / 1200 * 100vw);
    margin-bottom: calc(50 / 1200 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-faq__title {
    font-size: calc(54 / 750 * 100vw);
    margin-bottom: calc(80 / 750 * 100vw);
  }
}

.p-faq__faqList > ul > li {
  margin-top: 30px;
}

@media screen and (max-width: 1199px) {
  .p-faq__faqList > ul > li {
    margin-top: calc(30 / 1200 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-faq__faqList > ul > li {
    margin-top: calc(40 / 750 * 100vw);
  }
}

.p-faq__faqList > ul > li:first-child {
  margin-top: 0;
}

.p-faq__faqList__faqBox {
  background-color: #ffffff;
  border-radius: 10px;
  box-shadow: 5.905px 6.792px 16.2px 1.8px rgba(13, 22, 137, 0.08);
  cursor: pointer;
  padding: 32px 40px;
  position: relative;
}

@media screen and (max-width: 1199px) {
  .p-faq__faqList__faqBox {
    border-radius: calc(10 / 1200 * 100vw);
    box-shadow: calc(5.905 / 1200 * 100vw) calc(6.792 / 1200 * 100vw) calc(16.2 / 1200 * 100vw) calc(1.8 / 1200 * 100vw) rgba(13, 22, 137, 0.08);
    padding: calc(32 / 1200 * 100vw) calc(40 / 1200 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-faq__faqList__faqBox {
    border-radius: calc(8 / 750 * 100vw);
    box-shadow: calc(5.905 / 750 * 100vw) calc(6.792 / 750 * 100vw) calc(16.2 / 750 * 100vw) calc(1.8 / 750 * 100vw) rgba(13, 22, 137, 0.08);
    padding: calc(40 / 750 * 100vw) calc(38 / 750 * 100vw);
  }
}

.p-faq__faqList__faqBox.is-open::after {
  background-image: url(../images/faq_icon_arrow_up.svg);
}

.p-faq__faqList__faqBox::after {
  background-image: url(../images/faq_icon_arrow_down.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: '';
  display: inline-block;
  height: 18.5px;
  margin: auto 0;
  position: absolute;
  right: 40px;
  top: 42px;
  width: 27.5px;
}

@media screen and (max-width: 1199px) {
  .p-faq__faqList__faqBox::after {
    height: calc(18.5 / 1200 * 100vw);
    right: calc(40 / 1200 * 100vw);
    top: calc(42 / 1200 * 100vw);
    width: calc(27.5 / 1200 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-faq__faqList__faqBox::after {
    height: calc(30 / 750 * 100vw);
    right: calc(38 / 750 * 100vw);
    top: calc(78 / 750 * 100vw);
    width: calc(62 / 750 * 100vw);
  }
}

.p-faq__faqList__faqBox__q {
  font-size: 2.0rem;
  font-weight: 700;
  line-height: 36px;
  text-align: justify;
  width: 886px;
}

@media screen and (max-width: 1199px) {
  .p-faq__faqList__faqBox__q {
    font-size: calc(20 / 1200 * 100vw);
    line-height: calc(36 / 1200 * 100vw);
    width: calc(886 / 1200 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-faq__faqList__faqBox__q {
    font-size: calc(32 / 750 * 100vw);
    line-height: calc(50 / 750 * 100vw);
    width: calc(516 / 750 * 100vw);
  }
}

.p-faq__faqList__faqBox__a {
  display: none;
  font-size: 1.4rem;
  line-height: 24px;
  margin-top: 25px;
  text-align: justify;
  width: 886px;
}

@media screen and (max-width: 1199px) {
  .p-faq__faqList__faqBox__a {
    font-size: calc(14 / 1200 * 100vw);
    line-height: calc(24 / 1200 * 100vw);
    margin-top: calc(28 / 1200 * 100vw);
    width: calc(886 / 1200 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-faq__faqList__faqBox__a {
    font-size: calc(24 / 750 * 100vw);
    line-height: calc(42 / 750 * 100vw);
    margin-top: calc(30 / 750 * 100vw);
    width: calc(516 / 750 * 100vw);
  }
}

.p-faq__button {
  margin-top: 70px;
}

@media screen and (max-width: 1199px) {
  .p-faq__button {
    margin-top: calc(70 / 1200 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-faq__button {
    margin-top: calc(100 / 750 * 100vw);
  }
}

.p-faq__button a {
  align-items: center;
  background-color: #3c38ce;
  border: 2px solid #3c38ce;
  border-radius: 10px;
  color: #ffffff;
  display: flex;
  font-size: 1.8rem;
  font-weight: 700;
  height: 65px;
  justify-content: center;
  margin: 0 auto;
  width: 226px;
}

@media screen and (max-width: 1199px) {
  .p-faq__button a {
    border: calc(2 / 1200 * 100vw) solid #3c38ce;
    border-radius: calc(10 / 1200 * 100vw);
    font-size: calc(18 / 1200 * 100vw);
    height: calc(65 / 1200 * 100vw);
    width: calc(226 / 1200 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-faq__button a {
    border: calc(3 / 750 * 100vw) solid #3c38ce;
    border-radius: calc(8 / 750 * 100vw);
    font-size: calc(28 / 750 * 100vw);
    height: calc(110 / 750 * 100vw);
    width: 100%;
  }
}

.p-faq__button a:hover {
  transform: translateY(-2px);
}

@media screen and (max-width: 1199px) {
  .p-faq__button a:hover {
    transform: translateY(calc(-2 / 1200 * 100vw));
  }
}

@media screen and (max-width: 767px) {
  .p-faq__button a:hover {
    transform: translateY(0);
  }
}