@charset "UTF-8";
@media (max-width: 550px) {
  html {
    font-size: 4.1025641026vw;
  }
}
@media screen and (min-width: 551px) {
  html {
    font-size: 1.4102564103rem;
  }
}
@media screen and (min-width: 768px) {
  html {
    font-size: 1.2698412698vw;
  }
}
@media (min-width: 1260px) {
  html {
    font-size: 100%;
  }
}

body {
  font-family: "BIZ UDPGothic", sans-serif;
  color: #00233a;
}

@media screen and (min-width: 768px) {
  a,
  button {
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  a:hover,
  button:hover {
    cursor: pointer;
  }
}

/*****************************
* A Modern CSS Reset (https://github.com/hankchizljaw/modern-css-reset)
* 上記に、ul要素,ol要素,a要素への記述追加
*****************************/
/* Box sizing rules */
*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

/* Remove default margin */
body,
h1,
h2,
h3,
h4,
p,
figure,
blockquote,
dl,
dd,
ul,
li {
  margin: 0;
}

/* Remove list styles on ul, ol elements with a list role, which suggests default styling will be removed */
ul,
ol {
  list-style: none;
  padding: 0;
}

/* Set core root defaults */
html:focus-within {
  scroll-behavior: smooth;
}

/* Set core body defaults */
body {
  min-height: 100vh;
  text-rendering: optimizeSpeed;
  line-height: 1.5;
}

/* A elements that don't have a class get default styles */
a:not([class]) {
  text-decoration-skip-ink: auto;
}

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

/* Make images easier to work with */
img,
picture {
  max-width: 100%;
  display: block;
}

/* Inherit fonts for inputs and buttons */
input,
button,
textarea,
select {
  font: inherit;
}

button {
  border: none;
  padding: 0;
  background-color: transparent;
  background-color: initial;
}

/* Remove all animations, transitions and smooth scroll for people that prefer not to see them */
@media (prefers-reduced-motion: reduce) {
  html:focus-within {
    scroll-behavior: auto;
  }
  *,
  *::before,
  *::after {
    -webkit-animation-duration: 0.01ms !important;
            animation-duration: 0.01ms !important;
    -webkit-animation-iteration-count: 1 !important;
            animation-iteration-count: 1 !important;
    -webkit-transition-duration: 0.01ms !important;
            transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}
.l-inner {
  width: 100%;
  padding-right: 1.25rem;
  padding-left: 1.25rem;
  max-width: 36.875rem;
  max-width: 590px;
  margin-right: auto;
  margin-left: auto;
}
@media screen and (min-width: 768px) {
  .l-inner {
    max-width: 78.75rem;
    padding-right: 2.5rem;
    padding-left: 2.5rem;
  }
}

.c-archivePaginationA {
  padding: 0 0 5.625rem;
}
@media screen and (min-width: 768px) {
  .c-archivePaginationA {
    padding: 0 0 7.5rem;
  }
}

.c-archivePaginationA__content {
  border-top: 1px solid #d0d5dd;
  border-bottom: 1px solid #d0d5dd;
  padding: 4.375rem 0;
}
@media screen and (min-width: 768px) {
  .c-archivePaginationA__content {
    padding: 5.625rem 0;
  }
}

.c-archivePaginationA .wp-pagenavi {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-column-gap: 0.4375rem;
     -moz-column-gap: 0.4375rem;
          column-gap: 0.4375rem;
}
@media screen and (min-width: 768px) {
  .c-archivePaginationA .wp-pagenavi {
    -webkit-column-gap: 1.0625rem;
       -moz-column-gap: 1.0625rem;
            column-gap: 1.0625rem;
  }
}

.c-archivePaginationA .wp-pagenavi a.previouspostslink {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
  background-color: #00233a;
  -webkit-box-ordinal-group: 1;
      -ms-flex-order: 0;
          order: 0;
  position: relative;
}
.c-archivePaginationA .wp-pagenavi a.previouspostslink::before {
  position: absolute;
  top: 50%;
  bottom: auto;
  left: 50%;
  right: auto;
  -webkit-transform: translate(-50%, -50%) rotate(180deg);
          transform: translate(-50%, -50%) rotate(180deg);
  display: block;
  content: "";
  width: 1.16375rem;
  height: 1.034375rem;
  background-image: url(../images/common/arrow-white@2x.webp);
  background-position: center;
  background-size: contain;
  background-position: center;
}
.c-archivePaginationA .wp-pagenavi a,
.c-archivePaginationA .wp-pagenavi span.current,
.c-archivePaginationA .wp-pagenavi span.extend {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-family: "Lato", sans-serif;
  font-weight: 700;
  font-size: 1rem;
  line-height: 1;
  letter-spacing: 0.05em;
  border: none;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
}
.c-archivePaginationA .wp-pagenavi a:hover {
  color: #19ba6a;
}

@media screen and (min-width: 768px) {
  .c-archivePaginationA .wp-pagenavi span.extend {
    margin: 0 0.5rem;
  }
}

.c-archivePaginationA .wp-pagenavi span.current {
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
  color: #fff;
  background-color: #19ba6a;
}
.c-archivePaginationA .wp-pagenavi a.nextpostslink {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
  background-color: #00233a;
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  position: relative;
}
.c-archivePaginationA .wp-pagenavi a.nextpostslink::before {
  position: absolute;
  top: 50%;
  bottom: auto;
  left: 50%;
  right: auto;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  display: block;
  content: "";
  width: 1.16375rem;
  height: 1.034375rem;
  background-image: url(../images/common/arrow-white@2x.webp);
  background-position: center;
  background-size: contain;
  background-position: center;
}
.c-btnInquiry_A {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 21.875rem;
  height: 4.5rem;
  background-color: #fff;
  color: #069c5d;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: 1.25rem;
  letter-spacing: 0.05em;
  font-weight: 700;
  border-radius: 50vw;
  border: 0.16875rem solid #069c5d;
  -webkit-box-shadow: 0 0.58125rem 1.333125rem rgba(0, 35, 58, .1);
          box-shadow: 0 0.58125rem 1.333125rem rgba(0, 35, 58, .1);
  padding-right: 0.9375rem;
  -webkit-transition: background-color 0.3s ease, color 0.3s ease;
  transition: background-color 0.3s ease, color 0.3s ease;
  position: relative;
}
@media screen and (min-width: 768px) {
  .c-btnInquiry_A {
    width: 24.25rem;
    height: 5.9125rem;
    font-size: 1.5rem;
  }
}

.c-btnInquiry_A:hover {
  background-color: #069c5d;
  color: #fff;
}
.c-btnInquiry_A:after {
  position: absolute;
  top: 50%;
  bottom: auto;
  left: auto;
  right: 1.875rem;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  display: block;
  content: "";
  width: 1.6625rem;
  height: 1.475rem;
  background-image: url(../images/common/arrow-green@2x.webp);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  -webkit-transition: background-image 0.3s ease, -webkit-transform 0.3s ease;
  transition: background-image 0.3s ease, -webkit-transform 0.3s ease;
  transition: background-image 0.3s ease, transform 0.3s ease;
  transition: background-image 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;
}
.c-btnInquiry_A:hover:after {
  background-image: url(../images/common/arrow-white@2x.webp);
  -webkit-transform: translate(0.3125rem, -50%);
          transform: translate(0.3125rem, -50%);
}
.c-btnNavy_A {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (min-width: 768px) {
  .c-btnNavy_A {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}

.c-btnNavy_A a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 1rem;
  font-weight: 700;
  font-family: "Zen Kaku Gothic New", sans-serif;
  letter-spacing: 0.05em;
  color: #fff;
  width: 16.3125rem;
  height: 3.90625rem;
  background-color: #00233a;
  border-radius: 50vw;
  padding-right: 0.625rem;
  border: 2px solid #00233a;
  -webkit-transition: color 0.3s ease, background-color 0.3s ease;
  transition: color 0.3s ease, background-color 0.3s ease;
  position: relative;
}
.c-btnNavy_A a:hover {
  background-color: #fff;
  color: #00233a;
}
.c-btnNavy_A a::after {
  position: absolute;
  top: 50%;
  bottom: auto;
  left: auto;
  right: 1.625rem;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  display: block;
  content: "";
  width: 1.16375rem;
  height: 1.034375rem;
  background-image: url(../images/common/arrow-white@2x.webp);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  -webkit-transition: background-image 0.3s ease, -webkit-transform 0.3s ease;
  transition: background-image 0.3s ease, -webkit-transform 0.3s ease;
  transition: transform 0.3s ease, background-image 0.3s ease;
  transition: transform 0.3s ease, background-image 0.3s ease, -webkit-transform 0.3s ease;
}
@media screen and (min-width: 768px) {
  .c-btnNavy_A a::after {
    right: 1.375rem;
  }
}

.c-btnNavy_A a:hover::after {
  background-image: url(../images/common/arrow-navy@2x.webp);
  -webkit-transform: translate(0.3125rem, -50%);
          transform: translate(0.3125rem, -50%);
}
.c-btnTrial_A {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 21.875rem;
  height: 4.5rem;
  background-color: #f9fd0c;
  color: #00233a;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: 1.25rem;
  letter-spacing: 0.05em;
  font-weight: 700;
  border-radius: 50vw;
  -webkit-box-shadow: 0 0.58125rem 1.333125rem rgba(0, 35, 58, .1);
          box-shadow: 0 0.58125rem 1.333125rem rgba(0, 35, 58, .1);
  padding-right: 0.9375rem;
  -webkit-transition: background-color 0.3s ease, color 0.3s ease;
  transition: background-color 0.3s ease, color 0.3s ease;
  position: relative;
}
@media screen and (min-width: 768px) {
  .c-btnTrial_A {
    width: 24.25rem;
    height: 5.9125rem;
    font-size: 1.5rem;
  }
}

.c-btnTrial_A::after {
  position: absolute;
  top: 50%;
  bottom: auto;
  left: auto;
  right: 1.875rem;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  display: block;
  content: "";
  width: 1.6625rem;
  height: 1.475rem;
  background-image: url(../images/common/arrow-navy@2x.webp);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  -webkit-transition: background-image 0.3s ease, -webkit-transform 0.3s ease;
  transition: background-image 0.3s ease, -webkit-transform 0.3s ease;
  transition: background-image 0.3s ease, transform 0.3s ease;
  transition: background-image 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;
}
.c-btnTrial_A:hover {
  background-color: #00233a;
  color: #fff;
}
.c-btnTrial_A:hover:after {
  background-image: url(../images/common/arrow-white@2x.webp);
  -webkit-transform: translate(0.3125rem, -50%);
          transform: translate(0.3125rem, -50%);
}
.c-campaignA__bgImage {
  background-color: #f5f7fa;
  background-image: url(../images/front/bg-campaign-sp@2x.webp);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: contain;
  padding: 7.5rem 0 18.75rem;
}
@media screen and (min-width: 768px) {
  .c-campaignA__bgImage {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    background-image: url(../images/front/bg-campaign-pc@2x.webp);
    padding: 5.9375rem 8.25rem 5.9375rem 2.5rem;
  }
}

.c-campaignA__title.c-sectionTitle {
  font-size: 1.75rem;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: 0.08em;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .c-campaignA__title.c-sectionTitle {
    font-size: 2.6875rem;
    margin-left: auto;
    margin-right: 0.625rem;
  }
}

.c-campaignA--subpage .c-campaignA__title.c-sectionTitle {
  font-size: 1.75rem;
}
@media screen and (min-width: 768px) {
  .c-campaignA--subpage .c-campaignA__title.c-sectionTitle {
    font-size: 2.4375rem;
    margin-right: 1.875rem;
  }
}

.c-campaignA__title:before {
  top: -4.375rem;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  content: "limited-\atime\a campaign";
  font-size: 4.0625rem;
  text-align: center;
  line-height: 1.1;
  letter-spacing: 0;
  width: 24.375rem;
  aspect-ratio: 2.7083333333;
  color: rgba(0, 35, 58, .05);
}
@media screen and (min-width: 768px) {
  .c-campaignA__title:before {
    top: -3.125rem;
    font-size: 6.25rem;
    content: "limited-time\a campaign";
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    aspect-ratio: auto;
  }
}

@media screen and (min-width: 768px) {
  .c-campaignA--subpage .c-campaignA__title:before {
    font-size: 5.375rem;
  }
}

.c-campaignA__lead {
  font-family: "BIZ UDPGothic", sans-serif;
  font-weight: 400;
  font-size: 0.9375rem;
  line-height: 1.6;
  letter-spacing: 0.03em;
  text-align: center;
  margin-top: 1.125rem;
}
@media screen and (min-width: 768px) {
  .c-campaignA__lead {
    margin-top: 1.5625rem;
  }
}

.c-campaignA__btnBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 0.625rem;
  margin-top: 2.5rem;
}
@media screen and (min-width: 768px) {
  .c-campaignA__btnBox {
    row-gap: 0.9375rem;
    margin-top: 3.75rem;
  }
}

.c-campaignA__newContract {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 20rem;
  height: 4.4375rem;
  border-radius: 50vw;
  background-color: #19ba6a;
  border: 3px solid #19ba6a;
  -webkit-box-shadow: 0 0.646875rem 1.478125rem 0 rgba(0, 0, 0, .1);
          box-shadow: 0 0.646875rem 1.478125rem 0 rgba(0, 0, 0, .1);
  font-size: 1.1875rem;
  font-family: "Zen Kaku Gothic New", sans-serif;
  line-height: 1;
  letter-spacing: 0.05em;
  font-weight: 700;
  color: #fff;
  padding-right: 0.9375rem;
  position: relative;
  -webkit-transition: background-color 0.3s ease, color 0.3s ease;
  transition: background-color 0.3s ease, color 0.3s ease;
}
@media screen and (min-width: 768px) {
  .c-campaignA__newContract {
    width: 27.375rem;
    height: 5.9125rem;
    font-size: 1.5rem;
  }
}

.c-campaignA__newContract:hover {
  background-color: #fff;
  color: #19ba6a;
}

.c-campaignA__newContract:after {
  position: absolute;
  top: 50%;
  bottom: auto;
  left: auto;
  right: 1.0625rem;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  display: block;
  content: "";
  width: 1.35rem;
  height: 1.2rem;
  -webkit-mask-image: url(../images/common/arrow-white@2x.webp);
          mask-image: url(../images/common/arrow-white@2x.webp);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: contain;
          mask-size: contain;
  background-color: #fff;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}
@media screen and (min-width: 768px) {
  .c-campaignA__newContract:after {
    right: 1.875rem;
    width: 1.6625rem;
    height: 1.478125rem;
  }
}

.c-campaignA__newContract:hover:after {
  background-color: #19ba6a;
  -webkit-transform: translate(0.3125rem, -50%);
          transform: translate(0.3125rem, -50%);
}

.c-campaignA__switchContract {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 20rem;
  height: 4.4375rem;
  border-radius: 50vw;
  background-color: #04ade2;
  border: 3px solid #04ade2;
  -webkit-box-shadow: 0 0.646875rem 1.478125rem 0 rgba(0, 0, 0, .1);
          box-shadow: 0 0.646875rem 1.478125rem 0 rgba(0, 0, 0, .1);
  font-size: 1.1875rem;
  font-family: "Zen Kaku Gothic New", sans-serif;
  line-height: 1;
  letter-spacing: 0.05em;
  font-weight: 700;
  color: #fff;
  padding-right: 0.9375rem;
  position: relative;
  -webkit-transition: background-color 0.3s ease, color 0.3s ease;
  transition: background-color 0.3s ease, color 0.3s ease;
}
@media screen and (min-width: 768px) {
  .c-campaignA__switchContract {
    width: 27.375rem;
    height: 5.9125rem;
    font-size: 1.5rem;
  }
}

.c-campaignA__switchContract:hover {
  color: #04ade2;
  background-color: #fff;
}
.c-campaignA__switchContract:after {
  position: absolute;
  top: 50%;
  bottom: auto;
  left: auto;
  right: 1.0625rem;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  display: block;
  content: "";
  width: 1.35rem;
  height: 1.2rem;
  -webkit-mask-image: url(../images/common/arrow-white@2x.webp);
          mask-image: url(../images/common/arrow-white@2x.webp);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: contain;
          mask-size: contain;
  background-color: #fff;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}
@media screen and (min-width: 768px) {
  .c-campaignA__switchContract:after {
    right: 1.875rem;
    width: 1.6625rem;
    height: 1.478125rem;
  }
}

.c-campaignA__switchContract:hover:after {
  background-color: #04ade2;
  -webkit-transform: translate(0.3125rem, -50%);
          transform: translate(0.3125rem, -50%);
}

.c-cardCheckA {
  background-color: #00233a;
  border-radius: 0.625rem;
  z-index: 1;
}
@media screen and (min-width: 768px) {
  .c-cardCheckA--01 {
    position: absolute;
    top: 17.5rem;
    bottom: auto;
    left: calc(50% - 24.0625rem);
    right: auto;
    width: 22.9375rem;
    height: auto;
  }
}

@media screen and (min-width: 768px) {
  .c-cardCheckA--02 {
    position: absolute;
    top: 17.5rem;
    bottom: auto;
    left: calc(50% + 0.4375rem);
    right: auto;
    width: 22.9375rem;
    height: auto;
  }
}

@media screen and (min-width: 768px) {
  .c-cardCheckA--03 {
    position: absolute;
    top: 31.25rem;
    bottom: auto;
    left: calc(50% - 33.5625rem);
    right: auto;
    width: 18rem;
    height: auto;
  }
}

@media screen and (min-width: 768px) {
  .c-cardCheckA--04 {
    position: absolute;
    top: 31.25rem;
    bottom: auto;
    left: calc(50% + 13.75rem);
    right: auto;
    width: 19.3125rem;
    height: auto;
  }
}

.c-cardCheckAInner {
  position: relative;
  padding: 2.25rem 1.25rem 1.25rem;
}
@media screen and (min-width: 768px) {
  .c-cardCheckAInner {
    padding: 2.9375rem 2rem 1.875rem;
  }
}

.c-cardCheckAInner::before {
  position: absolute;
  top: 0;
  bottom: auto;
  left: 50%;
  right: auto;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  display: block;
  content: "";
  width: 2.8125rem;
  height: 2.8125rem;
  border-radius: 50%;
  background-color: #19ba6a;
}
@media screen and (min-width: 768px) {
  .c-cardCheckAInner::before {
    width: 3.75rem;
    height: 3.75rem;
  }
}

.c-cardCheckAInner::after {
  position: absolute;
  top: 0;
  bottom: auto;
  left: 50%;
  right: auto;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  display: block;
  content: "";
  width: 1.95rem;
  height: 1.95rem;
  background-image: url(../images/common/icon-check@2x.webp);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
@media screen and (min-width: 768px) {
  .c-cardCheckAInner::after {
    width: 2.59375rem;
    height: 2.59375rem;
  }
}

.c-cardCheckA + .c-cardCheckA {
  margin-top: 1.5625rem;
}
@media screen and (min-width: 768px) {
  .c-cardCheckA + .c-cardCheckA {
    margin-top: 0;
  }
}

.c-cardCheckATxt {
  font-family: "BIZ UDPGothic", sans-serif;
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.6;
  letter-spacing: 0.05em;
  color: #fff;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .c-cardCheckATxt {
    font-size: 1.1875rem;
    text-align: left;
  }
}

.c-cardCheckATxt--highlight {
  color: #f9fd0c;
}
.c-cardImageA {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 1.75rem 0rem 1.6875rem;
}
@media screen and (min-width: 768px) {
  .c-cardImageA {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    padding: 1.1875rem 0rem 1.1875rem;
  }
}

.c-cardImageA:not(:last-of-type) {
  border-bottom: 1px solid #d0d5dd;
}
.c-cardImageA__img {
  display: block;
  width: 9.375rem;
  height: auto;
}
@media screen and (min-width: 768px) {
  .c-cardImageA__img {
    width: auto;
    -ms-flex-preferred-size: 30.534351145%;
        flex-basis: 30.534351145%;
  }
}

.c-cardImageA__img img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 1;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}
@media screen and (min-width: 768px) {
  .c-cardImageA__sentenceBox {
    -ms-flex-preferred-size: 63.358778626%;
        flex-basis: 63.358778626%;
  }
}

.c-cardImageA__title {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 700;
  font-size: 1.25rem;
  line-height: 1.3;
  letter-spacing: 0.05em;
  color: #069c5d;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .c-cardImageA__title {
    font-size: 1.625rem;
    text-align: left;
  }
}

.c-cardImageA__txt {
  font-family: "BIZ UDPGothic", sans-serif;
  font-weight: 400;
  font-size: 0.9375rem;
  line-height: 1.6;
  letter-spacing: 0.03em;
  margin-top: 0.75rem;
}
.c-cardImageB__imgBox {
  width: 100%;
  height: auto;
  aspect-ratio: 1;
  filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur in="SourceAlpha" stdDeviation="16" /><feOffset dx="1" dy="17" result="offsetblur" /><feFlood flood-color="rgba(0,0,0,0.1)" /><feComposite in2="offsetblur" operator="in" /><feMerge><feMergeNode /><feMergeNode in="SourceGraphic" /></feMerge></filter></svg>#filter');
  -webkit-filter: drop-shadow(0 0.588125rem 1.3525rem rgba(0, 0, 0, .1));
          filter: drop-shadow(0 0.588125rem 1.3525rem rgba(0, 0, 0, .1));
}
@media screen and (min-width: 768px) {
  .c-cardImageB__imgBox {
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur in="SourceAlpha" stdDeviation="16" /><feOffset dx="1" dy="17" result="offsetblur" /><feFlood flood-color="rgba(0,0,0,0.1)" /><feComposite in2="offsetblur" operator="in" /><feMerge><feMergeNode /><feMergeNode in="SourceGraphic" /></feMerge></filter></svg>#filter');
    -webkit-filter: drop-shadow(0 0.625rem 1.4375rem rgba(0, 0, 0, .1));
            filter: drop-shadow(0 0.625rem 1.4375rem rgba(0, 0, 0, .1));
  }
}

.c-cardImageB__imgBox img {
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
  -o-object-position: center;
     object-position: center;
  display: block;
  aspect-ratio: 1;
  border-radius: 0.5rem;
}
.c-cardImageB__title {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: 0.05em;
  color: #19ba6a;
  text-align: center;
  margin-top: 1.4375rem;
}
@media screen and (min-width: 768px) {
  .c-cardImageB__title {
    -ms-flex-item-align: center;
        align-self: center;
    font-size: 1.375rem;
    margin-top: 1.5625rem;
  }
}

.c-cardImageB__txt {
  font-family: "BIZ UDPGothic", sans-serif;
  font-size: 0.9375rem;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: 0.03em;
  margin-top: 0.75rem;
}
@media screen and (min-width: 768px) {
  .c-cardImageB__txt {
    margin-top: 0.9375rem;
  }
}

.c-cardNumberA {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-radius: 0.5rem;
  -webkit-box-shadow: 0 0.46875rem 0.984375rem rgba(0, 0, 0, .1);
          box-shadow: 0 0.46875rem 0.984375rem rgba(0, 0, 0, .1);
  position: relative;
  padding: 1.5rem;
}
@media screen and (min-width: 768px) {
  .c-cardNumberA {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    row-gap: 0.875rem;
    -webkit-box-shadow: 0 0.625rem 1.3125rem rgba(0, 0, 0, .1);
            box-shadow: 0 0.625rem 1.3125rem rgba(0, 0, 0, .1);
    padding: 2rem 2rem 2rem;
  }
}

.c-cardNumberA.c-cardNumberA--subpage {
  background-color: #fff;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.c-cardNumberA__number {
  position: absolute;
  top: 0;
  bottom: auto;
  left: 0;
  right: auto;
  width: 2.53125rem;
  height: 2.53125rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-top-left-radius: 0.4375rem;
  border-bottom-right-radius: 0.4375rem;
  background-color: #19ba6a;
  font-family: "Lato", sans-serif;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: 0.05em;
  color: #fff;
}
@media screen and (min-width: 768px) {
  .c-cardNumberA__number {
    width: 3.375rem;
    height: 3.375rem;
    border-top-left-radius: 0.625rem;
    border-bottom-right-radius: 0.625rem;
    font-size: 1.67125rem;
  }
}

.c-cardNumberA__img {
  display: block;
  -ms-flex-preferred-size: 29.8013245033%;
      flex-basis: 29.8013245033%;
  width: auto;
  height: auto;
}
@media screen and (min-width: 768px) {
  .c-cardNumberA__img {
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
    width: 8.125rem;
    aspect-ratio: 1;
  }
}

.c-cardNumberA__img picture {
  display: block;
  width: 100%;
  height: auto;
}
.c-cardNumberA__img img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 1;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}
.c-cardNumberA__sentence {
  -ms-flex-preferred-size: 64.9006622517%;
      flex-basis: 64.9006622517%;
}
@media screen and (min-width: 768px) {
  .c-cardNumberA__sentence {
    display: contents;
  }
}

.c-cardNumberA__title {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 700;
  font-size: 1.125rem;
  line-height: 1.3;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 768px) {
  .c-cardNumberA__title {
    font-size: 1.375rem;
    text-align: center;
  }
}

.c-cardNumberA__txt {
  font-family: "BIZ UDPGothic", sans-serif;
  font-weight: 400;
  font-size: 0.9375rem;
  line-height: 1.6;
  letter-spacing: 0.03em;
  margin-top: 0.625rem;
}
@media screen and (min-width: 768px) {
  .c-cardNumberA__txt {
    margin-top: 0;
  }
}

@media screen and (min-width: 768px) {
  .c-cardNumberB {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }
}

.c-cardNumberB__numberBox {
  width: 100%;
  height: 2.8125rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-top-left-radius: 1.25rem;
  border-top-right-radius: 1.25rem;
  background-color: #25303c;
}
@media screen and (min-width: 768px) {
  .c-cardNumberB__numberBox {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    width: auto;
    height: auto;
    -ms-flex-preferred-size: 4.0625rem;
        flex-basis: 4.0625rem;
    border-bottom-left-radius: 1.25rem;
    border-top-right-radius: 0;
    padding-top: 3.0625rem;
  }
}

.c-cardNumberB__number {
  font-family: "Lato", sans-serif;
  font-size: 1.375rem;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: 0.05em;
  color: #f4f8fc;
}
@media screen and (min-width: 768px) {
  .c-cardNumberB__number {
    font-size: 1.875rem;
  }
}

.c-cardNumberB__contentBox {
  background-color: #fff;
  padding: 1.5rem 1.5rem 2rem;
  border-bottom-left-radius: 1.25rem;
  border-bottom-right-radius: 1.25rem;
}
@media screen and (min-width: 768px) {
  .c-cardNumberB__contentBox {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    -webkit-column-gap: 1.9474196689%;
       -moz-column-gap: 1.9474196689%;
            column-gap: 1.9474196689%;
    padding: 3rem 3rem 3rem 2.5rem;
  }
}

.c-cardNumberB__imgBox {
  width: 100%;
  height: auto;
  aspect-ratio: 1.5024875622;
  border-radius: 0.625rem;
}
@media screen and (min-width: 768px) {
  .c-cardNumberB__imgBox {
    width: auto;
    -ms-flex-preferred-size: 37.3904576436%;
        flex-basis: 37.3904576436%;
    aspect-ratio: 1.5;
  }
}

.c-cardNumberB__imgBox img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.c-cardNumberB__sentence {
  margin-top: 1.25rem;
}
@media screen and (min-width: 768px) {
  .c-cardNumberB__sentence {
    -ms-flex-preferred-size: 60.6621226874%;
        flex-basis: 60.6621226874%;
    margin-top: 0;
  }
}

.c-cardNumberB__title {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: 1.25rem;
  line-height: 1.3;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 768px) {
  .c-cardNumberB__title {
    font-size: 1.625rem;
  }
}

.c-cardNumberB__txt {
  font-family: "BIZ UDPGothic", sans-serif;
  font-size: 0.9375rem;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: 0.03em;
  margin-top: 0.9375rem;
}
.c-cardNumberC__imgBox {
  width: 100%;
  height: auto;
  aspect-ratio: 1;
  filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur in="SourceAlpha" stdDeviation="16" /><feOffset dx="1" dy="17" result="offsetblur" /><feFlood flood-color="rgba(0,0,0,0.1)" /><feComposite in2="offsetblur" operator="in" /><feMerge><feMergeNode /><feMergeNode in="SourceGraphic" /></feMerge></filter></svg>#filter');
  -webkit-filter: drop-shadow(0 0.5875rem 1.3525rem rgba(0, 0, 0, .1));
          filter: drop-shadow(0 0.5875rem 1.3525rem rgba(0, 0, 0, .1));
}
@media screen and (min-width: 768px) {
  .c-cardNumberC__imgBox {
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur in="SourceAlpha" stdDeviation="16" /><feOffset dx="1" dy="17" result="offsetblur" /><feFlood flood-color="rgba(0,0,0,0.1)" /><feComposite in2="offsetblur" operator="in" /><feMerge><feMergeNode /><feMergeNode in="SourceGraphic" /></feMerge></filter></svg>#filter');
    -webkit-filter: drop-shadow(0 0.625rem 1.4375rem rgba(0, 0, 0, .1));
            filter: drop-shadow(0 0.625rem 1.4375rem rgba(0, 0, 0, .1));
  }
}

.c-cardNumberC__imgBox img {
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
  -o-object-position: center;
     object-position: center;
  display: block;
}
.c-cardNumberC__sentence {
  margin-top: 1.5625rem;
}
.c-cardNumberC__title {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: 0.05em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 0.4375rem;
     -moz-column-gap: 0.4375rem;
          column-gap: 0.4375rem;
}
@media screen and (min-width: 768px) {
  .c-cardNumberC__title {
    font-size: 1.375rem;
  }
}

.c-cardNumberC__number {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 2.125rem;
  height: 2.125rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 50%;
  background-color: #19ba6a;
  font-family: "Lato", sans-serif;
  font-size: 0.9375rem;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: 0.05em;
  color: #f4f8fc;
}
@media screen and (min-width: 768px) {
  .c-cardNumberC__number {
    font-size: 1.25rem;
    width: 2.8125rem;
    height: 2.8125rem;
  }
}

.c-cardNumberC__txt {
  font-family: "Lato", sans-serif;
  font-size: 0.9375rem;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: 0.01em;
  margin-top: 0.75rem;
}
.c-cardNumberD {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 0rem 2rem 1.875rem;
  position: relative;
}
@media screen and (min-width: 768px) {
  .c-cardNumberD {
    display: grid;
    grid-template-areas: "cardNumber gap01 cardTitle gap02 cardImage" "cardNumber gap01 cardTxt gap02 cardImage";
    grid-template-columns: 11.2403100775% 4.2635658915% 56.0723514212% 2.5839793282% 25.8397932817%;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 1.25rem 0 1.25rem;
  }
}

.c-cardNumberD:not(:last-of-type):after {
  position: absolute;
  top: auto;
  bottom: 0;
  left: 50%;
  right: auto;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  display: block;
  content: "";
  width: 81.7142857143%;
  height: 1px;
  background-color: #d0d5dd;
}
@media screen and (min-width: 768px) {
  .c-cardNumberD:not(:last-of-type):after {
    width: 100%;
  }
}

.c-cardNumberD + .c-cardNumberD {
  margin-top: 1.3125rem;
}
@media screen and (min-width: 768px) {
  .c-cardNumberD + .c-cardNumberD {
    margin-top: 0;
  }
}

.c-cardNumberD__img {
  width: 9.375rem;
  height: auto;
  aspect-ratio: 1;
}
@media screen and (min-width: 768px) {
  .c-cardNumberD__img {
    width: 12.5rem;
    grid-area: cardImage;
  }
}

.c-cardNumberD__img img {
  display: block;
  width: 100%;
  height: 100%;
  aspect-ratio: 1;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}
.c-cardNumberD__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 1.5625rem;
     -moz-column-gap: 1.5625rem;
          column-gap: 1.5625rem;
}
@media screen and (min-width: 768px) {
  .c-cardNumberD__title {
    display: contents;
  }
}

.c-cardNumberD__titleNumber {
  font-family: "Lato", sans-serif;
  font-weight: 700;
  font-size: 3.4375rem;
  line-height: 1;
  letter-spacing: 0;
  color: #19ba6a;
  position: relative;
}
@media screen and (min-width: 768px) {
  .c-cardNumberD__titleNumber {
    grid-area: cardNumber;
    font-size: 6.25rem;
  }
}

.c-cardNumberD__titleDeco {
  position: absolute;
  top: 0.5rem;
  bottom: auto;
  left: auto;
  right: -0.25rem;
  -webkit-transform: translate(100%, 0);
          transform: translate(100%, 0);
  display: block;
  font-family: "Lato", sans-serif;
  font-weight: 700;
  font-size: 0.48125rem;
  text-transform: uppercase;
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
}
@media screen and (min-width: 768px) {
  .c-cardNumberD__titleDeco {
    top: 0.625rem;
    right: 0.8125rem;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    font-size: 0.875rem;
  }
}

.c-cardNumberD__titleMain {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 700;
  font-size: 1.25rem;
  line-height: 1.3;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 768px) {
  .c-cardNumberD__titleMain {
    grid-area: cardTitle;
    font-size: 1.625rem;
    -ms-flex-item-align: end;
        align-self: end;
    margin-top: 0.75rem;
  }
}

.c-cardNumberD__text {
  font-family: "BIZ UDPGothic", sans-serif;
  font-weight: 400;
  font-size: 0.9375rem;
  line-height: 1.6;
  letter-spacing: 0.03em;
  margin-top: 0.875rem;
}
@media screen and (min-width: 768px) {
  .c-cardNumberD__text {
    grid-area: cardTxt;
    -ms-flex-item-align: start;
        align-self: start;
    margin-top: 0.75rem;
  }
}

.c-cardTextA {
  background-color: #eff4fa;
  border-radius: 0.46875rem;
  -webkit-box-shadow: 0 0.515625rem 1.171875rem 0 rgba(0, 0, 0, .1);
          box-shadow: 0 0.515625rem 1.171875rem 0 rgba(0, 0, 0, .1);
  padding: 1.5rem;
}
@media screen and (min-width: 768px) {
  .c-cardTextA {
    width: calc(25% - 0.9375rem);
    padding: 2.5rem;
    -webkit-box-shadow: 0 0.6875rem 1.5625rem 0 rgba(0, 0, 0, .1);
            box-shadow: 0 0.6875rem 1.5625rem 0 rgba(0, 0, 0, .1);
  }
}

.c-cardTextA + .c-cardTextA {
  margin-top: 0.9375rem;
}
@media screen and (min-width: 768px) {
  .c-cardTextA + .c-cardTextA {
    margin-top: 0;
  }
}

.c-cardTextA__title {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: 0.05em;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .c-cardTextA__title {
    font-size: 1.25rem;
  }
}

.c-cardTextA__txt {
  font-family: "BIZ UDPGothic", sans-serif;
  font-weight: 400;
  font-size: 0.9375rem;
  line-height: 1.6;
  letter-spacing: 0.03em;
  margin-top: 0.625rem;
}
@media screen and (min-width: 768px) {
  .c-cardTextA__txt {
    margin-top: 0.875rem;
  }
}

.c-childPageMV {
  background-repeat: no-repeat;
  background-size: 34.403125rem 17.75rem;
  background-position: 8.75rem 0;
  padding: 9.6875rem 0 0rem;
}
@media screen and (min-width: 768px) {
  .c-childPageMV {
    background-size: 66.625rem 34.375rem;
    background-position: calc(50% + 34.8125rem) 0;
    padding: 12.9375rem 0 0rem;
  }
}

.c-childPageMV__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 16.875rem;
  max-height: 424.3px;
}
@media screen and (min-width: 768px) {
  .c-childPageMV__container {
    height: auto;
    aspect-ratio: 3.4005763689;
  }
}

