.t-left{text-align:left;}
.t-center{text-align:center;}

.collagen_li .table_ul li{display:flex;align-items:center;padding-left:15px;}

.collagen_li .table_ul .o_span img{width:13px;margin-right:5px;}
.collagen_li .table_ul .x_span img{width:13px;margin-right:5px;}

.collagen_li .table_ul .color1_table li{font-size:1.00rem;}
.collagen_li .table_ul li.table_title{display:flex;align-items:center;justify-content:center;padding:0px;font-size:1.15rem;}
.collagen_li .table_ul .color3_table li{color:#111;}
.collagen_li .table_ul .color3_table li.table_title{color:#fff;}
.collagen_img1{max-width:600px;margin:20px auto 0px auto;}

.img_collgen{max-width:280px;margin:0 auto;}
.collagen_img4{margin:40px 0px;text-align:center;margin:0 auto;}
.circle_img{padding:25px;border-radius:15px;text-align:center;margin:40px auto 15px auto;}
.collagen_img5_1 img{max-width:620px;}
.collagen_img6_1{text-align:left;}
.collagen_img6_1 img{max-width:620px;margin:0 auto;width:100%;}
.collagen_img4 p{font-size:1.0rem;margin-top:10px;}
.collt01_img p{text-align:center;margin-top:10px;}

.collt01_img img{border-radius:20px;}
.collagen_img6_2{text-align:center;}
.collagen_img6_2 img{max-width:380px;margin:0px auto 40px auto;}
.skin6_imgc_4 {background: #fbfafa url('/img/skin/skin2_imgc_3.png') center top no-repeat;}

.collagen_bg2{background: #f8efd9 url('/img/collagen/collagen_bg2.jpg') center top no-repeat;}
.collagen_bg3{background: #f8efd9 url('/img/collagen/collagen_bg3.jpg') center top no-repeat;}
.collagen_bg3_1{background:#fafafa url('/img/collagen/collagen_bg3.jpg') center center no-repeat;}
.collagen_bg4{background: #fdf7f4 url('/img/collagen/collagen_bg4.jpg') center top no-repeat;}
.collgen7_box{margin-top:40px;}
.img_collgen7{padding:25px;}
.img_collgen7 img{}
.gray_scale img{filter: grayscale(100%);}
.border_box3{border:8px solid #ff7f5c;background:#fff;margin: 0px auto;  max-width:80%;padding:40px;border-radius: 20px;margin-top:40px;}
.img_widthright{width:90%;margin:-150px auto 0px auto ! important;}

.border_box3 h5{font-weight:600;color: #7c5236;}
.border_box3 p{font-weight:600;color:#111;}
.border_box4{border:8px solid #ff7f5c;background:#fff;margin: 0px auto; padding-bottom:40px;    border-radius: 20px;margin-top:40px;}

.box_img.border_box4 h5{font-weight:600;color: #7c5236;}
.box_img.border_box4 p{font-weight:600;color:#111;}

.gray_scale_table img{filter: grayscale(100%);}
.gray_scale_table  ul{filter: grayscale(100%);}
.gray_scale_table  ul li{color:#999;}
.collagen_bottom {text-align:center;}
.collagen_bottom img{max-width:940px;margin:0 auto;width:100%;}



.collagen_table .color3_table li.table_title{background:#ff7f5c;}

.collagen_table .table_ul{border:1px solid #ccc;}
.collagen_table .table_ul.collagen_ult{border:5px solid #ff7f5c;}
.row_plr .brown_bor{text-align:Center;}
.row_plr .brown_bor img.img_w{width:90%;margin:10px auto 0px auto;}
.row_plr  .brown_bor p{font-size:1.10rem;}

.p_70 .mySwiper12 .swiper-slide{    background:none;border:none;}
.p_70 .mySwiper13 .swiper-slide{    background:none;border:none;}
.p_70 .mySwiper12 .swiper-button-prev, .p_70 .mySwiper12 .swiper-button-next{top:75%;}
.p_70 .mySwiper13 .swiper-button-prev, .p_70 .mySwiper13 .swiper-button-next{top:65%;}

@media (min-width:992px){
.p_70 .mySwiper12 .swiper-button-next{opacity:0;}
.p_70 .mySwiper12 .swiper-button-prev{opacity:0;}
.p_70 .mySwiper12 .swiper-pagination-bullets{opacity:0;}

.p_70 .mySwiper13 .swiper-button-next{opacity:0;}
.p_70 .mySwiper13 .swiper-button-prev{opacity:0;}
.p_70 .mySwiper13 .swiper-pagination-bullets{opacity:0;}


.dis_none{display:block;}
.collagen_img5_1{text-align:right;}
.collagen_li{display:flex;align-items:center;justify-content: space-between;}
.icon_imw img{width:75px;}
.circle_img{width:320px;}
.img_sub .img_ws{max-width:600px;margin:0 auto;margin:0px 0px 80px 0px;}

.vs_test .t_center{margin-left:-35%;}
}
.brown_bor{margin-bottom:15px;}

@media (max-width:991px){
.p_70 .mySwiper13 .swiper-button-next{opacity:1;}
.p_70 .mySwiper13 .swiper-button-prev{opacity:1;}
.p_70 .mySwiper13.swiper-pagination-bullets{opacity:1;}
.p_70 .mySwiper13 .swiper-button-next{right:0px;}
.p_70 .mySwiper13 .swiper-button-prev{left:0px;}

.p_70 .mySwiper12 .swiper-button-next{opacity:1;}
.p_70 .mySwiper12 .swiper-button-prev{opacity:1;}
.p_70 .mySwiper12.swiper-pagination-bullets{opacity:1;}
.p_70 .mySwiper12 .swiper-button-next{right:0px;}
.p_70 .mySwiper12 .swiper-button-prev{left:0px;}

.dis_none{display:none;}
.border_box3{max-width:100%;}
.circle_img{width:90%;}
.collt01_img{margin-top:25px;}
.collagen_img5_1 img{width:100%;margin-top:20px;}
.moblie_br{line-height:1.5;}
h3.moblie_br{line-height:1.2 ! important;}
.collagen_img4.border_box3{margin-top:20px;}
.collagen_img4.border_box3 .circle_img{margin: -10px auto 5px auto;}
.vs_test .t_center{margin-top:20px;}
.collagen_table .table_ul{margin-top:20px;}
.border_box4{ border: 4px solid #ff7f5c;margin-top:25px;}
.border_box3{padding:15px;}
}

@media (min-width:768px){
.m_br{display:none;}
.width_90{width:87% ! important;}
}

@media (max-width:767px){
.moblie_box222 .box_img{margin-bottom:15px;}
.moblie_box222{background:#fff;border:1px solid #ededed;margin-top:25px ! important;padding:15px 0px 20px 0px;}
.collagen_table.mt-60{margin-top:30px ! important;}
.moblie_box222 .img_icon img{margin-bottom:0px;}
.collagen_table .table_ul{width:90%;margin:0px auto 10px auto;}
.bor_radius.brown_bor{width:90% ! important;margin:0px auto 20px auto ! important;}
.m_br{display:block;}
.collagen_li .col-12.col-md-3{-webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;padding-right:3px;
    padding-left:3px;}
.collagen_li .table_ul li{text-align:left;}
.collagen_li .table_ul .o_span img{width:10px;margin-top:6px;}
.collagen_li .table_ul .x_span img{width:10px;margin-top:6px;}

.collagen_li .table_ul ul li {padding:8px 5px;font-size: 0.80rem ! important;}
.collagen_li .table_ul li.table_title{ font-size: 0.90rem ! important;}
.collagen_table .table_ul.collagen_ult{border:3px solid #ff7f5c;}
.bor_radius h5{font-size: 0.90rem ! important;}
.brown_bor p{padding:12px 5px 13px 5px;font-size: 0.90rem ! important;}
}

@media (max-width: 600px) {
.row_plr .col-6.col-md-3{padding-right:5px;padding-left:5px;}
.row_plr .brown_bor{margin-bottom:15px;}
.brown_bor p{padding:12px 15px 13px 15px;font-size: 0.80rem ! important;}
}


@media (max-width: 480px) {
    .collagen_circle .circle_br h5, .collagen_circle .circle_br h5 > span {
        font-size: 0.80rem ! important;
    }
}