@charset "UTF-8";
/* ==========================================================================
■ Form contents
========================================================================== */
.wpcf7-form-control-wrap[data-name=pref],
.wpcf7-form-control-wrap[data-name=other-pref],
.wpcf7-form-control-wrap[data-name=zip],
.wpcf7-form-control-wrap[data-name=other-zip],
.wpcf7-form-control-wrap[data-name=born-year],
.wpcf7-form-control-wrap[data-name=born-month],
.wpcf7-form-control-wrap[data-name=born-day],
.wpcf7-form-control-wrap[data-name=cash-price],
.wpcf7-form-control-wrap[data-name=subscription],
.wpcf7-form-control-wrap[data-name=born-tellmonth],
.wpcf7-form-control-wrap[data-name=born-tellday],
.wpcf7-form-control-wrap[data-name=born-tellhour],
.wpcf7-form-control-wrap[data-name=born-tellminute],
.wpcf7-form-control-wrap[data-name=subdir-name],
.wpcf7-form-control-wrap[data-name=cash-times],
.wpcf7-form-control-wrap[data-name=commission],
.wpcf7-form-control-wrap[data-name=pay-first],
.wpcf7-form-control-wrap[data-name=pay-other],
.wpcf7-form-control-wrap[data-name=totalFree] {
  display: inline-block;
}

.wpcf7-form-control-wrap[data-name=cash-price] input,
.wpcf7-form-control-wrap[data-name=cash-times] input,
.wpcf7-form-control-wrap[data-name=commission] input,
.wpcf7-form-control-wrap[data-name=totalFree] input,
.wpcf7-form-control-wrap[data-name=pay-first] input,
.wpcf7-form-control-wrap[data-name=pay-other] input,
.wpcf7-form-control-wrap[data-name=service-option] input {
  margin-left: 0;
}

/* 横ずれ防止 */
.wpcf7 input[type=file] {
  width: 100%;
}

form.wpcf7-form .display {
  display: none;
}
form.wpcf7-form .hide:first-child {
  margin-right: 8px;
}

form.custom-wpcf7c-confirmed .display {
  display: inline-block;
  padding: 0 5px;
}
form.custom-wpcf7c-confirmed .hide {
  display: none;
}

