:root {
  --font-futura: "futura-pt", sans-serif;
  --font-sofia: "Sofia Sans Extra Condensed";
  --font-kozuka: "kozuka-gothic-pr6n", sans-serif;
}

.banksilver {
  --pc-width: 1400;
  --sp-width: 750;
  --pc-artboard-width: 450;
  --sp-artboard-width: 750;
  --formula: calc(var(--variable) * var(--ratio));
  --formula_pc: calc(var(--variable) * 1);
}
@media (max-width: 767px) {
  .banksilver {
    --ratio: 1;
    --variable: calc(100vw / var(--sp-width));
  }
}
@media (min-width: 1400px) {
  .banksilver {
    --ratio: calc(var(--pc-artboard-width) / var(--sp-artboard-width));
    --variable: 1px;
  }
}
@media (min-width: 768px) and (max-width: 1400px) {
  .banksilver {
    --ratio: calc(var(--pc-artboard-width) / var(--sp-artboard-width));
    --variable: calc(100vw / var(--pc-width));
  }
}
@media (max-width: 767px) {
  .banksilver {
    --ratio: 1;
    --variable: calc(100vw / var(--sp-width));
  }
}

#breadcrumb {
  font-family: var(--font-kozuka);
}

.banksilver {
  --font-weight-light: 300;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-semi-bold: 600;
  --font-weight-bold: 700;
  --font-weight-black: 900;
  --color-primary: #27303f;
  --animation-ease: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  --animation-ease-modern: cubic-bezier(0.16, 1, 0.3, 1);
  --animation-ease-in-out: cubic-bezier(0.42, 0, 0.58, 1);
  --animation-ease-smooth: cubic-bezier(0.2, 1, 0.3, 1);
  --animation-speed-default: 0.6s;
  --animation-speed-fast: 0.4s;
  --animation-speed-slow: 1s;
  --animation-delay-none: 0s;
  --animation-delay: 0.15s;
  --animation-delay-short: 0.2s;
  --animation-delay-medium: 0.4s;
  --animation-delay-long: 1s;
  --fade-up-distance: ;
}

.banksilver {
  font-feature-settings: "plat";
}
.banksilver img {
  width: 100%;
  height: auto;
  object-fit: contain;
}
.banksilver a img {
  transition: opacity 0.6s linear;
}
.banksilver a:hover img {
  opacity: 0.7 !important;
}
.banksilver picture {
  display: block;
}
.banksilver button {
  cursor: pointer;
  appearance: none;
}

@media (min-width: 768px) {
  .banksilver-main__layout {
    display: grid;
  }
}
@media (min-width: 768px) {
  .banksilver-main__layout--col2 {
    grid-template-columns: 1fr 1fr;
  }
}
.banksilver-main__layout--col3 {
  grid-template-columns: 1fr calc(var(--sp-artboard-width) * var(--formula)) 1fr;
}
@media (min-width: 768px) {
  .banksilver-main__layout--col3 {
    grid-template-columns: 1fr calc(var(--pc-artboard-width) * var(--formula_pc)) 1fr;
  }
}
@media (min-width: 768px) {
  .banksilver-main__layout--col3 .banksilver-main__col--sticky {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100dvh;
    overflow: hidden;
    position: sticky;
    left: 0;
    top: 0;
  }
}
.banksilver-main__col--center {
  padding-bottom: calc(146 * var(--formula));
}
@media (min-width: 768px) {
  .banksilver-main__col--center {
    width: calc(var(--pc-artboard-width) * var(--formula_pc));
    margin-inline: auto;
    padding-bottom: calc(200 * var(--formula_pc));
  }
}
.banksilver-main__col--left, .banksilver-main__col--right {
  display: none;
}

.banksilver-inner {
  width: calc(var(--sp-artboard-width) * var(--formula));
  margin-inline: auto;
}
@media (min-width: 768px) {
  .banksilver-inner {
    width: calc(var(--pc-artboard-width) * var(--formula_pc));
  }
}

