@charset "UTF-8";
/* ----------------------------------------
  Page Title
---------------------------------------- */
.page-title--basic {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 92%;
  margin: 0 auto 100px;
  height: 24vw;
  min-height: 160px;
  max-height: 460px;
  border-radius: 1em;
  background: #fff;
}
@media screen and (max-width: 579px) {
  .page-title--basic {
    margin-bottom: 10vw;
  }
}
.page-title__img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.page-title__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 1em;
}
.page-title__subtone::after {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 1em;
  background: #6B5D48;
  mix-blend-mode: multiply;
  opacity: .5;
}
.page-title__text {
  position: relative;
  line-height: 1.4;
  text-align: center;
  font-size: 2.4em;
  padding-left: .2em;
  letter-spacing: .2em;
}
@media screen and (max-width: 1679px) {
  .page-title__text {
    font-size: 2em;
  }
}
@media screen and (max-width: 579px) {
  .page-title__text {
    padding-left: .1em;
    font-size: 1.6em;
    letter-spacing: .1em;
  }
}
.page-title__text span {
  display: inline-block;
}
.page-title__text--shadow {
  text-shadow: 0 0 5px #6B5D48;
}

/* ----------------------------------------
  Contact
---------------------------------------- */
.contact {
  text-align: center;
}
.contact__title {
  padding-left: .1em;
  font-size: 2em;
  font-weight: 500;
  letter-spacing: .1em;
}
@media screen and (max-width: 1679px) {
  .contact__title {
    font-size: 1.8em;
  }
}
@media screen and (max-width: 1279px) {
  .contact__title {
    font-size: 1.6em;
  }
}
@media screen and (max-width: 579px) {
  .contact__title {
    font-size: 1.4em;
  }
}
.contact__tel {
  display: flex;
  justify-content: center;
  margin: .5em 0;
  font-size: 1.5em;
  font-weight: 700;
}
@media screen and (max-width: 1679px) {
  .contact__tel {
    font-size: 1.3em;
  }
}
@media screen and (max-width: 1279px) {
  .contact__tel {
    font-size: 1.2em;
  }
}
@media screen and (max-width: 579px) {
  .contact__tel {
    display: block;
    text-align: center;
  }
}
.contact__tel li {
  margin: 0 .5em;
}

/* ================================================================================
  診療内容 /medical_info/
================================================================================ */
.medical-info .section__title--l {
  text-align: left;
}

.medical-info__tab {
  margin-bottom: 100px;
  border-bottom: solid 1px #6B5D48;
}
@media screen and (max-width: 579px) {
  .medical-info__tab {
    margin-bottom: 10vw;
    border-bottom: none;
  }
}
.medical-info__tab-list {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  margin-bottom: -1px;
}
@media screen and (max-width: 579px) {
  .medical-info__tab-list {
    flex-wrap: wrap;
  }
}
.medical-info__tab-list-item {
  position: relative;
  width: calc(94% / 5);
}
@media screen and (max-width: 579px) {
  .medical-info__tab-list-item {
    width: 50%;
  }
  .medical-info__tab-list-item:last-child {
    width: 100%;
  }
}
.medical-info__tab-list-item a {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding: 1em;
  border: solid 1px #6B5D48;
  border-radius: 1em 1em 0 0;
  background: #fff;
  line-height: 1.4;
  text-align: center;
  font-weight: 700;
  color: #978E7F;
  cursor: pointer;
  transition: color .3s;
}
@media screen and (max-width: 579px) {
  .medical-info__tab-list-item a {
    padding: .5em;
    border-radius: 0;
  }
  .medical-info__tab-list-item a[href="#tab1"] {
    border-width: 1px 0 0 1px;
    border-top-left-radius: .6em;
  }
  .medical-info__tab-list-item a[href="#tab2"] {
    border-width: 1px 1px 0 1px;
    border-top-right-radius: .6em;
  }
  .medical-info__tab-list-item a[href="#tab3"] {
    border-width: 1px 0 0 1px;
  }
  .medical-info__tab-list-item a[href="#tab4"] {
    border-width: 1px 1px 0 1px;
  }
  .medical-info__tab-list-item a[href="#tab5"] {
    border-width: 1px;
    border-radius: 0 0 .6em .6em;
  }
}
.medical-info__tab-list-item a.is-active {
  position: relative;
  background-color: transparent;
  color: #4DB6E8;
}
.medical-info__tab-list-item a.is-active::after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 100%;
  height: 1px;
  background: #FFF5D7;
}
@media screen and (max-width: 579px) {
  .medical-info__tab-list-item a.is-active::after {
    content: none;
  }
}
@media screen and (min-width: 1280px) {
  .medical-info__tab-list-item a:hover {
    color: #4DB6E8;
  }
}

