@charset "utf-8";
#sub_visual{
    text-align: center;
    background-image: url(/images/sub_visual1.png);
    background-repeat: no-repeat;
    background-position: center center;
	background-size: cover; 
}
.sub_visual_wrap{}

#lnb{
    padding-top: 70px;
}
#lnb span{
	display: inline-block;
	margin-left: 10px;
}
.lnb_img{
}
.lnb_home{
	width: 17px;
}
.lnb_home img{
	vertical-align: middle;
}
.lnb_p{
	width: 9px;
}
.lnb_p img{
	vertical-align: middle;
}
.lnb_img img{
	width: 100%;
}
.lnb_txt{
	transform: translateY(2px);
}
.sub_title{
	color:#fff;
    padding-bottom: 65px;
    font-size: 3rem;
    line-height: 2;
}
#sub_wrap{
    padding-top: 30px;
}
#side_lnb{
    float: left;
    width: 17%;
}
.side_wrap{}
.side_tit{
	padding: 40px 0;
	border-radius:10px 30px 0px 0px;
	text-align: center;
	color: #009893;
	font-size: 2.2rem;
	
	background-color: #e4efe7;
	background-image: url(/images/sub_lnb_bg.png);
	background-repeat: no-repeat;
	background-position: 20px 25px;
	background-size: 90px;
	margin-bottom:2px;
}
.side_tit span{
	display: block;
}
.side_lnb_wrap{
	padding-top: 0px;
}
.side_lnb_wrap ul{}
.side_lnb_wrap ul li{
	margin-bottom: 0px;
}
.side_lnb_wrap ul li a{
	border-radius:3px;
	display: block;
	border: 1px solid #ccc;
	/*border-top:none;*/
	line-height: 50px;
	text-indent: 20px;
	transition: 0.3s;
	margin-bottom:2px;
}

.side_lnb_wrap ul li:last-child{margin-bottom:20px;}


.side_lnb_wrap ul li a:hover, .side_lnb_wrap ul li a:focus{
	color: #fff;
	background-color: #009893;
}
.side_lnb_wrap ul li a.active{
	color: #fff;
	background-color: #009893;
}

#sub_content{
    float: right;
    width: 83%;
    margin-bottom: 80px;
    padding-left: 30px;
}
.name_wrap{}    
.sub_con_tit{
    text-align: left;
}
.sub_con_tit{
	position: relative;
	display: inline-block;
	padding-left: 30px;
    text-align: left; 
}
.sub_con_tit:before{
	content: '';
	display: block;
	position: absolute;
	left: 0;
	top: 9px;
	width: 21px;
	height: 21px;
	background-image: url(/images/h2box.png);
	background-repeat: no-repeat;
	background-size: contain;
}
.sub_con1_wrap{
    padding-top: 20px;
}

.con_mg{ 
	margin-bottom: 60px;
}
.h3_tit{	
	position: relative;
	padding-left: 10px;
	padding-bottom: 10px;
	font-size:2.0rem;
}
.h4_tit{ 
	padding-left: 10px;
	padding-bottom: 10px; color: #07157e; padding-top: 10px
}
.h4_tit span{ 
	color: #fff; background: #004da0; width: 30px; display: inline-block; text-align: center
} 
.h3_tit:before{
	content: '';
	display: block;
	position: absolute;
	/*left: 0;*/
	top: -2px;
	width: 20px;
	height: 4px;
	background-color: #004da0;
}
.txt_cir{
	position: relative;
	padding-left: 10px;
}
.txt_cir:before{
	content: '';
	display: block;
	position: absolute;
	left: 0;
	top: 8px;
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background-color: #004da0;
}
.txt_bar{
	position: relative;
	padding-left: 15px;
}
.txt_bar:before{
	content: '';
	display: block;
	position: absolute;
	left: 0;
	top: 9px;
	width: 10px;
	height: 3px;
	background-color: #004da0;
}
.txt_box{
	padding: 20px;
	background-color: #f4f4f4;
}


@media screen and (max-width:1279px){
    #sub_con1 {
        float: inherit; 
        width: 100%;
    }
    
    #side_lnb{
        float: none;
    }
    .side_wrap{}

    #sub_content{
        float: none;
        width: inherit;
        margin-bottom: 60px;
        padding-left: 0;
    } 
    .sub_con_tit{
        text-align: center;
    }
}


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

#sub_visual{
    text-align: center;
    background-image: url(/images/sub_visual_m.png);
    background-repeat: repeat;
    background-position: center center; height: 130px
}
	
.sub_title{
    padding-bottom: 65px;
    font-size: 2rem;
    line-height: 2;
}
#lnb{
    padding-top: 20px;
}
}