@charset "utf-8";
/* CSS Document */



body {
/*    background-image: url(../images/index.png);
    background-repeat: no-repeat;
    background-position: top center;*/
    /*font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", Osaka, "ＭＳ Ｐゴシック", "MS PGothic";*/
	font-family: "游ゴシック体", "Yu Gothic", YuGothic,"Hiragino Sans", "メイリオ", "Meiryo", Osaka, "ＭＳ Ｐゴシック", "MS PGothic";
    color: #7f4e27;
    font-size: 16px;
    font-weight: 500;
    line-height: 2.45;
    letter-spacing: 0.1em;
	text-align:justify;
}

a {
	color: #1F2774;
	text-decoration: none;
}
a:hover {
	color:#C0AB9A ;
}
::selection{
	background-color:#99C1DA;
}
::-moz-selection{
	background-color:#99C1DA;
}

body, #mainvisual .inner, header, footer {
    min-width: 1300px;
}



/*============================================================================

	header

============================================================================*/

header {
    width: 100%;
    height: /*113px;*/100px;
    /*margin-bottom: 40px;*/
    background-color: rgba(255,255,255,0.5);
}

header .inner {
    position: relative;
    width: 1200px;
    height: inherit;
    box-sizing: border-box;
    margin: auto;
    /*padding-top: 14px;*/
}
header .inner:before {
    position: absolute;
    top: /*29px;*/16px;
    right: 3px;
    width: 62px;
    height: 20px;
    background-image: url(../images/header_res.png);
    background-repeat: no-repeat;
    background-size: 100%;
    content: "";
}



/* ロゴ */
header h1 {
    position: absolute;
    top: /*48px;*/20px;
    left: 1px;
    width: 340px;
}

/* 住所 */
.header_info {
    float: right;
    margin: 10px 39px 0 0;
    font-size: 15px;
    text-align: right;
    letter-spacing: 1.3px;
}
.header_info li{
}
.header_info_ad{
}

/* ご予約・お問合せ */
.header_tel {
    position: relative;
    float: right;
    padding-right: 87px;
    text-align: right;
    line-height: 1.4;
    z-index: 9999999;
}
.header_tel dt {
    color: #4ebbcc;
    font-size: 12px;
    font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", Osaka, "ＭＳ Ｐゴシック", "MS PGothic";
    font-weight: normal;
    letter-spacing: 0px;
}
.header_tel dd {
    position: relative;
    padding: 0 4px 0 49px;
    font-size: 24px;
    font-family: 'Lato', sans-serif;
    letter-spacing: 0.1em;
    line-height: 2.2;
}
.header_tel dd:before {
    position: absolute;
    top: /*7px;*/11px;
    bottom: 0;
    left: 9px;
    background-repeat: no-repeat;
    font-size: 16px;
    font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", Osaka, "ＭＳ Ｐゴシック", "MS PGothic";
    content: "TEL";
}
.header_tel dd a{
	color:#7f4e27;
}



/*============================================================================

	nav

============================================================================*/


nav {
    position: absolute;
    top: /*38px;*/24px;
    right: 0;
    width: 70%;
    height: 80px;
    z-index: 9999;
}
nav ul {
    width: 100%;
    height: inherit;
    margin: 0 auto;
    text-align: right;
}
nav li {
	display:inline-block ;
	position:relative;
	height:inherit;
}
nav li a {
    display: table;
    padding: 0 15.5px;
    vertical-align: middle;
    line-height: 80px;
    color: #7f4e27;
    font-size: 16px;
    font-family: "秀英丸ゴシック L", "Shuei MaruGo", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", Osaka, "ＭＳ Ｐゴシック", "MS PGothic";
    text-align: center;
    letter-spacing: 1.3px;
}
nav li:last-child a {
    padding: 0 0 0 17px;
}
nav li a:hover,
nav li.active2 a{
	color:#7f4e27;
}
nav li a span{
	position:relative;
}



/* ホバーのボーダー */
nav li a span::before {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -11px;
    width: 100%;
    height: 2px;
    margin: auto;
    background-color: #59391a;
    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 ul li div {
    position: absolute;
    display: none;
    width: 220%;
    top: 100%;
    left: 0%;
    background-color: rgba(255, 255, 255, 0.96);
    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;
	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: #F0F0F0;
}

/* 矢印 */
.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;
    width: 100%;
    height: 60px;
    background-color: rgba(255, 255, 255, 0.84);
}
.fixed ul {
    text-align: center;
}
.fixed li a {
    padding: 0 32px;
    line-height: 60px;
}
.fixed li div a {
    line-height: 50px;
}
/* recruitメニュー背景 */
.nav_recruit {
	position: relative;
}
.nav_recruit:before {
	position: absolute;
	content: "";
	width: 20px;
	height: 20px;
	background: url("../images/li_bg.svg") no-repeat;
	top: 22px;
	left: 3px;
	animation: fuyo 3s ease 0s infinite alternate-reverse;
	transform: rotate(-45deg);
}
.footer_navi .nav_recruit {
	display: inline-block!important;
}
.footer_navi .nav_recruit:before {
	top: -10px;
}
@keyframes fuyo {
	0% {
		opacity: 0;
	}
	100% {opacity: 1;
}
}


/*============================================================================

	#mainvisual

============================================================================*/

/* 下層ページのメインビジュアルの高さ、背景画像（トップページの高さはtop.css参照） */

#mainvisual{
	display:block;
	position:relative;
	/*height: 240px;*/
}
#mainvisual .inner{
	display:table;
	position:relative;
	height: inherit;
	width:1200px;
	margin: 0 auto;
	background-image:url(../images/mainvisual02.png);
	background-position:top left ;
	background-repeat:no-repeat;
}
#mainvisual .inner.top {
	width: 100%;
}

#mainvisual h2{
	position:relative;
}
#mainvisual .inner video {
	width: 100%;
	border: 0;
}
/* キャッチフレーズ */
.mainvisual_catch {
    position: absolute;
    top: /*52px;*/100px;
    right: /*61px;*/calc(50vw - 600px);
    width: /*404px;*/460px;
}
.mainvisual_catch h2 {
    margin-top: 53px;
}
.mainvisual_catch p{
	display:block;
    letter-spacing: 0.08em;
    font-size: 18.2px;
}
.mainvisual_catch:after {
	position: absolute;
	content: "";
	width: 322px;
	height: 200px;
	background: url("../images/main_catch2.png") no-repeat;
	bottom: -220px;
	right: -20px;
}
.mainvisual_open {
    position: absolute;
    top: /*50vh*/15vh;
    left: /*calc(50vw - 600px)*/calc(43vw - 600px);
    width: 368px;
    background: url(../images/main_open_bg.png) no-repeat;
    background-size: 368px;
    height: 250px;
}
.mainvisual_open ul{
position: relative;
}
.mainvisual_open_tel img{
position: absolute;
top:86px;
left: 23px;
width: 185px;
}
.mainvisual_open_web img{
position: absolute;
top:86px;
left: 235px;
width: 98px;
}
.mainvisual_open a:hover{
 opacity: 0.5;
}
/*.mainvisual_open img{
	width:100%;
}*/



.mainvisual_implant{
position: absolute;
/*top:-84px;*/
    top:255px;
left: 0;
width: 185px;
}


.mainvisual_implant {
width: 100%;
}
.mainvisual_line {
	    position: absolute;
    /*top: -214px;*/
    top: 129px;
    left: 0;
}
.mainvisual_card {
	position: absolute;
    top: 335px;
    left: 0;
}
.mainvisual_info {
    position: absolute;
    top: /*257px;*//*65vh*/595px;
    left: /*calc(50vw - 600px)*/calc(43vw - 600px);
    width: 368px;
}

.mainvisual_info a:hover{
 opacity: 0.7;
}


.mainvisual_img01 {
    position: absolute;
    display: block;
    top: 0px;
    left: -1px;
    width: 638px;
}
.mainvisual_img02 {
    position: absolute;
    display: block;
    top: 447px;
    right: 59px;
    width: 470px;
}
.mainvisual_img02:before {
    position: absolute;
    top: 53px;
    right: -56px;
    width: 1131px;
    height: 400px;
    background-color: #7d552e;
    content: "";
    z-index: -1;
}
.mainvisual_img02:after {
    position: absolute;
    top: 217px;
    left: -370px;
    width: 322px;
    height: 116px;
    background-image: url(../images/main_catch2.png);
    background-repeat: no-repeat;
    content: "";
}