.medical-info__body {
  padding-bottom: 50px;
}
@media screen and (max-width: 579px) {
  .medical-info__body {
    padding-bottom: 0;
  }
}

.medical-info__tab-panel.hide {
  display: none;
}

/* ================================================================================
  初めて受診いただく方へ /guide/
================================================================================ */
.guide .section__title--l {
  text-align: left;
}
.guide__flow li {
  position: relative;
  padding: 1em;
  border-radius: .6em;
  background: #fff;
}
.guide__flow li:not(:last-child) {
  margin-bottom: 3em;
}
.guide__flow li:not(:last-child)::after {
  content: "";
  position: absolute;
  bottom: -2em;
  left: calc(50% - .5em);
  width: 1em;
  height: 1em;
  background: url("/resource/images/guide/guide__flow_arrow.svg") center center/contain no-repeat;
}
.guide-card {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 579px) {
  .guide-card {
    display: block;
  }
}
.guide-card__logo-list {
  margin-bottom: -.5em;
}
.guide-card__logo-list img {
  display: inline-block;
  vertical-align: middle;
  height: 4em;
  margin: .5em;
}
@media screen and (max-width: 768px) {
  .guide-card__logo-list img {
    height: 3em;
  }
}
@media screen and (max-width: 579px) {
  .guide-card__logo {
    margin-top: 1em;
  }
}
.guide-qa__list-item {
  padding: 1em;
  border: solid 1px #6B5D48;
  border-radius: .4em;
}
.guide-qa__list-item:not(:last-child) {
  margin-bottom: 1.5em;
}
.guide-qa__list-item > * {
  position: relative;
  padding-left: 1.5em;
}
.guide-qa__list-item > *::before {
  position: absolute;
  display: inline-block;
  left: 0;
  width: 1.25em;
  text-align: right;
}
.guide-qa__list-item dt {
  margin-bottom: .5em;
  font-weight: 400;
  color: #4DB6E8;
}
.guide-qa__list-item dt::before {
  content: "Q.";
}
.guide-qa__list-item dd::before {
  content: "A.";
  font-weight: 400;
}
.guide__table:not(:last-child) {
  margin-bottom: 1em;
}
.guide__table th {
  white-space: nowrap;
}

/* ================================================================================
  そらのま内科の特徴 /feature/
================================================================================ */
.feature-header {
  display: flex;
  align-items: stretch;
  margin-bottom: 100px;
  background: #fff;
  font-size: 1.3em;
}
@media screen and (max-width: 1279px) {
  .feature-header {
    font-size: 1em;
  }
}
@media screen and (max-width: 579px) {
  .feature-header {
    display: block;
    margin-bottom: 10vw;
  }
}
.feature-header__image {
  width: 60%;
  max-height: 700px;
}
@media screen and (max-width: 768px) {
  .feature-header__image {
    width: 50%;
  }
}
@media screen and (max-width: 579px) {
  .feature-header__image {
    width: 100%;
  }
}
.feature-header__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.feature-header__text {
  width: 40%;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .feature-header__text {
    width: 50%;
  }
}
@media screen and (max-width: 579px) {
  .feature-header__text {
    width: 100%;
  }
}
.feature-header__inner {
  width: 80%;
  padding: 1em 0;
}
@media screen and (max-width: 579px) {
  .feature-header__inner {
    width: 90%;
    padding: 5vw 0;
  }
}
.feature-header__title {
  font-size: 1.8em;
  letter-spacing: .2em;
  color: #4DB6E8;
}
@media screen and (max-width: 579px) {
  .feature-header__title {
    letter-spacing: .1em;
  }
}
.feature-header__copy {
  margin: 1em 0;
}
.feature-header__copy span {
  display: inline-block;
}
.feature-header__list li {
  font-size: .9em;
  font-weight: 400;
  color: #4DB6E8;
}
.feature-header__list li::before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 1em;
  height: 1em;
  margin-right: .5em;
  background: url("/resource/images/common/arrow__blue02d.svg") center center/contain no-repeat;
}

