<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "UTF-8";

/* リセットCSS
===================================== */
*,
*::before,
*::after {
  box-sizing: border-box;
}

html,
body {
  padding: 0;
  margin: 0;
}

body {
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  line-height: 1.6;
  font-weight: 500;
  background: #fff;
}

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

html {
  line-height: 1;
}

ol,
ul {
  list-style: none;
}

li,
dd {
  list-style-type: none;
}

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

caption,
th,
td {
  font-weight: normal;
  text-align: left;
  vertical-align: middle;
}

q,
blockquote {
  quotes: none;
}

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

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

img {
  border: none;
  vertical-align: bottom;
  width: 100%;
  max-width: 100%;
  height: auto;
}

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

@media (hover: hover) {
  a:hover {
    opacity: 0.7;
  }
}

input,
select {
  -webkit-appearance: none;
  appearance: none;
  background: #fff;
}

/*------------------------------
common
------------------------------*/
body {
  color: #000000;
  font-family: "M PLUS Rounded 1c", sans-serif;
}

html {
  font-size: 62.5%;
  scroll-behavior: smooth;
}

/* スマホ用の表示の時はis-pcは非表示 */
@media (max-width: 767px) {
  .pc {
    display: none !important;
  }
}

/* PC用の表示の時はis-spは非表示 */
@media (min-width: 768px) {
  .sp {
    display: none !important;
  }
}

/* コンテンツ幅
------------------------------*/
.inner {
  width: 1200px;
  max-width: 90%;
  margin: 0 auto;
}

/* ボタン
------------------------------*/
.c-button {
  width: min(81px, 9.1145833333vw);
  aspect-ratio: 1/1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #fff;
  font-size: min(1.2rem, 1.3020833333vw);
  font-weight: 700;
  font-family: "Outfit", sans-serif;
  position: relative;
}

.c-button::before {
  display: inline-block;
  content: "";
  position: relative;
  transform: translateY(-15%);
}

@media (max-width: 767px) {
  .c-button::before {
    transform: translateY(-40%);
  }
}

.c-button span {
  position: absolute;
  top: 75%;
  left: 50%;
  transform: translate(-50%, -50%);
}

@media (max-width: 767px) {
  .c-button span {
    top: 65%;
  }
}

@media (max-width: 767px) {
  .c-button {
    width: 53px;
    font-size: 1rem;
  }
}

.c-button--contact {
  border: 3px solid #FFC400;
  color: #FFC400;
  margin-right: 30px;
  transition: all 0.3s;
}

.c-button--contact::before {
  background: #FFC400;
  width: 32px;
  aspect-ratio: 32.71/22.78;
  mask-image: url(../../images/lp/icon_mail.png);
  mask-size: 100%;
  mask-repeat: no-repeat;
  mask-position: center;
  transition: all 0.3s;
}

@media (hover: hover) {
  .c-button--contact:hover {
    opacity: 1;
    color: #fff;
    background: #FFC400;
    transform: scale(1.25);
  }

  .c-button--contact:hover::before {
    background: #fff;
  }
}

@media (max-width: 767px) {
  .c-button--contact {
    border: 1.5px solid #FFC400;
    margin-right: 10px;
  }

  .c-button--contact::before {
    width: 20px;
  }
}

.c-button--request {
  border: 3px solid #8F8E8E;
  color: #8F8E8E;
  transition: all 0.3s;
  margin-right: 30px;
}

.c-button--request::before {
  background: #8F8E8E;
  width: 27px;
  aspect-ratio: 27.45/33.01;
  mask-image: url(../../images/lp/icon_data.png);
  mask-size: 100%;
  mask-repeat: no-repeat;
  mask-position: center;
  transition: all 0.3s;
}

@media (hover: hover) {
  .c-button--request:hover {
    opacity: 1;
    color: #fff;
    background: #8F8E8E;
    transform: scale(1.25);
  }

  .c-button--request:hover::before {
    background: #fff;
  }
}

@media (max-width: 767px) {
  .c-button--request {
    border: 1.5px solid #8F8E8E;
    margin-right: 10px;
  }

  .c-button--request::before {
    width: 16px;
  }
}

.c-button--login {
  border: 3px solid #004B80;
  color: #004B80;
  transition: all 0.3s;
}

.c-button--login:before {
  background: #004B80;
  width: 32px;
  aspect-ratio: 32/28.66;
  mask-image: url(../../images/lp/icon_login.png);
  mask-size: 100%;
  mask-repeat: no-repeat;
  mask-position: center;
  transition: all 0.3s;
}

