@charset "UTF-8";
/*! sanitize.css v3.2.0 | CC0 1.0 Public Domain | github.com/10up/sanitize.css */
/* Normalization */
audio:not([controls]) { display: none; /* Chrome 44-, iOS 8+, Safari 9+ */ }

button { -webkit-appearance: button; /* iOS 8+ */ overflow: visible; /* Internet Explorer 11- */ }

details { display: block; /* Edge 12+, Firefox 40+, Internet Explorer 11-, Windows Phone 8.1+ */ }

html { -ms-overflow-style: -ms-autohiding-scrollbar; /* Edge 12+, Internet Explorer 11- */ overflow-y: scroll; /* All browsers without overlaying scrollbars */ -webkit-text-size-adjust: 100%; /* iOS 8+ */ }

input { -webkit-border-radius: 0; }

input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* iOS 8+ */ }

input[type="number"] { width: auto; /* Firefox 36+ */ }

input[type="search"] { -webkit-appearance: textfield; /* Chrome 45+, Safari 9+ */ }

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; /* Chrome 45+, Safari 9+ */ }

main { display: block; /* Android 4.3-, Internet Explorer 11-, Windows Phone 8.1+ */ }

pre { overflow: auto; /* Internet Explorer 11- */ }

progress { display: inline-block; /* Internet Explorer 11-, Windows Phone 8.1+ */ }

small { font-size: 75%; /* All browsers */ }

summary { display: block; /* Firefox 40+, Internet Explorer 11-, Windows Phone 8.1+ */ }

svg:not(:root) { overflow: hidden; /* Internet Explorer 11- */ }

template { display: none; /* Android 4.3-, Internet Explorer 11-, iOS 7-, Safari 7-, Windows Phone 8.1+ */ }

textarea { overflow: auto; /* Edge 12+, Internet Explorer 11- */ }

[hidden] { display: none; /* Internet Explorer 10- */ }

/* Universal inheritance */
*, :before, :after { box-sizing: inherit; }

* { font-size: inherit; line-height: inherit; }

:before, :after { text-decoration: inherit; vertical-align: inherit; }

/* Opinionated defaults */
/* specify the border style and width of all elements */
*, :before, :after { border-style: solid; border-width: 0; }

/* specify the core styles of all elements */
* { background-repeat: no-repeat; margin: 0; padding: 0; }