.c-childPageMV__subTitle {
  font-family: "Lato", sans-serif;
  font-weight: 700;
  font-size: 0.9375rem;
  line-height: 1.1;
  text-transform: uppercase;
  color: #d0d5dd;
  margin-left: 0.3125rem;
}
@media screen and (min-width: 768px) {
  .c-childPageMV__subTitle {
    font-size: 1.25rem;
  }
}

.c-childPageMV__title {
  height: auto;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: 2.125rem;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: 0.05em;
  margin-top: 0.9375rem;
}
@media screen and (min-width: 768px) {
  .c-childPageMV__title {
    font-size: 2.875rem;
    margin-top: 1.25rem;
  }
}

.c-circleCardA {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 0.9375rem;
     -moz-column-gap: 0.9375rem;
          column-gap: 0.9375rem;
  position: relative;
}
@media screen and (min-width: 768px) {
  .c-circleCardA {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    row-gap: 1.25rem;
  }
}

.c-circleCardA__imgBox {
  -ms-flex-preferred-size: 9.375rem;
      flex-basis: 9.375rem;
  width: auto;
  height: auto;
  aspect-ratio: 0.7978723404;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
}
@media screen and (min-width: 768px) {
  .c-circleCardA__imgBox {
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
    width: 100%;
    aspect-ratio: 0.802507837;
  }
}

.c-circleCardA__imgBox:before {
  position: absolute;
  top: 50%;
  bottom: auto;
  left: 50%;
  right: auto;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  display: block;
  content: "";
  width: 9.375rem;
  height: auto;
  aspect-ratio: 1;
  border-radius: 50%;
  background-color: #e1e6ed;
}
@media screen and (min-width: 768px) {
  .c-circleCardA__imgBox:before {
    width: 100%;
    height: auto;
    aspect-ratio: 1;
  }
}

.c-circleCardA__img {
  display: block;
  width: 5.875rem;
  height: auto;
  aspect-ratio: 0.5;
  filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur in="SourceAlpha" stdDeviation="16" /><feOffset dx="1" dy="1" result="offsetblur" /><feFlood flood-color="rgba(0,0,0,0.1)" /><feComposite in2="offsetblur" operator="in" /><feMerge><feMergeNode /><feMergeNode in="SourceGraphic" /></feMerge></filter></svg>#filter');
  -webkit-filter: drop-shadow(0 0.320625rem 0.72125rem rgba(0, 0, 0, .1));
          filter: drop-shadow(0 0.320625rem 0.72125rem rgba(0, 0, 0, .1));
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 768px) {
  .c-circleCardA__img {
    width: 10rem;
    aspect-ratio: 0.5015673981;
  }
}

.c-circleCardA__img.c-circleCardA__img--02 {
  width: 9.375rem;
  aspect-ratio: 0.802507837;
}
@media screen and (min-width: 768px) {
  .c-circleCardA__img.c-circleCardA__img--02 {
    width: 16rem;
    aspect-ratio: 0.802507837;
  }
}

.c-circleCardA__img img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
  filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur in="SourceAlpha" stdDeviation="16" /><feOffset dx="1" dy="1" result="offsetblur" /><feFlood flood-color="rgba(0,0,0,0.1)" /><feComposite in2="offsetblur" operator="in" /><feMerge><feMergeNode /><feMergeNode in="SourceGraphic" /></feMerge></filter></svg>#filter');
  -webkit-filter: drop-shadow(0 0.320625rem 0.72125rem rgba(0, 0, 0, .1));
          filter: drop-shadow(0 0.320625rem 0.72125rem rgba(0, 0, 0, .1));
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}
@media screen and (min-width: 768px) {
  .c-circleCardA__img img {
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur in="SourceAlpha" stdDeviation="16" /><feOffset dx="1" dy="17" result="offsetblur" /><feFlood flood-color="rgba(0,0,0,0.1)" /><feComposite in2="offsetblur" operator="in" /><feMerge><feMergeNode /><feMergeNode in="SourceGraphic" /></feMerge></filter></svg>#filter');
    -webkit-filter: drop-shadow(0 0.545625rem 1.2275rem rgba(0, 0, 0, .1));
            filter: drop-shadow(0 0.545625rem 1.2275rem rgba(0, 0, 0, .1));
  }
}

.c-circleCardA__sentence {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 0.625rem;
}
@media screen and (min-width: 768px) {
  .c-circleCardA__sentence {
    width: 100%;
  }
}

.c-circleCardA__sentence--06 {
  padding: 4.375rem 0 0;
}
@media screen and (min-width: 768px) {
  .c-circleCardA__sentence--06 {
    padding: 0;
  }
}

.c-circleCardA__annotationBox {
  position: absolute;
  top: 1.125rem;
  bottom: auto;
  left: auto;
  right: 0;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  background-color: #f7f5cc;
  padding: 0.625rem 0.875rem 0.625rem 2.25rem;
}
@media screen and (min-width: 768px) {
  .c-circleCardA__annotationBox {
    top: -1.375rem;
    left: 56%;
    right: auto;
    -webkit-transform: translate(-50%, -100%);
            transform: translate(-50%, -100%);
    padding: 1rem 1rem 1rem 3.1875rem;
  }
}

.c-circleCardA__annotationImg {
  position: absolute;
  top: 0;
  bottom: auto;
  left: 0;
  right: auto;
  -webkit-transform: translate(-50%, 0%);
          transform: translate(-50%, 0%);
  display: block;
  width: 3.5rem;
  height: auto;
  aspect-ratio: 1;
  border-radius: 50%;
}
@media screen and (min-width: 768px) {
  .c-circleCardA__annotationImg {
    width: 4.375rem;
  }
}

.c-circleCardA__annotationImg img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}

.c-circleCardA__annotationTxt {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: 0;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
@media screen and (min-width: 768px) {
  .c-circleCardA__annotationTxt {
    font-size: 0.9375rem;
  }
}

.c-circleCardA__title {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 768px) {
  .c-circleCardA__title {
    width: 100%;
    font-size: 1.25rem;
    text-align: center;
  }
}

.c-circleCardA__txt {
  font-family: "BIZ UDPGothic", sans-serif;
  font-size: 0.9375rem;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: 0.03em;
}
@media screen and (min-width: 768px) {
  .c-circleCardA__txt {
    width: 100%;
  }
}

.c-followingCta {
  width: 100%;
  height: auto;
  padding: 0.625rem 1.25rem;
  background-color: rgba(255, 255, 255, .2);
}
@media screen and (min-width: 768px) {
  .c-followingCta {
    background-color: transparent;
    width: auto;
    padding: 0;
  }
}

.c-followingCta__container {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-column-gap: 0.375rem;
     -moz-column-gap: 0.375rem;
          column-gap: 0.375rem;
}
@media screen and (min-width: 768px) {
  .c-followingCta__container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    row-gap: 0.4375rem;
  }
}

.c-followingMailBtn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 0.0625rem;
  width: calc(33.33333% - 0.25rem);
  height: auto;
  background-color: #fff;
  border: 2px solid #069c5d;
  border-radius: 0.625rem;
  -webkit-box-shadow: 0 0.175rem 0.39375rem rgba(0, 0, 0, .1);
          box-shadow: 0 0.175rem 0.39375rem rgba(0, 0, 0, .1);
  color: #069c5d;
  -webkit-transition: background-color 0.3s ease, color 0.3s ease;
  transition: background-color 0.3s ease, color 0.3s ease;
  padding: 0.625rem 0.3125rem;
}
@media screen and (min-width: 768px) {
  .c-followingMailBtn {
    width: auto;
    height: 6.1875rem;
    padding: 1.0625rem 1.4375rem;
    border-radius: 1.25rem 0 0 1.25rem;
    border-right: none;
    -webkit-box-shadow: 0 0.25rem 0.5625rem rgba(0, 0, 0, .1);
            box-shadow: 0 0.25rem 0.5625rem rgba(0, 0, 0, .1);
  }
}

.c-followingMailBtn:hover {
  background-color: #069c5d;
  color: #fff;
}

.c-followingMailBtn__img {
  display: block;
  width: 1.96875rem;
  height: auto;
  aspect-ratio: 1.5;
}
@media screen and (min-width: 768px) {
  .c-followingMailBtn__img {
    width: 2.8125rem;
    aspect-ratio: 1.5;
  }
}

.c-followingMailBtn__img img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}
.c-followingMailBtn__txt {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 1.3;
  letter-spacing: 0;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .c-followingMailBtn__txt {
    font-size: 1rem;
    letter-spacing: 0.03em;
  }
}

.c-followingTelBtn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 0.0625rem;
  width: calc(33.33333% - 0.25rem);
  height: auto;
  background-color: #fff;
  border: 2px solid #0091bf;
  border-radius: 0.625rem;
  -webkit-box-shadow: 0 0.175rem 0.39375rem rgba(0, 0, 0, .1);
          box-shadow: 0 0.175rem 0.39375rem rgba(0, 0, 0, .1);
  color: #0091bf;
  -webkit-transition: background-color 0.3s ease, color 0.3s ease;
  transition: background-color 0.3s ease, color 0.3s ease;
  padding: 0.625rem 0.3125rem;
}
@media screen and (min-width: 768px) {
  .c-followingTelBtn {
    width: auto;
    height: 6.1875rem;
    padding: 1.0625rem 1.4375rem;
    border-radius: 1.25rem 0 0 1.25rem;
    border-right: none;
    -webkit-box-shadow: 0 0.25rem 0.5625rem rgba(0, 0, 0, .1);
            box-shadow: 0 0.25rem 0.5625rem rgba(0, 0, 0, .1);
  }
}

.c-followingTelBtn:hover {
  background-color: #0091bf;
  color: #fff;
}

.c-followingTelBtn__img {
  display: block;
  width: 1.96875rem;
  height: auto;
  aspect-ratio: 1.5;
}
@media screen and (min-width: 768px) {
  .c-followingTelBtn__img {
    width: 2.8125rem;
    aspect-ratio: 1.5;
  }
}

.c-followingTelBtn__img img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}
.c-followingTelBtn__txt {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 1.3;
  letter-spacing: 0;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .c-followingTelBtn__txt {
    font-size: 1rem;
    letter-spacing: 0.03em;
  }
}

.c-followingTrialBtn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 0.0625rem;
  width: calc(33.33333% - 0.25rem);
  height: auto;
  background-color: #f9fd0c;
  border-radius: 0.625rem;
  -webkit-box-shadow: 0 0.175rem 0.39375rem rgba(0, 0, 0, .1);
          box-shadow: 0 0.175rem 0.39375rem rgba(0, 0, 0, .1);
  -webkit-transition: background-color 0.3s ease, color 0.3s ease;
  transition: background-color 0.3s ease, color 0.3s ease;
  padding: 0.625rem 0.3125rem;
}
@media screen and (min-width: 768px) {
  .c-followingTrialBtn {
    width: auto;
    height: 6.1875rem;
    padding: 1.0625rem 1.4375rem;
    border-radius: 1.25rem 0 0 1.25rem;
    -webkit-box-shadow: 0 0.25rem 0.5625rem rgba(0, 0, 0, .1);
            box-shadow: 0 0.25rem 0.5625rem rgba(0, 0, 0, .1);
  }
}

.c-followingTrialBtn:hover {
  background-color: #00233a;
  color: #fff;
}

.c-followingTrialBtn__img {
  display: block;
  width: 1.96875rem;
  height: auto;
  aspect-ratio: 1.5;
}
@media screen and (min-width: 768px) {
  .c-followingTrialBtn__img {
    width: 2.8125rem;
    aspect-ratio: 1.5;
  }
}

.c-followingTrialBtn__img img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}
.c-followingTrialBtn__txt {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 1.3;
  letter-spacing: 0;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .c-followingTrialBtn__txt {
    font-size: 1rem;
    letter-spacing: 0.03em;
  }
}

*.js-fadeIn {
  opacity: 0;
}

.c-pagenationA {
  padding: 4.375rem 0;
}
@media screen and (min-width: 768px) {
  .c-pagenationA {
    padding: 5.8125rem 0;
  }
}

.c-paginationA__content {
  display: grid;
  grid-template-areas: "prev next" "list list";
  grid-template-columns: auto auto;
  -webkit-column-gap: 24%;
     -moz-column-gap: 24%;
          column-gap: 24%;
  row-gap: 1.875rem;
  border-top: 1px solid #d0d5dd;
  border-bottom: 1px solid #d0d5dd;
  padding: 4.4375rem 0 4.4375rem;
}
@media screen and (min-width: 768px) {
  .c-paginationA__content {
    grid-template-areas: "prev list next";
    grid-template-columns: auto auto auto;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 5.9375rem 0 5.9375rem;
  }
}

.c-paginationA__prev {
  grid-area: prev;
  width: 8.1875rem;
  height: 2.5rem;
}
.c-paginationA__prev a {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 700;
  font-size: 1rem;
  line-height: 1;
  letter-spacing: 0.05em;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  position: relative;
}
.c-paginationA__prev a::before {
  position: absolute;
  top: 50%;
  bottom: auto;
  left: 0;
  right: auto;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  display: block;
  content: "";
  border-radius: 50%;
  background-color: #00233a;
  width: 2.5rem;
  height: 2.5rem;
  -webkit-transition: background-color 0.3s ease, border 0.3s ease;
  transition: background-color 0.3s ease, border 0.3s ease;
}
.c-paginationA__prev a:hover::before {
  background-color: #fff;
  border: 2px solid #00233a;
}

.c-paginationA__prev a::after {
  position: absolute;
  top: 50%;
  bottom: auto;
  left: 0.6875rem;
  right: auto;
  -webkit-transform: translate(0, -50%) rotateZ(180deg);
          transform: translate(0, -50%) rotateZ(180deg);
  display: block;
  content: "";
  width: 1.165625rem;
  height: 1.034375rem;
  background-image: url(../images/common/arrow-white@2x.webp);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  -webkit-transition: background-image 0.2s ease;
  transition: background-image 0.2s ease;
}
.c-paginationA__prev a:hover::after {
  background-image: url(../images/common/arrow-navy@2x.webp);
}

.c-paginationA__list {
  grid-area: list;
}
.c-paginationA__next {
  grid-area: next;
  width: 8.1875rem;
  height: 2.5rem;
}
.c-paginationA__next a {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 700;
  font-size: 1rem;
  line-height: 1;
  letter-spacing: 0.05em;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  position: relative;
}
.c-paginationA__next a::before {
  position: absolute;
  top: 50%;
  bottom: auto;
  right: 0;
  left: auto;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  display: block;
  content: "";
  border-radius: 50%;
  background-color: #00233a;
  -webkit-transition: background-color 0.3s ease, border 0.3s ease;
  transition: background-color 0.3s ease, border 0.3s ease;
  width: 2.5rem;
  height: 2.5rem;
}
.c-paginationA__next a:hover::before {
  background-color: #fff;
  border: 2px solid #00233a;
}

.c-paginationA__next a::after {
  position: absolute;
  top: 50%;
  bottom: auto;
  right: 0.6875rem;
  left: auto;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  display: block;
  content: "";
  width: 1.165625rem;
  height: 1.034375rem;
  background-image: url(../images/common/arrow-white@2x.webp);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  -webkit-transition: background-image 0.2s ease;
  transition: background-image 0.2s ease;
}
.c-paginationA__next a:hover::after {
  background-image: url(../images/common/arrow-navy@2x.webp);
}

.c-paginationA__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.c-paginationA__list a {
  width: 16.5625rem;
  height: 4.140625rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 700;
  font-size: 1rem;
  line-height: 1;
  letter-spacing: 0.05em;
  color: #fff;
  background-color: #00233a;
  border-radius: 50vw;
  -webkit-transition: background-color 0.3s ease, border 0.3s ease, color 0.3s ease;
  transition: background-color 0.3s ease, border 0.3s ease, color 0.3s ease;
}
.c-paginationA__list a:hover {
  background-color: #fff;
  color: #00233a;
  border: 2px solid #00233a;
}

.c-pnkz {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-column-gap: 1.375rem;
     -moz-column-gap: 1.375rem;
          column-gap: 1.375rem;
  row-gap: 0.625rem;
}

.c-pnkz span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.c-pnkz span:not(:last-of-type) {
  position: relative;
}
.c-pnkz span:not(:last-of-type):after {
  position: absolute;
  top: 50%;
  bottom: auto;
  left: auto;
  right: -0.9375rem;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  display: block;
  content: "";
  width: 0.375rem;
  height: 0.821875rem;
  background-image: url(../images/common/arrow-pnkz@2x.webp);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.c-pnkz a {
  display: block;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1;
  letter-spacing: 0.03em;
  color: #788893;
}
.c-pnkz .current-item {
  display: block;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.2;
  letter-spacing: 0.03em;
  color: #222;
}
.c-sectionTitle {
  font-family: "Zen Kaku Gothic New", sans-serif;
  height: auto;
  position: relative;
  margin: 0 auto;
}
.c-sectionTitle:before {
  position: absolute;
  bottom: auto;
  right: auto;
  display: block;
  white-space: pre;
  font-family: "Lato", sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  height: auto;
  z-index: 0;
}
.c-sectionTitle__main {
  position: relative;
  z-index: 1;
}

.c-tableDetector {
  width: 100%;
  font-family: "Zen Kaku Gothic New", sans-serif;
  border-collapse: separate;
  border-spacing: 0;
  text-align: center;
  font-weight: 700;
  position: relative;
}
.c-tableDetector::before {
  position: absolute;
  top: -2rem;
  bottom: auto;
  left: 50%;
  right: auto;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  display: block;
  content: "";
  width: 1.59375rem;
  height: 0.15625rem;
  border-radius: 50vw;
  background-color: #00233a;
}
@media screen and (min-width: 768px) {
  .c-tableDetector::before {
    top: -2.9375rem;
    width: 2.1125rem;
    height: 0.1875rem;
  }
}

.c-tableDetector::after {
  position: absolute;
  top: -2.6875rem;
  bottom: auto;
  left: 50%;
  right: auto;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  display: block;
  content: "";
  height: 1.6875rem;
  width: 0.15625rem;
  border-radius: 50vw;
  background-color: #00233a;
}
@media screen and (min-width: 768px) {
  .c-tableDetector::after {
    top: -3.9375rem;
    height: 2.125rem;
    width: 0.1875rem;
  }
}

.c-tableDetector th,
.c-tableDetector td {
  border-top: 1px solid #d0d5dd;
  border-left: 1px solid #d0d5dd;
  vertical-align: middle;
}
@media screen and (min-width: 768px) {
  .c-tableDetector th,
  .c-tableDetector td {
    padding: 1.3125rem 2.5rem;
  }
}

.c-tableDetector th span,
.c-tableDetector td span {
  display: block;
}
.c-tableDetector tbody tr:last-of-type th,
.c-tableDetector tbody tr:last-of-type td {
  border-bottom: 1px solid #d0d5dd;
}
.c-tableDetector tbody tr td:last-of-type {
  border-right: 1px solid #d0d5dd;
}
.c-tableDetector tbody tr th:first-of-type {
  width: 26.2857142857%;
}
@media screen and (min-width: 768px) {
  .c-tableDetector tbody tr th:first-of-type {
    width: 27.9611650485%;
  }
}

.c-tableDetector tbody tr td {
  width: 36.8571428571%;
  padding: 0.9375rem 0.125rem;
  background-color: #fff;
}
@media screen and (min-width: 768px) {
  .c-tableDetector tbody tr td {
    width: 36.0194174757%;
    padding: 1.4375rem 1.875rem;
    font-size: 1.125rem;
  }
}

.c-tableDetector tbody tr:last-of-type th:first-of-type {
  border-bottom-left-radius: 0.625rem;
}
.c-tableDetector tbody tr:last-of-type td:last-of-type {
  border-bottom-right-radius: 0.625rem;
}
.c-tableDetector th.c-tableDetector__mainHeader {
  font-family: inherit;
  font-size: 1rem;
  line-height: 1.3;
  letter-spacing: 0.05em;
  color: #f4f8fc;
  border-top-right-radius: 0.625rem;
  border-top-left-radius: 0.625rem;
  border-right: 1px solid #d0d5dd;
  background-color: #04ade2;
  background-image: url(../images/common/icon-plan-detector@2x.webp);
  background-repeat: no-repeat;
  background-size: 1.325rem 2.6875rem;
  background-position: calc(50% - 3.625rem) center;
  padding: 0.625rem 0.625rem 0.625rem 0rem;
}
@media screen and (min-width: 768px) {
  .c-tableDetector th.c-tableDetector__mainHeader {
    font-size: 1.75rem;
    text-align: left;
    background-size: 1.60625rem 3.25rem;
    background-position: calc(50% - 10.625rem) center;
    padding: 0.6875rem 3.125rem 0.6875rem 0rem;
  }
}

.c-tableDetector__mainHeaderContainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-column-gap: 2.5rem;
     -moz-column-gap: 2.5rem;
          column-gap: 2.5rem;
}
@media screen and (min-width: 768px) {
  .c-tableDetector__mainHeaderContainer {
    -webkit-column-gap: 6.875rem;
       -moz-column-gap: 6.875rem;
            column-gap: 6.875rem;
  }
}

.c-tableDetector__mainHeaderCatch {
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 0.05em;
  color: #04ade2;
  background-color: #f4f8fc;
  border-radius: 0.375rem;
  padding: 0.625rem;
}
@media screen and (min-width: 768px) {
  .c-tableDetector__mainHeaderCatch {
    font-size: 1.125rem;
    padding: 1.125rem 0.625rem;
  }
}

.c-tableDetector__mainHeaderNote {
  opacity: 0.8;
  font-size: 0.875rem;
}
@media screen and (min-width: 768px) {
  .c-tableDetector__mainHeaderNote {
    opacity: 1;
    font-size: 1rem;
  }
}

.c-tableDetector__subHeader {
  font-family: inherit;
  font-size: 0.875rem;
  line-height: 1.3;
  letter-spacing: 0.05em;
  background-color: #eff4fa;
  padding: 0.75rem 0.375rem;
  background-color: #eff4fa;
}
@media screen and (min-width: 768px) {
  .c-tableDetector__subHeader {
    font-size: 1.125rem;
    text-align: left;
  }
}

.c-tableDetector__subHeader--small01 {
  font-size: 0.625rem;
  line-height: 1.3;
  letter-spacing: 0.05em;
  color: rgba(0, 35, 58, .5);
}
@media screen and (min-width: 768px) {
  .c-tableDetector__subHeader--small01 {
    font-size: 0.875rem;
  }
}

.c-tableDetector__subHeader--small02 {
  font-size: 0.5625rem;
  line-height: 1.3;
  letter-spacing: 0;
  color: rgba(0, 35, 58, .5);
}
@media screen and (min-width: 768px) {
  .c-tableDetector__subHeader--small02 {
    font-size: 0.875rem;
  }
}

.c-tableDetector__planName {
  display: block;
  font-size: 0.875rem;
  line-height: 1.3;
  letter-spacing: 0.05em;
  color: #f4f8fc;
}
@media screen and (min-width: 768px) {
  .c-tableDetector__planName {
    font-size: 1.5rem;
  }
}

.c-tableDetector tbody tr td.c-tableDetector__plan--nomal {
  background-color: #0091bf;
}
.c-tableDetector tbody tr td.c-tableDetector__plan--flip {
  background-color: #006d90;
}
.c-tableDetector__productImage {
  display: block;
  width: 5.9375rem;
  height: auto;
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .c-tableDetector__productImage {
    width: 12.5rem;
  }
}

.c-tableDetector__productImage img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 1.3333333333;
}
@media screen and (min-width: 768px) {
  .c-tableDetector__productImage img {
    aspect-ratio: 1.3333333333;
  }
}

.c-tableDetector__productTxt {
  font-size: 0.75rem;
  line-height: 1.25;
  letter-spacing: 0.05em;
  margin-top: 0.625rem;
}
@media screen and (min-width: 768px) {
  .c-tableDetector__productTxt {
    font-size: 0.875rem;
    line-height: 1.3;
  }
}

.c-tableDetector td span.c-tableDetector__cost {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (min-width: 768px) {
  .c-tableDetector td span.c-tableDetector__cost {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-column-gap: 0.3125rem;
       -moz-column-gap: 0.3125rem;
            column-gap: 0.3125rem;
  }
}

.c-tableDetector__number--nomalCost {
  font-family: "Lato", sans-serif;
  font-size: 1.75rem;
  line-height: 1;
  letter-spacing: 0;
  color: #0091bf;
}
@media screen and (min-width: 768px) {
  .c-tableDetector__number--nomalCost {
    font-size: 2.5rem;
  }
}

.c-tableDetector__number--bluetoothCost {
  font-family: "Lato", sans-serif;
  font-size: 1.75rem;
  line-height: 1;
  letter-spacing: 0;
  color: #006d90;
}
@media screen and (min-width: 768px) {
  .c-tableDetector__number--bluetoothCost {
    font-size: 2.5rem;
  }
}

.c-tableDetector td span.c-tableDetector__unit {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  row-gap: 0.125rem;
}
@media screen and (min-width: 768px) {
  .c-tableDetector td span.c-tableDetector__unit {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    -webkit-column-gap: 0.3125rem;
       -moz-column-gap: 0.3125rem;
            column-gap: 0.3125rem;
  }
}

.c-tableDetector__yen {
  font-size: 0.75rem;
  line-height: 1;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 768px) {
  .c-tableDetector__yen {
    font-size: 1.125rem;
    line-height: 1.6;
  }
}

.c-tableDetector__taxNot {
  font-weight: 500;
  font-size: 0.625rem;
  line-height: 1;
  letter-spacing: 0.05em;
  color: rgba(0, 35, 58, .5);
}
@media screen and (min-width: 768px) {
  .c-tableDetector__taxNot {
    font-size: 0.75rem;
    line-height: 1.8;
  }
}

.c-tableDetectorNote {
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0.02em;
  color: rgba(0, 35, 58, .5);
  text-indent: -1em;
  padding-left: 1em;
}
@media screen and (min-width: 768px) {
  .c-tableDetectorNote {
    font-size: 0.8125rem;
  }
}

.c-tableRollcall {
  width: 100%;
  font-family: "Zen Kaku Gothic New", sans-serif;
  border-collapse: separate;
  border-spacing: 0;
  text-align: center;
  font-weight: 700;
}
.c-tableRollcall th,
.c-tableRollcall td {
  border-top: 1px solid #d0d5dd;
  border-left: 1px solid #d0d5dd;
  vertical-align: middle;
}
@media screen and (min-width: 768px) {
  .c-tableRollcall th,
  .c-tableRollcall td {
    padding: 1.3125rem 2.5rem;
  }
}

.c-tableRollcall th span,
.c-tableRollcall td span {
  display: block;
}
.c-tableRollcall tbody tr:last-of-type th,
.c-tableRollcall tbody tr:last-of-type td {
  border-bottom: 1px solid #d0d5dd;
}
.c-tableRollcall tbody tr td:last-of-type {
  border-right: 1px solid #d0d5dd;
}
.c-tableRollcall tbody tr th:first-of-type {
  width: 26.2857142857%;
}
@media screen and (min-width: 768px) {
  .c-tableRollcall tbody tr th:first-of-type {
    width: 27.9611650485%;
  }
}

.c-tableRollcall tbody tr td {
  width: 36.8571428571%;
  padding: 0.9375rem 0.4375rem;
  background-color: #fff;
}
@media screen and (min-width: 768px) {
  .c-tableRollcall tbody tr td {
    width: 36.0194174757%;
    padding: 1.4375rem 1.875rem;
    font-size: 1.125rem;
  }
}

.c-tableRollcall tbody tr:last-of-type th:first-of-type {
  border-bottom-left-radius: 0.625rem;
}
.c-tableRollcall tbody tr:last-of-type td:last-of-type {
  border-bottom-right-radius: 0.625rem;
}
.c-tableRollcall th.c-tableRollcall__mainHeader {
  font-family: inherit;
  font-size: 1rem;
  line-height: 1.3;
  letter-spacing: 0.05em;
  color: #f4f8fc;
  border-top-right-radius: 0.625rem;
  border-top-left-radius: 0.625rem;
  border-right: 1px solid #d0d5dd;
  background-color: #19ba6a;
  background-image: url(../images/common/icon-plan-logo@2x.webp);
  background-repeat: no-repeat;
  background-size: 2.3125rem 2.3125rem;
  background-position: calc(50% - 5rem) center;
  padding: 0.625rem 0 0.625rem 2.125rem;
}
@media screen and (min-width: 768px) {
  .c-tableRollcall th.c-tableRollcall__mainHeader {
    font-size: 1.75rem;
    text-align: center;
    background-size: 3.25rem 3.25rem;
    background-position: calc(50% - 12.5rem) center;
    padding: 1.1875rem 0 1.1875rem 2.125rem;
  }
}

.c-tableRollcall__subHeader {
  font-family: inherit;
  font-size: 0.875rem;
  line-height: 1.3;
  letter-spacing: 0.05em;
  background-color: #eff4fa;
  padding: 0.75rem 0.375rem;
  background-color: #eff4fa;
}
@media screen and (min-width: 768px) {
  .c-tableRollcall__subHeader {
    font-size: 1.125rem;
    text-align: left;
  }
}

.c-tableRollcall__subHeader--small01 {
  font-size: 0.625rem;
  line-height: 1.3;
  letter-spacing: 0.05em;
  color: rgba(0, 35, 58, .5);
}
@media screen and (min-width: 768px) {
  .c-tableRollcall__subHeader--small01 {
    font-size: 0.875rem;
  }
}

.c-tableRollcall__subHeader--small02 {
  font-size: 0.5625rem;
  line-height: 1.3;
  letter-spacing: 0;
  color: rgba(0, 35, 58, .5);
}
@media screen and (min-width: 768px) {
  .c-tableRollcall__subHeader--small02 {
    font-size: 0.875rem;
  }
}

.c-tableRollcall tbody tr td.c-tableRollcall__plan {
  padding-left: 1.25rem;
}
.c-tableRollcall__planName {
  display: block;
  font-size: 0.875rem;
  line-height: 1.3;
  letter-spacing: 0.05em;
  color: #f4f8fc;
}
@media screen and (min-width: 768px) {
  .c-tableRollcall__planName {
    font-size: 1.5rem;
  }
}

.c-tableRollcall tbody tr td.c-tableRollcall__plan--nomal {
  background-color: #069c5d;
  background-image: url(../images/common/icon-plan-smartphone@2x.webp);
  background-repeat: no-repeat;
  background-size: 0.75rem 1.640625rem;
  background-position: calc(50% - 2.8125rem) 0.8125rem;
}
@media screen and (min-width: 768px) {
  .c-tableRollcall tbody tr td.c-tableRollcall__plan--nomal {
    text-align: center;
    background-size: 1.4875rem 3.25rem;
    background-position: calc(50% - 8.125rem) 0.8125rem;
    text-align: left;
    padding: 0.875rem 0 0.875rem 6.25rem;
  }
}

.c-tableRollcall tbody tr td.c-tableRollcall__plan--flip {
  background-color: #037344;
  background-image: url(../images/common/icon-plan-flip@2x.webp);
  background-repeat: no-repeat;
  background-size: 0.75rem 1.621875rem;
  background-position: calc(50% - 2.1875rem) 0.8125rem;
  position: relative;
}
@media screen and (min-width: 768px) {
  .c-tableRollcall tbody tr td.c-tableRollcall__plan--flip {
    text-align: center;
    background-size: 1.5rem 3.25rem;
    background-position: calc(50% - 8.125rem) 0.8125rem;
    text-align: left;
    padding: 0.875rem 0 0.875rem 6.25rem;
  }
}

.c-tableRollcall__plan--flip::before {
  position: absolute;
  top: 0.5625rem;
  bottom: auto;
  left: 50%;
  right: auto;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  display: block;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-right: 0.25rem solid transparent;
  border-left: 0.25rem solid transparent;
  border-top: 0.42rem solid #069c5d;
  border-bottom: 0;
  z-index: 1;
}
@media screen and (min-width: 768px) {
  .c-tableRollcall__plan--flip::before {
    border-right: 0.5rem solid transparent;
    border-left: 0.5rem solid transparent;
    border-top: 0.8625rem solid #069c5d;
  }
}

.c-tableRollcall__plan--flip::after {
  position: absolute;
  top: 0.3125rem;
  bottom: auto;
  left: 50%;
  right: auto;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  display: block;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-right: 0.3125rem solid transparent;
  border-left: 0.3125rem solid transparent;
  border-top: 0.525rem solid #f4f8fc;
  border-bottom: 0;
  z-index: 1;
}
@media screen and (min-width: 768px) {
  .c-tableRollcall__plan--flip::after {
    top: 0.4375rem;
    border-right: 0.375rem solid transparent;
    border-left: 0.375rem solid transparent;
    border-top: 0.646875rem solid #f4f8fc;
  }
}

.c-tableRollcall__planBubble {
  position: absolute;
  top: 0;
  bottom: auto;
  left: 50%;
  right: auto;
  -webkit-transform: translate(-50%, -75%);
          transform: translate(-50%, -75%);
  display: block;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  height: auto;
  font-size: 0.75rem;
  line-height: 1.3;
  letter-spacing: 0.05em;
  color: #069c5d;
  text-align: center;
  background-color: #f4f8fc;
  border: 1.5px solid #069c5d;
  padding: 0.28125rem 0.5625rem;
}
@media screen and (min-width: 768px) {
  .c-tableRollcall__planBubble {
    font-size: 1rem;
    padding: 0.5rem 0.75rem;
    border: 2px solid #069c5d;
  }
}

.c-tableRollcall__plan--small {
  display: block;
  font-size: 0.75rem;
  line-height: 1.3;
  letter-spacing: 0.05em;
  color: #f4f8fc;
  opacity: 0.8;
}
@media screen and (min-width: 768px) {
  .c-tableRollcall__plan--small {
    font-size: 1rem;
    opacity: 1;
  }
}

.c-tableRollcall td span.c-tableRollcall__cost {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (min-width: 768px) {
  .c-tableRollcall td span.c-tableRollcall__cost {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    -webkit-column-gap: 0.3125rem;
       -moz-column-gap: 0.3125rem;
            column-gap: 0.3125rem;
  }
}

@media screen and (min-width: 768px) {
  .c-tableRollcall td.c-tableRollcall__initialCost span.c-tableRollcall__cost {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.c-tableRollcall__number--nomalCost {
  font-family: "Lato", sans-serif;
  font-size: 1.75rem;
  line-height: 1;
  letter-spacing: 0;
  color: #069c5d;
}
@media screen and (min-width: 768px) {
  .c-tableRollcall__number--nomalCost {
    font-size: 2.5rem;
  }
}

.c-tableRollcall__number--flipCost {
  font-family: "Lato", sans-serif;
  font-size: 1.75rem;
  line-height: 1;
  letter-spacing: 0;
  color: #037344;
}
@media screen and (min-width: 768px) {
  .c-tableRollcall__number--flipCost {
    font-size: 2.5rem;
  }
}

.c-tableRollcall td span.c-tableRollcall__unit {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  row-gap: 0.125rem;
}
@media screen and (min-width: 768px) {
  .c-tableRollcall td span.c-tableRollcall__unit {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    -webkit-column-gap: 0.3125rem;
       -moz-column-gap: 0.3125rem;
            column-gap: 0.3125rem;
  }
}

.c-tableRollcall__yen {
  font-size: 0.75rem;
  line-height: 1;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 768px) {
  .c-tableRollcall__yen {
    font-size: 1.125rem;
    line-height: 1.6;
  }
}

.c-tableRollcall__taxNot {
  font-weight: 500;
  font-size: 0.625rem;
  line-height: 1;
  letter-spacing: 0.05em;
  color: rgba(0, 35, 58, .5);
}
@media screen and (min-width: 768px) {
  .c-tableRollcall__taxNot {
    font-size: 0.75rem;
    line-height: 1.8;
  }
}

.p-firstApp {
  padding: 5.9375rem 0 2.5rem;
}
@media screen and (min-width: 768px) {
  .p-firstApp {
    padding: 7.3125rem 0 3.75rem;
  }
}

.p-firstApp__title {
  font-size: 1.625rem;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: 0.08em;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .p-firstApp__title {
    font-size: 2.4375rem;
  }
}

.p-firstApp__title:before {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  content: "official\a alcohol\a check app";
  font-size: 3.125rem;
  line-height: 1.1;
  color: rgba(0, 35, 58, .05);
  text-align: center;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}
@media screen and (min-width: 768px) {
  .p-firstApp__title:before {
    font-size: 5.375rem;
    content: "official\a alcohol check app";
  }
}

.p-firstApp__title--highlight {
  font-size: 1.25rem;
  color: #19ba6a;
}
@media screen and (min-width: 768px) {
  .p-firstApp__title--highlight {
    font-size: 1.875rem;
  }
}

.p-firstApp__contentsBox {
  margin-top: 2.5rem;
}
@media screen and (min-width: 768px) {
  .p-firstApp__contentsBox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: normal;
        -ms-flex-align: normal;
            align-items: normal;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    -webkit-column-gap: 3.75rem;
       -moz-column-gap: 3.75rem;
            column-gap: 3.75rem;
    margin-top: 5rem;
  }
}

.p-firstApp__mobileImg {
  width: 8.546875rem;
  height: auto;
  aspect-ratio: 0.5008240249;
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .p-firstApp__mobileImg {
    width: 14.9rem;
    height: auto;
    aspect-ratio: 0.5008403361;
    margin: 0;
  }
}

.p-firstApp__mobileImg img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
  filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur in="SourceAlpha" stdDeviation="48" /><feOffset dx="1" dy="113" result="offsetblur" /><feFlood flood-color="rgba(0,0,0,0.01)" /><feComposite in2="offsetblur" operator="in" /><feMerge><feMergeNode /><feMergeNode in="SourceGraphic" /></feMerge><feGaussianBlur in="SourceAlpha" stdDeviation="48" /><feOffset dx="1" dy="65" result="offsetblur" /><feFlood flood-color="rgba(0,0,0,0.0005)" /><feComposite in2="offsetblur" operator="in" /><feMerge><feMergeNode /><feMergeNode in="SourceGraphic" /></feMerge><feGaussianBlur in="SourceAlpha" stdDeviation="32" /><feOffset dx="1" dy="33" result="offsetblur" /><feFlood flood-color="rgba(0,0,0,0.09)" /><feComposite in2="offsetblur" operator="in" /><feMerge><feMergeNode /><feMergeNode in="SourceGraphic" /></feMerge><feGaussianBlur in="SourceAlpha" stdDeviation="16" /><feOffset dx="1" dy="1" result="offsetblur" /><feFlood flood-color="rgba(0,0,0,0.1)" /><feComposite in2="offsetblur" operator="in" /><feMerge><feMergeNode /><feMergeNode in="SourceGraphic" /></feMerge></filter></svg>#filter');
  -webkit-filter: drop-shadow(0 7.498125rem 2.99125rem rgba(0, 0, 0, .01)) drop-shadow(0 4.234375rem 2.525rem rgba(0, 0, 0, .0005)) drop-shadow(0 1.865rem 1.865rem rgba(0, 0, 0, .09)) drop-shadow(0 0.46625rem 1.04875rem rgba(0, 0, 0, .1));
          filter: drop-shadow(0 7.498125rem 2.99125rem rgba(0, 0, 0, .01)) drop-shadow(0 4.234375rem 2.525rem rgba(0, 0, 0, .0005)) drop-shadow(0 1.865rem 1.865rem rgba(0, 0, 0, .09)) drop-shadow(0 0.46625rem 1.04875rem rgba(0, 0, 0, .1));
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}
@media screen and (min-width: 768px) {
  .p-firstApp__mobileImg img {
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur in="SourceAlpha" stdDeviation="80" /><feOffset dx="1" dy="209" result="offsetblur" /><feFlood flood-color="rgba(0,0,0,0.01)" /><feComposite in2="offsetblur" operator="in" /><feMerge><feMergeNode /><feMergeNode in="SourceGraphic" /></feMerge><feGaussianBlur in="SourceAlpha" stdDeviation="64" /><feOffset dx="1" dy="113" result="offsetblur" /><feFlood flood-color="rgba(0,0,0,0.0005)" /><feComposite in2="offsetblur" operator="in" /><feMerge><feMergeNode /><feMergeNode in="SourceGraphic" /></feMerge><feGaussianBlur in="SourceAlpha" stdDeviation="48" /><feOffset dx="1" dy="49" result="offsetblur" /><feFlood flood-color="rgba(0,0,0,0.09)" /><feComposite in2="offsetblur" operator="in" /><feMerge><feMergeNode /><feMergeNode in="SourceGraphic" /></feMerge><feGaussianBlur in="SourceAlpha" stdDeviation="32" /><feOffset dx="1" dy="17" result="offsetblur" /><feFlood flood-color="rgba(0,0,0,0.1)" /><feComposite in2="offsetblur" operator="in" /><feMerge><feMergeNode /><feMergeNode in="SourceGraphic" /></feMerge></filter></svg>#filter');
    -webkit-filter: drop-shadow(0 13.07125rem 5.215rem rgba(0, 0, 0, .01)) drop-shadow(0 7.3825rem 4.4025rem rgba(0, 0, 0, .0005)) drop-shadow(0 3.25125rem 3.25125rem rgba(0, 0, 0, .09)) drop-shadow(0 0.8125rem 1.82875rem rgba(0, 0, 0, .1));
            filter: drop-shadow(0 13.07125rem 5.215rem rgba(0, 0, 0, .01)) drop-shadow(0 7.3825rem 4.4025rem rgba(0, 0, 0, .0005)) drop-shadow(0 3.25125rem 3.25125rem rgba(0, 0, 0, .09)) drop-shadow(0 0.8125rem 1.82875rem rgba(0, 0, 0, .1));
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
  }
}

@media screen and (min-width: 768px) {
  .p-firstApp__storeContent {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.p-firstApp__alcoLogo {
  display: none;
}
@media screen and (min-width: 768px) {
  .p-firstApp__alcoLogo {
    display: block;
    width: 6.25rem;
    height: auto;
    aspect-ratio: 1;
  }
}

.p-firstApp__alcoLogo img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}

.p-firstApp__storeTxt {
  font-family: "BIZ UDPGothic", sans-serif;
  font-size: 0.9375rem;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: 0.03em;
  color: #111;
  text-align: center;
  margin-top: 1.75rem;
}
@media screen and (min-width: 768px) {
  .p-firstApp__storeTxt {
    margin-top: 2.0625rem;
  }
}

@media screen and (min-width: 768px) {
  .p-firstApp__storeBox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-column-gap: 0.3125rem;
       -moz-column-gap: 0.3125rem;
            column-gap: 0.3125rem;
    border-radius: 0.625rem;
    border: 1px solid #d0d5dd;
    padding: 1.5rem;
    margin-top: 1.1875rem;
  }
}

.p-firstApp__QR {
  display: none;
}
@media screen and (min-width: 768px) {
  .p-firstApp__QR {
    display: block;
    width: 10.5625rem;
    height: auto;
    aspect-ratio: 1;
  }
}

.p-firstApp__QR img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}

.p-firstApp__appleStore {
  margin-top: 1.25rem;
}
@media screen and (min-width: 768px) {
  .p-firstApp__appleStore {
    margin-top: 0;
  }
}

.p-firstApp__googleStore {
  margin-top: 0.625rem;
}
@media screen and (min-width: 768px) {
  .p-firstApp__googleStore {
    margin-top: 0;
  }
}

.p-firstApp__storeBtn {
  display: block;
  width: 10.5625rem;
  height: auto;
  aspect-ratio: 3.38;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 768px) {
  .p-firstApp__storeBtn {
    margin: 0.625rem auto 0;
  }
}

.p-firstApp__storeBtn img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}

