#suit_protein {
    overflow: hidden;
}
#suit_protein .mainimg {
	height: min(75vw,890px);
	background: url('https://gigaplus.makeshop.jp/jofuku/suit_protein/bg_mainImg.png') no-repeat center;
	background-size: cover;
}

.suit_recommend {
    background: url('https://gigaplus.makeshop.jp/jofuku/suit_protein/bg01.png') no-repeat top center;
    background-size: cover;
    padding-bottom: 185px;
    position: relative;
}

.suit_recommend .inner {
    max-width: 1000px;
    margin: 0 auto;
}

#suit_protein .nmn02_product_box {
    background: #fff;
    border: 3px solid #C09932;
    padding: 25px 40px 0;
    position: relative;
    top: -160px;
    z-index: 2;
}

#suit_protein .nmn02_product_box .img {
    width: min(32vw,400px);
}

#suit_protein .nmn02_product_box .des {
    flex: 1;
}

#suit_protein .nmn02_product_box .des_tit {
    font-size: 40px;
    color: #C09932;
}


#suit_protein .nmn02_product_box .price {
    font-size: 23px;
    position: relative;
    font-weight: 500;
}

#suit_protein .nmn02_product_box .num {
    font-size: 60px;
    line-height: 1;
    font-weight: 500;
    font-style: normal;
}

#suit_protein .nmn02_product_box sup {
    font-size: 10px !important;
    position: absolute;
    right: 0;
    bottom: 25px;
}

#suit_protein .nmn02_product_box .des_btn {
    display: flex;
    justify-content: space-between;
}

#suit_protein .nmn02_btn a {
    width: 48%;
}

.suit_recommend .tit_recommend {
    text-align: center;
    margin-top: -80px;
}

.suit_recommend  .nmn02_problem_list {
    width: 862px;
    margin: 90px auto 0;
    padding: 20px 45px 35px;
}

.suit_recommend .img_mask {
    position: absolute;
    top: 8vw;
    right: 0;
    width: 40%;
}

.suit_recommend .img_mask img {
    max-width: 70%;
}

.suit_point {
    background:#000 url('https://gigaplus.makeshop.jp/jofuku/suit_protein/bg02.png') no-repeat top center;
    background-size: 100%;
    margin-top: -13.5vw;
    padding: min(15vw,232px) 0 0px;
}

.suit_point .tit_support_health {
    text-align: center;
}

.suit_point .img_reflectionwithcorn {
    text-align: center;
}

.suit_point .tit_suit_point {
    text-align: center;
    margin-top: 80px;
    margin-bottom: 100px;
}

.flex_imgR .inner {
    max-width: 1400px;
    margin: 0;
}

.suit_point .point_infor {
    margin-bottom: 130px;
}

.suit_point .point_item {
    display: flex;
    margin: 0 50px;
}

.suit_point .flex_imgR {
    flex-direction: row-reverse;
}


.suit_point .point_item .point_img {
    width: 500px;
    position: relative;
}

.suit_point .point_item .point_des {
    flex: 1;
    display: flex;
    flex-direction: column;
    position: relative;
    z-index: 1;
}

.suit_point .flex_imgR .point_des {
    align-items: flex-end;
}

.suit_point .flex_imgR .point_img {
    margin-left: 50px;
}

.suit_point .flex_imgL .point_img {
    margin-right: 50px;
}

.suit_point .point_img .img_mask01 {
    position: absolute;
    right: -4.5vw;
    bottom: -2.5vw;
    width: 62%;
}

.suit_point .point_des .img_mask02 {
    position: absolute;
    right: -4vw;
    z-index: -1;
    top: -5vw;
}

.suit_point .flex_imgR .point_num {
    
    padding-bottom: 15px;
    text-align: left;
    padding-left: 30px;
    width: 100%;
    margin-bottom: 30px;
    position: relative;
}

