article div.section img {
  border: 1px solid #ddd;
  border-radius: 5px;
  box-shadow: 2px 2px 3px 1px #ccc;
}

/*	Profile	*/
article div.section h2 span.fas, article div.section h2 span.fab, article div.section h2 span.far {
  color: royalblue;
}

article div.section div.photos {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}
article div.section div.photos p {
  margin: 0 0 20px 0;
}

/*	=====<div#profileTop>=====	*/
div#profileTop div.profile {
  width: 100%;
  margin: 10px 0 0 0;
}
div#profileTop div.profile dl {
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
div#profileTop div.profile dl dt, div#profileTop div.profile dl dd {
  margin: 0 0 15px 0;
  padding: 0 0 15px 0;
  border-bottom: 1px dotted #999;
}
div#profileTop div.profile dl dt {
  width: 22%;
  text-indent: 5px;
}
div#profileTop div.profile dl dt::before {
  content: "\f2c2";
  font-family: "Font Awesome 5 Free";
  font-weight: 400;
  display: inline-block;
  margin: 0 5px 0 0;
  color: royalblue;
}
div#profileTop div.profile dl dd {
  width: 78%;
}
div#profileTop div.profile dl dd.sns {
  padding-right: 10px;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
div#profileTop div.profile dl dd.sns > p {
  margin: 0 5% 0 0;
  text-align: center;
}
div#profileTop div.profile dl dd.sns > p:last-child {
  margin-right: 0;
}
div#profileTop div.profile dl dd.sns > p span.title {
  display: block;
}
@media (max-width: 575px) {
  div#profileTop div.profile dl dd.sns > p {
    margin: 0 0 15px 0;
    min-width: 48%;
  }
}
@media (min-width: 415px) and (max-width: 767px) {
  div#profileTop div.profile dl dt {
    width: 30%;
  }
  div#profileTop div.profile dl dd {
    width: 70%;
  }
}
@media (max-width: 414px) {
  div#profileTop div.profile dl dt {
    width: 44%;
  }
  div#profileTop div.profile dl dd {
    width: 56%;
  }
  div#profileTop div.profile dl dt.block {
    width: 100%;
    margin-bottom: 5px;
    padding-bottom: 0;
    border-bottom-width: 0;
  }
  div#profileTop div.profile dl dd.block {
    width: 100%;
    margin-left: 1rem;
  }
}

/*	=====</div#profileTop>=====	*/
/*	=====<div#toc>=====	*/
div#toc {
  margin-top: -15px;
}
div#toc > ul {
  margin: 0 -5px;
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
div#toc > ul > li {
  margin: 0 5px 10px 5px;
  flex-grow: 3;
  min-width: 150px;
}
div#toc > ul > li > a.btn {
  display: block;
}

/*	=====</div#toc>=====	*/
/*	=====<div.history>=====	*/
div.history dl {
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
div.history dl dt, div.history dl dd {
  margin: 0 0 15px 0;
  padding: 0 0 15px 0;
  border-bottom: 1px dotted #999;
}
div.history dl dt {
  width: 22%;
  text-indent: 5px;
}
div.history dl dd {
  width: 78%;
}
div.history dl dd ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
@media (min-width: 576px) and (max-width: 767px) {
  div.history dl dt {
    width: 30%;
  }
  div.history dl dd {
    width: 70%;
  }
}
@media (max-width: 575px) {
  div.history dl {
    display: block;
  }
  div.history dl dt {
    width: 100%;
    text-indent: 0;
    margin-bottom: 5px;
    padding-bottom: 0;
    border-bottom-width: 0;
  }
  div.history dl dd {
    width: 100%;
  }
}

/*	=====</div.history>=====	*/