.p-firstCampaign {
  padding: 3.125rem 0 5.625rem;
}
@media screen and (min-width: 768px) {
  .p-firstCampaign {
    padding: 3.75rem 0 8.125rem;
  }
}

.p-firstHowToUse {
  background-color: #f4f8fc;
  padding: 7.5rem 0 4.375rem;
}
@media screen and (min-width: 768px) {
  .p-firstHowToUse {
    padding: 13.125rem 0 7.5rem;
    margin-top: -5.625rem;
    z-index: 0;
  }
}

.p-firstHowToUse__title {
  font-size: 1.625rem;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: 0.08em;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .p-firstHowToUse__title {
    font-size: 2.4375rem;
  }
}

.p-firstHowToUse__title:before {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -30%);
          transform: translate(-50%, -30%);
  content: "how to\ause";
  font-size: 3.125rem;
  text-align: center;
  line-height: 1.1;
  letter-spacing: 0;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  color: rgba(0, 35, 58, .05);
}
@media screen and (min-width: 768px) {
  .p-firstHowToUse__title:before {
    top: -1.25rem;
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
    content: "how to use";
    transform: translate(-50%, 0);
    font-size: 5.375rem;
  }
}

.p-firstHowToUse__subTitle {
  font-family: "BIZ UDPGothic", sans-serif;
  font-weight: 400;
  font-size: 0.9375rem;
  line-height: 1.6;
  letter-spacing: 0.03em;
  color: #111;
  text-align: center;
  position: relative;
  z-index: 1;
  margin-top: 1.0625rem;
}
@media screen and (min-width: 768px) {
  .p-firstHowToUse__subTitle {
    margin-top: 1.375rem;
  }
}

.p-firstHowToUse__cardLists {
  margin-top: 2.8125rem;
}
@media screen and (min-width: 768px) {
  .p-firstHowToUse__cardLists {
    width: 61.5rem;
    display: grid;
    grid-auto-flow: row;
    grid-template-columns: repeat(3, calc(33.33333% - 2.8375rem));
    -webkit-column-gap: 4.25rem;
       -moz-column-gap: 4.25rem;
            column-gap: 4.25rem;
    row-gap: 1.5rem;
    margin: 4.1875rem auto 0;
  }
}

.p-firstHowToUse__cardItem {
  position: relative;
}
.p-firstHowToUse__cardItem + .p-firstHowToUse__cardItem {
  margin-top: 3.0625rem;
}
@media screen and (min-width: 768px) {
  .p-firstHowToUse__cardItem + .p-firstHowToUse__cardItem {
    margin-top: 0;
  }
}

.p-firstHowToUse__cardItem:not(:last-of-type)::after {
  position: absolute;
  top: auto;
  bottom: -0.9375rem;
  left: 50%;
  right: auto;
  -webkit-transform: translate(-50%, 100%);
          transform: translate(-50%, 100%);
  display: block;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0.9375rem 0.5625rem 0 0.5625rem;
  border-color: #d0d5dd transparent transparent transparent;
  border-bottom: 0;
}
@media screen and (min-width: 768px) {
  .p-firstHowToUse__cardItem:not(:last-of-type)::after {
    top: 50%;
    left: auto;
    right: -1.25rem;
    bottom: auto;
    -webkit-transform: translate(100%, -50%);
            transform: translate(100%, -50%);
    border-style: solid;
    border-top: 0.75rem solid transparent;
    border-bottom: 0.75rem solid transparent;
    border-left: 1.25rem solid #d0d5dd;
    border-right: 0;
  }
}

.p-firstManage {
  background-color: #fff;
  padding: 4.6875rem 0 6.5625rem;
  position: relative;
}
@media screen and (min-width: 768px) {
  .p-firstManage {
    -webkit-clip-path: ellipse(90% 100% at center 0%);
            clip-path: ellipse(90% 100% at center 0%);
    padding: 3.125rem 0 10.9375rem;
    z-index: 1;
  }
}

.p-firstManage:before {
  position: absolute;
  top: -4.375rem;
  bottom: auto;
  left: calc(50% - 10.9375rem);
  right: auto;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
  display: block;
  content: "";
  width: 9.0625rem;
  height: 9.0625rem;
  background-image: url(../images/aboutFirst/illust-aboutfirsteasymanage@2x.webp);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  z-index: 1;
}
@media screen and (min-width: 768px) {
  .p-firstManage:before {
    top: 9.6875rem;
    left: calc(50% - 45rem);
    width: 18.28125rem;
    height: 18.28125rem;
  }
}

@media screen and (min-width: 768px) {
  .p-firstManage__contentBox {
    width: 60.625rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    margin: 0 auto;
    position: relative;
  }
}

.p-firstManage__title.c-sectionTitle {
  font-size: 1.625rem;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: 0.08em;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .p-firstManage__title.c-sectionTitle {
    position: absolute;
    top: 50%;
    bottom: auto;
    right: auto;
    left: 0;
    -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%);
    font-size: 2.4375rem;
    margin: 0;
  }
}

.p-firstManage__title--highlight {
  color: #19ba6a;
}

.p-firstManage__imgBox {
  width: 20rem;
  height: auto;
  aspect-ratio: 1.7459624618;
  margin: 2.8125rem auto 0;
}
@media screen and (min-width: 768px) {
  .p-firstManage__imgBox {
    width: auto;
    -ms-flex-preferred-size: 32.5rem;
        flex-basis: 32.5rem;
    aspect-ratio: 1.7459624618;
    margin: 0;
  }
}

.p-firstManage__img {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
}
.p-firstManage__imgBox img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
  filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur in="SourceAlpha" stdDeviation="64" /><feOffset dx="1" dy="145" result="offsetblur" /><feFlood flood-color="rgba(0,0,0,0.01)" /><feComposite in2="offsetblur" operator="in" /><feMerge><feMergeNode /><feMergeNode in="SourceGraphic" /></feMerge><feGaussianBlur in="SourceAlpha" stdDeviation="48" /><feOffset dx="1" dy="81" result="offsetblur" /><feFlood flood-color="rgba(0,0,0,0.05)" /><feComposite in2="offsetblur" operator="in" /><feMerge><feMergeNode /><feMergeNode in="SourceGraphic" /></feMerge><feGaussianBlur in="SourceAlpha" stdDeviation="32" /><feOffset dx="1" dy="33" result="offsetblur" /><feFlood flood-color="rgba(0,0,0,0.09)" /><feComposite in2="offsetblur" operator="in" /><feMerge><feMergeNode /><feMergeNode in="SourceGraphic" /></feMerge><feGaussianBlur in="SourceAlpha" stdDeviation="16" /><feOffset dx="1" dy="17" result="offsetblur" /><feFlood flood-color="rgba(0,0,0,0.1)" /><feComposite in2="offsetblur" operator="in" /><feMerge><feMergeNode /><feMergeNode in="SourceGraphic" /></feMerge></filter></svg>#filter');
  -webkit-filter: drop-shadow(0 8.80875rem 3.510625rem rgba(0, 0, 0, .01)) drop-shadow(0 4.946875rem 2.968125rem rgba(0, 0, 0, .05)) drop-shadow(0 2.201875rem 2.201875rem rgba(0, 0, 0, .09)) drop-shadow(0 0.5425rem 1.2125rem rgba(0, 0, 0, .1));
          filter: drop-shadow(0 8.80875rem 3.510625rem rgba(0, 0, 0, .01)) drop-shadow(0 4.946875rem 2.968125rem rgba(0, 0, 0, .05)) drop-shadow(0 2.201875rem 2.201875rem rgba(0, 0, 0, .09)) drop-shadow(0 0.5425rem 1.2125rem rgba(0, 0, 0, .1));
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}
@media screen and (min-width: 768px) {
  .p-firstManage__imgBox img {
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur in="SourceAlpha" stdDeviation="96" /><feOffset dx="1" dy="225" result="offsetblur" /><feFlood flood-color="rgba(0,0,0,0.01)" /><feComposite in2="offsetblur" operator="in" /><feMerge><feMergeNode /><feMergeNode in="SourceGraphic" /></feMerge><feGaussianBlur in="SourceAlpha" stdDeviation="80" /><feOffset dx="1" dy="129" result="offsetblur" /><feFlood flood-color="rgba(0,0,0,0.05)" /><feComposite in2="offsetblur" operator="in" /><feMerge><feMergeNode /><feMergeNode in="SourceGraphic" /></feMerge><feGaussianBlur in="SourceAlpha" stdDeviation="64" /><feOffset dx="1" dy="65" result="offsetblur" /><feFlood flood-color="rgba(0,0,0,0.09)" /><feComposite in2="offsetblur" operator="in" /><feMerge><feMergeNode /><feMergeNode in="SourceGraphic" /></feMerge><feGaussianBlur in="SourceAlpha" stdDeviation="32" /><feOffset dx="1" dy="17" result="offsetblur" /><feFlood flood-color="rgba(0,0,0,0.1)" /><feComposite in2="offsetblur" operator="in" /><feMerge><feMergeNode /><feMergeNode in="SourceGraphic" /></feMerge></filter></svg>#filter');
    -webkit-filter: drop-shadow(0 14.31375rem 5.705rem rgba(0, 0, 0, .01)) drop-shadow(0 8.03875rem 4.823125rem rgba(0, 0, 0, .05)) drop-shadow(0 3.57875rem 3.57875rem rgba(0, 0, 0, .09)) drop-shadow(0 0.881875rem 1.970625rem rgba(0, 0, 0, .1));
            filter: drop-shadow(0 14.31375rem 5.705rem rgba(0, 0, 0, .01)) drop-shadow(0 8.03875rem 4.823125rem rgba(0, 0, 0, .05)) drop-shadow(0 3.57875rem 3.57875rem rgba(0, 0, 0, .09)) drop-shadow(0 0.881875rem 1.970625rem rgba(0, 0, 0, .1));
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
  }
}

.p-firstMv {
  background-image: url(../images/aboutFirst/bg-aboutfirstmv@2x.webp);
}
.p-firstPenalty {
  background-color: #f4f8fc;
  padding: 6.25rem 0 4.5625rem;
}
@media screen and (min-width: 768px) {
  .p-firstPenalty {
    padding: 7.5rem 0 6.25rem;
  }
}

.p-firstPenalty__title {
  font-size: 1.625rem;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: 0.08em;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .p-firstPenalty__title {
    font-size: 2.4375rem;
  }
}

.p-firstPenalty__title:before {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  content: "penalties\a for non-\a compliance";
  font-size: 3.125rem;
  line-height: 1.1;
  letter-spacing: 0;
  color: rgba(0, 35, 58, .05);
  text-align: center;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}
@media screen and (min-width: 768px) {
  .p-firstPenalty__title:before {
    content: "penalties for\anon-compliance";
    font-size: 5.375rem;
  }
}

.p-firstPenalty__cardLists {
  position: relative;
  z-index: 1;
  margin-top: 2.8125rem;
}
@media screen and (min-width: 768px) {
  .p-firstPenalty__cardLists {
    margin-top: 3.75rem;
  }
}

.p-firstPenalty__card + .p-firstPenalty__card {
  margin-top: 0.9375rem;
}
@media screen and (min-width: 768px) {
  .p-firstPenalty__card + .p-firstPenalty__card {
    margin-top: 1.25rem;
  }
}

.p-firstPoint {
  padding: 5.625rem 0 1.875rem;
}
@media screen and (min-width: 768px) {
  .p-firstPoint {
    padding: 7.625rem 0 4.6875rem;
  }
}

.p-firstPoint__title {
  font-size: 1.625rem;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: 0.08em;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .p-firstPoint__title {
    font-size: 2.4375rem;
  }
}

.p-firstPoint__title:before {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  content: "3 Key Points\ato Note";
  font-size: 3.125rem;
  line-height: 1.1;
  text-align: center;
  color: rgba(0, 35, 58, .05);
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}
@media screen and (min-width: 768px) {
  .p-firstPoint__title:before {
    font-size: 5.375rem;
  }
}

.p-aboutFirst__point--highlight {
  color: #19ba6a;
}

.p-firstPoint__cardLists {
  margin-top: 0rem;
}
@media screen and (min-width: 768px) {
  .p-firstPoint__cardLists {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 2.0625rem;
       -moz-column-gap: 2.0625rem;
            column-gap: 2.0625rem;
    margin-top: 3.75rem;
  }
}

@media screen and (min-width: 768px) {
  .p-firstPoint__card {
    width: auto;
    -ms-flex-preferred-size: calc(33.33333% - 1.375rem);
        flex-basis: calc(33.33333% - 1.375rem);
  }
}

.p-firstPoint__card + .p-firstPoint__card {
  margin-top: 1.0625rem;
}
@media screen and (min-width: 768px) {
  .p-firstPoint__card + .p-firstPoint__card {
    margin-top: 0;
  }
}

.p-firstReason {
  padding: 3.3125rem 0 5.625rem;
}
@media screen and (min-width: 768px) {
  .p-firstReason {
    padding: 5.3125rem 0 7.5rem;
  }
}

.p-firstReason__title {
  font-size: 1.625rem;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: 0.08em;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .p-firstReason__title {
    font-size: 2.4375rem;
  }
}

.p-firstReason__title:before {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  content: "why\aoutsource\anow?";
  font-size: 3.125rem;
  line-height: 1.1;
  letter-spacing: 0;
  color: #f2f4f3;
  text-align: center;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}
@media screen and (min-width: 768px) {
  .p-firstReason__title:before {
    font-size: 5.375rem;
    content: "why outsource now?";
  }
}

.p-firstReason__title--highlight {
  color: #19ba6a;
}

.p-firstReason__txtBox {
  margin-top: 3.75rem;
}
@media screen and (min-width: 768px) {
  .p-firstReason__txtBox {
    width: 46.75rem;
    margin: 3.125rem auto 0;
    position: relative;
  }
}

.p-firstReason__txtBox:before {
  display: none;
}
@media screen and (min-width: 768px) {
  .p-firstReason__txtBox:before {
    position: absolute;
    top: -0.625rem;
    bottom: auto;
    left: -16.25rem;
    right: auto;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    display: block;
    content: "";
    width: 18.3125rem;
    height: 18.3125rem;
    border-radius: 50%;
    background-color: #f4f8fc;
    z-index: 1;
  }
}

.p-firstReason__txt {
  font-family: "BIZ UDPGothic", sans-serif;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.6;
  letter-spacing: 0.05em;
  color: #f2f4f3;
  background-color: #00233a;
  border-radius: 0.4375rem;
  padding: 3.875rem 1.25rem;
  z-index: 2;
  position: relative;
}
@media screen and (min-width: 768px) {
  .p-firstReason__txt {
    font-size: 1.1875rem;
    text-align: center;
    padding: 3.125rem 0 1.875rem;
  }
}

.p-firstReason__txt:before {
  position: absolute;
  top: -3.75rem;
  bottom: auto;
  left: auto;
  right: 0;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
  display: block;
  content: "";
  width: 7.56875rem;
  height: 7.56875rem;
  background-image: url(../images/aboutFirst/illust-aboutfirstreason-02@2x.webp);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
@media screen and (min-width: 768px) {
  .p-firstReason__txt:before {
    top: 50%;
    right: -7.375rem;
    -webkit-transform: translate(0, -44%);
            transform: translate(0, -44%);
    width: 10.8125rem;
    height: 10.8125rem;
  }
}

.p-firstReason__txt:after {
  position: absolute;
  top: auto;
  bottom: -2.8125rem;
  left: 0;
  right: auto;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
  display: block;
  content: "";
  width: 12.131875rem;
  height: 6.031875rem;
  background-image: url(../images/aboutFirst/illust-aboutfirstreason-01-sp@2x.webp);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
@media screen and (min-width: 768px) {
  .p-firstReason__txt:after {
    top: -1.25rem;
    left: -13.125rem;
    width: 15.3625rem;
    height: 14.8125rem;
    background-image: url(../images/aboutFirst/illust-aboutfirstreason-01-pc@2x.webp);
    z-index: 2;
  }
}

.p-firstRecord {
  overflow: hidden;
  padding: 8.4375rem 0 0rem;
  position: relative;
}
@media screen and (min-width: 768px) {
  .p-firstRecord {
    padding: 3.875rem 0 0rem;
  }
}

.p-firstRecord:before {
  position: absolute;
  top: 0;
  bottom: auto;
  left: calc(50% + 0.3125rem);
  right: auto;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
  display: block;
  content: "";
  width: 11.9375rem;
  height: auto;
  aspect-ratio: 1.500039268;
  background-image: url(../images/aboutFirst/illust-aboutfirstrecord@2x.webp);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  z-index: 1;
}
@media screen and (min-width: 768px) {
  .p-firstRecord:before {
    left: calc(50% + 14.8125rem);
    width: 27.375rem;
    aspect-ratio: 1.5;
  }
}

.p-firstRecord__title {
  font-size: 1.625rem;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: 0.08em;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .p-firstRecord__title {
    font-size: 2.4375rem;
  }
}

.p-firstRecord__title:before {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  content: "what must be\astored for\aone year";
  font-size: 3.125rem;
  line-height: 1.1;
  letter-spacing: 0;
  text-align: center;
  color: rgba(0, 35, 58, .05);
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}
@media screen and (min-width: 768px) {
  .p-firstRecord__title:before {
    font-size: 5.375rem;
    content: "what must be stored\a for one year";
  }
}

.p-firstRecord__listBox {
  background-color: #f4f8fc;
  border-top-right-radius: 0.4375rem;
  border-top-left-radius: 0.4375rem;
  -webkit-clip-path: polygon(50% 100%, 100% 91.3961038961%, 100% 0, 0 0, 0% 91.3961038961%);
          clip-path: polygon(50% 100%, 100% 91.3961038961%, 100% 0, 0 0, 0% 91.3961038961%);
  position: relative;
  z-index: 1;
  padding: 1.25rem 1.5rem 5rem;
  margin-top: 2.8125rem;
}
@media screen and (min-width: 768px) {
  .p-firstRecord__listBox {
    width: 64.8125rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -webkit-column-gap: 3.4006376196%;
       -moz-column-gap: 3.4006376196%;
            column-gap: 3.4006376196%;
    border-top-right-radius: 0.625rem;
    border-top-left-radius: 0.625rem;
    -webkit-clip-path: polygon(50% 100%, 100% 82.0610687023%, 100% 0, 0 0, 0% 82.0610687023%);
            clip-path: polygon(50% 100%, 100% 82.0610687023%, 100% 0, 0 0, 0% 82.0610687023%);
    position: static;
    z-index: 0;
    padding: 3rem 3rem 8.125rem;
    margin: 3.75rem auto 0;
  }
}

@media screen and (min-width: 768px) {
  .p-firstRecord__lists {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

@media screen and (min-width: 768px) {
  .p-firstRecord__lists:first-of-type {
    -ms-flex-preferred-size: 44.6333687566%;
        flex-basis: 44.6333687566%;
  }
}

@media screen and (min-width: 768px) {
  .p-firstRecord__lists:last-of-type {
    -ms-flex-preferred-size: 51.9659936238%;
        flex-basis: 51.9659936238%;
  }
}

.p-firstRecord__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-column-gap: 0.6875rem;
     -moz-column-gap: 0.6875rem;
          column-gap: 0.6875rem;
  border-bottom: 1px solid #d0d5dd;
  padding: 0.875rem 0.625rem 0.8125rem;
}
@media screen and (min-width: 768px) {
  .p-firstRecord__item {
    -webkit-column-gap: 1rem;
       -moz-column-gap: 1rem;
            column-gap: 1rem;
    padding: 1.1875rem 1.25rem 1.125rem;
  }
}

@media screen and (min-width: 768px) {
  .p-firstRecord__item--stretch {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
}

.p-firstRecord__require {
  -ms-flex-preferred-size: 3.0625rem;
      flex-basis: 3.0625rem;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.05em;
  color: #fff;
  background-color: #eb2f00;
  border-radius: 0.125rem;
  background-image: url(../images/aboutFirst/icon-aboutfirstrecord-white@2x.webp);
  background-size: 0.875rem 0.875rem;
  background-position: 0.25rem center;
  background-repeat: no-repeat;
  padding: 0.16625rem 0.20625rem 0.269375rem 1.25rem;
  margin-top: 0.1875rem;
}
@media screen and (min-width: 768px) {
  .p-firstRecord__require {
    -ms-flex-preferred-size: 3.6875rem;
        flex-basis: 3.6875rem;
    background-size: 1.0625rem 1.0625rem;
    background-position: 0.34375rem center;
    font-size: 0.875rem;
    padding: 0.21875rem 0.25rem 0.34375rem 1.5625rem;
  }
}

.p-firstRecord__optional {
  -ms-flex-preferred-size: 3.0625rem;
      flex-basis: 3.0625rem;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.05em;
  color: #00233a;
  background-color: #ede400;
  border-radius: 0.125rem;
  background-image: url(../images/aboutFirst/icon-aboutfirstrecord-black@2x.webp);
  background-size: 0.875rem 0.875rem;
  background-position: 0.25rem center;
  background-repeat: no-repeat;
  padding: 0.16625rem 0.20625rem 0.269375rem 1.25rem;
  margin-top: 0.1875rem;
}
@media screen and (min-width: 768px) {
  .p-firstRecord__optional {
    -ms-flex-preferred-size: 3.6875rem;
        flex-basis: 3.6875rem;
    background-size: 1.0625rem 1.0625rem;
    background-position: 0.34375rem center;
    font-size: 0.875rem;
    padding: 0.21875rem 0.25rem 0.34375rem 1.5625rem;
  }
}

.p-firstRecord__itemAgenda {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 768px) {
  .p-firstRecord__itemAgenda {
    font-size: 1.375rem;
    line-height: 1.4;
  }
}

.p-appDriverFlow {
  padding: 6.25rem 0 5.625rem;
}
@media screen and (min-width: 768px) {
  .p-appDriverFlow {
    padding: 7.5rem 0 7.5rem;
  }
}

.p-appDriverFlow__title {
  font-size: 1.75rem;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: 0.08em;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .p-appDriverFlow__title {
    font-size: 2.4375rem;
  }
}

.p-appDriverFlow__title:before {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  content: "driver\a alcohol\a check\aprocess";
  text-align: center;
  font-size: 4.0625rem;
  line-height: 1.1;
  letter-spacing: 0;
  color: rgba(0, 35, 58, .05);
}
@media screen and (min-width: 768px) {
  .p-appDriverFlow__title:before {
    content: "driver alcohol check\aprocess";
    font-size: 5.375rem;
  }
}

.p-appDriverFlow__cardContainer {
  margin-top: 2.8125rem;
}
@media screen and (min-width: 768px) {
  .p-appDriverFlow__cardContainer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-column-gap: 4.406779661%;
       -moz-column-gap: 4.406779661%;
            column-gap: 4.406779661%;
    row-gap: 7.5rem;
    margin-top: 5rem;
  }
}

@media screen and (min-width: 768px) {
  .p-appDriverFlow__card {
    width: 21.6949152542%;
  }
}

.p-appDriverFlow__card:nth-of-type(n + 2) {
  position: relative;
  margin-top: 2.5625rem;
}
@media screen and (min-width: 768px) {
  .p-appDriverFlow__card:nth-of-type(n + 2) {
    margin-top: 0;
  }
}

.p-appDriverFlow__card:nth-of-type(n + 2)::before {
  position: absolute;
  top: -0.75rem;
  bottom: auto;
  left: 50%;
  right: auto;
  -webkit-transform: translate(-50%, -100%);
          transform: translate(-50%, -100%);
  display: block;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-right: 0.5625rem solid transparent;
  border-left: 0.5625rem solid transparent;
  border-top: 0.875rem solid #788893;
  border-bottom: 0;
}
@media screen and (min-width: 768px) {
  .p-appDriverFlow__card:nth-of-type(n + 2)::before {
    top: 33.5%;
    left: -0.9375rem;
    -webkit-transform: translate(-100%, -50%);
            transform: translate(-100%, -50%);
    border-top: 0.75rem solid transparent;
    border-bottom: 0.75rem solid transparent;
    border-left: 1.25rem solid #788893;
    border-right: 0;
  }
}

@media screen and (min-width: 768px) {
  .p-appDriverFlow__card:nth-of-type(5):before {
    display: none;
  }
}

@media screen and (min-width: 768px) {
  .p-appDriverFlow__card:nth-of-type(n + 6):before {
    top: 39%;
  }
}

.p-appFlow {
  padding: 6.25rem 0 5.625rem;
  background-color: #f4f8fc;
}
@media screen and (min-width: 768px) {
  .p-appFlow {
    padding: 7.8125rem 0 7.5rem;
  }
}

@media screen and (min-width: 768px) {
  .p-appFlow__inner.l-inner {
    max-width: 78.75rem;
  }
}

.p-appFlow__title {
  font-size: 1.75rem;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: 0.08em;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .p-appFlow__title {
    font-size: 2.4375rem;
  }
}

.p-appFlow__title::before {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  content: "alcohol\a check\aprocess";
  text-align: center;
  font-size: 4.0625rem;
  line-height: 1.1;
  letter-spacing: 0;
  color: rgba(0, 35, 58, .05);
}
@media screen and (min-width: 768px) {
  .p-appFlow__title::before {
    content: "alcohol check\aprocess";
    font-size: 5.375rem;
  }
}

.p-appFlow__chartBox {
  width: 100%;
  height: auto;
  aspect-ratio: 0.3354900551;
  margin-top: 2.625rem;
}
@media screen and (min-width: 768px) {
  .p-appFlow__chartBox {
    aspect-ratio: 2.1109123435;
    margin-top: 3.75rem;
  }
}

.p-appFlow__chartBox picture {
  display: block;
  width: 100%;
  height: 100%;
}
.p-appFlow__chartBox img {
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
  -o-object-position: center;
     object-position: center;
  display: block;
}
.p-appMv {
  background-image: url(../images/alcoholApp/bg-alcoholappmv@2x.webp);
}
.p-appMv__title {
  height: auto;
}
.p-appPrice {
  background-color: #eff4fa;
  padding: 5.625rem 0 5.625rem;
}
@media screen and (min-width: 768px) {
  .p-appPrice {
    padding: 7.1875rem 0 7.8125rem;
  }
}

.p-appPrice__title {
  font-size: 1.625rem;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: 0.08em;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .p-appPrice__title {
    font-size: 2.4375rem;
  }
}

.p-appPrice__title:before {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  content: "pricing";
  font-size: 4.0625rem;
  text-align: center;
  line-height: 1.1;
  letter-spacing: 0;
  width: 24.375rem;
  color: rgba(0, 35, 58, .05);
}
@media screen and (min-width: 768px) {
  .p-appPrice__title:before {
    font-size: 5.375rem;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
  }
}

.p-appPrice__taableContents {
  margin-top: 2.8125rem;
}
@media screen and (min-width: 768px) {
  .p-appPrice__taableContents {
    max-width: 73.75rem;
    padding: 4.6875rem;
    background-color: #fff;
    border-radius: 1.25rem;
    margin-top: 3.75rem;
  }
}

.p-appPrice__tableDetector {
  margin-top: 3.75rem;
}
@media screen and (min-width: 768px) {
  .p-appPrice__tableDetector {
    margin-top: 5.9375rem;
  }
}

.p-appPrice__tableDetectorNote {
  margin-top: 1.25rem;
}
@media screen and (min-width: 768px) {
  .p-appPrice__tableDetectorNote {
    margin-top: 1.875rem;
  }
}

.p-appPrice__btnBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 2.8125rem;
}
@media screen and (min-width: 768px) {
  .p-appPrice__btnBox {
    margin-top: 3.75rem;
  }
}

.p-appQandA {
  padding: 9.0625rem 0 5.625rem;
  position: relative;
}
@media screen and (min-width: 768px) {
  .p-appQandA {
    padding: 7.3125rem 0 7.5rem;
  }
}

.p-appQandA::before {
  position: absolute;
  top: -1.625rem;
  bottom: auto;
  left: 50%;
  right: auto;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  display: block;
  content: "";
  width: 13.1875rem;
  height: auto;
  aspect-ratio: 1.4964539007;
  background-image: url(../images/alcoholApp/illust-alcoholappfaq@2x.webp);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
@media screen and (min-width: 768px) {
  .p-appQandA::before {
    top: 0rem;
    left: calc(50% + 28.75rem);
    width: 28.125rem;
    aspect-ratio: 1.5;
  }
}

.p-appQandA__title {
  font-size: 1.625rem;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: 0.08em;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .p-appQandA__title {
    font-size: 2.4375rem;
  }
}

.p-appQandA__title:before {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  content: "faq";
  font-size: 3.125rem;
  text-align: center;
  line-height: 1.1;
  letter-spacing: 0;
  color: rgba(0, 35, 58, .05);
}
@media screen and (min-width: 768px) {
  .p-appQandA__title:before {
    font-size: 5.375rem;
  }
}

.p-appQandA__lists {
  margin-top: 2.8125rem;
}
@media screen and (min-width: 768px) {
  .p-appQandA__lists {
    position: relative;
    z-index: 1;
    margin-top: 3.75rem;
  }
}

.p-appQnadA__item {
  background-color: #f4f8fc;
  border-radius: 0.9375rem;
  padding: 1.5rem;
}
@media screen and (min-width: 768px) {
  .p-appQnadA__item {
    padding: 1.9375rem;
  }
}

.p-appQnadA__item + .p-appQnadA__item {
  margin-top: 1rem;
}
@media screen and (min-width: 768px) {
  .p-appQnadA__item + .p-appQnadA__item {
    margin-top: 1.5rem;
  }
}

.p-appQandA__question,
.p-appQandA__answer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-column-gap: 0.9375rem;
     -moz-column-gap: 0.9375rem;
          column-gap: 0.9375rem;
}
@media screen and (min-width: 768px) {
  .p-appQandA__question,
  .p-appQandA__answer {
    -webkit-column-gap: 1.125rem;
       -moz-column-gap: 1.125rem;
            column-gap: 1.125rem;
  }
}

.p-appQandA__answer {
  margin-top: 0.875rem;
}
@media screen and (min-width: 768px) {
  .p-appQandA__answer {
    margin-top: 1.25rem;
  }
}

.p-appQandA__Qsymbol {
  -ms-flex-preferred-size: 1.875rem;
      flex-basis: 1.875rem;
  font-family: "Lato", sans-serif;
  font-size: 1.828125rem;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0;
  color: #19ba6a;
}
@media screen and (min-width: 768px) {
  .p-appQandA__Qsymbol {
    -ms-flex-preferred-size: 2.5rem;
        flex-basis: 2.5rem;
    font-size: 2.4375rem;
  }
}

.p-QandA__Qtxt {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 768px) {
  .p-QandA__Qtxt {
    font-size: 1.375rem;
    margin-top: 0.4375rem;
  }
}

.p-appQandA__Asymbol {
  -ms-flex-preferred-size: 1.875rem;
      flex-basis: 1.875rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-family: "Lato", sans-serif;
  font-size: 1.40625rem;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0;
  color: #788893;
}
@media screen and (min-width: 768px) {
  .p-appQandA__Asymbol {
    -ms-flex-preferred-size: 2.5rem;
        flex-basis: 2.5rem;
    font-size: 1.875rem;
  }
}

.p-appQandA__Atxt {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-family: "BIZ UDPGothic", sans-serif;
  font-size: 0.9375rem;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: 0.03em;
}
.p-appQandA__Atxt a {
  display: inline;
  color: #19ba6a;
  text-decoration: underline;
}

.p-appStrength {
  overflow: hidden;
  padding: 3.4375rem 0 0.625rem;
}
@media screen and (min-width: 768px) {
  .p-appStrength {
    padding: 5.3125rem 0 4.6875rem;
  }
}

.p-appStrength__title {
  font-size: 1.625rem;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: 0.08em;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .p-appStrength__title {
    font-size: 2.4375rem;
  }
}

.p-appStrength__title:before {
  top: 0rem;
  left: 50%;
  -webkit-transform: translate(-50%, -35%);
          transform: translate(-50%, -35%);
  content: "why choose\ano-alco";
  text-align: center;
  font-family: "Lato", sans-serif;
  font-size: 3.125rem;
  line-height: 1.1;
  color: rgba(0, 35, 58, .05);
}
@media screen and (min-width: 768px) {
  .p-appStrength__title:before {
    content: "why choose no-alco";
    font-size: 5.375rem;
    -webkit-transform: translate(-50%, -25%);
            transform: translate(-50%, -25%);
  }
}

.p-appStrength__title__highlight {
  color: #19ba6a;
}

.p-appStrength__cardContainer {
  position: relative;
  z-index: 1;
  margin-top: 2.8125rem;
}
@media screen and (min-width: 768px) {
  .p-appStrength__cardContainer {
    width: 55.375rem;
    margin: 3.75rem auto 0;
  }
}

.p-appStrength__cardContainer::before {
  position: absolute;
  top: -2.8125rem;
  bottom: auto;
  left: auto;
  right: 0;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
  display: block;
  content: "";
  width: 5rem;
  height: auto;
  aspect-ratio: 1.3888888889;
  background-image: url(../images/front/illust-car-01@2x.webp);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  -webkit-animation: appStrengthCar01_sp 40s linear infinite;
          animation: appStrengthCar01_sp 40s linear infinite;
  z-index: 2;
}
@media screen and (min-width: 768px) {
  .p-appStrength__cardContainer::before {
    top: 50.5%;
    left: -7.5rem;
    right: auto;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    width: 13.75rem;
    aspect-ratio: 1.3048707156;
    z-index: 0;
    -webkit-animation: appStrengthCar01_pc 40s linear infinite;
            animation: appStrengthCar01_pc 40s linear infinite;
  }
}

@-webkit-keyframes appStrengthCar01_sp {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 1;
    z-index: 2;
  }
  50% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 1;
    z-index: 2;
  }
  51% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 1;
    z-index: 0;
  }
  74% {
    -webkit-transform: translate(-153.8461538462vw, 84.6153846154vw);
            transform: translate(-153.8461538462vw, 84.6153846154vw);
    opacity: 1;
  }
  75% {
    -webkit-transform: translate(-153.8461538462vw, 84.6153846154vw);
            transform: translate(-153.8461538462vw, 84.6153846154vw);
    opacity: 0;
  }
  76% {
    -webkit-transform: translate(153.8461538462vw, -84.6153846154vw);
            transform: translate(153.8461538462vw, -84.6153846154vw);
    opacity: 0;
  }
  77% {
    -webkit-transform: translate(153.8461538462vw, -84.6153846154vw);
            transform: translate(153.8461538462vw, -84.6153846154vw);
    opacity: 0;
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 1;
  }
}

