@charset "utf-8";
/* CSS Document */
/*====================================
reset
====================================*/
::selection {
	background: rgba(247, 232, 218, .45);
}

/*====================================
base
====================================*/
.arrow--cmn1:before,
.arrow--cmn1:after,
.gnav_link_item.has--dd .gnav_link_txt:before,
.gnav_link_txt:after,
#hamburger_menu .hamburger_blc_menu .tab_btn:not(.is--active) .tab_btn_mark,
#hamburger_menu .hamburger_blc_menu .tab_btn.is--active .tab_btn_mark:before,
#hamburger_menu .hamburger_blc_menu .tab_btn.is--active .tab_btn_mark:after,
#hamburger_menu .hamburger_blc_close span:before,
#hamburger_menu .hamburger_blc_close span:after,
.footer_blc1 .consultation_hours_tbl thead th,
.wp-pagenavi .page:before,
.wp-pagenavi .current:before,
.backnumber_btn_wrap .archive_btn:before,
.cmn_price_tbl th,
.tbl--row-head th,
.tbl--column-head th:first-child,
#top .sec_news .tab_btn:before,
#doctor .sec_greeting .blc_career .blc_ttl .border,
#doctor .sec_greeting .blc_career.blc4 .img_item{
	background-color: #F7E8DA;
}

.cmn_tab_btn_wrap .tab_btn_icon,
.btn--cmn_clinic .btn_icon,
.hamburger_btn span,
.footer_blc3 .footer_logo .box_logo .sns_item .icon,
.slider_pagination .swiper-pagination-bullet-active,
#doctor .sec_greeting .blc_career.career_media .box_media .box_ttl .icon{
	background-color: #9E7777;
}
.cmn_tab_btn_wrap .tab_btn.is--active .tab_btn_txt,
.btn--cmn_clinic,
.header_logo .logo-clinic-name,
.gnav_tel_txt,
.gnav_btn .btn_txt,
#hamburger_menu .hamburger_blc_close span,
.footer_blc1 .blc_consul .box_tel .btn_txt,
.footer_blc1 .consultation_hours_tbl thead th,
.footer_blc2 .footer_recruit .btn,
.footer_blc3 .footer_logo,
.footer_blc3 .footer_copyright .copyright,
.wp-pagenavi .current,
.backnumber_btn_wrap .archive_btn,
#top .sec_lead .sec_ttl,
#top .sec_kdwr .list_item .item_txt,
#top .sec_first .blc_content,
#top .sec_first .blc_content .archive_btn,
#doctor .sec_greeting .blc_greeting .box_img .name,
#doctor .sec_greeting .blc_career.blc4 .archive_btn,
#doctor .sec_case .case_item .case_ttl,
#first-time .sec_howto .blc_contact .btn2,
#first-time .sec_howto .ac_btn,
#first-time .sec_howto .blc_sign a,
#first-time .sec_flow .flow_ttl .ttl,
#about .sec_access .blc_map .btn_txt,
#about .sec_access .blc_map .way_item .item_ttl,
#about .sec_about .about_item .item_ttl,
#info .cat_ttl_list .cat_item .item_txt.is--current,
#price .price_box_ttl .ttl,
.cmn_price_tbl th, .tbl--row-head th, .tbl--column-head th:first-child,
#doctor .sec_greeting .blc_career.career_media .img_item .ttl{
	color: #9E7777;
}
.gnav_tel path,
.gnav .gnav_btn path,
.footer_blc1 .blc_consul .box_tel .btn path,
.footer_blc3 .box_link .link_media path,
#first-time .sec_howto .blc_contact .btn path{
	fill: #9E7777;
}
#doctor .sec_case .case_item .case_ttl{
	border-color: #9E7777;
}

.js--to_top a:before{
	border-color: #F3DDC9;
}

.cmn_tab_btn_wrap .tab_btn:before,
.gnav .reservation_btn,
.footer_blc3,
#top .sec_first .blc_content{
	background: linear-gradient(to bottom, #FCF6F0 0%, #F3DDC9 100%);
}

.header_logo .logo-clinic-name{
	border: none;
	background-color: #F3DDC9;
}
.gnav_tel_inner,
#info .cat_ttl_list .cat_item:not(:last-child){
	border-color: #E2E2E2;
}
.cmn_price_tbl tr:not(:first-child) th,
.tbl--row-head tr:not(:first-child) th,
.footer_recruit,
#about .sec_access .blc_detail{
	background-color: #FCF6F0;
}
.cmn_tab_btn_wrap .tab_btn{
	border-color: #EBEBEB;
}

.cmn_tab_btn_wrap .tab_btn:not(.is--active) .tab_btn_icon{
	background-color: #9FA09E;
}
.cmn_tab_btn_wrap .tab_btn:not(.is--active) .tab_btn_txt{
	color: #9fa09e;
}

