@charset "UTF-8";
/* Setting */
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=STIX+Two+Text&display=swap");
/* --------------------------------------------
/	CSS設定
---------------------------------------------- */
/* Reset.css */
body {
  -webkit-text-size-adjust: 100%;
}

.clearfix:after {
  content: "";
  clear: both;
  display: block;
}

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  box-sizing: border-box;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

img {
  vertical-align: bottom;
}

@font-face {
  font-family: "icomoon";
  src: url("../fonts/icomoon.eot?hy00yo");
  src: url("../fonts/icomoon.eot?hy00yo#iefix") format("embedded-opentype"), url("../fonts/icomoon.ttf?hy00yo") format("truetype"), url("../fonts/icomoon.woff?hy00yo") format("woff"), url("../fonts/icomoon.svg?hy00yo#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^=icon-], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "icomoon" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-circle-phone:before {
  content: "\e900";
}

.icon-angle-down:before {
  content: "\e901";
}

.icon-angle-right:before {
  content: "\e902";
}

.icon-angle-up:before {
  content: "\e903";
}

.icon-arrow-up-right-from-square:before {
  content: "\e904";
}

.icon-calendar-days-regular:before {
  content: "\e905";
}

.icon-circle-arrow-down:before {
  content: "\e906";
}

.icon-circle-arrow-up:before {
  content: "\e907";
}

.icon-file-excel:before {
  content: "\e908";
}

.icon-file-pdf:before {
  content: "\e909";
}

.icon-file-word:before {
  content: "\e90a";
}

.icon-map-location-dot:before {
  content: "\e90b";
}

.icon-minus:before {
  content: "\e90c";
}

.icon-newwindow:before {
  content: "\e90d";
}

.icon-phone:before {
  content: "\e90e";
}

.icon-plus:before {
  content: "\e90f";
}

/*  ---- 表示 */
@media (max-width: 767px) {
  .sp-none {
    display: none;
  }
  .sptab-none {
    display: none;
  }
}
@media (min-width: 961px) {
  .pc-none {
    display: none;
  }
  .tabpc-none {
    display: none;
  }
}
@media screen and (min-width: 768px) and (max-width: 960px) {
  .sptab-none {
    display: none;
  }
  .tabpc-none {
    display: none;
  }
}
@media (min-width: 376px) {
  .smlp-only {
    display: none;
  }
}
img {
  max-width: 100%;
  height: auto;
}

@media (min-width: 768px) {
  a[href^="tel:"] {
    pointer-events: none;
    text-decoration: none;
  }
}
a {
  color: #01a8c4;
  text-decoration: underline;
  transition: all 0.5s;
}
a img {
  opacity: 1;
  transition: all 0.5s;
}
a:hover {
  text-decoration: none;
}
a:hover img {
  opacity: 0.8;
}

body {
  font-family: "Noto Sans JP", sans-serif;
  color: #0e1f1f;
  line-height: 1.3;
  font-weight: 400;
  font-size: 1.125rem;
}
@media (max-width: 767px) {
  body {
    font-size: 1rem;
    margin-bottom: 3.6em;
  }
}

.header-in {
  width: 92%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  position: fixed;
  top: 0;
  left: 4%;
  z-index: 99;
}
.header-in .site-id {
  width: 220px;
}
@media (min-width: 1360px) {
  .header-in {
    width: 98%;
    height: 200px;
    left: 1%;
  }
}
@media (max-width: 1359px) {
  .header-in {
    height: 100px;
  }
}
@media (max-width: 767px) {
  .header-in {
    height: 100px;
  }
  .header-in .site-id {
    width: 180px;
  }
}

@media (max-width: 1359px) {
  .pc-naviarea, .pc-navi, .pc-headlink {
    display: none;
  }
}
@media (min-width: 1360px) {
  .pc-naviarea {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    background: rgba(237, 242, 245, 0.8);
    padding: 1.5em 3em;
    border-radius: 3em;
    z-index: 90;
  }
  #Top .header-in .pc-naviarea {
    background: rgba(255, 255, 255, 0.8);
    padding: 1.5em;
  }
  #Top .header-in .site-id {
    width: 260px;
    margin-left: 2em;
  }
  .pc-navi {
    font-family: "Midashi Go MB31", "Noto Sans JP", sans-serif;
    font-weight: bold;
  }
  .pc-navi li {
    display: inline;
    margin-right: 1.5em;
  }
  .pc-navi a {
    color: #0e1f1f;
    text-decoration: none;
  }
  .pc-navi a span {
    position: relative;
  }
  .pc-navi a span::before {
    position: absolute;
    width: 100%;
    content: "";
    left: 0;
    bottom: -0.4em;
    height: 2px;
    margin: auto;
    background: #89cfdb;
    transition: 0.3s ease-out;
    transform: scaleX(0);
  }
  .pc-navi a:hover span::before {
    transform: scaleX(1);
  }
  #Cln .nav-clinic a span::before,
#Fstv .nav-firstv a span::before,
#Trt .nav-treat a span::before,
#Surg .nav-surgery a span::before,
#Fmed .nav-med a span::before {
    transform: scaleX(1);
  }
  .pc-headlink {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: stretch;
  }
  .pc-headlink p:first-child a {
    padding: 0.5em 1.2em;
    display: block;
    font-weight: 700;
    color: #fff;
    text-decoration: none;
    background: #89cfdb;
    border-radius: 22px;
    margin-right: 1em;
    transition: all 0.5s;
  }
  .pc-headlink p:first-child a:hover {
    background: #0e1f1f;
  }
  .pc-headlink p:last-child {
    font-size: 1.75rem;
    font-family: "Midashi Go MB31", "Noto Sans JP", sans-serif;
    font-weight: bold;
  }
  .pc-headlink p:last-child span {
    color: #89cfdb;
    margin-right: 5px;
    font-size: 2.5rem;
    vertical-align: bottom;
  }
}
@media (min-width: 1359px) {
  #toggle, .spnavi-wrap {
    display: none;
  }
}
@media (max-width: 1360px) {
  .trigger {
    display: block;
    position: relative;
    width: 3.5em;
    height: 3.5em;
    cursor: pointer;
    background-color: #89cfdb;
    border-radius: 50%;
    z-index: 25;
  }
  .trigger span {
    display: block;
    position: absolute;
    width: 1.7em;
    height: 3px;
    left: 0.85em;
    background: #fff;
    transition: 0.3s ease-in-out;
  }
  .trigger span:nth-child(1) {
    top: 1.2em;
  }
  .trigger span:nth-child(2) {
    top: 1.7em;
  }
  .trigger span:nth-child(3) {
    top: 2.2em;
  }
  .trigger.active span:nth-child(1) {
    top: 1.7em;
    left: 0.85em;
    background: #fff;
    transform: rotate(-45deg);
  }
  .trigger.active span:nth-child(2),
.trigger.active span:nth-child(3) {
    top: 1.7em;
    background: #fff;
    transform: rotate(45deg);
  }
  .spnavi-wrap {
    width: 100%;
    height: 100vh;
    background: rgba(237, 242, 245, 0.95);
    display: none;
    position: fixed;
    top: 0;
    z-index: 20;
  }
  .spnavi-wrap.active {
    display: block;
    -webkit-animation-name: fadeInAnime;
            animation-name: fadeInAnime;
    -webkit-animation-duration: 1s;
            animation-duration: 1s;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
  }
  .sp-naviarea {
    width: 90%;
    text-align: center;
    margin: 150px auto 0;
  }
  .sp-naviarea li {
    list-style: none;
  }
  .sp-naviarea li:not(:last-child) {
    margin-bottom: 2em;
  }
  .sp-naviarea li a {
    color: #0e1f1f;
    font-weight: bold;
    text-decoration: none;
  }
  .sp-naviarea p {
    width: 60%;
    margin: 3em auto 0;
  }
}
@media (max-width: 1360px) and (max-width: 767px) {
  .sp-naviarea p {
    width: 80%;
  }
}
#site-header.UpMove {
  -webkit-animation: UpAnime 0.5s forwards;
          animation: UpAnime 0.5s forwards;
}

@-webkit-keyframes UpAnime {
  from {
    opacity: 1;
    transform: translateY(0);
  }
  to {
    opacity: 0;
    transform: translateY(-100px);
  }
}

@keyframes UpAnime {
  from {
    opacity: 1;
    transform: translateY(0);
  }
  to {
    opacity: 0;
    transform: translateY(-100px);
  }
}
#site-header.DownMove {
  -webkit-animation: DownAnime 0.5s forwards;
          animation: DownAnime 0.5s forwards;
}

