.home .sct.sct-a {
  height: calc(100vh + 70px);
  background-image: url("../images/bg-homepage.jpg");
  position: relative; }
  .home .sct.sct-a .container-custom {
    padding-top: calc(6vh + 35.5px); }
  .home .sct.sct-a .subttl {
    width: 100%; }

.home .sct.sct-b {
  position: relative;
  padding-top: 75px; }

.home .sct.sct-d {
  padding: 0; }
  .home .sct.sct-d .flex-section {
    background: #F4F4F4; }
    .home .sct.sct-d .flex-section .part-a {
      width: 45%; }
    .home .sct.sct-d .flex-section .part-b {
      width: 55%; }
  .home .sct.sct-d .flex-icon .wrp-icon {
    border: none;
    background: #0498FE;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0px;
    width: 60px;
    height: 60px; }
    .home .sct.sct-d .flex-icon .wrp-icon .img {
      width: 35px;
      height: 35px; }

.home .sct.sct-f {
  min-height: auto; }

.home .sct.sct-g {
  min-height: auto; }
  .home .sct.sct-g .wrp-card {
    flex-wrap: wrap; }
    .home .sct.sct-g .wrp-card .itm-card.itm-article {
      width: calc(100% / 3 - 15px); }

.home .headband-sct {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: -70px; }

.pict-triangle {
  width: 405px;
  height: auto;
  position: relative; }
  .pict-triangle .img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: relative;
    z-index: 2; }
  .pict-triangle::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0px;
    margin: auto;
    background-image: url("../images/triangle-style-shape.png");
    background-size: cover;
    background-repeat: no-repeat;
    width: 282px;
    height: 282px;
    z-index: 1; }
  .pict-triangle::before {
    content: "";
    position: absolute;
    bottom: 0px;
    left: 60px;
    margin: auto;
    background-image: url("../images/triangle-small-shape.png");
    background-size: auto;
    background-repeat: no-repeat;
    width: 90px;
    height: 90px;
    z-index: 3; }

.pict-hexagon {
  width: 405px;
  height: auto;
  position: relative;
  padding: 45px 20px 0px 10px; }
  .pict-hexagon .img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: relative;
    z-index: 2;
    max-width: 350.22px;
    display: block;
    margin: auto; }
  .pict-hexagon::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0px;
    margin: auto;
    background-image: url("../images/hexagon-border.png");
    background-size: cover;
    background-repeat: no-repeat;
    width: 369.78px;
    height: 416px;
    z-index: 1; }
  .pict-hexagon::before {
    content: "";
    position: absolute;
    bottom: 0px;
    left: 0;
    margin: auto;
    background-image: url("../images/hexagon-small-shape.svg");
    background-size: auto;
    background-repeat: no-repeat;
    z-index: 3;
    width: 130.19px;
    height: 146.47px; }

.flex-icon {
  display: flex;
  align-items: center;
  gap: 10px; }
  .flex-icon .wrp-txt {
    flex: 1; }

.bt-homepage {
  background: transparent !important; }

.content-txt {
  display: flex;
  flex-direction: column;
  padding: 30px 0px; }

.flex-column-list {
  display: flex;
  flex-direction: column;
  gap: 20px; }

.carousel-slide-itm {
  position: relative; }
  .carousel-slide-itm .quote-catchphrase {
    width: 50px;
    height: 50px;
    z-index: 1; }
    .carousel-slide-itm .quote-catchphrase .img {
      width: 100%;
      height: 100%;
      object-fit: contain; }
  .carousel-slide-itm .carousel-indicators {
    position: absolute;
    top: 210px;
    bottom: 0;
    margin: auto;
    left: 0;
    right: 0;
    align-items: center;
    height: fit-content; }
  .carousel-slide-itm .cntnt-txt {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 0;
    right: 0;
    z-index: 1;
    height: fit-content;
    width: fit-content;
    padding-bottom: 50px; }
  .carousel-slide-itm .catchphrase {
    color: white;
    font-size: 32px;
    min-width: 370px; }
  .carousel-slide-itm .itm-slide {
    height: 100%;
    width: 100%;
    height: 520px; }
    .carousel-slide-itm .itm-slide .img {
      width: 100%;
      height: 100%;
      object-fit: cover; }
  .carousel-slide-itm .itm-slide::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(13, 20, 27, 0.74);
    left: 0;
    top: 0; }

/*# sourceMappingURL=homepage.css.map */