@charset "utf-8";

/* fix_uetani */
main #right_column { margin-top: 80px;}
div#hospital { width: 100%;padding: 0 15px; box-sizing: border-box;}
@media screen and (min-width: 768px){
#wrap { width:100%; max-width: 1220px;margin: 10px auto;}
#container {width:100%; max-width: 1220px; box-sizing: border-box;}
main #left_column {width: 30%;max-width: 300px; box-sizing: border-box; margin: 0;}
main #right_column {width: 70%;flex: 1;box-sizing: border-box;margin: 0;}
#pankuzu {padding: 0 15px;box-sizing: border-box; }
div#hospital {width: 100%;max-width: 920px;padding: 0 15px; box-sizing: border-box; }
}
.page-content { padding-left: 0px; padding-right: 0px; box-sizing: border-box;}
.page-content h2 { font-size: 18px; color: #0202e5; border-bottom: solid 3px  #0202e5; padding: 0.5em 0  0.2em 0; font-weight: bold; margin-bottom: 15px; line-height: 1.2; position: relative;}
.page-content h2:after{ content: ""; height: 3px; width: 30%; position: absolute; right: 0; bottom: -3px; background: #A9A9FD; }
.page-content h2.ex_h2 { font-size: 20px; background: #0202e5; color: #fff; padding: 0.5em 1em; font-weight: bold; margin-bottom: 15px; line-height: 1.2; border-bottom: unset;}
.page-content h2.ex_h2:after{ display: none;}
.page-content h3 { font-size: 17px; color: #0202e5; border-left: solid 4px #0202e5; border-bottom: unset; padding: 0.1em 0  0.1em 0.5em; font-weight: bold; margin-bottom: 15px; line-height: 1.2;}
.page-content .small { font-size: 13px; line-height: 1.5;}
.page-content h4 { font-size: 14px; color: #333; padding: 1px 8px 1px 3px; font-weight: bold; border-bottom: dotted 2px #aaa; margin-bottom: 12px; line-height: 1.2;}
.page-content h5 { font-size: 12px; color: #fff; background: #777; margin-bottom: 12px; line-height: 1.2; border-radius: 2px; padding: 1px 8px; display: inline-block;}
.page-content p{ line-height: 1.8; margin-bottom: 15px;}
.page-content ul{margin:2.5% 0 3% 1.5%;}
.page-content ul li{margin:1% 1% 1% 2.5%;font-weight:bold;list-style-type:disc;border-bottom:2px solid #4963ff;width:fit-content;}
.page-content ol{margin:2.5% 0 3% 1.5%;}
.page-content ol li{margin:1% 1% 1% 2.5%;font-weight:bold;list-style-type:decimal;border-bottom:2px solid #4963ff;width:fit-content;}
.page-content ul li em{font-weight:bold;color:rgb(68 43 245);}
.cont_inner B em{font-weight:bold;}
.lead_img {width: 100%; text-align: center;}
.lead_img img {width: 100%;height: 350px;object-fit: cover;margin-bottom: 20px;}
@media screen and (min-width: 768px){
.page-content { width: 100%; max-width: 920px; padding: 0; padding-left: 15px; padding-right: 15px; box-sizing: border-box;}
.page-content h2.ex_h2 { font-size: 23px; line-height: 1.6; margin-bottom: 25px;}
.page-content h2 { font-size: 21px; line-height: 1.6; margin-bottom: 25px;}
.page-content h3 { font-size: 18px; line-height: 1.6; margin-bottom: 20px;}
.page-content h4 { font-size: 15px; line-height: 1.6; margin-bottom: 12px;}
.page-content h5 { font-size: 13px; line-height: 1.6; margin-bottom: 12px;}
}
.item_header{display: flex; flex-wrap: wrap;}
@media screen and (max-width: 1200px){
.iipLt_br{ display: none;}
}
.cont_inner{ box-sizing: border-box; padding: 0 10px; margin: 0 0 50px 0;}
span.marker {background: linear-gradient(transparent 50%, #ffd700 100%);}
/* tableスタイル */
table{width:100%;border-collapse:collapse;margin:1.5em 0;font-size:16px;line-height:1.6;}
th,
td{border: 1px solid #ccc;padding: 12px 16px;text-align: left;vertical-align: top;}
th{background-color: #f5f5f5;font-weight: bold;}
tr:nth-child(even) {background-color: #fafafa;}
/* 全画面共通スタイル */
table.responsive-table {width: 100%;border-collapse: collapse;margin: 1.5em 0;font-size: 16px;line-height: 1.6;table-layout: auto;}
table.responsive-table th,
table.responsive-table td {border: 1px solid #ccc;padding: 12px 16px;text-align: left;vertical-align: top;}
table.responsive-table th {background-color: #f5f5f5;font-weight: bold;}
table.responsive-table tr:nth-child(even) {background-color: #fafafa;}
/* モバイル（スマートフォン）対応：横スクロール化 */
.table-wrapper {width: 100%;overflow-x: auto;-webkit-overflow-scrolling: touch; /* iOS滑らかスクロール */}
/* テーブルの最小幅を指定（スマホで折り返さず横スクロール） */
table.responsive-table {min-width: 600px;}

#header h1 {white-space: nowrap;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;max-width: 100%;
}
@media screen and (max-width: 768px) {
.mo_only {top: 30px;}
#header .trigger {top: 35px;}
.lead_img img {height: 200px;}
}