@charset "utf-8";

/* CSS Document */
body {
    font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", Osaka, "ＭＳ Ｐゴシック", "MS PGothic";
    color: #444444;
    font-size: 15px;
    font-weight: 500;
    line-height: 2;
    letter-spacing: 0.05em;
    text-align: justify;
    /*background: url(../images/design01.png) no-repeat top center;
	opacity: .5;*/
}

a {
    color: #444444;
    text-decoration: none;
}

a:hover {
    color: #43883f;
}

.txtlink {
    border-bottom: 1px dotted;
}

.img-circle {
    border-radius: 50%;
}

.frame-green {
    border: #92d277 1px solid;
}

.frame-white {
    border: #fff 1px solid;
}

::selection {
    background-color: #e1eed1;
}

::-moz-selection {
    background-color: #e1eed1;
}

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

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

	header

============================================================================*/
header {
    width: 100%;
    max-width: 2000px;
    height: 315px;
    margin: auto;
    background: url(../images/header_line.png) no-repeat top center, #f2f5ee;
}

header .inner {
    position: relative;
    width: 1200px;
    height: inherit;
    height: 315px;
    box-sizing: border-box;
    margin: auto;
    padding-top: 35px;
}

/* ロゴ */
header h1 {
    position: absolute;
    /*top:38px;*/
    top: 45px;
    left: 0;
    right: 0;
    margin: auto;
}

header h1,
header h1 img {
    width: 307px;
    height: 185px;
}

/* 住所 */
.header_info {
    float: left;
    font-size: 14px;
    text-align: left;
    letter-spacing: 0.1em;
    margin: 0 auto;
    text-align: center;
}

.header_info li {
    margin-bottom: 7px;
}

.header_info .schedule .caption {
    font-size: 90%;
}

.header_info .access {
    display: inline-block;
    border-radius: 8px;
    background: #ee8395;
    padding: 0.3rem 1.5rem;
    color: #fff;
    font-weight: bold;
    font-size: 1rem;
    margin: 0 auto 0.8rem;
    text-align: center;
}

.header_info .access img {
    display: block;
    padding: 10px 20px 9px;
    /*vertical-align: middle;*/
}

/* 電話番号・FAX番号 */
.header_tel {
    float: right;
    text-align: right;
}

.header_tel>li:first-child {
    margin-right: -3px;
    margin-bottom: 6px;
}

.header_tel>li.fax {
    margin-right: 10px;
}

.header_tel .sub_text {
    text-align: left;
    width: 290px;
    margin: 0 0 0 30px;
    font-size: 12px;
    font-weight: bold;
    line-height: 1.6;
    color: #609D46;
}

.header_tel .sub_text li {
    list-style: disc;
}

/* 予約バナー */
.reserv a {
    display: inline-block;
    position: relative;
    top: 0;
    width: 253px;
    margin: 5px 0;
    padding: 6px 20px;
    border-radius: 10px;
    background: #ee8395;
    color: #fff;
    font-family: "UDタイポス510", "UDTypos510";
    text-align: center;
    box-shadow: 0 3px 0 #ba4d60;
    transition: ease-in-out .3s;
}

.reserv a i {
    position: relative;
    top: 0.1em;
    padding-right: 8px;
    font-size: 20px;
}

.reserv span {
    display: block;
    font-size: 13px;
    line-height: 1.2;
}

.reserv a:hover {
    top: 3px;
    box-shadow: 0 0 0 rgba(186, 102, 116, .8);
}

/* リンクバナー */
.bn_link {
    width: 175px;
    margin: 0 auto 0;
}

.bn_link a {
    display: inline-block;
    position: relative;
    top: 0;
    width: 175px;
    margin: 15px auto 5px;
    text-align: center;
}

.bn_link a img {
    width: 100%;
}

.bnr {
    width: 260px;
    margin: 10px auto 0;
}

/* 診療時間 */
.mv_sche .footer_info_sche {
    width: 345px;
    margin-top: 0;
    font-size: 12px;
}

.mv_sche .footer_info_sche td {
    padding: 0 8px;
}

.mv_sche .tb01 tr:first-child td {
    padding: 0 8px;
}

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

	nav

============================================================================*/
nav {
    /*position: absolute;*/
    top: 250px;
    /* headerのheightと同じ値にする */
    width: 100%;
    max-width: 2000px;
    height: 90px;
    /* headerのmargin-bottomと同じ値にする */
    margin: 0 auto;
    background-color: #f2f5ee;
    z-index: 9999;
}

nav ul {
    /*width:1080px;*/
    max-width: 1600px;
    height: inherit;
    margin: 0 auto;
    border-top: 1px solid #c8cfb9;
    text-align: center;
}

nav li {
    display: inline-block;
    position: relative;
    height: inherit;
}

nav li a {
    /*display: table;*/
    display: block;
    /*padding: 14px 26px 14px;*/
    padding: 18px 26px 14px;
    color: #444;
    vertical-align: middle;
    font-family: "UDタイポス510", "UDTypos510";
    font-size: 20px;
    text-align: center;
    letter-spacing: 0.1em;
}

nav li a:hover {
    color: #444;
}

nav li:first-child a {
    padding-left: 0;
}

nav li:last-child a {
    padding-right: 0;
}

nav li a span {
    display: block;
    position: relative;
    line-height: 1.6;
}

nav li a span i {
    display: block;
    color: #f2a0b0;
    font-family: "futura-pt", sans-serif;
    font-size: 15px;
    font-style: normal;
    letter-spacing: 0.025em;
    transition: ease-in-out .3s;
}

/* ホバーのお花 */
nav li a:hover span::before,
nav li a.active span::before {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    /*top: -32px;*/
    top: -26px;
    width: 20px;
    height: 19px;
    margin: auto;
    background: url(../images/nav_flower.png) no-repeat;
    /*transition: .5s  ease-out;*/
    content: "";
    z-index: 1;
}

/* ホバーで出てくるメニューを示すアイコン */
.nav_slidebtm {
    background-image: url(../images/side_menu_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);
    z-index: 999;
}

nav ul li div a {
    display: block;
    position: relative;
    padding: 13px 20px;
    border-bottom: 1px solid #f0f0f0;
    line-height: 1.4;
    text-align: left;
    font-size: 15px;
}

nav ul li div a::after,
nav ul li div a::before {
    display: none;
}

nav ul li div a:hover {
    background-color: rgba(229, 180, 170, .2);
}

