@charset "utf-8";
/* CSS Document */
@media only screen and (max-width: 640px) {
/*============================
#pageSet
============================*/
#pageSet {}

/*============================
#pageTitleArea
============================*/
#pageTitleArea {}
#pageTitleArea .md_contents {}
#pageTitleArea .md_contents .md_inner {}
#pageTitleArea .md_contents .md_inner .text {}

/*============================
#topPanelArea
============================*/
#topPanelArea {}

/*============================
#outlineArea
============================*/
#outlineArea {}
#outlineArea ul {}
#outlineArea ul li { padding: 40px 0; }

#outlineArea ul li .textContainer {}
#outlineArea ul li .textContainer .images { width: 100%; }
#outlineArea ul li .textContainer .images img { width: 100%; }
#outlineArea ul li .textContainer .textBox { width: 100%; margin-top: 20px; }
#outlineArea ul li .textContainer .textBox .title { font-size: 1em; line-height: 1.5; }
#outlineArea ul li .textContainer .textBox .text { font-size: 0.875em; line-height: 1.5; margin-top: 10px;}

#outlineArea ul li.left {}
#outlineArea ul li.left .textContainer {}
#outlineArea ul li.left .textContainer .images { float: none; }
#outlineArea ul li.left .textContainer .images img {}
#outlineArea ul li.left .textContainer .textBox { float: none; padding-left: 0; }
#outlineArea ul li.left .textContainer .textBox .title {}
#outlineArea ul li.left .textContainer .textBox .text {}

#outlineArea ul li.right { min-width: inherit; }
#outlineArea ul li.right .textContainer {}
#outlineArea ul li.right .textContainer .images { float: none; }
#outlineArea ul li.right .textContainer .images img {}
#outlineArea ul li.right .textContainer .textBox { float: none; padding-right: 0; }
#outlineArea ul li.right .textContainer .textBox .title {}
#outlineArea ul li.right .textContainer .textBox .text {}

#outlineArea .box01 { padding-top: 0; }
#outlineArea .box02 { padding-top: 0; }
#outlineArea .box03 { padding-top: 0; }
#outlineArea .box04 { padding-top: 0; }

/*============================
#footer
============================*/
#footer { padding: 30px 0 28px; }
#footer .md_contents {}
#footer .md_contents .md_inner {}
#footer .md_contents .md_inner .copyright {}
}