@charset "utf-8";
/* CSS Document */

body {
  /*font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", Osaka, "ＭＳ Ｐゴシック", "MS PGothic";*/
  font-family: 'NotoSansCJKjp-Regular', 'Yu Gothic', 'Hiragino Kaku Gothic ProN',
    'Meiryo', Osaka, 'MS PGothic', sans-serif;
  color: #3e3a3a;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.75;
  letter-spacing: 0.115em;
  text-align: justify;
  /*background:url(../images/design01.jpg) top center no-repeat;
	opacity:0.7;*/
}
a {
  color: #1f2774;
  text-decoration: none;
  word-break: break-all;
}
a:hover {
  color: #c0ab9a;
}
::selection {
  background-color: #99c1da;
}
::-moz-selection {
  background-color: #99c1da;
}

body,
#mainvisual .inner,
header,
footer {
  min-width: 1080px;
}

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

	header

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

header {
  width: 100%;
  height: 227px; /* navのtopと同じ値にする */
  /*margin-bottom:90px; navのheightと同じ値にする */
  background-color: rgba(255, 255, 255, 0.5);
}
header .inner {
  position: relative;
  width: 1080px;
  height: inherit;
  box-sizing: border-box;
  margin: auto;
  /*padding-top:37px;*/
  padding-top: 2px;
}
header h1 {
  font-size: 16px;
  line-height: 1.2em;
  color: #858585;
}
/* ロゴ */
header .header_logo {
  position: absolute;
  top: 31px;
}
.header_logo,
header .header_logo img {
  width: 358px;
  height: 80px;
}

/* 住所 */
.header_info {
  float: right;
  /*margin-right:40px;*/
  margin-top: 20px;
  text-align: right;
}
.header_info li {
}
.header_info_ad {
  font-size: 15.5px;
}

/* ご予約・お問合せ */
.header_tel {
  float: right;
  text-align: right;
  line-height: 1;
}
.header_tel dt {
  /*display:inline-block;
	margin-right:16px;
	font-weight:bold;
	font-size:13px;*/
  display: none;
}
.header_tel dd {
  display: inline-block;
  position: relative;
  margin: 0 -5px 0 0;
  padding-left: 30px;
  font-size: 34px;
  font-family: 'Quattrocento', serif;
  letter-spacing: 0.13em;
  color: #f47c8c;
}
.header_tel dd:before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 22px;
  height: 21px;
  margin: auto;
  background-image: url(../images/header_tel_icon.png);
  background-repeat: no-repeat;
  content: '';
}
.header_tel dd a {
  color: #f47c8c;
}
.header_resv {
  float: right;
  margin: 20px 20px 0;
}

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

	nav

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

nav {
  position: absolute;
  top: 129px; /* headerのheightと同じ値にする */
  height: 90px; /* headerのmargin-bottomと同じ値にする */
  width: 100%;
  background-color: rgba(255, 255, 255, 0.9);
  z-index: 9999;
}
nav ul {
  width: 1080px;
  margin: 0 auto;
  text-align: center;
}
nav li {
  display: inline-block;
  position: relative;
  vertical-align: bottom;
}
nav li a {
  display: table;
  position: relative;
  /*margin:25px 0;*/
  margin: 0;
  /* padding: 23px 25px; */
  padding: 23px 20px;
  vertical-align: middle;
  font-family: Folk Regular, sans-serif;
  font-size: 17px;
  /*font-weight:bold;*/
  text-align: center;
  color: #333;
}

nav li a:hover {
  color: #333;
  background: url(../images/nav_bg.png) center no-repeat;
}
nav li a span {
  display: table-cell;
  position: relative;
  line-height: 1;
  vertical-align: middle;
}
nav li a span i {
  display: block;
  margin-top: 11px;
  font-size: 13px;
  font-family: 'Quattrocento', serif;
  font-weight: 500;
  font-style: normal;
  color: #f096a1;
}

/* 間のボーダー 
nav li a::after{
    content: "";
    position: absolute;
    left: -1px;
	width:2px;
	height:100%;
	top:0;
	bottom:0;
	margin:auto;
	background-image: url(../images/nav_border.png);
    font-weight: 100;
    color: #666;
    font-size: 13px;
}
nav li:first-child a::after{
	display:none;
}*/

/* ホバーで出てくるメニューを示すアイコン */
.nav_slidebtm {
  background-image: url(../images/arrow02.png);
  background-repeat: no-repeat;
  background-position: center bottom 10px;
  background-size: 8px;
}

/* ホバーで出てくるメニュー */

nav ul li div {
  position: absolute;
  display: none;
  width: 150%;
  top: 100%;
  left: 0%;
  background-color: rgba(255, 255, 255, 0.7);
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.05);
}
nav ul li div a {
  display: block;
  position: relative;
  margin: 0;
  padding: 13px 20px;
  border-bottom: 1px solid #f0f0f0;
  line-height: 1.4;
  text-align: left;
  font-size: 13px;
}
nav ul li div a::after,
nav ul li div a::before {
  display: none;
}
nav ul li div a:hover {
  background-color: #f0f0f0;
  background-image: none;
}

/* 矢印 */
.nav_arrow {
}
.nav_arrow img {
  display: block;
  position: absolute;
  top: 0;
  right: 5%;
  bottom: 0;
  margin: auto;
  transition: 0.2s ease-in-out;
}
nav ul li div a:hover .nav_arrow img {
  right: 3%;
}
/* スクロールで追加されるクラス */
.fixed {
  position: fixed;
  top: 0;
  left: 0;
}

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

	#mainvisual

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

/* 下層ページのメインビジュアルの高さ、背景画像（トップページの高さはtop.css参照） */
#main_slider {
  position: relative;
  width: 100%;
  /*height:1012px;*/
  height: 670px;
  margin: 0 auto;
  overflow: hidden;
}

#mainvisual {
  display: block;
  position: relative;
  height: 240px;
  background-image: url(../images/main.png);
  background-color: #f0f0f0;
  background-position: center;
  background-repeat: no-repeat;
}
#mainvisual .inner {
  display: table;
  position: relative;
  height: inherit;
  width: 1080px;
  margin: 0 auto;
  background-repeat: no-repeat;
}
#mainvisual h2 {
  position: relative;
}
/* キャッチフレーズ */
.mainvisual_catch {
  position: absolute;
  top: 195px;
}
.mainvisual_catch h2 {
  margin-bottom: 20px;
  line-height: 50px;
  color: #fff;
  font-family: UDTypos512, sans-serif;
  font-size: 27px;
  text-shadow: 0 0 15px rgba(62, 5, 12, 1);
  padding: 0 0 0 10px;
  letter-spacing: 0.05em;
}
.mainvisual_catch p {
  display: block;
  letter-spacing: 0.08em;
  font-size: 18.2px;
}
.mainvisual_covid {
  position: absolute;
  top: 452px;
  right: 365px;
}
.mainvisual_open {
  background-color: rgba(251, 235, 237, 0.8);
  position: absolute;
  top: 20px;
  right: 5px;
  width: auto;
  height: 480px;
  padding: 1% 2%;
  border-radius: 10px;
}
.mainvisual_open iframe {
  height: 440px;
}
.konzatsu_title {
  font-family: UDTypos512, sans-serif;
  color: #d1848e;
  font-size: 20px;
  text-shadow: 0px 0px 1px #fff, 0px 0px 3px #fff, 0px 0px 5px #fff,
    0px 0px 10px #fff;
}
/* 下層ページの見出し */
.mainvisual_headline {
  display: table-cell;
  padding-right: 20px;
  padding-left: 20px;
  padding-bottom: 2px;
  letter-spacing: 0.15em;
  vertical-align: middle;
  text-align: center;
  text-shadow: 0 0 5px rgba(255, 255, 255, 0.7);
}
.mainvisual_headline h2 {
  /*font-weight:bold;*/
  font-size: 30px;
  color: #c86265;
  font-family: Folk Regular, sans-serif;
}
.mainvisual_headline p {
  display: inline-block;
  font-size: 15px;
  color: #000;
  font-family: 'Quattrocento', serif;
}
.mainvisual_headline p:first-letter {
  text-transform: uppercase;
}

/* 飾りの英語の棒 */
.mainvisual_headline p::before,
.mainvisual_headline p::after {
  position: relative;
  content: '-';
}
.mainvisual_headline p::before {
  left: -0.5em;
}
.mainvisual_headline p::after {
  right: -0.5em;
}

/* 背景変更用 */
#mainvisual.bg01 {
  background-image: url(../images/main_bg01.png);
  background-position: center 0%;
  background-size: cover;
}
#mainvisual.bg02 {
  background-image: url(../images/main_bg02.png);
  background-position: center 0%;
  background-size: cover;
}
#mainvisual.bg03 {
  background-image: url(../images/main_bg03.png);
  background-position: center 0%;
  background-size: cover;
}
#mainvisual.bg04 {
  background-image: url(../images/main_bg04.png);
  background-position: center 0%;
  background-size: auto;
}
#mainvisual.bg05 {
  background-image: url(../images/main_bg05.png);
  background-position: center 0%;
  background-size: cover;
}

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

	.contents

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

main {
  display: block;
}
#container {
  padding-top: 100px;
  padding-bottom: 100px;
}

#contents {
  position: relative;
  width: 100%;
  margin: 0 auto;
  padding-top: 0;
  padding-bottom: 50px;
}
#contents::after {
  display: block;
  clear: both;
  content: '';
}

#contents_left {
  float: left;
  width: 720px;
}
#contents_right {
  float: right;
  width: 280px;
  font-size: 15px;
  line-height: 1.6;
}
.right_medical h3 {
  text-align: center;
}
.right_medical h3 a {
  display: block;
  padding: 7px 0;
  background-color: #262e7c;
  color: #fff;
  font-weight: bold;
  font-size: 19px;
  transition: 0.1s ease-in-out;
}
.right_medical h3 a:hover {
  background-color: #e0d6ce;
  color: #1f2774;
}
.right_medical ul {
  padding: 10px;
  background-color: #f0f0f0;
}
.right_medical li {
}
.right_medical li a {
  display: block;
  padding: 10px 15px;
  background-color: #fff;
  border-bottom: 1px dotted #d0d0d0;
}
.right_medical li a:hover {
  background-color: #f3f9fc;
}
.right_medical li:last-child {
  margin-bottom: 0;
}
.right_medical img {
  width: 100%;
}

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

	$footer

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

footer {
  position: relative;
  width: 100%;
  background: #f7e1e4 url(../images/footer_bg.png) center;
}

/* フッターの医院概要 */
.footer_info {
  /*background-color:#f0f0f0;*/
  width: 1080px;
  margin: 0 auto;
}
.footer_info .inner {
  position: relative;
  width: 100%;
  height: 625px;
  margin: 0 auto;
}