/* 矢印 */
.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参照） */
#mainvisual {
    display: block;
    position: relative;
    max-width: 2000px;
    height: 330px;
    margin: auto;
    background-image: url(../images/main_under.png);
    background-color: #f2f5ee;
    background-position: top;
    background-repeat: no-repeat;
    z-index: 9;
}

#mainvisual::after {
    position: absolute;
    right: 0;
    left: 0;
    bottom: -30px;
    margin: auto;
    max-width: 2000px;
    height: 35px;
    background: url(../images/mv_under_line.png) no-repeat bottom center;
    content: '';
}

#mainvisual .inner {
    display: block;
    /*display:table;*/
    position: relative;
    height: inherit;
    width: 1200px;
    margin: 0 auto;
    background-repeat: no-repeat;
}

#mainvisual h2 {
    /*position:relative;*/
}

/* ----- キャッチフレーズ & スライダー ----- */
/*.mainvisual_catch{
	position:absolute;
	bottom: 30px;
}*/
.mainvisual_catch {
    position: absolute;
    bottom: 10px;
}

.mainvisual_catch .flexslider {
    width: 574px;
    height: 228px;
}

.mainvisual_catch .flex-control-nav {
    display: none;
}

.mainvisual_catch h2 {
    position: absolute;
    display: block;
    width: 480px;
    top: 100px;
    left: 50px;
    color: #505050;
    font-family: "フォーク M", "Folk Medium";
    font-size: 24px;
    text-shadow: 0 0 5px rgba(255, 255, 255, 0.7);
    letter-spacing: 0;
    text-align: center;
}

/* キャッチフレーズの位置 */
/*.mainvisual_catch li:nth-child(2) h2 {
	top: 108px;
	left: 80px;
}
.mainvisual_catch li:nth-child(3) h2 {
	top: 108px;
	left: 30px;
	letter-spacing: 0;
}*/
/* 緑内障のキャッチフレーズ */
.medical_catch {
    position: absolute;
    right: 0;
    top: 30px;
}

/* ----- 診療時間 ----- */
.mainvisual_schedule {
    display: none;
}

.mainvisual_schedule {
    position: absolute;
    /*top: 50px;*/
    bottom: 30px;
    right: 0;
    padding: 15px 20px;
    border-radius: 10px;
    background: rgba(255, 255, 255, .7);
}

.mainvisual_schedule dt {
    padding-left: 35px;
    background: url(../images/mv_schedule_icon.png) no-repeat left;
    color: #5c3217;
    font-family: "フォーク M", "Folk Medium";
    font-size: 20px;
    letter-spacing: 0.1em;
}

.mainvisual_schedule .mv_shce {
    width: 330px;
    height: 170px;
}

.mainvisual_schedule .mv_shce .footer_info_sche {
    width: 330px;
    margin-top: 10px;
    margin-left: 0;
}

.mainvisual_schedule .mv_shce .tb01 {
    width: 330px;
    margin-bottom: 5px;
    font-size: 13px;
}

.mainvisual_schedule .mv_shce em {
    display: none;
}

.mainvisual_schedule .mv_shce .tb01 th {
    width: 15%;
    padding: 5px 8px 3px 8px;
}

.mainvisual_schedule .mv_shce .tb01 td {
    padding: 5px 5px;
}

.mainvisual_schedule .mv_shce .tb01 tr:first-child td {
    padding: 5px 8px 4px 8px;
}

.mainvisual_schedule .mv_shce .schedule table tr:first-child td {
    font-weight: normal;
    color: #323333;
}

.mainvisual_schedule .mv_shce .schedule_note {
    margin-right: 0;
    font-size: 13px;
    text-align: left;
}

.mainvisual_schedule::before {
    position: absolute;
    display: block;
    top: -27px;
    right: 110px;
    width: 80px;
    height: 80px;
    padding: 20px 10px;
    border-radius: 100%;
    background: #ee8395;
    color: #fff;
    line-height: 1.5;
    font-family: "丸フォーク M", "Maru Folk Medium";
    content: '週2日 19時迄';
    text-align: center;
    box-sizing: border-box;
}

.mainvisual_schedule::after {
    position: absolute;
    display: block;
    top: -27px;
    right: 18px;
    width: 80px;
    height: 80px;
    padding: 20px 5px;
    border-radius: 100%;
    background: #ee8395;
    color: #fff;
    line-height: 1.5;
    font-family: "丸フォーク M", "Maru Folk Medium";
    content: '土曜午後 診療';
    text-align: center;
    box-sizing: border-box;
}

.mainvisual_schedule .mv_shce .schedule_note li:nth-child(3) {
    font-size: 120%;
    font-weight: bold;
    color: #609D46;
}

/* ----- アクセス ----- */
.mainvisual_access {
    position: absolute;
    right: 0;
    top: 52px;
    padding: 15px 20px;
    border-radius: 10px;
    background: rgba(255, 255, 255, .7);
}

.mainvisual_access dt {
    margin-bottom: 15px;
    padding-left: 32px;
    background: url(../images/mv_access_icon.png) no-repeat left;
    color: #5c3217;
    font-family: "フォーク M", "Folk Medium";
    font-size: 20px;
    letter-spacing: 0.1em;
}

.mainvisual_access dd:last-child {
    margin-top: 10px;
}

/* ----- アクセス2カラム ----- */
.route_frame figure figcaption {
    margin-top: 10px;
    margin-bottom: 10px;
}

.left_box {
    float: left;
    width: 340px;
    height: auto;
    margin-bottom: 5px;
    text-align: left;
}

.right_box {
    float: right;
    width: 340px;
    height: auto;
    margin-bottom: 5px;
    text-align: left;
}

.center_box {
    margin-bottom: 50px;
    text-align: center;
}

.clear_acs {
    font-size: 10px;
    clear: both;
    margin: 0;
    padding: 0;
}

/* ------- 新規開院 -------- */
.mainvisual_open {
    position: absolute;
    top: 52px;
    left: -100px;
}

/* ------ 下層ページの見出し ------- */
.mainvisual_headline {
    position: relative;
    padding-bottom: 2px;
    letter-spacing: 0.2em;
}

.mainvisual_headline::after {
    position: absolute;
    top: 25px;
    left: 250px;
    width: 397px;
    height: 205px;
    background: url(../images/h2_bg.png) no-repeat;
    content: '';
    z-index: -1;
}

