@charset "UTF-8";
/* ===============================
	about person
 =============================== */

/* common ----------------------------- */

figure img{
    width: 100%;
}

/* about benefits ----------------------------- */

.about_benefits {
    padding: 12.5% 0 7%;
    background: #F5F5F5 url(../images/bg_btm_sp.png) repeat-x bottom;
    background-size: 100% auto;
}

.about_benefits .txt_box {
    margin: 2.6em auto 1em;
}

.about_benefits .txt_box p{
    line-height: 1.75;
}

.benefits_list-wrap {
    margin: 16.5% auto 18%;
}

.benefits_list-wrap .item {
    margin: 0 auto 7.6%;
    padding: 9.3% 6.8% 5% 5.8%;
    min-height: 74.8vw;
}

.benefits_list-wrap .item figure{
    position: absolute;
}

.benefits_list-wrap .item figure img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.benefits_list-wrap .item dl dt{
    font-weight: 600;
    font-size: min(4.07vw,1.6rem);
}

.benefits_list-wrap .item dl dd{
    padding: 3.5% 0 0;
}
.benefits_list-wrap .item dl dd li{
    margin: 0;
    padding: 0 0 0 .75em;
    position: relative;
    font-size: min(3.56vw,1.4rem);
    line-height: 1.75;
}

.benefits_list-wrap .item dl dd li:before{
    content: "";
    width: 2px;
    height: 1em;
    background: #0376C1;
    position: absolute;
    left: -2px;
    top: .2em;
}

.nissen-txt{
    text-align: center;
    color: #0175C1;
    font-size: min(7.5vw,2.4rem);
    margin: 0 auto 26%;
}

.nissen-txt .en {
	font-family: 'Michroma', sans-serif;
    font-weight: 500;
}
.nissen-txt .en i{
    color: #E60113;
    font-style: normal;
}

/*PC Layout
===================================*/
@media screen and (min-width: 769px) {
	
	/* about benefits -----------------------------pc */
	
    .about_benefits{
        padding: 6.8% 0 12%;
        background: #F5F5F5 url(../images/bg_btm@2x.png) repeat-x bottom;
        background-size: auto 213px;
    }

    .benefits_list-wrap {
        margin: 9.5% auto 4%;
        justify-content: flex-start;
    }

    .benefits_list-wrap .item {
        margin: 0 0 4.3%;
        padding: 4% 6% 4% 5.8%;
        min-height: 23em;
        width: 48%;
    }

    .benefits_list-wrap .item:nth-child(even) {
        margin-left: 2%;
    }

    .benefits_list-wrap .item:nth-child(1) figure {
        right: 1.5%;
        top: 8.5%;
        width: 21.5%;
        height: 30%;
    }
    .benefits_list-wrap .item:nth-child(2) figure {
        right: 6.5%;
        top: 11%;
        width: 16.5%;
        height: 46.5%;
    }
    .benefits_list-wrap .item:nth-child(3) figure {
        right: 4.5%;
        top: 8.4%;
        width: 16.6%;
        height: 31.5%;
    }
    .benefits_list-wrap .item:nth-child(4) figure {
        right: 9%;
        top: 14%;
        width: 15.5%;
        height: 20%;
    }
    /*
    .benefits_list-wrap .item:nth-child(2) figure {
        right: 4.5%;
        top: 8.4%;
        width: 16.6%;
        height: 31.5%;
    }

    .benefits_list-wrap .item:nth-child(3) figure {
        right: 8.5%;
        top: 8.4%;
        width: 21.5%;
        height: 46.2%;
    }

    .benefits_list-wrap .item:nth-child(4) figure {
        right: 3.5%;
        top: 10.5%;
        width: 26.5%;
        height: 18.5%;
    }

    .benefits_list-wrap .item:nth-child(5) figure {
        right: 6.5%;
        top: 11%;
        width: 16.5%;
        height: 46.5%;
    }

    .benefits_list-wrap .item:nth-child(6) figure {
        right: 9%;
        top: 14%;
        width: 15.5%;
        height: 20%;
    }
    */

    .benefits_list-wrap .item figure img{
        object-position: top right;
    }

    .benefits_list-wrap .item dl dt{
       font-size: min(1.35vw,2.2rem);
    }
    
    .benefits_list-wrap .item dl dd {
        padding: 3% 0 0;
    }

    .benefits_list-wrap .item dl dd li{
        font-size: min(1.35vw,1.6rem);
    }
    .nissen-txt{
        font-size: min(2.81vw,5.4rem);
        margin: 0 auto -7%;
        
    }

}
/*SP Layout
===================================*/
@media screen and (max-width: 768px) {
	
	/* about benefits -----------------------------sp */


    .benefits_list-wrap .item figure{
        right: 8%;
        bottom: 9%;
        width: 20vw;
        height: 24.8vw;
    }
    
    .benefits_list-wrap .item:nth-child(1) figure {
        bottom: inherit;
        top: 5%;
        right: 5%;
        width: 19vw;
        height: 18vw;
        max-width: 101px;
        max-height: 97px;
    }

    .benefits_list-wrap .item:nth-child(3) figure {
        bottom: 6%;
        width: 21.5vw;
        height: 32.5vw;
    }

    .benefits_list-wrap .item:nth-child(4) figure {
        width: 34vw;
        height: 19.8vw;
    }

    .benefits_list-wrap .item:nth-child(5) figure {
        bottom: 4%;
        width: 15vw;
        height: 29.6vw;
    }

    .benefits_list-wrap .item:nth-child(6) figure {
        bottom: 7%;
        width: 18vw;
        height: 15.6vw;
    }
    .benefits_list-wrap .item dl dd li{
        font-size: 1.4rem;
    }
    .benefits_list-wrap .item dl dt{
        font-size: 1.6rem;
    }
}

/* Layout customize
===================================*/
@media screen and (max-width: 1024px) {
}
@media screen and (max-width: 1750px) and (min-width: 769px) {
}