.footer_info_map {
  float: right;
  width: 50%;
  /*height: 100%;*/
  padding: 88px 0 0 0;
  text-align: center;
}
.footer_info_map img {
  border: 5px solid #fff;
  border-radius: 10px;
  background-color: #ffffffa1;
  padding: 15px;
}

.footer_info_map iframe {
  width: 100%;
  height: 100%;
  border: 0;
}

.footer_info_data {
  /*position: absolute;*/
  display: inline;
  float: left;
  width: 50%;
  /*height: 100%;*/
  vertical-align: top;
  font-size: 0;
}

.footer_info_data::after {
  display: block;
  clear: both;
  content: '';
}

.footer_info_overview {
  /*float:left;
	width:440px;*/
  margin: 73px 0 15px 0;
}
.footer_info_overview_logo,
.footer_info_overview_logo img {
  width: 368px;
  height: 82px;
}
.footer_info_overview dt {
  margin: 0;
  float: left;
}
.footer_info_overview dd {
  /*margin-bottom: 12px;*/
  font-size: 14px;
  padding: 1px 0 2px;
  line-height: 1.3;
  /*letter-spacing: 0.25em;*/
  width: 111px;
  margin: 5px 30px 0 0;
  color: #fff;
  font-weight: 700;
  background: #d27c7f;
  float: right;
  text-align: center;
}

.footer_info_overview dd:nth-child(2) {
  margin: 15px 30px 0 0;
}

.footer_info_overview dd:last-child {
  margin: 17px 30px 20px 0;
  color: #333;
  background: none;
  width: 510px;
  font-size: 15px;
}

.footer_info_overview_tel {
  padding-left: 26px;
  /*background-image:url(../images/header_tel.svg);*/
  background-size: 15px;
  background-position: left 23px;
  background-repeat: no-repeat;
  font-size: 44px !important;
  color: #6d5b50;
  font-family: 'Yrsa', serif;
  line-height: 1 !important;
  letter-spacing: normal !important;
}
.footer_info_overview_tel span {
  display: block;
  position: relative;
  /*left: -27px;*/
  letter-spacing: 1px;
  font-weight: bold;
  font-size: 13px;
  color: #fca43c;
  font-family: '游ゴシック体', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴ ProN W3',
    'Hiragino Kaku Gothic ProN', 'メイリオ', 'Meiryo', Osaka, 'ＭＳ Ｐゴシック',
    'MS PGothic';
}

.footer_info_overview_tel a {
  color: #6d5b50;
  font-weight: normal;
}

.footer_doctor {
  position: absolute;
  top: 450px;
  left: 350px;
  z-index: 999;
}

.footer_doctor img {
  width: 110px;
}

.footer_tel {
  width: 459px;
  height: 65px;
  border: solid 2px #ffffff;
  padding: 0 25px;
  background-color: rgba(255, 255, 255, 0.3);
  position: absolute;
  /*top: 425px;*/
  top: 500px;
}

.footer_tel span:first-child {
  float: left;
  margin: 20px 0 0;
  font-size: 13px;
  display: inline-block;
  color: #3e3a3a;
}
.footer_tel span:last-child {
  float: right;
  display: inline-block;
  font-size: 39px;
  font-family: 'Quattrocento', serif;
  letter-spacing: 0.13em;
  color: #c86265;
}

.footer_tel span:last-child::before {
  display: inline-block;
  /*position:absolute;*/
  padding: 0 0 0 15px;
  top: 10px;
  left: 10px;
  width: 29px;
  height: 27px;
  background: url(../images/footer_tel_icon.png) no-repeat;
  content: '';
}

/* 診療時間（医院案内、アクセス共通） */
.footer_info_sche {
  float: left;
  width: 510px;
  font-size: 14px;
  margin: 0;
}

.schedule_box {
  width: 100%;
  background-color: #fff;
}

.schedule table {
  width: 90%;
  background-color: #fff;
  margin: 0 auto;
}
.schedule table tr:first-child td {
  font-weight: bold;
  color: #555;
}
.schedule p {
  margin-left: 22px;
  margin-bottom: 2px;
}
.schedule p strong {
  color: #1f2774;
}
.schedule p:last-child {
  margin-bottom: 0;
}
.schedule_note {
  margin: 5px 0 60px;
}
.schedule_note li {
  display: inline-block;
  font-size: 16px;
  color: #c86265;
}

.schedule_note li:first-child {
  float: left;
}

.schedule_note li:last-child {
  float: right;
}

.schedule_note em {
  font-size: 12px;
  letter-spacing: 0.1em;
}

/* ページトップ */
.pagetop_box {
  position: relative;
  width: 1080px;
  margin: 0 auto;
  text-align: right;
  /*top: -69px;*/
  height: 50px;
}
.pagetop,
.pagetop img {
  width: 91px;
  height: 50px;
}
/*.pagetop{
	position:relative;
	margin:20px auto 20px;
	text-align:center;
	cursor:pointer;
}*/
.pagetop {
  position: relative;
  /*margin: 20px auto 20px;*/
  text-align: center;
  cursor: pointer;
  float: right;
  z-index: 9998;
  /*height: 131px;*/
}
.pagetop img {
  display: inline-block;
  position: relative;
  top: 0;
  transition: 0.3s ease-in-out;
}
.pagetop:hover img {
  top: -15px;
  padding-bottom: 15px;
  /*transform: rotateY(180deg);*/
}

/* コピーライト */
.copy {
  /*background-color:#622C28;*/
  border-top: #ffffff solid 1px;
  text-align: center;
}
.copy small {
  line-height: 50px;
  color: #da797b;
  font-family: 'Quattrocento', serif;
  font-size: 13px;
  letter-spacing: 0.1em;
}

/* フッターのナビ */
.footer_navi {
  background-color: rgb(255 255 255 / 56%);
}
.footer_navi .inner {
  width: 1080px;
  margin: 0 auto;
  padding: 20px 0 5px;
}
.footer_navi ul {
  width: 100%;
  max-width: 1080px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  height: inherit;
  text-align: center;
}
.footer_navi ul > li {
  position: relative;
  height: inherit;
}
.footer_navi ul > li a {
  display: block;
  height: inherit;
  margin-bottom: 1em;
  padding: 0 14px;
  color: #555555;
  font-family: 'A1明朝', 'A1 Mincho', 游明朝, 'Yu Mincho', YuMincho;
  font-size: 15px;
  vertical-align: middle;
  text-align: left;
  line-height: 1.4;
}
/* 日本語テキスト */
.footer_navi ul .nav_text-ja {
  display: block;
  font-size: 16px;
  font-weight: bold;
}
/* 英語テキスト */
.footer_navi ul .nav_text-en {
  display: block;
  font-family: 'Times New Roman', Times, serif;
  font-size: 13px;
  font-weight: normal;
}

/* ホバー */
.footer_navi ul > li a:hover,
.footer_navi ul li.active2 a {
  color: #62ae2d;
}
/* ホバーのボーダー */
.footer_navi ul .nav_border_hover {
  position: relative;
}
.footer_navi ul .nav_border_hover::before {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -10px;
  width: 100%;
  height: 1px;
  margin: auto;
  background-color: #62ae2d;
  transition: 0.15s ease-out;
  transform: scaleX(0);
  content: '';
  z-index: 1;
}
.footer_navi ul > li a:hover .nav_border_hover::before,
.footer_navi ul > li.active2 a .nav_border_hover::before {
  transform: scaleX(1);
}
/*


.footer_navi ul > li:nth-child(5) {
	position: relative;
    width: calc(100% / 7);
}
.footer_navi ul > li:nth-child(5) > div > ul{
    width: 100%;
    min-width: 200px;
	display: block;
}
.footer_navi ul > li:nth-child(5) > div > ul > li{
    width: 100%;
    min-width: 200px;
    display: inline-block;
    text-align: left;
    line-height: 2px;
    margin: 20px 0 0 50px;
    font-size: 14px;
}
.footer_navi ul > li:nth-child(5) > div > ul > li a{
	text-align: left;
}
.footer_navi ul > li:nth-child(5) > div > ul > li a .nav_arrow{
	display: block;
    position: absolute;
    top: 0;
	left: 0;
    bottom: 0;
    margin: auto;
    transition: 0.2s ease-in-out;
}

.footer_navi ul > li:nth-child(5) > div ul li a:hover .nav_arrow{
	left:3%;
}
*/

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

	タイトル

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

/*中央寄せ*/
/*h3.tit01 {
	position: relative;
	margin-bottom: 30px;
	padding:14px ;
	letter-spacing: 0.15em;
	line-height: 1.4;
	color: #1F2774;
	font-size: 24px;
	font-weight:bold;
	text-align: center;
}*/
.h1_style h1 {
  position: relative;
  z-index: 999;
  top: -230px;
  max-width: 1090px;
  margin: 0 auto;
  padding: 6px;
}
h3.tit01 {
  position: relative;
  margin: 0 auto 30px;
  padding: 70px 0 15px;
  text-align: center;
  letter-spacing: 0.2em;
}
h3.tit01 span:first-child {
  padding: 23px 26px 10px;
  background-image: url(../images/tit01_bg.png);
  background-repeat: no-repeat;
  display: inline-block;
  background-position: left top;
  line-height: 1.3;
  color: #555;
  font-family: Folk Regular, sans-serif;
  font-size: 25px;
}
h3.tit01 span.tit01bg2 {
  background-image: url(../images/tit02_bg.png);
}
/* アイコンの余白 */
h3.tit01 i {
  margin-right: 7px;
}
/* 背景画像 
h3.tit01::before{
	position: absolute;
	width: 200px;
	height: 62px;
	top:0;
	bottom: 0;
	right: 0;
	left:0;
	margin: auto ;
	background-image:url(../images/tit01_bg.png);
	background-repeat:no-repeat;
	background-position: center;
	background-size:cover;
	z-index: -1;
	content: "";
}*/
/* 飾りの英語 */
h3.tit01 span:last-child {
  display: block;
  position: relative;
  letter-spacing: 2.5px;
  color: #f47c8c;
  font-size: 14.5px;
  font-family: 'Quattrocento', serif;
  /*font-weight: 400;*/
  z-index: 2;
  line-height: 1.3;
}
/* 飾りの英語 
h3.tit01 span{
	display:inline-block;
	position:relative;
	letter-spacing: 2.5px;
	color: #C0AB9A;
	font-size:14.5px;
	font-family: "Times New Roman", Times, serif;
	font-weight: 400;
	z-index:2;
}*/
/*h3.tit01 span::before{
	margin-left:15px;
	margin-right:15px;
	content:"/";
}*/