.mainvisual_headline h2 {
    position: absolute;
    top: 78px;
    left: 28.5%;
    font-family: "フォーク M", "Folk Medium";
    font-weight: bold;
    font-size: 27px;
    color: #505050;
    text-align: center;
}

.mainvisual_headline.first h2 {
    top: 78px;
    left: 27.8%;
    font-size: 25px;
}

.mainvisual_headline h2 span {
    display: block;
    color: #ee8395;
    font-family: "Century Gothic";
    font-size: 14px;
}

/* 診療案案内　下層 h2 */
.mainvisual_headline h2.medical01 {
    left: 29.5%;
}

.mainvisual_headline h2.medical02 {
    left: 26%;
}

.mainvisual_headline h2.medical04 {
    left: 23.5%;
    font-size: 24px;
}

.mainvisual_headline h2.medical05 {
    left: 23.5%;
    font-size: 19px;
}

.mainvisual_headline h2.medical06 {
    left: 27.3%;
}

.mainvisual_headline h2.medical10 {
    left: 30%;
}

.mainvisual_headline h2.medical12 {
    left: 23.5%;
}

/* 背景変更用 */
#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 {
    max-width: 2000px;
    margin: auto;
    background: #f7f9f4;
}

#container::after {
    /*position: absolute;
	border: 0;
	right: 0;
	left: 0;
	max-width: 2000px;
	height: 25px;
	margin: auto;
	background: url(../images/contents_bottom.png) no-repeat center bottom;
	content: '';
	z-index: 1;*/
}

#contents {
    position: relative;
    width: 1080px;
    margin: 0 auto;
    padding-top: 100px;
    /* ---- トップと違う ----- */
    padding-bottom: 110px;
}

#contents::after {
    display: block;
    clear: both;
    content: "";
}

#contents_left {
    float: left;
    width: 770px;
}

/* ------ サイド：診療案内 ------ */
#contents_right {
    float: right;
    width: 260px;
    margin-bottom: 100px;
    font-size: 15px;
    line-height: 1.6;
    /*border-bottom-right-radius: 11px;
	border-bottom-left-radius: 11px;*/
    /*box-shadow: 0 4px 0 #a6c477;*/
}

#contents_right .right_medical_wrapper {
    border-bottom-right-radius: 11px;
    border-bottom-left-radius: 11px;
    box-shadow: 0 4px 0 #a6c477;
}

.right_medical h3 {
    position: relative;
    margin-bottom: 20px;
    padding: 90px 0 0 30px;
    color: #875b39;
    font-family: "丸フォーク M", "Maru Folk Medium";
    font-size: 24px;
    text-align: left;
    letter-spacing: 0.13em
}

.right_medical h3::before {
    position: absolute;
    right: -5px;
    bottom: 7px;
    width: 273px;
    height: 119px;
    background: url(../images/side_menu_tit.png) no-repeat;
    content: '';
    z-index: 1;
}

.right_medical h3::after {
    position: absolute;
    right: -60px;
    bottom: 62px;
    width: 162px;
    height: 118px;
    background: url(../images/side_menu_tit_bg.png) no-repeat right;
    content: '';
    z-index: 0;
}

/* ------ ふわふわ雲 ------ */
@keyframes floating {
    0% {
        transform: translate(0, 0);
    }

    50% {
        transform: translate(0, -10px);
    }

    100% {
        transform: translate(0, 0);
    }
}

.right_medical h3::after {
    animation: floating 5s ease infinite;
}

.right_medical ul {
    padding: 15px 10px 20px;
    background-color: #fff;
    border-radius: 11px;
    box-shadow: 0 -4px 0 #a6c477;
}

.right_medical li {
    margin-bottom: 10px;
}

.right_medical li:last-child {
    margin-bottom: 0;
}

.right_medical li a {
    position: relative;
    display: block;
    padding: 13px 0 13px 25px;
    border-radius: 8px;
    background: #edf4e4;
    color: #5c6d5c;
    font-family: "ヒラギノ角ゴ Pro W6", "HiraKakuPro-W6";
    transition: ease-in-out .3s;
}

.right_medical li a span {
    position: absolute;
    top: 0.55em;
    right: 13px;
    transition: ease-in-out .3s;
}

.right_medical li a span::before {
    position: absolute;
    top: 5px;
    right: 3px;
    width: 23px;
    height: 16px;
    background: url(../images/side_menu_arrow01.png) no-repeat;
    content: '';
    transition: ease-in-out .3s;
}

/* ------ Hover effect ------ */
.right_medical li a:hover {
    background: #f5f8e0;
}

.right_medical li a:hover span::before {
    top: 0.55em;
    right: 0;
}

/* 予約 */
#contents_right .reserv a {
    width: 260px;
    margin-top: 30px;
    padding: 15px 10px;
    box-sizing: border-box;
}

#contents_right .reserv a.pd_mt {
    padding: 20px 10px;
    margin-top: 15px;
}

#contents_right .reserv a i {
    position: relative;
    top: 0.1em;
    padding-right: 8px;
    font-size: 20px;
}

.comment {
    text-align: center;
    font-size: 12px;
}

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

	$footer

============================================================================*/
footer {
    position: relative;
    width: 100%;
    background-color: #fff;
    background: url(../images/footer_line.png) no-repeat bottom center;
}

footer::before {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    max-width: 2000px;
    height: 25px;
    margin: auto;
    background: url(../images/contents_bottom.png) no-repeat center bottom;
    content: '';
    z-index: 1;
}

/* フッターの医院概要 */
.footer_info {
    text-align: right;
    background-color: #fff;
}

.footer_info .inner {
    position: relative;
    width: 1080px;
    margin: 0 auto;
    padding: 110px 0 70px;
    border-bottom: 1px solid #cfd4c3;
}

.footer_info_overview {
    float: right;
    width: 44.6%;
}

.footer_info_overview_logo,
.footer_info_overview_logo img {
    width: 461px;
    height: 115px;
}

.footer_info_overview dt {
    margin-bottom: 12px;
}

.footer_info_overview dd {
    margin-right: 18px;
    margin-bottom: 16px;
}

.footer_info_overview dd:last-child {
    margin-bottom: 0;
    letter-spacing: 0.08em;
    line-height: 1.8;
}

/* 診療時間（医院案内、アクセス共通） */
.footer_info_sche {
    width: 460px;
    margin-top: 20px;
    margin-left: 5px;
}

.schedule table {
    width: 100%;
    background-color: #fff;
    border: 2px solid #c5b4a9;
}

.schedule table tr:first-child td {
    font-weight: bold;
    color: #323333;
}

