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

/*  パララックス各ページ（背景画像固定）
-----------------------------------------*/
.fixed-background1 {
  position: relative;
  padding: 0;
  z-index: -4;
  height: 5vh;
}

.fixed-background1:before {
  content: "";
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 65vh;
  background: url("../img/top.jpg") no-repeat center / cover;
  z-index: -5;
}

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

/*  背景イラスト
-----------------------------------------*/
.illust-a1 {
	background-image:url(../img/s21-t.png),url(../img/s21-l.png),url(../img/s21-r.png);
	background-repeat:no-repeat;
	background-position:center top,left bottom,right bottom;
	background-size: 300px auto,100px auto,120px auto;
	width: 100%;
	min-height: 390px;
	height: auto;
	float:left;
}
.illust-a2 {
	background-image:url(../img/s12-t.png),url(../img/s12-l.png),url(../img/s12-r.png);
	background-repeat:no-repeat;
	background-position:center top,left bottom,right bottom;
	background-size: 250px auto,100px auto,120px auto;
	width: 100%;
	min-height: 390px;
	height: auto;
	float:left;
}
.illust-a3 {
	background-image:url(../img/s20-t.png),url(../img/s20-l.png),url(../img/s20-r.png);
	background-repeat:no-repeat;
	background-position:center top,left bottom,right bottom;
	background-size: 350px auto,100px auto,150px auto;
	width: 100%;
	min-height: 390px;
	height: auto;
	float:left;
}
.illust-a4 {
	background-image:url(../img/s1-t.png),url(../img/s1-l.png),url(../img/s1-r.png);
	background-repeat:no-repeat;
	background-position:center top,left bottom,right bottom;
	background-size: 350px auto,100px auto,150px auto;
	width: 100%;
	min-height: 390px;
	height: auto;
	float:left;
}

/*==================================================
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");
    }
	
/*  背景白 */
.section2 , .section4 {
     background: #fff;
	height: auto;
  }
}

@media screen and (max-width:580px){
/*  背景イラスト
-----------------------------------------*/
.illust-a1 {
	background-size: 200px auto,70px auto, 80px auto;
	width: 100%;
}
.illust-a2 {
	background-size: 200px auto,80px auto, 100px auto;
	width: 100%;
}
.illust-a3 {
	background-size: 200px auto, 50px auto, 80px auto;
	width: 100%;
}
.illust-a4 {
	background-size: 200px auto, 50px auto, 80px auto;
	width: 100%;
}
}