@charset "utf-8";

.please { text-align: center; padding: 35px 0 120px; }
.please span { line-height: 1.7; background: url(../images/common/pattern_03.gif) repeat-x left bottom; font-size: 30px; font-family: "ヒラギノ角ゴ Std",'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, sans-serif; letter-spacing: 3px; }

.topbtn { padding: 0 0 70px; }


#fv { text-align: center; background: url(../images/rent/fv.jpg) center center repeat-x; background-size: inherit !important; padding: 103px 0; /* IE8 */ padding: 200px 0\9; margin: 179px auto 0; }
/* IE9以上 */
#fv:not(:target) { padding: 103px 0; margin: 100px auto 0; }
#bread { padding: 40px 0 85px; }

/* ------------------------------------------------------------ freeword */
#freeword { background: #ecf0f9; padding: 30px 0;}
#freeword .freeword_inner { background: url(../images/common/pic_02.png) no-repeat right center; width: 940px; margin: 0 auto; padding: 60px 0; }
#freeword h3 { font-size: 28px; font-family: "ヒラギノ角ゴ Std",'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, sans-serif; letter-spacing: 5px; text-align: left; }
#freeword p { font-size: 20px; font-weight: bold; letter-spacing: 3px; line-height: 1; padding: 20px 0 35px; }
#freeword .example { font-size: 16px; }
#freeword .search_container{ box-sizing: border-box; -webkit-box-sizing: border-box; }
#freeword .search_container input[type="text"]{ background: #fff; border: none; font-size: 14px; width: 450px; height: 60px; padding: 0 20px; }
#freeword .search_container input[type="text"]:focus { outline: 0; }
#freeword .search_container input[type="submit"]{ cursor: pointer; border: none; background: url(../images/common/icn_00.png) no-repeat center center #9f0410; color: #fff; outline: none; width: 60px; 
height: 60px; }

/* ------------------------------------------------------------ search */
#search { background: #f4f7fc; padding: 75px 0 85px; }
#search .selectarea { background: #fff; margin: 0 auto 0; padding: 60px; }
.search__title{ padding: 0 0 40px; }

#search .selectarea .type_of_industry { border-bottom: 1px solid #e5e5e5; padding: 0 0 30px; }
#search .selectarea .area { border-bottom: 1px solid #e5e5e5; padding: 30px 0; }
#search .selectarea .rustic_property { padding: 30px 0; border-bottom: 1px solid #e5e5e5; }
#search .selectarea .rent { padding: 30px 0; border-bottom: 1px solid #e5e5e5; } 
#search .selectarea .rent select{width: 90px;}
#search .selectarea .occupied_area { padding: 30px 0; border-bottom: 1px solid #e5e5e5; }
#search .selectarea .occupied_area select{width: 70px; height: auto; }
#search .selectarea .commuting { padding: 30px 0; border-bottom: 1px solid #e5e5e5; }
#search .selectarea .commuting select { background: #fff; -webkit-appearance: none; -moz-appearance: none; appearance: none; padding: 4px 5px; color: #000; border: none; width: 95px;}
#search .selectarea .building_age { padding: 30px 0; }

#search .selectarea .rent h4,
#search .selectarea .occupied_area h4,
#search .selectarea .commuting h4,
#search .selectarea .building_age h4 { line-height: 50px; }

#search .selectarea h4,
#search .selectarea .box label,
#search .selectarea .box input,
#search .selectarea .box p { float: left; }
#search .selectarea h4 { width: 130px; padding: 0 0 0 1em; text-indent: -1.3em; line-height: 140%; }
#search .selectarea .box { width: 825px; float: right; }
#search .selectarea .box span{display: inline-block; position: relative; margin: 0 0 0 13px; border: 1px solid #b5b5b5;}
#search .selectarea .box span:before{content: ""; display: block; width: 8px; height: 8px; border-bottom: 1px solid #000; border-right: 1px solid #000; position: absolute; right: 5px; transform: translateY(-50%) rotateZ(45deg); top: 45%;}
#search .selectarea .box label { margin: 0 0 15px 0; }
#search .selectarea .box input { margin: 4px 0 0; }
#search .selectarea .box p { line-height: 140%; font-size: 14px; width: 120px; padding: 0 0 0 5px; }

#search .selectarea .radio label { margin: 0; }
#search .selectarea .radio p { width: inherit; margin: 0 30px 0 0; }

