@charset "utf-8";
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-family: 'Zen Kaku Gothic New', sans-serif;
}

body{
}

ul li, ol li{
line-height: 1.5;
}

.clearfix:after {
	content:" ";
	display:block;
	clear:both;
}

a {
	color: #000000;
	text-decoration:underline;
	transition: all 0.3s ease-in-out 0s;
}

a:hover {
	color: #666666;
	text-decoration:none;
}

a:hover img{
opacity: 0.7
}

img{
max-width: 100%;
}


.fixed {
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 10000;
}

.flex {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap; /* Safari */
	-webkit-justify-content: space-between;
	justify-content: space-between;
	flex-wrap:wrap;
}

.flex_wrap_left {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap; /* Safari */
	flex-wrap:wrap;
	-webkit-justify-content: flex-start;
	justify-content:flex-start
}

.flex_wrap_center {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap; /* Safari */
	flex-wrap:wrap;
	-webkit-justify-content: center;
	justify-content: center;
}

.flex_wrap_end {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap; /* Safari */
	flex-wrap:wrap;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
}

.clearer {
	clear: both;
}

.center{
text-align: center;
}

.sp{
display: none;
}

.footer-nav, .site-footer-copyright{
display:none;
}

.site-footer {
border:none;
padding:0;
margin:0;
}

/********************************
headerの検索窓
********************************/
.home .header_search{
	display:none;
	}

.header_search{
	position:relative;
	z-index:1001;
}

.header_search .search_box{
	position:absolute;
	top:4px;
	right:280px;
	width:200px;
}

.header_search .search_box .wp-block-search input.wp-block-search__input {
    padding: 2px 6px;
	font-size:14px;
}

.header_search .search_box .wp-block-search .wp-block-search__button {
    padding: 2px 6px;
	font-size:14px;
}

/********************************
お問い合わせページ
********************************/
.post-name-otoiawase form{
	max-width:740px;
	margin:0 auto;	
}

sup{
	color:#ff0000;
	font-size:14px;
}

textarea{
	line-height:1.5;
}

/********************
index
********************/
.site-header{
	display:none;
}

.home header{
margin: 0 auto;
}

.header_nav2 ul{
	margin:0;
	padding:0;
}

.header_nav2 ul li{
	list-style:none;
	margin:0;
}

.home ul{
	margin:0;
	padding:0;
}

.home ul li{
	list-style:none;
	margin:0;
}

.home .site-body{
	margin:0;
	padding:0;
}

.home .container, .home .container-lg, .home .container-md, .home .container-sm, .home .container-xl {
    max-width: 100%;
	margin:0;
	padding:0;
    }



.site-footer .container{
    max-width: 100%;
	margin:0;
	padding:0;
    }

/********************
header
********************/
body{
}

header{
max-width: 1920px;
margin: 0 auto 20px;
position: relative
}

header:after {
	content:" ";
	display:block;
	clear:both;
}

header .logo{
padding: 45px 0 0 40px;
float: left;
}

header .header_nav2{
position: absolute;
top:0;
right: 50px;
}

header .header_nav2 li{
margin-right:30px;
}

header .header_nav2 li.company{ 
margin-right:0;
width: 200px;
}

header .header_nav2 li.contact{
margin-right:0;
margin-left: 10px;
width: 200px;
}

header .header_nav2 li a{
display: block;
padding: 25px 0 25px 0;
color: #000000;
text-decoration: none;
font-size:16px;
}

header .header_nav2 li.company a{
display: block;
background:#399d27 url( "../img/arrow_w.png") 90% center no-repeat;
padding: 25px 25px 25px 0;
text-align: center;
color: #FFFFFF;
text-decoration: none;
font-size:18px;
border-radius: 0 0 10px 10px;
}

header .header_nav2 li.contact a{
display: block;
background:#f23c4c url( "../img/arrow_w.png") 90% center no-repeat;
padding: 25px 25px 25px 0;
text-align: center;
color: #FFFFFF;
text-decoration: none;
font-size:18px;
border-radius: 0 0 10px 10px;
}

