/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Mar 21 2025 | 06:38:13 */
/******************************************************************

	共通設定.css


/******************************************************************
/*---------------------------------------------------
  CSS 変数
-----------------------------------------------------*/
:root {
	--lx-main-color: #E60012;                     /* メインカラー */
	--lx-section-gap: 56px;                       /* section内のgap幅調整 */
	--lx-section-padding-bottom: 80px;           /* sectionのpadding-bottom調整 */
	--lx-section-gap-sp: 36px;                    /* SP時のsection内のgap幅調整 */
	--lx-section-padding-bottom-sp: 90px;         /* SP時のsectionのpadding-bottom調整 */

}
/*---------------------------------------------------
 Swich
-----------------------------------------------------*/
.forPC { display: inherit;}
.forSP { display: none;}

/*---------------------------------------------------
 フォント設定
-----------------------------------------------------*/
body {
	font-family: 'Noto Sans JP', sans-serif;
}
/*---------------------------------------------------
  見出し
-----------------------------------------------------*/
/* 基本 */
.lx-sec-title {
	text-align: center;
}
/* サブタイトル */
span.lx-title-sub {
	display: block;
	font-size: 16px;
	color: inherit;
}
/*--------------------------
  見出しスタイル 下線 
---------------------------*/
.style-line {
	position: relative;
	text-align: left;
}
.style-line:before {
	content: '';
    position: absolute;
    bottom: -10px;
    left: 0;
    display: block;
    width: 100%;
    height: 2px;
    background: #D2D2D2;
}
.style-line:after {
content: '';
    position: absolute;
    bottom: -10px;
    left: 0;
    display: block;
    width: 53px;
    height: 2px;
    background: var(--lx-main-color);
}
/*--------------------------
  見出しスタイル 下線（小） 
---------------------------*/
.style-line-s {
	position: relative;
	text-align: center;
}
.style-line-s h3.elementor-heading-title {
	padding-left: 10px;
}
.style-line-s:before {
    content: '';
    position: absolute;
    top: -3px;
    left: 0;
    display: block;
    width: 5px;
    height: 20px;
    background: #f11224;
/* 	left: 50%; */
/* 	transform: translateX(-50%); */
}
.style-line-s:after {
    content: '';
    position: absolute;
    top: 17px;
    left: 0;
    display: block;
    width: 5px;
    height: 20px;
    background: #b4922a;
/* 	left: 49%; */
/* 	transform: translateX(-50%); */
}
/*--------------------------
  見出しスタイル  
---------------------------*/


/*---------------------------------------------------
  共通　ボタン
-----------------------------------------------------*/
/* ボタン大 */
.lx-btn-l .ha-creative-btn-wrap .ha-stl--symbolab {
	padding: 24px 16px;
	min-width: 400px;
	width: 100%;
}
.lx-btn-l .ha-creative-btn-wrap .ha-creative-btn {
	font-size: 18px;
}
/* ボタン中 */
.lx-btn-m .ha-creative-btn-wrap .ha-stl--symbolab {
	padding: 18px 16px;
	min-width: 200px;
    width: 100%;
}
.lx-btn-m .ha-creative-btn-wrap .ha-creative-btn {
	font-size: 16px;
}
/* ボタン小 */
.lx-btn-s .ha-creative-btn-wrap .ha-stl--symbolab {
	padding: 12px 16px;
	min-width: 180px;
    width: 100%;
}
.lx-btn-s .ha-creative-btn-wrap .ha-creative-btn {
	font-size: 14px;
}


/*---------------------------------------------------
  共通　セクション
-----------------------------------------------------*/
section.lx-section > .e-con-inner {
	gap: 56px;
}
section.lx-section {
	padding-top: 80px;
}
/* 背景色付きセクションのpadding調整 */
section.lx-section.lx-pb {
	padding-bottom: var(--lx-section-padding-bottom);
}
/* 最終セクション */
main.lx-main section.lx-section:last-child {
  margin-bottom: 120px;
}


/*---------------------------------------------------
  共通　ブロック
-----------------------------------------------------*/
/* block内のgap幅調整 */
.lx-block {
	padding: 0;
	gap: 40px; 
}

/*---------------------------------------------------
  共通　ヘッダーメニュー
-----------------------------------------------------*/
/* ページ切り替え時、スクロールしなくてもメガメニューを表示するために必要 */
.header_menu_container.elementor-sticky__spacer {
	z-index: -10;
}
/* sticky時の背景色 */
header.elementor-sticky.elementor-sticky--active {
	background-color:#FFFFFFDE;
}
/* menu list ホバー時 調整 */
.ha-navbar-nav-default .ha-navbar-nav>li:hover>a.ha-menu-nav-link,
.ha-navbar-nav-default .ha-navbar-nav>li>a.ha-menu-nav-link:hover {
	background-color: unset;
}
/* メガメニュー ページタイトル */
.megamenu_wrapper .widget-image-caption.wp-caption-text {
	font-size: 14px;
    color: #000;
    line-height: 2;
    font-style: normal;
    font-weight: 700!important;
}
.template_megamenu_container .lx-img-round img {
	border-radius: 12px;
}

