@charset "UTF-8";

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

/css/top.css

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

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

/*-------------------------
.main_image
-------------------------*/
#top .main_image{background:#DDD;}
#top .main_image .inner{width:100%;max-width:1440px;height:500px;margin:0 auto;background:url(/images/main_image01.jpg) center 0 no-repeat;background-size:1440px,500px;position:relative;}
#top .main_image h1{}
#top .main_image h1 img{height:100px;width:auto;position:absolute;margin:auto;top:105px;bottom:0;left:0;right:0;}

/*-------------------------
.box01
.box02
.box03
.box01 h2
.box02 h2
.box03 h2
-------------------------*/
#top .box01,
#top .box02,
#top .box03{padding:70px 0 0;margin:-70px 0 0;}
#top .box01 .box_back,
#top .box03 .box_back{padding:50px 0;}
#top .box02 .box_back{padding:50px 0 0;background:#EEE;}
#top .box01 h2,
#top .box02 h2,
#top .box03 h2{text-align:left;width:960px;margin:0 auto;padding:0 0 30px;}
#top .box01 h2 span,
#top .box02 h2 span,
#top .box03 h2 span{font-size:30px;line-height:40px;height:40px;text-align:center;letter-spacing:normal;display:inline-block;border-top:5px solid #053880/*メインカラー*/;padding:10px 10px 0 10px;margin:0 10px;}
/*物件表示を複数並べる場合*/
#top .box01 + .box01 .box_back{padding:20px 0 50px 0;}


/*-------------------------
.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:#053880/*メインカラー*/;overflow:hidden;border:5px solid #053880/*メインカラー*/;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:#053880/*メインカラー*/;text-align:left;border:1px solid #053880/*メインカラー*/;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:#053880/*メインカラー*/;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:#B36B00/*アクセントカラー*/;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:195px;padding-left:5px;}
#top .box03 .box_inner dd{width:740px;}
#top .box03 .box_inner dd + dd{padding-left:200px;}
#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:#B36B00/*アクセントカラー*/;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;}