@charset "utf-8";

/* ------------------------------------------------------------ common */

/* ------------------------------------------------------------ fv */
#fv { background: url(../images/property/fv.jpg) no-repeat center center; background-size: cover; margin: 100px auto 0; }

/* ------------------------------------------------------------ search */
#search { background: #f4f7fc; padding: 0 0 75px; }
#search .search_box { background: url(../images/index/bg_bluered.jpg) no-repeat center center; background-size: cover; }
#search .title { padding: 60px 0 35px; font-size: 20px; font-size: bold; text-align: center; line-height: 1; letter-spacing: 3px; text-indent: 3px; }

#search .selectarea { background: #fff; margin: 0 auto; padding: 60px; }
#search .selectarea .area { border-bottom: 1px solid #e5e5e5; padding: 0 0 30px; }
#search .selectarea .purpose { border-bottom: 1px solid #e5e5e5; padding: 30px 0; }
#search .selectarea .property { padding: 30px 0 0; }

#search .selectarea h4,
#search .selectarea .box label,
#search .selectarea .box input,
#search .selectarea .box p { float: left; }
#search .selectarea h4 { width: 115px; padding: 0 0 0 1em; text-indent: -1.3em; line-height: 140%; font-size: 16px; font-weight: bold; }
#search .selectarea .box { width: 840px; float: right; }
#search .selectarea .box label { margin: 0 0 15px 0; }
#search .selectarea .box input { margin: 2px 0 0; }
#search .selectarea .box p { line-height: 140%; font-size: 14px; margin: 0 35px 0 0; padding: 0 0 0 5px; }

#search .selectarea .btn a { display: block; width: 300px; margin: 45px auto 0; padding: 20px 0; background: url(../images/common/icn_00.png) no-repeat 60px center #9f0410; color: #fff; text-align: center; line-height: 1; letter-spacing: 3px; text-indent: 3px; }
#search .selectarea .search-btn input[type="submit"] { display: block; width: 300px; margin: 45px auto 0; padding: 20px 0; background: url(../images/common/icn_00.png) no-repeat 60px center #9f0410; color: #fff; text-align: center; line-height: 1; letter-spacing: 3px; text-indent: 3px; }

/* ----------------------------------------------------------- property */
#property { padding: 115px 0 70px; }
#property h4 { border-bottom: #e5e5e5 solid 4px; padding: 0 0 15px; font-size: 16px; font-weight: bold; letter-spacing: 2px; }
#property h4 strong { font-size: 30px; font-weight: bold; }
#property .property_box { margin: 0 0 0 -31px; padding: 50px 0 0; }
#property .property_box .box { width: calc(100% / 3); padding: 0 0 40px 31px; float: left; }
#property .property_box .box ul li { width: 50%; padding: 10px 0; float: left; font-size: 14px; color: #fff; text-align: center; line-height: 1; }
#property .property_box .box ul .investment { background: #43aac9; }
#property .property_box .box ul .onebuilding { background: #b28b51; }
#property .property_box .box ul .residence { background: #4baa2e; }
#property .property_box .box ul .mansion { background: #475d89; }
#property .property_box .box ul .land { background: #1b1b1b; }

#property .property_box .box .bgbox { width: 296px; background: url(../images/property/shadowbox.png) no-repeat center center; min-height: 520px; padding: 0 25px; }
#property .property_box .box .bgbox .money { padding: 25px 0 0; font-size: 16px; font-weight: bold; line-height: 1; letter-spacing: 3px; height: 80px; overflow: hidden; }
#property .property_box .box .bgbox .money span { display: block; font-size: 22px; color: #9e0c0c; font-weight: bold; }
#property .property_box .box .bgbox .money span small { font-size: 16px; font-weight: bold; }
#property .property_box .box .bgbox h5 { font-size: 20px; font-weight: bold; line-height: 150%; height: 54px; margin: 0 0 20px; overflow: hidden; }
#property .property_box .box .bgbox dl { border-top: solid 1px #e5e5e5; padding: 25px 0 0; height: 304px; overflow: hidden; }
#property .property_box .box .bgbox dl dt { width: 35%; float: left; font-size: 14px; font-weight: bold; line-height: 200%; letter-spacing: 2px; }
#property .property_box .box .bgbox dl dd { width: 65%; float: left; font-size: 14px; line-height: 200%; letter-spacing: 2px; }



/* ------------------------------------------------------------ mobile  ------------------------------------------------------------ */

@media only screen and (max-width:767px){

/* ------------------------------------------------------------ fv */
#fv { background: url(../images/property/fv.jpg) no-repeat center center; background-size: cover; margin: 47px auto 0; }

/* ------------------------------------------------------------ search */
#search { width: 94%; margin: 0 auto; padding: 9% 0; }
#search .search_box { background: url(../images/index/bg_bluered.jpg) no-repeat center center; background-size: cover; }
#search .title { padding: 0 0 6%; font-size: 20px; font-size: bold; text-align: center; line-height: 1; letter-spacing: 3px; text-indent: 3px; }

#search .selectarea { width: 88%; margin: 0 auto; padding: 6%; }
#search .selectarea .area { padding: 0 0 6%; }
#search .selectarea .purpose { padding: 6% 0; }
#search .selectarea .property { padding: 6% 0 0; }

#search .selectarea h4,
#search .selectarea .box label,
#search .selectarea .box input,
#search .selectarea .box p { float: left; }
#search .selectarea h4 { width: 100%; padding: 0 0 10px 1em; line-height: 140%; font-size: 16px; }

#search .selectarea .box { width: 100%; float: none; }
#search .selectarea .box label { margin: 0 0 10px 0; }
#search .selectarea .box input { margin: 2px 0 0; }
#search .selectarea .box p { line-height: 150%; font-size: 14px; margin: 0 15px 0 0; padding: 0 0 0 5px; }

#search .selectarea .search-btn input[type="submit"] { display: block; width: 250px; margin: 9% auto 0; padding: 15px 0; background: url(../images/common/icn_00.png) no-repeat 45px center #9f0410; background-size: 18px; }

/* ----------------------------------------------------------- property */
#property { padding: 9% 0; }
#property h4 { padding: 0 0 5px; font-size: 16px; }
#property h4 strong { font-size: 24px; }
#property .property_box { margin: 0; padding: 50px 0 0; }
#property .property_box .box { width: 100%; padding: 0; float: none; }
#property .property_box .box img { width: 100%; height: auto; }
#property .property_box .box ul li { width: 50%; padding: 10px 0; font-size: 14px; }

#property .property_box .box .bgbox { box-sizing: border-box; -webkit-box-sizing: border-box; width: 100%; min-height: inherit; background: none; border: 1px solid #e5e5e5; border-top: none; margin: 0 auto 6%; padding: 6%; }
#property .property_box .box .bgbox .money { height: initial; padding: 0 0 13px; font-size: 16px; }
#property .property_box .box .bgbox .money span { font-size: 22px; }
#property .property_box .box .bgbox .money span small { font-size: 16px; }
#property .property_box .box .bgbox h5 { font-size: 18px; margin: 0 0 10px; }
#property .property_box .box .bgbox dl { padding: 6% 0 0; height: 265px; }
#property .property_box .box .bgbox dl dt { font-size: 14px; line-height: 150%; padding: 0 0 8px; }
#property .property_box .box .bgbox dl dd { font-size: 14px; line-height: 150%; padding: 0 0 8px; }

}