@charset "UTF-8";

/* intro
------------------------------------------ */
.intro-area {
	position: relative;
}
.intro-inner {
	background: url(../images/intro/intro-bg.png) no-repeat 100% 0% transparent;
	background-size: 70% auto;
}

.intro-img {
	width: calc(797 / 1000 * 100%);
	height: 0;
	margin: 20px auto 0;
	padding-top: calc(882 / 1000 * 100%);
	background: url(../images/intro/intro-img.png) no-repeat center transparent;
	background-size: contain;
	font-size: 0;
	text-indent: -9999px;
	overflow: hidden;
	white-space: nowrap;
}



/* ---------------------------------
 SP（〜600px）
--------------------------------- */
@media only screen and (max-width: 600px) {
	/* intro
	------------------------------------------ */
	.intro-area {}
	.intro-inner {
		background-size: 82% auto !important;
		background-position: 178% -23%;
	}
	.intro-img {
		width: 94%;
		height: 0;
		padding-top: 100%;
		margin: 0 auto;
	}
}



/* ---------------------------------
 SP 〜 tablet（〜992px）
--------------------------------- */
@media screen and (min-width: 601px) and (max-width: 992px) {}

@media screen and (max-width: 992px) {
	/* intro
	------------------------------------------ */
	.intro-area {}
	.intro-inner {}
}



/* ---------------------------------
 PC（993px〜）
--------------------------------- */
@media screen and (min-width: 993px) {
}