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



body {
    font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", Osaka, "ＭＳ Ｐゴシック", "MS PGothic";
    color: #171717;
    font-size: 20.5px;
    /*font-weight: 500;*/
    line-height: 2.1;
    letter-spacing: 0.05em;
    text-align: justify;
    text-shadow: 0 0 #171717;
}
a {
    color: #3e9316;
    text-decoration: none;
}
a:hover {
	color:#C0AB9A ;
}
::selection{
	background-color:#99C1DA;
}
::-moz-selection{
	background-color:#99C1DA;
}

body, main, header, footer {
	min-width: 1200px;
}
@media (max-width: 640px) {
	body, main, header, footer {
		min-width: unset;
	}
}



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

	header

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

header {
    position: absolute;
    top: 0;
    width: 100%;
    height: 65px;
    margin-bottom: 56px;
    background-image: url(../images/header_bg.png);
    background-repeat: repeat;
    z-index: 999;
}
header .inner {
    position: relative;
    width: 1080px;
    height: inherit;
    box-sizing: border-box;
    margin: auto;
    padding-top: 12px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
header .inner {
    width: 1100px;
}
}
@media (max-width: 640px) {
	header .inner {
		width: 90%;
	}
}


/* ロゴ */
header h1 {
    position: absolute;
    top: 22px;
    left: 0px;
    width: 353px;
    height: 37px;
    margin: 0 auto;
    z-index: 999;
}
header h1,
header img{
}

/* 住所 */
.header_info {
    float: left;
    padding: 13px 0 0 397px;
    text-align: right;
}


.header_info li {
    margin-bottom: 4px;
    color: #633e24;
    font-size: 13px;
    text-shadow: 0 0;
    line-height: 1.1;
    letter-spacing: 0;
}
.header_info_ad {
    padding-bottom: 7px;
}
.header_map a {
    margin-left: 14px;
    padding: 2px 7px;
    background-color: #1d693b;
    color: #fff;
    font-family: 'Quicksand', sans-serif;
    font-weight: 700;
    font-size: 14px;
}
.header_map a {
    background-color: #1d693b;
}


.header_info2 {
    float: left;
    padding-left: 15px;
}



.header_info2 li {
    float: left;
}
.header_map {
    padding-top: 4px;
}







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

	nav

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

nav {
    position: absolute;
    top: 65px;
    width: 100%;
		min-width: 1200px;
    height: 56px;
    background-image: url(../images/header_bg.png);
    background-repeat: repeat;
    z-index: 99;
}
@media (max-width: 640px) {
	nav {
		min-width: unset;
	}
}
nav ul{
	width:1080px;
	height: inherit;
	margin:0 auto;
	text-align:center;
}
@media (max-width: 640px) {
	nav ul{
		width:100%;
	}
}
nav li {
    display: inline-block;
    float: left;
    position: relative;
    height: 56px;
}
nav li:first-child {
    padding-left: 10px;
}
nav li a {
    display: table;
    /*padding: 2px 48px;*/
	/* padding: 2px 28px; */
	padding: 2px 24px;
    vertical-align: middle;
    line-height: 56px;
    text-align: center;
}
nav li:nth-child(1) a {
   /* padding: 3px 55px 0 51px;*/
	 /* padding: 3px 28px 0; */
	 padding: 3px 24px 0;
}
nav li a:hover,
nav li.active2 a{
	color:#156435;
	font-weight:bold;
}
nav li a span{
	position:relative;
}
nav li a img{
    vertical-align: middle;
}

/* 間のボーダー */
/*nav li a::after{
    content: "";
    position: absolute;
    left: -1px;
	width:0;
	height:15px;
	top:0;
	bottom:0;
	margin:auto;
	border-right:1px dotted #ababab;
    font-weight: 100;
    color: #666;
    font-size: 13px;
}
nav li:first-child a::after{
	display:none;
}*/

/* ホバーのボーダー */
nav li a span::before {
    position: absolute;
    left: -22px;
    right: 0;
    bottom:-14px;
    width: 117px;
    height: 4px;
    margin: auto;
    background-color: #1e6a3d;
    transition: 0.15s ease-out;
    transform: scaleX(0);
    content: "";
    z-index: 1;
}
nav li a:hover span::before,
nav li.active2 a span::before{
	transform: scaleX(1);
}
nav li:nth-child(5) a span::before {
	left: -19px;
}


/* ホバーで出てくるメニュー */
.nav_slidebtm {
}

/* ホバーで出てくるメニュー */
nav ul li div {
    position: absolute;
    display: none;
    width: 183%;
    top: 100%;
    left: 0%;
    background-color: rgba(255, 255, 255, 0.91);
    box-shadow: 0 2px 3px rgba(0,0,0,0.05);
}
nav ul li div a {
    display: block;
    position: relative;
    padding: 13px 20px;
    border-bottom: 1px solid #f0f0f0;
    font-size: 19px;
    line-height: 1.4;
    text-align: left;
}
nav ul li div a::after,
nav ul li div a::before{
	display:none;
}
nav ul li div a:hover {
	background-color: #ebf3e7;
}

/* 矢印 */
.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%;
}




/* 
スクロールで追加されるクラス                           */
.navi_scroll {
    position: fixed;
    top: 0;
    left: 0;
    height: 63px;
    background-color: rgba(221, 237, 212, 0.47);
    box-shadow: 0 0 3px #ddedd4;
}
@media (max-width: 640px) {
	.navi_scroll {
		display: none !important;
	}
}
.navi_scroll .nav_slidebtm {
    margin-right: 0;
}
.navi_scroll li {
	float:none;
}
.navi_scroll ul li div {
    width: 200%;
}
.navi_scroll li div a {
    padding: 14px 43px;
    font-weight: bold;
	text-shadow:0 0;
}



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

	#main

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

/* 下層ページのメインビジュアルの高さ、背景画像（トップページの高さはtop.css参照） */

main {
    display: block;
    position: relative;
    height: 410px;
    background-image: url(../images/under.png);
    background-color: #f4eee9;
    background-position: bottom center;
    background-repeat: no-repeat;
}
main .inner{
	display:table;
	position:relative;
	height: inherit;
	width:1080px;
	margin: 0 auto;
	background-repeat:no-repeat;
}
@media (max-width: 640px) {
	main .inner {
		width: 100%;
	}
}

main .inner:before {
    position: absolute;
    bottom: -62px;
    right: 5px;
    left: 0;
    width: 974px;
    height: 57px;
    margin: 0 auto;
    background-image: url(../images/contents_top.png);
    background-repeat: no-repeat;
    content: "";
}
@media (max-width: 640px) {
	main .inner:before {
		content: none;
	}
}

main h2{
	position:relative;
}
/* キャッチフレーズ */
.main_catch {
    position: absolute;
    top: /*288px;*/240px;
	/*top: 160px;*/
    left: 0/*-69px*/;
}
.main_catch h2{
	margin-bottom: 20px;
	line-height:42px;
	color:#1F2774;
	font-size:27px;
	text-shadow:0 0 5px rgba(255,255,255,0.7);
}
.main_catch p{
	display:block;
    letter-spacing: 0.08em;
    font-size: 18.2px;
}
.main_open{
	position:absolute;
	top: 150px;
	right: 0;
	width:250px;
}
.main_open img{
	width:100%;
}


/*診療予約バナー*/
.main_bnr {
    position: absolute;
	top: 130px;
    /*top: 170px;*/
    right: -7px;
	background-image:url(../images/main_bnr_bg.png);
	background-repeat:no-repeat;
	background-position:top center;
}
.main_bnr:hover {
	background-image:url(../images/main_bnr_bg_on.png);
}


/*ドクターズファイル*/

.main_df {
    position: absolute;
	bottom: 45px;
    left: -28px;
}

.main_df li{
	float:left;
	margin:10px 0;
	margin-right:12px
}

.madical_bn{
	/*display:block;
	width:650px;*/
	display: flex;
    width: 100%;
    margin: 0 auto;
    justify-content: space-around;
}
@media (max-width: 640px) {
	.madical_bn {
		flex-direction: column;
    align-items: center
	}
}



.main_df_jobs {
    position: absolute;
    bottom: 175px;
    left: -28px;
}



/*医院概要*/
.main_info {
    position: absolute;
/*	top: 240px;*/
	top:130px;
    right: 0;
    width: 390px;
/*	height: 476px;*/
	/*height:600px;*/
	height:560px;
    border-radius: 10px;
    background-image: url(../images/main_info_bg.png);
    background-repeat: repeat;
    box-sizing: border-box;
    content: "";
}
.main_info h3 {
    padding: 7px 5px 11px 0;
    border-radius: 8px 8px 0 0;
    background-color: #1e6a3d;
    line-height: 1;
    text-align: center;
}
.main_info a:hover h3 {
    background-color: #0a4c25;
}

.main_info dl {
    margin-bottom: -2px;
/*    padding: 25px 18px 0;*/
	padding: 10px 14px 0;
}
.main_info dt {
    margin-bottom: 9px;
    line-height: 1;
}
.main_info dd {
    margin-bottom: 4px;
    line-height: 1;
}

.time_info{
	font-size: 12.5px;
	margin:6px auto;
	font-weight: 500;
    line-height: 1.25;
}
.green{
	color:#1e6a3d;
}
.main_access {
    position: absolute;
    top: 53px;
    right: 20px;
}
.main_access a {
    padding: 0 3px 0 10px;
    border-radius: 10px;
    background-color: #156435;
}
.main_access a:hover {
    background-color: #0a4c25;
}

.info_map{
	text-align: center;
}

.info_img{
	text-align: center;
	padding:4px;
}

