@charset "utf-8";

/*
 *
 *	requirements:detail style
 *
 */

/*======================================
	pageTit
======================================*/
.pageTit {
	background: url(../../images/second-tit.png), url(../images/tit-bg.jpg);
	background-position: center, center;
	background-repeat: repeat, no-repeat;
	background-size: 8px 8px, cover;
}



/*======================================
	introBox
======================================*/
.introBox {
	margin-bottom: 1em;
}
.introBox h1 {
	line-height: 1.4;
	margin-bottom: 1em;
	padding-bottom: .5em;
	border-bottom: #ddd solid 3px;
	font-size: 1.2em;
	font-weight: bold;
	color: #ff6464;
}
.introBox .box {
	float: left;
	width: 50%;
	padding: 0 .5em;
}
.introBox h2 {
	position: relative;
	line-height: 1.4;
	margin-bottom: 1.5em;
	padding: .3em;
	background: #efefef;
	text-align: center;
	color: #fff;
}
.introBox h2:after {
	content: '';
	display: block;
	position: absolute;
	left: 50%;
	bottom: -20px;
	margin-left: -10px;
	border: transparent solid 10px;
	border-top-color: #efefef;
}
.introBox .box.mitsuba h2 {
	background: #51ce00;
}
.introBox .box.mitsuba h2:after {
	border-top-color: #51ce00;
}
.introBox .box.itaku h2 {
	background: #007fd1;
}
.introBox .box.itaku h2:after {
	border-top-color: #007fd1;
}
.introBox .box ul,
.introBox .box p {
	line-height: 1.4;
	margin-bottom: .8em;
	padding: 0 .5em;
}



/*======================================
	requirementsDetail
======================================*/
.commonBox h2 span.icon {
	display: inline-block;
	margin-left: 1em;
	padding: .3em .5em;
	font-size: .7em;
	color: #fff;
}
.commonBox h2 span.icon.mitsuba {
	background: #51ce00;
}
.commonBox h2 span.icon.itaku {
	background: #007fd1;
}


.commonBox .requirementsDetail dt {
	position: relative;
	clear: both;
	float: left;
	width: 9em;
	margin: 0 0 .5em;
	padding: .3em;
	background: #f2f2f2;
	font-size: .8em;
}
.requirementsDetail dt:after {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	right: -12px;
	margin-top: -6px;
	border: transparent solid 6px;
	border-left-color: #f2f2f2;
}
.requirementsDetail dd {
	margin-bottom: 1em;
	padding: 0 0 .5em 8.5em;
	border-bottom: #e2e2e2 dashed 1px;
}
.requirementsDetail dd p,
.requirementsDetail dd ul {
	margin-bottom: 1em;
}
.requirementsDetail dd ul li,
.requirementsDetail dd :last-child {
	margin-bottom: 0;
}




/*============================================================================

	responsive

============================================================================*/
@media screen and (max-width:960px) {

}



@media screen and (max-width:767px) {

}



@media screen and (max-width:480px) {
/*======================================
	introBox
======================================*/
.introBox .box {
	float: none;
	width: 100%;
	margin-bottom: 1em;
}



/*======================================
	requirementsDetail
======================================*/
.commonBox .requirementsDetail dt {
	position: relative;
	clear: both;
	float: none;
	width: 100%;
}
.requirementsDetail dt:after {
	display: none;
}
.requirementsDetail dd {
	padding: 0;
	border-bottom: none;
}

}