@charset "UTF-8";

html,body { overflow-x: hidden; background:#FFF;}
.red{ color:#C1272D;}
.blue{ color:#145799;}
.container{ padding-top:3em; padding-bottom:3em;}
header .container{ padding-top:2em; padding-bottom:0em;}
.container_pad0{ padding-top:0em; padding-bottom:0em;}
p{ margin-top:1em; margin-bottom:1em;}
.row-eq-height{ display:-webkit-flex; display:flex; flex-wrap:wrap;}
ul.normallist{ margin:0 0 0 2.3em; padding:0;}
ul.normallist li{ margin-bottom:0.3em;}
ul.kome{ margin:1em 0 0 1em; padding:0; font-size:85%;}
ul.kome li{ list-style-type:none; text-indent:-1em;}
ul.kome li:before { display:inline; content:"※";}
ul.bkaku{ margin:1em 0 1em 1em; padding:0;}
ul.bkaku li{ list-style-type:none; text-indent:-1em; font-family:Gothic Medium BBB;}
ul.bkaku li:before { display:inline; content:"■"; color:#145799;}
ul.bmaru{ margin:0 0 0 2em; padding:0;}
ul.bmaru li{ list-style-type:none; text-indent:-1em; font-family:Gothic Medium BBB; margin-bottom:0.5em;}
ul.bmaru li:before { display:inline; content:"●"; color:#145799;}
h2.hd_uline{ border-bottom:1px solid #867D74; color:#003D82; font-size:116%; letter-spacing:0.2em; font-family:Gothic Medium BBB; margin-bottom:1.5em; padding:0 15px 2px 15px;}
h2.hd_uline:after{ content:""; display:block; clear:both; height:0px; overflow:hidden;}
h2.hd_uline small{ margin-left:15px; padding:0 15px; color:#000; font-size:65%; border-left:1px solid #867D74; font-family:Reimin Medium;}
.hd_blue{ color:#003D82; line-height:1.5; font-size:146.5%; letter-spacing:0.2em; margin-top:0; margin-bottom:1.5em;}
.hd_blues{ color:#003D82; line-height:1.5; font-size:100%; letter-spacing:0.2em; margin:0.5em 0;}
.hd_bkaku{ color:#145799; font-size:100%; font-family:Gothic Medium BBB; margin-top:0;}
.hd_bkaku:before { display:inline; content:"■"; font-size:131%;}

@media (max-width: 767px) {
	.container{ padding-top:1em; padding-bottom:1em;}
	.container_pad0{ padding-top:0em; padding-bottom:0em;}
	header .container{ padding-top:0}
	h2.hd_uline{ font-size:108%; margin-bottom:1em;}
	h2.hd_uline small{ display:none;}
	.hd_blue{ font-size:116%; margin-bottom:1em;}
}
@media (max-width: 480px) {
	.hd_blue{ font-size:100%;}
}
@media (min-width: 768px) and (max-width: 992px) {
	.container{ padding-top:2em; padding-bottom:2em;}
	.container_pad0{ padding-top:0em; padding-bottom:0em;}
	.row.row-eq-height .col-sm-4{ width:33.2%;}
	h2.hd_uline{ padding:0 15px 0px 15px;}
	h2.hd_uline small{ margin-left:10px; padding:0 10px; font-size:57%;}
}
@media (min-width: 992px) {
	.rowpad{ padding-left:7%; padding-right:7%;}
}



/******************************************************************/
/* HEADER */
/******************************************************************/
header{ border-top:7px solid #003D82; font-family:Reimin Medium;}
a.sitename{ font-size:197%; color:#003D82; text-decoration:none; letter-spacing:0.3em;}
a.sitename img{ width:30px; margin-right:0.3em;}
a.sitename small{ margin-left:1em; font-size:45%; color:#000000; letter-spacing:0.2em;}
.telno{ font-size:85%; float:right;}
.telno span{ font-size:197%; font-family:Gothic Medium BBB; margin-left:1em;}
.navbar-toggle { padding:9px 10px; margin-top:0; margin-right:0; margin-bottom:0; border:none;}
.navbar-toggle .icon-bar { width:30px; background-color: #003D82;}
.navbar-toggle .icon-bar + .icon-bar{ margin-top:6px;}
@media (max-width: 767px) {
	header{ padding:1em 0;}
	a.sitename{ font-size:146.5%;}
}
@media (max-width: 320px) {
	a.sitename{ font-size:131%; letter-spacing:0.2em;}
	a.sitename img{ width:22px;}
	a.sitename small{ margin-left:0.5em;}
}



/******************************************************************/
/* NAV */
/******************************************************************/
.navbar-nav{ margin:0 -15px;}
.navbar-collapse{ border-top:none;}
.nav > li > a{ display:block; border-radius:0px; color:#003D82; font-family:A1 Gothic R; padding:10px 34px 10px 45px; font-size:116%; line-height:1.3;}
.nav > li:last-child > a{ padding-right:0;}
.nav > li > a small{ display:block; color:#000000; font-size:61%; font-family:Reimin Medium;}
.nav > li > a:hover,.nav > li > a:focus { background-color: transparent;}
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus { background-color:#FFF; border-color: #CCC;}
.nav_home{ background:url(../images/nav/ic-home.png) left center no-repeat;}
.nav_services{ background:url(../images/nav/ic-services.png) 13px center no-repeat;}
.nav_facility{ background:url(../images/nav/ic-facility.png) 8px center no-repeat;}
.nav_philosophy{ background:url(../images/nav/ic-philosophy.png) 8px center no-repeat;}
.nav_recruit{ background:url(../images/nav/ic-recruit.png) 8px center no-repeat;}
.nav_access{ background:url(../images/nav/ic-access.png) 8px center no-repeat;}

@media (max-width: 480px) {
	.navbar{ padding-top:20px;}
	.nav > li{ padding-left:1em;}
	.nav > li > a { font-size:85%;}
}
@media (min-width: 768px) and (max-width: 992px) {
	.nav > li > a { font-size:93%; padding:10px 5px 10px 43px;}
}
@media (min-width: 993px) and (max-width: 1200px) {
	.nav > li > a { font-size:100%; padding:10px 15px 10px 43px;}
}
/* 
@media (min-width: 992px) {
	.nav > li > a { padding:10px 16px 10px 18px;}
}
 */


/*
 * Off Canvas
 * --------------------------------------------------
 */
@media (max-width: 767px) {
  .row-offcanvas {
    position: relative;
    -webkit-transition: all .25s ease-out;
         -o-transition: all .25s ease-out;
            transition: all .25s ease-out;
  }
  .row-offcanvas-right {
    right:0;

  }
  .row-offcanvas-right
  .sidebar-offcanvas {
    right: -120%; /* 6 columns */
  }
  .row-offcanvas-right.active {
    right: 88%; /* 6 columns */
  }
  .sidebar-offcanvas {
    position: absolute;
    top: 0;
    width: 100%; /* 6 columns */
    z-index:999999;
/*    background:#FFF; */
   background:rgba(255,255,255,0.9);
	height:100vh;
	overflow:scroll;
  }
}




/******************************************************************/
/* FOOTER */
/******************************************************************/
footer{ background:#E9E9F1;}
div.sitename_ft{ font-family:Reimin Medium; font-size:182%; color:#003D82; text-decoration:none; letter-spacing:0.3em;}
.sitename_ft img{ width:30px; margin-right:0.3em;}
span.sitenameeg_ft{ margin-right:1em; font-size:77%; color:#000000; letter-spacing:0.2em; font-family:Reimin Medium;}
.telno_ft{ font-size:85%; border:1px solid #003D82; color:#145799; text-align:center; padding-bottom:5px;}
.telno_ft span{ color:#003D82; font-size:197%; font-family:Gothic Medium BBB; margin-left:1em;}
#copyright{ font-size:77%; text-align:center;}
#pagetopbox{ display:none; position:fixed; bottom:20px; left:48%; z-index:999999;}
#pagetopbox a{ display:block;}
div.omotobanner{ background:#DEE39F; padding:2em;}
div.copyright{ background:#003D82; color:#FFF; padding:0.5em; font-size:77%; text-align:center;}
@media (max-width: 480px) {
	footer{ padding-bottom:2.3em;}
	span.sitenameeg_ft{ display:block; margin-right:0;}
	.telno_ft{ margin:1em 0; padding:0.5em 0.5em 0 0.5em;}
	.telno_ft span{ display:block;}
	.ft_spmenu{ background:#003D82; color:#FFF; z-index:9999; padding:10px 1%; font-size:108%; font-weight:bold; font-family:Futo Go B101;}
	.ft_spmenu div{ margin:0; padding:0 5px;}
	.ft_spmenu a{ border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; background:#FFF; display:block; padding:10px 0; text-decoration:none; text-align:center; border:1px solid #999;}
	.ft_spmenu a.call{ color:#3B795D;}
	.ft_spmenu a.facility{ color:#003D82;}
	#pagetopbox{ bottom:80px; left:41%;}
}

@media (min-width: 768px) and (max-width: 992px) {
	span.sitenameeg_ft{ display:block; margin-right:0;}
	.telno_ft{ padding-top:5px;}
	.telno_ft span{ display:block;}
}



/******************************************************************/
/* TOP */
/******************************************************************/
.topphoto{ position:relative;}
.topphoto h1{ margin:0; padding:0; position:absolute; color:#FFF; top:40%; left:16%; font-family:Reimin Medium; font-size:138.5%; line-height:2; letter-spacing:0.5em;}
.topphoto img{ width:100%;}
table.newstbl{ width:100%;}
table.newstbl th,table.newstbl td{ vertical-align:top; padding:10px; border-bottom:1px dotted #7A7974;}
table.newstbl th{ white-space:nowrap; font-weight:normal;}
table.newstbl td{ color:#145799;}
table.newstbl td a{ color:#145799; text-decoration:underline;}
table.timetbl{}
table.timetbl th,table.timetbl td{ padding:5px 17px; border:1px solid #7A7974;}
table.timetbl th{ text-align:center; background:#145799; color:#FFF; border-right:1px solid #FFF;}
table.timetbl th:last-child{ border-right:1px solid #7A7974;}
table.timetbl td{ text-align:center; border:1px solid #7A7974; background:#FFF; font-family:Gothic Medium BBB;}
table.timetbl td.practicetime{ text-align:right; white-space:nowrap;}
p.doctorname{ font-size:85%;}
p.doctorname span{ font-size:131%; margin-left:1em; letter-spacing:0.2em; font-family:Reimin Medium;}
@media (max-width: 767px) {
	.topphoto h1{ top:30%; left:5%; font-size:85%; line-height:1.5; letter-spacing:0.5em;}
	table.timetbl th,table.timetbl td{ padding:5px 8px;}
}
@media (max-width: 480px) {
	table.timetbl th,table.timetbl td{ padding:5px 5px; font-size:93%;}
}
@media (min-width: 768px) {
	.newsdlist dd{ margin-left: 160px;}
}
@media (min-width: 768px) and (max-width: 992px) {
	.topphoto h1{ top:33%; left:9%;}
	table.timetbl th,table.timetbl td{ padding:5px 8px;}
}
@media (min-width: 993px) and (max-width: 1200px) {
	table.timetbl th,table.timetbl td{ padding:5px 11px;}
}



/******************************************************************/
/* ABOUT */
/******************************************************************/
#pagetitle{ background:#003D82; color:#FFF;}
#pagetitle .container{ padding-top:1em; padding-bottom:1em;}
#pagetitle h1{ font-size:131%; margin:0; padding:0;}
#pagetitle span{ font-family:Reimin Medium; font-size:61%; margin-left:2em;}
.pagephoto{ position:relative; margin-bottom:1em;}
.pagephoto div{ margin:0; padding:0; position:absolute; color:#003D82; top:40%; left:23%; font-family:Reimin Medium; font-size:138.5%; line-height:2; letter-spacing:0.5em; text-align:center;}
.pagephoto div span{ border-bottom:1px solid #003D82;}
.pagephoto img{ width:100%;}
table.facilitytbl{ border-top:1px solid #003D82; width:100%;}
table.facilitytbl th,table.facilitytbl td{ border-bottom:1px solid #003D82;}
table.facilitytbl th{ background:#E9E9F1; white-space:nowrap; padding:8px 30px 8px 20px;}
table.facilitytbl td{ padding:8px 20px 8px 30px;}
table.facilitytbl td span{ margin-left:2em;}
div.facilityphoto div{ margin:0; padding:0;}
div.facilityphoto p{ position:relative; top:-1.5em; left:0.5em; margin:0 0 -1.1em 0; padding:0; text-shadow: 1px 1px 0 #FFF,-1px 1px 0 #FFF,1px -1px 0 #FFF,-1px -1px 0 #FFF;}
ul.listside{ margin:0 0 0.5em 0; padding:0; list-style:none;}
ul.listside li{ display:inline-block; margin-right:2em;}
ul.listside li:before { display:inline; content:"・"; font-size:131%;}
@media (max-width: 767px) {
	#pagetitle h1{ padding:0 15px; font-size:108%;}
	.pagephoto div{ top:22%; left:21%; font-size:77%; letter-spacing:0.1em;}
	.pagephoto div span{ display:block;}
	table.facilitytbl th,table.facilitytbl td{ padding:8px;}
	table.facilitytbl td span{ display:block; margin-left:0;}
	table.facilitytbl a{ color:#000;}
	div.facilityphoto p{ margin-bottom:0;}
	ul.listside li{ display:block; margin-right:0;}
}
@media (min-width: 768px) and (max-width: 992px) {
	table.facilitytbl td span{ margin-left:1em;}
	.pagephoto div{ top:30%; left:22%; font-size:116%; letter-spacing:0.3em;}
}