/* 
** Module
*/
.banksilver-mv {
  margin-top: calc(25 * var(--formula));
}
@media (min-width: 768px) {
  .banksilver-mv {
    margin-top: calc(52 * var(--formula_pc));
  }
}
.banksilver-mv__image {
  width: calc(460 * var(--formula));
  margin-left: calc(86 * var(--formula));
  position: relative;
  z-index: 1;
}
.banksilver-mv__image a {
  display: block;
}
.banksilver-mv__contents {
  position: relative;
  margin-top: calc(-300 * var(--formula));
  margin-right: calc(75 * var(--formula));
}
@media (min-width: 768px) {
  .banksilver-mv__contents {
    margin-top: calc(-180 * var(--formula_pc));
    margin-right: calc(44 * var(--formula_pc));
  }
}
.banksilver-mv__title {
  color: #e0cdae;
  font-family: var(--font-sofia);
  font-size: calc(55 * var(--formula));
  line-height: 1.1818181818;
  letter-spacing: 0.06em;
  font-weight: var(--font-weight-semi-bold);
  position: absolute;
  bottom: calc(15 * var(--formula));
  right: calc(20 * var(--formula));
  z-index: 1;
}
@media (min-width: 768px) {
  .banksilver-mv__title {
    bottom: calc(12 * var(--formula_pc));
    right: calc(13 * var(--formula_pc));
  }
}
.banksilver-mv__title-content {
  overflow: hidden;
  display: block;
}
.banksilver-mv__object {
  pointer-events: none;
  width: fit-content;
  display: block;
  margin-left: auto;
}
.banksilver-mv__object svg {
  width: calc(481 * var(--formula));
  height: calc(494 * var(--formula));
}

.banksilver-mv.js-inview .banksilver-mv__image {
  opacity: 0;
  transition: transform 1s linear, opacity 1s linear;
  transform: translateY(30px);
  z-index: 2;
}
.banksilver-mv.js-inview .banksilver-mv__title {
  opacity: 0;
  transition: transform 1s linear 0.6s, opacity 1s linear 0.6s;
  transform: translateY(30px);
}
.banksilver-mv.js-inview .banksilver-mv__object {
  opacity: 0;
  transition: transform 1s linear 0.3s, opacity 1s linear 0.3s;
  transform: translateY(30px);
}
.banksilver-mv.js-inview.is-active .banksilver-mv__image {
  opacity: 1;
  transform: translateY(0);
}
.banksilver-mv.js-inview.is-active .banksilver-mv__title {
  opacity: 1;
  transform: translateY(0);
}
.banksilver-mv.js-inview.is-active .banksilver-mv__object {
  opacity: 1;
  transform: translateY(0);
}

.banksilver-lead {
  margin-top: calc(98 * var(--formula));
}
@media (min-width: 768px) {
  .banksilver-lead {
    margin-top: calc(55 * var(--formula_pc));
  }
}
.banksilver-lead__text {
  text-align: center;
  font-size: calc(30 * var(--formula));
  line-height: 1.6666666667;
  letter-spacing: 0.07em;
  font-weight: var(--font-weight-medium);
  font-family: var(--font-kozuka);
  font-style: normal;
  font-feature-settings: "palt";
}

.banksilver-lead.js-inview .banksilver-lead__text p {
  overflow: hidden;
}
.banksilver-lead.js-inview .banksilver-lead__text span {
  transition: transform 1s linear;
  transform: translateY(30px);
  display: block;
}
.banksilver-lead.js-inview.is-active .banksilver-lead__text span {
  transform: translate(0);
}

