@charset "UTF-8";
@font-face {
  font-family: "YakuHanJP";
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/YakuHanJP/YakuHanJP-Regular.woff2) format("woff2"), url(../fonts/YakuHanJP/YakuHanJP-Regular.woff) format("woff"), url(../fonts/YakuHanJP/YakuHanJP-Regular.eot);
}
@font-face {
  font-family: "YakuHanJP";
  font-style: normal;
  font-weight: 700;
  src: url(../fonts/YakuHanJP/YakuHanJP-Bold.woff2) format("woff2"), url(../fonts/YakuHanJP/YakuHanJP-Bold.woff) format("woff"), url(../fonts/YakuHanJP/YakuHanJP-Bold.eot);
}
/*----------------------------------------------------------------------
------------------------------------------------------------------------

File Name:		index.scss
Note:			インデックス用SCSSファイル


New Creation:	2013/03/04 18:08:40.
Last Change:	2014/10/30 20:20:33.


Created By		Yoshiaki Murakami

------------------------------------------------------------------------
----------------------------------------------------------------------*/
/*----------------------------------------------------------------------
------------------------------------------------------------------------
目次

0.	共通使用変数定義
1.	ブラウザデフォルトスタイルリセット
2.	HTMLタグ
3.	container
4.	共通部分
5.	header
6.	content
7.	main
9.	footer
10.	original

------------------------------------------------------------------------
----------------------------------------------------------------------*/
/*----------------------------------------------------------------------
0.	共通使用変数定義
----------------------------------------------------------------------*/
/*----------------------------------------------------------------------
1.	ブラウザデフォルトスタイルリセット
----------------------------------------------------------------------*/
body,
h1, h2, h3, h4, h5, h6,
div,
p,
ul, ol, dl,
form, fieldset,
table,
address,
blockquote,
noscript,
pre,
tr,
td,
input,
textarea {
  margin: 0;
  padding: 0;
  line-height: 1;
  font-style: normal;
}

html {
  font-size: 62.5%;
  font-family: "YakuHanJP", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  color: #4f4738;
}

h1, h2, h3, h4, h5, h6 {
  font-size: 1em;
  font-weight: normal;
}

small {
  font-size: 1em;
}

mark {
  background: none;
}

fieldset {
  border: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0px;
  font-size: inherit;
  font: 100%;
}

li {
  list-style-type: none;
}

dd {
  margin: 0;
}

a,
abbr,
acronym,
em,
strong,
span,
img,
sub,
sup,
input,
button,
textarea,
select,
label,
caption {
  font-weight: normal;
  font-style: normal;
}

a {
  text-decoration: none;
  color: #6d9dcf;
}

img {
  display: none;
  height: auto;
  border: none;
  vertical-align: bottom;
}

caption,
th {
  font-weight: normal;
  text-align: left;
}

th,
td {
  padding: 0px;
}

input,
textarea,
select {
  font-family: inherit;
  font-size: inherit;
}

textarea {
  vertical-align: top;
}

iframe {
  border: none;
}

header,
footer,
article,
section,
aside,
nav,
figure,
figcaption {
  display: block;
  margin: 0;
  padding: 0;
}

input[type=search] {
  box-sizing: content-box;
  -webkit-appearance: none;
}
input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/*----------------------------------------------------------------------
2.	HTMLタグ
----------------------------------------------------------------------*/
/*----------------------------------------------------------------------
3.	container
----------------------------------------------------------------------*/
.container {
  min-width: 1040px;
  overflow: hidden;
}
.container img {
  display: inline-block;
}

.container {
  position: relative;
}
.container > * {
  position: relative;
  z-index: 1;
}
.container::before, .container::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  width: 50%;
  height: 718px;
}
.container::before {
  left: 0;
  background: url(../img/main_bg1.png) left top repeat-x;
}
.container::after {
  right: 0;
  background: url(../img/main_bg2.png) left top repeat-x;
}

