/* #main-page{
  margin-top: 95px;
}

@media screen and (max-width:1024px) {
  #main-page{
    margin-top: 80px;
  }
}

@media screen and (max-width:820px) {
  #main-page{
    margin-top: 50px;
  }
} */

/* Section--01 */
.visual {
    width: 100%;
    height: 100vh;
    padding: 0px;
    position: relative;
    background-color: #000;
  }
  
  .visual .main_visual {
    position: relative;
    width: 100%;
    height: 100%;
  }
  
  .visual .text {
    position: absolute;
    max-width: 1430px;
    width: 100%;
    padding: 0 15px;
    margin: 0 auto;
    font-size: 48px;
    font-weight: 700;
    color: #fff;
    overflow: hidden;
    }
  
  .visual .text--01 {
    top: 40%;
    /* top: 30vh; */
    /* top: 220px; */
    left: 50%;
    transform: translateX(-50%);
  }
  
  .visual .text--02 {
    top: 48%;
    /* top: 38vh; */
    /* top: 290px; */
    left: 50%;
    transform: translateX(-50%);
    font-size: 24px;
  }
  
  .visual .background {
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  
  .visual .background.background--01 {
    background-image: url("../../images/main/visual01.jpg");
  }
  
  .visual .background.background--02 {
    background-image: url("../../images/main/visual02.jpg");
  }
  
  .visual .background.background--03 {
    background-image: url("../../images/main/visual03.jpg");
  }

  .visual .background.background--04 {
    background-image: url("../../images/main/visual04.jpg");
  }
  
  .visual .background.background--05 {
    background-image: url("../../images/main/visual05.jpg");
  }
  
  
  .visual .background.background--06 {
    background-image: url("../../images/main/visual06.jpg");
  }
  
  
  
  
  /* Swiper */
  .visual .swiper-container {
    height: 100%;
  }
  
  .visual .swiper-wrapper {
    height: 100%;
  }
  
  .visual .swiper-slide {
    position: relative;
    height: 100%;
    overflow: hidden;
  }
  
  .visual .swiper-contorls {
    position: absolute;
    /* top: 61.1%; */
    /* top: 52vh; */
    top: auto;
    bottom: 10%;
    left: 50%;
    transform: translateX(-50%);
    z-index: 10;
    max-width: 1430px;
    width: 100%;
    padding: 0 15px;
  }

  .visual .swiper-contorls .controls-navi .pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
  }
  
  /* .visual .swiper-contorls .controls-navi {
    display: flex;
    align-items: center;
    justify-content: start;
    margin: 0 auto;
  }
  
  .visual .swiper-pagination-bullet {
    position: relative;
    width: 119px;
    height: 3px;
    margin: 0 5px;
    border-radius: 0;
    background-color: #fff;
  }
  
  .visual .swiper-pagination-bullet::before {
    position: absolute;
    top: -27px;
    left: 0;
    display: block;
    width: 100%;
    font-size: 20px;
    line-height: 1;
    font-weight: 600;
    color: #fff;
  }
  
  .visual .swiper-pagination-bullet:nth-of-type(1):before {
    content: "01";
  }
  
  .visual .swiper-pagination-bullet:nth-of-type(2):before {
    content: "02";
  }
  
  .visual .swiper-pagination-bullet:nth-of-type(3):before {
    content: "03";
  }

  .visual .swiper-pagination-bullet:nth-of-type(4):before {
    content: "04";
  }

  .visual .swiper-pagination-bullet:nth-of-type(5):before {
    content: "05";
  }

  .visual .swiper-pagination-bullet:nth-of-type(6):before {
    content: "06";
  }
  
  
  .visual .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 119px;
    height: 3px;
    background-color: transparent;
    border-radius: 0;
    background-color: #fff;
    opacity: 1;
  }
  
  .visual .swiper-slide.swiper-slide-active .text p {
    animation: textAni .5s ease-out forwards;
  }
  
  @keyframes textAni {
    0% {
      transform: translateY(100%);
    }
  
    100% {
      transform: translateY(0);
    }
  } */
  
  @media(max-width:1200px) {
    /* .visual {
      height: 100vh;
    } */
    
    .visual .text {
      font-size: 42px;
    }
    
    .visual .text--01 {
      /* top: 49%; */
      /* top: 32vh; */
      left: 50%;
      transform: translate(-50%, 50%);
    }
    
    .visual .text--02 {
      /* top: 55%; */
      /* top: 40vh; */
      left: 50%;
      transform: translate(-50%, 50%);
      font-size: 24px;
    }
  
    .visual .swiper-contorls {
        /* top: 80%; */
    }
    
    /* .visual .swiper-pagination-bullet {
      width: 100px;
    }
    
    .visual .swiper-pagination-bullet::before {
      top: -25px;
      font-size: 18px;
    }
    
    .visual .swiper-pagination-bullet.swiper-pagination-bullet-active {
      width: 100px;
    } */
  }
  
  @media(max-width:1024px) {
    /* .visual {
      height: 100vh;
    } */
    
    .visual .text {
      font-size: 38px;
    }
  
    .visual .text--01 {
      /* top: 49.5%; */
      /* top: 230px; */
      left: 50%;
      transform: translate(-50%, 0%);
    }
    
    .visual .text--02 {
      /* top: 57%; */
      /* top: 285px; */
      transform: translate(-50%, 0%);
      font-size: 20px;
    }
    
    .visual .swiper-contorls {
      /* top: 80%; */
    }
    
    /* .visual .swiper-pagination-bullet {
      width: 80px;
    }
    
    .visual .swiper-pagination-bullet::before {
      top: -20px;
      font-size: 16px;
    }
    
    .visual .swiper-pagination-bullet.swiper-pagination-bullet-active {
      width: 80px;
    } */
  }
  
  
  @media(max-width:768px) {
    /* .visual {
      height: 100vh;
    } */
    
    .visual .text {
      font-size: 26px;
    }
  
    .visual .text--01 {
      /* top: 50%; */
      /* top: 335px; */
      left: 50%;
      transform: translate(-50%, 0%);
    }
    
    .visual .text--02 {
      top: 46%;
      /* top: 375px; */
      transform: translate(-50%, 0%);
      font-size: 16px;
    }

    
    .visual .swiper-contorls {
      /* top: 60%; */
    }
    
   /*  .visual .swiper-pagination-bullet {
      width: 60px;
      height: 2px;
    }
    
    .visual .swiper-pagination-bullet::before {
      font-size: 15px;
    }
    
    .visual .swiper-pagination-bullet.swiper-pagination-bullet-active {
      width: 60px;
      height: 2px;
    } */
  }
  
  
  @media(max-width:500px) {
   /*  .visual {
      height: 100vh;
    } */
    
    /* .visual .text {
      display: none;
    } */

    .visual .background.background--01 {
      background-image: url(../../images/main/visual01.jpg);
      background-position: 75% center;
  }
  
    .visual .text--01 {
      top: 49%;
      /* top: 310px; */
    }
    
    .visual .text--02 {
      top: 54%;
      /* top: 345px; */
    }
    
    .visual .swiper-contorls {
      /* top: 80%; */
      text-align: center;
    }
    
    .visual .swiper-contorls .controls-navi {
      justify-content: center;
    }
  
    /* .visual .swiper-pagination-bullet {
      width: 40px;
      height: 2px;
    }
    
    .visual .swiper-pagination-bullet::before {
      font-size: 14px;
    }
    
    .visual .swiper-pagination-bullet.swiper-pagination-bullet-active {
      width: 40px;
      height: 2px;
    } */
  }
  
  @media(max-width:370px) {
    .visual .text--01 {
      top: 47%;
    }
    
    .visual .text--02 {
      top: 52%;
    }
  }

