/*院長ご挨拶
------------------------------*/
.incho {display: flex; flex-wrap: wrap; margin-top: 50px; justify-content: flex-start;}
.incho_img {flex-basis: calc(100% - 370px); padding-top: 120px;}
.incho_name {flex-basis: 370px; text-align: right;}

@media (max-width: 767px) {
	.incho{margin-top: 0;}
	.incho_img {flex-basis: 100%; padding-top: 0; order: 2;}
	.incho_name {flex-basis: 100%; padding-top: 20px; order: 1; margin-bottom: 40px;}  
}

/*診療のご案内、部門紹介ボックス
------------------------------*/
.index {padding: 10px; background: var(--color-green-slight); display: flex; flex-wrap: wrap; line-height: 1.2; border:2px solid #fff;}
a:hover .index{ border:2px solid var(--color-green); background: var(--color-green-ulight); color: var(--color-green); font-weight: bold;}
.index_img {flex-basis: 220px;}
.index_img img {width: 100%;}
.index_txt {flex-basis: calc(100% - 220px); padding-left: 25px; align-items: flex-start}

.index_list dt {margin-bottom: 5px;}
.index_list dt {display: block; padding: 5px 0 5px 17px; position: relative; font-size: 1.7rem; font-weight: 400; transition: 0.3s;}
.index_list dt i {font-size: 1.2rem; color: var(--color-green); position: absolute; left: 0; top: 50%; margin-top: -0.5em;}
.index_list dt a:hover {color: var(--color-green);}

.index_list dd {font-size: 1.3rem; padding-left :15px;}
.index_list dd li,
.index_list dd a {display: block; padding: 6px 10px 6px 17px; transition: 0.3s;}
.index_list dd a:hover {background: #fff; color: var(--color-green);}
.index_list dd li:before,
.index_list dd a:before {content: "-"; display: inline-block; width: 10px; margin-left: -10px;}

.gairai_info strong{font-weight: bold;}
.gairai_info dl dt{font-weight: bold; padding-left: 20px; position: relative;}
.gairai_info dl dt::before{position: absolute; content: '・'; left: 0;}
.gairai_info dl dd{ padding-left: 20px;margin-bottom: 10px;}

.mynumber_desc{
	font-size: 1.4rem;
}

ul.list-num-decimal {
	margin-left: 0px;
	margin-bottom: 10px;
}
ul.list-num-decimal li{
	font-size: 1.4rem;
	line-height: 2.4rem;
	position: relative;
	padding-left: 20px;
	list-style: none;
}
ul.list-num-decimal li::before{
	position: absolute;
	content: attr(data-num)'.';
	left: 0;
}

.list-kome {
	margin-left: 0px;
}
.list-kome li{
	line-height: 2.4rem;
	position: relative;
	padding-left: 20px;
}
.list-kome li::before{
	content: '※';
	position: absolute;
	left: 0;
}
@media (max-width: 1023px) {
	.index_img {flex-basis: 100%;}
	.index_txt {flex-basis: 100%; padding: 10px 0 0 0;}
}

@media (max-width: 500px) {
	.index_list dt a {font-size: 1.5rem;}
	.index_list dd {padding-left: 0;}
}

/*医師紹介
------------------------------*/
.ishi {display :flex; flex-wrap: wrap; margin: 0 0 10px 0; justify-content: space-between;}
.ishi_txt {flex-basis: 45%; position: relative;}
.ishi_img {flex-basis: 45%;}
.ishi-aisatsu{margin-bottom: 100px;}
/*.ishi-aisatsu p{font-family: "Hiragino Mincho ProN", "MS Mincho", serif;}*/
.column_bg {background: url(../images/column_bg.jpg) no-repeat 0 0 / cover; margin: 40px 0 0 0; padding: 10px 5px 15px; position: absolute; width: 320px; bottom: 10px; right: 0;}
.column {border: 2px solid var(--color-green); background: #fff; padding: 10px; text-align: center; line-height: 1; max-width: 260px; margin-right: 0;}
.column_title {font-size: 1.4rem; border-bottom: 1px solid #eee; padding-bottom: 10px; margin-bottom: 10px;}
p.column_desc {font-size: 1.2rem; margin-bottom: 15px; line-height: 1.3;}
.column_enter {background: var(--color-green); color: #fff; text-align: center; display: block; width: 150px; height: 26px; font-size: 1.2rem; line-height: 25px; margin: 0 auto;}

@media (max-width: 767px) {
	.ishi {max-width: 500px; margin: 0 auto;}
	.ishi_txt {flex-basis: 100%; padding: 30px 0 0 0; order: 2;}
	.ishi_img {flex-basis: 100%;}
	.ishi-aisatsu{margin-bottom: 70px;}
	.column_bg {position: relative;}
}

/*採用情報
------------------------------*/
.saiyo {display: block; flex-wrap: wrap; margin-bottom: 60px; align-items: flex-end;}
.saiyo_content {flex-basis: calc(100% - 260px); padding-right: 20px;}
.saiyo_detail {flex-basis: 260px;}

.saiyo_table {width: 100%; border-collapse: separate; border-spacing: 0}
.saiyo_table th, .saiyo_table td {padding: 10px 20px;}
.saiyo_table thead th {text-align: left; background: var(--color-green-slight); border-bottom: 1px solid #777; font-size: 1.4rem; white-space: nowrap;}
.saiyo_table tbody td {background: var(--color-green-ulight);border-top: 5px solid #fff; border-bottom: 1px solid #777;}

@media (max-width: 767px) {
	.saiyo_content {flex-basis: 100%; padding: 0 0 20px 0;}
	.saiyo_detail {flex-basis: 100%;}
	.saiyo_table th, .saiyo_table td {padding: 10px; font-size: 1.4rem; letter-spacing: 0;}
}

/*詳細はこちらボタン*/
.saiyo_button {display: flex; align-items: center; border: 1px solid var(--color-green); position: relative; padding: 0 40px 0 20px; height: 60px; border-radius: 30px; transition: 0.3s; max-width: 260px; margin: 0 auto;}
.saiyo_button_inner {flex-basis: 100%;}
.saiyo_button_inner div{font-size: 1.3rem; padding: 0 0 8px 5px; line-height: 1;}
.saiyo_button span {display: block; height: 20px; line-height: 18px; letter-spacing: 0; text-align: center; font-size: 1rem; background: var(--color-green); color: #fff; border-radius: 10px;}
.saiyo_button i {position: absolute; right: 10px; top: 50%; transform: translateY(-50%); color: var(--color-green);}
.saiyo_button:hover {background: var(--color-green-slight);}

/*お知らせ
------------------------------*/
/*レイアウト*/
.news {display: flex; flex-wrap: wrap;}
.news_content {flex-basis: calc(100% - 250px); padding-right: 50px;}
.news_sidebar {flex-basis: 250px;}

@media (max-width: 767px) {
	.news_content {flex-basis: 100%; padding: 0 0 30px 0;}
	.news_sidebar {flex-basis: 100%;}
}

/*一覧*/
.news_list li {border-bottom: 1px solid #777;}
.newsbox {display: flex; flex-wrap: wrap; line-height: 1.4; padding: 20px 0;}
.newsbox_date {flex-basis: 100px; margin: 0; font-size: 1.2rem;}
.newsbox_category {flex-basis: 100px; margin: 0;}
.newsbox_title {flex-basis: calc(100% - 200px); transition: 0.3s;}
.category {display: block; background: #777; color: #fff; font-size: 1.2rem; width: 85px; text-align: center; padding: 2px 0;}
.newsbox:hover .newsbox_title {color: var(--color-green);}

@media (max-width: 767px) {
	.newsbox_title {flex-basis: 100%; margin-top: 5px;}
}

/*サイドバー*/
.news_sidebar_list {margin-bottom: 40px;}
.news_sidebar_list a:hover {color: var(--color-green);}

@media (max-width: 767px) {
	.news_sidebar_list {border-top: 1px solid #777;}
	.news_sidebar_list li {border-bottom: 1px solid #777;}
	.news_sidebar_list li a {display: block; padding: 10px;}
}

/*記事*/

.news_title {font-size: 1.7rem; border-bottom: 2px solid var(--color-green); padding-bottom: 10px; line-height: 1.3; margin-bottom: 30px; overflow: hidden;}
.news_date {float: right; font-weight: 400; font-size: 1.4rem; margin-top: 10px; padding-left: 20px;}

.news_important .pagetitle { background: #BE1E5A; color: #fff; }
.news_important .news_title { border-bottom: 2px solid #BE1E5A; }

/*ページナビ*/
.back {border-top: 1px solid var(--color-green); padding-top: 25px; margin-top: 50px;}
.pagenav {margin-top: 40px;}
.pagenav a {display: inline-block; transition: 0.3s;}
.pagenav a:hover {color: var(--color-green);}
.pagenav a i {color: var(--color-green);}
.pagenav .pagenav_prev {float: left;}
.pagenav .pagenav_next {float: right;}

.news_important .back {border-top: 1px solid #ccc;}

/*初診の方へ
------------------------------*/
.flow {display: flex; flex-wrap: wrap; margin-bottom: 80px; position: relative; justify-content: flex-start}
.flow.noimg{display: block;}
.flow::after{content: ''; position: absolute; width:  calc(100% - 200px); padding-bottom: 5%; bottom: -50px; background: url('../images/arrow_down02.svg') no-repeat; 
background-size: auto 100%; background-position: center; }
.flow.last{margin-bottom: 20px;}
.flow.last::after{display: none;}

.flow_txt {flex-basis: calc(100% - 250px); padding-right: 30px;}
.flow_img {flex-basis: 250px; text-align: center;}
.flow_title {padding: 0 0 0 1.3em; font-size: 1.6rem; line-height: 1.3; margin-bottom: 20px; font-weight: 400;}
.flow_title:before {content: "●"; display: inline-block; width: 1.3em; margin-left: -1.3em;}
.contents .flow_desc {margin-bottom: 0;}

@media (max-width: 500px) {
	.flow {border-bottom: 1px solid #777; margin-bottom: 30px; padding-bottom: 30px;}
	.flow:last-of-type {border-bottom: 0; margin-bottom: 0; padding-bottom: 0;}
	.flow_txt {flex-basis: 100%; padding: 20px 0 0 0; order: 2;}
	.flow_img {flex-basis: 100%; order: 1;}
	.flow_title {margin-bottom: 15px;}
}

/*設備機会リスト----------*/
dl.setsubi_list {
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	justify-content: space-between;
}
dl.setsubi_list dt,
dl.setsubi_list dd{
	box-sizing: border-box;
	padding: 10px;
	border-bottom: solid 1px #eee;
	padding: 8px 12px;
}
.setsubi_list--header{
	background: var(--color-green);
	color: #fff;
	
}
dl.setsubi_list dt{
	flex-basis: 45%;
	position: relative;
	padding-left: 20px;
}
dl.setsubi_list dt::before{
	content: '・';
	left: 0;
	position: absolute;
}
dl.setsubi_list dd{
	flex-basis: 54.5%;
	font-size: 1.3rem;
}

/* 医療機関の掲示義務事項
------------------------------*/
.hoshu_section{
	margin-bottom: 40px;
	
}
.hoshu_section p{
	background: none;
	margin-bottom: 10px;
}
.hoshu_section h3{
	font-weight: bold;
	font-size: 1.7rem;
	margin-bottom: 10px;
	padding-top: 10px;
}
a.hoshu_link{
	display: inline-block;
	width: fit-content;
	padding: 3px;
	border: solid 1px #777;
	font-size: 1.2rem;
	margin-bottom: 20px;
}
a.hoshu_link:hover{
	text-decoration: underline;
}

dl.hoshu_list--01{
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	justify-content: space-between;
	gap :10px
}
dl.hoshu_list--01 dt{
	flex-basis: 140px;
	position: relative;
	padding-left: 20px;
}
dl.hoshu_list--01 dt:before{
	content: '・';
	position: absolute;
	left: 0;
	top: 0;
}
dl.hoshu_list--01 dt::after{
	content: '：';
	position: absolute;
	right: 0;
	top: 0;
}
dl.hoshu_list--01 dd{
	flex-basis: calc(100% - 150px);
}

ul.hoshu_list--02{
	background: none;
	list-style: disc;
	padding-left: 20px;
}