/* ------------------------------------

目次

メールフォーム（include.27ba413a.css）
メール相談
メール予約

--------------------------------------- */

/* メールフォーム（include.27ba413a.css） */
.layout {
  overflow: hidden;
  position: relative;
}

.layout main {
  margin-top: 10em;
}
.layout main.content_only {
  margin-top: 15em;
}

body {
  overflow-y: scroll;
  min-height: 100vh;
}

body .flex {
  display: flex;
  align-items: center;
}

.epsImg img {
  width: 15%;
}

body .english {
  font-family: Roboto, sans-serif;
}

body main {
  /*  background: #f0fffc;*/
  min-height: 20em;
  overflow: hidden;
  display: block;
  max-width: 100%;
  max-height: 100%;
}

body .section,
body section {
  position: relative;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

body .section.small-padding,
body section.small-padding {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

body .section.medium-padding,
body section.medium-padding {
  padding-top: 3.5rem;
  padding-bottom: 3.5rem;
}

body .section.big-padding,
body section.big-padding {
  padding-top: 4.5rem;
  padding-bottom: 4.5rem;
}

body .section.no-padding,
body section.no-padding {
  padding: 0;
}

body .container {
  position: relative;
  width: 75em;
  max-width: 100%;
  padding: 0 1rem;
  margin: 15px auto 0;
  z-index: 10;
}

body .container.narrow {
  width: 30em;
}

body .container.medium {
  width: 45em;
}

body .container.wide {
  width: 80em;
}

body .container.full {
  width: 100%;
  margin: 0;
  padding: 0;
}

body .container.no-padding {
  padding: 0;
}

body .hr,
body hr {
  border: none;
  border-top: 2px dotted #ccd9d6;
  width: 66em;
  margin: 0 auto;
  max-width: 100%;
}

body .space-items > :not(:last-child) {
  margin-bottom: 1rem;
}

body .space-items > :not(:last-child).no-margin {
  margin-bottom: 0;
}

body .space-items-small > :not(:last-child) {
  margin-bottom: 0.5rem;
}

body .space-items-small > :not(:last-child).no-margin {
  margin-bottom: 0;
}

body .space-items-horz > :not(:last-child) {
  margin-right: 1rem;
}

body .space-before {
  margin-top: 1.5rem;
}

body .space-after {
  margin-bottom: 1.5rem;
}

body .space-before-big {
  margin-top: 4.5rem;
}

body .space-after-big {
  margin-bottom: 4.5rem;
}

body .reader {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

body .box {
  border-radius: 0.25rem;
  padding: 1.5rem;
  border: 2px dotted #ccd9d6;
}

body img.float-right {
  float: right;
}

.grid,
.grid-column {
  display: flex;
  justify-content: center;
  align-items: center;
}

.grid-column.start,
.grid.start {
  align-items: flex-start;
}

.grid-column > .grow,
.grid > .grow {
  flex-grow: 1;
}

.grid .half {
  width: 50%;
}

.grid .two-thirds {
  width: 66.66%;
}

.grid .third {
  width: 33.33%;
}

/* .grid .quarter {
  width: 25%;
} */

.grid-column {
  flex-direction: column;
}

.grid-column .half {
  height: 50%;
}

.grid-column .two-thirds {
  height: 66.66%;
}

.grid-column .third {
  height: 33.33%;
}

.grid-column .quarter {
  height: 25%;
}

.center:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6):not(p):not(table):not(.h1):not(.h2):not(.h3):not(.h4):not(.h5):not(.h6) {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
}

body section {
  z-index: 10;
}

body header {
  z-index: 20;
}

body .h1,
body .h2,
body .h3,
body .h4,
body .h5,
body .h6,
body h1,
body h2,
body h3,
body h4,
body h5,
body h6,
body p:not(.br) {
  white-space: pre-line;
  margin-top: 0;
  margin-bottom: 0;
}

body strong {
  display: block;
}

body p {
  color: rgba(0, 26, 21, 0.8);
  /*  line-height: 1.5em;*/
  margin: 1em 0;
  letter-spacing: 0.05em;
  word-wrap: break-word;
}

body p.big {
  font-size: 1.15em;
}

body p.bigger {
  font-size: 1.5em;
}

body main section:not(#title) a:not(.button):not(#promo-box):not(.nostyle) {
  /* color: inherit;
  background: linear-gradient(0deg, #f8f087 0.5rem, transparent 0); */
  color: #019c83;
  background: none;
  text-decoration: underline;
}

body main section:not(#title) ul li {
  color: rgba(0, 26, 21, 0.8);
}

body .smaller {
  font-size: 0.9em;
}

body .h1,
body .h2,
body .h3,
body .h4,
body .h5,
body .h6,
body h1,
body h2,
body h3,
body h4,
body h5,
body h6 {
  font-weight: 500;
}

body .h1 .pre,
body .h2 .pre,
body .h3 .pre,
body .h4 .pre,
body .h5 .pre,
body .h6 .pre,
body h1 .pre,
body h2 .pre,
body h3 .pre,
body h4 .pre,
body h5 .pre,
body h6 .pre {
  font-size: 0.65em;
}

body .h1,
body .h2,
body .h3,
body h1,
body h2,
body h3 {
  line-height: 1.2em;
}

body .h1 .pre,
body .h2 .pre,
body .h3 .pre,
body h1 .pre,
body h2 .pre,
body h3 .pre {
  font-size: 0.65em;
}

body .h1.center,
body .h2.center,
body .h3.center,
body .h4.center,
body .h5.center,
body .h6.center,
body a.center,
body h1.center,
body h2.center,
body h3.center,
body h4.center,
body h5.center,
body h6.center,
body p.center,
body span.center {
  text-align: center;
}

body .h1.highlight,
body .h2.highlight,
body .h3.highlight,
body .h4.highlight,
body .h5.highlight,
body .h6.highlight,
body a.highlight,
body h1.highlight,
body h2.highlight,
body h3.highlight,
body h4.highlight,
body h5.highlight,
body h6.highlight,
body p.highlight,
body span.highlight {
  background: linear-gradient(0deg, #f8f087 0.5rem, transparent 0);
}

body .h1.right,
body .h2.right,
body .h3.right,
body .h4.right,
body .h5.right,
body .h6.right,
body a.right,
body h1.right,
body h2.right,
body h3.right,
body h4.right,
body h5.right,
body h6.right,
body p.right,
body span.right {
  text-align: right;
}

body .h1,
body h1 {
  font-size: 1.7em;
}

body .h2,
body h2 {
  font-size: 1.8em;
}

.surgeryh2 {
  font-size: 1.25em;
  position: relative;
  padding-left: 1.5em;
  border-bottom: 2px dotted #ccd9d6;
  display: inline-block;
  font-family: Hiragino Kaku Gothic ProN, ヒラギノ角ゴ ProN W3, Meiryo, メイリオ, Osaka, MS PGothic, arial, helvetica, sans-serif;
}

.surgeryh2:before {
  content: "〇";
  position: absolute;
  left: 0;
  font-weight: bold;
  color: #019d83;
}

body .h3,
body h3 {
  font-size: 1.25em;
  position: relative;
  padding-left: 1em;
  border-bottom: 2px dotted #ccd9d6;
  display: inline-block;
}

body .h3:before,
body h3:before {
  content: "";
  position: absolute;
  width: 0.4em;
  height: 0.4em;
  border-radius: 2em;
  left: 0;
  top: 50%;
  border: 2px solid #019d83;
  transform: translateY(-65%);
}

body .h4,
body h4 {
  border-bottom: 2px dotted #ccd9d6;
  display: inline-block;
}

body ul.list {
  list-style: circle;
  list-style-position: outside;
  padding-left: 1em;
}

body ul.list.links > li {
  transform: translateY(-0.5rem);
}

body ul.list.links > li a {
  display: inline-block;
  padding: 0.5rem 0;
  margin-bottom: 1px;
  background: 0 0 !important;
}

body ol.list {
  list-style: numbered;
  list-style-position: outside;
  padding-left: 1em;
}

body ol.inline > li,
body ul.inline > li {
  display: inline;
}

body * {
  box-sizing: border-box;
}

body img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  height: auto;
  width: auto;
  -ms-interpolation-mode: bicubic;
}

body a {
  text-decoration: none;
  color: inherit;
}

body ol,
body ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

body table {
  border-collapse: collapse;
}

body iframe {
  display: block;
}

body dl dd {
  margin-left: 0;
}

.button,
button {
  cursor: pointer;
  display: inline-block;
  font-family: inherit;
  padding: 0.5rem 1.5rem;
  border: none;
  font-size: inherit;
  border-radius: 0.25rem;
}

.button.full,
button.full {
  width: 100%;
  text-align: center;
}

.button.big,
button.big {
  padding: 1rem;
}

.button.inline,
button.inline {
  padding: 0.25rem 0.5rem;
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}

.button:not(.ghost),
button:not(.ghost) {
  background: linear-gradient(#019d83, #01856f);
}

.button.ghost,
button.ghost {
  padding: calc(0.5rem - 2px) calc(1.5rem - 2px);
  border: 2px solid #01846e;
  border-offset: -2px;
  background: 0 0;
  color: #01846e;
}

.right .button.ghost {
  position: relative;
  color: #01846e;
  border: 2px solid #01846e;
  padding: 15px 45px 15px 25px;
  font-size: 15px;
  border-radius: 100px;
}
.right .button.ghost:after {
  position: absolute;
  right: 15px;
  top: 19px;
  content: "";
  background-image: url(https://www.norst.co.jp/wp/wp-content/themes/norst/assets/images/tag_icon.png);
  background-size: cover;
  width: 20px;
  height: 20px;
  transform: scale(0.8);
  display: inline-block;
  border-radius: 50%;
}

.button.ghost.big,
button.ghost.big {
  padding: calc(1rem - 2px) calc(1.5rem - 2px);
}

.button.ghost.inline,
button.ghost.inline {
  padding: calc(0.25rem - 2px) calc(0.5rem - 2px);
}

.button:not(.ghost):not(.plain),
button:not(.ghost):not(.plain) {
  color: #f0fffc;
}

.button.secondary:not(.ghost),
button.secondary:not(.ghost) {
  background: linear-gradient(#24b2e5, #1f97c3);
}

.button.secondary.ghost,
button.secondary.ghost {
  color: #24b2e5;
  border-color: #24b2e5;
}

.button.cta:not(.ghost),
button.cta:not(.ghost) {
  background: linear-gradient(#f90, #d98200);
}

.button.cta.ghost,
button.cta.ghost {
  border-color: #f90;
  color: #f90;
}

.button.plain:not(.ghost),
button.plain:not(.ghost) {
  background: linear-gradient(#f0fffc, #ccd9d6);
  color: #001a15;
}

.button.plain.ghost,
button.plain.ghost {
  border-color: #bbc7c5;
  color: #bbc7c5;
}

form input,
form select,
form textarea {
  max-width: 100%;
  display: inline-block;
  background: #f0fffc;
  font-family: inherit;
  padding: 0.5rem 1.5rem;
  border: 2px solid #ccd9d6;
  border-radius: 0.25rem;
}

form input:active,
form input:focus,
form select:active,
form select:focus,
form textarea:active,
form textarea:focus {
  border-color: #f90;
  background: rgba(255, 153, 0, 0.1);
}

form input[type="radio"]:not(:first-child),
form select[type="radio"]:not(:first-child),
form textarea[type="radio"]:not(:first-child) {
  margin-left: 1rem;
}

form input[type="radio"],
form select[type="radio"],
form textarea[type="radio"] {
  margin-right: 0.25rem;
}

form input[type="checkbox"],
form select[type="checkbox"],
form textarea[type="checkbox"] {
  margin-right: 0.5rem;
}

form .optional:after,
form .required:after {
  font-size: 0.8em;
  white-space: nowrap;
  vertical-align: middle;
  padding: 0.1em 0.5rem;
  margin-left: 1rem;
  border-radius: 0.25rem;
}

form .required:after {
  content: "必須";
  border: 1px solid rgba(224, 7, 0, 0.5);
  color: #e00700;
}

form .optional:after {
  content: "任意";
  border: 1px solid rgba(36, 178, 229, 0.5);
  color: #24b2e5;
}

.inverted {
  background: #016e5c;
  color: #f0fffc;
}

.inverted .button,
.inverted button {
  background: linear-gradient(#f0fffc, #ccd9d6);
  color: #016e5c;
  border-color: #f0fffc;
}

.inverted .button:not(.ghost):not(.plain),
.inverted button:not(.ghost):not(.plain) {
  color: #016e5c;
}

.inverted .button.ghost,
.inverted button.ghost {
  background: 0 0;
  color: #f0fffc;
}

table.borders,
table.simple,
table.simple2 {
  border-spacing: 0;
  border-collapse: separate;
}

table.borders tr td,
table.borders tr th,
table.simple tr td,
table.simple tr th,
table.simple2 tr td,
table.simple2 tr th {
  padding: 0.25rem 1rem;
  font-weight: 500;
}

table.borders tr th,
table.simple tr th {
  color: #f0fffc;
  background: #019d83;
}

table.simple2:not(.horz) tr th {
  border-bottom: 0.25rem solid #a8b3b0;
}

table.simple2.horz tr th {
  border-right: 0.25rem solid #a8b3b0;
}

table.borders tr td,
table.borders tr th {
  border-left: 1px solid #a8b3b0;
  border-bottom: 1px solid #a8b3b0;
}

table.borders tr td:last-child,
table.borders tr th:last-child {
  border-right: 1px solid #a8b3b0;
}

table.borders tr th {
  color: #f0fffc;
  background: #019d83;
  border-color: #27ac96;
}

table.borders tr:first-child td,
table.borders tr:first-child th {
  border-top: 1px solid #a8b3b0;
}

table.borders tr:first-child th:not(:first-child) {
  border-left-color: #4dbaa8;
}

table.borders tr:first-child td:first-child,
table.borders tr:first-child th:first-child {
  border-top-left-radius: 0.25rem;
}

table.borders tr:first-child td:last-child,
table.borders tr:first-child th:last-child {
  border-top-right-radius: 0.25rem;
}

table.borders tr:last-child td:first-child,
table.borders tr:last-child th:first-child {
  border-bottom-left-radius: 0.25rem;
}

table.borders tr:last-child td:last-child,
table.borders tr:last-child th:last-child {
  border-bottom-right-radius: 0.25rem;
}

dl.borders {
  display: table;
  border-spacing: 0;
  border-collapse: separate;
}

dl.borders .row {
  display: table-row;
}

dl.borders .row dd,
dl.borders .row dt {
  display: table-cell;
  border-left: 1px solid #a8b3b0;
  border-bottom: 1px solid #a8b3b0;
  padding: 0.25rem 0.5rem;
}

dl.borders .row dd {
  border-right: 1px solid #a8b3b0;
}

dl.borders .row dt {
  color: #f0fffc;
  background: #019d83;
  border-right: none;
  border-color: #019d83;
}

dl.borders .row:first-child dd,
dl.borders .row:first-child dt {
  border-top: 1px solid #a8b3b0;
}

dl.borders .row:not(:last-child) dt {
  border-bottom-color: #4dbaa8;
}

dl.borders .row:first-child dt {
  border-top-left-radius: 0.25rem;
}

dl.borders .row:first-child dd {
  border-top-right-radius: 0.25rem;
}

dl.borders .row:last-child dt {
  border-bottom-left-radius: 0.25rem;
}

dl.borders .row:last-child dd {
  border-bottom-right-radius: 0.25rem;
}

.print-break-before {
  page-break-before: always;
}

body.no-contact-box #contact-box {
  display: none;
}

.breadcrumbs {
  display: inline-block;
  background: #f0fffc;
  padding-right: 1rem;
}

section#title {
  padding-top: 1.5rem;
}

.bgp1,
section#title {
  background: url(../images/grid2.f4c45e2a.png);
}

.bgp2 {
  background: url(../images/stripe.4e15d130.svg);
}

.point {
  vertical-align: middle;
}

.point,
.point p {
  position: relative;
}

.point p {
  padding-left: 2.5em;
}

.point p:before {
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  width: 1.25em;
  height: 1.25em;
  top: 50%;
  transform: translateY(-50%);
  background: url(../images/star.635c0e64.png);
  background-size: cover;
  background-position: 50%;
}

.h1,
.h2,
h1,
h2 {
  font-family: 游ゴシック体, Yu Gothic, YuGothic, ヒラギノ角ゴシック Pro, Hiragino Kaku Gothic Pro, メイリオ, Meiryo, Osaka, ＭＳ Ｐゴシック, MS PGothic, sans-serif;
}

#open {
  background: #fff;
}

.red {
  color: #e00700;
}

.green {
  color: #019d83;
}

.box.red {
  border-color: #e00700;
}

.box.green {
  border-color: #019d83;
}

.nowrap {
  white-space: nowrap;
}

.list.faq {
  list-style: none;
}

.faq-page .answer,
.faq-page h4,
.faq-page li,
.list.faq .answer,
.list.faq h4,
.list.faq li {
  position: relative;
  border: 1px dotted #ccd9d6;
  padding: 0.5rem 0.5rem 0.5rem 3.5rem;
}

.faq-page .answer:before,
.faq-page h4:before,
.faq-page li:before,
.list.faq .answer:before,
.list.faq h4:before,
.list.faq li:before {
  content: "Q";
  color: #f0fffc;
  background: #019d83;
  width: 1.5rem;
  height: 1.5rem;
  position: absolute;
  left: 1rem;
  text-align: center;
  border-radius: 0.25rem;
}

.faq-page .answer a:not(.button),
.faq-page h4 a:not(.button),
.faq-page li a:not(.button),
.list.faq .answer a:not(.button),
.list.faq h4 a:not(.button),
.list.faq li a:not(.button) {
  background: 0 0 !important;
}

.faq-page li:not(:last-child),
.list.faq li:not(:last-child) {
  border-bottom: none;
}

.faq-page h4,
.list.faq h4 {
  font-size: inherit;
}

.faq-page .answer,
.list.faq .answer {
  color: inherit;
}

.faq-page h5 {
  font-size: 1em;
  border-left: 2px solid #019d83;
  padding: 0 0 0 15px;
}

.faq-page .answer:before,
.list.faq .answer:before {
  content: "A";
}

.map-page .doctor:after {
  display: block;
  white-space: pre-wrap;
}

.map-page a.maplink {
  display: block;
  height: 450px;
  position: relative;
}

.dsp {
  display: none;
}

#chiba.map-page .doctor:after {
  content: "島本　貴弘\A平成9年3月 宮崎医科大学　医学部卒業\A平成9年4月-平成12年2月 同大学附属病院　勤務\A平成12年3月-平成16年4月 東京ノーストクリニック　勤務\A平成16年5月より 東京ノーストクリニック千葉院院長\A院長不在時は休診";
}

#chiba.map-page a.maplink {
  background: url(../images/maps/chiba.43a66b50.png);
  background-size: cover;
  background-position: 50%;
}

#fukuoka.map-page .doctor:after {
  content: "中川　剛\A平成14年3月 久留米大学　医学部卒業\A平成14年4月-平成16年11月 同大学附属病院　泌尿器科勤務\A平成16年12月より 東京ノーストクリニック福岡院院長\A院長不在時は休診";
}

#fukuoka.map-page a.maplink {
  background: url(../images/maps/fukuoka.e90aa051.png);
  background-size: cover;
  background-position: 50%;
}