/* 下層ページの見出し */
.main_headline {
    display: table-cell;
    padding-top: 122px;
    letter-spacing: 0.15em;
    vertical-align: middle;
    text-align: center;
}
.main_headline h2 {
    font-weight: bold;
    font-size: 35px;
    color: #fff;
    font-family: "じゅん 201", "Jun 201", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo";
    letter-spacing: 8px;
    text-shadow: 0 0 16px #130b07;
}
.main_headline p{
	display:inline-block;
	font-size:15px;
	color: #C0AB9A;
}

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

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





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

	.contents

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

#container {
    padding-top: 48px;
    background-image: url(../images/bg1.png);
    background-repeat: repeat;
}

#contents{
	position:relative;
	width:1080px;
	margin:0 auto;
	padding-top:70px;
	padding-bottom: 100px;
}
@media (max-width: 640px) {
	#contents {
		width: 100%;
	}
}

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

.box1 {
    background-color: #fff;
}

#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{
	margin-bottom:15px;
}
.right_medical li:last-child{
	margin-bottom:0;
}
.right_medical img{
	width:100%;
}







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

	$footer

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

footer {
	position:relative;
	width:100%;
	background-color:#fff;
}


/* フッターの医院概要 */
.footer_info {
    background-color: #ffffff;
}
.footer_info .inner {
    width: 1080px;
    margin: 0 auto;
    padding: 28px 0 31px;
}
@media (max-width: 640px) {
	.footer_info .inner {
		width: 90%;
	}
}


.footer_info_overview{
}
.footer_info_overview_logo,
.footer_info_overview_logo img{
}
.footer_info_overview dt {
    float: left;
    padding: 27px 0 0 4px;
}
.footer_info_overview dd {
    margin-bottom: 1px;
    color: #3a5e2a;
    font-size: 14px;
    font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", Osaka, "ＭＳ Ｐゴシック", "MS PGothic";
    font-weight: normal;
    text-align: right;
    line-height: 1.7;
    letter-spacing: 0.6px;
}
.footer_info_overview dd:last-child{
	margin-bottom:0;
}
.footer_info_overview_tel{
	padding-left:26px;
	font-size:26.5px !important;
	color:#1E2B68;
	font-family: 'Cardo', serif;
	line-height: 1.3;
	letter-spacing: 0.1em;
}
.footer_info_overview_tel span{
	display:block;
	position: relative;
    left: -27px;
	letter-spacing: 1px;
	font-weight: bold;
	font-size: 13px;
	font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", Osaka, "ＭＳ Ｐゴシック", "MS PGothic";
}

/* 診療時間（医院案内、アクセス共通） */
.footer_info_sche{
	float:right;
	width:506px;
	font-size:14px;
	margin-top:4px;
}
.schedule table{
	width:100%;
	background-color:#fff;
}
.schedule table tr:first-child td{
	font-weight:bold;
	color:#1F2774;
}
.schedule p{
	margin-left:22px;
	margin-bottom:2px;
}
.schedule p strong{
	color:#1F2774;
}
.schedule p:last-child{
	margin-bottom:0;
}
.schedule_note{
	margin-left:22px;
}
.schedule_note li{
	display:inline-block;
	margin-right:2em;	
}


/* フッターのナビ */

.footer_navi {
    background-color: #e1ecdc;
}
.footer_navi .inner {
    width: 1080px;
    margin: 0 auto;
    padding: 29px 0 23px;
}
@media (max-width: 640px) {
	.footer_navi .inner {
		width: 90%;
	}
}

.footer_navi ul{
}

.footer_navi ul {
	position:relative;
	width:100%;
	height:80px;
	z-index:9999;
}
.footer_navi ul{
	width:1080px;
	height:inherit;
	margin:0 auto;
	text-align:center;
}
@media (max-width: 640px) {
	.footer_navi ul {
		width: 100%;
	}
}

.footer_navi ul li {
	display:inline-table ;
	position:relative;
	height:inherit;
}
.footer_navi ul li a {
    display: table-cell;
    /*padding: 5px 44px;*/
	padding: 5px 23px;
    vertical-align: middle;
    line-height: 1.6;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
}
.footer_navi ul li a:hover,
.footer_navi ul li.active2 a{
	color:#1F2774;
}
.footer_navi ul li a span{
	position:relative;
	padding:0 5px;
}

/* 間のボーダー */
/*.footer_navi ul li a::after{
    content: "";
    position: absolute;
    left: -1px;
	width:0;
	height:15px;
	top:0;
	bottom:0;
	margin:auto;
	border-right:1px dotted #ababab;
    font-weight: 100;
    color: #666;
    font-size: 13px;
}
.footer_navi ul li:first-child a::after{
	display:none;
}*/

/* ホバーのボーダー */
.footer_navi ul li a span::before {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -26px;
    height: 4px;
    margin: auto;
    background-color: #156435;
    transition: 0.15s ease-out;
    transform: scaleX(0);
    content: "";
    z-index: 1;
}
.footer_navi ul li a:hover span::before,
.footer_navi ul li.active2 a span::before{
	transform: scaleX(1);
}
/* ページトップ */
.pagetop,
.pagetop img{
	width:50px;
	height:25px;
}
.pagetop{
	position:relative;
	margin:20px auto 20px;
	text-align:center;
	cursor:pointer;
	
}
.pagetop img{
	display:inline-block;
	position:relative;
	top:0; 
	transition:0.5s ease-in-out;
}
.pagetop:hover img{
	top:-5px;
	padding-bottom:5px;
	transform: rotateY(180deg);
}

/* コピーライト */
.copy {
    padding: 2px 0 3px;
    background-color: #156435;
    color: #fff;
    text-align: center;
    line-height: 1;
}
.copy small {
    font-size: 14px;
    font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", Osaka, "ＭＳ Ｐゴシック", "MS PGothic";
    font-weight: normal;
    letter-spacing: 0.09em;
}











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

	タイトル

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

/*中央寄せ*/
h3.tit01 {
    position: relative;
    margin-bottom: 24px;
    padding: 14px;
    letter-spacing: 0.15em;
    line-height: 1.4;
    /* color: #1F2774; */
    /* font-size: 24px; */
    /* font-weight: bold; */
    text-align: center;
}
/* アイコンの余白 */
h3.tit01 i{
	margin-right:7px;
}


/* 中央寄せ：木のアイコン付き */
h3.tit02 {
    position: relative;
    margin-bottom: 36px;
    padding: 54px 0 0px;
    letter-spacing: 0.15em;
    color: #333;
    font-size: 24px;
    font-family: "じゅん 201", "Jun 201", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo";
    line-height: 1.4;
    text-align: center;
    text-shadow: 0 0;
}
h3.tit02::before {
    position: absolute;
    width: 49px;
    height: 43px;
    top: 3px;
    left: -4px;
    right: 0;
    margin: auto;
    background-image: url(../images/h3_icon.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 49px;
    z-index: 1;
    content: "";
}
/* アイコンの余白 */
h3.tit02 i{
	margin-right:7px;
}
/* 飾りの英語 */
h3.tit02 span{
	display:block;
	position:relative;
	letter-spacing: 2.5px;
	color: #f8b62b;
	font-size:30px;
	font-family: 'Quicksand', sans-serif;
	font-weight: 700;
	z-index:2;
}


h4.tit01 {
    position: relative;
    margin-bottom: 18px;
    letter-spacing: 0.15em;
    line-height: 1.4;
    color: #156435;
    font-size: 24px;
    font-weight: bold;
    font-family: "じゅん 201", "Jun 201", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo";
    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 {
    /* display: inline; */
    position: relative;
    padding: 3.5% 4%;
    letter-spacing: 0.15em;
    line-height: 1.9;
    color: #156435;
    font-size: 22px;
    font-family: "じゅん 201", "Jun 201", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo";
    text-align: left;
    font-weight: bold;
    margin: auto 0.2em;
    /* background: -webkit-linear-gradient(transparent 65%, rgba(255, 255, 255, 0.73) 45%); */
    background-color: rgba(255, 255, 255, 0.52);
}




h5.tit01 {
    position: relative;
    margin-bottom: 3px;
    letter-spacing: 0.1em;
    color: #f39800;
    font-size: 19px;
    font-weight: bold;
}





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

	共通

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

/*院長略歴*/
.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 li {
    position: relative;
    margin-bottom: 9px;
    padding-left: 15px;
}
.list03 li span {
    display: block;
    font-weight: bold;
}
.list03 li:last-child{
	margin-bottom:0;
}
.list03 li:before {
    display: block;
    position: absolute;
    top: 14px;
    left: 0;
    width: 3px;
    height: 3px;
    background-color: #3e9316;
    border: 1px solid #3e9316;
    border-radius: 100%;
    content: '';
}
.list03 li i{
	margin-right:8px;
}

/*さんかく*/
.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;
}

/*文字大きめ*/
.list07_A{
  font-size: 20.5px;
}

/*背景色：茶色 */
.list07_B {
	background-color: rgba(253,253,253,0.5)
}


/*チェック*/
.list08{
	padding:35px 10px 25px 45px;
	background-color:#f7f7f7;
}
.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: '';
}
/* 画像2個並び */
.list09{
	display:table;
	width:100%;
	margin-bottom:15px;
}
.list09 li{
	display:table-cell;
	width:50%;
	text-align:center;
	vertical-align:middle;
}
.list09 li span{
	display:block;
}
/* 画像2個並び（縦） */
.list10 {
    float: right;
    margin-left: 7%;
}
/* 画像2個並び(横) */
.list11 {
    float: right;
    margin-left: 7%;
}
.list11 li {
	float:left;
}