@media (hover: hover) {
  .c-button--login:hover {
    opacity: 1;
    color: #fff;
    background: #004B80;
    transform: scale(1.25);
  }

  .c-button--login:hover::before {
    background: #fff;
  }
}

@media (max-width: 767px) {
  .c-button--login {
    border: 1.5px solid #004B80;
    margin-right: 10px;
  }

  .c-button--login::before {
    width: 20px;
  }
}

.fade {
  opacity: 0;
}

/*------------------------------
header
------------------------------*/
header {
  width: 94%;
  margin: 0 auto;
  height: min(80px, 9.1145833333vw);
  position: relative;
  top: 20px;
  position: fixed;
  left: 50%;
  transform: translate(-50%, 0%);
  z-index: 500;
}

.header__content {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

@media (max-width: 767px) {
  .header__content {
    align-items: center;
  }
}

.header__logo {
  width: min(200px, 23.4375vw);
  opacity: 0;
  transition: opacity 0.3s;
}

.header__logo.active {
  opacity: 1;
}

@media screen and (max-width: 999px) {
  .header__logo {
    width: 235px;
  }
}

@media (max-width: 767px) {
  .header__logo {
    width: 150px;
  }
}

.header__button {
  display: flex;
}

/*------------------------------
fv
------------------------------*/
.fv {
  margin-top: max(-80px, -9.1145833333vw);
}

/*------------------------------
featreus
------------------------------*/
.features {
  padding: 122px 0 55px;
  background: url(../../images/lp/bg_lattice.png) no-repeat center center/cover;
}

@media (max-width: 767px) {
  .features {
    padding: 60px 0;
  }
}

.features__logo {
  width: 392px;
  margin: 0 auto;
}

@media (max-width: 767px) {
  .features__logo {
    width: 80%;
  }
}

.features__items {
  margin-top: 50px;
}

.features__item:nth-child(n+2) {
  margin-top: 60px;
}

@media (max-width: 767px) {
  .features__item:nth-child(n+2) {
    margin-top: 30px;
  }
}

.features__item-title {
  font-size: 4.3rem;
  font-weight: 700;
  color: #fff;
  text-align: center;
  background: #004E86;
  padding: 0.5em 0;
}

@media (max-width: 767px) {
  .features__item-title {
    font-size: 2.8rem;
    line-height: 1.5;
  }
}

.featreus__item-content {
  margin-top: 50px;
}

.featreus__item-content p {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 2;
  text-align: center;
  color: #004E86;
  letter-spacing: 0.05em;
  transform: rotateZ(0.03deg);
}

@media screen and (max-width: 999px) {
  .featreus__item-content p {
    font-size: 1.4rem;
  }
}

@media (max-width: 767px) {
  .featreus__item-content {
    margin-top: 25px;
  }

  .featreus__item-content p {
    font-size: 1.4rem;
    line-height: 2;
  }
}

.features__system-image {
  margin: 60px 0;
}

@media (max-width: 767px) {
  .features__system-image {
    display: block;
    margin: 30px auto;
    width: 70%;
  }
}

.features__chart {
  margin-top: 50px;
  width: 945px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.features__chart img {
  display: block;
  width: 100%;
  margin: 0 auto;
}

@media (max-width: 767px) {
  .features__chart {
    margin-top: 25px;
  }

  .features__chart img {
    width: 100%;
  }
}

.features__chart-note {
  display: block;
  width: fit-content;
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 1.5;
  margin-top: 30px;
  margin-left: auto;
  margin-right: 2em;
  transform: rotateZ(0.03deg);
}

/*------------------------------
cta
------------------------------*/
.cta {
  background: #004E86;
  text-align: center;
  height: 200px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.cta a {
  display: block;
  position: relative;
  aspect-ratio: 1027/196;
  height: 62.5%;
}

.cta a::before,
.cta a::after {
  content: "";
  position: absolute;
  transition: all 0.3s;
}

.cta a::before {
  background: url(../../images/lp/cta_text.png) no-repeat center center/100%;
  aspect-ratio: 1027/196;
  height: 80%;
  width: auto;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: all 0.3s;
}

.cta a::after {
  background: url(../../images/lp/cta_text2.png) no-repeat center center/100%;
  aspect-ratio: 675/252;
  height: 100%;
  width: auto;
  left: 50%;
  top: 50%;
  transform: translate(-40%, -30%);
  opacity: 0;
}

@media (hover: hover) {
  .cta:hover {
    background: #8F8E8E;
  }

  .cta:hover a::before {
    opacity: 0;
    transform: translate(-60%, -70%);
  }

  .cta:hover a::after {
    opacity: 1;
    transform: translate(-50%, -45%);
  }
}

@media (max-width: 767px) {
  .cta {
    padding: 25px 0;
    height: 80px;
  }

  .cta a {
    max-width: 80%;
    height: 160%;
  }

  .cta a::before {
    display: none;
  }

  .cta a::after {
    opacity: 1;
    transform: translate(-50%, -45%);
    background: url(../../images/lp/cta_text2_sp.png) no-repeat center center/100%;
    aspect-ratio: 683/256;
  }
}

/*------------------------------
service
------------------------------*/
/*
.service {
    padding: 50px 0;
    background: url(../img/bg_marble.png) no-repeat center center/cover;
    @include mq('sp') {
        padding: 30px 0 40px;
    }
}
.service__inner{
    width: 1220px;
}
.service__title {
    font-size: 8rem;
    font-weight: 700;
    line-height: (90 / 80);
    text-align: center;
    color: $color-accent;
    font-family: $font-en;
    letter-spacing: 0.1em;
    @include mq('sp') {
        font-size: 5rem;
        margin-top: .7em;
    }
}

.service__list {
    margin-top: 50px;
    @include mq('sp') {
        // margin-top: 35px;
        margin-top: 15px;
    }
}

.service__item {
    display: flex;
    justify-content: space-between;
    flex-direction: column-reverse;
    &amp;:nth-child(2n){
        // flex-direction: row-reverse;
        flex-direction: column-reverse;

    }
    &amp;:nth-child(n + 2){
        // margin-top: 5.8%;
        .service__item-content {
            // margin-top: 4%;
        }
    }
    @include mq('pc'){
        // &amp;:last-child{
        //     .service__item-image{
        //         img{
        //             transform: translateX(10%);
        //         }
        //     }
        // }
    }
    @include mq('sp') {
        flex-direction: column-reverse;
        &amp;:nth-child(2n){
            flex-direction: column-reverse;
        }
        &amp;:nth-child(n + 2){
            .service__item-content {
                margin-top: 0%;
            }
        }
    }
}

.service__item-app{
    align-items: center;
    .service__item-image{
        width: 250px;
    }
    img{
        display: block;
        margin: 0 auto;
        // width: 314px;
        width: 100%;
    }
    @include mq('sp'){
        .service__item-image{
            width: 100px;
        }
        // .service__item-image img{
        //     width: 100px;
        // }
    }
}

.service__item-image {
    // width: 43.2%;
    width: 450px;
    @include mq('sp') {
        width: 70%;
        margin: 10px auto 0;
    }
}

.service__item-content {
    // width: 52%;
    width: 650px;
    p{
        font-size: min(1.6rem,calc(100vw * (14/768)));
        font-weight: 400;
        line-height: (30 / 16);
        margin-top: 2.5em;
        transform:rotateZ(0.03deg);
    }
    @include mq('sp') {
        width: 100%;
        margin-top: 20px;
        p{
            // font-size: 1.4rem;
            font-size: 1.3rem;
            margin-top: 0.5em;
        }
    }
}

.service__item-num {
    width: min(120px,calc(100vw * (120/1220)));
    aspect-ratio: 120/80;
    position: relative;
    img{
        height: 100%;
        width: auto;
        object-fit: contain;
    }
    @include mq('sp') {
        width: 60px;
    }
}

.service__item-title {
    font-size: min(4.0rem,calc(100vw * (28/768)));
    font-weight: 700;
    line-height: (60 / 40);
    margin-top: 0.7em;
    @include mq('sp') {
        font-size: 2.4rem;
        font-size: 2rem;
        margin-top: .5em;
    }
}

.service__item-button {
    margin: 25px auto;
    text-align: center;

    a{
        display: inline-block;
        width: 409px;
        max-width: 80%;
        background: #fff;
        border: 5px solid #4A8ACF;
        border-radius: 50px;
        padding: 1.3em 0;
        transition: transform .3s;
        img{
            width: min(240px,calc(100vw * (180/768)));
        }
        @media (hover: hover) {&amp;:hover{
            opacity: 1;
            transform: scale(1.15);
        }}
    }
    @include mq('sp'){
        margin-top: 25px;
        margin-top: 10px;
        a{
            padding: .8em 0;
            img{
                width: 50%;
            }
        }
    }
}
*/
.service {
  padding: 120px 0;
  background: url(../../images/lp/bg_marble.png) no-repeat center center/cover;
}

@media (max-width: 767px) {
  .service {
    padding: 40px 0;
  }
}

.service__inner {
  width: 1220px;
}

.service__title {
  font-size: 8rem;
  font-weight: 700;
  line-height: 1.125;
  text-align: center;
  color: #004E86;
  font-family: "Outfit", sans-serif;
  letter-spacing: 0.1em;
}

@media (max-width: 767px) {
  .service__title {
    font-size: 5rem;
  }
}

.service__list {
  margin-top: 100px;
}

@media (max-width: 767px) {
  .service__list {
    margin-top: 35px;
  }
}

.service__item {
  display: flex;
  justify-content: space-between;
}

.service__item:nth-child(2n) {
  flex-direction: row-reverse;
}

.service__item:nth-child(n+2) {
  margin-top: 5.8%;
}

.service__item:nth-child(n+2) .service__item-content {
  margin-top: 4%;
}

@media (min-width: 768px) {
  .service__item:last-child .service__item-image img {
    transform: translateX(10%);
  }
}

@media (max-width: 767px) {
  .service__item {
    flex-direction: column-reverse;
  }

  .service__item:nth-child(2n) {
    flex-direction: column-reverse;
  }

  .service__item:nth-child(n+2) .service__item-content {
    margin-top: 7%;
  }
}

.service__item-app {
  align-items: center;
}

.service__item-app img {
  display: block;
  width: 314px;
  margin: 0 auto;
}

@media (max-width: 767px) {
  .service__item-app .service__item-image img {
    width: 100px;
  }
}

.service__item-image {
  width: 43.2%;
}

@media screen and (max-width: 999px) {
  .service__item-image {
    width: 38%;
  }
}

@media (max-width: 767px) {
  .service__item-image {
    width: 70%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
  }
}

.service__item-content {
  width: 52%;
}

.service__item-content p {
  font-size: min(1.6rem, 1.8229166667vw);
  font-weight: 400;
  line-height: 1.875;
  margin-top: 2.5em;
  transform: rotateZ(0.03deg);
}

@media screen and (max-width: 999px) {
  .service__item-content {
    width: 55%;
  }
}

@media (max-width: 767px) {
  .service__item-content {
    width: 100%;
    margin-top: 20px;
  }

  .service__item-content p {
    font-size: 1.4rem;
    margin-top: 1.5em;
  }
}

.service__item-num {
  width: min(120px, 9.8360655738vw);
  aspect-ratio: 120/80;
  position: relative;
}

.service__item-num img {
  height: 100%;
  width: auto;
  object-fit: contain;
}

@media (max-width: 767px) {
  .service__item-num {
    width: 60px;
  }
}

.service__item-title {
  font-size: min(4rem, 3.6458333333vw);
  font-weight: 700;
  line-height: 1.5;
  margin-top: 1.3em;
}

@media (max-width: 767px) {
  .service__item-title {
    font-size: 2.4rem;
    margin-top: 0.5em;
  }
}

.service__item-button {
  margin-top: 50px;
}

.service__item-button a {
  display: inline-block;
  width: 409px;
  max-width: 80%;
  background: #fff;
  border: 5px solid #4A8ACF;
  border-radius: 50px;
  padding: 1.3em 0;
  transition: transform 0.3s;
}

.service__item-button a img {
  width: min(240px, 23.4375vw);
}

@media (hover: hover) {
  .service__item-button a:hover {
    opacity: 1;
    transform: scale(1.15);
  }
}

@media (max-width: 767px) {
  .service__item-button {
    text-align: center;
    margin-top: 25px;
  }

  .service__item-button a img {
    width: 70%;
  }
}

/*------------------------------
innovative-services
------------------------------*/
.innovative-services {
  background: #004E86;
  padding: 110px 0 120px;
  color: #fff;
  text-align: center;
}

.innovative-services p {
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.875;
  margin-top: 40px;
  letter-spacing: 0.05em;
  transform: rotateZ(0.03deg);
}

@media (max-width: 767px) {
  .innovative-services {
    padding: 50px 0;
  }

  .innovative-services p {
    font-size: min(1.3rem, 3.4666666667vw);
  }
}

.innovative-services__title {
  font-size: min(4.6rem, 4.1666666667vw);
  font-weight: 700;
  line-height: 1.4782608696;
}

@media (max-width: 767px) {
  .innovative-services__title {
    font-size: min(3rem, 8vw);
  }
}

.innovative-services__figure {
  margin-top: 50px;
}

/*------------------------------
price
------------------------------*/
.price {
  padding: 110px 0 40px;
  position: relative;
}

.price::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  background: url(../../images/lp/img_01.png) no-repeat center center/contain;
  width: min(318px, 16.5625vw);
  aspect-ratio: 637/771;
}

@media (max-width: 767px) {
  .price {
    padding: 50px 0;
  }
}

.price__table {
  max-width: 940px;
  margin: 0 auto;
  border: 2px solid #D2D2D3;
  border-radius: 38px;
}

.price__table dt {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #EE9836;
  font-size: min(4.6rem, 4.5572916667vw);
  font-weight: 700;
  color: #fff;
  line-height: 1.3555555556;
  padding: 0.58em 0;
  border-radius: 35px 35px 0 0;
}

.price__table dt::before {
  display: inline-block;
  content: "";
  position: relative;
  background: url(../../images/lp/icon_bill.png) no-repeat center center/contain;
  width: 1.3em;
  aspect-ratio: 120/120;
  margin-right: 13px;
}

.price__table dd {
  font-size: min(4rem, 3.90625vw);
  font-weight: 400;
  line-height: 1.25;
  color: #004E86;
  text-align: center;
}

.price__table dd strong {
  font-size: min(14.6rem, 11.71875vw);
  font-weight: 700;
  font-family: "Outfit", sans-serif;
  line-height: 1.4;
}

@media (max-width: 767px) {
  .price__table {
    border-radius: 25px;
  }

  .price__table dt {
    border-radius: 20px 20px 0 0;
    font-size: 2.8rem;
  }

  .price__table dd {
    font-size: 2.2rem;
  }

  .price__table dd strong {
    font-size: 5rem;
  }
}

.price__text {
  font-size: min(4rem, 3.6458333333vw);
  font-weight: 700;
  line-height: 2;
  text-align: center;
  color: #004E86;
  margin-top: 1.45em;
  transform: rotateZ(0.03deg);
  position: relative;
  width: fit-content;
  margin: 0 auto;
}

.price__text::before,
.price__text::after {
  content: "－";
  position: absolute;
  color: inherit;
  font-size: inherit;
  top: 50%;
  transform: translate(0%, -50%);
}

.price__text::before {
  left: -1.3em;
}

.price__text::after {
  right: -1.3em;
}

@media (max-width: 767px) {
  .price__text {
    font-size: 2rem;
    line-height: 1.4;
    margin-top: 1em;
  }
}

/*------------------------------
footer
------------------------------*/
footer {
  padding-bottom: 100px;
  position: relative;
}

footer::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  background: url(../../images/lp/img_02.png) no-repeat center center/contain;
  width: min(448px, 23.3333333333vw);
  aspect-ratio: 898/609;
}

@media (max-width: 767px) {
  footer {
    padding-bottom: 50px;
  }
}

.footer__button {
  display: flex;
  justify-content: center;
}

@media (min-width: 768px) {
  .footer__button a {
    width: 128px;
    font-size: 1.8rem;
  }

  .footer__button a.c-button--contact:before {
    width: 51px;
  }

  .footer__button a.c-button--request:before {
    width: 42px;
  }
}

@media (min-width: 768px) {
  .footer__button-contact {
    margin-right: 40px;
  }
}

.footer__logo {
  width: 376px;
  margin: 0 auto;
  margin-top: 76px;
}

@media (max-width: 767px) {
  .footer__logo {
    width: 80%;
    margin-top: 30px;
  }
}

.footer__menu {
  margin-top: 53px;
  display: flex;
  justify-content: center;
}

.footer__menu li:nth-child(n+2) {
  margin-left: 60px;
}

.footer__menu li a {
  display: inline-block;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.6;
  transform: rotateZ(0.03deg);
}

@media (max-width: 767px) {
  .footer__menu li:nth-child(n+2) {
    margin-left: 30px;
  }
}

.footer__privacy-mark {
  width: 65px;
  margin: 0 auto;
  margin-top: 27px;
}

.footer__copyright {
  font-size: 1.1rem;
  font-weight: 400;
  line-height: 2.2727272727;
  text-align: center;
  margin-top: 2.4em;
  transform: rotateZ(0.03deg);
}

/*------------------------------
float
------------------------------*/
.float {
  position: fixed;
  right: 2%;
  bottom: 2%;
  transform: translateY(-10%);
  width: 10%;
  max-width: 192px;
  z-index: 500;
}

.float::before {
  content: "";
  position: absolute;
  background: #fff;
  aspect-ratio: 1/1;
  border-radius: 50%;
  width: 120%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.float::after {
  content: "";
  position: absolute;
  background: url(../../images/lp/float2.png) no-repeat center center/100%;
  aspect-ratio: 603/604;
  width: 110%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  animation: rotate 12s linear infinite;
  z-index: 100;
}

.float img {
  position: relative;
  z-index: 10;
}

@media (hover: hover) {
  .float:hover::after {
    animation-play-state: paused;
  }
}

@media (max-width: 767px) {
  .float {
    width: 100px;
  }
}

@keyframes rotate {
  from {
    transform: translate(-50%, -50%) rotate(0deg);
  }

  to {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}

body.fixed {
  position: fixed;
  width: 100%;
  overflow-y: scroll;
  /* スクロールバー補完 */
  /* height: 100%; */
  height: auto;
}

.service__list.service__list2 {
  display: flex;
  width: 100%;
  overflow-x: scroll;
  overflow-y: hidden;
}

.service__list.service__list2.active {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 1280px;
}

.service__list.service__list2 .service__item {
  flex-shrink: 0;
  width: calc(100% + 40px);
  width: fit-content;
  padding: 0 20px;
}

@media (max-width: 767px) {
  .service__list.service__list2 .service__item {
    width: calc(100% + 40px);
  }
}

#float2 {
  position: fixed;
  width: 500px;
  aspect-ratio: 1/1;
  right: 0;
  bottom: 0;
  background: blue;
  z-index: 600;
  overflow-y: scroll;
}

#listC {
  position: sticky;
  top: 0;
}

#serviceList {
  pointer-events: none;
}

