/*
------------------------------
- index
  - １）サイト全体
  - ２）トップページ
  - ３）一覧ページ
  - ４）詳細ページ
  - ５）問い合わせページ
  - ６）その他ページ
------------------------------
*/


/* ------------------------------ */
/* １）サイト全体 */
/* ------------------------------ */

/* テーマカラー｜ブランドごとに設定 */
:root {
  --themecolor-rgb: 43,115,217;
}
/*
賃貸クラウド 22,152,217
売買クラウド 246,181,59
賃貸管理クラウド 51,82,136
ウェブサイト 56,183,194
Square 43,115,217
Home 252,136,53
Owner 113,204,82
Pay 204,176,102
*/


/* デフォルト文字色_黒｜色調整 */
html,.commonStyle__detailHeader {
  color: #333333;
}


/* アイコン｜色調整 */
.Icon__brand {
  color: #035dad;
}
.Icon__hoverbrand:hover {
  color: #0078e4;
}


/* 画像リンク｜ホバー処理 */
a:has(> img) {
  transition: opacity 0.2s ease 0s;
}
a:has(> img:hover) {
  opacity: 0.6;
}


/* トップへ戻る｜ボタンスタイル */
.AppContainer__backToTop {
  height: 2.5rem;
  width: 2.5rem;
  bottom: 32px;
  right: 24px;
}

    
.AppContainer__backToTop .Icon__icon {
  top: auto;
}
.commonStyle__zt3BrandBg {
  background-color: #035dad;
}
.AppContainer__backToTop:hover {
  background: #0078e4;
}


/* ヘッダー_ロゴ｜サイズ調整 */
.Header__name { padding: 0.8rem 0; }
.Header__name img { width: 400px; }
.Header__name a { height: 40px; display: inline-block; }
@media (max-width: 560px) {
  .Header__name img { width: 320px; }
  .Header__name a { height: 32px; }
}
@media (max-width: 400px) {
  .Header__name img { width: 260px; }
  .Header__name a { height: 26px; }
}
@media (max-width: 360px) {
  .Header__name img { width: 240px; }
  .Header__name a { height: 24px; }
}


/* ヘッダー_ナビゲーション_表示中のタブ｜スタイル打ち消し */
.Header__tabsTab.Header__active {
  color: #333333;
  border-bottom-color: #ffffff;
}
.Header__tabsTab.Header__active:hover {
  color: #035dad;
  border-bottom-color: #035dad;
}
.Header__tabsTab::after {
  bottom: 0;
}


/* ヘッダー_ナビゲーション｜サイズ調整 */
.Header__tabsTab {
  line-height: 5rem;
}
a.Header__tabs__link {
  display: block;
}

/* ヘッダー_ナビゲーション｜モバイルメニュー調整 */
@media (max-width: 1024px) {
  .Header__tabsTab {
    line-height: 4rem;
    padding: 0;
    width: 100%;
  }
  .Header__navopen .Header__navbar .Header__tabsTab, .Header__homeNavbarFixed.Header__navopen .Header__navbar .Header__tabsTab {
    border: 0px;  
  }
  .Header__tabsTab:hover {
    color:#035dad;
  }
  a.Header__tabs__link {
    display: block;
    padding: 0 16px;
  }
}


/* ヘッダー_ハンバーガーメニュー｜色変更 */
.Header__menu, .Header__menu:after, .Header__menu:before {
  background-color: #000000;
}


/* ヘッダー_ツールバー｜余白調整 */
@media only screen and (max-width: 769px) {
  .AppContainer__container {
    padding: .2rem .8rem 1rem;
  }
}


/* ヘッダー_ツールバー_検索ボックス｜見た目調整 */
@media (min-width: 48.1em) {
  .SearchContainer__searchBox {
    flex: .8;
  }
}
.AppContainer__keyBoardfocus, [data-focus-added] {
  outline: solid 3px #0078e4!important;
}


/* ヘッダー_ツールバー_パンくず｜表示調整 */
.BreadCrumbs__breadcrumbsView ul li {
  padding: .5rem 0;
}
.BreadCrumbs__breadcrumbsView ul li:before {
  color: #b9c1cc;
}
.BreadCrumbs__breadcrumbsView ul li:nth-of-type(1) {
/*  display: none;*/
}
.BreadCrumbs__breadcrumbsView ul li:nth-of-type(2):before {
/*  content: ""!important;*/
}


/* ヘッダー_ツールバー__読了率｜色調整  */
.Readingprogress__progressBar {
  background: rgba(var(--themecolor-rgb), 1.0);
}


