@charset "UTF-8";
/* #nav
================================================ */
#nav { padding: 0 15px 0; }

#nav .navBox .tit { margin: 15px 0 5px; font-size: 1.5rem; color: #a32727; }

#nav .navBox .tit a { text-decoration: none; }

#nav .navBox .listBox .subList01 { border-left: 1px solid #ccc; padding-left: 15px; line-height: 2.3; }

#nav .navBox .listBox .subList01 { margin-top: 8px; }

#nav .navBox .listBox .subList01 .item { font-size: 1.3rem; }

#nav .navBox .listBox .subList01 .item .subList02 .item:before { content: '・'; margin: 0 10px 0 -8px; }

#nav .navBox .listBox .subList01 .item a { text-decoration: none; letter-spacing: 0; }

#nav .navBox .listBox .subList01 .item a:hover { text-decoration: underline; }

@media screen and (min-width: 600px) { #nav { padding: 70px 0 0; }
  #nav .navBox { float: left; }
  #nav .navBox.box01 { width: 275px; padding-right: 10px; box-sizing: border-box; }
  #nav .navBox.box02 { width: 260px; padding-right: 10px; box-sizing: border-box; }
  #nav .navBox.box03 { width: 280px; padding-right: 10px; box-sizing: border-box; }
  #nav .navBox.box04 { width: 280px; padding-right: 10px; box-sizing: border-box; }
  #nav .navBox .navList + .navList { margin-top: 45px; }
  #nav .navBox .tit { font-size: 1.7rem; margin-bottom: 20px; }
  #nav .navBox .tit a { text-decoration: none; }
  #nav .navBox .tit a:hover { text-decoration: underline; }
  #nav .navBox .listBox .subList01 { padding-left: 18px; line-height: 2.6; } }

#info { padding-top: 50px; }

#info .infoList { float: left; }

#info .infoList > .item { position: relative; float: left; font-size: 1.3rem; }

#info .infoList > .item + .item { margin-left: 10px; padding-left: 10px; }

#info .infoList > .item + .item:before { content: ''; display: inline-block; position: absolute; left: 0; top: 4px; width: 1px; height: 15px; background-color: #ccc; }

#info .infoList > .item a { text-decoration: none; }

#info .infoList > .item a:hover { text-decoration: underline; }

#info .cr { float: right; font-size: 1.3rem; color: #989492; }

@media screen and (max-width: 599px) { #info { padding: 50px 20px 0; }
  #info .item a { font-size: 1.2rem; } }
