* {
margin: 0;
padding:0;
box-sizing: border-box;

}

html {
height: 100%;
}

body {
font-family: "Noto Sans JP","Hiragino Kaku Gothic ProN", メイリオ, sans-serif;
}

a {
text-decoration: none;
}

a:hover{
opacity: 0.6;
}

li {
list-style: none;
}

img{
margin: 0;
padding: 0;
vertical-align: bottom;
}

video{
vertical-align: bottom;
}

p{
font-size:16px;
color:#232221;
}

h3{
font-size:16px;
color:#000;
}

.text-color-red{
    color:#d60000 !important;
}
.fw-600{
    font-weight: 600;
}
.mb-10{
    margin-bottom: 10px !important;
}

.main_wrapper{
width:1140px;
margin:0 auto;
padding-left:20px;
}

.main_wrapper h2,
.property .main_wrapper h3{
font-size:28px;
border: solid 1px #b7a964;
color:#b7a964;
background:#fff;
background-repeat:no-repeat;
background-size:contain;
margin:0 20px 30px 0;
line-height:1;
padding:12px 0 12px 74px;
letter-spacing: 0.2em;
}

.property .main_wrapper h3{
margin-right:0;
}

.main_btn{
font-size:18px;
font-weight:bold;
width:360px;
margin:0 auto 0 auto;
text-align:center;
}

.main_btn a{
width:100%;
padding:12px 0;
display:block;
color:#fff;
background:#b7a964;
border-radius:100px;
background-image:url(/images/kawachi2103.com/mainbtn-icon.png);
background-repeat:no-repeat;
background-size:6px;
background-position: right 20px center;
}

/*////////    header    ///////*/
header h1,
#footer_logo h2{
font-size:11px;
font-weight:normal;
}

header{
width:1100px;
margin:0 auto 16px auto;
padding:0 20px;
height:92px;
position: relative;
}

#logo,
#footer_logo{
position: relative;
}

#logo h1{
position: absolute;
bottom:60px;
left:65px;
letter-spacing: 0.2em;
}

#logo h2,
#footer_logo h3{
width:276px;
height:86px;
}

#logo h2 a,
#logo h2 a img,
#footer_logo h3 img{
width:100%;
}

#contact_wrapper{
text-align:center;
}

#contact_wrapper .tel{
position: absolute;
bottom:0;
right:65px;
font-size:16px;
width:225px;
height:52px;
border-radius:4px;
border: solid 2px #b7a964;
}

#contact_wrapper .mail{
position: absolute;
bottom:0;
right:310px;
background:#b7a964;
color:#fff;
width:225px;
height:52px;
border-radius:4px;
}

#contact_wrapper .mail a,
#contact_wrapper .tel a{
width:225px;
height:52px;
display:block;
letter-spacing: 0.2em;
font-weight:bold;
}

#contact_wrapper .mail a{
color:#fff;
font-size:20px;
padding-top:10px;
}

#contact_wrapper .tel a{
color:#b7a964;
font-size:18px;
padding-top:2px;
}

#contact_wrapper .tel a span{
display:block;
font-size:12px;
}

j6Ahp1aa8G@2

/*////////    drawer    ///////*/
.drawer-open .drawer-overlay {
display: block;
}

.drawer-overlay {
background-color: rgba(0,0,0,.8);
}

.drawer-open .drawer-hamburger-icon:after, .drawer-open .drawer-hamburger-icon:before {
background-color: #fff;
}

.drawer-hamburger {
padding: 25px 0 24px .75rem;
}
/*////////    footer    ///////*/
footer{
width:1100px;
margin:40px auto 0 auto;
}

#toplink{
width:50px;
margin-left:auto;
margin-bottom:40px;
}

#toplink a,
#toplink a img{
width:100%;
}

#article_category_wrapper{
border-top: 1px solid #b7a964;
border-left: 1px solid #b7a964;
margin-bottom:40px;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
justify-content: space-between;
flex-wrap: wrap;
}