.feature__title--l {
  display: flex;
  align-items: center;
  margin-bottom: .75em;
  line-height: 1.4;
  font-size: 2rem;
  font-weight: 300;
  color: #4DB6E8;
}
@media screen and (max-width: 579px) {
  .feature__title--l {
    font-size: 1.5rem;
  }
}
.feature__title--num {
  display: block;
  width: 3rem;
  line-height: 1;
  font-size: 4rem;
  font-style: italic;
  opacity: .3;
}
.feature__title--text {
  width: calc(100% - 3rem);
}
.feature__title--text span {
  display: inline-block;
}
.feature__images {
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin: 2em auto;
}
.feature__images figure {
  width: 48%;
}
.feature__images figure figcaption {
  margin-top: .5em;
  text-align: center;
  font-size: .8em;
  font-weight: 400;
}

/* ================================================================================
  そらのまチームのご紹介 /team/
================================================================================ */
.team-doctor__flex {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 579px) {
  .team-doctor__flex {
    display: block;
  }
}
.team-doctor__text {
  width: 70%;
}
@media screen and (max-width: 579px) {
  .team-doctor__text {
    width: 100%;
  }
}
.team-doctor__image {
  width: 25%;
}
@media screen and (max-width: 579px) {
  .team-doctor__image {
    width: 60%;
    margin: 5vw auto 0;
  }
}
.team-doctor__image figcaption {
  margin-top: 1em;
  line-height: 1.4;
  font-size: .8em;
}
.team-doctor__image figcaption em {
  font-size: 1.2em;
  font-weight: 400;
}
.team-doctor__image figcaption em small {
  font-size: .7em;
}

.team-carrer__list dt {
  float: left;
  width: 7em;
  text-align: right;
}
.team-carrer__list dd {
  padding-left: 9em;
}
@media screen and (max-width: 579px) {
  .team-carrer__list dd {
    padding-left: 8em;
  }
}
.team-carrer__text dt {
  margin-top: 2em;
  font-weight: 500;
}