.c-pageHeader {
  padding-top: 90px;
  padding-bottom: 40px;
}

@media (max-width: 767px) {
  .c-pageHeader {
    padding-top: 100px;
    padding-bottom: 40px;
  }
}

.c-pageContent {
  padding-bottom: 60px;
}

@media (max-width: 767px) {
  .c-pageContent {
    padding-bottom: 50px;
  }
}

.c-pageTitle {
  text-align: center;
  font-weight: bold;
  color: #004E86;
}

.c-pageTitle__en {
  font-size: 60px;
  font-family: "Outfit", sans-serif;
}

@media (max-width: 767px) {
  .c-pageTitle__en {
    font-size: 40px;
  }
}

.c-pageTitle__ja {
  font-size: 16px;
  margin-top: 10px;
}

@media (max-width: 767px) {
  .c-pageTitle__ja {
    font-size: 14px;
  }
}

.c-form {
  max-width: 800px;
  margin: 0 auto;
}

.c-form__main {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 30px;
}

@media (max-width: 767px) {
  .c-form__main {
    gap: 20px;
  }
}

.c-form__head {
  font-size: 16px;
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 10px;
}

@media (max-width: 767px) {
  .c-form__head {
    font-size: 14px;
    gap: 10px;
  }
}

.c-form__head .required {
  font-size: 14px;
  letter-spacing: 0.1em;
  width: 46px;
  height: 27px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #004E86;
  color: #fff;
  border-radius: 4px;
}

