@charset "utf-8";

/*---------------------------------------------
	リセット
---------------------------------------------*/
article,
aside,
hgroup,
header,
address,
figure,
figcaption,
ul,
li,
h1,
h2,
h3,
h4,
h5,
h6,
dl,
dt,
dd,
p {
  padding: 0;
  margin: 0;

}

/*-----------------------------------------------------	*/
/*  個別指定 for PC	*/
/*-----------------------------------------------------	*/
@media screen and (min-width: 980px) {
  .only_pc_none {
    display: none;
  }
}

/*---------------------------------------------
 ** 個別指定 for スマートフォン
---------------------------------------------*/
@media screen and (max-width: 740px) {
  .only_sp_none {
    display: none;
  }
}

/*---------------------------------------------
	body
---------------------------------------------*/
html {
  scroll-behavior: smooth;
  font-size: 62.5%;
  overflow-y: scroll;
} /* 10px */

body {
  margin: 0;
  padding: 0;
  font-size: 1.6rem;
  line-height: 1.6;
  text-align: left;
  -webkit-text-size-adjust: 100%;
  color: #122025;
  overflow-x: hidden;
  font-family: "Noto Sans JP";
}

/*---------------------------------------------
	Anchor
---------------------------------------------*/
a {
  outline: none;
  color: #122025;
}
a:link {
  text-decoration: none;

  text-decoration: underline;
}
a:visited {
  text-decoration: none;
}
a:hover {
  text-decoration: none;
}
a:active {
  text-decoration: none;
}
a {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

/*---------------------------------------------
 ** コンテンツ全体
---------------------------------------------*/
#content {
  width: 100%;
  position: relative;
}
#main {
  width: 100%;
  max-width: 1220px;
  margin: 0 auto;
  padding: 2.5rem 0 0rem;
}

#top #main {
  padding-top: 0rem;
}

/*---------------------------------------------
 ** ナビ記述
---------------------------------------------*/
nav ul li {
  list-style-type: none;
}

/*---------------------------------------------
 ** ヘッダー
---------------------------------------------*/
#header {
  width: 100%;
}
.header_wrapper {
  padding-top: 1.5rem;
}

/* ロゴ */
.logo {
  max-width: 369px;
  max-height: 65px;
  display: block;
  z-index: 999;
  margin-bottom: 12px;
}
/* ロゴ */
.logo a {
  display: block;
  z-index: 9;
  position: relative;
}

.header-access {
  padding: 0.3rem 1.5rem;
  font-size: 1.7rem;
  color: #0059aa;
  border: 1px solid #0059aa;
  background: #ffffff;
  text-align: center;
  font-weight: bold;
  position: absolute;
  top: 34px;
  display: inline-block;
  right: 30px;
}

#footer .header-access {
  font-size: 1.4rem;
  top: 26px;
}

/*---------------------------------------------
 **  メイン画像
---------------------------------------------*/
.main_img {
  width: 100%;
  position: relative;
  background: rgb(240, 240, 240);
  height: 270px;
  padding: 5% 0 0 0;
  box-sizing: border-box; /*通常の記述*/
  -webkit-box-sizing: border-box; /*Google ChromeやSafariの機能を利用*/
  -moz-box-sizing: border-box; /*Firefoxの機能を利用*/
  z-index: -1;
}
#top .main_img {
  background: unset;
}
/* 中ページ メイン画像 */
#disease .main_img {
  background: url(../img/main_img/disease.jpg) 0 0 !important;
  background-size: cover !important;
}
.disease .main_img {
  background: url(../img/main_img/disease.jpg) 0 0 !important;
  background-size: cover !important;
}
#access .main_img {
  background: url(../img/main_img/access.jpg) 0 0 !important;
  background-size: cover !important;
}
#clinic .main_img {
  background: url(../img/main_img/clinic.jpg) 0 0 !important;
  background-size: 100% !important;
}
#doctor .main_img {
  background: url(../img/main_img/clinic.jpg) 0 0 !important;
  background-size: cover !important;
}

