@charset "UTF-8";
/* base */
.ftool-wrapper > .article, .ftool-wrapper .description {
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}

.ss-article-main-image, .ftool-wrapper p {
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}

/* setting */
html, body {
  width: 100%;
  height: auto;
  margin: 0;
}

html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

ul, li {
  list-style: none;
  margin: 0;
  padding: 0;
}

p {
  margin-block-start: 0em;
  margin-block-end: 0em;
}

main .ftool-wrapper .title, main .ftool-wrapper h2 {
  font-size: unset;
  line-height: unset;
  margin-bottom: unset;
  font-weight: unset;
  letter-spacing: unset;
}

.sp {
  display: none;
}
@media screen and (max-width: 980px) {
  .sp {
    display: inline;
  }
}

.js-fadeIn {
  opacity: 0;
  visibility: hidden;
  transition: opacity 1s, visibility 1s;
}

.js-fadeIn.scroll {
  opacity: 1;
  visibility: visible;
}

.js-fadeBottom {
  opacity: 0;
  visibility: hidden;
  transform: translateY(80px);
  transition: opacity 1s, visibility 1s, transform 1s;
}

.js-fadeBottom.scroll {
  opacity: 1;
  visibility: visible;
  transform: translateY(0px);
}

.js-fadeTop {
  opacity: 0;
  visibility: hidden;
  transform: translateY(-80px);
  transition: opacity 1s, visibility 1s, transform 1s;
}

.js-fadeTop.scroll {
  opacity: 1;
  visibility: visible;
  transform: translateY(0px);
}

.js-fadeLeft {
  opacity: 0;
  visibility: hidden;
  transform: translateX(80px);
  transition: opacity 1s, visibility 1s, transform 1s;
}

.js-fadeLeft.scroll {
  opacity: 1;
  visibility: visible;
  transform: translateX(0px);
}

.js-fadeRight {
  opacity: 0;
  visibility: hidden;
  transform: translateX(-80px);
  transition: opacity 1s, visibility 1s, transform 1s;
}

.js-fadeRight.scroll {
  opacity: 1;
  visibility: visible;
  transform: translateX(0px);
}

