@charset "utf-8";
/* ============================================
  Reset
  ============================================ */

  img {
    vertical-align: top;
    max-width: 100%;
    width: 100%;
    image-rendering: -webkit-optimize-contrast;
  }

  a {
    color: inherit;
    text-decoration: none;
    outline: none;
  }

  button {
    outline: none;
  }

  input[type=text] {
    outline: none;
    cursor: pointer;
  }

  ul, ol {
    list-style: none
  }

/* ============================================
  Base
  ============================================ */

  html {
    font-size: calc(10/750*100vw);
  }

  body {
    color: #333;
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 3rem;
    font-weight: 400;
    line-height: 1.5;
    font-feature-settings: "palt";
  }

  @media(min-width:1001px) {
    html {
      font-size: 62.5%;
    }
    body {
      min-width: 1000px;
    }
  }

/* ============================================
  Wrapper
  ============================================ */

  .wrapper {
    margin: 0 auto;
    width: 100%;
    height: auto;
  }

  .wrapper.has-fixed-cv {
    /* 242Q 改修 */
    padding-bottom: calc(220/750*100vw);
  }

  @media(min-width:1001px) {
    .wrapper {
      width: 100%;
      margin: 0 auto;
    }

    .wrapper.has-fixed-cv {
      /* 242Q 改修 */
      padding-bottom: 220px;
    }
  }

/* ============================================
  Inner
  ============================================ */

  .inner {
    width: 100%;
    padding: 0 calc(40/750*100vw);
  }

  @media(min-width:1001px) {
    .inner {
      max-width: 1000px;
      margin: 0 auto;
      padding: 0 40px;
    }
  }

/* ============================================
  Typo
  ============================================ */

  .text-danger {
    color: #e82a14;
  }

/* ============================================
  Header
  ============================================ */

  .header {
    display: flex;
    justify-content: center;
    align-items: center;
    background: #fff;
    width: 100%;
    height: calc(100/750*100vw);
  }

  .header .logo {}

  .header .logo .imgBox {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin-bottom: calc(15/750*100vw);
  }

  .header .logo .imgBox .img,
  .header .logo .logo_img  {
    height: auto;
  }

  .header .logo .imgBox .img img,
  .header .logo .logo_img  {
    display: block;
    width: auto;
  }

  .header .logo .imgBox .img+.img_symbol {
    margin: 0 calc(16/750*100vw);
  }

  .header .logo .imgBox .img_kddi img {
    height: 20px;
  }

  .header .logo .imgBox .img_jcom img {
    height: 22px;
  }

  .header .logo .imgBox .img_symbol img {
    width: auto;
    height: 16px;
  }

  .header .logo .logo_img {
    max-height: calc(36/750*100vw);
  }

  .header .logo .text {
    font-size: 4.2rem;
    line-height: 1;
    font-weight: 600;
    letter-spacing: .075em;
    display: flex;
    justify-content: center;
  }

  @media(min-width:1001px) {
    .header {
      height: 140px;
    }
    .header .logo .imgBox {
      margin-bottom: 15px;
    }
    .header .logo .imgBox .img {
    }
    .header .logo .imgBox .img+.img {
      margin-left: 18px;
    }
    .header .logo .imgBox .img img,
    .header .logo .logo_img {
      height: 50px;
    }
  }

/* ============================================
  Footer
  ============================================ */

  .footer {
    position: relative;
    background: #fff;
    font-size: 2rem;
    text-align: center;
    width: 100%;
    /* 242Q 改修 */
    padding: calc(50/750*100vw) 0 calc(10/750*100vw);
  }

  .footer::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background: #d5d5d5;
    width: 100%;
    height: calc(2/750*100vw);
  }

  /* 242Q 削除 */
  /* .footer-pat01 {
    height: calc(210/750*100vw);
  } */

  .footer .text {
    /* 242Q 改修 */
    /* font-size: 3rem;
    margin-bottom: calc(20/750*100vw); */
    font-size: 2.4rem;
    line-height: 2;
    margin-bottom: calc(40/750*100vw);
  }
  /* 242Q 追加 */
  .footer small{
    display: block;
    padding: calc(20/750*100vw) 0;
  }
  @media(min-width:1001px) {
    /* 242Q 改修 */
    /* .footer {
        height: 165px;
        padding: 50px 0 0;
    }
    .footer-pat01 {
        height: 210px;
    } */
    .footer {
        padding: 50px 0 10px;
    }
    .footer .text {
        margin-bottom: 20px;
    }
  }

  /* 242Q 追加 */
  .footer .text a + a::before {
    display: inline-block;
    margin: 0 calc(27 / 750 * 100vw);
    width: calc(2 / 750 * 100vw);
    height: calc(40 / 750 * 100vw);
    background: #eee;
    vertical-align: middle;
    content: "";
  }
  @media (min-width: 1001px) {
    .footer .text a + a::before {
        margin: 0 27px;
        width: 2px;
        height: 40px;
    }
  }

/* ============================================
  KV
  ============================================ */

  .kv {
    /* 243Q 追加 */
    margin-bottom: calc(20/750*100vw);
  }

  .kv::before {
  }

  .kv-coupon {
    background: none;
  }

  .kv img {
    width: 100%;
    max-width: 1000px;
  }

  .kv .notice {
    margin-top: calc(20/750*100vw);
    padding: 0 calc(40/750*100vw);
    font-size: 2.8rem;
    line-height: 1.571;
  }

  @media(min-width:1001px) {
    .kv {
      max-width: 1000px;
      margin: 0 auto 50px;
    }
    .kv .notice {
      margin-top: 20px;
      padding: 0 40px;
    }
  }

/* ============================================
  Notice
  ============================================ */

  .noticeBox {
    position: relative;
    background: #f7f7f7;
    border-radius: calc(12/750*100vw);
    margin: calc(50/750*100vw) auto 0;
    font-size: 2.8rem;
    line-height: 1.571;
  }
  .errorpage .noticeBox {
    margin-bottom: calc(60/750*100vw);
  }

  .tabContent_item_au .noticeBox,
  .tabContent_item_uq .noticeBox {
    margin-top: 0;
    background: #ffffff;
  }

  .noticeBox-step03 {
    margin-bottom: 0;
  }

  .noticeBox>.inner {
    padding: calc(45/750*100vw) calc(30/750*100vw) calc(80/750*100vw);
  }

  .noticeBox .notice {
    font-size: 2.8rem;
    line-height: 1.571;
  }

  .noticeBox .period {
    margin-bottom: 1em;
    font-size: 3.2rem;
    font-weight: 500;
    line-height: 1.5;
  }

  .noticeBox .link01 {
    display: flex;
    align-items: center;
    border-top: calc(2/750*100vw) solid #d5d5d5;
    border-bottom: calc(2/750*100vw) solid #d5d5d5;
    height: calc(142/750*100vw);
    margin: calc(40/750*100vw) auto 0;
  }

  .noticeBox .link01>span {
    position: relative;
    padding: 0 0 0 calc(32/750*100vw);
  }

  .noticeBox .link01>span::before {
    content: "";
    position: absolute;
    top: calc(12/750*100vw);
    left: calc(7/750*100vw);
    background: url(../img/orn_arrow01.svg) no-repeat 0 0 / 100% auto;
    width: calc(12/750*100vw);
    height: calc(23/750*100vw);
  }

  .noticeBox .btn-notice01 {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 2.8rem;
    font-weight: 500;
    border: calc(2/750*100vw) solid #aaa;
    border-radius: calc(12/750*100vw);
    width: calc(500/750*100vw);
    height: calc(90/750*100vw);
    margin: calc(35/750*100vw) auto 0;
  }

  .noticeText {
    display: block;
    width: fit-content;
    margin-top: calc(10/750*100vw);
    padding: calc(1/750*100vw) calc(15/750*100vw);
    border: 1px solid #333;
  }

  @media(min-width:1001px) {
    .noticeBox {
      border-radius: 12px;
      margin: 50px auto 60px;
    }
    .errorpage .noticeBox {
      margin-bottom: 60px;
    }
    .noticeBox-step03 {
      margin-bottom: 0;
    }
    .noticeBox>.inner {
      padding: 45px 30px 36px;
    }
    .noticeBox .link01 {
      border-top-width: 2px;
      border-bottom-width: 2px;
      height: 142px;
      margin: 40px auto 0;
    }
    .noticeBox .link01>span {
      padding: 0 0 0 32px;
    }
    .noticeBox .link01>span::before {
      top: 12px;
      left: 7px;
      width: 12px;
      height: 23px;
    }
    .noticeBox .btn-notice01 {
      border-width: 2px;
      border-radius: 12px;
      width: 500px;
      height: 90px;
      margin: 35px auto 0;
    }
    .noticeText {
      margin-top: 10px;
      padding: 1px 15px;
    }
  }
  .notice_indent{
    padding-left: 1em;
    position: relative;
  }
  .notice_indent:before{
    content: "・";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
  }

/* ============================================
  Submit
  ============================================ */

  .submitBox {
    position: relative;
    background: url(../img/bg_pat02.png) repeat 0 0 / calc(14/750*100vw) auto, #ffb885;
    /* background-blend-mode: overlay; */
    padding: calc(80/750*100vw) 0;
  }

  .tabContent_item_uq .submitBox {
    background-image: url(../img/bg_pat05.png);
  }

  .submitBox::before {
    content: "";
    position: absolute;
    top: calc(-15/750*100vw);
    right: 0;
    background: url(../img/bg_circle01.png) no-repeat 100% 0 / auto 100%;
    width: 100%;
    height: calc(30/750*100vw);
  }

  .tabContent_item_au .submitBox::before {
    background-image: url(../img/bg_circle03.png);
  }

  .tabContent_item_uq .submitBox::before {
    background-image: url(../img/bg_circle04.png);
  }

  .submitBox>.inner {
    padding: 0 calc(85/750*100vw);
  }

  .submitBox .agree {
    display: flex;
    justify-content: center;
    margin-bottom: calc(30/750*100vw);
  }

  .submitBox .agree span {
    position: relative;
    cursor: pointer;
    padding-left: calc(64/750*100vw);
  }

  .submitBox .agree span::before, .submitBox .agree span::after {
    content: "";
    display: block;
    position: absolute;
  }

  .submitBox .agree span::before {
    top: 0;
    left: 0;
    background: #fff;
    border: calc(2/750*100vw) solid #aaa;
    border-radius: calc(6/750*100vw);
    width: calc(45/750*100vw);
    height: calc(45/750*100vw);
  }

  .submitBox .agree span::after {
    top: calc(10/750*100vw);
    left: calc(10/750*100vw);
    transform: rotate(-45deg);
    border-left: calc(6/750*100vw) solid #eb4600;
    border-bottom: calc(6/750*100vw) solid #eb4600;
    transition: all 300ms;
    opacity: 0;
    width: calc(24/750*100vw);
    height: calc(18/750*100vw);
  }

  .submitBox .agree input[type=checkbox] {
    display: none;
  }

  .submitBox .agree input[type=checkbox]:checked+span::after {
    opacity: 1;
  }

  .submitBox .agree a {
    position: relative;
    border-bottom: 1px solid #000;
    padding-bottom: calc(7.5/750*100vw);
  }

  .submitBox .notice {
    font-size: 2.8rem;
    margin-bottom: calc(30/750*100vw);
  }

  .submitBox .btn-submit {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    border-radius: calc(70/750*100vw);
    box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.15);
    width: 100%;
    height: calc(140/750*100vw);
  }

  .submitBox .btn-submit-after {
    background: #eb4600;
  }
  .submitBox .btn-coupon {
    margin-top: calc(40/750*100vw);
  }

  .submitBox .btn-submit .icon {
    position: absolute;
    top: 0;
    left: 0;
    background: #eb4600;
    border-radius: calc(70/750*100vw) 0 0 calc(70/750*100vw);
    transition: all 300ms;
    width: calc(130/750*100vw);
    height: 100%;
  }

  .tabContent_item_uq .submitBox .btn-submit .icon {
    background: #f20081;
  }

  .submitBox .btn-submit .icon::before {
    content: "";
    position: absolute;
    transition: all 300ms;
  }

  .submitBox .btn-submit .icon-sms::before {
    top: calc(43/750*100vw);
    left: calc(40/750*100vw);
    background: url(../img/icon_sms01.png) no-repeat 0 0 / 100% auto;
    width: calc(69/750*100vw);
    height: calc(60/750*100vw);
  }

  .submitBox .btn-submit-after .icon-sms::before {
    top: calc(43/750*100vw);
    left: calc(40/750*100vw);
    background: url(../img/icon_sms02.png) no-repeat 0 0 / 100% auto;
    width: calc(69/750*100vw);
    height: calc(60/750*100vw);
  }

  .submitBox .btn-submit .icon-coupon::before {
    top: calc(12/750*100vw);
    left: calc(30/750*100vw);
    background: url(../img/icon_coupon01.png) no-repeat 0 0 / 100% auto;
    width: calc(135/750*100vw);
    height: calc(107/750*100vw);
  }


  /* 242Q 追加 */
  .submitBox.cv-fixed.cv-fixed-column .btn-submit .icon-coupon::before {
    background-image: url(../img/icon_coupon04.png);
    top: calc(18/750*100vw);
    left: calc(30/750*100vw);
    width: calc(76/750*100vw);
    height: calc(67/750*100vw);
  }


  .tabContent_item_uq .submitBox .btn-submit .icon-coupon::before {
    background-image: url(../img/icon_coupon03.png);
  }

  .submitBox .btn-submit .text {
    color: #eb5505;
    font-size: 3.6rem;
    transition: all 300ms;
    padding-left: calc(50/750*100vw);
  }

  .tabContent_item_uq .submitBox .btn-submit .text {
    color: #f20081;
  }

  .submitBox .btn-submit-after .text {
    color: #fff;
  }

  .submitBox .btn-submit .text-coupon {
    font-size: 3.8rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    padding-left: calc(132/750*100vw);
  }


  .tabContent_item_uq .submitBox .btn-submit .text-coupon {
    font-size: 3rem;
  }

  /* 242Q 改修 */
  .submitBox.cv-fixed {
    height: calc(190/750*100vw);
    padding-top: calc(40/750*100vw);
    padding-bottom: calc(30/750*100vw);
    z-index: 10;
    background: url(../img/bg_cv_fixed.png) repeat-x left top / calc(750/750*100vw) calc(190/750*100vw);
  }

  /* 242Q 追加 */
  .submitBox.cv-fixed.cv-fixed-column {
    height: calc(210/750*100vw);
    padding-top: calc(30/750*100vw);
    padding-bottom: 0;
    background: url(../img/bg_cv_fixed2.png) repeat-x left top / calc(750/750*100vw) calc(230/750*100vw);

    @media(min-width:1001px) {
        height: 210px;
        padding-top: 30px;
        background: url(../img/bg_cv_fixed2.png) repeat-x left top / 750px 230px;
    }
  }

  .submitBox.cv-fixed::before {
    content: none;
  }

  .submitBox.cv-fixed .inner {
    padding-right: calc(35/750*100vw);
    padding-left: calc(35/750*100vw);
  }

  .submitBox .submitBox_flex {
    display: flex;
    align-items: center;
  }

  /* 242Q 追加 */
  .submitBox.cv-fixed.cv-fixed-column .submitBox_flex{
    flex-direction: column;
    gap: calc(16/750*100vw);

    @media(min-width:1001px) {
        gap: 16px;
    }
  }

  .submitBox .submitBox_flex .btnBox {
    min-width: calc(450/750*100vw);
  }

  /* 242Q 追加 */
  .submitBox.cv-fixed.cv-fixed-column .submitBox_flex .btnBox {
    min-width: calc(580/750*100vw);

    @media(min-width:1001px) {
        min-width: 580px;
    }
  }

  .submitBox .submitBox_flex .agree {
    flex: 1 0 0px;
    margin-right: calc(18/750*100vw);
    margin-bottom: 0;
    font-size: 2.8rem;
    line-height: 1.357;
  }

  /* 242Q 追加 */
  .submitBox.cv-fixed.cv-fixed-column .submitBox_flex .agree {
    color: #fff;
  }

  .submitBox .submitBox_flex .agree label {
    display: flex;
    align-items: center;
  }

  .submitBox .submitBox_flex .agree span {
    padding-left: calc(57/750*100vw);
  }

  .submitBox .submitBox_flex .agree span::before {
    top: 50%;
    transform: translateY(-50%);
  }

  .submitBox .submitBox_flex .agree span::after {
    top: 50%;
    margin-top: calc(-10/750*100vw);;
  }

  .submitBox .submitBox_flex .agree a {
    border-bottom: none;
    text-decoration: underline;
  }

  .submitBox .submitBox_flex .btn-submit {
    margin-top: 0;
    height: calc(120/750*100vw);
    line-height: 1.222;
  }

  /* 242Q 追加 */
  .submitBox.cv-fixed.cv-fixed-column .submitBox_flex .btn-submit {
    height: calc(110/750*100vw);
    border: 2px solid #fffb1f;

    @media(min-width:1001px) {
        height: 110px;
        border: 4px solid #fffb1f;
    }
  }

  .submitBox .submitBox_flex .btn-submit .text-coupon {
    font-size: 3.6rem;
  }

  .submitBox .submitBox_flex .btn-submit .icon-coupon::before {
    top: 0;
  }

  /* Disabled */

  .submitBox .btn-submit:disabled {
    pointer-events: none;
  }

  /* 242Q 追加 */
  .submitBox.cv-fixed.cv-fixed-column .btn-submit:disabled{
    border-color: transparent;
  }

  .submitBox .btn-submit:disabled .icon {
    background: #ccc;
  }

  .submitBox .btn-submit:disabled .icon-coupon::before {
    background-image: url(../img/icon_coupon01_off.png);
  }

  /* 242Q 追加 */
  .submitBox.cv-fixed.cv-fixed-column .btn-submit:disabled .icon-coupon::before {
    background-image: url(../img/icon_coupon04.png);
  }

  .submitBox .btn-submit:disabled .text {
    color: #ccc;
  }

  @media(min-width:1001px) {
    .submitBox {
      background-size: 14px auto;
      padding: 80px 0;
    }
    .submitBox::before {
      background-repeat: repeat-x;
      background-position: center 0;
      top: -15px;
      height: 30px;
    }
    .submitBox>.inner {
      max-width: 750px;
      padding: 0 85px;
    }
    .submitBox .agree {
      margin-bottom: 30px;
    }
    .submitBox .agree span {
      padding-left: 64px;
    }
    .submitBox .agree span::before {
      border-width: 2px;
      border-radius: 6px;
      width: 45px;
      height: 45px;
    }
    .submitBox .agree span::after {
      top: 10px;
      left: 10px;
      border-left-width: 6px;
      border-bottom-width: 6px;
      width: 24px;
      height: 18px;
    }
    .submitBox .agree a {
      padding-bottom: 7.5px;
    }
    .submitBox .notice {
      font-size: 2.8rem;
      margin-bottom: 30px;
    }
    .submitBox .btn-submit {
      border-radius: 70px;
      height: 140px;
    }
    .submitBox .btn-coupon {
      margin-top: 40px;
    }
    .submitBox .btn-submit .icon {
      border-radius: 70px 0 0 70px;
      width: 130px;
    }
    .submitBox .btn-submit .icon-sms::before {
      top: 43px;
      left: 40px;
      width: 69px;
      height: 60px;
    }
    .submitBox .btn-submit .icon-coupon::before {
      top: 12px;
      left: 30px;
      width: 135px;
      height: 107px;
    }

    /* 242Q 追加 */
    .submitBox.cv-fixed.cv-fixed-column .btn-submit .icon-coupon::before {
      top: 18px;
      left: 30px;
      width: 76px;
      height: 67px;
    }

    .submitBox .btn-submit .text {
      font-size: 3.6rem;
      padding-left: 50px;
    }
    .submitBox .btn-submit .text-coupon {
      font-size: 3.8rem;
      padding-left: 132px;
    }

    .submitBox.cv-fixed {
      height: 190px;
      padding-top: 40px;
      padding-bottom: 30px;
      background-size: 750px 190px;
    }

    .submitBox.cv-fixed .inner {
      padding-right: 35px;
      padding-left: 35px;
    }

    .submitBox .submitBox_flex .agree {
      margin-right: 18px;
    }

    .submitBox .submitBox_flex .btnBox {
      min-width: 450px;
    }

    .submitBox .submitBox_flex .btn-submit {
      height: 120px;
    }

    .submitBox .submitBox_flex .agree span {
      padding-left: 57px;
    }
  }

/* ============================================
  Terms
  ============================================ */

  .terms {
    display: none;
  }

  .terms_title {
    font-size: 3.2rem;
    font-weight: 600;
    text-align: center;
    margin-bottom: calc(30/750*100vw);
  }

  .terms_textBox {
    font-size: 2.8rem;
    overflow: auto;
    height: calc(620/750*100vw);
  }

  .terms_textBox p+p {
    margin-top: 1.5em;
  }
  .terms_textBox p{
    margin-bottom: 20px;
  }
  .terms_textBox a:not([classs]) {
    color: #0a6bcc;
    text-decoration: underline;
  }
  /*add iact*/
  .terms_midashi{
    font-weight: bold;
  }
  .terms_indent1{
    padding-left: 2em;
    position: relative;
  }
  .terms_indent1 span{
    display: inline-block;
    width: 2em;
    margin-right: 5px;
    margin-left: calc(-2em - 5px);
    font-size: 0.875em;
    text-align: center;
  }
  .terms_indent1box{
    margin-bottom: 10px;
  }
  .terms_indent2{
    margin-left: 2em;
  }
  .terms_table{
    border-spacing: 0;
  }
  .terms_table th,.terms_table td{
    border: 1px solid #777;
    padding: 10px;
    box-sizing: border-box;
  }
  .terms_table td:nth-of-type(1),
  .terms_table td:nth-of-type(2){
    width: 5em;
  }

  @media(min-width:1001px) {
    .terms_title {
      margin-bottom: 30px;
    }
    .terms_textBox {
      height: 620px;
    }
  }