.suit_point .flex_imgR .point_num:before {
    position: absolute;
    width: 200%;
    height: 60px;
    background: url(https://gigaplus.makeshop.jp/jofuku/suit_protein/bg_gradient01.png) no-repeat right;
    left: -100%;
    content: '';
    bottom: 0;
    z-index: -1;
}

.suit_point .flex_imgL .point_num {
    padding-bottom: 15px;
    text-align: left;
    padding-left: 30px;
    width: 100%;
    margin-bottom: 30px;
    position: relative;
}

.suit_point .flex_imgL .point_num:after {
    position: absolute;
    width: 200%;
    height: 60px;
    background: url(https://gigaplus.makeshop.jp/jofuku/suit_protein/bg_gradient02.png) no-repeat left;
    right: -100%;
    content: '';
    bottom: 0;
    z-index: -1;
}

.suit_point .point_item .pointBox {
    width: 450px;
    color: #fff;
}

.suit_point .point_item .point_tit {
    font-size: 30px;
    margin-bottom: 30px;
}

.suit_point .point_item .point_txt {
    font-size: 18px;
    line-height: 2;
}

.suit_point .tit_product_more {
    display: flex;
    background: #AA9656 url('https://gigaplus.makeshop.jp/jofuku/suit_protein/arrow_down.svg') no-repeat right 25px center;
    height: 65px;
    align-items: center;
    justify-content: center;
    font-size: 28px;
    color: #fff;
    margin-top: 80px;
    cursor: pointer;
}

.suit_point .tit_product_more.on {
    background: url('https://gigaplus.makeshop.jp/jofuku/suit_protein/ico_minus.svg') no-repeat right 25px center, linear-gradient(to right, #b5a261 0%,#654e15 100%);
}

.suit_point .product_more_des {
    padding: min(3vw,60px);
    display: none;
}

.suit_point .product_more_des .dd_flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}

.suit_point .product_more_des .dd_flex .img {
    width: 450px;
    text-align: center;
    margin-right: min(3vw,60px);
}

.suit_point .product_more_des .dd_flex.flex-reverse .img {
    margin-left: min(3vw,60px);
    margin-right: 0;
}
.suit_point .product_more_des .dd_flex .dd_des .subtit {
    font-size: 28px;
    margin-bottom: 15px;
} 
.suit_point .product_more_des .dd_flex .dd_des {
    flex: 1;
    font-size: 18px;
    line-height: 2;
    color: #fff;
}
.suit_point .point_item03 {
    background: url('https://gigaplus.makeshop.jp/jofuku/suit_protein/bg04.png') no-repeat center;
    height: 695px;
    align-items: center;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.suit_point .point_item03 .point_img {
    position: absolute;
    right: 10vw;
    width: 45%;
    bottom: 0;
}

.suit_point .point_item03 .point_des {
    padding-right: 50%;
}

.suit_point .point_item04 {
    background: url('https://gigaplus.makeshop.jp/jofuku/suit_protein/bg05.png') no-repeat center;
    background-size: 100%;
    height: 648px;
    position: relative;
    display: flex;
    flex-direction: column;
}

.suit_point .point_item04 .point_des {
    padding-left: 53%;
    padding-top: 100px;
}

.suit_point .point_item04 .point_txt {
    text-shadow: 2px 2px 5px #000000;
}

.suit_point .point_item05 {
    background: url('https://gigaplus.makeshop.jp/jofuku/suit_protein/bg06.png') no-repeat center;
    background-size: cover;
    height: 650px;
    align-items: center;
    position: relative;
    display: flex;
    justify-content: center;
    flex-direction: column;

}

.suit_point .point_item05 .point_img {
    position: absolute;
    right: 12vw;
    width: 40%;
    top: 4.5vw;
}

.suit_point .point_item05 .point_des {
    padding-right: 52%;
}

.mb0 {
    margin-bottom: 0 !important;
}

.suit_occasions {
    background: url('https://gigaplus.makeshop.jp/jofuku/suit_protein/bg07.png') no-repeat center;
    padding: 130px 0 130px;
    background-size: cover;
}

.suit_occasions .occasionsBox {
    background: #fff;
    border:7px solid #C09932;
    padding: 95px 60px 30px;
    position: relative;
    -webkit-box-shadow: 10px 10px 40px rgba(0,0,0,0.55);
    box-shadow: 10px 10px 40px rgba(0,0,0,0.55);
}

.suit_occasions .tit_occasions {
    text-align: center;
    position: absolute;
    width: 100%;
    left: 0;
    top: -60px;
}

.suit_occasions .tit_occasions span {
    display: inline-flex;
    background: url('https://gigaplus.makeshop.jp/jofuku/suit_protein/bg_tit01.png') no-repeat center;
    height: 124px;
    justify-content: center;
    text-align: center;
    color: #fff;
    font-size: 45px;
    font-weight: 500;
    width: 841px;
    padding-top: 22px;
}

.suit_occasions .occasionsBox ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.suit_occasions .occasionsBox ul li{
    width: 48.5%;
    margin-bottom: 35px;
}

.suit_occasions .occasionsBox ul li .img {
    text-align: center;
}

.suit_occasions .occasionsBox ul li .tit {
    text-align: center;
    font-size: 30px;
    margin-top: 25px;
    line-height: 1.2;
}

.suit_occasions .occasionsBox ul li .tit span {
    background: #FCEFA2;
    display: inline-block;
}

.suit_introduce {
    background: url('https://gigaplus.makeshop.jp/jofuku/suit_protein/bg08.png') no-repeat center;
    height: 880px;
    background-size: 100%;
}

.suit_introduce .introduceBox {
    padding-left: 53%;
    padding-top: 200px;
    padding-right: 65px;
}

.suit_introduce .introduce_des {
    color: #fff;
    font-size: 18px;
    line-height: 2;
    margin-top: 25px;
}

.about_suit_protein {
    background: #000 url('https://gigaplus.makeshop.jp/jofuku/suit_protein/bg09.png') no-repeat top center;
    padding: 160px 0 85px;
    background-size: cover;
}

.about_suit_protein .tit {
    text-align: right;
    margin-bottom: 125px;
    padding-right: 70px;
}

#suit_protein .about_suit_protein .nmn02_product_box {
    position: static;
}
@media screen and (max-width: 1600px) {
    .suit_recommend .img_mask {
        top: 15vw;
        right: 0;
        width: 35%;
    }

    .suit_point .tit_support_health img {
        max-width: 38%;
    }

    .suit_point .img_reflectionwithcorn img {
        max-width: 60%;
    }

    .suit_point .flex_imgR {
        padding-right: 6vw;
    }

    .suit_point .point_item .point_img {
        width: 40vw;
    }

    .suit_point .flex_imgL {
        padding-left: 6vw;
    }

    .suit_point .point_item {
        align-items: center;
    }

    .suit_point .point_img .img_mask01 {
        position: absolute;
        right: -8vw;
        bottom: -4.5vw;
        width: min(25vw, 430px);
    }

    .suit_point .point_item03 {
        height: min(41vw, 650px);
        background-size: cover;
    }

    .suit_point .point_item03 .point_img {
        width: 48vw;
    }

    .suit_point .point_item04 {
        height: min(45vw, 648px);
        background-size: cover;  
    }

    .suit_point .point_item04 .point_des {
        padding-top: 7vw;
    }

    .suit_point .point_item05 {
        height: min(50vw, 650px);
        background-size: cover;  
    }

    .suit_point .point_item05 .point_img {
        width: 59vw;
    }

    .suit_introduce {
        background-size: cover;
    }

    .suit_point .point_item .pointBox {
        width: min(42vw, 450px);
        color: #fff;
    }
}
@media screen and (max-width: 990px) {
    #suit_protein .mainimg {
        background: none;
        padding: 0 0 0;
        height: auto;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    #suit_protein .inner {
        max-width: 100%;
        margin: 0 auto;
        padding: 0 20px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .suit_recommend .nmn02_problem_list {
        width: auto;
    }

    #suit_protein .nmn02_product_box {
        top: -30vw;
        padding: 4vw;
    }

    #suit_protein .nmn02_product_box .des_tit {
       font-size: min(4.4vw, 40px); 
    }

    #suit_protein .mainimg img {
        width: 100%;
    }

}

