@charset "UTF-8";

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

制作コンテンツ

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

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

.pc {display: none;}
.sp {display: inline-block;}
a:hover {opacity: 0.7 ;}
/* SP用CSSの記述 */
body {text-align: center;}
.wrap1 {
  max-width: 100%;
  background-image: url(../images/bg1.png);
  background-position: center top;
  background-repeat: no-repeat;
}
.inner1,.inner2,.inner3,.wrap2,.wrap3,.wrap4,.wrap5 {
  position: relative;
}
.bt0 {
  position: relative;
  top: -650px;
  left: 305px;
}
.bt-a {
  position: relative;
  top:-250px;
  left:85px;
}
.bt-b {
  position: relative;
  top:-250px;
  left:310px;
}
.bt-c {
  position: relative;
  top: -230px;
  left: -95px;
}
.bt-d {
  position: relative;
  top: -230px;
  left: 135px;
}
.bt-e {
  position: relative;
  top:-245px;
  left:87px;
}
.bt-f {
  position: relative;
  top:-245px;
  left:312px;
}
.bt-g {
  position: relative;
  top: -230px;
  left: -95px;
}
.bt-h {
  position: relative;
  top: -230px;
  left: 135px;
}
.bt-i {
  position: relative;
  top:-227px;
  left:87px;
}
.bt-j {
  position: relative;
  top:-227px;
  left:312px;
}
.bt1 {
  position: relative;
  top:-305px;
}
.bt2 {
  position: relative;
  top:-270px;
}

.inner2 {
  margin-top: -245px;
}
.wrap2 {
  margin-top: -140px
}
.wrap3 {
  background-color: #f9f9f8;
  margin-top: -140px
}
.wrap4 {
  margin-top: -140px
}
.wrap5 {
  margin-top: -140px;
  max-width: 100%;
  background-image: url(../images/bg2.jpg);
  background-position: center top;
  background-repeat: no-repeat;
}
.con6 {
  margin-top: -140px;
}
.bt3 {
  position: relative;
  top:-54px;
  left:51px;
}
.bt4 {
  position: relative;
  top:-54px;
  left:111px;
}
.bt5 {
  position: relative;
  top:-54px;
  left:177px;
}
.inner4 {
  margin-top: -54px;
}
.inner6 {
  position: relative;
}

.bt6 {
  position: relative;
  top:-10px;
  left:-86px;
}
.bt7 {
  position: relative;
  top:-10px;
  left:-29px;
}
.bt8 {
  position: relative;
  top:-10px;
  left:27px;
}
.bt9 {
  position: relative;
  top:-10px;
  left:92px;
}
.bt10 {
  position: relative;
  top:-10px;
  left:-168px;
}
.bt11 {
  position: relative;
  top:-10px;
  left:-109px;
}
.bt12 {
  position: relative;
  top:-10px;
  left:-53px;
}

.bt13 {
  width: 100%;
  position: absolute;
  top: 26%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}
.bt14 {
  width: 100%;
  position: absolute;
  top: 51%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}

.globalFooter {
  background-color: #fff;
}
/* PC、Tablet用CSSの記述 */
@media (min-width:768px){
  .pc {display: inline-block;}
  .sp {display: none;}


}