@charset "UTF-8";
.header .band {
  display: none !important;
  background-color: #fff; }

.header .menu_icon {
  top: 0; }

body {
  color: #675a54; }

@media (min-width: 768px) {
  .container {
    width: 1030px;
    max-width: 1030px; }

  main, footer, .header {
    position: relative; } }
@media (max-width: 767.98px) {
  main {
    position: relative; }

  .container {
    width: 100%; }

  .anchor_link {
    padding-bottom: 140px;
    margin-top: -140px; }

  #step2_link {
    padding-top: 70px;
    margin-top: -70px; } }
/* メイン */
.main-visual {
  width: 100%;
  height: 140vh;
  position: relative;
  background: url("../images/main/back3.png") no-repeat center center;
  background-size: cover; }
  .main-visual .top_logo {
    background: url("../images/main/img3.png") repeat-x center center;
    width: 100%;
    height: 70px;
    background-size: contain;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 0 8px 0; }
    .main-visual .top_logo img {
      width: 290px;
      height: auto; }
  .main-visual .main_side.deco1 {
    position: absolute;
    right: calc(50% - 380px);
    top: 10%;
    animation: white_back_deco_anim 1.5s infinite, fade1 0.6s ease-in-out 0.8s forwards;
    opacity: 0; }
    .main-visual .main_side.deco1 img {
      width: 50px;
      height: auto; }
  .main-visual .main_side.deco2 {
    position: absolute;
    right: calc(50% - 360px);
    top: 30%;
    animation: white_back_deco_anim 2.0s infinite, fade1 0.2s ease-in-out 0.3s forwards;
    opacity: 0; }
    .main-visual .main_side.deco2 img {
      width: 51px;
      height: auto; }
  .main-visual .main_side.deco3 {
    position: absolute;
    left: calc(50% - 350px);
    top: 20%;
    animation: white_back_deco_anim 1.0s infinite, fade1 0.4s ease-in-out 0.6s forwards;
    opacity: 0; }
    .main-visual .main_side.deco3 img {
      width: 51px;
      height: auto; }
  .main-visual .back_sp, .main-visual .wave {
    display: none; }

@media (max-width: 767.98px) {
  .main-visual {
    width: 100%;
    height: 100%;
    position: relative;
    background-image: none; }
    .main-visual .back_sp {
      display: block; }
      .main-visual .back_sp img {
        width: 100%; }
    .main-visual .top_logo {
      background: url("../images/main/img3.png") repeat-x center center;
      width: 100%;
      height: 70px;
      background-size: contain;
      display: flex;
      justify-content: center;
      align-items: center;
      padding: 0 0 8px 0;
      display: none; }
      .main-visual .top_logo img {
        width: 290px;
        height: auto; }
    .main-visual .main_side.deco1 {
      position: absolute;
      right: 10%;
      top: 8%;
      animation: white_back_deco_anim 1.5s infinite, fade1 0.6s ease-in-out 0.8s forwards;
      opacity: 0; }
      .main-visual .main_side.deco1 img {
        width: 34px;
        height: auto; }
    .main-visual .main_side.deco2 {
      position: absolute;
      right: 5%;
      top: 23%;
      animation: white_back_deco_anim 2.0s infinite, fade1 0.2s ease-in-out 0.3s forwards;
      opacity: 0; }
      .main-visual .main_side.deco2 img {
        width: 32px;
        height: auto; }
    .main-visual .main_side.deco3 {
      position: absolute;
      left: 3%;
      top: 18%;
      animation: white_back_deco_anim 1.0s infinite, fade1 0.4s ease-in-out 0.6s forwards;
      opacity: 0; }
      .main-visual .main_side.deco3 img {
        width: 30px;
        height: auto; } }
@keyframes fade1 {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@keyframes yure1 {
  0% {
    transform: translate(0px, 0px); }
  25% {
    transform: translate(6px, 0px); }
  50% {
    transform: translate(0px, 0px); }
  75% {
    transform: translate(-6px, 0px); }
  100% {
    transform: translate(0px, 0px); } }
@keyframes white_back_deco_anim {
  0% {
    transform: rotate(10deg); }
  50% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(10deg); } }
/* キャンペーン概要 */
.inview-target {
  transition: opacity 1s, transform 1s;
  opacity: 0;
  transform: translateY(20px); }
  .inview-target.inview-once {
    opacity: 1;
    transform: translateY(0); }

.campaign_box {
  background: url("../images/etc/dot.png") repeat left top;
  background-size: 23px 23px; }
  .campaign_box .container {
    width: 900px;
    margin: 0 auto;
    position: relative;
    padding: 72px 0 90px; }
    .campaign_box .container .flag {
      background-image: url("../images/campaign/img7.png");
      width: 160px;
      height: 157px;
      background-size: 160px 157px;
      color: #fff;
      text-align: center;
      padding: 20px 0 0 0;
      font-size: 20px;
      position: absolute;
      top: 0;
      left: 0; }
    .campaign_box .container .main_title {
      text-align: center;
      margin: 0 0 70px 0; }
      .campaign_box .container .main_title img {
        width: 423px; }
    .campaign_box .container .present_box {
      background-color: #fff;
      border-radius: 75px; }
      .campaign_box .container .present_box .present_contents_title {
        text-align: center;
        background-color: #f76e86;
        border-radius: 75px 75px 0 0;
        height: 86px;
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative; }
        .campaign_box .container .present_box .present_contents_title h3 img {
          width: 301px; }
        .campaign_box .container .present_box .present_contents_title span {
          position: absolute;
          right: 132px; }
          .campaign_box .container .present_box .present_contents_title span img {
            width: 134px; }
        .campaign_box .container .present_box .present_contents_title .deco {
          display: none; }
      .campaign_box .container .present_box .present_contents {
        display: flex;
        padding: 43px 66px 42px 67px; }
        .campaign_box .container .present_box .present_contents > div:first-child {
          width: 474px;
          display: flex;
          padding: 20px 18px 20px 40px;
          position: relative;
          background-image: url("../images/campaign/img11.png");
          background-size: contain;
          background-repeat: no-repeat; }
        .campaign_box .container .present_box .present_contents > div:last-child {
          width: calc(100% - 474px);
          display: flex;
          align-items: flex-start; }
        .campaign_box .container .present_box .present_contents .goods {
          text-align: center;
          width: 180px;
          display: flex;
          flex-direction: column;
          justify-content: center;
          align-items: center; }
          .campaign_box .container .present_box .present_contents .goods span {
            background-color: #ffe0e0;
            display: flex;
            justify-content: center;
            align-items: center;
            border-radius: 50%;
            width: 127px;
            height: 127px;
            text-align: center;
            font-size: 18px; }
          .campaign_box .container .present_box .present_contents .goods h4 {
            font-size: 16px;
            text-align: left;
            font-weight: bold;
            margin: 3px 0 0 0;
            height: 58px; }
          .campaign_box .container .present_box .present_contents .goods .img_a_h4 {
            margin: 10px 0 0 0; }
          .campaign_box .container .present_box .present_contents .goods .img_b_h4 {
            margin: 0 0 0 0; }
          .campaign_box .container .present_box .present_contents .goods .img_a {
            width: 53px;
            position: relative;
            top: -10px; }
          .campaign_box .container .present_box .present_contents .goods .img_b {
            width: 56px;
            position: relative;
            top: -12px; }
          .campaign_box .container .present_box .present_contents .goods .img_c {
            width: 76px;
            position: relative;
            top: -10px; }
        .campaign_box .container .present_box .present_contents .or_box {
          padding: 0;
          position: relative;
          top: 140px; }
        .campaign_box .container .present_box .present_contents .or_box img {
          width: 54px; }
        .campaign_box .container .present_box .present_contents .plus_box {
          padding: 0 16px 0 40px;
          position: relative;
          top: 160px; }
        .campaign_box .container .present_box .present_contents .plus_box img {
          width: 54px; }
        .campaign_box .container .present_box .present_contents .deco {
          padding: 0 13px 0 7px;
          position: absolute;
          bottom: -8px;
          left: -47px; }
        .campaign_box .container .present_box .present_contents .deco img {
          width: 81px; }
    .campaign_box .container .more_box {
      background-color: #fff;
      border-radius: 75px;
      position: relative;
      margin: 140px 0 0 0;
      padding: 43px 0 46px 0; }
      .campaign_box .container .more_box .deco {
        position: absolute;
        top: -81px;
        left: calc(50% - 91px); }
        .campaign_box .container .more_box .deco img {
          width: 185px; }
      .campaign_box .container .more_box .more_contents_title {
        text-align: center;
        position: relative;
        height: 59px; }
        .campaign_box .container .more_box .more_contents_title h3 {
          text-align: center;
          font-size: 22px;
          font-weight: bold;
          z-index: 2;
          position: relative;
          top: 17px;
          left: 25px;
          margin: 0; }
        .campaign_box .container .more_box .more_contents_title .title_back {
          text-align: center;
          width: 90%;
          max-width: 716px;
          position: absolute;
          top: 0;
          left: calc(50% - 358px); }
      .campaign_box .container .more_box .more_contents {
        text-align: center;
        margin: 30px 0 0 0; }
        .campaign_box .container .more_box .more_contents .img_a {
          width: 656px; }
        .campaign_box .container .more_box .more_contents .img_b {
          width: 480px;
          margin: 34px 0 0 0; }
      .campaign_box .container .more_box .campaign_contents_p {
        font-size: 27px;
        text-align: center;
        margin: 30px 0 0 0; }
        .campaign_box .container .more_box .campaign_contents_p span {
          background-color: #ffffbc;
          padding: 2px 5px 0 2px; }
        .campaign_box .container .more_box .campaign_contents_p small {
          color: #f76e86;
          font-size: 16px;
          font-weight: bold; }

@media (max-width: 767.98px) {
  .campaign_box {
    background: url("../images/etc/dot.png") repeat left top;
    background-size: 4vw 4vw;
    padding: 0 20px; }
    .campaign_box .container {
      width: 100%;
      max-width: 540px;
      margin: -32px auto 0;
      position: relative;
      padding: 0 0 45px; }
      .campaign_box .container .flag {
        background-image: url("../images/campaign/img7.png");
        width: 106px;
        height: 115px;
        background-size: 106px 115px;
        color: #fff;
        text-align: center;
        padding: 20px 0 0 0;
        font-size: 13px;
        position: absolute;
        top: 0;
        left: 0;
        display: none; }
      .campaign_box .container .main_title {
        text-align: center;
        margin: 0 0 24px 0; }
        .campaign_box .container .main_title img {
          width: 90%; }
      .campaign_box .container .present_box {
        background-color: #fff;
        border-radius: 25px; }
        .campaign_box .container .present_box .present_contents_title {
          text-align: center;
          background-color: #f76e86;
          border-radius: 25px 25px 0 0;
          height: 56px;
          display: flex;
          align-items: center;
          justify-content: center;
          position: relative; }
          .campaign_box .container .present_box .present_contents_title h3 img {
            width: 50%;
            max-width: 400px; }
          .campaign_box .container .present_box .present_contents_title span {
            position: absolute;
            right: -10px;
            top: 20px; }
            .campaign_box .container .present_box .present_contents_title span img {
              width: 75px; }
          .campaign_box .container .present_box .present_contents_title .deco {
            padding: 0 13px 0 7px;
            position: absolute;
            top: -24px;
            left: 10px;
            display: block; }
          .campaign_box .container .present_box .present_contents_title .deco img {
            width: 54px; }
        .campaign_box .container .present_box .present_contents {
          display: flex;
          padding: 40px 10px 10px; }
          .campaign_box .container .present_box .present_contents > div:first-child {
            width: 65%;
            display: flex;
            align-items: flex-start;
            border: 2px dashed #f76e86;
            border-radius: 38px;
            padding: 14px 8px;
            position: relative;
            background-image: none; }
          .campaign_box .container .present_box .present_contents > div:last-child {
            width: 35%;
            display: flex;
            align-items: flex-start;
            position: relative;
            padding: 0 0 0 3px; }
            .campaign_box .container .present_box .present_contents > div:last-child .goods {
              padding: 0 0 0 15px; }
          .campaign_box .container .present_box .present_contents .goods {
            text-align: center;
            width: 180px;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center; }
            .campaign_box .container .present_box .present_contents .goods span {
              background-color: #ffe0e0;
              display: flex;
              justify-content: center;
              align-items: center;
              border-radius: 50%;
              width: 85px;
              height: 85px;
              text-align: center;
              font-size: 13px; }
            .campaign_box .container .present_box .present_contents .goods h4 {
              font-size: 12px;
              text-align: left;
              font-weight: bold;
              margin: 3px 0 0 0;
              height: 58px; }
            .campaign_box .container .present_box .present_contents .goods .img_a_h4 {
              margin: 10px 0 0 0; }
            .campaign_box .container .present_box .present_contents .goods .img_b_h4 {
              margin: 0 0 0 0;
              height: auto; }
            .campaign_box .container .present_box .present_contents .goods .img_a {
              width: 35px;
              position: relative;
              top: -10px; }
            .campaign_box .container .present_box .present_contents .goods .img_b {
              width: 37px;
              position: relative;
              top: -12px; }
            .campaign_box .container .present_box .present_contents .goods .img_c {
              width: 50px;
              position: relative;
              top: -10px; }
          .campaign_box .container .present_box .present_contents .or_box {
            padding: 0;
            position: absolute;
            top: 40%;
            left: 40%; }
          .campaign_box .container .present_box .present_contents .or_box img {
            width: 32px !important; }
          .campaign_box .container .present_box .present_contents .plus_box {
            padding: 0;
            position: absolute;
            top: 40%;
            right: 65%; }
          .campaign_box .container .present_box .present_contents .plus_box img {
            width: 32px !important; }
          .campaign_box .container .present_box .present_contents .deco {
            display: none; }
      .campaign_box .container .more_box {
        background-color: #fff;
        border-radius: 25px;
        position: relative;
        margin: 75px 0 0 0;
        padding: 20px 18px; }
        .campaign_box .container .more_box .deco {
          position: absolute;
          top: -40px;
          left: calc(50% - 45px); }
          .campaign_box .container .more_box .deco img {
            width: 95px; }
        .campaign_box .container .more_box .more_contents_title {
          text-align: center;
          position: relative;
          height: 50px; }
          .campaign_box .container .more_box .more_contents_title h3 {
            text-align: center;
            font-size: 13px;
            font-weight: bold;
            z-index: 2;
            position: relative;
            top: 12px;
            left: 15px;
            margin: 0; }
          .campaign_box .container .more_box .more_contents_title .title_back {
            text-align: center;
            width: 100%;
            max-width: 300px;
            position: absolute;
            top: 0;
            left: calc(50% - 150px); }
          .campaign_box .container .more_box .more_contents_title .neco {
            position: absolute;
            right: calc(50% - 140px);
            top: -96px;
            width: 71px; }
        .campaign_box .container .more_box .more_contents {
          text-align: center;
          margin: 20px 0 0 0; }
          .campaign_box .container .more_box .more_contents .img_a {
            width: 90%;
            max-width: 500px; }
          .campaign_box .container .more_box .more_contents .img_b {
            width: 480px;
            margin: 34px 0 0 0; }
        .campaign_box .container .more_box .campaign_contents_p {
          font-size: 18px;
          text-align: center;
          margin: 15px 0 0 0;
          line-height: 1.6; }
          .campaign_box .container .more_box .campaign_contents_p span {
            background-color: #ffffbc;
            padding: 2px 5px 0 2px; }
          .campaign_box .container .more_box .campaign_contents_p small {
            color: #f76e86;
            font-size: 11px;
            font-weight: bold;
            display: block;
            margin: 15px 0 0 0; } }
/* ママパパSmileプログラムって何？ */
.frills {
  width: 100%;
  height: 35px;
  background-size: 1440px 35px;
  background-repeat: repeat-x;
  position: absolute;
  top: -30px; }

.frills.white {
  background-image: url("../images/what/img3.png"); }

.frills.blue {
  background-image: url("../images/what/img4.png");
  top: 0; }

.whiteback_box {
  background-color: #fff;
  background-size: 23px 23px;
  position: relative; }
  .whiteback_box .container {
    width: 900px;
    margin: 0 auto;
    z-index: 2;
    position: relative; }
  .whiteback_box .what_box {
    border-radius: 75px;
    padding: 0 0 40px 0; }
    .whiteback_box .what_box .what_contents_title {
      text-align: center;
      position: relative;
      padding: 40px 0 0 0; }
      .whiteback_box .what_box .what_contents_title h3 img {
        width: 518px; }
      .whiteback_box .what_box .what_contents_title span {
        position: absolute;
        right: 132px; }
        .whiteback_box .what_box .what_contents_title span img {
          width: 134px; }
    .whiteback_box .what_box .what_contents {
      text-align: center;
      font-size: 22.5px;
      margin: 23px 0 0 0; }
      .whiteback_box .what_box .what_contents span {
        background-color: #ffffbc;
        padding: 1px 0 0 3px;
        display: inline-block;
        line-height: 1.2; }
      .whiteback_box .what_box .what_contents span.mb {
        margin: 0 0 12px 0;
        padding: 1px 3px 0 3px; }
    .whiteback_box .what_box .what_img {
      text-align: center;
      position: relative;
      top: -3px; }
      .whiteback_box .what_box .what_img img {
        width: 473px; }
    .whiteback_box .what_box .what_white_box {
      width: 488px;
      height: 202px;
      background-color: #fff;
      border-radius: 37px;
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column;
      margin: 20px auto 0;
      text-align: center; }
      .whiteback_box .what_box .what_white_box h4 {
        font-size: 31.5px;
        font-weight: bold; }
        .whiteback_box .what_box .what_white_box h4 small {
          display: block;
          font-size: 19.5px;
          font-weight: bold;
          margin: 0 0 2px 0; }
      .whiteback_box .what_box .what_white_box p {
        font-size: 22px;
        position: relative;
        padding: 0 0 0 25px;
        margin: 16px 0 0 0;
        text-align: left; }
        .whiteback_box .what_box .what_white_box p::before {
          content: "";
          width: 20px;
          height: 20px;
          display: block;
          background-color: #ffdd9a;
          position: absolute;
          top: 5px;
          left: 0;
          border-radius: 50%; }
  .whiteback_box .arc-wrapper {
    width: 100%;
    height: 150px;
    overflow: hidden;
    background-color: #8eebfb;
    position: absolute;
    bottom: 250px; }
  .whiteback_box .arc-wrapper svg {
    width: 100%;
    height: 100%;
    display: block; }
  .whiteback_box .bg-below {
    background-color: #8eebfb;
    width: 100%;
    height: 250px;
    position: absolute;
    bottom: 0; }
  .whiteback_box .more_box {
    background-color: #fff;
    border-radius: 75px;
    position: relative;
    margin: 140px 0 0 0;
    padding: 90px 0; }
    .whiteback_box .more_box .deco {
      position: absolute;
      top: -81px;
      left: calc(50% - 91px); }
      .whiteback_box .more_box .deco img {
        width: 185px; }
    .whiteback_box .more_box .more_contents_title {
      text-align: center;
      position: relative; }
      .whiteback_box .more_box .more_contents_title h3 {
        text-align: center;
        font-size: 22px;
        font-weight: bold;
        z-index: 2;
        position: relative;
        top: 15px;
        left: 25px; }
      .whiteback_box .more_box .more_contents_title .title_back {
        text-align: center;
        width: 716px;
        position: absolute;
        top: 0;
        left: calc(50% - 358px); }
    .whiteback_box .more_box .more_contents {
      text-align: center; }
      .whiteback_box .more_box .more_contents .img_a {
        width: 656px; }
      .whiteback_box .more_box .more_contents .img_b {
        width: 480px; }

@media (max-width: 767.98px) {
  .frills {
    width: 100%;
    height: 18px;
    background-size: 720px 18px;
    background-repeat: repeat-x;
    position: absolute;
    top: -12px; }

  .whiteback_box {
    background-color: #fff;
    background-size: 23px 23px;
    position: relative; }
    .whiteback_box .container {
      width: 100%;
      max-width: 540px;
      margin: 0 auto;
      z-index: 2;
      position: relative;
      right: 0 !important;
      padding: 0 15px; }
    .whiteback_box .what_box {
      border-radius: 75px;
      padding: 0 0 20px 0; }
      .whiteback_box .what_box .what_contents_title {
        text-align: center;
        position: relative;
        padding: 40px 0 0 0; }
        .whiteback_box .what_box .what_contents_title h3 img {
          width: 100%;
          max-width: 500px; }
        .whiteback_box .what_box .what_contents_title span {
          position: absolute;
          right: 132px; }
          .whiteback_box .what_box .what_contents_title span img {
            width: 134px; }
      .whiteback_box .what_box .what_contents {
        text-align: center;
        font-size: 15px;
        margin: 23px 0 0 0; }
        .whiteback_box .what_box .what_contents span {
          background-color: #ffffbc;
          padding: 1px 0 0 3px;
          display: inline-block;
          line-height: 1.2; }
        .whiteback_box .what_box .what_contents span.mb {
          margin: 0 0 12px 0;
          padding: 1px 3px 0 3px; }
      .whiteback_box .what_box .what_img {
        text-align: center;
        position: relative;
        top: -3px; }
        .whiteback_box .what_box .what_img img {
          width: 473px; }
      .whiteback_box .what_box .what_white_box {
        width: 96%;
        height: auto;
        background-color: #fff;
        border-radius: 25px;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        margin: 20px auto 0;
        text-align: center;
        padding: 20px 0; }
        .whiteback_box .what_box .what_white_box h4 {
          font-size: 21px;
          font-weight: bold; }
          .whiteback_box .what_box .what_white_box h4 small {
            display: block;
            font-size: 13px;
            font-weight: bold;
            margin: 0 0 2px 0; }
        .whiteback_box .what_box .what_white_box p {
          font-size: 14px;
          position: relative;
          padding: 0 0 0 25px;
          margin: 16px 0 0 0;
          text-align: left; }
          .whiteback_box .what_box .what_white_box p::before {
            content: "";
            width: 16px;
            height: 16px;
            display: block;
            background-color: #ffdd9a;
            position: absolute;
            top: 2px;
            left: 0;
            border-radius: 50%; }
    .whiteback_box .arc-wrapper {
      width: 100%;
      height: 68px;
      overflow: hidden;
      background-color: #8eebfb;
      position: absolute;
      bottom: 200px; }
      .whiteback_box .arc-wrapper::before {
        content: "";
        background-color: #fff;
        width: 100%;
        height: 5px;
        top: 0;
        position: absolute;
        top: -1px;
        z-index: 1; }
    .whiteback_box .arc-wrapper svg {
      width: 100%;
      height: 100%;
      display: block; }
    .whiteback_box .bg-below {
      background-color: #8eebfb;
      width: 100%;
      height: 200px;
      position: absolute;
      bottom: 0; }
    .whiteback_box .more_box {
      background-color: #fff;
      border-radius: 75px;
      position: relative;
      margin: 140px 0 0 0;
      padding: 90px 0; }
      .whiteback_box .more_box .deco {
        position: absolute;
        top: -81px;
        left: calc(50% - 91px); }
        .whiteback_box .more_box .deco img {
          width: 185px; }
      .whiteback_box .more_box .more_contents_title {
        text-align: center;
        position: relative; }
        .whiteback_box .more_box .more_contents_title h3 {
          text-align: center;
          font-size: 22px;
          font-weight: bold;
          z-index: 2;
          position: relative;
          top: 15px;
          left: 25px; }
        .whiteback_box .more_box .more_contents_title .title_back {
          text-align: center;
          width: 90%;
          position: absolute;
          top: 0;
          left: calc(50% - 358px); }
      .whiteback_box .more_box .more_contents {
        text-align: center; }
        .whiteback_box .more_box .more_contents .img_a {
          width: 656px; }
        .whiteback_box .more_box .more_contents .img_b {
          width: 480px; } }
/* 4つの特典 */
.whiteback_box {
  background-color: #fff;
  background-size: 23px 23px;
  position: relative; }
  .whiteback_box .container {
    width: 960px;
    margin: 0 auto;
    z-index: 2;
    position: relative;
    padding: 0; }
  .whiteback_box .benefits_box {
    border-radius: 75px;
    padding: 0 0 70px 0; }
    .whiteback_box .benefits_box .benefits_contents_title {
      text-align: center;
      position: relative;
      padding: 140px 0 0 0;
      margin: 0 0 78px 0; }
      .whiteback_box .benefits_box .benefits_contents_title h3 img {
        width: 489px; }
      .whiteback_box .benefits_box .benefits_contents_title span {
        position: absolute;
        right: 132px; }
        .whiteback_box .benefits_box .benefits_contents_title span img {
          width: 134px; }
    .whiteback_box .benefits_box .benefits_contents {
      text-align: center;
      font-size: 22.5px;
      margin: 23px 0 0 0; }
      .whiteback_box .benefits_box .benefits_contents span {
        background-color: #ffffbc;
        padding: 1px 0 0 3px;
        display: inline-block;
        line-height: 1.2; }
      .whiteback_box .benefits_box .benefits_contents span.mb {
        margin: 0 0 12px 0;
        padding: 1px 3px 0 3px; }
    .whiteback_box .benefits_box .benefits_ul {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      list-style: none;
      margin: 0;
      position: relative;
      right: -15px;
      width: 960px; }
      .whiteback_box .benefits_box .benefits_ul li {
        background-color: #fef9e9;
        border-radius: 0 60px 0 60px;
        width: 450px;
        position: relative;
        padding: 29px;
        margin: 0 0 75px 0; }
        .whiteback_box .benefits_box .benefits_ul li .num {
          position: absolute;
          left: -41px;
          top: -30px; }
          .whiteback_box .benefits_box .benefits_ul li .num img {
            width: 139px; }
        .whiteback_box .benefits_box .benefits_ul li h4 {
          padding: 0 0 7px 3px;
          margin: 0 0 10px 70px;
          font-size: 25px;
          font-weight: bold;
          border-bottom: 2px solid #675a54;
          position: relative; }
          .whiteback_box .benefits_box .benefits_ul li h4 span {
            background-color: #f8cacd;
            font-size: 14px;
            border-radius: 5px;
            width: 38px;
            height: 38px;
            display: flex;
            justify-content: center;
            align-items: center;
            padding: 3px 2px 0 2px;
            line-height: 1.2;
            position: absolute;
            right: 0;
            top: -8px; }
        .whiteback_box .benefits_box .benefits_ul li p {
          margin: 0 0 10px 70px;
          font-size: 20px;
          font-weight: normal; }
          .whiteback_box .benefits_box .benefits_ul li p span {
            font-weight: bold; }
        .whiteback_box .benefits_box .benefits_ul li small {
          font-size: 13.5px;
          text-indent: -1em;
          padding-left: 1em;
          display: block;
          margin: 5px 0 0 0; }
        .whiteback_box .benefits_box .benefits_ul li .li3_sm {
          margin: 10px 0 0 0; }
        .whiteback_box .benefits_box .benefits_ul li .small_red {
          color: #ef615d;
          font-weight: bold; }
          .whiteback_box .benefits_box .benefits_ul li .small_red a {
            color: #ef615d;
            text-decoration: underline;
            text-underline-offset: 2px; }
        .whiteback_box .benefits_box .benefits_ul li:nth-child(3) h5 {
          text-align: center;
          font-size: 20px;
          font-weight: bold;
          position: relative;
          width: 266px;
          margin: 0 auto 10px;
          padding: 0 0 3px 0; }
          .whiteback_box .benefits_box .benefits_ul li:nth-child(3) h5::before, .whiteback_box .benefits_box .benefits_ul li:nth-child(3) h5::after {
            content: "";
            position: absolute;
            bottom: 0;
            width: 3px;
            height: 28px;
            background: #675a54; }
          .whiteback_box .benefits_box .benefits_ul li:nth-child(3) h5::before {
            transform: rotate(-30deg);
            left: 0; }
          .whiteback_box .benefits_box .benefits_ul li:nth-child(3) h5::after {
            transform: rotate(30deg);
            right: 0; }
        .whiteback_box .benefits_box .benefits_ul li:nth-child(3) .check_btn {
          display: flex;
          justify-content: space-between;
          margin: 0 0 16px 0; }
          .whiteback_box .benefits_box .benefits_ul li:nth-child(3) .check_btn a {
            width: 190px;
            height: 52px;
            display: flex;
            justify-content: center;
            align-items: center;
            border: 2px solid #675a54;
            border-radius: 30px 0 30px 0;
            background-color: #fff;
            color: #675a54;
            font-size: 20px;
            position: relative;
            padding: 0 15px 0 0; }
            .whiteback_box .benefits_box .benefits_ul li:nth-child(3) .check_btn a::before {
              content: "";
              width: 13px;
              height: 21px;
              background-image: url("../images/benefits/img10.png");
              background-size: 13px 21px;
              position: absolute;
              top: 14px;
              right: 10px;
              background-repeat: no-repeat; }
        .whiteback_box .benefits_box .benefits_ul li:nth-child(3) small .smile_icon {
          color: #fff;
          width: 99px;
          height: 20px;
          display: inline-block;
          text-align: center;
          text-indent: 0;
          padding-left: 0;
          margin: 0 3px; }
        .whiteback_box .benefits_box .benefits_ul li:nth-child(3) small .smile_icon.pink {
          background-color: #ff9999; }
        .whiteback_box .benefits_box .benefits_ul li:nth-child(3) small .smile_icon.red {
          background-color: #ff3333; }
        .whiteback_box .benefits_box .benefits_ul li:nth-child(3), .whiteback_box .benefits_box .benefits_ul li:nth-child(4) {
          margin: 0; }
      .whiteback_box .benefits_box .benefits_ul .benefits_img {
        text-align: center;
        height: 258px;
        display: flex;
        justify-content: center;
        align-items: center; }
      .whiteback_box .benefits_box .benefits_ul .benefits_img.height2 {
        height: 236px; }
      .whiteback_box .benefits_box .benefits_ul .benefits_img.height3 {
        height: 230px; }
      .whiteback_box .benefits_box .benefits_ul .benefits_li1 .benefits_img img {
        width: 286px;
        position: relative;
        left: 30px; }
      .whiteback_box .benefits_box .benefits_ul .benefits_li2 .benefits_img img {
        width: 298px; }
      .whiteback_box .benefits_box .benefits_ul .benefits_li3 .benefits_img img {
        width: 274px; }
      .whiteback_box .benefits_box .benefits_ul .benefits_li4 .benefits_img img {
        width: 308px; }

@media (max-width: 767.98px) {
  .whiteback_box {
    background-color: #fff;
    background-size: 23px 23px;
    position: relative; }
    .whiteback_box .container {
      width: 100%;
      margin: 0 auto;
      z-index: 2;
      position: relative;
      padding: 0 15px; }
    .whiteback_box .benefits_box {
      border-radius: 75px;
      padding: 0 0 40px 0; }
      .whiteback_box .benefits_box .benefits_contents_title {
        text-align: center;
        position: relative;
        padding: 60px 0 0 0;
        margin: 0 0 37px 0; }
        .whiteback_box .benefits_box .benefits_contents_title h3 img {
          width: 90%;
          max-width: 450px; }
        .whiteback_box .benefits_box .benefits_contents_title span {
          position: absolute;
          right: 132px; }
          .whiteback_box .benefits_box .benefits_contents_title span img {
            width: 134px; }
      .whiteback_box .benefits_box .benefits_contents {
        text-align: center;
        font-size: 22.5px;
        margin: 23px 0 0 0; }
        .whiteback_box .benefits_box .benefits_contents span {
          background-color: #ffffbc;
          padding: 1px 0 0 3px;
          display: inline-block;
          line-height: 1.2; }
        .whiteback_box .benefits_box .benefits_contents span.mb {
          margin: 0 0 12px 0;
          padding: 1px 3px 0 3px; }
      .whiteback_box .benefits_box .benefits_ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        list-style: none;
        margin: 0;
        padding: 0 5px 0 25px;
        right: 0;
        width: 100%; }
        .whiteback_box .benefits_box .benefits_ul li {
          background-color: #fef9e9;
          border-radius: 0 20px 0 20px;
          width: 100%;
          position: relative;
          padding: 29px;
          margin: 0 0 45px 0;
          padding: 15px; }
          .whiteback_box .benefits_box .benefits_ul li .num {
            position: absolute;
            left: -25px;
            top: -30px; }
            .whiteback_box .benefits_box .benefits_ul li .num img {
              width: 88px; }
          .whiteback_box .benefits_box .benefits_ul li h4 {
            padding: 0 0 5px 3px;
            margin: 0 0 5px 50px;
            font-size: 18px;
            font-weight: bold;
            border-bottom: 2px solid #675a54;
            position: relative; }
            .whiteback_box .benefits_box .benefits_ul li h4 span {
              background-color: #f8cacd;
              font-size: 10px;
              border-radius: 2px;
              width: 26px;
              height: 26px;
              display: flex;
              justify-content: center;
              align-items: center;
              padding: 1px 1px 1px 1px;
              line-height: 1.2;
              position: absolute;
              right: 0;
              top: -3px; }
          .whiteback_box .benefits_box .benefits_ul li p {
            margin: 0 0 10px 50px;
            font-size: 14px;
            font-weight: normal; }
            .whiteback_box .benefits_box .benefits_ul li p span {
              font-weight: bold; }
          .whiteback_box .benefits_box .benefits_ul li small {
            font-size: 12px;
            text-indent: -1em;
            padding-left: 1em;
            display: block;
            margin: 5px 0 10px 0; }
          .whiteback_box .benefits_box .benefits_ul li .li3_sm {
            margin: 10px 0 0 0; }
          .whiteback_box .benefits_box .benefits_ul li .small_red {
            color: #ef615d;
            font-weight: bold; }
            .whiteback_box .benefits_box .benefits_ul li .small_red a {
              color: #ef615d;
              text-decoration: underline;
              text-underline-offset: 2px; }
          .whiteback_box .benefits_box .benefits_ul li:nth-child(3) {
            margin: 0 0 45px 0; }
            .whiteback_box .benefits_box .benefits_ul li:nth-child(3) h5 {
              text-align: center;
              font-size: 15px;
              font-weight: bold;
              position: relative;
              width: 266px;
              margin: 0 auto 10px;
              padding: 0 0 3px 0; }
              .whiteback_box .benefits_box .benefits_ul li:nth-child(3) h5::before, .whiteback_box .benefits_box .benefits_ul li:nth-child(3) h5::after {
                content: "";
                position: absolute;
                bottom: 0;
                width: 2px;
                height: 22px;
                background: #675a54; }
              .whiteback_box .benefits_box .benefits_ul li:nth-child(3) h5::before {
                transform: rotate(-30deg);
                left: 30px; }
              .whiteback_box .benefits_box .benefits_ul li:nth-child(3) h5::after {
                transform: rotate(30deg);
                right: 30px; }
            .whiteback_box .benefits_box .benefits_ul li:nth-child(3) .check_btn {
              display: flex;
              flex-wrap: wrap;
              justify-content: center;
              margin: 0 0 16px 0; }
              .whiteback_box .benefits_box .benefits_ul li:nth-child(3) .check_btn a {
                width: 96%;
                height: 35px;
                display: flex;
                justify-content: center;
                align-items: center;
                border: 2px solid #675a54;
                border-radius: 20px 0 20px 0;
                background-color: #fff;
                color: #675a54;
                font-size: 16px;
                position: relative;
                padding: 0 15px 0 0;
                margin: 0 0 12px 0; }
                .whiteback_box .benefits_box .benefits_ul li:nth-child(3) .check_btn a::before {
                  content: "";
                  width: 8px;
                  height: 15px;
                  background-image: url("../images/benefits/img10.png");
                  background-size: 8px 15px;
                  position: absolute;
                  top: 8px;
                  right: 18px;
                  background-repeat: no-repeat; }
            .whiteback_box .benefits_box .benefits_ul li:nth-child(3) small .smile_icon {
              color: #fff;
              width: 92px;
              height: 18px;
              display: inline-block;
              text-align: center;
              text-indent: 0;
              padding-left: 0;
              margin: 0 3px; }
            .whiteback_box .benefits_box .benefits_ul li:nth-child(3) small .smile_icon.pink {
              background-color: #ff9999; }
            .whiteback_box .benefits_box .benefits_ul li:nth-child(3) small .smile_icon.red {
              background-color: #ff3333; }
          .whiteback_box .benefits_box .benefits_ul li:nth-child(4) {
            margin: 0; }
        .whiteback_box .benefits_box .benefits_ul .benefits_img {
          text-align: center;
          height: auto;
          display: flex;
          justify-content: center;
          align-items: center;
          padding: 10px 0; }
        .whiteback_box .benefits_box .benefits_ul .benefits_img.height2 {
          height: auto; }
        .whiteback_box .benefits_box .benefits_ul .benefits_img.height3 {
          height: auto; }
        .whiteback_box .benefits_box .benefits_ul .benefits_li1 .benefits_img img {
          max-width: 286px;
          width: 74%;
          position: relative;
          left: 20px; }
        .whiteback_box .benefits_box .benefits_ul .benefits_li2 .benefits_img img {
          max-width: 298px;
          width: 74%; }
        .whiteback_box .benefits_box .benefits_ul .benefits_li3 .benefits_img img {
          max-width: 274px;
          width: 74%; }
        .whiteback_box .benefits_box .benefits_ul .benefits_li4 .benefits_img img {
          max-width: 308px;
          width: 74%; } }
/* 応募方法 */
.wave {
  width: 100%;
  height: 120px;
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  top: -25px; }

.wave {
  background-image: url("../images/apply/wave.png"); }

@media (min-width: 2000px) {
  .wave {
    height: 300px;
    background-size: cover; } }
.apply_box {
  background: url("../images/etc/dot.png") repeat left top;
  background-size: 23px 23px;
  position: relative; }
  .apply_box .container {
    width: 900px;
    margin: 0 auto;
    position: relative;
    padding: 72px 0 90px; }
    .apply_box .container .apply_contents_title {
      text-align: center;
      margin: 60px 0 125px 0; }
      .apply_box .container .apply_contents_title img {
        width: 254px; }
    .apply_box .container .top_deco {
      position: absolute;
      top: 194px;
      left: 120px; }
      .apply_box .container .top_deco img {
        width: 99px;
        height: 150px; }
    .apply_box .container .apply_content {
      background-color: #fff;
      border: 3px solid #675a54;
      border-radius: 50px;
      position: relative;
      padding: 70px 60px 50px; }
      .apply_box .container .apply_content .step {
        position: absolute;
        top: -70px;
        left: calc(50% - 72px);
        background-image: url(../images/apply/box1/1-5.png);
        width: 144px;
        height: 72px;
        background-size: contain;
        background-repeat: no-repeat;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        padding: 80px 0 0 0; }
        .apply_box .container .apply_content .step::before {
          content: "";
          background-color: #fff;
          width: 136px;
          height: 8px;
          position: absolute;
          bottom: 7px; }
        .apply_box .container .apply_content .step span {
          font-size: 28px;
          line-height: 1.0;
          margin: 0 0 20px 0; }
        .apply_box .container .apply_content .step strong {
          font-size: 38px;
          color: #f76e86;
          line-height: 1.0; }
      .apply_box .container .apply_content h4 {
        font-weight: bold;
        text-align: center;
        font-size: 36px;
        margin: 0 0 40px 0; }
      .apply_box .container .apply_content .gentei {
        position: relative;
        margin: 0 0 11px 0; }
        .apply_box .container .apply_content .gentei h5 {
          font-size: 24px;
          color: #f76e86;
          font-weight: bold;
          text-align: center;
          margin: 0 0 5px 0; }
        .apply_box .container .apply_content .gentei img {
          width: 22px;
          height: auto;
          position: absolute;
          position: absolute;
          top: -10px;
          right: calc(50% - 165px); }
        .apply_box .container .apply_content .gentei small {
          font-size: 18px;
          font-weight: bold;
          text-align: center;
          display: block; }
        .apply_box .container .apply_content .gentei::before {
          content: "";
          background-image: url("../images/apply/box1/1-3.png");
          width: 28px;
          height: 43px;
          background-size: 28px 43px;
          display: block;
          transform: scale(-1, 1);
          position: absolute;
          top: 13px;
          left: calc(50% - 255px); }
        .apply_box .container .apply_content .gentei::after {
          content: "";
          background-image: url("../images/apply/box1/1-3.png");
          width: 28px;
          height: 43px;
          background-size: 28px 43px;
          display: block;
          position: absolute;
          top: 13px;
          right: calc(50% - 255px); }
      .apply_box .container .apply_content .apply_btn {
        background-image: linear-gradient(0deg, #ffebeb, #ffffff);
        width: 420px;
        height: 79px;
        border-radius: 50px;
        border: 1px solid rgba(247, 110, 134, 0.4);
        color: #675a54;
        margin: 0 auto 20px;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 21px;
        box-shadow: 0px 5px 4px rgba(0, 78, 162, 0.4);
        position: relative; }
        .apply_box .container .apply_content .apply_btn::after {
          content: "";
          background-image: url("../images/apply/yajirushi_pink.svg");
          width: 26px;
          height: 26px;
          background-size: 26px 26px;
          display: block;
          position: absolute;
          top: 24px;
          right: 15px; }
      .apply_box .container .apply_content .apply_btn.blue {
        background-image: linear-gradient(0deg, #d6fcff, #ffffff);
        border: 1px solid #97d1d6; }
        .apply_box .container .apply_content .apply_btn.blue::after {
          content: "";
          background-image: url("../images/apply/yajirushi_blue.svg"); }
      .apply_box .container .apply_content .step1_img {
        text-align: center;
        margin: 0 0 54px 0; }
      .apply_box .container .apply_content .step1_img img {
        width: 762px; }
      .apply_box .container .apply_content .step1_memo {
        text-align: center;
        margin: 0 auto 34px; }
        .apply_box .container .apply_content .step1_memo a {
          text-decoration: underline;
          text-underline-offset: 2px;
          color: #675a54; }
      .apply_box .container .apply_content .present_flex {
        display: flex;
        justify-content: center;
        align-items: center; }
        .apply_box .container .apply_content .present_flex h5 {
          background-color: #d6fcff;
          color: #004ea2;
          width: 208px;
          height: 64px;
          border-radius: 50px;
          display: flex;
          justify-content: center;
          align-items: center;
          font-weight: bold;
          font-size: 27px;
          margin: 0 0 20px 0; }
        .apply_box .container .apply_content .present_flex > div {
          text-align: center; }
        .apply_box .container .apply_content .present_flex .present_flex_1 img {
          width: 177px; }
        .apply_box .container .apply_content .present_flex .or_box {
          padding: 0 10px; }
          .apply_box .container .apply_content .present_flex .or_box img {
            width: 74px; }
        .apply_box .container .apply_content .present_flex .present_flex_2 img {
          width: 181px; }
      .apply_box .container .apply_content .apply_btn2 {
        background-image: linear-gradient(0deg, #fc9f1c 0%, #feb649);
        width: 600px;
        height: 76px;
        border-radius: 50px;
        color: #fff;
        margin: 35px auto 20px;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 24px;
        box-shadow: 0px 5px 4px rgba(0, 78, 162, 0.4);
        position: relative;
        padding: 0 0 0 38px; }
        .apply_box .container .apply_content .apply_btn2::before {
          content: "";
          background-image: url("../images/apply/box2/2-4.png");
          width: 77px;
          height: 57px;
          background-size: 77px 57px;
          display: block;
          position: absolute;
          top: 10px;
          left: 15px; }
        .apply_box .container .apply_content .apply_btn2.box5::before {
          content: "";
          background-image: url("../images/apply/box5/5-4.png");
          width: 92px;
          height: 70px;
          font-size: 24px;
          background-size: 92px 70px;
          display: block;
          position: absolute;
          bottom: 0px;
          left: 9px;
          top: auto; }
        .apply_box .container .apply_content .apply_btn2::after {
          content: "";
          background-image: url("../images/apply/yajirushi_orange.svg");
          width: 29px;
          height: 29px;
          background-size: 29px 29px;
          display: block;
          position: absolute;
          top: 23px;
          right: 15px; }
      .apply_box .container .apply_content .side_deco {
        position: absolute;
        right: 0;
        top: -48px; }
        .apply_box .container .apply_content .side_deco img {
          width: 168px;
          height: auto; }
      .apply_box .container .apply_content.box3 h4 {
        position: absolute;
        top: -32px;
        left: calc(50% - 219px); }
        .apply_box .container .apply_content.box3 h4 img {
          width: 438px;
          height: auto; }
      .apply_box .container .apply_content .box3_text {
        margin: 0 0 16px 0; }
        .apply_box .container .apply_content .box3_text > div {
          display: flex;
          align-items: center;
          width: 614px;
          margin: 0 auto; }
          .apply_box .container .apply_content .box3_text > div h5 {
            font-size: 24px;
            font-weight: bold;
            border-radius: 50px;
            border: 2px solid #675a54;
            width: 330px;
            height: 46px;
            display: flex;
            justify-content: center;
            align-items: center; }
          .apply_box .container .apply_content .box3_text > div p {
            font-size: 29px;
            padding: 0 0 0 20px;
            width: calc(100% - 330px); }
            .apply_box .container .apply_content .box3_text > div p span {
              font-size: 26px; }
          .apply_box .container .apply_content .box3_text > div:first-child {
            margin: 0 auto 15px; }
      .apply_box .container .apply_content .box3_apply_memo {
        font-size: 14px;
        width: 420px;
        margin: 0 auto; }
      .apply_box .container .apply_content .gray_box {
        background-color: #f3f3f3;
        width: 750px;
        margin: 30px auto 0;
        border-radius: 23px;
        padding: 33px 46px; }
        .apply_box .container .apply_content .gray_box h5 {
          font-size: 28px;
          margin: 0 auto 30px;
          text-align: center;
          font-weight: bold; }
        .apply_box .container .apply_content .gray_box ul {
          list-style: disc;
          font-size: 18px;
          margin: 0 auto;
          padding: 0 0 0 10px; }
          .apply_box .container .apply_content .gray_box ul li {
            margin: 0 0 10px 0; }
      .apply_box .container .apply_content.box4 h4 {
        position: absolute;
        top: -193px;
        left: calc(50% - 305px); }
        .apply_box .container .apply_content.box4 h4 img {
          width: 610px;
          height: auto; }
      .apply_box .container .apply_content .box4_flex {
        margin: 30px 0 0 0; }
        .apply_box .container .apply_content .box4_flex > div {
          display: flex;
          border-bottom: 2px solid #c9e3e5;
          width: 750px;
          padding: 0 0 55px 0;
          margin: 0 0 52px 0; }
          .apply_box .container .apply_content .box4_flex > div:last-child {
            border-bottom: 0;
            margin: 0;
            padding: 0 0 30px 0; }
        .apply_box .container .apply_content .box4_flex .box4_flex_img {
          width: 275px;
          text-align: center; }
          .apply_box .container .apply_content .box4_flex .box4_flex_img .img_a {
            width: 113px;
            position: relative;
            top: 5px; }
          .apply_box .container .apply_content .box4_flex .box4_flex_img .img_b {
            width: 100px;
            position: relative;
            top: 5px; }
          .apply_box .container .apply_content .box4_flex .box4_flex_img .img_c {
            width: 83px;
            position: relative;
            top: 5px; }
        .apply_box .container .apply_content .box4_flex .box4_flex_text {
          width: calc(100% - 275px); }
          .apply_box .container .apply_content .box4_flex .box4_flex_text h5 {
            color: #004ea2;
            font-size: 28px;
            font-weight: bold; }
          .apply_box .container .apply_content .box4_flex .box4_flex_text .icon {
            display: flex;
            align-items: center;
            margin: 23px 0 21px 0; }
            .apply_box .container .apply_content .box4_flex .box4_flex_text .icon .icon1 {
              width: auto;
              height: 67px;
              margin: 0 15px 0 0; }
            .apply_box .container .apply_content .box4_flex .box4_flex_text .icon .icon2 {
              width: auto;
              height: 59px; }
            .apply_box .container .apply_content .box4_flex .box4_flex_text .icon .icon3 {
              width: auto;
              height: 64px; }
            .apply_box .container .apply_content .box4_flex .box4_flex_text .icon .icon4 {
              width: auto;
              height: 59px; }
          .apply_box .container .apply_content .box4_flex .box4_flex_text p {
            font-size: 17px; }
            .apply_box .container .apply_content .box4_flex .box4_flex_text p small {
              font-size: 14px;
              font-weight: bold; }
      .apply_box .container .apply_content .apply_btn3 {
        width: 300px;
        height: 53px;
        border-radius: 50px;
        background-color: #f76e86;
        color: #fff;
        margin: 35px 0 0 0;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 22px;
        box-shadow: 0px 5px 4px rgba(0, 78, 162, 0.4);
        position: relative;
        padding: 0 0 0 38px; }
        .apply_box .container .apply_content .apply_btn3::before {
          content: "";
          background-image: url("../images/apply/box4/4-6.png");
          width: 11px;
          height: 20px;
          background-size: 11px 20px;
          display: block;
          position: absolute;
          top: 16px;
          left: 50px; }
      .apply_box .container .apply_content.box5 h4 {
        background-image: url("../images/apply/box5/5-2.png");
        color: #004ea2;
        font-size: 27px;
        width: 817px;
        height: 73px;
        background-size: contain;
        display: flex;
        justify-content: center;
        align-items: center; }
      .apply_box .container .apply_content .box5_img {
        text-align: center; }
        .apply_box .container .apply_content .box5_img img {
          width: 646px; }
      .apply_box .container .apply_content .box5_title {
        text-align: center; }
        .apply_box .container .apply_content .box5_title span {
          background-color: #f76e86;
          color: #fff;
          border-radius: 50px;
          width: 106px;
          height: 38px;
          display: flex;
          justify-content: center;
          align-items: center;
          font-size: 20px;
          margin: 0 auto 5px;
          padding: 0 0 0 4px; }
        .apply_box .container .apply_content .box5_title h5 {
          font-size: 22px;
          color: #f76e86;
          font-weight: bold;
          margin: 0 auto 3px; }
        .apply_box .container .apply_content .box5_title p {
          font-size: 22px;
          color: #004ea2; }
      .apply_box .container .apply_content .secret_box {
        text-align: center;
        margin: 78px 0 0 0; }
        .apply_box .container .apply_content .secret_box h5 {
          color: #004ea2;
          background-color: #ffffbc;
          padding: 1px 0 1px 1px;
          font-size: 35px;
          font-weight: bold;
          display: inline-block;
          margin: 0 0 25px 0;
          padding: 1px 0 1px 3px; }
        .apply_box .container .apply_content .secret_box ul {
          display: flex;
          justify-content: space-between;
          width: 548px;
          margin: 0 auto; }
          .apply_box .container .apply_content .secret_box ul li {
            width: 140px;
            height: 140px;
            display: flex;
            justify-content: center;
            align-items: center;
            background-color: #ffa1b1;
            color: #fff;
            border-radius: 50%;
            font-size: 20px; }
      .apply_box .container .apply_content .pink_box {
        background-color: #fdeff2;
        width: 750px;
        margin: 60px auto 50px;
        border-radius: 23px;
        padding: 33px 46px; }
        .apply_box .container .apply_content .pink_box h5 {
          font-size: 28px;
          margin: 0 auto 30px;
          text-align: center;
          font-weight: bold;
          color: #f76e86; }
        .apply_box .container .apply_content .pink_box ul {
          list-style: disc;
          font-size: 18px;
          margin: 0 auto;
          padding: 0 0 0 10px; }
          .apply_box .container .apply_content .pink_box ul li {
            margin: 0 0 10px 0; }
          .apply_box .container .apply_content .pink_box ul .li_pink {
            color: #f76e86; }
      .apply_box .container .apply_content .more {
        position: absolute;
        top: -104px;
        left: calc(50% - 296px); }
        .apply_box .container .apply_content .more img {
          width: 593px; }
      .apply_box .container .apply_content.box5 .apply_btn2 {
        margin-top: 0;
        flex-direction: column;
        font-size: 29px; }
        .apply_box .container .apply_content.box5 .apply_btn2 small {
          font-weight: bold;
          font-size: 24px; }
    .apply_box .container .apply_content.box1 {
      background-image: url("../images/apply/box1/1-4.png");
      background-size: 230px 178.5px;
      background-position: right bottom;
      background-repeat: no-repeat; }
    .apply_box .container .apply_content.box2 {
      margin: 120px 0 0 0; }
    .apply_box .container .apply_content.box3 {
      margin: 80px 0 0 0; }
    .apply_box .container .apply_content.box4 {
      margin: 264px 0 0 0; }
    .apply_box .container .apply_content.box5 {
      margin: 150px 0 0 0;
      padding: 34px 40px 65px; }
    .apply_box .container .bottom_contents {
      text-align: center;
      margin: 55px 0 0 0; }
      .apply_box .container .bottom_contents .fukidashi {
        background-color: #ffe28e;
        text-align: center;
        color: #004ea2;
        height: 83px;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 27px;
        border-radius: 60px;
        margin: 0 0 40px 0;
        position: relative; }
        .apply_box .container .bottom_contents .fukidashi::before {
          content: "";
          clip-path: polygon(50% 100%, 0 0, 100% 0);
          background-color: #ffe28e;
          width: 16px;
          height: 15px;
          display: block;
          position: absolute;
          bottom: -14px; }
      .apply_box .container .bottom_contents .bottom_banner img {
        width: 759px; }

@media (max-width: 767.98px) {
  .wave {
    width: 100%;
    height: 90px;
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    top: -20px; }

  .wave {
    background-image: url("../images/apply/wave_sp.png"); }

  .apply_box {
    background: url("../images/etc/dot.png") repeat left top;
    background-size: 23px 23px;
    position: relative; }
    .apply_box .container {
      width: 100%;
      max-width: 540px;
      margin: 0 auto;
      position: relative;
      padding: 72px 20px 40px; }
      .apply_box .container .apply_contents_title {
        text-align: center;
        margin: 20px 0 70px 0; }
        .apply_box .container .apply_contents_title img {
          width: 175px; }
      .apply_box .container .top_deco {
        position: absolute;
        top: 110px;
        left: calc(50% - 168px); }
        .apply_box .container .top_deco img {
          width: 66px;
          height: 100px; }
      .apply_box .container .apply_content {
        background-color: #fff;
        border: 2px solid #675a54;
        border-radius: 25px;
        position: relative;
        padding: 45px 15px 30px; }
        .apply_box .container .apply_content .step {
          position: absolute;
          top: -44px;
          left: calc(50% - 46px);
          background-image: url(../images/apply/box1/1-5.png);
          width: 91px;
          height: 50px;
          background-size: contain;
          background-repeat: no-repeat;
          display: flex;
          justify-content: center;
          align-items: center;
          flex-direction: column;
          padding: 52px 0 0 0; }
          .apply_box .container .apply_content .step::before {
            display: none; }
          .apply_box .container .apply_content .step span {
            font-size: 19px;
            line-height: 1.0;
            margin: 0 0 2px 0; }
          .apply_box .container .apply_content .step strong {
            font-size: 25px;
            color: #f76e86;
            line-height: 1.0; }
        .apply_box .container .apply_content h4 {
          font-weight: bold;
          text-align: center;
          font-size: 20px;
          margin: 0 0 32px 0; }
        .apply_box .container .apply_content .gentei {
          position: relative;
          margin: 0 0 11px 0; }
          .apply_box .container .apply_content .gentei h5 {
            font-size: 16px;
            color: #f76e86;
            font-weight: bold;
            text-align: center;
            margin: 0 0 5px 0; }
          .apply_box .container .apply_content .gentei img {
            width: 15px;
            height: auto;
            position: absolute;
            position: absolute;
            top: -8px;
            right: calc(50% - 110px); }
          .apply_box .container .apply_content .gentei small {
            font-size: 13px;
            font-weight: bold;
            text-align: center;
            display: block; }
          .apply_box .container .apply_content .gentei::before {
            content: "";
            background-image: url("../images/apply/box1/1-3_sp.png");
            width: 32px;
            height: 58px;
            background-size: 32px 58px;
            display: block;
            transform: none;
            position: absolute;
            top: 3px;
            left: calc(50% - 150px); }
          .apply_box .container .apply_content .gentei::after {
            content: "";
            background-image: url("../images/apply/box1/1-3_sp.png");
            width: 32px;
            height: 58px;
            background-size: 32px 58px;
            display: block;
            transform: scale(-1, 1);
            position: absolute;
            top: 3px;
            right: calc(50% - 150px); }
        .apply_box .container .apply_content .apply_btn {
          background-image: linear-gradient(0deg, #ffebeb, #ffffff);
          width: 100%;
          height: 52px;
          border-radius: 50px;
          border: 1px solid rgba(247, 110, 134, 0.4);
          color: #675a54;
          margin: 0 auto 18px;
          display: flex;
          justify-content: center;
          align-items: center;
          font-size: 16px;
          box-shadow: 0px 5px 4px rgba(0, 78, 162, 0.4);
          position: relative;
          padding: 0 10px 0 0; }
          .apply_box .container .apply_content .apply_btn::after {
            content: "";
            background-image: url("../images/apply/yajirushi_pink.svg");
            width: 17px;
            height: 17px;
            background-size: 17px 17px;
            display: block;
            position: absolute;
            top: 16px;
            right: 12px; }
        .apply_box .container .apply_content .apply_btn.blue {
          background-image: linear-gradient(0deg, #d6fcff, #ffffff);
          border: 1px solid #97d1d6;
          margin: 0 auto; }
          .apply_box .container .apply_content .apply_btn.blue::after {
            content: "";
            background-image: url("../images/apply/yajirushi_blue.svg"); }
        .apply_box .container .apply_content .step1_img {
          text-align: center;
          margin: 0 0 18px 0; }
        .apply_box .container .apply_content .step1_img img {
          width: 96%;
          max-width: 400px; }
        .apply_box .container .apply_content .step1_memo {
          text-align: center;
          margin: 0 auto 21px; }
          .apply_box .container .apply_content .step1_memo a {
            text-decoration: underline;
            text-underline-offset: 2px;
            color: #675a54;
            font-size: 14px; }
        .apply_box .container .apply_content .present_flex {
          display: flex;
          justify-content: center;
          align-items: center; }
          .apply_box .container .apply_content .present_flex h5 {
            background-color: #d6fcff;
            color: #004ea2;
            width: 104px;
            height: 32px;
            border-radius: 50px;
            display: flex;
            justify-content: center;
            align-items: center;
            font-weight: bold;
            font-size: 14px;
            margin: 0 auto 20px; }
          .apply_box .container .apply_content .present_flex > div {
            text-align: center; }
          .apply_box .container .apply_content .present_flex .present_flex_1 img {
            width: 60%; }
          .apply_box .container .apply_content .present_flex .or_box {
            padding: 0;
            position: absolute; }
            .apply_box .container .apply_content .present_flex .or_box img {
              width: 37px; }
          .apply_box .container .apply_content .present_flex .present_flex_2 img {
            width: 60%; }
        .apply_box .container .apply_content .apply_btn2 {
          background-image: linear-gradient(0deg, #fc9f1c 0%, #feb649);
          width: 100%;
          height: 57px;
          border-radius: 50px;
          color: #fff;
          margin: 35px auto 0;
          display: flex;
          justify-content: center;
          align-items: center;
          font-size: 18px;
          box-shadow: 0px 5px 4px rgba(0, 78, 162, 0.4);
          position: relative;
          padding: 0 0 0 26px;
          text-align: center;
          overflow: hidden; }
          .apply_box .container .apply_content .apply_btn2::before {
            content: "";
            background-image: url("../images/apply/box2/2-4.png");
            width: 50px;
            height: 40px;
            background-size: 50px 40px;
            display: block;
            position: absolute;
            top: 10px;
            left: 15px; }
          .apply_box .container .apply_content .apply_btn2.box5::before {
            content: "";
            background-image: url("../images/apply/box5/5-4.png");
            width: 60px;
            height: 50px;
            font-size: 24px;
            background-size: 60px 50px;
            display: block;
            position: absolute;
            bottom: -1px;
            left: -7px;
            top: auto; }
          .apply_box .container .apply_content .apply_btn2::after {
            content: "";
            background-image: url("../images/apply/yajirushi_orange.svg");
            width: 17px;
            height: 17px;
            background-size: 17px 17px;
            display: block;
            position: absolute;
            top: 20px;
            right: 12px; }
        .apply_box .container .apply_content .side_deco {
          position: absolute;
          right: 0;
          top: -22px; }
          .apply_box .container .apply_content .side_deco img {
            width: 93px;
            height: auto; }
        .apply_box .container .apply_content.box3 h4 {
          position: absolute;
          top: -18px;
          left: 0;
          width: 100%;
          margin: 0; }
          .apply_box .container .apply_content.box3 h4 img {
            width: 243px;
            height: auto; }
        .apply_box .container .apply_content .box3_text > div {
          display: flex;
          align-items: center;
          flex-wrap: wrap;
          width: 100%;
          margin: 0 auto; }
          .apply_box .container .apply_content .box3_text > div h5 {
            font-size: 16px;
            font-weight: bold;
            border-radius: 50px;
            border: 1px solid #675a54;
            width: 330px;
            height: 33px;
            display: flex;
            justify-content: center;
            align-items: center;
            width: 100%;
            margin: 0 0 4px 0; }
          .apply_box .container .apply_content .box3_text > div p {
            font-size: 19px;
            padding: 0 0 0 20px;
            width: 100%;
            text-align: center; }
            .apply_box .container .apply_content .box3_text > div p span {
              font-size: 18px; }
          .apply_box .container .apply_content .box3_text > div:first-child {
            margin: 0 auto 15px; }
        .apply_box .container .apply_content .box3_apply_memo {
          font-size: 12px;
          width: 100%;
          margin: 0 auto;
          text-indent: -1em;
          padding-left: 1em; }
        .apply_box .container .apply_content .gray_box {
          background-color: #f3f3f3;
          width: 100%;
          margin: 15px auto 0;
          border-radius: 23px;
          padding: 15px 15px 15px 25px; }
          .apply_box .container .apply_content .gray_box h5 {
            font-size: 19px;
            margin: 0 auto 15px;
            text-align: center;
            font-weight: bold; }
          .apply_box .container .apply_content .gray_box ul {
            list-style: disc;
            font-size: 12px;
            margin: 0 auto;
            padding: 0 0 0 5px; }
            .apply_box .container .apply_content .gray_box ul li {
              margin: 0 0 8px 0; }
        .apply_box .container .apply_content.box4 h4 {
          position: relative;
          top: -170px;
          left: 0;
          margin: 0 0 -140px 0; }
          .apply_box .container .apply_content.box4 h4 img {
            width: 288px;
            height: auto; }
        .apply_box .container .apply_content .box4_flex {
          margin: 0; }
          .apply_box .container .apply_content .box4_flex > div {
            display: flex;
            border-bottom: 2px solid #c9e3e5;
            width: 100%;
            padding: 0 0 25px 0;
            margin: 0 0 25px 0; }
            .apply_box .container .apply_content .box4_flex > div:last-child {
              border-bottom: 0;
              margin: 0;
              padding: 0; }
          .apply_box .container .apply_content .box4_flex .box4_flex_img {
            width: 30%;
            text-align: center; }
            .apply_box .container .apply_content .box4_flex .box4_flex_img .img_a {
              width: 47px;
              position: relative;
              top: 5px; }
            .apply_box .container .apply_content .box4_flex .box4_flex_img .img_b {
              width: 45px;
              position: relative;
              top: 5px; }
            .apply_box .container .apply_content .box4_flex .box4_flex_img .img_c {
              width: 42px;
              position: relative;
              top: 5px; }
          .apply_box .container .apply_content .box4_flex .box4_flex_text {
            width: calc(100% - 30%); }
            .apply_box .container .apply_content .box4_flex .box4_flex_text h5 {
              color: #004ea2;
              font-size: 17px;
              font-weight: bold; }
            .apply_box .container .apply_content .box4_flex .box4_flex_text .icon {
              display: flex;
              align-items: center;
              margin: 8px 0 12px 0; }
              .apply_box .container .apply_content .box4_flex .box4_flex_text .icon .icon1 {
                width: auto;
                height: 43px;
                margin: 0 10px 0 0; }
              .apply_box .container .apply_content .box4_flex .box4_flex_text .icon .icon2 {
                width: auto;
                height: 39px; }
              .apply_box .container .apply_content .box4_flex .box4_flex_text .icon .icon3 {
                width: auto;
                height: 43px; }
              .apply_box .container .apply_content .box4_flex .box4_flex_text .icon .icon4 {
                width: auto;
                height: 39px; }
            .apply_box .container .apply_content .box4_flex .box4_flex_text p {
              font-size: 12px; }
              .apply_box .container .apply_content .box4_flex .box4_flex_text p small {
                font-size: 12px;
                font-weight: bold;
                margin: 15px 0 0 0;
                display: block; }
        .apply_box .container .apply_content .apply_btn3 {
          width: 100%;
          height: 33px;
          border-radius: 50px;
          background-color: #f76e86;
          color: #fff;
          margin: 10px 0 0 0;
          display: flex;
          justify-content: center;
          align-items: center;
          font-size: 13px;
          box-shadow: 0px 5px 4px rgba(0, 78, 162, 0.4);
          position: relative;
          padding: 0 0 0 38px; }
          .apply_box .container .apply_content .apply_btn3::before {
            content: "";
            background-image: url("../images/apply/box4/4-6.png");
            width: 7px;
            height: 14px;
            background-size: 7px 14px;
            display: block;
            position: absolute;
            top: 10px;
            left: 50px; }
        .apply_box .container .apply_content.box5 h4 {
          background-image: url("../images/apply/box5/5-2_sp.png");
          color: #004ea2;
          font-size: 13px;
          width: 100%;
          height: 54px;
          background-size: contain;
          background-repeat: no-repeat;
          background-position: center;
          display: flex;
          justify-content: center;
          align-items: center; }
        .apply_box .container .apply_content .box5_img {
          text-align: center;
          margin: 0 0 12px 0; }
          .apply_box .container .apply_content .box5_img img {
            width: 100%;
            max-width: 400px; }
        .apply_box .container .apply_content .box5_title {
          text-align: center; }
          .apply_box .container .apply_content .box5_title span {
            background-color: #f76e86;
            color: #fff;
            border-radius: 50px;
            width: 80px;
            height: 28px;
            display: flex;
            justify-content: center;
            align-items: center;
            font-size: 15px;
            margin: 0 auto 5px;
            padding: 0 0 0 4px; }
          .apply_box .container .apply_content .box5_title h5 {
            font-size: 15px;
            color: #f76e86;
            font-weight: bold;
            margin: 0 auto 3px; }
          .apply_box .container .apply_content .box5_title p {
            font-size: 15px;
            color: #004ea2; }
        .apply_box .container .apply_content .secret_box {
          text-align: center;
          margin: 36px 0 0 0; }
          .apply_box .container .apply_content .secret_box h5 {
            color: #004ea2;
            background-color: transparent;
            padding: 1px 0 1px 1px;
            font-size: 18px;
            font-weight: bold;
            display: inline-block;
            margin: 0 0 25px 0;
            padding: 1px 0 1px 3px;
            position: relative; }
            .apply_box .container .apply_content .secret_box h5::before {
              content: "";
              background-color: #ffffbc;
              display: block;
              width: 92%;
              height: 100%;
              position: absolute;
              right: 5%; }
            .apply_box .container .apply_content .secret_box h5 span {
              z-index: 2;
              position: relative; }
          .apply_box .container .apply_content .secret_box ul {
            display: flex;
            justify-content: space-between;
            width: 100%;
            max-width: 320px;
            margin: 0 auto; }
            .apply_box .container .apply_content .secret_box ul li {
              width: 89px;
              height: 89px;
              display: flex;
              justify-content: center;
              align-items: center;
              background-color: #ffa1b1;
              color: #fff;
              border-radius: 50%;
              font-size: 13px; }
              .apply_box .container .apply_content .secret_box ul li:nth-child(2) {
                margin: 0 3px; }
        .apply_box .container .apply_content .pink_box {
          background-color: #fdeff2;
          width: 100%;
          margin: 15px auto 20px;
          border-radius: 23px;
          padding: 15px 15px 15px 25px; }
          .apply_box .container .apply_content .pink_box h5 {
            font-size: 19px;
            margin: 0 auto 15px;
            text-align: center;
            font-weight: bold;
            color: #f76e86; }
          .apply_box .container .apply_content .pink_box ul {
            list-style: disc;
            font-size: 12px;
            margin: 0 auto;
            padding: 0 0 0 5px; }
            .apply_box .container .apply_content .pink_box ul li {
              margin: 0 0 8px 0; }
            .apply_box .container .apply_content .pink_box ul .li_pink {
              color: #f76e86; }
        .apply_box .container .apply_content .more {
          position: absolute;
          top: -70px;
          left: calc(50% - 126px);
          text-align: center; }
          .apply_box .container .apply_content .more img {
            width: 252px; }
        .apply_box .container .apply_content.box5 .apply_btn2 {
          margin-top: 0;
          flex-direction: column;
          font-size: 17px; }
          .apply_box .container .apply_content.box5 .apply_btn2 small {
            font-weight: bold;
            font-size: 15px; }
      .apply_box .container .apply_content.box1 {
        background-image: none; }
      .apply_box .container .apply_content.box2 {
        margin: 75px 0 0 0; }
      .apply_box .container .apply_content.box3 {
        margin: 47px 0 0 0; }
      .apply_box .container .apply_content.box4 {
        margin: 160px 0 0 0; }
      .apply_box .container .apply_content.box5 {
        margin: 85px 0 0 0;
        padding: 34px 15px 30px; }
      .apply_box .container .bottom_contents {
        text-align: center;
        margin: 28px 0 0 0; }
        .apply_box .container .bottom_contents .fukidashi {
          background-color: #ffe28e;
          text-align: center;
          color: #004ea2;
          height: 72px;
          display: flex;
          justify-content: center;
          align-items: center;
          font-size: 17px;
          border-radius: 60px;
          margin: 0 0 22px 0;
          position: relative; }
          .apply_box .container .bottom_contents .fukidashi::before {
            content: "";
            clip-path: polygon(50% 100%, 0 0, 100% 0);
            background-color: #ffe28e;
            width: 16px;
            height: 15px;
            display: block;
            position: absolute;
            bottom: -14px; }
        .apply_box .container .bottom_contents .bottom_banner img {
          width: 759px; } }
.bottom_img {
  padding: 50px 0 0 0;
  text-align: center; }
  .bottom_img img {
    width: 754px;
    position: relative;
    top: 5px; }

@media (max-width: 767.98px) {
  .bottom_img {
    padding: 30px 0 0 0;
    text-align: center; }
    .bottom_img img {
      width: 98%;
      max-width: 450px;
      position: relative;
      top: 5px; } }
.nami_top {
  -webkit-mask: var(--mask);
  mask: var(--mask); }

@media (min-width: 768px) {
  .nami_top {
    margin-top: -20px;
    --mask:
    radial-gradient(25.82px at 50% 35.7px,#000 99%,#0000 101%) calc(50% - 28px) 0/56px 100%,
    radial-gradient(25.82px at 50% -21.7px,#0000 99%,#000 101%) 50% 14px/56px 100% repeat-x; } }
@media (max-width: 767.98px) {
  .nami_top {
    margin-top: -30px;
    --mask:
    radial-gradient(31.36px at 50% 43.35px,#000 99%,#0000 101%) calc(50% - 34px) 0/68px 100%,
    radial-gradient(31.36px at 50% -26.35px,#0000 99%,#000 101%) 50% 17px/68px 100% repeat-x; } }
/* キャンペーン概要 */
.etc_container {
  background-color: #f6a7b5;
  position: relative; }
  .etc_container > .container {
    z-index: 1;
    position: relative; }
    .etc_container > .container > .etc_div {
      display: flex;
      align-items: center; }
  .etc_container::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: calc(100% - .5px);
    width: 100%;
    height: 20px;
    background: url(../images/etc/back.png) repeat left bottom;
    background-size: 43px 30px; }
  @media (min-width: 768px) {
    .etc_container {
      padding: 60px 0 40px; }
      .etc_container > .container > .etc_div {
        justify-content: center;
        justify-content: center; }
        .etc_container > .container > .etc_div > p {
          width: 270px;
          margin: 0 50px 0 0; }
        .etc_container > .container > .etc_div > a {
          width: 436px; } }
  @media (max-width: 767.98px) {
    .etc_container {
      padding: 50px 0 40px; }
      .etc_container > .container > .etc_div {
        flex-direction: column; }
        .etc_container > .container > .etc_div > p {
          width: 250px;
          margin: 0 auto 15px; }
        .etc_container > .container > .etc_div > a {
          width: 300px; } }

.heart_back {
  position: relative; }
  .heart_back::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    mix-blend-mode: overlay;
    z-index: 0;
    opacity: .3; }
  .heart_back::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    mix-blend-mode: overlay;
    opacity: .4;
    background: linear-gradient(0deg, white 0%, black 100%); }

@media (min-width: 768px) {
  .heart_back::before {
    background: url("../images/deco/heart_back.svg") repeat center/60px; } }
@media (max-width: 767.98px) {
  .heart_back::before {
    background: url("../images/deco/heart_back.svg") repeat center/50px; } }