#gnav{
float: right;
margin:100px 50px 0 0;
}

#gnav ul{
	margin:0;
	padding:0;
}

#gnav li{
height: 64px;
margin:0;	
list-style:none;
line-height:1.3;
}

#gnav li a{
display: block;
padding: 23px 0 23px 25px;
color: #399d27;
text-decoration: none;
}

#gnav li:first-child{
background: #399d27;
border-radius: 32px 0 0 32px;
padding: 20px 0 0 34px;
}

#gnav li:first-child span{
color: #FFFFFF;
font-size:18px;
line-height: 1;
padding: 3px 20px 3px 0;
border-right: 1px solid #FFFFFF;
}

#gnav li.icon01{
background: #399d27;
padding: 0 0 0 25px;
}

#gnav li.icon01 a{
display: block;
color: #FFFFFF;
background:url("../img/icon_karitai.png") 0 center no-repeat;
padding: 20px 0 20px 55px;
}

#gnav li.icon02{
background: #399d27;
padding: 0 0 0 25px;
}

#gnav li.icon02 a{
display: block;
color: #FFFFFF;
background:url("../img/icon_uritai.png") 0 center no-repeat;
padding: 20px 0 20px 55px;
}

#gnav li.icon03{
background: #399d27;
padding: 0 0 0 25px;
}

#gnav li.icon03 a{
display: block;
color: #FFFFFF;
background:url("../img/icon_karitai.png") 0 center no-repeat;
padding: 20px 0 20px 55px;
}

#gnav li.icon04{
background: #399d27;
padding: 0 25px 0 25px;
border-radius:0 32px 32px 0;
}

#gnav li.icon04 a{
display: block;
color: #FFFFFF;
background:url("../img/icon_sagasu.png") 0 center no-repeat;
padding: 20px 0 20px 55px;
}

/********************************
topage
********************************/
.entry-body{
max-width: 1920px;
margin: 0 auto;
}

.mv{
position: relative;
line-height: 0;
}

#service{
background: #faf5e8;
text-align: center;
padding: 100px 0 150px;
}

#service .ttl{
margin-bottom: 70px;
text-align: center;
width: 100%;
}

#service ul{
width:1300px;
margin: 0 auto;
}

#service ul li{
width: 300px;
height: 300px;
text-align: center;
}

#service ul li a{
display: block;
padding: 30px 0 80px;
background: #FFFFFF url("../img/allow_l.png") center 90% no-repeat;
border-radius: 45px;
text-decoration: none;
cursor: pointer;
}

#service ul li a span{
display: block;
}

#service ul li a p{
font-size: 16px;
margin: 10px 0;
}

#news{
max-width: 1920px;
margin: 0 auto;
padding: 150px 0;
background: url("../img/bg_leaf2.png") center bottom no-repeat, url("../img/bg_greenbird_l.png") left 135px no-repeat, url("../img/bg_green_r.png") right 75px no-repeat;
}

#news .news_cnt{
max-width: 840px;
margin: 0 auto;
padding-bottom:30px;
position: relative;
}

#news .news_cnt .news_ttl{
width: 245px;
text-align: right;
background: url("../img/bg_leaf.png") left 80px no-repeat;
padding-top: 10px;
}

#news .news_cnt .vk_postList {
max-width:calc(100% - 270px);
margin:0;
padding:0
}

#news .postListText {
    border-bottom: none;
	padding: 10px 0 10px;
}


#news .postListText_title{
width:100%;
padding:10px 0;
border-bottom: 1px solid #399d27;
width: 100%;
font-size:18px;
}

#news .postListText_date published{
font-size:16px;
color:  #399d27;
display: block;
font-weight:bold;
}

#news .postListText_title a{
color:  #399d27;
display: block;
}

#news .more{
position: absolute;
bottom:-20px;
right: -130px;
text-align: right;
padding: 5px 50px 5px 0;
background: url("../img/arrow_b.png") right center no-repeat;
}

.more a{
color: #399d27;
}

#property{
background: #faf5e8 url("../img/bg_leaf3.png") right top no-repeat;
}