@media (max-width: 767px) {
  .c-form__head .required {
    font-size: 12px;
    width: 40px;
    height: 22px;
  }
}

.c-form__sub {
  margin-top: 40px;
}

@media (max-width: 767px) {
  .c-form__sub {
    margin-top: 30px;
  }
}

.c-form__tos {
  text-align: center;
}

.c-form__submit {
  margin-top: 40px;
}

@media (max-width: 767px) {
  .c-form__submit {
    margin-top: 30px;
  }
}

.c-input {
  border: 1px solid #C0C0C0;
  border-radius: 6px;
  height: 40px;
  padding: 0 16px;
  font-size: 16px;
  width: 100%;
  max-width: 100%;
  outline: none;
}

@media (max-width: 767px) {
  .c-input {
    font-size: 14px;
    height: 50px;
    padding: 0 15px;
  }
}

.c-input::placeholder {
  color: #ADADAD;
}

.c-select {
  position: relative;
  max-width: 100%;
}

.c-select select {
  width: 100%;
  max-width: 100%;
  height: 40px;
  border: 1px solid #C0C0C0;
  border-radius: 6px;
  appearance: none;
  padding: 0 16px;
  font-size: 16px;
  outline: none;
}

@media (max-width: 767px) {
  .c-select select {
    font-size: 14px;
    height: 50px;
    padding: 0 15px;
  }
}

