@charset "utf-8";

.grid-965 {
    width: 100%;
	max-width: 965px;
    margin: 0 auto;
    position: relative;
}
.grid-798{
    width: 100%;
	max-width: 798px;
    margin: 0 auto;
    position: relative;
}

.dl-flex {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
}


.about-Info {
    padding-top: 40px;
    padding-bottom: 88px;
}
.about-Info li p {
    font-size: 16px;
    line-height: 25px;
    color: #fff;
    font-family: "メイリオ", Meiryo,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    padding-top: 15px;
}
.about-Info li:first-child {
    width: 33.05%;
    margin-right: 5%;
}
.about-Info li:last-child {
    width: 61.65%;
}
.ab-Info-Right {
    text-align: right;
    font-size: 20px;
    line-height: 160%;
    color: #fff;
    padding-top: 35px;
    display: block;
}
.about-Smart {
    font-size: 16px;
    line-height: 160%;
    color: #fff;
    background: rgba(0, 0, 0, 0.3);
    padding: 25px 60px 35px 60px;
    margin-top: 40px;
    margin-bottom: 80px;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}
.ab-TT {
    font-size: 46px;
    font-weight: bold;
    line-height: 160%;
}
@media all and (-ms-high-contrast:none) {
    .ab-TT {
        font-size: 45px;
    }
}

.ab-smart {
    font-size: 26px;
    font-weight: bold;
    text-align: center;
}
.ab-TT-Sub p {
    font-size: 20px;
    padding-top: 10px;
    text-align: center;
}
.ab-TT-Sub {
    line-height: 160%;
    margin-top: 25px;
}
.ab-TTlast {
    margin-top: 35px;
}
.ab-Txt {
    font-size: 16px;
    line-height: 30px;
    margin-top: 75px;
    padding: 0 58px;
}
.about-Sub {
    font-size: 32px;
    line-height: 48px;
    font-weight: bold;
    text-align: center;
    color: #fff;
}
.about-Sub p {
    font-size: 26px;
}

#abContent02 .ho05Btn {
    margin-top: 80px;
    margin-bottom: 88px;
}
#abContent02 .ho05Btn, #cpContent03 .ho05Btn, #baseContent02 .ho05Btn {
    border-top: 1.6px solid #FF6600 ;
    border-bottom: 1.6px solid #FF6600 ;
}

#abContent02 .ho05Btn li a, #abContent02 .ho05Btn, #cpContent03 .ho05Btn li a, #cpContent03 .ho05Btn, #baseContent02 .ho05Btn li a, #baseContent02 .ho05Btn  {
    height: 43px;
}
.ho05Btn ul li {
    max-width: 205px;
}
/* Response */
@media screen and (max-width:1000px) {
    .ab-TT {
        font-size: 4.600vw;
        text-align: center;
    }
    .ab-smart {
        font-size: 2.600vw;
    }
    .ab-TT-Sub p {
        font-size: 2vw;
    }
    .ab-Txt {
        font-size: 1.6vw;
        line-height: 3vw;
        text-align: center;
    }
    .br-pc {
        display: none;
    }
    .about-Info li p {
        font-size: 1.600vw;
        line-height: 2.500vw;
    }
    .ab-Info-Right {
        font-size: 2vw;
        line-height: 160%;
    }
    .about-Sub {
        font-size: 3.200vw;
        line-height: 4.800vw;
    }
    .grid-965, .grid-720, .grid-798{
        padding-left: 2.083vw;
        padding-right: 2.083vw;
    }
    .about-Sub p {
        font-size: 2.600vw;
    }
    .title-page-banner {
        padding-left: 2.083vw;
        padding-right: 2.083vw;
    }
    .title-page-banner .banner-Title {
        font-size: 2.400vw;
    }
    .title-page-banner .banner-sub {
        font-size: 1.100vw;
    }
}
@media screen and (max-width:850px) {

}

@media screen and (max-width:767px) {
    .page-banner{
        background-image: url(../img/about_sp.jpg);
    }
    #abInfo-Content{
        display: none;
    }
    .grid-965, .grid-720, .grid-798 {
        padding-left: 3.259vw;
        padding-right: 3.259vw;
    }
    .about-Info {
        padding-left: 3.259vw;
        padding-right: 3.259vw;
    }
    .about-Info li p {
        font-size: 3.390vw;
        line-height: 5.867vw;
        padding-top: 3vw;
    }
    .about-Info li:first-child,.about-Info li:last-child {
        width: 100%;
        margin-right: 0;
    }
    .about-Info li img {
        display: block;
        margin-left: auto;
        margin-right: auto;
    }
    .ab-Info-Right {
        font-size: 4.0vw;
        padding-top: 4.563vw;
    }
    .ab-smart {
        font-size: 4.694vw;
    }
    .ab-TT-Sub p {
        font-size: 3.651vw;
        padding-top: 1.304vw;
        text-align: left;
    }
    .ab-TTlast , .ab-TT-Sub{
        margin-top: 4.563vw;
    }
    .ab-Txt {
        font-size: 3.390vw;
        line-height: 5.867vw;
        text-align: center;
        margin-top: 9.778vw;
        padding: 0 0;
        text-align: left;
    }
    .about-Sub {
        font-size: 4.172vw;
        line-height: 5.867vw;
    }
    .about-Sub p {
        font-size: 3.5vw;
        line-height: 5.867vw;
    }
    #abContent02 .ho05Btn li a,#cpContent03 .ho05Btn li a ,#baseContent02 .ho05Btn li a{
        height: 8.996vw;
    }
    #abContent02 .ho05Btn, #cpContent03 .ho05Btn,#baseContent02 .ho05Btn {
        height: unset;
    }
    #abContent02 .ho05Btn, #cpContent03 .ho05Btn, #baseContent02 .ho05Btn{
        margin-top: 10.430vw;
        margin-bottom: 10.430vw;
    }
    .ho05Btn ul li:first-child {
        margin-top: 3.911vw;
    }
    .about-Smart {
        padding: 3.259vw 7.823vw 3.259vw 7.823vw;
    }
    .title-page-banner .banner-Title {
        font-size: 3.911vw;
    }
    .title-page-banner .banner-sub {
        font-size: 1.6vw;
        margin-top: 0;
    }
    /* .page-banner {
        margin-top: 15.645vw;
    } */
    .about-Info,.cp-Table,.cp-Table3{
        padding-top: 6.519vw;
        padding-bottom: 17.210vw;
        padding-left: 3.959vw;
        padding-right: 3.959vw;
    }
    .about-Smart {
        margin-top:6.519vw;
        margin-bottom:17.210vw;
    }
    .cp-box-slide {
        margin-bottom:0;
    }
    .cp-box-slide {
        padding: 20px;
    }
    


}