@charset "utf-8";
/* CSS Document */
/*====================================
reset
====================================*/
::selection {
	background: rgba(241, 186, 56, .15);
}

/*====================================
base
====================================*/
.arrow--cmn1:before,
.arrow--cmn1:after,
.btn--cmn_clinic .btn_icon,
.cmn_tab_btn_wrap .tab_btn:not(.is--active) .tab_btn_icon,
.gnav_link_item.has--dd .gnav_link_txt:before,
.gnav_link_txt:after,
.hamburger_btn span,
#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,
.slider_pagination .swiper-pagination-bullet-active,
.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.blc4 .img_item,
#doctor .sec_greeting .blc_career.career_media .box_media .box_ttl .icon{
	background-color: #F1BA38;
}
.cmn_tab_btn_wrap .tab_btn,
.cmn_tab_btn_wrap .tab_btn:not(.is--active) .tab_btn_txt,
.btn--cmn_clinic,
.header_logo .logo-clinic-name,
.gnav_tel_txt,
.gnav .access_btn .btn_txt,
#hamburger_menu .hamburger_blc_close span,
.footer_blc1 .blc_consul .box_tel .btn_txt,
.footer_blc2 .footer_recruit .btn,
.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 .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{
	color: #F1BA38;
}
.gnav_tel path,
.gnav .access_btn path,
.footer_blc1 .blc_consul .box_tel .btn path,
#first-time .sec_howto .blc_contact .btn path{
	fill: #F1BA38;
}
.header_logo .logo-clinic-name,
.js--to_top a:before,
#doctor .sec_case .case_item .case_ttl{
	border-color: #F1BA38;
}
.cmn_tab_btn_wrap .tab_btn:before,
.gnav .reservation_btn,
.footer_blc3,
#top .sec_first .blc_content{
	background: linear-gradient(to bottom, #FFDF92 0%, #EAAA00 100%);
}
.cmn_tab_btn_wrap .tab_btn,
.gnav_tel_inner,
#info .cat_ttl_list .cat_item:not(:last-child){
	border-color: #EDE3EC;
}
.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: #FFF7E4;
}
.gnav .access_btn{
	background-color: #FFFCF3;
}

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

@media screen and (min-width: 600px) {
	.footer_blc1 .blc_consul .box_tel .btn{
		border-color: #EDE3EC;
	}
}
@media screen and (min-width: 960px) {
	.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,
	#top .sec_news .tab_btn_icon,
	#first-time .sec_howto .blc_contact .btn1:hover,
	#about .sec_access .blc_map .btn:hover{
		background-color: #F1BA38;
	}
	.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: #F1BA38;
	}
	.float_bnr_reserves .bnr{
		border-color: #EDE3EC;
	}
	.float_bnr_reserves .bnr:hover{
		border-color: #F1BA38;
	}
	#price .menu_anchor_list .menu_item:hover{
		background-color: #FFF7E4;
	}
}

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

.footer_blc3 .footer_copyright .copyright{
	color: #FFF7E4;
}

.sec_pagettl{
	background-image: url(../img/clinic/namba/common/pagettl-bg-sp.jpg);
}
.sec_pagettl:before{
	opacity: .3;
	background: linear-gradient(252deg, #FFDF92 0%, #EAAA00 35%, #FFDF92 100%);
}
@media screen and (min-width: 960px) {
	.sec_pagettl{
		background-image: url(../img/clinic/namba/common/pagettl-bg-pc.jpg);
	}
}

/*====================================
top
====================================*/
#top .sec_main .blc_main{
	background-image: url(../img/clinic/namba/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/namba/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, #FFF7E4 950px, #fff 100%);
	}
}
@media screen and (min-width: 1300px) {
	#top .sec_main .blc_main .box_catch{
		right: -25px;
	}
}

#top .sec_lead .clinic_name{
	width: 18.4rem;
	top: -5.5rem;
	left: -2.9rem;
}
@media screen and (max-width: 1149px) {
	#top .sec_lead{
		background: linear-gradient(to bottom, #FEFAEE 0%, #FFF7E4 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: 184px;
		top: -34px;
		left: -8px;
	}
	#top .sec_lead .blc_catch .box_txt{
		margin-top: 26px;
	}
}

#top .sec_recommend{
	background-color: #FFF7E4;
}

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

@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/namba/first-time/howto-bg-sp.jpg?20220721);
}
#first-time .sec_howto .blc_detail,
#first-time .sec_howto .blc_sign,
#first-time .sec_flow .flow_blc .box_detail{
	background-color: #FFF7E4;
}

@media screen and (min-width: 600px) {
	#first-time .sec_howto .blc_contact .btn2{
		border-color: #FFF7E4;
	}
}
@media screen and (min-width: 960px) {
	#first-time .howto_wap{
		background-image: url(../img/clinic/namba/first-time/howto-bg-pc.jpg?20220721);
	}
}

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

/*====================================
doctor
====================================*/
#doctor .sec_greeting:before{
	background-position: center top;
}
#doctor .sec_greeting:after{
	background:linear-gradient(to bottom, #FFF7E4 0%, rgba(255, 255, 255, .4) 100%);
}
#doctor .sec_greeting .blc_career .blc_ttl .border{
	background-color: #EDE3EC;
}
#doctor .sec_greeting.doctor2 .blc_greeting .box_img .name{
	position: relative;
	bottom: auto;
	left: auto;
}

@media screen and (max-width: 959px) {
	#doctor .sec_greeting .blc_greeting .box_txt{
		margin-top: 1rem;
	}
}
@media screen and (min-width: 960px) {
	#doctor .sec_greeting.doctor2 .blc_greeting .box_img{
		position: relative;
		top: auto;
		right: auto;
	}
	#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;
	}
}