@charset "UTF-8";
/* CSS Document */

@media (min-width: 770px){
/*--電話番号--*/
.linkTel a { color: #666; text-decoration: none; pointer-events: none;}

}/*-- END (min-width: 770px)--*/


@media (max-width: 969px) {
/* -----------------------------------------------------------
　共通
----------------------------------------------------------- */
.inner { width: 90%;}

}/*-- END (max-width: 969px)--*/


@media (max-width: 769px) {
/* -----------------------------------------------------------
　共通（〜769）
----------------------------------------------------------- */
body { font-size: 16px;}
.inner { padding: 20px 0;}
.outline { padding: 15px;}

h2 { font-size: 24px;}
h3 { font-size: 20px;}
h4 { font-size: 18px; margin-bottom: 6px;}
h5 { font-size: 16px;}

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

/*--ブロック--*/
.boxList { display: block;}
.boxList li { font-size: 16px; display: block;}
.boxList li span { margin: 14px 0;}
.boxList02 { display: block;}
.boxList02 li { width:100%; font-size: 16px; display: block;}
.boxList02 li dl { display:block; margin: 14px 0;}
  
/*table*/
table tr th,
table tr td { padding: 8px;}


/* -----------------------------------------------------------
　開院日 boxOpenday（〜769）
----------------------------------------------------------- */
#boxOpenday .openday { font-size: 28px;}

/* -----------------------------------------------------------
　内覧会 boxPreview（〜769）
----------------------------------------------------------- */
.previewDay,
.previewDay strong { font-size: 28px;}

.previewDay { padding-bottom: 6px; margin-bottom: 14px;}

/* -----------------------------------------------------------
　当院の特徴 boxFeature（〜769）
----------------------------------------------------------- */
.featureTxt { font-size: 18px;}
.featureTxtNbr { font-size: 28px;}
.featureList { width: 100%;}
.featureList li { margin-bottom: 6px;}

/* -----------------------------------------------------------
　当院の特徴 boxFeature（〜769）
----------------------------------------------------------- */
#boxFeature .caseBox02 { margin-bottom: 20px;}

/* -----------------------------------------------------------
　標榜科目 clinicalDepartments（〜769）
----------------------------------------------------------- */
/*
.departmentsList li { 
    -webkit-flex-basis: calc(48% - 12px);
    -ms-flex-basis: calc(48% - 12px);
    flex-basis: calc(48% - 12px);
    max-width: 50%;
    padding: 12px 6px;
    margin: 0 0 10px;
}
*/

/* -----------------------------------------------------------
　医師紹介 boxDoctor（〜769）
----------------------------------------------------------- */
.doctorOneArea { margin: 20px 0;}

#boxDoctor .flexP { display: block;}
.doctorOneArea.outline { padding-top:25px;}

.doctorOne { width: 100%;}
.bullet .spNone { display: none;}


/* -----------------------------------------------------------
　クリニック情報 boxInfomation（〜769）
----------------------------------------------------------- */
#boxInfomation h4 { font-size: 20px;}


}/*-- END (max-width: 769px)--*/



@media (max-width: 660px) {
/* -----------------------------------------------------------
　共通（〜660）
----------------------------------------------------------- */
h2 { font-size: 22px;}
h3 { font-size: 18px;}
h4 { font-size: 16px;}
h5 { font-size: 16px;}

table { font-size: 14px;}

.pcShow660 {
  display: none;
}
.spShow660 {
  display: block;
}

/* -----------------------------------------------------------
　ロゴ boxLogo
----------------------------------------------------------- */
#boxLogo img { width: 90%;}

/* -----------------------------------------------------------
　リンクボタン boxLinkBtn（〜660）
----------------------------------------------------------- */
.linkBtnBox a { display: block;}

/* -----------------------------------------------------------
　標榜科目 clinicalDepartments（〜660）
----------------------------------------------------------- */
.flexP {
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.departmentsList li {
	-webkit-flex-basis: 50%;
	-ms-flex-basis : 50%;
	flex-basis : 50%;
  padding: 8px; margin: 6px 0;
}

/* -----------------------------------------------------------
　当院について boxAboutus（〜660）
----------------------------------------------------------- */
.boxList02 ul.symptomsList li {
    display: block;
    /* width: 100%;
    margin: 5px 0; */
    padding: 5px 5px;
    font-size: 14px;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
}

/* -----------------------------------------------------------
　医師紹介 boxDoctor（〜660）
----------------------------------------------------------- */
#boxDoctor .list.bullet.biography li {
    border-bottom: 1px dotted #ddd;
    margin-bottom: 10px;
    padding-bottom: 5px;
}
#boxDoctor .list.bullet.biography li span {
    display: block;
}
#boxDoctor span.lineTow {
  padding-left: 0;
}