#search .selectarea .limit select {border: none; background: #fff; -webkit-appearance: none; -moz-appearance: none; appearance: none; padding: 4px 5px;color: #000;}
#search .selectarea .box span:first-child { margin: 0 15px 0 0; }

#search .selectarea .btn input { display: block; width: 300px; margin: 45px auto 0; padding: 20px 0; background: url(../images/common/icn_00.png) no-repeat 75px center #9f0410; color: #fff; text-align: center; letter-spacing: 3px; text-indent: 3px; }
#search .selectarea .search-btn .submit_button { display: block; width: 300px; margin: 45px auto 0; padding: 26px 0; background: url(../images/common/icn_00.png) no-repeat 75px center #9f0410; color: #fff; text-align: center; letter-spacing: 3px; text-indent: 3px; font-size: inherit; }

/* ----------------------------------------------------------- rent */
#rent { padding: 70px 0 0; }
#rent .rent_top { border-bottom: #e5e5e5 solid 4px; padding: 0 0 16px; }
#rent .rent_top .sort { float: left; font-size: 16px; font-weight: bold; letter-spacing: 3px; line-height: 1.7; }
#rent .rent_top .sort span { font-size: 30px; font-weight: bold; }
#rent .rent_top dl { float: right; display: flex; align-items: center; }
#rent .rent_top dl dt { padding: 0 15px 0 0; line-height: 50px; }
#rent .rent_top dl dd {border: 1px solid #b5b5b5; position: relative;}
#rent .rent_top dl dd:before{content: ""; display: block; width: 10px ;height: 10px; border-bottom: 1px solid #000; border-right: 1px solid #000; position: absolute; right: 10px; transform: translateY(-50%) rotateZ(45deg); top: 45%;}
#rent .rent_top dl dd select { width: 200px; padding: 0 0 0 20px; background: #fff; -webkit-appearance: none; -moz-appearance: none; appearance: none;padding: 6px 5px;color: #000; border: none;}

/* ----------------------------------------------------------- pickup */
#rent #estate_list { margin: 0 0 0 -32px; padding: 40px 0 50px; }
#rent #estate_list .estate_box { width: calc(100% / 3); float: left; padding: 0 0 0 32px; }
#rent #estate_list .estate_box .bgbox { background: url(../images/rent/shadow_01.png) no-repeat center center; box-sizing: border-box; -webkit-box-sizing: border-box; width: 346px; min-height: 355px; margin: 0 auto 35px; 
padding: 30px; }
#rent #estate_list .estate_box .bgbox .money { height: 23px; overflow: hidden; font-size: 16px; font-weight: bold; line-height: 1; margin: 0 0 10px; }
#rent #estate_list .estate_box .bgbox .money span { font-size: 22px; color: #9e0c0c; line-height: 1; }
#rent #estate_list .estate_box .bgbox .money span small { font-size: 16px; color: #9e0c0c; line-height: 1; }
#rent #estate_list .estate_box .bgbox h4 { font-size: 20px; height: 55px; overflow: hidden; font-weight: bold; line-height: 140%; letter-spacing: 3px; margin: 0 auto 15px; }
#rent #estate_list .estate_box dl { font-size: 16px; width: 100%; height: 110px; overflow: hidden; padding: 15px 0 0; border-top: 1px solid #e5e5e5; }
#rent #estate_list .estate_box dl dt { float: left; width: 30%; font-weight: bold; line-height: 1.7; }
#rent #estate_list .estate_box dl dd { float: left; width: 70%; line-height: 1.7; }
#rent #estate_list .estate_box .tag { padding: 15px 0 0; overflow: hidden; }
#rent #estate_list .estate_box .tag li { font-size: 12px; color: #aeadad; line-height: 1; border: 1px solid #e5e5e5; border-radius: 10px; display: inline-block; *display: inline; *zoom: 1; margin: 0 5px 0 0; 
padding: 7px 18px; } 


/* ----------------------------------------------------------- reale_state */
#reale_state { padding: 110px 0 100px; }
#reale_state h3 { padding: 0 0 60px; font-size: 40px; text-align: center; font-family: "ヒラギノ角ゴ Std",'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, sans-serif; letter-spacing: 8px; }
#reale_state h3 span { background: url(../images/common/pattern_01.gif) repeat-x center bottom; }

