@charset "UTF-8";
/*foundation base*/
/*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: bottom;
  background: transparent; }

body {
  line-height: 1; }

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, main {
  display: block; }

ul, li {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none; }

mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold; }

del {
  text-decoration: line-through; }

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0; }

input, select {
  vertical-align: middle; }

/**
 * initiallize
 * タグ自体のstyleを記述
 */
html {
  font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN", "ヒラギノ丸ゴ Pro W4", "Hiragino Maru Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
  color: #000;
  word-wrap: break-word;
  font-size: 14px;
  line-height: 1.4; }

body {
  position: relative;
  width: 100%;
  height: 100%;
  -webkit-text-size-adjust: 100%; }

a {
  text-decoration: none;
  color: #000;
  transition: opacuty 0.2s; }
  a:hover {
    text-decoration: none;
    opacity: 0.8; }

img {
  vertical-align: bottom;
  width: 100%; }

strong {
  font-weight: bold; }

input {
  padding: 0;
  border: none;
  background: none; }

* {
  transition: font-size 0.1s linear; }

.pci {
  display: inline; }
  @media print, screen and (max-width: 767px) {
    .pci {
      display: none; } }

.spi {
  display: none; }
  @media print, screen and (max-width: 767px) {
    .spi {
      display: inline; } }

.pc {
  display: block; }
  @media print, screen and (max-width: 767px) {
    .pc {
      display: none; } }

.sp {
  display: none; }
  @media print, screen and (max-width: 767px) {
    .sp {
      display: block; } }

/*foundation vender*/
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0; }
  .slick-list:focus {
    outline: none; }
  .slick-list.dragging {
    cursor: pointer;
    cursor: hand; }

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto; }
  .slick-track:before, .slick-track:after {
    content: "";
    display: table; }
  .slick-track:after {
    clear: both; }
  .slick-loading .slick-track {
    visibility: hidden; }

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none; }
  [dir="rtl"] .slick-slide {
    float: right; }
  .slick-slide img {
    display: block; }
  .slick-slide.slick-loading img {
    display: none; }
  .slick-slide.dragging img {
    pointer-events: none; }
  .slick-initialized .slick-slide {
    display: block; }
  .slick-loading .slick-slide {
    visibility: hidden; }
  .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent; }

.slick-arrow.slick-hidden {
  display: none; }

/* Slider */
.slick-loading .slick-list {
  background: #fff url("./ajax-loader.gif") center center no-repeat; }

/* Icons */
@font-face {
  font-family: "slick";
  src: url("./fonts/slick.eot");
  src: url("./fonts/slick.eot?#iefix") format("embedded-opentype"), url("./fonts/slick.woff") format("woff"), url("./fonts/slick.ttf") format("truetype"), url("./fonts/slick.svg#slick") format("svg");
  font-weight: normal;
  font-style: normal; }

/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none; }
  .slick-prev:hover, .slick-prev:focus,
  .slick-next:hover,
  .slick-next:focus {
    outline: none;
    background: transparent;
    color: transparent; }
    .slick-prev:hover:before, .slick-prev:focus:before,
    .slick-next:hover:before,
    .slick-next:focus:before {
      opacity: 1; }
  .slick-prev.slick-disabled:before,
  .slick-next.slick-disabled:before {
    opacity: 0.25; }
  .slick-prev:before,
  .slick-next:before {
    font-family: "slick";
    font-size: 20px;
    line-height: 1;
    color: white;
    opacity: 0.75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }

.slick-prev {
  left: -25px; }
  [dir="rtl"] .slick-prev {
    left: auto;
    right: -25px; }
  .slick-prev:before {
    content: "←"; }
    [dir="rtl"] .slick-prev:before {
      content: "→"; }

.slick-next {
  right: -25px; }
  [dir="rtl"] .slick-next {
    left: -25px;
    right: auto; }
  .slick-next:before {
    content: "→"; }
    [dir="rtl"] .slick-next:before {
      content: "←"; }

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px; }

.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%; }
  .slick-dots li {
    position: relative;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer; }
    .slick-dots li button {
      border: 0;
      background: transparent;
      display: block;
      height: 20px;
      width: 20px;
      outline: none;
      line-height: 0px;
      font-size: 0px;
      color: transparent;
      padding: 5px;
      cursor: pointer; }
      .slick-dots li button:hover, .slick-dots li button:focus {
        outline: none; }
        .slick-dots li button:hover:before, .slick-dots li button:focus:before {
          opacity: 1; }
      .slick-dots li button:before {
        position: absolute;
        top: 0;
        left: 0;
        content: "•";
        width: 20px;
        height: 20px;
        font-family: "slick";
        font-size: 6px;
        line-height: 20px;
        text-align: center;
        color: black;
        opacity: 0.25;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale; }
    .slick-dots li.slick-active button:before {
      color: black;
      opacity: 0.75; }

/*pages*/
.menu-pc {
  max-width: 1250px;
  width: 100%;
  margin: 0 auto; }
  @media print, screen and (max-width: 767px) {
    .menu-pc {
      display: none; } }
  .menu-pc__list {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    margin-top: 15px; }
    .menu-pc__list a {
      display: block;
      text-align: center;
      line-height: 1.2;
      border-left: 1px solid #000;
      width: 100%;
      height: 55px;
      font-size: 18px;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      cursor: pointer; }
      .menu-pc__list a:nth-child(1) {
        border-left: none; }
      .menu-pc__list a:hover {
        opacity: 0.6; }
      .menu-pc__list a.nolink {
        color: #c7c7c7;
        pointer-events: none; }

