/* common
===============================================================*/

.top_con {
    padding: 48px 0;
    background: url(../images/about/img_bg_01.jpg) #e8dada no-repeat center top;
}
.pp_wrap{
	width: 1024px;
	margin: 0 auto;
	padding: 40px;
	font-size: 15px;
	background-color: #fff;
	box-sizing: border-box;
	}

.pp_ttl{
	font-weight: 700;
	}

.pp_intro{
	margin-bottom: 40px;
	padding-bottom: 40px;
	border-bottom: 1px dashed #ccc;
	}
	
.pp_block { margin-bottom: 40px; }
	.pp_block h2 {
		font-size: 20px;
		/* border-left: 5px solid #450101;
		padding-left: 20px; */
		margin-bottom: 10px;
		}
		.pp_block h2 span{
			font-size: 24px;
			margin-right: 0.2em;
			position: relative;
			top: 1px;
		}
	.pp_block p {
		margin-bottom: 10px;
		font-size: 15px;
		line-height: 1.75;
		}
		.pp_block a {
			color: #027AC3;
			text-decoration: underline;
			}
			.pp_block a:hover{text-decoration: none;}

.pp_list{
	line-height: 1.75;
	margin-top: 20px;
	}
	.pp_list li{
		padding-left: 25px;
		font-size: 15px;
		position: relative;
		box-sizing: border-box;
		}
		.pp_list > li:not(:last-of-type){margin-bottom: 0.5rem;}
		.pp_list span{
			display: block;
			width: 20px;
			height: 20px;
			font-size: 14px;
			color: #fff;
			line-height: 21px;
			text-align: center;
			border-radius: 50%;
			background-color: #450101;
			position: absolute;
			top: 3px;
			left: 0;
			}

.pp_dotlist{margin-bottom: 10px;}
	.pp_dotlist li{
		/*
		padding-left: 1em;
		text-indent: -1em;
		*/
		font-size: 15px;
		line-height: 1.75;
		word-break: break-all;
		}

.pp_titlelist{}
	.pp_titlelist li{
		font-size: 15px;
		line-height: 1.75;}
	.pp_titlelist li > span{font-weight: bold;}
		.pp_titlelist > li:not(:last-of-type){margin-bottom: 1rem;}


.pp-inquiry{}
	.pp-inquiry p{
		margin-top: 10px;
		font-size: 15px;
		line-height: 1.75;		
		background: rgba(240, 240, 240, 1);
		padding: 25px;
		text-align: center;
		}
		.pp-inquiry p span{display: block;}
			
.pp-formulate{
	margin-top: 1rem;
	font-size: 15px;
	text-align:  right;
	}



/*
	

	MediaQuery



 */


@media screen and (min-width: 641px) {

#Contents .tit{
	background:url(../images/customer-hara/img_tit_01pc.jpg) no-repeat center top;
	height:120px;
	text-indent:-9990px;
	}

.pp_wrap{
	font-size: 16px;
	line-height: 27px;
	}

.pp_ttl{
	font-size: 23px;
	line-height: 1.5;
    margin-bottom: 25px;
	}

}

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


.top_con {padding: 20px 8px;}
.pp_wrap{
	width: 100%;
	padding: 20px;
	margin-bottom: 50px;
	font-size: 13px;
	line-height: 24px;
	box-sizing: border-box;
	}

.pp_ttl{
	font-size: 18px;
	line-height: 1.5;
    margin-bottom: 20px;
	}
	
.pp_block { margin-bottom: 25px; }
	.pp_block h2 {
		font-size: 17px;
		/* padding-left: 15px; */
		margin-bottom: 10px;
		}
		.pp_block h2 span{
			font-size: 21px;
			top: 0;
			}
	.pp_block p {
		font-size: 13px;
		margin-bottom: 10px;
		}

.pp_intro{
	margin-bottom: 30px;
	padding-bottom: 30px;
	}	
.pp_list{
	margin: 30px 0;
	font-size: 13px;
	line-height: 24px;
	}
		.pp_list span{
			width: 18px;
			height: 18px;
			font-size: 12px;
			line-height: 19px;
			top: 3px;
			}
			.pp_list li{font-size: 13px;}
			.pp_dotlist li{font-size: 13px;}
			.pp_titlelist li{font-size: 13px;}

.pp-inquiry p{
	padding: 15px;
	font-size: 13px;
	}
	.pp-inquiry-date{font-size: 12px;}

	.pp-formulate{font-size: 13px;}

}