/*2021/12/16*/
/* @media (max-width: 1024px) {
  .tb-br {
    display: block;  
  }
}
 */
 
   .tb-br {
    display: block;  
  }
/*home2-02*/
.home2-02 .inn {
    background: none;
    border-top: solid 2px #a1a1a1;
    border-bottom: solid 2px #a1a1a1;
    padding: 20px 30px;
    position: relative;
}

.home2-02 .inn:before,
.home2-02 .inn:after {
    content: '';
    position: absolute;
    top: -10px;
    width: 2px;
    height: calc(100% + 20px);
    background-color: #a1a1a1;
}

.home2-02 .inn:before {
  left: 10px;
}

.home2-02 .inn:after {
  right: 10px;
}

/*home5-02*/
.home5-02 li a .txtbox {
    background-color: rgb(0 0 0 / 40%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}

.home5-02 .txtbox dt {
    margin-bottom: 5px;
    padding-bottom: 5px;
    border-bottom: 1px solid;
    color: #fff;
    font-family: "erasdemi";
    font-size: 20px;
    line-height: 1;
}

.home5-02 .txtbox dd {
    color: #fff;
}

@media (max-width:1024px) {
  .home5-02 li {
    width: calc(100% / 3);
  }
  
  .home5-02 .txtbox dt {
    line-height: 1.2;
  }
}

@media (max-width:599px) {
  .home5-02 li {
    width: calc(100% / 2);
  }
  
  .home5-02 li a .txtbox {
    width: calc(100% - 16px);
    height: calc(100% - 16px);
    margin: 8px;
    padding: 3px 5px;
  }
  
  .home5-02 .txtbox dt {
    font-size: 15px;
  }
  
  .home5-02 .txtbox dd {
    font-size: 12px;
  }
}


.r{
  display: inline-block;
}

@media only screen and (max-width: 599px){
  .r{
  display: block;
}
}