/* 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 { position: relative; min-height: 450px; height: 450px; overflow: hidden; }

.section-visual .visual-slide .slick-slide { overflow: hidden; height: 450px; }

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

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

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

.section-visual .visual-slide .text-area .sub-text.align-left { display: inline-block; text-align: left; }

.section-visual .visual-slide .text-area .btn-link { display: block; color: #fff; background: #145a9f; max-width: 250px; padding: 13px 0; margin: 2em auto 0; font-size: 20px; font-size: 2rem; }

.section-visual .visual-slide .text-area .btn-link:hover { background: #10487f; }

.section-visual .visual-slide .text-area.s2 strong { font-size: 70px; font-size: 7rem; }

.section-visual .visual-slide .text-area.s2 .sub-text { font-size: 30px; font-size: 3rem; }

.section-visual .visual-slide .bg-video { min-width: 100%; min-height: 100%; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 1; }

.section-visual .visual-slide .overlay { display: none; position: absolute; top: 0; bottom: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 1; }

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

.section-visual .visual-slide .img-area.custom-img {cursor:pointer;}
.section-visual .visual-slide .img-area.custom-img img { height:450px; }

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

.section-mobile-quick { display: none; }

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

.section-mobile-quick > ul > li { position: relative; display: inline-block; width: 25%; border-right: 1px solid #e2e2e2; border-bottom: 1px solid #e2e2e2; vertical-align: top; }

.section-mobile-quick > ul > li:nth-child(4n) { border-right: 0; }

.section-mobile-quick > ul > li a { display: inline-block; position: static; width: 100%; font-size: 18px; font-size: 1.8rem; color: #252525; text-align: center; padding: 20px 0; }

.section-mobile-quick > ul > li a:before { display: block; content: ''; width: 90px; height: 100px; margin: 0 auto; }

.section-mobile-quick > ul > li:nth-child(1) a:before { background: url(../_images/main/mobile_quick.png) 0 0 no-repeat; }

.section-mobile-quick > ul > li:nth-child(2) a:before { background: url(../_images/main/mobile_quick.png) -90px 0 no-repeat; }

.section-mobile-quick > ul > li:nth-child(3) a:before { background: url(../_images/main/mobile_quick.png) -180px 0 no-repeat; }

.section-mobile-quick > ul > li:nth-child(4) a:before { background: url(../_images/main/mobile_quick.png) -270px 0 no-repeat; }

.section-mobile-quick > ul > li:nth-child(5) a:before { background: url(../_images/main/mobile_quick.png) -360px 0 no-repeat; }

.section-mobile-quick > ul > li:nth-child(6) a:before { background: url(../_images/main/mobile_quick.png) -450px 0 no-repeat; }

.section-mobile-quick > ul > li:nth-child(7) a:before { background: url(../_images/main/mobile_quick.png) -540px 0 no-repeat; }

.section-mobile-quick > ul > li:nth-child(8) a:before { background: url(../_images/main/mobile_quick.png) -630px 0 no-repeat; }

.section-business { background-color: #f0f0f0; padding: 5em 0; }

.section-business .h2-title { position: relative; text-align: center; }

.section-business .h2-title:after { display: inline-block; position: absolute; left: 0; top: 50%; width: 100%; height: 1px; content: ''; background: #707070; z-index: 1; }

.section-business .h2-title strong { position: relative; display: inline-block; font-size: 40px; font-size: 4rem; line-height: 40px; padding: 0 1em; color: #252525; background-color: #f0f0f0; z-index: 2; }

.section-business .business-content { text-align: center; }

.section-business .business-content .text { color: #636363; line-height: 1.4; margin-top: 1em; }

.section-business .business-content .part { margin-top: 2.5em; display: table; width: 100%; }

.section-business .business-content .part > dl { display: table-cell; width: 20%; padding: 0 6px; }

.section-business .business-content .part > dl dt, .section-business .business-content .part > dl dd a { border: 1px solid #b7b7b7; }

.section-business .business-content .part > dl dt { font-size: 20px; font-size: 2rem; color: #fff; line-height: 48px; letter-spacing: -1px; background-color: #1a365e; margin-bottom: 10px; }

.section-business .business-content .part > dl dd a { display: table; line-height: 1.4; letter-spacing: -1px; vertical-align: middle; font-size: 18px; font-size: 1.8rem; color: #252525; position: relative; background: #fff; table-layout: fixed; width: 100%; height: 48px; -webkit-transition: all 0.3s; transition: all 0.3s; margin-bottom: 5px; }

.section-business .business-content .part > dl dd a.double { height: 101px; }

.section-business .business-content .part > dl dd a:last-child { margin-bottom: 0; }

.section-business .business-content .part > dl dd a:hover { background: #f0f0f0; }

.section-business .business-content .part > dl dd a:hover > i { background: #fff; }

.section-business .business-content .part > dl dd a > span, .section-business .business-content .part > dl dd a > i { display: table-cell; vertical-align: middle; word-break: keep-all; }

.section-business .business-content .part > dl dd a > i { width: 48px; background: #f0f0f0; font-size: 24px; font-size: 2.4rem; }

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

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

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

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

.section-board section:first-child { margin-top: 0; }

.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-video ul li { padding: 25px; }

.section-board .section-video ul li a { display: inline-block; width: 100%; line-height: 1; color: #5f5f5f; }

.section-board .section-video ul li a:hover .title { color: #145a9f; }

.section-board .section-video ul li a:hover .video-area:before { opacity: 1; }

.section-board .section-video ul li a .info-text { display: inline-block; width: 100%; height: 84px; }

.section-board .section-video ul li a .title { font-size: 22px; font-size: 2.2rem; width: 100%; }

.section-board .section-video ul li a .date { display: inline-block; font-size: 16px; font-size: 1.6rem; padding: 15px 0 0px; }

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

.section-board .section-video 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-video ul li .video-area img { width: 100%; height: 100%; }

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

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

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

.section-board .section-news .h3-title { padding: 0 65px 0 0; }

.section-board .section-news .h3-title strong { display: inline-block; width: 50%; font-size: 20px; font-size: 2rem; color: #145a9f; text-align: center; position: relative; }

.section-board .section-news .h3-title strong:after { position: absolute; left: 0; bottom: 0; display: inline-block; content: ''; width: 100%; height: 3px; background: #145a9f; }

.section-board .section-news .mini-list { padding: 10px 30px 0; height: 168px; }

.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-link { position: absolute; top: -1px; right: 65px; display: inline-block; line-height: 70px; width: calc(50% - 32px); height: 72px; padding: 0; font-size: 20px; font-size: 2rem; text-align: center; color: #252525; border: 1px solid #e2e2e2; background: #fff; -webkit-transition: all 0.3s; transition: all 0.3s; }

.section-board .section-news .btn-link:hover { background-color: #e2e2e2; }

.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; }

.popup-layer { position: relative; background: #dee2ed; overflow: hidden; }

.popup-layer .popup-slide { max-width: 1200px; margin: auto; font-size: 0; }

.popup-layer .popup-slide > li { display: inline-block; width: 50%; }

.popup-layer .popup-slide .item { text-align: center; }

.popup-layer .popup-slide .item a { display: inline-block; margin: 0 auto; }

.popup-layer .popup-slide .item img { max-width: 100%; }

.popup-layer .slick-dots { bottom: 5px; }

.popup-layer .btn-close { position: absolute; top: 6px; right: 6px; cursor: pointer; font-size: 0; text-indent: -999em; overflow: hidden; z-index: 10; }

.popup-layer .btn-close:before { display: inline-block; content: '\e946'; font: normal normal normal 14px/1 tanaicon; display: inline-block; text-indent: 0; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 23px; }

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

/*******************************************************************
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 { height: auto; }
  .section-visual .visual-slide .slick-slide { height: 100%; }
  .section-visual .visual-slide .text-area strong { font-size: 60px; font-size: 6rem; }
  .section-visual .visual-slide .text-area .sub-text { font-size: 26px; font-size: 2.6rem; }
  .section-mobile-quick { display: block; }
  .section-business { padding: 3em 15px; }
  .section-board { padding: 3em 20px; }
    .section-visual .visual-slide .img-area.custom-img img { height:auto; }
}

@media screen and (max-width: 1024px) { .slick-dots { bottom: 15px; }
  .section-mobile-quick > ul > li a:before { width: 69px; height: 70px; background-size: 550px !important; }
  .section-mobile-quick > ul > li:nth-child(1) a:before { background-position: 0 0; }
  .section-mobile-quick > ul > li:nth-child(2) a:before { background-position: -69px 0; }
  .section-mobile-quick > ul > li:nth-child(3) a:before { background-position: -138px 0; }
  .section-mobile-quick > ul > li:nth-child(4) a:before { background-position: -207px 0; }
  .section-mobile-quick > ul > li:nth-child(5) a:before { background-position: -276px 0; }
  .section-mobile-quick > ul > li:nth-child(6) a:before { background-position: -345px 0; }
  .section-mobile-quick > ul > li:nth-child(7) a:before { background-position: -414px 0; }
  .section-mobile-quick > ul > li:nth-child(8) a:before { background-position: -483px 0; }
  .section-business .business-content .part { display: inline-block; font-size: 0; }
  .section-business .business-content .part > dl { margin-top: 20px; display: inline-block; width: 50%; }
  .section-visual .visual-slide .text-area.s2 strong { font-size: 40px; font-size: 4rem; }
  .section-visual .visual-slide .text-area.s2 .sub-text { font-size: 24px; font-size: 2.4rem; } }

/* 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 .inner { padding: 0; }
  .section-board .inner .div-left { position: static; max-width: 100%; }
  .section-board .section-video ul li a .info-text { height: auto; }
  .section-board .section-video ul li .video-area { margin-top: 1.5em; text-align: center; height: auto; }
  .section-board .section-video ul li .video-area img { width: auto; max-width: 100%; height: auto; }
  .section-board .section-news { margin-top: 20px !important; }
  .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-visual .visual-slide .img-area.custom-img img { height:350px; }
}

/* sm1 */
@media screen and (max-width: 768px) { html { font-size: 53%; }
  .section-mobile-quick > ul > li a { font-size: 15px; }
  .section-business { padding: 2em 15px; }
  .section-business .h2-title:after { display: none; }
  .section-business .business-content .text { display: none; }
  .section-business .business-content .part > dl dt { font-size: 16px; }
  .section-business .business-content .part > dl dd a { font-size: 15px; }
  .section-board .section-video .h3-title { padding-left: 20px; }
  .section-board .section-video ul li { padding: 20px; }
  .section-board .section-video ul li a .title { font-size: 18px; }
  .section-board .section-video ul li a .date { font-size: 15px; }
  .section-board .section-news .list-dot li:before { top: 13px; }
  .section-board .section-news .list-dot li a { font-size: 15px; } }

