/***************************************************************************
*
* INDEX STYLE
*
***************************************************************************/
#header .header-bar .logo { z-index: 2; position: relative; }

#main { margin-top: -39px; z-index: 1; margin-bottom: 49px; }
#main .main-slide { position: relative; border-bottom-left-radius: 29px; border-bottom-right-radius: 29px; box-shadow: 0px 7px 12px rgba(213, 212, 212, 0.61); margin-bottom: 0px; }
#main .main-slide .slick-dots { bottom: 18px; right: 26.5px; text-align: right; }
#main .main-slide .slick-dots li { margin: 0 1px 0 0; }
#main .main-slide .slick-dots li button:before { font-size: 1.05rem; color: #eee; opacity: 1; }
#main .main-slide .slick-dots li.slick-active button:before { color: #000; }
#main .main-slide .item-slide { position: relative; }
#main .main-slide .item-slide a { display: block; }
#main .main-slide .item-slide a:before { content: ""; position: absolute; border: 4px solid #fff; width: 99.3%; height: 99%; top: -1px; left: 0; border-bottom-left-radius: 27px; border-bottom-right-radius: 27px; z-index: 1; }
#main .main-slide .item-slide img { border-bottom-left-radius: 28px; border-bottom-right-radius: 28px; transform: translateY(-1px); }

.area-select { position: relative; }
.area-select .area-box { padding: 46px 40px 39px 40px; }
.area-select .area-box .box-select { position: relative; }
.area-select .area-box .box-select .item-select { padding: 0 20px; }
.area-select .area-box .box-select .slick-slide img { width: 100%; }
.area-select .area-box .box-select .slick-prev { width: 16px; height: 46px; left: -30px; }
.area-select .area-box .box-select .slick-prev:before { content: ""; position: absolute; background: url(../images/index/icon-arrow-prev.png) no-repeat; background-size: 100% 100%; top: 50%; left: 0; width: 16px; height: 46px; transform: translateY(-50%); }
.area-select .area-box .box-select .slick-next { width: 16px; height: 46px; right: -30px; }
.area-select .area-box .box-select .slick-next:before { content: ""; position: absolute; background: url(../images/index/icon-arrow-next.png) no-repeat; background-size: 100% 100%; top: 50%; right: 0; width: 16px; height: 46px; transform: translateY(-50%); }
.area-select .area-icon-right { right: 40px; }

