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

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

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


.txt_notice { padding:10px; border-top:1px solid #003874; border-bottom:1px solid #003874; color:#003874; font-size:114.2%; text-align:center; }

.sec_list { padding:1px; border:1px solid #003874; background-color:#fff; }
.sec_list h3 { padding:5px; background-color:#003874; color:#fff; }
.sec_list ul { padding:10px; }
.sec_list li { text-align:left; }


@media screen and (min-width: 801px) {
#promotion .txt_intro { width:980px;  margin:10px auto 0; font-size:114.2%; }
.sec_col3 .sec_col3_inner { margin:0 -40px -20px 0; }
.sec_col3 .col { margin:0 40px 20px 0; }

.sec_list { min-width:300px; }
}

@media screen and (min-width: 641px) and (max-width: 800px) {
#promotion .txt_intro { width:620px; margin:10px auto 0; font-size:100%; }

.sec_col3 .sec_list { width:100%; max-width:620px; }
}

@media screen and (max-width: 640px) {
#promotion .txt_intro { padding:0 20px;  margin-top:10px; }

.sec_col3 .sec_list { width:100%; max-width:100%; }

}