@charset "UTF-8";
/* CSS Document */
#policy section {
  padding: 4rem 4%;
}
#policy a {
  display: block;
  text-decoration: none;
  color: var(--green);
  width: 100%;
  height: 100%;
}
#policy img{
	width:100%;
}
.policy-flex {
  padding-top: .8rem;
  display: flex;
}
.item-title {
  flex: 1;
}
.item-content {
  flex: 3;
  border-left: var(--gray) .8px solid;
  padding-left: 1.6rem;
}
.item-content span {
  display: block;
}
.policy-telandmail {
  margin: 1rem 0;
  padding: 2rem 1rem;
  background: var(--green);
  border-radius: 8px;
}
.policy-telandmail-title {
  color: #fff;
}
.policy-button {
  text-align: left;
  text-decoration: none;
  display: block;
  width: 100%;
  margin: 1rem 0;
  padding: 1rem;
  background-color: #fff;
  font-size: 1rem;
  border-radius: 8px;
  transition: background .2s ease, transform .2s ease;
}
#policy button:hover {
  background-color: rgba(250, 250, 250, 0.85); /* 少し淡く */
  transform: translateX(2px); /* ふわっと */
}
#policy button:active {
  transform: translateX(0);
}
#policy button:focus {
  outline: 3px solid rgba(250, 250, 250, 0.4);
  outline-offset: 2px;
}
#compliance span {
  display: block;
  padding-left: 1em;
  text-indent: -1em;
}
@media (min-width: 1280px) {
.item-title {
  flex: 1;
}
.item-content {
  flex: 5;
  border-left: var(--gray) .8px solid;
  padding-left: 1.6rem;
}
}