/* ============================================
  Modal
  ============================================ */

  .modal {
    display: none;
  }

  .modal_title {
    font-size: 3.2rem;
    font-weight: 600;
    text-align: center;
    margin-bottom: calc(30/750*100vw);
  }

  .modal_textBox {
    font-size: 2.8rem;
    overflow: auto;
    height: calc(620/750*100vw);
    word-break: break-all;
  }

  .modal_textBox p+p,
  .modal_textBox ul+p {
    margin-top: 1.5em;
  }

  .modal_textBox ul ul {
    padding-left: 1em;
  }

  .modal_textBox a:not([classs]) {
    color: #0a6bcc;
    text-decoration: underline;
  }

  .modaal-container {
    border-radius: calc(20/750*100vw);
    max-width: calc(670/750*100vw);
    max-height: calc(800/750*100vw);
    padding-bottom: calc(60/750*100vw);
  }

  .modaal-content {
    height: 100%;
  }

  .modaal-content-container {
    padding: calc(60/750*100vw) calc(40/750*100vw) 0;
  }

  .modaal-wrapper .modaal-close {
    position: absolute;
    top: calc(-80/750*100vw);
    right: 0;
    background: url(../img/btn_close01.png) no-repeat 0 0 / cover;
    width: calc(72/750*100vw);
    height: calc(72/750*100vw);
  }

  .modaal-close::before, .modaal-close::after {
    display: none;
  }

  .text_border {
    display: inline-block;
    padding: 0.2em 0.5em;
    border: 1px solid;
  }

  .text_border + .text_border {
    margin-top: 0.25em;
  }

  @media(min-width:1001px) {
    .modal_title {
      margin-bottom: 30px;
    }
    .modal_textBox {
      height: 620px;
    }
    .modaal-container {
      border-radius: 20px;
      max-width: 670px;
      max-height: 800px;
      padding-bottom: 60px;
    }
    .modaal-content-container {
      padding: 60px 40px 0;
    }
    .modaal-wrapper .modaal-close {
      top: -80px;
      right: 0;
      width: 72px;
      height: 72px;
    }
  }

/* ============================================
  #step01
  ============================================ */

  #step01 .section01 .text {
    font-size: 3.2rem;
    font-weight: 500;
  }

  /* 242Q 改修 */
  #step01 .section01>.inner {
    margin-top: calc(50/750*100vw);

    @media(min-width:1001px) {
        margin-top: 50px;
    }
  }

  #step01 .section01 .form_row {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin-top: calc(40/750*100vw);
  }

  #step01 .section01 .form_row+.form_row {
    margin-top: calc(20/750*100vw);
  }

  #step01 .section01 .form_title {
    flex: 0 0 auto;
    position: relative;
    width: calc(109/335*100%);
    padding-left: calc(96/750*100vw);
  }

  #step01 .section01 .form_title.required::before {
    content: "必須";
    position: absolute;
    top: 50%;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #f23d3d;
    color: #fff;
    font-size: 2.6rem;
    border-radius: calc(6/750*100vw);
    width: calc(80/750*100vw);
    height: calc(50/750*100vw);
    transform: translateY(-50%);
  }

  #step01 .section01 .form_content {
    flex: 0 0 auto;
    width: calc(220/335*100%);
  }

  #step01 .section01 .input-text {
    display: block;
    border-radius: calc(10/750*100vw);
    border: calc(2/750*100vw) solid #c5c5c5;
    width: 100%;
    padding: calc(28/750*100vw);
  }

  #step01 .section01 .input-text input {
    width: 100%;
  }

  #step01 .section01 .form_text01 {
    margin: calc(40/750*100vw) auto;
  }

  /* salesPersonBox */

  #step01 .section01 .salesPersonBox {
    background: #eee;
    border: calc(4/750*100vw) solid #777;
    border-radius: calc(12/750*100vw);
    margin-bottom: calc(66/750*100vw);
    padding: calc(45/750*100vw) calc(40/750*100vw) calc(52/750*100vw);
  }

  #step01 .section01 .salesPerson_title {
    font-size: 3.2rem;
    text-align: center;
    margin-bottom: calc(30/750*100vw);
  }

  #step01 .section01 .salesPerson_inputBox {
    display: flex;
    flex-wrap: wrap;
  }

  #step01 .section01 .salesPerson_number {
    flex: 0 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #777;
    color: #fff;
    border-radius: calc(12/750*100vw) 0 0 calc(12/750*100vw);
    width: calc(85/291*100%);
  }

  #step01 .section01 .salesPerson_input {
    flex: 0 0 auto;
    background: #fff;
    border-radius: 0 calc(12/750*100vw) calc(12/750*100vw) 0;
    border: calc(2/750*100vw) solid #c5c5c5;
    border-left: none;
    width: calc(206/291*100%);
  }

  #step01 .section01 .salesPerson_input .input-text {
    border: 0;
    padding: calc(26/750*100vw);
  }

  #step01 .section01 .salesPerson_input input {
    width: 100%;
  }

  /*　アイアクト追記　*/
  .error_lName,.error_fName,.error_nTel,.error_shopResult {
    display: none;
    color: #e61717;
    font-weight: bold;
    font-size: 2.6rem;
  }
  .error {
    background-color: #ffebeb !important;
    color: #e61717 !important;
    border: #f27979;
  }
  .step01 .error {
    background-color: #ffebeb !important;
    color: #000000 !important;
    /* border: #f27979; */
  }

  @media(min-width:1001px) {
    #step01 .section01 .form_row {
      margin-top: 40px;
    }
    #step01 .section01 .form_row+.form_row {
      margin-top: 20px;
    }
    #step01 .section01 .form_title {
      padding-left: 96px;
    }
    #step01 .section01 .form_title.required::before {
      border-radius: 6px;
      width: 80px;
      height: 50px;
    }
    #step01 .section01 .input-text {
      border-radius: 10px;
      border-width: 2px;
      padding: 28px;
    }
    #step01 .section01 .form_text01 {
      margin: 40px auto;
    }
    /* salesPersonBox */
    #step01 .section01 .salesPersonBox {
      border-width: 4px;
      border-radius: 12px;
      margin-bottom: 66px;
      padding: 45px 40px 52px;
    }
    #step01 .section01 .salesPerson_title {
      margin-bottom: 30px;
    }
    #step01 .section01 .salesPerson_number {
      border-radius: 12px 0 0 12px;
    }
    #step01 .section01 .salesPerson_input {
      border-radius: 0 12px 12px 0;
      border-width: 2px;
    }
    #step01 .section01 .salesPerson_input .input-text {
      padding: 26px;
    }
  }

/* ============================================
  Lead Text
  ============================================ */

  .leadText {
    font-size: 3.8rem;
    line-height: 1.526;
    font-weight: 500;
  }

/* ============================================
  Banner
  ============================================ */

  .bnrBox {
    text-align: center;
  }

  .bnrBox01 {
    background: #fff;
    padding: calc(62/750*100vw) 0 calc(60/750*100vw);
  }

  .bnrBox02 {
    background: #f3f3f3;
    padding: calc(62/750*100vw) 0 calc(70/750*100vw);
  }

  .bnrBox .heading {
    position: relative;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    color: #fa3d00;
    font-size: 3.4rem;
    font-weight: 500;
    border-radius: calc(40/750*100vw);
    margin: 0 auto calc(40/750*100vw);
    padding: calc(15/750*100vw) calc(75/750*100vw);
  }

  .bnrBox .heading::before {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: calc(15/750*100vw) calc(11/750*100vw) 0 calc(11/750*100vw);
    border-color: #000 transparent transparent transparent;
  }

  .bnrBox01 .heading {
    background: #fff2d9;
  }

  .bnrBox01 .heading::before {
    border-top-color: #fff2d9;
  }

  .bnrBox02 .heading {
    background: #fff;
  }

  .bnrBox02 .heading::before {
    border-top-color: #fff;
  }

  .bnrBox .heading>span {
    position: relative
  }

  .bnrBox .heading>span::before, .bnrBox .heading>span::after {
    content: "";
    position: absolute;
    top: 50%;
    background: #fa3d00;
    width: calc(3/750*100vw);
    height: calc(35/750*100vw);
    transform-origin: 0 0;
  }

  .bnrBox .heading>span::before {
    left: calc(-33/750*100vw);
    transform: rotate(-35deg) translateY(-50%);
  }

  .bnrBox .heading>span::after {
    right: calc(-33/750*100vw);
    transform: rotate(35deg) translateY(-50%);
  }

  .bnrBox .text {
    font-size: 3rem;
    line-height: 1.6;
    text-align: left;
    margin-bottom: calc(40/750*100vw);
  }

  .bnrBox01 .slider_img .slider_item {
    display: block;
    box-shadow: calc(5/750*100vw) calc(5/750*100vw) calc(5/750*100vw) rgba(0, 0, 0, .15);
  }

  .bnrBox02 .bnrList {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }

  .bnrBox02 .bnrList_item {
    width: 47.8%;
  }

  .bnrBox02 .bnrList_item img {
    display: block;
    box-shadow: calc(5/750*100vw) calc(5/750*100vw) calc(5/750*100vw) rgba(0, 0, 0, .15);
  }

  @media(min-width:1001px) {
    .bnrBox01 {
      padding: 62px 0 60px;
    }
    .bnrBox02 {
      background: #f3f3f3;
      padding: 62px 0 70px;
    }
    .bnrBox .heading {
      border-radius: 40px;
      margin: 0 auto 40px;
      padding: 15px 75px;
    }
    .bnrBox .heading::before {
      border-width: 15px 11px 0 11px;
    }
    .bnrBox .heading>span::before, .bnrBox .heading>span::after {
      width: 3px;
      height: 35px;
    }
    .bnrBox .heading>span::before {
      left: -33px;
    }
    .bnrBox .heading>span::after {
      right: -33px;
    }
    .bnrBox .text {
      margin-bottom: 40px;
    }
    .bnrBox01 .slider_img .slider_item {
      display: block;
      box-shadow: 5px 5px 5px rgba(0, 0, 0, .15);
    }
    .bnrBox02 .bnrList_item img {
      display: block;
      box-shadow: 5px 5px 5px rgba(0, 0, 0, .15);
    }
  }

  /* bnrBox03 */

  .bnrBox03 {
    padding: calc(70/750*100vw) 0 0;
  }

  .bnrBox03-step03 {
    border-top: calc(2/750*100vw) solid #d5d5d5;
    margin-top: calc(50/750*100vw);
    padding: calc(25/750*100vw) 0 0;
  }

  .bnrBox03 .text {
    font-size: 3rem;
    line-height: 1.6;
    margin: calc(20/750*100vw) auto 0;
  }

  @media(min-width:1001px) {
    .bnrBox03 {
      padding: 70px 0 0;
    }
    .bnrBox03-step03 {
      border-top-width: 2px;
      margin-top: 50px;
      padding: 25px 0 0;
    }
    .bnrBox03 .text {
      margin: 20px auto 0;
    }
  }

/* ============================================
  Slick
  ============================================ */

  .slider_img .slick-list {
    padding: 0 25% calc(10/750*100vw) 0 !important;
  }

  .slider_img .slider_item+.slider_item {
    margin-left: calc(30/750*100vw);
  }

  .slider_img .slick-dots {
    bottom: calc(-50/750*100vw);
  }

  .slider_img .slick-dots li {
    width: calc(20/750*100vw);
    height: calc(20/750*100vw);
    margin: 0 calc(6/750*100vw);
  }

  .slider_img .slick-dots li button {
    background: #ccc;
    border-radius: 50%;
    width: 100%;
    height: 100%;
  }

  .slider_img .slick-dots li.slick-active button {
    background: #666;
  }

  .slider_img .slick-dots li button:before {
    display: none;
  }

  @media(min-width: 1001px) {
    .slider_img .slick-list {
      padding: 0 25% 10px 0 !important;
    }
    .slider_img .slider_item+.slider_item {
      margin-left: 30px;
    }
    .slider_img .slick-dots {
      bottom: -50px;
    }
    .slider_img .slick-dots li {
      width: 20px;
      height: 20px;
      margin: 0 6px;
    }
  }

/* ============================================
  新規・機種変更を伴わず、auスマートバリュー新規加入のみの場合
  ============================================ */

  .entryBox {
    position: relative;
    background: #eee;
    border-bottom: calc(4/750*100vw) solid #67c40a;
    margin: calc(60/750*100vw) auto 0;
    padding: 0 0 calc(36/750*100vw);
  }

  .entryBox::before {
    content: "";
    position: absolute;
    top: calc(-15/750*100vw);
    right: 0;
    background: url(../img/bg_circle01.png) repeat-x 100% 0 / auto 100%;
    width: 100%;
    height: calc(30/750*100vw);
  }

  .entryBox .heading {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 3.2rem;
    line-height: 1.56;
    font-weight: 500;
    text-align: center;
    border-bottom: calc(4/750*100vw) solid transparent;
    cursor: pointer;
    transition: all 300ms;
    padding: calc(76/750*100vw) 0 calc(32/750*100vw) calc(86/750*100vw);
  }

  .entryBox .heading.active {
    border-bottom-color: #67c40a;
  }

  .tabContent_item_uq .entryBox .heading.active {
    border-bottom-color: #6279d9;
  }

  .entryBox .heading::before, .entryBox .heading::after {
    content: "";
    position: absolute;
  }

  .entryBox .heading::before {
    top: calc(87/750*100vw);
    left: calc(12/750*100vw);
    border-radius: 50%;
    border: calc(3/750*100vw) solid #67c40a;
    width: calc(60/750*100vw);
    height: calc(60/750*100vw);
  }

  .entryBox .heading::after {
    top: calc(107/750*100vw);
    left: calc(32.5/750*100vw);
    transform: rotate(-45deg);
    transform-origin: center;
    border: calc(3/750*100vw) solid #67c40a;
    border-top: none;
    border-right: none;
    width: calc(18/750*100vw);
    height: calc(18/750*100vw);
  }

  .tabContent_item_uq .entryBox .heading::before,
  .tabContent_item_uq .entryBox .heading::after {
    border-color: #6279d9;
  }

  .entryBox .heading.active::after {
    top: calc(111.5/750*100vw);
    transform: rotate(135deg);
  }

  .entryBox .content {
    padding: calc(34/750*100vw) 0 calc(43/750*100vw);
  }

  .entryBox .flowList {
    counter-reset: flow;
  }

  .entryBox .flowList_item {
    position: relative;
    font-size: 3rem;
    line-height: 1.6;
    padding: 0 0 0 calc(62/750*100vw);
  }

  .entryBox .flowList_item+.flowList_item {
    margin-top: 0.533em;
  }

  .entryBox .flowList_item::before, .entryBox .flowList_item::after {
    position: absolute;
    top: calc(3/750*100vw);
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: calc(44/750*100vw);
    height: calc(44/750*100vw);
  }

  .entryBox .flowList_item::before {
    content: "";
    background: #67c40a;
    border: calc(2/750*100vw) solid #67c40a;
    border-radius: 50%;
  }

  .tabContent_item_uq  .entryBox .flowList_item::before {
    border-color: #6279d9;
    background: #6279d9;
  }

  .entryBox .flowList_item::after {
    counter-increment: flow;
    content: counter(flow);
    color: #fff;
    font-family: Roboto, sans-serif;
    font-size: 2.8rem;
  }

  .entryBox .btnBox {
    margin-top: calc(30/750*100vw);
  }

  @media(min-width: 1001px) {
    .entryBox {
      border-bottom-width: 4px;
      margin-top: 60px;
      padding-bottom: 36px;
    }
    .entryBox::before {
      top: -15px;
      height: 30px;
    }
    .entryBox .heading {
      border-bottom-width: 4px;
      padding: 76px 0 32px 86px;
    }
    .entryBox .heading::before {
      top: 87px;
      left: 12px;
      border-width: 3px;
      width: 60px;
      height: 60px;
    }
    .entryBox .heading::after {
      top: 107px;
      left: 32.5px;
      border-width: 3px;
      width: 18px;
      height: 18px;
    }
    .entryBox .heading.active::after {
      top: 111.5px;
    }
    .entryBox .content {
      padding: 34px 0 43px;
    }
    .entryBox .flowList_item {
      padding-left: 62px;
    }
    .entryBox .flowList_item::before, .entryBox .flowList_item::after {
      top: 3px;
      width: 44px;
      height: 44px;
    }
    .entryBox .flowList_item::before {
      border-width: 2px;
    }
    .entryBox .btnBox {
      margin-top: 30px;
    }
  }

/* ============================================
  Button
  ============================================ */

  .btn-action {
    display: flex;
    flex-wrap: wrap;
    background: #fff;
    width: calc(580/750*100vw);
    height: calc(120/750*100vw);
    margin: 0 auto;
  }

  .btn-action .icon {
    flex: 0 0 auto;
    position: relative;
    background: #eb5505;
    border-radius: calc(12/750*100vw) 0 0 calc(12/750*100vw);
    width: calc(112/750*100vw);
  }

  .btn-action.btn-action-uq .icon {
    background: #f20081;
  }

  .btn-action .icon::before {
    content: "";
    position: absolute;
    background-size: 100% auto;
  }

  .btn-action .icon-entry::before {
    top: calc(32/750*100vw);
    left: calc(26/750*100vw);
    background-image: url(../img/icon_entry01.png);
    width: calc(51/750*100vw);
    height: calc(51/750*100vw);
  }

  .btn-action .icon-book::before {
    top: calc(33/750*100vw);
    left: calc(34/750*100vw);
    background-image: url(../img/icon_book01.png);
    width: calc(52/750*100vw);
    height: calc(53/750*100vw);
  }

  .btn-action .icon-call::before {
    top: calc(30/750*100vw);
    left: calc(32/750*100vw);
    background-image: url(../img/icon_call01.png);
    width: calc(48/750*100vw);
    height: calc(48/750*100vw);
  }

  .btn-action .icon-login::before {
    top: calc(37/750*100vw);
    left: calc(30/750*100vw);
    background-image: url(../img/icon_login.png);
    width: calc(52/750*100vw);
    height: calc(48/750*100vw);
  }

  .btn-aupay .icon-aupay::before {
    top: calc(18/750*100vw);
    left: calc(26/750*100vw);
    background-image: url(../img/icon_aupay.png);
    width: calc(72/750*100vw);
    height: calc(72/750*100vw);
  }

  .btn-aupay .icon-aupay::after {
    content: "";
    position: absolute;
    top: calc(20/750*100vw);
    right: calc(-2/750*100vw);
    width: 0;
    height: calc(80/750*100vw);
    border-right: 1px solid #fff;
    opacity: .5;
  }

  .btn-action .text {
    flex: 1 1 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    color: #eb5505;
    font-size: 3.2rem;
    font-weight: 500;
    border: calc(4/750*100vw) solid #eb5505;
    border-left: none;
    border-radius: 0 calc(12/750*100vw) calc(12/750*100vw) 0;
  }

  .btn-action.btn-action-uq .text {
    color: #f20081;
    border-color: #f20081;
  }

  .btn-call .text {
    font-family: Robot, sans-serif;
    font-size: 3.8rem;
  }

  .btn-action.btn-aupay .text {
    color: #fff;
    background: #eb5505;
  }

  @media(min-width: 1001px) {
    .btn-action {
      width: 580px;
      height: 120px;
      margin: 0 auto;
    }
    .btn-call {
      pointer-events: none;
    }
    .btn-action .icon {
      border-width: 4px;
      border-radius: 12px 0 0 12px;
      width: 112px;
    }
    .btn-action .icon-entry::before {
      top: 32px;
      left: 26px;
      width: 51px;
      height: 51px;
    }
    .btn-action .icon-book::before {
      top: 33px;
      left: 34px;
      width: 52px;
      height: 53px;
    }
    .btn-action .icon-call::before {
      top: 30px;
      left: 32px;
      width: 48px;
      height: 48px;
    }

    .btn-action .icon-login::before {
      top: 37px;
      left: 30px;
      width: 52px;
      height: 48px;
    }

    .btn-aupay .icon-aupay::before {
      top: 18px;
      left: 26px;
      width: 72px;
      height: 72px;
    }
    .btn-action .text {
      border-width: 4px;
      border-radius: 0 12px 12px 0;
    }
  }

