@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Poppins:ital@0;1&display=swap');
/* =================================
　　ページの種類とセレクタ
================================= */
/* 
・トップ            portal.articleSubCategory:has(.recentArticles)
・カテゴリ第一階層    portal.articleSubCategory:not(:has(.recentArticles))
・カテゴリ第二階層    portal.articleList
・記事詳細           portal.articleDetail
・お問い合わせ       portal.ticketForm
・検索一覧           portal.searchResults

それ以外のセレクタで適用箇所がわからない場合、「サンプルhtml」フォルダ内を検索して該当箇所を探してください
 */


/* =================================
　　全体共通設定
================================= */
:root {
	--color-text: #000;
	--color-brand: #002D96;
	--color-subBrand: #357ecf;
	--mask-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDggMTQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTIuMjQ0IDEuMjEzYTEgMSAwIDAwLTEuNDE4IDBMLjcgMS4zMzhhMSAxIDAgMDAwIDEuNDFMNC45MzEgNyAuNyAxMS4yNTJhMSAxIDAgMDAwIDEuNDFsLjEyNS4xMjVhMSAxIDAgMDAxLjQxOCAwbDUuMDU1LTUuMDgyYTEgMSAwIDAwMC0xLjQxTDIuMjQ0IDEuMjEzeiIvPjwvc3ZnPg==);
}

* {
	color: var(--color-text);
	letter-spacing: .08em;
}

.html {
	font-size: 15px;
	font-family: "Noto Sans JP", sans-serif !important;
	font-weight: 400;
	line-height: 1.8;
	font-kerning: normal;
	font-feature-settings: "palt";
	-webkit-font-smoothing: subpixel-antialiased;
	-moz-osx-font-smoothing: auto;
	scroll-behavior: smooth;
}

body>* {
	position: relative;
	z-index: 1;
}

body::after {
	content: "";
	position: fixed;
	z-index: 0;
	right: 0;
	top: 0;
	background-image: url(https://smartrelease.cloud/support_site_assets/back.svg);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: top center;
	height: 112vh;
	aspect-ratio: 855/935;
	opacity: .7;
}

a {
	transition: color.25s linear,
		fill.25s linear,
		opacity.25s linear,
		background-color.25s linear,
		scale.25s linear,
		border.25s linear,
		transform.25s linear,
		translate.25s linear,
		scale.25s linear;
	color: var(--color-brand);
}

a::before,
a::after,
a * {
	transition: inherit;
}

a:hover,
a:focus-visible,
.Link__active,
.ContentList__activeLink,
.Menu__menuItem:has(.Link__active):not(:has(ul)) {
	--color-text: var(--color-brand);
}


/* === ページトップへ戻る ==== */
.AppContainer__arrowShow {
	display: none;
}


/* === ヘッダー ==== */
.Header__logo span {
	font-weight: 600;
	font-size: 0.8rem;
	color: var(--color-brand);
	line-height: 1;
}

.Header__logo a {
	display: flex;
	flex-direction: column;
	gap: 0.1em;
	align-items: center;
	color: var(--color-brand);
}

.Header__logo img {
	max-height: none;
	max-width: none;
}

.Header__menuList a {
	font-weight: 600;
	color: var(--color-brand);
}

.Header__menuList a:hover,
.Header__menuList a:focus-visible {
	color: var(--color-subBrand) !important;
}

#headerContainer {
	box-shadow: 0px 0px 7px color(srgb 0 0 0 / 0.1);
	width: 100%;
	max-width: calc(100% - 30px);
	position: relative;
	left: 15px;
	top: 15px;
	border-radius: 8px;
	position: fixed;
}

#navBarContainer {
	max-width: none;
}

.Header__menuList {
	gap: .5em;
}

.Header__menuicon {
	align-self: flex-start;
	top: 41px;
}

/* 元のテーマの不要な色を削除 */
.Header__menu,
.Header__menu:after,
.Header__menu:before {
	background-color: var(--color-brand);
}

@media (min-width: 1024px) {

	.Header__homeContent .Header__navbar,
	.Header__defaultContent .Header__navbar {
		background-color: transparent;
	}
}

