@charset "UTF-8";
/*
Theme Name: TBSOSK Theme
Author: 
Author URI: 
Version: 1.0
*/

.grecaptcha-badge {
  display: none;
  bottom: 70px!important;
  z-index: 100!important;
}
.grecaptcha-badge-on .grecaptcha-badge {
  display: block;
}

/* img */
.aligncenter {
  display: block;
  margin: 0 auto;
  text-align: center;
}
.alignright { float: right; }
.alignleft { float: left; }
img[class*="wp-image-"],
img[class*="attachment-"] {
  height: auto;
  max-width: 100%;
}
img.alignleft {
  margin-right: 25px;
}
img.alignright {
  margin-left: 25px;
}

/*フォーム調整*/
.wpcf7-text {
  background: #F0F0F0;
}
.wpcf7-not-valid-tip {
  font-size: 0.8em;
}
.wpcf7-radio .wpcf7-list-item {
  margin: 0 30px 0 0;
}
.wpcf7-acceptance .wpcf7-list-item {
  text-align: left;
}
.wpcf7 .wpcf7-spinner {
  position: absolute;
  right: calc(50% - 35px)!important;
  bottom: -35px!important;
}
.wpcf7 .wpcf7-response-output {
  text-align: center!important;
}

.wpcf7-submit[disabled] {
  position: relative;
  z-index: 20;
  color: #999!important;
  opacity: 1!important;
  background-color: #ccc!important;
}
  @media (max-width: 767px) {
    .wpcf7 .wpcf7-response-output {
      font-size: 0.875rem;
    }
  }

/*確認画面*/
.custom-wpcf7cp-confirm.wpcf7cp-form-hide > * {
  display: block;
  height: 0!important;
  padding: 0!important;
  margin: 0!important;
}
.custom-wpcf7cp-confirm.wpcf7cp-form-hide #privacy {
  display: none;
}

div#wpcf7cpcnf {
  position: relative!important;
  font-size: 1.35rem;
}
div#wpcf7cpcnf table {
  width: 100%;
}
div#wpcf7cpcnf th {
  font-weight: 500;
  width: 320px;
  padding: 15px 25px;
  border-bottom: solid 1px #fff;
  text-align: left;
  color: #fff;
  background: rgba(0,0,0,1) ;
}
div#wpcf7cpcnf th p {
  margin: 0;
}
div#wpcf7cpcnf td {
  padding: 15px 25px;
  border-bottom: solid 1px #F0F0F0 ;
}
  @media screen and (max-width: 1199px) {
    div#wpcf7cpcnf {
      font-size: 2rem;
    }
    div#wpcf7cpcnf th {
      font-weight: 500;
      width: 30%;
    }
  }
  @media screen and (max-width: 767px) {
    div#wpcf7cpcnf {
      font-size: 1rem;
    }
    div#wpcf7cpcnf table,
    div#wpcf7cpcnf tbody,
    div#wpcf7cpcnf tr,
    div#wpcf7cpcnf th,
    div#wpcf7cpcnf td {
      display: block;
      width: 100%;
    }
    div#wpcf7cpcnf th {
      padding: 2.66vw 4vw;
    }
    div#wpcf7cpcnf td {
      padding: 4vw 0;
    }
  }

.wpcf7cp-btns {
  text-align: center;
  padding-top: 20px;
}
.wpcf7cp-btns button {
  background-color: #000;
  border: 3px currentColor solid;
  border-radius: 10px;
  color: #fff;
  display: inline-block;
  font-family: "Arial", "Helvetica", sans-serif;
  font-size: 20px;
  font-weight: 700;
  height: 100%;
  letter-spacing: 0;
  padding: 24px;
  text-align: center;
  transition: border 0.3s, background-color 0.3s, color 0.3s;
  width: 100%;
  max-width: 330px;
  position: relative;
  margin: 0 10px;
}
.wpcf7cp-btns button::after {
  -webkit-mask-image: url(assets/img/common/arrow.svg);
  -webkit-mask-position: right center;
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  aspect-ratio: 21/18;
  background-color: #fff;
  content: "";
  display: block;
  height: 18px;
  mask-image: url(assets/img/common/arrow.svg);
  mask-position: right center;
  mask-repeat: no-repeat;
  mask-size: contain;
  position: absolute;
  right: 11px;
  top: 50%;
  transform: translateY(-50%);
  transition: background-color 0.3s;
  width: 21px;
  z-index: 5;
}
.wpcf7cp-btns button:hover {
  background-color: #fff;
  color: #000;
}
.wpcf7cp-btns button:hover::after {
  background-color: #000;
}
  @media screen and (max-width: 767px) {
    .wpcf7cp-btns button {
      font-size: 1.125rem;
      padding: 1.25rem;
      margin: 0 0 15px 0;
    }
    .wpcf7cp-btns button:last-child {
      margin-bottom: 0;
    }
  }

.wpcf7cp-cfm-edit-btn {
  background-color: #aaa!important;
}
.wpcf7cp-cfm-edit-btn:hover {
  background-color: #fff!important;
}
.wpcf7cp-cfm-edit-btn::after {
  display: none!important;
}

dt.form__label.text label {
  display: inline;
}
.form-radio input {
  position: absolute;
  display: block!important;
  opacity: 0;
  width: 0;
  height: 0;
}
.entry_hide {
  width: 0;
  height: 0;
  opacity: 0;
  overflow: hidden;
}
#your-entry {
  background: none;
}