@media screen and (max-width: 575px) { //スマホだけ適用
/* 枠線を表示する */
.table-responsive {
border: 1px solid #eee;
}
/* スクロールできることを明示する */
.table-responsive::before {
font-size: 12px;
display: block;
padding: 5px 5px 5px 15px;
content: ‘表は左右にスクロールできます’;
color: #999;
}
/* iPhoneのtable-responsiveの時にスクロールバーを表示する */
.table-responsive::-webkit-scrollbar {
height: 5px;
}

.table-responsive::-webkit-scrollbar-track {
border-radius: 5px;
background: #eee;
}

.table-responsive::-webkit-scrollbar-thumb {
border-radius: 5px;
background: #666;
}
}

.vertical_line_1{font-size:1.4em;font-weight:bold;color:#414141;border-left:6px solid #414141;padding-left:12px;margin:30px 0 16px;font-size:24px}

.card {
  border: none;
}
.btn {
  padding: 0;
}