/*****************************************************************************
 不動産
 *****************************************************************************/
.estate-list{padding:80px 0px 40px;background:#efefef;}

.estate-list .list{padding-bottom:10px;}
.estate-list .list li{margin-bottom:40px;}
.estate-list .list a{display:block;width:100%;text-align:center;margin-bottom:5px;}
.estate-list .list a span{display:block;width:100%;background:#fff;padding:5px;position:relative;}
.estate-list .list a span:after{content:"";width:30px;height:5px;border-bottom:1px solid #222;border-right:1px solid #222;transform:skew(45deg);position:absolute;right:5px;top:40%;transition:all 0.5s ease-out;}
/*.estate-list#estate_sale1 .list a span{color:#4489ca;}
.estate-list#estate_sale1 .list a span:after{border-color:#4489ca;}
.estate-list#estate_sale2 .list a span{color:#d76e72;}
.estate-list#estate_sale2 .list a span:after{border-color:#d76e72;}
.estate-list#estate_rent .list a span{color:#ae8030;}
.estate-list#estate_rent .list a span:after{border-color:#ae8030;}
.estate-list#estate_sale1 .list a:hover span{background:#4489ca;color:#fff;}
.estate-list#estate_sale1 .list a:hover span:after{border-color:#fff;right:15px;}
.estate-list#estate_sale2 .list a:hover span{background:#d76e72;color:#fff;}
.estate-list#estate_sale2 .list a:hover span:after{border-color:#fff;right:15px;}
.estate-list#estate_rent .list a:hover span{background:#ae8030;color:#fff;}
.estate-list#estate_rent .list a:hover span:after{border-color:#fff;right:15px;}*/
.estate-list .list .list-saleland a span{color:#4489ca;}
.estate-list .list .list-saleland a span:after{border-color:#4489ca;}
.estate-list .list .list-salehouse a span{color:#d76e72;}
.estate-list .list .list-salehouse a span:after{border-color:#d76e72;}
.estate-list .list .list-rentapart a span{color:#ae8030;}
.estate-list .list .list-rentapart a span:after{border-color:#ae8030;}
.estate-list .list .list-saleland a:hover span{background:#4489ca;color:#fff;}
.estate-list .list .list-saleland a:hover span:after{border-color:#fff;right:15px;}
.estate-list .list .list-salehouse a:hover span{background:#d76e72;color:#fff;}
.estate-list .list .list-salehouse a:hover span:after{border-color:#fff;right:15px;}
.estate-list .list .list-rentapart a:hover span{background:#ae8030;color:#fff;}
.estate-list .list .list-rentapart a:hover span:after{border-color:#fff;right:15px;}

.estate-list .list table{width:100%;}
.estate-list .list table th{border-bottom:1px solid #fff;padding:5px 0px;line-height:1.6;width:5em;vertical-align:top;}
.estate-list .list table td{border-bottom:1px solid #fff;padding:5px 0px;line-height:1.6;}
.price th,.price td{color:#810000;}

#sortbtns{padding:40px 0px;}
#sortbtns .number{font-size:16px;margin-bottom:10px;}
#sortbtns ul li{display:inline-block;font-size:14px;width:150px;padding-right:10px;}
#sortbtns ul li a{display:block;background:rgba(37,165,127,1);text-align:center;padding:5px;color:#fff;border:1px solid rgba(37,165,127,1);}
#sortbtns ul li a:hover{background:#fff;color:rgba(37,165,127,1);}


.estate-detail{padding:80px 0px;}
.estate-detail h4{font-size:20px;line-height:1.8;margin-bottom:20px;color:#7b6d52;}
.estate-detail .mainimg li{width:100%;text-align:center;padding:5px;}
.estate-detail .subimg{display:flex;flex-flow:row wrap;margin-top:20px;}
.estate-detail .subimg li{width:33.33%;text-align:center;padding:5px;}
.estate-detail .subimg li a{display:block;background:#eee;}
.estate-detail .subimg li a img{width:auto;max-height:140px;display:block;margin:0px auto;}
.estate-detail .accessmap{margin-top:50px;padding:5px;width:100%;height:400px;overflow:hidden;}
.estate-detail .accessmap iframe{width:100%;height:100%;overflow:hidden;}

.estate-detail .estate_info{}
.estate-detail .estate_info h4.ttl{margin-bottom:10px;}
.estate-detail .estate_info > p{font-size:15px;margin-bottom:20px;}
.estate-detail .tbl_info{width:100%;margin-bottom:60px;font-size:15px;}
.estate-detail .tbl_info th{width:36%;padding:5px;}
.estate-detail .tbl_info td{width:64%;padding:5px;}
.estate-detail .tbl_info .price th{font-size:18px;}
.estate-detail .tbl_info .price td{font-size:24px;font-weight:bold;}
.estate-detail#estate_sale1 .tbl_info th{border-bottom:2px solid #4489ca;}
.estate-detail#estate_sale1 .tbl_info td{border-bottom:1px solid #4489ca;}
.estate-detail#estate_sale2 .tbl_info th{border-bottom:2px solid #d76e72;}
.estate-detail#estate_sale2 .tbl_info td{border-bottom:1px solid #d76e72;}
.estate-detail#estate_rent .tbl_info th{border-bottom:2px solid #ae8030;}
.estate-detail#estate_rent .tbl_info td{border-bottom:1px solid #ae8030;}

.estate-detail .tbl_detail{width:100%;font-size:14px;}
.estate-detail .tbl_detail th{width:36%;padding:5px 15px;vertical-align:top;}
.estate-detail .tbl_detail td{width:64%;padding:5px 15px;}
.estate-detail#estate_sale1 .tbl_detail{border-top:1px solid rgba(68,137,202,0.4);}
.estate-detail#estate_sale1 .tbl_detail th{background:rgba(68,137,202,0.15);border-bottom:1px solid rgba(68,137,202,0.7);}
.estate-detail#estate_sale1 .tbl_detail td{border-bottom:1px solid rgba(68,137,202,0.5);}
.estate-detail#estate_sale2 .tbl_detail{border-top:1px solid rgba(215,110,114,0.4);}
.estate-detail#estate_sale2 .tbl_detail th{background:rgba(215,110,114,0.15);border-bottom:1px solid rgba(215,110,114,0.7);}
.estate-detail#estate_sale2 .tbl_detail td{border-bottom:1px solid rgba(215,110,114,0.5);}
.estate-detail#estate_rent .tbl_detail{border-top:1px solid rgba(174,128,48,0.4);}
.estate-detail#estate_rent .tbl_detail th{background:rgba(174,128,48,0.15);border-bottom:1px solid rgba(174,128,48,0.7);}
.estate-detail#estate_rent .tbl_detail td{border-bottom:1px solid rgba(174,128,48,0.5);}
.estate-detail .tbl_detail .setubidetail ul li{}

@media screen and (max-width: 768px) {
    .list .col-03{width:50%!important;padding:0px 10px;}
    
    .estate-detail .subimg li a img{max-height:110px;}
    .estate-detail .accessmap{margin:20px auto 40px;}
    .estate-detail .accessmap{height:280px;}
    
    .estate-detail h4{font-size:18px;}
    .estate-detail .estate_info > p{font-size:14px;}
    .estate-detail .tbl_info{font-size:14px;}
    .estate-detail .tbl_detail{font-size:13px;}

}
@media screen and (max-width: 480px) {
    .estate-list{padding:60px 0px 30px;}
    .estate-detail{padding:60px 0px 30px;}
    
    .list .col-03{width:100%!important;padding:0px 10%;}
    
    #sortbtns{padding:30px 0px;}
    #sortbtns .number{font-size:14px;}
    #sortbtns ul li{font-size:12px;width:110px;padding-right:5px;}

    .estate-detail{padding:60px 0px;}
    .estate-detail h4{font-size:16px;margin-bottom:0px;}
    .estate-detail .accessmap{height:220px;}
    .estate-detail .subimg li a img{max-height:80px;}

    .estate-detail .estate_info > p{font-size:13px;}
    .estate-detail .tbl_info{font-size:13px;}
    .estate-detail .tbl_info .price th{font-size:15px;}
    .estate-detail .tbl_info .price td{font-size:20px;}

    .estate-detail .tbl_detail{font-size:12px;}
    .estate-detail .tbl_detail th,
    .estate-detail .tbl_detail td{padding:5px 5px;}

}

/*****************************************************************************
 会社概要
 *****************************************************************************/
#page_company #spirit{padding:80px 0px 0px;}
#page_company #spirit p{font-size:16px;margin-bottom:20px;}

#page_company #overview{padding:80px 0px;}
#page_company #overview table{width:100%;font-size:16px;border-top:1px solid #efefef;}
#page_company #overview table th{width:32%;padding:15px 30px;background:#efefef;border-bottom:1px solid #fbfcfe;font-weight:bold;}
#page_company #overview table td{padding:15px 30px;border-bottom:1px solid #efefef;}

@media screen and (max-width: 768px) {
    #page_company #overview table th{display:block;width:100%;padding:10px 15px;}
    #page_company #overview table td{display:block;width:100%;padding:10px 15px 10px 20px;}


}
@media screen and (max-width: 480px) {
    #page_company #spirit{padding:60px 0px 0px;}
    #page_company #spirit p{font-size:14px;}

    #page_company #overview{padding:60px 0px;}
    #page_company #overview table{font-size:14px;}


}

/*****************************************************************************
 空家管理・訪問サービス・オプション・ご依頼事例
 *****************************************************************************/
#page_vacant,
#page_orders,
#page_safety,
#page_option{font-size:14px;}

#about{padding:80px 0px 0px;}
#about h5{font-size:20px;color:#7b6d52;}
#about h6{font-size:20px;}
#about .transport > div{background:#efefef;padding:15px 20px;border-radius:8px;margin:5px auto;}
#about .transport b{font-size:18px;}
#about .transport span{font-weight:bold;font-size:16px;background:linear-gradient(transparent 50%, #fffd7e 50%);padding:0px 10px;}

#service{padding:80px 0px 0px;}
#service .col-06{margin-bottom:40px;}
#service img{border:5px solid #fff;box-shadow:0px 2px 3px rgba(0,0,0,0.05);border-radius:20px;margin-bottom:10px;}
#service h5{font-size:24px;margin-bottom:5px;}
#service h5 span{font-size:34px;padding-right:0.4em;font-weight:bold;}
#service h6{font-size:20px;margin-bottom:10px;}
#service p{}

#price{padding:80px 0px 0px;}
#price .col-04{margin-bottom:30px;}
#price .col-04 > div{background:#fff;border:3px solid #efefef;padding:20px 30px 25px;height:100%;}
#price h5{font-size:24px;font-weight:bold;color:#666;border-bottom:2px solid #efefef;margin-bottom:10px;}
#price h6{font-size:20px;margin-bottom:10px;}
#price ul{margin-top:10px;}

#flow{padding:80px 0px 60px;}
#flow .col-05{margin-bottom:30px;}
#flow .col-05 > div{background:#fff;padding:20px 30px 30px;height:100%;box-shadow:0px 2px 4px rgba(0,0,0,0.05);border-radius:10px;}
#flow h5{font-size:24px;margin-bottom:5px;}
#flow h5 span{font-size:34px;padding-right:0.4em;font-weight:bold;}

#example{padding:80px 0px 60px;}
.case{margin-bottom:30px;}
.case > div{background:#fff;padding:20px 30px;border-radius:10px;height:100%;border:3px solid rgba(37,165,127,0.2);}
.case h4{padding-bottom:5px;}
.case p{font-size:14px;line-height:2;margin-top:-10px;}

#page_option #service{padding:80px 0px 40px;}


@media screen and (max-width: 768px) {
    #about h5{font-size:18px;}
    #about h6{font-size:18px;}
    
    #service h5{margin-bottom:-5px;}

    #price .col-04{margin-bottom:10px;}

    #flow .col-05 > div{box-shadow:0px 1px 4px rgba(0,0,0,0.1);}
    
    .case{margin-bottom:20px;}

}
@media screen and (max-width: 480px) {
    #page_vacant,
    #page_orders,
    #page_safety,
    #page_option{font-size:12px;}

    #about{padding:60px 0px 0px;}
    #about h5{font-size:16px;}
    #about h6{font-size:16px;}
    
    #service{padding:60px 0px 0px;}
    #service .col-06{margin-bottom:30px;}
    #service h5{font-size:20px;}
    #service h5 span{font-size:32px;}
    #service h6{font-size:16px;}

    #price{padding:60px 0px 20px;}
    #price .col-04 > div{padding:15px 20px 20px;}
    #price h5{font-size:20px;}
    #price h6{font-size:18px;}

    #flow{padding:60px 0px 60px;}
    #flow .col-05{margin-bottom:10px;}
    #flow .col-05 > div{padding:10px 20px 20px;}
    #flow h5{font-size:20px;}
    #flow h5 span{font-size:32px;}

    #example{padding:60px 0px 40px;}
    .case > div{padding:15px 20px;}
    .case p{font-size:12px;}

    #page_option #service{padding:60px 0px 30px;}

}


/*****************************************************************************
 お問い合わせ
 *****************************************************************************/
#page_contact{font-size:14px;}
#contact{padding:80px 0px 0px;}
#contact ul li{display:inline-block;font-size:28px;padding:5px 60px 10px 5px;color:#25a57f;}
#contact ul li i{margin-right:5px;}

#form{padding:60px 0px;}
#page_estate-list #form{width:900px;margin:0px auto;}
#form table:not(.inner-tabel){width:100%;font-size:16px;border-top:1px solid #efefef;}
#form table:not(.inner-tabel) th{width:32%;padding:15px 30px;background:#efefef;border-bottom:1px solid #fbfcfe;font-weight:bold;vertical-align:top;}
#form table:not(.inner-tabel) td{padding:10px 30px;border-bottom:1px solid #efefef;}
#form table:not(.inner-tabel) th span{display:inline-block;background:#920000;color:#fff;font-size:10px;padding:1px 10px;border-radius:3px;/*position:absolute;right:15px;top:15px;*/font-weight:normal;margin-left:10px;}
#form table.inner-tabel td{padding:0px 20px 0px 0px;border-bottom:0px;}
#form table p.caution{font-size:90%;line-height:1.5;}

input[type="text"]{font-size:16px;padding:0.5em;height:38px;width:500px;max-width:100% !important;border:3px solid #edece3;}
input[type="date"]{font-size:16px;padding:0.5em;height:38px;width:180px;max-width:100% !important;border:3px solid #edece3;color:#666;}
textarea{font-size:16px;padding:0.5em;width:500px;max-width:100%;height:160px;border:3px solid #edece3;}
select{font-size:16px;height:38px;width:500px;max-width:100%;border:3px solid #edece3;background:#fff;}
select{
	outline:none;
	text-indent: 0.01px;
	text-overflow: '';
	background: none transparent;
	vertical-align: middle;
	color: inherit;
	-webkit-appearance: button;
	-moz-appearance: button;
	appearance: button;
}
select option{
	background-color: #fff;
	color: #222;
}
#page_estate-list #form select{width:240px !important;}
label{display:inline-block;padding-right:15px;cursor:pointer;}
input[type="checkbox"],
input[type="radio"]{cursor:pointer;margin-right:3px;}
input.w5,
select.w5{width:240px !important;}
table.inner-tabel select{height:auto;width:240px;padding:0.5em;}
.setubisearch ul li{display:inline-block;padding:5px 15px 5px 0px;cursor:pointer;}
.setubisearch ul li img{margin-right:3px;}

.btn_form{margin:20px auto 20px;width:100%;text-align:center;}
.btn_form > div{width:320px;display:inline-block;position:relative;padding:10px 10px;}
.btn_form > div input{width:100%;border:none;text-align:center;font-size:18px;color:#fff;padding:15px;box-shadow:0px 2px 4px rgba(0,0,0,0.2);transition:all 0.5s ease-out;}
.btn_form > div.btn_submit input{background:#007e87;}
.btn_form > div.btn_reset input{background:#9a9a9a;}
.btn_form > div.btn_move input{background:#25a57f;}
.btn_form > div input:hover{opacity:0.8;box-shadow:none;cursor:pointer;}
.btn_form > div.btn_submit:after{content:"";width:30px;height:5px;border-bottom:1px solid #fff;border-right:1px solid #fff;transform:skew(45deg);position:absolute;right:20px;top:45%;transition:all 0.5s ease-out;}
.btn_form > div.btn_submit:hover:after{right:30px;}


@media screen and (max-width: 768px) {
    #page_estate-list #form{width:100%;}

    #form table:not(.inner-tabel) th{width:100%;display:block;padding:10px 30px;}
    #form table:not(.inner-tabel) td{width:100%;display:block;padding:10px 30px 20px;}
    #form table.inner-tabel th,
    #form table.inner-tabel td{width:100%;display:block;padding:0px;}
    #form table p.caution{margin-top:5px;}

    input[type="text"],
    input[type="date"],
    textarea,
    select{width:100%;}
    
    .btn_form input[type="submit"],
    .btn_form input[type="reset"],
    .btn_form input[type="button"]{font-size:16px;}

}
@media screen and (max-width: 480px) {
    #contact{padding:60px 0px 20px;}
    #contact p{text-align:center;}
    #contact ul{text-align:center;padding-top:10px;}
    #contact ul li{font-size:24px;padding:5px 0px 0px;}

    #form{padding:60px 0px 40px;}
    #form table:not(.inner-tabel){font-size:14px;}
    #form table:not(.inner-tabel) th{padding:10px 15px;}
    #form table:not(.inner-tabel) td{padding:10px 15px 15px;}
    #form table.inner-tabel th,
    #form table.inner-tabel td{padding:0px;}

    input[type="text"],
    input[type="date"],
    textarea,
    select{font-size:14px;}
    #form table tr td select.w5:first-of-type{margin-bottom:5px;}

    .btn_form{margin:20px auto 0px;}
    .btn_form input[type="submit"],
    .btn_form input[type="reset"],
    .btn_form input[type="button"]{font-size:15px;width:300px;}

}