@charset "UTF-8";

/*=======================================================
共通
=======================================================*/

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

}

/*=======================================================
背景パララックス
=======================================================*/
.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: "Privacy";
}
@media screen and (max-width: 750px) {
	.el-lower-mv-ttl {
		padding-top: 160px;
	}
}

/*=======================================================
main
=======================================================*/
.bl-privacy {
	padding: 80px 0 0;
}
.bl-privacy .ly-cont-inner {
	padding-bottom: 96px;
}
.bl-privacy-headTxt {
	width: 686px;
	background-color: rgba(255,255,255,0.9);
    padding: 16px 18px;
	margin: auto;
	margin-bottom: 56px;
}
.bl-privacy-cont-set {
	display: flex;
	flex-flow: column;
	gap: 56px;
	margin-bottom: 80px;
}
.bl-privacy-dttl {
	margin: 0 0 16px;
	padding: 4px 0 5px 26px;
	background: #0E0101;
	border-left: 8px solid #BD9535;
	font-size: 20px;
	letter-spacing: 0.8px;
	line-height: 1.2em;
}
.bl-privacy-ddata,
.bl-privacy-item {
	color: #FFFFFF;
}
.el-privacy-txt + .el-privacy-txt {
	margin-top: 1.3em;
}
.bl-privacy-list {
	margin: 40px 0 16px;
}
.bl-privacy-list:nth-of-type(2) {
	margin: 16px 0 16px;
}
.bl-privacy-item {
	display: flex;
	position: relative;
}
.bl-privacy-item:first-of-type:before {
	content: "a.";
	padding-right: 8px;
}
.bl-privacy-item:nth-of-type(2):before {
	content: "b.";
	padding-right: 8px;
}
.bl-privacy-item:nth-of-type(3):before {
	content: "c.";
	padding-right: 8px;
}
.bl-privacy-item:nth-of-type(4):before {
	content: "d.";
	padding-right: 8px;
}
.bl-privacy-item:nth-of-type(5):before {
	content: "e.";
	padding-right: 8px;
}
.bl-privacy-item:nth-of-type(6):before {
	content: "f.";
	padding-right: 8px;
}
.bl-privacy-list:nth-of-type(2) .bl-privacy-item:first-of-type:before {
	content: "g.";
	padding-right: 8px;
}
.bl-privacy-list:nth-of-type(2) .bl-privacy-item:nth-of-type(2):before {
	content: "h.";
	padding-right: 8px;
}
.bl-privacy-list:nth-of-type(2) .bl-privacy-item:nth-of-type(3):before {
	content: "i.";
	padding-right: 8px;
}
.bl-privacy-list:nth-of-type(2) .bl-privacy-item:nth-of-type(3) {
	display: block;
}
.bl-privacy-sub-list {
	padding-left: 48px;
	text-indent: -1em;
}
.bl-privacy-sub-list .bl-privacy-sub-item:first-of-type:before {
	content: "(1)";
	padding-right: 8px;
}
.bl-privacy-sub-list .bl-privacy-sub-item:nth-of-type(2):before {
	content: "(2)";
	padding-right: 8px;
}
.bl-sign {
	width: 450px;
	background-color: rgba(0, 110, 84, 0.45);
	padding: 16px 16px 24px;
	color: #FFFFFF;
	margin: auto;
	position: relative;
}
.bl-sign::after {
	position: absolute;
	content: "";
	width: 304px;
	height: 76px;
	background: url(../images/privacy/wave01.png) top center / contain no-repeat;
	bottom: -30px;
	right: -150px;
}
.el-sign-txt + .el-sign-txt {
	margin-top: 1.3em;
}
@media screen and (max-width: 750px) {
	.bl-privacy-headTxt {
	    width: 100%;
        padding: 24px;
	    margin-bottom: 64px;
    }
    .bl-privacy-dttl {
	    margin: 0 0 32px;
	    padding: 6px 0 8px 26px;
	    font-size: 30px;
    }
	.bl-privacy-sub-list {
	    padding-left: 72px;
    }
    .bl-sign {
	    width: 100%;
	    padding: 24px;
    }
    .bl-sign::after {
	    display: none;
    }
}