@-webkit-keyframes DownAnime {
  from {
    opacity: 0;
    transform: translateY(-100px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes DownAnime {
  from {
    opacity: 0;
    transform: translateY(-100px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.footer-top {
  width: 100%;
  border-top: 1px #b7c0c0 solid;
}
@media (min-width: 961px) {
  .footer-top {
    border-bottom: 1px #b7c0c0 solid;
  }
}

@media (max-width: 960px) {
  .footer-title {
    width: 100%;
    margin: 0 auto;
  }
  .footer-title h2 {
    width: 53%;
    margin: 0 auto;
    padding-block: 2em;
    text-align: center;
    border-top: 2px #89cfdb solid;
  }
  .footer-title h2 img {
    width: 300px;
  }
  .footer-title .pc-footerlink {
    display: none;
  }
}
@media (min-width: 961px) {
  .footer-title .pc-footerlink {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
  }
  .footer-title .pc-footerlink p {
    width: 46%;
    margin: 0 auto;
  }
  .footer-title .pc-footerlink p:first-child {
    font-size: 2.375rem;
    font-family: "Midashi Go MB31", "Noto Sans JP", sans-serif;
    font-weight: bold;
    color: #89cfdb;
    font-weight: 700;
  }
  .footer-title .pc-footerlink p:first-child span {
    color: #0e1f1f;
    font-size: 1.625rem;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 400;
  }
  .footer-title .pc-footerlink .ft-grdbtn {
    width: 100%;
    color: #0e1f1f;
    font-weight: bold;
    font-size: 1.625rem;
    text-align: center;
    padding: 1.2em 0;
    width: 100%;
    background: #BDDCF4;
    text-decoration: none;
    display: block;
    background: linear-gradient(140deg, rgb(189, 220, 244) 0%, rgb(184, 234, 240) 28%, rgb(201, 241, 244) 50%, rgb(184, 234, 240) 74%, rgb(189, 220, 244) 100%);
    background-position: 1% 50%;
    background-size: 200% auto;
    transition: all 0.4s ease-out;
    border-radius: 3em;
  }
  .footer-title .pc-footerlink .ft-grdbtn span {
    width: 3em;
    margin-left: 2.5em;
    text-align: center;
    color: #89cfdb;
    background-color: #fff;
    border-radius: 20px;
    display: inline-block;
    transition: all 0.8s;
  }
  .footer-title .pc-footerlink .ft-grdbtn:hover {
    background-position: 99% 50%;
  }
  .footer-title .pc-footerlink .ft-grdbtn:hover span {
    background: #0e1f1f;
    color: #fff;
  }
}
@media screen and (min-width: 961px) and (max-width: 1280px) {
  .footer-title {
    width: 92%;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: stretch;
  }
  .footer-title h2 {
    border-top: 4px #89cfdb solid;
    width: 80%;
    margin: 0 auto;
    padding-top: 1.2em;
    text-align: center;
  }
  .footer-title h2 img {
    width: 500px;
  }
  .footer-title .pc-footerlink {
    width: 100%;
    padding-block: 1.5em;
  }
}
@media (min-width: 1281px) {
  .footer-title {
    width: 92%;
    max-width: 1280px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: stretch;
  }
  .footer-title h2 {
    border-top: 4px #89cfdb solid;
    width: 40%;
    padding-top: 3.8em;
    text-align: center;
  }
  .footer-title h2 img {
    width: 300px;
  }
  .footer-title .pc-footerlink {
    width: 60%;
    padding-block: 2.8em;
  }
}

.footer-inner {
  width: 90%;
  margin: 0 auto;
  padding-block: 4em;
}
.footer-inner__box {
  width: 96%;
  margin: 0 auto 30px;
}
.footer-inner h3 {
  font-size: 1.375rem;
  font-family: "Midashi Go MB31", "Noto Sans JP", sans-serif;
  font-weight: bold;
  padding: 3px 0 4px 0.5em;
  margin-bottom: 1em;
  border-left: 5px #89cfdb solid;
}
@media (min-width: 961px) {
  .footer-inner {
    width: 90%;
    max-width: 1280px;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: stretch;
  }
  .footer-inner__box {
    width: 50%;
  }
}

.map-box {
  width: 90%;
  margin: 0 auto;
  z-index: 5;
}
@media (min-width: 961px) {
  .map-box {
    width: 90%;
    max-width: 1280px;
  }
}

.footer-maparea {
  position: relative;
  margin-top: -150px;
  padding-top: 200px;
  background: #E1F2F1;
  z-index: -1;
  background: linear-gradient(130deg, rgb(214, 235, 246) 0%, rgb(225, 242, 241) 100%);
}
@media (max-width: 767px) {
  .footer-maparea {
    margin-top: -180px;
    padding-top: 200px;
  }
}

.footer-clname {
  overflow: hidden;
}
.footer-clname__loop {
  background: url("../image/com/ft-clName.png") repeat-x;
  width: 100%;
  height: 140px;
  -webkit-animation: loop-slide 24s infinite linear;
          animation: loop-slide 24s infinite linear;
}
@media (max-width: 767px) {
  .footer-clname__loop {
    background: url("../image/com/ft-clName_s.png") repeat-x;
    height: 100px;
    -webkit-animation: loop-slideSP 24s infinite linear;
            animation: loop-slideSP 24s infinite linear;
  }
}

@-webkit-keyframes loop-slide {
  from {
    background-position: 0 0;
  }
  to {
    background-position: -2000px 0;
  }
}

@keyframes loop-slide {
  from {
    background-position: 0 0;
  }
  to {
    background-position: -2000px 0;
  }
}
@-webkit-keyframes loop-slideSP {
  from {
    background-position: 0 0;
  }
  to {
    background-position: -1300px 0;
  }
}
@keyframes loop-slideSP {
  from {
    background-position: 0 0;
  }
  to {
    background-position: -1300px 0;
  }
}
.site-c {
  text-align: center;
  padding-block: 1em;
}

#retop {
  width: 60px;
  height: 60px;
  text-align: center;
  place-content: center;
  background: rgba(137, 208, 209, 0.7);
  border-radius: 50%;
  position: fixed;
  right: 2%;
  bottom: 20%;
  cursor: pointer;
  z-index: 5;
  transition: all 0.5s;
}
#retop span {
  font-size: 1.75rem;
  color: #fff;
}
#retop:hover {
  background: rgb(137, 208, 209);
}

.mvfooter-btn {
  position: fixed;
  bottom: 0;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: stretch;
}
@media (min-width: 961px) {
  .mvfooter-btn {
    display: none;
  }
}
.mvfooter-btn li {
  width: 50%;
}
.mvfooter-btn li:first-child a {
  border-right: 1px #fff solid;
}
.mvfooter-btn a {
  width: 100%;
  display: block;
  color: #fff;
  text-align: center;
  text-decoration: none;
  padding-block: 1em;
  background: #89cfdb;
  font-weight: bold;
  font-size: 1.25rem;
}
.mvfooter-btn a span {
  margin-right: 0.3em;
  font-size: 1.125rem;
}

.pagetitle-area {
  margin-top: 200px;
}
@media (max-width: 1359px) {
  .pagetitle-area {
    margin-top: 100px;
  }
}

.page-title {
  width: 80%;
  margin: 0 auto 4em;
}
.page-title h1 {
  font-size: 5.5rem;
  margin-bottom: 0.2em;
}
.page-title h1::first-letter {
  color: #6abfcd;
}
.page-title p {
  font-size: 1.25rem;
  font-family: "STIX Two Text", serif;
  color: #6abfcd;
}
@media screen and (min-width: 768px) and (max-width: 960px) {
  .page-title {
    width: auto;
    margin: 0 0 2em 1em;
  }
  .page-title h1 {
    font-size: 5rem;
  }
}
@media (max-width: 767px) {
  .page-title {
    width: auto;
    margin: 0 0 2em 1em;
  }
  .page-title h1 {
    font-size: 3.125rem;
  }
}

.title-img {
  position: relative;
  margin-bottom: 12%;
}
.title-img img {
  width: 90%;
  z-index: 5;
}
.title-img::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: -40%;
  display: block;
  width: 90%;
  height: 100%;
  background: #E1F2F1;
  background: linear-gradient(130deg, rgb(225, 242, 241) 0%, rgb(214, 235, 246) 100%);
  z-index: -1;
}
@media screen and (min-width: 768px) and (max-width: 960px) {
  .title-img {
    margin-bottom: 12%;
  }
}
@media (max-width: 767px) {
  .title-img {
    margin-bottom: 15%;
  }
  .title-img::after {
    bottom: -20%;
    height: 100%;
  }
}

.pan-list {
  color: #01a8c4;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: stretch;
  font-size: 0.8125rem;
}
.pan-list li {
  margin-right: 0.5em;
}
.pan-list li:not(:first-child)::before {
  content: "・";
  color: #959c9c;
  margin-right: 0.5em;
}
.pan-list a {
  color: #959c9c;
  text-decoration: none;
}
.pan-list a:hover {
  text-decoration: underline;
}

.up-pan {
  width: 80%;
  margin: 0 auto;
}

.pd-pan {
  width: 100%;
  padding: 1.5em 1em 1.5em 1.5em;
  margin-block: 100px;
  background: #f1f1f1;
}

.content-area {
  width: 90%;
  margin: 0 auto;
  display: flex;
}
@media (max-width: 960px) {
  .content-area {
    flex-wrap: wrap-reverse;
  }
}
@media (min-width: 961px) {
  .content-area {
    width: 100%;
    flex-direction: row-reverse;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 140px;
  }
}

.main-content {
  width: 100%;
}
@media (min-width: 961px) {
  .main-content {
    width: 70%;
    max-width: 1200px;
    margin: 0 auto;
  }
}

.main-content-1column {
  width: 100%;
}
@media (min-width: 961px) {
  .main-content-1column {
    width: 90%;
    margin: 0 auto;
  }
}

.pagecont-navi {
  width: 100%;
}
@media (max-width: 960px) {
  .pagecont-navi {
    border-bottom: 2px #89cfdb solid;
    margin: 50px 0 100px;
  }
  .pagecont-navi h2 {
    font-size: 1.375rem;
    font-weight: 200;
    color: #89cfdb;
    position: relative;
  }
  .pagecont-navi h2 span {
    padding-right: 0.5em;
    background: #fff;
  }
  .pagecont-navi h2::after {
    width: 100%;
    height: 2px;
    content: "";
    display: block;
    background: #89cfdb;
    position: absolute;
    top: 50%;
    z-index: -1;
  }
  .pagecont-navi ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: stretch;
    padding-block: 0.5em;
  }
  .pagecont-navi ul li {
    width: 98%;
    text-indent: -2em;
    padding-left: 2em;
  }
  .pagecont-navi ul li a {
    width: 100%;
    padding-block: 0.5em;
    display: block;
    color: #0e1f1f;
    text-decoration: none;
    border-bottom: 1px #fff dashed;
  }
  .pagecont-navi ul li a:hover {
    border-bottom: 1px #89cfdb dashed;
  }
}
@media screen and (min-width: 768px) and (max-width: 960px) {
  .pagecont-navi h2 {
    font-size: 2rem;
  }
}
@media (min-width: 961px) {
  .pagecont-navi {
    width: 30%;
    max-width: 320px;
    border-top: 2px #89cfdb solid;
    margin-bottom: 2em;
    position: relative;
  }
  .pagecont-navi h2 {
    text-align: center;
    font-size: 2rem;
    font-weight: 200;
    color: #01a8c4;
    padding-block: 50px;
  }
  .pagecont-navi ul {
    width: 88%;
    margin: 0 auto 3em;
  }
  .pagecont-navi ul li {
    margin-bottom: 1em;
  }
  .pagecont-navi ul li a {
    width: 100%;
    color: #0e1f1f;
    text-decoration: none;
    display: block;
    padding: 8px 0 3px 0px;
    text-indent: -2em;
    padding-left: 2em;
    transition: all 0.5s;
  }
  .pagecont-navi ul li a:hover {
    background: #6abfcd;
    color: #fff;
  }
  .pagecont-navi ul li a.active {
    background: #6abfcd;
    color: #fff;
  }
}

@media (min-width: 961px) {
  .sidebar-in {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
  }
  .kanren-link h3 {
    color: #6abfcd;
    margin-left: 1em;
    margin-bottom: 0.8em;
  }
  .kanren-link ol {
    padding-left: 2em;
  }
  .kanren-link li {
    margin-bottom: 0.3em;
    margin-left: 1em;
    text-indent: 0;
    list-style: outside disc;
  }
  .kanren-link li::marker {
    color: #89cfdb;
  }
  .kanren-link li a {
    padding: 4px 0 2px 0;
    text-decoration: none;
    color: #0e1f1f;
  }
  .kanren-link li a:hover {
    border-bottom: 1px #6abfcd solid;
    color: #01a8c4;
  }
  .kanren-linkSP {
    display: none;
  }
}
@media (max-width: 960px) {
  .kanren-link {
    display: none;
  }
  .kanren-linkSP {
    padding: 1.5em;
    background: #edf2f5;
  }
  .kanren-linkSP h3 {
    font-weight: 700;
    color: #6abfcd;
    margin-bottom: 0.5em;
  }
  .kanren-linkSP li:not(:last-child) {
    margin-bottom: 0.5em;
  }
  .kanren-linkSP li::before {
    font-family: "icomoon" !important;
    content: "\e902";
    margin-left: 8px;
    margin-right: 8px;
    font-size: 0.875rem;
  }
  .kanren-linkSP li.hit {
    font-weight: 700;
  }
  .kanren-linkSP li.hit::before {
    font-family: "icomoon" !important;
    content: "\e90c";
    margin-right: 8px;
    color: #89cfdb;
  }
  .kanren-linkSP a {
    color: #0e1f1f;
    text-decoration: none;
  }
}
.snav li.current a {
  border-bottom: 2px #6abfcd dashed;
}

.content-inner {
  width: 90%;
  line-height: 1.8;
  margin: 0 auto 100px;
}
.content-inner p {
  margin-bottom: 1.8em;
  letter-spacing: 0.03em;
}
@media (max-width: 767px) {
  .content-inner {
    width: 100%;
  }
}

.cont-titarea {
  width: 100%;
  margin-bottom: 3em;
}
.cont-titarea h2 {
  font-family: "Midashi Go MB31", "Noto Sans JP", sans-serif;
  font-weight: bold;
  font-size: 2rem;
  padding: 1em 0 1em 1em;
  background: #edf2f5;
}
.cont-titarea__en {
  font-size: 0.875rem;
  font-weight: 700;
  color: #fff;
  padding-bottom: 0.2em;
  border-bottom: 1px #01a8c4 solid;
}
.cont-titarea__en span {
  padding: 0.2em 1.5em;
  background: #6abfcd;
}
@media (max-width: 767px) {
  .cont-titarea h2 {
    padding: 0.8em 0.5em;
    font-size: 1.75rem;
  }
  .cont-titarea__en {
    font-size: 0.75rem;
  }
  .cont-titarea__en span {
    padding: 0.2em 0.8em;
  }
}

.lev3-toptit {
  font-family: "Midashi Go MB31", "Noto Sans JP", sans-serif;
  font-weight: bold;
  font-size: 1.75rem;
  margin-bottom: 1.2em;
}
.lev3-toptit::before {
  content: "";
  width: 1.3em;
  height: 3px;
  display: inline-block;
  background: #89cfdb;
  margin-right: 0.5em;
  margin-bottom: 0.3em;
}

.lev3-title {
  font-weight: 700;
  font-size: 1.375rem;
  padding: 0.5em 0 0.5em 0.8em;
  margin-top: 4em;
  margin-bottom: 1.5em;
  border-top: 1px #959c9c solid;
  border-bottom: 1px #959c9c solid;
  box-shadow: 0px 5px 0px rgba(239, 239, 239, 0.8);
  position: relative;
  clear: both;
}
.lev3-title::before {
  width: 5px;
  height: 50%;
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 25%;
  background: #89cfdb;
}
@media (max-width: 767px) {
  .lev3-title {
    padding: 0.8em 0.3em 0.8em 0.8em;
  }
}

.content-inner h3:first-child {
  margin-top: 0;
}

.lev4-title {
  color: #fff;
  font-size: 1.25rem;
  letter-spacing: 0.1rem;
  padding: 0.8em 1em 0.8em 1.8em;
  margin-top: 3em;
  margin-bottom: 1.2em;
  border-radius: 10px;
  background: #6abfcd;
  position: relative;
}
.lev4-title::before {
  width: 3px;
  height: 50%;
  content: "";
  display: block;
  background: #fff;
  position: absolute;
  top: 0.8em;
  left: 0.8em;
}

.point-title {
  margin-bottom: 1em;
}
.point-title span {
  background: #6abfcd;
  color: #fff;
  padding: 3px 1.5em 3px 1.5em;
  border-radius: 20px;
}

.heroimg-area {
  height: calc(100vh - 200px);
  position: relative;
  margin-top: 200px;
  margin-bottom: 300px;
}
@media (max-width: 1359px) {
  .heroimg-area {
    margin-top: 100px;
    margin-bottom: 250px;
  }
}

.heroimg-main {
  position: relative;
}

.slider-wrap {
  width: 62vw;
  height: 78vh;
  background-size: cover;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 3;
}
@media screen and (min-width: 768px) and (max-width: 960px) {
  .slider-wrap {
    width: 72vw;
  }
}
@media (max-width: 767px) {
  .slider-wrap {
    width: 82vw;
  }
}

.vegas-slider {
  width: 100%;
  height: 100%;
}

.site-catch h2 {
  font-size: 3.125rem;
  font-family: "Midashi Go MB31", "Noto Sans JP", sans-serif;
  font-weight: bold;
  line-height: 1.3;
  padding: 0.3em 0.5em 0.3em 0;
  background: #fff;
  position: absolute;
  top: 10vh;
  left: 10vw;
  z-index: 5;
  letter-spacing: 0.08em;
}
.site-catch h2 span {
  color: #89cfdb;
}
.site-catch p {
  font-size: 1.125rem;
  line-height: 1.8;
  padding: 1.3em 1.3em 1.3em 0;
  background: rgba(255, 255, 255, 0.8);
  position: absolute;
  top: 44vh;
  left: 10vw;
  z-index: 5;
}
@media (max-width: 767px) {
  .site-catch h2 {
    font-size: 1.5rem;
    top: 8vh;
    left: 5vw;
    padding: 0.5em 0.3em 0.5em 0;
    letter-spacing: 0em;
  }
  .site-catch p {
    font-size: 0.9375rem;
    top: 50vh;
    right: 0;
    padding: 1.3em 0.3em;
  }
}
@media screen and (min-width: 768px) and (max-width: 960px) {
  .site-catch h2 {
    font-size: 2.375rem;
    top: 10vh;
    left: 5vw;
  }
  .site-catch p {
    font-size: 1.125rem;
    top: 25vh;
    left: 5vw;
    line-height: 1.8;
    padding: 1.5em 0.8em 1.5em 0;
  }
}
@media (max-width: 375px) {
  .site-catch p {
    padding: 1em;
    top: 45vh;
    right: 0;
  }
}

.hero-bkname {
  position: absolute;
  bottom: -18vh;
  width: 100%;
  height: 350px;
  background: #E1F2F1;
  background: linear-gradient(130deg, rgb(225, 242, 241) 0%, rgb(214, 235, 246) 100%);
  display: flex;
  align-items: flex-end;
}
.hero-bkname div {
  font-family: "STIX Two Text", serif;
  color: #fff;
  opacity: 0.35;
  font-size: 12.5rem;
  line-height: 0.73;
}
@media (max-width: 767px) {
  .hero-bkname div {
    font-size: 6.875rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 960px) {
  .hero-bkname div {
    font-size: 9.375rem;
  }
}
@media (max-width: 375px) {
  .hero-bkname div {
    font-size: 6rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 960px) {
  .hero-bkname {
    height: 400px;
    bottom: -10vh;
  }
}
@media (max-width: 767px) {
  .hero-bkname {
    bottom: -14vh;
  }
}

.scroll-arrow {
  position: absolute;
  display: inline-block;
  bottom: 11.5vh;
  left: 0.5em;
  font-size: 1.2rem;
  color: #0e1f1f;
  writing-mode: vertical-lr;
  z-index: 6;
}
.scroll-arrow::after {
  content: "";
  position: absolute;
  top: 3.2em;
  left: 50%;
  width: 1px;
  height: 4em;
  background: #0e1f1f;
  -webkit-animation: sdl 1.5s cubic-bezier(1, 0, 0, 1) infinite;
          animation: sdl 1.5s cubic-bezier(1, 0, 0, 1) infinite;
}

@-webkit-keyframes sdl {
  0% {
    transform: scale(1, 0);
    transform-origin: 0 0;
  }
  100% {
    transform: scale(1, 1);
    transform-origin: 0 0;
  }
}

@keyframes sdl {
  0% {
    transform: scale(1, 0);
    transform-origin: 0 0;
  }
  100% {
    transform: scale(1, 1);
    transform-origin: 0 0;
  }
}
.top-news {
  width: 90%;
  margin: 0 auto;
  padding-bottom: 120px;
  position: relative;
}
@media (max-width: 960px) {
  .top-news {
    padding-bottom: 180px;
  }
}
.top-news__title {
  width: 100%;
}
.top-news__title h2 {
  font-family: "Midashi Go MB31", "Noto Sans JP", sans-serif;
  font-weight: bold;
  margin-bottom: 0.5em;
  font-size: 3rem;
}
.top-news__title h2::before {
  width: 120px;
  height: 3px;
  display: block;
  content: "";
  background: #89cfdb;
  margin-bottom: 0.9em;
}
.top-news__title .title-en {
  color: #6abfcd;
  font-family: "STIX Two Text", serif;
  font-size: 1.75rem;
}
@media (max-width: 960px) {
  .top-news__title {
    text-align: center;
    margin-bottom: 50px;
  }
  .top-news__title h2::before {
    margin: 0 auto 0.9em;
  }
}
.top-news__body {
  width: 100%;
  border-top: 1px #959c9c solid;
}
@media screen and (min-width: 961px) and (max-width: 1180px) {
  .top-news {
    width: 90%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: stretch;
  }
  .top-news__title {
    width: 38%;
  }
  .top-news__body {
    width: 60%;
  }
}
@media (min-width: 1181px) {
  .top-news {
    width: 90%;
    max-width: 1280px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: stretch;
  }
  .top-news__title {
    width: 30%;
  }
  .top-news__body {
    width: 70%;
  }
}

.news-box {
  width: 100%;
  padding-block: 1.3em;
  border-bottom: 1px #959c9c solid;
}
.news-box__title {
  margin-bottom: 1em;
}
@media (max-width: 960px) {
  .news-box__title {
    padding-left: 1em;
    padding-bottom: 0.3em;
    border-left: 3px #89cfdb solid;
  }
}
@media (min-width: 961px) {
  .news-box__title {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
  }
}
.news-box__title h3 {
  font-size: 1.375rem;
  font-weight: 500;
}
.news-box__date {
  font-family: "STIX Two Text", serif;
  font-size: 0.875rem;
}
.news-box__date span {
  font-size: 2.125rem;
}
@media (max-width: 960px) {
  .news-box__date span {
    vertical-align: middle;
    margin-left: 0.2em;
  }
}
@media (min-width: 961px) {
  .news-box__date {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding-inline: 1.5em;
    margin-right: 1.5em;
    border-right: 2px #89cfdb solid;
  }
}
.news-box div {
  margin-left: 1em;
}
.news-box div p {
  line-height: 1.5;
}

.to-newslist {
  width: 80%;
}
@media (max-width: 960px) {
  .to-newslist {
    position: absolute;
    bottom: 80px;
    left: 10%;
  }
}
@media (min-width: 961px) {
  .to-newslist {
    margin-top: 3em;
  }
}

.top-medical {
  width: 100%;
  margin-bottom: 120px;
}
@media (max-width: 960px) {
  .top-medical {
    margin-bottom: 80px;
  }
}

.medical-lineup {
  width: 100%;
  padding-block: 80px;
  background: url("../image/cont/bk-top_medicalinfo.jpg") no-repeat center center;
  background-size: cover;
}
.medical-lineup h2 {
  text-align: center;
  margin-bottom: 0.5em;
  font-family: "Midashi Go MB31", "Noto Sans JP", sans-serif;
  font-weight: bold;
  font-size: 3rem;
}
.medical-lineup h2::before {
  width: 120px;
  height: 3px;
  display: block;
  content: "";
  background: #89cfdb;
  margin: 0 auto 0.9em;
}
.medical-lineup .title-en {
  text-align: center;
  color: #6abfcd;
  font-family: "STIX Two Text", serif;
  font-size: 1.75rem;
}
.medical-lineup__body {
  width: 90%;
  padding: 3em;
  margin: 3em auto 0;
  background-color: rgba(255, 255, 255, 0.7);
  border-radius: 1em;
  box-shadow: 0 0 15px 10px rgba(14, 31, 31, 0.2);
  -webkit-backdrop-filter: blur(8px);
          backdrop-filter: blur(8px);
}
.medical-lineup__body li {
  width: 100%;
}
.medical-lineup__body li a {
  display: block;
  color: #0e1f1f;
  text-decoration: none;
  padding-bottom: 0.2em;
  border-bottom: 1px #0e1f1f solid;
  font-size: 1.75rem;
  position: relative;
  transition: all 0.5s;
}
.medical-lineup__body li a span {
  color: #fff;
  display: block;
  background: #0e1f1f;
  padding-inline: 1.2em;
  border-radius: 1em;
  font-size: 1.125rem;
  position: absolute;
  right: 0;
  bottom: 0.5em;
  transition: all 0.5s;
}
.medical-lineup__body li a:hover {
  color: #01a8c4;
}
.medical-lineup__body li a:hover span {
  background: #89cfdb;
}
.medical-lineup__body li:not(:last-child) {
  margin-bottom: 2em;
}

.medical-info {
  width: 100%;
  padding-top: 60px;
}
.medical-info section {
  width: 90%;
  margin: 0 auto;
}
.medical-info section:first-child {
  margin-bottom: 5em;
}

.tekiyo {
  margin-left: 2.5em;
}
.tekiyo li {
  display: inline-block;
  width: 5em;
  font-size: 0.85em;
  text-align: center;
  margin-right: 0.5em;
  padding-block: 3px;
}
.tekiyo .am {
  background: #e7f4f3;
}
.tekiyo .hol {
  background: #ffdfdf;
  color: #f00;
}

@media (max-width: 767px) {
  .medical-lineup__body {
    padding: 2em 1.5em;
  }
  .medical-lineup__body li a {
    font-size: 1.375rem;
  }
}
@media (min-width: 961px) {
  .top-medical {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: stretch;
  }
  .medical-lineup, .medical-info {
    width: 50%;
    padding-top: 120px;
  }
  .medical-info {
    padding-bottom: 120px;
  }
}
@media screen and (min-width: 961px) and (max-width: 1290px) {
  .medical-lineup__body {
    width: 90%;
    padding: 2em;
  }
}
@media (min-width: 1291px) {
  .medical-lineup__body {
    width: 60%;
    padding: 3em;
  }
  .medical-info section {
    width: 80%;
  }
}
.top-surgeries {
  padding-block: 80px;
  margin-bottom: 80px;
  background-image: url("../image/cont/bk-top_surgery_sp.jpg");
  background-repeat: repeat-y;
  background-position: center bottom;
  background-size: cover;
}
@media (min-width: 961px) {
  .top-surgeries {
    padding-block: 120px;
    margin-bottom: 120px;
    background-image: url("../image/cont/bk-top_surgery_pc.jpg");
    background-position: center center;
    background-repeat: no-repeat;
  }
}
.top-surgeries h2 {
  text-align: center;
  margin-bottom: 0.5em;
  font-family: "Midashi Go MB31", "Noto Sans JP", sans-serif;
  font-weight: bold;
  font-size: 3rem;
}
.top-surgeries h2::before {
  width: 120px;
  height: 3px;
  display: block;
  content: "";
  background: #89cfdb;
  margin: 0 auto 0.9em;
}
.top-surgeries .title-en {
  text-align: center;
  color: #6abfcd;
  font-family: "STIX Two Text", serif;
  font-size: 1.75rem;
}
.top-surgeries__inner {
  width: 90%;
  margin: 3em auto 0;
}
@media (min-width: 961px) {
  .top-surgeries__inner {
    width: 90%;
    max-width: 1280px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: stretch;
  }
}
.top-surgeries__box {
  width: 96%;
  background: #fff;
  border-radius: 20px;
  padding: 1.8em;
  margin: 0 auto 2em;
  position: relative;
  box-shadow: 0 0 15px 10px rgba(14, 31, 31, 0.1);
}
.top-surgeries__box figure {
  -o-object-fit: cover;
     object-fit: cover;
  position: relative;
}
.top-surgeries__box figure img {
  border-radius: 10px;
}
.top-surgeries__box h3 {
  width: 80%;
  font-size: 1.375rem;
  font-weight: 500;
  padding-block: 0.5em;
  margin-bottom: 1em;
  margin-top: -2.5em;
  background: #fff;
  position: relative;
}
.top-surgeries__box h3 span {
  width: 90%;
  display: inline-block;
  padding-bottom: 0.5em;
  border-bottom: 2px #89cfdb solid;
}
.top-surgeries__box ul {
  margin-bottom: 2em;
}
@media screen and (min-width: 961px) and (max-width: 1280px) {
  .top-surgeries__box {
    width: 32%;
    padding-top: 1.6em;
    padding-inline: 1.2em;
    padding-bottom: 5em;
  }
  .top-surgeries__box .link {
    position: absolute;
    bottom: 1.6em;
    width: 85%;
  }
}
@media (min-width: 1281px) {
  .top-surgeries__box {
    width: 31%;
    padding-bottom: 6em;
  }
  .top-surgeries__box .link {
    position: absolute;
    bottom: 1.8em;
    right: 1.8em;
    width: 70%;
  }
}
@media screen and (min-width: 768px) and (max-width: 960px) {
  .top-surgeries__box {
    width: 90%;
    padding: 2.8em;
  }
  .top-surgeries__box h3 {
    padding-block: 0.5em;
    margin-top: -2.3em;
  }
  .top-surgeries__box .link {
    width: 70%;
    margin: 0 0 0 auto;
  }
}

.greet-drname {
  text-align: right;
  font-size: 1.375rem;
}
.greet-drname p:first-child {
  margin-right: 1em;
  margin-bottom: 0;
}
.greet-drname p:last-child {
  font-size: 1.75rem;
}

@media (min-width: 961px) {
  #tit-drinfo .flex-area {
    justify-content: space-between;
  }
}

.keireki-list {
  width: 100%;
}
.keireki-list th {
  width: 4em;
  padding-block: 0.3em;
  margin-left: 1.5em;
  vertical-align: top;
  display: list-item;
}
.keireki-list th::marker {
  color: #89cfdb;
}
.keireki-list td {
  padding-block: 0.3em;
}
@media (max-width: 767px) {
  .keireki-list td {
    padding-left: 0.5em;
  }
}

.clinic-gallery {
  width: 100%;
  overflow: hidden;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: stretch;
}
.clinic-gallery img {
  display: block;
}

.slider {
  width: 60%;
  max-width: 640px;
}

.slider-item div {
  margin-top: 0.3em;
  width: 100%;
  background: #edf2f5;
  text-align: center;
  padding-bottom: 2px;
}

.thumbnail {
  width: 30%;
}
@media (min-width: 961px) {
  .thumbnail {
    max-width: 320px;
  }
}

.thumbnail .slick-track {
  transform: unset !important;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  width: 100% !important;
}

.thumbnail .slick-track::before, .thumbnail .slick-track::after {
  display: none;
}

.thumbnail .slick-slide {
  display: block;
  float: none;
  width: 48% !important;
  max-width: 150px;
  margin-bottom: 1em;
  cursor: pointer;
}

@media (max-width: 960px) {
  .slider, .thumbnail {
    width: 100%;
  }
  .slider {
    margin-bottom: 20px;
  }
  .thumbnail .slick-track {
    flex-wrap: wrap;
    justify-content: flex-start;
  }
  .thumbnail .slick-slide {
    width: 16.6666666667% !important;
    margin-right: 0.73em;
    margin-bottom: 0.5em;
  }
}
.facility-wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: stretch;
  /*    display:grid;
      grid-template-columns: repeat(3, 1fr);
      grid-template-rows: repeat(2, 1fr);
      gap:2em;*/
}

.facility-box {
  width: 31%;
  margin: 0 1% 2em;
  border: 1px #959c9c solid;
  padding: 1em;
  box-shadow: 0px 2px 6px rgba(14, 31, 31, 0.2);
}
.facility-box figure {
  margin-bottom: 0.5em;
}
.facility-box h4 {
  line-height: 1.2;
  font-weight: 700;
  margin-bottom: 0.5em;
  padding: 0.2em 0 0.5em 0.5em;
  border-left: 4px #89cfdb solid;
}
.facility-box p.k-maker {
  font-size: 0.875rem;
  color: #959c9c;
  margin-bottom: 1em;
}
.facility-box p:last-child {
  line-height: 1.3;
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .facility-box {
    width: 100%;
  }
}
@media screen and (min-width: 768px) and (max-width: 960px) {
  .facility-box {
    width: 48%;
  }
}

@media (min-width: 961px) {
  .flow-area {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: stretch;
  }
}

.flow-box {
  margin-bottom: 80px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  position: relative;
}
.flow-box::after {
  content: "";
  display: block;
  position: absolute;
  width: 85%;
  height: 80%;
  background: #f7fdff;
  background: linear-gradient(280deg, rgb(247, 253, 255) 0%, rgb(235, 255, 252) 45%, rgb(227, 248, 255) 100%);
  z-index: -1;
}
@media (max-width: 767px) {
  .flow-box::after {
    -webkit-clip-path: polygon(20% 0, 100% 0, 100% 100%, 0% 100%);
            clip-path: polygon(20% 0, 100% 0, 100% 100%, 0% 100%);
    background: #f7fdff;
    background: linear-gradient(90deg, rgb(247, 253, 255) 0%, rgb(235, 255, 252) 45%, rgb(227, 248, 255) 100%);
  }
}
@media (min-width: 768px) {
  .flow-box::after {
    -webkit-clip-path: polygon(0 0, 100% 0%, 90% 100%, 0% 100%);
            clip-path: polygon(0 0, 100% 0%, 90% 100%, 0% 100%);
  }
}
.flow-box__num {
  width: 92%;
  font-weight: 700;
  background: #fff;
  border: 4px #6abfcd solid;
  border-radius: 20px;
  place-content: center;
  position: relative;
  color: #6abfcd;
}
.flow-box__num span {
  font-size: 2.375rem;
}
.flow-box__body {
  width: 100%;
  padding: 1.5em 0.5em 0 0.5em;
}
.flow-box__body h4 {
  font-weight: 700;
  font-size: 1.75rem;
  margin-bottom: 1em;
}
.flow-box__body h4 img {
  vertical-align: middle;
  width: 80px;
}
@media (max-width: 767px) {
  .flow-box::after {
    width: 100%;
    height: 90%;
    top: 3vh;
    left: 6%;
  }
  .flow-box__num {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
  }
  .flow-box__num span {
    font-size: 1.75rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 960px) {
  .flow-box::after {
    left: 5vw;
    top: 3vh;
  }
  .flow-box__num {
    width: 16%;
    padding-block: 0.8em;
    text-align: center;
  }
  .flow-box__num span {
    display: block;
  }
  .flow-box__body {
    width: 80%;
    padding-top: 1em;
  }
}
@media (min-width: 961px) {
  .flow-box {
    width: 49%;
  }
  .flow-box::after {
    left: 3vw;
    top: 5vh;
  }
  .flow-box__num {
    width: 18%;
    padding-block: 0.5em;
    text-align: center;
  }
  .flow-box__num span {
    display: block;
  }
  .flow-box__body {
    width: 75%;
    padding-left: 0;
  }
}

.flow-verBtn {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: stretch;
  margin-bottom: 1em;
}
.flow-verBtn li {
  width: 48%;
}

.waku-btn {
  width: 100%;
  height: auto;
  text-align: center;
  line-height: 1;
  outline: none;
  padding: 12px 0;
  font-weight: 500;
  border: 2px #0e1f1f solid;
  border-radius: 6px;
}

.treat-time {
  width: 90%;
  margin-bottom: 1em;
  border-top: 1px #959c9c solid;
  border-bottom: 1px #959c9c solid;
}
.treat-time th {
  padding-block: 0.8em;
}
.treat-time tbody th {
  width: 30%;
  border-top: 1px #959c9c solid;
  font-size: 0.875rem;
  color: #01a8c4;
}
.treat-time tbody th span {
  font-size: 1.375rem;
  color: #0e1f1f;
  font-family: "STIX Two Text", serif;
}
.treat-time tbody td {
  width: 10%;
  padding-block: 0.8em;
  color: #01a8c4;
  text-align: center;
  border-top: 1px #959c9c solid;
}
@media (max-width: 960px) {
  .treat-time {
    width: 100%;
  }
  .treat-time tbody th {
    font-size: 0.8125rem;
  }
  .treat-time tbody th span {
    font-size: 1.125rem;
  }
}

.contin-navi {
  padding: 0.5em;
  border: 2px #6abfcd dotted;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: stretch;
}
.contin-navi li {
  width: 33%;
}
.contin-navi li::before {
  font-family: "icomoon" !important;
  content: "\e902";
  margin-left: 8px;
  margin-right: 8px;
}
@media (max-width: 960px) {
  .contin-navi {
    justify-content: space-between;
  }
  .contin-navi li {
    width: 49%;
  }
}

.content-catch {
  font-size: 1.75rem;
  font-weight: 700;
  text-align: center;
  margin-top: 4em;
  margin-bottom: 1em;
  color: #6abfcd;
  display: flex;
  align-items: center;
  justify-content: center;
}
.content-catch::before, .content-catch::after {
  background: #6abfcd;
  content: "";
  height: 2px;
  width: 2em;
}
.content-catch::before {
  margin-right: 0.8em;
}
.content-catch::after {
  margin-left: 0.8em;
}
@media (max-width: 767px) {
  .content-catch {
    font-size: 1.5rem;
    line-height: 1.3;
  }
}

.clarea-wrap {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: stretch;
}
@media (max-width: 960px) {
  .clarea-wrap:nth-child(odd) div {
    margin-right: 1.5%;
    margin-bottom: 3%;
  }
}

.cl-lensbox {
  padding: 0.8em;
  border: 1px #959c9c solid;
}
.cl-lensbox dt {
  text-align: center;
  margin-bottom: 0.5em;
  line-height: 1.2;
}
.cl-lensbox dd p {
  line-height: 1.2;
  margin-bottom: 0;
}
.cl-lensbox ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: stretch;
}
@media (min-width: 961px) {
  .cl-lensbox {
    width: 32%;
    margin: 0 0.5% 3%;
  }
}
@media (max-width: 960px) {
  .cl-lensbox {
    width: 48%;
    padding: 0.8em 0.5em;
  }
}

.cl-maker {
  font-size: 0.8125rem;
  background: #edf2f5;
  text-align: center;
  line-height: 1.2;
}
@media (min-width: 961px) {
  .cl-maker {
    font-size: 0.875rem;
  }
}

.cl-info {
  font-size: 0.9375rem;
}
.cl-info span {
  display: inline-block;
  padding-inline: 0.8em;
  text-align: center;
}
.cl-info__1day {
  background: #0e1f1f;
  color: #fff;
}
.cl-info__2week {
  background: #959c9c;
  color: #fff;
}
.cl-info__toric {
  background: #89cfdb;
}
.cl-info__multi {
  background: #fdffa0;
}
@media (max-width: 960px) {
  .cl-info {
    font-size: 0.875rem;
  }
  .cl-info span {
    padding-inline: 0.5em;
  }
}

@media (min-width: 961px) {
  .surgery-btn {
    justify-content: space-between;
  }
}

.surgery-box {
  padding: 1.5em;
  background: #fff;
  transition: all 0.5s;
  position: relative;
}
.surgery-box h2 {
  width: 100%;
  color: #fff;
  text-align: center;
  font-size: 1.25rem;
  font-weight: 700;
  padding-block: 1em;
  background: #6abfcd;
}
.surgery-box figure {
  width: 80%;
}
.surgery-box div p {
  line-height: 1.8;
  letter-spacing: 0.1em;
}
.surgery-box a {
  text-decoration: none;
  color: #0e1f1f;
}
.surgery-box:hover {
  background: #edf2f5;
}

@media (max-width: 767px) {
  .to-page {
    margin-top: 1em;
  }
}
@media (min-width: 768px) {
  .surgery-box {
    padding: 1.5em 1.5em 7em 1.5em;
  }
  .to-page {
    width: 80%;
    position: absolute;
    bottom: 1.5em;
    left: 10%;
  }
}
.opeflow-area {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
}
@media (max-width: 960px) {
  .opeflow-area div:nth-child(1) {
    margin-bottom: 1.5em;
  }
  .opeflow-area div:nth-child(2) {
    margin-bottom: 1.5em;
  }
}

.opeflow-inbox p {
  margin-bottom: 0.5em;
  line-height: 1.3;
  font-size: 1rem;
}
@media (max-width: 767px) {
  .opeflow-inbox {
    width: 48%;
  }
}
@media screen and (min-width: 768px) and (max-width: 960px) {
  .opeflow-inbox {
    width: 50%;
    text-align: center;
  }
}

.archive-list {
  width: 100%;
  border-top: 1px #959c9c solid;
}

/* ------------------------------------------------
	list
-------------------------------------------------- */
.def-list {
  margin-left: 1.5em;
  margin-bottom: 0.6em;
}
.def-list > li {
  list-style: outside disc;
  line-height: 1.2;
}
.def-list > li:not(:last-child) {
  margin-bottom: 0.8em;
}
.def-list > li::marker {
  color: #89cfdb;
}

.in-list {
  margin-top: 1em;
  margin-left: 1em;
}
.in-list li {
  line-height: 1.5;
}

.deci-list {
  margin-left: 1.5rem;
}
.deci-list li {
  list-style: outside decimal;
  line-height: 1.2;
}
.deci-list li:not(:last-child) {
  margin-bottom: 0.6rem;
}

.hosoku-list li {
  text-indent: -1em;
  padding-left: 1em;
  line-height: 1.3;
}
.hosoku-list li:not(:last-child) {
  margin-bottom: 0.8em;
}

.link-list li {
  line-height: 1.2;
}
.link-list li:before {
  font-family: "icomoon" !important;
  content: "\e902";
  margin-left: 8px;
  margin-right: 8px;
  color: #01a8c4;
}
.link-list li:not(:last-child) {
  margin-bottom: 0.6em;
}
.link-list li .link-list {
  margin-top: 0.8em;
  margin-left: 1.25rem;
  margin-bottom: 1.25rem;
}

.link-horiz-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: stretch;
}
.link-horiz-list li {
  line-height: 1.2;
}
.link-horiz-list li:before {
  font-family: "icomoon" !important;
  content: "\e902";
  margin-left: 8px;
  margin-right: 8px;
}
.link-horiz-list li:not(:last-child) {
  margin-bottom: 0.6em;
}
@media (max-width: 960px) {
  .link-horiz-list li {
    width: 33%;
  }
}
@media (min-width: 961px) {
  .link-horiz-list li {
    margin-left: 1.5rem;
  }
}

