@font-face {
  font-family: "ProximaNova-Regular";
  src: url("../font/ProximaNova-Regular.otf");
  font-display: swap;
}
@font-face {
  font-family: "ProximaNova-Bold";
  src: url("../font/ProximaNovaBold.otf");
  font-display: swap;
}
@font-face {
  font-family: "ProximaNova-Extrabold";
  src: url("../font/ProximaNovaExtrabold.ttf");
  font-display: swap;
}
* {
  font-family: "ProximaNova-Regular", sans-serif;
}

.fw-regular {
  font-family: "ProximaNova-Regular", sans-serif;
}

.fw-bold {
  font-family: "ProximaNova-Bold", sans-serif;
}

.fw-extrabold {
  font-family: "ProximaNova-Extrabold", sans-serif;
}

body,
html {
  overflow-x: hidden;
}

/**************
 * Section 1
 **************/
#section1 {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-bottom: 26vw;
}
#section1 .blogTitleArea {
  padding: 18vw 4vw;
  background: #6666FF;
  width: 100%;
  -webkit-box-shadow: 0px 3px 6px rgba(110, 116, 134, 0.24);
          box-shadow: 0px 3px 6px rgba(110, 116, 134, 0.24);
}
#section1 .blogTitleArea h2 span {
  font-size: clamp(36px, 12vw, 180px);
  line-height: clamp(44px, 8vw, 200px);
  color: #FFFFFF;
}
#section1 .image {
  bottom: -19vw;
  margin: auto;
}
#section1 .image img {
  width: 30vw !important;
  height: 30vw !important;
}

/**************
 * Section 2
 **************/
#section2 {
  padding: 0 9vw 6vw 9vw;
}
#section2 .folioTextArea {
  margin-bottom: 10vw;
}
#section2 .folioTextArea p {
  font-size: clamp(14px, 4vw, 40px);
  line-height: clamp(18px, 6vw, 55px);
  margin-bottom: 8vw;
}
#section2 .folioTextArea p.description {
  margin-bottom: 12vw;
}
#section2 .folioTextArea .context h3 {
  font-size: clamp(18px, 7.5vw, 180px);
  line-height: clamp(22px, 10vw, 200px);
  margin-bottom: 0;
}
#section2 .folioTextArea .context p {
  font-size: clamp(14px, 4vw, 40px);
  line-height: clamp(18px, 6vw, 55px);
  margin-bottom: 8vw;
}
#section2 .folioTextArea .context p.description {
  margin-bottom: 12vw;
}
#section2 .folioTextArea .context img {
  margin-bottom: 6vw;
}
#section2 .folioCarouselArea .cardArea {
  overflow-x: hidden;
  padding: 0 0 52px 0;
  margin-bottom: 0;
}
#section2 .folioCarouselArea .cardArea .slick-slide {
  height: auto;
}
#section2 .folioCarouselArea .cardArea .slick-dots {
  bottom: 22px;
  position: absolute;
}
#section2 .folioCarouselArea .cardArea .slick-dots li {
  width: 10px;
  height: 10px;
}
#section2 .folioCarouselArea .cardArea .slick-dots li:last-child {
  margin-right: 30px;
}
#section2 .folioCarouselArea .cardArea .slick-dots li button {
  width: 10px;
  height: 10px;
}
#section2 .folioCarouselArea .cardArea .slick-dots li button::before {
  content: " ";
  width: 10px;
  height: 10px;
  background: #6666FF;
  border-radius: 50%;
}/*# sourceMappingURL=audtfolio-mobile.css.map */