@charset "UTF-8";
/* Scss Document */
/*---------------------------------------------
    contact
---------------------------------------------*/
.sec {
  padding: 140px 0 120px; }
  @media screen and (max-width: 750px) {
    .sec {
      padding: 18vw 0 18vw; } }
  .sec.-inquiry {
    padding-bottom: 0; }

/*---------------------------------------------
    brochures
---------------------------------------------*/
.sec.-brochures .linkBtn {
  margin: auto;
  display: block; }

.brochures_flex {
  display: flex;
  margin: 0 0 80px;
  align-items: flex-end; }
  @media screen and (max-width: 750px) {
    .brochures_flex {
      display: block;
      margin: 0 0 12vw; } }

.brochures_tit {
  width: 50%;
  flex-shrink: 0;
  font-size: 3.5rem;
  line-height: 1.7; }
  @media screen and (max-width: 750px) {
    .brochures_tit {
      width: 100%;
      font-size: 6vw;
      margin: 0 0 1em; } }

.brochures_txtArea {
  font-size: 1.5rem;
  line-height: 2; }
  @media screen and (max-width: 750px) {
    .brochures_txtArea {
      font-size: 3.73vw; } }
  .brochures_txtArea p + p {
    margin: 1.3em 0 0; }
  .brochures_txtArea a {
    text-decoration: underline;
    color: #3D4F72; }
  .brochures_txtArea small {
    font-size: 1.3rem; }
    @media screen and (max-width: 750px) {
      .brochures_txtArea small {
        font-size: 3.2vw; } }

.brochures_product {
  margin: 150px 0 0; }
  @media screen and (max-width: 750px) {
    .brochures_product {
      margin: 16vw 0 0; } }

.brochures_product_list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0 0 80px; }
  @media screen and (max-width: 750px) {
    .brochures_product_list {
      margin: 0 0 12vw; } }
  .brochures_product_list::after {
    content: "";
    display: block;
    width: 28.5%;
    order: 1; }
    @media screen and (max-width: 750px) {
      .brochures_product_list::after {
        display: none; } }
  .brochures_product_list li {
    width: 28.5%;
    margin: 0 0 30px; }
    @media screen and (max-width: 750px) {
      .brochures_product_list li {
        width: 100%;
        margin: 0 0 10vw; } }

.brochures_product_list_img {
  margin: 0 0 6px; }
  @media screen and (max-width: 750px) {
    .brochures_product_list_img {
      margin: 0; } }

