@charset "UTF-8";

/*=======================================================
共通
=======================================================*/
.el-btn {
	width: 414px;
	font-size: 18px;
	border-radius: 30px;
	color: #FFFFFF;
	padding: 16px 0 15px 0;
	letter-spacing: 0.72px;
	line-height: 1.5em;
	position: relative;
}
.el-btn::after {
	position: absolute;
	content: "";
	width: 24px;
	height: 24px;
    background: url(../images/common/btn-white-icon.svg) top center / contain no-repeat;
	top: 50%;
	transform: translateY(-50%);
	right: 23px;
}
.el-btn.black {
	background-color: #0E0101;
}
.el-btn:hover {
	background-color: #FFFFFF;
	color: #0E0101;
	position: relative;
	transition: all 0.3s ease;
}
.el-btn:hover::after  {
	position: absolute;
	content: "";
	width: 24px;
	height: 24px;
    background: url(../images/common/btn-black-icon.svg) top center / contain no-repeat;
	top: 50%;
	transform: translateY(-50%);
	right: 23px;
}
@media screen and (max-width: 750px) {
	.el-btn {
	    width: 606px;
	    font-size: 30px;
		padding: 22px 0 20px;
	    border-radius: 44px;
		letter-spacing: 1.2px;
		margin: auto;
    }
    .el-btn::after {
	    width: 34px;
	    height: 34px;
	    right: 30px;
    }
	.el-btn.black:hover {
	    background-color: #0E0101;
		color: #FFFFFF;
    }
	.el-btn:hover::after  {
		width: 34px;
	    height: 34px;
        background: url(../images/common/btn-white-icon.svg) top center / contain no-repeat;
		right: 30px;
    }
}

/*=======================================================
背景パララックス
=======================================================*/
.ly-main {
    background: url(../images/common/bg.jpg) top center / contain no-repeat;
    background-attachment: fixed;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
@media screen and (max-width: 750px) {
	.ly-main {
        background: url(../images/common/bg-sp.jpg) top center / contain no-repeat;
		background-attachment: fixed;
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
    }
}

/*=======================================================
MV
=======================================================*/
.el-lower-mv-ttl::after {
	content: "Contact";
}
@media screen and (max-width: 750px) {
	.el-lower-mv-ttl {
		padding-top: 160px;
	}
}

/*=======================================================
フォーム
=======================================================*/
.bl-intro {
	padding: 80px 0 40px;
}
.bl-contactForm .ly-cont-inner {
    padding-bottom: 96px;
}
.bl-intro-txt {
	text-align: center;
	color: #FFFFFF;
}
.bl-intro-txt + .bl-intro-txt {
	margin-top: 1.3em;
}
.bl-intro-txt > a {
	text-decoration: underline;
}