/*----------SELECTBOX----------*/

.catLink-wrap {
    position : relative;
}

.catLink-toggle {
    display : block;
    width : 90%;
    margin : 0 auto 5% auto;
    padding : 12px 40px 12px 14px;
    font-size : 16px;
    text-align : left;
    color : #333;
    background : #fff;
    border : 1px solid #ccc;
    border-radius : 10px;
    cursor : pointer;
    position : relative;
}

.catLink-toggle::after {
    content : "";
    position : absolute;
    right : 16px;
    top : 50%;
    width : 8px;
    height : 8px;
    border-right : 2px solid #333;
    border-bottom : 2px solid #333;
    transform : translateY(-70%) rotate(45deg);
    transition : transform .2s;
}

.catLink-wrap.is-open .catLink-toggle::after {
    transform : translateY(-30%) rotate(-135deg);
}

#catLink {
    display : none;
    position : absolute;
    width : 90%;
    top : 100%;
    left : 0;
    right : 0;
    z-index : 100;
    margin : 0 auto 0 auto;
    padding : 0;
    list-style : none;
    background : #fff;
    border : 1px solid #ccc;
    border-radius : 4px;
    box-shadow : 0 4px 12px rgba(0, 0, 0, .1);
}

.catLink-wrap.is-open #catLink {
    display : block;
}

#catLink li + li {
    border-top : 1px solid #eee;
}

#catLink a {
    display : block;
    padding : 12px 14px;
    color : #333;
    text-decoration : none;
}

#catLink a:hover,#catLink a[aria-current="true"] {
    background : #f5f5f5;
}

/*----------FAQLIST----------*/

.faqList {
    padding : 5%;
    margin : 0 5% 6% 5%;
    background : #ffffff;
    border-radius : 10px;
}

.faqList:last-child {
    margin : 0 5% 8% 5%;
}

h3 {
    margin-bottom : 5%;
    font-weight : 700;
    font-size : 110%;
    color : #003c7f;
}

.faqList dl {
	clear : both;
	width : 100%;
    border-bottom : solid 1px #c8c8c8;
}

.qindex {
	position : relative;
	padding : 14px 30px 15px 0;
	cursor : pointer;
    font-weight : 600;
	border-top : solid 1px #c8c8c8;
    line-height : 1.4em;
}

.qindex:after {
	content : "";
	display : inline-block;
	position : absolute;
	top : 44%;
	right : 7px;
	width : 13px;
	height : 13px;
	border-right : 4px solid #c8c8c8;
	border-bottom : 4px solid #c8c8c8;
	transform : translateY(-50%) rotate(45deg);
	transition : .3s;
}

.qindex.open:after {
	transform : rotate(225deg);
}

.qindex span {
    float : left;
    width : 28px;
    margin-right : 10px;
    padding : 3px 0 2px 0;
    text-align : center;
    color : #ffffff;
    background : #007eb7;
    font-size : 120%;
	font-family : "Figtree";
	font-weight : 700;
	font-style : normal;
    border-radius: 50px;
}

.answer {
	display : none;
    overflow : hidden;
	margin-bottom : 20px;
	padding : 20px 20px 20px 18px;
    background : #f0f0f0;
	border-radius : 8px;
    line-height : 1.5em;
}

.answer span {
    float : left;
    width : 28px;
    margin-right : 15px;
    padding : 3px 0 2px 0;
    text-align : center;
    color : #ffffff;
    background : #ff0000;
    font-size : 120%;
	font-family : "Figtree";
	font-weight : 700;
	font-style : normal;
    border-radius: 50px;
}