@charset "utf-8";
/*------------------------------------------------------------
	ir-faq
------------------------------------------------------------*/
#main .sec-box + .sec-box {
	margin-top: 77px;
}
#main .headline02 {
	margin-bottom: 47px;
	font-size: 2.2rem;
	font-weight: bold;
	padding: 12px 35px 15px;
}
#main .faq-dl {
	margin-top: 0;
	word-break: break-all;
}
#main .faq-dl dt {
	margin-top: 27px;
	padding: 16px 79px 16px;
	color: #2D466C;
	font-weight: bold;
	font-size: 1.8rem;
	border-top: 1px solid #D5DAE1;
	border-bottom: 1px solid #D5DAE1;
	position: relative;
	cursor: pointer;
	transition: .3s;
}
#main .faq-dl dt::before {
	width: 37px;
	height: 37px;
	position: absolute;
	top: 12px;
  	left: 22px;
	background: url("../images/ir-faq/icon03.png") no-repeat left top / 100% 100%;
	content: "";
}
#main .faq-dl dt::after {
	width: 22px;
	height: 22px;
	position: absolute;
	top: 19px;
	right: 18px;
	background: url("../images/ir-faq/icon02.jpg") no-repeat left top / 100% 100%;
	content: "";
}
#main .faq-dl dt.on::after {
	background-image: url("../images/ir-faq/icon01.jpg");
}
#main .faq-dl dd {
	padding: 50px 40px;
	border-bottom: 1px solid #D5DAE1;
	box-sizing: border-box;
	display: none;
}
#main .faq-dl .inner-box {
	min-height: 52px;
}
#main .faq-dl a {
	color: #064099;
}
#main .com-link-list {
	margin-top: 80px;
}
@media all and (min-width: 897px) {
	#main .content {
		max-width: 880px;
	}
	#page-path {
		margin-bottom: 75px;
	}
	#main .faq-dl a:hover {
		opacity: 0.7;
	}
	#main .faq-dl dt:hover {
		opacity: 0.7;
	}
}
@media all and (max-width: 896px) {
	#main .headline02 {
		padding: 10px 15px 12px;
   		font-size: 1.8rem;
	}
	#main .faq-dl dt::before {
		width: 34px;
		height: 34px;
		top: 12px;
		left: 0;
	}
	#main .faq-dl dt {
		padding: 10px 50px 10px;
		font-size: 1.6rem;
		min-height: 70px;
		box-sizing: border-box;
	}
	#main .faq-dl dd {
		padding: 20px;
	}
	#main .faq-dl .inner-box {
		min-height: 0;
	}
}