/* main_visual */
#main_visual { position: relative; height: calc(100vh - 115px); overflow: hidden; }
#main_visual .mv_wrap, #main_visual .mv_slick, #main_visual .slick-list, #main_visual .slick-track { position: relative; height: 100%; }
#main_visual .mv_slick .cont { position: relative; height: 100%; }
#main_visual .mv_slick .cont .swrap { position: relative; height: 100%; }
#main_visual .mv_slick .cont .bg { z-index: 1; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-size: cover; background-position: center; }
/* #main_visual .mv_slick .cont1 .bg { background: url(/image/main/mv_bg1.jpg) no-repeat center/cover; }
#main_visual .mv_slick .cont2 .bg { background: url(/image/main/mv_bg2.jpg) no-repeat center/cover; } */

#main_visual .mv_slick .cont .txtbox { z-index: 3; position: relative; top: 65%; transform: translateY(-50%); text-align: center; }
#main_visual .mv_slick .cont .txtbox .txt1 { font-weight: 700; font-size: 55px; color: #fff; line-height: 1.27; text-shadow: 2px 0 10px rgba(0, 0, 0, 0.2); }

#main_visual .mv_slick .slick-dots { z-index: 4; position: absolute; left: 50%; transform: translateX(-50%); bottom: 25px; display: flex; flex-wrap: nowrap; justify-content: center; }
#main_visual .mv_slick .slick-dots > li { position: relative; margin: 0 7px; width: 10px; height: 10px; border-radius: 50%; background-color: rgba(255, 255, 255, 0.8); cursor: pointer; }
#main_visual .mv_slick .slick-dots > li.slick-active { background-color: #0e8144; }
#main_visual .mv_slick .slick-dots > li button { display: none; }

@media (max-width: 1660px) {
    #main_visual { height: calc(100vh - 100px); }
}
@media (max-width: 1230px) {
    #main_visual { height: calc(100vh - 90px); }

    #main_visual .mv_slick .cont .txtbox { top: 60%; }

}
@media (max-width: 1024px) {
    #main_visual { height: calc(300px + 20vw); }

    #main_visual .mv_slick .cont .txtbox { top: 55%; }
}

/* main_1 */
#main_1 { position: relative; padding: 80px 0; overflow: hidden; }

#main_1 .contents { position: relative; display: flex; flex-wrap: nowrap; justify-content: space-between; }
#main_1 .contents > li { position: relative; width: 48.5%; }

@media (max-width: 1024px) {
    #main_1 .contents { display: block; }
    #main_1 .contents > li { width: 100%; }
    #main_1 .contents > li:nth-child(n + 2) { margin-top: 20px; }
}

/* main_2 */
#main_2 { position: relative; padding: 90px 0; overflow: hidden; background: url(/image/main/main2_bg.jpg) no-repeat center/cover; }
#main_2 dl { position: relative; display: flex; flex-wrap: nowrap; }
#main_2 dl dt { position: relative; min-width: max-content; margin-right: 55px; }
#main_2 dl dt img { width: 417px; }
#main_2 dl dd { position: relative; }
#main_2 dl dd .txtbox { position: relative; top: 50%; transform: translateY(-50%); }
#main_2 dl dd .txtbox .txt1 { font-weight: 700; font-size: 27px; color: #fff; }
#main_2 dl dd .txtbox .txt2 { font-weight: normal; font-size: 18px; color: #cbcbcb; line-height: 1.5; }
#main_2 dl dd .txtbox a { position: relative; display: inline-block; margin-top: 35px; padding: 16px 35px; text-align: center; font-weight: 600; font-size: 18px; color: #2e3092; letter-spacing: -0.025em; background-color: #fff; border-radius: 10px; }
@media (max-width: 1660px) {
    #main_2 dl dt { margin-right: calc(30px + 1.5vw); }
    #main_2 dl dt img { width: calc(200px + 12vw); }
}
@media (max-width: 1024px) {
    #main_2 dl dd .txtbox .txt2 br { display: none; }
    #main_2 dl dd .txtbox .txt2 .br1 { display: inline-block; }
}
@media (max-width: 767px) {
    #main_2 dl { display: block; }
    #main_2 dl dt { margin-right: 0; min-width: initial; text-align: center; }
    #main_2 dl dt img { width: 100%; max-width: 260px; }
    #main_2 dl dd { margin-top: calc(20px + 1vw); }
    #main_2 dl dd .txtbox { top: initial; transform: translateY(0); text-align: center; }
    #main_2 dl dd .txtbox .txt2 br { display: inline-block; }
    #main_2 dl dd .txtbox a { border-radius: 7px; }
}
@media (max-width: 524px) {
    #main_2 dl dd .txtbox .txt2 br { display: none; }
    #main_2 dl dd .txtbox .txt2 .br1 { display: inline-block; }
}

/* main_3 */
#main_3 { position: relative; padding: 60px 0; overflow: hidden; }
#main_3 .contents { position: relative; display: flex; flex-wrap: nowrap; justify-content: space-between; }
#main_3 .contents > li { position: relative; width: 31.5%; background-color: #f4f4f4; }
#main_3 .contents > li > a { position: relative; display: block; width: 100%; height: 100%; padding: 30px 25px; }
#main_3 .contents > li > a dl { display: flex; flex-wrap: nowrap; align-items: center; }
#main_3 .contents > li > a dl dt { position: relative; min-width: max-content; margin-right: 20px; }
#main_3 .contents > li > a dl dt img { width: 78px; }
#main_3 .contents > li > a dl dd { position: relative; }
#main_3 .contents > li > a dl dd .txtbox { position: relative; }
#main_3 .contents > li > a dl dd .txtbox .txt1 { font-weight: 700; font-size: 24px; color: #2e3092; }
#main_3 .contents > li > a dl dd .txtbox .txt2 { margin-top: 5px; font-weight: normal; font-size: 16px; color: #383838; line-height: 1.4; }
@media (max-width: 1660px) {
    #main_3 .contents > li > a dl dt img { width: calc(40px + 2vw); }
}
@media (max-width: 1024px) {
    #main_3 .contents > li { width: 32%; }
    #main_3 .contents > li > a dl { display: block; }
    #main_3 .contents > li > a dl dt { margin-right: 0; text-align: center; min-width: inherit; width: 100%; }
    #main_3 .contents > li > a dl dd { margin-top: 15px; }
    #main_3 .contents > li > a dl dd .txtbox { text-align: center; }
}
@media (max-width: 724px) {
    #main_3 .contents { display: block; }
    #main_3 .contents > li { width: 100%; }
    #main_3 .contents > li:nth-child(n + 2) { margin-top: calc(10px + 1vw); }
    #main_3 .contents > li > a dl { display: flex; }
    #main_3 .contents > li > a dl dt { margin-right: 12px; text-align: left; min-width: max-content; width: initial; }
    #main_3 .contents > li > a dl dd { margin-top: 0px; }
    #main_3 .contents > li > a dl dd .txtbox { text-align: left; }
}


