@charset "utf-8";
/* ===================================================
	カラー
=================================================== */
@colorMain: #ff7301; //メインカラー
@colorSub: #4ebb48; //サブカラー 詳細ボタンなど
@colorBorder: #d3ccc7; //ボーダーカラー
@colorLightBG: #fff3dd; //薄い背景色　bodyの背景と同化はNG　 フォームやテーブルの見出し背景,カテゴリー背景
@colorPager:#ffd58f;//ページャー背景
@colorPagerCurrent:#ffb750;//ページャー背景current

/* ===========================================================================================
	基準のline-height
=========================================================================================== */
@BaseLineHeight: 1.8;

/* ===========================================================================================
	フォント 設定
=========================================================================================== */
body {
	font-size: 15px;
	line-height: @BaseLineHeight;
	color: #351d14;
	font-family: "游ゴシック", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

a,
a:active,
a:link,
a:visited {
	color: #351d14;
}
/* ===========================================================================================
	ボタン 設定
=========================================================================================== */
.moreBtn {
	a {
		display: inline-block;
		background: #ff7301;
		border-bottom: 2px solid #cf6006;
		border-radius: 100px;
		padding: 3px 33px 3px 47px;
		color: #fff;
		font-weight: bold;
		position: relative;
		&::before {
			content: "";
			position: absolute;
			top: 0;
			bottom: 0;
			left: 30px;
			margin: auto;
			width: 12px;
			height: 12px;
			background: #fff;
			border-radius: 30px;
		}
		&::after {
			position: absolute;
			top: 0;
			bottom: 0;
			left: 32px;
			display: block;
			content: '';
			width: 4px;
			height: 4px;
			margin: auto;
			border-top: 1px solid #ff7301;
			border-right: 1px solid #ff7301;
			-webkit-transform: rotate(45deg);
			transform: rotate(45deg);
		}
	}
}
/* ===========================================================================================

	メインイメージ設定
=========================================================================================== */
.mainImgArea {
	width: 100%;
	margin: 0 0 20px;

	.mainImgContent {
		max-width: 100%;
		margin: 0 auto;
		text-align: center;
		background-repeat: no-repeat;
		background-position: center center;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.mainImgContent p {
		width: @contentWidth;
		font-weight: bold;
		font-size: 24px;
	}
}
/* ===========================================================================================

	見出し設定
=========================================================================================== */
/*== 見出し共通 =======================*/
.flHeadingCommon {
	font-weight: normal;
	line-height: 1.4;
}

/*== h2はビルダー・システムで共通とする =======================*/
.h2LaySets {
	.flHeadingCommon;
	background: url("../images/ico_h02.png") top center / 40px 35px no-repeat;
	font-weight: bold;
	font-size: 27px;
	letter-spacing: 2px;
	text-align: center !important;
	padding: 47px 0 0 !important;
}

.fl-module-heading h2.fl-heading {
	// ビルダーのH2
	.h2LaySets;
}

h2.pageTitle {
	// アーカイブ・シングルシステムページの見出し
	.h2LaySets;
	margin-bottom: 30px;
}
/*== h3 =======================*/
.h3LaySets {
	.flHeadingCommon;
	color: #ff7301;
	font-weight: bold;
	font-size: 21px;
	padding: 0 !important;
}

.fl-module-heading h3.fl-heading {
	// ビルダーのH3
	.h3LaySets;
}
/*== h4 =======================*/
.h4LaySets {
	.flHeadingCommon;
	background: url("../images/ico_h04.png") left / 22px no-repeat;
	border-bottom: 1px dotted #a79588;
	font-size: 19px;
	padding: 6px 0 3px 26px !important;
}

.fl-module-heading h4.fl-heading {
	// ビルダーのH4
	.h4LaySets;
}
/*== h5 =======================*/
.h5LaySets {
	.flHeadingCommon;
	border-bottom: 1px solid #ff7301;
	font-size: 17px;
	padding: 0 0 2px !important;
}

.fl-module-heading h5.fl-heading {
	// ビルダーのH5
	.h5LaySets;
}
/*== h6 =======================*/
.h6LaySets {
	.flHeadingCommon;
	color: #4ebb48;
	font-weight: bold;
	font-size: 15px;
	padding: 0 !important;
}

.fl-module-heading h6.fl-heading {
	// ビルダーのH6
	.h6LaySets;
}
/* ===========================================================================================

	コンタクトバナー
=========================================================================================== */
.c_banner {
	line-height: 1.6;
	width: 700px;
	.c_tel{
		line-height: 1;
		a {
			color: inherit;
		}
	}
	.c_btn a{
		position: static !important;
		top:0 !important;
	}
}

/* ===========================================================================================
	フリーダイヤルアイコン化
=========================================================================================== */
.fd_num {
	.fl-icon i::before {
		display: none;
	}
	.fl-icon-text {
		display: flex;
		justify-content: center;
		align-items: center;
		padding: 0;
		&::before {
			display: inline-block;
			content: '';
			width: 37px;
			height: 22px;
			background: url("../images/free_dial01.png") center / 37px 22px no-repeat;
			margin: 0px 8px 0 0;
		}
	}
}