@charset "utf-8";
/*------------------------------------------------------------
	attention
------------------------------------------------------------*/
#main .attention {
	padding: 40px 0 150px;
	background-color: #F2F5F7;
}
#main .attention .content {
	width: 898px;
}
#main .attention .headLine02 {
	font-size: 2.4rem;
}
#main .attention .headLine02::before {
	top: 12px;
}
#main .attention .inner:not(:last-child) {
	margin-bottom: 39px;
}
#main .attention .subInner:not(:last-child) {
	margin-bottom: 21px;
	padding-bottom: 19px;
	border-bottom: 1px solid #CCC;
}
#main .attention .noBorder .subInner {
	border-bottom: 0;
	padding-bottom: 0;
}
#main .attention .subInner h3 {
	margin-bottom: 6px;
	font-size: 2.2rem;
	line-height: 1.26;
	font-weight: 700;
}
#main .attention .subInner ul:not(:last-child) {
	margin-bottom: 19px;
}
#main .attention .subInner .sub:not(:last-child) {
	margin-bottom: 39px;
}
#main .attention .subInner .sub h4 {
	margin-bottom: 9px;
}
#main .attention p {
	margin-bottom: 23px;
	line-height: 1.53;
}
#main .attention p:last-child {
	margin-bottom: 0;
}
#main .attention li {
	padding-left: 1em;
	text-indent: -1em;
	line-height: 1.53;
}
#main .attention .comLink a {
	background: #fff url("../img/common/icon12.png") no-repeat right 44px center / 11px;
}
#main .attention .link {
	padding-right: 18px;
	color: #3785D3;
	text-decoration: underline;
	background: url("../img/common/icon11.png") no-repeat right bottom 3px / 14px;
}
#main .attention .bgBox {
	border: 1px solid #6E757A;
}
#main .attention .bgBox h4 {
	padding: 8px 8px;
	color: #fff;
	font-size: 1.6rem;
	font-weight: 700;
	line-height: 1.5;
	text-align: center;
	background-color: #6E757A;
}
#main .attention .bgBox .subBg {
	padding: 10px 25px;
	background-color: #fff;
}
#main .attention .inner .subInner01 {
	padding-bottom: 19px;
	border-bottom: 1px solid #CCC;
}
#main .attention .subInner01 li {
	margin-bottom: 20px;
	font-weight: 700;
}
#main .attention .subInner01 li:last-child {
	margin-bottom: 0;
}
#main .attention .subInner01 li span {
	margin-bottom: 4px;
	display: block;
}
#main .attention .right {
	text-align: right;
}
@media all and (min-width: 961px) {
	#main .attention .link:hover {
		text-decoration: none;
	}
}
@media all and (max-width: 960px) {
	#main .attention {
		padding: 40px 0 150px;
	}
	#main .attention .headLine02 {
		margin-bottom: 20px;
		font-size: 2rem;
	}
	#main .attention .headLine02::before {
		top: 9px;
	}
	#main .attention .subInner h3 {
		margin-bottom: 6px;
		font-size: 1.9rem;
	}
	#main .attention p {
		margin-bottom: 23px;
		line-height: 1.5;
	}
	#main .attention li {
		line-height: 1.5;
	}
	#main .attention .comLink a {
		background: #fff url("../img/common/icon12.png") no-repeat right 22px center / 7px;
	}
}