@charset "utf-8";

/* ****************************************************************************************************
   * ビジュアル画像
**************************************************************************************************** */

#visual img {
  width: 100%;
}

/* ****************************************************************************************************
   * コンテンツ 1
**************************************************************************************************** */

/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
   * タイトル
/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#section-1 .section-title {
  transform-origin: left center;
  -webkit-transform: scale(0.85);
          transform: scale(0.85);
}

#section-1 .title {
  transform-origin: left bottom;
  -webkit-transform: scale(0.6);
          transform: scale(0.6);
}

/* :::::::: ブレイクポイント :::::::: */

@media screen and (min-width:737px) {

  #section-1 .section-title {
    -webkit-transform: none;
            transform: none;
  }

  #section-1 .title {
    margin-bottom: 20px;
    -webkit-transform: none;
            transform: none;
  }

}

/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
   * キャッチコピー
/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */


#section-1 .catchcopy {
  margin-bottom: 40px;
}

/* :::::::: ブレイクポイント :::::::: */

@media screen and (min-width:737px) {

  #section-1 .catchcopy {
    margin-bottom: 60px;
    padding-left: 50px;
    font-size: 1.6875em;
  }

}

/* ****************************************************************************************************
   * コンテンツ 2
**************************************************************************************************** */

/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
   * タイトル
/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#section-2 .section-title {
  margin-bottom: -2em;
}

#section-2 .title {
  margin-bottom: 20px;
  transform-origin: left bottom;
  -webkit-transform: scale(0.4);
          transform: scale(0.4);
}

/* :::::::: ブレイクポイント :::::::: */

@media screen and (min-width:737px) {

  #section-2 .section-title {
    margin-bottom: 60px;
  }

  #section-2 .title {
    margin-bottom: 50px;
    -webkit-transform: none;
            transform: none;
  }

}

/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
   * リンク
/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#section-2 .link {
  margin-top: 2em;
  margin-bottom: 2em;
}

/* :::::::: ブレイクポイント :::::::: */

@media screen and (min-width:737px) {

  #section-2 .link {
    margin-top: 3em;
  }

}

/* ****************************************************************************************************
   * コンテンツ 3
**************************************************************************************************** */

/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
   * タイトル
/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#section-3 .section-title {
  margin-bottom: -2em;
}

#section-3 .title {
  margin-bottom: 20px;
  transform-origin: left bottom;
  -webkit-transform: scale(0.4);
          transform: scale(0.4);
}

/* :::::::: ブレイクポイント :::::::: */

@media screen and (min-width:737px) {

  #section-3 .section-title {
    margin-bottom: 60px;
  }

  #section-3 .title {
    margin-bottom: 50px;
    -webkit-transform: none;
            transform: none;
  }

}

/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
   * リンク
/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */


#section-3 .link {
  margin-top: 2em;
  margin-bottom: 2em;
}

/* :::::::: ブレイクポイント :::::::: */

@media screen and (min-width:737px) {

  #section-3 .link {
    margin-top: 3em;
  }

}

/* ****************************************************************************************************
   * コンテンツ 4
**************************************************************************************************** */

/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
   * タイトル
/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#section-4 .section-title {
  margin-bottom: -2em;
}

#section-4 .title {
  margin-bottom: 20px;
  transform-origin: left bottom;
  -webkit-transform: scale(0.4);
          transform: scale(0.4);
}

/* :::::::: ブレイクポイント :::::::: */

@media screen and (min-width:737px) {

  #section-4 .section-title {
    margin-bottom: 60px;
  }

  #section-4 .title {
    margin-bottom: 50px;
    -webkit-transform: none;
            transform: none;
  }

}

/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
   * リンク
/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#section-4 .link {
  margin-top: 2em;
  margin-bottom: 2em;
}

/* :::::::: ブレイクポイント :::::::: */

@media screen and (min-width:737px) {

  #section-4 .link {
    margin-top: 3em;
  }

}