@charset "utf-8";
/* CSS Document */

/*  パララックス（背景画像固定）
-----------------------------------------*/
.section {
   height: 100vh;
   padding: 10% 0;
  }
/*  背景白 
.section6 , .section8 {
    background: #fff;
	height: 100vh;
  }*/
 
.section2 , .section4 {
    background: #fff;
	height: auto;
  }


/*==================================================
1181px以上の形状
===================================*/
@media screen and (min-width:1181px){
    /* PCの場合の背景画像 */
    .section1 {
     background: url("../img/01.jpg") no-repeat fixed center center /cover;
    }
    .section3 {
     background: url("../img/02.jpg") no-repeat fixed center center /cover;
    }
}



/*==================================================
1180px以下の形状
===================================*/
@media screen and (max-width:1180px){
	/* スマホの場合の背景画像 */
    .section1:before{
     background-position: center center;
     background-repeat: no-repeat;
     background-size: cover;
     position: fixed;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     content: "";
     z-index: -1;
    }
    /* スマホの場合は同じ要素の背景画像を変更する */
    .section1.bgA:before{
     background-image: url("../img/01.jpg");
    }
 
    .section1.bgB:before{
     background-image: url("../img/02.jpg");
    }
	
/*  背景白 
.section6 , .section8 {
     background: #fff;
     height: 100vh;
  }*/
.section2 , .section4 {
     background: #fff;
	height: auto;
  }
}