@charset "utf-8";
/*Keyvisual_01******************/
.Keyvisual_01{
    background-image: image-set(url(../images/company/Company-key-img.jpg) 1x, url(../images/company/company-key-img@2x.jpg) 2x);
    background-image: -webkit-image-set(url(../images/company/Company-key-img.jpg) 1x, url(../images/company/Company-key-img@2x.jpg) 2x);
}
.sec:nth-child(1),
.sec:nth-child(2){
    padding-bottom: 0;
}
/*Company******************/
.Company .Company-text{
    width: calc(100% / 2);
    padding-right: 9rem;
}
.Company .Company-img{
    width: calc(100% / 2);
    position: relative;
    min-height: 600px;
}
.Company .Company-img .image{
    width: 50vw;
    height: 55.4rem;
    background-image: url(../images/company/Company-img-01.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
/*Overview******************/
.Overview-dl{
    padding-top:4.3rem;
    padding-bottom:4.3rem;
    border-bottom: 1px solid #707070;
}
.Overview-dl:first-child{
    border-top: 1px solid #707070;
}
.Overview-dt{
    width: 24rem;
}
.Overview-dd{
    width: calc(100% - 24rem);
}
/*History******************/
.History-dt{
    width: 24rem;
    color: var(--maincolor);
}
.History-dd{
    position: relative;
    width: calc(100% - 30rem);
    padding-left: 3rem;
    margin-left: 3rem;
    padding-bottom: 7rem;
    border-left:2px solid var(--maincolor) ;
}
.History-dd::before{
    content: "";
    position: absolute;
    width: 2.6rem;
    height: 2.6rem;
    background-color: var(--maincolor);
    left: -2.7rem;
    transform: translateX(50%);
    border-radius: 5rem;
}
/*Chart******************/
.Chart{
    background-color: var(--maincolor);
}

@media screen and (max-width:1000px) , print{
    .Company-block-wrap{
        flex-direction: column;
    }
    .Company .Company-text {
        width: 100%;
        padding-right: 0;
        margin-bottom: 8rem;
    }
    .Company .Company-img {
        width: 100%;
        position: relative;
        min-height: 46rem;
    }
    .Company .Company-img .image {
        width: 100%;
        height: 46rem;
        top: 0;
    }
}
/*-------------------------------
SP
-------------------------------*/
@media screen and (max-width:769px) , print{
    /*Keyvisual_01******************/
    .Keyvisual_01{
        background-image: image-set(url(../images/company/Company-key-img-sp.jpg) 1x, url(../images/company/company-key-img-sp@2x.jpg) 2x);
        background-image: -webkit-image-set(url(../images/company/Company-key-img-sp.jpg) 1x, url(../images/company/Company-key-img-sp@2x.jpg) 2x);
    }
    /*Company******************/
    .Keyvisual_01 .Company-title{
        max-width: 27.6rem !important;
    }
    /*Overview******************/
    .Overview-dl{
        padding-top: 4rem;
        padding-bottom: 4rem;   
    }
    .Overview-dl:first-child{
     
    }
    .Overview-dt{
        width: 15rem;
        font-size: 2.8rem;
    }
    .Overview-dd{
        width: calc(100% - 15rem);
    }
    .Overview-dd li span{
        font-size: 2.4rem;
    }
    /*History******************/
    .History-dt{
        width: 18.5rem;
        font-size: 2.4rem;
    }
    .History-dd{
        position: relative;
        width: 100%;
        width: calc(100% - 21rem);
        padding-left: 2rem;
        margin-left: 2rem;
        padding-bottom: 5rem;
    }
    .History-dd::before{
        content: "";
        position: absolute;
        width: 2.6rem;
        height: 2.6rem;
        background-color: var(--maincolor);
        left: -2.7rem;
        transform: translateX(50%);
        border-radius: 5rem;
    }
}