@charset "UTF-8";
/******************************************
[reset]
******************************************/
*, ::before, ::after {
	position: relative;
	box-sizing: border-box;
}
::before, ::after {
	text-decoration: inherit;
	vertical-align: inherit;
}
* {
	margin: 0;
	padding: 0;
}
article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary {
	display: block;
}
[hidden], template {
	display: none;
}
small {
	font-size: 80%;
}
ul, ol {
	list-style: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a {
	text-decoration: none;
	background-color: transparent;
	-webkit-text-decoration-skip: objects;
}
a:active, a:hover {
	outline-width: 0;
}
b, strong {
	font-weight: bolder;
}
img {
	border-style: none;
}
input, button, textarea, select {
	outline: 0;
	border: 0px;
	color: inherit;
	-webkit-appearance: none;
	-moz-appearance: none;
}
input, button, textarea, select, optgroup {
	font: inherit;
}
[disabled] {
	cursor: default;
}
input[type="number"] {
	-moz-appearance: textfield;
}
 input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button {
 -webkit-appearance: none;
 margin: 0;
}

::-webkit-file-upload-button {
 -webkit-appearance: button;
 font: inherit;
}
 input::-ms-clear {
 visibility: hidden;
}
optgroup {
	font-weight: bold;
}
 select::-ms-expand {
 display: none;
}
 select::-ms-value {
 color: currentColor;
}
textarea {
	overflow: auto;
}
button, [type="button"], [type="reset"], [type="submit"], [role="button"] {
	cursor: pointer;
}
button {
	background: none;
	overflow: visible;
}

::-moz-selection, ::selection {
 background-color: #b3d4fc;
 color: #000;
 text-shadow: none;
}
/******************************************
main contents
******************************************/


body {
	margin: 0 auto;
	max-width: 960px;
	color: #4F5963;
	font-size: 14px;
	font-family: "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro," メイリオ", Meiryo, Osaka," ＭＳ Ｐゴシック", MS PGothic," sans-serif";
}
header {
	margin: 30px 0 30px;
}
header h1 {
	font-size: 30px;
}
.policy {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.policy-headline {
	margin: 0 0 20px;
	font-size: 1.25rem;
}
.policy-intro {
	margin: 0 0 30px;
	padding: 25px;
	background: #F1F3F5;
}
.policy-item {
	margin: 0 0 30px;
}
.policy-item:last-child {
	margin-bottom: 0;
}
.policy-title {
	font-size: 1rem;
	margin: 0 0 5px;
}
.policy-text {
	margin: 0 0 15px;
}
.policy-text:last-child {
	margin-bottom: 0;
}
.policy-text-bold {
	font-weight: bold;
}
.policy-list {
	margin: 0 0 15px 1em;
}
.policy-list:last-child {
	margin-bottom: 0;
}
.policy-list > .policy-list-item {
	margin: 0 0 15px;
}
.policy-list-item:last-child {
	margin-bottom: 0;
}
.policy-list-item > .policy-list {
	margin: 0 0 15px 1em;
}
.policy-list-item > .policy-list > .policy-list-item {
	margin-bottom: 0;
}
.policy-footer {
	margin: 0 0 70px;
	text-align: right;
}
.policy-footer-name {
	font-size: 1.125rem;
	padding-top: 5px;
}
.policy-btn {
	width: 275px;
}
.policy-nav {
	width: 190px;
}
.policy-nav-item {
	padding: 15px 0;
	border-bottom: 1px solid #ddd;
}
.policy-nav-item:first-child {
	padding-top: 0;
}
.policy-nav-link {
	color: #4F5963;
}
footer {
	font-size: 10px;
	text-align: center;
	margin: 15px auto;
}

@media (max-width: 768px) {
header h1 {
	font-size: 24px;
}
body {
	width: 92%;
}
.policy-body {
	width: 100%;
	margin: 0 0 50px;
}
.policy-headline {
	margin: 0 0 15px;
	font-size: 1rem;
}
.policy-intro {
	margin: 0 0 20px;
	padding: 20px;
	font-size: 0.8125rem;
}
.policy-footer {
	margin: 0;
}
.policy-nav {
	width: 100%;
}
.policy-nav-link {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0 10px 0 0;
	font-size: 0.8125rem;
}
}