.hyperopia{
  font-size: 20px!important;
}
.small_ul p {
	margin-bottom: 10px!important;
}
.list03.small_ul li:before {
	background-color: #171717;
	border-color: #171717;
}
.small_num {
	counter-reset: item;
}
.small_num li {
	margin-bottom: 10px!important;
	position: relative;
	padding-left: 40px;
}
.list03.small_num li:before {
	counter-increment: item;
	content: counter(item);
	background: none;
	border: none;
	position: absolute;
	top: 0;
	color: #156435;
	z-index: 1;
	left: 8px;
	font-weight: bold;
}
.list03.small_num li:after {
	position: absolute;
	content: "";
	top: 8px;
	/*background: #fff;*/
	left: 0;
	width: 24px;
	height: 24px;
	z-index: 0;
	border-radius: 50%;
	border: 2px solid #156435;
}

/*ボタン ゴースト*/
.btn01 {
    position: relative;
    top: 0px;
/*    text-align: center;*/
}
.btn01 a {
    display: inline-block;
    position: relative;
    padding: 15px 25px;
    border: 1px solid #316538;
	background-color:#316538;
	color:#fff;
    font-weight: bold;
    transition: ease-in-out 0.1s;
    line-height: 1;
}
.btn01 a i{
	margin-right:10px;
	color:#316538;
	transition:ease-in-out 0.1s ;
}
.btn01 a:hover{
    color: #316538;
	background-color:#fff;
}
.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 {
    display: inline-block;
    padding: 8px 20px;
    border-radius: 10px;
    border: 1px solid #156435;
    background-color: #156435;
    color: #fff;
    /* font-weight: bold; */
    transition: ease-in-out 0.2s;
}
@media all and (-ms-high-contrast:none){
.btn02 a {
    padding: 8px 20px 4px;
}
}
.btn02 a i{
	margin-right:7px;
}
.btn02 a:hover{
    border: 1px solid #ec9d19;
	background-color:#ec9d19;
	color:#fff;
}




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



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



.circle {
    border-radius: 100% !important;
}





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

	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 #e4e4e4;
	vertical-align: middle;
}
.tb01 tr:last-child td,.tb01 tr:last-child th{
	border:none;
}
.tb01 th:first-child{
	
}
.tb01 th{
	padding:10px 22px 8px 22px;
	line-height:1;
	white-space:nowrap;
	font-weight:bold;
	text-align:left;

}
.tb01 td{
	padding:10px 13px 8px 13px;
}


/*医院概要*/
.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: 9px 24px 9px 0;
    white-space: nowrap;
    text-align: left;
}
.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;
}



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

	アンカーリンンク

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

/* 4個並び */
.ank01 {
    position: relative;
    margin: 13px auto 0px;
}
/*.ank01:before {
    position: absolute;
    bottom: -102px;
    right: 0;
    width: 204px;
    height: 92px;
    background-image: url(../images/ank01_img.png);
    background-repeat: no-repeat;
    content: "";
}*/
.ank01 li {
    display: table;
    position: relative;
    float: left;
    width: 24%;
    height: 82px;
    margin-bottom: 1.5%;
    margin-left: 8px;
    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: 15px 4px 15px;
    border: 1px solid #156435;
    background-color: #fff;
    font-weight: bold;
    font-size: 18px;
    color: #156435 !important;
    text-align: center;
    vertical-align: middle;
    transition: 0.1s ease-in-out;
}
.ank01 li a:hover{
	background-color:#156435;
	color:#fff !important;
}
.ank01 li i{
	display:block;
	position:absolute;
	left:0;
	right:0;
	bottom:4px;
	margin:auto;
}



/* 3個並び */
.ank02 {
    position: relative;
    margin: 13px auto 0px;
}
.ank02:before {
    position: absolute;
    bottom: -102px;
    right: 0;
    width: 204px;
    height: 92px;
    background-image: url(../images/ank01_img.png);
    background-repeat: no-repeat;
    content: "";
}
.ank02 li {
    display: table;
    position: relative;
    float: left;
    width: 32%;
    height: 94px;
    margin-bottom: 1.5%;
    margin-left: 8px;
    line-height: 1.5;
}






.ank02 li:nth-child(1),
.ank02 li:nth-child(4),
.ank02 li:nth-child(7){
	margin-left:0;
}

.ank02 li a {
    display: table-cell;
    padding: 15px 4px 15px;
    border: 1px solid #265c15;
    background-color: #fff;
    font-weight: bold;
    color: #265c15;
    text-align: center;
    vertical-align: middle;
    transition: 0.1s ease-in-out;
}
.ank02 li a:hover{
	background-color:#156435;
	color:#fff;
}
.ank02 li i{
	display:block;
	position:absolute;
	left:0;
	right:0;
	bottom:4px;
	margin:auto;
}




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

	box

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

.top_box{
	position:relative;
	width:1080px;
	margin:0 auto 80px;
}
@media (max-width: 640px) {
	.top_box {
		width: 100%;
	}
}

/*白っぽいパターン背景*/
.bg1 {
    padding: 56px 0 5px;
	background-image:url(../images/bg2.png);
	background-repeat:repeat;
}
/*緑背景*/
.bg2 {
    /* padding-bottom: 49px; */
    background-color: #dfe7d2;
}
@media (max-width: 640px) {
	.bg2 {
		padding: 20px 5%;
	}
}
/*白背景*/
.bg3 {
    padding: 56px 0 5px;
    background-color: #fff;
}

/*ノーマル*/
.box {
    width: 1080px;
    margin: 0 auto 70px;
}
/*濃茶にしたい時、下層で使用*/
.box2 {
    width: 1080px;
    margin: 0 auto;
    padding: 56px 0 47px;
}
/*横幅少し短い*/
.box3 {
    width: 1010px;
    margin: 0 auto 70px;
}
/*アンカーリンクの箇所*/
.box4 {
    width: 1080px;
    margin: 0 auto;
    padding: 56px 0 17px;
}
@media (max-width: 640px) {
	.box,
	.box2,
	.box3,
	.box4 {
		width: 100%;
	}
}




.text {
	position:relative;
	margin-bottom:50px;
}
.text p, .text2 p {
    margin-bottom: 2em;
}

.text:last-child, .text2:last-child{
	margin-bottom:0;
}
.text2 {
    margin-bottom: 90px;
}



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

	.top_doctor

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

.top_doctor .text {
    position: relative;
    float: left;
    padding: 55px 48px 12px 57px;
    background-color: rgba(255, 255, 255, 0.62);
    text-align: left;
    box-sizing: border-box;
}


.top_doctor_img {
    float: right;
    padding: 8px 2px 0 46px;
}
.top_doctor_img.doctor {
	border-radius:100%;
}
.top_doctor_img span {
    display: block;
    font-weight: bold;
    text-align: center;
}

.top_doctor_img p{
	margin-bottom:15px !important;}

.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 .btn01{
	float:right;
	width:240px;
}
.top_doctor .btn01 a{
	display:block;
}








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

	.top_features

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

.top_features {
    padding: 66px 0 1px;
}
.top_features .top_box {
}
.top_features .top_box h3 {
    margin-bottom: 46px;
}


.top_features_list {
}
.top_features_list a {
    float: left;
    width: 49.95%;
}
/*.top_features_list a:nth-child(3), .top_features_list a:nth-child(4), .top_features_list a:nth-child(5) {
    float: left;
    width: 33.3%;
}*/
.top_features_list dl {
    border: 1px solid #9b8474;
    background-color: #fff;
}
.top_features_list a:nth-child(1) dl {
	border-bottom:none;
}
.top_features_list a:nth-child(2) dl {
	border-left: none;
    border-bottom: none;
}
.top_features_list a:nth-child(4) dl {
	border-left: none;
	/*border-right:none;*/
   border-right: 1px solid #9b8474;
}




.top_features_list dt {
    position: relative;
    border-bottom: 1px solid #9b8474;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 100%;
    text-align: center;
    box-sizing: border-box;
    -webkit-transition: .3s;
    transition: .3s;
}
.top_features_list a:hover dt {
    background-size: 114%;
}
.top_features_list dt:nth-child(1) {
    width: 537px;
    height: 226px;
    padding-top: 50px;
    background-image: url(../images/top_features01_bg.png);
}
.top_features_list a:nth-child(2) dt {
    width: 538px;
    height: 226px;
    padding-top: 65px;
    background-image: url(../images/top_features02_bg.png);
}
.top_features_list a:nth-child(3) dt {
   /* width: 358px;
    height: 197px;
    padding-top: 33px;
    border-right: 1px solid #9b8474;*/
    height: 226px;
    background-image: url(../images/top_features03_bg.png);
}
.top_features_list a:nth-child(4) dt {
    /*width: 358px;
    height: 197px;*/
    /*padding-top: 65px;*/
     height: 226px;
    background-image: url(../images/top_features04_bg.png);
}
.top_features_list a:nth-child(5) dt {
    width: 358px;
    height: 197px;
    padding-top: 14px;
    border-right: 1px solid #9b8474;
    background-image: url(../images/top_features05_bg.png);
}
.top_features_list dt:before {
    position: absolute;
    top: 129px;
    left: 0;
    right: 0;
    width: 45px;
    height: 45px;
    margin: 0 auto;
    background-image: url(../images/top_features_arrow.png);
    background-repeat: no-repeat;
    content: "";
}
.top_features_list a:nth-child(3) dt:before, .top_features_list a:nth-child(4) dt:before, .top_features_list a:nth-child(5) dt:before {
    top: 109px;
}

.top_features_list a dd {
	color:#333333;
}
.top_features_list dd {
    padding: 18px 30px 13px 22px;
    font-size: 17.5px;
    letter-spacing: 1px;
    line-height: 1.6;
}
.top_features_list a:nth-child(3) dd {
    padding: 24px 34px 5px 22px;
}
.top_features_list a:nth-child(4) dd {
    padding: 24px 30px 5px 28px;
}
.top_features_list a:nth-child(5) dd {
    padding: 23px 32px 5px 27px;
}