/* 左寄せ */
h3.tit02 {
  position: relative;
  margin-bottom: 30px;
  padding: 14px;
  letter-spacing: 0.15em;
  color: #1f2774;
  font-size: 24px;
  font-weight: bold;
  line-height: 1.4;
  text-align: left;
}
h3.tit02::before {
  position: absolute;
  width: 40px;
  height: 62px;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  background-image: url(../images/tit02_bg.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  z-index: -1;
  content: '';
}
/* アイコンの余白 */
h3.tit02 i {
  margin-right: 7px;
}
/* 飾りの英語 */
h3.tit02 span {
  display: inline-block;
  position: relative;
  letter-spacing: 2.5px;
  color: #c0ab9a;
  font-size: 14.5px;
  font-family: 'Times New Roman', Times, serif;
  font-weight: 400;
  z-index: 2;
}
h3.tit02 span::before {
  margin-left: 15px;
  margin-right: 15px;
  content: '/';
}

h4.tit01 {
  position: relative;
  margin-bottom: 18px;
  letter-spacing: 0.15em;
  line-height: 1.4;
  color: #f47c8c;
  font-size: 19.5px;
  font-weight: bold;
  text-align: left;
}
h4.tit01 i {
  margin-right: 7px;
}
h4.tit01 span {
  display: inline-block;
  position: relative;
  letter-spacing: 2.5px;
  color: #c0ab9a;
  font-size: 14.5px;
  font-family: 'Times New Roman', Times, serif;
  font-weight: 400;
}
h4.tit01 span::before {
  margin-left: 15px;
  margin-right: 15px;
  content: '/';
}

h4.tit02 {
  position: relative;
  margin-bottom: 18px;
  letter-spacing: 0.15em;
  line-height: 1.4;
  color: #5c8855;
  font-size: 19.5px;
  font-weight: 700;
  text-align: left;
  background: rgba(0, 0, 0, 0) linear-gradient(transparent 60%, #f5eec8 0%)
    repeat scroll 0 0;
  display: inline-block;
}

h5.tit01 {
  display: inline-block;
  position: relative;
  margin-bottom: 12px;
  padding: 5px 10px;
  letter-spacing: 0.1em;
  color: #f47c8c;
  font-size: 16px;
  font-weight: 700;
  border: solid 1px #f47c8c;
}

h5.tit02 {
  position: relative;
  margin-bottom: 10px;
  letter-spacing: 0.1em;
  font-size: 16px;
  font-weight: 700;
}
h5.tit02::before {
  content: '●';
  color: #f47c8c;
}

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

	共通

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

/*院長略歴*/
.list01 {
  margin: 0 0 15px;
  padding: 0;
  border-width: 0 1px 1px;
}
.list01 li {
  margin: 0 0 6px;
}
.list01 li {
  margin: 0 0 6px;
}
.list01 li.li01_50per {
  margin: 0 0 6px;
  float: left;
  width: 50%;
}
.list01 dt {
  margin: 0;
  padding: 14px 3px 0px;
}
.list01 dd {
  margin: -38px 0 0;
  padding: 12px 4px 10px 95px;
  /*	border-bottom: 1px dotted #ACACAC;*/
}

/*院長略歴　年月無し*/
.list02 {
  margin: 0 0 15px;
  border-width: 0 1px 1px;
}
.list02 li {
  margin: 0 0px 0px;
  padding: 6px 4px 6px 0;
  border-bottom: 1px dotted #ddd;
}

/*他の使用*/
.list02_diabetes {
  margin: 0 0 50px;
  border-width: 0 1px 1px;
}
.list02_diabetes li {
  margin: 0 0px 0px;
  padding: 13px 4px 13px 0;
  border-bottom: 1px dotted #ddd;
}

/*まる*/
.list03 {
  margin-bottom: 30px;
}
.list03 li {
  position: relative;
  margin-bottom: 10px;
  padding-left: 15px;
  letter-spacing: 0.05em;
}
.list03 li:last-child {
  margin-bottom: 0;
}
.list03 li:before {
  display: block;
  position: absolute;
  top: 10px;
  left: 0;
  width: 3px;
  height: 3px;
  background-color: #f47c8c;
  border: 1px solid #f47c8c;
  border-radius: 100%;
  content: '';
}
.list03 li i {
  margin-right: 30px;
}

/*さんかく*/
.list04 li {
  position: relative;
  margin-bottom: 15px;
  padding-left: 22px;
  color: #223a70;
}
.list04 li:before {
  position: absolute;
  top: 0.5em;
  left: 7px;
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-left: 5px solid #4a577f;
  content: '';
}

/*やじるし*/
.list05 li {
  position: relative;
  margin-bottom: 10px;
  line-height: 1;
  padding-left: 15px;
}
.list05 li:before {
  position: absolute;
  left: 0;
  top: 0.3em;
  height: 5px;
  width: 5px;
  transform: rotate(45deg);
  background-color: transparent;
  border-top: 1px solid #333;
  border-right: 1px solid #333;
  content: '';
}

/* まる & 背景 */
.list06 {
  padding: 35px 45px 25px;
  background-color: #f7f7f7;
}
.list06 li {
  position: relative;
  float: left;
  margin-bottom: 15px;
  padding-left: 0.9em;
  padding-right: 5%;
}
.list06 li:before {
  display: block;
  content: '';
  position: absolute;
  top: 10px;
  left: 0;
  width: 3px;
  height: 3px;
  background-color: #dac58b;
  border: 1px solid #dac58b;
  border-radius: 100%;
}

/*まる & 枠 */
.list07 {
  border: 3px solid #eee;
  padding: 30px;
  font-size: 14.5px;
}
.list07 li {
  padding-left: 0.9em;
  margin-bottom: 10px;
  position: relative;
}
.list07 li:last-child {
  margin-bottom: 0;
}
.list07 li:before {
  display: block;
  content: '';
  position: absolute;
  top: 10px;
  left: 0;
  width: 3px;
  height: 3px;
  background-color: #e0d0bf;
  border: 1px solid #e0d0bf;
  border-radius: 100%;
}
.list07 li i {
  margin-right: 8px;
}

/*チェック*/
.list08 {
  padding: 35px 10px 25px 45px;
  /*background-color:#f7f7f7;*/
  background: url(../images/other_bg.png);
  border-radius: 10px;
}
.list08:after {
  display: block;
  clear: both;
  content: '';
}
.list08 li {
  position: relative;
  float: left;
  margin-right: 5%;
  margin-bottom: 20px;
  margin-left: 28px;
  border-bottom: 1px dotted #bbb;
}
.list08 li:before {
  display: block;
  position: absolute;
  top: 3px;
  left: -28px;
  width: 20px;
  height: 20px;
  background-image: url(../images/check.svg);
  background-repeat: no-repeat;
  background-position: left center;
  content: '';
}

/*アンカーリンクボタン*/
.flex_box {
  display: flex;
  justify-content: space-around;
}

.ank_btn li {
  /*display: table !important;*/
  width: auto;
  margin-right: 20px;
  white-space: nowrap;
}
.ank_btn li a {
  display: block;
  padding: 5px 7px;
  border: 1px solid #f47c8c;
  border-radius: 5px;
  font-weight: bold;
  font-size: 18px;
  color: #f47c8c;
  text-align: center;
  vertical-align: middle;
  transition: 0.1s ease-in-out;
}
.ank_btn li a:hover {
  background-color: #f47c8c;
  color: #fff;
}
.ank_btn li i {
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 4px;
  margin: auto;
}

/*ボタン ゴースト*/
.btn01 {
  position: relative;
  top: 10px;
  margin-bottom: 10px;
}
.btn01 a {
  display: inline-block;
  position: relative;
  padding: 15px 25px;
  line-height: 1;
  border: 1px solid #33409a;
  /*	color:#3D4AA5;
*/
  text-align: center;
  color: #33409a;
  font-weight: bold;
  transition: ease-in-out 0.1s;
}
.btn01 a i {
  margin-right: 10px;
  color: #33409a;
  transition: ease-in-out 0.1s;
}
.btn01 a:hover {
  color: #fff;
  background-color: #33409a;
}
.btn01 a:hover i {
  color: #fff;
}
.btn01 a::after {
  display: inline-block;
  position: absolute;
  top: 10px;
  left: 10px;
  width: 100%;
  height: 100%;
  background-image: url(../images/bg03.png);
  transition: 0.2s ease-in-out;
  z-index: -1;
  content: '';
}
.btn01 a:hover::after {
  left: 0;
  top: 0;
}
.btn01_arrow {
  position: relative;
  left: 0px;
  margin-right: 14px;
  transition: 0.2s ease-in, 0.22s ease-out;
}
.btn01_arrow img {
  opacity: 1 !important;
}
.btn01_arrow,
.btn01_arrow img {
  width: 18px;
  height: 13px;
}
.btn01 a:hover .btn01_arrow {
  left: 4px;
}

/*ボタン 白抜き*/
.btn02_top {
}
.btn02_top a {
  display: inline-block;
  padding: 5px 10px 5px 25px;
  border: 1px solid #86a282;
  color: #fff;
  background: #86a282;
  font-family: 'Quattrocento', serif;
  font-size: 14px;
  transition: ease-in-out 0.2s;
  border-radius: 5px;
  z-index: 2 !important;
}
.btn02_top a i {
  margin-left: 10px;
}
.btn02_top a:hover {
  background-color: #fff;
  color: #86a282;
  border: 1px solid #86a282;
  box-shadow: 4px 4px #e5e5e2;
}

/*ボタン 白抜き*/
.btn02 {
}
.btn02 a {
  display: inline-block;
  padding: 5px 10px 5px 25px;
  border: 1px solid #86a282;
  color: #fff;
  background: #86a282;
  font-family: Folk Regular, sans-serif;
  font-size: 14px;
  transition: ease-in-out 0.2s;
  border-radius: 5px;
  z-index: 2 !important;
}
.btn02 a i {
  margin-left: 10px;
}
.btn02 a:hover {
  background-color: #fff;
  color: #86a282;
  border: 1px solid #86a282;
  box-shadow: 4px 4px #e5e5e2;
}

/*ボタン 白抜き*/
.btn03 {
}
.btn03 a {
  display: inline-block;
  padding: 6px 15px 6px 15px;
  border: 1px solid #86a282;
  color: #fff;
  background: #86a282;
  font-family: Folk Regular, sans-serif;
  font-size: 14px;
  transition: ease-in-out 0.2s;
  border-radius: 5px;
  z-index: 2 !important;
}
.btn03 a i {
  margin-left: 10px;
}
.btn03 a:hover {
  background-color: #fff;
  color: #86a282;
  border: 1px solid #86a282;
  box-shadow: 4px 4px #e5e5e2;
}

.btn04_top {
  text-align: center;
}
.btn04_top a {
  display: inline-block;
  z-index: 2 !important;
}

.btn04_top a:hover {
  -webkit-transform: translate(0px, -15px);
  -moz-transform: translate(0px, -15px);
  -ms-transform: translate(0px, -15px);
  -o-transform: translate(0px, -15px);
  transform: translate(0px, -15px);
}

/*ボタン 白抜き*/
.btn04_top {
  text-align: center;
  transition: 0.3s;
}
.btn04_top a {
  display: block;
  transition: 0.3s;
  /*display:inline-block;
	padding:5px 10px 5px 25px;
	border:1px solid #86a282;
	color:#fff;
	background:#86a282;
	font-family: Folk Regular, sans-serif;
	font-size:14px;
	transition:ease-in-out 0.2s ;
	border-radius:5px;
	z-index:2 !important;*/
}

/*.btn04_top a:hover{
	background-color:#fff;
	color:#86a282;
	border:1px solid #86a282;
	box-shadow: 4px 4px #e5e5e2;
}*/

/*.btn02 a:after {
	position:absolute;
	bottom:0px;
	right:0px;
	width:17.5%;
	height:9.5%;
	border-radius:5px;
	background-color: #f00;
	content:"";
}
.btn02 a:hover:after {
    bottom: 0;
    right: 0;
	transition:ease-in-out 0.2s ;
}*/

/* 画像を右寄せ　※画像サイズはhtmlで調整 */
.img_fr {
  display: block;
  position: relative;
  float: right;
  margin-left: 30px;
  margin-bottom: 0 !important;
  text-align: center;
}
.img_fr img {
  border-radius: 3px;
  margin-bottom: 7px;
}
/* 画像に対して説明文がある場合は、dlで囲い、dtに画像を、ddにテキストを使う */
.img_fr dd {
  padding-left: 20px;
  line-height: 1.3;
  font-size: 15px;
  font-weight: bold;
  color: #1f2774;
  text-align: left;
}

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

	table

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

.nowrap {
  white-space: nowrap;
}
/*フッターの診療時間*/
.tb01 {
  margin-bottom: 12px;
  border-spacing: 0;
  border-collapse: collapse;
  white-space: nowrap;
}
.tb01 td,
.tb01 th {
  border-bottom: 1px solid #f4c3c8;
  vertical-align: middle;
}
.tb01 tr:last-child td,
.tb01 tr:last-child th {
  border: none;
}
.tb01 th:first-child {
}
.tb01 th {
  padding: 10px 5px 10px 5px;
  line-height: 1;
  white-space: nowrap;
  font-weight: bold;
  text-align: center;
  color: #555;
}
.tb01 td {
  padding: 10px 16px 10px 16px;
  text-align: center;
  font-size: 16px;
  color: #c86265;
}

.tb01 tr:first-child th {
  padding: 11px 5px 7px 5px;
  line-height: 1;
  white-space: nowrap;
  font-weight: bold;
  text-align: center;
  font-size: 14px;
}
.tb01 tr:first-child td {
  padding: 11px 16px 7px 16px;
  text-align: center;
  font-size: 14px;
}

.tb01 tr:last-child th {
  padding: 10px 5px 10px 5px;
  line-height: 1;
  white-space: nowrap;
  font-weight: bold;
  text-align: center;
  font-size: 14px;
}
.tb01 tr:last-child td {
  padding: 10px 16px 10px 16px;
  text-align: center;
}

/*医院概要*/
.tb02 {
  border-spacing: 0;
  text-align: left;
}
.tb02 td,
.tb02 th {
  border-bottom: #ddd 1px dotted;
  line-height: 1.4;
  font-size: 15px;
  vertical-align: top;
}
.tb02 th {
  padding: 8px 24px 8px 0;
  white-space: nowrap;
  text-align: left;
  font-weight: normal;
  color: #333;
}
.tb02 td {
  padding: 8px 0;
  padding-right: 0 !important;
  text-align: left;
}
.tb02 tr:last-child td,
.tb02 tr:last-child th {
  border: none;
}

/* 料金表 */
.tb03 {
  width: 100%;
  border-spacing: 1px;
  border-collapse: separate;
  background-color: #f0f0f0;
  white-space: nowrap;
}
.tb03 td,
.tb03 th {
  padding: 12px 36px;
}
.tb03 th {
  font-weight: bold;
  white-space: nowrap;
  text-align: left;
  color: #666;
  background-color: #fafafa;
  font-size: 16px;
}
.tb03 th span {
  font-size: 13px;
}
.tb03 td {
  background-color: #ffffff;
  color: #666666;
  text-align: center;
}

/* 担当医表 */
.tb04 {
  width: 100%;
  border-spacing: 1px;
  border-collapse: separate;
  background-color: #b1caad;
  white-space: nowrap;
  margin-bottom: 40px;
}
.tb04 td,
.tb04 th {
  padding: 12px 8px;
}
.tb04 th {
  font-weight: bold;
  white-space: nowrap;
  text-align: center;
  color: #fff;
  background-color: #86a282;
  font-size: 16px;
}
.tb04 th span {
  font-size: 13px;
}
.tb04 td {
  background-color: #ffffff;
  color: #666666;
  text-align: center;
}

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

	アンカーリンンク

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

/* 4個並び */
.ank01 {
  margin: 0 auto 100px;
}
.ank01 li {
  display: table;
  position: relative;
  float: left;
  width: 24%;
  height: 66px;
  margin-bottom: 1.5%;
  margin-left: 1.33%;
  line-height: 1.4;
}
.ank01 li:nth-child(1),
.ank01 li:nth-child(5),
.ank01 li:nth-child(9) {
  margin-left: 0;
}
.ank01 li a {
  display: table-cell;
  padding: 12px 5px 15px;
  border: 1px solid #00408f;
  font-weight: bold;
  font-size: 13px;
  color: #00408f;
  text-align: center;
  vertical-align: middle;
  transition: 0.1s ease-in-out;
}
.ank01 li a:hover {
  background-color: #00408f;
  color: #fff;
}
.ank01 li i {
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 4px;
  margin: auto;
}

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

	box

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

.box1 {
  margin-bottom: 100px;
}
.text {
  position: relative;
  margin-bottom: 50px;
}
.text::after {
  display: block;
  clear: both;
  content: '';
}
.keireki::after {
  display: block;
  clear: both;
  content: '';
}

.text p {
  margin-bottom: 1em;
}
/*.text:last-child{
	margin-bottom:0;
}*/

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

	.top_doctor

==================================================================*/
#top_doctor {
  width: 100%;
  height: 690px;
  margin: 0 0 65px;
  background: url(../images/top_doctor_bg.png) center no-repeat;
}

#top_doctor::after {
  display: block;
  clear: both;
  content: '';
}