/*----------------------------------------------------------------------
4.	共通部分
----------------------------------------------------------------------*/
.cv {
  position: relative;
  background: url(../img/cv_bg.jpg) center top no-repeat;
}
.cv::before, .cv::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  z-index: -1;
  width: 50%;
  height: 598px;
}
.cv::before {
  left: 0;
  background: url(../img/cv_bg1.png) left top repeat-x;
}
.cv::after {
  right: 0;
  background: url(../img/cv_bg2.png) left top repeat-x;
}
.cv > * {
  position: relative;
  z-index: 1;
}
.cv-inner {
  position: relative;
  margin-right: auto;
  margin-left: auto;
  width: 920px;
  height: 598px;
}
.cv-title {
  padding-top: 50px;
}
.cv-wanted {
  position: relative;
  padding: 28px 0 60px;
  background: url(../img/main_wanted_menber.png) left bottom no-repeat;
}
.cv-wanted-price {
  padding-top: 20px;
}
.cv-wanted-limit {
  position: absolute;
  left: 154px;
  bottom: 6px;
  width: 53px;
  text-align: center;
  font-size: 3em;
  font-weight: bold;
  color: #fff;
}
.cv-limit {
  padding-top: 9px;
  color: #fff;
}
.cv-limit-title {
  display: inline-block;
  margin-right: 0.25em;
  width: 4em;
  line-height: 1.2222222222;
  font-size: 18px;
}
.cv-limit-detail {
  border-radius: 0.2rem;
  box-shadow: 2px 2px 1px #333;
  display: inline-block;
  vertical-align: top;
  padding: 0.4em 0.4em;
  background-color: #b81d25;
  font-size: 24px;
}
.cv-button-list {
  display: flex;
  position: relative;
  margin-top: 20px;
}
.cv-button-item {
  position: relative;
  z-index: 1;
}
.cv-button-item img {
  transition: opacity 0.3s linear;
}
.cv-button-item a {
  display: block;
}
.cv-button-item a:hover {
  position: relative;
  z-index: 2;
}
.cv-button-item a:hover img {
  opacity: 0;
}
.cv-button-text {
  margin-bottom: 2px;
}
.cv-button-link {
  margin-left: -4px;
  background-position: left top;
  background-repeat: no-repeat;
}
.cv-tel-list {
  display: flow-root;
  position: absolute;
  top: 430px;
  left: 303px;
  margin: 1.6304347826% auto 0;
  width: 395px;
  background: url(../img/cv_tel_bg.png) right bottom no-repeat;
}
.cv-tel-item {
  float: left;
  margin-top: 23px;
  background-position: left top;
  background-repeat: no-repeat;
  padding-top: 23px;
}
.cv-tel-item:nth-child(1), .cv-tel-item:nth-child(2) {
  margin-top: 0;
}
.cv-tel-item:nth-child(even) {
  float: right;
}
.cv-tel-item.tokyo {
  background-image: url(../img/cv_tel_title_tokyo.png);
}
.cv-tel-item.nagoya {
  background-image: url(../img/cv_tel_title_nagoya.png);
}
.cv-tel-item.osaka {
  background-image: url(../img/cv_tel_title_osaka.png);
}
.cv-tel-item.fukuoka {
  background-image: url(../img/cv_tel_title_fukuoka.png);
}
.cv-tel-item.hiroshima {
  background-image: url(../img/cv_tel_title_hiroshima.png);
}
.cv-tel-item .overseas {
  display: block;
  padding-top: 5px;
  color: #fff;
  letter-spacing: 0.02em;
}
.cv-tel-item .overseas a {
  display: inline-block;
  color: #fff;
}
.cv .monitor .cv-button-link {
  background-image: url(../img/cv_monitor_button_h.png);
}
.cv .consultation .cv-button-link {
  background-image: url(../img/cv_consultation_button_h.png);
}

.pagetop {
  display: none;
  position: fixed;
  right: 1%;
  bottom: 1.5%;
  z-index: 100;
}

.m-pastern {
  position: relative;
  background: url(../img/doctor_area_bg.gif) left top repeat-x;
  background-size: auto 100%;
}
.m-pastern-inner {
  position: relative;
  margin: 0 auto;
  width: 920px;
  height: 352px;
}
.m-pastern-inner::before {
  content: "";
  display: block;
  position: absolute;
  right: 10px;
  bottom: 0;
  width: 412px;
  height: 100%;
  background: url(../img/pastern_doctor.png) right bottom no-repeat;
  background-size: 100% auto;
}
.m-pastern-text {
  position: absolute;
  top: 50%;
  left: 0;
  z-index: 2;
}
.m-pastern .pastern1 {
  margin-top: -50px;
}
.m-pastern .pastern2 {
  margin-top: -77px;
}

/*----------------------------------------------------------------------
5.	#header
----------------------------------------------------------------------*/
.navi {
  width: 100%;
  height: 70px;
  background: url(../img/navi_bg.gif) left top repeat-x;
}
.navi.fixed {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 900;
  width: 100%;
}
.navi-list {
  margin: 0 auto;
  width: 920px;
  height: 70px;
  background: url(../img/navi_list_bg.gif) left top no-repeat;
}
.navi-item {
  float: left;
}
.navi-item img {
  transition: opacity 0.3s linear;
}
.navi-item:hover {
  position: relative;
  z-index: 2;
}
.navi-item:hover img {
  opacity: 0;
}

.flow-navi {
  backface-visibility: hidden;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  overflow: hidden;
  height: 60px;
  background: url(../img/navi_bg_s.gif) left top repeat-x;
}
.flow-navi-list {
  margin: 0 auto;
  width: 920px;
  height: 60px;
  background: url(../img/navi_list_bg_s.gif) left top no-repeat;
}
.flow-navi-item.is-active {
  position: relative;
  z-index: 2;
}
.flow-navi-item.is-active img {
  opacity: 0;
}

/*----------------------------------------------------------------------
6.	#content
----------------------------------------------------------------------*/
.m-contents-inner {
  display: flow-root;
  position: relative;
  margin-right: auto;
  margin-left: auto;
  width: 920px;
}

/*----------------------------------------------------------------------
7.	#main
----------------------------------------------------------------------*/
/*----------------------------------------------------------------------
9.	#footer
----------------------------------------------------------------------*/
.footer {
  padding-top: 20px;
  padding-bottom: 20px;
  background-color: #323232;
  text-align: center;
  font-size: 10px;
  color: #fff;
}
.footer .copyright.link {
  margin-bottom: 10px;
}
.footer .copyright.link a {
  color: #fff;
}

