@charset "UTF-8";

strong {
  font-weight: bold !important;
}

p em {
  font-style: italic !important;
}

p em strong,
p strong em {
  font-weight: bold !important;
  font-style: italic !important;
}

p a {
  color: #24b9ee;
  text-decoration: underline;
  margin: 0 1px;
}

section img {
  box-sizing: border-box;
}

.flex {
  display: flex;
}

.flex img {
  max-width: 100%;
}

.flex-wrap {
  flex-wrap: wrap;
}

.align-center {
  align-items: center;
}

.align-base {
  align-items: baseline;
}

.between {
  justify-content: space-between;
}

.futura {
  font-family: futura-pt, sans-serif;
}

.justC {
  justify-content: center;
}

.fdC {
  flex-direction: column;
}

div.img {
  text-align: center;
}

.page-catch img {
  max-width: 400px;
}

/*
  staff(院長スタッフ)
========================================================================== */
section.staff {
  margin-bottom: 40px;
}

.staff .staff_group,
.staff .staff_career,
.staff .staff_hobby,
.staff .staff_img {
  width: 48%;
}

.staff .staff_group,
.staff .staff_career,
.staff .staff_hobby {
  margin-bottom: 20px;
}

.staff .staff_img {
  float: right;
}

.staff .staff_certificate li {
  width: 19%;
  margin-bottom: 1.25%;
  margin-right: 1.25%;
  display: flex;
  align-items: center;
  padding: 3px;
  border: 1px solid #ccc;
  box-sizing: border-box;
}

.staff .staff_certificate li:nth-child(5n) {
  margin-right: 0;
}

/* table-nocolor */
.staff .table-nocolor th {
  width: 5em;
  text-align: left;
}

.staff .table-nocolor td {
  text-align: left;
}

/* table-nostyle */
.staff .table-nostyle th {
  vertical-align: top;
  padding: 0 1em 0 0;
  width: 6em;
}

.staff .table-nostyle td {
  vertical-align: top;
  padding: 0;
}

/*
  tour(院内ツアー)
========================================================================== */
section.tour {
  margin-bottom: 40px;
}

.tour div {
  margin-bottom: 10px;
}

.tour div:last-of-type {
  margin-bottom: 0;
}

/*
  price(料金表)
========================================================================== */
section.price {
  margin-bottom: 40px;
}

.price_item {
  margin-bottom: 40px;
}

.price_item:last-of-type {
  margin-bottom: 0;
}

.price .cleditcard li {
  float: left;
  margin-right: 8px;
}

.price .cleditcard li img {
  width: auto;
  height: 39px;
}

.price .cleditcard li:last-child {
  margin: 0;
}

.price table.tl-fixed {
  table-layout: fixed;
}

/*
  map_time(地図・診療時間)
========================================================================== */
section.map_time {
  margin-bottom: 40px;
}

.map_time .calender iframe {
  margin: 0 auto;
  width: 80%;
  height: 400px;
  display: block;
}

/* tel */
.map_time .tel {
  font-size: 22px;
}

/* table-nostyle */
.map_time .table-nostyle th {
  padding: 6px 0px;
}

.map_time .fa-long-arrow-right {
  margin: 0 10px;
}

/* googlemap responsive */
.map_time .gmap iframe {
  display: block;
  width: 100%;
}

.map_time .table-nocolor th,
.map_time .table-nocolor td {
  padding: 7px 3px 4px;
}

.map_time .table-nocolor thead td {
  background: #E2E2E2;
  color: #333;
  border: 1px solid #ccc;
}

.map_time .table-nocolor tbody th {
  background: #fff;
  border: 1px solid #ccc;
}

/*
  recruit(スタッフ募集)
========================================================================== */
section.recruit {
  margin-bottom: 40px;
}

/* anchor */
.recruit .anchor {
  text-align: left;
  letter-spacing: -.40em;
  margin-bottom: 40px;
  display: flex;
  justify-content: space-between;
}

.recruit .anchor li {
  width: 100%;
  letter-spacing: normal;
  display: block;
  padding: 0 1%;
}

.recruit .anchor li a {
  padding: 4% 0;
  text-align: center;
  color: #FFF;
  border-radius: 5px;
  display: block;
  font-size: 15px;
}

.recruit .anchor li:nth-child(odd) a {
  background: #5fcdf3;
}

.recruit .anchor li:nth-child(even) a {
  background: #bc9781;
}

.rec_txt {
  margin-bottom: 40px;
}

.rec_txt .rec_item {
  margin-bottom: 20px;
}

.rec_txt .rec_item:last-of-type {
  margin-bottom: 0;
}

/* reward */
.recruit .reward {
  display: flex;
}

.recruit .reward li {
  width: 18.8%;
  margin-right: 1.5%;
}

.recruit .reward li:last-child {
  margin-right: 0%;
}

.recruit .reward li img {
  width: 100%;
  box-sizing: border-box;
}

/* table-nocolor */
.recruit .table-nocolor th {
  width: 120px;
}

.recruit .table-nocolor th,
.recruit .table-nocolor td {
  text-align: left;
}

/* tel */
.recruit .tel {
  font-size: 22px;
}

/*
  contact(お問い合わせ)
========================================================================== */
section.contact {
  margin-bottom: 60px;
}

/* tel */
.contact p.tel {
  font-size: 22px;
}

.contact h3.ttl-low4 span {
  text-indent: -0.5em;
  display: inline-block;
}

.contact .btn {
  color: #fff;
  background: #614239;
  text-decoration: none;
  display: block;
  width: fit-content;
  padding: 0.8em 3.5em 0.8em 2.5em;
  border-radius: 3em;
  margin: auto;
  position: relative;
}