/* ２カラムレイアウト｜幅調整 */
@media (min-width: 769px) {
  .Layout__twoColumn .Layout__layout1 {
      width: 70%;
  }
  .Layout__twoColumn .Layout__layout2 {
      width: 30%;
  }
}


/* ２カラム_サイドメニュー｜余白調整 */
.commonStyle__widgetRight {
  padding: 0;
}


/* ウィジェット設定｜余白調整 */
.WidgetContainer__contentList+.WidgetContainer__contentList {
  margin-top: 2rem;
}


/* フッター｜下余白削除 */
body {
  position: relative;
  min-height: 100vh;
  padding-bottom: 52px!important;
}
#footerContainer {
  position: absolute;
  bottom: 0;
  width: 100%;
}
@media (max-width: 560px) {
  body {
    padding-bottom: 0!important;
  }
  #footerContainer {
    position: relative;
  }
}


/* フッター｜お問い合わせ */
.Footer__footerBg {
  display: none;
  padding: .8rem 0;
  background: rgba(var(--themecolor-rgb), 1.0);
}
.Footer__footerQus,.Footer__footerDescription {
  color: #ffffff;
  font-size: 24px;
}
.Footer__footerDescription {
  padding-top: 8px;
  font-size: 16px;
  opacity: .8;
}
.Button__footerBtn {
  padding: .7rem 2rem;
  background: transparent;
  border: 1px solid #ffffff;
  font-weight: bold;
}
.Button__footerBtn:hover {
  background: #ffffff;
  color: rgba(var(--themecolor-rgb), 1.0);
}


/* フッター_コピーライト｜見た目調整 */
.Footer__footerCopyrigt {
  background: rgba(var(--themecolor-rgb), 1.0);
  color: #ffffff;
}
.Footer__container2 {
  font-size: 14px;
}


/* ------------------------------ */
/* ２）トップページ */
/* ------------------------------ */

/* メインセクション */
.TopPage__mainSection {
  background-color: rgba(var(--themecolor-rgb), 0.08);
  position: relative;
  padding: 3rem 27rem 3rem 2.8rem;
  margin: 1.2rem 0 1.6rem;
}
@media (max-width: 960px) {
  .TopPage__mainSection {
    padding: 1.6rem 21rem 1.6rem 1.4rem;
  }
}
@media (max-width: 800px) {
  .TopPage__mainSection {
    padding: 1.6rem 19rem 1.6rem 1.4rem;
  }
}
@media (max-width: 640px) {
  .TopPage__mainSection {
    padding: 1.6rem 1.4rem;
  }
}


/* メインセクション_サブタイトル */
.TopPage__mainSection_subTitle {
  font-size: 24px;
  line-height: 1;
  margin-block-start: 0;
  margin-block-end: 0;
  color: rgba(var(--themecolor-rgb), 1.0);
  font-weight: bold;
}
/* メインセクション_タイトル */
.TopPage__mainSection_title {
  font-size: 32px;
  line-height: 1.4;
  margin-block-start: 0;
  margin-block-end: 0;
  margin-top: .8rem;
  margin-bottom: 1.2rem;
}
/* メインセクション_テキスト */
.TopPage__mainSection_text {
  font-size: 16px;
  margin-block-start: 0;
  margin-block-end: 0;
  line-height: 1.8;
}


/* メインセクション_モック画像 */
.TopPage__mainSection_image {
  position: absolute;
  width: 340px;
  right: 2.4rem;
  top: calc(50% - 103px);
}
@media (max-width: 960px) {
  .TopPage__mainSection_image {
    width: 300px;
    right: 1.4rem;
    top: calc(50% - 90px);
  } 
}
@media (max-width: 800px) {
  .TopPage__mainSection_image {
    width: 260px;
    top: calc(50% - 80px);
  } 
}
@media (max-width: 640px) {
  .TopPage__mainSection_image {
    width: 100%;
    text-align: center;
    margin-top: 24px;
    position: relative;
    right: auto;
    top: auto;
  }
}


/* カテゴリ｜レイアウト調整 */
.KbSubCategoryContainer__row {
  justify-content: space-between;
  margin: 0; 
}


/* カテゴリ_カード_3列｜最終行の位置調整 */
.KbSubCategoryContainer__row::after {
  display: block;
  width: 31%;
  content:"";
}