.inquiryFormTable {
  border-top: 1px solid #707070;
  font-size: 16px;
  padding-top: 22px;
}
.inquiryFormTable dl {
  display: table;
  width: 100%;
}
.inquiryFormTable dl dt,
.inquiryFormTable dl dd {
  display: table-cell;
  padding: 20px 0 24px;
  text-align: left;
  vertical-align: top;
}
.inquiryFormTable dl dt {
  border-right: none;
  position: relative;
  width: 29%;
  color: #2C2F30;
  letter-spacing: 0.1em;
  box-sizing: border-box;
  font-weight: bold;
  line-height: 1.4;
}
.inquiryFormTable dl dt p {
  padding: 16px 75px 0 0;
}
.inquiryFormTable dl dt sub {
  display: block;
  font-size: 12px;
  line-height: 1;
}
.inquiryFormTable dl dt span.required,
.inquiryFormTable dl dt span.required_esc,
.inquiryFormTable dl dt span.optional {
  font-size: 14px;
  color: #fff;
  text-align: center;
  font-weight: 600;
  line-height: 22px;
  width: 46px;
  height: 22px;
  border-radius: 10px;
  position: absolute;
  top: 36px;
  right: 25px;
}
.inquiryFormTable dl dt span.required,
.inquiryFormTable dl dt span.required_esc {
  background: #D93636;
}
.inquiryFormTable dl dt span.optional {
  background: #63696A;
}
.inquiryFormTable dl dd {
  box-sizing: border-box;
  position: relative;
}
@media screen and (width <= 1060px) {
  .inquiryFormTable dl dt {
    width: 35%;
  }
}
@media screen and (width <= 767px) {
  .inquiryFormTable dl {
    display: block;
  }
  .inquiryFormTable dl dt,
  .inquiryFormTable dl dd {
    display: block;
    padding: 0;
    width: 100%;
    box-sizing: border-box;
  }
  .inquiryFormTable dl dt p {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    line-height: 3rem;
    padding: 0;
  }
  .inquiryFormTable dl dt br {
    display: none;
  }
  .inquiryFormTable dl dt span.required,
  .inquiryFormTable dl dt span.required_esc,
  .inquiryFormTable dl dt span.optional {
    position: static;
    margin-left: 15px;
    display: inline-block;
    vertical-align: middle;
  }
  .inquiryFormTable dl dd {
    padding: 10px 0 30px;
  }
}
@media screen and (width <= 480px) {
  .inquiryFormTable dl dt br {
    display: none;
  }
  .inquiryFormTable dl dt sub {
    margin-bottom: 4px;
  }
}
.inquiryFormTable .failed .verified_table.inquiryFormTable input.wpcf7-validates-as-required,
.inquiryFormTable .invalid .verified_table.inquiryFormTable input.wpcf7-validates-as-required {
  border: 1px solid #6fba2c;
  background: #fff;
  box-shadow: 0 0 5px rgba(111, 186, 44, 0.5);
}
.inquiryFormTable .inquiryFormTable input.wpcf7-not-valid {
  border: 1px solid #D93636 !important;
  background: #FDD2D2 !important;
}
.inquiryFormTable .tag {
  background: #D93636;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  padding-left: 0;
  width: 46px;
  height: 22px;
  border-radius: 10px;
  text-align: center;
  display: inline-block;
  line-height: 22px;
  position: absolute;
  top: 36px;
  right: 28px;
}
.inquiryFormTable input:not([type=file]),
.inquiryFormTable textarea,
.inquiryFormTable select {
  display: block;
  width: 100%;
  box-sizing: border-box;
  padding: 13px 14px 14px;
  border: 1px solid #BFBEBD;
  background: #EBE9E7;
  color: #333;
  border-radius: 5px;
}
.inquiryFormTable .formM {
  display: inline-block !important;
  width: 134px !important;
  margin: 0 5px 10px;
}
.inquiryFormTable .formS {
  display: inline-block !important;
  width: 80px !important;
  margin: 0 6px 0 0;
}
.inquiryFormTable .site-name {
  margin: 0 10px 10px 5px;
}
@media screen and (width <= 480px) {
  .inquiryFormTable .site-name {
    width: 100% !important;
    margin: 0 0 10px;
  }
}
.inquiryFormTable .wpcf7-radio .wpcf7-list-item,
.inquiryFormTable .wpcf7-checkbox .wpcf7-list-item {
  width: 100%;
  display: block;
  margin: 0 0 3px;
  box-sizing: border-box;
}
.inquiryFormTable .wpcf7-radio .wpcf7-list-item label,
.inquiryFormTable .wpcf7-checkbox .wpcf7-list-item label {
  display: inline-block;
}
.inquiryFormTable .wpcf7-radio .wpcf7-list-item label input[type=radio],
.inquiryFormTable .wpcf7-radio .wpcf7-list-item label input[type=checkbox],
.inquiryFormTable .wpcf7-checkbox .wpcf7-list-item label input[type=radio],
.inquiryFormTable .wpcf7-checkbox .wpcf7-list-item label input[type=checkbox] {
  display: none;
}
.inquiryFormTable .wpcf7-radio .wpcf7-list-item label span.wpcf7-list-item-label,
.inquiryFormTable .wpcf7-checkbox .wpcf7-list-item label span.wpcf7-list-item-label {
  display: flex;
  align-items: flex-start;
  line-height: 2.5rem;
}
.inquiryFormTable .wpcf7-radio .wpcf7-list-item label span.wpcf7-list-item-label::before,
.inquiryFormTable .wpcf7-checkbox .wpcf7-list-item label span.wpcf7-list-item-label::before {
  display: block;
  font-size: 20px;
  color: #BFBEBD;
  margin: 1px 5px 0 0;
  vertical-align: middle;
}
.inquiryFormTable .wpcf7-radio .wpcf7-list-item label input[type=hidden] + span,
.inquiryFormTable .wpcf7-checkbox .wpcf7-list-item label input[type=hidden] + span {
  display: flex;
  align-items: flex-start;
}
.inquiryFormTable .wpcf7-radio .wpcf7-list-item label input[type=hidden] + span::before,
.inquiryFormTable .wpcf7-checkbox .wpcf7-list-item label input[type=hidden] + span::before {
  font-size: 20px;
  color: #BFBEBD;
  vertical-align: middle;
}
@media screen and (width <= 767px) {
  .inquiryFormTable .wpcf7-radio .wpcf7-list-item,
  .inquiryFormTable .wpcf7-checkbox .wpcf7-list-item {
    margin: 0 0 8px;
  }
}
.inquiryFormTable .wpcf7-radio input[type=radio]:checked + span::before {
  content: "\ea54";
  color: #0091D0;
}
.inquiryFormTable .wpcf7-radio span.wpcf7-list-item-label::before {
  content: "\ea56";
}
.inquiryFormTable .wpcf7-radio input[type=hidden] + span::before {
  content: "\ea54";
}
.inquiryFormTable .wpcf7-checkbox input[type=checkbox]:checked + span::before {
  content: "\ea52";
  color: #0091D0;
}
.inquiryFormTable .wpcf7-checkbox span.wpcf7-list-item-label::before {
  content: "\ea53";
}
.inquiryFormTable .wpcf7-checkbox input[type=hidden] + span::before {
  content: "\ea52";
}
.inquiryFormTable select {
  position: relative;
  background: #ECECEC url(/wp-content/uploads/ico_select.png) no-repeat right center;
  background-size: contain;
  appearance: none;
  height: 53px;
}
.inquiryFormTable select::-ms-expand {
  display: none;
}
.inquiryFormTable .comment {
  display: block;
  color: #63696A;
  font-size: 13px;
  margin-top: 0.4em;
  margin-bottom: 0.4em;
  letter-spacing: 0;
}
.inquiryFormTable .check_box p:first-child,
.inquiryFormTable .check_box2 p:first-child,
.inquiryFormTable .check_box3 p:first-child {
  font-size: 16px;
  color: red;
}
@media screen and (width <= 767px) {
  .inquiryFormTable .check_box p:first-child br,
  .inquiryFormTable .check_box2 p:first-child br,
  .inquiryFormTable .check_box3 p:first-child br {
    display: none;
  }
}
.inquiryFormTable .check_box.only_checkbox p:first-child,
.inquiryFormTable .check_box2.only_checkbox p:first-child,
.inquiryFormTable .check_box3.only_checkbox p:first-child {
  font-size: initial;
  color: initial;
}
.inquiryFormTable #zipcode {
  margin-left: 10px;
}
.inquiryFormTable .cash {
  display: inline-block !important;
  width: 134px !important;
  margin: 0 10px 0 0;
}
.inquiryFormTable select#service-method {
  margin-bottom: 15px;
}
.inquiryFormTable dt.prices {
  padding: 15px 0;
  margin: 0;
}
.inquiryFormTable dt.prices p {
  padding: 0;
}
.inquiryFormTable input#ps,
.inquiryFormTable input#ar,
.inquiryFormTable input#sk,
.inquiryFormTable input#pay,
.inquiryFormTable input#splitCost,
.inquiryFormTable input#splitCost2 {
  text-align: right;
  background: none;
  border: none;
  padding: 15px 0;
}
@media screen and (width <= 767px) {
  .inquiryFormTable dt.prices {
    padding: 20px 0;
    margin: 0;
  }
  .inquiryFormTable input#ps,
  .inquiryFormTable input#ar,
  .inquiryFormTable input#sk,
  .inquiryFormTable input#pay,
  .inquiryFormTable input#splitCost,
  .inquiryFormTable input#splitCost2 {
    padding: 20px 0;
  }
  .inquiryFormTable .pay-split,
  .inquiryFormTable .hidden-form,
  .inquiryFormTable .hidden-form2,
  .inquiryFormTable .hidden-form3,
  .inquiryFormTable .hidden-form4 {
    display: flex;
  }
}