#article_category_wrapper li{
width:50%;
border-bottom: 1px solid #b7a964;
border-right: 1px solid #b7a964;
letter-spacing: 0.2em;
background-image:url(/images/kawachi2103.com/article-icon.png);
background-repeat:no-repeat;
background-size:6px;
background-position: right 20px center;
}

#article_category_wrapper li a{
display:block;
padding:16px 0 16px 30px;
color:#b7a964;
}

#sns_wrapper{
display: -webkit-flex;
display: flex;
justify-content: center;
margin-bottom:40px;
}

#sns_wrapper li{
width:48px;
margin:0 20px;
}

#sns_wrapper li a,
#sns_wrapper li a img{
width:100%;
}

#footer_btm_wrapper{
display: -webkit-flex;
display: flex;
}

#footer_left_wrapper{
width:70%;
}

#footer_contact_wrapper{
width:30%;
}

#footer_left_wrapper{
padding-right:15px;
}

#footer_contact_wrapper{
padding-left:15px;
}

#footer_logo h2{
position: absolute;
top:10px;
left:65px;
letter-spacing: 0.2em;
}

#footer_logo h3{
margin-bottom:30px;
}

#footer_logo p{
font-size:14px;
margin-bottom:30px;
}

#subnav_wrapper{
border-top: 1px solid #000;
margin-bottom:40px;
}

#subnav_wrapper li{
border-bottom: 1px solid #000;
background-image:url(/images/subnav-icon.png);
background-repeat:no-repeat;
background-size:6px;
background-position: right 20px center;
font-size:12px;
}

#subnav_wrapper li a{
display:block;
padding:10px 0;
color:#000;
}

#text_copyright{
font-size:12px;
margin-bottom: 40px;
display: inline-block;
}

#footer_contact_wrapper{
text-align:center;
margin-top:30px;
}

#footer_contact_wrapper .mail{
width:100%;
background:#b7a964;
border-radius:4px;
height:60px;
margin-bottom:30px;
}

#footer_contact_wrapper .tel{
width:100%;
border: 2px solid #b7a964;
border-radius:4px;
height:60px;
}

#footer_contact_wrapper .tel span{
display: block;
}

#footer_contact_wrapper .mail a,
#footer_contact_wrapper .tel a{
display:block;
}

#footer_contact_wrapper .mail a{
font-size:24px;
color:#fff;
letter-spacing: 0.2em;
font-weight:bold;
padding-top:10px;
}

#footer_contact_wrapper .tel a{
color:#b7a964;
font-size:20px;
letter-spacing: 0.2em;
font-weight:bold;
padding-top:5px;
}

#footer_contact_wrapper .tel a span{
font-size:14px;
display:block;
}

/*////////    nav    ///////*/
.drawer-hamburger{
position: absolute;
top:30px;
right:0;
}

.drawer-menu{
background:#b7a964;
padding-top:20px;
padding-bottom:20px;
}

.drawer-menu li a.drawer-menu-item{
color:#fff;
display:block;
}

.drawer-menu li a.drawer-menu-item:hover{
background:#000;
text-decoration:none;
}

.drawer-nav .logo{
width:100%;
padding:30px;
}

.drawer-nav .logo img{
width:100%;
}

/*////////    index top_wrapper    ///////*/
#top_wrapper{
background:#f6f4ec;
padding-bottom:30px;
}

#top_box{
margin:0 auto;
padding-top:20px;
width:1100px;
}

#movie_wrapper{

}

#movie_box{
width:1100px;
}

#movie_box video{
width:100%;
}



/*////////    index topic    ///////*/
#topic{
background:#f6f4ec;
padding-bottom:40px;

}

#topic ul{
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
}

#topic li{
border: solid 1px #b7a964;
background:#fff;
width:260px;
margin-right:20px;
}

#topic li a{
width:100%;
height:100%;
display:block;
}

#topic li a h3{
color:#b7a964;
font-size:16px;
}

.img_box,
.img_box img{
width:100%;
}

#topic li a h3{
margin:10px;
font-weight:normal;
}

