@charset "utf-8";
*, :after, :before {
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

*, :after, :before, :root {
  -webkit-text-size-adjust: none;
  -moz-text-size-adjust: none;
  -ms-text-size-adjust: none;
  text-size-adjust: none
}

:root {
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  scroll-behavior: smooth
}

:root, body {
  height: 100%
}

body {
  margin: 0
}

article, aside, audio, canvas, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary, video {
  display: block
}

address {
  font-style: normal
}

mark {
  background-color: transparent
}

dd, dl, dt, ul {
  margin: 0
}

ol, ul {
  padding: 0
}

li {
  list-style: none
}

a {
  -webkit-text-decoration: none;
  text-decoration: none
}

a:active, a:hover {
  outline: 0
}

a {
  color: inherit
}

a[href], button, input[type=button], input[type=reset], input[type=submit] {
  cursor: pointer
}

a[href].disabled, a[href]:disabled, button.disabled, button:disabled, input[type=button].disabled, input[type=button]:disabled, input[type=reset].disabled, input[type=reset]:disabled, input[type=submit].disabled, input[type=submit]:disabled {
  pointer-events: none
}

button {
  background-color: transparent;
  border: none;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  padding: 0
}

h1, h2, h3, h4, h5, h6, p {
  margin: 0
}

a, h1, h2, h3, h4, h5, h6, p, small button, span, strong {
  word-break: break-word
}

audio:not([controls]) {
  display: none;
  height: 0
}

[hidden], template {
  display: none
}

abbr[title] {
  border-bottom: 1px dotted
}

b, strong {
  font-weight: 700
}

dfn {
  font-style: italic
}

hr {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  height: 0
}

code, kbd, pre, samp {
  font-family: monospace, serif;
  font-size: 1em
}

pre {
  white-space: pre-wrap
}

q {
  quotes: "“" "”" "‘" "’"
}

small {
  font-size: 80%
}

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline
}

sup {
  top: -.5em
}

sub {
  bottom: -.25em
}

img {
  border: 0;
  max-width: 100%
}

svg:not(:root) {
  overflow: hidden
}

figure {
  margin: 0
}

fieldset {
  margin: 0
}

fieldset, legend {
  border: 0;
  padding: 0
}

button, input, select, textarea {
  font-family: inherit;
  font-size: 100%;
  margin: 0
}

button, input {
  line-height: normal
}

button, select {
  text-transform: none
}

input[type=checkbox], input[type=radio] {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  padding: 0
}

input[type=search] {
  -webkit-box-sizing: content-box;
  box-sizing: content-box
}

input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
  appearance: none
}

button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0
}

textarea {
  overflow: auto;
  vertical-align: top
}

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

body {
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
  background-color: #fff;
  color: #000;
  font-family: Noto Sans JP, hiragino sans, ヒラギノ角ゴシック, hiragino kaku gothic pron, ヒラギノ角ゴ ProN W3, roboto, Droid Sans, yugothic, 游ゴシック, meiryo, メイリオ, verdana, ＭＳ Ｐゴシック, sans-serif;
  font-size: 100%;
  line-height: normal;
  min-height: 100%
}

.wrapper, body {
  position: relative
}

.wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  min-height: 100vh;
  overflow: hidden
}

.app, .wrapper {
  max-width: 100%
}

.app {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  display: block;
  flex-grow: 1;
  min-height: 1px;
  width: 100%
}

.container {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 1090px;
  width: calc(100% - 20px)
}

.container:after, .container:before {
  content: "";
  display: table
}

.container:after {
  clear: both
}

.container--fluid {
  max-width: 100%
}

.color-white {
  color: #fff
}

.bg-white {
  background: #fff
}

.color-black {
  color: #000
}

.bg-black {
  background: #000
}

.color-blue-1 {
  color: #1470dd
}

.bg-blue-1 {
  background: #1470dd
}

.color-blue-2 {
  color: #1370dd
}

.bg-blue-2 {
  background: #1370dd
}

.color-light-blue {
  color: #13cddd
}

.bg-light-blue {
  background: #13cddd
}

.color-yellow {
  color: #ffeb02
}

.bg-yellow {
  background: #ffeb02
}

.color-red {
  color: #d91a1a
}

.bg-red {
  background: #d91a1a
}

.lg-show {
  display: none!important
}

@media(max-width:1023px) {
  .lg-show {
    display: block!important
  }
}

.md-show {
  display: none!important
}

@media(max-width:767px) {
  .md-show {
    display: block!important
  }
  .md-hide {
    display: none!important
  }
}

.h1 {
  color: #1470dd;
  -webkit-filter: drop-shadow(3px 3px 0 rgba(0, 0, 0, .15));
  filter: drop-shadow(3px 3px 0 rgba(0, 0, 0, .15));
  font-size: 43px;
  letter-spacing: .06em;
  line-height: 60px;
  text-align: center;
  text-shadow: 0 -2px 0 #fff, 0 -2px 0 #fff, 0 2px 0 #fff, 0 2px 0 #fff, -2px 0 0 #fff, 2px 0 0 #fff, -2px 0 0 #fff, 2px 0 0 #fff, -1px -2px 0 #fff, 1px -2px 0 #fff, -1px 2px 0 #fff, 1px 2px 0 #fff, -2px -1px 0 #fff, 2px -1px 0 #fff, -2px 1px 0 #fff, 2px 1px 0 #fff, -2px -2px 0 #fff, 2px -2px 0 #fff, -2px 2px 0 #fff, 2px 2px 0 #fff, -2px -2px 0 #fff, 2px -2px 0 #fff, -2px 2px 0 #fff, 2px 2px 0 #fff
}

@media(max-width:767px) {
  .h1 {
    font-size: 34px;
    line-height: 45px
  }
}

@media(max-width:374px) {
  .h1 {
    font-size: 28px;
    line-height: 36px
  }
}

.h1 .large {
  font-size: 103px;
  line-height: 110px
}

@media(max-width:767px) {
  .h1 .large {
    font-size: 60px;
    line-height: 70px
  }
}

@media(max-width:374px) {
  .h1 .large {
    font-size: 50px;
    line-height: 60px
  }
}

.section-title {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  text-align: center
}

.section-title__caption, .section-title__title {
  -webkit-filter: drop-shadow(3px 3px 0 rgba(0, 0, 0, .15));
  filter: drop-shadow(3px 3px 0 rgba(0, 0, 0, .15));
  font-weight: 700;
  letter-spacing: .06em;
  text-align: inherit;
  text-shadow: 0 -1px 0 #fff, 0 -1px 0 #fff, 0 1px 0 #fff, 0 1px 0 #fff, -1px 0 0 #fff, 1px 0 0 #fff, -1px 0 0 #fff, 1px 0 0 #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff
}

