@charset "utf-8";

@import url("/contents/style/recommend.css");

#header .gmenu01 li.top a::after{transform: scale(1, 1);}


#contents-1col{width: 100vw; margin: 0 calc(50% - 50vw) 0 calc(50% - 50vw);}
#contents-1col .inn,#wrap_add_top .inn{ width: 950px; margin: auto;}
@media print, screen and (max-width: 1250px) {
#contents-1col{ width: 1250px; margin: 0 0 0 -150px;}
}


#contents-inner-top {margin:0 auto 0 auto;}
#contents-inner-top img{border:none;}


/*================================ 
メイン画像
================================*/
#main_image{ background: url("../images/top/main_bg.jpg") no-repeat center top; background-size: cover; }
#main_image .inn{height: 100%;background: rgba(103,175,40,.9);position: relative;box-sizing: border-box;padding: 50px 0 58px 75px;}
#main_image .cheak{ margin: 55px 0 45px 0; font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "メイリオ", "HanSerif Japanese", Meiryo, Osaka, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", ArialMT, sans-serif;
}
#main_image .cheak li{font-size: 32px;font-weight: bold;color: #f1fee8;text-shadow: 1px 3px 0 rgba(0,0,0,0.1);position: relative;padding-left: 55px;line-height: 1.6em;}
#main_image .cheak li + li{margin-top: 24px;}
#main_image .cheak li:before{display: block;content: "";background: url("../images/top/main_cheak.png") no-repeat;width: 45px;height: 57px;position: absolute;top: -11px;left:0;}
#main_image .point{}
#main_image .img{ position: absolute; bottom:0; right:-190px;}

@media print, screen and (max-width: 1200px) {
    #main_image .img{ right:-140px;}
    #main_image .img img{ width: 366px;}
}


/*================================ 
こんなお悩み
================================*/
#wrap_add01.nayami_bl{ background: url("../images/top/nayami_bg.jpg") no-repeat center top; overflow: hidden;}
@media print, screen and (min-width: 1920px) {
    #wrap_add01.nayami_bl{ background: url("../images/top/nayami_bg.jpg") no-repeat center top; background-size: 100% auto; }
}

#wrap_add01.nayami_bl .inn{ box-sizing: border-box; padding: 80px 0 60px 0;}
#wrap_add01.nayami_bl h2{ background: #003399;}
#wrap_add01.nayami_bl h2.h{ background: transparent; padding: 0; margin: 0 0 50px 0; position: relative; z-index: 0;}
#wrap_add01.nayami_bl h2.h:after{display: block;content: "";background: url("../images/top/nayami_img.png") no-repeat;width: 653px;height: 631px;position: absolute;top: -225px;right: -262px;z-index: -1;}
#wrap_add01.nayami_bl h2.h + p{font-size: 18px;line-height: 1.95em;margin-bottom: 49px; position: relative; z-index: 1;}


#wrap_add01 .nayami_list{display: flex;flex-wrap: wrap;justify-content: space-between; margin-bottom: 30px; margin-top: 35px;}
#wrap_add01 .nayami_list .box{width: 450px; margin-bottom: 45px;}
#wrap_add01 .nayami_list .box .h{height: 110px;box-sizing: border-box;font-size: 26px;font-weight: bold;color: #003399;text-shadow: 2px 2px 0 rgba(255, 255, 255, 1);position: relative;padding: 15px 0 0 110px;line-height: 1.5em;}
#wrap_add01 .nayami_list .box:nth-child(2) .h{ padding-top: 38px;}
#wrap_add01 .nayami_list .box .h > .illust{ display: block; position: absolute; bottom:0; left:3px;}
#wrap_add01 .nayami_list .box .text{ background: #ffffff; border-top: 2px solid #003399; position: relative; box-sizing: border-box; padding: 25px 40px 25px 110px; font-size: 20px; color: #000000; line-height: 1.6em; height: calc(100% - 110px); box-shadow: 0 2px 10px rgba(0,0,0,0.07);}
#wrap_add01 .nayami_list .box .text > .staff{ position: absolute; top:15px; left:20px;}
#wrap_add01 .nayami_list .box .text p{}


