@charset "utf-8";

/**
 *
 *  ページ用CSS
 *　notice
 */

/*--------------------------------------------------------------------------
   Overwright
---------------------------------------------------------------------------*/
.page-ttl {
  background-image: url(../img/notice/bg_page_ttl_pc.jpg);  
}

/*--------------------------------------------------------------------------
   Content
---------------------------------------------------------------------------*/
.content  {
  background: #fff; 
}


/* notice-box
-----------------------------------------------------------------*/
.notice-box {
  margin-bottom: 70px;
}
.notice-box#privacy {
  margin-top: -80px;
  padding-top: 80px;
}
.notice-box h2 {
  font-size: 2rem;
  padding-bottom: 15px;
  letter-spacing: .2rem;
  margin-bottom: 20px;
  position: relative;
}
.notice-box h2 span {
  font-size: 1.5rem;
}
.notice-box h2::after {
  content: "";
  width: 100%;
  height: 1px;
  position: absolute;
  bottom: 0;
  left: 0;
  background: #0087ef;
  background: linear-gradient(135deg, rgba(0,135,239,1) 79%, rgba(0,101,179,1) 100%);
}
.notice-box > ol {
  counter-reset: count 0;
}
.notice-box > ol > li {
  font-size: 1.5rem;
  line-height: 2.3;
  position: relative;
  padding: 0 0 15px 25px;
}
.notice-box > ol > li::before {
  content: counter(count) ". ";
  counter-increment: count 1;
  position: absolute;
  top: 0;
  left: 0;
}
.notice-box > ol > li > ol {
  padding-bottom: 30px;
}
.notice-box a {
  text-decoration: underline;
}
.notice-box a:hover {
  text-decoration: none;
}
.notice-txt {
  font-size: 1.8rem;
  line-height: 1.75;
  padding-bottom: 10px;
}
.notice-info {
  font-size: 1.5rem;
  line-height: 2;
  padding-bottom: 20px;
}
.notice-note {
  font-size: 1.4rem;
  line-height: 1.5;
  padding: 0 0 5px 1.2em;
  position: relative;
}
.notice-note.note-txt {
  margin-top: -.2em;
}
.notice-note::before {
  content: "※";
  position: absolute;
  top: 0;
  left: 0;
}

/*--------------------------------------------------------------------------
   mobile
---------------------------------------------------------------------------*/
@media screen and (max-width: 768px)  {

.page-ttl {
  background-image: url(../img/notice/bg_page_ttl_sp.jpg);  
}


/* notice-box
-----------------------------------------------------------------*/
  .notice-box {
    margin-bottom: 30px;
  }
  .notice-box#privacy {
    margin-top: -40px;
    padding-top: 40px;
  }
  .notice-box h2 {
    font-size: 1.6rem;
    padding-bottom: 10px;
    margin-bottom: 15px;
  }
  .notice-box h2 span {
    font-size: 1.3rem;
    display: block;
    margin-top: -5px;
  }
  .notice-box > ol > li {
    font-size: 1.3rem;
    line-height: 1.75;
    padding: 0 0 10px 20px;
  }
  .notice-box > ol > li > ol {
    padding-bottom: 20px;
  }
  .notice-txt {
    font-size: 1.4rem;
  }
  .notice-info {
    font-size: 1.3rem;
    line-height: 1.75;
    padding-bottom: 10px;
  }
  .notice-note {
    font-size: 1.3rem;
    line-height: 1.5;
  }
  .notice-note.note-txt {
    margin-top: -.2em;
  }


}