.footer_blc3 .footer_logo .logo-clinic-name{
	background-color: #fff;
}

.gnav .access_btn,
#top .sec_recommend{
	background-color: #FBF4ED;
}

@media screen and (max-width: 959px) {
	.float_bnr_reserves .bnr,
	#top .sec_news .tab_btn.is--active .tab_btn_icon{
		background-color: #F7E8DA;
	}

	.float_bnr_reserves .bnr_txt{
		color: #9E7777;
	}
	.float_bnr_reserves .bnr_icon path{
		fill: #9E7777;
	}
}

@media screen and (min-width: 600px) {
	.footer_blc1 .blc_consul .box_tel .btn{
		border-color: #EBEBEB;
	}
}
@media screen and (min-width: 960px) {
	#top .sec_news .tab_btn_icon{
		background-color: #F7E8DA;
	}

	.btn--cmn_clinic:hover,
	.float_bnr_reserves .bnr:hover,
	.footer_blc2 .footer_recruit .btn:hover,
	.js--to_top a:hover,
	.slider_prev:hover,
	.slider_next:hover,
	.wp-pagenavi .previouspostslink:hover:before,
	.wp-pagenavi .nextpostslink:hover:before,
	.backnumber_btn_wrap .backnumber_btn:hover:before,
	#first-time .sec_howto .blc_contact .btn1:hover,
	#about .sec_access .blc_map .btn:hover{
		background-color: #9E7777;
	}
	.float_bnr_reserves .bnr_txt,
	.wp-pagenavi .page:hover,
	.wp-pagenavi .previouspostslink:hover,
	.wp-pagenavi .nextpostslink:hover,
	.backnumber_btn_wrap .backnumber_btn:hover,
	#info .cat_ttl_list .cat_item a.item_txt:hover{
		color: #9E7777;
	}
	.float_bnr_reserves .bnr{
		border-color: #9E7777;
	}
	.float_bnr_reserves .bnr:hover{
		border-color: #9E7777;
	}
	#price .menu_anchor_list .menu_item:hover{
		background-color: #FEFCFA;
	}
}

/*====================================
common
====================================*/
#hamburger_menu .menu_inner{
	background: linear-gradient(to bottom, #FFF 0%, #FFF 8rem, #F3DDC9 100%);
}
#hamburger_menu .hamburger_blc_link .menu_item_row:not(:last-child),
#hamburger_menu .hamburger_blc_link .menu_item:last-child{
	border-color: #fff;
}

.sec_pagettl{
	background-image: url(../img/clinic/shizuoka/common/pagettl-bg-sp.jpg?update=20241002);
}
.sec_pagettl:before{
	opacity: .6;
	background: linear-gradient(252deg, #CBAFAF 0%, #9E7777 35%, #CBAFAF 100%);
}
@media screen and (min-width: 960px) {
	.sec_pagettl{
		background-image: url(../img/clinic/shizuoka/common/pagettl-bg-pc.jpg?update=20241002);
	}
}

/*====================================
top
====================================*/
#top .sec_main .blc_main{
	background-image: url(../img/clinic/shizuoka/top/main-img-sp.jpg);
	background-position: center center;
}
#top .sec_main .blc_main .box_catch{
	left: 0;
}
@media screen and (max-width: 599px) {
	#top .sec_main .blc_main{
		position: relative;
	}
	#top .sec_main .blc_main:before{
		content: '';
		display: block;
		position: absolute;
		pointer-events: none;
		width: 100%;
		height: 100%;
		background: linear-gradient(222deg, rgba(255, 255, 255,0) 0%, rgba(255, 255, 255,0) 40%, rgba(255, 255, 255, .8) 67%, rgba(255, 255, 255, .8) 100%);
	}
	#top .sec_main .blc_main .box_catch{
		top: auto;
		bottom: 2rem;
	}
}
@media screen and (min-width: 600px) {
	#top .sec_main .blc_main .box_catch{
		top: 220px;
		right: 0;
		left: auto;
	}
}
@media screen and (min-width: 960px) {
	#top .sec_main .blc_main{
		background-image: url(../img/clinic/shizuoka/top/main-img-pc.jpg);
	}
	#top .sec_lead .blc_catch{
		padding-left: 50px;
		padding-right: 50px;
	}
}
@media screen and (min-width: 1150px) {
	#top .lead_wrap{
		background: linear-gradient(to bottom, #fff 0%, #fff 385px, #FCF6F0 950px, #fff 100%);
	}
}
@media screen and (min-width: 1300px) {
	#top .sec_main .blc_main .box_catch{
		right: -25px;
	}
}

