@charset "utf-8";

/***************************************************************************
*
* privacy.css
*
***************************************************************************/
body {
	background: #fff;
}

.pagePrivacyWrap p{
  font-size: 12px
}
.pagePrivacyWrap h4{
margin-top: 10px
}
.breadcrumbTemp{
	padding-bottom: 30px;
}
.tempSubtitle{
    font-size: 23px;
    padding: 46px 20px;
    color: #363636;
    background-size: inherit;
}
.area{
	width: 100%;
	text-align: center;
}
.area .boxText{
    padding-top: 0px;
    line-height: 2.4;
}
.area .areaContent{
	width: 100%;
	background: #f4f3ef;
	margin-top: 26px;
	padding: 35px 0px 40px;
}
.area .areaContent .subTitle{
	font-weight: bold;
	font-size: 20px;
}
.area .areaContent .subText{
    font-size: 14px;
    padding-top: 24px;
    line-height: 2.3;
}
.area .subImg{
	padding-top: 32px;
}
.area1{
	padding-bottom: 106px;
}
.area2{
	margin: 5px 0px 120px;
}
.area2 .tempSubtitle{
	line-height: 1.6;
	margin-top: 85px;
}
.area2 .areaContent{
	margin-top: 63px;
	padding: 12px 0px 29px;
}
.area2 .areaContent .subTitle {
    font-size: 20px;
}
.area2 .areaContent .subText.bold{
	padding-top: 30px;
}
.area2 .areaContent .subText{
	padding-top: 32px;
}
.area .subImg{
	padding-top: 19px;
}
.pc{
	display: block;
}
.sp{
	display: none;
}
@media(max-width: 768px){
	.pc{
			display: none;
		}
	.sp{
		display: block;
	}
	.tempSubtitle{
		font-size: 18px;
		padding:14px 4px;
		background-size: 80px;
	}
	.pageTitle img{
		width: 52%;
	}
	.area .boxText{
		line-height: 1.4;
		padding-top: 34px;
	}
	.area .areaContent{
		margin-top: 34px;
		padding: 28px 0px;
	}
	.area .areaContent .subTitle{
		font-size: 14px;
	}
	.area .areaContent .subText{
	    line-height: 1.45;
	    padding-top: 16px;
	    padding: 16px 3% 0;
	}
	.area1{
		padding-bottom: 38px;
	}
	.area2{
		margin-bottom: 63px;
	}
	.area2 .pageTitle img{
		width: 74%;
	}
	.area2 .tempSubtitle {
	    line-height: 1.4;
	    margin-top: 16px;
	}
	.area2 .areaContent{
		margin-top: 19px;
	}
	.area2 .areaContent .subText.bold{
		padding-top: 16px;
	}
	.area2 .areaContent .subText{
		padding-top: 22px;
	}
}
@media(max-width: 414px){
	.tempSubtitle{
		padding: 14px 0px;
	}
	.area .boxText{
		padding-top: 34px;
	}
}
@media(max-width: 320px){
	.tempSubtitle{
		padding: 4px;
	}
	.area .boxText{
		padding-top: 44px;
	}
}