#header,#ext_area_01,#contents,#ext_area_01{
  max-width:1280px;
  margin:0 auto;
  position: relative;
}
/*
#ext_area_02{
  background: url(../../../../images/main/common/sec_ptn.png) #292b3d;
  position:relative;
  margin:50px 0 0 0;
}
#ext_area_02::before {
  content: "";
  display:block;
  background: url(../../../../images/main/tz/secBg-iv.png) no-repeat -70% -50px / auto 120%;
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  right:0;
}
*/
.main_sa01{
width:1280px;
position:relative;
}
.main_sa02{
position:absolute;
top:500px;
    left: 17px;
}

#main{
position:relative;
}

#mainImg {
    position: relative;
    width: 100%;
    height: calc(100vw * 1269/900);
    max-width: 900px;
    max-height: 1330px;
    margin: 0px 0 0 auto;
  padding: 0px 0px 0 0px;
  font-size: 0;
  text-align:right;
  top:14px;
  right:14px;
}

#mainImg img{
    position: absolute;
    top: 0;
    right: 0;
    width: 900px;
    margin: 0;
}

@media screen and (max-width:767px) {
  #wrapper {
    max-width: 768px;
    overflow: hidden;
  }
  #header{
    margin:0 0 -17vw 0;
  }
.main_sa02{
position:static;
}
  #mainImg {
    position: relative;
    top: 0;
    left: 0px;
    width: 100%;
    max-width: initial;
    padding: 0 0px 15vw 0px;
    text-align: center;
  }
  #mainImg img {
    width: 100%;
  }
  #mainImg img.oaInfo {
    position: absolute;
    bottom: 2%;
    right: 0vw;
    left: 0;
    width: 85%;
    height: auto;
    display: block;
    margin: auto;
  }
  #mainImg img.catch {
    position: absolute;
    top: 4vw;
    right: 3vw;
    width: auto;
    height: 65%;
  }
#mainImg img.exBn {
    position: absolute;
    bottom: auto;
    right: auto;
    top: 7vw;
    height: auto;
    left: 1vw;
    width: 35%;
}
/*
#ext_area_02 {
    background: url(../../../../images/main/common/sec_ptn.png) #292b3d;
    position: relative;
    margin: 10vw 0 0 0;
    padding: 3vw 2vw;
}
*/
}