#top_doctor .box1 {
  width: 1080px;
  margin: 0 auto;
}

#top_doctor .text {
  position: relative;
  float: left;
  width: 705px;
}
#top_doctor .text p:first-child {
  font-family: Folk Regular, sans-serif;
  font-size: 22px;
  color: #f07979;
  letter-spacing: 0.15em;
  text-shadow: 2px 2px #d6d6d6;
  margin-bottom: 13px;
}
#top_doctor .text p:nth-child(6) {
  display: inline-block;
  color: #5c8855;
  text-align: right;
  margin: 30px 0 0 415px;
  font-size: 16.5px !important;
  letter-spacing: 0.05em;
}
#top_doctor .text p {
  margin-bottom: 0;
  line-height: 2.4;
}
#top_doctor_img {
  float: right;
  color: #1f2774;
  line-height: 1.4;
  font-weight: bold;
}
#top_doctor_img dt {
  margin-bottom: 7px;
  font-size: 15px;
}
#top_doctor_img dd {
  font-size: 16px;
}
#top_doctor_img dd span {
  display: block;
  letter-spacing: 2px;
  font-size: 13px;
  font-family: 'Times New Roman', Times, serif;
  font-weight: 400;
  color: #c3af97;
}

#top_doctor .btn02_top {
  float: right;
  width: 125px;
  margin: 30px 0 0;
}
#top_doctor .btn02_top a {
  display: block;
  white-space: nowrap;
}

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

	.top_medical

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

.top_medical {
  margin: 0 0 45px;
  padding: 5px 0 45px;
  /*height:840px;*/
  background: url(../images/top_madical_bg.png) center top no-repeat;
  background-size: cover;
}

.top_medical .box1 {
  width: 1080px;
  margin: 0 auto;
}

