@charset "utf-8";

/*------------------------------------------------------------
	shiru
------------------------------------------------------------*/
.pageTitle {
	background-image: url(../img/shiru/page_title_bg.png);
}

@media (max-width: 896px) {
	.pageTitle h2 {
		margin: -5px 40px 0 19px;
	}
}

.comInfo .method .sliderBox .inner .notesSpan {
	margin: 20px -30px 0 0;
	text-indent: 0;
	padding-left: 0.7em;
	font-weight: 400;
}

.comInfo .method .sliderBox .inner .note01,
.comInfo .method .sliderBox .inner .note02 {
	margin: 0 -40px 0 20px;
	font-weight: 800;
	font-size: 1.6rem;
	line-height: 2;
}

.comInfo .method .sliderBox .inner .note02 {
	text-indent: -1em;
	padding-left: 1em;
}

@media all and (min-width: 897px) {
	.pageTitle h2 {
		width: 1656px;
		margin: 5px auto 0;
	}

	.comInfo .method .sliderBox .inner .txt01 {
		margin-right: -20px;
	}
}

@media all and (min-width: 897px) and (max-width: 1770px) {
	.pageTitle h2 {
		width: 1280px;
	}

	.pageTitle h2 img {
		width: 460px;
	}
}

@media all and (max-width: 896px) {
	.pageTitle {
		background-image: url(../img/shiru/page_title_bg_sp.png);
	}

	.comInfo .method .sliderBox .inner .notesSpan {
		margin: 8px 0 0;
		font-weight: 400;
		text-indent: inherit;
		padding-left: 0;
	}

	.comInfo .method .sliderBox .inner .note01,
	.comInfo .method .sliderBox .inner .note02 {
		margin: 0;
		font-weight: 400;
		font-size: 1.4rem;
		line-height: 1.78;
		text-indent: inherit;
		padding-left: 0;
	}
}

@media (min-width: 897px) {
	.paragraphWidth90 {
		width: 90%;
	}
}

.comInfo .method .sliderBox .inner .step .big {
	height: 42px;
	transform: translate(-5px, 0);
}

@media (min-width: 897px) {
	.comInfo .method .sliderBox .inner--2 {
		margin-right: 61px;
	}
}

@media (min-width: 897px) {
	.comInfo .method .sliderBox .inner--2 .photoBox {
		width: 393px;
		margin-top: -105px;
	}
}

@media (max-width: 896px) {
	.comInfo .method .sliderBox .inner--2 .photoBox img {
		width: 90%;
	}
}