@charset "utf-8";
/* ----------------------- Browser Default Initialization */
html {
	overflow-y: scroll;
}
@media (max-width: 992px) {
	html {
		font-size: min(2.6vw, 16px);
	}
}
.hd-img img {
	width: 100%;
	height: auto;
	vertical-align: bottom; /* 下の隙間を消す */
}
.hd-tt h1 {
	color: #FFFFFF;
	text-align: center;
	font-weight: 500;
	line-height: 120%;
}
.hd-tt h1 p {
	font-size: 0.5em;
	font-weight: bold;
	line-height: 1.8;
}
.hd-tt {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%); /* 完全に中央に配置 */
	/* 長方形の背景とサイズ設定 */
	background-color: rgba(65, 105, 255, 0.5); /* 半透明の青 */
	color: white;
	/* 高さの調整 */
	/*	  height: 40%;*/ /* 明示的に低い高さを指定 */
	padding: 5%; /* 左右の余白 */
	box-sizing: border-box; /* paddingを含めた高さ計算 */
	/* Flexboxで文字をセンター寄せ */
	display: flex;
	justify-content: center;
	align-items: center;
	max-height: 170px;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h2, h3, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
	margin: 0;
	padding: 0;
}
address, caption, cite, code, dfn, em, strong, th, var {
	font-style: normal;
}
caption, th {
	/*text-align: left;*/
}
q:before, q:after {
	content: '';
}
object, embed {
	vertical-align: top;
}
hr, legend {
	display: none;
}
img, abbr, acronym, fieldset {
	border: 0;
}
/* body、link要素
----------------------------------------------------------- */
html, body {
	_height: 100%;
	_overflow: auto;
	margin: 0 auto;
	padding: 0 0 0 0;
}
body {
	color: #473833;
	line-height: 200%;
	font-family: "Noto Sans", sans-serif;
	font-weight: 500;
	/*	background: rgb(212, 243, 242);*/
	max-width: 100%;
	overflow-x: hidden;
}
a, a:link {
	text-decoration: none;
	color: #3F312D;
}
/*a:visited	{
	text-decoration: none;
	color: #563918;
}*/
a:hover {
	text-decoration: underline;
	color: #A99088;
}
a:active {
	text-decoration: underline;
	color: #8E6C61;
}
/*見出しh1　ページ別のタイトル部分*/
/*2026.04.07コメントアウト*/
/*.hd-tt {
	padding-top: 4em;
}*/
h2 {
	margin: 0 0 1em;
}
h3 {
	margin-top: 1em;
	margin-bottom: 1em;
	text-align: center;
}
/* header要素
----------------------------------------------------------- */
div#header {
	width: 100%;
	/*background:url(img/common/header_bg.png) center top no-repeat;*/
	margin: 0;
	padding: 20px 0;
	clear: both;
	position: absolute;
	top: 0;
	z-index: 5;
}
.hd-img {
	width: 100%;
	position: relative; /* 子要素のabsoluteの基準にする */
	display: inline-block; /* 画像のサイズにコンテナを合わせる */
	/*	max-height:400px;*/
	/*
	width: 100%;
	background-image: url("img/common/h1_0403.jpg");
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	-webkit-backface-visibility: hidden;
*/
}
.navi-layer {
	/*position: relative;*/
	background: #ffffff;
	/*height: 100vh;*/
}
.navi-layer img.logo {
	/*position: absolute;*/
	z-index: 2;
	top: 45%;
	left: 6%;
}
/*.navi-layer p {
	text-shadow: 1px 1px 2px #B8B8B8;
	position: absolute;
	z-index: 2;
	top: 8%;
	right: 20%;
	background: rgba(255, 255, 255, 0.41);
	font-size: 1.5rem;
	padding: 1em 1.5em 1em 1em;
	color: #000000;
	font-weight: 500;
	white-space: nowrap;
	display: inline-block;
}*/
@media print {
	.navi-layer p {
		font-size: 1.3rem;
		right: 0%;
	}
}
/*.navi-pc-img {
	max-width: 1547px;
	width: 100%;
	background: rgb(212, 243, 242);
	margin: 0 auto;
	text-align: center;
	display: flex;
	flex-direction: row;
}*/
/*.navi-pc-img img {
	width: 100%;
	height: auto;
	margin: 0 auto;
}
.navi-pc-img .img-30{
	width: 30%;
	object-fit: contain;
	margin: auto 120px;
}
.navi-pc-img .img-70{
	width: 70%;
}*/
.navi-pc-img {
	width: 100%;
	background: rgb(212, 243, 242);
	display: flex;
	flex-direction: row;
	text-align: center;
}
.navi-pc-img .img-30 {
	width: 30%;
	margin: auto 60px;
}
.navi-pc-img .img-70 {
	width: 100%;
	vertical-align: bottom;
}
.topimage {
	width: 100%;
	position: relative; /* 親要素を基準にする */
	display: inline-block; /* 画像のサイズに合わせる */
	overflow: hidden; /* はみ出した分を隠す */
}
.topimage img {
	width: 100%;
	height: 100%;
	object-fit: cover; /* 比率を維持して全画面を覆う */
}
.text-on-topimage {
	width: 100%;
	font-size: 200%;
	color: white; /* 文字色 */
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%); /* 完全に中央に配置 */
	/* 長方形の背景とサイズ設定 */
	background-color: rgba(65, 105, 255, 0.5); /* 半透明の青 */
	/* 高さの調整 */
	/*height: 40%;*/ /* 明示的に低い高さを指定 */
	padding: 2%; /* 左右の余白 */
	box-sizing: border-box; /* paddingを含めた高さ計算 */
	/* Flexboxで文字をセンター寄せ */
	display: flex;
	justify-content: center;
	align-items: center;
}
/* container要素
----------------------------------------------------------- */
/*div#container	{
	width:1060px;
	margin:0 auto;
	padding:0 0 120px 0;
	padding:0;
	overflow:hidden;
	background:#FFF;
}
div#container:after	{ height:0;	visibility: hidden;	content: ".";	display: block;	clear: both; }*/
/* メインメニュー要素（全て同じ）
----------------------------------------------------------- */
nav.navi-common {
	z-index: 3;
	/*border-radius: 5px;
	-ms-border-radius: 5px;*/
	/*
	font-family: '游ゴシック', 'Yu Gothic', '游ゴシック体', YuGothic, 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, sans-serif;
*/
	font-weight: bold;
	float: right;
	width: 80%;
	margin-bottom: 1em;
}
nav.navi-index {
	width: 100%;
	z-index: 3;
	/*	border-radius: 5px;
	-ms-border-radius: 5px;*/
	/*
	font-family: '游ゴシック', 'Yu Gothic', '游ゴシック体', YuGothic, 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, sans-serif;
*/
	font-weight: bold;
}
/* ナビゲーション全体のスタイル */
.navi-index ul {
	list-style: none; /* リストの点消し */
	margin: 0;
	padding: 0;
	display: flex; /* Flexboxで横並び */
	justify-content: space-around; /* 均等に配置 */
}
.navi-index li {
	widows: 100%;
	display: flex;
	justify-content: center; /* 左右中央 */
	align-items: center; /* 上下中央 */
	flex: 1; /* 各項目が均等な幅になるように設定 */
	line-height: 1.5;
	border-right: 1px solid #eee; /* 右側に1pxのグレーの線 */
}
.navi-index li:last-child {
	border-right: none;
}
/* リンクのスタイル */
.navi-index li a {
	display: flex;
	justify-content: center; /* 左右中央 */
	align-items: center; /* 上下中央 */
	width: 100%;
	height: 100%;
	text-align: center;
	text-decoration: none; /* 下線消し */
	color: #fff; /* 文字色（白） */
	background-color: rgb(0, 175, 183);
	transition: all 0.3s; /* 色が変わるアニメーション */
	margin-top: 10px;
	padding: 6px 0;
}
/*ナビゲーションアザー*/
.navi-common {
	width: 100%;
}
.navi-common ul {
	list-style: none; /* リストの点消し */
	margin: 0;
	padding: 0;
	display: flex; /* Flexboxで横並び */
	justify-content: space-around; /* 均等に配置 */
}
.navi-common li {
	display: flex;
	justify-content: center; /* 左右中央 */
	flex: 1; /* 各項目が均等な幅になるように設定 */
	line-height: 1.5;
	height: 80px;
	border-right: 1px solid #eee; /* 右側に1pxのグレーの線 */
}
.navi-common li:last-child {
	border-right: none;
}
/* リンクのスタイル */
.navi-common li a {
	display: flex;
	justify-content: center; /* 左右中央 */
	align-items: center; /* 上下中央 */
	width: 100%;
	text-align: center;
	text-decoration: none; /* 下線消し */
	color: #fff; /* 文字色（白） */
	background-color: rgb(0, 175, 183);
	transition: all 0.3s; /* 色が変わるアニメーション */
}
/* ★ホバー（hover）時の設定 */
.navi-common li a:hover {
	width: 100%;
	background-color: rgb(0, 110, 116);
	color: #fff; /* ホバー時の文字色 */
}
.contents-all {
	width: 98%;
	margin: 0 auto;
	background: #FFFFFF;
	padding: 3em 2em;
	position: relative;
	box-sizing: border-box;
}
.contents-all h2 {
	margin-bottom: 1.5em;
	padding-left: 20px;
}
.contents-all a.btn {
	text-decoration: none;
	display: inline-block;
	float: left;
	font-size: 120%;
	width: 98%; /*ボタンの幅*/
	position: relative;
	letter-spacing: 0.1em;
	border: 1px solid #CCCCCC;
	background-color: rgb(0, 175, 183);
	color: #FFFFFF;
	text-align: left;
	padding: 1em 0 1em 1em; /*ボタンの文字とボタンの外枠との余白	*/
	box-sizing: border-box;
	background-position: right 15px center;
	background-repeat: no-repeat;
	margin: 0.5em 1em 0.5em 0;
	transition: all 0s ease;
	-webkit-transition: all 0s ease;
	border-radius: 5px;
	/*font-family: "Noto Sans Japanese";*/
}
/*nav.navi-index ul, nav.navi-common ul {
	list-style: none;
	width: 100%;
	box-sizing: border-box;
	margin: 0 auto;
}
.contents-all {
	background: #FFFFFF;
	padding: 3em 2em; /*白いボックスと文字との余白*/