/* スマホ */
@media (max-width: 1024px) {

	.Header__homeContent .Header__navbar,
	.Header__defaultContent .Header__navbar,
	.Header__navopen .Header__navbar {
		background-color: transparent !important;
	}

	#headerContainer {
		padding-bottom: 51px;
	}

	#navBarContainer {
		min-height: 65px;
	}

	.Header__logo {
		padding: 0;
	}

	.Header__menuicon {
		top: 32px;
	}

	.Header__menuTab {
		background-color: #f5f5f5 !important;
		box-shadow: 0px 0px 7px color(srgb 0 0 0 / 0.1) !important;
		border-bottom-left-radius: 8px;
		border-bottom-right-radius: 8px;
		padding-top: 8px !important;
	}

	.Header__navopen {
		border-bottom-left-radius: 0 !important;
		border-bottom-right-radius: 0 !important;
	}

	.Header__navopen {
		border-bottom-left-radius: 0 !important;
		border-bottom-right-radius: 0;
	}

	.Header__tabsTab,
	.Header__tabsTab * {
		margin: 0;
		padding: 0;
	}

	.Header__menuList {
		padding-inline: .9375rem;
		align-items: stretch;
		gap: 0.8rem;
	}

	.Header__menuList a {
		display: block;
	}
}


/* === パンくずと検索ボックスを包むブロック（元々はこれ全体が固定されていたのを、検索ボックスだけを固定に） === */
.AppContainer__container {
	display: block;
	flex-direction: column-reverse;
	padding: 0;
	width: calc(100% - 40px);
}

header+div>div:first-child {
	display: none;
}

header+div>div {
	position: static !important;
	box-shadow: none;
	padding: 0 !important;
	width: auto !important;
	contain: none !important;
	transform: none !important;
}


/* === 検索ボックス === */
.SearchContainer__searchBox {
	position: fixed;
	z-index: 10;
	width: calc(100% - 226px - 37em);
	top: 33px;
	right: 29.9em;
}

.SearchContainer__searchBox input {
	font-size: 1.5em;
	height: auto;
	padding: 0.2em 0.9em 0.4em;
}

.Input__searchBox:hover,
.Input__searchBox:focus-visible {
	-webkit-box-shadow: 0 7px 19px -10px rgba(0, 45, 150, 0.3);
	-moz-box-shadow: 0 7px 19px -10px rgba(0, 45, 150, 0.3);
	box-shadow: 0 7px 19px -10px rgba(0, 45, 150, 0.3)
}

@media (max-width: 1024px) {
	.SearchContainer__searchBox {
		width: calc(100% - 60px);
		right: 0;
		left: 0;
		margin: auto;
		top: 80px;
	}

	.SearchContainer__searchBox input {
		font-size: 1.1em;
	}

	.SearchContainer__searchBoxIcon {
		top: 0.138rem;
	}
}


/* === パンくず ===  */
.BreadCrumbs__breadcrumbsView li:has([href="/portal/ja/kb"]),
/* パンくず1個目の「ナレッジベース」 */
.BreadCrumbs__breadcrumbsView li:has([href="/portal/ja/kb"])+li::before {
	/* パンくず1個目の「 > 」 */
	display: none;
}

header+div {
	margin: 130px 0 45px;
}

@media (max-width: 1024px) {
	header+div {
		margin: 153px 0 31px;
	}
}

.commonStyle__zt3breadCrumbBg {
	background: transparent;
}

.BreadCrumbs__breadcrumbsView {
	width: 100%;
}

.BreadCrumbs__breadcrumbsView ul {
	justify-content: flex-end;
}

.BreadCrumbs__breadcrumbsView ul li {
	padding: 0;
	flex: 0 1 auto !important;
}

.BreadCrumbs__breadcrumbsView ul li+li:before {
	content: "›";
	padding-inline: 1em;
}


/* === プレグレスバー === */
.Readingprogress__progressBarLine {
	position: fixed;
	width: 100%;
	bottom: 0;
	display: none;
	/* 基本設定はしてあるものの、非有効化中 */
}

.Readingprogress__progressContainer {
	position: static;
	height: 10px;
}

.Readingprogress__progressBar {
	box-shadow: none;
	height: 100%;
	background: linear-gradient(90deg, #0038dd 0%, #00c0e9 50%, #b2e400 100%);
}


/* === コンテンツエリア === */
#layoutContainer {
	width: calc(100% - 40px);
	align-items: flex-start;
	gap: 6em;
	background-color: transparent;
	padding: 0;
}

.Layout__oneColumn,
.Layout__twoColumn,
.Layout__twoColumn2,
.Layout__twoColumnReverse {
	min-height: auto;
}

.Layout__oneColumn .Layout__layout1,
.Layout__twoColumn .Layout__layout1,
.Layout__twoColumn .Layout__layout2,
.Layout__twoColumn2 .Layout__layout1,
.Layout__twoColumn2 .Layout__layout2,
.Layout__twoColumnReverse .Layout__layout1 {
	padding: 0;
}

.KbSubCategoryContainer__row {
	margin: 0;
	gap: 3em;
}