#reale_state .statebox { display: flex; align-items: stretch; flex-wrap: wrap; gap: 20px; }
#reale_state .bnrbox { width: calc(100% / 2 - 10px); height: 250px; }
#reale_state .bnrbox img{ width: 100%; height: 100%; object-fit: cover; }
#reale_state .box1 { width: 540px; padding: 0 0 20px 20px; float: left; }
#reale_state .box1 img { float: left; }
#reale_state .box1 a div { width: 274px; box-sizing: border-box; -webkit-box-sizing: border-box; border: 1px solid #e5e5e5; float: left; padding: 45px; }
#reale_state .box1 a div h4 { font-size: 22px; text-align: center; line-height: 1; font-weight: bold; }
#reale_state .box1 a div h4 span { display: block; font-size: 14px; color: #004ea4; font-weight: bold; }
#reale_state .box1 a div p { font-size: 14px; text-align: center; padding: 17px 0 0; }
#reale_state .box2 a { display: block; width: 540px; background: url(../images/common/bg_02.jpg) no-repeat center center; padding: 82px 0; }
#reale_state .box2 a div { background: #fff; padding: 22px; }
#reale_state .box2 a div h4 { float: left; font-size: 28px; letter-spacing: 3px; font-weight: bold; }
#reale_state .box2 a div h4 span { display: block; font-size: 14px; letter-spacing: 3px; }
#reale_state .box2 a div p { float: right; font-size: 12px; font-weight: bold; }




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

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

.please { padding: 0 3% 9%; }
.please span { background-size: 8px auto; font-size: 18px; }

.topbtn { padding: 0 0 9%; }


#fv { text-align: center; background: none; padding: 0; margin: 47px auto 0; }
#fv:not(:target) { padding: 0; margin: 47px auto 0; }
#fv img { width: 100%; height: auto; }
#bread { padding: 20px 0 60px; }

/* ------------------------------------------------------------ freeword */
#freeword { width: 94%; margin: 0 auto 9%; padding: 0 0 6%; }
#freeword .freeword_inner { background: url(../images/common/pic_03.png) no-repeat center bottom; background-size: 120px; width: 88%; margin: 0 auto; padding: 6% 0 120px; }
#freeword h3 { font-size: 20px; letter-spacing: 5px; line-height: 150%; }
#freeword p { font-size: 14px; letter-spacing: 2px; padding: 15px 0 15px; }
#freeword .example { font-size: 12px; padding: 10px 0; }
#freeword .search_container{ }
#freeword .search_container input[type="text"]{ font-size: 14px; width: 77%; height: 40px; padding: 0 10px; }
#freeword .search_container input[type="text"]:focus { outline: 0; }
#freeword .search_container input[type="submit"]{ background-size: 18px; width: 40px; height: 40px; }

/* ------------------------------------------------------------ search */
#search { width: 94%; margin: 0 auto; padding: 9% 0; }
#search .selectarea { margin: 6% auto; padding: 6%; }
#search .selectarea select { vertical-align: middle; width: 100%; height: 40px; padding: 0px 15px; }
#search .selectarea span{width: 200px;}
#search .selectarea .limit select{width: 100%;}
#search .selectarea .type_of_industry { padding: 0 0 6%; }
#search .selectarea .area { padding: 6% 0; }
#search .selectarea .rustic_property { padding: 6% 0; }
#search .selectarea .rent { padding: 6% 0; } 
#search .selectarea .occupied_area { padding: 30px 0; } 
#search .selectarea .commuting { padding: 6% 0; } 
#search .selectarea .commuting select{width: 100%;}
#search .selectarea .building_age { padding: 6% 0; }

#search .selectarea .rent h4,
#search .selectarea .occupied_area h4,
#search .selectarea .commuting h4,
#search .selectarea .building_age h4 { line-height: 1; }

#search .selectarea h4 { width: 100%; line-height: 140%; padding: 0 0 10px 1em; }
#search .selectarea .box { width: 100%; float: none; }
#search .selectarea .box span:before{right: 8px; }

#search .selectarea .box label { margin: 0 0 5px; }
#search .selectarea .box input { margin: 3px 0 0; }
#search .selectarea .box p { line-height: 150%; font-size: 14px; width: 110px; padding: 0 0 0 5px; }
#search .selectarea .box .tworows p { padding: 0 0 30px 5px; }

#search .selectarea .radio label { margin: 0; }
#search .selectarea .radio p { width: inherit; margin: 0 5px 0 0; }

#search .selectarea .limit span { margin: 0 0 0; }
#search .selectarea .limit span:first-child { margin: 0 10px 10px 0; }