#logo2 {
    width: 100%;
    height: 176px;
}
.IE{
	display:none;
}
@media all and (-ms-high-contrast:none){
.IE{
	display:block;
}
.mainvisual_catch {
    top: 12px;
}
.mainvisual_catch svg {
	display:none;
}
}
@supports (-ms-accelerator:true) {
.IE{
	display:block;
}
.mainvisual_catch {
    top: 12px;
}
.mainvisual_catch svg {
	display:none;
}
}




.logo2 {
    width: 100%;
    height: 176px;
}
.line{
	stroke:/*#fff;*/#59391a;
	fill:none;
	stroke-width:/*0.5;*/1;
	stroke-dasharray: 3000;
	stroke-dashoffset:3000;
	animation: line 3.2s ease-in alternate forwards;
	-webkit-animation:line 3.2s ease-in 0s forwards;
	animation:line 12s/*3.2s*/ ease-in 0s forwards;
	animation-delay: 0.5s;
	-webkit-animation-delay: 0.5s;
	-moz-animation-delay: 0.5s;
}
@keyframes line{
	0%{
	stroke:rgba(89, 57, 26, 0.84);
	stroke-dashoffset:3000;
}
	10%{
	stroke:#583819;
	fill:rgba(89, 57, 26, 0.14);
}
	20%{
	stroke:rgba(89, 57, 26, 0.84);
	fill:rgba(89, 57, 26, 0.27);
}
	40%{
	fill:rgba(89, 57, 26, 0.55);
}
	50%{
	fill:rgba(89, 57, 26, 0.73);
}
	70%{
	fill:rgba(89, 57, 26, 0.84);
}
	90%{
	fill:rgb(89, 57, 26);
}
	100%{
	fill:#59391A;
	stroke-dashoffset:0;
}
}
@-moz-keyframes line{
	0%{
	stroke:rgba(89, 57, 26, 0.84);
	stroke-dashoffset:3000;
}
	10%{
	stroke:#583819;
	fill:rgba(89, 57, 26, 0.14);
}
	20%{
	stroke:rgba(89, 57, 26, 0.84);
	fill:rgba(89, 57, 26, 0.27);
}
	40%{
	fill:rgba(89, 57, 26, 0.55);
}
	50%{
	fill:rgba(89, 57, 26, 0.73);
}
	70%{
	fill:rgba(89, 57, 26, 0.84);
}
	90%{
	fill:rgb(89, 57, 26);
}
	100%{
	fill:#59391A;
	stroke-dashoffset:0;
}
}
@-webkit-keyframes line{
	0%{
	stroke:rgba(89, 57, 26, 0.84);
	stroke-dashoffset:3000;
}
	10%{
	stroke:#583819;
	fill:rgba(89, 57, 26, 0.14);
}
	20%{
	stroke:rgba(89, 57, 26, 0.84);
	fill:rgba(89, 57, 26, 0.27);
}
	40%{
	fill:rgba(89, 57, 26, 0.55);
}
	50%{
	fill:rgba(89, 57, 26, 0.73);
}
	70%{
	fill:rgba(89, 57, 26, 0.84);
}
	90%{
	fill:rgb(89, 57, 26);
}
	100%{
	fill:#59391A;
	stroke-dashoffset:0;
}
}

.star {
    fill: #5AC0CF;
    fill-opacity: 0;
    animation: star 0.4s ease-in alternate forwards;
    -webkit-animation: star 0.4s ease-in 0s forwards;
    animation: star 0.4s ease-in 0.2s forwards;
    animation-delay: 1.5s;
    -webkit-animation-delay: 1.5s;
    -moz-animation-delay: 1.5s;
}

@keyframes star{
	0%{fill-opacity:0;}
	100%{fill-opacity:1;}
}
@-moz-keyframes star{
	0%{fill-opacity:0;}
	100%{fill-opacity:1;}
}
@-webkit-keyframes star{
	0%{fill-opacity:0;}
	100%{fill-opacity:1;}
}













/* 下層ページの見出し */
.mainvisual_headline {
    display: table-cell;
    padding-bottom: 2px;
    letter-spacing: 0.15em;
    vertical-align: middle;
    text-align: center;
    text-shadow: 0 0 15px rgb(255, 255, 255);
}
.mainvisual_headline h2{
	font-weight:bold;
	font-size: 27px;
	color: #1F2774;
}
.mainvisual_headline p{
	display:inline-block;
	font-size:15px;
	color: #C0AB9A;
}



/* 背景変更用 */
/*↓医師紹介↓*/
#mainvisual.bg01 {
    margin-bottom: 219px;
    height: 308px;
    background-image: url(../images/h2_bg.png);
    background-position: top right;
    background-repeat: repeat;
    background-size: auto;
}
#mainvisual.bg01 .inner {
    height: 527px;
    background-image: none;
}
#mainvisual.bg01:before {
    position: absolute;
    top: 0;
    right: 0;
    width: 950px;
    height: 475px;
    background-image: url(../images/mainvisual03.png);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: top -90px center;
    content: "";
    z-index: 11;
}
#mainvisual.bg01 .inner:before {
    position: absolute;
    top: 0;
    left: 450px;
    width: 300px;
    height: 527px;
    background-color: #001c49;
    content: "";
    z-index: 7;
}
#mainvisual.bg01 .inner:after {
    position: absolute;
    top: 127px;
    left: -54px;
    width: 223px;
    height: 127px;
    background-image: url(../images/mainvisual03_before.png);
    background-repeat: no-repeat;
    content: "";
}


#mainvisual.bg01 .mainvisual_headline {
    position: absolute;
    top: 212px;
    left: 25px;
    min-width: 425px;
    border-bottom: 1px solid #001c49;
    padding-bottom: 10px;
    letter-spacing: 0.15em;
    text-align: left;
    z-index: 12;
}
#mainvisual.bg01 .mainvisual_headline h2 {
    margin: 12px 0 0 0;
    color: #001c49;
    font-size: 20.5px;
    font-family: "秀英丸ゴシック B", "Shuei MaruGo B", "游ゴシック体", "Yu Gothic", YuGothic;
    letter-spacing: 1.98px;
    line-height: 1.75;
}
#mainvisual.bg01 .mainvisual_headline p {
    margin-top: 0;
    color: #001c49;
    font-size: 71.6px;
    font-family: "adobe-garamond-pro",sans-serif;
    letter-spacing: 7px;
    line-height: 1;
}
/*↑医師紹介↑*/




#mainvisual.bg02{
	background-image:url(../images/main_bg02.png) ;
	background-position: center 0%;
	background-size: cover;
	
}
#mainvisual.bg03{
	background-image:url(../images/main_bg03.png) ;
	background-position: center 0%;
	background-size: cover;
}
#mainvisual.bg04{
	background-image:url(../images/main_bg04.png) ;
	background-position: center 0%;
	background-size: auto;
}
#mainvisual.bg05{
	background-image:url(../images/main_bg05.png);
	background-position: center 0%;
	background-size: cover;
}






/*==================================================================

	#contents

==================================================================*/ 

main{
	display:block;
}
#container {
    /*padding-top: 127px;*/
}

#contents {
    position: relative;
    padding-bottom: 215px;
}
#contents::after {
	display: block;
	clear: both;
	content: "";
}
#contents2 {
    position: relative;
    width: 1200px;
    margin: 0 auto;
    padding-bottom: 215px;
}
#contents2::after {
	display: block;
	clear: both;
	content: "";
}



#contents_left {
    float: left;
    width: 820px;
    padding-top: 50px;
}
#contents_right {
    float: right;
    width: 280px;
    padding-top: 50px;
    line-height: 1.6;
}
.right_medical h3{
	text-align:center;
}
.right_medical h3 a {
    display: block;
    padding: 20px 0;
    background-color: #001C49;
    color: #ffffff;
    font-weight: bold;
    font-size: 19px;
    font-family: "秀英丸ゴシック B", "Shuei MaruGo B", "游ゴシック体", "Yu Gothic", YuGothic;
    transition: 0.1s ease-in-out;
}
.right_medical h3 a:hover{
	background-color:#59b9c8;
}
.right_medical ul {
    padding: 10px;
    background-color: #f5f5f5;
}
.right_medical li{
	position:relative;
	margin-bottom:15px;
}
.right_medical li:last-child{
	margin-bottom:0;
}
.right_medical li a {
    display: block;
    width: 100%;
    padding: 18px 0 19px 32px;
    border: 3px solid #e4d0ab;
    background-color: #e4d0ab;
    color: #59391a;
    font-weight: bold;
    letter-spacing: 1.8px;
    box-sizing: border-box;
}



