@charset "UTF-8";

/* 共通
------------------------------*/
/*文字装飾*/
.small {
  font-size: small;
}
.bold {
  font-weight: bold;
}
.red {
  color: #c00;
}
.brown,
.or {
  color: #d37700;
}
.green,
.gr {
  color: #4f811a;
}
.black {
  font-size: small;
  color: #333;
  font-weight: normal;
}

/*文字配列*/
.align_right {
  text-align: right !important;
}
.align_center {
  text-align: center !important;
}
.align_left {
  text-align: left !important;
}

/*調整用*/
.mb10 {
  margin-bottom: 10px;
}
.mb20 {
  margin-bottom: 20px;
}
.mb30 {
  margin-bottom: 30px;
}
.mb40 {
  margin-bottom: 40px;
}

/*タイトル*/
h2 {
  display: block;
  margin-top: 20px;
  margin-bottom: 10px;
  padding: 3px 0 3px 25px;
  border-bottom-width: 2px;
  border-bottom-style: solid;
  border-bottom-color: #ccc;
  background-image: url(../img/title_bg01.png); /*%EF%BD%883_eyecatch.gif*/
  background-repeat: no-repeat;
  background-position: center left;
  background-size: 20px;
  color: #231815;
  font-size: 16px;
}
h3 {
  background-image: url(../../images/common/icon_flo_gr.gif);
  background-repeat: no-repeat;
  background-position: left 5px;
  border-bottom-width: 1px;
  border-top-style: none;
  border-bottom-style: solid;
  border-bottom-color: #ccc;
  padding-left: 14px;
  color: #f90;
  margin-bottom: 5px;
  font-size: 16px;
  margin-top: 10px;
}
h4 {
  font-size: 15px;
  color: #d37700;
  margin-bottom: 5px;
  margin-top: 10px;
  line-height: 16px;
}

.flower_ye {
  background-image: url(../../images/common/icon_flo_ye.gif);
  background-repeat: no-repeat;
  background-position: left 5px;
  padding-left: 14px;
}

.flower_or {
  background-image: url(../../images/common/icon_flo_or.gif);
  background-repeat: no-repeat;
  background-position: left 5px;
  padding-left: 14px;
}
.flower_gr {
  background-image: url(../../images/common/icon_flo_gr.gif);
  background-repeat: no-repeat;
  background-position: left 5px;
  padding-left: 14px;
}

#title_access {
  text-indent: -100000px;
  background-image: url(../access/img/main_pic.jpg);
  background-repeat: no-repeat;
  background-position: right top;
  height: 165px;
  width: auto;
}

#title_medical {
  text-indent: -100000px;
  background-image: url(../medical/img/main_pic.jpg);
  background-repeat: no-repeat;
  background-position: right top;
  height: 165px;
  width: auto;
}
#title_staff {
  text-indent: -100000px;
  background-image: url(../staff/img/main_pic.jpg);
  background-repeat: no-repeat;
  background-position: right top;
  height: 165px;
  width: auto;
}

#title_reserve {
  text-indent: -100000px;
  background-image: url(../reserve/img/main_pic.jpg);
  background-repeat: no-repeat;
  background-position: right top;
  height: 165px;
  width: auto;
}
#title_facilities {
  text-indent: -100000px;
  background-image: url(../facilities/img/main_pic.jpg);
  background-repeat: no-repeat;
  background-position: right top;
  height: 165px;
  width: auto;
}

#title_clinic {
  text-indent: -100000px;
  background-image: url(../clinic/img/main_pic.jpg);
  background-repeat: no-repeat;
  background-position: right top;
  height: 165px;
  width: auto;
}

#title_recruit {
  text-indent: -100000px;
  background-image: url(../recruit/img/main_pic.jpg);
  background-repeat: no-repeat;
  background-position: right top;
  height: 165px;
  width: auto;
}
#title_team {
  text-indent: -100000px;
  background-image: url(../team/img/main_pic.jpg);
  background-repeat: no-repeat;
  background-position: right top;
  height: 165px;
  width: auto;
}

#title_safety {
  text-indent: -100000px;
  background-image: url(../safety/img/main_pic.jpg);
  background-repeat: no-repeat;
  background-position: right top;
  height: 165px;
  width: auto;
}

#title_esthetic {
  text-indent: -100000px;
  background-image: url(../esthetic/img/main_pic.jpg);
  background-repeat: no-repeat;
  background-position: right top;
  height: 165px;
  width: auto;
}

.headline {
  font-weight: bold;
  color: #c60;
  font-size: large;
  background-color: #ffc;
  padding: 5px;
  border-left-width: 5px;
  border-left-style: solid;
  border-left-color: #f90;
  margin-top: 18px;
  margin-bottom: 10px;
}

