/* =================================
　　リセット
================================= */
.KbDetailRtContainer__widgetSection:has(.KbDetailRtContainer__followOption),
.BreadCrumbs__breadcrumbsView li:has([href="/portal/ja/kb"]),
.BreadCrumbs__breadcrumbsView li:has([href="/portal/ja/kb"]) + li::before,
.ListHeader__dottedPopup,
.AppContainer__arrowShow{
  display:none;
}


/* =================================
　　ベース設定
================================= */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@0,400;0,600;0,900;&family=Poppins:ital,wght@0,400;&display=swap');
: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/wp-content/themes/kwc-wpbase-v1/assets/img/cmn/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);
}
/* 箇条書きリストの間隔を調整（効かせたくない部分はベーススタイルを活かすため除外） */
* + ul,
:not(.BreadCrumbs__breadcrumbsView) > :not(.Header__menuList) > li+li:not(.Menu__menuItem):not(:has(ul)):not(.Pagination__paginationList){
	margin-top: .5em;
}
/* メイン見出し */
.KbDetailLtContainer__detailHeader {
    line-height: 1.5;
}


/* ヘッダー周り */
.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 {
    position: static !important;
    box-shadow: none;
	padding: 0 !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;
    }
}


/* パンくず */
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){
	padding-inline: 0;
    margin: 0;
}
/* 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%;
    }
}


/* フッター */
.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;
}


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