@media all and (-ms-high-contrast:none){
.right_medical li a {
    padding: 20px 0 17px 32px;
}
}



.right_medical li a:hover {
    border: 3px solid #59391a;
}
.right_medical li a::after {
    position: absolute;
    right: 20px;
    top: 28px;
    height: 5px;
    width: 5px;
    transform: rotate(45deg);
    background-color: transparent;
    border-top: 1px solid #59391a;
    border-right: 1px solid #59391a;
    transition: 0.1s ease-in-out;
    content: "";
}
.right_medical li a:hover::after {
    right: 17px;
}





/*============================================================================

	$footer

============================================================================*/

footer {
	position:relative;
	width:100%;
	background-color:#fff;
}


.footer_info .inner .sec1 {
	position:relative;
    float: left;
    width: 540px;
    height: 502px;
    margin-left: 59px;
}
.footer_info .inner .sec1 p {
    position: absolute;
    top: 0;
    left: 0;
    width: 197px;
    height: 38px;
    background-color: #7f4e27;
    text-align: center;
    line-height: 1.8;
}
#map {
    width: /*540px;*/100%;
    height: 502px;
}
.spread_map {
	position: relative;
}
.spread_map p {
	position: absolute;
	top: 0;
	left: 0;
	width: 197px;
	height: 38px;
	background-color: #7f4e27;
	text-align: center;
	line-height: 1.8;
}

/* フッターの医院概要 */
.footer_info{
}
.footer_info .inner {
    width: 1200px;
    margin: 0 auto;
    padding: 0 0 83px;
}
.footer_info .inner .sec2 {
    /*float: right;*/
    width: /*542px;*/100%;
	display: flex;
	margin-top: 40px;
	justify-content: space-around;
}
.footer_info .inner .sec2 h4 {
    padding-right: 76px;
    text-align: center;
}
.sec2_left,
.sec2_right {
	width: 542px;
}



.footer_info_overview {
    margin-top: 25px;
    font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", Osaka, "ＭＳ Ｐゴシック", "MS PGothic";
    font-size: 15px;
    font-weight: normal;
    line-height: 1;
}
.footer_info_overview dt {
    float: left;
    letter-spacing: 7px;
}
.footer_info_overview .long {
    letter-spacing: 1px;
}


.footer_info_overview dd {
    margin-bottom: 14.5px;
    padding-left: 88px;
    letter-spacing: 1.3px;
}
.footer_info_overview dd a {
    color: #7f4e27;
}
.footer_info_overview dd:last-child {
    margin-bottom: 0;
    letter-spacing: 0.9px;
}
.footer_info_overview_tel {
    position: relative;
    margin-bottom: 21px !important;
    padding-left: 108px !important;
    background-image: url(../images/header_tel.svg);
    background-size: 15px;
    background-position: top left 89px;
    background-repeat: no-repeat;
    font-size: 26px !important;
    font-weight: bold;
    color: #7f4e27;
    font-family: "ヒラギノ角ゴ ProN W6", "Hiragino Kaku Gothic ProN", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", Osaka, "ＭＳ Ｐゴシック", "MS PGothic";
    line-height: 0.8;
    letter-spacing: 2.5px !important;
}
.footer_info_overview_tel:before {
    position: absolute;
    top: 1px;
    right: 130px;
    width: 62px;
    height: 20px;
    background-image: url(../images/header_res.png);
    background-repeat: no-repeat;
    background-size: 100%;
    content: "";
}
.footer_info_overview_tel span {
    display: block;
    position: relative;
    top: 7px;
    left: -19px;
    letter-spacing: 0px;
    color: #2aafae;
    font-size: 13px;
    font-weight: normal;
    font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", Osaka, "ＭＳ Ｐゴシック", "MS PGothic";
}

/* 診療時間（医院案内、アクセス共通） */
.footer_info_sche {
    width: 500px;
    font-size: 14px;
    margin-top: 18px;
}
.schedule table {
    width: 100%;
    border: 1px solid #cccccc;
    background-color: #fff;
}
.schedule table tr:first-child td {
    font-weight: bold;
    color: #fff;
    background-color: #60d5d4;
    border-right: 1px solid #fff;
}
.schedule table tr:first-child td:last-child {
	border-right:none;
}
.schedule p{
	margin-left:22px;
	margin-bottom:2px;
}
.schedule p strong{
	color:#1F2774;
}
.schedule p:last-child{
	margin-bottom:0;
}
.schedule_note{
}
.schedule_note li {
    display: inline-block;
    margin: 0;
    padding: 0 0 4px 0!important;
}


/* フッターのナビ */

.footer_navi {
    border-top: 1px solid #59391a;
}
.footer_navi .inner {
    width: 1200px;
    margin: 0 auto;
    padding: 27px 0 12px;
}
.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:1200px;
	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 10px;
    color: #7f4e27;
    vertical-align: middle;
    line-height: 1.6;
    font-family: "秀英丸ゴシック L", "Shuei MaruGo", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", Osaka, "ＭＳ Ｐゴシック", "MS PGothic";
    text-align: center;
    letter-spacing: 1.4px;
}
.footer_navi ul li a:hover,
.footer_navi ul li.active2 a{
	color:#7f4e27;
}
.footer_navi ul li a span{
	position:relative;
	padding:0 5px;
}



/* ホバーのボーダー */
.footer_navi ul li a span::before {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -10px;
    width: 100%;
    height: 3px;
    margin: auto;
    background-color: #59391a;
    -webkit-transition-duration: 0.15s;
    transition-duration: 0.15s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: 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: 20px 0;
    background-color: #59391a;
    color: #fff;
    text-align: center;
}
.copy small {
    line-height: 1;
    font-size: 14px;
    letter-spacing: 0.1em;
}

.schedule div.credit_info p{
	margin-left:0;
	margin-bottom:0;
}
.schedule div.credit_info p strong{
	color:#7f4e42;
}








/*==================================================================

	タイトル

==================================================================*/

/*中央寄せ*/
h3.tit01 {
    position: relative;
    width: 258px;
    height: 258px;
    margin: 0 auto 30px;
    padding-top: 76px;
    border: 5px solid #59391a;
    background-color: #fff;
    color: #59391a;
    font-size: 50px;
    font-family: "adobe-garamond-pro",sans-serif;
    font-style: normal;
    font-weight: 400;
    text-align: center;
    line-height: 1.2;
    letter-spacing: 2px;
    box-sizing: border-box;
}
/* 飾りの英語 */
h3.tit01 span{
	display:block;
	position:relative;
	letter-spacing: 2.5px;
	color: #59391a;
	font-size:22px;
	font-family: "秀英丸ゴシック L", "Shuei MaruGo", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", Osaka, "ＭＳ Ｐゴシック", "MS PGothic";
	font-weight: 400;
	z-index:2;
}


