@charset "utf-8";

.animated { opacity: 0; transform: translateY(200px); }
#wrap {overflow-x: hidden;}
.content-3 .row { display: flex; justify-content: space-between; width: 100%; }
.content-3 .row li { width: calc(50% - 16px); }
.content-3 .row .left {position:relative;width: 100%;border-radius: 20px;text-align: right;overflow: hidden;height: 100%;}
.content-3 .row .left img {max-width: 100%;transition: all ease 1s;position: absolute;right: -20%;top: -23%;transform: scale(.9);}
.content-3 .row .right img {max-width: 100%;transition: all ease 1s;transform: scale(.9);}
.content-3 .row a:hover .left img {transform: scale(1.1);}
.content-3 .row .right a:hover img {transform: scale(1.1);}
.content-3 .row .left .text { position:absolute; bottom:0; left:0; padding:2.5rem; text-align: left; }
.content-3 .row .right {display: flex;flex-direction: column;justify-content: space-between;gap: 30px;}
.banner03 {position:relative;border-radius: 20px;overflow: hidden;}
.banner03 img {position: absolute;top: -30%;right: -10%;z-index: 1;transform: translateY(-50%);display: inline-block;max-width: 100%;}
.banner03 .text {position: relative;z-index:10;width:100%;padding: 3.1rem;height: 180px;}
.content-3 .row .text h3 {font-size: 1.4rem;color: #fff;}
.content-3 .row p {font-weight: 500;color: #fff;margin-top: 15px;box-sizing: border-box;font-size: 1.05rem;}
.visual { position: relative; width: 100%; height: 685px; background-repeat: no-repeat; background-position: center center; background-size: cover; }
.visual-area {margin: 100px auto 0;width: 100%;}
.visually-hidden { clip: rect(0 0 0 0); border: 0; -webkit-clip-path: inset(100%); clip-path: inset(100%); display: block; height: 1px; overflow: hidden; position: absolute; white-space: nowrap; width: 1px }
.visual-1 { background-image: url('../img/main/visual_1.jpg'); }
.visual-2 { background-image: url('../img/main/visual_2.jpg'); }
.visual-3 { background-image: url('../img/main/visual_3.jpg'); }
.visual-4 { background-image: url('../img/main/visual_4.jpg'); }
.visual-5 { background-image: url('../img/main/visual_5.jpg'); }
.visual .hidden { display: none; }
.visual .visual__box {position: absolute;left: 0;top: 0;width: 100%;z-index: 5;text-align: center;transform: translateY(70%);cursor: pointer;}
.visual__box .visual__title { margin-bottom: 25px; }
.visual__text-category { display: block; margin-bottom: 10px; color: #fff; text-transform: uppercase; font-size: 28px; }
.visual__text-tit { margin-bottom: 20px; font-size: 40px; line-height: 50px; color: #fff; }
.visual__text-tit span { font-size: 32px }
.visual__line { background: #fff; height: 40px; width: 1px; margin: 20px auto }
.visual__text-txt { margin-bottom: 40px; color: #fff; font-size: 16px; line-height: 26px; }
.visual__box .visual__btn { padding: 8px 30px; border: 1px solid #fff; background: transparent; color: #fff; font-size: 14px; text-transform: uppercase; cursor: pointer; }
.main-control { position: absolute; left: 0; top: 50%; width: 100%; height: 24px; z-index: 11; }
.main-slider .swiper-button-next, .main-slider .swiper-button-prev { position: absolute; top: auto; bottom: 0; width: 72px; height: 72px; background-color: transparent; background-repeat: no-repeat; background-position: center center; background-size: 24px 40px; background-color: #ededed; border-radius: 100%; }
.main-slider .swiper-button-prev { background-image: url('../img/common/arr-prev.png'); }
.main-slider .swiper-button-next { background-image: url('../img/common/arr-next.png'); }
.main-slider .swiper-button-prev { left: 4%; }
.main-slider .swiper-button-next { right: 4%; }
.main-slideBtn { display: flex; align-items: center; position: absolute; bottom: 30px; height: 20px; z-index: 11; left: 50%; transform: translateX(-50%); }
.main-slideBtn .swiper-pagination { display: flex; position: relative; text-align: left; }
.main-slideBtn .swiper-pagination-bullet { width: 60px; height: 6px; margin: 0 10px 0 0; background-color: #fff; border-radius: 2px; opacity: 0.5; }
.main-slideBtn .swiper-pagination-bullet-active { background-color: #fff; opacity: 1; }
.slideStop, .slideStart { background-color: transparent; color: #fff; cursor: pointer; font-size: 20px; }
.content-title { position: relative; margin-bottom: 20px; text-align: center; font-size: 1.3rem; }
.content-title:before { content: ""; display: block; width: 115px; height: 4px; margin: 0 auto 7px; background: #2d2d2d; }
.content-1 { padding: 60px 0 70px; position: relative; overflow: hidden; }
.bgani1 {position: absolute;right: -65%;top: -16%;width: 150%;z-index: -1;animation: rotate 100s infinite;opacity: 0.8;}
@keyframes rotate {
  from {
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.cont1__list { display: -webkit-flex; display: -ms-flex; display: flex; justify-content: space-between; margin: 0 auto; }
.cont1__item { position: relative; width: 24%; }
.cont1__item figure img { width: 100%; }
.cont1__item figure, .cont2__item figure, .cont3__item figure { overflow: hidden; border-radius: 20px; position: relative;}
.cont1__item a { position: relative; }
.cont1__item a p { position: absolute; top: 0; left: 0; display: none; width: 100%; height: 100%; font-size: 17px; font-weight: 700; color: #ffffff; text-align: center; box-sizing: border-box; background: rgba(000, 000, 000, 0.5); }
.cont1__item a p em { position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 100%; word-break: keep-all; box-sizing: border-box; padding: 0 20px; line-height: 1.3; }
.cont1__item a:hover p { display: block; }
.cont1__item .cont1__box { position: relative; display: -webkit-flex; display: -ms-flex; display: flex; justify-content: center; align-items: center; min-height: 50px; padding-bottom: 10px; }
.cont1__item .cont1__box .cont1__title { text-align: center; font-weight: 400; font-size: 18px; word-break: keep-all; }
.content-2 { padding: 60px 0; background: #f8eee1; position: relative; }
.cont2__list { overflow: hidden; display: -webkit-flex; display: -ms-flex; display: flex; justify-content: space-between; margin: 0 auto }
.cont2__item { position: relative; width: 24%; }
.cont2__item img { width: 100%; }
.cont2__item a { position: relative; }
.cont2__item a p { position: absolute; top: 0; left: 0; display: none; width: 100%; height: 100%; font-size: 17px; font-weight: 700; color: #ffffff; text-align: center; box-sizing: border-box; background: rgba(000, 000, 000, 0.5); }
.cont2__item a p em { position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 100%; word-break: keep-all; box-sizing: border-box; padding: 0 20px; line-height: 1.3; }
.cont2__item a:hover p { display: block; }
.cont2__item .cont2__box { position: relative; display: -webkit-flex; display: -ms-flex; display: flex; justify-content: center; align-items: center; min-height: 50px; padding-bottom: 10px; }
.cont2__item .cont2__box .cont2__title { text-align: center; font-weight: 600; font-size: 18px; word-break: keep-all; }
.content-3 {padding: 60px 0 70px;overflow: hidden;}
.cont3-mo { display: none }
.cont3__list { display: flex; justify-content: space-between; width: 100%; flex-direction: row; flex-wrap: wrap; }
.cont3__item { width: calc(50% - 16px); }
.cont3__item img {width: 100%;border-radius: 20px;transition: transform .5s;transform: scale(1);}
.cont3__item a:hover img {transform: scale(1.15);}
.cont3__item a { position: relative; border-radius: 20px; overflow: hidden; }
.cont3__item a p { position: absolute; top: 0; left: 0; display: none; width: 100%; height: 100%; font-size: 1.4rem; font-weight: 700; color: #ffffff; text-align: center; box-sizing: border-box; background: rgba(000, 000, 000, 0.5); border-radius: 20px; }
.cont3__item a p em { position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 100%; box-sizing: border-box; padding: 0 20px; line-height: 1.3; }
.cont3__item a:hover p { display: block; }
.cont3__item.col2 { width: 49.1525%; margin-bottom: 20px; }
.cont3__item.col3 { margin-bottom: 20px; }
.cont3__item.col4 { width: 23.7288%; }
.cont3__item .cont3__box { padding-top: 15px; margin-bottom: 30px; }
.cont3__item .cont3__box .cont3__category { display: block; margin-bottom: 5px; color: #5662ff; }
.cont3__item .cont3__box .cont3__title { text-align: center; font-size: 1.3rem; word-break: keep-all; }
.cont3__item.col2 .cont3__box { position: absolute; top: 25px; left: 30px; width: 30%; min-height: auto; padding: 0; background-color: transparent; text-align: left; word-break: keep-all; }
.cont3__item.col2 .cont3__box .cont3__category { display: block; margin-bottom: 10px; color: #fff; }
.cont3__item.col2 .cont3__box .cont3__title { margin-bottom: 12px; font-size: 20px; line-height: 1.4; color: #fff; }
.cont3__item.col2 .cont3__box .cont3__text { font-size: 16px; line-height: 26px; color: #ffc950; }
.cont2__item .cont2__box .cont2__title { text-align: center; font-weight: 400; font-size: 18px; word-break: keep-all; }
.content-2 .content-title { color: #2d2d2d; }
.content-2 .content-title:before { background: #2d2d2d; }

@media all and (max-width: 1500px) {
  .main-control { display: none; }
}

@media all and (max-width: 1200px) {
  .cont3__item.col2 .cont3__box { width: 70%; }
}

@media all and (max-width: 1024px) {
  .content-1 { padding-top: 30px; }
  .cont1__item .cont1__box .cont1__title { font-size: 18px; line-height: 26px; }
}

@media all and (max-width: 960px) {
  .cont1__list, .cont2__list { flex-wrap: wrap; }
  .cont1__item, .cont2__item { width: 48%; margin-bottom: 30px; }
  .cont1__item:nth-child(3), .cont1__item:nth-child(4), .cont2__item:nth-child(3), .cont2__item:nth-child(4) { margin-bottom: 0; }
  .cont1__item img, .cont2__item img, .cont3__item img, .cont4__item img { width: 100%; }
  .cont1__item a p { display: block; }
  .cont2__item a p { display: block; }
  .cont3__item a p { display: block; }
  .cont4__item a p { display: block; }
  .cont3__item a p {font-size: 1.2rem;}
  .cont1__item .cont1__box { padding-top: 15px; min-height: auto; }
  .cont1__item .cont1__box .cont1__title { font-size: 16px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word; }
  .content-2 { padding: 30px 0; }
  .content-2 .event-banner { margin-bottom: 30px; }
  .cont2__item .cont2__box { padding-top: 15px }
  .cont2__item .cont2__title { font-size: 16px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; word-wrap: break-word; }
  .cont2__item .cont2__box .cont2__title { font-size: 16px; line-height: 26px; }
  .cont2__item .cont2__box .cont2__category { font-size: 12px; }
  .content-3 { padding: 30px 0 40px; }
  .cont3-pc { display: none }
  .cont3-mo { display: block }
  .cont3-mo .cont3__item { width: 48%; float: left; padding: 0 1% }
  .cont3__item.col2 { width: 50%; height: 180px; }
  .cont3__item.col2 .cont3__box { top: 10px; left: 10px; }
  .cont3__item.col2 .cont3__box .cont3__title { font-size: 16px; }
  .cont3__item.col3, .cont3__item.col4 { width: 48%; margin-bottom: 20px; }
  .cont3__item:nth-child(5), .cont3__item:nth-child(6) { margin-bottom: 0; }
  .cont3__item .cont3__box .cont3__category { font-size: 12px; }
  .cont3__item.col3 .cont3__box .cont3__title, .cont3__item.col4 .cont3__box .cont3__title { height: 45px; font-size: 16px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word; }
}

@media all and (max-width: 768px) {
  .visual .visual__box{margin-top: 0;transform: translateY(45%);padding: 0 15px;}
  .visual {padding: 0;height: 475px;}
	.visual-1 {background-position: 68% 50%;}
	.visual-3 {background-position: 70% 50%;}
  .main-slideBtn {bottom: 20px;}
  .content-3 {padding: 30px 0 30px;}
  .content-3 .row {flex-wrap: wrap;gap: 20px;}
  .content-3 .row li {width: 100%;}
  .content-3 .row .right {gap: 20px;}
  .visual__text-tit {font-size: 27px;line-height: 1.5;}
  .content-3 .row .left img {position: relative;}
  .banner03 .text {padding: 1.5rem  2.5rem;}
  .content-3 .row .left {height: 220px;}
  .content-3 .row .left img {top: -50%;right: -26%;}
  .location p {word-break: keep-all;}
}

@media all and (max-width: 580px) {
  .cont3__item {width: 100%;}
  .bgani1 {top: auto;bottom:-20%;}
}

@media all and (max-width: 480px) {
  .visual-area {margin: 70px auto 0;}
  .visual__box .visual__btn {padding: 6px 15px;}
  .main-slideBtn {bottom: 10px;}
  .main-slideBtn .swiper-pagination-bullet {width: 30px;}
  .visual__text-category {font-size: 1rem;}
  .visual__text-tit {font-size: 1.4rem;line-height: 1.5;}
  .content-2 {padding: 30px 15px;}
  .cont3__item a p {font-size: 1.01rem;}
  .heading-2 {font-size: 1.2rem;}
  .content-3 .row .left .text {padding: 1.2rem;}
  .banner03 .text {padding: 1.2rem;height: 100px;}
  .content-3 .row .left {height: 120px;}
  .content-3 .row .left img {max-width: 70%;right: -29%;}
  .banner03 img {width: 50%;}
  .content-3 .row .text h3 {font-size: 1rem;}
  .content-3 .row p {font-size: .8rem;}
}

@media all and (max-width: 414px) {
  .visual__text-tit {font-size: 1.1rem;word-break: keep-all;}
  .visual .visual__box {transform: translateY(50%);}
  .content-title {font-size: 1rem;}
  .cont3__item .cont3__box .cont3__title {font-size: 1.1rem;}
  .content-1 {padding: 30px 0 10px;}
}