.Layout__oneColumn:after,
.Layout__twoColumn:after,
.Layout__twoColumnReverse:after,
.Layout__layout1:after,
.Layout__layout2:after {
	display: none;
}

.ListHeader__listHeader1~*:not(.widgetItem):not(.Tag__tag):not(.treeView) {
	padding-inline: 1.2rem !important;
}

.KbSubCategoryContainer__contentList {
	padding: 0;
	margin: 0;
	width: calc((100% - 6em) / 3) !important;
}

@media (max-width: 991px) and (min-width: 769px) {
	.KbSubCategoryContainer__contentList {
		width: calc((100% - 3em) / 2) !important;
	}
}

@media (max-width: 768px) {
	.KbSubCategoryContainer__contentList {
		width: 100% !important;
	}
}

.ScrollSticky__type2 {
	display: block;
	position: static !important;
	width: 100% !important;
	max-height: none;
}

.Layout__twoColumn .Layout__layout1 {
	flex: 1;
	width: 100%;
	border: none;
}

/* 元々設定されていた右カラムの余白調整用の要素を非表示に */
.Layout__twoColumn .Layout__layout2 div[style]:not([class]) {
	display: none;
}

/* 元々設定されていた右カラムの複数の要素の横余白を親要素の余白だけで管理するため削除 */
.Layout__layout2 *:not(ul):not(li):not(.Radio__radioFaux) {
	padding-inline: 0;
	margin: 0 auto !important;
}

/* stickyが機能するように右カラムの余計な高さ要素を削除 */
.commonStyle__rightPanelDetail {
	min-height: auto;
	margin: 0;
	padding: 0;
}

.commonStyle__widgetRight {
	margin: 0;
}

@media (min-width: 769px) {
	.Layout__twoColumn .Layout__layout2,
	.TicketFormRightContainer__widgetSection.commonStyle__widgetSection

	/* お問い合わせページの同エリアを兼用 */
		{
		position: sticky;
		width: 370px;
		top: 140px;
		max-width: 30vw;
	}
}

@media (max-width: 768px) {

	.Layout__twoColumn .Layout__layout1,
	.Layout__twoColumn .Layout__layout2,
	.Layout__twoColumn2 .Layout__layout1,
	.Layout__twoColumn2 .Layout__layout2,
	.Layout__twoColumnReverse .Layout__layout2,
	.Layout__twoColumnReverse .Layout__layout1 {
		width: 100%;
	}
}