.horiz-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: stretch;
}
.horiz-list li {
  line-height: 1.2;
  margin-right: 1rem;
}

.img-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: stretch;
}
.img-list li {
  width: 48%;
  margin-bottom: 1.5em;
}
@media (min-width: 961px) {
  .img-list li {
    width: 30%;
  }
}

.grid-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: stretch;
  width: 100%;
}
.grid-list li {
  width: 30%;
  margin: 0.5%;
  text-align: center;
  padding-block: 0.3em;
  background: #fff;
}
@media (max-width: 767px) {
  .grid-list li {
    width: 47%;
  }
}

.def-dtstyle dt {
  font-weight: 700;
  margin-bottom: 0.8em;
}
.def-dtstyle dt::before {
  content: "●";
  margin-right: 3px;
}
.def-dtstyle dd {
  margin-bottom: 2em;
  margin-left: 1em;
}
.def-dtstyle dd .def-list {
  margin-left: 1rem;
}

.point-dtstyle dt {
  margin-bottom: 0.5em;
}
.point-dtstyle dt span {
  background: #6abfcd;
  color: #fff;
  padding: 0 0.5em 3px 0.5em;
}
.point-dtstyle dd {
  margin-bottom: 2em;
}
@media (min-width: 961px) {
  .point-dtstyle dd {
    margin-left: 1.5em;
  }
}
@media (max-width: 960px) {
  .point-dtstyle dt span {
    width: 100%;
  }
}