/* -----------------------------------------------------------
　診療時間 boxConsultation（〜660）
----------------------------------------------------------- */
.consultationKinds { font-size: 16px;}
.consultationCaption { font-size: 14px;}

table.consultation tbody tr td { padding: 6px 2px;}

/* -----------------------------------------------------------
　求人情報 boxRecruit（〜660）
----------------------------------------------------------- */
.recruitTable { margin-bottom: 20px;}
.recruitTable th { display: block; padding: 4px;}
.recruitTable td { display: block;}

.recruitTable th,
.recruitTable td,
.recruitTable tr:first-child td { border: none;}

.recruitTable tr:last-child td { border-bottom: 1px solid #ccc;}


}/*-- END (max-width: 660px)--*/



@media (max-width: 480px) {
/* -----------------------------------------------------------
　共通（〜480）
----------------------------------------------------------- */
.iBlock-sp, .boxList02 li span.iBlock-sp {
    display: inline-block;
}
.pcShow480 {
  display: none;
}
.spShow480 {
  display: block;
}


/* -----------------------------------------------------------
　ロゴ boxLogo（〜480）
----------------------------------------------------------- */
#boxLogo .inner { padding: 20px 0;}

/* -----------------------------------------------------------
　開院日 boxOpenday（〜480）
----------------------------------------------------------- */
#boxOpenday .openday { font-size: 22px;}
/*#boxOpenday .inner { padding:14px 0;}*/

#boxOpenday .openday { width: 80%;}

/* -----------------------------------------------------------
　リンクボタン boxLinkBtn（〜480）
----------------------------------------------------------- */
#boxLinkBtn p { font-size: 16px;}
.linkBtnBox a { font-size: 14px;}

/* -----------------------------------------------------------
　内覧会 boxPreview（〜480）
----------------------------------------------------------- */
.previewDay,
.previewDay strong { font-size: 22px;}
.boxPreviewTxt { text-align: left;}
.boxPreviewTxt .iBlock { display: inline;}
.previewNotice {
    padding: 15px;
}
.previewNotice p {
    text-align: left;
}
.previewNotice p.previewNoticeTitle {
    display: block;
}
.previewNotice p.previewNoticeTitle span {
    display: block;
    font-size: .9em;
}

/* -----------------------------------------------------------
　当院について boxAboutus（〜480）
----------------------------------------------------------- */
#boxAboutus h3 { font-size: 20px;}

/* -----------------------------------------------------------
　医師紹介 boxDoctor（〜480）
----------------------------------------------------------- */
.doctorName { font-size: 22px; margin-bottom: 14px;}

.doctorPhoto img { width: 80%;}

#boxDoctor h6 { font-size: 14px;}
#boxDoctor .list li { font-size: 14px; margin-bottom: 6px;}

/* -----------------------------------------------------------
　クリニック情報 boxInfomation（〜480）
----------------------------------------------------------- */
#boxInfomation h4 { font-size: 18px;}

#boxInfomation .caseBox02 { margin-bottom: 20px;}
.infoTraffic { width: 40px;}
.accessIcon { width: 40px; height: 40px;}


/* -----------------------------------------------------------
　footerFloatingMenu（〜480）
----------------------------------------------------------- */
/*挿入した場合*/
/*body { padding-bottom: 50px;}*/


/*高さ*/
#footerFloatingMenu,
#footerFloatingMenu a,
#footerFloatingMenu a img { height: 60px;}

#footerFloatingMenu {
width: 100%;
right: auto; top: auto; left: 0px; bottom: 0px;
background-color: rgba(250, 250, 250, 0.9);
box-shadow: 0px -1px 2px rgba(0,0,0,0.33);
border-top: 1px solid #FFF;
}

/*--PC--*/
#footerFloatingMenu .floatingPC { display: none;}

/*--SP--*/
#footerFloatingMenu .floatingSP li a,
#footerFloatingMenu .floatingSP li a img {
border-top-left-radius: 5px; border-top-right-radius: 5px;}


#footerFloatingMenu .floatingSP {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}

#footerFloatingMenu ul {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
overflow:hidden;
}

#footerFloatingMenu ul li {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-basis: 23%;
-ms-flex-basis : 23%;
flex-basis : 23%;
max-width: 23%;
margin: 0 5px;
}

#footerFloatingMenu a { width: 90px;}
#footerFloatingMenu a p { font-size: 14px;}

#footerFloatingMenu img { display: inline-block;}


/*--SPページトップ--*/
#footerFloatingMenu .spTop a {
background: url(../images/imgPageTop.png) top 10px center no-repeat #bed302;
background-size: 18px;
padding-top: 12px;
}
#footerFloatingMenu .spTop a p { font-size: 16px;}



/* -----------------------------------------------------------
　ページトップ（〜480）
----------------------------------------------------------- */
#pageTop { display: none !important;}


}/*-- END (max-width: 480px)--*/