/* === CTA === */
.Footer__footerBg {
	margin-top: 5em;
	padding: 2em;
	border-radius: 32px;
	background-image: linear-gradient(133deg, #005596 0%, #002D96 100%);
	--color-text: #fff;
	position: relative;
}

.Footer__footerBg::before {
	content: "";
	opacity: 11%;
	background-image: url(https://smartrelease.cloud/support_site_assets/c-cta__back.svg);
	background-size: contain;
	aspect-ratio: 385 / 353;
	position: absolute;
	height: 100%;
	top: -21%;
	left: 5%;
}

.Footer__footerInfo {
	padding: 0;
	gap: 2em;
	min-height: 11em;
}

@media (max-width: 48em) {
	.Footer__footerBtn {
		padding: 0;
	}
}

@media (min-width: 49em) {
	.Footer__footerBtn {
		width: 38%;
	}
}

.Footer__footerQus {
	color: var(--color-text);
	font-weight: 600;
	line-height: 1.3;
}

@media (max-width: 48em) {
	.Footer__footerQus {
		font-size: 2em;
	}
}

.Button__footerBtn {
	width: 35%;
	border-radius: 8px;
	background: #CEFF00;
	--color-text: var(--color-brand);
	color: var(--color-text);
	letter-spacing: .1em;
	font-size: 1.2em;
	font-weight: 600;
	padding: 1em;
	display: flex;
	align-items: center;
	gap: 1em;
	width: 100%;
	justify-content: center;
}

.Button__footerBtn::after {
	content: "";
	border-radius: 50%;
	aspect-ratio: 1/1;
	background-color: var(--color-text);
	transition: inherit;
	vertical-align: sub;
	width: 1.6em;
	background-size: 20%;
	background-position: 51% center;
	background-repeat: no-repeat;
	background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSIxNCIgZmlsbD0iI2ZmZiIgdmlld0JveD0iMCAwIDggMTQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTIuMjQ0IDEuMjEzYTEgMSAwIDAwLTEuNDE4IDBMLjcgMS4zMzhhMSAxIDAgMDAwIDEuNDFMNC45MzEgNyAuNyAxMS4yNTJhMSAxIDAgMDAwIDEuNDFsLjEyNS4xMjVhMSAxIDAgMDAxLjQxOCAwbDUuMDU1LTUuMDgyYTEgMSAwIDAwMC0xLjQxTDIuMjQ0IDEuMjEzeiIvPjwvc3ZnPg==);
}

.Footer__footerBtn button:hover,
.Footer__footerBtn button:focus-visible {
	background: #CEFF00;
}

.Footer__footerBtn button:hover::after,
.Footer__footerBtn button:focus-visible::after {
	translate: .2em 0;
}


/* === フッター === */
.Footer__footerCopyrigt {
	margin-top: -32px;
	background-color: #fff;
	padding: calc(5em + 32px) 0 5em;
}

.Footer__container2 {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 1em;
}

.Footer__container {
	position: relative;
}


/* === メインエリアのカテゴリタイトル（トップ・カテゴリ第一階層などで共通） === */
.ListHeader__dottedPopup,
/* カテゴリタイトルの「 … 」 */
.ListHeader__description

/* カテゴリ下のサブタイトル（同一テキスト） */
	{
	display: none;
}

.ListHeader__listHeader2 {
	background: #fff;
	border-radius: 8px;
	position: relative;
	padding: 0;
	border: none;
	display: block;
	padding: 1em 1.3em;
}

.ListHeader__listHeader2 a {
	display: flex;
	align-items: center;
	justify-content: space-between;
	position: absolute !important;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	white-space: normal;
	line-height: 1.3em;
	gap: .5em;
	padding-inline: 3.8em 1.1em;
	border-radius: 8px;
}

.ListHeader__listHeader2 a::after {
	content: "";
	aspect-ratio: 8 / 14;
	height: 0.9em;
	mask-image: var(--mask-image);
	mask-size: contain;
	mask-position: ccenter;
	background-color: var(--color-text);
	transition: translate .25s linear;
}

.ListHeader__listHeader2 a:hover::after,
.ListHeader__listHeader2 a:focus-visible::after {
	translate: .2em 0;
}

.Avatar__avatarImg {
	object-fit: contain;
}


/* ===ホバーすると波紋が広がるリンク　=== */
.ContentList__moreOption {
	/* カテゴリのマスに記事がたくさんあるときのみ表示される「詳細」のボタン */
	text-align: right;
	margin: 0;
	padding: .5rem 1.2rem;
}

.Link__link2 svg,
.SearchResult__pagination a svg,
.KbDetailLtContainer__backToSearch svg {
	display: none;
}

.KbDetailLtContainer__backToSearch::after {
	right: auto;
	left: 1px;
}

.KbDetailLtContainer__backToSearch::before {
	rotate: 180deg;
}

.Link__link2,
.SearchResult__pagination a
/* 検索一覧のページネーション */
,
.KbDetailLtContainer__backToSearch

/* 検索結果から記事詳細を開いた時のみ表示される「検索一覧に戻る」のリンク */
	{
	display: inline-flex;
	align-items: center;
	gap: 1.1em;
	position: relative;
	font-weight: 600;
	font-size: 1rem;
	--color-text: var(--color-brand);
	color: var(--color-text);
}

.Link__link2:hover::before,
.Link__link2:focus-visible::before,
.SearchResult__pagination a:hover::before,
.SearchResult__pagination a:focus-visible::before,
.KbDetailLtContainer__backToSearch:hover::after {
	transition:
		scale 600ms linear,
		opacity 300ms linear 300ms;
	scale: 1.6;
	opacity: 0;
}

.Link__link2::before,
.Link__link2::after,
.SearchResult__pagination a::before,
.SearchResult__pagination a::after,
.KbDetailLtContainer__backToSearch::before,
.KbDetailLtContainer__backToSearch::after {
	content: "";
	aspect-ratio: 1 / 1;
	border-radius: 50%;
}

.Link__link2::before,
.SearchResult__pagination a::before,
.KbDetailLtContainer__backToSearch::after {
	width: calc(2.5em - 2px);
	display: block;
	position: absolute;
	z-index: -1;
	right: 1px;
	border: 1px solid #00AA96;
	transition: none;
	transform-origin: center;
}

.Link__link2::after,
.SearchResult__pagination a::after,
.KbDetailLtContainer__backToSearch::before {
	background-color: var(--color-text);
	transition: inherit;
	vertical-align: sub;
	width: 2.5em;
	background-size: 20%;
	background-position: 51% center;
	background-repeat: no-repeat;
	background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSIxNCIgZmlsbD0iI2ZmZiIgdmlld0JveD0iMCAwIDggMTQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTIuMjQ0IDEuMjEzYTEgMSAwIDAwLTEuNDE4IDBMLjcgMS4zMzhhMSAxIDAgMDAwIDEuNDFMNC45MzEgNyAuNyAxMS4yNTJhMSAxIDAgMDAwIDEuNDFsLjEyNS4xMjVhMSAxIDAgMDAxLjQxOCAwbDUuMDU1LTUuMDgyYTEgMSAwIDAwMC0xLjQxTDIuMjQ0IDEuMjEzeiIvPjwvc3ZnPg==);
}


