.h1-wrap{
  margin:70px 10px;
  text-align:center;
}

.h1-wrap h1{
  font-size:1.8rem;  
  color:#ccc;
  line-height:250%;
  letter-spacing: 1.0rem;
}

.ctg-wrapper-y{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-around;
}

.ctg-item-y{
    width: 120px; 
    border-radius: 8px; 
    margin:12px 16px;
    padding: 12px 8px;
    box-shadow: 1px 1px 2px rgba(0,0,0,0.7); 
  
 }

/** カラーコントロール**/
 .ctg-item-y-red{
  background-color: rgb(223, 88, 88);      
} 
.ctg-item-y-blue{
  background-color: rgb(64, 98, 212);      
} 
.ctg-item-y-green{
  background-color: rgb(55, 214, 95);      
} 
.ctg-item-y-yellow{
  background-color: rgb(223, 211, 56);      
} 

/** カラーコントロール以外をまとめている**/
.ctg-item-y-red, .ctg-item-y-blue, 
.ctg-item-y-green, .ctg-item-y-yellow{
  width: 120px; 
  border-radius: 8px; 
  margin:12px 16px;
  padding: 12px 8px;
  box-shadow: 1px 1px 2px rgba(0,0,0,0.7);    
} 




#ctg-title-y{
    text-align:center;
  }

  
  #ctg-title-y h2{
    font-family: "a-otf-futo-min-a101-pr6n";
    font-weight: 300;
    font-size: 2.4rem;
    color: #fff;
    }

#btn-content-1, #btn-content-2, #btn-content-3{
      margin-top:30px;
      display: none;
    }

.btn-content-ul{
  padding: 5px 10px;
  margin-top: 6px;
  border-radius: 5px;
  background-color: #fff;
  list-style: none;
  box-shadow: 1px 1px 2px rgba(0,0,0,0.7); 
    }