.contact .btn i.fa {
  position: absolute;
  right: 1em;
  top: 50%;
  transform: translateY(-50%);
}

/* table-nocolor */
.contact .table-nocolor th {
  width: 120px;
  text-align: left;
  font-weight: bold;
}

.contact .table-nocolor td {
  text-align: left;
}

/* フォーム */
.form {
  width: 100%;
  margin: 20px auto 20px;
  border: 1px solid #ccc;
  border-collapse: collapse;
}

.form th {
  white-space: nowrap;
  background-color: #eee;
  border: 1px solid #ccc;
  padding: 8px 12px;
  vertical-align: middle;
  width: 140px;
}

.form td {
  padding: 10px 15px;
  border: 1px solid #ccc;
  vertical-align: middle;
  background: #fff;
}

.form td p:nth-of-type(1) {
  margin-top: 0.5em;
}

.form .required {
  color: #C20E11;
  margin-left: 4px;
}

.form td input[type="text"],
.form td input[type="number"],
.form td input[type="tel"],
.form td input[type="email"],
.form td input[type="adress"],
.form td textarea {
  border: solid 1px #ccc;
  padding: 2px 4px;
}

.form td input[type="number"] {
  width: 4em;
}

.form .type span.wpcf7-list-item {
  display: block;
  margin: 0;
}

.form label {
  line-height: 1;
  display: inline-block;
  margin-right: 10px;
}

.form input {
  vertical-align: middle;
}

.form input[type="radio"] {
  vertical-align: top;
}

.wpcf7-datetime,
.hasDatepicker {
  width: 200px;
  margin-bottom: 5px;
  vertical-align: middle;
}

.form input.name,
.form input.tel {
  width: 250px;
}

.form input.mail,
.form .address input[neme="address"] {
  width: 420px;
}

.form td textarea {
  width: 400px;
}

.form .wpcf7-radio {
  display: flex;
}

.form .wpcf7-radio .wpcf7-list-item {
  display: flex;
  align-items: center;
}

.form .wpcf7-radio span.wpcf7-list-item.first {
  margin-left: 0;
}

.form .wpcf7-checkbox span.wpcf7-list-item {
  margin: 0 1em 0 0;
  min-width: 12em;
}

.form .wpcf7-radio .wpcf7-list-item input {
  margin-right: 0.25em;
}

.form .wpcf7-list-item-label {
  line-height: 0;
}

.form-btn {
  text-align: center;
  margin-bottom: 0;
}

.form-btn input {
  margin: 0 10px;
  line-height: 40px;
  cursor: pointer;
  padding: 0 30px;
  border-radius: 5px;
  background: #614239;
  color: #fff;
  -webkit-appearance: none;
  border: none;
  outline: none;
}

.contact div.wpcf7-mail-sent-ok,
.contact div.wpcf7-mail-sent-ng,
.contact div.wpcf7-validation-errors {
  border: none;
  text-align: center;
  color: #C20E11;
}

.contact02 span.wpcf7-not-valid-tip {
  font-size: 14px;
  color: #C20E11;
  text-align: left;
}

/*
  feature(６つの特徴）
========================================================================== */
section.feature,
.feature_item {
  margin-bottom: 40px;
}

.feature h2 br {
  display: none;
}

.feature .anchor_link h2 br {
  display: block;
}

.feature .anchor_link {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.feature .anchor_link > li {
  width: 32%;
  margin-right: 2%;
  margin-bottom: 15px;
  padding: 2% 2% 2%;
  border: 1px #703d0b solid;
  position: relative;
  background: #fff5e6;
  box-sizing: border-box;
}

.feature .anchor_link > li.count4,
.feature .anchor_link > li.count5:nth-child(-n+2) {
  width: 49%;
  margin-right: 2%;
}

.feature .anchor_link > li.count5:nth-child(2),
.feature .anchor_link > li.count5:last-child,
.feature .anchor_link > li.count6:nth-child(3n) {
  margin-right: 0%;
}

.feature .anchor_link > li.count4:nth-child(2n) {
  margin-right: 0%;
}

.feature .anchor_link li a {
  display: block;
}

.feature .anchor_link li h2 {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 0.5em;
  text-align: center;
  font-size: 16px;
  height: 2.5em;
  line-height: 1.25em;
  border-bottom: 1px #703d0b solid;
  padding-bottom: 0.25em;
  color: #703d0b;
}

.feature .anchor_link li.count4 .anchor_link_img,
.feature .anchor_link li.count5:nth-child(-n+2) .anchor_link_img {
  width: 49%;
  float: left;
}

.feature .anchor_link li.count5:nth-child(n+3) .anchor_link_img {
  margin-bottom: 0.25em;
}

.feature .anchor_link .anchor_link_img img {
  max-width: 100%;
}

.feature .anchor_link .anchor_link_txt {
  text-align: left;
  font-size: 14px;
}

.feature .anchor_link .anchor_link_txt li {
  display: flex;
}

.feature .anchor_link .anchor_link_txt i {
  margin-top: 3px;
  color: #703d0b;
}

.feature .anchor_link li.count4 .anchor_link_txt,
.feature .anchor_link li.count5:nth-child(-n+2) .anchor_link_txt {
  width: 49%;
  float: right;
}

.feature .anchor_link li .btn {
  width: 90%;
  margin: 5% 5% 0;
  padding: 5px 0;
  color: #fff;
  border-radius: 100px;
  background: #703d0b;
  display: block;
  text-align: center;
}
