@charset "utf-8";
/* CSS Document */

/*============================
#pageSet
============================*/
#pageSet {}

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

/*============================
#topPanelArea
============================*/
#topPanelArea { background-image: url(../../imageFile/learn/topPanelArea.png); }

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

#outlineArea ul li .textContainer {}
#outlineArea ul li .textContainer .images { position: relative; width: 50%; }
#outlineArea ul li .textContainer .images img { width: 100%; }
#outlineArea ul li .textContainer .textBox { box-sizing: border-box; position: relative; width: 50%; }
#outlineArea ul li .textContainer .textBox .title { font-size: 1.75em; font-weight: bold; line-height: 1.75; }
#outlineArea ul li .textContainer .textBox .text { font-size: 1.125em; line-height: 1.5; margin-top: 30px;}

#outlineArea ul li.left {}
#outlineArea ul li.left .textContainer {}
#outlineArea ul li.left .textContainer .images { float: left; }
#outlineArea ul li.left .textContainer .images img {}
#outlineArea ul li.left .textContainer .textBox { float: right; padding-left: 50px; }
#outlineArea ul li.left .textContainer .textBox .title {}
#outlineArea ul li.left .textContainer .textBox .text {}

#outlineArea ul li.right { background-color: #f2f2f2; min-width: 1200px; }
#outlineArea ul li.right .textContainer {}
#outlineArea ul li.right .textContainer .images { float: right; }
#outlineArea ul li.right .textContainer .images img {}
#outlineArea ul li.right .textContainer .textBox { float: left; padding-right: 50px; }
#outlineArea ul li.right .textContainer .textBox .title {}
#outlineArea ul li.right .textContainer .textBox .text {}

#outlineArea .box01 { padding-top: 5px; }
#outlineArea .box02 { padding-top: 50px; }
#outlineArea .box03 { padding-top: 40px; }
#outlineArea .box04 { padding-top: 10px; }

/*============================
#footer
============================*/
#footer { border-top: none; margin-top: 0; padding: 40px 0 30px; }
#footer .md_contents {}
#footer .md_contents .md_inner {}
#footer .md_contents .md_inner .copyright { font-size: 0.75em; text-align: center; }