/* slick custom */
.slick-slider { margin: 0 -10px; }

.slick-slider .slick-slide { position: relative; }

.slick-list { z-index: 1; }

.slick-dots-area { position: absolute; bottom: -2.5em; display: block; width: 100%; height: auto !important; padding: 0; z-index: 2; text-align: center; }

.slick-dots-area .btn-slider-stop, .slick-dots-area .btn-slider-play { display: inline-block; font-size: 0; margin-top: 18px; height: 29px; color: #fff; vertical-align: middle; }

.slick-dots-area .btn-slider-play:before, .slick-dots-area .btn-slider-stop:before { font: normal normal normal 14px/1 tanaicon; display: inline-block; text-indent: 0; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; padding: 5px; cursor: pointer; font-size: 20px; }

.slick-dots-area .btn-slider-stop:before { content: '\ea79'; }

.slick-dots-area .btn-slider-play:before { content: '\eac1'; }

.slick-dots { position: absolute; left: 50%; bottom: 3em; display: inline-block !important; width: auto; padding: 0; list-style: none; margin: 0 auto; vertical-align: middle; z-index: 1; -webkit-transform: translateX(-50%); transform: translateX(-50%); white-space: nowrap; }

.slick-dots li { position: relative; display: inline-block; width: inherit; height: auto; margin: 0 4px; cursor: pointer; }

.slick-dots li button { width: 30px; height: 5px; font-size: 0; display: inline-block; position: relative; padding: 0; cursor: pointer; color: transparent; border: 0; background: transparent; background-color: #fff; -webkit-transition: all 0.2s; transition: all 0.2s; }

.slick-dots li button:before { display: none; }

.slick-dots li button:hover, .slick-dots li button:focus, .slick-dots li.slick-active button { opacity: 1; width: 60px; background-color: #eead1f; }

.slick-dots li button:before { background-color: #bbb; }

.slick-dots li button:hover:before, .slick-dots li button:focus:before, .slick-dots li.slick-active button:before { background-color: #eead1f; }

.slick-dots li.__play, .slick-dots li.__stop { margin: 0; }

.slick-dots .btn-slider-play:focus, .slick-dots .btn-slider-stop:focus, .slick-dots .btn-slider-play, .slick-dots .btn-slider-stop { display: block; width: 14px; height: 14px; background: transparent url(../_images/common/slider_controls.png) no-repeat; }

.slick-dots .btn-slider-play:focus:hover, .slick-dots .btn-slider-stop:focus:hover, .slick-dots .btn-slider-play:hover, .slick-dots .btn-slider-stop:hover { width: 14px; height: 14px; background-color: transparent; }

.slick-dots .btn-slider-play { background-position: -50px 2px; }

.slick-dots .btn-slider-stop { background-position: 0 2px; }

.list-dot > li { position: relative; padding-left: 10px; }

.list-dot > li:before { display: inline-block; content: ''; width: 3px; height: 3px; border-radius: 100%; background: #145a9f; position: absolute; left: 0; top: 11px; }

/*******************************************************************
Main
********************************************************************/
.btn-more { position: absolute; top: -1px; right: -1px; font-size: 0; overflow: hidden; text-indent: -999em; display: inline-block; width: 67px; height: 72px; padding: 0; border: 1px solid #e2e2e2; -webkit-transition: all 0.3s; transition: all 0.3s; }

.btn-more:hover { background-color: #e2e2e2 !important; }

.btn-more > i { display: inline-block; width: 100%; text-indent: 0; font-size: 25px; font-weight: 700; text-align: center; line-height: 70px; color: #5f5f5f; background: #fff; }

.text-ellipsis { display: block; word-wrap: normal; word-break: break-all; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }

.container:after { content: ''; display: table; clear: both; }

#content section > .inner { max-width: 1200px; margin: 0 auto; }

/* .section-visual */
.section-visual { position: relative; min-height: 500px; overflow: hidden; }

.section-visual .visual-slide .text-area { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-align: center; white-space: nowrap; }

.section-visual .visual-slide .text-area strong { display: block; font-size: 65px; font-size: 6.5rem; font-weight: 700; color: #fff; margin-bottom: 0.4em; }

.section-visual .visual-slide .text-area .sub-text { font-size: 32px; font-size: 3.2rem; color: #dbc495; line-height: 1.3; }

.section-visual .visual-slide .text-area .quick-link { margin-top: 4em; }

.section-visual .visual-slide .text-area .quick-link a { display: inline-block; width: 135px; height: 135px; border-radius: 100%; font-size: 18px; color: #fff; border: 1px solid #fff; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: rgba(0, 0, 0, 0.35); text-align: center; margin-left: 10px; }

.section-visual .visual-slide .text-area .quick-link a:before { display: block; content: ''; width: 80px; height: 80px; margin: 10px auto 0px; background: url(../_images/main/ico_visual.png) 0 50% no-repeat; }

.section-visual .visual-slide .text-area .quick-link a:nth-child(1) { margin-left: 0; }

.section-visual .visual-slide .text-area .quick-link a:nth-child(2):before { background-position: -80px 50%; }

.section-visual .visual-slide .text-area .quick-link a:nth-child(3):before { background-position: -160px 50%; }

.section-visual .visual-slide .text-area .quick-link a:hover { background-color: #ecac1f; border: 1px solid #ecac1f; color: #252525; }

.section-visual .visual-slide .img-area { max-height: 700px; overflow: hidden; }

.section-visual .visual-slide .img-area img { width: 100%; }

/* .section-board */
.section-board { padding: 5em 0; background: url(../_images/main/main_board_bg.jpg) center bottom no-repeat; background-size: cover; min-height: 300px; }

.section-board .inner { position: relative; width: 100%; padding-right: 450px; }

.section-board .div-right { position: absolute; width: 100%; max-width: 420px; top: 0; right: 0; }

.section-board section { position: relative; width: 100%; border: 1px solid #e2e2e2; background: #fff; }

.section-board section .h3-title { padding-left: 25px; font-size: 20px; font-size: 2rem; line-height: 70px; color: #252525; border-bottom: 1px solid #e2e2e2; }

.section-board .section-quick { border: 0; }

.section-board .section-quick ul { font-size: 0; }

.section-board .section-quick ul li { display: inline-block; width: 50%; height: 194px; -webkit-box-sizing: border-box; box-sizing: border-box; }

.section-board .section-quick ul li:nth-child(1) { border-bottom: 1px solid #fff; border-right: 1px solid #fff; }

.section-board .section-quick ul li:nth-child(2) { border-bottom: 1px solid #fff; }

.section-board .section-quick ul li:nth-child(2) a span:before { background-position: -100px 50%; }

.section-board .section-quick ul li:nth-child(3) { border-right: 1px solid #fff; }

.section-board .section-quick ul li:nth-child(3) a span:before { background-position: -200px 50%; }

.section-board .section-quick ul li:nth-child(4) a span:before { background-position: -300px 50%; }

.section-board .section-quick ul li a { display: table; font-size: 18px; width: 100%; height: 100%; line-height: 1; color: #fff; background-color: #ecac1f; }

.section-board .section-quick ul li a:hover { background-color: #1d233b; }

.section-board .section-quick ul li a span { display: table-cell; text-align: center; vertical-align: middle; }

.section-board .section-quick ul li a span:before { display: block; width: 100px; height: 100px; content: ''; margin: 0 auto 10px; background: url(../_images/main/main_quick.png) 0 50% no-repeat; }

.section-board .section-quick ul li .video-area { position: relative; display: inline-block; width: 100%; height: 285px; }

.section-board .section-quick ul li .video-area:before { position: absolute; top: 50%; left: 50%; margin: -35px 0 0 -35px; display: inline-block; width: 70px; height: 70px; content: '\eb96'; font: normal normal normal 14px/1 tanaicon; display: inline-block; text-indent: 0; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 70px; color: #fff; opacity: 0.7; text-shadow: 0px 1px 1px #5f5f5f; }

.section-board .section-quick ul li .video-area img { width: 100%; height: 100%; }

.section-board .section-quick ul li .img-area { display: inline-block; width: 100%; }

.section-board .section-quick .btn-more { background: url(../_images/common/ico_more.png) 50% 50% no-repeat; }

.section-board .section-quick .btn-more i { display: none; }

.section-board .section-news .h3-title { padding: 0 65px 0 20px; font-size: 20px; font-size: 2rem; }

.section-board .section-news .mini-list { padding: 15px 22px 0; height: 315px; }

.section-board .section-news .list-dot li:before { top: 17px; }

.section-board .section-news .list-dot li a { display: table; table-layout: fixed; width: 100%; padding: 0.3em 0; font-size: 18px; font-size: 1.8rem; line-height: 1.4; color: #5f5f5f; }

.section-board .section-news .list-dot li a:hover .title { font-weight: 400; color: #145a9f; text-decoration: underline; }

.section-board .section-news .list-dot li a > span { display: table-cell; }

.section-board .section-news .list-dot li a > span.title { padding-right: 15px; }

.section-board .section-news .list-dot li a > span.date { width: 100px; font-weight: 300; text-align: right; }

.section-board .section-news .btn-more { background: url(../_images/common/ico_more2.png) 50% 50% no-repeat; }

.section-board .section-news .btn-more i { display: none; }

/*******************************************************************
layout
********************************************************************/
#content { position: relative; outline: none; }

/*******************************************************************
media query
********************************************************************/
@media screen and (max-width: 1480px) { .section-visual { min-height: 200px; } }

/* pc */
@media screen and (max-width: 1280px) { html { font-size: 60%; }
  .section-visual .visual-slide .text-area strong { font-size: 50px; font-size: 5rem; }
  .section-visual .visual-slide .text-area .sub-text { font-size: 24px; font-size: 2.4rem; }
  .section-visual .visual-slide .text-area .quick-link { margin-top: 3em; }
  .section-visual .visual-slide .text-area .quick-link a { width: 110px; height: 110px; border-radius: 20px; }
  .section-visual .visual-slide .text-area .quick-link a:before { height: 70px; }
  .section-board { padding: 3em 20px; }
  .content-wrap { margin-top: 55px; } }

@media screen and (max-width: 1024px) { .slick-dots { bottom: 15px; }
  .section-board .inner { padding-right: 320px; }
  .section-board .div-right { max-width: 300px; } }

/* md */
@media screen and (max-width: 1150px) { html { font-size: 58%; } }

/* sm */
@media screen and (max-width: 990px) { html { font-size: 55%; }
  .btn-more { height: 57px; }
  .section-visual .visual-slide .img-area img { height: 350px; }
  .section-board section .h3-title { font-size: 26px; font-size: 2.6rem; line-height: 55px; }
  .section-board .section-news .list-dot li:before { top: 14px; }
  .section-board .section-news .h3-title strong { font-size: 26px; font-size: 2.6rem; line-height: 55px; }
  .section-board .section-news .btn-link { font-size: 26px; font-size: 2.6rem; line-height: 55px; height: 57px; }
  .section-board .section-news .mini-list { padding: 13px 20px; height: auto; }
  .section-board .section-quick ul li { height: 162px; } }

/* sm1 */
@media screen and (max-width: 768px) { html { font-size: 53%; }
  .section-visual .visual-slide .text-area strong { font-size: 40px; font-size: 4rem; }
  .section-visual .visual-slide .text-area .sub-text { font-size: 20px; font-size: 2rem; }
  .section-visual .visual-slide .quick-link { margin-top: 2em; }
  .section-board .inner { padding-right: 0; }
  .section-board .div-right { position: static; margin-top: 20px; max-width: 100%; }
  .section-board .section-news .list-dot li:before { top: 13px; }
  .section-board .section-news .list-dot li a { font-size: 15px; }
  .section-board .section-quick ul li { height: 150px; }
  .section-board .section-quick ul li:nth-child(2) a span:before { background-position: -70px 50%; }
  .section-board .section-quick ul li:nth-child(3) a span:before { background-position: -140px 50%; }
  .section-board .section-quick ul li:nth-child(4) a span:before { background-position: -210px 50%; }
  .section-board .section-quick ul li a span:before { width: 70px; height: 70px; background-size: cover; } }

@media screen and (max-width: 600px) { html { font-size: 50%; }
  .section-visual .visual-slide .text-area { white-space: inherit; width: 95%; word-break: keep-all; }
  .section-visual .visual-slide .text-area strong { font-size: 23px; }
  .section-visual .visual-slide .text-area .sub-text { font-size: 13px; letter-spacing: -0.5px; }
  .section-visual .visual-slide .text-area .quick-link { margin-top: 1em; }
  .section-visual .visual-slide .text-area .quick-link a { width: 85px; height: 85px; font-size: 14px; }
  .section-visual .visual-slide .text-area .quick-link a:nth-child(2):before { background-position: -60px 50%; }
  .section-visual .visual-slide .text-area .quick-link a:nth-child(3):before { background-position: -120px 50%; }
  .section-visual .visual-slide .text-area .quick-link a:before { width: 60px; height: 60px; margin: 0 auto 0; background-size: cover; }
  .section-visual .visual-slide .img-area img { height: 250px; } }

@media screen and (max-width: 425px) { .section-visual .visual-slide .text-area .quick-link a { height: auto; padding: 10px 0; }
  .section-visual .visual-slide .text-area .quick-link a:before { display: none; }
  .section-visual .visual-slide .img-area img { height: 200px; } }

@media screen and (max-width: 400px) { html { font-size: 46%; } }

@media screen and (max-width: 375px) { .btn-more { width: 50px; height: 47px; }
  .section-board { padding: 20px 10px; }
  .section-board section .h3-title { font-size: 17px; line-height: 45px; }
  .section-board .section-news .h3-title { padding-right: 48px; }
  .section-board .section-news .h3-title strong { font-size: 17px; line-height: 45px; }
  .section-board .section-news .btn-link { font-size: 17px; line-height: 45px; height: 47px; right: 48px; width: calc(50% - 24px); }
  .section-board .section-news .list-dot li a > span.date { display: none; } }
/*# sourceMappingURL=main.css.map */