@charset "utf-8";

/*---------------------------------------------
	body
---------------------------------------------*/
html { scroll-behavior: smooth; font-size: 62.5%;} /* 10px */
body { font-size: 1.6rem; color: #525261;line-height: 1.9;text-align: left;-webkit-text-size-adjust: 100%; } /* 16px */
p    { font-size: 1.6rem;} /* 16px */
img { width: 100%; height: auto; }
img.size-medium,
img.size-full{ width: auto !important; height: auto; }
div.imgbox{ overflow: hidden; display: flex; justify-content: center; text-align: center;}
/*---------------------------------------------
 **  フォント
---------------------------------------------*/
.mincho{font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", Georgia, serif;}


/*---------------------------------------------
 **  フッターナビ
---------------------------------------------*/
#footer #nav ul li ul{ display: none; }
/*---------------------------------------------
 **  メイン画像
---------------------------------------------*/

/*---------------------------------------------
	Anchor
---------------------------------------------*/
a {	outline: none;}
a:link {text-decoration: none;color: #0059B2; text-decoration: underline;}
a:visited {text-decoration: none;color: #0059B2;}
a:hover {	color: color-mod(#0059B2 shade(50%)); text-decoration: none;}
a:active {	text-decoration: none;	color: #0059B2;}
/*a { -webkit-transition: all 0.3s;  transition: all 0.3s; }*/

/*---------------------------------------------
 ** common div
---------------------------------------------*/
#content	{ width:100%; clear:both;}

/*---------------------------------------------
	p
---------------------------------------------*/
p {margin-bottom: 1em; }
p+a {margin-top: 1em !important ; }
p+div {margin-top: 1.5em !important ; }

/*---------------------------------------------
 ** padding
---------------------------------------------*/
.pLR_1em { padding-left: 1em; padding-right: 1em;}
.pLR_3em { padding-left: 3em; padding-right: 3em;}

/*---------------------------------------------
 ** margin
---------------------------------------------*/
.m0a { margin: 0 auto; }

/*---------------------------------------------
 ** フォント
---------------------------------------------*/
.fwb { font-weight: bold;}

/*---------------------------------------------
 ** ON OFF hover
---------------------------------------------*/
.hover {-webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out;}
.hover:hover{ opacity:0.6; filter:alpha(opacity=60); -ms-filter: "alpha( opacity=60 )"; }

/*---------------------------------------------
 **  画像角丸
---------------------------------------------*/
/* img{-moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px;} */

/*---------------------------------------------
 **  ページトップ
---------------------------------------------*/
#pageTop {
  position: fixed;
  bottom: 20px;
  right: 20px;
    z-index: 999;
}
 
#pageTop a {
  display: block;
  padding: 5px 3px 0px 3px;
  border-radius: 30px;
  background-color: #02529C;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  background: url(../img/common/page_top.png) no-repeat;
  background-size:100%;
  -moz-border-radius:0px;
  -webkit-border-radius:0px;
  border-radius:0px;
}
 
#pageTop a:hover {
  text-decoration: none;
  opacity: 0.7;
}

/*---------------------------------------------
 **   text-align
---------------------------------------------*/
.ter{ text-align:right;}
.tac{ text-align: center;}

/*---------------------------------------------
 **  position
---------------------------------------------*/
.por{position: relative;}

/*---------------------------------------------
 ** display
---------------------------------------------*/
.db{ display: block !important; }

/*---------------------------------------------
 **  section
---------------------------------------------*/
section{ margin-bottom: 50px;}

/*---------------------------------------------
 ** パンくずリスト
---------------------------------------------*/
nav#breadcrumbs ol{ 
   padding:0;
}
nav#breadcrumbs ol li {
  display: inline;
  list-style-type: none;
  font-size:80%;
}
nav#breadcrumbs ol li:before {
  content: " > ";
}
nav#breadcrumbs ol li:first-child:before {
  content:"";
}

