@charset "UTF-8";
/* Scss Document */
/* ------------------------------------------------------------------
/////////////////////////////////////////////////////////////////////
container
/////////////////////////////////////////////////////////////////////
------------------------------------------------------------------ */
#container {
  width: 100%;
  overflow: hidden;
  margin: 0;
  padding: 0 0 20px;
  background-image: url("../img/common/oval01.png"), url("../img/common/oval02.png");
  background-position: top 120px right, bottom left;
  background-repeat: no-repeat; }

#pageTitle {
  height: 417px;
  margin: 140px 0 0;
  padding: 0 100px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  background-image: url("../img/common/sub_main.png");
  background-position: right 30px center;
  background-repeat: no-repeat;
  background-size: 744px 417px;
  transition: 0.1s linear; }
  #pageTitle span {
    transition: 0.1s linear; }
    #pageTitle span.jp {
      margin: 20px 0 0; }

@media (max-width: 1200px) {
  #pageTitle {
    height: 291px;
    padding: 0 40px;
    background-size: 520px 291px; } }
@media (max-width: 1000px) {
  #pageTitle {
    height: 204px;
    background-size: 364px 204px; } }
@media (max-width: 900px) {
  #pageTitle span.en {
    font-size: 60px; } }
@media (max-width: 760px) {
  #pageTitle span {
    -webkit-text-shadow: 1px 1px 2px #dcefd0, -1px -1px 2px #dcefd0, -1px 1px 2px #dcefd0, 1px -1px 2px #dcefd0;
    -moz-text-shadow: 1px 1px 2px #dcefd0, -1px -1px 2px #dcefd0, -1px 1px 2px #dcefd0, 1px -1px 2px #dcefd0;
    text-shadow: 1px 1px 2px #dcefd0, -1px -1px 2px #dcefd0, -1px 1px 2px #dcefd0, 1px -1px 2px #dcefd0; } }
@media (max-width: 610px) {
  #container {
    background-size: 100% auto; } }
@media (max-width: 500px) {
  #pageTitle {
    padding: 0 20px; } }
/* ------------------------------------------------------------------
/////////////////////////////////////////////////////////////////////
お問い合わせ
/////////////////////////////////////////////////////////////////////
------------------------------------------------------------------ */
.contact #intro {
  margin: 40px 100px 0;
  transition: 0.1s linear; }
  .contact #intro p {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    align-items: center; }
    .contact #intro p:last-of-type {
      margin: 40px 0 0; }
      .contact #intro p:last-of-type span:first-of-type {
        padding: 0 0 0 56px;
        background-image: url("../img/common/svg/ico_tel.svg");
        background-position: left center;
        background-repeat: no-repeat;
        background-size: 36px; }
      .contact #intro p:last-of-type span:last-of-type {
        margin: 0 0 0 30px; }
.contact #contactForm {
  margin: 80px 100px 0;
  padding: 50px 40px 80px;
  border: 1px solid #c8d627;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px; }
  .contact #contactForm.prev_result #php_form {
    margin: 0;
    padding: 0 60px;
    border-top: none; }
