@charset "UTF-8";

:root {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 100%
}

*,
:after,
:before {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
  border-width: 0;
  text-decoration: none
}

:after,
:before {
  text-decoration: inherit;
  vertical-align: inherit
}

* {
  margin: 0;
  padding: 0
}

background-size contain {
  background-repeat: no-repeat
}

body {
  font-size: 1.4rem;
  line-height: 1;
  font-weight: 200;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  text-rendering: optimizeLegibility;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

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

hr {
  overflow: visible;
  height: 0;
  color: inherit;
  -webkit-box-sizing: content-box;
  box-sizing: content-box
}

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

summary {
  display: list-item
}

small {
  font-size: 80%
}

[hidden],
template {
  display: none
}

abbr[title] {
  border-bottom: 1px dotted;
  text-decoration: none
}

a {
  background-color: transparent;
  -webkit-text-decoration-skip: objects
}

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

code,
kbd,
pre,
samp {
  font-family: monospace, monospace
}

b,
strong {
  font-weight: bolder
}

dfn {
  font-style: italic
}

mark {
  background-color: #ff0;
  color: #000
}

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

sub {
  bottom: -0.15em
}

sup {
  top: -0.5em
}

li {
  list-style: none;
  list-style-position: inside
}

input {
  border-radius: 0;
  -webkit-appearance: none
}

[role=button],
[type=button],
[type=reset],
[type=submit],
button {
  cursor: pointer
}

[disabled] {
  cursor: default
}

[type=number] {
  width: auto
}

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

textarea {
  overflow: auto;
  resize: vertical;
  vertical-align: top;
  -webkit-user-select: auto;
  -moz-user-select: auto;
  -ms-user-select: auto;
  user-select: auto
}

button,
input,
optgroup,
select,
textarea {
  font: inherit
}

optgroup {
  font-weight: bold
}

button {
  overflow: visible
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
  border-style: 0;
  padding: 0
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button:-moz-focusring {
  outline: 1px dotted ButtonText
}

[type=reset],
[type=submit],
button,
html [type=button] {
  -webkit-appearance: button
}

button,
select {
  text-transform: none
}

button,
input,
select,
textarea {
  background-color: transparent;
  border-style: none;
  color: inherit
}

:focus {
  outline: none;
  background-color: transparent
}

:disabled {
  pointer-events: none
}

:-webkit-autofill {
  -webkit-transition: transparent 5000s ease-in-out 0s !important;
  -o-transition: transparent 5000s ease-in-out 0s !important;
  transition: transparent 5000s ease-in-out 0s !important
}

select {
  -moz-appearance: none;
  -webkit-appearance: none
}

select::-ms-expand {
  display: none
}

select::-ms-value {
  color: currentColor
}

[tabindex="-1"]:focus {
  outline: none
}

legend {
  border: 0;
  color: inherit;
  display: table;
  max-width: 100%;
  white-space: normal
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit
}

[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px
}

[type=search],
[type=text] {
  font-family: initial;
  line-height: 100%
}

[type=checkbox],
[type=radio] {
  display: none
}

img {
  border-style: none
}

progress {
  vertical-align: baseline
}

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

audio,
canvas,
progress,
video {
  display: inline-block
}

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

caption,
td,
th {
  text-align: left;
  word-break: break-all
}

@media screen {
  [hidden~=screen] {
    display: inherit
  }

  [hidden~=screen]:not(:active):not(:focus):not(:target) {
    position: absolute !important;
    clip: rect(0 0 0 0) !important
  }
}

[aria-busy=true] {
  cursor: progress
}

[aria-controls] {
  cursor: pointer
}

[aria-disabled] {
  cursor: default
}

::-moz-selection {
  background-color: #b3d4fc;
  color: #000;
  text-shadow: none
}

::selection {
  background-color: #b3d4fc;
  color: #000;
  text-shadow: none
}

body {
  font-family: YakuHanJP_Noto, "Noto Sans JP", sans-serif;
  font-size: min(1.5vw, 18px);
  font-weight: 500;
  line-height: 1.583333333333333;
  color: #00344d;
  position: relative;
  width: 100%;
  height: 100%;
  margin: auto;
  overflow-x: hidden
}

body.-drawer {
  overflow-y: hidden
}

@media (max-width:768px) {
  body {
    letter-spacing: normal
  }
}

a {
  text-decoration: none;
  word-break: break-all
}

a.is-call {
  pointer-events: none
}

.is-hover {
  cursor: pointer
}

.is-hover,
a {
  -webkit-transition: 0.4s ease-out;
  -o-transition: 0.4s ease-out;
  transition: 0.4s ease-out
}

.is-hover:hover,
a:hover {
  opacity: 0.7
}

img,
object,
svg {
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
  -webkit-transition: 0.4s ease-out;
  -o-transition: 0.4s ease-out;
  transition: 0.4s ease-out
}

iframe {
  width: 100%;
  max-width: 100%
}

.u-clearfix:after {
  display: block;
  content: '';
  clear: both
}

.u-svg {
  display: none
}

.-md,
.-sd {
  display: none !important
}

@media (max-width:768px) {
  body {
    min-width: 100%;
    font-size: min(3.466666666666666vw, 13px)
  }

  a.is-call {
    pointer-events: initial
  }

  .is-hover:hover,
  a:hover {
    opacity: 1
  }

  .-lg {
    display: none !important
  }

  .-md {
    display: block !important
  }
}

.l-header {
  height: 8.88888888888889em;
  position: relative;
  z-index: 5
}

.l-header-brand {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.l-header-brand__logo {
  padding: 1.111111111111111em 0.555555555555556em;
  width: 14.166666666666666em;
  font-size: min(1.5vw, 18px);
  border-bottom-right-radius: 2.777777777777778em;
  line-height: 1;
  display: block;
  background-color: #fff;
  text-align: center
}

.l-header-brand__logo .logo {
  width: 10.277777777777779em
}

.l-header-brand__caption {
  padding: 0 0.7em;
  font-size: min(1.666666666666667vw, 20px);
  color: #fff
}

.l-header-contact {
  width: 14.444444444444445em;
  position: absolute;
  top: 1.944444444444444em;
  right: 1.666666666666667em
}

.l-kv {
  width: 100%;
  position: relative;
  margin-top: -8.88888888888889em
}

.l-kv-media {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0
}

.l-kv-media__picture {
  width: 100%;
  height: 100%
}

.l-kv-content {
  padding: 9.666666666666667em 0 17.333333333333332em;
  height: 100%;
  position: relative;
  z-index: 1
}

.l-kv-offer__object {
  width: 35.72222222222222em;
  height: 37.05555555555556em;
  position: absolute;
  bottom: -27.22222222222222em;
  left: 50%;
  z-index: 2;
  pointer-events: none
}

.l-kv-offer__message {
  margin-top: 1.111111111111111em;
  text-align: center
}

.l-kv-offer__message .balloon {
  padding: 0.096153846153846em 0.961538461538462em;
  border-radius: 0.865384615384615em;
  font-size: min(3.561643835616438vw, 52px);
  font-weight: 700;
  background-color: #fff;
  display: inline-block;
  position: relative
}

.l-kv-offer__message .balloon:before {
  display: block;
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0.384615384615385em 0.384615384615385em 0;
  border-color: transparent #fff transparent transparent;
  position: absolute;
  bottom: -0.384615384615385em;
  left: 71.55172413793103%
}

.l-kv-offer__cta {
  max-width: 40.333333333333336em;
  margin: 1.333333333333333em auto 0
}

.l-kv-offer__cta .cta-caption {
  font-size: min(2.333333333333333vw, 28px);
  font-weight: 700;
  text-shadow: 0.107142857142857em 0.107142857142857em 0.214285714285714em rgba(0, 0, 0, 0.3);
  color: #fff;
  text-align: center
}

.l-kv-offer__cta .cta-action {
  margin-top: 1.111111111111111em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 1.666666666666667em
}

@media (max-width:768px) {
  .l-kv-offer__cta .cta-action {
    display: block
  }
}

.l-kv-offer__cta .cta-action__btn {
  width: 100%
}

.l-kv-pharse {
  -webkit-transform: translateX(4.10958904109589vw);
  -ms-transform: translateX(4.10958904109589vw);
  transform: translateX(4.10958904109589vw);
  text-align: center
}

.l-kv-pharse__subject {
  font-size: min(3.287671232876712vw, 48px);
  font-weight: 700;
  color: #fff
}

.l-kv-pharse__desc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.777777777777778em
}

.l-kv-pharse__desc .item {
  padding: 0 0.311111111111111em;
  height: 1.777777777777778em;
  font-size: min(3.082191780821918vw, 45px);
  font-weight: 900;
  line-height: 1.666666666666667;
  color: #ff0;
  background-color: #ff0093;
  border-radius: 0.222222222222222em;
  text-shadow: 0 0.066666666666667em 0.133333333333333em rgba(0, 0, 0, 0.3)
}

.l-kv-pharse__desc .item .fs34 {
  font-size: min(2.328767123287671vw, 34px)
}

.l-kv-pharse__desc .item .fs39 {
  font-size: min(2.671232876712329vw, 39px)
}

.l-kv-pharse__desc .item .fs75 {
  font-family: 'Lato', sans-serif;
  font-size: min(5.136986301369863vw, 75px);
  line-height: 1 !important;
  vertical-align: text-bottom
}

.l-kv-recomend {
  text-align: center
}

.l-kv-recomend__container {
  display: inline-block;
  margin: auto;
  position: relative
}

.l-kv-recomend__badge {
  width: min(17.945205479452056vw, 262px);
  height: min(17.945205479452056vw, 262px);
  position: absolute;
  top: -68%;
  left: 0.777777777777778em;
  z-index: -1
}

.l-kv-recomend__subject {
  margin-bottom: -0.869565217391304em;
  font-size: min(4.246575342465754vw, 62px);
  font-weight: 900;
  color: #fff
}

.l-kv-recomend__caption {
  font-size: min(8.767123287671232vw, 128px);
  font-weight: 900;
  color: #ff0093
}

.l-kv-recomend__caption .frame {
  display: inline-block;
  margin: auto;
  position: relative
}

.l-kv-recomend__caption .frame .stork {
  -webkit-text-stroke: 0.078125em #fff;
  -webkit-filter: drop-shadow(0.0390625em 0.0390625em 0.0546875em #00344d);
  filter: drop-shadow(0.0390625em 0.0390625em 0.0546875em #00344d);
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1
}

.l-kv-recomend__caption .frame .--small {
  padding-right: 0.126582278481013em;
  font-size: min(5.410958904109589vw, 79px);
  color: #fff;
  -webkit-text-stroke: 0 transparent;
  text-shadow: none
}

@media (max-width:768px) {
  .l-header {
    padding: 0 4vw;
    height: auto;
    background-color: #fff
  }

  .l-header-brand {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 1.538461538461539em;
    padding: 0.5em 0
  }

  .l-header-brand__logo {
    padding: 0;
    width: 8.115384615384615em;
    font-size: min(3.466666666666666vw, 13px)
  }

  .l-header-brand__caption {
    padding: 0;
    font-size: min(2.533333333333333vw, 9.5px);
    color: #013955
  }

  .l-kv {
    margin-top: 0
  }

  .l-kv-media {
    height: 100%
  }

  .l-kv-content {
    padding: 0.769230769230769em 0 5.769230769230769em
  }

  .l-kv-offer__object {
    width: 16.76923076923077em;
    height: 18.076923076923077em;
    bottom: 1.384615384615385em;
    left: auto;
    right: 0.384615384615385em;
    z-index: -1
  }

  .l-kv-offer__message {
    margin-top: 1.153846153846154em;
    text-align: left
  }

  .l-kv-offer__message .balloon {
    padding: 0.294117647058824em 0.882352941176471em;
    border-radius: 1.470588235294118em;
    font-size: min(4.533333333333333vw, 17px);
    line-height: 1.088235294117647;
    text-align: center
  }

  .l-kv-offer__message .balloon:before {
    border-width: 0 0.705882352941177em 0.705882352941177em 0;
    bottom: -0.705882352941177em;
    left: 79.4%
  }

  .l-kv-offer__cta {
    margin: 2.307692307692307em auto 0
  }

  .l-kv-offer__cta .cta-caption {
    font-size: min(3.733333333333334vw, 14px);
    font-weight: 900;
    text-shadow: 0.085714285714286em 0.085714285714286em 0.171428571428571em rgba(0, 0, 0, 0.3)
  }

  .l-kv-offer__cta .cta-action {
    margin-top: 0.461538461538462em
  }

  .l-kv-offer__cta .cta-action__btn:nth-child(n+2) {
    margin-top: 0.923076923076923em
  }

  .l-kv-pharse {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
  }

  .l-kv-pharse__subject {
    font-size: min(4.266666666666667vw, 16px)
  }

  .l-kv-pharse__desc {
    gap: 0.384615384615385em
  }

  .l-kv-pharse__desc .item {
    padding: 0 0.294117647058824em;
    height: 1.764705882352941em;
    font-size: min(4.533333333333333vw, 17px);
    border-radius: 0.294117647058824em;
    text-shadow: 0 0.088235294117647em 0.176470588235294em rgba(0, 0, 0, 0.3)
  }

  .l-kv-pharse__desc .item .fs34 {
    font-size: min(4.533333333333333vw, 17px)
  }

  .l-kv-pharse__desc .item .fs39 {
    font-size: min(4vw, 15px)
  }

  .l-kv-pharse__desc .item .fs75 {
    font-size: min(7.466666666666668vw, 28px)
  }

  .l-kv-recomend {
    margin-top: 2.692307692307693em
  }

  .l-kv-recomend__subject {
    margin-bottom: 0;
    padding-left: 31.88405797101449%;
    font-size: min(8.266666666666666vw, 31px);
    text-align: left
  }

  .l-kv-recomend__caption {
    font-size: min(17.066666666666666vw, 64px);
    line-height: 1.09375
  }

  .l-kv-recomend__caption .frame .stork {
    -webkit-text-stroke: 0.078125em #fff;
    -webkit-filter: drop-shadow(0.0390625em 0.0390625em 0.0546875em #00344d);
    filter: drop-shadow(0.0390625em 0.0390625em 0.0546875em #00344d)
  }

  .l-kv-recomend__caption .frame .--small {
    padding-right: 0;
    font-size: min(6.800000000000001vw, 25.5px)
  }

  .l-kv-recomend__badge {
    width: 6.384615384615385em;
    height: 6.384615384615385em;
    top: -8vw;
    left: 0.769230769230769em
  }
}

.l-footer {
  padding-top: 4.444444444444445em;
  background-color: #00344d
}

.l-footer-company__content {
  margin-top: 2.222222222222222em
}

.p-company {
  padding: 2.222222222222222em 2.222222222222222em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  background-color: #fff;
  border-radius: 2.777777777777778em;
  -webkit-box-shadow: 1.111111111111111em 1.666666666666667em 1.666666666666667em rgba(0, 0, 0, 0.3);
  box-shadow: 1.111111111111111em 1.666666666666667em 1.666666666666667em rgba(0, 0, 0, 0.3)
}

@media (max-width:768px) {
  .p-company {
    display: block
  }
}

.p-company-media {
  width: 45%
}

.p-company-meta {
  width: 50%
}

.p-company-meta .meta-subject {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 1.111111111111111em
}

@media (max-width:768px) {
  .p-company-meta .meta-subject {
    display: block
  }
}

.p-company-meta .meta-subject__label {
  max-width: 13.055555555555555em;
  width: 100%
}

.p-company-meta .meta-subject__btn {
  max-width: 13.333333333333334em;
  width: 100%
}

.p-company-meta .meta-desc {
  margin-top: 0.555555555555556em;
  font-size: min(1.5vw, 18px)
}

.p-company-meta .meta-desc__addr,
.p-company-meta .meta-desc__outline {
  border-top: 1px solid #00344d
}

.p-company-meta .meta-desc__outline {
  padding: 1em 0
}

.p-company-meta .meta-desc__addr {
  padding-top: 1em
}

.l-cta {
  z-index: 10;
  width: 100%;
  background-color: #fff;
  position: fixed;
  bottom: 0;
  left: 0;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  -webkit-transform: translateY(100%);
  -ms-transform: translateY(100%);
  transform: translateY(100%)
}

.l-cta.is-active {
  -webkit-transform: none;
  -ms-transform: none;
  transform: none
}

.l-cta-action {
  padding: 1em 0.692307692307692em 1.923076923076923em
}

.l-cta-action__group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.615384615384615em
}

.l-cta-action__btn {
  width: 100%
}

@media (max-width:768px) {
  .l-footer {
    padding: 2.153846153846154em 0 6.923076923076923em
  }

  .l-footer-company__content {
    margin-top: 1.538461538461539em
  }

  .p-company {
    padding: 2.692307692307693em 1.538461538461539em;
    border-radius: 1.923076923076923em;
    -webkit-box-shadow: 0.769230769230769em 1.153846153846154em 1.153846153846154em rgba(0, 0, 0, 0.3);
    box-shadow: 0.769230769230769em 1.153846153846154em 1.153846153846154em rgba(0, 0, 0, 0.3)
  }

  .p-company-media {
    width: 100%
  }

  .p-company-meta {
    width: 100%
  }

  .p-company-meta .meta-subject__label {
    max-width: 20.76923076923077em;
    margin: auto
  }

  .p-company-meta .meta-subject__btn {
    max-width: initial
  }

  .p-company-meta .meta-desc {
    margin-top: 1.538461538461539em;
    font-size: min(3.466666666666666vw, 13px)
  }

  .p-company-meta .meta-desc__addr,
  .p-company-meta .meta-desc__outline {
    padding: 1.230769230769231em 0
  }

  .p-company-btn {
    margin-top: 2.307692307692307em
  }

  .l-cta {
    display: block
  }
}

.c-wrapper {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  padding: 0 20px
}

@media (max-width:768px) {
  .c-wrapper {
    padding: 0 4vw
  }
}

.c-container {
  max-width: 1140px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  padding: 0 20px
}

@media (max-width:768px) {
  .c-container {
    padding: 0 4vw
  }
}

.c-inner {
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
  position: relative
}

@media (max-width:768px) {
  .c-less-md {
    margin: 0 -4vw
  }
}

.c-btn {
  width: 100%;
  margin: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #fff;
  cursor: pointer;
  -webkit-transition: 0.4s ease-out;
  -o-transition: 0.4s ease-out;
  transition: 0.4s ease-out;
  position: relative;
  overflow: hidden;
  z-index: 1;
  border: 0.166666666666667em solid #fff
}

.c-btn-std {
  max-width: 19.333333333333332em;
  height: 4.444444444444445em;
  border-radius: 2.222222222222222em;
  -webkit-box-shadow: 0.555555555555556em 0.555555555555556em 1.666666666666667em rgba(0, 52, 77, 0.3);
  box-shadow: 0.555555555555556em 0.555555555555556em 1.666666666666667em rgba(0, 52, 77, 0.3)
}

.c-btn-std.--line {
  background: -webkit-gradient(linear, left top, right top, from(#06c755), to(#009d42));
  background: -webkit-linear-gradient(left, #06c755 0%, #009d42 100%);
  background: -o-linear-gradient(left, #06c755 0%, #009d42 100%);
  background: linear-gradient(to right, #06c755 0%, #009d42 100%)
}

.c-btn-std.--call {
  background: -webkit-gradient(linear, left top, right top, from(#ff8900), to(#ff7600));
  background: -webkit-linear-gradient(left, #ff8900 0%, #ff7600 100%);
  background: -o-linear-gradient(left, #ff8900 0%, #ff7600 100%);
  background: linear-gradient(to right, #ff8900 0%, #ff7600 100%)
}

.c-btn-std .label {
  margin-bottom: 0.083333333333333em;
  font-size: min(2vw, 24px);
  font-weight: 700;
  position: relative
}

.c-btn-std .label:after,
.c-btn-std .label:before {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%)
}

.c-btn-std .label-line {
  padding-left: 2.5em
}

.c-btn-std .label-line:before {
  display: block;
  content: '';
  width: 2em;
  height: 1.916666666666667em;
  background-image: url("../images/icon-line.png")
}

.c-btn-std .label-phone {
  padding-left: 2.083333333333333em;
  line-height: 1.166666666666667
}

.c-btn-std .label-phone .-phone {
  display: block
}

.c-btn-std .label-phone:before {
  display: block;
  content: '';
  width: 1.625em;
  height: 1.625em;
  background-image: url("../images/icon-tel.png")
}

.c-btn-small {
  max-width: 14.444444444444445em;
  height: 3.333333333333333em;
  border-radius: 1.666666666666667em
}

.c-btn-small.--line {
  background: -webkit-gradient(linear, left top, right top, from(#06c755), to(#009d42));
  background: -webkit-linear-gradient(left, #06c755 0%, #009d42 100%);
  background: -o-linear-gradient(left, #06c755 0%, #009d42 100%);
  background: linear-gradient(to right, #06c755 0%, #009d42 100%)
}

.c-btn-small .label {
  margin-bottom: 0.1em;
  font-size: min(1.666666666666667vw, 20px);
  font-weight: 700
}

.c-btn-small .label-line {
  padding-left: 2.6em;
  position: relative
}

.c-btn-small .label-line:before {
  display: block;
  content: '';
  width: 2.1em;
  height: 2em;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  background-image: url("../images/icon-line.png");
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%)
}

.c-btn-large {
  max-width: 38.333333333333336em;
  height: 6.666666666666667em;
  border-radius: 3.333333333333333em;
  -webkit-box-shadow: 0.555555555555556em 0.555555555555556em 1.666666666666667em rgba(0, 52, 77, 0.3);
  box-shadow: 0.555555555555556em 0.555555555555556em 1.666666666666667em rgba(0, 52, 77, 0.3)
}

.c-btn-large.--line {
  background: -webkit-gradient(linear, left top, right top, from(#06c755), to(#009d42));
  background: -webkit-linear-gradient(left, #06c755 0%, #009d42 100%);
  background: -o-linear-gradient(left, #06c755 0%, #009d42 100%);
  background: linear-gradient(to right, #06c755 0%, #009d42 100%)
}

.c-btn-large.--call {
  background: -webkit-gradient(linear, left top, right top, from(#ff8900), to(#ff7600));
  background: -webkit-linear-gradient(left, #ff8900 0%, #ff7600 100%);
  background: -o-linear-gradient(left, #ff8900 0%, #ff7600 100%);
  background: linear-gradient(to right, #ff8900 0%, #ff7600 100%)
}

.c-btn-large .label {
  margin-bottom: 0.060606060606061em;
  font-size: min(2.75vw, 33px);
  font-weight: 700;
  padding-left: 2.424242424242424em;
  position: relative
}

.c-btn-large .label:before {
  position: absolute;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%)
}

.c-btn-large .label-line:before {
  display: block;
  content: '';
  width: 2em;
  height: 1.909090909090909em;
  background-image: url("../images/icon-line.png")
}

.c-btn-group {
  padding-top: 1.666666666666667em;
  position: relative
}

.c-btn-home {
  gap: 0.555555555555556em;
  height: 2.777777777777778em;
  border-radius: 1.388888888888889em;
  background: -webkit-gradient(linear, left top, right top, from(#005bd0), to(#004aa7));
  background: -webkit-linear-gradient(left, #005bd0 0%, #004aa7 100%);
  background: -o-linear-gradient(left, #005bd0 0%, #004aa7 100%);
  background: linear-gradient(to right, #005bd0 0%, #004aa7 100%);
  -webkit-box-shadow: 0.166666666666667em 0.166666666666667em 0.555555555555556em rgba(0, 52, 77, 0.3);
  box-shadow: 0.166666666666667em 0.166666666666667em 0.555555555555556em rgba(0, 52, 77, 0.3);
  position: relative
}

.c-btn-home .label {
  margin-bottom: 0.111111111111111em;
  font-size: min(1.5vw, 18px);
  font-weight: 700
}

.c-btn-home .arrow {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0.333333333333333em 0 0.333333333333333em 0.722222222222222em;
  border-color: transparent transparent transparent #fff
}

.c-btn-float {
  height: 3.846153846153846em;
  border-radius: 1.923076923076923em;
  -webkit-box-shadow: 0.384615384615385em 0.384615384615385em 0.769230769230769em rgba(0, 52, 77, 0.3);
  box-shadow: 0.384615384615385em 0.384615384615385em 0.769230769230769em rgba(0, 52, 77, 0.3)
}

.c-btn-float.--line {
  background: -webkit-gradient(linear, left top, right top, from(#06c755), to(#009d42));
  background: -webkit-linear-gradient(left, #06c755 0%, #009d42 100%);
  background: -o-linear-gradient(left, #06c755 0%, #009d42 100%);
  background: linear-gradient(to right, #06c755 0%, #009d42 100%)
}

.c-btn-float.--call {
  background: -webkit-gradient(linear, left top, right top, from(#ff8900), to(#ff7600));
  background: -webkit-linear-gradient(left, #ff8900 0%, #ff7600 100%);
  background: -o-linear-gradient(left, #ff8900 0%, #ff7600 100%);
  background: linear-gradient(to right, #ff8900 0%, #ff7600 100%)
}

.c-btn-float .label {
  margin-bottom: 0.0625em;
  font-size: min(4.266666666666667vw, 16px);
  font-weight: 700;
  padding-left: 1.875em;
  position: relative
}

.c-btn-float .label:after,
.c-btn-float .label:before {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%)
}

.c-btn-float .label-line:before {
  display: block;
  content: '';
  width: 1.625em;
  height: 1.5625em;
  background-image: url("../images/icon-line.png")
}

.c-btn-float .label-phone:before {
  display: block;
  content: '';
  width: 1.40625em;
  height: 1.40625em;
  background-image: url("../images/icon-tel.png")
}

.c-balloon {
  height: 2em;
  padding: 0 0.9em;
  border-radius: 1em;
  margin: auto;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: min(1.666666666666667vw, 20px);
  font-weight: 700;
  color: #00344d;
  background-color: #ff0;
  overflow: visible;
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  -webkit-transition-delay: 0.3s;
  -o-transition-delay: 0.3s;
  transition-delay: 0.3s
}

.c-balloon.is-effect {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1)
}

.c-balloon.--rev {
  left: auto;
  right: 0
}

.c-balloon.--rev:before {
  -webkit-transform: translateX(-50%) scaleX(-1);
  -ms-transform: translateX(-50%) scaleX(-1);
  transform: translateX(-50%) scaleX(-1)
}

.c-balloon:before {
  display: block;
  content: '';
  width: 0.6em;
  height: 0.5em;
  position: absolute;
  bottom: -0.5em;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center top;
  background-image: url("../images/bg-triangle-yellow.png")
}

.c-balloon-large {
  height: 2.142857142857143em;
  padding: 0 0.892857142857143em;
  border-radius: 1.071428571428571em;
  font-size: min(2.333333333333333vw, 28px);
  left: 1.285714285714286em
}

.c-balloon-large:before {
  width: 0.571428571428571em;
  height: 0.5em;
  bottom: -0.5em
}

.c-balloon-navy {
  border-radius: 0.454545454545455em;
  margin: auto;
  display: inline-block;
  font-size: min(1.833333333333333vw, 22px);
  font-weight: 700;
  color: #fff;
  background-color: #00344d;
  overflow: visible;
  z-index: 1;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  -webkit-transition-delay: 0.3s;
  -o-transition-delay: 0.3s;
  transition-delay: 0.3s
}

.c-balloon-navy.is-effect {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1)
}

.c-balloon-navy:before {
  display: block;
  content: '';
  width: 1.136363636363636em;
  height: 0.909090909090909em;
  position: absolute;
  bottom: -0.909090909090909em;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center top;
  background-image: url("../images/bg-triangle-navy.png")
}

.c-balloon-navy.--repayment {
  padding: 0.545454545454545em 1.545454545454545em
}

.c-balloon-navy.--rate {
  padding: 0.909090909090909em 1.590909090909091em
}

.js-ac-toggle {
  cursor: pointer
}

@media (max-width:768px) {
  .c-btn {
    border: 0.153846153846154em solid #fff
  }

  .c-btn-std {
    max-width: initial;
    height: 4.615384615384615em;
    border-radius: 2.307692307692307em;
    -webkit-box-shadow: 0.384615384615385em 0.384615384615385em 0.769230769230769em rgba(0, 0, 0, 0.3);
    box-shadow: 0.384615384615385em 0.384615384615385em 0.769230769230769em rgba(0, 0, 0, 0.3)
  }

  .c-btn-std .label {
    font-size: min(5.866666666666666vw, 22px)
  }

  .c-btn-std .label-line {
    padding-left: 1.977272727272727em
  }

  .c-btn-std .label-line:before {
    display: block;
    content: '';
    width: 1.636363636363636em;
    height: 1.545454545454545em
  }

  .c-btn-std .label-phone {
    padding-left: 1.977272727272727em
  }

  .c-btn-std .label-phone:before {
    display: block;
    content: '';
    width: 1.477272727272727em;
    height: 1.477272727272727em
  }

  .c-btn-large {
    height: 7em;
    border-radius: 3.5em;
    -webkit-box-shadow: 0.384615384615385em 0.384615384615385em 1.153846153846154em rgba(0, 0, 0, 0.3);
    box-shadow: 0.384615384615385em 0.384615384615385em 1.153846153846154em rgba(0, 0, 0, 0.3)
  }

  .c-btn-large .label {
    margin-bottom: 0.090909090909091em;
    padding-left: 2.181818181818182em;
    font-size: min(5.866666666666666vw, 22px)
  }

  .c-btn-large .label-line:before {
    width: 1.818181818181818em;
    height: 1.75em
  }

  .c-btn-large .label-phone:before {
    display: block;
    content: '';
    width: 1.477272727272727em;
    height: 1.477272727272727em;
    background-image: url("../images/icon-tel.png")
  }

  .c-btn-group {
    padding-top: 2em
  }

  .c-btn-home {
    gap: 0.769230769230769em;
    height: 4.615384615384615em;
    border-radius: 2.307692307692307em;
    -webkit-box-shadow: 0.115384615384615em 0.115384615384615em 0.384615384615385em rgba(0, 0, 0, 0.3);
    box-shadow: 0.115384615384615em 0.115384615384615em 0.384615384615385em rgba(0, 0, 0, 0.3)
  }

  .c-btn-home .label {
    margin-bottom: 0.052631578947368em;
    font-size: min(5.066666666666666vw, 19px)
  }

  .c-btn-home .arrow {
    border-width: 0.576923076923077em 0 0.576923076923077em 1.153846153846154em
  }

  .c-balloon {
    height: 2em;
    padding: 0 0.78125em;
    border-radius: 1em;
    font-size: min(4.266666666666667vw, 16px)
  }

  .c-balloon.--rev {
    left: 0;
    right: auto
  }

  .c-balloon.--rev:before {
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
  }

  .c-balloon:before {
    width: 0.53125em;
    height: 0.5em;
    bottom: -0.5em
  }

  .c-balloon-large {
    height: 2.285714285714286em;
    padding: 0 1.2em;
    border-radius: 1.142857142857143em;
    font-size: min(4.666666666666667vw, 17.5px);
    left: 0
  }

  .c-balloon-large:before {
    width: 0.571428571428571em;
    height: 0.628571428571429em;
    bottom: -0.628571428571429em
  }

  .c-balloon-navy {
    font-size: min(2.933333333333333vw, 11px);
    display: block;
    text-align: center
  }

  .c-balloon-navy.--repayment {
    padding: 0.636363636363636em 0
  }

  .c-balloon-navy.--rate {
    padding: 0.818181818181818em 0
  }
}

.c-card-archive__media .media {
  aspect-ratio: 346/220
}

.c-card-archive__meta {
  padding: 1.666666666666667em 1.333333333333333em 2.222222222222222em
}

.c-card-archive__meta .meta-subject {
  margin: 0 -0.588235294117647em;
  height: 2.647058823529412em;
  font-size: min(2.833333333333333vw, 34px);
  font-weight: 700;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  line-height: 1;
  text-align: center
}

@media (max-width:768px) {
  .c-card-archive__meta .meta-subject {
    display: block
  }
}

.c-card-archive__meta .meta-subject .--strong {
  font-size: min(3.833333333333333vw, 46px);
  color: #ff7602
}

.c-card-archive__meta .meta-subject .--small {
  font-size: min(2.333333333333333vw, 28px)
}

.c-card-archive__meta .meta-desc {
  margin-top: 2em
}

.c-card-reason {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 2.777777777777778em;
  background-color: #00344d;
  -webkit-box-shadow: 1.111111111111111em 1.111111111111111em 1.111111111111111em rgba(0, 52, 77, 0.2);
  box-shadow: 1.111111111111111em 1.111111111111111em 1.111111111111111em rgba(0, 52, 77, 0.2);
  overflow: hidden;
  position: relative
}

@media (max-width:768px) {
  .c-card-reason {
    display: block
  }
}

.c-card-reason__media {
  width: 33.26923076923077%;
  overflow: hidden
}

.c-card-reason__media .media {
  aspect-ratio: 346/230
}

.c-card-reason__meta {
  padding: 1.666666666666667em 1.666666666666667em;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1
}

.c-card-reason__meta .meta-subject {
  font-size: min(2.833333333333333vw, 34px);
  font-weight: 700;
  color: #ff7602
}

.c-card-reason__meta .meta-subject .--small {
  font-size: min(1.666666666666667vw, 20px)
}

.c-card-reason__meta .meta-desc {
  margin-top: 1em;
  color: #fff
}

.c-card-reason__badge {
  width: 6.777777777777778em;
  height: 6.777777777777778em;
  position: absolute;
  top: -2.777777777777778em;
  left: -2.5em
}

.c-card-voice {
  padding: 2.777777777777778em 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 1.666666666666667em;
  height: 100%
}

@media (max-width:768px) {
  .c-card-voice {
    display: block
  }
}

.c-card-voice__media {
  width: 19.166666666666668em;
  border-radius: 2.777777777777778em;
  -webkit-box-shadow: 1.111111111111111em 1.111111111111111em 1.666666666666667em rgba(0, 52, 77, 0.2);
  box-shadow: 1.111111111111111em 1.111111111111111em 1.666666666666667em rgba(0, 52, 77, 0.2);
  overflow: hidden
}

.c-card-voice__media .media {
  aspect-ratio: 1/1
}

.c-card-voice__meta {
  padding-right: 2.777777777777778em;
  letter-spacing: -0.05em
}

.c-card-voice__meta .meta-subject {
  font-size: min(2.117647058823529vw, 36px);
  font-weight: 700;
  line-height: 1.277777777777778
}

.c-card-voice__meta .meta-caption {
  margin-top: 0.555555555555556em;
  font-size: min(0.9375vw, 18px)
}

.c-card-voice__meta .meta-desc {
  margin-top: 1.111111111111111em;
  padding-top: 0.555555555555556em;
  border-top: 0.166666666666667em solid #00344d
}

.c-card-flow {
  padding-top: 2.222222222222222em;
  position: relative
}

.c-card-flow__badge {
  width: 4.277777777777778em;
  height: 4.277777777777778em;
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%)
}

.c-card-flow__meta {
  padding: 2.777777777777778em 0.888888888888889em 3.333333333333333em;
  border-top-right-radius: 2.777777777777778em;
  text-align: center
}

.c-card-flow__meta .meta-subject {
  font-size: min(1.833333333333333vw, 22px);
  font-weight: 700
}

.c-card-flow__meta .meta-desc {
  margin-top: 1em
}

.c-card-person {
  padding: 1.666666666666667em 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 2.5em;
  height: 100%
}

@media (max-width:768px) {
  .c-card-person {
    display: block
  }
}

.c-card-person__media {
  width: 13.333333333333334em;
  height: 13.333333333333334em;
  border-radius: 2.777777777777778em;
  overflow: hidden
}

.c-card-person__meta {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding-right: 3.888888888888889em
}

.c-card-person__meta .meta-subject {
  font-size: min(2.166666666666667vw, 26px);
  font-weight: 700
}

.c-card-person__meta .meta-subject .en {
  margin-left: 2.9em;
  font-size: min(1.666666666666667vw, 20px)
}

.c-card-person__meta .meta-desc {
  margin-top: 0.555555555555556em;
  padding-top: 1.666666666666667em;
  border-top: 0.055555555555556em solid #00344d
}

@media (max-width:768px) {
  .c-card-archive__media .media {
    aspect-ratio: 690/200
  }

  .c-card-archive__meta {
    padding: 0.769230769230769em 1.538461538461539em 1.153846153846154em
  }

  .c-card-archive__meta .meta-subject {
    margin: 0;
    height: auto;
    font-size: min(6.133333333333333vw, 23px)
  }

  .c-card-archive__meta .meta-subject .--strong {
    font-size: min(9.066666666666666vw, 34px)
  }

  .c-card-archive__meta .meta-subject .--small {
    font-size: min(6.133333333333333vw, 23px)
  }

  .c-card-archive__meta .meta-desc {
    margin-top: 0.769230769230769em
  }

  .c-card-reason {
    border-radius: 1.923076923076923em;
    -webkit-box-shadow: 0.384615384615385em 0.384615384615385em 0.769230769230769em rgba(0, 52, 77, 0.2);
    box-shadow: 0.384615384615385em 0.384615384615385em 0.769230769230769em rgba(0, 52, 77, 0.2)
  }

  .c-card-reason__media {
    width: 100%
  }

  .c-card-reason__media .media {
    aspect-ratio: 690/230
  }

  .c-card-reason__meta {
    padding: 0.961538461538462em 1.153846153846154em 1.153846153846154em
  }

  .c-card-reason__meta .meta-subject {
    font-size: min(6.133333333333333vw, 23px);
    text-align: center
  }

  .c-card-reason__meta .meta-subject .--small {
    font-size: min(2.666666666666667vw, 10px);
    display: block
  }

  .c-card-reason__meta .meta-desc {
    margin-top: 0.384615384615385em
  }

  .c-card-reason__badge {
    width: 6.461538461538462em;
    height: 6.461538461538462em;
    position: absolute;
    top: -1.923076923076923em;
    left: -0.769230769230769em
  }

  .c-card-voice {
    padding: 1.923076923076923em 0.769230769230769em
  }

  .c-card-voice__media {
    width: 19.23076923076923em;
    margin: auto;
    text-align: center;
    border-radius: 1.923076923076923em;
    -webkit-box-shadow: 0.384615384615385em 0.384615384615385em 0.769230769230769em rgba(0, 52, 77, 0.2);
    box-shadow: 0.384615384615385em 0.384615384615385em 0.769230769230769em rgba(0, 52, 77, 0.2)
  }

  .c-card-voice__media .media {
    aspect-ratio: 500/246
  }

  .c-card-voice__meta {
    padding: 1.153846153846154em 0
  }

  .c-card-voice__meta .meta-subject {
    font-size: min(5.866666666666666vw, 22px)
  }

  .c-card-voice__meta .meta-caption {
    margin-top: 1.153846153846154em;
    font-size: min(3.466666666666666vw, 13px)
  }

  .c-card-voice__meta .meta-desc {
    margin-top: 1.153846153846154em;
    padding-top: 1.538461538461539em;
    border-top-width: 0.115384615384615em
  }

  .c-card-flow {
    padding-top: 0.384615384615385em
  }

  .c-card-flow__badge {
    width: 6.076923076923077em;
    height: 6.076923076923077em;
    top: 0;
    left: -1.923076923076923em;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
  }

  .c-card-flow__meta {
    padding: 0.769230769230769em 0.769230769230769em 0.769230769230769em 5.384615384615385em;
    border-top-right-radius: 1.923076923076923em;
    text-align: left
  }

  .c-card-flow__meta .meta-subject {
    font-size: min(5.066666666666666vw, 19px)
  }

  .c-card-flow__meta .meta-desc {
    margin-top: 0em
  }

  .c-card-person {
    padding: 1.923076923076923em 0.769230769230769em
  }

  .c-card-person__media {
    width: 10.76923076923077em;
    height: 10.76923076923077em;
    border-radius: 1.923076923076923em;
    margin: auto
  }

  .c-card-person__meta {
    padding: 0.769230769230769em 1.076923076923077em
  }

  .c-card-person__meta .meta-subject {
    font-size: min(4.266666666666667vw, 16px)
  }

  .c-card-person__meta .meta-subject .en {
    font-size: min(3.466666666666666vw, 13px)
  }

  .c-card-person__meta .meta-desc {
    margin-top: 0.461538461538462em;
    padding-top: 0.615384615384615em;
    border-top-width: 0.038461538461538em
  }
}

.c-marker {
  background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(20%, transparent), color-stop(20%, #ff0), color-stop(85%, #ff0), color-stop(85%, transparent));
  background-image: -webkit-linear-gradient(transparent 0%, transparent 20%, #ff0 20%, #ff0 85%, transparent 85%);
  background-image: -o-linear-gradient(transparent 0%, transparent 20%, #ff0 20%, #ff0 85%, transparent 85%);
  background-image: linear-gradient(transparent 0%, transparent 20%, #ff0 20%, #ff0 85%, transparent 85%);
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: 0 100%
}

.c-marker.is-effect {
  -webkit-animation: marker 1.6s linear infinite;
  animation: marker 1.6s linear infinite
}

.c-marker-lg {
  background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(20%, transparent), color-stop(20%, #ff0), color-stop(85%, #ff0), color-stop(85%, transparent));
  background-image: -webkit-linear-gradient(transparent 0%, transparent 20%, #ff0 20%, #ff0 85%, transparent 85%);
  background-image: -o-linear-gradient(transparent 0%, transparent 20%, #ff0 20%, #ff0 85%, transparent 85%);
  background-image: linear-gradient(transparent 0%, transparent 20%, #ff0 20%, #ff0 85%, transparent 85%);
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: 0 120%
}

.c-marker-lg.is-effect {
  -webkit-animation: marker-lg 1.6s linear infinite;
  animation: marker-lg 1.6s linear infinite
}

.c-effect-shake {
  -webkit-animation: shake 2s linear infinite;
  animation: shake 2s linear infinite
}

.c-effect-shake.--call {
  -webkit-animation-delay: 1s;
  animation-delay: 1s
}

.c-effect-veil {
  -webkit-transform-origin: center top;
  -ms-transform-origin: center top;
  transform-origin: center top;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s
}

.c-effect-veil.is-effect {
  -webkit-transform: scaleY(0);
  -ms-transform: scaleY(0);
  transform: scaleY(0)
}

.c-effect-arrow {
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top;
  -webkit-transition: -webkit-transform 0.4s, -webkit-transform-origin 0s;
  transition: -webkit-transform 0.4s, -webkit-transform-origin 0s;
  -o-transition: transform 0.4s, transform-origin 0s;
  transition: transform 0.4s, transform-origin 0s;
  transition: transform 0.4s, transform-origin 0s, -webkit-transform 0.4s, -webkit-transform-origin 0s, -ms-transform-origin 0s
}

.c-effect-arrow.is-effect {
  -webkit-animation: loop-arrow 3.5s infinite ease-in-out 1.5s;
  animation: loop-arrow 3.5s infinite ease-in-out 1.5s
}

.c-effect-zoomy {
  -webkit-animation: zoomy 2.5s infinite ease-in-out both;
  animation: zoomy 2.5s infinite ease-in-out both
}

@-moz-keyframes shake {
  0% {
    transform: translate(2%, 0px)
  }

  5% {
    transform: translate(-2%, 0px)
  }

  10% {
    transform: translate(2%, 0px)
  }

  15% {
    transform: translate(-2%, 0px)
  }

  20% {
    transform: translate(2%, 0px)
  }

  25% {
    transform: translate(-2%, 0px)
  }

  30% {
    transform: translate(0, 0px)
  }
}

@-webkit-keyframes shake {
  0% {
    -webkit-transform: translate(2%, 0px);
    transform: translate(2%, 0px)
  }

  5% {
    -webkit-transform: translate(-2%, 0px);
    transform: translate(-2%, 0px)
  }

  10% {
    -webkit-transform: translate(2%, 0px);
    transform: translate(2%, 0px)
  }

  15% {
    -webkit-transform: translate(-2%, 0px);
    transform: translate(-2%, 0px)
  }

  20% {
    -webkit-transform: translate(2%, 0px);
    transform: translate(2%, 0px)
  }

  25% {
    -webkit-transform: translate(-2%, 0px);
    transform: translate(-2%, 0px)
  }

  30% {
    -webkit-transform: translate(0, 0px);
    transform: translate(0, 0px)
  }
}

@-o-keyframes shake {
  0% {
    transform: translate(2%, 0px)
  }

  5% {
    transform: translate(-2%, 0px)
  }

  10% {
    transform: translate(2%, 0px)
  }

  15% {
    transform: translate(-2%, 0px)
  }

  20% {
    transform: translate(2%, 0px)
  }

  25% {
    transform: translate(-2%, 0px)
  }

  30% {
    transform: translate(0, 0px)
  }
}

@keyframes shake {
  0% {
    -webkit-transform: translate(2%, 0px);
    transform: translate(2%, 0px)
  }

  5% {
    -webkit-transform: translate(-2%, 0px);
    transform: translate(-2%, 0px)
  }

  10% {
    -webkit-transform: translate(2%, 0px);
    transform: translate(2%, 0px)
  }

  15% {
    -webkit-transform: translate(-2%, 0px);
    transform: translate(-2%, 0px)
  }

  20% {
    -webkit-transform: translate(2%, 0px);
    transform: translate(2%, 0px)
  }

  25% {
    -webkit-transform: translate(-2%, 0px);
    transform: translate(-2%, 0px)
  }

  30% {
    -webkit-transform: translate(0, 0px);
    transform: translate(0, 0px)
  }
}

@-moz-keyframes marker {
  0% {
    background-size: 0 100%
  }

  65% {
    background-size: 100% 100%
  }

  97.5% {
    background-size: 100% 100%;
    opacity: 1
  }

  98% {
    background-size: 0 100%
  }
}

@-webkit-keyframes marker {
  0% {
    background-size: 0 100%
  }

  65% {
    background-size: 100% 100%
  }

  97.5% {
    background-size: 100% 100%;
    opacity: 1
  }

  98% {
    background-size: 0 100%
  }
}

@-o-keyframes marker {
  0% {
    background-size: 0 100%
  }

  65% {
    background-size: 100% 100%
  }

  97.5% {
    background-size: 100% 100%;
    opacity: 1
  }

  98% {
    background-size: 0 100%
  }
}

@keyframes marker {
  0% {
    background-size: 0 100%
  }

  65% {
    background-size: 100% 100%
  }

  97.5% {
    background-size: 100% 100%;
    opacity: 1
  }

  98% {
    background-size: 0 100%
  }
}

@-moz-keyframes marker-lg {
  0% {
    background-size: 0 120%
  }

  65% {
    background-size: 100% 120%
  }

  97.5% {
    background-size: 100% 120%;
    opacity: 1
  }

  98% {
    background-size: 0 120%
  }
}

@-webkit-keyframes marker-lg {
  0% {
    background-size: 0 120%
  }

  65% {
    background-size: 100% 120%
  }

  97.5% {
    background-size: 100% 120%;
    opacity: 1
  }

  98% {
    background-size: 0 120%
  }
}

@-o-keyframes marker-lg {
  0% {
    background-size: 0 120%
  }

  65% {
    background-size: 100% 120%
  }

  97.5% {
    background-size: 100% 120%;
    opacity: 1
  }

  98% {
    background-size: 0 120%
  }
}

@keyframes marker-lg {
  0% {
    background-size: 0 120%
  }

  65% {
    background-size: 100% 120%
  }

  97.5% {
    background-size: 100% 120%;
    opacity: 1
  }

  98% {
    background-size: 0 120%
  }
}

@-moz-keyframes zoomy {
  0% {
    transform: scale(1)
  }

  35% {
    transform: scale(1)
  }

  50% {
    transform: scale(1.15)
  }

  65% {
    transform: scale(1)
  }

  to {
    transform: scale(1)
  }
}

@-webkit-keyframes zoomy {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1)
  }

  35% {
    -webkit-transform: scale(1);
    transform: scale(1)
  }

  50% {
    -webkit-transform: scale(1.15);
    transform: scale(1.15)
  }

  65% {
    -webkit-transform: scale(1);
    transform: scale(1)
  }

  to {
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}

@-o-keyframes zoomy {
  0% {
    transform: scale(1)
  }

  35% {
    transform: scale(1)
  }

  50% {
    transform: scale(1.15)
  }

  65% {
    transform: scale(1)
  }

  to {
    transform: scale(1)
  }
}

@keyframes zoomy {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1)
  }

  35% {
    -webkit-transform: scale(1);
    transform: scale(1)
  }

  50% {
    -webkit-transform: scale(1.15);
    transform: scale(1.15)
  }

  65% {
    -webkit-transform: scale(1);
    transform: scale(1)
  }

  to {
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}

@-moz-keyframes loop-arrow {
  0% {
    opacity: 1;
    transform: scale(0)
  }

  15% {
    transform: scale(1)
  }

  60% {
    opacity: 1
  }

  75% {
    opacity: 0;
    transform: scale(1)
  }

  to {
    opacity: 0
  }
}

@-webkit-keyframes loop-arrow {
  0% {
    opacity: 1;
    -webkit-transform: scale(0);
    transform: scale(0)
  }

  15% {
    -webkit-transform: scale(1);
    transform: scale(1)
  }

  60% {
    opacity: 1
  }

  75% {
    opacity: 0;
    -webkit-transform: scale(1);
    transform: scale(1)
  }

  to {
    opacity: 0
  }
}

@-o-keyframes loop-arrow {
  0% {
    opacity: 1;
    transform: scale(0)
  }

  15% {
    transform: scale(1)
  }

  60% {
    opacity: 1
  }

  75% {
    opacity: 0;
    transform: scale(1)
  }

  to {
    opacity: 0
  }
}

@keyframes loop-arrow {
  0% {
    opacity: 1;
    -webkit-transform: scale(0);
    transform: scale(0)
  }

  15% {
    -webkit-transform: scale(1);
    transform: scale(1)
  }

  60% {
    opacity: 1
  }

  75% {
    opacity: 0;
    -webkit-transform: scale(1);
    transform: scale(1)
  }

  to {
    opacity: 0
  }
}

.l-breadcrumb:only-child {
  padding-top: pc_calc_em(164)
}

.c-breadcrumb__item {
  display: inline-block
}

.c-breadcrumb__item br {
  display: none
}

.c-breadcrumb__item:nth-child(n+2):before {
  content: ' �� '
}

@media (max-width:ad) {
  .l-breadcrumb {
    padding: 0 2.133333333333333vw;
    margin-top: 2.133333333333333vw
  }
}

.is-hide {
  display: none
}

.l-main {
  position: relative
}

.l-translate {
  padding-bottom: 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: cenetr top;
  background-image: url("../images/bg-translate_lg.png")
}

.l-translate-box {
  -webkit-transform: translateY(-8.055555555555555em);
  -ms-transform: translateY(-8.055555555555555em);
  transform: translateY(-8.055555555555555em);
  position: relative;
  z-index: 10
}

.l-diag {
  padding-top: 1.333333333333333em;
  position: relative
}

.l-diag-badge {
  width: 6.666666666666667em;
  height: 6.666666666666667em;
  position: absolute;
  top: 0;
  left: 14.055555555555555em
}

.l-diag-frame {
  border: 0.166666666666667em solid #00344d;
  border-radius: 2.777777777777778em;
  background-color: #00344d;
  -webkit-box-shadow: 1.111111111111111em 1.111111111111111em 1.666666666666667em rgba(0, 0, 0, 0.3);
  box-shadow: 1.111111111111111em 1.111111111111111em 1.666666666666667em rgba(0, 0, 0, 0.3);
  overflow: hidden
}

.l-diag-subject {
  padding: 0.352941176470588em 0;
  font-size: min(2.833333333333333vw, 34px);
  font-weight: 700;
  color: #fff;
  text-align: center
}

.l-diag-content {
  height: 18.444444444444443em;
  padding: 0.555555555555556em 1.666666666666667em 2.222222222222222em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #fff
}

.p-diag-list {
  width: 100%
}

.p-diag-list.--cta {
  padding-top: 1.111111111111111em
}

.p-diag-list__subject {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 2.222222222222222em;
  font-weight: 700;
  text-align: center
}

.p-diag-list__subject .num {
  font-family: 'Inter', sans-serif;
  font-size: min(4.166666666666666vw, 50px);
  font-weight: 600
}

.p-diag-list__subject .label {
  font-size: min(3vw, 36px)
}

.p-diag-list__subject .caption {
  padding: 0 1.105263157894737em;
  font-size: min(3.166666666666667vw, 38px);
  color: #ff0093;
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  background-image: url("../images/bg-caption_lg.png")
}

.p-diag-list__group {
  margin-top: 0.777777777777778em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 1em 0.777777777777778em;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

@media (max-width:768px) {
  .p-diag-list__group {
    display: block
  }
}

.p-diag-list__group .group-item {
  padding: 1em 0;
  border-radius: 2.222222222222222em;
  width: 100%;
  max-width: 21.11111111111111em;
  border: 0.166666666666667em solid #00344d;
  text-align: center;
  cursor: pointer;
  -webkit-transition: 0.4s ease;
  -o-transition: 0.4s ease;
  transition: 0.4s ease
}

.p-diag-list__group .group-item:hover {
  color: #fff;
  background-color: #00344d
}

.p-diag-list__group .group-item .label {
  font-size: min(2vw, 24px);
  font-weight: 700
}

.p-diag-cta {
  margin: 0.777777777777778em auto 0;
  max-width: 38.333333333333336em
}

.l-trouble {
  margin-top: 3.333333333333333em
}

.l-trouble-frame {
  padding: 2.777777777777778em 3.611111111111111em 4.444444444444445em;
  border: 0.166666666666667em solid #00344d;
  border-radius: 2.777777777777778em;
  -webkit-box-shadow: 1.111111111111111em 1.111111111111111em 1.666666666666667em rgba(0, 0, 0, 0.3);
  box-shadow: 1.111111111111111em 1.111111111111111em 1.666666666666667em rgba(0, 0, 0, 0.3);
  background-color: #fff;
  position: relative
}

.l-trouble-header {
  padding-bottom: 1.666666666666667em;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center bottom;
  background-image: url("../images/ul-trouble_lg.png");
  text-align: center
}

.l-trouble-header__subject {
  font-size: min(3.833333333333333vw, 46px);
  line-height: 1.473684210526316;
  font-weight: 900;
  display: inline-block
}

.l-trouble-header__subject .--strong {
  font-size: min(4.75vw, 57px);
  color: #ff0093;
  background-position: top left;
  background-repeat: repeat-x;
  background-size: 1em 0.210526315789474em;
  background-image: -webkit-radial-gradient(center center, 0.105263157894737em 0.105263157894737em, #ff0093, #ff0093 100%, transparent);
  background-image: -o-radial-gradient(center center, 0.105263157894737em 0.105263157894737em, #ff0093, #ff0093 100%, transparent);
  background-image: radial-gradient(0.105263157894737em 0.105263157894737em at center center, #ff0093, #ff0093 100%, transparent)
}

.l-trouble-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 3.111111111111111em
}

@media (max-width:768px) {
  .l-trouble-list {
    display: block
  }
}

.l-trouble-list__group {
  width: 100%
}

.l-trouble-list__group .list-item {
  padding: 0.35em 0 0.35em 2.4em;
  font-size: min(1.666666666666667vw, 20px);
  line-height: 1.4;
  font-weight: 700;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center bottom;
  background-image: url("../images/ul-dot_lg.png");
  position: relative
}

.l-trouble-list__group .list-item:before {
  display: block;
  content: '';
  width: 1.3em;
  height: 1.3em;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  background-image: url("../images/icon-check.png");
  position: absolute;
  left: 0;
  top: 0.35em
}

.l-trouble-list__group .list-item .--strong {
  color: #ff7602
}

.l-trouble-caption {
  margin-top: 1.304347826086957em;
  font-size: min(3.833333333333333vw, 46px);
  line-height: 1;
  font-weight: 900;
  text-align: center
}

.l-trouble-arrow {
  width: 3.777777777777778em;
  position: absolute;
  left: calc(50% - 1.888888888888889em);
  bottom: -6.666666666666667em
}

.l-section {
  overflow-x: clip;
  position: relative
}

.l-section-cta {
  padding: 3.333333333333333em 0;
  color: #fff;
  background-color: #00344d;
  overflow: hidden
}

.l-section-header {
  text-align: center
}

.l-section-header__title {
  font-size: min(2.833333333333333vw, 34px);
  line-height: 1.304347826086957;
  font-weight: 700
}

.l-section-header__title .--em {
  max-width: 7.764705882352941em;
  display: inline-block;
  -webkit-filter: drop-shadow(0.277777777777778em 0.277777777777778em 0.388888888888889em #00344d);
  filter: drop-shadow(0.277777777777778em 0.277777777777778em 0.388888888888889em #00344d)
}

.l-section-header__title .--em+.--large {
  line-height: 1.652173913043478
}

.l-section-header__title.--large,
.l-section-header__title .--large {
  font-size: min(3.833333333333333vw, 46px);
  font-weight: 900
}

.l-section-header__title .--large {
  display: block
}

.l-section-repayment {
  padding: 4.444444444444445em 0;
  background-color: #e2f2ff
}

.l-section-repayment__content {
  padding-top: 5em
}

.l-section-repayment__footer {
  padding-top: 2.5em;
  text-align: center
}

.l-section-rate {
  padding: 3.333333333333333em 0
}

.l-section-rate__content {
  padding-top: 2.777777777777778em
}

.l-section-rate__footer {
  padding-top: 7.222222222222222em;
  text-align: center
}

.l-section-achive {
  padding: 3.333333333333333em 0 3.888888888888889em
}

.l-section-achive__content {
  padding-top: 3.333333333333333em
}

.l-section-reason {
  padding: 3.888888888888889em 0 3.888888888888889em;
  background-color: #e2f2ff;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center top;
  background-image: url("../images/bg-reason_lg.png")
}

.l-section-reason__content {
  padding-top: 2.222222222222222em
}

.l-section-diff {
  padding: 3.333333333333333em 0 4.444444444444445em;
  background-color: #e2f2ff
}

.l-section-diff__content {
  padding-top: 2.222222222222222em
}

.l-section-bank {
  padding: 3.888888888888889em 0 3.888888888888889em
}

.l-section-bank__content {
  padding-top: 3.333333333333333em
}

.l-section-voice {
  padding: 3.888888888888889em 0 4.444444444444445em;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center bottom;
  background-image: url("../images/bg-voice_lg.png")
}

.l-section-voice__content {
  padding-top: 2.222222222222222em
}

.l-section-flow {
  padding: 3.333333333333333em 0 3.888888888888889em
}

.l-section-flow__content {
  padding-top: 2.777777777777778em
}

.l-section-faq {
  background-color: #7991bd
}

.l-section-faq__header {
  padding: 0.833333333333333em 0;
  color: #fff;
  background-color: #00344d;
  text-align: center
}

.l-section-faq__header .subject {
  font-size: min(2.833333333333333vw, 34px);
  font-weight: 700
}

.l-section-faq__header .caption {
  font-size: min(1.833333333333333vw, 22px);
  font-weight: 700
}

.l-section-faq__content {
  padding-top: 3.333333333333333em
}

.l-section-person {
  padding: 3.333333333333333em 0
}

.l-section-person__content {
  padding-top: 2.777777777777778em
}

.p-cta-content {
  margin-bottom: 2.777777777777778em
}

.p-cta-content__meta {
  text-align: center
}

.p-cta-content__meta .meta-subject {
  font-size: min(3.833333333333333vw, 46px);
  line-height: 1.043478260869565;
  font-weight: 900;
  color: #ff7602
}

.p-cta-content__meta .meta-subject__small {
  font-size: min(2.833333333333333vw, 34px);
  line-height: 1.411764705882353;
  font-weight: 700;
  color: #fff;
  display: block
}

.p-cta-content__meta .meta-desc {
  margin-top: 0.818181818181818em;
  font-size: min(2vw, 24px);
  line-height: 1.5
}

.p-cta-content__meta .meta-desc .--strong {
  font-size: min(3vw, 36px);
  line-height: 1.333333333333333;
  font-weight: 900;
  color: #ff0
}

.p-cta-content__btn {
  margin-top: 1.111111111111111em;
  text-align: center
}

.p-cta-content__btn img {
  -webkit-filter: drop-shadow(1.111111111111111em 1.111111111111111em 1.666666666666667em rgba(0, 0, 0, 0.3));
  filter: drop-shadow(1.111111111111111em 1.111111111111111em 1.666666666666667em rgba(0, 0, 0, 0.3))
}

.p-cta-btn {
  display: inline-block
}

.p-cta-action {
  text-align: center
}

.p-cta-action__header {
  margin-bottom: -0.888888888888889em
}

.p-cta-action__header .subject {
  font-size: min(2.5vw, 30px);
  line-height: 1.5;
  font-weight: 700
}

.p-cta-action__header .caption {
  margin-top: 0.681818181818182em;
  font-size: min(1.833333333333333vw, 22px);
  line-height: 1.5;
  font-weight: 700
}

.p-cta-action__group {
  max-width: 40.55555555555556em;
  margin: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 1.388888888888889em
}

@media (max-width:768px) {
  .p-cta-action__group {
    display: block
  }
}

.p-cta-action__caption {
  margin-top: 1.333333333333333em;
  font-size: min(2.5vw, 30px);
  line-height: 1.5;
  font-weight: 700;
  color: #ff7602
}

.p-cta-group__btn {
  width: 100%
}

@media (max-width:768px) {
  .l-translate {
    background-image: url("../images/bg-translate_md.png")
  }

  .l-translate-box {
    -webkit-transform: translateY(-4.230769230769231em);
    -ms-transform: translateY(-4.230769230769231em);
    transform: translateY(-4.230769230769231em)
  }

  .l-diag {
    padding-top: 1.461538461538461em
  }

  .l-diag-badge {
    width: 6.384615384615385em;
    height: 6.384615384615385em;
    left: -0.538461538461538em
  }

  .l-diag-frame {
    border-width: 0.115384615384615em;
    border-radius: 1.923076923076923em;
    -webkit-box-shadow: 0.384615384615385em 0.384615384615385em 0.769230769230769em rgba(0, 0, 0, 0.3);
    box-shadow: 0.384615384615385em 0.384615384615385em 0.769230769230769em rgba(0, 0, 0, 0.3)
  }

  .l-diag-subject {
    padding: 0.447368421052632em 0;
    font-size: min(5.066666666666666vw, 19px)
  }

  .l-diag-content {
    height: 29.846153846153847em;
    padding: 1.538461538461539em
  }

  .p-diag-list.--cta {
    padding-top: 0
  }

  .p-diag-list__subject {
    gap: 1.076923076923077em
  }

  .p-diag-list__subject .num {
    font-size: min(8vw, 30px)
  }

  .p-diag-list__subject .label {
    font-size: min(5.333333333333334vw, 20px)
  }

  .p-diag-list__subject .caption {
    padding: 0 1.111111111111111em;
    font-size: min(7.199999999999999vw, 27px);
    background-position: center bottom 0.296296296296296em;
    background-image: url("../images/bg-caption_md.png")
  }

  .p-diag-list__group {
    margin-top: 0
  }

  .p-diag-list__group .group-item {
    margin-top: 1.153846153846154em;
    padding: 1.076923076923077em 0;
    border-radius: 2.307692307692307em;
    border-width: 0.115384615384615em;
    max-width: initial
  }

  .p-diag-list__group .group-item .label {
    font-size: min(5.066666666666666vw, 19px)
  }

  .p-diag-cta {
    margin: 1.153846153846154em auto 0
  }

  .p-diag-cta .c-btn-group:nth-child(n+2) {
    margin-top: 0.769230769230769em
  }

  .l-trouble {
    margin-top: 1.461538461538461em
  }

  .l-trouble-frame {
    padding: 2.307692307692307em 1.923076923076923em 4.423076923076923em;
    border-width: 0.115384615384615em;
    border-radius: 1.923076923076923em;
    -webkit-box-shadow: 0.384615384615385em 0.384615384615385em 0.769230769230769em rgba(0, 0, 0, 0.3);
    box-shadow: 0.384615384615385em 0.384615384615385em 0.769230769230769em rgba(0, 0, 0, 0.3)
  }

  .l-trouble-header {
    padding-bottom: 1.538461538461539em;
    background-image: url("../images/ul-trouble_md.png")
  }

  .l-trouble-header__subject {
    font-size: min(6.4vw, 24px);
    line-height: 1.323529411764706
  }

  .l-trouble-header__subject .--strong {
    font-size: min(9.066666666666666vw, 34px);
    background-size: 1em 0.176470588235294em;
    background-image: -webkit-radial-gradient(center center, 0.088235294117647em 0.088235294117647em, #ff0093, #ff0093 100%, transparent);
    background-image: -o-radial-gradient(center center, 0.088235294117647em 0.088235294117647em, #ff0093, #ff0093 100%, transparent);
    background-image: radial-gradient(0.088235294117647em 0.088235294117647em at center center, #ff0093, #ff0093 100%, transparent)
  }

  .l-trouble-list {
    margin-top: 1.153846153846154em
  }

  .l-trouble-list__group .list-item {
    padding: 0.571428571428571em 0 0.571428571428571em 1.428571428571429em;
    font-size: min(4.666666666666667vw, 17.5px);
    background-image: url("../images/ul-dot_md.png")
  }

  .l-trouble-list__group .list-item.--disable-ul {
    background-image: none
  }

  .l-trouble-list__group .list-item:before {
    width: 0.857142857142857em;
    height: 0.857142857142857em;
    top: 0.857142857142857em
  }

  .l-trouble-caption {
    margin: 1.041666666666667em -0.416666666666667em 0;
    font-size: min(6.4vw, 24px);
    line-height: 1.208333333333333
  }

  .l-trouble-arrow {
    width: 2.615384615384615em;
    position: absolute;
    left: calc(50% - 1.307692307692308em);
    bottom: -3.230769230769231em
  }

  .p-cta-content {
    margin-bottom: 3.461538461538462em
  }

  .p-cta-content__meta {
    text-align: center
  }

  .p-cta-content__meta .meta-subject {
    font-size: min(9.066666666666666vw, 34px);
    line-height: 1.235294117647059
  }

  .p-cta-content__meta .meta-subject__small {
    font-size: min(5.600000000000001vw, 21px);
    line-height: 1.476190476190476
  }

  .p-cta-content__meta .meta-desc {
    margin-top: 0.75em;
    font-size: min(4.266666666666667vw, 16px);
    white-space: nowrap
  }

  .p-cta-content__meta .meta-desc .--strong {
    font-size: min(6.4vw, 24px)
  }

  .p-cta-content__btn {
    margin: 0 -1.923076923076923em 0 -0.615384615384615em
  }

  .p-cta-content__btn img {
    -webkit-filter: drop-shadow(0.384615384615385em 0.384615384615385em 1.153846153846154em rgba(0, 0, 0, 0.3));
    filter: drop-shadow(0.384615384615385em 0.384615384615385em 1.153846153846154em rgba(0, 0, 0, 0.3))
  }

  .p-cta-action__header {
    margin-bottom: 0
  }

  .p-cta-action__header .subject {
    font-size: min(5.600000000000001vw, 21px)
  }

  .p-cta-action__header .caption {
    margin-top: 1em;
    font-size: min(3.733333333333334vw, 14px)
  }

  .p-cta-action__caption {
    margin-top: 1.25em;
    font-size: min(4.266666666666667vw, 16px)
  }

  .p-cta-group__btn:nth-child(n+2) {
    margin-top: 0.769230769230769em
  }

  .l-section-cta {
    padding: 2.692307692307693em 0
  }

  .l-section-header__title {
    font-size: min(4.8vw, 18px)
  }

  .l-section-header__title.--large,
  .l-section-header__title .--large,
  .l-section-header__title.md-large {
    font-size: min(6.133333333333333vw, 23px)
  }

  .l-section-header__title .--em {
    max-width: 13.333333333333334em;
    margin: 0.555555555555556em auto 0.555555555555556em;
    -webkit-filter: drop-shadow(0.192307692307692em 0.192307692307692em 0.269230769230769em #00344d);
    filter: drop-shadow(0.192307692307692em 0.192307692307692em 0.269230769230769em #00344d);
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }

  .l-section-repayment {
    padding: 2.307692307692307em 0
  }

  .l-section-repayment__content {
    padding-top: 1.923076923076923em
  }

  .l-section-repayment__footer {
    padding-top: 3.076923076923077em
  }

  .l-section-rate {
    padding: 2.307692307692307em 0
  }

  .l-section-rate__content {
    padding-top: 1.923076923076923em
  }

  .l-section-rate__footer {
    padding-top: 6.153846153846154em
  }

  .l-section-achive {
    padding: 2.307692307692307em 0 3.076923076923077em
  }

  .l-section-achive__content {
    padding-top: 2.692307692307693em
  }

  .l-section-reason {
    padding: 2.307692307692307em 0 3.076923076923077em;
    background-image: url("../images/bg-reason_md.png")
  }

  .l-section-reason__content {
    padding-top: 0
  }

  .l-section-diff {
    padding: 1.923076923076923em 0
  }

  .l-section-diff__content {
    padding-top: 1.538461538461539em
  }

  .l-section-bank {
    padding: 2.307692307692307em 0
  }

  .l-section-bank__content {
    padding-top: 1.923076923076923em
  }

  .l-section-faq__header {
    padding: 0.192307692307692em 0
  }

  .l-section-faq__header .subject {
    font-size: min(6.133333333333333vw, 23px)
  }

  .l-section-faq__header .caption {
    font-size: min(3.733333333333334vw, 14px)
  }

  .l-section-faq__content {
    padding-top: 2.307692307692307em
  }

  .l-section-person {
    padding: 2.307692307692307em 0
  }

  .l-section-person__content {
    padding-top: 2.307692307692307em
  }
}

.p-rate-frame,
.p-repayment-frame {
  border: 0.166666666666667em solid #00344d;
  border-radius: 2.777777777777778em;
  background-color: #fff;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-image: url("../images/bg-dot_lg.png");
  -webkit-box-shadow: 1.111111111111111em 1.111111111111111em 1.666666666666667em rgba(0, 0, 0, 0.3);
  box-shadow: 1.111111111111111em 1.111111111111111em 1.666666666666667em rgba(0, 0, 0, 0.3)
}

.p-rate-group,
.p-repayment-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 0.888888888888889em
}

.p-rate-group__graph,
.p-repayment-group__graph {
  width: 100%;
  text-align: center;
  position: relative
}

.p-rate-group__graph.--before .c-effect-veil,
.p-repayment-group__graph.--before .c-effect-veil {
  -webkit-transition-delay: 0.5s;
  -o-transition-delay: 0.5s;
  transition-delay: 0.5s
}

.p-rate-group__graph.--after .c-effect-veil,
.p-repayment-group__graph.--after .c-effect-veil {
  -webkit-transition-delay: 1s;
  -o-transition-delay: 1s;
  transition-delay: 1s
}

.p-rate-group__graph .graph-subject,
.p-repayment-group__graph .graph-subject {
  margin-bottom: 2.222222222222222em
}

.p-rate-group__graph .graph-desc,
.p-repayment-group__graph .graph-desc {
  margin-top: 1em;
  font-size: min(1.666666666666667vw, 20px);
  font-weight: 700
}

.p-rate-group__graph .graph-desc .--strong,
.p-repayment-group__graph .graph-desc .--strong {
  padding: 0em 1em;
  border-radius: 0.333333333333333em;
  font-size: min(2.5vw, 30px);
  color: #fff;
  display: inline-block
}

.p-rate-group__graph .graph-desc .--small,
.p-repayment-group__graph .graph-desc .--small {
  font-size: 0.733333333333333em
}

.p-rate-group__graph .graph-desc .--navy,
.p-repayment-group__graph .graph-desc .--navy {
  background-color: #00344d
}

.p-rate-group__graph .graph-desc .--pink,
.p-repayment-group__graph .graph-desc .--pink {
  background-color: #ff0093
}

.p-rate-group__graph .graph-figure,
.p-repayment-group__graph .graph-figure {
  position: relative
}

.p-rate-group__graph .graph-figure__veil,
.p-repayment-group__graph .graph-figure__veil {
  width: 100%;
  height: 100%;
  background-color: #fff;
  position: absolute;
  top: 0;
  left: 0
}

.p-rate-group__graph .graph-figure__arrow,
.p-repayment-group__graph .graph-figure__arrow {
  width: 18.944444444444443em;
  height: 12.722222222222221em;
  position: absolute;
  left: -9.444444444444445em
}

.p-repayment-frame {
  padding-bottom: 2.777777777777778em;
  padding: 0 1.111111111111111em 2.222222222222222em
}

.p-repayment-figure {
  margin: auto
}

.p-repayment-group {
  max-width: 74.54545454545455%;
  margin: -1.333333333333333em auto 0
}

.p-repayment-group__graph .graph-figure__arrow {
  top: 0
}

.p-repayment-result {
  margin: 2.777777777777778em auto 0;
  max-width: 67.27272727272727%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 1.111111111111111em;
  height: 5.833333333333333em;
  border-radius: 0.555555555555556em;
  background-color: #00344d;
  color: #ff0;
  position: relative
}

.p-repayment-result__caption {
  font-size: min(4.416666666666667vw, 53px);
  font-weight: 700
}

.p-repayment-result__caption .--strong {
  font-size: min(6.166666666666667vw, 74px)
}

.p-repayment-result__badge {
  width: 10.055555555555555em;
  -webkit-transform: rotate(-10deg);
  -ms-transform: rotate(-10deg);
  transform: rotate(-10deg);
  -webkit-filter: drop-shadow(0 0.166666666666667em 0.333333333333333em rgba(0, 0, 0, 0.16));
  filter: drop-shadow(0 0.166666666666667em 0.333333333333333em rgba(0, 0, 0, 0.16))
}

.p-repayment-footer__desc {
  font-size: min(2.333333333333333vw, 28px);
  line-height: 1.214285714285714;
  font-weight: 700
}

.p-repayment-footer__caption {
  margin-top: 0.217391304347826em;
  font-size: min(3.833333333333333vw, 46px);
  font-weight: 900
}

.p-repayment-footer__caption .--strong {
  font-size: min(5vw, 60px);
  color: #ff0093;
  background-position: top left;
  background-repeat: repeat-x;
  background-size: 1em 0.2em;
  background-image: -webkit-radial-gradient(center center, 0.1em 0.1em, #ff0093, #ff0093 100%, transparent);
  background-image: -o-radial-gradient(center center, 0.1em 0.1em, #ff0093, #ff0093 100%, transparent);
  background-image: radial-gradient(0.1em 0.1em at center center, #ff0093, #ff0093 100%, transparent)
}

.p-rate-frame {
  padding: 2.222222222222222em 8.61111111111111em 2.222222222222222em
}

.p-rate-subject {
  font-size: min(3.416666666666667vw, 41px);
  font-weight: 700;
  text-align: center
}

.p-rate-group {
  margin-top: 2em
}

.p-rate-group__graph .graph-figure__arrow {
  top: -2em
}

.p-rate-result {
  margin-top: 2em;
  text-align: center;
  position: relative
}

.p-rate-result__caption {
  font-size: min(3.833333333333333vw, 46px);
  line-height: 1.434782608695652;
  font-weight: 900
}

.p-rate-result__caption .--strong {
  font-size: min(5vw, 60px);
  line-height: 1.1
}

.p-rate-footer__meta {
  position: relative
}

.p-rate-footer__meta .meta-badge {
  width: 18.88888888888889em;
  height: 12.333333333333334em;
  position: absolute;
  top: -9.444444444444445em;
  left: 50%;
  -webkit-transform: translateX(-50%) rotate(-5deg);
  -ms-transform: translateX(-50%) rotate(-5deg);
  transform: translateX(-50%) rotate(-5deg)
}

.p-rate-footer__meta .meta-caption {
  font-size: min(3.833333333333333vw, 46px);
  line-height: 1;
  font-weight: 900
}

.p-rate-footer__meta .meta-caption .--strong {
  font-size: min(9.083333333333334vw, 109px);
  font-family: 'Lato', sans-serif;
  color: #ff0093
}

.p-rate-footer__meta .meta-desc {
  margin-top: 0.909090909090909em;
  font-size: min(1.833333333333333vw, 22px)
}

.p-rate-footer__caption {
  margin-top: 0.588235294117647em;
  font-size: min(2.833333333333333vw, 34px);
  line-height: 1.411764705882353;
  font-weight: 700
}

.p-rate-footer__caption .--strong {
  font-size: min(3.833333333333333vw, 46px);
  color: #ff7602
}

.p-achive {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  gap: 1.666666666666667em
}

@media (max-width:768px) {
  .p-achive {
    display: block
  }
}

.p-achive-item {
  width: 100%;
  border-radius: 2.777777777777778em;
  -webkit-box-shadow: 1.666666666666667em 1.666666666666667em 1.666666666666667em rgba(0, 0, 0, 0.3);
  box-shadow: 1.666666666666667em 1.666666666666667em 1.666666666666667em rgba(0, 0, 0, 0.3);
  background-color: #e2f2ff;
  overflow: hidden
}

.p-reason-item {
  width: 100%;
  position: relative
}

.p-reason-item:nth-child(n+2) {
  margin-top: 3.333333333333333em
}

.p-diff-balloon {
  margin-bottom: 0.208333333333333em;
  font-size: min(2vw, 24px);
  line-height: 2.5;
  font-weight: 700;
  color: #ff0093;
  text-align: center
}

.p-diff-balloon .balloon {
  padding-bottom: 0.916666666666667em;
  width: 100%;
  max-width: 18.75em;
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  background-image: url("../images/diff-caption_lg.png")
}

.p-diff-caption {
  margin-top: 0.882352941176471em;
  font-size: min(2.833333333333333vw, 34px);
  font-weight: 700;
  color: #ff7602;
  text-align: center
}

.p-diff-wrap {
  padding: 0.333333333333333em 0 0.555555555555556em;
  position: relative
}

.p-diff-wrap:after {
  width: calc(25% + 0.555555555555556em);
  height: 100%;
  border: 0.555555555555556em solid #00344d;
  content: '';
  display: block;
  position: absolute;
  left: calc(25% - 0.277777777777778em);
  top: 0
}

.p-diff-table {
  border-radius: 3em;
  -webkit-box-shadow: 1.111111111111111em 1.111111111111111em 1.111111111111111em rgba(0, 52, 77, 0.3);
  box-shadow: 1.111111111111111em 1.111111111111111em 1.111111111111111em rgba(0, 52, 77, 0.3);
  overflow: hidden;
  position: relative
}

.p-diff-table__figure {
  width: 9.555555555555555em;
  height: 6.666666666666667em;
  position: absolute;
  right: -4.722222222222222em;
  bottom: -2.777777777777778em
}

.p-diff-table .row {
  height: 3.888888888888889em;
  margin-top: 0.222222222222222em;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  gap: 0.222222222222222em
}

.p-diff-table .col {
  font-size: min(1.5vw, 18px);
  font-weight: 700;
  width: 100%;
  text-align: center
}

.p-diff-table .col .label {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.p-diff-table .col.round-rt {
  border-top-right-radius: 2.777777777777778em
}

.p-diff-table .col.round-rb {
  border-bottom-right-radius: 2.777777777777778em
}

.p-diff-table .col.round-lt {
  border-top-left-radius: 2.777777777777778em
}

.p-diff-table .col.round-lb {
  border-bottom-left-radius: 2.777777777777778em
}

.p-diff-table .thead .col {
  color: #00344d;
  background-color: #00ceff
}

.p-diff-table .thead .col.bg-transparent {
  background-color: transparent
}

.p-diff-table .thead .col.current {
  font-size: min(2vw, 24px);
  color: #fff;
  background-color: #ff0093
}

.p-diff-table .tbody .col {
  background-color: #fff
}

.p-diff-table .tbody .col.th {
  color: #00344d;
  background-color: #00ceff
}

.p-diff-table .tbody .col.current {
  height: 2.5em;
  font-size: min(2.333333333333333vw, 28px);
  color: #ff0093
}

.p-bank-brand {
  text-align: center
}

.p-bank-caption {
  margin-top: 0.882352941176471em;
  font-size: min(2.833333333333333vw, 34px);
  font-weight: 700;
  color: #ff7602;
  text-align: center
}

.p-bank-list {
  margin-top: 4.444444444444445em
}

.p-bank-list__list {
  max-width: 72.22222222222223em;
  margin: auto;
  padding: 1.111111111111111em;
  border-radius: 1.111111111111111em;
  background-color: #e2f2ff
}

.p-bank-list .list-item {
  font-size: min(1.333333333333333vw, 16px);
  display: inline-block;
  margin-right: 1em
}

.p-voice-slider__container {
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch
}

.p-voice-slider__item {
  position: relative
}

.p-voice-slider__item:before {
  display: block;
  content: '';
  width: 94.66437177280551%;
  height: 100%;
  border: 0.166666666666667em solid #00344d;
  border-radius: 2.777777777777778em;
  -webkit-box-shadow: 1.111111111111111em 1.111111111111111em 1.666666666666667em rgba(0, 52, 77, 0.2);
  box-shadow: 1.111111111111111em 1.111111111111111em 1.666666666666667em rgba(0, 52, 77, 0.2);
  background-color: #fff;
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1
}

.p-voice-slider__pager {
  margin-top: 0.833333333333333em;
  text-align: center
}

.p-voice-slider__nav {
  width: 65.625%;
  height: 100%;
  position: absolute;
  top: -1.666666666666667em;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  z-index: 5;
  pointer-events: none
}

.p-voice .swiper-button-next,
.p-voice .swiper-button-prev {
  width: 3.166666666666667em;
  height: 3.166666666666667em;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  background-image: url("../images/btn-slide.png");
  pointer-events: initial
}

.p-voice .swiper-button-next:after,
.p-voice .swiper-button-prev:after {
  display: none
}

.p-voice .swiper-button-next {
  -webkit-transform: scaleX(-1);
  -ms-transform: scaleX(-1);
  transform: scaleX(-1)
}

.p-voice .swiper-pagination-bullet {
  width: 0.888888888888889em;
  height: 0.888888888888889em;
  background-color: #fff;
  opacity: 1
}

.p-voice .swiper-pagination-bullet-active {
  background-color: #00344d
}

.p-flow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.388888888888889em
}

@media (max-width:768px) {
  .p-flow {
    display: block
  }
}

.p-flow-item {
  width: 100%
}

.p-flow-item:nth-child(odd) .c-card-flow__meta {
  background-color: #c4e7ff
}

.p-flow-item:nth-child(2n) .c-card-flow__meta {
  background-color: rgba(206, 235, 255, 0.5)
}

.p-faq {
  max-width: 54.27777777777778em;
  margin: auto
}

.p-faq-caption {
  margin-top: 1.111111111111111em
}

.p-faq-group:nth-child(n+2) {
  margin-top: 3.333333333333333em
}

.p-faq-group__q {
  padding-top: 1.666666666666667em;
  padding-left: 6.111111111111111em;
  margin-bottom: 1.111111111111111em;
  margin-right: auto;
  position: relative
}

.p-faq-group__q .question {
  display: inline-block;
  max-width: 37.888888888888886em;
  padding: 1.111111111111111em 1.666666666666667em;
  border-radius: 1.666666666666667em;
  background-color: #fff;
  position: relative
}

.p-faq-group__q .question:before {
  display: block;
  content: '';
  width: 1.5em;
  height: 1.5em;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  background-image: url("../images/faq-tr-q.png");
  position: absolute;
  top: 0;
  left: -0.555555555555556em
}

.p-faq-group__q:after {
  display: block;
  content: '';
  width: 4.833333333333333em;
  height: 4.833333333333333em;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  background-image: url("../images/faq-q.png");
  position: absolute;
  top: 0;
  left: 0
}

.p-faq-group__a {
  padding-top: 1.666666666666667em;
  padding-right: 6.111111111111111em;
  text-align: right;
  position: relative
}

.p-faq-group__a .answer {
  max-width: 34.44444444444444em;
  margin-left: auto;
  display: inline-block;
  padding: 0.888888888888889em 1.666666666666667em;
  border-radius: 1.666666666666667em;
  color: #fff;
  background-color: #06c755;
  text-align: left;
  position: relative;
  cursor: pointer
}

.p-faq-group__a .answer-start.is-active {
  display: none
}

.p-faq-group__a .answer-content {
  display: none
}

.p-faq-group__a .answer:before {
  display: block;
  content: '';
  width: 1.5em;
  height: 1.5em;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  background-image: url("../images/faq-tr-a.png");
  position: absolute;
  top: 0;
  right: -0.555555555555556em
}

.p-faq-group__a .answer-toggle {
  width: 2.111111111111111em;
  height: 2.111111111111111em;
  border-radius: 50%;
  background-color: #fff;
  border: 0.166666666666667em solid #06c755;
  position: absolute;
  bottom: -1.111111111111111em;
  left: -0.277777777777778em;
  cursor: pointer
}

.p-faq-group__a .answer-toggle:after,
.p-faq-group__a .answer-toggle:before {
  display: block;
  content: '';
  width: 1em;
  height: 0.222222222222222em;
  background-color: #06c755;
  position: absolute;
  top: calc(50% - 0.111111111111111em);
  left: 0.388888888888889em;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s
}

.p-faq-group__a .answer-toggle:after {
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg)
}

.p-faq-group__a .answer-toggle.is-active:after {
  -webkit-transform: rotate(0);
  -ms-transform: rotate(0);
  transform: rotate(0)
}

.p-faq-group__a:after {
  display: block;
  content: '';
  width: 4.833333333333333em;
  height: 4.833333333333333em;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  background-image: url("../images/faq-a.png");
  position: absolute;
  top: 0;
  right: 0
}

.p-person-list {
  max-width: 54.77777777777778em;
  margin: auto
}

.p-person-item {
  position: relative
}

.p-person-item:nth-child(n+2) {
  margin-top: 3.333333333333333em
}

.p-person-item:before {
  display: block;
  content: '';
  width: 91.27789046653145%;
  height: 100%;
  border: 0.166666666666667em solid #00344d;
  border-radius: 2.777777777777778em;
  -webkit-box-shadow: 1.111111111111111em 1.111111111111111em 1.666666666666667em rgba(0, 52, 77, 0.2);
  box-shadow: 1.111111111111111em 1.111111111111111em 1.666666666666667em rgba(0, 52, 77, 0.2);
  background-color: #fff;
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1
}

.p-person-caption {
  margin-top: 1.304347826086957em;
  font-size: min(3.833333333333333vw, 46px);
  font-weight: 700;
  text-align: center
}

@media (max-width:768px) {

  .p-rate-frame,
  .p-repayment-frame {
    border-width: 0.115384615384615em;
    border-radius: 1.923076923076923em;
    background-image: url("../images/bg-dot_md.png");
    -webkit-box-shadow: 0.384615384615385em 0.384615384615385em 0.769230769230769em rgba(0, 0, 0, 0.3);
    box-shadow: 0.384615384615385em 0.384615384615385em 0.769230769230769em rgba(0, 0, 0, 0.3)
  }

  .p-rate-group,
  .p-repayment-group {
    padding: 0 1.153846153846154em
  }

  .p-rate-group__graph .graph-subject,
  .p-repayment-group__graph .graph-subject {
    margin-bottom: 1.153846153846154em
  }

  .p-rate-group__graph .graph-desc,
  .p-repayment-group__graph .graph-desc {
    margin-top: 0.4em;
    font-size: min(2.666666666666667vw, 10px)
  }

  .p-rate-group__graph .graph-desc .--strong,
  .p-repayment-group__graph .graph-desc .--strong {
    padding: 0em 0.733333333333333em;
    font-size: min(4vw, 15px)
  }

  .p-rate-group__graph .graph-figure .graph,
  .p-repayment-group__graph .graph-figure .graph {
    max-width: 8.23076923076923em;
    margin: auto
  }

  .p-rate-group__graph .graph-figure__arrow,
  .p-repayment-group__graph .graph-figure__arrow {
    width: 12.5em;
    height: 8.384615384615385em;
    left: -6.923076923076923em
  }

  .p-repayment-frame {
    padding: 3.076923076923077em 0.769230769230769em 2.692307692307693em
  }

  .p-repayment-group {
    padding: 0 1.153846153846154em;
    gap: 3.846153846153846em;
    max-width: initial
  }

  .p-repayment-group__graph .graph-figure__arrow {
    top: -1.153846153846154em
  }

  .p-repayment-result {
    margin-top: 1.153846153846154em;
    max-width: initial;
    height: 4.076923076923077em;
    gap: 0;
    border-radius: 0.384615384615385em
  }

  .p-repayment-result__caption {
    font-size: min(6.666666666666667vw, 25px)
  }

  .p-repayment-result__caption .--strong {
    font-size: min(9.866666666666667vw, 37px)
  }

  .p-repayment-result__badge {
    width: 6.615384615384615em;
    -webkit-filter: drop-shadow(0 0.115384615384615em 0.230769230769231em rgba(0, 0, 0, 0.16));
    filter: drop-shadow(0 0.115384615384615em 0.230769230769231em rgba(0, 0, 0, 0.16))
  }

  .p-repayment-footer__desc {
    font-size: min(3.466666666666666vw, 13px)
  }

  .p-repayment-footer__caption {
    margin-top: 0.625em;
    font-size: min(6.4vw, 24px)
  }

  .p-repayment-footer__caption .--strong {
    font-size: min(9.066666666666666vw, 34px)
  }

  .p-rate-frame {
    padding: 1.538461538461539em 0 1.153846153846154em
  }

  .p-rate-subject {
    font-size: min(5.466666666666667vw, 20.5px)
  }

  .p-rate-group {
    margin-top: 1.923076923076923em;
    gap: 2.692307692307693em
  }

  .p-rate-group__graph .graph-figure__arrow {
    top: -1.153846153846154em
  }

  .p-rate-result {
    margin-top: 0.769230769230769em
  }

  .p-rate-result__caption {
    font-size: min(6.133333333333333vw, 23px)
  }

  .p-rate-result__caption .--strong {
    font-size: min(8.799999999999999vw, 33px)
  }

  .p-rate-footer__meta .meta-badge {
    width: 14.615384615384615em;
    height: 10.384615384615385em;
    top: -7.692307692307693em;
    -webkit-transform: translateX(-50%) rotate(0deg);
    -ms-transform: translateX(-50%) rotate(0deg);
    transform: translateX(-50%) rotate(0deg)
  }

  .p-rate-footer__meta .meta-caption {
    font-size: min(7.333333333333333vw, 27.5px)
  }

  .p-rate-footer__meta .meta-caption .--strong {
    font-size: min(17.733333333333334vw, 66.5px)
  }

  .p-rate-footer__meta .meta-desc {
    margin-top: 0.909090909090909em;
    font-size: min(2.933333333333333vw, 11px)
  }

  .p-rate-footer__caption {
    margin-top: 0.434782608695652em;
    font-size: min(6.133333333333333vw, 23px)
  }

  .p-rate-footer__caption .--strong {
    font-size: min(8vw, 30px)
  }

  .p-achive-item {
    border-radius: 1.923076923076923em;
    -webkit-box-shadow: 0.384615384615385em 0.384615384615385em 0.769230769230769em rgba(0, 0, 0, 0.3);
    box-shadow: 0.384615384615385em 0.384615384615385em 0.769230769230769em rgba(0, 0, 0, 0.3)
  }

  .p-achive-item:nth-child(n+2) {
    margin-top: 1.538461538461539em
  }

  .p-reason-item:nth-child(n+2) {
    margin-top: 3.076923076923077em
  }

  .p-diff-balloon {
    margin-bottom: 0.294117647058824em;
    font-size: min(4.533333333333333vw, 17px);
    line-height: 1.764705882352941
  }

  .p-diff-balloon .balloon {
    padding-bottom: 0.647058823529412em;
    width: 100%;
    max-width: 18.676470588235293em;
    background-image: url("../images/diff-caption_md.png")
  }

  .p-diff-caption {
    margin-top: 0.782608695652174em;
    font-size: min(6.133333333333333vw, 23px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
  }

  .p-diff-caption__figure {
    width: 4.086956521739131em;
    height: 2.847826086956522em
  }

  .p-diff-wrap {
    padding: 0.230769230769231em 0 0.384615384615385em
  }

  .p-diff-wrap:after {
    width: 25.333333333333336vw;
    border-width: 0.384615384615385em;
    left: 5.384615384615385em
  }

  .p-diff-table {
    border-radius: 1.961538461538461em;
    -webkit-box-shadow: 0.769230769230769em 0.769230769230769em 0.769230769230769em rgba(0, 52, 77, 0.3);
    box-shadow: 0.769230769230769em 0.769230769230769em 0.769230769230769em rgba(0, 52, 77, 0.3)
  }

  .p-diff-table .row {
    height: 2.692307692307693em;
    margin-top: 0.153846153846154em;
    gap: 0.153846153846154em
  }

  .p-diff-table .col {
    font-size: min(3.2vw, 12px)
  }

  .p-diff-table .col.round-rt {
    border-top-right-radius: 2.083333333333333em
  }

  .p-diff-table .col.round-rb {
    border-bottom-right-radius: 2.083333333333333em
  }

  .p-diff-table .col.round-lt {
    border-top-left-radius: 2.083333333333333em
  }

  .p-diff-table .col.round-lb {
    border-bottom-left-radius: 2.083333333333333em
  }

  .p-diff-table .thead .col.bg-transparent {
    max-width: 5.833333333333333em
  }

  .p-diff-table .thead .col.current {
    font-size: min(3.2vw, 12px)
  }

  .p-diff-table .tbody .col.th {
    font-size: min(2.666666666666667vw, 10px);
    line-height: 1;
    max-width: 7em
  }

  .p-diff-table .tbody .col.current {
    height: 2.1875em;
    font-size: min(4.266666666666667vw, 16px)
  }

  .p-diff-table .tbody .col .md-small {
    font-size: min(2.666666666666667vw, 10px)
  }

  .p-bank-caption {
    margin-top: 0.652173913043478em;
    font-size: min(6.133333333333333vw, 23px)
  }

  .p-bank-list {
    margin-top: 1.153846153846154em
  }

  .p-bank-list__list {
    padding: 1.230769230769231em;
    border-radius: 0.769230769230769em
  }

  .p-bank-list .list-item {
    font-size: min(3.2vw, 12px);
    display: inline;
    margin-right: 0.5em
  }

  .p-voice-slider__container {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
  }

  .p-voice-slider__item {
    position: relative
  }

  .p-voice-slider__item:before {
    width: 100%;
    height: calc(100% - 6.538461538461538em);
    border-width: 0.115384615384615em;
    border-radius: 1.923076923076923em;
    -webkit-box-shadow: 0.384615384615385em 0.384615384615385em 0.769230769230769em rgba(0, 52, 77, 0.2);
    box-shadow: 0.384615384615385em 0.384615384615385em 0.769230769230769em rgba(0, 52, 77, 0.2);
    top: auto;
    bottom: 0
  }

  .p-voice-slider__pager {
    margin-top: 1.153846153846154em;
    text-align: center
  }

  .p-voice .swiper-pagination-bullet {
    width: 0.769230769230769em;
    height: 0.769230769230769em
  }

  .p-voice .swiper-button-next,
  .p-voice .swiper-button-prev {
    width: 3.076923076923077em;
    height: 3.076923076923077em;
    top: 20%
  }

  .p-voice .swiper-button-prev {
    left: -3.692307692307693em
  }

  .p-voice .swiper-button-next {
    right: -3.692307692307693em
  }

  .p-flow-item:nth-child(n+2) {
    margin-top: 1.538461538461539em
  }

  .p-faq-caption {
    margin-top: 1.923076923076923em
  }

  .p-faq-group:nth-child(n+2) {
    margin-top: 2.307692307692307em
  }

  .p-faq-group__q {
    padding-top: 1.153846153846154em;
    padding-left: 4.230769230769231em;
    margin-bottom: 1.153846153846154em
  }

  .p-faq-group__q .question {
    font-size: min(4.266666666666667vw, 16px);
    max-width: 18.59375em;
    padding: 0.625em 1.0625em;
    border-radius: 0.9375em
  }

  .p-faq-group__q .question:before {
    display: block;
    content: '';
    width: 0.84375em;
    height: 0.84375em;
    left: -0.3125em
  }

  .p-faq-group__q:after {
    display: block;
    content: '';
    width: 3.346153846153846em;
    height: 3.346153846153846em
  }

  .p-faq-group__a {
    padding: 1.153846153846154em 4.230769230769231em 0 0.384615384615385em
  }

  .p-faq-group__a .answer {
    font-size: min(4.266666666666667vw, 16px);
    max-width: initial;
    padding: 0.625em 0.9375em;
    border-radius: 0.9375em
  }

  .p-faq-group__a .answer:before {
    display: block;
    content: '';
    width: 0.84375em;
    height: 0.84375em;
    right: -0.3125em
  }

  .p-faq-group__a .answer-toggle {
    width: 2.307692307692307em;
    height: 2.307692307692307em;
    border-width: 0.115384615384615em;
    bottom: -1.153846153846154em;
    left: -1.153846153846154em
  }

  .p-faq-group__a .answer-toggle:after,
  .p-faq-group__a .answer-toggle:before {
    width: 1.307692307692308em;
    height: 0.307692307692308em;
    top: calc(50% - 0.153846153846154em);
    left: 0.423076923076923em
  }

  .p-faq-group__a:after {
    display: block;
    content: '';
    width: 3.346153846153846em;
    height: 3.346153846153846em
  }

  .p-person-item:nth-child(n+2) {
    margin-top: 2.307692307692307em
  }

  .p-person-item:before {
    width: 100%;
    height: calc(100% - 5.384615384615385em);
    border-width: 0.115384615384615em;
    border-radius: 1.923076923076923em;
    -webkit-box-shadow: 0.384615384615385em 0.384615384615385em 0.769230769230769em rgba(0, 52, 77, 0.2);
    box-shadow: 0.384615384615385em 0.384615384615385em 0.769230769230769em rgba(0, 52, 77, 0.2);
    top: auto;
    bottom: 0
  }

  .p-person-caption {
    margin-top: 1.304347826086957em;
    font-size: min(6.133333333333333vw, 23px);
    line-height: 1.304347826086957
  }

  .l-trouble-header__subject .--strong,
  .p-repayment-footer__caption .--strong {
    margin-top: 3px;
    padding-top: 3px;
    display: inline-block
  }

  .is-safari .l-trouble-header__subject .--strong,
  .is-safari .p-repayment-footer__caption .--strong {
    background-image: none
  }

  .is-safari .l-trouble-header__subject .--strong span,
  .is-safari .p-repayment-footer__caption .--strong span {
    position: relative
  }

  .is-safari .l-trouble-header__subject .--strong span:before,
  .is-safari .p-repayment-footer__caption .--strong span:before {
    content: '・';
    position: absolute;
    top: -0.8em;
    left: 0.25em
  }

  .is-safari .l-trouble-header__subject .--strong span:before {
    top: -0.6em
  }

  .p-diag-list__subject .caption,
  .p-rate-result__caption,
  .p-repayment-result__caption {
    letter-spacing: -0.02em;
    white-space: nowrap
  }
}

.u-ratio-1x1,
.u-ratio-2x3,
.u-ratio-3x2,
.u-ratio-4x3,
.u-ratio-16x9,
.u-ratio-any,
.u-ratio-gold {
  position: relative;
  width: 100%
}

.u-ratio-1x1>iframe,
.u-ratio-1x1>img,
.u-ratio-2x3>iframe,
.u-ratio-2x3>img,
.u-ratio-3x2>iframe,
.u-ratio-3x2>img,
.u-ratio-4x3>iframe,
.u-ratio-4x3>img,
.u-ratio-16x9>iframe,
.u-ratio-16x9>img,
.u-ratio-any>iframe,
.u-ratio-any>img,
.u-ratio-gold>iframe,
.u-ratio-gold>img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

.u-ratio-1x1>iframe,
.u-ratio-2x3>iframe,
.u-ratio-3x2>iframe,
.u-ratio-4x3>iframe,
.u-ratio-16x9>iframe,
.u-ratio-any>iframe,
.u-ratio-gold>iframe {
  position: absolute;
  top: 0;
  left: 0
}

.u-ratio-1x1 {
  aspect-ratio: 1/1
}

.u-ratio-4x3 {
  aspect-ratio: 3/4
}

.u-ratio-16x9 {
  aspect-ratio: 16/9
}

.u-ratio-3x2 {
  aspect-ratio: 3/2
}

.u-ratio-2x3 {
  aspect-ratio: 2/3
}

.u-ratio-gold {
  aspect-ratio: 1.618/1
}

.u-ratio-event {
  aspect-ratio: 135/76
}

.is-safari .u-ratio-16x9 {
  padding-top: 56.25%
}

.is-safari .u-ratio-16x9>iframe,
.is-safari .u-ratio-16x9>img {
  position: absolute;
  top: 0;
  left: 0
}

.u-font-black {
  font-weight: 900
}

.u-font-bold {
  font-weight: 700
}

.u-font-semibold {
  font-weight: 600
}

.u-font-medium {
  font-weight: 500
}

.u-font-normal {
  font-weight: 400
}

.u-color-yellow {
  color: #ff0
}

.u-color-orange {
  color: #ff7602
}

.u-color-pink {
  color: #ff0093
}

.u-text-center {
  text-align: center
}

.u-text-left {
  text-align: left
}

.u-text-right {
  text-align: right
}