@charset "utf-8";

.privacy-ico-tit01{margin:6.5rem 0 1rem;padding:2rem 1rem;border-radius:3.25rem;background:url(../img/footer/bg-privacy-ico-tit.png) no-repeat center/cover;font-weight:var(--font-weight-semibold);font-size:2rem;color:var(--white100);text-align:center;line-height:2.6rem;box-sizing:border-box;}
.privacy-ico-list{display:flex;gap:1rem;}
.privacy-ico-list > li{padding:4rem 2rem 3.7rem;width:calc((100% - 5rem)/6);border:1px solid var(--color56);border-radius:1rem;text-align:center;box-sizing:border-box;}
.privacy-ico-img{display:grid;justify-content:center;align-items:center;height:8.9rem;}
.privacy-ico-txt .privacy-tit02{padding:3rem 0 1.7rem;font-weight:var(--font-weight-bold);font-size:1.6rem;line-height:2.2rem;color:var(--color06);}
.privacy-ico-txt .privacy-sub-txt{font-weight:var(--font-weight-medium);font-size:1.4rem;line-height:2.4rem;word-break:keep-all;color:var(--black05);}

.privacy-index-wrap{margin:6rem 0 0;padding:4rem;border-radius:5px;background:var(--color11);box-sizing:border-box;}
.privacy-index-tit01{display:flex;align-items:center;gap:1rem;margin:0 0 3rem;font-weight:var(--font-weight-bold);font-size:2rem;line-height:3rem;color:var(--color04);}
.privacy-index-tit01:before{content:'';width:2.1rem;height:2.4rem;background:url(../img/footer/ico-privacy-index01.png) no-repeat center/100%;}
.privacy-index-box .ol-type-circle{column-count:2;column-gap:8rem;position:relative;}
.privacy-index-box .ol-type-circle:after{content:'';position:absolute;top:0;left:50%;width:1px;height:100%;background:var(--color10);transform:translateX(-50%);}

.privacy-down-list{display:flex;flex-wrap:wrap;gap:1rem;}
.privacy-down-list li{width:calc((100% - 3rem)/4);}
.privacy-down-list li a{display:flex;justify-content:space-between;align-items:center;padding:2.1rem 2.4rem 2.1rem 3rem;border:1px solid var(--color11);border-radius:3px;background:var(--color11);transition:0.3s ease;}
.privacy-down-list li a p{font-weight:var(--font-weight-semibold);font-size:1.6rem;line-height:2.2rem;transition:0.3s ease;}
.privacy-down-list li a:after{content:'';width:1.8rem;height:1.4rem;background-color:var(--color54);mark-image:url(../../_share/img/sj-common/ico-link-btn-down%402x.png);-webkit-mask-image:url(../../_share/img/sj-common/ico-link-btn-down%402x.png);mask-size:100%;mask-repeat:no-repeat;mask-position:0 0;transition:0.3s ease;}
.privacy-down-list li a:hover{border:1px solid var(--color01);background:var(--white100);}
.privacy-down-list li a:hover p{color:var(--color01);}
.privacy-down-list li a:hover:after{background:var(--color01);}


@media screen and (max-width:1400px) {	
	.privacy-ico-txt .privacy-sub-txt br:not(.not-hide){display:none;}
}

@media screen and (max-width:1024.98px) {	
	.privacy-ico-tit01{margin:4rem 0 1rem;padding:1.5rem 1rem;font-size:1.8rem;line-height:2.4rem;}
	.privacy-ico-list{flex-wrap:wrap;}
	.privacy-ico-list > li{padding:2rem 1rem 1.7rem;width:calc((100% - 1rem)/2);}
	.privacy-ico-txt .privacy-tit02{padding:1.3rem 0 5px;}
	
	.privacy-index-wrap{margin:4rem 0 0;padding:3rem 2rem 2rem;}
	.privacy-index-tit01{margin:0 0 1.5rem;}
	.privacy-index-box .ol-type-circle{column-count:1;column-gap:0;}
	.privacy-index-box .ol-type-circle:after{display:none;}
	
	.privacy-down-list li{width:100%;}
	.privacy-down-list li a{padding:1rem 2rem;}
	.privacy-down-list li a p{font-size:1.4rem;line-height:2rem;}
}

@media screen and (max-width:768px) {	
	.privacy-ico-list > li{width:100%;}
}