@CHARSET "UTF-8";

#_JW_stMp_basic{

}
#_JW_stMp_basic li {
	width: 100%;
    position: relative;
}
#_JW_stMp_basic > ul > li::before{content:""; display: block; position: absolute; left: 0; top: 0; width: 300px; height: 3px; background-color: #2198b0; z-index: 2;}
#_JW_stMp_basic li ._stMpWrap {
    border-bottom: 1px solid #d5d5d5;
    font-size: 1.1em;
    padding: 35px 0 0 0;
    overflow: hidden;
    position: relative;
    background-color: #fff;
}
#_JW_stMp_basic li:first-child ._stMpWrap{border-top: 1px solid #d5d5d5;}

#_JW_stMp_basic li > ._stMpWrap::after {content: ""; display: block; clear: both;}

#_JW_stMp_basic li ._stMpWrap > .stMp_Title {
	display: block;
	float: left; width: 350px;
	font-size: 26px;
	letter-spacing: -0.5px;
	font-family: "Noto Medium";
	color: #006276;
    line-height: 1;

}

#_JW_stMp_basic li ._stMpWrap > .stMp_Title span{padding-right: 35px; position: relative;}
#_JW_stMp_basic li ._stMpWrap > .stMp_Title[target=_blank] span::before{content:""; display: block; position: absolute; width: 15px; height: 14px; background: url(../images/link.png); right: 0; top: 50%; margin-top: -7px;}

#_JW_stMp_basic li ._stMpWrap > ul {
	float: right;
	width: calc(100% - 350px);
}
#_JW_stMp_basic li ._stMpWrap > ul > li {
	display: inline-block;
	width: 24.6%;
	margin-bottom: 30px;
    vertical-align: top;
}

#_JW_stMp_basic li ._stMpWrap > ul > li > ul.on{min-height: 145px;}

#_JW_stMp_basic li ._stMpWrap ul li:last-child {
	border-left: 0;
}


#_JW_stMp_basic li ._stMpWrap > ul > li > a {
	position: relative;
	display: block;
	font-size: 20px;
	line-height: 25px;
	letter-spacing: -0.5px;
	color: #111111;
	font-family: "Noto Medium";
    margin-left: 50px;
    margin-bottom: 15px;
}
#_JW_stMp_basic li ._stMpWrap > ul > li > a:hover span{color: #006276;}

#_JW_stMp_basic li ._stMpWrap > ul > li > a[target=_blank] span{position: relative; padding-right: 35px;}
#_JW_stMp_basic li ._stMpWrap > ul > li > a[target=_blank] span::before{content:""; display: block; position: absolute; width: 15px; height: 14px; background: url(../images/link.png); right: 0; top: 50%; margin-top: -7px;}

#_JW_stMp_basic li ._stMpWrap ul li ul {
	padding-left: 50px;
}
#_JW_stMp_basic li ._stMpWrap > ul > li > ul > li {
	position: relative;
	padding-left: 15px;
    line-height: 1;
}

#_JW_stMp_basic li ._stMpWrap ul li ul ul{padding-left: 0;}

#_JW_stMp_basic li ._stMpWrap > ul > li > ul > li::before{content:""; display: block; position: absolute; width: 4px; height: 4px; background-color: #666666; border-radius: 50%; top: 17px; left: 0;}

#_JW_stMp_basic li ._stMpWrap ul li ul li:last-child {

}
#_JW_stMp_basic li ._stMpWrap > ul > li > ul > li > a {
	position: relative;
	display: inline-block;
	font-size: 16px;
	line-height: 1;
	letter-spacing: -0.5px;
	color: #666666;
}

#_JW_stMp_basic li ._stMpWrap > ul > li > ul > li > a[target=_blank]{position: relative; padding-right: 35px;}
#_JW_stMp_basic li ._stMpWrap > ul > li > ul > li > a[target=_blank]::before{content:""; display: block; position: absolute; width: 15px; height: 14px; background: url(../images/link.png); right: 0; top: 50%; margin-top: -7px;}
#_JW_stMp_basic li ._stMpWrap > ul > li > ul > li > a span{position: relative; display: inline-block; line-height: 30px;}
#_JW_stMp_basic li ._stMpWrap > ul > li > ul > li > a span::after{content:""; display: block; position: absolute; width: 0%; height: 1px; background-color: #06988d; left: 0; bottom: -1px; transition: all .3s;}
#_JW_stMp_basic li ._stMpWrap > ul > li > ul > li > a:hover span{color: #06988d;}
#_JW_stMp_basic li ._stMpWrap > ul > li > ul > li > a:hover span::after{width: 100%;}


#_JW_stMp_basic li ._stMpWrap > ul > li > ul > li > ul {}
#_JW_stMp_basic li ._stMpWrap > ul > li > ul > li > ul > li {position: relative; padding-left: 15px;}
#_JW_stMp_basic li ._stMpWrap > ul > li > ul > li > ul > li::before {content:"-"; display: block; position: absolute; top: 5px; left: 0;}
#_JW_stMp_basic li ._stMpWrap > ul > li > ul > li > ul > li > a {display: inline-block; position: relative; font-size: 15px; line-height: 30px; letter-spacing: -0.5px; color: #666666; padding-right: 25px;}
#_JW_stMp_basic li ._stMpWrap > ul > li > ul > li > ul > li > a span::before {content: ""; position: absolute; left: 0; bottom: 0; height: 1px; width: 0; transition: width 0.3s; background: #06988d;}
#_JW_stMp_basic li ._stMpWrap > ul > li > ul > li > ul > li > a:hover span{color: #06988d;}
#_JW_stMp_basic li ._stMpWrap > ul > li > ul > li > ul > li > a:hover span::before {width: 100%;}
#_JW_stMp_basic li ._stMpWrap > ul > li > ul > li > ul > li > a span{position: relative;}
#_JW_stMp_basic li ._stMpWrap > ul > li > ul > li > ul > li > a[target=_blank]::after{content:""; display: block; position: absolute; width: 15px; height: 14px; background: url(../images/link.png); right: 0; top: 50%; margin-top: -7px;}


@media all and (max-width: 1023px){
	#_JW_stMp_basic li ._stMpWrap > ul > li {width: 49.6%;}
    #_JW_stMp_basic li ._stMpWrap > .stMp_Title{width: 200px;}
    #_JW_stMp_basic > ul > li::before{width: 200px;}
    #_JW_stMp_basic li ._stMpWrap > ul{width: calc(100% - 200px);}
}

@media all and (max-width: 768px){
    #_JW_stMp_basic li ._stMpWrap{padding: 20px 0 50px 0;}
	#_JW_stMp_basic li ._stMpWrap > .stMp_Title {float: none; display: inline-block; padding-bottom: 15px; margin-bottom: 20px; width: auto;}
	#_JW_stMp_basic li ._stMpWrap > ul {float: none; width: 100%; overflow: hidden;}
    #_JW_stMp_basic li ._stMpWrap > ul > li > a{margin-left: 0;}
    #_JW_stMp_basic li ._stMpWrap ul li ul{padding-left: 20px;}
}

@media all and (max-width: 420px) {
    #_JW_stMp_basic li ._stMpWrap > ul > li{width: 100%; float: none;}
    #_JW_stMp_basic li ._stMpWrap > ul > li > ul.on{min-height: auto;}
}