ul.qaInput,
ul.appendUi,
ul.appendUi2 {
  display: flex;
}
ul.qaInput li:first-child,
ul.appendUi li:first-child,
ul.appendUi2 li:first-child {
  margin-right: 10px;
}
ul.qaInput li .plus,
ul.qaInput li .minus,
ul.appendUi li .plus,
ul.appendUi li .minus,
ul.appendUi2 li .plus,
ul.appendUi2 li .minus {
  display: block;
  width: 44px;
  height: 44px;
  line-height: 44px;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  color: #fff;
  border-radius: 5px;
  cursor: pointer;
}
ul.qaInput li .plus,
ul.appendUi li .plus,
ul.appendUi2 li .plus {
  background: #D93636;
}
ul.qaInput li .minus,
ul.appendUi li .minus,
ul.appendUi2 li .minus {
  background: #0091D0;
}
ul.qaInput li:hover .plus,
ul.qaInput li:hover .minus,
ul.appendUi li:hover .plus,
ul.appendUi li:hover .minus,
ul.appendUi2 li:hover .plus,
ul.appendUi2 li:hover .minus {
  opacity: 0.7;
  filter: alpha(opacity=70);
}

ul.appendUi,
ul.appendUi2 {
  margin-top: 10px;
}

span.verify_icon {
  position: absolute;
  width: 25px;
  height: 25px;
  right: -42px;
  top: 13px;
  display: none;
}

.verified_table .wpcf7-validates-as-required:not(.wpcf7-not-valid) + .verify_icon {
  display: none !important;
}

.verified_table .wpcf7-validates-as-required:not(.wpcf7-not-valid) + .verify_icon::before {
  color: #6fba2c;
  font-size: 25px;
  vertical-align: top;
}

.inquiryFormTable .wpcf7-not-valid-tip {
  color: #DE5050;
  font-weight: normal;
  display: block;
  font-size: 12px;
}

