@charset "UTF-8";
/* CSS Document */

@import url(http://fonts.googleapis.com/css?family=Open+Sans);
@import url('https://fonts.googleapis.com/css?family=Oswald');
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP:400,700');
@import url('https://fonts.googleapis.com/css?family=Noto+Serif+JP');

.sponly {
	display: block;
}
.spmask {
	display: none;
}

/*------------------------------
	contents
------------------------------*/
#qa {
	padding-bottom: 160px;
	position: relative;
	overflow-x: hidden;
}
#qa a {
	color: #0080cc;
	text-decoration: underline;
}

/*------------------------------
	qa
------------------------------*/
#qa #main {
	background: url("../images/bg_qa.jpg") no-repeat center center;
	background-size: cover;
	position: relative;
	width: 100%;
	height: 180px;

	display: -webkit-flex-;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
#qa #main h1 {
	text-align: center;
	color: #ffffff;
	font-size: 36px;
	line-height: 1.7;
	/*
	text-shadow: 2px 2px 4px #121212, 2px -2px 4px #121212, -2px 2px 4px #121212, -2px -2px 4px #121212;
	*/
}
/*------------------------------*/
#qa .contents {
	position: relative;
	padding: 0 0 200px 0;
}
/*------------------------------*/
#qa .qaBox {
	max-width: 800px;
	margin: 0 auto;
	padding-top: 70px;
}
#qa .qaBox h2 {
	color: #ffffff;
	padding: 32px 0 30px;
	text-align: center;
	background-color: #0080cc;
	margin-bottom: 40px;
	font-size: 30px;
	letter-spacing: 1px;
}
#qa .qaBox dl {
}
#qa .qaBox dt {
	padding: 30px 0 26px 40px;
	font-size: 26px;

	transition-duration: 0.3s;
	border-bottom: solid 2px #eeeeee;
	position: relative;
}
#qa .qaBox dt:hover {
	/*
	background-color: #cbe8f7;
	*/
	cursor: pointer;
}
/*------------------------------*/
#qa .qaBox dt .questionTxt {
}
#qa .qaBox dt .questionTxt .arrow {
	position: absolute;
	left: 8px;
	top: 24px;

	transform: rotate(0deg);
	transition-duration: 0.2s;
}
#qa .qaBox dt .questionTxt .target1 {
	position: absolute;
	right: 0px;
	top: 20px;
	width: 150px;
}
#qa .qaBox dt .questionTxt .target2 {
	position: absolute;
	right: 0px;
	top: 20px;
	width: 150px;
}
#qa .qaBox dt .questionTxt .new {
	float: left;
	margin: 0 4px;
	color: #0080cc;
	padding: 8px 12px;
	border: solid 1px #0080cc;
	border-radius: 10px;
	font-size: 18px;
}
#qa .qaBox dt .questionTxt .career {
	float: left;
	margin: 0 4px;
	color: #04517e;
	padding: 8px 12px;
	border: solid 1px #04517e;
	border-radius: 10px;
	font-size: 18px;
}
#qa .qaBox dt.act .questionTxt .arrow {
	transform: rotate(90deg);
}
/*------------------------------*/
#qa .qaBox dd {
	padding: 30px 20px;
	line-height: 1.8;
	font-size: 24px;
	border-bottom: solid 2px #eeeeee;

	display: none;
}



/*------------------------------
	footer
------------------------------*/
.spSpace {
	height: 300px;
}

.onlyBtn {
	padding: 100px 0;
	background: #f00;
	color: #999999;
}