@charset "utf-8";
  html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,slider, caption, tbody, tfoot, thead, tr, th, td {
background: transparent;border: 0;margin: 0;padding: 0;vertical-align: baseline;}
body {line-height: 1;}
h1, h2, h3, h4, h5, h6 {clear: both;font-size: 15px;font-weight: normal;}
ol, ul {list-style: none;}
blockquote {quotes: none;}
blockquote:before, blockquote:after {content: '';content: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse;border-spacing: 0;}
a img {border: none;text-decoration: none;}
.clearfix:after,#header-box:after,#information-ul:after,.text-field-960:after,text-field-600:after,.label-box:after,#greeting-banner:after{
content:"";
clear:both;
display:block;
height:0;
} .alignleft {
float:left;
margin:0 30px 30px 0;
}
.alignright {
float:right;
margin:0 0 30px 30px;
}
.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
}
.text-em {
font-weight: bold;
color: #f4434b;	
}
.float-clear {
clear:both;
}
article h1,#business-ul li {
font-family: 'Source Sans Pro', sans-serif;
} a {
color: #5B7D15;
}
p {
margin: 10px 0;
font-size: 14px;
line-height:18px;
}
body{
color: #FFFFFF;
background: #8cc220 url(//pinefields.jp/wp-content/themes/pf/img/bg.png) repeat;
font-family: "メイリオ", "meiryo", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "MS P Gothic", "ＭＳ Ｐゴシック", "Osaka", sans-serif;
}
img {
max-width: 100%;
height: auto;
}
#wrapper {
margin:0 auto;
}
#header-box {
background: #8cc220;
width:960px;
margin:0 auto;
}
header {
float:left;
}
#main-menu {
margin: 0px auto;
float:right;
}
#main-menu li {
float: left;	
border-right: 1px solid #7AA81C;
margin-top: 40px;
text-align:center;
}
#main-menu li a{
color:#fff;
line-height: 20px;
padding: 0 25px 0;
display: block;
text-decoration: none;
font-size: 14px;
}
#main-menu li a:hover{
color: #557414;
}
#menu-contact {
border-right:none!important;
padding-right:0!important;
}
#menu-contact a {
padding-right:0!important;
}
.menu-desc {
font-size: 10px;
color: #557414;
}
.news-date {
text-align:right;
margin-bottom:100px;
}
#site-title a{
text-indent: -9999px;
display: block;
height: 120px;
width: 300px;
background: url(//pinefields.jp/wp-content/themes/pf/img/site-title.png) no-repeat left center / 250px 100px;
}
#site-description {
display:none;
}
#information {
background: url(//pinefields.jp/wp-content/themes/pf/img/info-bg.png) no-repeat center bottom;	
}
article {
margin:0;
padding:80px 0;
}
#business {
padding-top: 0;
border-bottom: 5px dotted #6c951a;	
}
#business .text-field-600:first-of-type {
margin-bottom: 50px;
}
article h1 {
text-shadow: 6px 6px #6C951A;
text-align: center;
font-size: 90px;
font-weight: bold;
}
.sub-title {
text-align: center;
margin: 20px 0px;
letter-spacing: 0.5em;
}
.business-title {
font-size: 28px;
font-weight: bold;
color: #FFF;	
}
article h3 {
padding: 50px 0 20px;
margin: 40px auto 30px;
text-align: center;
border-bottom: 3px solid #aadc43;
font-size: 30px;
line-height: 34px;
color: #666;
letter-spacing: 0.2em;
word-break: break-word;
}
.date-p {
text-align: right;
margin: -20px 0 40px;
}
.label-page {
background: url(//pinefields.jp/wp-content/themes/pf/img/bg-label.png)!important;
color:#FFF!important;
}
.label-page h1 {
color:#FFF!important;
text-shadow: 6px 6px #000!important;
}
.label-page h3 {
color: #CCC;
border-bottom: 1px solid #000;
}
.text-field-600,.text-field-960 {
margin: 30px auto;
width:600px;
}
.text-field-960 {
width:960px;
}
table {
width: 100%;
}
.table-simple,.table-wide {
font-size:12px;
border:solid 10px #fff;
}
.table-simple th,.table-wide th{
background:#8cc220;
color: #fff;
font-weight:bold;
text-align:center;
border:solid 1px #eee;
}
.table-simple th {
min-width:20%;
}
.table-wide th,.table-wide td {
padding: 5px;
}
.table-simple td {
background:#fff;
}
.table-simple tr:nth-child(even) td,.table-wide tr:nth-child(even) {
background:#fafafa;
}
.table-simple td,.table-simple th {
vertical-align: middle;
padding:10px 15px;
line-height:17px;
}
footer {
padding: 30px 0;
clear: both;
border-top: 10px dashed #6c951a;
}
footer p{
clear:both;
text-align:center;
}
#company-group,#company-history,#company-info {
width:470px;
float:left;
margin:0 0 50px;
}
#company-info {
margin-right:20px;
}
#company-title{
color: #fff;
text-align: center;
background: #8cc220;
margin: 40px 0 0;
padding: 15px!important;
font-size: 18px;
border: none;
}
#company-history,#company-history-title {
box-sizing: border-box;
width:100%;
}
#overview,#normal-page {
background: #FFF url(//pinefields.jp/wp-content/themes/pf/img/bg-paper.png);
color: #222;
}
#overview h1,#normal-page h1 {
color: #AADC43;
}
#greeting-img {
width:300px;
float:left;
margin-right:30px;
padding-top:14px;
}
#greeting-text {
overflow:hidden;
zoom:1;
}
#greeting-banner li a {
float:left;
text-align: center;
display: block;
margin: 20px 20px 0px 0px;
padding:10px 0;
width: 140px;
background: #348fad;
line-height:30px;
}
#greeting-banner li a#m-twitter {
background:#98e5fe;
}
#greeting-banner li a#m-blog {
background:#8cc220;
}
#greeting-banner li a#m-column {
background:#fa6887;
}
#greeting-banner li a#m-instagram {
background: linear-gradient(#400080, transparent) repeat scroll 0 0%, rgba(0, 0, 0, 0) linear-gradient(200deg, #d047d1, #ff0000, #ffff00) repeat scroll 0 0;
}
#greeting-banner a {
color:#fff!important;
font-weight:bold;
text-decoration:none;
}
#greeting-banner a:hover {
opacity:0.6;
}
#greeting-banner li:nth-child(2n) a{
margin-right:0;
}
#greeting-img p {
margin: 0;
}
#greeting-list {
margin: 10px 0;
}
#greeting-list li{
margin: 8px;
font-size: 15px;
text-indent: -5px;
}
#greeting-list li:before{
content: "\f0da";
font-family: "Fontawesome";
margin-right: 5px;
color: #8cc220;
}
#recruit-box { margin-top: -200px;
text-indent: -9999px;
position: absolute;
}
#information-ul li,.label-box ul a{
float:left;
width:18.4%;
margin:0 2% 0 0;
text-align:center;
}
#information-ul li p{
text-align:left;
}
#business-ul li{
float:left;
width:32%;
margin:0 2% 0 0;
}
#business-ul li:nth-child(3n){
margin-right:0;
}
#information-ul {
margin-top: 50px;
}
#information-ul a ,#business-ul a {
text-decoration:none;
color:#fff;
display:block;
}
#information-ul a:hover ,#business-ul a:hover{
color: #557414;
}
#information-ul img {
max-height: 118px;
width: auto;
}
#information-ul li {
word-break: break-all;
}
.img-bg { width: 100%;
}
.img-bg img {
vertical-align: bottom;
}
.title-jp {
margin: 0px 0px 10px;
padding: 0 0 10px 0;
border-bottom: 1px dashed #7AA71D;
}
#information-ul li:nth-child(5n),.label-box ul a:nth-of-type(5n) {
margin-right: 0;
}
.business-img-box{
margin:0 0 10px;
}
.img-box img:hover{
opacity:0.6;
}
.bg-white,.bg-white a {
color:#454545!important;
}
article h4 {
font-size:20px;margin:20px 0;padding:10px 0;border-bottom:#999 dotted 1px;
}
.label-box {
width:960px;
margin:0 auto;
}
.label-box li{
float: left;
width: 150px;
text-align: center;
line-height: 18px;
font-size: 12px;
padding: 15px;
margin: 0 15px 20px 0;
background: #000;
}
.label-box a{
text-decoration:none;
color:#CCC;
}
.label-box li:hover{
background: #333;
}
.labe-single-image img{
margin:0 auto 50px;;
display:block;
}
#backtotop {
display: none;
position: fixed;
bottom: 20px;
right: 50px;
z-index: 100;
font-size:30px;
}
#backtotop a:hover {
opacity:0.8;
} .wpcf7-form input,.wpcf7-form textarea {
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #D8D8D8;
box-shadow: 0 1px 1px 0 rgba(180, 180, 180, 0.1);
font-size: 12px;
width:100%;
padding:10px;
margin:10px 0;
}
.wpcf7-form input[type="submit"] {
width:100px;
}
.wpcf7-form input[type="submit"]:hover {
background:#aaa;
} #titleText { color: #333;	
}
#pagination {
text-align: center;
padding: 20px 0px;
color:#454545;
}
#pagination a,.page-numbers {
padding: 5px 10px;
border: 1px solid #fff;
text-decoration: none;
background: #8cc220;
}
.pagination {
bottom: 10px;
left: 0;
width: 100%;
height: 15px;
text-align: center;
position: absolute;
z-index: 200;
}
#pagination a {
color:#fff!important;
} iframe {
max-width: 100%;
}
#menu-home {
display: none;
}
@media screen and (min-width:960px) { .slider-container {width: 100%; height: 100%; overflow-x: hidden;}
.slide_all {width: 960px; margin: 0 auto; height: 500px; position: relative;}
.slide_wrap {width: 2880px; position: absolute; left: 50%; margin-left: -1440px;}
.slide_body {width: 100%;}
.slide {width: 960px;}
.slide img {width: 100%; vertical-align: bottom;}
.bx-controls-direction,.bx-pager {text-align: center;height: 25px;}
.bx-controls-direction a,.bx-pager-item {display: inline-block;}
.bx-pager-item a{display: block; height: 10px; width: 10px; text-indent: -9999px; background: #000; border-radius: 10px; margin:10px 2px 0 2px;}
.bx-pager-item a.active {opacity: 0.3;}
.bx-controls-direction a{text-decoration: none; color: #000; padding:0 5px;}
.bx-controls {position: absolute;bottom: 190px;z-index: 100;width: 960px;margin:0 0 0 960px} }
@media screen and (max-width:959px) {
#site-title a {
height: 60px;
}
#site-title a {
background: url(//pinefields.jp/wp-content/themes/pf/img/site-title.png) no-repeat left center / 125px 50px;
}
#btn{
width: 40px;
height: 40px;
position: absolute;
right :2%;
top: 15px;
}
#btn:before,
#btn:after,
#btn span{
display: block;
width: 80%;
position: absolute;
left: 0;
right: 0;
margin: auto;
-webkit-transition: .35s ease-in-out;
-moz-transition: .35s ease-in-out;
transition: .35s ease-in-out;
}
#btn span{
height: 3px;
background-color: #fff;
top: calc(50% - 1.5px);
}
#btn:before{
content: "";
top: calc(25% - 3px);
border-top: 3px solid #fff;
}
#btn:after{
content: "";
bottom: calc(25% - 3px);
border-bottom: 3px solid #fff;
}
#btn.on span{
display: none;
}
#btn.on:before{
top: calc(50% - 1.5px);
-webkit-transform: rotate(315deg);
-moz-transform: rotate(315deg);
transform: rotate(315deg);
}
#btn.on:after{
bottom: calc(50% - 1.5px);
-webkit-transform: rotate(-315deg);
-moz-transform: rotate(-315deg);
transform: rotate(-315deg);
}
#btn,#main-menu {
position: fixed;
}
#main-menu {
background: rgba(255,255,255,0.9);
left: 0;
top: 0;
z-index: 100000;
width: 100%;
}
#btn {
margin-top: -5px;
z-index: 100001;
transition: 0.4s;
background: #6c951a;
}
#menu-home {
display: block;
}
#main-menu{
float: none;
padding:60px 0 20px;
display: none;
}
#main-menu li {
width: 33.333%;
margin: 0 0;
padding: 5px 0;
text-align: center;
box-sizing: border-box;
}
#main-menu li a{
color: #6c951a;
font-size: 12px;
padding: 0;
}
#main-menu li:first-child {
padding-left: 5px;
}
#main-menu li:nth-child(3n){
margin-right: 0;
}
#menu-overview {
border-right: none!important;
}
.btn-white {
background-color: rgba(255,255,255,0.9);
box-shadow: 2px 2px 2px rgba(0,0,0,0.3);
}
.label-box,.text-field-960,#header-box,.text-field-600, .text-field-960 {
width: 96%;
margin: 0 2%;
padding: 0;
box-sizing: border-box;
}
#backtotop {
right: 2%;
bottom: 2%;
}
article h1 {
font-size: 50px;
}
#information-ul li,.label-box ul a{
width: 32%;
margin-right: 2%;
}
.label-box li {
width: 80%;
text-align: center;
}
#information-ul li p{
font-size: 12px;
}
#information-ul li:nth-child(5n),.label-box ul a:nth-of-type(5n){
margin-right: 2%;
}
#information-ul li:nth-child(3n){
margin-right: 0;
}
#information-ul li:nth-child(5n+1),.label-box ul a:nth-of-type(5n+1) {
clear: none;
}
#information-ul li:nth-child(3n+1),.label-box ul a:nth-of-type(3n+1) {
clear: none;;
}
.wpcf7-form input, .wpcf7-form textarea {
max-width: 90%;
}
}
@media screen and (max-width:639px) {
.pc {
display: none;
}
.wide-table-box {
overflow-x: scroll;
}
.wide-table-box th,.wide-table-box td {
min-width: 60px;
white-space: nowrap;
}
.wide-table-box::-webkit-scrollbar{ width: 5px;
height: 5px;
background: #bbb;
}
.wide-table-box::-webkit-scrollbar:horizontal{ width: 5px;
background: #bbb;
}
.wide-table-box::-webkit-scrollbar-thumb{ background: #555;
border-radius: 2px;
}
.wide-table-box::-webkit-scrollbar-thumb:horizontal{ background: #555;
border-radius: 2px;
}
.wide-table-box::-webkit-scrollbar-track-piece:start{ background: #bbb;
}
.wide-table-box::-webkit-scrollbar-track-piece:end{ background: #bbb;
}
.wide-table-box::-webkit-scrollbar-corner{ background: transparent;
}
#greeting-img{
float: none;
margin: 0 0 20px 0;
width: auto;
}
#greeting-img p {
text-align: center;
}
#greeting-text {
overflow: visible;
}
#greeting-banner {
margin: 20px 0 ;
}
#greeting-banner li a{
width: 23.5%;
margin: 0 0 2% 0;
margin-right: 2%;
}
#greeting-banner li:nth-child(2n) a{
margin-right: 2%;
}
#greeting-banner li:nth-child(4n) a{
margin-right: 0;
}
#greeting-list {
margin: 20px 0;
}
#greeting-list li {
font-size: 12px;
}
article h1 {
font-size: 40px;
text-shadow: 4px 4px #6c951a;
}
p {
font-size: 12px;
line-height: 16px;
}
#business-ul li,#information-ul li,.label-box ul a{
width: 48%;
margin:0 4% 10px 0;
}
#business-ul li:nth-child(3n),#information-ul li:nth-child(3n),.label-box ul a:nth-of-type(5n){
margin-right: 4%;
}
#business-ul li:nth-child(2n),#information-ul li:nth-child(2n),.label-box ul a:nth-of-type(2n){
margin-right: 0;
}
#information-ul li:nth-child(5n+1),.label-box ul a:nth-of-type(5n+1) {
clear: none;
}
#information-ul li:nth-child(2n+1) {
clear: both;;
}
#business-ul li img {
width:100%;
}
.business-title {
font-size: 20px;
line-height: 20px;
}
#business-ul p {
margin: 5px 0!important;
}
.title-jp {
margin: 5px 0;
padding: 0 0 5px;
}
article {
padding: 40px 0;
}
.text-field-600, .text-field-960 {
margin: 40px auto;
}
.table-simple td, .table-simple th {
display: block;
}
}
@media screen and (max-width:480px) {
#greeting-banner li a {
font-size: 12px;
}
}