.area-media { padding-top: 50px; }
.area-media .area-box { display: flex; flex-wrap: wrap; padding: 0; }
.area-media .area-box .media-news { position: relative; width: 555px; padding: 70px 39px 58px 40px; border-right: 10px solid #eeeeee; }
.area-media .area-box .media-news .area-icon-left { top: -29px; left: 60px; }
.area-media .area-box .media-news .news-list { margin-bottom: 40px; }
.area-media .area-box .media-news .news-list li { border-bottom: 1px dotted #999999; padding: 21px 10px 17px 0; }
.area-media .area-box .media-news .news-list .list-time { margin-bottom: 10px; }
.area-media .area-box .media-news .news-list .list-time .time-date { display: inline-block; vertical-align: middle; font-weight: 600; color: #999999; letter-spacing: 1.5px; margin-right: 15px; }
.area-media .area-box .media-news .news-list .list-time .time-effic { display: inline-block; vertical-align: middle; font-size: 1.2rem; margin-top: -1px; }
.area-media .area-box .media-news .news-list .list-time .time-effic a { display: inline-block; width: 100%; padding: 3px 8px 3px 9px; border-radius: 5px; color: #999999; background-color: #eeeeee; margin-top: -2px; letter-spacing: 0.3px; }
.area-media .area-box .media-news .news-list .list-sub { font-size: 1.6rem; }
.area-media .area-box .media-news .news-list .list-sub a { color: #f56161; word-break: break-all; }
.area-media .area-box .media-news .area-button a { width: 450px; font-weight: 600; font-size: 1.8rem; padding: 8px 0 5px; }
.area-media .area-box .media-netw { width: 545px; }
.area-media .area-box .media-netw .netw-twitter { position: relative; padding: 73px 34px 40px 40px; border-bottom: 10px solid #eeeeee; margin-bottom: 48px; }
.area-media .area-box .media-netw .netw-twitter .area-icon { position: absolute; width: 344px; top: -21px; right: 29px; }
.area-media .area-box .media-netw .netw-twitter .twitter-main { overflow: hidden; }
.area-media .area-box .media-netw .netw-twitter .twitter-main .top-frame { overflow-y: scroll; -webkit-overflow-scrolling: touch; height: 357px; background: #fff; }
.area-media .area-box .media-netw .netw-youtube { position: relative; padding: 73px 34px 35px 40px; }
.area-media .area-box .media-netw .netw-youtube .area-icon { position: absolute; width: 286px; top: -18px; right: 61px; }
.area-media .area-box .media-netw .netw-youtube .video iframe { width: 465px; height: 262px; }

@media (max-width: 768px) { #header .header-bar { background: #FFF; border-radius: 0; box-shadow: none; }
  #header .header-bar .logo { margin-top: -15px; margin-bottom: 0; transform: translate(-11px, 10px); }
  #main { margin-top: -3px; margin-bottom: 30px; }
  #main .inner-lg { padding: 0; }
  #main .inner-lg .main-slide { width: calc(100% - 10px); margin: 0 auto; }
  #main .inner-lg .main-slide .item-slide a:before { content: ""; position: absolute; width: calc(100% - 8px); height: 98.3%; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; z-index: 1; top: -3px; }
  #main .inner-lg .main-slide .item-slide img { border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; transform: translateY(-1px); }
  #main .inner-lg .main-slide .slick-dots { bottom: 7px; right: 11px; }
  #main .inner-lg .main-slide .slick-dots li { margin: 0; }
  #main .inner-lg .main-slide .slick-dots li button:before { font-size: 0.7rem; }
  .slick-dots li { width: 15px; height: 20px; }
  .slick-dots li button { width: 15px; height: 20px; }
  .slick-dots li button:before { width: 15px; height: 20px; }
  .area-select { padding-top: 0px; }
  .area-select .area-box { padding: 23px 18px 20px 17px; }
  .area-select .area-box .box-select .item-select { padding: 0 7.4px 0 8.15px; }
  .area-select .area-box .box-select .slick-prev { width: 8px; height: 23px; left: -12px; }
  .area-select .area-box .box-select .slick-prev:before { width: 8px; height: 23px; left: 0; }
  .area-select .area-box .box-select .slick-next { width: 8px; height: 25px; right: -13px; }
  .area-select .area-box .box-select .slick-next:before { width: 8px; height: 25px; right: 0; }
  .area-select .area-box .box-select .slick-slide img { height: 100%; }
  .area-select .area-icon-right { right: 11px; top: -17.5px; width: 48px; }
  .area-media { padding-top: 30px; }
  .area-media .area-box .media-news { width: 100%; padding: 25px 10px 43.9px; border-right: none; border-bottom: 10px solid #eeeeee; }
  .area-media .area-box .media-news .area-icon-left { top: -22px; left: 10px; }
  .area-media .area-box .media-news .news-list { margin-bottom: 20.7px; }
  .area-media .area-box .media-news .news-list li { padding: 19px 0 17px; }
  .area-media .area-box .media-news .news-list .list-time { margin-bottom: 11px; margin-left: -1px; }
  .area-media .area-box .media-news .news-list .list-time .time-date { letter-spacing: 0; margin-right: 17px; }
  .area-media .area-box .media-news .news-list .list-time .time-effic a { padding: 0px 10px 1px 8px; }
  .area-media .area-box .media-news .news-list .list-sub { font-size: 1.4rem; }
  .area-media .area-box .media-news .area-button a { width: 100%; padding: 9px 10px 7px; font-size: 1.6rem; }
  .area-media .area-box .media-netw { width: 100%; }
  .area-media .area-box .media-netw .netw-twitter { padding: 39px 10px 40px; margin-bottom: 8px; }
  .area-media .area-box .media-netw .netw-twitter .area-icon { width: 238px; top: -21px; right: 10px; }
  .area-media .area-box .media-netw .netw-twitter .twitter-main .top-frame { height: 313px; }
  .area-media .area-box .media-netw .netw-youtube { padding: 30px 10px 24px; }
  .area-media .area-box .media-netw .netw-youtube .area-icon { width: 198px; top: -28px; right: 10px; }
  .area-media .area-box .media-netw .netw-youtube .video iframe { width: 100%; height: 285px; } }
@media (max-width: 414px) { .area-media .area-box .media-netw .netw-youtube .video iframe { height: 194px; } }

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