@charset "utf-8";

/*------------  guide  ------------*/

.title_block { padding: 20px 0 45px; }
.title { text-align: center; font-family: 'Noto Sans JP', sans-serif; font-size: 30px; font-weight: 900; color: #53231b; }

#privacy .wrap { padding: 0 6% 60px; font-size: 14px; line-height: 1.8; }
#privacy .notes { padding: 0 0 40px; }
#privacy .item { border-top: 1px solid #d0c199; }
#privacy .head { padding: 55px 0 6px; font-size: 16px; line-height: 1.4; color: #53231b; }
#privacy .chapter { font-weight: bold; color: #53231b; margin-left: 3.5em; text-indent: -3em; }
#privacy .indentback { margin-left: 2rem; }
#privacy .indentback-1 { margin-left: 3rem; padding-top: 10px; }
#privacy .indentback-2 { margin-left: 6rem; padding-top: 10px; }
#privacy .font1 { font-size: 12px; }
#privacy .txt { margin-bottom: 14px; }
#privacy .author { text-align: right; }
#privacy .annotation { margin-left: 4em; text-indent: -4em; }
#privacy .list { margin-left: 1.4em; text-indent: -1.4em; }

#terms .wrap { padding: 0 6% 100px; font-size: 14px; line-height: 1.8; }
#terms .link { color: #333; opacity: 1; }
#terms .link:hover  { color: #fb8517; }
#terms .item { padding: 42px 0; border-top: 1px solid #d0c199; }
#terms .item:last-child { border-bottom: 1px solid #d0c199; }
#terms .head { padding: 0 0 15px; font-size: 16px; line-height: 1.4; color: #53231b; }
#terms .txt {}
#terms .num { padding: 22px 0; }
#terms .num li { margin: 0 0 0 1.5em; padding: 0 0 0 .2em; list-style-type: decimal; }
#terms .os { padding: 22px 0; }
#terms .os li { margin: 0 0 0 1.5em; padding: 0 0 0 .2em; list-style-type: disc; }



@media screen and (max-width: 960px) {

  .title { font-size: 26px; }

}




@media screen and (max-width: 760px) {

  .title_block { padding: 24px 0 20px; }
  .title { font-size: 20px; }

  #privacy .wrap { padding: 0 4% 20px; font-size: 13px; line-height: 1.6; }
  #privacy .notes { padding: 0px 0 20px; }
  #privacy .head { padding: 45px 0 12px; font-size: 14px; }

  #terms .wrap { padding: 0 4% 40px; font-size: 13px; line-height: 1.6; }
  #terms .item { padding: 22px 0; }
  #terms .head { padding: 0 0 12px; font-size: 14px; }
  #terms .num { padding: 14px 0; }
  #terms .os { padding: 14px 0; }

}