.c-select select::placeholder {
  color: #ADADAD;
}

.c-select.is-valid select {
  color: inherit;
}

.c-select svg {
  position: absolute;
  top: 50%;
  right: 17px;
  transform: translateY(-50%);
  pointer-events: none;
}

@media (max-width: 767px) {
  .c-select svg {
    right: 15px;
  }
}

.c-inputWrap {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px;
}

@media (max-width: 767px) {
  .c-inputWrap {
    gap: 15px;
  }
}

.c-inputLabel {
  display: flex;
  align-items: center;
}

.c-inputLabel__txt {
  font-size: 16px;
  flex-shrink: 0;
}

@media (max-width: 767px) {
  .c-inputLabel__txt {
    font-size: 14px;
  }
}

.c-inputLabel__txt--left {
  margin-right: 14px;
}

@media (max-width: 767px) {
  .c-inputLabel__txt--left {
    margin-right: 10px;
  }
}

.c-inputNote {
  font-size: 14px;
  margin-top: 10px;
}

@media (max-width: 767px) {
  .c-inputNote {
    font-size: 13px;
  }
}

.c-textarea {
  width: 100%;
  height: 150px;
  resize: none;
  max-width: 100%;
  border: 1px solid #C0C0C0;
  border-radius: 6px;
  appearance: none;
  padding: 16px;
  font-size: 16px;
  outline: none;
}

