@charset "UTF-8";
body {
  background-color: #ffb400;
  color:#fff;
}
#header {
  width: 100%;
  position: static;
  background-color: transparent;
  z-index: 1;
}
#header > div > div {
  background-image: url("../../images/campaign20201/bg01.svg");
  background-size: 100%;
  background-position: top 80px left 50%;
  background-repeat: no-repeat;
  padding:20px 0 65px;
  -js-display: flex;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
.header__logo {
  margin: auto;
}
section > div {
  background-color: #fff;
}
section#sec02 > div, section#sec04 > div{
  background-color: #ffb400;
}
section > div img{
  width: 100%;
  display: block;
  margin: auto;
}
section#sec01, section#sec03 {
  background-image: url("../../images/campaign20201/bg02.svg");
  background-size: 100%;
  background-position: bottom 0px left 50%;
  background-repeat: no-repeat;
  padding:0 0 78px;
}
section#sec03 {
  background-position: top 0px left 50%;
  background-repeat: no-repeat;
  padding:78px 0 0;
}
section#sec03 .container {
  position: relative;
}
section#sec03 .container .stage {
  position: absolute;
  top: 200px;
  left:132px;
  background-color: #fff;
  padding-bottom: 30px;
}
section#sec03 .container .stage video {
  width:404px;
  height:230px;
}
section#sec99 {
  background-image: url("../../images/campaign20201/bg02.svg");
  background-size: 100%;
  background-position: bottom 0 left 50%;
  background-repeat: no-repeat;
  padding:0 0 78px;
}
section#sec98 {
  background-image: url("../../images/campaign20201/bg01.svg");
  background-size: 100%;
  background-position: top 0 left 50%;
  background-repeat: no-repeat;
  padding: 0 0 78px;
}
section+section{
  margin-top: 0;
}
.footer_bottom {
  background: #fff;
  color: #27282b;
}
.footer_bottom a {
  color: #27282b;
}


@media (max-width: 1199px) {
  #header .container > div {
    background-position: top 73px left 50%;
    background-repeat: no-repeat;
    padding:20px 0;
  }
  section#sec03 .container .stage {
    top: 165px;
    left:113px;
  }
  section#sec03 .container .stage video {
    width:332px;
    height:187px;
  }
}
@media (max-width:991px) {
  section#sec03 .container .stage {
    top: 124px;
    left:90px;
  }
  section#sec03 .container .stage video {
    width:255px;
    height:142px;
  }
}
@media (max-width: 767px){
  #header > div > div {
    background-image: url("../../images/campaign20201/sp/bg01.svg");
    background-size: 100%;
    background-position: top 70px left 50%;
    background-repeat: no-repeat;
    padding: 15px 0 30px;
  }
  section#sec01, section#sec03 {
    background-image: url("../../images/campaign20201/sp/bg02.svg");
    background-size: 100%;
    background-position: bottom 0px left 50%;
    background-repeat: no-repeat;
    padding: 0 0 27px;
  }
  section#sec03 {
    background-position: top 0px left 50%;
    background-repeat: no-repeat;
    padding:27px 0 0;
  }
  section#sec99 {
    background-image: url("../../images/campaign20201/sp/bg02.svg");
    background-size: 100%;
    background-position: bottom 0 left 50%;
    background-repeat: no-repeat;
    padding:0 0 27px;
  }
  section#sec98 {
    background-image: url("../../images/campaign20201/sp/bg01.svg");
    background-size: 100%;
    background-position: top 0 left 50%;
    background-repeat: no-repeat;
    padding: 0 0 27px;
  }
  section#sec03 .container .stage {
    top: 11%;
    left: 6%;
    padding-bottom: 0px;
  }
  section#sec03 .container .stage video {
    width: 94%;
    height: auto;
  }
}