/*================================ 
解決事例
================================*/
#wrap_add01 .jirei_list{display: flex;flex-wrap: wrap;justify-content: space-between; margin-top: 37px;}
#wrap_add01 .jirei_list .box{width: 465px; margin-bottom: 20px; position: relative; border:1px solid #d6d6d6; border-radius: 6px; box-sizing: border-box; padding: 30px 25px 28px 25px;}

#wrap_add01 .jirei_list .box .h{font-size: 30px;font-weight: bold;color: #003399;margin-bottom: 20px;}
#wrap_add01 .jirei_list .box .h span{display: block;font-family:Arial, Helvetica, "sans-serif";font-size: 65px;font-weight: bold;color: #f2f3f8;line-height: 1;margin-bottom: -40px;}
#wrap_add01 .jirei_list .box p.fukidashi{width: 200px;box-sizing: border-box;text-align: center;border-radius: 6px;background: #e5eaf5;font-size: 16px;font-weight: bold;color: #333333;padding: 12px 0 7px 0;letter-spacing: 0.03em;position: relative;margin-bottom: 16px;}
#wrap_add01 .jirei_list .box p.fukidashi:after{display: block; content: ""; width: 0; height: 0; border-style: solid; border-color: transparent #e5eaf5 transparent transparent; border-width: 0px 24px 14px 0px; position: absolute; bottom:-14px; right:50%;}
#wrap_add01 .jirei_list .box p.bold{font-size: 18px;font-weight: bold;color: #333333;line-height: 1.8em;}
#wrap_add01 .jirei_list .box p.bold > .red{ color: #dc1a1a;}
#wrap_add01 .jirei_list .box .illust{ position: absolute; top:40px; right:40px; }


/*================================ 
賃貸物件管理メニュー
================================*/
#contents-inner-top .kanri_menu{ margin-top: 55px;}
#contents-inner-top .kanri_menu .list{ display: grid; grid-template-columns: repeat(3, 1fr); column-gap: 14px; row-gap: 12px; margin: 30px 0 45px 0}
#contents-inner-top .kanri_menu .list li{ display: grid; grid-template-rows: subgrid; align-items: center; background: #f0f0f0; border-radius: 6px; width: 220px; box-sizing: border-box; text-align: center; padding: 13px 0 10px 0;}
#contents-inner-top .kanri_menu .list.blue li{ background: #eff2f7;}

#contents-inner-top .kanri_menu h4{ border-bottom: 1px solid #039;}


/*================================ 
お客様の声
================================*/
#wrap_add_top .voice_bl{ margin-bottom: 100px;}
#wrap_add_top .voice_bl h2{ background: #003399;}
#wrap_add_top .voice_bl .box{ display: grid; grid-template-columns: 180px 1fr; column-gap: 45px; margin-top: 35px;}
#wrap_add_top .voice_bl .box + .box{ border-top: 1px solid #e1e1e1; padding-top: 38px;}

#wrap_add_top .voice_bl .text .h{font-size:18px;font-weight:bold;border-left:5px solid #039;margin:0px 14px 10px 0px;padding:3px 0px 0px 8px;}


/*================================ 
項目リンク
================================*/

ul.link_btn {width:950px; height:350px; margin:0 auto 70px auto; padding:25px 0 25px 0; box-sizing:border-box; position: relative;}
ul.link_btn:after{ position: absolute; z-index: -1; top:0; left:0; right:0; margin: auto; content: ""; width: 100vw; height: 100%; background:url(../images/bg_wrap-outer.gif) repeat-x; margin: 0 calc(50% - 50vw) 0 calc(50% - 50vw);}

@media print, screen and (max-width: 1250px) {
ul.link_btn:after{ width: 1250px; margin: 0 0 0 -150px;}
}

ul.link_btn li {float:left; margin-right:25px;}
ul.link_btn li:last-child {margin-right:0;}
ul.link_btn li img {vertical-align:top;}



