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

/* アコーディオン */
#case .accordion_one {
  margin: 0 auto;
}
#case .accordion_one .accordion_header {
  color: #000;
  font-size: 20px;
  font-weight: 700;
  padding: 20px 0;
  position: relative;
  z-index: +1;
  cursor: pointer;
  transition-duration: 0.2s;
  margin-bottom: 20px;
  border-bottom: 1px dashed #000;
}
#case .accordion_one .accordion_header::before {
content: "！";
background: #fa7c00;
color: #fff;
font-size: 16px;
padding: 0.4rem 1rem;
border-radius: 8px;
margin-right: 20px;
}
#case .open {
border-bottom: none !important;
}
#case .accordion_one .accordion_header:hover {
  opacity: .8;
}
#case .accordion_one .accordion_header .i_box {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 50%;
  right: 2rem;
  width: 40px;
  height: 40px;
  margin-top: -20px;
  box-sizing: border-box;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  transform-origin: center center;
  transition-duration: 0.2s;
}
#case .accordion_one .accordion_header .i_box .one_i {
  display: block;
  width: 18px;
  height: 18px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  transform-origin: center center;
  transition-duration: 0.2s;
  position: relative;
}
#case .accordion_one .accordion_header.open .i_box {
  -webkit-transform: rotate(-360deg);
  transform: rotate(-360deg);
}
#case .accordion_one .accordion_header .i_box .one_i:before, #case .accordion_one .accordion_header .i_box .one_i:after {
  display: flex;
  content: '';
  background-color: #000;
  border-radius: 10px;
  width: 18px;
  height: 4px;
  position: absolute;
  top: 7px;
  left: 0;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  transform-origin: center center;
}
#case .accordion_one .accordion_header .i_box .one_i:before {
  width: 4px;
  height: 18px;
  top: 0;
  left: 7px;
}
#case .accordion_one .accordion_header.open .i_box .one_i:before {
  content: none;
}
#case .accordion_one .accordion_header.open .i_box .one_i:after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
#case .accordion_one .accordion_inner {
  display: none;
}
#case .accordion_one .accordion_inner p.txt_a_ac {
  margin: 0;
  border-bottom: 0.1rem dashed #000;
}
#case .accordion_inner .box_one figure {
width: 22rem;
margin-left: 3rem;
flex-shrink: 0;
}
#case .accordion_inner .box_one figure img {
width: 100%;
height: auto;
}
#case .accordion_inner .box_one p {
padding-bottom: 2rem;
}
#case .accordion_inner .box_one p em {
color: #ff0000;
}

/* トップページ */
html {
scroll-behavior: smooth;
}
body {
position: relative;
font-family:"游ゴシック","YuGothic","メイリオ","Meiryo",arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
color:#000;
font-weight: 500;
font-size: 16px;
line-height: 1.6;
}