/* カテゴリ_カード_3列｜サイズ調整 */
.KbSubCategoryContainer__contentList {
  border: 1px solid #d9dee4;
  padding: 1.6rem;
  border-radius: .5rem;
  margin: 0 0 2.6rem 0;
  width: 31%;
}
@media (max-width: 980px) {
  .KbSubCategoryContainer__contentList {
    width: 48.2%;
  }
}
@media (max-width: 560px) {
  .KbSubCategoryContainer__contentList {
    width: 100%;
  }
}


/* カテゴリ_カード_2列｜サイズ調整 */
.KbSubCategoryContainer__contentList:nth-child(2):last-child,.KbSubCategoryContainer__contentList:nth-last-child(2):first-child {
  width: 48.2%;
  margin: 0 0 2.4rem 0;
}
@media (max-width: 560px) {
  .KbSubCategoryContainer__contentList:nth-child(2):last-child,.KbSubCategoryContainer__contentList:nth-last-child(2):first-child {
    width: 100%;
  }
}


/* カテゴリ_カード｜仕切り線調整 */
.ListHeader__headerType1 {
  border-bottom: 1px solid #d9dee4;
}


/* カテゴリ_カテゴリ説明文｜細々調整 */
.ListHeader__description {
  color: #9da8b6;
  margin-bottom: .3125rem;
}


/* カテゴリ_フォロー機能｜削除 */
.ListHeader__dottedPopup {
  display: none;
}


/* カテゴリ_リスト｜位置調整 */
.ContentList__subCategory .ListHeader__headerType1 {
  margin-bottom: 1rem;
}
.ContentList__subCategory .ContentList__topicContent {
  margin-left: 2.4rem;
}
.ContentList__subCategory .ContentList__topicList {
  padding: .4rem 0;
}
.ContentList__subCategory .ContentList__documentIcon {
  margin: 0 0 0 .8rem;
}


/* カテゴリ__詳細リンク｜右揃え */
.ContentList__moreOption {
  text-align: right;
}
/* カテゴリ__詳細リンク｜色調整 */
.Link__link2:hover {
  color: #0078e4;
}


/* 2列バナーグループ | レイアウト調整 */
.TopPage__bannerGroup {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin-bottom: 1rem;
    gap:5.28%
}
/* 2列バナーグループ | br削除 */
.TopPage__bannerGroup br {
  display: none;
}
/* 2列バナー | 幅調整 */
a.TopPage__banner {
  width: 47.36%;
  line-height: 1;
}
a.TopPage__banner img{
  width: 100%;
  line-height: 1;
}
@media (max-width: 640px) {
  .TopPage__bannerGroup {
    gap: 0%;
  }
  a.TopPage__banner {
    width: 100%;
  } 
  a.TopPage__banner:nth-of-type(2) {
    margin-top: 24px;
  } 
}
/* 2列バナー | br削除 */
a.TopPage__banner br {
  display: none;
}



/* ------------------------------ */
/* ３）一覧ページ */
/* ------------------------------ */

/* サイドメニュー_フォロー機能｜削除 */
.KbDetailRtContainer__widgetSection:nth-of-type(1),.ArticleListRightContainer__followOption,.ArticleListRightContainer__subscribeDescription {
  display: none;
}


/* サイドメニュー_カテゴリ説明｜色変更 */
.ArticleListRightContainer__categoryDescription {
  color: #9da8b6;
  font-size: .8rem;
}


/* サイドメニュー_リスト｜位置調整 */
.KbDetailRtContainer__widgetSection .ContentList__topicList {
  padding: .3rem 0;
}


/* サイドメニュー_選択中カテゴリ｜装飾 */
.commonStyle__zt3LinkActive {
  text-decoration: underline;
}


/* サイドメニュー_カテゴリ見出し｜調整 */
.ArticleListRightContainer__deskHeading {
  padding: 0.6rem 0 1.2rem .6rem;
  line-height: 1;
  color: #333333;
}


/* サイドメニュー_セクション見出し｜調整 */
.ListHeader__header1 {
  color: #333333;
}

/* サイドメニュー_バナー | br削除 */
.IndexPage__banner br {
  display: none;
}



/* ------------------------------ */
/* ４）詳細ページ */
/* ------------------------------ */

/* ページタイトル｜見た目調整 */
@media only screen and (max-width: 769px) {
  .commonStyle__detailHeader {
    font-size: 2rem;
    font-weight: 600;
  }
}


/* 目次｜リンクカラー調整 */
.TOCContainer__tocContainer a {
  color: #035dad;
}
.TOCContainer__tocContainer a:hover {
  color: #0078e4;
}