/* ============================================
  クーポンのご利用方法
  ============================================ */

  .useBox {
    margin-top: calc(60/750*100vw);
  }

  /* 243Q 追加 */
  .useBox:last-child {
    padding-bottom: calc(60/750*100vw);
    border-bottom: calc(4/750*100vw) solid #67c40a;
  }

  .section00 > .useBox {
    margin-top: calc(42/750*100vw);
  }

  .tabContent_item_uq .section03 > .useBox {
    margin-top: 0;
  }

  .useBox .heading01 {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: calc(23/750*100vw) 0 calc(45/750*100vw);
    background: url(../img/bg_pat03.png) repeat 0 0 / calc(14/750*100vw) auto;
    min-height: calc(164/750*100vw);
  }

  .tabContent_item_uq  .useBox .heading01 {
    background-image: url(../img/bg_pat06.png);
  }

  .useBox .heading01>span {
    position: relative;
    color: #fff;
    font-size: 3.6rem;
    font-weight: 600;
    letter-spacing: .05em;
    text-align: center;
    padding-left: calc(100/750*100vw);
  }

  .useBox .heading01>span::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    background: url(../img/icon_beginner01.png) no-repeat 0 0 / 100% auto;
    width: calc(80/750*100vw);
    height: calc(80/750*100vw);
  }

  .useBox .content {
    position: relative;
    background: #eee;
  }

  .useBox .content::before {
    content: "";
    position: absolute;
    top: calc(-14/750*100vw);
    left: 0;
    width: 100%;
    background: url(../img/bg_circle02.png) repeat-x 0 0 / auto 100%;
    height: calc(15/750*100vw);
  }

  /* 243Q 追加 */
  .useBox.useBox-notab .content::before {
    background-image: url(../img/bg_circle09.png);
  }

  .useBox .content.accordionContent::before {
    background: none;
  }

  .useBox .heading02 {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 3.2rem;
    line-height: 1.56;
    font-weight: 500;
    text-align: center;
    border-bottom: calc(4/750*100vw) solid #67c40a;
    margin-bottom: calc(37/750*100vw);
    padding: calc(50/750*100vw) 0 calc(20/750*100vw);
  }

  .tabContent_item_uq .useBox .heading02 {
    border-bottom-color: #6279d9;
  }

  @media(min-width: 1001px) {
    .useBox {
      margin-top: 60px;
    }

    /* 243Q 追加 */
    .useBox:last-child {
      padding-bottom: 60px;
      border-bottom-width: 4px;
    }

    .useBox .heading01 {
      background-size: 14px auto;
      padding: 23px 0 45px;
      min-height: 164px;
    }
    .useBox .heading01>span {
      padding-left: 100px;
    }
    .useBox .heading01>span::before {
      width: 80px;
      height: 80px;
    }
    .useBox .content::before {
      top: -14px;
      height: 15px;
    }
    .useBox .heading02 {
      border-bottom-width: 4px;
      margin-bottom: 37px;
      padding: 50px 0 20px;
    }
  }

  /* TabMenu */

  .useBox .tabMenuList {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }

  .useBox .tabMenuList_item {
    flex: 0 0 auto;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #fff;
    border: calc(4/750*100vw) solid #fff;
    border-radius: calc(12/750*100vw) calc(12/750*100vw) 0 0;
    border-bottom: none;
    cursor: pointer;
    width: calc(214/750*100vw);
    height: calc(120/750*100vw);
    text-align: center;
    line-height: 1.156;
  }

  .useBox .tabMenuList_item_wide {
    width: calc(328/750*100vw);
    height: calc(170/750*100vw);
    padding-bottom: calc(23/750*100vw);
    border-width: calc(2/750*100vw);
    line-height: 1.4;
    text-align: center;
  }

  .useBox .tabMenuList_item_single {
    width: calc(442/750*100vw);
  }

  .useBox .tabMenuList_item_au {
    border-color: #eb5505;
    background: #fff2d9;
  }

  .useBox .tabMenuList_item_uq {
    border-color: #0090d9;
    background: #d9f2ff;
  }

  .useBox .tabMenuList_item.current {
    border-color: #67c40a;
  }

  .tabContent_item_uq  .useBox .tabMenuList_item.current {
    border-color: #6279d9;
  }

  .useBox .tabMenuList_item_au.current {
    border-color: #eb5505;
    background: #eb5505;
  }

  .useBox .tabMenuList_item_uq.current {
    border-color: #0090d9;
    background: #0090d9;
  }

  .useBox .tabMenuList_item::before {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;
    background: #fff;
    opacity: 0;
    width: 100%;
    height: calc(8/750*100vw);
  }

  .useBox .tabMenuList_item_wide::before {
    background: transparent;
  }

  .useBox .tabMenuList_item.current::before {
    opacity: 1;
  }

  .useBox .tabMenuList_item+.tabMenuList_item {
    margin-left: calc(14/750*100vw);
  }

  .useBox .tabMenuList_item>span {
    position: relative;
    font-size: 3.2rem;
  }

  .useBox .tabMenuList_item>span.small {
    font-size: 2.4rem;
  }

  .useBox .tabMenuList_item_wide {
    font-size: 3rem;
  }

  .useBox .tabMenuList_item_au>span {
    color: #eb5505;
  }

  .useBox .tabMenuList_item_uq>span {
    color: #0090d9;
  }

  .useBox .tabMenuList_item.current>span {
    color: #67c40a;
    font-weight: 500;
  }

  .useBox .tabMenuList_item_wide.current>span {
    color: #ffffff;
  }

  .tabContent_item_uq .useBox .tabMenuList_item.current>span {
    color: #6279d9;
  }

  .useBox .tabMenuList_item>span::after {
    content: "";
    position: absolute;
    bottom: calc(-15/750*100vw);
    left: 50%;
    transform: translateX(-50%);
    background: radial-gradient(circle farthest-side, #67c40a, #67c40a 50%, #fff 50%, #fff);
    background-size: calc(10/750*100vw) calc(5/750*100vw);
    opacity: 0;
    width: calc(100% + (5/750*100vw));
    height: calc(5/750*100vw);
  }

  .useBox .tabMenuList_item_au>span::after {
    background: radial-gradient(circle farthest-side, #eb5505, #eb5505 50%, #fff 50%, #fff);
    background-size: calc(10/750*100vw) calc(5/750*100vw);
  }

  .useBox .tabMenuList_item_uq>span::after {
    background: radial-gradient(circle farthest-side, #0090d9, #0090d9 50%, #fff 50%, #fff);
    background-size: calc(10/750*100vw) calc(5/750*100vw);
  }

  .tabContent_item_uq  .useBox .tabMenuList_item>span::after {
    background: radial-gradient(circle farthest-side, #6279d9, #6279d9 50%, #fff 50%, #fff);
    background-size: calc(10/750*100vw) calc(5/750*100vw);
  }

  .useBox .tabMenuList_item.current>span::after {
    opacity: 1;
  }

  @media(min-width: 1001px) {
    .useBox .tabMenuList_item {
      border-width: 4px;
      border-radius: 12px 12px 0 0;
      width: 214px;
      height: 120px;
    }
    .useBox .tabMenuList_item_wide {
      width: 328px;
      height: 170px;
      padding-bottom: 23px;
    }
    .useBox .tabMenuList_item_single {
      width: 442px;
    }
    .useBox .tabMenuList_item::before {
      height: 8px;
    }
    .useBox .tabMenuList_item+.tabMenuList_item {
      margin-left: 14px;
    }
    .useBox .tabMenuList_item>span::after {
      bottom: -15px;
      background-size: 10px 5px;
      width: calc(100% + 5px);
      height: 5px;
    }
    .tabContent_item_uq .useBox .tabMenuList_item>span::after {
      background-size: 10px 5px;
    }
  }

  /* TabContent */

  /* 243Q 追加 */
  .useBox.useBox-notab .tab {
    padding-top: 0;
  }

  .useBox .tabContent {
    background: #fff;
    border-top: calc(4/750*100vw) solid #67c40a;
    padding: calc(50/750*100vw) 0 0;
  }

  /* 243Q 追加 */
  .useBox.useBox-notab .tabContent {
    border-top-color: #fff;
  }

  .useBox .tab_au > .tabContent {
    border-top-color: #eb5505;
  }

  .useBox .tab_uq > .tabContent {
    border-top-color: #0090d9;
  }

  .tabContent_item_uq  .useBox .tabContent {
    border-top-color: #6279d9;
  }

  .useBox .tabContent_wide {
    padding-top: 0;
  }

  .useBox .tabContent.current_au {
    border-top-color: #eb5505;
  }

  .useBox .tabContent.current_uq {
    border-top-color: #0090d9;
  }

  /* 242Q 改修 */
  .useBox .tabContent_item {
    overflow: hidden;
  }

  .useBox .tabContent_wide .section01 {
    padding-top: calc(40/750*100vw);
  }

  .useBox .tabContent_item_au .section01 {
    background: #fff2d9;
  }

  .useBox .tabContent_item_uq .section01 {
    background: #d9f2ff;
  }

  .useBox .tabContent_item .columnBox {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }

  .useBox .tabContent_item .columnBox .heading {
    font-weight: 500;
  }

  .tabContent_item_uq  .useBox .tabContent_item .columnBox .heading {
    color: #6279d9;
  }

  .useBox .tabContent_item .columnBox .img {
    flex: 0 0 auto;
    width: calc(220/670*100%);
  }

  .useBox .tabContent_item .columnBox .text {
    flex: 0 0 auto;
    font-size: 3.2rem;
    line-height: 1.625;
    width: calc(400/670*100%);
    padding-top: calc(20/750*100vw);
  }

  .useBox .tabContent_item .btnBox {
    margin-top: calc(50/750*100vw);
  }

  .useBox .tabContent_item:nth-of-type(1) .btnBox {
    margin-top: calc(35/750*100vw);
  }

  .useBox .tabContent_item .btn-action + .btn-action {
    margin-top: calc(20/750*100vw);
  }

  .useBox .tabContent_item .btnBox .catch {
    color: #fa3d00;
    font-size: 3rem;
    font-weight: 500;
    text-align: center;
    margin-bottom: calc(25/750*100vw);
  }

  .tabContent_item_uq  .useBox .tabContent_item .btnBox .catch {
    color: #f20081;
  }

  .useBox .tabContent_item .btnBox .catch>span {
    position: relative;
  }

  .useBox .tabContent_item .btnBox .catch>span::before {
    content: "";
    position: absolute;
    top: calc(-15/750*100vw);
    left: calc(-27/750*100vw);
    background: url(../img/orn_catch01.png) no-repeat 0 0 / 100% auto;
    width: calc(28/750*100vw);
    height: calc(30/750*100vw);
  }

  .tabContent_item_uq  .useBox .tabContent_item .btnBox .catch>span::before {
    background-image: url(../img/orn_catch02.png);
  }

  @media(min-width: 1001px) {
    .useBox .tabContent {
      border-top-width: 4px;
      padding: 50px 0 0;
    }
    .useBox .tabContent_wide {
      padding-top: 0;
    }
    .useBox .tabContent_item .columnBox .text {
      padding-top: 20px;
    }
    .useBox .tabContent_item .btnBox {
      margin-top: 50px;
    }
    .useBox .tabContent_item:nth-of-type(1) .btnBox {
      margin-top: 35px;
    }
    .useBox .tabContent_item .btnBox .catch {
      margin-bottom: 25px;
    }
    .useBox .tabContent_item .btnBox .catch>span::before {
      top: -15px;
      left: -27px;
      width: 28px;
      height: 30px;
    }
    .useBox .tabContent_item .btn-action + .btn-action {
      margin-top: 20px;
    }
  }

  .noticeBox .service {
    margin-top: calc(49/750*100vw);
  }
  .noticeBox .service_item {
    margin-top: calc(20/750*100vw);
  }
  .noticeBox .service_title {
    display: table;
    position: relative;
    margin: 0 auto calc(18/750*100vw);
    text-align: center;
    font-size: 2.8rem;
    font-weight: 500;
    color: #eb5505;
  }
  .noticeBox .service_title::before,
  .noticeBox .service_title::after {
    position: absolute;
    bottom: 0;
    width: 0;
    height: 8rem;
    border-left: calc(3/750*100vw) solid #eb5505;
    content: '';
  }
  .noticeBox .service_title::before {
    left: calc(-40/750*100vw);
    transform: rotate(-30deg);
  }
  .noticeBox .service_title::after {
    right: calc(-40/750*100vw);
    transform: rotate(30deg);
  }
  .noticeBox .btn-service {
    display: block;
    padding: calc(24/750*100vw);
    border-radius: calc(12/750*100vw);
    line-height: 1.4375;
    font-size: 3.2rem;
    font-weight: 500;
    background: #fff;
  }
  .noticeBox .btn-service_inner {
    display: flex;
    align-items: center;
    background: url(../img/arrow_btn.png) no-repeat right center / calc(16/750*100vw) auto;
  }
  .noticeBox .btn-service_logo {
    display: inline-block;
    width: calc(121/750*100vw);
    text-align: center;
  }
  .noticeBox .service_logo-au {
    width: calc(109/750*100vw);
    height: calc(40/750*100vw);
  }
  .noticeBox .service_logo-uq {
    width: calc(101/750*100vw);
    height: calc(64/750*100vw);
  }
  .noticeBox .btn-service_text {
    padding: 0 calc(25/750*100vw);
  }
  .noticeBox .btn-service_check {
    margin-top: calc(24/750*100vw);
    padding: calc(14/750*100vw) calc(14/750*100vw) calc(14/750*100vw) calc(87/750*100vw);
    border-radius: calc(12/750*100vw);
    background: #0090d9 url(../img/icon_btn_check.png) no-repeat left calc(29/750*100vw) center / calc(36/750*100vw) auto;
    font-weight: 700;
    color: #fff;
  }
  .noticeBox .btn-service_notes {
    margin: calc(15/750*100vw) 0 calc(8/750*100vw);
    font-size: 2.4rem;
    font-weight: normal;
  }

  @media(min-width: 1001px) {
    .noticeBox .service {
      margin-top: 50px;
      padding-top: 50px;
      border-top-width: 2px;
    }
    .noticeBox .service_title {
      margin-bottom: 18px;
    }
    .noticeBox .service_title::before,
    .noticeBox .service_title::after {
      border-left-width: 3px;
    }
    .noticeBox .service_title::before {
      left: -40px;
    }
    .noticeBox .service_title::after {
      right: -40px;
    }
    .noticeBox .service_item {
      margin-top: 20px;
    }

    .noticeBox .btn-service {
      padding: 24px;
      border-radius: 12px;
    }
    .noticeBox .btn-service_inner {
      background-size: 16px auto;
    }
    .noticeBox .btn-service_logo {
      width: 121px;
    }
    .noticeBox .service_logo-au {
      width: 109px;
      height: 40px;
    }
    .noticeBox .service_logo-uq {
      width: 101px;
      height: 64px;
    }
    .noticeBox .btn-service_text {
      padding: 0 25px;
    }
    .noticeBox .btn-service_check {
      margin-top: 24px;
      padding: 14px 14px 14px 87px;
      border-radius: 12px;
      background-position: left 29px center;
      background-size: 36px auto;
    }
    .noticeBox .btn-service_notes {
      margin: 15px 0 8px;
    }
  }

  .borderNoticeBox {
    margin: calc(50/750*100vw) auto;
    width: calc(580/750*100vw);
    padding: calc(30/750*100vw) calc(40/750*100vw);
    border: calc(2/750*100vw) solid;
    border-radius: calc(12/750*100vw);
    line-height: 1.5;
    font-size: 3rem;
  }
  .borderNoticeBox.borderNoticeBox-uq {
    border-color: #f20081;
  }
  .borderNoticeBox_item::before {
    content: '●';
  }
  .borderNoticeBox.borderNoticeBox-uq .borderNoticeBox_item::before {
    color: #f20081;
  }

  @media(min-width: 1001px) {
    .borderNoticeBox {
      width: 580px;
      margin: 50px auto;
      padding: 30px 40px;
    }
  }

/* ============================================
  Coupon
  ============================================ */

  .couponBox {
    margin: 0 0 calc(50/750*100vw);
  }

  .couponBox .heading {
    display: flex;
    align-items: center;
    justify-content: center;
    background: url(../img/bg_pat04.png) repeat 0 0 / calc(14/750*100vw) auto;
    text-align: center;
    height: calc(188/750*100vw);
  }

  .couponBox .heading>span {
    position: relative;
    color: #fff;
    font-size: 3.6rem;
    line-height: 1.5;
    font-weight: 500;
    padding-left: calc(145/750*100vw);
  }

  .couponBox .heading>span::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background: url(../img/icon_coupon02.png) no-repeat 0 0 / 100% auto;
    width: calc(111/750*100vw);
    height: calc(77/750*100vw);
  }

  .couponBox .heading>span small {
    font-size: 66.6%;
  }

  .couponBox .sub-heading {
    position: relative;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    color: #fa3d00;
    font-size: 3.4rem;
    font-weight: 500;
    border-radius: calc(70/750*100vw);
    padding: calc(20/750*100vw) calc(88/750*100vw);
  }

  .couponBox .sub-heading::before {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: calc(15/750*100vw) calc(11/750*100vw) 0 calc(11/750*100vw);
    border-color: #000 transparent transparent transparent;
  }

  .couponBox .sub-heading {
    background: #fff2d9;
  }

  .couponBox .sub-heading::before {
    border-top-color: #fff2d9;
  }

  .couponBox .sub-heading>span {
    position: relative
  }

  .couponBox .sub-heading>span::before, .couponBox .sub-heading>span::after {
    content: "";
    position: absolute;
    top: 50%;
    background: #fa3d00;
    width: calc(3/750*100vw);
    height: calc(80/750*100vw);
    transform-origin: 0 0;
  }

  .couponBox .sub-heading>span::before {
    left: calc(-33/750*100vw);
    transform: rotate(-35deg) translateY(-50%);
  }

  .couponBox .sub-heading>span::after {
    right: calc(-33/750*100vw);
    transform: rotate(35deg) translateY(-50%);
  }

  .couponMessage {
    padding-top: calc(55/750*100vw);
    text-align: center;
  }

  .couponBox .content {
    position: relative;
  }

  .couponBox .content::before {
    content: "";
    position: absolute;
    top: calc(-15/750*100vw);
    right: 0;
    background: url(../img/bg_circle01.png) repeat-x 100% 0 / auto 100%;
    width: 100%;
    height: calc(30/750*100vw);
  }

  .couponBox .textBox {
    font-size: 3rem;
    line-height: 1.6;
    border-bottom: calc(2/750*100vw) solid #d5d5d5;
    padding: calc(30/750*100vw) 0 calc(35/750*100vw);
  }

  @media(min-width: 1001px) {
    .couponBox {
      margin: 0 0 50px;
    }
    .couponBox .heading {
      background-size: 14px auto;
      height: 188px;
    }
    .couponBox .heading>span {
      padding-left: 145px;
    }
    .couponBox .heading>span::before {
      width: 111px;
      height: 77px;
    }
    .couponBox .content::before {
      top: -15px;
      height: 30px;
    }
    .couponBox .textBox {
      border-bottom-width: 2px;
      padding: 30px 0 35px;
    }
  }

  /* .couponPhoneNumberBox */

  .couponPhoneNumberBox {
    padding: calc(40/750*100vw) 0;
  }

  .couponPhoneNumberBox>dl {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    font-weight: 500;
  }

  .couponPhoneNumberBox>dl>dt {
    font-size: 3rem;
  }

  .couponPhoneNumberBox>dl>dt::after {
    content: "：";
    margin: 0 .25em;
  }

  .couponPhoneNumberBox>dl>dd {
    font-size: 4rem;
  }

  @media(min-width: 1001px) {
    .couponPhoneNumberBox {
      padding: 40px 0;
    }
  }

  /* .couponBarcodeBox */

  .couponBarcodeBox {}

  .couponBarcodeBox .barcode {
    margin: 0 calc(-10/750*100vw);
    padding: calc(35/750*100vw) calc(50/750*100vw) calc(45/750*100vw) calc(30/750*100vw);
    background: url(../img/bg_barcode.png) no-repeat 0 0 / 100% auto;
    /* 242Q 追加 */
    #step03 &{
      margin-bottom: 0;
    }

  }

  .couponBarcodeBox .noteBox {
    position: relative;
    background: #ffe5e5;
    border-radius: calc(12/750*100vw);
    width: 100%;
    padding: calc(30/750*100vw);
  }

  .couponBarcodeBox .noteBox p {
    font-weight: 500;
  }

  .couponBarcodeBox .row+.row {
    margin-top: calc(20/750*100vw);
  }

  .couponBarcodeBox .noteList_item {
    font-size: 3rem;
  }

  .noteList_item {
    line-height: 1.6;
    text-indent: -1em;
    margin-left: 1em;
  }

  .noteList_item.noteList_item-noindent {
    text-indent: 0;
    margin-left: 0;
  }

  .noteList_item::before {
    content: "※"
  }

  @media(min-width: 1001px) {
    .couponBarcodeBox .barcode {
      margin: 0 auto;
      padding: 44px 66px 58px 40px;
      background-size: contain;
    }
    .couponBarcodeBox .row {
      border-radius: 12px;
      padding: 30px;
    }
    .couponBarcodeBox .row+.row {
      margin-top: 10px;
    }
  }

  /* .couponNumberBox */

  .couponNumberBox {
    padding: calc(30/750*100vw) 0 0;
  }
  .couponNumberBox.optoutBox{
    margin: 0 0 calc(45/750*100vw);
    padding-top: 0;
  }
  .couponNumberBox .row {
    position: relative;
    background: #eee;
    border: calc(2/750*100vw) solid #c5c5c5;
    border-radius: calc(12/750*100vw);
    width: 100%;
    height: calc(100/750*100vw);
    padding: 0 calc(25/750*100vw);
  }

  .couponNumberBox .row+.row {
    margin-top: calc(10/750*100vw);
  }

  .couponNumberBox .row>dl {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    font-size: 2.8rem;
    width: 100%;
    height: 100%;
  }
  .couponNumberBox.optoutBox .row>dl {
    justify-content: center;
  }
  .couponNumberBox .row>dl>dt {
    font-weight: 500;
  }

  .couponNumberBox .row>dl>dt::after {
    content: "：";
    margin: 0 .25em;
  }

  .couponNumberBox .row>dl>dd {
    font-size: 3rem;
    font-weight: 400;
    padding-right: calc(120/750*100vw);
  }
  .couponNumberBox.optoutBox .row>dl>dd{
    font-size: 4.5rem;
    padding-right: 0;
  }

  /* 242Q 改修 */
  .couponNumberBox .btn-copyText {
    position: absolute;
    top: calc(50% - calc(40/750*100vw));
    right: calc(10/750*100vw);
    /* transform: translateY(-50%); */
    background: #eb5505;
    color: #fff;
    font-size: 2.4rem;
    line-height: 1.166;
    border-radius: calc(8/750*100vw);
    width: calc(110/750*100vw);
    height: calc(80/750*100vw);
  }

  /* 242Q 追加 */
  .couponNumberBox .btn-copyText::before {
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    z-index: 100;
    bottom: calc(80 / 750 * 100vw);
    left: 50%;
    width: calc(480 / 750 * 100vw);
    height: calc(100 / 750 * 100vw);
    border-radius: calc(50 / 750 * 100vw);
    transform: translateX(-50%);
    font-size: 3rem;
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
    opacity: 0;
    visibility: hidden;
    content: "コピーしました";
  }
  @media (min-width: 1001px) {
    .couponNumberBox .btn-copyText::before {
      bottom: 80px;
      width: 480px;
      height: 100px;
      border-radius: 50px;
    }
  }
  .couponNumberBox .btn-copyText.is-copied::before {
    opacity: 1;
    visibility: visible;
    transition: all 0.2s ease-in-out;
  }


  .couponNumberBox .couponNumberBox__text {
    font-size: 2.4rem;
    padding-top: calc(30/750*100vw);
  }

  @media(min-width: 1001px) {
    .couponNumberBox {
      padding: 30px 0 0;
    }
    .couponNumberBox .row {
      border-width: 2px;
      border-radius: 12px;
      height: 100px;
      padding: 0 25px;
    }
    .couponNumberBox .row+.row {
      margin-top: 10px;
    }
    .couponNumberBox .row>dl>dd {
      padding-right: 120px;
    }
    .couponNumberBox .btn-copyText {
      /* 242Q 改修 */
      top: calc(50% - 40px);
      right: 10px;
      border-radius: 8px;
      width: 110px;
      height: 80px;
    }
  }

/* ============================================
  iact追記
  ============================================ */
  .errorpageHead{
    border-bottom: 2px solid #d5d5d5;
    margin: 0 0 calc(30/750*100vw);
  }
  .header .logo .imgBox{
    margin-bottom: 0;
  }
  .in_inner{
    margin: calc(30/750*100vw) 0;
    padding: calc(30/750*100vw) calc(30/750*100vw);
    background-color: #fff;
    border-radius: calc(12/750*100vw);
  }
  .errorpage h3.method{
    border-bottom: 3px solid #aaa;
    padding: calc(20/750*100vw) calc(10/750*100vw);
    font-size: 3.2rem;
    text-align: center;
  }
  .noticeBox .linkErrorpage {
    display: flex;
    align-items: center;
    border-top: calc(2/750*100vw) solid #d5d5d5;
    border-bottom: calc(2/750*100vw) solid #d5d5d5;
    height: calc(142/750*100vw);
    margin-left: calc(75/750*100vw);
    margin-top: calc(20/750*100vw);
  }
  .btn-maintBack{
    max-width: 750px;
    max-height: 140px;
    display: flex;
    flex-wrap: wrap;
    background: #fff;
    width: calc(480/750*100vw);
    height: calc(90/750*100vw);
    margin: 0 auto calc(75/750*100vw);
  }
  @media(min-width:1001px) {
    .btn-maintBack{
      padding: 0 85px;
    }
  }

  #step01 .section01 .btn-maintBack p{
    flex: 1 1 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 2.8rem;
    font-weight: 500;
    border: calc(2/750*100vw) solid #aaa;
    border-radius: calc(12/750*100vw);
    position: relative;
  }
  .btn-maintBack p::before {
    content: "";
    position: absolute;
    left: calc(34/750*100vw);
    background: url(../img/orn_arrow01.svg) no-repeat 0 0 / 100% auto;
    width: calc(15/750*100vw);
    height: calc(30/750*100vw);
    transform: rotateY(180deg);
  }
  .annotation_errorpage{
    color: #e61717;
    margin: calc(25/750*100vw) auto;
    padding-left: 1em;
    padding-top: calc(20/750*100vw);
    position: relative;
    border-top: calc(2/750*100vw) solid #d5d5d5;
  }
  .annotation_errorpage:before{
    display: block;
    position: absolute;
    left: 0;
    content: "※";
  }
  .headingErrorpage{
    display: flex;
    align-items: center;
    height: calc(60/750*100vw);
  }
  .headingErrorpage span{
    position: relative;
    color: #e50112;
    font-size: 3.4rem;
    font-weight: 600;
    letter-spacing: .05em;
    padding-left: calc(80/750*100vw);
  }
  .headingErrorpage span:before{
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    background: url(../img/icon_error.png) no-repeat 0 0 / 100% auto;
    width: calc(65/750*100vw);
    height: calc(65/750*100vw);
  }

  /* 242Q 追加 */
  .share_errorpage{
    display: flex;
    flex-direction: column;
    gap: calc(30/750*100vw);
    margin: calc(60/750*100vw) 0;
    @media (min-width: 1001px) {
        gap: 30px;
        margin: 60px 0;
    }
    h4{
        background-color: #eee;
        padding: calc(25 / 750 * 100vw) calc(35 / 750 * 100vw);
        border-radius: calc(10 / 750 * 100vw);
        font-size: 3.2rem;
        @media (min-width: 1001px) {
            padding: 25px 35px;
            border-radius: 10px;
        }
    }
    .share_errorpage_item{
        display: flex;
        flex-direction: column;
        gap: calc(30/750*100vw);
        @media (min-width: 1001px) {
            gap: 30px;
        }
    }
    a:not([classs]) {
        color: #0a6bcc;
        text-decoration: underline;
    }
    .img{
        width: calc(360 / 750 * 100vw);
        margin-inline: auto;
        margin-bottom: calc(20 / 750 * 100vw);
        @media (min-width: 1001px) {
            width: 360px;
            margin-bottom: 20px;
        }
    }
  }

  .notice_errorpage{
    color: #e50112;
    margin: calc(15/750*100vw) auto;
  }
  .errorpage .noticeBox>.inner{
    padding: calc(15/750*100vw) calc(30/750*100vw);
  }
  .errorpageImg{
    margin-bottom: calc(30/750*100vw);
  }
  .errorpageImg figcaption{
    margin-bottom: calc(20/750*100vw);
    text-align: left;
  }
  .errorpageList{
    position: relative;
    font-size: 3.2rem;
    padding-left: calc(80/750*100vw);
    margin-top: calc(30/750*100vw);
  }
  .errorpageList:before{
    content: "";
    position: absolute;
    left: 0;
    width: calc(50/750*100vw);
    height: calc(50/750*100vw);
  }
  .errorpageListNum1:before{
    background: url(../img/icon_errorlist01.png) no-repeat 0 0 / 100% auto;
  }
  .errorpageListNum2:before{
    background: url(../img/icon_errorlist02.png) no-repeat 0 0 / 100% auto;
  }
  .errorpageListNum3:before{
    background: url(../img/icon_errorlist03.png) no-repeat 0 0 / 100% auto;
  }
  .errorpageListNum4:before{
    background: url(../img/icon_errorlist04.png) no-repeat 0 0 / 100% auto;
  }
  .errorpageListNum4{
    margin-bottom: calc(30/750*100vw);
  }
  .maintenanceTitle{
    font-size: 3.2rem;
    text-align: center;
    margin: 0 0 calc(45/750*100vw);
  }
  .explanation{
    font-size: 3.2rem;
    line-height: 1.526;
    margin: 0 0 calc(75/750*100vw);
  }
  .notfoundTitle{
    font-size: 3.2rem;
    margin: 0 0 calc(45/750*100vw);
  }
  .notfoundSmall{
    padding: 0;
    color: #666;
    margin: 0;
    display: block;
    margin-bottom: 10px;
  }
  .txtcenter{
    text-align: center;
  }
  .btn-stop{
    max-width: 750px;
    max-height: 140px;
    display: flex;
    flex-wrap: wrap;
    color: #fff;
    width: calc(480/750*100vw);
    height: calc(105/750*100vw);
    margin: 0 auto calc(50/750*100vw);
    background-color: #777;
    flex: 1 1 auto;
    justify-content: center;
    align-items: center;
    font-size: 2.8rem;
    font-weight: 500;
    border: calc(2/750*100vw) solid #777;
    border-radius: calc(12/750*100vw);
  }
  button.btn-stop{
    max-width: 580px;
  }

  @media(min-width:1001px) {
    .btn-stop{
      padding: 0 85px;
    }
  }
  .optNoteBox{
    font-size: 3rem;
    line-height: 1.6;
    border-bottom: calc(2/750*100vw) solid #d5d5d5;
    border-top: calc(2/750*100vw) solid #d5d5d5;
    padding: calc(35/750*100vw) 0 calc(35/750*100vw);
    margin: 0 0 calc(35/750*100vw);
  }
  .optNoteBox ul li{
    position: relative;
    padding-left: 3rem;
  }
  .optNoteBox ul li:before{
    display: block;
    position: absolute;
    top: calc((1em * 1.5) / 2 - 3px);
    left: 0;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #000000;
    content: "";
  }
  .optNoteBox .optNoteText{
    margin-bottom: 5px;
  }
  .optTxt{
    font-size: 3.2rem;
    line-height: 1.526;
    margin: 0 0 calc(50/750*100vw);
  }
  .resBox{
    font-size: 3rem;
    line-height: 1.6;
    /*border-bottom: calc(2/750*100vw) solid #d5d5d5;
    padding: 0 0 calc(35/750*100vw);*/
    margin: 0 0 calc(35/750*100vw);
  }
  .resBox ol{
    counter-reset: flow;
  }
  .resBox ol li{
    position: relative;
    font-size: 3rem;
    line-height: 1.6;
    padding: 0 0 0 calc(62/750*100vw);
    margin-bottom: calc(5/750*100vw);
  }
  .resBox ol li:before{
    content: "";
    background: #fff;
    border: calc(2/750*100vw) solid #777;
    border-radius: 50%;
    position: absolute;
    top: calc(5/750*100vw);
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: calc(44/750*100vw);
    height: calc(44/750*100vw);
  }
  .resBox ol li:after{
    counter-increment: flow;
    content: counter(flow);
    color: #777;
    font-family: Roboto, sans-serif;
    font-size: 2.8rem;
    position: absolute;
    top: calc(6/750*100vw);
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: calc(44/750*100vw);
    height: calc(44/750*100vw);
  }
  @media(min-width: 1001px) {
    .resBox ol li:before,
    .resBox ol li:after{
      width: 44px;
      height: 44px;
    }
    .resBox ol li{
      padding-left: 62px;
    }
  }
  .resBox .resText{
    margin-bottom: 5px;
  }
  .optNoticeBox{
    position: relative;
    background: #eee;
    border-radius: calc(12/750*100vw);
    margin: calc(50/750*100vw) auto calc(60/750*100vw);
  }
  .optNoticeBox>.inner {
    padding: calc(15/750*100vw) calc(30/750*100vw);
  }
  .errorpage h3.optMethod {
    border-bottom: 3px solid #aaa;
    padding: calc(20/750*100vw) calc(10/750*100vw);
    font-size: 3.2rem;
    text-align: center;
    margin-bottom: calc(30/750*100vw);
  }
@media (min-width: 1001px){
  .errorpageList:before{
    width: 80px;
    height: 80px;
  }
  .errorpageList{
    padding-left: 100px;
  }
  .errorpageImg{
    margin-bottom: 30px;
  }
  .errorpageImg figcaption{
    margin-bottom: 20px;
  }
  .headingErrorpage span{
    padding-left: 100px;
  }
  .headingErrorpage span:before{
    width: 80px;
    height: 80px;
  }
  .noticeBox .linkErrorpage {
    height: calc(90/750*100vw);
    margin-top:55px;
  }
}

/* ============================================
  おトクなクーポン内容をチェック！
  ============================================ */
  .summaryBox {
    overflow: hidden;
    margin-bottom: calc(50/750*100vw);
    padding: 0 calc(18/750*100vw);
    border: calc(4/750*100vw) solid #eb5505;
    border-radius: calc(12/750*100vw);
  }
  .summaryBox .heading {
    position: relative;
    font-size: 3.2rem;
    font-weight: 600;
    letter-spacing: .05em;
    color: #eb5505;
    padding: calc(30/750*100vw) calc(35/750*100vw) calc(30/750*100vw) calc(94/750*100vw);
    cursor: pointer;
  }
  .summaryBox .heading::before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    background: url(../img/arrow_accordion.png) no-repeat center center / 100% auto;
    width: calc(30/750*100vw);
    height: calc(16/750*100vw);
  }
  .summaryBox .heading.active::before {
    margin-top: calc(-5/750*100vw);
    transform: rotate(180deg);
  }
  .summaryBox .heading::after {
    content: "";
    display: block;
    position: absolute;
    bottom: calc(-5/750*100vw);
    left: 50%;
    transform: translateX(-50%);
    background: radial-gradient(circle farthest-side, #eb5505, #eb5505 50%, #fff 50%, #fff);
    background-size: calc(10/750*100vw) calc(5/750*100vw);
    width: calc(100% + (5/750*100vw));
    height: calc(5/750*100vw);
  }
  .summaryBox .heading>span::before {
    content: "";
    position: absolute;
    top: calc(23/750*100vw);
    left: 0;
    background: url(../img/icon_summary.png) no-repeat left top / 100% auto;
    width: calc(76/750*100vw);
    height: calc(51/750*100vw);
  }
  .summaryBox .content>.inner {
    padding: calc(45/750*100vw) calc(20/750*100vw) calc(36/750*100vw);
  }
  .summaryBox .content .img01 {
    margin-bottom: calc(34/750*100vw);
  }
  .summaryBox .content .img02 {
    margin-bottom: calc(53/750*100vw);
  }
  .summaryBox .content .img03 {
    margin-bottom: calc(30/750*100vw);
  }
  .summaryBox .content .notes {
    font-size: 2.8rem;
  }
  .summaryBox .content .block {
    padding-bottom: calc(30/750*100vw);
  }
  .summaryBox .content .block:not(:first-child) {
    padding-top: calc(30/750*100vw);
    border-top: calc(2/750*100vw) solid #d5d5d5;
  }
  .summaryBox .content a {
    color: #0a6bcc;
  }
  .summaryBox .content p+p {
    margin-top: 1em;
  }
  .summaryBox .summary {
    font-weight: 500;
  }
  .summaryBox .summary dd {
    margin-bottom: 1em;
  }
  .summaryBox .accent-blue {
    color: #0a6bcc;
  }
  .accent-red {
    color: #f23d3d;
  }
  @media (min-width: 1001px){
    .summaryBox {
      margin-bottom: 50px;
      padding: 0 18px;
      border-width: 4px;
    }
    .summaryBox .heading {
      padding: 30px 3px 30px 94px;
    }
    .summaryBox .heading::before {
      width: 30px;
      height: 16px;
    }
    .summaryBox .heading.active::before {
      margin-top: -5px;
    }
    .summaryBox .heading::after {
      bottom: -5px;
      background-size: 10px 5px;
      width: calc(100% + (5/750*100vw));
      height: 5px;
    }
    .summaryBox .heading>span::before {
      top: 23px;
      width: 76px;
      height: 51px;
    }
    .summaryBox .content>.inner {
      padding: 45px 20px 36px;
    }
    .summaryBox .content .block {
      padding-bottom: 30px;
    }
    .summaryBox .content .block:not(:first-child) {
      padding-top: 30px;
      border-top-width: 2px;
    }
  }

/* ============================================
  送信後のお手続き方法
  ============================================ */
  .howtoBox {
    padding: calc(15/750*100vw) 0 calc(60/750*100vw);
  }
  .howtoBox .heading {
    position: relative;
    display: table;
    margin: 0 auto;
    font-size: 3.2rem;
    font-weight: 600;
    letter-spacing: .05em;
    color: #eb5505;
    margin-bottom: calc(30/750*100vw);
    padding: calc(30/750*100vw) 0 calc(30/750*100vw) calc(72/750*100vw);
  }
  .howtoBox .heading::before {
    content: "";
    position: absolute;
    top: 50%;
    left: calc(10/750*100vw);
    transform: translateY(-50%);
    background: url(../img/icon_howto.png) no-repeat left top / 100% auto;
    width: calc(46/750*100vw);
    height: calc(57/750*100vw);
  }
  .howtoBox .heading::after {
    content: "";
    display: block;
    position: absolute;
    bottom: calc(-5/750*100vw);
    left: 50%;
    transform: translateX(-50%);
    background: radial-gradient(circle farthest-side, #eb5505, #eb5505 50%, #fff 50%, #fff);
    background-size: calc(10/750*100vw) calc(5/750*100vw);
    width: calc(100% + (5/750*100vw));
    height: calc(5/750*100vw);
  }

  /* 242Q 改修 */
  .howtoBox .content {
    overflow-x: auto;
  }

  .howtoBox .stepList {
    display: flex;
    padding-bottom: calc(56/750*100vw);
  }
  .howtoBox .stepItem {
    min-width: calc(350/750*100vw);
    font-weight: 500;
  }
  .howtoBox .stepItem img {
    margin-bottom: calc(20/750*100vw);
  }
  .howtoBox .stepList>li {
    position: relative;
  }
  .howtoBox .stepList>li:first-child {
    padding-left: calc(50% - 170/750*100vw);
  }
  .howtoBox .stepList>li:last-child {
    padding-right: calc(50% - 170/750*100vw);
  }
  .howtoBox .stepList>li:not(:first-child) {
    margin-left: calc(48/750*100vw);
  }
  .howtoBox .stepList>li:not(:first-child)::before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: calc(-12/750*100vw);
    transform: translateY(-50%);
    background: url(../img/arrow_step.png) no-repeat left top / 100% auto;
    width: calc(20/750*100vw);
    height: calc(38/750*100vw);
  }
  @media(min-width: 1001px) {
    .howtoBox {
      padding: 15px 0 60px;
    }
    .howtoBox .heading {
      margin-bottom: 30px;
      padding: 30px 0 30px 72px;
    }
    .howtoBox .heading::before {
      left: 10px;
      width: 46px;
      height: 57px;
    }
    .howtoBox .heading::after {
      bottom: -5px;
      background-size: 10px 5px;
      width: calc(100% + 5px);
      height: 5px;
    }
    .howtoBox .stepList {
      padding-bottom: 56px;
      margin: 0 auto;
    }
    .howtoBox .stepItem {
      min-width: 350px;
      width: 350px;
    }
    .howtoBox .stepItem img {
      margin-bottom: 20px;
    }
    .howtoBox .stepList>li:first-child {
      padding-left: calc(50% - 175px);
    }
    .howtoBox .stepList>li:last-child {
      padding-right: calc(50% - 175px);
    }
    .howtoBox .stepList>li:not(:first-child) {
      margin-left: 48px;
    }
    .howtoBox .stepList>li:not(:first-child)::before {
      left: -12px;
      width: 20px;
    }
  }

/* ============================================
  STEP2
  ============================================ */
  .noticeBox .heading {
    margin-bottom: calc(20/750*100vw);
    padding: calc(17/750*100vw) calc(10/750*100vw);
    border: calc(2/750*100vw) solid #ccc;
    border-radius: calc(12/750*100vw);
    font-size: 3.4rem;
    font-weight: 600;
    text-align: center;
    background: #fff;
  }
  .noticeBox .heading:not(:first-child) {
    margin-top: calc(40/750*100vw);
  }
  .noticeBox .img {
    text-align: center;
    margin: calc(42/750*100vw) 0 calc(34/750*100vw);
  }
  .noticeBox .img01 {
    width: calc(400/750*100vw);
  }
  .noticeBox .targetText {
    border-radius: calc(60/750*100vw);
    padding: calc(6/750*100vw);
    background: #eb5505;
    color: #fff;
    font-size: 2.6rem;
    text-align: center;
  }
  .noticeBox .targetText b {
    color: #fff71a;
    font-size: 3.2rem;
  }
  .noticeBox em {
    font-style: normal;
  }
  .noticeBox .accent {
    color: #f23d3d;
  }
  .noticeBox .figTitle {
    font-size: 3.2rem;
    font-weight: 500;
    line-height: 1.5;
    text-align: center;
  }
  .noticeBox  p+p {
    margin-top: 1em;
  }
  .noticeBox p a {
    color: #0a6bcc;
    text-decoration: underline;
  }
  .noticeBox .targetBox {
    margin-top: calc(25/750*100vw);
    padding: calc(44/750*100vw) calc(30/750*100vw) calc(38/750*100vw);
    border-radius: calc(20/750*100vw);
    background: #ffffed;
  }
  @media(min-width: 1001px) {
    .noticeBox .heading {
      margin-bottom: 20px;
      padding: 20px 10px;
      border-radius: 12px;
    }
    .noticeBox .heading:not(:first-child) {
      margin-top: 40px;
    }
    .noticeBox .img {
      text-align: center;
      margin: 42px 0 34px;
    }
    .noticeBox .img01 {
      width: 400px;
    }
    .noticeBox .targetText {
      border-radius: 60px;
      padding: 6px;
    }
    .noticeBox .targetBox {
      margin-top: 25px;
      padding: 44px 30px 38px;
      border-radius: 20px;
    }
  }

  .serviceBox {
    background: #fff;
    padding: 0 calc(22/750*100vw);
    border: calc(4/750*100vw) solid;
    border-radius: calc(12/750*100vw);
  }
  .serviceBox-au {
    border-color: #eb5505;
  }
  .serviceBox-uq {
    border-color: #1395ff;
  }
  .serviceBox-jitaku {
    border-color: #67c40a;
  }
  .serviceBox .service_trigger {
    display: flex;
    align-items: center;
    position: relative;
    height: calc(130/750*100vw);
    padding: calc(21/750*100vw) calc(40/750*100vw) calc(21/750*100vw) 0;
    line-height: 1.375;
    font-size: 3.4rem;
    cursor: pointer;
    letter-spacing: .05em;
  }
  .serviceBox .service_trigger::before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    background: url(../img/arrow_accordion.png) no-repeat center center / 100% auto;
    width: calc(30/750*100vw);
    height: calc(16/750*100vw);
  }
  .serviceBox .service_trigger.active::before {
    transform: translateY(-50%) rotate(180deg);
  }
  .serviceBox.serviceBox-jitaku {
    display: block;
    position: relative;
    height: calc(170/750*100vw);
  }
  .serviceBox.serviceBox-jitaku::before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: calc(22/750*100vw);
    transform: translateY(-50%);
    background: url(../img/arrow_btn.png) no-repeat center center / 100% auto;
    width: calc(16/750*100vw);
    height: calc(30/750*100vw);
  }
  .serviceBox.serviceBox-jitaku .service_trigger {
    height: auto;
    padding-bottom: calc(14/750*100vw);
  }
  .serviceBox.serviceBox-jitaku .service_trigger::before {
    display: none;
  }
  .serviceBox .service_text {
    line-height: 1.333;
    font-size: 2.4rem;
    font-weight: 500;
  }
  .serviceBox .service_trigger .text {
    flex: 1 0 0px;
    font-weight: 700;
  }
  .serviceBox .logo-au {
    width: calc(84/750*100vw);
    height: calc(30/750*100vw);
    margin-right: calc(23/750*100vw);
  }
  .serviceBox .text-au {
    color: #eb5505;
  }
  .serviceBox .logo-uq {
    width: calc(87/750*100vw);
    height: calc(56/750*100vw);
    margin-right: calc(20/750*100vw);
  }
  .serviceBox .text-uq {
    color: #1395ff;
  }
  .serviceBox .text-jitaku {
    color: #67c40a;
  }
  .serviceBox .service_content {
    padding-top: calc(30/750*100vw);
    padding-bottom: calc(38/750*100vw);
  }
  .service_content .img:first-child {
    margin-top: 0;
  }
  .serviceBox .btnBox {
    margin-top: calc(44/750*100vw);
  }
  .serviceBox .btn-action {
    width: calc(550/750*100vw);
  }
  .serviceBox .btn-action .text {
    font-size: 2.6rem;
    line-height: 1.385;
  }
  .useBox .service_content .img figcaption {
    margin-bottom: calc(30/750*100vw);
    font-weight: 500;
    font-size: 3.2rem;
  }
  .useBox .service_notes {
    margin-top: calc(30/750*100vw);
    padding: calc(30/750*100vw) 0;
    border-top: 1px solid #d5d5d5;
    border-bottom: 1px solid #d5d5d5;
  }
  .useBox .service_notes strong {
    font-size: 3rem;
  }
  .useBox .stepUnit {
    display: flex;
    align-items: center;
  }
  .useBox .stepUnit .heading {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: calc(22/750*100vw);
    border-radius: calc(10/750*100vw);
    background: #67c40a;
    color: #fff;
    font-size: 2.4rem;
    font-family: 'Roboto', sans-serif;
    width: calc(110/750*100vw);
    height: calc(70/750*100vw);
  }
  .useBox .stepUnit .heading b {
    margin-left: calc(5/750*100vw);
    font-size: 3.6rem;
    font-weight: 500;
  }
  .useBox .stepUnit .text {
    font-weight: 500;
    flex: 1 0 0px;
  }
  .useBox .stepUnit .text b {
    color: #67c40a;
  }
  .useBox .useList .img {
    text-align: center;
  }
  .useBox .useList .img1 {
    margin-top: calc(20/750*100vw);
    width: calc(580/750*100vw);
    height: calc(173/750*100vw);
  }
  .useBox .useList .img2 {
    margin-top: calc(22/750*100vw);
    width: calc(139/750*100vw);
    height: calc(173/750*100vw);
  }
  .useBox .useList .img_coupon {
    margin-top: calc(25/750*100vw);
    width: calc(449/750*100vw);
    height: calc(237/750*100vw);
  }
  .useBox .pay {
    margin-bottom: calc(55/750*100vw);
  }
  .useBox .useList>li {
    position: relative;
    padding-bottom: calc(50/750*100vw);
    border-bottom: calc(2/750*100vw) solid #d5d5d5;
    margin-bottom: calc(45/750*100vw);
  }
  .useBox .useList>li:last-child::after {
    display: block;
    position: absolute;
    left: 50%;
    bottom: calc(-34/750*100vw);
    width: 0;
    height: 0;
    transform: translateX(-50%);
    border-style: solid;
    border-width: calc(68/750*100vw) calc(45/750*100vw) 0 calc(45/750*100vw);
    border-color: #67c40a transparent transparent transparent;
    content: "";
  }
  .useBox .useList>li>p:not(:first-child) {
    margin-top: 1.5em;
  }
  .useBox .text-shop {
    margin: calc(42/750*100vw) 0 calc(70/750*100vw);
    font-size: 3.2rem;
    font-weight: 500;
    text-align: center;
  }
  .useBox .bnrBox .img {
    margin: calc(20/750*100vw) 0 calc(50/750*100vw);
  }
  .useNotice {
    margin-top: calc(50/750*100vw);
    border: calc(2/750*100vw) solid #aaa;
    border-radius: calc(12/750*100vw);
  }
  .useNotice .heading {
    position: relative;
    padding: calc(28/750*100vw) calc(70/750*100vw) calc(28/750*100vw) calc(28/750*100vw);
    font-weight: 500;
    cursor: pointer;
  }
  .useNotice .heading::before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: calc(30/750*100vw);
    transform: translateY(-50%);
    background: url(../img/arrow_accordion.png) no-repeat center center / 100% auto;
    width: calc(30/750*100vw);
    height: calc(16/750*100vw);
  }
  .useNotice .heading.active::before {
    transform: translateY(-50%) rotate(180deg);
  }
  .useNotice .body {
    position: relative;
    padding: calc(28/750*100vw);
  }
  .useNotice .body::before {
    content: "";
    display: block;
    position: absolute;
    left: calc(30/750*100vw);
    top: 0;
    width: calc(100% - 60/750*100vw);
    height: 0;
    border-top: 1px solid #aaa;
  }
  .useNoticeUnit dt {
    margin-top: calc(30/750*100vw);
    margin-bottom: calc(10/750*100vw);
    padding: calc(10/750*100vw) calc(15/750*100vw);
    border-radius: calc(10/750*100vw);
    background: #1395ff;
    color: #fff;
    font-weight: 500;
  }
  .useNoticeList > li:not(:last-child) {
    margin-bottom: calc(20/750*100vw);
  }

  /* 243Q 修正 */
  .section03 .tab,
  .section04 .tab {
    padding-top: calc(48/750*100vw);
  }

  
  /* 242Q 追加 */
  .btnPageTop {
    position: relative;
    display: flex;
    justify-content: center;
    background-color: #eee;
    padding: calc(72/750*100vw) calc(15/750*100vw) calc(48/750*100vw);

    &::before {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        background: url(../../common2/img/privilege/bg_circle09.png) repeat-x 0 0/auto 100%;
        width: 100%;
        height: calc(15/750*100vw);
        transform: scale(1, -1);
    }

    @media(min-width: 1001px) {
        padding: 72px 15px 48px;

        &::before {
            height: 15px;
        }
    }

    a {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 290px;
        height: 60px;
        border: 2px solid #e94f0a;
        color: #e94f0a;
        background-color: #fff;
        font-size: 3.4rem;
        border-radius: 60px;

        @media(min-width: 1001px) {
            width: 580px;
            height: 120px;
        }
    }
  }


  @media(min-width: 1001px) {
    .serviceBox {
      padding: 0 22px;
      border-width: 4px;
    }
    .serviceBox .service_trigger {
      height: 130px;
      border-bottom-width: 2px;
    }
    .serviceBox .logo-au {
      width: 84px;
      height: 30px;
      margin-right: 23px;
    }
    .serviceBox .logo-uq {
      width: 87px;
      height: 56px;
      margin-right: 20px;
    }
    .serviceBox .service_trigger {
      padding: 21px 40px 21px 0;
    }
    .serviceBox .service_trigger::before {
      width: 30px;
      height: 16px;
    }
    .serviceBox.serviceBox-jitaku {
      height: 170px;
    }
    .serviceBox.serviceBox-jitaku::before {
      right: 22px;
      width: 16px;
      height: 30px;
    }
    .serviceBox.serviceBox-jitaku .service_trigger {
      padding-bottom: 14px;
    }
    .serviceBox .service_content {
      padding-top: 30px;
      padding-bottom: 38px;
    }
    .useBox .service_content .img figcaption {
      margin-bottom: 30px;
    }
    .serviceBox .service_content .img img {
      width: auto;
    }
    .serviceBox .btnBox {
      margin-top: 44px;
    }
    .serviceBox .btn-action {
      width: 550px;
    }
    .serviceBox .service_trigger::before {
      width: 30px;
      height: 16px;
    }
    .useBox .bnrBox .img {
      margin: 20px 0 50px;
    }
    .useBox .stepUnit .heading {
      margin-right: 22px;
      border-radius: 10px;
      width: 110px;
      height: 70px;
    }
    .useBox .stepUnit .heading b {
      margin-left: 5px;
    }
    .useBox .useList .img1 {
      margin-top: 20px;
      width: 580px;
      height: 173px;
    }
    .useBox .useList .img2 {
      margin-top: 22px;
      width: 139px;
      height: 173px;
    }
    .useBox .useList .img_coupon {
      margin-top: 25px;
      width: 449px;
      height: 237px;
    }
    .useBox .pay {
      margin-bottom: 55px;
    }
    .useBox .useList>li {
      padding-bottom: 50px;
      border-bottom-width: 2px;
      margin-bottom: 45px;
    }
    .useBox .useList>li:last-child::after {
      bottom: -34px;
      border-width: 68px 45px 0 45px;
    }
    .useBox .text-shop {
      margin: 42px 0 70px;
    }
    .useBox .bnrBox .img {
      margin: 20px 0 50px;
    }
    .useNotice {
      margin-top: 50px;
      border-width: 2px;
      border-radius: 12px;
    }
    .useNotice .heading {
      padding: 28px 70px 28px 28px;
    }
    .useNotice .heading::before {
      right: 30px;
      width: 30px;
      height: 16px;
    }
    .useNotice .body {
      padding: 28px;
    }
    .useNotice .body::before {
      left: 30px;
      width: calc(100% - 60px);
    }
    .useNoticeUnit dt {
      margin-top: 30px;
      margin-bottom: 10px;
      padding: 10px 15px;
      border-radius: 10px;
    }
    .useNoticeList > li:not(:last-child) {
      margin-bottom: 20px;
    }

    /* 243Q 修正 */
    .section03 .tab,
    .section04 .tab {
      padding-top: 48px;
    }

  }

