/* body fadein */body{animation: fadeIn 2s ease 0s 1 normal;-webkit-animation: fadeIn 2s ease 0s 1 normal;}@keyframes fadeIn {0% {opacity: 0}100% {opacity: 1}}@-webkit-keyframes fadeIn {0% {opacity: 0}100% {opacity: 1}}

body {overflow-x: hidden;}

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video{
	margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}
*{
	margin:0px;
	padding:0px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
h1,h2,h3,h4,h5,h6{
	font-weight:normal;
	font-size:100%;
}

h4.sttl{color: rgba(19, 65, 21, 1.0);font-size: 1.1rem;border-bottom: 1px solid rgba(19, 65, 21, 1.0);margin: 1.6rem 0 1rem 0; padding: 0.2rem 0.6rem; text-align: right;background-color: rgba(19, 65, 21, 0.05);overflow: hidden;}
h4.sttl strong{float: left;font-size: 1.3rem;}
@media only screen and (max-width: 690px) {
    h4.sttl{font-size: 0.9rem;text-align: center;}
    h4.sttl strong{float: none;font-size: 1.2rem;}
    }
h5.sttl{font-size: 1.2rem;font-weight: bold; margin: 1rem 0 0.6rem 0; padding: 0.2rem 0.6rem; color: rgba(19, 65, 21, 1.0);border-top: 1px dashed rgba(19, 65, 21, 0.2);border-bottom: 1px dashed rgba(19, 65, 21, 0.2);background-color: rgba(30, 30, 30, 0.01);}
h6.sttl{font-size: 1.0rem;font-weight: bold; margin: 1rem 0 0.6rem 0; padding: 0; color: rgba(19, 65, 21, 1.0);}


a {
    margin:0;
    padding:0;
    /*color: #089dd4;*/
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

a:hover {
    color:#5B6D44;
}

a.link{color:#154115;}
img{
	border:0px;
	vertical-align:top;
}
ol, ul{
    list-style:none;
}
caption, th{
    text-align: left;
}
blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
html{
    overflow-y: scroll;
}

p {word-break: normal;}

.fss {font-size:84%;}
/*smartphone*/
/*------------------------------------------------------------------------------*/

html { -webkit-text-size-adjust: none; }
a { -webkit-tap-highlight-color: rgba(0,0,0,0.3);}


/*base*/
/*------------------------------------------------------------------------------*/
body{
	/* font-family: fot-tsukuardgothic-std, sans-serif; */
	font-family: arial,sans-serif;
	font-weight: 100;
	font-style: normal;
	font-weight: 100;
	color:#333;
	font-weight:normal;
	font-size: 100%;
	line-height:1.7;
	word-break:break-all;
}

/* p { font-size: 140%; } */
p { font-size: 100%; }

a{text-decoration: none;}
.entry-content a{text-decoration: underline;color:#333;}
.entry-content a:hover{text-decoration: none;}
a:hover { opacity: 0.7; text-decoration: underline; }
a:hover img{
	opacity: 0.7;
}

.clear{clear:both;}
.clearfix:after  {
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	min-height: 1px;
}
section:after  {
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.FloatLeft { float: left; }
.FloatRight { float: right; }

/* 近江八幡どうぶつ病院　STYLE */
#wrapper { margin: 0; width: 100%; position: relative; }
/* .container { width: 1000px; margin: 0 auto; position: relative; z-index: 100; } */
.container { width: 100%; max-width:1000px; margin: 0 auto; position: relative; z-index: 100; }
/* .container.ttl { width: 100%; max-width:100%;position: static;} */
.container h1 { width: 11%; float: left; padding-top: 20px; }
.container h1 img { width: 100%; }

/*header style================================================*/
header { background: #ffffff; padding: 20px 20px 20px 20px; max-width: 1560px;margin:0 auto;}
header h1 { width: 340px; float: left; margin-top: 10px;}
header h1 img { width: 100%; height: auto; }
.header_right { width: auto; float: right; }
.header_info { width: 250px; float: right; margin-top: -10px; }
.header_resavation_btn { width: 260px; float: right; position: relative; text-align: center; font-family: 'Noto Sans Japanese', '游ゴシック Medium', '游ゴシック体', 'Yu Gothic Medium', YuGothic, 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; top:8px;}
.header_resavation_btn a { background: url(../img/header_btn_bg.svg); display: block; padding: 0px 20px; background-size: 200% auto; border-radius: 50px; border: solid 3px #144115; color: #144115; font-weight: 600;  box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.3); }
@media all and (-ms-high-contrast:none) {
    .header_resavation_btn a {
        padding: 3px 20px;
    }
}
_:-ms-lang(x)::-ms-backdrop, .header_resavation_btn a {
    padding: 3px 20px;
}
@supports (-ms-ime-align:auto) {
    .header_resavation_btn a {
        padding: 3px 20px;
    }
}
.header_resavation_btn img { width: 24px; height: auto; display: inline; position: absolute; right: 20px; top: 9px; }
.header_tel { font-family: Futura,Trebuchet MS,Arial,sans-serif; color: #144115; font-size: 160%; background: url(../img/header_tel_icon.svg) 0px 10px no-repeat; padding: 0 0 0 30px; background-size: 20px auto; font-weight: 200; letter-spacing: 0.1em; }
.header_hours { font-size: 80%; }
.close_hour { font-size: 90%; }

/*header Menu style================================================*/
.header_menu { width: 100%; margin: 0 auto; background: #144115; padding: 0 0px; position: relative; z-index:1000 }
.header_menu ul{ width: 1100px; margin: 0 auto;padding: 0;}
/* 2019-08-23 16:22:19 */
/* .header_menu li { width: auto; float: left; background: #144115; padding: 1px 3px; } */
.header_menu li { width: auto; float: left; background: #144115; padding: 1px 1px;}
.header_menu li a { color: #ffffff; text-align: center; display: block; padding: 10px 23px;}
@media only screen and (max-width: 1100px) {.header_menu li a {padding: 10px 12px;}}
.header_menu li a:hover { background: #002801; text-decoration: none; }
.header_menu_jp { font-size: 100%; }
.header_menu_eng { font-size: 70%; }
a.header_menu_eng { color:#d1e7a6!important; }
.header_menu_eng { color:#d1e7a6!important; border-bottom: solid 1px #144115; }
.header_menu_eng_on { font-size: 70%; }
a.header_menu_eng_on { color:#d1e7a6!important; }
.header_menu_eng_on { color:#d1e7a6!important; border-bottom: solid 1px #d1e7a6; }

.swiper-container { position: absolute; top: -70px; z-index: 100; max-height: auto; min-height: 272px; }
.swiper-wrapper img { width: 100%; height: auto; }

.btn_top { width: 100%; margin: 0 auto; text-align: right; position: relative; padding-top: 140px; right:60px;}
.btn_top img { width: 100px; height: auto; position: absolute; bottom: -30px; right: 0; z-index: 10; cursor: pointer; }

/*top motion text style================================================*/
.swiper-container { position: relative; }
.top_text_motion { position: absolute; /*top: 340px; right: 200px;*/ top: 35%; right: 10%; opacity: 1; width: 560px; height: auto; z-index: 1000; font-size: 180%; color: #000000; font-weight: 600; }
.top_fadein1 {  animation-name:fadein1;animation-duration:2s; animation-delay: 0.3s; animation-fill-mode: forwards; opacity: 0; }
@keyframes fadein1{0%{opacity:0;transform:translateY(20px)}100%{display: block;opacity:1;transform:translateY(0)}}
.top_fadein2 {  animation-name:fadein2;animation-duration:2s; animation-delay: 0.6s; animation-fill-mode: forwards; opacity: 0; }
@keyframes fadein2{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
.top_fadein3 {  animation-name:fadein3;animation-duration:2s; animation-delay: 0.9s; animation-fill-mode: forwards; opacity: 0; }
@keyframes fadein3{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}

/*top style================================================*/
.top_about { padding-bottom: 60px;width: 100%;}
.top_about .container {max-width: 720px;margin: 0 auto;}
/*
.top_about h2 { background: url(../img/h2_icon01.svg) left center no-repeat; font-size: 180%; font-weight: 600; color: #144115; padding: 10px 0 10px 70px; background-size: 55px auto; line-height: 110%;margin-left:80px;}
*/
.top_about h2 { background: url(../img/h2_icon01.svg) left center no-repeat; font-size: 180%; font-weight: 600; color: #144115; padding: 10px 0 10px 70px; background-size: 55px auto; line-height: 110%;margin-left:80px;width:240px;margin:0 auto;}
@media only screen and (max-width: 690px) {
    .top_about h2 {width:100%;margin:0 auto;}
}
.h2_title_eng { font-size: 60%; color: #000000; font-weight: 100;  }
.top_about p { font-size: 95%; line-height: 160%; padding: 9px;}
.more_btn { text-align: center; }
.more_btn a { display: inline-block; border: solid 3px #144115; background: url(../img/btn_more_arrow.svg) 95% center no-repeat #D9E6C1; border-radius: 60px; padding: 10px 80px; font-size: 120%; font-weight: 600; color: #144115; margin: 0 auto; background-size: 20px auto; box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.3); text-decoration:none;}
.more_btn.small { text-align: left; }
.more_btn.small a { display: inline-block; border: solid 3px #144115; background: url(../img/btn_more_arrow.svg) 95% center no-repeat #D9E6C1; border-radius: 60px; padding: 5px 40px 5px 20px; font-size: 100%; font-weight: 600; color: #144115; margin: 0 auto; background-size: 14px auto; box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.3); text-decoration:none;}

.about_illust { display: block; position: absolute; top: 0px; right: 20px; width: 96px; height: auto; }
.about_image { height: 330px; background: url(../img/about_image.jpg) center center no-repeat; /*background-size: contain;*/ }
.info_area { background: url(../img/info_bg.png); }
.info_area h3 { font-size: 160%; font-weight: 600; padding: 10px 0 0 0; }
.info_area p { font-size: 100%; }
.info_btn_left { width: 49%; float: left; }
.info_btn_left a { display: block; padding: 150px 40px; color: #144115; }
.info_btn_left a:hover { background: #d9e6c1; opacity: 0.7; }
.info_btn_right { width: 49%; float: right; }
.info_btn_right a { display: block; padding: 150px 40px; color: #144115; }
.info_btn_right a:hover { background: #d9e6c1; opacity: 0.7; }
.info_btn_img { width: 100px; float: left; margin-right: 20px; }
.btn_shadow { box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.3); }
.info_btn_txt { width: auto; float: left; }

/* 2021-10-04 18:38:50 */
.info_btn_center { width: 100%;vertical-align: middle;}
.info_btn_center a { display: block; padding: 70px 40px; color: #144115; text-align: center;}
.info_btn_center a:hover { background: #d9e6c1; opacity: 0.7; }
.info_btn_center .info_btn_img { width: 100px; float: none; margin-right: 20px; display: inline-block;}
.info_btn_center .info_btn_txt { width: auto; float: none;  display: inline-block;}

/*200518 SK*/
.top_circlbtn { padding: 40px 0; width: 100%; margin-top: 0px;  margin-bottom: 80px; background: #f1f6e9;}
.top_circlbtn .container {max-width: 900px; margin: 0 auto;}
.top_circlbtn .container .btn_wrapp {width: 33%; ;margin: 0 auto; float: left; text-align: center;   }
.top_circlbtn .container .btn_wrapp img {border-radius: 50%; width:  220px; height: 220px; }
.top_circlbtn .container .btn_wrapp .title{ font-size: 110%;  color: #144115; font-weight: 600; margin-top:10px;}
.top_circlbtn .container .btn_wrapp .txt{ width: 90%;  font-size: 90%;  line-height: 150%; margin: 0 auto;   margin-top: 6px;}
.top_circlbtn .container .btn_wrapp a:link  { text-decoration: none; color:#333;}
.top_circlbtn .container .btn_wrapp a:visited  { text-decoration: none; color:#333;}
.top_circlbtn .container .btn_wrapp a:hover { text-decoration: none; color:#144115;}

.top_news {min-height:400px; background: url(../img/news_bg.jpg) no-repeat; background-size: cover; background-position: center top; padding: 5% 0; }
.top_news_content { width: 50%; float: right; }
.top_news_content h2 { background: url(../img/news_icon.svg) left top no-repeat; padding: 0 0 0 60px; background-size: 32px auto; font-size: 160%; color: #144115; font-weight: 600; line-height: 110%; }
.top_news_content .h2_title_eng { color: #144115; font-size: 60%; display: block; display: none;}
.top_news_text { width: 40%; float: left; }
.top_news_list a { text-align: left; padding-right: 40px; font-weight: 100; width: auto; float: right; background: url(../img/top_news_btn.svg) right center no-repeat; display: inline-block; font-size: 60%; color: #144115; text-decoration: underline; }
.top_news_content ul { margin: 40px 0 0 0; }
.news_link_border  { display: inline-block; width: 75%; float: right; border-bottom: solid 1px #ffffff; }
.top_news_content ul li { font-size: 120%; margin: 0 0 10px 0; vertical-align: top; }
.top_news_content ul li a { color: #144115; padding: 0 0 5px; margin: 0 0 10px 0; }
.news_date { vertical-align: top; display: table-cell; width: 20%; float: left; }

.top_staff { background: #f1f6e9; }
.top_staff h3 { font-size: 160%; color: #144115; font-weight: 600; display: inline-block; padding: 0 0 0 20px; }
.staff_image_box { display: inline-block; position: relative; top: -40px; }
.staff_image_box img { width: 100px; height: auto; }
.top_staff_image { width: 50%; float: right; background: url(../img/staff_image.jpg) no-repeat; background-size: cover; background-position: right 50% top 20%; min-height: 390px; }
.top_staff_image img { width: 100%; height: auto; }
.top_staff_link { width: 50%; float: left; text-align: right; }
.top_staff_link a { float: right; text-align: left; width: 500px; display: block; padding: 81px 40px; color: #144115; }
.top_staff_link a:hover { background: #d9e6c1; opacity: 0.7; text-decoration: none; }
.top_staff_link p { font-size: 110%; }

.top_access { background: #f1f6e9; }
.top_access h3 { font-size: 160%; color: #144115; font-weight: 600; display: inline-block; padding: 0 0 0 20px; }
.access_image_box { display: inline-block; position: relative; top: -40px; }
.access_image_box img { width: 100px; height: auto; }
.top_access_image { width: 50%; float: left; background: url(../img/access_image.jpg) no-repeat; background-size: cover; background-position: right 50% top 20%; min-height: 390px; }
.top_access_image img { width: 100%; height: auto; }
.top_access_link { width: 50%; float: right; text-align: right; }
.top_access_link a { float: left; text-align: left; width: 500px; display: block; padding: 100px 40px; color: #144115; }
.top_access_link a:hover { background: #d9e6c1; opacity: 0.7; text-decoration: none; }
.top_access_link p { font-size: 110%; }
.top_access_link_cap { font-size: 80%; }

/* 2021-09-22 14:52:48 */
.top_links { background: #f1f6e9; }
.top_links h3 { font-size: 160%; color: #144115; font-weight: 600; display: inline-block; padding: 0 0 0 20px; }
.staff_image_box { display: inline-block; position: relative; top: -40px; }
.staff_image_box img { width: 100px; height: auto; }
.top_links_image { width: 50%; float: right; background: url(../img/links_image.jpg) no-repeat; background-size: cover; background-position: right 50% top 20%; min-height: 390px; }
.top_links_image img { width: 100%; height: auto; }
.top_links_link { width: 50%; float: left; text-align: right; }
.top_links_link a { float: right; text-align: left; width: 500px; display: block; padding: 81px 40px; color: #144115; }
.top_links_link a:hover { background: #d9e6c1; opacity: 0.7; text-decoration: none; }
.top_links_link p { font-size: 110%; }

/* 2021-09-22 14:52:46 */
.top_instagram { background: #f1f6e9; }
.top_instagram h3 { font-size: 160%; color: #144115; font-weight: 600; display: inline-block; padding: 0 0 0 20px; }
.instagram_image_box { display: inline-block; position: relative; top: -40px; }
.instagram_image_box img { width: 100px; height: auto; }
.top_instagram_image { width: 50%; float: left; background: url(../img/instagram_image.jpg) no-repeat; background-size: cover; background-position: right 50% top 20%; min-height: 390px; }
.top_instagram_image img { width: 100%; height: auto; }
.top_instagram_link { width: 50%; float: right; text-align: right; }
.top_instagram_link a { float: left; text-align: left; width: 500px; display: block; padding: 100px 40px; color: #144115; }
.top_instagram_link a:hover { background: #d9e6c1; opacity: 0.7; text-decoration: none; }
.top_instagram_link p { font-size: 110%; }
.top_instagram_link_cap { font-size: 80%; }



/*second style================================================*/
.about_top_image { background-image: url(../img/about_top_image.jpg); background-repeat: no-repeat; background-size: auto; background-position: top center; min-height: 294px; position: relative; top: 0;}
.info_top_image { background-image: url(../img/info_top_image.jpg); background-repeat: no-repeat; background-size: auto; background-position: center center; min-height: 294px; position: relative; top: 0;}
.disease_top_image { background-image: url(../img/disease_top_image.jpg); background-repeat: no-repeat; background-size: auto; background-position: top center; min-height: 294px; position: relative; top: 0;}
.small_top_image { background-image: url(../img/small_top_image.jpg); background-repeat: no-repeat; background-size: auto; background-position: top center; min-height: 294px; position: relative; top: 0;}
.feature_top_image { background-image: url(../img/feature_top_image.jpg); background-repeat: no-repeat; background-size: auto; background-position: top center; min-height: 294px; position: relative; top: 0;}
.dermatology_top_image { background-image: url(../img/dermatology_top_image.jpg); background-repeat: no-repeat; background-size: auto; background-position: top center; min-height: 294px; position: relative; top: 0;}
.pets-hotel_top_image { background-image: url(../img/pets-hotel_top_image.jpg); background-repeat: no-repeat; background-size: auto; background-position: top center; min-height: 294px; position: relative; top: 0;}
.surgery_top_image { background-image: url(../img/surgery_top_image.jpg); background-repeat: no-repeat; background-size: auto; background-position: top center; min-height: 294px; position: relative; top: 0;}
.staff_top_image { background-image: url(../img/staff_top_image.jpg); background-repeat: no-repeat; background-size: auto; background-position: center center; min-height: 294px; position: relative; top: 0;}
.recruit_top_image { background-image: url(../img/recruit_top_image.jpg); background-repeat: no-repeat; background-size: auto; background-position: top center; min-height: 294px; position: relative; top: 0;}
.second_h2_about { background: #ffffff; padding: 20px 0px 20px 60px; background: url(../img/h2_icon01.svg) 0% center no-repeat #ffffff; background-size: 35px auto; font-size: 140%; font-weight: 600; color: #144115;}
.second_h2_info { background: #ffffff; padding: 20px 0px 20px 60px; background: url(../img/h2_icon03.svg) 0% center no-repeat #ffffff; background-size: 36px auto; font-size: 140%; font-weight: 600; color: #144115;}
.second_h2_small { background: #ffffff; padding: 20px 0px 20px 60px; background: url(../img/h2_icon04.svg) 0% center no-repeat #ffffff; background-size: 40px auto; font-size: 140%; font-weight: 600; color: #144115;}
.second_h2_regenerative-medicine { background: #ffffff; padding: 20px 0px 20px 60px; background: url(../img/h2_icon11.svg) 0% center no-repeat #ffffff; background-size: 40px auto; font-size: 140%; font-weight: 600; color: #144115;}
.second_h2_feature { background: #ffffff; padding: 20px 0px 20px 60px; background: url(../img/h2_icon07.svg) 0% center no-repeat #ffffff; background-size: 40px auto; font-size: 140%; font-weight: 600; color: #144115;}
.second_h2_surgery { background: #ffffff; padding: 20px 0px 20px 60px; background: url(../img/h2_icon08.svg) 0% center no-repeat #ffffff; background-size: 40px auto; font-size: 140%; font-weight: 600; color: #144115;}
.second_h2_dermatology { background: #ffffff; padding: 20px 0px 20px 60px; background: url(../img/h2_icon09.svg) 0% center no-repeat #ffffff; background-size: 40px auto; font-size: 140%; font-weight: 600; color: #144115;}
.second_h2_pets-hotel { background: #ffffff; padding: 20px 0px 20px 60px; background: url(../img/h2_icon10.svg) 0% center no-repeat #ffffff; background-size: 40px auto; font-size: 140%; font-weight: 600; color: #144115;}
.second_h2_staff { background: #ffffff; padding: 20px 0px 20px 60px; background: url(../img/h2_icon05.svg) 0% center no-repeat #ffffff; background-size: 38px auto; font-size: 140%; font-weight: 600; color: #144115;}
.second_h2_recruit { background: #ffffff; padding: 20px 0px 20px 60px; background: url(../img/h2_icon06.svg) 0% center no-repeat #ffffff; background-size: 50px auto; font-size: 140%; font-weight: 600; color: #144115;}
.second_h2_info-site-list { background: #ffffff; padding: 20px 0px 20px 60px; background: url(../img/h2_icon16.svg) 0% center no-repeat #ffffff; background-size: 40px auto; font-size: 140%; font-weight: 600; color: #144115;}

    .container.ttl .second_h2_about,
    .container.ttl .second_h2_info,
    .container.ttl .second_h2_small,
    .container.ttl .second_h2_disease,
    .container.ttl .second_h2_feature,
    .container.ttl .second_h2_surgery,
    .container.ttl .second_h2_dermatology,
    .container.ttl .second_h2_pets-hotel,
    .container.ttl .second_h2_staff,
    .container.ttl .second_h2_recruit {width: 1000px;margin: 0 auto;}
    
.second_title { font-size: 120%; border-bottom: solid 1px #666666; padding-bottom: 5px;}
.second_title_eng { font-size: 70%!important; color: #666666; font-weight: 100; }
.second_lead { background: url(../img/second_lead_bg.png) #f1f6e9; padding: 90px 0;}
.second_lead2 { background: url(../img/second_lead_bg.png) #f1f6e9; padding: 45px 0;}
.second_lead3 { background: url(../img/second_lead_bg.png) #f1f6e9; padding: 90px 0;}
.second_lead h4 { font-size: 240%; font-weight: 600; letter-spacing: 0.2em; color: #000000; padding: 0 0 60px 0; }
/* 190725 SK_BU .second_lead3 h4 { font-size: 240%; font-weight: 600; letter-spacing: 0.2em; color: #000000; padding: 0 0 60px 0; }*/
.second_lead3 h4 { font-size: 210%; font-weight: 600; letter-spacing: 0.2em; color: #000000; padding: 0 0 60px 0;  text-align: center; }
.second_lead p { font-size: 100%; }
.breadcrumb {font-size: 100%; background: url(../img/breadcrumb_icon.svg) left center no-repeat; background-size: 12px auto; padding: 20px 0 20px 20px; margin-bottom: 30px;}
.second_left { max-width: 793px; width: 100%; float: left; }
.second_right {max-width: 200px;width: 100%; float: right; padding: 0 0 0 20px; /*margin-top:85px;*/}
.second_right ul { margin-top: -24px; }
.second_right li { border-bottom: solid 1px #144115; padding: 10px 0; }
.second_right li a { color: #666666; }
.sidebar_line { background: url(../img/second_sidenav_illust.svg) right bottom no-repeat; border-bottom: solid 2px #144115; padding: 24px 0 0 0; position: relative; top: -24px; }
.second_right p img { width: 100%; height: auto; margin-top: 20px; }
.info_extra_img { width: 100%; height: auto;}
.info_extra_img img { width: 100%; height: auto;}
.about_image01 { background: url(../img/about_image01.jpg) no-repeat; background-size: cover; min-height: 367px; }
.second_about_message { margin-top: 80px; }
.second_about_message_left { width: 100%; float: left; }
.second_about_message_left h3 { border-left: solid 10px #144115; color: #144115; font-size: 160%; font-weight: 600; padding: 0 0 0 20px; margin-bottom: 40px; }
.second_about_message_left h4 {color: #144115;font-size: 150%;letter-spacing: 1px;font-weight: 600;border-bottom: 1px dashed #144115;margin: 10px 0;}
.second_about_message_left p { font-size: 110%; }
.second_about_message_right { width: 35%; float: right; }
.second_about_message_right img { width: 100%; height: auto; }
.second_about_facility { margin-top: 80px; background: #f1f6e9; }
.second_about_facility h3 { border-left: solid 10px #144115; color: #144115; font-size: 160%; font-weight: 600; padding: 0 0 0 20px; margin-bottom: 40px; }
.second_about_facility_left { width: 50%; float: left; margin-bottom: 60px; }
.second_about_facility_left h4 { color: #144115; font-size: 160%; font-weight: 600; margin-bottom: 20px; margin-top: 20px; }
.second_about_facility_left p { color: #333333; font-size: 100%; padding: 0 20px 0 0; }
.second_about_access { background: url(../img/info_bg.png); padding: 78px 0; }
.second_about_access h3 { border-left: solid 10px #144115; color: #144115; font-size: 160%; font-weight: 600; padding: 0 0 0 20px; margin-bottom: 40px; }
.second_about_access p { font-size: 100%; }
.second_about_schedule { padding: 78px 0; }
.second_about_schedule h3 { border-left: solid 10px #144115; color: #144115; font-size: 160%; font-weight: 600; padding: 0 0 0 20px; margin-bottom: 40px; }
.second_about_schedule iframe{max-width: 794px; width: 100%;height: 700px; border: none;}

.info_main { margin-bottom: 30px; }
.info_main li { width: 47%; float: left; margin-right: 3%; }
.info_main.cal03 li { width: 30.3%; float: left; margin-right: 3%; }
.info_main li h5 { color: #144115; font-size: 140%; font-weight: 600; padding: 20px 0; }
.info_sub .sub_cls li h5 { text-align: left; }
.info_main li p { font-size: 95%; }
.info_main li p img { width: 100%; height: auto; }

/* 2020.05.19 SK */
.info_main .half_cal { width: 47%; }
.info_main .full_cal { width: 100%; }
.info_category h3 { border-left: solid 10px #144115; border-bottom: solid 1px #144115;  color: #144115; font-size: 160%; font-weight: 600; padding: 0 0 0 15px; margin-bottom: 20px; }

.small_left { width: 48%; float: left; margin-bottom: 20px; }
.small_left p { font-size: 100%; }
.small_left img { width: 100%; height: auto; }
.small_right { width: 48%; float: right; margin-bottom: 20px; }
.small_right p { font-size: 100%; }
.small_right img { width: 100%; height: auto; }
.small_large_img img { width: 100%; height: auto; margin-bottom: 20px; }
.small_content h3 { font-size: 160%; font-weight: 600; color: #144115; padding: 30px 0; }
.small_text { font-size: 100%; margin-bottom: 20px; }
.small_main { margin-bottom: 60px; }
.small_main2 { margin-bottom: 10px; }
.small_main li { width: 45%; float: left; margin-right: 5%; }
.small_main li h5 { color: #144115; font-size: 160%; font-weight: 600; padding: 30px 0; text-align: center; }
.small_main h5 { color: #144115; font-size: 160%; font-weight: 600; padding: 30px 0; text-align: center; }
.small_main li p { font-size: 100%; }
.small_main li img { width: 100%; height: auto; }
.small_main h6 { border-bottom: solid 1px #144115; }
.small_main2 li { width: 45%; float: left; margin-right: 200px; }
.small_main2 li h5 { color: #144115; font-size: 160%; font-weight: 600; padding: 30px 0; text-align: center; }
.small_main2 h5 { color: #144115; font-size: 160%; font-weight: 600; padding: 30px 0; text-align: center; }
.small_main2 li p { font-size: 100%; }
.small_main2 li img { width: 100%; height: auto; }
.small_main2 h6 { border-bottom: solid 1px #144115; }
.small_text { display: block; margin-bottom: 20px; }
.small_extra_img { width: 100%; }

.staff_left { width: 50%; float: right; }
.staff_left h3 { color: #144115; font-size: 240%; font-weight: 600; margin-top: 1rem;}
.staff_title { color: #144115; font-size: 140%; font-weight: 600; letter-spacing:8px;padding-left:3px;}
.staff_career { color: #333333; font-size: 100%;}

.staff_right { width: 42%; float: left; text-align: left;position:rerative;min-height:190px;/*border:1px solid #000;*/}
.staff_img_first { display: inline-block; margin-right: 20px; width: 184px; height: auto;}
.staff_img_first img { width: 280px; height: auto; position:absolute; top:0;left:-5px;border-radius:1000px;box-shadow: 0 2px 12px #ccc;border:3px solid #fff;}
.staff_img_second { display: inline-block; margin-right: 20px; width: 132px; height: auto; }
.staff_img_second img { width: 130px; height: auto; position:absolute; top:120px;left:220px;border-radius:1000px;box-shadow: 5px 5px 18px #ccc;border:2px solid #fff;}
.staff_left h4 { font-size: 100%; color: #144115; font-weight: 600; }
.staff_text { font-size: 110%; margin-bottom: 40px; }

.staff_detail { padding: 150px 0 0px 0; border-bottom: solid 2px #144115;border-top: solid 2px #144115; margin: -20px 0 20px 0; }
.staff_detail h4 { color: #144115; font-size: 150%; letter-spacing:1px;font-weight: 600; border-bottom:1px dashed #144115;margin:10px 0;}

.recruit_content { font-size: 100%; margin-bottom: 60px; }
.recruit_content h3 { border-left: solid 10px #144115; color: #144115; font-size: 160%; font-weight: 600; padding: 0 0 0 20px; margin-bottom: 40px; }
.recruit_table { width: 100%; border-top: solid 1px #144115; border-left: solid 1px #144115; }
.recruit_table th { width: 30%; background: #617b61; color: #ffffff; }
.recruit_table td { width: 70%; }
.recruit_table th,td { border-right: solid 1px #144115; border-bottom: solid 1px #144115; padding: 5px 20px; }

.single_content h2 { font-size: 180%; color: #144115; padding: 0 0 5px 0; font-weight: 600; border-bottom: solid 1px #286443; margin: 0 0 10px; }
.single_content p.single_date { font-size: 100%; margin-bottom: 50px; margin-left: 10px; }
.single_nav { padding: 40px 0; font-size: 100%; }
.single_nav a { color: #144115; }
.single_nav_left { width: 40%; float: left; text-align: left; }
.single_nav_right { width: 40%; float: right; text-align: right; }
.entry-content { font-size: 100%; position: relative; }
.entry-content p.breadcrumb {text-align: left;}
.entry-content p { font-size: 96%; position: relative; }
/* 2020-10-16 17:12:03 */
body.single .entry-content ul {list-style: inside;margin: 1rem 0 2rem 1rem;}
body.single .entry-content ul ul {list-style: circle;margin: 0.6rem 0 2rem 2.7rem;}
body.single .entry-content .half_cal { width: 47%; }
body.single .entry-content .full_cal { width: 100%; }
body.single .entry-content h3 { border-left: solid 10px #144115; border-bottom: solid 1px #144115;  color: #144115; font-size: 160%; font-weight: 600; padding: 0 0 0 15px; margin-bottom: 20px; }
/* /2020-10-16 17:12:03 */

.facility_p_height { min-height: 80px; }

.info_illust { display: block; position: absolute; top: -105px; right: 360px; width: 96px; height: auto; }
.small_illust { display: block; position: absolute; top: 150px; right: 180px; width: 72px; height: auto; z-index: 10000;}

.news_list { padding: 60px 0 0 0; }
.news_list li { border-bottom: solid 1px #144115; margin-bottom: 20px; }
.news_date { width: 20%; float: left; font-size: 100%; margin-right: 2%; }
.news_main_text { width: 75%; float: left; }
.news_main_text h4 { font-size: 120%; }
.news_main_text h4 a { color: #144115; }


/*footer style================================================*/
/* 2020-01-22 12:11:24 */
/* .footer_line { background: url(../img/footer_bg.svg) top repeat-x; padding: 20px; border: none; z-index: 100; position: relative; } */
.footer_line { background-image: url(../img/footer_bg.svg);background-repeat: repeat-x; background-size:contain; padding: 20px; border: none; z-index: 100; position: relative; }


footer { background: #144115; }
.footer_container { padding: 20px 0 50px; }
footer h2 { border-bottom: solid 1px #aeca7b; padding: 25px 0 35px 0; }
footer h2 img { width: 316px; }
footer .footer_link_list01 { width: 28%; float: left; color: #ffffff; }
footer .footer_link_list02 { width: 26%; float: left; color: #ffffff; }
footer .footer_link_list03 { width: 16%; float: left; color: #ffffff; }
footer .footer_link_list04 { width: 26%; float: left; color: #ffffff; }
footer .footer_link_list01 a { color: #ffffff; }
footer .footer_link_list02 a { color: #ffffff; }
footer .footer_link_list03 a { color: #ffffff; }
footer .footer_link_list04 a { color: #ffffff; }
.footer_address { background: url(../img/footer_icon01.svg) left 5px no-repeat; font-size: 80%; padding: 5px 0 5px 30px; background-size: 24px auto; margin-bottom: 10px; }
.footer_tel { background: url(../img/footer_tel_icon.svg) left 5px no-repeat; font-size: 80%; padding: 5px 0 5px 30px; background-size: 24px auto; margin-bottom: 10px; }
.footer_access { background: url(../img/footer_icon02.svg) left 5px no-repeat; font-size: 80%; padding: 5px 0 5px 30px; background-size: 24px auto; }
.footer_access2 { background: url(../img/footer_icon03.svg) left 5px no-repeat; font-size: 80%; padding: 5px 0 5px 30px; background-size: 24px auto; }
.footer_link { font-size: 100%; margin-bottom: 5px; }
.footer_link_list_second li { list-style-type: disc; margin-left: 20px; }
.footer_resavation_btn { width: 260px; position: relative; text-align: center; margin-bottom: 20px; font-family: 'Noto Sans Japanese', '游ゴシック Medium', '游ゴシック体', 'Yu Gothic Medium', YuGothic, 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; }
.footer_resavation_btn a { background: url(../img/footer_btn_bg.svg); display: block; padding: 0px 20px; background-size: 200% auto; border-radius: 50px; border: solid 3px #ffffff; color: #00542a; font-weight: 600;  box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.3); }
.footer_resavation_btn img { width: 24px; height: auto; display: inline; position: absolute; right: 20px; top: 9px; }
.footer_info { background: #355330!important; border-radius: 20px; padding: 20px; }
.footer_copyright { font-size: 70%; color: #ffffff; padding: 0 0 20px 0; }

/*margin/padding style================================================*/
.menu { position: relative; height: 70px;}
.menu__single { width: 300px; }
.menu > li {  }
.menu > li a {  }
.menu > li a:hover {  }
ul.menu__second-level { visibility: hidden; opacity: 0; z-index: 1000; }
ul.menu__second-level a { color: #144115; text-align: left; padding: 10px!important; }
ul.menu__third-level { visibility: hidden; opacity: 0; }
ul.menu__fourth-level { visibility: hidden; opacity: 0; }
.menu > li:hover { -webkit-transition: all .5s; transition: all .5s; }
.menu__second-level li { width: 100%; /*list-style-type: disc;*/ background:#d1e7a6; text-align: left; }
.menu__third-level li {  border-top: 1px solid #111; }
.menu__second-level li a:hover { width: 100%; display: block; background: #9bcb3e; color: #144115; }
.menu__third-level li a:hover { background: #2a1f1f; }
.menu__fourth-level li a:hover { background: #1d0f0f; }
/* 下矢印 */
.init-bottom:after { }
/* floatクリア */
.menu:before,
.menu:after { content: " "; display: table; }
.menu:after { clear: both;}
.menu { *zoom: 1; }
.menu > li.menu__single { position: relative; }
li.menu__single ul.menu__second-level {
    position: absolute;
    top: 65px;
    width: 100%;
    background:#D1E7A6;
    color: #144115;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    border: solid 3px #144115;
}

li.menu__single:hover ul.menu__second-level {
    top: 67px;
    width: 100%;
    max-width: 330px;
    display: block;
    visibility: visible;
    opacity: 1;
    background: #9bcb3e;
}

/*contents fade in style================================================*/
 .fadein {
  opacity: 0;
  transform : translate(0, 50px);
  transition : all 1500ms;
}

.fadein.scrollin{
  opacity: 1;
  transform: translate(0, 0);
}


/*margin/padding style================================================*/
.mr12 { margin-right: 12px; }
.ml10 { margin-left: 10px; }
.mt20 { margin-top: 20px; }
.mt30 { margin-top: 30px; }
.mt60 { margin-top: 60px; }
.mt80 { margin-top: 80px; }
.mt10 { margin-top: 10px; }
.mt20 { margin-top: 20px; }
.mt30 { margin-top: 30px; }
.mt40 { margin-top: 40px; }
.mt50 { margin-top: 50px; }
.mt100 { margin-top: 100px; }
.mt120 { margin-top: 120px; }
.sp_none { display: block; }
.sp_footer_info { display: none; }
.sp_footer { display: none; }
.pc_none { display: none; }
.sp_footer_inq { display: none; }
.pl10{ padding-left: 10px; }


/*align*/
.pc-tl {text-align:left;}
.pc-tc {text-align:center;}
.pc-tr {text-align:right;}
	@media only screen and (max-width: 690px) {
	.sp-tl {text-align:left;}
	.sp-tc {text-align:center;}
	.sp-tr {text-align:right;}
    }
/* ---------------------------------------
show hidden
--------------------------------------- */
.sp_show {display:none;}
.sp_hidden {display:block;}
@media only screen and (max-width: 960px) {
    .sp_show {display:block;}
    .sp_hidden {display:none;}
        }
/*BR*/
.spbr {display:none;}
.pcbr {display:block;}
    @media only screen and (max-width: 960px) {
        .spbr {display:block;}
        .pcbr {display:none;}
}

/*position*/
.tc {text-align:center;}
.tr {text-align:right;}
.tl {text-align:left;}

.fl {float: left;}
.fr {float: right;}
img.fl {float: left; margin: 0 2rem 2rem 0;}
img.fr {float: right; margin: -80px 0 2rem 2rem;}
@media only screen and (max-width: 690px) {
	img.fl {float: none; margin: 0 auto;max-width:180px;}
    img.fr {float: none; margin: -10px auto 20px auto;max-width:180px;}
	}

.access_image_left { width: 380px; float: left; margin-bottom: 20px; }
.access_image_left img { width: 96%; height: auto; }
.mr20 { margin-right: 20px; }
.footer_notice_text { font-size: 90%; margin-top: 10px; }


/*google_map*/
.google_map{
    position:relative;
    width:100%;
    height:0;
    padding-top:75%;
}
.google_map iframe{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}


/*春のキャンペーン 2020.04.03 */
.spcap2020{
	text-align: center;
	margin-bottom: 50px;
	width: 100%;
}

@media (max-width: 1024px) {
	.spcap2020 img{ width: 60%;}
}
@media (max-width: 800px) {
	.spcap2020 img{ width: 90%;}
}



table.fukidashi{
    width: 100%;
    border-collapse: collapse;
  }
  
  table.fukidashi tr{
    border-bottom: solid 2px white;
  }
  
  table.fukidashi tr:last-child{
    border-bottom: none;
  }
  
  table.fukidashi th{
    position: relative;
    vertical-align: middle;
    text-align: left;
    width: 40%;
    background-color: #d8e6c1;
    /* color: white; */
    text-align: center;
    padding: 10px 0;
  }
  
  table.fukidashi th:after{
    display: block;
    content: "";
    width: 0px;
    height: 0px;
    position: absolute;
    top:calc(50% - 10px);
    right:-10px;
    border-left: 10px solid #d8e6c1;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
  }
  
  table.fukidashi td{
    text-align: left;
    vertical-align: middle;
    width: 60%;
    background-color: #fff;
    padding: 10px 10px 10px 30px;
    border-right:none;
    border-bottom:none;
    border: 1px solid #d8e6c1;
    /* border-top: 2px solid #d8e6c1; */
    /* border-bottom: 2px solid #d8e6c1; */
  }

  table.fukidashi.clm3 th{width: 33%;}
  table.fukidashi.clm3 td{width: 33%;}


.idt-1 {padding-left:1rem;text-indent:-1rem;font-size: 100%;}
.idt-1.fss{padding-left:1rem;text-indent:-1rem;font-size: 80%;}
.idt-1.mgb{margin-bottom: 10px;}
.idt-1.mgbs{margin-bottom: 6px;}
.idt-2 {padding:0 0 0.6rem 1.7rem;text-indent:-1.7rem;}
.idt-3 {padding:0 0 0.6rem 2.2rem;text-indent:-2.2rem;}
.tyuui {padding:1rem;background-color: #f1f1f1;margin: 0 auto 1rem auto ;width: 90%;}
.tyuui .idt-2 {padding:0 0 0.6rem 3.3rem;text-indent:-3.3rem;}

/* 2020-12-11 16:03:59 */
.employment_content { font-size: 100%; margin-bottom: 60px; }
.employment_content h3 { border-left: solid 10px #144115; color: #144115; font-size: 160%; font-weight: 600; padding: 0 0 0 20px; margin-bottom: 40px; }
.employment_table { width: 100%; border-top: solid 1px #144115; border-left: solid 1px #144115; }
.employment_table th { width: 30%; background: #617b61; color: #ffffff; }
.employment_table td { width: 70%; }
.employment_table th,td { border-right: solid 1px #144115; border-bottom: solid 1px #144115; padding: 5px 20px; }
/*
@media (max-width: 800px) {
    .employment_table th{
      width: 100%;
      display: block;
    }
    
    .employment_table th:after{
      display: none;
    }
    
    .employment_table td{
        width: 100%;
        display: block;
    }
  
  }
*/

/* 20230822_1211 */
.main_container .section__surgery_stats {
    width: 100%;
    z-index: 1;
    padding: 60px 0 100px;
  }
  @media (max-width: 960px) {
  .main_container .section__surgery_stats {
      padding: 50px 10px 30px;
    }
  }
/* 20230828 */
@media (max-width: 960px) {
    .sp_footer-banner{
        border-top: 1px dashed rgba(255, 255, 255,0.5);
        padding-top: 15px;
        padding-bottom: 20px;
    }
    .sp_footer-banner a{
        display: block;
        max-width: min(250px, 100%);
        margin: 0 auto;
        opacity: 1;
    }
    .sp_footer-banner a + a{
        margin-top: 10px;
    }
    .sp_footer-banner img{
        width: 100%;
        opacity: 1!important;
    }
}