@charset "UTF-8";
@import "sns.css";


/***  ***/
.home_news h2.title{background-image:url("../images/title_home_news.png");
width: 300px;
}
.home_business h2.title{background-image:url("../images/title_home_business.png");
width: 300px;
}
.home_about h2.title{background-image:url("../images/title_home_about.png");
width: 128px;
}
.contents_home h2.title{background-size: contain;background-position: left;background-repeat: no-repeat;height: 35px;margin-bottom: 15px;
}



/* FlexSlider Default Theme*********************************/
.slider_img{max-width: 1670px; position:relative;}
.flexslider .img span.bg_image{padding-top: 40%;
padding-bottom: 7%;background-size: cover;
}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;}
.flexslider .slides > li:first-child {display: block; -webkit-backface-visibility: visible;} 
.flexslider li img{display: none;}
.flexslider { position: relative; zoom: 1;}
.flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.loading .flex-viewport {max-height: 300px;}
.flexslider .slides {zoom: 1;}
.carousel li {margin-right: 5px}

.flex-control-nav{height: 11px;margin-right: -7.5px;
text-align: center;font-size: 0;padding-top: 15px;}
.flex-control-nav li{margin-right: 7.5px;line-height:20px;display:inline-block;}
.flex-control-nav a{width: 25px;height: 6px;overflow: hidden;text-indent: 100%;white-space: nowrap;display:block;position:relative;}
.flex-control-nav a:before,.flex-control-nav a.flex-active:before{position:absolute;line-height:1;top:0;left:0;content:"";width: 23px;height: 3px;border: 1px solid #005bac;display: block;
}
.flex-control-nav a:before{}
.flex-control-nav a.flex-active:before{background-color: #005bac;}
.flex-control-nav li a:hover{ cursor:pointer }

/************************/
.contents_home{padding-top: 27px;}
.news_blog{position: relative;}

.home_news{overflow-x: hidden;}
.home_news .l_wrap{padding-top: 20px;padding-bottom: 20px;}

.home_news .category_menu{display: flex;margin-right: -5px;}
.home_news .category_menu li{display: inline-block; width: 150px;margin-bottom: 5px;margin-right: 5px;
}
.home_news .category_menu li a{display: block;background: #f0f0f0;text-align: center;text-decoration: none;padding: 4px 3px 3px;
}
.home_news .category_menu li a.selected{
    background-color: #005bac;color: #fff;
}

.area_news{border: 1px solid #eee;height: 208px;overflow: hidden;}
.area_news .in_box{padding: 5px 15px;}
.area_news .in_box ul li{border-top: 1px solid #eee;padding: 16px 0;/*line-height: 1;*/display: none;}

#list_all li,#cate_1 li.cate_1,#cate_2 li.cate_2,#cate_3 li.cate_3,#cate_4 li.cate_4,#cate_5 li.cate_5,#cate_6 li.cate_6{display: block;}

.area_news .in_box ul li:first-of-type{border-top: none;}
.area_news .in_box ul#cate_1 li.cate_1:first-of-type,.area_news .in_box ul#cate_2 li.cate_2:first-of-type,.area_news .in_box ul#cate_3 li.cate_3:first-of-type,.area_news .in_box ul#cate_4 li.cate_4:first-of-type,.area_news .in_box ul#cate_5 li.cate_5:first-of-type,.area_news .in_box ul#cate_6 li.cate_6:first-of-type{border-top: none;}


.area_news .in_box ul li a{text-decoration: none;display: flex;align-items: center;}
.area_news .in_box ul li .title{text-decoration: underline;display: inline-block;margin-left: 28px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 56%;
}
@media screen and (max-width: 980px) {
    .area_news {height: 286px;}
    .area_news .in_box ul li .title{display: block;margin-left: 0;margin-top: 10px;width: 100%;}
}
.area_news .in_box ul li .date{display: inline-block;margin-right: 10px;}
.area_news .in_box ul li .icon_category{display: inline-block;
font-size: 14px;color: #005bac;border: 1px solid #005bac;text-align: center;
width: 118px;padding: 6px 0 5px;line-height: 1;
}

.home_news .come_btn{ text-align: center;width: auto;position: absolute;right: 0;top: -50px;font-size: 14px;margin: 0;
}
.home_news .come_btn a{border: 1px solid #005bac;border-radius: 0;background-color: #fff;color: #005bac;text-decoration: none;display: inline-block;position: relative;width: 158px;line-height: 10px;margin: 0;padding: 0;line-height: 32px;
}
.home_news .come_btn a::after{content: "";display: block;position: absolute;width: 6px;height: 10px;background: url(../images/icon_arrow_btn.png) no-repeat left top;right: 13px;top: 50%;margin-top: -5px;
}
.home_news .come_btn a:hover{background-color: #005bac;color: #fff;
}
.home_news .come_btn a:hover::after{background-image: url(../images/icon_arrow_btn_on.png); }

.news_cate_list {display: none;}


/************************/
.home_business .l_wrap{padding-top: 20px;padding-bottom: 25px;}
.home_business .business_list{display: flex;flex-wrap: wrap;position: relative;
}
.home_business .business_list li{ -webkit-box-sizing: border-box;box-sizing: border-box;overflow-y: hidden;
}
.home_business .business_list li.bs1,.home_business .business_list li.bs2{width: 100%;}
.home_business .business_list li.bs3,.home_business .business_list li.bs4{width: 50%;height: 170px;}
.home_business .business_list li.bs1{max-height: 500px;}
.home_business .business_list li a{text-decoration: none; color: #fff;display: flex;justify-content: center;align-items: center;position: relative;overflow: hidden;height: 100%;
}
.home_business .business_list li a::after{ content: "";position: absolute;display: block;border: 1px solid #fff;-webkit-border-radius: 50%;border-radius: 50%;background-repeat: no-repeat;background-position: center;background-size: 100%;left:50%;margin-left: -17px;
width: 34px;height: 34px;bottom: 20px;background-image:url("../images/arrow_btn.png");
}
.home_business .business_list li .bg_image{
position: relative;width: 100%;height: 100%;
display: flex;justify-content: center;align-items: center;
}
.home_business .business_list li .bg_image::before{
display: block;content: "";position: absolute;top: 0;left: 0;
text-align: center;width: 100%;background-size: cover;height: 100%;background-position: center;background-repeat: no-repeat;-webkit-transition: all 0.5s ease-in;transition: all 0.5s ease-in;
}

.home_business .business_list li a:hover .bg_image::before{ -webkit-transform: rotate(-1deg) scale(1.2);transform: rotate(-1deg) scale(1.2);
}
.home_business .business_list li.bs1 a{max-height: 500px;height: 100%;}

.home_business .business_list li a .box{
   text-shadow: 0px 0px 12px rgb(0, 0, 0);-webkit-text-shadow:0px 0px 12px rgb(0, 0, 0);
}

.home_business .business_list li a span.title{font-size: 23px;font-weight: bold;
}
.home_business .business_list li.bs3 a span.title,.home_business .business_list li.bs4 a span.title{font-size: 17px;line-height: 22px;}
.home_business .business_list li a span.sub{font-size: 100%;line-height: 1.2;margin-top: 5px;}
.home_business .business_list li .bg_image span{
display: block;text-align: center;position: relative;
}

.home_business .business_list li.bs1{height: 250px;}
.home_business .business_list li.bs2{height: 200px;padding-top: 5px;}
.home_business .business_list li.bs3{padding-top: 5px;padding-right: 5px;}
.home_business .business_list li.bs4{padding-top: 5px;padding-left: 5px;}
/*.home_business .business_list li.bs1 .bg_image::before{*/
/*   background-image:url("../images/home_business1.jpg");*/
/*}*/
/*.home_business .business_list li.bs2 .bg_image::before{*/
/*   background-image:url("../images/home_business2.jpg");*/
/*}*/
/*.home_business .business_list li.bs3 .bg_image::before{*/
/*   background-image:url("../images/home_business3.jpg");*/
/*}*/
/*.home_business .business_list li.bs4 .bg_image::before{*/
/*   background-image:url("../images/home_business4.jpg");*/
/*}*/

/************************/
.home_about .l_wrap{padding-top: 25px;padding-bottom: 65px;}
.home_about .about_list {
    padding-bottom: 15px;display: flex;
    flex-wrap: wrap;margin: 0 -5px;
}
.home_about .about_list li{margin-bottom: 10px;width: 50%;-webkit-box-sizing: border-box;box-sizing: border-box;
padding: 0 5px;
}
.home_about .about_list li a{display: table;text-decoration: none;width: 100%;
box-shadow: 0 0 4px rgba(0,0,0,0.1); -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.1);
}
.home_about .about_list li a span{font-size: 20px;line-height: 1;color: #333333;display: block;}
.home_about .about_list li a span.title{font-weight: bold;}
.home_about .about_list li a span.sub{font-size: 16px;margin-top: 6px;}
.home_about .about_list .image,.home_about .about_list .inner{vertical-align: middle;-webkit-box-sizing: border-box;box-sizing: border-box;
}

.home_about .about_list .image img{width: 100%;}
.home_about .about_list .inner{padding: 15px;text-align: center;}

/*** ***/
.l_footer_link{background: #f6f6f6;padding: 49px 0;}
.l_footer_link ul{ display: flex; }
.l_footer_link ul li{border-right: 1px solid #e3e3e3;
max-width: 244px;-webkit-box-sizing: border-box;box-sizing: border-box;
text-align: center;align-items: center;display: flex;justify-content: center;padding: 0 20px;  width: 33.33333% ; 
  width: -webkit-calc(100% / 3) ;
  width: -moz-calc(100% / 3);
  width: calc(100% / 3) ;
}
.l_footer_link ul li:first-of-type{
    border-left: 1px solid #e3e3e3;
}




@media screen and (min-width: 980px) {
  .l_wrap,.l_copy{padding-left: 6%;padding-right:  6%;} 
}

@media screen and (min-width: 1180px) {
    .area_news .in_box{padding: 5px 30px;}
    .home_about .about_list {
    flex-wrap: nowrap;
    }   
  .home_business .business_list li.bs1 {
    height: 500px;
    width: 50%;
    padding-right: 10px;
    }
  .home_business .business_list li.bs2 {
    height: 245px;
    width: 50%;
    padding-top: 0;
    }
  .home_business .business_list li.bs3, .home_business .business_list li.bs4 {
    width: 25%;
    height: 245px;
    position: absolute;
    bottom: 0;
    padding-top: 0;
    }
   .home_business .business_list li.bs1 a::after{bottom: 152px;
    }
   .home_business .business_list li.bs3 {
    right: 25%;
    }
    .home_business .business_list li.bs4 {
    right: 0;
    }
    .l_footer_link ul{ flex-wrap: wrap; }
    .l_footer_link ul li{width: 25%;}
}

@media screen and (min-width: 1670px) {
  .l_wrap,.l_copy{padding-left: 100px;padding-right: 100px;} 
  .home_business .business_list li.bs1 {
    height: 500px;
    width: 50%;
    }
  .home_business .business_list li.bs2 {
    height: 245px;
    width: 50%;
    padding-top: 0;
    }
  .home_business .business_list li.bs3, .home_business .business_list li.bs4 {
    width: 25%;
    height: 245px;
    position: absolute;
    bottom: 0;
    }
   .home_business .business_list li.bs3 {
    right: 25%;
    }
   .home_business .business_list li.bs4 {
    right: 0;
    }
   .l_footer_link ul li{width: 20%;}
}