.top_medical_list {
}
.top_medical_list a {
  display: block;
  float: left;
  width: 32%;
  margin-right: 2%;
  margin-bottom: 20px;
  transition: 0.3s;
}
.top_medical_list a:hover {
  -webkit-transform: translate(0px, -15px);
  -moz-transform: translate(0px, -15px);
  -ms-transform: translate(0px, -15px);
  -o-transform: translate(0px, -15px);
  transform: translate(0px, -15px);
}
.top_medical_list a:nth-child(3) {
  margin-right: 0;
}
.top_medical_list dl {
  padding: 10px 10px 0;
  /*background-color:#f7f7f7;*/
}
.top_medical_list dl dt {
  margin-bottom: 14px;
}
.top_medical_list dl dt img {
  width: 100%;
}
.top_medical_list dl dd {
  padding: 0 10px;
  text-align: center;
}
.top_medical_list dl dd h3 {
  position: relative;
  margin-bottom: 21px;
  padding: 0 26px;
  font-family: Folk Regular, sans-serif;
  font-size: 21px;
  /*font-weight:bold;*/
  text-align: center;
  letter-spacing: 0.2em;
  border-bottom: dashed 1px;
  display: inline-block;
}
.top_medical_list a:nth-of-type(1) dd h3 {
  color: #e95959;
  border-color: #f1c6c2;
}
.top_medical_list a:nth-of-type(1) dd h3::before {
  position: absolute;
  width: 17px;
  height: 17px;
  top: 0;
  bottom: 0;
  right: 0;
  left: -90px;
  margin: auto;
  background-image: url(../images/top_medical01_icon.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  content: '';
}
.top_medical_list a:nth-of-type(1) dd h3::after {
  position: absolute;
  width: 17px;
  height: 17px;
  top: 0;
  bottom: 0;
  right: -77px;
  left: 0;
  margin: auto;
  background-image: url(../images/top_medical01_icon.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  content: '';
}
.top_medical_list a:nth-of-type(2) dd h3 {
  color: #478936;
  border-color: #c6d8bd;
}
.top_medical_list a:nth-of-type(2) dd h3::before {
  position: absolute;
  width: 17px;
  height: 17px;
  top: 0;
  bottom: 0;
  right: 0;
  left: -170px;
  margin: auto;
  background-image: url(../images/top_medical02_icon.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  content: '';
}
.top_medical_list a:nth-of-type(2) dd h3::after {
  position: absolute;
  width: 17px;
  height: 17px;
  top: 0;
  bottom: 0;
  right: -160px;
  left: 0;
  margin: auto;
  background-image: url(../images/top_medical02_icon.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  content: '';
}
.top_medical_list a:nth-of-type(3) dd h3 {
  color: #a96228;
  border-color: #ddcab9;
}
.top_medical_list a:nth-of-type(3) dd h3::before {
  position: absolute;
  width: 17px;
  height: 17px;
  top: 0;
  bottom: 0;
  right: 0;
  left: -135px;
  margin: auto;
  background-image: url(../images/top_medical03_icon.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  content: '';
}
.top_medical_list a:nth-of-type(3) dd h3::after {
  position: absolute;
  width: 17px;
  height: 17px;
  top: 0;
  bottom: 0;
  right: -135px;
  left: 0;
  margin: auto;
  background-image: url(../images/top_medical03_icon.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  content: '';
}
.top_medical_list a:nth-of-type(4) dd h3 {
  color: #e95959;
  border-color: #f1c6c2;
}
.top_medical_list a:nth-of-type(4) dd h3::before {
  position: absolute;
  width: 17px;
  height: 17px;
  top: 0;
  bottom: 0;
  right: 0;
  left: -185px;
  margin: auto;
  background-image: url(../images/top_medical01_icon.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  content: '';
}
.top_medical_list a:nth-of-type(4) dd h3::after {
  position: absolute;
  width: 17px;
  height: 17px;
  top: 0;
  bottom: 0;
  right: -178px;
  left: 0;
  margin: auto;
  background-image: url(../images/top_medical01_icon.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  content: '';
}
.top_medical_list a:nth-of-type(5) dd h3 {
  color: #478936;
  border-color: #c6d8bd;
}
.top_medical_list a:nth-of-type(5) dd h3::before {
  position: absolute;
  width: 17px;
  height: 17px;
  top: 0;
  bottom: 0;
  right: 0;
  left: -135px;
  margin: auto;
  background-image: url(../images/top_medical02_icon.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  content: '';
}
.top_medical_list a:nth-of-type(5) dd h3::after {
  position: absolute;
  width: 17px;
  height: 17px;
  top: 0;
  bottom: 0;
  right: -135px;
  left: 0;
  margin: auto;
  background-image: url(../images/top_medical02_icon.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  content: '';
}
.top_medical_list a dl dd p {
  text-align: left;
  color: #555;
}
.top_medical_list a:nth-of-type(1):hover dl dd p span,
.top_medical_list a:nth-of-type(4):hover dl dd p span {
  border-bottom: dashed 1px #f096a1;
}
.top_medical_list a:nth-of-type(2):hover dl dd p span,
.top_medical_list a:nth-of-type(5):hover dl dd p span {
  border-bottom: dashed 1px #c6d8bd;
}
.top_medical_list a:nth-of-type(3):hover dl dd p span {
  border-bottom: dashed 1px #ddcab9;
}
.top_medical_list dl dd p {
  font-size: 14px;
  line-height: 1.5;
}

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

	.top_feature

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

#top_feature {
  padding: 5px 0;
  height: 584px;
  background: url(../images/top_feature_bg.png) center top no-repeat;
}

#top_feature .box1 {
  width: 1080px;
  margin: 0 auto;
  padding: 80px 0 0;
}

#top_feature .text {
  position: relative;
  float: right;
  width: 540px;
}

#top_feature .text p:first-child {
  font-family: Folk Regular, sans-serif;
  font-size: 24px;
  line-height: 1.7;
  color: #f07979;
  letter-spacing: 0.15em;
  text-shadow: 2px 2px #d6d6d6;
  margin-bottom: 35px;
}

#top_feature .text p {
  margin-bottom: 0;
  line-height: 1.9;
}

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

	$doctor

==================================================================*/
.doctor_greet {
}

.doctor_greet p.honorary {
  width: 100%;
  text-align: center;
  font-size: 18px;
  font-weight: 700;
}

.doctor_greet .box1 {
  width: 1080px;
  margin: 0 auto;
}

.doctor_greet .text {
  float: left;
  width: 705px;
}

.doctor_greet .text p:first-child {
  font-family: Folk Regular, sans-serif;
  font-size: 22px;
  color: #f07979;
  letter-spacing: 0.15em;
  text-shadow: 2px 2px #d6d6d6;
  margin-bottom: 13px;
}

.doctor_greet .text p:nth-child(6) {
  display: inline-block;
  color: #5c8855;
  text-align: right;
  margin: 30px 0 0 0;
  font-size: 16.5px !important;
  letter-spacing: 0.05em;
  float: right;
}
/*医師紹介部分*/
.doctor_intro h4 {
  font-family: Folk Regular, sans-serif;
  font-size: 22px;
  color: #f07979;
  letter-spacing: 0.15em;
  line-height: 1.4;
  text-shadow: 2px 2px #d6d6d6;
  margin-bottom: 13px;
}
.doctor_intro .text p {
  margin-bottom: 0;
  line-height: 2.4;
}

.doctor_intro p.honorary {
  width: 100%;
  text-align: center;
  font-size: 18px;
  font-weight: 700;
}
.doctor_intro h5 {
  width: 100%;
  text-align: left;
  font-size: 18px;
  font-weight: 700;
}
.doctor_intro .keireki {
  float: left;
}
.doctor_intro .keireki dl {
  border-bottom: 1px dotted #333;
  margin-bottom: 15px;
}
.doctor_intro .keireki dl dt {
  float: left;
}
.doctor_intro .keireki dl dd {
  float: left;
  padding: 0px 0 10px 30px;
}
.doctor_intro .box1 {
  width: 1080px;
  margin: 0 auto;
  padding-bottom: 50px;
}

.doctor_intro .text {
  float: left;
  width: 705px;
}

.top_doctor_img {
}

.top_doctor_img::after {
  display: block;
  clear: both;
  content: '';
}

.top_doctor_img dt {
  float: right;
}

.top_doctor_img dd {
  display: none;
}

.doctor_carr {
}
.doctor_carr h4.tit01 {
  margin-bottom: 9px;
  color: #f47c8c;
  font-family: Folk Regular, sans-serif;
  font-weight: 500;
}
.staff_carr_sec1 {
  float: left;
  /*width: 43.5%;*/
  width: 60%;
  margin-right: 20px;
  padding: 20px 30px;
  background: url(../images/other_bg.png);
  font-size: 14px;
  border-radius: 15px;
}
.staff_carr_sec1_1 {
  float: left;
  /*width: 43.5%;*/
  width: 53%;
  margin-right: 20px;
  padding: 20px 30px;
}
.doctor_carr_sec1 {
  width: 42%;
  margin-top: 60px;
  padding: 20px 30px;
  background-color: #f4fbf9;
  font-size: 14px;
  background: url(../images/other_bg.png);
  border-radius: 15px;
}

.doctor_carr_sec1:last-child {
  margin-right: 0;
}
.doctor_carr .tb02 td,
.doctor_carr .tb02 th {
  font-size: 14px;
}
.doctor_carr_sec1 table {
  width: 100%;
}

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

	.news

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

.top_news {
  position: relative;
  display: block;
  font-size: 15px;
  background-color: rgba(255, 255, 255, 0.85);
  margin: 0;
  padding: 0;
  height: 128px;
  top: -128px;
}

.top_news._blog {
  margin: 30px 0;
  background: rgba(198, 216, 189, 0.3);
  position: static;
}

.top_news span {
  color: #c69fa4;
  display: block;
  width: 17%;
  float: left;
}

.top_news._blog span {
  color: #86a282;
}

.top_news li a {
  color: #3e3a3a;
}

.top_news::after {
  display: block;
  clear: both;
  content: '';
}
.top_news .box1 {
  position: relative;
  margin: 0 auto;
  height: 128px;
  width: 1080px;
}
.top_news h3 {
  position: absolute;
  float: left;
  border-right: #dccdbd solid 1px;
  /*width:200px;*/
  margin: 27px 0 0;
  padding: 0px 56px 17px 0;
}
.top_news_flame {
  /*	padding: 36px 0 38px 95px;*/
  padding: 30px 0 38px 95px;
  width: 640px;
  margin: 0 auto;
}

/*ボタン 白抜き*/
.top_news .btn02 {
  position: absolute;
  /*float:right;*/
  margin: 51px 0 0;
  right: 0;
  text-align: right;
}
.top_news .btn02 a {
  display: inline-block;
  padding: 2px 15px 2px 33px;
  border: 1px solid #e5a9b1;
  color: #fff;
  font-family: 'Quattrocento', serif;
  /*font-weight:700;*/
  background: #e5a9b1;
  transition: ease-in-out 0.2s;
  font-size: 14px;
  border-radius: 5px;
}
.top_news._blog .btn02 a {
  background: #86a282;
  border: 1px solid #86a282;
}
.top_news .btn02 a i {
  margin-left: 0;
  float: right;
  text-align: right;
  padding: 5px 0 0 10px;
}
.top_news .nav_arrow img {
  right: 1%;
}
.top_news .btn02 a:hover {
  background-color: #fff;
  color: #e5a9b1;
  box-shadow: none;
}
.top_news._blog .btn02 a:hover {
  color: #86a282;
}

.news_text a {
  color: #3e3a3a;
}

.news_text a:hover {
  opacity: 0.8;
}
.news_text p {
  margin-bottom: 10px;
}
/* タイトル */
.news_text p strong {
  margin-left: 20px;
  font-size: 17.5px;
  /*font-family:  "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", Osaka, "ＭＳ Ｐゴシック", "MS PGothic";*/
  color: #5c8855;
}
/* 日付 */
.date {
  margin-right: 10px;
  color: #c69fa4;
}
/* お知らせのブロックのボーダー */
.news_text .line {
  margin-bottom: 30px;
  padding-bottom: 30px;
  border-bottom: 1px dotted #ccc;
}
/* お知らせの高さ */
.scroll_area {
  /*height:56px;*/
  height: 75px;
}

#news {
  margin: 100px 0 0;
}

#news .box1 {
  width: 1080px;
  margin: 0 auto;
}

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

	$access

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

.access {
}

.access .box1 {
  width: 1080px;
  margin: 0 auto;
}

.access_guide {
  margin-bottom: 20px;
  font-weight: 700;
  color: #c86265;
  font-size: 18px;
}
.access_map {
  margin-bottom: 40px;
}
.access_map dt {
  margin-bottom: 10px;
}
.access_map dt i {
  margin-right: 7px;
}
.access_map dd {
  width: 100%;
  height: 500px;
}
.access_map dd iframe {
  width: 100%;
  height: 100%;
  border: 0;
}
.access .btn03 {
  text-align: center;
  margin-bottom: 50px;
}
.access_info {
  border: 4px solid rgb(237, 237, 237);
  padding: 25px 30px 5px;
}
.access_info dt i {
  margin-right: 7px;
}
.access_train,
.access_bus,
.access_car,
.access_bike {
  margin-bottom: 25px;
}
.access_train dt,
.access_bus dt,
.access_car dt,
.access_bike dt {
  padding-left: 0;
  margin-bottom: 5px;
  font-size: 17px;
  font-weight: 700;
  color: #c86265;
}
.access_train dd,
.access_bus dd,
.access_car dd,
.access_bike dd {
  font-size: 14.5px;
}

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

	$clinic

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

/* 院内スライド（サムネイル右、1列） */
.clinic_slides1 {
}

.clinic_slides1 .box1 {
  width: 1080px;
  margin: 0 auto 80px;
}
.clinic_slides1 .box1::after {
  display: block;
  clear: both;
  content: '';
}
.clinic_slides1 .flexslider {
  position: relative;
  float: left;
  width: 82%;
}
.clinic_slides1 .flexslider li div {
  display: table;
  position: relative;
  margin-top: -60px;
  margin-left: 20px;
  background-color: rgba(255, 255, 255, 0.9);
}
.clinic_slides1 .flexslider p {
  display: table-cell;
  padding: 8px 10px;
  vertical-align: middle;
  font-size: 16px;
  font-weight: bold;
  color: #002a64;
}

.clinic_slides1 .flex-control-thumbs .flex-active img {
  border: 5px solid #aaa;
}
.clinic_slides1 .flex-control-nav.flex-control-thumbs {
  position: absolute;
  right: -22%;
  top: 0;
  width: 13.3%;
}
.clinic_slides1 .flex-control-thumbs li {
  position: relative;
  width: 96%;
  margin: 0 0 0 4%;
  background-color: #fff;
}

/* 院内スライド（サムネイル下） */

.clinic_slides2 {
  padding-bottom: 100px;
}
.clinic_slides2 .flexslider {
  position: relative;
}
.clinic_slides2 .flex-control-thumbs img:hover {
  opacity: 1;
}
.clinic_slides2 .flexslider li div {
  display: table;
  position: absolute;
  margin-top: -60px;
  margin-left: 20px;
  background-color: rgba(255, 255, 255, 0.9);
}
.clinic_slides2 .flexslider p {
  display: table-cell;
  padding: 8px 10px;
  vertical-align: middle;
  font-size: 16px;
  font-weight: bold;
  color: #002a64;
}
.clinic_slides2 .flex-control-thumbs {
  margin: 10px 0px 0px;
  position: absolute;
  overflow: hidden;
  z-index: 10;
  bottom: -100px;
  width: 100%;
  right: 0px;
  left: 0px;
  padding: 0px 2%;
}
.clinic_slides2 .flex-control-thumbs li {
  width: 15%;
}

.clinic_slides2 .flex-control-thumbs img {
  width: 100%;
  height: auto;
  display: block;
  opacity: 0.5;
  cursor: pointer;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}

/* 院内スライド（サムネイル下、スライドの上にタイトル、説明文） */
.clinic_slides3 {
}
.clinic_slides3 .flexslider {
  position: relative;
  float: left;
  width: 82%;
}
.clinic_slides3 .flexslider li div {
  display: table;
  position: absolute;
  width: 94%;
  height: 80px;
  margin-top: -95px;
  margin-right: 3%;
  margin-left: 3%;
  background-color: rgba(255, 255, 255, 0.9);
}
.clinic_slides3 .flexslider h4,
.clinic_slides3 .flexslider p {
  display: table-cell;
  padding: 8px 15px;
  box-sizing: border-box;
  vertical-align: middle;
  text-align: left;
}
.clinic_slides3 .flexslider h4 {
  width: 20%;
  font-size: 16px;
  font-weight: bold;
  color: #002a64;
}
.clinic_slides3 .flexslider p {
}

.clinic_slides3 .flex-control-thumbs .flex-active img {
  border: 5px solid #aaa;
}
.clinic_slides3 .flex-control-nav.flex-control-thumbs {
  position: absolute;
  right: -22%;
  top: 0;
  width: 15%;
}
.clinic_slides3 .flex-control-thumbs li {
  position: relative;
  width: 96%;
  margin: 0 0 4% 4%;
  background-color: #fff;
}

/* 院内スライド（サムネイル下、タイトル、説明文下） */

.clinic_slides4 {
  padding-bottom: 100px;
}
.clinic_slides4 .flex-control-thumbs {
  margin: 10px 0px 0px;
  position: absolute;
  overflow: hidden;
  z-index: 10;
  bottom: -40px;
  width: 100%;
  right: 0px;
  left: 0px;
  padding: 0px 2%;
}
.clinic_slides4 .flex-control-thumbs li {
  width: 15%;
}

.clinic_slides4 .flex-control-thumbs img {
  width: 100%;
  height: auto;
  display: block;
  opacity: 1;
  cursor: pointer;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
.clinic_slides4 .flex-control-thumbs img:hover {
  opacity: 1;
}
.clinic_slides4 .flexslider li div {
  display: table;
  position: absolute;
  bottom: -80px;
  margin-left: 20px;
  background-color: rgba(255, 255, 255, 0.9);
}
.clinic_slides4 .flexslider h4,
.clinic_slides4 .flexslider p {
  display: table-cell;
  padding: 8px 10px;
  box-sizing: border-box;
  vertical-align: middle;
}
.clinic_slides4 .flexslider h4 {
  width: 20%;
  font-size: 16px;
  font-weight: bold;
  color: #002a64;
}
.clinic_slides4 .flexslider p {
}

/* 院内スライド（サムネイル下、タイトル、説明文下） */

.clinic_slides5 {
  padding-bottom: 100px;
}
.clinic_slides5 .flex-control-thumbs {
  margin: 10px 0px 0px;
  position: absolute;
  overflow: hidden;
  z-index: 10;
  bottom: -40px;
  width: 100%;
  right: 0px;
  left: 0px;
  padding: 0px 2%;
}
.clinic_slides5 .flex-control-thumbs li {
  width: 15%;
}

.clinic_slides5 .flex-control-thumbs img {
  width: 100%;
  height: auto;
  display: block;
  opacity: 1;
  cursor: pointer;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
.clinic_slides5 .flex-control-thumbs img:hover {
  opacity: 1;
}
.clinic_slides5 .flexslider li div {
  position: absolute;
  bottom: -80px;
  width: 100%;
  margin-left: 20px;
  background-color: rgba(255, 255, 255, 0.9);
}

.clinic_slides5 .flexslider h4 {
  padding: 8px 10px;
  font-size: 16px;
  font-weight: bold;
  color: #002a64;
  text-align: center;
}

/* 医院概要 */

.clinic_sec1 {
  position: relative;
  font-size: 14.5px;
}

.clinic_sec1 .box1 {
  width: 1080px;
  margin: 0 auto 50px;
}

.clinic_sec1 .box1::after {
  display: block;
  clear: both;
  content: '';
}

.clinic_sec1 ul {
  margin-bottom: 15px;
}
.clinic_sec1 li {
  padding: 8px 0;
  border-bottom: 1px solid #e5e6ef;
}
.clinic_sec1 li:first-child {
  padding: 0 0 8px 0;
}
.clinic_sec1 li:last-child {
  border: none;
}
.clinic_sec1 dl:after {
  display: block;
  clear: both;
  content: '';
}
.clinic_sec1 dt {
  float: left;
  box-sizing: border-box;
  width: 25%;
  padding-left: 2px;
  font-weight: bold;
  color: #c86265;
}
.clinic_sec1 dd {
  float: left;
  width: 75%;
}

.clinic_sec1 .schedule {
  float: right;
  width: 100%;
}
.clinic_sec1 .schedule .tb01 {
  border: 1px solid #f4c3c8;
  width: 100%;
  font-size: 14px;
}
.clinic_sec1 .schedule .tb01 tr:first-child th,
.clinic_sec1 .schedule .tb01 tr:first-child td {
  background-color: #fbeced;
  color: #555;
  font-weight: bold;
}
.clinic_sec1 .schedule .tb01 tr:first-child {
}
.clinic_sec1 .schedule li {
  border-bottom: none;
}

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

	$facilities

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

/* 機器紹介1 */
.facilities_equip dl {
  float: left;
  width: 42.3%;
  min-height: 280px;
  margin-bottom: 30px;
  margin-left: 3.4%;
  padding: 3%;
  border-top: 4px solid #9397be;
  background-color: #f7f7f7;
  text-align: justify;
  font-size: 14px;
}
.facilities_equip dl:nth-child(odd) {
  margin-left: 0;
}

/* 機器紹介名前 */
.facilities_equip dt {
  margin-bottom: 14px;
  padding-bottom: 10px;
  line-height: 1.7;
  font-size: 17px;
  font-weight: bold;
  text-align: left;
}
.facilities_equip dt span {
  display: block;
  font-size: 15px;
}
.facilities_equip_img {
  float: right;
  width: 50%;
  margin-left: 20px;
}
.facilities_equip_img img {
  width: 100%;
}

/* 機器紹介2 */
.facilities_equip2 dl {
  float: left;
  width: 31%;
  margin-bottom: 30px;
  margin-right: 3.5%;
  background-color: #f7f7f7;
  text-align: justify;
  font-size: 14px;
}
.facilities_equip2 dl:nth-child(3n) {
  margin-right: 0;
}

/* 機器紹介名前 */
.facilities_equip2 dt {
}
.facilities_equip2 dt img {
  width: 100%;
}
.facilities_equip2 dd {
  padding: 10px 15px 18px;
  line-height: 1.35;
}
.facilities_equip2 dd h4 {
  text-align: center;
  font-size: 17px;
  font-weight: bold;
}
.facilities_equip2 dd p {
  margin-top: 7px;
}

/* 機器紹介3 */
.facilities_equip3 .box1 {
  width: 1080px;
  margin: 0 auto 50px;
}

.facilities_equip3 .box1::after {
  display: block;
  clear: both;
  content: '';
}

.facilities_equip3 dl {
  float: left;
  width: 48%;
  margin-bottom: 35px;
  margin-right: 4%;
  background-color: #f7f7f7;
  text-align: justify;
  font-size: 14px;
}
.facilities_equip3 dl:nth-child(odd) {
  margin-right: 0;
}

/* 機器紹介名前 */
.facilities_equip3 dt {
}
.facilities_equip3 dt img {
  width: 100%;
}
.facilities_equip3 dd {
  padding: 10px 15px 18px;
  line-height: 1.35;
}
.facilities_equip3 dd h4 {
  text-align: center;
  font-size: 17px;
  font-weight: bold;
}
.facilities_equip3 dd p {
  margin-top: 7px;
}

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

	$medical

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

.medical {
}

.medical .box1 {
  width: 1080px;
  margin: 0 auto;
}

.medical .box1 .text img {
  float: left;
  margin: 0 20px 0 0;
}

.medical .box2 {
  display: block;
  margin: 0 0 100px;
}

.medical_description {
  padding: 30px;
  /*background:#f9f7ed;*/
  background: url(../images/other_bg.png);
  border-radius: 10px;
}

.medical_description .box {
  display: block;
  margin: 25px 0;
}

.medical_description strong {
  color: #f47c8c;
  font-size: 16px;
  border-bottom: #f47c8c solid 1px;
}

.medical_description h4.tit02 {
  border: solid 1px #5c8855;
  padding: 10px;
  background: none;
  /*background: rgba(0, 0, 0, 0) linear-gradient(transparent 60%, #fff 0%) repeat scroll 0 0;*/
}
#medical05 {
  margin-top: -100px;
  padding-top: 100px;
}

.box_disease {
  position: relative;
  margin: 2em auto 3.5em;
  padding: 0.5em 1em 1.5em;
  border: solid 4px #ffe4e8;
  border-radius: 10px;
  width: 100%;
  box-sizing: border-box;
}
.box_disease .box-title {
  position: inherit;
  display: inline-block;
  top: -25px;
  left: -2px;
  padding: 0 9px;
  line-height: 1;
  font-size: 19px;
  background: #fff;
  color: #f47c8c;
  font-weight: 700;
}
.box_disease p {
  margin: 0;
  padding: 15px 10px 15px 10px;
}

.box_disease_health {
  position: relative;
  margin: 2em auto 3.5em;
  padding: 0.5em 1em 1.5em;
  border: solid 4px #ffe4e8;
  border-radius: 10px;
  width: 100%;
  box-sizing: border-box;
}

.box_disease_health .box-title {
  position: inherit;
  display: inline-block;
  /*top: -13px;*/
  top: -15px;
  left: 15px;
  padding: 0 9px;
  line-height: 1;
  font-size: 19px;
  background: #fff;
  color: #f47c8c;
  font-weight: 700;
}
.box_disease_health p {
  margin: 0;
  padding: 15px 10px 0 10px;
}
.marker {
  letter-spacing: 0.15em;
  text-align: left;
  background: rgba(0, 0, 0, 0) linear-gradient(transparent 60%, #f5eec8 0%)
    repeat scroll 0 0;
  display: inline;
}
.kenshin {
  color: #d27c7f;
}

.medical_table {
  margin: 0 auto 30px;
}

.medical_table table {
  margin: auto;
  margin-bottom: 50px;
  border-collapse: collapse;
  border-spacing: 0;
  color: #4c4c4c;
}

.medical_table th,
.medical_table td {
  border-collapse: collapse;
  border: 1px solid #ccc;
  line-height: 1.5;
  padding: 10px;
  margin: 0 auto;
  text-align: center !important;
}

.medical_table th {
  background-color: #f7c1b3;
}

.medical_img {
  margin: 0 auto;
  text-align: center;
}

.table_pc_option {
  width: 260px;
}
.table_pc_money {
  width: 120px;
}

/* 1つ並びのレイアウト。画像は無し、左にタイトル、右に文章 */

.medical_layout01 {
  padding-bottom: 20px;
}
.medical_layout01 dl {
  display: table;
  position: relative;
  top: 5px;
  width: 100%;
  margin-bottom: 5px;
}
.medical_layout01 dl:before {
  position: absolute;
  top: -3px;
  left: 0;
  width: 100%;
  border-top: 1px solid #ededed;
  content: '';
}
.medical_layout01 dl:last-child:after {
  position: absolute;
  bottom: -3px;
  left: 0;
  width: 100%;
  border-top: 1px solid #f0f0f0;
  content: '';
}
.medical_layout01 dt,
.medical_layout01 dd {
  display: table-cell;
  box-sizing: border-box;
}

.medical_layout01 dt {
  min-width: 28%;
  padding: 0 3%;
  background-color: #f7f7f7;
  letter-spacing: 0.1em;
  color: #1f2774;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
}
/* 数字 */
.medical_layout01 dt em {
  margin-right: 8px;
  font-family: 'Times New Roman', Times, serif;
  font-size: 38px;
  font-weight: normal;
  color: #c3af97;
}
.medical_layout01 dd {
  padding: 3%;
}

/* 2つ並びのレイアウト。最初(dt)にタイトル、画像がその下(dd)、画像の下に文章 */
.medical_layout02 {
}
.medical_layout02:after {
  display: block;
  clear: both;
  content: '';
}
.medical_layout02 dl {
  width: 40.2%;
  float: left;
  margin-right: 4%;
  margin-bottom: 25px;
  padding: 3% 3.9% 4%;
  background-color: #f7f7f7;
  border-radius: 10px;
}
.medical_layout02 dl:nth-child(even) {
  margin-right: 0;
}
.medical_layout02 dl dt {
  margin-bottom: 10px;
  font-weight: bold;
  font-size: 18px;
  line-height: 1.3;
  text-align: center;
}
/* 数字 */
.medical_layout02 dl dt em {
  margin-right: 10px;
  color: #bda087;
  font-family: 'Times New Roman', Times, serif;
  font-size: 30px;
  font-weight: normal;
}
.medical_layout02 dl dd {
  line-height: 1.6;
  font-size: 14.5px;
  text-align: center;
}
.medical_layout02 dl dd img {
  width: 160px;
  margin-bottom: 15px;
}
.medical_layout02 dl dd p {
  margin-bottom: 0;
  text-align: justify;
}

/* 1つ並びのレイアウト。画像が左、右にタイトル、タイトル下に文章 */
.medical_layout03 {
  padding-bottom: 20px;
}
.medical_layout03 dl {
  display: table;
  position: relative;
  margin-bottom: 20px;
  background-color: #f7f7f7;
  padding: 2%;
}
.medical_layout03 dt,
.medical_layout03 dd {
  display: table-cell;
  box-sizing: border-box;
  vertical-align: middle;
}
.medical_layout03 dt {
  width: 27%;
  padding: 3%;
  background-color: #fff;
  text-align: center;
}
.medical_layout03 dt img {
  width: 100%;
  padding-bottom: 10px;
}
.medical_layout03 dd {
  width: 73%;
  padding: 1% 3%;
}
.medical_layout03 dd h5 {
  color: #1f2774;
  font-size: 18px;
  font-weight: bold;
}
.medical_layout03 dd h5 em {
  margin-right: 10px;
  color: #bda087;
  font-family: 'Times New Roman', Times, serif;
  font-size: 30px;
  font-weight: normal;
}

/* 1つ並びのレイアウト。画像が左、右にタイトル、タイトル下に文章、タイトルと文章のエリア(dd)は背景色が別の色 */

.medical_layout04 {
  padding-bottom: 20px;
}
.medical_layout04 dl {
  display: table;
  position: relative;
  margin-bottom: 20px;
  background-color: #f7f7f7;
  padding: 2%;
}
.medical_layout04 dt,
.medical_layout04 dd {
  display: table-cell;
  box-sizing: border-box;
}
.medical_layout04 dt {
  width: 27%;
  padding-right: 2%;
  vertical-align: middle;
}
.medical_layout04 dt img {
  width: 100%;
}
.medical_layout04 dd {
  width: 73%;
  padding: 3%;
  background-color: #fff;
  vertical-align: middle;
}
.medical_layout04 dd h5 {
  color: #1f2774;
  font-size: 18px;
  font-weight: bold;
}
.medical_layout04 dd h5 span {
  margin-right: 10px;
  color: #bda087;
  font-family: 'Times New Roman', Times, serif;
  font-size: 30px;
  font-weight: normal;
}

/* 1つ並びで3列に区切られたレイアウト。画像が左、画像の下にタイトル、右に文章 */
.medical_layout05 {
  padding-bottom: 20px;
}
.medical_layout05 dl {
  display: table;
  position: relative;
  margin-bottom: 20px;
  background-color: #f7f7f7;
  padding: 2%;
  font-size: 14px;
}
.medical_layout05 dt,
.medical_layout05 dd {
  display: table-cell;
  box-sizing: border-box;
}
.medical_layout05 dt {
  width: 25%;
  background-color: #fff;
  text-align: center;
  vertical-align: middle;
}
.medical_layout05 dt img {
  width: 100%;
  padding-bottom: 10px;
}
.medical_layout05 dd {
  padding: 1% 3%;
  vertical-align: top;
}
.medical_layout05 dd:nth-child(2) {
  width: 36.5%;
}
.medical_layout05 dd:nth-child(3) {
  width: 38.5%;
  border-left: 1px solid #e2e2e2;
}

.medical_layout05 dd h5 em {
  margin-right: 10px;
  color: #bda087;
  font-family: 'Times New Roman', Times, serif;
  font-size: 30px;
  font-weight: normal;
}
.medical_layout05 dd h5 {
  font-size: 15px;
  font-weight: bold;
}
.medical_layout05_text1 {
}

.medical_layout05_text1 ul {
  margin-bottom: 15px;
}

.medical_layout05_text1 ul li {
  text-indent: -1em;
  margin-left: 1em;
}

/* 1つ並びで3列に区切られたレイアウト。左がタイトル、真ん中と右に文章 */
.medical_layout06 {
  padding-bottom: 20px;
}
.medical_layout06 dl {
  display: table;
  position: relative;
  padding-bottom: 5px;
  font-size: 14px;
}
.medical_layout06 dl:before {
  position: absolute;
  top: -3px;
  left: 0;
  width: 100%;
  border-top: 1px solid #ededed;
  content: '';
}
.medical_layout06 dl:last-child:after {
  position: absolute;
  bottom: -3px;
  left: 0;
  width: 100%;
  border-top: 1px solid #f0f0f0;
  content: '';
}
.medical_layout06 dt,
.medical_layout06 dd {
  display: table-cell;
  box-sizing: border-box;
}
.medical_layout06 dt {
  min-width: 28%;
  padding: 0 3%;
  background-color: #f7f7f7;
  letter-spacing: 0.1em;
  color: #1f2774;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
}
/* 数字 */
.medical_layout06 dt em {
  margin-right: 8px;
  font-family: 'Times New Roman', Times, serif;
  font-size: 38px;
  font-weight: normal;
  color: #c3af97;
}
.medical_layout06 dd {
  padding: 2% 3%;
  vertical-align: top;
}
.medical_layout06 dd:nth-child(2) {
  width: 40%;
}
.medical_layout06 dd:nth-child(3) {
  width: 35%;
  border-left: 1px solid #e2e2e2;
}

.medical_layout06 dd h5 {
  font-size: 15px;
  font-weight: bold;
}
.medical_layout06_text1 {
}
.medical_layout06_text1 ul {
  margin-bottom: 15px;
}
.medical_layout06_text1 ul li span {
  display: block;
}

/* 3つ並びのレイアウト。 */
.medical_layout07 {
}
.medical_layout07 dl {
  float: left;
  width: 26%;
  margin-right: 2%;
  margin-bottom: 20px;
  padding: 3%;
  border-radius: 10px;
  background-color: #f7f7f7;
}
.medical_layout07 dl:nth-child(3n) {
  margin-right: 0;
}
.medical_layout07 dl dt {
  margin-bottom: 7px;
  padding-bottom: 7px;
  border-bottom: 1px dashed #ddd;
  font-size: 17px;
  font-weight: bold;
  text-align: center;
}
.medical_layout07 dl dt em {
  margin-right: 8px;
  font-size: 24px;
  font-family: 'Quicksand', sans-serif;
}
.medical_layout07 dl dd {
  line-height: 1.5;
}

/* 3つ並びのレイアウト。矢印付き */
.medical_layout08 {
  overflow: hidden;
}
.medical_layout08 dl {
  position: relative;
  float: left;
  width: 24.6%;
  margin-right: 4.1%;
  margin-bottom: 25px;
  padding: 3%;
  border-radius: 10px;
  background-color: #f7f7f7;
  background-image: url(../images/other_bg.png);
}
.medical_layout08 dl::before {
  position: absolute;
  right: -23px;
  top: 0;
  height: 7px;
  width: 7px;
  transform: rotate(45deg);
  background-color: transparent;
  border-top: 3px solid #f47c8c;
  border-right: 3px solid #f47c8c;
  content: '';
  bottom: 0;
  margin: auto;
}
.medical_layout08 dl:nth-child(3n) {
  margin-right: 0;
}

.medical_layout08 dl dt {
  margin-bottom: 7px;
  padding-bottom: 5px;
  border-bottom: 1px dashed #999;
  font-size: 17px;
  font-weight: bold;
  text-align: center;
}
.medical_layout08 dl dt em {
  margin-right: 8px;
  font-size: 24px;
  font-family: 'Quicksand', sans-serif;
  color: #f47c8c;
}
.medical_layout08 dl dd {
  line-height: 1.5;
}

/*予防接種アコーディオン*/

panel {
  width: 100%;
}

#panel > dt {
  border-bottom: solid 1px white;
  background-color: #5c8855;
  color: white;
  cursor: pointer;
  padding: 12px 30px;
  font-weight: bold;
  margin-bottom: 10px;
}

#panel > dt span {
  display: inline-block;
  padding-left: 20px;
  width: 660px;
}

#panel > dd {
  border: solid 1px Silver;
  margin-bottom: 20px;
  padding: 15px 25px;
}

#panel > dd dl dt {
  float: left;
  font-weight: bold;
  color: #f47c8c;
}

#panel > dd dl dd {
  padding-left: 100px;
}