/*////////    index bnr_wrapper    ///////*/
#bnr_wrapper{
width:1070px;
margin: 0 auto;
padding: 40px 0 0 0;
}

#bnr_wrapper ul{
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
align-content: flex-start;
flex-wrap: wrap;
justify-content: space-between;
}

#bnr_wrapper li{
width:520px;
}

#bnr_wrapper li img{
width:100%;
}

/*////////    index bnr_bottom_wrapper    ///////*/
#bnr_bottom_wrapper{
    width:1070px;
    margin: 0 auto 20px auto;
    padding: 0 0 0 0;
}

#bnr_bottom_wrapper ul{
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    align-content: flex-start;
    flex-wrap: wrap;
    justify-content: space-between;
}

#bnr_bottom_wrapper li{
    width:520px;
    margin-bottom: 10px;
}

#bnr_bottom_wrapper li img{
    width:100%;
}
#bnr_bottom_wrapper li p{
}

/*////////    index recommended    ///////*/
#recommended{
padding:40px 0;
}

#recommended ul,
#news ul,
.casestudy #wrapper ul{
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
align-content: flex-start;
flex-wrap: wrap;
}

#recommended ul,
#news ul,
#wrapper ul{
margin-bottom:30px;
}

#recommended li,
#news li,
.casestudy #wrapper li{
background:#f6f4ec;
width:260px;
margin-right:20px;
}

#recommended li a,
#news li a,
#article li a,
#wrapper li a{
width:100%;
height:100%;
display:block;
color:#000;
font-size:14px;
}

#recommended li a h3,
#news li a h3,
#wrapper li a h3{
margin:10px;
font-weight:normal;
}

#recommended li a p,
#news li a p,
#wrapper li a p{
margin:0 10px 10px 10px;
color:#696969;
}

#recommended li a .price_wrapper,
.casestudy #wrapper li a .price_wrapper{
color:#000;
}

#recommended li a .price_wrapper .price,
#wrapper li a .price_wrapper .price{
font-size:24px;
font-weight:bold;
color:#d60000;
}

#recommended li a .price_wrapper .subtext,
#wrapper li a .price_wrapper .subtext{
margin-left:0.5em;
}

#recommended li a .img_box,
.casestudy #wrapper li a .img_box{
position: relative;
}

#recommended li a .img_box p,
.casestudy #wrapper li a .img_box p{
position: absolute;
top:0;
left:0;
color:#fff;
background:#b7a964;
padding:4px 10px;
margin:0;
}

/*////////    index news    ///////*/
#news{
padding-bottom:40px;
}

#news p{
color:#696969;
}

/*////////    index article    ///////*/
#article{
background:#e4e4e4;
padding:40px 0;
}

#article ul{
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
align-content: flex-start;
justify-content: space-between;
flex-wrap: wrap;
padding-right:20px;
}

#article li{
background:#fff;
width:535px;
margin-bottom:30px;
}

#article li a{
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
justify-content: space-between;
}

#article li a .img_box{
width:234px;
}

#article li a .txt_box{
width:284px;
margin:20px 0 10px 0;
padding-right:10px;
}

#article li a .txt_box h3{
margin:10px 0;
font-weight:normal;
}

#article li a .txt_box .article_category{
color:#fff;
background:#b7a964;
padding:4px 10px;
display:inline;
}

#article li a .txt_box p{
color:#696969;
}

/*////////    btm_article    ///////*/
#btm_article{
width:1100px;
margin:40px auto 0 auto;
}

#btm_article ul{
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
align-content: flex-start;
flex-wrap: wrap;
}

#btm_article li{
background:#f6f4ec;
width:345px;
margin:0 30px 30px 0;
}

#btm_article li:nth-child(3n){
margin-right:0;
}

#btm_article li a{
display:block;
}

#btm_article li p{
margin: 10px;
display: inline-block;
}

/*////////    casestudy    ///////*/
#wrapper #title_wrapper{
background:#f6f4ec;
text-align:center;
padding:50px 0 30px 0;
margin-bottom:40px;
}