/*position: relative;
	width: 100%;
	box-sizing: border-box;
	margin-top: 4em;
}
a.btn-n:before {
	content: "";
	float: left;
	width: 90%;
	height: 1px;
	position: absolute;
	border-bottom: 1px solid #CCCCCC;
	top: 95px;
	left: 20px;
}
a.btn-n:after {
	content: "";
	float: left;
	width: 1px;
	height: 90%;
	position: absolute;
	border-right: 1px solid #CCCCCC;
	top: 0;
	right: -4px;
}
a.btn-n {
	text-decoration: none;
	display: inline-block;
	float: left;
	width: 14%;*/ /*ボタンの幅*/
/*height: 100px;
	position: relative;
	letter-spacing: 0.1em;
	padding: 2em 0.5em 1em 0.8em;*/ /*ボタンの文字とボタンの外枠との余白	*/
/*box-sizing: border-box;
	background-color: rgb(0, 175, 183);
	background-position: right 15px center;
	background-repeat: no-repeat;
	margin: 0;
	transition: all 0s ease;
	-webkit-transition: all 0s ease;
	border-radius: 1px;
	text-align: center;
	line-height: 20px;
	color: #FFFFFF;
	font-size: 0.9em;
}*/
.btn:hover {
	opacity: 0.7;
}
/*ナビの左端にのみボックスの左に線追加*/
/*a.nav-bl {
	border-left: #cccccc 1px solid;
	height: 90px;
	box-sizing: border-box;
}*/
/*.nav-bl a{
border-left: #cccccc 1px solid;
	 height:90px;
}*/
.btn-n:active {
	/*ボタンを押したとき*/
	border: none;
	/*	-webkit-transform: translate(6px, 6px);
	transform: translate(6px, 6px);*/
	color: #FFFFFF;
	background: #558107;
}
/*.btn-n:active:after, .btn-n:active:before {
	content: none; */ /*ボタンを押すと線が消える*/
