@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;
}

.sp_br{
  display: none;
}

.red{
  color:#ff0000;
}

/*-----------------------------------------------------	*/
/*  個別指定 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.8rem;
  line-height: 1.8;
  text-align: left;
  -webkit-text-size-adjust: 100%;
  color: #664632;
  overflow-x: hidden;
  font-family: "Noto Sans JP";
}

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

  text-decoration: underline;
}
a:visited {
  text-decoration: none;
}
a:hover {
  text-decoration: none;
  color:#8a6148;
}
a:active {
  text-decoration: none;
  color:#8a6148;
}
a {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
a:hover img{
  opacity: 0.8;
}
a:hover div{
  opacity: 0.8;
}

/*---------------------------------------------
 ** コンテンツ全体
---------------------------------------------*/
#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: 2.3rem 0 0 0;
}

/* ロゴ */
.logo {
  max-width: 362px;
  max-height: 80px;
  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_wrapper {
  width: 100%;
  height: 100%;
  background: url(../img/nav-boder.png);
  padding: 2.5rem 0 8rem;
}

.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の機能を利用*/
}
#top .main_img {
  background: unset;
}

#guide .main_img{
  background:url(/img/main_img/main_guide.jpg) no-repeat top;
  background-size: cover;
}
#clinic .main_img{
  background:url(/img/main_img/main_clinic.jpg?date=20220705) no-repeat;
  background-size: cover;
}
#doctor .main_img{
  background:url(/img/main_img/main_doctor.jpg?date=20220705) no-repeat center center;
  background-size: cover;
}
#reserve .main_img{
  background:url(/img/main_img/main_reserve.jpg) no-repeat;
  background-size: cover;
}
#access .main_img{
  background:url(/img/main_img/main_access.jpg) no-repeat;
  background-size: cover;
}
.blog .main_img{
  background:url(/img/main_img/main_blog.jpg) no-repeat;
  background-size: cover;
}


.main_h1 {
  display: none;
  text-align: left;
  text-shadow: 1px 1px 0 rgba(255, 255, 2550, 0.8),
    -1px -1px 0 rgba(255, 255, 2550, 0.8), -1px 1px 0 rgba(255, 255, 2550, 0.8),
    1px -1px 0 rgba(255, 255, 2550, 0.8), 0px 1px 0 rgba(255, 255, 2550, 0.8),
    0-1px 0 rgba(255, 255, 2550, 0.8), -1px 0 0 rgba(255, 255, 2550, 0.8),
    1px 0 0 rgba(255, 255, 2550, 0.8);
  text-align: center;
  font-size:36px;
  font-weight: bold;
  padding-top:30px;
}
#top .main_h1 {
  background:#ccc;
  height:300px;
}

/*---------------------------------------------
 **  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: 200px;
  }
}

/* メイン画像 */
 .main_img_slide_01 {
  background: url(/img/main_img/slide01.jpg) center top no-repeat;
}
.main_img_slide_02 {
  background: url(/img/main_img/slide02.jpg) center top no-repeat;
}
.main_img_slide_03 {
  background: url(/img/main_img/slide03.jpg) center top no-repeat;
}
.main_img_slide_04 {
  background: url(/img/main_img/slide04.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;
    background-size:auto 80%;
    background-position:right 20% top!important;
  }
}

