@charset "utf8";

.page-child-banner {
    background-image: url(../../img/about/ab-index-1.png);
    background-size: cover;
}

body .main {
    background-image: url(../../img/index/top-3.png);
    background-position: top center;
    background-repeat: repeat-y;
    background-size: cover;
}

.ab-index-row{
    width: 100%;
    text-align: center;
    position: relative;
    margin-top: 40px;
    margin-bottom: 100px;
}
.ab-index-content {
    width: 100%;
    padding-bottom: 87px;
    position: relative;
}

.title-ab-index {
    display: block;
    text-align: center;
    color: #000000;
    font-size: 50px;
    line-height: 100%;
    letter-spacing: 0.5px;
}

.title-ab-index span {
    display: block;
    font-size: 30px;
    text-align: center;
}

.desc-ab-index {
    width: 100%;
    padding-top: 90px;
    max-width: 1085px;
    margin: 0 auto;
    position: relative;
    font-size: 20px;
    color: #000000;
    letter-spacing: 1.45px;
    line-height: 175%;
}

.desc-ab-index span {
    display: block;
}
/* 2019 10 16 */
.breadcrumb-page {
    max-width: 1058px;
}

.breadcrumb-page-item {
    width: calc( 100% / 6);
    width: -webkit-calc( 100% / 6);
    width: -moz-calc( 100% / 6);
    width: -ms-calc( 100% / 6);
}
.breadcrumb-page-item:last-child {
    border-right: none;
}
@media screen and (max-width:850px){
    .breadcrumb-page-item a{
        font-size: 13px;
    }
}
@media screen and (max-width:767px){
    .breadcrumb-page {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-around;
        align-items: stretch;
        align-content: stretch;
    }

    .breadcrumb-page-item:nth-child(2n) {
        border-right: 1px solid #fff;
    }

    .breadcrumb-page-item, .breadcrumb-page-item:last-child  {
        width: calc( 100% / 3);
        width: -webkit-calc( 100% / 3);
        width: -moz-calc( 100% / 3);
        width: -ms-calc( 100% / 3);
    }
    .breadcrumb-page-item:nth-child(2n){
        border-right:1px solid #fff;
    }
}

@media screen and (max-width:480px) {
    .breadcrumb-page {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-around;
        align-items: stretch;
        align-content: stretch;
    }

    .breadcrumb-page-item, .breadcrumb-page-item:last-child {
        width: calc( 100% / 2);
        width: -webkit-calc( 100% / 2);
        width: -moz-calc( 100% / 2);
        width: -ms-calc( 100% / 2);
    }

    .breadcrumb-page-item:last-child{
        width: 100%;
    }

    .breadcrumb-page-item:nth-last-child(2){
        border-right: none;
    }

}
/* end  */
@media screen and (max-width: 1080px){
    .ab-index-one{
        padding-left: 10px;
        padding-right: 10px;
    }
}

@media screen and (max-width: 767px) {
    .page-child-banner {
        background-image: url(../../img/about/ab-index-1-sp.png);
    }



    .ab-index-row{
        margin-top: 23px;
        margin-bottom: 6vh;
    }

    .title-ab-index{
        font-size: 25px;
        line-height: 150%;
    }

    .title-ab-index span{
        font-size: 15px;
    }
    
    .desc-ab-index {
        padding-top: 7.823vw;
        font-size: 16px;
    }

    .ab-index-content{
        padding-bottom: 0;
    }
}

.for-pc { display:block; }
.for-sp { display:none; }

@media screen and (max-width: 480px) {
    .desc-ab-index {
        text-align: justify;
    }

@media only screen and (max-width : 767px){
  .for-pc { display:none; }
  .for-sp { display:block; }
}

}