.team-type__item {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media screen and (max-width: 579px) {
  .team-type__item {
    display: block;
  }
}
.team-type__image {
  width: 16%;
}
@media screen and (max-width: 579px) {
  .team-type__image {
    float: left;
    width: 7rem;
    margin-right: 1rem;
  }
}
.team-type__text {
  width: 80%;
}
.team-type__text dt {
  margin-bottom: .5em;
  font-size: 1.2em;
  font-weight: 500;
}
@media screen and (max-width: 579px) {
  .team-type__text {
    width: 100%;
  }
  .team-type__text dt {
    display: flex;
    align-items: center;
    width: calc(100% - 8rem);
    height: 7rem;
    margin-bottom: 0;
  }
  .team-type__text dd {
    clear: both;
    margin-top: 1em;
  }
}

/* ================================================================================
  こんな症状がある方はご相談ください /symptom/
================================================================================ */
.symptom__flex {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
}
@media screen and (max-width: 579px) {
  .symptom__flex {
    display: block;
  }
}
.symptom__text {
  width: 70%;
}
@media screen and (max-width: 579px) {
  .symptom__text {
    width: 100%;
  }
}
.symptom__image {
  width: 25%;
}
@media screen and (max-width: 579px) {
  .symptom__image {
    width: 80%;
    margin: 2em auto 0;
  }
}

/* ================================================================================
  アクセス /access/
================================================================================ */
@media screen and (max-width: 1679px) {
  .access-map iframe {
    height: 500px;
  }
}
@media screen and (max-width: 1279px) {
  .access-map iframe {
    height: 400px;
  }
}
@media screen and (max-width: 768px) {
  .access-map iframe {
    height: 60vw;
  }
}

.access-traffic__flex {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 579px) {
  .access-traffic__flex {
    display: block;
  }
}
.access-traffic__flex > * {
  width: 47.5%;
}
@media screen and (max-width: 579px) {
  .access-traffic__flex > * {
    width: 100%;
  }
}
@media screen and (max-width: 579px) {
  .access-traffic__image {
    margin: 5vw auto 0;
  }
}

/* ================================================================================
  施設・設備のご紹介 /facility/
================================================================================ */
.facility__photo-list {
  margin-bottom: 2em;
}
.facility__photo-list .slick-arrow {
  position: absolute;
  z-index: 1;
  top: calc(50% - 3em);
  width: 3em;
  height: 3em;
  border-radius: 50%;
  background: #fff;
  cursor: pointer;
}
@media screen and (max-width: 579px) {
  .facility__photo-list .slick-arrow {
    top: calc(50% - 3.8em);
  }
}
.facility__photo-list .slick-arrow.slick-prev {
  left: -1.5em;
}
.facility__photo-list .slick-arrow.slick-prev::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: .6em;
  height: .6em;
  border: solid #6B5D48;
  border-width: 0 0 1px 1px;
  transform: translate(-30%, -50%) rotate(45deg);
}
.facility__photo-list .slick-arrow.slick-next {
  right: -1.5em;
}
.facility__photo-list .slick-arrow.slick-next::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: .6em;
  height: .6em;
  border: solid #6B5D48;
  border-width: 1px 1px 0 0;
  transform: translate(-80%, -50%) rotate(45deg);
}
.facility__photo-item img {
  width: 100%;
  border-radius: 1em;
}
.facility__photo-item figcaption {
  margin: 1em 1em 0;
  line-height: 1.6;
  font-weight: 400;
}
.facility__thumb-list {
  position: relative;
  display: flex;
  flex-wrap: wrap;
}
.facility__thumb-list .slick-track {
  width: 100% !important;
  transform: translate3d(0, 0, 0) !important;
}
.facility__thumb-item {
  width: 18% !important;
  margin-top: 2.5%;
  margin-right: 2.5%;
  border-radius: .4em;
  background: #6B5D48;
  cursor: pointer;
}
.facility__thumb-item.u--mt {
  margin-top: 3em;
}
.facility__thumb-item:nth-child(5n) {
  margin-right: 0;
}
.facility__thumb-item:nth-child(1) {
  position: relative;
}
.facility__thumb-item:nth-child(1)::before {
  content: "施設紹介";
  position: absolute;
  display: block;
  top: -2em;
  left: 0;
  white-space: nowrap;
  font-size: 1.2em;
  font-weight: 500;
  letter-spacing: .2em;
  color: #4DB6E8;
}
.facility__thumb-item:nth-child(11) {
  position: relative;
}
.facility__thumb-item:nth-child(11)::before {
  content: "設備紹介";
  position: absolute;
  display: block;
  top: -2em;
  left: 0;
  white-space: nowrap;
  font-size: 1.2em;
  font-weight: 500;
  letter-spacing: .2em;
  color: #4DB6E8;
}
.facility__thumb-item img {
  border-radius: .4em;
  opacity: .7;
  transition: opacity .3s;
}
.facility__thumb-item.slick-current img {
  opacity: 1;
}
@media screen and (min-width: 1280px) {
  .facility__thumb-item:hover img {
    opacity: 1;
  }
}

/* ================================================================================
  採用情報 /recruit/
================================================================================ */
.recruit_detail {
  font-size: 1em;
}
.recruit__list {
  margin-top: 5vw;
  font-weight: 400;
}
.recruit__item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: .5em 1em;
  border: solid 1px #6B5D48;
  border-radius: .4em;
}
:not(:last-child) > .recruit__item {
  margin-bottom: 1.5em;
}
@media screen and (min-width: 1280px) {
  .recruit__item {
    transition: background-color .3s;
  }
  .recruit__item:hover {
    background-color: rgba(107, 93, 72, 0.2);
  }
}
.recruit__item--category {
  padding: .25em 1em;
  border-radius: .4em;
  background: #6B5D48;
  font-size: .7em;
  color: #fff;
}
.recruit__nolink {
  pointer-events: none;
  opacity: .5;
}

.recruit_sec {
  position: relative;
  width: 90vw;
  max-width: 1000px;
  margin: 10% auto 0;
}

.recruit_secttl {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1.5em;
  padding: .25em .5em;
  border-radius: .4em;
  background-color: #6B5D48;
  text-align: center;
  font-size: 1.5em;
  color: #fff;
}

.recruit_secttl .category {
  width: 6rem;
  padding: .5em 0;
  border-radius: .3em;
  background-color: #fff;
  line-height: 1;
  font-size: .6em;
  font-weight: 400;
  color: #6B5D48;
}

.recruit_secttl em {
  flex: 1;
}

.recruit_table {
  width: 100%;
  font-size: 1.14em;
  font-weight: 400;
}

