/*! Writen  by SCSS */
@keyframes move {
  0% {
    transform: translateY(30px); }
  100% {
    transform: translateY(-30px); } }
@keyframes move_min {
  0% {
    transform: translateY(20px); }
  100% {
    transform: translateY(-20px); } }
@keyframes circle {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(720deg); } }
body {
  background: #28333b; }

.sec_main .main_img {
  position: relative; }
  .sec_main .main_img::before {
    content: '';
    position: absolute;
    aspect-ratio: 1600/717;
    inset: 0;
    bottom: auto;
    background: url("../images/main_bg.png") center center/cover no-repeat;
    mix-blend-mode: multiply;
    z-index: -1; }
  .sec_main .main_img::after {
    content: "";
    position: absolute;
    display: block;
    pointer-events: none;
    left: 0;
    right: 0;
    bottom: 0;
    margin-bottom: 1.25%;
    pointer-events: none;
    border: 1px solid;
    border-radius: 100%;
    width: 375%;
    padding-top: 375%;
    line-height: 0;
    left: -131.43%;
    animation: move 40s linear infinite alternate-reverse; }
  .sec_main .main_img .cap {
    top: 110px; }
  .sec_main .main_img .min_txt {
    position: absolute;
    position: absolute;
    top: calc(226%/7);
    right: calc(180%/16);
    width: calc(534%/16);
    min-width: 200px; }
    @media screen and (max-width: 480px) {
      .sec_main .main_img .min_txt {
        display: none; } }
  .sec_main .main_img .sp_txts {
    display: none; }
    @media screen and (max-width: 480px) {
      .sec_main .main_img .sp_txts {
        display: block;
        position: absolute;
        inset: 0;
        margin: auto;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 20px 0; }
        .sec_main .main_img .sp_txts .main_txt_img {
          max-width: 180px;
          margin: 0 auto;
          filter: drop-shadow(0 0 3px #000); }
        .sec_main .main_img .sp_txts .inner_sub_head {
          text-shadow: 0px 0px 0px rgba(0, 0, 0, 0.8), 0px 0px 1px rgba(0, 0, 0, 0.8), 0px 0px 2px rgba(0, 0, 0, 0.8), 0px 0px 3px rgba(0, 0, 0, 0.8), 0px 0px 4px rgba(0, 0, 0, 0.8), 0px 0px 5px rgba(0, 0, 0, 0.8); } }

.sec01 {
  position: relative; }
  .sec01 .sec01_image_outer {
    margin-top: 5.63%;
    position: relative; }
    .sec01 .sec01_image_outer::after {
      content: "";
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      margin-top: 0.75%;
      pointer-events: none;
      border: 1px solid;
      border-radius: 100%;
      width: 375%;
      padding-top: 375%;
      line-height: 0;
      left: -143.56%;
      animation: move 20s linear infinite alternate; }
  .sec01 .text_wrap {
    display: flex;
    flex-direction: column;
    row-gap: clamp(30px, 4.167vw, 50px); }
  .sec01 .img01 {
    position: relative; }
    .sec01 .img01 .cap {
      right: 5em;
      bottom: 5em; }
      @media screen and (max-width: 480px) {
        .sec01 .img01 .cap {
          right: 0.5em;
          bottom: 2em; } }
    .sec01 .img01::after {
      content: '';
      position: absolute;
      inset: 0;
      background: #fff;
      top: 50%;
      z-index: -1; }
    .sec01 .img01::before {
      content: '';
      position: absolute;
      display: block;
      z-index: 1;
      pointer-events: none;
      aspect-ratio: 1600/275;
      inset: 0;
      bottom: auto;
      background: url("../images/img01_bg.png") center center/cover no-repeat;
      mix-blend-mode: multiply;
      z-index: -2; }

.sec02 {
  background: #fff;
  position: relative;
  padding-bottom: clamp(100px, 15vw, 180px); }
  .sec02::before {
    content: "";
    position: absolute;
    top: -5px;
    left: 0;
    width: 100%;
    height: 20px;
    background: #fff; }

.slide_thumb {
  margin-top: 40px;
  overflow: hidden; }
  @media screen and (max-width: 480px) {
    .slide_thumb {
      margin-top: 20px; } }
  .slide_thumb .swiper-wrapper {
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 26px 0; }
    @media screen and (max-width: 480px) {
      .slide_thumb .swiper-wrapper {
        gap: 10px 0; } }
    .slide_thumb .swiper-wrapper .swiper-slide {
      width: 23.34% !important;
      cursor: pointer;
      transition: 0.3s opacity ease-in-out 0s;
      background: #000; }
      .slide_thumb .swiper-wrapper .swiper-slide img {
        opacity: 0.5; }
      .slide_thumb .swiper-wrapper .swiper-slide.swiper-slide-thumb-active img {
        opacity: 1; }
    .slide_thumb .swiper-wrapper.full {
      gap: 0;
      flex-wrap: nowrap; }

.swiper-button-next, .swiper-button-prev {
  width: 80px;
  filter: drop-shadow(0px 0px 2px #000); }

.swiper-button-prev:after,
.swiper-container-rtl .swiper-button-next:after,
.swiper-button-next:after,
.swiper-container-rtl .swiper-button-prev:after {
  content: none !important; }

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