@charset "utf-8";

/* info/howto_login/でのみ適用 */
#header {
  background: #000;
}
.container.point.detail.info.notice {
  padding: 0 20px;
  box-sizing: border-box;
}
#contents h2.info-notice {
  margin-top: 2em;
}
#contents h2.info-notice.txt-small {
  font-size: 1.5em;
}
#contents .info-notice-secondly {
  margin-top: 2em;
  font-size: 1.2em;
  text-align: center;
  font-weight: 400;
}
.page_howto_login ol.number {
  width: max-content;
  padding-left: 0;
  margin: 0 auto;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .page_howto_login ol.number {
    width: 100%;
    padding-left: 0;
  }
}
.page_howto_login ol.number li {
  position: relative;
  margin-bottom: 5em;
  text-align: center;
}
.page_howto_login ol.number li img {
  display: inline-block!important;
}
.page_howto_login ol.number li:before {
  position: static;
  left: -2em;
}
.pass_setup.page_howto_login ol.number li:before {
  display: none;
} 
.page_howto_login ol.number li::after {
  content: '';
  position: absolute;
  bottom: -40px;
  left: 0;
  right: 0;
  margin: auto;
  width: 0;
  height: 0;
  border-style: solid;
  border-right: 40px solid transparent;
  border-left: 40px solid transparent;
  border-top: 20px solid #555555;
  border-bottom: 0;
}
@media screen and (max-width: 767px) {
  #contents h2.info-notice {
    margin-bottom: 3em;
  }
  .page_howto_login ol.number li::after {
    /* left: -2em; */
  }
}
.icon--arrow {
  display: block;
  width: 0;
  height: 0;
  margin: 1em auto 2.5em;
  border-style: solid;
  border-right: 40px solid transparent;
  border-left: 40px solid transparent;
  border-top: 20px solid #555555;
  border-bottom: 0;
}
.page_howto_login ol.number li:last-of-type::after {
  display: none;
}
#contents .container.point.detail .container-inner.info-notice {
  max-width: 800px;
}

.pdflink {
  display: block;
  width: max-content;
  margin: 0 auto 5em;
  padding: 0.5em 1em;
  background: #222;
  color: #fff;
  text-decoration: none;
  border-radius: 5px;
}