.stories {
  padding: 45px 15px; }
  .stories .story li {
    width: 100%;
    height: 250px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
    margin: 0 auto 2px; }
    .stories .story li.staff1 {
      background-image: url("../images/bg_story1.jpg"); }
      @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 2dppx) {
        .stories .story li.staff1 {
          background-image: url("../images/bg_story1@2x.jpg"); } }
    .stories .story li.staff2 {
      background-image: url("../images/bg_story2.jpg"); }
      @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 2dppx) {
        .stories .story li.staff2 {
          background-image: url("../images/bg_story2@2x.jpg"); } }
    .stories .story li.staff3 {
      background-image: url("../images/bg_story3.jpg"); }
      @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 2dppx) {
        .stories .story li.staff3 {
          background-image: url("../images/bg_story3@2x.jpg"); } }
    .stories .story li.staff4 {
      background-image: url("../images/bg_story4.jpg"); }
      @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 2dppx) {
        .stories .story li.staff4 {
          background-image: url("../images/bg_story4@2x.jpg"); } }
    .stories .story li a {
      display: block;
      height: 100%;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      font-size: 20px;
      font-weight: bold;
      color: #FFF;
      text-decoration: none;
      line-height: 1.3;
      background-color: rgba(96, 96, 96, 0.7);
      padding: 45px 40px;
      position: relative;
      -webkit-transition: background-color 0.5s ease 0s;
      transition: background-color 0.5s ease 0s; }
      .stories .story li a:hover {
        background-color: rgba(96, 96, 96, 0.8); }
      .stories .story li a span {
        font-size: 14px;
        font-weight: normal;
        position: absolute;
        background: url("../images/bg_icon-arrow.png") no-repeat center right;
        padding-right: 15px;
        bottom: 15px;
        right: 20px; }
        @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 2dppx) {
          .stories .story li a span {
            background: url("../images/bg_icon-arrow@2x.png") no-repeat center right; } }

.storyArticle {
  padding: 40px 0; }
  .storyArticle__header {
    padding: 0 15px;
    margin-bottom: 20px; }
    .storyArticle__header h1 {
      font-size: 24px;
      line-height: 1.5;
      margin-bottom: 20px; }
    .storyArticle__header p {
      font-size: 14px;
      color: #535D60;
      line-height: 1.8; }
  .storyArticle__content .storyImage {
    width: 100%;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
    padding-top: 72.463%;
    margin-bottom: 20px; }
    .storyArticle__content .storyImage.staff1-1 {
      background-image: url("../images/bg_pic-staff1-1-SP.jpg"); }
      @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 2dppx) {
        .storyArticle__content .storyImage.staff1-1 {
          background-image: url("../images/bg_pic-staff1-1-SP@2x.jpg"); } }
    .storyArticle__content .storyImage.staff2-1 {
      background-image: url("../images/bg_pic-staff2-1-SP.jpg"); }
      @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 2dppx) {
        .storyArticle__content .storyImage.staff2-1 {
          background-image: url("../images/bg_pic-staff2-1-SP@2x.jpg"); } }
    .storyArticle__content .storyImage.staff3-1 {
      background-image: url("../images/bg_pic-staff3-1-SP.jpg"); }
      @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 2dppx) {
        .storyArticle__content .storyImage.staff3-1 {
          background-image: url("../images/bg_pic-staff3-1-SP@2x.jpg"); } }
    .storyArticle__content .storyImage.staff1-2 {
      background-image: url("../images/bg_pic-staff1-2-SP.jpg"); }
      @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 2dppx) {
        .storyArticle__content .storyImage.staff1-2 {
          background-image: url("../images/bg_pic-staff1-2-SP@2x.jpg"); } }
    .storyArticle__content .storyImage.staff2-2 {
      background-image: url("../images/bg_pic-staff2-2-SP.jpg"); }
      @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 2dppx) {
        .storyArticle__content .storyImage.staff2-2 {
          background-image: url("../images/bg_pic-staff2-2-SP@2x.jpg"); } }
    .storyArticle__content .storyImage.staff3-2 {
      background-image: url("../images/bg_pic-staff3-2-SP.jpg"); }
      @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 2dppx) {
        .storyArticle__content .storyImage.staff3-2 {
          background-image: url("../images/bg_pic-staff3-2-SP@2x.jpg"); } }
    .storyArticle__content .storyImage.staff1-3 {
      background-image: url("../images/bg_pic-staff1-3-SP.jpg"); }
      @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 2dppx) {
        .storyArticle__content .storyImage.staff1-3 {
          background-image: url("../images/bg_pic-staff1-3-SP@2x.jpg"); } }
    .storyArticle__content .storyImage.staff2-3 {
      background-image: url("../images/bg_pic-staff2-3-SP.jpg"); }
      @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 2dppx) {
        .storyArticle__content .storyImage.staff2-3 {
          background-image: url("../images/bg_pic-staff2-3-SP@2x.jpg"); } }
    .storyArticle__content .storyImage.staff3-3 {
      background-image: url("../images/bg_pic-staff3-3-SP.jpg"); }
      @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 2dppx) {
        .storyArticle__content .storyImage.staff3-3 {
          background-image: url("../images/bg_pic-staff3-3-SP@2x.jpg"); } }
    .storyArticle__content .storyImage.staff1-4 {
      background-image: url("../images/bg_pic-staff1-4-SP.jpg"); }
      @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 2dppx) {
        .storyArticle__content .storyImage.staff1-4 {
          background-image: url("../images/bg_pic-staff1-4-SP@2x.jpg"); } }
    .storyArticle__content .storyImage.staff2-4 {
      background-image: url("../images/bg_pic-staff2-4-SP.jpg"); }
      @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 2dppx) {
        .storyArticle__content .storyImage.staff2-4 {
          background-image: url("../images/bg_pic-staff2-4-SP@2x.jpg"); } }
    .storyArticle__content .storyImage.staff3-4 {
      background-image: url("../images/bg_pic-staff3-4-SP.jpg"); }
      @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 2dppx) {
        .storyArticle__content .storyImage.staff3-4 {
          background-image: url("../images/bg_pic-staff3-4-SP@2x.jpg"); } }
    .storyArticle__content .storyImage.staff4-1 {
      background-image: url("../images/bg_pic-staff4-1-SP.jpg"); }
      @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 2dppx) {
        .storyArticle__content .storyImage.staff4-1 {
          background-image: url("../images/bg_pic-staff4-1-SP@2x.jpg"); } }
    .storyArticle__content .storyImage.staff4-2 {
      background-image: url("../images/bg_pic-staff4-2-SP.jpg"); }
      @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 2dppx) {
        .storyArticle__content .storyImage.staff4-2 {
          background-image: url("../images/bg_pic-staff4-2-SP@2x.jpg"); } }
    .storyArticle__content .storyImage.staff4-3 {
      background-image: url("../images/bg_pic-staff4-3-SP.jpg"); }
      @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 2dppx) {
        .storyArticle__content .storyImage.staff4-3 {
          background-image: url("../images/bg_pic-staff4-3-SP@2x.jpg"); } }
    .storyArticle__content .storyImage.staff4-4 {
      background-image: url("../images/bg_pic-staff4-4-SP.jpg"); }
      @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 2dppx) {
        .storyArticle__content .storyImage.staff4-4 {
          background-image: url("../images/bg_pic-staff4-4-SP@2x.jpg"); } }
  .storyArticle__content h2 {
    font-size: 20px;
    line-height: 1.3;
    padding: 0 15px;
    margin-bottom: 20px; }
  .storyArticle__content dl {
    font-size: 14px;
    color: #535D60;
    padding: 0 15px;
    margin-bottom: 20px; }
    .storyArticle__content dl dt {
      font-weight: bold;
      line-height: 1.5;
      margin-bottom: 10px; }
    .storyArticle__content dl dd {
      line-height: 1.8; }