#wrapper h2{
width:1100px;
margin:0 auto;
color:#b7a964;
font-size:30px;
letter-spacing: 0.2em;
}

#wrapper .main_wrapper ul li{
margin-bottom:30px;
}

/*////////    useful    ///////*/
.summary-txt{
margin:0 20px 40px 0;
font-size:18px;
font-weight:bold;
color:#232221;
}

.articlelist #wrapper ul{
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
align-content: flex-start;
justify-content: space-between;
flex-wrap: wrap;
padding-right:20px;
}

.articlelist #wrapper li{
background:#f6f4ec;
width:535px;
padding-bottom:16px;
}

.articlelist #wrapper li a p.main_btn{
font-size:16px;
font-weight:bold;
width:170px;
margin:0 auto 0 auto;
text-align:center;
padding:8px 0;
display:block;
color:#fff;
background:#b7a964;
border-radius:100px;
background-image:url(/images/kawachi2103.com/mainbtn-icon.png);
background-repeat:no-repeat;
background-size:6px;
background-position: right 20px center;
}

/*////////    article    ///////*/
.article .main_wrapper h3{
font-size: 24px;
font-weight:bold;
color:#b7a964;
border-top: solid 2px #b7a964;
border-bottom: solid 2px #b7a964;
padding:16px 0;
margin-bottom:30px;
}

.article .main_wrapper p{
font-size: 16px;
color:#232221;
}

.article .main_wrapper p a{
color:#1f7fe2;
}

.article #wrapper li a{
color:#1f7fe2;
}

.article .main_wrapper{
padding-left:0;
}

.article .main_wrapper p,
.article .main_wrapper ul{
margin-bottom:30px;
color:#232221;
}

.article .main_wrapper li{
margin:0 0 5px 30px;
list-style: square;
font-size:16px;
color:#232221;
}

.article #wrapper img{
max-width:100%;
margin-bottom:30px;
}

.main_btn02{
font-size:18px;
font-weight:bold;
width:360px;
margin:0 auto 0 auto;
text-align:center;
}

.article #wrapper .main_btn02 a{
color:#b7a964;
background:#fff;
background-image:url(/images/kawachi2103.com/article-icon.png);
background-repeat:no-repeat;
background-size:6px;
background-position: right 20px center;
border: solid 2px #b7a964;
padding:12px 0;
display:block;
border-radius:100px;
}

.article #wrapper h2,
.property #wrapper h2{
width:900px;
margin:0 auto;
color:#b7a964;
font-size:30px;
letter-spacing: 0.2em;
}

.article #wrapper .txt_left h2,
.property #wrapper .txt_left h2{
text-align:left;
}

.article .main_wrapper,
.property .main_wrapper{
width:900px;
margin:0 auto;
}

.article #wrapper dl{
font-size: 16px;
color:#232221;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
align-content: flex-start;
flex-wrap: wrap;
margin-bottom:40px;
}

.article #wrapper .googlemap{
margin-bottom:30px;
}

.article #wrapper dl dt{
width:30%;
}

.article #wrapper dl dt span{
color:#d60000;
}

.main_wrapper dl dd{
margin-bottom:30px;
width:70%;
}

.text-test {
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
background-color: transparent;
background-image: none;
border: 1px solid rgba(0, 0, 0, 0.16);
border-radius: 0;
color: inherit;
font-family: inherit;
font-size: 1em;
padding: 0.4em 0.8em;
width: 100%;
}

.text-test:focus {
border: 1px solid rgba(0, 0, 0, 0.32);
box-shadow: none;
outline: none;
}

.textarea-text {
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
background-color: transparent;
background-image: none;
border: 1px solid rgba(0, 0, 0, 0.16);
border-radius: 0;
color: inherit;
font-family: inherit;
font-size: 1em;
height: 200px;
padding: 0.4em 0.8em;
width: 100%;
}

.textarea-text:focus {
border: 1px solid rgba(0, 0, 0, 0.32);
box-shadow: none;
outline: none;
}

.check-test {
display: none;
}

