@charset "utf-8";

/*============================
#pageTitleArea
============================*/
#pageTitleArea { background:  url(../../imageFile/fudousan/rent/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; }

/*============================
#chintaiArea
============================*/
#chintaiArea { background: url(../../imageFile/fudousan/buy/contentArea_bg.png) repeat; }
#chintaiArea .wrap { margin: 0 auto; width: 1200px; }
#chintaiArea .wrap .pad { margin: 0 50px; width: 1100px; position: relative; }
#chintaiArea .wrap .pad .title { font-size: 1.875em; padding-top: 60px; font-weight: bold; letter-spacing: 2px; }
#chintaiArea .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; }
#chintaiArea .wrap .pad ul li .con01 { position: relative; margin-top: 50px; height: 480px; }
#chintaiArea .wrap .pad ul li .con01 .image { position: absolute; right: 0; top: 0; }
#chintaiArea .wrap .pad ul li .con01 .image img { width: 778px; height: 480px; }
#chintaiArea .wrap .pad ul li .con01 .textCon { position: absolute; left: 0; top: 75px; z-index: 1; width: 570px; background-color: rgba(255,255,255,0.8); }
#chintaiArea .wrap .pad ul li .con01 .textCon .textTitle { padding: 30px 40px 20px;  font-size: 1.125em; font-weight: bold; }
#chintaiArea .wrap .pad ul li .con01 .textCon .catch { padding: 18px 0 0; margin: 0 40px;  border-top: solid 1px #bebfc3; font-size: 1.25em; font-weight: bold; line-height: 1.5; }
#chintaiArea .wrap .pad ul li .con01 .textCon .text { padding: 20px 40px 40px; line-height: 1.5; }
#chintaiArea .wrap .pad ul li .con02 { position: relative; margin-top: 60px;  height: 480px; padding-bottom: 80px; }
#chintaiArea .wrap .pad ul li .con02 .image { position: absolute; left: 0; top: 0; }
#chintaiArea .wrap .pad ul li .con02 .image img { width: 778px; height: 480px; }
#chintaiArea .wrap .pad ul li .con02 .textCon { position: absolute; right: 0; top: 75px; z-index: 1; width: 570px; background-color: rgba(255,255,255,0.8); }
#chintaiArea .wrap .pad ul li .con02 .textCon .textTitle { padding: 30px 40px 20px;  font-size: 1.125em; font-weight: bold; }
#chintaiArea .wrap .pad ul li .con02 .textCon .catch { padding: 18px 0 0; margin: 0 40px;  border-top: solid 1px #bebfc3; font-size: 1.25em; font-weight: bold; line-height: 1.5; }
#chintaiArea .wrap .pad ul li .con02 .textCon .text { padding: 20px 40px 40px; line-height: 1.5; }


/*============================
#moushikomiArea
============================*/
#moushikomiArea { margin-top: 60px; }
#moushikomiArea .wrap { margin: 0 auto; width: 1200px; }
#moushikomiArea .wrap .pad { margin: 0 50px; width: 1100px; position: relative; }
#moushikomiArea .wrap .pad .title { font-size: 1.875em; font-weight: bold; letter-spacing: 2px; }
#moushikomiArea .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; }
#moushikomiArea .wrap .pad ul li .con01 { position: relative; margin-top: 50px; height: 480px; }
#moushikomiArea .wrap .pad ul li .con01 .image { position: absolute; right: 0; top: 0; }
#moushikomiArea .wrap .pad ul li .con01 .image img { width: 778px; height: 480px; }
#moushikomiArea .wrap .pad ul li .con01 .textCon { position: absolute; left: 0; top: 75px; z-index: 1; width: 570px; background-color: rgba(248,248,248,0.7); }
#moushikomiArea .wrap .pad ul li .con01 .textCon .textTitle { padding: 30px 40px 20px;  font-size: 1.125em; font-weight: bold; }
#moushikomiArea .wrap .pad ul li .con01 .textCon .catch { padding: 18px 0 0; margin: 0 40px;  border-top: solid 1px #bebfc3; font-size: 1.25em; font-weight: bold; line-height: 1.5; }
#moushikomiArea .wrap .pad ul li .con01 .textCon .text { padding: 20px 40px 40px; line-height: 1.5; }
#moushikomiArea .wrap .pad ul li .con02 { position: relative; margin-top: 60px;  height: 480px; padding-bottom: 80px; }
#moushikomiArea .wrap .pad ul li .con02 .image { position: absolute; left: 0; top: 0; }
#moushikomiArea .wrap .pad ul li .con02 .image img { width: 778px; height: 480px; }
#moushikomiArea .wrap .pad ul li .con02 .textCon { position: absolute; right: 0; top: 75px; z-index: 1; width: 570px; background-color: rgba(248,248,248,0.7); }
#moushikomiArea .wrap .pad ul li .con02 .textCon .textTitle { padding: 30px 40px 20px;  font-size: 1.125em;  font-weight: bold; }
#moushikomiArea .wrap .pad ul li .con02 .textCon .catch { padding: 18px 0 0; margin: 0 40px;  border-top: solid 1px #bebfc3; font-size: 1.25em; font-weight: bold; line-height: 1.5; }
#moushikomiArea .wrap .pad ul li .con02 .textCon .text { padding: 20px 40px 40px; line-height: 1.5; }

