@charset "utf-8";
/* CSS INFORMATION -====================================================
File name : introduction.css
Description : イントロダクションページCSS
===================================================================== */


/* =====================================================================
*    #main
* =================================================================== */
#main {
	background: url(../images/common/bg_introduction.jpg) repeat center top;
	background-size: 224px auto;
}

@media screen and (min-width:800px){
	#main {
	background: url(../images/common/bg_introduction.jpg) repeat center top;
	background-size: 448px auto;
	}
}

.img_02 {
	padding-top: 8.6207%;
}

.img_03 {
	padding-top: 8.6207%;
}

.img_04 {
	padding-top: 6.8966%;
}

.img_05 {
	padding-top: 3.4483%;
}

.img_06 {
	padding-top: 8.6207%;
}

.img_07 {
	padding-top: 3.4483%;
}

.img_08 {
	padding-top: 13.7932%;
}

@media screen and (min-width:800px){
	.page_ttl::before {
		background: url(../images/introduction/img_ttl_pc.png) no-repeat center top;
		background-size: 100% auto;
	}

	.main_inner {
		background: url(../images/introduction/bg_pc.jpg) repeat center top;
		background-size: 24px auto;
	}

	.main_inner > p > img {
		display: none;
	}

	.main_inner > p {
		margin-left: auto;
		margin-right: auto;
	}

	.main_inner > p::before {
		content: "";
		width: 100%;
		height: 0;
		display: block;
	}

	.img_01 {
		width: 70.2128%;
	}

	.img_01::before {
		padding-top: 25.7576%;
		background: url(../images/introduction/img_01_pc.png) no-repeat center top;
		background-size: 100% auto;
	}

	.img_02 {
		width: 77.6596%;
		padding-top: 3.1915%;
	}

	.img_02::before {
		padding-top: 60.274%;
		background: url(../images/introduction/img_02_pc.png) no-repeat center top;
		background-size: 100% auto;
	}

	.img_03 {
		width: 68.0852%;
		padding-top: 4.2554%;
	}

	.img_03::before {
		padding-top: 46.875%;
		background: url(../images/introduction/img_03_pc.png) no-repeat center top;
		background-size: 100% auto;
	}

	.img_04 {
		width: 21.2766%;
		padding-top: 3.1915%;
	}

	.img_04::before {
		padding-top: 25%;
		background: url(../images/introduction/img_04_pc.png) no-repeat center top;
		background-size: 100% auto;
	}

	.img_05 {
		width: 81.9149%;
		padding-top: 2.1277%;
	}

	.img_05::before {
		padding-top: 54.5455%;
		background: url(../images/introduction/img_05_pc.png) no-repeat center top;
		background-size: 100% auto;
	}

	.img_06 {
		width: 63.8298%;
		padding-top: 5.3192%;
	}

	.img_06::before {
		padding-top: 56.6667%;
		background: url(../images/introduction/img_06_pc.png) no-repeat center top;
		background-size: 100% auto;
	}

	.img_07 {
		width: 70.2128%;
		padding-top: 3.1915%;
	}

	.img_07::before {
		padding-top: 37.8788%;
		background: url(../images/introduction/img_07_pc.png) no-repeat center top;
		background-size: 100% auto;
	}

	.img_08 {
		width: 70.2128%;
		padding-top: 3.1915%;
	}

	.img_08::before {
		padding-top: 41.6667%;
		background: url(../images/introduction/img_08_pc.png) no-repeat center top;
		background-size: 100% auto;
	}
}