@charset "utf-8";
 bread{position: relative;z-index:998;display: block;top:180px;}
bread ul{position: absolute;bottom:0;text-align: right;background:#b8def5; width:100%;padding:14px 0px;}
bread ul li{display: inline;}
bread ul li a{color:#008ac8;}
bread ul li::after{content: ">";margin:0 10px 0 20px;}
bread ul li:last-child::after{content: "";margin: 5px;}
body.pages #page-title{
position: relative;
top:80px;
left:0;
z-index:999;
}
body.pages #page-title .name{
background:#008ac8;
padding:24px 18px;
color:#fff; width:35%;
float:left;}
body.pages #page-title .name h5{
font-size:220%;
color:#fff;
letter-spacing: 0.1em;}
body.pages #page-title .p-nav{float:left;margin-left: 10px;}
body.pages #page-title .p-nav h3{margin:25px 60px 0 30px;font-size:180%;float:left;color:#008ac8;}
body.pages #page-title .p-nav ul{display:inline;position:absolute;bottom:0;top:22px;}
body.pages #page-title .p-nav ul li{display:inline;margin-right:20px;}
body.pages #page-title .p-nav ul li a{background:url(//fujimi-group.co.jp/img/go-bottom.png) no-repeat center bottom / 100px auto;padding:16px 20px;color:#008ac8;}
@media only screen and (max-width:767px){
bread{top:110px;}
bread ul{ padding: 18px 0px 10px;}
body.pages #page-title{top:80px;}
body.pages #page-title .name{margin:0;float:none;width:70%;}
body.pages #page-title .p-nav ul{top:50px; position: relative;}
body.pages #page-title .p-nav h3{display:none;}
}
@media only screen and (max-width:505px){
body.pages #page-title .p-nav ul li{ margin-right: 0;}
body.pages #page-title .p-nav ul li a{
background: url(//fujimi-group.co.jp/img/go-bottom.png) no-repeat center bottom / 60px auto;
padding: 16px 5px
}
} section.box{margin:0 auto;max-width:1920px;} body.pages section#mainvisual{
width:100%;
position: relative;
z-index:77;
top:0;
left:0;
}
body.pages .bg-img{min-height:480px;height:100%;margin-bottom:0;position: relative;}
body#business.pages .bg-img{float:left;width: 33.3%;margin-top:80px;margin-bottom:200px;}
body#business section#mainvisual #no01{background: url(//fujimi-group.co.jp/img/business/mainvisual-ag.jpg) no-repeat center bottom / cover;}
body#business section#mainvisual #no02{background: url(//fujimi-group.co.jp/img/business/mainvisual-gr.jpg) no-repeat center bottom / cover;}
body#business section#mainvisual #no03{background: url(//fujimi-group.co.jp/img/business/mainvisual-re.jpg) no-repeat center bottom / cover;}
body.pages section#mainvisual #no01 .obi h2,
body.pages section#mainvisual #yanagiya .obi h2{background:rgb(221,205,164);filter:alpha(opacity=80); background: rgba(221,205,164,0.8);}
body.pages section#mainvisual #no02 .obi h2,
body.pages section#mainvisual #matsuyama .obi h2{background:rgb(174,195,116);filter:alpha(opacity=80); background: rgba(174,195,116,0.8);}
body.pages section#mainvisual #no03 .obi h2,
body.pages section#mainvisual #kinoshita .obi h2{background:rgb(134,145,187);filter:alpha(opacity=80); background: rgba(134,145,187,0.8);}
body.pages section#mainvisual #takeda .obi h2{background:rgb(116,179,223);filter:alpha(opacity=80); background: rgba(116,179,223,0.8);}
body.pages section#mainvisual .obi{
margin-left:2%;
width:30px;text-shadow: 0 0 10px #fff;
}
body.pages section#mainvisual .obi h2{
writing-mode: vertical-rl;
-webkit-writing-mode: vertical-lr;
-ms-writing-mode: tb-lr;
position: absolute;
left:18px;
top:0;
letter-spacing: 0.125em;
font-size:260%;
line-height:200%;
padding:14px 0;
height:500px;
margin-top:-10px;
filter: drop-shadow(3px 3px 3px rgba(255,255,255,0.4));
z-index:2;
}
.cacth{width: 100%;}
body#recruit-staff .cacth{
position: absolute;
right:20px;
bottom:0;
z-index:4;
}
.pages section#mainvisual blockquote{position: absolute;z-index:1;}
body#recruit-staff.pages section#mainvisual blockquote{
max-width:460px;
bottom:0;
right:0;
}
body#business.pages section#mainvisual blockquote{
top:480px;
}
body#business section#mainvisual #no01 blockquote{background:rgb(139,128,89);filter:alpha(opacity=80); background: rgba(139,128,89,0.8);}
body#business section#mainvisual #no02 blockquote{background:rgb(98,163,82);filter:alpha(opacity=80); background: rgba(98,163,82,0.8);}
body#business section#mainvisual #no03 blockquote{background:rgb(123,125,173);filter:alpha(opacity=80); background: rgba(123,125,173,0.8);}
.cacth h3{
font-size:110%;
line-height:200%;
padding:16px 30px;
color:#fff;
font-weight: inherit;
letter-spacing: 0.05em;
}
body#business section#mainvisual .nextbtn{
position: absolute;
right:10px;
bottom:20px;
filter: drop-shadow(3px 3px 3px rgba(33,33,33,0.5));
}
body#business section#mainvisual a .nextbtn,body#business section#mainvisual .nextbtn a{
display:block;
color:#fff;
}
body#business section#mainvisual a .nextbtn{
background: url(//fujimi-group.co.jp/img/go-page-w.svg) no-repeat right bottom;
background-size: 180px auto;
padding: 0px 40px 10px;}
body#business section#mainvisual #no03 .nextbtn a{
font-size:140%;
background:url(//fujimi-group.co.jp/img/business/btn-re.png) no-repeat top right / 180px 50px;
padding:15px 40px 20px 60px;}
@media only screen and (max-width:1180px){
body#business.pages .bg-img{margin-bottom:300px;}
}
@media only screen and (max-width:980px){
body#business.pages .bg-img {
float: none;
width: 100%;
margin-top: 130px;
margin-bottom:160px;
}
}
@media only screen and (max-width:767px){
.cacth {right: 0;}
}
@media only screen and (max-width:542px){
body.pages section#mainvisual #no03 .obi h2{letter-spacing: 0.05em;}
body#recruit-staff .cacth{right:5px;}
body#business.pages section#mainvisual blockquote {
top: 400px;z-index:5;}
body#business section#mainvisual .nextbtn {bottom: 100px;}
} #point {margin-top:80px;padding-top:80px;}
.box #b-left{width:10%;float:left;margin: -60px auto 0 15px;white-space: nowrap;}
.box #b-left h2{
-webkit-writing-mode: vertical-lr;
-ms-writing-mode: tb-lr;
writing-mode: vertical-lr;
margin:auto 70px;
color:#916200;
letter-spacing:0.15em;}
.box #b-left p{font-size:500%;color:#613e00;font-family: "アプリ明朝" ,"ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "メイリオ" , Meiryo , serif;}
.box #b-right{width:85%;float:right;}
body#business .box #b-right {background: url(//fujimi-group.co.jp/img/business/lines.svg) no-repeat left top / 85% auto;}
body#business .box #b-right .mass{width:100%;margin-bottom:25%;position: relative;}
body#business .box #b-right .mass .husen{width:340px;float:left;background: url(//fujimi-group.co.jp/img/husen.svg) no-repeat left top / 340px auto; margin-right:-70px;}
body#business .box #b-right .mass .husen h4{writing-mode: vertical-rl;font-size:700%;color:#916200;font-weight:normal;padding:20px 90px;letter-spacing: 0.15em;}
body#business .box #b-right #point01{margin-top:60px;}
body#business .box #b-right .mass img{position: absolute;top:40%;right:0;width:56%;}
body#business .box #b-right .mass .texts h3{padding:20px 0;}
body#business .box #b-right .mass .texts p{
position:relative;
z-index:66;
width:30%;
background: rgb(255,255,255);
filter:alpha(opacity=85);
background: rgba(255,255,255,0.85);
padding:10px 10px 14px;
line-height:230%;
margin-left: 270px;
letter-spacing: 0.05em;}
body#business #item {margin:0px auto 80px;padding:80px 0;background: rgb(221,205,164);filter:alpha(opacity=35); background: rgba(221,205,164,0.35);}
body#business #item h3{text-align:center;line-height:100%;letter-spacing: 0.15em;color:#613e00;    font-size: 280%;}
.box #b-left hr,body#business #item hr{max-width:200px;margin:auto;border:0;border-bottom:2px solid #613e00;margin:15px auto 30px;}
body#business #item .panel{max-width:1200px;margin:auto;}
body#business #item .panel dt{clear:both;height:60px;border-bottom: 2px solid #bbb;margin-bottom:20px;}
body#business #item .panel dt blockquote{border:1px solid #9c9c9c;padding:5px 12px;float:left;margin-right:20px;margin-top:12px;border-radius:20px;text-align:center;width: 200px;}
body#business #item .panel dt#tori{background:url(//fujimi-group.co.jp/img/business/icon-niwatori.svg) no-repeat top left /60px auto;padding-left:70px;}
body#business #item .panel dt#ushi{background:url(//fujimi-group.co.jp/img/business/icon-ushi.svg) no-repeat top left /60px auto;padding-left:70px;}
body#business #item .panel dt#buta{background:url(//fujimi-group.co.jp/img/business/icon-buta.svg) no-repeat top left /60px auto;padding-left:70px;}
body#business #item .panel dt#ki{background:url(//fujimi-group.co.jp/img/business/icon-ki.svg) no-repeat top left /60px auto;padding-left:70px;}
body#business #item .panel dt h4{line-height:180%;}
body#business #item .panel > dd{margin-bottom:60px;}
body#business #item .panel dd h5{line-height:180%;margin-bottom:20px;font-size: 110%;font-weight:normal;color:#444;font-family: "Hiragino Kaku Gothic Pro", Meiryo, sans-serif;}
body#business	.row .soil{ width:100%;position:relative;top:0;left:0;z-index:55;} body#business	.row h6{margin:10px 0 30px;font-size: 140%;}
@media only screen and (max-width:1440px){
body#business .box #b-right .mass .husen {width: 240px;background: url(//fujimi-group.co.jp/img/husen.svg) no-repeat left top / 220px auto;}
body#business .box #b-right .mass .husen h4 {font-size: 500%; padding: 10px 55px;}
body#business .box h3{font-size: 200%;line-height: 160%;margin-bottom:10px;}
body#business .box #b-right .mass .texts p {width: 40%;line-height: 220%;margin-left: 200px;}
}
@media only screen and (max-width:1240px){
body#business #item {margin-top:80px }
body#business .box #b-right {background: url(//fujimi-group.co.jp/img/business/lines.svg) no-repeat 20% top / 85% auto;}
.box #b-left h2{margin-left:45px;}
}
@media only screen and (max-width:1024px){
body#business .box #b-right {background: url(//fujimi-group.co.jp/img/business/lines.svg) no-repeat 30% top / 85% auto;}
.box #b-right {width: 85%;}
body#business .box #b-right .mass {  margin-bottom: 80%;}
.box #b-left p {font-size: 400%;}
body#business .box #b-right .mass .texts p {width: 70%;margin-left: 170px;}
body#business .box #b-right .mass img{top: 90%;width: 100%;}
body#business #item {margin-top:0; padding: 60px 2%;}
body#business .vol {height: 300px;}
body#business .vol .photo {height: 340px;}
}
@media only screen and (max-width:767px){
section.box {margin: 60px auto;padding:2% 0%;}
#point {margin-top:160px;}
.box #b-left h2 {
writing-mode:unset;
-webkit-writing-mode: auto;
-ms-writing-mode: auto;
margin: 30px 10px;
font-size: 200%;
line-height: 150%;}
.box #b-left {width: 100%;float: none; white-space: inherit;margin: -60px 0 0 0;}
.box #b-left p {line-height: 100%;text-align: center;}
.box #b-right {width: 100%;}
body#business .box #b-right .mass .husen {
float: none;
min-height: 0px;
margin-right: 0;
width: 100%;
background: url(//fujimi-group.co.jp/img/husen.svg) no-repeat -60px top / 220px auto;}
body#business .box #b-right .mass .husen h4 {writing-mode: unset;padding: 10px;padding: 30px 10px;}
body#business .box h3 {margin: 10px 5% 0;}
body#business .box #b-right .mass .texts h3 {padding:0;}
body#business .box #b-right .mass .texts p {width: 100%;margin-left: 0;line-height: 180%;padding:10px 5% 14px;}
body#business .box #b-right .mass img {top:100%;}
body#business .box #b-right{background: none;}
body#business .box #b-right #point01 {margin-top: 0px;}
body#business #item .panel dt {margin-bottom: 20px;}
body#business #item .panel dt h4 {padding-top: 5px;}
}
@media only screen and (max-width:480px){
body#business #agricultural section#mainvisual {margin: 180px 0 0;}
body#business #item .panel dt blockquote {padding: 5px 2px;font-size: 80%;width: 160px;}
}
@media only screen and (max-width:380px){
body#business #item .panel dt blockquote {float: none;margin:0;}
body#business #item .panel dt h4 {padding: 0 30px;}
.panel dt.ac:after {margin-top: -16px;}
.panel > dd {padding: 10px;}
}
.panel dt.ac:after{border-left: 2px solid #fff!important; border-top: 2px solid #fff!important;} body#recruit-staff section#mainvisual div{margin-top:130px;}
body#recruit-staff section#mainvisual #yanagiya{background: url(//fujimi-group.co.jp/img/recruit/mv-yanagiya.jpg) no-repeat center center / cover;}
body#recruit-staff section#mainvisual #matsuyama{background: url(//fujimi-group.co.jp/img/recruit/mv-matsuyama.jpg) no-repeat center 40%/ cover;}
body#recruit-staff section#mainvisual #kinoshita{background: url(//fujimi-group.co.jp/img/recruit/mv-kinoshita.jpg) no-repeat center 25% / cover;}
body#recruit-staff section#mainvisual #takeda{background: url(//fujimi-group.co.jp/img/recruit/mv-takeda.jpg) no-repeat center 40% / cover;}
body#recruit-staff section#mainvisual blockquote {bottom: 0px;}
body#recruit-staff section#mainvisual .obi h6{
writing-mode: vertical-rl;
position: absolute;
left: 50px;
top: 220px;
font-size: 93%;
letter-spacing: 0.1em;
z-index:3;}
body#recruit-staff section#mainvisual #kinoshita .obi h6{top: 260px;}
body#recruit-staff section#mainvisual h4{margin-bottom:16px;line-height:140%;font-size:165%;letter-spacing: 0.1em;}
body#recruit-staff section#mainvisual h4.white{text-shadow:0 0 10px #000, 0 0 10px #000, 0 0 10px #000;}
body#recruit-staff section#mainvisual h4.black{text-shadow:0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff;}
body#recruit-staff section#mainvisual table.white{
border:1px solid #fff;
color:#fff;
font-size:95%;
background: rgb(0, 0, 0);
filter:alpha(opacity=40);
background:rgba(0, 0, 0, 0.4);}
body#recruit-staff section#mainvisual table.black{
border:1px solid #333;
color:#333;
font-size:95%;
background: rgb(255, 255, 255);
filter:alpha(opacity=60);
background:rgba(255, 255, 255, 0.6);}
body#recruit-staff .volume {margin:0 0 6%;display:flex;}
body#recruit-staff #vol01.volume{margin: 0 0 60px;}
body#recruit-staff .volume .right,body#recruit-staff .volume .left{position: relative;top:0;left:0;}
body#recruit-staff .volume .right{width:55%;}
body#recruit-staff .volume .left{width:45%;}
body#recruit-staff .volume .right img{width:100%;height:100%;object-fit: cover;}
body#recruit-staff .volume .txts{padding:0 2%;}
body#recruit-staff .volume h3{margin:10px 0;}
body#recruit-staff #agricultural .box h3,body#recruit-staff #agricultural .box h5,body#recruit-staff #agricultural #vol04 h3{color:#613e00;line-height:160%;}
body#recruit-staff #greening .box h3,body#recruit-staff #greening .box h5,body#recruit-staff #greening #vol04 h3{color:#506f63;line-height:160%;}
body#recruit-staff #rental .box h3,body#recruit-staff #rental .box h5,body#recruit-staff #rental #vol04 h3{color:#5e6273;line-height:160%;}
body#recruit-staff #total .box h3,body#recruit-staff #total .box h5,body#recruit-staff #total #vol04 h3{color:#0e77ba;line-height:160%;}
body#recruit-staff #agricultural .volume h5{height:50px;background: url(//fujimi-group.co.jp/img/recruit/husen.svg) no-repeat left top / 80px auto;padding:12px 0 0 16px;}
body#recruit-staff #greening .volume h5{height:50px;background: url(//fujimi-group.co.jp/img/recruit/husen-green.svg) no-repeat left top / 80px auto;padding:12px 0 0 16px;}
body#recruit-staff #rental .volume h5{height:50px;background: url(//fujimi-group.co.jp/img/recruit/husen-rental.svg) no-repeat left top / 80px auto;padding:12px 0 0 16px;}
body#recruit-staff #total .volume h5{height:50px;background: url(//fujimi-group.co.jp/img/recruit/husen-total.svg) no-repeat left top / 80px auto;padding:12px 0 0 16px;}
body#recruit-staff .volume .txts p,body#recruit-staff #vol04 p{line-height:220%;}
body#recruit-staff #schedule{
width:100%;
margin: 0 auto;
padding:10px 10px 20px;
border: 1px solid #74b3df;
display: flex;
max-width: 1280px;}
body#recruit-staff #schedule .sc,body#recruit-staff #schedule .holiday{width:100%;margin-top:-30px;padding-top:60px;display: flex;}
body#recruit-staff #schedule .sc{background:url(//fujimi-group.co.jp/img/recruit/tit-sc.png) no-repeat left top / 220px auto;max-width:55%;}
body#recruit-staff #schedule .holiday{background:url(//fujimi-group.co.jp/img/recruit/tit-holiday.png) no-repeat left top / 220px auto;max-width:45%;}
body#recruit-staff #schedule img{max-width: 250px;max-height:230px;margin:0px 16px 0px;}
body#recruit-staff #schedule p{margin-left:16px;}
body#recruit-staff #schedule table th{width:80px;}
body#recruit-staff #vol04{padding:0 0 28px;}
body#recruit-staff #vol04 .contents{position: relative;text-align:center;}
body#recruit-staff #vol04 .contents::before{
content: '';
position: absolute;
display: block;
width: 30px;
height:30px;
bottom: -58px;
right:400px;}
body#recruit-staff #agricultural #vol02,
body#recruit-staff #agricultural #vol04{
background: rgb(221,205,164);
filter: alpha(opacity=35);
background: rgba(221,205,164,0.35);}
body#recruit-staff #agricultural #vol04 .contents::before{background: url(//fujimi-group.co.jp/img/recruit/hukidashi-agri.svg) no-repeat center top / 30px auto;}
body#recruit-staff #greening #vol02,
body#recruit-staff #greening #vol04{
background: rgb(174,195,116);
filter: alpha(opacity=35);
background: rgba(174,195,116,0.35);}
body#recruit-staff #greening #vol04 .contents::before{background: url(//fujimi-group.co.jp/img/recruit/hukidashi-green.svg) no-repeat center top / 30px auto;}
body#recruit-staff #rental #vol02,
body#recruit-staff #rental #vol04{
background: rgb(134,145,187);
filter: alpha(opacity=35);
background: rgba(134,145,187,0.35);}
body#recruit-staff #rental #vol04 .contents::before{background: url(//fujimi-group.co.jp/img/recruit/hukidashi-rental.svg) no-repeat center top / 30px auto;}
body#recruit-staff #total #vol02,
body#recruit-staff #total #vol04{
background: rgb(116,179,223);
filter: alpha(opacity=35);
background: rgba(116,179,223,0.35);}
body#recruit-staff #total #vol04 .contents::before{background: url(//fujimi-group.co.jp/img/recruit/hukidashi-total.svg) no-repeat center top / 30px auto;}
body#recruit-staff #vol04 blockquote{
max-width:300px;
padding:16px;
margin:-25px auto 0;
display: inline-block;
text-align: center;}
body#recruit-staff #agricultural #vol04 blockquote{border:1px solid #ddcda4;}
body#recruit-staff #greening #vol04 blockquote{border:1px solid #aec374;}
body#recruit-staff #rental #vol04 blockquote{border:1px solid #8691bb;}
body#recruit-staff #total #vol04 blockquote{border:1px solid #93cfda;}
body#recruit-staff #vol04 h3{margin:30px 0 20px;}
body#recruit-staff #vol04 img{width:180px;height:180px;position: absolute;right:220px;top:200px;object-fit: cover;border-radius: 50%;}
body#recruit-staff #comment{text-align:center;padding-top:120px;}
body#recruit-staff #comment p{display:block;color:#69a8db;letter-spacing: 0.25em;font-size:140%;}
body#recruit-staff #comment p img{width:16px;height:36px;margin:20px;}
body#recruit-staff #comment ul{display:inline-flex;font-size:120%;}
body#recruit-staff #comment ul li{margin-left:20px;}
body#recruit-staff #comment ul li a::before{content: "/";margin-right:20px;}
body#recruit-staff #comment ul li:first-child a::before{content: " ";margin-right:20px;}
body#recruit-staff #comment ul li a{display:block;}
body#recruit-staff #comment ul li a.active{color:#69a8db;}
@media only screen and (max-width:990px){
body#recruit-staff .volume .txts{padding:0 5% 15px;}
body#recruit-staff #schedule{width:90%;margin: 0 5% 30px;display:block;}
body#recruit-staff #schedule .sc,body#recruit-staff #schedule .holiday{width:100%;margin-top:0px;padding-top:50px;}
body#recruit-staff #schedule .sc{max-width:100%;}
body#recruit-staff #schedule .holiday{max-width:100%;margin-top:40px;}
body#recruit-staff #schedule .sc img{margin:5px 0 0 40px;}
body#recruit-staff #schedule .holiday img{display:none;}
body#recruit-staff #vol04 .contents::before {right: 185px;}
body#recruit-staff #vol04 img{right: 0;top:225px;}
}
@media only screen and (max-width:767px){
body#recruit-staff section#mainvisual #yanagiya{background-position:-140px -220px;background-size:auto 800px;}
body#recruit-staff section#mainvisual #matsuyama{background: url(//fujimi-group.co.jp/img/recruit/mv-matsuyama.jpg) no-repeat center bottom / 800px auto;}
body#recruit-staff section#mainvisual #kinoshita{background: url(//fujimi-group.co.jp/img/recruit/mv-kinoshita.jpg) no-repeat 30% 30% / 1000px auto;}
body#recruit-staff section#mainvisual #takeda{background: url(//fujimi-group.co.jp/img/recruit/mv-takeda.jpg) no-repeat center center / 1000px auto;}
body#recruit-staff section {margin-bottom: 0px;}
body#recruit-staff section#mainvisual div {	margin-top: 80px;}
body#recruit-staff .volume {display: block;margin: 0 0 10%;}
body#recruit-staff .volume .right,body#recruit-staff .volume .left{width:100%;}
body#recruit-staff section#mainvisual div {margin-top: 140px;}
}
@media only screen and (max-width:760px){
body#recruit-staff #time-sc .sc,body#recruit-staff #time-sc .holiday{background:none;}
body#recruit-staff #time-sc table th{width:30%;}
body#recruit-staff #time-sc .holiday p{width:100%;}
body#recruit-staff #time-sc .holiday{max-height: 150px;}
body#recruit-staff #vol04 .contents{margin:0 30px;}
body#recruit-staff #comment ul{display: block;}
body#recruit-staff #comment ul li{margin:0 0 30px 0;}
body#recruit-staff #comment ul li a::before,body#recruit-staff #comment ul li:first-child a::before{content: "";margin-right:0px;}
}
@media only screen and (max-width:600px){
body#recruit-staff #schedule .sc{display: block;text-align: center;}
body#recruit-staff #schedule .sc td{text-align: left;}
body#recruit-staff #agricultural #vol04 img {top:260px;}
}
@media only screen and (max-width:480px){
body#recruit-staff .volume .right img{height: 340px;}
body#recruit-staff .volume .txts p, body#recruit-staff #vol04 p{line-height:180%;margin-bottom:10px;}
body#recruit-staff #schedule .sc img {margin:5px auto 0;}
body#recruit-staff #vol04 h3 {font-size: 160%;margin: 15px 0 10px;}
body#recruit-staff #vol04 .contents p{text-align: left;}
body#recruit-staff #vol04 .contents::before{bottom: -68px;}
}
@media only screen and (max-width:380px){
body#recruit-staff section#mainvisual blockquote {display:none;}
}
@media only screen and (max-width:330px){
body#recruit-staff #agricultural #vol04 img {top: 330px;}
}
body#recruit hr{width:200px;border-bottom:2px solid #008ac8;margin:10px auto 20px;}
body#recruit section#message{margin-top:0px;padding-top:180px;}
body#recruit #b-left p{color: #74b3df;font-size:300%;}
body#recruit #b-left h2{color: #008ac8;margin-top:20px;}
body#recruit #b-right .texts{width:43%;float:left;}
body#recruit #b-right .mass h3{margin:20px 0 10px;line-height:160%;}
body#recruit #b-right p{margin:20px 0 10px;line-height:190%;letter-spacing: 0.03em;}
body#recruit #b-right img{width:55%;float:right;margin-top:20px;}
body#recruit .point{margin:60px auto 0;}
body#recruit .point h3{margin:10px 0 20px;line-height:160%;}
body#recruit .point h4{font-size:140%;line-height:140%;color:#666;}
body#recruit .point table{margin:40px 0 0;}
body#recruit .point table th h5::before{content: " ― ";}
body#recruit .point table th{width:220px;font-family: "アプリ明朝" ,"ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "メイリオ" , Meiryo , serif ,cursive;}
body#recruit .point table td{padding-bottom:30px;}
body#recruit .point table td p{padding-bottom:10px;line-height: 180%;}
body#recruit .lovefujimi{max-width: 980px;margin:0 auto 200px;}
body#recruit .lovefujimi center{min-height:100px;background:url(//fujimi-group.co.jp/img/recruit/love-title.png) no-repeat 45% top / 600px auto;}
body#recruit .lovefujimi div{display: inline-block;text-align:center;}
body#recruit .lovefujimi blockquote{float:left;}
body#recruit .lovefujimi blockquote.bubble{margin:0 0 0 -60px;width:300px;background:url(//fujimi-group.co.jp/img/recruit/love-hukidashi.png) no-repeat top center / 300px auto;}
body#recruit .lovefujimi blockquote.bubble p{color: #008ac8;padding:12px 10px 40px;}
body#recruit #b-right .lovefujimi blockquote.person img{width:200px;float:none;border-radius:100%;margin-bottom:10px;}
body#recruit .lovefujimi h6{margin-top:10px;font-size:160%;}
body#recruit #voice {margin:-100px auto 60px;padding:100px 0 100px;}
body#recruit #voice h3,body#recruit #voice h4{text-align:center;}
body#recruit #voice h3,body#recruit #job-description h3{color: #008ac8;text-align: center;}
body#recruit #voice h4{margin-bottom:30px;line-height: 160%;}
body#recruit #voice .row{max-width: 1200px;}
body#recruit #voice .row,body#recruit #voice .row div{margin: 0 auto;padding: 0;}
body#recruit #voice blockquote{border:1px solid #008ac8;padding:10px 12px 20px;text-align:right;margin:-10px 20px 20px 18%;position: relative;right:0;}
body#recruit #voice blockquote p{font-size:90%;}
body#recruit #voice blockquote h6{margin-top:10px;font-size:160%;}
body#recruit #job-description{margin:-100px auto 50px;padding-top:100px;text-align: center;}
body#recruit #job-description h4{line-height:160%;text-align: center;}
body#recruit #job-description div{margin:10px auto;}
body#recruit #job-description div iframe{overflow: hidden;} body#recruit #job-description .contact{max-width:420px;border:2px solid #ccc;padding:10px 20px 20px;}
body#recruit #job-description .contact p{margin:10px auto;}
@media only screen and (max-width:1320px){
body#recruit #b-right .texts,body#recruit #b-right img {width:100%;float:none;}
}
@media only screen and (max-width:1024px){
body#recruit #voice blockquote{margin-left:5%;}
body#recruit .lovefujimi div {margin-left: 20%;}
}
@media only screen and (max-width:767px){
body#recruit section .texts,body#recruit section h4,body#recruit section h3{padding:0 5%;}
body#recruit #b-left p {font-size: 180%;color:#008ac8;font-weight:bold;}
body#recruit .box #b-left hr{    border-bottom: 2px solid #008ac8;}
body#recruit section#message{margin-top:0px;padding-top:280px;}
body#recruit .point table th,body#recruit .point table td{width: 100%;display: block;}
body#recruit .point table td p{margin-top:5px;margin-left:25px;}
body#recruit #b-right .mass h3 {  margin: 0 0 10px;padding:0;}
body#recruit #b-right .mass p {margin: 0px;line-height:180%;}
body#recruit .lovefujimi center {min-height: 50px;background: url(//fujimi-group.co.jp/img/recruit/love-title.png) no-repeat 50% top / 320px auto;}
body#recruit .lovefujimi div {display: flex;}
}
@media only screen and (max-width:520px){
body#recruit #b-right .lovefujimi blockquote.bubble {
margin: 30px 0 0 -40px;
width: 200px;
background: url(//fujimi-group.co.jp/img/recruit/love-hukidashi2.png) no-repeat top left / 200px auto;
}
body#recruit #b-right .lovefujimi blockquote.bubble p {padding:10px 20% 0 50px;text-align:left;}
}
@media only screen and (max-width:480px){
body#recruit .lovefujimi div {margin-left: 5%;}
body#recruit #b-right .lovefujimi blockquote.person p{font-size:85%;}
body#recruit #voice blockquote {font-size:90%;padding: 10px 5px 10px;margin: -10px 10px 20px 10px;}
body#recruit #job-description .contact{margin: 0 10px;}
}
@media only screen and (max-width:360px){
body#recruit #b-right .lovefujimi blockquote.person{width: 180px;}
body#recruit #b-right .lovefujimi blockquote.bubble p{    padding: 10px 0 0 50px;}
}
ul.boshu li {
width: 300px;
margin: 3vh auto;
font-size: 100%;
text-align: center;
text-decoration: none;
color: #333;
line-height: 160%;
}
ul.boshu li a {
background: url(//fujimi-group.co.jp/img/go-page.svg) no-repeat right 90% #008AC8;
background-size: 298px auto;
display: block;
padding: 15px 20px;
margin-bottom: 20px;
color: #fff;
border-radius: 5px;
border: 2px solid #008AC8;
}
.no_bullets{display:none!important;} section.rgb-74b3df{padding:60px 0;}
.flex{display: flex;max-width:1920px;margin:auto;width:100%;}
.box-left{
width: 14%;
float: left;
white-space: nowrap;
}
.box-left	p {
color: #74b3df;
font-size: 260%;
margin: 0 0 0 24px;
font-family: "アプリ明朝" ,"ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "メイリオ" , Meiryo , serif;
}
.box-right{
width: 86%;
float: right;
}
.box-right .texts {
width: 43%;
float: left;
}
.box-right img {
width: 55%;
float: right;
margin-top: 20px;
object-fit: cover;
height: 100%;
}
.first{margin-top:100px;}
#Greeting {margin-top:0px;padding-top:120px;}
#Greeting h3,#Profile h3{margin:10px 0;line-height:160%;}
#Greeting .box-right p{margin:20px 0 10px;line-height:220%;}
img.ceo-name{margin: 0;float: none;max-width:280px;}
#Profile table,body#accsess table{border:1px solid #898989;}
#Profile table th{width:34%;} #Sales .box-left p{margin-top: -15px;}
#Sales dt{padding:20px;margin-bottom:20px;}
dt#sougou{background:#74b3df;}
dt#nougyou{background:#8b8059;}
dt#ryokka{background:#62a352;}
dt#rental{background:#7b7db3;}
dt#kanren{background:#898989;}
#Sales dt h4{color:#fff;font-weight:normal;}
#Sales dd table th,#Sales dd table td{padding:12px 10px;}
#Sales dd table th{background:#eee;}
#Sales dd table td{border-bottom:1px solid #ccc;vertical-align:middle;}
#History ul li{margin:20px 0;line-height:160%;clear: both;}
#History ul li p{margin-right:20px;float:left;height: 50px;}
@media only screen and (max-width:1920px){#Sales dl {margin:0 2% 0 0;}}
@media only screen and (max-width:1440px){
.box-left{ width: 20%;}
.box-right{width: 80%;}
}
@media only screen and (max-width:1200px){
.flex {display: flow-root;display:-webkit-flow-root;}
.box-left,.box-right{width: 100%;display:block;float: none;}
.box-right h3{text-align:center;}
.box-left p{margin: 0 auto;text-align: center;border-bottom:2px solid #74b3df;max-width:160px;}
.box-right .texts,#History ul {width: 100%;padding:0 5%;}
.box-right img {width:100%;float:none;}
#Sales dl {margin:0 5%;}
#History ul li p{width:100%;display:block;font-weight:bold;height: auto;}
}
@supports (-ms-ime-align: auto) {.flex {display:inline-table;}}
body#accsess .box-right{width:100%;float:none;}
body#accsess .box-right img{width: 50%;object-fit: cover;height:100%;}
body#accsess .box-right .texts{width:50%;padding:0 2%;}
body#accsess .box-right .texts h3,body#accsess .box-right .texts h5,body#accsess .box-right .texts ul li{line-height:180%;margin:10px 0 20px;}
body#accsess .box-right .texts ul{margin-top:30px;}
@media only screen and (max-width:1200px){
body#accsess .box-right img{margin:0;width: 100%;}
body#accsess .box-right .texts{width:100%;padding:0 5%;}
}
@media only screen and (max-width:767px){
body#accsess .first{margin-top:120px;}
#Greeting {margin-top:60px;}
}
@media only screen and (max-width:480px){
img.ceo-name{max-width:180px;}
}
body#privacy section h2{margin:6vh 0;font-size:22px;line-height:160%;}
body#privacy section h4{margin:6vh 0 1.5vh;font-size:20px;line-height:160%;}
body#privacy section ol{list-style: auto;margin:10px 0 20px 40px;}
body#privacy section article{margin-top:6vh;}
@media only screen and (max-width:480px){
body#privacy #page-title .name h5 {
font-size: 180%;
letter-spacing: 0;
}
}