@charset "UTF-8";

/* ===================================================================
	利用規約・個人情報保護方針・推奨環境・ドラピタボーナス規約のcss
=================================================================== */
.sub_page_title {
	width: var(--def-width);
	max-width: var(--def-max-width);
	margin: 20px auto 40px;
}

.sub_page_content {
	width: var(--def-width);
	max-width: 900px;
	margin: 0 auto;
	padding: 50px;
	border: solid 5px var(--bs-dorapita03);
	border-radius: 25px;
	background: var(--bs-white);
	filter: drop-shadow(0px 3px 3px rgba(0,0,0,0.2));
}

.sub_page_content a {
	text-decoration: underline;
}

.sub_page_content h3 {
	margin: 2.5em 0 10px;
	color: var(--bs-dorapita);
	font-weight: 700;
	font-size: 1.2rem;
	line-height: 1.4;
}
.sub_page_content h4 {
	margin: 20px 0 5px;
	padding: 0.2em 0 0.2em .5em;
	border-left: 2px solid var(--bs-dorapita);
	font-weight: 700;
}
.sub_page_content p {
	margin-bottom: .5em;
}
.sub_page_content.indent_text p {
	text-indent: 1em;
}
.sub_page_content .indent_text {
	text-indent: 1em;
}
.sub_page_content .indent_text p {
	margin-bottom: 0;
}
.sub_page_content ol {
	list-style-type: none;
	counter-reset: ctn;
	margin-left: 1.5em;
}
.sub_page_content.indent_text ol {
	margin-left: 2em;
}
.sub_page_content ol li {
	text-indent: -1em;
}
.sub_page_content ul.bullet_point {
	text-indent: 2em;
}
.sub_page_content ul.bullet_point li {
	list-style-type: none;
}
.sub_page_content ul.bullet_point li:before {
	content: "• ";
}
.sub_page_content ol li:before {
	counter-increment: ctn;
	content: counter(ctn)". ";
}
.sub_page_content ol.child_list {
	counter-reset: ctn_2;
	margin-left: 1.5em;
}
.sub_page_content ol.child_list li:before {
	counter-increment: ctn_2;
	content: "("counter(ctn_2)") ";
}

.sub_page_content ol.child_list.bullet_point li:before {
	content: "• ";
}

.sub_page_notes {
	font-size: .8rem;
	margin-top: 0.5em;
	color: var();
}
.fusoku {
	margin-top: 2.5em;
}
.sub_page_content table.policy_table {
	margin: 20px auto;
}
.sub_page_content table.policy_table thead {
	background-color: var(--bs-dorapita);
}
.sub_page_content table.policy_table thead th {
	white-space: nowrap;
	text-align: center;
	padding: 8px;
	color: var(--bs-white);
}
.sub_page_content table.policy_table thead th.breakable {
	word-break: break-all;
	word-wrap: break-word;
	overflow-wrap: break-word;
	white-space: pre-wrap;
}
.sub_page_content table.policy_table tbody tr td:first-child:not([lang="en"]) {
	word-break: break-all;
	word-wrap: break-word;
	overflow-wrap: break-word;
	white-space: pre-wrap;
}
.sub_page_content table.policy_table th, 
.sub_page_content table.policy_table td {
    border: 1px solid var(--bs-dorapita03);
	padding: 10px;
	vertical-align: middle;
}
.sub_page_content table.policy_table td {
	text-align: left;
	white-space: pre-wrap;
	overflow-wrap: break-word;
	line-break: strict;
}
.sub_page_content a.link_text {
	color: var(--bs-dorapita);
}






/* XX-Large devices (larger desktops, 1400px and up) */
@media (max-width: 1400px) {
	
}


/* X-Large devices (large desktops, 1200px and up) */
@media (max-width: 1200px) { 
	
	
}

/* Large devices (desktops, 992px and up) */
@media (max-width: 992px) {

}


/* Medium devices (tablets, 768px and up) */
@media (max-width: 768px) {
	
	.kiyaku {
		padding: 50px 0 80px;
	}
	
	.section {
		margin: 30px auto;
	}
	
}



/* Small devices (landscape phones, 576px and up) */
@media (max-width: 576px) {
	
	.kiyaku_inner {
		padding: 10px 0;
	}
	
}




@media (max-width: 479px) {
	
	.kiyaku {
		padding: 30px 0 50px;
	}
	
	.kiyaku_title_area {
		padding-bottom: 0;
	}
	
	.section {
		margin: 20px auto;
}		

	.sub_page_content {
		font-size: .875rem;
		padding: 22px;
	}
	
	.sub_page_content table {
		font-size: .625rem;
	}
	.sub_page_content table.policy_table th,
	.sub_page_content table.policy_table td {
		padding: 4px;
	}
	
}