.top_features_list dd p {
    margin-bottom: 1em;
}
.top_features03_img {
	float:left;
	padding-right:26px;
}
.top_features03_text {
    margin-bottom: 0 !important;
    padding-top: 17px;
}


.top_features_bnr {
    margin: 23px 0 0 511px;
    line-height: 1;
}
.top_features_bnr a {
    padding: 4px 23px 6px 24px;
    border-radius: 10px;
    background-color: #55ac34;
    line-height: 1;
}
.top_features_bnr a:hover {
    background-color: #b4cc38;
}



.top_features_list dl.nouse{
	position:relative;
    margin-bottom: 30px;
    border: 1px solid #9b8474;
    background-color: #fff;
}

.top_features_list dl.nouse::before{
	position:absolute;
	display:flex;
	justify-content:center;
	align-items: center;
	width:100%;
	height:100%;
	background:rgba(0, 0, 0, 0.4);
	content:"コロナウィルス感染症拡大防止\Aのため、現在使用できません";
	color:#fff;
	font-weight: bold;
	font-size: 20px;
	z-index: 99999999;
	white-space: pre;
}
.top_features_list a.no_link {
	cursor: default;
}
.top_features_list a.no_link dt:before {
	content: none;
}


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

	.top_medical

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

.top_medical{
}
.top_medical .text p{
	text-align:center;
}
.top_medical_list{
}
.top_medical_list a{
	display:block;
	float:left;
	width:22.6%;
	margin-right:3.2%;
	margin-bottom:20px;
	text-align:center;
}
.top_medical_list a:nth-child(4n){
	margin-right:0;
}
.top_medical_list dl{
	width:100%;
}
.top_medical_list dl dt{
	margin-bottom:7px;
}
.top_medical_list dl dd{
	font-weight:bold;
}



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

	.top_medical2

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

.top_medical2 {
    padding: 64px 0 49px;
	background-image:url(../images/bg2.png);
	background-repeat:repeat;
}
.top_medical2 .top_box {
	margin-bottom: 30px;
}
.top_medical2 h3 {
    position: relative;
    padding: 14px 3px 35px 0;
}

.top_medical2_list {
    margin-right: 2px;
    padding: 0 0px 1px 1px;
    /*background-color: #7c451a;*/
}
.top_medical2_list li {
	position:relative;
    float: left;
    margin: 1px 1px 0px 0;
}
.top_medical2_list a {
    display: block;
	position:relative;
    width: 358px;
    height: 238px;
	background-repeat:no-repeat;
	background-position:top center;
	background-size:100%;
    text-align: center;
    box-sizing: border-box;
    -webkit-transition: .3s;
    transition: .3s;
}
.top_medical2_list a:hover {
	background-size:114%;
}
/*.top_medical2_list li span {
    position: absolute;
    bottom: -60px;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 50px;
    padding-top: 10px;
    background: rgba(0,0,0,.6);
    color: #fff;
    text-align: center;
    -webkit-transition: .3s;
    transition: .3s;
    opacity: 0;
}
.top_medical2_list li:hover span {
    bottom: 0;
	opacity:1;
}*/


.top_medical2_list li:nth-child(1) a {
    padding: 40px 0 0 26px;
    background-image: url(../images/top_medical01_bg.png);
}
.top_medical2_list li:nth-child(2) a {
    padding: 92px 30px 0 0;
    background-image: url(../images/top_medical02_bg.png);
	border: 1px solid #7c451a;
}
.top_medical2_list li:nth-child(3) a {
    padding: 41px 0 0 25px;
    background-image: url(../images/top_medical03_bg.png);
	border: 1px solid #7c451a;
}
.top_medical2_list li:nth-child(4) a {
    padding: 40px 32px 0 0;
    background-image: url(../images/top_medical04_bg.png);
	border: 1px solid #7c451a;
}
.top_medical2_list li:nth-child(5) a {
    padding: 40px 29px 0 0;
    background-image: url(../images/top_medical05_bg.png);
	border: 1px solid #7c451a;
}
.top_medical2_list li:nth-child(6) a {
    padding: 41px 31px 0 0;
    background-image: url(../images/top_medical06_bg.png);
	border: 1px solid #7c451a;
}
.top_medical2_list li:nth-child(7) a {
    padding: 93px 0 0 3px;
    background-image: url(../images/top_medical07_bg.png);
	border: 1px solid #7c451a;
}
.top_medical2_list li:nth-child(8) a {
    padding: 41px 0 0 0;
    background-image: url(../images/top_medical08_bg.png);
	border: 1px solid #7c451a;
}
.top_medical2_list li:nth-child(9) a {
    padding: 41px 0 0 0;
    background-image: url(../images/top_medical10_bg.png);
	border: 1px solid #7c451a;
}
.top_medical2_list li:nth-child(10) a {
    padding: 40px 0 0 55px;
    background-image: url(../images/top_medical09_bg.png);
	border: 1px solid #7c451a;
}
.top_medical2_list li:nth-child(10){
	margin-left: 33.35%;
}







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

	.top_medical3

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

.top_medical3{
}
.top_medical3 .text p{
	text-align:center;
}
.top_medical3_list{
}
.top_medical3_list li{
	float:left;
	width: 120px;
    margin-right: 17.14px;
	margin-bottom:20px;
	text-align:center;
}
.top_medical3_list li:last-child{
	margin-right:0;
}
.top_medical3_list a{
}
.top_medical3_list img{
	width:100%;
}

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

	.top_medical4

==================================================================*/
.list10 li span.fig_caption {
	display: block;
	font-size: 1rem;
	line-height: 1.5;
	text-align: center;
}
.text p.mt10 {
	margin-top: 10px;
}
.text p.mb10 {
	margin-bottom: 10px;
}
.list03 li span.mt40 {
	margin-top: 40px;
}
.list03 li span.mt20 {
	margin-top: 20px;
}

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

	.top_info

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

.top_info {
    padding: 83px 0 80px;
    background-image: url(../images/bg1.png);
    background-repeat: repeat;
}

/*.top_info .sec1 {
	float:left;
	width:50%;
}*/

.top_info .sec1 .top_news {
    /*float: right;*/
    width: 1080px;
    margin-right: 20px;
	padding: 30px 0 0 0;
    /*padding: 30px 0 43px;*/
    background-color: #e1e9d5;
    font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
    font-weight: bold;
	margin: 0 auto;
}
@media (max-width: 640px) {
	.top_info .sec1 .top_news {
		width: 100%;
	}
}




.top_info .sec1 .top_news h3 {
    margin-bottom: 0;
    padding: 17px 15px 0 14px;
}
.top_news .news_text ul li {
	padding-bottom: 2em;
	margin-bottom: 2em;
	border-bottom: 1px solid #c1a999;
}
.top_news .news_text ul li a {
	display: flex;
	font-size: 19px;
	line-height: 1;
}
.top_news .news_text ul li span.date {
	width: 20%;
}


.top_info .sec2 {
	float:right;
	width:50%;
}
.top_info .sec2 .inner {
    float: left;
    width: 520px;
    margin-left: 18px;
    padding-top: 29px;
    background-color: #fff;
    box-sizing: border-box;
}
.top_info .sec2 .inner h3 {
    margin-bottom: 14px;
}

.top_info .sec2 dl {
    margin: 14px 48px;
    padding: 11px 10px 10px 0;
    border-top: 1px solid #156435;
    color: #333333;
    font-size: 14px;
    font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", Osaka, "ＭＳ Ｐゴシック", "MS PGothic";
    font-weight: normal;
}
.top_info .sec2 dt {
    float: left;
    padding-right: 25px;
    letter-spacing: 0;
}
.top_info .sec2 dd {
    margin-bottom: 0px;
    padding-left: 81px;
    letter-spacing: 1.5px;
}
.top_info .sec2 dd:last-child {
    padding-top: 5px;
    line-height: 1.5;
}
.top_info_ad {
    padding-right: 24px !important;
    letter-spacing: 5px !important;
}
.top_info02 {
    padding: 0 0 80px;
}
#map {
    width: 100%;
    height: 476px;
}


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

	.top_news02 臨時休診

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

.top_news02{
    width: 450px;
    position: absolute;
    top: 365px;
    left: 230px;
}


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

	.top_map

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

.top_map {
	height:476px;
}






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

	$doctor

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

.top_doctor {
    height: 566px;
    padding: 62px 0 20px;
    background-image: url(../images/top_message_bg.png);
    background-repeat: no-repeat;
    background-position: top center;
}
.top_doctor .top_box {
    margin-bottom: 12px;
}


.doctor_greet .text{
}
.doctor_carr{
}
.doctor_carr h4.tit01{
	margin-bottom:7px;
}
.doctor_carr_sec1 {
    float: left;
    width: 42%;
    margin-right: 4%;
    padding: 2.5% 3%;
    background-color: #e1e9d4;
    font-size: 16px;
}
.carr01{
	float:unset;
	margin-right: 0;
	width: 100%;
	margin-bottom:40px;
}
.carr01 .tb02{
	display: flex;
}
.carr01 .tb02 tbody{
	width:50%;
}
.carr01 .tb02 th{
	padding: 9px 44px 9px 0;
}
.doctor_carr_sec1:last-child{
	position:relative;
	margin-right:0;
	padding-bottom:110px;
}
.doctor_carr_sec1:last-child:before {
    position: absolute;
    bottom: 10px;
    right: 10px;
    width: 300px;
    height: 255px;
    background-image: url(../images/top_message_img.png);
    background-repeat: no-repeat;
    background-size: 300px;
    opacity: 0.4;
    content: "";
}