/*---------------------------------------------
 **  TEL
---------------------------------------------*/
.tel_nbr {
  box-sizing: border-box; /*通常の記述*/
  -webkit-box-sizing: border-box; /*Google ChromeやSafariの機能を利用*/
  -moz-box-sizing: border-box; /*Firefoxの機能を利用*/
}
.tel_nbr p {
  font-size: 3.1rem;
  font-weight: bold;
  margin-bottom: 0;
  padding: 0;
  color: #694732;
  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.05rem;
  height: 3.25rem;
  position: relative;
  display: inline-block;
  top: 1px;
  background: url(../img/common/icon-tel-01.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: "";
}


/*---------------------------------------------
 **  ボタン
---------------------------------------------*/

.common_btn{
  width:80%;
  display: block;
  position:relative;
  padding :10px 20px;
  border-radius: 10px;
  margin:0 auto;
  color:#fff;
  font-size:110%;
  font-weight: bold;
}
.common_btn:link, .common_btn:hover{
  text-decoration: none!important;
  color:#fff!important;
}
.common_btn:hover{
  opacity: 0.7;
}
.common_btn::after{
  position: absolute;
  top:14%;
  right: 5%;
  font-family: "Font Awesome 5 Free";
  content: "\f054";
  font-weight: 900;
  font-size:110%;
}

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

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

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

/* フッターナビ */
#footer .sub-menu {
  display: none;
}
.bnr-footer-tenant .img-box_pc{
  display: block;
}
.bnr-footer-tenant .img-box_sp{
  display: none;
}

/*---------------------------------------------
 ** 診療表
---------------------------------------------*/
/* 診療時間デザイン */
.time_table table{
  width:100%!important;
	border: 3px solid #29A23A;
	margin-bottom:5px;
}
.time_table table tr:nth-child(1){
	background:#c3e4a1;
	font-size:130%;
	color:#6d4834;
	text-align: center;
}
.time_table table tr:nth-child(2), .time_table table tr:nth-child(4){
	background:#fff;
	font-size:130%;
	text-align: center;
}
.time_table table tr:nth-child(3){
	background:#fbf7c5;
	font-size:130%;
	text-align: center;
}

.time_table table td{
	width:10%!important;
	border: 1px solid #29A23A;
	color:#7bbd35;
	font-size:80%;
	font-weight: bold;
	padding:0 0.5%;
	line-height: 1.4;
}
.time_table table td br{
	display: none;
}
.time_table table tr td:nth-child(1){
	width:20%!important;
	font-size:100%;
	color:#000;
	font-weight: normal;
}
.time_table table tr:nth-child(1) td{
	font-size:105%!important;
	color:#6d4834;
	font-weight: normal;
	border-bottom: 3px solid #29A23A;
}
.time_table table td strong{
	font-size:80%!important;
	display: block;
	color:#000;
	font-weight: normal;
}
.time_table table td em{
	font-size:130%!important;
	color:#dd2244;
	font-weight: normal;
  font-style: normal;
}
.time_table blockquote{
	color:#000;
	font-weight: normal;
  margin:0 5px!important
}





footer .time_table table tr td{
	height:18px!important;
}
footer .time_table table tr:nth-child(1){
	font-size:100%;
}
footer .time_table table tr:nth-child(2), footer .time_table table tr:nth-child(4){
	font-size:100%;
}
footer .time_table table tr:nth-child(3){
	font-size:100%;
}

footer .time_table table td{
	font-size:90%;
}

footer .time_table table tr td:nth-child(1){
	font-size:90%;
}
footer .time_table table tr:nth-child(1) td{
	font-size:120%!important;
}
footer .time_table table td strong{
	font-size:80%!important;
}
footer .time_table table td em{
	font-size:120%!important;
}


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

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

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



/*=================================================================================================================================*/
/**  アニメーション	*/
/*=================================================================================================================================*/
.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コンテンツ	*/
/*=================================================================================================================================*/

/* 【 PC 】 768px ～ */
@media (min-width: 768px) {
  .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;
  }
}

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

/* ヘッダー */
.header-time-list {
  font-size: 1.2rem;
}
.header-time-list-span {
  background: #caae00;
  color: #fff;
  padding: 0.1rem 0.5rem;
  margin-right: 0.8rem;
}

/* 受付時間終了 */
.header-time-list-end-wrapper {
  background: #ffdddd;
  padding: 0.5rem;
}
.header-time-list-end {
  background: #ffdddd;
  color: #ff0000;
  font-weight: bold;
  text-align: center;
  border: 1px solid #fff;
  padding: 0.5rem 1rem;
}

