@charset "utf-8";
/* CSS Document */
@import url("../../css/style_respo.css");

.pc-none {
  display: none;
}
@media all and (min-width: 0px) and (max-width: 767px) {
  .sp-none {
    display: none;
  }
  .pc-none {
    display: block;
  }
}

#pagetitle h2 {
	padding-block:30px;
	color: #fff;
	width: 100%;
	text-align: center;
	font-size: 30px;
}

#pagetitle h2 > span {
	font-size: 0.8em;
	display: inline-block;
}

#contents {
	padding-bottom:26px;
	background-image:url(../../images/bg-contents_bottom.png);
	background-position:bottom center;
}

.contents {
	width:100%;
	min-height:670px;
	height:auto !important;
	padding:70px 90px 26px 90px;
	background-image:url(../../images/bg-contents.gif);
	background-position:top center;
	box-sizing: border-box;
}

@media all and (min-width: 0px) and (max-width: 767px) {
	#pagetitle h2 {
		padding-block:150px 20px;
		font-size: 20px;
	}
  #contents {
    width: 100%;
    background-image: none;
  }
  .contents {
    /* width: calc(100% - 60px); */
    overflow:auto;
    padding:30px 25px;
    background-size: cover;
  }
}

/*================================================
  privacy-policy
================================================*/
.privacy-policy {
    padding-block: 120px;

}

.policy-lead {
		margin-block:0 2em;
		font-size: 15px;
		line-height: 1.85;

}

.policy-text {
    margin-block: 1em;
		font-size: 15px;
		line-height: 1.85;
}


.policy-list {
    counter-reset: privacy;
    list-style: none;
    padding: 0;
		display: grid;
		gap: 2em;
		margin-left: 1em;
}

.policy-item {
		font-size: 15px;
    counter-increment: privacy;
}

.policy-list > .policy-item::before {
    content: counter(privacy) ". ";
		margin-left: -1.25em;
}


.policy-item > .inner-list {
    margin-left: 2em;
    line-height: 2;
    counter-reset: privacy-sub;
    list-style: none;
    display: grid;
    gap: 1.5em;
    margin-top: 2em;
    margin-left: 2em;
    counter-reset: policy;
    line-height: 1.5;
}
.inner-list > li {
    counter-increment: privacy-sub;
		font-size: 15px;
}
.inner-list > li::before {
    content: "・";
    display: inline-block;
    text-indent: -2em;
    content: counter(privacy) "." counter(privacy-sub) " ";
}

.policy-contact-title {
	font-size: 15px;
	font-weight: 700;
	margin-top: 2em;
}

.policy-address {
  font-style: normal;
	line-height: 1.85;
	font-size: 15px;
}

.policy-address > span {
	display: inline-block;
	font-size: 0.8em;
	line-height: 1.85;
	font-size: 15px;
}

.policy-meta {
    text-align: right;
    margin-block: 2em;
}