@media screen and (min-width: 769px), print {
  .news {
    padding: 40px 0 129px;
  }
  .news_lst li {
    padding: 26px 0 23px;
    border-bottom: 1px dotted #7d7d7d;
  }
  .news_lst li:last-child {
    border-bottom: none;
  }
  .news_lst li a {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
  }
  .news_lst li a:hover .arrow i::before {
    -webkit-transform: translateX(3px);
       -moz-transform: translateX(3px);
        -ms-transform: translateX(3px);
            transform: translateX(3px);
  }
  .news_lst li time {
    width: 176px;
    padding: 0 10px;
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    color: #0068b7;
    font-size: 1.8rem;
    letter-spacing: .75px;
  }
  .news_lst li em {
    font-style: normal;
    font-size: 1.6rem;
    color: #343434;
    display: inline-block;
    width: 716px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0 10px 0 1px;
  }
  .news_lst li .arrow {
    width: -webkit-calc(100% - 176px - 716px);
    width: -moz-calc(100% - 176px - 716px);
    width: calc(100% - 176px - 716px);
    text-align: right;
    padding: 0 10px;
  }
  .news_lst li .arrow i {
    position: relative;
    font-style: normal;
    display: inline-block;
    padding-left: 23px;
    color: #343434;
    font-size: 1.6rem;
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    letter-spacing: .75px;
  }
  .news_lst li .arrow i::before {
    content: '';
    position: absolute;
    left: 0;
    top: 4px;
    background: url("../images/arr_circle.png") no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    width: 17px;
    height: 17px;
    -webkit-transition: -webkit-transform .35s ease;
    transition: -webkit-transform .35s ease;
    -moz-transition: transform .35s ease, -moz-transform .35s ease;
    transition: transform .35s ease;
    transition: transform .35s ease, -webkit-transform .35s ease, -moz-transform .35s ease;
  }
  .news_pagi {
    text-align: center;
    margin-top: 70px;
  }
  .news_pagi li {
    display: inline-block;
    vertical-align: middle;
    margin-right: 11px;
  }
  .news_pagi li a {
    border: 1px solid #0069b1;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 32px;
    height: 32px;
    padding: 2px;
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    color: #0068b7;
    font-size: 1.8rem;
    background: transparent;
  }
  .news_pagi li a.active, .news_pagi li a:hover {
    color: #fff;
    background: #0069b1;
    opacity: 1;
  }
  .news_pagi li a.prev {
    border: none;
    width: auto;
    font-size: 1.6rem;
    color: #343434;
    position: relative;
    padding-right: 17px;
    letter-spacing: .75px;
    margin-left: 2px;
  }
  .news_pagi li a.prev::after {
    content: '';
    position: absolute;
    right: 0;
    top: 10px;
    background: url("../images/arr_left_p.png") no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    width: 69px;
    height: 11px;
    -webkit-transition: -webkit-transform .35s ease;
    transition: -webkit-transform .35s ease;
    -moz-transition: transform .35s ease, -moz-transform .35s ease;
    transition: transform .35s ease;
    transition: transform .35s ease, -webkit-transform .35s ease, -moz-transform .35s ease;
  }
  .news_pagi li a.prev:hover {
    background: transparent;
  }
  .news_pagi li a.prev:hover::after {
    -webkit-transform: translateX(5px);
       -moz-transform: translateX(5px);
        -ms-transform: translateX(5px);
            transform: translateX(5px);
  }
  .news_pagi li a.next {
    border: none;
    width: auto;
    font-size: 1.6rem;
    color: #343434;
    position: relative;
    padding-right: 17px;
    letter-spacing: .75px;
    margin-left: 2px;
  }
  .news_pagi li a.next::after {
    content: '';
    position: absolute;
    right: 0;
    top: 10px;
    background: url("../images/arr_right.png") no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    width: 7px;
    height: 11px;
    -webkit-transition: -webkit-transform .35s ease;
    transition: -webkit-transform .35s ease;
    -moz-transition: transform .35s ease, -moz-transform .35s ease;
    transition: transform .35s ease;
    transition: transform .35s ease, -webkit-transform .35s ease, -moz-transform .35s ease;
  }
  .news_pagi li a.next:hover {
    background: transparent;
  }
  .news_pagi li a.next:hover::after {
    -webkit-transform: translateX(5px);
       -moz-transform: translateX(5px);
        -ms-transform: translateX(5px);
            transform: translateX(5px);
  }
  /*-----end news style ----*/
  .news_detail {
    padding: 65px 0 129px;
  }
  .news_detail .inner_small {
    max-width: 900px;
  }
  .news_detail time {
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    color: #0068b7;
    font-size: 1.8rem;
    letter-spacing: .75px;
  }
  .news_detail h3 {
    font-size: 2.6rem;
    line-height: 38px;
    font-weight: 600;
    border-bottom: 2px solid #d2d2d2;
    padding: 4px 0 15px;
    color: #000;
  }
  .news_detail figure {
    margin: 30px 0 32px;
  }
  .news_detail figure img {
    max-width: 100%;
  }
  .news_detail p {
    font-size: 1.6rem;
    line-height: 28px;
    color: #343434;
    letter-spacing: .5px;
  }
  .news_detail p.padd_btm {
    padding-bottom: 28px;
  }
  .news_detail_btn {
    margin: 93px auto 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .news_detail_btn .default_btn {
    color: #fff;
  }
  .news_detail_btn .default_btn::after {
    left: 21px;
    top: 22px;
    right: auto;
    -webkit-transform: none;
       -moz-transform: none;
        -ms-transform: none;
            transform: none;
    background: url("../images/arr_left.png") 0 0 no-repeat;
    -moz-background-size: contain;
         background-size: contain;
  }
  .news_detail_btn .default_btn:hover {
    color: #0068b7;
  }
  .news_detail_btn .default_btn:hover::after {
    background: url("../images/arr_left_hv.png") no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    -webkit-transform: translateX(-5px);
       -moz-transform: translateX(-5px);
        -ms-transform: translateX(-5px);
            transform: translateX(-5px);
  }
  .ie .news_lst li em {
    padding-top: 3px;
  }
}

@media screen and (max-width: 768px) {
  .news {
    padding: 5.20833vw 0 15.625vw;
  }
  .news_lst li {
    padding: 3.125vw 0;
    border-bottom: 1px dotted #7d7d7d;
  }
  .news_lst li:last-child {
    border-bottom: none;
  }
  .news_lst li a {
    display: block;
  }
  .news_lst li time {
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    color: #0068b7;
    font-size: 4.16667vw;
    letter-spacing: 0.26042vw;
  }
  .news_lst li em {
    font-style: normal;
    font-size: 4.16667vw;
    line-height: 7.03125vw;
    color: #343434;
    display: inline-block;
  }
  .news_lst li .arrow {
    display: none;
  }
  .news_pagi {
    text-align: center;
    margin-top: 9.89583vw;
  }
  .news_pagi li {
    display: inline-block;
    vertical-align: middle;
    margin-right: 1.5625vw;
  }
  .news_pagi li a {
    border: 1px solid #0069b1;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 8.33333vw;
    height: 8.33333vw;
    padding: 0.65104vw;
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    color: #0068b7;
    font-size: 4.16667vw;
    background: transparent;
  }
  .news_pagi li a.active {
    color: #fff;
    background: #0069b1;
    opacity: 1;
  }
  .news_pagi li a.next {
    border: none;
    width: auto;
    font-size: 4.16667vw;
    color: #343434;
    position: relative;
    padding-right: 3.90625vw;
  }
  .news_pagi li a.next::after {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    background: url("../images/arr_right.png") no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    width: 1.82292vw;
    height: 2.86458vw;
  }
  .news_pagi li a.prev {
    border: none;
    width: auto;
    font-size: 4.16667vw;
    color: #343434;
    position: relative;
    padding-right: 3.90625vw;
  }
  .news_pagi li a.prev::after {
    content: '';
    position: absolute;
    right: 56px;
    top: 50%;
    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    background: url("../images/arr_left_p.png") no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    width: 1.82292vw;
    height: 2.86458vw;
  }
  /*-----end news style ----*/
  .news_detail {
    padding: 8.85417vw 0 15.625vw;
  }
  .news_detail time {
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    color: #0068b7;
    font-size: 4.16667vw;
  }
  .news_detail h3 {
    font-size: 5.46875vw;
    line-height: 1.4;
    font-weight: 600;
    border-bottom: 2px solid #d2d2d2;
    padding: 0.78125vw 0 2.34375vw;
    color: #000;
  }
  .news_detail figure {
    margin: 4.16667vw 0;
  }
  .news_detail figure img {
    max-width: 100%;
  }
  .news_detail p {
    font-size: 4.16667vw;
    line-height: 7.03125vw;
    color: #343434;
  }
  .news_detail p.padd_btm {
    padding-bottom: 4.16667vw;
  }
  .news_detail_btn {
    margin: 12.5vw auto 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .news_detail_btn .default_btn {
    color: #fff;
  }
  .news_detail_btn .default_btn::after {
    left: 2.73438vw;
    right: auto;
    background: url("../images/arr_left.png") 0 0 no-repeat;
    -moz-background-size: contain;
         background-size: contain;
  }
  .news_detail_btn .default_btn::before {
    top: -1px;
  }
}