@charset "utf-8";
/* CSS Document */

#about{
    padding-bottom: 50px;
}

#about .ttl-eng-z{
line-height: 0.8;
display:inline-block;   
}


#about .about-box{
    background-color: #fff;
    padding-top: 20px;
}
#about .title p {
    font-size: 0.8em;
}

#about .list{
    border-top: dotted 4px #AFD5B5;
    padding: 50px 0;
}



.list .box{
    border: 1px solid #f28303;
    
    
}
.list h3{
    text-align: center;
    font-weight: 600;
    display: block;
    height:50px;
}

.tx-box img{
   width: 100%;
    }
.tx-box{
   background: #FCF8F4;
   border-top: 1px solid #f28303; 
   padding: 20px 0 0 0;
  
}
.close-bt{
    padding: 15px;
   
}
/*flexbox*/
.list{
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.list .box{
   
}
.close-bt{
    display: flex; /* 子要素をflexboxで揃える */
    flex-direction: column; /* 子要素をflexboxにより縦方向に揃える */
    justify-content: center; /* 子要素をflexboxにより中央に配置する */
    align-items: center;  /* 子要素をflexboxにより中央に配置する */

}
.tx-inner{
    display: flex;
    flex-flow: row nowrap;
}

.tx-inner,.ttl-inner{
    padding: 10px;
}