@charset "utf-8";

/* ページタイトル背景画像 あり */
.bl_lowerPageTtl.bl_lowerPageTtl_onBackground { background-image: url(../images/bg_mainvis.jpg); }


/* フリーダイヤル */
.un_freedialArea { margin-bottom: 64px; text-align: center; }
.un_freedialArea .un_freedial_telLink { width: 100%; pointer-events: none; display: inline-block; }
.un_freedialArea .un_freedialHeading { padding: 15px 0 14px; width: 100%; color: #FFF; font-size: 22px; font-weight: bold; background: url(/common/images/bg_wave01.png); display: inline-block; border-radius: 4px 4px 0 0; }
.un_freedialArea .un_freedialHeading::before { margin: 4px 6px 0 0; width: 16px; height: 20px; content: ""; background-image: url(../images/icon_tel01.png); background-repeat: no-repeat; background-size: contain; display: inline-block; }
.un_freedialArea .un_freedialTxt_outer { padding: 30px 0 22px; border-style: solid; border-color: #C16D3F; border-width: 0 1px 1px 1px; border-radius: 0 0 4px 4px; background-color: #fff; }
.un_freedialArea .un_freedialTxt_inner { margin: 0 auto 14px; width: 635px; -webkit-display: flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: center; align-items: center; }
.un_freedialArea .un_freedialTxt01 { padding: 12px 21px; color: #266485; font-size: 20px; font-weight: bold; border: 1px solid #266485; line-height: 1.15; position: relative; left: 3px; }
.un_freedialArea .un_freedialTxt01 .un_freedialTxt01_line01 { display: block; }
.un_freedialArea .un_freedialTxt01 .un_freedialTxt01_line02 { display: block; }
.un_freedialArea .un_freedialTxt01 .un_freedial_time { font-size: 26px; }
.un_freedialArea .un_freedialTxt02 { color: #266485; font-size: 80px; font-weight: 400; font-family: "Roboto", sans-serif; line-height: 1; }
.un_freedialArea .un_freedialTxt03 { margin-left: 15px; color: #000; font-size: 24px; font-weight: bold; }
.un_freedialArea .un_freedialTxt04 { display: none; }

/* リード文 */
.un_leadArea { margin: 0 auto 51px; width: 600px; text-align: center; }
.un_leadArea .un_leadHeading { margin-bottom: 36px; font-size: 32px; font-weight: bold; }
.un_leadArea .un_leadTxt { margin-bottom: 20px; font-size: 17px; line-height: 3; }
.un_leadArea .un_leadNotes { margin-right: 13px; font-size: 13px; text-align: right; }

/* フロー */
.un_flowArea { margin-bottom: 49px; }
.un_flowArea .un_flowArea_heading { margin-bottom: 24px; color: #896F1F; font-size: 24px; }
.un_flowArea .un_flowBlock_wrap { position: relative; }
.un_flowArea .un_flowBlock_wrap .un_flowBlock { padding-bottom: 60px; position: relative; z-index: 2; }
.un_flowArea .un_flowBlock_wrap .un_flowBlock::before { width: 2px; height: 100%; content: ""; background-color: #B3A579; display: inline-block; position: absolute; left: 24px; z-index: 1; }
.un_flowArea .un_flowBlock_wrap .un_flowBlock:first-of-type { padding-bottom: 51px; }
.un_flowArea .un_flowBlock_wrap .un_flowBlock:last-of-type { padding-bottom: 0; }
.un_flowArea .un_flowBlock_wrap .un_flowBlock:last-of-type::before { content: none; }
.un_flowArea .un_flowBlock_wrap .un_flowBlock .un_flowBlock_heading { margin-bottom: 14px; }
.un_flowArea .un_flowBlock_wrap .un_flowBlock .un_flowBlock_heading::after { content: ""; display: block; clear: both; }
.un_flowArea .un_flowBlock_wrap .un_flowBlock .un_flowBlock_heading .un_flowBlock_headingNum { margin-right: 16px; width: 50px; height: 50px; line-height: 50px; color: #FFF; font-size: 30px; background-color: #b3a579; border-radius: 50%; font-weight: 400; font-family: "Roboto", sans-serif; display: inline-block; text-align: center; position: relative; z-index: 2; float: left; }
.un_flowArea .un_flowBlock_wrap .un_flowBlock .un_flowBlock_heading .un_flowBlock_headingTxt { margin-top: 10px; width: 900px; font-size: 20px; font-weight: bold; display: inline-block; float: left; }
.un_flowArea .un_flowBlock_wrap .un_flowBlock .un_flowBlock_txt01 { padding: 24px 30px 24px; border-top: 2px solid #b3a579; background-color: #fff; line-height: 1.8; }
.un_flowArea .un_flowBlock_wrap .un_flowBlock:first-of-type .un_flowBlock_txt01 { padding-top: 35px; }
.un_flowArea .un_flowBlock_wrap .un_flowBlock .un_flowBlock_txt02 { margin-top: 20px; padding: 21px 119px; border: 1px solid #252525; }
.un_flowArea .un_flowBlock_wrap .un_flowBlock [class^="un_flowBlock_txt0"] { margin-left: 70px; }
.un_flowArea .un_flowBlock_wrap .un_flowBlock [class^="un_flowBlock_txt0"] .un_flowTel { margin-bottom: 7px; font-size: 40px; color: #266485; font-weight: 400; font-family: "Roboto", sans-serif; display: inline-block; pointer-events: none; line-height: 1; }
.un_flowArea .un_flowBlock_wrap .un_flowBlock [class^="un_flowBlock_txt0"] .un_flowTel::before { margin-right: 5px; width: 30px; height: 30px; content: ""; background-image: url(/common/images/icon_tel02.png); background-repeat: no-repeat; background-size: cover; display: inline-block; }
.un_flowArea .un_flowBlock_wrap .un_flowBlock [class^="un_flowBlock_txt0"] .un_flowTxt_emp { font-size: 18px; font-weight: bold; }
.un_flowArea .un_flowBlock_wrap .un_flowBlock [class^="un_flowBlock_txt0"] .un_flowTxt_caution { margin-left: 17px; }

/* 詳しく見るボタン */
.un_flowBtn { margin-bottom: 106px; }


@media screen and (max-width: 750px) {

	/* ページタイトル背景画像 あり */
	.bl_lowerPageTtl.bl_lowerPageTtl_onBackground { background-image: url(../images/sp/bg_mainvis.jpg); }

	/* フリーダイヤル */
	.un_freedialArea { margin: 0 auto 32px; width: 92%; box-shadow: 2px 2px 3px 0 rgba(0,0,0,0.2); }
	.un_freedialArea .un_freedial_telLink { pointer-events: auto; }
	.un_freedialArea .un_freedialHeading { padding: 6px 0 5px; font-size: 14px; }
	.un_freedialArea .un_freedialHeading::before { margin: -2px 4px 0 0; width: 10px; height: 14px; vertical-align: middle; }
	.un_freedialArea .un_freedialTxt_outer { padding: 14px 0 15px; border-width: 0 2px 0 2px; border-radius: 0; }
	.un_freedialArea .un_freedialTxt_inner { margin-bottom: 8px; width: 100%; display: block; }
	.un_freedialArea .un_freedialTxt01 { margin-bottom: 6px; padding: 3px 42px; font-size: 13px; line-height: 1; display: inline-block; position: inherit; }
	.un_freedialArea .un_freedialTxt01 .un_freedialTxt01_line01,
	.un_freedialArea .un_freedialTxt01 .un_freedialTxt01_line02 { display: inline-block; vertical-align: middle; }
	.un_freedialArea .un_freedialTxt01 .un_freedial_time { font-size: 13px; }
	.un_freedialArea .un_freedialTxt02 { font-size: 40px; }
	.un_freedialArea .un_freedialTxt02::before { margin-right: 6px; width: 29px; height: 29px; content: ""; background-image: url(/common/images/icon_tel02.png); background-repeat: no-repeat; background-size: cover; display: inline-block; }
	.un_freedialArea .un_freedialTxt03 { margin-left: 7px; font-size: 13px; line-height: 1; }
	.un_freedialArea .un_freedialTxt04 { padding: 14px; font-size: 17px; color: #FFF; font-weight: bold; display: block; background-color: #c16d3f; border-radius: 0 0 4px 4px; line-height: 1; }
	.un_freedialArea .un_freedialTxt04::before { width: 13px; height: 13px; content: ""; background-image: url(/common/images/icon_arrow_white.svg); background-repeat: no-repeat; background-size: cover; display: inline-block; }

	/* リード文 */
	.un_leadArea { margin: 0 auto 27px; width: 92%; }
	.un_leadArea .un_leadHeading { margin-bottom: 20px; font-size: 20px; }
	.un_leadArea .un_leadTxt { margin-bottom: 5px; font-size: 15px; line-height: 2; text-align: left; }
	.un_leadArea .un_leadNotes { margin-right: -7px; font-size: 12px; }

	/* フロー */
	.un_flowArea { margin: 0 auto 39px; width: 92%; }
	.un_flowArea .un_flowArea_heading { margin-bottom: 17px; font-size: 19px; }
	.un_flowArea .un_flowBlock_wrap .un_flowBlock { padding-bottom: 41px; }
	.un_flowArea .un_flowBlock_wrap .un_flowBlock::before { content: none; }
	.un_flowArea .un_flowBlock_wrap .un_flowBlock::after { content: ""; border-top: 10px solid #b3a579; border-left: 10px solid transparent; border-right: 10px solid transparent; position: absolute; left: 50%; bottom: 21px; -webkit-transform: translateX(-50%); transform: translateX(-50%); }
	.un_flowArea .un_flowBlock_wrap .un_flowBlock:first-of-type { padding-bottom: 41px; }
	.un_flowArea .un_flowBlock_wrap .un_flowBlock:last-of-type::after { border: none; }
	.un_flowArea .un_flowBlock_wrap .un_flowBlock .un_flowBlock_heading { margin-bottom: 15px; }
	.un_flowArea .un_flowBlock_wrap .un_flowBlock .un_flowBlock_heading .un_flowBlock_headingNum { margin-right: 4%; width: 25px; height: 25px; font-size: 16px; line-height: 25px; vertical-align: baseline; }
	.un_flowArea .un_flowBlock_wrap .un_flowBlock .un_flowBlock_heading .un_flowBlock_headingTxt { margin-top: 4px; width: 85%; font-size: 15px; line-height: 1.3; }
	.un_flowArea .un_flowBlock_wrap .un_flowBlock .un_flowBlock_txt01 { padding: 15px; }
	.un_flowArea .un_flowBlock_wrap .un_flowBlock:first-of-type .un_flowBlock_txt01 { padding-top: 22px; }
	.un_flowArea .un_flowBlock_wrap .un_flowBlock .un_flowBlock_txt01 { font-size: 13px; }
	.un_flowArea .un_flowBlock_wrap .un_flowBlock .un_flowBlock_txt02 { margin-top: 12px; padding: 13px 0; text-align: center; }
	.un_flowArea .un_flowBlock_wrap .un_flowBlock [class^="un_flowBlock_txt0"] { margin-left: 0; }
	.un_flowArea .un_flowBlock_wrap .un_flowBlock [class^="un_flowBlock_txt0"] .un_flowTel { font-size: 30px; pointer-events: auto; line-height: 1; }
	.un_flowArea .un_flowBlock_wrap .un_flowBlock [class^="un_flowBlock_txt0"] .un_flowTel::before { margin: -9px 9px 0 0; width: 29px; height: 29px; vertical-align: middle; }
	.un_flowArea .un_flowBlock_wrap .un_flowBlock [class^="un_flowBlock_txt0"] .un_flowTxt_emp { font-size: 14px; line-height: 1.67; }
	.un_flowArea .un_flowBlock_wrap .un_flowBlock [class^="un_flowBlock_txt0"] .un_flowTxt_caution { font-size: 11px; line-height: 1.77; }

	/* 詳しく見るボタン */
	.un_flowBtn { margin-bottom: 59px; }

}

@media screen and (max-width: 320px) {
	/* フリーダイヤル */
	.un_freedialArea .un_freedialTxt02 { font-size: 36px; }
	.un_freedialArea .un_freedialTxt04 { font-size: 15px; }
}