.dl-grid dt {
  font-weight: bold;
  float: left;
  clear: left;
  width: 5em;
  padding-bottom: 1em;
}
.dl-grid dt::before {
  content: "●";
}
.dl-grid dd {
  padding-left: 7em;
  padding-bottom: 1em;
}
.dl-grid dd p {
  line-height: 1.5;
}

.simple-dtstyle dt {
  font-weight: bold;
  margin-bottom: 0.5em;
}
.simple-dtstyle dd {
  margin-bottom: 1.8em;
}
.simple-dtstyle dd p:last-child {
  margin-bottom: 0;
}

/* --------------------------------------------------
	box
---------------------------------------------------- */
.bk-box {
  background: #edf2f5;
  padding: 2rem;
}
.bk-box p:last-child {
  margin-bottom: 0;
}
.bk-box__title {
  color: #6abfcd;
  margin-bottom: 0.8em;
  font-weight: 700;
}
@media (max-width: 767px) {
  .bk-box {
    padding: 1.5rem;
  }
}

.bkcol-box {
  padding: 2rem;
}
.bkcol-box p:last-child {
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .bkcol-box {
    padding: 1rem;
  }
}

.line-box {
  width: 100%;
  padding: 1.5rem;
  margin: 2rem auto;
  border: 2px #959c9c solid;
}
.line-box__title {
  font-weight: bold;
  font-size: 1.25rem;
  margin-bottom: 0.875rem;
}
.line-box p:last-child {
  margin-bottom: 0;
}