/* ==========================================================================
	同意ボタン（PDF）
========================================================================== */
.agreementLink,
.agreementLink_2 {
  margin-bottom: 1em;
  position: relative;
  display: inline-block;
  cursor: pointer;
  padding: 0.5em 1em;
  border: 1px solid #B52B48;
  border-radius: 5px;
  font-size: 2rem;
  font-weight: 700;
  color: #B52B48;
  transition-duration: 0.4s;
}
.agreementLink::before,
.agreementLink_2::before {
  content: "";
  margin-right: 0.5em;
  display: inline-block;
  width: 2em;
  height: 1.7em;
  background: url("/wp-content/themes/genova_tpl/img/ico_pdf01.svg") no-repeat center/100%;
  vertical-align: middle;
}
.agreementLink:hover,
.agreementLink_2:hover {
  background: #B52B48;
  color: #fff;
}
.agreementLink + [data-name=your-check-privacy], .agreementLink + [data-name=your-check-privacy2],
.agreementLink_2 + [data-name=your-check-privacy],
.agreementLink_2 + [data-name=your-check-privacy2] {
  pointer-events: none;
  color: #ccc;
}
.agreementLink + [data-name=your-check-privacy].confirmPDF, .agreementLink + [data-name=your-check-privacy2].confirmPDF,
.agreementLink_2 + [data-name=your-check-privacy].confirmPDF,
.agreementLink_2 + [data-name=your-check-privacy2].confirmPDF {
  pointer-events: auto;
  color: initial;
}
.agreementLink + [data-name=your-check-privacy] .wpcf7-list-item > label, .agreementLink + [data-name=your-check-privacy2] .wpcf7-list-item > label,
.agreementLink_2 + [data-name=your-check-privacy] .wpcf7-list-item > label,
.agreementLink_2 + [data-name=your-check-privacy2] .wpcf7-list-item > label {
  display: flex;
}
.agreementLink + [data-name=your-check-privacy] .wpcf7-list-item > label .wpcf7-list-item-label, .agreementLink + [data-name=your-check-privacy2] .wpcf7-list-item > label .wpcf7-list-item-label,
.agreementLink_2 + [data-name=your-check-privacy] .wpcf7-list-item > label .wpcf7-list-item-label,
.agreementLink_2 + [data-name=your-check-privacy2] .wpcf7-list-item > label .wpcf7-list-item-label {
  padding-left: 0;
}
.agreementLink + [data-name=your-check-privacy] .wpcf7-list-item > label .wpcf7-list-item-label .icon-check, .agreementLink + [data-name=your-check-privacy2] .wpcf7-list-item > label .wpcf7-list-item-label .icon-check,
.agreementLink_2 + [data-name=your-check-privacy] .wpcf7-list-item > label .wpcf7-list-item-label .icon-check,
.agreementLink_2 + [data-name=your-check-privacy2] .wpcf7-list-item > label .wpcf7-list-item-label .icon-check {
  display: flex;
  font-size: 1.6rem;
}

.pointer-events-control {
  pointer-events: auto !important;
  color: initial !important;
}

@keyframes load8 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* ==========================================================================
	約款・利用規約
========================================================================== */
.privacy {
  height: 200px;
  font-size: 14px;
  padding: 20px;
  border: 1px solid #BFBEBD;
  border-radius: 5px;
  margin-bottom: 20px;
  overflow: hidden;
  overflow-y: auto;
  word-break: break-all;
}
.privacy h3 {
  margin: 1em 0 0;
  font-weight: bold;
}
.privacy ol {
  list-style: decimal;
  padding-left: 1.5em;
}
.privacy ul {
  list-style: circle;
  padding-left: 1.5em;
}
.privacy p {
  margin: 0;
  color: #000 !important;
}
.privacy a {
  color: #0091D0;
  text-decoration: underline;
}
.privacy a:hover {
  text-decoration: none;
}

.clinic_url {
  pointer-events: none;
  color: #0091D0;
}

/* ==========================================================================
	フェードイン・アウト要素
========================================================================== */
.fadein-elm {
  display: none;
  background-color: #edfaff;
  border-radius: 5px;
  padding: 20px 10px;
  margin: 0 -10px;
}

/* =================================================================================================
****************************************************************************************************
	以下 ページ固有のCSS
****************************************************************************************************
================================================================================================= */
/* ==========================================================================
■ plimoご注文フォーム
========================================================================== */
.hidden-check-form p,
.hidden-check-form2 p {
  margin-top: -30px;
}
@media screen and (width <= 767px) {
  .hidden-check-form p,
  .hidden-check-form2 p {
    margin-top: 0;
  }
}

.wpcf7-form-control-wrap[data-name=your-pagenumber],
.wpcf7-form-control-wrap[data-name=your-tag] {
  display: inline-block;
  margin-top: 60px;
  margin-left: -30em;
  margin-right: 15px;
  width: 420px;
}
@media screen and (width <= 1060px) {
  .wpcf7-form-control-wrap[data-name=your-pagenumber],
  .wpcf7-form-control-wrap[data-name=your-tag] {
    margin-right: 10px;
    width: 360px;
  }
}
@media screen and (width <= 767px) {
  .wpcf7-form-control-wrap[data-name=your-pagenumber],
  .wpcf7-form-control-wrap[data-name=your-tag] {
    margin: 10px 10px 0 20px;
    width: 160px;
  }
}