/* specify the root styles of the document */
:root { background-color: #ffffff; box-sizing: border-box; color: #000000; cursor: default; font: 100%/1.5 sans-serif; }

/* specify the text decoration of anchors */
a { text-decoration: none; }

/* specify the alignment of media elements */
audio, canvas, iframe, img, svg, video { vertical-align: middle; }

/* specify the background color of form elements */
button, input, select, textarea { background-color: transparent; }

/* specify the inherited color and font of form elements */
button, input, select, textarea { color: inherit; font-family: inherit; font-style: inherit; font-weight: inherit; }

/* specify the minimum height of form elements */
button, [type="button"], [type="date"], [type="datetime"], [type="datetime-local"], [type="email"], [type="month"], [type="number"], [type="password"], [type="reset"], [type="search"], [type="submit"], [type="tel"], [type="text"], [type="time"], [type="url"], [type="week"], select, textarea { min-height: 1.5em; }

/* specify the font family of code elements */
code, kbd, pre, samp { font-family: monospace, monospace; }

/* specify the list style of nav lists */
nav ol, nav ul { list-style: none; }

/* specify the standard appearance of selects */
select { -moz-appearance: none; /* Firefox 40+ */ -webkit-appearance: none; }

select::-ms-expand { display: none; /* Edge 12+, Internet Explorer 11- */ }

select::-ms-value { color: currentColor; /* Edge 12+, Internet Explorer 11- */ }

/* specify the border styling of tables */
table { border-collapse: collapse; border-spacing: 0; }

/* specify the resizability of textareas */
textarea { resize: vertical; }

/* specify the background color, font color, and drop shadow of text selections */
::-moz-selection { background-color: #b3d4fc; /* required when declaring ::selection */ color: #ffffff; text-shadow: none; }

::selection { background-color: #b3d4fc; /* required when declaring ::selection */ color: #ffffff; text-shadow: none; }

/* specify the progress cursor of updating elements */
[aria-busy="true"] { cursor: progress; }

/* specify the pointer cursor of trigger elements */
[aria-controls] { cursor: pointer; }

/* specify the unstyled cursor of disabled, not-editable, or otherwise inoperable elements */
[aria-disabled] { cursor: default; }

/* specify the style of visually hidden yet accessible elements */
[hidden][aria-hidden="false"] { clip: rect(0 0 0 0); display: inherit; position: absolute; }

[hidden][aria-hidden="false"]:focus { clip: auto; }

/* remove delay from tapping on clickable elements */
a, area, button, input, label, select, textarea, [tabindex] { -ms-touch-action: manipulation; touch-action: manipulation; }

/*# sourceMappingURL=sanitize.css.map */
:root, html, body { color: #333; width: 100%; font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴシック", "Hiragino Sans", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo", "sans-serif"; font-size: 14px; }
@media (min-width: 376px) and (max-width: 414px) { :root, html, body { font-size: 13.75px; } }
@media (min-width: 361px) and (max-width: 375px) { :root, html, body { font-size: 13.5px; } }
@media (min-width: 321px) and (max-width: 360px) { :root, html, body { font-size: 13.25px; } }
@media (max-width: 320px) { :root, html, body { font-size: 13px; } }
@media (max-width: 767px) and (orientation: landscape) { :root, html, body { font-size: 14px; } }
@media (min-width: 768px), print { :root, html, body { font-size: 16px; } }
@media (min-width: 768px) and (max-width: 1024px) { :root, html, body { font-size: 13.5px; } }
@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) { :root, html, body { font-size: 13.5px; } }

@media (min-width: 768px) and (max-width: 959px) { :root, html, body { font-size: 11.5px; } }
@media (min-width: 768px) and (max-width: 959px) and (orientation: landscape) { :root, html, body { font-size: 11.5px; } }

@media (min-width: 768px) and (max-width: 812px) { :root, html, body { font-size: 10.5px; } }
@media (min-width: 768px) and (max-width: 812px) and (orientation: landscape) { :root, html, body { font-size: 10.5px; } }

* { box-sizing: border-box; font-size: 1rem; }
@media (min-width: 768px), print { * { font-size: 1.25rem; } }

small a { font-size: inherit; }

li { list-style-type: none; }

a { color: #333; transition: .3s; word-break: break-all; }
@media (hover: hover) { a:hover { text-decoration: none; color: #4c3a27; opacity: 0.8; } }
@media (hover: hover) { a img:hover { opacity: 0.8; } }

p { margin-bottom: 0.9375rem; }

img { max-width: 100%; max-height: 100%; }

[href$='pdf'], [href$='xlsx'], [href$='xls'], [href$='pptx'], [href$='docx'], [href$='doc'] { text-decoration: underline; position: relative; }
[href$='pdf']::after, [href$='xlsx']::after, [href$='xls']::after, [href$='pptx']::after, [href$='docx']::after, [href$='doc']::after { color: #fff; border-radius: 2px; text-decoration: none; padding-top: 0.125rem; text-align: center; line-height: 1; font-size: 0.75rem; display: inline-block; width: 2.1875rem; height: 1rem; position: absolute; top: 0; bottom: 0; margin: auto 0 auto 0.625rem; }
@media (hover: hover) { [href$='pdf']:hover, [href$='xlsx']:hover, [href$='xls']:hover, [href$='pptx']:hover, [href$='docx']:hover, [href$='doc']:hover { text-decoration: none; } }

[href$='pdf']::after { content: 'PDF'; background: #b72e2e; }

[href$='xlsx']::after, [href$='xls']::after { content: 'XLSX'; background: #1c6140; }

[href$='pptx']::after { content: 'PPTX'; background: #d1750a; }

[href$='docx']::after { content: 'DOCX'; background: #1c3d82; }

[href$='doc']::after { content: 'doc'; background: #1c3d82; }

@media (min-width: 768.02px) and (hover: hover) { a[href^='tel:'] { pointer-events: none; } }
.icon-cataract::before, .icon-glaucoma::before, .icon-macular-degeneration::before, .icon-strabismus::before, .icon-eyestrain::before, .icon-surgery::before, .icon-orthokeratology::before, .icon-selfpay::before { content: none; }
@media (min-width: 768px), print { .icon-cataract::before, .icon-glaucoma::before, .icon-macular-degeneration::before, .icon-strabismus::before, .icon-eyestrain::before, .icon-surgery::before, .icon-orthokeratology::before, .icon-selfpay::before { font-size: 3.5rem; display: inline-block; vertical-align: middle; margin-right: 1rem; } }

@media (min-width: 768px), print { .icon-cataract::before { content: '\e87c'; } }

@media (min-width: 768px), print { .icon-glaucoma::before { content: '\e881'; } }

.icon-macular-degeneration::before { font-size: 2.5rem; margin-left: 1rem; }
@media (min-width: 768px), print { .icon-macular-degeneration::before { content: '\e883'; } }

@media (min-width: 768px), print { .icon-strabismus::before { content: '\e886'; } }

@media (min-width: 768px), print { .icon-eyestrain::before { content: '\e887'; } }

.icon-surgery::before { font-size: 3.1rem; margin-right: 1rem; margin-left: 1rem; }
@media (min-width: 768px), print { .icon-surgery::before { content: '\e885'; } }

.icon-orthokeratology::before { font-size: 2.2rem; }
@media (min-width: 768px), print { .icon-orthokeratology::before { content: '\e913'; } }

.icon-selfpay::before { font-size: 2.5rem; margin-left: 1rem; }
@media (min-width: 768px), print { .icon-selfpay::before { content: '\e912'; } }

.l_content { padding: 0 0.625rem; }
@media (min-width: 768px), print { .l_content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; flex: 0 1 1240px; -ms-flex-wrap: nowrap; flex-wrap: nowrap; margin: 0 auto; max-width: 1240px; padding: 0 1.25rem; } }

@media (min-width: 768px), print { .l_main { flex: 0 2 auto; margin: 0; width: 800px; max-width: 67%; } }

.l_sub { margin-bottom: 0.75rem; }
@media (min-width: 768px), print { .l_sub { flex: 0 0 320px; order: -1; max-width: 27%; margin: 0 calc(100% - 67% - 27%) 0 0; margin-bottom: 1.875rem; } }
@media (min-width: 768px) and (min-width: 768px), print and (min-width: 768px), print and (min-width: 768px), print { .l_sub { margin-bottom: 5rem; } }

.l_col { padding: 0 0.625rem; }
@media (min-width: 768px), print { .l_col { flex: 0 1 1240px; margin: 0 auto; padding: 0 1.25rem; max-width: 1240px; } }

.l_row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 auto; }

.l_col2 > :last-child { margin-bottom: 0 !important; }
.l_col2 > * { margin-bottom: 1.875rem; }
@media (min-width: 768px), print { .l_col2 { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }
  .l_col2 > * { width: 48%; margin-right: calc(100% - 48%*2); }
  .l_col2 > :nth-child(2n + 2) { margin-right: 0; }
  .l_col2 > :nth-last-child(-n+2) { margin-bottom: 0; } }

.l_col3 > :last-child { margin-bottom: 0 !important; }
.l_col3 > * { margin-bottom: 1.5625rem; }
@media (min-width: 768px), print { .l_col3 { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }
  .l_col3 > * { width: 31%; margin-right: calc((100% - 31%*3)/2); margin-bottom: 1.875rem; }
  .l_col3 > :nth-child(3n + 3) { margin-right: 0; }
  .l_col3 > :nth-last-child(-n+3) { margin-bottom: 0; } }

.l_col5 { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
.l_col5 > :last-child { margin-bottom: 0 !important; }
.l_col5 > * { margin-bottom: 1.875rem; }
.l_col5 > * { width: 32%; margin-right: 2%; margin-bottom: 0.9375rem; }
.l_col5 > :first-child { margin-left: 2%; }
.l_col5 > :nth-child(5) { margin-right: 0; }
.l_col5 > :nth-last-child(-n+2) { margin-bottom: 0; }
@media (min-width: 768px), print { .l_col5 > :first-child, .l_col5 > :nth-child(2) { margin-left: 0; }
  .l_col5 > * { width: 19%; margin-right: calc((100% - 19%*5)/4); }
  .l_col5 > :nth-child(5n + 5) { margin-right: 0; }
  .l_col5 > :nth-last-child(-n+5) { margin-bottom: 0; } }

.tbl_time .km { margin-top: 0.3125rem; }

.tbl_time { table-layout: auto; width: 100%; text-align: center; margin-bottom: 11.875rem; background: #fff; position: relative; }
@media (min-width: 768px), print { .tbl_time { margin-bottom: 9.375rem; } }
.tbl_time th, .tbl_time td { line-height: 1; padding: 1.375rem 0.3125rem 1.25rem; color: #d4c0a5; }
.tbl_time tr { border-bottom: 1px solid #4c3a27; }
.tbl_time tr:first-child th { padding: 1.75rem 0 1.5625rem; background: #4c3a27; color: #fff; font-weight: normal; }
.tbl_time tr:first-child th:last-child, .tbl_time tr td:last-child { padding-right: 0.625rem; white-space: nowrap; }
@media (min-width: 768px), print { .tbl_time tr:first-child th:last-child, .tbl_time tr td:last-child { padding-right: 0.9375rem; padding-left: 0.125rem; } }
.tbl_time caption { text-align: left; margin-top: 0.3125rem; position: absolute; top: 100%; left: 0.3125rem; }
@media (min-width: 768px), print { .tbl_time caption { margin-top: 0.625rem; } }
.tbl_time caption .km { font-size: 100%; color: #91bd41; font-weight: bold; }
.tbl_time caption .km_blue { font-size: 100%; color: #0000FF; font-weight: bold; }
.tbl_time .time { font-weight: normal; color: #4c3a27; }
.tbl_time .sjt, .tbl_time .close { color: #4c3a27; }

.gmap { width: 100%; border-radius: 1px; border: 1px solid #ddd; overflow: hidden; position: relative; padding-top: 105.2631578947%; margin-bottom: 1.25rem; }
@media (min-width: 768px), print { .gmap { margin-bottom: 2.1875rem; } }
.gmap > iframe { position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; }
@media print { .gmap { overflow: hidden; }
  .gmap > iframe { bottom: 0; margin: auto 0; width: 100% !important; height: 100% !important; } }

.cf::before, .cf::after { content: ''; display: block; }

.cf::after { clear: both; }

.fl_l { float: left; }

.fl_r { float: right; }

.txt_c { text-align: center; }

.txt_l { text-align: left; }

.txt_r { text-align: right; }

.txt_red { color: #ec6941; }

.txt_bold { font-weight: bold; }

.txt_marker { background: linear-gradient(transparent 50%, #fff21f 50%); }

.text_ad { font-size: 1.375rem; }
@media (min-width: 768px), print { .text_ad { font-size: 1.25rem; } }

.img_c { display: block; max-width: 80%; margin: 1.25rem auto 0; padding-bottom: 0.9375rem; }
@media (min-width: 768px), print { .img_c { max-width: 50%; margin-top: 1.875rem; padding-bottom: 1.875rem; } }

.img_l, .img_r, .photo_l, .photo_r { display: block; height: auto; margin: 0 auto; margin-bottom: 0.9375rem; }
.img_l figcaption, .img_r figcaption, .photo_l figcaption, .photo_r figcaption { margin-top: 0.625rem; }

.img_l, .img_r { max-width: 75%; }

.photo { max-width: 55%; }

@media (min-width: 768px), print { .img_l { float: left; margin-right: 2%; }
  .img_r { float: right; margin-left: 2%; }
  .img_l, .img_r, .photo { max-width: 43%; } }
.photo_l, .photo_r { max-width: 55%; }

@media (min-width: 768px), print { .photo_l { float: left; margin-right: 4%; }
  .photo_r { float: right; margin-left: 4%; }
  .photo_l, .photo_r { width: 31%; } }
.recruitTable { table-layout: auto; width: 100%; text-align: center; margin-bottom: 9.375rem; background: #fff; position: relative; }
@media (min-width: 768px), print { .recruitTable { margin-bottom: 8.125rem; } }
.recruitTable th, .recruitTable td { border: 1px solid #91bd41; line-height: 1; padding: 1.375rem 0.3125rem 1.25rem; color: #4c3a27; }
.recruitTable tr th { padding: 1.75rem 0 1.5625rem; background: #91bd41; color: #fff; font-weight: normal; }
.recruitTable tr:first-child th:last-child, .recruitTable tr td:last-child { padding-right: 0.625rem; white-space: nowrap; }
@media (min-width: 768px), print { .recruitTable tr:first-child th:last-child, .recruitTable tr td:last-child { padding-right: 0.9375rem; padding-left: 0.125rem; } }

.justify-content li { margin: 1rem 0 2rem 0 !important; width: 100%; }
.justify-content a { justify-content: center; }

.has-background--green a { color: #fff !important; background: #91bd41 !important; }

.sp_n { display: none; }

@media (min-width: 768px), print { .sp_n { display: block; }
  .pc_n { display: none; } }
#c-modal_bg { position: fixed; top: 0; left: 0; z-index: 9999; width: 100%; height: 100%; cursor: pointer; background: rgba(0, 0, 0, 0.6); }

#c-modal { position: fixed; top: 50%; left: 50%; z-index: 9999; width: 330px; height: auto; transform: translate(-50%, -50%); background: #ffffff; padding: 28px; }
@media (min-width: 768px), print { #c-modal { width: 700px; padding: 50px; } }
#c-modal > h2 { margin-bottom: 25px; }
#c-modal > .mb30 { margin-bottom: 30px; }

#c-modal_close { display: block; text-align: center; cursor: pointer; }
#c-modal_close > span { font-size: 110%; color: #ffffff; background: #91bd41; padding: 10px 50px; }

.dis_n { font-size: 80%; margin: 20px 0 0; }

.tit_01 { font-size: 1.75rem; color: #4c3a27; line-height: 1; }
@media (min-width: 768px), print { .tit_01 { font-size: 2.5rem; } }

.tit_02 { font-size: 1.375rem; margin-bottom: 0.9375rem; border-bottom: 1px solid #ddd; line-height: 1.2; padding: 1.25rem 0.3125rem 1.5625rem 2.0625rem; position: relative; }
@media (min-width: 768px), print { .tit_02 { font-size: 2.25rem; font-weight: 500; } }
@media (min-width: 768px), print { .tit_02 { margin-bottom: 1.5625rem; } }
.tit_02::before { position: absolute; top: 0; left: 0; width: 0.6875rem; height: 100%; content: ''; background: #91bd41; }

body.index .tit_02 { padding: 0.1875rem 0.3125rem 0.3125rem 1.25rem; }
@media (min-width: 768px), print { body.index .tit_02 { padding: 0.8125rem 0.3125rem 0.9375rem 2.0625rem; } }
body.index .tit_02 span { display: block; font-size: 1rem; padding-left: 0.3125rem; }

.tit_02_sidebar { font-size: 1.375rem; margin-bottom: 0.9375rem; border-bottom: 1px solid #ddd; line-height: 1.2; padding: 0.1875rem 0.3125rem 0.3125rem 1.25rem; position: relative; }
@media (min-width: 768px), print { .tit_02_sidebar { font-size: 2.25rem; font-weight: 500; } }
@media (min-width: 768px), print { .tit_02_sidebar { margin-bottom: 1.5625rem; } }
@media (min-width: 768px), print { .tit_02_sidebar { padding: 0.625rem 0.3125rem 0.8125rem 2.0625rem; } }
.tit_02_sidebar::before { position: absolute; top: 0; left: 0; width: 0.6875rem; height: 100%; content: ''; background: #4c3a27; }
.tit_02_sidebar span { display: block; font-size: 1rem; padding-left: 0.3125rem; }

.tit_03 { font-size: 1.25rem; margin-bottom: 0.9375rem; font-weight: 500; border-bottom: 2px solid #91bd41; padding-bottom: 0.625rem; line-height: 1.2; }
@media (min-width: 768px), print { .tit_03 { font-size: 1.875rem; } }
@media (min-width: 768px), print { .tit_03 { margin-bottom: 1.5625rem; } }

.tit_04 { font-size: 1.125rem; margin-bottom: 1.25rem; font-weight: 500; color: #4c3a27; padding-bottom: 0.625rem; line-height: 1.2; position: relative; }
@media (min-width: 768px), print { .tit_04 { font-size: 1.5rem; } }
.tit_04::before { position: absolute; left: 0; bottom: 0; content: ''; width: 2.5rem; height: 0.125rem; background: #4c3a27; }

.color_main { color: #4c3a27; }

.indent { text-indent: 1em; }

.disc li, .disc_txt { margin-left: 1rem; position: relative; }
.disc li::before, .disc_txt::before { display: block; content: ''; position: absolute; top: .55em; left: -.7rem; width: 0.25rem; height: 0.25rem; background-color: currentColor; border-radius: 50%; }

.dot li, .dot_txt { line-height: 1.3; margin-left: 1.2em; position: relative; }
.dot li::before, .dot_txt::before { display: block; content: ''; position: absolute; top: 0.3125rem; left: -1.2em; width: 0.75rem; height: 0.75rem; background-color: #91bd41; border-radius: 50%; }

.dot_txt { display: block; }

.dot > :last-child { margin-bottom: 0 !important; }

.dot li { margin-bottom: 0.5rem; }
@media (min-width: 768px), print { .dot li { margin-bottom: 0.625rem; } }

li.dot_n { margin-left: 0; }
li.dot_n::before { content: none; }

.km, .km_lst li { font-size: 75%; text-indent: -1rem; padding-left: 1rem; }
.km::before, .km_lst li::before { content: '※'; margin-right: 5px; }

.km { display: block; }

.bold { font-weight: bold; }

.ast { font-size: 80%; text-indent: -1rem; padding-left: 1rem; }
.ast::before { content: '*'; margin-right: 5px; }

.t_dl { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.t_dl dt { width: 5rem; }
@media (min-width: 768px), print { .t_dl dt { width: 5rem; } }
.t_dl dd { width: calc(100% - 5rem); }
@media (min-width: 768px), print { .t_dl dd { width: calc(100% - 5rem); } }

.arrow_b_od { position: relative; }
.arrow_b_od::after { position: absolute; content: " "; width: 32px; height: 17px; background-image: url("../img/arrow_b.gif"); background-repeat: no-repeat; bottom: -17px; left: 30px; background-size: 50% 50%; }
@media (min-width: 768px), print { .arrow_b_od::after { left: 2.5rem; background-size: 100% 100%; } }
.arrow_b_od_tit { border-radius: 0.3125rem; background: #91bd41; font-size: 1.25rem; font-weight: normal; line-height: 1; color: #fff; padding: 7px 0 7px 70px; }
@media (min-width: 768px), print { .arrow_b_od_tit { font-size: 1.875rem; } }
@media (min-width: 768px), print { .arrow_b_od_tit { padding: 0.75rem 0 0.625rem 6.25rem; } }
.arrow_b_od_body { margin-left: 30px; margin-top: 15px; border-left: 16px solid #b3b3b3; padding-left: 20px; padding-right: 15px; }
@media (min-width: 768px), print { .arrow_b_od_body { margin-left: 2.5rem; padding-left: 1.875rem; padding-right: 1.25rem; border-left-width: 32px; } }
.arrow_b_od_body_span { display: block; height: 40px; }
.arrow_b_od_body_last { border-left: none; padding-left: 36px; }
@media (min-width: 768px), print { .arrow_b_od_body_last { padding-left: 4.375rem; } }
.arrow_b_od .pb15 { padding-bottom: 0.9375rem; }

.after_none::after { content: none; }

.before_none:before { content: none; }

.pt20 { padding-top: 1.25rem; }

.arrowLL_r { display: block; line-height: 1.2; padding-left: 15px; position: relative; }
.arrowLL_r::after, .arrowLL_r::before { content: ''; position: absolute; top: 0; bottom: 0; margin: auto; left: 0; width: 6px; height: 6px; border-top: 1px solid currentColor; border-right: 1px solid currentColor; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.arrowLL_r::after { left: 0; }
.arrowLL_r::before { left: 4px; }
@media (hover: hover) { .arrowLL_r:hover { text-decoration: underline; } }

.btn_yk { display: inline-block; font-size: 1.25rem; color: #fff; background-color: #ec6941; transition: .3s; word-break: break-all; border: 1px solid #ec6941; padding: 0.75rem 0; width: 60%; margin-bottom: 0.625rem; position: relative; }
@media (hover: hover) { .btn_yk:hover { text-decoration: none; color: #ec6941; background-color: #fff; opacity: 0.8; } }
@media (min-width: 768px), print { .btn_yk { margin-bottom: 0; padding: 0.3125rem; width: 14.6875rem; } }
.btn_yk::before { display: block; position: relative; content: ''; position: absolute; top: 0; bottom: 0; margin: auto 0; left: 90%; width: 9px; height: 6px; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 8px solid #fff; }
@media (hover: hover) { .btn_yk:hover::before { border-left-color: #ec6941; } }
.btn_yk + small { display: block; font-size: 100%; }
@media (min-width: 768px), print { .btn_yk + small { padding: 0.5em 0 0; font-size: 75%; } }

.color_blue { background: #1c56a3; border: 1px solid #1c56a3; margin-top: 1.25rem; text-decoration: none; }
@media (hover: hover) { .color_blue:hover { color: #1c56a3; }
  .color_blue:hover::before { border-left-color: #1c56a3; } }
.color_blue + small { margin-bottom: 1.4375rem; color: #1c56a3; letter-spacing: -.4px; }
.color_blue::after { content: none; }

.logo { width: 85%; max-width: 27.125rem; margin-bottom: 0.625rem; }
@media (min-width: 768px), print { .logo { width: 100%; margin-top: 0; margin-bottom: 1.25rem; } }
.logo a { display: block; background: url("../img/logo.png") 50% 50%/contain no-repeat border-box; height: 0; padding-top: 17.2811059908%; text-indent: 100%; white-space: nowrap; overflow: hidden; }
@media (min-resolution: 2dppx), (-webkit-min-device-pixel-ratio: 2) { .logo a { background: url("../img/logo@2x.png") 50% 50%/contain no-repeat border-box; } }
@media (min-resolution: 3dppx), (-webkit-min-device-pixel-ratio: 3) { .logo a { background: url("../img/logo@3x.png") 50% 50%/contain no-repeat border-box; } }

.header { width: 100%; padding-top: 0.625rem; margin-bottom: 0.9375rem; }
@media (min-width: 768px), print { .header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: nowrap; flex-wrap: nowrap; padding-top: 1.4375rem; margin-bottom: 0; } }

.header_main { margin-bottom: 0.9375rem; }
@media (min-width: 768px), print { .header_main { flex: 0 0 434px; max-width: 36.1666666667%; margin-bottom: 1.25rem; }
  .header_main .adr { font-size: 1rem; } }

@media (min-width: 768px), print { .header_sub { flex: 0 2 auto; min-width: 30.8333333333%; } }

.tel { display: inline-block; line-height: 1; font-size: 1.875rem; font-weight: bold; background: url("../img/icon_tel.png") left center/1.75rem 1.75rem no-repeat border-box; padding-left: 2.375rem; padding-top: 0.3125rem; color: #91bd41; }
@media (min-width: 768px), print { .tel { font-size: 2.25rem; } }

.header_info > * { line-height: 1; font-weight: bold; }
.header_info > :last-child { letter-spacing: 0.1875rem; }
@media (min-width: 768px), print { .header_info { border: 1px solid #91bd41; padding: 0.9375rem 1.25rem 0.9375rem 1.5625rem; } }

@media (min-width: 768px), print { .nav { background-image: -moz-linear-gradient(93deg, #4c3a27 0%, #635647 72%, #635647 100%); background-image: -webkit-linear-gradient(93deg, #4c3a27 0%, #635647 72%, #635647 100%); background-image: -ms-linear-gradient(93deg, #4c3a27 0%, #635647 72%, #635647 100%); background: rgba(86, 65, 42, 0.8); } }

.gnav { display: none; position: fixed; z-index: 1030; top: 4.25rem; right: 0.5rem; background-color: #eaefe2; padding-top: 0.4375rem; padding-bottom: 0.3125rem; padding-left: 1.5%; width: 96%; }
@media (min-width: 768px), print { .gnav { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; position: static; background-color: transparent; padding-top: 0; padding-bottom: 0; width: 100%; } }

.gnav .gnav_sub_tit { width: 99.2%; font-size: 130%; line-height: 1; margin-bottom: 0.25rem; padding-top: 0.5rem; padding-bottom: 0.375rem; text-align: center; background-color: #4c3a27; color: #fff; }

.gnav > * { display: inline-block; vertical-align: top; text-align: center; background-color: #fff; margin-bottom: 0.3125rem; width: 49%; }
@media (min-width: 768px), print { .gnav > * { text-align: center; flex: 1 0 0px; max-width: calc(100%/5); margin-right: 1px; background-color: transparent; margin-bottom: 0; width: auto; }
  .gnav > *:nth-child(6n) { margin-right: 0; } }

.gnav > * a { display: inline-block; line-height: 1; color: #4c3a27; transition: .3s; word-break: break-all; padding: 0.9375rem 0; }
@media (hover: hover) { .gnav > * a:hover { text-decoration: none; color: #4c3a27; opacity: 0.8; } }
@media (min-width: 768px), print { .gnav > * a { display: block; background: #5a524b; position: relative; padding: 1.25rem 0 1.1875rem; color: #fff; }
  .gnav > * a::before { position: absolute; content: ''; left: -1px; top: 0; bottom: 0; margin: auto; width: 1px; height: 3.6875rem; background: #fff; } }

@media (min-width: 768px) and (hover: hover), print and (hover: hover) { body.index .gnav > :first-child a, body.doctor .gnav > :nth-child(2) a, body.clinic .gnav > :nth-child(3) a, body.beginner .gnav > :nth-child(4) a, body.access .gnav > :nth-child(5) a, .gnav > * a:hover { background: #ddd1c0; color: #4c3a27; } }
@media (min-width: 768px), print { .gnav > :nth-child(n+6) { display: none; }
  .gnav > :nth-child(5n) { margin-right: 0; }
  .gnav > :nth-child(5n) a::after { position: absolute; content: " "; right: 0; top: 0; bottom: 0; margin: auto 0; width: 1px; height: 3.6875rem; background: #fff; } }
.subnav { display: -webkit-box; display: -ms-flexbox; display: flex; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; }
@media (min-width: 768px), print { .subnav { display: block; } }

.sidebar nav { margin-bottom: 1.25rem; }
@media (min-width: 768px), print { .sidebar nav { margin-bottom: 1.875rem; } }

.subnav > * { width: calc((100% - 0.3125rem)/2); margin-right: 0.3125rem; margin-bottom: 0.375rem; }
.subnav > *:nth-child(even) { margin-right: 0; }
.subnav > *:last-child { margin: 0; }
@media (min-width: 768px), print { .subnav > * { margin-bottom: 0.75rem; width: 100%; } }

.subnav > * a { background: #eaefe2; font-size: 1.125rem; font-weight: normal; height: 2.8125rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #4c3a27; transition: .3s; word-break: break-all; padding-left: 0.375rem; position: relative; }
@media (hover: hover) { .subnav > * a:hover { text-decoration: none; color: #4c3a27; opacity: 0.8; } }
@media (min-width: 768px), print { .subnav > * a { font-size: 1.4375rem; height: 5.3125rem; padding-left: 0.4375rem; } }
.subnav > * a::after { content: ''; position: absolute; top: 0; bottom: 0; left: 90%; margin: auto; width: 8px; height: 8px; border-top: 2px solid #4c3a27; border-right: 2px solid #4c3a27; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
@media (min-width: 768px), print { .subnav > * a::after { width: 12px; height: 12px; border-top-width: 3px; border-right-width: 3px; } }
@media (hover: hover) { .subnav > * a:hover { background: #4c3a27; color: #fff; }
  .subnav > * a:hover::after { border-top: 3px solid #fff; border-right: 3px solid #fff; } }

.subnav a.lines span { font-size: 0.875rem; }
@media (min-width: 768px), print { .subnav a.lines { display: block; padding-top: 0.375rem; position: relative; }
  .subnav a.lines span { position: absolute; font-size: 1.375rem; padding-left: 2.625rem; left: 3.75rem; bottom: 1rem; } }

@media (min-width: 768px) and (hover: hover), print and (hover: hover) { body.cataract aside .subnav > li.cataract a, body.op aside .subnav > li.op a, body.glaucoma aside .subnav > li.glaucoma a, body.armd aside .subnav > li.armd a, body.asthenopia aside .subnav > li.asthenopia a, body.amblyopia aside .subnav > li.amblyopia a, body.orthokeratology aside .subnav > li.orthokeratology a, body.selfpay aside .subnav > li.selfpay a, .gnav > * a:hover { background: #4c3a27; color: #fff; }
  body.cataract aside .subnav > li.cataract a::after, body.op aside .subnav > li.op a::after, body.glaucoma aside .subnav > li.glaucoma a::after, body.armd aside .subnav > li.armd a::after, body.asthenopia aside .subnav > li.asthenopia a::after, body.amblyopia aside .subnav > li.amblyopia a::after, body.orthokeratology aside .subnav > li.orthokeratology a::after, body.selfpay aside .subnav > li.selfpay a::after, .gnav > * a:hover::after { border-top: 3px solid #fff; border-right: 3px solid #fff; } }
.sp_btn { height: 30px; display: block; font-family: '游ゴシック体', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック', 'Hiragino Sans', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'Meiryo', 'sans-serif'; position: relative; }
.sp_btn > * { position: absolute; left: 0; right: 0; margin: auto; width: 2.0625rem; height: 0.25rem; background-color: currentColor; display: block; transition: background-color 0.1s linear; }
.sp_btn > :nth-of-type(1) { top: 10px; transition: transform 0.2s linear; }
.sp_btn > :nth-of-type(2) { top: 20px; }
.sp_btn > :nth-of-type(2)::after { content: 'MENU'; font-weight: bold; font-size: 0.5625rem; display: block; margin-top: 0.40625rem; color: currentColor; }
.sp_btn > :nth-of-type(3) { top: 0; transition: transform 0.2s linear; }
.sp_btn.active :nth-of-type(1) { top: 40%; transform: rotate(-45deg); }
.sp_btn.active :nth-of-type(2) { background-color: transparent; }
.sp_btn.active :nth-of-type(2)::after { content: 'close'; font-weight: bold; font-size: 0.6875rem; color: currentColor; }
.sp_btn.active :nth-of-type(3) { top: 40%; transform: rotate(-135deg); }
@media (min-width: 768px), print { .sp_btn { display: none; } }

.mu { width: 3rem; text-align: center; position: fixed; z-index: 1030; top: 0.625rem; right: 0.5rem; padding-top: 0.5rem; padding-bottom: 0.75rem; background: rgba(255, 255, 255, 0.55) border-box; overflow: hidden; border-radius: .3rem; box-shadow: 0 0 0 0.0625rem rgba(255, 255, 255, 0.15) inset, 0 0.5rem 1rem rgba(0, 0, 0, 0.3); text-shadow: 0 0.0625rem 0.0625rem rgba(255, 255, 255, 0.15); }
.mu::before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: -10px -20px; z-index: -1; -webkit-filter: blur(20px); filter: blur(20px); }
@media (min-width: 768px), print { .mu { display: none; } }

.section { margin-bottom: 1.875rem; padding-bottom: 0.0625rem; }
@media (min-width: 768px), print { .section { margin-bottom: 5rem; } }
.section_item { margin-bottom: 1.875rem; }
@media (min-width: 768px), print { .section_item { margin-bottom: 5rem; } }
.section_item:last-child { margin-bottom: 0; }

.box_b { margin-bottom: 1.25rem; }
@media (min-width: 768px), print { .box_b { margin-bottom: 3.125rem; } }

.tit_b { margin-bottom: 0.9375rem; }
@media (min-width: 768px), print { .tit_b { margin-bottom: 1.5625rem; } }

.txt_b, .txt_ls li { margin-bottom: 0.9375rem; }

.last_b > :last-child { margin-bottom: 0 !important; }

.overview { background: url("../img/overview_bg.jpg") repeat; padding-top: 1.25rem; padding-bottom: 1.25rem; }
@media (min-width: 768px), print { .overview { padding-top: 3.125rem; padding-bottom: 3.125rem; } }

.overview_area .overviewL { width: 100%; }
@media (min-width: 768px), print { .overview_area .overviewL { width: auto; flex: 1 0 49%; max-width: 49%; margin-right: calc(100% - 49% - 46%); } }
.overview_area .overviewR { width: 100%; }
@media (min-width: 768px), print { .overview_area .overviewR { width: auto; flex: 1 0 46%; max-width: 46%; margin-right: calc(100% - 49% - 46%); }
  .overview_area .overviewR:nth-child(even) { margin-right: 0; } }

.clinic_name .logo { width: 68%; max-width: 27.125rem; margin: 0 auto 0.75rem; }
@media (min-width: 768px), print { .clinic_name .logo { width: 100%; max-width: 39.6875rem; margin-bottom: 2.5rem; } }
.clinic_name .logo a { padding-top: 17.2811059908%; }

.tbl_gaiyo { margin-bottom: 1.25rem; }
@media (min-width: 768px), print { .tbl_gaiyo { margin-bottom: 1.875rem; } }
.tbl_gaiyo dt, .tbl_gaiyo dd { width: 100%; }
@media (min-width: 768px), print { .tbl_gaiyo dt, .tbl_gaiyo dd { font-size: 1.125rem; display: inline-block; } }
.tbl_gaiyo dt { color: #fff; background-color: #4c3a27; padding: 0.3125rem 0; text-align: center; line-height: 1; }
@media (min-width: 768px), print { .tbl_gaiyo dt { width: 27%; height: 2.5rem; padding: 0.625rem 0; margin-bottom: 1.25rem; } }
.tbl_gaiyo dd { font-weight: 500; padding-top: 0.5rem; padding-left: 0.3125rem; margin-bottom: 0.9375rem; line-height: 1.1; }
@media (min-width: 768px), print { .tbl_gaiyo dd { width: calc(100% - 27% - 10px); padding: 0 0 0 0.9375rem; vertical-align: middle; margin-bottom: 0; } }
.tbl_gaiyo dt:last-of-type { background: none; margin-top: -1.8rem; }
@media (min-width: 768px), print { .tbl_gaiyo dt:last-of-type { margin-top: 0; } }

.footer { padding-top: 0.9375rem; }
@media (min-width: 768px), print { .footer { padding-top: 0; } }

.footer_nav { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; line-height: 1; }

.footer_nav > * a { display: inline-block; padding: 0.3125rem 0.375rem; font-size: 0.875rem; font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴシック", "Hiragino Sans", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo", "sans-serif"; position: relative; }
@media (min-width: 768px), print { .footer_nav > * a { padding: 0 10px; font-size: 1.125rem; } }
.footer_nav > * a::before { position: absolute; content: ''; left: 0; top: 0; bottom: 0; margin: auto; width: 1px; height: 0.75rem; background: #1b1b1b; background: #333; }
@media (min-width: 768px), print { .footer_nav > * a::before { position: absolute; left: 0; top: 0; bottom: 0; margin: auto; content: ''; width: 1px; height: 15px; background: #333; transform: rotate(20deg); } }
.footer_nav > * a span { font-size: inherit; }

.footer_nav > :first-child a::before { content: none; }

.footer_nav:last-of-type { margin-bottom: 1.75rem; }

.footer_nav { margin-bottom: 0.625rem; }

.footer_copy { margin-bottom: 50px; background: #4c3a27; }
.footer_copy .copy, .footer_copy .copy a { color: #fff; }
@media (min-width: 768px), print { .footer_copy { margin-bottom: 0; } }

.copy { display: block; line-height: 1; padding: 1.25rem; }
@media (min-width: 768px), print { .copy { padding: 0.625rem 0; } }

.pageup { display: block; overflow: hidden; text-indent: 100%; white-space: nowrap; background: url("../img/pagetop.png") left center/contain no-repeat; width: 45px; height: 45px; }
@media (min-width: 768px), print { .pageup { width: 60px; height: 60px; } }

.pageup_pc { display: none; }
@media (min-width: 768px), print { .pageup_pc { display: inline-block; margin: 0 0 0 calc(100% - 60px); } }

#pageup { position: fixed; z-index: 1030; margin: 0; width: auto; bottom: 60px; }
@media (min-width: 768px), print { #pageup { bottom: 4.0625rem; } }
@media print { #pageup { display: none; } }

.tel_up_item { display: table; table-layout: fixed; width: 100%; height: 50px; padding: 0 0.5rem; background: rgba(255, 255, 255, 0.75) border-box; overflow: hidden; box-shadow: 0 0 0 0.0625rem rgba(255, 255, 255, 0.15) inset, 0.5rem 0.5rem 1rem rgba(0, 0, 0, 0.3); }
.tel_up_item::before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: -10px -20px; z-index: -1; -webkit-filter: blur(20px); filter: blur(20px); }
.tel_up_item > * { display: table-cell; vertical-align: middle; }
.tel_up_item > :first-child { width: 99%; padding-right: 1%; }

.pageup_sp { display: block; position: absolute; top: -55px; right: 8px; }

.tel_up { position: fixed; bottom: 0; z-index: 1030; }
@media (min-width: 768px), print { .tel_up { display: none; } }

.news_item { /*height: rem(205);*/ /*overflow-y: scroll;*/ height: auto; overflow: hidden; }
@media (min-width: 768px), print { .news_item { /*height: rem(360);*/ height: auto; padding-top: 0.5625rem; } }
.news_title { font-weight: bold; line-height: 1.2; color: #333; /*margin-bottom: rem(5);*/ cursor: pointer; margin: 0 0 10px 10px; padding: 0 0 0 20px; background: url("../img/arrow01_sp.png") 0 0 no-repeat; }
@media (min-width: 768px), print { .news_title { font-size: 1.375rem; /*margin-bottom: rem(10);*/ background: url("../img/arrow01.png") 0 2px no-repeat; margin: 0 0 10px 10px; } }
.news_title:hover { color: #369a10; }
@media (min-width: 768px) and (hover: hover), print and (hover: hover) { .news_title:hover { color: #369a10; } }

.news_title.active { background: url("../img/arrow02_sp.png") 0 0 no-repeat; }
@media (min-width: 768px), print { .news_title.active { background: url("../img/arrow02.png") 0 2px no-repeat; } }
.news_body { line-height: 1.3; margin-bottom: 0.625rem; padding-bottom: 0.375rem; padding-right: 0.625rem; border-bottom: 1px solid #ddd; }
.news_body p { margin-bottom: 5px; line-height: 1.3; color: #333; }
@media (min-width: 768px), print { .news_body { line-height: 1.4; margin-bottom: 1.25rem; padding-bottom: 1.5625rem; padding-right: 1.875rem; }
  .news_body p { margin-bottom: 5px; line-height: 1.4; } }

.point > section { text-align: center; margin-bottom: 1.875rem; position: relative; }
@media (min-width: 768px), print { .point > section { margin-bottom: 5rem; } }
.point > section::before, .point > section::after { position: absolute; top: 2.8125rem; }
.point > section::before { z-index: 1; right: 0; content: ''; width: 4.8245614035rem; height: 2.9385964912rem; background: url("../img/index_point_bg.png") no-repeat; background-size: contain; }
.point > section::after { right: 0; content: ''; width: 85%; height: 75%; background-color: rgba(255, 255, 255, 0.7); }
@media (min-width: 768px), print { .point > section::before, .point > section::after { top: 3.625rem; }
  .point > section::before { width: 13.75rem; height: 8.375rem; }
  .point > section::after { width: 30.3125rem; height: 20.1875rem; } }
.point > section h3, .point > section p { position: relative; z-index: 3; }
.point > section h3 { color: #4c3a27; font-size: 1.875rem; line-height: 1; display: inline-block; border-bottom: 2px solid #91bd41; padding-right: 0.1875rem; padding-bottom: 0.625rem; margin-bottom: 0.9375rem; }
@media (min-width: 768px), print { .point > section h3 { font-size: 3rem; border-bottom-width: 4px; padding-right: 0.625rem; padding-bottom: 1.25rem; margin-bottom: 2.5rem; } }
.point > section p { text-align: left; padding-left: 2.0625rem; padding-right: 0.1875rem; font-size: 1.5rem; font-weight: 500; }
@media (min-width: 768px), print { .point > section p { padding-left: 3.75rem; padding-right: 0; font-size: 1.625rem; } }

section.point_i { background: url("../img/index_point_bg_1.jpg") left top/20.8333333333rem 17.9166666667rem no-repeat border-box; padding-left: 15%; }
@media (min-width: 768px), print { section.point_i { padding-left: 20rem; } }

section.point_j { background: url("../img/index_point_bg_2.jpg") right top/20.8333333333rem 17.9166666667rem no-repeat border-box; padding-right: 15%; }
section.point_j::before { left: 0; width: 4.8245614035rem; height: 2.9385964912rem; background: url("../img/index_point_bg_l.png") no-repeat; background-size: contain; }
section.point_j::after { left: 0; content: ''; width: 85%; height: 75%; background-color: rgba(255, 255, 255, 0.7); }
@media (min-width: 768px), print { section.point_j { padding-right: 20rem; }
  section.point_j::before { width: 13.75rem; height: 8.375rem; }
  section.point_j::after { top: 3.625rem; width: 30.3125rem; height: 20.1875rem; } }
section.point_j p { padding-right: 1.4375rem; padding-left: 0.625rem; }
@media (min-width: 768px), print { section.point_j p { padding-left: 3.75rem; padding-right: 0; } }

section.point_k { background: url("../img/index_point_bg_3.jpg") left top/20.8333333333rem 17.9166666667rem no-repeat border-box; padding-left: 15%; }
@media (min-width: 768px), print { section.point_k { padding-left: 20rem; margin-bottom: 7.5rem; } }

section.point_i, section.point_j, section.point_k { height: 17.8125rem; padding-top: 4.0625rem; }
@media (min-width: 768px), print { section.point_i, section.point_j, section.point_k { height: 26.875rem; padding-top: 7.5rem; background-size: 31.25rem 26.875rem; } }

.info { width: 100%; margin: 0 auto 0.9375rem; }
@media (min-width: 768px), print { .info { width: auto; margin-bottom: 3.75rem; } }

.info_i { background: url("../img/icon_info_01.png") top 0.625rem center/5.2884615385rem 5.2884615385rem no-repeat, url("../img/info_bg.png") right bottom/cover no-repeat border-box; }
@media (min-width: 768px), print { .info_i { background-position: top 1.25rem center, right bottom; background-size: 6.875rem 6.875rem, cover; } }

.info_j { background: url("../img/icon_info_02.png") top 0.625rem center/5.2884615385rem 5.2884615385rem no-repeat, url("../img/info_bg.png") right bottom/cover no-repeat border-box; }
@media (min-width: 768px), print { .info_j { background-position: top 1.25rem center, right bottom; background-size: 6.875rem 6.875rem, cover; } }

.info_k { background: url("../img/icon_info_03.png") top 0.625rem center/5.2884615385rem 5.2884615385rem no-repeat, url("../img/info_bg.png") right bottom/cover no-repeat border-box; }
@media (min-width: 768px), print { .info_k { background-position: top 1.25rem center, right bottom; background-size: 6.875rem 6.875rem, cover; } }

.info_l { background: url("../img/icon_info_04.png") top 0.625rem center/5.2884615385rem 5.2884615385rem no-repeat, url("../img/info_bg.png") right bottom/cover no-repeat border-box; }
@media (min-width: 768px), print { .info_l { background-position: top 1.25rem center, right bottom; background-size: 6.875rem 6.875rem, cover; } }

.info_m { background: url("../img/icon_info_05.png") top 0.625rem center/5.2884615385rem 5.2884615385rem no-repeat, url("../img/info_bg.png") right bottom/cover no-repeat border-box; }
@media (min-width: 768px), print { .info_m { background-position: top 1.25rem center, right bottom; background-size: 6.875rem 6.875rem, cover; } }

.info > * a { font-size: 1rem; font-weight: bold; display: block; color: #fff; background-color: #d7c7a7; transition: .3s; word-break: break-all; position: relative; line-height: 1; padding: 6.5625rem 0 1.375rem; border-radius: 0.375rem; background-color: #d7c7a7; }
@media (hover: hover) { .info > * a:hover { text-decoration: none; color: unll; background-color: #4c3a27; opacity: 0.8; } }
.info > * a::before { position: absolute; bottom: 27px; right: 5px; content: ''; width: 0.5rem; height: 0.0625rem; background: #fff; transform: rotate(45deg); }
.info > * a::after { position: absolute; /*    bottom: 47px; right: 17px;*/ bottom: 25px; right: 7px; margin: auto; content: ''; vertical-align: middle; width: 0.75rem; border-bottom: 0.0625rem solid #fff; }
@media (min-width: 768px), print { .info > * a::before { bottom: 50px; right: 15px; width: 0.625rem; }
  .info > * a::after { bottom: 47px; right: 17px; width: 1rem; } }
@media (min-width: 768px), print { .info > * a { font-size: 1.5rem; padding: 9.875rem 0 2.5rem; } }

.info > :last-child a { line-height: 1.1; padding: 6.125rem 0 0.625rem; }
@media (min-width: 768px), print { .info > :last-child a { padding: 8.875rem 0 1.125rem; line-height: 1.3; } }
.info > :last-child a .i { display: none; }
.info > :last-child a .j { display: block; font-size: inherit; }

body.index .keyvsl { background: url("../img/index_keyvsl01.jpg") center top/100% auto no-repeat border-box; padding-top: 36%; margin-bottom: 0.625rem; position: relative; }
@media (min-width: 768px), print { body.index .keyvsl { padding-top: 0; padding-bottom: 0; margin-bottom: 1.875rem; background-position: center bottom; background-size: cover; } }
@media (min-width: 768px) and (min-width: 768px), print and (min-width: 768px), print and (min-width: 768px), print { body.index .keyvsl { margin-bottom: 5rem; } }

body:not(.index) .keyvsl { background: url("../img/keyvsl.jpg") center top/cover no-repeat border-box; margin-bottom: 1.875rem; }
@media (min-width: 768px), print { body:not(.index) .keyvsl { margin-bottom: 5rem; } }

body:not(.index) .keyvsl_box { padding-bottom: 8%; padding-top: 8%; }
@media (min-width: 768px), print { body:not(.index) .keyvsl_box { padding-bottom: 5.625rem; padding-top: 6.875rem; } }

.keyvsl_info { line-height: 1; }
@media (min-width: 768px), print { .keyvsl_info { position: relative; } }

.keyvsl_txt { width: 100%; padding: 3.75rem 1.875rem 1.25rem; margin-bottom: 0.9375rem; text-align: center; color: #fff; position: relative; background: url("../img/keyvsl_txt_bg.png") center bottom/contain no-repeat border-box; }
@media (min-width: 768px), print { .keyvsl_txt { width: 33.75rem; height: 17.25rem; padding: 5.5625rem 1.875rem 2.125rem; margin-bottom: 0; position: absolute; right: 0; bottom: 0; } }
.keyvsl_txt > * { font-size: 1.125rem; font-weight: bold; line-height: 1.2; }
@media (min-width: 768px), print { .keyvsl_txt > * { font-size: 1.75rem; font-weight: bold; line-height: 1.4; } }
.keyvsl_txt > :first-child { margin-bottom: 0.625rem; }
@media (min-width: 1380px) { .keyvsl_txt { left: 61%; } }

.keyvsl_staff { background: #4c3a27; color: #fff; display: inline-block; border-radius: 50%; padding: 2.5rem 3.125rem 3.125rem; position: absolute; top: 25rem; right: 0.3125rem; }
@media (min-width: 768px), print { .keyvsl_staff { top: 6.25rem; right: 0.625rem; } }
.keyvsl_staff .tit { font-size: 1.5625rem; margin-bottom: 0.3125rem; }
.keyvsl_staff .txt { font-size: 0.9375rem; margin-bottom: 0.3125rem; }
.keyvsl_staff .lst li { font-size: 1rem; line-height: 1.3; }

.announcement { margin: 0 auto 0.375rem; text-align: center; font-weight: bold; }
.announcement span { font-size: 1.375rem; }
.announcement span.sz { display: inline-block; }
.announcement > :first-child { background: #ec6941; font-size: 1.25rem; color: #fff; padding: 0.625rem .5rem; }
.announcement > :nth-child(2) { background: #91bd41; color: #fff; padding: 0.625rem 3.125rem; }

@media (min-width: 768px), print { .announcement { letter-spacing: 2px; display: inline-block; margin-bottom: 0; } }
@media (min-width: 768px), print { .announcement span { font-size: 1.5rem; } }
@media (min-width: 768px), print { .announcement { position: absolute; margin-top: 5rem; margin-bottom: 1.875rem; }
  .announcement > :first-child { font-size: 1.85rem; padding: 1.125rem 3.125rem; }
  .announcement > :nth-child(2) { padding: 1.1875rem 1.6875rem 1rem; } }
.announcement_02 { margin: 0 auto 0.375rem; text-align: center; font-weight: bold; }
.announcement_02 span { font-size: 1.375rem; }
.announcement_02 span.sz { display: inline-block; }
.announcement_02 > :first-child { background: #91bd41; color: #fff; padding: 0.625rem 3.125rem; }
.announcement_02 > :nth-child(2) { background: #ec6941; color: #fff; padding: 0.625rem 3.125rem; }

@media (min-width: 768px), print { .announcement_02 { letter-spacing: 2px; display: inline-block; margin-bottom: 0; } }
@media (min-width: 768px), print { .announcement_02 span { font-size: 1.5rem; } }
@media (min-width: 768px), print { .announcement_02 { margin-top: 34.1875rem; margin-bottom: 1.875rem; }
  .announcement_02 > :first-child { padding: 1.125rem 3.125rem; }
  .announcement_02 > :nth-child(2) { padding: 1.1875rem 1.6875rem 1rem; } }
body.access .tbl_time { margin-bottom: 11.25rem; }
@media (min-width: 768px), print { body.access .tbl_time { margin-bottom: 8.75rem; } }
body.access figcaption { font-size: 1rem; margin-top: 0.5rem; line-height: 1.3; }
@media (min-width: 768px), print { body.access figcaption { font-size: 80%; } }
body.access .l_content { margin-bottom: 1.875rem; }
@media (min-width: 768px), print { body.access .l_content { margin-bottom: 3.125rem; } }

.bar { text-align: center; border: 1px solid #ec6941; background: #fafef3; padding: 2.5rem 1.25rem; margin-bottom: 1.25rem; }
@media (min-width: 768px), print { .bar { margin-bottom: 3.125rem; } }
.bar iframe { height: 235px !important; margin-bottom: 1.25rem; }

#clinicslide, #clinicslide01 { margin-bottom: 8.0rem; }
#clinicslide img, #clinicslide p, #clinicslide01 img, #clinicslide01 p { display: none; }

.sp-layer.sp-black.sp-padding { text-align: center; font-size: 2rem; }

.sp-selected-thumbnail { border: 4px solid #000; }

.align-center { align-items: center; }

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