@charset "UTF-8";

/*sub top 2depth*/
.subVisual			{ height:200px; text-align:center; background:url(/_static/yjcf/img/common/subVisual.png) 50% 0 no-repeat #000; }
.subVisual.subVisual1				{ background-image:url(/_static/yjcf/img/common/subVisual1.png); }
.subVisual.subVisual2				{ background-image:url(/_static/yjcf/img/common/subVisual2.png); }
.subVisual.subVisual3				{ background-image:url(/_static/yjcf/img/common/subVisual3.png); }
.subVisual.subVisual4				{ background-image:url(/_static/yjcf/img/common/subVisual4.png); }
.subVisual.subVisual5				{ background-image:url(/_static/yjcf/img/common/subVisual5.png); }
.subVisual.subVisual6				{ background-image:url(/_static/yjcf/img/common/subVisual6.png); }
.subVisual.subVisual7				{ background-image:url(/_static/yjcf/img/common/subVisual7.png); }
.subVisual.subVisual8				{ background-image:url(/_static/yjcf/img/common/subVisual8.png); }
.subVisual > div					{ padding-top:87px;}
.subVisual > div h2			{ font-size:2.5em; color:#fff; display:block; line-height: 1;  }
.subVisual > div p				{color: #fff; margin-top: 6px;}

/* quick_wrap */
.quick_wrap{position:relative;z-index:1;height: 50px;background: #fff;transition: all .3s ease;border: 1px solid #cccccc;border-width: 1px 0;}
.quick_wrap .container {padding: 0;}
.quick_wrap.scrolled{
	width: 100%;
	top: 0;
}

.snb_link{float:left;}
.snb_link > li.home{background: #fff;text-align:center;}
.snb_link > li.home .icon_home{display:block; min-width: 50px; padding:0; border-right:0; background-image: url("/_static/yjcf/img/sub/home.png"); background-position:center center; background-repeat:no-repeat;}
.snb_link > li.only{background: transparent;}
.snb_link > li {
	float:left;
	position: relative;
	height: 48px;
	background-color: #fff;
	background-image:url("/_static/yjcf/img/sub/bar_on2.png");
	background-position:right 20px center;
	background-repeat:no-repeat;
	/* border-left: 1px solid #cccccc; */
}
.snb_link > li.on {background-image: url("/_static/yjcf/img/sub/bar_on.png"); background-position: right 20px center; background-repeat:no-repeat;}
.snb_link > li.home.on{background: #fff;}
.snb_link > li > a{display:block;min-width:250px;height: 48px;line-height: 48px;padding-left: 30px;padding-right: 60px; border-left: 1px solid #cccccc; /* color: #fff; */font-size: 0.938em;}
/* .snb_link > li.on > a {color:#fff;} */
.snb_link > li.on > a:after { transform: rotate(180deg);}
.snb_link > li.only.on{background: transparent;}
.snb_link > li:last-child{border-right: 1px solid #cccccc;}

.snb_link li .L2_Items {display:none; left: -999em; position: absolute; z-index: 100; top:48px;}
.snb_link li.on .L2_Items{display:block; left: 0; background: #fff; border:1px solid #ccc; width:calc(100% + 1px);}
.snb_link li.de_2items .L2_Items {width:100.5%;}
.snb_link li.de_2items.on .L2_Items {left:-1px;}

.snb_link li .L2_Items li {float: inherit;position: relative; display: inline-block; width: 100%; margin: 0 auto;  border-top: 1px solid #ccc;}
.snb_link li .L2_Items li:first-child{border-top: 0;}
.snb_link li .L2_Items li a{display:block; width:100%; padding:14px 10px 15px 30px;  font-size: 0.938em;}
.snb_link li .L2_Items li a:hover,.snb_link li .L2_Items li a:focus {color:#254e97;}

.snb_link > li.de_3items > a.de_menu2 {width:170px; padding-right:0;}

.snb_link li:last-child.only{background:#254e97;}

/* .sub_section */ 
.sub_section{padding-top: 47px; min-height: 1200px; padding-bottom: 114px;}

/* sub title */
.sub_top_tit{ position: relative; display: block;}
h3.sub_top_tit{ margin-bottom: 30px;}
h3.sub_top_tit span{
	position: relative;
    line-height: 1;
    display: inline-block;
    padding-bottom: 20px;
    font-size: 1.875em;
    color: #000000;
    font-weight: 600;
}
h3.sub_top_tit:after{
	content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    background: #dedede;
    height: 1px;
}

/*05.16*/
.main_wrap .container{max-width: 1200px;}
.container{position: relative; z-index: 0; max-width: 1200px; margin: 0 auto;}

.lnb_wrap{
	/* width: 250px; */
	width: 19.012%;
	float: left;margin-right: 3%;}
.lnb_wrap h2.lnbTit > span{
	color: #fff;
    display: block;
    font-size: 1.875em;
    line-height: 1;
    padding: 55px 0;
    background: #254e97;
    text-align: center;
    font-weight: 600;
}
.lnb_wrap h2.lnbTit.line2{margin-bottom: 27px;}
.lnb_wrap>ul{width:100%; border-bottom: 1px solid #ddd;}
.lnb_wrap>ul>li{border-top: 1px solid #ddd;}
.lnb_wrap>ul>li.on{background: #fff;}
.lnb_wrap>ul>li:first-child{border-top: 0;}
.lnb_wrap>ul>li h3{display: block;width: 100%;height: 59px;line-height: 59px;}
.lnb_wrap>ul>li h3 > a {
    vertical-align:middle;
    padding:0 50px 0 22px;
    color: #353535;
    width: 100%;
    font-size: 1.188em;
    font-weight: 600;
    display: inline-block;
    line-height: 1.3;
	position: relative;
	word-break: keep-all;
}

.lnb_wrap>ul>li> h3 a:after{
	content:''; display: block; position: absolute; top: 50%; right: 22px; 
	background: url(/_static/yjcf/img/sub/lnb_arrow.png) no-repeat center;
	transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%);
	width: 7px; height: 12px; background-size: 100%;
}
.lnb_wrap>ul>li.on> h3 a:after{
	content:''; display: block;
	background: url(/_static/yjcf/img/sub/lnb_arrow_on.png) no-repeat center;
}
.lnb_wrap>ul>li ul {background:#fff;padding: 22px 5px 23px 20px; display: none; border-top: 1px solid #ddd;}
.lnb_wrap>ul>li.on ul { display: block;}
.lnb_wrap>ul>li ul li { position: relative; margin-top: 16px; padding-left: 13px;}
.lnb_wrap>ul>li ul li:first-child{margin-top: 0;}
.lnb_wrap>ul>li ul li a{color: #4e4e4e;display: block;word-break: keep-all;font-weight: 500;
	line-height: 1;
}
.lnb_wrap>ul>li ul li a:hover, .lnb_wrap>ul>li ul li a:focus{color: #000;}
.lnb_wrap>ul>li ul li a.on {
    position: relative;
    color: #254e97;
    font-weight: 600;
}
.contents_wrap{
	width: calc(100% - 22.1%);
    display: inline-block;
}

/*0201*/
.contents_wrap.full{width: 100%;}
@media all and (max-width:1200px){

	/* sub title */
	h3.sub_top_tit span{font-size:1.625em;}
	
	/*05.16*/
	.lnb_wrap>ul>li h3 > a{padding: 0 30px 0 12px;}
	.lnb_wrap>ul>li> h3 a:after{right: 12px;}
	.lnb_wrap>ul>li ul{padding: 12px 5px 13px 10px;}
}

@media all and (max-width:1024px){

	/* .sub_section */ 
	.sub_section{padding: 67px 30px;}

	/*05.16*/
	.lnb_wrap{display: none;}
	.contents_wrap{width: 100%;}

	.visual_wrap{display: none;}
	
	.quick_wrap{border: 0;}
	/* .snb_link */
	
	.snb_link > li > a{min-width:185px;}
	.snb_link{
		width: calc(100% - 100px);
		margin-left: 50px;
	}
	.snb_link > li{
		float: left;
		position: relative;
		height: 49px;
		background-image: url(/_static/yjcf/img/sub/bar_on2.png);
		background-position: right 20px center;
		background-repeat: no-repeat;
		width: 50%;
		top: 0;
		left: 0;
		border-bottom: 1px solid #ccc;
	}
	.snb_link > li.home{top: 0;
		position: absolute;
		width: 50px;
		left: 0;
	}
	.snb_link > li:last-child{width: calc(50% + 0px);}
	.snb_link > li:nth-child(4){width: calc(50% + 1px);}
}

@media all and  (max-width:860px){

	/* .sub_section */
	.sub_section{padding: 80px 15px 80px;}

	 /* .quick_wrap */
	 .quick_wrap{height:50px;}	 
	 .snb_link > li.home .icon_home{min-width: 50px;}
	 /* .snb_link */
	 .snb_link > li{height:49px;}
	 .snb_link > li > a{line-height:50px; height:49px;  min-width:135px; padding:0 30px 0 10px; font-size:0.938em;}
	 .snb_link li .L2_Items{top:50px;}
	 .snb_link li .L2_Items li a{padding-left:10px; font-size:0.938em;}

}
@media all and  (max-width:767px){
	

	/* sub title */
	h3.sub_top_tit{margin-bottom: 30px;}
	h3.sub_top_tit span{font-size:1.5em; }
}
	
@media all and (max-width:580px){

	/* .snb_link */
	/* .snb_link{ width: calc(100% - 50px);
		-webkit-width: calc(100% - 50px);
		-moz-width: calc(100% - 50px);
	} */
	/* .snb_link > li:nth-child(2){display: none;} */
	.snb_link > li > a{min-width: 100%;}
	/* .snb_link > li:not(:first-child){width: 44%;} */
	/* .snb_link > li.full{width: calc(100% - 50px);} */

	.subVisual					{ height:80px;background-size:auto 100%; }
	.subVisual > div			{ font-size:0; }
	.subVisual > div h2			{ font-size:22px; font-weight:normal; color:#fff; display:inline-block; padding:26px 0 8px; }

	.sub_rtop{position: absolute; top: 0; right: 0;}


	/* h3.sub_top_tit */
	h3.sub_top_tit{margin-bottom: 15px;}
    h3.sub_top_tit span{font-size:1.250em; padding-bottom: 12px;}
}


@media all and (max-width:479px){

	

	/* .sub_section */
	.sub_section{padding: 95px 10px 50px;}

	.quick_wrap{height: 35px;}
	/* .sub_wrap */
	.snb_link{ 
		width: calc(100% - 70px);
    	margin-left: 35px;			
	}	
	.snb_link > li{ width: 100%; border-right: 1px solid #ccc;}

	.snb_link > li {height:35px; background-position: right 10px center;}	
	.snb_link > li > a {min-width:90px; height:35px; line-height:35px; padding-left:9px; padding-right:34px; font-size: 0.875em; } 
	.snb_link > li.on {background-position:right 10px center;}
	

	.snb_link li .L2_Items {top:34px;}
	.snb_link li .L2_Items li {height:35px; line-height:35px; padding-left:10px;}
	.snb_link li .L2_Items li a {padding:9px 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; word-break: keep-all; line-height: 1; font-size: 0.875em;}
	.snb_link > li.home .icon_home {min-width:35px; height: 35px;}
		

	.etc_area > li {width:35px; height:35px;}
	.snb_sns.show {left:-198px;}
	.snb_sns > li {height:35px; }
	.snb_sns li a {width:35px; padding:8px 0; font-size:0.875em;}

	.snb_link > li.home{width:35px; border-right: 0;}
	.snb_link > li:last-child{width: 100%;}
	.snb_link > li:last-child a{
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	word-break: keep-all;
	}
}