@media all and (min-width: 769px) {
  .stories .story li {
    width: 720px;
    max-width: 720px;
    height: 350px;
    margin: 0 auto 30px; }
    .stories .story li.staff1 {
      background-image: url("../images/bg_story1.jpg"); }
    .stories .story li.staff2 {
      background-image: url("../images/bg_story2.jpg"); }
    .stories .story li.staff3 {
      background-image: url("../images/bg_story3.jpg"); }
    .stories .story li.staff4 {
      background-image: url("../images/bg_story4.jpg"); }
    .stories .story li a {
      font-size: 30px;
      padding: 40px; }
      .stories .story li a span {
        font-size: 24px; }
  .storyArticle {
    width: 720px;
    margin: 0 auto;
    padding: 50px 0; }
    .storyArticle__header {
      padding: 0;
      margin-bottom: 40px; }
      .storyArticle__header h1 {
        font-size: 34px; }
      .storyArticle__header p {
        font-size: 16px; }
    .storyArticle__content .storyImage {
      width: 720px;
      height: 480px;
      padding-top: 0;
      margin: 0 auto 40px; }
      .storyArticle__content .storyImage.staff1-1 {
        background-image: url("../images/bg_pic-staff1-1-PC.jpg"); }
      .storyArticle__content .storyImage.staff2-1 {
        background-image: url("../images/bg_pic-staff2-1-PC.jpg"); }
      .storyArticle__content .storyImage.staff3-1 {
        background-image: url("../images/bg_pic-staff3-1-PC.jpg"); }
      .storyArticle__content .storyImage.staff1-2 {
        background-image: url("../images/bg_pic-staff1-2-PC.jpg"); }
      .storyArticle__content .storyImage.staff2-2 {
        background-image: url("../images/bg_pic-staff2-2-PC.jpg"); }
      .storyArticle__content .storyImage.staff3-2 {
        background-image: url("../images/bg_pic-staff3-2-PC.jpg"); }
      .storyArticle__content .storyImage.staff1-3 {
        background-image: url("../images/bg_pic-staff1-3-PC.jpg"); }
      .storyArticle__content .storyImage.staff2-3 {
        background-image: url("../images/bg_pic-staff2-3-PC.jpg"); }
      .storyArticle__content .storyImage.staff3-3 {
        background-image: url("../images/bg_pic-staff3-3-PC.jpg"); }
      .storyArticle__content .storyImage.staff1-4 {
        background-image: url("../images/bg_pic-staff1-4-PC.jpg"); }
      .storyArticle__content .storyImage.staff2-4 {
        background-image: url("../images/bg_pic-staff2-4-PC.jpg"); }
      .storyArticle__content .storyImage.staff3-4 {
        background-image: url("../images/bg_pic-staff3-4-PC.jpg"); }
      .storyArticle__content .storyImage.staff4-1 {
        background-image: url("../images/bg_pic-staff4-1-PC.jpg"); }
      .storyArticle__content .storyImage.staff4-2 {
        background-image: url("../images/bg_pic-staff4-2-PC.jpg"); }
      .storyArticle__content .storyImage.staff4-3 {
        background-image: url("../images/bg_pic-staff4-3-PC.jpg"); }
      .storyArticle__content .storyImage.staff4-4 {
        background-image: url("../images/bg_pic-staff4-4-PC.jpg"); }
    .storyArticle__content h2 {
      font-size: 34px;
      padding: 0;
      margin-bottom: 30px; }
    .storyArticle__content dl {
      font-size: 16px;
      padding: 0;
      margin-bottom: 40px; } }