@charset "UTF-8";

/*-----------------------------------

/css/top.css

-----------------------------------*/

/*-------------------------
__top_style
-------------------------*/
#content{}
#top{}

/*-------------------------
.main_image
-------------------------*/
#top .main_image{}
#top .main_image .inner{width:100%;height:640px;margin:0 auto;background:url(/images/main_image01.jpg) center no-repeat;background-size:cover;position:relative;}
#top .main_image h1{ position: absolute;top: 60%;left: 50%;max-width: 940px;transform: translate(-50%, -50%);width: 100%;text-align: left;}
#top .main_image .main_ttl{font-size:24px;line-height:1.6;color:#fff;font-weight:900;}
#top .main_image .main_ttl .orange_bg{background: #ff8a00;padding: 10px 30px 7px;box-sizing: border-box;margin: 20px auto;display: inline-block;border-radius: 50px;}
#top .main_image .main_ttl .regular{font-size: 40px;}
#top .main_image .main_ttl .large{font-size: 56px;}



/*-------------------------
.box00 - トピックス
.box01 - 物件トップ表示
.box02 - 会社概要
.box03 - お問い合わせ
.box04 - 検索
.box05 - コンテンツボタン
.box00 h2
.box01 h2
.box02 h2
.box03 h2
.box04 h2
.box05 h2
-------------------------*/
#top .box00,
#top .box01,
#top .box02,
#top .box03,
#top .box04,
#top .box05{padding:70px 0 0;margin:-70px 0 0;}
#top .box00 .box_back{padding:50px 0 0;}
#top .box01 .box_back{padding:50px 0;}
#top .box02 .box_back{padding:50px 0 0;background:#EEE;}
#top .box03 .box_back{padding:50px 0;}
#top .box04 .box_back{padding:50px 0 0;background:#EEE;}
#top .box05 .box_back{padding:50px 0 0;}
#top .box00 h2,
#top .box01 h2,
#top .box02 h2,
#top .box03 h2,
#top .box04 h2,
#top .box05 h2{text-align:left;width:960px;margin:0 auto;padding:0 0 30px;}
#top .box00 h2 span,
#top .box01 h2 span,
#top .box02 h2 span,
#top .box03 h2 span,
#top .box04 h2 span,
#top .box05 h2 span{font-size:30px;line-height:40px;height:40px;text-align:center;letter-spacing:normal;display:inline-block;vertical-align:bottom;border-top:5px solid #53c82c/*メインカラー*/;padding:10px 10px 0 10px;margin:0 10px;}
#top .box00 h2 small,
#top .box01 h2 small,
#top .box02 h2 small,
#top .box03 h2 small,
#top .box04 h2 small,
#top .box05 h2 small{font-size:1em;line-height:2.5;display:inline-block;vertical-align:bottom;}
/*物件表示を複数並べる場合*/
#top .box01 + .box01 .box_back{padding: 50px 0; background:#eee;}



/*-------------------------
.box00
-------------------------*/
#top .box00 .box_inner{width:960px;margin:0 auto;}
#top .box00 .topics{padding:14px;margin:0 10px;border-radius:5px;box-shadow:0 1px 6px 1px rgba(0,0,0,0.4);}
#top .box00 .topics ul{width:100%;max-height:250px;overflow:auto;}
#top .box00 .topics li{text-align:left;position:relative;min-height:50px;}
#top .box00 .topics li:nth-child(odd){background:#EEE;}
#top .box00 .topics li .ph{width:40px;height:40px;display:block;overflow:hidden;position:absolute;top:5px;left:5px;background:#53c82c/*メインカラー*/ url(/images/topics_icon.png) no-repeat scroll 0 0 / 40px 40px;border-radius:20px;transition:0.3s;}
#top .box00 .topics li .ph img{position:absolute;top:50%;left:50%;width:auto;height:auto;max-width:300px;max-height:40px;transform:translate(-50%,-50%);}
#top .box00 .topics li time{font-size:12px;line-height:20px;width:25%;min-height:50px;padding:15px 0 15px 60px;box-sizing:border-box;display:inline-block;vertical-align:top;}
#top .box00 .topics li time img{vertical-align:baseline;display:inline-block;padding:0 0 0 10px;}
#top .box00 .topics li .comm{font-size:14px;line-height:20px;width:75%;min-height:50px;padding:15px 15px 15px 0;box-sizing:border-box;display:inline-block;vertical-align:top;}
#top .box00 .topics li a{display:block;text-decoration:none;transition:0.3s;}
#top .box00 .topics li a .ph{}
#top .box00 .topics li a .ph img{}
#top .box00 .topics li a time{color:#000;}
#top .box00 .topics li a .comm{color:#53c82c/*メインカラー*/;}
#top .box00 .topics li a .comm::before{content:"▶";transition:0.3s;margin:0 0.5em 0 -1.5em;}


