@charset "utf-8";
/* CSS INFORMATION -====================================================
File name : introduction.css
Description : 最初にページCSS
===================================================================== */


/* =====================================================================
*    コンテンツ
* =================================================================== */
#introduction #main .inner p {
	width: 89.2858%;
	margin-left: auto;
	margin-right: auto;
}

#introduction #main .inner .img_01 {
	padding-top: 16.0715%;
}

#introduction #main .inner .img_02 {
	padding-top: 10.7143%;
}

#introduction #main .inner .img_03 {
	padding-top: 10.7143%;
}

#introduction #main .inner .img_04 {
	padding-top: 10.7143%;
}

#introduction #main .inner .img_05 {
	padding-top: 10.7143%;
}

#introduction #main .inner .img_06 {
	padding-top: 10.7143%;
	padding-bottom: 16.0715%;
}

@media screen and (min-width:700px){
	#introduction #main .inner p {
		width: 58.8236%;
		position: relative;
	}

	#introduction #main .inner p::after {
		content: "";
		width: 100%;
		height: 0;
		display: block;
		position: relative;
	}

	#introduction #main .inner p img {
		display: none;
	}

	#introduction #main .inner .img_01 {
		padding-top: 10.7844%;
	}

	#introduction #main .inner .img_01::after {
		padding-top: 6.6667%;
		background: url(../images/introduction/img_01_pc.jpg) no-repeat center top;
		background-size: 100% auto;
	}

	#introduction #main .inner .img_02 {
		padding-top: 2.9412%;
	}

	#introduction #main .inner .img_02::after {
		padding-top: 30%;
		background: url(../images/introduction/img_02_pc.jpg) no-repeat center top;
		background-size: 100% auto;
	}

	#introduction #main .inner .img_03 {
		padding-top: 2.9412%;
	}

	#introduction #main .inner .img_03::after {
		padding-top: 20%;
		background: url(../images/introduction/img_03_pc.jpg) no-repeat center top;
		background-size: 100% auto;
	}

	#introduction #main .inner .img_04 {
		padding-top: 2.9412%;
	}

	#introduction #main .inner .img_04::after {
		padding-top: 36.6667%;
		background: url(../images/introduction/img_04_pc.jpg) no-repeat center top;
		background-size: 100% auto;
	}

	#introduction #main .inner .img_05 {
		padding-top: 2.9412%;
	}

	#introduction #main .inner .img_05::after {
		padding-top: 13.3334%;
		background: url(../images/introduction/img_05_pc.jpg) no-repeat center top;
		background-size: 100% auto;
	}

	#introduction #main .inner .img_06 {
		padding-top: 2.9412%;
		padding-bottom: 10.7844%;
	}

	#introduction #main .inner .img_06::after {
		padding-top: 23.3334%;
		background: url(../images/introduction/img_06_pc.jpg) no-repeat center top;
		background-size: 100% auto;
	}
}