main .swiper-button-next:after, .swiper-button-prev:after {display: none;}
main .swiper-pagination-progressbar {position: static;}

main .swiper-button-prev, main .swiper-button-next {position: static; width: 6em; height: 6em; margin: 0; border: 1px solid #c5c5c5; border-radius: 50%; transition: all 0.3s;}
main .swiper-button-prev img, main .swiper-button-next img {width: min(22px, 50%);}
main .swiper-button-prev:hover, main .swiper-button-next:hover {background: #00387d; border-color: #00387d;}
main .swiper-button-prev:hover img, main .swiper-button-next:hover img {filter: brightness(10);}

main .view_more {border: 1px solid #c5c5c5; font-size: 2em; color: #999; padding: .7em 0; width: min(11em,100%); align-items: center; justify-content: center; border-radius: 3em; transition: all 0.3s;}  
main .view_more img {transition: all 0.3s; margin-left: .5em;}
main .view_more:hover {background: #00387d; border-color: #00387d; color: #fff;}
main .view_more:hover img {filter: brightness(10);}

.main-tit {text-align: left; margin-bottom: 4em; justify-content: space-between; align-items: center; overflow: hidden;}
.main-tit h3 {font-size: 4.8em; font-weight: 700; color: #252525; transform: translateY(100%); opacity: 0; } /* opacity: 0; transform: translateY(50%); transition: all 2s;*/ 
.main-tit [data-aos^=fade][data-aos^=fade] {opacity: 1; transition: all 2s;}

@media (max-width:1500px) {
    main {overflow: hidden;}
}

@media (max-width:1080px) {
    .main-tit h3 {font-size: 4.4em;}
}
@media (max-width:768px) {
    .main-tit h3 {font-size: 4em;}
}


.main01 {position: relative;}
.main01 .main_slide {height: min(1200px,100vh); position: relative;}
.main01 .main_slide img {width: 100%; height: 100%; object-fit: cover;   }
.main01 .main_slide .swiper-slide-active img {animation: main_visual_ani 2s 0s;}
.main01 .txt {position: absolute; top:50%; left: 50%; transform: translate(-50%,-50%); z-index: 9; width: 100%; text-align: center;  color: #fff;}
.main01 .txt h3 {font-size: 7em; line-height: 1.4; font-weight: 600; overflow: hidden;}
.main01 .txt h3 span {transform: translateY(100%); opacity: 0; display: block;}
.main01 .main_pagi_wrap {position: absolute; bottom: 10%; width: min(350px,60%); left: 50%; transform: translateX(-50%); z-index: 9;}
.main01 .main_pagi_wrap .main_pagi_num {width: 100%; margin-bottom: 1em;}
.main01 .main_pagi_wrap .main_pagi_num span {width: 25%; display: block; font-size: 2em; font-weight: 500; color: #fff; opacity: 0.6; cursor: pointer;}
.main01 .main_pagi_wrap .main_pagi_num span.active {opacity: 1;}
.main01 .main_pagi_wrap .main_pagi { height: 3px; background: rgba(255,255,255,0.4);}
.main01 .main_pagi_wrap .main_pagi .swiper-pagination-progressbar-fill {background: #fff;}

@keyframes main_visual_ani {
    0% {transform: scale(1.1);}
    100% {transform: scale(1);}
}


.main02 {padding: 12em 0 ;}
.main02 .view_more {margin: 3em auto 0;}
.main02 .main_slide2_wrap {position: relative;}
.main02 .swiper-slide {overflow: hidden;}
.main02 .swiper-slide .img {position: relative; display: flex; overflow: hidden; }
.main02 .swiper-slide .img img {width: 100%; height: 100%;}
.main02 .swiper-slide .img-txt {position: absolute; bottom:0; left:0; padding:3em 4em; width: 100%; height: 100%; background: #00387d; display: flex; flex-flow: row wrap; align-items: flex-end; opacity: 0; transition: opacity 0.3s;}
.main02 .swiper-slide .img-txt p {font-size: 2.4em; font-weight: 700; color: #fff; position: relative;}
.main02 .swiper-slide .img-txt p::before {content:""; position: absolute; top:-.5em; left:0; width: 1.8em; height: 1px; background: #fff;}
.main02 .swiper-slide:hover .img-txt {opacity: 1;}
.main02 .main_slide2_pagi { align-items: center; margin-top: 4em;}
.main02 .main_slide2_pagi .main_slide2_prev {margin-right: 2em;}
.main02 .main_slide2_pagi .main2_pagi {width: calc(100% - 16em); margin-left: 2em; height: 3px; background: rgba(0,0,0,0.4);}
.main02 .main_slide2_pagi .main2_pagi .swiper-pagination-progressbar-fill {background: #333;}

.main03 {padding-bottom:12em;}
.main03 .main_video {padding-bottom: 56.25%; position: relative;  clip-path: circle(20% at 50% 50%);}
.main03 .main_video iframe {width: 100%; height: 100%; position: absolute; top:0; left:0;}
.ytp-chrome-top {display: none;}

.main04 {padding: 14em 0; background:#f7f7f8; overflow: hidden;}
.main04 > .inner {padding-left: calc(50% - 750px); max-width: 100%; width: 100%;} 
.main04 > .inner > .view_more {display: none;}
.main04 .main-tit {width: 25%; padding-right: 3%; margin-bottom: 0; display: flex; flex-flow: column wrap; justify-content: space-between; align-items: flex-start;}
.main04 .main-tit p {font-size: 2.4em; margin-top: 1em;}
.main04 .main_slide3 {width: 75%; padding-top: 4em;}
.main04 .main_slide3 .swiper-slide {display: flex; transition:  margin .3s;}
.main04 .main_slide3 .swiper-slide.swiper-slide-active {margin-top: -3em;}
.main04 .main_slide3_pagi_wrap {margin-top: 6em;}
.main04 .swiper-button-prev, .main04 .swiper-button-next {background: #fafafa;}
.main04 .swiper-button-prev {margin-right: 2em;}
.main04 .view_more {background: #fafafa;}

@keyframes main_slide3  {
    0% {margin-top: 0;}
    50% {margin-top: -3em;}
    100% {margin-top: 0;}
}

.main05 {padding: 11em 0;}
.main05 .inner {display: grid;  grid-template-columns: 2fr 1fr; column-gap: 12em;}
.main05 .right {max-width: 400px; display: flex; position: relative; overflow: hidden; }
.main05 .right .bg {width: 100%; height: 100%; position: absolute; top:0; right:-100%; background: #333;}
.main05 .right img {opacity: 0; position: relative;z-index: 2;}
.main05 .notice_wrap {border-top:1px solid #c5c5c5; border-bottom:1px solid #c5c5c5;}
.main05 .notice_wrap li:not(:last-child) {border-bottom: 1px solid #e1e1e1;}
.main05 .notice_wrap li a {padding: 3.65em 2em; align-items: center; justify-content: space-between;}
.main05 .notice_wrap li h3 {font-size: 2.4em; font-weight: 500;}
.main05 .notice_wrap li .arr {transition: all 0.3s;}
.main05 .notice_wrap li:hover {background: #fafafa;}
.main05 .notice_wrap li:hover h3 {font-weight: 600; }
.main05 .notice_wrap li:hover .arr {transform: rotate(-45deg);}

@media (max-width:1500px) {
    .main01 .main_slide {height: min(calc(90vh - 20em), 100vw);}
    .main01 .txt h3 {font-size: 6.5em; }
    .main04 {padding: 11em 0;}
    .main04 .inner:last-child {padding-left: 0;}
    .main05 .inner {column-gap: 10em; grid-template-columns: 2.5fr 1fr;}
}
@media (max-width:1200px) {
    .main01 .txt h3 {font-size: 6em; }
    .main01 .main_pagi_wrap .main_pagi_num span {font-size: 2.2em;}

    .main04 > .inner {width: 92%;}
    .main04 .main-tit {width: 100%; padding-right: 0%; position: relative;}
    .main04 .main_slide3_pagi_wrap {margin-top: 0; position: absolute; top:0; right:0;}
    .main04 .swiper-button-prev, .main04 .swiper-button-next {width:6em; height:6em;}
    .main04 .view_more {display: none;}
    .main04 > .inner > .view_more {display: flex; margin: 3em auto 0;}
    .main04 .main_slide3 {width: 100%;}
    .main04 .main_slide3 .swiper-slide.swiper-slide-active {animation: main_slide3 .75s; margin-top: 0;}
}
@media (max-width:1080px) {
    .main02, .main04, .main05 {padding: 10em 0;}
    .main03 {padding-bottom: 10em;}
    
    .main05 .inner {display: block;}
    .main05 .right {display: none;}
}
@media (max-width:768px) {
    .main01 .txt h3 {font-size: max(28px,6.2vw); }

    .main02 .swiper-slide .img {flex-flow: column wrap;}
    .main02 .swiper-slide .img-txt {position: static; padding:3em 0 0; width:100%; height: auto; background: none; opacity: 1;}
    .main02 .swiper-slide .img-txt p {color: #333; font-size: max(17px,2.8vw);}
    .main02 .swiper-slide .img-txt p br {display: none;}
    .main02 .swiper-slide .img-txt p::before {display: none;}

    .main04 .left p {width:100%;}

    .main05 .notice_wrap li h3 {width: calc(100% - 3em); text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
    .main05 .notice_wrap .arr {width: 2em;}

    
}