@charset "UTF-8";
/*!
 * アビリティーズのcss
*/
/* ディスクトップ　1024PX以上は非表示　*/
@media (min-width: 1024PX) {
  .ccm-page .hide-desktop {
    display: none;
  }
}

/* 大きなサイズ画面　768PX～1024PXでは非表示　*/
@media (min-width: 768PX) and (max-width: 1024PX) {
  .ccm-page .hide-large {
    display: none;
  }
}

/* 中程度の画面サイズ　544PX～7684PXでは非表示　*/
@media (min-width: 544PX) and (max-width: 768PX) {
  .ccm-page .hide-medium {
    display: none;
  }
}

/* 極小画面サイズ　400PX～544PXでは非表示　*/
@media (min-width: 400PX) and (max-width: 544PX) {
  .ccm-page .hide-small {
    display: none;
  }
}
/* 極小画面サイズ面サイズ　～ 400PXでは非表示　*/
@media (min-width: 0px) and (max-width: 400px) {
  .ccm-page .hide-xsmall {
    display: none;
  }
}

/* 印刷書式 */

/* Back to top */

.hw-back-to-top {
	left: 25px !important;
	background: #00AEEF !important;
}

/* Telはスマホのみ */
@media only screen and (min-width: 992px) {
    a[href^="tel:"] {
        pointer-events:none
    }
}

/* RepricaPro 大文字 */
div.textl p, div.textl ol li, div.textl ul li {
    font-size: 1.1rem;
    line-height: 1.8;
    }

/*  RepricaPro Pagelist */
div.ccm-page .rp-page-list__title .h2, div.ccm-page .rp-page-list__title h2 {
    font-size: 1.0rem;
    line-height: 1.7;
    }

/*  ページカルーセル　Title 2024.10.29 */
.xw-pc__slide--title {
   font-size: 1.0rem !important;
   line-height: 1.7 !important;
   padding-bottom: 5px !important;
   font-weight:500 !important;
}

.xw-pc__slide--date {
    font-size: 15px !important;
    color:#5e5b5b !important; 
}

div.ccm-page h5, div.ccm-page h6 {
    color: #333;
}

/*  blockquote は小さく　2024.10.29 */
div.ccm-page blockquote ,blockquote ol li, blockquote ul li{
    font-size: 1.1rem;
}

/* RepricaPro タイトル　大文字 */
div.ccm-page .rp-page-title-wrapper .h1, div.ccm-page .rp-page-title-wrapper h1,div.ccm-page .rp-page-title-wrapper .h2, div.ccm-page .rp-page-title-wrapper h2,div.ccm-page .rp-page-title-wrapper .h3, div.ccm-page .rp-page-title-wrapper h3{
        font-weight: bold;
    }

/* RepricaPro タイトル　記事向け小文字 以下コメント
div.ccm-page .rp-page-title-wrappers .h1, div.ccm-page .rp-page-title-wrappers h1 {
        font-weight: bold;
        font-size: 1.5rem;
    }
    
div.ccm-page .rp-page-title-wrappers {
    background-color: #f5f5f5;
    border-bottom: 1px solid #eee;
    padding: 2.5rem;
    position: relative
}

div.ccm-page .rp-page-title-wrappers .h1,div.ccm-page .rp-page-title-wrappers h1{
    color: var(--rp-body-color,#212529);
    font-family: var(--rp-page-title-font-family,sans-Serif);
    font-weight: var(--rp-page-title-font-weight,500)
}
*/

/* タイトルテキスト　左ボーダー */
.title-left-border {
    padding: 2px 0 3px 20px;
    border-left: 7px solid #251666;
    margin-bottom: 30px
	}
