#volunteer{width: 100%;}

.sub_title{font-size: 25px; font-weight: 500; margin: 80px 0 20px;}
.sub_title:first-child{margin-top: 0;}

.sBox{width: 100%;}
.sBox ul{display: flex; justify-content: space-between; flex-wrap: wrap;}

.sBox ul li{width: 18%; height: 230px; border: 1px solid #eee; border-radius: 20px; text-align: center;}

.sBox ul li.s1, .sBox ul li.s2, .sBox ul li.s3, .sBox ul li.s4, .sBox ul li.s5{position: relative;}
.sBox ul li > div{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}

.sBox ul li.onlyPc{width: 2%; border: none; line-height: 230px;}

.sBox ul li div{}

.sBox ul li div.step{color: #25b7a6; padding: 5px 0;}
.sBox ul li div.tit{font-weight: 600; white-space: nowrap;}

.formDown{}
.formDown a{display: block; width: 250px; height: 60px; color: #fff; line-height: 60px; text-align: center; 
    margin: 0 auto; background: #25b7a6; border-radius:10px; }

table {
    width: 100%;
    border-spacing: 0;
    border-collapse: collapse;
    text-align: center;
}

thead {
    display: table-header-group;
    vertical-align: middle;
    unicode-bidi: isolate;
    border-color: inherit;
}

tr {
    display: table-row;
    vertical-align: inherit;
    unicode-bidi: isolate;
    border-color: inherit;
}

.tbl thead th {
    background: #f5f5f5;
    font-weight: bold;
    color: #222;
    border-top: 1px solid #ddd;
}

.tbl td:first-child, .tbl th:first-child {
    border-left: 1px solid #ddd;
}

.tbl td:first-child{
  text-align: center;
  font-weight: 500;
}

.tbl th, .tbl td {
    padding: 20px;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    line-height: 1.3;
    white-space: nowrap;
}

tbody {
    display: table-row-group;
    vertical-align: middle;
    unicode-bidi: isolate;
    border-color: inherit;
}


.tbl td h5 {
    margin: 10px 0 10px;
    font-size: 16px;
    font-weight: 600;
}


.tbl td ul li {
    position: relative;
    line-height: 1.4;
    margin-bottom: 10px;
    padding-left: 15px;
}

/*---------------------------------------
  MOBILE RESPONSIVE              
-----------------------------------------*/
@media (max-width: 1023px) {
.sub_title{font-size: 20px;}
.tbl_wrap {overflow-x: auto;}
.sBox ul li{width: 100%; height: 230px; margin-bottom: 30px;}
.sBox ul li:last-child{margin-bottom: 0;}
.sBox ul li.onlyPc{display: none;}
}
@media (max-width: 768px) {
}
@media (max-width: 640px) {
}
@media (max-width: 480px) {
}
@media (max-width: 320px) {
}

