@charset "utf-8";
/*main css*/
.center{text-align: center;}
.bold{font-weight: 800;}

/**
 * Maincommon
 */
div.section{padding:80px 0;}
div.section p.category{margin-bottom:25px; font-weight:500; color:#555;}
div.section p.emphasis{margin-bottom:38px; font-size:18px; color:#333; font-weight:500;}
div.section h3{position:relative; font-size:3.6rem; font-weight:700; line-height:110%; color:#333; text-align:left; margin-bottom:15px; }
div.section h3:before{content:"";width:10px; height:10px; background:#2e36a3; display:inline-block; margin-right:10px;  border-radius: 50%;  vertical-align: top;}
div.section p.cont{margin-bottom:20px;}
div.section h3 span{position:relative; font-weight:800;}
div.section .btn.read_more{display:inline-block; height:60px; line-height:60px; vertical-align:middle;}
div.section .btn.read_more i{padding-left:10px; font-size:24px; vertical-align:middle;}
div.inner{margin:0 auto; width:1400px;}

p.text_title{font-size: 1.8rem; font-weight:600;}
p.text_sub{font-size: 1.6rem; font-weight:600;}
p.text_body{font-size: 1.6rem; font-weight:500; color:rgba(0, 0, 0, 0.5);}
a.btn_box{width:160px; display:block; line-height:50px; text-align:center;height:50px; border-radius:5px; color:#fff;}

ul.dot_list{}
ul.dot_list li{position:relative; padding:2px 0 2px 10px; font-size: 14px; line-height:150%; }
ul.dot_list li:before{position:absolute; top:10px; left:0; display:block; content:""; width:3px; height:3px; background:#6a7a89;  border-radius: 50%;}


/*mainvisual*/
div.mainvisual{ position:relative; background:#ebebeb;}
div.mainvisual div.visual_list{margin-bottom:0 !important;}
div.mainvisual div.visual_list div.visual{position:relative; height:800px; outline: none;}
div.mainvisual div.visual_list div.bg1{background:url("../img/main/bg_m_visual01.jpg") center center no-repeat;}
div.mainvisual div.visual_list div.bg2{background:url("../img/main/bg_m_visual02.jpg") center center no-repeat;}
div.mainvisual div.visual_text{position: absolute; left: 50%; top: 48%; transform:translate(-50%, -50%); width:120rem; z-index:10;}
div.mainvisual div.visual_text p{/* text-shadow:0 0 15px rgba(0, 0, 0, 0.5); */ color:#fff; line-height:160%; text-align:left;}
div.mainvisual div.visual_text p.title{position:relative; font-size:6rem; font-weight:500; line-height:110%;}
div.mainvisual div.visual_text p.sub_text{margin-top:30px; font-size:1.6rem; font-weight:400; opacity:0.8;}
div.mainvisual div.visual_text a{ background:#053391;margin-top:5rem;}

div.mainvisual div.visual_list .slick-dots{bottom:12rem;} 


div.mainvisual .slick-prev, 
div.mainvisual .slick-next {border-radius:0;top:50%; transform:translateY(-50%); background:rgba(0, 0, 0, 0.2); font-size:0; line-height:0; position:absolute; display:block; width:50px; height:50px; padding:0; -webkit-transform:translate(0, -50%); -ms-transform:translate(0, -50%); transform:translate(0, -50%); cursor:pointer; color:transparent; border:none; outline:none; z-index:50; }
div.mainvisual .slick-prev:before, 
div.mainvisual .slick-next:before {padding: 0 13px; font-size: 20px; line-height: 1; color:#fff; opacity:1;}
div.mainvisual .slick-prev{left: 5%;}
div.mainvisual .slick-next{right: 5%;}
div.mainvisual .slick-prev:hover, 
div.mainvisual .slick-next:hover{background:#333;}
div.mainvisual .slick-prev:hover:before, 
div.mainvisual .slick-prev:focus:before, 
div.mainvisual .slick-next:hover:before, 
div.mainvisual .slick-next:focus:before {color:#fff;}



/*m_sec1*/
#m_sec1{position:relative; background:#7a828a;}
#m_sec1.section{padding:0;}
#m_sec1 ul li{width: 14.2%; height:160px; border-left:1px solid rgb(255, 255, 255, 0.1 ); box-sizing:border-box;}
#m_sec1 ul li:last-child{border-right:1px solid rgb(255, 255, 255, 0.1 ); box-sizing:border-box;}
#m_sec1 ul li:hover{ background:#053391; border:none;}
#m_sec1 ul li p{text-align:center; color:#fff;}
#m_sec1 ul li a{width:100%; height: 100%; display:block;}
#m_sec1 ul li span{display:block; width:90px; height:90px; background:url("../img/main/bg_icon.png")0 0 no-repeat; margin:2rem auto 0 auto;}
#m_sec1 ul li:nth-child(2) span{background-position:-90px 0px;}
#m_sec1 ul li:nth-child(3) span{background-position:-180px 0px;}
#m_sec1 ul li:nth-child(4) span{background-position:-270px 0px;}
#m_sec1 ul li:nth-child(5) span{background-position:-540px 0px;}
#m_sec1 ul li:nth-child(6) span{background-position:-450px 0px;}
#m_sec1 ul li:nth-child(7) span{background-position:-360px 0px;}

/*m_sec2*/
#m_sec2{}
#m_sec2.section{padding:60px 0;}
#m_sec2 div.left{}
#m_sec2 div.left button{ font-size:3rem; font-weight:700;}
#m_sec2 div.left i{padding-right:3rem;}
#m_sec2 div.left p{display:inline; vertical-align: middle; padding-left:10px;}
#m_sec2 div.left p:before{content:"";width:1px; height:14px; background:#ddd; display:inline-block; margin-right:15px;}
#m_sec2 div.right{width:25%;}
#m_sec2 div.right li:first-child{margin-right:4%;}
#m_sec2 div.right li:first-child a{background:#053391; }
#m_sec2 div.right li:last-child a{background:#4ba934;}



/*m_sec3*/
#m_sec3{background: #eeeeee;}
#m_sec3 ul{margin-top:50px;}
#m_sec3 ul li{width:24%; margin-right:1%;}
#m_sec3 ul li:last-child{margin-right:0;}
#m_sec3 ul li a{width:100%; display:block;}
#m_sec3 ul li div{width:100%; height:200px; display:block;}
#m_sec3 ul li div span{position:relative; width:100%; height:100%; background:rgba(0, 0, 0, 0.5); display:none;}
#m_sec3 ul li div span i{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);  color:#fff; font-size:4.8rem;}
#m_sec3 ul li:hover div span{ display:block;}
#m_sec3 ul li:first-child div{ background:url("../img/main/img_m_sec3_1.jpg")center center no-repeat; background-size:cover;}
#m_sec3 ul li:nth-child(2) div{ background:url("../img/main/img_m_sec3_2.jpg")center center no-repeat; background-size:cover;}
#m_sec3 ul li:nth-child(3) div{ background:url("../img/main/img_m_sec3_3.jpg")center center no-repeat; background-size:cover;}
#m_sec3 ul li:last-child div{ background:url("../img/main/img_m_sec3_4.jpg")center center no-repeat; background-size:cover;}
#m_sec3 ul li p{}
#m_sec3 ul li p.text_title{padding-top:40px;}
#m_sec3 ul li p.text_body{margin:20px 0 10px; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2;  -webkit-box-orient: vertical;}
#m_sec3 ul li p.btn_more{color:rgba(0, 0, 0, 0.5); padding:0; width:120px; text-align:left; position:relative;}
#m_sec3 ul li p.btn_more i{font-size:2.4rem; position:absolute; top:53%; right:0; transform:translate(-50%, -50%);}


/*m_sec4*/
#m_sec4{}
#m_sec4.section{padding:0; }
#m_sec4{background:url("../img/main/bg_m_sec4.jpg") 69% center no-repeat; background-size: cover; padding:50px 0;}
#m_sec4 div.left{padding:3% 0;}
#m_sec4 div a{width:100%; display:block;}
#m_sec4 div.left p.banner_tit{font-size:3.6rem; color:#fff; font-weight:800;}
#m_sec4 div.left p.text_body{color:rgba(255, 255, 255, 0.5);}
#m_sec4 div.left span{margin-top:20px; border:1px solid #fff; width:240px; height:50px; text-align:center; line-height:50px; border-radius:5px; color:#fff; display:block;}
#m_sec4 div.left span i{padding-left:20px;}
#m_sec4 div.left span:hover{background:#fff; color:#053391;}
/*m_sec5*/
#m_sec5{}
#m_sec5 div.left{width:25%; background:url("../img/main/bg_m_sec5.png")left center no-repeat; height: 220px;}
#m_sec5 div.right{width:75%;}
#m_sec5 div.right ul li{width:33.3%;}
#m_sec5 div.right ul li a{width:100%; display:block;}
#m_sec5 div.right ul li div{padding:0 20px;}
#m_sec5 div.right ul li div p.text_body{margin:30px 0 20px; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 3;  -webkit-box-orient: vertical;} 
#m_sec5 div.right ul li div p.text_date{color:rgba(0, 0, 0, 0.5);}

@media screen and (max-width: 1300px){
div.mainvisual ul.visual_list li div.visual_text{width:1000px;}

div.mainvisual .slick-prev, 
div.mainvisual .slick-next {display:none;}
div.mainvisual .slick-prev:before, 
div.mainvisual .slick-next:before {display:none;}
div.mainvisual .slick-prev, 
div.mainvisual .slick-arrow{display:none; background:none;}

}

@media screen and (max-width: 740px){

/**
 * Maincommon
 */
div.section{padding:15% 0;}
div.section > div{padding:0 4%; box-sizing:border-box;}
div.section p.category{margin-bottom:10px; font-weight:500; color:#555;}
div.section p.emphasis{margin-bottom:15px; font-size:18px; color:#333; font-weight:500;}
div.section h3{font-size:3rem; margin-bottom:3%; }
div.section h3 span:after,
div.section p.cont{margin-bottom:10px;}
div.section h3 span{font-weight:800;}
div.section .btn.read_more{display:block;}
div.section .btn.read_more i{padding-left:10px; font-size:24px; vertical-align:middle;}
div.inner{position:relative; margin:0 auto; width:100%; padding:0 4%;}
    
p.text_title{font-size: 1.8rem;}
p.text_body{font-size: 1.4rem;}
p.text_img{font-size: 1.6rem;}
p.text_sub{font-size: 1.3rem; }

/*mainvisual*/
div.mainvisual{ margin:0;}
div.mainvisual div.visual_list div.visual{padding-top:30%; height:auto; background-size:cover;}
div.mainvisual div.visual_text{width:30rem; top:53%; text-shadow: 0 0 7px #222;}
div.mainvisual div.visual_text p.title{font-size:6vw;}
div.mainvisual div.visual_text p.title img{width: 50%;}
div.mainvisual div.visual_text p.title:before{width:30px; height:1px; left:44%; bottom:-10%;}
div.mainvisual div.visual_text p.title_top{font-size:1.2rem; margin-bottom:0;}
div.mainvisual div.visual_text p.sub_text{margin-top:2%; font-size:1.6vw; }
div.mainvisual div.visual_text p.sub_text br{display:none;}
div.mainvisual div.visual_list .slick-dots{display:none !important;/* bottom:0.1rem; */}


/*m_sec1*/
#m_sec1{}
#m_sec1.section{}
#m_sec1 ul li{width:33%; height:111px; border-left:none;}
#m_sec1 ul li:last-child{border-right:none; }
#m_sec1 ul li:hover{ background:#053391; border:none;}
#m_sec1 ul li p{padding:0;}
#m_sec1 ul li span{margin-top:1rem; width:60px; height:60px; background-size: 700%;}
#m_sec1 ul li:nth-child(2) span {background-position: -60px 0px;}
#m_sec1 ul li:nth-child(3) span {background-position: -120px 0px;}
#m_sec1 ul li:nth-child(4) span {background-position: -180px 0px;}
#m_sec1 ul li:nth-child(5) span {background-position: -240px 0px;}
#m_sec1 ul li:nth-child(6) span {background-position: -300px 0px;}


/*m_sec2*/
#m_sec2{}
#m_sec2.section{padding: 10% 0;}
#m_sec2 div.left{width:100%;}
#m_sec2 div.left button{ font-size:2rem; width:100%;}
#m_sec2 div.left i{padding-right:1rem;}
#m_sec2 div.left p{display:block; padding-left:0;    text-align: center;}
#m_sec2 div.left p:before{display:none;}
#m_sec2 div.right{margin-top:10%; width:100%;}
#m_sec2 div.right li{width:50%;}
#m_sec2 div.right li:first-child{margin-right:0;}
#m_sec2 div.right li:first-child a{width:99%; margin-right: 1%; }
#m_sec2 div.right li:last-child a{width:99%;}




/*m_sec3*/

#m_sec3{}
#m_sec3 ul{margin-top:10%;}
#m_sec3 ul li{width:100%; margin:0 0 15%;}
#m_sec3 ul li div{width:100%; height:200px; display:block;}


/*m_sec4*/
#m_sec4{}
#m_sec4.section{padding:0;}
#m_sec4 div.m_sec4_bg{background:url("../img/main/bg_m_sec4_m.png") center center no-repeat; background-color: #009688;}
#m_sec4 div.left{}
#m_sec4 div.left p.text_body{color:rgba(255, 255, 255, 0.9);}


/*m_sec5*/
#m_sec5{}
#m_sec5 div.left{width:100%; background:none; height: auto;}
#m_sec5 div.right{width:100%;}
#m_sec5 div.right ul li{width:100%; border-bottom:1px solid #ddd;}
#m_sec5 div.right ul li:last-child{border-bottom:0;}
#m_sec5 div.right ul li div{padding:8% 0;}
#m_sec5 div.right ul li div p.text_body{margin: 5% 0; } 
#m_sec5 div.right ul li div p.text_date{font-size: 1.3rem;}

}