@charset "UTF-8";
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/*         o°        o°        o°                                         °o        °o        °o         */
/*        O         O         O                  PRESS LIST                 O         O         O        */
/* ><(((°>   ><(((°>   ><(((°>                                               <°)))><   <°)))><   <°)))>< */
/* _-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_ */
/* .o° .o° .o° .o° .o° .o° Intro °o. °o. °o. °o. °o. °o. */
.press .mainPage .pageTop-introText .intro h2 {
  font: 600 32px/118% "HelveticaNeue", sans-serif;
  color: #000;
  padding: 0 0 20px 0; }
.press .mainPage .pageTop-introText .intro a.mail {
  font: 600 16px/118% "HelveticaNeue", sans-serif;
  color: #891660; }
  .press .mainPage .pageTop-introText .intro a.mail span::before {
    font: 600 16px/118% "HelveticaNeue", sans-serif; }
  .press .mainPage .pageTop-introText .intro a.mail:hover {
    color: #61280D; }
.press .mainPage .pageTop-introText .intro p {
  padding-bottom: 5px; }

/* .o° .o° .o° .o° .o° .o° List °o. °o. °o. °o. °o. °o. */
.pressList {
  padding: 45px 45px 0 45px;
  text-align: left; }
  .pressList li {
    display: inline-block;
    width: 320px;
    padding: 0 75px 45px 0;
    position: relative;
    vertical-align: top; }
    .pressList li:nth-child(3n) {
      padding-right: 0; }
    .pressList li p {
      position: absolute;
      top: 0;
      left: 0;
      text-align: left;
      font: 600 14px/118% "HelveticaNeue", sans-serif;
      color: #fff;
      text-transform: uppercase;
      overflow: hidden;
      width: 308px;
      height: 60px;
      padding: 12px 0 0 12px; }
      .pressList li p span {
        position: relative;
        z-index: 2; }
      .pressList li p::after {
        content: '';
        position: absolute;
        bottom: 73px;
        right: 86px;
        z-index: 1;
        display: block;
        width: 250px;
        height: 200px;
        background: rgba(0, 0, 0, 0.3);
        -webkit-transform: rotate(-17deg);
        -ms-transform: rotate(-17deg);
        transform: rotate(-17deg);
        transform-origin: right bottom; }
    .pressList li .img {
      width: 320px;
      height: 320px;
      overflow: hidden;
      position: relative;
      transition: all 0.2s ease-in-out; }
      .pressList li .img img {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        width: 100%;
        transition: all 0.2s ease-in-out; }
    .pressList li a {
      display: block;
      width: 320px;
      overflow: hidden; }
      .pressList li a:hover p {
        border-top-left-radius: 15px; }
      .pressList li a:hover .img {
        border-radius: 15px;
        background: #000; }
        .pressList li a:hover .img img {
          width: 110%;
          opacity: 0.9; }
    .pressList li h3 {
      height: 68px;
      text-align: center;
      display: block;
      padding: 10px 0 0 0;
      font: 600 18px/118% "HelveticaNeue", sans-serif;
      color: #000; }
      .pressList li h3 span {
        text-transform: uppercase; }

/* nununununununununununununununununununununununununununununununununununu */
/* .o° .o° .o° .o° .o° .o° Press list responsive °o. °o. °o. °o. °o. °o. */
/* nununununununununununununununununununununununununununununununununununu */
@media all and (max-width: 1220px) {
  /* .o° .o° .o° .o° .o° .o° Intro °o. °o. °o. °o. °o. °o. */
  .press .mainPage .pageTop-introText .intro h2 {
    font-size: 29px; }

  /* .o° .o° .o° .o° .o° .o° List °o. °o. °o. °o. °o. °o. */
  .pressList {
    text-align: center; }
    .pressList li {
      padding: 0 75px 45px 0px; }
      .pressList li:nth-child(3n) {
        padding: 0 75px 45px 0px; }
      .pressList li:nth-child(2n) {
        padding-right: 0; }
      .pressList li h3 {
        font-size: 17px; } }
@media all and (max-width: 920px) {
  /* .o° .o° .o° .o° .o° .o° Intro °o. °o. °o. °o. °o. °o. */
  .press .mainPage .pageTop-introText .intro h2 {
    font-size: 25px; }

  /* .o° .o° .o° .o° .o° .o° List °o. °o. °o. °o. °o. °o. */
  .pressList {
    padding: 45px 0 0 0; }
    .pressList li {
      padding: 0 0 30px 0;
      display: block;
      margin: 0 auto; }
      .pressList li:nth-child(2n), .pressList li:nth-child(3n) {
        padding: 0 0 30px 0; } }
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/*         o°        o°        o°                                         °o        °o        °o         */
/*        O         O         O                  PRESS PAGE                 O         O         O        */
/* ><(((°>   ><(((°>   ><(((°>                                               <°)))><   <°)))><   <°)))>< */
/* _-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_ */
.pressContent {
  padding: 65px 45px 0 45px; }
  .pressContent iframe {
    width: 100%;
    height: 1000px;
    border: none; }
  .pressContent p {
    font: 400 19px/118% "HelveticaNeue", sans-serif;
    color: #000;
    padding: 0 0 40px 0; }
    .pressContent p strong {
      font-weight: 600; }
    .pressContent p a {
      font-weight: 600;
      color: #F39E00;
      text-decoration: underline;
      /* button */ }
      .pressContent p a:hover {
        text-decoration: none; }
      .pressContent p a.pressButton {
        display: inline-block;
        background: rgba(243, 158, 0, 0.5);
        color: #de6300;
        border-radius: 4px;
        padding: 5px 10px 5px 35px;
        text-decoration: none;
        font-size: 17px;
        font-variant: small-caps;
        line-height: 22px;
        position: relative;
        margin: 20px 0 0 0; }
        .pressContent p a.pressButton::before {
          content: '';
          display: inline-block;
          position: absolute;
          top: 5px;
          left: 10px;
          width: 15px;
          height: 21px;
          margin: 0 10px 0 0;
          background: url("../img/fileIcon.svg") no-repeat 0 0/100% auto; }
        .pressContent p a.pressButton::after {
          content: '\25b6 ';
          display: inline-block;
          padding: 0 0 0 10px; }
        .pressContent p a.pressButton:hover {
          background: #de6300;
          color: #fff; }

/* nununununununununununununununununununununununununununununununununununu */
/* .o° .o° .o° .o° .o° .o° Press page responsive °o. °o. °o. °o. °o. °o. */
/* nununununununununununununununununununununununununununununununununununu */
@media all and (max-width: 920px) {
  .pressContent {
    padding: 40px 15px 0 15px; }
    .pressContent iframe {
      height: 600px; } }

/*# sourceMappingURL=press.css.map */