@media (max-width: 767px) {
  .c-textarea {
    font-size: 14px;
    height: 120px;
    padding: 15px;
  }
}

.c-textarea::placeholder {
  font-family: inherit;
  color: #ADADAD;
}

.c-checkbox {
  font-size: 16px;
  display: inline-block;
  padding: 5px 0;
}

.c-checkbox-list {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px 20px;
}

.c-checkbox__other {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
}

.c-checkbox__other .c-checkbox {
  flex-shrink: 0;
}

@media (max-width: 767px) {
  .c-checkbox {
    font-size: 14px;
  }
}

.c-checkbox.c-checkbox--vertical {
  display: block;
}

.c-checkbox input {
  display: none;
}

.c-checkbox input:checked~span::after {
  opacity: 1;
}

.c-checkbox__txt {
  position: relative;
  font-size: inherit;
  padding-left: 35px;
}

@media (max-width: 767px) {
  .c-checkbox__txt {
    padding-left: 30px;
  }
}

.c-checkbox__txt:before {
  content: "";
  position: absolute;
  top: -1px;
  left: 0;
  width: 24px;
  height: 24px;
  border: 1px solid #C0C0C0;
  background: #fff;
  border-radius: 4px;
}

@media (max-width: 767px) {
  .c-checkbox__txt:before {
    width: 20px;
    height: 20px;
  }
}