.recruit_table tr > * {
  padding: .75em 1em;
  border: solid 1px #6B5D48;
}

.recruit_table tr th {
  background-color: #6B5D48;
  text-align: center;
  color: #fff;
}

.recruit_table tr:not(:last-child) th {
  border-bottom-color: #fff;
}

.recruit_table tr td {
  background-color: #fff;
}

.recruit_table tr td span {
  display: inline-block;
}

.recruit_table .jobhour {
  display: flex;
  flex-wrap: wrap;
}
.recruit_table .jobhour dt {
  width: 4em;
  margin-right: .5em;
  text-align: justify;
  text-align-last: justify;
}
.recruit_table .jobhour dd {
  width: calc(100% - 4.5em);
}

@media screen and (max-width: 768px) {
  .recruit_content {
    min-height: calc(78vh - 5em);
  }

  .recruit_sec {
    margin: 3em auto 0;
  }

  .recruit_title {
    margin-bottom: 1.5em;
    padding: 1em 0;
    font-size: 1.4em;
  }

  .recruit_list_ttl {
    font-size: 1.4em;
  }

  .recruit_secttl {
    font-size: 1.1em;
  }

  .recruit_secttl .category {
    width: 4rem;
  }

  .recruit_secttl em {
    width: calc(100% - 4rem);
    padding-left: 1em;
    text-align: left;
  }

  .recruit_table {
    border-bottom: solid 1px #6B5D48;
    font-size: 1em;
  }

  .recruit_table tr > * {
    display: block;
    width: 100%;
    border-bottom: none;
  }

  .recruit_table tr th {
    padding: .5em 1em;
  }

  .recruit_table tr td {
    padding-bottom: 2em;
  }

  .recruit_sec .button a {
    width: 100%;
    padding: .75em 1em;
    font-size: 1.1em;
    letter-spacing: 0;
  }
}
/* ボタン・リンク
------------------------------ */
.recruit_sec .button {
  display: flex;
  justify-content: center;
  width: 100%;
  max-width: 1000px;
  margin: 2em auto;
  border: none;
  text-align: center;
}
.recruit_sec .button::after {
  content: none;
}

.recruit_sec .button a {
  display: inline-block;
  padding: 0.75em 1.5em;
  border: solid 4px #fff;
  border-radius: 3em;
  background-color: #4DB6E8;
  line-height: 1.2;
  font-size: 1.625em;
  letter-spacing: .05em;
  color: #fff;
  box-shadow: 2px 3px 0 #11475D;
  transition: .2s;
}
@media screen and (max-width: 768px) {
  .recruit_sec .button a {
    border-width: 2px;
    font-size: 1.2em;
  }
}

.recruit_sec .button a:hover {
  transform: translateY(1px);
  background-color: #5A3C2D;
  box-shadow: 0 0 0 #11475D;
}

.recruit_sec .button a * {
  display: inline-block;
  margin: .2em;
}

.recruit_sec .button a em span {
  margin: .5em .2em;
  font-size: .76em;
}

.recruit_sec .button a > span {
  margin-left: 1em;
  padding: 0.5em 1em;
  border-radius: 3em;
  background-color: #fff;
  font-size: .76em;
  letter-spacing: 0;
  color: #6B5D48;
}

.link_back {
  margin-top: 5%;
  text-align: center;
}

.link_back a {
  display: inline-block;
  padding: .5em 2em;
  border: solid 1px #6B5D48;
  border-radius: 3em;
  color: inherit;
  transition: background-color .3s;
}

.link_back a:hover {
  background-color: #eee6cb;
}

/* [採用エントリー・お問い合わせ]
   /recruit/entry/
------------------------------ */
.recruit_form_wrap {
  width: 90vw;
  max-width: 800px;
  margin: 0 auto;
}

.recruit_form_notes {
  margin-bottom: 1em;
  padding-bottom: 2em;
  border-bottom: solid 1px #978E7F;
  font-size: .9em;
}

/* mailformpro */
form#mailformpro dl {
  display: flex;
  flex-wrap: wrap;
}

form#mailformpro dl dt {
  position: relative;
  float: none;
  border-top: none;
  width: 16em;
  margin: 0 0 2em 0;
  padding: 0 0 2em 0;
  text-align: left;
  font-size: 1em;
  font-weight: 500;
  border-bottom: solid 1px #978E7F;
}

