@charset "utf-8";

/*=================================================================================================================================*/
/** 個別指定 for スマートフォン
/*=================================================================================================================================*/

/*---------------------------------------------
 ** 320px
---------------------------------------------*/
@media screen and (max-width: 320px) {
}

/*---------------------------------------------
 ** 740px
---------------------------------------------*/
@media screen and (max-width: 740px) {

/*---------------------------------------------
	body
---------------------------------------------*/
html { scroll-behavior: smooth; }
body { font-size: 15px;  font-family: sans-serif; color:#444; } 
p    {font-size: 15px;} 


/* fook */
.only_sp_none {display:none!important; }
.sp_br{display: inline;}
.pc_br{display: none;}

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

/*---------------------------------------------
 **  ナビ
---------------------------------------------*/
#nav01 ul{padding: 0 12% 0 7%;background:#F6F6F6;}
#nav01 ul li {border-bottom:1px dashed #CCC ; }
#nav01 ul li:last-of-type { border:none; }
#nav01 ul li a{padding: 0.8em 1em 0.7em 2em;font-size:12px;}
#nav01 ul li a:after{ position: absolute; top: 7px; left: 5px;  content: '≫'; color:#0059B2; }
#nav01 ul li:last-of-type a:after{ content: '≫'; }


#nav01 ul li a:before {	display:none;}

#nav01 ul {border-top: 1px solid #DCDDDD; border-bottom: 1px solid #DCDDDD;}

header nav ul li a:hover {background:rgba(255,255,255,0) !important; }

/*---------------------------------------------
 **  メイン画像
---------------------------------------------*/
.main_img {width:100%;height: 130px;position:relative;background-size: cover;text-align:center;}
.main_img {display:none;}

.header_inner  {width:100% !important;margin: 0 !important;}

.top_main_sp{display:none;}
#index .top_main_sp{display:block;}
.main_h1{  text-align:center; padding:25px 0; margin-bottom:0; font-size:26px; }
.main_img_inner {width: 100%;text-align:center;padding:0px 0;margin: 0 0 30px;border-top:1px solid #DDDDDD;border-bottom:1px solid #DDDDDD;background: #FDF2E8;}

.header_wrapper:after{width: 100%;height: 1px;position: absolute;top: 125px;left: 0px;right:0;margin:0 auto;border-bottom:1px solid #DDDDDD;content: '';}
#index .header_wrapper:after{ display:none;}

.main_img_inner h1{ display: inline-block; color:#EC7000;position: relative;}
.main_img_inner h1:before{width: 8px;height: 8.5px;position: absolute;top: 43px;left: -27px;background: url( ../img/common/main_img_L.png) no-repeat;background-size:100%;content: '';}
.main_img_inner h1:after{width: 8px;height: 8.5px;position: absolute;top: 43px;right: -27px;background: url( ../img/common/main_img_R.png) no-repeat;background-size:100%;content: '';}


/*---------------------------------------------
 ** ヘッダー記述
---------------------------------------------*/
#header{}
.header_wrapper{}

/*---------------------------------------------
 **  ロゴ
---------------------------------------------*/

#logo {
  width: 107px;
  height: 85px;
  bottom: 0px;
  left: 0%;
  right: 0px;
  margin: 19px auto 19px;
}

.sp_tel {width: 51px;height: 51px;position:absolute;top: 20px;left: 6%;}


.header_bt { margin:20px auto 10px; display:flex;flex-wrap:wrap;justify-content: space-between; background:#003366; padding:5px 0; display:none;}
.header_bt li {width: 48%;  }

.tel{ display:none;}

/*---------------------------------------------
 **  タイトル
---------------------------------------------*/
h2 {font-size: 1.7rem;margin-bottom: 1.7rem;}


h3 {font-size: 19px;}


/*=================================================================================================================================*/
/**  TOP	*/
/*=================================================================================================================================*/


/*=================================================================================================================================*/
/**  フッター	*/
/*=================================================================================================================================*/
.footer_wrapper{ margin:0 ; padding-bottom:10px; }

/* フッターナビ */
#footer nav ul{ background:#F6F6F6;  display:flex;flex-wrap:wrap;justify-content: space-between; padding:1px 0 1px 0;}
#footer nav li{  width:49.3%;margin:1px;  }
#footer nav a{ width:100%; background:#FFF; font-size:12px;  padding:10px 0; text-align:center; text-decoration:none; display:block; position:relative; }
#footer nav a:after{width: 10px;height: 10px;position: absolute;top: 15px;right: 11px;background: url( ../img/common/bt_icon_blue.png) 0 0 no-repeat;background-size: 100%;content: '';}

#copyright {font-size:10px!important;}

/* ページTOPへ */
#pageTop {right: 6%;bottom:0;}
#pageTop a {width: 40px;height: 57px;}


.news_wrapper {padding: 10px 5%; text-align:center;}
.news_wrapper>h3 {font-size: 15px;border-bottom:2px solid #004DA1;width: 100%; text-align:center; margin:  5px 0 15px 0 ;}
.news_slid dt { margin:0 0 10px; font-size:14px; }
.news_slid dd a { color:#FF0000; }
.news_slid dt a { color:#FFF; }
.news_slid dd p { margin:0; text-align:left; text-align:justify; padding:0 5% !important; }
.bdw_waku { margin:15px 0 0 0; }


.h2_top_01 span{ font-size:20px; display:inline-block; color:#EB7000;}


.representative_skin_inner{width: 254px;text-align:center; margin:0 auto 30px;}
.representative_skin_inner h3{ font-size:18px;  }
.representative_skin_img { width:170px; margin:0 auto 20px;}
.representative_skin_inner a { width:250px; }
.representative_skin_img {position: relative;}
.representative_skin_img:after{z-index:  -1;width: 170px;height: 170px;position: absolute;top: 7px;left: 12px;background: url( ../img/top/top_img_02_shadow.png) no-repeat; background-size:100%;content: '';}

table.time_table{-moz-border-radius:11px;-webkit-border-radius:11px;border-radius:11px;_zoom: 1;overflow: hidden;
-moz-box-shadow:5px 3px 4px rgba(0,0,0,0.02);
-webkit-box-shadow:5px 3px 4px rgba(0,0,0,0.02);
box-shadow:5px 3px 4px rgba(0,0,0,0.02);
}
table.time_table{width: 100% !important;margin: 0;font-size: 12px;border-collapse: separate !important;border-spacing: 1px !important;text-align:center;margin: 0 0 10px 0;}
table.time_table th{background-color: #004DA1;padding: 5px 4px;color:#FFF;font-size: 10px;line-height:1.4;}
table.time_table th span {display:block;font-size: 2px;}
table.time_table td{background-color: #EFF9FE;padding:  0px;color:#EC7000;font-size: 12px;}
table.time_table td>span{color: #666257;font-weight:bold; font-size:8px;}
td.midashi_time{display:block; }
td.midashi_time span{ display:block;}
.sat_td span { display:none; }

.footer_add { font-size:16px; color:#3F3025; text-align:center; }
.footer_add dd span { display:block; margin:-10px 0 0 0;}

#footer .tel {width: 257px;height: 84px;display:block;margin: 0px auto 15px;background:url( ../img/common/tel.jpg?date=20220209) 0 0 no-repeat;background-size:100%;text-indent:100%;white-space:nowrap;overflow:hidden;}

.footer_inner { margin:0 0 25px;}
.station {width:90%;font-size:16px;margin: 5px auto 19px;}


/*=================================================================================================================================*/
/**  内部ページ	*/
/*=================================================================================================================================*/

.clinic_flex_inner dt h3{ text-align:center; padding:6px 0 2px; color:#EC7000; font-weight:bold; background:#FFF; border-bottom:1px dashed #EC7000; }

.img_box_med{ width:80%; margin:0 auto; }

.access_map_wrapper { height:320px;} 


.medical_dl_wrapper {padding-left: 40px;}
.medical_dl_wrapper:after{width: 30px; height: 30px;}
.medical_dl_wrapper dt h3{ font-size: 16px;}

.doctor_name {font-size:20px; margin:15px 0 5px;  }
.doctor_name span { font-size:12px; padding-right:15px;}

.recruit h3{ padding: 10px 120px 10px 10px}


/*=================================================================================================================================*/
/**  ニュース改変	*/
/*=================================================================================================================================*/
section.top_news{ background:#EFF9FE;padding: 0; border-top: 2px solid #004DA1; border-bottom: 2px solid #004DA1;}
.newsBlock>h3 {font-size: 12px; background: #004DA1; color: #fff; text-align: center;}
.newsBlock dl{ display: flex;}
.newsBlock dt span a{ width:100px; display:inline-block; background:#FF0000; color:#FFF; text-align: center; font-weight:bold; padding:0 5px; margin-right: 15px; font-size:12px; }
.newsBlock dd p strong{ font-size: 14px;}

}