.schedule p {
    margin-left: 22px;
    margin-bottom: 2px;
}

.schedule p strong {
    color: #1F2774;
}

.schedule p:last-child {
    margin-bottom: 0;
}

.schedule_note {
    margin-right: 10px;
    color: #ee8395;
    letter-spacing: 0.08em;
    text-align: left;
}

.schedule_note li {
    position: relative;
    display: inline-block;
    margin-right: 15px;
    margin-bottom: 0;
}

.schedule_note li.green {
    margin-right: 15px;
    font-size: 120%;
    font-weight: bold;
    color: #609D46;
}

.schedule .caption {
    margin-left: 0;
    text-align: left;
    line-height: 1.35;
    color: #609D46;
    font-weight: bold;
}

/* ------ フッター地図 ------ */
.footer_map {
    float: left;
    margin-left: 12px;
}

.footer_map p {
    padding-top: 10px;
    font-size: 18px;
    color: #ee8395;
    text-align: center;
    line-height: 1.5;
}

/* ----- フッターのナビ ----- */
.footer_navi {}

.footer_navi .inner {
    width: 1080px;
    margin: 0 auto;
    padding: 30px 0 40px;
}

.footer_navi ul {}

.footer_navi ul {
    position: relative;
    width: 100%;
    height: 80px;
    background-color: rgba(255, 255, 255, 0.5);
    z-index: 9999;
}

.footer_navi ul {
    width: 1080px;
    height: inherit;
    margin: 0 auto;
    text-align: center;
}

.footer_navi ul li {
    display: inline-table;
    position: relative;
    height: inherit;
}

.footer_navi ul li a {
    display: table-cell;
    padding: 0 14px;
    color: #875c39;
    vertical-align: middle;
    line-height: 1.6;
    font-family: "ヒラギノ角ゴ Pro W6", "HiraKakuPro-W6";
    font-size: 17px;
    font-weight: bold;
    text-align: center;
    letter-spacing: 0.1em;
}

.footer_navi ul li a:hover,
.footer_navi ul li.active2 a {
    color: #6e4b2f;
}

.footer_navi ul li a span {
    position: relative;
    padding: 0 5px;
}

.footer_navi ul li a:hover span::before,
.footer_navi ul li.active2 a span::before {
    transform: scaleX(1);
}

/* ページトップ */
.pagetop,
.pagetop img {
    width: 108px;
    height: 60px;
}

.pagetop {
    position: absolute;
    top: -90px;
    right: 0;
    cursor: pointer;
}

.pagetop::before {
    position: absolute;
    top: -8px;
    /*right: 44.5px;*/
    right: 44px;
    width: 14px;
    height: 21px;
    background: url(../images/pagetop_arrow.png) no-repeat;
    content: '';
}

/* ------ 矢印の動き ------ */
@keyframes pagetop {
    50% {
        top: -15px;
    }

    100% {
        top: -8px;
    }
}

.pagetop:hover::before {
    animation: pagetop .5s;
    /*animation-iteration-count: infinite;*/
}

/* コピーライト */
.copy {
    text-align: center;
}

.copy small {
    line-height: 1;
    font-size: 13px;
    letter-spacing: 0.2em;
}

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

	タイトル

==================================================================*/
/*中央寄せ*/
h3.tit01 {
    position: relative;
    margin-bottom: 30px;
    padding: 14px;
    padding-bottom: 25px;
    letter-spacing: 0.075em;
    line-height: 1.4;
    background: url(../images/top_tit_border.png) no-repeat bottom center;
    color: #6d4322;
    font-family: "フォーク M", "Folk Medium";
    font-size: 25px;
    text-align: center;
}

h3.tit01::after {
    position: absolute;
    top: -22px;
    right: 0;
    left: 0;
    width: 18px;
    height: 21px;
    margin: auto;
    background: url(../images/h3_tit_pin01.png) no-repeat;
    content: '';
}

/* ------ 医院概要 ------- */
h3.tit01.pin02::after {
    background: url(../images/h3_tit_pin02.png) no-repeat;
}

h3.tit01.pin03::after {
    background: url(../images/h3_tit_pin03.png) no-repeat;
}

/* 左寄せ */
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.1em;
    line-height: 1.4;
    color: #323333;
    font-family: "ヒラギノ角ゴ Pro W6", "HiraKakuPro-W6";
    font-size: 20px;
    text-align: left;
}

h4.tit02 {
    position: relative;
    margin-bottom: 45px;
    padding-left: 45px;
    letter-spacing: 0.1em;
    line-height: 1.4;
    color: #88633d;
    font-family: "ヒラギノ角ゴ Pro W6", "HiraKakuPro-W6", "メイリオ", "Meiryo", Osaka, "ＭＳ Ｐゴシック", "MS PGothic";
    font-size: 21px;
    text-align: left;
}

h4.tit02::before {
    position: absolute;
    left: -5px;
    bottom: -20px;
    width: 71px;
    height: 74px;
    background: url(../images/h4_tit02.png) no-repeat left;
    content: '';
}

h4.tit03 {
    position: relative;
    margin-bottom: 16px;
    letter-spacing: 0.1em;
    line-height: 1.4;
    color: #ae6470;
    font-family: "ヒラギノ角ゴ Pro W6", "HiraKakuPro-W6", "メイリオ", "Meiryo", Osaka, "ＭＳ Ｐゴシック", "MS PGothic";
    font-size: 18px;
    text-align: left;
}

h5.tit01 {
    position: relative;
    margin-bottom: 13px;
    color: #ae6470;
    font-family: "ヒラギノ角ゴ Pro W6", "HiraKakuPro-W6", "メイリオ", "Meiryo", Osaka, "ＭＳ Ｐゴシック", "MS PGothic";
    font-size: 18px;
}

h5.tit02 {
    font-family: "ヒラギノ角ゴ Pro W6", "HiraKakuPro-W6", "メイリオ", "Meiryo", Osaka, "ＭＳ Ｐゴシック", "MS PGothic";
    font-size: 18px;
    color: #5E9E3A;
    line-height: 1.6;
}

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

	共通

==================================================================*/
/*院長略歴*/
.list01 {
    margin: 0 0 15px;
    padding: 0;
    border-width: 0 1px 1px;
}

.list01 dt {
    margin: 0;
    padding: 14px 3px 0px;
}

.list01 dd {
    margin: -38px 0 0;
    padding: 12px 4px 10px 100px;
    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;
}

