@charset "UTF-8";
/********************************************************************************

common-sp.css

********************************************************************************/
/*============================================================
 css変数
*============================================================*/
:root {
	--common-inner-max-width: 608px;           /* 通常サイト幅 */
	--common-inner-max-width-wide: 100%;      /* ワイドサイト幅 */
	--common-inner-padding: 24px;               /* 通常サイト幅内余白 */
	--common-inner-padding-wide: 16px;          /* ワイドサイト幅内余白 */
}

/*============================================================
 system
*============================================================*/
/* pc-sp display switch
---------------------------------------- */
.forPC {
    display: none;
}
.forSP {
    display: inherit;
}

/*============================================================
 format
*============================================================*/
/* コンテンツ内
---------------------------------------- */
body {
	font-size: 14px;
}
#main-contents {
	padding-bottom: 64px;
}
body:has(#footer-fixed-cta):not(.footer-fixed-cta-close) #main-contents {
	padding-bottom: 270px;
}


#breadcrumb {
	margin-bottom: 0;
}

/*============================================================
 コンテンツ共通
*============================================================*/
/* 要素幅超スクロール
---------------------------------------- */
.block-wscroll-sp {
    width: calc(var(--common-vw) - ((var(--common-vw) - 100%) / 2));
    overflow-x: auto;
}
.block-wscroll-sp .block-wscroll-inner {
    width: max-content;
    padding: 0 var(--inner-padding) 16px 0;
}
.block-wscroll-sp .block-wscroll-inner > * {
    width: auto;
    white-space: nowrap;
}

/* カード
---------------------------------------- */
.block-card {
    flex-direction: column;
    width: fit-content;
    margin: 0 auto;
}
.block-card .item {
    width: 343px;
}

/* お知らせ
---------------------------------------- */
.block-news .item.link-arrow:before {
	top: 52px;
	transform: none;
}
.block-news .item .info {
	gap: 10px;
}
.block-news .item .info .posted-date {
	font-size: 12px;
}
.block-news .item .info .title {
	font-size: 14px;
}


/* ブログ
---------------------------------------- */
.block-blog {
	--gap: 72px;
}
.block-blog .item {
	gap: 24px;
}
.block-blog .item .image {
	width: 80px;
}
.block-blog .item .info {
}
.block-blog .item .info .title {
	font-size: 16px;
}
.block-blog .item .info .excerpt {
	font-size: 12px;
}


.block-post-content .wp-block-table {
	/*overflow-x: scroll;*/
}
.block-post-content .wp-block-table table {
	/*width: 700px;*/
}
.block-post-content .wp-block-table table th,
.block-post-content .wp-block-table table td {
	font-size: 14px;
}
.block-post-content .wp-block-table table td:first-child {
	font-size: 14px;
	padding: 8px;
}
.block-post-content .wp-block-table table tr:first-child td {
	font-size: 16px;
}

.block-post-content .wp-block-group p:first-child {
	font-size: 16px;
}

/*============================================================
 リンクホバー時矢印
*============================================================*/
/* →アニメーションリンク改良版
---------------------------------------- */
/* 本体 */
.link-arrow-anim .arrow-anim-label:not([data-col]) .arrow-anim {
	width: 40px !important;	/* 表示する幅（一番利用の多い幅を設定） */
}


/*============================================================
 CTA
*============================================================*/
/* 
---------------------------------------- */


/*============================================================
 記事本文ブロック
*============================================================*/
/* 見出し
---------------------------------------- */

/*============================================================
 詳細ページ外部リンク導入部品
*============================================================*/
.single #sec-conductor .outer-link {
	margin: 56px 0;
}

/*============================================================
 footer
*============================================================*/
/* 画面下吸着CTA
---------------------------------------- */
#footer-fixed-cta {
	padding: 24px 0;
}
#footer-fixed-cta .close {
	width: 40px;
	height: 40px;
	top: -40px;
	padding: 12px 0;
}
#footer-fixed-cta .block {
	padding: 0;
	margin-bottom: 16px;
}
#footer-fixed-cta .block .text {
	width: 100%;
}
#footer-fixed-cta .block .text img.forSP {
	display: block;
}
#footer-fixed-cta .block .contact {
	width: 100%;
	gap: 16px;
	justify-content: center;
}
#footer-fixed-cta .block .contact .parts-btn {
	width: 202px;
}
#footer-fixed-cta .block .contact .parts-btn > * {
	font-size: 14px;
}
#footer-fixed-cta .block .contact .tel.forPC {
	display: none;
}
#footer-fixed-cta .block .contact .tel .parts-btn {
	width: 140px;
}
#footer-fixed-cta .schedule {
	font-size: 12px;
	line-height: 1;
	text-align: center;
}

/* ブログ詳細用CTA
---------------------------------------- */
#footer-cta-special {
	padding: 56px 0;
}
#footer-cta-special .title {
	margin-bottom: 40px;
}
#footer-cta-special .title img {
	width: 80%;
	min-width: 240px;
}
#footer-cta-special .block-list {
    gap: 64px;
}
#footer-cta-special .block-list .block .catch img {
	width: 80%;
}
#footer-cta-special .block-list .block .change {
	flex-direction: column;
}
#footer-cta-special .block-list .block .change .item-old::after {
    top: calc(100% + 24px);
    left: 50%;
    transform: translateX(-50%) rotate(90deg);
}
#footer-cta-special .block-list .block .change .item-new .treatment {
	padding: 32px 40px;
}

/* 共通
---------------------------------------- */
#site-footer {
}

/* CTA（ブログ詳細ページ以外） */
#site-footer #footer-cta {
	padding: 48px 0 64px 0;
}
#site-footer #footer-cta .layout {
	flex-direction: column;
}
#site-footer #footer-cta .layout .info {
	flex: unset;
}
#site-footer #footer-cta .layout .clinic-list {
	width: 100%;
}

/* 全ページ共通 */
#site-footer #footer {
}
#site-footer #footer .logo {
	margin-bottom: 60px;
}
#site-footer #footer .logo img {
	width: 92px;
}
#site-footer #footer .menu-list {
    flex-direction: column;
    margin-bottom: 48px;
}
#site-footer #footer .link-list {
    flex-direction: column;
    margin-bottom: 36px;
}
#site-footer #footer .clinic-list {
	display: none;
}