.doctor_carr .tb02 td, .doctor_carr .tb02 th {
    font-size: 16px;
}
.doctor_carr_sec1 table{
	width:100%;
}



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

	.news

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

.top_news{
	font-size:14.5px;
}
.top_news_flame {
	padding: 11px 15px 35px 62px;
    /*padding: 11px 15px 41px 62px;*/
}
.news_text{
}
.news_text p {
    margin-bottom: -1px;
}
/* タイトル */
.news_text p strong {
    font-size: 20px;
    font-family: "メイリオ", "Meiryo", Osaka, "ＭＳ Ｐゴシック", "MS PGothic";
    color: #156435;
    letter-spacing: 2px;
}
/* 日付 */
.date {
    display: block;
    color: #156435;
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 2px;
    line-height: 1;
}
/* お知らせのブロックのボーダー */
.news_text .line {
    margin-bottom: 36px;
    font-size: 16px;
    line-height: 1.9;
}
/* お知らせの高さ */
.scroll_area {
	height: 360px;
	/*	height: 222px;*/
    /*height: 332px;*/
}

/* news */
.box.news_page {
	margin-bottom: 0;
	padding: 70px;
}
.box.news_page .news_text .line {
	padding-bottom: 36px;
	border-bottom: 1px solid #977e6d;
}


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

	$access

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

.access_map {
    float: left;
    width: 45%;
    margin-right: 5%;
    margin-bottom: 40px;
}
.access_info {
    float: right;
    width: 48%;
    margin-top: 1.4%;
    border: 4px solid rgb(237, 237, 237);
    padding: 25px 30px 5px;
    box-sizing: border-box;
}
.access_guide {
    text-align: center;
    margin-bottom: 20px;
    font-weight: bold;
    font-size: 20px;
}


.access_guide{
	margin-bottom:20px;
	font-weight:bold;
}
.access_map{
	margin-bottom:40px;
}
.access_map dt{
	margin-bottom:10px;
}
.access_map dt i{
	margin-right:7px;
}
.access .btn02{
	text-align:center;
	margin-bottom:50px;
}
.access_info {
    border: 4px solid rgb(255, 255, 255);
    padding: 15px 34px 0px;
}
.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:bold;
}
.access_train dd, .access_bus dd, .access_car dd, .access_bike dd {
    font-size: 18.5px;
}



/*道順*/
.access_flow {
    margin: 21px 0 40px;
}
.access_flow li {
    float: left;
    width: 18.5%;
    margin-right: 2.5%;
    padding: 1% 2%;
    border: 2px solid #fff;
    /* box-sizing: border-box; */
}
.access_flow li:last-child {
    margin-right: 0;
}
.access_flow dt {
    float: left;
    padding: 17px 10px 0 0;
    color: #f39800;
    font-size: 37px;
    line-height: 1;
}
.access_flow dd {
    padding-top: 19px;
    font-size: 19.5px;
}






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

	$clinic

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


/* 院内スライド（サムネイル右、1列） */
.clinic_slides1{
}
.clinic_slides1 .flexslider {
    position: relative;
    /* float: left; */
    width: 67%;
    padding-left: 14%;
		background: transparent;
		border: none;
		box-shadow: unset;
}
.clinic_slides1 .flexslider li div {
    display: table;
    position: relative;
    margin-top: -64px;
    margin-left: 20px;
    background-color: rgba(255,255,255,0.9);
}
.clinic_slides1 .flexslider p {
    display: table-cell;
    padding: 4px 27px;
    vertical-align: middle;
    font-size: 19px;
    font-weight: bold;
    color: #265c15;
    letter-spacing: 2px;
}

.clinic_slides1 .flex-control-thumbs .flex-active img{
	border: 5px solid #aaa;
}
.clinic_slides1 .flex-control-nav.flex-control-thumbs {
    position: absolute;
    right: -28%;
    top: 0;
    width: 25%;
}
.clinic_slides1 .flex-control-thumbs li {
    position: relative;
    width: 46%;
    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;
    float: none;
    width: 100%;
    font-size: 18px;
    letter-spacing: 0;
}
.clinic_sec1 ul{
	margin-bottom:15px;
}
.clinic_sec1 li {
    padding: 8px 0;
    border-bottom: 1px solid #ffffff;
}
.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: 20%;
    padding-left: 8px;
    font-weight: bold;
    color: #156435;
}
.clinic_sec1 dd {
    float: left;
    width: 70%;
}
.clinic_sec1 .schedule .tb01{
	border: 1px solid #e4e4e4;
	width:70%;
	font-size:14px;
}
.clinic_sec1 .schedule .tb01 tr:first-child th,
.clinic_sec1 .schedule .tb01 tr:first-child td{
	background-color:#f2f7fa;
	color:#1F2774;
	font-weight:bold;
}
.clinic_sec1 .schedule .tb01 tr:first-child{
}
.clinic_sec1 .schedule li{
	border-bottom:none;
	
}


/*特徴*/
.features {
}
.features .text {
    padding-bottom: 33px;
    border-bottom: 2px dotted #fff;
}





.nouse_clinic{
	position:relative;
   
    border: 1px solid #9b8474;
    background-color: #fff;
}

.nouse_clinic::before{
	position:absolute;
	display:flex;
	justify-content:center;
	align-items: center;
	width:100%;
	height:100%;
	font-weight: bold;
	font-size: 35px;
	background:rgba(0, 0, 0, 0.4);
	content:"コロナウィルス感染症拡大防止のため、現在使用できません";
	color:#fff;
	z-index: 9999999999999;
}
	
	
	
/*==================================================================

	$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 dl {
    float: left;
    width: 47.5%;
    margin-bottom: 35px;
    margin-right: 5%;
    background-color: #dee5d0;
    text-align: justify;
    font-size: 17px;
}
.facilities_equip3 dl:nth-child(even){
	margin-right:0;
}

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

	$visit

==================================================================*/
.visit_guide{
 	margin-bottom: 20px;
	text-align: center;
}

.visit_desc{
	background-color: #e1dcd7;
	padding: 20px;
	font-size: 19px;
}


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

	$medical

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

/*診療案内ページ*/
.medical_list {
    border: 1px solid #977e6d;
    padding: 5%;
}





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

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

.medical_order01 dt {
    width: 28%;
    padding: 0 3%;
    background-color: #edf9fb;
    letter-spacing: 0.1em;
    color: #47a29c;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
}
/* 数字 */
.medical_order01 dt em {
    margin-right: 8px;
    font-family: "Times New Roman", Times, serif;
    font-size: 43px;
    font-weight: normal;
    color: #7c8d90;
}
.medical_order01 dd {
    padding: 3%;
    background-color: #fff;
}




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




/* 1つ並びのレイアウト。画像が左、右にタイトル、タイトル下に文章 */
.medical_order03{
	padding-bottom:20px;
}
.medical_order03 dl {
    display: table;
    position: relative;
    margin-bottom: 20px;
    background-color: #f7f7f7;
    padding: 3%;
	width: 100%;
}
.medical_order03 dt,
.medical_order03 dd{
	display:table-cell;
	box-sizing:border-box;
	vertical-align:middle;
}
.medical_order03 dt{
	width:25%;
	background-color:#fff;
}
.medical_order03 dt img{
	width:100%;
}
.medical_order03 dd{
	width:75%;
	padding:1% 3%;
}
.medical_order03 dd h5{
    color: #47a29c;
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 0.1em;
}
.medical_order03 dd h5 em{
	margin-right:10px;
	color:#BDA087;
	font-family: "Times New Roman", Times, serif;
	font-size:30px;
	font-weight: normal;
}

.medical_order03_A dt{
  background: none;
}

.medical_order03_A dt span{
  display: inline-block;
  width: 100%;
  padding: 0 5%;
  box-sizing: border-box;
  background: #edf9fb;
  color: #47a29c;
  text-align: center;
  font-size: 14px;
}


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

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



/* 1つ並びで3列に区切られたレイアウト。画像が左、画像の下にタイトル、右に文章 */
.medical_order05{
	padding-bottom:20px;
}
.medical_order05 dl{
	display:table;
	position:relative;
	margin-bottom:20px;
	background-color:#f7f7f7;
	padding:2%;
	font-size:14px;
}
.medical_order05 dt,
.medical_order05 dd{
	display:table-cell;
	box-sizing:border-box;

}
.medical_order05 dt{
	width:25%;
	background-color:#fff;
	text-align:center;
		vertical-align:middle;
}
.medical_order05 dt img{
	width:100%;
}
.medical_order05 dd{
	padding:1% 3%;
	vertical-align:top;
}
.medical_order05 dd:nth-child(2){
	width:40%;
}
.medical_order05 dd:nth-child(3){
	width:35%;
	border-left:1px solid #e2e2e2;
}

.medical_order05 dd h5 em{
	margin-right:10px;
	color:#BDA087;
	font-family: "Times New Roman", Times, serif;
	font-size:30px;
	font-weight: normal;
}
.medical_order05 dd h5{
	font-size:15px;
	font-weight:bold;
}
.medical_order05_text1{
}

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

/* 4つ並びのレイアウト。画像が上、下にタイトル、タイトル下に文章 */
.medical_order06{
	padding-bottom:20px;
  display: flex;
  justify-content: space-between
}
.medical_order06 dl {
    display: block;
    position: relative;
    margin-bottom: 20px;
  width: 20%;
    background-color: #f7f7f7;
    padding: 1%;
}
.medical_order06 dt,
.medical_order06 dd{
	display:block;
	box-sizing:border-box;
	vertical-align:middle;
}
.medical_order06 dt{
	background-color:#fff;
}
.medical_order06 dt img{
	width:100%;
}
.medical_order06 dd{
	padding:1% 3%;
}
.medical_order06 dd h5{
    color: #47a29c;
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 0.1em;
  text-align: center;
}
.medical_order06 dd h5 em{
	margin-right:10px;
	color:#BDA087;
	font-family: "Times New Roman", Times, serif;
	font-size:30px;
	font-weight: normal;
}