#property .ttl{
margin-bottom: 50px;
text-align: center;
}

#property .more{
text-align: center;
}

#property .more a{
padding: 5px 50px 5px 0;
background: url("../img/arrow_b.png") right center no-repeat;
}

#property .property_list{
max-width: 1300px;
margin: 100px auto 0;
}

#property .property_list .card-body .card-text{
font-size:16px;
color:#000000;
}

#property .property_list .card-body .card-text span{
font-size:24px;
font-weight:bold;
}

/*
#property .property_list{
max-width: 1300px;
margin: 100px auto 0;
}

#property .property_list .item{
width:31%;
margin-bottom: 50px;
}

#property .property_list .item a{
display: block;
height: 100%;
background: #FFFFFF;
padding: 50px;
border-radius: 50px;
text-decoration: none;
}

#property .property_list .item ul{
margin: 10px 0;
}

#property .property_list .item ul li{
width: 32%;
background: #CCCCCC;
text-align: center;
color:#000000;
font-size:16px;
padding: 5px 0;
border-radius: 5px;
margin-right: 2%;
}

#property .property_list .item ul li:last-child{
margin-right: 0
}

#property .property_list .item p{
font-size:16px;
line-height: 1.5;
margin-bottom: 5px;
}

#property .property_list .item .price{
font-size:24px;
font-weight:bold;
}

#property .property_list .item .detail{
margin-top: 10px;
padding: 20px 30px 20px 10px;
border-radius: 10px;
text-align: center;
background:#399d27 url("../img/arrow_w.png") 95% center no-repeat;
color: #FFFFFF;
}
*/
#results{
background: url("../img/bg_leaf4.png") center top no-repeat, url("../img/bg_leaf5.png") right bottom no-repeat;
padding: 300px 0 240px;
}

#results .flex{
width: 1200px;
margin: 90px auto 0;
}

#results .block{
width:590px;
}

#results .block a{
display: block;
padding: 70px 0 0;
border-radius: 70px;
background: #faf5e8;
text-decoration: none;
text-align: center;
}

#results .block .ttl{
text-align: center;
margin-bottom: 20px;
}

#results .block img{
margin-bottom: -80px
}

#results .block .ttl img{
margin-bottom: 0
}

#results .block p{
font-size:16px;
line-height: 1.8;
margin-bottom: 20px;
text-align: center;
}

#results .block.progress{
margin-top: -100px;
}

#results .block.progress img{
margin-bottom: -110px
}

#results .block.progress .ttl img{
margin-bottom: 0;
}

#soudan{
background: url("../img/bg_leaf7.png") left bottom no-repeat;
padding-bottom: 300px;
}

#soudan .flex{
max-width: 1200px;
margin: 0 auto;
}

#soudan .soudan_text{
width: 370px;
}

#soudan .soudan_text p{
margin: 20px 0;
line-height: 1.8;
font-size:16px;
}

#soudan .soudan_text .detail{
text-align: right;
margin:20px 30px 0 0;
padding: 5px 50px 5px 0;
background: url("../img/arrow_b.png") right center no-repeat;
}

#soudan .soudan_text .detail a{
color: #399d27;
}

#soudan .soudan_illust{
width: 270px;
padding-top: 150px;
}

#soudan .soudan_photo{
width: 550px;
}

#company{
}

#company .flex{
max-width: 1330px;
margin: 0 auto;
padding-bottom: 200px;
background: url("../img/bg_leaf6.png") left bottom no-repeat;
}

#company .company_text{
width: 400px;
}

#company .company_text p{
margin: 20px 0;
line-height: 1.8;
font-size:16px;
}

#company .company_text .detail{
text-align: right;
margin:20px 30px 50px 0;
padding: 5px 50px 5px 0;
background: url("../img/arrow_b.png") right center no-repeat;
}

#company .company_text .detail a{
color: #399d27;
}

#company .company_photo01{
width: 400px;
padding-top: 190px;
}

#company .company_photo02{
width: 400px;
}