/* business */
.business h2 {text-align: center; font-size: 40px; font-weight: bold; padding-bottom: 30px;}
.business h2 span{color: var(--mainColor);}

.business ul { overflow:hidden; display: flex; justify-content: space-between; gap: 40px;  }
.business ul>li {width:calc(25% - 10px); max-width: 300px; /* margin-left:50px; */}
/* .business ul>li:first-child { margin-left:0;} */
.business ul>li>a { display:block; color:#666;}
.business ul>li .img_area { position:relative; aspect-ratio: 4/3; }
.business ul>li .img_area>img { width:100%; height:100%; object-fit: cover; }
.business ul>li .icon { display:table; position:absolute; top:0px; right:0; aspect-ratio: 1/1; width:60px; background-color:var(--mainColor); color:#fff; font-size:14px; font-weight:300; text-align:center;}
.business ul>li:nth-child(2) .icon{background-color: var(--themeColor1);}
.business ul>li:nth-child(3) .icon{background-color: var(--themeColor2);}
.business ul>li:nth-child(4) .icon{background-color: var(--themeColor3);}
.business ul>li .icon.yellow { background-color:rgba(188,155,106,0.9);}
.business ul>li .icon>span { display:table-cell; vertical-align:middle;}
.business ul>li h3 { overflow:hidden; position:relative; height:63px; margin:20px 0 11px; padding:2px 60px 0 0; color:#222; font-size:24px; line-height:1.25;}
.business ul>li p { position:relative; padding-left:66px; font-size:15px; font-weight:bold; line-height:1.6;}
.business ul>li p:before { content:""; display:block; position:absolute; top:11px; left:0; width:50px; height:1px; background-color:#777;}


@media screen and (max-width:1280px){
	.business ul { gap: 40px 10px; }
	.business ul>li { width: calc(25% - 5px); }

}

@media screen and (max-width:1024px) {
  /* business */
	.business ul { gap: 40px 20px; flex-wrap: wrap; justify-content: center;}
	.business ul>li { width: calc(50% - 10px); max-width: none;}
	.business ul>li .icon { font-weight:400;}
	.business ul>li p {  overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; word-wrap:break-word;}

}

@media screen and (max-width:767px) {
  	/* business */
	.business { }
	.business h2 { font-size:20px;}
	.business ul { gap: 30px 5px; }
  .business ul>li {
    width: calc(50% - 3px);
}
	/* .business ul>li .img_area>img { width:auto; height:auto;} */
	.business ul>li .icon { width:36px; height:36px; font-size:10px; font-weight:400;}
	.business ul>li h3 { margin:12px 0 4px; padding:1px 40px 0 0; font-size:14px; height: 40px;}
	.business ul>li p {  padding-left:8px; font-size:12px; }
	.business ul>li p:before { top:8px; width:2px; height:2px;}
}


.board-container{display: flex; gap: 30px;}
.board-container > div{width: 50%;}
.main-board-title { margin-bottom: 30px; padding-bottom:20px; line-height: 30px; font-size: 28px; font-weight: 200; border-bottom: 1px solid var(--mainColor); }
.main-board-title a { display: block; background: url('../../images/main/main-board-title.png') no-repeat right 1px center;font-weight: bold;}

.bbs-main-slide .slick-dots { bottom: 0; display: flex; justify-content: center;}
.bbs-main-slide .slick-dots li { width: 12px; height: 12px; background: rgba(0,0,0,.25); border-radius: 50%; }
.bbs-main-slide .slick-dots li.slick-active { background: rgba(0,0,0,.7); }
.bbs-main-slide .slick-prev { left: -45px; aspect-ratio: 1/1; width: 80px; background: url('../../images/main/main-prev.png') no-repeat center center;  background-size: contain;
  overflow: hidden;
  text-indent: -99999px;
  z-index: 2;
  position: absolute;
  top: 0;
  margin: auto;
  bottom: 0;}
.bbs-main-slide .slick-next { right: -45px; aspect-ratio: 1/1; width: 80px;  background: url('../../images/main/main-next.png')no-repeat center center; background-size: contain;
  overflow: hidden;
  text-indent: -99999px;
  z-index: 2;
  position: absolute;
  top: 0;
  bottom: 0;margin: auto;  }
._bbs { padding: 7px; }

.main-bbs-photo { overflow: hidden; display: block; position: relative; width: 100%;  /* height: 240px; */ background: #000;  aspect-ratio: 4/3; }
.main-bbs-photo img { width: 100%; height: 100%; object-fit: cover;}

.main-bbs-title { display: block; margin: 15px 0; font-size: 18px; font-weight: 500; 
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;}

.bbs-slide-prev .slick-prev { z-index: 2; left: 35px; width: 30px; height: 60px; background: url('../../images/main/main-prev.png'); }
.bbs-slide-prev .slick-next { z-index: 2; right: 35px; width: 30px; height: 60px; background: url('../../images/main/main-next.png');}


.bbs-main-notice { font-size: 18px; color: #555; table-layout: fixed; }
.bbs-main-notice .subject { padding: 10px 10px 10px 15px; background: url('../../images/main/point.png') left center no-repeat; width: 80%;}
.bbs-main-notice .date { font-size: 16px; font-weight: 200; color: #999; width: 20%; text-align: right; }
.bbs-main-notice img { display: inline-block; margin-left: 5px; max-width: inherit; }

.bbs-main-notice .subject p {max-width: 500px; width: 100%;white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}

.bbs-main-notice .subject a{ }
.bbs-main-notice .subject a:hover{color: #000;}
.bbs-main-notice tr:hover{background-color: #f5f5f5;}

.main-board-layout {
  display: flex;
  justify-content: center;
  gap: 60px;
}

.main-board-layout > div {
  width: 50%;
}

.main-board-layout .bbs-main-ad{
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 14px;
}

.main-board-layout .bbs-main-ad ._bbs{
  width: 50%;
  padding: 0;
  text-align: center;
}

.main-board-middle .main-bbs-photo {
  overflow: hidden;
  display: block;
  position: relative;
  aspect-ratio: 1/1;
  width: auto;
  height: 260px;
  background: #000;
  margin: 0 auto;
}

.bbs-main-ad .main-bbs-title {
  font-size: 18px;
  font-weight: 300;
  color: #555;
}

@media screen and (max-width:1280px) {
  .bbs-main-gallery{padding-top: 70px;}
  .bbs-main-slide .slick-prev { bottom: auto; right: 70px; left: auto; top: -70px; width: 60px;}
  .bbs-main-slide .slick-next { bottom: auto; right: 0; top: -70px; width: 60px;}
}

@media screen and (max-width: 1024px){
    .main-board-title { font-size: 20px; background-size: auto 30px; }
    .bbs-main-slide .slick-dots li  { width: 10px; height: 10px; }

    .main-board-layout{
      flex-direction: column;
      gap: 40px;
    }
    .main-board-layout > div{width: 100%;}
    .main-board-middle .main-bbs-photo{width: 100%; height: auto; }

}


@media screen and (max-width: 960px){
  .main-board-title{margin-bottom: 10px;}
  .board-container{flex-direction: column;}
  .board-container > div{width: 100%;}
}


@media screen and (max-width: 768px){
  .main-board-title { font-size: 18px; background-size: auto 25px; }
  .bbs-main-slide .slick-prev {
      display: none !important;
  }
  .bbs-main-slide .slick-next {
    display: none !important;
  }
  .bbs-main-gallery {
    padding-top: 0;
  }
}

@media screen and (max-width: 480px){
  .bbs-main-notice .subject {display: block; width: 100%;}
  .bbs-main-notice .date {        
    display: block;
    width: 100%;
    padding-left: 15px;
    text-align: unset;}

    .bbs-main-ad .main-bbs-title{font-size: 15px;}

}