@charset "utf-8";

/*============================
#pageTitleArea
============================*/
#pageTitleArea { background:  url(../../imageFile/fudousan/sell/mainTitleArea_bg.png) no-repeat center; background-size: cover; min-width: 1200px; padding: 60px 0 50px; text-align: center; }
#pageTitleArea .titleBox {}
#pageTitleArea .titleBox .subTitle { padding-top: 36px; color: #fff; font-size: 0.875em; }
#pageTitleArea .titleBox .title { color: #fff; font-size: 2em; }
#pageTitleArea .titleBox h1 { color: #fff; font-size: 0.875em; margin-top: 20px; line-height: 1.5; }

/*============================
#tyuukaiArea
============================*/
#tyuukaiArea {}
#tyuukaiArea .wrap { margin: 0 auto; width: 1200px; }
#tyuukaiArea .wrap .pad { margin: 0 50px; width: 1100px; position: relative; }
#tyuukaiArea .wrap .pad .title { font-size: 1.875em; padding-top: 60px; font-weight: bold; letter-spacing: 2px; }
#tyuukaiArea .wrap .pad .title span.number { display: inline-block; font-size: 0.75em; color: #fff; background-color: #2b2d3a; margin-right: 10px; padding: 10px 5px 7px 7px; font-weight: normal; }
#tyuukaiArea .wrap .pad .content { position: relative; margin-top: 30px; height: 396px; border: solid 1px #bebfc3; }
#tyuukaiArea .wrap .pad .content .image { position: absolute; left: 50px; top: 50px; }
#tyuukaiArea .wrap .pad .content .image img { width: 460px; height: 290px; }
#tyuukaiArea .wrap .pad .content .textCon { position: absolute; right: 60px; top: 50px; width: 470px; }
#tyuukaiArea .wrap .pad .content .textCon .catch { font-size: 1.5em; font-weight: bold; line-height: 1.5; }
#tyuukaiArea .wrap .pad .content .textCon .text { padding-top: 20px; line-height: 1.5; }

/*============================
#kaitoriArea
============================*/
#kaitoriArea {}
#kaitoriArea .wrap { margin: 0 auto; width: 1200px; }
#kaitoriArea .wrap .pad { margin: 0 50px; width: 1100px; position: relative; }
#kaitoriArea .wrap .pad .title { font-size: 1.875em; padding-top: 60px; font-weight: bold; letter-spacing: 2px; }
#kaitoriArea .wrap .pad .title span.number { display: inline-block; font-size: 0.75em; color: #fff; background-color: #2b2d3a; margin-right: 10px; padding: 10px 5px 7px 7px; font-weight: normal; }
#kaitoriArea .wrap .pad .content { position: relative; margin-top: 30px; height: 376px; border: solid 1px #bebfc3; }
#kaitoriArea .wrap .pad .content .image { position: absolute; right: 50px; top: 70px; }
#kaitoriArea .wrap .pad .content .image img { width: 450px; height: 244px; }
#kaitoriArea .wrap .pad .content .textCon { position: absolute; left: 60px; top: 50px; width: 470px; }
#kaitoriArea .wrap .pad .content .textCon .catch { font-size: 1.5em; font-weight: bold; line-height: 1.5; }
#kaitoriArea .wrap .pad .content .textCon .text { padding-top: 20px; line-height: 1.5; }

/*============================
#consultingArea
============================*/
#consultingArea {}
#consultingArea .wrap { margin: 0 auto; width: 1200px; }
#consultingArea .wrap .pad { margin: 0 50px; width: 1100px; position: relative; }
#consultingArea .wrap .pad .title { font-size: 1.875em; padding-top: 60px; font-weight: bold; letter-spacing: 2px; }
#consultingArea .wrap .pad .title span.number { display: inline-block; font-size: 0.75em; color: #fff; background-color: #2b2d3a; margin-right: 10px; padding: 10px 5px 7px 7px; font-weight: normal; }
#consultingArea .wrap .pad .content { position: relative; margin-top: 30px; height: 366px; border: solid 1px #bebfc3; }
#consultingArea .wrap .pad .content .image { position: absolute; left: 60px; top: 60px; }
#consultingArea .wrap .pad .content .image img { width: 450px; height: 244px; }
#consultingArea .wrap .pad .content .textCon { position: absolute; right: 60px; top: 50px; width: 470px; }
#consultingArea .wrap .pad .content .textCon .catch { font-size: 1.5em; font-weight: bold; line-height: 1.5; }
#consultingArea .wrap .pad .content .textCon .text { padding-top: 20px; line-height: 1.5; }

/*============================
#faqArea
============================*/
#faqArea { margin-top: 80px; }
#faqArea .wrap { margin: 0 auto; width: 1200px; }
#faqArea .pad { margin: 0 50px; width: 1100px; position: relative; }
#faqArea .title { position: relative; text-align: center; }
#faqArea .title:before { border-top: solid 1px #eeeeee; content: ""; display: block; height: 1px; width: 100%; position: absolute; left: 0; top: 50%; }
#faqArea .title span { background: #fff; font-size: 1.75em; font-weight: bold; padding: 0 40px; position: relative; }
#faqArea ul { border: solid 1px #dedede; box-sizing: border-box; margin-top: 60px; padding: 30px; }
#faqArea ul li { border-bottom: dashed 1px #dedede; padding-bottom: 26px; margin-top: 30px; }
#faqArea ul li:first-child { margin-top: 0; }
#faqArea ul li.last { border-bottom: none; padding-bottom: 0; }
#faqArea ul li dl { width: 100%; }
#faqArea ul li dl dt { box-sizing: border-box; background: url(../../imageFile/global/icon_question.png) no-repeat left top; clear: left; display: block; float: left; line-height: 1.5; padding: 4px 30px 4px 45px; width: 50%; }
#faqArea ul li dl dd { box-sizing: border-box; background: url(../../imageFile/global/icon_answer.png) no-repeat left top; clear: right; display: block; float: right; line-height: 1.5; padding: 4px 30px 4px 45px; width: 50%; }
#faqArea ul li dl dd span.attn { font-size: 0.75em; }