/* 中央寄せ */
h3.tit02 {
    position: relative;
    margin-bottom: 63px;
    letter-spacing: 0.1em;
    color: #1F2774;
    font-size: 37.52px;
    font-family: "adobe-garamond-pro",sans-serif;
    line-height: 1.4;
    text-align: center;
}
h3.tit02::before {
    position: absolute;
    width: 23px;
    height: 11px;
    top: 78px;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    background-image: url(../images/h3_icon.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    z-index: -1;
    content: "";
}
h3.tit02 span {
    font-size: 28px;
    font-family: "秀英丸ゴシック B", "Shuei MaruGo B", "游ゴシック体", "Yu Gothic", YuGothic;
}




/*中央寄せ（下層）*/
h3.tit03 {
    position: relative;
    width: 265px;
    height: 236px;
    margin: 0 auto 30px;
    padding-top: 49px;
    border: 8px solid #59391a;
    color: #59391a;
    font-size: 39.02px;
    font-family: "adobe-garamond-pro",sans-serif;
    font-style: normal;
    font-weight: 400;
    text-align: center;
    line-height: 1.2;
    letter-spacing: 4px;
    box-sizing: border-box;
}
/* 飾りの英語 */
h3.tit03 span {
    display: block;
    position: relative;
    margin-top: 14px;
    letter-spacing: 4px;
    color: #001c49;
    font-size: 19px;
    font-family: "秀英丸ゴシック L", "Shuei MaruGo", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", Osaka, "ＭＳ Ｐゴシック", "MS PGothic";
    text-shadow: 0 0 #001c49;
    z-index: 2;
}
h3.tit03:before {
    position: absolute;
    top: 144px;
    left: 0;
    right: 0;
    width: 23px;
    height: 11px;
    margin: 0 auto;
    background-image: url(../images/h3_icon.svg);
    background-repeat: no-repeat;
    content: "";
}


/* 左寄せ */
h3.tit04 {
    position: relative;
    margin-bottom: 37px;
    padding-left: 38px;
    letter-spacing: 0.1em;
    color: #1F2774;
    font-size: 37.52px;
    font-family: "adobe-garamond-pro",sans-serif;
    line-height: 1.4;
    text-align: left;
}
h3.tit04::before {
    position: absolute;
    width: 23px;
    height: 11px;
    top: 19px;
    left: 0;
    margin: auto;
    background-image: url(../images/h3_icon.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    z-index: -1;
    content: "";
}


/* 左寄せ（下に☆） */
h3.tit05 {
    position: relative;
    margin-bottom: 37px;
    letter-spacing: 0.1em;
    color: #1F2774;
    font-size: 37.52px;
    font-family: "adobe-garamond-pro",sans-serif;
    line-height: 1.4;
    text-align: left;
}
h3.tit05::before {
    position: absolute;
    width: 23px;
    height: 11px;
    top: 55px;
    left: 0;
    margin: auto;
    background-image: url(../images/h3_icon.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    z-index: -1;
    content: "";
}







h4.tit01 {
    position: relative;
    margin-bottom: 20px;
    padding-left: 31px;
    letter-spacing: 0.15em;
    line-height: 1.4;
    color: #001c49;
    font-family: "秀英丸ゴシック B", "Shuei MaruGo B", "游ゴシック体", "Yu Gothic", YuGothic;
    font-size: 24.14px;
    font-weight: bold;
    text-align: left;
}
h4.tit01 span {
    display: inline-block;
    position: relative;
    padding-left: 19px;
    letter-spacing: 2.5px;
    color: #d1b380;
    font-size: 23.32px;
    font-family: "adobe-garamond-pro",sans-serif;
    font-weight: 400;
}
h4.tit01:before {
    position: absolute;
    top: 12px;
    left: 0;
    width: 23px;
    height: 11px;
    background-image: url(../images/h3_icon.svg);
    background-repeat: no-repeat;
    content: "";
}

h4.tit02 {
    position: relative;
    margin-bottom: 20px;
    letter-spacing: 0.15em;
    line-height: 1.4;
    color: #69c6d4;
    font-family: "秀英丸ゴシック B", "Shuei MaruGo B", "游ゴシック体", "Yu Gothic", YuGothic;
    font-size: 24.14px;
    font-weight: bold;
    text-align: left;
}





h5.tit01 {
color: #4eaebd;
font-size: 17px;
font-weight: bold;
/*    position: relative;
    margin-bottom: 12px;
    letter-spacing: 0.1em;
    color: #55baca;
    font-size: 17px;
    font-family: "秀英丸ゴシック B", "Shuei MaruGo B", "游ゴシック体", "Yu Gothic", YuGothic;*/
}





/*==================================================================

	共通

==================================================================*/

/*院長略歴*/
.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 3px;
    padding: 0;
    letter-spacing: 1.3px;
}

/*まる*/
.list03{
}
.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: 3px;
	height: 3px;
	background-color: #E0D0BF;
	border: 1px solid #E0D0BF;
	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;
}

/*チェック*/
.list08{
	margin-bottom:30px;
	padding:35px 10px 20px 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 #74bad3;
}
.list08 li:before {
    display: block;
    position: absolute;
    top: 10px;
    left: -28px;
    width: 20px;
    height: 20px;
    background-image: url(../images/check.svg);
    background-repeat: no-repeat;
    background-position: left center;
    content: '';
}

/*ボタン ゴースト*/
.btn01{
	position:relative;
	top:10px;
	margin-bottom:10px;
}
.btn01 a{
	display:inline-block;
	position:relative;
	padding:15px 25px;
	line-height:1;
	border:1px solid #33409a;
	color:#3D4AA5;
	text-align:center;
	color:#33409a;
	font-weight:bold;
	transition:ease-in-out 0.1s ;
}
.btn01 a i{
	margin-right:10px;
	color:#33409a;
	transition:ease-in-out 0.1s ;
}
.btn01 a:hover{
	color:#fff;
	background-color:#33409a;
}
.btn01 a:hover i{
	color:#fff;
}
.btn01 a::after{
	display:inline-block;
	position:absolute;
	top:10px;
	left:10px;
	width: 100%;
	height:100%;
	background-image:url(../images/bg03.png);
	transition:0.2s ease-in-out;
	z-index:-1;
	content:"";
}
.btn01 a:hover::after{
	left:0;
	top:0;
}
.btn01_arrow{
	position:relative;
	left:0px;
	margin-right:14px;
	transition:0.2s ease-in, 0.22s ease-out;
}
.btn01_arrow img{
	opacity:1 !important;
}
.btn01_arrow,
.btn01_arrow img{
	width: 18px;
	height: 13px;
}
.btn01 a:hover .btn01_arrow{
	left:4px;
}


/*ボタン 白抜き*/
.btn02{
}
.btn02 a {
    display: inline-block;
    padding: 7px 23px;
    border: 2px solid #2b5698;
    color: #2b5698;
    font-weight: bold;
    transition: ease-in-out 0.2s;
}
.btn02 a i{
	margin-right:7px;
}
.btn02 a:hover{
	background-color:#2b5698;
	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;
}


.img_fl{
	display:block;
	position:relative;
	float:left;
	margin-right:30px;
	margin-bottom:0 !important;
	text-align:center;
}
.img_fl img{
	border-radius:3px;
	margin-bottom:7px;
	
}


/*--------------------枠--------------------*/
.box_style01:not(:last-child),
.box_style02:not(:last-child),
.box_style03:not(:last-child) {
  margin-bottom: 1em;
}

.box_style01 {
  background: #f5f4f0;
  padding: 20px;
}

.box_style02 {
  border: solid 1px #e6e3db;
  padding: 20px;
}

.box_style03 {
  border: dashed 1px #e6e3db;
  padding: 20px;
}



/*==================================================================

	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: 0px 24px 4px 28px;
    background-color: #31b7b6;
    color: #fff;
    line-height: 1;
    white-space: nowrap;
    text-align: center;
}
.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:8px 24px 8px 0;
	white-space:nowrap;
	text-align:left;
	font-weight: normal;
	color:#333;
}
.tb02 td{
	padding:8px 0;
	padding-right:0 !important;
	text-align:left;
}
.tb02 tr:last-child td,.tb02 tr:last-child th{
	border:none;
}

/* 料金表 */
.tb03 {
	width:100%;
	border-spacing: 1px;
	border-collapse: separate;
	background-color: #f0f0f0;
	white-space: nowrap;
}
.tb03 td, .tb03 th {
	padding: 12px 15px;
}
.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;
}
.tb03.price th {
width: 25%;
}
.price th img{
	width: 95%;
}
.price th{
	text-align: center;
}

/*==================================================================

	アンカーリンンク

==================================================================*/

/* 4個並び */
.ank01{
	margin:0 auto 100px;
}
.ank01 li{
	display:table;
	position:relative;
	float:left;
	width:24%;
	height:66px;
	margin-bottom:1.5%;
	margin-left:1.33%;
	line-height:1.4;
}
.ank01 li:nth-child(1),
.ank01 li:nth-child(5),
.ank01 li:nth-child(9){
	margin-left:0;
}
.ank01 li a{
	display: table-cell;
	padding:12px 5px 15px;
	border:1px solid #00408f;
	font-weight:bold;
	font-size:13px;
	color:#00408f;
	text-align:center;
	vertical-align:middle;
	transition:0.1s ease-in-out;
}
.ank01 li a:hover{
	background-color:#00408f;
	color:#fff;
}
.ank01 li i{
	display:block;
	position:absolute;
	left:0;
	right:0;
	bottom:4px;
	margin:auto;
}



/*==================================================================

	box

==================================================================*/

.box1{
	position:relative;
	width:1200px;
	margin:0 auto 100px;
}
.box2{
	position:relative;
	width:1200px;
	margin:0 auto 100px;
}
.box3{
	position:relative;
	margin-bottom:100px;
}
#contents_left .box3:last-child {
	margin-bottom:0;
}

.text {
	position:relative;
	margin-bottom:50px;
}
.text p {
	margin-bottom:1em;
}
.text:last-child{
	margin-bottom:0;
}



/*==================================================================

	.top_doctor

==================================================================*/

