@charset "utf-8";

/* =========================================================
◆Webフォント
========================================================= */
@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");


/* =========================================================
◆Link Style
========================================================= */
a { -webkit-transition: color 0.3s ease-out, background-color 0.3s ease-out, opacity 0.3s ease-out; transition: color 0.3s ease-out, background-color 0.3s ease-out, opacity 0.3s ease-out; display: inline-block; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
a img { -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; background-color: rgba(255,255,255,.01); }

a:link,
a:visited,
a:active { color: #000; text-decoration: none; }

a:hover { color: #c16d3f; }
a:hover img { opacity: 0.8; }

/* =========================================================
◆Basic
========================================================= */
* { -webkit-box-sizing: border-box; box-sizing: border-box; }

*::before,
*::after { -webkit-box-sizing: border-box; box-sizing: border-box; }

html { -webkit-text-size-adjust: none; }
body { font: 15px / 1.4 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; background: #fff; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; background: url(/common/images/bg_pattern01.png); -webkit-backface-visibility: hidden; backface-visibility: hidden; }
img { max-width: 100%; height: auto; width: auto; vertical-align: top; display: block; }
figure { border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }

.el_fadeIn { -webkit-transition: opacity 0.3s ease-in; transition: opacity 0.3s ease-in; }

/* clear */
.clear { clear: both !important; }

/* clearfix */
.cFix::after { content: ""; clear: both; display: block; }

/* pcBlock,pcInline */
.pcBlock { display: block !important; }

.pcInline { display: inline-block !important; }

.spBlock,
.spInline { display: none !important; }

/* =========================================================
◆Head
========================================================= */
.ly_head { width: 100%; min-width: 1200px; height: 65px; background-image: url(/common/images/bg_pattern02.png); position: fixed; top: 0; left: 0; z-index: 1001; }
.ly_head .ly_head_inner { margin: 0 auto; padding-left: 231px; width: 1200px; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
@media screen and (min-width: 751px) and (max-width: 1280px) {
	.ly_head { min-width: 1240px; }
	.ly_head .ly_head_inner { width: 1240px; }
}
.ly_head .bl_headLogo { display: none; }
.ly_head .bl_hurryBtn a { padding: 21px 0; width: 200px; background-image: url(/common/images/bg_wave01.png); color: #fff; font-size: 20px; display: inline-block; text-align: center; position: relative; }
.ly_head .bl_hurryBtn a::before { margin: -5px 10px 0 0; width: 16px; height: 16px; content: ""; display: inline-block; background-image: url(/common/images/icon_arrow_white.svg); background-size: cover; vertical-align: middle; position: relative; z-index: 2; }
.ly_head .bl_hurryBtn a::after { width: 100%; height: 100%; background-image: url(/common/images/bg_wave02.png); opacity: 0; content: ""; display: block; position: absolute; top: 0; left: 0; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; z-index: 1; }
.ly_head .bl_hurryBtn a:hover::after { opacity: 1; }
.ly_head .bl_hurryBtn a .bl_hurryBtn_txt { z-index: 2; position: relative; }
.ly_head .bl_headLinkList { margin-top: -8px; }
.ly_head .bl_headLinkList.el_phase01 ul { padding-right: 180px; }
.ly_head .bl_headLinkList.el_phase01 ul li { border-right: none; }
.ly_head .bl_headLinkList ul { display: -webkit-box; display: -ms-flexbox; display: flex; }
.ly_head .bl_headLinkList ul li { padding: 3px 0; width: 180px; border-right: 1px solid #534b46; text-align: center; }
.ly_head .bl_headLinkList ul li a { font-size: 16px; position: relative; display: inline-block; }
.ly_head .bl_headLinkList ul li a .bl_headLink_icon { margin-right: 4px; width: 13px; height: 13px; position: relative; display: inline-block; vertical-align: baseline; }
.ly_head .bl_headLinkList ul li a .bl_headLink_icon::before,
.ly_head .bl_headLinkList ul li a .bl_headLink_icon::after { width: 13px; height: 13px; content: ""; display: inline-block; position: absolute; left: 0; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; background-size: cover; }
.ly_head .bl_headLinkList ul li a .bl_headLink_icon::before { background-image: url(/common/images/icon_arrow_black.svg); opacity: 1; }
.ly_head .bl_headLinkList ul li a .bl_headLink_icon::after { background-image: url(/common/images/icon_arrow_orange.svg); opacity: 0; }
.ly_head .bl_headLinkList ul li a:hover .bl_headLink_icon::before { opacity: 0; }
.ly_head .bl_headLinkList ul li a:hover .bl_headLink_icon::after { opacity: 1; }
.ly_head .bl_headTel { margin-left: 22px; }
.ly_head .bl_headTel .bl_headTel_pc { padding-left: 13px; color: #534a46; font-size: 16px; font-weight: 600; display: inline-block; vertical-align: middle; position: relative; }
.ly_head .bl_headTel .bl_headTel_pc::before { margin-top: -3px; width: 11px; height: 14px; content: ""; background: url(/common/images/icon_tel.png) no-repeat; position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.ly_head .bl_headTel .bl_headTel_pc .bl_headTelNum { margin: -4px 0 0 8px; font-size: 36px; font-weight: 400; font-family: "Roboto", sans-serif; display: inline-block; vertical-align: middle; }
.ly_head .bl_headTel .bl_headTel_sp { display: none; }

.ly_head #spMenu { display: none; }

/* =========================================================
◆Gnav
========================================================= */
.ly_gnav { width: 231px; height: 100%; background-image: url(/common/images/bg_pattern01.png); -webkit-box-shadow: 4px 0 4px 0 rgba(0, 0, 0, 0.1); box-shadow: 4px 0 4px 0 rgba(0, 0, 0, 0.1); position: fixed; top: 0; left: 0; display: block; z-index: 1002; }
.ly_gnav .bl_gnavLogo { padding: 32px 0 42px; text-align: center; }
.ly_gnav .bl_gnavLogo a { width: 34px; display: inline-block; }
.ly_gnav .bl_gnavLogo a img { width: 100%; }
.ly_gnav .bl_gnavLinkBtn { display: none; }
.ly_gnav .bl_gnavList { margin-left: 25px; font-size: 16px; }
.ly_gnav .bl_gnavList > ul li { margin-bottom: 28px; }

/* =========================================================
◆SNS
========================================================= */
.bl_snsBlock { margin: 75px 0 20px; text-align: right; }
.bl_snsBlock .bl_snsList { margin: 0; }
.bl_snsList { margin-top: 54px; }
.bl_snsList > ul li { width: 26px; display: inline-block; }
.bl_snsList > ul li + li { margin-left: 5px; }
.bl_snsList > ul li a { width: 100%; }
.bl_snsList > ul li a:hover { cursor: pointer; }


@media screen and (min-width: 751px) {
	.ly_gnav { display: block!important; }
}



/* =========================================================
◆Main
========================================================= */
.ly_pageBody { margin-top: 65px; padding-left: 231px; min-width: 1200px; }
.ly_main { width: 100%; clear: both; position: relative; z-index: 2; }
.ly_main .ly_main_inner { width: 970px; margin: 0 auto; position: relative; z-index: 2; }
@media screen and (min-width: 751px) and (max-width: 1280px) {
	.ly_pageBody { min-width: 1240px; }
	.ly_main { padding: 0 20px; }
}

/* =========================================================
◆Inquiry
========================================================= */
/* お問い合わせ */
.bl_inquiryArea { margin: 0 auto; background-color: #fff; overflow: hidden; }
.bl_inquiryArea .bl_inquiryArea_inner { margin: 0 auto; padding: 0 30px; width: 970px; position: relative; z-index: 2; }
.bl_inquiryArea .bl_inquiryArea_inner::before { width: 532px; height: 305px; content: ""; background-image: url(/common/images/bg_inquiry.jpg); background-repeat: no-repeat; background-size: contain; display: inline-block; position: absolute; right: -61px; bottom: 0; z-index: 1; }
.bl_inquiryArea .bl_inquiryTag { margin-bottom: 27px; padding: 15px 32px 15px 28px; font-size: 18px; font-weight: 600; color: #fff; background: url(/common/images/bg_wave01.png); display: inline-block; letter-spacing: 0.03em; position: relative; z-index: 2; }
.bl_inquiryArea .bl_inquiryTxt01 { margin: 0 0 8px -0.6em; font-size: 24px; font-weight: 600; position: relative; z-index: 2; line-height: 1.25; }
.bl_inquiryArea .bl_inquiryTxt01.bl_incuiryTxt_noIndent { margin-left: 0; }
.bl_inquiryArea .bl_inquiryTxt02 { padding-bottom: 37px; font-size: 16px; font-weight: 600; color: #252525; position: relative; z-index: 2; line-height: 1.875; }
.bl_inquiryArea .bl_inquiryNum_pc { padding-bottom: 38px; position: relative; z-index: 2; }
.bl_inquiryArea .bl_inquiryNum_sp { display: none; }

.bl_inquiry_LinkBtn { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; z-index: 2; }
.bl_inquiry_LinkBtn.el_phase01 li { width: 100%; }
.bl_inquiry_LinkBtn.el_phase01 li a.bl_inquiryLinkBtn_estimate { border-left: none; text-align: center; }
.bl_inquiry_LinkBtn li { width: 50%; }
.bl_inquiry_LinkBtn li a { padding: 40px 0; width: 100%; font-size: 22px; color: #fff; display: inline-block; }
.bl_inquiry_LinkBtn li a .bl_inquiry_LinkBtn_txt { width: 485px; display: inline-block; text-align: center; }
.bl_inquiry_LinkBtn li a .bl_inquiry_LinkBtn_txt::before { margin: -4px 10px 0 0; width: 16px; height: 16px; content: ""; display: inline-block; vertical-align: middle; background: url(/common/images/icon_arrow_white.svg); background-size: cover; }
.bl_inquiry_LinkBtn li a.bl_inquiryLinkBtn_request { background: #825d58; border-right: 1px solid #f0f0ed; text-align: right; }
.bl_inquiry_LinkBtn li a.bl_inquiryLinkBtn_estimate { background: #83597f; border-left: 1px solid #f0f0ed; text-align: left; }
.bl_inquiry_LinkBtn li a:hover.bl_inquiryLinkBtn_request { background: #683e39; }
.bl_inquiry_LinkBtn li a:hover.bl_inquiryLinkBtn_estimate { background: #773f72; }

#Gnav_over { display: none; }


/* [ PC Only ]---------------------------------------------------------- */
@media screen and (min-width: 751px) {
	/* =========================================================
	◆pagetop
	========================================================= */
	.bl_pagetop { position: fixed; right: 20px; bottom: 20px; }
	.bl_pagetop a { padding-top: 33px; width: 60px; height: 60px; font-size: 12px; font-weight: bold; color: #fff!important; background-color: #896f1f; border-radius: 50%; opacity: 0.8; text-align: center; position: relative; }
	.bl_pagetop a::before { margin: auto; width: 10px; height: 14px; content: ""; background-image: url("/common/images/icon_up_white.svg"); background-size: cover; display: block; position: absolute; left: 0; right: 0; top: 14px; }

	/* =========================================================
	◆Foot
	========================================================= */

	.ly_foot { padding: 70px 0 25px; width: 100%; background: url(/common/images/bg_pattern02.png); clear: both; position: relative; z-index: 2; }
	.ly_foot .ly_foot_inner { width: 970px; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
	.ly_foot .bl_footLogo { width: 33px; height: 165px; }
	.ly_foot .bl_footLogo img { width: 100%; }
	.ly_foot .bl_footNav { margin-bottom: 67px; }
	.ly_foot .bl_footNav ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; }
	.ly_foot .bl_footNav ul li { margin-right: 41px; width: 1em; -webkit-writing-mode: tb-rl; -ms-writing-mode: tb-rl; writing-mode: tb-rl; }
	.ly_foot .bl_footNav ul li a { color: #252525; font-size: 14px; }
	.ly_foot .bl_footNav ul li a:hover { color: #c16d3f; }
	.ly_foot .bl_copy { display: block; font-size: 10px; text-align: center; color: #575757; }
}

@media screen and (max-width: 750px) {
	/* =========================================================
	◆Basic
	========================================================= */
	body { font-size: 13px; line-height: 1.8; }

	/* spBlock,spInline */
	.spBlock { display: block !important; }
	.spInline { display: inline-block !important; }

	.pcBlock,
	.pcInline { display: none !important; }

	/* =========================================================
	◆Head
	========================================================= */
	.ly_head { min-width: initial; height: 60px; background-image: url(/common/images/bg_pattern01.png); -webkit-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.2); left: 0!important; }
	.ly_head .ly_head_inner { padding-left: 0; width: 100%; height: 100%; }
	.ly_head .bl_headLogo { display: block; margin: 5px 0 0 14px; }
	.ly_head .bl_headLogo img { width: 128px; }
	.ly_head .bl_hurryBtn { display: none; }
	.ly_head .bl_headLinkList { display: none; }
	.ly_head .bl_headTel { margin: 0 0 0 18px; width: 40%; }
	.ly_head .bl_headTel .bl_headTel_pc { display: none; }
	.ly_head .bl_headTel .bl_headTel_sp { width: 100%; height: 48px; text-align: center; border-radius: 3px; background: linear-gradient( -90deg, rgb(168,72,20) 0%, rgb(193,109,63) 100%); box-shadow: 3px 3px 4px 0 rgba(0, 0, 0, 0.2); display: block; }
	.ly_head .bl_headTel .bl_headTel_sp a { width: 100%; height: 100%; font-size: 15px; line-height: 48px; color: #fff; display: inline-block; }
	.ly_head .bl_headTel .bl_headTel_sp a::before { margin-right: 4px; width: 10px; height: 15px; content: ""; background: url(/common/images/icon_tel04.png) no-repeat; background-size: cover; display: inline-block; vertical-align: middle; }

	.ly_head #spMenu { margin: -1px 0 0 auto; width: 60px; height: 60px; display: block; z-index: 3; cursor: pointer; }
	.ly_head #spMenu img { width: 100%; }
	.ly_head.is_active #spMenu { background-image: url(/common/images/sp/btn_menu_close.png); background-size: cover; background-repeat: no-repeat; }
	.ly_head.is_active #spMenu img { opacity: 0; }

	/* =========================================================
	◆Gnav
	========================================================= */
	.ly_gnav { width: 100%; height: 100%; background: #fff; -webkit-box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.1); position: fixed; top: 60px; left: 0; z-index: 1000; display: none; }
	.ly_gnav .ly_gnav_inner { margin: 0 auto; padding: 26px 0 50%; width: 92%; height: 100%; overflow: auto }
	.ly_gnav .bl_gnavLogo { display: none; }
	.ly_gnav .bl_gnavLinkBtn { margin-bottom: 15px; display: block; }
	.ly_gnav .bl_gnavLinkBtn.el_phase01 ul li { width: 100%; }
	.ly_gnav .bl_gnavLinkBtn ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
	.ly_gnav .bl_gnavLinkBtn ul li { width: 49%; }
	.ly_gnav .bl_gnavLinkBtn ul li a { width: 100%; padding: 17px 0; text-align: center; display: inline-block; color: #fff; border-radius: 4px; vertical-align: middle; }
	.ly_gnav .bl_gnavLinkBtn ul li a::before { margin: -3px 5px 0 0; width: 13px; height: 13px; content: ""; background: url(/common/images/icon_arrow_white.svg); background-size: cover; display: inline-block; vertical-align: middle; }
	.ly_gnav .bl_gnavLinkBtn ul li a.bl_gnavLinkBtn_request { background-color: #825d58; }
	.ly_gnav .bl_gnavLinkBtn ul li a.bl_gnavLinkBtn_estimate { background-color: #83597f; }
	.ly_gnav .bl_gnavList { margin-left: 0; font-size: 15px; }
	.ly_gnav .bl_gnavList > ul li { margin-bottom: 0; border-bottom: 1px solid #b3a579; }
	.ly_gnav .bl_gnavList > ul li a { padding: 5% 0 5% 10px; width: 100%; display: inline-block; }

	/* =========================================================
	◆SNS
	========================================================= */
	.bl_snsBlock { margin: 30px auto; width: 92%; }
	.bl_snsList { margin-top: 43px; }
	.bl_snsList > ul li { margin-left: 10px; width: 43px; }
	.bl_snsList > ul li + li { margin-left: 15px; }

	/* =========================================================
	◆Main
	========================================================= */
	.ly_pageBody { margin-top: 60px; padding-left: 0; min-width: auto; }

	.ly_main .ly_main_inner { width: 100%; }

	/* =========================================================
	◆Inquiry
	========================================================= */
	/* お問い合わせ */
	.bl_inquiryArea { max-width: none; position: relative; z-index: 999; }
	.bl_inquiryArea .bl_inquiryArea_inner { padding: 0; width: 100%; }
	.bl_inquiryArea .bl_inquiryArea_inner::before { padding-top: 47%; width: 100%; height: 0; background-image: url(/common/images/sp/bg_inquiry.jpg); background-size: cover; top: inherit; bottom: 0; left: 0; }
	.bl_inquiryArea.bl_inquiryArea_large .bl_inquiryArea_inner { padding-bottom: 8%; }
	.bl_inquiryArea .bl_inquiryTag { margin: 0 4% 4% 4%; padding: 5px 18px; font-size: 14px; }
	.bl_inquiryArea .bl_inquiryTxt01 { margin-bottom: 5%; padding: 0 4%; font-size: 20px; line-height: 1.5; }
	.bl_inquiryArea .bl_inquiryTxt02 { padding: 0 4% 9%; width: 50%; font-size: 12px; line-height: 1.625; }
	.bl_inquiryArea .bl_inquiryNum_pc { display: none; }
	.bl_inquiryArea .bl_inquiryNum_sp { padding: 4% 3% 1% 4%; display: block; background-color: #266485; text-align: center; border-bottom: 1px solid #fff; position: relative; }
	.bl_inquiryArea .bl_inquiryNum_sp a { margin: 0 auto; width: 100%; display: inline-block; }
	.bl_inquiryArea .bl_inquiryNum_sp a:hover img { opacity: 1; }

	.bl_inquiry_LinkBtn::before { content: none; background-image: none; }
	.bl_inquiry_LinkBtn li a { padding: 22px 0; font-size: 14px; }
	.bl_inquiry_LinkBtn li a .bl_inquiry_LinkBtn_txt { width: 100%; }
	.bl_inquiry_LinkBtn li a .bl_inquiry_LinkBtn_txt::before { margin: -4px 5px 0 0; width: 13px; height: 13px; }
	.bl_inquiry_LinkBtn li a:hover.bl_inquiryLinkBtn_request { background: #825d58; }
	.bl_inquiry_LinkBtn li a:hover.bl_inquiryLinkBtn_estimate { background: #83597f; }

	/* =========================================================
	◆pagetop
	========================================================= */
	.bl_pagetop { background-color: #a49783; text-align: center; border-top: 1px solid #fff; }
	.bl_pagetop a { padding: 18px 0; width: 100%; font-size: 12px; font-weight: bold; color: #fff; }
	.bl_pagetop a::before { margin-right: 5px; width: 11px; height: 15px; content: ""; background-image: url("/common/images/icon_up_white.svg"); background-size: cover; display: inline-block; vertical-align: middle; }

	/* =========================================================
	◆Foot
	========================================================= */
	.ly_foot { background: url(/common/images/bg_pattern02.png); position: relative; z-index: 2; }
	.ly_foot .ly_foot_inner { width: 100%; display: block; }
	.ly_foot .bl_footLogo { display: none; }
	.ly_foot .bl_footNav ul li { border-bottom: 1px solid #a49783; }
	.ly_foot .bl_footNav ul li a { padding: 4.6% 4%; display: block; color: #252525; font-size: 12px; }
	.ly_foot .bl_copy { padding: 4.6% 0; display: block; font-size: 10px; text-align: center; color: #575757; font-family: Verdana,"Droid Sans"; }

	#Gnav_over { width: 100%; height: 200%; position: fixed; background: #000; left: 0; top: 0; z-index: 2; opacity: 0.8; }

}