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

	* Title
	
===================================== */

.ttl-underdot {
	background: url(../img/support/ttl_dot_line.png) repeat-x left bottom;
	background-size: 5px auto;
	padding: 5px 10px;
	margin-bottom: 5px;
}

@media (min-width: 768px){
	.ttl-underdot {
		background-size: 10px auto;
		padding: 10px 20px;
		margin-bottom: 10px;
	}
}
.ttl-underdot2 {
	background: url(../img/support/ttl_dot_line.png) repeat-x left bottom;
	background-size: 5px auto;
	padding: 5px 10px;
	margin-bottom: 5px;
}

@media (min-width: 768px){
	.ttl-underdot2 {
		background-size: 10px auto;
		padding: 40px 20px 10px 20px;
		margin-bottom: 10px;
	}
}

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

	* List
	
===================================== */

/* num */
.list-01 {
	padding: 0.5em 10px 0;
}
	.list-01 > li {
		padding-left: 1.1em;
		text-indent: -1.1em;
		padding-bottom: 0.5em;
		line-height: 1.4;
	}
	.list-01 > li > p {
		padding-left: 1em;
		text-indent: 0;
	}
	.list-03 {
		padding: 0.5em 10px 0;
	}
		.list-03 > li {
			padding-left: 1em;
			text-indent: 0;
			padding-bottom: 0.5em;
			line-height: 1.4;
		}

.list-02 {
	padding: 0.5em 10px 0;
}
	.list-02 > li {
		padding-left: 0.6em;
		text-indent: -0.6em;
		padding-bottom: 0.5em;
		line-height: 1.4;
	}
	.list-02 > li:before {
		content: "· ";
	}


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

	* Box
	
===================================== */

.box-01 dt {
	background-color: #fa8d8e;
	color: #fff;
	font-weight: normal;
	font-size: 14px;
	padding: 6px 10px;
	margin-bottom: 1px;
	position: relative;
	min-height: 40px;
}
.box-01 dd {
	color: #af8a59;
	font-weight: normal;
	font-size: 13px;
	padding: 7px 10px 10px;
	margin-bottom: 1px;
}
	.box-01 dd .left-space {
		padding-left: 2em;
		display: block;
	}
.ac-box dt {
	cursor: pointer;
	padding-right: 25px !important;
}
	.ac-box dt:after {
		content: "";
		display: block;
		width: 20px;
		height: 20px;
		background: url(../img/support/arrow_open.png) no-repeat 0 0;
		background-size: cover;
		position: absolute;
		top: 50%;
		right: 5px;
		margin-top: -10px;
		font-weight: normal;
	}
.ac-box dd {
	display: none;
	background-color: #fff;
}
	.ac-box dd .btn-close {
		text-align: right;
	}
	.ac-box dd .btn-close p {
		text-align: left;
		display: inline-block;
		cursor: pointer;
		text-indent: -9999px;
		width:50px;
		height: 14px;
		background: url(../img/support/btn_close.png) no-repeat 0 0;
		background-size: contain;
		margin-top: 15px;
	}
	
@media (min-width: 768px){
	.box-01 dt {
		font-size: 20px;
		padding: 12px 20px;
	}
		.box-01 dt:after {
			width: 30px;
			height: 30px;
			right:10px;
			margin-top: -15px;
		}
	.box-01 dd {
		font-size: 18px;
		padding: 15px 10px 10px 20px;
	}

	.ac-box dd .btn-close p {
		width:84px;
		height: 23px;
	}

}