.top_doctor {
    /*padding-bottom: 24px;*/
	padding-bottom: 70px;
}
.top_doctor .box1 h3.tit01 {
    /*position: absolute;
    top: -199px;
    left: 156px;*/
    width: 230px;
    height: /*230px;*/140px;
    padding-top: /*59px;*/10px;
    font-size: 46px;
    line-height: 1.4;
}
.top_doctor .text {
    position: relative;
    float: left;
    width: 510px;
    /*margin-top: 99px;*/
}
.top_doctor_img {
    float: right;
    margin-right: 2px;
}
.doctor_name {
    margin: -2px 11px 0 0;
    text-align: right;
    font-size: 16px;
    font-family: "ヒラギノ明朝 W3 JIS2004", "Hiragino Mincho W3 JIS2004", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", Osaka, "ＭＳ Ｐゴシック", "MS PGothic";
}






/*==================================================================

	.top_features

==================================================================*/

.top_features {
	height:909px;
	background-image:url(../images/top_features_bg.png);
	background-repeat:no-repeat;
	background-position:top center;
}
.top_features .box1 {
	position:relative;
}
.top_features .box1 h3 {
    position: absolute;
    top: /*-72px;*/-50px;
    left: 0;
    right: 0;
}
.top_features h3.tit01 {
	 height: 140px;
	padding-top: 15px;
}
.top_features_list {
    padding-top: /*264px;*/230px;
}
.top_features_list a {
    display: block;
    float: left;
    width: 168px;
    margin-right: 3px;
    margin-bottom: 20px;
    border: 3px solid #59391a;
    text-align: center;
    box-sizing: border-box;
}
.top_features_list a:nth-child(even) {
    margin-top: 120px;
}
.top_features_list a:last-child{
	margin-right:0;
}


.top_features_list dl{
	width:100%;
}
.top_features_list a:nth-child(odd) dl dt, .top_features_list a:nth-child(even) dl dd {
    display: table;
    width: 100%;
    height: 116px;
    margin: 0 auto;
    box-sizing: border-box;
}
.top_features_list dl dt span, .top_features_list dl dd span {
    display: table-cell;
    vertical-align: middle;
    padding-bottom: 20px;
}
.top_features_list a:nth-child(4) dl dd span, .top_features_list a:nth-child(5) dl dt span {
    padding-bottom: 0px;
}
.top_features_list a:nth-child(3) dl dt span, .top_features_list a:nth-child(7) dl dt span {
    padding-bottom: 0px;
}

.top_features_list a:nth-child(odd) dl dt {
	background-color:#7a6148;
}
.top_features_list a:hover:nth-child(odd) dl dt {
    background-color: #59391a;
}
.top_features_list a:nth-child(even) dl dd {
	background-color:#a26e3c;
}
.top_features_list a:hover:nth-child(even) dl dd {
    background-color: #59391a;
}
.top_features_list dl dd{
}





/*==================================================================

	.top_medical

==================================================================*/

.top_medical {
    padding-top: 80px;
    background-image: url(../images/top_medical_bg.png);
    background-repeat: no-repeat;
    background-position: top center;
}
.top_medical h3 {
    padding-top: 60px;
    font-size: 38px;
    line-height: 0.9;
    letter-spacing: 1px;
}.top_medical h3.tit01 {
	height: 175px;
	padding-top: 20px;
}
.top_medical h3 span {
    margin-top: 6px;
    line-height: 1.3;
}

.top_medical .box1 {
    margin-bottom: 79px;
}
.top_medical .text p{
	text-align:center;
}
.top_medical_list {
    position: relative;
    padding-top: 51px;
}
.top_medical_list:before {
    position: absolute;
    top: 251px;
    left: 1px;
    width: 196px;
    height: 196px;
    background-image: url(../images/top_medical_img04.png);
    background-repeat: no-repeat;
    content: "";
}
.top_medical_list:after {
    position: absolute;
    top: 251px;
    right: 3px;
    width: 196px;
    height: 196px;
    background-image: url(../images/top_medical_img07.png);
    background-repeat: no-repeat;
    content: "";
}
.top_medical_list a {
    float: left;
    margin-bottom: 4px;
    margin-right: 4px;
    width: 396px;
}
.top_medical_list a:nth-child(4) {
    margin-left: 201px;
}


.top_medical_list a dl {
    float: left;
    width: 196px;
    height: 196px;
    margin-right: 4px;
    background-color: #6ac6d4;
    color: #fff;
    text-align: center;
}
.top_medical_list a:nth-child(2) dl, .top_medical_list a:nth-child(6) dl, .top_medical_list a:nth-child(8) dl {
    background-color: #2b5698;
}

.top_medical_list a dt {
    padding-top: 55px;
    font-size: 22px;
    font-family: "秀英丸ゴシック L", "Shuei MaruGo", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", Osaka, "ＭＳ Ｐゴシック", "MS PGothic";
    line-height: 1;
    letter-spacing: 1.8px;
}
.top_medical_list a dd {
    padding: 15px 0px 0 10px;
    font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", Osaka, "ＭＳ Ｐゴシック", "MS PGothic";
    font-weight: normal;
    line-height: 1.95;
    letter-spacing: 1.5px;
}
.top_medical_list a:nth-child(4) dd, .top_medical_list a:nth-child(5) dd {
    padding: 17px 0px 0 9px;
}
.top_medical_list a:nth-child(8) dd {
    padding: 16px 5px 0 11px;
    letter-spacing: 0;
}



figure {
    position: relative;
    overflow: hidden;
    width: 196px;
    margin: 0 4px;
}
figcaption {
    display: table;
    position: absolute;
    top: 0;
    left: -100%;
    width: 196px;
    height: 196px;
    background: rgba(0, 0, 0, 0.77);
    -webkit-transition: .3s;
    transition: .3s;
    opacity: 1;
    z-index: 2;
}
figcaption p {
    display: table-cell;
    vertical-align: middle;
}
.top_medical_list a:hover figcaption {
    top: 0;
    left: 0;
    color: #fff;
    font-size: 18px;
    font-family: "秀英丸ゴシック L", "Shuei MaruGo", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", Osaka, "ＭＳ Ｐゴシック", "MS PGothic";
    text-align: center;
    letter-spacing: 1px;
    line-height: 1.7;
    box-sizing: border-box;
}






/*==================================================================

	$doctor

==================================================================*/

.doctor_greet, .doctor_features {
    margin-bottom: 195px;
}

.doctor_greet .text {
    position: relative;
    width: 1200px;
    margin: 0 auto;
    background-image: url(../images/doctor_bg.png);
    background-repeat: no-repeat;
    background-position: top left 13px;
}
.doctor_greet .text .sec1 {
    float: right;
    width: 599px;
    margin-top: 76px;
}
.doctor_greet .text .sec1 h3 {
    padding-right: 48px;
}
.doctor_greet h3.tit02::before {
    right: 48px;
}
.doctor_greet .text p {
    margin-bottom: 0;
}
.doctor_img {
    font-size: 18.26px;
    font-weight: bold;
    text-align: right;
    line-height: 1.9;
    letter-spacing: 2px;
}




.doctor_carr{
}
.doctor_carr h4.tit01{
	margin-bottom:7px;
}
.doctor_carr_sec1 {
    position: absolute;
    top: 391px;
    left: 0;
    width: 38.5%;
    margin-right: 20px;
    padding: 49px 17px 36px 30px;
    background-image: url(../images/career_bg.png);
    background-repeat: repeat;
    font-size: 15px;
}
.doctor_carr_sec1:last-child{
	margin-right:0;
}
.doctor_carr .tb02 td,.doctor_carr .tb02 th{
	font-size:14px;
}
.doctor_carr_sec1 table{
	width:100%;
}

.doctor_carr_sec1 .sec1 {
    float: right;
    width: 445px;
}



/*特徴*/

.doctor_features {
    position: relative;
    padding-top: 325px;
}
.doctor_features h3 {
    position: absolute;
    top: 155px;
    left: 0;
    right: 0;
    z-index: 9;
}


.doctor_features_img {
    float: left;
    width: 34.5%;
    background-color: #59b9c8;
}
.doctor_features_img ul {
    float: right;
    width: 361px;
    background-color: #fff;
}
.doctor_features_img li{
	float:left;
}



