@charset "utf-8";

@media (min-width:768px){

.salon_clean { margin: 30px auto 50px; padding: 30px 40px; width: 900px; background: #fff; }
.salon_clean h3 { margin-bottom: 20px;font-size: 28px; color: #000252; font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; text-align: center; }
.salon_clean h4 { display: table-cell; vertical-align: middle; padding: 0 15px; width: 295px; height: 80px; background: #000252; font-size: 24px; color: #fff; font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; line-height: 1.3; text-align: center; }
.salon_clean ul, .osusume_care ul { display: flex; }
.salon_clean ul li, .osusume_care ul li { margin: 0 35px 0 0; width: 285px; }
.salon_clean ul li p, .osusume_care ul li p { font-size: 16px; color: #000; }
.salon_clean ul li:nth-child(5), .osusume_care ul li:nth-child(5) { margin-right: 0; }
.salon_clean ul li img { margin-bottom: 10px; width: 100%; }

.osusume_care { display : block ; margin: -30px auto 50px; padding: 40px 40px; width: 900px; background: #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; outline : 1px solid #000252; outline-offset : -10px; }
.osusume_care h3 { margin-bottom: 20px;font-size: 28px; color: #000252; text-align: center; }
.osusume_care h4 { display: table-cell; vertical-align: middle; padding: 0 15px; width: 295px; height: 60px; font-size: 20px; color: #000252; line-height: 1.3; text-align: center; }
.osusume_care ul li p { font-size: 14px; color: #000252; }
.osusume_care ul li img, .osusume_care ul li img { margin-bottom: 0; width: 100%; }

}

@media (max-width:767px){

    .salon_clean { margin: 5% auto 10%; padding: 5% 2% 2%; width: 90%; background: #fff; }
    .salon_clean h3 { margin-bottom: 5%;font-size: 22px; color: #000252; font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; text-align: center; }
    .salon_clean ul li {display: table; margin: 0 auto; width: 100%; font-size: 24px; }
    .salon_clean h4 { display: table-cell; vertical-align: middle; padding: 0 15px; width: 40%; height: 80px; background: #000252; font-size: 18px; color: #fff; font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; line-height: 1.3; text-align: center; }
    .salon_clean ul li img { display: table-cell; width: 100%; height: auto; }
    .salon_clean ul p { margin: 10px 0 20px; font-size: 12px; color: #000; }

    .osusume_care { margin: -5% auto 10%; padding: 8% 8% 2%; width: 95%; background: #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; outline : 1px solid #000252; outline-offset : -10px; }
    .osusume_care ul li { margin: 0 auto 8%; width: 100%; }
    .osusume_care h3 { margin-bottom: 5%; font-size: 20px; color: #000252; text-align: center; }
    .osusume_care h4 { margin: 3% 0;font-size: 18px; color: #000252; line-height: 1.3; text-align: center; }
    .osusume_care ul li p { font-size: 14px; color: #000252; }


}