@charset "utf-8";

/*
 * CSS Document
 * Name : nrpa-kentei | about.php / privacy-style.css
 * Production Date : 2023.04.04
 * container width = 
 			1920 / 1600 / 1440 / 1366 / 1280 / 1080=1024 / 960 / 800-768 / 600 / 500-480 / 425-320
*/


/* ==========================================================================
   #privacySec-01 .top-image
========================================================================== */
#privacySec-01 .topImg-jpg {
	width: 100%;
	height: 0;
	padding-top: 18.75%;
	background: url(../img/pTop-img/privacyTop-LL.jpg) center top no-repeat;
	background-size: cover;
}
#privacySec-01 .topImg-svg {
	width: 100%;
	height: 0;
	padding-top: 18.75%;
	background: url(../img/pTop-img/privacy-top-LL.svg) center center no-repeat;
	background-size: cover;
}

@media screen and (max-width:1080px) {
	#privacySec-01 .topImg-jpg {
		padding-top: 21.574%;
		background: url(../img/pTop-img/privacyTop-M.jpg) right top no-repeat;
		background-size: cover;
	}
	#privacySec-01 .topImg-svg {
		padding-top: 21.5625%;
		background: url(../img/pTop-img/privacy-top-LL.svg) center center no-repeat;
		background-size: 115% auto;
	}
}

@media screen and (max-width:960px) {
	#privacySec-01 .topImg-jpg {
		padding-top: 26.25%;
		background: url(../img/pTop-img/privacyTop-M.jpg) left center no-repeat;
		background-size: 108.15% auto;
	}
	#privacySec-01 .topImg-svg {
		padding-top: 26.25%;
		background: url(../img/pTop-img/privacy-top-LL.svg) center center no-repeat;
		background-size: 140% auto;
	}
}

@media screen and (max-width:800px) {
	#privacySec-01 .topImg-jpg {
		padding-top: 31.875%;
		background: url(../img/pTop-img/privacyTop-S.jpg) left center no-repeat;
		background-size: cover;
	}
	#privacySec-01 .topImg-svg {
		padding-top: 31.875%;
		background: url(../img/pTop-img/privacy-top-LL.svg) center center no-repeat;
		background-size: 170% auto;
	}
}

@media screen and (max-width:600px) {
	#privacySec-01 .topImg-jpg {
		padding-top: 37.5%;
		background: url(../img/pTop-img/privacyTop-S.jpg) left center no-repeat;
		background-size: 117.647% auto;
	}
	#privacySec-01 .topImg-svg {
		padding-top: 37.5%;
		background: url(../img/pTop-img/privacy-top-LL.svg) center center no-repeat;
		background-size: 200% auto;
	}
}

@media screen and (max-width:480px) {
	#privacySec-01 .topImg-jpg {
		padding-top: 45%;
		background: url(../img/pTop-img/privacyTop-SS.jpg) right top no-repeat;
		background-size: cover;
	}
	#privacySec-01 .topImg-svg {
		padding-top: 45%;
		background: url(../img/pTop-img/privacy-top-LL.svg) center center no-repeat;
		background-size: 250% auto;
	}
}

@media screen and (max-width:425px) {
	#privacySec-01 .topImg-svg {
		padding-top: 45%;
		background: url(../img/pTop-img/privacy-top-LL.svg) center center no-repeat;
		background-size: 275% auto;
	}
}





/* ==========================================================================
   #privacySec-02 .priv-content
========================================================================== */
#privacySec-02 .org-name {font-size: 1.125rem;}
.priv-main {
	width: 100%;
	height: auto;
}

@media screen and (max-width:800px) {
	#privacySec-02 .org-name {font-size: 1.0625rem;}
}

@media screen and (max-width:500px) {
	#privacySec-02 .org-name {font-size: 1rem;}
}

/* プライバシー メニュー ---------------------------------------------------- */
.privMenu-area {
	background-color: #fff;
	margin-left: auto;
	margin-right: auto;
	width: 90%;
	max-width: 960px;
	padding: 20px 32px;
	border-radius: 1.25rem;
	font-size: .9375rem;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	margin-bottom: 2rem;
}
.privMenu-1 {margin-right: 3rem;}
.privMenu-1, .privMenu-2 {line-height: 2.2;}
.linkItem {
	display: block;
	padding-left: .9375rem;
	text-indent: -.9375rem;
}
.privMenu-1 li a:hover, .privMenu-2 li a:hover,
.linkItem:hover {
	font-weight: bold;
	color: #005ca2;
	text-decoration: underline;
}
.privMenu-1 li a:active, .privMenu-2 li a:active,
.privMenu-1 li a:visited, .privMenu-2 li a:visited,
.privMenu-1 li a:focus, .privMenu-2 li a:focus,
.linkItem:focus, .linkItem:active, .linkItem:visited {color: #005ca2;}
.linkItem {margin: .25rem 0;}

@media screen and (max-width:800px) {
	.privMenu-area {display: block;}
	.privMenu-1 {margin-right: 0;}
}

@media screen and (max-width:600px) {
	.privMenu-area {
		padding: 18px 28px;
		border-radius: 1rem;
	}
	.privMenu-1, .privMenu-2 {line-height: 2.0;}
}

@media screen and (max-width:500px) {
	.privMenu-1, .privMenu-2 {line-height: 1.8;}
}


/* プライバシー テキスト ---------------------------------------------------- */
.item-area {
	background-color: #fff;
	margin-left: auto;
	margin-right: auto;
	width: 90%;
	max-width: 960px;
	padding: 20px 32px;
	border-radius: 1.25rem;
	margin-bottom: 1.5rem;
}
.privItem-ttl {
	padding-left: 8px;
	border-left: 4px solid #005ca2;
	border-bottom: 1px solid #005ca2;
	font-size: 1.125rem;
	font-weight: bold;
	margin-bottom: .75rem;
}
.privItem-txt {
	font-size: .9375rem;
}

.privItem-subTtl {
	font-size: 1.0625rem;
}
.privItem-subTtl:first-letter {
	padding-right: .25em;
	color: #148be6;
}
.privItemTxt-2 {
	padding-left: 1rem;
	font-size: .9375rem;
}
.privItemTxt-2 a {
	text-decoration: underline;
}
.privItemTxt-2 a:hover {
	font-weight: bold;
	color: #5e6366;
}

@media screen and (max-width:800px) {
	.privItem-ttl {font-size: 1.0625rem;}
	.privItem-txt {font-size: .875rem;}
	.privItem-subTtl {font-size: 1rem;}
	.privItemTxt-2 {
		padding-left: .9375rem;
		font-size: .875rem;
	}
}

@media screen and (max-width:600px) {
	.item-area {
		padding: 18px 28px;
	border-radius: 1rem;
	}
}

@media screen and (max-width:500px) {
	.privItemTxt-2 a {display: block;}
}

@media screen and (max-width:425px) {
	.privItem-ttl {
		line-height: 1.4;
		padding-bottom: 3px;
		padding-left: calc(1.35em + 8px);
		text-indent: -1.35em;
	}
}