#first .main_img {
  background: url(../img/main_img/first.jpg) 0 0 !important;
  background-size: cover !important;
}
#lens .main_img {
  background: url(../img/main_img/lens.jpg) 0 0 !important;
  background-size: cover !important;
}
#news .main_img {
  background: url(../img/main_img/news.jpg) 0 0 !important;
  background-size: cover !important;
}
#first .main_img {
  background: url(../img/main_img/news.jpg) 0 0 !important;
  background-size: cover !important;
}
#surgery .main_img {
  background: url(../img/main_img/surgery.jpg) 0 0 !important;
  background-size: cover !important;
}
#faq .main_img {
  background: url(../img/main_img/faq.jpg) 0 0 !important;
  background-size: cover !important;
}

#glaucoma .main_img {
  background: url(../img/main_img/glaucoma.jpg) 0 0 !important;
  background-size: cover !important;
}
#cataract .main_img {
  background: url(../img/main_img/cataract.jpg) 0 0 !important;
  background-size: cover !important;
}
#kids .main_img {
  background: url(../img/main_img/kids.jpg) 0 0 !important;
  background-size: cover !important;
}
#retina .main_img {
  background: url(../img/main_img/retina.jpg) 0 0 !important;
  background-size: cover !important;
}
#reservation .main_img {
  background: url(../img/main_img/reserve.jpg) 0 0 !important;
  background-size: cover !important;
}


#dis01 .main_img,#dis02 .main_img,
#dis03 .main_img,#dis04 .main_img,
#dis05 .main_img,#dis06 .main_img,
#dis07 .main_img,#dis08 .main_img,
#dis09 .main_img,#dis10 .main_img{
  background: url(../img/main_img/dis.jpg) 0 0 !important;
  background-size: 100% !important;
}
#sur01 .main_img,#sur02 .main_img,
#sur03 .main_img,#sur04 .main_img{
  background: url(../img/main_img/sur.jpg) 0 0 !important;
  background-size: 100% !important;
}

.main_h1 {
  display: block;
  text-align: left;
  text-shadow: 1px 1px 0 rgba(255, 255, 2550, 0.5),
    -1px -1px 0 rgba(255, 255, 2550, 0.2), -1px 1px 0 rgba(255, 255, 2550, 0.5),
    1px -1px 0 rgba(255, 255, 2550, 0.2), 0px 1px 0 rgba(255, 255, 2550, 0.5),
    0-1px 0 rgba(255, 255, 2550, 0.2), -1px 0 0 rgba(255, 255, 2550, 0.5),
    1px 0 0 rgba(255, 255, 2550, 0.2);
  text-align: center;
}
#top .main_h1 {
  display: none;
}

/*---------------------------------------------
 **  TOPページスライドショー
---------------------------------------------*/
#slideshow {
  display: none;
}
#top #slideshow {
  display: block;
}

.slideshow {
  height: 600px;
  list-style-type: none;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  margin: 0 auto;
  padding: 0;
}
.slideshow > li {
  opacity: 0;
  position: absolute;
  transition: opacity 3s ease-in-out; /*フェード時間・イージング*/
}
.slideshow > li.showSlide {
  opacity: 1;
}
.slideshow > li {
  width: 100%;
  height: 100%;
}

/* SP用メディアクエリ */
@media screen and (max-width: 767px) {
  .slideshow {
    width: 100%; /* スライドショー幅（SP）*/
    height: 270px;
  }
}

/* メイン画像 */
.main_img_slide_01 {
  background: url(/img/main_img/img-main-01.jpg) center top no-repeat;
}
.main_img_slide_02 {
  background: url(/img/main_img/img-main-02.jpg) center top no-repeat;
}
.main_img_slide_03 {
  background: url(/img/main_img/img-main-03.jpg) center top no-repeat;
}

@media (max-width: 767px) {
  .main_img_slide_01,
  .main_img_slide_02,
  .main_img_slide_03,
  .main_img_slide_04 {
    background-size: cover;
  }
}