/*まる*/
.list03 {}

.list03.half {
    width: 48%;
    float: left;
}

.list03 li {
    position: relative;
    margin-bottom: 10px;
    padding-left: 15px;
}

.list03 li:last-child {
    margin-bottom: 0;
}

.list03 li:before {
    display: block;
    position: absolute;
    top: 10px;
    left: 0;
    width: 4px;
    height: 4px;
    background-color: #e89da9;
    border: 1px solid #e89da9;
    border-radius: 100%;
    content: '';
}

.list03 li i {
    margin-right: 8px;
}

/* ----- 連携機関一覧　------*/
.list04 {
    padding-top: 20px;
}

.list04 li {
    position: relative;
    padding: 15px 20px 15px 65px;
    background: url(../images/list_border.png) repeat-x left bottom;
}

.list04 li:before {
    position: absolute;
    top: 1.6em;
    left: 20px;
    width: 23px;
    height: 16px;
    background: url(../images/side_menu_arrow02.png) no-repeat;
    content: "";
}

.list04 li::after {
    position: absolute;
    top: 1.3em;
    left: 18px;
    width: 23px;
    height: 16px;
    background: url(../images/side_menu_arrow01.png) no-repeat;
    content: "";
    transition: ease-in-out .3s;
}

.list04 li:hover::after {
    top: 1.6em;
    left: 20px;
}

/*やじるし*/
.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 {
    margin-bottom: 30px;
    padding: 35px 10px 20px 45px;
    background-color: #FEFFFA;
}

.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 #cdcdcd;
}

.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: '';
}

.list09 {
    font-size: 15px;
    font-weight: 500;
    line-height: 2;
    letter-spacing: 0.05em;
    padding: 20px;
    border: 1px solid #efefef;
    border-radius: 10px;
    background-color: #FEFDEA;
}

.list09 dt {
    float: left;
    padding-right: 5px;
    font-size: 24px;
    color: #5E9E3A;
    margin-top: -12px;
}

.list09 dd {
    overflow: hidden;
    margin-bottom: 20px;
}

.list09 p {
    margin-bottom: 0 !important;
}

/*ボタン ゴースト*/
.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;
    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 {}

.btn02 a {
    position: relative;
    display: inline-block;
    top: 0;
    padding: 10px 25px;
    border-radius: 8px;
    background: #edf4e4;
    box-shadow: 0 3px 0 #a6c477;
    color: #5c6d5c;
    font-weight: bold;
    transition: ease-in-out 0.2s;
}

.btn02 a i {
    margin-right: 7px;
}

.btn02 a:hover {
    top: 3px;
    background-color: #a6c477;
    box-shadow: 0 0 0 #a6c477;
    color: #fff;
}

/* ----- モーションボタン　------*/
.m_btn {
    padding-top: 20px;
}

.m_btn li {
    position: relative;
    padding: 15px 20px 15px 65px;
    border-top: dashed 1px #474747;
    border-bottom: dashed 1px #474747;
}

.m_btn li:before {
    position: absolute;
    top: 1.6em;
    left: 20px;
    width: 23px;
    height: 16px;
    background: url(../images/side_menu_arrow02.png) no-repeat;
    content: "";
}

.list04 li::after {
    position: absolute;
    top: 1.3em;
    left: 18px;
    width: 23px;
    height: 16px;
    background: url(../images/side_menu_arrow01.png) no-repeat;
    content: "";
    transition: ease-in-out .3s;
}

.m_btn li:hover::after {
    top: 1.6em;
    left: 20px;
}

/* 画像を右寄せ　※画像サイズは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;
}

.frame {
    display: inline-block;
    box-shadow: 0px 0px 10px -5px rgba(108, 108, 108, 0.83);
}

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

	table

==================================================================*/
.nowrap {
    white-space: nowrap;
}

/*フッターの診療時間*/
.tb01 {
    margin-bottom: 8px;
    border-spacing: 0;
    border-collapse: collapse;
    white-space: nowrap;
}

.tb01 td,
.tb01 th {
    border-right: 1px solid #c6bbb2;
    border-bottom: 1px solid #c6bbb2;
    vertical-align: middle;
}

.tb01 tr:last-child td,
.tb01 tr:last-child th {
    /*border:none;*/
}

.tb01 td:last-child {
    border-right: none;
}

.tb01 th:first-child {}

.tb01 th {
    padding: 6px 13px 5px 0;
    line-height: 1;
    white-space: nowrap;
    text-align: right;
}

.tb01 td {
    padding: 6px 13px 5px 13px;
    text-align: center;
}

.tb01 tr:first-child th {
    padding: 8px 13px 8px 0;
}

.tb01 tr:first-child td {
    padding: 8px 13px 8px 13px;
}

.tb01 span {
    color: #ee8395;
}

/*医院概要*/
.tb02 {
    border-spacing: 0;
    text-align: left;
}

.tb02 td,
.tb02 th {
    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 8px 10px;
    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;
    white-space: nowrap;
}

.tb03 td,
.tb03 th {
    padding: 5px 20px;
}

.tb34 th {
    white-space: nowrap;
    text-align: left;
}

.tb03 th span {
    font-size: 13px;
}

.tb03 td {}

/* 料金表 */
.tb04 {
    width: 100%;
    border-spacing: 1px;
    border-collapse: separate;
    background-color: #f0f0f0;
    white-space: nowrap;
}

.tb04 td,
.tb04 th {
    padding: 12px 36px;
}

.tb04 th {
    font-weight: bold;
    white-space: nowrap;
    text-align: left;
    color: #666;
    background-color: #FAFAFA;
    font-size: 16px;
}

.tb04 th span {
    font-size: 13px;
}

.tb04 td {
    background-color: #ffffff;
    color: #666666;
    text-align: center;
}

/* コンタクト */
.tb05 {
    width: 100%;
    border-spacing: 1px;
    border-collapse: separate;
    background-color: #f0f0f0;
}

.tb05 td,
.tb05 th {
    padding: 12px 5px;
}

.tb05 th {
    font-weight: bold;
    text-align: left;
    color: #666;
    background-color: #FAFAFA;
    font-size: 16px;
}

.tb05 th span {
    font-size: 13px;
}

.tb05 td {
    background-color: #ffffff;
    color: #666666;
    text-align: center;
}

.tb05 td .noimage {
    color: #999;
}

.tb05 .tb05_ttl {
    display: none;
}

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

	アンカーリンンク