#contact{
background: #faf5e8;
margin-top: 20px;
padding: 75px 0 50px;
text-align: center;
}

#contact .contact_illust{
width: 500px;
padding-top: 100px;
}

#contact .contact_text{
width: 520px;
}

#contact .contact_text p{
margin: 60px 0 30px;
font-size:26px;
}

#contact .contact_text p span{
font-size:20px;
}

#contact .mail_btn{
width: 500px;
padding: 100px 0 0;
text-align: center;
}

#contact .mail_btn a{
display: block;
width: 250px;
height: 250px;
margin: 0 auto;
background:#f23c4c url("../img/arrow_w.png") center 85% no-repeat;
padding: 35px 0 65px;
border-radius: 30px;
}

#contact .mail_btn a span{
padding: 20px 0 0;
display: block;
}

footer.main_footer{
margin-top: 50px;
text-align: right;
position: relative;
}

footer.main_footer .address{
position: absolute;
top:200px;
left: 150px;
text-align: left;
}

footer.main_footer .address p{
margin-top: 20px;
font-size:16px;
line-height: 1.5;
color: #399d27;
}

.copyright{
background: #399d27;
color: #FFFFFF;
font-size:12px;
text-align: right;
padding: 10px;
margin-bottom:0;
}

/********************************
contents
********************************/
.home .prev_top{
	display:none;
}

.prev_top {
	margin:0;
	padding:0 !important;
}

.prev_top li{
	list-style:none;
	margin:0;
	padding:0;
}

.prev_top li{
width:180px;
max-width:48%;
text-align:center;
}

.prev_top li button{
	display:block;
	border:none;
	background: #399d27;
	padding:5px;
	color:#FFFFFF;
	font-size:16px;
	width:100%;
	border-radius:5px;
	line-height:1.5;
}

.prev_top li a{
	display:block;
	text-decoration:none;
	background: #399d27;
	padding:5px;
	color:#FFFFFF;
	font-size:16px;
	border-radius:5px;
}

/********************************
レスポンシブ
********************************/

@media screen and (min-width: 768px) {
	 a[href^="tel:"] {
		 pointer-events: none;
		 cursor: default;
	}
}


@media screen and (max-width: 1540px) {
header .header_nav2 {
    right: 20px;
}

header .logo {
    padding: 30px 0 0 20px;
    width:calc(100% - 1040px);
}	

#gnav {
    margin: 90px 20px 0 0;
}
	
#gnav li a{
font-size:16px;
}

#gnav li:first-child span{
font-size:16px;
}

#contact{
padding: 75px 20px 50px;
}

#contact .contact_illust{
width: 32%;
padding-top: 80px;
}

#contact .contact_text{
width: 35%;
}

#contact .contact_text p{
font-size:26px;
}

#contact .mail_btn{
width: 32%;
padding-top: 80px;
}

footer.main_footer .address {
top: auto;
bottom:100px;
left:50px;
}

}

@media screen and (max-width: 1440px) {
header .logo {

}	
	
#service ul {
    width: 90%;
}

#service ul li{
    width: 24%;
    height: auto;
}

#property .property_list {
    max-width: 94%;
}

#company .flex {
    max-width: 94%;
	}

#company .company_text{
width: 32%;
}

#company .company_photo01{
width: 32%;
padding-top: 150px;
}

#company .company_photo02{
width: 32%;
}

#contact .mail_btn {
    }

#contact .mail_btn a{
width: 220px;
height: 220px;
background:#f23c4c url("../img/arrow_w.png") center 90% no-repeat;
padding: 20px 0 35px;
}

}

@media screen and (max-width: 1280px) {
header .logo {
padding: 10px 0 0 20px;
width: 250px;
    }
	
#gnav {
margin: 0px 20px 0 0;
    }
}

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


#gnav li:first-child {
    padding: 20px 0 0 24px;
}	
	
#service ul li a p {
font-size:14px;
}
	

#news {
    background: url(../img/bg_leaf2.png) center bottom no-repeat, url(../img/bg_greenbird_l.png) left 135px no-repeat, url(../img/bg_green_r.png) right 5px no-repeat;
}