/*---------------------------------------------
 **  TEL
---------------------------------------------*/
.tel_nbr {
  box-sizing: border-box; /*通常の記述*/
  -webkit-box-sizing: border-box; /*Google ChromeやSafariの機能を利用*/
  -moz-box-sizing: border-box; /*Firefoxの機能を利用*/
}
.header_buton_wrapper {
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 50px;
  margin: 0 6px 0 0;
  background: #104583;
  box-shadow: 2px 2px #a6a6a6;
}
.header_buton_wrapper:last-of-type {
  margin: 0 0;
}
.tel_nbr p {
  font-size: 1.6rem;
  font-weight: bold;
  margin-bottom: 0;
  padding: 0.9rem 1.5rem 0.9rem;
  color: #fff;
  text-align: center;
  box-sizing: border-box; /*通常の記述*/
  -webkit-box-sizing: border-box; /*Google ChromeやSafariの機能を利用*/
  -moz-box-sizing: border-box; /*Firefoxの機能を利用*/
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0;
}
.tel_nbr a {
  text-decoration: none !important;
}
.tel_nbr p:before {
  width: 2.2rem;
  height: 2.2rem;
  position: relative;
  display: inline-block;
  top: 1px;
  background: url(../img/common/icon_tel.png) no-repeat;
  background-size: contain;
  content: "";
  margin-right: 6px;
}
.icon_access p:before {
  width: 2.2rem;
  height: 2.2rem;
  position: relative;
  display: inline-block;
  top: 1px;
  background: url(../img/common/icon_access.png) no-repeat;
  background-size: contain;
  content: "";
  margin-right: 2px;
}
.icon_calender p:before {
  width: 2.2rem;
  height: 2.2rem;
  position: relative;
  display: inline-block;
  top: 1px;
  background: url(../img/common/icon_calender.png) no-repeat;
  background-size: contain;
  content: "";
  margin-right: 6px;
}

/*---------------------------------------------
 **  予約ボタン
---------------------------------------------*/
.reserve_bt {
  background: #104583;
  min-width: 120px;
  display: block;
  text-align: center;
  padding: 17px 0;
  box-sizing: border-box; /*通常の記述*/
  -webkit-box-sizing: border-box; /*Google ChromeやSafariの機能を利用*/
  -moz-box-sizing: border-box; /*Firefoxの機能を利用*/
}
.reserve_bt a {
  color: #fff;
  text-decoration: none;
  height: 100%;
  font-size: 2rem;
  font-weight: bold;
}
.reserve_bt a:before {
  width: 5.1rem;
  height: 5.1rem;
  position: relative;
  display: block;
  top: 1px;
  margin: 0 auto;
  background: url(../img/common/icon_sp.png) no-repeat;
  content: "";
}


dl.index_yoyaku{
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 5px;
}
dl.index_yoyaku dt{
  background-color: #008E6F;
  color: #fff;
  font-size: 1.6rem;
  text-align: center;
  padding: 5px 5px;
  width: calc(100% - 75%);
}
dl.index_yoyaku dd{
  padding: 5px 10px;
  font-weight: bold;
  border: 1px solid #008E6F;
  width: calc(100% - 35%);
}

.bdr-1{ border-top: 1px solid #ccc;}




/*---------------------------------------------
 ** フッター
---------------------------------------------*/
#footer {
  clear: both;
  position: relative;
  padding-top: 5rem;
  background: #e3f1fe;
}

/* footerロゴ */
#footer .logo {
  width: 100%;
  max-width: 369px;
  max-height: 65px;
  margin: 0px 0 25px;
}

/* コピーライト */
#copyright {
  font-size: 0.7em;
  width: 100%;
  text-align: center;
  letter-spacing: 3px;
  padding: 2rem 0 4rem;
  font-weight: bold;
  color: #104583;
  background: #fff;
  border-top: 4px solid #104583;
  letter-spacing: 5px;
}

/* フッターナビ */
#footer .sub-menu {
  display: none;
}

.footer-info-title,
.footer-info-txt {
  text-align: center;
}
.footer-info-title {
  background: #0099e2;
  color: #ffffff;
  padding: 0.2rem 0.4rem 0.3rem;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  font-weight: bold;
}
.footer-info-txt {
  color: #333333;
  padding: 0.5rem 5% 1.4rem;
}

/* フッター*/
.footer_treat dt {
  background: #ffffff;
  font-size: 1.6rem;
  color: #104583;
  font-weight: bold;
  padding: 0.5rem 2rem;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}

.footer_treat dd {
  font-weight: bold;
  margin: 0;
}

/* 【 PC 】 768px ～ */
@media (min-width: 768px) {
  .footer_treat dt {
    flex-basis: 20%;
  }

  .footer_treat dd {
    flex-basis: 77%;
  }
}

