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

.history_area {
width: 100%;
max-width: 1040px;
margin: 0 auto 90px;
}

@media screen and (max-width: 768px){
.history_area .history_contents {
padding: 0 5%;
}
}

.history_area h2 {
line-height: 1;
font-size: 28px;
padding: 20px;
background: #f9faf4;
text-align: left;
margin-bottom: 35px;
}

@media screen and (max-width: 768px){
.history_area h2 {
font-size: 18px;
padding: 15px;
margin-bottom: 20px;
}
}

.history_area ul.history_list li.history_items:first-child {
display: block;
}

.history_area .table_area table {
border-top: 1px solid #cccccc;
border-left: 1px solid #cccccc;
width: 100%;
}

.history_area .table_area table th {
width: 140px;
background-color: #f3f3f3;
font-size: 14px;
text-align: center;
vertical-align: middle;
padding: 15px 20px;
border-right: 1px solid #cccccc;
border-bottom: 1px solid #cccccc;
}

@media screen and (max-width: 768px){
.history_area .table_area table th {
font-size: 13px;
padding: 10px;
width: 100px;
}
}

.history_area .table_area table td {
width: 900px;
font-size: 14px;
vertical-align: middle;
padding: 15px 20px;
border-right: 1px solid #cccccc;
border-bottom: 1px solid #cccccc;
}

@media screen and (max-width: 768px){
.history_area .table_area table td {
width: auto;
font-size: 13px;
padding: 10px;
}
}