@media screen and (min-width:1024px) {
	.one {
		min-width: 50%;
		height: 300px;
	}
}

@media screen and (max-width:1024px) {
	.one {
		min-width: 100%;
		height: 300px;
		padding: 30px;
	}
}

@media screen and (min-width:1024px) {
	.two {
		min-width: 25%;
		width: 25px;
	}
        .two_dust {
		min-width: 60%;
		width: 25px;
	}
        .three_dust {
		min-width: 40%;
		width: 25px;
	}
        .logo_dust{
            padding-top:6%;
        }
        .four_dust{
            /*padding-top:6%;*/
        }
        .four_dust{
            box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */
width:50%;
float:left;
    padding-right: 5px;
        }
}

@media screen and (max-width:1024px) {
	.two {
		padding: 1em;
		width: 50%;
                float:left;
	}
        .two_dust {
		padding: 30px;
		min-width: 100%;
	}
        .three_dust {

		min-width: 100%;
	}

	.two .passion {
		min-width: 100%;
		width: 100%
	}
        .logo_dust{
            padding-top:7%;
        }
        
}

@media screen and (min-width:1024px) {
	.sp-content {
		width: 50%
	}

	.sp {
		position: relative;
		padding-bottom: 55%;
		padding-top: 30px;
		height: 0;
		overflow: hidden;
	}

	.sp video {
		position: absolute;
		top: 0;
		height: 100%;
		width: 100%;
	}
	
	.sp iframe {
		position: absolute;
		top: 0;
		height: 100%;
		width: 100%;
	}
	.video-sp {
		width: 500px;
		max-width: 100%;
	}
}

@media screen and (max-width:1024px) {
	.sp {
		position: relative;
		padding-bottom: 55%;
		padding-top: 30px;
		height: 0;
		overflow: hidden;
	}

	.sp-content {
		width: 100%
	}
	
	.sp iframe {
		position: absolute;
		top: 0;
		height: 100%;
		width: 100%;
	}

	.sp video {
		position: absolute;
		top: 0;
		height: 100%;
		width: 100%;
	}
}
           .hvr-rectangle-in:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #78707D;
    border-radius: 5px;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.hvr-rectangle-in2{
        text-decoration: none;
    text-transform: uppercase;
    font-size: 1em;
    padding: 0.5em 1em;
    background: #056CD5;
    color: #fff;
    border: none;
    border-radius: 5px;
    font-weight: 700;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
}
a{
text-decoration:none;
}
#bNav{
margin-top:30px;
text-align:center;
}
#bNav ul{
padding:4px 0;
margin:0;
overflow:hidden;
}
#bNav ul li{
height: 35px;
line-height: 35px;
display:inline;
padding:0 10px;
}