.caution-box {
  width: 100%;
  padding: 1.5rem;
  border: 3px #c30 dotted;
}
.caution-box p:last-child {
  margin-bottom: 0;
}

.box-catch {
  font-weight: 700;
  margin-bottom: 1.5em;
  font-size: 1.5rem;
  color: #6abfcd;
}
.box-catch p {
  font-size: 1.125rem;
  margin-bottom: 0;
  line-height: 1.3;
}

/* table
------------------------- */
.def-table {
  width: 100%;
  margin-bottom: 1em;
}
.def-table th {
  border: 1px #959c9c solid;
  background: #edf2f5;
  text-align: left;
  padding: 0.3em 0.5em;
}
.def-table td {
  padding: 0.3em 0.5em;
  border: 1px #959c9c solid;
}

.res-table {
  width: 100%;
  margin-bottom: 1em;
}
.res-table th {
  border: 1px #959c9c solid;
  background: #edf2f5;
  text-align: left;
  padding: 0.5em;
}
.res-table td {
  padding: 0.5em;
  border: 1px #959c9c solid;
}
@media (max-width: 767px) {
  .res-table tr, .res-table th, .res-table td {
    display: block;
  }
}

.center-table {
  margin-bottom: 1em;
}
.center-table th, .center-table td {
  text-align: center;
  padding: 0.6em;
  border: 1px #959c9c solid;
}
.center-table th {
  background: #edf2f5;
}