.section-title__caption {
  color: #1470dd;
  font-size: 34px;
  line-height: 72px;
  padding-left: 30px;
  padding-right: 30px;
  position: relative
}

@media(max-width:767px) {
  .section-title__caption {
    font-size: 20px;
    line-height: 25px;
    padding-left: 25px;
    padding-right: 25px
  }
}

.section-title__caption:after, .section-title__caption:before {
  background-color: #1370dd;
  border: 2px solid #fff;
  border-radius: 5px;
  content: "";
  display: block;
  height: 40px;
  position: absolute;
  top: 50%;
  width: 8px
}

@media(max-width:767px) {
  .section-title__caption:after, .section-title__caption:before {
    height: 30px
  }
}

.section-title__caption:before {
  left: 0;
  -webkit-transform: translateY(-50%) rotate(-20deg);
  transform: translateY(-50%) rotate(-20deg)
}

.section-title__caption:after {
  right: 0;
  -webkit-transform: translateY(-50%) rotate(20deg);
  transform: translateY(-50%) rotate(20deg)
}

.section-title__caption+.section-title__title {
  margin-top: 5px
}

@media(max-width:767px) {
  .section-title__caption+.section-title__title {
    margin-top: 15px
  }
}

.section-title__title {
  color: #1370dd;
  font-size: 36px;
  line-height: 48px
}

@media(max-width:767px) {
  .section-title__title {
    font-size: 24px;
    line-height: 30px;
    text-shadow: 0 -2px 0 #fff, 0 -2px 0 #fff, 0 2px 0 #fff, 0 2px 0 #fff, -2px 0 0 #fff, 2px 0 0 #fff, -2px 0 0 #fff, 2px 0 0 #fff, -1px -2px 0 #fff, 1px -2px 0 #fff, -1px 2px 0 #fff, 1px 2px 0 #fff, -2px -1px 0 #fff, 2px -1px 0 #fff, -2px 1px 0 #fff, 2px 1px 0 #fff, -2px -2px 0 #fff, 2px -2px 0 #fff, -2px 2px 0 #fff, 2px 2px 0 #fff, -2px -2px 0 #fff, 2px -2px 0 #fff, -2px 2px 0 #fff, 2px 2px 0 #fff
  }
}

@media(max-width:374px) {
  .section-title__title {
    font-size: 20px;
    line-height: 26px
  }
}

.section-title__title+.section-title__subtitle {
  margin-top: 27px
}

@media(max-width:767px) {
  .section-title__title+.section-title__subtitle {
    margin-top: 21px
  }
}

.section-title__subtitle {
  color: #1a1a1a;
  font-size: 16px;
  line-height: 32px;
  text-align: center
}

@media(max-width:374px) {
  .section-title__subtitle {
    font-size: 12px;
    line-height: 20px
  }
}

.weight-700 {
  font-weight: 700
}

.weight-900 {
  font-weight: 900
}

.header {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  background-color: #fff;
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
  box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  justify-content: center;
  left: 0;
  min-height: 72px;
  padding-bottom: 2px;
  padding-top: 2px;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 100
}

@media(max-width:767px) {
  .header {
    min-height: 56px;
    padding-bottom: 0;
    padding-top: 0
  }
}

.header__inner {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  justify-content: space-between;
  margin-left: auto;
  margin-right: auto;
  max-width: 1366px;
  padding-left: 20px;
  padding-right: 20px;
  width: 100%
}

@media(max-width:767px) {
  .header__inner {
    padding-left: 10px;
    padding-right: 30px
  }
}

@media(max-width:374px) {
  .header__inner {
    padding-right: 10px
  }
}

.header__logo {
  display: block;
  max-width: 260px;
  width: 100%
}

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

.header__logo-link, .header__logo-link picture, .header__logo-link picture img {
  display: block;
  width: 100%
}

.header__text {
  color: #707070;
  font-size: 14px;
  line-height: 17px;
  margin-right: auto
}

@media(max-width:767px) {
  .header__text {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    font-size: 10px;
    line-height: 14px;
    margin-right: 0
  }
}

.footer {
  background-color: #fff;
  margin-top: auto;
  padding-bottom: 110px;
  padding-top: 50px
}

@media(max-width:767px) {
  .footer {
    padding-bottom: 90px
  }
}

.footer .copyright {
  color: #535353;
  font-size: 12px;
  letter-spacing: .08em;
  line-height: 16px;
  text-align: center
}

.btn {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 36px;
  -webkit-box-shadow: 0 6px 0 currentColor;
  box-shadow: 0 6px 0 currentColor;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 510px;
  min-height: 72px;
  position: relative;
  width: 100%
}