/* ==================
    よくあるご質問トップ
================== */
.ArticleListRightContainer__widgetSection:has(.ArticleListRightContainer__deskHeading), /* カテゴリとフォローするのボタンが入っているエリア */
.ListHeader__description, /* カテゴリ下のサブタイトル（同一テキスト） */
.ContentList__documentIcon /* 各項目の頭のアイコン */
{
	display: none;
}
/* 全体の段組 */
.よくあるご質問 .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) {
    .よくあるご質問 .WidgetContainer__list {
        grid-template-areas:
            "banner"
            "new"
            "ranking"
            "main";
        grid-template-columns: 1fr;
        gap: 1.2em;
    }
}
.よくあるご質問 .WidgetContainer__list li{
    margin: 0;
}
.よくあるご質問 .WidgetContainer__list li:nth-child(1){
    grid-area:main;
}
.よくあるご質問 .WidgetContainer__list li:nth-child(2){
    grid-area:new;
}
.よくあるご質問 .WidgetContainer__list li:nth-child(3){
    grid-area:ranking;
}
.よくあるご質問 .WidgetContainer__list li:nth-child(4){
    grid-area:banner;
}
.よくあるご質問 .WidgetContainer__list li:nth-child(4),
.よくあるご質問 .WidgetContainer__list li:nth-child(4) *{
    margin:0
}
.よくあるご質問 .WidgetContainer__list li:nth-child(4) .CustomWidget__customDescription{
    height:100%;
}
.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) {
    .c-atFirst {
        text-align: left;
        display: grid;
        grid-template-areas: "icon row1" "icon row2";
        column-gap: 1.2em;
    }
}
.c-atFirst:hover .c-atFirst__row2::after {
    translate:.2em 0;
}
.c-atFirst::before {
    grid-area: icon;
    content:"";
    background-image:url(https://smartrelease.cloud/wp-content/themes/kwc-wpbase-v1/assets/img/front/pb-reason__easy.svg);
    aspect-ratio:48/52;
    background-size:cover;
    width:4em;
}
@media (max-width: 768px) {
.c-atFirst::before {
    width: 3em;
}
}
.c-atFirst__row1{
    grid-area: row1;
}
@media (min-width: 769px) {
    .c-atFirst__row1{
        margin-block: 1.5em 0.6em !important;
    }
}
.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;
    }
}
.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;
}
.c-atFirst__row2 br{
    display: none;
}
:not(.Pagination__pagination) > .commonStyle__listStyleNone {
    display: flex;
    flex-direction: column;
    row-gap: 3em;
}
/* カテゴリ名 */
.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;
}
/* 記事 */
.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;
}
/* 「詳細」リンク（記事詳細ではなくカテゴリ記事一覧ページへのリンク） */
.ContentList__moreOption{
    text-align: right;
    margin: 0;
    padding: .5rem 1.2rem;
}
.Link__link2,
:not(.Menu__arrow):not(.FilterPanel__filterPan) > .commonStyle__zt3LinkActive:not(.ContentList__activeLink):not(.SearchList__list),
.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 svg,
.SearchResult__pagination a svg,
.KbDetailLtContainer__backToSearch svg{
    display:none;
}
.Link__link2::before,
.Link__link2::after,
:not(.Menu__arrow):not(.FilterPanel__filterPan) > .commonStyle__zt3LinkActive:not(.ContentList__activeLink):not(.SearchList__list)::before,
:not(.Menu__arrow):not(.FilterPanel__filterPan) > .commonStyle__zt3LinkActive:not(.ContentList__activeLink):not(.SearchList__list)::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,
:not(.Menu__arrow):not(.FilterPanel__filterPan) > .commonStyle__zt3LinkActive:not(.ContentList__activeLink):not(.SearchList__list)::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;
}
.KbDetailLtContainer__backToSearch::after{
    right: auto;
    left: 1px;
}
.Link__link2::after,
:not(.Menu__arrow):not(.FilterPanel__filterPan) > .commonStyle__zt3LinkActive:not(.ContentList__activeLink):not(.SearchList__list)::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==);
}
.KbDetailLtContainer__backToSearch::before{
    rotate: 180deg;
}
.Link__link2:hover::before,
.Link__link2:focus-visible::before,
:not(.Menu__arrow):not(.FilterPanel__filterPan) > .commonStyle__zt3LinkActive:not(.ContentList__activeLink):not(.SearchList__list):hover::before,
:not(.Menu__arrow):not(.FilterPanel__filterPan) > .commonStyle__zt3LinkActive:not(.ContentList__activeLink):not(.SearchList__list):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;
}
/* 最新記事・人気のある記事 */
.recentArticles .ListHeader__listIcon2,
.popularAricles .ListHeader__listIcon2{
    display:none;
}
.recentArticles h5,
.popularAricles h5{
	display:flex;
	align-items:center;
}
.recentArticles h5::before,
.popularAricles h5::before{
    content:"";
	display:inline-block;
	aspect-ratio:1/1;
	background-size:cover;
	background-repeat:no-repeat;
	width:1.5em;
	margin-right:.6em;
}
.recentArticles h5::before{
    background-image: url(https://smartrelease.cloud/wp-content/themes/kwc-wpbase-v1/assets/img/external-helpcenter/icon-recent.svg);
}
.popularAricles h5::before{
    background-image: url(https://smartrelease.cloud/wp-content/themes/kwc-wpbase-v1/assets/img/external-helpcenter/icon-popular.svg);
}
.ContentList__topicContent{
    margin: 0;
}
/* 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/wp-content/themes/kwc-wpbase-v1/assets/img/cmn/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;
}


/* ==================
    カテゴリ記事一覧ページ
================== */
.ArticleListRightContainer__widgetSection > .ListHeader__listHeader1, /* セクション と書いてあるカテゴリ一覧の見出し */
.ListHeader__listIcon3 /* 各項目の頭のアイコン（カテゴリ一覧） */{
    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;
}
.ListHeader__listHeader3{
    border: none;
}
.ListHeader__header3 {
    margin: 0;
}
.Link__link{
    gap: .8em;
    font-weight: 400;
    font-size: 15px;
}
.Menu__menu:not(.Menu__treeMenu) .Menu__menuItem{
    padding-block: 0.6rem;
}
.Menu_menu a{
    line-height: 1.6;
}


/* ==================
    検索結果ページ
================== */
.SearchList__listmenu .commonStyle__zt3Link{
    color: var(--color-text);
}
.SearchResult__articleTitle{
    text-align: center;
    background: #fff;
    border-radius: 8px;
    padding: 0.7rem;
}
.widgetItem > .Menu__treeMenu > .Menu__menuItem:has(>.Menu__extraInfo) {
    display: grid;
    grid-template-areas:
        "title num"
        "ul ul";
    grid-template-columns: 1fr auto;
    gap: 0;
}
.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;
}
.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;
}
.widgetItem > .Menu__treeMenu > .Menu__menuItem:has(>.Menu__extraInfo) > ul {
    grid-area: ul;
}
.Menu__menuItem:has(.Menu__extraInfo) [class*="Link__"] {
    gap: 4em !important;
}
.Menu__menuItem:has(.Menu__extraInfo) .Menu__extraInfo{
    margin-left: -3.7em;
}
.Menu__menuItem .Menu__menuItem .SearchResult__articleTitle{
    margin-bottom:1.4rem;
}
/* タグ一覧 */
.SearchResult__widgetSection .Menu__menu .Menu__menu {
    margin-top: 0.5rem;
}
.articlesInSection + .KbDetailRtContainer__widgetSection {
    margin-top: 2em;
}
.Tag__tag {
    background: transparent;
    padding: 0.5rem 0.4rem !important;
}
.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;
}
.Tag__tag a:hover {
    background:var(--color-brand);
    color: #fff;
}
.NoContent__noContent{
    padding-top: 2rem;
}
.SearchResult__info{
    margin: 2rem 0;
}
.SearchResult__panelFilter{
    display: none;
}
.SearchResult__panelFilter ~ *{
    padding-inline: 1rem;
}
.SearchResult__searchPart .ListHeader__listHeader1,
.ticketForm .ListHeader__listHeader1 /* お問い合わせページのサイド見出しが全く同じなので兼用 */ {
    background: #fff;
    border-radius: 8px;
    border: none;
    margin-bottom: 0.6rem;
    padding: .8rem 1rem;
}
.ListHeader__listIcon1 {
    display: none;
}
.SearchResult__widgetSection .ListHeader__listHeader1 {
    display: none;
}
.SearchResult__widgetSection .Menu__menu .Menu__menu {
    margin-top: 0.5rem;
}
.SearchResult__pagination ul{
    display: flex;
    justify-content: center;
    gap: 2em;
}
.SearchResult__pagination li{
    background: none;
    margin: 0;
}
.SearchResult__pagination svg {
    fill: #fff;
}
.Pagination__pageNavLft{
    transform: rotate(180deg);
}
.Pagination__pageNavRight{
    transform: none;
}
.SearchResult__panelFilter ~ div a:not([class*="Pagination__"]){
    display: inline !important;
}
.SearchResult__panelFilter ~ div a:not([class*="Pagination__"])::after{
    display: inline-block;
    margin-left: .5em;
}


