@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Lato:wght@700&display=swap");
ol li, ul li {
  list-style: none;
}

em {
  font-style: normal;
}

.bnr {
  display: inline-block;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.bnr:hover {
  -webkit-transform: scale(1.02);
          transform: scale(1.02);
}
@media screen and (max-width: 640px) {
  .bnr:hover {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
.bnr-tel {
  pointer-events: none;
}
@media screen and (max-width: 640px) {
  .bnr-tel {
    pointer-events: auto;
  }
}

.pcOn {
  display: inline-block !important;
}
@media screen and (max-width: 640px) {
  .pcOn {
    display: none !important;
  }
}

.spOn {
  display: none !important;
}
@media screen and (max-width: 640px) {
  .spOn {
    display: inline-block !important;
  }
}

.yellow-line {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(60%, #ffff66));
  background: linear-gradient(transparent 60%, #ffff66 60%);
  font-weight: 500;
}

p .bg-blue {
  background: #ACE1F7;
}

.ft-lato {
  font-family: "Lato", sans-serif;
}

.inner {
  text-align: center;
  max-width: 900px;
  margin: 0 auto 120px;
}
@media screen and (max-width: 640px) {
  .inner {
    margin: 0 auto 12%;
  }
}

.form-btn a {
  position: relative;
  color: #fff;
  background: #E54E56;
  -webkit-box-shadow: 3px 4px 0px 0px rgb(191, 49, 57);
          box-shadow: 3px 4px 0px 0px rgb(191, 49, 57);
  font-size: 24px;
  font-weight: 700;
  letter-spacing: 0.04em;
  border-radius: 40px;
  display: inline-block;
  max-width: 476px;
  width: 100%;
  padding: 22px 0;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
@media screen and (max-width: 640px) {
  .form-btn a {
    font-size: clamp(16px, 4.26vw, 26px);
    max-width: none;
    padding: 4% 0;
  }
}
.form-btn a::before {
  content: "";
  background: url(../uploads/mailmagazine_250930_btn-arrow.png) no-repeat;
  background-size: contain;
  position: absolute;
  top: 50%;
  right: 30px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 33px;
  height: 33px;
}
@media screen and (max-width: 640px) {
  .form-btn a::before {
    right: 4%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 8%;
    height: 54%;
  }
}
.form-btn a:hover {
  opacity: 0.7;
}
@media screen and (max-width: 640px) {
  .form-btn a:hover {
    opacity: 1;
  }
}

.mv {
  position: relative;
  margin-top: 100px;
}
@media screen and (max-width: 640px) {
  .mv {
    margin-top: 14%;
  }
}
.mv::before {
  content: "";
  background: url(../uploads/mailmagazine_250930_mv-ico.png) no-repeat;
  background-size: contain;
  position: absolute;
  bottom: -40px;
  left: 112px;
  width: 647px;
  height: 228px;
}
@media screen and (max-width: 640px) {
  .mv::before {
    background: url(../uploads/mailmagazine_250930_mv-ico_sp.png) no-repeat;
    background-size: contain;
    bottom: -8%;
    left: 6%;
    width: 86%;
    height: 30%;
  }
}

.present {
  background: #FDF9C5;
  padding: 192px 56px 52px;
  margin-top: -156px;
}
@media screen and (max-width: 640px) {
  .present {
    padding: 32% 6% 15%;
    margin-top: -18%;
  }
}
.present__inner {
  position: relative;
  background: #fff;
  border-radius: 10px;
  padding: 50px 56px 92px;
}
@media screen and (max-width: 640px) {
  .present__inner {
    border-radius: 5px;
    padding: 11% 7% 10%;
  }
}
.present__inner::before {
  content: "";
  background: url(../uploads/mailmagazine_250930_present-ico.png) no-repeat;
  background-size: contain;
  position: absolute;
  top: -36px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 76px;
  height: 66px;
}
@media screen and (max-width: 640px) {
  .present__inner::before {
    top: -16px;
    width: 38px;
    height: 33px;
  }
}
.present__prize {
  position: relative;
  background: #F8F5F0;
  border-radius: 10px;
}
@media screen and (max-width: 640px) {
  .present__prize {
    border-radius: 5px;
  }
}
.present__prize--A {
  padding: 0 118px 50px;
  margin-top: 72px;
}
@media screen and (max-width: 640px) {
  .present__prize--A {
    padding: 0 6.25% 10%;
    margin-top: 16%;
  }
}
.present__prize--A::before {
  content: "";
  background: url(../uploads/mailmagazine_250930_prize-A-ico01.png) no-repeat;
  background-size: contain;
  position: absolute;
  top: -16px;
  left: -8px;
  width: 212px;
  height: 268px;
}
@media screen and (max-width: 640px) {
  .present__prize--A::before {
    background: url(../uploads/mailmagazine_250930_prize-A-ico01_sp.png) no-repeat;
    background-size: contain;
    top: -4.5%;
    left: -12%;
    width: 19%;
    height: 14%;
  }
}
.present__prize--A::after {
  content: "";
  background: url(../uploads/mailmagazine_250930_prize-A-ico02.png) no-repeat;
  background-size: contain;
  position: absolute;
  top: -12px;
  right: -14px;
  width: 161px;
  height: 346px;
}
@media screen and (max-width: 640px) {
  .present__prize--A::after {
    background: url(../uploads/mailmagazine_250930_prize-A-ico02_sp.png) no-repeat;
    background-size: contain;
    top: -5%;
    right: -11%;
    width: 20%;
    height: 31%;
  }
}
.present__prize--B {
  padding: 0 84px 50px;
  margin-top: 64px;
}
@media screen and (max-width: 640px) {
  .present__prize--B {
    padding: 0 6.25% 10%;
    margin-top: 15%;
  }
}
.present__prize--B::before {
  content: "";
  background: url(../uploads/mailmagazine_250930_prize-B-ico01.png) no-repeat;
  background-size: contain;
  position: absolute;
  top: -16px;
  left: -10px;
  width: 234px;
  height: 201px;
}
@media screen and (max-width: 640px) {
  .present__prize--B::before {
    background: url(../uploads/mailmagazine_250930_prize-B-ico01_sp.png) no-repeat;
    background-size: contain;
    top: 3.5%;
    left: -7%;
    width: 17%;
    height: 14%;
  }
}
.present__prize--B::after {
  content: "";
  background: url(../uploads/mailmagazine_250930_prize-B-ico02.png) no-repeat;
  background-size: contain;
  position: absolute;
  top: -16px;
  right: -16px;
  width: 111px;
  height: 288px;
}
@media screen and (max-width: 640px) {
  .present__prize--B::after {
    background: url(../uploads/mailmagazine_250930_prize-B-ico02_sp.png) no-repeat;
    background-size: contain;
    top: 4%;
    right: -6%;
    width: 17%;
    height: 14%;
  }
}
.present__prize--C {
  padding: 0 118px 50px;
  margin-top: 64px;
}
@media screen and (max-width: 640px) {
  .present__prize--C {
    padding: 0 6.25% 10%;
    margin-top: 15%;
  }
}
.present__prize--C::before {
  content: "";
  background: url(../uploads/mailmagazine_250930_prize-C-ico01.png) no-repeat;
  background-size: contain;
  position: absolute;
  top: -28px;
  left: -22px;
  width: 129px;
  height: 640px;
}
@media screen and (max-width: 640px) {
  .present__prize--C::before {
    background: url(../uploads/mailmagazine_250930_prize-C-ico01_sp.png) no-repeat;
    background-size: contain;
    top: -44%;
    left: -15%;
    width: 25%;
    height: 80%;
  }
}
.present__prize--C::after {
  content: "";
  background: url(../uploads/mailmagazine_250930_prize-C-ico02.png) no-repeat;
  background-size: contain;
  position: absolute;
  top: -28px;
  right: -22px;
  width: 111px;
  height: 201px;
}
@media screen and (max-width: 640px) {
  .present__prize--C::after {
    background: url(../uploads/mailmagazine_250930_prize-C-ico02_sp.png) no-repeat;
    background-size: contain;
    top: 9%;
    right: -8%;
    width: 17%;
    height: 30%;
  }
}
.present__prize__tit {
  margin: 0 auto;
}
.present__prize__tit--A, .present__prize__tit--B, .present__prize__tit--C {
  max-width: 342px;
}
@media screen and (max-width: 640px) {
  .present__prize__tit--A, .present__prize__tit--B, .present__prize__tit--C {
    max-width: none;
    width: 100%;
  }
}
.present__prize__tit--A img, .present__prize__tit--B img, .present__prize__tit--C img {
  margin-top: -16px;
}
@media screen and (max-width: 640px) {
  .present__prize__tit--A img, .present__prize__tit--B img, .present__prize__tit--C img {
    margin-top: -7.25%;
  }
}
.present__yen-worth {
  color: #E25F7E;
  font-size: 18px;
  font-weight: 700;
  margin-top: 32px;
}
@media screen and (max-width: 640px) {
  .present__yen-worth {
    font-size: clamp(13px, 3.46vw, 22px);
    margin-top: 7%;
  }
}
.present__yen-worth__wrap {
  position: relative;
  display: inline-block;
}
.present__yen-worth__wrap::before, .present__yen-worth__wrap::after {
  content: "";
  background: url(../uploads/mailmagazine-2025-spring_yen-worth-ico.png) no-repeat;
  background-size: contain;
  position: absolute;
  bottom: -4px;
  width: 15px;
  height: 35px;
}
@media screen and (max-width: 640px) {
  .present__yen-worth__wrap::before, .present__yen-worth__wrap::after {
    bottom: -6%;
    width: 10%;
    height: 100%;
  }
}
.present__yen-worth__wrap::before {
  left: -20px;
}
@media screen and (max-width: 640px) {
  .present__yen-worth__wrap::before {
    left: -14%;
  }
}
.present__yen-worth__wrap::after {
  right: -20px;
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
}
@media screen and (max-width: 640px) {
  .present__yen-worth__wrap::after {
    right: -14%;
  }
}
.present__yen-worth__wrap .yen {
  font-size: 32px;
}
@media screen and (max-width: 640px) {
  .present__yen-worth__wrap .yen {
    font-size: clamp(25px, 6.66vw, 40px);
  }
}
.present__prize-name {
  color: #333333;
  font-size: 20px;
  font-weight: 900;
  line-height: 1.3;
  margin-top: 16px;
}
@media screen and (max-width: 640px) {
  .present__prize-name {
    font-size: clamp(14px, 3.73vw, 24px);
    margin-top: 4%;
  }
}
.present__prize-name span {
  font-size: 30px;
}
@media screen and (max-width: 640px) {
  .present__prize-name span {
    font-size: clamp(18px, 4.8vw, 28px);
  }
}
.present__prize-name--A, .present__prize-name--B {
  line-height: 1.5;
}
.present__prize-img {
  margin-top: 30px;
}
@media screen and (max-width: 640px) {
  .present__prize-img {
    margin-top: 6%;
  }
}
.present__price-img-note {
  font-size: 14px;
  font-weight: 500;
  text-align: center;
  margin-top: 24px;
}
@media screen and (max-width: 640px) {
  .present__price-img-note {
    font-size: clamp(12px, 3.2vw, 16px);
    line-height: 1.5;
    margin-top: 6%;
  }
}
.present__btn {
  margin-top: 24px;
}
@media screen and (max-width: 640px) {
  .present__btn {
    margin-top: 9%;
  }
}
.present__btn a {
  position: relative;
  color: #fff;
  background: #E54E56;
  font-size: 17px;
  font-weight: 700;
  border-radius: 40px;
  display: inline-block;
  max-width: 344px;
  width: 100%;
  padding: 14px 0;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
@media screen and (max-width: 640px) {
  .present__btn a {
    font-size: clamp(13px, 3.46vw, 18px);
    max-width: none;
    width: 100%;
    padding: 4% 0;
  }
}
.present__btn a::before {
  content: "";
  background: url(../uploads/mailmagazine_250930_btn-arrow.png) no-repeat;
  background-size: contain;
  position: absolute;
  top: 50%;
  right: 12px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 27px;
  height: 27px;
}
@media screen and (max-width: 640px) {
  .present__btn a::before {
    right: 4%;
    width: 8.5%;
    height: 65%;
  }
}
.present__btn a:hover {
  opacity: 0.7;
}
@media screen and (max-width: 640px) {
  .present__btn a:hover {
    opacity: 1;
  }
}
.present .form-btn {
  margin-top: 60px;
}
@media screen and (max-width: 640px) {
  .present .form-btn {
    margin-top: 8%;
  }
}
.present .form-btn.pcOn {
  display: block !important;
}
@media screen and (max-width: 640px) {
  .present .form-btn.pcOn {
    display: none !important;
  }
}
.present .form-btn.spOn {
  display: none !important;
}
@media screen and (max-width: 640px) {
  .present .form-btn.spOn {
    display: block !important;
  }
}
@media screen and (max-width: 640px) {
  .present .form-btn.spOn a {
    width: 86%;
  }
}

.benefit {
  position: relative;
  background: url(../uploads/mailmagazine_250930_benefit-bg.png) repeat-y;
  background-size: contain;
  background-position: center top;
  padding: 90px 50px 120px;
}
@media screen and (max-width: 640px) {
  .benefit {
    padding: 12% 6% 14%;
  }
}
.benefit::before {
  content: "";
  background: url(../uploads/mailmagazine_250930_benefit-ico.png) no-repeat;
  background-size: contain;
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 900px;
  height: 207px;
}
@media screen and (max-width: 640px) {
  .benefit::before {
    background: url(../uploads/mailmagazine_250930_benefit-ico_sp.png) no-repeat;
    background-size: contain;
    width: 100%;
    height: 6%;
  }
}
.benefit__tit {
  position: relative;
  max-width: 675px;
  margin: 0 auto;
}
@media screen and (max-width: 640px) {
  .benefit__tit {
    max-width: none;
    width: 87%;
  }
}
.benefit__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 44px 0;
  margin-top: 68px;
}
@media screen and (max-width: 640px) {
  .benefit__wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 2rem 0;
    margin-top: 18%;
  }
}
.benefit__wrap__item {
  background: #F5F1EC;
  border-radius: 10px;
  width: 48.75%;
  padding: 0 28px 28px;
}
@media screen and (max-width: 640px) {
  .benefit__wrap__item {
    border-radius: 5px;
    width: 100%;
    margin: 0 auto;
    padding: 11% 7% 6%;
  }
}
@media screen and (max-width: 640px) {
  .benefit__wrap__item:nth-child(2) .benefit__wrap__flex {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
.benefit__wrap__head {
  color: #fff;
  background: url(../uploads/mailmagazine_250930_benefit-head-bg.png) no-repeat;
  background-size: contain;
  background-position: center center;
  font-size: 15px;
  font-weight: 700;
  border-radius: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  max-width: 206px;
  width: 100%;
  margin: -18px auto 0;
  padding: 3px 0;
}
@media screen and (max-width: 640px) {
  .benefit__wrap__head {
    font-size: clamp(14px, 3.73vw, 24px);
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    max-width: none;
    width: 73%;
    margin: -19% auto 0;
    padding: 2% 0;
  }
}
.benefit__wrap__head .ft-lato {
  font-size: 30px;
  font-style: italic;
  padding-left: 2px;
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
}
@media screen and (max-width: 640px) {
  .benefit__wrap__head .ft-lato {
    font-size: clamp(20px, 5.33vw, 34px);
    padding-left: 1%;
    -webkit-transform: translateY(-1px);
            transform: translateY(-1px);
  }
}
.benefit__wrap__tit {
  color: #333333;
  font-size: 24px;
  font-weight: 900;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  letter-spacing: 0.04em;
  margin-top: 20px;
}
@media screen and (max-width: 640px) {
  .benefit__wrap__tit {
    font-size: clamp(18px, 4.8vw, 28px);
    -webkit-font-feature-settings: normal;
            font-feature-settings: normal;
    letter-spacing: normal;
    margin-top: 6.5%;
  }
}
.benefit__wrap__flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 24px;
}
@media screen and (max-width: 640px) {
  .benefit__wrap__flex {
    margin-top: 4.5%;
  }
}
.benefit__wrap__ico {
  width: 26%;
}
.benefit__wrap__txt {
  color: #333333;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  letter-spacing: 0.05em;
  line-height: 1.5;
  text-align: justify;
  width: 68.25%;
}
@media screen and (max-width: 640px) {
  .benefit__wrap__txt {
    font-size: clamp(14px, 3.73vw, 24px);
    line-height: 1.42;
  }
}
.benefit .form-btn {
  margin-top: 50px;
}
@media screen and (max-width: 640px) {
  .benefit .form-btn {
    width: 87%;
    margin: 9% auto 0;
  }
}

.process {
  margin-top: 100px;
}
@media screen and (max-width: 640px) {
  .process {
    margin-top: 21%;
  }
}
.process__tit {
  max-width: 686px;
  margin: 0 auto;
}
@media screen and (max-width: 640px) {
  .process__tit {
    max-width: none;
    width: 87%;
  }
}
.process__img {
  position: relative;
  max-width: 742px;
  margin: 56px auto 0;
  z-index: 0;
}
@media screen and (max-width: 640px) {
  .process__img {
    margin: 24% auto 0;
    -webkit-transform: scale(1.13);
            transform: scale(1.13);
  }
}
.process__img::before {
  content: "";
  background: #F5F1EC;
  border-radius: 10px;
  position: absolute;
  bottom: -40px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 800px;
  height: 244px;
  z-index: -1;
}
@media screen and (max-width: 640px) {
  .process__img::before {
    content: none;
  }
}
.process .form-btn {
  margin-top: 90px;
}
@media screen and (max-width: 640px) {
  .process .form-btn {
    width: 88%;
    margin: 20% auto 0;
  }
}

.outline {
  background: #F7F4F0;
  padding: 90px 50px 72px;
}
@media screen and (max-width: 640px) {
  .outline {
    padding: 12% 6% 6%;
  }
}
.outline__top {
  position: relative;
  max-width: 685px;
  margin: 0 auto;
}
@media screen and (max-width: 640px) {
  .outline__top {
    max-width: none;
    width: 87%;
  }
}
.outline__top::before {
  content: "";
  background: url(../uploads/mailmagazine_250930_outline-tit-ico.png) no-repeat;
  background-size: contain;
  position: absolute;
  top: -64px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 788px;
  height: 222px;
}
@media screen and (max-width: 640px) {
  .outline__top::before {
    background: url(../uploads/mailmagazine_250930_outline-tit-ico_sp.png) no-repeat;
    background-size: contain;
    top: -64%;
    width: 119%;
    height: 264%;
  }
}
.outline__tit {
  color: #333333;
  background: #EFE720;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 0.02em;
  border-radius: 4px;
  padding: 10px 0 8px;
}
@media screen and (max-width: 640px) {
  .outline__tit {
    font-size: clamp(15px, 4vw, 26px);
    padding: 2% 0;
  }
}
.outline__tit--period {
  margin-top: 50px;
}
@media screen and (max-width: 640px) {
  .outline__tit--period {
    margin-top: 7%;
  }
}
.outline__tit--how-to {
  margin-top: 60px;
}
@media screen and (max-width: 640px) {
  .outline__tit--how-to {
    margin-top: 10%;
  }
}
.outline__tit--number {
  margin-top: 60px;
}
@media screen and (max-width: 640px) {
  .outline__tit--number {
    margin-top: 10%;
  }
}
.outline__period {
  color: #2A3758;
  font-size: 20px;
  font-weight: 700;
  margin-top: 40px;
}
@media screen and (max-width: 640px) {
  .outline__period {
    font-size: clamp(12px, 3.2vw, 20px);
    margin-top: 6%;
  }
}
.outline__period .ft-lato {
  font-size: 36px;
  letter-spacing: 0.04em;
}
@media screen and (max-width: 640px) {
  .outline__period .ft-lato {
    font-size: clamp(27px, 7.2vw, 40px);
  }
}
@media screen and (max-width: 640px) {
  .outline__period .ft-lato.sp-small {
    font-size: clamp(20px, 5.3vw, 36px);
  }
}
.outline__period .week {
  position: relative;
  color: #fff;
  font-size: 15px;
  font-weight: 500;
  line-height: 1;
  display: inline-block;
  width: 27px;
  margin-right: 14px;
  -webkit-transform: translateY(-6px);
          transform: translateY(-6px);
  z-index: 0;
}
@media screen and (max-width: 640px) {
  .outline__period .week {
    font-size: clamp(12px, 3.2vw, 20px);
    width: 9%;
    margin-right: 0;
    -webkit-transform: translateY(-40%);
            transform: translateY(-40%);
  }
}
.outline__period .week::after {
  content: "";
  background: #2A3758;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-49%, -44%);
          transform: translate(-49%, -44%);
  width: 27px;
  height: 27px;
  z-index: -1;
}
@media screen and (max-width: 640px) {
  .outline__period .week::after {
    -webkit-transform: translate(-49%, -47%);
            transform: translate(-49%, -47%);
    width: 90%;
    height: 195%;
  }
}
.outline__form-description {
  color: #2A3758;
  font-size: 16px !important;
  letter-spacing: 0.04em;
  line-height: 1.5;
  margin-top: 30px;
}
@media screen and (max-width: 640px) {
  .outline__form-description {
    font-size: clamp(14px, 3.73vw, 24px) !important;
    line-height: 1.42;
    margin-top: 4%;
  }
}
.outline__form-description + .form-btn {
  margin-top: 20px !important;
}
@media screen and (max-width: 640px) {
  .outline__form-description + .form-btn {
    margin-top: 8% !important;
  }
}
.outline__prize-list {
  color: #212121;
}
.outline__prize-list__item {
  font-size: 20px;
  font-weight: 900;
  letter-spacing: 0.04em;
  padding: 40px 0;
}
@media screen and (max-width: 640px) {
  .outline__prize-list__item {
    font-size: clamp(18px, 4.8vw, 28px);
    line-height: 1.375;
    padding: 6% 0;
  }
}
.outline__prize-list__item:first-child {
  padding: 44px 0 36px 72px;
}
@media screen and (max-width: 640px) {
  .outline__prize-list__item:first-child {
    padding: 6% 0;
  }
}
.outline__prize-list__item:not(:first-child) {
  border-top: 1px solid #C9C9C9;
}
.outline__prize-list__item:last-child {
  border-bottom: 1px solid #C9C9C9;
}
.outline__prize-list__item--C {
  line-height: 1.5;
  text-indent: -2em;
  padding: 24px 0 24px calc(72px + 4em);
}
@media screen and (max-width: 640px) {
  .outline__prize-list__item--C {
    text-indent: inherit;
    padding: 6% 0;
  }
}
.outline__prize-list__item span {
  font-size: 16px;
  font-weight: 500;
}
@media screen and (max-width: 640px) {
  .outline__prize-list__item .price {
    font-size: clamp(14px, 3.73vw, 24px);
  }
}
@media screen and (max-width: 640px) {
  .outline__prize-list__item .set {
    font-size: clamp(14px, 3.73vw, 24px);
    font-weight: 700;
    display: inline-block;
    margin-top: 2%;
  }
}
.outline__prize-list__note {
  font-size: 16px;
  font-weight: 400;
  text-align: center;
  margin-top: 20px;
}
@media screen and (max-width: 640px) {
  .outline__prize-list__note {
    font-size: 13px;
    font-size: clamp(13px, 3.46vw, 16px);
    margin-top: 4%;
  }
}
.outline__precautions-list {
  color: #2A3758;
  font-size: 13px;
  letter-spacing: 0.04rem;
  line-height: 1.53;
  text-align: left;
  margin-top: 40px;
}
@media screen and (max-width: 640px) {
  .outline__precautions-list {
    font-size: clamp(13px, 3.46vw, 20px);
    margin-top: 8%;
  }
}
.outline__precautions-list__item {
  text-indent: -1em;
  padding-left: 1em;
}
.outline .form-btn {
  margin-top: 40px;
}
@media screen and (max-width: 640px) {
  .outline .form-btn {
    width: 86%;
    margin: 7% auto 0 !important;
  }
}
.outline__happy {
  color: #212121;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.4;
  text-align: center;
  margin-top: 68px;
}
@media screen and (max-width: 640px) {
  .outline__happy {
    font-size: clamp(14px, 3.73vw, 24px);
    line-height: 1.28;
    margin-top: 14%;
  }
}
.outline__happy span {
  position: relative;
  display: inline-block;
}
.outline__happy span::before, .outline__happy span::after {
  content: "";
  background: url(../uploads/mailmagazine_new-life_outline-happy-ico.png) no-repeat;
  background-size: contain;
  position: absolute;
  top: 8px;
  width: 20px;
  height: 48px;
}
@media screen and (max-width: 640px) {
  .outline__happy span::before, .outline__happy span::after {
    top: 10%;
    width: 12%;
    height: 116%;
  }
}
.outline__happy span::before {
  left: -32px;
}
@media screen and (max-width: 640px) {
  .outline__happy span::before {
    left: -14%;
  }
}
.outline__happy span::after {
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
  right: -28px;
}
@media screen and (max-width: 640px) {
  .outline__happy span::after {
    right: -14%;
  }
}
.outline__happy-img {
  max-width: 566px;
  margin: -24px auto 0;
  -webkit-transform: translateX(-16px);
          transform: translateX(-16px);
}
@media screen and (max-width: 640px) {
  .outline__happy-img {
    max-width: none;
    width: 100%;
    margin: 0% auto 0;
    -webkit-transform: scale(1.14) translate(0);
            transform: scale(1.14) translate(0);
  }
}
.outline__inquiry-wrap {
  background: #fff;
  border-radius: 10px;
  padding: 48px 0 32px;
  margin-top: -48px;
}
@media screen and (max-width: 640px) {
  .outline__inquiry-wrap {
    padding: 7% 6% 4%;
    margin-top: 3%;
  }
}
.outline__inquiry-wrap a {
  pointer-events: none;
  display: inline-block;
  max-width: 384px;
  margin: 0 auto;
}
@media screen and (max-width: 640px) {
  .outline__inquiry-wrap a {
    pointer-events: auto;
    max-width: none;
    width: 100%;
  }
}
.outline__btn-wrap {
  background: #fff;
  border-radius: 10px;
  text-align: center;
  padding: 60px 0;
  margin-top: -48px;
}
@media screen and (max-width: 640px) {
  .outline__btn-wrap {
    border-radius: 5px;
    padding: 8% 0;
    margin-top: 6%;
  }
}
.outline__btn-wrap a {
  color: #fff;
  background: #EF883D;
  font-size: 24px;
  font-weight: 700;
  border-radius: 40px;
  display: inline-block;
  max-width: 520px;
  width: 100%;
  padding: 23px 0;
  -webkit-box-shadow: 3px 3px 0px 0px rgb(204, 104, 31);
          box-shadow: 3px 3px 0px 0px rgb(204, 104, 31);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media (hover: hover) {
  .outline__btn-wrap a:hover {
    opacity: 0.7;
  }
}
@media screen and (max-width: 640px) {
  .outline__btn-wrap a {
    font-size: clamp(15px, 4vw, 22px);
    line-height: 1.13;
    max-width: none;
    width: 86%;
    padding: 3.5% 0;
    -webkit-box-shadow: 1px 3px 0px 0px rgb(204, 104, 31);
            box-shadow: 1px 3px 0px 0px rgb(204, 104, 31);
  }
}
.outline__btn-wrap a span {
  position: relative;
  display: inline-block;
  -webkit-transform: translateX(-20px);
          transform: translateX(-20px);
}
@media screen and (max-width: 640px) {
  .outline__btn-wrap a span {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
.outline__btn-wrap a span::before {
  content: "";
  background: url(../uploads/mailmagazine_250930_outline-btn-arrow.png) no-repeat;
  background-size: contain;
  position: absolute;
  top: 50%;
  right: -54px;
  -webkit-transform: translateY(-47%);
          transform: translateY(-47%);
  width: 33px;
  height: 33px;
}
@media screen and (max-width: 640px) {
  .outline__btn-wrap a span::before {
    right: -48%;
    width: 18px;
    height: 18px;
  }
}

.side_bnr {
  position: fixed;
  top: 220px;
  right: -6px;
  max-width: 88px;
}
@media screen and (max-width: 640px) {
  .side_bnr {
    display: none;
  }
}

.bottom_bnr {
  display: none;
}
@media screen and (max-width: 640px) {
  .bottom_bnr {
    display: block;
    position: sticky;
    bottom: -3px;
    z-index: 100;
  }
}