@charset "UTF-8";
/* ==========================================================
 clearfix
========================================================== */

/* ==========================================================
 contents
========================================================== */
/* contents
---------------------------------------------------------- */
.contents {
  background: none;
}
/* ==========================================================
 area
========================================================== */
/* area-cyushaku
---------------------------------------------------------- */
.area-cyushaku {
  padding: 21px 30px 60px;
}
/* ==========================================================
 module
========================================================== */
/* mod-cmn-title-01
---------------------------------------------------------- */
.area-cyushaku .mod-cmn-title-01 {
  margin-bottom: 30px;
}
/* ==========================================================
 title
========================================================== */
/* ttl-cmn-01
---------------------------------------------------------- */
.mod-cmn-title-01 .ttl-cmn-01 {
  float: left;
}
.mod-cmn-title-01 .ttl-cmn-01.type02 {
  padding: 5px 0 16px;
  font-size: 24px;
}
/* ==========================================================
 btn
========================================================== */
/* btn-close-01
---------------------------------------------------------- */
.btn-close-01 {
  display: table;
  width: 101px;
  height: 37px;
  text-align: center;
}
.btn-close-01.s-long {
  width: 180px;
  margin: 0 auto;
}
  .btn-close-01 a {
    display: table-cell;
    border-radius: 18px;
    background-color: #999;
    vertical-align: middle;
    text-decoration: none;
  }
  .btn-close-01 a:hover {
    -ms-filter: 'alpha( opacity=70)';
    filter: alpha( opacity=70);
    opacity: 0.7;
  }
  .btn-close-01 span {
    position: relative;
    padding-left: 24px;
    color: #fff;
    font-weight: bold;
    font-size: 14px;
  }
  .btn-close-01 span:before {
    position: absolute;
    top: 50%;
    left: 0;
    width: 14px;
    height: 14px;
    margin-top: -8px;
    background: url(/common/img/ico_close_01.png) no-repeat;
    background-size: 14px;
    content: "";
  }
.ttl-cmn-01 + .btn-close-01  {
  float: right;
}
/* ==========================================================
 list
========================================================== */
/* list-cyushaku-01
---------------------------------------------------------- */
.list-cyushaku-01 {
  margin-bottom: 30px;
  border-bottom: 1px solid #cbcbcb;
}
  .list-cyushaku-01 > li {
    position: relative;
    margin-bottom: 4px;
    padding-left: 46px;
    counter-increment: number;
  }
  .list-cyushaku-01 > li.type01 {
    padding-left: 37px;
  }
  .list-cyushaku-01 > li:before {
    position: absolute;
    content: "※" counter(number);
    top: 0;
    left: 0;
  }
  .list-cyushaku-01 > li:nth-last-child(-n+5):before {
    position: absolute;
    content: "　";
    top: 0;
    left: 0;
  }

  .list-cyushaku-01 > li:last-child {
    margin-bottom: 24px;
  }
  .list-cyushaku-01 .txt-cmn-note-01 {
    margin-left: 0;
  }
@media screen and (max-width: 750px) {
.list-cyushaku-01 > li {
  margin-bottom: 4px;
  padding-left: 40px;
}
.list-cyushaku-01 > li.type01 {
  padding-left: 31px;
}
}