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

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

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

#content .sec_left { float:left; text-align:center; }
#content .sec_left p { margin-top:10px; font-size:100%; }

#content .sec_left + section { margin-top:0; }
#content h2 { margin-bottom:15px; color:#003874; font-size:114.2%; font-weight:bold; }
#content p { font-size:114.2%; }
#content .txt_principal { clear:both; padding-top:50px; text-align:right; }

@media screen and (min-width: 801px) {
#content section { float:right; width:720px; }

}

@media screen and (min-width: 641px) and (max-width: 800px) {
#content section { float:right; width:360px; }
#content section:nth-of-type(2) { margin-bottom:40px; }
#content section:nth-of-type(3) { clear:both; float:none; width:100%; }
#content section:nth-of-type(4) { clear:both; float:none; width:100%; }

}

@media screen and (max-width: 640px) {

#content .sec_left { float:none; margin:0 auto 20px; text-align:center; }
#content .txt_principal { padding:20px 0; }


}