@keyframes appStrengthCar01_sp {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 1;
    z-index: 2;
  }
  50% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 1;
    z-index: 2;
  }
  51% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 1;
    z-index: 0;
  }
  74% {
    -webkit-transform: translate(-153.8461538462vw, 84.6153846154vw);
            transform: translate(-153.8461538462vw, 84.6153846154vw);
    opacity: 1;
  }
  75% {
    -webkit-transform: translate(-153.8461538462vw, 84.6153846154vw);
            transform: translate(-153.8461538462vw, 84.6153846154vw);
    opacity: 0;
  }
  76% {
    -webkit-transform: translate(153.8461538462vw, -84.6153846154vw);
            transform: translate(153.8461538462vw, -84.6153846154vw);
    opacity: 0;
  }
  77% {
    -webkit-transform: translate(153.8461538462vw, -84.6153846154vw);
            transform: translate(153.8461538462vw, -84.6153846154vw);
    opacity: 0;
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 1;
  }
}
@-webkit-keyframes appStrengthCar01_pc {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 1;
  }
  50% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 1;
  }
  74% {
    -webkit-transform: translate(-153.8461538462vw, 84.6153846154vw);
            transform: translate(-153.8461538462vw, 84.6153846154vw);
    opacity: 1;
  }
  75% {
    -webkit-transform: translate(-153.8461538462vw, 84.6153846154vw);
            transform: translate(-153.8461538462vw, 84.6153846154vw);
    opacity: 0;
  }
  76% {
    -webkit-transform: translate(153.8461538462vw, -84.6153846154vw);
            transform: translate(153.8461538462vw, -84.6153846154vw);
    opacity: 0;
  }
  77% {
    -webkit-transform: translate(153.8461538462vw, -84.6153846154vw);
            transform: translate(153.8461538462vw, -84.6153846154vw);
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 1;
  }
}
@keyframes appStrengthCar01_pc {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 1;
  }
  50% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 1;
  }
  74% {
    -webkit-transform: translate(-153.8461538462vw, 84.6153846154vw);
            transform: translate(-153.8461538462vw, 84.6153846154vw);
    opacity: 1;
  }
  75% {
    -webkit-transform: translate(-153.8461538462vw, 84.6153846154vw);
            transform: translate(-153.8461538462vw, 84.6153846154vw);
    opacity: 0;
  }
  76% {
    -webkit-transform: translate(153.8461538462vw, -84.6153846154vw);
            transform: translate(153.8461538462vw, -84.6153846154vw);
    opacity: 0;
  }
  77% {
    -webkit-transform: translate(153.8461538462vw, -84.6153846154vw);
            transform: translate(153.8461538462vw, -84.6153846154vw);
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 1;
  }
}
.p-appStrength__cardLists {
  background-color: #f4f8fc;
  border-radius: 0.9375rem;
  padding: 2rem 0;
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 768px) {
  .p-appStrength__cardLists {
    padding: 1.75rem 3.5rem;
  }
}

.p-appSupport {
  padding: 2.8125rem 0 5.625rem;
}
@media screen and (min-width: 768px) {
  .p-appSupport {
    padding: 1.875rem 0 7.1875rem;
  }
}

.p-appSupport__title {
  font-size: 1.625rem;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: 0.08em;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .p-appSupport__title {
    font-size: 2.4375rem;
  }
}

.p-appSupport__title::before {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  content: "full support\asystem";
  text-align: center;
  font-size: 3.125rem;
  font-family: "Lato", sans-serif;
  line-height: 1.1;
  letter-spacing: 0;
  color: rgba(0, 35, 58, .05);
}
@media screen and (min-width: 768px) {
  .p-appSupport__title::before {
    top: 50%;
    -webkit-transform: translate(-50%, -25%);
            transform: translate(-50%, -25%);
    font-size: 5.375rem;
  }
}

.p-appSupport__title--hgighlight {
  color: #19ba6a;
}

.p-appSupport__lead {
  font-family: "BIZ UDPGothic", sans-serif;
  font-size: 0.9375rem;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: 0.03em;
  text-align: center;
  position: relative;
  z-index: 1;
  margin-top: 0.9375rem;
}
@media screen and (min-width: 768px) {
  .p-appSupport__lead {
    margin-top: 1.25rem;
  }
}

.p-appSupport__cardContainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 1.25rem;
}
@media screen and (min-width: 768px) {
  .p-appSupport__cardContainer {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    row-gap: 0;
    -webkit-column-gap: 2.7118644068%;
       -moz-column-gap: 2.7118644068%;
            column-gap: 2.7118644068%;
    margin-top: 1.25rem;
  }
}

@media screen and (min-width: 768px) {
  .p-appSupport__card {
    display: grid;
    grid-template-rows: subgrid;
    grid-row: span 3;
  }
}

.p-caseArchiveMv {
  background-image: url(../images/caseArchive/bg-casearchive-sp.webp);
}
@media screen and (min-width: 768px) {
  .p-caseArchiveMv {
    background-image: url(../images/caseArchive/bg-casearchive-pc@2x.webp);
    background-size: 66.625rem 34.375rem;
    background-position: calc(50% + 35rem) top;
  }
}

.p-caseArchiveMv__title {
  height: auto;
}
.p-caseArchiveContents {
  padding-bottom: 5.625rem;
}
@media screen and (min-width: 768px) {
  .p-caseArchiveContents {
    padding-bottom: 7.5rem;
    margin-top: 5.9375rem;
  }
}

.p-caseArchiveContents__inner.l-inner {
  max-width: 20rem;
}
@media screen and (min-width: 768px) {
  .p-caseArchiveContents__inner.l-inner {
    max-width: 78.75rem;
  }
}

.p-caseArchiveContents__cardBox {
  margin-top: 3.75rem;
}
@media screen and (min-width: 768px) {
  .p-caseArchiveContents__cardBox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -webkit-column-gap: 2rem;
       -moz-column-gap: 2rem;
            column-gap: 2rem;
    row-gap: 2rem;
  }
}

.p-caseArchiveContents__card {
  border-radius: 0.5rem;
  -webkit-box-shadow: 0 0.609375rem 1.359375rem 0 rgba(0, 0, 0, .1);
          box-shadow: 0 0.609375rem 1.359375rem 0 rgba(0, 0, 0, .1);
}
@media screen and (min-width: 768px) {
  .p-caseArchiveContents__card {
    width: calc(33.33333% - 1.3375rem);
    -webkit-box-shadow: 0 0.8125rem 1.8125rem 0 rgba(0, 0, 0, .1);
            box-shadow: 0 0.8125rem 1.8125rem 0 rgba(0, 0, 0, .1);
    border-radius: 0.625rem;
  }
}

.p-caseArchiveContents__card + .p-caseArchiveContents__card {
  margin-top: 1.1875rem;
}
@media screen and (min-width: 768px) {
  .p-caseArchiveContents__card + .p-caseArchiveContents__card {
    margin-top: 0;
  }
}

.p-caseArchiveContents__card a {
  display: block;
}
@media screen and (min-width: 768px) {
  .p-caseArchiveContents__card a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 100%;
    height: 100%;
  }
}

.p-caseArchiveContents__img {
  width: 100%;
  height: auto;
  aspect-ratio: 1.7770700637;
}
.p-caseArchiveContents__img img {
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
  -o-object-position: center;
     object-position: center;
  display: block;
  border-top-right-radius: 0.5rem;
  border-top-left-radius: 0.5rem;
}
@media screen and (min-width: 768px) {
  .p-caseArchiveContents__img img {
    border-top-right-radius: 0.625rem;
    border-top-left-radius: 0.625rem;
  }
}

.p-caseArchiveContents__sentense {
  position: relative;
}
@media screen and (min-width: 768px) {
  .p-caseArchiveContents__sentense {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    row-gap: 0.3125rem;
  }
}

.p-caseArchiveContents__logo {
  position: absolute;
  top: 0;
  bottom: auto;
  left: 0;
  right: auto;
  -webkit-transform: translate(0, -80%);
          transform: translate(0, -80%);
  max-width: 4.6875rem;
  max-height: 4.6875rem;
  width: auto;
  height: auto;
  padding: 0.9375rem 0.625rem 0.3125rem;
  background-color: #fff;
  border-top-right-radius: 0.5rem;
}
@media screen and (min-width: 768px) {
  .p-caseArchiveContents__logo {
    max-width: 6.25rem;
    max-height: 3.625rem;
    -webkit-transform: translate(0, -70%);
            transform: translate(0, -70%);
    padding: 1.375rem 0.9375rem 0.625rem;
  }
}

.p-caseArchiveContents__logo img {
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
  -o-object-position: center;
     object-position: center;
  display: block;
}
.p-caseArchiveContents__sentense {
  padding: 1.125rem 1.5625rem;
}
@media screen and (min-width: 768px) {
  .p-caseArchiveContents__sentense {
    padding: 1.25rem 2.0625rem 1.5rem;
  }
}

.p-caseArchiveContents__industry {
  font-size: 0.875rem;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 1.3;
  letter-spacing: 0.05em;
  color: #19ba6a;
}
@media screen and (min-width: 768px) {
  .p-caseArchiveContents__industry {
    font-size: 1rem;
  }
}

.p-caseArchiveContents__title {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 700;
  font-size: 1.125rem;
  letter-spacing: 0.05em;
  line-height: 1.3;
  margin-top: 0.3125rem;
}
@media screen and (min-width: 768px) {
  .p-caseArchiveContents__title {
    font-size: 1.25rem;
    margin-top: auto;
  }
}

.p-caseArchiveContents__prev.swiper-button-prev,
.p-caseArchiveContents__next.swiper-button-next {
  width: 1.6875rem;
  height: 2.109375rem;
}
@media screen and (min-width: 768px) {
  .p-caseArchiveContents__prev.swiper-button-prev,
  .p-caseArchiveContents__next.swiper-button-next {
    width: 3rem;
    height: 2.5rem;
  }
}

.p-caseArchiveContents__prev.swiper-button-prev {
  top: 52%;
  left: 1.25rem;
}
@media screen and (min-width: 768px) {
  .p-caseArchiveContents__prev.swiper-button-prev {
    top: 51%;
    left: -4.1875rem;
  }
}

.p-caseArchiveContents__next.swiper-button-next {
  top: 52%;
  right: 1.25rem;
}
@media screen and (min-width: 768px) {
  .p-caseArchiveContents__next.swiper-button-next {
    top: 51%;
    right: -4.1875rem;
  }
}

.p-caseArchiveContents__prev.swiper-button-prev::after {
  display: block;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-top: 1rem solid transparent;
  border-bottom: 1rem solid transparent;
  border-right: 1.6875rem solid #069c5d;
  border-left: 0;
}
@media screen and (min-width: 768px) {
  .p-caseArchiveContents__prev.swiper-button-prev::after {
    border-top: 0.75rem solid transparent;
    border-bottom: 0.75rem solid transparent;
    border-right: 1.25rem solid #069c5d;
    border-left: 0;
  }
}

.p-caseArchiveContents__next.swiper-button-next::after {
  display: block;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-top: 1rem solid transparent;
  border-bottom: 1rem solid transparent;
  border-left: 1.6875rem solid #069c5d;
  border-right: 0;
}
@media screen and (min-width: 768px) {
  .p-caseArchiveContents__next.swiper-button-next::after {
    border-top: 0.75rem solid transparent;
    border-bottom: 0.75rem solid transparent;
    border-left: 1.25rem solid #069c5d;
    border-right: 0;
  }
}

.p-caseDetail__interview {
  margin-top: 1.5625rem;
}
@media screen and (min-width: 768px) {
  .p-caseDetail__interview {
    margin-top: 3.125rem;
  }
}

.p-caseDetailClient {
  padding: 0rem 0 4.375rem;
}
@media screen and (min-width: 768px) {
  .p-caseDetailClient {
    padding: 0 0 3.75rem;
  }
}

.p-caseDetailClient__title {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: 1.625rem;
  font-weight: 700;
  text-align: center;
  line-height: 1.3;
  letter-spacing: 0.05em;
  height: auto;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 768px) {
  .p-caseDetailClient__title {
    font-size: 2rem;
  }
}

.p-caseDetailClient__swiperBox {
  position: relative;
  margin-top: 1.875rem;
}
@media screen and (min-width: 768px) {
  .p-caseDetailClient__swiperBox {
    width: 100%;
    max-width: 77.5rem;
    padding: 0 2.5rem;
    margin: 1.5625rem auto 0;
  }
}

.p-caseDetailClientSwiper__wrapper {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  padding: 1.25rem 0;
}
@media screen and (min-width: 768px) {
  .p-caseDetailClientSwiper__wrapper {
    padding: 2.5rem 0;
  }
}

.p-caseDetailClientSwiper__slide {
  height: auto;
  border-radius: 0.5rem;
  -webkit-box-shadow: 0 0.609375rem 1.359375rem 0 rgba(0, 0, 0, .1);
          box-shadow: 0 0.609375rem 1.359375rem 0 rgba(0, 0, 0, .1);
}
@media screen and (min-width: 768px) {
  .p-caseDetailClientSwiper__slide {
    border-radius: 0.625rem;
  }
}

.p-caseDetailClientSwiper__card {
  display: block;
  width: 100%;
  height: 100%;
}

.p-caseDetailClientSwiper__card a {
  display: block;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.p-caseDetailClientSwiper__img {
  width: 100%;
  height: auto;
  aspect-ratio: 1.7770700637;
}
.p-caseDetailClientSwiper__img img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  -o-object-position: center;
     object-position: center;
  display: block;
  border-top-right-radius: 0.5rem;
  border-top-left-radius: 0.5rem;
  aspect-ratio: 1.7770700637;
}
@media screen and (min-width: 768px) {
  .p-caseDetailClientSwiper__img img {
    border-top-right-radius: 0.625rem;
    border-top-left-radius: 0.625rem;
  }
}

.p-caseDetailClientSwiper__logo {
  position: absolute;
  top: 0;
  bottom: auto;
  left: 0;
  right: auto;
  -webkit-transform: translate(0, -80%);
          transform: translate(0, -80%);
  max-width: 4.6875rem;
  max-height: 4.6875rem;
  width: auto;
  height: auto;
  padding: 0.9375rem 0.625rem 0.3125rem;
  background-color: #fff;
  border-top-right-radius: 0.5rem;
}
@media screen and (min-width: 768px) {
  .p-caseDetailClientSwiper__logo {
    max-width: 6.25rem;
    max-height: 3.625rem;
    -webkit-transform: translate(0, -70%);
            transform: translate(0, -70%);
    padding: 1.375rem 0.9375rem 0.625rem;
  }
}

.p-caseDetailClientSwiper__logo img {
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
  -o-object-position: center;
     object-position: center;
  display: block;
}
.p-caseDetailClientSwiper__sentense {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 0.3125rem;
  padding: 1.125rem 1.5625rem 1.5rem;
  position: relative;
}
@media screen and (min-width: 768px) {
  .p-caseDetailClientSwiper__sentense {
    padding: 1.5625rem 2.0625rem 1.5625rem;
  }
}

.p-caseDetailClientSwiper__industry {
  font-size: 0.875rem;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 1.3;
  letter-spacing: 0.05em;
  color: #19ba6a;
}
@media screen and (min-width: 768px) {
  .p-caseDetailClientSwiper__industry {
    font-size: 1rem;
  }
}

.p-caseDetailClientSwiper__title {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 700;
  font-size: 1.125rem;
  letter-spacing: 0.05em;
  line-height: 1.3;
  margin-top: auto;
}
@media screen and (min-width: 768px) {
  .p-caseDetailClientSwiper__title {
    font-size: 1.25rem;
  }
}

.p-caseDetailClientSwiper__prev.swiper-button-prev,
.p-caseDetailClientSwiper__next.swiper-button-next {
  width: 1.6875rem;
  height: 2.109375rem;
}
@media screen and (min-width: 768px) {
  .p-caseDetailClientSwiper__prev.swiper-button-prev,
  .p-caseDetailClientSwiper__next.swiper-button-next {
    width: 3rem;
    height: 2.5rem;
  }
}

.p-caseDetailClientSwiper__prev.swiper-button-prev {
  top: 52%;
  left: 1.25rem;
}
@media screen and (min-width: 768px) {
  .p-caseDetailClientSwiper__prev.swiper-button-prev {
    top: 51%;
    left: -4.1875rem;
  }
}

.p-caseDetailClientSwiper__next.swiper-button-next {
  top: 52%;
  right: 1.25rem;
}
@media screen and (min-width: 768px) {
  .p-caseDetailClientSwiper__next.swiper-button-next {
    top: 51%;
    right: -4.1875rem;
  }
}

.p-caseDetailClientSwiper__prev.swiper-button-prev::after {
  display: block;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-top: 1rem solid transparent;
  border-bottom: 1rem solid transparent;
  border-right: 1.6875rem solid #069c5d;
  border-left: 0;
}
@media screen and (min-width: 768px) {
  .p-caseDetailClientSwiper__prev.swiper-button-prev::after {
    border-top: 0.75rem solid transparent;
    border-bottom: 0.75rem solid transparent;
    border-right: 1.25rem solid #069c5d;
    border-left: 0;
  }
}

.p-caseDetailClientSwiper__next.swiper-button-next::after {
  display: block;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-top: 1rem solid transparent;
  border-bottom: 1rem solid transparent;
  border-left: 1.6875rem solid #069c5d;
  border-right: 0;
}
@media screen and (min-width: 768px) {
  .p-caseDetailClientSwiper__next.swiper-button-next::after {
    border-top: 0.75rem solid transparent;
    border-bottom: 0.75rem solid transparent;
    border-left: 1.25rem solid #069c5d;
    border-right: 0;
  }
}

.p-caseDetailComIntro {
  padding-top: 2.1875rem;
  padding-bottom: 5.625rem;
}
@media screen and (min-width: 768px) {
  .p-caseDetailComIntro {
    padding-top: 2.96875rem;
    padding-bottom: 7.5rem;
  }
}

@media screen and (min-width: 768px) {
  .p-caseDetailComIntro__inner.l-inner {
    max-width: 57.5rem;
  }
}

.p-caseDetailComIntro__title {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 700;
  font-size: 1.625rem;
  line-height: 1.3;
  letter-spacing: 0.08em;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .p-caseDetailComIntro__title {
    font-size: 2rem;
    letter-spacing: 0.05em;
  }
}

.p-caseDetailComIntro__img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 1.5021459227;
  margin-top: 2.8125rem;
}
@media screen and (min-width: 768px) {
  .p-caseDetailComIntro__img {
    aspect-ratio: 1.5053763441;
    margin-top: 3.75rem;
  }
}

.p-caseDetailComIntro__img img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
  border-radius: 0.9375rem;
}
.p-caseDetailComIntro__txt {
  font-family: "BIZ UDPGothic", sans-serif;
  font-weight: 400;
  font-size: 0.9375rem;
  line-height: 1.6;
  letter-spacing: 0.03em;
  margin-top: 1.25rem;
}
@media screen and (min-width: 768px) {
  .p-caseDetailComIntro__txt {
    line-height: 1.8;
    margin-top: 1.5625rem;
  }
}

.p-caseDetailComProfile {
  padding: 2rem;
  border-radius: 0.9375rem;
  background-color: #f4f8fc;
  position: relative;
}
@media screen and (min-width: 768px) {
  .p-caseDetailComProfile {
    padding: 3.125rem 3.6875rem;
  }
}

.p-caseDetailComProfile:before {
  position: absolute;
  top: -4.0625rem;
  bottom: auto;
  left: auto;
  right: 0rem;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
  display: block;
  content: "";
  width: 7.6875rem;
  height: 7.6875rem;
  background-image: url(../images/caseDetail/illust-casedetailinterviewee@2x.webp);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
@media screen and (min-width: 768px) {
  .p-caseDetailComProfile:before {
    top: auto;
    bottom: -5.9375rem;
    left: auto;
    right: -6.25rem;
    width: 12.5625rem;
    height: 12.5625rem;
  }
}

.p-caseDetailComProfile__title {
  display: block;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 700;
  font-size: 1.25rem;
  line-height: 1.3;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 768px) {
  .p-caseDetailComProfile__title {
    font-size: 1.5rem;
  }
}

.p-caseDetailComProfile__list {
  margin-top: 1.4375rem;
}
@media screen and (min-width: 768px) {
  .p-caseDetailComProfile__list {
    display: grid;
    grid-template-areas: "comName comURL" "businessContent businessContent" "person person";
    grid-template-columns: -webkit-max-content 1fr;
    grid-template-columns: max-content 1fr;
    -webkit-column-gap: 2.8125rem;
       -moz-column-gap: 2.8125rem;
            column-gap: 2.8125rem;
    row-gap: 1.25rem;
    max-width: 96.9529085873%;
    margin: 2.1875rem auto 0;
  }
}

.p-caseDetailComProfile__item + .p-caseDetailComProfile__item {
  margin-top: 0.8125rem;
}
@media screen and (min-width: 768px) {
  .p-caseDetailComProfile__item + .p-caseDetailComProfile__item {
    margin-top: 0;
  }
}

@media screen and (min-width: 768px) {
  .p-caseDetailComProfile__item--comName {
    grid-area: comName;
  }
}

@media screen and (min-width: 768px) {
  .p-caseDetailComProfile__item--url {
    grid-area: comURL;
  }
}

@media screen and (min-width: 768px) {
  .p-caseDetailComProfile__item--businessContent {
    grid-area: businessContent;
  }
}

@media screen and (min-width: 768px) {
  .p-caseDetailComProfile__item--person {
    grid-area: person;
  }
}

.p-caseDetailComProfile__term {
  font-family: "BIZ UDPGothic", sans-serif;
  font-weight: 700;
  font-size: 0.9375rem;
  line-height: 1.6;
  letter-spacing: 0.03em;
}
.p-caseDetailComProfile__descr {
  font-family: "BIZ UDPGothic", sans-serif;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.6;
  letter-spacing: 0.03em;
  margin-top: 0.1875rem;
}
.p-caseDetailComProfile__descr a {
  display: block;
  word-wrap: anywhere; /* 収まらない場合に折り返す */
  word-break: normal; /* 単語の分割はデフォルトに依存 */
  line-break: strict; /* 禁則処理を厳格に適用 */
  color: #19ba6a;
  text-decoration: underline;
}

.p-caseDetailImpre {
  padding-top: 5.625rem;
  padding-bottom: 2.1875rem;
  position: relative;
}
@media screen and (min-width: 768px) {
  .p-caseDetailImpre {
    padding-top: 5rem;
  }
}

.p-caseDetailImpre:before {
  position: absolute;
  top: -1.25rem;
  bottom: auto;
  left: calc(50% + 5rem);
  right: auto;
  -webkit-transform: translate(0, 0) rotateY(180deg);
          transform: translate(0, 0) rotateY(180deg);
  display: block;
  content: "";
  width: 7.125rem;
  height: 7.125rem;
  background-image: url(../images/caseDetail/illust-casedetailimpression-01@2x.webp);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
@media screen and (min-width: 768px) {
  .p-caseDetailImpre:before {
    top: 1.875rem;
    left: calc(50% - 34.375rem);
    -webkit-transform: translate(0, 0) rotateY(0);
            transform: translate(0, 0) rotateY(0);
    width: 16.4375rem;
    height: 16.4375rem;
  }
}

@media screen and (min-width: 768px) {
  .p-caseDetailImpre__inner.l-inner {
    max-width: 57.5rem;
  }
}

.p-caseDetailImpre__title {
  display: block;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 700;
  font-size: 1.625rem;
  line-height: 1.3;
  letter-spacing: 0.08em;
  text-align: center;
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .p-caseDetailImpre__title {
    font-size: 2rem;
    letter-spacing: 0.05em;
    padding-left: 4.6875rem;
  }
}

.p-caseDetailImpre__contentBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media screen and (min-width: 768px) {
  .p-caseDetailImpre__contentBox {
    position: relative;
    z-index: 2;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-column-gap: 2.8125rem;
       -moz-column-gap: 2.8125rem;
            column-gap: 2.8125rem;
  }
}

.p-caseDetailImpre__contentBox:nth-of-type(1) {
  margin-top: 2.8125rem;
}
@media screen and (min-width: 768px) {
  .p-caseDetailImpre__contentBox:nth-of-type(1) {
    margin-top: 3.75rem;
  }
}

.p-caseDetailImpre__contentBox + .p-caseDetailImpre__contentBox {
  margin-top: 1.5625rem;
}
.p-caseDetailImpre__speakerImg {
  display: block;
  width: 6.125rem;
  height: auto;
  aspect-ratio: 1;
  border-radius: 50%;
}
@media screen and (min-width: 768px) {
  .p-caseDetailImpre__speakerImg {
    width: 8.125rem;
  }
}

.p-caseDetailImpre__speakerImg img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}
.p-caseDetailImpre__sentence {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  background-color: #788893;
  border-radius: 0.46875rem;
  padding: 1.5rem;
  margin-top: 1.25rem;
  position: relative;
}
@media screen and (min-width: 768px) {
  .p-caseDetailImpre__sentence {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    padding: 1.5rem 3rem;
    margin-top: 0;
  }
}

.p-caseDetailImpre__sentence:before {
  position: absolute;
  top: 1px;
  bottom: auto;
  left: 50%;
  right: auto;
  -webkit-transform: translate(-50%, -100%);
          transform: translate(-50%, -100%);
  display: block;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-right: 0.46875rem solid transparent;
  border-left: 0.46875rem solid transparent;
  border-bottom: 1.0625rem solid #788893;
  border-top: 0;
}
@media screen and (min-width: 768px) {
  .p-caseDetailImpre__sentence:before {
    top: 50%;
    left: 1px;
    -webkit-transform: translate(-100%, -50%);
            transform: translate(-100%, -50%);
    border-top: 0.5625rem solid transparent;
    border-bottom: 0.5625rem solid transparent;
    border-right: 1.4375rem solid #788893;
    border-left: 0;
  }
}

.p-caseDetailImpre__speakerPosition {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 1.3;
  letter-spacing: 0;
  color: #f4f8fc;
  border-radius: 50vw;
  padding: 0.125rem 0.5rem;
}
.p-caseDetailImpre__speakerPosition--blue {
  background-color: #04ade2;
}

.p-caseDetailImpre__speakerPosition--green {
  background-color: #19ba6a;
}

.p-caseDetailImpre__speakerTalk {
  font-family: "BIZ UDPGothic", sans-serif;
  font-weight: 400;
  font-size: 0.9375rem;
  line-height: 1.8;
  letter-spacing: 0.03em;
  color: #f4f8fc;
  margin-top: 0.625rem;
}
.p-caseDetailInterview {
  padding-bottom: 2.1875rem;
}
@media screen and (min-width: 768px) {
  .p-caseDetailInterview {
    padding-bottom: 2.96875rem;
  }
}

@media screen and (min-width: 768px) {
  .p-caseDetailInterview__inner.l-inner {
    max-width: 57.5rem;
  }
}

.p-caseDetailInterview__eyecatch {
  display: block;
  width: 100%;
  aspect-ratio: 1.7766497462;
}
.p-caseDetailInterview__eyecatch img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
  border-radius: 1.25rem;
}
.p-caseDetailInterview__title {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 700;
  font-size: 1.625rem;
  line-height: 1.3;
  letter-spacing: 0.08em;
  text-align: center;
  margin-top: 4.375rem;
}
@media screen and (min-width: 768px) {
  .p-caseDetailInterview__title {
    font-size: 2rem;
    letter-spacing: 0.05em;
    text-align: left;
    margin-top: 5.9375rem;
  }
}

.p-caseDetailInterview__txt {
  font-family: "BIZ UDPGothic", sans-serif;
  font-weight: 400;
  font-size: 0.9375rem;
  line-height: 1.6;
  letter-spacing: 0.03em;
  margin-top: 2.8125rem;
}
@media screen and (min-width: 768px) {
  .p-caseDetailInterview__txt {
    line-height: 1.8;
    margin-top: 3.75rem;
  }
}

.p-caseDetailInterview__comProfile {
  margin-top: 3rem;
}
@media screen and (min-width: 768px) {
  .p-caseDetailInterview__comProfile {
    margin-top: 1.875rem;
  }
}

.p-caseDetailInterviewer {
  padding-top: 2.1875rem;
  padding-bottom: 1.25rem;
}
@media screen and (min-width: 768px) {
  .p-caseDetailInterviewer {
    padding-top: 1.25rem;
    padding-bottom: 1.5625rem;
    max-width: 57.5rem;
    margin: 0 auto;
  }
}

.p-caseDetailInterviewer__bg {
  border-radius: 0.9375rem;
  background-color: #f4f8fc;
  padding: 2rem 1.75rem;
}
@media screen and (min-width: 768px) {
  .p-caseDetailInterviewer__bg {
    padding: 2.8125rem 3.6875rem 3.125rem 3.6875rem;
  }
}

.p-caseDetailInterviewer__title {
  display: block;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 700;
  font-size: 1.25rem;
  line-height: 1.3;
  letter-spacing: 0.05em;
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .p-caseDetailInterviewer__title {
    letter-spacing: 0.05em;
    font-size: 1.5rem;
    margin: 0 auto 0 0;
  }
}

.p-caseDetailInterviewer__contentBox {
  margin-top: 1.5625rem;
}
@media screen and (min-width: 768px) {
  .p-caseDetailInterviewer__contentBox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: normal;
        -ms-flex-align: normal;
            align-items: normal;
    -webkit-column-gap: 3rem;
       -moz-column-gap: 3rem;
            column-gap: 3rem;
    margin-top: 2rem;
  }
}