a:link {text-decoration: none;color: #d74c00;}
a:visited {text-decoration: none;color: #d74c00;}
a:hover {text-decoration: none;color: #028A6F;}
a:active {text-decoration: none;color: #028A6F;}

#base {
background-image: linear-gradient(0deg, #ffffff, #f3f9e1 50%, #ffffff);
padding-top: 10px;
}

header {
border-bottom: 12px solid #5bb29e;
padding: 10px 0;
}
header > div {
display: flex;
justify-content: space-between;
width: 1000px;
margin: 0 auto;
}
header > div div {
display: flex;
align-items: flex-end;
}
header article {
	width:400px;
	z-index:2;
	color: #2c9c87;
	text-align: right;
	font-weight: bold;
}
header article adress {
font-size: 14px;
font-weight: normal;
}
header article h2 {
font-size: 20px;
font-weight: bold;
margin: 10px 0;
}
header article small {
font-size: 14px;
font-weight: normal;
line-height: 1.2;
display: block;
}

.wrap {
width: 1000px;
margin: 20px auto;
padding: 30px 30px 100px 30px;
display: flex;
justify-content: space-between;
border-radius: 10px;
box-shadow: 0 0 10px rgba(0,0,0,0.2);
background: #fff;
}
aside {
width: 185px;
}
#staff {
transition: 0.3s;
}
#staff:hover {
opacity: 0.7;
}
nav {
margin: 30px 0;
}
nav ul li {
border: 1px solid #ccc;
margin-bottom: 4px;
box-shadow: 2px 2px 0 rgba(0,0,0,0.1);
font-weight: bold;
transition: 0.3s;
background: url("../img2/icon_side_li") no-repeat right 6px center/3%;
}
nav ul li:hover {
transform: translateX(10px);
}
#m_syoni {
border-left: 3px solid #ffcb3d;
}
#m_ten {
border-left: 3px solid #bd3dff;
}
#m_yobo {
border-left: 3px solid #8cf338;
}
#m_huka {
border-left: 3px solid #069eed;
}
.sub_menu {
border-left: 3px solid #ccc;
}
nav ul li a {
padding: 10px;
display: block;
}
nav ul li a:link {
color: #555;
}
nav ul li a:visited {
color: #555;
}
nav ul li a:hover {
color: #555;
}
nav ul li a:active {
color: #555;
}
aside section {
margin-bottom: 30px;
border: 1px solid #ccc;
border-radius: 6px;
overflow: hidden;
}
aside section h3 {
background-image: linear-gradient(0deg, #f2a723, #ffa011);
color: #fff;
padding: 10px;
line-height: 1.2;
font-weight: bold;
}
aside section li {
border-bottom: 1px dashed #ccc;
padding: 10px;
}
aside section li:last-child {
border-bottom: none;
}
aside section li img {
height: 14px;
width: auto;
vertical-align: -1px;
margin-right: 5px;
}
aside section li a:link {
color: #333;
}
aside section li a:visited {
color: #333;
}
aside section li a:hover {
color: #47b10c;
}
aside section li a:active {
color: #333;
}
aside article h3 {
margin: 20px 0 5px 0;
}
aside article p, aside article address {
font-size: 15px;
margin: 10px 0;
}
aside article p em {
font-weight: bold;
}
aside article figure {
border: 3px solid #ccc;
margin: 0;
}
#side_ban {
margin-top: 50px;
}
#side_ban img {
margin-bottom: 10px;
transition: 0.3s;
}
#side_ban img:hover {
opacity: 0.7;
}
#koudou {
	display: block;
	z-index: 1;
	border: 1px solid #000;
	transition: 0.3s;
	color: #000;
	text-align: center;
	padding: 1rem 0;
	margin-top: 30px;
}
#koudou:hover {
background: #ccc;
border: 1px solid #aaa;
}
main {
width: calc(100% - 185px);
padding-left: 50px;
}
#top_cath {
margin-bottom: 30px;
}
#masen {
text-align: center;
border: 2px solid #ff0000;
color: #ff0000;
padding: 10px 0;
margin-bottom: 30px;
}
#kyushin {
margin-bottom: 30px;
}
#kyushin h2 {
background: #5bb29e;
color: #ffffff;
font-weight: bold;
padding: 5px 50px;
display: inline-block;
border-radius: 8px 8px 0 0;
}
#kyushin > div {
border: 3px solid #5bb29e;
padding: 10px 20px;
border-radius: 0 8px 8px 8px;
}
#kyushin > div p {
margin: 10px 0;
}
#kyushin table {
width: 100%;
border-collapse: collapse;
}
#kyushin td {
padding:5px;
border:1px dotted #cccccc;
color:#5bb29e;
}
#kyushin em {
color:#f24444;
}
#myst {
padding-bottom: 20px;
margin-bottom: 50px;
font-size: 16px;
line-height: 1.5;
border-bottom: 1px solid #ccc;
}
#myst h2 {
font-size: 20px;
font-weight: bold;
margin-bottom: 10px;
text-decoration: underline;
}
#myst h3 {
margin-bottom: 20px;
}
#myst ul {
margin-bottom: 30px;
padding: 10px;
border-radius: 10px;
background: #1471da;
}
#myst li {
font-size: 16px;
color: #fff;
}
#myst h3 em {
font-weight: bold;
color: #ff0000;
}
#myst li span {
font-weight: bold;
}
#myst p {
font-size: 14px;
margin-bottom: 20px;
}
#myst dt, #myst dd {
font-size: 16px;
}
#myst dt {
font-weight: bold;
}
#myst dl {
margin-bottom: 10px;
}
#myst p em {
font-weight: bold;
}
#spec {
font-size: 16px;
text-align: center;
margin-bottom: 50px;
}
#spec a {
font-weight: bold;
color: #ff0000;
transition: 0.3s;
}
#spec a:hover {
opacity: 0.7;
text-decoration: underline;
}
#yobo {
box-sizing: border-box;
border: 2px solid #5bb29e;
border-radius: 6px;
padding: 20px;
line-height: 26px;
margin-bottom: 40px;
}
#yobo h2 {
background: #5bb29e;
color: #fff;
padding: 4px 30px;
display: inline-block;
border-radius: 4px;
margin-bottom: 10px;
font-size: 20px;
font-weight: bold;
}
#yobo p {
margin: 10px 0;
}
#yobo p:last-child {
color: #0077cb;
}
#yobo ul {
padding-left: 14px;
}
#yobo li {
list-style: decimal;
font-size: 14px;
}
#senmon {
margin-bottom: 30px;
}
#senmon h2 {
font-size: 24px;
font-weight: bold;
border-left: 5px solid #ff6b3d;
padding-left: 20px;
margin-bottom: 20px;
}
#senmon article {

}
#senmon article div {

}
#senmon article h3 {
font-weight: bold;
font-size: 18px;
margin-bottom: 20px;
border: 1px solid #ccc;
display: inline-block;
padding: 6px 30px;
}
#new_sc {
margin-bottom: 50px;
}
#new_sc p {
font-size: 14px;
line-height: 22px;
margin-bottom: 10px;
color:#0077cb;
}
#new_sc table {
width:100%;
border-collapse: collapse;
}
#new_sc th {
border: 1px solid #ccc;
padding:10px;
text-align:center;
background: #eee;
font-weight: bold;
}
#new_sc td {
border: 1px solid #ccc;
padding:10px;
text-align:center;
}
.mini_blu {
font-size: 11px;
color:#3ea0e4;
}
.norm {
margin-top:5px;
color:#000 !important;
font-size: 12px !important;
line-height: 16px !important;
font-weight: bold;
}
.tb_yobo {
color: #ff0000;
font-weight: bold;
font-size: 14px;
line-height: 1.2;
}
#new_sc em {
color:#007eff;
}
#hagaki {
background: #f8eedf;
padding: 20px;
border-radius: 20px;
margin-bottom: 30px;
}
#vit {
border: 2px dashed #ff0000;
padding: 10px 20px;
box-sizing: border-box;
margin-bottom: 50px;
}
#month h2 {
border-left: 4px solid #92e053;
font-size: 20px;
font-weight: bold;
padding-left: 20px;
margin-bottom: 10px;
}
#month > div {
height: 500px;
overflow: auto;
}
#month table {
width: 100%;
border-collapse: collapse;
font-size: 14px;
}
#month th, #month td {
border-bottom: 1px dashed #ccc;
padding: 6px 0 6px 6px;
font-weight: normal;
}
#month th {
font-size: 12px;
color: #fff;
padding: 6px 0 6px 0;
width: 100px;
}
#month th span {
display: block;
}
.cate_chi {
background: #53bde0;
}
.cate_topic {
background: #a3e053;
}
.cate_atop {
background: #e75134;
}
.cate_news {
background: #f69045;
}
.cate_hou {
background: #45f6c6;
}
td.day {
width: 120Px;
}