.contact #php_form {
  margin: 40px 0 0;
  padding: 40px 60px 0;
  border-top: 1px solid #DDD; }
  .contact #php_form dl {
    margin: 0;
    padding: 0; }
    .contact #php_form dl dt {
      width: 25%;
      margin: 20px 0 0;
      padding: 0;
      display: inline-block;
      float: left;
      clear: both; }
      .contact #php_form dl dt em {
        margin: 0 0 0 20px;
        padding: 0 10px; }
    .contact #php_form dl dd {
      width: auto;
      margin: 0 0 20px;
      padding: 0 0 0 25%; }
      .contact #php_form dl dd:last-of-type {
        margin: 0 0 50px; }
      .contact #php_form dl dd p.adrField {
        width: 100%;
        margin: 20px 0 0; }
        .contact #php_form dl dd p.adrField input {
          width: 100%; }
      .contact #php_form dl dd .privacy {
        margin: 20px 0 0;
        padding: 30px; }
      .contact #php_form dl dd input {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        height: 70px;
        padding: 18px 5px;
        font-size: 16px;
        background-color: #F3F3F3;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box; }
        .contact #php_form dl dd input.itext {
          width: 100%; }
        .contact #php_form dl dd input.small {
          width: 30%; }
      .contact #php_form dl dd label {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex; }
        .contact #php_form dl dd label input[type=checkbox] {
          -webkit-appearance: checkbox;
          -moz-appearance: checkbox;
          appearance: checkbox;
          width: 20px;
          height: 20px;
          padding: 0; }
      .contact #php_form dl dd select {
        -webkit-appearance: button;
        -moz-appearance: button;
        appearance: button;
        width: 40%;
        height: 70px;
        padding: 18px 5px;
        font-size: 16px;
        font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "Meiryo UI", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", Verdana, sans-serif;
        display: block;
        background-color: #F3F3F3;
        border: none;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box; }
      .contact #php_form dl dd textarea {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        width: 100%;
        height: 240px;
        padding: 8px 5px;
        font-size: 16px;
        font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "Meiryo UI", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", Verdana, sans-serif;
        background-color: #F3F3F3;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box; }
      .contact #php_form dl dd div {
        margin: 10px 0 0;
        padding: 40px; }
        .contact #php_form dl dd div p {
          width: 400px;
          height: 60px;
          margin: 30px auto 0;
          padding: 0;
          display: block; }
          .contact #php_form dl dd div p a {
            width: 100%;
            height: 100%;
            padding: 22px 0;
            color: #FFF;
            display: block;
            background-color: #AAA;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            transition: 0.1s linear; }
            .contact #php_form dl dd div p a span {
              padding: 0 35px 0 0;
              background-image: url("../img/common/svg/ar01.svg");
              background-position: right center;
              background-repeat: no-repeat;
              background-size: 15px 21px; }
            .contact #php_form dl dd div p a:hover {
              color: #222;
              text-decoration: none;
              background-color: #FFF; }
              .contact #php_form dl dd div p a:hover span {
                background-image: url("../img/common/svg/ar01_bl.svg"); }
      .contact #php_form dl dd .p_code a {
        margin: 0 0 0 20px;
        padding: 4px 20px;
        color: #FFF;
        display: inline-block;
        background-color: #daead0;
        border: 1px solid #daead0;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        border-radius: 20px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        transition: 0.1s linear;
        position: relative; }
        .contact #php_form dl dd .p_code a:hover {
          color: #daead0;
          text-decoration: none;
          background-color: #DDD;
          bottom: 2px;
          -webkit-box-shadow: rgba(0, 0, 0, 0.06) 0px 2px 1px, rgba(0, 0, 0, 0.06) 0px 4px 2px, rgba(0, 0, 0, 0.06) 0px 8px 4px, rgba(0, 0, 0, 0.06) 0px 16px 8px, rgba(0, 0, 0, 0.06) 0px 32px 16px;
          -moz-box-shadow: rgba(0, 0, 0, 0.06) 0px 2px 1px, rgba(0, 0, 0, 0.06) 0px 4px 2px, rgba(0, 0, 0, 0.06) 0px 8px 4px, rgba(0, 0, 0, 0.06) 0px 16px 8px, rgba(0, 0, 0, 0.06) 0px 32px 16px;
          box-shadow: rgba(0, 0, 0, 0.06) 0px 2px 1px, rgba(0, 0, 0, 0.06) 0px 4px 2px, rgba(0, 0, 0, 0.06) 0px 8px 4px, rgba(0, 0, 0, 0.06) 0px 16px 8px, rgba(0, 0, 0, 0.06) 0px 32px 16px; }
  .contact #php_form button {
    width: 400px;
    height: 70px;
    margin: 60px auto 0;
    padding: 0;
    font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "Meiryo UI", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", Verdana, sans-serif;
    display: block;
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    transition: 0.1s linear;
    position: relative; }
    .contact #php_form button.back {
      background-color: transparent;
      border: 1px solid #222; }
      .contact #php_form button.back:hover {
        color: #FFF;
        border: none; }
    .contact #php_form button.send {
      color: #FFF;
      background-color: #c8d627; }
      .contact #php_form button.send:hover {
        border: none; }
    .contact #php_form button.back {
      color: #FFF;
      background-color: #c8d627;
      border: none; }
    .contact #php_form button:hover {
      cursor: pointer;
      background-color: #b7282e;
      bottom: 2px;
      -webkit-box-shadow: rgba(0, 0, 0, 0.06) 0px 2px 1px, rgba(0, 0, 0, 0.06) 0px 4px 2px, rgba(0, 0, 0, 0.06) 0px 8px 4px, rgba(0, 0, 0, 0.06) 0px 16px 8px, rgba(0, 0, 0, 0.06) 0px 32px 16px;
      -moz-box-shadow: rgba(0, 0, 0, 0.06) 0px 2px 1px, rgba(0, 0, 0, 0.06) 0px 4px 2px, rgba(0, 0, 0, 0.06) 0px 8px 4px, rgba(0, 0, 0, 0.06) 0px 16px 8px, rgba(0, 0, 0, 0.06) 0px 32px 16px;
      box-shadow: rgba(0, 0, 0, 0.06) 0px 2px 1px, rgba(0, 0, 0, 0.06) 0px 4px 2px, rgba(0, 0, 0, 0.06) 0px 8px 4px, rgba(0, 0, 0, 0.06) 0px 16px 8px, rgba(0, 0, 0, 0.06) 0px 32px 16px;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box; }