/*画像*/
.w100 img {
  min-width: 100%;
  max-width: 100%;
  height: auto;
}

.w20p img {
  width: 20px;
  height: auto;
}

/*リスト*/
ol {
  list-style-type: decimal;
  padding-left: 25px;
  margin: 8px auto;
}

ol li {
  line-height: 1.3;
  margin-bottom: 10px;
}

.disc {
  list-style-type: disc;
  padding-left: 20px;
}

#contents {
  margin-right: 10px;
  margin-left: 10px;
}

/*ボックス*/
.box_br {
  padding: 5px;
  border: 1px solid #d37700;
  margin-top: 5px;
  margin-bottom: 5px;
}

/* パンくず */
.pan {
  list-style: none;
  overflow: hidden;
  color: white;
  font: 11px arial, Helvetica, clean, sans-serif;
  background: rgb(233, 233, 233);
}
.pan li {
  float: left;
  line-height: 20px;
}
.pan li a {
  color: #fff;
  padding: 0 10px 0 15px;
  background: rgb(142, 142, 142);
  display: block;
  float: left;
}
.pan li a::after {
  position: relative;
  display: block;
  margin-top: -10px;
  margin-left: auto;
  margin-right: -15px;
  height: 10px;
  width: 10px;
  content: " ";
  -webkit-transform: skew(-30deg);
  background: rgb(142, 142, 142);
  border-right: 2px solid white;
}
.pan li a::before {
  float: right;
  display: block;
  margin-bottom: -10px;
  margin-left: auto;
  margin-right: -15px;
  height: 10px;
  width: 10px;
  content: " ";
  -webkit-transform: skew(30deg);
  background: rgb(142, 142, 142);
  border-right: 2px solid white;
}
.pan li:first-child a {
  font-weight: 900;
  padding-left: 10px;
  background: rgb(108, 108, 108);
}
.pan li:first-child a::before,
.pan li:first-child a::after {
  background: rgb(108, 108, 108);
}
.pan li:last-child {
  padding-left: 15px;
  background: transparent !important;
  color: rgb(50, 116, 208);
  font-weight: 900;
}
.pan li a:hover,
.pan li a:hover::before,
.pan li a:hover::after {
  background: rgb(108, 108, 108);
}
.pan li:first-child a:hover,
.pan li:first-child a:hover::before,
.pan li:first-child a:hover::after {
  background: rgb(77, 77, 77);
}
.pan li.scope a,
.pan li.scope a::before,
.pan li.scope a::after {
  background: rgb(50, 116, 208);
}
.pan li.scope a:hover,
.pan li.scope a:hover::before,
.pan li.scope a:hover::after {
  background: rgb(34, 97, 160);
}

/*header
------------------------------*/
header {
  background-color: #fcf9e5;
  padding-right: 10px;
  padding-left: 10px;
  margin: 0px;
  padding-top: 0px;
  padding-bottom: 10px;
}
.navi li img {
  max-width: 25%;
  min-width: 25%;
  height: auto;
  float: left;
  margin-top: 5px;
}

/*footer
------------------------------*/
.footer {
  border-top-width: 5px;
  border-top-style: solid;
  border-top-color: #060;
  padding-top: 5px;
}

/*ページトップへ*/
.totop a {
  float: right;
  width: auto;
  margin-bottom: 10px;
  display: block;
  color: #f96;
  text-decoration: none;
  font-weight: bold;
  margin-top: 10px;
  background-color: #fff;
  padding-right: 5px;
  padding-left: 5px;
}

.link-treatment {
  margin-top: 20px;
  margin-bottom: 20px;
}
.copy_right {
  text-align: center;
}
.btn_pc a {
  color: #ccc;
  font-size: 12px;
  font-weight: bold;
  text-decoration: none;
  background-color: #666;
  border: 1px solid #999;
  width: 80px;
  padding-top: 3px;
  padding-right: 10px;
  padding-bottom: 3px;
  padding-left: 10px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -o-border-radius: 5px;
  -ms-border-radius: 5px;
}
.btn_sp {
  color: #999;
  font-size: 12px;
  font-weight: bold;
  text-decoration: none;
  background-color: #ccc;
  border: 1px solid #999;
  width: 80px;
  padding-top: 3px;
  padding-right: 10px;
  padding-bottom: 3px;
  padding-left: 10px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -o-border-radius: 5px;
  -ms-border-radius: 5px;
}

footer {
  background-color: #fcf9e5;
  padding-top: 5px;
  width: auto;
}
#footer_contents {
  text-align: center;
  margin: 10px;
}
#footer_contents h4 {
  margin-bottom: 10px;
}
#footer_contents p img {
  margin-bottom: 10px;
}

/*TOP
------------------------------*/
#whatsnew .article {
  text-align: left;
  margin-top: 10px;
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #ccc;
}

