@charset "utf-8";

/*====================================================================
scroll_fixed_background_fade
====================================================================*/

section {
 display: flex;
}
.one {
 display: flex;
 align-items: center;
 width: 100%;
 min-height: 500px;
}
.bg {
 position: fixed;
 top: 0;
 left: 0;
 right: 0;
 width: 100%;
 height: 100%;
 background-position: center center;
 background-size: cover;
 background-repeat: no-repeat;
 opacity: 0;
 transition: all 0.5s ease 0s;
 z-index: -1;
}
.show .bg {
 opacity: 1;
}
.bg._01 {
 background-image: url("../bg_images/01.png");
}
.bg._02 {
 background-image: url("../bg_images/02.png");
}
.bg._03 {
 background-image: url("../bg_images/03.png");
}
.bg._04 {
 background-image: url("../bg_images/04.png");
}
.bg._05 {
 background-image: url("../bg_images/05.png");
}

/* --- iPad Pro-1024 --- */
@media(max-width: 1024px){
 .one {
 display: flex;
 align-items: center;
 width: 100%;
 min-height: 350px; 
 }    
.bg._01 {
 background-image: url("../bg_images/01_ip.png");
}
.bg._02 {
 background-image: url("../bg_images/02_ip.png");
}
.bg._03 {
 background-image: url("../bg_images/03_ip.png");
}
.bg._04 {
 background-image: url("../bg_images/04_ip.png");
}
.bg._05 {
 background-image: url("../bg_images/05_ip.png");
 }}

/*=== iPad-768 ===*/
@media(max-width: 768px){
 .one {
 display: flex;
 align-items: center;
 width: 100%;
 min-height: 250px; 
 }    
.bg._01 {
 background-image: url("../bg_images/01_ip.png");
}
.bg._02 {
 background-image: url("../bg_images/02_ip.png");
}
.bg._03 {
 background-image: url("../bg_images/03_ip.png");
}
.bg._04 {
 background-image: url("../bg_images/04_ip.png");
}
.bg._05 {
 background-image: url("../bg_images/05_ip.png");
 }}

/*=== iPhone-640 ===*/
@media(max-width: 640px){
 .one {
 display: flex;
 align-items: center;
 width: 100%;
 min-height: 210px; 
 }    
.bg._01 {
 background-image: url("../bg_images/01_sp.png");
}
.bg._02 {
 background-image: url("../bg_images/02_sp.png");
}
.bg._03 {
 background-image: url("../bg_images/03_sp.png");
}
.bg._04 {
 background-image: url("../bg_images/04_sp.png");
}
.bg._05 {
 background-image: url("../bg_images/05_sp.png");
 }}