@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: #89b929;}
a:hover { opacity: 0.7;}


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


/*--文字--*/
.iBlock { display: inline-block;}
.txtC { text-align: center;}
.pcNone { display: none;}

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: #e06a54;}

h3 { font-size: 24px; color: #89b929; font-weight: bold;
margin-bottom: 20px;}

h4 { font-size: 22px; color: #89b929; 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;}


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


/*--色--*/
.clr01 { color: #e06a54;}
.clr02 { color: #89b929;}


.bg_01 { background: #e06a54;}
.bg_02 { background: #89b929;}
.bg_03 { background: #fffbcc;}

.bg_011 { background: rgba(190,211,2,0.5);}
.bg_022 { background: rgba(239,143,173,0.2);}
.bg_033 { background: rgba(255,251,204,0.5);}
.bg_044 { background: rgba(180,196,43,0.1);}

/*--ブロック--*/
.outline { padding: 30px;}
.outline01 { border: 1px solid #89b929;}


.bSdw { box-shadow: 0px 3px 4px rgba(0,0,0,0.2);}
.bRds { border-radius: 10px;}

.boxList { display: flex;flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;}
.boxList li { flex-basis: 50%; display: inline-block;
/*font-size: 20px;*/ text-align: center;
}
.boxList li span { display: block; margin: 14px;
/*border: 1px solid #e06a54;*/
padding: 14px; border-radius: 10px;}

.boxList02 { display: flex;flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;}
.boxList02 li {
    flex-basis: 50%;
    width: 50%;
    display: flex;
    /*font-size: 20px;*/
    text-align: center;
}
.boxList02 li dl{
    display: flex;
    flex-direction: column;
    width: 100%;
    margin: 14px;
    /*border: 1px solid #e06a54;*/
    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: 0.5%; */
    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文字以上の場合 */
    /* width: 100%; */
    -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(190,211,2,0.2); text-align: center; vertical-align: middle; border-bottom: 2px solid #fff;}
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;*/
}




/*--背景--*/
.mainContents section { border-bottom: 1px solid #ccc;}

/*--ストライプ--*/
.stripeP {
background-size: auto auto;
background-color: rgba(255, 255, 255, 1);
background-image: repeating-linear-gradient(135deg, transparent, transparent 2px, rgba(137, 185, 41, 0.2) 2px, rgba(137, 185, 41, 0.2) 3px ); 
}

.stripeG {
background-size: auto auto;
background-color: rgba(255, 255, 255, 1);
background-image: repeating-linear-gradient(135deg, transparent, transparent 2px, rgba(190,211,2,0.2) 2px, rgba(190,211,2,0.2) 3px );
}

.stripeOG {
background-size: auto auto;
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 );
}


.mainContents section:nth-child(odd) {
/*background: rgba(255,251,204,0.2);*/
/*
background-size: auto auto;
background-color: rgba(255, 255, 255, 1);
background-image: repeating-linear-gradient(135deg, transparent, transparent 4px, rgba(236, 236, 236, 1) 4px, rgba(236, 236, 236, 1) 5px );
*/
}


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

#boxLogo img { width: 70%;}

/* -----------------------------------------------------------
　開院日 boxOpenday
----------------------------------------------------------- */
/*#boxOpenday {padding: 0 0 10px;}*/
#boxOpenday .inner { padding:0;}

.belt { border-top: 2px solid #e06a54; border-bottom: 2px solid #e06a54;}
#openday { color: #e06a54; font-size: 34px; font-weight: bold;
padding-bottom: 6px; border-bottom: 2px solid #e06a54;  margin: auto;
width: 400px;
}
/* -----------------------------------------------------------
電話番号 boxClinictel
----------------------------------------------------------- */
#boxClinictel .inner { padding:20px 0 0 0;}
#clinictel { color: #007C36; font-size: 34px; font-weight: bold;margin: auto;
width: 400px;
}
#clinictel a {text-decoration: none;color: #007C36;}
/* -----------------------------------------------------------
	オープンキャンペーン boxOpencampaign
----------------------------------------------------------- */
#boxOpencampaign { text-align: center;}
#boxOpencampaign .inner { padding: 80px 0 30px 0;}
	
#boxOpencampaign img { width: 80%;} 
/* -----------------------------------------------------------
　リンクボタン boxLinkBtn
----------------------------------------------------------- */
#boxLinkBtn p { font-size: 20px;}

.linkBtnBox { text-align: center; margin-top: 20px;}
.linkBtnBox a {
    display: inline-block;
    color: #fff;
    /*background: #89b929;*/
    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 #89b929; margin-bottom: 20px;}
.previewDay strong { color: #89b929; font-size: 36px; font-weight: normal;}


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



/* -----------------------------------------------------------
　ごあいさつ boxGreeting
----------------------------------------------------------- */
.greetingLetter { line-height: 1.6;}
.greetingLetter p { margin-bottom: 14px;}
.greetingLetter p:last-child { margin-bottom: 0;}
.greetingLetter p.mb20 { margin-bottom: 20px;}

/* -----------------------------------------------------------
標榜科目 clinicalDepartments
----------------------------------------------------------- */
.departmentsList li { background: rgba(190,211,2,0.2);
flex: 1; text-align: center; padding: 20px 8px; margin: 1%;
border-radius: 10px;}

.departmentsList li {
/*
	-webkit-flex-basis: 30%;
	-ms-flex-basis : 30%;
	flex-basis : 30%;
*/
    }


/* -----------------------------------------------------------
　当院について 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: #e06a54;}
#boxAboutus .boxList02 dl dt { font-size: 18px; color: #89b929; font-weight: bold; margin: 0 0 10px 0;}
#boxAboutus .boxList02 dl dd{text-align: left;}
#boxAboutus .medicalNoPay .boxList strong { color: #89b929;}

#boxAboutus .medicalPay h3 { color:#e06a54;}
#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列表示の場合 */
}
.doctorNameBox{
text-align: center;
margin-bottom: 20px;
}
.doctorName { font-size: 26px; }
.doctorNameBox .rubi { display: block; font-size: 14px;}
.doctorNameBox .doctorDoc { font-size: 20px;}

.doctorPhoto { text-align: center;}
.doctorPhoto img { width: 220px;}

#boxDoctor .caseBox02 { margin-bottom: 20px;}
#boxDoctor .caseBox02:last-child { margin-bottom: 0;}
#boxDoctor .list.bullet.biography li span {
  margin-right: 1em;
}


/* -----------------------------------------------------------
　診療時間 boxConsultation
----------------------------------------------------------- */
.consultationKinds { font-size: 20px; color: #89b929;
font-weight: bold; margin-bottom: 4px;}

#boxConsultation .caseBox01 { margin-bottom: 30px;}

/*
.tableDay tbody { color: #e06a54;}
.tableDay tbody tr td:first-child { color: #666;}
*/

table.consultation { text-align: center; margin-bottom: 10px;}
table.consultation thead { background: rgba(137, 185, 41, 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: #89b929; padding: 4px;
border-radius: 5px;}
.kyushin01 { color: #fff; background: #ed7a95; 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: #89b929;*/ 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: #89b929;*/ 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: #e06a54;
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 #e06a54;}
#boxFooter .inner { padding: 20px 0;}
#boxFooter p { font-size: 14px;}