/*---------------------------------------------
 **  色関係
---------------------------------------------*/
.btn_col_red { background:#FF4D4D !important; }

/*---------------------------------------------
 **  ボタン
---------------------------------------------*/
.bt_01_ful_w{width:100%; padding-left: 0 !important;padding-right: 0 !important;}

/*=================================================================================================================================*/
/**  共通部分	*/
/*=================================================================================================================================*/

/*---------------------------------------------
 ** 見出し
---------------------------------------------*/
h2,h3 { font-family:"Mplus 1p"; }
/*---------------------------------------------
 ** h2
---------------------------------------------*/
h2       {font-size: 2.2rem;line-height: 1.5;margin-bottom :1.8rem;font-weight:bold;color: #3F3025;letter-spacing:5px;}
h2 span  {font-size: 1.2rem; color:#CCCCCC;  font-weight:bold; display:block; letter-spacing:5px; font-family: 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', '游ゴシック Medium', 'Yu Gothic Medium', '游ゴシック', YuGothic, 'メイリオ', Meiryo, sans-serif;}
/* テキストスプライトのベース */
.ts_bace {  text-indent:100%; white-space:nowrap; overflow:hidden; margin-right: auto; margin-left: auto; }

/*---------------------------------------------
 ** h3
---------------------------------------------*/
h3{ margin-bottom:1.5rem; color:#3F3025; }

/*---------------------------------------------
 ** flex
---------------------------------------------*/
.flexbox{ display:flex;}
/*---------------------------------------------
 ** コンテンツ全体
---------------------------------------------*/
#content{
   width:100%;
}
#main{ 
   width:100%;
   margin:0 auto;
   padding:inherit;
}   
/*---------------------------------------------
 ** ヘッダー記述
---------------------------------------------*/
#header{width: 100%; }

/* ロゴ */
#logo {}
#logo a{
	width: 100%;
	height: 100%;
	display: block;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	background: url(../img/common/logo.png) no-repeat !important;
	background-size: 100% !important;
	z-index: 9;
	position: relative;
}
#index #logo a{background: url(../img/common/logo.png) no-repeat !important; background-size: 100% !important;}

.header_bt { }
.header_bt li {text-align:center;background:#004DA1;display:inline-block;color:#FFF;padding: 5px 0;}
.header_bt a {color:#FFF; text-decoration:none; }



/* メインイメージ */
.main_img {width:100%; position:relative; text-indent:100%; white-space:nowrap; overflow:hidden;}
#index .main_img {background: url( ../img/main_img/top_main.jpg) top center no-repeat;}
#index .main_img_inner { display: none; }



/*---------------------------------------------
 ** フッター記述
---------------------------------------------*/
#footer{
	clear:both;
   position: relative;
}
/* footerロゴ */
#footer #logo {
   margin: 0 auto 12px;
   position:relative;
   top:0;
}

/* フッターインナー */
.footer_inner{
   width: 100%;
   margin: 0 auto;
   position:relative;
   padding: 0 0 0 0;
}

/* コピーライト */
#copyright	{
   font-size: 0.8em;
   width: 100%;
   text-align:center;
   letter-spacing: 3px;
   padding: 15px 0 18px;
}