.check-test + span {
cursor: pointer;
display: inline-block;
margin: 0 0.2em 0;
padding: 0 0 0 1.6em;
position: relative;
}

.check-test + span::before {
-webkit-transform: translateY(-50%);
background: #fff;
border: 1px solid rgba(0, 0, 0, 0.16);
border-radius: 2px;
content: "";
display: block;
height: 1em;
left: 0;
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 1em;
}

.check-test + span::after {
-webkit-transform: translateY(-50%) rotate(-45deg);
border-bottom: 3px solid rgba(0, 0, 0, 0.32);
border-left: 3px solid rgba(0, 0, 0, 0.32);
content: "";
display: block;
height: 0.6em;
left: 0;
margin-top: -0.2em;
opacity: 0;
position: absolute;
top: 50%;
transform: translateY(-50%) rotate(-45deg);
transition: all 0.3s ease 0s;
width: 1em;
}

.check-test:checked + span::after {
opacity: 1;
}

.select-test {
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
background: transparent url(/images/form-css-arrow.png) no-repeat center right 8px/16px 16px;
background-color:#eeeeee;
border: 1px solid rgba(0, 0, 0, 0.16);
border-radius: 0;
color: inherit;
cursor: pointer;
font-family: inherit;
font-size: 1em;
padding: 0.4em 0.8em;
width: 100%;
}

.select-test::-ms-expand {
display: none;
}

.select-test:focus {
border: 1px solid rgba(0, 0, 0, 0.32);
box-shadow: none;
outline: none;
}

.scroll_wrapper{
height: 400px;
overflow: visible scroll; 
background:#f6f4ec;
border: solid 1px #b5b19d;
margin-bottom:30px;
padding:20px;
}

.article #wrapper h4,
.property .main_wrapper h4,
#company_wrapper h4{
font-size:20px;
color:#b7a964;
font-weight:bold;
letter-spacing: 0.2em;
margin-bottom:30px;
}

.article .main_wrapper .main_btn{
font-size:18px;
font-weight:bold;
width:360px;
margin:0 auto 0 auto;
text-align:center;
padding:12px 0;
display:block;
color:#fff;
background:#b7a964;
border-radius:100px;
background-image:url(/images/kawachi2103.com/mainbtn-icon.png);
background-repeat:no-repeat;
background-size:6px;
background-position: right 20px center;
cursor: pointer;
border:none;
}

.article #wrapper dl.line_wrapper{
border-top: solid 1px #d1cfca;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
align-content: flex-start;
flex-wrap: wrap;
margin-bottom:40px;
}

.article #wrapper dl.line_wrapper dt{
font-weight:bold;
width:20%;
border-bottom: solid 1px #d1cfca;
padding:30px 0;
}

.article #wrapper dl.line_wrapper dd{
width:80%;
border-bottom: solid 1px #d1cfca;
padding:30px 0;
margin-bottom:0;
}

/*////////    propertylist    ///////*/
.propertylist #wrapper .main_wrapper ul{
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
justify-content: space-between;
flex-wrap: wrap;
padding-right:30px;
}

.propertylist #wrapper .main_wrapper ul li{
width:535px;
}

.propertylist #wrapper .main_wrapper ul li .property_card{
padding:14px;
background:#f6f4ec;
}

.propertylist #wrapper .main_wrapper ul li .property_card a{
color:#000;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
justify-content: space-between;
}

.propertylist #wrapper .main_wrapper ul li .property_card a .img_box{
width:240px;
position: relative;
}

.propertylist #wrapper .main_wrapper ul li .property_card a .img_box p{
position: absolute;
top:0;
left:0;
color:#fff;
background:#b7a964;
padding:4px 8px;
margin:0;
}

.propertylist #wrapper .main_wrapper ul li .property_card a .txt_box{
width:255px;
}

.main_btn_wrapper{
background:#ebe9e1;
}

.propertylist #wrapper .main_btn_wrapper ul{
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;

padding:14px;
margin-bottom:0;
}