/* ==================
    記事単体ページ
================== */
.KbDetailLtContainer__articelDetail * {
    font-size: 1rem;
}
.KbDetailRtContainer__widgetSection .ListHeader__listHeader1{
    background:#fff;
    border-radius:8px;
    padding: .8em 1.5em;
    margin-bottom: 1.5rem;
    border: none;
}
.KbDetailRtContainer__widgetSection .ListHeader__listIcon1 {
    display: none;
}
.KbDetailLtContainer__review{
    background-color: #fff;
}
.ImagePopup__imageOpen{
    --color-text: #fff;
}
.ImagePopup__navIcon{
    gap: .5em;
}

.ImagePopup__navIcon > *{
    gap: .2em !important;
}
.ImagePopup__imgMenuIcon{
    --color-text: #000;
}


/* ==================
    お問い合わせ
================== */
.TicketFormLeftContainer__formHeader,
.Form__formElement + .TicketFormLeftContainer__sectionName,
#field_description{
	display:none;
}
.FileUpload__attachPin {
    line-height: 1.6;
}
.FormElement__mandatoryStar .FormElement__required:after {
    color: #DC2367;
}
.TicketFormRightContainer__widgetRight {
    display: flex;
    flex-direction: column;
}

.TicketFormRightContainer__widgetSection {
    order: 2;
    margin-block: 1.875rem 0;
}
.FormElement__labelStyle{
    font-weight: 600;
    font-size: 1rem;
}


/* お問い合わせ */
.TicketFormRightContainer__widgetRight .WidgetContainer__list {
    flex-grow: 1;
}
.ticketForm .Layout__layout1 {
    display: none;
}
.ticketForm .Layout__layout2 {
    width: 100%;
    max-width: none;
}
.TicketFormRightContainer__widgetRight {
    width: calc(100% - 40px);
    margin: auto !important;
}
@media (min-width: 769px) {
    .TicketFormRightContainer__widgetRight {
        display: flex;
        align-items: flex-start;
        flex-direction: row;
        gap: 3em;
    }
}
.ticketForm #layoutContainer {
    width: 100%;
    display: block;
}
.ticketForm iframe {
    height: 910px;
    width: 100%;
    border: none;
}
.ticketForm .Footer__footerCopyrigt {
    background: transparent;
}
.ticketForm .ScrollSticky__type2 {
    background: transparent;
    position: static !important;
    overflow: inherit;
}
.ticketForm .WidgetContainer__widgetNxt > div:first-child {
    display: none;
}
.ticketForm .Menu__menu .Menu__menuItem>.Menu__arrow{
    padding: 0;
}
.commonStyle__zt3Link,
.commonStyle__zt3Link:hover,
.commonStyle__zt3Link:focus-visible {
    color: var(--color-text);
}