@charset "utf-8";

/* PRIVACY
------------------------------------------------ */

.policy {
  position: relative;
}
.policy .ttl_c{
  border-bottom: none;
  margin-bottom: 10px;
}
div#wrapper .policy-img{
  width: 100%;
	height: 47vh;
  aspect-ratio: 1100 / 422;
	object-fit: cover;
  border-radius: 20px;
}
.policy-logo-img{
  width: 40%;
  position: absolute;
  top: -10px;
  right: 0;
}
.pagewrap {
max-width:1000px;
margin:100px auto;
width: calc(100% - 40px);
}
.wrapHINAGATA h3 {
margin:1.5em 0;
font-size:1.8rem;
padding:12px 0;
border-bottom:1px solid #ccc;
}
div.wrapHINAGATA p{
	margin:20px 0;
	line-height:1.6;
}
div.wrapHINAGATA ul{
	margin:20px 0 0 30px;
}
div.wrapHINAGATA ul li{
	list-style:outside decimal;
	line-height:140%;
	margin:10px 0 0 0;
}
div.wrapHINAGATA ul li ul{
	margin:15px 0 10px 10px;
}
div.wrapHINAGATA ul li ul li{
	list-style:outside none;
	margin-left:20px;
	text-indent:-1.5em;
}
div.wrapHINAGATA ul.child{
	margin:15px 0 0 10px;
}
div.wrapHINAGATA ul.child li{
	list-style:outside none;
	margin-left:45px;
	text-indent:-1.7em;
}
div.wrapHINAGATA p.tR{
	margin:30px 0 0 0;
	font-size:0.95em;
	line-height:140%;
	text-align:right;
}
div.wrapHINAGATA ul li ul li ol li{
	list-style:outside lower-roman;
	margin-left:20px;
	text-indent:-0.2em;
}
div.wrapHINAGATA ol{
	margin:20px 0 0 40px;
}
div.wrapHINAGATA ol li{
	list-style:outside decimal;
	line-height:140%;
	margin:10px 0 0 0;
}
div.wrapHINAGATA ol li ol{
margin-bottom: 20px;
}
div.wrapHINAGATA ol li ol li{
font-size: 100%;
}
@media only screen and (max-width: 480px) {
	.pagewrap{
		margin:50px auto 0;
	}
  div#wrapper .policy-img{
    width: 100%;
		height: auto;
    aspect-ratio: 11/6;
    border-radius: 20px;
  }
  .policy-logo-img{
    width: 70%;
    top: 35px;
  }
}