@charset "UTF-8";
/* CSS Document */
/* -----------------------------------------------------------
　共通
----------------------------------------------------------- */
/*html{ scroll-behavior: smooth;}*/
body {
  font-size: 16px;
  line-height: 1.4;
  color: #666;
  /*font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;*/
  /*font-family: 'Lato', 'Noto Sans JP', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;*/
  font-family: -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic Medium", "Yu Gothic", Verdana, Meiryo, sans-serif;
}
.fontTitle {
  font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
}
b, strong, .bold {
  font-family: -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI semibold", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic", "Segoe UI", Verdana, Meiryo, sans-serif;
}
/* IEだけに適応 */
_:lang(x)::-ms-backdrop, .selector {
  font-family: "Segoe UI", Meiryo, sans-serif;
}
.ofh {
  overflow: hidden;
}
.inner {
  margin: auto;
  padding: 50px 0;
  width: 80%;
  max-width: 1000px;
}
img {
  width: 100%;
}
a {
  color: #79a46c;
}
a:hover {
  opacity: 0.7;
}
.spShow660,
.spShow480 {
  display: none;
}

/*--電話番号--*/
.linkTel a:hover {
  opacity: 1;
  text-decoration: none;
}

/*--ブロック--*/
.outline {
  padding: 30px;
}
.outline01 {
  border: 1px solid #79a46c;
}
.bSdw {
  box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.2);
}
.bRds {
  border-radius: 10px;
}
.mainContents section {
  border-bottom: 1px solid #ccc;
}

/*--文字--*/
.iBlock {
  display: inline-block;
}
.txtC {
  text-align: center;
}
.txtL {
  text-align: left;
}
h2 {
  font-size: 26px;
  text-align: center;
  line-height: 1.4;
  font-weight: bold;
  margin-bottom: 20px;
}
h2 span {
  display: block;
  font-size: 60%;
  color: #ED9A2E;
}
h3 {
  font-size: 24px;
  color: #79a46c;
  font-weight: bold;
  margin-bottom: 20px;
}
h4 {
  font-size: 22px;
  color: #79a46c;
  text-align: center;
  font-weight: bold;
  margin-bottom: 10px;
}
h5 {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 4px;
}
h6 {
  font-size: 16px;
  border-bottom: 1px solid #666;
  padding-bottom: 4px;
  margin-bottom: 12px;
}

/*--色--*/
.clr01 {
  color: #ED9A2E;
}
.clr02 {
  color: #79a46c;
}

/*--背景--*/
.bg_01 {
  background: #ED9A2E;
}
.bg_02 {
  background: #79a46c;
}
.bg_03 {
  background: #fffbcc;
}
.bg_011 {
  background: rgba(121, 164, 108, 0.5);
}
.bg_022 {
  background: rgba(239, 143, 173, 0.2);
}
.bg_033 {
  background: rgba(171, 132, 78, 0.1) !important;
}
.bg_044 {
  background: rgba(121, 164, 108,0.1) !important;
}

/*--背景（ストライプ）--*/
.stripeA {
  background-color: rgba(255, 255, 255, 1);
  background-image: repeating-linear-gradient(135deg, transparent, transparent 2px, rgba(121, 164, 108, 0.2) 2px, rgba(121, 164, 108, 0.2) 3px);
  background-size: auto auto;
}
.stripeB {
  background-color: rgba(255, 255, 255, 1);
  background-image: repeating-linear-gradient(135deg, transparent, transparent 2px, rgba(121, 164, 108, 0.2) 2px, rgba(121, 164, 108, 0.2) 3px);
  background-size: auto auto;
}
.stripeC {
  background-color: rgba(255, 255, 255, 1);
  background-image: repeating-linear-gradient(135deg, transparent, transparent 2px, rgba(242, 150, 0, 0.2) 2px, rgba(242, 150, 0, 0.2) 3px);
  background-size: auto auto;
}

/*--リスト--*/
.list li {
  padding-left: 1em;
  position: relative;
  margin-bottom: 8px;
}
.list li::before {
  position: absolute;
  left: 0;
  top: 0;
  content: "●";
  color: #ED9A2E;
}
.list.bullet li::before {
  content: "・";
  color: #666;
}
.list li.spNone::before {
  display: none;
}

