body{
  margin:0;
  padding:0;
  font-family: Meiryo, sans-serif;
 
}

.side-nav{
  position: fixed;
    background: #efefef;
    color: #fff;
    font-size: 14px;
    height: 90%;
  overflow-x: hidden;
  overflow-y: scroll;
  z-index: 1;
  width: 16.8%;

  border:1px solid #c9c8c8;
}


.content.d-flex {
  gap: 2px;
}

.block-1{
  border:1px solid #c9c8c8;
  color:#fff;
  background: #fff;
}

.block-1 a{
  color:#000;
  text-decoration: none;
}

.block-1 a:hover{
  color:#aab3b3;
}

.title-header{
  background: rgb(255,255,255);
  background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 51%, rgba(250,247,247,1) 53%, rgba(227,227,227,1) 100%);
  color:#FF6666;
  position: relative;
  border:1px solid #c9c8c8;
}

.title-header::before{
  content: "";
  background: #FF6666;
  height: 100%;
  display: block;
  width: 10px;
  position: absolute;
  top: 0px;
  left: 5px;
}

.title-header p::before{
  content: "";
  background: #FF6666;
  height: 100%;
  display: block;
  width: 1px;
  position: absolute;
  top: 0px;
  left: 18px;
}

.title-header .title{
  border:1px solid #c9c8c8;
}

.bg-red{
  background:#FF6666;
}

.content-2{
  border-bottom:1px dotted #c9c8c8;
}




@media only screen and (max-width: 1200px) {
 
  .remove{
    display: none !important;
  }

  .desktop{
    display: none;
  }

  .mobile{
    display:block !important;
  }
  .side-nav {
    width: 100% !important;
  }

  
}