@charset 'UTF-8';

@media screen and (min-width:641px) {

	.columnHeader {
		background: url(./img/columnheader.jpg) no-repeat;
		height: 150px;
	}

	.columnHeader p{
		font-size: 200%;
		padding: 85px 0 0 160px;
		text-align: left;
	}

	.columnFooter {
		background: url(./img/columnfooter.jpg) no-repeat;
		height: 150px;
		margin-bottom: 30px;
	}

	.layout1 {
		margin-bottom: 10px;
	}
}

@media screen and (min-width: 0px) and (max-width: 640px) {

	.columnHeader {
		background: url(./img/columnheader_sp.jpg) no-repeat;
		height: 100px;
	}

	.columnHeader p{
		font-size: 2rem;
		padding: 50px 0 0 110px;
		text-align: left;
	}

	.columnFooter {
		background: url(./img/columnfooter_sp.jpg) no-repeat;
		height: 100px;
		margin-bottom: 30px;
	}

	.layout1 {
		margin-bottom: 10px;
	}
}