/* ==========================================================================
■ Doctorbook求人記事の公開について
========================================================================== */
.radioDesignDoctorbook01 .wpcf7-radio {
  display: flex;
  gap: 20px;
}
.radioDesignDoctorbook01 .wpcf7-radio .wpcf7-list-item {
  width: 33.33%;
}
.radioDesignDoctorbook01 .wpcf7-radio .wpcf7-list-item label {
  cursor: pointer;
  position: relative;
  padding: 20px 10px;
  border: 2px solid #ddd;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
  font-size: 14px;
  transition-duration: 0.4s;
}
.radioDesignDoctorbook01 .wpcf7-radio .wpcf7-list-item label::before {
  transition-duration: 0.4s;
  font-size: 50px;
  font-weight: 900;
  line-height: 1;
}
.radioDesignDoctorbook01 .wpcf7-radio .wpcf7-list-item label:hover {
  color: #fff;
}
@media (width <= 900px) {
  .radioDesignDoctorbook01 .wpcf7-radio .wpcf7-list-item label {
    padding: 20px 5px;
    font-size: 12px;
  }
}
@media (width <= 767px) {
  .radioDesignDoctorbook01 .wpcf7-radio .wpcf7-list-item label {
    font-size: 14px;
  }
}
@media (width <= 600px) {
  .radioDesignDoctorbook01 .wpcf7-radio .wpcf7-list-item label {
    font-size: 12px;
  }
}
.radioDesignDoctorbook01 .wpcf7-radio .wpcf7-list-item:first-child label::before {
  content: "◯";
  color: #3ab0c7;
}
.radioDesignDoctorbook01 .wpcf7-radio .wpcf7-list-item:first-child label:hover {
  background-color: #3ab0c7;
}
.radioDesignDoctorbook01 .wpcf7-radio .wpcf7-list-item:first-child label:hover::before {
  color: #fff;
}
.radioDesignDoctorbook01 .wpcf7-radio .wpcf7-list-item:first-child label span::before {
  display: none;
}
.radioDesignDoctorbook01 .wpcf7-radio .wpcf7-list-item:nth-child(2) label::before {
  content: "✕";
  color: #f00;
}
.radioDesignDoctorbook01 .wpcf7-radio .wpcf7-list-item:nth-child(2) label:hover {
  background-color: #f00;
}
.radioDesignDoctorbook01 .wpcf7-radio .wpcf7-list-item:nth-child(2) label:hover::before {
  color: #fff;
}
.radioDesignDoctorbook01 .wpcf7-radio .wpcf7-list-item:nth-child(2) label span::before {
  display: none;
}
.radioDesignDoctorbook01 .wpcf7-radio .wpcf7-list-item:last-child label::before {
  content: "！";
  color: #eaa821;
}
.radioDesignDoctorbook01 .wpcf7-radio .wpcf7-list-item:last-child label:hover {
  background-color: #eaa821;
}
.radioDesignDoctorbook01 .wpcf7-radio .wpcf7-list-item:last-child label:hover::before {
  color: #fff;
}
.radioDesignDoctorbook01 .wpcf7-radio .wpcf7-list-item:last-child label span::before {
  display: none;
}
.radioDesignDoctorbook01 .wpcf7-radio .wpcf7-list-item input[type=radio] {
  display: none;
}
.radioDesignDoctorbook01 .wpcf7-radio .wpcf7-list-item input[type=radio]:checked + .wpcf7-list-item-label, .radioDesignDoctorbook01 .wpcf7-radio .wpcf7-list-item input[type=radio]:checked + .wpcf7c-conf-hidden + .wpcf7-list-item-label {
  position: initial;
}
.radioDesignDoctorbook01 .wpcf7-radio .wpcf7-list-item input[type=radio]:checked + .wpcf7-list-item-label::before, .radioDesignDoctorbook01 .wpcf7-radio .wpcf7-list-item input[type=radio]:checked + .wpcf7c-conf-hidden + .wpcf7-list-item-label::before {
  content: "選択されました";
  position: absolute;
  top: -1px;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  font-size: 16px;
  color: #fff;
}
@media (width <= 500px) {
  .radioDesignDoctorbook01 .wpcf7-radio {
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 10px;
  }
  .radioDesignDoctorbook01 .wpcf7-radio .wpcf7-list-item {
    width: calc(50% - 10px);
  }
}

/* ==========================================================================
■ Medical DOC-Vショートプラン:動画企画内容
========================================================================== */
.message {
  margin-left: 30%;
  font-size: 12px;
  font-weight: bold;
}

