@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-about {
  margin-top: -470px !important;
  padding: 0 30px 0;
  position: relative;
  z-index: 1; }
  #cat-about img {
    height: auto;
    width: 100%; }

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

.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-about {
    margin-top: 0 !important;
    padding: 0;
    /*position: relative;*/
    z-index: 1; }
    #cat-about img {
      height: auto;
      width: 100%; }

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

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