/*---------------------------- form ---------------------------*/
#wrap_add_top .top_form {
margin:0 auto 90px auto; padding:0; box-sizing:border-box;
background:#FFFFF1;
border-radius:10px;
position:relative;
/* box-shadow */
box-shadow:rgba(0, 0, 0, 0.1) 0 0 5px 0;
-webkit-box-shadow:rgba(0, 0, 0, 0.1) 0 0 5px 0;
-moz-box-shadow:rgba(0, 0, 0, 0.1) 0 0 5px 0;
}
#wrap_add_top .top_form .inn {padding:10px 50px 30px 50px; width: auto;}
#wrap_add_top .top_form .hotta {position:absolute; bottom: 0; right:45px;}

#wrap_add_top .top_form .tit_form{ background: #003399; border-radius:10px 10px 0 0; box-sizing: border-box; padding: 32px 0 30px 50px; position: relative;}
#wrap_add_top .top_form .tit_form:before{ display: block; content: ""; width: 0; height: 0; border-style: solid; border-color: #003399 transparent transparent transparent; border-width: 16px 10px 0px 10px; position: absolute; bottom:-16px; left:50%; margin-left: -10px;}



/* 不動産オンライン査定（contents） */
#wrap_add_top .top_form table.form {margin:16px 0 0 0; padding:0; font-size:18px; border-collapse:collapse;}
#wrap_add_top .top_form table.form tr {border-top:1px solid #DDD;} 
#wrap_add_top .top_form table.form tr:first-child{ border-top: none;}
#wrap_add_top .top_form table.form th {width:210px; padding:20px 20px 20px 0;}
#wrap_add_top .top_form table.form td {width:auto; padding:20px 0 20px 0;}
#wrap_add_top .top_form table.form th, #wrap_add_top .top_form table.form td {vertical-align:top; box-sizing:border-box;}
#wrap_add_top .top_form table.form input {margin:0 5px 10px 0;}
#wrap_add_top .top_form table.form label {margin:0 20px 0 0;}
#wrap_add_top .top_form table.form .item {width:100%; background:#CB9; border-radius:5px; color:#FFF; font-weight:bold; white-space:nowrap; padding:9px 0 8px 0; text-align:center; float:left; letter-spacing:0.03em; margin-bottom:5px; font-size: 17px;}
#wrap_add_top .top_form table.form .supplement {color:#9a9a9a;}
#wrap_add_top .top_form table.form .sml {color:#666; font-size:12px; font-weight:normal; display:block; text-align:right;}
#wrap_add_top .top_form table.form .value,
#wrap_add_top .top_form table.form .value_type,
#wrap_add_top .top_form table.form .value_add {}
#wrap_add_top .top_form table.form .value_add br {display:none;}

#wrap_add_top .top_form table.form .requireLabel{ display: inline-block; vertical-align:middle; color: #c05858; font-weight: normal; font-size: 11px; margin-left: 6px;}
#wrap_add_top .top_form table.form input[type="text"],
#wrap_add_top .top_form table.form input[type="tel"],
#wrap_add_top .top_form table.form textarea{ border: 1px solid #e5e6e7; background:#ffffff; padding: 8px 15px 7px 15px; font-size: 18px; margin: 0;}
#wrap_add_top .top_form table.form input[type="text"],
#wrap_add_top .top_form table.form input[type="tel"]{ width: 40%;}
#wrap_add_top .top_form table.form input[type="text"]#email{ width: 70%;}
#wrap_add_top .top_form table.form textarea{ width: 95%;}