/* 診療予約 */
.header-reserve {
  display: block;
}
.header-reserve .only_pc{
  display: block;
}
.header-reserve .only_sp{
  display: none;
}



/* フッター住所 */
.footer-add {
  border-top: 1px solid #694732;
  border-bottom: 1px solid #694732;
  padding: 1.7rem 0;
  text-align: center;
  font-size: 2rem;
}

/* フッター　バナー */
.footer-banner-wrapper {
  padding-top: 2rem;
}

/* TOP 診療科目 clinic info */

.index-treat{
  width:100%;
  max-width:1200px;
  display: flex;
  flex-wrap: wrap;
  margin:0 auto;
}
.index-treat a{
  display: block;
  width:50%;
  position:relative;
  margin:10px 0 20px;
}

.clinic-info-R{
  position:absolute;
  top:-5%;
  right:5%;
}
.clinic-info-L{
  position:absolute;
  top:-5%;
  left:5%;
}


/* 【 PC 】 768px ～ */
@media (min-width: 768px) {
  .clinic-info-R {
    width:48%!important;
    margin-top: -80px;
    padding:0 2% 0 0!important;
  }
  .clinic-info-L {
    width:48%!important;
    margin-top: -80px;
    padding:0 0 0 2%!important;
  }

  .flx-odr-1{
    width:48%!important;
    padding:0 0 0 2%!important;
  }
  .clinic-info-bg-01,
  .clinic-info-bg-02,
  .clinic-info-bg-03,
  .clinic-info-bg-04,
  .clinic-info-bg-05,
  .clinic-info-bg-06 {
    min-height: 320px;
    margin-bottom: 50px !important;
  }
}

.clinic-info-bg-01 {
  background: url(/img/clinic-info-bg-01.png) no-repeat;
}
.clinic-info-bg-02 {
  background: url(/img/clinic-info-bg-02.png) no-repeat;
}
.clinic-info-bg-03 {
  background: url(/img/clinic-info-bg-03.png) no-repeat;
}
.clinic-info-bg-04 {
  background: url(/img/clinic-info-bg-04.png) no-repeat;
}
.clinic-info-bg-05 {
  background: url(/img/clinic-info-bg-05.png) no-repeat;
}
.clinic-info-bg-06 {
  background: url(/img/clinic-info-bg-06.png) no-repeat;
}

/* お知らせ */
.btn-01.btn-poi-center {
  margin: 0 auto;
  display: block;
}
.news-wrapper {
  background: #01be8f;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  padding: 1rem;
}
.news-wrapper a {
  text-decoration: none;
}
.news-wrapper a:hover h3{
  text-decoration: underline;
}
.news-list-wrapper p a:hover{
  text-decoration: underline;
}


.news-item {
  background: #fff;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
}
.news-item + .news-item {
  margin-top: 1rem;
}

/* 【 PC 】 768px ～ */
@media (min-width: 768px) {
  .news-item-inner-L {
    width: 190px !important;
    border-right: 1px solid #01be8f;
  }
  .news-item-inner-R {
    width: calc(100% - 210px)!important;
    padding: 1.6rem 2.8rem !important;
  }
}
.news-item-inner-L,
.news-item-inner-R {
  padding: 1.6rem 0.8rem;
}

.news-item-inner-L {
  color: #00be8e;
  font-size: 1.8rem;
  font-weight: bold;
  text-align: center;
}
.icon-new {
  background: #00be8e;
  color: #fff;
  display: block;
  padding: 0.5rem 0.5rem;
  width: 80%;
  margin: 0 auto;
}

/* お知らせ 小 */
.news-list-category-base {
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: bold;
  color: #fff !important;
  padding: 0.5rem 0;
}
.news-list-category-base.ptn-01 {
  background: #caae00;
}
.news-list-category-base.ptn-02 {
  background: #91d5f6;
}