@media (max-width: 1200px) {
  .contact #intro {
    margin: 40px 40px 0; }
  .contact #contactForm {
    margin: 80px 40px 0; } }
@media (max-width: 900px) {
  .contact #intro p:last-of-type {
    display: -webkit-block;
    display: -moz-block;
    display: -ms-block;
    display: -o-block;
    display: block; }
    .contact #intro p:last-of-type span {
      display: block; }
      .contact #intro p:last-of-type span:first-of-type {
        font-size: 36px; }
      .contact #intro p:last-of-type span:last-of-type {
        margin: 20px 0 0; } }
@media (max-width: 800px) {
  .contact #contactForm.prev_result {
    padding: 0 0 80px; }
    .contact #contactForm.prev_result #php_form {
      padding: 40px 40px 0; }
  .contact #contactForm #php_form {
    padding: 40px 0 0; }
    .contact #contactForm #php_form dl dt {
      width: 100%;
      margin: 0;
      display: block;
      float: none; }
    .contact #contactForm #php_form dl dd {
      width: 100%;
      margin: 10px 0 20px;
      padding: 0; }
      .contact #contactForm #php_form dl dd:last-of-type {
        margin: 10px 0 0; } }
@media (max-width: 500px) {
  .contact #intro {
    margin: 40px 20px 0; }
  .contact #contactForm {
    margin: 80px 20px 0;
    padding: 50px 20px; }
    .contact #contactForm.prev_result #php_form {
      padding: 40px 20px 0; } }
/* ------------------------------------------------------------------
/////////////////////////////////////////////////////////////////////
入力内容確認画面
/////////////////////////////////////////////////////////////////////
------------------------------------------------------------------ */
table.preview {
  width: 100%;
  margin: 40px 0 0;
  border-collapse: collapse;
  border-top: 1px solid #222; }
  table.preview th,
  table.preview td {
    padding: 30px 40px;
    border: 1px solid #222;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
  table.preview th {
    width: 30%;
    font-weight: 700;
    text-align: left;
    background-color: #F3F3F3;
    border-right: none; }
  table.preview td {
    width: 70%;
    border-left: none; }