@charset "UTF-8";
/* ===================================================================
CSS information
 file name  :top.css
 style info :トップのスタイル
=================================================================== */
/* ==========================================================
    VISUAL
  ========================================================== */
#topVisual {
  width: 100%;
}
@media screen and (min-width: 751px) {
  #topVisual {
    background: url("../img/top/bg_visual_pc.jpg") no-repeat center top, -webkit-gradient(linear, left top, right top, from(#0071e4), color-stop(50%, #0071e4), color-stop(50%, #fff), to(#fff));
    background: url("../img/top/bg_visual_pc.jpg") no-repeat center top, linear-gradient(90deg, #0071e4 0%, #0071e4 50%, #fff 50%, #fff 100%);
  }
}
@media screen and (min-width: 751px) {
  #topVisual .inner {
    width: 1260px;
    margin: 0 auto;
    position: relative;
  }
}

/* ==========================================================
    TOPICS
  ========================================================== */
@supports (-ms-ime-align: auto) {
  @media screen and (max-width: 750px) {
    #topics {
      padding-bottom: 4.2% !important;
    }
    div.ticker {
      padding-top: 13% !important;
    }
  }
}
#topics {
  font-weight: bold;
  width: 100%;
}
#topics a {
  color: #0071e4;
}
@media screen and (min-width: 751px) {
  #topics {
    margin: 0 auto;
    background: url("../img/top/bg_topics.jpg") no-repeat center top, -webkit-gradient(linear, left top, right top, from(#ffe200), color-stop(50%, #ffe200), color-stop(50%, #00275f), to(#00275f));
    background: url("../img/top/bg_topics.jpg") no-repeat center top, linear-gradient(90deg, #ffe200 0%, #ffe200 50%, #00275f 50%, #00275f 100%);
    -webkit-box-shadow: 0px 4px 0px rgba(0, 0, 0, 0.2);
            box-shadow: 0px 4px 0px rgba(0, 0, 0, 0.2);
    position: relative;
    z-index: 2;
  }
}
@media screen and (max-width: 750px) {
  #topics {
    background: url("../img/top/bg_topics_sp.jpg") no-repeat center top;
    background-size: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    position: relative;
  }
}
@media screen and (min-width: 751px) {
  #topics .inner {
    width: 1260px;
    height: 82px;
    padding-left: 210px;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
    position: relative;
  }
}
@media screen and (max-width: 750px) {
  #topics .inner {
    padding: 10% 0% 4%;
  }
}
#topics .inner div.ticker {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (min-width: 751px) {
  #topics .inner div.ticker {
    width: 990px;
    overflow: hidden;
  }
}
@media screen and (max-width: 750px) {
  #topics .inner div.ticker {
    width: 100%;
    padding-top: 3.4%;
    margin-left: -2%;
  }
}
#topics .inner div.ticker ul {
  height: 1.9em;
}
@media screen and (max-width: 750px) {
  #topics .inner div.ticker ul {
    padding: 0% 2%;
    font-size: 3.4vw;
  }
}
#topics .inner div.ticker ul li {
  float: left;
  display: inline;
  clear: both;
  text-align: left;
  list-style-type: none;
  position: relative;
  line-height: 1.6em;
  margin-bottom: -1.6em;
}
#topics .inner div.ticker ul li dl {
  white-space: nowrap;
}
#topics .inner div.ticker ul li dl dt {
  display: inline;
}
@media screen and (min-width: 751px) {
  #topics .inner div.ticker ul li dl dt {
    margin-right: 20px;
  }
}
@media screen and (max-width: 750px) {
  #topics .inner div.ticker ul li dl dt {
    margin-right: 4%;
  }
}
#topics .inner div.ticker ul li dl dd {
  display: inline;
}
#topics .inner p a {
  color: #fff;
  font-weight: bold;
  background: #666;
  position: relative;
}
@media screen and (min-width: 751px) {
  #topics .inner p a {
    width: 120px;
    padding: 16px;
    float: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
@media screen and (max-width: 750px) {
  #topics .inner p a {
    width: 5em;
    padding: 2%;
    text-align: left;
    position: absolute;
    top: 0px;
    right: 0px;
  }
}
#topics .inner p a:after {
  content: "";
  border: 0px;
  border-top: solid 3px #fff;
  border-right: solid 3px #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 50%;
  right: 14px;
  margin-top: -5px;
}
@media screen and (min-width: 751px) {
  #topics .inner p a:after {
    width: 6px;
    height: 6px;
  }
}
@media screen and (max-width: 750px) {
  #topics .inner p a:after {
    width: 8px;
    height: 8px;
  }
}