/*---------------------------------------------
 **  見出し
---------------------------------------------*/
.ttl-2 {
  font-size: 4rem;
  line-height: 1.5;
  margin-bottom: 1.8rem;
  font-weight: bold;
  color: #113766;
  font-family: "Noto Serif JP", serif;

  text-shadow: #fff 5px 0 0, #fff 4.90033px 0.99335px 0,
    #fff 4.60531px 1.94709px 0, #fff 4.12668px 2.82321px 0,
    #fff 3.48353px 3.58678px 0, #fff 2.70151px 4.20736px 0,
    #fff 1.81179px 4.6602px 0, #fff 0.84984px 4.92725px 0,
    5px 5px 3px rgba(0, 0, 0, 0.3);
}

@media (max-width: 767px) {
  .ttl-2 {
    font-size: 2.4rem;
  }
}

.ttl-3 {
  color: #0059a5;
  font-size: 20rem;
  margin-bottom: 0.5rem;
}

/*=================================================================================================================================*/
/**  ここまで共通部分	*/
/*=================================================================================================================================*/

/*---------------------------------------------
 **  診療時間
---------------------------------------------*/

/* 診療時間表 */
.moumoaku_time {
  font-size: 1.4rem;
  display: inline-block;
  color: #113767;
  border-bottom: 1px solid #113767;
  padding-bottom: 1px;
  font-weight: bold;
}

.time_table {
  width: 100%;
  border: 3px solid #0059aa;
  border-spacing: 0;
  border-collapse: separate;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  text-align: center;
  background: #fff;
}
.time_table th {
  background: #0059aa;
  border-right: 2px solid #fff;
  border-top: none;
  color: #fff;
  padding: 0.8rem 1.7rem;
  font-size: 1.8rem;
}
.time_table th:last-of-type {
  border-right: none;
}
.time_table td {
  border-right: 2px solid #0059aa;
  border-bottom: 2px solid #0059aa;
  padding: 1.5rem 0rem;
  font-size: 1.8rem;
  line-height: 1.6;
  color: #00a3d9;
}
.time_table td:last-of-type {
  border-right: none;
}
.time_table tr:last-of-type td {
  border-bottom: none;
}
td.time_td {
  font-size: 1.8rem;
  font-weight: bold;
  color: #113766;
  box-sizing: border-box; /*通常の記述*/
  -webkit-box-sizing: border-box; /*Google ChromeやSafariの機能を利用*/
  -moz-box-sizing: border-box; /*Firefoxの機能を利用*/
}
td.yasumi {
  color: #113766 !important;
  font-weight: bold;
}
td.ope {
  color: #113767 !important;
  font-weight: bold;
  line-height: 1.2 !important;
  font-size: 1.4rem;
}

/* 【 PC 】 768px ～ */
@media (min-width: 768px) {
  /* 診療時間 */
  .time_table tr:nth-of-type(2) td:nth-of-type(1) {
    width: 166px;
  }
}

/*=================================================================================================================================*/
/**  アニメーション	*/
/*=================================================================================================================================*/
.effect-fade.fadeInUp {
  opacity: 0;
  transform: translateY(30px);
  transition: 1s;
}
.effect-fade.fadeInDown {
  opacity: 0;
  transform: translateY(-30px);
  transition: 2s;
}
.effect-fade.SlideInLeft {
  opacity: 0;
  transform: translateX(-30px);
  transition: 2s;
}
.effect-fade.SlideInRight {
  opacity: 0;
  transform: translateX(30px);
  transition: 2s;
}
.effect-fade.FadeIn {
  opacity: 0;
  transform: translateX(-30px);
  transition: 2s;
}
/* ディレイ */
.effect-fade.delay-lv1 {
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
}
.effect-fade.delay-lv2 {
  -webkit-transition-delay: 0.4s;
  transition-delay: 0.4s;
}
.effect-fade.delay-lv3 {
  -webkit-transition-delay: 0.5s;
  transition-delay: 0.5s;
}

/*=================================================================================================================================*/
/**  TOPコンテンツ	*/
/*=================================================================================================================================*/

