/*! Writen  by SCSS */
.alpha:hover {
  opacity: 0.7; }

.cap_img {
  position: relative; }
  .cap_img .cap {
    font-size: 12px;
    padding: 5px;
    position: absolute;
    bottom: 0;
    right: 0; }

.lp_wrap {
  background: linear-gradient(to bottom, #a40035, #5f0006);
  position: relative;
  padding: 0 0 40px; }
  .lp_wrap .main_bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0; }
    .lp_wrap .main_bg img {
      width: 100%; }
  .lp_wrap .lp_main {
    position: relative;
    z-index: 2; }
    .lp_wrap .lp_main .main_line {
      padding: 25px 0 calc(64%/15); }
      @media screen and (max-width: 768px) {
        .lp_wrap .lp_main .main_line {
          padding: 5px 0 20px; } }
    .lp_wrap .lp_main .main_txt {
      margin-bottom: calc(70%/15); }
    .lp_wrap .lp_main .img01 {
      max-width: 1347px;
      width: calc(100% - 40px);
      margin: 0 auto;
      text-align: center;
      margin-bottom: calc(50%/13.47); }
    .lp_wrap .lp_main .main_btn {
      max-width: 585px;
      width: calc(100% - 40px);
      margin: 0 auto;
      background: #fff; }
      @media screen and (max-width: 768px) {
        .lp_wrap .lp_main .main_btn {
          max-width: 250px; } }

.lp_inner {
  max-width: 1350px;
  margin: 0 auto;
  width: calc(100% - 40px);
  font-feature-settings: "palt"; }

.color01 {
  color: #0096bb; }

.sec01 {
  position: relative;
  z-index: 2;
  padding: 40px 0 0; }
  @media screen and (max-width: 768px) {
    .sec01 {
      padding: 20px 0 0; } }
  .sec01 .items {
    display: flex;
    justify-content: space-between;
    gap: 0 27px;
    margin-bottom: 60px; }
    @media screen and (max-width: 480px) {
      .sec01 .items {
        gap: 0 10px;
        margin-bottom: 30px; } }
  .sec01 .img04 {
    margin: 0 auto 40px; }
    @media screen and (max-width: 480px) {
      .sec01 .img04 {
        max-width: 80%;
        margin: 0 auto 20px; } }
  .sec01 .btn {
    max-width: 585px;
    margin: 0 auto;
    background: #fff; }
    @media screen and (max-width: 768px) {
      .sec01 .btn {
        max-width: 250px; } }

.cap_wrap {
  max-width: 1450px;
  width: calc(100% - 40px);
  margin: 0 auto;
  padding: 40px 0;
  background: #fff; }
  @media screen and (max-width: 768px) {
    .cap_wrap {
      padding: 15px 0; } }

/*# sourceMappingURL=lp.css.map */
