@charset "UTF-8";
/*
@mixin bgRadiusLeft( $bgColor:#fff,$topPC:0,$topSP:0) {
  content: "";
  background: $bgColor;
  width: 75%;
  max-width: 1030px;
  position: absolute;
  height: 1470px;
  border-radius: 0 420px 420px 0;
  background: #fff;
  top: $topPC + px;
  left: 0;
  z-index: -1;
  @include bp( max, 1366px ) {
    height: vw_pc( 1470 );
    max-width: vw_pc( 1030 );
    border-radius: 0 vw_pc( 420 ) vw_pc( 420 ) 0;
    top: vw_pc( $topPC );
  }
  @include bp( max, 828px ) {
    width: vw_sp( 351 );
    max-width: 100%;
    height: vw_sp( 502 );
    border-radius: 0 vw_sp( 140 ) vw_sp( 140 ) 0;
    top: vw_sp( $topSP );
  }
}
@mixin bgRadiusRight($bgColor:#fff,$topPC:0,$topSP:0) {
  content: "";
  background: $bgColor;
  width: 75%;
  max-width: 1030px;
  position: absolute;
  height: 1470px;
  border-radius: 420px 0 0 420px;
  background: #fff;
  top: $topPC + px;
  right: 0;
  z-index: -1;
  @include bp( max, 1366px ) {
    height: vw_pc( 1470 );
    max-width: vw_pc( 1030 );
    border-radius: vw_pc( 420 ) 0 0 vw_pc( 420 );
    top: vw_pc( $topPC );
  }
  @include bp( max, 828px ) {
    width: vw_sp( 351 );
    max-width: 100%;
    height: vw_sp( 502 );
    border-radius: vw_sp( 140 ) 0 0 vw_sp( 140 );
    top: vw_sp( $topSP );
  }
}
*/
/*
// セクションリード
@mixin sectionLead($fontSizePC:16,$lineHeightPC:2.2,$letterSpacingPC:40,$fontSizeSP:14,$lineHeightSP:2.2,$letterSpacingSP:40) {
  .sectionLead {
    font-family: "ShipporiMincho-Regular";
    font-size: $fontSizePC / 10 + rem;
    line-height: $lineHeightPC;
    letter-spacing: ls( $letterSpacingPC );
    text-align: center;
    @include bp( max, 1366px ) {
      font-size: vw_pc( $fontSizePC );
    }
    @include bp( max, 828px ) {
      font-size: vw_sp( $fontSizeSP );
      line-height: $lineHeightSP;
      letter-spacing: ls( $letterSpacingSP );
    }
  }
}

@mixin pageLead() {
  font-family: "ShipporiMincho-Regular";
  font-size: 2.4rem;
  line-height: 2.4;
  letter-spacing: ls( 200 );
  text-align: center;
  @include bp( max, 1366px ) {
    font-size: vw_pc( 24 );
  }
  @include bp( max, 828px ) {
    font-size: vw_sp( 17 );
    letter-spacing: ls( 40 );
    text-align: left;
  }
}



@mixin notice($fontSize:11) {
  //font-size: 1.2rem;
  font-size: $fontSize / 10 + rem;
  line-height: 1.8;
  color: #777;
  @include bp( max, 1366px ) {
    //font-size: vw_pc( 12 );
    font-size: vw_pc( $fontSize );
  }
  @include bp( max, 828px ) {
    font-size: vw_sp( 10 );
    //font-size: vw_sp( $fontSize );
  }
}

@mixin noticeMark($fontSize:10) {
  font-size: $fontSize / 10 + rem;
  line-height: 1;
  color: #777;
  @include bp( max, 1366px ) {
    font-size: vw_pc( $fontSize );
  }
  @include bp( max, 828px ) {
    font-size: vw_sp( $fontSize );
  }
}
*/
.contactPage .mainHeader {
  padding-top: 96px; }
  @media screen and (max-width: 1366px) {
    .contactPage .mainHeader {
      padding-top: 7.02782vw; } }
  @media screen and (max-width: 828px) {
    .contactPage .mainHeader {
      padding-top: 15.45894vw; } }
  .contactPage .mainHeader_title {
    font-weight: 900;
    font-size: 4.4rem;
    letter-spacing: 0.1em;
    line-height: 1.6;
    color: #333;
    padding-bottom: 16px;
    font-weight: 800;
    /*
      &::before {
        content: "";
        //background: $orange;
        background: $headerColor;
        width: 30px; 
        height: 3px;
        position: absolute;
        bottom: 0;
        left: 0;
        @include bp( max, 1366px ) {
          width: vw_pc( 30 );
          height: vw_pc( 3 );
        }
        @include bp( max, 828px ) {
          width: vw_sp( 30 );
          height: vw_sp( 3 );
        }
      }
      */ }
    @media screen and (max-width: 1366px) {
      .contactPage .mainHeader_title {
        font-size: 3.22108vw; } }
    @media screen and (max-width: 828px) {
      .contactPage .mainHeader_title {
        font-size: 8.45411vw;
        letter-spacing: 0.1em;
        line-height: 1.6; } }
    @media screen and (max-width: 1366px) {
      .contactPage .mainHeader_title {
        padding-bottom: 1.1713vw; } }
    @media screen and (max-width: 828px) {
      .contactPage .mainHeader_title {
        padding-bottom: 3.86473vw; } }
  .contactPage .mainHeader_text {
    margin-top: 40px;
    line-height: 2.0; }
    @media screen and (max-width: 1366px) {
      .contactPage .mainHeader_text {
        margin-top: 2.92826vw; } }
    @media screen and (max-width: 828px) {
      .contactPage .mainHeader_text {
        margin-top: 7.72947vw; } }
  .contactPage .mainHeader_image {
    margin-top: 48px; }
    @media screen and (max-width: 1366px) {
      .contactPage .mainHeader_image {
        margin-top: 3.51391vw; } }
    @media screen and (max-width: 828px) {
      .contactPage .mainHeader_image {
        margin-top: 7.72947vw; } }
    .contactPage .mainHeader_image_text {
      position: absolute;
      bottom: -6px;
      right: 0;
      font-family: "futura-pt-bold", sans-serif;
      color: #333;
      font-size: 6.8rem;
      letter-spacing: 0.04em;
      line-height: 1; }
      @media screen and (max-width: 1366px) {
        .contactPage .mainHeader_image_text {
          font-size: 4.97804vw;
          bottom: -0.43924vw; } }
      @media screen and (max-width: 828px) {
        .contactPage .mainHeader_image_text {
          font-size: 6.76329vw;
          bottom: -0.96618vw; } }