/* 画面幅が981px以上の場合にスムーススクロールを有効にする */
@media screen and (min-width: 981px) {
  html {
    scroll-behavior: smooth;
  }
}
@font-face {
  font-family: "Juana";
  src: url("https://baycrews.jp/src/feature/20240119_plage/Juana Regular-70e1.otf") format("opentype");
}
#container {
  width: 100vw;
  margin: 0 calc(50% - 50vw);
  letter-spacing: 0;
  position: relative;
  overflow: hidden;
}
#container h1, #container h2 {
  margin: 0;
}
#container a {
  text-decoration: none;
  color: unset;
}
#container img {
  width: 100%;
  height: auto;
}
#container .fixedMenuBlock {
  position: absolute;
  top: 186px;
  right: 0px;
  display: inline-flex;
  align-items: center;
  gap: 15px;
  transform: rotate(90deg);
  color: #15639C;
  font-family: "kozuka-gothic-pro", sans-serif;
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
  line-height: 20px;
}
@media screen and (max-width: 980px) {
  #container .fixedMenuBlock {
    transform: none;
    top: calc(25 / 375 * 100vw);
    right: calc(20 / 375 * 100vw);
    font-size: calc(13 / 375 * 100vw);
    line-height: calc(14 / 375 * 100vw);
  }
}
#container .mainVisualBlock {
  margin-inline: auto;
  width: 680px;
  padding: 80px 0;
}
@media screen and (max-width: 980px) {
  #container .mainVisualBlock {
    width: calc(325 / 375 * 100vw);
    padding: calc(65 / 375 * 100vw) 0;
  }
}
#container .mainVisualBlock .mainVisualBlock__mainVisual {
  width: 100%;
  position: relative;
}
@media screen and (max-width: 980px) {
  #container .mainVisualBlock .mainVisualBlock__mainVisual {
    width: 100%;
  }
}
#container .mainVisualBlock .mainVisualBlock__mainVisual .mainVisualBlock__title {
  position: absolute;
  top: 55px;
  left: 42px;
  color: #15639C;
  font-family: "Juana";
  font-size: 48px;
  font-style: normal;
  font-weight: 400;
  line-height: 51.181px;
  white-space: nowrap;
}
@media screen and (max-width: 980px) {
  #container .mainVisualBlock .mainVisualBlock__mainVisual .mainVisualBlock__title {
    width: calc(286 / 375 * 100vw);
    top: calc(24 / 375 * 100vw);
    left: calc(19 / 375 * 100vw);
    font-size: calc(23 / 375 * 100vw);
    line-height: calc(26.277 / 375 * 100vw);
    letter-spacing: calc(-0.46 / 375 * 100vw);
  }
}
#container .mainVisualBlock .mainVisualBlock__mainVisual .mainVisualBlock__subTitle {
  position: absolute;
  top: 122px;
  left: 244px;
  width: 190px;
  color: #15639C;
  text-align: center;
  font-family: "Juana";
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 27.211px;
  white-space: nowrap;
}
@media screen and (max-width: 980px) {
  #container .mainVisualBlock .mainVisualBlock__mainVisual .mainVisualBlock__subTitle {
    width: calc(111 / 375 * 100vw);
    top: calc(58 / 375 * 100vw);
    left: calc(107 / 375 * 100vw);
    font-size: calc(14 / 375 * 100vw);
    line-height: calc(13.97 / 375 * 100vw);
  }
}
#container .bg {
  background: #D7DFE9;
}
#container .contentsBlock {
  width: 980px;
  margin-inline: auto;
  padding: 80px 0;
}
@media screen and (max-width: 980px) {
  #container .contentsBlock {
    width: 100%;
    padding: calc(65 / 375 * 100vw) 0;
  }
}
#container .contentsBlock .itemRef .itemRef__item {
  display: flex;
  gap: 10px;
  color: #15639C;
  font-family: "Juana";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px;
}
@media screen and (max-width: 980px) {
  #container .contentsBlock .itemRef .itemRef__item {
    gap: calc(10 / 375 * 100vw);
    font-size: calc(12 / 375 * 100vw);
    line-height: calc(30 / 375 * 100vw);
  }
}
#container .contentsBlock .itemRef .itemRef__item a {
  text-decoration-line: underline;
  text-decoration-color: #15639C;
  text-decoration-thickness: 1px;
  text-underline-offset: 2px;
}
@media screen and (max-width: 980px) {
  #container .contentsBlock .itemRef .itemRef__item a {
    text-decoration-thickness: calc(1 / 375 * 100vw);
    text-underline-offset: calc(2 / 375 * 100vw);
  }
}
#container .contentsBlock .itemRef .itemRef__item .item-d-none {
  display: none;
}
#container .contentsBlock .slick-dotted.slick-slider {
  margin-bottom: 0;
}
#container .contentsBlock .contentsBlock__content-1 {
  width: 890px;
  height: 873px;
  margin-left: 20px;
  position: relative;
}
@media screen and (max-width: 980px) {
  #container .contentsBlock .contentsBlock__content-1 {
    width: calc(339 / 375 * 100vw);
    height: calc(1100 / 375 * 100vw);
    margin-inline: auto;
  }
}
#container .contentsBlock .contentsBlock__content-1 .content-1__title {
  color: #15639C;
  font-family: "Juana";
  font-size: 80px;
  font-style: normal;
  font-weight: 400;
  line-height: 70px;
  position: absolute;
  top: 0;
  left: 0;
}
@media screen and (max-width: 980px) {
  #container .contentsBlock .contentsBlock__content-1 .content-1__title {
    font-size: calc(48 / 375 * 100vw);
    line-height: calc(40 / 375 * 100vw);
    letter-spacing: calc(-1 / 375 * 100vw);
  }
}
#container .contentsBlock .contentsBlock__content-1 .content-1__1 {
  width: 420px;
  position: absolute;
  top: 123px;
  left: 50px;
}
@media screen and (max-width: 980px) {
  #container .contentsBlock .contentsBlock__content-1 .content-1__1 {
    width: calc(315 / 375 * 100vw);
    top: calc(70 / 375 * 100vw);
    left: calc(12 / 375 * 100vw);
  }
}
#container .contentsBlock .contentsBlock__content-1 .content-1__2 {
  width: 420px;
  position: absolute;
  top: 123px;
  left: 470px;
}
@media screen and (max-width: 980px) {
  #container .contentsBlock .contentsBlock__content-1 .content-1__2 {
    width: calc(315 / 375 * 100vw);
    top: calc(490 / 375 * 100vw);
    left: calc(12 / 375 * 100vw);
  }
}
#container .contentsBlock .contentsBlock__content-1 .content-1__itemRef {
  position: absolute;
  top: 693px;
  left: 50px;
}
@media screen and (max-width: 980px) {
  #container .contentsBlock .contentsBlock__content-1 .content-1__itemRef {
    top: calc(920 / 375 * 100vw);
    left: calc(12 / 375 * 100vw);
  }
}
#container .contentsBlock .contentsBlock__content-2 {
  margin-top: 100px;
  width: 900px;
  height: 916px;
  margin-left: 40px;
  position: relative;
}
@media screen and (max-width: 980px) {
  #container .contentsBlock .contentsBlock__content-2 {
    margin-top: calc(120 / 375 * 100vw);
    width: calc(375 / 375 * 100vw);
    height: calc(1146 / 375 * 100vw);
    margin-inline: auto;
  }
}
#container .contentsBlock .contentsBlock__content-2 .content-2__1 {
  width: 500px;
  position: absolute;
  top: 0;
  right: 0;
}
@media screen and (max-width: 980px) {
  #container .contentsBlock .contentsBlock__content-2 .content-2__1 {
    width: calc(375 / 375 * 100vw);
  }
}
#container .contentsBlock .contentsBlock__content-2 .content-2__2 {
  width: 350px;
  position: absolute;
  top: 300px;
  left: 0;
}
@media screen and (max-width: 980px) {
  #container .contentsBlock .contentsBlock__content-2 .content-2__2 {
    width: calc(275 / 375 * 100vw);
    top: calc(530 / 375 * 100vw);
    left: calc(30 / 375 * 100vw);
  }
}
#container .contentsBlock .contentsBlock__content-2 .content-2__itemRef {
  position: absolute;
  top: 676px;
  right: 0;
}
@media screen and (max-width: 980px) {
  #container .contentsBlock .contentsBlock__content-2 .content-2__itemRef {
    top: calc(906 / 375 * 100vw);
    left: calc(30 / 375 * 100vw);
  }
}
#container .contentsBlock .contentsBlock__content-3 {
  margin-top: 100px;
  width: 900px;
  height: 1006px;
  margin-left: 40px;
  position: relative;
}
@media screen and (max-width: 980px) {
  #container .contentsBlock .contentsBlock__content-3 {
    margin-top: calc(120 / 375 * 100vw);
    width: calc(375 / 375 * 100vw);
    height: calc(1236 / 375 * 100vw);
    margin-inline: auto;
  }
}
#container .contentsBlock .contentsBlock__content-3 .content-3__1 {
  width: 500px;
  position: absolute;
  top: 0;
  left: 0;
}
@media screen and (max-width: 980px) {
  #container .contentsBlock .contentsBlock__content-3 .content-3__1 {
    width: calc(375 / 375 * 100vw);
  }
}
#container .contentsBlock .contentsBlock__content-3 .content-3__2 {
  width: 350px;
  position: absolute;
  top: 300px;
  right: 0;
}
@media screen and (max-width: 980px) {
  #container .contentsBlock .contentsBlock__content-3 .content-3__2 {
    width: calc(275 / 375 * 100vw);
    top: calc(530 / 375 * 100vw);
    left: calc(70 / 375 * 100vw);
  }
}
#container .contentsBlock .contentsBlock__content-3 .content-3__itemRef {
  position: absolute;
  top: 676px;
  left: 0;
}
@media screen and (max-width: 980px) {
  #container .contentsBlock .contentsBlock__content-3 .content-3__itemRef {
    top: calc(906 / 375 * 100vw);
    left: calc(70 / 375 * 100vw);
  }
}
#container .contentsBlock .contentsBlock__content-4 {
  margin-top: 200px;
  width: 992px;
  height: 1435px;
  margin-left: 40px;
  position: relative;
}
@media screen and (max-width: 980px) {
  #container .contentsBlock .contentsBlock__content-4 {
    margin-top: calc(100 / 375 * 100vw);
    width: calc(375 / 375 * 100vw);
    height: calc(1598 / 375 * 100vw);
    margin-inline: auto;
  }
}
#container .contentsBlock .contentsBlock__content-4 .content-4__title {
  color: #15639C;
  font-family: "Juana";
  font-size: 80px;
  font-style: normal;
  font-weight: 400;
  line-height: 60px;
  position: absolute;
  top: 164px;
  right: 0;
}
@media screen and (max-width: 980px) {
  #container .contentsBlock .contentsBlock__content-4 .content-4__title {
    font-size: calc(48 / 375 * 100vw);
    line-height: calc(40 / 375 * 100vw);
    letter-spacing: calc(-1 / 375 * 100vw);
    top: 0;
    right: calc(15 / 375 * 100vw);
  }
}
#container .contentsBlock .contentsBlock__content-4 .content-4__title .large {
  font-size: 100px;
}
@media screen and (max-width: 980px) {
  #container .contentsBlock .contentsBlock__content-4 .content-4__title .large {
    font-size: calc(53 / 375 * 100vw);
  }
}
#container .contentsBlock .contentsBlock__content-4 .content-4__1 {
  width: 420px;
  position: absolute;
  top: 0;
  left: 0;
}
@media screen and (max-width: 980px) {
  #container .contentsBlock .contentsBlock__content-4 .content-4__1 {
    width: calc(300 / 375 * 100vw);
    top: calc(32 / 375 * 100vw);
  }
}
#container .contentsBlock .contentsBlock__content-4 .content-4__2 {
  width: 440px;
  position: absolute;
  top: 219px;
  right: 92px;
}
@media screen and (max-width: 980px) {
  #container .contentsBlock .contentsBlock__content-4 .content-4__2 {
    width: calc(315 / 375 * 100vw);
    top: calc(452 / 375 * 100vw);
    right: 0;
  }
}
#container .contentsBlock .contentsBlock__content-4 .content-4__3 {
  width: 400px;
  position: absolute;
  top: 862px;
  left: 70px;
}
@media screen and (max-width: 980px) {
  #container .contentsBlock .contentsBlock__content-4 .content-4__3 {
    width: calc(260 / 375 * 100vw);
    top: calc(1212 / 375 * 100vw);
    left: calc(30 / 375 * 100vw);
  }
}
#container .contentsBlock .contentsBlock__content-4 .content-4__itemRef-1 {
  position: absolute;
  top: 814px;
  right: 92px;
}
@media screen and (max-width: 980px) {
  #container .contentsBlock .contentsBlock__content-4 .content-4__itemRef-1 {
    top: calc(882 / 375 * 100vw);
    left: calc(60 / 375 * 100vw);
  }
}
#container .contentsBlock .contentsBlock__content-4 .content-4__itemRef-2 {
  position: absolute;
  top: 1405px;
  left: 70px;
}
@media screen and (max-width: 980px) {
  #container .contentsBlock .contentsBlock__content-4 .content-4__itemRef-2 {
    top: calc(1568 / 375 * 100vw);
    left: calc(30 / 375 * 100vw);
  }
}
#container .contentsBlock .contentsBlock__content-5 {
  margin-top: 200px;
  width: 890px;
  height: 888px;
  margin-left: 20px;
  position: relative;
}
@media screen and (max-width: 980px) {
  #container .contentsBlock .contentsBlock__content-5 {
    margin-top: calc(100 / 375 * 100vw);
    width: calc(361 / 375 * 100vw);
    height: calc(1149 / 375 * 100vw);
    margin-inline: auto;
  }
}
#container .contentsBlock .contentsBlock__content-5 .content-5__title {
  color: #15639C;
  font-family: "Juana";
  font-size: 80px;
  font-style: normal;
  font-weight: 400;
  line-height: 60px;
  position: absolute;
  top: 0;
  left: 0;
}
@media screen and (max-width: 980px) {
  #container .contentsBlock .contentsBlock__content-5 .content-5__title {
    font-size: calc(48 / 375 * 100vw);
    line-height: calc(40 / 375 * 100vw);
    letter-spacing: calc(-2 / 375 * 100vw);
    top: 0;
    left: 0;
  }
}
#container .contentsBlock .contentsBlock__content-5 .content-5__1 {
  width: 420px;
  position: absolute;
  top: 48px;
  left: 50px;
}
@media screen and (max-width: 980px) {
  #container .contentsBlock .contentsBlock__content-5 .content-5__1 {
    width: calc(315 / 375 * 100vw);
    top: calc(29 / 375 * 100vw);
    left: calc(23 / 375 * 100vw);
  }
}
#container .contentsBlock .contentsBlock__content-5 .content-5__2 {
  width: 420px;
  position: absolute;
  top: 48px;
  right: 0;
}
@media screen and (max-width: 980px) {
  #container .contentsBlock .contentsBlock__content-5 .content-5__2 {
    width: calc(315 / 375 * 100vw);
    top: calc(449 / 375 * 100vw);
    right: calc(23 / 375 * 100vw);
  }
}
#container .contentsBlock .contentsBlock__content-5 .content-5__itemRef {
  position: absolute;
  top: 618px;
  right: 0;
}
@media screen and (max-width: 980px) {
  #container .contentsBlock .contentsBlock__content-5 .content-5__itemRef {
    top: calc(879 / 375 * 100vw);
    left: calc(23 / 375 * 100vw);
  }
}
#container .contentsBlock .contentsBlock__content-6 {
  margin-top: 130px;
  width: 820px;
  height: 1336px;
  margin-left: 90px;
  position: relative;
}
@media screen and (max-width: 980px) {
  #container .contentsBlock .contentsBlock__content-6 {
    margin-top: calc(120 / 375 * 100vw);
    width: calc(375 / 375 * 100vw);
    height: calc(1405 / 375 * 100vw);
    margin-inline: auto;
  }
}
#container .contentsBlock .contentsBlock__content-6 .content-6__1 {
  width: 400px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 50;
}
@media screen and (max-width: 980px) {
  #container .contentsBlock .contentsBlock__content-6 .content-6__1 {
    width: calc(200 / 375 * 100vw);
    top: 0;
    left: calc(55 / 375 * 100vw);
  }
}
#container .contentsBlock .contentsBlock__content-6 .content-6__2 {
  width: 400px;
  position: absolute;
  top: 553px;
  left: 0;
}
@media screen and (max-width: 980px) {
  #container .contentsBlock .contentsBlock__content-6 .content-6__2 {
    width: calc(210 / 375 * 100vw);
    top: calc(276 / 375 * 100vw);
    left: 0;
  }
}
#container .contentsBlock .contentsBlock__content-6 .content-6__3 {
  width: 400px;
  position: absolute;
  top: 245px;
  right: 0;
}
@media screen and (max-width: 980px) {
  #container .contentsBlock .contentsBlock__content-6 .content-6__3 {
    width: calc(155 / 375 * 100vw);
    top: calc(207 / 375 * 100vw);
  }
}
#container .contentsBlock .contentsBlock__content-6 .content-6__4 {
  width: 400px;
  position: absolute;
  top: 798px;
  right: 0;
}
@media screen and (max-width: 980px) {
  #container .contentsBlock .contentsBlock__content-6 .content-6__4 {
    width: calc(375 / 375 * 100vw);
    top: calc(655 / 375 * 100vw);
  }
}
#container .contentsBlock .contentsBlock__content-6 .content-6__itemRef {
  position: absolute;
  top: 1096px;
  left: 0;
}
@media screen and (max-width: 980px) {
  #container .contentsBlock .contentsBlock__content-6 .content-6__itemRef {
    top: calc(1165 / 375 * 100vw);
    left: calc(20 / 375 * 100vw);
  }
}
#container .contentsBlock .contentsBlock__content-7 {
  margin-top: 200px;
  width: 770px;
  height: 1766px;
  margin-left: 95px;
  position: relative;
}
@media screen and (max-width: 980px) {
  #container .contentsBlock .contentsBlock__content-7 {
    margin-top: calc(120 / 375 * 100vw);
    width: calc(375 / 375 * 100vw);
    height: calc(1692 / 375 * 100vw);
    margin-inline: auto;
  }
}
#container .contentsBlock .contentsBlock__content-7 .content-7__title {
  color: #15639C;
  font-family: "Juana";
  font-size: 80px;
  font-style: normal;
  font-weight: 400;
  line-height: 60px;
  position: absolute;
  top: 0;
  right: 17px;
}
@media screen and (max-width: 980px) {
  #container .contentsBlock .contentsBlock__content-7 .content-7__title {
    font-size: calc(50 / 375 * 100vw);
    line-height: calc(40 / 375 * 100vw);
    letter-spacing: calc(-1 / 375 * 100vw);
    top: 0;
    right: calc(15 / 375 * 100vw);
  }
}
#container .contentsBlock .contentsBlock__content-7 .content-7__1 {
  width: 580px;
  position: absolute;
  top: 48px;
  left: 105px;
}
@media screen and (max-width: 980px) {
  #container .contentsBlock .contentsBlock__content-7 .content-7__1 {
    width: calc(355 / 375 * 100vw);
    top: calc(31 / 375 * 100vw);
    left: 0;
  }
}
#container .contentsBlock .contentsBlock__content-7 .content-7__2 {
  width: 440px;
  position: absolute;
  top: 870px;
  left: 0;
}
@media screen and (max-width: 980px) {
  #container .contentsBlock .contentsBlock__content-7 .content-7__2 {
    width: calc(315 / 375 * 100vw);
    top: calc(554 / 375 * 100vw);
    left: calc(30 / 375 * 100vw);
  }
}
#container .contentsBlock .contentsBlock__content-7 .content-7__3 {
  width: 280px;
  position: absolute;
  top: 1153px;
  right: 0;
}
@media screen and (max-width: 980px) {
  #container .contentsBlock .contentsBlock__content-7 .content-7__3 {
    width: calc(240 / 375 * 100vw);
    top: calc(1334 / 375 * 100vw);
    right: calc(20 / 375 * 100vw);
  }
}
#container .contentsBlock .contentsBlock__content-7 .content-7__itemRef-1 {
  position: absolute;
  top: 1466px;
  left: 0;
}
@media screen and (max-width: 980px) {
  #container .contentsBlock .contentsBlock__content-7 .content-7__itemRef-1 {
    top: calc(984 / 375 * 100vw);
    left: calc(30 / 375 * 100vw);
  }
}
#container .contentsBlock .contentsBlock__content-7 .content-7__itemRef-2 {
  position: absolute;
  top: 1536px;
  right: 0;
}
@media screen and (max-width: 980px) {
  #container .contentsBlock .contentsBlock__content-7 .content-7__itemRef-2 {
    top: calc(1662 / 375 * 100vw);
    right: calc(20 / 375 * 100vw);
  }
}
#container .contentsBlock .contentsBlock__content-8 {
  margin-top: 200px;
  width: 840px;
  height: 870px;
  margin-left: 70px;
  position: relative;
}
@media screen and (max-width: 980px) {
  #container .contentsBlock .contentsBlock__content-8 {
    margin-top: calc(140 / 375 * 100vw);
    width: calc(315 / 375 * 100vw);
    height: calc(1150 / 375 * 100vw);
    margin-inline: auto;
  }
}
#container .contentsBlock .contentsBlock__content-8 .content-8__1 {
  width: 420px;
  position: absolute;
  top: 0;
  left: 0;
}
@media screen and (max-width: 980px) {
  #container .contentsBlock .contentsBlock__content-8 .content-8__1 {
    width: calc(315 / 375 * 100vw);
  }
}
#container .contentsBlock .contentsBlock__content-8 .content-8__2 {
  width: 420px;
  position: absolute;
  top: 0;
  right: 0;
}
@media screen and (max-width: 980px) {
  #container .contentsBlock .contentsBlock__content-8 .content-8__2 {
    width: calc(315 / 375 * 100vw);
    top: calc(420 / 375 * 100vw);
  }
}
#container .contentsBlock .contentsBlock__content-8 .content-8__itemRef {
  position: absolute;
  top: 570px;
  left: 0;
}
@media screen and (max-width: 980px) {
  #container .contentsBlock .contentsBlock__content-8 .content-8__itemRef {
    top: calc(850 / 375 * 100vw);
    left: 0;
  }
}
#container .contentsBlock .contentsBlock__content-9 {
  margin-top: 113px;
  width: 860px;
  height: 787px;
  margin-left: 60px;
  position: relative;
}
@media screen and (max-width: 980px) {
  #container .contentsBlock .contentsBlock__content-9 {
    margin-top: calc(120 / 375 * 100vw);
    width: calc(375 / 375 * 100vw);
    height: calc(1080 / 375 * 100vw);
    margin-inline: auto;
  }
}
#container .contentsBlock .contentsBlock__content-9 .content-9__1 {
  width: 420px;
  position: absolute;
  top: 0;
  right: 0;
}
@media screen and (max-width: 980px) {
  #container .contentsBlock .contentsBlock__content-9 .content-9__1 {
    width: calc(315 / 375 * 100vw);
  }
}
#container .contentsBlock .contentsBlock__content-9 .content-9__2 {
  width: 420px;
  position: absolute;
  top: 227px;
  left: 0;
}
@media screen and (max-width: 980px) {
  #container .contentsBlock .contentsBlock__content-9 .content-9__2 {
    width: calc(315 / 375 * 100vw);
    top: calc(440 / 375 * 100vw);
  }
}
#container .contentsBlock .contentsBlock__content-9 .content-9__itemRef {
  position: absolute;
  top: 570px;
  right: 0;
}
@media screen and (max-width: 980px) {
  #container .contentsBlock .contentsBlock__content-9 .content-9__itemRef {
    top: calc(870 / 375 * 100vw);
    left: calc(20 / 375 * 100vw);
  }
}
#container .contentsBlock .contentsBlock__content-10 {
  margin-top: 200px;
  width: 869px;
  height: 1455px;
  margin-left: 31px;
  position: relative;
}
@media screen and (max-width: 980px) {
  #container .contentsBlock .contentsBlock__content-10 {
    margin-top: calc(120 / 375 * 100vw);
    width: calc(375 / 375 * 100vw);
    height: calc(1505 / 375 * 100vw);
    margin-inline: auto;
  }
}
#container .contentsBlock .contentsBlock__content-10 .content-10__title {
  color: #15639C;
  font-family: "Juana";
  font-size: 70px;
  font-style: normal;
  font-weight: 400;
  line-height: 70px;
  position: absolute;
  top: 0;
  left: 0;
}
@media screen and (max-width: 980px) {
  #container .contentsBlock .contentsBlock__content-10 .content-10__title {
    font-size: calc(39 / 375 * 100vw);
    line-height: calc(38 / 375 * 100vw);
    letter-spacing: calc(-1 / 375 * 100vw);
    top: 0;
    left: calc(8 / 375 * 100vw);
  }
}
#container .contentsBlock .contentsBlock__content-10 .content-10__1 {
  width: 400px;
  position: absolute;
  top: 119px;
  left: 49px;
}
@media screen and (max-width: 980px) {
  #container .contentsBlock .contentsBlock__content-10 .content-10__1 {
    width: calc(315 / 375 * 100vw);
    top: calc(64 / 375 * 100vw);
    left: calc(30 / 375 * 100vw);
  }
}
#container .contentsBlock .contentsBlock__content-10 .content-10__2 {
  width: 400px;
  position: absolute;
  top: 119px;
  right: 0;
}
@media screen and (max-width: 980px) {
  #container .contentsBlock .contentsBlock__content-10 .content-10__2 {
    width: calc(315 / 375 * 100vw);
    top: calc(484 / 375 * 100vw);
    left: calc(30 / 375 * 100vw);
  }
}
#container .contentsBlock .contentsBlock__content-10 .content-10__3 {
  width: 400px;
  position: absolute;
  top: 672px;
  left: 49px;
}
@media screen and (max-width: 980px) {
  #container .contentsBlock .contentsBlock__content-10 .content-10__3 {
    width: calc(187 / 375 * 100vw);
    top: calc(1214 / 375 * 100vw);
    left: 0;
  }
}
#container .contentsBlock .contentsBlock__content-10 .content-10__4 {
  width: 400px;
  position: absolute;
  top: 672px;
  right: 0;
}
@media screen and (max-width: 980px) {
  #container .contentsBlock .contentsBlock__content-10 .content-10__4 {
    width: calc(188 / 375 * 100vw);
    top: calc(1214 / 375 * 100vw);
  }
}
#container .contentsBlock .contentsBlock__content-10 .content-10__itemRef-1 {
  position: absolute;
  top: 1215px;
  left: 49px;
}
@media screen and (max-width: 980px) {
  #container .contentsBlock .contentsBlock__content-10 .content-10__itemRef-1 {
    top: calc(914 / 375 * 100vw);
    left: calc(30 / 375 * 100vw);
  }
}
#container .contentsBlock .contentsBlock__content-10 .content-10__itemRef-2 {
  position: absolute;
  top: 1215px;
  right: 0;
}
@media screen and (max-width: 980px) {
  #container .contentsBlock .contentsBlock__content-10 .content-10__itemRef-2 {
    top: calc(1475 / 375 * 100vw);
    left: calc(20 / 375 * 100vw);
  }
}
#container .creditBlock {
  width: 100%;
  padding: 80px 0;
}
@media screen and (max-width: 980px) {
  #container .creditBlock {
    padding: calc(65 / 375 * 100vw) 0;
  }
}
#container .creditBlock .creditBlock__credit {
  display: flex;
  flex-direction: column;
  gap: 5px;
  align-items: center;
}
@media screen and (max-width: 980px) {
  #container .creditBlock .creditBlock__credit {
    gap: 0;
  }
}
#container .creditBlock .creditBlock__credit .creditItem {
  color: #15639C;
  font-family: "Juana";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px;
}
@media screen and (max-width: 980px) {
  #container .creditBlock .creditBlock__credit .creditItem {
    font-size: calc(14 / 375 * 100vw);
    line-height: calc(30 / 375 * 100vw);
  }
}
#container .creditBlock .creditBlock__logo {
  width: 100px;
  margin-inline: auto;
  margin-top: 60px;
}
@media screen and (max-width: 980px) {
  #container .creditBlock .creditBlock__logo {
    width: calc(100 / 375 * 100vw);
    margin-top: calc(50 / 375 * 100vw);
  }
}
#container .creditBlock .creditBlock__ref {
  margin-top: 60px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
}
@media screen and (max-width: 980px) {
  #container .creditBlock .creditBlock__ref {
    margin-top: calc(50 / 375 * 100vw);
    gap: calc(20 / 375 * 100vw);
  }
}
#container .creditBlock .creditBlock__ref .refItem {
  color: #15639C;
  font-family: "Juana";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-decoration-line: underline;
  text-decoration-color: #15639C;
  text-decoration-thickness: 1px;
  text-underline-offset: 2px;
}
@media screen and (max-width: 980px) {
  #container .creditBlock .creditBlock__ref .refItem {
    font-size: calc(15 / 375 * 100vw);
    text-decoration-thickness: calc(1 / 375 * 100vw);
    text-underline-offset: calc(2 / 375 * 100vw);
  }
}
#container .creditBlock .creditBlock__copyrights {
  margin-top: 100px;
  text-align: center;
  color: #15639C;
  font-size: 10px;
  font-family: "acumin-pro", sans-serif;
  font-weight: 400;
  font-style: normal;
  line-height: 30px;
}
@media screen and (max-width: 980px) {
  #container .creditBlock .creditBlock__copyrights {
    margin-top: calc(80 / 375 * 100vw);
    font-size: calc(10 / 375 * 100vw);
    line-height: calc(30 / 375 * 100vw);
  }
}

.slider-dots {
  width: 45px;
  margin: 0;
  padding: 0;
  display: flex;
  gap: 5px;
  list-style: none;
  position: absolute;
  bottom: 10px;
  left: 10px;
}
@media screen and (max-width: 980px) {
  .slider-dots {
    width: 14.6666666667vw;
    gap: 1.3333333333vw;
    bottom: 2.6666666667vw;
    left: 2.6666666667vw;
  }
}
.slider-dots li {
  display: flex;
  width: 20px;
}
@media screen and (max-width: 980px) {
  .slider-dots li {
    width: 4vw;
  }
}
.slider-dots button {
  position: relative;
  width: 100%;
  height: 2px;
  border: 0;
  background-color: rgba(255, 255, 255, 0.5);
  font-size: 0;
}
@media screen and (max-width: 980px) {
  .slider-dots button {
    height: 0.5333333333vw;
  }
}
.slider-dots button:after {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  display: block;
  width: 0%;
  height: 100%;
}
.slider-dots .slick-active button:after {
  background-color: #FFF;
  animation: progress 5.5s linear forwards;
}

@keyframes progress {
  from {
    width: 0%;
  }
  to {
    width: 100%;
  }
}/*# sourceMappingURL=index.css.map */