.propertylist #wrapper .main_btn_wrapper ul li{
padding:0;
margin:0;
}

.propertylist #wrapper .main_btn_wrapper ul li.mail,
.propertylist #wrapper .main_btn_wrapper ul li.tel{
font-size:16px;
font-weight:bold;
width:200px;
margin:0 auto;
text-align:center;
border-radius:100px;
}

.propertylist #wrapper .main_btn_wrapper .mail{
background:#b7a964;
background-image:url(/images/kawachi2103.com/mainbtn-icon.png);
background-repeat:no-repeat;
background-size:6px;
background-position: right 20px center;
}

.propertylist #wrapper .main_btn_wrapper .mail a,
.propertylist #wrapper .main_btn_wrapper .tel a{
width:100%;
padding:8px 0;
display:block;
}

.propertylist #wrapper .main_btn_wrapper .mail a{
color:#fff;
}

.propertylist #wrapper .main_btn_wrapper .tel{
background:#fff;
background-image:url(/images/kawachi2103.com/article-icon.png);
background-repeat:no-repeat;
background-size:6px;
background-position: right 20px center;
border: 2px solid #b7a964;
}

.propertylist #wrapper .main_btn_wrapper .tel a{
color:#b7a964;
}

.propertylist #wrapper .main_btn_wrapper .checkbox{
width:50px;
}

.propertylist #wrapper .button_main_btn{
font-size:18px;
font-weight:bold;
width:500px;
padding:14px 0;
margin:0 auto 30px 300px;
text-align:center;
border-radius:100px;
background:#fff;
background-image:url(/images/kawachi2103.com/check-icon.png);
background-repeat:no-repeat;
background-size:24px;
background-position: left 20px center;
border: 2px solid #b7a964;
color:#b7a964;
cursor: pointer;
}

.propertylist #wrapper #title_wrapper{
margin-bottom:0;
}

.propertylist #wrapper #video_wrapper{
background:#f6f4ec;
text-align:center;
margin-bottom:40px;
}

.propertylist #wrapper #video_wrapper video{
margin-bottom:40px;
width:1100px;
}

/*////////    property    ///////*/
#property_wrapper{
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
justify-content: space-between;
flex-wrap: wrap;
margin-bottom:30px;
}

#property_left{
width:310px;
}

#property_right{
width:570px;
}

.property .main_wrapper{
padding-left:0;
}

.property #property_left dl{
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
justify-content: space-between;
flex-wrap: wrap;
margin-bottom:40px;
font-size:16px;
}

.property #property_left dl dt{
border-bottom: 1px solid #d1cfca;
width:30%;
padding:18px 0;
}

.property #property_left dl dd{
border-bottom: 1px solid #d1cfca;
width:70%;
margin-bottom:0;
padding:18px 0;
}

.property #property_left dl dt.price{
font-size:24px;
padding-top:42px;
}

.property #property_left dl dd.price{
font-size:24px;
}

.property #property_left dl dd.price span{
font-size:48px;
font-weight:bold;
color:#d60000;
}

.property #property_left .main_btn_wrapper{
margin:0;
border:none;
background:#fff;
}

.property #property_left .main_btn_wrapper .mail,
.property #property_left .main_btn_wrapper .tel{
font-weight:bold;
width:100%;
margin-bottom:14px;
text-align:center;
border-radius:9.333333333vw;
}

.property #property_left .main_btn_wrapper .mail{
background:#b7a964;
background-image:url(/images/kawachi2103.com/mainbtn-icon.png);
background-repeat:no-repeat;
background-size:6px;
background-position: right 20px center;
}

.property #property_left .main_btn_wrapper .mail a,
.property #property_left .main_btn_wrapper .tel a{
width:100%;
padding:18px 0;
display:block;
}

.property #property_left .main_btn_wrapper .mail a{
font-size:24px;
padding:18px 0;
}

.property #property_left .main_btn_wrapper .mail a{
color:#fff;
}

