@media screen and (min-width: 639px) {  .l-news {    width: 960px;    margin: 0 auto;    background-color: #f2f2f2;    box-shadow: 0 2px rgba(144, 144, 144, 0.4);  }  .l-news .l-news__heading {    line-height: 25px;    font-size: 20px;    padding: 5px;    min-width: 15%;    text-align: center;    background-color: #f2f2f2;    color: #000;    letter-spacing: 20px;    border: 1px solid rgb(38, 135, 214);    border-bottom: none;  }  .l-news .l-news__area {    background: #fff;    border: 1px solid rgb(38, 135, 214);    border-bottom: none;    border-top: none;  }  .l-news .l-news__area .l-news__item.switch {    display: none;  }  .l-news .l-news__area.list-on .l-news__item.switch {    display: block;  }  .l-news .l-news__items {    font-size: 16px;    padding: 10px 40px;    line-height: 3;  }  .l-news__items .l-news__item {    border-bottom: #1c3358 1px dashed;    padding-left: 20px;  }  .l-news .l-news__items .l-news__date {    margin: 10px 20px 10px 0;    font-size: 16px;    letter-spacing: 0.1em;    font-weight: normal;    padding-right: 25px;  }  .l-news .l-news__listlnk {    text-align: right;    margin: 0 40px 10px 0;  }  .l-news__button {    width: 960px;    height: 30px;    margin: 0 auto 10px;    background-color: #f2f2f2;    border: 1px solid rgb(38, 135, 214);    border-top: none;  }    .l-news__button .arrow {    display: block;    margin: 0 auto;    left: 4px;    position: relative;    width: 25px;    height: 25px;    -webkit-border-radius: 50%;    border-radius: 50%;    background: #005fa4;    content:"";  }  .l-news__button.up .arrow {    -webkit-transform: rotate(180deg);    transform: rotate(180deg);  }.l-news__button .arrow:after{    top: 6px;    left: 8px;    width: 10px;    height: 10px;    border-top: 3px solid #fff;    border-right: 3px solid #fff;    -webkit-transform: rotate(135deg);    transform: rotate(135deg);    position: absolute;    content:"";}}@media screen and (max-width: 640px) {  .l-news {    width: 100%;    background-color: #f2f2f2;    box-shadow: 0 2px rgba(144, 144, 144, 0.4);  }  .l-news .l-news__heading {    line-height: 28px;    font-size: 20px;    padding: 5px 0;    text-align: center;    background-color: #f2f2f2;    color: #000;    letter-spacing: 15px;    border: 1px solid rgb(38, 135, 214);    border-bottom: none;  }  .l-news .l-news__area {    background: #fff;    border: 1px solid rgb(38, 135, 214);    border-bottom: none;    border-top: none;  }  .l-news .l-news__area .l-news__item.switch {    display: none;  }  .l-news .l-news__area.list-on .l-news__item.switch {    display: block;  }  .l-news .l-news__items {    font-size: 16px;    padding: 10px 5px;    line-height: 1.5;  }  .l-news__items .l-news__item {    border-bottom: #1c3358 1px dashed;    padding: 10px 0 10px 20px;  }  .l-news__items .l-news__item a {    padding-left: 10px;  }  .l-news .l-news__items .l-news__date {    display: block;    letter-spacing: 0.1em;  }  .l-news .l-news__listlnk {    text-align: right;    margin: 0 40px 10px 0;  }  .l-news__button {    width: 100%;    height: 30px;    margin: 0 auto 10px;    background-color: #f2f2f2;    border: 1px solid rgb(38, 135, 214);    border-top: none;  }  .l-news__button .arrow {    display: block;    margin: 0 auto;    left: 4px;    position: relative;    width: 25px;    height: 25px;    -webkit-border-radius: 50%;    border-radius: 50%;    background: #005fa4;    content:"";  }  .l-news__button.up .arrow {    -webkit-transform: rotate(180deg);    transform: rotate(180deg);  }.l-news__button .arrow:after{    top: 6px;    left: 8px;    width: 10px;    height: 10px;    border-top: 3px solid #fff;    border-right: 3px solid #fff;    -webkit-transform: rotate(135deg);    transform: rotate(135deg);    position: absolute;    content:"";}}