.c-checkbox__txt:after {
  content: "";
  position: absolute;
  top: 2px;
  left: 8px;
  width: 8px;
  height: 14px;
  border: 2px solid #004E86;
  transform: rotate(45deg);
  border-left: none;
  border-top: none;
  opacity: 0;
}

@media (max-width: 767px) {
  .c-checkbox__txt:after {
    top: 1px;
    left: 6.5px;
    width: 7px;
    height: 12px;
  }
}

.c-checkbox__txt a {
  text-decoration: underline;
  color: #004E86;
  text-underline-offset: 3px;
}

.c-checkbox--radio .c-checkbox__txt {
  padding-left: 30px;
}

@media (max-width: 767px) {
  .c-checkbox--radio .c-checkbox__txt {
    padding-left: 25px;
  }
}

.c-checkbox--radio .c-checkbox__txt:before {
  border-radius: 50%;
}

@media (max-width: 767px) {
  .c-checkbox--radio .c-checkbox__txt:before {
    top: 0;
  }
}

.c-checkbox--radio .c-checkbox__txt:after {
  width: 14px;
  height: 14px;
  border: none;
  background: #004E86;
  transform: none;
  border-radius: 50%;
  top: 4px;
  left: 5px;
}

@media (max-width: 767px) {
  .c-checkbox--radio .c-checkbox__txt:after {
    width: 12px;
    height: 12px;
    top: 4px;
    left: 4px;
  }
}

.w400 {
  width: 400px;
}

.w200 {
  width: 200px;
}

.w150 {
  width: 150px;
}

.c-validate.is-error .c-input,
.c-validate.is-error .c-textarea,
.c-validate.is-error .c-select select {
  border-color: #EE0000;
  background: #FFF5F5;
  color: #EE0000;
}

.c-validate.is-error .c-select svg path {
  stroke: #EE0000;
}

.c-validate.is-error .c-checkbox .c-checkbox__txt:before {
  border-color: #EE0000;
  background: #FFF5F5;
}