/* ===　記事リスト（お問い合わせ以外のほとんどのページで共通）　=== */
.ContentList__documentIcon,
/* 各項目の頭のアイコン */
.ListHeader__listIcon3 {
	display: none;
}

.ContentList__topicList {
	padding: .7rem 1.2rem;
}

.ContentList__subCategory .ContentList__topicContent {
	margin: 0;
}

.ContentList__listLink,
.ContentList__activeLink,
:not(.Menu__treeMenu)>*>*:not(.SearchResult__backOption)>[class*="Link__"]:not(.commonStyle__zt3Brand),
/* カテゴリ記事一覧ページも兼用 */
.SearchList__list,
/* 検索ボックス直下に動的に表示されるリンクリスト */
.SearchResult__panelFilter~div a:not([class*="Pagination__"])

/* 検索一覧のリンクリスト */
	{
	display: flex !important;
	align-items: center;
	gap: .8em;
	overflow: visible;
	white-space: normal;
}

.ContentList__listLink::after,
.ContentList__activeLink::after,
:not(.Menu__treeMenu)>*>*:not(.SearchResult__backOption)>[class*="Link__"]:not(.commonStyle__zt3Brand)::after,
.SearchList__list:after,
.SearchResult__panelFilter~div a:not([class*="Pagination__"])::after {
	content: "";
	aspect-ratio: 8 / 14;
	height: 0.7em;
	mask-image: var(--mask-image);
	mask-repeat: no-repeat;
	mask-size: contain;
	mask-position: center;
	background-color: var(--color-text);
	transition: translate .25s linear;
}

.ContentList__listLink:hover::after,
.ContentList__listLink:focus-visible::after,
.ContentList__activeLink:hover::after,
.ContentList__activeLink:focus-visible::after,
:not(.Menu__treeMenu)>*>*:not(.SearchResult__backOption)>[class*="Link__"]:not(.commonStyle__zt3Brand):hover::after,
:not(.Menu__treeMenu)>*>*:not(.SearchResult__backOption)>[class*="Link__"]:not(.commonStyle__zt3Brand):focus-visible::after,
.SearchList__list:hover::after,
.SearchList__list:focus-visible::after,
.SearchResult__panelFilter~div a:not([class*="Pagination__"]):hover::after,
.SearchResult__panelFilter~div a:not([class*="Pagination__"]):focus-visible::after {
	translate: .2em 0;
}

.ListHeader__listHeader3 {
	border: none;
}

.ListHeader__header3 {
	margin: 0;
}


/* ===　記事リストサイドバー（お問い合わせ以外のほとんどのページで共通）　=== */
.ArticleListRightContainer__widgetSection>.ListHeader__listHeader1 {
	display: none;
}

.Menu__treeMenu>li>.Menu__arrow {
	background: #fff;
	border-radius: 8px;
	display: block;
	width: 100%;
	padding: 0.8rem 1.6rem 0.8rem 3.6rem !important;
}

.Menu__treeMenu>li>.Menu__arrow::before {
	border-left: 2px solid var(--color-brand) !important;
	border-bottom: 2px solid var(--color-brand) !important;
	top: 2rem !important;
	left: 1.9rem !important;
}

.Menu__treeMenu>li>.Menu__arrow a {
	font-size: 1rem;
	font-weight: 600;
}

.Menu__menu:not(.Menu__treeMenu) .Menu__menuItem {
	padding-block: 0.6rem;
}

.Menu_menu a {
	line-height: 1.6;
}

.Link__link {
	gap: .8em;
	font-weight: 400;
	font-size: 15px;
}



/* =================================
　　ページ別
================================= */

/* ==================
    よくあるご質問トップ
================== */
/* 全体の段組 */
portal.articleSubCategory:has(.recentArticles) .WidgetContainer__list {
	display: grid !important;
	grid-template-areas:
		"banner new ranking"
		"main main main";
	grid-template-columns: 1fr 1fr 1fr;
	gap: 3em;
}

