/*==================================
		privacy / index
==================================*/
/*========== body ==========*/
body {
	background: url(../../img/privacy/privacy.jpg) no-repeat center 0;
	background-size: contain;	
}

/*========== mainWrap ==========*/
#privacy01 ol {
	list-style: decimal;
	margin: 0 0 0 1.0rem;
}

#privacy01 ol li {
	text-align: justify;
	line-height: 1.6;
}

#privacy01 ol li + li {
	margin: 1.0rem 0 0 0;
}

#privacy01 .right {
	margin: 1.0rem 0 0 0;
	text-align: right !important;
}

#privacy01 .right span {
	font-size: 75%;
}

#privacy01 dl,
#privacy02 dl {
    margin: 0.5rem 0 0 0;
}

#privacy01 dt,
#privacy02 dt {
    display: inline-block;
    margin: 0 0.5rem 0 0;
    padding: 0.25rem 0.5rem;
    border-radius: 1.0rem;
    font-weight: bold;
}

#privacy01 dd,
#privacy02 dd {
    display: inline-block;
	vertical-align: middle;
}

#privacy01 dd + dt,
#privacy02 dd + dt {
	margin: 0 0.5rem 0 1.0rem;
}

#privacy02 li {
	line-height: 1.6;
}

#privacy02 > div > ol > li {
	margin: 2.0rem 0 0 0;
	line-height: 1.6;
}

#privacy02 .tableWrap tr:first-child th + th {
	border-left: 1px solid #dddddd;
}

#privacy02 .tableWrap th span {
	color: #ffffff !important;
	font-size: 75%;
	font-weight: normal;
}

#privacy02 .tableWrap ul {
	margin: 0 0 0 1.0rem;
	list-style: disc;
}

#privacy02 .tableWrap ul li + li {
	margin: 1.0rem 0 0 0;
}

#privacy02 ol li span {
	font-weight: bold;
	font-size: 125%;
}

#privacy02 ol ol {
	margin: 0 0 0 1.5rem;
	list-style: decimal;
}

#privacy02 ol ol li + li {
	margin: 1.0rem 0 0 0;
}


@media screen and (max-width: 480px){
#privacy01 dl dt:nth-of-type(2),
#privacy02 dl dt:nth-of-type(2) {
	margin: 0.5rem 0.5rem 0 0;
}

#privacy01 dl:nth-of-type(2) dd,
#privacy02 dl:nth-of-type(3) dd {
    width: calc(100% - 4rem);
}
}



/*= ver.purple =*/
.purple #privacy01 dt,
.purple #privacy02 dt {
    border: 1px solid #ae1c87;
    color: #ae1c87;
}

.purple #privacy02 ol li span {
    color: #ae1c87;
}