@charset "utf-8";

/* -----------------------------
	contact
-------------------------------- */

.txt-area {
	padding: 100px 0 0;
}

.privacy-box {
	border: var(--gray) solid 1px;
	padding: 50px;
	margin: 0 0 30px;
}

.privacy-box dl dt {
	font-weight: bold;
	font-size: 1.8rem;
	line-height: 1.5;
	padding: 0 0 10px;
}

.privacy-box dl dd {
	line-height: 1.5;
	text-indent: -1em;
	padding:0 0 0 1em;
	font-size: 1.5rem;
}

.push-area {
	background: url("../img/blue-bg.jpg") no-repeat center bottom/ cover;
	padding: 70px 0 70px 100px;
	margin: 100px auto 0;
	border-radius: 30px;
	position: relative;
}

.push-area::before {
	content: "";
    background: url("../img/sd-qualifications.png") no-repeat center / 100% auto;
	width: 323px;
    height: 400px;
    position: absolute;
    bottom: 0;
    right: 100px;
}

/*
.push-area::before {
	content: "";
    background: url(../img/top-mv-character.png) no-repeat center / cover;
	width: 760px;
    height: 411px;
    position: absolute;
    bottom: 0;
    right: -50px;
}
*/

.push-area h3 {
	font-size: 3.0rem;
	font-weight: bold;
	color: var(--white);
	line-height: 1.5;
	padding: 0 0 20px;
}

.push-area p {
	font-weight: bold;
	color: var(--white);
}


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

	.txt-area {
		padding: 50px 20px 0;
	}

	.privacy-box {
		padding: 20px;
		margin: 0 auto 50px;
		width: calc(100% - 40px);
	}

	.privacy-box dl dt {
		font-size: 1.8rem;
		padding: 0 0 5px;
	}

	.privacy-box dl dd {
		font-size: 1.3rem;
	}
	
	.push-area {
		background: url("../img/blue-sp.jpg") no-repeat center top/ cover;
		padding: 30px 20px 180px;
		margin: 50px auto;
		width: calc(100% - 40px);
		border-radius: 10px;
	}

	.push-area::before {
		width: 335px;
        height: 184px;
        left: 0;
        right: 0;
		margin: 0 auto;
		background-size: auto 100%;
		bottom: -20px;
    }

	.push-area h3 {
		font-size: 2.6rem;
		padding: 0 0 10px;
	}

	.push-area p {
		font-weight: bold;
		color: var(--white);
	}


}