@charset "utf-8";

/* トップ ブログ・スタッフ・アクセス */

@media screen and (max-width: 599.9px) {
	.swell-block-columns.sp_scroll .swell-block-columns__inner {
		flex-wrap: nowrap;
		overflow-x: auto;
	}

	.swell-block-columns.sp_scroll .swell-block-column {
		min-width: min(320px, 65vw);
	}
}

/* トップ 業務内容 アンカーリンク */

.top_service_links {
	flex-wrap: nowrap;
	align-items: stretch;
	gap: 0;
	max-width: calc(100vw - 32px);
	margin: 0 auto 30px;
}

.top_service_links > .swell-block-linkList__item {
	flex-grow: 1;
	width: 100%!important;
	border: 2px solid var(--color_pale04);
}

.top_service_links > .swell-block-linkList__item + .swell-block-linkList__item {border-left: none;}

.top_service_links .swell-block-linkList__link {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	position: relative;
	min-height: 60px;
	padding: 10px 10px 10px 40px;
	box-sizing: border-box;
}

.top_service_links .swell-block-linkList__link .swell-block-linkList__icon {
	position: absolute;
	left: 20px;
	top: calc(50% - 11px);
	transform: rotate(90deg);
}

.top_service_links .swell-block-linkList__link .swell-block-linkList__text {margin-right: 0;}

@media (hover: hover) {
	.top_service_links .swell-block-linkList__link:hover {
		color: inherit!important;
		text-decoration: none!important;
	}

	.top_service_links .swell-block-linkList__link:hover .swell-block-linkList__icon {
		transform: translateY(5px) rotate(90deg);
	}
}

/* SP */
@media screen and (max-width: 599.9px) {
	.top_service_links > .swell-block-linkList__item,
	.top_service_links.swell-block-linkList.-flex .swell-block-linkList__item {
		width: auto!important;
		border-radius: 8px 8px 0 0;
	}
	.top_service_links .swell-block-linkList__link {
		padding: 10px;
		border-radius: 7px 7px 0 0;
		text-decoration: none!important;
	}
	.top_service_links .swell-block-linkList__link.active,
	.top_service_links .swell-block-linkList__link.active:hover,
	.top_service_links .swell-block-linkList__link.active:active {
		font-weight: bold;
		color: #fff;
		background: var(--color_main);
	}
	.top_service_links .swell-block-linkList__link .swell-block-linkList__icon {
		display: none;
	}
}

/* トップ サービス一覧 */

.p-postList.-type-card {
	row-gap: 1.2em;
}

@media screen and (min-width: 960px) {
	.-type-card.-pc-col2 .p-postList__item {
		padding-left: 1.2em;
		padding-right: 1.2em;
	}
}

.p-postListWrap.col1_01 .p-postList__item:first-child {width: 100%;}

/* タブ切り替え */

@media screen and (max-width: 599.9px) {
	.top_services .wp-block-group[data-content].tab_hide {display: none;}
}

/* トップ スタッフブログ */

#body_wrap.home #post_slider {
	margin-bottom: 0;
}

/* トップ 取り扱いメーカー */

.top_brand_wrap {
	border-top: 2px solid var(--color_htag);
	border-bottom: 2px solid var(--color_htag);
}

.top_brand_tit {
	margin: 0;
	padding: 14px;
	text-align: center;
	cursor: pointer;
}

.top_brand_wrap .wp-block-heading {
	display: inline-block;
	position: relative;
	padding: 0 0 0 32px;
	border-left: none;
}

.top_brand_wrap .wp-block-heading .u-fz-s {font-weight: normal;}

.top_brand_wrap .wp-block-heading::before,
.top_brand_wrap .wp-block-heading::after {
	content: "";
	position: absolute;
	top: calc(50% - 1px);
	left: 0;
	width: 20px;
	height: 2px;
	background: var(--color_htag);
	transition: transform .3s;
}

.top_brand_wrap:not(.active) .wp-block-heading::after {transform: rotate(90deg);}

.top_brand_wrap .top_brand {display: none;}

.top_brand_wrap .swell-block-box-menu__figure {
	width: 126px;
	padding: 10px;
	aspect-ratio: 1 / 1;
	background: #fff;
}

.top_brand_wrap .swell-block-box-menu__figure svg,
.top_brand_wrap .swell-block-box-menu__figure img {height: auto;}

.top_brand_wrap .swell-block-box-menu__text {
	line-height: 1.6;
	font-size: 14px;
}

.top_brand_wrap .swell-block-box-menu__text strong {font-size: 16px;}

/* お問い合わせ 追従ボタン */

/* PC */
@media screen and (min-width: 960px) {
	.fix_cv_btn {
		position: fixed;
		bottom: 2.5em;
		right: calc(2.5em + 70px);
		margin: 0;
		z-index: 99;
	}

	.fix_cv_btn a {
		display: flex;
		justify-content: center;
		align-items: center;
		width: 200px;
		min-width: 0;
		height: 52px;
		border-radius: 30px;
		font-weight: bold;
		color: #fff;
		background: var(--the-btn-bg);
		text-decoration: none!important;
		transition: opacity .3s, transform .3s;
	}

	.fix_cv_btn:not(._visible) a {
		opacity: 0;
		transform: translateY(-8px);
	}
}

@media screen and (max-width: 959.9px) {
	.fix_cv_btn {display: none;}
}

/* フッター 営業日カレンダー 調整 */

