@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;
}

#breadcrumb {
	margin-bottom: 0;
}

/*============================================================
 コンテンツ共通
*============================================================*/
/* 要素幅超スクロール
---------------------------------------- */
.block-wscroll-sp {
    width: calc(100vw - ((100vw - 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 {
	width: 100%;
	font-size: 14px;
}


/* ブログ
---------------------------------------- */
.block-blog {
	--gap: 40px;
}
.block-blog .item {
	gap: 24px;
	background: transparent;
}
.block-blog .item.link-arrow:before {
	right: 0!important;
	bottom: 0!important;
}
.block-blog .item .image {
	width: 80px;
	height: 80px;
}
.block-blog .item .info {
	width: calc(100% - 104px);
	padding: 0;
}
.block-blog .item .info .title {
	font-size: 16px;
}
.block-blog .item .info .excerpt {
	font-size: 12px;
}

/* 症例
---------------------------------------- */
.block-case .item {
	padding: 24px 16px;
	margin-bottom: 40px;
}
.block-case .item .info .title {
	font-size: 20px;
}
.block-case .item .info .tags {
	margin-bottom: 16px;
}
.block-case .item .info .detail {
	margin-bottom: 16px;
}
.block-case .item .info .detail .col {
	width: 50%;
	border: none;
}
.block-case .item .info .detail .col:first-child {
	border-left: none;
	border-right: 1px solid var(--common-color-main);
}
.block-case .item .info .detail .col:last-child {
	width: 100%;
	margin-top: 12px;
	border: none;
}
.block-case .item .info .detail .col .label {
	font-size: 14px;
	margin-bottom: 0;
}
.block-case .item .info .detail .col .data {
}
.block-case .item .info .risk .label {
	font-size: 16px;
	padding-bottom: 4px;
}

/*============================================================
 記事本文ブロック
*============================================================*/
/* テーブル
---------------------------------------- */
.block-post-content .wp-block-table:not([class*="pattern"]) table th,
.block-post-content .wp-block-table:not([class*="pattern"]) table td {
	font-size: 14px;
}
.block-post-content .wp-block-table:not([class*="pattern"]) table td:first-child {
	font-size: 14px;
	padding: 8px;
}
.block-post-content .wp-block-table:not([class*="pattern"]) table tr:first-child td {
	font-size: 16px;
}

/* グループ
---------------------------------------- */
.block-post-content .wp-block-group p:first-child {
	font-size: 16px;
}

a.link .arrow {
	margin-top: 16px;
}


/*============================================================
 リンクホバー時矢印
*============================================================*/
/* 矢印アニメーション
---------------------------------------- */
.link-arrow-anim .arrow-anim {
	width: 136px;
}
.link-arrow-anim .arrow-anim::before {
	width: 136px;
	background-size: 136px auto;
}
.link-arrow-anim-right .arrow-anim {
	margin-top: 16px;
}
.link-wrap-right > .link-arrow-anim {
	gap: 24px;
}

/*============================================================
 すべての診療内容
*============================================================*/
#other-menu .list {
	max-width: 325px;
	justify-content: flex-start;
	gap: 20px 12px;
	padding: 0;
}
#other-menu .item {
	gap: 4px;
	width: 156px;
	position: relative;
}
#other-menu .item:nth-child(odd):before {
	content: "";
	position: absolute;
	background: var(--common-color-main);
	width: 1px;
	height: 48px;
	top: 0;
	right: 0px;
}
#other-menu .item .image {
	width: 48px;
}
#other-menu .item h3 {
	font-size: 16px;
}
#other-menu .item.small h3 {
	font-size: 14px;
}

/*============================================================
 その他クリニック
*============================================================*/
#sec-other-clinic .inner > p {
	margin-bottom: 40px;
}
#other-clinic .list {
	gap: 32px;
}
#other-clinic .item h2 {
	font-size: 14px;
}
#other-clinic .item h3 {
	font-size: 16px;
}
#other-clinic .item .info {
	gap: 16px;
	padding-bottom: 24px;
}
#other-clinic .item .info .image {
	width: 64px;
}
#other-clinic .item .info .text {
	width: calc(100% - 80px);
	font-size: 12px;
}

/*============================================================
 CTA
*============================================================*/
/* お問い合わせ
---------------------------------------- */
#cta-contact {
	padding: 64px 0;
}
#cta-contact .block .info {
	margin-top: 0;
}
#cta-contact .block .info h2 img {
	max-width: 284px;
}
#cta-contact .block .info .wrap {
	justify-content: center;
	gap: 16px;
}
#cta-contact .block .info > p {
	margin-bottom: 32px;
}
#cta-contact .block .info .tel .num {
	font-size: 32px;
}
#cta-contact .block .info .tel .detail {
	font-size: 10px;
	text-align: center;
}
#cta-contact .block .schedule {
	display: none;
}


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

/*============================================================
 footer
*============================================================*/
#site-footer {
}

/* メニューリスト
---------------------------------------- */
#site-footer .main-menu {
	flex-direction: column;
}
#site-footer .main-menu .menu-list {
	gap: 16px;
	flex-direction: column;
}