.p-caseDetailInterviewer__personBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-column-gap: 1.125rem;
     -moz-column-gap: 1.125rem;
          column-gap: 1.125rem;
}
@media screen and (min-width: 768px) {
  .p-caseDetailInterviewer__personBox {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.p-caseDetailInterviewer__img {
  display: block;
  width: 6.25rem;
  height: auto;
  aspect-ratio: 1;
}
@media screen and (min-width: 768px) {
  .p-caseDetailInterviewer__img {
    width: 7.75rem;
  }
}

.p-caseDetailInterviewer__img img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}
.p-caseDetailInterviewer__name {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-family: "BIZ UDPGothic", sans-serif;
  font-weight: 700;
  font-size: 0.9375rem;
  line-height: 1.6;
  letter-spacing: 0.03em;
}
@media screen and (min-width: 768px) {
  .p-caseDetailInterviewer__name {
    margin-top: 0.625rem;
  }
}

.p-caseDetailInterviewer__txt {
  font-family: "BIZ UDPGothic", sans-serif;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.6;
  letter-spacing: 0.03em;
  margin-top: 0.75rem;
}
@media screen and (min-width: 768px) {
  .p-caseDetailInterviewer__txt {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin-top: 0;
  }
}

.p-caseDetailMv {
  background-image: url(../images/caseDetail/caseDetailMV_sp.jpg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center top;
  padding: 2.8125rem 0 0;
}
@media screen and (min-width: 768px) {
  .p-caseDetailMv {
    background-size: cover;
    background-image: url(../images/caseDetail/caseDetailMV_pc.jpg);
    padding: 5.9375rem 0 0;
  }
}

.p-caseDetailMv__bg {
  background-color: #fff;
  -webkit-clip-path: ellipse(130% 100% at center 100%);
          clip-path: ellipse(130% 100% at center 100%);
  padding: 5.6875rem 0 1.875rem;
}
@media screen and (min-width: 768px) {
  .p-caseDetailMv__bg {
    -webkit-clip-path: ellipse(76% 100% at center 100%);
            clip-path: ellipse(76% 100% at center 100%);
    padding: 6.875rem 0 2.5rem;
  }
}

.p-caseDetailMv__inner.l-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  min-height: 15rem;
}
@media screen and (min-width: 768px) {
  .p-caseDetailMv__inner.l-inner {
    min-height: 11.25rem;
    max-width: 57.5rem;
  }
}

.p-caseDetailMv__title {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 700;
  font-size: 2.125rem;
  line-height: 1.3;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 768px) {
  .p-caseDetailMv__title {
    font-size: 2.625rem;
  }
}

.p-caseDetailMv__pnkz {
  margin-top: 4.0625rem;
}
@media screen and (min-width: 768px) {
  .p-caseDetailMv__pnkz {
    margin-top: 4.375rem;
  }
}

.p-caseDetailQuestion {
  position: relative;
}
.p-caseDetailQuestion:before {
  position: absolute;
  top: -1.75rem;
  bottom: auto;
  left: calc(50% + 4.0625rem);
  right: auto;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
  display: block;
  content: "";
  width: 8.125rem;
  height: 8.125rem;
  background-image: url(../images/caseDetail/illust-casedetailquestion@2x.webp);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  z-index: 1;
}
@media screen and (min-width: 768px) {
  .p-caseDetailQuestion:before {
    display: none;
    width: 14.4375rem;
    height: 14.4375rem;
    top: 6.875rem;
    left: calc(50% + 16.5625rem);
  }
}

.p-caseDetailQuestion__bgColor {
  background-color: #f4f8fc;
  -webkit-clip-path: ellipse(360% 100% at center 100%);
          clip-path: ellipse(360% 100% at center 100%);
  padding-top: 5.3125rem;
  padding-bottom: 5.625rem;
}
@media screen and (min-width: 768px) {
  .p-caseDetailQuestion__bgColor {
    -webkit-clip-path: ellipse(180% 100% at center 100%);
            clip-path: ellipse(180% 100% at center 100%);
    padding-top: 8.75rem;
  }
}

@media screen and (min-width: 768px) {
  .p-caseDetailQuestion__inner.l-inner {
    max-width: 57.5rem;
  }
}

.p-caseDetailQuestion__title {
  display: block;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 700;
  font-size: 1.625rem;
  line-height: 1.3;
  letter-spacing: 0.08em;
  text-align: center;
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .p-caseDetailQuestion__title {
    font-size: 2rem;
    letter-spacing: 0.05em;
  }
}

.p-caseDetailQuestion__lists {
  margin-top: 2.8125rem;
}
@media screen and (min-width: 768px) {
  .p-caseDetailQuestion__lists {
    position: relative;
    z-index: 2;
    margin-top: 3.75rem;
  }
}

.p-caseDetailQuestion__lists:before {
  position: absolute;
  top: -1.75rem;
  bottom: auto;
  left: calc(50% + 4.0625rem);
  right: auto;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
  display: none;
  content: "";
  width: 8.125rem;
  height: 8.125rem;
  background-image: url(../images/caseDetail/illust-casedetailquestion@2x.webp);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  z-index: -1;
}
@media screen and (min-width: 768px) {
  .p-caseDetailQuestion__lists:before {
    top: -8.125rem;
    left: calc(50% + 16.5625rem);
    display: block;
    width: 14.4375rem;
    height: 14.4375rem;
  }
}

.p-caseDetailQuestion__descr + .p-caseDetailQuestion__term {
  margin-top: 1.375rem;
}
@media screen and (min-width: 768px) {
  .p-caseDetailQuestion__descr + .p-caseDetailQuestion__term {
    margin-top: 2.125rem;
  }
}

.p-caseDetailQuestion__term {
  display: block;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 700;
  font-size: 1.25rem;
  line-height: 1.3;
  letter-spacing: 0.05em;
  padding-left: 2.8125rem;
  position: relative;
}
@media screen and (min-width: 768px) {
  .p-caseDetailQuestion__term {
    font-size: 1.5rem;
    padding-left: 4.6875rem;
  }
}

.p-caseDetailQuestion__term:before {
  position: absolute;
  top: 50%;
  bottom: auto;
  left: 0;
  right: auto;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  display: block;
  content: "";
  width: 1.5625rem;
  height: 1px;
  background-color: #19ba6a;
}
@media screen and (min-width: 768px) {
  .p-caseDetailQuestion__term:before {
    width: 3.125rem;
  }
}

.p-caseDetailQuestion__descr {
  margin-top: 1.25rem;
}
@media screen and (min-width: 768px) {
  .p-caseDetailQuestion__descr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-column-gap: 2.8571428571%;
       -moz-column-gap: 2.8571428571%;
            column-gap: 2.8571428571%;
    margin-top: 1.375rem;
  }
}

.p-caseDetailQuestion__descrImg {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 1.7766497462;
}
@media screen and (min-width: 768px) {
  .p-caseDetailQuestion__descrImg {
    width: 50%;
    aspect-ratio: 1.7796610169;
  }
}

.p-caseDetailQuestion__descrImg img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  border-radius: 0.5rem;
}
.p-caseDetailQuestion__descrTxt {
  font-family: "BIZ UDPGothic", sans-serif;
  font-weight: 400;
  font-size: 0.9375rem;
  line-height: 1.6;
  letter-spacing: 0.03em;
  padding: 1.5rem;
  border-radius: 0.5rem;
  background-color: #fff;
}
@media screen and (min-width: 768px) {
  .p-caseDetailQuestion__descrTxt {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    line-height: 1.8;
    border-radius: 0.625rem;
    padding: 2rem;
  }
}

.p-caseDetailQuestion__descrImg + .p-caseDetailQuestion__descrTxt {
  margin-top: 1.0625rem;
}
@media screen and (min-width: 768px) {
  .p-caseDetailQuestion__descrImg + .p-caseDetailQuestion__descrTxt {
    margin-top: 0;
  }
}

.p-columnArchiveContents {
  padding-bottom: 5.625rem;
  margin-top: 3.9375rem;
}
@media screen and (min-width: 768px) {
  .p-columnArchiveContents {
    padding-bottom: 7.5rem;
    margin-top: 5.9375rem;
  }
}

.p-columnArchiveContents__inner.l-inner {
  max-width: 20rem;
}
@media screen and (min-width: 768px) {
  .p-columnArchiveContents__inner.l-inner {
    max-width: 78.75rem;
  }
}

.p-columnArchiveContents__cardBox {
  margin-top: 3.75rem;
}
@media screen and (min-width: 768px) {
  .p-columnArchiveContents__cardBox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-column-gap: 2rem;
       -moz-column-gap: 2rem;
            column-gap: 2rem;
    row-gap: 2rem;
  }
}

.p-columnArchiveContents__card {
  border-radius: 0.5rem;
  -webkit-box-shadow: 0 0.609375rem 1.359375rem 0 rgba(0, 0, 0, .1);
          box-shadow: 0 0.609375rem 1.359375rem 0 rgba(0, 0, 0, .1);
}
@media screen and (min-width: 768px) {
  .p-columnArchiveContents__card {
    width: calc(33.33333% - 1.3375rem);
    -webkit-box-shadow: 0 0.8125rem 1.8125rem 0 rgba(0, 0, 0, .1);
            box-shadow: 0 0.8125rem 1.8125rem 0 rgba(0, 0, 0, .1);
    border-radius: 0.625rem;
  }
}

.p-columnArchiveContents__card + .p-columnArchiveContents__card {
  margin-top: 1.25rem;
}
@media screen and (min-width: 768px) {
  .p-columnArchiveContents__card + .p-columnArchiveContents__card {
    margin-top: 0;
  }
}

.p-columnArchiveContents__card a {
  display: block;
}

.p-columnArchiveContents__img {
  width: 100%;
  height: auto;
  aspect-ratio: 1.5;
}
.p-columnArchiveContents__img img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  border-top-right-radius: 0.5rem;
  border-top-left-radius: 0.5rem;
}
@media screen and (min-width: 768px) {
  .p-columnArchiveContents__img img {
    border-top-right-radius: 0.625rem;
    border-top-left-radius: 0.625rem;
  }
}

.p-columnArchiveContents__sentense {
  padding: 0.8125rem 1.4375rem 1.375rem;
  border-bottom-left-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
}
@media screen and (min-width: 768px) {
  .p-columnArchiveContents__sentense {
    border-bottom-left-radius: 0.625rem;
    border-bottom-right-radius: 0.625rem;
    padding: 1.25rem 1.875rem 1.875rem;
  }
}

.p-columnArchiveContents__title {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 768px) {
  .p-columnArchiveContents__title {
    font-size: 1.25rem;
  }
}

.p-columnArchiveContents__txt {
  font-family: "BIZ UDPGothic", sans-serif;
  font-weight: 400;
  font-size: 0.9375rem;
  line-height: 1.6;
  letter-spacing: 0.03em;
  margin-top: 0.625rem;
}
@media screen and (min-width: 768px) {
  .p-columnArchiveContents__txt {
    font-size: 0.9375rem;
    margin-top: 0.9375rem;
  }
}

.p-columnArchiveContents__prev.swiper-button-prev,
.p-columnArchiveContents__next.swiper-button-next {
  width: 1.6875rem;
  height: 2.109375rem;
}
@media screen and (min-width: 768px) {
  .p-columnArchiveContents__prev.swiper-button-prev,
  .p-columnArchiveContents__next.swiper-button-next {
    width: 3rem;
    height: 2.5rem;
  }
}

.p-columnArchiveContents__prev.swiper-button-prev {
  top: 52%;
  left: 1.25rem;
}
@media screen and (min-width: 768px) {
  .p-columnArchiveContents__prev.swiper-button-prev {
    top: 51%;
    left: -4.1875rem;
  }
}

.p-columnArchiveContents__next.swiper-button-next {
  top: 52%;
  right: 1.25rem;
}
@media screen and (min-width: 768px) {
  .p-columnArchiveContents__next.swiper-button-next {
    top: 51%;
    right: -4.1875rem;
  }
}

.p-columnArchiveContents__prev.swiper-button-prev::after {
  display: block;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-top: 1rem solid transparent;
  border-bottom: 1rem solid transparent;
  border-right: 1.6875rem solid #069c5d;
  border-left: 0;
}
@media screen and (min-width: 768px) {
  .p-columnArchiveContents__prev.swiper-button-prev::after {
    border-top: 0.75rem solid transparent;
    border-bottom: 0.75rem solid transparent;
    border-right: 1.25rem solid #069c5d;
    border-left: 0;
  }
}

.p-columnArchiveContents__next.swiper-button-next::after {
  display: block;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-top: 1rem solid transparent;
  border-bottom: 1rem solid transparent;
  border-left: 1.6875rem solid #069c5d;
  border-right: 0;
}
@media screen and (min-width: 768px) {
  .p-columnArchiveContents__next.swiper-button-next::after {
    border-top: 0.75rem solid transparent;
    border-bottom: 0.75rem solid transparent;
    border-left: 1.25rem solid #069c5d;
    border-right: 0;
  }
}

.p-columnArchiveMv {
  background-image: url(../images/columnArchive/bg-columnarchive-sp.webp);
}
@media screen and (min-width: 768px) {
  .p-columnArchiveMv {
    background-image: url(../images/columnArchive/bg-columnarchive-pc@2x.webp);
    background-size: 66.625rem 34.375rem;
    background-position: calc(50% + 35rem) top;
  }
}

.p-columnArchiveMv__title {
  height: auto;
}
.p-columnDetailMv {
  background-image: url(../images/columnDetail/columnDetailMV_sp.jpg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center top;
  padding: 2.8125rem 0 0;
}
@media screen and (min-width: 768px) {
  .p-columnDetailMv {
    background-size: cover;
    background-image: url(../images/columnDetail/columnDetailMV_pc.jpg);
    padding: 5.9375rem 0 0;
  }
}

.p-columnDetailMv__bg {
  background-color: #fff;
  -webkit-clip-path: ellipse(130% 100% at center 100%);
          clip-path: ellipse(130% 100% at center 100%);
  padding: 5.6875rem 0 1.875rem;
}
@media screen and (min-width: 768px) {
  .p-columnDetailMv__bg {
    -webkit-clip-path: ellipse(80% 100% at center 100%);
            clip-path: ellipse(80% 100% at center 100%);
    padding: 8.4375rem 0 2.5rem;
  }
}

.p-columnDetailMv__inner.l-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  min-height: 15rem;
}
@media screen and (min-width: 768px) {
  .p-columnDetailMv__inner.l-inner {
    min-height: 10.625rem;
    max-width: 57.5rem;
  }
}

.p-columnDetailMv__title {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 700;
  font-size: 2.125rem;
  line-height: 1.3;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 768px) {
  .p-columnDetailMv__title {
    font-size: 2.625rem;
  }
}

.p-columnDetailMv__pnkz {
  margin-top: 4.0625rem;
}
@media screen and (min-width: 768px) {
  .p-columnDetailMv__pnkz {
    margin-top: 4.375rem;
  }
}

.p-columnDetailOutput {
  padding: 1.5625rem 0 0;
}
@media screen and (min-width: 768px) {
  .p-columnDetailOutput {
    max-width: 52.5rem;
    padding: 3.125rem 0 0;
    margin: 0 auto;
  }
}

.p-columnDetailOutput__eyecatch {
  display: block;
  width: 100%;
  height: auto;
}
.p-columnDetailOutput__eyecatch img {
  display: block;
  width: 100%;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
  border-radius: 0.9375rem;
}
@media screen and (min-width: 768px) {
  .p-columnDetailOutput__eyecatch img {
    border-radius: 1.25rem;
  }
}

.p-columnDetailOutput h2 {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 700;
  font-size: 1.375rem;
  line-height: 1.3;
  letter-spacing: 0.05em;
  padding-left: 2.5rem;
  background-image: url(../images/columnDetail/illust-columndetail-h2@2x.webp);
  background-position: left top;
  background-size: 1.8125rem 1.8125rem;
  background-repeat: no-repeat;
  margin-top: 4.375rem;
}
@media screen and (min-width: 768px) {
  .p-columnDetailOutput h2 {
    font-size: 1.875rem;
    background-size: 2.4375rem 2.4375rem;
    padding-left: 3.125rem;
    margin-top: 5.9375rem;
  }
}