/* [無料]相談ボタン */
#wrap_add_top .form_btn_pos {text-align:center;}
#wrap_add_top .top_form_btn {
width:540px; margin:25px auto 20px auto; padding:12px 12px 10px 45px; box-sizing:border-box;
border:1px solid #F90;	
background-color:#F90;
background:url(../images/top/form_btn_indent.png),-moz-linear-gradient(top, #FA0, #F70);
background:url(../images/top/form_btn_indent.png),-webkit-linear-gradient(top, #FA0, #F70);
background:url(../images/top/form_btn_indent.png),linear-gradient(to bottom, #FA0, #F70);
background:url(../images/top/form_btn_indent.png),-webkit-gradient(linear, left top, left bottom, from(#FA0), to(#F70));
-pie-background:url(../images/top/form_btn_indent.png),linear-gradient(top, #FA0, #F70);
background-repeat:no-repeat; background-position:20% center;
border-radius:10px; cursor:pointer;
color:#FFF; font-size:30px; font-weight:bold; letter-spacing:2px; text-decoration:none;

behavior:url("/contents/style/PIE.htc");
position:relative;/*for PIE*/
}


/*---------------------------- PM部 ---------------------------*/
#contents-inner-top .intro_pm {
margin:0 0 30px 0; padding:30px 20px 0 20px; box-sizing:border-box; border-radius:10px;
/* box-shadow */
box-shadow:rgba(0, 0, 0, 0.1) 0 0 5px 0;
-webkit-box-shadow:rgba(0, 0, 0, 0.1) 0 0 5px 0;
-moz-box-shadow:rgba(0, 0, 0, 0.1) 0 0 5px 0;
}

#contents-inner-top .intro_pm p {margin:30px auto 30px auto; text-align:center;}

#contents-inner-top .intro_pm .staff p { margin:0; padding:0;}
#contents-inner-top .intro_pm .staff td { text-align:center; vertical-align:top;}
#contents-inner-top .intro_pm .staff img { margin:0 0 10px 0;}


/*---------------------------- 賃貸部 ---------------------------*/
#contents-inner-top .intro_rent {
margin:0 0 30px 0; padding:30px 20px 0 20px; box-sizing:border-box; border-radius:10px;
/* box-shadow */
box-shadow:rgba(0, 0, 0, 0.1) 0 0 5px 0;
-webkit-box-shadow:rgba(0, 0, 0, 0.1) 0 0 5px 0;
-moz-box-shadow:rgba(0, 0, 0, 0.1) 0 0 5px 0;
}

#contents-inner-top .intro_rent p {margin:30px auto 30px auto; text-align:center;}

#contents-inner-top .intro_rent .staff p { margin:0; padding:0;}
#contents-inner-top .intro_rent .staff td { text-align:center; vertical-align:top;}
#contents-inner-top .intro_rent .staff img { margin:0 0 10px 0;}


#contents-inner-top .intro_rent .sub_h {
position: relative;
background-color: #5BB;
color:#FFF;
font-size:25px;
font-weight:bold;
text-align:center;
width:720px;
margin:30px auto 30px -35px;
padding:20px 0 16px 0;
line-height:1;
box-sizing:border-box;	
text-shadow: -1px 1px 0 rgba(0,0,0,0.2);
}
#contents-inner-top .intro_rent .sub_h br {display:none;}
#contents-inner-top .intro_rent .sub_h:before,
#contents-inner-top .intro_rent .sub_h:after {
content: '';
position: absolute;
top: 100%;
border-style: solid;
border-color: transparent;
}
#contents-inner-top .intro_rent .sub_h:before {
left: 0;
border-width: 0 15px 15px 0;
border-right-color: #399;
}
#contents-inner-top .intro_rent .sub_h:after {
right: 0;
border-style: solid;
border-width: 15px 15px 0 0;
border-top-color: #399;
}

/*---------------------------- 5つの特徴 ---------------------------*/
#wrap_add #feature {margin:0;}
#wrap_add #feature .block-inner {margin-bottom:50px;}
#wrap_add #feature .read {font-size:18px; /*text-align:center;*/ padding:30px 0 30px 0; line-height:1.8;}
#wrap_add #feature .read + .read{ padding-top: 0;}
#wrap_add #feature .read strong {color:#C00;}
#wrap_add #feature #block1 .read strong {color:#039; display:block;}