/*---------------------------------------------
 **  お知らせ
---------------------------------------------*/
/* カルーセル */
.slider {
  width: 100%;
  margin: 0 auto;
}
.slick-slide {
  margin: 0px 20px;
}
/* お知らせ */
.news_wrapper {
  padding: 3rem 0 2.5rem;
  color: #ffffff;
  box-sizing: border-box; /*通常の記述*/
  -webkit-box-sizing: border-box; /*Google ChromeやSafariの機能を利用*/
  -moz-box-sizing: border-box; /*Firefoxの機能を利用*/
}
/* お知らせ a文字色 */
.news_wrapper a {
  color: #ffffff;
  text-decoration: none;
}
.news_wrapper a:hovr {
  text-decoration: underline;
}

/* お知らせ 日付 左 */
.news_L {
  flex-basis: 65px;
  min-height: 65px;
  border: 1px solid #fff;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  text-align: center;
  line-height: 1;
  padding-top: 1rem;
}
.news-date-top {
  font-size: 1.2rem;
}
.news-date-bottom {
  font-size: 3rem;
}
button.slick-prev,
button.slick-next {
  width: 33px;
  height: 33px;
  border: unset;
}

/* ボタン 1*/
button.slick-prev:hover,
button.slick-prev:focus,
button.slick-prev {
  background: url(/img/common/icon-arrow-01-prev.png) 0 0 no-repeat;
  background-size: contain;
}
button.slick-next:hover,
button.slick-next:focus,
button.slick-next {
  background: url(/img/common/icon-arrow-01-next.png) 0 0 no-repeat;
  background-size: contain;
}

/* ボタン 2*/
.slider-ptn-02 button.slick-prev:hover,
.slider-ptn-02 button.slick-prev:focus,
.slider-ptn-02 button.slick-prev {
  background: url(/img/common/icon-arrow-02-prev.png) 0 0 no-repeat;
  background-size: contain;
}
.slider-ptn-02 button.slick-next:hover,
.slider-ptn-02 button.slick-next:focus,
.slider-ptn-02 button.slick-next {
  background: url(/img/common/icon-arrow-02-next.png) 0 0 no-repeat;
  background-size: contain;
}

/* ■■■【 PC 】 768px ～ */
@media (min-width: 768px) {
  .news_item_wrapper {
    margin-top: 20px;
  }
}

/* TOP診療案内 */