.th-bold tbody th {
  font-weight: bold;
}
.th-bold tbody th span {
  font-weight: normal;
}

.thw-3 th {
  width: 30%;
}

.tblw-f {
  width: 100%;
}

@media (min-width: 768px) {
  .tblw-s {
    width: 40%;
  }
  .tblw-m {
    width: 60%;
  }
  .tblw-L {
    width: 80%;
  }
}
@media (max-width: 767px) {
  .tblw-s {
    width: 80%;
  }
  .tblw-m, .tblw-L {
    width: 100%;
  }
}
/* =btn
-------------------*/
.base-btn {
  width: 100%;
  color: #0e1f1f;
  text-align: center;
  font-size: 1rem;
  font-weight: 700;
  width: 100%;
  background: #BDDCF4;
  text-decoration: none;
  display: block;
  background: linear-gradient(140deg, rgb(189, 220, 244) 0%, rgb(184, 234, 240) 28%, rgb(201, 241, 244) 50%, rgb(184, 234, 240) 74%, rgb(189, 220, 244) 100%);
  background-position: 1% 50%;
  background-size: 200% auto;
  transition: all 0.4s ease-out;
  padding: 1.5em 0;
  border-radius: 3em;
}
.base-btn span {
  width: 3em;
  margin-left: 2.5em;
  text-align: center;
  color: #89cfdb;
  background: #fff;
  border-radius: 20px;
  display: inline-block;
  transition: all 0.8s;
}
.base-btn:hover {
  background-position: 99% 50%;
}
.base-btn:hover span {
  background: #0e1f1f;
  color: #fff;
}