/*-------------------------
.box01
-------------------------*/
#top .box01 .box_inner{width:960px;margin:0 auto;font-size:0;letter-spacing:-1em;position:relative;}
#top .box01 .room1_wrap{text-align:left;}
#top .box01 .room1{width:33.33333%;letter-spacing:normal;display:inline-block;vertical-align:top;text-align:center;}
#top .box01 .room1 a{color:#000;text-decoration:none;display:block;}
#top .box01 .room1 .room_inner{margin:10px;height:440px;box-shadow:0 1px 6px 1px rgba(0,0,0,0.4);transition:0.3s;
background:#EEE;
background:-moz-linear-gradient(left,#EEE 0%,#FFF 100%);
background:-webkit-linear-gradient(left,#EEE 0%,#FFF 100%);
background:linear-gradient(to right,#EEE 0%,#FFF 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee',endColorstr='#ffffff',GradientType=1);
}
#top .box01 .room1 .name{font-size:14px;color:#FFF;line-height:20px;height:20px;text-align:left;background:#53c82c/*メインカラー*/;overflow:hidden;border:5px solid #53c82c/*メインカラー*/;border-width:7px 10px 3px 10px;}
#top .box01 .room1 .photo{height:225px;background:#DDD;}
#top .box01 .room1 .photo img{width:auto;height:auto;max-width:100%;max-height:225px;transition:0.3s;}
#top .box01 .room1 .kind{text-align:left;margin:-30px 0 0;}
#top .box01 .room1 .kind span{font-size:16px;line-height:30px;text-align:center;display:inline-block;padding:0 10px;background:rgba(255,255,255,0.8);position:relative;}
/*種別カラー*/
#top .box01 .room1 .kind.kind1 span{color:#d90000;}/*新築*/
#top .box01 .room1 .kind.kind2 span{color:#0040ff;}/*中古*/
#top .box01 .room1 .kind.kind3 span{color:#2db200;}/*土地*/
#top .box01 .room1 .kind.kind4 span{color:#ff8000;}/*マンション*/
#top .box01 .room1 .kind.kind5 span{color:#5c26ff;}/*投資事業用*/
#top .box01 .room1 .add{font-size:14px;line-height:30px;text-align:left;height:30px;margin:0 10px;overflow:hidden;}
#top .box01 .room1 .comment{font-size:14px;line-height:20px;color:#53c82c/*メインカラー*/;text-align:left;border:1px solid #53c82c/*メインカラー*/;height:100px;margin:0 10px;padding:4px 4px;}
#top .box01 .room1 .comment_inner{width:100%;height:100px;display:block;overflow:hidden;}
#top .box01 .room1 .price1{font-size:14px;line-height:40px;color:#F00;text-align:right;margin:0 10px;height:40px;overflow:hidden;}
#top .box01 .room1 .price2{font-size:20px;font-weight:700;padding:0 5px;}
#top .box01 .list_btn{position:absolute;top:-80px;right:10px;}
#top .box01 .list_btn a{font-size:16px;line-height:40px;color:#FFF;letter-spacing:0;text-decoration:none;padding:0 20px;height:40px;display:inline-block;background:#53c82c/*メインカラー*/;border:none;border-radius:5px;box-shadow:0 1px 6px 1px rgba(0,0,0,0.4);}

/*-------------------------
.box02
-------------------------*/
/*概要*/
#top .box02 .box_inner{width:960px;margin:0 auto;padding:0 0 50px;}
#top .box02 .box_inner dl{font-size:0;letter-spacing:-1em;text-align:left;border-bottom:1px solid #AAA;margin:0 10px;padding:20px 0;}
#top .box02 .box_inner dt,
#top .box02 .box_inner dd{font-size:14px;line-height:20px;letter-spacing:normal;display:inline-block;vertical-align:top;}
#top .box02 .box_inner dt{font-weight:700;width:195px;padding:0 0 0 5px;}
#top .box02 .box_inner dd{width:730px;padding:0 5px;}
#top .box02 .box_inner dd a:not(.call){color:#ff8a00/*アクセントカラー*/;text-decoration:underline;transition:0.3s;}
#top .box02 .box_inner dd a.call{color:inherit;text-decoration:inherit;pointer-events:none;}
/*写真*/
#top .box02 .box_ph{padding:0 0 50px;}
#top .box02 .box_ph ul{font-size:0;letter-spacing:-1em;text-align:center;}
#top .box02 .box_ph li{font-size:0;width:320px;vertical-align:top;display:inline-block;padding:0 10px;box-sizing:border-box;}
#top .box02 .box_ph li a{display:block;position:relative;height:225px;background:#FFF;box-shadow:0 1px 6px 1px rgba(0, 0, 0, 0.4);transition:0.3s;}
#top .box02 .box_ph li img{width:auto;height:auto;max-width:100%;max-height:225px;position:absolute;margin:auto;top:0;bottom:0;left:0;right:0;transition:0.3s;}
/*マップ*/
#top .box02 .box_map{}
#top .box02 .box_map .box_map_inner{font-size:0;height:300px;}
#top .box02 .box_map .box_map_inner iframe{border:none;}

/*-------------------------
.box03
-------------------------*/
#top .box03 .box_inner,
#top .box03 .box_inner2{width:960px;margin:0 auto;}
#top .box03 .box_inner dl{font-size:0;letter-spacing:-1em;text-align:left;margin:0 10px;}
#top .box03 .box_inner dt,
#top .box03 .box_inner dd{font-size:14px;line-height:40px;letter-spacing:normal;display:inline-block;vertical-align:top;padding-top:20px;}
#top .box03 .box_inner dt{font-weight:700;width:175px;padding-left:5px;}
#top .box03 .box_inner dd{width:760px;}
#top .box03 .box_inner dd + dd{padding-left:180px;}
#top .box03 .box_inner .att1{font-size:12px;font-weight:400;color:#F00;}
#top .box03 dd input[type="text"],
#top .box03 dd textarea{font-size:14px;line-height:20px;margin:0 5px;padding:0;border:1px solid #AAA;background:#EEE;box-shadow:1px 1px 1px rgba(0,0,0,0.3) inset;border-radius:5px;}
#top .box03 dd input[type="text"]{padding:9px;}
#top .box03 dd textarea{line-height:30px;padding:0 9px;height:120px;}
#top .box03 dd input[type="button"]{font-size:14px;line-height:40px;color:#FFF;height:40px;border:1px solid #AAA;background:#545454;display:inline-block;padding:0 15px;border-radius:7px;}
/*共通*/
#top .box03 dd input[type="text"],
#top .box03 dd textarea,
#top .box03 dd input[type="button"],
#top .box03 .btn1 input[type="submit"],
#top .box03 .btn1 .btn_submit,
#top .box03 .btn2 .btn_reset,
#top .box03 dd label{cursor:pointer;transition:0.3s;}
/*ボタン初期化*/
#top .box03 dd input[type="button"],
#top .box03 .btn1 input[type="submit"],
#top .box03 .btn1 .btn_submit,
#top .box03 .btn2 .btn_reset{-webkit-appearance:button;appearance:button;}
/*フォーカス処理*/
#top .box03 dd input[type="text"]:focus,
#top .box03 dd textarea:focus{background:#FFF;}
/*横幅設定*/
#top .box03 dd .fm_s{width:180px;}
#top .box03 dd .fm_m{width:280px;}
#top .box03 dd .fm_l{width:520px;}
#top .box03 dd .fm_ll{width:calc(100% - 30px);}
/*郵便番号*/
#top .box03 dd.add{position:relative;}
#top .box03 dd.add input[type="text"]{padding-left:35px;}
#top .box03 dd.add::after{content:"〒";display:inline-block;position:absolute;bottom:0;left:15px;}
/*placeholder*/
#top input[type="text"]::-webkit-input-placeholder,
#top textarea::-webkit-input-placeholder,
#top input[type="text"]:-ms-input-placeholder,
#top textarea:-ms-input-placeholder,
#top input[type="text"]:placeholder-shown,
#top textarea:placeholder-shown{color:#AAA;}
/*入力時のキーボード*/
#top .ime_jp{ime-mode:active;}
#top .ime_en{ime-mode:disabled;}
/*チェックボックス*/
#top .box03 dd label.ck1{}
#top .box03 dd label.ck1 input{display:none;}
#top .box03 dd label.ck1 span{display:inline-block;line-height:38px;height:38px;padding:0 9px 0 49px;background:url(/images/form_ck2.png) 5px 5px no-repeat;background-size:30px,30px;border:1px solid #FFF;border-radius:7px;cursor:pointer;transition:0.3s;}
#top .box03 dd label.ck1 input:checked + span{background-image:url(/images/form_ck1.png);border-color:#F00;}
/*submitボタン*/
#top .box03 .btn1{padding:35px 0 0;}
#top .box03 .btn1 input[type="submit"],
#top .box03 .btn1 .btn_submit{font-size:20px;line-height:50px;color:#FFF;padding:0 40px;height:50px;display:inline-block;background:#ff8a00/*アクセントカラー*/;border:none;border-radius:5px;box-shadow:0 1px 6px 1px rgba(0,0,0,0.4);}
#top .box03 .btn2{padding:15px 0 0;}
#top .box03 .btn2 .btn_reset{font-size:14px;line-height:40px;color:#FFF;height:40px;border:1px solid #AAA;background:#545454;display:inline-block;padding:0 15px;border-radius:7px;}
/* エラー表示 */
.form_base .err{font-size:12px;display:block;color:#FF0000;}
/* ページ上部への表示の場合（ファイル容量） */
.form_base form > .err{line-height:1.5;background:#FFE4E4;max-width:960px;margin:0 auto 30px;padding:15px;border:1px solid #F00;border-radius:5px;}
@media screen and (max-width:1040px) {
  .form_base form > .err{margin-left:20px;margin-right:20px;}
}

/*プライバシーポリシー*/
#top .box03 .privacy{margin:30px 15px 0 15px;border:1px solid #AAA;background:#FFF;position:relative;}
#top .box03 .privacy::after{content:"";position:absolute;bottom:0;left:0;width:100%;height:20px;
background:-moz-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 60%);
background:-webkit-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 60%);
background:linear-gradient(to bottom,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 60%);
}
#top .box03 .privacy .inner{width:100%;height:300px;overflow:auto;-webkit-overflow-scrolling:touch;}
#top .box03 .privacy .page_caption,
#top .box03 .privacy dl{font-size:14px;line-height:22px;text-align:left;margin:0 10px;padding:10px 0 0;}
#top .box03 .privacy .page_caption{}
#top .box03 .privacy dl{}
#top .box03 .privacy dt{font-size:20px;padding:20px 0 0;}
#top .box03 .privacy dd{padding:10px 0 0;}
#top .box03 .privacy dt.box1{font-size:14px;}
#top .box03 .privacy dd.box2{margin:0 0 0 30px;}
#top .box03 .privacy .pp_contact{background:#EEE;padding:20px 0;margin:20px 0 0;}
#top .box03 .privacy .pp_contact h4{font-size:16px;font-weight:700;line-height:25px;}
#top .box03 .privacy .pp_contact p{font-size:14px;line-height:25px;padding:5px 0 0;}
#top .box03 .privacy .pp_contact br.line1{display:none;}
#top .box03 .privacy .pp_contact br.line1 + .line0{padding:0 0 0 1em;}


/*-------------------------
.box04
-------------------------*/
#top .box04 .box_inner{width:960px;margin:0 auto;}
#top .box04 .search{margin:0 10px;}
#top .box04 .search h3{font-size:16px;line-height:1;color:#FFF;text-align:left;padding:10px 5px 6px 7px; margin:0 5px;background:#53c82c/*メインカラー*/;}
#top .box04 .search .area{font-size:0;letter-spacing:-1em;text-align:left;padding:0 0 50px;}
#top .box04 .search .area li{width:33.333%;vertical-align:top;display:inline-block;}
#top .box04 .search .area li a{text-decoration:none;display:block;margin:10px 5px 0 5px;position:relative;border-radius:5px;box-shadow:0 1px 6px 1px rgba(0,0,0,0.4);transition:0.3s;
background:#EEE;
background:-moz-linear-gradient(left,#EEE 0%,#FFF 100%);
background:-webkit-linear-gradient(left,#EEE 0%,#FFF 100%);
background:linear-gradient(to right,#EEE 0%,#FFF 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee',endColorstr='#ffffff',GradientType=1);
}
#top .box04 .search .area li a::before{content:"";width:40px;height:40px;display:block;border-radius:20px;background:#53c82c/*メインカラー*/ url(/images/search_icon1.png) 0 0 no-repeat;background-size:40px 40px;position:absolute;top:50%;left:10px;transform:translateY(-50%);}
#top .box04 .search .area li a span{font-size:16px;line-height:20px;letter-spacing:normal;color:#000;display:block;padding:20px 0 20px 65px;}
#top .box04 .search .special{font-size:0;letter-spacing:-1em;text-align:left;padding:0 0 40px;}
#top .box04 .search .special li{width:50%;vertical-align:top;display:inline-block;}
#top .box04 .search .special li a{font-size:18px;line-height:24px;letter-spacing:normal;color:#000;text-decoration:none;display:block;padding:20px 15px 20px 25px;margin:0 5px 10px 5px;background:#FFF;position:relative;border-radius:5px;box-shadow:0 1px 6px 1px rgba(0,0,0,0.4);transition:0.3s;}
#top .box04 .search .special li:nth-child(1) a{background:#FFF url(/images/search_sum01.jpg) no-repeat scroll right 0 / 160px 80px;}
#top .box04 .search .special li:nth-child(2) a{background:#FFF url(/images/search_sum02.jpg) no-repeat scroll right 0 / 160px 80px;}
#top .box04 .search .special li:nth-child(3) a{background:#FFF url(/images/search_sum03.jpg) no-repeat scroll right 0 / 160px 80px;}
#top .box04 .search .special li:nth-child(4) a{background:#FFF url(/images/search_sum04.jpg) no-repeat scroll right 0 / 160px 80px;}
#top .box04 .search .special li a span{font-size:13px;line-height:16px;color:#53c82c/*メインカラー*/;display:block;}


/*-------------------------
.box05
-------------------------*/
#top .box05 .box_inner{width:960px;margin:0 auto;}
#top .box05 .contentsbtn{margin:0 10px;}
#top .box05 .contentsbtn ul{font-size:0;letter-spacing:-1em;padding:0 0 50px;}
#top .box05 .contentsbtn li{width:25%;vertical-align:top;display:inline-block;letter-spacing:normal;}
#top .box05 .contentsbtn li.cont_btn_contact,
#top .box05 .contentsbtn li.cont_btn_concept,
#top .box05 .contentsbtn li.cont_btn_recruit{width:50%;}
#top .box05 .contentsbtn li.cont_btn_contact a,
#top .box05 .contentsbtn li.cont_btn_concept a,
#top .box05 .contentsbtn li.cont_btn_recruit a {padding: 0;overflow: hidden;}
#top .box05 .contentsbtn li.cont_btn_contact a img,
#top .box05 .contentsbtn li.cont_btn_concept a img,
#top .box05 .contentsbtn li.cont_btn_recruit a img {width: 100%;height: auto;}
#top .box05 .contentsbtn li a{text-decoration:none;display:block;margin:0 5px;padding:80px 0 10px 0;background:#EEE;border-radius:5px;box-shadow:0 1px 6px 1px rgba(0,0,0,0.4);transition:0.3s;}
#top .box05 .contentsbtn li a span{font-size:18px;line-height:20px;color:#000;padding:10px;display:block;background:rgba(255,255,255,0.7);}
#top .box05 .contentsbtn li.cont_btn_cont1 a{background:#EEE url(/images/cont_btn_cont1.jpg) no-repeat scroll center 0 / 250px 140px;}
#top .box05 .contentsbtn li.cont_btn_voice a{background:#EEE url(/images/cont_btn_voice.jpg) no-repeat scroll center 0 / 250px 140px;}
#top .box05 .contentsbtn li.cont_btn_staff a{background:#EEE url(/images/cont_btn_staff.jpg) no-repeat scroll center 0 / 250px 140px;}
#top .box05 .contentsbtn li.cont_btn_pdf a{background:#EEE url(/images/cont_btn_pdf.jpg) no-repeat scroll center 0 / 250px 140px;}