.boxList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.boxList li {
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
  display: inline-block;
  text-align: center;
}
.boxList li span {
  display: block;
  margin: 14px;
  padding: 14px;
  border-radius: 10px;
}
.boxList02 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.boxList02 li {
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
  max-width: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
}
.boxList02 li dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  margin: 14px;
  padding: 14px;
  border-radius: 10px;
  box-sizing: border-box;
}
.boxList02 li span.iBlock-sp {
  display: inline-block;
  margin: auto;
  padding: 0;
  border-radius: 0;
}
.boxList02 ul.symptomsList {
  width: 100%;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.boxList02 ul.symptomsList li {
  display: inline-block;
  text-align: center;
  width: 48%;
  margin: 3px 0;
  padding: 5px 5px;
  background: rgba(255, 255, 255, 0.8);
  box-sizing: border-box;
  font-size: 15px;
  -ms-flex-preferred-size: 49%;
  flex-basis: 49%;
}
.boxList02 ul.symptomsList li.w100 { /* 10文字以上の場合 */
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
}

/*--table--*/
table {
  width: 100%;
}
table tr th, table tr td {
  padding: 12px;
  vertical-align: middle;
}
table tr th {
  font-weight: normal;
  background: rgba(171, 132, 78, 0.2);
  text-align: center;
  vertical-align: middle;
  border-bottom: 2px solid #fff;
}
table tr:first-of-type th {
    border-top: 1px solid rgba(121, 164, 108, 0.2);
}
table tr:last-of-type th {
    border-bottom: 1px solid rgba(121, 164, 108, 0.2);
}
table tr td {
  border-bottom: 1px solid #ccc;
}

/*--flexbox--*/
.flexP {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  /*
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
  flex-wrap: wrap;
	-webkit-align-items: center;
	-ms-align-items: center;
	-webkit-box-align: center;
  align-items: center;
	-webkit-justify-content: space-around;
	-ms-flex-pack: space-around;
  justify-content: space-around;
  */
  /*justify-content: space-evenly;*/
}

/*--共通その他--*/
.martop0 {
  margin-top: 0 !important;
}
.martop10 {
  margin-top: 10px !important;
}
.martop20 {
  margin-top: 20px !important;
}
.martop30 {
  margin-top: 30px !important;
}
.marbtm0 {
  margin-bottom: 0 !important;
}
.marbtm10 {
  margin-bottom: 10px !important;
}
.marbtm20 {
  margin-bottom: 20px !important;
}
.adjustSpacing1 {
  letter-spacing: 1px;
}


/* -----------------------------------------------------------
　ロゴ boxLogo
----------------------------------------------------------- */
#boxLogo {
  text-align: center;
}
#boxLogo .inner {
  padding: 30px 0;
}
#boxLogo img {
  width: 60%;
}


/* -----------------------------------------------------------
　開院日 boxOpenday
----------------------------------------------------------- */
/*#boxOpenday {padding: 0 0 10px;}*/
#boxOpenday .inner {
  padding: 0;
  max-width: 600px;
}
.belt {
  border-top: 2px solid #ED9A2E;
  border-bottom: 2px solid #ED9A2E;
}
#boxOpenday .openday {
  color: #79a46c;
  font-size: 34px;
  font-weight: bold;
  padding-bottom: 6px;
  border-bottom: 2px solid #79a46c;
  margin: auto;
}
#boxOpenday .pNum {
padding-top: 20px;
margin: 30px auto 0;
text-align: center;
font-size: 126%;
color: #79a46c;
border-top: 1px dotted #79a46c;
}
#boxOpenday .info {
margin: 10px auto;
text-align: center;
font-size: 110%;
}


/* -----------------------------------------------------------
　リンクボタン boxLinkBtn
----------------------------------------------------------- */
#boxLinkBtn p {
  font-size: 20px;
}
.linkBtnBox {
  text-align: center;
  margin-top: 20px;
}
.linkBtnBox a {
  display: inline-block;
  color: #fff;
  /*background: #79a46c;*/
  padding: 6px 24px;
  font-size: 18px;
  text-align: center;
  vertical-align: middle;
  border-radius: 4px;
  text-decoration: none;
}
.linkBtnBox a:hover {
  text-decoration: none;
}

