@media screen and (max-width: 767px) {
/* =========================================================
		supplement con1
========================================================= */
.supplement_area{width: 100%; margin: 0 auto 70px;}
.supple_con1 .supple_ttl{font-size: 30px; padding-bottom: 10px;}
.supple_con1 .supple_ttl_sub{font-size: 16px; padding:8px 20px; display: table; margin: 0 auto 30px;}
.supple_con1 .supple_att1{font-size: 13px; text-align: left; width: 90%; margin: 0 auto;}

.supple_pro_top{margin: 35px auto 45px; display: block; width: 90%;}
.supple_pro_top li{padding: 5% 4% 5% 40%;
        position: relative;
        margin-bottom: 15px;
        width: 56%;}
.supple_pro_top li h4{font-size: 5vw; padding-bottom: 5px;}
.supple_pro_top li .product_pic{width: 33%; margin: 0 auto 0; position: absolute; top: 5%; left: 5%;}
	
.supple_pro_top li a{padding: 1.6vw 0;
        font-size: 3vw;
        width: 90%;}
.supple_pro_top li a:after {
    content: '';
    width: 6px;
    height: 6px;
    right: 10px;

}


/* =========================================================
		supplement con2
========================================================= */
.product_con{padding: 30px 6% 20px; margin-bottom: 0;}
#supplement2{background: #fff;}
.product_area{display: block; margin-bottom: 15px;}
.product_area .pro_pic{width: 90%; margin: 0 auto;}
.product_area .pro_pic p{font-size: 12px;}
.product_area .pro_detail{width: 100%;}
.product_area .pro_detail .pro_mcopy{font-size:18px; padding:32px 0 8px;}
.product_area .pro_detail .pro_name{font-size: 28px; line-height: 1.4;}
.product_area .pro_detail .pro_jp{font-size: 14px; padding-bottom: 16px;}

#supplement3 .product_area .pro_detail{width: 90%;}
.product_area .pro_detail .pro_name span{font-size: 1.1em;}


.reccomend_area{ border: 2px solid #d5f1fc; padding: 22px 5% 22px; display: block; margin-bottom: 40px;}
.reccomend_area .reco_ttl{width: 100%; text-align: center; font-size: 20px; font-weight: 500; margin-bottom: 20px;}
.reccomend_area .reco_check{width:100%; border-left: none; padding-left: 0;}
.reccomend_area .reco_check li{padding-bottom: 12px;}
.reccomend_area .reco_check dl{display: flex;}
.reccomend_area .reco_check dt{width: 9%; padding-right: 3%;}
.reccomend_area .reco_check dd{width: 88%; font-size: 16px;}

#supplement2 .reccomend_area{background: #f7f7f7;}



.features_area .features_ttl{font-size: 20px; color: #009ded; margin-bottom: 22px; padding-bottom: 3px; }
.features_area .features_ttl span{font-size: 1.1em;}
.features_area .features_point{display: block;}
.features_area .features_point li{width: 90%; padding: 5%; height: inherit; font-size: 16px; margin-bottom: 10px;}
.features_area .features_point li p{
	position: inherit;
    top: inherit;
    left: inherit;
    -webkit-transform: none;
    transform: none;
	width: 100%;
}
.features_area .features_point2 li{width: 90%; height: inherit; font-size: 16px;}


#supplement2 .features_area .features_about {background: #f7f7f7;}




.features_area .features_about{padding: 6% 5%; line-height: 1.5; margin: 30px auto 40px; }
.features_area .features_about h4{font-size: 17px; padding-bottom: 7px;}
.features_area .features_about p{font-size: 16px;}

.features_item{margin: 0 auto 40px;}
.features_item .features_ttl2{margin: 0 auto 30px; font-size: 18px; margin-bottom: 15px; padding-bottom: 3px;}
.features_item p{font-size: 16px;}






	
	
	
	
	
/* =========================================================
		prp
========================================================= */
.mycells-con .my-inner1{width: 90%; margin: 0 auto 40px; display: block;}
.mycells-con .my-inner1 .prp-pic1{width: 100%;}
.mycells-con .my-inner1 .prp-detail{width: 100%; margin-right: 0;}
.mycells-con .my-inner1 .prp-detail h3{font-size: 30px; padding:33px 0 15px;}
.mycells-con .my-inner1 .prp-detail .prp-copy1{line-height: 1.9; font-weight: 400; padding:0 0 14px;}	
	
.my-product{width: 94%; margin: 0 auto 0; padding: 50px 0 65px; display:block;}
.my-product .product-pic1{width: 100%;}
.my-product .product-detail{width: 92%; margin: 0 auto;}
.my-product .mycells-logo{width: 145px; padding: 25px 0 2px;}
.my-product h3{font-size: 30px; padding-bottom: 12px;}
.my-product .my-copy1{padding-bottom: 15px; line-height: 1.9;}
.my-product .my-copy1-att{font-size: 13px;}
	
	
.my-point{padding: 45px 0 30px;}
.my-point .my-point-title{font-size: 30px; padding-bottom: 35px;}
.my-point .point-con{width: 80%; display:block; margin: 0 auto;}
.my-point .point-con li{background: #e4f6fd; border-radius: 50%; width: 240px; height: 240px; margin: 0 auto 30px; font-size: 23px; line-height: 1.45;}
.my-point .point-con li p{width: 240px;}
.my-point .point-con li:last-child{margin-right: auto;}
	

	
	
	
.my-howto{width:88%; margin: 0 auto 0; padding: 50px 0 40px;}
.my-howto .howto-title{font-size: 32px;padding-bottom: 15px;}
.my-howto .howto-copy1{text-align: left; line-height: 1.9; padding-bottom: 35px; width: 94%; margin: 0 auto;}

.my-howto .howto-subtitle{font-size: 22px; padding-bottom: 15px;}
.howto-way li{margin-bottom: 10px;}
.howto-way li dl{display: block; background:#fff; padding: 25px 7% 25px;}
.howto-way li dt{width: 100%; margin-right: 0;}
.howto-way li dd{width: 100%;}
.howto-way .arrow1{margin: 0 auto 8px; width: 0; height: 0; border-style: solid; border-width: 30px 30px 0 30px;}
.howto-way li dd h4{padding: 16px 0 1px; font-size: 26px;}
.howto-way li dd .way-copy1{line-height: 1.9; letter-spacing: 1px;}


.mycells-con.my-contact{padding:40px 0 60px;}
.my-contact .contact-title{font-size: 30px;}
.my-contact .contact-btn{width: 90%; height: 70px; font-size: 18px; text-align: center; line-height: 1.4; margin: 25px auto 0;}
	
	
	.att-s1 {
    font-size: 0.8em;
    vertical-align: top;
}
	
	
	
	



	}