/* PC */
@media screen and (min-width: 600px) {
	.w-footer__box:has(.xo-event-calendar) {
		flex: 2;
		display: flex;
	}

	.w-footer__box:has(.xo-event-calendar) .widget_swell_prof_widget {
		width: 50%;
	}

	.w-footer__box:has(.xo-event-calendar) .widget_xo_event_calendar {
		width: 45%;
		margin: 0 0 0 5%;
	}

	.w-footer__box .xo-event-calendar table.xo-month .month-header {margin-top: 0;}

	.w-footer__box .calendar-caption {color: #fff;}

	.w-footer__box .xo-event-calendar table.xo-month button span.nav-prev,
	.w-footer__box .xo-event-calendar table.xo-month button span.nav-next {border-color: #fff;}
}

/* SP */
@media screen and (max-width: 599.9px) {
	.w-footer__box .widget_xo_event_calendar {display: none;}
}

/* お問い合わせ アコーディオン */

.contact_toggle_btn a {cursor: pointer;}

.contact_toggle_btn span {
	display: inline-block;
	position: relative;
	padding-left: 24px;
}

.contact_toggle_btn span::before,
.contact_toggle_btn span::after {
	content: "";
	position: absolute;
	left: 0;
	top: calc(50% - 1px);
	width: 14px;
	height: 2px;
	background: #fff;
	transition: transform .3s;
}

.contact_toggle_btn:not(.active) span::after {transform: rotate(90deg);}

/* サービス kv_un */

.c-pageTitle {font-size: 1.7em;}

/* PC */
@media screen and (min-width: 600px) {
	.c-pageTitle {font-size: 2em;}
}

#body_wrap.single-services .p-articleHead.c-postTitle,
#body_wrap.single-services .p-breadcrumb.p-breadcrumb-service {
	left: calc(50% - 50vw);
	max-width: 100vw!important;
	position: relative;
	width: 100vw
}

@supports (--css: variables) {
	#body_wrap.single-services .p-articleHead.c-postTitle,
	#body_wrap.single-services .p-breadcrumb.p-breadcrumb-service {
		left:calc(50% - 50vw + var(--swl-scrollbar_width, 0px)/2);
		width: calc(100vw - var(--swl-scrollbar_width, 0px))
	}
}

#body_wrap.single-services .p-breadcrumb.p-breadcrumb-service {
	font-size: 16px!important;
}

/* SP */
@media screen and (max-width: 599.9px) {
	#body_wrap.single-services .p-breadcrumb.p-breadcrumb-service {
		font-size: 14px!important;
	}
}

#body_wrap.single-services .p-articleHead.c-postTitle {
	display: flex;
	min-height: 240px;
	padding: 1em 0;
}

/* SP */
@media screen and (max-width: 599.9px) {
	#body_wrap.single-services .p-articleHead.c-postTitle {
		min-height: 11em;
		padding: 1.5em 0;
	}
}

/* ブログ サイドバー */

/* カレンダー */

.wp-calendar-table,
.wp-calendar-table a,
.wp-calendar-table.wp-calendar-table {
	color: var(--color_text);
}

.wp-calendar-table thead th {
	background: var(--color_header_bg);
}

/* 3カラム化 */

@media screen and (min-width: 960px) {
	.-sidebar-on .l-mainContent {
		width: 56%;
	}

	.-sidebar-on .r-sidebar,
	.-sidebar-on #sidebar.l-sidebar {
		width: 20%;
	}

	.-sidebar-on #sidebar.l-sidebar {
		order: -1;
	}
}

/* SNS */

.l-sidebar .widget_swell_sns_links {
	display: flex;
	justify-content: center;
}

.l-sidebar .widget_swell_sns_links li.c-iconList__item:not(li.c-iconList__item + li.c-iconList__item) {margin-left: 0;}

/* サイドバー アーカイブ 年ごと アコーディオン化 */

.widget_archive [data-year] {
	position: relative;
	padding-left: calc(.5em + 12px);
	cursor: pointer;
}

.widget_archive [data-year]::before,
.widget_archive [data-year]::after {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	width: 11px;
	height: 1px;
	background: #4a231a;
	transition: transform .3s;
}

.widget_archive [data-year]:not(.active)::after {transform: rotate(90deg);}

.widget_archive [data-yearli] {
	display: none;
	background: rgba(3, 2, 2, .03);
}

@media (hover: hover) {
	.widget_archive [data-yearli]:hover {
		background: #fff;
	}
}

/* ブログ 記事下部 CTA */

.blog_btm_widget h2.wp-block-heading,
.blog_btm_widget h2.wp-block-heading + .p-blogParts.post_content,
.blog_btm_widget #area {
	display: none!important;
}

.l-content .blog_btm_widget .swell-block-fullWide,
.l-content .blog_btm_widget .alignfull {
	left: 0;
	width: 100%;
	padding: 20px 0!important;
}

.blog_btm_widget .swell-block-columns .swell-block-column {
	padding: 20px;
}

.blog_btm_widget .swell-block-columns .swell-block-column .wp-block-heading {
	font-size: 20px;
}

.blog_btm_widget .swell-block-button {
	font-size: 16px;
}

.blog_btm_widget .swell-block-columns .swell-block-column .tel a .swl-inline-color.has-swl-deep-01-color {
	font-size: 30px!important;
}

.blog_btm_widget .wp-block-group:has(.mininote) {
	font-size: 13px;
}

.blog_btm_widget .mininote {
	font-size: 13px;
}

/* PC */
@media screen and (min-width: 600px) {
	
}

/* SP */
@media screen and (max-width: 599.9px) {

}