@charset "UTF-8";
/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document ========================================================================== */
/** 1. Correct the line height in all browsers. 2. Prevent adjustments of font size after orientation changes in iOS. */
html { line-height: 1.15; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ }

/* Sections ========================================================================== */
/** Remove the margin in all browsers. */
body { margin: 0; }

/** Correct the font size and margin on `h1` elements within `section` and `article` contexts in Chrome, Firefox, and Safari. */
h1 { font-size: 2em; margin: 0.67em 0; }

/* Grouping content ========================================================================== */
/** 1. Add the correct box sizing in Firefox. 2. Show the overflow in Edge and IE. */
hr { box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ }

/** 1. Correct the inheritance and scaling of font size in all browsers. 2. Correct the odd `em` font sizing in all browsers. */
pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ }

/* Text-level semantics ========================================================================== */
/** Remove the gray background on active links in IE 10. */
a { background-color: transparent; }

/** 1. Remove the bottom border in Chrome 57- 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */
abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ text-decoration: underline dotted; /* 2 */ }

/** Add the correct font weight in Chrome, Edge, and Safari. */
b, strong { font-weight: bolder; }

/** 1. Correct the inheritance and scaling of font size in all browsers. 2. Correct the odd `em` font sizing in all browsers. */
code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ }

/** Add the correct font size in all browsers. */
small { font-size: 80%; }

/** Prevent `sub` and `sup` elements from affecting the line height in all browsers. */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sub { bottom: -0.25em; }

sup { top: -0.5em; }

/* Embedded content ========================================================================== */
/** Remove the border on images inside links in IE 10. */
img { border-style: none; }

/* Forms ========================================================================== */
/** 1. Change the font styles in all browsers. 2. Remove the margin in Firefox and Safari. */
button, input, optgroup, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ }

/** Show the overflow in IE. 1. Show the overflow in Edge. */
button, input { /* 1 */ overflow: visible; }

/** Remove the inheritance of text transform in Edge, Firefox, and IE. 1. Remove the inheritance of text transform in Firefox. */
button, select { /* 1 */ text-transform: none; }

/** Correct the inability to style clickable types in iOS and Safari. */
button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; }

/** Remove the inner border and padding in Firefox. */
button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; }

/** Restore the focus styles unset by the previous rule. */
button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; }

/** Correct the padding in Firefox. */
fieldset { padding: 0.35em 0.75em 0.625em; }

/** 1. Correct the text wrapping in Edge and IE. 2. Correct the color inheritance from `fieldset` elements in IE. 3. Remove the padding so developers are not caught out when they zero out `fieldset` elements in all browsers. */
legend { box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ }

/** Add the correct vertical alignment in Chrome, Firefox, and Opera. */
progress { vertical-align: baseline; }

/** Remove the default vertical scrollbar in IE 10+. */
textarea { overflow: auto; }

/** 1. Add the correct box sizing in IE 10. 2. Remove the padding in IE 10. */
[type="checkbox"], [type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ }

/** Correct the cursor style of increment and decrement buttons in Chrome. */
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; }

/** 1. Correct the odd appearance in Chrome and Safari. 2. Correct the outline style in Safari. */
[type="search"] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ }

/** Remove the inner padding in Chrome and Safari on macOS. */
[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

/** 1. Correct the inability to style clickable types in iOS and Safari. 2. Change font properties to `inherit` in Safari. */
::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ }

/* Interactive ========================================================================== */
/* Add the correct display in Edge, IE 10+, and Firefox. */
details { display: block; }

/* Add the correct display in all browsers. */
summary { display: list-item; }

/* Misc ========================================================================== */
/** Add the correct display in IE 10+. */
template { display: none; }

/** Add the correct display in IE 10. */
[hidden] { display: none; }

@keyframes lineact { 0% { background-size: 0 100%; opacity: 0; }
  80% { background-size: 100% 100%; }
  100% { background-size: 0; opacity: 1; } }
@keyframes catch { 0% { opacity: 0; }
  100% { opacity: 1; } }
/*--Layout--*/
h1, h2, h3, h4, h5, h6 { font-size: 1em; font-weight: normal; }

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; }

html { scroll-behavior: smooth; }

