@charset "UTF-8";

div.bg_parallax01 {background-image: url("../parallax/bg010829.jpg");}
div.bg_parallax02 {background-image: url("../parallax/bg02.jpg");}
div.bg_parallax03 {background-image: url("../parallax/bg03.jpg");}
div.bg_parallax04 {background-image: url("../parallax/bg04.jpg");}
div.bg_parallax05 {background-image: url("../parallax/bg05.jpg");}
div.bg_parallax06 {background-image: url("../parallax/bg06.jpg");}
div.bg_parallax07 {background-image: url("../parallax/bg07.jpg");}
div.bg_parallax08 {background-image: url("../parallax/bg08.jpg");}

section {
	background-repeat: no-repeat;
	background-size: cover;
}

div.parallax_box {
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	margin: 0 auto;
	padding: 0;
    width: 100%;
    overflow: hidden;
    position: relative;
}

div.parallax_box img {
    position: absolute;
    display: inline-block;
    top: 50%;
    left: 50%;
	transform: translateY(-50%) translateX(-50%);
    width: 20%
}
.parallax {
	background-attachment: fixed;
    height: 100vh;
    min-height: inherit;
	background-position: center;
}

.iphone_parallax {
	background-attachment: scroll!important;
    height: auto;
	min-height:100vh;
	background-position: center center;
}

.catch_copy_ios {
	background-attachment: scroll;
	background-size: 25%;
	height: 50vh;
}

/* ------------------------------------------------------ */
/* Media Query for Tablets */
@media only screen and (max-width : 1024px) {
/* ------------------------------------------------------ */
div.parallax_box {
    height: 70vh;
    margin: 0 auto;
}
	
}

/* ------------------------------------------------------ */
/* Media Query for Tablets */
@media only screen and (max-width : 960px) {
/* ------------------------------------------------------ */
div.parallax_box {
    height: 70vh;
    border-radius: 0;
    margin: 0 auto;
}
    
    div.parallax_box {
        width: 100%;
        height: 50vh;
    }
	
}


/* ------------------------------------------------------ */
/* Media Query for Mobile */
@media only screen and (max-width : 823px) {
/* ------------------------------------------------------ */
    
    div.parallax_box {
        width: 100%;
        height: 100vh;
    }

}


/* ------------------------------------------------------ */
/* Media Query for Mobile */
@media only screen and (max-width : 768px) {
/* ------------------------------------------------------ */
    
    div.parallax_box {
        width: 100%;
        height: 50vh;
    }

}

/* ------------------------------------------------------ */
/* Media Query for Mobile */
@media only screen and (max-width : 420px) {
/* ------------------------------------------------------ */
	
section {
  background-position: center 0;
}

div.bg_parallax01 {background-image: url("../parallax/sm_bg010829.jpg");}
div.bg_parallax02 {background-image: url("../parallax/sm_bg02.jpg");}
div.bg_parallax03 {background-image: url("../parallax/sm_bg03.jpg");}
div.bg_parallax04 {background-image: url("../parallax/sm_bg04.jpg");}
div.bg_parallax05 {background-image: url("../parallax/sm_bg05.jpg");}
div.bg_parallax06 {background-image: url("../parallax/sm_bg06.jpg");}
div.bg_parallax07 {background-image: url("../parallax/sm_bg07.jpg");}
div.bg_parallax08 {background-image: url("../parallax/sm_bg08.jpg");}
div.bg_parallax_sns {background-color: #1f5aa9;}
div.bg_parallax_sns h2 {color: #ffffff!important;}

div.parallax_box img {
    width: 70%;
}

}

/* ------------------------------------------------------ */
/* Media Query for Mobile iPhoneSE */
@media only screen and (max-width : 320px) {
/* ------------------------------------------------------ */


}