#property{
padding-top: 10px;

}

#property .property_list .item a {
padding: 30px;
border-radius: 30px;
}

#results .flex {
width:90%;
}

#results .block {
    width: 48%;
}

#results .block a {
    padding: 50px 20px 0;
    border-radius: 50px;
}

#results .block img {
    margin-bottom: -30px;
}

#results .block.progress img {
    margin-bottom: -80px;
}

#soudan {
background-size: 40% auto;
    padding-bottom: 200px;
}

#soudan .flex {
    max-width: 94%;
}

#soudan .soudan_text{
width: 30%;
}

#soudan .soudan_illust{
width: 23%;
padding-top: 100px;
}

#soudan .soudan_photo{
width: 45%;
}

#contact .mail_btn {
padding-top: 70px;
    }

#contact .mail_btn a{
width: 180px;
height: 180px;
padding: 20px 20px 35px;
}

#contact .mail_btn a span {
    padding: 10px 0 0;
}

}


@media screen and (max-width: 1100px) {
header .header_nav2 li a {
    padding: 15px 25px 15px 0;
    font-size: 16px;
}
	
header .header_nav2 li {
    margin-right: 10px;
}
	
header .header_nav2 li a{
 padding: 15px 0;
}	

header .header_nav2 li.company a, header .header_nav2 li.contact a{
    padding: 15px 25px 15px 0;
    font-size: 16px;
}	
	
#gnav li a{
padding: 23px 8px;
font-size:15px;
}

#gnav li:first-child{
padding: 20px 0 0 29px;
}

#gnav li:first-child span {
font-size: 15px;
}

#gnav li:first-child span{
padding: 3px 15px 3px 0;
}

#gnav li.icon01{
padding: 0 0 0 15px;
}

#gnav li.icon02{
padding: 0 0 0 15px;
}

#gnav li.icon03{
padding: 0 20px 0 15px;
}

#news .more {
    right: 5px;
}

#contact .mail_btn {
    }

#contact .mail_btn a{
width: 160px;
height: 160px;
padding: 20px 20px 35px;
}

#contact .mail_btn a img{
height: 60px;
}

#contact .mail_btn a span img{
height: auto;
}


}


@media screen and (max-width: 991px) {
/********************************
headerの検索窓
********************************/
.header_search{
display:none;
}
	
.mv{
padding-top:30px;
	}
	
header{
margin:0 auto;
	}
	
header .logo {
padding:5px 0 0 10px;
width:180px;
}
	
.home header .logo {
position:absolute;
top:10px;
left:10px;
padding:0;
z-index:99;
}

#gnav{
display:none;
}

header .header_nav2{
display:none;
	}

.ttl img, .news_ttl img {
height: 28px;
}

#service {
padding: 70px 0 75px;
}

#service .ttl {
margin-bottom: 50px;
}
	
#service ul li {
width:48%;
margin-bottom:20px;
}
	
#service ul li a {
background-position:center 90%;
background-size: 20% auto;
    }
	
#service ul li a p {
    font-size: 16px;
}

#news {
background: url(../img/bg_leaf2.png) center bottom no-repeat, url(../img/bg_greenbird_l.png) left center no-repeat, url(../img/bg_green_r.png) right 5px no-repeat;
background-size: 100% auto, 180px auto, 260px auto;
    }
	
#news .news_cnt .news_ttl {
    width: 150px;
    background:none;
}

#news .news_cnt ul {
    max-width: calc(100% - 200px);
}

#news ul li {
font-size: 16px;
}

#news ul li time{
font-size: 14px;
}

#property .property_list {
margin: 70px auto 0;
}

#property .property_list .item{
width: 32%;
margin-bottom: 30px;
}

#property .property_list .item a {
padding: 20px;
border-radius: 20px;
    }

#property .property_list .item ul li {
font-size: 13px;
}

#results {
	background-size:100% auto, 50% auto; 
    padding: 160px 0 180px;
}

#soudan{
background-size: 30% auto;
padding-bottom: 100px;
}

#soudan .soudan_text{
width: 45%;
}