/*---------------------------------------------
 ** TOPコンテンツ
---------------------------------------------*/
.news_wrapper {border:2px solid #004DA1;background:#EFF9FE;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;padding: 20px 40px;}
.news_wrapper>h3 { color:#004DA1; font-weight:bold;}

.news_slid dt span{ display:inline-block; background:#FF0000; color:#FFF; font-weight:bold; padding:0 15px; }

.station{  width:100%; background:#EC7000; display:inline-block; color:#FFF !important; text-decoration: none !important; -moz-border-radius:50px; -webkit-border-radius:50px; border-radius:50px; } 

.main_img_inner { text-align:center; padding:50px 0; }

/*---------------------------------------------
 **  内部
---------------------------------------------*/
.clinic_flex_inner dt { position:relative; margin-bottom:18px; }
.clinic_flex_inner dt h3{ background:#EC7000;}
.flex_item_clounm_2{ margin-bottom: 30px;}
.clinic_flex_inner dd p{  padding:0 5%; }

.clinic_flex_inner dd ul { width:90%; text-align:center;}
.clinic_flex_inner dd ul li{ display: inline-block;}
.clinic_flex_inner dd ul li span { color:#EB7000; }



.clinic_houshin { position:relative; border:2px solid #EC7000; display:block; background:#FFF; box-shadow: 4px 4px #F0F0F0; padding:20px 20px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fafaf8+0,fafaf8+100 */
background: #fafaf8; /* Old browsers */
background: -moz-linear-gradient(top, #fafaf8 0%, #fafaf8 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #fafaf8 0%,#fafaf8 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #fafaf8 0%,#fafaf8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafaf8', endColorstr='#fafaf8',GradientType=0 ); /* IE6-9 */
}
.clinic_houshin h3 { margin:0 !important;}

.clinic_houshin:before{position: absolute;top: 3px;right: 8px;content: '●'; font-size:16px !important; color:#3F3025 !important;}
.clinic_houshin:after{position: absolute;top: 3px;left: 8px;content: '●'; font-size:16px !important; color:#3F3025 !important;}

.clinic_houshin h3:before{position: absolute;bottom: 3px;right: 8px;content: '●'; font-size:16px !important; color:#3F3025 !important;}
.clinic_houshin h3:after{position: absolute;bottom: 3px;left: 8px;content: '●'; font-size:16px !important; color:#3F3025 !important;}

/* 診療案内 */
.medical_blue dl dt h3 { color: #004C9F;}
.medical_blue dl:after{background: url( ../img/guide/guide_icon_02.png) no-repeat;  background-size:100%;}

.medical_dl_wrapper { position: relative;}
.medical_dl_wrapper dt h3{ color: #EB7000; font-size: 20px; font-weight: bold;}

.medical_dl_wrapper {padding-left:80px; }
.medical_dl_wrapper:after{width: 60px; height: 61px; position: absolute; top: 0px; left: 0px; background: url( ../img/guide/guide_icon_01.png) no-repeat; background-size:100%; content: ''; }


.bd_blue{  border: 3px solid #004DA1;}

.bdr { -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px; }

.bd_box{ padding: 15px; }

.img_box_med { text-align: center;}
.img_box_med p{display: block;font-size: 14px;padding: 10px;}

.access_add { font-weight:bold;  }

.access_map_cl2:nth-of-type(1) dl:after{background: url(../img/access/icon_access_01.jpg) no-repeat ;  background-size:100%;}
.access_map_cl2:nth-of-type(2) dl:after{background: url(../img/access/icon_access_02.jpg) no-repeat ;  background-size:100%;}


.doctor_keireki{background:#FAF9F7;margin-bottom:15px;padding: 20px 50px 34px;_zoom: 1;overflow: hidden;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;position:relative;}
.doctor_keireki dt {width:100px;height:100px;background:#EC7000;text-align: center;color:#FFF;padding: 37px 0 0; -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%;}

.doctor_keireki dd ul li { padding-left:20px; position: relative;}
.doctor_keireki dd ul li:after{ display: block;font-size:17px; position: absolute; top: 0px; left: 0px; color:#EC7000; content: '■'; }
.doctor_keireki dd ul li span {font-size:14px;display: block;padding: 0 0 0 16px;}

.syozoku { padding: 24px 0 0 !important; }


h3.orange{ letter-spacing: 0.2em; font-size:120%; border:2px solid #EC7000; background: #FAFAF8; text-align: center; color: #EC7000; padding: 8px 0; box-shadow:2px 2px 0px 2px #eee;}
div.dis_wrap{ width: 95%; margin:20px auto 60px auto;}
div.dis_wrap h4{ letter-spacing: 0.2em; display:inline-block; margin: 20px 0 10px 0;  border:2px solid #EC7000; background: #FAFAF8; text-align: center; color: #EC7000; padding: 8px 15px; box-shadow:2px 2px 0px 2px #eee;}
div.dis_wrap h5{ margin-bottom: 35px 0 20px 0;}


/* 採用情報 */
.recruit{ position: relative;}
.recruit_status{ position: absolute; display: inline-block; background: #0059B2; color:#fff; font-weight:bold; letter-spacing:0 !important; padding:0 20px; top:12px; right: 15px;}

table.table_style { width: 90%; margin: 20px auto;}
table.table_style th, table.table_style td  { padding: 10px 15px; border: 1px solid #ddd; }
table.table_style th  { background: #f4f4f4; }
table.table_style th  { width: 30%; text-align: left; }
 
@media only screen and (max-width:480px){
    table.table_style {  margin: 0 auto; }
    table.table_style th,
    table.table_style td{
    width: 90%;
    display: block;
    border-top: none;
    }
  table.table_style tr:first-child th { border-top: 1px solid #ddd; }
}