.visual {
  font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3",
    "Hiragino Mincho Pro", serif;
  text-align: center;
  font-size: 12px;
}
.visual img {
  max-width: 100%;
  min-width: 100%;
  height: auto;
}
.visual .message {
  font-size: 18px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #f90;
  padding-bottom: 5px;
  color: #201615;
}

/* 施設基準 */
.facilitystandards_ttl {
}
.facilitystandards_txt {
  line-height: 1.5;
  text-align: left;
}
.facilitystandards_box {
  padding: 20px 3%;
  background-color: #fcfbf0;
  border: 1px solid #c0c0c0;
  text-align: center;
}
.facilitystandards .number_list {
  display: inline-block;
}
.facilitystandards .number_list > li {
  position: relative;
  padding-left: 1.5em;
  text-align: left;
}
.facilitystandards .number_list > li .num {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  color: #d37700;
}
.facilitystandards .number_list > li:not(:last-child) {
  margin-bottom: 10px;
}

/*未確認
------------------------------*/
#profile dt {
  font-weight: bold;
}
#contents .box_br #profile {
  margin: 10px;
}

.pg_navi ul li a {
  text-decoration: none;
  display: block;
  float: left;
  width: auto;
  padding: 5px;
  background-color: #fc3;
  font-size: 12px;
  font-weight: bold;
  color: #666;
  margin-right: 5px;
  line-height: 13px;

  border: 1px solid #666;
  border-radius: 5px;
  margin-bottom: 5px;
}
.pg_navi {
  margin-top: 10px;
}

.pg_title {
  font-weight: bold;
  color: #f60;
  background-color: #fc6;
  font-size: 12px;
  padding-left: 5px;
  margin-top: 10px;
}
.arrow {
  padding-left: 30px;
}
table {
  border-collapse: collapse;
  border-spacing: 0px;
  width: 100%;
}
table tr th {
  background-color: #ffc;
  border: 1px solid #ccc;
  padding: 5px;
  width: 25%;
  text-align: left;
}
table tr td {
  border: 1px solid #ccc;
  padding: 5px;
}
.training dt {
  float: left;
  width: 5em;
  text-align: right;
}
.training dd {
  padding-left: 5.5em;
}
.team_dl dt {
  float: left;
  width: 8em;
}
.team_dl dd {
  padding-left: 8em;
}
.facilities {
  text-indent: -1em;
  padding-left: 1em;
  line-height: 1.3em;
}

.or_border {
  border: 1px solid #f39700;
  padding: 8px 0;
  margin: 8px auto;
}

dl.safety {
  margin: 10px auto;
}

dl.safety dt {
  font-weight: bold;
  color: #4f811a;
  margin-bottom: 5px;
}

dl.safety dd {
  margin-bottom: 20px;
}

dl.safety .pic,
.safety_flow .pic {
  text-align: center;
  margin: 10px auto 0;
}

dl.safety .image {
  max-width: 100%;
  height: auto;
}

.safety_flow .lead {
  font-weight: bold;
  font-size: 110%;
}

.merit {
  padding: 10px 15px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  background-color: #ffe2a5;
  margin: 10px 0 15px;
}

.demerit {
  padding: 10px 15px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  background-color: #cce2b5;
  margin-bottom: 25px;
}

.price-outer {
  margin: 0 !important;
}
.price-outer bdr {
  padding-bottom: 0 !important;
}
.price-outer dl {
  border: 1px solid #d9cda5;
  margin-bottom: 20px;
  overflow: hidden;
}
.price-outer dl dt {
  text-align: center;
  float: left;
  background: #d37700;
  color: #fff;
  font-weight: bold;
  padding: 3% 5%;
  line-height: 1.3em;
  width: 26%;
  border-bottom: solid 1px #fff;
  font-size: 14px;
}
.price-outer dl dd {
  text-align: right;
  float: right;
  padding: 3% 3% 3% 0;
  line-height: 1.3em;
  border-bottom: solid 1px #d9cda5;
  width: 61%;
  font-size: 14px;
}
.price-outer dl dt.price {
  border-bottom: none;
}
.price-outer dl dd.price02 {
  font-weight: bold;
  color: #d37700;
  border-bottom: none;
  /* padding: 6% 3% 3% 0; */
}

.pic_box02 img {
  width: 100%;
  height: auto;
}
.pic_box02 {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
}

.link_box a {
  display: block;
}

.name02 {
  color: #333;
}
dt.inline_training {
  display: inline;
}

.staff_box .flo_gr {
  font-size: 15px;
}
.staff_box .right_box p {
  margin-bottom: 10px;
}

/*メールフォーム*/
#contents #mailform #mfp_buttons_sp {
  text-align: center;
}
#contents #mailform #mfp_buttons_sp ul li {
  margin-top: 10px;
}