@charset "utf-8";

/* flexslider Necessary Styles */
.flexslider{position:relative;margin:0 auto;}
.flexslider .slides > li{display:none;position:relative;-webkit-backface-visibility: hidden;}

.flexslider,
.flex-viewport,
.flexslider .slides,
.flexslider .slides > li{height:100%}

#wrapper.mainWrap .slider{position:relative;overflow:hidden;}
#wrapper.mainWrap .slider .slides{width:1000%;overflow:hidden;}
#wrapper.mainWrap .slider > .slides > li{float:left;}
.boxShadow{-webkit-box-shadow: 0px 0px 7px 1px rgba(104,127,158,0.48);
-moz-box-shadow: 0px 0px 7px 1px rgba(104,127,158,0.48);
box-shadow: 0px 0px 7px 1px rgba(104,127,158,0.48);}
#wrapper.mainWrap .slider .slides:after{content:"";display:block;clear:both;}

.slides > li{position:relative;width:100%;}

/*.slides  li.article01 */
.slides li.article01{background: url('/images/main/visu_img01.jpg') no-repeat center top;background-size:cover}
.slides li.article01 h3{padding:20px;color:#fff;font-size:50px;margin:0 auto}
.slides li.article01 h3 span{display:block;margin-bottom:10px;font-size:35px;font-weight:normal}
.slides > li.article01 > ul{margin:0 auto}
.slides li.article01 > ul > li > dl > dt{padding:10px 20px;margin-bottom:5px;color:#fff;font-size:18px;font-weight:bold;}
.slides li.article01 > ul > li:nth-child(1) > dl > dt{background-color:#ffb401}
.slides li.article01 > ul > li:nth-child(2) > dl > dt{background-color:#05ad8e}
.slides li.article01 > ul > li:nth-child(3) > dl > dt{background-color:#2159b7}
.slides li.article01 > ul > li > dl > dd{position:relative;padding:15px;color:#fff;text-align:right;border:7px solid rgba(255, 255, 255, 0.5);}
.slides li.article01 > ul > li > dl > dd > ul > li{line-height:27px;padding-left:13px;text-align:left;font-size:14px;background: url('/images/main/blet03.png') no-repeat left center;}
.slides li.article01 > ul > li > dl > dd > a{display:inline-block;position:absolute;right:10px;bottom:10px;width:77px;height:22px;padding-left:7px;color:#fff;text-align:left;background: url('/images/main/icon_arrow.png') no-repeat left bottom;}
.slides li.article01 > ul > li > dl > dd > a:hover{text-decoration:none}

/*.slides  li.article02 */
.slides li.article02{position:relative;background: url('/images/main/visu_img03.jpg') no-repeat center center;background-size:cover}
.slides li.article02 .visualTxt{position:absolute;top:50%;width:100%;height:100px;margin-top:-50px;text-align:center;color:#fff}
/*.slides li.article02 .visualTxt{position:absolute;top:50%;width:100%;height:100px;margin-top:-50px;text-align:center;color:#fff} */
.slides li.article02 .visualTxt{position:absolute;top:50%;width:100%;height:100px;margin-top:-50px;text-align:center;color:#000000}
.slides li.article02 .visualTxt h3{margin-bottom:10px;font-size:35px;font-weight:700;letter-spacing:-1px;color:#FFFFFF}
.slides li.article02 .visualTxt ul li{display:inline-block;line-height:27px;font-size:18px}

/* Direction Nav */

.flex-direction-nav a {
	display: inline-block;position: absolute; top:50%;margin: -20px 0 0;z-index: 10;overflow: hidden;
	font-size:0;letter-spacing:-999px; 
	opacity: 0;-webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease;
}
.flex-direction-nav .flex-prev {
		left:-50px;width:50px; height:50px;text-indent:-9999px;
		background:url(/images/main/btn_pre.png) no-repeat center;
		filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/main/btn_pre.png', sizingMethod='scale');
		background-size: 100%;display:inline-block;
	}
.flex-direction-nav .flex-next {
	right:-50px;width:50px; height:50px;text-align: right; text-indent:-9999px;
	background:url(/images/main/btn_next.png) no-repeat center;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/main/btn_next.png', sizingMethod='scale');
	background-size: 100%;display:inline-block;
}


/* Firefox */
@-moz-document url-prefix(){
	
    .slides li.article01 .searchArea input[type="number"]{}
}

/* Safari */
@media screen and (-webkit-min-device-pixel-ratio:0)
{
.text_wrap .text_c .img_wrap img{float:left;letter-spacing:-1px}
.text_wrap .text_c .img_wrap:after{content:"";display:block;clear:both;}
}


/* ---------------------------------- mobile ------------------------------------------------------------------------- */
@media all and (max-width:767px){  

    /* .flexslider {margin-top:0px}  */
	.flexslider .slides > li .dpLnone {display:none}

    #wrapper.mainWrap .slider > .slides > li{width:10%}

    .slider{height:605px}
    .thBM{display:block}

    
    .slider .btnPre{left:5px;}
    .slider .btnNext{right:5px;}

	.slides li.article01 h3{padding:20px 0;margin:0 auto;text-align:center;font-size:25px;}
	.slides li.article01 h3 span{margin-bottom:5px;font-size:20px;}
	.slides li.article01 > ul{margin:0 auto;}
	.slides li.article01 > ul > li{margin-bottom:5px;}
	.slides li.article01 > ul > li > dl{position:relative;overflow:hidden;}
	.slides li.article01 > ul > li > dl > dt{position:absolute;left:3px;top:3px;width:15px;height:calc(100% - 26px);line-height:30px;}
	.slides li.article01 > ul > li:nth-child(1) > dl > dt{line-height:20px}
	.slides li.article01 > ul > li > dl > dd{border-width:3px;padding:15px 15px 15px 65px;}
	.slides li.article01 > ul > li > dl > dd > ul > li{line-height:21px;font-size:13px;}
	.slides li.article01 > ul > li > dl > dd > a{position:absolute;width:60px;height:30px;line-height:30px;right:15px;bottom:15px;padding:0;text-align:center;border:1px solid #fff;background:rgba(0, 0, 0, 0.1)}
	.slides li.article01 > ul > li > dl > dd > a > span{display:inline-block;line-height:13px;vertical-align:middle}
 	/* .slides li.article01 > ul > li:nth-child(1) > dl > dd > a{background:#ffb401;}
	.slides li.article01 > ul > li:nth-child(2) > dl > dd > a{background:#05ad8e;}
	.slides li.article01 > ul > li:nth-child(3) > dl > dd > a{background:#2159b7;}  */

    /* Direction Nav */

    .flex-direction-nav a{top:50%;}
    .flexslider .flex-direction-nav .flex-prev { opacity:1.0; left: 10px; }
    .flexslider .flex-direction-nav .flex-next { opacity:1.0; right:10px; }
	.flex-direction-nav .flex-prev {
		left:-50px;width:50px; height:50px;text-indent:-9999px;
		background:url(/images/main/btn_pre.png) no-repeat center;
		filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/main/btn_pre.png', sizingMethod='scale');
		background-size: 100%;
	}
	.flex-direction-nav .flex-next {
		right:-50px;width:50px; height:50px;text-align: right; text-indent:-9999px;
		background:url(/images/main/btn_next.png) no-repeat center;
		filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/main/btn_next.png', sizingMethod='scale');
		background-size: 100%;
	}
	html.ie7 .flex-direction-nav .flex-prev,
	html.ie8 .flex-direction-nav .flex-prev,
	html.ie7 .flex-direction-nav .flex-next,
	html.ie8 .flex-direction-nav .flex-next {background-image:none}

}

/*------------------------------- tablet ----------------------------------------------------------------------------------------------*/
@media all and (min-width:768px) and (max-width:1023px) {

   /*  .flexslider{margin-top:0px}  */
    
    #wrapper.mainWrap .slider,
    #wrapper.mainWrap .slider > .slides{height:455px;overflow:hidden;}
    #wrapper.mainWrap .slider > .slides > li{width:10%;height:445px;overflow:hidden;}
    
    .slider .btnPre{left:50%;margin-left:-380px;}
    .slider .btnNext{left:50%;margin-left:330px}        
	
	.slides > li.article01 h3{text-align:center}
	.slides > li.article01 > ul > li{float:left;width:33.33%;letter-spacing:-1px}
	.slides > li.article01 > ul > li > dl{margin:0 5px;}
	.slides li.article01 > ul > li > dl > dd{min-height:225px;padding:10px;}
	.slides li.article01 > ul > li > dl > dd > a{margin-top:10px;}

	/* .slides li.article01 .visualTxt{padding:110px 85px;}
	.slides li.article01 .visualTxt h3{height:90px;} */
    
	/*.slides li.article02 .visualTxt{padding:130px 200px 0px 225px;}
	 .slides li.article02 .visualTxt p{font-size:23px;} */
	 .slides li.article02 .visualTxt ul li{margin:0 5px;}
	.slides li.article02 .visualTxt ul li:nth-child(3){display:block}

    /* Direction Nav */
    .flexslider .flex-direction-nav .flex-prev {left:10px;}
	.flex-direction-nav .flex-prev {left:-50px;width:50px;height:50px;text-indent:-9999px;opacity:1.0;background:url(/images/main/btn_pre.png) no-repeat center;}
	.flex-direction-nav .flex-next {right:10px;width:50px;height:50px;text-align: right; text-indent:-9999px;opacity:1.0;background:url(/images/main/btn_next.png) no-repeat center;}
	html.ie7 .flexslider .flex-direction-nav .flex-prev{left:10px;}
	html.ie7 .flexslider .flex-direction-nav .flex-next{right:10px;}

}

/* ----------------------------desktop -------------------------------------------------------------------------------------------------*/
@media all and (min-width:1024px) {

   
	/* flexslider Necessary Styles */
	
   /*  .flexslider{margin-top:0px}  */

    #wrapper.mainWrap .slider,
    #wrapper.mainWrap .slider > .slides{height:465px;overflow:hidden;}
    #wrapper.mainWrap .slider > .slides > li{width:10%;height:445px;overflow:hidden;}
       
    .slider .btnPre{left:80%;margin-left:-470px;}
    .slider .btnNext{left:80%;margin-left:415px}
	
	.slides > li.article01 h3{width:505px;}
	.slides > li.article01 h3 p{margin-left:50px;}
	.slides > li.article01 > ul{width:910px;}
	.slides > li.article01 > ul > li{float:left;width:33.33%;}
	.slides > li.article01 > ul > li > dl{margin:0 15px;}
	.slides li.article01 > ul > li > dl > dd{min-height:225px;}
	.slides li.article01 > ul > li > dl > dd > a{margin-top:10px;}
    /* .slides li.article01 .inner */
	/* .slides li.article01 .visualTxt{width:800px;margin:105px auto;}
	.slides li.article01 .visualTxt h3{height:95px;} */
    
	 .slides li.article02 .visualTxt ul li{margin:0 5px;}
	 .slides li.article02 .visualTxt{left:50%;width:450px;margin-left:-275px}

	/* Direction Nav */
	.flex-direction-nav .flex-prev{left:50%;opacity:1;width:50px;height:50px;text-indent:-9999px;margin-left:-500px;background:url(/images/main/btn_pre.png) no-repeat center;}
	.flex-direction-nav .flex-next {left:50%;opacity:1;width:50px;height:50px;text-indent:-9999px;margin-left:450px;text-align: right;background:url(/images/main/btn_next.png) no-repeat center;}
	/*html.ie8 .flexslider .flex-direction-nav .flex-prev,
	html.ie7 .flexslider .flex-direction-nav .flex-prev{left:50px;}
	html.ie8 .flexslider .flex-direction-nav .flex-next,
	html.ie7 .flexslider .flex-direction-nav .flex-next{right:50px;}*/

}	

/* ----------------------------wide -------------------------------------------------------------------------------------------------*/
@media all and (min-width:1280px) {
	#wrapper.mainWrap .slider,
    #wrapper.mainWrap .slider > .slides{height:485px;}

	.flex-direction-nav .flex-prev{margin-left:-630px}
	.flex-direction-nav .flex-next{margin-left:580px}
	
	.slides > li.article01 > ul{width:1150px;}
	.slides li.article01 > ul > li > dl > dd > ul > li{line-height:30px;font-size:16px;}

	.slides li.article02 .visualTxt h3{font-size:40px;margin-bottom:15px;}
	.slides li.article02 .visualTxt ul li{line-height:30px;font-size:20px}
	.slides li.article02 .visualTxt{left:50%;width:600px;margin-left:-300px}	
	.slides li.article01 > ul > li > dl > dd{min-height:242px;}
	.slides li.article01 > ul > li > dl > dd > a{padding-left:0;font-size:16px;}
	
	
}