@media (max-width: 768px) {
	portal.articleSubCategory:has(.recentArticles) .WidgetContainer__list {
		grid-template-areas:
			"banner"
			"new"
			"ranking"
			"main";
		grid-template-columns: 1fr;
		gap: 1.2em;
	}
}

portal.articleSubCategory:has(.recentArticles) .WidgetContainer__list li {
	margin: 0;
}

portal.articleSubCategory:has(.recentArticles) .WidgetContainer__list li:nth-child(1) {
	grid-area: main;
}

portal.articleSubCategory:has(.recentArticles) .WidgetContainer__list li:nth-child(2) {
	grid-area: new;
}

portal.articleSubCategory:has(.recentArticles) .WidgetContainer__list li:nth-child(3) {
	grid-area: ranking;
}

portal.articleSubCategory:has(.recentArticles) .WidgetContainer__list li:nth-child(4) {
	grid-area: banner;
}

portal.articleSubCategory:has(.recentArticles) .WidgetContainer__list li:nth-child(4),
portal.articleSubCategory:has(.recentArticles) .WidgetContainer__list li:nth-child(4) * {
	margin: 0
}

portal.articleSubCategory:has(.recentArticles) .WidgetContainer__list li:nth-child(4) .CustomWidget__customDescription {
	height: 100%;
}

/* まずはここから */
portal.articleSubCategory:has(.recentArticles) .c-atFirst {
	background: #fff;
	border-radius: 8px;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	height: 100%;
	padding: 1em;
}

@media (max-width: 768px) {
	portal.articleSubCategory:has(.recentArticles) .c-atFirst {
		text-align: left;
		display: grid;
		grid-template-areas: "icon row1" "icon row2";
		column-gap: 1.2em;
	}
}

portal.articleSubCategory:has(.recentArticles) .c-atFirst:hover .c-atFirst__row2::after {
	translate: .2em 0;
}

portal.articleSubCategory:has(.recentArticles) .c-atFirst::before {
	grid-area: icon;
	content: "";
	background-image: url(https://smartrelease.cloud/support_site_assets/pb-reason__easy.svg);
	aspect-ratio: 48/52;
	background-size: cover;
	width: 4em;
}

@media (max-width: 768px) {
	.c-atFirst::before {
		width: 3em;
	}
}

portal.articleSubCategory:has(.recentArticles) .c-atFirst__row1 {
	grid-area: row1;
}

@media (min-width: 769px) {
	.c-atFirst__row1 {
		margin-block: 1.5em 0.6em !important;
	}
}

portal.articleSubCategory:has(.recentArticles) .c-atFirst__row2 {
	grid-area: row2;
	font-size: 1.7em;
	line-height: 1.5;
	word-break: keep-all;
	overflow-wrap: anywhere;
	font-weight: 700;
}

@media (min-width: 769px) {
	.c-atFirst__row2 {
		max-width: 8.3em;
	}
}

portal.articleSubCategory:has(.recentArticles) .c-atFirst__row2::after {
	content: "";
	display: inline-block;
	aspect-ratio: 1/1;
	border-radius: 50%;
	background-color: var(--color-brand);
	transition: inherit;
	width: 0.8em;
	background-size: 32%;
	background-position: 51% center;
	background-repeat: no-repeat;
	background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSIxNCIgZmlsbD0iI2ZmZiIgdmlld0JveD0iMCAwIDggMTQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTIuMjQ0IDEuMjEzYTEgMSAwIDAwLTEuNDE4IDBMLjcgMS4zMzhhMSAxIDAgMDAwIDEuNDFMNC45MzEgNyAuNyAxMS4yNTJhMSAxIDAgMDAwIDEuNDFsLjEyNS4xMjVhMSAxIDAgMDAxLjQxOCAwbDUuMDU1LTUuMDgyYTEgMSAwIDAwMC0xLjQxTDIuMjQ0IDEuMjEzeiIvPjwvc3ZnPg==);
	margin-left: 0.3em;
	vertical-align: middle;
}

portal.articleSubCategory:has(.recentArticles) .c-atFirst__row2 br {
	display: none;
}

portal.articleSubCategory:has(.recentArticles) :not(.Pagination__pagination)>.commonStyle__listStyleNone {
	display: flex;
	flex-direction: column;
	row-gap: 3em;
}

/* 最新記事・人気のある記事 */
portal.articleSubCategory:has(.recentArticles) .recentArticles .ListHeader__listIcon2,
portal.articleSubCategory:has(.recentArticles) .popularAricles .ListHeader__listIcon2 {
	display: none;
}

portal.articleSubCategory:has(.recentArticles) .recentArticles h5,
portal.articleSubCategory:has(.recentArticles) .popularAricles h5 {
	display: flex;
	align-items: center;
}