/* ============================================
  よくあるご質問
  ============================================ */
  .faqBox {
    padding: calc(50/750*100vw) 0;
    border-top: calc(4/750*100vw)  solid #67c40a;
    border-bottom: calc(2/750*100vw) solid #d5d5d5;
  }
  .faqBox .heading {
    background: url(../img/bg_pat03.png) repeat 0 0 / calc(14/750*100vw) auto;
    text-align: center;
    padding: calc(18/750*100vw) calc(10/750*100vw);
    border-radius: calc(10/750*100vw);
    font-size: 3.6rem;
    font-weight: 600;
    color: #fff;
  }
  .faqBox .heading>span {
    position: relative;
    padding-left: calc(66/750*100vw);
  }
  .faqBox .heading>span::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    background: url(../img/icon_faq.png) no-repeat 0 0 / 100% auto;
    width: calc(46/750*100vw);
    height: calc(46/750*100vw);
  }
  .faqBox .faqGroup>li:not(:last-child) {
    border-bottom: calc(2/750*100vw) solid #d5d5d5;
  }
  .faqBox .faqHeading {
    position: relative;
    padding: calc(24/750*100vw) calc(40/750*100vw) calc(24/750*100vw) calc(12/750*100vw);
    font-size: 3.2rem;
    font-weight: 500;
    cursor: pointer;
  }
  .faqBox .faqHeading::before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    background: url(../img/arrow_accordion.png) no-repeat center center / 100% auto;
    width: calc(30/750*100vw);
    height: calc(16/750*100vw);
  }
  .faqBox .faqList>li {
    background: #eee;
    padding: 0 calc(30/750*100vw);
    margin: calc(10/750*100vw) 0 calc(20/750*100vw);
    border-radius: calc(10/750*100vw);
  }
  .faqBox .faq_q {
    position: relative;
    padding: calc(30/750*100vw) calc(62/750*100vw) ;
    font-weight: 500;
    cursor: pointer;
  }
  .faqBox .faq_q::before {
    display: flex;
    align-items: center;
    justify-content: center;
    width: calc(44/750*100vw);
    height: calc(44/750*100vw);
    position: absolute;
    top: calc(32/750*100vw);
    left: 0;
    border-radius: calc(10/750*100vw);
    background: #67c40a;
    color: #fff;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    content: "Q";
  }
  .faqBox .faq_q::after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    background: url(../img/arrow_accordion.png) no-repeat center center / 100% auto;
    width: calc(24/750*100vw);
    height: calc(13/750*100vw);
  }
  .faqBox .faq_a {
    position: relative;
    padding: calc(10/750*100vw) 0 calc(28/750*100vw)  calc(62/750*100vw);
  }
  .faqBox .faq_a::before {
    display: flex;
    align-items: center;
    justify-content: center;
    width: calc(44/750*100vw);
    height: calc(44/750*100vw);
    position: absolute;
    top: calc(10/750*100vw);
    left: 0;
    border-radius: calc(10/750*100vw);
    background: #fff;
    color: #67c40a;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    content: "A";
  }
  .faqBox .faq_a a {
    color: #0a6bcc;
    text-decoration: underline;
  }

  @media(min-width: 1001px) {
    .faqBox {
      padding: 50px 0;
      border-top-width: 4px;
      border-bottom-width: 2px;
    }
    .faqBox .heading {
      background-size: 14px auto;
      padding: 18px 10px;
      border-radius: 10px;
    }
    .faqBox .heading>span {
      padding-left: 66px;
    }
    .faqBox .heading>span::before {
      transform: translateY(-50%);
      width: 46px;
      height: 46px;
    }
    .faqBox .faqGroup>li:not(:last-child) {
      border-bottom-width: 2px;
    }
    .faqBox .faqHeading {
      padding: 24px 40px 24px 12px;
    }
    .faqBox .faqHeading::before {
      width: 30px;
      height: 16px;
    }
    .faqBox .faqList>li {
      padding: 0 30px;
      margin: 10px 0 20px;
    }
    .faqBox .faq_q {
      padding: 30px 62px;
    }
    .faqBox .faq_q::before {
      top: 32px;
      width: 44px;
      height: 44px;
      border-radius: 10px;
    }
    .faqBox .faq_q::after {
      width: 24px;
      height: 13px;
    }
    .faqBox .faq_a {
      position: relative;
      padding: 10px 0 28px 62px;
    }
    .faqBox .faq_a::before {
      width: 44px;
      height: 44px;
      top: 10px;
      border-radius: 10px;
    }
  }