.contactPage .pageNavi {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 56px; }
  @media screen and (max-width: 1366px) {
    .contactPage .pageNavi {
      margin-top: 4.09956vw; } }
  @media screen and (max-width: 828px) {
    .contactPage .pageNavi {
      margin-top: 1.93237vw; } }
  .contactPage .pageNavi .pageNaviList {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 1.2rem; }
    @media screen and (max-width: 1366px) {
      .contactPage .pageNavi .pageNaviList {
        font-size: 0.87848vw; } }
    @media screen and (max-width: 828px) {
      .contactPage .pageNavi .pageNaviList {
        font-size: 2.17391vw; } }
    .contactPage .pageNavi .pageNaviList_item:not(:first-child) {
      margin-left: 32px; }
      @media screen and (max-width: 1366px) {
        .contactPage .pageNavi .pageNaviList_item:not(:first-child) {
          margin-left: 2.34261vw; } }
      @media screen and (max-width: 828px) {
        .contactPage .pageNavi .pageNaviList_item:not(:first-child) {
          margin-left: 4.83092vw; } }
      .contactPage .pageNavi .pageNaviList_item:not(:first-child):before {
        content: '';
        width: 7px;
        height: 7px;
        position: absolute;
        top: 1px;
        bottom: 0;
        left: -21px;
        margin: auto;
        border-right: 1px solid #858585;
        border-bottom: 1px solid #858585;
        -webkit-transform: rotate(315deg);
        -ms-transform: rotate(315deg);
        transform: rotate(315deg); }
        @media screen and (max-width: 1366px) {
          .contactPage .pageNavi .pageNaviList_item:not(:first-child):before {
            width: 0.51245vw;
            height: 0.51245vw;
            left: -1.53734vw; } }
        @media screen and (max-width: 828px) {
          .contactPage .pageNavi .pageNaviList_item:not(:first-child):before {
            width: 1.44928vw;
            height: 1.44928vw;
            left: -3.38164vw; } }
    .contactPage .pageNavi .pageNaviList_item a {
      color: #18549F; }
      @media screen and (min-width: 829px) {
        .contactPage .pageNavi .pageNaviList_item a {
          -webkit-transition: 0.8s;
          -o-transition: 0.8s;
          transition: 0.8s; }
          .contactPage .pageNavi .pageNaviList_item a:hover {
            text-decoration: underline; } }

.contactPage .contactForm {
  margin-top: 56px; }
  @media screen and (max-width: 1366px) {
    .contactPage .contactForm {
      margin-top: 4.09956vw; } }
  @media screen and (max-width: 828px) {
    .contactPage .contactForm {
      margin-top: 7.72947vw; } }
  .contactPage .contactForm .currentNavi {
    counter-reset: num 0;
    width: 510px;
    margin: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    @media screen and (max-width: 1366px) {
      .contactPage .contactForm .currentNavi {
        width: 36.60322vw; } }
    @media screen and (max-width: 828px) {
      .contactPage .contactForm .currentNavi {
        width: 69.08213vw; } }
    .contactPage .contactForm .currentNavi_item {
      width: 100px;
      padding-top: 40px;
      text-align: center;
      font-weight: 700; }
      @media screen and (max-width: 1366px) {
        .contactPage .contactForm .currentNavi_item {
          width: 7.32064vw;
          padding-top: 2.92826vw; } }
      @media screen and (max-width: 828px) {
        .contactPage .contactForm .currentNavi_item {
          width: auto;
          padding-top: 9.66184vw; } }
      .contactPage .contactForm .currentNavi_item:not(:first-child)::after {
        content: "";
        width: 100px;
        height: 1px;
        background: #333;
        position: absolute;
        top: 15px;
        left: -110px;
        margin: auto; }
        @media screen and (max-width: 1366px) {
          .contactPage .contactForm .currentNavi_item:not(:first-child)::after {
            width: 7.32064vw;
            top: 1.0981vw;
            left: -8.05271vw; } }
        @media screen and (max-width: 828px) {
          .contactPage .contactForm .currentNavi_item:not(:first-child)::after {
            width: 7.24638vw;
            top: 3.62319vw;
            left: -14.49275vw; } }
      .contactPage .contactForm .currentNavi_item::before {
        content: "";
        counter-increment: num;
        content: counter(num);
        line-height: 2.0;
        color: #fff;
        width: 30px;
        height: 30px;
        background: #ccc;
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        margin: auto;
        border-radius: 100%; }
        @media screen and (max-width: 1366px) {
          .contactPage .contactForm .currentNavi_item::before {
            width: 2.19619vw;
            height: 2.19619vw;
            border-width: 0.73206vw; } }
        @media screen and (max-width: 828px) {
          .contactPage .contactForm .currentNavi_item::before {
            width: 7.24638vw;
            height: 7.24638vw;
            border-width: 2.41546vw; } }
      .contactPage .contactForm .currentNavi_item.is-current::before {
        background: #18549F; }
  .contactPage .contactForm_lead {
    margin-top: 40px;
    text-align: center;
    line-height: 2.0; }
    @media screen and (max-width: 1366px) {
      .contactPage .contactForm_lead {
        margin-top: 2.92826vw; } }
    @media screen and (max-width: 828px) {
      .contactPage .contactForm_lead {
        margin-top: 7.72947vw; } }
    @media screen and (max-width: 828px) {
      .contactPage .contactForm_lead {
        font-size: 3.1401vw; } }
  .contactPage .contactForm .contactFormList {
    margin-top: 48px; }
    @media screen and (max-width: 1366px) {
      .contactPage .contactForm .contactFormList {
        margin-top: 3.51391vw; } }
    @media screen and (max-width: 828px) {
      .contactPage .contactForm .contactFormList {
        margin-top: 7.72947vw; } }
    .contactPage .contactForm .contactFormList_title {
      font-weight: 700;
      min-width: 240px;
      white-space: nowrap;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: baseline;
      -ms-flex-align: baseline;
      align-items: baseline; }
      @media screen and (max-width: 1366px) {
        .contactPage .contactForm .contactFormList_title {
          min-width: 15.66618vw; } }
      @media screen and (max-width: 828px) {
        .contactPage .contactForm .contactFormList_title {
          min-width: auto; } }
      .contactPage .contactForm .contactFormList_title_main {
        font-size: 1.8rem; }
        @media screen and (max-width: 1366px) {
          .contactPage .contactForm .contactFormList_title_main {
            font-size: 1.31772vw; } }
        @media screen and (max-width: 828px) {
          .contactPage .contactForm .contactFormList_title_main {
            font-size: 4.34783vw; } }
      .contactPage .contactForm .contactFormList_title_required {
        margin-left: auto;
        background: #B91D11;
        padding: 4px 16px;
        color: #fff;
        font-size: 1.2rem;
        letter-spacing: 0.2em;
        font-weight: 700; }
        @media screen and (max-width: 1366px) {
          .contactPage .contactForm .contactFormList_title_required {
            padding: 0.29283vw 1.1713vw;
            font-size: 0.87848vw; } }
        @media screen and (max-width: 828px) {
          .contactPage .contactForm .contactFormList_title_required {
            padding: 0.96618vw 3.86473vw;
            font-size: 2.89855vw; } }
    .contactPage .contactForm .contactFormList_item {
      border-bottom: 1px solid #333;
      padding: 32px 0;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
      @media screen and (max-width: 1366px) {
        .contactPage .contactForm .contactFormList_item {
          padding: 2.34261vw 0; } }
      @media screen and (max-width: 828px) {
        .contactPage .contactForm .contactFormList_item {
          display: block;
          padding: 5.7971vw 0; } }
      .contactPage .contactForm .contactFormList_item:first-child {
        padding-top: 0; }
      .contactPage .contactForm .contactFormList_item-privacy {
        display: block; }
    .contactPage .contactForm .contactFormList_body {
      margin-left: 64px;
      width: 100%; }
      @media screen and (max-width: 1366px) {
        .contactPage .contactForm .contactFormList_body {
          margin-left: 4.68521vw; } }
      @media screen and (max-width: 828px) {
        .contactPage .contactForm .contactFormList_body {
          margin: 5.7971vw 0 0 0; } }
    .contactPage .contactForm .contactFormList_form {
      line-height: 2.0;
      /*
        &-input {
          max-width: 500px;
          @include bp( max, 828px ) {
            max-width: 100%;
          }
        }
        */ }
      .contactPage .contactForm .contactFormList_form input[type="text"],
      .contactPage .contactForm .contactFormList_form input[type="email"],
      .contactPage .contactForm .contactFormList_form input[type="tel"],
      .contactPage .contactForm .contactFormList_form textarea {
        width: 100%;
        display: block;
        background: #fff;
        border: 1px solid #ccc;
        border-radius: 4px;
        padding: 12px 24px;
        font-family: 'Noto Sans JP', sans-serif;
        font-weight: 400;
        font-size: 1.8rem;
        line-height: 1.8; }
        @media screen and (max-width: 1366px) {
          .contactPage .contactForm .contactFormList_form input[type="text"],
          .contactPage .contactForm .contactFormList_form input[type="email"],
          .contactPage .contactForm .contactFormList_form input[type="tel"],
          .contactPage .contactForm .contactFormList_form textarea {
            padding: 0.87848vw 1.75695vw;
            border-radius: 0.29283vw;
            font-size: 1.31772vw; } }
        @media screen and (max-width: 828px) {
          .contactPage .contactForm .contactFormList_form input[type="text"],
          .contactPage .contactForm .contactFormList_form input[type="email"],
          .contactPage .contactForm .contactFormList_form input[type="tel"],
          .contactPage .contactForm .contactFormList_form textarea {
            padding: 3.86473vw 5.7971vw;
            font-size: 4.34783vw;
            border-radius: 0.96618vw; } }
        .contactPage .contactForm .contactFormList_form input[type="text"]::-webkit-input-placeholder,
        .contactPage .contactForm .contactFormList_form input[type="email"]::-webkit-input-placeholder,
        .contactPage .contactForm .contactFormList_form input[type="tel"]::-webkit-input-placeholder,
        .contactPage .contactForm .contactFormList_form textarea::-webkit-input-placeholder {
          color: #999; }
        .contactPage .contactForm .contactFormList_form input[type="text"]:-ms-input-placeholder,
        .contactPage .contactForm .contactFormList_form input[type="email"]:-ms-input-placeholder,
        .contactPage .contactForm .contactFormList_form input[type="tel"]:-ms-input-placeholder,
        .contactPage .contactForm .contactFormList_form textarea:-ms-input-placeholder {
          color: #999; }
        .contactPage .contactForm .contactFormList_form input[type="text"]::-ms-input-placeholder,
        .contactPage .contactForm .contactFormList_form input[type="email"]::-ms-input-placeholder,
        .contactPage .contactForm .contactFormList_form input[type="tel"]::-ms-input-placeholder,
        .contactPage .contactForm .contactFormList_form textarea::-ms-input-placeholder {
          color: #999; }
        .contactPage .contactForm .contactFormList_form input[type="text"]::placeholder,
        .contactPage .contactForm .contactFormList_form input[type="email"]::placeholder,
        .contactPage .contactForm .contactFormList_form input[type="tel"]::placeholder,
        .contactPage .contactForm .contactFormList_form textarea::placeholder {
          color: #999; }
      .contactPage .contactForm .contactFormList_form textarea {
        resize: vertical;
        min-height: 200px;
        max-height: 600px; }
        @media screen and (max-width: 1366px) {
          .contactPage .contactForm .contactFormList_form textarea {
            min-height: 14.64129vw;
            max-height: 43.92387vw; } }
        @media screen and (max-width: 828px) {
          .contactPage .contactForm .contactFormList_form textarea {
            min-height: 57.97101vw;
            max-height: 193.23671vw; } }
      .contactPage .contactForm .contactFormList_form-radio {
        /*
          & ~ & {
            margin-top: 8px;
            @include bp( max, 1366px ) {
              margin-top: vw_pc( 8 );
            }
            @include bp( max, 828px ) {
              margin-top: vw_sp( 8 );
            }
          }
          */ }
        .contactPage .contactForm .contactFormList_form-radio > span {
          display: block;
          margin: 0 !important; }
        .contactPage .contactForm .contactFormList_form-radio label {
          margin-left: 8px; }
          @media screen and (max-width: 1366px) {
            .contactPage .contactForm .contactFormList_form-radio label {
              margin-top: 0.58565vw; } }
          @media screen and (max-width: 828px) {
            .contactPage .contactForm .contactFormList_form-radio label {
              margin-top: 1.93237vw; } }
      .contactPage .contactForm .contactFormList_form-checkbox .checkboxWrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center; }
        .contactPage .contactForm .contactFormList_form-checkbox .checkboxWrapper .checkbox:not(:first-child) {
          margin-left: 24px; }
          @media screen and (max-width: 1366px) {
            .contactPage .contactForm .contactFormList_form-checkbox .checkboxWrapper .checkbox:not(:first-child) {
              margin-left: 1.75695vw; } }
          @media screen and (max-width: 828px) {
            .contactPage .contactForm .contactFormList_form-checkbox .checkboxWrapper .checkbox:not(:first-child) {
              margin-left: 3.86473vw; } }
        .contactPage .contactForm .contactFormList_form-checkbox .checkboxWrapper .checkbox label {
          margin-left: 8px; }
          @media screen and (max-width: 1366px) {
            .contactPage .contactForm .contactFormList_form-checkbox .checkboxWrapper .checkbox label {
              margin-left: 0.58565vw; } }
          @media screen and (max-width: 828px) {
            .contactPage .contactForm .contactFormList_form-checkbox .checkboxWrapper .checkbox label {
              margin-left: 1.93237vw; } }
      @media screen and (max-width: 828px) {
        .contactPage .contactForm .contactFormList_form-tel input {
          max-width: 28%; } }
    .contactPage .contactForm .contactFormList .error {
      display: block;
      color: #ED7D7D !important;
      margin-top: 5px !important;
      font-size: 1.4rem !important; }
      @media screen and (max-width: 1366px) {
        .contactPage .contactForm .contactFormList .error {
          font-size: 1.02489vw !important;
          margin-top: 0.36603vw !important; } }
      @media screen and (max-width: 828px) {
        .contactPage .contactForm .contactFormList .error {
          font-size: 3.38164vw !important;
          margin-top: 1.93237vw !important; } }
  .contactPage .contactForm_buttonWrapper {
    margin-top: 56px; }
    @media screen and (min-width: 829px) {
      .contactPage .contactForm_buttonWrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center; } }
    @media screen and (max-width: 1366px) {
      .contactPage .contactForm_buttonWrapper {
        margin-top: 4.09956vw; } }
    @media screen and (max-width: 828px) {
      .contactPage .contactForm_buttonWrapper {
        margin-top: 7.72947vw; } }
  .contactPage .contactForm_button {
    /*
      &::before {
        pointer-events: none;
        //@include arrow();
        content: "";
        background: url(../img/common/arrow_circle_white.svg) no-repeat center center / contain;
        //width: $sizePC + px;
        //height: $sizePC + px;
        width: 18px;
        height: 18px;
        position: absolute;
        top: 0;
        right: 30px;
        bottom: 0;
        margin: auto;
        //bottom: 16px;
        transition: $transition;
        z-index: 1;
        @include bp( max, 1366px ) {
          //width: vw_pc( $sizePC );
          //height: vw_pc( $sizePC );
          width: vw_pc( 18 );
          height: vw_pc( 18 );
          right: vw_pc( 30 );
        }
        @include bp( max, 828px ) {
          //width: vw_sp( $sizeSP );
          //height: vw_sp( $sizeSP );
          width: vw_sp( 16 );
          height: vw_sp( 16 );
          right: vw_sp( 24 );
        }
      }
      */ }
    @media screen and (max-width: 828px) {
      .contactPage .contactForm_button {
        display: table;
        margin: auto; } }
    .contactPage .contactForm_button input, .contactPage .contactForm_button a {
      background: #333;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      width: 297px;
      height: 80px;
      padding: 0 24px;
      border-radius: 80px;
      font-size: 1.6rem;
      font-weight: 700;
      letter-spacing: 0.1em;
      color: #fff;
      margin: auto;
      background: #18549F; }
      @media screen and (min-width: 829px) {
        .contactPage .contactForm_button input, .contactPage .contactForm_button a {
          cursor: pointer;
          -webkit-transition: 0.8s;
          -o-transition: 0.8s;
          transition: 0.8s; }
          .contactPage .contactForm_button input:hover, .contactPage .contactForm_button a:hover {
            background: #18549F; } }
      @media screen and (max-width: 1366px) {
        .contactPage .contactForm_button input, .contactPage .contactForm_button a {
          width: 21.74231vw;
          height: 5.85652vw;
          padding: 0 1.75695vw;
          border-radius: 5.85652vw;
          font-size: 1.1713vw; } }
      @media screen and (max-width: 828px) {
        .contactPage .contactForm_button input, .contactPage .contactForm_button a {
          width: 62.80193vw;
          height: 16.90821vw;
          padding: 0 5.7971vw;
          border-radius: 16.90821vw;
          font-size: 3.86473vw; } }
      .contactPage .contactForm_button input::before, .contactPage .contactForm_button a::before {
        content: "";
        background: url(../img/common/arrow_circle_white.svg) no-repeat center center/contain;
        width: 18px;
        height: 18px;
        position: absolute;
        top: 0;
        right: 30px;
        bottom: 0;
        margin: auto;
        -webkit-transition: 0.8s;
        -o-transition: 0.8s;
        transition: 0.8s; }
        @media screen and (max-width: 1366px) {
          .contactPage .contactForm_button input::before, .contactPage .contactForm_button a::before {
            width: 1.31772vw;
            height: 1.31772vw;
            right: 2.19619vw; } }
        @media screen and (max-width: 828px) {
          .contactPage .contactForm_button input::before, .contactPage .contactForm_button a::before {
            width: 3.86473vw;
            height: 3.86473vw;
            right: 5.7971vw; } }
      .contactPage .contactForm_button input-white, .contactPage .contactForm_button a-white {
        background: #fff;
        color: #333; }
        .contactPage .contactForm_button input-white::before, .contactPage .contactForm_button a-white::before {
          border-top-color: #333;
          border-right-color: #333; }
      @media screen and (min-width: 829px) {
        .contactPage .contactForm_button input:hover, .contactPage .contactForm_button a:hover {
          background: #333; } }
  .contactPage .contactForm .confirmText span:not(:first-child)::before {
    content: "、"; }
  .contactPage .contactForm_backButton {
    margin-right: 24px; }
    @media screen and (max-width: 1366px) {
      .contactPage .contactForm_backButton {
        margin-left: 1.75695vw; } }
    @media screen and (max-width: 828px) {
      .contactPage .contactForm_backButton {
        margin: 0 0 3.86473vw 0; } }
    .contactPage .contactForm_backButton a {
      background: #333;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      width: 297px;
      height: 80px;
      padding: 0 24px;
      border-radius: 80px;
      font-size: 1.6rem;
      font-weight: 700;
      letter-spacing: 0.1em;
      color: #fff;
      background: #fff;
      border: 2px solid #18549F;
      color: #18549F;
      /*       
        &::before {
          background: url(../img/common/arrow_circle_black_bold.svg) no-repeat center center / contain;
          //transform: rotate(180deg);]
          transform: scale(-1, 1);
          right: auto;
          left: 30px;
          @include bp( max, 1366px ) {
            left: vw_pc( 30 );
          }
          @include bp( max, 828px ) {
            left: vw_sp( 24 );
          }
        }
        */ }
      @media screen and (min-width: 829px) {
        .contactPage .contactForm_backButton a {
          cursor: pointer;
          -webkit-transition: 0.8s;
          -o-transition: 0.8s;
          transition: 0.8s; }
          .contactPage .contactForm_backButton a:hover {
            background: #18549F; } }
      @media screen and (max-width: 1366px) {
        .contactPage .contactForm_backButton a {
          width: 21.74231vw;
          height: 5.85652vw;
          padding: 0 1.75695vw;
          border-radius: 5.85652vw;
          font-size: 1.1713vw; } }
      @media screen and (max-width: 828px) {
        .contactPage .contactForm_backButton a {
          width: 62.80193vw;
          height: 16.90821vw;
          padding: 0 5.7971vw;
          border-radius: 16.90821vw;
          font-size: 3.86473vw; } }
      .contactPage .contactForm_backButton a::before {
        content: "";
        background: url(../img/common/arrow_circle_white.svg) no-repeat center center/contain;
        width: 18px;
        height: 18px;
        position: absolute;
        top: 0;
        right: 30px;
        bottom: 0;
        margin: auto;
        -webkit-transition: 0.8s;
        -o-transition: 0.8s;
        transition: 0.8s; }
        @media screen and (max-width: 1366px) {
          .contactPage .contactForm_backButton a::before {
            width: 1.31772vw;
            height: 1.31772vw;
            right: 2.19619vw; } }
        @media screen and (max-width: 828px) {
          .contactPage .contactForm_backButton a::before {
            width: 3.86473vw;
            height: 3.86473vw;
            right: 5.7971vw; } }
      .contactPage .contactForm_backButton a-white {
        background: #fff;
        color: #333; }
        .contactPage .contactForm_backButton a-white::before {
          border-top-color: #333;
          border-right-color: #333; }
      .contactPage .contactForm_backButton a::before {
        content: none; }
      @media screen and (min-width: 829px) {
        .contactPage .contactForm_backButton a:hover {
          background: #ccc; } }
      @media screen and (max-width: 828px) {
        .contactPage .contactForm_backButton a {
          margin: auto; } }
  .contactPage .contactForm .privacy {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline; }
    .contactPage .contactForm .privacy .contactFormList_title_required {
      margin-left: 16px; }
      @media screen and (max-width: 1366px) {
        .contactPage .contactForm .privacy .contactFormList_title_required {
          margin-left: 1.1713vw; } }
      @media screen and (max-width: 828px) {
        .contactPage .contactForm .privacy .contactFormList_title_required {
          margin-left: 3.86473vw; } }
    .contactPage .contactForm .privacy .checkbox label {
      margin-left: 8px;
      font-size: 1.6rem; }
      @media screen and (max-width: 1366px) {
        .contactPage .contactForm .privacy .checkbox label {
          margin-left: 0.58565vw; } }
      @media screen and (max-width: 828px) {
        .contactPage .contactForm .privacy .checkbox label {
          margin-left: 1.93237vw; } }
      @media screen and (max-width: 1366px) {
        .contactPage .contactForm .privacy .checkbox label {
          font-size: 1.1713vw; } }
      @media screen and (max-width: 828px) {
        .contactPage .contactForm .privacy .checkbox label {
          font-size: 3.86473vw; } }
      .contactPage .contactForm .privacy .checkbox label a {
        display: inline;
        text-decoration: underline;
        font-weight: 700; }

.contactPage .thanksContent {
  margin-top: 40px;
  letter-spacing: 0.1em;
  text-align: center; }
  @media screen and (max-width: 1366px) {
    .contactPage .thanksContent {
      margin-top: 2.92826vw; } }
  @media screen and (max-width: 828px) {
    .contactPage .thanksContent {
      margin-top: 9.66184vw; } }
  .contactPage .thanksContent_image {
    width: 125px;
    margin: auto; }
  .contactPage .thanksContent_title {
    margin: 32px 0;
    font-size: 3.2rem;
    line-height: 2.0;
    font-weight: 700;
    letter-spacing: 0.12em; }
    @media screen and (max-width: 1366px) {
      .contactPage .thanksContent_title {
        margin: 2.34261vw 0;
        font-size: 2.34261vw; } }
    @media screen and (max-width: 828px) {
      .contactPage .thanksContent_title {
        margin: 7.72947vw 0;
        font-size: 6.28019vw;
        line-height: 1.8; } }
  .contactPage .thanksContent_text {
    line-height: 2.0; }
    @media screen and (max-width: 828px) {
      .contactPage .thanksContent_text {
        line-height: 1.7;
        letter-spacing: 0;
        font-size: 3.38164vw; } }
    .contactPage .thanksContent_text:not(:first-child) {
      margin-top: 24px; }
      @media screen and (max-width: 1366px) {
        .contactPage .thanksContent_text:not(:first-child) {
          margin-top: 1.75695vw; } }
      @media screen and (max-width: 828px) {
        .contactPage .thanksContent_text:not(:first-child) {
          margin-top: 5.7971vw; } }
  .contactPage .thanksContent_button {
    margin-top: 48px; }
    @media screen and (max-width: 1366px) {
      .contactPage .thanksContent_button {
        margin-top: 3.51391vw; } }
    @media screen and (max-width: 828px) {
      .contactPage .thanksContent_button {
        margin-top: 7.72947vw; } }
    .contactPage .thanksContent_button a {
      background: #333;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      width: 297px;
      height: 80px;
      padding: 0 24px;
      border-radius: 80px;
      font-size: 1.6rem;
      font-weight: 700;
      letter-spacing: 0.1em;
      color: #fff;
      background: #18549F;
      margin: auto;
      /*
        &::before {
          transform: scale(-1, 1);
          right: auto;
          left: 30px;
          @include bp( max, 1366px ) {
            left: vw_pc( 30 );
          }
          @include bp( max, 828px ) {
            left: vw_sp( 24 );
          }
        }
        */ }
      @media screen and (min-width: 829px) {
        .contactPage .thanksContent_button a {
          cursor: pointer;
          -webkit-transition: 0.8s;
          -o-transition: 0.8s;
          transition: 0.8s; }
          .contactPage .thanksContent_button a:hover {
            background: #18549F; } }
      @media screen and (max-width: 1366px) {
        .contactPage .thanksContent_button a {
          width: 21.74231vw;
          height: 5.85652vw;
          padding: 0 1.75695vw;
          border-radius: 5.85652vw;
          font-size: 1.1713vw; } }
      @media screen and (max-width: 828px) {
        .contactPage .thanksContent_button a {
          width: 62.80193vw;
          height: 16.90821vw;
          padding: 0 5.7971vw;
          border-radius: 16.90821vw;
          font-size: 3.86473vw; } }
      .contactPage .thanksContent_button a::before {
        content: "";
        background: url(../img/common/arrow_circle_white.svg) no-repeat center center/contain;
        width: 18px;
        height: 18px;
        position: absolute;
        top: 0;
        right: 30px;
        bottom: 0;
        margin: auto;
        -webkit-transition: 0.8s;
        -o-transition: 0.8s;
        transition: 0.8s; }
        @media screen and (max-width: 1366px) {
          .contactPage .thanksContent_button a::before {
            width: 1.31772vw;
            height: 1.31772vw;
            right: 2.19619vw; } }
        @media screen and (max-width: 828px) {
          .contactPage .thanksContent_button a::before {
            width: 3.86473vw;
            height: 3.86473vw;
            right: 5.7971vw; } }
      .contactPage .thanksContent_button a-white {
        background: #fff;
        color: #333; }
        .contactPage .thanksContent_button a-white::before {
          border-top-color: #333;
          border-right-color: #333; }
      .contactPage .thanksContent_button a::before {
        content: none; }