@media screen and (max-width:1024px) {
	.wp3 { background-position: 50px 0; }
	.swag { background-attachment: scroll; }
	.subscribe { background-attachment: scroll; }
}

@media screen and (max-width:1280px) {
	.wp3 { background-position: 50px 0; }
}

@media screen and (min-width:480px) and (max-width:991px) {
	.iphone { display: none; }
	.fluid-white { display: none; }
	.wrapper { background: #f3f5f8; height: 540px; }
	.wp2, .wp4, .wp5, .light-box { margin-bottom: 50px; }
	.legals { text-align: center; margin: 0; padding: 0; }
	.credit { text-align: center; }
}

@media screen and (max-width:545px){
	.col-md-12 img{
		width :100%;
	}
}

@media screen and (max-width:768px) {
	.hero h1 {
	    font-size: 30px;
	}
	.hero h4 {
	    font-size: 17px;
	}
.col-md-6 {
	    margin: 10px;
	}
	.col-md-4 {
	    margin: 10px;
	}
	.company_tbl {
	    width: 100%;
	}
	.okoegake {
	    width: 90%;
	}
}
@media screen and (max-width:480px) {
	.wrapper { background: #f3f5f8; height: 640px; }
	.iphone { display: none; }
	.fluid-white { display: none; }
	.wp2, .wp4, .wp5, .light-box { margin-bottom: 10px; }
	.legals { text-align: center; margin: 0; padding: 0; }
	.credit { text-align: center; }
	.kakomi { width: 90%;}
	.forsp{
		display: block;
	}

	.hero {
	    margin-top: 20px;
		margin-right: 20px;
		height: 520px;
	}
	.hero h3 {
	    margin-left: 25px;
	}
	.hero h1 {
	    margin-left: 10px;
	    text-align: left;
		font-size: 28px;
		line-height: 40px;
	}
	.hero h4 {
	    line-height: 28px;
		text-align: left;
	}
	.inner {
	    padding-top: 0px;
	}
	.intro p {
	    margin: 20px 10px 0px 10px;
	    text-align: left;
		font-size: 18px;
    	line-height: 30px;
	}
	.col-md-6 {
	    width: 95%;
	}
	.col-md-4 {
	    width: 95%;
	}
	.subscribe {
		margin-right: 20px;
	}
	.subscribe h1 {
	    font-size: 18px;
	    line-height: 32px;
		text-align: left;
	}
	.okoegake p {
	    margin: 0;
	}
	.company_tbl th {
	    width: 100%;
	    display: block;
		border: none;
	}
	.company_tbl td {
	    display: block;
		font-size: 15px;
	}
	footer {
	    margin-right: 20px;
	}
	footer a {
	    margin: 7px;
	}
	ul.legals li::after{
		content: none;
	}
}

@media screen and (max-width:425px){
	.kakomi h3{
		font-size: 24px;
	}
}