/* ============================================
  CVボタン固定
  ============================================ */
  .cv-fixed {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
  }

/* ============================================
  Style Add 2022.05
  ============================================ */
  .taCenter {
    text-align: center;
  }

  .fwMedium {
    font-weight: 500;
  }

  .fwBold {
    font-weight: 700;
  }

  .mb10 {
    margin-bottom: calc(10/750*100vw);
  }

  @media (min-width: 1001px) {
    .mb10 {
      margin-bottom: 10px;
    }
  }

  .mb20 {
    margin-bottom: calc(20/750*100vw);
  }

  @media (min-width: 1001px) {
    .mb20 {
      margin-bottom: 20px;
    }
  }

  .mb30 {
    margin-bottom: calc(30/750*100vw);
  }

  @media (min-width: 1001px) {
    .mb30 {
      margin-bottom: 30px;
    }
  }

  .mb40 {
    margin-bottom: calc(40/750*100vw);
  }

  @media (min-width: 1001px) {
    .mb40 {
      margin-bottom: 40px;
    }
  }

  .mb50 {
    margin-bottom: calc(50/750*100vw);
  }

  @media (min-width: 1001px) {
    .mb50 {
      margin-bottom: 50px;
    }
  }

  /* ============================================
    COMMON
    ============================================ */
  .pageHeading {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
    position: relative;
    background: url(../img/bg_pat04.png) repeat 0 0/calc(14/750*100vw) auto;
    text-align: center;
    height: calc(160/750*100vw);
    padding-bottom: calc(5/750*100vw);
    overflow: hidden;
  }

  @media (min-width: 1001px) {
    .pageHeading {
      height: 160px;
      padding-bottom: 5px;
    }
  }

  .pageHeading::before {
    content: "";
    position: absolute;
    bottom: calc(-15/750*100vw);
    right: 0;
    background: url(../img/bg_circle01.png) repeat-x 100% 0/auto 100%;
    width: 100%;
    height: calc(30/750*100vw);
  }

  @media (min-width: 1001px) {
    .pageHeading::before {
      bottom: -15px;
      height: 30px;
    }
  }

  .pageHeading.pageGray::before {
    background-image: url(../img/bg_circle06.png);
  }

  .pageHeading .title {
    position: relative;
    color: #fff;
    font-size: 3.6rem;
    line-height: 1.5;
    font-weight: 500;
  }

  .pageHeading .icon {
    display: block;
  }

  .pageHeading .icon-shop {
    width: calc(90/750*100vw);
    height: calc(90/750*100vw);
    margin-right: calc(17/750*100vw);
    background: url(../img/icon_shop_title.png) no-repeat center center/contain;
  }

  @media (min-width: 1001px) {
    .pageHeading .icon-shop {
      width: 90px;
      height: 90px;
      margin-right: 17px;
    }
  }

  .pageHeading .icon-coupon {
    width: calc(90/750*100vw);
    height: calc(90/750*100vw);
    margin-right: calc(17/750*100vw);
    background: url(../img/icon_coupon_title.png) no-repeat center center/contain;
  }

  @media (min-width: 1001px) {
    .pageHeading .icon-coupon {
      width: 90px;
      height: 90px;
      margin-right: 17px;
    }
  }

  .pageFooter {
    padding: calc(70/750*100vw) 0 calc(80/750*100vw);
  }

  @media (min-width: 1001px) {
    .pageFooter {
      padding: 70px 0 80px;
    }
  }

  .pageFooter .btnBack + .text {
    margin-top: 1em;
  }

  .btnMore {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
    width: calc(320/750*100vw);
    height: calc(100/750*100vw);
    border: calc(2/750*100vw) solid #c5c5c5;
    border-radius: calc(12/750*100vw);
  }

  @media (min-width: 1001px) {
    .btnMore {
      width: 320px;
      height: 100px;
      border-width: 2px;
      border-radius: 12px;
    }
  }

  .btnLink {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
    width: calc(610/750*100vw);
    height: calc(140/750*100vw);
    padding-right: calc(60/750*100vw);
    border: calc(4/750*100vw) solid #eb5505;
    border-radius: calc(12/750*100vw);
    color: #eb5505;
    font-size: 3.4rem;
    font-weight: 500;
    background: #fff url(../img/arrow_btn.png) no-repeat right calc(30/750*100vw) center/calc(16/750*100vw) auto;
  }

  @media (min-width: 1001px) {
    .btnLink {
      width: 610px;
      height: 140px;
      padding-right: 60px;
      border-width: 4px;
      border-radius: 12px;
      background-size: 16px auto;
      background-position: right 30px center;
    }
  }

  .btnList {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
    padding: calc(48/750*100vw) 0 calc(86/750*100vw);
  }

  @media (min-width: 1001px) {
    .btnList {
      padding: 48px 0 86px;
    }
  }

  .btnList > *:not(:last-child) {
    margin-bottom: calc(20/750*100vw);
  }

  @media (min-width: 1001px) {
    .btnList > *:not(:last-child) {
      margin-bottom: 20px;
    }
  }

  /* ============================================
    STEP01_2
    ============================================ */
  #step01_2.contents {
    border-top: calc(4/750*100vw) solid #e94f0a;
  }

  @media (min-width: 1001px) {
    #step01_2.contents {
      border-top-width: 4px;
    }
  }

  .sendCompleteBox {
    padding: calc(55/750*100vw) 0;
    text-align: center;
  }

  @media (min-width: 1001px) {
    .sendCompleteBox {
      padding: 55px 0;
    }
  }

  .sendCompleteBox .heading {
    margin-bottom: calc(14/750*100vw);
    font-size: 3.6rem;
  }

  @media (min-width: 1001px) {
    .sendCompleteBox .heading {
      margin-bottom: 14px;
    }
  }

  .shopInquiryBox {
    position: relative;
    padding: calc(60/750*100vw) 0 calc(74/750*100vw);
    overflow: hidden;
    background: #fff2d9;
  }

  @media (min-width: 1001px) {
    .shopInquiryBox {
      padding: 60px 0 74px;
    }
  }

  .shopInquiryBox::before {
    content: "";
    position: absolute;
    top: calc(-15/750*100vw);
    right: 0;
    background: url(../img/bg_circle01.png) repeat-x 100% 0/auto 100%;
    width: 100%;
    height: calc(30/750*100vw);
  }

  @media (min-width: 1001px) {
    .shopInquiryBox::before {
      top: -15px;
      height: 30px;
    }
  }

  .shopInquiryBox .heading {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
    margin-bottom: calc(23/750*100vw);
    color: #fa3d00;
    font-size: 3.4rem;
    font-weight: 700;
  }

  @media (min-width: 1001px) {
    .shopInquiryBox .heading {
      margin-bottom: 23px;
    }
  }

  .shopInquiryBox .heading > span {
    position: relative;
  }

  .shopInquiryBox .heading > span::before, .shopInquiryBox .heading > span::after {
    content: "";
    position: absolute;
    top: 50%;
    background: #fa3d00;
    width: calc(3/750*100vw);
    height: calc(80/750*100vw);
    transform-origin: 0 0;
  }

  @media (min-width: 1001px) {
    .shopInquiryBox .heading > span::before, .shopInquiryBox .heading > span::after {
      width: 3px;
      height: 80px;
    }
  }

  .shopInquiryBox .heading > span::before {
    left: calc(-33/750*100vw);
    transform: rotate(-35deg) translateY(-50%);
  }

  @media (min-width: 1001px) {
    .shopInquiryBox .heading > span::before {
      left: -33px;
    }
  }

  .shopInquiryBox .heading > span::after {
    right: calc(-33/750*100vw);
    transform: rotate(35deg) translateY(-50%);
  }

  @media (min-width: 1001px) {
    .shopInquiryBox .heading > span::after {
      right: -33px;
    }
  }

  .inquiryBtnBox {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    margin: calc(30/750*100vw) calc(-15/750*100vw);
  }

  @media (min-width: 1001px) {
    .inquiryBtnBox {
      margin-top: 30px -15px;
    }
  }

  .inquiryBtnBox > .col {
    width: calc(320/750*100vw);
    margin: 0 calc(15/750*100vw);
  }

  @media (min-width: 1001px) {
    .inquiryBtnBox > .col {
      width: 320px;
      margin: 0 15px;
    }
  }

  .inquiryBtnBox .subHeading {
    position: relative;
    height: calc(120/750*100vw);
    color: #fa3d00;
    font-size: 2.6rem;
    font-weight: 500;
    line-height: 1.154;
    border-radius: calc(60/750*100vw);
    margin: 0 auto calc(28/750*100vw);
    padding: calc(15/750*100vw) calc(20/750*100vw);
    background: #fff;
    text-align: center;
  }

  @media (min-width: 1001px) {
    .inquiryBtnBox .subHeading {
      height: 120px;
      border-radius: 60px;
      margin: 0 auto 28px;
      padding: 15px 20px;
    }
  }

  .inquiryBtnBox .subHeading::before {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: calc(15/750*100vw) calc(11/750*100vw) 0 calc(11/750*100vw);
    border-color: #000 transparent transparent transparent;
    border-top-color: #fff;
  }

  @media (min-width: 1001px) {
    .inquiryBtnBox .subHeading::before {
      border-width: 15px 11px 11px;
    }
  }

  .inquiryBtnBox .subHeading .marker {
    background: linear-gradient(transparent 70%, #fff70c 70%);
  }

  .inquiryBtnBox .subHeading .shoulder {
    display: block;
    position: relative;
    top: calc(-28/750*100vw);
    width: calc(250/750*100vw);
    padding: calc(10/750*100vw) calc(5/750*100vw);
    margin: 0 auto calc(-20/750*100vw);
    border-radius: calc(30/750*100vw);
    font-size: 2.3rem;
    font-weight: 700;
    border: calc(3/750*100vw) dashed #eb5505;
    background: #fff60c;
  }

  @media (min-width: 1001px) {
    .inquiryBtnBox .subHeading .shoulder {
      top: -28px;
      width: 250px;
      padding: 10px 5px;
      margin: 0 auto -20px;
      border-radius: 30px;
      border-width: 3px;
    }
  }

  .inquiryBtnBox .btnShopInquiry {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
    background: #fff;
    width: 100%;
    height: calc(240/750*100vw);
    padding: calc(100/750*100vw) calc(5/750*100vw) calc(10/750*100vw);
    border-radius: calc(16/750*100vw);
    margin: 0 auto;
    color: #fff;
    text-align: center;
    font-weight: 700;
    line-height: 1.25;
    background: url(../img/bg_shop_inquiry.png) repeat-x left top/auto 100%;
    box-shadow: 0px 5px 5px 0 rgba(0, 0, 0, 0.15);
  }

  @media (min-width: 1001px) {
    .inquiryBtnBox .btnShopInquiry {
      height: 240px;
      padding: 110px 5px 0;
      border-radius: 16px;
    }
  }

  .inquiryBtnBox .btnShopInquiry .icon {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    background-size: contain;
  }

  .inquiryBtnBox .btnShopInquiry .icon-tel {
    top: calc(33/750*100vw);
    width: calc(65/750*100vw);
    height: calc(65/750*100vw);
    background-image: url(../img/icon_inquiry_tel.png);
  }

  @media (min-width: 1001px) {
    .inquiryBtnBox .btnShopInquiry .icon-tel {
      top: 33px;
      width: 65px;
      height: 65px;
    }
  }

  .inquiryBtnBox .btnShopInquiry .icon-shop {
    top: calc(35/750*100vw);
    width: calc(84/750*100vw);
    height: calc(70/750*100vw);
    background-image: url(../img/icon_inquiry_shop.png);
  }

  @media (min-width: 1001px) {
    .inquiryBtnBox .btnShopInquiry .icon-shop {
      top: 35px;
      width: 84px;
      height: 70px;
    }
  }

  .inquiryBtnBox .btnShopInquiry .small {
    font-size: 2.6rem;
    font-weight: normal;
  }

  /* ============================================
    MAP Customize
    ============================================ */
  .shopMap {
    width: 100%;
    height: 370px;
  }

  .shopMap .gia-object-marker img {
    position: relative;
    width: 35px;
    height: 40px;
    max-width: none;
  }

  .shopMap .gia-object-infowindow {
    min-width: 280px;
    height: auto !important;
    padding: 0;
    border-color: #ddd;
  }

  .shopMap .gia-object-infowindow__close-btn {
    display: block;
    top: 15px;
    right: 15px;
    height: 24px;
    width: 24px;
    background-image: url(../img/icon_close_popup.png) !important;
    background-size: 12px 12px;
    background-position: center;
    text-indent: 100%;
    overflow: hidden;
    white-space: nowrap;
  }

  .shopMap .mapPopup {
    padding: 16px 18px 25px;
  }

  .shopMap .mapPopup .heading {
    padding-right: 24px;
    font-size: 4rem;
    line-height: 1.175;
    font-weight: 500;
  }

  @media (min-width: 1001px) {
    .shopMap .mapPopup .heading {
      font-size: 2rem;
    }
  }

  .shopMap .mapPopup .btnMapPopup {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
    width: 120px;
    height: 40px;
    margin: 20px auto 0;
    border-radius: 6px;
    color: #fff;
    font-size: 2.6rem;
    font-weight: 500;
    background: #eb5505;
  }

  .shopMap .mapPopup .btnMapPopup.btnMapPopup-uq {
    background: #e4007f;
  }

  @media (min-width: 1001px) {
    .shopMap .mapPopup .btnMapPopup {
      border-radius: 12px;
    }
  }

  .shopMapPins {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-top: calc(20/750*100vw);
    font-size: 2.8rem;
  }

  .shopMapPins .pinImg,
  .shopMapPins .pinDesc {
    margin-bottom: calc(10/750*100vw);
  }

  .shopMapPins .pinDesc + .pinImg {
    margin-left: calc(20/750*100vw);
  }

  @media (min-width: 1001px) {
    .shopMapPins .pinImg,
    .shopMapPins .pinDesc {
      margin-bottom: 10px;
    }

    .shopMapPins .pinDesc + .pinImg {
      margin-left: 20px;
    }
  }

  .shopMapPins .pinImg {
    width: 35px;
  }

  .shopMapPins .pinDesc {
    position: relative;
    margin-top: 5px;
    padding-left: 1em;
  }

  @media (min-width: 1001px) {
    .shopMapPins .pinDesc {
      margin-top: 0;
    }
  }

  .shopMapPins .pinDesc:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 1em;
    text-align: center;
    content: '：';
  }

  /* ============================================
    STEP02, STEP03
    ============================================ */
  .phoneInquiryFixed {
    position: fixed;
    right: calc(20/750*100vw);
    bottom: calc(20/750*100vw);
    z-index: 10;
  }

  @media (min-width: 1001px) {
    .phoneInquiryFixed {
      right: 20px;
      bottom: 20px;
    }
  }

  .submitBox.cv-fixed + .phoneInquiryFixed {
      bottom: calc(210/750*100vw);
  }

  /* 242Q 追加 */
  .submitBox.cv-fixed.cv-fixed-column + .phoneInquiryFixed {
      bottom: calc(230/750*100vw);
  }

  @media (min-width: 1001px) {
      .submitBox.cv-fixed + .phoneInquiryFixed {
          bottom: 210px;
      }

      /* 242Q 追加 */
      .submitBox.cv-fixed.cv-fixed-column + .phoneInquiryFixed {
          bottom: 230px;
      }

  }

  .phoneInquiryFixed .btnPhoneInquiryFixed {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
    text-align: center;
    width: calc(350/750*100vw);
    height: calc(110/750*100vw);
    border: calc(4/750*100vw) solid #fa3d00;
    border-radius: calc(60/750*100vw);
    background: #fff2d9;
    color: #eb4600;
    box-shadow: 0px 5px 5px 0 rgba(0, 0, 0, 0.15);
  }

  @media (min-width: 1001px) {
    .phoneInquiryFixed .btnPhoneInquiryFixed {
      width: 350px;
      height: 110px;
      border-width: 4px;
      border-radius: 60px;
    }
  }

  .phoneInquiryFixed .btnPhoneInquiryFixed .text {
    position: relative;
    margin-bottom: calc(10/750*100vw);
    padding-left: calc(61/750*100vw);
    letter-spacing: 0.05em;
    font-size: 3rem;
    font-weight: 700;
  }

  @media (min-width: 1001px) {
    .phoneInquiryFixed .btnPhoneInquiryFixed .text {
      margin-bottom: 10px;
      padding-left: 61px;
    }
  }

  .phoneInquiryFixed .btnPhoneInquiryFixed .text::before {
    position: absolute;
    top: 50%;
    left: 0;
    width: calc(52/750*100vw);
    height: calc(46/750*100vw);
    background: url(../img/icon_inquiry_shop02.png) no-repeat left top/calc(52/750*100vw) calc(46/750*100vw);
    transform: translateY(-50%);
    content: '';
  }

  @media (min-width: 1001px) {
    .phoneInquiryFixed .btnPhoneInquiryFixed .text::before {
      width: 52px;
      height: 46px;
      background-size: 52px 46px;
    }
  }

  .phoneInquiryFixed .btnPhoneInquiryFixed .shoulder {
    letter-spacing: normal;
    font-size: 2.4rem;
    font-weight: 500;
  }

  /* ============================================
    PHONE01
    ============================================ */
  #phone01 .tabMenuList {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-pack: center;
        justify-content: center;
    max-width: 1000px;
    margin: 0 auto;
    padding: 0 calc(40/750*100vw);
  }

  @media (min-width: 1001px) {
    #phone01 .tabMenuList {
      padding: 0 40px;
    }
  }

  #phone01 .tabMenuList_item {
    -ms-flex: 1;
        flex: 1;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
    border: calc(2/750*100vw) solid #eb5505;
    border-radius: calc(12/750*100vw) calc(12/750*100vw) 0 0;
    border-bottom: none;
    cursor: pointer;
    width: calc(328/750*100vw);
    height: calc(195/750*100vw);
    padding-bottom: calc(20/750*100vw);
    text-align: center;
    line-height: 1.333;
    background: #fff2d9;
    color: #eb5505;
    font-weight: 500;
    font-size: 3rem;
  }

  @media (min-width: 1001px) {
    #phone01 .tabMenuList_item {
      padding-bottom: 20px;
      border-width: 2px;
      border-radius: 12px 12px 0 0;
      width: 328px;
      height: 195px;
    }
  }

  #phone01 .tabMenuList_item > span {
    position: relative;
    font-size: 3.2rem;
  }

  #phone01 .tabMenuList_item > span.small {
    font-size: 2.4rem;
  }

  #phone01 .tabMenuList_item > span::after {
    content: "";
    position: absolute;
    bottom: calc(-15/750*100vw);
    left: 50%;
    transform: translateX(-50%);
    background: radial-gradient(circle farthest-side, #fff, #fff 50%, #eb5505 50%, #eb5505);
    background-size: calc(10/750*100vw) calc(5/750*100vw);
    opacity: 0;
    width: calc(100% + (5/750*100vw));
    height: calc(5/750*100vw);
  }

  @media (min-width: 1001px) {
    #phone01 .tabMenuList_item > span::after {
      bottom: -15px;
      background-size: 10px 5px;
      width: calc(100% + 5px);
      height: 5px;
    }
  }

  #phone01 .tabMenuList_item.current {
    background: #eb5505;
    color: #fff;
    font-weight: 700;
  }

  #phone01 .tabMenuList_item.current::before {
    opacity: 1;
  }

  #phone01 .tabMenuList_item.current > span::after {
    opacity: 1;
  }

  #phone01 .tabMenuList_item + .tabMenuList_item {
    margin-left: calc(14/750*100vw);
  }

  @media (min-width: 1001px) {
    #phone01 .tabMenuList_item + .tabMenuList_item {
      margin-left: 14px;
    }
  }

  #phone01 .tabMenuList_item .shoulder {
    display: block;
    position: relative;
    width: calc(250/750*100vw);
    height: calc(50/750*100vw);
    color: #fa3d00;
    font-size: 2.3rem;
    font-weight: 700;
    line-height: 1.154;
    border-radius: calc(25/750*100vw);
    margin: 0 auto calc(16/750*100vw);
    background: #fff60c;
    padding: calc(11/750*100vw) calc(10/750*100vw);
    text-align: center;
  }

  @media (min-width: 1001px) {
    #phone01 .tabMenuList_item .shoulder {
      width: 250px;
      height: 50px;
      border-radius: 25px;
      margin: 0 auto 16px;
      padding: 11px 10px;
    }
  }

  #phone01 .tabMenuList_item .shoulder::before {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: calc(11/750*100vw) calc(6/750*100vw) 0 calc(6/750*100vw);
    border-color: #fff60c transparent transparent transparent;
  }

  @media (min-width: 1001px) {
    #phone01 .tabMenuList_item .shoulder::before {
      border-width: 11px 6px 0 6px;
    }
  }

  #phone01 .tabMenuList_item .small {
    display: block;
    font-size: 2.4rem;
    font-weight: normal;
  }

  #phone01 .tabContent {
    background: #fff;
    border-top: calc(4/750*100vw) solid #eb5505;
    padding: calc(50/750*100vw) 0 0;
  }

  @media (min-width: 1001px) {
    #phone01 .tabContent {
      border-top-width: 4px;
      padding: 50px 0 0;
    }
  }

  #phone01 .tabContent .linkList {
    margin: calc(5/750*100vw) 0 calc(20/750*100vw);
  }

  @media (min-width: 1001px) {
    #phone01 .tabContent .linkList {
      margin: 5px 0 20px;
    }
  }

  .phoneLeadBox {
    padding: calc(35/750*100vw) 0;
  }

  @media (min-width: 1001px) {
    .phoneLeadBox {
      padding: 35px 0;
    }
  }

  .phoneLeadBox .text {
    font-size: 3.2rem;
  }

  .phoneLeadBox .text + .text {
    margin-top: 1em;
  }

  .phoneLeadBox .text a {
    padding-bottom: calc(5/750*100vw);
    border-bottom: calc(2/750*100vw) solid;
    color: #0a6bcc;
  }

  @media (min-width: 1001px) {
    .phoneLeadBox .text a {
      padding-bottom: 5px;
      border-bottom-width: 2px;
    }
  }

  .formHead {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    padding: calc(14/750*100vw) 0;
  }

  @media (min-width: 1001px) {
    .formHead {
      padding: 14px 0;
    }
  }

  .formBody .small,
  .formHead .small,
  .formRow + .small {
    font-size: 2.8rem;
  }

  .formRow + .small {
    display: block;
    padding-left: calc(95/750*100vw);
  }

  @media (min-width: 1001px) {
    .formRow + .small {
      padding-left: 95px;
    }
  }

  .formBody {
    padding: calc(10/750*100vw) 0;
  }

  @media (min-width: 1001px) {
    .formBody {
      padding: 10px 0;
    }
  }

  .formRow {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-align: start;
        align-items: flex-start;
  }

  .formRow .formHead {
    width: calc(300/750*100vw);
    min-height: calc(120/750*100vw);
    padding-right: calc(20/750*100vw);
  }

  @media (min-width: 1001px) {
    .formRow .formHead {
      width: 300px;
      min-height: 120px;
      padding-right: 20px;
    }
  }

  .formRow .formBody {
    -ms-flex: 1;
        flex: 1;
    padding: calc(10/750*100vw) 0;
  }

  @media (min-width: 1001px) {
    .formRow .formBody {
      padding: 10px 0;
    }
  }

  .formRow .formBody.full {
    -ms-flex: 0 1 auto;
        flex: 0 1 auto;
    width: 100%;
    padding-left: calc(95/750*100vw);
  }

  @media (min-width: 1001px) {
    .formRow .formBody.full {
      padding-left: 95px;
    }
  }

  .formInline {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
  }

  .formTag {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
    width: calc(80/750*100vw);
    height: calc(50/750*100vw);
    -ms-flex-negative: 0;
        flex-shrink: 0;
    text-align: center;
    border-radius: calc(6/750*100vw);
    margin-right: calc(15/750*100vw);
  }
  .formTag:not(:first-child) {
    margin-right: 0;
    margin-left: calc(15/750*100vw);
  }
  @media (min-width: 1001px) {
    .formTag {
      width: 80px;
      height: 50px;
      border-radius: 6px;
      margin-right: 15px;
    }
    .formTag:not(:first-child) {
      margin-right: 0;
      margin-left: 15px;
    }
  }

  .formTag.optional {
    background: #eee;
  }

  .formTag.required {
    background: #f23d3d;
    color: #fff;
  }

  .formTextLabel {
    display: block;
    margin-bottom: calc(10/750*100vw);
    font-weight: 500;
    font-size: 2.8rem;
  }

  @media (min-width: 1001px) {
    .formTextLabel {
      margin-bottom: 10px;
    }
  }

  .formTextbox,
  .formSelect,
  .formTextArea {
    color: inherit;
  }

  .formTextbox.narrowFull,
  .formSelect.narrowFull,
  .formTextArea.narrowFull {
    -ms-flex: 1;
        flex: 1;
  }

  .formTextbox.narrow01,
  .formSelect.narrow01,
  .formTextArea.narrow01 {
    width: calc(250/750*100vw);
  }

  .formTextbox.narrow02,
  .formSelect.narrow02,
  .formTextArea.narrow02 {
    width: calc(110/750*100vw);
  }

  @media (min-width: 1001px) {
    .formTextbox.narrow01,
    .formSelect.narrow01,
    .formTextArea.narrow01 {
      width: 250px;
    }

    .formTextbox.narrow02,
    .formSelect.narrow02,
    .formTextArea.narrow02 {
      width: 110px;
    }
  }

  .formTextbox,
  .formTextArea {
    width: 100%;
    padding: calc(15/750*100vw) calc(28/750*100vw);
    border: calc(2/750*100vw) solid #c5c5c5;
    border-radius: calc(12/750*100vw);
    background: #fff;
  }
  @media (min-width: 1001px) {
    .formTextbox,
    .formTextArea {
      padding: 15px 28px;
      border-width: 2px;
      border-radius: 12px;
    }
  }

  .formTextAreaWrap {
    position: relative;
  }

  .formTextAreaWrap textarea {
    display: block;
  }

  .formTextAreaWrap .placeholder {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: calc(15/750*100vw) calc(28/750*100vw);
    color: #cccccc;
    pointer-events: none;
  }

  @media (min-width: 1001px) {
    .formTextAreaWrap .placeholder {
      padding: 15px 28px;
    }
  }

  .formTextAreaWrap .placeholder.hidden {
    display: none;
  }

  .formTextbox {
    height: calc(100/750*100vw);
  }

  @media (min-width: 1001px) {
    .formTextbox {
      height: 100px;
    }
  }

  .formTextbox.readOnly {
    background: #eee;
  }

  .formTextbox::-webkit-input-placeholder {
    color: #808080;
  }

  .formTextbox:-ms-input-placeholder {
    color: #808080;
  }

  .formTextbox::placeholder {
    color: #808080;
  }

  .formSelect {
    width: 100%;
    height: calc(100/750*100vw);
    border: calc(2/750*100vw) solid #c5c5c5;
    border-radius: calc(12/750*100vw);
    -webkit-appearance: none;
    appearance: none;
    outline: none;
    padding: calc(10/750*100vw) calc(50/750*100vw) calc(10/750*100vw) calc(28/750*100vw);
    background: url(../img/icon_select.png) no-repeat right calc(22/750*100vw) center #fff;
    background-size: calc(24/750*100vw) calc(13/750*100vw);
  }

  @media (min-width: 1001px) {
    .formSelect {
      height: 100px;
      border-width: 2px;
      border-radius: 12px;
      padding: 10px 50px 10px 28px;
      background-size: 24px 13px;
      background-position: right 22px center;
    }
  }

  .formCheckbox,
  .formRadio {
    display: inline-block;
    position: relative;
    padding-left: calc(60/750*100vw);
    line-height: calc(45/750*100vw);
  }
  .formCheckbox + .formCheckbox,
  .formRadio + .formRadio {
    margin-left: 1em;
  }
  .time_day .formRadio {
    margin-right: 1em;
    margin-bottom: 8px;
  }
  .time_day .formRadio + .formRadio {
    margin-left: 0;
  }

  @media (min-width: 1001px) {
    .formCheckbox,
    .formRadio {
      padding-left: 60px;
      line-height: 45px;
    }
  }

  .formCheckbox .input,
  .formRadio .input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    opacity: 0;
    width: auto;
    z-index: 1;
  }

  .formCheckbox .input:checked + .label::after,
  .formRadio .input:checked + .label::after {
    opacity: 1;
  }

  .formCheckbox .input:disabled + .label,
  .formRadio .input:disabled + .label {
    pointer-events: none;
  }

  .formCheckbox .label,
  .formRadio .label {
    display: inline-block;
    cursor: pointer;
  }

  .formCheckbox .label::before, .formCheckbox .label::after,
  .formRadio .label::before, .formRadio .label::after {
    display: block;
    position: absolute;
    content: '';
  }

  .formCheckbox .label::before,
  .formRadio .label::before {
    top: 0;
    left: 0;
    width: calc(45/750*100vw);
    height: calc(45/750*100vw);
    border: calc(2/750*100vw) solid #c5c5c5;
    background: #fff;
  }

  .formCheckbox .label::before {
    border-radius: calc(6/750*100vw);
  }

  .formRadio .label::before {
    border-radius: 50%;
  }

  @media (min-width: 1001px) {
    .formCheckbox .label::before,
    .formRadio .label::before  {
      width: 45px;
      height: 45px;
      border-width: 2px;
    }

    .formCheckbox .label::before {
      border-radius: 6px;
    }
  }

  .formCheckbox .label::after,
  .formRadio .label::after {
    opacity: 0;
  }

  .formCheckbox .label::after {
    top: 0;
    left: 0;
    width: calc(45/750*100vw);
    height: calc(45/750*100vw);
    background: url(../img/icon_check01.png) no-repeat center center/calc(22/750*100vw) calc(17/750*100vw);
  }

  .formRadio .label::after {
    top: calc(12/750*100vw);
    left: calc(12/750*100vw);
    border-radius: 50%;
    width: calc(21/750*100vw);
    height: calc(21/750*100vw);
    background: #808080;
  }

  @media (min-width: 1001px) {
    .formCheckbox .label::after {
      width: 45px;
      height: 45px;
      background-size: 22px 17px;
    }

    .formRadio .label::after {
      top: 12px;
      left: 12px;
      width: 21px;
      height: 21px;
    }
  }

  .formCheckbox .label--text,
  .formRadio .label--text {
    padding-left: calc(4/750*100vw);
  }

  @media (min-width: 1001px) {
    .formCheckbox .label--text,
    .formRadio .label--text {
      padding-left: 4px;
    }
  }

  .selectShopWrap {
    margin-bottom: calc(60/750*100vw);
  }

  @media (min-width: 1001px) {
    .selectShopWrap {
      margin-bottom: 60px;
    }
  }

  .selectShopList {
    margin-top: calc(30/750*100vw);
  }

  @media (min-width: 1001px) {
    .selectShopList {
      margin-top: 30px;
    }
  }

  .selectShopList > li {
    margin-top: calc(20/750*100vw);
  }

  @media (min-width: 1001px) {
    .selectShopList > li {
      margin-top: 20px;
    }
  }

  .selectShopList > li:not(.is-show) {
    display: none;
  }

  .selectShopMore {
    margin: calc(40/750*100vw) auto 0;
  }

  @media (min-width: 1001px) {
    .selectShopMore {
      margin: 40px auto 0;
    }
  }

  .selectBtnBox {
    display: block;
    position: relative;
    font-size: 2.8rem;
  }

  .selectBtnBox .input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    opacity: 0;
    width: auto;
    z-index: 1;
  }

  .selectBtnBox .input:checked + .label {
    border: calc(4/750*100vw) solid #eb5505;
  }

  .selectBtnBox.selectBtnBox-uq .input:checked + .label {
    border-color: #e4007f;
  }

  @media (min-width: 1001px) {
    .selectBtnBox .input:checked + .label {
      border-width: 4px;
    }
  }

  .selectBtnBox .input:checked + .label .selectBtn {
    width: calc(106/750*100vw);
  }

  @media (min-width: 1001px) {
    .selectBtnBox .input:checked + .label .selectBtn {
      width: 106px;
    }
  }

  .selectBtnBox .input:checked + .label .selectText {
    padding: calc(33/750*100vw) calc(38/750*100vw) calc(35/750*100vw) calc(36/750*100vw);
    background: #fff2d9;
  }

  .selectBtnBox.selectBtnBox-uq .input:checked + .label .selectText {
    background: #fce5f2;
  }

  @media (min-width: 1001px) {
    .selectBtnBox .input:checked + .label .selectText {
      padding: 33px 38px 35px 36px;
    }
  }

  .selectBtnBox .input:disabled + .label {
    pointer-events: none;
  }

  .selectBtnBox .label {
    display: -ms-flexbox;
    display: flex;
    border: calc(2/750*100vw) solid #c5c5c5;
    border-radius: calc(12/750*100vw);
    overflow: hidden;
    cursor: pointer;
  }

  @media (min-width: 1001px) {
    .selectBtnBox .label {
      border-radius: 12px;
    }
  }

  .selectBtnBox .selectBtn {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
    width: calc(108/750*100vw);
    background: #eb5505;
    color: #fff;
  }

  .selectBtnBox.selectBtnBox-uq .selectBtn {
    background: #e4007f;
  }

  @media (min-width: 1001px) {
    .selectBtnBox .selectBtn {
      width: 108px;
    }
  }

  .selectBtnBox .selectBtn > span {
    display: block;
    text-align: center;
  }

  .selectBtnBox .selectBtn .icon {
    display: block;
  }

  .selectBtnBox .selectBtn .icon-shop {
    width: calc(50/750*100vw);
    height: calc(50/750*100vw);
    margin: 0 auto calc(18/750*100vw);
    background: url(../img/icon_shop.png) no-repeat center center/contain;
  }

  @media (min-width: 1001px) {
    .selectBtnBox .selectBtn .icon-shop {
      width: 50px;
      height: 50px;
      margin: 0 auto 18px;
    }
  }

  .selectBtnBox .selectBtn .icon img {
    display: block;
  }

  .selectBtnBox .selectText {
    -ms-flex: 1;
        flex: 1;
    padding: calc(35/750*100vw) calc(38/750*100vw);
  }

  @media (min-width: 1001px) {
    .selectBtnBox .selectText {
      padding: 35px 38px;
    }
  }

  .selectBtnBox .shopName,
  .selectBtnBox .shopAddress {
    display: block;
  }

  .selectBtnBox .shopName {
    margin-bottom: calc(15/750*100vw);
    color: #eb5505;
    font-weight: 700;
    font-size: 3.6rem;
    line-height: 1.389;
  }

  .selectBtnBox.selectBtnBox-uq .shopName {
    color: #e4007f;
  }

  @media (min-width: 1001px) {
    .selectBtnBox .shopName {
      margin-bottom: 15px;
    }
  }

  .selectBtnBox .shopDescList {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-top: calc(35/750*100vw);
  }

  @media (min-width: 1001px) {
    .selectBtnBox .shopDescList {
      margin-top: 35px;
    }
  }

  .selectBtnBox .shopTerm,
  .selectBtnBox .shopDesc {
    margin-bottom: calc(4/750*100vw);
  }

  @media (min-width: 1001px) {
    .selectBtnBox .shopTerm,
    .selectBtnBox .shopDesc {
      margin-bottom: 4px;
    }
  }

  .selectBtnBox .shopTerm {
    width: calc(142/750*100vw);
    font-weight: 500;
  }

  @media (min-width: 1001px) {
    .selectBtnBox .shopTerm {
      width: 142px;
    }
  }

  .selectBtnBox .shopDesc {
    width: calc(340/750*100vw);
  }

  @media (min-width: 1001px) {
    .selectBtnBox .shopDesc {
      width: calc(100% - 142px);
    }
  }

  .searchBox {
    position: relative;
  }

  .searchBox .formTextbox {
    padding-right: calc(100/750*100vw);
  }

  @media (min-width: 1001px) {
    .searchBox .formTextbox {
      padding-right: 100px;
    }
  }

  .searchBox .searchBtn {
    position: absolute;
    top: 0;
    right: 0;
    padding: calc(28/750*100vw) calc(24/750*100vw);
  }

  @media (min-width: 1001px) {
    .searchBox .searchBtn {
      padding: 28px 24px;
    }
  }

  .searchBox .searchBtn img {
    display: block;
    width: calc(44/750*100vw);
    height: calc(44/750*100vw);
  }

  @media (min-width: 1001px) {
    .searchBox .searchBtn img {
      width: 44px;
      height: 44px;
    }
  }

  .selectResultBox {
    position: relative;
  }

  .selectResultBox .formTextbox {
    padding-right: calc(130/750*100vw);
  }

  @media (min-width: 1001px) {
    .selectResultBox .formTextbox {
      padding-right: 130px;
    }
  }

  .selectResultBox .clearBtn {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
    position: absolute;
    top: calc(10/750*100vw);
    right: calc(10/750*100vw);
    width: calc(110/750*100vw);
    height: calc(80/750*100vw);
    border-radius: calc(12/750*100vw);
    background: #777;
    color: #fff;
    font-size: 2.4rem;
    font-weight: 500;
  }

  @media (min-width: 1001px) {
    .selectResultBox .clearBtn {
      top: 10px;
      right: 10px;
      width: 110px;
      height: 80px;
      border-radius: 12px;
    }
  }

  .formFooter {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
    padding: calc(50/750*100vw) 0 calc(80/750*100vw);
  }

  @media (min-width: 1001px) {
    .formFooter {
      padding: 50px 0 80px;
    }
  }

  .formFooter > *:not(:last-child) {
    margin-bottom: calc(40/750*100vw);
  }

  @media (min-width: 1001px) {
    .formFooter > *:not(:last-child) {
      margin-bottom: 40px;
    }
  }

  .btnSubmit {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
    position: relative;
    width: calc(580/750*100vw);
    height: calc(140/750*100vw);
    margin-right: auto;
    margin-left: auto;
    border-radius: calc(70/750*100vw);
    background: #eb5505;
    color: #fff;
    box-shadow: 0px 5px 5px 0 rgba(0, 0, 0, 0.15);
    font-size: 3.8rem;
    font-weight: 700;
  }

  @media (min-width: 1001px) {
    .btnSubmit {
      width: 580px;
      height: 140px;
      border-radius: 70px;
    }
  }

  .btnSubmit::before {
    content: '';
    position: absolute;
    display: block;
    top: 50%;
    left: calc(40/750*100vw);
    width: calc(60/750*100vw);
    height: calc(60/750*100vw);
    background: url(../img/icon_submit.png) no-repeat center center/calc(60/750*100vw) calc(60/750*100vw);
    transform: translateY(-50%);
  }

  @media (min-width: 1001px) {
    .btnSubmit::before {
      left: 40px;
      width: 60px;
      height: 60px;
      background-size: 60px 60px;
    }
  }

  .btnBack,
  .btnClose {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
    width: calc(480/750*100vw);
    height: calc(120/750*100vw);
    margin-right: auto;
    margin-left: auto;
    border: calc(2/750*100vw) solid #aaa;
    border-radius: calc(60/750*100vw);
    background: transparent;
    color: #333;
    font-size: 3.2rem;
    font-weight: 500;
  }

  @media (min-width: 1001px) {
    .btnBack,
    .btnClose {
      width: 480px;
      height: 120px;
      border-width: 2px;
      border-radius: 60px;
    }
  }

  .formNotes {
    margin-top: calc(30/750*100vw);
  }

  @media (min-width: 1001px) {
    .formNotes {
      margin-top: 30px;
    }
  }

  .phoneInput .formLabel {
    font-size: 3.8rem;
    font-weight: 700;
  }
  .phoneInput .formBlock + .formBlock {
    margin-top: calc(40/750*100vw);
  }
  @media (min-width: 1001px) {
    .phoneInput .formBlock + .formBlock {
      margin-top: 40px;
    }
  }

  /* ============================================
    PHONE02
    ============================================ */
  .phoneConfirm {
    background: #f3f3f3;
  }

  .phoneConfirm .phoneLeadBox {
    text-align: center;
  }

  .phoneConfirmBox {
    padding: calc(30/750*100vw) calc(40/750*100vw);
    border-radius: calc(12/750*100vw);
    background: #fff;
  }

  @media (min-width: 1001px) {
    .phoneConfirmBox {
      padding: 30px 40px;
      border-radius: 12px;
    }
  }

  .phoneConfirmBox .formRow {
    -ms-flex-align: center;
        align-items: center;
    min-height: calc(120/750*100vw);
  }

  @media (min-width: 1001px) {
    .phoneConfirmBox .formRow {
      min-height: 120px;
    }
  }

  .phoneConfirmBox .formRow:not(:last-child) {
    border-bottom: calc(2/750*100vw) solid #ddd;
  }

  @media (min-width: 1001px) {
    .phoneConfirmBox .formRow:not(:last-child) {
      border-bottom-width: 2px;
    }
  }

  .phoneConfirmBox .formRow .formHead,
  .phoneConfirmBox .formRow .formBody {
    padding-top: calc(20/750*100vw);
    padding-bottom: calc(20/750*100vw);
  }

  @media (min-width: 1001px) {
    .phoneConfirmBox .formRow .formHead,
    .phoneConfirmBox .formRow .formBody {
      padding-top: 20px;
      padding-bottom: 20px;
    }
  }

  .phoneConfirmBox .formRow .formHead {
    width: calc(212/750*100vw);
  }

  @media (min-width: 1001px) {
    .phoneConfirmBox .formRow .formHead {
      width: 212px;
    }
  }

  .phoneConfirmBox .formRow .formBody {
    font-size: 3.2rem;
    font-weight: 500;
  }

  /* ============================================
    PHONE03
    ============================================ */
  .phoneComplete {
    padding-top: calc(60/750*100vw);
    background: #f3f3f3;
  }

  @media (min-width: 1001px) {
    .phoneComplete {
      padding-top: 60px;
    }
  }

  .phoneComplete .phoneLeadBox {
    text-align: center;
  }

  .phoneCompleteBox .heading {
    position: relative;
    margin-bottom: calc(38/750*100vw);
    padding-bottom: calc(155/750*100vw);
    text-align: center;
    font-size: 3.6rem;
    font-weight: 500;
    color: #eb5505;
  }

  .phoneCompleteBox.is-error .heading {
    margin-bottom: 0;
    padding-bottom: 0;
  }

  @media (min-width: 1001px) {
    .phoneCompleteBox .heading {
      margin-bottom: 38px;
      padding-bottom: 155px;
    }
  }

  .phoneCompleteBox .heading::before {
    display: block;
    position: absolute;
    bottom: 0;
    left: 50%;
    width: calc(120/750*100vw);
    height: calc(120/750*100vw);
    transform: translateX(-50%);
    background: url(../img/icon_complete01.png) no-repeat center center/calc(120/750*100vw) calc(120/750*100vw);
    content: '';
  }

  .phoneCompleteBox.is-error .heading::before {
    display: none;
  }

  @media (min-width: 1001px) {
    .phoneCompleteBox .heading::before {
      width: 120px;
      height: 120px;
      background-size: 120px 120px;
    }
  }

  .phoneCompleteBox .boxTop {
    padding: calc(50/750*100vw) calc(40/750*100vw);
    border-radius: calc(12/750*100vw) calc(12/750*100vw) 0 0;
    background: #fff;
  }

  @media (min-width: 1001px) {
    .phoneCompleteBox .boxTop {
      padding: 50px 40px;
      border-radius: 12px 12px 0 0;
    }
  }

  .phoneCompleteBox .boxBottom {
    padding: calc(45/750*100vw) calc(40/750*100vw) calc(55/750*100vw);
    border-radius: 0 0 calc(12/750*100vw) calc(12/750*100vw);
    background: #fff2d9;
  }
  .phoneCompleteBox .boxBottom .text a {
    padding-bottom: calc(5/750*100vw);
    border-bottom: calc(2/750*100vw) solid;
    color: #0a6bcc;
  }

  .phoneCompleteBox .boxBottom .btnList {
    padding: calc(20/750*100vw) 0 calc(25/750*100vw);
  }

  @media (min-width: 1001px) {
    .phoneCompleteBox .boxBottom {
      padding: 45px 40px 55px;
      border-radius: 0 0 12px 12px;
    }

    .phoneCompleteBox .text a {
      padding-bottom: 5px;
      border-bottom-width: 2px;
    }

    .phoneCompleteBox .boxBottom .btnList {
      padding: 20px 0 25px;
    }
  }

  .phoneCompleteBox .boxBottom_heading {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fa3d00;
    font-size: 3.4rem;
    font-weight: 500;
    margin: 0 auto;
  }

  .phoneCompleteBox .boxBottom_heading>span {
    position: relative
  }

  .phoneCompleteBox .boxBottom_heading>span::before, .phoneCompleteBox .boxBottom_heading>span::after {
    content: "";
    position: absolute;
    top: 50%;
    background: #fa3d00;
    width: calc(3/750*100vw);
    height: calc(35/750*100vw);
    transform-origin: 0 0;
  }

  .phoneCompleteBox .boxBottom_heading>span::before {
    left: calc(-33/750*100vw);
    transform: rotate(-35deg) translateY(-50%);
  }

  .phoneCompleteBox .boxBottom_heading>span::after {
    right: calc(-33/750*100vw);
    transform: rotate(35deg) translateY(-50%);
  }

  @media(min-width:1001px) {
    .bnrBox .boxBottom_heading>span::before, .bnrBox .boxBottom_heading>span::after {
      width: 3px;
      height: 35px;
    }
    .bnrBox .boxBottom_heading>span::before {
      left: -33px;
    }
    .bnrBox .boxBottom_heading>span::after {
      right: -33px;
    }
  }

  .phoneCompleteBox .boxBottom .privilegeLead {
    margin-top : calc(20/750*100vw);
    margin-bottom : calc(-70/750*100vw);
  }

  @media(min-width:1001px) {
    .phoneCompleteBox .boxBottom .privilegeLead {
      margin-top: 20px;
      margin-bottom: -70px;
    }
    .phoneCompleteBox .boxBottom .privilegeLead + .btnList .btnLink {
      width: 100%;
    }
  }

  .phoneCompleteNumber {
    margin-bottom: calc(30/750*100vw);
    text-align: center;
    font-weight: 500;
  }

  @media (min-width: 1001px) {
    .phoneCompleteNumber {
      margin-bottom: 30px;
    }
  }

  .phoneCompleteNumber dt {
    margin-bottom: calc(20/750*100vw);
    font-size: 3rem;
  }

  @media (min-width: 1001px) {
    .phoneCompleteNumber dt {
      margin-bottom: 20px;
    }
  }

  .phoneCompleteNumber dd {
    font-size: 4rem;
  }

  /* ============================================
    PHONE_CASE
    ============================================ */
  #phone_case.contents {
    border-top: calc(4/750*100vw) solid #e94f0a;
  }

  .caseKV {
    padding: calc(32/750*100vw) 0 calc(98/750*100vw);
    background: #e5f7ff;
  }

  @media (min-width: 1001px) {
    .caseKV {
      padding: 32px 0 98px;
    }
  }

  .caseKV img {
    display: block;
    max-width: 1000px;
    margin: 0 auto;
    image-rendering: auto;
  }

  .caseLead {
    background: url(../img/bg_pat02.png) repeat 0 0/calc(14/750*100vw) auto, #ffb885;
  }

  .caseLead img {
    image-rendering: auto;
  }

  .caseLead .heading {
    position: relative;
    top: calc(-50/750*100vw);
    margin: 0 auto calc(-50/750*100vw);
  }

  @media (min-width: 1001px) {
    .caseLead .heading {
      top: -50px;
      margin-bottom: -50px;
    }
  }

  .caseLead .heading img {
    display: block;
    width: calc(690/750*100vw);
    max-width: 960px;
    margin: 0 auto;
  }

  .caseLead .img {
    margin: calc(17/750*100vw) auto 0;
  }

  @media (min-width: 1001px) {
    .caseLead .img {
      margin-top: 17px;
    }
  }

  .caseLead .img img {
    display: block;
    width: calc(482/750*100vw);
    margin: 0 auto;
  }

  @media (min-width: 1001px) {
    .caseLead .img img {
      max-width: 617px;
    }
  }

  .phoneCase {
    position: relative;
    background: #fff2d9;
    padding-bottom: calc(15/750*100vw);
  }

  .phoneCase::before {
    content: "";
    position: absolute;
    top: calc(-14/750*100vw);
    right: 0;
    background: url(../img/bg_circle08.png) repeat-x 0 0/auto 100%;
    width: 100%;
    height: calc(15/750*100vw);
  }

  @media (min-width: 1001px) {
    .phoneCase::before {
      top: -14px;
      height: 15px;
    }
  }

  .phoneCaseUnit {
    padding: calc(48/750*100vw) 0 calc(60/750*100vw);
  }

  @media (min-width: 1001px) {
    .phoneCaseUnit {
      padding: 48px 0 60px;
    }
  }

  .phoneCaseUnit + .phoneCaseUnit {
    position: relative;
    padding-top: calc(65/750*100vw);
  }

  @media (min-width: 1001px) {
    .phoneCaseUnit + .phoneCaseUnit {
      padding-top: 65px;
    }
  }

  .phoneCaseUnit + .phoneCaseUnit::before {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: calc(10/750*100vw);
    background: url(../img/bg_circle07.png) repeat-x left top/auto 100%;
    content: '';
  }

  @media (min-width: 1001px) {
    .phoneCaseUnit + .phoneCaseUnit::before {
      height: 10px;
    }
  }

  .phoneCaseUnit .text {
    text-align: center;
  }

  .phoneCaseUnit .heading {
    display: flex;
    justify-content: center;
    margin-bottom: calc(25/750*100vw);
    font-size: 4.2rem;
    font-weight: 700;
    color: #eb4600;
  }

  @media (min-width: 1001px) {
    .phoneCaseUnit .heading {
      margin-bottom: 25px;
    }
  }

  .phoneCaseUnit .heading .icon {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
    width: calc(60/750*100vw);
    height: calc(60/750*100vw);
    margin-right: calc(16/750*100vw);
    border-radius: 100%;
    background: #eb4600;
    color: #fff;
    font-size: 3.6rem;
  }

  @media (min-width: 1001px) {
    .phoneCaseUnit .heading .icon {
      width: 60px;
      height: 60px;
      margin-right: 21px;
    }
    .phoneCaseUnit .heading br {
      display: none;
    }
  }

  .phoneCaseUnit .btnWrap {
    margin-bottom: calc(36/750*100vw);
  }

  .phoneCaseUnit .btnWrap .slash {
    display: table;
    position: relative;
    margin: 0 auto calc(21/750*100vw);
    padding: 0 calc(45/750*100vw) calc(8/750*100vw);
    color: #eb5505;
    font-size: 3rem;
    font-weight: 700;
  }

  .phoneCaseUnit .btnWrap .slash::before, .phoneCaseUnit .btnWrap .slash::after {
    display: block;
    position: absolute;
    top: 0;
    width: 0;
    height: calc(60/750*100vw);
    border-left: calc(2/750*100vw) solid #eb5505;
    content: '';
  }

  .phoneCaseUnit .btnWrap .slash::before {
    left: 0;
    transform: rotate(-35deg);
    transform-origin: left top;
  }

  .phoneCaseUnit .btnWrap .slash::after {
    right: 0;
    transform: rotate(35deg);
    transform-origin: left top;
  }

  @media (min-width: 1001px) {
    .phoneCaseUnit .btnWrap .slash {
      margin: 0 auto 21px;
      padding: 0 45px;
    }
    .phoneCaseUnit .btnWrap .slash::before, .phoneCaseUnit .btnWrap .slash::after {
      height: 60px;
      border-left-width: 2px;
    }
  }

  .phoneCaseUnit .btnWrap .balloon {
    display: block;
    position: relative;
    width: calc(360/750*100vw);
    height: calc(80/750*100vw);
    margin: 0 auto calc(30/750*100vw);
    padding: calc(24/750*100vw) calc(10/750*100vw);
    border-radius: calc(40/750*100vw);
    color: #eb5505;
    font-size: 3rem;
    font-weight: 700;
    line-height: 1;
    background: #fff60c;
    text-align: center;
  }

  @media (min-width: 1001px) {
    .phoneCaseUnit .btnWrap .balloon {
      width: 360px;
      height: 80px;
      margin: 0 auto 30px;
      padding: 24px 10px;
      border-radius: 40px;
    }
  }

  .phoneCaseUnit .btnWrap .balloon::before {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: calc(16/750*100vw) calc(9/750*100vw) 0 calc(9/750*100vw);
    border-color: #fff60c transparent transparent transparent;
  }

  @media (min-width: 1001px) {
    .phoneCaseUnit .btnWrap .balloon::before {
      border-width: 16px 9px 0 9px;
    }
  }

  .phoneCaseUnit .btnShopInquiry {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
    background: #fff;
    width: calc(580/750*100vw);
    height: calc(140/750*100vw);
    padding: 0 calc(5/750*100vw) 0 calc(65/750*100vw);
    border-radius: calc(16/750*100vw);
    margin: 0 auto;
    color: #fff;
    text-align: center;
    font-size: 3.4rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    line-height: 1.353;
    background: url(../img/bg_shop_inquiry.png) repeat-x left top/auto 100%;
    box-shadow: 0px 5px 5px 0 rgba(0, 0, 0, 0.15);
  }

  @media (min-width: 1001px) {
    .phoneCaseUnit .btnShopInquiry {
      width: 580px;
      height: 140px;
      padding: 0 5px 0 65px;
      border-radius: 16px;
    }
  }

  .phoneCaseUnit .btnShopInquiry .icon {
    position: absolute;
    top: 50%;
    left: calc(38/750*100vw);
    transform: translateY(-50%);
    background-size: contain;
  }

  @media (min-width: 1001px) {
    .phoneCaseUnit .btnShopInquiry .icon {
      left: 38px;
    }
  }

  .phoneCaseUnit .btnShopInquiry .icon-tel {
    width: calc(65/750*100vw);
    height: calc(65/750*100vw);
    background-image: url(../img/icon_inquiry_tel.png);
  }

  @media (min-width: 1001px) {
    .phoneCaseUnit .btnShopInquiry .icon-tel {
      width: 65px;
      height: 65px;
    }
  }

  .phoneCaseUnit .btnShopInquiry .icon-shop {
    width: calc(84/750*100vw);
    height: calc(70/750*100vw);
    background-image: url(../img/icon_inquiry_shop.png);
  }

  @media (min-width: 1001px) {
    .phoneCaseUnit .btnShopInquiry .icon-shop {
      width: 84px;
      height: 70px;
    }
  }

  .phoneCaseUnit .btnShopInquiry .small {
    font-size: 2.6rem;
    font-weight: normal;
  }

  /* ============================================
    PHONE_ERROR
    ============================================ */
  .phoneError {
    padding-bottom: calc(95/750*100vw);
    background: #f3f3f3;
  }

  @media (min-width: 1001px) {
    .phoneError {
      padding-bottom: 95px;
    }
  }

  .phoneErrorBox {
    padding: calc(50/750*100vw) calc(40/750*100vw);
    border-radius: calc(12/750*100vw);
    background: #fff;
  }

  @media (min-width: 1001px) {
    .phoneErrorBox {
      padding: 50px 40px;
      border-radius: 12px;
    }
  }

  .phoneErrorBox .heading {
    display: table;
    position: relative;
    margin: 0 auto calc(30/750*100vw);
    padding: 0 calc(15/750*100vw);
    color: #eb5505;
    font-size: 3.4rem;
    font-weight: 500;
    line-height: 1.471;
  }

  .phoneErrorBox .heading::before, .phoneErrorBox .heading::after {
    display: block;
    position: absolute;
    top: 3px;
    width: 0;
    height: calc(35/750*100vw);
    border-left: calc(3/750*100vw) solid #eb5505;
    content: '';
  }

  .phoneErrorBox .heading::before {
    left: 0;
    transform: rotate(-35deg);
    transform-origin: left bottom;
  }

  .phoneErrorBox .heading::after {
    right: 0;
    transform: rotate(35deg);
    transform-origin: left bottom;
  }

  @media (min-width: 1001px) {
    .phoneErrorBox .heading {
      margin: 0 auto 30px;
      padding: 0 15px;
    }
    .phoneErrorBox .heading::before, .phoneErrorBox .heading::after {
      height: 35px;
      border-left-width: 3px;
    }
  }

  .phoneErrorBox .btnList {
    padding-bottom: 0;
  }

  /* ============================================
    CAMPAIGN BANNER BOX
    ============================================ */
  .cpBnrBox01 {
    padding: calc(80/750*100vw) 0 calc(99/750*100vw);
    border-bottom: calc(2/750*100vw) solid #d5d5d5;
  }
  @media (min-width: 1001px) {
    .cpBnrBox01 {
      padding-top: 80px;
      padding-bottom: 99px;
      border-bottom-width: 2px;
    }
  }

  .cpBnrBox02 {
    padding: calc(75/750*100vw) 0 calc(15/750*100vw);
  }
  @media (min-width: 1001px) {
    .cpBnrBox02 {
      padding-top: 75px;
      padding-bottom: 15px;
    }
  }

  .cpBnrBox03 {
    padding: calc(20/750*100vw) 0 calc(70/750*100vw);
  }
  .cpBnrBox03 .banner {
    display: block;
    margin-top: calc(80/750*100vw);
  }
  @media (min-width: 1001px) {
    .cpBnrBox03 {
      padding-top: 20px;
      padding-bottom: 70px;
    }
    .cpBnrBox03 .banner {
      margin-top: 80px;
    }
  }

  /* ============================================
    ENTRY_INPUT
    ============================================ */
  .btnIcon {
    display: inline-block;
    text-indent: 100%;
    overflow: hidden;
  }

  .btnIcon.btnIcon-delete {
    background: url(../img/icon_delete.png) no-repeat 0 0 / 100% auto;
    width: calc(38/750*100vw);
    height: calc(40/750*100vw);
  }

  @media (min-width: 1001px) {
    .btnIcon.btnIcon-delete {
      width: 38px;
      height: 40px;
    }
  }

  .entryInput .formFooter {
    background: #f3f3f3;
  }

  .entryInput .formGroup {
    border-bottom: calc(2/750*100vw) solid #ddd;
  }

  .entryInput .formGroup_item {
    position: relative;
    padding: calc(20/750*100vw) 0;
    border-top: calc(2/750*100vw) solid #ddd;
  }

  .entryInput .formGroup_item.formGroup_item-add {
    padding-right: calc(62/750*100vw);
  }

  .entryInput .formGroup_item .btnIcon {
    position: absolute;
    right: calc(5/750*100vw);
    top: 50%;
    transform: translateY(-50%);
  }

  .entryInput .formRow {
    align-items: center;
  }

  .entryInput .formTextbox.readOnly {
    border: none;
    pointer-events: none;
  }

  .entryInput .formTag {
    font-size: 2.6rem;
  }

  .entryInput .formRow .formHead {
    width: calc(260/750*100vw);
  }

  .entryInput .notes {
    font-size: 2.6rem;
  }

  .formAdd {
    padding: calc(40/750*100vw) 0 calc(50/750*100vw);
  }

  @media (min-width: 1001px) {
    .entryInput .formGroup {
      border-bottom-width: 2px;
    }

    .entryInput .formGroup_item {
      padding: 20px 0;
      border-top-width: 2px;
    }

    .entryInput .formGroup_item.formGroup_item-add {
      padding-right: 62px;
    }

    .entryInput .formGroup_item .btnIcon {
      right: 5px;
    }

    .entryInput .formRow .formHead {
      width: 260px;
    }

    .formAdd {
      width: 40px 0 50px;
    }
  }

  .btnAdd {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
    width: calc(480/750*100vw);
    height: calc(120/750*100vw);
    margin-right: auto;
    margin-left: auto;
    border: calc(2/750*100vw) solid #aaa;
    border-radius: calc(60/750*100vw);
    background: transparent;
    color: #333;
    font-size: 3.2rem;
    font-weight: 500;
  }

  .btnAdd::before {
    margin-right: calc(15/750*100vw);
    font-size: 5.4rem;
    color: #666;
    content: '+';
  }

  @media (min-width: 1001px) {
    .btnAdd {
      width: 480px;
      height: 120px;
      border-width: 2px;
      border-radius: 60px;
    }

    .btnAdd::before {
      margin-right: 15px;
    }
  }

  .aupayEntry {
    display: flex;
    align-items: center;
    margin-bottom: calc(20/750*100vw);
  }

  .aupayEntry .icon {
    width: calc(121/750*100vw);
    height: calc(121/750*100vw);
    margin-right: calc(10/750*100vw);
  }

  .aupayEntry .text {
    flex: 1;
    text-align: center;
  }

  .aupayEntry .text strong {
    font-size: 3.6rem;
    font-weight: 500;
  }

  @media (min-width: 1001px) {
    .aupayEntry {
      margin-bottom: 20px;
    }

    .aupayEntry .icon {
      width: 121px;
      height: 121px;
      margin-right: 10px;
    }
  }

  .entryCompleteBox .entryCompleteBox_heading {
    margin-bottom: calc(25/750*100vw);
    text-align: center;
    font-size: 3rem;
    font-weight: 500;
  }

  .entryCompleteBox .formRow {
    -ms-flex-align: center;
        align-items: center;
    min-height: calc(80/750*100vw);
  }

  @media (min-width: 1001px) {
    .entryCompleteBox .formRow {
      min-height: 80px;
    }
  }

  .entryCompleteBox .formRow {
    border-top: calc(2/750*100vw) solid #ddd;
  }

  .entryCompleteBox .formRow:last-child {
    border-bottom: calc(2/750*100vw) solid #ddd;
  }

  @media (min-width: 1001px) {
    .entryCompleteBox .formRow {
      border-top-width: 2px;
    }

    .entryCompleteBox .formRow:last-child {
      border-bottom-width: 2px;
    }
  }

  .entryCompleteBox .formRow .formHead,
  .entryCompleteBox .formRow .formBody {
    padding-top: calc(17/750*100vw);
    padding-bottom: calc(17/750*100vw);
  }

  @media (min-width: 1001px) {
    .entryCompleteBox .formRow .formHead,
    .entryCompleteBox .formRow .formBody {
      padding-top: 17px;
      padding-bottom: 17px;
    }
  }

  .entryCompleteBox .formRow .formHead {
    width: calc(212/750*100vw);
  }

  @media (min-width: 1001px) {
    .entryCompleteBox .formRow .formHead {
      width: 212px;
    }
  }

  .entryCompleteBox .formRow .formBody {
    font-size: 3.2rem;
    font-weight: 500;
  }

  /* ============================================

    ============================================ */
  .errorBox {
    margin-bottom: calc(26/750*100vw);
    padding: calc(24/750*100vw) calc(30/750*100vw);
    border-radius: calc(12/750*100vw);
    background: #ffebeb;
    color: #e51717;
  }

  .errorBox .errorBox_text {
    font-size: 3.2rem;
  }

  @media (min-width: 1001px) {
    .errorBox {
      margin-bottom: 26px;
      padding: 24px 30px;
      border-radius: 12px;
    }
  }

  .linkList_item {
    font-size: 2.8rem;
    line-height: 1.5714;
  }
  .linkList_item:not(:last-child) {
    margin-bottom: calc(15/750*100vw);
  }
  @media (min-width: 1001px) {
    .linkList_item:not(:last-child) {
      margin-bottom: 15px;
    }
  }
  .linkList_item a {
    position: relative;
    display: inline-block;
    padding-left: calc(28/750*100vw);
    color: #0a6bcc;
  }
  @media (min-width: 1001px) {
    .linkList_item a {
      padding-left: 28px;
    }
  }
  .linkList_item a::before {
    position: absolute;
    top: calc(8/750*100vw);
    left: 0;
    width: calc(13/750*100vw);
    height: calc(24/750*100vw);
    background: url(../img/privilege/arrow_link.png) no-repeat 0 0/100% 100%;
    content: "";
  }
  @media (min-width: 1001px) {
    .linkList_item a::before {
      top: 8px;
      width: 13px;
      height: 24px;
    }
  }

  /* ============================================
    margin
    ============================================ */
  .mt0 { margin-top: 0; }
  .mt10 { margin-top: calc(10/750*100vw); }
  .mt20 { margin-top: calc(20/750*100vw); }
  .mt1em { margin-top: 1em; }
  .mb0 { margin-bottom: 0; }
  .mb10 { margin-bottom: calc(10/750*100vw); }
  .mb20 { margin-bottom: calc(20/750*100vw); }
  .mb30 { margin-bottom: calc(30/750*100vw); }
  .mr10 { margin-right: calc(10/750*100vw); }
  .mr20 { margin-right: calc(20/750*100vw); }
  .ml10 { margin-left: calc(10/750*100vw); }
  .ml20 { margin-left: calc(20/750*100vw); }

  @media (min-width: 1001px) {
    .mt0 { margin-top: 0; }
    .mt10 { margin-top: 10px; }
    .mt20 { margin-top: 20px; }
    .mb0 { margin-bottom: 0; }
    .mb10 { margin-bottom: 10px; }
    .mb20 { margin-bottom: 20px; }
    .mb30 { margin-bottom: 30px; }
    .mr10 { margin-right: 10px; }
    .mr20 { margin-right: 20px; }
    .ml10 { margin-left: 10px; }
    .ml20 { margin-left: 20px; }
  }