.p-columnDetailOutput h3 {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 700;
  font-size: 1.25rem;
  line-height: 1.3;
  letter-spacing: 0.05em;
  padding-bottom: 0.75rem;
  border-bottom: 1px solid;
  -o-border-image: linear-gradient(to right, #19ba6a 0% 12%, #d0d5dd 12% 100%) 1;
     border-image: -webkit-gradient(linear, left top, right top, from(#19ba6a), color-stop(12%, #d0d5dd)) 1;
     border-image: linear-gradient(to right, #19ba6a 0% 12%, #d0d5dd 12% 100%) 1;
  margin-top: 2.8125rem;
}
@media screen and (min-width: 768px) {
  .p-columnDetailOutput h3 {
    font-size: 1.5rem;
    border-bottom: 2px solid;
    -o-border-image: linear-gradient(to right, #19ba6a 0% 12%, #d0d5dd 12% 100%) 1;
       border-image: -webkit-gradient(linear, left top, right top, from(#19ba6a), color-stop(12%, #d0d5dd)) 1;
       border-image: linear-gradient(to right, #19ba6a 0% 12%, #d0d5dd 12% 100%) 1;
    padding-bottom: 1.125rem;
    margin-top: 3.75rem;
  }
}

.p-columnDetailOutput h4 {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 700;
  font-size: 1.125rem;
  line-height: 1.3;
  letter-spacing: 0.05em;
  border-left: 2px solid #19ba6a;
  padding-left: 0.625rem;
  margin-top: 2.1875rem;
}
@media screen and (min-width: 768px) {
  .p-columnDetailOutput h4 {
    font-size: 1.25rem;
    margin-top: 3.125rem;
  }
}

.p-columnDetailOutput p {
  font-family: "BIZ UDPGothic", sans-serif;
  font-weight: 400;
  font-size: 0.9375rem;
  line-height: 1.6;
  letter-spacing: 0.03em;
  margin-top: 1.5625rem;
}
@media screen and (min-width: 768px) {
  .p-columnDetailOutput p {
    line-height: 1.8;
    margin-top: 1.875rem;
  }
}

.p-columnDetailOutput strong {
  font-weight: 700;
}
.p-columnDetailOutput a {
  color: #19ba6a;
  text-decoration: underline;
}
.p-columnDetailOutput .wp-block-table {
  margin-top: 1.375rem;
}
@media screen and (min-width: 768px) {
  .p-columnDetailOutput .wp-block-table {
    margin-top: 1.9375rem;
  }
}

.p-columnDetailOutput .wp-block-table,
.p-columnDetailOutput table.has-fixed-layout {
  font-family: "BIZ UDPGothic", sans-serif;
  font-weight: 400;
  font-size: 0.9375rem;
  line-height: 1.6;
  letter-spacing: 0.03em;
  border-collapse: collapse;
  border: none;
}
@media screen and (min-width: 768px) {
  .p-columnDetailOutput .wp-block-table,
  .p-columnDetailOutput table.has-fixed-layout {
    line-height: 1.8;
  }
}

.p-columnDetailOutput .wp-block-table th,
.p-columnDetailOutput .wp-block-table td,
.p-columnDetailOutput table.has-fixed-layout th,
.p-columnDetailOutput table.has-fixed-layout td {
  border-collapse: collapse;
  border: 1px solid #d0d5dd;
}
@media screen and (min-width: 768px) {
  .p-columnDetailOutput .wp-block-table th,
  .p-columnDetailOutput .wp-block-table td,
  .p-columnDetailOutput table.has-fixed-layout th,
  .p-columnDetailOutput table.has-fixed-layout td {
    padding: 0.65em 1.3em;
  }
}

.p-columnDetailOutput .wp-block-flexible-table-block-table {
  margin-top: 1.375rem;
}
@media screen and (min-width: 768px) {
  .p-columnDetailOutput .wp-block-flexible-table-block-table {
    margin-top: 1.9375rem;
  }
}

.p-columnDetailOutput .wp-block-flexible-table-block-table,
.p-columnDetailOutput .wp-block-flexible-table-block-table table {
  font-family: "BIZ UDPGothic", sans-serif;
  font-weight: 400;
  font-size: 0.9375rem;
  line-height: 1.6;
  letter-spacing: 0.03em;
}
.p-columnDetailOutput ul {
  font-family: "BIZ UDPGothic", sans-serif;
  font-size: 0.9375rem;
  font-weight: 400;
  line-height: 1.8;
  letter-spacing: 0.03em;
  margin-top: 1.5rem;
}
@media screen and (min-width: 768px) {
  .p-columnDetailOutput ul {
    line-height: 1.8;
    margin-top: 2rem;
  }
}

.p-columnDetailOutput ol {
  font-family: "BIZ UDPGothic", sans-serif;
  font-size: 0.9375rem;
  font-weight: 400;
  line-height: 1.8;
  letter-spacing: 0.03em;
  margin-top: 1.5rem;
}
@media screen and (min-width: 768px) {
  .p-columnDetailOutput ol {
    line-height: 1.8;
    margin-top: 2rem;
  }
}

.p-columnDetailOutput ul li {
  padding-left: 1.25rem;
  position: relative;
}
.p-columnDetailOutput ol li {
  padding-left: 1.5625rem;
  position: relative;
}
.p-columnDetailOutput ul li + li {
  margin-top: 0.375rem;
}
@media screen and (min-width: 768px) {
  .p-columnDetailOutput ul li + li {
    margin-top: 0.5rem;
  }
}

.p-columnDetailOutput ol li + li {
  margin-top: 0.5rem;
}
.p-columnDetailOutput ul li:before {
  position: absolute;
  top: 0.75em;
  bottom: auto;
  left: 0.3em;
  right: auto;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
  display: block;
  content: "";
  width: 0.3125rem;
  height: 0.3125rem;
  border-radius: 50%;
  background-color: #19ba6a;
}
.p-columnDetailOutput ol li:before {
  position: absolute;
  top: 0.25em;
  bottom: auto;
  left: 0.1em;
  right: auto;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
  font-family: "Lato", sans-serif;
  font-weight: 700;
  font-size: 1.0625rem;
  line-height: 1;
  letter-spacing: 0;
  color: #19ba6a;
  display: block;
  content: counter(list-item) ".";
}

.p-columnDetailOutput .wp-block-quote,
.p-columnDetailOutput .wp-block-quote p {
  font-family: "BIZ UDPGothic", sans-serif;
  font-weight: 400;
  font-size: 0.9375rem;
  line-height: 1.8;
  letter-spacing: 0.03em;
}
.p-columnDetailOutput .wp-block-quote p {
  background-color: #f4f8fc;
  border-radius: 0.5rem;
  padding: 1.5rem 2rem 1.5rem 5.1875rem;
  margin-top: 1.5625rem;
  position: relative;
}
@media screen and (min-width: 768px) {
  .p-columnDetailOutput .wp-block-quote p {
    border-radius: 0.625rem;
    padding: 2.5rem 7rem 2.5rem 6.4375rem;
    margin-top: 1.875rem;
  }
}

.p-columnDetailOutput .wp-block-quote p:before {
  position: absolute;
  top: 0.2em;
  bottom: auto;
  left: 0.1em;
  right: auto;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
  display: block;
  content: "“";
  font-family: "BIZ UDPGothic", sans-serif;
  font-weight: 400;
  font-size: 6.875rem;
  line-height: 1;
  letter-spacing: 0.08em;
  color: rgba(0, 35, 58, .1);
}
@media screen and (min-width: 768px) {
  .p-columnDetailOutput .wp-block-quote p:before {
    top: 0.1em;
    left: 0.2em;
  }
}

.p-columnDetailOutput .wp-block-quote p:after {
  position: absolute;
  top: auto;
  bottom: 0.2em;
  left: auto;
  right: 0.1em;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
  display: none;
  content: "“";
  font-family: "BIZ UDPGothic", sans-serif;
  font-weight: 400;
  font-size: 6.875rem;
  line-height: 1;
  letter-spacing: 0.08em;
  color: rgba(0, 35, 58, .1);
}
@media screen and (min-width: 768px) {
  .p-columnDetailOutput .wp-block-quote p:after {
    bottom: 0.1em;
    right: 0.3em;
    -webkit-transform: translate(0, 0) rotateZ(180deg);
            transform: translate(0, 0) rotateZ(180deg);
    display: block;
  }
}

.p-contact__inner.l-inner {
  display: contents;
}
@media screen and (min-width: 768px) {
  .p-contact__inner.l-inner {
    display: block;
  }
}

.p-contact__arrange {
  padding-top: 8.625rem;
}
@media screen and (min-width: 768px) {
  .p-contact__arrange {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-column-gap: 4.0677966102%;
       -moz-column-gap: 4.0677966102%;
            column-gap: 4.0677966102%;
    padding-top: 12.0625rem;
    padding-bottom: 7.5rem;
  }
}

.p-contactForm {
  padding: 3.75rem 0 4.375rem;
  background-color: #f4f8fc;
}
@media screen and (min-width: 768px) {
  .p-contactForm {
    width: auto;
    -ms-flex-preferred-size: 53.5593220339%;
        flex-basis: 53.5593220339%;
    border-radius: 1.25rem;
    padding: 5rem 5rem 3.75rem;
  }
}

@media screen and (min-width: 768px) {
  .p-contactForm__inner.l-inner {
    display: contents;
  }
}

.p-contactForm label {
  display: block;
  width: 100%;
}
.p-contactForm .form_labelBox,
.p-contactForm .form_labelBox > p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 0.75rem;
     -moz-column-gap: 0.75rem;
          column-gap: 0.75rem;
}
.p-contactForm .contact_form + .contact_form {
  margin-top: 1.5rem;
}
@media screen and (min-width: 768px) {
  .p-contactForm .contact_form + .contact_form {
    margin-top: 1.4375rem;
  }
}

.p-contactForm .contact_form > p,
.p-contactForm .contact_form > p span {
  display: block;
}
.p-contactForm .form_item {
  display: block;
  font-weight: 700;
  font-size: 0.9375rem;
  line-height: 1.6;
  letter-spacing: 0.05em;
}
.p-contactForm .require {
  display: block;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 500;
  font-size: 0.75rem;
  line-height: 1;
  letter-spacing: 0.05em;
  color: #fff;
  background-color: #eb2f00;
  padding: 0.1875rem 0.40625rem;
  border-radius: 0.125rem;
}
.p-contactForm input {
  display: block;
  width: 100%;
  font-family: "BIZ UDPGothic", sans-serif;
  font-weight: 400;
  font-size: 0.9375rem;
  line-height: 1.7;
  letter-spacing: 0.03em;
  border: none;
  border-radius: 0.25rem;
  padding: 0.9375rem 0.9375rem;
  margin-top: 0.3125rem;
}
.p-contactForm input::-webkit-input-placeholder {
  color: #b8b8b8;
}
.p-contactForm input::-moz-placeholder {
  color: #b8b8b8;
}
.p-contactForm input::-ms-input-placeholder {
  color: #b8b8b8;
}
.p-contactForm input::placeholder {
  color: #b8b8b8;
}
.p-contactForm input:focus,
.p-contactForm input:focus-visible {
  outline: 1px solid #19ba6a;
}

.p-contactForm .contact_form--radio > p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-column-gap: 1.375rem;
     -moz-column-gap: 1.375rem;
          column-gap: 1.375rem;
  margin-top: 0.5rem;
}
.p-contactForm .contact_form--radio .wpcf7-radio {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-column-gap: 1.3125rem;
     -moz-column-gap: 1.3125rem;
          column-gap: 1.3125rem;
  row-gap: 0.3125rem;
  margin: 0 0;
}
.p-contactForm .contact_form--radio > p span {
  margin: 0;
}
.p-contactForm input[type=radio] {
  display: none;
}
.p-contactForm input[type=radio] + span {
  display: block;
  padding-left: 1.5625rem;
  position: relative;
}
.p-contactForm input[type=radio] + span:before {
  position: absolute;
  top: 50%;
  bottom: auto;
  left: 0;
  right: auto;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  display: block;
  content: "";
  width: 1.125rem;
  height: 1.125rem;
  border-radius: 50%;
  border: 2px solid #b8b8b8;
  -webkit-transition: border 0.3s ease;
  transition: border 0.3s ease;
}
.p-contactForm input[type=radio]:checked + span:before {
  border: 2px solid #19ba6a;
}
.p-contactForm input[type=radio]:checked + span:after {
  position: absolute;
  top: 50%;
  bottom: auto;
  left: 0.25rem;
  right: auto;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  display: block;
  content: "";
  width: 0.64375rem;
  height: 0.64375rem;
  border-radius: 50%;
  background-color: #19ba6a;
}
.p-contactForm .contact_form--radio input + span {
  display: block;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  font-family: "BIZ UDPGothic", sans-serif;
  font-weight: 400;
  font-size: 0.9375rem;
  line-height: 1.6;
  letter-spacing: 0.05em;
}
.p-contactForm .contact_form--radio label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.p-contactForm textarea {
  display: block;
  width: 100%;
  aspect-ratio: 2.1875;
  font-family: "BIZ UDPGothic", sans-serif;
  font-weight: 400;
  font-size: 0.9375rem;
  line-height: 1.6;
  letter-spacing: 0.03em;
  padding: 1.25rem 0.9375rem;
  border: none;
  margin-top: 0.3125rem;
}
@media screen and (min-width: 768px) {
  .p-contactForm textarea {
    aspect-ratio: 2.95;
  }
}

.p-contactForm textarea::-webkit-input-placeholder {
  color: #b8b8b8;
}

.p-contactForm textarea::-moz-placeholder {
  color: #b8b8b8;
}

.p-contactForm textarea::-ms-input-placeholder {
  color: #b8b8b8;
}

.p-contactForm textarea::placeholder {
  color: #b8b8b8;
}
.p-contactForm textarea:focus,
.p-contactForm textarea:focus-visible {
  outline: 1px solid #19ba6a;
}

.p-contactForm input[type=checkbox],
.p-contactForm .wpcf7-form-control-wrap {
  display: none;
}
.p-contactForm .contact_privacy {
  font-family: "BIZ UDPGothic", sans-serif;
  font-weight: 400;
  font-size: 0.9375rem;
  line-height: 1.6;
  letter-spacing: 0.05em;
  margin-top: 1.375rem;
}
@media screen and (min-width: 768px) {
  .p-contactForm .contact_privacy {
    margin-top: 1.5625rem;
  }
}

.p-contactForm .contact_privacyTxtBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-column-gap: 0.625rem;
     -moz-column-gap: 0.625rem;
          column-gap: 0.625rem;
}
.p-contactForm .contact_privacy span:has(input[type=checkbox]) + .contact_privacyTxtBox {
  padding-left: 1.875rem;
  position: relative;
}
.p-contactForm .contact_privacy span:has(input[type=checkbox]) + .contact_privacyTxtBox:before {
  position: absolute;
  top: 0.4em;
  bottom: auto;
  left: 0;
  right: auto;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
  display: block;
  content: "";
  width: 0.9375rem;
  height: 0.9375rem;
  border: 1.5px solid #b8b8b8;
  border-radius: 0.125rem;
  -webkit-transition: border 0.3s;
  transition: border 0.3s;
}
.p-contactForm .contact_privacy span:has(input[type=checkbox]:checked) + .contact_privacyTxtBox:before {
  border: 1.5px solid #19ba6a;
}
.p-contactForm .contact_privacy span:has(input[type=checkbox]:checked) + .contact_privacyTxtBox:after {
  position: absolute;
  top: 0.4em;
  bottom: auto;
  left: 0.2em;
  right: auto;
  -webkit-transform: translate(0, 0) rotate(-45deg);
          transform: translate(0, 0) rotate(-45deg);
  display: block;
  content: "";
  width: 1.0625rem;
  height: 0.4375rem;
  border-left: 1.5px solid #19ba6a;
  border-bottom: 1.5px solid #19ba6a;
}
.p-contactForm .contact_privacy a {
  color: #19ba6a;
  text-decoration: underline;
}
.p-contactForm .contact_privacy > p .require {
  margin-top: 0.125rem;
}
.contact_submit {
  margin-top: 2.5rem;
}
.contact_submit > p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.contact_submit input[type=submit] {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 700;
  font-size: 1rem;
  line-height: 1;
  letter-spacing: 0.05em;
  color: #fff;
  background-color: #19ba6a;
  border-radius: 50vw;
  width: 16.5625rem;
  height: 4.14375rem;
  -webkit-transition: background-color 0.3s ease, color 0.3s ease, border 0.3s ease;
  transition: background-color 0.3s ease, color 0.3s ease, border 0.3s ease;
  cursor: pointer;
}
.contact_submit input[type=submit]:hover {
  border: 2px solid #19ba6a;
  color: #19ba6a;
  background-color: #fff;
}

.p-contactIntro {
  padding-bottom: 5.625rem;
  position: relative;
}
@media screen and (min-width: 768px) {
  .p-contactIntro {
    padding-bottom: 8.125rem;
    width: auto;
    -ms-flex-preferred-size: 42.3728813559%;
        flex-basis: 42.3728813559%;
  }
}

.p-contactIntro::before {
  position: absolute;
  top: auto;
  bottom: -2.8125rem;
  left: auto;
  right: 0;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
  display: block;
  content: "";
  width: 10.6875rem;
  height: 7.125rem;
  background-image: url(../images/contact/illust-contactForm@2x.webp);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
@media screen and (min-width: 768px) {
  .p-contactIntro::before {
    bottom: 0;
    width: 31.25rem;
    height: 20.833125rem;
  }
}

@media screen and (min-width: 768px) {
  .p-contactIntro__inner.l-inner {
    display: contents;
  }
}

.p-contactIntro__title.c-sectionTitle {
  height: auto;
  font-size: 2.125rem;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: 0.05em;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .p-contactIntro__title.c-sectionTitle {
    font-size: 2.625rem;
  }
}

.p-contactIntro__leadBox {
  margin-top: 1.75rem;
}
@media screen and (min-width: 768px) {
  .p-contactIntro__leadBox {
    margin-top: 1.875rem;
  }
}

.p-contactIntro__lead {
  font-family: "BIZ UDPGothic", sans-serif;
  font-weight: 400;
  font-size: 0.9375rem;
  line-height: 1.6;
  letter-spacing: 0.03em;
  text-align: center;
}
.p-contactIntro__lead + .p-contactIntro__lead {
  margin-top: 1.5625rem;
}
.p-contactIntro__Qlists {
  margin-top: 2.8125rem;
}
@media screen and (min-width: 768px) {
  .p-contactIntro__Qlists {
    margin-top: 6.875rem;
  }
}

.p-contactIntro__Qitem {
  background-color: #f4f8fc;
  border-radius: 0.5rem;
  padding: 0.9375rem 0.625rem;
  position: relative;
}
@media screen and (min-width: 768px) {
  .p-contactIntro__Qitem {
    padding: 1.25rem 1.875rem;
  }
}

.p-contactIntro__Qitem::before {
  position: absolute;
  top: 50%;
  bottom: auto;
  left: 0;
  right: auto;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  display: block;
  content: "";
  width: 1.9375rem;
  height: 1.9375rem;
  background-image: url(../images/contact/icon-question-gray@2x.webp);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
@media screen and (min-width: 768px) {
  .p-contactIntro__Qitem::before {
    width: 2.125rem;
    height: 2.125rem;
  }
}

.p-contactIntro__Qitem + .p-contactIntro__Qitem {
  margin-top: 0.625rem;
}
@media screen and (min-width: 768px) {
  .p-contactIntro__Qitem + .p-contactIntro__Qitem {
    margin-top: 0.875rem;
  }
}

.p-contactIntro__Qtxt {
  font-family: "BIZ UDPGothic", sans-serif;
  font-weight: 700;
  font-size: 0.9375rem;
  line-height: 1.6;
  letter-spacing: 0.05em;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .p-contactIntro__Qtxt {
    text-align: left;
  }
}

.p-footer {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#00233a), to(#00101a));
  background-image: linear-gradient(to bottom, #00233a 0%, #00101a 100%);
  padding: 5.625rem 0 10.9375rem;
  position: relative;
}
@media screen and (min-width: 768px) {
  .p-footer {
    padding: 7.5rem 0 3.4375rem;
  }
}

.p-footer::before {
  position: absolute;
  top: -4.375rem;
  bottom: auto;
  left: calc(50% + 2.6875rem);
  right: auto;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
  display: block;
  content: "";
  width: 7.609375rem;
  height: 7.5rem;
  background-image: url(../images/common/illust-footer-01@2x.webp);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
@media screen and (min-width: 768px) {
  .p-footer::before {
    top: -3.75rem;
    left: calc(50% + 0.625rem);
    width: 23.3125rem;
    height: 23.3125rem;
  }
}

.p-footer__followingCta {
  position: fixed;
  top: auto;
  left: 0;
  bottom: 0;
  right: auto;
  z-index: 11;
}
@media screen and (min-width: 768px) {
  .p-footer__followingCta {
    bottom: 1.875rem;
    left: auto;
    right: 0;
  }
}

.p-footer__owner {
  margin-top: 3.9375rem;
}
@media screen and (min-width: 768px) {
  .p-footer__owner {
    margin-top: 12.5rem;
  }
}

.p-footerOwner__logo {
  width: 13.828125rem;
  height: auto;
  aspect-ratio: 3.1382978723;
  margin: 0.625rem auto 0;
}
@media screen and (min-width: 768px) {
  .p-footerOwner__logo {
    width: 18.4375rem;
    aspect-ratio: 3.1382978723;
    margin: 0.9375rem 0 0;
  }
}

.p-footerOwner__logo img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}
.p-footerOwner__copyright,
.p-footerOwner__copyright span,
.p-footerOwner__copyright a {
  font-family: "Lato", sans-serif;
  font-weight: 500;
  font-size: 0.5625rem;
  line-height: 1.1666666667;
  letter-spacing: 0;
  text-align: center;
  color: #fff;
  margin-top: 2rem;
}
@media screen and (min-width: 768px) {
  .p-footerOwner__copyright,
  .p-footerOwner__copyright span,
  .p-footerOwner__copyright a {
    font-size: 0.75rem;
    line-height: 1.1666666667;
  }
}

@media screen and (min-width: 768px) {
  .p-footerOwner__copyright {
    margin-left: 15.125rem;
    margin-bottom: 0.3125rem;
  }
}

.p-footerOwner__copyright a {
  text-decoration: underline;
}
.p-footerContact {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (min-width: 768px) {
  .p-footerContact {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    position: relative;
  }
}

@media screen and (min-width: 768px) {
  .p-footerContact:before {
    position: absolute;
    top: auto;
    bottom: -8.4375rem;
    left: 0;
    right: auto;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    display: block;
    content: "echoing\athrough society\astep by step";
    white-space: pre;
    font-size: 5rem;
    font-family: "Lato", sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    text-align: left;
    line-height: 1.1;
    letter-spacing: 0;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    height: auto;
    color: rgba(255, 255, 255, .1);
    z-index: 0;
    left: 0;
    transform: translate(0, 0);
  }
}

.p-footerContact__title.c-sectionTitle {
  font-size: 1.75rem;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: 0.08em;
  text-align: center;
  color: #f4f8fc;
}
@media screen and (min-width: 768px) {
  .p-footerContact__title.c-sectionTitle {
    font-size: 2.6875rem;
    text-align: left;
    margin-left: 0;
  }
}

.p-footerContact__title:before {
  position: absolute;
  top: -1.25rem;
  bottom: auto;
  left: 50%;
  right: auto;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  display: block;
  content: "contact";
  white-space: pre;
  font-family: "Lato", sans-serif;
  font-weight: 700;
  font-size: 4.0625rem;
  text-transform: uppercase;
  text-align: center;
  line-height: 1.1;
  letter-spacing: 0;
  width: 24.375rem;
  height: auto;
  aspect-ratio: 2.7083333333;
  color: rgba(255, 255, 255, .1);
  z-index: 0;
}
@media screen and (min-width: 768px) {
  .p-footerContact__title:before {
    font-size: 6.25rem;
    left: 0;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    aspect-ratio: auto;
  }
}

.p-footerContact__leadBox {
  margin-top: 2rem;
}
@media screen and (min-width: 768px) {
  .p-footerContact__leadBox {
    margin-top: 1.5625rem;
  }
}

.p-footerConatact__lead {
  font-family: "BIZ UDPGothic", sans-serif;
  font-size: 0.9375rem;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0.03em;
  color: #f4f8fc;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .p-footerConatact__lead {
    line-height: 1.6;
    text-align: left;
  }
}

.p-footerConatact__lead + .p-footerConatact__lead {
  margin-top: 1.5625rem;
}
.p-footerContact__contentsBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
  margin-top: 1.875rem;
}
@media screen and (min-width: 768px) {
  .p-footerContact__contentsBox {
    -ms-flex-item-align: stretch;
        align-self: stretch;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    position: relative;
    z-index: 1;
    margin-top: 3.75rem;
  }
}

.p-footerContact__QandAlists {
  padding-left: 1rem;
}
@media screen and (min-width: 768px) {
  .p-footerContact__QandAlists {
    width: 100%;
    -ms-flex-preferred-size: 48.1355932203%;
        flex-basis: 48.1355932203%;
    padding-left: 0;
    margin: 0;
  }
}

.p-footerContact__QandAitem {
  background-color: #1a3242;
  color: #f2f4f3;
  border-radius: 0.5rem;
  padding: 1rem 1.875rem;
  position: relative;
  font-family: "BIZ UDPGothic", sans-serif;
  font-size: 0.9375rem;
  font-weight: 700;
  line-height: 1.6;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 768px) {
  .p-footerContact__QandAitem {
    font-size: 1.1875rem;
    padding: 1.6875rem 1.875rem 1.6875rem 2.5rem;
  }
}

.p-footerContact__QandAitem:before {
  position: absolute;
  top: 50%;
  bottom: auto;
  left: 0;
  right: auto;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  display: block;
  content: "";
  width: 1.9375rem;
  height: 1.9375rem;
  background-image: url(../images/common/illust-question@2x.webp);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
@media screen and (min-width: 768px) {
  .p-footerContact__QandAitem:before {
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: 2.625rem;
    height: 2.625rem;
  }
}

.p-footerContact__QandAitem + .p-footerContact__QandAitem {
  margin-top: 0.5rem;
}
@media screen and (min-width: 768px) {
  .p-footerContact__QandAitem + .p-footerContact__QandAitem {
    margin-top: 0.625rem;
  }
}

.p-footerContact__QandAitem p {
  text-align: center;
}
@media screen and (min-width: 768px) {
  .p-footerContact__QandAitem p {
    text-align: left;
  }
}

.p-footerContact__btnBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 0.625rem;
  margin-top: 2.8125rem;
}
@media screen and (min-width: 768px) {
  .p-footerContact__btnBox {
    width: auto;
    -ms-flex-preferred-size: 45.593220339%;
        flex-basis: 45.593220339%;
    row-gap: 0.9375rem;
    margin-top: 0;
  }
}

.p-footerContact__tel,
.p-footerContact__tel a {
  display: block;
  width: 21.875rem;
  height: 9.6875rem;
  background-color: #04ade2;
  border-radius: 0.9375rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  color: #f4f8fc;
}
@media screen and (min-width: 768px) {
  .p-footerContact__tel,
  .p-footerContact__tel a {
    width: 100%;
    width: 33.625rem;
    height: 14rem;
    border-radius: 1.25rem;
  }
}

.p-footerContact__catch {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 700;
  font-size: 1.125rem;
  line-height: 1.3;
  letter-spacing: 0.03em;
}
@media screen and (min-width: 768px) {
  .p-footerContact__catch {
    font-size: 1.5rem;
  }
}

.p-footerContact__telNumber {
  font-family: "Lato", sans-serif;
  font-weight: 700;
  font-size: 2.34375rem;
  line-height: 1;
  letter-spacing: 0;
  padding-left: 0.9375rem;
  margin-top: 0.75rem;
  position: relative;
}
@media screen and (min-width: 768px) {
  .p-footerContact__telNumber {
    font-size: 3.125rem;
    padding-left: 1.5625rem;
    margin-top: 1.0625rem;
  }
}

.p-footerContact__telNumber::before {
  position: absolute;
  top: 50%;
  bottom: auto;
  left: 0;
  right: auto;
  -webkit-transform: translate(-60%, -50%);
          transform: translate(-60%, -50%);
  display: block;
  content: "";
  width: 4.21875rem;
  height: 2.8125rem;
  background-image: url(../images/common/illust-telbtn_2@2x.webp);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
@media screen and (min-width: 768px) {
  .p-footerContact__telNumber::before {
    -webkit-transform: translate(-60%, -50%);
            transform: translate(-60%, -50%);
    width: 5.625rem;
    height: 3.75rem;
  }
}

.p-footerContact__businessHour {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 500;
  font-size: 0.5625rem;
  line-height: 1.3;
  letter-spacing: 0.05em;
  text-align: center;
  margin-top: 0.625rem;
}
@media screen and (min-width: 768px) {
  .p-footerContact__businessHour {
    font-size: 0.75rem;
    margin: 0.8125rem 0 0.3125rem;
  }
}

.p-footerContact__mail a {
  background-color: #19ba6a;
  display: block;
  width: 21.875rem;
  height: 9.6875rem;
  border-radius: 0.9375rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  color: #f4f8fc;
  border: 3px solid #19ba6a;
  -webkit-transition: color 0.3s ease, background-color 0.3s ease;
  transition: color 0.3s ease, background-color 0.3s ease;
}
@media screen and (min-width: 768px) {
  .p-footerContact__mail a {
    width: 100%;
    width: 100%;
    width: 33.625rem;
    height: 14rem;
    border-radius: 1.25rem;
  }
}

.p-footerContact__mail a:hover {
  background-color: #fff;
  color: #19ba6a;
}

.p-footerContact__mailTxt {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 700;
  font-size: 1.640625rem;
  line-height: 1.3;
  letter-spacing: 0.03em;
  padding-left: 2.1875rem;
  position: relative;
}
@media screen and (min-width: 768px) {
  .p-footerContact__mailTxt {
    font-size: 2.1875rem;
    padding-left: 3.125rem;
  }
}

.p-footerContact__mailTxt:before {
  position: absolute;
  top: 50%;
  bottom: auto;
  left: 0;
  right: auto;
  -webkit-transform: translate(-65%, -50%);
          transform: translate(-65%, -50%);
  display: block;
  content: "";
  width: 4.21875rem;
  height: 2.8125rem;
  background-image: url(../images/common/illust-contactbtn_2@2x.webp);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
@media screen and (min-width: 768px) {
  .p-footerContact__mailTxt:before {
    width: 5.625rem;
    height: 3.75rem;
  }
}

@media screen and (min-width: 768px) {
  .p-footerOwner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
}

.p-footerOwner__txt {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 500;
  font-size: 0.65625rem;
  line-height: 1.3;
  letter-spacing: 0.05em;
  color: #fff;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .p-footerOwner__txt {
    font-size: 0.875rem;
    text-align: left;
  }
}

.p-frontAbout {
  background-color: #eff4fa;
  padding: 11.875rem 0 5.625rem;
  overflow: hidden;
  margin-top: -6.875rem;
}
@media screen and (min-width: 768px) {
  .p-frontAbout {
    padding: 20rem 0 7.5rem;
    margin-top: -12.5rem;
  }
}

@media screen and (min-width: 768px) {
  .p-frontAbout__inner {
    position: relative;
  }
}

@media screen and (min-width: 768px) {
  .p-frontAbout__inner:before {
    position: absolute;
    top: 1.6875rem;
    bottom: auto;
    right: auto;
    left: calc(50% + 22.1875rem);
    display: block;
    content: "";
    width: 13.725rem;
    height: 10.375rem;
    background-image: url(../images/front/illust-car-01@2x.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 1;
    -webkit-animation: frontAboutCar01_pc 40s linear infinite;
            animation: frontAboutCar01_pc 40s linear infinite;
  }
}

@-webkit-keyframes frontAboutCar01_pc {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 1;
  }
  50% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 1;
  }
  74% {
    -webkit-transform: translate(-153.8461538462vw, 84.6153846154vw);
            transform: translate(-153.8461538462vw, 84.6153846154vw);
    opacity: 1;
  }
  75% {
    -webkit-transform: translate(-153.8461538462vw, 84.6153846154vw);
            transform: translate(-153.8461538462vw, 84.6153846154vw);
    opacity: 0;
  }
  76% {
    -webkit-transform: translate(153.8461538462vw, -84.6153846154vw);
            transform: translate(153.8461538462vw, -84.6153846154vw);
    opacity: 0;
  }
  77% {
    -webkit-transform: translate(153.8461538462vw, -84.6153846154vw);
            transform: translate(153.8461538462vw, -84.6153846154vw);
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 1;
  }
}

@keyframes frontAboutCar01_pc {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 1;
  }
  50% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 1;
  }
  74% {
    -webkit-transform: translate(-153.8461538462vw, 84.6153846154vw);
            transform: translate(-153.8461538462vw, 84.6153846154vw);
    opacity: 1;
  }
  75% {
    -webkit-transform: translate(-153.8461538462vw, 84.6153846154vw);
            transform: translate(-153.8461538462vw, 84.6153846154vw);
    opacity: 0;
  }
  76% {
    -webkit-transform: translate(153.8461538462vw, -84.6153846154vw);
            transform: translate(153.8461538462vw, -84.6153846154vw);
    opacity: 0;
  }
  77% {
    -webkit-transform: translate(153.8461538462vw, -84.6153846154vw);
            transform: translate(153.8461538462vw, -84.6153846154vw);
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 1;
  }
}
.p-frontAbout__title.c-sectionTitle {
  font-size: 1.75rem;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: 0.08em;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .p-frontAbout__title.c-sectionTitle {
    font-size: 2.6875rem;
    text-align: left;
    margin-left: 0;
  }
}

.p-frontAbout__title:before {
  top: -2.1875rem;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  content: "about no-\a alco";
  font-size: 4.0625rem;
  text-align: center;
  line-height: 1.1;
  letter-spacing: 0;
  width: 24.375rem;
  aspect-ratio: 2.7083333333;
  color: rgba(0, 35, 58, .05);
}
@media screen and (min-width: 768px) {
  .p-frontAbout__title:before {
    top: 0.3125rem;
    left: 0rem;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    font-size: 6.25rem;
    content: "about no-alco";
    aspect-ratio: 7.5545454545;
  }
}

.p-frontAbout__lead {
  font-family: "BIZ UDPGothic", sans-serif;
  font-weight: 400;
  font-size: 0.9375rem;
  line-height: 1.6;
  letter-spacing: 0.03em;
  color: #111;
  margin-top: 2.1875rem;
}
@media screen and (min-width: 768px) {
  .p-frontAbout__lead {
    width: 35.375rem;
    font-size: 0.9375rem;
    position: relative;
    z-index: 3;
    margin-top: 1.5rem;
  }
}

.p-frontCampaign {
  padding: 5.625rem 0 0rem;
}
@media screen and (min-width: 768px) {
  .p-frontCampaign {
    padding: 7.5rem 0 2.5rem;
  }
}

.p-frontCase {
  padding: 4.25rem 0 4.375rem;
  overflow: hidden;
  position: relative;
}
@media screen and (min-width: 768px) {
  .p-frontCase {
    padding: 5rem 0 5.9375rem;
  }
}

.p-frontCase::after {
  position: absolute;
  top: 3.125rem;
  bottom: auto;
  left: calc(50% + 5.9375rem);
  right: auto;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
  display: block;
  content: "";
  width: 5rem;
  height: 3.60125rem;
  background-image: url(../images/front/illust-car-01@2x.webp);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  -webkit-animation: frontCaseCar01_sp 40s linear infinite;
          animation: frontCaseCar01_sp 40s linear infinite;
}
@media screen and (min-width: 768px) {
  .p-frontCase::after {
    top: 0.8125rem;
    right: auto;
    left: calc(50% - 38.125rem);
    background-image: url(../images/front/illust-car-01@2x.webp);
    -webkit-transform: translate(0, 0) rotateY(180deg);
            transform: translate(0, 0) rotateY(180deg);
    width: 13.728125rem;
    height: 10.61875rem;
    -webkit-animation: frontCaseCar01_pc 40s linear infinite;
            animation: frontCaseCar01_pc 40s linear infinite;
  }
}

@-webkit-keyframes frontCaseCar01_sp {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 1;
  }
  50% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 1;
  }
  74% {
    -webkit-transform: translate(-153.8461538462vw, 84.6153846154vw);
            transform: translate(-153.8461538462vw, 84.6153846154vw);
    opacity: 1;
  }
  75% {
    -webkit-transform: translate(-153.8461538462vw, 84.6153846154vw);
            transform: translate(-153.8461538462vw, 84.6153846154vw);
    opacity: 0;
  }
  76% {
    -webkit-transform: translate(153.8461538462vw, -84.6153846154vw);
            transform: translate(153.8461538462vw, -84.6153846154vw);
    opacity: 0;
  }
  77% {
    -webkit-transform: translate(153.8461538462vw, -84.6153846154vw);
            transform: translate(153.8461538462vw, -84.6153846154vw);
    opacity: 0;
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 1;
  }
}

@keyframes frontCaseCar01_sp {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 1;
  }
  50% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 1;
  }
  74% {
    -webkit-transform: translate(-153.8461538462vw, 84.6153846154vw);
            transform: translate(-153.8461538462vw, 84.6153846154vw);
    opacity: 1;
  }
  75% {
    -webkit-transform: translate(-153.8461538462vw, 84.6153846154vw);
            transform: translate(-153.8461538462vw, 84.6153846154vw);
    opacity: 0;
  }
  76% {
    -webkit-transform: translate(153.8461538462vw, -84.6153846154vw);
            transform: translate(153.8461538462vw, -84.6153846154vw);
    opacity: 0;
  }
  77% {
    -webkit-transform: translate(153.8461538462vw, -84.6153846154vw);
            transform: translate(153.8461538462vw, -84.6153846154vw);
    opacity: 0;
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 1;
  }
}
@-webkit-keyframes frontCaseCar01_pc {
  0% {
    -webkit-transform: translate(0, 0) rotateY(180deg);
            transform: translate(0, 0) rotateY(180deg);
    opacity: 1;
  }
  50% {
    -webkit-transform: translate(0, 0) rotateY(180deg);
            transform: translate(0, 0) rotateY(180deg);
    opacity: 1;
  }
  74% {
    -webkit-transform: translate(153.8461538462vw, 84.6153846154vw) rotateY(180deg);
            transform: translate(153.8461538462vw, 84.6153846154vw) rotateY(180deg);
    opacity: 1;
  }
  75% {
    -webkit-transform: translate(153.8461538462vw, 84.6153846154vw) rotateY(180deg);
            transform: translate(153.8461538462vw, 84.6153846154vw) rotateY(180deg);
    opacity: 0;
  }
  76% {
    -webkit-transform: translate(-153.8461538462vw, -84.6153846154vw) rotateY(180deg);
            transform: translate(-153.8461538462vw, -84.6153846154vw) rotateY(180deg);
    opacity: 0;
  }
  77% {
    -webkit-transform: translate(-153.8461538462vw, -84.6153846154vw) rotateY(180deg);
            transform: translate(-153.8461538462vw, -84.6153846154vw) rotateY(180deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: translate(0, 0) rotateY(180deg);
            transform: translate(0, 0) rotateY(180deg);
    opacity: 1;
  }
}
@keyframes frontCaseCar01_pc {
  0% {
    -webkit-transform: translate(0, 0) rotateY(180deg);
            transform: translate(0, 0) rotateY(180deg);
    opacity: 1;
  }
  50% {
    -webkit-transform: translate(0, 0) rotateY(180deg);
            transform: translate(0, 0) rotateY(180deg);
    opacity: 1;
  }
  74% {
    -webkit-transform: translate(153.8461538462vw, 84.6153846154vw) rotateY(180deg);
            transform: translate(153.8461538462vw, 84.6153846154vw) rotateY(180deg);
    opacity: 1;
  }
  75% {
    -webkit-transform: translate(153.8461538462vw, 84.6153846154vw) rotateY(180deg);
            transform: translate(153.8461538462vw, 84.6153846154vw) rotateY(180deg);
    opacity: 0;
  }
  76% {
    -webkit-transform: translate(-153.8461538462vw, -84.6153846154vw) rotateY(180deg);
            transform: translate(-153.8461538462vw, -84.6153846154vw) rotateY(180deg);
    opacity: 0;
  }
  77% {
    -webkit-transform: translate(-153.8461538462vw, -84.6153846154vw) rotateY(180deg);
            transform: translate(-153.8461538462vw, -84.6153846154vw) rotateY(180deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: translate(0, 0) rotateY(180deg);
            transform: translate(0, 0) rotateY(180deg);
    opacity: 1;
  }
}
.p-frontCase__title {
  font-size: 1.75rem;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: 0.08em;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .p-frontCase__title {
    font-size: 2.6875rem;
  }
}

.p-frontCase__title:before {
  top: -3.125rem;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  content: "case\astudies";
  font-size: 4.0625rem;
  text-align: center;
  line-height: 1.1;
  letter-spacing: 0;
  width: 24.375rem;
  aspect-ratio: 2.7083333333;
  color: rgba(0, 35, 58, .05);
}
@media screen and (min-width: 768px) {
  .p-frontCase__title:before {
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    content: "case studies";
    font-size: 6.25rem;
    aspect-ratio: auto;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
  }
}

.p-frontCase__swiperBox {
  margin-top: 1.0625rem;
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 768px) {
  .p-frontCase__swiperBox {
    width: 73.75rem;
    margin: 0.3125rem auto 0;
  }
}

.p-frontCase__btn {
  margin-top: 1.875rem;
}
@media screen and (min-width: 768px) {
  .p-frontCase__btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: 0.625rem;
  }
}

.p-frontCaseSwiper__wrapper {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  padding: 1.875rem 0;
}
@media screen and (min-width: 768px) {
  .p-frontCaseSwiper__wrapper {
    padding: 3.125rem 0;
  }
}

.p-frontCaseSwiper__slide {
  height: auto;
  border-radius: 0.5rem;
  -webkit-box-shadow: 0 0.609375rem 1.359375rem 0 rgba(0, 0, 0, .1);
          box-shadow: 0 0.609375rem 1.359375rem 0 rgba(0, 0, 0, .1);
}
@media screen and (min-width: 768px) {
  .p-frontCaseSwiper__slide {
    -webkit-box-shadow: 0 0.8125rem 1.8125rem 0 rgba(0, 0, 0, .1);
            box-shadow: 0 0.8125rem 1.8125rem 0 rgba(0, 0, 0, .1);
    border-radius: 0.625rem;
  }
}

.p-frontCaseSwiper__card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  height: 100%;
}
.p-frontCaseSwiper__card a {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  height: auto;
}

.p-frontCaseSwiper__img {
  width: 100%;
  height: auto;
  overflow: hidden;
  border-top-right-radius: 0.5rem;
  border-top-left-radius: 0.5rem;
  aspect-ratio: 1.7770700637;
}
@media screen and (min-width: 768px) {
  .p-frontCaseSwiper__img {
    border-top-right-radius: 0.625rem;
    border-top-left-radius: 0.625rem;
  }
}

.p-frontCaseSwiper__img img {
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
  -o-object-position: center;
     object-position: center;
  display: block;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
  border-top-right-radius: 0.5rem;
  border-top-left-radius: 0.5rem;
}
@media screen and (min-width: 768px) {
  .p-frontCaseSwiper__img img {
    border-top-right-radius: 0.625rem;
    border-top-left-radius: 0.625rem;
  }
}

a:hover .p-frontCaseSwiper__img img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}

.p-frontCaseSwiper__sentense {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 0.3125rem;
  position: relative;
  background-color: #fff;
  border-bottom-left-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
  padding: 1.375rem 1.5625rem;
}
@media screen and (min-width: 768px) {
  .p-frontCaseSwiper__sentense {
    border-bottom-left-radius: 0.625rem;
    border-bottom-right-radius: 0.625rem;
    padding: 1.5625rem 2.0625rem 2.0625rem;
  }
}

.p-frontCaseSwiper__logo {
  position: absolute;
  top: 0;
  bottom: auto;
  left: 0;
  right: auto;
  -webkit-transform: translate(0, -80%);
          transform: translate(0, -80%);
  max-width: 4.6875rem;
  max-height: 4.6875rem;
  width: auto;
  height: auto;
  padding: 0.9375rem 0.625rem 0.3125rem;
  background-color: #fff;
  border-top-right-radius: 0.5rem;
}
@media screen and (min-width: 768px) {
  .p-frontCaseSwiper__logo {
    max-width: 6.25rem;
    max-height: 3.625rem;
    -webkit-transform: translate(0, -70%);
            transform: translate(0, -70%);
    padding: 1.375rem 0.9375rem 0.625rem;
  }
}

.p-frontCaseSwiper__logo img {
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
  -o-object-position: center;
     object-position: center;
  display: block;
}
.p-frontCaseSwiper__industry {
  font-size: 0.875rem;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 1.3;
  letter-spacing: 0.05em;
  color: #19ba6a;
}
@media screen and (min-width: 768px) {
  .p-frontCaseSwiper__industry {
    font-size: 1rem;
  }
}

.p-frontCaseSwiper__title {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 700;
  font-size: 1.125rem;
  letter-spacing: 0.05em;
  line-height: 1.3;
  margin-top: auto;
}
@media screen and (min-width: 768px) {
  .p-frontCaseSwiper__title {
    font-size: 1.25rem;
  }
}

.p-frontCaseSwiper__prev.swiper-button-prev,
.p-frontCaseSwiper__next.swiper-button-next {
  width: 1.6875rem;
  height: 2.109375rem;
}
@media screen and (min-width: 768px) {
  .p-frontCaseSwiper__prev.swiper-button-prev,
  .p-frontCaseSwiper__next.swiper-button-next {
    width: 3rem;
    height: 2.5rem;
  }
}

.p-frontCaseSwiper__prev.swiper-button-prev {
  top: 52%;
  left: 1.25rem;
}
@media screen and (min-width: 768px) {
  .p-frontCaseSwiper__prev.swiper-button-prev {
    top: 51%;
    left: -2.375rem;
  }
}

.p-frontCaseSwiper__next.swiper-button-next {
  top: 52%;
  right: 1.25rem;
}
@media screen and (min-width: 768px) {
  .p-frontCaseSwiper__next.swiper-button-next {
    top: 51%;
    right: -2.375rem;
  }
}

.p-frontCaseSwiper__prev.swiper-button-prev::after {
  display: block;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-top: 1rem solid transparent;
  border-bottom: 1rem solid transparent;
  border-right: 1.6875rem solid #069c5d;
  border-left: 0;
}
@media screen and (min-width: 768px) {
  .p-frontCaseSwiper__prev.swiper-button-prev::after {
    border-top: 0.75rem solid transparent;
    border-bottom: 0.75rem solid transparent;
    border-right: 1.25rem solid #069c5d;
    border-left: 0;
  }
}

.p-frontCaseSwiper__next.swiper-button-next::after {
  display: block;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-top: 1rem solid transparent;
  border-bottom: 1rem solid transparent;
  border-left: 1.6875rem solid #069c5d;
  border-right: 0;
}
@media screen and (min-width: 768px) {
  .p-frontCaseSwiper__next.swiper-button-next::after {
    border-top: 0.75rem solid transparent;
    border-bottom: 0.75rem solid transparent;
    border-left: 1.25rem solid #069c5d;
    border-right: 0;
  }
}

.p-frontComplia {
  background-size: 41.25rem 26.34375rem;
  background-repeat: no-repeat;
  background-position: center -7.8125rem;
  padding: 0 0 3.125rem;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .p-frontComplia {
    background-size: 72.5rem 46.29375rem;
    background-position: calc(50% + 32.1875rem) -10.4375rem;
    padding: 7.5rem 0 8.125rem;
    position: relative;
  }
}

.p-frontComplia__bgImage {
  width: 169.2307692308vw;
  height: auto;
  aspect-ratio: 1.5658362989;
  -webkit-clip-path: ellipse(50% 50% at 50% 50%);
          clip-path: ellipse(50% 50% at 50% 50%);
  background-image: url(../images/front/bg-compliancesystem-sp@2x.webp);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  -webkit-transform: translate(-20%, -30%);
          transform: translate(-20%, -30%);
  position: relative;
}
@media screen and (min-width: 768px) {
  .p-frontComplia__bgImage {
    position: absolute;
    top: -10.3125rem;
    bottom: auto;
    left: calc(50% - 4.0625rem);
    right: auto;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    width: 72.5rem;
    height: auto;
    aspect-ratio: 1.5660861347;
  }
}

.p-frontComplia__policeCar01 {
  position: absolute;
  top: calc(50% - 25.64103vw);
  left: calc(50% + 51.28205vw);
  bottom: auto;
  right: auto;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
  display: block;
  content: "";
  width: 18.2564102564vw;
  height: auto;
  -webkit-animation: frontCompliaPoliceCar01_sp 32s linear infinite;
          animation: frontCompliaPoliceCar01_sp 32s linear infinite;
}
@media screen and (min-width: 768px) {
  .p-frontComplia__policeCar01 {
    top: calc(50% - 17.5rem);
    left: calc(50% + 33.125rem);
    width: 7.82rem;
    -webkit-animation: frontCompliaPoliceCar01_pc 32s linear infinite;
            animation: frontCompliaPoliceCar01_pc 32s linear infinite;
  }
}

@-webkit-keyframes frontCompliaPoliceCar01_sp {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 1;
  }
  4% {
    -webkit-transform: translate(-23.0769230769vw, 12.6923076923vw);
            transform: translate(-23.0769230769vw, 12.6923076923vw);
    opacity: 1;
  }
  12% {
    -webkit-transform: translate(-23.0769230769vw, 12.6923076923vw);
            transform: translate(-23.0769230769vw, 12.6923076923vw);
    opacity: 1;
  }
  25% {
    -webkit-transform: translate(-153.8461538462vw, 84.6153846154vw);
            transform: translate(-153.8461538462vw, 84.6153846154vw);
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(-153.8461538462vw, 84.6153846154vw);
            transform: translate(-153.8461538462vw, 84.6153846154vw);
    opacity: 0;
  }
}

@keyframes frontCompliaPoliceCar01_sp {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 1;
  }
  4% {
    -webkit-transform: translate(-23.0769230769vw, 12.6923076923vw);
            transform: translate(-23.0769230769vw, 12.6923076923vw);
    opacity: 1;
  }
  12% {
    -webkit-transform: translate(-23.0769230769vw, 12.6923076923vw);
            transform: translate(-23.0769230769vw, 12.6923076923vw);
    opacity: 1;
  }
  25% {
    -webkit-transform: translate(-153.8461538462vw, 84.6153846154vw);
            transform: translate(-153.8461538462vw, 84.6153846154vw);
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(-153.8461538462vw, 84.6153846154vw);
            transform: translate(-153.8461538462vw, 84.6153846154vw);
    opacity: 0;
  }
}
@-webkit-keyframes frontCompliaPoliceCar01_pc {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 1;
  }
  6% {
    -webkit-transform: translate(-21.875rem, 11.75rem);
            transform: translate(-21.875rem, 11.75rem);
    opacity: 1;
  }
  18% {
    -webkit-transform: translate(-21.875rem, 11.75rem);
            transform: translate(-21.875rem, 11.75rem);
    opacity: 1;
  }
  38% {
    -webkit-transform: translate(-112.5rem, 61.875rem);
            transform: translate(-112.5rem, 61.875rem);
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(-112.5rem, 61.875rem);
            transform: translate(-112.5rem, 61.875rem);
    opacity: 0;
  }
}
@keyframes frontCompliaPoliceCar01_pc {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 1;
  }
  6% {
    -webkit-transform: translate(-21.875rem, 11.75rem);
            transform: translate(-21.875rem, 11.75rem);
    opacity: 1;
  }
  18% {
    -webkit-transform: translate(-21.875rem, 11.75rem);
            transform: translate(-21.875rem, 11.75rem);
    opacity: 1;
  }
  38% {
    -webkit-transform: translate(-112.5rem, 61.875rem);
            transform: translate(-112.5rem, 61.875rem);
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(-112.5rem, 61.875rem);
            transform: translate(-112.5rem, 61.875rem);
    opacity: 0;
  }
}
.p-frontComplia__policeCar01 img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 1.3736263736;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}
.p-frontComplia__nomalCar01 {
  position: absolute;
  top: calc(50% + 43.58974vw);
  left: calc(50% + 51.28205vw);
  bottom: auto;
  right: auto;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
  display: block;
  content: "";
  width: 18.2564102564vw;
  height: auto;
}
@media screen and (min-width: 768px) {
  .p-frontComplia__nomalCar01 {
    top: calc(50% + 18.125rem);
    left: calc(50% + 21.875rem);
    width: 8.21rem;
    -webkit-animation: frontCompliaNomalCar01_pc 32s linear infinite;
            animation: frontCompliaNomalCar01_pc 32s linear infinite;
  }
}

@-webkit-keyframes frontCompliaNomalCar01_sp {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 1;
  }
  4% {
    -webkit-transform: translate(-23.0769230769vw, -13.3333333333vw);
            transform: translate(-23.0769230769vw, -13.3333333333vw);
    opacity: 1;
  }
  8% {
    -webkit-transform: translate(-23.0769230769vw, -13.3333333333vw);
            transform: translate(-23.0769230769vw, -13.3333333333vw);
    opacity: 1;
  }
  22% {
    -webkit-transform: translate(-153.8461538462vw, -84.6153846154vw);
            transform: translate(-153.8461538462vw, -84.6153846154vw);
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(-153.8461538462vw, -84.6153846154vw);
            transform: translate(-153.8461538462vw, -84.6153846154vw);
    opacity: 0;
  }
}

@keyframes frontCompliaNomalCar01_sp {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 1;
  }
  4% {
    -webkit-transform: translate(-23.0769230769vw, -13.3333333333vw);
            transform: translate(-23.0769230769vw, -13.3333333333vw);
    opacity: 1;
  }
  8% {
    -webkit-transform: translate(-23.0769230769vw, -13.3333333333vw);
            transform: translate(-23.0769230769vw, -13.3333333333vw);
    opacity: 1;
  }
  22% {
    -webkit-transform: translate(-153.8461538462vw, -84.6153846154vw);
            transform: translate(-153.8461538462vw, -84.6153846154vw);
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(-153.8461538462vw, -84.6153846154vw);
            transform: translate(-153.8461538462vw, -84.6153846154vw);
    opacity: 0;
  }
}
@-webkit-keyframes frontCompliaNomalCar01_pc {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 1;
  }
  5% {
    -webkit-transform: translate(-10rem, -5.25rem);
            transform: translate(-10rem, -5.25rem);
    opacity: 1;
  }
  12% {
    -webkit-transform: translate(-10rem, -5.25rem);
            transform: translate(-10rem, -5.25rem);
    opacity: 1;
  }
  33% {
    -webkit-transform: translate(-112.5rem, -61.875rem);
            transform: translate(-112.5rem, -61.875rem);
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(-112.5rem, -61.875rem);
            transform: translate(-112.5rem, -61.875rem);
    opacity: 0;
  }
}
@keyframes frontCompliaNomalCar01_pc {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 1;
  }
  5% {
    -webkit-transform: translate(-10rem, -5.25rem);
            transform: translate(-10rem, -5.25rem);
    opacity: 1;
  }
  12% {
    -webkit-transform: translate(-10rem, -5.25rem);
            transform: translate(-10rem, -5.25rem);
    opacity: 1;
  }
  33% {
    -webkit-transform: translate(-112.5rem, -61.875rem);
            transform: translate(-112.5rem, -61.875rem);
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(-112.5rem, -61.875rem);
            transform: translate(-112.5rem, -61.875rem);
    opacity: 0;
  }
}
.p-frontComplia__nomalCar01 img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 1.3736263736;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}
@media screen and (min-width: 768px) {
  .p-frontComplia__nomalCar01 img {
    aspect-ratio: 1.4978335234;
  }
}