.menu-sp {
  position: absolute;
  top: 40vw;
  z-index: 5;
  background: #fff;
  width: 100%; }
  @media print, screen and (min-width: 768px) {
    .menu-sp {
      display: none; } }
  .menu-sp__btn {
    width: 12.5%;
    background: #012063;
    padding: 3.125% 0;
    margin-left: auto;
    height: 12.5vw;
    position: absolute;
    right: 0;
    top: 0;
    box-sizing: border-box; }
    .menu-sp__btn span {
      width: 75%;
      height: 0.8vw;
      background: #fff;
      margin: 0 auto;
      transition: -webkit-transform 300ms;
      transition: transform 300ms;
      transition: transform 300ms, -webkit-transform 300ms;
      position: absolute;
      left: 50%;
      -webkit-transform: translateX(-50%);
          -ms-transform: translateX(-50%);
              transform: translateX(-50%); }
      .menu-sp__btn span:nth-child(1) {
        top: 20%; }
      .menu-sp__btn span:nth-child(2) {
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%); }
      .menu-sp__btn span:nth-child(3) {
        bottom: 20%; }
    .menu-sp__btn.on span {
      transition: -webkit-transform 300ms;
      transition: transform 300ms;
      transition: transform 300ms, -webkit-transform 300ms; }
      .menu-sp__btn.on span:nth-child(1) {
        -webkit-transform: translate(-50%, 420%) rotate(-45deg);
            -ms-transform: translate(-50%, 420%) rotate(-45deg);
                transform: translate(-50%, 420%) rotate(-45deg); }
      .menu-sp__btn.on span:nth-child(2) {
        opacity: 0; }
      .menu-sp__btn.on span:nth-child(3) {
        -webkit-transform: translate(-50%, -420%) rotate(45deg);
            -ms-transform: translate(-50%, -420%) rotate(45deg);
                transform: translate(-50%, -420%) rotate(45deg); }
  .menu-sp__list {
    display: none;
    background: #fff;
    width: 100%;
    position: absolute;
    top: 12.5vw;
    left: 0; }
    .menu-sp__list a {
      font-size: 13px;
      font-size: 4.0625vw;
      display: block;
      padding: 4% 3% 3%;
      border-top: 1px solid #002063;
      position: relative; }
      .menu-sp__list a:after {
        content: '';
        display: inline-block;
        width: 3.90625%;
        height: 1em;
        background: url("/assets/img/spmenu_arrow.png") no-repeat center center;
        background-size: contain;
        position: absolute;
        right: 3.90625%;
        top: 50%;
        -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
                transform: translateY(-50%); }
    .menu-sp__list .nolink {
      font-size: 13px;
      font-size: 4.0625vw;
      display: block;
      padding: 4% 3% 3%;
      border-top: 1px solid #002063;
      color: #c7c7c7; }
  .menu-sp__cover {
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.8;
    position: fixed;
    z-index: 4;
    top: 0;
    left: 0;
    display: none; }

body {
  min-width: 1250px;
  font-weight: bold;
  letter-spacing: 0.05em; }
  @media print, screen and (max-width: 767px) {
    body {
      min-width: 100%;
      letter-spacing: normal; } }
  body.fixed {
    position: fixed; }

.line {
  width: 100%;
  height: 10px; }
  .line__red {
    background: #cc0033;
    display: inline-block;
    width: 50%;
    height: 100%; }
  .line__blue {
    background: #002c8d;
    display: inline-block;
    width: 50%;
    height: 100%; }

.kv {
  min-width: 1250px;
  max-width: 1368px;
  margin: 15px auto 0;
  position: relative; }
  @media print, screen and (max-width: 767px) {
    .kv {
      max-width: 100%;
      min-width: 100%;
      margin: 0 auto; } }
  .kv__link {
    position: absolute;
    bottom: 25%;
    left: 20.46784%;
    width: 29.31287%; }
    @media print, screen and (min-width: 768px) {
      .kv__link:hover {
        opacity: 0.6; } }
    @media print, screen and (max-width: 767px) {
      .kv__link {
        position: static;
        width: 45.9322%;
        display: inline-block; } }
  .kv__olympic {
    width: 44.0678%; }
  .kv-sp__flex {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    width: 92.1875%;
    margin: 0 auto; }
    @media print, screen and (min-width: 768px) {
      .kv-sp__flex {
        display: none; } }
  .kv-sp__bottom {
    margin-top: 7.8125%; }
    @media print, screen and (min-width: 768px) {
      .kv-sp__bottom {
        display: none; } }

.content__inner {
  min-width: 1250px; }
  @media print, screen and (max-width: 767px) {
    .content__inner {
      min-width: 100%; } }

.info {
  background: #012063;
  padding: 80px 0;
  margin-top: 10px; }
  @media print, screen and (max-width: 767px) {
    .info {
      padding: 12.5% 0;
      margin-top: 0.9375%; } }
  .info__inner {
    width: 1200px;
    background: #fff;
    margin: 0 auto;
    padding: 60px 0;
    border-radius: 30px; }
    @media print, screen and (max-width: 767px) {
      .info__inner {
        width: 92.1875%;
        padding: 7.8125% 0;
        border-radius: 10px; } }
  .info__ttl {
    width: 289px;
    margin: 0 auto; }
    @media print, screen and (max-width: 767px) {
      .info__ttl {
        width: 53.89831%; } }
  .info__content {
    width: 1000px;
    margin: 0 auto; }
    @media print, screen and (max-width: 767px) {
      .info__content {
        width: 89.83051%; } }
    .info__content-item {
      margin-top: 40px; }
      @media print, screen and (max-width: 767px) {
        .info__content-item {
          margin-top: 8.47458%; } }
      .info__content-item:nth-of-type(2) {
        margin-top: 40px; }
        @media print, screen and (max-width: 767px) {
          .info__content-item:nth-of-type(2) {
            margin-top: 10.16949%; } }
      .info__content-item .infoTtl {
        padding-bottom: 10px;
        border-bottom: 3px solid #cc0033; }
        .info__content-item .infoTtl img {
          width: 111px; }
          @media print, screen and (max-width: 767px) {
            .info__content-item .infoTtl img {
              width: 25.08475%; } }
        @media print, screen and (max-width: 767px) {
          .info__content-item .infoTtl {
            padding-bottom: 2.54237%; } }
        .info__content-item .infoTtl--no2 {
          border-bottom: 3px solid #002063; }
          .info__content-item .infoTtl--no2 img {
            width: 299px; }
            @media print, screen and (max-width: 767px) {
              .info__content-item .infoTtl--no2 img {
                width: 67.45763%; } }
      .info__content-item .infoList__item {
        margin-top: 20px;
        margin-left: 60px;
        font-size: 16px; }
        @media print, screen and (max-width: 767px) {
          .info__content-item .infoList__item {
            margin-top: 5.08475%;
            margin-left: 0;
            line-height: 1.8;
            font-size: 12px;
            font-size: 3.75vw; } }
        .info__content-item .infoList__item-day {
          margin-right: 20px;
          vertical-align: baseline;
          line-height: 1.6; }
          @media print, screen and (max-width: 767px) {
            .info__content-item .infoList__item-day {
              display: block;
              margin-right: 0;
              line-height: 1.8; } }
        .info__content-item .infoList__item-txt {
          width: 800px;
          display: inline-block;
          vertical-align: top;
          line-height: 1.6; }
          @media print, screen and (max-width: 767px) {
            .info__content-item .infoList__item-txt {
              width: 100%;
              line-height: 1.8; } }
        .info__content-item .infoList__item.new, .info__content-item .infoList__item.new2 {
          position: relative;
          line-height: 1.6; }
          .info__content-item .infoList__item.new::before, .info__content-item .infoList__item.new2::before {
            content: '';
            display: block;
            width: 45px;
            height: 18px;
            background: url("/assets/img/new.png") no-repeat;
            background-size: contain;
            position: absolute;
            top: 2px;
            left: -60px; }
            @media print, screen and (max-width: 767px) {
              .info__content-item .infoList__item.new::before, .info__content-item .infoList__item.new2::before {
                display: none; } }
          @media print, screen and (max-width: 767px) {
            .info__content-item .infoList__item.new .infoList__item-day, .info__content-item .infoList__item.new2 .infoList__item-day {
              vertical-align: middle; }
              .info__content-item .infoList__item.new .infoList__item-day::before, .info__content-item .infoList__item.new2 .infoList__item-day::before {
                content: '';
                display: inline-block;
                width: 9.83051%;
                height: 1em;
                background: url("/assets/img/new.png") no-repeat;
                background-size: contain;
                margin-right: 1.69492%;
                -webkit-transform: translateY(0.4vw);
                    -ms-transform: translateY(0.4vw);
                        transform: translateY(0.4vw); } }
          .info__content-item .infoList__item.new2::before {
            background: url("/assets/img/new2.png") no-repeat;
            background-size: contain; }
          @media print, screen and (max-width: 767px) {
            .info__content-item .infoList__item.new2 .infoList__item-day::before {
              background: url("/assets/img/new2.png") no-repeat;
              background-size: contain; } }
        .info__content-item .infoList__item a {
          text-decoration: underline; }
          @media print, screen and (min-width: 768px) {
            .info__content-item .infoList__item a:hover {
              text-decoration: none; } }

.overview {
  background-image: linear-gradient(45deg, #fff 40%, #e1e1e1 40%, #e1e1e1 50%, #fff 50%, #fff 90%, #e1e1e1 90%, #e1e1e1 100%);
  background-size: 6px 6px;
  padding: 80px 0; }
  @media print, screen and (max-width: 767px) {
    .overview {
      padding: 12.5% 0; } }
  .overview__ttl {
    width: 836px;
    margin: 0 auto; }
    @media print, screen and (max-width: 767px) {
      .overview__ttl {
        width: 74.21875%; } }
  .overview__txt {
    font-size: 16px;
    text-align: center;
    color: #222;
    width: 1000px;
    background: #f5f5f5;
    border: solid 1px #ccc;
    margin: 45px auto 0;
    padding: 30px 0;
    line-height: 2; }
    @media print, screen and (max-width: 767px) {
      .overview__txt {
        font-size: 9px;
        font-size: 2.8125vw;
        margin-top: 6.25%;
        padding: 6.25% 0;
        width: 92.1875%; } }
  .overview__link {
    width: 454px;
    display: block;
    margin: 30px auto 0; }
    @media print, screen and (max-width: 767px) {
      .overview__link {
        width: 85%;
        margin-top: 6.25%; } }
  .overview__list {
    margin: 50px auto 0;
    width: 1200px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between; }
    @media print, screen and (max-width: 767px) {
      .overview__list {
        width: 92.1875%;
        display: block;
        margin-top: 0; } }
    .overview__list-content {
      width: 581px; }
      @media print, screen and (max-width: 767px) {
        .overview__list-content {
          width: 100%; }
          .overview__list-content:nth-of-type(2) {
            margin-top: 7.8125%; } }
      .overview__list-content .list__ttl {
        width: 100%; }
      .overview__list-content .list__txt {
        padding: 100px 30px 0;
        height: 370px;
        background: #fff;
        border: 4px solid #ccc;
        margin-top: -80px;
        border-radius: 12px;
        line-height: 1.8; }
        .overview__list-content .list__txt span {
          display: block; }
          .overview__list-content .list__txt span.ti {
            text-indent: -0.5em;
            white-space: inherit; }
        @media print, screen and (max-width: 767px) {
          .overview__list-content .list__txt {
            width: 100%;
            padding: 28.81356% 4.66102% 5.9322%;
            border: 2px solid #ccc;
            box-sizing: border-box;
            font-size: 12px;
            font-size: 3.75vw;
            height: auto;
            line-height: 1.6;
            text-align: justify; }
            .overview__list-content .list__txt span {
              letter-spacing: -0.03em;
              white-space: nowrap; } }
        .overview__list-content .list__txt-ttl {
          font-size: 18px;
          margin-bottom: 15px; }
          @media print, screen and (max-width: 767px) {
            .overview__list-content .list__txt-ttl {
              font-size: 13.5px;
              font-size: 4.21875vw;
              margin-bottom: 6.77966%; } }
        .overview__list-content .list__txt-list {
          margin-top: 15px; }
          @media print, screen and (max-width: 767px) {
            .overview__list-content .list__txt-list {
              font-size: 12px;
              font-size: 3.75vw;
              margin-top: 7.62712%; } }
          .overview__list-content .list__txt-list li {
            text-indent: -1em;
            padding-left: 1em; }
        .overview__list-content .list__txt-link {
          width: 285px;
          margin: 40px auto 0;
          display: block; }
          @media print, screen and (max-width: 767px) {
            .overview__list-content .list__txt-link {
              width: 76.27119%;
              margin: 8.47458% auto 1.69492%; } }
  .overview__detail {
    margin-top: 50px;
    text-align: center;
    font-size: 18px; }
    @media print, screen and (max-width: 767px) {
      .overview__detail {
        margin-top: 5.46875%;
        font-size: 12px;
        font-size: 3.75vw; } }
    .overview__detail-link {
      display: block;
      width: 454px;
      margin: 15px auto 0; }
      @media print, screen and (max-width: 767px) {
        .overview__detail-link {
          width: 85.15625%;
          margin-top: 2.34375%; } }

.state__ttl {
  width: 288px;
  margin: 0 auto;
  padding-top: 65px; }
  @media print, screen and (max-width: 767px) {
    .state__ttl {
      padding-top: 7.8125%;
      width: 49.21875%; } }

.state__medal {
  width: 434px;
  margin: 55px auto 0;
  position: relative; }
  @media print, screen and (max-width: 767px) {
    .state__medal {
      width: 82.96875%;
      margin: 8.28125% auto 0; } }
  .state__medal-ttl {
    width: 434px;
    margin-left: 11px; }
    @media print, screen and (max-width: 767px) {
      .state__medal-ttl {
        width: 92.70588%;
        margin: 0 auto; } }
  .state__medal-amount {
    position: relative;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    width: 343px;
    margin: 20px auto 0; }
    @media print, screen and (max-width: 767px) {
      .state__medal-amount {
        width: 80.03766%;
        margin-top: 5.08906%; } }
    .state__medal-amount .medal__waku {
      position: relative;
      width: 111px; }
      @media print, screen and (max-width: 767px) {
        .state__medal-amount .medal__waku {
          width: 32%; } }
      .state__medal-amount .medal__waku-num {
        font-size: 120px;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
        position: absolute;
        top: 55%; }
        @media print, screen and (max-width: 767px) {
          .state__medal-amount .medal__waku-num {
            font-size: 75px;
            font-size: 23.4375vw;
            top: 53%; } }
    .state__medal-amountValue {
      position: absolute;
      width: 47px;
      right: -8px;
      bottom: 26px; }
      @media print, screen and (max-width: 767px) {
        .state__medal-amountValue {
          width: 11.29412%;
          right: -3%;
          bottom: 9%; } }
  .state__medal-sup {
    font-size: 12px;
    margin-top: 12px;
    margin-left: 47px; }
    @media print, screen and (max-width: 767px) {
      .state__medal-sup {
        font-size: 9px;
        font-size: 2.8125vw;
        margin-top: 3%;
        margin-left: 10%; } }

.state__collect {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 950px;
  margin: 80px auto 0; }
  @media print, screen and (max-width: 767px) {
    .state__collect {
      width: 100%;
      display: block;
      margin-top: 10.9375%;
      padding-bottom: 8.59375%; } }
  .state__collect.five {
    width: 990px; }
    @media print, screen and (max-width: 767px) {
      .state__collect.five {
        width: 100%; } }

.state__docomo {
  width: 454px;
  position: relative; }
  @media print, screen and (max-width: 767px) {
    .state__docomo {
      width: 75%;
      margin: 0 auto; } }
  .state__docomo-ttl {
    width: 279px;
    margin: 0 auto; }
    @media print, screen and (max-width: 767px) {
      .state__docomo-ttl {
        width: 87.5%; } }
  .state__docomo-amount {
    width: 370px;
    margin: 18px auto 0;
    position: relative;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-align-items: flex-end;
        -ms-flex-align: end;
            align-items: flex-end; }
    @media print, screen and (max-width: 767px) {
      .state__docomo-amount {
        width: 100%;
        margin: 4.16667% auto 0; } }
    .state__docomo-amount .docomo__yaku {
      width: 28px;
      margin-right: 4px;
      margin-bottom: 3px; }
      @media print, screen and (max-width: 767px) {
        .state__docomo-amount .docomo__yaku {
          width: auto;
          margin-left: 5%;
          margin-bottom: 1%;
          margin-right: 0; } }
    .state__docomo-amount .docomo__dai {
      width: 57px;
      margin-left: 3px;
      margin-bottom: 3px; }
      @media print, screen and (max-width: 767px) {
        .state__docomo-amount .docomo__dai {
          width: auto;
          margin-bottom: 1%;
          margin-left: 0.83333%; } }
    .state__docomo-amount .docomo__waku {
      position: relative;
      width: 88px; }
      @media print, screen and (max-width: 767px) {
        .state__docomo-amount .docomo__waku {
          width: auto;
          margin-left: 0.83333%; } }
      .state__docomo-amount .docomo__waku-num {
        position: absolute;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
        color: #cc0033;
        font-size: 97px;
        top: 55%; }
        @media print, screen and (max-width: 767px) {
          .state__docomo-amount .docomo__waku-num {
            font-size: 65px;
            font-size: 20.3125vw;
            top: 54.5%; } }
  .state__docomo-sup {
    font-size: 12px;
    margin-top: 12px;
    margin-left: 75px; }
    @media print, screen and (max-width: 767px) {
      .state__docomo-sup {
        font-size: 9px;
        font-size: 2.8125vw;
        margin-top: 3%;
        margin-left: 13.8%; } }
  .state__docomo-txt {
    text-align: center;
    margin-top: 55px; }
  .state__docomo-link {
    display: block;
    margin-top: 15px; }
    @media print, screen and (max-width: 767px) {
      .state__docomo-link {
        display: none; } }

.state__other {
  width: 454px;
  margin-top: 4px;
  position: relative; }
  @media print, screen and (max-width: 767px) {
    .state__other {
      width: 93.75%;
      margin: 8.59375% auto 0; } }
  .state__other-ttl {
    width: 334px;
    margin: 0 auto; }
    @media print, screen and (max-width: 767px) {
      .state__other-ttl {
        width: 83.33333%; } }
  .state__other-amount {
    width: 465px;
    margin: 39px auto 0;
    position: relative;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-align-items: flex-end;
        -ms-flex-align: end;
            align-items: flex-end; }
    @media print, screen and (max-width: 767px) {
      .state__other-amount {
        width: 100%;
        margin-top: 3.33333%; } }
    .state__other-amount.five {
      width: 454px; }
      @media print, screen and (max-width: 767px) {
        .state__other-amount.five {
          width: 100%; } }
    .state__other-amount .other__yaku {
      width: 28px;
      margin-right: 4px;
      margin-bottom: 3px;
      margin-left: 0; }
      @media print, screen and (max-width: 767px) {
        .state__other-amount .other__yaku {
          width: auto;
          margin-left: 5%;
          margin-bottom: 1%;
          margin-right: 0; } }
      .state__other-amount .other__yaku.five {
        margin-left: 0; }
        @media print, screen and (max-width: 767px) {
          .state__other-amount .other__yaku.five {
            margin-left: 3%; } }
    .state__other-amount .other__ton {
      width: 49px;
      margin-left: 3px;
      margin-bottom: 3px; }
      @media print, screen and (max-width: 767px) {
        .state__other-amount .other__ton {
          width: auto;
          margin-bottom: 1%;
          margin-left: 0.66667%; } }
    .state__other-amount .other__waku {
      position: relative;
      width: 72px; }
      @media print, screen and (max-width: 767px) {
        .state__other-amount .other__waku {
          width: auto;
          margin-left: 0.66667%; } }
      .state__other-amount .other__waku.other-number04 {
        display: none; }
      .state__other-amount .other__waku-num {
        font-size: 88px;
        position: absolute;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
        color: #002c8d;
        top: 55%; }
        @media print, screen and (max-width: 767px) {
          .state__other-amount .other__waku-num {
            font-size: 65px;
            font-size: 20.3125vw;
            top: 54.5%; }
            .state__other-amount .other__waku-num.five {
              font-size: 57.5px;
              font-size: 17.96875vw; } }
  .state__other-sup {
    font-size: 12px;
    margin-top: 12px;
    margin-left: 43px; }
    @media print, screen and (max-width: 767px) {
      .state__other-sup {
        font-size: 9px;
        font-size: 2.8125vw;
        margin-top: 3%;
        margin-left: 12.5%; } }
    .state__other-sup.five {
      margin-left: 33px; }
      @media print, screen and (max-width: 767px) {
        .state__other-sup.five {
          margin-left: 9.5%; } }
  .state__other-txt {
    text-align: center;
    margin-top: 55px; }
    @media print, screen and (max-width: 767px) {
      .state__other-txt {
        margin-top: 8.33333%;
        font-size: 12px;
        font-size: 3.75vw; } }
  .state__other-link {
    display: block;
    margin-top: 84px; }
    @media print, screen and (max-width: 767px) {
      .state__other-link {
        width: 90.83333%;
        margin: 3.33333% auto 0; }
        .state__other-link.no2 {
          margin-top: 10%; } }

.state__about {
  text-align: center;
  padding-bottom: 70px; }
  @media print, screen and (max-width: 767px) {
    .state__about {
      padding-bottom: 10.9375%; } }
  .state__about-txt {
    font-size: 18px; }
    @media print, screen and (max-width: 767px) {
      .state__about-txt {
        font-size: 12px;
        font-size: 3.75vw; } }
  .state__about-link {
    display: block;
    width: 454px;
    margin: 15px auto; }
    @media print, screen and (max-width: 767px) {
      .state__about-link {
        width: 85.15625%;
        margin: 3.125% auto 0; } }

.movie {
  margin-top: 80px;
  text-align: center;
  background-image: linear-gradient(45deg, #fff 40%, #e3e3e3 40%, #e3e3e3 50%, #fff 50%, #fff 90%, #e3e3e3 90%, #e3e3e3 100%);
  background-size: 6px 6px;
  padding: 80px 0; }
  @media print, screen and (max-width: 767px) {
    .movie {
      margin-top: 12.5%;
      padding: 12.5% 0; } }
  .movie__ttl {
    margin: 0 auto;
    width: 379px; }
    @media print, screen and (max-width: 767px) {
      .movie__ttl {
        width: 64.84375%; } }
  .movie__content {
    width: 1200px;
    padding: 0 32.5px;
    box-sizing: border-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-align-items: flex-end;
        -ms-flex-align: end;
            align-items: flex-end;
    margin: 50px auto 0; }
    @media print, screen and (max-width: 767px) {
      .movie__content {
        width: 100%;
        display: block;
        padding: 0;
        margin: 0; } }
    .movie__content-item .movieTtl {
      font-size: 18px;
      display: block;
      line-height: 1.5;
      width: 530px; }
      @media print, screen and (max-width: 767px) {
        .movie__content-item .movieTtl {
          width: 100%;
          font-size: 11px;
          font-size: 3.4375vw;
          margin: 9.375% 0 3.90625%; } }
      .movie__content-item .movieTtl span {
        display: block;
        font-size: 22px; }
        @media print, screen and (max-width: 767px) {
          .movie__content-item .movieTtl span {
            font-size: 14px;
            font-size: 4.375vw; } }
    .movie__content-item .movieTxt {
      font-size: 14.5px;
      text-align: left;
      line-height: 1.8;
      width: 530px;
      margin-top: 25px; }
      @media print, screen and (max-width: 767px) {
        .movie__content-item .movieTxt {
          width: 92.1875%;
          font-size: 11px;
          font-size: 3.4375vw;
          margin: 0 auto; } }
      .movie__content-item .movieTxt.no1 {
        text-align: center; }
    .movie__content-item .movieYt {
      background: #888;
      position: relative;
      width: 530px;
      padding-top: 296.8px;
      margin: 20px auto 0; }
      @media print, screen and (max-width: 767px) {
        .movie__content-item .movieYt {
          width: 92.1875%;
          margin: 4.6875% auto 0;
          padding-top: 56.25%; } }
      .movie__content-item .movieYt iframe {
        position: absolute;
        top: 0;
        right: 0;
        width: 100% !important;
        height: 100% !important;
        border: none; }
  .movie__footer {
    margin-top: 60px;
    text-align: center;
    padding-bottom: 60px; }
    @media print, screen and (max-width: 767px) {
      .movie__footer {
        margin-top: 12.5%;
        padding-bottom: 9.375%; } }
    .movie__footer-txt {
      font-size: 18px; }
      @media print, screen and (max-width: 767px) {
        .movie__footer-txt {
          font-size: 12px;
          font-size: 3.75vw;
          line-height: 1.5; } }
      .movie__footer-txt.no2 {
        margin-top: 25px; }
        @media print, screen and (max-width: 767px) {
          .movie__footer-txt.no2 {
            font-size: 11.5px;
            font-size: 3.59375vw;
            margin-top: 3.90625%; } }
        .movie__footer-txt.no2 span {
          font-size: 16px;
          display: block;
          margin-top: 15px; }
          @media print, screen and (max-width: 767px) {
            .movie__footer-txt.no2 span {
              font-size: 11px;
              font-size: 3.4375vw;
              margin-top: 1.5625%; } }

.process {
  width: 100%;
  background: #002063;
  text-align: center;
  padding: 75px 0 45px; }
  @media print, screen and (max-width: 767px) {
    .process {
      padding: 12.5% 0; } }
  .process__ttl {
    width: 945px;
    margin: 0 auto; }
    @media print, screen and (max-width: 767px) {
      .process__ttl {
        width: 93.75%; } }
  .process__main {
    width: 1200px;
    margin: 25px auto 0;
    background: #fff;
    padding: 20px 0 32px;
    border-radius: 30px;
    position: relative; }
    @media print, screen and (max-width: 767px) {
      .process__main {
        width: 92.96875%;
        margin-top: 3.125%;
        padding: 4.53125% 0 7.03125%;
        border-radius: 10px; } }
    .process__main-top {
      position: relative;
      z-index: 2; }
      .process__main-top .top-step__pc {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        position: absolute;
        -webkit-justify-content: space-between;
            -ms-flex-pack: justify;
                justify-content: space-between;
        bottom: 65px;
        left: 29px;
        width: 978px; }
        .process__main-top .top-step__pc a {
          width: 129px;
          cursor: pointer;
          display: block; }
      .process__main-top .top-step__sp {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: space-between;
            -ms-flex-pack: justify;
                justify-content: space-between;
        position: absolute;
        top: -2%;
        left: 2.5%;
        width: 90.7563%; }
        .process__main-top .top-step__sp a {
          width: 20.2952%;
          display: block; }
        .process__main-top .top-step__sp.no2 {
          top: 32.5%;
          left: 16%;
          width: 43.36134%; }
          .process__main-top .top-step__sp.no2 a {
            width: 42.63566%;
            display: block; }
    .process__main-gif {
      position: absolute;
      top: 2px;
      width: 1202px;
      height: 329px;
      opacity: 0; }
      @media print, screen and (max-width: 767px) {
        .process__main-gif {
          top: 0;
          left: -3.75%;
          width: 107.35%;
          height: auto; } }
    .process__main-backgif {
      width: 1202px;
      height: 329px;
      display: none;
      opacity: 0; }
      @media print, screen and (max-width: 767px) {
        .process__main-backgif {
          margin-top: -5.1%;
          margin-left: -3.75%;
          width: 107.35%;
          height: auto; } }
    .process__main-human {
      position: absolute;
      top: 250px;
      left: 20px;
      z-index: 3; }
      @media print, screen and (max-width: 767px) {
        .process__main-human {
          top: 52vw;
          left: 2%;
          width: 43.4375%; } }
      .process__main-human .wrapper {
        position: relative;
        width: 181px; }
        @media print, screen and (max-width: 767px) {
          .process__main-human .wrapper {
            width: 100%; } }
        .process__main-human .wrapper .human {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%; }
        .process__main-human .wrapper .meter__num {
          font-size: 20px;
          position: absolute;
          top: 23px;
          right: 0px;
          width: 100px;
          color: #fff;
          text-align: center; }
          @media print, screen and (max-width: 767px) {
            .process__main-human .wrapper .meter__num {
              font-size: 11px;
              font-size: 3.4375vw;
              width: 58.5%;
              margin-top: 13%;
              top: 0;
              right: 3%; } }
          .process__main-human .wrapper .meter__num span {
            font-size: 39px; }
            @media print, screen and (max-width: 767px) {
              .process__main-human .wrapper .meter__num span {
                font-size: 21px;
                font-size: 6.5625vw; } }
    .process__main-article {
      width: 100%;
      padding: 30px 0 12px 80px;
      box-sizing: border-box;
      background-image: linear-gradient(45deg, #fff 40%, #ededed 40%, #ededed 50%, #fff 50%, #fff 90%, #ededed 90%, #ededed 100%);
      background-size: 6px 6px;
      display: none;
      position: relative; }
      @media print, screen and (max-width: 767px) {
        .process__main-article {
          padding: 6.72269% 7.56303%;
          background-size: 6px 6px; } }
      .process__main-article .article {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex; }
        @media print, screen and (max-width: 767px) {
          .process__main-article .article {
            display: block; } }
        .process__main-article .article-frame {
          width: 443px;
          position: relative;
          z-index: 2; }
          @media print, screen and (max-width: 767px) {
            .process__main-article .article-frame {
              width: 100%;
              margin-left: 5%; } }
          .process__main-article .article-frame__img {
            overflow: hidden;
            position: absolute;
            top: 10px;
            right: 10px;
            width: 353px; }
            @media print, screen and (max-width: 767px) {
              .process__main-article .article-frame__img {
                width: 80%;
                top: 4.5%;
                left: 3%; } }
        .process__main-article .article-txt {
          width: 550px;
          text-align: left;
          margin: 15px 0 0 25px; }
          @media print, screen and (max-width: 767px) {
            .process__main-article .article-txt {
              width: 100%;
              margin: 5.88235% auto 0; } }
          .process__main-article .article-txt-ttl {
            font-size: 30px;
            color: #002063; }
            @media print, screen and (max-width: 767px) {
              .process__main-article .article-txt-ttl {
                font-size: 18px;
                font-size: 5.625vw; } }
          .process__main-article .article-txt-txt {
            margin-top: 30px;
            line-height: 1.5;
            font-size: 20px; }
            .process__main-article .article-txt-txt span {
              display: block; }
            @media print, screen and (max-width: 767px) {
              .process__main-article .article-txt-txt {
                font-size: 12px;
                font-size: 3.75vw;
                text-align: justify;
                margin-top: 5%; } }
        .process__main-article .article-startBtn {
          display: none;
          margin: 0 auto;
          cursor: pointer;
          position: absolute;
          bottom: 40px;
          right: 130px;
          width: 147px; }
          @media print, screen and (max-width: 767px) {
            .process__main-article .article-startBtn {
              position: static;
              text-align: center;
              font-size: 12px;
              font-size: 3.75vw;
              width: 37.2549%;
              margin: 8% auto 2%; } }
  .process__link {
    display: inline-block;
    width: 454px;
    margin: 30px auto 0; }
    @media print, screen and (max-width: 767px) {
      .process__link {
        width: 84.6875%;
        margin-top: 6.25%; } }
    @media print, screen and (min-width: 768px) {
      .process__link:hover {
        opacity: 0.9; } }

.voice {
  margin-top: 80px; }
  @media print, screen and (max-width: 767px) {
    .voice {
      margin-top: 11.71875%; } }
  .voice__scroll {
    margin: 0 auto; }
  .voice__ttl {
    width: 339px;
    margin: 75px auto 0; }
    @media print, screen and (max-width: 767px) {
      .voice__ttl {
        width: 57.8125%;
        margin: 12.5% auto 7.8125%; } }
  .voice__contents {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 50px;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center; }
    @media print, screen and (max-width: 767px) {
      .voice__contents {
        display: block;
        margin: 0;
        margin-left: -1%; } }
  .voice .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    margin: 0 auto; }
  .voice .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    height: 10px;
    margin: 3px 0; }
  .voice .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #888; }
  .voice .mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #a8a8a8; }
  .voice .mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #888; }
  .voice .mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #a8a8a8; }
  .voice .voice {
    height: 410px;
    border-radius: 50%;
    position: relative;
    padding-left: 60px; }
    @media print, screen and (max-width: 767px) {
      .voice .voice {
        padding: 0; } }
    .voice .voice:last-child {
      padding-right: 60px; }
      @media print, screen and (max-width: 767px) {
        .voice .voice:last-child {
          padding: 0; } }
    @media print, screen and (max-width: 767px) {
      .voice .voice {
        width: 88vw;
        height: 88vw;
        margin: 10.9375% auto; }
        .voice .voice:nth-child(1) {
          margin-top: 0;
          margin-left: auto; } }
    .voice .voice__inner {
      width: 100%;
      height: 100%;
      border-radius: 50%;
      overflow: hidden; }
    .voice .voice__img {
      width: 410px;
      margin-top: -10px;
      height: 228px;
      overflow: hidden; }
      @media print, screen and (max-width: 767px) {
        .voice .voice__img {
          width: 88vw;
          height: 45vw; } }
    .voice .voice__article {
      width: 240px;
      height: 185px;
      margin: -20px auto 0;
      background: #fff;
      position: relative;
      z-index: 2;
      border-radius: 5px;
      text-align: center; }
      @media print, screen and (max-width: 767px) {
        .voice .voice__article {
          width: 50vw;
          height: 50vw;
          margin-top: -7%; } }
      .voice .voice__article.s {
        width: 300px; }
        @media print, screen and (max-width: 767px) {
          .voice .voice__article.s {
            width: 53vw; } }
      .voice .voice__article-ttl {
        font-size: 18px;
        padding-top: 14px;
        color: #cc0033; }
        .voice .voice__article-ttl.blue {
          color: #002c8d; }
        @media print, screen and (max-width: 767px) {
          .voice .voice__article-ttl {
            letter-spacing: normal;
            font-size: 11px;
            font-size: 3.4375vw;
            padding-top: 5%; } }
        .voice .voice__article-ttl span {
          display: block;
          margin-top: 5px;
          font-weight: bold; }
          @media print, screen and (max-width: 767px) {
            .voice .voice__article-ttl span {
              margin-top: 3%; } }
      .voice .voice__article-txt {
        margin-top: 15px;
        font-size: 12px;
        line-height: 1.6;
        text-align: left;
        width: 135%;
        margin-left: -15%;
        text-align: center;
        letter-spacing: 0.05em; }
        @media print, screen and (max-width: 767px) {
          .voice .voice__article-txt {
            margin-top: 7%;
            font-size: 9px;
            font-size: 2.8125vw;
            width: 80vw;
            text-align: center;
            margin-left: -15vw;
            line-height: 1.8;
            letter-spacing: normal; } }
    .voice .voice__frame {
      position: absolute;
      top: -10px;
      left: 50px;
      width: 430px;
      height: auto;
      z-index: 2; }
      @media print, screen and (max-width: 767px) {
        .voice .voice__frame {
          width: 91vw;
          margin-left: 0.5%;
          margin-top: 0.5%;
          left: -10px; } }
    .voice .voice__list {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
      font-size: 15px;
      line-height: 1.5; }
      @media print, screen and (max-width: 767px) {
        .voice .voice__list {
          display: block;
          font-weight: bold; } }
      .voice .voice__list01, .voice .voice__list02 {
        box-sizing: border-box;
        width: 340px;
        height: 110px;
        border: 1px solid #ccc;
        padding: 15px;
        overflow-y: scroll;
        margin: 25px 18px 0; }
        @media print, screen and (max-width: 767px) {
          .voice .voice__list01, .voice .voice__list02 {
            width: 92.1875%;
            margin: 3.38983% auto;
            height: 30vw;
            font-size: 12px;
            font-size: 3.75vw; } }
      @media print, screen and (max-width: 767px) {
        .voice .voice__list02 {
          margin: 5.08475% auto; } }
    .voice .voice__more {
      width: 50.84746%;
      margin: 0 auto;
      display: none; }
    .voice .voice__link {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      width: 980px;
      margin: 0 auto; }
      @media print, screen and (max-width: 767px) {
        .voice .voice__link {
          display: block;
          width: 100%;
          margin-bottom: 12.5%; } }
      .voice .voice__link-btn {
        display: block;
        width: 454px;
        margin: 40px auto 70px; }
        .voice .voice__link-btn:nth-of-type(2) {
          pointer-events: none; }
        @media print, screen and (max-width: 767px) {
          .voice .voice__link-btn {
            width: 85.15625%;
            margin: 7.8125% auto 0; } }

.report__ttl {
  width: 458px;
  margin: 0 auto;
  padding-top: 85px; }
  @media print, screen and (max-width: 767px) {
    .report__ttl {
      width: 78.125%;
      padding-top: 12.5%; } }

.report .event__slide {
  margin-top: 30px;
  background: #002c8d;
  padding: 10px 0; }
  @media print, screen and (max-width: 767px) {
    .report .event__slide {
      margin-top: 7.03125%;
      padding: 1.5625% 0 9.375%; } }
  .report .event__slide-wrapper {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    width: 1250px;
    margin: 0 auto;
    position: relative; }
    @media print, screen and (max-width: 767px) {
      .report .event__slide-wrapper {
        width: 100%;
        display: block; } }
  .report .event__slide-txt {
    width: 610px;
    padding-left: 5px;
    color: #fff;
    position: relative;
    z-index: 2; }
    @media print, screen and (max-width: 767px) {
      .report .event__slide-txt {
        width: 92.1875%;
        margin: 0 auto;
        padding: 0; } }
    .report .event__slide-txt .eventTtl {
      font-size: 29px;
      line-height: 1.4;
      font-weight: bold;
      letter-spacing: -0.01em; }
      @media print, screen and (max-width: 767px) {
        .report .event__slide-txt .eventTtl {
          line-height: 1.6;
          font-size: 18px;
          font-size: 5.625vw;
          margin-top: 7.8125%; } }
      .report .event__slide-txt .eventTtl .small {
        font-size: 22px;
        line-height: normal;
        display: block;
        line-height: 1.6; }
        @media print, screen and (max-width: 767px) {
          .report .event__slide-txt .eventTtl .small {
            font-size: 13px;
            font-size: 4.0625vw; } }
      .report .event__slide-txt .eventTtl .brakets {
        margin-left: -0.5em; }
    .report .event__slide-txt .eventTxt {
      margin-top: 25px;
      line-height: 1.5;
      font-weight: normal;
      font-size: 14px; }
      @media print, screen and (max-width: 767px) {
        .report .event__slide-txt .eventTxt {
          margin-top: 6.25%;
          font-size: 12.5px;
          font-size: 3.90625vw;
          line-height: 1.8; } }
      .report .event__slide-txt .eventTxt.brakets, .report .event__slide-txt .eventTxt .brakets {
        text-indent: -0.5em;
        display: inline-block; }
        @media print, screen and (max-width: 767px) {
          .report .event__slide-txt .eventTxt.brakets.pci, .report .event__slide-txt .eventTxt .brakets.pci {
            display: inline; } }
      .report .event__slide-txt .eventTxt__sup {
        font-size: 12px; }
        @media print, screen and (max-width: 767px) {
          .report .event__slide-txt .eventTxt__sup {
            font-size: 11px;
            font-size: 3.4375vw;
            display: inline-block;
            line-height: normal; } }
    .report .event__slide-txt .eventLink {
      margin: 30px auto 0;
      width: 312px; }
      .report .event__slide-txt .eventLink .sp {
        display: none; }
      @media print, screen and (max-width: 767px) {
        .report .event__slide-txt .eventLink {
          margin-top: 7.8125%;
          width: 85%; }
          .report .event__slide-txt .eventLink .sp {
            display: block; }
          .report .event__slide-txt .eventLink .pc {
            display: none; } }
      @media print, screen and (min-width: 768px) {
        .report .event__slide-txt .eventLink:hover {
          opacity: 0.8; } }
    .report .event__slide-txt .eventNum {
      position: absolute;
      top: 10px;
      left: 0;
      font-size: 210px;
      color: #002576;
      letter-spacing: -0.05em;
      z-index: -1; }
      @media print, screen and (max-width: 767px) {
        .report .event__slide-txt .eventNum {
          font-size: 115.5px;
          font-size: 36.09375vw;
          top: -5vw; } }
  .report .event__slide-img {
    width: 625px;
    height: auto; }
    @media print, screen and (max-width: 767px) {
      .report .event__slide-img {
        width: 100%; } }

.report .event__thumbnail {
  width: 1250px;
  margin: 8px auto;
  position: relative; }
  @media print, screen and (max-width: 767px) {
    .report .event__thumbnail {
      width: 100%;
      margin-top: 1.2%; } }
  .report .event__thumbnail .slick-current {
    opacity: 0.6; }
  .report .event__thumbnail-img {
    width: 200px !important;
    height: 130px;
    overflow: hidden;
    position: relative;
    cursor: pointer;
    display: block; }
    @media print, screen and (max-width: 767px) {
      .report .event__thumbnail-img {
        width: 100% !important;
        height: 32vw;
        padding: 0 2%;
        margin: 0;
        box-sizing: border-box; } }
    .report .event__thumbnail-img::after {
      content: '';
      width: 100%;
      height: 100%;
      position: absolute;
      left: 0;
      top: 0;
      background: #000;
      opacity: 0.4; }
      @media print, screen and (max-width: 767px) {
        .report .event__thumbnail-img::after {
          width: 96%;
          left: 2%; } }
    .report .event__thumbnail-img .thumbnail__txt {
      font-size: 15px;
      color: #fff;
      position: absolute;
      top: 50%;
      -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
              transform: translateY(-50%);
      width: 100%;
      text-align: center;
      z-index: 2;
      line-height: 1.5; }
      @media print, screen and (max-width: 767px) {
        .report .event__thumbnail-img .thumbnail__txt {
          width: 96%;
          letter-spacing: 0.02em;
          font-size: 11px;
          font-size: 3.4375vw; } }
    @media print, screen and (min-width: 768px) {
      .report .event__thumbnail-img:hover {
        opacity: 0.6; } }
    .report .event__thumbnail-img.slick-current {
      opacity: 0.6; }

.report .recycle__slide {
  margin-top: 60px;
  background: #cc0033; }
  @media print, screen and (max-width: 767px) {
    .report .recycle__slide {
      margin-top: 7.03125%; } }
  .report .recycle__slide-article {
    padding: 10px 0; }
    @media print, screen and (max-width: 767px) {
      .report .recycle__slide-article {
        padding: 10px 0 35px; } }
  .report .recycle__slide-wrapper {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 1250px;
    margin: 0 auto;
    position: relative; }
    @media print, screen and (max-width: 767px) {
      .report .recycle__slide-wrapper {
        width: 100%;
        display: block; } }
  .report .recycle__slide-img {
    width: 625px; }
    @media print, screen and (max-width: 767px) {
      .report .recycle__slide-img {
        width: 100%; } }
  .report .recycle__slide-txt {
    width: 585px;
    color: #fff;
    margin-left: 20px;
    position: relative;
    z-index: 2; }
    @media print, screen and (max-width: 767px) {
      .report .recycle__slide-txt {
        width: 92.1875%;
        margin: 0 auto; } }
    .report .recycle__slide-txt .slide-ttl {
      font-size: 30px;
      line-height: 1.5;
      font-weight: bold;
      margin-top: 30px;
      letter-spacing: 0.01em; }
      @media print, screen and (max-width: 767px) {
        .report .recycle__slide-txt .slide-ttl {
          font-size: 18px;
          font-size: 5.625vw;
          margin-top: 9.32203%; } }
    .report .recycle__slide-txt .slide-txt {
      margin-top: 25px;
      line-height: 1.8;
      font-weight: normal; }
      @media print, screen and (max-width: 767px) {
        .report .recycle__slide-txt .slide-txt {
          font-size: 12px;
          font-size: 3.75vw;
          margin-top: 3.38983%; } }
    .report .recycle__slide-txt .slide-link {
      display: inline-block;
      border: 1px solid #fff;
      margin-top: 35px;
      color: #fff;
      padding: 10px 8px 8px;
      border-radius: 10px;
      cursor: default;
      pointer-events: none; }
      .report .recycle__slide-txt .slide-link:hover {
        opacity: 1; }
      @media print, screen and (max-width: 767px) {
        .report .recycle__slide-txt .slide-link {
          display: block;
          pointer-events: auto;
          text-align: center;
          width: 60%;
          margin: 9.32203% auto 0;
          padding: 3.5% 4% 3%;
          font-size: 12px;
          font-size: 3.75vw; } }
    .report .recycle__slide-txt .slide-num {
      position: absolute;
      top: 10px;
      right: 0;
      font-size: 210px;
      color: #be0030;
      letter-spacing: -0.05em;
      z-index: -1; }
      @media print, screen and (max-width: 767px) {
        .report .recycle__slide-txt .slide-num {
          font-size: 115.5px;
          font-size: 36.09375vw;
          top: -5.5vw; } }

.report .recycle__thumbnail {
  width: 1250px;
  margin: 8px auto;
  position: relative; }
  @media print, screen and (max-width: 767px) {
    .report .recycle__thumbnail {
      width: 100%;
      margin-top: 1.2%; } }
  .report .recycle__thumbnail .slick-current {
    opacity: 0.6; }
  .report .recycle__thumbnail-img {
    width: 200px !important;
    height: 130px;
    overflow: hidden;
    position: relative;
    cursor: pointer;
    display: block; }
    @media print, screen and (max-width: 767px) {
      .report .recycle__thumbnail-img {
        width: 100% !important;
        height: auto;
        padding: 0 2%;
        margin: 0;
        box-sizing: border-box; } }
    .report .recycle__thumbnail-img::after {
      content: '';
      width: 100%;
      height: 100%;
      position: absolute;
      left: 0;
      top: 0;
      background: #000;
      opacity: 0.4; }
      @media print, screen and (max-width: 767px) {
        .report .recycle__thumbnail-img::after {
          width: 96%;
          left: 2%; } }
    .report .recycle__thumbnail-img .thumbnail__txt {
      font-size: 15px;
      color: #fff;
      position: absolute;
      top: 50%;
      -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
              transform: translateY(-50%);
      width: 100%;
      text-align: center;
      z-index: 2;
      line-height: 1.5; }
      @media print, screen and (max-width: 767px) {
        .report .recycle__thumbnail-img .thumbnail__txt {
          letter-spacing: 0.02em;
          font-size: 11px;
          font-size: 3.4375vw;
          width: 96%; } }
    @media print, screen and (min-width: 768px) {
      .report .recycle__thumbnail-img:hover {
        opacity: 0.6; } }
    .report .recycle__thumbnail-img.slick-current {
      opacity: 0.6; }

.report .recycle__link {
  display: block;
  width: 206px;
  margin: 30px auto 0; }
  @media print, screen and (max-width: 767px) {
    .report .recycle__link {
      width: 50%;
      margin-top: 8%; } }

.coop {
  background: #d2a003;
  margin-top: 50px; }
  @media print, screen and (max-width: 767px) {
    .coop {
      margin-top: 9.375%; } }
  .coop__inner {
    width: 1250px;
    padding: 50px 0 10px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    margin: 0 auto; }
    @media print, screen and (max-width: 767px) {
      .coop__inner {
        width: 100%;
        display: block;
        padding: 9.375% 0 12.5%; } }
  .coop__txtArea {
    width: 530px; }
    @media print, screen and (max-width: 767px) {
      .coop__txtArea {
        width: 92.1875%;
        margin: 4.6875% auto 0; } }
    .coop__txtArea-ttl {
      font-size: 30px;
      color: #fff;
      line-height: 1.4; }
      @media print, screen and (max-width: 767px) {
        .coop__txtArea-ttl {
          font-size: 18px;
          font-size: 5.625vw; } }
    .coop__txtArea-txt {
      font-size: 14px;
      color: #fff;
      line-height: 1.6;
      margin-top: 15px;
      font-weight: normal; }
      @media print, screen and (max-width: 767px) {
        .coop__txtArea-txt {
          font-size: 12.5px;
          font-size: 3.90625vw;
          margin-top: 5.08475%; } }
      .coop__txtArea-txt span {
        display: block;
        margin-top: 10px; }
        @media print, screen and (max-width: 767px) {
          .coop__txtArea-txt span {
            margin-top: 3.62319%; } }
  .coop__img {
    width: 667px; }
    @media print, screen and (max-width: 767px) {
      .coop__img {
        width: 93.90625%;
        margin: 0 auto; } }

.footer__logo {
  margin: 50px auto 40px;
  width: 153px; }
  @media print, screen and (max-width: 767px) {
    .footer__logo {
      width: 32.03125%;
      margin: 7.03125% auto 5.46875%; } }

.footer__back {
  display: block;
  text-align: center;
  background: #f5f5f5;
  padding: 14px 0 12px; }
  @media print, screen and (max-width: 767px) {
    .footer__back {
      padding: 2.03125% 0 2.03125%; } }
  .footer__back img {
    width: 40px;
    margin: 0 auto; }
    @media print, screen and (max-width: 767px) {
      .footer__back img {
        width: 6.25%; } }

.footer__cr {
  text-align: center;
  background: #012063;
  color: #fff;
  font-weight: normal;
  padding: 28px 0 25px; }
  @media print, screen and (max-width: 767px) {
    .footer__cr {
      padding: 3.90625% 0; } }
  .footer__cr img {
    width: 446px; }
    @media print, screen and (max-width: 767px) {
      .footer__cr img {
        width: 70.3125%; } }

.p-report {
  width: 1000px;
  margin: 0 auto; }
  @media print, screen and (max-width: 767px) {
    .p-report {
      width: 92%; } }
  .p-report__ttl {
    width: 458px;
    margin: 0 auto;
    padding-top: 85px; }
  .p-report__subTtl {
    font-size: 32px;
    font-weight: bold;
    color: #002c8d;
    margin-top: 80px;
    line-height: 1.5;
    text-indent: -0.5em; }
    @media print, screen and (max-width: 767px) {
      .p-report__subTtl {
        font-size: 25px;
        font-size: 7.8125vw;
        margin-top: 8.69565%; } }
  .p-report__txt {
    margin-top: 50px;
    line-height: 1.8; }
    @media print, screen and (max-width: 767px) {
      .p-report__txt {
        margin-top: 8.69565%;
        font-size: 14px;
        font-size: 4.375vw; } }
  .p-report__img {
    width: 700px;
    margin: 40px auto 0; }
    @media print, screen and (max-width: 767px) {
      .p-report__img {
        width: 100%;
        margin-top: 8.69565%; } }
  .p-report__close {
    margin: 80px auto;
    width: 312px; }
    @media print, screen and (max-width: 767px) {
      .p-report__close {
        margin: 14.49275% auto;
        width: 55.07246%; } }