#detail {
  text-align: left; }
  #detail .date {
    font-size: 20px;
    font-size: 2.0rem;
    padding-bottom: 0;
    line-height: 1.1; }
  #detail h3.blog-ttl {
    font-size: 28px;
    font-size: 2.8rem;
    font-weight: 600;
    padding-bottom: 35px;
    padding-top: 10px; }

#relate {
  clear: both;
  width: 1080px;
  margin-left: -40px;
  padding-top: 20px; }
  #relate h4 {
    font-size: 26px;
    font-size: 2.6rem;
    font-weight: 600;
    padding-bottom: 35px;
    padding-top: 10px; }
  #relate ul {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    flex-wrap: wrap; }
    #relate ul li {
	  width: 220px;
      margin: 0 25px;
      text-align: center; }
      #relate ul li p {
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 2.17; }
      #relate ul li:nth-child(n+5) {
        margin-top: 30px; }

.btn {
  max-width: 360px;
  margin: 0 auto;
  padding-top: 100px;
  padding-bottom: 80px; }
  .btn a {
    display: block;
    width: 100%;
    color: #203d5a;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1;
    padding: 25px 0;
    font-weight: 600;
    background-color: #d9dbcd; }

/*# sourceMappingURL=pickup-detail.css.map */