@charset "utf-8";

html {
scroll-padding-top: 70px; }
wrapper{
min-height: 100vh;
position: relative; padding-bottom: 200px; box-sizing: border-box; }
section{margin: 50px 0 100px;}
@media only screen and (max-width:767px){section{margin:30px 0 60px;}}
.container{margin:10px auto;}
a{color:#444;}
a:hover{opacity:0.7;text-decoration:none;}
.pc-none {display:none!important;}
.sp-none {display:block!important;}
@media only screen and (max-width:767px){
.pc-none {display:block!important;}
.sp-none {display:none!important;}
}
small{line-height:100%;font-size:85%;}
.red{color:#ff0000;}
.white{color:#fff;}
.black{color:#000;}
.blue{color:#008ac8;}
p,.gothic,table{font-family: "Hiragino Kaku Gothic Pro", Meiryo, sans-serif;}
table{line-height:160%;width: 100%;}
table th,table td{padding:3px 10px;}
#column-box .swiper-slide{padding:0 10px;}
#column-box .update{position:absolute;top:10px;left:4px;background:#ff0000;color:#fff;padding:6px 12px;font-weight:bold;z-index:66;}
#column-box p,.cat-data p{font-size:70%;color:#fff;margin:10px 0 0 ;padding:0px 10px;display: inline-block;border-radius: 20px;}
#column-box p.fudousan,.cat-data p.fudousan{background:#7e8bc1;}
#column-box p.ryokka,.cat-data p.ryokka{background:#61a35d;}
#column-box p.nougyou,.cat-data p.nougyou{background:#a18267;}
#column-box img{width:100%;height:220px;object-fit: cover;}
#column-box h3{font-size:120%;margin:10px 0;min-height:30px;}
#column-box date{text-align:right;display:block;color:#666;font-size:80%;}
.cat-date p{text-align: right;}
.wiget-area ul li{width: 100%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;} header{
position:fixed;
left: 0;
top:0;
width: 100%;
z-index:9999;
background: rgb(116,179,223);
filter:alpha(opacity=85);
background: rgba(116,179,223,0.85);
filter: drop-shadow(3px 3px 3px rgba(6,6,6,0.2));
}
header h1.logo{max-width:90px;line-height:100%;}
header .menu a{color:#fff;}
header .menu a:hover,
body#home header .menu a.home,
body#news.category-news header .menu a.news,
body#news.category-articles header .menu a.articles,
body#company header .menu a.company,
body#accsess header .menu a.accsess,
body#business header .menu a.business,
body#contact header .menu a.contact{
color:#ffe1a4;
border-bottom:5px solid #ffe1a4;
}
body#home footer #fnavi a.home,
body#news.category-news footer #fnavi a.news,
body#news.category-articles footer #fnavi a.articles,
body#company footer #fnavi a.company,
body#accsess footer #fnavi a.accsess,
body#business footer #fnavi a.business,
body#recruit footer #fnavi a.recruit,
body#recruit-staff footer #fnavi a.recruit,
body#contact footer #fnavi a.contact,
body#privacy footer #fnavi a.privacy{
color:#ffe1a4;
}
header .menu li.nav-recruit a{
background:#008ac8;
padding-bottom:1em;
border:none;
}
header .menu li.nav-recruit a:hover,
body#recruit header .menu li.nav-recruit a,
body#recruit-staff header .menu li.nav-recruit a{
background:#ffe1a4;
color:#ff7449;
}
@media only screen and (max-width:767px){
header .menu .nav-recruit a{background:#008ac8;}
header .menu a:hover{
color:#ffe1a4;
border-bottom:none;}
} .js-animation {
opacity: 0;
visibility: hidden;
transform: translateY(40px);
transition: all 1s;
}
.js-animation.y60 {transform: translateY(60px);}
.js-animation.y80 {transform: translateY(80px);}
.js-animation.y100 {transform: translateY(100px);}
.js-animation.y120 {transform: translateY(120px);}
.js-animation.is-show {
opacity: 1;
visibility: visible;
transform: translateY(0px);
}
.btn-column{    position: relative;}
.btn-column a{position: absolute;bottom:20px;right:10px;transform: scale(1.0);z-index: 777;}
.btn-column a:hover{transform: scale(1.05); opacity: 1;}
.btn-column a img{width:160px;}
ul.cat-list li{display: inline-block;padding:5px 10px;margin:0 5px;border-radius:20px;font-size:12px;background:#008ac8;}
ul#broadoutline.cat-list{margin-top:20px;}
ul#broadoutline.cat-list li{font-size:120%;5px 1.5vwmargin-bottom:1vh;}
ul.cat-list li a{color:#fff;}
ul.cat-list li.articles{background:#f90}
ul.cat-list li.fudousan{background:#7e8bc1;}
ul.cat-list li.ryokka{background:#61a35d;}
ul.cat-list li.nougyou{background:#a18267;} nav{
width: 100%;
height: 60px;
position: relative;
z-index:888;
}
.drawer{
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
position: relative;
height: 60px;
padding: 1em;
}
.navbar_toggle{
z-index:999;
margin: 0;
}
.navbar_toggle_icon {
position: relative;
display: block;
height: 2px;
width: 30px;
background: #fff;
-webkit-transition: ease .5s;
transition: ease .5s;
}
.navbar_toggle_icon:nth-child(1) {
top: 0;
}
.navbar_toggle_icon:nth-child(2) {
margin: 8px 0;
}
.navbar_toggle_icon:nth-child(3) {
top: 0;
}
.menu.open {
-webkit-transform:translateX(0);
transform:translateX(0);
overflow-y: auto;
-webkit-overflow-scrolling: touch;
}
.navbar_toggle.open .navbar_toggle_icon:nth-child(1) {
top: 10px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.navbar_toggle.open .navbar_toggle_icon:nth-child(2) {
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
opacity: 0;
}
.navbar_toggle.open .navbar_toggle_icon:nth-child(3) {
top: -10px;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.menu{
-webkit-transform: translateX(-110%);
transform: translateX(-110%);
-webkit-transition:ease .5s;
transition:ease .5s;
z-index:1000;
} @media screen and (min-width: 910px) {
nav{
display: flex;
flex-direction: row;
}
.navbar_toggle{
display: none;
}
.menu{
width: 100%;
-webkit-transform: translateX(0);
transform: translateX(0);
}
.menu ul{
height: 60px; flex-wrap: wrap; padding:1.1em 0.3em 1.1em;
float: right;
}
.menu ul li{
border-bottom: none;
display:block;
float:left;
padding-top: 0.4em;
text-align: center;
margin-right: 2px;
}
.menu ul li a{ padding: 1em 1.25vw 0.2em;}
.menu ul li p{
padding: 1em;
border-bottom: 1px solid #fff;
background: rgb(116,179,223);
filter:alpha(opacity=90);
background: rgba(116,179,223,0.9);
}
p.second-level {
display: none;
}
} @media screen and (max-width: 767px) {
.menu ul li{
padding:0.5em; background: rgb(75, 151, 204);
filter:alpha(opacity=95);
background:rgba(75, 151, 204, 0.95);
text-align: center;
}
.menu ul li a{display: block;padding:1em;}
.menu ul li p.second-level{margin-left:5px;margin-top:-10px;}
.menu ul li p.second-level.mt20{margin-top:-10px;}
p.second-level a::before{content: "―";margin-right:5px;}
} .color-Agriculture{color:#613e00;}
.color-Greening{color:#506f63;}
.color-Rental{color:#5e6273;}
.color-total{color:#008ac8;}
.bg-Agriculture{background:#613e00;}
.bg-Greening{background:#506f63;}
.bg-Rental{background:#5e6273;}
.bg-total{background:#008ac8;}
.bg-74b3df{background:#74b3df;}
.rgb-74b3df{background: rgb(116,179,223);filter:alpha(opacity=20); background: rgba(116,179,223,0.2);}
.vertical {
writing-mode: vertical-rl;
}
.panel > dt {
cursor: pointer;
margin-bottom:20px;
}
.panel > dd {
margin: 0px;
padding:20px;
margin-top:-20px;
margin-bottom:20px;
}
.panel dt {
position: relative;
}
.panel dt:after {
content: "";
position: absolute;
border-right: 2px solid #9c9c9c;
border-bottom:2px solid #9c9c9c;
width: 15px;
right: 15px;
height: 15px;
transform: rotate(45deg);
margin-top:-26px;
}
.panel dt.ac:after {
content: "";
position: absolute;
border-left: 2px solid #9c9c9c;
border-top: 2px solid #9c9c9c;
border-right: 0;
border-bottom: 0;
width: 15px;
right: 15px;
height: 15px;
transform: rotate(45deg);
margin-top:-18px;
}
.go-page{
min-height:30px;
min-width:420px;
margin-top:20px;
text-align:center;
}
.go-page a{
background:url(//fujimi-group.co.jp/img/go-page.svg) no-repeat center 70%;
background-size:298px auto;
padding: 20px 10%;
color:#008ac8;
}
@media screen and (max-width: 980px) {
.go-page{min-width:auto;}
.go-page a{background:url(//fujimi-group.co.jp/img/go-page.svg) no-repeat right 70%;background-size:400px auto;padding: 20px 15% 20px 10%;}
}
@media screen and (max-width:767px) {
table.scroll  {
display: block;
overflow-x: scroll;
white-space: nowrap;
-webkit-overflow-scrolling: touch;
}
table.scroll  tbody {
width: 100%;
display:table;
}
}
#link-jamp {
margin-top:-100px;
padding-top:100px;} footer{
width: 100%;
color: #333;
text-align: center;
padding: 200px 0 0; bottom: 0; z-index:9998;
line-height:180%;
background:url(//fujimi-group.co.jp/img/footer-town.png) repeat-x right 0px;
padding-top:160px;
}
footer #fnavi{
padding:10px 20px;
background:#69a8db;
font-family: "Hiragino Kaku Gothic Pro", Meiryo, sans-serif;
}
footer #fnavi ul li{display: inline;}
footer #fnavi ul li a{color:#fff;padding:8px 2%;display: inline-block;}
footer #fnavi ul li a:hover{color:#ffe1a4;}
footer h2{font-size:160%;margin-bottom:20px;}
footer copyright{
border-top:1px #ccc solid;
text-align:center;
font-size:80%;
display:block;
padding-top:2px;}
.backtotop {
position: fixed;
right: 0px;
bottom: 0px;
z-index: 7777;
display: none;
border-style: solid;
border-width: 0 75px 50px 75px;
border-color: transparent transparent #3572b7 transparent;
}
.backtotop p{
position: fixed;
bottom: 0px;
z-index: 99;
right: 45px;
color: #fff;}
@media only screen and (max-width:480px){
footer{
background-size:1580px auto;
padding-top:80px;
}
footer address,footer tel{font-size:90%;}
ul#broadoutline.cat-list li{font-size:100%;}
}