.flex-item {
  display: flex;
  vertical-align: middle;
  align-items: baseline;
  min-height: 80px;
}
.flex-item p {
  margin-left: 5px;
  line-height: 1.7;
}
.flex-item .v-number select {
  height: 45px !important;
  width: 40px !important;
}
.flex-item .v-number select#report-id {
  width: 100% !important;
}
.flex-item dl.v-table {
  display: flex;
  margin-left: 6px;
  width: 90%;
}
.flex-item dl.v-table dt,
.flex-item dl.v-table dd {
  width: auto;
  padding: 0 !important;
  margin: 0 !important;
}
.flex-item dl.v-table dt {
  width: 7%;
  padding: 0;
  line-height: 2;
  font-weight: bold;
  margin-bottom: 40px;
}
.flex-item dl.v-table dt p {
  padding: 0;
}
.flex-item dl.v-table dd {
  width: 93%;
  padding: 0;
}
.flex-item dl.v-table dd p {
  text-indent: -1em;
  padding-left: 1em;
}
@media screen and (width <= 1080px) {
  .flex-item dl.v-table dt {
    width: 9%;
  }
}
@media screen and (width <= 767px) {
  .flex-item dl.v-table dt {
    width: 14%;
  }
}
@media screen and (width <= 767px) {
  .flex-item {
    height: auto;
  }
}

.third-v {
  padding: 10px 10px 15px;
}

#report {
  display: none;
}

/* レポート表示時に付与するcss */
.active {
  display: block;
}

/* ==========================================================================
	FAQご注文フォーム 用
========================================================================== */
.siteColorPreview {
  border: 1px solid #ddd;
}

.qaSections {
  counter-reset: number 0;
}

.qaSection {
  margin-bottom: 10px;
}
.qaSection::before {
  counter-increment: number 1;
  content: "QA." counter(number);
  display: inline-block;
  margin-bottom: 10px;
  border-bottom: 3px solid #40A6D9;
  line-height: 1.4;
}

.qaInput {
  width: 100px;
}

.qaTit {
  margin-bottom: 10px;
}

.fadeinQuestion {
  display: none;
}

.fadeinQuestionSecond {
  display: none;
}

.bannerImage {
  text-decoration: underline;
}
.bannerImage:hover {
  opacity: 0.5;
}

/*--------------------------------------
   FAQ Canvas preview
--------------------------------------*/
.canvasPreview {
  position: relative;
  border: 1px solid #ddd;
  margin-bottom: 20px;
  padding: 30px;
}
.canvasPreview:empty {
  border: none;
  padding: 0;
}
.canvasPreview::before {
  content: "";
  position: absolute;
  top: 10px;
  left: 10px;
  width: calc(100% - 20px);
  height: calc(100% - 20px);
  background: #F7F9FC;
}
.canvasPreview dl {
  position: relative;
  background: #fff;
  box-shadow: 10px 17px 26px rgba(107, 128, 159, 0.133);
  box-sizing: border-box;
  border-radius: 15px;
  padding: 30px;
  font-family: "ヒラギノ角ゴ W3 JIS2004", "Hiragino Kaku Gothic W3 JIS2004", sans-serif;
  color: #011824;
}
.canvasPreview dl + dl {
  margin-top: 30px;
}
.canvasPreview dl dt,
.canvasPreview dl dd {
  display: block;
  width: 100%;
  padding: 0 0 0 3rem;
  font-weight: 300;
}
.canvasPreview dl dt {
  min-height: 50px;
  font-size: 1.6rem;
  border-bottom: 1px solid #E6E6E6;
  padding-top: 8px;
  padding-bottom: 1.2em;
}
.canvasPreview dl dt::before {
  content: "Q.";
  position: absolute;
  top: 0;
  left: 0;
  font-family: "Noto Sans", sans-serif;
  font-size: 2.4rem;
  font-weight: 400;
  color: #40A6D9;
}
.canvasPreview dl dd {
  min-height: 52px;
  padding-top: 34px;
  font-size: 1.1rem;
  line-height: 1.7;
  word-break: break-all;
}
.canvasPreview dl dd::before {
  content: "A.";
  position: absolute;
  top: 16px;
  left: 0;
  font-family: "Noto Sans", sans-serif;
  font-size: 2.4rem;
  font-weight: 400;
  color: #40A6D9;
}
@media (width <= 480px) {
  .canvasPreview dl {
    padding: 20px;
  }
  .canvasPreview dl dt,
  .canvasPreview dl dd {
    padding-left: 2.8rem;
  }
  .canvasPreview dl dt {
    min-height: 40px;
    padding-top: 9px;
    padding-bottom: 0.8em;
    font-size: 1.4rem;
  }
  .canvasPreview dl dd {
    min-height: 37px;
    padding-top: 20px;
    font-size: 1rem;
  }
  .canvasPreview dl dd::before {
    top: 6px;
    font-size: 2.1rem;
  }
}

/* ==========================================================================
	クレジットカード登録フォーム Note
========================================================================== */
.note {
  margin: 0 0 30px;
  font-size: 14px;
}
.note p span {
  color: #dc0000;
}
.note p a {
  color: #dc0000;
  vertical-align: bottom;
}

