@charset "utf-8";

.container {
    padding-top: 60px;
    padding-bottom: 80px;
}

.sub_visual_wrap {
    width: 100%;
}

.sub_visual_con {
    padding-top: 191px;
    padding-bottom: 129px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.sub_visual_txt_con {
    overflow: visible;
}

.sub.first .sub_visual_con {
    background-image: url('../img/m_sub_visual_img_000.jpg');
}

.sub.second .sub_visual_con {
    background-image: url('../img/m_sub_visual_img_001.jpg');
}

.sub.third .sub_visual_con {
    background-image: url('../img/m_sub_visual_img_002.jpg');
}

.sub.fourth .sub_visual_con {
    background-image: url('../img/m_sub_visual_img_003.jpg');
}

.sub.fifth .sub_visual_con {
    background-image: url('../img/m_sub_visual_img_004.jpg');
}

.sub_visual_main_txt {
    margin-bottom: 30px;
    float: right;
    text-align: right;
    font-size: 34px;
    font-size: 3.4rem;
    line-height: 45px;
    line-height: 4.5rem;
    letter-spacing: -0.045em;
    font-weight: 100;
    color: #fff;
}

.sub_visual_txt_con {
    z-index: 1;
    margin-bottom: 20px;
}

.sub_visual_txt {
    font-size: 0; /*position: absolute; bottom:-95px;*/
}

.sub_visual_txt h2 {
    display: inline-block;
    vertical-align: middle;
    margin-right: 27px;
    font-size: 34px;
    font-size: 3.4rem;
    line-height: 40px;
    line-height: 4.0rem;
    letter-spacing: -0.065em;
    font-weight: 500;
    color: #fff;
}

.sub_visual_txt .h_desc2 {
    display: none;
    font-size: 17px;
    font-size: 1.7rem;
    line-height: 23px;
    line-height: 2.3rem;
    font-weight: 300;
    color: #fff;
    word-break: keep-all;
}

.sub_bg_wrap {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 0;
    width: calc(50% + 100px);
    height: 120px;
    box-sizing: border-box;
    background-color: #f28d2c;
}

/*.sub_bg_wrap{display:none; position: absolute; bottom:0; right:0 ; z-index: 0; width:calc(50% + 280px); height:137px; box-sizing: border-box; opacity:0.7; background-color: #f28d2c;}*/

.lnb_wrap {
    display: none;
    margin-top: 2px;
    width: 240px;
}

/*.lnb_wrap > div{position:relative; background-color: #40ab6f; font-size: 20px; line-height: 26px; letter-spacing: -0.085em; font-weight: bold; color:#fff; padding-top:13px; padding-bottom:14px; padding-left:20px; box-sizing: border-box; border-radius: 5px;}*/
/*.lnb_wrap > div:after{content: ''; position: absolute; bottom:0; right:0; width:0px; height:0px; border-bottom:27px solid #fff; border-left:27px solid transparent;}*/

/*.lnb_wrap .lnb_list_con > li{display: none;}*/
.lnb_wrap .lnb_list_con > li > a {
    display: none;
}

/*.lnb_wrap .lnb_list_con > li.active{display: block;}*/
.lnb_wrap .lnb_list_con > li > ul > li {
    margin-bottom: 16px;
}

.lnb_wrap .lnb_list_con > li > ul > li:last-child {
    margin-bottom: 0px;
}

.lnb_wrap .lnb_list_con > li > ul > li.active {
    margin-bottom: 15px;
}

.lnb_wrap .lnb_list_con > li > ul > li > a {
    display: block;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 24px;
    line-height: 2.4rem;
    letter-spacing: -0.035em;
    font-weight: 700;
    color: #b4b4b4;
}

.lnb_wrap .lnb_list_con > li > ul > li.active > a {
    position: relative;
    color: #eb8937;
}
.sub .sub_visual_txt_box .sub_visual_txt{display: none;}
.sub.first .sub_visual_txt_box .sub_visual_txt:nth-child(1){display:block;}
.sub.second .sub_visual_txt_box .sub_visual_txt:nth-child(2){display:block;}
.sub.third .sub_visual_txt_box .sub_visual_txt:nth-child(3){display:block;}
.sub.fourth .sub_visual_txt_box .sub_visual_txt:nth-child(4){display:block;}
.sub.fifth .sub_visual_txt_box .sub_visual_txt:nth-child(5){display:block;}

.sub_contents_wrapper {
    width: 100%;
    overflow: hidden;
}

.sub_contents_con {
}

.sub_contents_con h3 {
    font-size: 34px;
    font-size: 3.4rem;
    line-height: 40px;
    line-height: 4.0rem;
    letter-spacing: -0.065em;
    font-weight: 500;
    color: #f28d2c;
    margin-bottom: 37px;
}

.sub_contents_con hr.h_line3 {
    width: 116px;
    border-bottom: 2px solid #f28d2c;
    text-align: left;
}

.sub_visual_txt_box {
    overflow: visible;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
}

@media all and (min-width: 481px) {
}

@media all and (min-width: 768px) {
    .sub_visual_txt .h_desc2 {
        display: inline-block;
        vertical-align: middle;
    }
}

@media all and (min-width: 992px) {
    .sub_visual_con {
        padding-top: 251px;
        padding-bottom: 39px;
    }

    .sub_visual_txt_con {
        overflow: hidden;
    }

    .sub_visual_main_txt {
        margin-bottom: 0px;
    }

    .sub_visual_txt {
        bottom: 0;
    }

    .sub_bg_wrap {
        width: calc(50% + 80px);
    }

}

@media all and (min-width: 1199px) {

    .sub.first .sub_visual_con {
        background-image: url('../img/sub_visual_img_000.jpg');
    }

    .sub.second .sub_visual_con {
        background-image: url('../img/sub_visual_img_001.jpg');
    }

    .sub.third .sub_visual_con {
        background-image: url('../img/sub_visual_img_002.jpg');
    }

    .sub.fourth .sub_visual_con {
        background-image: url('../img/sub_visual_img_003.jpg');
    }

    .sub.fifth .sub_visual_con {
        background-image: url('../img/sub_visual_img_004.jpg');
    }

    .lnb_wrap {
        display: block;
    }

    .sub_visual_txt_con {
        margin-bottom: 0px;
    }

    .sub_contents_wrapper {
        width: calc(100% - 240px);
    }

    .container {
        padding-top: 100px;
        padding-bottom: 150px;
    }

    /*.container.low_middle{padding-bottom:150px;}*/
    /*.container.middle{padding-bottom:200px;}*/
    /*.container.long{padding-bottom:350px;}*/
    .lnb_list_con > li > ul > li:hover > a {
        color: #f28d2c;
    }

    .sub_visual_txt_box {
        left: calc(((100% - 1200px) / 2) + 15px);
    }

}