==================================================================*/
/* 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

==================================================================*/
.box {
    margin-bottom: 70px;
    padding: 35px 40px;
    border-radius: 15px;
    background: url(../images/top_medical_bg.png) repeat;
    box-shadow: 2px 3px 0 #c3d6aa;
}

.box1 {
    position: relative;
    width: 1080px;
    margin: 0 auto 100px;
}

.box2 {
    margin-bottom: 70px;
    padding: 35px 50px;
    border-radius: 15px;
    background: url(../images/top_medical_bg.png) repeat;
    box-shadow: 2px 3px 0 #c3d6aa;
}

.text {
    position: relative;
    margin-bottom: 80px;
}

.text p {
    margin-bottom: 1em;
}

.text:last-child {
    margin-bottom: 0;
}

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

	.top_medical

==================================================================*/
.top_medical {
    position: relative;
    margin-top: 10px;
    padding: 110px 0 80px;
    max-width: 2000px;
    margin: auto;
    background: url(../images/top_medical_bg.png) repeat;
}

.top_medical .inner {
    width: 1200px;
    margin: auto;
}

.top_medical:after {
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0;
    display: block;
    max-width: 2000px;
    height: 30px;
    margin: auto;
    background: url(../images/top_medical_bottom.png) no-repeat center bottom;
    content: '';
}

.top_medical_list a {
    position: relative;
    display: block;
    float: left;
    width: 282px;
    height: 252px;
    margin-right: 24px;
    margin-bottom: 38px;
    border-radius: 10px;
    text-align: center;
    overflow: hidden;
    transition: ease-in-out .3s;
    z-index: 1;
}

.top_medical_list a:nth-child(4n) {
    margin-right: 0;
}

.top_medical_list dl {
    width: 100%;
}

.top_medical_list a:nth-child(4n) {
    margin-right: 0;
}

.top_medical_list dl {
    width: 100%;
}

.top_medical_list dl dt {
    position: absolute;
    top: 90px;
    right: 0;
    left: 0;
    margin: auto;
    padding-bottom: 15px;
    background: url(../images/top_medical_tit.png) no-repeat bottom center;
    color: #5c3217;
    font-family: "フォーク M", "Folk Medium";
    font-size: 26px;
    letter-spacing: 0;
    line-height: 1;
}

.top_medical_list dl {
    width: 100%;
}

.top_medical_list dl dt i {
    display: block;
    margin-bottom: 10px;
    color: #f2a5b5;
    font-family: "Century Gothic";
    font-size: 13px;
}

.top_medical_list a.medical_list06 dl dt i {
    margin-bottom: 15px;
}

.top_medical_list a dl dd {
    position: absolute;
    display: block;
    top: 0;
    bottom: -100%;
    right: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: auto;
    color: #fff;
    line-height: 3;
    vertical-align: middle;
    box-sizing: border-box;
    opacity: 0;
    transition: ease-in-out .3s;
}

.top_medical_list a:hover dd {
    bottom: 0;
    opacity: 1;
    background: rgba(170, 82, 97, .8);
}

.top_medical_list a dl dd {
    display: table;
}

.top_medical_list a dl dd p {
    display: table-cell;
    padding: 0 30px;
    vertical-align: middle;
}

/* ------ 診療案内の背景 ------ */
.top_medical_list a.medical_list01 {
    background: url(../images/top_medical01.png) no-repeat center;
}

.top_medical_list a.medical_list02 {
    background: url(../images/top_medical02.png) no-repeat center;
}

.top_medical_list a.medical_list03 {
    background: url(../images/top_medical03.png) no-repeat center;
}

.top_medical_list a.medical_list04 {
    background: url(../images/top_medical04.png) no-repeat center;
}

.top_medical_list a.medical_list05 {
    background: url(../images/top_medical05.png) no-repeat center;
}

.top_medical_list a.medical_list06 {
    background: url(../images/top_medical06.png) no-repeat center;
}

.top_medical_list a.medical_list07 {
    background: url(../images/top_medical07.png) no-repeat center;
}

.top_medical_list a.medical_list08 {
    background: url(../images/top_medical08.png) no-repeat center;
}

.top_medical_list a.medical_list09 {
    background: url(../images/top_medical09.png) no-repeat center;
}

/* ----- 診療名　font-size ----- */
.top_medical_list a.medical_list04 dt {
    font-size: 23px;
}

.top_medical_list a.medical_list06 dt {
    top: 75px;
    font-size: 20px;
}

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

	.top_doctor：院長からのご挨拶

==================================================================*/
.top_doctor {
    padding: 40px 40px 35px;
    border-radius: 15px;
    background: url(../images/top_medical_bg.png) repeat;
    box-shadow: 2px 3px 0 #c3d6aa;
}

.top_doctor .text {
    position: relative;
}

.top_doctor_img {
    float: left;
    margin-right: 30px;
}

.top_doctor_name {
    font-family: "ヒラギノ角ゴ Pro W6", "HiraKakuPro-W6", "メイリオ", "Meiryo", Osaka, "ＭＳ Ｐゴシック", "MS PGothic";
    text-align: right;
}

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

	.top_symptom : こんな症状でお悩みではございませんか

==================================================================*/
.top_symptom {
    position: relative;
    height: 550px;
    padding: 40px 40px;
    border-radius: 15px;
    background: url(../images/top_symptom_img.png) no-repeat center bottom 55px, url(../images/top_medical_bg.png) repeat;
    box-shadow: 2px 3px 0 #c3d6aa;
    box-sizing: border-box;
}

.top_symptom h3::after {
    background: url(../images/top_symptom_tit_icon.png) no-repeat;
}

.top_symptom li:first-child {
    position: absolute;
    top: 137px;
    right: 20px;
}

.top_symptom li:nth-child(2) {
    position: absolute;
    bottom: 35px;
    right: 15px;
}

.top_symptom li:nth-child(3) {
    position: absolute;
    bottom: 35px;
    left: 5px;
}

.top_symptom li:nth-child(4) {
    position: absolute;
    top: 135px;
    left: 25px;
}

.top_info p:not(:last-of-type) {
    margin-bottom: 0.7em;
}

.top_info h4 {
    /*color: #ee8395;*/
    font-weight: bold;
    margin: 0 0 0.6em;
}

.top_info h4:not(:first-of-type) {
    margin: 1.5em 0 0.6em;
}

.top_info .list03 li {
    margin: 10px 0 0;
}

