@charset "EUC-JP";
#clinician_name h3 span { display: inline-block; line-height: 1; font-size: 16px; color: #333; padding: 0.25em 0.75em; border-radius: 5.0em; vertical-align: middle; font-weight: normal; }
#clinician_name h3 span:before { content: "---"; margin-right: 0.75em; }
.comm-tab { width: 100%; box-sizing: border-box; display: flex; flex-wrap: wrap; align-items: stretch; gap: 12px; margin: 0 0 30px 0; padding: 0 0 0 20px; list-style: none; position: relative; }
.comm-tab:after { content: ""; width: 100%; height: 1px; background: #5386F3; position: absolute; left: 0; bottom: 0; z-index: 1; }
.comm-tab li { flex-basis: auto; font-size: 16px; padding-top: 0.5em; position: relative; z-index: 2; transition: all 0.3s; }
.comm-tab li:hover { padding-top: 0.25em; }
.comm-tab li a { background: linear-gradient(to bottom,#f1f1f1 0%,#fff 30%); display: inline-block; height: 100%; min-width: 7.0em; font-size: 15px; color: #555; box-sizing: border-box; text-align: center; line-height: 1.2; text-decoration: none; font-weight: bold; padding: 0.5em 0.75em; border: solid 1px #ccc; border-bottom: solid 1px #5386F3; border-radius: 5px 5px 0 0; box-shadow: 0 -1px 3px rgba(0,0,0,0.08); }
.comm-tab li a span { font-weight: normal; font-size: 14px; }
.comm-tab li.active { padding-top: 0.25em; }
.comm-tab li.active a {background: linear-gradient(to bottom,#e1edfb 0%,#fff 30%); border: solid 1px #5386F3; border-bottom: solid 1px white; padding: 0.5em 0.75em 0.5em 0.75em; }
.inset { line-height: 1.5; }
.content-head { padding-left: 0; }
.content-head h1 { font-size: 18px; background: #f4f9ff; font-weight: bold; padding: 0.5em 1.25em; margin-bottom: 0.5em; color: #224A70; line-height: 1; border: solid 3px #e1edfb; border-radius: 5.0em; display: inline-block; position: relative; }
.content-head h1 span { font-weight: normal; font-size: 16px; }
.content-head p.ch-lead { padding: 15px 0 10px 1.35em; position: relative; margin: 0; color: #555; line-height: 1.5; }
.content-head p.ch-lead:before { content: "¡ü"; color: #0144d9 !important; font-size: 130%; position: absolute; left: 0; top: 0.65em; }
.basic-list { margin: 0; padding: 0 0 0 3.0em; }
.basic-list li { padding-bottom: 0.75em; }
.inset section { padding: 15px 0 15px 20px; }
.inset section h2.sec-h2 { font-size: 16px; font-weight: bold; padding: 0.5em; border-bottom: solid 1px #ccc; }

.content-box { padding-left: 20px; }
.basic-dl { width: 100%; box-sizing: border-box; display: grid; grid-template-columns: 9.0em auto; gap: 0 1.0em; __align-items: center; }
.basic-dl.longtype{ grid-template-columns: 17.0em auto; }
.basic-dl dt,
.basic-dl dd { position: relative; padding: 0.35em 0; margin: 0; }
.basic-dl dt:after { content: "¢¥"; font-size: 10px; color: #aaa; position: absolute; right: 0; top: 0; transform: translateY(0.3em) rotate(90deg); }
.basic-dl h3 { font-size: 100% !important; }
.basic-dl dd p { padding: 0 0 0.3em 0; }

.normal-case,
.emergency-case { padding: 15px; margin-bottom: 15px; background: #f8f8f8; border-radius: 8px; text-align: center; margin-bottom: 15px; }
.board-media { display: grid; grid-template-columns: repeat(2,auto); align-items: center; justify-content: left; position: relative; }
.board-media:before { position: absolute; left: 0; top: 0; transform: scale(2) translate(-5px,-5px); transform-origin: left top; opacity: 0.5; }
.board-media.for-fax:before { content: url("./images/icon-fax.svg"); filter: brightness(0) saturate(100%) invert(72%) sepia(14%) saturate(1328%) hue-rotate(174deg) brightness(87%) contrast(87%); }
.board-media.for-tel:before { content: url("./images/icon-tel.svg"); filter: brightness(0) saturate(100%) invert(65%) sepia(32%) saturate(611%) hue-rotate(59deg) brightness(89%) contrast(89%); }
.board-media.for-cti:before { content: url("./images/icon-ng.svg"); opacity: 0.25; filter: brightness(0) saturate(100%) invert(17%) sepia(82%) saturate(5515%) hue-rotate(356deg) brightness(75%) contrast(119%); }

.normal-case.ct-items h2 { text-align: left; padding: 0 1.5em 0 70px; font-weight: normal; position: relative; }
.normal-case.ct-items ul { text-align: left; background: white; padding: 1.0em 1.0em 1.0em 3.0em; margin-top: 0.35em; }
.normal-case.ct-items ul li { padding-bottom: 0.75em; color: #c00; }
.normal-case.ct-items ul li h3 { font-weight: normal; }
.normal-case.ct-items ul li:last-child { padding-bottom: 0; }
.normal-case.ct-items ul.tiny { list-style: none; background: transparent; padding: 0; margin: 0; text-align: center; }

.board-media h2 { font-size: 18px; text-align: left; padding: 0.35em 1.5em 0.35em 70px; font-weight: normal; position: relative; }
.board-media h2 em { font-style: normal; font-size: 20px; font-weight: bold; }
.board-media h2:before { content: "¢¥"; font-size: 50%; color: #888; position: absolute; right: 0; top: 50%; transform: translate(-100%,-50%) rotate(90deg); }
.board-media .number { text-align: left; font-size: 20px; font-weight: bold; line-height: 1; padding: 0.35em 0 !important; }
.board-media .number a { __text-decoration: none; }
.board-media.center-title { display: block; padding-right: 1.5em; }
.board-media.center-title h2 { text-align: center; padding: 0 1.5em 0.35em 0.35em; display: inline-block; }

.board-media.for-cti h2:before,
.board-media.for-consul h2:before { transform: translate(-100%,-75%) rotate(180deg); }

.ec-lead { padding: 10px 0 10px 1.35em !important; position: relative; }
.ec-lead:before { content: "¢¥"; position: absolute; left: 0; top: 10px; }
.ec-lead.nokome { padding: 10px 0 10px 0.3em !important; }
.ec-lead.nokome:before { content: none; }

.pdf-dl,
.xls-dl { width: 580px; box-sizing: border-box; display: inline-block; margin: 0 auto; border: solid 1px #ccc; text-decoration: none; padding: 1.25em calc(2.5em + 26px) 1.25em 1.25em; text-align: left; border-radius: 5px; font-weight: bold; background: white; position: relative; transition: all 0.3s; }
.pdf-dl:after,
.xls-dl:after { position: absolute; right: 1.25em; top: 50%; transform: translateY(-50%); }
.pdf-dl:after { content: url(../images/icon-pdf.svg); }
.xls-dl:after { content: url('../../images/icon-excel.svg'); transform: translateY(-50%) scale(1.3); }
.pdf-dl span,
.xls-dl span { font-size: 70%; font-weight: normal; display: inline-block; margin: 0 1.0em; }
.pdf-dl:hover { color: #c00; border: solid 1px #c00; background: #fff5f5; }
.xls-dl:hover { color: #138046; border: solid 1px #138046; background: #edfcf4; }
.pdf-dl small,
.xls-dl small { font-size: 15px; font-weight: normal; display: inline-block; }

.open-flow { text-decoration: none; display: grid; grid-template-columns: 65% 25%; justify-content: auto; align-items: center; gap: 10%; width: 90%; margin: 0 auto; padding: 15px 20px; border: solid 1px #ccc; border-radius: 8px; overflow: hidden; transition: all 0.3s; }
.open-flow .flow-label { padding-left: 70px; position: relative; }
.open-flow .flow-label:after { content: url(../images/icon-pdf.svg); position: absolute; left: 20px; top: 50%; transform: translateY(-50%); }
.open-flow .flow-label h3 { font-size: 18px; }
.open-flow img { width: 100%; height: auto; vertical-align: top; }
.open-flow:hover { color: #c00; border: solid 1px #c00; }

.info-flow { display: flex; justify-content: left; align-items: center; padding: 15px 0 15px 15px; }
.if-list { padding-left: 0; }
.if-list > li { list-style-type: none; position: relative; padding: 0 0 15px 50px; }
.if-list > li:not(:last-child) { padding-bottom: 15px; }
.if-list > li .icon-maru { width: 2em; height: 2em; line-height: 2em; text-align: center; border-radius: 100vh; display: inline-block; background: #4D9BC1; color: #fff; position: absolute; left: 0; }
.if-list > li:not(:last-child)::before { content: ''; background: #afd1e2; width: 1px; height: 100%; position: absolute; top: calc(50% - -30px); left: 1.25em; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); }
.if-list > li dl dt { font-size: 1.3em; font-weight: 600; color: #4D9BC1; }
.if-list > li dl dd { margin-left: 0; }