/*----------------------------------------------------------------------
10.	original
----------------------------------------------------------------------*/
.main-visual {
  background: url(../img/main_bg.jpg) center top no-repeat;
}
.main-visual-inner {
  position: relative;
  margin: 0 auto;
  width: 920px;
  height: 718px;
}
.main-visual-inner > * {
  position: absolute;
  z-index: 2;
}
.main-visual-title {
  top: 134px;
  right: 9px;
}
.main-visual-lead {
  top: 306px;
  right: 0;
}
.main-visual-wanted {
  top: 487px;
  right: 0;
  width: 498px;
  height: 42px;
  background: url(../img/main_wanted_menber.png) left top no-repeat;
}
.main-visual-wanted-price {
  margin: 10px auto 0;
  width: 342px;
}
.main-visual-wanted-limit {
  position: absolute;
  left: 154px;
  bottom: 6px;
  width: 53px;
  text-align: center;
  font-size: 3em;
  font-weight: bold;
  color: #fff;
}
.main-visual-wanted-limit-title {
  margin-bottom: 7px;
  font-size: 16px;
}
.main-visual-wanted-limit-detail {
  border-radius: 0.2rem;
  box-shadow: 2px 2px 1px #333;
  display: inline-block;
  padding: 10px 5px;
  background-color: #b81d25;
  font-size: 20px;
}
.main-visual-button {
  right: -5px;
  bottom: 81px;
  width: 508px;
  background: url(../img/main_btn_a.png) left top no-repeat;
}
.main-visual-button a {
  display: block;
}
.main-visual-button a img {
  transition: opacity 0.3s linear;
}
.main-visual-button a:hover img {
  opacity: 0;
}
.main-visual-favorite {
  display: none;
  left: 0;
  bottom: 30px;
}