.p-frontComplia__policeCar02 {
  position: absolute;
  top: calc(50% - 34.61538vw);
  left: calc(50% + 51.28205vw);
  bottom: auto;
  right: auto;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
  display: block;
  content: "";
  width: 18.2564102564vw;
  height: auto;
  -webkit-animation: frontCompliaPoliceCar02_sp 64s linear infinite;
          animation: frontCompliaPoliceCar02_sp 64s linear infinite;
  -webkit-animation-delay: 16s;
          animation-delay: 16s;
}
@media screen and (min-width: 768px) {
  .p-frontComplia__policeCar02 {
    top: calc(50% - 19.6875rem);
    left: calc(50% + 30rem);
    width: 7.82rem;
    -webkit-animation: frontCompliaPoliceCar02_pc 64s linear infinite;
            animation: frontCompliaPoliceCar02_pc 64s linear infinite;
    -webkit-animation-delay: 16s;
            animation-delay: 16s;
  }
}

@-webkit-keyframes frontCompliaPoliceCar02_sp {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 1;
  }
  3% {
    -webkit-transform: translate(-30.7692307692vw, 16.9230769231vw);
            transform: translate(-30.7692307692vw, 16.9230769231vw);
    opacity: 1;
  }
  6.5% {
    -webkit-transform: translate(-30.7692307692vw, 16.9230769231vw);
            transform: translate(-30.7692307692vw, 16.9230769231vw);
    opacity: 1;
  }
  8% {
    -webkit-transform: translate(-61.5384615385vw, 33.8461538462vw);
            transform: translate(-61.5384615385vw, 33.8461538462vw);
    opacity: 1;
  }
  9.5% {
    -webkit-transform: translate(-61.5384615385vw, 33.8461538462vw);
            transform: translate(-61.5384615385vw, 33.8461538462vw);
    opacity: 1;
  }
  15% {
    -webkit-transform: translate(-98.4615384615vw, 54.1538461538vw);
            transform: translate(-98.4615384615vw, 54.1538461538vw);
    opacity: 1;
  }
  45% {
    -webkit-transform: translate(-98.4615384615vw, 54.1538461538vw);
            transform: translate(-98.4615384615vw, 54.1538461538vw);
    opacity: 1;
  }
  50% {
    -webkit-transform: translate(-153.8461538462vw, 84.6153846154vw);
            transform: translate(-153.8461538462vw, 84.6153846154vw);
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(-153.8461538462vw, 84.6153846154vw);
            transform: translate(-153.8461538462vw, 84.6153846154vw);
    opacity: 0;
  }
}

@keyframes frontCompliaPoliceCar02_sp {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 1;
  }
  3% {
    -webkit-transform: translate(-30.7692307692vw, 16.9230769231vw);
            transform: translate(-30.7692307692vw, 16.9230769231vw);
    opacity: 1;
  }
  6.5% {
    -webkit-transform: translate(-30.7692307692vw, 16.9230769231vw);
            transform: translate(-30.7692307692vw, 16.9230769231vw);
    opacity: 1;
  }
  8% {
    -webkit-transform: translate(-61.5384615385vw, 33.8461538462vw);
            transform: translate(-61.5384615385vw, 33.8461538462vw);
    opacity: 1;
  }
  9.5% {
    -webkit-transform: translate(-61.5384615385vw, 33.8461538462vw);
            transform: translate(-61.5384615385vw, 33.8461538462vw);
    opacity: 1;
  }
  15% {
    -webkit-transform: translate(-98.4615384615vw, 54.1538461538vw);
            transform: translate(-98.4615384615vw, 54.1538461538vw);
    opacity: 1;
  }
  45% {
    -webkit-transform: translate(-98.4615384615vw, 54.1538461538vw);
            transform: translate(-98.4615384615vw, 54.1538461538vw);
    opacity: 1;
  }
  50% {
    -webkit-transform: translate(-153.8461538462vw, 84.6153846154vw);
            transform: translate(-153.8461538462vw, 84.6153846154vw);
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(-153.8461538462vw, 84.6153846154vw);
            transform: translate(-153.8461538462vw, 84.6153846154vw);
    opacity: 0;
  }
}
@-webkit-keyframes frontCompliaPoliceCar02_pc {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 1;
  }
  3% {
    -webkit-transform: translate(-22.5rem, 12.375rem);
            transform: translate(-22.5rem, 12.375rem);
    opacity: 1;
  }
  6% {
    -webkit-transform: translate(-22.5rem, 12.375rem);
            transform: translate(-22.5rem, 12.375rem);
    opacity: 1;
  }
  7% {
    -webkit-transform: translate(-36rem, 19.8rem);
            transform: translate(-36rem, 19.8rem);
    opacity: 1;
  }
  7.5% {
    -webkit-transform: translate(-36rem, 19.8rem);
            transform: translate(-36rem, 19.8rem);
    opacity: 1;
  }
  15% {
    -webkit-transform: translate(-52.5rem, 29.375rem);
            transform: translate(-52.5rem, 29.375rem);
    opacity: 1;
  }
  45% {
    -webkit-transform: translate(-52.5rem, 29.375rem);
            transform: translate(-52.5rem, 29.375rem);
    opacity: 1;
  }
  50% {
    -webkit-transform: translate(-75rem, 42.5rem);
            transform: translate(-75rem, 42.5rem);
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(-75rem, 42.5rem);
            transform: translate(-75rem, 42.5rem);
    opacity: 0;
  }
}
@keyframes frontCompliaPoliceCar02_pc {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 1;
  }
  3% {
    -webkit-transform: translate(-22.5rem, 12.375rem);
            transform: translate(-22.5rem, 12.375rem);
    opacity: 1;
  }
  6% {
    -webkit-transform: translate(-22.5rem, 12.375rem);
            transform: translate(-22.5rem, 12.375rem);
    opacity: 1;
  }
  7% {
    -webkit-transform: translate(-36rem, 19.8rem);
            transform: translate(-36rem, 19.8rem);
    opacity: 1;
  }
  7.5% {
    -webkit-transform: translate(-36rem, 19.8rem);
            transform: translate(-36rem, 19.8rem);
    opacity: 1;
  }
  15% {
    -webkit-transform: translate(-52.5rem, 29.375rem);
            transform: translate(-52.5rem, 29.375rem);
    opacity: 1;
  }
  45% {
    -webkit-transform: translate(-52.5rem, 29.375rem);
            transform: translate(-52.5rem, 29.375rem);
    opacity: 1;
  }
  50% {
    -webkit-transform: translate(-75rem, 42.5rem);
            transform: translate(-75rem, 42.5rem);
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(-75rem, 42.5rem);
            transform: translate(-75rem, 42.5rem);
    opacity: 0;
  }
}
.p-frontComplia__policeCar02 img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 1.3736263736;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}
.p-frontComplia__nomalCar02 {
  position: absolute;
  top: calc(50% - 17.94872vw);
  left: calc(50% + 51.28205vw);
  bottom: auto;
  right: auto;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
  display: block;
  content: "";
  width: 18.2564102564vw;
  height: auto;
  -webkit-animation: frontCompliaNomalCar02_sp 64s linear infinite;
          animation: frontCompliaNomalCar02_sp 64s linear infinite;
  -webkit-animation-delay: 16s;
          animation-delay: 16s;
}
@media screen and (min-width: 768px) {
  .p-frontComplia__nomalCar02 {
    width: 7.0625rem;
    top: calc(50% - 16.25rem);
    left: calc(50% + 31.875rem);
    -webkit-animation: frontCompliaNomalCar02_pc 64s linear infinite;
            animation: frontCompliaNomalCar02_pc 64s linear infinite;
    -webkit-animation-delay: 16s;
            animation-delay: 16s;
  }
}

@-webkit-keyframes frontCompliaNomalCar02_sp {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 1;
  }
  3% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 1;
  }
  7% {
    -webkit-transform: translate(-61.5384615385vw, 33.8461538462vw);
            transform: translate(-61.5384615385vw, 33.8461538462vw);
    opacity: 1;
  }
  7.5% {
    -webkit-transform: translate(-61.5384615385vw, 33.8461538462vw);
            transform: translate(-61.5384615385vw, 33.8461538462vw);
    opacity: 1;
  }
  15% {
    -webkit-transform: translate(-115.3846153846vw, 46.1538461538vw);
            transform: translate(-115.3846153846vw, 46.1538461538vw);
    opacity: 1;
  }
  40% {
    -webkit-transform: translate(-115.3846153846vw, 46.1538461538vw);
            transform: translate(-115.3846153846vw, 46.1538461538vw);
    opacity: 1;
  }
  45% {
    -webkit-transform: translate(-153.8461538462vw, 84.6153846154vw);
            transform: translate(-153.8461538462vw, 84.6153846154vw);
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(-153.8461538462vw, 84.6153846154vw);
            transform: translate(-153.8461538462vw, 84.6153846154vw);
    opacity: 0;
  }
}

@keyframes frontCompliaNomalCar02_sp {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 1;
  }
  3% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 1;
  }
  7% {
    -webkit-transform: translate(-61.5384615385vw, 33.8461538462vw);
            transform: translate(-61.5384615385vw, 33.8461538462vw);
    opacity: 1;
  }
  7.5% {
    -webkit-transform: translate(-61.5384615385vw, 33.8461538462vw);
            transform: translate(-61.5384615385vw, 33.8461538462vw);
    opacity: 1;
  }
  15% {
    -webkit-transform: translate(-115.3846153846vw, 46.1538461538vw);
            transform: translate(-115.3846153846vw, 46.1538461538vw);
    opacity: 1;
  }
  40% {
    -webkit-transform: translate(-115.3846153846vw, 46.1538461538vw);
            transform: translate(-115.3846153846vw, 46.1538461538vw);
    opacity: 1;
  }
  45% {
    -webkit-transform: translate(-153.8461538462vw, 84.6153846154vw);
            transform: translate(-153.8461538462vw, 84.6153846154vw);
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(-153.8461538462vw, 84.6153846154vw);
            transform: translate(-153.8461538462vw, 84.6153846154vw);
    opacity: 0;
  }
}
@-webkit-keyframes frontCompliaNomalCar02_pc {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 1;
  }
  3% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 1;
  }
  5% {
    -webkit-transform: translate(-18.75rem, 12.5rem);
            transform: translate(-18.75rem, 12.5rem);
    opacity: 1;
  }
  6.5% {
    -webkit-transform: translate(-35.625rem, 23.75rem);
            transform: translate(-35.625rem, 23.75rem);
    opacity: 1;
  }
  7% {
    -webkit-transform: translate(-35.625rem, 23.75rem);
            transform: translate(-35.625rem, 23.75rem);
    opacity: 1;
  }
  15% {
    -webkit-transform: translate(-61.25rem, 30rem);
            transform: translate(-61.25rem, 30rem);
    opacity: 1;
  }
  40% {
    -webkit-transform: translate(-61.25rem, 30rem);
            transform: translate(-61.25rem, 30rem);
    opacity: 1;
  }
  60% {
    -webkit-transform: translate(-112.5rem, 61.875rem);
            transform: translate(-112.5rem, 61.875rem);
    opacity: 0;
  }
  100% {
    -webkit-transform: translate(-112.5rem, 61.875rem);
            transform: translate(-112.5rem, 61.875rem);
    opacity: 0;
  }
}
@keyframes frontCompliaNomalCar02_pc {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 1;
  }
  3% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 1;
  }
  5% {
    -webkit-transform: translate(-18.75rem, 12.5rem);
            transform: translate(-18.75rem, 12.5rem);
    opacity: 1;
  }
  6.5% {
    -webkit-transform: translate(-35.625rem, 23.75rem);
            transform: translate(-35.625rem, 23.75rem);
    opacity: 1;
  }
  7% {
    -webkit-transform: translate(-35.625rem, 23.75rem);
            transform: translate(-35.625rem, 23.75rem);
    opacity: 1;
  }
  15% {
    -webkit-transform: translate(-61.25rem, 30rem);
            transform: translate(-61.25rem, 30rem);
    opacity: 1;
  }
  40% {
    -webkit-transform: translate(-61.25rem, 30rem);
            transform: translate(-61.25rem, 30rem);
    opacity: 1;
  }
  60% {
    -webkit-transform: translate(-112.5rem, 61.875rem);
            transform: translate(-112.5rem, 61.875rem);
    opacity: 0;
  }
  100% {
    -webkit-transform: translate(-112.5rem, 61.875rem);
            transform: translate(-112.5rem, 61.875rem);
    opacity: 0;
  }
}
.p-frontComplia__nomalCar02 img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 1.3274853801;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}
.p-frontComplia__inner.l-inner {
  margin-top: -19.2307692308vw;
}
@media screen and (min-width: 768px) {
  .p-frontComplia__inner.l-inner {
    margin-top: 0;
  }
}

.p-frontComplia__title.c-sectionTitle {
  font-size: 1.75rem;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: 0.08em;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .p-frontComplia__title.c-sectionTitle {
    font-size: 2.6875rem;
    text-align: left;
    margin-left: 0;
  }
}

.p-frontComplia__title:before {
  top: 0.3125rem;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  content: "compliance";
  font-size: 3.6875rem;
  text-align: center;
  line-height: 1.1;
  letter-spacing: 0;
  width: 24.375rem;
  aspect-ratio: 2.7083333333;
  color: rgba(0, 35, 58, .05);
}
@media screen and (min-width: 768px) {
  .p-frontComplia__title:before {
    top: 0.3125rem;
    left: 0;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    font-size: 6.25rem;
    aspect-ratio: 5.9454545455;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
  }
}

.p-frontComplia__lead {
  font-family: "BIZ UDPGothic", sans-serif;
  font-weight: 400;
  font-size: 0.9375rem;
  line-height: 1.6;
  letter-spacing: 0.03em;
  color: #111;
  margin-top: 2rem;
}
@media screen and (min-width: 768px) {
  .p-frontComplia__lead {
    width: 25rem;
    margin-top: 1.4375rem;
  }
}

.p-frontComplia__btn {
  margin-top: 2.5rem;
}
@media screen and (min-width: 768px) {
  .p-frontComplia__btn {
    margin-top: 3.9375rem;
  }
}

.p-frontCta {
  position: relative;
  padding-bottom: 3.125rem;
  margin-top: -6.875rem;
  z-index: 6;
}
@media screen and (min-width: 768px) {
  .p-frontCta {
    margin-top: -9.0625rem;
  }
}

.p-frontCta__btnBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 0.625rem;
}
@media screen and (min-width: 768px) {
  .p-frontCta__btnBox {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-column-gap: 1.125rem;
       -moz-column-gap: 1.125rem;
            column-gap: 1.125rem;
  }
}

.p-frontHowToUse {
  padding: 2.6875rem 0 4.375rem;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .p-frontHowToUse {
    padding: 3.75rem 0 7.5rem;
  }
}

.p-frontHowToUse__title {
  font-size: 1.75rem;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: 0.08em;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .p-frontHowToUse__title {
    font-size: 2.6875rem;
  }
}

.p-frontHowToUse__title:before {
  top: -2.5rem;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  content: "how to\ause";
  font-size: 4.0625rem;
  text-align: center;
  line-height: 1.1;
  letter-spacing: 0;
  width: 24.375rem;
  aspect-ratio: 2.7083333333;
  color: rgba(0, 35, 58, .05);
}
@media screen and (min-width: 768px) {
  .p-frontHowToUse__title:before {
    top: -1.25rem;
    content: "how to use";
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
    aspect-ratio: 5.7454545455;
    font-size: 6.25rem;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
  }
}

.p-frontHowToUse__subTitle {
  font-family: "BIZ UDPGothic", sans-serif;
  font-weight: 400;
  font-size: 0.9375rem;
  line-height: 1.6;
  letter-spacing: 0.03em;
  color: #111;
  text-align: center;
  position: relative;
  z-index: 1;
  margin-top: 1.0625rem;
}
@media screen and (min-width: 768px) {
  .p-frontHowToUse__subTitle {
    margin-top: 1.5625rem;
  }
}

.p-frontHowToUse__cardLists {
  margin-top: 2.8125rem;
  z-index: 1;
  position: relative;
}
@media screen and (min-width: 768px) {
  .p-frontHowToUse__cardLists {
    width: 61.5rem;
    display: grid;
    grid-auto-flow: row;
    grid-template-columns: repeat(3, calc(33.33333% - 2.8375rem));
    -webkit-column-gap: 4.25rem;
       -moz-column-gap: 4.25rem;
            column-gap: 4.25rem;
    row-gap: 1.5rem;
    margin: 3.75rem auto 0;
  }
}

.p-frontHowToUse__cardLists::before {
  position: absolute;
  top: -4.0625rem;
  bottom: auto;
  left: calc(50% - 10.9375rem);
  right: auto;
  -webkit-transform: translate(0, 0) rotateY(180deg);
          transform: translate(0, 0) rotateY(180deg);
  display: block;
  content: "";
  width: 5rem;
  height: auto;
  aspect-ratio: 1.3223140496;
  background-image: url(../images/front/illust-car-01@2x.webp);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  -webkit-animation: frontHowToUseCar01 40s linear infinite;
          animation: frontHowToUseCar01 40s linear infinite;
  z-index: 0;
}
@media screen and (min-width: 768px) {
  .p-frontHowToUse__cardLists::before {
    top: -5.9375rem;
    left: calc(50% - 45.9375rem);
    width: 13.725rem;
    aspect-ratio: 1.3228915663;
  }
}

@-webkit-keyframes frontHowToUseCar01 {
  0% {
    -webkit-transform: translate(0, 0) rotateY(180deg);
            transform: translate(0, 0) rotateY(180deg);
    opacity: 1;
  }
  50% {
    -webkit-transform: translate(0, 0) rotateY(180deg);
            transform: translate(0, 0) rotateY(180deg);
    opacity: 1;
  }
  74% {
    -webkit-transform: translate(153.8461538462vw, 84.6153846154vw) rotateY(180deg);
            transform: translate(153.8461538462vw, 84.6153846154vw) rotateY(180deg);
    opacity: 1;
  }
  75% {
    -webkit-transform: translate(153.8461538462vw, 84.6153846154vw) rotateY(180deg);
            transform: translate(153.8461538462vw, 84.6153846154vw) rotateY(180deg);
    opacity: 0;
  }
  76% {
    -webkit-transform: translate(-153.8461538462vw, -84.6153846154vw) rotateY(180deg);
            transform: translate(-153.8461538462vw, -84.6153846154vw) rotateY(180deg);
    opacity: 0;
  }
  77% {
    -webkit-transform: translate(-153.8461538462vw, -84.6153846154vw) rotateY(180deg);
            transform: translate(-153.8461538462vw, -84.6153846154vw) rotateY(180deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: translate(0, 0) rotateY(180deg);
            transform: translate(0, 0) rotateY(180deg);
    opacity: 1;
  }
}

@keyframes frontHowToUseCar01 {
  0% {
    -webkit-transform: translate(0, 0) rotateY(180deg);
            transform: translate(0, 0) rotateY(180deg);
    opacity: 1;
  }
  50% {
    -webkit-transform: translate(0, 0) rotateY(180deg);
            transform: translate(0, 0) rotateY(180deg);
    opacity: 1;
  }
  74% {
    -webkit-transform: translate(153.8461538462vw, 84.6153846154vw) rotateY(180deg);
            transform: translate(153.8461538462vw, 84.6153846154vw) rotateY(180deg);
    opacity: 1;
  }
  75% {
    -webkit-transform: translate(153.8461538462vw, 84.6153846154vw) rotateY(180deg);
            transform: translate(153.8461538462vw, 84.6153846154vw) rotateY(180deg);
    opacity: 0;
  }
  76% {
    -webkit-transform: translate(-153.8461538462vw, -84.6153846154vw) rotateY(180deg);
            transform: translate(-153.8461538462vw, -84.6153846154vw) rotateY(180deg);
    opacity: 0;
  }
  77% {
    -webkit-transform: translate(-153.8461538462vw, -84.6153846154vw) rotateY(180deg);
            transform: translate(-153.8461538462vw, -84.6153846154vw) rotateY(180deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: translate(0, 0) rotateY(180deg);
            transform: translate(0, 0) rotateY(180deg);
    opacity: 1;
  }
}
.p-frontHowToUse__cardItem {
  background-color: #fff;
  position: relative;
}
.p-frontHowToUse__cardItem + .p-frontHowToUse__cardItem {
  margin-top: 3.125rem;
}
@media screen and (min-width: 768px) {
  .p-frontHowToUse__cardItem + .p-frontHowToUse__cardItem {
    margin-top: 0;
  }
}

.p-frontHowToUse__cardItem:not(:last-of-type)::after {
  position: absolute;
  top: auto;
  bottom: -1.25rem;
  left: 50%;
  right: auto;
  -webkit-transform: translate(-50%, 100%);
          transform: translate(-50%, 100%);
  display: block;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0.9375rem 0.5625rem 0 0.5625rem;
  border-color: #d0d5dd transparent transparent transparent;
  border-bottom: 0;
}
@media screen and (min-width: 768px) {
  .p-frontHowToUse__cardItem:not(:last-of-type)::after {
    top: 50%;
    left: auto;
    right: -1.875rem;
    bottom: auto;
    -webkit-transform: translate(100%, -50%);
            transform: translate(100%, -50%);
    border-style: solid;
    border-top: 0.75rem solid transparent;
    border-bottom: 0.75rem solid transparent;
    border-left: 1.25rem solid #d0d5dd;
    border-right: 0;
  }
}

.p-frontIndustry {
  background-color: #f4f8fc;
  padding: 5.9375rem 0 5rem;
}
@media screen and (min-width: 768px) {
  .p-frontIndustry {
    padding: 7.8125rem 0 3.75rem;
  }
}

.p-frontIndustry__title {
  font-size: 1.75rem;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: 0.08em;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .p-frontIndustry__title {
    font-size: 2.6875rem;
  }
}

.p-frontIndustry__title:before {
  top: 0rem;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  content: "industries";
  font-size: 4.0625rem;
  text-align: center;
  line-height: 1.1;
  letter-spacing: 0;
  width: 24.375rem;
  aspect-ratio: 2.7083333333;
  color: rgba(0, 35, 58, .05);
}
@media screen and (min-width: 768px) {
  .p-frontIndustry__title:before {
    font-size: 6.25rem;
    aspect-ratio: auto;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
  }
}

.p-frontIndustry__swiperBox {
  margin-top: 2.875rem;
}
@media screen and (min-width: 768px) {
  .p-frontIndustry__swiperBox {
    margin-top: 3.75rem;
  }
}

.p-frontIndustrySwiper {
  padding-bottom: 3.4375rem;
}
@media screen and (min-width: 768px) {
  .p-frontIndustrySwiper__wrapper.swiper-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    row-gap: 1.875rem;
  }
}

@media screen and (min-width: 768px) {
  .p-frontIndustrySwiper__slide.swiper-slide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 2rem;
       -moz-column-gap: 2rem;
            column-gap: 2rem;
  }
}

.p-frontIndustrySwiper__card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (min-width: 768px) {
  .p-frontIndustrySwiper__card {
    width: calc(33.33333% - 1.3375rem);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.p-frontIndustrySwiper__card + .p-frontIndustrySwiper__card {
  margin-top: 1.125rem;
}
@media screen and (min-width: 768px) {
  .p-frontIndustrySwiper__card + .p-frontIndustrySwiper__card {
    margin-top: 0;
  }
}

.p-frontIndustrySwiper__imgBox {
  width: auto;
  height: auto;
  -ms-flex-preferred-size: 40%;
      flex-basis: 40%;
}
@media screen and (min-width: 768px) {
  .p-frontIndustrySwiper__imgBox {
    position: relative;
  }
}

.p-frontIndustrySwiper__category {
  display: block;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  text-align: center;
  color: #fff;
  background-color: #19ba6a;
  border-top-right-radius: 0.5rem;
  border-top-left-radius: 0.5rem;
  padding: 0.125rem 0;
}
@media screen and (min-width: 768px) {
  .p-frontIndustrySwiper__category {
    position: absolute;
    top: 1.25rem;
    bottom: auto;
    left: 1.25rem;
    right: auto;
    font-size: 0.875rem;
    line-height: 1.3;
    letter-spacing: 0.05em;
    border-radius: 50vw;
    padding: 0.25rem 1rem;
  }
}

.p-frontIndustrySwiper__img {
  width: 100%;
  height: auto;
  aspect-ratio: 1.7721518987;
  border-bottom-left-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
}
@media screen and (min-width: 768px) {
  .p-frontIndustrySwiper__img {
    border-radius: 0.625rem;
    aspect-ratio: 1.7799043062;
  }
}

.p-frontIndustrySwiper__img picture {
  display: block;
  width: 100%;
  height: 100%;
}
.p-frontIndustrySwiper__img img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  border-bottom-left-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
}
@media screen and (min-width: 768px) {
  .p-frontIndustrySwiper__img img {
    border-radius: 0.625rem;
  }
}

.p-frontIndustrySwiper__sentense {
  width: auto;
  height: auto;
  -ms-flex-preferred-size: 55.4285714286%;
      flex-basis: 55.4285714286%;
}
@media screen and (min-width: 768px) {
  .p-frontIndustrySwiper__sentense {
    padding: 1.25rem 0 0;
  }
}

.p-frontIndustrySwiper__txt {
  font-family: "BIZ UDPGothic", sans-serif;
  font-weight: 700;
  font-size: 0.9375rem;
  line-height: 1.6;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 768px) {
  .p-frontIndustrySwiper__txt {
    font-size: 1.1875rem;
  }
}

@media screen and (min-width: 768px) {
  .p-frontIndustrySwiper__pagination.swiper-pagination {
    display: none;
  }
}

.p-frontIndustrySwiper__pagination.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.p-frontIndustrySwiper__pagination.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  width: 0.75rem;
  height: 0.75rem;
  opacity: 1;
  background-color: #d0d5dd;
  margin: 0 0.5rem;
}
.p-frontIndustrySwiper__pagination.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active,
.p-frontIndustrySwiper__pagination.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #19ba6a;
}
.p-frontLegal__swiperBox {
  position: relative;
  margin-top: 1.25rem;
}
@media screen and (min-width: 768px) {
  .p-frontLegal__swiperBox {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    margin-top: 0.625rem;
  }
}

.p-frontLegalArticle {
  padding: 5.4375rem 0 5.625rem;
  position: relative;
}
@media screen and (min-width: 768px) {
  .p-frontLegalArticle {
    padding: 7.8125rem 0 5rem;
  }
}

.p-frontLegalArticle__inner--pc {
  display: contents;
}
@media screen and (min-width: 768px) {
  .p-frontLegalArticle__inner--pc {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

@media screen and (min-width: 768px) {
  .p-frontLegalArticle__inner--sp {
    display: contents;
  }
}

.p-frontLegalArticle:before {
  position: absolute;
  top: -2.1875rem;
  bottom: auto;
  left: calc(50% + 2.1875rem);
  right: auto;
  display: block;
  content: "";
  width: 8.7875rem;
  height: 8.465625rem;
  background-image: url(../images/front/illust-legalarticles-01@2x.webp);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  z-index: 10;
}
@media screen and (min-width: 768px) {
  .p-frontLegalArticle:before {
    top: 4.0625rem;
    left: calc(50% - 4.375rem);
    width: 24.8875rem;
    height: 23.975rem;
    z-index: 0;
  }
}

.p-frontLegalArticle__title.c-sectionTitle {
  font-size: 1.75rem;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: 0.08em;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .p-frontLegalArticle__title.c-sectionTitle {
    font-size: 2.6875rem;
    text-align: left;
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
    margin-left: 0;
  }
}

.p-frontLegalArticle__title:before {
  top: 0rem;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  content: "articles";
  font-size: 4.0625rem;
  text-align: center;
  line-height: 1.1;
  letter-spacing: 0;
  width: 24.375rem;
  aspect-ratio: 2.7083333333;
  color: rgba(0, 35, 58, .05);
}
@media screen and (min-width: 768px) {
  .p-frontLegalArticle__title:before {
    left: 0;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    font-size: 6.25rem;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    aspect-ratio: auto;
  }
}

.p-frontLegalArticle__btn {
  margin-top: 1.875rem;
}
@media screen and (min-width: 768px) {
  .p-frontLegalArticle__btn {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    -ms-flex-item-align: start;
        align-self: flex-start;
    margin-top: 3.75rem;
  }
}

.p-frontLegalSwiper__wrapper {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  padding: 1.875rem 0;
}
@media screen and (min-width: 768px) {
  .p-frontLegalSwiper__wrapper {
    padding: 3.125rem 0;
  }
}

.p-frontLegalSwiper__slide {
  height: auto;
  -webkit-box-shadow: 0 0.609375rem 1.359375rem 0 rgba(0, 0, 0, .1);
          box-shadow: 0 0.609375rem 1.359375rem 0 rgba(0, 0, 0, .1);
  border-radius: 0.5rem;
}
@media screen and (min-width: 768px) {
  .p-frontLegalSwiper__slide {
    border-radius: 0.625rem;
  }
}

.p-frontLegalSwiper__card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  height: 100%;
  border-radius: 0.5rem;
}
@media screen and (min-width: 768px) {
  .p-frontLegalSwiper__card {
    border-radius: 0.625rem;
  }
}

.p-frontLegalSwiper__card a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  height: 100%;
}

.p-frontLegalSwiper__img {
  width: 100%;
  height: auto;
  overflow: hidden;
  border-top-right-radius: 0.5rem;
  border-top-left-radius: 0.5rem;
  aspect-ratio: 1.5;
}
@media screen and (min-width: 768px) {
  .p-frontLegalSwiper__img {
    border-top-right-radius: 0.625rem;
    border-top-left-radius: 0.625rem;
  }
}

.p-frontLegalSwiper__img img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  border-top-right-radius: 0.5rem;
  border-top-left-radius: 0.5rem;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}
@media screen and (min-width: 768px) {
  .p-frontLegalSwiper__img img {
    border-top-right-radius: 0.625rem;
    border-top-left-radius: 0.625rem;
  }
}

a:hover .p-frontLegalSwiper__img img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}

.p-frontLegalSwiper__sentense {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 0.625rem;
  width: 100%;
  padding: 0.8125rem 1.4375rem 1.375rem;
  border-bottom-left-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
}
@media screen and (min-width: 768px) {
  .p-frontLegalSwiper__sentense {
    row-gap: 0.9375rem;
    border-bottom-left-radius: 0.625rem;
    border-bottom-right-radius: 0.625rem;
    padding: 1.25rem 1.875rem 1.875rem;
  }
}

.p-frontLegalSwiper__title {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: 0.05em;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .p-frontLegalSwiper__title {
    font-size: 1.25rem;
  }
}

.p-frontLegalSwiper__txt {
  font-family: "BIZ UDPGothic", sans-serif;
  font-weight: 400;
  font-size: 0.9375rem;
  line-height: 1.6;
  letter-spacing: 0.03em;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .p-frontLegalSwiper__txt {
    font-size: 0.9375rem;
  }
}

.p-frontLegalSwiper__prev.swiper-button-prev,
.p-frontLegalSwiper__next.swiper-button-next {
  width: 1.6875rem;
  height: 2.109375rem;
}
@media screen and (min-width: 768px) {
  .p-frontLegalSwiper__prev.swiper-button-prev,
  .p-frontLegalSwiper__next.swiper-button-next {
    width: 3rem;
    height: 2.5rem;
  }
}

.p-frontLegalSwiper__prev.swiper-button-prev {
  top: 52%;
  left: 1.25rem;
}
@media screen and (min-width: 768px) {
  .p-frontLegalSwiper__prev.swiper-button-prev {
    top: 51%;
    left: -2.375rem;
  }
}

.p-frontLegalSwiper__next.swiper-button-next {
  top: 52%;
  right: 1.25rem;
}
@media screen and (min-width: 768px) {
  .p-frontLegalSwiper__next.swiper-button-next {
    top: 51%;
    right: -2.375rem;
  }
}

.p-frontLegalSwiper__prev.swiper-button-prev::after {
  display: block;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-top: 1rem solid transparent;
  border-bottom: 1rem solid transparent;
  border-right: 1.6875rem solid #069c5d;
  border-left: 0;
}
@media screen and (min-width: 768px) {
  .p-frontLegalSwiper__prev.swiper-button-prev::after {
    border-top: 0.75rem solid transparent;
    border-bottom: 0.75rem solid transparent;
    border-right: 1.25rem solid #069c5d;
    border-left: 0;
  }
}

.p-frontLegalSwiper__next.swiper-button-next::after {
  display: block;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-top: 1rem solid transparent;
  border-bottom: 1rem solid transparent;
  border-left: 1.6875rem solid #069c5d;
  border-right: 0;
}
@media screen and (min-width: 768px) {
  .p-frontLegalSwiper__next.swiper-button-next::after {
    border-top: 0.75rem solid transparent;
    border-bottom: 0.75rem solid transparent;
    border-left: 1.25rem solid #069c5d;
    border-right: 0;
  }
}

.p-frontMv {
  padding-top: 15rem;
  overflow: hidden;
  position: relative;
}
@media screen and (min-width: 768px) {
  .p-frontMv {
    padding-top: 0;
  }
}

.p-frontMv:before {
  position: absolute;
  top: 0.625rem;
  bottom: auto;
  left: auto;
  right: 0;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
  display: block;
  content: "";
  background-image: url(../images/front/illust-mv-cloud-02@2x.webp);
  width: 9.25rem;
  height: auto;
  aspect-ratio: 1.4368932039;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
@media screen and (min-width: 768px) {
  .p-frontMv:before {
    display: none;
  }
}

.p-frontMv__bgImg {
  width: 100%;
  height: auto;
  aspect-ratio: 0.7372400756;
  background-image: url(../images/front/bg-mv-sp@2x.webp);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  -webkit-clip-path: ellipse(175% 100% at center 100%);
          clip-path: ellipse(175% 100% at center 100%);
  position: relative;
  z-index: 3;
  position: relative;
}
@media screen and (min-width: 768px) {
  .p-frontMv__bgImg {
    background-image: url(../images/front/bg-mv-pc@2x.webp);
    aspect-ratio: 1.6;
    background-size: 133.3333333333% 100%;
    -webkit-clip-path: none;
            clip-path: none;
  }
}

.p-frontMv__pcMokup {
  position: absolute;
  top: calc(50% - 52.5641vw);
  bottom: auto;
  left: calc(50% - 10.25641vw);
  right: auto;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
  display: block;
  width: 120.5128205128vw;
  height: auto;
  z-index: 8;
}
@media screen and (min-width: 768px) {
  .p-frontMv__pcMokup {
    top: calc(50% - 28.47222vw);
    left: calc(50% - 8.68056vw);
    width: 58.6111111111vw;
  }
}

.p-frontMv__pcMokup picture {
  width: 100%;
  height: auto;
}
.p-frontMv__pcMokup img {
  width: 100%;
  height: auto;
  aspect-ratio: 1.1158392435;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}
@media screen and (min-width: 768px) {
  .p-frontMv__pcMokup img {
    aspect-ratio: 0.9935256033;
  }
}

.p-frontMv__spMokup {
  position: absolute;
  top: calc(50% + 2.5641vw);
  left: calc(50% + 24.35897vw);
  bottom: auto;
  right: auto;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
  display: block;
  width: 53.5897435897vw;
  height: auto;
  z-index: 8;
}
@media screen and (min-width: 768px) {
  .p-frontMv__spMokup {
    top: calc(50% + 1.59722vw);
    left: calc(50% + 10.41667vw);
    width: 29.2361111111vw;
  }
}

.p-frontMv__spMokup picture {
  width: 100%;
  height: auto;
}
.p-frontMv__spMokup img {
  width: 100%;
  height: auto;
  aspect-ratio: 1.0269607843;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}
@media screen and (min-width: 768px) {
  .p-frontMv__spMokup img {
    aspect-ratio: 1.0268292683;
  }
}

.p-frontmv__car01 {
  position: absolute;
  top: calc(50% - 17.94872vw);
  bottom: auto;
  left: 50%;
  right: auto;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
  display: block;
  width: 13.3333333333vw;
  height: auto;
  -webkit-animation: frontMvCar01_sp 8s linear infinite;
          animation: frontMvCar01_sp 8s linear infinite;
}
@media screen and (min-width: 768px) {
  .p-frontmv__car01 {
    width: 7.8472222222vw;
    top: calc(50% + 2.5641vw);
    left: auto;
    right: -8.33333vw;
    -webkit-animation: frontMvCar01_pc 8s linear infinite;
            animation: frontMvCar01_pc 8s linear infinite;
  }
}

@-webkit-keyframes frontMvCar01_sp {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 1;
  }
  80% {
    -webkit-transform: translate(-115.3846153846vw, 62.8205128205vw);
            transform: translate(-115.3846153846vw, 62.8205128205vw);
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(-115.3846153846vw, 62.8205128205vw);
            transform: translate(-115.3846153846vw, 62.8205128205vw);
    opacity: 0;
  }
}