/* タイトルテキスト　下ボーダー */
.title-border-bottom {
  border-bottom: 2px solid #251666;
}
/* 文字　アンダーマーカー(黄色) #ff6 →　#ffffc1 */
.border-under-marker {
  background:linear-gradient(transparent 50%, #ffffc1 50%);
}

.border-under-marker::after {
  content: "";
  position: absolute;
  bottom: 0px;
  left: 0;
  width: 100%;
  border-bottom: 10px solid #ffea6d;
  z-index: -1;
}

/* スマホ　タイトル h1 サイズ 2.2rem→1.8　ラッパー　padding 2.5→ 1.0 */
@media (max-width: 767.98px) {
   div.ccm-page .rp-page-title-wrapper .h1,div.ccm-page .rp-page-title-wrapper h1 {
        font-size: 1.8rem
   }
   div.ccm-page .rp-page-title-wrapper {
    background-color: #f5f5f5;
    border-bottom: 1px solid #eee;
    padding: 1.0rem;
    position: relative
	}
}

/* 文字　h3,h4の左ボーダーが上下に長いのを短くline-height */
div.ccm-page h3 {
   line-height: 1.5;
}
div.ccm-page h4 {
     line-height: 1.5;
}

/* 仮　ページリスト　サムネイルグリッドのタイトルのマージンTopを無しに 2024.11.20 */
div.ccm-page .rp-page-list-grid--thumbnail-grid .rp-page-list-grid__item .rp-page-list__title {
    margin-top:0px !important;
}

div.ccm-page .rp-page-list-grid__item div.rp-page-list__title {
    margin-top:0px !important;
}

/* Pagelist RepricaPro　block-sidebar-wrappedをNowappedに */
div.ccm-page .rp-block-sidebar-nowrapped {
    /* background-color: var(--rp-accent-background-color, #caf1f0); */
    font-size: .85rem;
    /* padding: 10px; */
}

/* topic-list-flat-filter のデザイン変更　下線 */

div.ccm-page .ccm-block-topic-list-flat-filter .breadcrumb li a {
    font-weight: bold;
    margin-right: 3px;
}

div.ccm-page .ccm-block-topic-list-flat-filter .breadcrumb li a.ccm-block-topic-list-topic-selected.active,div.ccm-page .ccm-block-topic-list-flat-filter .breadcrumb li a:hover {
    border-bottom: 2px solid #375db3;
}

/* リンク付き画像にHover効果を出す */

.image_link{
  position:relative;
  display:block;
  height:auto;
  padding: 0px !important;
}
.image_link img{
  display:block;
  width:100%;
}
.image_link:before{
  content:"";
  display:block;
  width:100%;
  height:100%;
  position:absolute;
  z-index:2;
  background:#3d55c5;/*好みの色に変えてください。*/
  opacity:0;
  transition:0.3s;
}
.image_link:hover:before{
  opacity:0.2;
}

/* ヘッダー＆フッター */
/* ロゴ　サイズ　160を250に */
div.ccm-page .rp-header .rp-logo img {
   width: 250px;
}
/* フッター BGカラー  これはテーマデザイン変更で可能　*/
div.ccm-page .rp-bg-dark-1 {
   background: #232746 !important;
}

div.ccm-page .rp-bg-dark-2 {
   background: #232746 !important;
}

/* Bitrixオープンチャット　アイコン位置 */

.b24-widget-button-position-bottom-right {
 right: 20px !important; 
 bottom: 40px !important;
}

/* Time line Text 変更 */
div.ccm-page .rp-timeline-cv__item-date {
    color: #212529;
    font-size: 1.1rem;
    line-height: 25px;
}

.row.rp-timeline-cv__item {
    padding-bottom: 30px;
}
            
div.ccm-page .rp-timeline-cv__vertical-line:before {
    height: 200%;
}

/* テーブルの左のth は lightに */
table.table-light-l th {
    --bs-table-color: #000;
    --bs-table-bg: #f8f9fa;
    --bs-table-border-color: #dfe0e1;
    --bs-table-striped-bg: #ecedee;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #dfe0e1;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #e5e6e7;
    --bs-table-hover-color: #000;
}

/* アドバンスト　ページリストの検索ブロックの縦無制限を最大20em とする。機能しなかったの ページ属性に追加する */
.tree-view-container {
  max-height: 22em;
  overflow: auto;
}

/* nav をセンターに コメント化  */
.center {
	justify-content: center;
}
/* side nav の色　青→グレイ  */
div.ccm-page .nav.sidebar li a,div.ccm-page main .nav.sidebar li a {
    background-color: #ececec;
    color: #000000 !important;
}

/* 営業所検索  */
#office-kensaku {
    width: 100%;
    display: table;
    margin: 30px 0;
    border: 2px solid #CCC;
    border-radius: 5px
}

#office-kensaku .office-kensaku-left {
    display: table-cell;
    width: 50%;
    padding: 0 !important;
    color: #000;    font-size: 1rem;
    font-weight: bold;
    text-align: center;
    vertical-align: middle
}

#office-kensaku .office-kensaku-right {
    display: table-cell;
    width: 50%;
    vertical-align: middle
}

#office-kensaku .office-kensaku-right .thumb a {
    height: 120px;
    margin: 10px;
    border: 1px solid #EEE;
    overflow: hidden
}

#office-kensaku .office-kensaku-right a:focus {
    background-color: #FFF !important;
}

#office-kensaku .office-kensaku-right .thumb a:hover img {
    opacity: .7
}

/* onesignal アイコン表示　*/
.onesignal-customlink-subscribe.button::before {
    content: '\f0a1';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900; 
    padding: 0 7px 0 0;    
}

.onesignal-customlink-container {
	min-height: 1em !important;
}

/* Bootstrap responsive tableではセルがnowrapで幅が大きくなるのに対応 */
.table-responsive>.table>tbody>tr>td,.table-responsive>.table>tbody>tr>th,.table-responsive>.table>tfoot>tr>td,.table-responsive>.table>tfoot>tr>th,.table-responsive>.table>thead>tr>td,.table-responsive>.table>thead>tr>th {
        white-space:normal; 
    }
@media (max-width:768px) {
  .table-responsive>.table  {
    width:900px !important;
    max-width: none;
  }
}