#gifu.map-page a.maplink {
  background: url(../images/maps/gifu.3ba32cb3.png);
  background-size: cover;
  background-position: 50%;
}

/* #hachiouji.map-page .doctor:after {
  content: "加藤 淳也\A平成3年3月 新潟大学 医学部卒業\A平成3年6月-平成13年3月 同大学病院形成外科 勤務\A平成13年4月-平成15年3月 東京ノーストクリニック 勤務\A平成15年4月より 東京ノーストクリニック八王子院院長\A院長不在時は休診";
} */
#hachiouji.map-page a.maplink {
  background: url(../images/maps/hachiouji.6eb52feb.png);
  background-size: cover;
  background-position: 50%;
}

#himeji-hyougo.map-page a.maplink {
  background: url(../images/maps/himeji-hyougo.8dfe3040.png);
  background-size: cover;
  background-position: 50%;
}

/* #hiroshima.map-page .doctor:after {
  content: "山本　利博\A平成10年3月 岡山大学　医学部卒業\A平成10年4月-平成12年3月 同大学附属病院　勤務\A平成12年4月より 東京ノーストクリニック広島院院長\A院長不在時は休診";
} */
#hiroshima.map-page a.maplink {
  background: url(../images/maps/hiroshima.ff564e3b.png);
  background-size: cover;
  background-position: 50%;
}