#wrap_add #feature .block {display:block; border-radius:10px;
/* box-shadow */
box-shadow:rgba(0, 0, 0, 0.2) 0 0 5px 0;
-webkit-box-shadow:rgba(0, 0, 0, 0.2) 0 0 5px 0;
-moz-box-shadow:rgba(0, 0, 0, 0.2) 0 0 5px 0;
}
#wrap_add #feature #block4 ul {width:560px;}
#wrap_add #feature #block4 ul li {margin-bottom:10px;}
#wrap_add #feature #block4 ul li:first-child {margin-bottom:0;}
#wrap_add #feature #block5 .js { width: 100%; margin: -10px auto 70px auto; position: relative; z-index: 0; padding-bottom: 75px;}
#wrap_add #feature #block5 .js:after{ display: block; content: ""; background: url("../images/top/feature_bg.jpg") repeat; width: 100%; height: 350px; position: absolute; z-index: -1; bottom:0; left:0; right: 0;}
#wrap_add #feature #block5 .js .inn{ width: 950px; margin: auto;}

#wrap_add #feature #block5 .js .h {display:block; margin:0 auto 40px auto;}

#wrap_add #feature #block5 .js table,
#wrap_add #feature #block5 .js table tbody,#wrap_add #feature #block5 .js table tr,#wrap_add #feature #block5 .js table th,#wrap_add #feature #block5 .js table td{ display: block;}
#wrap_add #feature #block5 .js table:after{ display: block; clear: both; content: "";}
#wrap_add #feature #block5 .js table td{ width: 300px; background: #ffffff; box-sizing: border-box; border: 1px solid #b6b6b6; border-radius: 10px; margin-left: 16px; overflow: hidden; padding-bottom: 15px;}
#wrap_add #feature #block5 .js table td img{ width: 300px !important; height: 220px !important; object-fit: cover; object-position: center; display: block; margin-bottom: 15px;}
#wrap_add #feature #block5 .js table td p{ padding: 0 20px 0 20px; font-size: 14px;}
#wrap_add #feature #block5 .js table td p:has(>img){ padding: 0;}
#wrap_add #feature #block5 .js table td p strong{ font-size: 18px; display: block; margin-bottom: 4px;}
#wrap_add #feature #block5 .js .slick-dots{ bottom: -40px;}
#wrap_add #feature #block5 .js .slick-dots li button{width: 25px; height: 3px;}
#wrap_add #feature #block5 .js .slick-dots li button:before{content: ""; width: 25px; height: 3px; background: black;}


/*---------------------------- お客様の声 ---------------------------*/
#wrap_add #voice {margin:0; padding:50px 0 50px 0; background:#EEE;}
#wrap_add #voice .block-inner {margin-top:30px;}
#wrap_add #voice table {margin-bottom:30px; padding-bottom:30px; border-bottom:2px solid #FFF;}
#wrap_add #voice table td {text-align:left; vertical-align:top; font-size:16px; line-height:1.6;}
#wrap_add #voice table td strong {font-size:18px; color:#039;}
#wrap_add #voice table td img {border:5px solid #FFF; box-sizing:border-box; width:140px;
/* box-shadow */
box-shadow:rgba(0, 0, 0, 0.2) 0 0 5px 0;
-webkit-box-shadow:rgba(0, 0, 0, 0.2) 0 0 5px 0;
-moz-box-shadow:rgba(0, 0, 0, 0.2) 0 0 5px 0;}
#wrap_add #voice table:last-child {margin-bottom:0; padding-bottom:0; border-bottom:none;}


/*---------------------------- よくあるご質問 ---------------------------*/
#wrap_add #faq {margin:0; padding:50px 0 50px 0;}
#wrap_add #faq .block-inner {margin-top:30px;}
#wrap_add #faq table {margin-bottom:30px; padding-bottom:30px; border-bottom:2px solid #EEE;}
#wrap_add #faq table td {text-align:left; vertical-align:top; line-height:1.6;}
#wrap_add #faq table td.icon_q {width:50px;}
#wrap_add #faq table td.icon_a {width:50px; padding-top:15px;}
#wrap_add #faq table td.h {font-weight:bold; font-size:18px; color:#039; vertical-align:middle;}
#wrap_add #faq table td.text {padding-top:15px; vertical-align:middle;}
#wrap_add #faq table:last-child {margin-bottom:0; padding-bottom:0; border-bottom:none;}


/*---------------------------- facebook ---------------------------*/
#wrap_add #fb {margin:0; padding:50px 0 50px 0; background:#EEE;}
#wrap_add #fb .block-inner {margin:0 auto 0 auto; text-align:center;}