@media screen and (max-width: 600px) { html { font-size: 50%; }
  .section-visual .visual-slide .text-area strong { font-size: 45px; font-size: 4.5rem; }
  .section-visual .visual-slide .text-area .sub-text { font-size: 22px; font-size: 2.2rem; }
  .section-visual .visual-slide .text-area.s2 strong { font-size: 19px; }
  .section-visual .visual-slide .text-area.s2 .sub-text { font-size: 14px; }
  .section-visual .visual-slide .text-area.s2 .btn-link { margin-top: 10px; max-width: 200px; padding: 10px 0; }
  .section-visual .visual-slide .img-area img { height: 250px; }
  .section-business .business-content .part > dl { width: 100%; }
  .section-business .business-content .part > dl.__active dt:after { content: '\eb60'; }
  .section-business .business-content .part > dl.__active dd { max-height: 1000px; }
  .section-business .business-content .part > dl dt { position: relative; margin-bottom: 0; }
  .section-business .business-content .part > dl dt:after { position: absolute; top: 12px; right: 10px; display: inline-block; width: 26px; height: 26px; text-align: center; content: '\eb61'; font: normal normal normal 14px/1 tanaicon; display: inline-block; text-indent: 0; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 26px; }
  .section-business .business-content .part > dl dd { max-height: 0; overflow: hidden; -webkit-transition: all 0.3s; transition: all 0.3s; }
  .section-business .business-content .part > dl dd a:first-child { margin-top: 5px; }
  .section-business .business-content .part > dl dd a > span { text-align: left; padding: 0 12px; } 
    .section-visual .visual-slide .img-area.custom-img img { height:250px; }
}