.sub-btn {
  position: relative;
  padding: 12px 0;
  color: #fff;
  background: #0e1f1f;
  border: 2px #0e1f1f solid;
  z-index: 2;
  display: inline-block;
  width: 100%;
  height: auto;
  text-align: center;
  text-decoration: none;
  line-height: 1;
  outline: none;
  border-radius: 6px;
  transition: all 0.5s;
}
.sub-btn:hover {
  background: #fff;
  color: #0e1f1f;
  border: 2px #0e1f1f solid;
}
.sub-btn:hover::before, .sub-btn:hover::after {
  width: 0;
  background: #0e1f1f;
}
.sub-btn::before {
  top: 0;
  width: 50%;
  height: 100%;
  background: #0e1f1f;
  right: 0;
}
.sub-btn::after {
  top: 0;
  width: 50%;
  height: 100%;
  background: #0e1f1f;
  left: 0;
}
.sub-btn::before, .sub-btn::after {
  position: absolute;
  display: block;
  z-index: -1;
  content: "";
  transition: all 0.5s;
}
.sub-btn i {
  margin-right: 5px;
}

.btnw-mid {
  width: 60%;
  margin: 0 auto;
}
@media (max-width: 960px) {
  .btnw-mid {
    width: 100%;
  }
}

.btnw-big {
  width: 90%;
  margin: 0 auto;
}
@media (max-width: 960px) {
  .btnw-big {
    width: 100%;
  }
}

/* -----------------------------------------------
	flex
-------------------------------------------------- */
.flex-area figure {
  text-align: center;
  margin: 0 auto 0.4em;
}
.flex-area img {
  display: block;
  margin: 0 auto;
}
@media (min-width: 961px) {
  .flex-area {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: stretch;
  }
}

@media (min-width: 961px) {
  .flex-item2 {
    width: 48%;
  }
  .flex-item3 {
    width: 30%;
    margin: 0 1% 1em;
  }
  .flex-itemB {
    width: 65%;
  }
  .flex-itemM {
    width: 60%;
  }
  .flex-itemS {
    width: 40%;
  }
  .flex-jc {
    justify-content: space-between !important;
  }
}
@media (max-width: 960px) {
  .flex-item2, .flex-item3, .flex-itemB, .flex-itemM, .flex-itemS {
    margin-bottom: 3em;
  }
}
@media (min-width: 768px) {
  .flex-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: stretch;
  }
  .flex-list li {
    margin-right: 3em;
  }
}

.google-policy {
  font-size: 0.75rem;
  margin-top: 60px;
  text-align: right;
  color: #999;
}

.grecaptcha-badge {
  visibility: hidden;
}

.mto i {
  font-style: normal;
}
.mto i::after {
  content: "@";
}

