@charset "UTF-8";

/* ************************************************************

  下層ページ | ご近所の氏神さま
  /common/css/pages_sp.css

************************************************************ */

/* ************************************************************
  Common
************************************************************ */
.ol01.li_mt00 {
  margin-top: 0.5em;
}
.ol01 > li {
  position: relative;
  margin-top: 1em;
  padding-left: 2.75em;
}
.ol01.li_mt00 > li {
  margin-top: 0;
}
.ol01.li_mt05 > li {
  margin-top: 0.5em;
}
.ol01 > li > span {
  position: absolute;
  left: 0;
}
.ol01 .ol01 {
  margin-top: 0.5em;
}
.ol01 .ol01 > li {
  margin-top: 0;
}
.ol02 > li {
  margin: 0.5em 0 0 1.5em;
  list-style-type: decimal;
}
.ul01 {
  margin-top: 0.5em;
}
.ul01 > li {
  position: relative;
  padding-left: 1.25em;
}
.ul01 > li:before {
  content: "●";
  position: absolute;
  display: inline-block;
  top: 0.2em;
  left: 0;
  font-size: 0.8em;
}
.table01 {
  margin-top: 1em;
}
.table01 th,
.table01 td {
  padding: 0.5em;
  border: solid 1px #ccc;
}
.table02 {
  width: 100%;
  background: #fff;
}
.table02 th,
.table02 td {
  padding: 1em;
  border: solid 1px #ccc;
}
.table02 th {
  white-space: nowrap;
  font-weight: bold;
  color: #b7272d;
}


/* ************************************************************
  特定商取引法に基づく表記
  /pages/law/index.html
  
  運営会社
  /pages/company/index.html
************************************************************ */
.law dl dt,
.company dl dt {
  margin-top: 3rem;
  font-weight: bold;
}
.law dl dd,
.company dl dd {
  margin-top: 10px;
  font-size: 1.285em;
  color: #666;
}


/* ************************************************************
  プライバシーポリシー
  /pages/privacy/index.html
************************************************************ */
.privacy p {
  margin-bottom: 1em;
  line-height: 1.8;
}
.privacy h2 {
  position: relative;
  margin: 2em 0 1em;
  padding-left: 1.25em;
  font-size: 1.285em;
  font-weight: bold;
}
.privacy h2 > span {
  position: absolute;
  display: inline-block;
  top: 0;
  left: 0;
  font-size: 1em;
  font-weight: bold;
}
.privacy .add {
  margin: 1em 0 0 0;
  padding: 1.5em 1.5em 1em;
  border: solid 1px #ccc;
}
.privacy .add p {
  margin-bottom: 0.5em;
}
.privacy .add em {
  font-size: 1.2em;
  font-weight: bold;
  font-style: normal;
}
.privacy .table01 th,
.privacy .table01 td {
  width: 50%;
}


/* ************************************************************
  利用規約
  /pages/rules/index.html
************************************************************ */
.rules p {
  margin-bottom: 1em;
  line-height: 1.8;
}
.rules h2 {
  margin: 2em 0 1em;
  font-size: 1.285em;
  font-weight: bold;
}
.rules .update {
  margin-top: 4em;
}


/* ************************************************************
  よくあるご質問
  /pages/qanda/index.html
************************************************************ */
.qanda h2 {
  margin: 2em 0 1em;
  font-size: 1.428em;
  font-weight: bold;
}
.accordion {
  border-bottom: solid 1px #ccc;
  line-height: 1.8;
}
.accordion dt {
  position: relative;
  padding: 10px 2em 10px 0;
  border-top: solid 1px #ccc;
  font-size: 1.125em;
  font-weight: bold;
  cursor: pointer;
}
.accordion dt:after {
  content: "";
  position: absolute;
  display: inline-block;
  top: 50%;
  right: 20px;
  width: 10px;
  height: 10px;
  border: solid #666;
  border-width: 0 1px 1px 0;
  transform: rotate(45deg) translate(-0px, -10px);
}
.accordion dt.opened:after {
  top: 60%;
  border-width: 1px 0 0 1px;
}
.accordion dd {
  display: none;
  padding: 10px 0 20px;
}
.accordion dd p {
  margin-bottom: 0.5em;
}
.accordion dd .notes {
  font-size: 0.875em;
}
.qanda .accordion dd .ol02 {
  margin-bottom: 1em;
  padding: 0.5em 1em 1em;
  border: solid 1px #ccc;
}