.c-validate__error {
  font-size: 14px;
  color: #EE0000;
  margin-top: 10px;
  display: block;
}

@media (max-width: 767px) {
  .c-validate__error {
    font-size: 13px;
  }
}

.c-btn01 {
  width: 400px;
  max-width: 100%;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  outline: none;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  background: #004E86;
  margin: 40px auto 0;
  border-radius: 30px;
  transition: 0.3s ease;
  cursor: pointer;
}

@media (max-width: 767px) {
  .c-btn01 {
    width: 100%;
    height: 50px;
    font-size: 14px;
    margin: 30px auto 0;
  }
}

.c-btn01:hover {
  background: #003053;
}

.p-document .c-pageContent&gt;.inner {
  width: 1000px;
}

.p-document .content-wrap {
  display: flex;
  justify-content: space-between;
}

@media (max-width: 767px) {
  .p-document .content-wrap {
    flex-direction: column;
  }
}

.p-document .content-wrap ._left {
  width: 40%;
}

@media (max-width: 767px) {
  .p-document .content-wrap ._left {
    width: 100%;
  }
}

.p-document .content-wrap .c-form {
  width: 54%;
  margin: 0;
}

@media (max-width: 767px) {
  .p-document .content-wrap .c-form {
    width: 100%;
    margin-top: 30px;
  }
}

.p-document .content-wrap ._image {
  margin-bottom: 40px;
}

@media (max-width: 767px) {
  .p-document .content-wrap ._image {
    margin-bottom: 20px;
  }
}

.p-document .content-wrap ._title {
  font-size: 20px;
  font-weight: bold;
  border-bottom: 2px solid #004E86;
  padding-bottom: 15px;
  margin-bottom: 30px;
}

@media (max-width: 767px) {
  .p-document .content-wrap ._title {
    font-size: 16px;
    margin-bottom: 15px;
    padding-bottom: 10px;
  }
}

.p-document .content-wrap ._list {
  font-size: 16px;
  font-weight: 500;
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 10px;
}

@media (max-width: 767px) {
  .p-document .content-wrap ._list {
    font-size: 14px;
  }
}

.p-document .content-wrap ._list li {
  line-height: 1.6;
  position: relative;
  padding-left: 15px;
}

.p-document .content-wrap ._list li:before {
  content: "";
  position: absolute;
  top: 9px;
  left: 0;
  width: 6px;
  height: 6px;
  background: #004E86;
  border-radius: 50%;
}

@media (max-width: 767px) {
  .p-document .content-wrap ._list li:before {
    top: 8px;
  }
}

.p-document .c-form__submit .c-btn01 {
  width: 100%;
}

.p-thanks-document {
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", YuGothic, "Yu Gothic Medium", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  color: #004E86;
  text-align: center;
  padding-top: 20px;
  padding-bottom: 60px;
}

@media (max-width: 767px) {
  .p-thanks-document {
    padding-top: 10px;
  }
}

.p-thanks-document .image {
  max-width: 350px;
  margin: 0 auto 20px;
}

.p-thanks-document .title {
  font-weight: bold;
  font-size: 30px;
  margin-bottom: 20px;
}

@media (max-width: 767px) {
  .p-thanks-document .title {
    font-size: 25px;
  }
}

.p-thanks-document p {
  font-size: 20px;
  font-weight: 400;
  line-height: 1.6;
}

@media (max-width: 767px) {
  .p-thanks-document p {
    font-size: 18px;
  }
}

.p-thanks-document p.foot {
  font-size: 15px;
  margin-top: 40px;
}

.p-thanks-document p.foot a {
  text-decoration: underline;
}

.p-thanks-contact {
  font-family: "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", "游ゴシック", YuGothic, "メイリオ", Meiryo, Verdana, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 14px;
  line-height: 1.5;
  padding-top: 20px;
  padding-bottom: 60px;
  color: #222;
}

.p-thanks-contact .wrapper {
  max-width: 1050px;
  margin: 0 auto;
}

.p-thanks-contact .head {
  text-align: center;
  margin-bottom: 20px;
}

.p-thanks-contact .head .title {
  color: #e94b35;
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 20px;
}

.p-thanks-contact .box {
  padding: 30px;
  background: #f7f7f7;
}

.p-thanks-contact .box__ttl {
  text-align: center;
  text-decoration: underline;
}

.p-thanks-contact .box a {
  color: #004E86;
  text-decoration: underline;
  word-wrap: break-word;
  white-space: -moz-pre-wrap;
  white-space: pre-wrap;
}

/*# sourceMappingURL=style.css.map */
</pre></body></html>