.property #property_left .main_btn_wrapper .tel{
background:#fff;
background-image:url(/images/kawachi2103.com/article-icon.png);
background-repeat:no-repeat;
background-size:6px;
background-position: right 20px center;
border: 2px solid #b7a964;
}

.property #property_left .main_btn_wrapper .tel a{
font-size:18px;
color:#b7a964;
padding:12px 0;
}

.property #property_left .sub_btn_wrapper{
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
justify-content: space-between;
flex-wrap: wrap;
}

.property #property_left .sub_btn_wrapper li{
font-size:14px;
font-weight:bold;
width:96px;
background:#fff;
text-align:center;
border-radius:100px;
border: 2px solid #bcb69f;
margin-bottom:14px;
}

.property #property_left .sub_btn_wrapper li a{
width:100%;
padding:10px 0;
display:block;
color:#bcb69f;
}

#property_right .main_image{
width:560px;
margin:0 0 0 auto;
}

#property_right .thumbnails{
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
flex-wrap: wrap;
margin:10px 0 20px 0;
}

#property_right .main_image img{
width:100%;
}

#property_right .thumbnails img{
width:132px;
height:100px;
margin:0 0 10px 10px;
cursor: pointer;
}

.property .main_wrapper p{
margin-bottom:30px;
}

.property .main_wrapper dl.status_wrapper{
font-size:16px;
color:#232221;
margin-bottom:30px;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
flex-wrap: wrap;
}

.property .main_wrapper dl.status_wrapper dt{
width:30%;
background:#bcb69f;
color:#fff;
border-radius:4px;
padding:4px 8px;
margin-bottom:8px;
}

.property .main_wrapper dl.status_wrapper dd{
width:70%;
padding-left:10px;
margin:4px 0 8px 0;
}

.property .main_wrapper .googlemap{
margin-bottom:30px;
}

.property #company_wrapper{
background:#e4e4e4;
padding:30px 0;
}

.property .company_box{
width:900px;
margin:0 auto;
}
/*////////    page-numbers    ///////*/
#wrapper .page-numbers,
.articlelist #wrapper .page-numbers,
.casestudy #wrapper .page-numbers{
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
justify-content: center;
}

#wrapper .page-numbers li{
background:#fff;
border: 1px solid #c6c4bc;
font-size:14px;
text-align:center;
width:46px;
height:46px;
margin:0 0.666666666vw 1.333333333vw 0.666666666vw;
}

#wrapper .page-numbers li a{
color:#000;
padding:12px 0;
display:block;
font-size:14px;
}

#wrapper .page-numbers li.current{
background:#f6f4ec;
border: 1px solid #b7a964;
color:#b7a964;
padding:12px 0;
display:block;
}

/*////////    social-share    ///////*/
.social_share_wrapper{
width:900px;
margin:18px auto 0 auto;
text-align:left;
}

.social_share_wrapper p{
margin-bottom:14px;
font-size:14px;
color:#c9c092;
}

.btn-twitter,
.btn-facebook,
.btn-line,
.btn-email{
padding: .6em 1em .6em 1em;
margin: 0 0 .4em;
color: #fff;
font-size: 14px;
transition: all 0.3s ease 0s;
border-radius: 4px;
}

.btn-twitter::after,
.btn-facebook::after,
.btn-line::after,
.btn-email::after{
transform: translateY(-50%);
}

.btn-twitter {
background-color: #55acee;
}

.btn-facebook {
background-color: #315096;
}

.btn-line {
background-color: #1dcd00;
}

.btn-email {
background-color: #f07700;
}

.fa-envelope,
.fa-twitter,
.fa-facebook,
.fa-line{
margin-right:8px;
}


/*//////////////////////////////    PC    //////////////////////////////*/

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


}

/*//////////////////////////////    タブレットレイアウト    //////////////////////////////*/

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


}



/*//////////////////////////////    750以下    //////////////////////////////*/

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



}

/*//////////////////////////////    SPレイアウト    //////////////////////////////*/

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




}

/*//////////////////////////////    510以下    //////////////////////////////*/

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




}


/*//////////////////////////////    320以下    //////////////////////////////*/

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


}