/* ==========================================================
    CONTENT
  ========================================================== */
@media screen and (min-width: 751px) {
  .report,
  #goods {
    padding-top: 50px;
  }
}

/* ========================
  レポート
========================== */
.reportMainArea {
  background: url(../img/report/bg_report_repeat_pc.jpg) repeat-x 0 0;
}
.reportMainArea .reportMain {
  background: url(../img/report/bg_report_main_pc.jpg) no-repeat top center;
}
@media screen and (min-width: 751px) {
  .reportMainArea .reportMain {
    padding: 126px 0px;
  }
}
.reportMainArea .reportMain p {
  text-align: left;
}
@media screen and (min-width: 751px) {
  .reportMainArea .reportMain p {
    width: 1180px;
    margin: 0 auto;
  }
}

@media screen and (min-width: 751px) {
  .report {
    width: 100%;
    text-align: center;
    margin-bottom: 80px;
  }
}
@media screen and (max-width: 750px) {
  .report {
    margin-bottom: 8%;
  }
}
@media screen and (max-width: 750px) {
  .report img {
    width: 100%;
  }
}
@media screen and (max-width: 750px) {
  .report figure {
    margin-bottom: 2%;
  }
}
@media screen and (min-width: 751px) {
  .report .inner .other {
    top: -40px;
  }
}
@media screen and (min-width: 751px) {
  .report .inner .fLeft {
    float: left;
  }
}
@media screen and (min-width: 751px) {
  .report .inner .fRight {
    float: right;
  }
}
.report .inner .clear {
  clear: both;
}
@media screen and (max-width: 750px) {
  .report .inner h1.five {
    background: url(../img/shared/bg_h1_five.png) no-repeat center top;
    height: 139px;
    padding-top: 19px;
    line-height: 1;
  }
  .report .inner h1.five em {
    line-height: 1.2;
  }
}
@media screen and (min-width: 751px) {
  .report .inner .box {
    width: 1100px;
    margin: 0 auto 120px;
  }
}
@media screen and (max-width: 750px) {
  .report .inner .box {
    width: 92%;
    margin: 0 auto 10%;
    padding-top: 2%;
  }
}
.report .inner .box p {
  color: #2f0c0c;
  font-weight: bold;
  text-shadow: #fff 2px 0px, #fff -2px 0px, #fff 0px -2px, #fff 0px 2px, #fff 2px 2px, #fff -2px 2px, #fff 2px -2px, #fff -2px -2px, #fff 1px 2px, #fff -1px 2px, #fff 1px -2px, #fff -1px -2px, #fff 2px 1px, #fff -2px 1px, #fff 2px -1px, #fff -2px -1px;
  text-align: left;
}
@media screen and (min-width: 751px) {
  .report .inner .box p {
    font-size: 20px;
  }
}
@media screen and (max-width: 750px) {
  .report .inner .box p {
    font-size: 3vw;
  }
}
@media screen and (max-width: 750px) {
  .report .inner .wsp54 {
    width: 54%;
    margin: 0 auto;
  }
}
@media screen and (max-width: 750px) {
  .report .inner .wsp66 {
    width: 66%;
    margin: 0 auto;
  }
}
@media screen and (max-width: 750px) {
  .report .inner .wsp84 {
    width: 84%;
    margin: 0 auto;
  }
}
@media screen and (max-width: 750px) {
  .report .inner .wsp92 {
    width: 92%;
    margin: 0 auto;
  }
}
@media screen and (min-width: 751px) {
  .report .inner .sec01 p {
    width: 480px;
    margin: 0px 40px 56px 0px;
  }
}
@media screen and (max-width: 750px) {
  .report .inner .sec01 p {
    margin-bottom: 4%;
  }
}
@media screen and (min-width: 751px) {
  .report .inner .sec02 p {
    width: 720px;
    margin: 0 auto 20px;
  }
}
@media screen and (max-width: 750px) {
  .report .inner .sec02 p {
    margin-bottom: 4%;
  }
}
@media screen and (max-width: 750px) {
  .report .inner .sec03 p {
    margin-bottom: 4%;
  }
}
@media screen and (min-width: 751px) {
  .report .inner .sec03 p.p01 {
    width: 540px;
    margin-bottom: 15px;
  }
}
@media screen and (min-width: 751px) {
  .report .inner .sec03 p.p02 {
    text-align: center;
    clear: both;
    padding-top: 40px;
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 750px) {
  .report .inner .sec03 .wsp84 {
    margin-bottom: 4%;
  }
}
@media screen and (max-width: 750px) {
  .report .inner .sec04 p {
    margin-bottom: 4%;
  }
}
@media screen and (min-width: 751px) {
  .report .inner .sec04 p.p01 {
    width: 480px;
    margin-bottom: 22px;
  }
}
@media screen and (min-width: 751px) {
  .report .inner .sec04 p.p02 {
    clear: both;
    padding-top: 40px;
    width: 720px;
    margin: 0 auto 40px;
  }
}
@media screen and (max-width: 750px) {
  .report .inner .sec04 .wsp84 {
    margin-bottom: 4%;
  }
}
@media screen and (max-width: 750px) {
  .report .inner .sec04 .fRight {
    margin-bottom: 4%;
  }
}
.report .inner .allBox {
  background-color: rgba(0, 0, 0, 0.3);
}
@media screen and (min-width: 751px) {
  .report .inner .allBox {
    padding: 20px 0px;
    position: relative;
    top: -80px;
    margin-bottom: 60px;
  }
}
@media screen and (max-width: 750px) {
  .report .inner .allBox {
    padding: 4%;
    margin-bottom: 4%;
  }
}
@media screen and (min-width: 751px) {
  .report .inner .allBox .boxA {
    width: 1064px;
    margin: 0 auto 10px;
  }
}
@media screen and (min-width: 751px) {
  .report .inner .allBox .boxB {
    width: 1100px;
    margin: 0 auto;
  }
}
@media screen and (min-width: 751px) {
  .report .inner .sec05 p {
    width: 720px;
    margin: 0 auto 20px;
  }
}
@media screen and (max-width: 750px) {
  .report .inner .sec05 p {
    margin-bottom: 4%;
  }
}
.report .inner .sec06 p.p01 {
  text-align: center;
}
@media screen and (min-width: 751px) {
  .report .inner .sec06 p.p01 {
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 750px) {
  .report .inner .sec06 p.p01 {
    margin-bottom: 4%;
  }
}
@media screen and (min-width: 751px) {
  .report .inner .sec06 p.p02 {
    width: 860px;
    margin: 0 auto 20px;
  }
}
@media screen and (max-width: 750px) {
  .report .inner .sec06 p.p02 {
    margin-bottom: 4%;
  }
}
@media screen and (min-width: 751px) {
  .report .inner .sec06 figure.f01 {
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 750px) {
  .report .inner .sec06 figure.f01 {
    margin-bottom: 1%;
  }
}
.report .inner .sec07 p.p01 {
  text-align: center;
}
@media screen and (min-width: 751px) {
  .report .inner .sec07 p.p01 {
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 750px) {
  .report .inner .sec07 p.p01 {
    margin-bottom: 4%;
  }
}
@media screen and (min-width: 751px) {
  .report .inner .sec07 p.p02 {
    width: 860px;
    margin: 0 auto 20px;
  }
}
@media screen and (max-width: 750px) {
  .report .inner .sec07 p.p02 {
    margin-bottom: 4%;
  }
}
@media screen and (min-width: 751px) {
  .report .inner .sec08 p {
    width: 390px;
  }
}
@media screen and (max-width: 750px) {
  .report .inner .sec08 p {
    margin-bottom: 4%;
  }
}
@media screen and (min-width: 751px) {
  .report .inner .sec09 {
    margin-bottom: 40px;
  }
}
@media screen and (min-width: 751px) {
  .report .inner .sec09 p {
    width: 860px;
    margin: 0 auto 20px;
  }
}
@media screen and (max-width: 750px) {
  .report .inner .sec09 p {
    margin-bottom: 4%;
  }
}
@media screen and (min-width: 751px) {
  .report .inner .sec09 figure.f01 {
    width: 410px;
    margin-bottom: 10px;
  }
  .report .inner .sec09 figure.f01 img {
    width: 100%;
  }
}
@media screen and (max-width: 750px) {
  .report .inner .sec09 figure.f01 {
    margin-bottom: 1%;
  }
}
@media screen and (min-width: 751px) {
  .report .inner .sec09 figure.f02 {
    margin-bottom: 10px;
  }
  .report .inner .sec09 figure.f02 img {
    width: 100%;
  }
}
@media screen and (max-width: 750px) {
  .report .inner .sec09 figure.f02 {
    margin-bottom: 1%;
  }
}
@media screen and (min-width: 751px) {
  .report .inner .sec09 figure.f03 {
    width: 460px;
  }
  .report .inner .sec09 figure.f03 img {
    width: 100%;
  }
}
.report .inner .lastTxt {
  color: #fff;
  font-weight: bold;
  line-height: 1.5;
  text-shadow: -2px 5px 0 #000, 3px 5px 0 #000, #000 2px 0px, #000 -2px 0px, #000 0px -2px, #000 0px 2px, #000 2px 2px, #000 -2px 2px, #000 2px -2px, #000 -2px -2px, #000 1px 2px, #000 -1px 2px, #000 1px -2px, #000 -1px -2px, #000 2px 1px, #000 -2px 1px, #000 2px -1px, #000 -2px -1px;
}
@media screen and (min-width: 751px) {
  .report .inner .lastTxt {
    font-size: 40px;
  }
}
@media screen and (max-width: 750px) {
  .report .inner .lastTxt {
    font-size: 4.6vw;
    padding-bottom: 10%;
  }
}
.report .inner .lastTxt em {
  color: #ffe400;
  font-weight: bold;
}
.report .inner .lastTxt span {
  letter-spacing: -0.1em;
}

/* ========================
  SNS
========================== */
@media screen and (min-width: 751px) {
  .snsArea {
    background: #0b4fce url("../img/top/bg_sns_pc.jpg") no-repeat center top;
    margin-bottom: 84px;
  }
}
@media screen and (max-width: 750px) {
  .snsArea {
    background: url("../img/top/bg_sns_sp.jpg") no-repeat center top;
    background-size: 100%;
    padding: 20% 6% 14%;
    margin-bottom: 0% !important;
  }
}
.snsArea .inner {
  background: none !important;
  border: none !important;
}
@media screen and (min-width: 751px) {
  .snsArea .inner {
    width: 1260px;
  }
}
@media screen and (min-width: 751px) {
  .snsArea .inner .snsBnr {
    width: 600px;
    padding: 50px 0px 0px 30px;
    float: left;
    text-align: left;
  }
}
@media screen and (max-width: 750px) {
  .snsArea .inner .snsBnr {
    margin-bottom: 16%;
    display: none;
  }
}
@media screen and (min-width: 751px) {
  .snsArea .inner .snsBnr h2 {
    font-size: 40px;
    margin: 0px 0px 22px 36px;
  }
}
@media screen and (max-width: 750px) {
  .snsArea .inner .snsBnr h2 {
    margin-bottom: 4%;
  }
}
@media screen and (min-width: 751px) {
  .snsArea .inner .snsBnr p {
    font-size: 24px;
    margin: 0px 0px 20px 30px;
  }
}
@media screen and (max-width: 750px) {
  .snsArea .inner .snsBnr p {
    margin-bottom: 4%;
  }
}
@media screen and (min-width: 751px) {
  .snsArea .inner .snsBnr ul li:nth-child(1) {
    margin: 0px 0px 12px 12px;
  }
}
@media screen and (max-width: 750px) {
  .snsArea .inner .snsBnr ul {
    margin: 0 auto 4% auto;
  }
  .snsArea .inner .snsBnr ul li:nth-child(1),
  .snsArea .inner .snsBnr ul li:nth-child(2) {
    margin-bottom: 4%;
  }
}
@media screen and (min-width: 751px) {
  .snsArea .inner .timeline {
    width: 520px;
    height: 442px;
    float: right;
    padding: 20px 0px;
    margin-right: 90px;
  }
}
@media screen and (max-width: 750px) {
  .snsArea .inner .timeline {
    width: 90%;
    margin: 0 auto 2%;
  }
}
@media screen and (min-width: 751px) {
  .snsArea .inner .snsBtn {
    display: none;
  }
}
@media screen and (max-width: 750px) {
  .snsArea .inner .snsBtn ul li {
    padding-top: 3%;
    margin: 0 auto;
    width: 90%;
  }
}

@media screen and (min-width: 751px) {
  .orion {
    margin-bottom: 80px;
  }
}
@media screen and (max-width: 750px) {
  .orion {
    width: 80%;
    margin: 0% auto 8%;
  }
}