@charset "UTF-8";

.c-title__en {
	letter-spacing: -0.05em;
}

.wrap {
    max-width: 1020px;
    padding: 0 30px;
    margin: 0 auto;
}

.p-cookie_policy_list {
	margin-top: 50px;
}

.p-cookie_policy_list {
	display: flex;
	flex-wrap: wrap;
}

.p-cookie_policy_list .box {
	width: calc(50% - 20px);
	background-color: #f5f5f5;
	padding: 40px;
	margin-bottom: 40px;
}

.p-cookie_policy_list .box:nth-of-type(even) {
	margin-left: 40px;
}

.p-cookie_policy_list .box h2 span {
	background-color: #333;
	color: #fff;
	border-radius: 15px;
	padding: 4px 15px;
}

.p-cookie_policy_list .box dl {
	margin-top: 20px;
	width: 100%;
}

.p-cookie_policy_list .box dl.name + dl.name {
	margin-top: 6px;
}

.p-cookie_policy_list .box dl.name {
	display: flex;
}

.p-cookie_policy_list .box dl dt {
	font-weight: bold;
}

.p-cookie_policy_list .box dl.name dt:after {
	content: "：";
}

.p-cookie_policy_list .box dl dd li {
	text-indent: -1em;
	padding-left: 1em;
}

.p-cookie_policy_list .box p.outlink {
	position: relative;
	padding-left: 15px;
	margin-top: 4px;
}

.p-cookie_policy_list .box p.outlink:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 10px;
    height: 2px;
    background: #00a28e ;
    position: absolute;
    bottom: 50%;
    -webkit-transform: translate(0,50%);
    -ms-transform: translate(0,50%);
    transform: translate(0,50%);
    left: 0;
}

.p-cookie_policy_list .box p.outlink a:hover {
	text-decoration: underline;
}

.p-cookie_policy_list .box p.outlink a::after {
	content: "";
	display:inline-block;
	width: 12px;
	height: 12px;
	background: url(../images/blank_color.svg) no-repeat;
	background-size: 12px;
	margin-left: 0.5em;
}

@media (max-width: 1000px) {
	.p-cookie_policy_list .box {
		width: calc(50% - 10px);
		padding: 20px;
		margin-bottom: 20px;
	}

	.p-cookie_policy_list .box:nth-of-type(even) {
		margin-left: 20px;
	}

	.p-cookie_policy_list .box dl.name {
		flex-wrap: wrap;
	}

}

@media (max-width: 767px) {
	.c-title__en {
		font-size: 2em;
	}

	.wrap .lead {
		font-size: 1.6rem;
	}

	.p-cookie_policy_list {
		display: block;
		margin-top: 20px;
	}

	.p-cookie_policy_list .box {
		width: 100%;
		padding: 20px;
		margin-bottom: 20px;
	}

	.p-cookie_policy_list .box:nth-of-type(even) {
		margin-left: 0;
	}

	.p-cookie_policy_list .box dl {
		margin-top: 15px;
	}
}