portal.articleSubCategory:has(.recentArticles) .recentArticles h5::before,
portal.articleSubCategory:has(.recentArticles) .popularAricles h5::before {
	content: "";
	display: inline-block;
	aspect-ratio: 1/1;
	background-size: cover;
	background-repeat: no-repeat;
	width: 1.5em;
	margin-right: .6em;
}

portal.articleSubCategory:has(.recentArticles) .recentArticles h5::before {
	background-image: url(https://smartrelease.cloud/support_site_assets/icon-recent.svg);
}

portal.articleSubCategory:has(.recentArticles) .popularAricles h5::before {
	background-image: url(https://smartrelease.cloud/support_site_assets/icon-popular.svg);
}

portal.articleSubCategory:has(.recentArticles) .ContentList__topicContent {
	margin: 0;
}


/* ==================
    カテゴリ第一階層
================== */


/* ==================
    カテゴリ第二階層
================== */
portal.articleList .ArticleListRightContainer__widgetSection:has(.ArticleListRightContainer__deskHeading)

/* カテゴリとフォローするのボタンが入っているエリア */
	{
	display: none;
}


/* ==================
    検索結果ページ
================== */
portal.searchResults .SearchList__listmenu .commonStyle__zt3Link {
	color: var(--color-text);
}

portal.searchResults .SearchResult__articleTitle {
	text-align: center;
	background: #fff;
	border-radius: 8px;
	padding: 0.7rem;
}

portal.searchResults .widgetItem>.Menu__treeMenu>.Menu__menuItem:has(>.Menu__extraInfo) {
	display: grid;
	grid-template-areas:
		"title num"
		"ul ul";
	grid-template-columns: 1fr auto;
	gap: 0;
}

portal.searchResults .widgetItem>.Menu__treeMenu>.Menu__menuItem:has(>.Menu__extraInfo)>.Menu__arrow {
	grid-area: title;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	max-width: none !important;
}

portal.searchResults .widgetItem>.Menu__treeMenu>.Menu__menuItem:has(>.Menu__extraInfo)>.Menu__extraInfo {
	grid-area: num;
	background: #fff;
	padding: 0.8rem 1.6rem 0.8rem 0 !important;
	border-top-right-radius: 8px;
	border-bottom-right-radius: 8px;
	margin: 0;
}

portal.searchResults .widgetItem>.Menu__treeMenu>.Menu__menuItem:has(>.Menu__extraInfo)>ul {
	grid-area: ul;
}

portal.searchResults .Menu__menuItem:has(.Menu__extraInfo) [class*="Link__"] {
	gap: 4em !important;
}

portal.searchResults .Menu__menuItem:has(.Menu__extraInfo) .Menu__extraInfo {
	margin-left: -3.7em !important;
}

portal.searchResults .Menu__menuItem .Menu__menuItem .SearchResult__articleTitle {
	margin-bottom: 1.4rem;
}

/* タグ一覧 */
portal.searchResults .SearchResult__widgetSection .Menu__menu .Menu__menu {
	margin-top: 0.5rem;
}

portal.searchResults .articlesInSection+.KbDetailRtContainer__widgetSection {
	margin-top: 2em;
}

portal.searchResults .Tag__tag {
	background: transparent;
	padding: 0.5rem 0.4rem !important;
}

portal.searchResults .Tag__tag a {
	border: 1px solid var(--color-brand);
	border-radius: 2em;
	--color-text: var(--color-brand);
	color: var(--color-text);
	padding: 0.1em 1.3em !important;
	transition: .3s linear;
}

portal.searchResults .Tag__tag a:hover {
	background: var(--color-brand);
	color: #fff;
}

portal.searchResults .NoContent__noContent {
	padding-top: 2rem;
}

portal.searchResults .SearchResult__info {
	margin: 2rem 0;
}

portal.searchResults .SearchResult__panelFilter {
	display: none;
}

portal.searchResults .SearchResult__panelFilter~* {
	padding-inline: 1rem;
}

/* ▼▼▼ お問い合わせページのサイド見出しが全く同じなので兼用 ▼▼▼ */
portal.searchResults .SearchResult__searchPart .ListHeader__listHeader1,
portal.ticketForm .ListHeader__listHeader1 {
	background: #fff;
	border-radius: 8px;
	border: none;
	margin-bottom: 0.6rem;
	padding: .8rem 1rem !important;
}

portal.searchResults .ListHeader__listIcon1,
portal.ticketForm .ListHeader__listIcon1 {
	display: none;
}

/* ▲▲▲ お問い合わせページのサイド見出しが全く同じなので兼用 ▲▲▲ */
portal.searchResults .SearchResult__widgetSection .ListHeader__listHeader1 {
	display: none;
}

portal.searchResults .SearchResult__widgetSection .Menu__menu .Menu__menu {
	margin-top: 0.5rem;
}

portal.searchResults .SearchResult__pagination ul {
	display: flex;
	justify-content: center;
	gap: 2em;
}

portal.searchResults .SearchResult__pagination li {
	background: none;
	margin: 0;
}

portal.searchResults .SearchResult__pagination svg {
	fill: #fff;
}

portal.searchResults .Pagination__pageNavLft {
	transform: rotate(180deg);
}

portal.searchResults .Pagination__pageNavRight {
	transform: none;
}

portal.searchResults .SearchResult__panelFilter~div a:not([class*="Pagination__"]) {
	display: inline !important;
}

portal.searchResults .SearchResult__panelFilter~div a:not([class*="Pagination__"])::after {
	display: inline-block;
	margin-left: .5em;
}


/* ==================
    記事単体ページ
================== */
/* フォローする ボタン削除 */
portal.articleDetail .KbDetailRtContainer__widgetSection:has(.KbDetailRtContainer__followOption) {
	display: none;
}

portal.articleDetail .KbDetailLtContainer__detailHeader {
	line-height: 1.5;
}

portal.articleDetail .KbDetailLtContainer__articelDetail * {
	font-size: 1rem;
}

portal.articleDetail .ListHeader__listHeader1 {
	background: #fff;
	border-radius: 8px;
	padding: .8em 1.5em !important;
	margin-bottom: 1.5rem;
	border: none;
}

portal.articleDetail .articlesInSection+ul {
	margin-top: 1em;
}

portal.articleDetail .ListHeader__listIcon1 {
	display: none;
}

portal.articleDetail .KbDetailLtContainer__review {
	background-color: #fff;
}

portal.articleDetail .ImagePopup__imageOpen {
	--color-text: #fff;
}

portal.articleDetail .ImagePopup__navIcon {
	gap: .5em;
}

portal.articleDetail .ImagePopup__navIcon>* {
	gap: .2em !important;
}

portal.articleDetail .ImagePopup__imgMenuIcon {
	--color-text: #000;
}


/* ==================
    お問い合わせ
================== */
/* 「検索一覧」ページのサイドバーと一部タグが全く同じなので、スタイルをそっちに書いているところがあることに注意 */
portal.ticketForm .TicketFormLeftContainer__formHeader,
portal.ticketForm .Form__formElement+.TicketFormLeftContainer__sectionName,
portal.ticketForm #field_description {
	display: none;
}

portal.ticketForm .FileUpload__attachPin {
	line-height: 1.6;
}

portal.ticketForm .FormElement__mandatoryStar .FormElement__required:after {
	color: #DC2367;
}

portal.ticketForm .TicketFormRightContainer__widgetRight {
	display: flex;
	flex-direction: column;
}

portal.ticketForm .TicketFormRightContainer__widgetSection {
	order: 2;
	margin-block: 1.875rem 0;
}

portal.ticketForm .FormElement__labelStyle {
	font-weight: 600;
	font-size: 1rem;
}

portal.ticketForm .TicketFormRightContainer__widgetRight .WidgetContainer__list {
	flex-grow: 1;
}

portal.ticketForm .Layout__layout1 {
	display: none;
}

portal.ticketForm .Layout__layout2 {
	width: 100%;
	max-width: none;
}

portal.ticketForm .TicketFormRightContainer__widgetRight {
	width: calc(100% - 40px);
	margin: auto !important;
}

@media (min-width: 769px) {
	portal.ticketForm .TicketFormRightContainer__widgetRight {
		display: flex;
		align-items: flex-start;
		flex-direction: row;
		gap: 3em;
	}
}

portal.ticketForm #layoutContainer {
	width: 100%;
	display: block;
}

portal.ticketForm iframe {
	height: 910px;
	width: 100%;
	border: none;
}

portal.ticketForm .Footer__footerCopyrigt {
	background: transparent;
}

portal.ticketForm .ScrollSticky__type2 {
	background: transparent;
	position: static !important;
	overflow: inherit;
}

portal.ticketForm .WidgetContainer__widgetNxt>div:first-child {
	display: none;
}

portal.ticketForm .Menu__menu .Menu__menuItem>.Menu__arrow {
	padding: 0;
}

portal.ticketForm .commonStyle__zt3Link,
portal.ticketForm .commonStyle__zt3Link:hover,
portal.ticketForm .commonStyle__zt3Link:focus-visible {
	color: var(--color-text);
}