.activity-index {
  min-width: 1200px;
  background: #e72b1a; }
  .activity-index > div {
    position: relative; }
    .activity-index > div > img {
      position: absolute;
      left: 50%;
      transform: translateX(-50%); }
  .activity-index .img1 {
    height: 626px; }
  .activity-index .img2 {
    height: 831px; }
    .activity-index .img2 .btn {
      width: 164px;
      height: 48px;
      border-radius: 48px;
      top: 720px; }
    .activity-index .img2 .btn-1 {
      transform: translateX(-445px); }
    .activity-index .img2 .btn-2 {
      transform: translateX(-82px); }
    .activity-index .img2 .btn-3 {
      transform: translateX(280px); }
  .activity-index .img3 {
    height: 755px; }
    .activity-index .img3 .btn {
      width: 164px;
      height: 48px;
      border-radius: 48px;
      top: 602px; }
    .activity-index .img3 .btn-1 {
      transform: translateX(-337px); }
  .activity-index .img4 {
    height: 2057px; }
    .activity-index .img4 .card-wrapper {
      width: 1175px;
      height: 1828px;
      padding: 158px 32px;
      box-sizing: border-box;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      position: absolute;
      left: 50%;
      transform: translateX(-50%);
      top: 188px; }
      .activity-index .img4 .card-wrapper .card {
        display: block;
        transition: all 0.2s;
        flex: 0 0 auto;
        border-radius: 10px;
        height: 240px;
        margin-bottom: 35px; }
        .activity-index .img4 .card-wrapper .card:hover {
          margin-top: -8px;
          box-shadow: 0px 0px 27px 0px rgba(148, 184, 233, 0.39); }
    .activity-index .img4 .card-info {
      width: 350px;
      height: 240px;
      position: relative;
      padding: 26px 15px 0 25px;
      background-color: #fffbfa;
      border: 1px solid #FFB9B0;
      border-radius: 10px;
      box-sizing: border-box; }
      .activity-index .img4 .card-info .title {
        display: flex;
        align-items: center;
        margin-bottom: 16px;
        text-align: left;
        padding: 0; }
        .activity-index .img4 .card-info .title > img {
          display: block;
          margin-right: 12px; }
        .activity-index .img4 .card-info .title > p {
          font-size: 22px;
          color: #74443F; }
      .activity-index .img4 .card-info .slogan {
        font-size: 16px;
        color: #99716D;
        line-height: 1;
        margin-bottom: 22px; }
      .activity-index .img4 .card-info .original {
        font-size: 18px;
        color: #99716D;
        line-height: 1;
        text-decoration: line-through; }
      .activity-index .img4 .card-info .btn-wrapper {
        display: flex;
        justify-content: space-between;
        align-items: center; }
        .activity-index .img4 .card-info .btn-wrapper > img {
          display: block; }
        .activity-index .img4 .card-info .btn-wrapper .btn {
          opacity: 1;
          position: static;
          transform: translateY(5px); }
  .activity-index .img5 {
    height: 388px; }
    .activity-index .img5 .text-wrapper {
      width: 1175px;
      height: 265px;
      position: absolute;
      left: 50%;
      top: 35px;
      transform: translateX(-50%);
      padding: 40px 0 0 51px;
      box-sizing: border-box; }
      .activity-index .img5 .text-wrapper .title {
        font-size: 21px;
        color: #74443F;
        line-height: 1;
        margin-bottom: 18px;
        text-align: left;
        padding: 0;
        font-weight: bold; }
      .activity-index .img5 .text-wrapper .sub-title {
        font-weight: bold;
        color: #6B6B6B;
        font-size: 13px;
        line-height: 1;
        margin-bottom: 19px; }
        .activity-index .img5 .text-wrapper .sub-title > span {
          color: #9C9C9C;
          font-size: 13px;
          font-weight: normal; }
      .activity-index .img5 .text-wrapper .text {
        color: #9C9C9C;
        font-size: 13px;
        line-height: 32px;
        margin-top: -6px; }
  .activity-index .btn {
    position: absolute;
    left: 50%;
    opacity: 0;
    cursor: pointer;
    display: block; }

/*# sourceMappingURL=index.css.map */