@charset "utf-8";
/* CSS Document */

/* ======================================
    #secMainImage (SP)
====================================== */
#secMainImage {
  position: relative;
  width: 100%;
  height: 400px;
  background: url("../images/pp/main_img_pc.jpg") center top no-repeat;
  background-size: cover;
}
#secMainImage h1 {
  position: absolute;
  top: 80px;
  left: 48%;
  width: 30px;
  height: auto;
  margin: 0 auto;
}
/* ======================================
    #secPrivacy (SP)
====================================== */
#secPrivacy {
  width: 90%;
  padding-top: 50px;
  padding-bottom: 50px;
  text-align: justify;
  font-size: 1.5rem;
  line-height: 2;
}
#secPrivacy h2 {
  margin-top: 40px;
  margin-bottom: 40px;
  text-align: center;
}
#secPrivacy h2:first-of-type {
  margin-top: 0;
}
#secPrivacy ol{
  text-indent: -1.5em;
  padding-left: 2em;
  margin:1em 0;
}
#secPrivacy ol li{
  list-style-type:none;
  list-style-position:inside;
  counter-increment: cnt;
}
#secPrivacy ol li:before{
  display: marker;
  content: "(" counter(cnt) ") ";
}
/* ======================================
    .secBand (SP)
====================================== */
.secBand {
  height: 250px;
  background: url("../images/pp/footer_img_pc.jpg") no-repeat right center/cover;
}

@media screen and (min-width:600px) {
  /* ======================================
      #secMainImage (min-width:600px)
  ====================================== */
  #secMainImage {
    height: 800px;
  }
  #secMainImage h1 {
    width: 46px;
    top: 220px
  }
  /* ======================================
      .#secPrivacy (min-width:600px) 
  ====================================== */
  #secPrivacy {
    width: 90%;
    padding-top: 100px;
    padding-bottom: 100px;
  }
  #secPrivacy h2 {
    margin-top: 80px;
    margin-bottom: 80px;
  }
  /* ======================================
      .secBand (min-width:600px)
  ====================================== */
  .secBand {
    height: 500px;
  }
  
  
}
@media screen and (min-width:768px) {
}
@media screen and (min-width:960px) {
  /* ======================================
      .#secPrivacy (min-width:960px) 
  ====================================== */
  #secPrivacy {
    width: 90%;
    max-width: 800px;
  }
}
@media screen and (min-width:1200px) {
}