@charset "utf-8";
.contents{width:auto;}
.contents .wrap{max-width:1200px;margin:0 auto;}

.top_title_bg{position:relative;padding:35% 0 30%;padding:calc(50vh - 143px) 0 calc(50vh - 144px);text-align:center;background:url(../img/top_text_bg.png) no-repeat center center;background-size:cover;}
.top_title_bg .scrol{position:absolute;bottom:10px;left:50%;display:block;width:58px;height:58px;margin-left:-29px;background:url(../img/scrol_bg.png) no-repeat center center rgba(255,255,255,0.8);border-radius:50%;color:rgba(0,0,0,0);}
.top_title_bg img{max-width:100%;height:auto;}

.bx-pager{z-index:10000;position: absolute;bottom: 0;left: 20px;}
.bx-pager-item{display:inline-block;}
.bx-pager-item a{display:inline-block;border:1px solid #005EAD;text-indent: -100px;background: #ccc;border-radius:1em;height: 1em;width: 1em;margin: 0;padding: 0;margin-left: .35em;}
.bx-pager-item a.active{background:#005EAD;}

.contents .banner .flexbox.imgbanner img{display:block;margin:0 auto;padding:0;width:auto;max-width:100%;height:auto;}

.contents .menu_wrap{margin:0 auto;padding:0;border-top:1px solid #CCCCCC;background:#F9FaFb;border-bottom:1px solid #CCCCCC;}
.contents ul.menu {margin:0 auto;padding:0px;list-style:none;background:#fff;}
.contents ul.menu li{position:relative;width:33.33%;min-height:200px;float:left;}
.contents ul.menu li a{position:absolute;top:0px;bottom:0px;left:0px;right:0px;display:block;text-decoration:none;transition-duration:0.5s;overflow:hidden;}
.contents ul.menu li a span{position:absolute;left:0px;right:50%;display:block;padding:0px 10px;transition-duration:0.5s;}
.contents ul.menu li a span.text{top:auto;bottom:50%;color:#333333;font-size:1.3em;}
.contents ul.menu li a span.en{top:50%;bottom:0px;font-size:0.8em;}
.contents ul.menu li a:hover{background:#005ead;}
.contents ul.menu li a:hover span.text,.contents ul.menu li a:hover span.en{color:#ffffff;}
.contents ul.menu li a:hover:before{opacity:0.8;}

.contents ul.menu li a:before{display:block;content:" ";position:absolute;top:0px;left:50%;right:0px;bottom:0px;background:#ffffff no-repeat center center;background-size:cover;transition-duration:0.8s;}
.contents ul.menu li:nth-child(-n+6) a:hover:before{transform: scale(1.3);}
.contents ul.menu li:nth-child(-n+6) a:hover:before{margin-left:6.4%;margin-right:0;}
.contents ul.menu li:nth-child(-n+3) a:hover:before{margin-left:0;margin-right:6.4%;}

.contents ul.menu li:nth-child(-n+3) a span,
.contents ul.menu li:nth-child(n+7) a span{left:50%;right:0px;}
.contents ul.menu li:nth-child(-n+3) a:before,
.contents ul.menu li:nth-child(n+7) a:before{left:0px;right:50%;}
.contents ul.menu li:nth-child(-n+3) a span.text{font-size:1.6em;}

.contents ul.menu li.menu01 a:before{background-image:url(../img/menu_bg01.jpg);}
.contents ul.menu li.menu02 a:before{background-image:url(../img/menu_bg02.jpg);}
.contents ul.menu li.menu03 a:before{background-image:url(../img/menu_bg03.jpg);}
.contents ul.menu li.menu04 a:before{background-image:url(../img/menu_bg04.jpg);}
.contents ul.menu li.menu05 a:before{background-image:url(../img/menu_bg05.jpg);}
.contents ul.menu li.menu06 a:before{background-image:url(../img/menu_bg06.jpg);}
.contents ul.menu li.menu11 a:before{background-image:url(../img/menu_bg11.jpg);}

/* menu */
.contents ul.menu li.menu07{clear:both;}
.contents ul.menu li:nth-child(n+8){background:#F6F7F9;}
.contents ul.menu li:nth-child(n+8){width:25%;min-height:150px;}
.contents ul.menu li:nth-child(n+8) a:before{background-size:auto auto;}
.contents ul.menu li.menu07 a:before{background-image:url(../img/menu_bg07.png);}
.contents ul.menu li.menu08 a:before{background-image:url(../img/menu_bg08.png);}
.contents ul.menu li.menu09 a:before{background-image:url(../img/menu_bg09.png);}
.contents ul.menu li.menu10 a:before{background-image:url(../img/menu_bg10.png);}
.contents ul.menu li a span.hjtxt{display:block;font-size:1em;overflow:hidden;}

.contents ul.menu li.menu01 a,
.contents ul.menu li.menu02 a,
.contents ul.menu li.menu04 a,
.contents ul.menu li.menu05 a,
.contents ul.menu li.menu07 a,
.contents ul.menu li.menu09 a{border-right:1px solid #eee;}

.contents ul.menu li.menu01,
.contents ul.menu li.menu02,
.contents ul.menu li.menu03,
.contents ul.menu li.menu04,
.contents ul.menu li.menu05,
.contents ul.menu li.menu06{border-bottom:1px solid #eee;}

.contents article{}
.contents .main ul li a img{max-width:100%;height:auto;}
.contents .main > section{padding:15px 13px 25px;}
.contents .main section h2{margin:25px 0px;padding:0.5em;text-align:center;}
.contents .main section h2:before{display:inline-block;content:" ";width:44px;height:1em;background:no-repeat center center;}

.contents section.news h2:before{background-image:url(../img/news_title_bg.png);}

.contents .main section dl.news{margin:10px 20px;}
.contents .main section dl.news dt{width:18em;padding:1em 0px;float:left;}
.contents .main section dl.news dt span{display:inline-block;width:9em;line-height:1.3em;font-size:.9em;margin:-0.2em 0 0 0;padding:0.3em;background:#E4E4E4;float:right;text-align:center;}
.contents .main section dl.news dd{margin:0px;padding:1em 0px;padding-left:19em;border-bottom:1px dotted #494949;}

.contents .main section .list_link{}
.contents .main section .list_link a{display:block;max-width:7em;margin:0px auto;padding:0.5em 3em;background:#005ead;color:#ffffff;text-align:center;text-decoration:none;box-shadow:2px 2px 2px 0px rgba(0,0,0,0.5);border-radius:2px;}
.contents .main section .list_link span.sup{display:block;width:0px;text-indent:-100em;float:left;}
.contents .main section .list_link a:hover{opacity:0.8;}

.contents section.info{background:#F6F7F9;}
.contents section.info h2:before{background-image:url(../img/info_title_bg.png);}
.contents section.info h3{margin:0;padding:66% 0 10px 0;}
.contents section.info h3 a{display:block;margin-top:0.6em;margin-bottom:0.3em;padding:8px;color:#333;text-decoration:none;transition-duration: 0.5s;}
.contents section.info h3 a:hover{background:#005ead;color:#fff;}
.contents section.info_service h2 img{max-width:100%;height:auto;}
.contents section.info .four_column{
  width:100%;margin:0 auto;padding:0;
  display:-webkit-box;display:-moz-box;display:-ms-box;display:-webkit-flexbox;display:-moz-flexbox;display:-ms-flexbox;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:flex;
  -webkit-box-lines:multiple;-moz-box-lines:multiple;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;
}
.contents section.info .column{width:23%;margin:0px 1% 16px;background:#ffffff no-repeat right top; box-shadow:2px 2px 5px 0px rgba(0,0,0,0.15);
float:left;border-radius:4px;transition:0.8s;;position:relative;background-size:contain;}

.contents section.info .column:nth-child(4n+1){clear:both;}
.contents section.info .column.menu01{background-image:url(../img/menu_img01.jpg);transition-delay:0.0s;}
.contents section.info .column.menu02{background-image:url(../img/menu_img02.jpg);transition-delay:0.2s;}
.contents section.info .column.menu03{background-image:url(../img/menu_img03.jpg);transition-delay:0.3s;}
.contents section.info .column.menu04{background-image:url(../img/menu_img04.jpg);transition-delay:0.4s;}
.contents section.info .column.menu05{background-image:url(../img/menu_img05.jpg);transition-delay:0.5s;}
.contents section.info .column.menu06{background-image:url(../img/menu_img06.jpg);transition-delay:0.6s;}
.contents section.info .column.menu07{background-image:url(../img/menu_img07.jpg);transition-delay:0.7s;}
.contents section.info .column.menu08{background-image:url(../img/menu_img08.jpg);transition-delay:0.8s;}

.contents section.info .column ul{margin:0px 0px 20px;padding:0px 10px;list-style:none;}
.contents section.info .column ul li{padding:0.1em 0px 0.1em 18px;background:url(../img/list_mark.png) no-repeat left 0.1em;}

.contents section.pickup h2:before{background-image:url(../img/pickup_title_bg.png);}
.contents section.pickup ul{padding:0px;list-style:none;}
.contents section.pickup ul li{width:20%;float:left;}
.contents section.pickup ul li a{display:block;max-width:180px;margin:5px auto;padding:16px;box-sizing:border-box;border:2px solid #005ead;border-radius:4px;text-align:center;transition-duration:0.5s;}
.contents section.pickup ul li a:hover{background-color:rgba(0,94,173,0.2);}

.contents section.info_service{background:#F6F7F9;}
.contents section.info_service h2 span{display:block;}
.contents section.info_service h2:before{display:none;}
.contents section.info_service ul {padding:0px;list-style:none;overflow:hidden;}
.contents section.info_service ul li{width:25%;float:left;text-align:center;}
.contents section.info_service ul li a{display:inline-block;line-height:160px;vertical-align:bottom;}
.contents section.info_service ul li a span{display:block;}

.contents nav{float:none;}
.contents nav ul.banner li{margin-bottom:10px;border:1px solid #D8DCE4;background:#F6F7F9;}
.contents nav ul.banner li a{display:block;padding:8px 0px;text-align:center;transition-duration:0.5s;}
.contents nav ul.banner li a:hover{background:rgba(255,255,255,0.6);}

.contents section.info .column{transition:0.8s;}
.contents section.info .column.menu01{transition-delay:0s;}
.contents section.info .column.menu02{transition-delay:0.2s;}
.contents section.info .column.menu03{transition-delay:0.3s;}
.contents section.info .column.menu04{transition-delay:0.4s;}
.contents section.info .column.menu05{transition-delay:0.5s;}
.contents section.info .column.menu06{transition-delay:0.6s;}

/* slider */
.top_title_bg .scrol{z-index:81;}
.top_title_bg img{position:relative;z-index:80;}
.slide_box{height:auto;margin:0px auto;overflow:hidden;}
.bx-wrapper {width:100%;padding:0px;clear:both;overflow:visible;}
.slide_box,
.bx-wrapper,
.bx-wrapper .bx-viewport,
.bx-wrapper .bxslider,
.bx-wrapper .bxslider .slide{position:absolute !important;top:0px;left:0px;right:0px;bottom:0px;height:auto !important;}
.bx-wrapper .bxslider .slide{background:no-repeat center center;background-size:cover;text-indent:100%;white-space:nowrap;overflow: hidden;}
.bx-wrapper .bxslider .slide a{display:block;height:100%;text-indent:100%;white-space:nowrap;overflow: hidden;}
.bx-wrapper .bx-controls-auto-item{position:absolute;right:20px;bottom:5px;z-index:70;opacity:0;transition-duration:0.5s;}
.bx-wrapper:hover .bx-controls-auto-item{opacity:1;}
.bx-wrapper .bx-controls-auto-item a{display:block;width:44px;height:44px;margin:0px;background:rgba(255,255,255,0.6) no-repeat center center;text-indent:-10em;}
.bx-wrapper .bx-controls-auto-item a.bx-stop{background-image:url(../img/stop_bt.png);}
.bx-wrapper .bx-controls-auto-item a.bx-start{background-image:url(../img/start_bt.png);}
.bx-wrapper .bx-controls-auto-item a.active{display:none;}

/*------------------------------------------------------------------------------

------------------------------------------------------------------------------*/
@media screen and (min-width:0px) and (max-width:1044px) {/* 1024+20 */
.contents .main > section.wrap{padding-right:2%;padding-left:2%;}
.contents ul.menu li,
.contents ul.menu li:nth-child(n+8){width:50%;}
.contents ul.menu li a span{left:50%;right:0%;}
.contents ul.menu li a:before{left:0%;right:50%;}
.contents ul.menu li:nth-child(-n+3) a span,
.contents ul.menu li:nth-child(n+8) a span{left:50%;right:0%;}
.contents ul.menu li:nth-child(-n+3) a:before,
.contents ul.menu li:nth-child(n+8) a:before{left:0%;right:50%;}
.contents ul.menu li:nth-child(n+8) a span.text{font-size:1em;}
.contents ul.menu li:nth-child(-n+3) a span.text{font-size:1.6em;}
.contents section.info .column{width:31.33%;}
.contents section.info .column:nth-child(4n+1){clear:none;}
.contents section.info .column:nth-child(3n+1){clear:both;}
.contents section.pickup ul li{width:33.33%;}

.contents ul.menu li:nth-child(-n+6) a:hover:before{margin-left:0;margin-right:6.4%;}
}

@media screen and (min-width:0px) and (max-width:788px) {/* 768+20 */
.contents section.info_service ul li{width:50%;}
}

@media screen and (min-width:0px) and (max-width:660px) {/* 640+20 TABLET */

.contents .flexbox.double li{width:100%;margin:0 auto 20px;}
.contents .menu_wrap{border:none;background:inherit;}
.contents ul.menu li.menu01{border-top:1px solid #eee;}
.contents ul.menu li.menu01 a,
.contents ul.menu li.menu02 a,
.contents ul.menu li.menu04 a,
.contents ul.menu li.menu05 a,
.contents ul.menu li.menu06 a,
.contents ul.menu li.menu07 a,
.contents ul.menu li.menu08 a,
.contents ul.menu li.menu09 a
.contents ul.menu li.menu10 a{border:none;}
.contents ul.menu li.menu07,
.contents ul.menu li.menu08,
.contents ul.menu li.menu09,
.contents ul.menu li.menu10{border-bottom:1px solid #eee;}

.contents ul.menu li:nth-child(-n+6) a:hover::before{transform: none;}
.contents ul.menu li:nth-child(-n+6) a:before,
.contents ul.menu li:nth-child(n+7) a:before{left:0;right:60%;}
.contents ul.menu li:nth-child(-n+6) a span,
.contents ul.menu li:nth-child(n+7) a span{left:40%;right:0;}
.contents ul.menu li:nth-child(-n+6) a:hover:before{margin-left:0;margin-right:0;}
.contents ul.menu li:nth-child(-n+3) a:hover:before{margin-left:0;margin-right:0;}


.contents .main section dl.news dt,
.contents section.info_service ul li{position:static;width:auto;min-width:0px;max-width:100%;float:none;}
.contents .main section dl.news dt span{margin-left:1em;float:none;}
.contents ul.menu li{min-height:160px;}
.contents ul.menu li:nth-child(n+8){min-height:96px;}
.contents ul.menu li,
.contents ul.menu li:nth-child(n+8){width:100%;}

.contents .main section dl.news dd{padding:0px 0px 1em;}
.contents .main section dl.news dt span{display:inline;}
.contents section.info .column{width:48%;}
.contents section.info .column:nth-child(3n+1){clear:none;}
.contents section.info .column:nth-child(2n+1){clear:both;}

.contents section.pickup ul li{width:50%;}

}

@media screen and (min-width:0px) and (max-width:500px) {/* 480+20 MOBILE */
.top_title_bg{padding:18vw 0;}
.top_title_bg img{display:block;width:96%;margin:auto;}
.top_title_bg .scrol{width: 44px;height: 44px;margin-left: -22px;background-size:70%;} 
}

@media screen and (min-width:0px) and (max-width:400px) {/* 380+20 MOBILE */
.contents section.info .column{width:98%;}
.contents section.pickup ul li{width:100%;}
}