/* 記事_PDFダウンロード・プリント｜色調整 */
.KbDetailLtContainer__pdfView svg, .KbDetailLtContainer__printView svg{
  color: #aaaaaa;
}
/* 記事_PDFダウンロード｜削除 */
.KbDetailLtContainer__pdfView {
/*  display: none;*/
}
/* 記事_プリント｜削除 */
.KbDetailLtContainer__printView {
/*  display: none;*/
}
/* 記事_リーダーモード｜削除 */
.KbDetailLtContainer__readerView {
  display: none;
}


/* 記事_見出し_h1｜見た目調整 */
.KbDetailLtContainer__articleContent h1 {
    font-size: 1.8em;
    background-color: rgba(var(--themecolor-rgb), 1);
    padding: .4rem 1rem ;
    border-radius: 4px;
    color: #ffffff;
    }
/* 記事_見出し_h2｜見た目調整 */
.KbDetailLtContainer__articleContent h2 {
    border-left: 6px solid rgba(var(--themecolor-rgb), 1);
    background-color: rgba(var(--themecolor-rgb), 0.08);
    padding: .4rem 1rem ;
    border-radius: 4px;
}
/* 記事_見出し_h3｜見た目調整 */
.KbDetailLtContainer__articleContent h3 {
    border-bottom: 2px solid rgba(var(--themecolor-rgb), 1);
    padding: .4rem 1rem ;
}


/* 記事_アラート表現｜見た目調整 */
.KB_New_Editor_Highlights {
    position: relative;
    z-index: 1;
    border: 0!important;
    border-radius: 6px;
    padding: 0.55rem 1rem 0.6rem 2.4rem!important;
    width: 100%!important;
}
.KB_New_Editor_Highlights::after {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(255,255,255,0.6);
    z-index: 0;
    pointer-events: none;
}
.KB_New_Editor_Highlights div {
    position: relative;
    z-index: 1;
}
.KB_New_Editor_Highlights img{
    opacity:.8;
}


/* 記事_テキストリンク｜色調整 */
.KbDetailLtContainer__articleContent a {
  color: #035dad;
  text-decoration: underline;
}
.KbDetailLtContainer__articleContent a:hover {
  color: #0078e4;
  text-decoration: none;
}


/* 記事_WPから移行した画像｜サイズ調整 */
figure.wp-block-image {
  margin: 0;
}
.wp-block-image img {
  width: 100%;
}


/* 記事_仕切り線｜色調整 */
hr {
  opacity: .4; 
}
  
    
/* 記事_テーブル｜レスポンシブ対応 */       
.KbDetailLtContainer__articleContent div:has(> table) {
  overflow-x: auto;
}
.KbDetailLtContainer__articleContent table {
  width: 100%;
  white-space: nowrap;
}
.KbDetailLtContainer__articleContent table * {
  white-space: normal;
  word-wrap: break-word;
  overflow-wrap: break-word;
}


/* 記事_アコーディオン｜色・余白変更 */
.zd_hc_accordion_container{
  width: 100% !important;    
}
.zd_hc_accordion_header:before {
  border-top: 2px solid #035dad!important;
  border-right: 2px solid #035dad!important;
}
.zd_hc_accordion_item:hover .zd_hc_accordion_header:before {
  border-top: 2px solid #0078e4!important;
  border-right: 2px solid #0078e4!important;
}
.zd_hc_accordion_header {
  color: #035dad!important;
}
.zd_hc_accordion_item:hover .zd_hc_accordion_header {
  color: #0078e4!important;
}

    
/* 記事_タブ｜色変更 */
.zd_hc_tab_title,.zd_hc_tab_title.zd_hc_active {
  color: #035dad!important;
}
.zd_hc_tab_title:hover {
  color: #0078e4!important;
}
    
    
/* 記事_youtube｜レスポンシブ対応 */
.KbDetailLtContainer__articleContent div:has(> iframe) {
  width: 100%;
  aspect-ratio: 16 / 9;
}
.KbDetailLtContainer__articleContent iframe {
  width: 100%;
  height: 100%;
}


/* 記事_添付ファイル_ボタン｜初期表示 */
.Attachment__downloadIcon {
  margin: .4rem 0 0 1rem;
  opacity: 1;
}
/* 記事_添付ファイル_ボタン｜アイコンサイズ調整 */
.Attachment__downloadIcon svg {
  color: #035dad;
  width: 1.4rem;
  height: 1.4rem;
}
/* 記事_添付ファイル_印刷ボタン｜削除 */
.Attachment__downloadIcon.Printcontainer__print {
  display: none;
}


