.top-mainvisual__container {
    min-height: 90vh;
    background-image: url(/img/syaken/top/mv_img.webp);
    background-position: center;
    background-size: cover;
    position: relative;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  @media all and (max-width: 896px) {
    .top-mainvisual__container {
      min-height: 70dvh;
      background-position: center right 30%;
    }
  }
  .top-mainvisual__ttl {
    margin: auto;
  }
  @media all and (max-width: 896px) {
    .top-mainvisual__ttl {
      width: 80%;
    }
  }
  .top-mainvisual__txt {
    position: absolute;
    left: 1em;
    top: 1em;
    color: #666;
    font-weight: bold;
    line-height: 1.2;
    text-shadow:
      2px 2px 1px #fff,
      -2px 2px 1px #fff,
      2px -2px 1px #fff,
      -2px -2px 1px #fff,
      2px 0px 1px #fff,
      0px 2px 1px #fff,
      -2px 0px 1px #fff,
      0px -2px 1px #fff;
  }
  .top-mainvisual__discount {
    position: absolute;
    right: 1em;
    bottom: 1em;
  }
  @media all and (max-width: 896px) {
    .top-mainvisual__discount {
      width: 50%;
    }
  }
  .top-intro {
    text-align: center;
  }
  .top-intro__container {
    position: relative;
    padding: 1em;
    background: #00488c;
    background: -webkit-gradient(
      linear,
      left top,
      right top,
      from(rgb(0, 72, 140)),
      to(rgb(0, 37, 89))
    );
    background: -webkit-linear-gradient(
      left,
      rgb(0, 72, 140) 0%,
      rgb(0, 37, 89) 100%
    );
    background: linear-gradient(90deg, rgb(0, 72, 140) 0%, rgb(0, 37, 89) 100%);
    color: #fff;
  }
  .top-intro__container::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-style: solid;
    border-right: 1.2em solid rgba(0, 0, 0, 0);
    border-left: 1.2em solid rgba(0, 0, 0, 0);
    border-top: 1.2em solid #003773;
    border-bottom: 0;
  }
  .top-intro__ttl {
    font-style: normal;
    font-size: clamp(1.2em, 3vw, 4rem);
    background: -webkit-gradient(
      linear,
      left bottom,
      left top,
      from(#fcd639),
      to(#f3f4fa)
    );
    background: -webkit-linear-gradient(bottom, #fcd639 0%, #f3f4fa 100%);
    background: linear-gradient(0deg, #fcd639 0%, #f3f4fa 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
  }
  .top-intro__txt {
    display: inline-block;
    padding: 0 1em;
    margin: 0.5em auto 0.8em auto;
    border-radius: 1em;
    background-color: #fff;
    color: #11308b;
    font-weight: bold;
    font-size: clamp(1em, 2vw, 3rem);
  }
  .top-intro__img {
    width: 700px;
    max-width: 100%;
    margin: auto;
  }
  .top-cta {
    text-align: center;
    padding: 2.5em 0;
    background-image: url(/img/syaken/top/cta_bg.webp);
    background-position: center;
    background-size: cover;
    color: #fff;
  }
  @media all and (max-width: 896px) {
    .top-cta {
      padding: 2em 0;
    }
  }
  .top-cta__container {
    position: relative;
  }
  .top-cta__img {
    position: absolute;
    right: -2em;
    top: -5em;
    z-index: 20;
    width: 300px;
    max-width: 25%;
  }
  @media all and (max-width: 896px) {
    .top-cta__img {
      max-width: 35%;
      top: initial;
      bottom: -4em;
      right: 0em;
    }
  }
  .top-cta__ttl {
    position: relative;
    font-size: clamp(1.7em, 3vw, 4rem);
    display: inline-block;
    margin: auto;
  }
  .top-cta__ttl::before {
    content: "";
    position: absolute;
    top: -0.5em;
    right: calc(100% - 0.7em);
    display: inline-block;
    background-image: url(/img/syaken/top/ico_cta.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    width: 1.5em;
    height: 1.8em;
  }
  .top-cta__txt {
    font-size: 80%;
    margin-top: 0.3em;
  }
  .top-cta__btn .common-btn {
    max-width: initial;
    margin: 1.5em 0 0 0;
  }
  @media all and (max-width: 896px) {
    .top-cta__btn .common-btn {
      margin: 1.25em 0 0 0;
    }
  }
  .top-cta__btn a {
    border: 0.5px solid;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    height: 10rem;
    padding: 0.5em;
    font-weight: bold;
    font-style: italic;
  }
  @media all and (max-width: 896px) {
    .top-cta__btn a {
      height: 7rem;
    }
  }
  @media all and (max-width: 896px) {
    .top-cta__btn .flexWrap {
      gap: 0;
    }
  }
  .top-cta__btn .application {
    width: 100%;
  }
  .top-cta__btn .application a {
    font-size: clamp(2rem, 3vw, 4rem);
    color: #000;
    background-color: #fecf0f;
    background-image: url(/img/syaken/top/ico_arrow.svg);
    overflow: hidden;
    -webkit-transition: 500ms;
    transition: 500ms;
    height: 12rem;
  }
  @media all and (max-width: 896px) {
    .top-cta__btn .application a {
      height: 7rem;
    }
  }
  .top-cta__btn .application a::before {
    position: absolute;
    content: "";
    display: inline-block;
    top: -180px;
    left: 0;
    width: 30px;
    height: 100%;
    background-color: #b5e7ff;
    -webkit-transition: 500ms;
    transition: 500ms;
    -webkit-animation: shinyshiny 2.5s ease-in-out infinite;
    animation: shinyshiny 2.5s ease-in-out infinite;
  }
  @-webkit-keyframes shinyshiny {
    0% {
      -webkit-transform: scale(0) rotate(45deg);
      opacity: 0;
    }
    80% {
      -webkit-transform: scale(0) rotate(45deg);
      opacity: 0.5;
    }
    81% {
      -webkit-transform: scale(4) rotate(45deg);
      opacity: 1;
    }
    100% {
      -webkit-transform: scale(50) rotate(45deg);
      opacity: 0;
    }
  }
  .top-cta__btn .mail a {
    color: #000;
    background-color: #fff;
    background-image: url(/img/syaken/top/ico_arrow.svg);
    background-size: 1.5em;
  }
  @media all and (max-width: 896px) {
    .top-cta__btn .mail a {
      background-size: 2.2rem;
    }
  }
  .top-cta__btn .mail a span {
    font-size: clamp(1.8rem, 2.5vw, 2.5rem);
    position: relative;
  }
  .top-cta__btn .mail a span::before {
    content: "";
    vertical-align: middle;
    display: inline-block;
    width: 1em;
    height: 1em;
    margin-right: 0.3em;
    background-image: url(/img/syaken/top/ico_mail.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
  }
  @media all and (max-width: 896px) {
    .top-cta__btn .tel {
      margin-bottom: 3em;
    }
  }
  .top-cta__btn .tel a {
    line-height: 1.5;
    color: #fff;
    background-color: #000;
    font-weight: bold;
    font-style: italic;
    background-image: none;
    background-image: url(/img/syaken/top/ico_arrow_white.svg);
    background-size: 1.5em;
  }
  .top-cta__btn .tel a span {
    font-size: clamp(1.8rem, 2.5vw, 2.5rem);
    position: relative;
  }
  .top-cta__btn .tel a span::before {
    content: "";
    vertical-align: middle;
    display: inline-block;
    width: 1em;
    height: 1em;
    margin-right: 0.3em;
    background-image: url(/img/syaken/top/ico_tel_white.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
  }
  .top-cta__btn .tel a .num {
    position: relative;
    font-size: clamp(1.5em, 2.5vw, 3rem);
  }
  .top-cta__btn .tel a .num::before {
    content: "";
    display: inline-block;
    width: 0.6em;
    height: 0.6em;
    margin-right: 0.1em;
    background-image: url(/img/syaken/top/ico_tel_white.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
  }
  .top-cta__btn .tel a .txt {
    display: block;
    width: 100%;
    font-weight: normal;
  }
  .top-cta-1 {
    background-image: url(/img/syaken/top/cta_bg_01.webp);
    color: #000;
  }
  .top-cta-1 .top-cta__ttl {
    color: #11308b;
  }
  .top-cta-1 .top-cta__ttl::before {
    background-image: url(/img/syaken/top/ico_cta_01.svg);
  }
  .top-cta-1 .top-cta__txt {
    color: #11308b;
  }
  .top-cta-3 {
    padding-bottom: 5em;
  }
  @media all and (max-width: 896px) {
    .top-cta-3 .top-cta__btn .tel {
      margin-bottom: 1em;
    }
  }
  @media all and (max-width: 896px) {
    .top-cta-3 .top-cta__img {
      display: none;
    }
  }
  .top-price {
    background-color: #f3f4fa;
    text-align: center;
    padding: 4em 0;
  }
  @media all and (max-width: 896px) {
    .top-price {
      padding: 3em 0;
    }
  }
  .top-price__ttl {
    margin-bottom: 0;
  }
  .top-price__txt {
    font-size: 80%;
    margin-bottom: 2em;
  }
  .top-price__top .scrollBox img {
    width: 100%;
  }
  @media all and (max-width: 896px) {
    .top-price__top .scrollBox img {
      max-width: initial;
      width: 200%;
    }
  }
  .top-price__bottom .accordionBox summary {
    background-color: #fecf0f;
  }
  .top-price__bottom .accordionBox summary span {
    color: #11308b;
    font-weight: bold;
    letter-spacing: 0.05em;
    font-style: italic;
    line-height: 1.5;
  }
  .top-price__bottom .accordionBox summary span span {
    font-size: 170%;
    background: -webkit-gradient(
      linear,
      left top,
      left bottom,
      color-stop(60%, transparent),
      color-stop(60%, #fff)
    );
    background: -webkit-linear-gradient(transparent 60%, #fff 60%);
    background: linear-gradient(transparent 60%, #fff 60%);
    padding: 0.2em;
  }
  .top-price__bottom .accordionBox details {
    margin: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  .top-price__bottom .accordionBox details::before {
    top: 2em;
  }
  .top-price__bottom .accordionBox details::after {
    top: 2.5em;
  }
  .top-price__bottom .accordionBox .discount {
    padding: 1em 15% 1em 15%;
  }
  @media all and (max-width: 896px) {
    .top-price__bottom .accordionBox .discount {
      padding: 1em;
    }
  }
  .top-price__bottom .accordionBox .discount div:not(:last-child) {
    margin-bottom: 0.5em;
  }
  .top-price__bottom .flexWrap {
    background-color: #fff;
  }
  .top-price__bottom .small {
    font-size: 70%;
    text-align: right;
    margin-top: 0.5em;
  }
  .top-price-service {
    text-align: center;
    padding: 0 0 4em 0;
  }
  @media all and (max-width: 896px) {
    .top-price-service {
      padding: 0 0 3em 0;
    }
  }
  .top-price-service__ttl {
    position: relative;
    padding: 0.5em 0;
    margin-bottom: 1em;
    font-size: clamp(1.7em, 3vw, 4rem);
    color: #fff;
    background: #00488c;
    background: -webkit-gradient(
      linear,
      left top,
      right top,
      from(#00488c),
      to(#11308b)
    );
    background: -webkit-linear-gradient(left, #00488c 0%, #11308b 100%);
    background: linear-gradient(90deg, #00488c 0%, #11308b 100%);
  }
  .top-price-service__ttl span {
    display: block;
    font-size: clamp(1.2rem, 1.5vw, 2rem);
  }
  .top-price-service__ttl::before {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-style: solid;
    border-right: 1em solid rgba(0, 0, 0, 0);
    border-left: 1em solid rgba(0, 0, 0, 0);
    border-top: 0.75em solid #083c8c;
    border-bottom: 0;
  }
  .top-price-service__img {
    position: relative;
  }
  .top-price-service__img::before {
    content: "";
    display: inline-block;
    position: absolute;
    left: -1em;
    top: -1em;
    width: 4em;
    height: 4em;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(/img/syaken/top/price_service_icon.svg);
  }
  @media all and (max-width: 896px) {
    .top-price-service__img::before {
      left: -0.75em;
      width: 2.5em;
      height: 2.5em;
    }
  }
  .top-price-service__txt {
    margin-top: 1em;
  }
  .top-point {
    background-image: url(/img/syaken/top/point_bg.webp);
    background-position: center;
    background-size: cover;
    padding: 4em 0 0 0;
  }
  @media all and (max-width: 896px) {
    .top-point {
      padding: 3em 0 0 0;
    }
  }
  .top-point__point {
    gap: 0;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  @media all and (max-width: 896px) {
    .top-point__point .item:last-child {
      margin-top: -2em;
    }
  }
  .top-point__img {
    max-width: 70%;
    margin: auto;
  }
  @media all and (max-width: 896px) {
    .top-point__img {
      max-width: 80%;
    }
  }
  .top-service {
    padding: 4em 0;
  }
  @media all and (max-width: 896px) {
    .top-service {
      padding: 3em 0;
    }
  }
  .top-service__ttl span {
    color: #f3f4fa;
  }
  .top-service__slider .item {
    margin: 0 1em;
    border-radius: 5px;
    overflow: hidden;
    background-color: #f3f4fa;
    border: 1px solid #eee;
  }
  @media all and (max-width: 896px) {
    .top-service__slider .item {
      margin: 0 0.5em;
    }
  }
  .top-service__slider .txtWrap {
    padding: 1.5em;
  }
  @media all and (max-width: 896px) {
    .top-service__slider .txtWrap {
      padding: 1em;
    }
  }
  .top-service__slider .txtWrap .ttl {
    color: #11308b;
    font-size: clamp(1.8rem, 2vw, 3rem);
    margin-bottom: 0.5em;
  }
  .top-flow {
    background-color: #f3f4fa;
    padding: 4em 0 0 0;
  }
  @media all and (max-width: 896px) {
    .top-flow {
      padding: 3em 0 0 0;
    }
  }
  .top-flow__item .item {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 1.5em;
  }
  .top-flow__item .item:not(:last-child)::before {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-style: solid;
    border-right: 3em solid rgba(0, 0, 0, 0);
    border-left: 3em solid rgba(0, 0, 0, 0);
    border-top: 1.5em solid #fecf0f;
    border-bottom: 0;
  }
  .top-flow__item .step {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 10rem;
    font-weight: bold;
    line-height: 1;
    color: #fff;
    background-color: #11308b;
    font-size: clamp(1em, 1.5vw, 2rem);
    text-align: center;
    border-radius: 5px 0 0 5px;
  }
  .top-flow__item .step span {
    display: block;
    width: 100%;
    font-size: clamp(1.7em, 3vw, 4rem);
  }
  .top-flow__item .txtWrap {
    width: 100%;
    padding: 1.5em;
    background-color: #fff;
    border-radius: 0 5px 5px 0;
  }
  @media all and (max-width: 896px) {
    .top-flow__item .txtWrap {
      padding: 1em;
    }
  }
  .top-flow__item .txtWrap .ttl {
    font-size: 120%;
    font-style: normal;
    margin-bottom: 0.2em;
  }
  .top-flow__img {
    margin-top: 2em;
    padding: 0 2em;
  }
  @media all and (max-width: 896px) {
    .top-flow__img {
      padding: 0;
    }
  }
  .top-qa {
    padding: 4em 0;
    background-image: url(/img/syaken/top/qa_bg.webp);
    background-position: center;
    background-size: cover;
  }
  @media all and (max-width: 896px) {
    .top-qa {
      padding: 3em 0;
    }
  }
  .top-access {
    padding: 4em 0;
  }
  @media all and (max-width: 896px) {
    .top-access {
      padding: 3em 0;
    }
  }
  .top-access__ttl span {
    color: #f3f4fa;
  }
  .top-access__item {
    margin-top: 2em;
  }
  .top-access__item .txtWrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  @media all and (max-width: 896px) {
    .top-access__item .txtWrap {
      text-align: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
    }
  }
  .top-access__item .city {
    font-weight: bold;
    font-size: clamp(1.5rem, 2vw, 2.3rem);
    display: inline-block;
    padding: 0.3em 1em;
    color: #fff;
    border-radius: 5px;
    background-color: #aaa;
    line-height: 1;
    margin-bottom: 0.3em;
  }
  .top-access__item .ttl {
    font-size: clamp(1.5rem, 2vw, 2.3rem);
    color: #11308b;
    margin-bottom: 0.5em;
    display: block;
    width: 100%;
  }
  .top-access__item .attention {
    font-size: 80%;
    line-height: 1.5;
    margin-top: 1em;
    padding: 1em;
    border-radius: 5px;
    background-color: #f2f2f2;
    color: #666;
  }
  .top-access__item:nth-of-type(1) .city {
    background-color: #11308b;
  }
  .top-access__item:nth-of-type(2) .city {
    background-color: #3fa9f5;
  }
  .top-access__item:nth-of-type(3) .city {
    background-color: #fecf0f;
    color: #000;
  }
  .top-bnr {
    text-align: center;
    padding: 3em 0;
    background-image: url(/img/syaken/top/bnr_bg.webp);
    background-position: center;
    background-size: cover;
  }
  @media all and (max-width: 896px) {
    .top-bnr {
      padding: 2em 0;
    }
  }
  .top-bnr__ttl {
    margin: -6em auto 1em auto;
  } /*# sourceMappingURL=top.css.map */