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

#introduction #main .img_01 {
	width: 88.3334%;
	height: 0;
	text-indent: -999em;
	overflow: hidden;
	padding-top: 113.3334%;
	background: url(../images/introduction/img_01_sp.jpg) no-repeat center top;
	background-size: 100% auto;
	margin-left: auto;
	margin-right: auto;
}

#introduction #main .img_02 {
	width: 88.3334%;
	height: 0;
	text-indent: -999em;
	overflow: hidden;
	padding-top: 180%;
	background: url(../images/introduction/img_02_sp.jpg) no-repeat center top;
	background-size: 100% auto;
	margin-top: 6.6667%;
	margin-left: auto;
	margin-right: auto;
}

@media screen and (min-width:700px){
	#introduction #main .img_01 {
		width: 75%;
		padding-top: 30%;
		background: url(../images/introduction/img_01_pc.jpg) no-repeat center top;
		background-size: 100% auto;
	}

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