footer {
border-top: 12px solid #5bb29e;
color: #5bb29e;
padding: 30px 0 10px 0;
text-align: center;
font-size: 14px;
}
footer p {
margin: 20px 0;
}

#reserve {
border-radius: 20px;
padding: 30px;
background: #f0f0f0;
margin-bottom: 50px;
}
#reserve > h2 {
border: 2px solid #ff8a00;
border-radius: 12px;
padding: 20px;
font-weight: bold;
font-size: 20px;
text-align: center;
background: #fff;
margin-bottom: 30px;
}
#reserve > h2 em {
font-size: 30px;
display: block;
font-weight: bold;
background: #ff8a00;
color: #fff;
}
#reserve > h3 {
font-size: 22px;
}
#reserve > h3 em {
color: #ff0000;
}
#reserve p, #reserve small {
margin-bottom: 20px;
}
#reserve h4 {
border: 2px solid #1085f2;
padding: 10px 30px;
display: inline-block;
font-size: 18px;
font-weight: bold;
margin: 30px 0 20px 0;
color: #1085f2;
}
#yoyaku h5 {
font-size: 30px;
margin-bottom: 20px;
text-align: center;
}
#yoyaku h5 img {
height: 80px;
width: auto;
margin-right: 10px;
}
#yoyaku h5 a {
display: flex;
align-items: center;
justify-content: center;
color: #009944;
font-weight: bold;
line-height: 2;
background: #fff;
border: 4px solid #009944;
border-radius: 10px;
padding: 10px 30px;
box-shadow: 5px 5px 0 rgba(0,0,0,0.2);
transition: 0.3s;
}
#yoyaku h5 a:hover {
box-shadow: 2px 2px 0 rgba(0,0,0,0.2);
}
.r_red {
color: #ff0000;
}
#kaishi h3 {
border: 2px solid #ff8a00;
border-radius: 12px;
padding: 20px;
font-weight: bold;
font-size: 20px;
text-align: center;
background: #fff;
margin: 30px 0 10px 0;
}
#kaishi p {
text-align: center;
font-size: 14px;
}
#case {
background: #fbe7c1;
border-radius: 30px;
padding: 30px;
margin-bottom: 50px;
}
#yasai {
text-align: center;
margin-bottom: 30px;
}
#yasai img {
width: 100px;
height: auto;
}
#toki {
text-align: center;
font-weight: bold;
margin-bottom: 20px;
font-size: 24px;
}
#yoyaku_btn img {
height: 50px;
width: auto;
margin-right: 10px;
vertical-align: -3px;
}
#yoyaku_btn {
display: flex;
align-items: center;
justify-content: center;
font-weight: bold;
color: #009944;
background: #fff;
border: 4px solid #009944;
border-radius: 10px;
padding: 10px 30px;
box-shadow: 5px 5px 0 rgba(0,0,0,0.2);
transition: 0.3s;
text-align: center;
margin-bottom: 50px;
font-size: 30px;
}
#yoyaku_btn:hover {
box-shadow: 2px 2px 0 rgba(0,0,0,0.2);
}

