@charset "UTF-8";
/*------------------------------------------------------------------
********************************************************************
 * ▼構成
 * ・ベースとなるCSS
 * ・スマホ用（@media screen and (max-width: 767px) {} ）
********************************************************************
--------------------------------------------------------------------*/

.privacy_box{
	max-width: 1280px;
	width: 90%;
	margin: auto;
	padding-bottom: 120px;
	border-bottom: #bcc1ca 1px solid;
}
@media screen and (max-width: 767px) {
	.privacy_box{
		padding-bottom: 0;
		border-bottom: none;
	}
}

.privacy_box .item_box{
	counter-reset: privacy-counter;
	margin: 100px auto 0;
}
@media screen and (max-width: 767px) {
	.privacy_box .item_box{
		margin-top: 30px;
	}
}

.privacy_box .item_box h3{
	margin: 30px 0;
	font-size: 20px;
	font-weight: 600;
	color: #0f1f3f;
}
@media screen and (max-width: 767px) {
	.privacy_box .item_box h3{
		font-size: 4.3vw;
	}
}

.privacy_box .item_box h3::before{
	counter-increment: privacy-counter;
	content: counter(privacy-counter) ". ";
}

.privacy_box .item_box ul,
.privacy_box .item_box ol{
	list-style-position: outside;
	margin: 20px 0 20px 20px;
}

.privacy_box .item_box ul{
	list-style-type: disc;
}

.privacy_box .item_box ol{
	list-style-type: decimal;
}

.privacy_box .item_box ol.lower_roman{
	list-style-type: lower-roman;
}

.privacy_box .text_1,
.privacy_box .item_box li,
.privacy_box .item_box .contact_info > p span{
	font-size: 16px;
	line-height: calc(36 / 16);
	color: #1a1a1a;
}
@media screen and (max-width: 767px) {
	.privacy_box .text_1,
	.privacy_box .item_box li,
	.privacy_box .item_box .contact_info > p span{
		font-size: 3.99vw;
		line-height: 2;
	}
}

.privacy_box .text_1.first{
	margin: 50px 0 0;
}
@media screen and (max-width: 767px) {
	.privacy_box .text_1.first{
		margin: 40px 0 0;
	}
}

.privacy_box .item_box .contact_info{
	margin-top: 20px;
	padding: 0 30px 40px;
	border: #0f1f3f 1px solid;
}
@media screen and (max-width: 767px) {
	.privacy_box .item_box .contact_info{
		padding-top: 20px;
	}
}

.privacy_box .item_box .contact_info > p{
	display: flex;
	padding-top: 20px;
	border-bottom: #0f1f3f 1px solid;
}
@media screen and (max-width: 767px) {
	.privacy_box .item_box .contact_info > p{
		flex-direction: column;
		padding: 10px 0;
	}
}

.privacy_box .item_box .contact_info > p span:first-of-type{
	width: 200px;
}
@media screen and (max-width: 767px) {
	.privacy_box .item_box .contact_info > p span:first-of-type{
		font-weight: 700;
	}
}