@charset "utf-8";

/* モバイルファースト */

@media all and (max-width:567px){ /* ～567px スマホ横未満 */}
@media (min-width:568px){ /* 568px～ スマホ横以上すべて */}

@media (min-width:568px) and (max-width:767px){ /* 568px～767px スマホ横以上～タブレット縦未満 */}
@media (min-width:568px) and (max-width:979px){ /* 568px～979px スマホ横以上～デスクトップ未満 */}

@media all and (max-width:767px){ /* ～767px タブレット縦未満すべて */}
@media (min-width:768px){ /* 768px～ タブレット縦以上すべて */}
@media (min-width:768px) and (max-width:979px){ /* の中でデスクトップ未満まで */}

@media all and (max-width:979px){ /* ～979px デスクトップ未満すべて */}
@media (min-width:980px){ /* 980px～ デスクトップ以上すべて */}

/* End CSS */