#panel dt.icon:after {
  content: '';
  position: absolute;

  font-family: 'Font Awesome 5 Free';
  content: '\f105';
  font-weight: 900;
  right: 20px;
}

#panel dt.icon_2:after {
  content: '';
  position: absolute;

  font-family: 'Font Awesome 5 Free';
  content: '\f107';
  font-weight: 900;
  right: 20px;
}

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

	$qa

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

.qa1 {
}
.qa1 dl {
  margin-bottom: 25px;
  padding-bottom: 25px;
  border-bottom: 1px dotted #c1c1c1;
}
.qa1 dl dt {
  position: relative;
  margin-bottom: 15px;
  padding-left: 40px;
  font-weight: bold;
}
.qa1 dl dt:before {
  position: absolute;
  top: -5px;
  left: 0;
  margin-right: 7px;
  line-height: 1;
  font-family: 'Times New Roman', Times, serif;
  font-weight: normal;
  font-size: 28px;
  color: #262e7c;
  content: 'Q.';
}
.qa1 dl dd {
  position: relative;
  padding-left: 40px;
}
.qa1 dl dd:before {
  position: absolute;
  top: -5px;
  left: 0;
  margin-right: 7px;
  line-height: 1;
  font-family: 'Times New Roman', Times, serif;
  font-weight: normal;
  font-size: 28px;
  color: #c0ab9a;
  content: 'A.';
}

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

	$font-face

