@charset "utf-8";
/*Keyvisual_01******************/
.Keyvisual_01{
    background-image: image-set(url(../images/reason/Reason-key-img.jpg) 1x, url(../images/reason/Reason-key-img@2x.jpg) 2x);
    background-image: -webkit-image-set(url(../images/reason/Reason-key-img.jpg) 1x, url(../images/reason/Reason-key-img@2x.jpg) 2x);
}
/*Reason******************/
.Reason:nth-child(odd) {
    background-color: var(--maincolor);
} 
.Reason:nth-child(odd) .Reason-block__text{
    color: #fff;
    font-weight: 700;
}
.Reason:nth-child(even) .B-Title_underline{
    color: var(--maincolor);
}
.Reason:nth-child(even) .Reason-block__text{
    color: var(--maincolor);
    font-weight: 700;
}
.Reason-block__body{
    width:calc(100% - 41.4rem);
    padding-right: 3rem;
}
.Reason-block{
    position: relative;
}
.Reason-block-wrap .Reason-block__image{
    width: 41.4rem;
    margin-top: -11rem;
}
.Reason-block__title{
    margin-left: 23rem;
    position: relative;
    margin-bottom: 4.5rem;
}
.Reason-block__title::before{
    content: "";
    position: absolute;
    width: 15.6rem;
    height: 15.6rem;
    left: -22rem;
    bottom: 2rem;
}
.Reason:nth-child(1) .Reason-block__title::before{
    background-image: image-set(url(../images/reason/Reason-icon-01.png) 1x, url(../images/reason/Reason-icon-01@2x.png) 2x);
    background-image: -webkit-image-set(url(../images/reason/Reason-icon-01.png) 1x, url(../images/reason/Reason-icon-01@2x.png) 2x);
}
.Reason:nth-child(2) .Reason-block__title::before{
    background-image: image-set(url(../images/reason/Reason-icon-02.png) 1x, url(../images/reason/Reason-icon-02@2x.png) 2x);
    background-image: -webkit-image-set(url(../images/reason/Reason-icon-02.png) 1x, url(../images/reason/Reason-icon-02@2x.png) 2x);
}
.Reason:nth-child(3) .Reason-block__title::before{
    background-image: image-set(url(../images/reason/Reason-icon-03.png) 1x, url(../images/reason/Reason-icon-03@2x.png) 2x);
    background-image: -webkit-image-set(url(../images/reason/Reason-icon-03.png) 1x, url(../images/reason/Reason-icon-03@2x.png) 2x);
}
@media screen and (max-width:1400px) and (min-width: 769px){
    .Reason-block__title {
        font-size: 5.2rem;
    }
}
@media screen and (max-width:960px) and (min-width: 769px){

}
@media screen and (max-width:1400px){
    .Reason-block-wrap .Reason-block__image {
        margin-top: 0; 
    }
}

@media screen and (max-width:768px){

}

/*-------------------------------
SP
-------------------------------*/
@media screen and (max-width:769px) , print{
    /*Keyvisual_01******************/
    .Keyvisual_01 {
        background-image: image-set(url(../images/reason/Reason-key-img-sp.jpg) 1x, url(../images/reason/Reason-key-img-sp@2x.jpg) 2x);
        background-image: -webkit-image-set(url(../images/reason/Reason-key-img-sp.jpg) 1x, url(../images/reason/Reason-key-img-sp@2x.jpg) 2x);
    }   

    /*Reason******************/
    .Reason:nth-child(odd) {

    }
    .Reason:nth-child(odd) .Reason-block__text {

    }
    .Reason:nth-child(even) .B-Title_underline {

    }
    .Reason-block__body {
        width: 100%;
        padding-right: 0;
        margin-bottom: 4rem;

    }
    .Reason-block {
        flex-direction: column;
    }
    .Reason-block-wrap .Reason-block__image {
        width: 100%;
    }
    .Reason-block__title {
        margin-left: 13rem;
        margin-bottom: 3.5rem;
    }
    .Reason-block__title::before {
        width: 12.4rem;
        height: 12.4rem;
        background-size: cover;
        left: -15.4rem;
        bottom: unset;
        top: 0rem;
    }
    .Reason:nth-child(1) .Reason-block__title::before {

    }
    .Reason:nth-child(2) .Reason-block__title::before {

    }
    .Reason:nth-child(3) .Reason-block__title::before {

    }
}