.seimei p {
  display: flex;
  align-items: center;
}
.seimei p .tit {
  min-width: 2.2em;
  text-align: center;
  margin: 0 10px;
}
@media screen and (width <= 767px) {
  .seimei p {
    flex-wrap: wrap;
  }
  .seimei p span:first-child, .seimei p span:nth-child(2) {
    margin-bottom: 15px;
  }
  .seimei p .tit {
    min-width: 2.2em;
    margin: 0 20px 0 0;
  }
  .seimei p .wpcf7-form-control-wrap {
    width: calc(100% - (2.2em + 20px));
  }
}

/* ==========================================================================
	スケッチピストン/こびとが住まう黒板ご注文フォーム
========================================================================== */
/*--------------------------------------
   Radio button
--------------------------------------*/
dl.radio_box span {
  display: flex;
  align-items: center;
  margin-bottom: 30px;
}
dl.radio_box span label {
  display: flex;
  align-items: center;
  position: relative;
  cursor: pointer;
  padding-left: 35px !important;
}
dl.radio_box span label img {
  width: 80%;
  margin-left: 20px;
}
dl.radio_box span label::before, dl.radio_box span label::after {
  content: "";
  display: block;
  border-radius: 50% !important;
  position: absolute;
  transform: translateY(-50%);
  top: 50%;
  left: 0;
}
dl.radio_box span label::before {
  background-color: #fff;
  border: 2px solid #bfbebd;
  border-radius: 50%;
  width: 23px;
  height: 23px;
}
dl.radio_box span label::after {
  background-color: #0091d0;
  border-radius: 50%;
  opacity: 0;
  width: 19px;
  height: 19px;
  left: 4px;
}
dl.radio_box span input {
  position: absolute;
  white-space: nowrap;
  width: 1px !important;
  height: 1px;
  overflow: hidden;
  border: 0 !important;
  padding: 0 !important;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  margin: -1px;
}
dl.radio_box span input:checked + label::after {
  opacity: 1;
}
dl.radio_box span input[type=hidden] + label::after {
  background-color: #bfbebd;
  opacity: 1;
}

@media screen and (width <= 480px) {
  dl.radio_box span label {
    display: block;
  }
  dl.radio_box span label img {
    width: 100%;
    margin-left: 0;
  }
}
.nomoca_bill #paid,
.nomoca_bill #free {
  display: none;
}

/*--------------------------------------
   システム利用契約書
--------------------------------------*/
.contract {
  height: 500px;
  font-size: 14px;
  padding: 20px;
  border: 1px solid #BFBEBD;
  border-radius: 5px;
  margin: 20px 0;
  overflow: hidden;
  overflow-y: auto;
  word-break: break-all;
}
.contract h3 {
  margin-top: 40px;
  margin-bottom: 0.6em;
  font-weight: bold;
}
.contract h3.main_t {
  margin-bottom: 0.6em;
  padding-bottom: 0.3em;
  font-weight: bold;
  font-size: 1.2em;
  border-bottom: 1px solid #ccc;
}
.contract h4 {
  margin-top: 20px;
}
.contract ul {
  padding-left: 1em;
}
.contract ul li {
  padding-left: 1em;
  text-indent: -1em;
}
.contract p {
  margin: 0;
}
.contract p span[data-name=other-zip] {
  margin-left: 7px;
}
@media screen and (width <= 767px) {
  .contract {
    margin-bottom: 50px;
  }
}

/*--------------------------------------
   ポスティングオプション　配布先要望
--------------------------------------*/
textarea#posting-request {
  height: 125px;
}

/* ==========================================================================
	NOMOCa-診療LP制作依頼フォーム
========================================================================== */
.messageTxt2,
.aboutmed_sp,
.aboutmed2_sp,
.aboutmed4_sp {
  display: none;
}
@media screen and (width <= 480px) {
  .messageTxt2,
  .aboutmed_sp,
  .aboutmed2_sp,
  .aboutmed4_sp {
    display: block;
  }
}

.messageTxt,
.aboutmed,
.aboutmed2,
.aboutmed4 {
  display: block;
}
@media screen and (width <= 480px) {
  .messageTxt,
  .aboutmed,
  .aboutmed2,
  .aboutmed4 {
    display: none;
  }
}

.text-resize {
  resize: none;
  height: 100px !important;
}

dl.checkbox_textless span label {
  width: 100%;
}
dl.checkbox_textless span label img,
dl.checkbox_textless span label p.txt3 {
  border: 1px solid #c3c3c3;
  border-radius: 5px;
  width: calc(100% - 10px);
  margin-left: 10px;
  box-sizing: border-box;
}
dl.checkbox_textless span label p.txt3 {
  padding: 5px 10px;
}