.news-list-wrapper{
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start!important;
  text-align: left;
}
.news-list-wrapper li{
  width:50%;
  margin-left:0;
}
.news-list-wrapper a{
  text-decoration: none;
}

/* タイトル */
.ttl-icon {
  position: relative;
}
.ttl-icon:before {
  width: 50px;
  height: 50px;
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0;
  margin: 0 auto;
  background: url(/img/ttl-logo.png) no-repeat;
  background-size: contain;
  content: "";
}


h2.bg_y:after{
  content:'';
  width:100%;
  max-width:472px;
  height:48px;
  position:absolute;
  top:-48px;
  right:0;
  left:0;
  margin:0 auto;
  background:url(/img/maru_bg_y.png) no-repeat top center;
  background-size:100% auto;
}
h2.bg_w:after{
  content:'';
  width:100%;
  max-width:472px;
  height:48px;
  position:absolute;
  top:-48px;
  right:0;
  left:0;
  margin:0 auto;
  background:url(/img/maru_bg_w.png) no-repeat top center;
  background-size:100% auto;
}
h2.bg_g:after{
  content:'';
  width:100%;
  max-width:472px;
  height:48px;
  position:absolute;
  top:-48px;
  right:0;
  left:0;
  margin:0 auto;
  background:url(/img/maru_bg_g.png) no-repeat top center;
  background-size:100% auto;
}




.time_table_wrapper{
  margin-bottom: 10px;
}


.d-ib{
  display: inline-block;
}



/*=================================================================================================================================*/
/**  診療のご紹介	**/
/*=================================================================================================================================*/

.guide_rinen{
  background:url(/img/guide/guide_logo.png) no-repeat left center;
  background-size:200px auto;
  padding:5% 0 5% 230px;
}
.guide_rinen .item p{
  font-size:110%;
  font-weight: bold;
}
.guide_rinen .item:nth-child(1) p{
  background:url(/img/guide/guide_no01.png) no-repeat left top 5px;
  background-size:12% auto;
  padding:1% 5% 3% 15%;
}
.guide_rinen .item:nth-child(2) p{
  background:url(/img/guide/guide_no02.png) no-repeat left top 5px;
  background-size:12% auto;
  padding:1% 5% 3% 15%;
}
.guide_rinen .item:nth-child(3) p{
  background:url(/img/guide/guide_no03.png) no-repeat left top 5px;
  background-size:12% auto;
  padding:1% 5% 3% 15%;
}
.guide_rinen .item:nth-child(4) p{
  background:url(/img/guide/guide_no04.png) no-repeat left top 5px;
  background-size:12% auto;
  padding:1% 5% 3% 15%;
}

.guide_tbl{
  text-align: center;
}
.guide_tbl img{
  max-width:785px;
  margin:0 auto;
}
.guide_tbl p{
  max-width:785px;
  text-align: left;
  margin:0 auto 30px
}
.guide_time{
  width:90%!important;
  margin:20px auto!important;
}
.guide_time .item{
  width:47%!important;
  text-align:center;
}

.guide_time h3{
  background: #7bbd35;
  color:#fff;
  font-size:140%;
  padding:5px 0;
  text-align: center;
  margin-bottom:20px;
}
.guide_time .item p{
  font-size:120%;
}

.guide_reserve{
  margin:20px auto;
}
.guide_reserve a{
  display: block;
  background:#f08600;
  position:relative;
}



.guide_icon{
  width:80%!important;
  max-width:800px!important;
  margin:0 auto 30px!important;
}
.guide_icon .item{
  position: relative;
  text-align: center;
}
.guide_icon .item::before{
  position: absolute;
  bottom: -14px;
  left: 0;
  right:0;
  margin:0 auto;
  font-family: "Font Awesome 5 Free";
  content: "\f063";
  font-weight: 900;
  font-size:130%;
}

.guide_menu .flx-base-8{
  flex-basis: 78%!important;
  margin-left:2%;
  padding-top:5%;
}

