svg {
  font-size: 0;
  width: 100%; }
  svg .white {
    fill: #FFF; }

@-webkit-keyframes loading-cube {
  0%,
  100% {
    -webkit-transform: scale(0);
    transform: scale(0); }
  50% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  75% {
    -webkit-transform: scale(1);
    transform: scale(1); } }

@keyframes loading-cube {
  0%,
  100% {
    -webkit-transform: scale(0);
    transform: scale(0); }
  50% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  75% {
    -webkit-transform: scale(1);
    transform: scale(1); } }

@-webkit-keyframes rotate {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes rotate {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

.intro__date {
  font-size: 1.6rem;
  line-height: 1;
  margin-bottom: 24px;
  text-align: center;
  color: #F56A23; }
  @media screen and (max-width: 1200px) {
    .intro__date {
      font-size: 1.33333vw;
      margin: 0 auto 2vw; } }
  @media screen and (max-width: 900px) {
    .intro__date {
      font-size: 2.33333vw; } }
  @media screen and (max-width: 600px) {
    .intro__date {
      font-size: 3.73333vw;
      margin: 0 auto 4.26667vw; } }

.intro__tag {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  max-width: 780px;
  margin: 0 auto; }
  @media screen and (max-width: 900px) {
    .intro__tag {
      width: 100%; } }
  .intro__tag__item {
    width: 130px;
    height: 40px;
    padding: 5px; }
    @media screen and (max-width: 600px) {
      .intro__tag__item {
        width: 50%;
        height: auto;
        min-height: 40px; } }
    .intro__tag__item > span {
      font-size: 1.2rem;
      line-height: 30px;
      display: block;
      width: 100%;
      -webkit-transition: all .3s;
      -o-transition: all .3s;
      transition: all .3s;
      text-align: center;
      color: #000;
      border: 1px solid #000; }
      @media screen and (max-width: 1200px) {
        .intro__tag__item > span {
          font-size: 1vw; } }
      @media screen and (max-width: 900px) {
        .intro__tag__item > span {
          font-size: 1.66667vw; } }
      @media screen and (max-width: 600px) {
        .intro__tag__item > span {
          font-size: 2.66667vw; } }
  .intro__tag__anchor {
    font-size: 1.2rem;
    line-height: 30px;
    display: block;
    width: 100%;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    text-align: center;
    color: #000;
    border: 1px solid #000; }
    @media screen and (max-width: 1200px) {
      .intro__tag__anchor {
        font-size: 1vw; } }
    @media screen and (max-width: 900px) {
      .intro__tag__anchor {
        font-size: 1.66667vw; } }
    @media screen and (max-width: 600px) {
      .intro__tag__anchor {
        font-size: 2.66667vw; } }
    .intro__tag__anchor:hover {
      color: #F56A23;
      border-color: #F56A23; }

.newsSelecter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: -4px; }
  @media screen and (max-width: 600px) {
    .newsSelecter {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      width: 93.69085%;
      margin: 0 auto; } }
  .newsSelecter__block {
    line-height: 55px;
    position: relative;
    width: 200px;
    color: #FFF;
    background: #000; }
    @media screen and (max-width: 600px) {
      .newsSelecter__block {
        line-height: 16vw;
        width: 100%;
        max-width: 79.2vw; } }
    .newsSelecter__block + .newsSelecter__block {
      margin-left: 20px; }
      @media screen and (max-width: 600px) {
        .newsSelecter__block + .newsSelecter__block {
          margin-top: 2.66667vw;
          margin-left: 0; } }
  .newsSelecter__select {
    font-size: 1.6rem;
    position: relative;
    padding: 0 14px; }
    @media screen and (max-width: 600px) {
      .newsSelecter__select {
        font-size: 4.8vw;
        padding: 0 4.26667vw; } }
    .newsSelecter__select:after {
      position: absolute;
      top: 50%;
      right: 20px;
      display: block;
      content: '';
      -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
      transform: translate(0, -50%);
      content: "\f107";
      font-family: FontAwesome;
      line-height: 1; }
      @media screen and (max-width: 600px) {
        .newsSelecter__select:after {
          font-size: 4.8vw;
          right: 2.66667vw; } }
  .newsSelecter__list {
    font-size: 1.6rem;
    position: absolute;
    z-index: 999;
    top: 55px;
    left: 0;
    display: none;
    width: 100%;
    background: #000; }
    @media screen and (max-width: 600px) {
      .newsSelecter__list {
        font-size: 4.8vw;
        top: 16vw; } }
    .newsSelecter__list li {
      padding: 0 14px;
      border-top: 1px solid #FFF; }
      @media screen and (max-width: 600px) {
        .newsSelecter__list li {
          padding: 0 4.26667vw; } }
      .newsSelecter__list li.selected {
        background: #F56A23; }
      .newsSelecter__list li:hover {
        background: #F56A23; }

.news__detail {
  font-size: 1.6rem;
  max-width: 780px;
  margin: 96px auto 0; }
  @media screen and (max-width: 1200px) {
    .news__detail {
      font-size: 1.33333vw;
      margin: 8vw auto 0; } }
  @media screen and (max-width: 900px) {
    .news__detail {
      font-size: 2.33333vw; } }
  @media screen and (max-width: 600px) {
    .news__detail {
      font-size: 3.73333vw;
      margin: 12.8vw auto 0; } }
  .news__detail__wrapper:before {
    top: -56px; }
    @media screen and (max-width: 1200px) {
      .news__detail__wrapper:before {
        top: -4.66667vw; } }
    @media screen and (max-width: 600px) {
      .news__detail__wrapper:before {
        top: -7.46667vw; } }
  .news__detail p, .news__detail img {
    margin-top: 20px;
    display: block; }

.newsPost__wrapper {
  margin-top: 88px; }
  @media screen and (max-width: 1200px) {
    .newsPost__wrapper {
      margin-top: vp_pc(88); } }
  @media screen and (max-width: 900px) {
    .newsPost__wrapper {
      margin-top: vp_pc(85); } }
  @media screen and (max-width: 600px) {
    .newsPost__wrapper {
      margin-top: 11.33333vw; } }
  .newsPost__wrapper:before {
    top: -56px; }
    @media screen and (max-width: 1200px) {
      .newsPost__wrapper:before {
        top: vp_pc(-56); } }
    @media screen and (max-width: 900px) {
      .newsPost__wrapper:before {
        top: vp_pc(-45); } }
    @media screen and (max-width: 600px) {
      .newsPost__wrapper:before {
        top: -6vw; } }

.newsPost__item:before {
  content: none; }

.newsPost__img {
  margin-bottom: 20px; }
  @media screen and (max-width: 1200px) {
    .newsPost__img {
      margin-bottom: vp_pc(20); } }
  @media screen and (max-width: 900px) {
    .newsPost__img {
      margin-bottom: vp_pc(24); } }
  @media screen and (max-width: 600px) {
    .newsPost__img {
      margin-bottom: vp_sp(25); } }
  .newsPost__img__anchor {
    display: block;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s; }
    .newsPost__img__anchor:hover {
      opacity: .7; }

.newsPost__date {
  font-size: 1.6rem;
  line-height: 1;
  margin-bottom: 20px;
  color: #F56A23; }
  @media screen and (max-width: 1200px) {
    .newsPost__date {
      margin-bottom: vp_pc(20); } }
  @media screen and (max-width: 900px) {
    .newsPost__date {
      margin-bottom: vp_pc(16); } }
  @media screen and (max-width: 600px) {
    .newsPost__date {
      font-size: 3.73333vw;
      margin-bottom: 2.13333vw; } }

.newsPost__ttl {
  font-size: 0;
  margin-bottom: 16px; }
  @media screen and (max-width: 1200px) {
    .newsPost__ttl {
      margin-bottom: vp_pc(16); } }
  @media screen and (max-width: 900px) {
    .newsPost__ttl {
      margin-bottom: vp_pc(24); } }
  @media screen and (max-width: 600px) {
    .newsPost__ttl {
      font-size: 2.66667vw;
      margin-bottom: 3.2vw; } }
  .newsPost__ttl__anchor {
    line-height: 1;
    display: inline-block;
    max-width: 100%;
    color: #000; }
    .newsPost__ttl__anchor:hover {
      color: #F56A23; }
      .newsPost__ttl__anchor:hover span:before {
        left: 0;
        visibility: visible; }
    .newsPost__ttl__anchor span {
      font-size: 2.2rem;
      position: relative;
      display: inline-block;
      overflow: hidden;
      width: 100%;
      padding-bottom: 3px;
      white-space: nowrap;
      -o-text-overflow: ellipsis;
      text-overflow: ellipsis; }
      @media screen and (max-width: 600px) {
        .newsPost__ttl__anchor span {
          font-size: 4.53333vw; } }
      .newsPost__ttl__anchor span:before {
        position: absolute;
        bottom: 0;
        left: -100%;
        visibility: hidden;
        width: 100%;
        height: 2px;
        content: '';
        -webkit-transition: all .3s;
        -o-transition: all .3s;
        transition: all .3s;
        background: #F97223; }

.newsPost__tag {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  .newsPost__tag__item {
    font-size: 1.2rem;
    width: calc( ( 100% - 20px ) / 3);
    max-width: 120px;
    height: 30px;
    margin-left: 10px; }
    @media screen and (max-width: 1200px) {
      .newsPost__tag__item {
        width: calc( ( 100% - 10px ) / 2);
        margin-left: 0; }
        .newsPost__tag__item:nth-of-type(odd) {
          margin-right: 10px; }
        .newsPost__tag__item:nth-of-type(n+3) {
          margin-top: 10px; } }
    @media screen and (max-width: 900px) {
      .newsPost__tag__item {
        height: auto; } }
    @media screen and (max-width: 600px) {
      .newsPost__tag__item {
        font-size: 2.66667vw;
        max-width: 100%; } }
    @media (min-width: 1201px) and (-ms-high-contrast: none) {
      .newsPost__tag__item {
        width: calc( ( 100% - 22px ) / 3); } }
    @media (max-width: 1200px) and (-ms-high-contrast: none) {
      .newsPost__tag__item {
        width: calc( ( 100% - 11px ) / 2); } }
    .newsPost__tag__item:nth-of-type(3n+1) {
      margin-left: 0; }
    .newsPost__tag__item:nth-of-type(n+4) {
      margin-top: 10px; }
    .newsPost__tag__item > span {
      line-height: 28px;
      position: relative;
      display: block;
      height: 100%;
      -webkit-transition: all .3s;
      -o-transition: all .3s;
      transition: all .3s;
      text-align: center;
      color: #000;
      border: 1px solid #000; }
  .newsPost__tag__anchor {
    position: relative;
    display: block;
    height: 100%;
    min-height: 30px;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    text-align: center;
    color: #000;
    border: 1px solid #000; }
    .newsPost__tag__anchor:hover {
      color: #F56A23;
      border: 1px solid #F56A23; }
    .newsPost__tag__anchor span {
      position: relative;
      top: 50%;
      left: 0;
      display: inline-block;
      -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
      transform: translate(0, -50%); }

.newsPost__txt {
  margin-bottom: 24px; }
  @media screen and (max-width: 1200px) {
    .newsPost__txt {
      margin-bottom: vp_pc(24); } }
  @media screen and (max-width: 900px) {
    .newsPost__txt {
      margin-bottom: vp_pc(24); } }
  @media screen and (max-width: 600px) {
    .newsPost__txt {
      margin-bottom: 3.2vw; } }

.newsPost__more {
  margin-top: 80px; }
  @media screen and (max-width: 600px) {
    .newsPost__more {
      margin-top: 10.66667vw; } }
  .newsPost__more a {
    font-size: 2rem;
    line-height: 60px;
    position: relative;
    z-index: 0;
    display: block;
    overflow: hidden;
    width: 100%;
    max-width: 280px;
    margin: 0 auto;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    text-align: center;
    text-indent: -.5em;
    color: #FFF;
    background: #F56A23; }
    @media screen and (max-width: 600px) {
      .newsPost__more a {
        font-size: 4.8vw;
        line-height: 16vw; } }
    @media screen and (max-width: 500px) {
      .newsPost__more a {
        font-size: 4.53333vw;
        max-width: none; } }
    .newsPost__more a:before {
      position: absolute;
      z-index: -1;
      top: -100%;
      left: 0;
      display: block;
      width: 100%;
      height: 100%;
      content: '';
      -webkit-transition: all .3s;
      -o-transition: all .3s;
      transition: all .3s;
      background: #000; }
    .newsPost__more a:after {
      position: absolute;
      top: 50%;
      left: calc( 50% + 2.5em + .5em);
      content: '';
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      content: "\f107";
      font-family: FontAwesome;
      line-height: 1; }
    .newsPost__more a:hover:not([href='javascript:void(0);']) {
      color: #FFF; }
      .newsPost__more a:hover:not([href='javascript:void(0);']):before {
        top: 0; }

.newsPost__error {
  display: none;
  width: 100%;
  margin: 0 auto; }
  .newsPost__error__img {
    margin-bottom: 20px;
    text-align: center; }
    .newsPost__error__img img {
      font-size: 0;
      line-height: 1; }
  .newsPost__error__ttl {
    font-size: 4rem;
    line-height: 1;
    margin-top: 20px;
    margin-bottom: 30px;
    text-align: center;
    color: #000; }
  .newsPost__error__txt {
    font-size: 1.6rem;
    line-height: 1.5;
    text-align: center; }

.newsPost__loading {
  display: none; }
  .newsPost__loading__block {
    position: relative;
    width: 60px;
    height: 60px;
    margin: 20px auto 0; }
  .newsPost__loading__cube {
    float: left;
    width: calc( 100% / 3);
    height: calc( 100% / 3);
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-animation: loading-cube 1.3s infinite ease-in-out;
    animation: loading-cube 1.3s infinite ease-in-out; }
    .newsPost__loading__cube:nth-of-type(odd) {
      background: #F56A23; }
    .newsPost__loading__cube:nth-of-type(even) {
      background: #1B1B1B; }
    .newsPost__loading__cube--7 {
      -webkit-animation-delay: 0s;
      animation-delay: 0s; }
    .newsPost__loading__cube--4, .newsPost__loading__cube--8 {
      -webkit-animation-delay: .1s;
      animation-delay: .1s; }
    .newsPost__loading__cube--1, .newsPost__loading__cube--5, .newsPost__loading__cube--9 {
      -webkit-animation-delay: .2s;
      animation-delay: .2s; }
    .newsPost__loading__cube--2, .newsPost__loading__cube--6 {
      -webkit-animation-delay: .3s;
      animation-delay: .3s; }
    .newsPost__loading__cube--3 {
      -webkit-animation-delay: .4s;
      animation-delay: .4s; }

.pagination {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 80px;
  margin-bottom: 80px;
  padding: 10px 0 7px;
  border-top: 2px solid #000;
  border-bottom: 2px solid #000; }
  @media screen and (max-width: 600px) {
    .pagination {
      font-size: 3.73333vw;
      margin-top: 40px;
      margin-bottom: 40px;
      padding: 7px 0; } }
  .pagination__list__anchor {
    font-weight: bold;
    position: relative;
    display: block;
    overflow: hidden;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    color: #000; }
    .pagination__list__anchor:before {
      display: block;
      width: 36px;
      height: 36px;
      margin: 0 auto 7px;
      content: '';
      -webkit-transition: all .3s;
      -o-transition: all .3s;
      transition: all .3s;
      background: url(../img/performance/pagination-list.png) no-repeat center; }
    .pagination__list__anchor:after {
      position: absolute;
      bottom: -2px;
      left: 0;
      display: block;
      width: 100%;
      height: 2px;
      content: '';
      -webkit-transition: all .3s;
      -o-transition: all .3s;
      transition: all .3s;
      background: #000; }
    .pagination__list__anchor:hover:before {
      background: url(../img/performance/pagination-list-hover.png) no-repeat center; }
    .pagination__list__anchor:hover:after {
      bottom: 0; }
  .pagination__next__anchor {
    font-weight: bold;
    position: relative;
    display: inline-block;
    padding-right: 30px;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    color: #000; }
    .pagination__next__anchor:after {
      position: absolute;
      top: 50%;
      right: 10px;
      -webkit-transition: right .3s;
      -o-transition: right .3s;
      transition: right .3s;
      -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
      transform: translate(0, -50%);
      content: "\f054";
      font-family: FontAwesome;
      line-height: 1; }
    .pagination__next__anchor:hover {
      color: #F56A23; }
      .pagination__next__anchor:hover:after {
        right: 0; }
        @media screen and (max-width: 600px) {
          .pagination__next__anchor:hover:after {
            right: 10px; } }
      .pagination__next__anchor:hover span:after {
        left: 0;
        background: #F56A23; }
    .pagination__next__anchor span {
      position: relative;
      display: inline-block;
      overflow: hidden;
      vertical-align: middle; }
      .pagination__next__anchor span:after {
        position: absolute;
        bottom: 0;
        left: -100%;
        display: block;
        width: 100%;
        height: 2px;
        content: '';
        -webkit-transition: all .3s;
        -o-transition: all .3s;
        transition: all .3s;
        background: #000; }
  .pagination__next__none {
    font-weight: bold;
    position: relative;
    display: inline-block;
    padding-right: 30px;
    color: #9C9C9C; }
    .pagination__next__none:after {
      position: absolute;
      top: 50%;
      right: 10px;
      -webkit-transition: right .3s;
      -o-transition: right .3s;
      transition: right .3s;
      -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
      transform: translate(0, -50%);
      content: "\f054";
      font-family: FontAwesome;
      line-height: 1; }
  .pagination__prev__anchor {
    font-weight: bold;
    position: relative;
    display: inline-block;
    padding-left: 30px;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    color: #000; }
    .pagination__prev__anchor:before {
      position: absolute;
      top: 50%;
      left: 10px;
      -webkit-transition: left .3s;
      -o-transition: left .3s;
      transition: left .3s;
      -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
      transform: translate(0, -50%);
      content: "\f053";
      font-family: FontAwesome;
      line-height: 1; }
    .pagination__prev__anchor:hover {
      color: #F56A23; }
      .pagination__prev__anchor:hover:before {
        left: 0; }
        @media screen and (max-width: 600px) {
          .pagination__prev__anchor:hover:before {
            left: 10px; } }
      .pagination__prev__anchor:hover span:after {
        right: 0;
        background: #F56A23; }
    .pagination__prev__anchor span {
      position: relative;
      display: inline-block;
      overflow: hidden;
      vertical-align: middle; }
      .pagination__prev__anchor span:after {
        position: absolute;
        right: -100%;
        bottom: 0;
        display: block;
        width: 100%;
        height: 2px;
        content: '';
        -webkit-transition: all .3s;
        -o-transition: all .3s;
        transition: all .3s;
        background: #000; }
  .pagination__prev__none {
    font-weight: bold;
    position: relative;
    display: inline-block;
    padding-left: 30px;
    color: #9C9C9C; }
    .pagination__prev__none:before {
      position: absolute;
      top: 50%;
      left: 10px;
      -webkit-transition: left .3s;
      -o-transition: left .3s;
      transition: left .3s;
      -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
      transform: translate(0, -50%);
      content: "\f053";
      font-family: FontAwesome;
      line-height: 1; }

.error__cont {
  font-weight: bold;
  position: relative; }
  .error__cont__404 {
    font-size: 21rem;
    font-weight: bold;
    line-height: .75;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
    @media screen and (max-width: 1200px) {
      .error__cont__404 {
        font-size: 17.5vw; } }
    @media screen and (max-width: 900px) {
      .error__cont__404 {
        font-size: 28vw; } }
    .error__cont__404Txt--sec {
      position: relative;
      display: block;
      width: 160px;
      margin: 0 21px; }
      @media screen and (max-width: 1200px) {
        .error__cont__404Txt--sec {
          width: 13.33333vw;
          margin: 0 1.75vw; } }
      @media screen and (max-width: 900px) {
        .error__cont__404Txt--sec {
          width: 21.33333vw;
          margin: 0 2.8vw; } }
      .error__cont__404Txt--sec svg {
        -webkit-animation: rotate 5s alternate ease-in-out infinite;
        animation: rotate 5s alternate ease-in-out infinite; }
    .error__cont__404Txt--sry {
      font-size: 2.8rem;
      position: absolute;
      top: calc( 50% - .1em);
      left: 50%;
      display: block;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      text-stroke: 0.1px #FFF;
      -webkit-text-stroke: 0.1px #FFF; }
      @media all and (-ms-high-contrast: none) {
        .error__cont__404Txt--sry {
          text-shadow: #FFF -0.1px 0px, #FFF 0.9px -1px , #FFF 0px -0.1px, #FFF 1px 0.9px , #FFF 0.1px 0px, #FFF -0.9px 1px , #FFF 0px 0.1px, #FFF -1px -0.9px; } }
      @media screen and (max-width: 1200px) {
        .error__cont__404Txt--sry {
          font-size: 2.41667vw; } }
      @media screen and (max-width: 900px) {
        .error__cont__404Txt--sry {
          font-size: 3.86667vw;
          text-stroke: 1px #FFF;
          -webkit-text-stroke: 1px #FFF; } }