/* 記事_SNSシェア｜削除 */
.KbDetailLtContainer__userSocialIcon {
  display: none;
}


/* 記事_お役に立ちましたか？｜見た目調整 */
.KbDetailLtContainer__review {    
  background-color: #f4f5f7;
  border: none;
  padding: .8rem 1.6rem;
  color: #333333;
}
.KbDetailLtContainer__review .KbDetailLtContainer__column {
  border-bottom: none; 
  padding-bottom: 0; 
}


/* 記事_お役に立ちましたか？＋低評価フォーム｜レイアウト調整 */
@media (min-width: 1080px) {
  .KbDetailLtContainer__review {    
    width: 280px;
    overflow: hidden;
    position: fixed;
    z-index: 2;
    right: 90px;
    bottom: 24px;
    padding: .8rem .8rem .8rem 1.4rem;
  }    
  .KbDetailLtContainer__disLikePopup {
    width: 280px;    
    position: fixed;
    right: 90px;
    bottom: 100px;
    z-index: 2;
  }
  .FormElement__formElementvertical {
    margin-bottom: 1rem;       
  }
  .KbDetailLtContainer__share {
    font-size: 0.9rem;       
  }
}
@media (min-width: 1280px) {
  .KbDetailLtContainer__review {    
    right: outo;
    left: calc(50% + 265px);
  }    
  .KbDetailLtContainer__disLikePopup {
    right: outo;
    left: calc(50% + 265px);
  }
}



/* 記事_評価カウント_アイコン｜サイズ調整 */
.KbDetailLtContainer__review span svg {
  width: 1.6rem;
  height: 1.6rem;
}
/* 記事_評価カウント_アイコン｜色調整 */
.KbDetailLtContainer__review span svg {
  color: #aaaaaa;
}
.KbDetailLtContainer__review span svg.Icon__like,.KbDetailLtContainer__review span svg.Icon__dislike {
  color: #035dad;
}
/* 記事_評価カウント_BADアイコン｜位置調整 */
.KbDetailLtContainer__disLike {
  transform: rotateX(180deg) rotateY(180deg) translateY(0);
}


/* 記事_評価カウント｜削除 */
.KbDetailLtContainer__likeCount,.KbDetailLtContainer__dislikeCount{
  display: none;
}
.KbDetailLtContainer__thumsup.selected_like {}
/*transform: scale(2.0)*/


/* 記事_評価フォーム_エラー文字｜色調整 */
.FormElement__hasError .FormElement__errorMsg {
  color: var(--color-errMsg) !important;
}
/* 記事_評価フォーム_枠線｜色調整 */
.FormElement__hasError .TextArea__textarea {
  border: .0625rem solid #ff8787;;
}


/* サイドバー_カテゴリリンク｜色調整 */
.ContentList__topicList a {
  color: #035dad;
}
.ContentList__topicList a:hover {
  color: #0078e4;
}


/* サイドバー_タグ｜細々調整 */
.commonStyle__widgetSection .Tag__tag {
  border-radius: .25rem;
  margin: 0 .5rem 0.4rem 0;
  background: #f4f5f7;
  padding: .4rem .5rem;
  line-height: 1;
}


/* ------------------------------ */
/* ５）問い合わせページ */
/* ------------------------------ */

/* お問い合わせ｜必須マーク */
.FormElement__mandatoryStar .FormElement__required:after {
  color: #d9534f;
}

/* お問い合わせ｜ファイル添付ボタン  */
.commonStyle__zt3BrandBorder {
  border-color: #035dad;
}
.commonStyle__zt3Brand {
  color: #035dad;
}
.FileUpload__attachLoading {
  border-top-color: #0078e4;
}


/* ------------------------------ */
/* ６）その他ページ */
/* ------------------------------ */

/* 記事未作成時_エラー表示｜エラー画像削除 */
.ErrorPage__errorPage svg {
  display: none;
}

/* 記事未作成時_エラータイトル｜色変更 */
.ErrorPage__errorTitle { 
  color: #333333;
}

/* 検索結果_該当なし｜エラー画像削除 */
.NoContent__noContent svg {
  display: none;
}

/* 検索結果_見出し｜色変更 */
.SearchResult__description {
  color: #333333;
}

/* 検索結果_検索結果リンク｜削除 */
.SearchResult__panelFilter {
  display: none;
}

/* 検索結果_ハイライト｜色調整 */
.SearchResultmark {
  background-color: #035dad;
}