@charset "UTF-8";
/**
 * ポイントをためる トップ
 */
/* ==========================================================================
   style
   ========================================================================== */
#cat-l01 {
  background-image: url(img/bg-cattop01.png);
  padding: 110px 3.531% 46px 36.472%;
  z-index: 1;
  min-height: 680px;
  position: relative; }
  #cat-l01 h2 + p {
    margin-top: 40px; }

.cat-base {
  margin-top: -480px !important; }

.cat-base-item {
  position: relative;
  z-index: 2; }

.cat-base-item.full .fbox .fl {
  width: 74px; }
  @media screen and (max-width: 767px) {
    .cat-base-item.full .fbox .fl {
      width: 100%; } }
  @media (min-width: 1040px) and (max-width: 1200px) {
    .cat-base-item.full .fbox .fl {
      width: 12%; } }
  @media all and (min-width: 1200px) {
    .cat-base-item.full .fbox .fl {
      width: 90px; } }
.cat-base-item.full .fbox .fr {
  width: 523px; }
  @media screen and (max-width: 767px) {
    .cat-base-item.full .fbox .fr {
      width: 100%; } }
  @media (min-width: 1040px) and (max-width: 1200px) {
    .cat-base-item.full .fbox .fr {
      width: 85.3333333333%; } }
  @media all and (min-width: 1200px) {
    .cat-base-item.full .fbox .fr {
      width: 640px; } }

@media screen and (max-width: 767px) {
  #cat-l01 {
    min-height: inherit; }
    #cat-l01 h2 + p {
      margin-top: 5px; }

  .cat-base {
    margin-top: 30px !important; }

  .cat-base .cat-base-item.full .fbox .fl {
    width: 20%; }
  .cat-base .cat-base-item.full .fbox .fr {
    width: 76%; } }