@import "comm.css";
@import "footer.css";
@import "main.css";
@import "sub.css";
@import "submn.css";
@import "topmn.css";
@import "posts.css";

/*plugin*/
.header-widget-inner .widget_gtranslate a {
  display: inline-block;
  margin: 0 5px 0 0 !important;
}

.header-widget-inner .social-links .social-link-item {
  margin: 0 5px 0 0 !important;
}
/**/
a.glink span {
  color: #666;
  font-size: 12px !important;
  margin: 0 10px 0 0 !important;
  text-transform: uppercase;
}
a.gt-current-lang span {
  color: #333 !important;
}

a.glink img {
  width: 20px;
  display: inline-block;
  margin-right: 8px;
}

/**/
.contact_form .wpcf7-spinner {
  display: none;
}
.contact_form .mail_forms {
  padding: 30px 50px;
  border: 4px #eee solid;
  border-radius: 10px;
}
.contact_form .guide_txt {
  padding-left: 20px;
  border-left: 2px var(--theme_accent) solid;
}

.contact_form .module-title {
  color: var(--theme_accent) !important;
}
.contact_form table {
  width: 100%;
}
.contact_form table tr {
  border-bottom: 1px #eee solid;
}
.contact_form table th,
.contact_form table td {
  padding: 10px;
}
.contact_form table th p,
.contact_form table td p {
  font-size: 14px;
  text-align: left;
  margin: 0;
  line-height: 100%;
}
.contact_form th {
  width: 20%;
}
.contact_form th p {
  color: #333;
}
.contact_form td {
  width: 80%;
}
.contact_form p.btn_privacy,
.contact_form p.btn_send {
  padding: 15px 0 0;
}
.contact_form .wpcf7-submit {
  padding: 10px 35px;
}
.contact_form p.btn_send {
  text-align: center;
}
.contact_form input:read-only,
.contact_form input:read-write {
  margin: 0;
}
.contact_form .wpcf7-file {
  border: 0 !important;
}
.contact_form span.txtinfo_view {
  display: inline-block;
  font-size: 12px !important;
}
.contact_form input:is([type="radio"], [type="checkbox"]),
.contact_form input:read-only,
.contact_form input:read-write,
.contact_form select,
.contact_form textarea {
  border-radius: 5px !important;
}
.contact_form p {
  margin: 0;
}
.contact_form p.btn_privacy a {
  text-decoration: underline !important;
  display: inline-block;
  margin: 0 3px 0 5px;
  font-size: 13px;
  text-underline-offset: 5px;
}
.contact_form p.btn_privacy {
  font-size: 14px !important;
}

.contact_form input::placeholder,
.contact_form textarea::placeholder {
  color: #aaa;
  font-size: 0.9em;
}

.wpcf7 form.sent .wpcf7-response-output,
.wpcf7 form .wpcf7-response-output {
  border: 0 !important;
  font-size: 14px !important;
  padding: 10px 0;
  color: #333;
}
.main_contact .main_hidden {
  display: none;
}

.main_contact .contact_form textarea {
  height: 80px;
  min-height: 80px;
}

.main_contact .contact_form .mail_forms {
  padding: 25px 30px;
  border: 2px #eee solid;
}

@media (max-width: 768px) {
  .contact_form .mail_forms {
    padding: 20px 30px;
    border: 3px #eee solid;
  }
  .main_contact .contact_form .mail_forms {
    padding: 20px 20px;
    border: 2px #eee solid;
    margin-bottom: 30px;
  }

  .contact_form table th {
    padding: 5px 10px 0;
  }
  .contact_form table td {
    padding: 5px 10px 10px;
  }
}

@media (max-width: 600px) {
  .main_contact .contact_form .mail_forms {
    padding: 10px 20px;
  }

  .contact_form .mail_forms {
    padding: 10px 10px;
    border: 1px #eee solid;
    margin-top: 40px;
  }

  .contact_form .mail_forms table th,
  .contact_form .mail_forms table td {
    display: block;
    width: 100%;
  }

  .contact_form textarea {
    width: 94% !important;
  }

  .kboard-content .content-view p {
    font-size: 13px !important;
  }
}

/**/

/**/
.page-id-192 .main_btn_area {
  display: none;
}

.cs_btn {
  position: fixed !important;
  top: 300px;
  right: 0;
  z-index: 103;
}

.main_btn_area.is-hidden {
  right: -280px !important;
  opacity: 0;
}
.main_btn_area {
  position: fixed !important;
  right: 0;
  top: 348px;
  max-width: 230px;
  z-index: 102;
  transition: right 0.4s ease-in-out !important;
}
.cs_btn .module-icon-item em {
  margin: 0 !important;
}