.guide_menu ul li{
  float:left;
  margin:10px 30px 10px 0;
  list-style: none;
  padding:5px 10px!important;
  font-size:120%;
  font-weight: bold;
}
.ear_box ul li{ background:#fff894;}
.nose_box ul li{ background:#94ffa3;}
.mouse_box ul li{ background:#79ede9;}
.dizzy_box ul li{ background:#a3aff9;}
.smoking_box ul li{ background:#eaa6f4;}
.snore_box ul li{ background:#c7c7c7;}

.guide_menu ul li.bg_none{
  padding:5px 0;
  font-size:100%;
  background:none!important;
}
.guide_menu ul::after{
  content:'';
  display: block;
  clear:both;
}
.guide_img{
  text-align: center;
}
.guide_img img{
  max-width:200px;
  margin:0 auto 20px;
}

.guide_menu2 .item{
  flex-basis: 49%!important;
}




.guide_ear dl dt{ background:url(/img/guide/ear_border.png); }
.guide_nose dl dt{ background:url(/img/guide/nose_border.png); }
.guide_mouse dl dt{ background:url(/img/guide/mouse_border.png); }
.guide_dizzy dl dt{ background:url(/img/guide/dizzy_border.png); }
.guide_smoking dl dt{ background:url(/img/guide/smoking_border.png); }
.guide_snore dl dt{ background:url(/img/guide/snore_border.png); }

.guide_treat dl dt{
  font-size:130%;
  font-weight: bold;
  padding:10px 0!important;
  text-align: center;
}
.guide_treat dl dd{
  width:90%;
  margin:20px auto 30px;
}

#ear, #nose, #mouse, #dizzy, #smoking{
  padding-top:-40px;
}

.check_box p{
  width:95%;
  margin:10px auto 20px;
}
.check_box ul li{
  text-indent: -1.5em;
  list-style: decimal;
  list-style-position:inside;
  margin-bottom:5px;
  font-weight: bold;
  margin-left:3.2em;
}
.check_box2 p{
  width:95%;
  margin:10px auto 30px;
}
.check_box2 p span{
  font-size:140%;
  font-weight: bold;
}
.check_box2 div p{
  text-align: center;
}


/*=================================================================================================================================*/
/**  医院のご紹介	**/
/*=================================================================================================================================*/

.clinic_bg{
  background:url(/img/clinic/clinic_bg.png) no-repeat center bottom #FFF9B9!important;
  background-size:100% auto;
}
.clinic_bg2{
  background:url(/img/clinic/clinic_bg2.png) no-repeat center bottom #fff!important;
  background-size:100% auto;
}
.clinic_img{
  padding-bottom:150px;
  justify-content:flex-start!important;
}

.clinic_img div{
  position:relative;
  margin-bottom:50px!important;
}

.clinic_img div::before{
  content:'';
  background:url(/img/clinic/clinic_bg_green.png) no-repeat;
  width:80px;
  height:100px;
  background-size:100% auto;
  position:absolute;
  top:-50px;
  left:-15px;
}
.clinic_img div img{
display: block;
border-radius: 15px;
}

.clinic_img p{
  width:90%;
  text-align: center;
  margin:10px auto 30px;
  font-weight: bold;
}
.clinic_p p{
  text-align: left;
  margin-top:5px;
  margin-bottom:80px;
  font-weight: normal;
}
.clinic_p p span{
  text-align: center;
  font-weight: bold;
  font-size:120%;
  display: block;
}






/*=================================================================================================================================*/
/**  医師のご紹介	*/
/*=================================================================================================================================*/

.doctor_item{
  position:relative;
}
.doctor_item::before{
  content:url(/img/doctor/doctor_bg.png);
  width:150px;
  height:180px;
  position:absolute;
  top:-32px;
  right:-20px;
}
.doctor_staff::before{
  content:''!important;
}
.doctor_item .flx-base-4{
  flex-basis:38%;
}

.doctor_item .flx-base-6{
  display: inline-block;
  line-height:1.8;
}
.doctor_item .flx-base-6 h3{
  display: inline-block;
  margin-top:100px;
  margin-left:0;
  font-weight: bold;
  font-size: 2.4rem;
  font-family: "Noto Serif JP", serif;
  margin-bottom:40px;
}
.doctor_item .flx-base-6 p{
  margin-bottom:1.5em;
}
.doctor_item .flx-base-6 p.doctor_name{
  font-weight: bold;
  text-align: right;
}

.doctor_bg{
  background:url(/img/doctor/doctor_img01_2.png) no-repeat top right;
  padding-top:30px;
}
.doctor_bg2{
  background:url(/img/doctor/doctor_img02_2.png) no-repeat top right;
  padding-top:30px;
}
.doctor_bg3{
  background:url(/img/doctor/doctor_img03_2b.png) no-repeat top right;
  padding-top:30px;
}
.doctor_bg4{
  background:url(/img/doctor/doctor_img04_2.png) no-repeat top right;
  padding-top:30px;
}

.doctor_bg5{
  background:url(/img/doctor/doctor_img05_2.png) no-repeat top right;
  padding-top:30px;
}
.doctor_profile{
  width:100%!important;
  max-width:initial!important;
}
.doctor_profile .item{
  padding-left:0!important;
}
.doctor_profile dl{
  margin-bottom:30px;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}
.doctor_profile dt{
  display: inline-block;
  background:#caae00;
  min-width:100px;
  color:#fff;
  font-size:110%;
  padding:5px 20px;
  text-align: center;
  margin-bottom:10px;
  margin-right:30px;
  border-radius: 10px;
}

.doctor_profile dl h3{
  font-size:110%;
  font-weight: bold;
}

.doctor_profile dl ul{
  margin-bottom:30px;
}

.doctor_profile dl ul li{
  margin-left:1.5em;
  text-indent:-1.2em;
  list-style: none;
}

.doctor_profile dl ul li::before{
  content:'■';
  color:#caae00;
}



/*=================================================================================================================================*/
/**  診療のご予約	*/
/*=================================================================================================================================*/

.reserve_read{
  margin-bottom:1rem;
}
.reserve_read span{
  font-weight:bold;
  color:#c42413;
  font-size:110%;
}

.reserve_item{
  width:80%!important;
  margin:40px auto 20px!important;
}
.reserve_item .item div{
  color:#fff;
  background:#f08600;
  font-size:120%;
  font-weight: bold;
  position:relative;
  display: block;
  border-radius: 15px;
  border:3px solid #fff;
  margin:0 auto;
}



.reserve_item .item:nth-child(1) div{
  width:45%;
  max-width:180px;
  background:url(/img/reserve/reserve_img01.png) no-repeat left 20px center #f08600;
  background-size:40% auto;
  padding:50px 8% 40px 47%;
  margin-right:8%;
}
.reserve_item .item:nth-child(1) div::after{
  position: absolute;
  top: 44%;
  right: 5%;
  font-family: "Font Awesome 5 Free";
  content: "\f054";
  font-weight: 900;
  font-size:160%;
}

.reserve_item .item:nth-child(2) div{
  width:45%;
  max-width:180px;
  background:url(/img/reserve/reserve_img02.png) no-repeat left 10px center #f08600;
  background-size:20% auto;
  padding:50px 32% 40px 25%;
  position:relative;
}
.reserve_item .item:nth-child(2) div::after{
  content:'';
  max-width:120px;
  width:30%;
  height:130px;
  background:url(/img/reserve/reserve_img03.png) no-repeat;
  background-size:100% auto;
  position:absolute;
  top:10px;
  bottom:0;
  right:20px;
  margin:auto 0;
}

.reserve_item .item h3{
  font-size:125%;
  margin-bottom:10px;
  color:#fff;
}
.reserve_item .item h3 span{
  font-size:160%;
  display: block;
  font-weight:bold;
}

.reserve_pdf{
  text-align: center;
  margin-bottom:30px;
}
.reserve_pdf a{
  display: inline-block;
  position:relative;
  padding-left:30px;
  padding-top:10px;
  font-size:120%;
}
.reserve_pdf a::before{
  position: absolute;
  top: 0;
  left: 0;
  font-family: "Font Awesome 5 Free";
  content: "\f1c1";
  font-weight: 900;
  font-size:160%;
}

.reserve_item a{
  text-decoration: none;
}


.reserve_att{
  padding:10px 30px;
  background:#fdf0ee;
  border:1px solid #c42413;
}
.reserve_att h3{
  color:#c42413;
  font-size:130%;
  font-weight: bold;
  border-bottom:1px dotted #999;
  padding:10px 0;
  text-align: center;
  margin-bottom:10px;
}
.reserve_att h3 span{
  color:#c42413;
  font-size:130%;
  font-weight: bold;
  border-bottom:1px dotted #999;
  padding:10px 0;
  text-align: center;
  margin-bottom:10px;
}

.reserve_att ul li{
  margin-bottom:10px;
  list-style: none;
  margin-left:1.5em;
  text-indent:-1.2em;
}
.reserve_att ul li::before{
  content:'● ';
  color:#c42413;
}

h3.h3_yellow{
  background:#caae00;
  color:#fff;
  font-size:140%;
  padding:10px 0;
  text-align: center;
  margin-bottom:20px;
  border-radius: 10px;
  margin-top:40px;
}
h3.h3_yellow2{
  background:#eee4a7;
  font-size:140%;
  padding:5px 0;
  text-align: center;
  margin-bottom:20px;
  border-radius: 10px;
  margin-top:20px;
}
h3.h3_yellow2 + p{
  margin-bottom:30px;
}

.reserve_time{
  width:95%;
  max-width:600px;
  display: flex;
  margin:10px auto 0px;
  text-align: left;
  font-size:120%;
}
.reserve_time dt{
  width:18%;
  background:#f08600;
  color:#fff;
  margin:0 auto!important;
  text-align: center;
  padding:10px 0;
  border-radius: 5px;
  display: block;
}

.reserve_time dd{
  width:75%;
  text-align: left;
  margin:0 auto;
  padding:10px 0 10px 20px;
}

.reserve_time_box{
  width:95%;
  margin:20px auto;
  font-size:110%;
  padding-bottom:20px;
}
.reserve_time_box span{
  font-size:90%;
}
.reserve_time_box2{
  width:calc(100% - 80px);
  margin:20px auto 0;
  font-size:110%;
  padding:10px 20px;
  background:#fdf0ee;
  border:1px solid #c42413;
  color:#c42413;
}
.reserve_time_box2 span{
  font-size:120%;
  font-weight: bold;
}




/*=================================================================================================================================*/
/**  アクセス	*/
/*=================================================================================================================================*/

.access-map{
  width:100%;
  height:600px;
}
.access_add{
  width:100%!important;
  margin-top:20px!important;
}
.access_add .item{
  padding:0!important;
}
.access_add .item:nth-child(2){
  max-width:563px;
}
.access_add img{
  border:3px solid #fff;
}
.access_add h3{
  margin-top:20px;
}
.map_add{
  font-size:110%;
  margin:20px auto;
}
.map_add .col-wrapper{
  width:100%;
}
.map_add .col-2 > .item{
  padding-left:0;
}
.map_add i{
  font-size:160%;
  color:#f08600;
}
.map_add span{
  font-weight: bold;
}

.access_how dt{
  background:#caae00;
  color:#fff;
  font-size:120%;
  padding:10px 0;
  text-align: center;
  margin-bottom:10px;
  border-radius: 10px;
}
.access_how dt i{
  font-size:130%;
}
.access_how dd{
  width:90%;
  margin:10px auto 50px;
  font-size:110%;
}