.doctor_features .text {
    float: right;
    width: 65.5%;
}
.doctor_features .text ul {
    float: left;
    width: 832px;
    padding: 111px 100px 39px 103px;
    background-color: #f7f7f7;
    box-sizing: border-box;
}
.doctor_features .text li {
    margin-bottom: 29px;
}
.doctor_features .text li:nth-child(2) {
    margin-bottom: 28px;
}
.doctor_features .text li:nth-child(3) {
    margin-bottom: 36px;
}
.doctor_features .text li:nth-child(4) {
    margin-bottom: 39px;
}
.doctor_features .text li:nth-child(5) {
    margin-bottom: 38px;
}
.doctor_features .text li:nth-child(6) {
    margin-bottom: 37px;
}



.doctor_features .text dt {
    margin-bottom: 6px;
    padding-left: 2px;
    color: #001c49;
    font-size: 20.5px;
    font-family: "秀英丸ゴシック B", "Shuei MaruGo B", "游ゴシック体", "Yu Gothic", YuGothic;
    letter-spacing: 4px;
    line-height: 1;
}
.doctor_features .text li:nth-child(2) dt {
    margin-bottom: 7px;
}
.doctor_features .text li:nth-child(3) dt {
    margin-bottom: 12px;
}
.doctor_features .text li:nth-child(4) dt {
    margin-bottom: 20px;
    letter-spacing: 4.7px;
}
.doctor_features .text li:nth-child(5) dt {
    margin-bottom: 15px;
}
.doctor_features .text li:nth-child(6) dt {
    margin-bottom: 10px;
}
.doctor_features .text li:nth-child(7) dt {
    margin-bottom: 14px;
}



.doctor_features .text dt span {
	font-weight:bold;
}
.doctor_features .text dt em {
    margin-right: 12px;
    color: #d1b380;
    font-family: "adobe-garamond-pro",sans-serif;
    font-style: italic;
    font-size: 49.81px;
    letter-spacing: 2px;
}
.doctor_features .text li:nth-child(1) dt em {
    margin-right: 15px;
}



.doctor_features .text dd {
    padding-left: 0;
    color: #000000;
    line-height: 2;
    letter-spacing: 1.4px;
}
.doctor_features .text li:first-child dd {
	padding-left:5px;
}
.doctor_features .text li:nth-child(4) dd {
    margin-bottom: 16px;
    margin-left: -1px;
    padding-right: 4px;
    letter-spacing: 1.6px;
}
.doctor_features .text li:nth-child(7) dd {
    padding-right: 4px;
    letter-spacing: 1.6px;
}
.doctor_features .text li dd span {
	font-weight:bold;
}




/*==================================================================

	.news

==================================================================*/

.top_news{
}
.top_news .box1 {
    margin-bottom: 66px;
}
.top_news h3 {
    padding-top: /*87px;*/15px;
    font-size: 38px;
	height: 120px;
}

.top_news_flame {
    padding: /*52px 61px 0 58px;*/52px 0 0 0;
}
.news_text{
	color: #ada398;
}
.news_text p {
    line-height: 1.1;
}
/* タイトル */
.news_text p strong {
    /*margin-left: 20px;*/
    font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", Osaka, "ＭＳ Ｐゴシック", "MS PGothic";
    font-weight: 800;
    letter-spacing: 1.5px;
	color: #31b7b6;
}
/* 日付 */
.date {
    margin-right: 6px;
    letter-spacing: 1.8px;
	display: block;
	margin-bottom: 4px;
}
/* お知らせのブロックのボーダー */
.news_text .line {
    margin-bottom: 25px;
    letter-spacing: 1.6px;
	border-bottom: 1px solid #e6e3db;
	padding-bottom: 20px;
	line-height: 1.4;
	margin-top: 10px;
}

/* お知らせの高さ */
.scroll_area {
    height: /*145px;*/260px;
}



/*==================================================================

	$access

==================================================================*/

.access {
    position: relative;
}
.access .sec1 {
    float: left;
    width: 50%;
}
.access .sec1 .inner {
    float: right;
    width: 540px;
}
.access .sec1 h3 {
    margin: 0 0 52px;
}
.access .sec1 .inner ul {
    padding-right: 10%;
}
.access .sec1 .inner li {
    padding: 14px 0;
    border-bottom: 1px solid #E5E6EF;
}
.access .sec1 .inner dt {
    float: left;
    width: 24%;
    color: #1F2774;
    font-weight: bold;
    line-height: 1.7;
}
.access .sec1 .inner dd {
    padding-left: 24%;
    line-height: 1.6;
}
.access .sec1 .inner dd i {
	margin-right:7px;
}

.access .access_map {
    position: absolute;
    top: 129px;
    right: 0;
    width: 50%;
    padding: 70px 60px 98px;
    background-color: #f7f7f7;
    box-sizing: border-box;
}










.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(237, 237, 237);
	padding: 25px 30px 5px;
}
.access_info dt i{
	margin-right:7px;
}
.access_train,.access_bus,.access_car,.access_bike{
	margin-bottom:25px;
}
.access_train dt,.access_bus dt,.access_car dt,.access_bike dt{
	padding-left: 0;
	margin-bottom:5px;
	font-size:17px;
	font-weight:bold;
}
.access_train dd,.access_bus dd,.access_car dd,.access_bike dd{
	font-size:14.5px;
}



/*==================================================================

	$clinic

==================================================================*/

/* 院内スライド（サムネイル右、1列） */
.clinic_slides1 {
    margin-bottom: 144px;
}
.clinic_slides1 .flexslider{
    position: relative;
    float: left;
    width: 67%;
    margin-left: 12%;
}
.clinic_slides1 .flexslider li div {
    display: table;
    position: relative;
    margin-top: -68px;
    margin-left: 20px;
    background-color: rgba(255,255,255,0.9);
}
.clinic_slides1 .flexslider p {
    display: table-cell;
    padding: 8px 33px;
    vertical-align: middle;
    font-size: 16px;
    font-weight: bold;
    color: #002A64;
}

.clinic_slides1 .flex-control-thumbs .flex-active img{
	border: 5px solid #aaa;
}
.clinic_slides1 .flex-control-nav.flex-control-thumbs {
    position: absolute;
    right: -20%;
    top: 0;
    width: 14%;
}
.clinic_slides1 .flex-control-thumbs li {
	position:relative;
	width: 79%;
	margin: 0 0 0 4%;
	background-color:#fff;
}



/* 院内スライド（サムネイル下） */

.clinic_slides2{
	padding-bottom:100px;
}
.clinic_slides2 .flexslider {
    position: relative;
    width: 60%;
    margin: 0 auto;
}
.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: 67%;
    margin-left: 12%;
}
.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: #2b5698;
}
.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 {
    background-image: url(../images/clinic_bg.png);
    background-repeat: no-repeat;
    background-position: top left;
}
.clinic_sec1 {
    position: relative;
    float: right;
    width: 52%;
    padding-top: 79px;
}
.clinic_sec1 ul{
	margin-bottom:15px;
}
.clinic_sec1 li {
    padding: 13px 0;
    border-bottom: 1px solid #E5E6EF;
}
.clinic_sec1 li:first-child {
    padding: 0 0 13px 0;
}
.clinic_sec1 li:last-child{
	border:none;
}
.clinic_sec1 dl:after {
	display: block;
	clear: both;
	content: "";
}
.clinic_sec1 dt {
    float: left;
    box-sizing: border-box;
    width: 25%;
    padding-left: 2px;
    font-weight: bold;
    color: #1F2774;
    line-height: 1.4;
}
.clinic_sec1 dd {
    float: left;
    width: 75%;
    line-height: 1.4;
}
.clinic_sec1 dd span:not(.view_timer) {
	font-size:13px;
}
.clinic_sec1 .schedule .tb01{
	border: 1px solid #e4e4e4;
	width:70%;
	font-size:14px;
}
.clinic_sec1 .schedule .tb01 tr:first-child td {
    background-color: #60d5d4;
    color: #ffffff;
}
.clinic_sec1 .schedule .tb01 tr:first-child th{
    background-color: #31b7b6;
    color: #ffffff;
}
.clinic_sec1 .schedule li{
	border-bottom:none;
	
}



.clinic_sec2 {
    position: relative;
    width: 52%;
    padding-top: 79px;
}

.clinic_sec2 li {
    padding: 13px 0;
    border-bottom: 1px solid #E5E6EF;
}



.clinic_sec2 dt {
    float: left;
    box-sizing: border-box;
    width: 25%;
    padding-left: 2px;
    font-weight: bold;
    color: #1F2774;
    line-height: 1.4;
}
.clinic_sec2 dd {
    float: left;
    width: 75%;
    line-height: 1.4;
}
.clinic_sec2 dd span {
	font-size:13px;
}