.brochures_product_list_tit {
  font-size: 2rem;
  font-weight: 700;
  text-align: center;
  margin: 0 0 0.4em;
  color: #3D4F72; }
  @media screen and (max-width: 750px) {
    .brochures_product_list_tit {
      font-size: 5.3vw; } }

.brochures_product_list_txt {
  font-size: 1.5rem; }
  @media screen and (max-width: 750px) {
    .brochures_product_list_txt {
      font-size: 3.73vw; } }

/*---------------------------------------------
    form
---------------------------------------------*/
.sec.-form {
  background: #F7F4F0; }

.mail_txtArea {
  font-size: 1.5rem;
  margin: 0 0 50px; }
  @media screen and (max-width: 750px) {
    .mail_txtArea {
      font-size: 3.73vw;
      margin: 0; } }
  .mail_txtArea p + p {
    margin: 1em 0 0; }
  .mail_txtArea a {
    text-decoration: underline;
    color: #3D4F72; }
  .mail_txtArea small {
    font-size: 1.3rem; }
    @media screen and (max-width: 750px) {
      .mail_txtArea small {
        font-size: 3.2vw; } }

.mail_stepList {
  display: flex;
  position: absolute;
  right: 0;
  bottom: calc(100% + 50px); }
  @media screen and (max-width: 750px) {
    .mail_stepList {
      right: 50%;
      transform: translateX(50%);
      bottom: calc(100% + 6vw); } }
  .mail_stepList li {
    width: 110px;
    height: 110px;
    background: #C4C4C4;
    color: #fff;
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    position: relative; }
    @media screen and (max-width: 750px) {
      .mail_stepList li {
        width: 20vw;
        height: 20vw; } }
    .mail_stepList li:not(:last-child) {
      margin: 0 60px 0 0; }
      @media screen and (max-width: 750px) {
        .mail_stepList li:not(:last-child) {
          margin: 0 8vw 0 0; } }
      .mail_stepList li:not(:last-child)::before {
        content: "";
        display: block;
        width: 60px;
        height: 1px;
        background: #D0B005;
        position: absolute;
        left: 100%;
        top: 50%; }
        @media screen and (max-width: 750px) {
          .mail_stepList li:not(:last-child)::before {
            width: 8vw; } }
    .mail_stepList li.-current {
      background: #D0B005; }

.mail_stepList_num {
  font-size: 1.2rem;
  font-weight: 600; }
  @media screen and (max-width: 750px) {
    .mail_stepList_num {
      font-size: 2.6vw; } }

.mail_stepList_tit {
  font-size: 2rem;
  font-weight: 500; }
  @media screen and (max-width: 750px) {
    .mail_stepList_tit {
      font-size: 4.2vw; } }

.formArea {
  background: #fff;
  padding: 70px 90px 90px;
  position: relative; }
  @media screen and (max-width: 750px) {
    .formArea {
      margin: 38vw 0 0;
      padding: 10vw 5vw 12vw; } }

.main_artcle.-confirm .contact_table th {
  padding: 28px 40px; }
  @media screen and (max-width: 750px) {
    .main_artcle.-confirm .contact_table th {
      padding: 1em; } }
.main_artcle.-confirm .contact_table td {
  padding: 28px 60px;
  vertical-align: middle; }
  @media screen and (max-width: 750px) {
    .main_artcle.-confirm .contact_table td {
      padding: 1em 1em 2em; } }
.main_artcle.-confirm .contact_table .contact_table_list {
  padding: 0;
  margin: 0; }
.main_artcle.-confirm .contact_add_tit {
  display: none; }

.contact_table {
  width: 100%;
  font-size: 1.5rem;
  font-weight: 500;
  border-top: 1px solid #C4C4C4; }
  @media screen and (max-width: 750px) {
    .contact_table {
      display: block;
      font-size: 3.73vw;
      border: none; } }
  @media screen and (max-width: 750px) {
    .contact_table tbody, .contact_table tr {
      width: 100%;
      display: block; } }
  .contact_table tr {
    border-bottom: 1px solid #C4C4C4; }
    @media screen and (max-width: 750px) {
      .contact_table tr {
        border: none; } }
  @media screen and (max-width: 750px) {
    .contact_table th, .contact_table td {
      display: block;
      width: 100%; } }
  .contact_table th {
    white-space: nowrap;
    padding: 50px 40px;
    width: 300px;
    font-weight: 700;
    background: #F7F4F0; }
    @media screen and (max-width: 750px) {
      .contact_table th {
        text-align: left;
        padding: 1em;
        width: 100%; } }
  .contact_table td {
    padding: 35px 0 35px 60px; }
    @media screen and (max-width: 750px) {
      .contact_table td {
        padding: 1.3em 1em 2em; } }
  @media screen and (max-width: 750px) {
    .contact_table p {
      display: inline-block; } }
  .contact_table ::placeholder {
    color: #707070;
    font-weight: 400; }

.contact_table_list {
  display: flex;
  flex-wrap: wrap;
  margin: 0 0 -1em; }
  @media screen and (max-width: 750px) {
    .contact_table_list {
      display: block;
      margin: 0 0 -0.5em; } }
  .contact_table_list.-block {
    display: block;
    margin: 0 0 -20px; }
    @media screen and (max-width: 750px) {
      .contact_table_list.-block {
        margin: 0 0 -0.5em; } }
    .contact_table_list.-block > span {
      display: block;
      margin: 0 0 20px; }
      @media screen and (max-width: 750px) {
        .contact_table_list.-block > span {
          margin: 0 0 0.5em; } }
  .contact_table_list > span {
    margin: 0 100px 1em 0; }
    @media screen and (max-width: 750px) {
      .contact_table_list > span {
        display: block;
        margin: 0 0 0.5em; } }
  .contact_table_list label {
    display: inline-flex;
    align-items: center;
    cursor: pointer; }
    .contact_table_list label input {
      margin: 0 10px 0 0; }
      @media screen and (max-width: 750px) {
        .contact_table_list label input {
          margin: 0 2vw 0 0; } }

.mw_wp_form .horizontal-item + .horizontal-item {
  margin-left: 0 !important; }

.contact_table_flex {
  display: flex;
  justify-content: space-between; }
  @media screen and (max-width: 750px) {
    .contact_table_flex {
      display: block; } }
  .contact_table_flex li {
    width: 48%; }
    @media screen and (max-width: 750px) {
      .contact_table_flex li {
        width: 100%; }
        .contact_table_flex li:not(:last-child) {
          margin: 0 0 3vw; } }

.contact_table_flex + .contact_table_flex,
.contact_table_flex + .contact_add,
.contact_add + .contact_add {
  margin: 1em 0 0; }

.inpTxt {
  -webkit-appearance: none;
  appearance: none;
  border: 1px solid #C4C4C4;
  width: 100%;
  padding: 1.2em 20px;
  background: #F5F5F5;
  box-shadow: none; }
  @media screen and (max-width: 750px) {
    .inpTxt {
      padding: 4vw;
      border-radius: 3px; } }

.required {
  display: flex;
  align-items: center; }
  @media screen and (max-width: 750px) {
    .required {
      justify-content: flex-start; } }
  .required::after {
    content: "必須";
    color: #fff;
    display: inline-block;
    background: #D54103;
    padding: 0.4em 0.8em;
    line-height: 1;
    margin: 0 0 0 12px; }
    @media screen and (max-width: 750px) {
      .required::after {
        font-size: 3.43vw;
        padding: 0.6vw 1.3vw;
        margin: 0 0 0 2vw; } }

.contact_add_tit {
  font-weight: 700;
  margin: 0 0 0.3em; }

.contact_btnArea {
  margin: 80px 0 0;
  display: flex;
  justify-content: center;
  align-items: center; }
  @media screen and (max-width: 750px) {
    .contact_btnArea {
      margin: 8vw auto 0;
      display: block; } }

.submitBtn {
  -webkit-appearance: none;
  appearance: button;
  cursor: pointer;
  box-shadow: none;
  order: 1; }

.returnBtn {
  -webkit-appearance: none;
  appearance: button;
  cursor: pointer;
  box-shadow: none;
  margin: 0 40px 0 0; }
  @media screen and (max-width: 750px) {
    .returnBtn {
      margin: 5vw auto 0; } }

.mw_wp_form .error {
  color: #D54103 !important;
  display: block;
  width: 100% !important; }

.error-notice {
  color: #D54103;
  background: #ffeaea;
  padding: 14px;
  text-align: center;
  margin: 0 0 40px; }
  @media screen and (max-width: 750px) {
    .error-notice {
      font-size: 4vw;
      padding: 3.2vw 5vw;
      margin: 0 0 8vw; } }

.p-country-name {
  display: none; }

/*---------------------------------------------
    contact
---------------------------------------------*/
.contactList {
  display: flex;
  justify-content: space-between;
  font-size: 1.5rem;
  margin-bottom: 100px; }
  @media screen and (max-width: 750px) {
    .contactList {
      font-size: 3.73vw;
      display: block;
      margin-bottom: 18%; } }
  .contactList li {
    width: 29%;
    padding-left: 25px; }
    @media screen and (max-width: 750px) {
      .contactList li {
        width: 100%;
        padding-left: 5vw; }
        .contactList li:not(:last-child) {
          margin: 0 0 12vw; } }
  .contactList .deco_tit {
    margin-left: -25px; }
    @media screen and (max-width: 750px) {
      .contactList .deco_tit {
        margin-left: -5vw; } }
  @media screen and (min-width: 750px) {
    .contactList .linkBtn {
      width: 100%; } }
  @media screen and (max-width: 750px) {
    .contactList .linkBtn {
      margin: 0; } }

.contactList_txt {
  line-height: 2;
  min-height: 4em;
  margin: 0 0 1em; }
  @media screen and (max-width: 750px) {
    .contactList_txt {
      min-height: 1px; } }

.contactList_tel {
  color: #D54103;
  font-size: 3rem;
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  margin: 0 0 0.5em; }
  @media screen and (max-width: 750px) {
    .contactList_tel {
      font-size: 10vw;
      justify-content: center;
      line-height: 1; } }
  .contactList_tel::before {
    content: "";
    display: block;
    background: url("../img/contact/tel.svg") no-repeat;
    background-size: contain;
    width: 44px;
    height: 24px;
    background-repeat: no-repeat;
    margin: 0 8px 0 0; }
    @media screen and (max-width: 750px) {
      .contactList_tel::before {
        width: 11.7vw;
        height: 6.4vw;
        margin: 0 2.1vw 0 0; } }

.contactList_comment {
  font-size: 1.3rem;
  margin: 2em 0 0;
  display: block; }
  @media screen and (max-width: 750px) {
    .contactList_comment {
      font-size: 3.2vw;
      margin: 1em 0 0; } }
  .contactList_comment a {
    color: #3D4F72;
    text-decoration: underline; }

/*---------------------------------------------
    thanks
---------------------------------------------*/
.sec.-thanks {
  padding: 70px 0 0; }
  @media screen and (max-width: 750px) {
    .sec.-thanks {
      padding: 8vw 0 0; } }
  .sec.-thanks .linkBtn {
    display: block;
    margin: 100px auto 0; }
    @media screen and (max-width: 750px) {
      .sec.-thanks .linkBtn {
        margin: 14vw auto 0; } }

.thanks_tit {
  color: #D0B005;
  font-size: 15rem;
  line-height: 1;
  text-align: center;
  margin: 0 0 130px; }
  @media screen and (max-width: 750px) {
    .thanks_tit {
      font-size: 13.3vw;
      margin: 0 0 10vw; } }

.thanks_txtArea {
  text-align: center;
  line-height: 2;
  font-size: 1.5rem; }
  @media screen and (max-width: 750px) {
    .thanks_txtArea {
      font-size: 3.73vw; } }
  .thanks_txtArea p + p {
    margin: 1.2em 0 0; }

.thanks_txtArea + .thanks_txtArea {
  margin: 3em 0 0; }
  @media screen and (max-width: 750px) {
    .thanks_txtArea + .thanks_txtArea {
      margin: 1.2em 0 0; } }

.contact_tel {
  background: #F7F4F0;
  width: 670px;
  margin: 80px auto 0;
  padding: 30px;
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 1.5rem; }
  @media screen and (max-width: 750px) {
    .contact_tel {
      width: 100%;
      padding: 7vw 5vw;
      margin: 10vw 0 0;
      font-size: 3.2vw; } }

.contact_tel_link {
  color: #3D4F72;
  font-size: 3rem;
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  margin: 0 0 0.4em; }
  @media screen and (max-width: 750px) {
    .contact_tel_link {
      font-size: 10vw;
      justify-content: center;
      line-height: 1; } }
  .contact_tel_link::before {
    content: "";
    display: block;
    background: url("../img/contact/tel.svg") no-repeat;
    background-size: contain;
    width: 44px;
    height: 24px;
    background-repeat: no-repeat;
    margin: 0 8px 0 0; }
    @media screen and (max-width: 750px) {
      .contact_tel_link::before {
        width: 11.7vw;
        height: 6.4vw;
        margin: 0 2.1vw 0 0; } }