.required:after {
  content: "*";
  display: inline-block;
  margin-left: .5em;
  color: #c00;
}

form#mailformpro dl dd {
  float: none;
  border-top: none;
  width: calc(100% - 16em);
  margin: 0 0 2em 0;
  padding: 0 0 2em 0;
  border-bottom: solid 1px #978E7F;
  font-size: 1em;
}

form#mailformpro dl dt:last-of-type,
form#mailformpro dl dd:last-of-type {
  margin-bottom: 0;
}

form#mailformpro dl dd input[type="text"],
form#mailformpro dl dd textarea {
  box-shadow: none;
  width: 100%;
  max-width: 400px;
  padding: .5em;
  border: solid 2px #C4BEB6;
  border-radius: .4em;
}

form#mailformpro dl dd textarea {
  max-width: 100%;
}

form#mailformpro dl dd input[type="radio"] {
  margin-right: .5em;
}

form#mailformpro dl dd ::placeholder {
  color: #999;
}

form#mailformpro .button button,
form#mailformpro .button input {
  margin: 0 .5em;
  padding: .5em 2em;
  outline: none;
  border: solid 2px;
  background: none;
  border-radius: .4em;
  box-shadow: none;
  font-size: 1.2em;
  font-weight: 400;
  text-shadow: none;
  transition: .3s;
}

form#mailformpro .button button {
  border-color: #6B5D48;
  background: #6B5D48;
  color: #fff;
}

form#mailformpro .button button:hover {
  background: #fff;
  box-shadow: none;
  color: #6B5D48;
}

form#mailformpro .button input {
  border-color: #ccc;
  background: #ccc;
  color: #666;
}

form#mailformpro .button input:hover {
  border-color: #6B5D48;
  box-shadow: none;
}

form#mailformpro label {
  border: none;
  border-radius: 0;
  margin: 0;
  padding: 0 0 .25em 0;
  border: none;
}

form#mailformpro label.mfp_not_checked {
  border: none;
  padding: 0 0 .25em 0;
}

form#mailformpro label.mfp_checked {
  border: none;
  padding: 0 0 .25em 0;
  border: none;
  background-color: inherit;
  box-shadow: none;
}

div#mfp_overlay_inner {
  width: 800px;
}

#mfp_overlay_inner h4 {
  margin-bottom: 1em;
  font-size: 1em;
  font-weight: 500;
}

table#mfp_confirm_table {
  margin-bottom: 1em;
  border-bottom: solid 1px #ccc;
}

table#mfp_confirm_table tr th,
table#mfp_confirm_table tr td {
  padding: .5em 1em;
  font-size: 1em;
}

@media screen and (max-width: 599px) {
  form#mailformpro dl {
    display: flex;
    flex-direction: column;
  }

  form#mailformpro dl dt {
    width: 100%;
    margin: 0 0 .5em 0;
    padding: 0;
    border-bottom: none;
  }

  form#mailformpro dl dt:last-of-type {
    margin-bottom: .5em;
  }

  form#mailformpro dl dd {
    width: 100%;
  }

  form#mailformpro .button {
    display: flex;
    justify-content: space-between;
  }

  form#mailformpro .button button,
  form#mailformpro .button input {
    width: 48%;
    margin: 0;
    padding: .5em 0;
    font-size: 1em;
  }

  table#mfp_confirm_table tr.mfp_colored {
    background-color: #fff;
  }

  table#mfp_confirm_table tr th,
  table#mfp_confirm_table tr td {
    display: block;
    width: 100%;
  }

  table#mfp_confirm_table tr th {
    border-bottom: none;
    background-color: #F6F7F9;
  }

  table#mfp_confirm_table tr td {
    padding-bottom: .5em;
    border-top: none;
  }
}
/* thanks.html */
.recruit_form_thanks {
  margin-bottom: 5em;
  text-align: center;
}

.recruit_form_thanks_ttl {
  margin-bottom: 1em;
  padding-left: .2em;
  font-size: 1.6em;
  letter-spacing: .2em;
}

/* アンカーポイント
------------------------------ */
.anc_point {
  position: absolute;
  display: block;
  top: -120px;
  left: 0;
  width: 0;
  height: 0;
}
@media screen and (max-width: 768px) {
  .anc_point {
    top: -60px;
  }
}

/*# sourceMappingURL=style_subpage.css.map */