.subTxt {
  margin-top: 0.8em;
  display: flex;
}
.subTxt input[type=text].mini {
  width: 200px;
  margin-top: -12px;
  margin-left: 5px;
}
@media screen and (width <= 536px) {
  .subTxt {
    display: block;
  }
  .subTxt input[type=text].mini {
    width: 100%;
    margin-top: 10px;
    margin-left: 0;
  }
}

/* ==========================================================================
	Webアクセシビリティご注文フォーム
========================================================================== */
.inquiryFormTable [data-trigger=setting-site] {
  display: none;
}

/* ==========================================================================
	新札対応申込フォーム
========================================================================== */
ul.nomoca_item-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
ul.nomoca_item-list li.nomoca_item {
  width: 48%;
  margin-bottom: 30px;
}
ul.nomoca_item-list li.nomoca_item:nth-child(odd) {
  padding-right: 2%;
  border-right: 1px solid #eee;
}
ul.nomoca_item-list li.nomoca_item p.count_title {
  padding-left: 10px;
  border-left: 5px solid #5f5bff;
  background: rgba(95, 91, 255, 0.1882352941);
}
ul.nomoca_item-list li.nomoca_item p.count_text {
  display: flex;
  align-items: baseline;
}
ul.nomoca_item-list li.nomoca_item p.count_text span:nth-child(2) {
  margin-left: 10px;
}
ul.nomoca_item-list li.nomoca_item p.count_text select.nomoca_count {
  width: 40px !important;
  height: 45px;
}

.thankpage-none {
  display: none !important;
}

/* ==========================================================================
　 SMART-one受注フォーム
========================================================================== */
dl#option-price-none {
  display: none;
}

.option-price {
  display: inline-block !important;
  width: 134px !important;
  margin-right: 10px;
}

/* ==========================================================================
　 SMART-one受注フォーム（NOMOCa診療既契約のお客様専用）
========================================================================== */
.inquiryFormTable dl.smart-total-amount {
  display: none;
}

/* ==========================================================================
	NOMOCa ご注文フォーム (Stand) 
========================================================================== */
/*--- 一定期間後に消去予定 ---*/
#composition_info {
  display: none;
}

p.sub-title {
  font-size: 18px;
  font-weight: bold;
  padding: 25px 0 5px;
  margin: 0 0 10px;
  border-bottom: 1px solid #ccc;
}

#cash_only {
  display: none;
}

.nomoca_stand span.service-type-fee {
  display: flex;
  align-items: center;
  padding: 5px 10px 20px 25px;
  width: 100%;
}
.nomoca_stand span.service-type-fee input {
  width: 65% !important;
  margin-right: 5px;
}
.nomoca_stand input.wpcf7-free-text {
  width: 65%;
  margin: 0 0 0 25px;
}

.nomoca_terms p:nth-child(2) {
  display: inline-flex;
  flex-direction: column;
}
.nomoca_terms p:nth-child(2) br {
  display: none;
}
.nomoca_terms p:nth-child(2) a {
  display: none;
  margin: 0 0 20px;
}
.nomoca_terms [data-name=your-check-privacy] {
  pointer-events: none;
  color: #ccc;
}

.partner-extra {
  width: 100%;
  padding: 5px 10px 20px;
}
.partner-extra label {
  width: 40%;
  margin-right: 5%;
}

#custom-maint-items {
  position: relative;
  top: -30px;
  margin: 0 0 -25px 27px;
}
#custom-maint-items .custom-maint-fee:not(:last-child) {
  margin: 0 0 10px;
}
#custom-maint-items .custom-maint-fee span.service-name {
  font-family: icomoon, sans-serif !important;
  -webkit-font-smoothing: antialiased;
  font-size: 0.95em;
}
#custom-maint-items .custom-maint-fee span.input-field {
  display: flex;
  align-items: center;
  padding: 5px 0 20px;
  width: 100%;
}
#custom-maint-items .custom-maint-fee span.input-field input {
  width: 68% !important;
  margin-right: 5px;
}
@media screen and (width <= 767px) {
  #custom-maint-items .custom-maint-fee span.input-field input {
    width: 70% !important;
  }
}

/* ==========================================================================
■ Medical DOC ご注文フォーム
========================================================================== */
.mdoc [data-name=otonari-doc-keyword] .bg_color {
  background-color: #BFBEBD;
}
.mdoc .chocozap-txt {
  display: none;
}
.mdoc #mediclip_term {
  display: none;
}

/* ==========================================================================
■ 自動精算機消耗品発注フォーム
========================================================================== */
.consumables_1 p {
  display: flex;
  align-items: center;
}
.consumables_1 p .wpcf7-form-control-wrap:first-child {
  width: 75%;
  margin-right: 5%;
}
.consumables_1 p .wpcf7-form-control-wrap:nth-child(2) {
  margin-right: 10px;
}
/*# sourceMappingURL=../sourcemaps/css/content.css.map */