@keyframes frontMvCar01_sp {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 1;
  }
  80% {
    -webkit-transform: translate(-115.3846153846vw, 62.8205128205vw);
            transform: translate(-115.3846153846vw, 62.8205128205vw);
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(-115.3846153846vw, 62.8205128205vw);
            transform: translate(-115.3846153846vw, 62.8205128205vw);
    opacity: 0;
  }
}
@-webkit-keyframes frontMvCar01_pc {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 1;
  }
  80% {
    -webkit-transform: translate(-67.7083333333vw, 35.9722222222vw);
            transform: translate(-67.7083333333vw, 35.9722222222vw);
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(-67.7083333333vw, 35.9722222222vw);
            transform: translate(-67.7083333333vw, 35.9722222222vw);
    opacity: 0;
  }
}
@keyframes frontMvCar01_pc {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 1;
  }
  80% {
    -webkit-transform: translate(-67.7083333333vw, 35.9722222222vw);
            transform: translate(-67.7083333333vw, 35.9722222222vw);
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(-67.7083333333vw, 35.9722222222vw);
            transform: translate(-67.7083333333vw, 35.9722222222vw);
    opacity: 0;
  }
}
.p-frontmv__car01 img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 1.3978494624;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}
@media screen and (min-width: 768px) {
  .p-frontmv__car01 img {
    aspect-ratio: 1.3231850117;
  }
}

.p-frontMv__fukidashi01 {
  position: absolute;
  top: calc(50% - 32.05128vw);
  bottom: auto;
  left: calc(50% + 11.53846vw);
  right: auto;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
  display: block;
  width: 19.5897435897vw;
  height: auto;
  -webkit-animation: frontMvFukidashi01_sp 8s linear infinite;
          animation: frontMvFukidashi01_sp 8s linear infinite;
  z-index: 9;
}
@media screen and (min-width: 768px) {
  .p-frontMv__fukidashi01 {
    width: 11.3645833333vw;
    top: calc(50% - 5.12821vw);
    left: auto;
    right: -19.09722vw;
    -webkit-animation: frontMvFukidashi01_pc 8s linear infinite;
            animation: frontMvFukidashi01_pc 8s linear infinite;
  }
}

@-webkit-keyframes frontMvFukidashi01_sp {
  0% {
    -webkit-transform: translate(0, 0) scale(0);
            transform: translate(0, 0) scale(0);
    opacity: 0;
  }
  14% {
    -webkit-transform: translate(-20.1923076923vw, 10.9935897436vw) scale(0);
            transform: translate(-20.1923076923vw, 10.9935897436vw) scale(0);
    opacity: 0;
  }
  20% {
    -webkit-transform: translate(-28.8461538462vw, 15.7051282051vw) scale(1.5);
            transform: translate(-28.8461538462vw, 15.7051282051vw) scale(1.5);
    opacity: 0;
  }
  25% {
    -webkit-transform: translate(-36.0576923077vw, 19.6315384615vw) scale(1);
            transform: translate(-36.0576923077vw, 19.6315384615vw) scale(1);
    opacity: 1;
  }
  80% {
    -webkit-transform: translate(-115.3846153846vw, 62.8205128205vw);
            transform: translate(-115.3846153846vw, 62.8205128205vw);
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(-115.3846153846vw, 62.8205128205vw);
            transform: translate(-115.3846153846vw, 62.8205128205vw);
    opacity: 0;
  }
}

@keyframes frontMvFukidashi01_sp {
  0% {
    -webkit-transform: translate(0, 0) scale(0);
            transform: translate(0, 0) scale(0);
    opacity: 0;
  }
  14% {
    -webkit-transform: translate(-20.1923076923vw, 10.9935897436vw) scale(0);
            transform: translate(-20.1923076923vw, 10.9935897436vw) scale(0);
    opacity: 0;
  }
  20% {
    -webkit-transform: translate(-28.8461538462vw, 15.7051282051vw) scale(1.5);
            transform: translate(-28.8461538462vw, 15.7051282051vw) scale(1.5);
    opacity: 0;
  }
  25% {
    -webkit-transform: translate(-36.0576923077vw, 19.6315384615vw) scale(1);
            transform: translate(-36.0576923077vw, 19.6315384615vw) scale(1);
    opacity: 1;
  }
  80% {
    -webkit-transform: translate(-115.3846153846vw, 62.8205128205vw);
            transform: translate(-115.3846153846vw, 62.8205128205vw);
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(-115.3846153846vw, 62.8205128205vw);
            transform: translate(-115.3846153846vw, 62.8205128205vw);
    opacity: 0;
  }
}
@-webkit-keyframes frontMvFukidashi01_pc {
  0% {
    -webkit-transform: translate(0, 0) scale(0);
            transform: translate(0, 0) scale(0);
    opacity: 0;
  }
  17% {
    -webkit-transform: translate(-14.3888888889vw, 7.6388888889vw) scale(0);
            transform: translate(-14.3888888889vw, 7.6388888889vw) scale(0);
    opacity: 0;
  }
  25% {
    -webkit-transform: translate(-21.1597222222vw, 11.2416666667vw) scale(1.5);
            transform: translate(-21.1597222222vw, 11.2416666667vw) scale(1.5);
    opacity: 0;
  }
  30% {
    -webkit-transform: translate(-25.3888888889vw, 13.4895833333vw) scale(1);
            transform: translate(-25.3888888889vw, 13.4895833333vw) scale(1);
    opacity: 1;
  }
  80% {
    -webkit-transform: translate(-67.7083333333vw, 35.9722222222vw);
            transform: translate(-67.7083333333vw, 35.9722222222vw);
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(-67.7083333333vw, 35.9722222222vw);
            transform: translate(-67.7083333333vw, 35.9722222222vw);
    opacity: 0;
  }
}
@keyframes frontMvFukidashi01_pc {
  0% {
    -webkit-transform: translate(0, 0) scale(0);
            transform: translate(0, 0) scale(0);
    opacity: 0;
  }
  17% {
    -webkit-transform: translate(-14.3888888889vw, 7.6388888889vw) scale(0);
            transform: translate(-14.3888888889vw, 7.6388888889vw) scale(0);
    opacity: 0;
  }
  25% {
    -webkit-transform: translate(-21.1597222222vw, 11.2416666667vw) scale(1.5);
            transform: translate(-21.1597222222vw, 11.2416666667vw) scale(1.5);
    opacity: 0;
  }
  30% {
    -webkit-transform: translate(-25.3888888889vw, 13.4895833333vw) scale(1);
            transform: translate(-25.3888888889vw, 13.4895833333vw) scale(1);
    opacity: 1;
  }
  80% {
    -webkit-transform: translate(-67.7083333333vw, 35.9722222222vw);
            transform: translate(-67.7083333333vw, 35.9722222222vw);
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(-67.7083333333vw, 35.9722222222vw);
            transform: translate(-67.7083333333vw, 35.9722222222vw);
    opacity: 0;
  }
}
.p-frontMv__fukidashi01 img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 0.9204819277;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}
@media screen and (min-width: 768px) {
  .p-frontMv__fukidashi01 img {
    aspect-ratio: 0.9193820225;
  }
}

.p-frontmv__car02 {
  position: absolute;
  display: none;
}
@media screen and (min-width: 768px) {
  .p-frontmv__car02 {
    bottom: auto;
    right: auto;
    top: calc(50% + 31.94444vw);
    left: calc(50% - 1.38889vw);
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    display: block;
    width: 8.1944444444vw;
    height: auto;
    -webkit-animation: frontMvCar02_pc 32s linear infinite;
            animation: frontMvCar02_pc 32s linear infinite;
  }
}

@-webkit-keyframes frontMvCar02_pc {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 1;
  }
  15% {
    -webkit-transform: translate(-31.9444444444vw, -16.3194444444vw);
            transform: translate(-31.9444444444vw, -16.3194444444vw);
    opacity: 1;
  }
  20% {
    -webkit-transform: translate(-31.9444444444vw, -16.3194444444vw);
            transform: translate(-31.9444444444vw, -16.3194444444vw);
    opacity: 1;
  }
  35% {
    -webkit-transform: translate(-83.3333333333vw, -41.6666666667vw);
            transform: translate(-83.3333333333vw, -41.6666666667vw);
    opacity: 1;
  }
  36% {
    -webkit-transform: translate(-83.3333333333vw, -41.6666666667vw);
            transform: translate(-83.3333333333vw, -41.6666666667vw);
    opacity: 0;
  }
  49% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 0;
  }
  50% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 1;
  }
  65% {
    -webkit-transform: translate(-31.9444444444vw, -16.3194444444vw);
            transform: translate(-31.9444444444vw, -16.3194444444vw);
    opacity: 1;
  }
  70% {
    -webkit-transform: translate(-31.9444444444vw, -16.3194444444vw);
            transform: translate(-31.9444444444vw, -16.3194444444vw);
    opacity: 1;
  }
  85% {
    -webkit-transform: translate(-83.3333333333vw, -41.6666666667vw);
            transform: translate(-83.3333333333vw, -41.6666666667vw);
    opacity: 1;
  }
  86% {
    -webkit-transform: translate(-83.3333333333vw, -41.6666666667vw);
            transform: translate(-83.3333333333vw, -41.6666666667vw);
    opacity: 0;
  }
  99% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 0;
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 1;
  }
}

@keyframes frontMvCar02_pc {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 1;
  }
  15% {
    -webkit-transform: translate(-31.9444444444vw, -16.3194444444vw);
            transform: translate(-31.9444444444vw, -16.3194444444vw);
    opacity: 1;
  }
  20% {
    -webkit-transform: translate(-31.9444444444vw, -16.3194444444vw);
            transform: translate(-31.9444444444vw, -16.3194444444vw);
    opacity: 1;
  }
  35% {
    -webkit-transform: translate(-83.3333333333vw, -41.6666666667vw);
            transform: translate(-83.3333333333vw, -41.6666666667vw);
    opacity: 1;
  }
  36% {
    -webkit-transform: translate(-83.3333333333vw, -41.6666666667vw);
            transform: translate(-83.3333333333vw, -41.6666666667vw);
    opacity: 0;
  }
  49% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 0;
  }
  50% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 1;
  }
  65% {
    -webkit-transform: translate(-31.9444444444vw, -16.3194444444vw);
            transform: translate(-31.9444444444vw, -16.3194444444vw);
    opacity: 1;
  }
  70% {
    -webkit-transform: translate(-31.9444444444vw, -16.3194444444vw);
            transform: translate(-31.9444444444vw, -16.3194444444vw);
    opacity: 1;
  }
  85% {
    -webkit-transform: translate(-83.3333333333vw, -41.6666666667vw);
            transform: translate(-83.3333333333vw, -41.6666666667vw);
    opacity: 1;
  }
  86% {
    -webkit-transform: translate(-83.3333333333vw, -41.6666666667vw);
            transform: translate(-83.3333333333vw, -41.6666666667vw);
    opacity: 0;
  }
  99% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 0;
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 1;
  }
}
.p-frontmv__car02 img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 1.4131736527;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}
.p-frontMv__fukidashi02 {
  position: absolute;
  display: none;
  z-index: 9;
}
@media screen and (min-width: 768px) {
  .p-frontMv__fukidashi02 {
    top: calc(50% + 26.38889vw);
    left: calc(50% + 5.90278vw);
    bottom: auto;
    right: auto;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    display: block;
    height: auto;
    width: 11.3645833333vw;
    -webkit-animation: frontMvFukidashi02_pc 32s linear infinite;
            animation: frontMvFukidashi02_pc 32s linear infinite;
  }
}

@-webkit-keyframes frontMvFukidashi02_pc {
  0% {
    -webkit-transform: translate(0, 0) scale(0);
            transform: translate(0, 0) scale(0);
    opacity: 0;
  }
  15% {
    -webkit-transform: translate(-31.9444444444vw, -16.3194444444vw) scale(0);
            transform: translate(-31.9444444444vw, -16.3194444444vw) scale(0);
    opacity: 0;
  }
  16% {
    -webkit-transform: translate(-31.9444444444vw, -16.3194444444vw) scale(1.5);
            transform: translate(-31.9444444444vw, -16.3194444444vw) scale(1.5);
    opacity: 0;
  }
  17% {
    -webkit-transform: translate(-31.9444444444vw, -16.3194444444vw) scale(1);
            transform: translate(-31.9444444444vw, -16.3194444444vw) scale(1);
    opacity: 1;
  }
  20% {
    -webkit-transform: translate(-31.9444444444vw, -16.3194444444vw);
            transform: translate(-31.9444444444vw, -16.3194444444vw);
    opacity: 1;
  }
  35% {
    -webkit-transform: translate(-83.3333333333vw, -41.6666666667vw);
            transform: translate(-83.3333333333vw, -41.6666666667vw);
    opacity: 1;
  }
  36% {
    -webkit-transform: translate(-83.3333333333vw, -41.6666666667vw);
            transform: translate(-83.3333333333vw, -41.6666666667vw);
    opacity: 0;
  }
  49% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 0;
  }
  50% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 0;
  }
  65% {
    -webkit-transform: translate(-31.9444444444vw, -16.3194444444vw) scale(0);
            transform: translate(-31.9444444444vw, -16.3194444444vw) scale(0);
    opacity: 0;
  }
  66% {
    -webkit-transform: translate(-31.9444444444vw, -16.3194444444vw) scale(1.5);
            transform: translate(-31.9444444444vw, -16.3194444444vw) scale(1.5);
    opacity: 0;
  }
  67% {
    -webkit-transform: translate(-31.9444444444vw, -16.3194444444vw) scale(1);
            transform: translate(-31.9444444444vw, -16.3194444444vw) scale(1);
    opacity: 1;
  }
  70% {
    -webkit-transform: translate(-31.9444444444vw, -16.3194444444vw);
            transform: translate(-31.9444444444vw, -16.3194444444vw);
    opacity: 1;
  }
  85% {
    -webkit-transform: translate(-83.3333333333vw, -41.6666666667vw);
            transform: translate(-83.3333333333vw, -41.6666666667vw);
    opacity: 1;
  }
  86% {
    -webkit-transform: translate(-83.3333333333vw, -41.6666666667vw);
            transform: translate(-83.3333333333vw, -41.6666666667vw);
    opacity: 0;
  }
  99% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 0;
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 0;
  }
}

@keyframes frontMvFukidashi02_pc {
  0% {
    -webkit-transform: translate(0, 0) scale(0);
            transform: translate(0, 0) scale(0);
    opacity: 0;
  }
  15% {
    -webkit-transform: translate(-31.9444444444vw, -16.3194444444vw) scale(0);
            transform: translate(-31.9444444444vw, -16.3194444444vw) scale(0);
    opacity: 0;
  }
  16% {
    -webkit-transform: translate(-31.9444444444vw, -16.3194444444vw) scale(1.5);
            transform: translate(-31.9444444444vw, -16.3194444444vw) scale(1.5);
    opacity: 0;
  }
  17% {
    -webkit-transform: translate(-31.9444444444vw, -16.3194444444vw) scale(1);
            transform: translate(-31.9444444444vw, -16.3194444444vw) scale(1);
    opacity: 1;
  }
  20% {
    -webkit-transform: translate(-31.9444444444vw, -16.3194444444vw);
            transform: translate(-31.9444444444vw, -16.3194444444vw);
    opacity: 1;
  }
  35% {
    -webkit-transform: translate(-83.3333333333vw, -41.6666666667vw);
            transform: translate(-83.3333333333vw, -41.6666666667vw);
    opacity: 1;
  }
  36% {
    -webkit-transform: translate(-83.3333333333vw, -41.6666666667vw);
            transform: translate(-83.3333333333vw, -41.6666666667vw);
    opacity: 0;
  }
  49% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 0;
  }
  50% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 0;
  }
  65% {
    -webkit-transform: translate(-31.9444444444vw, -16.3194444444vw) scale(0);
            transform: translate(-31.9444444444vw, -16.3194444444vw) scale(0);
    opacity: 0;
  }
  66% {
    -webkit-transform: translate(-31.9444444444vw, -16.3194444444vw) scale(1.5);
            transform: translate(-31.9444444444vw, -16.3194444444vw) scale(1.5);
    opacity: 0;
  }
  67% {
    -webkit-transform: translate(-31.9444444444vw, -16.3194444444vw) scale(1);
            transform: translate(-31.9444444444vw, -16.3194444444vw) scale(1);
    opacity: 1;
  }
  70% {
    -webkit-transform: translate(-31.9444444444vw, -16.3194444444vw);
            transform: translate(-31.9444444444vw, -16.3194444444vw);
    opacity: 1;
  }
  85% {
    -webkit-transform: translate(-83.3333333333vw, -41.6666666667vw);
            transform: translate(-83.3333333333vw, -41.6666666667vw);
    opacity: 1;
  }
  86% {
    -webkit-transform: translate(-83.3333333333vw, -41.6666666667vw);
            transform: translate(-83.3333333333vw, -41.6666666667vw);
    opacity: 0;
  }
  99% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 0;
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 0;
  }
}
.p-frontMv__fukidashi02 img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 0.9204819277;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}
@media screen and (min-width: 768px) {
  .p-frontMv__fukidashi02 img {
    aspect-ratio: 0.9193820225;
  }
}

.p-frontmv__car03 {
  position: absolute;
  display: none;
}
@media screen and (min-width: 768px) {
  .p-frontmv__car03 {
    bottom: auto;
    right: auto;
    top: calc(50% + 19.44444vw);
    left: calc(50% - 58.33333vw);
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    display: block;
    width: 8.1944444444vw;
    height: auto;
    -webkit-animation: frontMvCar03_pc 32s linear infinite;
            animation: frontMvCar03_pc 32s linear infinite;
  }
}

@-webkit-keyframes frontMvCar03_pc {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 1;
  }
  10% {
    -webkit-transform: translate(9.5625vw, -5.0173611111vw);
            transform: translate(9.5625vw, -5.0173611111vw);
    opacity: 1;
  }
  16% {
    -webkit-transform: translate(9.5625vw, -5.0173611111vw);
            transform: translate(9.5625vw, -5.0173611111vw);
    opacity: 1;
  }
  35% {
    -webkit-transform: translate(56.25vw, -29.5138888889vw);
            transform: translate(56.25vw, -29.5138888889vw);
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(56.25vw, -29.5138888889vw);
            transform: translate(56.25vw, -29.5138888889vw);
    opacity: 0;
  }
}

@keyframes frontMvCar03_pc {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 1;
  }
  10% {
    -webkit-transform: translate(9.5625vw, -5.0173611111vw);
            transform: translate(9.5625vw, -5.0173611111vw);
    opacity: 1;
  }
  16% {
    -webkit-transform: translate(9.5625vw, -5.0173611111vw);
            transform: translate(9.5625vw, -5.0173611111vw);
    opacity: 1;
  }
  35% {
    -webkit-transform: translate(56.25vw, -29.5138888889vw);
            transform: translate(56.25vw, -29.5138888889vw);
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(56.25vw, -29.5138888889vw);
            transform: translate(56.25vw, -29.5138888889vw);
    opacity: 0;
  }
}
.p-frontmv__car03 img {
  display: block;
  width: 100%;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
  aspect-ratio: 1.4131736527;
}
.p-frontMv__titleBox {
  position: absolute;
  top: 20.5128205128vw;
  left: 0;
  bottom: auto;
  right: auto;
  height: auto;
  background-image: url(../images/front/illust-mv-cloud@2x.webp);
  background-repeat: no-repeat;
  background-position: calc(50% - 12.82051vw) bottom;
  background-size: 24.625rem 16.95375rem;
  padding: 1.875rem 0 4.375rem 1.25rem;
  z-index: 5;
}
@media screen and (min-width: 768px) {
  .p-frontMv__titleBox {
    top: 3.8194444444vw;
    left: -3.4722222222%;
    width: 45rem;
    aspect-ratio: 1.4498703544;
    background-position: calc(50% - 3.125rem) 3.75rem;
    background-size: 41.9375rem 28.925rem;
    padding: 9.6875rem 0 0 10.9375rem;
  }
}

.p-frontMv__subTitle {
  font-family: "Lato", sans-serif;
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 1.1;
  letter-spacing: 0;
  text-transform: uppercase;
  color: #d0d5dd;
  padding-left: 0.3125rem;
}
@media screen and (min-width: 768px) {
  .p-frontMv__subTitle {
    font-size: 1.25rem;
  }
}

.p-frontMv__title {
  display: block;
  height: auto;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: 2.1875rem;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 0.05em;
  margin-top: 1.25rem;
}
@media screen and (min-width: 768px) {
  .p-frontMv__title {
    font-size: 3.125rem;
    margin-top: 1.5rem;
  }
}

.p-frontMv__title--small {
  display: block;
  font-size: 1.8125rem;
}
@media screen and (min-width: 768px) {
  .p-frontMv__title--small {
    font-size: 2.625rem;
  }
}

.p-frontMv__logo {
  width: 8.8125rem;
  height: auto;
  margin-top: 0.9375rem;
}
@media screen and (min-width: 768px) {
  .p-frontMv__logo {
    width: 12.5rem;
    margin-top: 1.25rem;
  }
}

.p-frontMv__logo img {
  display: block;
  width: 100%;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
  aspect-ratio: 4.2224326599;
}
.p-frontPrblm {
  background-color: #fff;
  -webkit-clip-path: ellipse(300% 100% at center 100%);
          clip-path: ellipse(300% 100% at center 100%);
  padding-top: 9.5rem;
  margin-top: -38.4615384615vw;
  overflow: hidden;
  position: relative;
  z-index: 3;
}
@media screen and (min-width: 768px) {
  .p-frontPrblm {
    -webkit-clip-path: ellipse(140% 100% at center 100%);
            clip-path: ellipse(140% 100% at center 100%);
    padding-top: 15.625rem;
    margin-top: -14.0625rem;
    overflow: hidden;
  }
}

.p-frontPrblm__bgColor {
  background-color: #e1e6ed;
  border-top-right-radius: 0.9375rem;
  border-top-left-radius: 0.9375rem;
  padding: 4.375rem 0 4.375rem;
}
@media screen and (min-width: 768px) {
  .p-frontPrblm__bgColor {
    padding: 5.9027777778vw 0 11.25rem;
    position: relative;
  }
}

.p-frontPrblm__title {
  font-size: 1.75rem;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: 0.08em;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .p-frontPrblm__title {
    font-size: 2.6875rem;
  }
}

.p-frontPrblm__title--highlight {
  color: #19ba6a;
}

.p-frontPrblm__contents {
  margin-top: 3.75rem;
}
.p-frontPrblm__cardBox {
  padding: 0 1.25rem;
}
@media screen and (min-width: 768px) {
  .p-frontPrblm__cardBox {
    overflow: hidden;
  }
}

.p-frontPrblm__imgBox {
  width: 105%;
  height: auto;
  position: relative;
  aspect-ratio: 1.2444444444;
  margin: 0.9375rem auto 0;
}
@media screen and (min-width: 768px) {
  .p-frontPrblm__imgBox {
    width: 29.171875rem;
    aspect-ratio: 1.2446666667;
    margin: 14.0625rem auto 0;
  }
}

.p-frontPrblm__imgBox::before {
  position: absolute;
  top: 2.8125rem;
  bottom: auto;
  left: 50%;
  right: auto;
  -webkit-transform: translate(-53%, 0);
          transform: translate(-53%, 0);
  display: block;
  content: "issues\ayou may\ahave";
  white-space: pre;
  font-family: "Lato", sans-serif;
  font-weight: 700;
  font-size: 4.0625rem;
  text-transform: uppercase;
  text-align: center;
  line-height: 1.1;
  letter-spacing: 0;
  width: 100%;
  height: auto;
  aspect-ratio: 1.40562249;
  color: rgba(0, 35, 58, .05);
  z-index: 0;
}
@media screen and (min-width: 768px) {
  .p-frontPrblm__imgBox::before {
    top: -5rem;
    content: "issues you may have";
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
    font-size: 8.125rem;
    letter-spacing: 0.01em;
    aspect-ratio: 9.965034965;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
  }
}

.p-frontPrblm__imgBox img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
  position: relative;
  z-index: 1;
}
.p-frontPrice {
  background-color: #f4f8fc;
  padding: 5.625rem 0 5.625rem;
}
@media screen and (min-width: 768px) {
  .p-frontPrice {
    padding: 7.1875rem 0 7.8125rem;
  }
}

.p-frontPrice__title {
  font-size: 1.75rem;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: 0.08em;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .p-frontPrice__title {
    font-size: 2.6875rem;
  }
}

.p-frontPrice__title:before {
  top: -0.9375rem;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  content: "pricing";
  font-size: 4.0625rem;
  text-align: center;
  line-height: 1.1;
  letter-spacing: 0;
  width: 24.375rem;
  aspect-ratio: 2.7083333333;
  color: rgba(0, 35, 58, .05);
}
@media screen and (min-width: 768px) {
  .p-frontPrice__title:before {
    top: -1.25rem;
    font-size: 6.25rem;
    aspect-ratio: 3.6545454545;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
  }
}

.p-frontPrice__taableContents {
  margin-top: 3.125rem;
}
@media screen and (min-width: 768px) {
  .p-frontPrice__taableContents {
    max-width: 73.75rem;
    padding: 4.6875rem;
    background-color: #fff;
    border-radius: 1.25rem;
    margin-top: 3.75rem;
  }
}

.p-frontPrice__tableDetector {
  margin-top: 3.75rem;
}
@media screen and (min-width: 768px) {
  .p-frontPrice__tableDetector {
    margin-top: 5.9375rem;
  }
}

.p-frontPrice__tableDetectorNote {
  margin-top: 1.25rem;
}
@media screen and (min-width: 768px) {
  .p-frontPrice__tableDetectorNote {
    margin-top: 1.875rem;
  }
}

.p-frontPrice__btnBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 3.125rem;
}
@media screen and (min-width: 768px) {
  .p-frontPrice__btnBox {
    margin-top: 3.75rem;
  }
}

@media screen and (min-width: 768px) {
  .p-frontReason {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

.p-frontReason__title {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: 1.375rem;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: 0.08em;
  text-align: center;
  margin-top: 4.0625rem;
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 768px) {
  .p-frontReason__title {
    font-size: 2rem;
    text-align: left;
    margin-top: 4.375rem;
    margin-left: 2.8125rem;
  }
}

.p-frontReason__title::before {
  position: absolute;
  top: -3.125rem;
  bottom: auto;
  left: calc(50% + 6.25rem);
  right: auto;
  display: block;
  content: "";
  width: 4.6875rem;
  height: 4.6875rem;
  border-radius: 50%;
  background-color: #e1e6ed;
  z-index: -1;
}
@media screen and (min-width: 768px) {
  .p-frontReason__title::before {
    top: -8.75rem;
    left: 6.875rem;
    width: 10.74375rem;
    height: 10.74375rem;
  }
}

.p-frontReason__title:after {
  position: absolute;
  top: -2.5rem;
  bottom: auto;
  left: calc(50% + 0.3125rem);
  right: auto;
  display: block;
  content: "";
  width: 7.16625rem;
  height: 7.16625rem;
  border-radius: 50%;
  background-color: #fff;
  z-index: -1;
}
@media screen and (min-width: 768px) {
  .p-frontReason__title:after {
    top: -5rem;
    left: -2.5rem;
    width: 16.41875rem;
    height: 16.41875rem;
  }
}

.p-frontReason__cardBox {
  border-radius: 0.9375rem;
  background-color: #fff;
  position: relative;
  z-index: 1;
  padding: 0 2rem;
  margin-top: 4.0625rem;
}
@media screen and (min-width: 768px) {
  .p-frontReason__cardBox {
    -ms-flex-preferred-size: 65%;
        flex-basis: 65%;
    border-radius: 1.25rem;
    padding: 1.75rem 3.375rem;
    margin-top: 4.375rem;
  }
}

.p-frontSolution {
  background-color: #fff;
  -webkit-clip-path: ellipse(190% 50% at center 50%);
          clip-path: ellipse(190% 50% at center 50%);
  z-index: 3;
  padding: 10.625rem 0 6.375rem;
  margin-top: -0.9375rem;
  position: relative;
}
@media screen and (min-width: 768px) {
  .p-frontSolution {
    -webkit-clip-path: ellipse(78% 50% at center 50%);
            clip-path: ellipse(78% 50% at center 50%);
    padding: 6.0625rem 0 6.25rem;
    margin-top: -6.25rem;
  }
}

.p-frontSolution:before {
  position: absolute;
  top: -0.125rem;
  bottom: auto;
  left: calc(50% - 11.0625rem);
  right: auto;
  display: block;
  content: "";
  width: 10.765625rem;
  height: 8.678125rem;
  background-image: url(../images/front/illust-solution-01@2x.webp);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
@media screen and (min-width: 768px) {
  .p-frontSolution:before {
    top: 8.625rem;
    left: calc(50% - 32.9375rem);
    width: 19.1375rem;
    height: 14.875rem;
  }
}

.p-frontSolution__title {
  font-size: 1.75rem;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: 0.08em;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .p-frontSolution__title {
    font-size: 2.6875rem;
  }
}

.p-frontSolution__title:before {
  top: -0.9375rem;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  content: "we\asolve it";
  font-size: 4.0625rem;
  text-align: center;
  line-height: 1.1;
  letter-spacing: 0;
  width: 24.375rem;
  aspect-ratio: 2.7083333333;
  color: rgba(0, 35, 58, .05);
  z-index: 0;
}
@media screen and (min-width: 768px) {
  .p-frontSolution__title:before {
    top: 2rem;
    content: "we solve it";
    font-size: 6.25rem;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    aspect-ratio: 5.5181818182;
  }
}

.p-frontSolution__title--highlights {
  color: #19ba6a;
}

.p-frontSolution__cardBox {
  margin-top: 2.9375rem;
}
@media screen and (min-width: 768px) {
  .p-frontSolution__cardBox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-top: 5rem;
    z-index: 4;
    position: relative;
  }
}

.p-header {
  width: 100%;
  height: 3.75rem;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 30;
}
.p-header__inner {
  width: 100%;
  height: 100%;
  padding-right: 1.25rem;
  padding-left: 1.25rem;
  margin-right: auto;
  margin-left: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (min-width: 768px) {
  .p-header__inner {
    padding-right: 2.5rem;
    padding-left: 2.5rem;
  }
}

.p-header__logo {
  width: 3.5rem;
  height: 1.1875rem;
  position: relative;
  z-index: 35;
}
.p-header__logo a {
  display: block;
  width: 100%;
  height: 100%;
}
.p-header__logo img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.p-header__navBox {
  position: fixed;
  top: 0rem;
  left: 0;
  bottom: auto;
  right: auto;
  width: 100%;
  height: 100vh;
  background-color: #f4f8fc;
  overflow-y: scroll;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: opacity 0.3s ease, pointer-events 0s;
  transition: opacity 0.3s ease, pointer-events 0s;
  z-index: 35;
}
@media screen and (min-width: 768px) {
  .p-header__navBox {
    position: static;
    top: auto;
    left: auto;
    display: block;
    width: auto;
    height: 100%;
    pointer-events: auto;
    background-color: transparent;
    overflow-y: visible;
    opacity: 1;
  }
}

.p-header.burgerOpen .p-header__navBox {
  opacity: 1;
  pointer-events: auto;
}

.p-header__nav {
  height: auto;
  padding: 9.8125rem 1.25rem;
}
@media screen and (min-width: 768px) {
  .p-header__nav {
    height: 100%;
    padding: 0;
  }
}

.p-header__navLists {
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: normal;
      -ms-flex-align: normal;
          align-items: normal;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-column-gap: 2rem;
     -moz-column-gap: 2rem;
          column-gap: 2rem;
}
@media screen and (min-width: 768px) {
  .p-header__navLists {
    height: 100%;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    padding-top: 0;
  }
}

.p-header__navItem {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  border-bottom: 1px solid #d0d5dd;
}
@media screen and (min-width: 768px) {
  .p-header__navItem {
    height: 100%;
    border-bottom: none;
  }
}

@media screen and (min-width: 768px) {
  .p-header__navItem--top {
    display: none;
  }
}

.p-header__navLink {
  color: #00233a;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
  padding: 1.25rem 0 1.1875rem;
}
@media screen and (min-width: 768px) {
  .p-header__navLink {
    cursor: pointer;
    height: 100%;
    padding: 0;
  }
}

@media screen and (min-width: 768px) {
  .p-header__navLink:hover {
    color: #069c5d;
    opacity: 1;
  }
}

.p-header__navBtnLists {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 0.625rem;
  margin-top: 5.625rem;
}
@media screen and (min-width: 768px) {
  .p-header__navBtnLists {
    display: none;
  }
}

.p-header__navBtnItem {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.p-header__burger {
  width: 1.375rem;
  height: 1.125rem;
  position: relative;
  cursor: pointer;
  z-index: 35;
}
@media screen and (min-width: 768px) {
  .p-header__burger {
    display: none;
  }
}

.p-header__burger span {
  display: block;
  width: 100%;
  height: 0.125rem;
  background-color: #00233a;
  border-radius: 50vw;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}
.p-header__burger span:first-of-type {
  position: absolute;
  top: 0;
  bottom: auto;
  left: 0;
  right: auto;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
  -webkit-transform-origin: center left;
          transform-origin: center left;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}
.p-header__burger span:nth-of-type(2) {
  position: absolute;
  top: 50%;
  bottom: auto;
  left: 0;
  right: auto;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
}
.p-header__burger span:last-of-type {
  position: absolute;
  top: auto;
  bottom: 0;
  left: 0;
  right: auto;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
  -webkit-transform-origin: center left;
          transform-origin: center left;
}
.p-header.burgerOpen .p-header__burger span:first-of-type {
  -webkit-transform: translate(0, -50%) rotate(47.5deg);
          transform: translate(0, -50%) rotate(47.5deg);
}
.p-header.burgerOpen .p-header__burger span:nth-of-type(2) {
  opacity: 0;
}
.p-header.burgerOpen .p-header__burger span:last-of-type {
  -webkit-transform: translate(0, -50%) rotate(-47.5deg);
          transform: translate(0, -50%) rotate(-47.5deg);
}
@media screen and (max-width: 767px) {
  .u-desktop {
    display: none;
  }
}

@media screen and (min-width: 768px) {
  .u-mobile {
    display: none;
  }
}
/*# sourceMappingURL=styles.css.map */