/*==================================================================

	$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:#f7f7f7;
	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: 10px 15px 18px;
	line-height: 1.35;
}
.facilities_equip3 dd h4{
	text-align:center;
	font-size:17px;
	font-weight:bold;
}
.facilities_equip3 dd p{
	margin-top:7px;
}


/*==================================================================

	$medical

==================================================================*/

.medical {
}
.medical h3 {
    margin: 0 0 60px;
}

.medical .text {
    position: relative;
    margin-bottom: 70px;
}


/* 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 {
    width: 28%;
    padding: 0 3%;
    background-color: #f7f7f7;
    letter-spacing: 0.1em;
    color: #001c49;
    font-size: 18px;
    font-weight: bold;
    font-family: "秀英丸ゴシック B", "Shuei MaruGo B", "游ゴシック体", "Yu Gothic", YuGothic;
    text-align: center;
    vertical-align: middle;
    line-height: 1.2;
}
/* 数字 */
.medical_layout01 dt em {
    margin-right: 8px;
    font-family: "adobe-garamond-pro",sans-serif;
    font-size: 49px;
    font-weight: normal;
    color: #d1b380;
}
.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;
}

@media all and (-ms-high-contrast:none){
.medical_layout02 dl {
	height:330px !important;
}
}






/* 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: top;
}
.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: 2% 4% 1%;
}
.medical_layout03 dd h5 {
    margin-bottom: 10px;
    color: #1F2774;
    font-size: 18px;
    font-weight: bold;
    font-family: "秀英丸ゴシック B", "Shuei MaruGo B", "游ゴシック体", "Yu Gothic", YuGothic;
    line-height: 1;
}
.medical_layout03 dd h5 em {
    margin-right: 10px;
    color: #d1b380;
    font-family: "adobe-garamond-pro",sans-serif;
    font-size: 46px;
    font-weight: normal;
}

/* 1つ並びのレイアウト。画像が左、その下にタイトル、右に文章 */
.medical_layout03_2{
	padding-bottom:20px;
}
.medical_layout03_2 dl{
	display:table;
	position:relative;
	margin-bottom:20px;
	/*background-color:#f7f7f7;*/
	border: 1px solid #001c49;
	padding:2%;
}
.medical_layout03_2 dt, .medical_layout03 dd {
    display: table-cell;
    box-sizing: border-box;
    vertical-align: top;
}
.medical_layout03_2 dt {
    width: 32%;
    padding: 3%;
    background-color: #fff;
    text-align: center;
}
.medical_layout03_2 dt img {
    width: 100%;
    padding-bottom: 10px;
}

.medical_layout03_2 dt h5 {
    margin-bottom: 10px;
    color: #1F2774;
    font-size: 18px;
    font-weight: bold;
    font-family: "秀英丸ゴシック B", "Shuei MaruGo B", "游ゴシック体", "Yu Gothic", YuGothic;
    line-height: 1.5;
}
.medical_layout03_2 dt h5 em {
    margin-right: 10px;
    color: #d1b380;
    font-family: "adobe-garamond-pro",sans-serif;
    font-size: 46px;
    font-weight: normal;
	line-height: 1!important;
}

.medical_layout03_2 dd {
    /*width: 68%;*/
	width: auto;
    padding: 5% 6% 4%;
}


/* 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: 34.5%;
}
.medical_layout05 dd:nth-child(3) {
    width: 41.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 {
    color: #4eaebd;
    font-size: 17px;
    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;
    line-height: 1.3;
}
/* 数字 */
.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: 35%;
}
.medical_layout06 dd:nth-child(3) {
    width: 40%;
    border-left: 1px solid #e2e2e2;
}

.medical_layout06 dd h5 {
    color: #53b4c3;
    font-size: 17px;
    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;
}

/*インプラントページ*/

.doctor_implant{
	
}

.leftbox_implant{
	width: 330px;
	float: left;
	margin-right: 20px;
}
.leftbox_implant img{
	width: 100%;
}

.rightbox_implant{
	width: 470px;
	float: left;
	
}

.rightbox_implant .sec1{
	padding: 30px 25px;
    background-image: url(../images/career_bg.png);
    background-repeat: repeat;
}

.flex_implant{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.flex_implant dl{
	width: 30%;
	margin-right: 5%;
	margin-bottom: 50px;
}

.flex_implant dl:nth-child(3n){
	margin-right:0;
}

.flex_implant dt{
	text-align: center;
	border-bottom: 1px solid #001c49;
	margin-bottom: 12px;
}

.flex_implant dt img{
	width: 100%;
}

.flex_implant dt span{
	font-weight: bold;
	color: #001c49;
}

.flex_implant dd{
	line-height: 2!important;
}


.implant_btn{
	text-align: center;
}


.implant_reserve {
	margin: 20px auto 0;
  width: 370px;
    background: url(../images/main_open_bg.png) no-repeat;
    background-size: 370px;
    height: 130px;
}
.implant_reserve ul{
position: relative;
}
.implant_reserve_tel img{
position: absolute;
top:86px;
left: 23px;
width: 185px;
}
.implant_reserve_web img{
position: absolute;
top:86px;
left: 235px;
width: 98px;
}
.implant_reserve a:hover{
 opacity: 0.5;
}

.implant_reserve_doctor {
	margin: 20px auto 0;
  width: 330px;
    background: url(../images/main_open_bg.png) no-repeat;
    background-size: 330px;
    height: 250px;
}
.implant_reserve_doctor ul{
position: relative;
}
.implant_reserve_doctor_tel img{
position: absolute;
    top: 77px;
    left: 15px;
    width: 170px;
}
.implant_reserve_doctor_web img{
position: absolute;
top:77px;
left: 210px;
width: 98px;
}
.implant_reserve_doctor a:hover{
 opacity: 0.5;
}

video {
	border: solid 2px #f1f1f1;
}
.video_box iframe {
	width: 500px;
	height: 315px;
}
/*==================================================================

	$reservation

==================================================================*/

.reservation{
margin-bottom: 0;
background-image: url(../images/reservation_bg.png);
background-repeat: no-repeat;
background-position: top left;
}
.reservation dt{
width: 30%;
}
.reservation dd{
width: 70%;
}

.reservation_tel{
font-size: 24px !important;
font-family: 'Lato', sans-serif;
letter-spacing: 0.1em;
}


/*==================================================================

	$recruit

==================================================================*/

.recruit{
/*margin-bottom: 0;
background-image: url(../images/recruit_bg.png);
background-repeat: no-repeat;
background-position: top left;*/
max-width: 1200px;
margin: 0 auto 100px;
padding-top: 50px;
}
.recruit h3 {
    margin: 0 0 60px;
}
.recruit dt{
width: 25%;
}
.recruit dd{
width: 75%;
}

.recruit ul{
	margin-bottom:15px;
    width: 80%;
    margin: 0 auto 15px;
}
.recruit li {
    padding: 13px 0;
    border-bottom: 1px solid #E5E6EF;
}
.recruit li:first-child {
    padding: 0 0 13px 0;
}
.recruit li:last-child{
	border:none;
}
.recruit dl:after {
	display: block;
	clear: both;
	content: "";
}
.recruit dt {
    float: left;
    box-sizing: border-box;
    width: 25%;
    padding-left: 2px;
    font-weight: bold;
    color: #1F2774;
    line-height: 1.4;
}
.recruit dd {
    float: left;
    width: 75%;
    line-height: 1.4;
}
.recruit dd span {
	font-size:13px;
}
.recruit_tb {
	width: 100%;
	border-spacing: 1px;
	border-collapse: separate;
	background-color: #f0f0f0;
	white-space: normal;
}
.recruit_tb td, .recruit_tb th {
	padding: 12px 36px;
}
.recruit_tb th {
	font-weight: bold;
	white-space: normal;
	text-align: center;
	color: #666;
	background-color: #FAFAFA;
	font-size: 16px;
	width: 250px;
}
.recruit_tb th span {
	font-size: 13px;
}
.recruit_tb td {
	background-color: #ffffff;
	color: #666666;
	text-align: left;
    line-height: 1.5;
	white-space: normal;
}
.recruit_tb p{
    margin-bottom: 1em;
}


/*求人*/
.bnr_recruit {
	position: fixed;
	top: 130px;
	right: 0;
	width: 70px;
	z-index: 99999;
}

.position_list {
	display: flex;
	width: auto!important;
}
.position_list  li {
	margin-right: 20px;
	padding: 0 !important;
	border-bottom: none;
}
.anchor {
    padding-top: 104px!important;
    margin-top: -104px!important;
}


.recruit_url_bnr img {
	width: 350px;
}

.recruit_url_bnr {
	display: flex;
}

.recruit_url_bnr .recruit01 {
	margin-right: 10px;
}

.recruit_url_bnr a:hover {
  transition: 0.7s;
  opacity:0.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.";
}
/*クリックしたら開くタイプ*/
.faq_wrap dl dt {
    position: relative;
    margin: 0;
    padding: 15px;
    border: 1px solid #4EAEBB;
    background: #fff;
    font-weight: bold;
    cursor: pointer;
    color: #262E7C;
}
.faq_wrap dl dt::before {
    content: "";
    position: absolute;
    top: 50%;
    right: 25px;
    width: 15px;
    height: 2px;
    transform: rotate(90deg);
    background: #a6a6a7;
    transition: all .3s ease-in-out;
}
.faq_wrap dl dt .faq_q {
    position: relative;
    padding: 0 35px 0 35px;
}
.faq_wrap dl dt .faq_q:before {
    position: absolute;
    top: 0;
    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.";
}
.faq_wrap dl dt::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 25px;
    width: 15px;
    height: 2px;
    background: #a6a6a7;
    transition: all .2s ease-in-out;
}

