/* ::::: /common/css/import/util.css ::::: */

.mb20 { margin-bottom: 20px; }
.mb30 { margin-bottom: 30px; }
.mb40 { margin-bottom: 40px; }
.mb50 { margin-bottom: 50px; }
.mb70 { margin-bottom: 70px; }
/* Clearfix*/
.clearfix {
  zoom: 1
}

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  line-height: 0;
  visibility: hidden
}

body { font-family: RodinPro-R,-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN",MyYuGothicM,YuGothic,Meiryo,sans-serif; }

*::-moz-selection { color: rgb(255, 255, 255); background: rgb(51, 51, 51) none repeat scroll 0% 0%; }
.ttl { font-size: 30px; line-height: 40px;font-weight:normal; }
.sttl { font-size: 22px; line-height: 32px;font-weight:normal; }
.ssttl { font-size: 18px; line-height: 28px; }


body .section { clear: both; }
body .btMore { clear: both; text-align: center; display: inline-block; }
body .btMore2 { display: block; }
body .btMore a { display: inline-block; background-color: rgb(234, 234, 234); padding: 10px 140px; text-align: center; position: relative; transition: all 0.3s ease 0s; font-size: 14px; margin: 10px 0px; }
body .btMore a span { position: absolute; top: 50%; right: 20px; margin-top: -9px; }
body .btMore a span::before { width: 18px; height: 18px; display: inline-block; background-color: rgb(61, 61, 61); color: rgb(234, 234, 234); font-size: 9px; line-height: 19px; }
body .btMore a:hover { background-color: rgb(0, 0, 0); color: rgb(255, 255, 255); }
body .btMore a:hover span::before { background-color: rgb(255, 255, 255); color: rgb(0, 0, 0); }
body .btMore.btContact a span::before { background-color: rgb(255, 255, 255); color: rgb(61, 61, 61); }
body .btMore a:hover span::before { background-color: rgb(0, 0, 0); color: rgb(255, 255, 255); }






/* ::::: /common/css/residencelist/residencelist.css ::::: */

.section.num01 { clear: both; position: relative; }
.pointBox p { font-size: 14px; }

/* ::::: /common/css/residencelist/loan.css ::::: */

body .container { padding-top: 130px; }
body .container .wrapper { width: 960px; }
body .tagList::after { content: "."; display: block; height: 0px; clear: both; line-height: 0; visibility: hidden; }
body .btMore a { box-sizing: border-box; display: block; width: 100%; padding: 0 60px 10px 40px; }
body .btMore.black a { background-color: rgb(61, 61, 61); color: rgb(255, 255, 255); }
body .btMore.black a span::before { background-color: rgb(255, 255, 255); color: rgb(61, 61, 61); }
body .btMore.black a:hover { background-color: rgb(234, 234, 234); color: rgb(61, 61, 61); }
body .btMore.black a:hover span::before { background-color: rgb(61, 61, 61); color: rgb(234, 234, 234); }

body .pointBox { position: relative; clear: both; border: 1px solid rgb(214, 214, 214); padding: 20px 30px; box-sizing: border-box; }
body .pointBox .ssttl { background: url('../img/residencelist/icon-point.gif') left top no-repeat; padding-left: 30px; line-height: 33px; margin-bottom: 25px; text-align:left; }
body .contactBox { background-color: rgb(248, 248, 248); padding: 20px; }
body #remainder { opacity: 0; position: fixed; top: 20px; right: 20px; z-index: 200; background: rgba(93, 182, 230, 0.9) none repeat scroll 0% 0%; padding: 20px 30px; text-align: center; color: rgb(255, 255, 255); box-sizing: border-box; transition: opacity 0.3s ease 0s; }
body #remainder strong { font-size: 48px; line-height: 48px; }
body .formArea .formBlock { clear: both; border-top: 1px solid rgb(230, 230, 230); padding-top: 20px; }
body .formArea .formBlock dl { clear: both; }
body .formArea .formBlock dl::after { content: "."; display: block; height: 0px; clear: both; line-height: 0; visibility: hidden; }
body .formArea .formBlock dl dt { float: left; width: 20%; }
body .formArea .formBlock dl dd { position: relative; float: right; width: 80%; }
body .formArea .formBlock dl dd label::before { position: absolute; content: ""; top: 50%; left: 0px; width: 18px; height: 18px; margin-top: -10px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; border: 1px solid rgb(178, 178, 178); }
body .formArea .formBlock dl dd input { padding: 10px; -moz-appearance: none; border: 1px solid rgb(178, 178, 178); box-sizing: border-box; }
body .formArea .formBlock dl dd input[type="checkbox"]:checked + label::after { position: absolute; content: ""; top: 5px; left: 3px; width: 15px; height: 5px; border-left: 3px solid rgb(52, 152, 219); border-bottom: 3px solid rgb(52, 152, 219); transform: rotate(-45deg); }
body .formArea .formBlock.selectbox dl dd { line-height: 30px; }
body .formArea .formBlock.selectbox dl dd select { width: 150px; height: 30px; line-height: 20px; padding-left: 10px; overflow: hidden; background-color: rgb(255, 255, 255); background-image: url('../img/icon-select.png'); background-repeat: no-repeat; background-position: right 50%; border: 1px solid rgb(178, 178, 178); margin: 0px 5px 5px 0px; box-sizing: border-box; float: left; border-radius: 0px; }
.caution { display: none; position: absolute; left: 0px; top: -40px; z-index: 100; background-color: rgb(0, 0, 0); color: rgb(255, 255, 255); padding: 4px 8px; }
.caution::after, .caution::before { top: 100%; left: 15%; border: medium solid transparent; content: " "; height: 0px; width: 0px; position: absolute; pointer-events: none; }
.caution::after { border-color: rgb(0, 0, 0) rgba(136, 183, 213, 0) rgba(136, 183, 213, 0); border-width: 5px; margin-left: -5px; }
.caution.active { display: block; animation: 0.4s ease 0s normal none 1 running animation06; opacity: 0.9; }
body .formArea #name.formBlock span { width: 3em; display: inline-block; }
body .formArea #name.formBlock input { width: 200px; margin-right: 10px; margin-bottom: 10px; }
body .formArea #mail.formBlock input { width: 400px; margin-bottom: 10px; }
body .formArea .requiredIcon { display: inline-block; width: auto ! important; height: auto; color: rgb(255, 255, 255); font-size: 10px; font-weight: bold; background-color: rgb(222, 0, 45); padding: 1px 3px; margin: 0px 0px 0px 5px; }
@media only screen and (max-width: 960px) {
	body #remainder { top: 80px; padding: 10px 20px; }
	body #remainder strong { font-size: 34px; line-height: 34px; }
	body .formArea .formBlock dl dt { float: none; width: 100%; clear: both; margin-bottom: 10px; }
	body .formArea .formBlock dl dd { float: none; width: 100%; clear: both; }
	body .formArea #name.formBlock input { width: 100%; display: block; margin-right: 0px; margin-bottom: 0px; }
	body .formArea #mail.formBlock input { width: 100%; }
}
@media only screen and (max-width: 768px) {
	.caution { left: inherit; right: 0px; }
}
.section.num01 { margin-bottom: 60px; }
.section.num02 { margin-bottom: 60px; }
.section.num03 { margin-bottom: 60px; }
.section.num04 { margin-bottom: 60px; }
.section.num05 { margin-bottom: 30px; }
.section.num06 .formBlock { color: rgb(225, 0, 41); }
.section.num06 .formBlock dl { width: 357px; }
body .section.num06 .formArea .formBlock dl dt { width: 34%; }
body .section.num06 .formArea .formBlock dl dd { text-align: right; width: 66%; }
@media only screen and (max-width: 357px) {
	.section.num06 .formBlock dl { width: 100%; }
	body .section.num06 .formArea .formBlock dl dt { width: 100%; }
	body .section.num06 .formArea .formBlock dl dd { width: 100%; }
}
.ssttl { margin-bottom: 20px;text-align:left; }
.price { font-weight: bold; font-size: 20px; }