@charset "UTF-8";
/*====================================
======================================

　Foundation/_mixin.scss


======================================
====================================*/
/*
■メディアクエリー　ブレイクポイント
====================================*/
/*====================================
====================================

　Object/pages/product_haircare.scss　

　Haircare-Only Set
　↓TargetPages'
　　/product/hair/arsoahaircare.html

====================================
====================================*/
/*
■　ヘアケア背景のCSSクラス
====================================*/
.haircare-only01-bg {
  background: url(../../../img/product/hair/bg_pc.jpg) no-repeat center top/100%;
  padding-bottom: 100px;
}

/*
■　ヘアケア専用のCSSクラス
====================================*/
.haircare-only02.product-rich {
  padding: 17px 0 50px;
}
@media screen and (max-width: 768px){
  .haircare-only01-bg {
    background: url(../../../img/product/hair/bg_sp.jpg) no-repeat center top/cover;
    padding-bottom: 0;
  }
  .haircare-only02.product-rich {
    padding: 17px 0 1px;
  }
}