#qr_yoyaku {
margin: 30px 0 0 0;
overflow: hidden;
border-radius: 8px;
border: 1px solid #ccc;
}
#qr_yoyaku h2 {
color: #fff;
font-weight: bold;
text-align: center;
background: #4ea917;
padding: 6px 0;
}

/* 栄養療法 */
.hdr {
border-radius: 20px;
text-align: center;
padding: 30px 50px;
font-size: 36px;
font-family: "游明朝","YuMincho";
margin-bottom: 50px;
}
.hdr span {
display: block;
font-size: 24px;
}
#hdr_nutrition {
background-image: linear-gradient(0deg, #f3bd24, #ffee4a 50%, #ffd711);
color: #624419;
}
#nut_box section {
margin-bottom: 50px;
}
#nut_box h3 {
font-size: 20px;
margin-bottom: 20px;
display: inline-block;
padding: 10px 30px;;
border: 1px solid #ccc;
color: #0074f7;
}
#nut_box li ul {
padding-left: 20px;
}
#nut_box li {
list-style: circle;
margin-left: 16px;
margin-bottom: 10px;
}
#vpd_ban {
text-align: center;
margin-bottom: 50px;
}
#vpd_ban img {
transition: 0.3s;
}
#vpd_ban img:hover {
opacity: 0.7;
}

/* 職員行動計画 */
#kd_box {
	font-family: "游明朝","YuMincho";
	font-size: 16px;
	line-height: 30px;
}
#kd_box p {
font-size: 14px;
line-height: 24px;
margin-bottom: 20px;
}
#kd_box h2 {
font-size: 18px;
margin-bottom: 20px;
}
#kd_box h3 {
font-size: 16px;
margin-bottom: 18px;
}

/* 医師紹介 */
#hdr_iss {
background: #fcedda;
}
#intro_new > div {
text-align: center;
margin-bottom: 50px;
}
#intro_new > div figure {
margin: 0 auto;
width: 200px;
margin-bottom: 10px;
}
#intro_new table {
width: 100%;
}
#intro_new th, #intro_new td {
border-bottom: 1px dashed#ccc;
padding: 10px 0;
vertical-align: top;
}
#intro_new th {
text-align: left;
}

/* 医院詳細情報 */
#hdr_about {
background: #f1ffd2;
}
#about_box table {
width: 100%;
border-collapse: collapse;
margin-bottom: 80px;
}
#about_box th, #about_box td {
padding: 10px;
border: 1px solid #ddd;
text-align: left;
}
#about_box th {
background: #f1ffd2;
}
#about_box h3 {
margin-bottom: 20px;
font-weight: bold;
font-size: 20px;
}
#map {
height: 300px;
}