/* -----------------------------------------------------------
　内覧会 boxPreview
----------------------------------------------------------- */
.previewDay {
  font-size: 30px;
  padding-bottom: 10px;
  border-bottom: 2px dotted #79a46c;
  margin-bottom: 20px;
}
.previewDay strong {
  color: #79a46c;
  font-size: 36px;
  font-weight: normal;
}
.previewNotice {
  background: #fff;
  ;
  margin-top: 20px;
  padding: 20px;
  border-radius: 7px;
}
.previewNotice p.previewNoticeTitle {
  border: 1px solid rgba(121, 164, 108, 0.7);
  border-radius: 3px;
  color: #79a46c;
  font-size: 1.1em;
  display: inline-block;
  margin: 0 auto 10px;
  padding: 2px 10px;
  text-align: center;
}

/* -----------------------------------------------------------
　パース boxPerth
----------------------------------------------------------- */
#boxPerth .inner {
  padding-top: 0;
}

/* -----------------------------------------------------------
　ごあいさつ boxGreeting
----------------------------------------------------------- */
.greetingLetter {
  line-height: 1.6;
}
.greetingLetter p {
  margin-bottom: 14px;
}
.greetingLetter p:last-child {
  margin-bottom: 0;
}
#boxGreeting .name {
text-align: right;
font-size: 120%;
}


/* -----------------------------------------------------------
標榜科目 clinicalDepartments
----------------------------------------------------------- */
.departmentsList li {
  background: rgba(121, 164, 108, 0.2);
  flex: 1;
  text-align: center;
  padding: 20px 10px;
  margin: 1%;
  border-radius: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.departmentsList li.listOne {
max-width: 600px;
font-size: 126%;
font-weight: bold;
margin: 0 auto;
}

#boxDepartments .departmentsList dt {
  font-weight: bold;
  font-size: 114%;
  margin-bottom: 10px;
}



/* -----------------------------------------------------------
　当院について boxAboutus
----------------------------------------------------------- */
#boxAboutus h3 {
  font-size: 22px;
  text-align: center;
  padding: 4px;
  border-bottom: 1px dashed;
}
#boxAboutus .caseBox01 {
  margin-bottom: 24px;
}
#boxAboutus .boxList b {
  font-size: 16px;
  font-weight: normal;
}
#boxAboutus .boxList strong {
  color: #ED9A2E;
}
#boxAboutus .boxList02 dl dt {
  font-size: 18px;
  color: #79a46c;
  font-weight: bold;
  margin: 0 0 10px 0;
}
#boxAboutus .boxList02 dl dd {
  text-align: left;
}
#boxAboutus .medicalNoPay .boxList strong {
  color: #79a46c;
}
#boxAboutus .medicalPay h3 {
  color: #ED9A2E;
}
#boxAboutus .medicalPay .boxList .oneLine {
  padding: 26px 14px;
}

/* -----------------------------------------------------------
　医師紹介 boxDoctor
----------------------------------------------------------- */
.doctorOne {
  width: 100%;
  display: -webkit-box; /* 2列表示の場合（高さを揃える為） */
  display: -ms-flexbox;
  display: flex;
}
.doctorOneArea {
  margin: 20px;
  box-sizing: border-box;
  width: 100%; /* 2列表示の場合 */
}
.doctorName {
  text-align: center;
  font-size: 26px;
  margin-bottom: 20px;
}
.doctorName .rubi {
  display: block;
  font-size: 14px;
}
.doctorName .doctorDoc {
  font-size: 20px;
  display: block;
}
.doctorPhoto {
  text-align: center;
}
.doctorPhoto img {
  width: 180px;
}
#boxDoctor .caseBox02 {
  margin-bottom: 20px;
}
#boxDoctor .caseBox02:last-child {
  margin-bottom: 0;
}
#boxDoctor .list.bullet.biography li span {
  margin-right: 1em;
}
#boxDoctor span.lineTow {
  display: block;
  padding-left: 4em;
}

