@charset "utf-8";
/* CSS Document */

@media screen and (min-width:768px){
/*pc・タブレットcss*/

#title {
    background: url(../images/policy/bg_h2.jpg) no-repeat center;
}

#page-policy {
    margin: 0 0 80px;
}

#page-policy .policy-list {
	border-top: #c4ba90 1px solid;
}
#page-policy .policy-ttl {
	color: #221815;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.6;
	letter-spacing: 2px;
	font-family:-apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック","Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro",  Verdana, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	background-color: #E9E7E0;
	border: #c4ba90 1px solid;
	border-top: none;
	padding: 20px 70px 20px 38px;
	position: relative;
	cursor: pointer;
	-webkit-transition: background-color .3s;
	transition: background-color .3s;
}
#page-policy .policy-ttl:hover {
	background-color: #ded9c8;
}
#page-policy .policy-ttl::before,
#page-policy .policy-ttl::after {
	content: "";
	width: 16px;
	height: 2px;
	background: #912e40;
	position: absolute;
	top: 50%;
	right: 30px;
	margin-top: -1px;
	-webkit-transition: -webkit-transform .3s;
	transition: transform .3s;
}
#page-policy .policy-ttl::after {
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
}
#page-policy .policy-ttl.open::after {
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
}
#page-policy .policy-txt {
	display: none;
	color: #727171;
	font-size: 16px;
	line-height: 2.2;
	border: #c4ba90 1px solid;
	border-top: none;
	padding: 25px 38px;
}
#page-policy .policy-none {
	color: #727171;
	font-size: 16px;
	text-align: center;
	padding: 40px 0;
}

}


@media screen and (max-width:767px){
/*スマホ用css*/

#page-policy {
    margin: 0 0 80px;
	padding: 0 3vw;
}

#page-policy .policy-list {
	border-top: #c4ba90 1px solid;
}
#page-policy .policy-ttl {
	color: #221815;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.6;
	font-family:-apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック","Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro",  Verdana, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	background-color: #E9E7E0;
	border: #c4ba90 1px solid;
	border-top: none;
	padding: 15px 45px 15px 15px;
	position: relative;
	cursor: pointer;
}
#page-policy .policy-ttl::before,
#page-policy .policy-ttl::after {
	content: "";
	width: 14px;
	height: 2px;
	background: #912e40;
	position: absolute;
	top: 50%;
	right: 16px;
	margin-top: -1px;
	-webkit-transition: -webkit-transform .3s;
	transition: transform .3s;
}
#page-policy .policy-ttl::after {
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
}
#page-policy .policy-ttl.open::after {
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
}
#page-policy .policy-txt {
	display: none;
	color: #727171;
	font-size: 15px;
	line-height: 2;
	border: #c4ba90 1px solid;
	border-top: none;
	padding: 15px;
}
#page-policy .policy-none {
	color: #727171;
	font-size: 15px;
	text-align: center;
	padding: 30px 0;
}

}

/*本文（ウィジウィグ）共通*/
#page-policy .policy-txt p {
	margin: 0 0 1em;
}
#page-policy .policy-txt > *:last-child {
	margin-bottom: 0;
}
#page-policy .policy-txt ul {
	list-style: disc;
	margin: 0 0 1em 1.5em;
}
#page-policy .policy-txt ol {
	list-style: decimal;
	margin: 0 0 1em 1.5em;
}
#page-policy .policy-txt strong {
	font-weight: bold;
}
#page-policy .policy-txt a {
	color: #912e40;
	text-decoration: underline;
}
#page-policy .policy-txt img {
	max-width: 100%;
	height: auto;
}

/*本文（ウィジウィグ）見出し　※reset.cssで大きさ・太さが消えるため指定*/
#page-policy .policy-txt h1,
#page-policy .policy-txt h2,
#page-policy .policy-txt h3,
#page-policy .policy-txt h4,
#page-policy .policy-txt h5,
#page-policy .policy-txt h6 {
	color: #221815;
	font-weight: bold;
	line-height: 1.6;
	margin: 2em 0 .8em;
	font-family:-apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック","Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro",  Verdana, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
#page-policy .policy-txt > h1:first-child,
#page-policy .policy-txt > h2:first-child,
#page-policy .policy-txt > h3:first-child,
#page-policy .policy-txt > h4:first-child,
#page-policy .policy-txt > h5:first-child,
#page-policy .policy-txt > h6:first-child {
	margin-top: 0;
}
#page-policy .policy-txt h1 {
	font-size: 22px;
	border-bottom: #912e40 2px solid;
	padding: 0 0 8px;
}
#page-policy .policy-txt h2 {
	font-size: 20px;
	border-left: #912e40 4px solid;
	padding: 2px 0 2px 12px;
}
#page-policy .policy-txt h3 {
	color: #912e40;
	font-size: 18px;
	border-bottom: #c4ba90 1px dotted;
	padding: 0 0 5px;
	margin: 1.5em 0 .6em;
}
#page-policy .policy-txt h4 {
	font-size: 17px;
	background-color: #E9E7E0;
	padding: 6px 12px;
	margin: 1.5em 0 .6em;
}
#page-policy .policy-txt h5 {
	font-size: 16px;
	margin: 1.2em 0 .4em;
}
#page-policy .policy-txt h6 {
	color: #727171;
	font-size: 16px;
	margin: 1.2em 0 .4em;
}

@media screen and (max-width:767px){
#page-policy .policy-txt h1 {
	font-size: 19px;
}
#page-policy .policy-txt h2 {
	font-size: 18px;
}
#page-policy .policy-txt h3,
#page-policy .policy-txt h4 {
	font-size: 16px;
}
#page-policy .policy-txt h5,
#page-policy .policy-txt h6 {
	font-size: 15px;
}
}