/* 242Q 追加 */
.maintenanceTitle{
  font-size: 3.6rem;
  text-align: center;
  margin: 0 0 calc(45/750*100vw);

  @media (min-width: 1001px) {
      margin: 0 0 45px;
  }
}
.maintenanceExplanation{
  font-size: 3.2rem;
  line-height: 1.526;
  margin: 0 0 calc(30/750*100vw);

  @media (min-width: 1001px) {
      margin: 0 0 30px;
  }
}
.maintenanceTime{
  display: flex;
  flex-direction: column;
  gap: 0.8em;
  background-color: #eee;
  padding: calc(30 / 750 * 100vw) calc(35 / 750 * 100vw) calc(35 / 750 * 100vw);
  border-radius: calc(10 / 750 * 100vw);
  margin-bottom: calc(25 / 750 * 100vw);

  @media (min-width: 1001px) {
      padding: 30px 35px 35px;
      border-radius: 10px;
      margin-bottom: 25px;
  }

  h4{
      font-size: 3.2rem;
      text-align: center;

  }
  .time{
      text-align: center;
  }
  .note{
      text-align: center;
      font-size: 0.9em;
      padding-left: 1em;
      text-indent: -1em;
  }
  
}
.maintenanceBox{
  display: flex;
  flex-direction: column;
  gap: 0.8em;
  background-color: #eee;
  padding: calc(30 / 750 * 100vw) calc(35 / 750 * 100vw) calc(35 / 750 * 100vw);
  border-radius: calc(10 / 750 * 100vw);
  margin-bottom: calc(40 / 750 * 100vw);

  @media (min-width: 1001px) {
      padding: 30px 35px 35px;
      border-radius: 10px;
      margin-bottom: 40px;
  }

  &.bgBox-color {
      background: #fff2d9;
  }

  h4{
      font-size: 3.2rem;
      text-align: center;

  }
  .time{
      text-align: center;
  }
  .note{
      text-align: center;
      font-size: 0.9em;
      padding-left: 1em;
      text-indent: -1em;
  }
  .img{
      width: 80%;
      margin-inline: auto;

      @media (min-width: 1001px) {
          width: auto;
      }
  }
}
/* end 242Q 追加 */

/* 242Q 追加 */
.error_userNo,
.error_userNo2 {
  display: none;
  color: #e61717;
  font-weight: bold;
  font-size: 2.6rem;
}

/* 242Q 追加 入力エラー発生時にオートコンプリートの背景色を赤にする */
input:-webkit-autofill.error {
  background-color: #ffebeb !important;
  box-shadow: 0 0 0 1000px #ffebeb inset;
}