@media screen and (max-width: 812px) {
    #suit_protein .nmn02_product_box {
        display: block;
    }
    #suit_protein .nmn02_product_box .img {
        width: auto;
        text-align: center;
    }

    #suit_protein .nmn02_product_box .img img {
        max-width: 75%;
    }

    #suit_protein .nmn02_product_box .num {
        font-size: 40px;
    }

    #suit_protein .nmn02_product_box .des_tit {
        font-size: min(7vw,26px);
    }

    #suit_protein .nmn02_product_box .price {
        font-size: 20px;
    }

    #suit_protein .nmn02_btn a {
        font-size: 14px;
    }

    .suit_recommend {
        padding-bottom: 30vw;
        margin-top: -10vw;
    }

    .suit_recommend .nmn02_problem_list {
        padding: 20px 15px 25px;
        margin-top: 35px;
    }

    .suit_recommend .img_mask {
        top: auto;
        right: -20px;
        width: 100%;
        bottom: 20px;
        text-align: right;
    }

    .suit_recommend .img_mask img {
        max-width: 220px;
        
    }

    .suit_recommend .img_mask img.visible-ts {
        display: inline-block;
    }

    .suit_recommend .tit_recommend {
        margin: -80px -2rem 0;
    }

    .suit_point  {
        background-size: 175%;
        margin-top: -22vw;
        padding-top: 15vw;
    }

    .suit_point .tit_support_health {
        margin-top: 2vw;
    }

    .suit_point .tit_support_health img {
        max-width: 53%;
    }

    .suit_point .img_reflectionwithcorn {
        margin-top: 2.5vw;
    }

    .suit_point .img_reflectionwithcorn img {
        max-width: 75%;
    }

    .point_lists {
        padding: 0 20px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .suit_point .tit_suit_point {
        margin-top: 40px;
        margin-bottom: 40px;
    }

    .suit_point .tit_suit_point img {
        max-width: 65%;
    }

    .suit_point .point_infor {
        margin-bottom: 50px;
    }

    .suit_point .point_item {
        display: block;
        margin: 0;
    }

    .suit_point .flex_imgR .point_img {
        margin-left: 0;
    }

    .suit_point .point_item .point_img {
        width: auto;
        text-align: center;
        margin-bottom: 20px;
    }

    .suit_point .flex_imgR {
        padding-right: 0;
    }

    .suit_point .point_item .pointBox {
        width: auto;
    }

    .suit_point .point_num img {
        max-height: 50px;
    }

    .suit_point .flex_imgR .point_num {
        background: url(https://gigaplus.makeshop.jp/jofuku/suit_protein/bg_gradient01.png) no-repeat right bottom;
        padding-bottom: 15px;
        text-align: center;
        padding-right: 0;
        width: 100%;
        margin-bottom: 20px;
        background-size: auto 40px;
    }

    .suit_point .flex_imgR .point_num:before {
        display: none;
    }

    .suit_point .flex_imgL .point_num:after {
        display: none;
    }

    .suit_point .flex_imgL .point_num {
        background: url(https://gigaplus.makeshop.jp/jofuku/suit_protein/bg_gradient02.png) no-repeat left bottom;
        padding-bottom: 15px;
        text-align: center;
        padding-left: 0;
        width: 100%;
        margin-bottom: 20px;
        background-size: auto 40px;
    }

    .suit_point .point_item .point_tit {
        font-size: 22px;
        margin-bottom: 15px;
    }

    .suit_point .point_item .point_txt {
        font-size: 14px;
    }

    #suit_protein .suit_point .inner {
        padding: 0;
    }

    .suit_point .tit_product_more {
        margin-top: 30px;
        height: auto;
        padding: 10px 30px 10px 10px;
        font-size: 18px;
        background: #AA9656 url(https://gigaplus.makeshop.jp/jofuku/suit_protein/arrow_down.svg) no-repeat right 15px center;
    }

    .suit_point .tit_product_more.on {
        background: url(https://gigaplus.makeshop.jp/jofuku/suit_protein/ico_minus.svg) no-repeat right 15px center, linear-gradient(to right, #b5a261 0%, #654e15 100%);
    }

    .suit_point .product_more_des {
        padding: 20px 0;
    }

    .suit_point .product_more_des .dd_flex {
        display: block;
    }

    .suit_point .product_more_des .dd_flex .img {
        width: auto;
        margin-right: 0;
        margin-bottom: 15px;
    }

    .suit_point .product_more_des .dd_flex.flex-reverse .img {
        margin-left: 0;
    }

    .suit_point .product_more_des .dd_flex .dd_des .subtit {
        font-size: 18px;
    }

    .suit_point .product_more_des .dd_flex .dd_des {
        font-size: 14px;
    }

    .suit_point .flex_imgL {
        padding-left: 0;
    }

    .suit_point .flex_imgL .point_img {
        margin-right: 0;
    }

    .suit_point .point_img .img_mask01 {
        right: -15px;
        width: 40vw;
        bottom: -25px;
    }

    .suit_point .flex_imgL .point_num {
        padding-left: 0;
        width: 100%;
        margin-bottom: 20px;
        background-size: auto 40px;
        text-align: center;
    }

    .suit_point .point_des .img_mask02 {
        bottom: 0;
        text-align: right;
        top: auto;
    }

    .suit_point .point_des .img_mask02 img{
        width: 60%;
    }

    .suit_point .point_item03 {
        height: auto;
        margin: 0 -20px;
        padding: 67% 20px 20px;
    }

    .suit_point .point_item03 .point_img {
        width: 100%;
        top: -35vw;
        right: 0;
        bottom: auto;
    }

    .suit_point .point_item03 .point_img img {
        max-width: 90%;
    }

    .suit_point .point_item03 .point_des {
        padding-right: 0;
        display: block;
    }

    .suit_point .point_item04 {
        min-height: 400px;
        background: #000 url(https://gigaplus.makeshop.jp/jofuku/suit_protein/sp_bg05.png) no-repeat right -25vw bottom;
        background-size: 155vw min(57vw, 85vh);
        margin: 0 -20px 0;
        height: auto;
        padding-bottom: 20vw;
    }

    .suit_point .point_item04 .point_des {
        padding: 20px;
    }

    .suit_point .point_item05 {
        height: auto;
        padding: 20px;
        margin: 0 -20px;
    }

    .suit_point .point_item05 .point_img {
        position: static;
    }

    .suit_point .point_item05 .point_des {
        padding-right: 0;
    }

    .suit_occasions {
        padding: 60px 0 40px;
    }

    .suit_occasions .occasionsBox {
        padding: 40px 20px 10px;
        border: 3px solid #C09932;
    }

    .suit_occasions .tit_occasions {
        top: -40px;
    }

    .suit_occasions .tit_occasions span {
        width: auto;
        height: 65px;
        font-size: 22px;
        background-size: 100% 100%;
        display: flex;
        padding-top: 12px;
    }

    .suit_occasions .occasionsBox ul {
        display: block;
    }

    .suit_occasions .occasionsBox ul li {
        width: auto;
        margin-bottom: 20px;
    }

    .suit_occasions .occasionsBox ul li .tit {
        font-size: 20px;
        margin-top: 10px;
    }

    .suit_introduce {
        background: #000 url(https://gigaplus.makeshop.jp/jofuku/suit_protein/bg08.png) no-repeat left 30% top;
        height: auto;
        background-size: auto 100vw;
        padding-top: 100vw;
        padding-bottom: 30px;
    }

    .suit_introduce .introduceBox {
        padding-left: 0;
        padding-top: 0;
        padding-right: 0;
    }

    .suit_introduce .introduce_des {
        font-size: 14px;
        margin-top: 25px;
    }

    .about_suit_protein {
        background: #000 url(https://gigaplus.makeshop.jp/jofuku/suit_protein/bg09.png) no-repeat top center;
        padding: 60px 0;
        background-size: auto 120vw;
    }

    .about_suit_protein .tit {
        text-align: center;
        margin-bottom: 40px;
        padding-right: 0;
    }
}