@charset "utf-8";

/* prepare-page */
.prepare-page {background: url('../images/common/preparing.jpg') no-repeat center/cover; width: 100%; height: 100vh;}
.prepare-page__txt {position: absolute; top: 50%; left: 50%; width: calc(100% - 60rem); transform: translate(-50%, -50%); text-align: center;}
.prepare-page__txt i {display: block; background: url('../images/common/preparing.svg') no-repeat; width: 44rem; height: 13rem; margin: 0 auto;}
.prepare-page__txt h1 {margin-top: 50rem; font-size: 55rem; color: #fff;}
.prepare-page__txt p {padding-top: 20rem; font-size: 20rem; line-height: 1.6; color: #fff;}
.prepare-page__txt img {margin-top: 70rem;}

@media screen and (max-width:540px) {
    .prepare-page__txt i {width: 34rem; height: 10rem;}
    .prepare-page__txt h1 {margin-top: 40rem; font-size: 38rem;}
    .prepare-page__txt p {font-size: 18rem;}
    .prepare-page__txt img {height: 35rem;}
}

/* comm */
.wrap {max-width: 1600rem; margin: 0 auto; padding: 0 50rem;}
.wrap.ty2 {max-width: 1400rem;}

.btn-more {position: relative; z-index: 1; display: flex; justify-content: center; align-items: center; padding-top: 52rem; font-family: var(--font-eng); font-size: 15rem; font-weight: 300; transition: .4s;}
.btn-more:hover i {background: #15360e; transition: .4s;}
.btn-more.pd0 {padding-top: 0;}
.btn-more i {position: relative; display: block; width: 45rem; height: 45rem; border-radius: 100%; background: #879a82; margin-left: 15rem; transition: .4s;}
.btn-more i::before {content: ''; position: absolute; top: 50%; left: 50%; background: url('../images/main/ic-arrow.svg') no-repeat; width: 14rem; height: 8rem; transform: translate(-50%, -50%);}
.btn-more.wt {color: var(--color-white);}
.btn-more.lt {justify-content: start;}

.flex {display: flex; align-items: end; justify-content: space-between;}
.main-tit h2 {line-height: 1.2; font-size: 48rem; font-family: var(--font-eng);}
.main-tit p {padding: 32rem 0 0; line-height: 1.8; font-size: 18rem; font-weight: 300;}
.main-tit p.pdTy2 {padding: 0 0 0 25rem;}
.main-tit.wt {color: var(--color-white);}
.main-tit.ct {text-align: center;}

@media screen and (max-width:620px) {
    .main-tit h2 {font-size: 40rem;}
    .btn-more {padding-top: 40rem; font-size: 14rem;}
    .btn-more i {width: 40rem; height: 40rem;}
}
@media screen and (max-width:540px) {
    .wrap {padding: 0 20rem;}
    .main-tit h2 {font-size: 32rem;}
    .main-tit p {padding: 20rem 0 0; font-size: 16rem;}
    .btn-more i {width: 30rem; height: 30rem; margin-left: 10rem;}
    .btn-more i::before {width: 10rem; height: 5rem;}
}

/* swiper control Initial */
.swiper-button-next,
.swiper-button-prev {position: initial; margin-top: 0;}
.swiper-button-next:after,  
.swiper-button-prev:after {content: '';}

/* main */
.main-visual__wrap {position: relative; width: 100%; height: calc(var(--vh, 1vh) * 100); overflow: hidden; background: #f2f4ef;}
.main-visual__wrap::before {content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 83rem; background: #313131;}
.main-visual {width: calc(100% - 100rem); height: calc(100svh - 100rem); margin: 100rem 0 0 auto;}
.main-visual__img {height: calc(var(--vh, 1vh) * 100);}
.main-visual__img.mv1 {background: url('../images/main/main-visual01.jpg') no-repeat center/cover;}
.main-visual__img.mv2 {background: url('../images/main/main-visual02.jpg') no-repeat center/cover;}
.main-visual__img.mv3 {background: url('../images/main/main-visual03.jpg') no-repeat center/cover;}
.main-visual__txt {position: absolute; top: 25%; left: 50%; transform: translateX(-50%); color: var(--color-white); text-align: center;}
.main-visual__txt h1 {font-size: 85rem; font-family: var(--font-eng);}
.main-visual__txt .line {display: block; width: 1rem; height: 40rem; margin: 30rem auto 35rem; background: rgba(255,255,255,.5); transform: rotate(-45deg)}
.main-visual__txt p {font-size: 20rem; font-weight: 300; line-height: 1.7;}
.main-visual .swiper {height: 100%;}
.main-visual .swiper-slide {overflow: hidden;}
.main-visual .swiper-slide-active .main-visual__img,
.main-visual .swiper-slide-duplicate-active .main-visual__img {animation:visualScale 8s both;}
.main-visual .swiper-slide-active .main-visual__txt h1 {animation: visual-ani 1.5s .3s cubic-bezier(0.4, 0, 0.2, 1) both;}
.main-visual .swiper-slide-active .main-visual__txt .line {animation: visual-line 1.5s .4s cubic-bezier(0.4, 0, 0.2, 1) both;}
.main-visual .swiper-slide-active .main-visual__txt p {animation: visual-ani 1.5s 1s cubic-bezier(0.4, 0, 0.2, 1) both;}
.main-visual .swiper-slide-active .main-visual__txt .btn-more {animation: text-focus-in 1s 1.5s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;}

.area-control {display: flex; justify-content: space-between; align-items: center; position: absolute; top: 50%; width: 100%; padding: 0 50rem; box-sizing: border-box; z-index: 1; transform: translateY(-50%);}
.area-control .swiper-button-next,
.area-control .swiper-button-prev {background: url('../images/main/ic-arrow02.svg') center no-repeat; width: 30rem; height: 55rem;}
.area-control .swiper-button-next {transform: rotate(-180deg);}

.main-visual .swiper-pagination {display: flex; align-items: center; justify-content: center; height: 83rem;}
.main-visual .swiper-pagination-bullet {width: 9rem; height: 9rem; margin: 0 9rem !important; background: #fff; opacity: .5;}
.main-visual .swiper-pagination-bullet-active {opacity: 1;}

.scroll-ani {position: absolute; bottom: 0; left: 0; z-index: 2; width: 100rem;}
.scroll-ani span {display: block; margin-bottom: 190rem; font-size: 14rem; font-weight: 300; font-family: var(--font-eng); color: #666; text-align: center;}
.scroll-ani i {position: absolute; bottom: 0; left: 50%; width: 1rem; height: 170rem; overflow: hidden; background: #595959; transform: translateX(-50%);}
.scroll-ani i::after {content: ''; position: absolute; bottom: 0; width: 1rem; height: 170rem; animation: scrollbar 2s infinite ease-in-out; background: #fff; opacity: .8;}

@keyframes visualScale{
	0%{transform:scale(1.13)}
	100%{transform:scale(1)}
}
@keyframes visual-ani {
	from {opacity: 0; -webkit-transform: translateY(40rem); transform: translateY(40rem);}
	to {opacity: 1.0; -webkit-transform: translateY(0); transform: translateY(0);}
}
@keyframes visual-line {
	from {opacity: 0; -webkit-transform: translateY(40rem); transform: translateY(40rem);}
	to {opacity: 1.0; -webkit-transform: translateY(0) rotate(-45deg); transform: translateY(0) rotate(-45deg);}
}
@keyframes text-focus-in {
    0% {
      filter: blur(18px);
      opacity: 0;
    }
    100% {
      filter: blur(0px);
      opacity: 1;
    }
  }
@keyframes scrollbar {
    0% {transform: translateY(-170px);}
    100% {transform: translateY(170px);}
}

@media screen and (max-width:1300px) {
    .main-visual {width: calc(100% - 90rem); height: calc(100svh - 90rem); margin: 90rem 0 0 auto;}
    .main-visual .swiper {height: calc(var(--vh, 1vh) * 90);}
    .main-visual__txt {top: 23%;}
    .scroll-ani {width: 90rem;}
} 
@media screen and (max-width:768px) {
    .main-visual__txt {width: calc(100% - 60rem);}
    .main-visual__txt h1 {font-size: 70rem;}
    .main-visual__txt .line {margin: 25rem auto 30rem;}
    .area-control .swiper-button-next,
    .area-control .swiper-button-prev {display: none;}
}
@media screen and (max-width:620px) {
    .main-visual {width: 100%; height: calc(var(--vh, 1vh) * 100); margin: 0;}
    .main-visual .swiper {height: calc(var(--vh, 1vh) * 100);}
    .main-visual__wrap {background: transparent;}
    .main-visual__wrap::before {display: none;}
    .main-visual__txt {top: 33%;}
    .main-visual__txt h1 {font-size: 60rem;}
    .main-visual__txt p {font-size: 18rem;}
    .scroll-ani {display: none;}
    .main-visual .swiper-pagination-bullet {width: 7rem; height: 7rem; margin: 0 7rem !important;}
}
@media screen and (max-width:540px) {
    .main-visual__txt {top: 30%;}
    .main-visual__txt h1 {font-size: 48rem;}
    .main-visual__txt p {font-size: 16rem;}
    .main-visual__txt .line {height: 30rem; margin: 15rem auto 20rem;}
}

/* main-brand */
.main-brand{margin-top: 140rem;}
.main-brand__slide {position: relative; margin-top: 45rem;}
.main-brand__slideImg {height: 600rem;}
.main-brand__slideImg.im1 {background: url('../images/main/im-sec0101.jpg') no-repeat center/cover;}
.main-brand__slideImg.im2 {background: url('../images/main/im-sec0102.jpg') no-repeat center/cover;}
.main-brand__slideImg.im3 {background: url('../images/main/im-sec0103.jpg') no-repeat center/cover;}
.main-brand__slideImg.im4 {background: url('../images/main/im-sec0104.jpg') no-repeat center/cover;}
.main-brand__slide .swiper-pagination.ty2 {display: grid; grid-template-columns: 1fr 1fr 1fr 1fr;bottom: 0; width: 100%; height: 100rem; border-top: 1rem solid rgba(255,255,255,.5);}
.main-brand__slide .swiper-pagination-bullet {position: relative; display: flex; justify-content: center; align-items: center; width: auto; height: 100%; margin: 0 !important; background: transparent; opacity: .6;}
.main-brand__slide .swiper-pagination-bullet span {font-size: 20rem; font-weight: 500; color: var(--color-white);}
.main-brand__slide .swiper-pagination-bullet-active {opacity: 1; border-radius: 0;}
.main-brand__slide .swiper-pagination-bullet-active::before {content: ''; position: absolute; top: -2rem; left: 0; width: 100%; height: 3rem; background: var(--color-white);} 

@media screen and (max-width:1300px) {
    .main-brand__slide .swiper-pagination.ty2 {height: 80rem;}
}
@media screen and (max-width:768px) {
    .main-brand{margin-top: 100rem;}
    .main-brand__slideImg {height: 480rem;}
    .main-brand__slide .swiper-pagination.ty2 {grid-template-columns: 1fr 1fr; height: auto; background: rgba(0,0,0,.6); border-top: 0;}
    .main-brand__slide .swiper-pagination-bullet {height: 55rem;}
    .main-brand__slide .swiper-pagination-bullet:nth-child(n+3) {border-top: 1rem solid rgba(255,255,255,.5); border-radius: 0;}
    .main-brand__slide .swiper-pagination-bullet-active::before {top: 0; height: 2rem;}
}
@media screen and (max-width:620px) {
    .main-brand{margin-top: 80rem;}
    .main-tit.flex {display: block;}
    .main-tit p.pdTy2 {padding: 10rem 0 0;}
    .main-brand__slide {margin-top: 35rem;}
    .main-brand__slideImg {height: 350rem;}
    .main-brand__slide .swiper-pagination-bullet span {font-size: 18rem;} 
}
@media screen and (max-width:540px) {
    .main-brand__slide .swiper-pagination-bullet span {font-size: 16rem;}
}

/* main-bareumi */
.main-bareumi {margin-top: 170rem;}
.main-bareumi__top {position: relative; padding: 116rem 0 148rem; width:100%; background: #242424;}
.main-bareumi__top::before {content: ''; position: absolute; top: 0; right: 0; display: block; z-index: 1; width: 100%; height: 100%; background: #fff; transition: all 3s cubic-bezier(0.18, 0.89, 0.32, 1.28) 0s;}
.main-bareumi__top::after {content: ''; position: absolute; top: -1rem; right: 0; width: 43%; height: 101%; background: var(--color-white);}
.main-bareumi__top.active {opacity: 1; transition: 5s;}
.main-bareumi__top.active::before {width: 0;}

.main-bareumi__slide-wrap {position: relative; width: 91%; margin: -380rem 0 0 34%;}
.main-bareumi__slide-wrap::before {content: 'Bareumi'; position: absolute; top: -210rem; right: 308rem; font-size: 250rem; font-weight: 300; font-family: var(--font-eng); color: #ededed; line-height: 1;}
.main-bareumi__slideImg {height: 501rem;}
.main-bareumi__slideImg.im1 {background: url('../images/main/im-sec0201.jpg') no-repeat center/cover;}
.main-bareumi__slideImg.im2 {background: url('../images/main/im-sec0202.jpg') no-repeat center/cover;}
.main-bareumi__slideImg.im3 {background: url('../images/main/im-sec0203.jpg') no-repeat center/cover;}
.main-bareumi__slideImg img {width: 100%;}

.area-control.ty2 {top: unset; left: -113rem; bottom: 39rem; justify-content: unset; width: auto; padding: 0;} 
.area-control.ty2 .swiper-button-next,
.area-control.ty2 .swiper-button-prev {background: url('../images/main/ic-arrow03.svg') center no-repeat; width: 20rem; height: 11rem;}
.area-control.ty2 .swiper-button-next {margin-left: 33rem; transform: rotate(-180deg);}

@media screen and (max-width:1300px) {
    .main-bareumi__slide-wrap {margin: -300rem 0 0 40%;}
    .main-bareumi__slide-wrap::before {top: -170rem; right: 337rem; font-size: 195rem;}
    .main-bareumi__slideImg {height: 380rem !important;}
    .main-bareumi__top {padding: 90rem 0;}
}
@media screen and (max-width:1024px) {
    .main-bareumi {margin-top: 150rem;}
    .main-bareumi__slide-wrap {width: 100%; margin: -1rem 0 0; padding: 0 50rem 90rem; background: #242424; box-sizing: border-box;}
    .main-bareumi__slide-wrap::before {top: -130rem; right: 0; font-size: 156rem; opacity: .1;}
    .main-bareumi__slideImg {height: 300rem !important;}
    .main-bareumi__top::after {display: none;}
}
@media screen and (max-width:768px) {
    .main-bareumi {margin-top: 120rem;}
    .main-bareumi__slideImg {height: 250rem !important;}
    .main-bareumi__slide-wrap::before {top: -118rem; font-size: 140rem;}
}
@media screen and (max-width:620px) {
    .main-bareumi__slideImg {height: 170rem !important;}
    .main-bareumi__slide-wrap::before {right: unset; left: 50%; top: -139rem; transform: translateX(-50%); opacity: .05; font-size: 160rem;}
}
@media screen and (max-width:540px) {
    .main-bareumi {margin-top: 90rem;}
    .main-bareumi__top {padding: 65rem 0 90rem;}
    .main-bareumi__slide-wrap {padding: 0 20rem 65rem;}
    .main-bareumi__slide-wrap::before {top: -89rem; font-size: 110rem;}
    .main-bareumi__slideImg {height: 220rem !important;}
}

/* main-contact */
.main-contact {margin-top: 170rem;}
.main-contact__box-wrap {display: grid; grid-template-columns: 1fr 1fr;}
.main-contact__box {position: relative;}
.main-contact__box > div {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.main-contact__box.b1 {background: url('../images/main/im-sec0301.jpg') no-repeat center/cover; height: 809rem;}
.main-contact__box.b2 {background: #252f23; height: 809rem;}
.main-contact__box-inr {width: 78%;}
.main-contact__boxImg {padding-bottom: 45rem;}
.main-contact__boxImg img {width: 100%;}

@media screen and (max-width:1300px) {
    .main-contact__box.b1 > div {width: 100%;}
    .main-contact__box-inr {width: 86%;}
}
@media screen and (max-width:1024px) {
    .main-contact {margin-top: 150rem;}
    .main-contact__box-wrap {grid-template-columns: 1fr;}
    .main-contact__box.b1 {height: 500rem;}
}
@media screen and (max-width:768px) {
    .main-contact {margin-top: 120rem;}
    .main-contact__box {height: auto !important; padding: 80rem 0;}
    .main-contact__box > div {position: unset; transform: unset;}
    .main-contact__box-inr {width: 100%; padding: 0 50rem; box-sizing: border-box;}
}
@media screen and (max-width:540px) {
    .main-contact {margin-top: 90rem;}
    .main-contact__box {padding: 50rem 0;}
    .main-contact__box-inr {padding: 0 20rem;}
    .main-contact__box-txt.flex {flex-direction: column; align-items: unset;}
    .main-contact__box.b2 .btn-more {justify-content: end;}
}

/* main-notice */
.main-notice {margin-top: 150rem;}
.main-notice__cont {margin-top: 45rem;}
.main-notice__item {padding: 30rem 0; border-top: 1rem solid #dfdfdf;}
.main-notice__item:last-child {border-bottom: 1rem solid #dfdfdf;}
.main-notice__item .wrap {display: flex; justify-content: space-between; align-items: center;}
.main-notice__item-inr {display: flex; width: 60%;}
.main-notice__item-date {position: relative; flex: none; padding-left: 25rem; font-size: 16rem; font-weight: 600; color: #999;}
.main-notice__item-date::before {content: ''; position: absolute; top: 6rem; left: 0; width: 7rem; height: 7rem; border-radius: 100%; background: #ac9980;}
.main-notice__item-cont {margin: 0 0 0 129rem;}
.main-notice__item-cont strong {overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; font-size: 20rem; font-weight: 500;}
.main-notice__item-cont p {text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; padding-top: 20rem; font-size: 17rem; font-weight: 300; color: #555; line-height: 1.7;}
.main-notice__item-img {flex: none; width: 275rem; height: 140rem; overflow: hidden;}
.main-notice__item-img img {width: 100%; height: 100%; object-fit: cover;}

@media screen and (max-width:1024px) {
    .main-notice__item-cont {margin: 0 0 0 45rem;}
}
@media screen and (max-width:786px) {
    .main-notice {margin-top: 120rem;}
    .main-notice__item-inr {flex-direction: column; width: 50%;}
    .main-notice__item-cont {margin: 30rem 0 0;}
    .main-notice__item-date {padding-left: 18rem;}
}
@media screen and (max-width:620px) {
    .main-notice__cont {margin-top: 38rem;}
    .main-notice__item {padding: 40rem 0;}
    .main-notice__item .wrap {flex-direction: column; align-items: flex-start;}
    .main-notice__item-inr {flex-direction: column;}
    .main-notice__item-cont {width: 100%;}
    .main-notice__item-cont p {padding-top: 14rem;}
    .main-notice__item-img {width: 100%; height: 400rem; margin-top: 30rem;}
}
@media screen and (max-width:540px) {
    .main-notice {margin-top: 90rem;}
    .main-notice__item-img {height: 260rem;}
}

/* main-event */
.main-event {margin-top: 150rem; padding: 140rem 0; background: #f4f4f4;}
.main-event__cont {margin-top: 45rem; border-top: 1rem solid #dbdbdb; border-bottom: 1rem solid #dbdbdb;}
.main-event__list {display: flex; justify-content: space-between;}
.main-event__item {position: relative; width: calc(100% / 3); padding: 46rem 0rem;}
.main-event__item:nth-child(2) {padding: 46rem 65rem; margin: 0 65rem; border-left: 1rem solid #dbdbdb; border-right: 1rem solid #dbdbdb;}
.main-event__item-img {width: 100%; height: 265rem; overflow: hidden;}
.main-event__item-img img {width: 100%; height: 100%; object-fit: cover;}
.main-event__item-txt {width: 80%; padding-top: 44rem;}
.main-event__item-txt i {display: block; font-weight: 600; font-size: 17rem; font-family: var(--font-eng); color: #879a82;}
.main-event__item-txt strong {line-height: 1.5; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; padding-top: 20rem; font-size: 20rem; font-weight: 500;}
.main-event__item-txt p {line-height: 1.7; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; padding-top: 16rem; font-size: 17rem; font-weight: 300; color: #555;}
.main-event__item-txt span {display: block; padding-top: 30rem; font-size: 16rem; color: #999;}

@media screen and (max-width:1300px) {
    .main-event__item {padding: 30rem 0;}
    .main-event__item:nth-child(2) {padding: 30rem 30rem; margin: 0 30rem;}
}
@media screen and (max-width:1024px) {
    .main-event__item-txt {width: 100%;}
    .main-event__item-img {height: 170rem;}
}
@media screen and (max-width:768px) {
    .main-event {margin-top: 120rem; padding: 120rem 0;}
    .main-event__item-img {height: 120rem;}
}
@media screen and (max-width:620px) {
    .main-event__list {flex-direction: column;}
    .main-event__item {width: 100%; padding: 50rem 0;}
    .main-event__item:nth-child(2) {padding: 50rem 0; margin: 0; border-left: 0; border-right: 0; border-top: 1rem solid #dbdbdb; border-bottom: 1rem solid #dbdbdb;}
    .main-event__item-txt p {padding-top: 10rem;}
    .main-event__item-img {height: 260rem;}
}
@media screen and (max-width:540px) {
    .main-event {margin-top: 90rem; padding: 70rem 0;}
}