/* -----------------------------------------------------------
　診療時間 boxConsultation
----------------------------------------------------------- */
.consultationKinds {
  font-size: 20px;
  color: #79a46c;
  font-weight: bold;
  margin-bottom: 4px;
}
#boxConsultation .caseBox01 {
  margin-bottom: 30px;
}
/*
.tableDay tbody { color: #ED9A2E;}
.tableDay tbody tr td:first-child { color: #666;}
*/
table.consultation {
  text-align: center;
  margin-bottom: 10px;
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}
table.consultation thead {
  background: rgba(171, 132, 78, 0.2);
}
table.consultation thead tr td {
  width: 11%;
  border: none;
}
table.consultation thead tr td:first-child {
  width: calc(100% - calc(11% * 7));
}
table.consultation tbody tr td {
  padding: 14px 4px;
  border-bottom: 1px solid #ccc;
}
.kyushin {
  color: #fff;
  background: #ED9A2E;
  padding: 4px;
  border-radius: 5px;
}

/* -----------------------------------------------------------
　求人情報 boxRecruit
----------------------------------------------------------- */
.recruitTable {
  line-height: 1.6;
}
.recruitTable tr:first-child td {
  border-top: 1px solid #ccc;
}

/* -----------------------------------------------------------
　クリニック情報 boxInfomation
----------------------------------------------------------- */
#boxInfomation .caseBox01 {
  margin-bottom: 40px;
}
#boxInfomation .caseBox02 {
  margin-bottom: 40px;
}
.accessArea {
  line-height: 1.6;
}
.infoTraffic {
  width: 50px;
}
.accessIcon { 
  /*background: #79a46c;*/ 
  border-radius: 5px;
  display: block;
  width: 50px;
  height: 50px;
  margin: 0 auto 10px;
}
#accessLink {
  margin-top: 20px;
}
#accessLink .btn {
  color: #fff;
  font-size: 100%;
  /*background: #79a46c;*/ 
  border: none;
  padding: 6px;
  width: 300px;
  border-radius: 5px;
}
#accessLink .btn span {
  padding-left: 0.5em;
  font-size: 90%;
}

/* -----------------------------------------------------------
　footerFloatingMenu
----------------------------------------------------------- */
#footerFloatingMenu {
  display: block;
  position: fixed;
  z-index: 9999;
  text-align: center;
  right: 0px;
  top: calc(50% - 163px);
  /*background-color: rgba(253, 253, 253, 0.9);*/
  /*border: 1px solid #FFF;*/
  /*box-shadow: -1px 0 2px rgba(0,0,0,0.33);*/
}
#footerFloatingMenu a {
  color: #fff;
  line-height: 1.2;
  text-align: center;
  height: 90px;
  width: 90px;
  text-decoration: none;
  background: #ED9A2E;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
/*色変更する場合*/
/*
#footerFloatingMenu ul li:nth-of-type(2) a { background-color: rgba(0,158,231,1.00);}
#footerFloatingMenu ul li:nth-of-type(3) a { background-color: rgba(0,158,231,1.00);}
*/
#footerFloatingMenu a p {
  width: 100%;
  font-size: 16px;
  -webkit-align-items: center;
  -webkit-justify-content: center;
  align-items: center;
  justify-content: center;
}
/*--PC--*/
#footerFloatingMenu .floatingPC li a, #footerFloatingMenu .floatingPC li a img {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
/*--SP--*/
#footerFloatingMenu .floatingSP {
  display: none;
}

/* -----------------------------------------------------------
　ページトップ
----------------------------------------------------------- */
#pageTop {
  position: fixed;
  bottom: 20px;
  right: 20px;
}
#pageTop a {
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  background: #ccc;
  text-align: center;
  display: block;
  z-index: 999;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  line-height: 38px;
  padding: 8px;
}
#pageTop a:hover {
  text-decoration: none;
  opacity: 0.6;
}

/* -----------------------------------------------------------
　フッター boxFooter
----------------------------------------------------------- */
#boxFooter {
  border-top: 1px solid #ccc;
}
#boxFooter .inner {
  padding: 20px 0;
}
#boxFooter p {
  font-size: 14px;
}