@charset "utf-8";
@media (min-width: 768px) {

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ヘッダーロゴ
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.main-navigation:not(.slideout-navigation) .site-logo {
	padding-left: 1.04vw;
	padding-bottom: 10px;
}

.navigation-branding img {
	width: 20.31vw;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ヘッダーナビ
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.main-navigation .main-nav > ul {
	align-items: flex-end;
}

.main-navigation:not(.slideout-navigation) ul:not(.sub-menu) > li:not(.access, .line) > a {
	color: var(--text-2)!important;
	padding-left: 1.3vw;
	padding-right: 1.3vw;
}

.main-navigation:not(.slideout-navigation) ul:not(.sub-menu) > li > a {
	padding-top: 0;
}

.main-navigation:not(.slideout-navigation) ul:not(.sub-menu) > li:hover > a {
	color: var(--text-2);
}

.main-navigation:not(.slideout-navigation) ul:not(.sub-menu) > li:not(.contact) > a::after {
	left: calc(50% - 3px);
	bottom: 15px;
	transition: all 0.3s ease;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: var(--main);
}

.main-navigation:not(.slideout-navigation) ul:not(.sub-menu) >li:hover > a::after, 
.main-navigation:not(.slideout-navigation) ul:not(.sub-menu) >li[class*='current-menu'] > a::after, 
.single-post.no-sidebar .main-navigation:not(.slideout-navigation) ul:not(.sub-menu) >li.symptoms > a::after{
	transform: none;
	opacity: 1;
}

/*非表示*/
.main-navigation:not(.slideout-navigation) li:is(.news, .recruit, .contact) {
	display: none;
}

/*アクセス・LINE（共通）*/
.main-navigation:not(.slideout-navigation) ul:not(.sub-menu) > li:is(.access, .line) {
	margin-bottom: 1.3vw;
}

.main-navigation:not(.slideout-navigation) ul:not(.sub-menu) > li:is(.access, .line) > a {
	display: flex;
	align-items: flex-end;
	justify-content: center;
	width: 140px;
	height: clamp(95px, 65.000px + 2.083vw, 105px);
	font-size: 17px;
	color: #fff;
	padding-bottom: clamp(5px, -16.000px + 1.458vw, 12px);
}

.main-navigation:not(.slideout-navigation) ul:not(.sub-menu) > li:is(.access, .line) > a::before {
	position: absolute;
	font-family: "icomoon";
	font-weight: normal;
	line-height: 1;
	left: 50%;
	transform: translate3d(-50%, 0px, 0px);
}

.main-navigation:not(.slideout-navigation) ul:not(.sub-menu) > li:is(.access, .line) > a::after {
	content: none;
}

/*アクセス*/
.main-navigation:not(.slideout-navigation) ul:not(.sub-menu) > li.access {
	margin-left: 0.78vw;
}

.main-navigation:not(.slideout-navigation) ul:not(.sub-menu) > li.access > a {
	background: var(--main);
	border-bottom-left-radius: 10px;
}

.main-navigation:not(.slideout-navigation) ul:not(.sub-menu) > li.access > a:hover {
	background: #247bbe;
}

.main-navigation:not(.slideout-navigation) ul:not(.sub-menu) > li.access > a::before {
	content: '\f041';
	font-size: 32px;
	top: 18px;
}

/*LINE*/
.main-navigation:not(.slideout-navigation) ul:not(.sub-menu) > li.line {
	display: block;
	margin-left: 1px;
}

.main-navigation:not(.slideout-navigation) ul:not(.sub-menu) > li.line a {
	background: var(--accent);
}

.main-navigation:not(.slideout-navigation) ul:not(.sub-menu) > li.line > a:hover {
	background: #069c73;
}

.main-navigation:not(.slideout-navigation) ul:not(.sub-menu) > li.line > a::before {
	content: '\e902';
	font-size: 30px;
	top: 20px;
}
	
/* LINEを一時的に非表示に 2026-05-18re */
.main-navigation:not(.slideout-navigation) ul:not(.sub-menu) > li.line{
	display:none;
}

/*お知らせ*/
body[class*='news'] .main-navigation div.news > a,
body[class*='blog'] .main-navigation div.news > a,
body.right-sidebar .main-navigation div.news > a{
	color: var(--main);
}

/*採用情報*/
body.page-recruit .main-navigation div.recruit > a{
	color: var(--main);
}
	
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
メニュー上のヘッダー
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#pc_menu_other div:is(.news, .recruit) a {
	font-size: 15px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップ
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.page-home .body_inner:has(.floating_area) {
	/* 祖先要素にoverflowがあるとstickyが効かなくなる */
	overflow-x: clip!important;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップ > 特長
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#home_features .area_a {
	writing-mode: vertical-rl;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
下層 > クリニック紹介
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */	
/*スタッフセクションへのアンカーリンクの飛び先がずれてしまう不具合を修正*/
[id^="staff"] {
	scroll-margin-top: 140px;
}
	
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
フッター
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#footer-widgets ul.menu {
	display: block;
	gap: 1.56vw;
	column-count: 3;
}

#footer-widgets ul.menu > li a {
	white-space: nowrap;
}

.copyright-bar small {
	font-size: 13px;
}

.site-info {
	display: none;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ノートPC時のCSS
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
@media (min-width: 1024px) and ( max-width: 1440px){
	#home_message figure {
		max-height: 470px;
	}
}

}/*メディアクエリ終了*/