@charset "UTF-8";
/* CSS Document */
.section-policy-top {
  background-color: #007EC5;
  width: 100%;
  height: 400px;
  padding: 50px 0;
  position: relative;
  top: 0;
  text-align: center;
  color: #fff;
}
.section-policy-title {
  font-family: 'Oswald', sans-serif;
  font-size: 6rem;
  font-weight: 600;
  padding: 200px 0 20px;
  line-height: 1;
}
.section-policy-subtitle {
  font-size: 1.8rem;
}
.policy-content {
  max-width: 1200px;
  margin: 0 auto;
  padding: 150px 50px;
}
.policy_outer {
  padding: 30px 0;
  background-image: linear-gradient(to right, #000, #000 4px, transparent 2px, transparent 8px); /* 幅2の線を作る */
  background-size: 12px 1px; /* グラデーションの幅・高さを指定 */
  background-position: left bottom; /* 背景の開始位置を指定 */
  background-repeat: repeat-x; /* 横向きにのみ繰り返す */
}
.policy_outer:first-child {
  margin-top: 60px;
  background-image:
    linear-gradient(to right, #000, #000 4px, transparent 2px, transparent 8px), /* 上の線 */ linear-gradient(to left, #000, #000 4px, transparent 2px, transparent 8px); /* 下の線 */
  background-size:
    12px 1px, /* 上の線 */ 12px 1px; /* 下の線 */
  background-position:
    left top, /* 上の線 */ right bottom; /* 下の線 */
  background-repeat:
    repeat-x, /* 上の線 */ repeat-x; /* 下の線 */
}
.policy-inner-title {
  font-size: 2.4rem;
  font-weight: 600;
}
@media(max-width:768px) {
  .section-policy-top {
    height: 250px;
    padding: 25px 0;
  }
  .section-policy-title {
    font-size: 4rem;
    padding: 100px 0 10px;
    line-height: 1;
  }
  .section-policy-subtitle {
    font-size: 1.6rem;
  }
  .policy-content {
    margin: 0 auto;
    padding: 50px 20px;
  }
  .policy-content-description {
    font-size: 1.4rem;
  }
  .policy_outer {
    padding: 20px 0;
  }
  .policy_outer:first-child {
    margin-top: 60px;
  }
  .policy-inner-title {
    font-size: 1.8rem;
    font-weight: 600;
    padding-bottom: 15px;
  }
  .policy-inner-text {
    font-size: 1.4rem;
  }
}