#kanazawa-ishikawa.map-page a.maplink {
  background: url(../images/maps/kanazawa-ishikawa.71a240c6.png);
  background-size: cover;
  background-position: 50%;
}

#kooriyama-fukushima.map-page a.maplink {
  background: url(../images/maps/kooriyama-fukushima.0d6697f7.png);
  background-size: cover;
  background-position: 50%;
}

/* #koufu.map-page .doctor:after {
  content: "村松　弘志\A昭和54年3月 大阪医科大学　医学部卒業\A昭和64より 東京ノーストクリニック甲府院院長\A院長不在時は休診";
} */
#koufu.map-page a.maplink {
  background: url(../images/maps/koufu.477efeef.png);
  background-size: cover;
  background-position: 50%;
}

#kyoto.map-page .doctor:after {
  content: "野崎 郷\A東京ノーストクリニック京都院院長\A院長不在時は休診";
}

#kyoto.map-page a.maplink {
  background: url(../images/maps/kyoto.7bb9db8b.png);
  background-size: cover;
  background-position: 50%;
}

#machida.map-page a.maplink {
  background: url(../images/maps/machida.302864cb.png);
  background-size: cover;
  background-position: 50%;
}

#matsue-shimane.map-page .doctor:after {
  content: "谷川 彰\A東京ノーストクリニック松江院院長\A院長不在時は休診";
}

#matsue-shimane.map-page a.maplink {
  background: url(../images/maps/matsue-shimane.e4647d0d.png);
  background-size: cover;
  background-position: 50%;
}

#mito-ibaraki.map-page .doctor:after {
  content: "松本 卓矢\A東京ノーストクリニック水戸院院長\A院長不在時は休診";
}

#mito-ibaraki.map-page a.maplink {
  background: url(../images/maps/mito-ibaraki.ace28689.png);
  background-size: cover;
  background-position: 50%;
}

#morioka-iwate.map-page .doctor:after {
  content: "臼井　大祐\A平成12年3月 北里大学　医学部卒業\A平成16年4月2-平成20年11月 整形外科・門野診療所勤務\A平成20年12月-平成21年1月 東京ノーストクリニック勤務\A平成21年2月より 東京ノーストクリニック盛岡院院長\A院長不在時は休診";
}

#morioka-iwate.map-page a.maplink {
  background: url(../images/maps/morioka-iwate.479fe208.png);
  background-size: cover;
  background-position: 50%;
}

#nagano.map-page a.maplink {
  background: url(../images/maps/nagano.5c73cc44.png);
  background-size: cover;
  background-position: 50%;
}

#nagoya.map-page a.maplink {
  background: url(../images/maps/nagoya.53777fcf.png);
  background-size: cover;
  background-position: 50%;
}

#niigata.map-page a.maplink {
  background: url(../images/maps/niigata.abd7ab95.png);
  background-size: cover;
  background-position: 50%;
}

#okayama.map-page a.maplink {
  background: url(../images/maps/okayama.2429e657.png);
  background-size: cover;
  background-position: 50%;
}

#omiya.map-page a.maplink {
  background: url(../images/maps/omiya.c02e2a01.png);
  background-size: cover;
  background-position: 50%;
}

#osaka.map-page a.maplink {
  background: url(../images/maps/osaka.1a6a72aa.png);
  background-size: cover;
  background-position: 50%;
}

#sapporo-hokkaido.map-page .doctor:after {
  content: "古澤　慎一\A昭和57年3月 東北大学　医学部卒業\A昭和57年4月-平成10年3月 同大学病院　外科医局勤務\A平成10年4-平成16年3月 東京ノーストクリニック勤務\A平成16年4月より 東京ノーストクリニック札幌院院長\A院長不在時は休診";
}

#sapporo-hokkaido.map-page a.maplink {
  background: url(../images/maps/sapporo-hokkaido.1db3bfef.png);
  background-size: cover;
  background-position: 50%;
}

/* #sendai-miyagi.map-page .doctor:after {
  content: "山本 隆\A平成6年3月 山形大学医学部 医療科 卒業\A平成21年4月 山形大学医学部附属病院\A令和2年9月 東京ノーストクリニック仙台院 院長就任\A院長不在時は休診";
} */
#sendai-miyagi.map-page a.maplink {
  background: url(../images/maps/sendai-miyagi.9d737d1a.png);
  background-size: cover;
  background-position: 50%;
}

/* #shibuya.map-page .doctor:after {
  content: "田中　泰吉\A昭和49年3月 大阪医科大学　医学部卒業\A平成2年より 東京ノーストクリニック渋谷院院長\A院長不在時は休診";
} */
#shibuya.map-page a.maplink {
  background: url(../images/maps/shibuya.0130f3a5.png);
  background-size: cover;
  background-position: 50%;
}

#shinjyuku.map-page .doctor:after {
  content: "山内　陽平\A平成16年3月 岡山大学　医学部卒業\A平成16年4月-平成18年3月 同大学附属病院　勤務\A平成18年4月より 東京ノーストクリニック新宿院院長\A院長不在時は休診";
}

#shinjyuku.map-page a.maplink {
  background: url(../images/maps/shinjyuku.81cd5de3.png);
  background-size: cover;
  background-position: 50%;
}

#shizuoka-hamamatsu.map-page a.maplink {
  background: url(../images/maps/shizuoka-hamamatsu.6aa839a0.png);
  background-size: cover;
  background-position: 50%;
}

/* #takamatsu-kagawa.map-page .doctor:after {
  content: "山本　英樹\A平成8年3月 京都府立大学　医学部卒業\A平成8年4月-平成16年3月 同大学附属病院　形成外科勤務\A平成16年4月-平成21年2月 東京ノーストクリニック勤務\A平成21年3月より 東京ノーストクリニック高松院院長\A院長不在時は休診";
} */
#takamatsu-kagawa.map-page a.maplink {
  background: url(../images/maps/takamatsu-kagawa.afb7ae22.png);
  background-size: cover;
  background-position: 50%;
}

#takasaki-gunma.map-page .doctor:after {
  content: "葉梨　裕幸\A平成10年3月 金沢医科大学　医学部卒業\A平成11年5月-平成20年7月 国立水戸病院　外科勤務\A平成20年8月より 東京ノーストクリニック高崎院院長\A院長不在時は休診";
}

#takasaki-gunma.map-page a.maplink {
  background: url(../images/maps/takasaki-gunma.c0527459.png);
  background-size: cover;
  background-position: 50%;
}

#toyota.map-page a.maplink {
  background: url(../images/maps/toyota.179f00d2.png);
  background-size: cover;
  background-position: 50%;
}

#ueno.map-page a.maplink {
  background: url(../images/maps/ueno.52e1af09.png);
  background-size: cover;
  background-position: 50%;
}

/* #utsunomiya-tochigi.map-page .doctor:after {
  content: "伊東 逸興\A東京ノーストクリニック宇都宮院院長\A院長不在時は休診";
} */
#utsunomiya-tochigi.map-page a.maplink {
  background: url(../images/maps/utsunomiya-tochigi.abc82b4f.png);
  background-size: cover;
  background-position: 50%;
}

/* #umeda-osaka.map-page .doctor:after {
  content: "藤田　博\A平成7年3月 山形大学　医学部卒業\A平成7年4月-平成15年3月 同大学附属病院　外科勤務\A平成15年4月-平成16年2月 東京ノーストクリニック勤務\A平成16年3月より 東京ノーストクリニック梅田院院長\A院長不在時は休診";
} */
#umeda-osaka.map-page a.maplink {
  background: url(../images/maps/umeda-osaka.011bfd58.png);
  background-size: cover;
  background-position: 50%;
}

/* #yokohama-kanagawa.map-page .doctor:after {
  content: "北川　大輝\A平成4年3月 岡山大学　医学部卒業\A平成4年4月-平成21年10月 同大学附属病院　勤務\A令和2年11月より 東京ノーストクリニック横浜院院長\A院長不在時は休診";
} */
#yokohama-kanagawa.map-page a.maplink {
  background: url(../images/maps/yokohama-kanagawa.e0bdfdf1.png);
  background-size: cover;
  background-position: 50%;
}

.menu-button {
  padding: 0.5rem;
  width: calc(24px + 1rem);
  height: calc(14px + 1rem);
  cursor: pointer;
}

.menu-button .bars,
.menu-button .bars:after,
.menu-button .bars:before {
  width: 24px;
  height: 2px;
}

.menu-button .bars {
  position: relative;
  transform: translateY(6px);
  background: #f0fffc;
  transition: all 0s 0.1s;
}

.menu-button .bars:after,
.menu-button .bars:before {
  content: "";
  position: absolute;
  left: 0;
  background: #f0fffc;
}

.menu-button .bars:before {
  bottom: 6px;
  transition: bottom 0.3s cubic-bezier(0, 0, 0, 1) 0.1s, transform 0.1s linear;
}

.menu-button .bars:after {
  top: 6px;
  transition: top 0.3s cubic-bezier(0, 0, 0, 1) 0.1s, transform 0.1s linear;
}

:target .menu-button .bars {
  background: hsla(0, 0%, 100%, 0);
}

:target .menu-button .bars:after {
  top: 0;
  transform: rotate(45deg);
  transition: top 0.1s linear, transform 0.3s cubic-bezier(0, 0, 0, 1) 0.1s;
}

:target .menu-button .bars:before {
  bottom: 0;
  transform: rotate(-45deg);
  transition: bottom 0.1s linear, transform 0.3s cubic-bezier(0, 0, 0, 1) 0.1s;
}

.page-enter-active,
.page-leave-active {
  transition: opacity 0.1s ease-out, transform 0.1s ease-out;
}

.page-enter-active > #title,
.page-leave-active > #title {
  transition: opacity 50ms ease-out, transform 50ms ease-out;
}

