@charset "UTF-8";
/* CSS Document */
#container {
  background-image: none;
}
.inner {
  background-color: #fff;
  max-width: 1000px;
  padding: 0;
  margin: 80px auto;
  border: none;
}
.left-strip, .right-strip {
  background-size: auto 175%; /* 縦横比率を維持しつつ、縦方向に合わせる */
}
.policy {
  text-align: left;
  margin: 140px 0 120px;
}
.policy a {
  color: #4a2d04;
  border-bottom: 1px #4a2d04 solid;
}
.policy h2 {
  font-size: 3rem;
  padding-bottom: 30px;
  margin-bottom: 40px;
  border-bottom: #4a2d04 solid 2px;
}
.margin-bottom {
  margin-bottom: 20px;
}
.policy p {
  line-height: 2.8rem;
}
.policy ol {
  margin-left: 20px;
  list-style-type: decimal;
}
.policy ul {
  margin-left: 20px;
}
.policy ol li {
  list-style-type: decimal;
}
.policy ul li {
  list-style-type: circle;
  line-height: 2.8rem;
}
.title-box {
  margin: 0px 0 60px;
  text-align: left;
  position: relative;
  width: auto;
}
.title-box img {
  position: absolute;
  left: 0px;
  bottom: -14px;
  width: 270px;
}
.title-box_site {
  margin: 20px 0 80px;
  text-align: left;
  position: relative;
  width: auto;
}
.title-box_site img {
  position: absolute;
  left: -4px;
  bottom: -15px;
  width: 210px;
}
.section-title {
  font-size: 4rem;
  color: #4a2d04;
  margin: 0;
}
.curved-section .inner {
  background-color: #d3d3d3;
  margin-top: 120px;
}
.footer {
  min-height: 0;
}
.footer .inner {
  margin: 0px auto;
  padding: 20px 0 60px;
}
.footer a {
  color: #fff;
}
@media (max-width: 1350px) {}

/* iPad版 (760px - 1100px) - policyクラスに左右マージンを追加 */
@media (min-width: 760px) and (max-width: 1100px) {
  .policy {
    margin: 0 !important; /* PC版のmarginを削除 */
    margin-left: 50px !important;
    margin-right: 50px !important;
  }

  .inner {
    margin-top: 50px !important; /* iPad版でマージントップを50pxに変更 */
  }
}

@media (max-width:760px) {
  .left-strip, .right-strip {
    background-size: auto 80%;
  }
  .left-strip.site-policy, .right-strip.site-policy {
    background-size: auto 90%;
  }
  .policy {
    margin: 40px 0 50px;
  }
  .inner {
    margin: 0 35px;
  }
  .policy p {
    font-size: 1.4rem;
    font-weight: 300;
    line-height: 2.4rem;
  }
  .policy ul li {
    font-size: 1.4rem;
    font-weight: 300;
    line-height: 2.4rem;
  }
  .inner .policy {
    margin: 60px 0;
  }
  .inner .policy h2 {
    text-align: center;
    font-size: 2.4rem;
    border-bottom: #555 solid 1px;
  }
  .inner .policy p, .inner .policy li {
    font-size: 1.2rem;
    font-weight: 500;
    letter-spacing: 2px;
  }
  .title-box, .title-box_site {
    margin: 20px 0 30px 5px;
  }
  .title-box img {
    left: 0px;
    bottom: -10px;
    width: 220px;
  }
  .title-box_site img {
    left: -4px;
    bottom: -9px;
    width: 175px;
  }
  .section-title {
    font-size: 2.8rem;
    color: #4a2d04;
    margin: 0;
  }
  .curved-section .inner {
    margin-top: 60px;
  }
  .footer-policy .policy {
    margin: 0 0 20px;
  }
  .footer-policy a {
    color: #4a2d04;
    border-bottom: none;
  }
}