@media screen and (max-width:1024px) { 
	body{
		font-size:16px;
	}
	#header{
		padding-right:40px;
		padding-left:40px;
		box-sizing:border-box;
	}
	#header img{
		width:100%;
	}
	.box.firstBox {
		padding: 60px 40px;
		box-sizing:border-box;
	}
	.box.firstBox .btn {
		width:65%;
	}
	.mainContainer,
	.mainContainer .contents{
		width:auto;
		overflow:hidden;
	}
	.bullet,
	.box,
	.sub img,
	.centerBox img {
		width: 100%;
	}
	.sub.sub01 img,
	img.rakupon {
		width: 50%;
	}
	.moleBox img {
		width: 30%;
	}
}



@media screen and (max-width:768px) { 
	.mainContainer{
		width:768px;
	}
	.mainContainer,
	.mainContainer .contents{
		width:auto;
		overflow:hidden;
	}
	.mainContainer .contents{
		padding-right:10px;
		padding-left:10px;
		box-sizing:border-box;
	}
	.mainContainer .contents p{
		margin-bottom:30px;
	}
	.mainContainer .contents p br{
		display:none;
	}
	.bullet {
		margin: 0;
	}
	.box {
		margin: 20px 0 60px 0;
	}
	.box.firstBox {
		padding:20px;
		margin-bottom: 0;
		box-sizing:border-box;
	}
	.f_left,
	.f_right {
		float:none;
	}
	.f_right{
		    text-align: center;
	}
	.moleBox{
		margin:40px auto;
		text-align:center;
		display:block;
	}
	.moleBox img{
		width:50%;
		margin:20px auto 0;
		text-align:center;
	}
	.sub {
		margin: 0 auto 20px;
	}
	.sub.sub01 {
		margin-top: 100px;
	}
	.centerBox:first-child {
		width:50%;
	}
	.btn {
		width: 80%;
		font-size: 22px;
		padding:25px 30px;
	}
	.box.firstBox .btn {
		width: 80%;
		padding: 25px 20px;
	}
}



@media screen and (max-width:480px) { 
	.mainContainer,
	.mainContainer .contents{
		width:auto;
		overflow:hidden;
	}
	.firstBox .btn {
		margin-top: 10px;
	}
	p.bikou {
		font-size: 26px;
	}
}