.footer-line {display:none;}
.about {
    overflow: hidden;
    margin-top: 50px;
}

.at-body .at-container{padding-bottom: 70px;}

.about .sub01_txt01 {
    float:left;
    width:290px;
}

.sub01_txt01>h3{font-size: 16px;
             color: #c3172d; }

.sub01_txt01>h4{
    font-size:22px;
    line-height: 1.4;
}
.about .sub01_txt02 {
    float:right;
    width: calc(100% - 290px);
    list-style-type: none;
}
.about .sub01_txt02>li{
    margin-bottom: 40px;
    font-size:16px;
    text-align: left;
    width: 100%;
    float: right;
    letter-spacing: -0.8px;
    line-height: 1.6;

}

.sub01_img{
    clear: both;
    display: table;
    width:100%;
    height:450px;
    background: url(/img/sub01.jpg);
    background-position: top center;
    background-size:cover;
    position: relative;
}
.sub01_img>span{
    display: table-cell;
    vertical-align: middle;
    color:#fff;
    text-shadow: 0.8px 0.8px #333;
    text-align: center;
    font-size: 26px;
    line-height: 1.4;}


.sub_page_visual .bg ul li:nth-child(1) a{color: #fff;}    

@media all and (max-width:991px) {
.about .sub01_txt01{float: none; margin: auto; text-align: center;}
.about .sub01_txt02{width: 85%; float: none; text-align: justify;
                    margin: auto; margin-top: 50px;}
.sub01_img{height: auto; box-sizing: border-box; padding: 105px 0;}                    
.sub01_img>span{font-size: 24px;}
.responsive .at-body .at-container{padding-bottom: 60px !important;}               
}

@media all and (max-width:768px) {
.sub_page_visual .bg ul li:nth-child(1) a{background-color: #c3172d; color: #fff;}
.about .sub01_txt02{width: 90%;}
.sub01_img>span{font-size: 20px;}
}

@media all and (max-width:480px) {
.sub01_img>span{font-size: 4vw;}
}