.top_info dl {
    margin: 1em 0;
    padding: 1em 1.2em;
    background-color: rgba(250, 234, 190, 0.3);
}

.top_info dl dt {
    font-weight: bold;
    color: #6d4322;
}

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

	.top_news : 医院からのお知らせ

==================================================================*/
.top_news {
    padding: 40px 50px 50px;
    border-radius: 15px;
    background: url(../images/top_medical_bg.png) repeat;
    box-shadow: 2px 3px 0 #c3d6aa;
}

.top_news h3.tit01 {
    margin-bottom: 45px;
}

.top_news_flame {}

.news_text {}

.news_text dt {
    margin-bottom: 10px;
    color: #323333;
    cursor: pointer;
}

.news_text dt::before {
    content: '▼';
    color: #609D46;
}

.news_text dt.active::before {
    content: '▲';
}

/* タイトル */
.news_text dt strong {
    color: #444444;
}

/* 日付 */
.date {
    margin-right: 10px;
    color: #888888;
    font-size: 13px;
}

/* お知らせのブロックのボーダー */
.news_text .line {
    margin-bottom: 30px;
    padding-bottom: 30px;
}

/* お知らせの高さ */
.scroll_area {
    /*height: 240px;*/
}

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

	$doctor

==================================================================*/
.doctor .tb02 {
    width: 94%;
    margin: 0 20px 20px;
    border-bottom: 1px solid #f6bebc;
    box-sizing: border-box;
}

.doctor .tb02 th {
    position: relative;
    width: 21.5%;
    padding-right: 50px;
    padding: 10px 0 10px 0;
    text-align: left;
}

.doctor .tb02 th span {
    position: absolute;
    right: 20px;
}

.doctor .tb02 tr:last-child th,
.doctor .tb02 tr:last-child td {
    padding-bottom: 25px;
}

/* 資格・所属学会 */
.doctor_career {
    padding: 35px 75px 60px;
}

.doctor .sec01 {
    float: left;
    width: 350px;
}

.doctor .sec02 {
    float: left;
    width: auto;
}

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

	$access

==================================================================*/
.access_guide {
    margin-bottom: 20px;
    font-weight: bold;
}

.access_map {
    margin-bottom: 40px;
}

.access_map dt {
    margin-bottom: 10px;
    padding-left: 15px;
    font-family: "ヒラギノ角ゴ Pro W6", "HiraKakuPro-W6", "メイリオ", "Meiryo", Osaka, "ＭＳ Ｐゴシック", "MS PGothic";
}

.access_map dd img {
    margin: auto;
}

.access_map dt i {
    margin-right: 7px;
}

.access .btn02 {
    text-align: center;
    margin-bottom: 50px;
}

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

.access_direction dl {
    float: left;
    width: 30.5%;
    margin-right: 4%;
    margin-bottom: 5%;
}

.access_direction dl:nth-child(3n) {
    margin-right: 0;
}

.access_direction dt {
    margin-bottom: 5px;
}

.access_direction dt img {
    width: 100%;
}

.access_direction dd {
    font-size: 14px;
    text-align: center;
}

.access_direction dd span {
    padding-right: 6px;
    color: #7DBA30;
    font-family: "ヒラギノ角ゴ Pro W6", "HiraKakuPro-W6", "メイリオ", "Meiryo", Osaka, "ＭＳ Ｐゴシック", "MS PGothic";
    font-size: 16px;
}

.access_direction.access01 dl:nth-child(4) dd {
    font-size: 13px;
}

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

	$clinic

==================================================================*/
.clinic .clinic_sec1 {
    padding: 30px 50px 0;
}

/* -------- 医院概要  ---------- */
.clinic_sec1 {
    position: relative;
}

.clinic_sec1 ul {
    /*margin-bottom:15px;*/
}

.clinic_sec1 li {
    padding: 15px 0 17px;
    background: url(../images/list_border.png) repeat-x left bottom;
}

.clinic_sec1 .schedule_note {
    margin-right: 0;
    text-align: left;
}

.clinic_sec1 .schedule_note li {
    padding-top: 10px;
    background: none;
}

.clinic_sec1 li:first-child {
    padding-top: 0;
}

.clinic_sec1 li:last-child {
    border: none;
    background: none;
}

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

.clinic_sec1 dt {
    float: left;
    box-sizing: border-box;
    width: 33%;
    padding-left: 20px;
    font-family: "ヒラギノ角ゴ Pro W6", "HiraKakuPro-W6", "メイリオ", "Meiryo", Osaka, "ＭＳ Ｐゴシック", "MS PGothic";
    color: #444444;
}

.clinic_sec1 dd {
    float: left;
    width: 67%;
}

.clinic_sec1 li:last-child dd .schedule_note li {
    padding-top: 0;
    padding-bottom: 0;
}

.clinic_sec1 li:last-child dd .schedule_note li:nth-child(3) {
    font-size: 115%;
    font-weight: bold;
    color: #609D46;
}

.clinic_sec1 dd .schedule {
    margin-top: 8px;
}

/* --------- スライダー　----------- */
#slider {
    width: 683px;
    margin: 0 auto;
}

.bx-pager {
    position: relative;
    margin: 0 auto 16px 140px;
    padding-top: 20px;
    z-index: 0;
}

.bx-pager a {
    margin: 0 5px;
    position: relative;
    top: 0;
    -webkit-filter: contrast(85%);
    filter: contrast(85%);
    -webkit-transition: all .4s ease-out;
    transition: all .4s ease-out;
}

.bx-pager a.active {
    -webkit-filter: contrast(100%);
    filter: contrast(100%);
}

.bx-pager a:hover {
    top: -10px;
}

.bx-pager li {
    display: inline-block;
    float: left;
    margin-right: 15px;
    letter-spacing: normal;
}

.bx-pager img {
    width: 120px;
    height: 76px;
    border: 4px solid #ffffff;
    transition: opacity 0.3s ease 0s;
}

.bx-viewport {
    height: 514px;
}

/*.bx-viewport {height: 514px !important;}*/
/*==================================================================

	$facilities

==================================================================*/
/* 機器紹介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 dl {
    float: left;
    width: 47.5%;
    margin-bottom: 35px;
    margin-right: 5%;
    background-color: #f6faf1;
    text-align: justify;
    font-size: 14px;
}

.facilities_equip3 dl:nth-child(even) {
    margin-right: 0;
}

/* 機器紹介名前 */
.facilities_equip3 dt {}

.facilities_equip3 dt img {
    width: 100%;
}