/*---------------------------------------------------
  共通　フッターメニュー
-----------------------------------------------------*/
/* フッターメニューのカラムを4分割 */
.footer_menu_column {
    width:25%;
}

/*---------------------------------------------------
  共通　固定ページ ヘッダー
-----------------------------------------------------*/
/* パンくずリスト 調整 */
span.aioseo-breadcrumb {
    padding-right: 8px;
    color: #fff;
    font-weight: 500;
    font-size: 16px;
}
span.aioseo-breadcrumb-separator {
    color: #fff;
    font-size: 16px;
    padding-right: 8px;
    font-weight: 500;
}

/*---------------------------------------------------
  共通　リスト
-----------------------------------------------------*/
.lx-list {
	padding: 0;
}
/* リスト行 */
.lx-list .lx-list-row {
/* 	padding: 0; */
	border-bottom: 1px solid var(--e-global-color-243faa0);
}
.lx-list .lx-list-row .lx-list-title {
	font-weight: bold;
	line-height: 1.4;
}

/*---------------------------------------------------
  共通　アイテムボックス
-----------------------------------------------------*/
.lx-item-boxes {
	padding: 0;
}
.lx-item-boxes .lx-item-box {
	padding: 0;
}
/* コンテンツ box 調整 */
.lx-item-boxes .lx-item-box.lx-box-content {
    padding: 24px 16px;
	gap: 38px;
}
.lx-item-boxes .lx-item-box.lx-box-content .lx-text-num {
    position: absolute;
    top: -40px;
    left: -2px;
}
.lx-item-boxes .lx-item-box.lx-box-content .lx-text-num span.lx-reason {
	font-size: 40px;
}
/*---------------------------------------------------
  共通　その他
-----------------------------------------------------*/
.padding0 {
	padding: 0;
}
/* 画像 角丸 */
.lx-img-round img {
/* 	border-radius: 24px; */
}
/* マーカー */
span.lx-marker {
    background: linear-gradient(transparent 70%, rgba(255, 240, 0, 0.49) 70%);
    display: inline;
}
/* FAQ */
span.lx-q-title {
    color: #1f4da7;
    font-size: 28px;
}
span.lx-a-title {
    color: #d62c40;
    font-size: 28px;
	font-weight: bold;
}

/******************************************************************
　SP
*******************************************************************/
@media screen and (max-width: 767px) {
	/*---------------------------------------------------
	 Swich
	-----------------------------------------------------*/
	.forPC { display: none;}
	.forSP { display: inherit;}

	/*---------------------------------------------------
  		共通　フッターメニュー
	-----------------------------------------------------*/
	/* フッターメニューのカラムを4分割 */
	.footer_menu_column {
		width:100%;
	}


	/*---------------------------------------------------
	  共通　セクション
	-----------------------------------------------------*/
	section.lx-section > .e-con-inner {
/* 		gap: var(--lx-section-gap-sp); */
		gap: 38px;
	}
	section.lx-section {
		padding-top: 60px;
	}
	/* 背景色付きセクションのpadding調整 */
	section.lx-section.lx-pb {
		padding-bottom: 60px;
	}
	/* 最終セクション */
	main.lx-main section.lx-section:last-child {
	  margin-bottom: 100px;
	}

	/*---------------------------------------------------
	共通　ブロック
	-----------------------------------------------------*/
	/* block内のgap幅調整 */
	.lx-block {
		gap: 24px; 
	}

	/*---------------------------------------------------
	  共通　リスト
	-----------------------------------------------------*/
	/* リスト行 */
	.lx-list .lx-list-row {
		padding: 0;
	}
	/* リストタイトル */
	.lx-list .lx-list-row .lx-list-title {
		width: 40%;
	}
	/*---------------------------------------------------
	  共通　ボタン
	-----------------------------------------------------*/
	/* ボタン大 */
	.lx-btn-l .ha-creative-btn-wrap .ha-stl--symbolab {
		min-width: 280px;
	}
	/* ボタン中 */
	.lx-btn-m .ha-creative-btn-wrap .ha-stl--symbolab {
	}
	/* ボタン小 */
	.lx-btn-s .ha-creative-btn-wrap .ha-stl--symbolab {
	}
	/*---------------------------------------------------
  	　共通　アイテムボックス
	-----------------------------------------------------*/
	/* コンテンツ box 調整 */
	.lx-item-boxes .lx-item-box.lx-box-content {
		padding: 24px 0;
		gap: 20px;
	}
	.lx-item-boxes .lx-item-box.lx-box-content .lx-text-num {
		top: -16px;
	}


}