.pj-header, .pj-sns, .l-search, .pj-globalNav, .pj-pagePathNav, .pj-footer, .pj-pageMoveNav {
  /* display: none; */
}

body {
  background: #000;
}

.pj-page {
  /* background: #000; */
  /* max-width: 800px; */
  /* margin: auto; */
  /* text-align: center; */
}

footer {
    position: relative;
    margin: 0% 0;
    padding: 16% 0 0;
}

footer .btn01 {
    width: 80.5%;
    margin: auto;
    display: block;
}

footer .btn02 {
    width: 28.875%;
    margin: 11% auto;
    display: block;
}

footer .social {
    margin: 0 0 14%;
}

footer .marks {}

footer .marks img {
    margin: 0 3%;
    display: inline-block;
}

footer .marks .mark01 {width: 16.125%;}

footer .marks .mark02 {
    width: 11.375%;
}

footer .marks .mark03 {
    width: 9.875%;
}

footer .social p {
    margin: 0 auto 3%;
    width: 67.5%;
}

footer .wrap {}

footer .wrap a {
    padding: 0 1.5%;
    display: inline-block;
    width: 11.375%;
}

footer:before {
    position: absolute;
    background: #c7a13a;
    width: 100%;
    content: "";
    top: 0;
    left: 0;
    height: 4%;
}

.pj-contents {background: #000;text-align: center;padding: 2em 0; margin-top: 0;}

.pj-main {
    max-width: 800px;
    margin: auto;
    text-align: center;
}

.pj-main h2 {
    margin: 0 0 25px;
    font-size: 0;
}

.pj-main header {
    background: url(../img/bg_campaign01.jpg) no-repeat top center transparent;
    background-size: 100% auto;
    padding: 0 0 55%;
    position: relative;
}

.pj-main section {
    padding: 0 0 10%;
}

.pj-main .section01 {}

.pj-main .section01 .img01 {
    width: 85.875%;
}

.pj-main .section02 {}

.pj-main .section03 {
    background: #fff;
    padding: 0;
}

.pj-main .section03 h2 {
    margin: 0 0 7%;
}

.pj-main .section03 .wrap01 {
    text-align: left;
    padding: 0 9.7519525%;
}

.pj-main .bs-ico {
    display: none;
}

.pj-main .section03 .wrap01 .arrow:after {
    content: "";
    background: url(../img/icon_campaign01.png) no-repeat center 70% transparent;
    background-size: 11.802% auto;
    width: 100%;
    height: auto;
    padding: 12% 0 8%;
    display: block;
}

.pj-main .section03 .img01 {
}

.pj-main .section03 .wrap02 {
    background: #000;
    padding: 11% 0;
    position: relative;
    margin: 15% 0 0;
}

.pj-main .section03 .wrap02 .btn01 {
    display: block;
    width: 80.5%;
    margin: auto;
}

.pj-main .section03 .wrap02:before {
    position: absolute;
    background: #c7a13a;
    width: 100%;
    content: "";
    top: -12%;
    left: 0;
    height: 12%;
}

.pj-main .section04 {
    background: #fff;
    padding: 0;
    word-wrap: break-word;
}

.pj-main .section04 h2 {
    margin: 0;
}

.pj-main .section04 .wrap {
    /* width: 80.5%; */
    margin: auto;
    text-align: left;
    font-size: 1.36em;
    padding: 3% 7%;
    height: 600px;
    overflow-y: scroll;
    /* transition: height .2s; */
}
.pj-main .section04 .wrap ol.wide {
    padding-left: 2.2em;
}
.pj-main .section04 h3,.pj-main .section04 h4,.pj-main .section04 h5,.pj-main .section04 h6 {font-weight: bold;font-size: 1.0em;margin: 2em 0 1em;}

.pj-main .section04 h5 {
    border-bottom: 1px solid;
}

.pj-main .section04 .btn01 {
    width: 80.5%;
    display: none;
    margin: 5% auto 0;
}

.pj-main header p {
    position: absolute;
    bottom: 1%;
    right: 1%;
    color: #fff;
    margin: 0;
}

.black{
    background-color: #000;
    font-size: 16px;
}

@media screen and (max-width: 799px)
{
  .pj-main .section04 .spwrap {
    overflow-y: hidden;
    height: 600px;
    transition: height 1.2s ease-in;
  }

  .pj-main .section04 .wrap {
  font-size: 16px;
  height: auto;
  }

.pj-main .section04 .btn01 {
    display: block;
    padding-bottom: 2em;
}
}