#main { } 
#main .title_wrap { display: flex; flex-direction: column; gap: 10px; margin-bottom: 65px; } 
#main .title_wrap h2 { font-size: 2.5em; font-weight: 600; } 
#main .title_wrap h2 strong { font-weight: 600;; } 

#main .msec { } 
#main .sec00 { } 
#main .sec00 .mySwiper { } 
#main .sec00 .mySwiper .swiper-slide { display: flex; height: 100vh; width: 100%; color: #fff; align-items: center; justify-content: center; flex-direction: column; gap:40px; text-align: center; padding-top:100px; } 
#main .sec00 .mySwiper .swiper-slide h2 { font-size: 3em; font-weight: 700; } 
#main .sec00 .mySwiper .swiper-slide p { font-size: 1.5em; font-weight: 500; } 
#main .sec00 .mySwiper .swiper-slide:nth-child(1) { background: url(../img/main/msec01_img01.png)no-repeat center center/cover; } 
#main .sec00 .mySwiper .swiper-slide:nth-child(2) { background: url(../img/main/msec01_img02.png)no-repeat center center/cover; } 
#main .sec00 .mySwiper .swiper-slide:nth-child(3) { background: url(../img/main/msec01_img01.png)no-repeat center center/cover; } 
#main .sec00 .mySwiper .swiper-pagination { bottom:240px; } 
#main .sec00 .mySwiper .swiper-pagination-bullet { background: #fff; opacity: 1; width:12px; aspect-ratio: 1/1; height:auto; } 
#main .sec00 .mySwiper .swiper-pagination-bullet-active { background: #FF7700; } 
#main .sec00 .swiper-button-next,
#main .sec00 .swiper-button-prev { opacity: 1; color:#fff } 
#main .sec00 .swiper-button-prev { left:100px } 
#main .sec00 .swiper-button-next { right:100px; } 
#main .sec01 { padding:100px 0 } 
#main .sec01 .title_wrap > .flex-box { gap:130px; align-items: center;} 
#main .sec01 .title_wrap > .flex-box > ul { list-style: disc; font-size: 1.25em; line-height: 1.6; } 
#main .sec01 .content > .flex-box { justify-content: space-between;gap:20px; } 
#main .sec01 .content > .flex-box li span { font-size: 1.5em; font-weight: 500; text-align: center; margin-top:15px } 
#main .sec02 { padding:100px 0; background: url(../img/main/msec03_bg.png)no-repeat center center/cover; width:100%; aspect-ratio: 1920/400; color:#fff } 
#main .sec02 .txt_wrap {    gap: 60px;}
#main .sec02 p { font-size: 1.25em; font-weight: 500; margin-bottom: 10px; } 
#main .sec02 h2 { font-size: 2.5em; font-weight: 700; } 
#main .sec02 a { color: #fff; font-size: 1.1em; align-items: center; gap: 15px; font-weight: 600; } 
 

@media(max-width:1399px) { } 
@media(max-width:1199px) { 
    #main .sec00 .swiper-button-next{right:50px}
    #main .sec00 .swiper-button-prev{left:50px}
    #main .sec00 .mySwiper .swiper-pagination {bottom:200px}
    #main .sec00 .mySwiper .swiper-slide h2{font-size: 2em;}
    #main .sec00 .mySwiper .swiper-slide p {font-size: 1em;}
    #main .sec01 .title_wrap > .flex-box > ul {font-size: 1em;}
    #main .title_wrap h2{font-size: 2em;}
    #main .sec01 .content > .flex-box li span {font-size: 1.2em;}
    #main .sec02 p {font-size: 1em;}
    #main .sec02 h2 {font-size: 2.2em;}
} 
@media(max-width:1024px) { 
    #main .sec00 .mySwiper .swiper-slide {padding-top:80px;}
} 
@media(max-width:768px) { 
    #main .title_wrap {margin-bottom:30px}
    #main .sec00 .swiper-button-prev, 
    #main .sec00 .swiper-button-next {width:15px}
    #main .sec00 .swiper-button-prev {left:20px;}
    #main .sec00 .swiper-button-next {right:20px;}
    #main .sec01 .title_wrap > .flex-box{gap:20px;flex-direction: column;        align-items: flex-start;}
    #main .sec01 .title_wrap > .flex-box > ul {padding-left:30px;}
    #main .sec01 .content > .flex-box {flex-direction: column;}
} 
@media(max-width:500px) { 
    #main .sec00 .mySwiper .swiper-slide h2 {padding:0 10px}
    #main .sec00 .mySwiper .swiper-slide h2 span {display:inline}
    #main .sec00 .swiper-button-prev, 
    #main .sec00 .swiper-button-next {display:none}
    #main .sec02 .txt_wrap {text-align: center;gap:30px;}
    #main .sec02 a {justify-content: center;}
}