.btn--default {
  background: -webkit-gradient(linear, left top, left bottom, from(#ffb324), to(#da6e21));
  background: -o-linear-gradient(#ffb324 0, #da6e21 100%);
  background: linear-gradient(#ffb324, #da6e21);
  color: #b4550f
}

.btn--default .btn__price {
  background-image: url(../../assets/images/icons/btn-price-bg.svg);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 0
}

.btn--default .btn__arrow:after {
  background-color: #d46f09
}

.btn--tel {
  background: -webkit-gradient(linear, left top, left bottom, from(#2adcf4), to(#46aaff));
  background: -o-linear-gradient(#2adcf4 0, #46aaff 100%);
  background: linear-gradient(#2adcf4, #46aaff);
  color: #003f98
}

.btn--tel .btn__caption {
  border: 2px solid #1b84ff
}

.btn--tel .btn__caption:after {
  background-color: #1b84ff
}

.btn--tel .btn__caption p {
  color: #1b84ff
}

.btn--tel .btn__price {
  background-color: hsla(0, 0%, 100%, .5)
}

@media(max-width:767px) {
  .btn--tel .btn__price {
    background-color: #4de4ff;
    border-color: #3084f7
  }
}

.btn--tel .btn__price-inner {
  background-color: #fff
}

.btn--tel .btn__price-inner p {
  color: #3084f7
}

.btn--tel .btn__arrow:after {
  background-color: #39c2fa
}

.btn--line {
  background: -webkit-gradient(linear, left top, left bottom, from(#6dd746), to(#5ebb3b));
  background: -o-linear-gradient(#6dd746 0, #5ebb3b 100%);
  background: linear-gradient(#6dd746, #5ebb3b);
  color: #3c901d
}

.btn--line .btn__price {
  background-color: rgba(255, 235, 0, .5)
}

.btn--line .btn__price-inner {
  background-color: #ffeb00
}

.btn--line .btn__price-inner p {
  color: #5ebb3b
}

.btn--line .btn__arrow:after {
  background-color: #62c33f
}

@media(max-width:767px) {
  .btn--banner {
    border-radius: 27px;
    min-height: 54px
  }
  .btn--banner.btn--default .btn__price {
    background-color: rgba(255, 235, 0, .5)
  }
  .btn--banner.btn--default .btn__price-inner {
    background-color: #ffeb00
  }
  .btn--banner.btn--tel .btn__price {
    background-color: rgba(175, 212, 255, .5)
  }
  .btn--banner.btn--tel .btn__price-inner {
    background-color: #c7f0ff
  }
  .btn--banner.btn--tel .btn__arrow:after {
    background-color: #3d94f8
  }
  .btn--banner .btn__inner {
    padding-left: 55px;
    padding-right: 30px
  }
}

@media(max-width:374px) {
  .btn--banner .btn__inner {
    padding-left: 45px;
    padding-right: 20px
  }
}

@media(max-width:767px) {
  .btn--banner .btn__caption {
    padding: 2px 10px
  }
}

@media(max-width:374px) {
  .btn--banner .btn__caption {
    top: -20px
  }
}

@media(max-width:767px) {
  .btn--banner .btn__caption p {
    font-size: 10px;
    line-height: 14px
  }
  .btn--banner .btn__price {
    border: none;
    border-radius: 50%;
    height: 48px;
    left: 3px;
    padding: 4px;
    width: 48px
  }
}

@media(max-width:374px) {
  .btn--banner .btn__price {
    height: 38px;
    padding: 3px;
    width: 38px
  }
}

@media(max-width:767px) {
  .btn--banner .btn__price-inner p {
    font-size: 12px;
    line-height: 18px
  }
}

@media(max-width:374px) {
  .btn--banner .btn__price-inner p {
    font-size: 9px;
    line-height: 12px
  }
}

@media(max-width:767px) {
  .btn--banner .btn__text .text {
    font-size: 12px;
    font-weight: 400;
    line-height: 15px
  }
}

@media(max-width:374px) {
  .btn--banner .btn__text .text {
    font-size: 11px;
    line-height: 14px
  }
}

@media(max-width:767px) {
  .btn--banner .btn__text .phone {
    font-size: 13px;
    line-height: 17px
  }
}

@media(max-width:374px) {
  .btn--banner .btn__text .phone {
    font-size: 12px;
    line-height: 17px
  }
}

@media(max-width:767px) {
  .btn--banner .btn__text .phone .tel {
    font-size: 12px;
    line-height: 15px
  }
}

@media(max-width:374px) {
  .btn--banner .btn__text .phone .tel {
    font-size: 10px;
    line-height: 14px
  }
}

@media(max-width:767px) {
  .btn--banner .btn__info {
    font-size: 5px;
    line-height: 8px
  }
  .btn--banner .btn__arrow {
    padding: 0;
    right: 10px
  }
}

@media(max-width:374px) {
  .btn--banner .btn__arrow {
    right: 5px;
    width: 10px
  }
  .btn--banner .btn__arrow:after {
    height: 4px;
    width: 5px
  }
}

.btn--reflect {
  -webkit-animation: push 1.7s ease infinite;
  animation: push 1.7s ease infinite
}

.btn--reflect .btn__inner:before {
  -webkit-animation: reflect 2s ease-in-out infinite;
  animation: reflect 2s ease-in-out infinite;
  background-color: #fff;
  content: "";
  display: block;
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: -180px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 30px;
  z-index: 1
}

.btn__wrap {
  max-width: 510px;
  padding-top: 15px;
  width: 100%
}

.btn__wrap .btn {
  max-width: 100%
}

.btn__caption {
  background-color: #fff;
  border: 2px solid #e27c22;
  border-radius: 15px;
  max-width: 100%;
  padding: 3px 20px;
  top: -15px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  z-index: 2
}

.btn__caption, .btn__caption:after, .btn__caption:before {
  left: 50%;
  position: absolute;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%)
}

.btn__caption:after, .btn__caption:before {
  -webkit-clip-path: polygon(0 0, 50% 100%, 100% 0);
  clip-path: polygon(0 0, 50% 100%, 100% 0);
  content: "";
  display: block
}

.btn__caption:before {
  background-color: #fff;
  height: 8px;
  top: calc(100% - 1px);
  width: 12px;
  z-index: 2
}

.btn__caption:after {
  background-color: #e27c22;
  height: 10px;
  top: 100%;
  width: 14px;
  z-index: 1
}

.btn__caption p {
  color: #da6f20;
  font-size: 16px;
  font-weight: 700;
  line-height: 19px;
  text-align: center
}

@media(max-width:767px) {
  .btn__caption p {
    font-size: 14px;
    line-height: 17px
  }
}

.btn__inner {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -ms-flex-item-align: stretch;
  align-items: center;
  align-self: stretch;
  border-radius: inherit;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 5px;
  justify-content: center;
  overflow: hidden;
  padding: 10px 80px;
  position: relative;
  width: 100%
}

@media(max-width:767px) {
  .btn__inner {
    padding-left: 65px;
    padding-right: 35px
  }
  .btn__inner:after {
    background-color: #fff;
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 7%, 0 45%);
    clip-path: polygon(0 0, 100% 0, 100% 7%, 0 45%);
    content: "";
    height: 100%;
    left: 0;
    opacity: .4;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
  }
}

.btn__price {
  -ms-flex-negative: 0;
  border-radius: 50%;
  flex-shrink: 0;
  height: 75px;
  left: 10px;
  padding: 5px;
  position: absolute;
  top: -10px;
  -webkit-transform: rotate(-12deg);
  transform: rotate(-12deg);
  width: 75px;
  z-index: 5
}

@media(max-width:767px) {
  .btn__price {
    height: 63px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 63px
  }
}

.btn__price-inner {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: inherit;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  justify-content: center;
  position: relative;
  width: 100%
}

.btn__price-inner p {
  color: #df7326;
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
  text-align: center
}

.btn__text .text {
  color: #fff;
  font-size: 26px;
  font-weight: 700;
  line-height: 29px;
  text-align: center
}

@media(max-width:767px) {
  .btn__text .text {
    font-size: 18px;
    line-height: 26px
  }
}

@media(max-width:374px) {
  .btn__text .text {
    font-size: 18px;
    line-height: 21px
  }
}

.btn__text .phone {
  color: #fff;
  font-family: Jost, sans-serif;
  font-size: 26px;
  font-weight: 700;
  line-height: 21px
}

@media(max-width:374px) {
  .btn__text .phone {
    font-size: 22px;
    line-height: 25px
  }
}

.btn__text .phone .tel {
  color: currentColor;
  font-size: 19px;
  line-height: 25px
}

@media(max-width:374px) {
  .btn__text .phone .tel {
    font-size: 13px;
    line-height: 18px
  }
}

.btn__text-icon {
  display: block;
  width: 29px
}

.btn__text-icon path, .btn__text-icon svg {
  display: block;
  width: 100%
}

.btn__row {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 5px
}

.btn__reception {
  background-color: #2f84f7;
  border-radius: 2px;
  padding: 2px 6px
}

.btn__reception p {
  line-height: 14px;
  text-align: center
}

.btn__info, .btn__reception p {
  color: #fff;
  font-size: 10px;
  font-weight: 700
}

.btn__info {
  line-height: 13px
}

.btn__arrow {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  align-items: center;
  aspect-ratio: 1;
  background-color: #fff;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  padding-left: 2px;
  position: absolute;
  right: 20px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 28px
}

@media(max-width:767px) {
  .btn__arrow {
    right: 14px;
    width: 16px
  }
}

.btn__arrow:after {
  background-color: #d46f09;
  -webkit-clip-path: polygon(0 0, 100% 50%, 0 100%, 20% 50%);
  clip-path: polygon(0 0, 100% 50%, 0 100%, 20% 50%);
  content: "";
  display: block;
  height: 12px;
  width: 12px
}

@media(max-width:767px) {
  .btn__arrow:after {
    height: 6px;
    width: 7px
  }
}

.btn-phone {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  gap: 11px;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity 0.5s linear;
}

body.loaded .btn-phone {
  visibility: visible;
  opacity: 1;
}

.btn-phone, .btn-phone__icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.btn-phone__icon {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  align-items: center;
  background-color: #fff;
  border: 1px solid #1b84ff;
  border-radius: 10px;
  height: 56px;
  justify-content: center;
  padding: 5px;
  width: 56px
}

.btn-phone__icon p {
  color: #2769ba;
  font-size: 14px;
  line-height: 16px;
  text-align: center
}

.btn-phone__number {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-family: Jost, sans-serif;
  font-size: 52px;
  font-weight: 700;
  line-height: 53px;
  padding-right: 20px;
  position: relative
}

.btn-phone__number:after {
  background-color: currentColor;
  bottom: 0;
  content: "";
  display: block;
  height: 1px;
  left: 0;
  position: absolute;
  width: 100%
}

.btn-phone__number .tel {
  display: block;
  font-size: 32px;
  line-height: 40px
}

.btn-phone__row {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 7px;
  margin-top: 10px
}

.btn-phone__row .subtitle {
  color: #90e5ff;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px
}

.btn-phone__reception {
  background-color: #90e5ff;
  border-radius: 2px;
  padding: 2px 6px
}

.btn-phone__reception p {
  color: #225faa;
  font-size: 12px;
  font-weight: 700;
  line-height: 17px
}

.btn-phone--header {
  gap: 9px
}

@media(max-width:767px) {
  .btn-phone--header {
    display: none
  }
}

.btn-phone--header .btn-phone__icon {
  height: 50px;
  width: 50px
}

@media(max-width:1023px) {
  .btn-phone--header .btn-phone__icon {
    height: 35px;
    width: 35px
  }
  .btn-phone--header .btn-phone__icon p {
    font-size: 10px;
    line-height: 12px
  }
}

.btn-phone--header .btn-phone__number {
  color: #1b84ff;
  font-size: 32px;
  line-height: 33px;
  padding-right: 0
}

@media(max-width:1023px) {
  .btn-phone--header .btn-phone__number {
    font-size: 22px;
    line-height: 23px
  }
}

.btn-phone--header .btn-phone__number:after {
  display: none
}

.btn-phone--header .btn-phone__number .tel {
  font-size: 24px;
  line-height: 27px
}

@media(max-width:1023px) {
  .btn-phone--header .btn-phone__number .tel {
    font-size: 16px;
    line-height: 19px
  }
}

.btn-phone--header .btn-phone__row {
  margin-top: 0
}

.btn-phone--header .btn-phone__row .subtitle {
  color: #121212;
  font-size: 12px;
  line-height: 14px
}

@media(max-width:1023px) {
  .btn-phone--header .btn-phone__row .subtitle {
    font-size: 10px;
    line-height: 12px
  }
}

@-webkit-keyframes reflect {
  0% {
    opacity: 0;
    -webkit-transform: scale(0) rotate(45deg);
    transform: scale(0) rotate(45deg)
  }
  80% {
    opacity: .5;
    -webkit-transform: scale(0) rotate(45deg);
    transform: scale(0) rotate(45deg)
  }
  81% {
    opacity: 1;
    -webkit-transform: scale(4) rotate(45deg);
    transform: scale(4) rotate(45deg)
  }
  to {
    opacity: 0;
    -webkit-transform: scale(50) rotate(45deg);
    transform: scale(50) rotate(45deg)
  }
}

@keyframes reflect {
  0% {
    opacity: 0;
    -webkit-transform: scale(0) rotate(45deg);
    transform: scale(0) rotate(45deg)
  }
  80% {
    opacity: .5;
    -webkit-transform: scale(0) rotate(45deg);
    transform: scale(0) rotate(45deg)
  }
  81% {
    opacity: 1;
    -webkit-transform: scale(4) rotate(45deg);
    transform: scale(4) rotate(45deg)
  }
  to {
    opacity: 0;
    -webkit-transform: scale(50) rotate(45deg);
    transform: scale(50) rotate(45deg)
  }
}

@-webkit-keyframes push {
  0% {
    -webkit-box-shadow: 0 6px 0 currentColor;
    box-shadow: 0 6px 0 currentColor;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
  60% {
    -webkit-box-shadow: 0 6px 0 currentColor;
    box-shadow: 0 6px 0 currentColor;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
  70% {
    -webkit-box-shadow: 0 0 0 currentColor;
    box-shadow: 0 0 0 currentColor;
    -webkit-transform: translateY(6px);
    transform: translateY(6px)
  }
  80% {
    -webkit-box-shadow: 0 6px 0 currentColor;
    box-shadow: 0 6px 0 currentColor;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
  90% {
    -webkit-box-shadow: 0 0 0 currentColor;
    box-shadow: 0 0 0 currentColor;
    -webkit-transform: translateY(6px);
    transform: translateY(6px)
  }
  to {
    -webkit-box-shadow: 0 6px 0 currentColor;
    box-shadow: 0 6px 0 currentColor;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
}

@keyframes push {
  0% {
    -webkit-box-shadow: 0 6px 0 currentColor;
    box-shadow: 0 6px 0 currentColor;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
  60% {
    -webkit-box-shadow: 0 6px 0 currentColor;
    box-shadow: 0 6px 0 currentColor;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
  70% {
    -webkit-box-shadow: 0 0 0 currentColor;
    box-shadow: 0 0 0 currentColor;
    -webkit-transform: translateY(6px);
    transform: translateY(6px)
  }
  80% {
    -webkit-box-shadow: 0 6px 0 currentColor;
    box-shadow: 0 6px 0 currentColor;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
  90% {
    -webkit-box-shadow: 0 0 0 currentColor;
    box-shadow: 0 0 0 currentColor;
    -webkit-transform: translateY(6px);
    transform: translateY(6px)
  }
  to {
    -webkit-box-shadow: 0 6px 0 currentColor;
    box-shadow: 0 6px 0 currentColor;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
}

@-webkit-keyframes rotate {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0)
  }
  25% {
    -webkit-transform: rotate(10deg);
    transform: rotate(10deg)
  }
  50% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
  75% {
    -webkit-transform: rotate(10deg);
    transform: rotate(10deg)
  }
  to {
    -webkit-transform: rotate(0);
    transform: rotate(0)
  }
}

@keyframes rotate {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0)
  }
  25% {
    -webkit-transform: rotate(10deg);
    transform: rotate(10deg)
  }
  50% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
  75% {
    -webkit-transform: rotate(10deg);
    transform: rotate(10deg)
  }
  to {
    -webkit-transform: rotate(0);
    transform: rotate(0)
  }
}

.cta {
  background: -webkit-gradient(linear, left top, right top, from(#3176cb), to(#003472));
  background: -o-linear-gradient(left, #3176cb 0, #003472 100%);
  background: linear-gradient(90deg, #3176cb, #003472);
  padding-bottom: 75px;
  padding-top: 60px
}

@media(max-width:767px) {
  .cta {
    padding: 48px 10px 65px
  }
}

.cta__title {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  font-weight: 700;
  text-align: center
}

.cta__title .caption {
  font-size: 20px;
  line-height: 28px;
  padding-left: 15px;
  padding-right: 15px;
  position: relative
}

@media(max-width:767px) {
  .cta__title .caption {
    font-size: 15px;
    line-height: 19px
  }
}

.cta__title .caption:after, .cta__title .caption:before {
  background-color: currentColor;
  content: "";
  display: block;
  height: 20px;
  position: absolute;
  top: 50%;
  width: 2px
}

@media(max-width:767px) {
  .cta__title .caption:after, .cta__title .caption:before {
    height: 18px
  }
}

.cta__title .caption:before {
  left: 0;
  -webkit-transform: translateY(-50%) rotate(-20deg);
  transform: translateY(-50%) rotate(-20deg)
}

.cta__title .caption:after {
  right: 0;
  -webkit-transform: translateY(-50%) rotate(20deg);
  transform: translateY(-50%) rotate(20deg)
}

.cta__title .title {
  font-size: 30px;
  line-height: 38px;
  margin-top: 4px
}

@media(max-width:767px) {
  .cta__title .title {
    font-size: 17px;
    line-height: 21px
  }
  .cta__title .title .large {
    font-size: 26px;
    line-height: 30px
  }
}

.cta__title+.cta__row {
  margin-top: 10px
}

@media(max-width:767px) {
  .cta__title+.cta__row {
    margin-top: 15px
  }
}

.cta__row {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 15px;
  justify-content: center
}

@media(max-width:1023px) {
  .cta__row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-direction: column;
    flex-direction: column
  }
}

@media(max-width:767px) {
  .cta__row {
    gap: 10px
  }
  .cta .btn-phone {
    display: none
  }
}

.cta .btn {
  min-height: 75px
}

.cta .btn--tel {
  display: none
}

@media(max-width:767px) {
  .cta .btn--tel {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
  }
}

.cta .btn--line {
  display: none
}

@media(max-width:767px) {
  .cta .btn--line {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
  }
}

.banner {
  background: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, 0)), to(#fff));
  background: -o-linear-gradient(hsla(0, 0%, 100%, 0) 0, #fff 100%);
  background: linear-gradient(hsla(0, 0%, 100%, 0), #fff);
  bottom: 0;
  left: 0;
  opacity: 0;
  padding-bottom: 14px;
  padding-top: 14px;
  position: fixed;
  -webkit-transform: translateY(500%);
  transform: translateY(500%);
  -webkit-transition: .3s ease;
  -o-transition: .3s ease;
  transition: .3s ease;
  width: 100%;
  z-index: 90
}

.banner.show {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0)
}

.banner__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 5px
}

.banner__btn {
  margin-left: auto;
  margin-right: auto;
  max-width: 560px;
  position: relative;
  width: 100%
}

.banner__btn .btn {
  max-width: 100%
}

.banner__img {
  bottom: 0;
  height: 154px;
  position: absolute;
  right: calc(100% - 20px);
  width: 207px;
  z-index: -1
}

@media(max-width:1023px) {
  .banner__img {
    display: none
  }
}

.banner__img picture, .banner__img picture img {
  display: block;
  width: 100%
}

.banner__img-info {
  background: -webkit-gradient(linear, left top, left bottom, from(#ffe379), to(#ffcd64));
  background: -o-linear-gradient(#ffe379 0, #ffcd64 100%);
  background: linear-gradient(#ffe379, #ffcd64);
  border-radius: 12px;
  bottom: 10px;
  -webkit-filter: drop-shadow(0 3px 6px rgba(0, 0, 0, .16));
  filter: drop-shadow(0 3px 6px rgba(0, 0, 0, .16));
  padding: 12px 6px;
  position: absolute;
  right: calc(100% - 33px);
  width: 160px
}

@media(max-width:1279px) {
  .banner__img-info {
    left: 50%;
    top: 60%;
    z-index: 2
  }
}

.banner__img-info:before {
  background: -webkit-gradient(linear, left top, left bottom, from(#ffe379), to(#ffcd64));
  background: -o-linear-gradient(#ffe379 0, #ffcd64 100%);
  background: linear-gradient(#ffe379, #ffcd64);
  -webkit-clip-path: polygon(0 0, 0 100%, 100% 50%);
  clip-path: polygon(0 0, 0 100%, 100% 50%);
  content: "";
  height: 12px;
  left: calc(100% - 1px);
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 11px
}

@media(max-width:1279px) {
  .banner__img-info:before {
    bottom: calc(100% - 1px);
    -webkit-clip-path: polygon(50% 0, 0 100%, 100% 100%);
    clip-path: polygon(50% 0, 0 100%, 100% 100%);
    left: 20px;
    top: auto;
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
}

.banner__img-info .text {
  color: #484848;
  font-size: 9px;
  font-weight: 500;
  line-height: 11px;
  text-align: center
}

.banner__img-info .text-large {
  color: #484848;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  text-align: center
}

.banner__img-info .text-large .largest {
  font-size: 14px
}

[data-banner-btn] {
  display: none
}

[data-banner-btn].show {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.table {
  width: 100%
}

@media(max-width:767px) {
  .table--company .table__tr {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    border-top: 1px solid #c6d5e2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-bottom: 20px;
    padding-top: 12px;
    position: relative
  }
}

.table--company .table__tr:before {
  background-color: #005cad;
  content: "";
  display: none;
  height: 1px;
  left: 0;
  position: absolute;
  top: -1px;
  width: 120px
}

@media(max-width:767px) {
  .table--company .table__tr:before {
    display: block
  }
}

.table--company .table__th {
  border-top: 1px solid #005cad;
  font-weight: 700;
  width: 260px
}

.table--company .table__td {
  border-top: 1px solid #c6d5e2;
  padding-left: 15px;
  width: calc(100% - 260px)
}

@media(max-width:767px) {
  .table--company .table__td {
    margin-top: 4px
  }
}

.table--company .table__td, .table--company .table__th {
  color: #000;
  font-size: 14px;
  letter-spacing: .08em;
  line-height: 21px;
  padding-bottom: 24px;
  padding-top: 16px;
  text-align: left
}

@media(max-width:767px) {
  .table--company .table__td, .table--company .table__th {
    border: none;
    padding: 0;
    width: 100%
  }
}

.intro {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-image: url(../../assets/images/intro/bg.png);
  background-position: 77% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 640px;
  overflow: hidden;
  width: 100%;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity 0.5s linear;
}

body.loaded .intro {
  visibility: visible;
  opacity: 1;
}

@media(max-width:1023px) {
  .intro {
    background-position: 88% 50%
  }
}

@media(max-width:767px) {
  .intro {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
  }
}

.intro .container {
  max-width: 1195px
}

.intro__content {
  position: relative;
  z-index: 1
}




.intro__content-inner {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-left: auto;
  padding-bottom: 40px;
  padding-right: 495px;
  padding-top: 46px;
  width: 100%
}

@media(max-width:1023px) {
  .intro__content-inner {
    padding-right: 0
  }
}

@media(max-width:767px) {
  .intro__content-inner {
    padding-bottom: 16px;
    padding-top: 20px
  }
}

.intro__caption {
  background-color: #1370dd;
  border-radius: 20px;
  padding: 8px 25px
}

@media(max-width:767px) {
  .intro__caption {
    border-radius: 30px;
    padding-left: 30px;
    padding-right: 30px
  }
}

.intro__caption p {
  color: #fff;
  font-size: 16px;
  line-height: 24px;
  text-align: center
}

@media(max-width:767px) {
  .intro__caption p {
    font-size: 14px;
    line-height: 20px
  }
}

.intro__caption+.h1 {
  margin-top: 10px
}

@media(max-width:767px) {
  .intro__caption+.h1 {
    margin-top: 4px
  }
}

.intro .h1+.intro__subtitle {
  margin-top: 7px
}

@media(max-width:767px) {
  .intro .h1+.intro__subtitle {
    margin-top: 11px
  }
}

.intro__subtitle {
  color: #000;
  font-size: 16px;
  line-height: 20px;
  text-align: center
}

@media(max-width:767px) {
  .intro__subtitle {
    font-size: 10px;
    font-weight: 700;
    line-height: 14px
  }
}

.intro__subtitle+.intro__list {
  margin-top: 15px
}

@media(max-width:767px) {
  .intro__subtitle+.intro__list {
    margin-top: 10px
  }
}

.intro__list {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  border-radius: 8px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
  max-width: 490px;
  overflow: hidden;
  width: 100%
}

@media(max-width:767px) {
  .intro__list {
    grid-template-columns: repeat(2, 1fr);
    max-width: 345px
  }
}

.intro__list+.btn__wrap {
  margin-top: 15px
}

.intro__list-item {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  align-items: center;
  background-color: #fff;
  border-bottom: 1px solid #d5d5d5;
  border-right: 1px solid #d5d5d5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 4px;
  justify-content: center;
  padding: 8px;
  z-index: 1
}

@media(max-width:767px) {
  .intro__list-item {
    padding: 3px 5px
  }
}

.intro__list-item:nth-child(3n+3) {
  border-right-width: 0
}

@media(max-width:767px) {
  .intro__list-item:nth-child(3n+3) {
    border-right-width: 1px
  }
}

.intro__list-item:nth-last-child(-n+3) {
  border-bottom-width: 0
}

@media(max-width:767px) {
  .intro__list-item:nth-last-child(-n+3) {
    border-bottom-width: 1px
  }
  .intro__list-item:nth-child(2n+2) {
    border-right-width: 0
  }
  .intro__list-item:nth-last-child(-n+2) {
    border-bottom-width: 0
  }
}

.intro__list-item .caption {
  color: #1a1a1a;
  font-size: 14px;
  font-weight: 500;
  line-height: 18px
}

.intro__item-icon {
  display: block;
  height: 35px;
  width: 45px
}

@media(max-width:767px) {
  .intro__item-icon {
    height: 45px
  }
}

@media(max-width:374px) {
  .intro__item-icon {
    height: 35px
  }
}

.intro__item-icon img {
  display: block;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: 50% 50%;
  object-position: 50% 50%;
  width: 100%
}

@media(max-width:767px) {
  .intro .btn__wrap {
    display: none
  }
}

.intro .btn__wrap+.intro__info {
  margin-top: 15px
}

@media(max-width:767px) {
  .intro .btn__wrap+.intro__info {
    margin-top: 5px
  }
}

.intro__info {
  color: #fff;
  font-size: 12px;
  font-weight: 500;
  line-height: 15px;
  text-align: center
}

@media(max-width:767px) {
  .intro__info {
    font-size: 10px;
    line-height: 13px
  }
}

.intro__img {
  bottom: 0;
  height: 594px;
  position: absolute;
  right: 0;
  width: 706px;
  z-index: -1
}

@media(max-width:1023px) {
  .intro__img {
    height: 264px;
    margin-bottom: -42px;
    margin-left: auto;
    margin-right: auto;
    padding-right: 20px;
    position: relative;
    width: 346px
  }
}

.intro__img picture, .intro__img picture img {
  display: block;
  height: 100%;
  width: 100%
}

.intro__img picture img {
  -o-object-fit: contain;
  object-fit: contain
}

.insurance {
  background-color: #fff;
  padding-bottom: 70px;
  padding-top: 60px
}

@media(max-width:767px) {
  .insurance {
    padding-bottom: 35px;
    padding-top: 35px
  }
}

.insurance__img {
  margin-left: auto;
  margin-right: auto;
  margin-top: 26px;
  max-width: 660px;
  width: 100%
}

@media(max-width:767px) {
  .insurance__img {
    margin-top: 15px
  }
}

.insurance__img picture {
  display: block
}

.insurance__img picture img {
  display: block;
  width: 100%
}

.times {
  background-image: url(../../assets/images/times/bg.jpg);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-bottom: 120px;
  padding-top: 74px
}

@media(max-width:767px) {
  .times {
    padding-bottom: 66px;
    padding-top: 42px
  }
}

.times .section-title+.times__list {
  margin-top: 25px
}

@media(max-width:767px) {
  .times .section-title+.times__list {
    margin-top: 36px
  }
}

.times__list {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  grid-gap: 16px;
  counter-reset: item-counter;
  display: grid;
  gap: 16px;
  grid-template-columns: repeat(2, minmax(auto, 480px));
  justify-content: center
}

@media(max-width:767px) {
  .times__list {
    gap: 17px;
    grid-template-columns: repeat(1, minmax(auto, 355px))
  }
}

.times__list-item {
  padding-left: 20px;
  padding-top: 20px;
  position: relative
}

@media(max-width:767px) {
  .times__list-item {
    padding-left: 0;
    padding-top: 45px
  }
}

.times__item-counter {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-negative: 0;
  aspect-ratio: 1;
  background-color: rgba(27, 132, 255, .2);
  border-radius: 50%;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  flex-shrink: 0;
  height: 92px;
  left: 0;
  padding: 7px;
  position: absolute;
  text-align: center;
  top: 0;
  width: 92px
}

@media(max-width:767px) {
  .times__item-counter {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
  }
}

.times__item-counter p {
  font-size: 12px;
  font-weight: 500;
  line-height: 18px
}

.times__item-counter strong {
  font-family: Roboto, sans-serif;
  font-size: 40px;
  font-weight: 700;
  line-height: 32px
}

.times__item-counter-inner {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #1b84ff;
  border-radius: inherit;
  justify-content: center;
  width: 100%
}

.times__item-counter-inner, .times__list-item-inner {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%
}

.times__list-item-inner {
  background-color: #f0f6fc;
  border-radius: 16px;
  padding: 32px 40px 44px
}

@media(max-width:767px) {
  .times__list-item-inner {
    padding: 68px 26px 47px
  }
}

.times__list-item-title {
  color: #121212;
  font-size: 16px;
  font-weight: 700;
  line-height: 22px;
  padding-left: 30px;
  padding-right: 30px;
  text-align: center
}

.times__list-item-title .large {
  font-size: 20px;
  line-height: 28px
}

.times__list-item-img {
  display: block;
  margin-top: auto
}

@media(max-width:767px) {
  .times__list-item-img {
    margin-top: 13px
  }
}

.times__list-item-img img {
  display: block;
  margin-left: auto;
  margin-right: auto
}

.total {
  background-image: url(../../assets/images/total/bg.jpg);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-bottom: 140px;
  padding-top: 100px
}

@media(max-width:767px) {
  .total {
    padding-bottom: 65px;
    padding-top: 55px
  }
}

.total .section-title+.total__list {
  margin-top: 30px
}

@media(max-width:767px) {
  .total .section-title+.total__list {
    margin-top: 26px
  }
}

.total__list {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  grid-gap: 16px;
  counter-reset: item-counter;
  display: grid;
  gap: 16px;
  grid-template-columns: repeat(2, 1fr);
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
  max-width: 904px;
  width: 100%
}

@media(max-width:767px) {
  .total__list {
    gap: 10px;
    grid-template-columns: repeat(1, minmax(auto, 450px))
  }
}

.total__list-item {
  padding-top: 45px;
  position: relative
}

@media(max-width:767px) {
  .total__list-item {
    padding-top: 35px
  }
}

.total__list-item:before {
  bottom: 4px;
  color: #78c2f5;
  content: counter(item-counter, decimal-leading-zero);
  counter-increment: item-counter;
  display: block;
  font-family: Roboto, sans-serif;
  font-size: 64px;
  font-weight: 500;
  left: 10px;
  line-height: 74px;
  position: absolute;
  z-index: 12
}

@media(max-width:767px) {
  .total__list-item:before {
    font-size: 56px;
    left: 13px;
    line-height: 62px
  }
}

.total__list-item .text, .total__list-item .title {
  color: #1a1a1a;
  text-align: center
}

.total__list-item .title {
  font-size: 26px;
  line-height: 42px
}

@media(max-width:1023px) {
  .total__list-item .title {
    font-size: 20px;
    line-height: 26px
  }
}

.total__list-item .title+.text {
  margin-top: 9px
}

@media(max-width:767px) {
  .total__list-item .title+.text {
    margin-top: 9px
  }
}

.total__list-item .text {
  font-size: 16px;
  line-height: 24px
}

@media(max-width:1023px) {
  .total__list-item .text {
    font-size: 14px;
    line-height: 21px
  }
}

.total__list-item-icon {
  aspect-ratio: 1;
  border-radius: 50%;
  display: block;
  height: 90px;
  left: 50%;
  position: absolute;
  top: 0;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 90px;
  z-index: 2
}

.total__list-item-icon img {
  display: block;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%
}

.total__list-item-inner {
  background-color: #fff;
  border-radius: 16px;
  height: 100%;
  padding: 50px 20px 46px;
  position: relative;
  z-index: 1
}

@media(max-width:767px) {
  .total__list-item-inner {
    border-radius: 10px;
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
    padding-bottom: 28px;
    padding-top: 65px
  }
}

.flow {
  background-color: #fff;
  padding-bottom: 118px;
  padding-top: 90px
}

@media(max-width:767px) {
  .flow {
    padding-bottom: 80px;
    padding-top: 50px
  }
}

.flow .section-title+.flow__list {
  margin-top: 40px
}

@media(max-width:767px) {
  .flow .section-title+.flow__list {
    margin-top: 24px
  }
}

.flow__list {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  grid-gap: 16px;
  counter-reset: item-counter;
  display: grid;
  gap: 16px;
  grid-template-columns: repeat(4, 1fr);
  justify-content: center
}

@media(max-width:1023px) {
  .flow__list {
    gap: 22px;
    grid-template-columns: repeat(1, minmax(auto, 355px))
  }
}

.flow__list-item {
  border-radius: 13px;
  padding: 34px 20px 40px;
  position: relative
}

@media(max-width:767px) {
  .flow__list-item {
    padding: 25px 15px
  }
}

.flow__list-item:after, .flow__list-item:before {
  display: block;
  position: absolute;
  z-index: 2
}

.flow__list-item:before {
  color: #fff;
  content: counter(item-counter);
  counter-increment: item-counter;
  font-family: Roboto, sans-serif;
  font-size: 40px;
  font-weight: 700;
  left: 20px;
  line-height: 44px;
  top: 16px
}

@media(max-width:767px) {
  .flow__list-item:before {
    left: 23px
  }
}

.flow__list-item:after {
  background: inherit;
  -webkit-clip-path: polygon(0 0, 0 100%, 100% 50%);
  clip-path: polygon(0 0, 0 100%, 100% 50%);
  content: "";
  height: 27px;
  left: calc(100% - 1px);
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 14px
}

@media(max-width:1023px) {
  .flow__list-item:after {
    -webkit-clip-path: polygon(0 0, 50% 100%, 100% 0);
    clip-path: polygon(0 0, 50% 100%, 100% 0);
    height: 14px;
    left: 50%;
    top: calc(100% - 1px);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 27px
  }
}

.flow__list-item:last-child:after {
  display: none
}

.flow__list-item.color-01 {
  background: -webkit-gradient(linear, left top, left bottom, from(#5e93d1), to(#5ca6ff));
  background: -o-linear-gradient(#5e93d1 0, #5ca6ff 100%);
  background: linear-gradient(#5e93d1, #5ca6ff)
}

@media(max-width:767px) {
  .flow__list-item.color-01:after {
    background: #5ca6ff
  }
}

.flow__list-item.color-02 {
  background: -webkit-gradient(linear, left top, left bottom, from(#0989cc), to(#1fb3ff));
  background: -o-linear-gradient(#0989cc 0, #1fb3ff 100%);
  background: linear-gradient(#0989cc, #1fb3ff)
}

@media(max-width:767px) {
  .flow__list-item.color-02 {
    background: -webkit-gradient(linear, left top, left bottom, from(#0989cc), to(#3ad2fe));
    background: -o-linear-gradient(#0989cc 0, #3ad2fe 100%);
    background: linear-gradient(#0989cc, #3ad2fe)
  }
  .flow__list-item.color-02:after {
    background: #3ad2fe
  }
}

.flow__list-item.color-03 {
  background: -webkit-gradient(linear, left top, left bottom, from(#416ce5), to(#3585eb));
  background: -o-linear-gradient(#416ce5 0, #3585eb 100%);
  background: linear-gradient(#416ce5, #3585eb)
}

@media(max-width:767px) {
  .flow__list-item.color-03:after {
    background: #3585eb
  }
}

.flow__list-item.color-04 {
  background: -webkit-gradient(linear, left top, left bottom, from(#6971d3), color-stop(50%, #6c68d2), to(#606cff));
  background: -o-linear-gradient(#6971d3 0, #6c68d2 50%, #606cff 100%);
  background: linear-gradient(#6971d3, #6c68d2 50%, #606cff)
}

@media(max-width:767px) {
  .flow__list-item.color-04:after {
    background: #606cff
  }
}

.flow__list-item .title {
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
  text-align: center
}

.flow__list-item .title+.text {
  margin-top: 12px
}

.flow__list-item .text {
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  line-height: 21px
}

@media(max-width:767px) {
  .flow__list-item .text {
    text-align: center
  }
}

.flow__item-inner {
  position: relative;
  z-index: 2
}

.flow__list-item-mask {
  left: 0;
  max-width: 260px;
  position: absolute;
  top: 0;
  z-index: 1
}

.flow__list-item-mask, .flow__list-item-mask img {
  display: block;
  width: 100%
}

.flow__item-img {
  aspect-ratio: 1;
  border: 8px solid #fff;
  border-radius: 50%;
  height: 126px;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  width: 126px
}

.flow__item-img picture {
  display: block
}

.flow__item-img picture img {
  display: block;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%
}

.flow__item-img+.title {
  margin-top: 12px
}

.company {
  background-image: url(../../assets/images/company/bg.jpg);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-bottom: 120px;
  padding-top: 80px
}

@media(max-width:767px) {
  .company {
    padding-bottom: 45px;
    padding-top: 50px
  }
}

.company .section-title+.company__body {
  margin-top: 35px
}

@media(max-width:767px) {
  .company .section-title+.company__body {
    margin-top: 25px
  }
}

.company__body {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #fff;
  border-radius: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-left: auto;
  margin-right: auto;
  max-width: 905px;
  padding: 80px 20px 65px;
  width: 100%
}

@media(max-width:767px) {
  .company__body {
    border-radius: 10px;
    padding-bottom: 20px;
    padding-top: 30px
  }
}

.company__table {
  margin-left: auto;
  margin-right: auto;
  max-width: 720px;
  width: 100%
}

.company__table+.company__info {
  margin-top: 10px
}

.company__info {
  border: 1px solid #e2e2e2;
  margin-left: auto;
  margin-right: auto;
  max-width: 720px;
  padding: 28px 25px;
  width: 100%
}

@media(max-width:767px) {
  .company__info {
    padding: 20px
  }
}

@media(max-width:374px) {
  .company__info {
    padding: 10px
  }
}

.company__info p {
  font-size: 12px;
  letter-spacing: .08em;
  line-height: 18px
}

.company__info+.company__link {
  margin-top: 25px
}

@media(max-width:767px) {
  .company__info+.company__link {
    margin-top: 20px
  }
}

.company__link {
  display: block;
  font-size: 14px;
  letter-spacing: .08em;
  line-height: 21px;
  text-align: center;
  -webkit-text-decoration: underline;
  text-decoration: underline;
  text-underline-offset: 3px
}

@media(max-width:767px) {
  .company__link {
    font-size: 12px;
    line-height: 19px
  }
}

@media(max-width:374px) {
  .company__link {
    font-size: 10px;
    line-height: 17px
  }
}

@media(hover:hover) {
  .company__link:hover {
    -webkit-text-decoration: none;
    text-decoration: none
  }
}