#top .sec_lead .clinic_name{
	width: 23.5rem;
	top: -7rem;
	left: -2.9rem;
}
#top .sec_lead .blc_catch .sec_ttl span{
	display: block;
	margin-top: 1rem;
	font-size: 1.5rem;
	line-height: 1.6;
}
@media screen and (max-width: 1149px) {
	#top .sec_lead{
		background: linear-gradient(to bottom, #FEFCFA 0%, #FCF6F0s 15.3rem, #fff 48rem, #fff 100%);
	}
}
@media screen and (max-width: 959px) {
	#top .sec_lead .blc_img{
		background-size: 100% auto;
		background-color: #E2DCD8;
	}
	#top .sec_lead .blc_catch .sec_ttl{
		width: calc(100% + 1em);
		margin-left: -0.5em;
	}
}
@media screen and (min-width: 960px) {
	#top .sec_lead .sec_inner{
		padding-top: 125px;
		padding-bottom: 105px;
	}
	#top .sec_lead .clinic_name{
		width: 235px;
		top: -48px;
		left: -8px;
	}
	#top .sec_lead .blc_catch .sec_ttl span{
		margin-top: 15px;
		font-size: 20px;
		line-height: 1.65;
	}
	#top .sec_lead .blc_catch .box_txt{
		margin-top: 26px;
	}
}

@media screen and (max-width: 959px) {
	#top .sec_news .tab_btn.is--active .tab_btn_txt{
		color: #444444;
	}
}
@media screen and (min-width: 960px) {
	#top .sec_news .tab_btn:before{
		background-color: #EBEBEB;
	}
}

@media screen and (min-width: 960px) {
	#top .sec_first .blc_content{
		padding: 37px 40px;
	}
}

#top .sec_menu{
	background: linear-gradient(to bottom, #fff 0%, #fff 14rem, #EBEBEB 100%);
}
@media screen and (min-width: 960px) {
	#top .sec_menu{
		background: linear-gradient(to bottom, #fff 0%, #fff 80px, #EBEBEB 100%);
	}
}

/*===============================
first-time
===============================*/
#first-time .howto_wap{
	background-image: url(../img/clinic/shizuoka/first-time/howto-bg-sp.jpg?update=20240110);
}
#first-time .sec_howto .blc_detail,
#first-time .sec_howto .blc_sign,
#first-time .sec_flow .flow_blc .box_detail{
	background-color: #FEFCFA;
}

@media screen and (min-width: 600px) {
	#first-time .sec_howto .blc_contact .btn2{
		border-color: #F5F5F5;
	}
}
@media screen and (min-width: 960px) {
	#first-time .howto_wap{
		background-image: url(../img/clinic/shizuoka/first-time/howto-bg-pc.jpg?update=20240110);
	}
	#first-time .howto_wap:before{
		background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 365px, rgba(255, 255, 255, 0) calc(100% - 260px), rgba(255, 255, 255, 1) 100%);
	}
}

/*===============================
price
===============================*/
#price .price_box_ttl:before,
#price .price_box_ttl:after{
	background-color: #9E7777;
}

/*====================================
doctor
====================================*/
#doctor .sec_greeting:before{
	background-position: center top;
}
#doctor .sec_greeting:after{
	background:linear-gradient(to bottom, #FCF6F0 0%, rgba(255, 255, 255, .4) 100%);
}
#doctor .sec_greeting .blc_career .blc_ttl .border{
	background-color: #9E7777;
}

@media screen and (min-width: 960px) {
	#doctor .sec_greeting.doctor2 .blc_greeting{
		min-height: 550px;
		display: flex;
		align-items: center;
	}
	#doctor .sec_greeting.doctor2 .blc_greeting .box_img{
		top: 0;
	}
	#doctor .sec_greeting.doctor2 .career_blc_wrap{
		display: flex;
		justify-content: space-between;
	}
	#doctor .sec_greeting.doctor2 .career_blc_wrap .area_career{
		width: calc((100% - 30px) / 2);
		box-sizing: border-box;
	}
	#doctor .sec_greeting.doctor2 .career_blc_wrap .blc_inner{
		padding: 30px 40px;
	}
	#doctor .sec_greeting.doctor2 .career_blc_wrap .area_career2{
		display: flex;
	}
	#doctor .sec_greeting.doctor2 .career_blc_wrap .area_career2 .blc_career{
		display: flex;
		flex-direction: column;
		width: 100%;
	}
	#doctor .sec_greeting.doctor2 .career_blc_wrap .area_career2 .blc_career .blc_inner{
		flex: 1;
	}
	#doctor .sec_greeting.doctor2 .blc_career.blc3 .career_item:not(:last-child){
		margin-bottom: 32px;
	}
}