/*}*/
.btn-n:hover {
	background: #558007;
	color: #ffffff;
}
.nav-box {
	background-color: rgb(212, 243, 242);
	padding-top: 2em;
	display: flex;
	justify-content: space-around;
}
/* 新着情報要素（トップページ）
----------------------------------------------------------- */
.top_image {
	box-shadow: 12px 12px rgb(255, 200, 195);
}
.top_image img {
	vertical-align: bottom;
}
#info {
	top: 0;
	width: 1000px; /*お知らせボックスの幅*/
	/*height:250px;*/
	background: #FFF;
	border: 1;
	box-shadow: 0px 0px 2px 0px rgba(113, 135, 164, 0.5);
	clear: both;
	margin: 0 auto;
}
.info-index {
	margin-bottom: 24px;
}
div.info-index h4 {
	font-weight: 400;
	padding: 1rem 2rem;
	/*	border-bottom: 3px dotted #8EC301;*/
	background: rgb(255, 200, 195);
	color: rgb(0, 175, 183);
	/*position: relative;
  color: #333;
  text-shadow: 0 0 2px white;*/
}
/*div.info-index h4:before {
  content: "";
  position: absolute;
  background: #9de5ff;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  top: 50%;*/
/* border: dashed 1px white; */
/*left: -15px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: -1;
}*/
.flexcroll {
	width: 100%;
	/*min-width: 700px;*/
	height: 200px;
	overflow: auto;
}
.flexcroll dl dt {
	float: left;
	margin: 0 0 0 1em;
	padding: 0.5em 0 0 0;
	width: 8em;
	font-size: 0.8em;
	color: rgb(0, 175, 183);
}
.flexcroll dl dd {
	margin: 0 1em;
	padding: 10px 0;
	line-height: 28px;
	border-bottom: solid 1px #DBD8CE;
	color: rgb(0, 175, 183);
	/*font-size:15px;*/
}
.flexcroll dt{
	text-indent: 1.5em;
}
/*.flexcroll dd .flexcroll dl dd a:hover {
	text-decoration: none;
	outline: none;
}*/
.flexcroll dl dd a {
	color: rgb(0, 175, 183);
}
.flexcroll dl dd a:hover {
	color: #473833;
}
span.new {
	color: #ffffff;
	font-size: 10px;
	background: #f35b69;
	position: relative;
	top: -2px;
	display: inline-block;
	margin-left: 8px;
	padding: 2px 5px;
	-webkit-animation: blink 1.0s ease-in-out infinite alternate;
	-moz-animation: blink 1.0s ease-in-out infinite alternate;
	animation: blink 1.0s ease-in-out infinite alternate;
}
@-webkit-keyframes blink {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
@-moz-keyframes blink {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
@keyframes blink {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
@media /*only*/ screen and (max-width:830px) {
	span.new {
		font-size: 1.3vw;
		padding: 0 2vw;
	}
}
/* contents要素
----------------------------------------------------------- */
section {
	flex-basis: 100%;
	display: flex;
}
.contents-top_01 {
	/*margin-top: 16px;*/
	padding: 24px 0 36px;
	background: rgb(212, 243, 242);
}
.contents-top_02 {
	background: rgb(212, 243, 242);
}
.consultation-img img {
	width: 450px;
	height: 295px;
	margin-left: 16px;
	object-fit: cover;
}
/*白背景右寄せ*/
.contents-right {
	width: 100%;
	background: #FFF;
	margin-left: 10%;
	margin-bottom: 3em;
	padding: 4em 10% 4em 0;
}
/*白背景左寄せ*/
.contents-left {
	width: 100%;
	margin-top: 4em;
	background: #FFF;
	margin-right: 10%;
	margin-bottom: 3em;
	padding: 4em 0 4em 10%;
}
.cf {
	font-size: 110%;
}
/*白背景幅100％*/
.contents-center {
	background: #FFFFFF;
	/*	margin-top: 4em;*/
/*	padding: 4em 0;*/
	padding-bottom: 4em;
	width: 100%;
}
section ol, section ul {
	margin-left: 2em;
}
div.flex {
	display: flex;
}
.bottom {
	-webkit-align-items: flex-end; /* Safari etc. */
	-ms-align-items: flex-end; /* IE10        */
	align-items: flex-end;
}
.wrapper {
	max-width: 1000px;
	margin: 0 auto;
}
/*.wrapper h2 {
	padding-left: 20px;
}*/
.sp-only {
	display: none; /* brを隠す */
}
/* footer要素
----------------------------------------------------------- */
footer {
	background: rgb(212, 243, 242);
	border-top: 1px solid #485747;
}
div#footer {
	width: 1000px;
	/*width:100%;*/
	/*position: fixed;*/
	position: relative;
	bottom: 0;
	left: 0;
	margin: 0 auto;
}
div#footer ul li {
	list-style: none;
}
.inner-flex {
	display: flex;
}
#inner-L {
	width: 50%;
	margin: 10px 0 0 0;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
#inner-L ul {
	margin: 0;
	padding: 0;
	font-size: 13px;
}
#inner-L li {
	width: 32%;
	margin-right: 1em;
	/*background: url(img/common/footer_list.png) no-repeat left;*/
	margin-bottom: 1em;
	padding: 0 0 0 20px;
	float: left;
}
#inner-L li a {
	border-bottom: dotted rgba(88, 173, 19, 1.00);
	display: block;
	width: 182px;
}
#inner-R {
	width: 50%;
	padding: 0 0 0 20px;
	border-left: #563918 1px solid;
}
#inner-R ul {
	margin: 0;
	padding: 0;
}
#inner-R li {
	float: left;
}
h5 {
	margin: 0;
}
address {
	font-size: x-small;
	color: #666;
	clear: both;
	text-align: center;
}
@media /*only*/ screen and (max-width:830px) {
	#inner-L li a {
		font-size: 2vw;
	}
}
/* table要素
----------------------------------------------------------- */
.table_60 {
	margin: 2em auto 0;
	width: 100%;
}
.table_60 thead {
	display: table-row-group;
}
table th, td {
	padding: 1em;
	border: solid #ccc 1px;
	/* border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;*/
	box-shadow: 0 1px 1px #ccc;
	counter-reset: num;
	clear: both;
}
.table_60 th {
	background-color: rgb(0, 175, 183);
	color: #FFFFFF;
}
.table_60 td {}
table.bordered {
	margin-right: 2em;
}
.table_60 tr:hover {
	background: #fbf8e9;
	-o-transition: all 0.1s ease-in-out;
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-ms-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
}
table.tbodyhover tbody:hover {
	background: #fbf8e9;
}
#table-results {
	border: 2px solid #036;
}
#table-results .rimTL {
	border-top: 2px solid #036;
}
#table-results .rimTR {
	border-top: 2px solid #036;
}
#table-results .rimBL {
	border-bottom: 2px solid #036;
}
#table-results .rimBR {
	border-bottom: 2px solid #036;
}
#table-results .doubleBL {
	border-bottom: 3px double #036;
}
#table-results .doubleBR {
	border-bottom: 3px double #036;
}
/* ボタン要素
----------------------------------------------------------- */
a.btn:before {
	content: "";
	float: left;
	width: 320px;
	height: 1px;
	position: absolute;
	/*	border-bottom: 1px solid #CCCCCC;*/
	top: 63px;
	left: 2px;
}
a.btn:after {
	content: "";
	float: left;
	width: 1px;
	height: 60px;
	position: absolute;
	/*	border-right: 1px solid #CCCCCC;*/
	bottom: -5px;
	right: -4px;
}
a.btn {
	text-decoration: none;
	display: inline-block;
	float: left;
	font-size: 120%;
	width: 320px; /*ボタンの幅*/
	position: relative;
	letter-spacing: 0.1em;
	border: 1px solid #CCCCCC;
	background-color: rgb(0, 175, 183);
	color: #FFFFFF;
	text-align: center;
	padding: 1em 0; /*ボタンの文字とボタンの外枠との余白	*/
	box-sizing: border-box;
	/*	background-image: url("img/index/yajirusi.jpg");*/
	background-position: right 15px center;
	background-repeat: no-repeat;
	margin: 0.5em 1em 0.5em 0;
	transition: all 0s ease;
	-webkit-transition: all 0s ease;
	border-radius: 5px;
/*	font-family: "Noto Sans Japanese";*/
}
/*がん診療相談 セカンドオピニオン リンクボタン*/
.sec-op a.btn:before {
	top: 60px !important;
}
@media /*only*/ screen and (max-width:830px) {
	a.btn {
		background-size: 5vw;
	}
	.hd-tt {
		height: 60%; /* 明示的に低い高さを指定 */
	}
	/*各室のリンクボタン（index.html）*/
	.room-contents a.btn:after {
		right: -0.8vw !important;
		height: 7vw !important;
		bottom: -0.8vw !important;
	}
	.room-contents a.btn:before {
		top: 10.5vw !important;
		left: 0vw !important
	}
	/*がん診療相談 セカンドオピニオン リンクボタン*/
	.sec-op a.btn:before {
		top: 10vw !important;
	}
	.sec-op a.btn:after {
		bottom: -1vw !important;
		height: 7vw;
	}
	.sec-op a.btn {
		margin: 2em 1em 2em 0 !important;
	}
	/*公開合同カンファレンスのお知らせ*/
	.cf{
		margin: 0 auto;
	}
	.cf a.btn {
		margin-bottom: 3em;
	}
	.cf a.btn:before {
		top: 10.5vw !important;
		left: 0.7vw;
	}
	.cf a.btn:after {
		height: 6vw !important;
		right: -1.2vw !important;
		bottom: -1vw !important;
	}
	/*診療科紹介*/
	.dep-introduction a.btn:after {
		height: 7vw !important;
		bottom: -1vw !important;
		right: -0.9vw !important;
	}
	.dep-introduction a.btn:before {
		top: 10.5vw !important;
		left: 0.5vw !important;
	}
}
/*パンくずリストの装飾*/
ol#breadcrumbs {
	padding: 20px;
	background: #FFFFFF;
	/*float:left;*/
}
ol#breadcrumbs li {
	display: inline;
	list-style-type: none;
	/*	font-size: small;*/
}
ol#breadcrumbs li a {
	display: inline;
	color: #000;
}
ol#breadcrumbs li a:active {
	display: inline;
}
ol#breadcrumbs li:before {
	content: " > ";
}
ol#breadcrumbs li:first-child:before {
	content: "";
}
ol#breadcrumbs li:last-child {
	font-weight: bold;
	color: #2A2219;
}
/*.btn:active {
	ボタンを押したとき
	border: none;
	-webkit-transform: translate(6px, 6px);
	transform: translate(6px, 6px);
	color: #40960C;
}*/
.btn:active:after, .btn:active:before {
	content: none; /*ボタンを押すと線が消える*/
}
/*横並び2列*/
.colBox {
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	clear: both;
}
.colBox div img {
	max-width: 100%;
	margin: 2em 0 1em 0;
}
@media /*only*/ screen and (max-width:830px) {
	ol#breadcrumbs li {
		font-size: 2.5vw;
	}
}
/* 折りたたみ枠
----------------------------------------------------------- */
/*全体*/
.hidden_box {
	margin: 2em 0;
	padding: 0;
}
/*ボタン装飾*/
.hidden_box label {
	padding: 15px;
	font-weight: bold;
	background: #efefef;
	border-radius: 5px;
	cursor: pointer;
	transition: .5s;
}
/*クリック前の文字*/
.hidden_box label:after {
	display: inline-block;
	content: 'を表示する';
	transition: 0.2s;
}
/*ボタンホバー時*/
.hidden_box label:hover {
	background: silver;
}
/*クリック後の文字*/
.hidden_box input:checked + label:after {
	content: 'を表示しない';
}
/*チェックは見えなくする*/
.hidden_box input {
	display: none;
}
/*中身を非表示にしておく*/
.hidden_box .hidden_show {
	height: 0;
	padding: 0;
	overflow: hidden;
	opacity: 0;
	transition: 0.8s;
	margin-top: 2em;
}
/*クリックで中身表示*/
.hidden_box input:checked + label + .hidden_show {
	padding: 10px 0;
	height: auto;
	opacity: 1;
}
/*================================================
 *  ページトップへの戻り
 ================================================*/