.banksilver-image {
  position: relative;
  z-index: 2;
}
.banksilver-image a {
  display: block;
}
.banksilver-image__main {
  background-color: #fff;
}
.banksilver-image__main img {
  z-index: 1;
  width: 100%;
  height: auto;
  max-height: auto;
  position: relative;
}
.banksilver-image__main a {
  display: block;
}
.banksilver-image__title {
  font-size: calc(23 * var(--formula));
  line-height: 1.7391304348;
  letter-spacing: 0.05em;
  font-weight: var(--font-weight-medium);
  font-family: var(--font-futura);
  font-style: normal;
  width: fit-content;
  height: fit-content;
  z-index: 1;
}
.banksilver-image__title a {
  text-decoration: underline;
}
.banksilver-image__object {
  pointer-events: none;
}

.banksilver-image.js-inview .banksilver-image__main {
  opacity: 0;
  transition: opacity 2s linear;
}
.banksilver-image.js-inview .banksilver-image__title {
  overflow: hidden;
}
.banksilver-image.js-inview .banksilver-image__title-content a {
  transition: transform 1s linear;
  transform: translateY(30px);
  display: block;
}
.banksilver-image.js-inview.is-active .banksilver-image__main {
  opacity: 1;
}
.banksilver-image.js-inview.is-active .banksilver-image__title-content a {
  transform: translate(0);
}

.banksilver-image--02 {
  margin-top: calc(95 * var(--formula));
}
.banksilver-image--02 .banksilver-image__main {
  width: calc(450 * var(--formula));
  margin-left: calc(85 * var(--formula));
}
.banksilver-image--02 .banksilver-image__title {
  position: absolute;
  top: calc(254 * var(--formula));
  right: calc(71 * var(--formula));
}
@media (min-width: 768px) {
  .banksilver-image--02 .banksilver-image__title {
    top: calc(154 * var(--formula_pc));
  }
}

.banksilver-image--03 {
  margin-top: calc(100 * var(--formula));
}
@media (min-width: 768px) {
  .banksilver-image--03 {
    margin-top: calc(62 * var(--formula_pc));
  }
}
.banksilver-image--03 .banksilver-image__main {
  width: calc(500 * var(--formula));
  margin-left: calc(141 * var(--formula));
}
.banksilver-image--03 .banksilver-image__main::before {
  content: "";
  display: block;
  width: 100%;
  height: calc(180 * var(--formula));
  background-color: var(--color-primary);
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
}
.banksilver-image--04 {
  margin-top: calc(100 * var(--formula));
}
.banksilver-image--04 .banksilver-image__main {
  width: calc(450 * var(--formula));
  margin-left: auto;
  margin-right: calc(75 * var(--formula));
}
.banksilver-image--04 .banksilver-image__title {
  position: absolute;
  left: calc(87 * var(--formula));
  top: calc(257 * var(--formula));
  z-index: 1;
  line-height: 2;
}
@media (min-width: 768px) {
  .banksilver-image--04 .banksilver-image__title {
    top: calc(153 * var(--formula_pc));
    line-height: 2.1;
  }
}

.banksilver-image--05 {
  margin-top: calc(105 * var(--formula));
}
@media (min-width: 768px) {
  .banksilver-image--05 {
    margin-top: calc(61 * var(--formula_pc));
  }
}
.banksilver-image--05 .banksilver-image__main {
  width: calc(450 * var(--formula));
  margin-left: calc(165 * var(--formula));
}

.banksilver-image--06 {
  margin-top: calc(-44 * var(--formula));
  z-index: 1;
}
.banksilver-image--06 .banksilver-image__main {
  width: calc(450 * var(--formula));
  margin-left: calc(85 * var(--formula));
}
.banksilver-image--06 .banksilver-image__title {
  width: fit-content;
  margin-left: auto;
  margin-right: calc(85 * var(--formula));
  margin-top: calc(16 * var(--formula));
}
@media (min-width: 768px) {
  .banksilver-image--06 .banksilver-image__title {
    margin-top: calc(12 * var(--formula_pc));
  }
}
.banksilver-image--06 .banksilver-image__object {
  position: absolute;
  bottom: calc(-28 * var(--formula));
  left: 0;
  display: block;
  width: fit-content;
  height: fit-content;
}
.banksilver-image--06 .banksilver-image__object svg {
  width: calc(481 * var(--formula));
  height: calc(494 * var(--formula));
}