==================================================================*/
@font-face {
  font-family: NotoSansCJKjp-Regular;
  font-style: normal;
  font-weight: 300;
  src: url(../font/NotoSansCJKjp-Regular.otf) format('opentype');
}

@font-face {
  font-family: NotoSansCJKjp-Medium;
  font-style: normal;
  font-weight: 500;
  src: url(../font/NotoSansCJKjp-Medium.otf) format('opentype');
}

/* =============================
追加分
============================= */

/* スクロールバー */

/* .scroll_area::-webkit-scrollbar {
    width: 3px;
}
 
.scroll_area::-webkit-scrollbar-track {
    background-color: #ccc;
}
 
.scroll_area::-webkit-scrollbar-thumb {
    box-shadow: inset 0 0 6px #e5a9b1;
}
 */

.container {
  max-width: 1080px;
  margin: 0 auto;
  padding: 0 20px;
}

.post_content {
  padding-top: 100px;
}
.post_title {
  margin-top: 20px;
  font-size: 2em;
  color: #5c8855;
}
.post_the_content {
  margin-top: 30px;
}

@media only screen and (max-width: 768px) {
  .post_content {
    padding-top: 60px;
  }
  .post_title {
    font-size: 1.5em;
  }
}

/* 投稿のスタイル */

.post_the_content p,
.post_the_content h2,
.post_the_content h3,
.post_the_content h4,
.post_the_content h5,
.post_the_content h6,
.post_the_content table,
.post_the_content ul,
.post_the_content ol {
  margin-bottom: 1em;
}