.page-enter-active > :not(#title),
.page-leave-active > :not(#title) {
  transition: opacity 50ms ease-out 0s, transform 50ms ease-out 0s;
}

.page-enter > *,
.page-leave-active > * {
  opacity: 0;
  transform: translateY(0.1em);
}

.alert-enter-active,
.alert-leave-active {
  transition: opacity 0.3s ease-out 0.5s, transform 0.3s ease-out 0.5s;
}

.alert-enter,
.alert-leave-to {
  opacity: 0;
  transform: translateX(0.3em);
}

.alert-enter-to,
.alert-leave {
  transform: translateX(0);
}

.media-leave-active {
  position: absolute;
}

.media-move {
  transition: transform 0.5s;
}

.media-enter-active,
.media-leave-active {
  transition: opacity 0.3s, transform 0.5s;
}

.media-enter,
.media-leave-to {
  opacity: 0;
  transform: translateY(30px);
}

.fade-enter-active,
.fade-leave-active {
  transition: opacity 0.2s;
}

.fade-enter,
.fade-leave-to {
  opacity: 0;
}

.single-enter-active,
.single-leave-active {
  transition: opacity 0.2s 0.3s;
}

.single-enter,
.single-leave-to {
  opacity: 0;
}

header {
  position: fixed;
  width: 100%;
  box-shadow: 0 3px 10px rgba(0, 26, 21, 0.08), 0 3px 10px rgba(0, 26, 21, 0.16);
}

header:not(:target) #logo-bar .menu a.open,
header:target #logo-bar .menu a.closed {
  display: none;
}

header #logo-bar {
  background: #f0fffc;
  height: 7.5em;
}

header #logo-bar .container {
  height: 100%;
  display: flex;
  justify-content: space-between;
}

header #logo-bar .container .logo-and-burger,
header #logo-bar .container .logo-and-burger a.logo {
  flex: 1;
}

header #logo-bar .container .logo-and-burger a.logo img {
  display: block;
  image-rendering: optimizeQuality;
}

header #logo-bar .container .logo-and-burger .menu {
  margin-left: 0.5rem;
  background: #019d83;
  position: relative;
  padding-bottom: 0.6em;
  cursor: pointer;
}

header #logo-bar .container .logo-and-burger .menu a {
  opacity: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 100;
}

header #logo-bar .container .logo-and-burger .menu:after {
  content: "MENU";
  color: #f0fffc;
  font-size: 0.6em;
  text-align: center;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0.2em;
}

header nav {
  /* background: #f0fffc; */
  border-top: 1px solid #d8e6e3;
}

header nav .container {
  display: flex;
  align-items: stretch;
  padding: 0;
}

header nav .container > ul {
  color: #001a15;
  height: 3em;
  width: 100%;
  display: flex;
  justify-content: stretch;
}

header nav .container > ul > li {
  flex-grow: 1;
  position: relative;
  border-left: 1px solid #d8e6e3;
}

header nav .container > ul > li:last-child {
  border-right: 1px solid #d8e6e3;
}

header nav .container > ul > li a {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  text-align: center;
  font-size: calc(0.8em + 0.2 * (100vw - 34em) / 8);
}

header nav .container > ul > li > a {
  padding: 0.25em 1rem 0;
}

header nav .container > ul > li ul {
  position: absolute;
  top: 100%;
  min-width: 100%;
  left: 0;
  overflow: hidden;
  max-height: 0;
  will-change: max-height;
  background: #f0fffc;
  box-shadow: 6px 6px 6px rgba(0, 26, 21, 0.08), -6px 6px 6px rgba(0, 26, 21, 0.16);
  border-radius: 0.25rem;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  transition: max-height 0.3s ease;
}

header nav .container > ul > li ul li {
  border-top: 1px solid #d8e6e3;
}

header nav .container > ul > li ul li a {
  padding: 0.5rem 1.5rem;
  text-align: left;
  white-space: nowrap;
}

header nav .container > ul > li:hover ul {
  max-height: 20em;
}

header nav .container > ul > li:hover ul.shorter {
  max-height: 5em;
}

header nav .container > ul > li:last-child ul {
  right: 0;
  left: auto;
}

/* footer {
  background: #f0fffc;
} */

footer #prefooter {
  background: url(../images/grid2.f4c45e2a.png);
}

footer #prefooter .container {
  flex-direction: row;
  justify-content: center;
}

/* footer #footer {
  background: #01846e;
} */

footer #footer .grid {
  align-items: flex-start;
}

footer #footer .grid .list {
  list-style: none;
}

/* footer #footer .grid .list li .h4 {
  font-weight: 700;
  border-bottom: 2px dotted #ccd9d6;
  padding-bottom: 0.5rem;
  margin-bottom: 1rem;
} */

/* footer #footer .grid .list li > a {
  position: relative;
  padding-left: 1em;
} */

/* footer #footer .grid .list li > a:before {
  content: "-";
  position: absolute;
  left: 0;
} */

/* footer #socket {
  background: #01705e;
} */

/* footer #socket .container {
  opacity: 0.85;
} */
.clinc-txt table {
  font-size: 1.1em;
  margin-top: 2rem;
}
.clinc-txt table tr td {
  border: 1px solid #777;
  padding: 10px;
  text-align: center;
}
.clinc-txt table tr td:first-child {
  width: 18%;
}
.clinc-txt p {
  padding: 0 8px;
}
.column-link table tr td {
  border: 1px solid #777;
  padding: 10px;
}
#phone-button {
  position: fixed;
  bottom: 0.5rem;
  left: 0.5rem;
  z-index: 10;
  color: #019d83;
}

#phone-button a.flex.button {
  padding: 0.25rem 1rem 0.25rem 0.25rem;
  border-radius: 3em;
  box-shadow: 0 3px 10px rgba(0, 26, 21, 0.08), 0 3px 10px rgba(0, 26, 21, 0.16);
}

#phone-button a.flex.button img {
  padding: 0.5rem;
  height: 3em;
  width: 3em;
  margin-right: 0.25rem;
}

.contact-box {
  padding: 1.5rem;
  border-radius: 0.25rem;
  background: linear-gradient(#24b2e5, #1f97c3);
}

.contact-box .half.center .button {
  width: 100%;
  max-width: 18em;
  text-align: center;
}

a#promo-box:not(.title):not(.button) {
  color: #f0fffc;
  padding: 1.5rem;
  border-radius: 0.25rem;
  background: linear-gradient(#24b2e5, #1f97c3);
  flex-direction: row;
  justify-content: center;
  display: inline-flex;
}

a#promo-box:not(.title):not(.button) img {
  height: 5.5rem;
}

a#promo-box:not(.title):not(.button) .h3 {
  padding-left: 0;
  border-bottom: none;
}

a#promo-box:not(.title):not(.button) .h3:before {
  display: none;
  border-color: #ccd9d6;
}

a#promo-box:not(.title):not(.button) .h3 span {
  display: block;
  font-size: 1.8em;
  margin-top: 1rem;
}

#sidebar .inner {
  background: #f0fffc;
  border-radius: 0.25rem;
  min-height: 20em;
}

#sidebar .sidebar-section {
  border: 2px solid #ccd9d6;
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem;
}

#sidebar .sidebar-section .title {
  display: flex;
  flex-direction: row;
  justify-content: center;
  padding: 1rem 0;
  color: #01846e;
}

#sidebar .sidebar-section.word-cloud .words a {
  color: rgba(0, 26, 21, 0.8);
  display: inline-block;
  padding: 0.5rem;
  margin-bottom: 0.25rem;
}

#sidebar .sidebar-section.questions .articles article a {
  color: rgba(0, 26, 21, 0.8);
}

#sidebar .sidebar-section.questions .articles .right {
  display: flex;
  flex-direction: row-reverse;
}

#sidebar .sidebar-section.operations dl dt {
  color: rgba(0, 26, 21, 0.8);
}

#sidebar .sidebar-section.map {
  border: 2px solid #01846e;
  color: #01846e;
  padding: 0;
}

#sidebar .sidebar-section.map .area {
  background: #01846e;
  color: #f0fffc;
  padding: 0.25rem 0.5rem;
  margin-bottom: 0.25rem;
}

#sidebar .sidebar-section.map ul.branches {
  padding: 0.25rem 0.5rem;
}

#sidebar .sidebar-section.map ul.branches li {
  display: inline-block;
  margin-bottom: 0.25rem;
  margin-right: 1px;
}

#sidebar .sidebar-section.map ul.branches li a {
  display: inline-block;
  padding: 0.25rem calc(0.5rem - 1px);
  border-radius: 0.25rem;
}

#sidebar .sidebar-section.map ul.branches li a:hover {
  background: #27ac96;
  color: #f0fffc;
}

#sidebar .sidebar-section.guidelines {
  display: block;
  border: none;
  padding: 1rem;
  text-align: center;
}

#sidebar .sidebar-section.guidelines span.border {
  border: 1px solid #f0fffc;
  padding: 0.25rem 0.5rem;
  display: block;
  border-radius: 0.25rem;
}

#sidebar .sidebar-section.insurance .smaller {
  padding: 0 0.25rem;
}

#sidebar .banner {
  display: flex;
  justify-content: center;
}

#sidebar .banner img {
  flex: 0 1 auto;
  border: 1px solid #0d3082;
  background: #0d3082;
  text-align: middle;
  border-radius: 0.25rem;
  display: block;
}

.demerit {
  color: #e00700;
  border: 1px solid #e00700;
  padding: 0.1rem 0.5rem;
  border-radius: 0.25rem;
}

#financing table td img,
.demerit {
  display: inline-block;
}

img.small {
  width: 10em;
}

.triangle {
  color: #a8b3b0;
}

.button-menu li .button {
  margin-bottom: 0.5rem;
}

.color {
  color: #001a15;
}

body > img[width="1"],
img.sixhoptag {
  position: absolute;
  left: -100vw;
}

li.df_item {
  width: 30%;
  margin: 0 3% 3% 0;
  display: -webkit-flex;
  display: flex;
  max-height: 350px;
}

.gb_txt {
  background: #01846e;
  color: #f0fffc;
  padding: 0.5rem 0.5rem;
  margin-bottom: 0.25rem;
  width: 100px;
  text-align: center;
  border-radius: 5px;
}

@media screen and (max-width: 12em) {
  body {
    font-size: 0.8em;
  }
}

@media screen and (min-width: 42em) {
  header nav .container > ul > li a {
    font-size: 1em;
  }
}

@media screen and (max-width: 34em) {
  .head_btn {
    display: none;
  }

  header nav .container > ul > li a {
    font-size: 0.8em;
  }
}