/* ------------------------------------------------
 アニメーション
----------------------------------------------------- */
.fadeUp {
  -webkit-animation-name: fadeUpAnime;
          animation-name: fadeUpAnime;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  opacity: 0;
}

@-webkit-keyframes fadeUpAnime {
  from {
    opacity: 0;
    transform: translateY(100px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes fadeUpAnime {
  from {
    opacity: 0;
    transform: translateY(100px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.fadeIn {
  -webkit-animation-name: fadeInAnime;
          animation-name: fadeInAnime;
  -webkit-animation-duration: 3s;
          animation-duration: 3s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  opacity: 0;
}

@-webkit-keyframes fadeInAnime {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes fadeInAnime {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.fadeDown {
  -webkit-animation-name: fadeDownAnime;
          animation-name: fadeDownAnime;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  opacity: 0;
}

@-webkit-keyframes fadeDownAnime {
  from {
    opacity: 0;
    transform: translateY(-100px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes fadeDownAnime {
  from {
    opacity: 0;
    transform: translateY(-100px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.fadeLeft {
  -webkit-animation-name: fadeLeftAnime;
          animation-name: fadeLeftAnime;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  opacity: 0;
}

@-webkit-keyframes fadeLeftAnime {
  from {
    opacity: 0;
    transform: translateX(-100px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes fadeLeftAnime {
  from {
    opacity: 0;
    transform: translateX(-100px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
.fadeRight {
  -webkit-animation-name: fadeRightAnime;
          animation-name: fadeRightAnime;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  opacity: 0;
}

@-webkit-keyframes fadeRightAnime {
  from {
    opacity: 0;
    transform: translateX(100px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes fadeRightAnime {
  from {
    opacity: 0;
    transform: translateX(100px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
.smooth {
  -webkit-animation-name: smoothAnime;
          animation-name: smoothAnime;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  transform-origin: left;
  opacity: 0;
}

@-webkit-keyframes smoothAnime {
  from {
    transform: translate3d(0, 100%, 0) skewY(12deg);
    opacity: 0;
  }
  to {
    transform: translate3d(0, 0, 0) skewY(0);
    opacity: 1;
  }
}

@keyframes smoothAnime {
  from {
    transform: translate3d(0, 100%, 0) skewY(12deg);
    opacity: 0;
  }
  to {
    transform: translate3d(0, 0, 0) skewY(0);
    opacity: 1;
  }
}
.bgextend {
  -webkit-animation-name: bgextendAnimeBase;
          animation-name: bgextendAnimeBase;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  position: relative;
  overflow: hidden;
  opacity: 0;
}

@-webkit-keyframes bgextendAnimeBase {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes bgextendAnimeBase {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.bgappear {
  -webkit-animation-name: bgextendAnimeSecond;
          animation-name: bgextendAnimeSecond;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-delay: 0.6s;
          animation-delay: 0.6s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  opacity: 0;
}

@-webkit-keyframes bgextendAnimeSecond {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes bgextendAnimeSecond {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.bgLRextend::before {
  -webkit-animation-name: bgLRextendAnime;
          animation-name: bgLRextendAnime;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: #fff;
}

@-webkit-keyframes bgLRextendAnime {
  0% {
    transform-origin: left;
    transform: scaleX(0);
  }
  50% {
    transform-origin: left;
    transform: scaleX(1);
  }
  50.001% {
    transform-origin: right;
  }
  100% {
    transform-origin: right;
    transform: scaleX(0);
  }
}

@keyframes bgLRextendAnime {
  0% {
    transform-origin: left;
    transform: scaleX(0);
  }
  50% {
    transform-origin: left;
    transform: scaleX(1);
  }
  50.001% {
    transform-origin: right;
  }
  100% {
    transform-origin: right;
    transform: scaleX(0);
  }
}
.bgappearTrigger,
.bgLRextendTrigger {
  opacity: 0;
}

.fadeInTrigger,
.fadeUpTrigger,
.fadeDownTrigger,
.fadeLeftTrigger,
.fadeRightTrigger,
.smoothTrigger {
  opacity: 0;
}

.delay-time02 {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s;
}

.delay-time04 {
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s;
}

.delay-time06 {
  -webkit-animation-delay: 0.6s;
          animation-delay: 0.6s;
}

.delay-time1 {
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
}

.delay-time1-4 {
  -webkit-animation-delay: 1.4s;
          animation-delay: 1.4s;
}

.delay-time1-6 {
  -webkit-animation-delay: 1.6s;
          animation-delay: 1.6s;
}

.delay-time2 {
  -webkit-animation-delay: 2s;
          animation-delay: 2s;
}

.delay-time3 {
  -webkit-animation-delay: 3s;
          animation-delay: 3s;
}

.al-c {
  text-align: center !important;
}

.al-r {
  text-align: right !important;
}

.ud-line {
  text-decoration: underline;
}

.bold {
  font-weight: 700;
}

.maker {
  background: #fef094;
  color: #0e1f1f;
}

b, strong {
  font-weight: 700;
}

.kyocho {
  font-weight: bold;
  color: #c30;
}

.colR {
  color: #c30;
}

.aligncenter {
  display: block;
  margin: 1em auto;
}

.alginright {
  float: right;
  margin: 0 0 0.8em 0.8em;
}

.alginleft {
  float: left;
  margin: 0 0.8em 0.8em 0;
}

.fnt-s {
  font-size: 0.8125rem;
}

.fnt-big {
  font-size: 1.2rem;
}

sup {
  font-size: 0.8rem;
}

.hosoku {
  padding-left: 1.3em;
  text-indent: -1.3em;
  line-height: 1.2;
}

@media (min-width: 768px) {
  .fnt-spct {
    font-size: 0.8125rem;
  }
  .aligncenter {
    display: block;
    margin: 1rem auto;
    text-align: center;
  }
  .alignright {
    float: right;
    padding: 0 0 1rem 1rem;
  }
  .alignleft {
    float: left;
    padding: 0 1rem 1rem 0;
  }
}
@media (max-width: 767px) {
  .alignright,
.alignleft,
.aligncenter {
    display: block;
    margin: 1rem auto;
    text-align: center;
    float: none;
  }
}
.link-st::before {
  font-family: "icomoon" !important;
  content: "\e902";
  margin-left: 8px;
  margin-right: 8px;
  color: #01a8c4;
}

.pdf::after {
  font-family: "icomoon" !important;
  content: "\e909";
  margin-right: 8px;
  margin-left: 5px;
}

.outwin::after {
  font-family: "icomoon" !important;
  content: "\e90d";
  margin-inline: 8px;
  margin-left: 5px;
}

@media (min-width: 768px) {
  .img-w7 {
    width: 70%;
    max-width: 100%;
  }
  .img-w5 {
    width: 50%;
    max-width: 100%;
  }
  .img-w4 {
    width: 40%;
    max-width: 100%;
  }
}
.mbnone {
  margin-bottom: 0 !important;
}

.mb10 {
  margin-bottom: 0.5em !important;
}

.mb20 {
  margin-bottom: 1em !important;
}

.mb30 {
  margin-bottom: 1.5em !important;
}

.mb40 {
  margin-bottom: 2em !important;
}

.mb50 {
  margin-bottom: 2.5em !important;
}

.mb60 {
  margin-bottom: 3em !important;
}

.mb70 {
  margin-bottom: 3.5em !important;
}

.mb80 {
  margin-bottom: 4em !important;
}

.mb100 {
  margin-bottom: 5em !important;
}

.mt10 {
  margin-top: 0.5em !important;
}

.mt20 {
  margin-top: 1em !important;
}

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

.ml20 {
  margin-left: 1em !important;
}

.ml30 {
  margin-left: 1.5em !important;
}

.ml40 {
  margin-left: 2em !important;
}

.box-W7 {
  width: 90%;
  margin: 0 auto 30px;
}

.boxw-half {
  width: 50%;
}

.pagein-w8 {
  width: 100%;
}

@media (min-width: 961px) {
  .pcml10 {
    margin-left: 10px !important;
  }
  .pcml20 {
    margin-left: 20px !important;
  }
  .pcml30 {
    margin-left: 30px !important;
  }
  .pcml40 {
    margin-left: 40px !important;
  }
  .pcml50 {
    margin-left: 50px !important;
  }
  .pcmt30 {
    margin-top: 30px !important;
  }
  .pcpt10 {
    padding-top: 5px !important;
  }
  .grid-4ew {
    width: 8em !important;
  }
}
@media (max-width: 767px) {
  .spml20 {
    margin-left: 20px !important;
  }
  .spm10 {
    margin-bottom: 10em !important;
  }
}
@media (max-width: 960px) {
  .no-mrbtm {
    margin-bottom: 0 !important;
  }
}
/*# sourceMappingURL=style.css.map */