.totop {
	position: fixed;
	bottom: 15px;
	right: 15px;
}
.totop a {
	display: block;
	text-decoration: none;
}
.totop img {
	background: #77933C;
}
.totop img:hover {
	background: #ADC877;
}
@media print {
	.totop {
		display: none;
	}
}
/* 「がん診療相談」ページの問い合わせ部分
----------------------------------------------------------- */
.inquiry {
	border: #E2E0D9 solid 1px;
	padding: 1em 0.5em;
	position: relative;
	margin-top: 2em;
	display: inline-block;
}
.inquiry img {
	position: absolute;
	bottom: 0;
	right: 1em;
}
/* 「センター概要」ページ
----------------------------------------------------------- */
@media print {
	.soshiki {
		display: none;
	}
}
/* 「各センター」ページのタブメニュー
----------------------------------------------------------- */
.tabrow {
	font-size: 14px;
	text-align: center;
	list-style: none;
	line-height: 20px;
	position: relative;
	clear: both;
}
.tabrow li {
	width: 12%;
	margin: 0;
	padding: 2em 0;
	border-left: 1px solid #AAA;
	display: inline-block;
	position: relative;
	z-index: 0;
	/*box-shadow: 0 3px 3px rgba(0, 0, 0, 0.4), inset 0 1px 0 #FFF;*/
	text-shadow: 0 1px #FFF;
	background: rgba(251, 251, 251, 0.9);
	font-weight: bold;
	box-sizing: border-box;
	color: #5F4C22;
	border-radius: 0 0 5px 5px;
	border-bottom: solid 1px #aaa;
}
.tabrow li.selected {
	color: #000;
	z-index: 2;
	border-bottom: solid 1px #aaa;
	background: rgba(185, 148, 67, 0.4);
}
.tabrow li:hover {
	background: rgba(245, 245, 245, 0.27);
	border-bottom: solid 1px #aaa;
}
.tabrow:before {
	z-index: 1;
}
.tabrow:after {
	content: "";
	border-right: 1px solid #AAA;
	margin: 0;
	padding: 2em 0;
	position: relative;
	z-index: 0;
	/*box-shadow: 0 3px 3px rgba(0, 0, 0, 0.4), inset 0 1px 0 #FFF;*/
	text-shadow: 0 1px #FFF;
	color: #ffffff;
}
/* 「ホーム」ページの各センターへリンク
----------------------------------------------------------- */
.room-contents-all {
	background-color: rgb(212, 243, 242);
	padding: 0 0 3em 0;
}
.room-contents-all h3 {
	margin-top:0;
	padding:0.6em 2em;
	text-align: left;
	background-color: rgb(255, 200, 195);
	font-size: 140%;
	color: #fff;
}
.room-contents {
	display: flex;
 flex-wrap: wrap;
	justify-content: left;
	font-size: 120%;
	max-width: 1373px;
	margin: 16px auto;
}