@media (max-width: 44em) {
  .head_btn {
    display: none;
  }

  main {
    margin-top: 10em;
  }

  .no-mobile {
    display: none;
  }

  body .no-phone {
    display: none !important;
  }

  body .section,
  body .section.medium-padding,
  body .section.small-padding,
  body section,
  body section.medium-padding,
  body section.small-padding {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  body .section.big-padding,
  body section.big-padding {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }

  body .container.no-padding,
  body .section.no-padding,
  body section.no-padding {
    padding: 0;
  }

  /* body br:not(.mobile):not(.mobile-only) {
    display: none;
  } */

  .grid:not(.mobile):not(.column) {
    display: block;
  }

  .grid:not(.mobile):not(.column) .half,
  .grid:not(.mobile):not(.column) .quarter,
  .grid:not(.mobile):not(.column) .third,
  .grid:not(.mobile):not(.column) .two-thirds {
    width: 100%;
  }

  .grid:not(.mobile):not(.column) > * {
    padding: 0.5rem 0;
  }

  .grid:not(.mobile):not(.column) > :first-child {
    padding-top: 0;
  }

  .grid:not(.mobile):not(.column) > :last-child {
    padding-bottom: 0;
  }

  body ul.list.links > li {
    transform: translateY(-1rem);
  }

  body ul.list.links > li a {
    padding: 1rem 0;
  }

  section#title {
    padding-top: 1rem;
  }

  .point {
    border: 1px solid #a8b3b0;
    padding: 0.5rem;
  }

  body .box.no-mobile-padding {
    padding-left: 0;
    padding-right: 0;
    border-left: none;
    border-right: none;
  }

  .dpc {
    display: none !important;
  }

  .dsp {
    display: inline-block !important;
  }

  .map-page a.maplink:after {
    content: "もっと大きく見る";
    position: absolute;
    padding: 1rem 1.5rem;
    text-decoration: underline;
    width: auto;
    height: auto;
    right: 0;
    bottom: 0;
    background: #f0fffc;
  }

  #chiba.map-page .doctor:after {
    content: "島本　貴弘\A平成9年3月\A宮崎医科大学　医学部卒業\A平成9年4月-平成12年2月\A同大学附属病院　勤務\A平成12年3月-平成16年4月\A東京ノーストクリニック　勤務\A平成16年5月より\A東京ノーストクリニック千葉院院長\A院長不在時は休診";
  }

  #fukuoka.map-page .doctor:after {
    content: "中川　剛\A平成14年3月\A久留米大学　医学部卒業\A平成14年4月-平成16年11月\A同大学附属病院　泌尿器科勤務\A平成16年12月より\A東京ノーストクリニック福岡院院長\A院長不在時は休診";
  }

  /* #hachiouji.map-page .doctor:after {
    content: "加藤 淳也\A平成3年3月\A新潟大学 医学部卒業\A平成3年6月-平成13年3月\A同大学病院形成外科 勤務\A平成13年4月-平成15年3月\A東京ノーストクリニック 勤務\A平成15年4月より\A東京ノーストクリニック八王子院院長\A院長不在時は休診";
  } */
  /* #himeji-hyougo.map-page .doctor:after {
    content: "太田　圭一\A平成6年3月\A山形大学　医学部卒業\A平成6年4月-平成16年3月\A同大学附属病院　泌尿器科勤務\A平成16年12月より\A東京ノーストクリニック姫路院院長\A院長不在時は休診";
  } */
  /* #hiroshima.map-page .doctor:after {
    content: "山本　利博\A平成10年3月\A岡山大学　医学部卒業\A平成10年4月-平成12年3月\A同大学附属病院　勤務\A平成12年4月より\A東京ノーストクリニック広島院院長\A院長不在時は休診";
  } */
  /* #koufu.map-page .doctor:after {
    content: "村松　弘志\A昭和54年3月\A大阪医科大学　医学部卒業\A昭和64より\A東京ノーストクリニック甲府院院長\A院長不在時は休診";
  } */
  #kyoto.map-page .doctor:after {
    content: "野崎 郷\A東京ノーストクリニック京都院院長\A院長不在時は休診";
  }

  #matsue-shimane.map-page .doctor:after {
    content: "谷川 彰\A東京ノーストクリニック松江院院長\A院長不在時は休診";
  }

  #mito-ibaraki.map-page .doctor:after {
    content: "松本 卓矢\A東京ノーストクリニック水戸院院長\A院長不在時は休診";
  }

  #morioka-iwate.map-page .doctor:after {
    content: "臼井　大祐\A平成12年3月\A北里大学　医学部卒業\A平成16年4月2-平成20年11月\A整形外科・門野診療所勤務\A平成20年12月-平成21年1月\A東京ノーストクリニック勤務\A平成21年2月より\A東京ノーストクリニック盛岡院院長\A院長不在時は休診";
  }

  #sapporo-hokkaido.map-page .doctor:after {
    content: "古澤　慎一\A昭和57年3月\A東北大学　医学部卒業\A昭和57年4月-平成10年3月\A同大学病院　外科医局勤務\A平成10年4-平成16年3月\A東京ノーストクリニック勤務\A平成16年4月より\A東京ノーストクリニック札幌院院長\A院長不在時は休診";
  }

  /* #shibuya.map-page .doctor:after {
    content: "田中　泰吉\A昭和49年3月\A大阪医科大学　医学部卒業\A平成2年より\A東京ノーストクリニック渋谷院院長\A院長不在時は休診";
  } */
  /* #sendai-miyagi.map-page .doctor:after {
    content: "山本 隆\A平成6年3月\A山形大学医学部 医療科 卒業\A平成21年4月\A山形大学医学部附属病院\A令和2年9月\A東京ノーストクリニック仙台院 院長就任\A院長不在時は休診";
  } */
  #shinjyuku.map-page .doctor:after {
    content: "山内　陽平\A平成16年3月\A岡山大学　医学部卒業\A平成16年4月-平成18年3月\A同大学附属病院　勤務\A平成18年4月より\A東京ノーストクリニック新宿院院長\A院長不在時は休診";
  }

  /* #takamatsu-kagawa.map-page .doctor:after {
    content: "山本　英樹\A平成8年3月\A京都府立大学　医学部卒業\A平成8年4月-平成16年3月\A同大学附属病院　形成外科勤務\A平成16年4月-平成21年2月\A東京ノーストクリニック勤務\A平成21年3月より\A東京ノーストクリニック高松院院長\A院長不在時は休診";
  } */
  #takasaki-gunma.map-page .doctor:after {
    content: "葉梨　裕幸\A平成10年3月\A金沢医科大学　医学部卒業\A平成11年5月-平成20年7月\A国立水戸病院　外科勤務\A平成20年8月より\A東京ノーストクリニック高崎院院長\A院長不在時は休診";
  }

  /* #utsunomiya-tochigi.map-page .doctor:after {
    content: "伊東 逸興\A東京ノーストクリニック宇都宮院院長\A院長不在時は休診";
  } */
  /* #umeda-osaka.map-page .doctor:after {
    content: "藤田　博\A平成7年3月\A山形大学　医学部卒業\A平成7年4月-平成15年3月\A同大学附属病院　外科勤務\A平成15年4月-平成16年2月\A東京ノーストクリニック勤務\A平成16年3月より\A東京ノーストクリニック梅田院院長\A院長不在時は休診";
  } */
  /* #yokohama-kanagawa.map-page .doctor:after {
    content: "北川　大輝\A平成4年3月\A岡山大学　医学部卒業\A平成4年4月-平成21年10月\A同大学附属病院　勤務\A令和2年11月より\A東京ノーストクリニック横浜院院長\A院長不在時は休診";
  } */
  header:not(:target) nav {
    padding: 0;
    height: 0;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0s 0.3s, height 0s 0.3s, padding 0s 0.3s;
  }

  header:target nav {
    height: calc(100vh - 6.8em);
    visibility: visible;
    opacity: 1;
    background: rgba(240, 255, 252, 0.75);
    transition: opacity 0.3s cubic-bezier(0, 0, 0, 1);
  }

  header #logo-bar {
    height: 7em;
    padding-top: 0.5rem;
    padding-bottom: 0;
  }

  header #logo-bar .container {
    flex-direction: column;
  }

  header #logo-bar .container:last-child {
    padding: 0;
  }

  header #logo-bar .container .logo-and-burger {
    min-height: 0;
    padding: 0 1rem;
    display: flex;
    margin-bottom: 0.5rem;
  }

  header #logo-bar .container .ctas {
    text-align: right;
    display: flex;
    transform: translateY(1px);
  }

  header #logo-bar .container .ctas .button {
    width: 50%;
    text-align: center;
    height: 3em;
    line-height: calc(3em - 1rem);
    margin-right: 0;
    border-radius: 0;
  }

  header nav .container > ul > li ul {
    display: none;
  }

  header nav {
    display: flex;
    flex-direction: column;
    position: relative;
  }

  header nav .container {
    flex-direction: row-reverse;
    height: 100%;
    padding: 3em 3em 1.2em 1.2em;
  }

  header nav .container > a {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    cursor: default;
  }

  header nav .container ul {
    display: block;
    max-height: 100%;
    max-width: 100%;
    width: 20em;
  }

  header nav .container ul li {
    flex: 1;
    margin: 0.25em;
    width: 100%;
    color: #f0fffc;
    border-radius: 0.25rem;
    background: linear-gradient(#24b2e5, #1f97c3);
  }

  header nav .container ul li a {
    padding: 0.5rem 1.5rem;
    font-size: 1em;
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  header nav .logo {
    display: none;
  }

  footer #socket {
    padding-bottom: 4.5rem;
  }

  a#promo-box:not(.title):not(.button) {
    padding: 1rem;
  }

  a#promo-box:not(.title):not(.button) img {
    height: 4.5rem;
  }

  a#promo-box:not(.title):not(.button) .h3 span {
    font-size: 1.4em;
  }

  #sidebar .sidebar-section.word-cloud .words a {
    padding: 1rem 0.5rem;
    margin: 0.25rem;
  }

  #sidebar .sidebar-section.map ul.branches li a {
    padding: 0.5rem 1rem;
  }
}

