/* main visual */

.main_visual_wrap{position: relative; display: block; width: 100%; height: 100%;}
.main_visual_wrap .main_visual{ width: 100%; height: 100%;}
.main_visual .list{background-position: center; background-repeat: no-repeat; background-size: cover; width: 100%; height: 51.05em;}
.main_visual .list > .guide{position: absolute; top: 34%; left: 50%; transform: translateX(-50%);}
.main_visual .list .txt{font-size: 1.11em; color: #fff; line-height: 1.6em; font-weight: 500;}
.main_visual .list01{background-image: url(../img/main_visual01.jpg);}
.main_visual .list02{background-image: url(../img/main_visual02.jpg);}
.main_visual .list03{background-image: url(../img/main_visual03.jpg);}
.main_visual_wrap > .guide{position: absolute; top: 17.5%; left: 50%; transform: translateX(-50%); z-index: 10;}
.main_visual_wrap .visual_txt{width: 100%; word-break: keep-all;}
.main_visual_wrap .visual_txt .txt01{font-size: 1.33em; color: #fff790; line-height: 1.3em; margin-bottom: 0.9em; font-weight: 700;}
.main_visual_wrap .visual_txt .txt01 .mob_br{display: none;}
.main_visual_wrap .visual_txt .txt02{font-size: 3.33em; color: #fff; font-weight: 900; margin-bottom: 0.5em; text-shadow: 3px 1px 13px rgba(0, 0, 0, 0.16);}
/* .main_visual_wrap .visual_txt .txt03{font-size: 1.25em; color: #fff; line-height: 1.6em; } */

.ma_v_pagination { width: auto; color: #fff; margin-top: 7.78em; z-index: 15; width: 150px;}
.ma_v_pagination span { display: inline-block; vertical-align: middle; font-size: 0.89em; }
.ma_v_pagination span.num_start{font-weight: 700;}
.ma_v_pagination .ma_v_bar { position: relative; width: 5em; height: 1px; margin: 7px 14px; background-color: rgba(255,255,255,0.2); }
.ma_v_pagination .ma_v_bar .ma_v_bar_var { position: absolute; top: 0; left: 0; width: 0; height: 1px; background: #fff; transition: width 0s linear; }
.ma_v_pagination .ma_v_bar .ma_v_bar_var.load { width: 100% !important; transition: width 3s linear; }

@media screen and (max-width:1204px){
    .ma_v_pagination { left:57%; }
}
/* @media screen and (max-width:1080px) {
    .main_visual .list .txt{font-weight: 300;}
} */
@media screen and (min-width:941px) {
    .ma_v_pagination .ma_v_bar{margin: 7px 14px 4px;}
}
@media screen and (max-width:940px){
    .main_visual .list{height: 29.31em; }
    .main_visual .list > .guide{top: 50%;}
}
@media screen and (max-width:580px) {
    .main_visual .list{height: 23em;}
    .main_visual .list > .guide{top: 55%;}
    .main_visual_wrap .visual_txt .txt01{font-size: 1.25em;}
    .main_visual_wrap .visual_txt .txt01 .mob_br{display: block;}
    .main_visual_wrap .visual_txt .txt02{font-size: 2.8em;}
    .main_visual .list .txt{font-size: 1.1em;}
    /* .main_visual_wrap .visual_txt .txt03{font-size: 1.1em;} */
    .ma_v_pagination{margin-top: 8em;}
    
}
@media screen and (max-width:320px) {
    .main_visual_wrap .visual_txt .txt02{font-size: 2.6em;}
}
/* main_banner_wrap */
.main_banner_wrap{ width: 100%; position: absolute; top: 45.4%; left: 50%; z-index: 10; transform: translateX(-50%); margin-top: 1.4em;}
.main_banner_wrap .banner_wrap{margin: 0 -1.13%; }
.main_banner_wrap .main_banner{width: 31.06%; max-height: 336px; float: left; margin: 0 1.13%; box-sizing: border-box; border: 3px solid transparent; background-color: rgba(20,57,96,0.9);}
.main_banner_wrap .main_banner a{display: block; width: 100%; padding: 2.22em 10.7%; box-sizing: border-box;}
.main_banner_wrap .main_banner .txt{ color: #fff;}
.main_banner_wrap .main_banner .txt .txt01{ font-size: 1.78em; font-weight: 900; margin-bottom: 10px;}
.main_banner_wrap .main_banner .txt .txt02{font-size: 0.92em; font-weight: 900; color: #ffcb5b; } /* 220624 G mod */
.main_banner_wrap .main_banner .txt .txt03{font-size: 1em; line-height: 1.66em; margin: 2.22em 0 1.11em; word-break: keep-all; font-weight: 300;}
.main_banner_wrap .main_banner .more_btn{display: flex; align-items: center; justify-content: flex-end; font-size: 0.89em; font-weight: 700; color: #fff;}
.main_banner_wrap .main_banner .more_btn .txt{padding-bottom: 4px;}
.main_banner_wrap .main_banner .more_btn .icon{ position: relative; display: inline-block; width: 1.56em; height: 1.56em; margin-left: 10px; border-radius: 50%; border: 1px solid #fff;}
.main_banner_wrap .main_banner .more_btn .icon i{position: absolute; top: 50%; left: 52%; transform: translate(-50%,-50%);}
.main_banner_wrap .main_banner:hover{transition: all 0.2s; border-color:#ffcb5b; box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.2);}
.main_banner_wrap .main_banner:hover .more_btn{color: #ffcb5b;}
.main_banner_wrap .main_banner:hover .more_btn .txt{ color: #ffcb5b;}
.main_banner_wrap .main_banner:hover .more_btn .icon{border-color: #ffcb5b;}
.main_banner_wrap .main_banner:hover .more_btn .icon i{color: #ffcb5b;}

@media screen and (min-width:1081px) and (max-width:1115px) {
    .main_banner_wrap .main_banner .txt .txt03{margin-bottom: 1.69em;}
    .main_banner_wrap .main_banner02 .txt .txt03{margin-bottom: 0;}
}

@media screen and (min-width:940px) and (max-width:1000px) {
    .main_banner_wrap .main_banner .txt .txt03{font-size: 0.9em;}
}
@media screen and (min-width:941px) {
    .main_banner_wrap .banner_wrap{display: flex;}
}
@media screen and (max-width:940px) {
    .main_banner_wrap{ padding: 4rem 0; position: static; transform: translateX(0); margin-top: 0;}
    .main_banner_wrap .banner_wrap{margin: 0;}
    .main_banner_wrap .main_banner{width: 100%; float: none; margin: 0 0 5%; box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.2);}
    .main_banner_wrap .main_banner03{margin-bottom: 0;}
    .main_banner_wrap .main_banner .more_btn .txt{font-size: 1.21em;}
    .main_banner_wrap .main_banner .txt .txt03{margin: 2em 0;}
}
@media screen and (max-width:580px) {
    .main_banner_wrap{padding: 2rem 0;}
    .main_banner_wrap .main_banner a{padding: 2em;}
    .main_banner_wrap .main_banner .txt .txt03{margin: 1.4em 0;}
}
@media screen and (max-width:430px) {
    .main_banner_wrap .main_banner .more_btn .txt{padding-bottom: 0; }
}