@charset "UTF-8";
/*-----------------------------------------------------------
*** [ KDDI株式会社 共通 main] ***
------------------------------------------------------------*/
/* = [ 共通 ] ===========================================*/
.contents {
	max-width: 810px;
	margin: auto;
	padding: 0 15px;
	font-size: 1.2rem;
}

/*
article
========================================================================================================*/
article .h2,
article .h2-pink {
	position: relative;
	color: #585858;
	font-size: 15px;
	padding-left: 17px;
	padding-bottom: 5px;
	margin-top: 30px;
	margin-bottom: 20px;
	border-bottom: 3px solid #039;
}
article .h3-pink {
	font-weight: 500;
	font-size: 18px;
	border-bottom: 2px solid #0091D7;
	padding: 7px 0 3px;
	margin-top: 50px;
	margin-bottom: 20px;
}
article li {
	font-size: 14px;
	line-height: 150%;
}
article p {
margin-bottom: 15px;
line-height: 150%;
font-size: 14px;
}
article a {
	color: #039;
}

.bg-icon {
	display: flex;
	position: relative;
}
.bg-icon::after {
	position: absolute;
	top: -15px;
	right: 10px;
	width: 230px;
	height: 168px;
	background: url("/shop/guide/editorial-policy/common/img/editorial-policy_img01.svg") no-repeat 0 0 / contain;
	content: "";
}
.bg-icon__inner {
	max-width: 500px;
}
.policy-icon {
	display: flex;
	justify-content: center;
}
.policy-icon__item {
	position: relative;
}
.policy-icon--01 {
	column-gap: 50px;
}
.policy-icon--02 {
	column-gap: 42px;
}
.policy-icon--02 .policy-icon__item:not(:last-child):after {
	position: absolute;
	top: 4px;
	bottom: 0;
	right: -34px;
	width: 18px;
	height: 28px;
	margin: auto;
	background: linear-gradient(to bottom left, transparent 50%,#0091d7 51%) no-repeat top left/100% 50%, linear-gradient(to top left, transparent 50%, #0091d7 51%) no-repeat bottom left/100% 50%;
	content: "";
}
ol .policy-icon__item span {
	color: #0091d7;
}
.seo-author {
	margin: 70px auto 35px;
	padding: 25px 30px;
}
.seo-author__content {
	flex: 1 0 auto;
}
@media screen and (max-width: 767px) {
	article .h3-pink {
		margin-top: 30px;
		margin-bottom: 20px;
	}	
	.bg-icon {
		flex-direction: column;
		align-items: center;
	}
	.bg-icon::after {
		position: relative;
		top: auto;
		right: auto;
		width: 199px;
		height: 144px;
	}
	.policy-icon--01 {
		column-gap: 10px;
	}
	.policy-icon--02 {
		column-gap: 16px;
	}
	.policy-icon--02 .policy-icon__item:not(:last-child):after {
		top: 4px;
		bottom: 0;
		right: -17px;
		width: 12px;
		height: 18px;
		background: linear-gradient(to bottom left, transparent 50%,#0091d7 51%) no-repeat top left/100% 50%, linear-gradient(to top left, transparent 50%, #0091d7 51%) no-repeat bottom left/100% 50%;
		content: "";
	}
	.policy-icon__item img {
		height: auto;
	}
	.seo-author {
		margin: 50px auto 35px;
		padding: 25px 30px 5px;
	}
	.seo-author__inner {
		row-gap: 15px;
	}
	.seo-author__content {
		width: 100%;
		text-align: center;
	}
}