@media (min-width: 44.001em) {
  main > :first-child {
    min-height: 50em;
    padding-bottom: 1.5rem;
  }

  body .phone {
    display: none !important;
  }

  body br.mobile-only {
    display: none;
  }

  .grid > * {
    padding: 0 0.5rem;
  }

  .grid > :first-child {
    padding-left: 0;
  }

  .grid > :last-child {
    padding-right: 0;
  }

  .grid-column > * {
    padding: 0.5rem 0;
  }

  .grid-column > :first-child {
    padding-top: 0;
  }

  .grid-column > :last-child {
    padding-bottom: 0;
  }

  body main section:not(#title) a:not(.button):not(#promo-box):not(.nostyle) {
    transition: opacity 0.3s ease;
  }

  body main section:not(#title) a:not(.button):not(#promo-box):not(.nostyle):hover {
    opacity: 0.6;
  }

  .button,
  button {
    transform: scale(1);
    transition: transform 0.3s ease, opacity 0.3s ease;
  }

  .button:hover,
  button:hover {
    transform: scale(0.96);
    opacity: 0.6;
  }

  .side_btn:hover {
    transform: scale(0.96);
    opacity: 0.6;
    transition: 0.3s;
  }

  .map-page a.maplink {
    transition: opacity 0.3s ease;
  }

  .map-page a.maplink:hover {
    opacity: 0.6;
  }

  header #logo-bar .container {
    flex-wrap: wrap;
    align-items: flex-end;
  }

  header #logo-bar .container .logo-and-burger {
    height: 100%;
  }

  header #logo-bar .container .logo-and-burger a.logo img {
    transform: scale(1);
    transition: opacity 0.3s ease, transform 0.3s ease;
  }

  header #logo-bar .container .logo-and-burger a.logo img:hover {
    opacity: 0.6;
    transform: scale(0.96);
  }

  header #logo-bar .container .logo-and-burger .menu {
    display: none;
  }

  header #logo-bar .container .ctas a {
    transition: opacity 0.3s ease;
  }

  header #logo-bar .container .ctas .head_icon:hover {
    opacity: 0.6;
    transition: opacity 0.3s ease;
  }

  header #logo-bar .container .ctas a:hover {
    opacity: 0.6;
  }

  header nav .container > ul {
    align-items: stretch;
  }

  header nav .container > ul > li a {
    transform: scale(1);
    transition: opacity 0.3s ease, transform 0.3s ease;
  }

  header nav .container > ul > li a:hover {
    opacity: 0.6;
    transform: scale(0.96);
  }

  .header00 {
    font-size: 12px;
    font-size: 12px;
    background: #f0fffc;
    width: 88em;
    max-width: 100%;
    margin: 0 auto;
    padding-top: 15px;
  }

  footer #footer .grid .list li a {
    transition: opacity 0.3s ease;
  }

  footer #footer .grid .list li a:hover {
    opacity: 0.6;
  }

  .contact-box .half.center {
    align-items: flex-end;
  }

  #sidebar .inner {
    padding: 1rem;
  }

  #sidebar .sidebar-section.word-cloud .words a {
    transition: opacity 0.3s ease;
  }

  #sidebar .sidebar-section.word-cloud .words a:hover {
    opacity: 0.6;
  }

  #sidebar .sidebar-section.questions .articles article a {
    transition: opacity 0.3s ease;
  }

  #sidebar .sidebar-section.questions .articles article a:hover {
    opacity: 0.6;
  }

  #sidebar .sidebar-section.map ul.branches li a {
    transition: opacity 0.3s ease;
  }

  #sidebar .sidebar-section.map ul.branches li a:hover {
    opacity: 0.6;
  }

  #sidebar .banner img {
    transition: opacity 0.3s ease;
  }

  #sidebar .banner img:hover {
    opacity: 0.6;
  }

  #layout-sidebar main {
    position: relative;
    display: flex;
    flex-direction: column-reverse;
  }

  #layout-sidebar main > :first-child {
    min-height: 150em;
  }

  #layout-sidebar main > :first-child .container {
    padding-right: calc(16.5em + 1rem);
  }

  #layout-sidebar main aside#sidebar {
    padding-top: 0;
    padding-bottom: 0;
  }

  #layout-sidebar main aside#sidebar .container aside {
    padding-top: 3.5rem;
    position: absolute;
    top: 0;
    right: 0;
    width: 16.5em;
    padding-left: 1rem;
  }

  #maintenance .box.center {
    min-height: 50vh;
  }

  li.df_item:not(:last-child):after {
    content: "▶";
    margin: auto;
  }
}

@media (max-width: 44em) {
  li.df_item {
    width: 47%;
  }
}

@media (min-width: 44.001em) and (max-width: 44em) {
  .layout main > :first-child {
    padding-bottom: 1rem;
  }

  #layout-sidebar main aside#sidebar .container aside {
    padding-top: 1rem;
  }
}

@media (max-width: 66em) {
  body .no-tablet {
    display: none !important;
  }

  body .section.small-padding,
  body section.small-padding {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  body .section.medium-padding,
  body section.medium-padding {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }

  body .section.big-padding,
  body section.big-padding {
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
  }

  body .container.no-padding,
  body .section.no-padding,
  body section.no-padding {
    padding: 0;
  }
}

@media (min-width: 44.001em) and (max-width: 66em) {
  body .no-tablet-only {
    display: none !important;
  }

  #layout-sidebar main aside#sidebar .container aside {
    padding-top: 1.5rem;
  }
}

@media (min-width: 66.001em) {
  body .tablet {
    display: none !important;
  }

  body .h1.bigger,
  body h1.bigger {
    font-size: 3em;
  }
}

@media (-ms-high-contrast: none), screen and (-ms-high-contrast: active) {
  #chiba.map-page a.maplink,
  #fukuoka.map-page a.maplink,
  #gifu.map-page a.maplink,
  #hachiouji.map-page a.maplink,
  #himeji-hyougo.map-page a.maplink,
  #hiroshima.map-page a.maplink,
  #kanazawa-ishikawa.map-page a.maplink,
  #kooriyama-fukushima.map-page a.maplink,
  #koufu.map-page a.maplink,
  #kyoto.map-page a.maplink,
  #machida.map-page a.maplink,
  #matsue-shimane.map-page a.maplink,
  #mito-ibaraki.map-page a.maplink,
  #morioka-iwate.map-page a.maplink,
  #nagano.map-page a.maplink,
  #nagoya.map-page a.maplink,
  #niigata.map-page a.maplink,
  #okayama.map-page a.maplink,
  #omiya.map-page a.maplink,
  #osaka.map-page a.maplink,
  #sapporo-hokkaido.map-page a.maplink,
  #sendai-miyagi.map-page a.maplink,
  #shibuya.map-page a.maplink,
  #shinjyuku.map-page a.maplink,
  #shizuoka-hamamatsu.map-page a.maplink,
  #takamatsu-kagawa.map-page a.maplink,
  #takasaki-gunma.map-page a.maplink,
  #toyota.map-page a.maplink,
  #ueno.map-page a.maplink,
  #umeda-osaka.map-page a.maplink,
  #utsunomiya-tochigi.map-page a.maplink,
  #yokohama-kanagawa.map-page a.maplink,
  .point p:before {
    background-size: cover;
    background-position: 50%;
  }
}

.space-items ol {
  display: flex;
  /* flex-flow: column; */
}
.space-items ol span {
  padding: 0 3px;
}

.area-space-items ol {
  display: flex;
}

.area-space-items ol li .ssss {
  margin: 0 10px;
}

.bllist {
  flex-wrap: wrap;
  font-size: 14px;
}

.bllist li {
  border: none;
  padding: 0.5rem 0.5rem 0.5rem 0rem;
}

.bllist li:before {
  content: "";
  background: none;
}

.areabllist {
  flex-wrap: wrap;
  font-size: 14px;
  margin: 25px 0;
}

.areabllist li {
  border: none;
  padding: 0.5rem 0.5rem 0.5rem 0rem;
}

@media screen and (max-width: 786px) {
  .space-items ol {
    display: block;
  }

  .area-space-items ol {
    display: block;
    margin: 0 0 20px 0;
  }

  .header00 {
    font-size: 12px;
    margin: 10px 0 0 15px;
  }
}

.expense-heading {
  background-color: #019c83;
  padding: 12px 30px;
  color: #ffffff;
  font-size: 25px;
  display: block;
  line-height: 1.2;
  font-weight: 700;
  border-bottom: 0;
  font-family: Hiragino Kaku Gothic ProN, ヒラギノ角ゴ ProN W3, Meiryo, メイリオ, Osaka, MS PGothic, arial, helvetica, sans-serif;
}

.expense-inner {
  display: flex;
  justify-content: space-between;
  text-align: center;
}

.expense_price .expense-block .expense-inner {
  margin: 30px 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  flex-wrap: wrap;
  justify-content: flex-start !important;
}

.expense-inner dl {
  width: 33%;
}

@media (min-width: 768px) {
  .expense_price .expense-block .expense-inner dl {
    max-width: 32% !important;
  }
}

.expense-inner dl dt {
  background-color: #c7f0e6;
  font-weight: normal;
  margin-bottom: 5px;
  padding: 20px 0;
  /* height: 113px; */
}

.orange-color {
  /* color: #ff7d0a; */
  font-size: 30px;
  font-weight: 700;
}

.matchheight {
  height: 150px;
  background-color: #f0f0f0;
}

.matchheight-single {
  height: 113px;
  background-color: #f0f0f0;
  padding: 25px 0;
}

.expense .expense-block .expense-inner dl .Size17_price span {
  font-size: 22px;
}

.expense .expense-block .expense-inner dl dt span {
  /* font-weight: 700; */
  font-size: 30px;
}

.Size23 {
  font-size: 23px;
  font-weight: 700;
}

.spReSize2 {
  font-size: 17px;
  font-weight: 700;
  vertical-align: top;
}

.Sizeauto {
  padding: 10px 0;
  font-size: 17px;
}

.box-surgery {
  padding: 8px 0;
}

.l-double {
  border: 6px double #ccd9d6;
  padding: 1em;
}
.list-flow {
  margin: 1em auto;
}

@media (max-width: 767px) {
  .expense-heading {
    font-size: 5vw;
    margin-bottom: 2vw;
  }

  .expense-inner {
    display: block;
  }

  .expense-inner dl {
    display: flex;
    margin-bottom: 1%;
    width: 100%;
  }

  .expense-inner dl dt {
    margin-right: 1%;
    margin-bottom: 0;
    width: 50%;
    padding: 4vw;
  }

  .orange-color {
    /* color: #ff7d0a; */
    font-size: 4.75vw;
    font-weight: 700;
  }

  .matchheight {
    height: 113px;
    background-color: #f0f0f0;
    width: 50%;
  }

  .matchheight-single {
    height: 113px;
    background-color: #f0f0f0;
    padding: 25px 0;
    width: 50%;
  }

  .expense .expense-block .expense-inner dl dt span {
    /* font-weight: 700; */
    font-size: 15px;
  }

  .Size23 {
    font-size: 16px;
    font-weight: 700;
  }

  .spReSize2 {
    font-size: 15px;
    font-weight: 700;
    vertical-align: top;
  }

  .Sizeauto {
    padding: 10px 0;
    font-size: 14px;
  }

  .box-surgery {
    padding: 8px 0;
  }
  .clinc-txt table tr td:first-child {
    width: 25%;
  }
}