/* 緑内障ページ */
.medical_order03_A dd{
	width: 100%;
	display: block;
}
.medical_order03_A dt.flex_img {
	display: flex;
	width: 100%;
	justify-content: center;
	align-items: baseline;
}
.medical_order03_A dt.flex_img div {
	width: 240px;
	margin-left: 20px;
}
/* 子供の近視　～近視の問題点～ */
.myopia_table table{
  width: 100%;
  table-layout: fixed;
  text-align: center;
  background: #fff;
}
.myopia_table tr{
  text-align: center;
  border: solid 3px #EFE8E1;
}
.myopia_table tr td:first-child{
  color: #47A29B;
  background: #EDF9FB;
  line-height: 25px;
  padding: 12px 0;
  font-weight: 500;
}
.myopia_table th{
  border: solid 3px #EFE8E1;
  background: #EDF9FB;
  color: #47A29B;
  font-weight: 500;
  text-align: center;
}
.myopia_table td{
  text-align: center;
  border: solid 2px #EFE8E1;
}

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

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

@media (max-width: 640px) {
	body {
			color: #171717;
			font-size: 17px;
			font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", Osaka, "ＭＳ Ｐゴシック", "MS PGothic" !important;
	/*    font-weight: 500;*/
			letter-spacing: 1px;
			line-height: 1.7;
			text-align: justify;
			text-shadow: 0 0 #171717;
	}
	a {
			color: #156435 !important;
			border: none;
			text-decoration: none;
	}
	a:hover {
			color: #2590b5 ;
	}


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

			#header

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

	.fa {
			padding-right:2%;
	}
	/*ヘッダーの色*/
	.ui-header {
			position: fixed;
			top: 0;
			width: 100%;
			height: 65px;
			border: none;
			background: rgba(251, 251, 251, 0.95);
			z-index: 99999999;
	}

	/*ロゴ*/
	h1 {
			position: absolute;
			left: 4%;
			top: 18%;
			width: 69%;
			/* right: 0; */
			margin: 0 auto !important;
			text-align: center;
	}
	h1 img {
			width:100%;
	}

	.sub_tit {
			padding: 41px 0 0 12px;
			color: #633e24;
			font-size: 11.5px;
	}


	.header_medical ul{
			display: flex;
			flex-wrap: wrap;
			max-width: 400px;
			position: absolute;
			left: 0;
			right: 0;
			top: 80px;
			margin: 0 auto;
			width: 100%;
			justify-content: center;
	}
	.header_medical ul li{
			margin-right: 5px;
			margin-bottom: 5px;
			background-color:#156435;
			width: 30%;
			padding: 3px;
			text-align: center;
	}

	.header_medical ul li a{
			color:#fff!important;
			font-size: 13px;
			font-weight: 500!important;
	}




	/* 右上のメニューボタン
	-----------------------------------------*/

	.btn {
			width: 100%;
			padding: 10px 0;
			background: #fff;
	}
	#dialog_menu {
			background-color:#fff;
	}
	#dialog_menu li {
			display: table;
			width: 100%;
			text-align: center;
			border-bottom: 1px dotted #DADADA;
	}
	#dialog_menu li .fa {
			padding-right:10px;
	}
	.ui-listview li {
			position: relative;
			float: left;
			padding: 0;
			background: none;
			box-sizing: border-box;
	}

	/*開いたメニューの高さの調整と背景色*/
	.ui-li-has-arrow .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li-has-arrow {
			padding: 3% 0;
			text-align: center;
			font-size: 22px;
	}
	.ui-body-a, .ui-overlay-a {
			background: #fff;
	}

	/*MENU文字*/
	.ui-btn-icon-notext .ui-btn-text {
			position: absolute;
			left: -3px !important;
			padding: 2px 5px 3px !important;
			background: none;
			/*color: #7b7b7b;*/
			color: #156435;
			/*font-size: 11px;*/
			font-size: 10px;
			text-align: center;
			text-shadow: none;
			letter-spacing: 0;
	}
	.fa-bars {
			display: block !important;
			padding: 0 !important;
			font-size: 2.6em !important;
	}

	/*MENUの位置*/
	.ui-btn-icon-notext {
			top: 15% !important;
			width: 58px;
			height: 44px;
	}
	.ui-btn-icon-notext .ui-btn-text .ui-btn-icon-notext .ui-btn-text {
			position: absolute;
			right: 0 !important;
	}

	/*枠*/
	.ui-shadow {
			box-shadow: none !important;
	}
	.ui-btn-up-c {
			border: none;
			background: none;
	}
	.ui-btn-up-c:hover {
			border: none;
	}
	.ui-icon, .ui-icon-searchfield::after {
			background: none;
	}
	.ui-btn-hover-c {
			border: none;
			background: none;
	}
	.ui-btn-hover-c a {
			color:#2590B5 !important;
	}
	.ui-btn-inner {
			border: none;
	}



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

			#main

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

	.main {
			position: relative;
			z-index: 9;
	}
	.main:before {
			position: absolute;
			bottom: -6px;
			left: 0;
			right: 0;
			width: 100%;
			height: 30px;
			background-image: url(../sp/images/main_under.png);
			background-repeat: no-repeat;
			background-size: 100%;
			content: "";
	}

	.flexslider {
			margin: 16px 0 0 !important;
			background: none;
			border: none;
			box-shadow: none;
	}


	h2 {
			margin: 0px 0 35px;
	}
	.main_catch {
			position: absolute;
			top: /*91px;*/97px;/*240px*/
			left: /*22px;*/0;
			width: /*86%;*/100%;
			z-index: 9;
	}

	h3.tit02 {
		font-size: 21px;
		font-weight: bold;
		line-height: inherit;
		letter-spacing: inherit;
		margin-bottom: 1em;
	}
	h4.tit01 {
		font-size: 20px;
		font-weight: bold;
		font-family: inherit;
		line-height: inherit;
		letter-spacing: inherit;
		margin-bottom: .5em;
	}







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

			#home

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


	/* 電話番号
	-----------------------------------------*/
	.tel {
			padding: 6% 0 3%;
			background-color: #f39800;
			text-align: center;
			font-size: 27px;
	}
	.tel a i{
			margin-right:2%;
	}
	.tel span{
			display:block;
			font-size:15px;
			
	}



	/* お知らせ
	-----------------------------------------*/

	.news_text {
			height: auto!important;
			padding: 10px;
			background: #e1e9d5;
	}
	.line {
			margin-right: 9px !important;
			margin-bottom: 20px;
	}
	.scroll_area{
			/* height:195px !important;*/
			height:430px !important;
	}
	.date {
			display: block;
			color: #156435;
			/*font-size: 19px;*/
			font-size: 15px;
			font-weight: bold;
			letter-spacing: 2px;
			line-height: 1;
			margin-bottom: 5px;
	}
	.news_text p strong {
			/*font-size: 19px;*/
			font-size: 15px;
			font-family: "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", Osaka, "ＭＳ Ｐゴシック", "MS PGothic";
			color: #156435;
			letter-spacing: 2px;
	}
	.mCSB_container_wrapper > .mCSB_container {
			padding-right: 20px !important;
	}

	.news_text ul li a {
			font-size: 16px;
			display: block;
			line-height: 1.4;
	}
	.news_text ul li {
			margin-bottom: 1em;
			padding-bottom: 1em;
			border-bottom: 1px solid #c1a999;
	}

			
			

	/* アクセス
	-----------------------------------------*/

	.map {
			margin-top: 3%;
			padding: 6% 0 6%;
			border: 2px solid #156435;
			background-color: #156435;
			text-align: center;
			font-size: 20px;
	}
	.map a {
			color: #fff !important;
			font-size: 21px;
			font-weight: normal !important;
	}



	/* 特徴
	-----------------------------------------*/

	.top_feature {
	}
	.top_feature li {
			margin-bottom: 30px;
			border: 1px solid #9b8474;
			background-color: #fff;
	}
	.top_feature li dt {
			width: 100%;
	}
	.top_feature li h4 {
			margin-bottom: 3px;
			color: #156435;
			font-size: 20px;
			font-weight: bold;
			text-shadow: 0 0 #156435;
	}
	.top_feature dd {
			padding: 2% 6% 3%;
			border-top: 1px solid #9b8474;
	}


	.top_feature li.nouse {
			position:relative;
			margin-bottom: 30px;
			border: 1px solid #9b8474;
			background-color: #fff;
	}
	.top_feature li.nouse::before {
			position:absolute;
			display:flex;
			justify-content:center;
			align-items: center;
			width:100%;
			height:100%;
			background:rgba(0, 0, 0, 0.4);
			content:"コロナウィルス感染症拡大防止\Aのため、現在使用できません";
			color:#fff;
			font-weight: bold;
			font-size: 20px;
			z-index: 99999999;
			white-space: pre;
	}


	/* 診療案内
	-----------------------------------------*/

	.top_medical {
	}
	.top_medical{
			display: flex;
			flex-wrap: wrap;
	}
	.top_medical li {
			/*float: left;*/
			width: 50%;
			margin: 0 0% 0% 0;
	}
	.top_medical li:nth-child(even) {
			margin-right:0;
	}
	/*.top_medical li:last-child {
			float: left;
			width: 100%;
			margin: 0 auto;
			text-align: center;
	}*/
	.top_medical li:last-child img {
	}



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

			#page1：医師紹介

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

	.doctor {
	}
	.doctor img {
			border-radius:100%;
	}
	.doctor .text {
			margin-bottom: 6%;
			padding: 3% 5%;
			background-color: #e1e9d4;
			font-size: 16px;
			letter-spacing: 0.5px;
	}
	.top_doctor_img {
		float: unset;
    padding: 0;
	}
	.top_doctor_img p {
			margin-bottom: 1em !important;
	}
	.top_doctor_img img {
			border-radius: 0;
	}



	/* 略歴
	-----------------------------------------*/
	.career {
			width: 100%;
			margin: 0% 0 9%;
	}
	.career dt {
			float: left;
			width: 35%;
			padding-top: 1%;
			text-align: center;
			box-sizing: border-box;
	}
	.career dd {
			width: 100%;
			margin-bottom: 3%;
			margin-left: 0%;
			padding: 1% 0 4% 39%;
			border-bottom: 1px dashed #ccc;
			box-sizing: border-box;
	}





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

			#page2：診療案内

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

	.medical_list {
			margin-top: 19px;
			/* margin-bottom: 0; */
			border: unset;
	    padding: 0;
	}
	.medical_list li {
			margin-bottom: 0px;
			padding-top: 35px;
	}
	.medical_list dt {
			width: 60%;
			margin: 0px auto 4px;
	}
	.medical_list dd {
	}
	.medical_list dd h4 {
			color: #156435;
			font-size: 20px;
			font-weight: bold;
	}

	.myopia_table {
		overflow: auto;
	}
	.myopia_table table {
		width: max-content;
		white-space: nowrap;
	}
	.myopia_table tr th,
	.myopia_table tr td {
		padding: 12px;
	}



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

			#page3：医院概要→診療方針

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


	.clinic {
			width: 100%;
			margin: 3% 0 9%;
	}
	.clinic dt {
			float: left;
			width: 25%;
			padding-top: 2%;
			font-size: 17px;
			font-weight: bold;
			text-align: center;
			box-sizing: border-box;
	}
	.clinic dd {
			width: 100%;
			margin-left: 0%;
			margin-bottom: 2%;
			padding: 2% 0 4% 25%;
			border-bottom: 1px dashed #ccc;
			box-sizing: border-box;
	}



	/*散瞳剤を用いた眼底検査（散瞳検査）について*/

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

	.medical_order01 dt {
			/* width: 28%; */
			width: 100%;
			/* padding: 0 3%; */
			padding: 3%;
			background-color: #edf9fb;
			letter-spacing: 0.1em;
			color: #47a29c;
			font-size: 20px;
			font-weight: bold;
			text-align: center;
			vertical-align: middle;
	}
	/* 数字 */
	.medical_order01 dt em {
			display: block;
			/* margin-right: 8px; */
			margin-right: 0;
			font-family: "Times New Roman", Times, serif;
			font-size: 36px;
			font-weight: normal;
			color: #7c8d90;
	}
	.medical_order01 dd {
			padding: 3%;
			background-color: #fff;
	}
	.medical_order03_A dt.flex_img {
		flex-direction: column;
		align-items: center;
	}
	.medical_order03 dl {
		display: block;
		box-sizing: border-box;
	}
	.medical_order06 {
		flex-direction: column;
	}
	.medical_order06 dl {
		width: 100%;
		max-width: 331px;
		margin: 0 auto 20px;
		box-sizing: border-box;
	}
	.medical_list h4 {
			color: #156435;
			font-size: 20px;
			font-weight: bold;
			margin: 0;
			letter-spacing: inherit;
			line-height: inherit;
			font-family: inherit;
	}
	.sp_list03 li {
			position: relative;
			margin-bottom: 9px;
			padding-left: 15px;
			padding-top: 0;
	}
	.sp_list03 li:before {
			display: block;
			position: absolute;
			top: 12px;
			left: 0;
			width: 3px;
			height: 3px;
			background-color: #3e9316;
			border: 1px solid #3e9316;
			border-radius: 100%;
			content: '';
	}
	.small_ul p {
			margin-bottom: 10px!important;
	}
	.sp_list03.small_ul li:before {
			background-color: #171717;
			border-color: #171717;
	}
	.small_num {
			counter-reset: item;
	}
	.small_num li {
			margin-bottom: 10px!important;
			position: relative;
			padding-left: 30px;
	}
	.sp_list03.small_num li:before {
			counter-increment: item;
			content: counter(item);
			background: none;
			border: none;
			position: absolute;
			top: 0;
			color: #156435;
			z-index: 1;
			left: 7px;
			font-weight: bold;
	}
	.sp_list03.small_num li:after {
			position: absolute;
			content: "";
			top: 0;
			/*background: #fff;*/
			left: 0;
			width: 20px;
			height: 20px;
			z-index: 0;
			border-radius: 50%;
			border: 2px solid #156435;
	}



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

			#page4：施設案内

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

	.facilities_equip3 dl {
			margin-bottom: 35px;
			background-color: #dee5d0;
			text-align: justify;
			font-size: 17px;
			float: unset;
	    width: 100%;
  	  margin-right: 0;
	}

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






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

			#page5：アクセス

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

	.access_guide {
			margin-bottom: 20px;
			font-weight: bold;
			font-size: 17px;
	}

	.access {
			width: 100%;
			margin: 3% 0 15%;
	}
	.access dt {
			padding-top: 2%;
			font-size: 17px;
			font-weight: bold;
			box-sizing: border-box;
	}
	.access dd {
			width: 100%;
			margin-left: 0%;
			margin-bottom: 2%;
			padding: 2% 0 4% 0%;
			border-bottom: 1px dashed #fff;
			box-sizing: border-box;
	}


	.btn02 a {
			display: block;
			padding: 20px 15px;
			border: 1px solid #156435;
			background-color: #ffffff;
			transition: ease-in-out 0.2s;
			text-align: center;
			border-radius: unset;
	}
	.btn02 a:hover {
			border: 1px solid currentColor;
			background-color: #fff;
	}
	.btn02 a i {
			margin-right: 7px;
	}


	/* 道順 */
	.access_flow {
		margin: 0;
	}
	.access_flow li {
			margin-bottom: 3%;
			padding: 0% 5% 3%;
			border: 2px solid #fff;
			float: unset;
	    width: unset;
  	  margin-right: 0;
	}
	.access_flow dt {
			float: left;
			padding: 11px 10px 0 0;
			color: #f39800;
			font-size: 37px;
			line-height: 1;
	}
	.access_flow dd {
			padding-top: 23px;
			font-size: inherit;
	}

	/*ご来院の際の注意事項*/
	.visit_desc{
			background-color: #e1dcd7;
			padding: 20px;
			font-size: inherit;
	}


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

			#footer

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

	/*コピーライト*/
	footer {
			margin-top: 33px !important;
			background: #8E8E8F;
			color: #fff;
			font-size: 12px;
			text-align: center;
			text-shadow: 0 0 0;
			line-height: 3;
	}

	/*文字色*/
	.pc a, .pgtop a {
			color: #333 !important;
			display: block;
			line-height: 1;
	}
	.pc {
			float: left;
			width: 50%;
			height: 35px;
			padding: 2% 0 2%;
			border-right: 1px solid #f1ecec;
			background-color: #d5d5d5;
			text-align: center;
			box-sizing: border-box;
	}
	.pgtop {
			float: right;
			width: 100%;
			height: 35px;
			padding: 1.8% 0 2%;
			background-color: #d5d5d5;
			text-align: center;
			box-sizing: border-box;
	}



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

			タイトル

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

	h2.title {
			position: relative;
			width: 100%;
			margin: 0 auto 30px;
			padding: 14% 0;
			border-radius: 5px;
			border: 1px solid #fff;
			background-image: url(../sp/images/mainimg.png);
			background-repeat: no-repeat;
			background-position: bottom -38px center;
			color: #fff;
			/* font-weight: bold; */
			font-size: 29px;
			font-family: "じゅん 201", "Jun 201", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo";
			letter-spacing: 5px;
			text-align: center;
			text-shadow: 0 0 10px #402d1f;

			padding: 14% 2%;
			box-sizing: border-box;
	}
	h2.title:before {
			position: absolute;
			bottom: -10px;
			left: 0;
			right: 0;
			width: 100%;
			height: 30px;
			background-image: url(../sp/images/main_under.png);
			background-repeat: no-repeat;
			background-size: 100%;
			content: "";
	}

	.main2 {
			background-image: url(../sp/images/mainimg_under1.png) !important;
			background-size: 100%;
			background-position: bottom !important;
	}
	.main3 {
			background-image: url(../sp/images/mainimg_under2.png) !important;
			background-size: 100%;
			background-position: bottom !important;
	}
	.main4 {
			background-image: url(../sp/images/mainimg_under3.png) !important;
			background-size: 100%;
			background-position: bottom !important;
	}
	.main5 {
			background-image: url(../sp/images/mainimg_under4.png) !important;
			background-size: 100%;
			background-position: bottom !important;
	}
	.main6 {
			background-image: url(../sp/images/mainimg_under5.png) !important;
			background-size: 100%;
			background-position: bottom !important;
	}
	.main7 {
			background-image: url(../sp/images/mainimg_under6.png) !important;
			background-size: 100%;
			background-position: bottom !important;
	}




	h3.title {
			position: relative;
			width: 90%;
			margin: 0 auto 9px;
			padding: 37px 0 1px;
			/* border-bottom: 2.5px solid #DED000; */
			font-size: 21px;
			font-weight: bold;
			font-family: "じゅん 201", "Jun 201", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo";
			letter-spacing: 0.1em;
			text-align: center;
	}
	h3.title:before {
			position: absolute;
			top: 0;
			left: 0;
			right: 0;
			width: 44px;
			height: 39px;
			margin: 0 auto;
			background-image: url(../images/h3_icon.svg);
			background-repeat: no-repeat;
			background-size: 100%;
			content: "";
	}
	h4.title {
			margin-bottom: 2%;
			padding-top: 3%;
			color: #156435;
			font-size: 19px;
			font-weight: bold;
			font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", Osaka, "ＭＳ Ｐゴシック", "MS PGothic" !important;
			letter-spacing: 2px;
	}



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

			共通

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

	/*コンテンツ背景*/
	.ui-content {
			padding: 61px 0 40px !important;
			background: #FCFAF3;
			background-image: url(../images/bg2.png);
			background-repeat: repeat;
	}

	#container {
			margin: 0 auto;
	}
	.ui-body-c .tel a.ui-link {
			display: block;
			color: #fff !important;
			text-shadow: none;
			text-decoration: none;
	}

	.box {
			width: 90%;
			margin: 5px auto 29px;
	}
	.box p {
			margin-bottom: 1em;
	}
	.box p.img_fr {
		float: unset;
		margin-left: 0;
	}
	.box2 {
			width: 100%;
			/* margin: 5px auto 24px; */
			margin: 0 auto;
			padding: 0;
	}
	/*.head_mt{
			margin:150px auto 24px;
	}*/
	.img {
			width: 90%!important;
			height: auto;
	}
	.circle {
			border-radius: 100% !important;
	}

	.bnr_width img{
	width: 85%;
	}

	/* リスト
	-----------------------------------------*/

	.list01 {
		margin: 0;
		padding: 0;
		border-width: unset;
	}
	.list01 li{
			position:relative;
			margin-bottom:5px;
			padding-left:0.9em;
	}
	.list01 li::before {
			display: block;
			position: absolute;
			top: 0.55em;
			left: 0;
			width: 5px;
			height: 5px;
			border: 1px solid #3e9316;
			border-radius: 100%;
			background-color: #3e9316;
			content: '';
	}
	.list03.small_num li:after {
		top: 0;
		left: -1px;
	}
	.list07 {
		font-size: 17px !important;
	}
	.list10,
	.list11 {
		float: unset;
		margin: 0 auto 1em;
	}
	.list10 li,
	.list11 li {
		text-align: center;
	}
	.list11 li {
		float: unset;
	}


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

	.tb01 {
			width: 100%;
			background: #176536;
			font-size: 15px;
			margin-bottom: 0;
	}
	.tb01 td, .tb01 th {
			padding: 5px;
	}
	.tb01 th {
			background-color: #156435;
			color: #ffffff;
			font-weight: normal;
			text-align: center;
			white-space: nowrap;
	}
	.tb01 td {
			background-color: #ffffff;
			text-align: center;
	}
	.schedule p {
		margin-left: 0;
	}


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

		アンカーリンンク

	==================================================================*/
	.ank01 {
		margin: 0 auto;
		display: flex;
		flex-wrap: wrap;
		gap: 10px;
	}
	.ank01.clearfix::after {
		content: none;
	}
	.ank01 li {
		display: block;
		width: 100%;
		height: auto;
		float: unset;
		margin: 0;
	}
	.ank01 li a {
		width: auto;
		display: block;
    font-size: 17px;
	}

	.l-header-hamburger {
		width: 65px;
		height: 100%;
		text-align: center;
		z-index: 100;
		position: absolute;
		right: 0;
		top: 50%;
		transform: translateY(-50%);
		border: none;
		background: unset;
	}
	.l-header-hamburger.-active {
		margin: 0;
		font-size: 0;
	}
	.l-header-hamburger__text {
		position: absolute;
    width: 100%;
    left: 0;
    top: 10px;
    font-size: 10px;
		color: #156435;
		font-weight: bold;
	}
	.l-header-hamburger__line {
		display: inline-block;
		width: 22px;
		height: 3px;
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transform: translateX(-50%);
						transform: translateX(-50%);
		will-change: transform;
		-webkit-transition: margin 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s, -webkit-transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
		transition: margin 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s, -webkit-transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
		transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s, margin 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s;
		transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s, margin 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s, -webkit-transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
	}
	.l-header-hamburger__line--upper {
		margin-top: 0px;
	}
	.l-header-hamburger__line--middle {
		-webkit-transition: 0s opacity 0.3s;
		transition: 0s opacity 0.3s;
		margin-top: 8px;
	}
	.l-header-hamburger__line--lower {
		margin-top: 16px;
	}
	.l-header-hamburger.-active .l-header-hamburger__line {
		-webkit-transition: margin 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s, -webkit-transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s;
		transition: margin 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s, -webkit-transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s;
		transition: margin 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s, transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s;
		transition: margin 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s, transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s, -webkit-transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s;
	}
	.l-header-hamburger.-active .l-header-hamburger__line--middle {
		-webkit-transition: 0.3s opacity 0s;
		transition: 0.3s opacity 0s;
	}
	.l-header-hamburger__line::before {
		content: "";
		display: block;
		background: #156435;
		width: 100%;
		height: 100%;
		border-radius: 16px;
	}
	.l-header-hamburger.-active .l-header-hamburger__line--upper {
		margin-top: 8px;
		-webkit-transform: translateX(-50%) rotate(45deg);
						transform: translateX(-50%) rotate(45deg);
	}
	.l-header-hamburger.-active .l-header-hamburger__line--middle {
		opacity: 0;
	}
	.l-header-hamburger.-active .l-header-hamburger__line--lower {
		margin-top: 8px;
		-webkit-transform: translateX(-50%) rotate(-45deg);
						transform: translateX(-50%) rotate(-45deg);
	}
	
	.l-header-menu {
		position: fixed;
		z-index: 10;
		width: 100%;
		top: 0;
		left: 0;
		bottom: 0;
		overflow: auto;
		height: auto;
		background-color: rgba(255, 255, 255, 0.8);
		visibility: hidden;
		opacity: 0;
		-webkit-transition: opacity 0.3s cubic-bezier(0.215, 0.61, 0.355, 1), visibility 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
		transition: opacity 0.3s cubic-bezier(0.215, 0.61, 0.355, 1), visibility 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
		padding: 65px 0;
	}
	.l-header-menu.-active {
		visibility: visible;
		opacity: 1;
	}
	.l-header-menu__list,
	.l-header-menu__childList {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
				-ms-flex-direction: column;
						flex-direction: column;
	}
	.l-header-menu__item,
	.l-header-menu__childItem {
		line-height: 1.2;
		padding: 0;
		border-bottom: 1px solid #dadada;
		padding: 0px !important;
		float: unset;
    height: auto;
	}
	.l-header-menu__item a,
	.l-header-menu__parent {
		width: 100%;
		text-align: left;
		padding: 18px !important;
		line-height: 1.2;
		font-size: 20px;
		box-sizing: border-box;
	}
	.l-header-menu__parent {
		position: relative;
		border: none;
		background-color: unset;
		font-weight: bold;
		color: #156435;
	}
	.l-header-menu__parent::before {
		content: "";
		display: inline-block;
		width: 16px;
		height: 16px;
		background: #156435;
		position: absolute;
		right: 24px;
		top: 50%;
		transform: translateY(-50%);
		clip-path: polygon(
			calc(50% - 1px) 0,
			calc(50% + 1px) 0,
			calc(50% + 1px) calc(50% - 1px),
			100% calc(50% - 1px),
			100% calc(50% + 1px),
			calc(50% + 1px) calc(50% + 1px),
			calc(50% + 1px) 100%,
			calc(50% - 1px) 100%,
			calc(50% - 1px)  calc(50% + 1px),
			0 calc(50% + 1px),
			0 calc(50% - 1px),
			calc(50% - 1px) calc(50% - 1px)
		);
		transition: clip-path .3s;
	}
	.l-header-menu__parent.-active::before {
		clip-path: polygon(
			calc(50% - 1px) calc(50% - 1px),
			calc(50% + 1px) calc(50% - 1px),
			calc(50% + 1px) calc(50% - 1px),
			100% calc(50% - 1px),
			100% calc(50% + 1px),
			calc(50% + 1px) calc(50% + 1px),
			calc(50% + 1px) calc(50% + 1px),
			calc(50% - 1px)  calc(50% + 1px),
			calc(50% - 1px)  calc(50% + 1px),
			0 calc(50% + 1px),
			0 calc(50% - 1px),
			calc(50% - 1px) calc(50% - 1px)
		);
	}
	.l-header-menu__child {
		position: static;
		width: 100%;
	}
	.l-header-menu__childItem a {
		font-size: 18px;
		box-sizing: border-box;
		position: relative;
	}
	.l-header-menu__childItem a::before {
		content: "";
		display: inline-block;
		width: 8px;
		height: 2px;
		background: #156435;
		margin: 0 1em;
		vertical-align: 0.3em;
	}


	@media screen and (max-width: 768px) and (min-width: 641px) {

	h1 {
			width: 44%;
	}
	.career dd {
			padding: 1% 0 4% 31%;
	}
	.access dd {
			margin-bottom: 1%;
			padding: 2% 0 3% 25%;
	}

	}


	@media screen and (max-width: 768px) and (min-width: 560px) {
	h1 {
			left: 2%;
			top: 18%;
			width: 48%;
	}
	}


	@media screen and (max-width:320px) {
	h1 {
			left: 4%;
			top: 14%;
			width: 69%;
	}

	.doctor .text {
			margin-bottom: 6%;
			padding: 3% 5%;
			font-size: 15.5px;
	}
	.career dt {
			width: 26%;
	}
	.career dd {
			padding: 1% 0 11% 31%;
			text-align: left;
			letter-spacing: 0;
	}

	}


}