/*!
Theme Name: 工務店ホームページ制作パック 子テーマ 中山技建様
Template: al-house-maker
Description: 工務店ホームページ制作パックの子テーマ 
Theme URI: https://www.aster-link.co.jp/
Author: 株式会社アスターリンク
Author URI: https://www.aster-link.co.jp/
Version: 1.0.0
*/

/* ヘッダー資料請求 */
.p-site-header__nav-area__links__contact__request::before {
	position: absolute;
	content: "";
	top: calc(50% - 16px);
	left: 22px;
	width: 25px;
	height: 32px;
	background: url(images/icon/icon_mail.svg) no-repeat;
	background-size: contain;
	background-position: center;
}

/* フッターCTA資料請求 */
.p-inquiry-set__item-box__request__mail-area__button__text::before {
	position: absolute;
	content: "";
	top: calc(50% - 23px);
	left: 60px;
	width: 46px;
	height: 46px;
	background: url(images/icon/icon_mail.svg) no-repeat;
	background-size: contain;
	background-position: center;
}
.p-inquiry-set__item-box__request__mail-area__button__text:hover::before {
	background: var(--primary-color); 
	mask: url(images/icon/icon_mail.svg) no-repeat;
	mask-size: contain;
	mask-position: center;
	-webkit-mask-image: url(images/icon/icon_mail.svg);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
	-webkit-mask-position: center;
}

/* フッターナビ資料請求 */
.p-floating-link__request::before {
	position: absolute;
	content: "";
	top: 15px;
	left: calc(50% - 17px);
	width: 34px;
	height: 38px;
	background: url(images/icon/icon_mail.svg) no-repeat;
	background-size: contain;
	background-position: center;
}

@media only screen and (max-width: 599px) {
    /* フッターCTA資料請求 */
	.p-inquiry-set__item-box__request__mail-area__button__text::before {
		top: calc(50% - 16px);
		left: 8%;
		width: 32px;
		height: 32px;
	}
	.p-inquiry-set__item-box__request__mail-area__button__text:hover::before {
		background: url(images/icon/icon_catalog.svg) no-repeat;
	}

    /* フッターナビ資料請求 */
    .p-floating-link__request{
        width: 70%;
    }
    .p-floating-link__request::before {
		top: 12px;
        left: 35%;
        width: 28px;
        height: 35px;
	}
}