/*-------------------------- open_house -------------------------*/
#contents-inner-top .open_house {margin:30px 0 0 0;}
#contents-inner-top .open_house .h{margin:0 0 15px 0;}

#contents-inner-top .open_house  td{vertical-align:top;}

#contents-inner-top .open_house  .tb1{
margin:0; padding:0;
width:690px;
box-sizing:border-box;
}

#contents-inner-top .open_house  .td1{
padding:0;
margin:0;
}

#contents-inner-top .open_house  .inner{
margin:0; padding:0;
position:relative;
}

#contents-inner-top .open_house  .summaryTd{ padding:0; width:40%;}


#contents-inner-top .open_house  .new {
position:absolute;
top:0;
left:0;
}

#contents-inner-top .open_house  .im1{
margin:0 20px 0 0;
}

#contents-inner-top .open_house  .im2{
position:absolute;
top:15px;
right:0;
}

#contents-inner-top .open_house  .div1{
padding:0;
margin:0 0 10px 0;
font-size:20px;
font-weight:bold;
}

#contents-inner-top .open_house .inner .time{
margin:0 0 10px 0;
padding:10px 0 8px 15px;
font-size:16px;
font-weight:bold;
color:#620;
border-left:6px solid #E51;
}

#contents-inner-top .open_house  .div1 .type{font-size:14px; color:#555; font-weight:bold;}
#contents-inner-top .open_house  .redText{color:#C00;}

#contents-inner-top .open_house  ul{
margin:10px 0 0 0;
font-size:14px;
}
#contents-inner-top .open_house  li{
margin:0 0 7px;
padding:0 0 0 25px;
white-space:nowrap;
}
#contents-inner-top .open_house  li.shozai{background:url(../images/top/label_syozai.png) no-repeat left center;}
#contents-inner-top .open_house  li.kotsu{background:url(../images/top/label_kotsu.png) no-repeat left center;}
#contents-inner-top .open_house  li.menseki{background:url(../images/top/label_menseki.png) no-repeat left center;}
#contents-inner-top .open_house  li.chikunen{background:url(../images/top/label_chikunen.png) no-repeat left center;}

#contents-inner-top .open_house  .cmntTd{padding:10px; background:#f2f2f2;}

#contents-inner-top .open_house  .cmnt_sale{
margin:0;
padding:0;
font-size:10px;
}

#contents-inner-top .open_house  .line{
height:2px;
background-image:url(../images/line_dotted_9a9a9a.gif);
margin:6px 10px 6px 0;
}

#contents-inner-top .open_house .separate
{border-top:1px solid #DDD; width:690px; margin:20px auto;}


#contents-inner-top .open_house .cmnt_sale .openhouse_memo{color:#06C; margin:0 0 5px 0;}


/*-------------------------- contact -------------------------*/
#contents-inner-top .contact {
margin:30px auto 0;
width:690px;
height:160px;
position:relative;
background:url(../images/top/contact_tel.png) no-repeat;
}
#contents-inner-top .contact .mail{
position:absolute;
top:78px;
right:18px;
}

/*-------------------------- 非公開物件 -------------------------*/
#contents-inner-top .member {
    background: url("../images/top/member_bg.jpg") no-repeat scroll center center;
    height: 150px;
    margin: 0;
    position: relative;
    width: 690px;
	box-sizing:border-box;
}
#contents-inner-top .member ul {
    padding: 0;
    position: absolute;
    right: 10px;
    top: 20px;
}
#contents-inner-top .member li {}
#contents-inner-top .member li:first-child {margin-bottom:4px;}
#contents-inner-top .member li img {vertical-align:bottom;}


/*-------------------------- board_infomation -------------------------*/
#contents-inner-top .board_infomation{margin: 0px 0px 20px 0px;}

/*---------------------------- movie ---------------------------*/
#contents-inner-top .movie_table {margin-bottom:20px;}
#contents-inner-top .movie_table td:first-child{padding:0 14px 0 0;}

#contents-inner-top .movie_table td iframe{width:338px; height:190px;}

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