/*============================
#nyuukyoArea
============================*/
#nyuukyoArea { background: url(../../imageFile/fudousan/buy/contentArea_bg.png) repeat; }
#nyuukyoArea .wrap { margin: 0 auto; width: 1200px; }
#nyuukyoArea .wrap .pad { margin: 0 50px; width: 1100px; position: relative; }
#nyuukyoArea .wrap .pad .title { font-size: 1.875em; padding-top: 60px; font-weight: bold; letter-spacing: 2px; }
#nyuukyoArea .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; }
#nyuukyoArea .wrap .pad ul li .con01 { position: relative; margin-top: 50px; height: 480px; }
#nyuukyoArea .wrap .pad ul li .con01 .image { position: absolute; right: 0; top: 0; }
#nyuukyoArea .wrap .pad ul li .con01 .image img { width: 778px; height: 480px; }
#nyuukyoArea .wrap .pad ul li .con01 .textCon { position: absolute; left: 0; top: 75px; z-index: 1; width: 570px; background-color: rgba(255,255,255,0.8); }
#nyuukyoArea .wrap .pad ul li .con01 .textCon .textTitle { padding: 30px 40px 20px;  font-size: 1.125em; font-weight: bold; }
#nyuukyoArea .wrap .pad ul li .con01 .textCon .catch { padding: 18px 0 0; margin: 0 40px;  border-top: solid 1px #bebfc3; font-size: 1.25em; font-weight: bold; line-height: 1.5; }
#nyuukyoArea .wrap .pad ul li .con01 .textCon .text { padding: 20px 40px 40px; line-height: 1.5; }
#nyuukyoArea .wrap .pad ul li .con02 { position: relative; margin-top: 60px;  height: 480px; padding-bottom: 80px; }
#nyuukyoArea .wrap .pad ul li .con02 .image { position: absolute; left: 0; top: 0; }
#nyuukyoArea .wrap .pad ul li .con02 .image img { width: 778px; height: 480px; }
#nyuukyoArea .wrap .pad ul li .con02 .textCon { position: absolute; right: 0; top: 75px; z-index: 1; width: 570px; background-color: rgba(248,248,248,0.7); }
#nyuukyoArea .wrap .pad ul li .con02 .textCon .textTitle { padding: 30px 40px 20px;  font-size: 1.125em;  font-weight: bold; }
#nyuukyoArea .wrap .pad ul li .con02 .textCon .catch { padding: 18px 0 0; margin: 0 40px;  border-top: solid 1px #bebfc3; font-size: 1.25em; font-weight: bold; line-height: 1.5; }
#nyuukyoArea .wrap .pad ul li .con02 .textCon .text { padding: 20px 40px 40px; line-height: 1.5; }

/*============================
#faqArea
============================*/
#faqArea { margin-top: 60px; }
#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; }