/*--------------------------------------------
		mixin
---------------------------------------------*/
/*--------------------------------------------
		member
---------------------------------------------*/
.itawari {
  min-width: 1100px;
  width: 100%;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 16px;
  line-height: 1.6; }
  .itawari img {
    width: 100%;
    height: auto; }
  .itawari a:hover {
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    opacity: 0.7; }
  @media screen and (max-width: 768px) {
    .itawari {
      min-width: auto; } }
  .itawari * {
    box-sizing: border-box; }
  @media screen and (max-width: 768px) {
    .itawari .only-desktop {
      display: none !important; } }
  @media screen and (min-width: 769px) {
    .itawari .only-mobile {
      display: none !important; } }
  .itawari .common-btn {
    width: 600px;
    margin: 0 auto 15px; }
    @media screen and (max-width: 768px) {
      .itawari .common-btn {
        max-width: 400px;
        width: 100%;
        margin-bottom: 10px; } }
    .itawari .common-btn a {
      position: relative;
      display: block;
      font-size: 26px;
      font-weight: bold;
      color: #fff;
      text-align: center;
      background-color: #333;
      border-radius: 50px;
      padding: 25px; }
      @media screen and (max-width: 768px) {
        .itawari .common-btn a {
          font-size: 16px;
          padding: 13px; } }
      .itawari .common-btn a::after {
        content: "";
        width: 0;
        height: 0;
        border-top: 12px solid transparent;
        border-left: 17px solid #fff;
        border-bottom: 12px solid transparent;
        position: absolute;
        right: 40px;
        top: 50%;
        -webkit-transform: translateY(-50%);
                transform: translateY(-50%); }
        @media screen and (max-width: 768px) {
          .itawari .common-btn a::after {
            border-top: 7px solid transparent;
            border-left: 11px solid #fff;
            border-bottom: 7px solid transparent;
            right: 15px; } }
  .itawari .login {
    text-align: center;
    text-shadow: 1.2px 1.2px 0 #FFFAE3, -1.2px -1.2px 0 #FFFAE3, -1.2px 1.2px 0 #FFFAE3, 1.2px -1.2px 0 #FFFAE3, 0px 1.2px 0 #FFFAE3, 0 -1.2px 0 #FFFAE3, -1.2px 0 0 #FFFAE3, 1.2px 0 0 #FFFAE3; }
    @media screen and (max-width: 768px) {
      .itawari .login {
        font-size: 14px; } }
  @media screen and (min-width: 769px) {
    .itawari__wrap {
      width: 1100px;
      margin: auto; } }
  @media screen and (max-width: 768px) {
    .itawari__wrap {
      max-width: 600px;
      padding: 0 10px;
      margin: auto; } }
  .itawari .point {
    padding: 80px 0 60px; }
    @media screen and (min-width: 769px) {
      .itawari .point {
        background-repeat: no-repeat;
        background-position: bottom right; } }
    @media screen and (max-width: 768px) {
      .itawari .point {
        padding: 50px 0 30px; } }
    .itawari .point--point01 {
      background-color: #FFE8E8; }
      @media screen and (min-width: 769px) {
        .itawari .point--point01 {
          background-image: url(../img/img_bg_bag.png);
          background-size: 315px; } }
    .itawari .point--point02 {
      background-color: #FFFAE3; }
      @media screen and (min-width: 769px) {
        .itawari .point--point02 {
          background-image: url(../img/img_bg_family.png);
          background-size: 480px; } }
    .itawari .point__ttl {
      position: relative;
      font-size: 44px;
      font-weight: bold;
      text-align: center;
      background-color: #fff;
      border: 3px solid #E52B56;
      border-radius: 100px;
      padding: 20px 20px 20px 100px;
      margin-bottom: 50px; }
      @media screen and (max-width: 768px) {
        .itawari .point__ttl {
          font-size: 20px;
          border-radius: 20px;
          padding: 40px 8px 15px;
          margin-bottom: 15px; } }
      .itawari .point__ttl .emphasis {
        color: #E52B56;
        font-size: 50px; }
        @media screen and (max-width: 768px) {
          .itawari .point__ttl .emphasis {
            font-size: 24px; } }
      .itawari .point__ttl .en {
        position: absolute;
        left: -3px;
        top: 50%;
        -webkit-transform: translate(0, -50%);
                transform: translate(0, -50%);
        width: 174px;
        height: 174px;
        font-family: "Montserrat Alternates";
        font-size: 41px;
        line-height: 1.2;
        color: #fff;
        background-color: #E52B56;
        border-radius: 100%;
        padding: 40px 30px; }
        @media screen and (max-width: 768px) {
          .itawari .point__ttl .en {
            left: 50%;
            -webkit-transform: translate(-50%, 0);
                    transform: translate(-50%, 0);
            top: -20px;
            width: auto;
            height: auto;
            font-size: 23px;
            border-radius: 30px;
            padding: 5px 40px; } }
      @media screen and (min-width: 769px) {
        .itawari .point__ttl .number {
          display: block; } }
      @media screen and (max-width: 768px) {
        .itawari .point__ttl .number {
          display: inline-block;
          padding-left: 0.3em; } }
      .itawari .point__ttl .image {
        display: block;
        margin: 0 auto 15px; }
        @media screen and (min-width: 769px) {
          .itawari .point__ttl .image {
            display: none !important; } }
        .itawari .point__ttl .image--point01 {
          width: 90px; }
        .itawari .point__ttl .image--point02 {
          width: 158px; }
    .itawari .point__txt {
      font-size: 30px;
      font-weight: bold;
      text-align: center;
      margin-bottom: 30px; }
      @media screen and (max-width: 768px) {
        .itawari .point__txt {
          font-size: 18px;
          margin-bottom: 15px; } }
      .itawari .point__txt .blue {
        color: #3688CE; }
      .itawari .point__txt .red {
        color: #E52B56; }
      .itawari .point__txt--border {
        text-shadow: 1.5px 1.5px 0 #FFFAE3, -1.5px -1.5px 0 #FFFAE3, -1.5px 1.5px 0 #FFFAE3, 1.5px -1.5px 0 #FFFAE3, 0px 1.5px 0 #FFFAE3, 0 -1.5px 0 #FFFAE3, -1.5px 0 0 #FFFAE3, 1.5px 0 0 #FFFAE3; }
    .itawari .point__table {
      text-align: center;
      border: 1px solid #E52B56;
      margin-bottom: 30px; }
      @media screen and (max-width: 768px) {
        .itawari .point__table {
          margin-bottom: 20px; } }
      .itawari .point__table tbody tr th {
        width: 50%;
        font-size: 26px;
        font-weight: bold;
        color: #fff;
        background-color: #E52B56;
        padding: 20px 0; }
        @media screen and (max-width: 768px) {
          .itawari .point__table tbody tr th {
            font-size: 16px; } }
        .itawari .point__table tbody tr th:first-of-type {
          border-right: 1px solid #fff; }
      .itawari .point__table tbody tr td {
        font-size: 34px;
        font-weight: medium;
        background-color: #fff;
        border: 1px solid #E52B56;
        padding: 20px 0; }
        @media screen and (max-width: 768px) {
          .itawari .point__table tbody tr td {
            font-size: 18px; } }
    .itawari .point__confirmation {
      position: relative;
      width: 566px;
      font-size: 26px;
      color: #fff;
      font-weight: bold;
      text-align: center;
      background-color: #FF9D00;
      border-radius: 50px;
      padding: 25px;
      margin: 0 auto 30px; }
      @media screen and (max-width: 768px) {
        .itawari .point__confirmation {
          width: 250px;
          font-size: 14px;
          padding: 10px;
          margin-bottom: 15px; } }
      .itawari .point__confirmation::before {
        content: "";
        position: absolute;
        top: -30px;
        left: 50%;
        -webkit-transform: translateX(-50%);
                transform: translateX(-50%);
        border: 12px solid transparent;
        border-bottom: 18px solid #FF9D00; }
        @media screen and (max-width: 768px) {
          .itawari .point__confirmation::before {
            top: -18px;
            border: 8px solid transparent;
            border-bottom: 10px solid #FF9D00; } }
    @media screen and (max-width: 768px) {
      .itawari .point__notice {
        font-size: 14px; } }
    .itawari .point__notice li {
      padding-left: 1em;
      text-indent: -1em; }
    .itawari .point__notice--style01 {
      text-shadow: 1.2px 1.2px 0 #FFE8E8, -1.2px -1.2px 0 #FFE8E8, -1.2px 1.2px 0 #FFE8E8, 1.2px -1.2px 0 #FFE8E8, 0px 1.2px 0 #FFE8E8, 0 -1.2px 0 #FFE8E8, -1.2px 0 0 #FFE8E8, 1.2px 0 0 #FFE8E8; }
    .itawari .point__notice--style02 {
      margin-bottom: 40px; }
      @media screen and (max-width: 768px) {
        .itawari .point__notice--style02 {
          margin-bottom: 20px; } }
  .itawari .member {
    position: relative;
    text-align: center;
    background-color: #FF9D00;
    padding: 120px 0 60px; }
    @media screen and (max-width: 768px) {
      .itawari .member {
        padding: 60px 0 30px; } }
    .itawari .member__ttl {
      position: relative;
      width: 650px;
      z-index: 1;
      margin: 0 auto; }
      @media screen and (max-width: 768px) {
        .itawari .member__ttl {
          width: 315px; } }
      .itawari .member__ttl img {
        position: absolute;
        top: -60px;
        left: 50%;
        -webkit-transform: translateX(-50%);
                transform: translateX(-50%); }
        @media screen and (max-width: 768px) {
          .itawari .member__ttl img {
            top: -30px; } }
    .itawari .member__inner {
      position: relative;
      background-color: #FFFAE3;
      border-radius: 20px;
      padding: 90px 60px; }
      @media screen and (max-width: 768px) {
        .itawari .member__inner {
          padding: 50px 10px 30px; } }
      .itawari .member__inner::after {
        content: "";
        width: 305px;
        height: 332px;
        background-image: url(../img/img_vegetables.png);
        background-repeat: no-repeat;
        background-size: contain;
        position: absolute;
        left: -85px;
        bottom: -40px; }
        @media screen and (max-width: 768px) {
          .itawari .member__inner::after {
            display: none; } }
    .itawari .member__new {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      gap: 10px;
      font-size: 56px;
      font-weight: bold;
      color: #E52B56;
      margin-bottom: 30px; }
      @media screen and (max-width: 768px) {
        .itawari .member__new {
          font-size: 28px;
          margin-bottom: 10px; } }
      .itawari .member__new::before, .itawari .member__new::after {
        content: "";
        width: 60px;
        height: 4px;
        box-sizing: border-box;
        border-radius: 10px;
        background-color: #E52B56; }
        @media screen and (max-width: 768px) {
          .itawari .member__new::before, .itawari .member__new::after {
            width: 30px; } }
      .itawari .member__new::before {
        -webkit-transform: rotate(60deg);
                transform: rotate(60deg); }
      .itawari .member__new::after {
        -webkit-transform: rotate(-60deg);
                transform: rotate(-60deg); }
    .itawari .member__btn {
      position: relative;
      width: 700px;
      margin: 0 auto 50px; }
      @media screen and (max-width: 768px) {
        .itawari .member__btn {
          max-width: 500px;
          width: 100%;
          margin-bottom: 20px; } }
      .itawari .member__btn a {
        display: block;
        font-size: 46px;
        color: #fff;
        font-weight: bold;
        background-color: #E52B56;
        border-radius: 100px;
        border-bottom: solid 10px #961731;
        padding: 27px; }
        @media screen and (max-width: 768px) {
          .itawari .member__btn a {
            font-size: 24px;
            padding: 18px; } }
        .itawari .member__btn a::after {
          content: "";
          width: 115px;
          height: 116px;
          background-image: url(../img/icon_hand.png);
          background-repeat: no-repeat;
          background-size: contain;
          position: absolute;
          right: 0;
          bottom: -30px; }
          @media screen and (max-width: 768px) {
            .itawari .member__btn a::after {
              width: 72px;
              height: 73px;
              right: -20px;
              bottom: -20px; } }
    .itawari .member__existing {
      font-size: 26px;
      font-weight: bold;
      margin-bottom: 20px; }
      @media screen and (max-width: 768px) {
        .itawari .member__existing {
          font-size: 16px;
          margin-bottom: 10px; } }