.area-top-treat {
  padding: 3.3rem 5%;
  background: #e3f3fb; /* Old browsers */
  background: -moz-linear-gradient(
    45deg,
    #e3f3fb 0%,
    #bfdfff 90%,
    #bfdfff 100%
  ); /* FF3.6-15 */
  background: -webkit-linear-gradient(
    45deg,
    #e3f3fb 0%,
    #bfdfff 90%,
    #bfdfff 100%
  ); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(
    45deg,
    #e3f3fb 0%,
    #bfdfff 90%,
    #bfdfff 100%
  ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3f3fb', endColorstr='#bfdfff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

@media (max-width: 767px) {
  .area-top-treat {
    padding: 2.3rem 5%;
  }
}

/* アイコン */
.icn-R-arrow-01 {
  position: relative;
}
.icn-R-arrow-01:after {
  width: 1.5rem;
  height: 1.5rem;
  display: inline-block;
  margin: 0 0 0 0.7rem;
  background: url(../img/common/icon_next_deep_blue.png) no-repeat;
  background-size: contain;
  content: "";
}
@media (max-width: 767px) {
  .icn-R-arrow-01:after {
    width: 2rem;
    height: 2rem;
  }
}

/* 【 PC 】 768px ～ */
@media (min-width: 768px) {
  .flx-base-25 {
    flex-basis: 25%;
  }
  .flx-base-74 {
    flex-basis: 74%;
  }

  .flx-base-109 {
    flex-basis: 109px;
  }

  .flx-base-191 {
    flex-basis: 191px;
  }
  .flx-base-240 {
    flex-basis: 240px;
  }
  .flx-base-375 {
    flex-basis: 375px;
  }
  .flx-base-433 {
    flex-basis: 433px;
  }
  .flx-base-447 {
    flex-basis: 447px;
  }
  .flx-base-484 {
    flex-basis: 484px;
  }
  .flx-base-571 {
    flex-basis: 571px;
  }
  .flx-base-738 {
    flex-basis: 738px;
  }
}

/* TOPページ　お問い合わせ */
.ttl-contact-01 {
  background: #008E6F;
  color: #ffffff;
  font-size: 2.6rem;
  text-align: center;
  padding-top: 5rem;
  height: calc(100% - 5rem);
}

/*
.ttl-contact-01:before {
  width: 40px;
  height: 43px;
  background: url(/img/common/icon_calender.png) no-repeat 0 0;
  background-size: contain;
  display: block;
  margin: 0 auto;
  content: "";
}
*/

@media (max-width: 767px) {
  /* TOPページ　お問い合わせ */
  .ttl-contact-01 {
    font-size: 2.4rem;
    text-align: center;
    padding: 2rem 5% 1.8rem;
  }
  .ttl-contact-01:before {
    width: 20px;
    height: 23px;
    background: url(/img/common/icon_calender.png) no-repeat 0 0;
    background-size: contain;
    display: block;
    margin: 0 auto;
    content: "";
  }
}

.area-contact-wrapper {
  padding-top: 1.5rem;
}

/* TOP - ドクター紹介 */
.top-doctor-name {
  text-align: right;
  color: #104583;
  font-size: 2rem;
}

.bdr-top-LR-8 {
  /* border-radius */
  border-radius: 8px 8px 0px 0px !important;
  _zoom: 1;
  overflow: hidden;
}
.bdr-bottom-LR-8 {
  /* border-radius */
  border-radius: 0 0 8px 8px !important;
  _zoom: 1;
  overflow: hidden;
}

.bdr-8 {
  /* border-radius */
  border-radius: 8px 8px 8px 8px;
  _zoom: 1;
  overflow: hidden;
}

/*---------------------------------------------
 **  ★★
---------------------------------------------*/
/* 色付き背景 */
.col-typ-01 > .item {
  width: 100%;
  background: #e1f4fd;
  padding: 3rem 4.5rem 2.5rem !important;
  margin: 0%;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}

@media (max-width: 767px) {
  .col-typ-01 > .item {
    width: 100% !important;
    margin-bottom: 60px !important;
  }
  .col-typ-01 > .item:last-of-type {
    margin-bottom: 0px !important;
  }
}
/* 【 PC 】 768px ～ */
@media (min-width: 768px) {
  .col-typ-01 > .item.w20 {
    width: 20% !important;
  }
  .col-typ-01 > .item.w32 {
    width: 32% !important;
  }
  .col-typ-01 > .item.w48 {
    width: 48% !important;
    margin-bottom: 3.5rem;
  }
}

.footer-add {
  border-top: 1px solid #0059aa;
  border-bottom: 1px solid #0059aa;
  color: #0059aa;
  text-align: center;
  padding: 1.2rem 2%;
  font-weight: bold;
}

.bg-typ-box-01 {
  padding: 0.3rem 1.5rem;
  margin: 0 0.5rem;
  font-size: 1.5rem;
  color: #0059aa;
  border: 1px solid #0059aa;
  background: #ffffff;
  text-align: center;
  font-weight: bold;
  display: inline-block;
}

.time-holiday {
  font-size: 1.5rem;
}

/*=================================================================================================================================*/

/*---------------------------------------------
 **  目の病気について
---------------------------------------------*/
.bg-ptn-wrapper {
  background: #d7ecfc;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  box-sizing: border-box; /*通常の記述*/
  -webkit-box-sizing: border-box; /*Google ChromeやSafariの機能を利用*/
  -moz-box-sizing: border-box; /*Firefoxの機能を利用*/
  padding: 3.6rem 3rem 2rem;
}

.access-map {
  height: 450px;
}

/* 理念 */
.lst-base.is-policy li {
  font-size: 2.2rem;
  background: #e1f4fd;
  padding: 1rem 0 1.3rem 7.3rem;
  margin-bottom: 1.5rem;
  position: relative;
  display: flex;
  align-items: center;
  _zoom: 1;
  overflow: hidden;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
}
.lst-base.is-policy li:last-of-type {
  margin-bottom: 0;
  padding-bottom: 1rem;
  border-bottom: unset;
}
.lst-base.is-policy li:before {
  font-size: 2.3rem;
  margin-right: 1.2rem;
  font-weight: bold;
  position: absolute;
  top: 0;
  background: #006cb8;
  color: #fff;
  padding: 9px 21px 15px 21px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.lst-base.is-policy li:nth-of-type(1):before {
  content: "1";
}
.lst-base.is-policy li:nth-of-type(2):before {
  content: "2";
}
.lst-base.is-policy li:nth-of-type(3):before {
  content: "3";
}
.lst-base.is-policy li:nth-of-type(4):before {
  content: "4";
}
.lst-base.is-policy li:nth-of-type(5):before {
  content: "5";
}

/* ドクター紹介 */
.is-bg-col-01 {
  background: #f9fdffe6;
}

.doctor-area-01 {
  padding: 3rem !important;
  font-size: 1.8rem;
}

.ttl-doc-01 {
  color: #0059aa;
  border-bottom: 1px solid #0059aa;
  padding-bottom: 0.6rem;
  margin-bottom: 0.8rem;
}

/* 経歴 */
.doctor-info span {
  font-weight: bold;
  margin-right: 1.5rem;
}

@media (min-width: 768px) {
  .bg-doctor {
    background: url(/img/doctor/doctor.jpg) right 0 no-repeat #e1f4fd !important;
  }
}

/* よくあるご質問 */
.faq_wrapper h3{
  background: #eee;
  position: relative;
  height: 60px;
  padding-left: 6rem;
  padding-right: 2rem;
  color: #000;
  font-family: "Noto Sans JP";
  _zoom: 1;
  overflow: hidden;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  text-shadow: unset;
  font-size: 1.8rem;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.faq_wrapper h3 strong{
  background: #30a1df;
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
}

.faq_wrapper h3 + p {
  padding-left: 5.5rem;
  margin-bottom: 5.5rem;
  padding-top: 2rem;
}

/* コンタクトレンズ */

.lens-wrapper-img img {
  width: 80% !important;
  height: auto;
}

.area-lend-wrapper > .item {
  margin-bottom: 5rem !important;
}
@media (max-width: 767px) {
  .area-lend-wrapper > .item {
    margin-bottom: 3rem !important;
  }
}

/* 当院のご紹介 */

@media (min-width: 768px) {
  .clinic-s-01-L {
    min-width: 560px;
    padding-top: 50px;
  }
}
.clinic-s-01-R {
  position: relative;
}
@media (min-width: 768px) {
  .clinic-s-01-R img {
    position: absolute;
    top: -25px;
    right: 40px;
  }
}
@media (max-width: 767px) {
  .clinic-s-01-R img {
    width: 80%;
    margin: 0 auto;
    display: block;
  }
}

.m-t--90 {
  margin-top: -5rem;
}

.box-sh-img {
  box-shadow: 10px 9px #cedaed;
}

@media (max-width: 767px) {
  p.clinic-sp-ttl {
    font-size: 2rem !important;
    text-align: left !important;
    margin-bottom: 1rem;
  }
  .clinic-sp-ttl br {
    display: none;
  }
}

@media (max-width: 767px) {
  #sub-nav {
    margin-bottom: 3rem !important;
  }
  .clinic-s-01-L {
    order: 2;
  }
  .clinic-s-01-R {
    margin-bottom: 2rem !important;
  }

  p.clinic-sp-ttl-2 {
    color: #0059aa;
    margin-bottom: 2.4rem !important;
    font-size: 2.5rem !important;
    text-align: center;
  }
}

@media (max-width: 767px) {
  .doctor-img {
    width: 80%;
    margin: 0 auto 20px;
  }
}

.first-wrapper-bdr{
  border: 8px solid #e3f0fe;
  padding: 1rem 5% 1.5rem;
}
.first-wrapper {
  display:flex;
flex-wrap:wrap;
justify-content: center;
padding: 0 10rem;
}
.first-wrapper li {
  list-style: none;
  font-size: 2.0rem;
  font-weight: 500;
  letter-spacing: 2px;
  padding: 1rem;
}
.first-wrapper li:before {
  color: #104583;
  content: "●";
  display: inline-block;
  font-size: 14px;
  margin-right: 0.8rem;
  top: -4px;
  position: relative;
}



.covid-wrapper-bdr{
  border: 5px solid #006cb8;
  background-color: #fff;
  border-radius: 10px;
  padding: 1rem 5% 1.5rem;
  margin: 3rem auto;
}
.covid-wrapper {
justify-content: center;
padding: 0 1rem;
}
.covid-wrapper li {
  list-style: none;
  font-size: 1.6rem;
  font-weight: bold;
  letter-spacing: 2px;
  padding: 1rem;
  text-align: left;
  border-bottom: 1px solid #006cb8;
}
.covid-wrapper li:last-child{ border-bottom: none;}
.covid-wrapper li:before {
  color: #104583;
  content: "●";
  display: inline-block;
  font-size: 14px;
  margin-right: 0.8rem;
  top: -4px;
  position: relative;
}

@media (max-width: 767px) {
  .first-wrapper {
    justify-content: left;
    padding: 0 0rem;
  }
  .first-wrapper li {
    width: 100%;
    font-size: 2rem;
    padding: 0rem 1rem  0rem  0rem;
  }
  .first-wrapper li:before {
    margin-right: 0.4rem;
    top: 0px;
  }
  .first-wrapper-bdr{
      padding: 1rem 5%;
  }

  .img-w-90{
    width: 90% !important;
    margin: 0 auto .5rem;
  }
}


.clinic.btn-02,
.doctor.btn-02,
.first.btn-02 {
    background: #0646A3;
    color: #FFF;
}


.top-treat-a{
  text-decoration: none !important;
}


/*---------------------------------------------
 疾患用説明リスト 
---------------------------------------------*/
.tbl-dis *, ..tbl-dis *:before, ..tbl-dis *:after {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.tbl-dis {
	width: 100%;
	border-collapse: collapse;
}
.tbl-dis th,
.tbl-dis td {
	padding: 10px;
	border: 1px solid #dddddd;
}
.tbl-dis th {
	width: 30%;
	text-align: left;
	background: #f4f4f4;
}

/*---------------------------------------------
 疾患・治療リスト背景
---------------------------------------------*/
.area-bt-01 {
  border-radius: 10px;
}


.area-bt-01 .h3_inner_page {
  font-size: 2.5rem;
  background: #0059aa;
  margin-bottom: 5rem;
  color: #fff;
  text-align: center;
  padding: 0.2em 0;
  border-radius: 50px;
  letter-spacing: 0.2em;
}

.area-bg-col-01 .h3_inner_page{
  background: #7AB33C;
}

.area-bg-col-01 .btn-02{
  border: 2px solid #008E6F !important;
    color: #008E6F;
    margin-bottom: 0.5rem !important;
}
.area-bg-col-01 .btn-02:hover{
    color: 2px solid #fff;
    background: #008E6F;
}


/*---------------------------------------------
 **  お知らせ欄
---------------------------------------------*/
#top_info{
  display: flex;
  flex-wrap: wrap;
  box-sizing: border-box;
}

#top_info #info_block{
  width: 20%;
  background-color: #006cb8;
  color: #fff;
  box-sizing: border-box;
  text-align: center;
  padding-top: 4rem;
}

#top_info #info_block p{
  text-align: center;
}
#top_info #info_block p span{
  font-size: 20px;
  letter-spacing: 0.1em;
  margin-top: 1rem;
}
#top_info #info_block p a{
  color: #fff;
}

#top_info #info_dl{
  width: 80%;
  box-sizing: border-box;
}
#top_info #info_dl dl{
  display: flex;
  flex-wrap: wrap;
  background-color: #ffff;
  padding: 0.8rem 2rem;
  border-bottom: 1px solid #ccc;
}

#top_info #info_dl dt{
  color: #0099e2;
  padding-right: 2rem;
}
#top_info #info_dl dd{
  font-weight: bold;
}


.cat-data {
  background-color: #006cb8;
  padding: 0.5rem 1rem;
  text-align: center;
  color: #fff;
  border-radius: 10px;
  margin-left: 1rem;
}
.cat-data:before{
  content: "カテゴリ：";
}



/*---------------------------------------------
 **  flexbox
---------------------------------------------*/
.display_flex {
  display: flex;
}
.order_1 {
  order: 1;
}
.order_2 {
  order: 2;
}

.jst-left{ justify-content: left !important;}

@media (min-width: 426px) {
  /*426px 〜 959px*/
  .clm-3 > .item,
  .clm-4 > .item {
    width: calc(100% / 2);
    padding-left: 10px;
    padding-right: 10px;
  }
}