/* 「緩和ケア管理室」ページ
----------------------------------------------------------- */
dl.relax dt {
	float: left;
	width: 160px;
}
dl.relax dd {}
/* 「診療のご案内」ページのレイアウト横3列部分
----------------------------------------------------------- */
.fourCol {
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-ms-flex-pack: justify;
	-webkit-box-pack: justify;
	-webkit-justify-content: censpace-betweenter;
	justify-content: space-between;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	position: relative;
	overflow: hidden;
	margin-bottom: 0px;
	padding: 0 0.5em 2em;
	width: 100%;
}
.fourCol .inner {
	position: relative;
	overflow: hidden;
	/*display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;*/
	-ms-flex-pack: justify;
	-webkit-box-pack: justify;
	-webkit-justify-content: censpace-betweenter;
	justify-content: space-between;
	-ms-flex-direction: column-reverse;
	-webkit-box-direction: reverse;
	-webkit-flex-direction: column-reverse;
	flex-direction: column;
	width: 33%;
	margin: 0 0 2em;
	background: #E2E0D9;
	padding: 0 0.3em 1em; /*ボタンと背景との余白*/
	box-sizing: border-box;
}
.fourCol .inner .image {
	width: 100%;
	min-height: 0%;
}
.fourCol .inner img {
	width: 100%;
}
.inner li {
	width: 96%;
	margin: 0 auto;
	list-style: none;
}
.inner h4{
	margin: 1em auto;
	padding-left: 1em;
}
/* 「臨床研究・治験情報」ページ
----------------------------------------------------------- */
.ckn-news-btn {
	width: 100%;
	text-align: center;
}
a.link-button {
	margin: 3em 0 0 0;
	padding: 1em 2em;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	line-height: 1;
	text-decoration: none;
	color: #FFF;
	font-size: 18px;
	border-radius: 10px;
	font-weight: bold;
	transition: 0.3s;
	background-color: rgb(0, 175, 183);
}
a.link-button:hover {
	opacity: 0.7;
}
.ckn-news ul {
	margin: 0;
	padding: 0;
	list-style-image: url("../img/conditions/check-ikon.png")
}
.ckn-news {
	width: 1000px;
	position: relative;
	box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.22);
	padding: 5em 3em;
	background: #FBFBFB;
	display: inline-block;
	border: 1px solid rgba(224, 222, 222, 1.00);
}
.ckn-news::after {
	content: url("../img/conditions/pin.png");
	position: absolute;
	top: 0;
	left: 45%;
	border-radius: 50%;
}