.other-price {
  padding: 0;
  text-align: right;
  margin-bottom: 45px;
}

.supervisor_information,
.related_article {
  margin-top: 2em;
  width: 100%;
}

.supervisor_information h2,
.related_article h2 {
  display: block;
  margin: 1.4em 0 !important;
  padding-top: 0.25em;
  padding-bottom: 0.25em;
  padding-left: 1em;
  position: relative;
  font-size: 1.5em;
  color: #01846e;
}

.supervisor_information h2:before,
.related_article h2:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  display: block;
  width: 4px;
  height: 1.7em;
  background: #01846e;
}

.supervisor_information > div {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  padding: 0.5em;
  border: 2px solid #01846e;
  border-radius: 0.25rem;
}

.supervisor_information > div .left {
  width: 35%;
  margin-right: 3%;
}

.supervisor_information > div .left .supervisor_information_name {
  margin-top: 0.25em;
  color: #01846e;
  font-weight: bold;
  text-align: center;
}

.supervisor_information > div .left .supervisor_information_position {
  margin-top: 0.25em;
  font-size: 0.8em;
  text-align: center;
}

.supervisor_information > div .right dt {
  position: relative;
  margin-bottom: 0.25em;
  padding-top: 0.25em;
  padding-bottom: 0.25em;
  padding-left: 0.75em;
  font-weight: bold;
}

.supervisor_information > div .right dt:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  display: block;
  width: 4px;
  height: 1.7em;
  background: #01846e;
}

.supervisor_information > div .right dd {
  padding-left: 0.75em;
}

@media (max-width: 66em) {
  .supervisor_information h2,
  .related_article h2 {
    font-size: 1.4em;
  }

  .supervisor_information > div {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
  }

  .supervisor_information > div .left {
    width: 70%;
    margin-right: 0;
  }
}

.expense .expense-block .expense-inner dl .matchheight_fs span {
  font-size: 19px !important;
}
.expense_price .expense-block .expense-inner dl .matchheight_fs p {
  font-size: 16px;
}
.expense_price .expense-block h4 {
  margin: 45px 0 15px;
}
.expense_price .expense-block .text-center_mb {
  margin-bottom: 30px !important;
}
.expense_price .expense-block .expense-inner dl dd {
  padding-top: 0 !important;
  margin-bottom: 10px !important;
}
.expense_price .expense-block .expense-inner dl dd span {
  font-size: 25px !important;
}
.surgery_flex .expense-block dd.matchheight {
  height: 113px !important;
}
.clinc-txt table tr td:nth-child(2) {
  display: flex;
  flex-flow: wrap;
}
.expense_price .expense-block .price_tit_mt {
  margin: 15px 0 15px !important;
}

/* メール相談 */
#contact:not(.loaded) {
  display: none;
}
#contact form.confirming input,
#contact form.confirming select,
#contact form.confirming textarea,
#contact form.sending input,
#contact form.sending select,
#contact form.sending textarea {
  border: none;
  pointer-events: none;
}
#contact form.confirming label,
#contact form.sending label {
  opacity: 0.75;
}
#contact form.confirming label.optional:after,
#contact form.confirming label.required:after,
#contact form.sending label.optional:after,
#contact form.sending label.required:after {
  content: "：";
  border: none;
  font-size: inherit;
  color: inherit;
  margin-left: 0;
  padding: 0;
}
#contact form p.error {
  background: #e00700;
  color: #f0fffc;
  padding: 0.5rem 1rem;
  border-radius: 0.25rem;
  display: inline-block;
}

/* メール予約 */
#reserve:not(.loaded) {
  display: none;
}
#reserve form.confirming input,
#reserve form.confirming select,
#reserve form.sending input,
#reserve form.sending select {
  border: none;
  pointer-events: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