.faq_wrap dl dd {
    padding: 15px;
}

.faq_wrap dl dd .faq_a {
    position: relative;
    padding: 0 0 0 35px;
}

/*==================================================================

	$FAQ

==================================================================*/
.faq_wrap dl {
  margin-bottom: 10px;
}

.faq_wrap dl dt {
  position: relative;
  margin: 0;
  padding: 15px;
	border:1px solid #4EAEBB;
	background:#fff;
  font-weight: bold;
  cursor: pointer;
color: #262E7C;	
}

.faq_wrap dl dt:hover,
.faq_wrap dl dt:active,
.faq_wrap dl dt.open {
  background-color: #4EAEBB;
	color: #fff;
}

.faq_wrap dl dt::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 25px;
  width: 15px;
  height: 2px;
  /*縦線に*/
  transform: rotate(90deg);
  background: #a6a6a7;
  transition: all .3s ease-in-out;
}

.faq_wrap dl dt::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 25px;
  /*横線*/
  width: 15px;
  height: 2px;
  background: #a6a6a7;
  transition: all .2s ease-in-out;
}

.faq_wrap dl dt.open::before {
  transform: rotate(180deg);
}

.faq_wrap dl dt.open::after {
  opacity: 0;
}

.faq_wrap dl dd {
  padding: 15px;
}

.faq_wrap dl dt .faq_q {
  position: relative;
  padding: 0 35px 0 35px;
}

.faq_wrap dl dt .faq_q:before {
  position: absolute;
  top: 0;
  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.";
}

.open .faq_wrap dl dt .faq_q:before {
  color: #fff;
}

.faq_wrap dl dd .faq_a {
  position: relative;
  padding: 0 0 0 35px;
}

.faq_wrap dl dd .faq_a:before {
  position: absolute;
  top: 0;
  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.";
}


/*==================================================================

	$top_corona

==================================================================*/
.top_corona {
	margin: 0 auto;
	/*padding: 30px 0 280px;*/
	padding: 30px 0 150px;
	/*	background: #f9f8f3;*/
	width: 1200px;
}

.top_corona .box1 {
	width: 950px;
	margin: 0 auto;
	border: 3px solid #e6e3db;
	padding: 30px 20px;
	background: rgba(255, 255, 255, 0.6);
}
.top_corona .list09 {
	padding: 0 15px;
}
.sp_inline {
	display: none;
}
ol.list09 {
	counter-reset: list09;
}
.list09 li {
	position: relative;
	margin-bottom: 10px;
	padding-left: 3em;
	line-height: 2;
}
.list09 li:before {
	position: absolute;
	left: 0;
	counter-increment: list09;
	content: counter(list09);
	display: inline-block;
	width: 2em;
	background: #6ac6d4;
	border: 1px solid #c8a765;
	text-align: center;
	color: #fff;
	font-weight: bold;
}
ol.list09.list09_corona {
	counter-reset: list09 8;
}
.top_corona h3.tit01 {
    width: 250px !important;
    height: /*230px !important;*/145px!important;
    padding-top: /*48px !important;*/10px!important;
    background-color: #fff;
    padding: 10px;
}
.top_corona h3.tit01 span {
    font-size: 20px;
}
.top_corona h4 {
    position: relative;
    margin-bottom: 20px;
    padding: 17px 15px 15px 15px;
    letter-spacing: 0.15em;
    color: #9d7c4d;
    font-size: 21px;
    font-weight: 600;
    line-height: 1.4;
    text-align: left;
    background-repeat: no-repeat;
	background-color: #f5f4f0;
}
/*==================================================================

	$お問い合わせ

==================================================================*/
#mainvisual.contact {
    margin-bottom: 250px;
}
.contact_box{
	width:1080px;
}
.contact_box h3.tit01{
    padding-top: /*45px !important;*/10px !important;
	width: 240px;
	height: /*240px;*/175px;
	
}
.tb_media {
	width:100%;
	margin:auto;
	border-spacing: 1px;
	border-collapse: separate;
	background-color: #f0f0f0;
}
.tb_media td, .tb_media th {
	padding: 12px 36px;
}
.tb_media th {
	font-weight: bold;
	text-align: left;
	color: #666;
	background-color: #FAFAFA;
	font-size: 15px;
	word-wrap: break-word;
}
.tb_media th span {
	font-size: 13px;
}
.tb_media td {
	background-color: #ffffff;
	color: #666666;
}
.tb_media tbody tr:first-child th{
}
.table_note{
	font-size: 90%;
	padding-top: 40px;
}
.table_note li{
	line-height: 1.8;
}
.table_note li:before{
	top:10px;
}
.tb_media input {
    height: 28px;
    width: 100%;
	border: 1px solid #ccc;
}
.tb_media .contact_radio input{
	margin-right: 20px;
	height: auto;
	width: auto;
}
form textarea {
    border: 1px solid #ccc;
    width: 100%;
}
.submit_btn{
	padding-top: 40px;
	text-align: center;
	font-size: 16px;
}
.submit_btn input[type="reset"]{
	display: inline-block;
	width:200px;
    padding: 13px 44px;
    border: 1px solid #bdc3c7;
    background-color: #bdc3c7;
    color: #869198;
    font-size: 18px;
	margin-right: 20px;
	transition: ease-in-out 0.3s;
	font-weight: 500;
}
.submit_btn input[type="reset"]:hover{
	opacity: 0.7;
}
.submit_btn input[type="submit"]{
    display: inline-block;
	width:200px;
    padding: 13px 44px;
    border: 1px solid #426497;
    background-color: #426497;
    color: #fff;
    font-size: 18px;
	cursor:pointer;
    transition: ease-in-out 0.2s;
	font-weight: 500;
}
.submit_btn input[type="submit"]:hover{
	opacity: 0.7;
}
.required {
    margin-right: 13px;
    padding: 6px 10px;
    background-color: #d37777;
    border-radius: 3px;
    color: #fff;
}
.careful{
	color:#df4244;
}
.marker{
	background: linear-gradient(transparent 60%, #ffff66 60%);
	font-weight: 600;
}
/***********************************
  ラジオボタン
***********************************/
.radio01 {
	display: block;
	height: 35px;
}
.contact_box .radio01 {
	display: flex;
}
.radio01 input {
	display: none;
}
.radio01 label{
	display: block;
	float: left;
	cursor: pointer;
	width: 46.5%;
	margin: 0;
	background: #bdc3c7;
	color: #869198;
	font-size: 16px;
	text-align: center;
	line-height: 1;
	transition: .2s;
	padding: 10px;
}
.radio01 label:first-of-type{
	border-radius: 3px 0 0 3px;
}
.radio01 label:last-of-type{
	border-radius: 0 3px 3px 0;
}
.radio01 input[type="radio"]:checked + .switch-on {
	background-color: #426497;
	color: #fff;
	font-weight: 500;
}
.radio01 input[type="radio"]:checked + .switch-off {
	background-color: #d37777;
	color: #fff;
	font-weight: 500;
}
.privacy_check {
	border: 2px solid #59391a;
	text-align: center;
	line-height: 1.5;
	padding: 10px;
	margin-top: 10px;
}
.privacy_check p {
	font-size: 90%;
	margin-bottom: 10px;
}
input[type="checkbox"] {
	margin-right: 10px;
	transform: scale(1.4);
}