/* 「公開合同カンファレンスのお知らせ」ページ
----------------------------------------------------------- */
.conference-wrap h2 {
	/*margin-top: 2em;*/
	margin-bottom: 1em;
}
.conference-wrap p {
	margin-left: 1em;
}
/*20261016追加*/
.flyer{
	max-width: 1000px;
	margin: 0 auto;
	display: flex;
	justify-content: flex-end;
}
.flyer-img img {
	width: 240px;
}
/*----------------- アイコンの自動付与 -----------------*/
a[href*=".pdf"] {
	background: url(../img/common/ico_pdf.gif) no-repeat 100% 50%;
	padding-right: 20px;
}
* html a.pdf {
	background: url(../img/common/ico_pdf.gif) no-repeat 100% 50%;
	padding-right: 20px;
}
/*.list-menu li a[href^="http"]	{ 
	background: url(img/common/ico_opwin.gif) no-repeat 100% 50%;
	padding-right:50px;
}
.list-menu li * html a.external	{ 
	background: url(img/common/ico_opwin.gif) no-repeat 100% 50%;
	padding-right:50px;
}
.list-menu li a[href^="http://www.css-lecture.com/"]	{
	padding: inherit;
	background: transparent;
	padding-right:50px;
}*/
/*パソコン用*/
@media /*only*/ screen and (min-width: 831px) {
	ul#naver {
		display: none;
	}
	/*div.naver-img {
		display: none;
	}*/
}
/*スマホ用/*/
@media /*only*/ screen and (max-width:830px) {
	/*スマホ用のナビ*/
	.hd-tt {
		width: 100%;
	}
	ul#naver a {
		background: #fff;
		color: #6E480B;
		display: block;
		float: left;
		font-size: 2.7vw;
		line-height: 40px;
		margin: 0 1px 0 0;
		padding: 0 1em;
		text-decoration: none;
		border-bottom: solid 1px #A0A0A0;
	}
	/*マウスオーバー*/
	ul#naver a:hover {
		background: rgba(181, 216, 129, 1.00);
		color: #6E480B;
	}
	ul#naver.enabled a {
		float: none;
		margin: 0 0 1px 0;
		width: 100%;
	}
	.navi-pc-img {
		display: flex;
		flex-direction: column;
		text-align: center;
	}
	.navi-pc-img .img-30 {
		display: block;
		margin: 40px auto;
		width: 70%;
		height: auto;
	}
	.navi-pc-img .img-70 {
		width: 100%;
		height: auto;
	}
	/*div.navi-pc-img {
		display: none;
	}*/
	.navi-layer {
		background: #ffffff;
	}
	.navi-layer img.logo {
		display: none;
	}
	/*.navi-layer p {
		position: absolute;
		z-index: 2;
		top: 80%;
		right: 0;
		background: rgba(255, 255, 255, 0.7);
		font-size: 0.9em;
		padding: 1em 1.5em 1em 1em;
		color: #000000;
		font-weight: 500;
	}*/
	nav {
		display: none;
	}
	.tabrow {
		display: none;
	}
	div.flex {
		display: block;
	}
	div.flex img {
		/*width:90%;*/
		width: 100%;
	}
	h2 {
		margin-top: 2em;
	}
	.contents-all{
		/*max-width: none;*/
		width: 100%;
		margin: 0 auto;
	}
	.fourCol {
		display: -ms-flexbox;
		display: -webkit-box;
		display: -webkit-flex;
		display: flex;
		-ms-flex-pack: justify;
		-webkit-box-pack: justify;
		-webkit-justify-content: censpace-betweenter;
		justify-content: space-between;
		-ms-flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		position: relative;
		overflow: hidden;
		margin-bottom: 0px;
		padding: 0 0.5em 2em;
		width: 100%;
	}
	.fourCol .inner {
		position: relative;
		overflow: hidden;
		/*display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;*/
		-ms-flex-pack: justify;
		-webkit-box-pack: justify;
		-webkit-justify-content: censpace-betweenter;
		justify-content: space-between;
		-ms-flex-direction: column-reverse;
		-webkit-box-direction: reverse;
		-webkit-flex-direction: column-reverse;
		flex-direction: column;
		width: 100%;
		margin: 0 0 2em;
		background: #E2E0D9;
		padding: 0 0.3em 1em; /*ボタンと背景との余白*/
		box-sizing: border-box;
	}
	.fourCol .inner .image {
		width: 100%;
		min-height: 0%;
	}
	.fourCol .inner img {
		width: 100%;
	}
	.inner li {
		list-style: none;
	}
	.ckn-news {
		width: auto;
	}
	.ckn-news li {
		margin-bottom: 20px;
	}
	#footer, section, header {
		max-width: 100%;
	}
	#footer {
		width: 100%;
		display: block;
	}
	.inner-flex {
		display: block;
	}
	#inner-L li {
		width: 100%;
	}
	#inner-R li {
		width: 100%;
	}
	#inner-R {
		border-left: none;
	}
	#inner-R h5 img {
		width: 83vw;
		height: auto;
	}
	.contents-left{
		width: 95%;
				display: block;
		margin: 0 0 20px 0;
		padding: 0;
	}
	.contents-right {
		width: 95%;
		display: block;
		margin: 0 0 20px 0;
		padding: 10px;
	}
	.wrapper {
		width: 90%;
		display: block;
	}
	.flexcroll dl dt {
		padding: 5px 0 0;
		text-indent: unset;
	}
	.flexcroll dl dd {
		clear: both;
		margin: 0 1em;
		padding: 0 !important;
	}
	#info {
		width: 100%;
	}
	.scroll {
		overflow-x: auto;
		overflow-y: hidden;
		white-space: nowrap;
	}
	/* スクロールの幅の設定 */
	.scroll::-webkit-scrollbar {
		width: 10px;
		height: 5px;
		padding-top: 20px;
	}
	.scroll::-webkit-scrollbar-thumb {
		border-radius: 5px;
		background: rgba(153, 229, 98, 0.53);
	}
	.scroll:before {
		content: "横へスクロール→";
		position: absolute;
		right: 0;
		top: 0px;
/*		left: 15px;*/
		height: 0px;
		margin: auto;
		color: #558309;
	}
	.table_60 {
		width: 100%;
	}
	.ckn-news ul {
		list-style-image: none;
	}
	a[href*=".pdf"] {
		background-size: 2vw;
	}
	.inquiry {
		margin-bottom: 3em;
		width: 100%;
	}
	.inquiry img {
		width: 10vw !important;
		z-index: -0;
	}
	/*marginを取り消す*/
	.margin-inh {
		margin-left: 0 !important;
	}
	/*スマホ時図を横幅100％に*/
	.smh-illustration div {
		margin: 0 !important;
		width: 100% !important;
		height: auto !important;
	}
	.smh-illustration img {
		width: 100% !important;
		height: auto !important;
	}
	.room-contents {
		max-width: none;
		width: 100%;
		justify-content: center;
	}
}
@media (max-width:486px) {
	a.link-button {
		font-size: 120%;
		line-height: 1.5;
	}
	.sp-only {
		display: inline; /* brを有効にする */
	}
}
/*スマホ用ここまで*/
/*ノートパソコン用*/
@media (max-width: 1380px) {
	nav.navi-common a.btn-n {
		font-size: 1vw;
	}
	.nav-box img {
		margin: 0 1em 0 0.1em;
		padding: 0 0.2em 0 1em;
	}
	.contents-left {
		padding: 4em 4em 4em 10%;
	}
	.contents-right {
		padding: 4em 10% 4em 4em;
	}
	.tabrow {
		font-size: 1vw;
	}
}
@media print {
	#naver {
		display: none;
	}
	/*.naver-img {
		display: none;
	}*/
	body {
		width: 1900px;
	}
}