@charset "utf-8";

#pageTop,
#header {
background-color: #fff;
}
@media (max-width: 767px) {
	#pageTop {
	height: 55px;
	}
	#pankuzu {
	display: none;
	}
}

/* CONTAINER */
#titleSCT {
position: relative;
background: url("../img/other/bg.jpg") no-repeat center center;
background-size: cover;
height: 240px;
}
#titleSCT .cont {
padding: 76px 20px 20px 20px;
}
#titleSCT p {
position: relative;
padding-left: 45px;
font-family: 'Fjalla One', sans-serif;
font-size: 40px;
font-weight: normal;
color: #fff;
}
#titleSCT p::before {
content: '';
position: absolute;
left: 0;
top: 50%;
display: block;
background-color: #fff;
width: 40px;
height: 1px;
}
#titleSCT h1 {
margin-top: -11px;
padding-left: 45px;
font-size: 18px;
font-weight: bold;
color: #fff;
}
@media (min-width: 768px) {
	#titleSCT {
	margin-top: 55px;
	padding: 0 20px;
	height: 285px;
	}
	#titleSCT .cont {
	margin: 0 auto;
	padding: 82px 0 20px 0;
	max-width: 1000px;
	}
	#titleSCT p {
	padding-left: 60px;
	font-size: 48px;
	}
	#titleSCT p::before {
	width: 50px;
	}
	#titleSCT h1 {
	margin-top: -6px;
	padding-left: 60px;
	font-size: 22px;
	}
}
@media (min-width: 1020px) {
	#titleSCT {
	margin-top: 75px;
	}
}
#faqSCT {}
#faqSCT .cont {
padding: 40px 20px 40px 20px;
}
#faqSCT h2 {
position: relative;
margin-bottom: 16px;
padding-left: 45px;
font-size: 18px;
font-weight: bold;
color: #0068b7;
}
#faqSCT h2::before {
content: '';
position: absolute;
left: 0;
top: 50%;
display: block;
background-color: #2d67a3;
width: 40px;
height: 1px;
}
#faqSCT .list {
background-color: #fff;
border: solid 1px #e1e1e1;
padding: 0 19px;
}
#faqSCT .block {
position: relative;
border-bottom: dotted 1px #d0d0d0;
}
#faqSCT .block:last-child {
border-bottom: none;
}
#faqSCT .block .btn {
position: absolute;
right: 0;
top: 34px;
background-color: #0068b7;
width: 16px;
height: 16px;
}
#faqSCT .block .btn span {
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
display: block;
}
#faqSCT .block .btn span:nth-child(1) {
position: absolute;
left: 4px;
top: 7px;
width: 8px;
height: 2px;
background-color: #fff;
}
#faqSCT .block .btn span:nth-child(2) {
position: absolute;
left: 7px;
top: 4px;
width: 2px;
height: 8px;
background-color: #fff;
}
#faqSCT .block.active .btn span:nth-of-type(1) {
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
}
#faqSCT .block.active .btn span:nth-of-type(2) {
opacity: 0;
}
#faqSCT h3 {
position: relative;
padding: 30px 25px 30px 35px;
font-size: 15px;
font-weight: bold;
cursor: pointer;
}
#faqSCT h3::before {
content: '';
position: absolute;
left: 0;
top: 29px;
box-sizing: border-box;
background-color: #0068b7;
border-radius: 50%;
width: 25px;
height: 25px;
font-family: 'Fjalla One', sans-serif;
font-size: 11px;
font-weight: normal;
line-height: 25px;
letter-spacing: 0;
text-align: center;
color: #fff;
}
#faqSCT .block:nth-child(1) h3::before {content: 'Q1';}
#faqSCT .block:nth-child(2) h3::before {content: 'Q2';}
#faqSCT .block:nth-child(3) h3::before {content: 'Q3';}
#faqSCT .block:nth-child(4) h3::before {content: 'Q4';}
#faqSCT .block:nth-child(5) h3::before {content: 'Q5';}
#faqSCT .block:nth-child(6) h3::before {content: 'Q6';}
#faqSCT .block:nth-child(7) h3::before {content: 'Q7';}
#faqSCT .block:nth-child(8) h3::before {content: 'Q8';}
#faqSCT .block:nth-child(9) h3::before {content: 'Q9';}
#faqSCT .block:nth-child(10) h3::before {content: 'Q10';}
#faqSCT .block:nth-child(11) h3::before {content: 'Q11';}
#faqSCT .block:nth-child(12) h3::before {content: 'Q12';}
#faqSCT .block:nth-child(13) h3::before {content: 'Q13';}
#faqSCT .block:nth-child(14) h3::before {content: 'Q14';}
#faqSCT .block:nth-child(15) h3::before {content: 'Q15';}
#faqSCT .block:nth-child(16) h3::before {content: 'Q16';}
#faqSCT .block:nth-child(17) h3::before {content: 'Q17';}
#faqSCT .block:nth-child(18) h3::before {content: 'Q18';}
#faqSCT .block:nth-child(19) h3::before {content: 'Q19';}
#faqSCT .block:nth-child(20) h3::before {content: 'Q20';}
#faqSCT p {
position: relative;
padding: 0 0 30px 35px;
font-size: 14px;
line-height: 1.73;
display: none;
}
#faqSCT p::before {
content: 'A';
position: absolute;
left: 0;
top: 0;
box-sizing: border-box;
background-color: #ff0000;
border-radius: 50%;
width: 25px;
height: 25px;
font-family: 'Fjalla One', sans-serif;
font-size: 11px;
line-height: 25px;
letter-spacing: 0;
text-align: center;
color: #fff;
}
@media (min-width: 768px) {
	#faqSCT {
	padding: 0 20px;
	}
	#faqSCT .cont {
	margin: 0 auto;
	padding: 100px 0 100px 0;
	max-width: 1000px;
	}
	#faqSCT h2 {
	margin-bottom: 26px;
	font-size: 22px;
	}
	#faqSCT .list {
	padding: 0 49px;
	}
	#faqSCT .block {
	border-bottom: dashed 1px #d0d0d0;
	}
	#faqSCT .block .btn {
	top: 37px;
	width: 32px;
	height: 32px;
	}
	#faqSCT .block .btn span:nth-child(1) {
	left: 8px;
	top: 15px;
	width: 16px;
	height: 2px;
	}
	#faqSCT .block .btn span:nth-child(2) {
	left: 15px;
	top: 8px;
	width: 2px;
	height: 16px;
	}
	#faqSCT h3 {
	padding: 40px 40px 40px 80px;
	font-size: 18px;
	}
	#faqSCT h3::before {
	left: 0;
	top: 29px;
	width: 50px;
	height: 50px;
	font-size: 22px;
	line-height: 50px;
	}
	#faqSCT p {
	position: relative;
	padding: 0 0 40px 80px;
	}
	#faqSCT p::before {
	left: 0;
	top: 0;
	width: 50px;
	height: 50px;
	font-size: 22px;
	line-height: 50px;
	}
}