@media screen and (max-width: 425px) { .section-visual .visual-slide .img-area img { height: 200px; }
  .section-mobile-quick > ul > li a { font-size: 13px; letter-spacing: -1px; padding: 3px 0 10px; }
  .section-mobile-quick > ul > li a:before { width: 50px; height: 57px; background-size: cover !important; }
  .section-mobile-quick > ul > li:nth-child(2) a:before { background-position: -61px 0; }
  .section-mobile-quick > ul > li:nth-child(3) a:before { background-position: -118px 0; }
  .section-mobile-quick > ul > li:nth-child(4) a:before { background-position: -175px 0; }
  .section-mobile-quick > ul > li:nth-child(5) a:before { background-position: -233px 0; }
  .section-mobile-quick > ul > li:nth-child(6) a:before { background-position: -289px 0; }
  .section-mobile-quick > ul > li:nth-child(7) a:before { background-position: -346px 0; }
  .section-mobile-quick > ul > li:nth-child(8) a:before { background-position: -404px 0; } 
    .section-visual .visual-slide .img-area.custom-img 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-business { padding: 20px 5px; }
  .section-board { padding: 20px 10px; }
  .section-board section .h3-title { font-size: 17px; line-height: 45px; }
  .section-board .section-video .h3-title { padding-left: 15px; }
  .section-board .section-video ul li { padding: 15px; }
  .section-board .section-video ul li a .title { font-size: 15px; }
  .section-board .section-video ul li a .date { font-size: 14px; padding-top: 10px; }
  .section-board .section-news .h3-title { padding: 0 48px 0 0; }
  .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 */