.cs_btn .module-icon-item + .module-icon-item {
  margin-left: 0 !important;
}
.cs_btn .module-icon-item {
  transition: opacity 0.4s ease-in-out, visibility 0.4s ease-in-out !important;
}

.cs_btn .module-icon-item:nth-child(1) {
  opacity: 1 !important;
  visibility: visible !important;
}

.cs_btn .module-icon-item:nth-child(2) {
  opacity: 0 !important;
  visibility: hidden !important;
  display: none;
}

.cs_btn.is-hidden .module-icon-item:nth-child(1) {
  opacity: 0 !important;
  visibility: hidden !important;
  display: none;
}

.cs_btn.is-hidden .module-icon-item:nth-child(2) {
  opacity: 1 !important;
  visibility: visible !important;
  display: block;
}

.main_btn_area .main_hidden,
.main_btn_area .mail_form th,
.main_btn_area .mail_form #m_file {
  display: none;
}

.main_btn_area .tel_btn a,
.main_btn_area .kt_btn a,
.main_btn_area .mail_btn_mobile a {
  font-size: 1.2em;
  font-weight: 600;
  display: block;
  text-align: left;
}

.main_btn_area .tel_btn a,
.main_btn_area .kt_btn a,
.main_btn_area .mail_btn_mobile a {
  padding: 15px 20px 15px 55px;
}

.main_btn_area .kt_btn a {
  background: url("/2udesign/img/app.svg") no-repeat 5px center #fae100;
  border-top-left-radius: 10px;
  color: #543130;
}

.main_btn_area .tel_btn a {
  background: url("/2udesign/img/app-ch.svg") no-repeat 5px center
    var(--theme_accent);
  color: #fff;
}
.main_btn_area .tel_btn a em {
  font-style: normal;
}
.main_btn_area .mail_btn_mobile a {
  background: url("/2udesign/img/mail.svg") no-repeat 5px center #333;
  color: #fff;
  border-bottom-left-radius: 10px;
}

.main_btn_area .mail_btn_pc {
  background: #333;
  padding: 20px;
  border-bottom-left-radius: 10px;
}
.main_btn_area .mail_btn_pc h3 {
  font-size: 1.2em;
  color: #fff;
  margin: 0 0 15px;
  text-align: left;
}
.main_btn_area .mail_form input:is([type="radio"]),
.main_btn_area .mail_form input:is([type="checkbox"]),
.main_btn_area .mail_form input:read-only,
.main_btn_area .mail_form input:read-write,
.main_btn_area .mail_form select,
.main_btn_area .mail_form textarea {
  border-radius: 3px !important;
  width: 100%;
  margin: 0 0 5px 0;
  border: 0;
  font-size: 13px;
}

.main_btn_area .mail_btn_pc p {
  margin: 0 !important;
  font-size: 12px !important;
  letter-spacing: -0.03em;
  color: #fff;
}
.main_btn_area .mail_btn_pc p a {
  color: #fff;
  text-decoration: underline !important;
  text-underline-offset: 3px;
  font-size: 12px !important;
}
.main_btn_area .mail_form textarea {
  min-height: 80px;
  height: 80px;
}

.main_btn_area .btn_send {
  padding-top: 10px;
  text-align: center;
}

.main_btn_area .wpcf7-spinner {
  display: none;
}

.main_btn_area input[type="submit"] {
  margin: 0 auto;
  border-radius: 3px;
}
.main_btn_area .wpcf7-not-valid-tip {
  font-size: 13px !important;
}
.main_btn_area .wpcf7-response-output,
.main_btn_area .wpcf7-response-output {
  padding: 0 !important;
  color: #fff !important;
  font-size: 13px !important;
}
.main_btn_area .mail_form {
  width: 100%;
}
.main_btn_area input:is([type="radio"], [type="checkbox"]) {
  border-radius: 0 !important;
}

.mail_btn_mobile {
  display: none;
}

@media (max-width: 1024px) {
  .main_btn_area .tel_btn a em,
  .mail_btn_pc {
    display: none;
  }
  .mail_btn_mobile {
    display: block;
  }
  .main_btn_area {
    max-width: 145px; /* 120px 변경*/
  }
  .main_btn_area.is-hidden {
    right: -120px !important;
  }
  .main_btn_area .tel_btn a,
  .main_btn_area .kt_btn a,
  .main_btn_area .mail_btn_mobile a {
    font-size: 1.1em;
  }

  .main_btn_area .tel_btn a,
  .main_btn_area .kt_btn a,
  .main_btn_area .mail_btn_mobile a {
    padding: 10px 10px 10px 45px;
  }
}