@charset "UTF-8";
/* Scss Document */
header {
  background-color: #fff; }

/*********************************************************/
.contact {
  padding: 120px 0;
  background-color: #cceadb; }
  .contact h2 {
    font: 50px/1.0em 'Noto Sans JP', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
    font-weight: 700;
    margin: 80px 0 40px;
    text-align: center;
    color: #3aad75;
    position: relative;
    padding: 140px 0 0 0; }
    .contact h2:before {
      position: absolute;
      content: "";
      display: block;
      background: url("../images/bonsai-about.svg") center center no-repeat;
      background-size: contain;
      width: 102px;
      height: 100px;
      top: 0%;
      left: 50%;
      -webkit-transform: translate(-50%, 0%);
      /* Safari用 */
      transform: translate(-50%, 0%); }
  .contact .head {
    font: 18px/1.8em 'Noto Sans JP', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
    font-weight: 500;
    margin: 0 auto 80px;
    text-align: center; }

.contact_box {
  counter-reset: number 0;
  max-width: 900px;
  width: calc(100% - 80px);
  margin: 0 auto;
  background-color: #fff;
  padding: 50px; }

.tel_box {
  background-color: #3aad75;
  border-radius: 10px;
  padding: 25px 40px;
  margin: 0 auto 60px; }
  .tel_box p {
    font: 22px/1.6em 'Noto Sans JP', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
    font-weight: 700;
    color: #fff;
    margin: 0 0 10px; }
    .tel_box p br {
      display: none; }
  .tel_box div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    align-items: center; }
    .tel_box div p {
      font: 20px/1.4em 'Noto Sans JP', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
      font-weight: 700;
      color: #fff;
      margin: 0;
      padding: 0 0 0 20px; }
      .tel_box div p br {
        display: block; }
    .tel_box div a {
      font: 62px/1.0em 'Noto Sans JP', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
      font-weight: 500;
      color: #fff;
      padding: 0 0 0 45px;
      position: relative; }
      .tel_box div a:before {
        position: absolute;
        content: "";
        background: url("../images/whitetell.svg") center center no-repeat;
        background-size: contain;
        width: 34px;
        height: 50px;
        left: 0;
        top: 10px; }

.form_box > p {
  font: 20px/1.6em 'Noto Sans JP', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
  font-weight: 500;
  border-bottom: 1px solid #ccc;
  padding: 0 0 10px;
  margin: 0 0 20px; }
.form_box table {
  width: 100%;
  margin: 0 auto 50px; }
.form_box td {
  padding: 20px 10px;
  border-bottom: 1px solid #ccc;
  width: calc(100% - 250px); }
  .form_box td img {
    max-width: 300px;
    height: auto;
    margin: 10px 0; }
.form_box th {
  width: 250px;
  padding: 20px 10px;
  font: 16px/1.0em 'Noto Sans JP', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
  font-weight: 500;
  border-bottom: 1px solid #ccc; }
  .form_box th span {
    background-color: #b31a20;
    color: #fff;
    font: 12px/1.0em 'Noto Sans JP', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
    font-weight: 500;
    padding: 5px 5px;
    margin: 0 0 0 5px;
    display: inline-block; }
  .form_box th small {
    font: 14px/1.4em 'Noto Sans JP', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
    font-weight: 300;
    display: block;
    position: relative;
    padding: 0 0 0 17px;
    margin: 8px 0 0 0; }
    .form_box th small:before {
      position: absolute;
      content: "※";
      left: 0; }
.form_box .form_txt {
  font: 16px/1.8em 'Noto Sans JP', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
  font-weight: 500;
  text-align: center;
  border-bottom: none;
  padding: 0;
  margin: 0 0 30px; }
  .form_box .form_txt a {
    color: #CF0003; }
  .form_box .form_txt br {
    display: none; }

.form_box input[type="text"],
.form_box input[type="email"],
.form_box input[type="tel"] {
  padding: 5px;
  width: 100%;
  border: 1px solid #efefef;
  background-color: #efefef;
  margin: 20px; }

textarea {
  width: 100%;
  height: 200px;
  background-color: #efefef;
  padding: 10px; }

/*[type="file"] {
    display: none!important;
}
.upload-box {
	display:-webkit-box;
	display:-ms-flexbox;
	display: -webkit-flex;
	display:flex;
	flex-direction: row;
	flex-wrap: wrap;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	-webkit-justify-content:flex-start;
	justify-content:flex-start;
	align-items: center;
  label{
    padding: 15px 40px;
    border-radius: 50px;
    color: #ffffff;
    background-color: #3aad75;
    cursor: pointer;
    text-align: center;
    display: block;
    font:16px/1.0em 'Noto Sans JP', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
    transition:0.3s;
    width: 180px;
    &:hover {
      background: #6CD7D9;
      color: #fff;
    }
  }
  .mwform-file-delete{display: none}
  p{
    display: none
  }
  p.js-upload-filename-3,
  p.js-upload-filename-2,
  p.js-upload-filename-1{
    display: block;
	font:16px/1.8em 'Noto Sans JP', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	transition:0.3s;
    margin: 0 0 0 15px;
    width: calc(100% - 200px);
  }
}*/
.btn_box {
  background-color: #ebebeb;
  padding: 40px 30px 40px;
  text-align: center; }
  .btn_box .error {
    text-align: center; }

input[type="button"],
input[type="reset"],
input[type="submit"],
button {
  background-color: #888889;
  border: none;
  max-width: 340px;
  width: 100%;
  height: 60px;
  display: block;
  color: #fff;
  margin: 0 auto;
  text-align: center;
  font: 18px/40px 'm+c2_Regular',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }
  input[type="button"]:hover,
  input[type="reset"]:hover,
  input[type="submit"]:hover,
  button:hover {
    cursor: pointer;
    background-color: darkorange; }

input[type="radio"],
input[type="checkbox"] {
  display: none; }

.mwform-radio-field-text {
  margin-right: 20px;
  position: relative;
  padding: 0 0 0 25px; }

.mwform-radio-field {
  display: block;
  margin-bottom: 10px;
  width: 100% !important; }

td .mwform-radio-field:nth-child(1) {
  display: block;
  margin-top: 20px; }

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

.mwform-checkbox-field {
  max-width: 285px;
  width: 100%;
  display: block;
  margin: 0 auto; }
  .mwform-checkbox-field label {
    font: 14px/1.0em 'Noto Sans JP', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
    transition: 0.3s;
    font-weight: bold;
    width: 100%; }

.mwform-checkbox-field-text {
  margin-right: 20px;
  position: relative;
  padding: 0 0 0 30px; }

.mwform-radio-field-text:after,
.mwform-radio-field-text:before,
.mwform-checkbox-field-text:after,
.mwform-checkbox-field-text:before {
  position: absolute;
  content: "";
  display: block;
  top: 13px; }

.mwform-radio-field-text:after {
  left: 0px;
  margin-top: -10px;
  width: 16px;
  height: 16px;
  border: 1px solid #ebebeb;
  background-color: #ebebeb;
  border-radius: 50%; }

.mwform-radio-field-text:before {
  left: 3px;
  margin-top: -7px;
  width: 12px;
  height: 12px;
  background: #b31a20;
  border-radius: 50%;
  opacity: 0;
  z-index: 1; }

.mwform-checkbox-field-text:after {
  left: 0px;
  margin-top: -13px;
  width: 20px;
  height: 20px;
  border: 1px solid #000;
  background-color: #fff; }

.mwform-checkbox-field-text:before {
  content: '';
  display: block;
  position: absolute;
  top: 4px;
  left: 4px;
  width: 12px;
  height: 5px;
  border-left: 3px solid #b31a20;
  border-bottom: 3px solid #b31a20;
  transform: rotate(-45deg);
  opacity: 0;
  z-index: 1; }

input[type=radio]:checked + .mwform-radio-field-text:before,
input[type=checkbox]:checked + .mwform-checkbox-field-text:before {
  opacity: 1; }

.mwform-radio-field-text:hover:after {
  border-color: #b31a20; }

.mwform-checkbox-field-text:hover:after {
  border-color: #b31a20; }

.comp_txt {
  font: 15px/1.8em 'Noto Sans JP', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif" !important;
  font-weight: 400;
  border-bottom: none !important; }
  .comp_txt span {
    display: block;
    margin: 0 0 30px !important; }

.mwform-file-delete,
.mw_wp_form input[type=file] {
  display: none;
  /* アップロードボタンのスタイルを無効にする */ }

.conf input[type="text"].file_txt {
  display: none; }

#btn1, #btn2, #btn3 {
  background: #3aad75;
  color: #fff;
  cursor: pointer;
  padding: 13px 10px 13px;
  display: inline-block;
  border-radius: 50px;
  width: 150px;
  text-align: center; }

input[type="text"].file_txt {
  width: 100%;
  background-color: #fff;
  border: none;
  margin: 0 !important; }

.file_td {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  align-items: center; }
  .file_td p {
    width: calc(100% - 180px);
    margin: 0 0 0 20px; }

/*max-width:1280px*/
@media (max-width: 1024px) {
  .contact {
    padding: 100px 0; }
    .contact h2 {
      font: 40px/1.0em 'Noto Sans JP', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
      font-weight: 700; }

  .contact_box {
    counter-reset: number 0;
    max-width: 900px;
    width: calc(100% - 80px);
    margin: 0 auto;
    background-color: #fff;
    padding: 50px; }

  .tel_box {
    background-color: #3aad75;
    border-radius: 10px;
    padding: 25px 0px;
    margin: 0 auto 60px; }
    .tel_box p {
      font: 22px/1.6em 'Noto Sans JP', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
      font-weight: 700;
      color: #fff;
      margin: 0 0 10px;
      text-align: center; }
    .tel_box div {
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      flex-direction: column;
      flex-wrap: wrap;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      -webkit-justify-content: center;
      justify-content: center;
      align-items: center; }
      .tel_box div p {
        font: 20px/1.4em 'Noto Sans JP', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
        font-weight: 700;
        margin: 10px 0 0; }
        .tel_box div p br {
          display: none; } }
/*max-width:1024px*/
@media (max-width: 768px) {
  .contact h2 {
    font: 35px/1.0em 'Noto Sans JP', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
    font-weight: 700;
    margin: 80px 0 50px; }

  .contact_box {
    width: calc(100% - 50px);
    padding: 30px; }

  .tel_box {
    padding: 25px 0px;
    margin: 0 auto 60px; }
    .tel_box p {
      font: 20px/1.5em 'Noto Sans JP', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
      font-weight: 700;
      color: #fff;
      margin: 0 0 10px;
      text-align: center; }
      .tel_box p br {
        display: block; }
    .tel_box div p {
      font: 18px/1.4em 'Noto Sans JP', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
      font-weight: 700;
      color: #fff;
      margin: 0;
      width: 100%;
      padding: 10px 0 0; }
      .tel_box div p br {
        display: none; }
    .tel_box div a {
      font: 52px/1.0em 'Noto Sans JP', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
      font-weight: 500;
      padding: 0 0 0 35px; }
      .tel_box div a:before {
        width: 28px;
        height: 40px;
        left: 0;
        top: 10px; }

  .form_box > p {
    font: 20px/1.6em 'Noto Sans JP', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
    font-weight: 500;
    border-bottom: 1px solid #ccc;
    padding: 0 0 10px;
    margin: 0 0 20px; }
  .form_box table {
    width: 100%;
    margin: 0 auto 50px; }
  .form_box tr {
    display: block; }
  .form_box td {
    padding: 0 0 20px;
    border-bottom: 1px solid #ccc;
    width: 100%;
    display: block; }
  .form_box th {
    display: block;
    width: 100%;
    padding: 20px 0 10px;
    font: 16px/1.0em 'Noto Sans JP', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
    font-weight: 500;
    border-bottom: none; }
    .form_box th span {
      background-color: #b31a20;
      color: #fff;
      font: 12px/1.0em 'Noto Sans JP', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
      font-weight: 500;
      padding: 5px 5px;
      margin: 0 0 0 5px;
      display: inline-block; }
    .form_box th small br {
      display: none; }
  .form_box .form_txt br {
    display: block; }

  .form_box input[type="text"],
  .form_box input[type="email"],
  .form_box input[type="tel"] {
    margin: 0;
    width: 100% !important; } }
/*max-width:768px*/
@media (max-width: 480px) {
  .contact h2 {
    font: 30px/1.4em 'Noto Sans JP', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
    font-weight: 700;
    margin: 0 0 50px; }
    .contact h2 span {
      display: block; }
  .contact .head {
    width: calc(100% - 60px);
    margin: 0 auto 30px;
    text-align: left; }

  .contact_box {
    width: calc(100% - 30px);
    padding: 20px; }

  .tel_box {
    padding: 25px 0px;
    margin: 0 auto 60px; }
    .tel_box p {
      font: 18px/1.5em 'Noto Sans JP', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
      font-weight: 700;
      color: #fff;
      margin: 0 0 10px;
      text-align: center; }
      .tel_box p br {
        display: block; }
    .tel_box div p {
      font: 16px/1.4em 'Noto Sans JP', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
      font-weight: 700;
      color: #fff;
      margin: 0;
      width: 100%;
      padding: 10px 0 0; }
      .tel_box div p br {
        display: none; }
    .tel_box div a {
      font: 33px/1.0em 'Noto Sans JP', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
      font-weight: 500;
      padding: 0 0 0 25px; }
      .tel_box div a:before {
        width: 20px;
        height: 30px;
        left: 0;
        top: 2px; }

  .form_box > p {
    font: 15px/1.6em 'Noto Sans JP', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
    font-weight: 500;
    margin: 0 0 10px; }
  .form_box td {
    font: 16px/1.6em 'Noto Sans JP', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
    font-weight: 400; }
  .form_box th {
    font: 16px/1.0em 'Noto Sans JP', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
    font-weight: 500; }
    .form_box th small {
      font-weight: 400; }
      .form_box th small br {
        display: none; }
  .form_box .form_txt br {
    display: block; }

  .upload-box {
    flex-direction: column;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start; }
    .upload-box p {
      margin: 10px 0 0 0;
      width: 100%; }

  .btn_box {
    background-color: #ebebeb;
    padding: 15px; }

  .mwform-checkbox-field-text {
    margin-right: 0; }

  #btn1, #btn2, #btn3 {
    background: #3aad75;
    color: #fff;
    cursor: pointer;
    padding: 10px 10px 10px;
    display: block;
    border-radius: 50px;
    width: 150px;
    text-align: center;
    margin: 0 0 10px; }

  input[type="text"].file_txt {
    width: 100%;
    background-color: #fff;
    border: none;
    margin: 0 !important; }

  .file_td {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    align-items: center; }
    .file_td p {
      width: 100%;
      margin: 0; } }
/*max-width:480px*/