@charset 'UTF-8';

.sec-01> .table-area th{ background: #003d8a; background: -webkit-gradient(linear, left top, right top, from(#003d8a), to(#0c73b8)); background: linear-gradient(to right, #003d8a 0%, #0c73b8 100%); }

/* main
---------------------------------------- */
.main-area{ background: url('../images/outline/bg_main.jpg') center center no-repeat; }

/* sec-01
---------------------------------------- */
.sec-01{ width: 960px; margin: 15px auto 0 auto; padding: 20px 0 5px 0; background: #efefef; }

.sec-01> .table-area{ width: 100%; }

.sec-01> .table-area th ,.sec-01> .table-area td{ display: inline-block; margin-bottom: 15px; padding: 5px 0; font-size: 14px; vertical-align: top; }

.sec-01> .table-area th{ width: 34.375%; padding: 5px .8em; color: #fff; font-weight: normal; text-align: right; }

.sec-01> .table-area td{ padding: 5px 1em; line-height: 1.4; }

@media screen and (max-width: 640px){ .sec-01{ width: 93.75vw; margin: 3.125vw auto 0 auto; padding: 3.125vw 3.125vw .78125vw 3.125vw; }
.sec-01> .table-area th ,.sec-01> .table-area td{ display: block; width: 100%; height: auto; margin-bottom: 2.34375vw; font-size: 3.4375vw; line-height: 1.4; }
.sec-01> .table-area th{ width: 100%; padding: .5em .8em; text-align: left; } }