@charset "utf-8";


/*============================
conceptArea
============================*/

.conceptArea { position: relative; padding: 70px 0 200px; text-align: center; }
.conceptArea .lead { font-size: 22px; color: #765; font-weight: bold; line-height: 1.8; }
.conceptArea .body { margin-top: 30px; font-size: 14px; line-height: 1.8; }
.conceptArea:before { position: absolute; content: ""; width: 945px; height: 242px; bottom: 250px; left: 50%; margin-left: -472px; background: url(../../imgFile/illust_light.png) no-repeat center center; }
.conceptArea:after { position: absolute; content: ""; width: 900px; height: 310px; bottom: -131px; left: 50%; margin-left: -450px; background: url(../../imgFile/illust_family.png) no-repeat center center; background-size: 700px; }


/*============================
pointArea
============================*/

.pointArea { background: #FBF9F3; padding: 150px 0 100px; }
.pointArea .base { width: 1000px; margin: 0 auto; padding: 60px 30px 30px; background: #fff; border-radius: 10px; }
.pointArea .wrap { margin-top: 20px; display: table; width: 100%; box-sizing: border-box; }
.pointArea .wrap .block { display: table-cell; width: 33.333%; padding: 20px 25px 20px; }
.pointArea .wrap .block .img { text-align: center; }
.pointArea .wrap .block .catch { width: 200px; margin: 20px auto; height: 50px; line-height: 54px; background: #99D82B; border-radius: 5px; font-size: 22px; color: #fff; text-align: center; }
.pointArea .wrap .block .text { margin-top: 20px; line-height: 1.7; }
.pointArea .wrap .block .text a { font-size: 14px; }


/*============================
stuffArea
============================*/

.stuffArea { width: 980px; margin: 0 auto; padding: 100px 20px; }
.stuffArea .wrap { margin-top: 60px; display: table; width: 100%; }
.stuffArea .wrap .left { display: table-cell; vertical-align: top; }
.stuffArea .wrap .left .img { width: 420px; height: 300px; background: url(../../imgFile/img_dr.png) center -35px; background-size: cover; border-radius: 3px; }
.stuffArea .wrap .left .profile { margin-top: 10px; padding: 20px; background: #fcfcf6; font-size: 12px; border-radius: 3px; }
.stuffArea .wrap .right { display: table-cell; padding-left: 40px; vertical-align: middle; }
.stuffArea .wrap .right .sub { color: #765; font-size: 16px;}
.stuffArea .wrap .right .name { color: #765; font-size: 28px; letter-spacing: 6px; }
.stuffArea .wrap .right .eng { margin: -3px 0 0 2px; color: #99d82b; font-size: 12px; letter-spacing: 3.5px; }
.stuffArea .wrap .right .text { margin-top: 40px; }