#reserve form.confirming label,
#reserve form.sending label {
  opacity: 0.75;
}
#reserve form.confirming label.optional:after,
#reserve form.confirming label.required:after,
#reserve form.sending label.optional:after,
#reserve form.sending label.required:after {
  content: "：";
  border: none;
  font-size: inherit;
  color: inherit;
  margin-left: 0;
  padding: 0;
}
#reserve form input.error,
#reserve form select.error {
  border: 2px solid #e00700;
}
#reserve form p.error {
  background: #e00700;
  color: #f0fffc;
  padding: 0.5rem 1rem;
  border-radius: 0.25rem;
  display: inline-block;
}
.xdsoft_datetimepicker {
  box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.506);
  background: #fff;
  border: 1px solid;
  border-color: #ccc #ccc #bbb;
  color: #333;
  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
  padding: 2px 8px 8px 0;
  position: absolute;
  z-index: 9999;
  box-sizing: border-box;
  display: none;
}
.xdsoft_datetimepicker.xdsoft_rtl {
  padding: 8px 0 8px 8px;
}
.xdsoft_datetimepicker iframe {
  position: absolute;
  left: 0;
  top: 0;
  width: 75px;
  height: 210px;
  background: transparent;
  border: none;
}
.xdsoft_datetimepicker button {
  border: none !important;
}
.xdsoft_noselect {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}
.xdsoft_noselect::-moz-selection {
  background: transparent;
}
.xdsoft_noselect::selection {
  background: transparent;
}
.xdsoft_datetimepicker.xdsoft_inline {
  display: inline-block;
  position: static;
  box-shadow: none;
}
.xdsoft_datetimepicker * {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
}
.xdsoft_datetimepicker .xdsoft_datepicker,
.xdsoft_datetimepicker .xdsoft_timepicker {
  display: none;
}
.xdsoft_datetimepicker .xdsoft_datepicker.active,
.xdsoft_datetimepicker .xdsoft_timepicker.active {
  display: block;
}
.xdsoft_datetimepicker .xdsoft_datepicker {
  width: 224px;
  float: left;
  margin-left: 8px;
}
.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_datepicker {
  float: right;
  margin-right: 8px;
  margin-left: 0;
}
.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_datepicker {
  width: 256px;
}
.xdsoft_datetimepicker .xdsoft_timepicker {
  width: 58px;
  float: left;
  text-align: center;
  margin-left: 8px;
  margin-top: 0;
}
.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker {
  float: right;
  margin-right: 8px;
  margin-left: 0;
}
.xdsoft_datetimepicker .xdsoft_datepicker.active + .xdsoft_timepicker {
  margin-top: 8px;
  margin-bottom: 3px;
}
.xdsoft_datetimepicker .xdsoft_monthpicker {
  position: relative;
  text-align: center;
}
.xdsoft_datetimepicker .xdsoft_label i,
.xdsoft_datetimepicker .xdsoft_next,
.xdsoft_datetimepicker .xdsoft_prev,
.xdsoft_datetimepicker .xdsoft_today_button {
  background-image: url(data:image/pngbase64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAeCAYAAADaW7vzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Q0NBRjI1NjM0M0UwMTFFNDk4NkFGMzJFQkQzQjEwRUIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Q0NBRjI1NjQ0M0UwMTFFNDk4NkFGMzJFQkQzQjEwRUIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDQ0FGMjU2MTQzRTAxMUU0OTg2QUYzMkVCRDNCMTBFQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDQ0FGMjU2MjQzRTAxMUU0OTg2QUYzMkVCRDNCMTBFQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PoNEP54AAAIOSURBVHja7Jq9TsMwEMcxrZD4WpBYeKUCe+kTMCACHZh4BFfHO/AAIHZGFhYkBBsSEqxsLCAgXKhbXYOTxh9pfJVP+qutnZ5s/5Lz2Y5I03QhWji2GIcgAokWgfCxNvcOCCGKqiSqhUp0laHOne05vdEyGMfkdxJDVjgwDlEQgYQBgx+ULJaWSXXS6r/ER5FBVR8VfGftTKcITNs+a1XpcFoExREIDF14AVIFxgQUS+h520cdud6wNkC0UBw6BCO/HoCYwBhD8QCkQ/x1mwDyD4plh4D6DDV0TAGyo4HcawLIBBSLDkHeH0Mg2yVP3l4TQMZQDDsEOl/MgHQqhMNuE0D+oBh0CIr8MAKyazBH9WyBuKxDWgbXfjNf32TZ1KWm/Ap1oSk/R53UtQ5xTh3LUlMmT8gt6g51Q9p+SobxgJQ/qmsfZhWywGFSl0yBjCLJCMgXail3b7+rumdVJ2YRss4cN+r6qAHDkPWjPjdJCF4n9RmAD/V9A/Wp4NQassDjwlB6XBiCxcJQWmZZb8THFilfy/lfrTvLghq2TqTHrRMTKNJ0sIhdo15RT+RpyWwFdY96UZ/LdQKBGjcXpcc1AlSFEfLmouD+1knuxBDUVrvOBmoOC/rEcN7OQxKVeJTCiAdUzUJhA2Oez9QTkp72OTVcxDcXY8iKNkxGAJXmJCOQwOa6dhyXsOa6XwEGAKdeb5ET3rQdAAAAAElFTkSuQmCC);
}
.xdsoft_datetimepicker .xdsoft_label i {
  opacity: 0.5;
  background-position: -92px -19px;
  display: inline-block;
  width: 9px;
  height: 20px;
  vertical-align: middle;
}
.xdsoft_datetimepicker .xdsoft_prev {
  float: left;
  background-position: -20px 0;
}
.xdsoft_datetimepicker .xdsoft_today_button {
  float: left;
  background-position: -70px 0;
  margin-left: 5px;
}
.xdsoft_datetimepicker .xdsoft_next {
  float: right;
  background-position: 0 0;
}
.xdsoft_datetimepicker .xdsoft_next,
.xdsoft_datetimepicker .xdsoft_prev,
.xdsoft_datetimepicker .xdsoft_today_button {
  background-color: transparent;
  background-repeat: no-repeat;
  border: 0;
  cursor: pointer;
  display: block;
  height: 30px;
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  outline: medium none;
  overflow: hidden;
  padding: 0;
  position: relative;
  text-indent: 100%;
  white-space: nowrap;
  width: 20px;
  min-width: 0;
}
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_next,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev {
  float: none;
  background-position: -40px -15px;
  height: 15px;
  width: 30px;
  display: block;
  margin-left: 14px;
  margin-top: 7px;
}
.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker .xdsoft_next,
.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker .xdsoft_prev {
  float: none;
  margin-left: 0;
  margin-right: 14px;
}
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev {
  background-position: -40px 0;
  margin-bottom: 7px;
  margin-top: 0;
}
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box {
  height: 151px;
  overflow: hidden;
  border-bottom: 1px solid #ddd;
}
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div {
  background: #f5f5f5;
  border-top: 1px solid #ddd;
  color: #666;
  font-size: 12px;
  text-align: center;
  border-collapse: collapse;
  cursor: pointer;
  border-bottom-width: 0;
  height: 25px;
  line-height: 25px;
}
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div:first-child {
  border-top-width: 0;
}
.xdsoft_datetimepicker .xdsoft_next:hover,
.xdsoft_datetimepicker .xdsoft_prev:hover,
.xdsoft_datetimepicker .xdsoft_today_button:hover {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.xdsoft_datetimepicker .xdsoft_label {
  display: inline;
  position: relative;
  z-index: 9999;
  margin: 0;
  padding: 5px 3px;
  font-size: 14px;
  line-height: 20px;
  font-weight: 700;
  background-color: #fff;
  float: left;
  width: 182px;
  text-align: center;
  cursor: pointer;
}
.xdsoft_datetimepicker .xdsoft_label:hover > span {
  text-decoration: underline;
}
.xdsoft_datetimepicker .xdsoft_label:hover i {
  opacity: 1;
}
.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select {
  border: 1px solid #ccc;
  position: absolute;
  right: 0;
  top: 30px;
  z-index: 101;
  display: none;
  background: #fff;
  max-height: 160px;
  overflow-y: hidden;
}
.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select.xdsoft_monthselect {
  right: -7px;
}
.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select.xdsoft_yearselect {
  right: 2px;
}
.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover {
  color: #fff;
  background: #ff8000;
}
.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option {
  padding: 2px 10px 2px 5px;
  text-decoration: none !important;
}
.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current {
  background: #3af;
  box-shadow: inset 0 1px 3px 0 #178fe5;
  color: #fff;
  font-weight: 700;
}
.xdsoft_datetimepicker .xdsoft_month {
  width: 100px;
  text-align: right;
}
.xdsoft_datetimepicker .xdsoft_calendar {
  clear: both;
}
.xdsoft_datetimepicker .xdsoft_year {
  width: 48px;
  margin-left: 5px;
}
.xdsoft_datetimepicker .xdsoft_calendar table {
  border-collapse: collapse;
  width: 100%;
}
.xdsoft_datetimepicker .xdsoft_calendar td > div {
  padding-right: 5px;
}
.xdsoft_datetimepicker .xdsoft_calendar th {
  height: 25px;
  background: #f1f1f1;
  font-weight: 700;
  text-align: center;
  color: #999;
  cursor: default;
}
.xdsoft_datetimepicker .xdsoft_calendar td,
.xdsoft_datetimepicker .xdsoft_calendar th {
  width: 14.2857142%;
  background: #f5f5f5;
  border: 1px solid #ddd;
  color: #666;
  font-size: 12px;
  text-align: right;
  vertical-align: middle;
  padding: 0;
  border-collapse: collapse;
  cursor: pointer;
  height: 25px;
}
.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar td,
.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar th {
  width: 12.5%;
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today {
  color: #3af;
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_highlighted_default {
  background: #ffe9d2;
  box-shadow: inset 0 1px 4px 0 #ffb871;
  color: #000;
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_highlighted_mint {
  background: #c1ffc9;
  box-shadow: inset 0 1px 4px 0 #00dd1c;
  color: #000;
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current {
  background: #3af;
  box-shadow: inset 0 1px 3px 0 #178fe5;
  color: #fff;
  font-weight: 700;
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled,
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month,
.xdsoft_datetimepicker .xdsoft_time_box > div > div.xdsoft_disabled {
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  cursor: default;
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month.xdsoft_disabled {
  opacity: 0.2;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
}
.xdsoft_datetimepicker .xdsoft_calendar td:hover,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div:hover {
  color: #fff !important;
  background: #ff8000 !important;
  box-shadow: none !important;
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_disabled:hover,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current.xdsoft_disabled:hover {
  background: #3af !important;
  box-shadow: inset 0 1px 3px 0 #178fe5 !important;
  color: #fff !important;
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled:hover,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_disabled:hover {
  color: inherit !important;
  background: inherit !important;
  box-shadow: inherit !important;
}
.xdsoft_datetimepicker .xdsoft_copyright {
  color: #ccc !important;
  font-size: 10px;
  clear: both;
  float: none;
  margin-left: 8px;
}
.xdsoft_datetimepicker .xdsoft_copyright a {
  color: #eee !important;
}
.xdsoft_datetimepicker .xdsoft_copyright a:hover {
  color: #aaa !important;
}
.xdsoft_time_box {
  position: relative;
  border: 1px solid #ccc;
}
.xdsoft_scrollbar > .xdsoft_scroller {
  background: #ccc !important;
  height: 20px;
  border-radius: 3px;
}
.xdsoft_scrollbar {
  position: absolute;
  width: 7px;
  right: 0;
  top: 0;
  bottom: 0;
  cursor: pointer;
}
.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_scrollbar {
  left: 0;
  right: auto;
}
.xdsoft_scroller_box {
  position: relative;
}
.xdsoft_datetimepicker.xdsoft_dark {
  box-shadow: 0 5px 15px -5px hsla(0, 0%, 100%, 0.506);
  background: #000;
  border: 1px solid;
  border-color: #333 #333 #444;
  color: #ccc;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box {
  border-bottom: 1px solid #222;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box > div > div {
  background: #0a0a0a;
  border-top: 1px solid #222;
  color: #999;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label {
  background-color: #000;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select {
  border: 1px solid #333;
  background: #000;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover {
  color: #000;
  background: #007fff;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current {
  background: #c50;
  box-shadow: inset 0 1px 3px 0 #b03e00;
  color: #000;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label i,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_next,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_prev,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_today_button {
  background-image: url(data:image/pngbase64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAeCAYAAADaW7vzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QUExQUUzOTA0M0UyMTFFNDlBM0FFQTJENTExRDVBODYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QUExQUUzOTE0M0UyMTFFNDlBM0FFQTJENTExRDVBODYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBQTFBRTM4RTQzRTIxMUU0OUEzQUVBMkQ1MTFENUE4NiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBQTFBRTM4RjQzRTIxMUU0OUEzQUVBMkQ1MTFENUE4NiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pp0VxGEAAAIASURBVHja7JrNSgMxEMebtgh+3MSLr1T1Xn2CHoSKB08+QmR8Bx9A8e7RixdB9CKCoNdexIugxFlJa7rNZneTbLIpM/CnNLsdMvNjM8l0mRCiQ9Ye61IKCAgZAUnH+mU3MMZaHYChBnJUDzWOFZdVfc5+ZFLbrWDeXPwbxIqrLLfaeS0hEBVGIRQCEiZoHQwtlGSByCCdYBl8g8egTTAWoKQMRBRBcZxYlhzhKegqMOageErsCHVkk3hXIFooDgHB1KkHIHVgzKB4ADJQ/A1jAFmAYhkQqA5TOBtocrKrgXwQA8gcFIuAIO8sQSA7hidvPwaQGZSaAYHOUWJABhWWw2EMIH9QagQERU4SArJXo0ZZL18uvaxejXt/Em8xjVBXmvFr1KVm/AJ10tRe2XnraNqaJvKE3KHuUbfK1E+VHB0q40/y3sdQSxY4FHWeKJCunP8UyDdqJZenT3ntVV5jIYCAh20vT7ioP8tpf6E2lfEMwERe+whV1MHjwZB7PBiCxcGQWwKZKD62lfGNnP/1poFAA60T7rF1UgcKd2id3KDeUS+oLWV8DfWAepOfq00CgQabi9zjcgJVYVD7PVzQUAUGAQkbNJTBICDhgwYTjDYD6XeW08ZKh+A4pYkzenOxXUbvZcWz7E8ykRMnIHGX1XPl+1m2vPYpL+2qdb8CDAARlKFEz/ZVkAAAAABJRU5ErkJggg==);
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th {
  background: #0a0a0a;
  border: 1px solid #222;
  color: #999;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th {
  background: #0e0e0e;
  color: #666;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_today {
  color: #c50;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_highlighted_default {
  background: #ffe9d2;
  box-shadow: inset 0 1px 4px 0 #ffb871;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_highlighted_mint {
  background: #c1ffc9;
  box-shadow: inset 0 1px 4px 0 #00dd1c;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_default,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current {
  background: #c50;
  box-shadow: inset 0 1px 3px 0 #b03e00;
  color: #000;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td:hover,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box > div > div:hover {
  color: #000 !important;
  background: #007fff !important;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright {
  color: #333 !important;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright a {
  color: #111 !important;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright a:hover {
  color: #555 !important;
}
.xdsoft_dark .xdsoft_time_box {
  border: 1px solid #333;
}
.xdsoft_dark .xdsoft_scrollbar > .xdsoft_scroller {
  background: #333 !important;
}
.xdsoft_datetimepicker .xdsoft_save_selected {
  display: block;
  border: 1px solid #ddd !important;
  margin-top: 5px;
  width: 100%;
  color: #454551;
  font-size: 13px;
}
.xdsoft_datetimepicker .blue-gradient-button {
  font-family: museo-sans, Book Antiqua, sans-serif;
  font-size: 12px;
  font-weight: 300;
  color: #82878c;
  height: 28px;
  position: relative;
  padding: 4px 17px 4px 33px;
  border: 1px solid #d7d8da;
  background: linear-gradient(180deg, #fff 0, #f4f8fa 73%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fff",endColorstr="#f4f8fa",GradientType=0);
}
.xdsoft_datetimepicker .blue-gradient-button:focus,
.xdsoft_datetimepicker .blue-gradient-button:focus span,
.xdsoft_datetimepicker .blue-gradient-button:hover,
.xdsoft_datetimepicker .blue-gradient-button:hover span {
  color: #454551;
  background: linear-gradient(180deg, #f4f8fa 0, #fff 73%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f4f8fa",endColorstr="#FFF",GradientType=0);
}