.banksilver-image--07 {
  margin-top: calc(129 * var(--formula));
}
@media (min-width: 768px) {
  .banksilver-image--07 {
    margin-top: calc(75 * var(--formula_pc));
  }
}
.banksilver-image--07 .banksilver-image__main {
  width: calc(550 * var(--formula));
  margin-left: calc(115 * var(--formula));
}

.banksilver-image--08 {
  margin-top: calc(105 * var(--formula));
}
.banksilver-image--08 .banksilver-image__main {
  width: calc(400 * var(--formula));
  margin-left: calc(85 * var(--formula));
}
.banksilver-image--08 .banksilver-image__title {
  position: absolute;
  width: fit-content;
  height: fit-content;
  right: calc(72 * var(--formula));
  top: calc(275 * var(--formula));
}
@media (min-width: 768px) {
  .banksilver-image--08 .banksilver-image__title {
    top: calc(167 * var(--formula_pc));
  }
}

.banksilver-image--09 {
  margin-top: calc(100 * var(--formula));
}
.banksilver-image--09 .banksilver-image__main {
  width: calc(500 * var(--formula));
  margin-inline: auto calc(75 * var(--formula));
}
.banksilver-image--09::after {
  content: "";
  display: block;
  background-color: var(--color-primary);
  width: calc(25 * var(--formula));
  height: calc(800 * var(--formula));
  position: absolute;
  left: calc(85 * var(--formula));
  top: calc(334 * var(--formula));
}

.banksilver-image--10 {
  margin-top: calc(98 * var(--formula));
}
.banksilver-image--10 .banksilver-image__main {
  width: calc(450 * var(--formula));
  margin-inline: auto calc(75 * var(--formula));
}
.banksilver-image--10 .banksilver-image__title {
  width: calc(450 * var(--formula));
  margin-inline: auto calc(75 * var(--formula));
  margin-top: calc(19 * var(--formula));
  text-align: center;
}
@media (min-width: 768px) {
  .banksilver-image--10 .banksilver-image__title {
    margin-top: calc(13 * var(--formula_pc));
  }
}

.banksilver-image--11 {
  margin-top: calc(46 * var(--formula));
}
.banksilver-image--11 .banksilver-image__main {
  width: calc(550 * var(--formula));
  margin-inline: auto calc(85 * var(--formula));
}

.banksilver-image--12 {
  margin-top: calc(101 * var(--formula));
}
.banksilver-image--12 .banksilver-image__main {
  width: calc(400 * var(--formula));
  margin-left: 0;
}
.banksilver-image--12 .banksilver-image__title {
  position: absolute;
  top: calc(245 * var(--formula));
  left: calc(430 * var(--formula));
}

.banksilver-image--13 {
  margin-top: calc(100 * var(--formula));
  z-index: 1;
}
.banksilver-image--13 .banksilver-image__main {
  width: calc(400 * var(--formula));
  margin-left: auto;
  position: relative;
  z-index: 1;
}
.banksilver-image--13 .banksilver-image__title {
  position: absolute;
  top: calc(244 * var(--formula));
  right: calc(429 * var(--formula));
}
.banksilver-image--13 .banksilver-image__object {
  display: block;
  width: fit-content;
  height: fit-content;
  pointer-events: none;
  position: absolute;
  top: calc(-256 * var(--formula));
  left: calc(81 * var(--formula));
  z-index: 1;
}
.banksilver-image--13 .banksilver-image__object svg {
  width: calc(622 * var(--formula));
  height: calc(316 * var(--formula));
}/*# sourceMappingURL=style.css.map */