.area-attention {
  background: rgba(0, 174, 187, 0.1); }
  .area-attention, .area-attention * {
    box-sizing: border-box; }
  .area-attention img {
    max-width: 100%;
    height: auto;
    display: block;
    margin-bottom: 15px; }
  .area-attention a {
    display: block;
    text-decoration: none;
    position: relative;
    font-size: 16px;
    transition: .5s; }
    .area-attention a:hover {
      opacity: 0.6; }
  .area-attention strong {
    color: #333;
    display: inline-block; }
  .area-attention .slide {
    padding: 0 25px;
    position: relative; }
  .area-attention .slick-slide {
    margin: 0 15px; }
  .area-attention .arrow {
    width: 30px;
    height: 30px;
    position: absolute;
    border-bottom: 6px solid #666;
    top: 50%;
    margin-top: -15px;
    transition: .5s;
    cursor: pointer; }
    .area-attention .arrow:hover {
      opacity: 0.6; }
  .area-attention .prev {
    left: 0;
    transform: rotate(45deg);
    border-left: 6px solid #666; }
  .area-attention .next {
    right: 0;
    transform: rotate(-45deg);
    border-right: 6px solid #666; }
  .area-attention .new {
    background: #D33131;
    color: #FFF;
    display: inline-block;
    font-size: 80%;
    padding: 0 0.5em;
    margin-right: 0.5em; }
  @media screen and (max-width: 640px) {
    .area-attention {
      padding: 30px 20px; }
      .area-attention .slide {
        padding: 0 15px; }
      .area-attention .slick-slide {
        margin: 0 10px; }
      .area-attention .arrow {
        width: 20px;
        height: 20px;
        border-bottom-width: 4px;
        margin-top: -10px; }
      .area-attention .prev {
        border-left-width: 4px; }
      .area-attention .next {
        border-right-width: 4px; } }