.facilities_equip3 dd {
    padding: 15px 20px 20px;
    line-height: 1.35;
}

.facilities_equip3 dd h4 {
    text-align: center;
    color: #875b39;
    font-size: 17px;
}

.facilities_equip3 dd p {
    margin-top: 7px;
}

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

	$first

==================================================================*/
.medical_follow dl {
    margin-top: 30px;
    margin-bottom: 25px;
}

.medical_follow dl dt {
    margin-bottom: 10px;
    color: #ee8395;
}

.medical_follow dl span {
    position: relative;
    padding-right: 20px;
    color: #fff;
    z-index: 1;
}

.medical_follow dl span::before {
    position: absolute;
    left: -10px;
    top: -0.25em;
    width: 30px;
    height: 30px;
    border-radius: 100%;
    background: #F7C8D0;
    content: '';
    z-index: -1;
}

.medical_follow dl dd {
    position: relative;
    margin-left: 10px;
    padding: 20px;
    border-radius: 10px;
    background: rgba(248, 205, 210, .2);
}

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

	$medical

==================================================================*/
.medical .box {
    padding: 35px 80px;
}

.medical h3.tit01 {
    margin-bottom: 50px;
}

.medical .top_medical_list {
    margin: auto;
}

.medical .top_medical_list a {
    margin-right: 45px;
}

.medical .top_medical_list a:nth-child(2n) {
    margin-right: 0;
}

/* ------ dl リスト ------ */
.medical_dl01 dl {
    margin-bottom: 20px;
}

.medical_dl01 dt {
    margin-bottom: 6px;
    color: #ae6470;
    font-family: "ヒラギノ角ゴ Pro W6", "HiraKakuPro-W6", "メイリオ", "Meiryo", Osaka, "ＭＳ Ｐゴシック", "MS PGothic";
    font-size: 18px;
}

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

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

.medical_layout08 dl::before {
    position: absolute;
    right: -17px;
    top: 0;
    height: 7px;
    width: 7px;
    transform: rotate(45deg);
    background-color: transparent;
    border-top: 2px solid #33409A;
    border-right: 2px solid #33409A;
    content: "";
    bottom: 0;
    margin: auto;
}

.medical_layout08 dl:nth-child(3n) {
    margin-right: 0;
}

.medical_layout08 dl dt {
    margin-bottom: 7px;
    padding-bottom: 7px;
    border-bottom: 1px dashed #ddd;
    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;
}

.medical_layout08 dl dd {
    line-height: 1.5;
}

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

	$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.";
}

.fluid-image {
    max-width: 100%;
    height: auto;
    width
    /***/
    : auto;
}

.svstitle {
    font-size: 18px;
    line-height: 120%;
}

@media screen and (min-width:641px) {
    .spotbision {}

    /* 機器紹介*/
    .facilities_equip4 dl {
        float: left;
        width: 30.5%;
        margin-bottom: 35px;
        margin-right: 5%;
        background-color: #f6faf1;
        text-align: justify;
        font-size: 14px;
    }

    .facilities_equip4 dl:nth-child(even) {
        margin-right: 0;
    }

    /* 機器紹介名前 */
    .facilities_equip4 dt {}

    .facilities_equip4 dt img {
        width: 100%;
    }

    .facilities_equip4 dd {
        padding: 15px 20px 20px;
        line-height: 1.35;
    }

    .facilities_equip4 dd h4 {
        text-align: center;
        color: #875b39;
        font-size: 17px;
    }

    .facilities_equip4 dd p {
        margin-top: 7px;
    }

    .spotbision {
        position: relative;
        margin-left: 70%;
        margin-top: -81.5%;
    }
}

.akawaku {
    padding-top: 2%;
    padding-left: 2%;
    padding-right: 2%;
    padding-bottom: 0%;
    border: solid 6px #ee8395;
    z-index: 100;
    border-radius: 20px;
}

@media screen and (max-width:640px) {
    .facilities_equip4 dl {
        margin-bottom: 35px;
        background-color: #f6faf1;
        font-size: 14px;
    }

    .facilities_equip4 dl:nth-child(even) {
        margin-right: 0;
    }

    /* 機器紹介名前 */
    .facilities_equip4 dt {}

    .facilities_equip4 dt img {
        width: 100%;
    }

    .facilities_equip4 dd {
        padding: 15px 20px 20px;
        line-height: 1.35;
    }

    .facilities_equip4 dd h4 {
        text-align: center;
        color: #875b39;
        font-size: 17px;
    }

    .facilities_equip4 dd p {
        margin-top: 7px;
    }
}

/* 院長コラム */
.column_ol {
    margin-left: 20px;
}

.column_ol li {
    list-style: decimal;
    margin-bottom: 20px;
}

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

	Responsive Cols

============================================================================*/
.colbox {
    width: 100%;
    text-align: center;
}

.col01 {
    width: 30%;
    height: 280px;
    background-color: #92d277;
    float: left;
    margin: 0 0 30px 20px;
    padding: 20px 0 20px;
    border-radius: 6px;
}

.col01:first-child {
    margin: 0 0 30px 10px;
}

.colcaph {
    font-size: 24px;
    color: white;
    line-height: 140%;
    margin-bottom: 5px;
}

.colcap {
    width: 90%;
    font-size: 13px;
    font-weight: 500;
    color: white;
    line-height: 160%;
    margin: 10px auto 0 auto;
    text-align: left;
}

.col01 .frame-white {
    border: #ACE196 6px solid;
}

@media screen and (max-width:640px) {
    .colbox {
        width: 100%;
        text-align: center;
    }

    .col01 {
        width: 100%;
        background-color: #92d277;
        float: none;
        margin: 0 0 30px;
        padding: 20px 0 20px;
        border-radius: 6px;
    }

    .col01:first-child {
        margin: 0 0 30px 0px;
    }

    .colcaph {
        font-size: 24px;
        color: white;
        line-height: 140%;
        margin-bottom: 5px;
    }

    .colcap {
        width: 90%;
        font-size: 14px;
        font-weight: 500;
        line-height: 160%;
        margin: 10px auto 0 auto;
        text-align: left;
    }
}



.flex_box {
    display: -webkit-flex;
    display: flex;
    margin-bottom: 1.5rem;
}

.flex_box img {
    max-width: 100%;
}

@media screen and (max-width:640px) {
    .flex_box {
        display: block;
    }

    .flex_box img {
        margin-bottom: 0.5rem;
    }
}