@charset "UTF-8";
/*======================================
A02
/*======================================*/
#A02 .bg-main {
  background: url(../img/copy_bg.png) no-repeat center top;
  background-size: cover;
}
#A02 .A02-wrap {
  margin: -0.5em auto -3em;
}
#A02 .main .txt-shadow-W {
  text-shadow: none;
}
/*======================================
A08
/*======================================*/
#A08 .bg-main {
  background: url(../img/main-A08-bg.jpg) no-repeat center top;
  background-size: cover;
}
/*======================================
A09
/*======================================*/
#A09 .bg-main {
  background: url(../img/main-A09-bg.jpg) no-repeat center top;
  background-size: cover;
}
/*======================================
B01
/*======================================*/
#B01 .bg-main {
  background: url(../img/main-B01-bg-SP.jpg) no-repeat center top;
  background-size: cover;
}
.ribon-blue {
  background: rgba(35, 180, 190, .5);
  padding: .5em 0;
}
.ribon-blue .inner {
  background: rgba(35, 180, 190, .5);
}
/*======================================
B02
/*======================================*/
#B02 .bg-main {
  background: url(../img/main-B02-bg-SP.jpg) no-repeat center bottom;
  background-size: cover;
}
@media screen and (min-width: 768px) {
  /*======================================
A02
/*======================================*/
  #A02 .A02-wrap {
    margin: 0 auto;
    padding-top: 2.5em;
  }
  /*======================================
B01
/*======================================*/
  #B01 .bg-main {
    background: url(../img/main-B01-bg-PC.jpg) no-repeat center;
    background-size: cover;
  }
  /*======================================
B02
/*======================================*/
  #B02 .bg-main {
    background: url(../img/main-B02-bg-PC.jpg) no-repeat center bottom;
    background-size: cover;
  }
}
@media screen and (min-width: 1200px) {}