/*
======== table of content. ===============

summary:レスポンシブ基本要素

==========================================
*/

.ttl_common { margin-bottom:5px; }
.sec_table { width:100%; border-bottom:1px solid #003874; }
.hr_dotted { border-bottom:1px dotted #003874; }
.sec_table dt { font-size:114.2%; }
.sec_table > dt { display:table-cell; width:146px; padding:20px 5px; vertical-align:top; }
.sec_table > dd { display:table-cell; padding:22px 0; vertical-align:top; }

.sec_inner_table { display:table; width:100%; border-bottom:1px solid #003874; }
.sec_inner_table > dt { display:table-cell; width:114px; padding:15px 5px; vertical-align:top; }
.sec_inner_table > dd { display:table-cell; padding:17px 5px; vertical-align:top; }

dd .sec_inner_table:first-child { display:block; }
dd .sec_inner_table:first-child dt  { display:block; width:100%; padding:0 5px; }
dd .sec_inner_table:first-child dd { display:block; margin-left:114px; padding:17px 5px; }

dd .sec_inner_table:last-child { border-bottom:none; }
dd .sec_inner_table:last-child dt  { padding:15px 5px 0; }
dd .sec_inner_table:last-child dd { padding:17px 5px 0; }

table { width:100%; border-collapse:collapse; }
th,
td { width:50%; border:1px solid #7f7f81; padding:5px; vertical-align:middle; }

@media screen and (min-width: 801px) {

}

@media screen and (min-width: 641px) and (max-width: 800px) {
.sec_inner_table > dt { width:94px;  font-size:100%; }
.sec_inner_table > dd { padding:15px 5px; }

dd .sec_inner_table:first-child dd { margin-left:94px; padding:15px 5px; }

dd .sec_inner_table:last-child dd { padding:15px 5px 0; }

}

@media screen and (max-width: 640px) {
.sec_table { display:block; padding:10px 0; }
.sec_table > dt { display:block; width:100%; margin-bottom:5px; padding:0 5px; }
.sec_table > dd { display:block; padding:0 5px; }

.sec_inner_table { display:block; padding:10px 0 10px 10px; border-bottom:1px dotted #003874; }
.sec_inner_table > dt { display:block; width:100%; margin-bottom:5px; padding:0 5px; }
.sec_inner_table > dd { display:block; padding:0 5px; }

dd .sec_inner_table:first-child { display:block; }
dd .sec_inner_table:first-child dt  { display:block; width:100%; padding:0 5px; }
dd .sec_inner_table:first-child dd { display:block; margin-left:0; padding:0 5px; }

dd .sec_inner_table:last-child { border-bottom:none; }
dd .sec_inner_table:last-child dt  { padding:0 5px; }
dd .sec_inner_table:last-child dd { padding:0 5px; }


}