.m-lead {
  background-image: linear-gradient(top, #d7d2cf 0%, #d8d3d1 11%, #dbdbdb 100%);
  position: relative;
  overflow: hidden;
  padding-top: 40px;
  padding-bottom: 60px;
  width: 100%;
  background-color: #d7d2cf;
}
.m-lead::before {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 686px;
  background: url(../img/lead_bg.png) center bottom no-repeat;
}
.m-lead > * {
  position: relative;
  z-index: 1;
}
.m-lead-doctor {
  margin: 0 auto;
  width: 920px;
}
.m-lead-text {
  margin: 100px auto 0;
  width: 920px;
}
.m-lead-text.last {
  margin-top: 90px;
  padding-left: 295px;
  width: 625px;
}
.m-lead-list {
  position: relative;
  z-index: 2;
  margin: 70px auto 0;
  width: 920px;
}
.m-lead-item {
  margin-top: 30px;
}
.m-lead-item:first-child {
  margin-top: 0;
}
.m-lead-pic {
  position: relative;
  top: -550px;
  left: 50%;
  margin-left: -460px;
  width: 920px;
}
.m-lead-pic-item {
  position: absolute;
}
.m-lead-pic .pic1 {
  top: 0px;
  right: -60px;
  z-index: 5;
}
.m-lead-pic .pic2 {
  top: 130px;
  right: 150px;
  z-index: 4;
}
.m-lead-pic .pic3 {
  top: 255px;
  right: -60px;
  z-index: 3;
}
.m-lead-pic .pic4 {
  top: 375px;
  right: 120px;
  z-index: 2;
}

.m-case {
  position: relative;
  background-image: linear-gradient(top, #e3e1e0 0%, #f8f8f8 100%);
  padding: 80px 0;
  background-color: #e3e1e0;
}
.m-case::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.m-case > * {
  position: relative;
  z-index: 1;
}
.m-case::before {
  height: 702px;
  background: url(../img/pattern1_bg.png) center top no-repeat;
}
.m-case-title {
  margin: 0 auto 30px;
  width: 370px;
  text-align: center;
}
.m-case-lead {
  text-align: center;
  font-size: 18px;
}
.m-case-list {
  display: flow-root;
  margin-top: 80px;
}
.m-case-item {
  float: left;
  margin-top: 55px;
  width: 440px;
}
.m-case-item:first-child {
  margin-top: 0;
}
.m-case-item:nth-child(1), .m-case-item:nth-child(2) {
  margin-top: 0;
}
.m-case-item:nth-child(even) {
  float: right;
}
.m-case-item-data {
  font-size: 16px;
  margin-bottom: 9px;
  padding-bottom: 6px;
  border-bottom: 1px solid #936c27;
}
.m-case-neck {
  margin-top: 9.3023255814%;
}
.m-case-neck-lead {
  margin: 0 auto;
  width: 1038px;
}
.m-case-neck-lead img {
  margin-left: -59px;
}
.m-case-neck .m-case-list {
  margin-top: 30px;
}
.m-case-before-after {
  display: flow-root;
  position: relative;
}
.m-case-before-after::before {
  content: "";
  display: block;
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 50%;
  margin-top: -7px;
  margin-left: -7px;
  padding-top: 14px;
  width: 17px;
  background: url(../img/beforeafter_arrow.png) left top no-repeat;
  background-size: cover;
}
.m-case-before-after-item {
  float: left;
  width: 220px;
}
.m-case-before-after-item::after {
  content: "";
  display: block;
  margin-top: 7px;
  padding-top: 15px;
  width: 100%;
  background-position: center bottom;
  background-repeat: no-repeat;
}
.m-case-before-after-item.before::after {
  background-image: url(../img/before.png);
}
.m-case-before-after-item.after::after {
  background-image: url(../img/after.png);
}
.m-case .note {
  margin-top: 30px;
  line-height: 1.4545454545;
  font-size: 11px;
  color: #4e4636;
}
.m-case .note em {
  font-weight: bold;
}

.m-cause {
  padding: 80px 0;
  background: url(../img/cause_bg.png) center top no-repeat #323232;
}
.m-cause-title {
  margin: 0 auto 70px;
  width: 283px;
}
.m-cause-list {
  display: flow-root;
  margin: 0 auto;
  width: 920px;
}
.m-cause-item {
  box-sizing: border-box;
  float: left;
  margin-right: 45px;
  padding-top: 342px;
  width: 276px;
  background-position: center top;
  background-repeat: no-repeat;
}
.m-cause-item:first-child {
  margin-top: 0;
}
.m-cause-item:nth-child(1) {
  background-image: url(../img/cause_pic1.png);
}
.m-cause-item:nth-child(2) {
  background-image: url(../img/cause_pic2.png);
}
.m-cause-item:nth-child(3) {
  background-image: url(../img/cause_pic3.png);
}
.m-cause-item:last-child {
  float: right;
  margin-right: 0;
}
.m-cause-item-title {
  margin-bottom: 15px;
}
.m-cause-item-text {
  line-height: 1.625;
  font-size: 16px;
  color: #fff;
}

.m-effect {
  background-image: linear-gradient(top, #d1cecd 0%, #c5c3c2 100%);
  position: relative;
  padding: 60px 0;
  background-color: #d1cecd;
}
.m-effect::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(../img/effect_bg.png) center top -260px no-repeat, url(../img/effect_bg.png) center top 530px no-repeat;
}
.m-effect > * {
  position: relative;
  z-index: 1;
}
.m-effect-title {
  margin: 0 auto 40px;
  width: 296px;
}
.m-effect-lead {
  padding-bottom: 70px;
  text-align: center;
  line-height: 1.3333333333;
  font-size: 18px;
}
.m-effect-list {
  display: flow-root;
  margin: 0 auto;
  width: 920px;
}
.m-effect-item {
  float: left;
  margin-top: 58px;
  width: 428px;
}
.m-effect-item:nth-child(1), .m-effect-item:nth-child(2) {
  margin-top: 0;
  height: 488px;
}
.m-effect-item:nth-child(3) .m-effect-item-text, .m-effect-item:nth-child(4) .m-effect-item-text {
  height: 105px;
}
.m-effect-item:nth-child(even) {
  float: right;
}
.m-effect-item-title {
  margin-bottom: 20px;
}
.m-effect-item-text {
  height: 125px;
  line-height: 1.625;
  font-size: 16px;
}

.m-voice {
  position: relative;
  background-image: linear-gradient(top, #e3e1e0 0%, #f8f8f8 100%);
  padding: 80px 0;
  background-color: #e3e1e0;
  padding: 60px 0;
}
.m-voice::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.m-voice > * {
  position: relative;
  z-index: 1;
}
.m-voice::before {
  height: 702px;
  background: url(../img/pattern1_bg.png) center top no-repeat;
}
.m-voice-title {
  margin: 0 auto 70px;
  width: 280px;
}
.m-voice-list {
  position: relative;
  margin: 0 auto;
  width: 920px;
  height: 920px;
  background: url(../img/voice_list_bg.png) right top 70px no-repeat;
}
.m-voice-item {
  position: absolute;
}
.m-voice-item:nth-child(1) {
  top: 0;
  left: -10px;
}
.m-voice-item:nth-child(2) {
  top: 477px;
  left: -5px;
}
.m-voice-item:nth-child(3) {
  top: 417px;
  right: -10px;
}

.m-safety {
  position: relative;
  background-image: linear-gradient(top, #d8cdc8 0%, #d7d0cc 100%);
  padding: 80px 0;
  background-color: #d8cdc8;
  padding-bottom: 92px;
}
.m-safety::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.m-safety > * {
  position: relative;
  z-index: 1;
}
.m-safety::before {
  height: 606px;
  background: url(../img/pattern2_bg.png) center top no-repeat;
}
.m-safety::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 12px;
  background: url(../img/safety_bottom_bg.jpg) center top no-repeat #945726;
}
.m-safety-title {
  margin: 0 auto 70px;
  width: 312px;
}
.m-safety-list {
  margin: 0 auto;
  width: 920px;
}
.m-safety-item {
  float: left;
  width: 428px;
}
.m-safety-item:last-child {
  float: right;
}
.m-safety-item-text {
  margin-top: 25px;
  line-height: 1.625;
  font-size: 16px;
}
.m-safety-item-pic {
  margin-top: 25px;
}

.m-comparison {
  position: relative;
  background-image: linear-gradient(top, #d8cdc8 0%, #d7d0cc 100%);
  padding: 80px 0;
  background-color: #d8cdc8;
}
.m-comparison::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.m-comparison > * {
  position: relative;
  z-index: 1;
}
.m-comparison::before {
  height: 606px;
  background: url(../img/pattern2_bg.png) center top no-repeat;
}
.m-comparison-title {
  margin: 0 auto 70px;
  width: 323px;
}
.m-comparison .m-comparison-table {
  margin: 0 auto;
  width: 860px;
}
.m-comparison .m-comparison-table table {
  width: 100%;
  table-layout: fixed;
}
.m-comparison .m-comparison-table-head th {
  border-right: 2px solid #d9d7d7;
}
.m-comparison .m-comparison-table-head .empty {
  width: 185px;
}
.m-comparison .m-comparison-table-head .handrevive {
  width: 254px;
  border-right: 0;
}
.m-comparison .m-comparison-table-head .handrevive span {
  background-image: linear-gradient(top, #daaf61 0%, #b38447 57%, #946131 100%);
  background-color: #daaf61;
}
.m-comparison .m-comparison-table-head span {
  border-radius: 0.7rem 0.7rem 0 0;
  display: block;
  padding: 16px 0;
  background-color: #847e74;
  line-height: 1.1666666667;
  text-align: center;
  font-size: 1.2rem;
  color: #fff;
}
.m-comparison .m-comparison-table-body th,
.m-comparison .m-comparison-table-body td {
  border-bottom: 2px solid #d9d7d7;
  text-align: center;
}
.m-comparison .m-comparison-table-body th span {
  border-radius: 0.7rem 0 0 0.7rem;
  display: block;
  padding: 34px 0;
  background-color: #fff;
  text-align: center;
  font-size: 18px;
}
.m-comparison .m-comparison-table-body td {
  border-right: 2px solid #fff;
  background-color: #f2f2f1;
  font-size: 20px;
}
.m-comparison .m-comparison-table-body .handrevive {
  border-right: 0;
  background-color: #f4f0e8;
}
.m-comparison .m-comparison-table-body tr:last-child td {
  color: #4f4738;
}

.m-qa {
  position: relative;
  background-image: linear-gradient(top, #e3e1e0 0%, #f8f8f8 100%);
  padding: 80px 0;
  background-color: #e3e1e0;
}
.m-qa::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.m-qa > * {
  position: relative;
  z-index: 1;
}
.m-qa::before {
  height: 702px;
  background: url(../img/pattern1_bg.png) center top no-repeat;
}
.m-qa-title {
  margin: 0 auto 75px;
  width: 332px;
  text-align: center;
}
.m-qa-item {
  margin-top: 20px;
}
.m-qa-item:first-child {
  margin-top: 0;
}
.m-qa-item-title {
  box-sizing: border-box;
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  padding-left: 50px;
  width: 343px;
  height: 118px;
  background: url(../img/qa_item_question_bg.png) 0 0 no-repeat;
  line-height: 1.6363636364;
  font-size: 2.2em;
  color: #916b2c;
  font-family: "YakuHanJP", "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
  text-shadow: 1px 1px 1px #fff;
}
.m-qa-item-text {
  display: flex;
  align-items: center;
  box-sizing: border-box;
  margin: -110px 0 0 315px;
  padding: 20px 35px 20px 70px;
  min-height: 110px;
  background: url(../img/qa_a_bg.png) 0 bottom no-repeat, linear-gradient(140deg, rgba(201,199,194,.2), rgba(140,135,125,.2) 75%, rgba(79,70,56,.2));
  line-height: 1.6666666667;
  font-size: 18px;
  box-shadow: 3px 3px 3px rgba(0,0,0,.1);
}

.m-clinic {
  position: relative;
  background-image: linear-gradient(top, #d8cdc8 0%, #d7d0cc 100%);
  padding: 80px 0;
  background-color: #d8cdc8;
}
.m-clinic::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.m-clinic > * {
  position: relative;
  z-index: 1;
}
.m-clinic::before {
  height: 606px;
  background: url(../img/pattern2_bg.png) center top no-repeat;
}
.m-clinic-title {
  margin: 0 auto 70px;
  width: 402px;
}
.m-clinic-lead {
  display: flow-root;
  margin: 0 auto 40px;
  width: 890px;
}
.m-clinic-lead-title {
  float: left;
  padding-top: 29px;
  width: 300px;
}
.m-clinic-lead-text {
  float: right;
  width: 560px;
  line-height: 1.6666666667;
  font-size: 18px;
}
.m-clinic-tab-list {
  display: flow-root;
}
.m-clinic-tab-item {
  float: left;
  cursor: pointer;
}
.m-clinic-tab-item img {
  transition: opacity 0.3s linear;
}
.m-clinic-tab-item.is-active img {
  opacity: 0;
}
.m-clinic-tab-item.tokyo {
  background-image: url(../img/clinic_tab_tokyo_a.gif);
}
.m-clinic-tab-item.nagoya {
  background-image: url(../img/clinic_tab_nagoya_a.gif);
}
.m-clinic-tab-item.osaka {
  background-image: url(../img/clinic_tab_osaka_a.gif);
}
.m-clinic-tab-item.fukuoka {
  background-image: url(../img/clinic_tab_fukuoka_a.gif);
}
.m-clinic-tab-item.hiroshima {
  background-image: url(../img/clinic_tab_hiroshima_a.gif);
}
.m-clinic-contents {
  position: relative;
  z-index: 1;
  overflow: hidden;
  padding: 20px 24px;
  height: 630px;
  background-color: #fff;
}
.m-clinic-box {
  display: flow-root;
  opacity: 0;
  position: absolute;
  top: 20px;
  left: 24px;
  width: 872px;
  background-color: #fff;
}
.m-clinic-box.tokyo .m-clinic-data {
  background-image: url(../img/clinic_data_tokyo.png);
}
.m-clinic-box.nagoya .m-clinic-data {
  background-image: url(../img/clinic_data_nagoya.png);
}
.m-clinic-box.osaka .m-clinic-data {
  background-image: url(../img/clinic_data_osaka.png);
}
.m-clinic-box.fukuoka .m-clinic-data {
  background-image: url(../img/clinic_data_fukuoka.png);
}
.m-clinic-box.hiroshima .m-clinic-data {
  background-image: url(../img/clinic_data_hiroshima.png);
}
.m-clinic-box.show {
  opacity: 1;
  z-index: 3;
}
.m-clinic-data {
  float: left;
  padding: 0 0 0 200px;
  width: 300px;
  background-position: 30px center;
  background-repeat: no-repeat;
}
.m-clinic-data a {
  display: block;
  color: #4f4738;
}
.m-clinic-data-item {
  display: table;
  width: 100%;
  table-layout: fixed;
  margin-top: 8px;
  line-height: 1.2857142857;
  font-size: 1.4rem;
}
.m-clinic-data-item > * {
  display: table-cell;
}
.m-clinic-data-item-title {
  width: 70px;
}
.m-clinic-data-item-detail {
  box-shadow: -1px 0 0 #a8a8a8;
  padding-left: 8px;
  border-left: 1px solid #fff;
}
.m-clinic .tokyo .m-clinic-data {
  background-position: 30px top 15px;
}
.m-clinic-address {
  margin-top: 0;
}
.m-clinic-contact .overseas {
  font-size: 1.2rem;
}
.m-clinic-contact .overseas a {
  display: inline-block;
}
.m-clinic-doctor {
  position: relative;
  float: right;
  width: 320px;
}
.m-clinic-doctor-title {
  box-shadow: -1px 0 0 #a8a8a8;
  padding-top: 40px;
  padding-left: 15px;
  border-left: 1px solid #fff;
  background: url(../img/clinic_doctor_bg.png) left 18px top 5px no-repeat;
  font-size: 1.6rem;
  height: 50px;
}
.m-clinic-doctor-title-sub {
  display: inline-block;
  position: relative;
  top: 5px;
  padding-left: 10px;
  vertical-align: top;
  font-size: 1rem;
  color: #737373;
}
.m-clinic-doctor-text {
  padding-top: 15px;
  line-height: 1.5;
  font-size: 1.2rem;
}
.m-clinic-doctor-history {
  margin-top: 15px;
}
.m-clinic-doctor-history-title {
  background-image: linear-gradient(top, #bbb4b4 0%, #837c7c 100%);
  padding: 5px 5px 6px;
  background-color: #bcb4b4;
  font-size: 1.4rem;
  color: #fff;
}
.m-clinic-doctor-history-contents {
  margin-top: 3px;
}
.m-clinic-doctor-history-item {
  padding: 4px 0 3px;
  border-bottom: 1px solid #a8a8a8;
  font-size: 1.2rem;
}
.m-clinic-doctor-history-item-inner {
  display: table;
  width: 100%;
  table-layout: fixed;
}
.m-clinic-doctor-history-item-title, .m-clinic-doctor-history-item-text {
  display: table-cell;
  line-height: 1.3333333333;
  font-size: 1.2rem;
}
.m-clinic-doctor-history-item-title {
  padding-left: 1px;
  width: 48px;
  vertical-align: top;
}
.m-clinic-doctor-history-item-text {
  padding-left: 10px;
}
.m-clinic-doctor::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 10px;
  width: 100px;
  height: 100px;
  background-position: left top;
  background-repeat: no-repeat;
}
.m-clinic-doctor.imanishi::before {
  background-image: url(../img/clinic_doctor_imanishi.jpg);
}
.m-clinic-doctor.obikane::before {
  background-image: url(../img/clinic_doctor_obikane.jpg);
}
.m-clinic-doctor.abe::before {
  background-image: url(../img/clinic_doctor_abe.jpg);
}
.m-clinic-doctor.kimura::before {
  background-image: url(../img/clinic_doctor_kimura.jpg);
}
.m-clinic-map {
  float: left;
  margin-top: 25px;
  width: 510px;
}
.m-clinic-map iframe {
  width: 100%;
  height: 400px;
}
.m-clinic-map-route-item {
  display: inline-block;
  margin-top: 5px;
  margin-right: 8px;
  padding-left: 20px;
  background-position: left center;
  background-repeat: no-repeat;
  background-size: contain;
  line-height: 1.3846153846;
  font-size: 1.2rem;
}
.m-clinic-map-route-item.hibiya {
  background-image: url(../mobile/img/clinic_map_route_hibiya.png);
}
.m-clinic-map-route-item.oedo {
  background-image: url(../mobile/img/clinic_map_route_oedo.png);
}
.m-clinic-map-route-item.jr {
  background-image: url(../mobile/img/clinic_map_route_jr.png);
}
.m-clinic-map-route-item.sakuradori {
  background-image: url(../mobile/img/clinic_map_route_sakuradori.png);
}
.m-clinic-map-route-item.nishitetsu {
  background-image: url(../mobile/img/clinic_map_route_nishitetsu.png);
}
.m-clinic-map-route-item.tenjin {
  background-image: url(../mobile/img/clinic_map_route_tenjin.png);
}
.m-clinic-map-route-item.hiroden {
  background-image: url(../mobile/img/logo_hiroden.svg);
}
.m-clinic-map-route-item.astramline {
  background-image: url(../mobile/img/logo_astramline.svg);
}
.m-clinic-pic {
  float: right;
  margin-top: 25px;
  width: 335px;
}

/*=====================================================================
 フォーム
=====================================================================*/
/*----------------------------------------------------------------------
フォームカラー設定
----------------------------------------------------------------------*/
/*----------------------------------------------------------------------
----------------------------------------------------------------------*/
.form #message {
  width: 676px;
  margin: 0 auto 30px;
  padding: 20px 10px;
  background: #fff;
  border: 2px solid #dc5162;
}
.form #message p {
  margin: 0 auto;
  padding-left: 165px;
  background: url(../img/error_icon.gif) 115px center no-repeat;
  font-size: 1.6em;
  font-weight: bold;
  line-height: 1.2857142857;
  color: #dc5162;
}
.form #message p span {
  font-size: 0.75em;
  color: #474645;
}
.form legend {
  display: none;
}
.form .input-form *[class*=form-wrapper] {
  width: 100%;
  table-layout: fixed;
  color: inherit;
}
.form .input-form *[class*=form-wrapper] *[class*=form-item][class*=form-item]:nth-child(even) > * {
  background-color: #fff;
}
.form .input-form *[class*=form-wrapper] *[class*=form-item][class*=form-item]:nth-child(even) .errbg {
  background-color: #fdebe6;
}
.form .input-form *[class*=form-wrapper] *[class*=form-item][class*=form-item]:nth-child(odd) > * {
  background-color: #f5f2f0;
}
.form .input-form *[class*=form-wrapper] *[class*=form-item][class*=form-item]:nth-child(odd) .errbg {
  background-color: #f8d2cd;
}
.form .input-form *[class*=form-wrapper] .form-item.date th,
.form .input-form *[class*=form-wrapper] .form-item.date td {
  background-color: #f5f2f0;
}
.form .input-form *[class*=form-wrapper] .form-item.date th em {
  color: #b81d25;
}
.form .input-form *[class*=form-wrapper] .form-item.date .errbg {
  background-color: #f8d2cd;
}
.form .input-form *[class*=form-wrapper] .form-item.date select {
  display: inline-block;
  height: 26px;
  font-size: 12px;
}
.form .input-form *[class*=form-wrapper] th,
.form .input-form *[class*=form-wrapper] td {
  font-size: 16px;
  border: 1px solid #c7bcb5;
}
.form .input-form *[class*=form-wrapper] th {
  padding: 12px 25px 12px 20px;
  width: 200px;
  vertical-align: middle;
  line-height: 1.5;
  font-weight: bold;
}
.form .input-form *[class*=form-wrapper] th small {
  font-size: 12px;
  font-weight: normal;
}
.form .input-form *[class*=form-wrapper] th small em {
  color: #b81d25;
}
.form .input-form *[class*=form-wrapper] th label {
  display: block;
  padding-top: 1px;
}
.form .input-form *[class*=form-wrapper] td {
  padding: 15px 20px;
  background-color: #f5f2f0;
}
.form .input-form *[class*=form-wrapper] input,
.form .input-form *[class*=form-wrapper] textarea {
  padding: 5px 10px;
  border: 1px solid #b5b5b6;
}
.form .input-form *[class*=form-wrapper] textarea {
  line-height: 1.25;
}
.form .input-form *[class*=form-wrapper] li {
  display: inline-block;
  margin: 7px 20px 7px 0;
}
.form .input-form *[class*=form-wrapper] .full,
.form .input-form *[class*=form-wrapper] textarea {
  width: 100%;
}
.form .input-form *[class*=form-wrapper] .short {
  width: 100px;
}
.form .input-form *[class*=form-wrapper] .chkradio label {
  margin-left: 0.5em;
}
.form .input-form *[class*=form-wrapper] .block {
  display: block;
  padding-top: 3px;
}
.form .input-form *[class*=form-wrapper] .form-item.name em,
.form .input-form *[class*=form-wrapper] .input-form-item.name em {
  display: block;
  margin-right: -0.5em;
}
.form .input-form *[class*=form-wrapper] .form-item.emailcheck label,
.form .input-form *[class*=form-wrapper] .input-form-item.emailcheck label {
  margin-right: -0.5em;
}
.form .input-form *[class*=form-wrapper] .form-item.possibletime em,
.form .input-form *[class*=form-wrapper] .input-form-item.possibletime em {
  display: block;
  margin-right: -0.5em;
}
.form .input-form *[class*=form-wrapper] .form-item.possibletime ul,
.form .input-form *[class*=form-wrapper] .input-form-item.possibletime ul {
  display: flow-root;
  padding: 5px 0;
}
.form .input-form *[class*=form-wrapper] .form-item.possibletime li,
.form .input-form *[class*=form-wrapper] .input-form-item.possibletime li {
  float: left;
  width: 150px;
}
.form .input-form *[class*=form-wrapper] .form-item.possibletime input,
.form .input-form *[class*=form-wrapper] .input-form-item.possibletime input {
  margin-right: 0.5em;
}
.form .input-form *[class*=form-wrapper] .form-item .required,
.form .input-form *[class*=form-wrapper] .form-item .option,
.form .input-form *[class*=form-wrapper] .input-form-item .required,
.form .input-form *[class*=form-wrapper] .input-form-item .option {
  background-position: 252px 8px;
  background-repeat: no-repeat;
}
.form .input-form *[class*=form-wrapper] .form-item .required,
.form .input-form *[class*=form-wrapper] .input-form-item .required {
  background-image: url(../img/form_required.gif);
}
.form .input-form *[class*=form-wrapper] .form-item .option,
.form .input-form *[class*=form-wrapper] .input-form-item .option {
  background-image: url(../img/form_free.gif);
}
.form .input-form *[class*=form-wrapper] .form-item .ui-state-default th,
.form .input-form *[class*=form-wrapper] .form-item .ui-state-default td,
.form .input-form *[class*=form-wrapper] .input-form-item .ui-state-default th,
.form .input-form *[class*=form-wrapper] .input-form-item .ui-state-default td {
  font-size: 12px;
}
.form .input-form *[class*=form-wrapper] .form-item .ui-datepicker-trigger,
.form .input-form *[class*=form-wrapper] .input-form-item .ui-datepicker-trigger {
  padding-bottom: 4px;
  border: 1px solid #b5b5b6;
  border-left: 0;
  background-color: #fff;
}
.form .button {
  display: flow-root;
  position: relative;
  margin: 40px 0 80px;
  text-align: center;
}
.form .button li input,
.form .button li a {
  transition: opacity 0.1s linear;
}
.form .button li input:hover,
.form .button li a:hover {
  opacity: 0.7;
  text-decoration: underline;
  text-decoration: none;
}
.form .button.confirmation li {
  float: left;
}
.form .button.confirmation .send {
  padding-left: 320px;
}
.form .button.confirmation .back {
  position: absolute;
  top: 0;
  left: 0;
}
.form .address {
  display: table;
  margin: 50px auto 30px;
  width: 100%;
  border: 3px solid #a4948a;
}
.form .address > * {
  display: table-cell;
  padding: 15px;
  vertical-align: middle;
}
.form .address .term {
  width: 200px;
  background-color: #a4948a;
  text-align: center;
  font-size: 18px;
  color: #fff;
}
.form .address .description {
  padding: 25px;
  background-color: #fff;
  font-size: 24px;
  font-weight: bold;
  color: #b81d25;
}
.form .attention {
  box-sizing: border-box;
  position: relative;
  padding: 25px 40px;
  width: 100%;
  background-color: #f5f2f0;
}
.form .attention::before {
  content: "";
  display: block;
  position: absolute;
  top: 5%;
  left: 5px;
  width: 4px;
  height: 90%;
  background-color: #b81d25;
}
.form .attention-title {
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: bold;
}
.form .attention-list {
  margin-top: 10px;
}
.form .attention-item, .form .attention-text {
  line-height: 1.4;
  font-size: 14px;
}
.form .attention-text {
  margin-bottom: 10px;
}
.form .attention-item {
  margin-top: 3px;
  color: #b81d25;
}
.form .attention-item::before {
  content: "・";
}
.form .attention-item:first-child {
  margin-top: 0;
}
.form .go-top {
  margin-top: 60px;
  margin-bottom: 80px;
  text-align: center;
}
.form .go-top a > * {
  transition: opacity 0.1s linear;
}
.form .go-top a:hover > * {
  opacity: 0.7;
  text-decoration: underline;
  text-decoration: none;
}
.form.confirmation .form-wrapper td {
  word-break: break-all;
}
.form.confirmation .form-wrapper .clinic .form-label,
.form.confirmation .form-wrapper .clinic .form-input {
  background-color: #f5f2f0;
}
.form.confirmation .form-wrapper .date .form-label,
.form.confirmation .form-wrapper .date .form-input {
  background-color: #fff;
}
.form.confirmation .form-wrapper .email td,
.form.confirmation .form-wrapper .tel td {
  font-size: 2em;
  color: #b81d25;
  font-weight: bold;
}
.form .progress {
  margin: 70px auto 60px;
  width: 636px;
}
.form .lead {
  margin-bottom: 20px;
  line-height: 1.7142857143;
  font-size: 14px;
}
.form .lead em {
  font-weight: bold;
  color: #b81d25;
}
.form .lead-box {
  margin-top: 60px;
}
.form .lead-title {
  padding: 15px 0;
  background-color: #61564c;
  text-align: center;
  font-size: 24px;
  font-weight: bold;
  color: #fff;
}
.form .lead-contents {
  padding: 26px 20px;
  border: 1px solid #c7bcb5;
  border-top: 0;
  background-color: #f5f2f0;
}
.form .lead-contents-text {
  line-height: 1.7142857143;
  font-size: 14px;
}
.form .lead-contents-text em {
  font-weight: bold;
  color: #b81d25;
}
.form .m-contents-inner > .note {
  margin-bottom: 40px;
  padding: 20px;
  background: #fff;
}
.form .note-title {
  font-size: 16px;
  font-weight: bold;
}
.form .note-contents {
  margin-top: 10px;
}
.form .note-contents-text {
  line-height: 1.7142857143;
  font-size: 14px;
}
.form .note-contents-text em {
  font-weight: bold;
  color: #b81d25;
}
.form .ui-datepicker {
  font-size: 1.6em;
}
.form .ui-datepicker td {
  height: 2em;
}
.form .ui-datepicker td span,
.form .ui-datepicker td a {
  text-align: center;
  line-height: 2em;
}
.form .ui-datepicker .ui-datepicker-today span {
  background-color: #f9e5e0;
}
.form .container {
  background: url(../img/form_bg.gif) left top repeat-x #edecea;
}
.form .container::before, .form .container::after {
  display: none;
}
.form .content {
  background: url(../img/form_title_bg.png) center top repeat-x;
}
.form .form-title {
  padding: 115px 0 135px;
  text-align: center;
}
.form .input-form .input-form-wrapper .input-form-input li {
  line-height: inherit;
}
.form .input-form .input-form-wrapper input:not([type=radio]):not([type=checkbox]).short {
  width: 100px;
}
.form .input-form .input-form-wrapper .input-form-label {
  padding-left: 0;
  background-position: 250px 10px;
}
.form .input-form .input-form-wrapper .input-form-label > *:first-child {
  background: none;
}
.form .input-form .input-form-wrapper .input-form-label > *:first-child span {
  font-size: 1.6rem;
}
.form .input-form .input-form-wrapper .input-form-label > *:first-child .note {
  display: block;
}