@charset "UTF-8";


/* common */
@media screen and (min-width: 750px) {
    .navigation_pc {
        background: #5581d1;
    }

    header h1 .logo_cap {
        color: #5581d1;
    }
}


/* top */
@media screen and (min-width: 750px) {
    #men .top {
        background: url("../images/menu/mens-hr/pc/mens_hr_top_bg_pc.jpg") no-repeat top center;
        background-size: cover;
        margin-bottom: 60px;
    }

    #men .top h2 {
        transform: none;
    }
}

/* section01 */
@media screen and (min-width: 750px) {
    #men .sec01 {
        background: #fff;
    }

    #men .sec01 .pc_inner {
        background: #eff5ff;
    }

    #men .sec01 .pc_inner .inner {
        padding: 40px 50px 0px;
    }

    #men .sec01 .img_wrap {
        margin-bottom: 60px;
    }

    #men .sec01 .img_wrap ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    #men .sec01 .img_wrap ul li {
        width: 48%;
        margin-bottom: 40px;
    }

    #men .sec01 .img_wrap ul li .price_wrap h6 {
        font-size: 2.7rem;
    }

    #men .sec01 .img_wrap ul li .price_wrap .txt_s {
        font-size: 1.7rem;
    }

    #men .sec01 .img_wrap ul li .price_wrap .price {
        font-size: 3.1rem;
    }

    #men .sec01 .img_wrap ul li .price_wrap .price span {
        font-size: 2rem;
    }

    #men .sec01 .img_wrap ul li .price_wrap .flex {
        align-items: baseline;
    }

    #men .sec01 .price_wrap .txt_xs {
        font-size: 1.4rem;
        line-height: 1.3;
        padding: 5px 10px 0;
    }
}

/* shaving */
@media screen and (min-width: 750px) {

    #men .shaving {
        background: #fff;
        margin: 60px 0 0;
    }

    #men .shaving h4 {
        font-size: 3.2rem;
    }

    #men .shaving .pc_inner {
        background: #edf1f8;;
    }

    #men .shaving .flex {
        flex-direction: row;
        justify-content: space-between;
        padding: 40px 50px;
        align-items: flex-start;
    }

    #men .shaving .flex figure {
        width: 43%;
        margin: 0;
    }

    #men .shaving .flex .p_txt {
        width: 52%;
        padding: 0 0;
        line-height: 1.8;
    }
}