#search .selectarea .btn input { width: 250px; margin: 9% auto 0; padding: 10px 0; background: url(../images/common/icn_00.png) no-repeat 58px center #9f0410; background-size: 20px; }
#search .selectarea .search-btn .submit_button { width: 250px; margin: 9% auto 0; padding: 17px 0; background: url(../images/common/icn_00.png) no-repeat 58px center #9f0410; background-size: 20px; }

/* ----------------------------------------------------------- rent */
#rent { padding: 9% 0 0; }
#rent .rent_top { border-bottom: #e5e5e5 solid 4px; padding: 0 0 16px; }
#rent .rent_top .sort { float: none; font-size: 16px; font-weight: bold; letter-spacing: 3px; }
#rent .rent_top .sort span { font-size: 24px; }
#rent .rent_top dl { float: none; }
#rent .rent_top dl dt { padding: 0 10px 0 0; line-height: 40px; }
#rent .rent_top dl dd { }
#rent .rent_top dl dd select { vertical-align: middle; width: 200px; height: 40px; padding: 0px 15px; }

#rent #estate_list { margin: 0; padding: 40px 0 0; }
#rent #estate_list .estate_box { width: 100%; float: none; padding: 0 ; }
#rent #estate_list .estate_box img { width: 100%; height: auto; }
#rent #estate_list .estate_box .bgbox { background: none; box-sizing: border-box; -webkit-box-sizing: border-box; border: 1px solid #e5e5e5; border-top: none; width: 100%; min-height: inherit; margin: 0 auto 6%; padding: 6%; }
#rent #estate_list .estate_box .bgbox .money { font-size: 16px; font-weight: bold; line-height: 1; }
#rent #estate_list .estate_box .bgbox .money span { font-size: 22px; color: #9e0c0c; line-height: 1; }
#rent #estate_list .estate_box .bgbox .money span small { font-size: 16px; color: #9e0c0c; line-height: 1; }
#rent #estate_list .estate_box .bgbox h4 { height: 46px; font-size: 18px; font-weight: bold; line-height: 140%; letter-spacing: 2px; }
#rent #estate_list .estate_box dl { font-size: 16px; padding: 15px 0 0; }
#rent #estate_list .estate_box dl dt { }
#rent #estate_list .estate_box dl dd { }
#rent #estate_list .estate_box .tag { padding: 15px 0 0; }
#rent #estate_list .estate_box .tag li { font-size: 12px; margin: 0 5px 0 0; padding: 7px 18px; } 
#rent #pager { padding: 0; }

/* ----------------------------------------------------------- reale_state */
#reale_state { padding: 15% 0 6%; }
#reale_state h3 { padding: 0 0 60px; font-size: 40px; text-align: center; letter-spacing: 8px; }
#reale_state h3 span { background: url(../images/common/pattern_01.gif) repeat-x center bottom; }

#reale_state .statebox { gap: 10px; width: 100%; margin: 0 auto; }
#reale_state .btnbox p { background: url(../images/common/arrow_00.png) no-repeat 495px center #004ea4; width: 540px; padding: 17px 0; font-size: 20px; text-align: center; color: #fff; line-height: 1; }
#reale_state .bnrbox { width: 100%; height: auto; }
#reale_state .bnrbox img { width: 100%; height: auto; }

#reale_state .box1 { width: 540px; padding: 0 0 20px 20px; float: left; }
#reale_state .box1 img { float: left; }
#reale_state .box1 a div { width: 274px; box-sizing: border-box; -webkit-box-sizing: border-box; border: 1px solid #e5e5e5; float: left; padding: 45px; }
#reale_state .box1 a div h4 { font-size: 22px; text-align: center; line-height: 1; font-weight: bold; }
#reale_state .box1 a div h4 span { display: block; font-size: 14px; color: #004ea4; font-weight: bold; }
#reale_state .box1 a div p { font-size: 14px; text-align: center; padding: 17px 0 0; }
#reale_state .box2 a { display: block; width: 100%; float: none; background: url(../images/common/bg_02.jpg) no-repeat center center; margin: 0; padding: 50px 0; }
#reale_state .box2 a div { background: #fff; padding: 22px; }
#reale_state .box2 a div h4 { float: none; font-size: 25px; letter-spacing: 3px; font-weight: bold; text-align: center; }
#reale_state .box2 a div h4 span { display: block; font-size: 14px; letter-spacing: 3px; }
#reale_state .box2 a div p { float: right; font-size: 12px; font-weight: bold; }


}