@charset "UTF-8";

/* ================================================================

制作コンテンツ

info:
- レスポンシブの場合は、ブレイクポイント 768px で記述してください。
- SP用CSSを先に記述する方法を推奨します。下記の記述は例です。
- PCのみの場合は、記述を削除してください。

================================================================ */

/* SP用CSSの記述 */
.sp {display: block;}
.pc {display: none;}
h1 {
  position: relative;
  z-index: 0;
}
.container{
  margin-bottom: -100px;
}
.box1,.box2,.box3,.box4,.box5 {
  position: relative;
}
.bt0 {
  position: absolute;
  top: 0px;
  right: -264px;
}
.bt0 img {
    width: 25%;
}
.inner {
  background-image: url(../images/bg2.png);
  position: relative;
  z-index: 99;
  background-size: cover;
  top: -96px;
  padding: 21px 5px 0;
  
}
.bt1 img,.bt2 img,.bt3 img,.bt4 img,.bt5 img,.bt6 img,.bt7 img,.bt8 img,.bt9 img,.bt10 img,.bt11 img,.bt12 img,.bt13 img {
  width:25%;
}
.bt1 {
  position: relative;
  top: -225px;
  left: 60px;
}
.bt2 {
  position: relative;
  top: -225px;
  left: 126px;
}
.bt3 {
  position: relative;
  top: -45px;
  left: -143px;
}

.con3 {
      margin-top: -20px;
}
.bt4 {
  width: 25%;
  position: relative;
  top: -223px;
  left: 60px;
}
.bt5 {
  position: relative;
  top: -223px;
  left: 126px;
}
.bt6 {
  position: relative;
  top: -46px;
  left: -142px;
}
.bt7 {
  position: relative;
  top: -67px;
  left: -232px;
}

.con4 {
      margin-top: -40px;
}
.bt8 {
  position: relative;
  top: -40px;
  left: 60px;
}
.bt9 {
  position: relative;
  top: -40px;
  left: 126px;
}

.con5 {
      margin-top: -10px;
}
.bt10 {
  position: relative;
  top: -213px;
  left: 57px;
}
.bt11 {
  position: relative;
  top: -213px;
  left: 126px;
}
.bt12 {
  position: relative;
  top: -32px;
  left: -146px;
}
.bt13 {
  position: relative;
  top: -56px;
  left: 239px;
}
.bt15 img {
  width:48%;
}
.bt15 {
  margin-left: 5px;
}
.bt16 img {
  width: 48%;
}
/* PC、Tablet用CSSの記述 */
@media (min-width:768px){
  .container {
    margin-bottom: -250px;
  }

  .inner{
    max-width: 1920px!important;
    text-align: center;
    top: -238px;
    padding-bottom: 50px;
  }
  .con2 {
    margin: 0 auto;
    display: block;
  }
  .bt0 {
    right: 0;
  }
  .bt0 img {
    width: auto;
  }
  
  .bt1 img,.bt2 img,.bt3 img,.bt4 img,.bt5 img,.bt6 img,.bt7 img,.bt8 img,.bt9 img,.bt10 img,.bt11 img,.bt12 img,.bt13 img,.bt14 img,.bt15 img,.bt16 img,.bt17 img {
    width:auto;
  }
  .bt1 {
    top:-660px;
    left: -50px;
  }
  .bt2 {
    top:-660px;
    left:250px;
  }
  .bt3 {
    top:-115px;
    left:-460px;
  }
  
  .con3 {
    margin: 0 auto;
    display: block;
  }
  
  .bt4 {
    top:-655px;
    left: 50px;
  }
  .bt5 {
    top:-655px;
    left:350px;
  }
  .bt6 {
    top:-110px;
    left:-360px;
  }
  .bt7 {
    top:-110px;
    left:-50px;
  }
  
  .con4 {
    margin: 0 auto;
    display: block;
  }
  
  .bt8 {
    top:-100px;
    left: -160px;
  }
  .bt9 {
    top:-100px;
    left:150px;
  }
  
  .con5 {
    margin: 0 auto;
    display: block;
  }
  
  .bt10 {
    top:-640px;
    left: 45px;
  }
  .bt11 {
    top:-640px;
    left:350px;
  }
  .bt12 {
    top:-95px;
    left:-368px;
  }
  .bt13 {
    top:-95px;
    left:-50px;
  }
  .bt14 {
    display: block;
    margin: 0 auto;
  }

  
  
  
  
  
  
  
  
  
  
  
  .pc {display: block;}
  .sp {display: none;}
}