body { position: relative; font-family: sans-serif; background-color: #fff; line-height: 1.6; }
body * { box-sizing: border-box; }
body img { max-width: 100%; }
body p { line-break: strict; }

#header-container { margin-bottom: 20px; }

#header { position: relative; max-width: 1920px; width: auto; margin: auto; padding-top: 10px; }
@media (max-width: 1920px) { #header { margin-right: 10px; margin-left: 10px; } }
#header h1 { max-width: 345px; position: relative; }
#header h1:after { content: ''; display: block; position: absolute; background: url("img/bg_brs.png") center/contain no-repeat; }
#header h1 a { z-index: 1; position: relative; }
#header h1:after { bottom: -100px; left: 50px; width: 200px; height: 200px; }
#header .header-btn { position: absolute; top: 0; right: 0; display: flex; list-style: none; }
#header .header-btn li { margin: 0 5px; }
#header .header-btn li a { display: flex; justify-content: center; align-items: center; flex-direction: column; border: solid 1px #04AB80; background: #04AB80; color: #fff; text-decoration: none; width: 320px; height: 80px; transition: 0.4s; }
#header .header-btn li a span { font-size: 0.875rem; }
#header .header-btn li a:hover { background: #fff; color: #04AB80; }
@media (max-width: 1024px) { #header { display: none; } }

#footer { padding-top: 5rem; }

.footer-btn { max-width: 1160px; width: auto; margin: auto; display: flex; justify-content: center; align-items: center; list-style: none; margin-bottom: 3rem; }
@media (max-width: 1160px) { .footer-btn { margin-right: 0; margin-left: 0; } }
.footer-btn li { margin: 0 5px; width: 100%; }
.footer-btn li a { display: flex; justify-content: center; align-items: center; flex-direction: column; border: solid 1px #04AB80; border-radius: 6px; background: #04AB80; color: #fff; font-size: 1.25rem; text-decoration: none; height: 80px; transition: 0.4s; }
.footer-btn li a span { font-size: 0.875rem; }
.footer-btn li a:hover { background: #fff; color: #04AB80; }
@media (max-width: 1024px) { .footer-btn { flex-direction: column; }
  .footer-btn li { margin: 3px; }
  .footer-btn li a { font-size: 1rem; } }

#navi #menu-gm li, .footer-nav li { height: 45px; line-height: 45px; }
#navi #menu-gm a, .footer-nav a { color: #04AB80; font-weight: bold; border-right: dotted 3px #04AB80; }
#navi #menu-gm li:last-child a, .footer-nav li:last-child a { border: none; }

#navi-menu-input:checked ~ #navi-menu-content, #sidebar-menu-input:checked ~ #sidebar-menu-content, #search-menu-input:checked ~ #search-menu-content, #share-menu-input:checked ~ #share-menu-content, #follow-menu-input:checked ~ #follow-menu-content { background: #04AB80; }
#navi-menu-input:checked ~ #navi-menu-content a, #sidebar-menu-input:checked ~ #sidebar-menu-content a, #search-menu-input:checked ~ #search-menu-content a, #share-menu-input:checked ~ #share-menu-content a, #follow-menu-input:checked ~ #follow-menu-content a { color: #fff; }

.footer-nav .footer-nav-list { list-style: none; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; }
.footer-nav .footer-nav-list a { display: block; text-decoration: none; padding: 0 1.4em; }
@media (max-width: 768px) { .footer-nav .footer-nav-list { flex-direction: column; }
  .footer-nav .footer-nav-list a { border-right: none; border-bottom: dotted 1px #04AB80; } }

.copyright { margin-top: 3rem; text-align: center; }

.footer-logo { max-width: 1920px; width: auto; margin: auto; position: relative; }
.footer-logo { margin-right: 10px; margin-left: 10px; }

.footer_address{
	margin-right: 10px; margin-left: 10px;
	margin-bottom: 3rem;
}

@media (max-width: 1920px) {  }
.footer-logo:after { content: ''; display: block; position: absolute; background: url("img/bg_brs.png") center/contain no-repeat; }
.footer-logo:after { bottom: 0; left: 0; width: 200px; height: 200px; }
.footer-logo a { display: block; width: 345px; position: relative; z-index: 1; }

.go-to-top-button { height: 80px; width: 60px; position: relative; }
.go-to-top-button:after { content: ''; display: block; position: absolute; background: url("img/bg_brs.png") center/contain no-repeat; }
.go-to-top-button:after { width: 200px; height: 200px; }
.go-to-top-button img { z-index: 1; }

#catch { position: relative; }
#catch.home .catch-img img { width: 100%; height: auto; object-fit: cover; display: block; }
#catch.home .catch-phrase { position: absolute; top: 0; bottom: 0; right: 0; left: 0; margin: auto; background: rgba(4, 171, 128, 0.8); color: #fff; display: flex; justify-content: flex-start; align-items: center; font-size: 1.5rem; writing-mode: vertical-rl; line-height: 1.8; width: calc( 4em * 1.8 ); height: 18em; padding: 0.5em; }
@media (max-width: 1024px) { #catch.home .catch-phrase { writing-mode: horizontal-tb; width: 18em; height: calc( 4em * 1.8 ); justify-content: center; } }
@media (max-width: 768px) { #catch.home .catch-phrase { font-size: 1rem; } }
#catch.page .catch-img { position: relative; margin-left: auto; width: calc( 1160px / 2 + 50vw - 350px); height: 500px; overflow: hidden; }
#catch.page .catch-img img { display: block; width: 100%; height: 100%; object-fit: cover; }
@media (max-width: 1160px) { #catch.page .catch-img { width: calc( 100vw - 12rem ); } }
@media (max-width: 1024px) { #catch.page .catch-img { width: 100%; height: 33.33vh; } }
#catch.page .catch-hd { position: absolute; top: 0; left: calc( 50vw - 1160px / 2 ); height: 100%; display: flex; align-items: center; }
#catch.page .catch-hd h2 { writing-mode: vertical-rl; writing-mode: horizontal-tb; }
#catch.page .catch-hd h2 span { border-right: dotted 3px #04AB80; padding-right: 3px; font-weight: bold; font-size: 1.6rem; letter-spacing: 0.1em; }
#catch.page .catch-hd h2:before { content: '岡山きずの訪問診療所'; display: block; font-size: 0.75rem; }
@media (max-width: 1024px) { #catch.page .catch-hd h2 { writing-mode: horizontal-tb; }
  #catch.page .catch-hd h2 span { border-right: none; padding-right: 0; border-top: dotted 3px #04AB80; padding-top: 3px; } }
#catch.page .catch-hd h2 span { border-right: none; padding-right: 0; border-top: dotted 3px #04AB80; padding-top: 3px; }
#catch.page .catch-hd h2 span { font-size: 2.4rem; }
#catch.page .catch-hd h2:before { font-size: 1rem; }
@media (max-width: 1160px) { #catch.page .catch-hd { left: 5px; } }
@media (max-width: 1024px) { #catch.page .catch-hd h2 { background: rgba(255, 255, 255, 0.8); padding: 5px; }
  #catch.page .catch-hd h2 span { font-size: 1.6rem; } }

#content { overflow: hidden; }

#content-in { max-width: 1160px; width: auto; margin: auto; }
@media (max-width: 1160px) { #content-in { margin-right: 10px; margin-left: 10px; } }

#main { padding: 0; }

#content { margin-top: 2rem; }
#content p + p { margin-top: 1em; }

@keyframes op { 0% { transform: scale(1); opacity: 1; }
  90% { transform: scale(1); opacity: 0.1; }
  100% { transform: scale(0); opacity: 0; } }
.top-openning { background: #fff; position: fixed; top: 0; bottom: 0; right: 0; left: 0; z-index: 999; width: 100%; height: 100%; animation: op 2s 2s forwards; }
.top-openning p { position: absolute; width: 4.5em; height: 16em; font-size: 2rem; writing-mode: vertical-rl; top: 0; bottom: 0; right: 0; left: 0; margin: auto; }

.top-1 { padding: 0 0 3rem; position: relative; min-height: 10rem; }
.top-1 .top-1-list { max-width: 768px; margin: auto; }
.top-1 .top-1-list ul { list-style: none; }
.top-1 .top-1-list li { border-bottom: dotted 3px #04AB80; padding: 3px 0; }
.top-1 .top-1-list li a { display: flex; text-decoration: none; color: #444; background: url("img/bg_arw.png") center right/contain no-repeat; }
.top-1 .top-1-list li a time { width: 8em; }

@media (max-width: 600px) {
	.top-1 .top-1-list li a time { width: 7em; }
	.top-1 .top-1-list li a {background:none;}
}
.top-1 h2 { position: absolute; left: 0; top: 0; writing-mode: vertical-rl; }
.top-1 h2 span { border-right: dotted 3px #04AB80; padding-right: 3px; font-weight: bold; font-size: 1.6rem; letter-spacing: 0.1em; }
.top-1 h2:before { content: '岡山きずの訪問診療所'; display: block; font-size: 0.75rem; }
@media (max-width: 1024px) { .top-1 h2 { writing-mode: horizontal-tb; }
  .top-1 h2 span { border-right: none; padding-right: 0; border-top: dotted 3px #04AB80; padding-top: 3px; } }
@media (max-width: 1024px) { .top-1 h2 { position: relative; margin-bottom: 1rem; } }

.top-2 { position: relative; padding-top: 2em; padding-bottom: 4em; }
.top-2:before { content: ''; position: absolute; inset: 0; display: block; width: 100vw; height: 100%; margin: 0 calc(50% - 50vw); background: #E1F0E3; z-index: -1; }
.top-2 img { display: block; border-radius: 8px; object-fit: cover; width: 100%; height: 100%; }
.top-2 .top-2-img { position: relative; }
.top-2 .top-2-img .top-2-img-txt { position: absolute; right: 10px; bottom: 10px; color: #04AB80; font-size: 1.25rem; z-index: 1; }
.top-2 .top-2-img:before { content: ''; display: block; position: absolute; right: -4rem; bottom: -2rem; width: 12rem; height: 12rem; background: url("img/bg_brs2.png") right bottom/contain no-repeat; }
.top-2 .top-2-body { position: relative; display: flex; margin-top: 3rem; padding-right: 7rem; }
@media (max-width: 1024px) { .top-2 .top-2-body { margin-top: 1rem; padding-right: 0; flex-direction: column; }
  .top-2 .top-2-body .top-2-body-text { margin-top: 2rem; } }
.top-2 .top-2-body-heading { width: 18rem; margin-right: 2rem; flex-shrink: 0; }


.top-2 .top-2-btn { list-style: none; display: flex; }
.top-2 .top-2-btn li { width: 50%; margin: 2px; }
.top-2 .top-2-btn li a { padding: 5px 0; }

.top-2 .top-2-btn.pcp{
	display:flex;
}

.top-2 .top-2-btn.spp{
	display:none;
}

@media (max-width: 1024px) {
	.top-2 .top-2-btn{
		margin-top:1.5em;
		width:18rem;
	}
	.top-2 .top-2-btn.pcp{
		display:none;
	}

	.top-2 .top-2-btn.spp{
		display:flex;
	}
}


.top-2 h2 { writing-mode: vertical-rl; position: absolute; top: 0; right: 0; }
.top-2 h2 span { border-right: dotted 3px #04AB80; padding-right: 3px; font-weight: bold; font-size: 1.6rem; letter-spacing: 0.1em; }
.top-2 h2:before { content: '岡山きずの訪問診療所'; display: block; font-size: 0.75rem; }
@media (max-width: 1024px) { .top-2 h2 { writing-mode: horizontal-tb; }
  .top-2 h2 span { border-right: none; padding-right: 0; border-top: dotted 3px #04AB80; padding-top: 3px; } }
@media (max-width: 1024px) { .top-2 h2 { position: relative; } }
.top-2 h3 { font-size: 1.6rem; color: #04AB80; margin-bottom: 1rem; }
.top-2 h3 span { background: #fff; padding: 3px; }

.top-3 { position: relative; padding-bottom: 2em; }
.top-3:before { content: ''; position: absolute; inset: 0; display: block; width: 100vw; height: 100%; margin: 0 calc(50% - 50vw); background: #E1F0E3; z-index: -1; }
.top-3 .top-3-img { display: flex; margin-left: 22rem; margin-bottom: 1rem; }
.top-3 .top-3-img > div { margin-left: 1rem; width: 50%; }
@media (max-width: 1024px) { .top-3 .top-3-img { margin-left: 0; }
  .top-3 .top-3-img > div { margin-left: 0; margin-right: 0.5rem; } }
.top-3 .top-3-column { display: flex; }
@media (max-width: 1024px) { .top-3 .top-3-column { flex-direction: column; } }
.top-3 .top-3-column-img { width: 50%; margin-left: 3rem; flex-shrink: 0; }
@media (max-width: 1024px) { .top-3 .top-3-column-img { width: 100%; margin-left: 0; margin-top: 1rem; } }
.top-3 .top-3-column-text .u-btn { width: 10rem; margin-top: 1rem; }
.top-3 h2 { writing-mode: vertical-rl; position: absolute; top: 0; left: 0; }
.top-3 h2 span { border-right: dotted 3px #04AB80; padding-right: 3px; font-weight: bold; font-size: 1.6rem; letter-spacing: 0.1em; }
.top-3 h2:before { content: '岡山きずの訪問診療所'; display: block; font-size: 0.75rem; }
@media (max-width: 1024px) { .top-3 h2 { writing-mode: horizontal-tb; }
  .top-3 h2 span { border-right: none; padding-right: 0; border-top: dotted 3px #04AB80; padding-top: 3px; } }
@media (max-width: 1024px) { .top-3 h2 { position: relative; } }
.top-3 img { display: block; border-radius: 8px; object-fit: cover; width: 100%; height: 100%; }

.top-4 { padding-top: 5rem; margin-bottom: 5rem; }
.top-4 img { display: block; border-radius: 8px; object-fit: cover; width: 100%; height: 100%; }
.top-4 h2 { writing-mode: vertical-rl; writing-mode: horizontal-tb; position: absolute; left: 0; bottom: 0; background: #fff; padding: 0.5rem 1rem; border-radius: 0 8px 0 0; }
.top-4 h2 span { border-right: dotted 3px #04AB80; padding-right: 3px; font-weight: bold; font-size: 1.6rem; letter-spacing: 0.1em; }
.top-4 h2:before { content: '岡山きずの訪問診療所'; display: block; font-size: 0.75rem; }
@media (max-width: 1024px) { .top-4 h2 { writing-mode: horizontal-tb; }
  .top-4 h2 span { border-right: none; padding-right: 0; border-top: dotted 3px #04AB80; padding-top: 3px; } }
.top-4 h2 span { border-right: none; border-top: dotted 3px #04AB80; padding-top: 3px; }
@media (max-width: 1024px) { .top-4 h2 { position: relative; } }
.top-4 .top-4-img { position: relative; margin-bottom: 1rem; }
.top-4 .top-4-text { display: flex; align-items: center; }
.top-4 .top-4-text p, .top-4 .top-4-text div { width: 50%; }
.top-4 .top-4-text a { width: 10rem; margin: auto; }
@media (max-width: 1024px) { .top-4 .top-4-text { flex-direction: column; }
  .top-4 .top-4-text p, .top-4 .top-4-text div { width: 100%; }
  .top-4 .top-4-text a { margin: 1rem 0 0 0; } }

.top-5 { position: relative; margin-bottom: 5rem; }
.top-5 .top-5-img { display: flex; margin-right: 22rem; margin-bottom: 1rem; }
.top-5 .top-5-img > div { margin-right: 1rem; width: 50%; }
@media (max-width: 1024px) { .top-5 .top-5-img { margin-right: 0; margin-top: 1rem; } }
.top-5 .top-5-column { display: flex; }
@media (max-width: 1024px) { .top-5 .top-5-column { flex-direction: column-reverse; } }
.top-5 .top-5-column-img { width: 50%; margin-right: 3rem; flex-shrink: 0; }
@media (max-width: 1024px) { .top-5 .top-5-column-img { width: 100%; margin-top: 1rem; } }
.top-5 .top-5-column-text .u-btn { width: 10rem; margin-top: 1rem; }
.top-5 h2 { writing-mode: vertical-rl; position: absolute; top: 0; right: 0; }
.top-5 h2 span { border-right: dotted 3px #04AB80; padding-right: 3px; font-weight: bold; font-size: 1.6rem; letter-spacing: 0.1em; }
.top-5 h2:before { content: '岡山きずの訪問診療所'; display: block; font-size: 0.75rem; }
@media (max-width: 1024px) { .top-5 h2 { writing-mode: horizontal-tb; }
  .top-5 h2 span { border-right: none; padding-right: 0; border-top: dotted 3px #04AB80; padding-top: 3px; } }
@media (max-width: 1024px) { .top-5 h2 { position: relative; } }
.top-5 img { display: block; border-radius: 8px; object-fit: cover; width: 100%; height: 100%; }

.top-6 { position: relative; padding-top: 5rem; padding-bottom: 5rem; }
.top-6:before { content: ''; position: absolute; inset: 0; display: block; width: 100vw; height: 100%; margin: 0 calc(50% - 50vw); background: repeating-linear-gradient(135deg, #E1F0E3, #E1F0E3 1px, #fff 2px, #fff 8px); z-index: -1; }
.top-6 .top-6-column { display: flex; position: relative; align-items: flex-end; }
@media (max-width: 1024px) { .top-6 .top-6-column { flex-direction: column; align-items: flex-start; } }
.top-6 .top-6-column-img { width: 50%; margin-left: 3rem; flex-shrink: 0; }
@media (max-width: 1024px) { .top-6 .top-6-column-img { width: 100%; margin-left: 0; margin-top: 1rem; } }
.top-6 .top-6-column-text .u-btn { width: 10rem; margin-top: 1rem; }
.top-6 h2 { writing-mode: vertical-rl; position: absolute; top: 0; left: 0; }
.top-6 h2 span { border-right: dotted 3px #04AB80; padding-right: 3px; font-weight: bold; font-size: 1.6rem; letter-spacing: 0.1em; }
.top-6 h2:before { content: '岡山きずの訪問診療所'; display: block; font-size: 0.75rem; }
@media (max-width: 1024px) { .top-6 h2 { writing-mode: horizontal-tb; }
  .top-6 h2 span { border-right: none; padding-right: 0; border-top: dotted 3px #04AB80; padding-top: 3px; } }
@media (max-width: 1024px) { .top-6 h2 { position: relative; } }
.top-6 img { display: block; border-radius: 8px; object-fit: cover; width: 100%; height: 100%; }

#about-clinic-1 { margin-bottom: 5rem; }
#about-clinic-1 .about-clinic-1-column { display: flex; }
@media (max-width: 1024px) { #about-clinic-1 .about-clinic-1-column { flex-direction: column; } }
#about-clinic-1 .about-clinic-1-column-img { width: 60%; margin-left: 2rem; flex-shrink: 0; }
@media (max-width: 1024px) { #about-clinic-1 .about-clinic-1-column-img { width: 100%; margin-left: 0; margin-top: 1rem; } }
#about-clinic-1 h3 { writing-mode: vertical-rl; margin-bottom: 2rem; }
#about-clinic-1 h3 span { border-right: dotted 3px #04AB80; padding-right: 3px; font-weight: bold; font-size: 1.6rem; letter-spacing: 0.1em; }
#about-clinic-1 h3:before { content: '岡山きずの訪問診療所'; display: block; font-size: 0.75rem; }
@media (max-width: 1024px) { #about-clinic-1 h3 { writing-mode: horizontal-tb; }
  #about-clinic-1 h3 span { border-right: none; padding-right: 0; border-top: dotted 3px #04AB80; padding-top: 3px; } }
#about-clinic-1 h4 { font-size: 1.5rem; font-weight: bold; margin-bottom: 0.5rem; }

#about-clinic-2 { position: relative; padding-top: 5rem; padding-bottom: 5rem; margin-bottom: 3rem; }
#about-clinic-2:before { content: ''; position: absolute; inset: 0; display: block; width: 100vw; height: 100%; margin: 0 calc(50% - 50vw); background: repeating-linear-gradient(135deg, #E1F0E3, #E1F0E3 1px, #fff 2px, #fff 8px); z-index: -1; }
#about-clinic-2 .about-clinic-2-heading { list-style: none; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; counter-reset: kz-list-heading 0; margin-bottom: 3rem; }
#about-clinic-2 .about-clinic-2-heading > li { display: flex; justify-content: center; align-items: center; border: solid 2px #04AB80; color: #04AB80; text-align: center; margin: 1px; padding: 2rem; background: #fff; position: relative; width: calc( 33.3% - 2px ); }
#about-clinic-2 .about-clinic-2-heading > li:before { counter-increment: kz-list-heading 1; content: "0" counter(kz-list-heading); position: absolute; top: 0; left: 0; font-size: 3rem; color: #E1F0E3; opacity: 0.8; line-height: 1; font-weight: bold; }
@media (max-width: 1024px) { #about-clinic-2 .about-clinic-2-heading { flex-direction: column; }
  #about-clinic-2 .about-clinic-2-heading > li { width: 100%; padding: 1rem; } }
#about-clinic-2 .about-clinic-2-body { list-style: none; background: #fff; padding: 2rem 2rem 2rem 5rem; counter-reset: kz-numlist 0; counter-reset: about 0; }
#about-clinic-2 .about-clinic-2-body h4 { font-size: 1.25rem; font-weight: bold; color: #04AB80; }
#about-clinic-2 .about-clinic-2-body li { margin-bottom: 1rem; position: relative; }
#about-clinic-2 .about-clinic-2-body li:before { counter-increment: kz-numlist 1; content: "0" counter(kz-numlist); position: absolute; left: -3rem; top: 0; font-size: 1.25rem; display: block; border-right: dotted 3px #04AB80; padding-right: 0.5em; }
#about-clinic-2 .about-clinic-2-body li:before { counter-increment: about 1; content: "0" counter(about); }
#about-clinic-2 h3 { writing-mode: vertical-rl; writing-mode: horizontal-tb; margin-bottom: 2rem; }
#about-clinic-2 h3 span { border-right: dotted 3px #04AB80; padding-right: 3px; font-weight: bold; font-size: 1.6rem; letter-spacing: 0.1em; }
#about-clinic-2 h3:before { content: '岡山きずの訪問診療所'; display: block; font-size: 0.75rem; }
@media (max-width: 1024px) { #about-clinic-2 h3 { writing-mode: horizontal-tb; }
  #about-clinic-2 h3 span { border-right: none; padding-right: 0; border-top: dotted 3px #04AB80; padding-top: 3px; } }
#about-clinic-2 h3 span { border-right: none; padding-right: 0; border-top: dotted 3px #04AB80; padding-top: 3px; }

#about-clinic-3 { display: flex; }
@media (max-width: 1024px) { #about-clinic-3 { flex-direction: column; } }
#about-clinic-3 h3 { writing-mode: vertical-rl; margin-right: 5rem; flex-shrink: 0; }
#about-clinic-3 h3 span { border-right: dotted 3px #04AB80; padding-right: 3px; font-weight: bold; font-size: 1.6rem; letter-spacing: 0.1em; }
#about-clinic-3 h3:before { content: '岡山きずの訪問診療所'; display: block; font-size: 0.75rem; }
@media (max-width: 1024px) { #about-clinic-3 h3 { writing-mode: horizontal-tb; }
  #about-clinic-3 h3 span { border-right: none; padding-right: 0; border-top: dotted 3px #04AB80; padding-top: 3px; } }
#about-clinic-3 .about-clinic-3 { width: 100%; }
#about-clinic-3 .about-clinic-3-info { max-width: 768px; width: auto; margin: auto; margin-top: 1rem; }
@media (max-width: 768px) { #about-clinic-3 .about-clinic-3-info { margin-right: 10px; margin-left: 10px; } }
#about-clinic-3 .about-clinic-3-info > div { display: flex; flex-wrap: wrap; }
#about-clinic-3 .about-clinic-3-info > div > * { width: calc( ( 100% - 1rem * ( 2 - 1) ) / 2 ); }
#about-clinic-3 .about-clinic-3-info > div > *:nth-child(n) { margin-right: 1rem; }
#about-clinic-3 .about-clinic-3-info > div > *:nth-child(2n) { margin-right: 0; }
@media (max-width: 1024px) { #about-clinic-3 .about-clinic-3-info > div { flex-direction: column; }
  #about-clinic-3 .about-clinic-3-info > div > *:nth-child(n) { width: 100%; margin-right: 0; } }
#about-clinic-3 .about-clinic-3-info > div span { display: inline-block; text-align: center; background: #04AB80; color: #fff; width: 6rem; padding: 0 0.5em; margin: 3px 0.5em; border-radius: 4px; }
#about-clinic-3 h4 { font-size: 1.125rem; font-weight: bold; }

#staff-1 .staff-1-column { display: flex; }
#staff-1 .staff-1-column h3 { writing-mode: vertical-rl; margin-right: 1rem; }
#staff-1 .staff-1-column h3 span { border-right: dotted 3px #04AB80; padding-right: 3px; font-weight: bold; font-size: 1.6rem; letter-spacing: 0.1em; }
#staff-1 .staff-1-column h3:before { content: '岡山きずの訪問診療所'; display: block; font-size: 0.75rem; }
@media (max-width: 1024px) { #staff-1 .staff-1-column h3 { writing-mode: horizontal-tb; }
  #staff-1 .staff-1-column h3 span { border-right: none; padding-right: 0; border-top: dotted 3px #04AB80; padding-top: 3px; } }
@media (max-width: 1024px) { #staff-1 .staff-1-column { flex-direction: column; }
  #staff-1 .staff-1-column h3 { margin-bottom: 1rem; } }
#staff-1 .staff-1-column .staff-1-column-body > div { display: flex; margin-bottom: 2rem; }
#staff-1 .staff-1-column .staff-1-column-body > div div:nth-child(1) { width: 45%; flex-shrink: 0; }
#staff-1 .staff-1-column .staff-1-column-body > div:nth-child(2n) { flex-direction: row-reverse; }
#staff-1 .staff-1-column .staff-1-column-body > div:nth-child(2n) div:nth-child(1) { margin-left: 2rem; }
#staff-1 .staff-1-column .staff-1-column-body > div:nth-child(2n-1) { flex-direction: row; }
#staff-1 .staff-1-column .staff-1-column-body > div:nth-child(2n-1) div:nth-child(1) { margin-right: 2rem; }
@media (max-width: 1024px) { #staff-1 .staff-1-column .staff-1-column-body > div:nth-child(n) { flex-direction: column; }
  #staff-1 .staff-1-column .staff-1-column-body > div:nth-child(n) div:nth-child(n) { width: 100%; margin: 0 0 1rem; } }
#staff-1 img { display: block; border-radius: 8px; object-fit: cover; width: 100%; height: 100%; }

#staff-2 { position: relative; padding-top: 5rem; padding-bottom: 5rem; margin-bottom: 3rem; }
#staff-2:before { content: ''; position: absolute; inset: 0; display: block; width: 100vw; height: 100%; margin: 0 calc(50% - 50vw); background: repeating-linear-gradient(135deg, #E1F0E3, #E1F0E3 1px, #fff 2px, #fff 8px); z-index: -1; }
#staff-2 .staff-2-column { display: flex; }
@media (max-width: 1024px) { #staff-2 .staff-2-column { flex-direction: column; } }
#staff-2 .staff-2-column-img { width: 40%; margin-right: 1rem; }
@media (max-width: 1024px) { #staff-2 .staff-2-column-img { width: 100%; margin-right: 0; } }
#staff-2 .staff-2-column-text { background: #fff; padding: 1rem; }
#staff-2 .staff-2-column-text > div { display: flex; align-items: flex-start; }
@media (max-width: 1024px) { #staff-2 .staff-2-column-text > div { flex-direction: column; } }
#staff-2 .staff-2-column-text > div h4 { border-right: dotted 3px #04AB80; padding-right: 3px; width: 3em; margin-right: 1rem; flex-shrink: 0; }
#staff-2 .staff-2-column-text > div ul { list-style: none; }
#staff-2 .staff-2-column-text > div + div { margin-top: 2rem; }
#staff-2 h3 { writing-mode: vertical-rl; writing-mode: horizontal-tb; margin-bottom: 1rem; }
#staff-2 h3 span { border-right: dotted 3px #04AB80; padding-right: 3px; font-weight: bold; font-size: 1.6rem; letter-spacing: 0.1em; }
#staff-2 h3:before { content: '岡山きずの訪問診療所'; display: block; font-size: 0.75rem; }
@media (max-width: 1024px) { #staff-2 h3 { writing-mode: horizontal-tb; }
  #staff-2 h3 span { border-right: none; padding-right: 0; border-top: dotted 3px #04AB80; padding-top: 3px; } }
#staff-2 h3 span { border-right: none; padding-right: 0; border-top: dotted 3px #04AB80; padding-top: 3px; }
#staff-2 img { display: block; border-radius: 8px; object-fit: cover; width: 100%; height: 100%; }

#home-care-1 h3 { writing-mode: vertical-rl; writing-mode: horizontal-tb; margin-bottom: 1rem; }
#home-care-1 h3 span { border-right: dotted 3px #04AB80; padding-right: 3px; font-weight: bold; font-size: 1.6rem; letter-spacing: 0.1em; }
#home-care-1 h3:before { content: '岡山きずの訪問診療所'; display: block; font-size: 0.75rem; }
@media (max-width: 1024px) { #home-care-1 h3 { writing-mode: horizontal-tb; }
  #home-care-1 h3 span { border-right: none; padding-right: 0; border-top: dotted 3px #04AB80; padding-top: 3px; } }
#home-care-1 h3 span { border-right: none; padding-right: 0; border-top: dotted 3px #04AB80; padding-top: 3px; }
#home-care-1 img { display: block; border-radius: 8px; object-fit: cover; width: 100%; height: 100%; }
#home-care-1 .home-care-1-column, #home-care-1 .home-care-1-column2 { display: flex; }
@media (max-width: 1024px) { #home-care-1 .home-care-1-column, #home-care-1 .home-care-1-column2 { flex-direction: column; } }
#home-care-1 .home-care-1-column-img, #home-care-1 .home-care-1-column2-img { width: 45%; flex-shrink: 0; }
#home-care-1 .home-care-1-column-img { margin-left: 3rem; }
@media (max-width: 1024px) { #home-care-1 .home-care-1-column-img { width: 100%; margin-left: 0; margin-top: 1rem; } }
#home-care-1 .home-care-1-column2-img { margin-right: 3rem; }
@media (max-width: 1024px) { #home-care-1 .home-care-1-column2-img { width: 100%; margin-right: 0; margin-bottom: 1rem; } }
#home-care-1 .c-column { background: #E1F0E3; text-align: center; margin: 2rem 0; }

#home-care-2 { position: relative; padding-top: 5rem; padding-bottom: 5rem; margin-bottom: 3rem; }
#home-care-2:before { content: ''; position: absolute; inset: 0; display: block; width: 100vw; height: 100%; margin: 0 calc(50% - 50vw); background: repeating-linear-gradient(135deg, #E1F0E3, #E1F0E3 1px, #fff 2px, #fff 8px); z-index: -1; }
#home-care-2 .home-care-2-heading { list-style: none; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; counter-reset: kz-list-heading 0; margin-bottom: 3rem; }
#home-care-2 .home-care-2-heading > li { display: flex; justify-content: center; align-items: center; border: solid 2px #04AB80; color: #04AB80; text-align: center; margin: 1px; padding: 2rem; background: #fff; position: relative; width: calc( 33.3% - 2px ); }
#home-care-2 .home-care-2-heading > li:before { counter-increment: kz-list-heading 1; content: "0" counter(kz-list-heading); position: absolute; top: 0; left: 0; font-size: 3rem; color: #E1F0E3; opacity: 0.8; line-height: 1; font-weight: bold; }
@media (max-width: 1024px) { #home-care-2 .home-care-2-heading { flex-direction: column; }
  #home-care-2 .home-care-2-heading > li { width: 100%; padding: 1rem; } }
#home-care-2 .home-care-2-body { list-style: none; background: #fff; padding: 2rem 2rem 2rem 5rem; counter-reset: kz-numlist 0; }
#home-care-2 .home-care-2-body h4 { font-size: 1.25rem; font-weight: bold; color: #04AB80; }
#home-care-2 .home-care-2-body li { margin-bottom: 1rem; position: relative; }
#home-care-2 .home-care-2-body li:before { counter-increment: kz-numlist 1; content: "0" counter(kz-numlist); position: absolute; left: -3rem; top: 0; font-size: 1.25rem; display: block; border-right: dotted 3px #04AB80; padding-right: 0.5em; }
#home-care-2 h3 { writing-mode: vertical-rl; writing-mode: horizontal-tb; margin-bottom: 1rem; }
#home-care-2 h3 span { border-right: dotted 3px #04AB80; padding-right: 3px; font-weight: bold; font-size: 1.6rem; letter-spacing: 0.1em; }
#home-care-2 h3:before { content: '岡山きずの訪問診療所'; display: block; font-size: 0.75rem; }
@media (max-width: 1024px) { #home-care-2 h3 { writing-mode: horizontal-tb; }
  #home-care-2 h3 span { border-right: none; padding-right: 0; border-top: dotted 3px #04AB80; padding-top: 3px; } }
#home-care-2 h3 span { border-right: none; padding-right: 0; border-top: dotted 3px #04AB80; padding-top: 3px; }

#home-care-3 { padding-bottom: 5rem; }
#home-care-3 .home-care-3-column { display: flex; align-items: center; }
#home-care-3 .home-care-3-column h3 { margin-right: 3rem; }
@media (max-width: 1024px) { #home-care-3 .home-care-3-column { flex-direction: column; align-items: flex-start; }
  #home-care-3 .home-care-3-column h3 { margin-right: 0; margin-bottom: 1rem; } }
#home-care-3 .home-care-3-body { list-style: none; background: #fff; padding: 2rem 2rem 2rem 5rem; counter-reset: kz-numlist 0; }
#home-care-3 .home-care-3-body h4 { font-size: 1.25rem; font-weight: bold; color: #04AB80; }
#home-care-3 .home-care-3-body li { margin-bottom: 1rem; position: relative; }
#home-care-3 .home-care-3-body li:before { counter-increment: kz-numlist 1; content: "0" counter(kz-numlist); position: absolute; left: -3rem; top: 0; font-size: 1.25rem; display: block; border-right: dotted 3px #04AB80; padding-right: 0.5em; }
#home-care-3 h3 { writing-mode: vertical-rl; writing-mode: horizontal-tb; margin-bottom: 1rem; }
#home-care-3 h3 span { border-right: dotted 3px #04AB80; padding-right: 3px; font-weight: bold; font-size: 1.6rem; letter-spacing: 0.1em; }
#home-care-3 h3:before { content: '岡山きずの訪問診療所'; display: block; font-size: 0.75rem; }
@media (max-width: 1024px) { #home-care-3 h3 { writing-mode: horizontal-tb; }
  #home-care-3 h3 span { border-right: none; padding-right: 0; border-top: dotted 3px #04AB80; padding-top: 3px; } }
#home-care-3 h3 span { border-right: none; padding-right: 0; border-top: dotted 3px #04AB80; padding-top: 3px; }

#home-care-4 { display: flex; }
@media (max-width: 1024px) { #home-care-4 { flex-direction: column; }
  #home-care-4 h3 { margin-right: 0; margin-bottom: 1rem; } }
#home-care-4 .home-care-4-body { list-style: none; background: #fff; padding: 2rem 2rem 2rem 5rem; counter-reset: kz-numlist 0; padding-top: 0; }
#home-care-4 .home-care-4-body h4 { font-size: 1.25rem; font-weight: bold; color: #04AB80; }
#home-care-4 .home-care-4-body li { margin-bottom: 1rem; position: relative; }
#home-care-4 .home-care-4-body li:before { counter-increment: kz-numlist 1; content: "0" counter(kz-numlist); position: absolute; left: -3rem; top: 0; font-size: 1.25rem; display: block; border-right: dotted 3px #04AB80; padding-right: 0.5em; }
#home-care-4 h3 { writing-mode: vertical-rl; margin-right: 2rem; }
#home-care-4 h3 span { border-right: dotted 3px #04AB80; padding-right: 3px; font-weight: bold; font-size: 1.6rem; letter-spacing: 0.1em; }
#home-care-4 h3:before { content: '岡山きずの訪問診療所'; display: block; font-size: 0.75rem; }
@media (max-width: 1024px) { #home-care-4 h3 { writing-mode: horizontal-tb; }
  #home-care-4 h3 span { border-right: none; padding-right: 0; border-top: dotted 3px #04AB80; padding-top: 3px; } }

#home-care-5 { margin-bottom: 3rem; }
#home-care-5 .home-care-5-column { display: flex; margin-bottom: 2rem; }
@media (max-width: 1024px) { #home-care-5 .home-care-5-column { flex-direction: column; }
  #home-care-5 .home-care-5-column h3 { margin-right: 0; margin-bottom: 1rem; } }
#home-care-5 h3 { writing-mode: vertical-rl; writing-mode: horizontal-tb; width: 12em; flex-shrink: 0; }
#home-care-5 h3 span { border-right: dotted 3px #04AB80; padding-right: 3px; font-weight: bold; font-size: 1.6rem; letter-spacing: 0.1em; }
#home-care-5 h3:before { content: '岡山きずの訪問診療所'; display: block; font-size: 0.75rem; }
@media (max-width: 1024px) { #home-care-5 h3 { writing-mode: horizontal-tb; }
  #home-care-5 h3 span { border-right: none; padding-right: 0; border-top: dotted 3px #04AB80; padding-top: 3px; } }
#home-care-5 h3 span { border-right: none; padding-right: 0; border-top: dotted 3px #04AB80; padding-top: 3px; }
#home-care-5 .home-care-5-table table th, #home-care-5 .home-care-5-table table td { text-align: center; padding: 0.5em; background: #fff; }
#home-care-5 .home-care-5-table table tr:nth-child(2n) th, #home-care-5 .home-care-5-table table tr:nth-child(2n) td, #home-care-5 .home-care-5-table table thead th, #home-care-5 .home-care-5-table table thead td { background: #E1F0E3; }
@media (max-width: 1024px) { #home-care-5 .home-care-5-table { overflow-x: scroll; }
  #home-care-5 .home-care-5-table table th, #home-care-5 .home-care-5-table table td { white-space: nowrap; padding: 0.5em 1em; } }
#home-care-5 .home-care-5-caption p { display: flex; margin: 0.5em 0; }
#home-care-5 .home-care-5-caption p span { margin-right: 1em; border-right: dotted 3px #04AB80; }
@media (max-width: 1024px) { #home-care-5 .home-care-5-caption p { flex-direction: column; align-items: flex-start; } }
#home-care-5 ul { padding-left: 1.5em; }
#home-care-5 h4 { background: #E1F0E3; margin: 3rem 0 1rem; padding: 0.5rem; }

#home-care-6 { position: relative; padding: 3rem 0; }
#home-care-6:before { content: ''; position: absolute; inset: 0; display: block; width: 100vw; height: 100%; margin: 0 calc(50% - 50vw); background: #E1F0E3; z-index: -1; }
#home-care-6 h3 { writing-mode: vertical-rl; position: absolute; }
#home-care-6 h3 span { border-right: dotted 3px #04AB80; padding-right: 3px; font-weight: bold; font-size: 1.6rem; letter-spacing: 0.1em; }
#home-care-6 h3:before { content: '岡山きずの訪問診療所'; display: block; font-size: 0.75rem; }
@media (max-width: 1024px) { #home-care-6 h3 { writing-mode: horizontal-tb; }
  #home-care-6 h3 span { border-right: none; padding-right: 0; border-top: dotted 3px #04AB80; padding-top: 3px; } }
@media (max-width: 1024px) { #home-care-6 h3 { position: relative; margin-bottom: 2rem; }
  #home-care-6 h3 br { display: none; } }
#home-care-6 .home-care-6-heading { list-style: none; display: flex; justify-content: center; counter-reset: kz-list-heading-v 0; margin-bottom: 2rem; }
#home-care-6 .home-care-6-heading > li { display: flex; justify-content: center; align-items: center; text-align: center; color: #04AB80; margin: 1px; padding: 2rem; background: #fff; position: relative; writing-mode: vertical-rl; }
#home-care-6 .home-care-6-heading > li:before { counter-increment: kz-list-heading-v 1; content: "0" counter(kz-list-heading-v); position: absolute; right: 0; left: 0; top: -0.75rem; margin: auto; text-align: center; font-size: 1.5rem; line-height: 1; font-weight: bold; color: #444; display: block; width: 2em; writing-mode: horizontal-tb; }
@media (max-width: 1024px) { #home-care-6 .home-care-6-heading { flex-direction: column; }
  #home-care-6 .home-care-6-heading > li { width: 100%; writing-mode: horizontal-tb; padding: 1rem; margin-bottom: 1rem; }
  #home-care-6 .home-care-6-heading > li:before { font-size: 1rem; } }
#home-care-6 .home-care-6-body { list-style: none; background: #fff; padding: 2rem 2rem 2rem 5rem; counter-reset: kz-numlist 0; }
#home-care-6 .home-care-6-body h4 { font-size: 1.25rem; font-weight: bold; color: #04AB80; }
#home-care-6 .home-care-6-body li { margin-bottom: 1rem; position: relative; }
#home-care-6 .home-care-6-body li:before { counter-increment: kz-numlist 1; content: "0" counter(kz-numlist); position: absolute; left: -3rem; top: 0; font-size: 1.25rem; display: block; border-right: dotted 3px #04AB80; padding-right: 0.5em; }

#home-care-7 { position: relative; padding: 3rem 0; }
#home-care-7:before { content: ''; position: absolute; inset: 0; display: block; width: 100vw; height: 100%; margin: 0 calc(50% - 50vw); background: repeating-linear-gradient(135deg, #E1F0E3, #E1F0E3 1px, #fff 2px, #fff 8px); z-index: -1; }
#home-care-7 h3 { writing-mode: vertical-rl; writing-mode: horizontal-tb; margin-bottom: 1rem; }
#home-care-7 h3 span { border-right: dotted 3px #04AB80; padding-right: 3px; font-weight: bold; font-size: 1.6rem; letter-spacing: 0.1em; }
#home-care-7 h3:before { content: '岡山きずの訪問診療所'; display: block; font-size: 0.75rem; }
@media (max-width: 1024px) { #home-care-7 h3 { writing-mode: horizontal-tb; }
  #home-care-7 h3 span { border-right: none; padding-right: 0; border-top: dotted 3px #04AB80; padding-top: 3px; } }
#home-care-7 h3 span { border-right: none; padding-right: 0; border-top: dotted 3px #04AB80; padding-top: 3px; }


#home-care-8 { padding-bottom: 5rem; }
#home-care-8 .home-care-8-column { display: flex; align-items: center; }
#home-care-8 .home-care-8-column h3 { margin-right: 3rem; }
@media (max-width: 1024px) { #home-care-8 .home-care-8-column { flex-direction: column; align-items: flex-start; }
  #home-care-8 .home-care-8-column h3 { margin-right: 0; margin-bottom: 1rem; } }
#home-care-8 .home-care-8-body { list-style: none; background: #fff; padding: 2rem 2rem 2rem 5rem; counter-reset: kz-numlist 0; }
#home-care-8 .home-care-8-body h4 { font-size: 1.25rem; font-weight: bold; color: #04AB80; }
#home-care-8 .home-care-8-body li { margin-bottom: 1rem; position: relative; }
#home-care-8 .home-care-8-body li:before { counter-increment: kz-numlist 1; content: "0" counter(kz-numlist); position: absolute; left: -3rem; top: 0; font-size: 1.25rem; display: block; border-right: dotted 3px #04AB80; padding-right: 0.5em; }
#home-care-8 h3 { writing-mode: vertical-rl; writing-mode: horizontal-tb; margin-bottom: 1rem; }
#home-care-8 h3 span { border-right: dotted 3px #04AB80; padding-right: 3px; font-weight: bold; font-size: 1.6rem; letter-spacing: 0.1em; }
#home-care-8 h3:before { content: '岡山きずの訪問診療所'; display: block; font-size: 0.75rem; }
@media (max-width: 1024px) { #home-care-8 h3 { writing-mode: horizontal-tb; }
  #home-care-8 h3 span { border-right: none; padding-right: 0; border-top: dotted 3px #04AB80; padding-top: 3px; } }
#home-care-8 h3 span { border-right: none; padding-right: 0; border-top: dotted 3px #04AB80; padding-top: 3px; }



#home-care-9 { padding-bottom: 5rem; }
#home-care-9 .home-care-9-column { display: flex; align-items: center; }
#home-care-9 .home-care-9-column h3 { margin-right: 3rem; }
@media (max-width: 1024px) { #home-care-9 .home-care-9-column { flex-direction: column; align-items: flex-start; }
  #home-care-9 .home-care-9-column h3 { margin-right: 0; margin-bottom: 1rem; } }
#home-care-9 .home-care-9-body { list-style: none; background: #fff; padding: 2rem 2rem 2rem 5rem; counter-reset: kz-numlist 0; }
#home-care-9 .home-care-9-body h4 { font-size: 1.25rem; font-weight: bold; color: #04AB80; }
#home-care-9 .home-care-9-body li { margin-bottom: 1rem; position: relative; }
#home-care-9 .home-care-9-body li:before { counter-increment: kz-numlist 1; content: "0" counter(kz-numlist); position: absolute; left: -3rem; top: 0; font-size: 1.25rem; display: block; border-right: dotted 3px #04AB80; padding-right: 0.5em; }
#home-care-9 h3 { writing-mode: vertical-rl; writing-mode: horizontal-tb; margin-bottom: 1rem; }
#home-care-9 h3 span { border-right: dotted 3px #04AB80; padding-right: 3px; font-weight: bold; font-size: 1.6rem; letter-spacing: 0.1em; }
#home-care-9 h3:before { content: '岡山きずの訪問診療所'; display: block; font-size: 0.75rem; }

#home-care-9 h3 br{
	display:none;
}
@media (max-width: 1024px) { 
	#home-care-9 h3 { writing-mode: horizontal-tb; }
	#home-care-9 h3 span { border-right: none; padding-right: 0; border-top: dotted 3px #04AB80; padding-top: 3px; } 
	
	#home-care-9 h3 br{
		display:block;
	}
}

#home-care-9 h3 span { border-right: none; padding-right: 0; border-top: dotted 3px #04AB80; padding-top: 3px; }




#home-care-9 h4 {
	background: #E1F0E3;
	margin: 3rem 0 1rem;
	padding: 0.5rem;
}

#home-care-9 ul {
	padding-left: 1.5em;
}




#home-care-10 { padding-bottom: 5rem; }
#home-care-10 .home-care-10-column { display: flex; align-items: center; }
#home-care-10 .home-care-10-column h3 { margin-right: 3rem; }
@media (max-width: 1024px) { #home-care-10 .home-care-10-column { flex-direction: column; align-items: flex-start; }
  #home-care-10 .home-care-10-column h3 { margin-right: 0; margin-bottom: 1rem; } }
#home-care-10 .home-care-10-body { list-style: none; background: #fff; padding: 2rem 2rem 2rem 5rem; counter-reset: kz-numlist 0; }
#home-care-10 .home-care-10-body h4 { font-size: 1.25rem; font-weight: bold; color: #04AB80; }
#home-care-10 .home-care-10-body li { margin-bottom: 1rem; position: relative; }
#home-care-10 .home-care-10-body li:before { counter-increment: kz-numlist 1; content: "0" counter(kz-numlist); position: absolute; left: -3rem; top: 0; font-size: 1.25rem; display: block; border-right: dotted 3px #04AB80; padding-right: 0.5em; }
#home-care-10 h3 { writing-mode: vertical-rl; writing-mode: horizontal-tb; margin-bottom: 1rem; }
#home-care-10 h3 span { border-right: dotted 3px #04AB80; padding-right: 3px; font-weight: bold; font-size: 1.6rem; letter-spacing: 0.1em; }
#home-care-10 h3:before { content: '岡山きずの訪問診療所'; display: block; font-size: 0.75rem; }
@media (max-width: 1024px) { #home-care-10 h3 { writing-mode: horizontal-tb; }
  #home-care-10 h3 span { border-right: none; padding-right: 0; border-top: dotted 3px #04AB80; padding-top: 3px; } }
#home-care-10 h3 span { border-right: none; padding-right: 0; border-top: dotted 3px #04AB80; padding-top: 3px; }

#home-care-10 ul {
	padding-left: 1.5em;
}


#for-medical-care-providers-1 .providers-1-column { display: flex; }
#for-medical-care-providers-1 .providers-1-column h3 { writing-mode: vertical-rl; margin-right: 1rem; }
#for-medical-care-providers-1 .providers-1-column h3 span { border-right: dotted 3px #04AB80; padding-right: 3px; font-weight: bold; font-size: 1.6rem; letter-spacing: 0.1em; }
#for-medical-care-providers-1 .providers-1-column h3:before { content: '岡山きずの訪問診療所'; display: block; font-size: 0.75rem; }
@media (max-width: 1024px) { #for-medical-care-providers-1 .providers-1-column h3 { writing-mode: horizontal-tb; }
  #for-medical-care-providers-1 .providers-1-column h3 span { border-right: none; padding-right: 0; border-top: dotted 3px #04AB80; padding-top: 3px; } }
@media (max-width: 1024px) { #for-medical-care-providers-1 .providers-1-column { flex-direction: column; }
  #for-medical-care-providers-1 .providers-1-column h3 { margin-bottom: 1rem; } }
#for-medical-care-providers-1 .providers-1-column .providers-1-column-body > div { display: flex; margin-bottom: 2rem; }
#for-medical-care-providers-1 .providers-1-column .providers-1-column-body > div div:nth-child(1) { width: 45%; flex-shrink: 0; }
#for-medical-care-providers-1 .providers-1-column .providers-1-column-body > div:nth-child(2n) { flex-direction: row-reverse; }
#for-medical-care-providers-1 .providers-1-column .providers-1-column-body > div:nth-child(2n) div:nth-child(1) { margin-left: 2rem; }
#for-medical-care-providers-1 .providers-1-column .providers-1-column-body > div:nth-child(2n-1) { flex-direction: row; }
#for-medical-care-providers-1 .providers-1-column .providers-1-column-body > div:nth-child(2n-1) div:nth-child(1) { margin-right: 2rem; }
@media (max-width: 1024px) { #for-medical-care-providers-1 .providers-1-column .providers-1-column-body > div:nth-child(n) { flex-direction: column; }
  #for-medical-care-providers-1 .providers-1-column .providers-1-column-body > div:nth-child(n) div:nth-child(n) { width: 100%; margin: 0 0 1rem; } }
#for-medical-care-providers-1 img { display: block; border-radius: 8px; object-fit: cover; width: 100%; height: 100%; }

#for-medical-care-providers-2 { position: relative; padding-top: 5rem; padding-bottom: 5rem; margin-bottom: 3rem; }
#for-medical-care-providers-2:before { content: ''; position: absolute; inset: 0; display: block; width: 100vw; height: 100%; margin: 0 calc(50% - 50vw); background: repeating-linear-gradient(135deg, #E1F0E3, #E1F0E3 1px, #fff 2px, #fff 8px); z-index: -1; }
#for-medical-care-providers-2 h3 { writing-mode: vertical-rl; writing-mode: horizontal-tb; flex-shrink: 0; margin-right: 5rem; }
#for-medical-care-providers-2 h3 span { border-right: dotted 3px #04AB80; padding-right: 3px; font-weight: bold; font-size: 1.6rem; letter-spacing: 0.1em; }
#for-medical-care-providers-2 h3:before { content: '岡山きずの訪問診療所'; display: block; font-size: 0.75rem; }
@media (max-width: 1024px) { #for-medical-care-providers-2 h3 { writing-mode: horizontal-tb; }
  #for-medical-care-providers-2 h3 span { border-right: none; padding-right: 0; border-top: dotted 3px #04AB80; padding-top: 3px; } }
#for-medical-care-providers-2 h3 span { border-right: none; padding-right: 0; border-top: dotted 3px #04AB80; padding-top: 3px; }
#for-medical-care-providers-2 .providers-2-column { display: flex; margin-bottom: 2rem; }
@media (max-width: 1024px) { #for-medical-care-providers-2 .providers-2-column { flex-direction: column; }
  #for-medical-care-providers-2 .providers-2-column h3 { margin-bottom: 1rem; } }
#for-medical-care-providers-2 .providers-2-heading { list-style: none; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; counter-reset: kz-list-heading 0; }
#for-medical-care-providers-2 .providers-2-heading > li { display: flex; justify-content: center; align-items: center; border: solid 2px #04AB80; color: #04AB80; text-align: center; margin: 1px; padding: 2rem; background: #fff; position: relative; width: calc( 33.3% - 2px ); }
#for-medical-care-providers-2 .providers-2-heading > li:before { counter-increment: kz-list-heading 1; content: "0" counter(kz-list-heading); position: absolute; top: 0; left: 0; font-size: 3rem; color: #E1F0E3; opacity: 0.8; line-height: 1; font-weight: bold; }
@media (max-width: 1024px) { #for-medical-care-providers-2 .providers-2-heading { flex-direction: column; }
  #for-medical-care-providers-2 .providers-2-heading > li { width: 100%; padding: 1rem; } }
#for-medical-care-providers-2 .providers-2-body { list-style: none; background: #fff; padding: 2rem 2rem 2rem 5rem; counter-reset: kz-numlist 0; }
#for-medical-care-providers-2 .providers-2-body h4 { font-size: 1.25rem; font-weight: bold; color: #04AB80; }
#for-medical-care-providers-2 .providers-2-body li { margin-bottom: 1rem; position: relative; }
#for-medical-care-providers-2 .providers-2-body li:before { counter-increment: kz-numlist 1; content: "0" counter(kz-numlist); position: absolute; left: -3rem; top: 0; font-size: 1.25rem; display: block; border-right: dotted 3px #04AB80; padding-right: 0.5em; }

#for-medical-care-providers-3 { position: relative; padding: 3rem 0; }
#for-medical-care-providers-3:before { content: ''; position: absolute; inset: 0; display: block; width: 100vw; height: 100%; margin: 0 calc(50% - 50vw); background: #E1F0E3; z-index: -1; }
#for-medical-care-providers-3 h3 { writing-mode: vertical-rl; position: absolute; }
#for-medical-care-providers-3 h3 span { border-right: dotted 3px #04AB80; padding-right: 3px; font-weight: bold; font-size: 1.6rem; letter-spacing: 0.1em; }
#for-medical-care-providers-3 h3:before { content: '岡山きずの訪問診療所'; display: block; font-size: 0.75rem; }
@media (max-width: 1024px) { #for-medical-care-providers-3 h3 { writing-mode: horizontal-tb; }
  #for-medical-care-providers-3 h3 span { border-right: none; padding-right: 0; border-top: dotted 3px #04AB80; padding-top: 3px; } }
@media (max-width: 1024px) { #for-medical-care-providers-3 h3 { position: relative; margin-bottom: 2rem; }
  #for-medical-care-providers-3 h3 br { display: none; } }
#for-medical-care-providers-3 .providers-3-heading { list-style: none; display: flex; justify-content: center; counter-reset: kz-list-heading-v 0; margin-bottom: 2rem; }
#for-medical-care-providers-3 .providers-3-heading > li { display: flex; justify-content: center; align-items: center; text-align: center; color: #04AB80; margin: 1px; padding: 2rem; background: #fff; position: relative; writing-mode: vertical-rl; }
#for-medical-care-providers-3 .providers-3-heading > li:before { counter-increment: kz-list-heading-v 1; content: "0" counter(kz-list-heading-v); position: absolute; right: 0; left: 0; top: -0.75rem; margin: auto; text-align: center; font-size: 1.5rem; line-height: 1; font-weight: bold; color: #444; display: block; width: 2em; writing-mode: horizontal-tb; }
@media (max-width: 1024px) { #for-medical-care-providers-3 .providers-3-heading { flex-direction: column; }
  #for-medical-care-providers-3 .providers-3-heading > li { width: 100%; writing-mode: horizontal-tb; padding: 1rem; margin-bottom: 1rem; }
  #for-medical-care-providers-3 .providers-3-heading > li:before { font-size: 1rem; } }
#for-medical-care-providers-3 .providers-3-body { list-style: none; background: #fff; padding: 2rem 2rem 2rem 5rem; counter-reset: kz-numlist 0; }
#for-medical-care-providers-3 .providers-3-body h4 { font-size: 1.25rem; font-weight: bold; color: #04AB80; }
#for-medical-care-providers-3 .providers-3-body li { margin-bottom: 1rem; position: relative; }
#for-medical-care-providers-3 .providers-3-body li:before { counter-increment: kz-numlist 1; content: "0" counter(kz-numlist); position: absolute; left: -3rem; top: 0; font-size: 1.25rem; display: block; border-right: dotted 3px #04AB80; padding-right: 0.5em; }

.visitable-area-1 { display: flex; }
.visitable-area-1 h3 { writing-mode: vertical-rl; margin-right: 5rem; flex-shrink: 0; }
.visitable-area-1 h3 span { border-right: dotted 3px #04AB80; padding-right: 3px; font-weight: bold; font-size: 1.6rem; letter-spacing: 0.1em; }
.visitable-area-1 h3:before { content: '岡山きずの訪問診療所'; display: block; font-size: 0.75rem; }
@media (max-width: 1024px) { .visitable-area-1 h3 { writing-mode: horizontal-tb; }
  .visitable-area-1 h3 span { border-right: none; padding-right: 0; border-top: dotted 3px #04AB80; padding-top: 3px; } }
.visitable-area-1 .visitable-area-1-img { width: 100%; text-align: center; }
.visitable-area-1 .visitable-area-1-img > div { border: solid 1px #ccc; background: #eee; margin-bottom: 1rem; }
.visitable-area-1 .visitable-area-1-img img { max-width: 500px;width:100%; }
@media (max-width: 1024px) { .visitable-area-1 { flex-direction: column; }
  .visitable-area-1 h3 { margin-right: 0; margin-bottom: 1rem; } }

.c-faq dl { border: solid 1px #04AB80; }
.c-faq dl + dl { margin-top: 1rem; }
.c-faq dt { background: #04AB80; color: #fff; font-size: 1.125rem; padding: 0.5rem 0.5rem 0.5rem 3rem; position: relative; }
.c-faq dt:before { content: 'Q. '; margin-left: -1.5rem; width: 1.5rem; display: inline-block; }
.c-faq dd { background: #fff; padding: 1rem 1rem 1rem 3rem; }

.c-column { padding: 2rem; }

.c-pnav { list-style: none; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; margin-bottom: 3rem; }
.c-pnav li { margin: 1rem; }
.c-pnav a { display: block; background: #04AB80; border: solid 1px #04AB80; color: #fff; transition: 0.4s; border-radius: 4px; text-decoration: none; text-align: center; padding: 0.5rem 0; width: 8em; }
.c-pnav a:hover { background: #fff; color: #04AB80; }
.c-pnav.staff li a { font-size: 0.9375rem; width: 12em; }
.c-pnav.home-care li a { font-size: 0.9375rem; width: 15em; }
.c-pnav.for-medical-care-providers li a { font-size: 0.9375rem; width: 15em; }
@media (max-width: 1024px) { .c-pnav li { margin: 5px; }
  .c-pnav li a, .c-pnav.staff li a, .c-pnav.home-care li a, .c-pnav.for-medical-care-providers li a { font-size: 0.9375rem; width: auto; padding: 0.2rem 1.5em; } }

.c-googlemap { width: 100%; }
.c-googlemap iframe { width: 100%; height: 400px; }

/*--CPU--*/
.u-mg0 { margin: 0px !important; }

.u-mt0 { margin-top: 0px !important; }

.u-mr0 { margin-right: 0px !important; }

.u-mb0 { margin-bottom: 0px !important; }

.u-ml0 { margin-left: 0px !important; }

.u-pd0 { padding: 0px !important; }

.u-pt0 { padding-top: 0px !important; }

.u-pr0 { padding-right: 0px !important; }

.u-pb0 { padding-bottom: 0px !important; }

.u-pl0 { padding-left: 0px !important; }

.u-mg10 { margin: 10px !important; }

.u-mt10 { margin-top: 10px !important; }

.u-mr10 { margin-right: 10px !important; }

.u-mb10 { margin-bottom: 10px !important; }

.u-ml10 { margin-left: 10px !important; }

.u-pd10 { padding: 10px !important; }

.u-pt10 { padding-top: 10px !important; }

.u-pr10 { padding-right: 10px !important; }

.u-pb10 { padding-bottom: 10px !important; }

.u-pl10 { padding-left: 10px !important; }

.u-mg20 { margin: 20px !important; }

.u-mt20 { margin-top: 20px !important; }

.u-mr20 { margin-right: 20px !important; }

.u-mb20 { margin-bottom: 20px !important; }

.u-ml20 { margin-left: 20px !important; }

.u-pd20 { padding: 20px !important; }

.u-pt20 { padding-top: 20px !important; }

.u-pr20 { padding-right: 20px !important; }

.u-pb20 { padding-bottom: 20px !important; }

.u-pl20 { padding-left: 20px !important; }

.u-mg30 { margin: 30px !important; }

.u-mt30 { margin-top: 30px !important; }

.u-mr30 { margin-right: 30px !important; }

.u-mb30 { margin-bottom: 30px !important; }

.u-ml30 { margin-left: 30px !important; }

.u-pd30 { padding: 30px !important; }

.u-pt30 { padding-top: 30px !important; }

.u-pr30 { padding-right: 30px !important; }

.u-pb30 { padding-bottom: 30px !important; }

.u-pl30 { padding-left: 30px !important; }

.u-mg40 { margin: 40px !important; }

.u-mt40 { margin-top: 40px !important; }

.u-mr40 { margin-right: 40px !important; }

.u-mb40 { margin-bottom: 40px !important; }

.u-ml40 { margin-left: 40px !important; }

.u-pd40 { padding: 40px !important; }

.u-pt40 { padding-top: 40px !important; }

.u-pr40 { padding-right: 40px !important; }

.u-pb40 { padding-bottom: 40px !important; }

.u-pl40 { padding-left: 40px !important; }

.u-mg50 { margin: 50px !important; }

.u-mt50 { margin-top: 50px !important; }

.u-mr50 { margin-right: 50px !important; }

.u-mb50 { margin-bottom: 50px !important; }

.u-ml50 { margin-left: 50px !important; }

.u-pd50 { padding: 50px !important; }

.u-pt50 { padding-top: 50px !important; }

.u-pr50 { padding-right: 50px !important; }

.u-pb50 { padding-bottom: 50px !important; }

.u-pl50 { padding-left: 50px !important; }

.u-fs-xxsmall { font-size: 0.75rem; }

.u-fs-xsmall { font-size: 0.875rem; }

.u-fs-small { font-size: 0.9375rem; }

.u-fs-normal { font-size: 1rem; }

.u-fs-large { font-size: 1.125rem; }

.u-fs-xlarge { font-size: 1.25rem; }

.u-fs-xxlarge { font-size: 1.5rem; }

.u-fs-xxxlarge { font-size: 1.75rem; }

.u-fc-text { color: #444; }

.u-fc-strong { color: #E1F0E3; }

.u-fc-coution { color: #f90; }

.u-fc-hover { color: #ff0; }

.u-ls-disc { list-style-type: disc !important; padding-left: 1.5em !important; }

.u-ls-circle { list-style-type: circle !important; padding-left: 1.5em !important; }

.u-ls-square { list-style-type: square !important; padding-left: 1.5em !important; }

.u-ls-decimal { list-style-type: decimal !important; padding-left: 1.5em !important; }

.u-ls-ur { list-style-type: upper-roman !important; padding-left: 1.5em !important; }

.u-ls-none { list-style-type: none !important; padding-left: 1.5em !important; }

.u-ls-play li:before { font-family: 'FontAwesome'; margin-right: 0.5em; content: ""; }

.u-ls-cog li:before { font-family: 'FontAwesome'; margin-right: 0.5em; content: ""; }

.u-require { padding: 2px 5px; background: #c20f17; color: #fff; border-radius: 4px; margin: 0 4px; }

a.u-btn { display: block; background: #04AB80; border: solid 1px #04AB80; color: #fff; transition: 0.4s; border-radius: 4px; text-decoration: none; text-align: center; }
a.u-btn:hover { background: #fff; color: #04AB80; }

a.u-rsbtn { display: inline-block; background: #04AB80; color: #fff; line-height: 3; border-radius: 1.5em; padding: 0 2em; }
a.u-rsbtn:after { content: ''; display: inline-block; width: 1.5em; height: 1em; background: url("img/arw.png") center/contain no-repeat; vertical-align: text-bottom; }
a.u-rsbtn:hover { background: #214cc5; }

@keyframes txslideimg { from { transform: translateX(0); }
  to { transform: translateX(calc(-338px * 4)); } }
.u-slide { overflow: hidden; }
.u-slide ul { padding: 0; margin: 0; list-style: none; width: 9999px; display: flex; justify-content: center; align-items: center; transform: translateX(calc( (100vw - 100%) / 2 -  (100vw - 1920px) / 2  )); }
.u-slide ul > li { width: 328px; margin-left: 10px; animation: txslideimg 30s linear infinite; }

.u-bgimg { position: absolute; z-index: -1; overflow: hidden; }
.u-bgimg img, .u-bgimg picture, .u-bgimg sourceimg { width: 100%; height: 100%; object-fit: cover; display: block; }

.u-fb { font-weight: bold; }

.u-tr { text-align: right; }

.u-tc { text-align: center; }

.u-tl { text-align: left; }

.u-w100 { width: 100% !important; }

/*# sourceMappingURL=d8_style.css.map */

.c-pnav.ptosis-clinic li a {
  width: 19em;
}
@media (max-width: 1024px) {
  .c-pnav.ptosis-clinic li a {
    font-size: 0.9375rem;
    width: auto;
    padding: 0.2rem 1.5em;
  }
}

#ptosis-clinic-1 h3,
#ptosis-clinic-2 h3,
#ptosis-clinic-3 h3,
#ptosis-clinic-5 h3,
#ptosis-clinic-6 h3,
#ptosis-clinic-7 h3,
#ptosis-clinic-8 h3,
#ptosis-clinic-9 h3 {
  writing-mode: vertical-rl;
  writing-mode: horizontal-tb;
  margin-bottom: 1rem;
}
#ptosis-clinic-1 h3 span,
#ptosis-clinic-2 h3 span,
#ptosis-clinic-3 h3 span,
#ptosis-clinic-5 h3 span,
#ptosis-clinic-6 h3 span,
#ptosis-clinic-7 h3 span,
#ptosis-clinic-8 h3 span,
#ptosis-clinic-9 h3 span {
  border-right: dotted 3px #04AB80;
  padding-right: 3px;
  font-weight: bold;
  font-size: 1.6rem;
  letter-spacing: 0.1em;
}
#ptosis-clinic-1 h3:before,
#ptosis-clinic-2 h3:before,
#ptosis-clinic-3 h3:before,
#ptosis-clinic-5 h3:before,
#ptosis-clinic-6 h3:before,
#ptosis-clinic-7 h3:before,
#ptosis-clinic-8 h3:before,
#ptosis-clinic-9 h3:before {
  content: "岡山きずの訪問診療所";
  display: block;
  font-size: 0.75rem;
}
@media (max-width: 1024px) {
  #ptosis-clinic-1 h3,
  #ptosis-clinic-2 h3,
  #ptosis-clinic-3 h3,
  #ptosis-clinic-5 h3,
  #ptosis-clinic-6 h3,
  #ptosis-clinic-7 h3,
  #ptosis-clinic-8 h3,
  #ptosis-clinic-9 h3 {
    writing-mode: horizontal-tb;
  }
  #ptosis-clinic-1 h3 span,
  #ptosis-clinic-2 h3 span,
  #ptosis-clinic-3 h3 span,
  #ptosis-clinic-5 h3 span,
  #ptosis-clinic-6 h3 span,
  #ptosis-clinic-7 h3 span,
  #ptosis-clinic-8 h3 span,
  #ptosis-clinic-9 h3 span {
    border-right: none;
    padding-right: 0;
    border-top: dotted 3px #04AB80;
    padding-top: 3px;
  }
}
#ptosis-clinic-1 h3 span,
#ptosis-clinic-2 h3 span,
#ptosis-clinic-3 h3 span,
#ptosis-clinic-5 h3 span,
#ptosis-clinic-6 h3 span,
#ptosis-clinic-7 h3 span,
#ptosis-clinic-8 h3 span,
#ptosis-clinic-9 h3 span {
  border-right: none;
  padding-right: 0;
  border-top: dotted 3px #04AB80;
  padding-top: 3px;
}

.ptosis-clinic-1-column {
  display: flex;
}
.ptosis-clinic-1-column .ptosis-clinic-1-column-img {
  width: 45%;
  flex-shrink: 0;
  margin-left: 3rem;
}
.ptosis-clinic-1-column .ptosis-clinic-1-column-img img {
  display: block;
  border-radius: 8px;
  object-fit: cover;
  width: 100%;
  height: 100%;
}
@media (max-width: 1024px) {
  .ptosis-clinic-1-column {
    flex-direction: column;
  }
  .ptosis-clinic-1-column .ptosis-clinic-1-column-img, .ptosis-clinic-1-column > div {
    width: 100%;
    margin-inline: 0;
    margin-block: 1rem;
  }
}

#ptosis-clinic-2 {
  margin-block: 2rem 3rem;
}
#ptosis-clinic-2 .ptosis-clinic-2-list {
  border: solid 1px rgb(199, 199, 199);
  padding: 1rem;
}
#ptosis-clinic-2 .ptosis-clinic-2-list li {
  list-style: none;
  display: inline-block;
  margin-right: 2rem;
  line-height: 1.8;
}
#ptosis-clinic-2 .ptosis-clinic-2-list li:before {
  font-family: "FontAwesome";
  margin-right: 0.5em;
  content: "\f058";
}
@media (max-width: 768px) {
  #ptosis-clinic-2 .ptosis-clinic-2-list li {
    display: block;
    margin-right: 0;
  }
}
#ptosis-clinic-2 .ptosis-clinic-2-list + p {
  width: fit-content;
  margin: 2rem auto;
  font-size: 1.25rem;
  text-decoration: underline;
}
#ptosis-clinic-2 .c-column {
  background: #E1F0E3;
  margin-top: 1rem;
}
#ptosis-clinic-2 .c-column ul {
  display: flex;
  flex-wrap: wrap;
  padding-left: 1.5em;
  margin-bottom: 1em;
}
#ptosis-clinic-2 .c-column ul li {
  margin-right: 2em;
}
#ptosis-clinic-2 h4 {
  font-weight: bold;
}



#ptosis-clinic-3 {
  margin-bottom: 3rem;
}

#ptosis-clinic-4 {
  position: relative;
  padding: 3rem 0;
}
#ptosis-clinic-4:before {
  content: "";
  position: absolute;
  inset: 0;
  display: block;
  width: 100vw;
  height: 100%;
  margin: 0 calc(50% - 50vw);
  background: #E1F0E3;
  z-index: -1;
}
#ptosis-clinic-4 h3 {
  writing-mode: vertical-rl;
  position: absolute;
}
#ptosis-clinic-4 h3 span {
  border-right: dotted 3px #04AB80;
  padding-right: 3px;
  font-weight: bold;
  font-size: 1.6rem;
  letter-spacing: 0.1em;
}
#ptosis-clinic-4 h3:before {
  content: "岡山きずの訪問診療所";
  display: block;
  font-size: 0.75rem;
}
@media (max-width: 1024px) {
  #ptosis-clinic-4 h3 {
    writing-mode: horizontal-tb;
  }
  #ptosis-clinic-4 h3 span {
    border-right: none;
    padding-right: 0;
    border-top: dotted 3px #04AB80;
    padding-top: 3px;
  }
}
@media (max-width: 1024px) {
  #ptosis-clinic-4 h3 {
    position: relative;
    margin-bottom: 2rem;
  }
  #ptosis-clinic-4 h3 br {
    display: none;
  }
}
#ptosis-clinic-4 .ptosis-clinic-4-heading {
  list-style: none;
  display: flex;
  justify-content: center;
  counter-reset: kz-list-heading-v 0;
  margin-bottom: 6rem;
}
#ptosis-clinic-4 .ptosis-clinic-4-heading > li {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  color: #04AB80;
  margin: 1px;
  padding: 2rem;
  background: #fff;
  position: relative;
  writing-mode: vertical-rl;
}
#ptosis-clinic-4 .ptosis-clinic-4-heading > li:before {
  counter-increment: kz-list-heading-v 1;
  content: "0" counter(kz-list-heading-v);
  position: absolute;
  right: 0;
  left: 0;
  top: -0.75rem;
  margin: auto;
  text-align: center;
  font-size: 1.5rem;
  line-height: 1;
  font-weight: bold;
  color: #444;
  display: block;
  width: 2em;
  writing-mode: horizontal-tb;
}
@media (max-width: 1024px) {
  #ptosis-clinic-4 .ptosis-clinic-4-heading {
    flex-direction: column;
  }
  #ptosis-clinic-4 .ptosis-clinic-4-heading > li {
    width: 100%;
    writing-mode: horizontal-tb;
    padding: 1rem;
    margin-bottom: 1rem;
  }
  #ptosis-clinic-4 .ptosis-clinic-4-heading > li:before {
    font-size: 1rem;
  }
}
@media (max-width: 1024px) {
  #ptosis-clinic-4 .ptosis-clinic-4-heading {
    margin-bottom: 2rem;
  }
}
#ptosis-clinic-4 .ptosis-clinic-4-body {
  margin-top: 1em;
  list-style: none;
  background: #fff;
  padding: 2rem 2rem 2rem 5rem;
  counter-reset: kz-numlist 0;
}
#ptosis-clinic-4 .ptosis-clinic-4-body h4 {
  font-size: 1.25rem;
  font-weight: bold;
  color: #04AB80;
}
#ptosis-clinic-4 .ptosis-clinic-4-body li {
  margin-bottom: 1rem;
  position: relative;
}
#ptosis-clinic-4 .ptosis-clinic-4-body li:before {
  counter-increment: kz-numlist 1;
  content: "0" counter(kz-numlist);
  position: absolute;
  left: -3rem;
  top: 0;
  font-size: 1.25rem;
  display: block;
  border-right: dotted 3px #04AB80;
  padding-right: 0.5em;
}

#ptosis-clinic-5 {
  padding-block: 3rem;
}
#ptosis-clinic-5 h4 {
  background: #E1F0E3;
  margin: 3rem 0 1rem;
  padding: 0.5rem;
}
#ptosis-clinic-5 ul {
  padding-left: 1.5rem;
}
#ptosis-clinic-5 ol {
  list-style: none;
  background: #fff;
  padding: 2rem 2rem 2rem 5rem;
  counter-reset: kz-numlist 0;
}
#ptosis-clinic-5 ol h4 {
  font-size: 1.25rem;
  font-weight: bold;
  color: #04AB80;
}
#ptosis-clinic-5 ol li {
  margin-bottom: 1rem;
  position: relative;
}
#ptosis-clinic-5 ol li:before {
  counter-increment: kz-numlist 1;
  content: "0" counter(kz-numlist);
  position: absolute;
  left: -3rem;
  top: 0;
  font-size: 1.25rem;
  display: block;
  border-right: dotted 3px #04AB80;
  padding-right: 0.5em;
}

#ptosis-clinic-6 {
  margin-bottom: 3rem;
}
#ptosis-clinic-6 h4 {
  margin-top: 1rem;
  font-weight: bold;
}
#ptosis-clinic-6 ul {
  padding-left: 1.5em;
}

#ptosis-clinic-7 {
  position: relative;
  padding: 3rem 0;
}
#ptosis-clinic-7::before {
  content: "";
  position: absolute;
  inset: 0;
  display: block;
  width: 100vw;
  height: 100%;
  margin: 0 calc(50% - 50vw);
  background: repeating-linear-gradient(135deg, #E1F0E3, #E1F0E3 1px, #fff 2px, #fff 8px);
  z-index: -1;
}

#ptosis-clinic-8 {
  padding-block: 3rem;
}
#ptosis-clinic-8 .ptosis-clinic-8-column {
  display: flex;
}
#ptosis-clinic-8 .ptosis-clinic-8-column-img {
  width: 45%;
  margin-left: 3rem;
  flex-shrink: 0;
}
#ptosis-clinic-8 .ptosis-clinic-8-column-img img {
  display: block;
  border-radius: 8px;
  object-fit: cover;
  width: 100%;
  height: 100%;
}
@media (max-width: 1024px) {
  #ptosis-clinic-8 .ptosis-clinic-8-column {
    flex-direction: column;
  }
  #ptosis-clinic-8 .ptosis-clinic-8-column-img,
  #ptosis-clinic-8 .ptosis-clinic-8-column > div {
    width: 100%;
    margin-inline: 0;
    margin-block: 1rem;
  }
}

#ptosis-clinic-9 .c-column {
  background: #E1F0E3;
  text-align: center;
  margin-block: 1em;
}
#ptosis-clinic-9 .c-column p {
  font-weight: bold;
  font-size: 1.125rem;
}