.post_the_content *::-moz-selection {
  background: #b7b7b7;
  color: #fff;
}
.post_the_content *::selection {
  background: #b7b7b7;
  color: #fff;
}


.post_the_content h2 {
  padding-left: 15px;
  font-size: 22px;
  font-weight: bold;
  border-left: 6px solid #c86265;
  margin: 40px 0 10px;
}
@media only screen and (max-width: 800px) {
  .post_the_content h2 {
    font-size: 18px;
    border-left: 3px solid #c86265;
  }
}
.post_the_content h3 {
  font-size: 18px;
  color: #c86265;
  font-weight: bold;
  border-bottom: 2px solid #c86265;
  margin: 30px 0 10px;
}
@media only screen and (max-width: 800px) {
  .post_the_content h3 {
    font-size: 16px;
  }
}
.post_the_content table {
  border-collapse: collapse;
}
.post_the_content tr {
  border: 1px solid #ccc;
}
.post_the_content tr td:first-of-type {
  background: #f1f1f1;
  font-weight: bold;
  width: 30% !important;
}
@media only screen and (max-width: 800px) {
  .post_the_content tr td:first-of-type {
    width: 100% !important;
  }
}
.post_the_content td {
  padding: 15px;
}
@media only screen and (max-width: 800px) {
  .post_the_content td {
    padding: 10px;
    display: block;
    width: 100% !important;
  }
}
.post_the_content ul li {
  display: block;
  font-size: 14px;
  padding-left: 20px;
  position: relative;
}
@media only screen and (max-width: 800px) {
  .post_the_content ul li {
    font-size: 14px;
  }
}
.post_the_content ul li::before {
  content: '';
  display: inline-block;
  width: 6px;
  height: 6px;
  background: #c86265;
  position: absolute;
  top: 10px;
  left: 0;
}
@media only screen and (max-width: 800px) {
  .post_the_content ul li::before {
    width: 4px;
    height: 4px;
    top: 8px;
  }
}
.post_the_content ol {
  counter-reset: item;
  list-style-type: none;
}
.post_the_content ol li {
  position: relative;
  padding-left: 20px;
}
.post_the_content ol li::before {
  counter-increment: item;
  content: counter(item) '.';
  display: inline-block;
  font-family: 'oswald', serif;
  font-size: 14px;
  font-weight: bold;
  color: #c86265;
  position: absolute;
  left: 0;
}
.post_the_content ins {
  text-decoration: none;
  color: #a9a9a9;
  padding-left: 20px;
  position: relative;
}
.post_the_content ins::before {
  content: '※';
  display: inline-block;
  position: absolute;
  left: 0;
}
.post_the_content img {
  display: block;
  /* width: 100% !important;
  height: auto !important;
  margin-right: auto;
  margin-left: auto; */
}
.post_the_content .gallery {
  margin: 14px 0 30px !important;
}
@media only screen and (max-width: 768px) {
  .post_the_content .gallery br {
    display: none;
  }
}
.post_the_content .gallery img {
  margin: 0;
  border: none !important;
}
.post_the_content .gallery-columns-2 .gallery-item {
  margin-top: 16px !important;
  margin-right: 16px;
  width: calc(100% / 2 - 8px) !important;
}
@media only screen and (max-width: 768px) {
  .post_the_content .gallery-columns-2 .gallery-item {
    float: none !important;
    width: 100% !important;
    margin-right: 0 !important;
  }
}
.post_the_content .gallery-columns-2 .gallery-item:nth-of-type(2n) {
  margin-right: 0;
}
.post_the_content .gallery-columns-3 .gallery-item {
  margin-top: 16px !important;
  margin-right: 16px;
  width: calc(100% / 3 - 11px) !important;
}
@media only screen and (max-width: 768px) {
  .post_the_content .gallery-columns-3 .gallery-item {
    float: none !important;
    width: 100% !important;
    margin-right: 0 !important;
  }
}
.post_the_content .gallery-columns-3 .gallery-item:nth-of-type(3n) {
  margin-right: 0;
}



/* =============================
ページネーション
============================= */

.pagination {
  display: flex;
  justify-content: center;
  gap: 5px;
}
.page-numbers {
  padding: 0.5em 1em;
  border: 1px solid #d27c7f;
}
.page-numbers.current {
  background: #d27c7f;
  color: #fff;
}
a.page-numbers {
  color: #d27c7f;
}
@media only screen and (max-width: 768px) {
  .page-numbers {
    padding: 0.3em 0.7em;
  }
}

.iphone.ios .footer_info_map {
  padding: 110px 0 20px;
}
.top_news._blog .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #86a282 !important;
}


.bnr-wrapper {
  display: block;
  padding: 30px 20px;
}