#soudan .soudan_illust{
width: 18%;
padding-top: 50px;
}

#soudan .soudan_photo{
width: 35%;
}

#company .company_text{
width: 45%;
}

#company .company_photo01{
width: 33%;
padding-top: 27vw;
}

#company .company_photo02{
width: 33%;
margin-left: -23%;
}

#company .flex {
    padding-bottom: 100px;
    background-size: 70% auto;
}

#contact{
padding: 75px 20px 50px;
}

#contact .contact_illust{
width: 30%;
padding: 80px 10px 0 0;
}

#contact .contact_text{
width: 40%;
}

#contact .mail_btn{
width: 30%;
padding-top: 60px;
}

footer.main_footer{
padding-left: 200px;
}

footer.main_footer .address {
bottom:20px;
left: 20px;
    }
	
footer.main_footer .address img{
width: 120px;
    }
	
footer.main_footer .address p {
font-size: 14px;

}
}
 
@media screen and (max-width: 768px) {
.sp{
display: block
}

.pc{
display: none;
}
	
.mv{
padding-top:0;
	}
	
.header_nav2{
display: none;
}
}

 
@media screen and (max-width: 580px) {
header .logo {
width:120px;
}	


.ttl img, .news_ttl img {
height: 24px;
}

#service {
padding: 40px 0 35px;
    }
	
#service .ttl {
margin-bottom: 30px;
    }

#service ul li {
width: 100%;
margin: 0 auto 20px;
text-align: left;
    }
	
#service ul li img{
height: 55px;
vertical-align: middle
}
	
#service ul li span {
display: inline !important;
padding:10px 20px;
    }
	
#service ul li span img{
height: 25px;
    }
	
#service ul li a {
padding: 10px 20px;
background-position: 95% center;
background-size: 50px auto;
}

#news {
background: url(../img/bg_leaf2.png) center bottom no-repeat;
background-size: 100% auto;
padding: 50px 0 80px;
}

#news .news_cnt .news_ttl {
width: 100%;
text-align: center;
    }
	
#news .news_cnt ul {
max-width: 94%;
margin: 0 auto;
}

#property .ttl {
    margin-bottom: 30px;
}

#property .property_list {
margin: 30px auto 0;
    }
	
#property .property_list .item {
width: 100%;
max-width: 340px;
margin:0 auto 20px;
    }
	
#results {
padding: 30px 0 100px;
    }
	
#results .block {
width: 100%;
margin-bottom: 50px;
    }
	
#results .block.progress {
    margin-top: 0;
}

#soudan {
background-size: 50% auto;
padding-top: 50px;
padding-bottom: 100px;
    }
	
#soudan .ttl{
text-align: center;
}
	
#soudan .soudan_text{
width: 100%;
margin-bottom: 20px
}

#soudan .soudan_illust{
width: 38%;
padding-top:0;
}

#soudan .soudan_photo{
width: 60%;
}

#company .flex {
padding-bottom: 50px;
}

#company .company_text{
width: 100%;
padding-top: 20px;
}

#company .company_text .ttl{
text-align: center;
}

#company .company_photo01{
display:none;
}

#company .company_photo02{
display:none;
}

#contact {
padding: 30px 20px 180px;
background:#faf5e8 url("../img/contact_img.png") center 95% no-repeat;
background-size: auto 140px;
    }

#contact .contact_illust{
display: none;
}

#contact .contact_text{
width: 100%;
}

#contact .mail_btn{
width: 100%;
text-align: left;
padding-top: 20px;
}

#contact .mail_btn a{
display: block;
width: 100%;
height: auto;
background:#f23c4c url("../img/arrow_w.png") 95% center no-repeat;
padding: 15px;
border-radius: 20px;
}

#contact .mail_btn a img{
vertical-align: middle;
}

#contact .mail_btn a span{
padding: 0 30px;
display: inline !important;
}

footer.main_footer{
margin: 20px 0 0 3%;
padding-left: 0;
}

footer.main_footer .address{
position: relative;
top:0;
left: 0;
}

	
    }