@charset "utf-8";
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
/**
* 1. Set default font family to sans-serif.
* 2. Prevent iOS and IE text size adjust after device orientation change,
* without disabling user zoom.
*/
html {
font-family: sans-serif; /* 1 */
-ms-text-size-adjust: 100%; /* 2 */
-webkit-text-size-adjust: 100%; /* 2 */
}
/**
* Remove default margin.
*/
body {
margin: 0;
}
/* HTML5 display definitions
========================================================================== */
/**
* Correct `block` display not defined for any HTML5 element in IE 8/9.
* Correct `block` display not defined for `details` or `summary` in IE 10/11
* and Firefox.
* Correct `block` display not defined for `main` in IE 11.
*/
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
display: block;
}
/**
* 1. Correct `inline-block` display not defined in IE 8/9.
* 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
*/
audio, canvas, progress, video {
display: inline-block; /* 1 */
vertical-align: baseline; /* 2 */
}
/**
* Prevent modern browsers from displaying `audio` without controls.
* Remove excess height in iOS 5 devices.
*/
audio:not([controls]) {
display: none;
height: 0;
}
/**
* Address `[hidden]` styling not present in IE 8/9/10.
* Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
*/
[hidden], template {
display: none;
}
/* Links
========================================================================== */
/**
* Remove the gray background color from active links in IE 10.
*/
a {
background-color: transparent;
}
/**
* Improve readability of focused elements when they are also in an
* active/hover state.
*/
a:active, a:hover {
outline: 0;
}
/* Text-level semantics
========================================================================== */
/**
* Address styling not present in IE 8/9/10/11, Safari, and Chrome.
*/
abbr[title] {
border-bottom: 1px dotted;
}
/**
* Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
*/
b, strong {
font-weight: bold;
}
/**
* Address styling not present in Safari and Chrome.
*/
dfn {
font-style: italic;
}
/**
* Address variable `h1` font-size and margin within `section` and `article`
* contexts in Firefox 4+, Safari, and Chrome.
*/
/**
* Address styling not present in IE 8/9.
*/
mark {
background: #ff0;
color: #000;
}
/**
* Address inconsistent and variable font size in all browsers.
*/
small {
font-size: 80%;
}
/**
* Prevent `sub` and `sup` affecting `line-height` in all browsers.
*/
sub, sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
/* Embedded content
========================================================================== */
/**
* Remove border when inside `a` element in IE 8/9/10.
*/
img {
border: 0;
}
/**
* Correct overflow not hidden in IE 9/10/11.
*/
svg:not(:root) {
overflow: hidden;
}
/* Grouping content ========================================================================== */
/**
* Address margin not present in IE 8/9 and Safari.
*/
figure {
margin: 1em 40px;
}
/**
* Address differences between Firefox and other browsers.
*/
hr {
box-sizing: content-box;
height: 0;
}
/**
* Contain overflow in all browsers.
*/
pre {
overflow: auto;
}
/**
* Address odd `em`-unit font size rendering in all browsers.
*/
code, kbd, pre, samp {
font-family: monospace, monospace;
font-size: 1em;
}
/* Forms
========================================================================== */
/**
* Known limitation: by default, Chrome and Safari on OS X allow very limited
* styling of `select`, unless a `border` property is set.
*/
/**
* 1. Correct color not being inherited.
* Known issue: affects color of disabled elements.
* 2. Correct font properties not being inherited.
* 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
*/
button, input, optgroup, select, textarea {
color: inherit; /* 1 */
font: inherit; /* 2 */
margin: 0; /* 3 */
}
/**
* Address `overflow` set to `hidden` in IE 8/9/10/11.
*/
button {
overflow: visible;
}
/**
* Address inconsistent `text-transform` inheritance for `button` and `select`.
* All other form control elements do not inherit `text-transform` values.
* Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
* Correct `select` style inheritance in Firefox.
*/
button, select {
text-transform: none;
}
/**
* 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
* and `video` controls.
* 2. Correct inability to style clickable `input` types in iOS.
* 3. Improve usability and consistency of cursor style between image-type
* `input` and others.
*/
button, html input[type="button"], /* 1 */
input[type="reset"], input[type="submit"] {
-webkit-appearance: button; /* 2 */
cursor: pointer; /* 3 */
}
/**
* Re-set default cursor for disabled elements.
*/
button[disabled], html input[disabled] {
cursor: default;
}
/**
* Remove inner padding and border in Firefox 4+.
*/
button::-moz-focus-inner, input::-moz-focus-inner {
border: 0;
padding: 0;
}
/**
* Address Firefox 4+ setting `line-height` on `input` using `!important` in
* the UA stylesheet.
*/
input {
line-height: normal;
}
/**
* It's recommended that you don't attempt to style these elements.
* Firefox's implementation doesn't respect box-sizing, padding, or width.
*
* 1. Address box sizing set to `content-box` in IE 8/9/10.
* 2. Remove excess padding in IE 8/9/10.
*/
input[type="checkbox"], input[type="radio"] {
box-sizing: border-box; /* 1 */
padding: 0; /* 2 */
}
/**
* Fix the cursor style for Chrome's increment/decrement buttons. For certain
* `font-size` values of the `input`, it causes the cursor style of the
* decrement button to change from `default` to `text`.
*/
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
height: auto;
}
/**
* 1. Address `appearance` set to `searchfield` in Safari and Chrome.
* 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
*/
input[type="search"] {
-webkit-appearance: textfield; /* 1 */
box-sizing: content-box; /* 2 */
}
/**
* Remove inner padding and search cancel button in Safari and Chrome on OS X.
* Safari (but not Chrome) clips the cancel button when the search input has
* padding (and `textfield` appearance).
*/
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
/**
* Define consistent border, margin, and padding.
*/
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
/**
* 1. Correct `color` not being inherited in IE 8/9/10/11.
* 2. Remove padding so people aren't caught out if they zero out fieldsets.
*/
legend {
border: 0; /* 1 */
padding: 0; /* 2 */
}
/**
* Remove default vertical scrollbar in IE 8/9/10/11.
*/
textarea {
overflow: auto;
}
/**
* Don't inherit the `font-weight` (applied by a rule above).
* NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
*/
optgroup {
font-weight: bold;
}
/* Tables
========================================================================== */
/**
* Remove most spacing between table cells.
*/
table {
border-collapse: collapse;
border-spacing: 0;
}
td, th {
padding: 0;
}
/*reset
*****************************************/
html {
color: #000;
background: #fff;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td {
margin: 0;
padding: 0;
font-family: "Helvetica Neue",
Arial,
"Hiragino Kaku Gothic ProN",
"Hiragino Sans",
Meiryo,
sans-serif;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
fieldset, img {
border: 0;
}
address, caption, cite, code, dfn, th, var {
font-style: normal;
font-weight: normal;
}
ol, ul {
list-style: none;
}
caption, th {
text-align: left;
}
h2, h3, h4, h5, h6 {
font-size: 100%;
font-weight: normal;
}
q:before, q:after {
content: '';
}
abbr, acronym {
border: 0;
font-variant: normal;
}
sup {
vertical-align: text-top;
}
sub {
vertical-align: text-bottom;
}
input, textarea, select {
font-family: inherit;
font-size: inherit;
font-weight: inherit;color: #d5d5d5;
}
input, textarea, select {
*font-size: 100%;
}
legend {
color: #000;
}
img {
vertical-align: top;
font-size: 0;
line-height: 0;
}
img {
vertical-align: middle;
}
a img {
border: none;
outline: none;
}
figure {
margin: 0;
}
table {
border: none;
border-collapse: collapse;
border-spacing: 0;
}
input, textarea {
text-align: left;
vertical-align: top;
}
button {
border: none;
}
button, label {
background-color: transparent;
cursor: pointer;
}
button[disabled], input[disabled] {
cursor: default;
}
input[type="checkbox"], input[type="radio"] {
vertical-align: middle;
}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
input[type="number"] {
-moz-appearance: textfield;
}
button::-moz-focus-inner, input::-moz-focus-inner {
padding: 0;
border: 0;
}
:focus {
outline: none;
}
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
}
/*Clearfix
*****************************************/
.clearfix:after{
content: ".";
display: block;
height: 0;
font-size:0;
clear: both;
visibility:hidden;
}
.clearfix{
display: inline-block;
}
/* Hides from IE Mac */
* html .clearfix{
height: 1%;
}
.clearfix{
display:block;
}
/* End Hack */
/*Base
*****************************************/
html {
font-size: 62.5%;
overflow-y: scroll;
}
body {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
}
a {
text-decoration: none;
color:#000 /*!important*/;
display: block;
}
a:hover {
text-decoration: underline;
display: block; text-decoration: none; opacity: 0.6;
-webkit-transition: opacity .6s cubic-bezier(.52, .08, .18, 1);
transition: opacity .6s cubic-bezier(.52, .08, .18, 1);}
}
/*Cmommon-font
*****************************************/
h1{
font-size: 82% !important;
font-weight: normal;
color: #363636;
margin-left: 1%;
}
h2{
font-size: 46px;
font-weight: bold;
color: #000;
font-family: "繝｡繧､繝ｪ繧ｪ" !important;
letter-spacing: 0.0rem !important;
}
h3{
font-size: 30px;
font-weight: bold;
color: #361200;
font-family: "Lora" !important;
border-bottom: 3px solid #000;
margin-bottom: 3%;
margin-top: 4%;
}
h4{
font-size: 82% !important;
font-weight: normal;
color: #363636;
margin-left: 1%;
}
h5{
border-left: 8px solid #df000e;
padding: 4px 0 5px 15px;
font-size: 156%;
font-weight: bold;
margin-bottom: 3%;
}
h6{
縲縲position: relative;
padding: 0.6em;
background: #e60012;
font-size: 2.5rem;
text-align: center;
font-weight: bold;
color: #fff;
}
h6:after {
position: absolute;
content: '';
top: 56%;
left: 48%;
border: 15px solid transparent;
border-top: 15px solid #e60012;
width: 0;
height: 0;
}
h7{
width: 100%;
background: url(img/logistics/sub_ttl01.jpg) no-repeat left top;
background-size: 100%;
clear: both;
padding: 0.4em 0.6em 0.3em 1.5em;
font-size: 3.0rem;
font-weight: bold;
color: #fff;
display: inline-block;
margin-bottom: 3%;
}
h8{
position: relative;
padding: 0.7em 1.1em;
border-top: solid 4px #c1000e;
border-bottom: solid 4px #c1000e;
font-size: 2.0rem;
font-weight: bold;
text-align: center;
display: block;
}
h8:before, h8:after {
content: '';
position: absolute;
top: -10px;
width: 4px;
height: -webkit-calc(100% + 14px);
height: calc(100% + 23px);
background-color: #c1000e;
}
h8:before {
left: 17px;
}
h8:after {
right: 17px;
}
h9{
position: relative;
padding-left: 25px;
border-bottom: dashed 1px #7d7d7d;
padding-bottom: 1%;
margin-bottom: 2%;
clear: both;
display: block;
font-size: 2.0rem;
}
h9:before {
content: "";
position: absolute;
top: .8rem;
left: 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
width: 12px;
height: 12px;
border-top: 4px solid #c1000e;
border-right: 4px solid #c1000e;
}
h9:after {
content: "";
position: absolute;
top: 1.4rem;
left: 1px;
width: 14px;
height: 4px;
background-color: #c1000e;
}
h10{display:block;}
h11{display:block;}
/*Font 險ｭ螳�
*****************************************/
.font5 { font-size: 54% !important; }
.font8 { font-size: 61.5% !important; }
.font9 { font-size: 69% !important; }
.font10 { font-size: 77% !important; }
.font11 { font-size: 85% !important; }
.font12 { font-size: 93% !important; }
.font13 { font-size: 100% !important; }
.font14 { font-size: 108% !important; }
.font15 { font-size: 116% !important; }
.font16 { font-size: 123.1% !important; }
.font17 { font-size: 131% !important; }
.font18 { font-size: 138.5% !important; }
.font19 { font-size: 146.5% !important; }
.font20 { font-size: 153.9% !important; }
.font21 { font-size: 161.6% !important; }
.font22 { font-size: 167% !important; }
.font23 { font-size: 174% !important; }
.font24 { font-size: 182% !important; }
.font25 { font-size: 189% !important; }
.font26 { font-size: 197% !important; }
.font27 { font-size: 206% !important; }
.font30 { font-size: 230% !important; }
.font35 { font-size: 269% !important; }
.font40 { font-size: 307% !important; }
.fontb { font-weight: bold !important; }
.fontl { font-weight: 300 !important; }
/*Margin Top
*****************************************/
.mt0 { margin-top: 0px !important; }
.mt01 { margin-top: 1% !important; }
.mt03 { margin-top: 3% !important; }
.mt035 { margin-top: -3.5%; !important; }
.mt05 { margin-top: 5px !important; }
.mt06 { margin-top:6% !important; }
.mt08 { margin-top:8% !important; }
.mt10 { margin-top: 10px !important; }
.mt10_p { margin-top: 10% !important; }
.mt12 { margin-top: 12px !important; }
.mt13 {margin-top: 13%; !important; }
.mt14 {margin-top: 14%; !important; }
.mt15 { margin-top: 15px !important; }
.mt20 { margin-top: 20px !important; }
.mt25 { margin-top: 25px !important; }
.mt30 { margin-top: 30px !important; }
.mt32 { margin-top: 32% !important; }
.mt33 { margin-top: 33% !important; }
.mt29 { margin-top: 29% !important; }
.mt40 { margin-top: 40px !important; }
.mt50 { margin-top: 50px !important; }
.mt60 { margin-top: 60px !important; }
.mt70 { margin-top: 70px !important; }
.mt80 { margin-top: 80px !important; }
.mt90 { margin-top: 90px !important; }
.mt100 { margin-top: 100px !important; }
.mt300 { margin-top: 300px !important; }
.mt1 { margin-top:-1% !important; }
.mt03 { margin-top:3% !important; }
.mt_09 { margin-top:-9% !important; }
.mt_15 { margin-top:-15% !important; }
.font-styleplus{font-family:"Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;}
/*Margin bottom
*****************************************/
.mb0 { margin-bottom: 0px !important; }
.mb05 { margin-bottom: 5px !important; }
.mb05_p { margin-bottom: 5% !important; }
.mb10 { margin-bottom: 10px !important; }
.mb12 { margin-bottom: 12% !important; }
.mb08 { margin-bottom: 8% !important; }
.mb15 { margin-bottom: 15px !important; }
.mb18 { margin-bottom: 18% !important; }
.mb17 { margin-bottom: 17% !important; }
.mb20 { margin-bottom: 20px !important; }
.mb25 { margin-bottom: 25px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb35 { margin-bottom: 35px !important; }
.mb40 { margin-bottom: 40px !important; }
.mb45 { margin-bottom: 45px !important; }
.mb50 { margin-bottom: 50px !important; }
.mb60 { margin-bottom: 60px !important; }
.mb70 { margin-bottom: 70px !important; }
.mb06 { margin-bottom: 6% !important; }
.mb80 { margin-bottom: 80px !important; }
.mb100 { margin-bottom: 100px !important; }
.mb120 { margin-bottom: 120px !important; }
.mb125 { margin-bottom: 125px !important;}
/*Margin right
*****************************************/
.mr00 { margin-right: 0px !important; }
.mr01 { margin-right: 1px !important; }
.mr04 { margin-right: 4% !important; }
.mr05 { margin-right: 5px !important; }
.mr09 { margin-right: 10% !important; }
.mr10 { margin-right: 10px !important; }
.mr15_p {margin-right: 15%; !important; }
.mr15 { margin-right: 15px !important; }
.mr20 { margin-right: 20px !important; }
.mr25 { margin-right: 25px !important; }
.mr30 { margin-right: 30px !important; }
.mr31 { margin-right: 31% !important; }
.mr35 { margin-right: 35px !important; }
.mr40 { margin-right: 40px !important; }
.mr75 { margin-right: 75px !important; }
/*Margin left
*****************************************/
.ml0 { margin-left: 0px !important; }
.ml01 { margin-left: 1% !important; }
.ml03 { margin-left: 3% !important; }
.ml04 { margin-left: -4% !important; }
.ml05 { margin-left: 5px !important; }
.ml07 { margin-left: 7% !important; }
.ml10 { margin-left: 10px !important; }
.ml11{ margin-left: 11% !important; }
.ml12{ margin-left: 12% !important; }
.ml13{ margin-left: -13% !important; }
.ml18{margin-left: -18% !important;}
.ml15 { margin-left: 15px !important; }
.ml20 { margin-left: 20px !important; }
.ml23 { margin-left: 23px !important; }
.ml25 { margin-left: 25px !important; }
.ml30 { margin-left: 30px !important; }
.ml35 { margin-left: 35px !important; }
.ml40 { margin-left: 40px !important; }
.ml75 { margin-left: 75px !important; }
.ml304 { margin-left: 304px !important; }
.m_auto {margin-left: auto !important;margin-right: auto !important;}
/*Padding
*****************************************/
.pa00 { padding:0px !important; }
.pt01 { padding:1% !important; }
.pt02 { padding-top:2% !important; }
.pb02 { padding-bottom:2% !important; }
.pr15 { padding-right: 15px; }
.pr04 { padding-right: 4%; }
.pr34 { padding-right: 34px !important; }
.pr20 { padding-right: 20px !important; }
.pl20 { padding-left: 20px !important; }
.pl34 { padding-left: 34px !important; }
.pb04 { padding-bottom:4% !important; }
.pb17 { padding-bottom: 17px !important; }
.pt30 { padding-top: 30px !important; }
.pt70 { padding-top: 70px !important; }
.pt05 { padding-top: 5px !important; }
.pb12 { padding-bottom:7.2% !important; }
.pa15 { padding: 15px !important; }
.prl20{ padding:20px 0 !important; }
.pl03{ padding-left: 3% !important;}
.pl36{ padding-left: 36% !important;}
.pl07{ padding-left: 7% !important;}
.pr02{ padding-right: 2% !important;}
/*Width
*****************************************/
.w05per { width: 5% }
.w10per { width: 10% }
.w13per { width: 13% }
.w15per { width: 15% }
.w16per { width: 16.6666% }
.w17per { width: 17% }
.w20per { width: 20% }
.w25per { width: 25% }
.w30per { width: 30% !important; }
.w33per { width: 33.3333333333333% }
.w34per { width: 34% }
.w35per { width: 35% !important;}
.w36per { width: 36% }
.w40per { width: 40% }
.w45per { width: 45% }
.w48per { width: 48% }
.w50per { width: 50% }
.w57per { width: 57% }
.w55per { width: 55% }
.w60per { width: 60% !important; }
.w64per { width: 64% }
.w65per { width: 65% }
.w70per { width: 70% }
.w75per { width: 75% }
.w80per { width: 80% }
.w85per { width: 85% }
.w90per { width: 90% !important; }
.w93per { width: 93% !important; }
.w99per { width: 99% !important; }
.w95per { width: 95% }
.w100per { width: 100% }
.w103per { width: 103% }
.fb{color:#000 !important;}
.bg_gray01{background: #dbd8d8; !important;}
.bg_darkred01{background: #edbcbf; !important;}
.bg_darkred02{background: #dbc3c5; !important;}
.letter01{ letter-spacing: -0.07rem;}
/*Config
*****************************************/
body {
font-family: "Inter var", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif;
color: #000;
background: #fff;
font-size: 1.6rem;
line-height: 1.7;
word-wrap: break-word;
overflow-wrap: break-word;
}
.t-left {
text-align: left !important;
}
.t-center {
text-align: center !important;
}
.t-right {
text-align: right !important;
}
@media screen and (max-width: 750px) {
img {
width: 100%;
}
}
/*wrapper
*****************************************/
.page-wrapper {
width: 100%;
overflow: hidden;
}
/*header
----------------------------------------*/
header#header{ position:fixed;z-index: 21;}
header#header.scroll-nav {
box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1); color:#FFF;
}
header.scroll-nav {
background: rgba(76,76,76,0.8) !important;
box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);
color: #FFF !important;
}
header#header.scroll-nav a{
color:#FFF !important;
}
.site-header {
background: rgba(255,255,255,0.5);
display: flex;
padding: 0px;
position: fixed;
justify-content: space-between;
transition: .5s;
width: 100%;
z-index: 205;
}
.site-header.transform {
background: rgba(214,214,214,0.8);
padding: 10px;
color:#fff;
}
.global_navi {
position:absolute;
z-index:205;
}
.global_navi__row {
-moz-align-items:stretch;
-ms-align-items:stretch;
align-items:stretch;
-moz-justify-content:space-between;
-ms-justify-content:space-between;
justify-content:space-between;
margin: 0 3% 0 auto;
justify-content: flex-end;
position: relative;
text-align: right;
display: flex;
width: 100%;
padding-right: 0%;
}
header {
top: 0;
width: 100%;
margin: 0 auto;
z-index: 9999;
background: #FFF;
}
.page-header {
width: 100%;
min-width: 1200px;
padding:0px 0 28px;
margin: 0 0 0px;
position: relative;
left: 0;
top: 0;
z-index: 10;
text-align: center;
}
.page-header .page-header-logo {
margin:30px 0;
float:left;
}
.page-header-logo img {
}
.page-header .page-header-copy img {
}
.page-header_bg {
width: 1200px;
margin: 0 auto;
}
.hero {
max-height: 934px;
}
/*Navi
*****************************************/
.global_navi__nav {
縲縲display: flex;
z-index: 199;
font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
}
.global_navi__gmenu {
margin-left: 20px;
font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
display:flex;
color: #040000;
}
.global_navi__gmenu > a {
text-decoration: none;position: relative;
display: block;
min-width: 98px;
padding: 3.65rem 1.5rem;
font-size: 18px;
color: #040000;
font-weight: 600;
transition: all .2s ease-in-out;
text-align: center;
line-height: 1.7;
}
.global_navi__gmenu>a:focus,
.global_navi__gmenu>a:hover {
text-decoration:none;
color:#e60012;
}
.top-main-visual-in a{
background: none;
width: 235px;
height: 113px;
position: absolute;
z-index: 33;
border: none;
}
.top-main-visual-in::before {
content: url();
left: 0%;
border-bottom: 34em solid transparent;
border-left: 36em solid #000;
position: absolute;
z-index: 2;
top: -32%;
}
.top-main-visual-in::after {
content: url();
left: 0%;
border-bottom: 33em solid transparent;
border-left: 36em solid #000;
z-index: 32;
top: -9%;
position: fixed;
}
.top-main-visual-in a img{width: 12%;
max-width: 100%;
height: auto;
z-index: 13;
position: fixed;
margin-top: 4%;
float: left;
margin-left: 4%;
}
.top-main-visual-in a:hover img{opacity: 1.0; }
.top-main-visual-in img {
width: 88%;
}
.top-main-visual{display: block; position: relative;}
/*Slidedr
*****************************************/
.slider{
margin: 100px auto;
width: 80%;
}
.slider img{
max-width: 100%;
max-height: 100%;
height: 100vh;
width: auto\9; /* ie8 */
margin: 0 auto;
}
/*slick setting*/
.slick-prev:before,
.slick-next:before {
color: #000;
}
.slick-next{
visibility: hidden;
right: 25px !important;
}
/*teaser
*****************************************/
#teaser-main{
}
.slick-box img{width: 100%;
height: auto;
}
/*contents
*****************************************/
#page-contents {
padding: 0 0 25px;
letter-spacing: 1px;
}
.page-fit-contents {
max-width: 1200px;
margin: 13px auto 0 auto;
}
/*Link btn(繝ｪ繝ｳ繧ｯ繝懊ち繝ｳ蜈ｱ騾�)
*****************************************/
.button-wrap{
text-align: center;
clear: both;
margin: 2% 0 8% 0;
}
/*Contents01(繧上◆縺励◆縺｡縺ｫ縺､縺�※)
*****************************************/
#contents01_bg{
width: 100%;
background: url(img/index/contents_bg_01.png) no-repeat left top;
background-size: 100%;
clear: both;
display: block;
padding: 5px 0;
position: relative;
background-position: 117% 0px;
clear: both;
margin-top: 13%;
}
#contents01{
width: 1200px;
margin: 65px auto 65px auto;
}
.sub_smallfont{
color: #000;
font-size: 18px;
width: 16%;
margin: 1% auto 0 auto;
}
.contblock > *:last-child {
margin-bottom: 0 !important;
}
.contents01_subject{
position: absolute;
top: 16%;
right: 6%;
}
.contents01_exp{
z-index: 45;
position: relative;
font-size:18px;
}
/* 2繧ｫ繝ｩ繝� */
.col2_block > * {
float: left;
*display: inline;
*zoom: 1;
position: relative;
z-index: 1;
font-family: sans-serif;
}
/* 3繧ｫ繝ｩ繝� */
.col3_block > * {
float: left;
*display: inline;
*zoom: 1;
position: relative;
z-index: 1;
font-family: sans-serif;
}
/* 4繧ｫ繝ｩ繝� */
.col4_block > * {
float: left;
*display: inline;
*zoom: 1;
position: relative;
z-index: 1;
font-family: sans-serif;
}
.col_about_number {
font-family: Lora;
width: 7% !important;
color: #9b000c;
font-size: 50.14px;
transform: skewX(-23deg);
}
.col_about {
width: 65% !important;
transform : skewX(-19deg);
font-size: 42px;
margin-top: -3%;
font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
}
.gray_box{
background: #eaeaea;
padding: 1%;
font-size: 16px;
margin-top: 1.25%;
margin-left: -0.8%;
}
/*TOP_Contents02(迚ｩ豬∵･ｭ蜍�)
*****************************************/
#contents02_bg{
width: 100%;
background:url(img/index/contents_bg_02.png) no-repeat;
background-size: cover;
clear: both;
display: block;
padding: 5px 0 10% 0;
position: relative;
}
.diamonds_box{
margin: 0 auto;
width: 100%;
text-align: center;
}
/*TOP_Contents03(H.T.P service縲繝｡繝九Η繝ｼ繧ｵ繝ｼ繝薙せ)
*****************************************/
#contents03{
width: 1200px;
clear: both;
display: block;
padding: 5px 0;
margin: 65px auto 0 auto;
}
/*Contents04(FAQ)
*****************************************/
#contents04_bg{
width: 100%;
background:url(img/index/contents_bg_04.jpg) no-repeat 80% center;
background-size: 109%;
clear: both;
display: block;
padding: 0;
position: relative;
}
.black_bg_box{
background: rgba(51,46,46,0.9);
width: 52%;
}
#contents04{
width: 60%;
clear: both;
display: block;
padding: 0;
margin: 0 auto 0 35%;
}
.col_faq {
padding: 10% 0 0 0;
font-size: 22px;
font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
color: #FFF;
font-weight: 500;
margin-left: 37%;
margin-right: 7%;
}
/*Contents05(莉｣陦ｨ謖ｨ諡ｶ)
*****************************************/
#contents05_bg{
width: 100%;
background:url(img/index/contents_bg_05.jpg) no-repeat ;
background-size: 100%;
clear: both;
display: block;
padding: 0;
position: relative;
background-position: left bottom;
}
#contents05{
margin: 0px auto 65px auto;
padding-top: 160px;
}
.col_message {
padding: 0;
font-size: 22px;
font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
color: #FFF;
font-weight: lighter;
float: right;
width: 47%;
}
.table_box_menu{
border-collapse: collapse;
margin: 7% 0 0 0;
padding: 0;
width: 69%;
border: solid 1px #eee;
font-size: 16px;
font-weight: 500;
background-color:#fffdfd;
}
.table_box_menu tr {
text-align: center;
padding: 20px 0;
background-color: #acacac;
color: #000;
}
.table_box_menu td{
width: 16%;
text-align: center;
vertical-align: top;
}
.table_box_menu th {
padding: 10px 0;
background-color: #fffdfd;
color: #000;
font-weight: 500;
}
.table_box_menu th,
.table_box_menu td {
padding: 20px 10px;
border-bottom: 1px solid #eee;
}
.table_box_menu tr th:hover{
background-color: #e6e6e6;
}
/*TOP_Contents06(縺雁撫縺�粋繧上○)
*****************************************/
#contents06{
margin: 65px auto 65px auto;
clear: both;
}
.col01 {
padding: 7% 0 0 17%;
font-size: 22px;
font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
font-weight:600;
width: 100%;
background:url(img/index/contents_bg_06.jpg) no-repeat ;
background-size:cover;
display:inline-block;
width:50%
}
.col02 {
padding: 7% 0 0 5%;
font-size: 18px;
font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
font-weight: lighter;
width: 100%;
background:url(img/index/contents_bg_06_rihgt.png) no-repeat ;
background-size:cover;
display:inline-block;
width:50%;
margin-top: 7%;
padding-bottom: 9%;
}
.contact_tel{
background:url(img/index/contents_bg_06_rihgt_box.png) no-repeat ;
font-family: Lora;padding-left: 2%;
padding-bottom: 1%;
}
/*dl*/
#new dl {padding: 6% 20px 40px;font-size: 18px;}
/*dt*/
#new dt {float: left;width: 100%;letter-spacing: 0.1em;font-size: 14px;padding-bottom: 1%;padding-left: 2%;color: #000;}
/*dd*/
#new dd {padding: 1% 0 0 1%;}
/*繧｢繧､繧ｳ繝ｳ�亥�騾夲ｼ�*/
#new span,
ul.ver span.temp, ul.ver span.program {
display: inline-block;
text-align: center;
background: #e40115;
color: #fff;
font-size: 10px;
width: 46px;
position: absolute;
top: 44%;
left: 33%;
}
#new span:first-child,
ul.ver span.temp, ul.ver span.program {
margin: 0 10px;
}
#new span.half {width: 50px;}
/*繧｢繧､繧ｳ繝ｳ��template��*/
#new span.temp,
ul.ver span.temp {
background: #e60014;
}
.reception_text{
font-size: 77% !important;
padding:5% 0 0% 20%;
display: block;
}
.head_office{
color: #9b000c;
font-weight: bold;
font-size: 43px;
text-align: right;
margin-left: 8%;
}
.fukuoka_office{
color: #9b000c;
font-weight: bold;
font-size: 43px;
margin-left: 1%;
}
.tume {
display: block;
margin-top: -3%;
}
.br-sp{display: none;
}
/*TOP_Contents07(繝ｪ繧ｯ繝ｫ繝ｼ繝�)
*****************************************/
#contents07_bg{
width: 100%;
background: url(img/index/contents_bg_07.jpg) no-repeat 54% 1%;
background-size: 110%;
clear: both;
display: block;
padding: 0;
position: relative;
}
.black_bg_box_right {
background: rgba(51,46,46,0.9);
width: 50%;
margin-left: 50%;
}
#contents07{
width: 60%;
clear: both;
display: block;
padding: 0;
margin: 0 auto 0 35%;
}
.col_recrut{
margin-left: 12%;
margin-top: 10%;
color: #fff;
width: 45%;
margin-bottom: 4%;
font-size: 22px;
}
/* loopslider */
#loopslider {
margin: 0 auto;
width: 100%;
height: 213px;
text-align: left;
position: relative;
overflow: hidden;
}
#loopslider ul {
height: 213px;
float: left;
display: inline;
overflow: hidden;
}
#loopslider ul li {
width: 320px;
height: 213px;
float: left;
display: inline;
overflow: hidden;
}
/*TOP_slider(繧｢繝九Γ繝ｼ繧ｷ繝ｧ繝ｳ驛ｨ蛻�)
*****************************************/
#sea{
position: absolute;
left:0px;
bottom:-14.74%;
z-index: 10;
}
#slider02{
position: absolute;
left:0px;
bottom:-19.74%;
width:100%;
padding-left:0px;
margin:0px;
z-index: 20;
}
#slider03{
position: absolute;
left: 0px;
bottom:-22.5%;
width: 100%;
padding-left: 0px;
margin: 0px;
z-index: 30;
}
body.home #stuff-wrap{
width:11%;
display: inline-block;
position: absolute;
bottom:-22%;
z-index:34;
right: 5%;
-ms-transform: translate(200%, 0%);
transform: translate(200%, 0%);
}
body.home #stuff-wrap > span{
position: relative;
width:100%;
display: inline-block;
}
body.home #stuff-wrap > span > img{
width:100%;
height:auto;
}
body.home #stuff-wrap > span > img.active{
display:block;
}
body.home #stuff-wrap > span > img:not(.active) {
display: none;
}
body.home #stuff-wrap.animation-run{
-ms-animation: jump 2s ease 0s 1 forwards;
animation: jump 2s ease 0s 1 forwards running;
}
@keyframes jump {
0% {
-ms-transform: translate(200%, 0%);
transform: translate(200%, 0%);
}
25% {
-ms-transform: translate(200%, -50%);
transform: translate(200%, -50%);
}
27% {
-ms-transform: translate(100%, -40%);
transform: translate(100%, -40%);
}
32.5% {
-ms-transform: translate(30%, -10%);
transform: translate(30%, -10%);
}
40% {
-ms-transform: translate(0%, 0%);
transform: translate(0%, 0%);
}
32.5% {
-ms-transform: translate(0%, 0%);
transform: translate(0%, 0%);
}
40% {
-ms-transform: translate(0%, 0%);
transform: translate(0%, 0%);
}
100% {
-ms-transform: translate(0%, 0%);
transform: translate(0%, 0%);
}
}
body.home #stuff-wrap.animation-back{
-ms-animation: back 4s ease 0s 1 forwards;
animation: back 4s ease 0s 1 forwards running;
}
@keyframes back {
0% {
-ms-transform: translate(0%, 0%);
transform: translate(0%, 0%);
}
90% {
-ms-transform: translate(0%, 0%);
transform: translate(0%, 0%);
}
100% {
-ms-transform: translate(200%, 0%);
transform: translate(200%, 0%);
}
}
#truck{
position: absolute;
left: 30.5%;
bottom: -19.6%;
z-index: 40;
width: 15.1%;
/*transform: translate(0%, 8%) rotate(3deg);
-ms-transform: translate(0%, 0%) rotate(3deg);
transform: translate(0%, 0%) rotate(3deg);*/
}
#truck.animation-run{
-ms-animation: bobble 2s ease 0s 1 forwards;
animation: bobble 2s ease 0s 1 forwards running;
}
@keyframes bobble {
0% {
-ms-transform: translate(0%, 0%) rotate(3deg);
transform: translate(0%, 0%) rotate(3deg);
}
9% {
-ms-transform: translate(0%, 3%) rotate(2deg);
transform: translate(0%, 3%) rotate(2deg);
}
17% {
-ms-transform: translate(0%, 6%) rotate(0deg);
transform: translate(0%, 6%) rotate(0deg);
}
22.5% {
-ms-transform: translate(0%, 3%) rotate(-1deg);
transform: translate(0%, 3%) rotate(-1deg);
}
30% {
-ms-transform: translate(0%, 4%) rotate(-2deg);
transform: translate(0%, 4%) rotate(-2deg);
}
32.5% {
-ms-transform: translate(0%, -3%) rotate(0deg);
transform: translate(0%, -3%) rotate(0deg);
}
40% {
-ms-transform: translate(0%, -9%) rotate(0deg);
transform: translate(0%, -9%) rotate(0deg);
}
100% {
-ms-transform: translate(0%, 0%) rotate(3deg);
transform: translate(0%, 0%) rotate(3deg);
}
}
#slider02 .slick-slide img,
#slider03 .slick-slide img,
#sea{
width:100%;
height: auto;
}
.staff{position: absolute;
top: 94%;
right: 3%;
z-index: 20;
}
/* =======================================
ClearFixElements
======================================= */
#loopslider ul:after {
content: ".";
height: 0;
clear: both;
display: block;
visibility: hidden;
}
#loopslider ul {
display: inline-block;
overflow: hidden;
}
#teaser_main{}
/*****************************************
TOP_About(遘√◆縺｡縺ｫ縺､縺�※)
*****************************************/
#teaser_about{
width: 100%;
background: url(img/about/teaser.jpg) no-repeat center center;
/*../next_city.com/img/service/teaser.jpg*/
background-size: auto;
background-size: cover;
clear: both;
display: block;
padding: 0;
height:341px;
}
.w55per { width: 55% }
#about_contents01 {
max-width: 1300px;
margin: 65px auto 65px auto;
width: 100%;
}
#contents01 {
max-width: 1200px;
margin: 65px auto 65px auto;
width: 100%;
}
/*****************************************
logistics(迚ｩ豬∵･ｭ蜍�)
*****************************************/
#teaser_logistics{
width: 100%;
background: url(img/logistics/teaser.jpg) no-repeat center center;
/*../next_city.com/img/service/teaser.jpg*/
background-size: auto;
background-size: cover;
clear: both;
padding: 0;
display: block;
height:341px;
}
#logistics_contents01{
width: 100%;
background: url(img/logistics/log_ex02.jpg) no-repeat top center;
/*../next_city.com/img/service/teaser.jpg*/
background-size: auto;
clear: both;
display: block;
margin: 0 auto 8% auto;
max-width: 1200px;
}
#logistics_contents02{
width: 100%;
background: url(img/logistics/log_ex04.jpg) no-repeat top center;
/*../next_city.com/img/service/teaser.jpg*/
background-size: auto;
clear: both;
display: block;
margin: 0 auto 8% auto;
max-width: 1200px;
}
#logistics_contents03{
width: 100%;
background: url(img/logistics/log_ex06.jpg) no-repeat top center;
/*../next_city.com/img/service/teaser.jpg*/
background-size: auto;
clear: both;
display: block;
margin: 0 auto 0% auto;
max-width: 1200px;
}
.logistics_text01{padding: 35% 8% 0 35%;display: block;}
.logistics_text02{padding: 41% 8% 0 8%;display: block;}
.logistics_text03{padding: 49% 8% 0 8%;display: block;}
.logistics_box27 {
position: relative;
margin: 8em 0;
padding: 0.5em 1em;
border: solid 3px #df0010;
font-size: 2.25rem;
clear: both;
line-height: 5.0rem;
}
.logistics_box27 .box-title {
position: absolute;
display: inline-block;
top: -47px;
left: -3px;
padding: 1% 3% 3% 3%;
height: 25px;
line-height: 25px;
font-size: 2.75rem;
background: #df0010;
color: #ffffff;
font-weight: bold;
border-radius: 5px 5px 0 0;
}
.logistics_box27 p {
margin: 0;
padding: 0;
}
/*繧ｿ繝門�縺�*/
/*繧ｿ繝門�繧頑崛縺亥�菴薙�繧ｹ繧ｿ繧､繝ｫ*/
.tabs {
margin-top: 50px;
padding-bottom: 0px;
background-color: #fff;
width: 100%;
margin: 0 auto;
max-width: 1200px;
}
/*繧ｿ繝悶�繧ｹ繧ｿ繧､繝ｫ*/
.tab_item {
width: calc(95%/5);
height: auto;
border-radius: 12px;
background-color: #393939;
line-height: 50px;
font-size: 16px;
text-align: center;
display: block;
float: left;
text-align: center;
transition: all 0.2s ease;
margin-left: 1%;
padding: 3% 0%;
}
.tab_item:hover {
opacity: 0.75;
}
/*繝ｩ繧ｸ繧ｪ繝懊ち繝ｳ繧貞�縺ｦ豸医☆*/
input[name="tab_item"] {
display: none;
}
/*繧ｿ繝門�繧頑崛縺医�荳ｭ霄ｫ縺ｮ繧ｹ繧ｿ繧､繝ｫ*/
.tab_content {
display: none;
padding: 40px 40px 0;
clear: both;
overflow: hidden;
}
/*驕ｸ謚槭＆繧後※縺�ｋ繧ｿ繝悶�繧ｳ繝ｳ繝�Φ繝��縺ｿ繧定｡ｨ遉ｺ*/
#all:checked ~ #all_content,
#programming:checked ~ #programming_content,
#design:checked ~ #design_content,
#food:checked ~ #food_content,
#butu:checked ~ #butu_content{
display: block;
}
.tabs input:checked + .tab_item {background: #c1000e;}
/*驕ｸ謚槭＆繧後※縺�ｋ繧ｿ繝悶�繧ｹ繧ｿ繧､繝ｫ繧貞､峨∴繧�*/
/*繧ｿ繝門�縺代％縺薙∪縺ｧ*/
/*****************************************
Vehicle(霆贋ｸ｡邏ｹ莉�)
*****************************************/
#teaser_vehicle{
width: 100%;
background: url(img/vehicle/teaser.jpg) no-repeat center center;
background-size: cover;
clear: both;
padding: 0;
height:341px;
}
/* 4繧ｫ繝ｩ繝� */
.col4_block > * {
float: left;
*display: inline;
*zoom: 1;
position: relative;
text-align: justify;
z-index: 1;
}
.vehicle_sub_text{
border-bottom: solid 1px #acacac;
display: block;
padding: 1%;
margin: 1%;
}
.vehicle_listborder{
border: 5px solid #c1000e;
border-radius: 10px;
margin-right: 10px;
width: 360px;
height: 331px;
display: inline-block;
text-align: center;
color: #fff;
font-size: 3.5rem;
background: #c1000e;
padding: 7% 0;
}
/*****************************************
service(H.T.P service縲繝｡繝九Η繝ｼ繧ｵ繝ｼ繝薙せ)
*****************************************/
#teaser_service{
width: 100%;
background: url(img/service/teaser.jpg) no-repeat center center;
/*../next_city.com/img/service/teaser.jpg*/
background-size: cover;
clear: both;
padding: 0;
height:341px;
}
/*****************************************
荳句ｱ､Company(莉｣陦ｨ謖ｨ諡ｶ繝ｻ莨夂､ｾ讎りｦ�)
*****************************************/
#teaser_company{
width: 100%;
background: url(img/company/teaser.jpg) no-repeat center center;
background-size: cover;
clear: both;
padding: 0;
height:341px;
}
#company_contents01{
width: 100%;
background: url(img/company/president_bg.png) no-repeat center center;
/*../next_city.com/img/service/teaser.jpg*/
background-size: 100%;
clear: both;
display: block;
padding:1% 0;
background-position: 0 30%;
}
.president_text{
padding: 2% 5% 5% 5%;
background-color:rgba(255,255,255,0.8);
line-height: 3.25rem;
}
.acs{
padding: 8% 0;
width: 90%;
margin: 0 auto;
}
.acs_name{
padding: 1%;
background: #eee;
text-align: center;
font-size: 23px;
}
/*****************************************
荳句ｱ､Faq(繧医￥縺ゅｋ雉ｪ蝠�)
*****************************************/
#teaser_faq{
width: 100%;
background: url(img/faq/teaser.jpg) no-repeat center center;
background-size: cover;
clear: both;
padding: 0;
height:341px;}
.detailfaq dl {
border-bottom: 1px dotted #d4d4d4;
padding-bottom: 30px;
margin-bottom: 30px;
padding-left: 180px;
}
.detailfaq dl dt {
font-size: 16px;
vertical-align: middle;
color: #30679f;
font-weight: bold;
}
.detailfaq dl dt span {
background: url(img/faq/q_icon.png) no-repeat center left;
padding-left: 75px;
display: inline-block;
vertical-align: middle;
padding-top: 20px;
padding-bottom: 20px;
}
.detailfaq dl dd {
margin-top: 10px;
}
.detailfaq dl dd span {
background: url(img/faq/a_icon.png) no-repeat top left;
padding-left: 75px;
display: inline-block;
vertical-align: top;
min-height: 55px;
padding-top: 17px;
}
/*****************************************
荳句ｱ､Recruit(謗｡逕ｨ諠��ｱ)
*****************************************/
#teaser_recruit{
width: 100%;
background: url(img/recruit/teaser.jpg) no-repeat center center;
background-size: cover;
clear: both;
padding: 0;
height:341px;
}
#recruit_contents_bg{
width: 100%;
background: url(img/recruit/recruit_bg.jpg) no-repeat center center;
background-size: 100%;
clear: both;
padding:0 0 5px 0;
background-position-y: 111%;
}
table.brwsr2 {
margin: 0 auto;
width: 94%;
border: none;
border-top: solid 1px #666;
border-collapse: separate;
border-spacing: 0 10px;
}
table.brwsr2 th {
vertical-align: middle;
height: 53px;
width: 25%;
border-right: solid 1px #ccc;
margin: 0;
text-align: center;
color: #333;
font-size: 18px;
font-weight: bold;
padding: 2% 0;
border-bottom: 1px dashed #ccc;
}
table.brwsr2 td.data {
margin: 0;
height: 53px;
width: 100px;
border: none;
color: #000;
font-size: 1.5rem;
line-height: 32px;
text-align: left;
vertical-align: middle;
white-space: nowrap;
overflow: hidden;
padding: 2%;
border-bottom: 1px dashed #ccc;
}
table.brwsr2 td:fst-child {
padding: 0 0 0 10px;
vertical-align: middle;
}
table.brwsr2 td.bar {
height: 1px;
width: 100%;
border-top: solid 1px #34495e;
}
/*****************************************
荳句ｱ､sitemap(繧ｵ繧､繝医�繝��)
*****************************************/
#teaser_sitemap{
width: 100%;
background: url(img/sitemap/teaser.jpg) no-repeat center center;
background-size: cover;
clear: both;
padding: 0;
height:341px;
}
.table_box_sitemap {
border-collapse: collapse;
margin: 7% auto 0 auto;
padding: 0;
width: 90%;
border: solid 1px #eee;
font-size: 16px;
font-weight: 500;
background-color: #fffdfd;
}
.table_box_sitemap tr {
text-align: center;
padding: 20px 0;
background-color: #acacac;
color: #000;
}
.table_box_sitemap td{
width: 16%;
text-align: center;
vertical-align: top;
}
.table_box_sitemap th {
padding: 10px 0;
background-color: #fffdfd;
color: #000;
font-weight: 500;
}
.table_box_sitemap th,
.table_box_sitemap td {
padding: 20px 10px;
border-bottom: 1px solid #eee;
}
.table_box_sitemap tr th:hover{
background-color: #e6e6e6;
}
/*****************************************
荳句ｱ､Privacy(繝励Λ繧､繝舌す繝ｼ繝昴Μ繧ｷ繝ｼ)
*****************************************/
#teaser_privacy{
width: 100%;
background: url(img/privacy/teaser.jpg) no-repeat center center;
/*../next_city.com/img/service/teaser.jpg*/
background-size: cover;
clear: both;
display: block;
padding: 0;
height:341px;
}
/*****************************************
荳句ｱ､News(縺顔衍繧峨○)
*****************************************/
#teaser_news{
width: 100%;
background: url(img/news/teaser.jpg) no-repeat center center;
background-size: cover;
clear: both;
padding: 0;
height:341px;
}
/*****************************************
荳句ｱ､(縺雁撫縺�粋繧上○蜈ｱ騾�+縺雁撫縺�粋繧上○繝壹�繧ｸ)
*****************************************/
#teaser_contact{
width: 100%;
background: url(img/contact/teaser.jpg) no-repeat center center;
background-size: cover;
clear: both;
padding: 0;
height:341px;
}
#common_contact_bg{
width: 100%;
background:url(img/common/contact_bg.jpg) no-repeat 80% center;
background-size: 100%;
clear: both;
display: block;
padding: 0;
position: relative;
}
.common_contact{
width: 100%;
max-width:1000px;
clear: both;
display: block;
padding: 6% 0;
margin: 0 auto;
}
.common_contact_adjust{
padding-bottom: 1%;
padding-top: 2%;
padding-left: 4%;
}
.form-box {
border-top: 1px solid #d5d5d5;
border-left: 1px solid #d5d5d5;
}
.form-box_personal {
padding: 5%;
border: 1px solid #d5d5d5;
overflow-y: scroll;
height: 200px;
}
.form-box-table {
width: 100%;
display: table;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
margin-bottom:2%;
}
.form-box-table .item-title {
border-right: 1px solid #d5d5d5;
border-bottom: 1px solid #d5d5d5;
background-color: #effcf9;
}
.form-box-table .item-title {
word-break:break-all;
display:table-cell;
width:/*230px*/25%;
border-right:1px solid #CCCCCC;
border-bottom:1px solid #CCCCCC;
background-color:#f2c2d3;
padding:15px 15px;
vertical-align:top;
/*border-box*/
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing:border-box;
}
.form-box-table .item-input {
border-right: 1px solid #d5d5d5;
border-bottom: 1px solid #d5d5d5;
}
.form-box-table .item-input {
word-break:break-all;
display:table-cell;
border-right:1px solid #CCCCCC;
border-bottom:1px solid #CCCCCC;
padding:15px 15px;
vertical-align:top;
/*border-box*/
}
/*input*/
.input-txt {
word-break: break-all;
border:1px solid #c8c8c8;
background:#FFFFFF;
padding:8px 8px 8px 8px;
margin:0;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
/*border-box*/
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing:border-box;
/*box-shadow*/
-moz-box-shadow:inset 1px 1px 3px rgba(0,0,0,0.07);
-webkit-box-shadow:inset 1px 1px 3px rgba(0,0,0,0.07);
box-shadow:inset 1px 1px 3px rgba(0,0,0,0.07);
width: 89%;color: #363636;
}
input::-webkit-input-placeholder {
color:#666666;
font-family: sans-serif;
}
input:-moz-placeholder {
color:#666666;
font-family: sans-serif;
}
input::-moz-placeholder {
color:#666666;
font-family: sans-serif;
}
input:-ms-input-placeholder {
color:#666666;
font-family: sans-serif;
}
span.error {
display: block;
padding-right: 48px;
position: relative;
}
span.error::before {
background-color: #b30015;
}
.item-agreement textarea {
width: 100%;
min-height: 140px;
overflow-y: scroll;
padding: 10px;
}
/*蠢��医い繧､繧ｳ繝ｳ*/
span.error {
display: block;
padding-right: 48px;
position: relative;
}
span.error::before {
position: absolute;
content: '蠢� 鬆�';
right: 0;
background-color: #b30015;
padding: 4px 8px 3px;
line-height: 1;
display: inline-block;
font-size: 12px;
color: #fff;
font-weight: bold;
box-sizing: border-box;
}
/* 菴乗園
=============================================================================*/
.address-input .zipcode-search input.search-btn {
background:#19404b;
}
.address-input .zipcode-search input.search-btn {
padding:10px 15px 10px 15px;
margin:0;
background:#111111;
width:auto;
display:inline-block;
border:none;
text-decoration:none;
color:#FFFFFF;
cursor:pointer;
line-height:1.4em;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
/*shadow*/
-moz-box-shadow: 0px 1px 0px rgba(0,0,0,0.2);
-webkit-box-shadow: 0px 1px 0px rgba(0,0,0,0.2);
box-shadow: 0px 1px 0px rgba(0,0,0,0.2);
line-height:1;
}
/* 隕冗ｴ�ｭ峨∈縺ｮ蜷梧э
=============================================================================*/
.item-agreement textarea {
width: 100%;
min-height: 140px;
overflow-y: scroll;
}
.item-agreement .item-agreement-check-area {
text-align: center;
padding: 12px 20px;
margin: 15px 0;
background-color: #f0f7fc;
position: relative;
font-size: 1.4rem;
}
.item-agreement .item-agreement-check-area::before {
position: absolute;
content: '蠢� 鬆�';
left: 12px;
background-color: #ee6557;
padding: 4px 8px 3px;
line-height: 1;
display: inline-block;
font-size: 12px;
color: #fff;
font-weight: bold;
box-sizing: border-box;
}
.item-agreement .item-agreement-check-area input {
position: relative;
top: -2px;
}
.item-agreement .item-agreement-check-area span {
font-weight: bold;
padding-left: 10px;
}
/* Bottom Btn
=============================================================================*/
.bottom-btn-area{
text-align: center;
margin: 4% auto;
width: 80%;}
.bottom-btn-area p input {
background: #e1283e no-repeat 30px center;
padding:22px 85px 22px 89px;
-moz-border-radius: 40px;
-webkit-border-radius: 40px;
border-radius: 40px;
border: 1px #e1283e solid;
text-align: center;
color: #fff;
}
.bottom-btn-area p.step03-btn input {
background-image: none;
}
.btn-square-little-rich {
position: relative;
display: inline-block;
padding:0.5em;
text-decoration: none;
color: #FFF !important;
background: #e1283e;
width: 218px;
margin: 3% auto;
text-align: center;
display: block;
font-family: "繝｡繧､繝ｪ繧ｪ", sans-serifMeiryo, "Hiragino Kaku Gothic ProN", "Hiragino Sans";
font-weight: bold;
font-size: 18px;
}
.btn-square-little-rich:active {
/*謚ｼ縺励◆縺ｨ縺�*/
border: solid 1px #178039;
box-shadow: none;
text-shadow: none;
}
/*Footer
*****************************************/
.page-footer {
background: #dbd8d8;
padding: 5% 0 0 0;
}
.page-footer-in {
padding: 0.2% 0 1.5% 0;
text-align: center;
background: #dbd8d8;
color: #fff;
font-size:1.2rem;
margin-top: -1%;
}
.page-footer-in nav{
}
.page-footer-in nav ul li {
float: left;
padding-right: 2px;
margin-right: 12px;
line-height: 1;
}
.footer_logo{
margin: 0 auto 3% auto;
}
.footer_text{
font-size: 20px;
margin: 0 auto 3% auto;
color: #010000;
line-height: 2.75rem;
}
.footer_text a{
color: #e60012 !important;
display: inline-block;
}
.copyright{text-align: center;margin: 3% 0;}
.footer_border_left{border-left: 1px solid #000;
padding-left: 8%;padding-top: 2%;}
.footer_sitemap {width: 36%;
float: left;
margin-right: 14%;}
.footer_link_details{border-bottom: 1px solid #000;
clear: both;
margin-bottom: 18%;}
.footer_link_sub_details{margin-top: -13%;
margin-left: 14%;
font-size: 14px;
line-height: 3.5rem;margin-bottom: 13%;clear: both;
}
.privacy_text{width: 120%;}
[class^="icon"] {
width: 28px;
height: 40px;
position: relative;
top: -3px;
margin-right: 10px;
fill: #fff;
display: block;
float: left;
}
.footer_link_details_right{border-bottom: 1px solid #000;
clear: both;
margin-bottom: 20.6%;}
/*繧ｹ繝槭�繝上Φ繝舌�繧ｬ繝ｼ*/
#sec01 {
margin-top: 0vh;
}
#nav-drawer {
right: 10px;
top: 10px;
z-index: 99;
position: fixed;
display: none;
}
/*繝√ぉ繝�け繝懊ャ繧ｯ繧ｹ遲峨�髱櫁｡ｨ遉ｺ縺ｫ*/
.nav-unshown {
display: none;
}
/*繧｢繧､繧ｳ繝ｳ縺ｮ繧ｹ繝壹�繧ｹ*/
#nav-open {
display: inline-block;
width: 40px;
height: 40px;
vertical-align: middle;
background: #000;
border-radius: 8px;
padding-left: 8px;
padding-top: 10px;
}
/*繝上Φ繝舌�繧ｬ繝ｼ繧｢繧､繧ｳ繝ｳ繧辰SS縺�縺代〒陦ｨ迴ｾ*/
#nav-open span,
#nav-open span:before,
#nav-open span:after {
position: absolute;
height: 3px;
/*邱壹�螟ｪ縺�*/
width: 25px;
/*髟ｷ縺�*/
border-radius: 3px;
background: #fff;
display: block;
content: '';
cursor: pointer;
}
#nav-open span:before {
bottom: -8px;
}
#nav-open span:after {
bottom: -16px;
}
/*髢峨§繧狗畑縺ｮ阮�ｻ偵き繝舌�*/
#nav-close {
display: none;
/*縺ｯ縺倥ａ縺ｯ髫�縺励※縺翫￥*/
position: fixed;
z-index: 99;
top: 0;
/*蜈ｨ菴薙↓蠎�′繧九ｈ縺�↓*/
right: 0;
width: 100%;
height: 100%;
background: black;
opacity: 0;
transition: .3s ease-in-out;
}
/*荳ｭ霄ｫ*/
#nav-content {
overflow: auto;
position: fixed;
top: 0;
right: 0;
z-index: 9999;
/*譛蜑埼擇縺ｫ*/
width: 56%;
/*蜿ｳ蛛ｴ縺ｫ髫咎俣繧剃ｽ懊ｋ�磯哩縺倥ｋ繧ｫ繝舌�繧定｡ｨ遉ｺ��*/
max-width: 300px;
/*譛螟ｧ蟷�ｼ郁ｪｿ謨ｴ縺励※縺上□縺輔＞��*/
height: 100%;
background: #000;
/*閭梧勹濶ｲ*/
transition: .3s ease-in-out; /*貊代ｉ縺九↓陦ｨ遉ｺ*/
-webkit-transform: translateX(105%);
transform: translateX(105%);
/*蟾ｦ縺ｫ髫�縺励※縺翫￥*/
padding: 103px 22px 0 46px;
line-height: 3.5;
}
/*繝√ぉ繝�け縺悟�縺｣縺溘ｉ繧ゅｍ繧ゅｍ陦ｨ遉ｺ*/
#nav-input:checked~#nav-close {
display: block;
/*繧ｫ繝舌�繧定｡ｨ遉ｺ*/
opacity: .5;
}
#nav-input:checked~#nav-content {
-webkit-transform: translateX(0%);
transform: translateX(0%);
/*荳ｭ霄ｫ繧定｡ｨ遉ｺ�亥承縺ｸ繧ｹ繝ｩ繧､繝会ｼ�*/
box-shadow: 6px 0 25px rgba(0, 0, 0, .15);
}
#nav-content li{
border-bottom: 1px solid #fff;color: #fff !important;
}
#nav-content li a{
color: #fff !important;
}
#nav-content li a:visited{
color: #fff !important;
}
@media screen and (min-width:640px) {
#nav-open {
}
}
@media screen and (min-width:767px) {
#nav-drawer {
}
}
/*Page_top
----------------------------------------*/
.pagetop {
display: none;
position: fixed;
bottom: 75px;
right: 15px;
z-index: 10;
}
.pagetop a {
display: block;
background-color: #020202;
text-align: center;
color: #f5adac;
font-size: 15px;
text-decoration: none;
padding: 5px 10px;
filter:alpha(opacity=50);
-moz-opacity: 0.5;
border-radius: 6px;
color: #fff !important;
}
.pagetop a:hover {
display: block;
background-color: #504f4f;
text-align: center;
color: #f5c8c8;
font-size: 15px;
text-decoration: none;
padding:5px 10px;
filter:alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
}
/*topic_path 繝代Φ縺上★繝ｪ繧ｹ繝�
*****************************************/
.topic_path {
}
.topic_path ul {
width: 1200px;
margin: 0 auto 0;
padding: 33px 22px 33px;
letter-spacing: -0.4em;
font-size: 1.4rem;
line-height: 1;
background: url(img/common/topicpath_home.png) no-repeat scroll 0 32px;
position: relative;
}
.topic_path li {
color: #333;
display: inline;
letter-spacing: 0;
margin: 0;
padding: 0;
}
.topic_path li + li:before {
content: "\003e";
margin: 0 0.5em;
}
.topic_path a {
text-decoration: none;
color: #333;
display: inline;
}
.footer-nav-widgets-wrapper {
width: 30%;
float: left;
margin-left: 2%;
margin-bottom: 4%;
margin-top: 10%;
}
.entry-content_post{
position: relative;
}
.entry-content_post p{
margin-bottom: 5%;
}
.previous-post{color:#d16c70 ;display: block;float: left;}
.styled-separator{clear: both;}
.entry-content_archive p{
width: 53% ;
margin-bottom: 5%;
}
.footer-widgets{
}
.wp-block-image img {
max-width: 100%;
height: auto;
}
.widget_categoriest{text-align: center; argin:0 auto 5% auto;}
.widget-content a:link{color: #361200;}
.widget_archive a:visited{color: #361200;}
.widget-content a:hover{color: #361200;}
.widget-content li{padding-left: 5%;text-align: left;}
.widget-title {
padding: 2.1% 3% 2.1% 3%;
margin: 7% 0 6% 0;
font-size: 1.7rem;
text-align: left;
border: 1px solid #e4e4e4;
background: #ebebeb !important;
clear: both;
display: block;
}
.widget-content{text-align: center; margin:0 auto 5% 5%;}
.widget_categories li {
padding: 2% 2%;
text-align: left;
border-bottom:1px solid #000;
margin-bottom: 5%;
}
.post-inner01{margin-top: 3%; width: 65%; float: left;}
.post-inner02{margin: 3% 0 7% 0; width: 100%; float: left;}
.cat-item{padding: 3% 0;}
.pt-cv-tax-estate{
background:#0b72aa !important;
padding: 2px 0px;
color: #fff !important;
縲縲top: 5%;
right: 5%;
position: absolute;
font-size: 60%;
text-indent: 9999px;
width: 19%;
height: 17px;
line-height: 0.55rem;
}
.pt-cv-tax-construction{
background:#1daa39 !important;
padding: 2px 0px;
color: #fff !important;
縲縲top: 5%;
right: 5%;
position: absolute;
font-size: 60%;
text-indent: 9999px;
width: 19%;
height: 17px;
line-height: 0.55rem;
}
.individual_article{font-size: 135%; display: block; color: #000; border-bottom: 1px solid #0f8f29; margin-bottom: 7%;}
.individual_article a:link{color: #1daa39;}
.individual_article a:visited{color: #1daa39;}
.search-field{width: 50%;}
.entry-content_post img{
height: auto;
clear: both;
display: inline-block;
width: 98%;
}
.entry-title {
border-bottom: 1px dashed #222;
margin: 5% 0;
padding-bottom: 2%;
padding-top: 4%;
display: block;
clear: both;
font-size: 3.25rem;
}
.screen-reader-text{
font-size: 1.25rem;
float: left;
}
.entry-categories-inner li {
list-style: none;
font-size: 1.25rem;
float: left;
background: #e40115;
padding: 0.5% 0% 0.5% 11%;
border-radius: 5px;
margin: 0% 0 0 4%;
width: 57.5%;
}
.entry-categories-inner li a{ color: #fff !important;}
.entry-content_archive{
padding: 0 ;
clear: both;
display: block;
width: 65%;
float: left;
padding-bottom: 12%;
}
.entry-content_archive img{
position: absolute;
right: 1%;
width: 42% ;
top: 140px;
height:auto;
}
.color-accent {
font-size: 1.25rem;
border-radius: 4px;
background: #000;
padding: 5% 5%;
}
.entry-categories { width: 23%; margin-top: -3%; float: left;}
.color-accent {
font-size: 1.25rem;
border-radius: 4px;
background: #000;
padding: 5% 5%;
}
.archive-title {
float: left;
margin-top: -3%;
margin-right: 2%;
width: 24%; font-size: 1.5rem;
}
.entry-categories-inner a{
font-size: 1.25rem;
border-radius: 4px;
background: #e40115;
padding: 1% 1%;
margin: -1% 0 0 3%;
float: left;
width: 62%;
color: #fff !important;
}
/*Mac逕ｨ*/
@media screen and (max-width: 1440px) {
#contents01, #contents02, #contents03, #contents04, #contents05, #contents06 {
max-width: 98%;
margin: 0% auto 10% auto!important;
}
.topic_path {margin-left: 2%;}
a:hover {
text-decoration: underline;
display: block;
text-decoration: none;
opacity: 0.6;
-webkit-transition: opacity .6s cubic-bezier(.52, .08, .18, 1);
transition: opacity .6s cubic-bezier(.52, .08, .18, 1);
}
.top-main-visual-in img {
width: 67%;
}
.global_navi__gmenu > a {
position: relative;
display: block;
min-width: auto;
padding: 3.65rem 1.5rem;
font-size: 18px;
color: #040000;
font-weight: 600;
transition: all .2s ease-in-out;
text-align: center;
line-height: 1.7;
}
.global_navi__nav {
display: -moz-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-moz-align-items: stretch;
-ms-align-items: stretch;
align-items: stretch;
-moz-justify-content: space-between;
-ms-justify-content: space-between;
justify-content: space-between;
-ms-flex-shrink: 0;
flex-shrink: 0;
width: 100%;
padding-left:42%;
background: rgba(255,255,255,0.2);
z-index: 100;
position: fixed;
font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
}
#sea {
position: absolute;
left: 0px;
bottom: 8.26%;
z-index: 10;
}
#slider02 {
position: absolute;
left: 0px;
bottom: 0.74%;
width: 100%;
padding-left: 0px;
margin: 0px;
z-index: 20;
}
#slider03 {
position: absolute;
left: 0px;
bottom: -4.5%;
width: 100%;
padding-left: 0px;
margin: 0px;
z-index: 30;
}
.staff {
position: absolute;
top: 73%;
right: 3%;
z-index: 20;
}
#truck {
position: absolute;
left: 32.5%;
bottom: 1.4%;
z-index: 40;
width: 15.1%;
}
/*繧ｳ繝ｳ繝�Φ繝�*/
.contents01_subject {
position: absolute;
top: 16%;
right: 1%;
}
.button-wrap {
text-align: center;
clear: both;
margin: 0% 0 10% 0;
}
.table_box_menu {
border-collapse: collapse;
margin: 7% 0 0 0;
padding: 0;
width: 88%;
border: solid 1px #eee;
font-size: 16px;
font-weight: 500;
background-color: #fffdfd;
}
#contents05_bg {
width: 100%;
background: url(img/index/contents_bg_05.jpg) no-repeat;
background-size: 120%;
clear: both;
display: block;
padding: 0;
position: relative;
background-position: 17% 11%;
}
.contact_tel {
background: url(img/index/contents_bg_06_rihgt_box.png) no-repeat;
font-family: Lora;
padding-left: 2%;
padding-bottom: 4%;
font-weight: 500;
}
#contents07_bg {
width: 100%;
background: url(img/index/contents_bg_07.jpg) no-repeat 54% 1%;
background-size: cover;
clear: both;
display: block;
padding: 0;
position: relative;
}
.col_recrut {
margin-left: 12%;
margin-top: 10%;
color: #fff;
width: 55%;
margin-bottom: 4%;
font-size: 22px;
}
.reception_text {
font-size: 77% !important;
padding: 7% 0 0% 20%;
display: block;
}
.head_office {
color: #9b000c;
font-weight: bold;
font-size: 40px;
text-align: right;
margin-left: 10%;
}
.fukuoka_office {
color: #9b000c;
font-weight: bold;
font-size: 40px;
margin-left: 2.25%;
}
.mt04_i {margin-top: 4% !important;}
.w57per { width: 52%;}
.mt13 {margin-top: 13% !important;}
.ml03_i{margin-left:3% !important;}
.ml13 {margin-left: -5% !important;}
}
@media screen and (max-width:1024px) {
/*�医％縺薙↓繧ｿ繝悶Ξ繝�ヨ讓ｪ逕ｨ��*/
.top-main-visual-in::after {
border-bottom: 21em solid transparent;
border-left: 19em solid #000;
}
.top-main-visual-in::before {
border-bottom: 26em solid transparent;
border-left: 23em solid #000;
}
.tel01 img{ width: 98%;}
.tel02 img { width: 98%;}
.global_navi__row {
display:none;
}
#nav-drawer {display: block;
right: 10px;}
#nav-content {
overflow: auto;
position: fixed;
top: 0;
right: 0;
z-index: 9999;
/* width: 83%; */
max-width: 600px;
height: 100%;
background: #000;
transition: .3s ease-in-out;
-webkit-transform: translateX(105%);
transform: translateX(105%);
padding: 103px 22px 0 1%;
line-height: 3.5;
}
.global_navi__gmenu > a {
position: relative;
display: block;
min-width: auto;
padding: 3.65rem 1.0rem;
font-size: 16px;
color: #040000;
font-weight: 600;
transition: all .2s ease-in-out;
text-align: center;
line-height: 1.7;
}
.global_navi__nav {
display: -moz-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-moz-align-items: stretch;
-ms-align-items: stretch;
align-items: stretch;
-moz-justify-content: space-between;
-ms-justify-content: space-between;
justify-content: space-between;
-ms-flex-shrink: 0;
flex-shrink: 0;
width: 100%;
padding-left: 33%;
background: rgba(255,255,255,0.2);
z-index: 100;
position: fixed;
font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
}
.staff {
position: absolute;
top: 69%;
right:0%;
z-index: 20;
margin-right: 0;
overflow: hidden;
width: 17%;
display: block;
}
.staff img{
width: 64%;
}
#sea {
position: absolute;
left: 0px;
bottom: -4.74%;
z-index: 10;
display: block;
}
#slider02 {
position: absolute;
left: 0px;
bottom: -6.26%;
width: 100%;
padding-left: 0px;
margin: 0px;
z-index: 20;
display: block;
}
#slider03 {
position: absolute;
left: 0px;
bottom: -9.5%;
width: 100%;
padding-left: 0px;
margin: 0px;
z-index: 30;
display: block;
}
#truck {
position: absolute;
left: 32.5%;
bottom: -6.4%;
z-index:20;
width: 15.1%;
display: block;
}
body.home #stuff-wrap {
width: 11%;
display: inline-block;
position: absolute;
bottom: -11%;
z-index: 20;
right: 5%;
-ms-transform: translate(200%, 0%);
transform: translate(200%, 0%);
}
.ml304 {margin-left: 249px !important;}
.w57per { width: 63%;}
.contents01_subject {
position: absolute;
top: 22%;
right: -3%;
width: 50%;
}
.contents01_subject img{width: 101%;}
.col_about {
width: 71% !important;
transform: skewX(-19deg);
font-size: 42px;
margin-top: -3%;
font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
background: rgba(255,255,255,0.5);
}
.gray_box {
background: #eaeaea;
padding: 1%;
font-size: 16px;
margin-top: 1.25%;
margin-left: -6.8%;
}
.ml03_i {margin-left: 11% !important;}
.ml13 { margin-left: 11% !important;}
.mt06 {margin-top: 9% !important;width: 90%; margin: 0 auto;}
.mt03 img{width: 100%;}
.mt13 img{width: 66%;}
.mb120 { margin-bottom: 13px !important;}
.button-wrap {
text-align: center;
clear: both;
margin: 8% 0 10% 0;
}
#contents02_bg {
padding: 5px 0 0% 0;
}
.col01 {
padding: 7% 0 0 8%;
}
#new dl {
padding: 11% 20px 0px 0;
}
#contents04_bg {
width: 100%;
background: url(img/index/contents_bg_04.jpg) no-repeat center;
background-size: cover;
clear: both;
display: block;
padding: 0;
position: relative;
}
.col_message { width: 63%;}
#contents05_bg {
background-size: 100%;
background-position: -33px 21%;
}
.table_box_menu { margin: 7% 0 0 10%;}
.mt40 {
margin-top: 40px !important;
width: 100% !important;
margin-left: -37% !important;
min-width: 700px !important;
}
.mt14 {margin-top: 15.4%;}
.mr31 {margin-right: 58% !important;}
.mt04_i {margin-top: 14% !important;}
.reception_text {
font-size: 91% !important;
padding: 10% 0 0% 25% !important;
}
.contact_tel {
background: url(img/index/contents_bg_06_rihgt_box.png) no-repeat;
font-family: Lora;
padding-left: 6%;
padding-bottom: 4%;
background-size: 98%;
}
.pagetop {right: 11px;}
.head_office {
margin-left: 13%;
margin-top: -2%;
font-size: 37px;}
.fukuoka_office {
color: #9b000c;
font-weight: bold;
font-size: 37px;
margin-left: 1%;
margin-top: -2%;
}
.br-sp{display: none;}
.mt03{width: 98%;}
#contents07_bg {
background: url(img/index/contents_bg_07.jpg) no-repeat 33% 1%;
background-size: 180%;
}
.pl07 {padding-left: 5% !important;}
.footer_border_left { padding-left: 5%;}
#common_contact_bg {
background: url(img/common/contact_bg.jpg) no-repeat center;
background-size: cover;
}
#company_contents01 {
width: 100%;
background: url(img/company/president_bg.png) no-repeat top center;
background-size: 258%;
background-position: 0 0;
}
.president_text {
background-color: rgba(255,255,255,0.8);
line-height: 3.25rem;
margin-left: 2%;
}
.w65per { width: 66%; float: left;}
.w33per {
width: 26%;
float: left !important;
margin-left: 5%;
}
.w33per img{ width: 117%;}
.sp_sigh{margin: -6% 0 -18% 0}
.common_contact {padding: 6% 1%;}
h2 {display:contents;}
.miryoku img{width: 98%;}
h6:after {top: 75%;}
.mt14 img{width: 88%;}
.w13per {width: 13%; margin-left: 4%;}
.ml07 { margin-left: 0% !important;width: 34%; margin-top: 2%;}
.detailfaq dl { padding-right: 1%;}
.vehicle_listborder {width: 32%;}
}
@media screen and (max-width:768px) {
.top-main-visual-in::before {
border-bottom: 14em solid transparent;
border-left: 32em solid #000;
}
.top-main-visual-in::after {
border-bottom: 20em solid transparent;
border-left: 24em solid #000;
}
.top-main-visual-in a img {
width: 19%;
max-width: 100%;
height: auto;
z-index: 13;
position: fixed;
margin-top: 4%;
float: left;
margin-left: 4%;
}
/*�医％縺薙↓繧ｿ繝悶Ξ繝�ヨ邵ｦ逕ｨ��*/
.global_navi__gmenu > a {
position: relative;
display: block;
min-width: auto;
padding: 3.65rem 1.5rem;
font-size: 18px;
color: #040000;
font-weight: 600;
transition: all .2s ease-in-out;
text-align: center;
line-height: 1.7;
}
#contents01,#contents02,#contents03,#contents04,#contents05 ,#contents06{
max-width: 98%;
margin: 0% auto 10% auto!important;
}
.w57per {
width:45%;
}
.page-fit-contents {
max-width: 100%;
margin-top: 0px !important;
margin-bottom: 20px !important;
}
.page-fit-contents {
max-width: 100%;
margin-top: 0px !important;
margin-bottom: 0px !important;
}
.global_navi__nav {
width: 100%;
padding-left: 23%;
}
.global_navi__gmenu > a {
padding: 3.65rem 0.9rem;
font-size: 14px;
}
/*****************************
繧ｹ繝槭�逕ｨteaser
*****************************/
#teaser_about_sp{
height: 263px;
max-width: 100%;background: url(img/about/teaser_sp.jpg) no-repeat top center;
background-size: auto;
background-size: cover;
clear: both;
display: block;
padding: 5px 0;
}
#sea{
position: absolute;
left:0px;
bottom:-10.74% !important;
z-index: 1;
}
#slider02{
position: absolute;
left:0px;
bottom:-12.74% !important;
width:100%;
padding-left:0px;
margin:0px;
z-index: 4;
}
#slider03{
position: absolute;
left: 0px;
bottom: -12% !important;
width: 100%;
padding-left: 0px;
margin: 0px;
z-index: 5;
}
#slider02 .slick-slide img,
#slider03 .slick-slide img,
#sea{
width:100%;
height: auto;
}
#truck{
position: absolute;
left: 27%;
bottom: -13% !important;
z-index: 6;
width: 22.1%;
/*transform: translate(0%, 8%) rotate(3deg);
-ms-transform: translate(0%, 0%) rotate(3deg);
transform: translate(0%, 0%) rotate(3deg);*/
}
.staff {
width: 17%;
position: absolute;
right: 0% !important;
top: 36% !important;
overflow: hidden;
z-index: 4;
}
.staff img{
width: 83%;
}
body.home #stuff-wrap img{
width:30%;
display: none;
}
/*繧､繝ｩ繧ｹ繝医せ繝ｩ繧､繝峨％縺薙∪縺ｧ*/
/*TOP縺ｮ繧ｹ繝槭�縲Contents01(繧上◆縺励◆縺｡縺ｫ縺､縺�※)
*****************************************/
#contents01_bg {
width: 100%;
background: url(img/index/contents_bg_01_sp.png) no-repeat left top;
background-size: 100%;
clear: both;
display: block;
position: relative;
margin-top: 0%;
padding-top: 11%;
}
.w90per {
width: 80% !important;
}
.sub_smallfont{
color: #000;
font-size: 18px;
width: 16%;
margin: 1% auto 0 auto;
}
.contblock > *:last-child {
margin-bottom: 0 !important;
}
.contents01_subject{
position: absolute;
top: 23%;
left: 14%;
clear: both;
display: block;
width: 100%;
text-align: left;
}
.contents01_subject img{
width: 66%;
}
.contents01_exp{
z-index: 45;
position: relative;
font-size: 18px;
margin-left: 6% !important;
width: 88%;
margin-top: 7%;
padding-bottom: 128% !important;
clear: both;
display: block;
}
/* 2繧ｫ繝ｩ繝� */
.col2_block > * {
float: none;
*display: inline;
*zoom: 1;
position: relative;
z-index: 1;
}
.col_about_number {
font-family: Lora;
width: 13% !important;
color: #9b000c;
font-size: 50.14px;
transform: skewX(-23deg);
float: left;
}
.ml07_top {margin-left: 7% !important;
width: 93%;
text-align:left !important;}
.ml06 { margin-left: 6% !important; }
.col_about {
width: 80% !important;
transform: skewX(-19deg);
font-size: 32px;
margin-top: 0%;
font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
line-height: 3.25rem;
margin-left: 4%;
}
.gray_box{
background: #eaeaea;
padding: 1%;
font-size: 16px;
margin-top: 1.25%;
margin-left: -0.8%;
margin-right: 8%;
clear: both; text-align: left;
}
.ml11 { margin-left: 7% !important;margin-top: -62%;}
.ml04 {
margin-left: 7% !important;
}
.ml18 {
margin-left: 6% !important;
}
.mt04 { margin-top: 4% !important; }
.mb120 {
margin-bottom: 0px !important;
}
.button-wrap {
width: 100%;
margin: 0;
text-align: center;
}
.button-wrap img{
width: 34%;
}
.mt13 img{
width: 70%;
}
.button-wrap_spve{
width: 87%;
margin: 0 auto 14% auto;
}
.w8_mauto{
margin: 9% auto 1% !important;
width: 80%;display: block;
}
.w8_mauto img{
width: 77%;
}
/*TOP縺ｮ繧ｹ繝槭�縲Contents02(迚ｩ豬∵･ｭ蜍�)
*****************************************/
#contents02_bg {
width: 100%;
background: url(img/index/contents_bg_02.png) no-repeat;
background-size: cover;
clear: both;
display: block;
padding: 0 0 10% 13%;
position: relative;
}
.diamondswrap {
text-align: center;
padding: 50px 20px 100px 20px;
}
.diamond-box-wrap {
width: 300px !important;
height: 300px !important;
}
.diamond-box {
border-width: 0px;
}
.item {
display: block;
position: relative;
width: 100%;
height: 100%;
padding: 0;
background-color: #666;
color: white;
background-position: center center;
background-size: cover;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
/*TOP縺ｮ繧ｹ繝槭�縲Contents04(繧医￥縺ゅｋ雉ｪ蝠�)
*****************************************/
#contents04_bg {
width: 100%;
background: url(img/index/contents_bg_04.jpg) no-repeat 80% center;
background-size: cover;
clear: both;
display: block;
padding: 0;
position: relative;
margin-left: 0;
}
.black_bg_box {
padding: 1% 0;
background: rgba(51,46,46,0.9);
height: auto;
width: 100%;
}
.fqa_ttl{
width: 32%;
margin-left: 7%;
margin-top: 11%; display: block;
}
.faq_text_sp{
color: #fff;
margin: 0 auto -6% auto;
width: 84%;
}
.col_faq {
padding: 7% 0 0 2%;
font-size: 18px;
font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
color: #FFF;
font-weight: 500;
margin-left: 3%;
margin-right: 0%;
}
.mt08{
margin-left: 8%;
margin-top: 13% !important;
margin-bottom: 4% !important;
padding-bottom: 5%;
}
/*TOP縺ｮ繧ｹ繝槭�縲Contents05(莉｣陦ｨ謖ｨ諡ｶ)
*****************************************/
.button-message_w {
width: 66%;
margin: 0;
}
.message_ttl_sp {
width: 82%;
margin: 0 auto;
display: block;
}
#contents05_bg{
width: 100%;
background: url(img/index/contents_bg_05_sp.png) no-repeat;
background-size: 100%;
clear: both;
display: block;
position: relative;
background-position: 5% 16%;
margin-top: 17%;
}
.col_message {
padding: 0;
font-size: 22px;
font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
color: #FFF;
font-weight: 500;
float: none;
width: 100%;
margin-left: 0;
}
.table_box_menu{
border-collapse: collapse;
margin: 67% auto 0 auto;
padding: 0;
width: 90%;
border: solid 1px #eee;
font-size: 16px;
font-weight: normal;
background-color: #fffdfd;
padding-bottom:7%;
}
.table_box_menu tr {
text-align: center;
padding: 20px 0;
background-color: #acacac;
color: #000;
}
.table_box_menu td{
width: 13%;
text-align: center;
vertical-align: top;
}
.table_box_menu th {
padding: 10px 0;
background-color: #fffdfd;
color: #000;
font-weight: normal;
}
.table_box_menu th,
.table_box_menu td {
padding: 20px 10px;
border-bottom: 1px solid #eee;
}
.table_box_menu tr th:hover{
background-color: #e6e6e6;
}
.mr27_sp {
margin-right: 27% !important;
}
.mt40 {
width: 92% !important;
min-width: 700px !important;
margin: 7% auto !important;
}
/*TOP縺ｮ繧ｹ繝槭� TOP_Contents06(縺雁撫縺�粋繧上○)
*****************************************/
.news_ttl_sp {
width: 45%;
margin: 6% 0 1% 8%;
}
.conatct_ttl_sp {
width: 70%;
margin: 5% 0% 0 9%;display: block;}
.button-news_w {
width: 68%;
margin: 0 auto 0 0;
}
.mr25_p {
margin-right: 0% !important;
}
.col01 {
padding: 7% 0 0 7%;
font-size: 22px;
font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
font-weight: 500;
width: 100%;
background: url(img/index/contents_bg_06.jpg) no-repeat;
background-size: cover;
display: inline-block;
}
#new{padding-left: 5%;}
.col02 {
padding: 7% 0 6% 3%;
font-size: 18px;
font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
font-weight: 500;
width: 100%;
background: url(img/index/contents_bg_06_rihgt.png) no-repeat;
background-size: cover;
display: inline-block;
margin-top: 12%;
}
.button-news_w {
width: 63%;
margin: 0 auto 0 0%;
}
.contact_tel {
background: url(img/index/contents_bg_06_rihgt_box_tab.png) no-repeat;
background-size: 98% 109%;
font-size: 92%;
padding-bottom: 5%;
padding-left: 4%;
margin-top: 7% !important;
}
.br-sp{display: block;}
.fukuoka_office {
font-weight: bold;
font-size: 28px;
margin-left: 26%;
float: left;
margin-top: -10%;
letter-spacing: -0.1rem;
}
.reception_text {
font-size: 90% !important;
padding: 11% 0 5% 31%;
display: block;
}
.mb05_p {
margin-bottom: 5% !important;
margin-left: 10%;
}
.mb05_p img{ width: 68%;}
/*dl*/
#new dl {padding: 4% 20px 0px;font-size: 18px;}
/*dt*/
#new dt {float: left;width: 100%;letter-spacing: 0.1em;font-size: 14px;padding-bottom: 1%;}
/*dd*/
#new dd {padding: 2% 0 0 2%;}
element.style {
}
#new span:first-child, ul.ver span.temp, ul.ver span.program {
margin: 0 10px;
}
#new span:first-child, ul.ver span.temp, ul.ver span.program {
margin: 0 10px;
}
/*繧｢繧､繧ｳ繝ｳ�亥�騾夲ｼ�*/
#new span:first-child,
ul.ver span.temp, ul.ver span.program {
margin: 0 10px;
}
#new span.half {width: 50px;}
/*繧｢繧､繧ｳ繝ｳ��template��*/
#new span.temp,
ul.ver span.temp {
background: #e60014;
}
.reception_text{
font-size: 90% !important;
padding: 15% 0 5% 5%;
display: block;
}
#new span, ul.ver span.temp, ul.ver span.program {
display: inline-block;
text-align: center;
background: #e40115;
color: #fff;
font-size: 10px;
width: 46px;
position: relative;
left: 0 !important;
}
/*繧ｹ繝槭�TOP_Contents07(繝ｪ繧ｯ繝ｫ繝ｼ繝�)
*****************************************/
.recruit_ttl_sp
{width: 90%;
padding: 0% 0 0 3%;
display: block;
}
#contents07_bg{
width: 100%;
background: url(img/index/contents_bg_07.jpg) no-repeat 28% top;
background-size: 267%;
clear: both;
display: block;
padding: 0;
position: relative;
margin-left: 0%;
}
.black_bg_box_right {
background: rgba(51,46,46,0.9);
width:100%;
margin-left: 0%;
}
#contents07{
width: 60%;
clear: both;
display: block;
padding: 0;
margin: 0 auto 0 35%;
}
.col_recrut{
margin-left: 12%;
margin-top: 10%;
color: #fff;
width: 80%;
margin-bottom: 4%;
padding-top: 12%;
}
.button-recruit_w{
width: 60%;
margin: 12% auto;
}
/* loopslider */
#loopslider {
margin: 0 auto;
width: 100%;
height: 213px;
text-align: left;
position: relative;
overflow: hidden;
}
#loopslider ul {
height: 213px;
float: left;
display: inline;
overflow: hidden;
}
#loopslider ul li {
width: 320px;
height: 213px;
float: left;
display: inline;
overflow: hidden;
}
.col_sp{
float: left;
width: 50% !important;
margin: 0 auto;
*: ;
display: inherit;
*: ;
zoom: 1;
position: relative;
text-align: justify;
background:#dbd8d8;
padding: 3%;
font-size: 1.4rem;
border-bottom: 0px solid #000;
border-left: 0px solid #000;
border-top: 1px solid #000;
border-right: 1px solid #000;
}
.col_sp a:link{color:#000;display: block;}
.col_sp a:visited{color: #000;}
.border_lnone{ border-right: none; }
.w45per { width: 90%;}
.w55per { width: 90%;}
.footer_logo {
margin: 0 auto 3% auto;
text-align: center;
}
.footer_text {
font-size: 20px;
margin: 0 auto 3% auto;
color: #010000;
line-height: 2.75rem;
text-align: center;
}
.footer_border_left {
border-left: none;
padding-left: 0%;
padding-top: 5%;
}
.footer_sitemap {
margin-right: 0;
width: 36%;
float: left;
margin-left: 10%;
}
.copyright{
background: #dbd8d8;
padding: 0% 0 3% 0;
text-align: center;
font-size: 16px;
color: #000;
}
.cmn-btn-tel {
width: 42px;
float: left;
margin-top: 2.4% !important;
margin-left: 55%;
position: fixed;
}
.cmn-btn-mail {
width: 42px;
float: left;
margin-top: 2.4% !important;
margin-left: 71%;
position: fixed;
}
.pagetop {
display: none;
position: fixed;
bottom: 75px;
right: 41px;
z-index: 10;
}
/*縺雁撫縺�粋繧上○*/
h5 {
border-left: 8px solid #df000e;
padding: 5px 0 5px 25px;
font-size: 123%;
font-weight: bold;
margin: 3%;
display: block;
}
.txt-area{margin: 0 6%;}
.form-box-table .item-title {
word-break: break-all;
display: table-caption;
width: 100%;
border-right: 1px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;
background-color: #f2c2d3;
padding: 15px 15px;
vertical-align: top;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
h8 {
padding: 5px 0 5px 25px;
font-size: 123%;
font-weight: bold;
margin: 3%;
display: block;
}
.form-box {
width: 93%;
margin: 0 auto;
}
.bottom-btn-area p input {
background: #e1283e no-repeat 30px center;
padding: 22px 89px 22px 89px;
-moz-border-radius: 40px;
-webkit-border-radius: 40px;
border-radius: 40px;
border: 1px #e1283e solid;
text-align: center;
color: #fff;
margin-top: 5%;
margin-bottom: -13%;
}
.mrl4{margin: 0 4%;}
.topic_path ul { margin: 0 auto 0 3%;}
#common_contact_bg{
width: 100%;
background: url(img/common/contact_bg.jpg) no-repeat center;
background-size: cover%;
clear: both;
display: block;
padding: 0 0 0 2%;
position: relative;
margin-left: 0 !important;
margin-top: 0 !important;
}
.reception_text {
font-size: 90% !important;
padding: 10% 0 0 1% !important;
display: block;
margin-left: 0 !important;
width: 100%;
}
.head_office {
font-weight: bold;
font-size: 28px;
float: none;
margin-top: 0%;
margin-right: 0%;
margin-left: 13% !important;
letter-spacing: -0.1rem;
}
.tume { margin-top: -2%;}
.tel01 {
margin-left: 12%;
margin-top: 3%;
}
.tel02 {
margin-left: 12%;
margin-top: 0%;
}
.w50per{float: left !important;}
.w50per img{width: 97%;}
.mt14 { margin-top: 17.55%;}
.w65per {
width: 66%;
float: left !important;
margin-top: -5%;
font-size: 1.5rem;
}
.w65per img{width: 72%;}
.sp_sigh {margin: -12% 0 18% 0;}
.mb80 { margin-left: 0 !important;}
.ml00 { margin-left: 0px !important; width: 100%; }
.entry-categories-inner a {width: auto; padding: 1% 3%;}
.entry-categories {width: 37%;margin-top: -3%; float: left;}
.entry-title {font-size: 2.25rem;}
.entry-content_archive img {top: 105px;}
.footer-nav-widgets-wrapper { margin-top: 1%;}
.archive-title { width: 40%;}
.w13per {
width: 100%;
float: none !important;
text-align: center;
margin-bottom: 2%;
}
.pt01 {
padding: 1% !important;
float: none !important;
width: 80%;
margin: 0 auto 4% auto;
}
.ml07 {
margin-left: 0% !important;
float: none !important;
width: 100%;
text-align: center;
}
.detailfaq dl { padding-left: 9%;}
.vehicle_listborder {
width: 31.8%;
height: auto;
font-size: 2.3rem;
}
.font27 {
font-size: 2.57rem !important;
margin: 7% auto !important;
}
.tab_item img{width: 92%;}
h7 {
background-size: cover;
font-size: 2.5rem;
}
.pb04 { width: 25%;}
.pb04 img{ width: 100%;}
.pr04 {
padding-right: 0 !important;
padding-bottom: 5%;
}
.pr02_02{padding-right: 2% !important;}
.mb13{margin-bottom: 13%;}
.w99per{width: 16% !important;
font-size: 2.25rem !important;
display: contents;
}
.w90per{width: 16% !important;
font-size: 2.25rem !important;
display: contents;
}
.w33per {
width: 32% !important;
margin-left: 1%;
float: left !important;
}
.mbb07{margin-bottom: 7%;}
.logistics_box27 .box-title {padding:2% 3% 5% 3%;}
.logistics_box27 {margin: 4em 0 0em;}
.mb_005{margin-bottom: -5% !important;}
h12 img{width: 236px;
margin-left: 22% !important;
margin-top: 4%;}
}
@media screen and (max-width: 559px) {
.head_office {
color: #9b000c !important;
font-weight: bold;
font-size: 2.75rem;
display: flex;
margin-top: 0;
margin-left: 0;
}
.fukuoka_office {
color: #9b000c !important;
font-weight: bold;
font-size: 2.75rem;
margin-left: 24%;
float: none;
margin-top: -37px;
margin-right: 0;
letter-spacing: 0.07rem;
}
.br-sp {
display: none;
}
}
/*譛蟆上Δ繝舌う繝ｫ逕ｨ*/
@media screen and (max-width: 559px) {
header#header {
display: block;
margin-top: -2.3%;
padding-top: 2.3%;
}
#nav-content {
overflow: auto;
position: fixed;
top: 0;
right: 0;
z-index: 9999;
/* width: 83%; */
max-width: 600px;
height: 100%;
background: #000;
transition: .3s ease-in-out;
-webkit-transform: translateX(105%);
transform: translateX(105%);
padding: 170px 22px 0 7%;
line-height: 3.5;
}
.br-sp {
display: block;
}
.top-main-visual-in::before {
border-bottom:13em solid transparent;
border-left: 3em solid #000;
}
.top-main-visual-in::after {
border-bottom: 10em solid transparent;
border-left: 13em solid #000;
}
.top-main-visual-in a img {
margin-top: 4%;
width: 19%;
}
.staff {
width: 16%;
position: absolute;
right: 0% !important;
top:56 !important;
overflow: hidden;
display: none;
}
#truck {
position: absolute;
left: 32.5%;
bottom:-3% !important;
z-index: 20;
width: 15.1%;
}
body.home #stuff-wrap {
width: 16%;
display: inline-block;
position: absolute;
z-index: 20;
right: 5%;
bottom: -5%;
-ms-transform: translate(200%, 0%);
transform: translate(200%, 0%);
}
#sea {
position: absolute;
left: 0px;
bottom: 1% !important;
z-index: 10;
}
#slider02 {
position: absolute;
left: 0px;
bottom: -2% !important;
width: 100%;
padding-left: 0px;
margin: 0px;
z-index:20;
}
#slider03 {
position: absolute;
left: 0px;
bottom:-4% !important;
width: 100%;
padding-left: 0px;
margin: 0px;
z-index: 30;
}
#contents01_bg {
width: 100%;
background: url(img/index/contents_bg_01_sp.png) no-repeat;
background-size: 122%;
clear: both;
display: block;
position: relative;
margin-top: 6%;
padding-top: 11%;
background-position: 1% -3%;
}
.w30per {
width: 57% !important;
margin-left: 6%;
}
.w35per {
width: 97% !important;
margin: 0 auto;
}
.w36per {
width: 90% !important;
margin: 0 auto;
text-align: justify;
}
.w45per {
background: #fff !important;
padding: 9% 5% !important;
width: 100% !important;
}
.w50per {
width: 100%;
}
.w90per {
width: 57% !important;
}
.w70per {
width:95%;
margin: 0 auto 8% auto;text-align: justify;
}
#about_contents01 {
max-width: 1300px;
margin: 0 auto;
width: 100%;
}
.contblock > *:last-child {
margin-bottom: 0 !important;
display: flex;
flex-flow: row wrap;
}
.item1{order: 1;width: 90%; margin-bottom: 4%; margin: 0 auto 4% auto;}
.item2{order: 3;width: 90%; margin-bottom: 4%; margin: 0 auto 4% auto;}
.item3{order: 4;}
.item4{order: 2;}/*縺薙�繧ｻ繝ｫ縺ｮ菴咲ｽｮ繧呈桃菴�*/
.contents01_subject {
position: absolute;
top: 25%;
}
.contents01_exp {
z-index: 45;
position: relative;
font-size: 18px;
margin-left: 6% !important;
width: 88%;
margin-top: 7%;
padding-bottom: 86% !important;
clear: both;
display: block;
}
.pl36 { padding-left: 0% !important;}
.ml11 {margin-left: 7% !important; margin-top: -26%;}
.mb10 { margin-bottom: 10% !important; }
.mt29 {margin-top: 2% !important;}
.mt32 {margin-top: 0% !important;}
.mt33 {margin-top: 0% !important;}
.mt14 { margin-top: 6% !important;}
.mb80 {margin-bottom:40px !important;}
.mb05_p{ width: 95%; margin: 0 auto;}
.w57per { width: 86%;}
.ml03_i { margin-left: 7% !important;}
.ml13 {margin-left: 7% !important;margin-bottom: 11%;}
.pl07 {padding:0 !important;}
.ml19 {margin-left: 19% !important;width: 100% !important;}
.button-wrap {
text-align:center !important;
clear: both;
margin: 0% auto 10% auto;
}
.button-wrap img {
width: 49%;
}
.button-message_w {
width: 79%;
margin: 0;
}
.button-message_w img{width: 77%;}
.button-wrap_spve {
width: 87%;
margin: 0 auto 21% auto;
}
.button-news_w {
width: 54%;
margin: 0 auto 0 17%;
}
.col_about_number {font-size: 38.14px;width: 14% !important;}
.col_about {
width: 82% !important;
font-size:27px;
margin-top: 0 !important;
line-height: 3.5rem;
margin-left: 0; background: none; text-align: left;
}
#contents04_bg {
width: 100%;
background: url(img/index/contents_bg_04.jpg) no-repeat 80% center;
background-size: cover;
clear: both;
display: block;
padding: 0;
position: relative;
margin-top: 18% !important;
}
.news_ttl_sp {
width: 59%;
margin: 6% 0 -13% 3%;
display: block;
}
#new dl {
padding: 11% 20px 4px 0;
font-size: 18px;
}
.tume {
display: block;
margin-top: 4%;
font-size: 100%;
letter-spacing: 0rem;
}
.conatct_ttl_sp {
width: 85%;
margin: 4% 0% 7% 6%;
}
.contact_tel {
background: url(img/index/contents_bg_06_rihgt_box_sp.png) no-repeat;
font-family: Lora;
padding-left: 0%;
background-size: 100%;
font-size: 92%;
padding-bottom: 9%;
padding-left: 4%;
width: 100%;
}
.fqa_ttl {
width: 100%;
margin-left: -7%;
margin-top: -1%;
}
.reception_text {
margin-top: 2%;
margin-bottom: 3%;
}
.head_office {
color: #9b000c !important;
font-weight: bold;
font-size: 2.75rem;
display: flex;
margin: -10% 0 0 26.2% !important;
letter-spacing: 0.07rem;
}
.fukuoka_office {
color: #9b000c !important;
font-weight: bold;
font-size: 2.75rem;
float: none;
margin-top: -11%;
margin-left: 26%;
letter-spacing: 0.07rem;
}
.mb05_p img {
width: 100%;
}
.message_ttl_sp {
width: 87%;
margin: -16% 0 7% 7%;
}
.table_box_menu {
border-collapse: collapse;
margin: 67% auto 0 auto;
padding: 0;
width: 90%;
border: solid 1px #eee;
font-size: 16px;
font-weight: bold;
background-color: #fffdfd;
}
#contents05_bg {
width: 100%;
background: url(img/index/contents_bg_05_sp.png) no-repeat;
background-size: 100%;
clear: both;
display: block;
position: relative;
background-position: 0 6%;
}
.recruit_ttl_sp {
width: 100%;
padding: 0%;
display: block;
margin: -10% 0 4% 0;
}
.col_recrut {
margin-left: 12%;
margin-top: 10%;
color: #fff;
width: 80%;
margin-bottom: 4%;
padding-top: 12%;
font-size: 18px;
}
#common_contact_bg {
width: 100%;
background: url(img/common/contact_bg.jpg) no-repeat center;
background-size: cover;
clear: both;
display: block;
padding: 0;
position: relative;
margin: 0;
padding: 5%;
}
.footer_logo {
margin: 0 auto 3% auto;
width: 48%;
}
.footer_text {
font-size: 18px;
margin: 7% auto 3% auto;
color: #010000;
line-height: 2.75rem;
}
[class^="icon"] {
width: 19px;
height: 19px;
position: relative;
top: -1px;
margin-right: 10px;
fill: #fff;
display: block;
float: left;
}
.diamond-box-wrap {
width: 150px !important;
height: 150px !important;
}
.copyright {
background: #dbd8d8;
padding: 5% 0;
text-align: center;
font-size: 13px;
color: #000;
}
.pagetop {
display: none;
position: fixed;
bottom: 88px;
right: 23px;
z-index: 10;
}
h2 img {
width: 68%;
margin-bottom: 0;
margin-left: 0%;}
.w8_mauto {
width: 80%;
margin: 9% auto 15% 8% !important;
}
.w8_mauto img {
width: 100%;
}
/***************縺薙％縺九ｉ荳句ｱ､*************/
.w50per_ml01{ width: 97%; margin-left: 1%;}
h10{width: 56%; margin: 9% auto 0 auto !important;}
.w56per_a {
width: 56%;
margin: 0 auto !important;
}
#teaser_vehicle_sp {
height: 243px;
max-width: 100%;
background: url(img/vehicle/teaser_sp.jpg) no-repeat center;
background-size: cover;
clear: both;
}
#teaser_logistics_sp {
height: 243px;
max-width: 100%;
background: url(img/logistics/teaser_sp.jpg) no-repeat center;
background-size: cover;
clear: both;
}
#teaser_sitemap_sp {
height: 243px;
max-width: 100%;
background: url(img/sitemap/teaser_sp.jpg) no-repeat center;
background-size: cover;
clear: both;
}
#teaser_contact_sp {
height: 243px;
max-width: 100%;
background: url(img/contact/teaser_sp.jpg) no-repeat center;
background-size: cover;
clear: both;
}
#teaser_recruit_sp {
height: 243px;
max-width: 100%;
background: url(img/recruit/teaser_sp.jpg) no-repeat center;
background-size: cover;
clear: both;
}
#teaser_company_sp {
height: 243px;
max-width: 100%;
background: url(img/company/teaser_sp.jpg) no-repeat center;
background-size: cover;
clear: both;
}
#teaser_faq_sp {
height: 243px;
max-width: 100%;
background: url(img/faq/teaser_sp.jpg) no-repeat center;
background-size: cover;
clear: both;
}
#teaser_service_sp {
height: 243px;
max-width: 100%;
background: url(img/service/teaser_sp.jpg) no-repeat center;
background-size: cover;
clear: both;
}
#teaser_news_sp {
height: 243px;
max-width: 100%;
background: url(img/news/teaser_sp.jpg) no-repeat center;
background-size: cover;
clear: both;
}
#teaser_privacy_sp {
height: 243px;
max-width: 100%;
background: url(img/privacy/teaser_sp.jpg) no-repeat center;
background-size: cover;
clear: both;
}
.ttl_arrow{padding: 0.6em;
background: #e60012;
font-size: 2.0rem;
text-align: center;
font-weight: bold;
color: #fff;
}
h6:after { top: 37%;}
.font27 { font-size: 153% !important;}
#recruit_contents_bg {
width: 100%;
background: url(img/recruit/recruit_bg.jpg) no-repeat top;
background-size: 164%;
clear: both;
padding: 0 0 5px 0;
background-position-x: 91%;
background-position-y: -13%;
}
.mt08 {
margin-left: 0%;
}
table.brwsr2 {
margin: 0 5%;
border: none;
width: 100%;
}
table.brwsr2 th {
height: auto;
border-right: none;
margin: 0;
padding: 2% 0;
display: block;
width: 90%;
}
table.brwsr2 td.data {
margin: 0;
width: 90%;
padding: 2%;
display: inline-block;
overflow: auto;
word-break: break-all;
height: auto;
}
.w13per { width: 33%; margin: 0 auto;}
.pt01 { padding: 7% !important;}
.detailfaq dl {
padding-bottom: 18px;
margin-bottom: 0px;
padding-left: 8%;
}
.mb125 { margin-bottom: 26px !important;}
.pl34 {
padding-left: 34px !important;
width: 100% !important;
display: block;
}
.w33per {
width: 53.333333%;
margin: 0 auto;
}
.mt_09 {margin-top: 0% !important;}
.w65per_sp {width: 100%; !important;}
#company_contents01 {padding: 0%; background-position: 0%;background-size: cover;}
.sp_sigh{width: 57%; margin: -5% auto 6% auto;}
.sp_vehicle_ttl{width: 90%; margin: 7% auto 0 auto !important;}
.w25per {width: 80%; margin: 0 auto;}
h3 { padding-left: 4%;font-size: 21px;}
.mt80 { margin-top: 40px !important;}
/* 3繧ｫ繝ｩ繝� */
.col3_block > * {float: left;
width: 30.3333%;
font-size: 2.23rem;
height: auto;
padding: 2% 0;
}
.tab_item {width: 19%;margin: 0 1% 0 0;}
.tabs {margin-left: 0.5%;}
h12 img {
width: 207px;
margin-left: 22% !important;
margin-top: -8%;
}
h7 {width: 100%; background-size: cover; font-size: 2.25rem;}
h8 {border-left: none; padding: 5px 17px 5px 19px;}
h9:before {top: 1.0rem;}
h9:after {top: 1.5rem;}
h10 {width: 56%;margin: 9% auto 0 auto !important;}
h11 {width: 78%;margin: 9% auto 0 auto !important;}
.font18 {font-size: 101.5% !important;}
.tab_content {padding: 40px 1px 0;}
.pb04 {padding-bottom: 4% !important; margin-right: 2%;width: 48%;}
.mb13{ margin-bottom: 12%;}
.mrl4 { margin: 5% 4% 0!important;}
.pt30 {
padding-top: 30px !important;
padding-bottom: 4% !important;
margin-right: 2% !important;
background: no-repeat;
float: none;
display: block;
width: 79% !important;
margin: 0 auto !important;
}
.logistics_box27 .box-title {
top: -59px;
left: -3px;
padding: 2% 3% 14% 3%;
line-height: 33px;
font-size: 2.25rem;
background: #df0010;
width: 101.75%;
}
.logistics_box27 {
position: relative;
margin: 1em 0;
padding: 0.5em 1em;
border: solid 3px #df0010;
font-size: 1.75rem;
clear: both;
line-height: 3.5rem;
width: 98%;
}
.mt40 {
min-width: 355px !important;
margin: 7% auto 7% -15%!important;
clear: both;
}
.fqa_ttl img{width: 27%; margin: 10% 0 0 9%;}
.message_ttl_sp img{ width: 91%; margin: -20% 0 0 6%;
}
.site-header.transform {padding: 0px;}
.entry-content_archive {
width: 98%;
float: none;
}
.entry-title {
padding-top: 9%;
font-size: 2.25rem;
width: 98%;
}
.entry-content_archive p {
width: 98%;
margin: 5% auto;
}
.entry-content_archive img {
width: 98%;
height: auto;
top: 0;
right: 0;
margin: 5% auto 0 auto;
display: block;
position: relative;
}
.widget_categories li {margin-top: 4%;}
.widget-content li {
padding-left: 5%;
text-align: left;
border-bottom: 1px solid #6d6d6d;
}
.topic_path ul {
width: 1200px;
margin: 0 auto 0;
padding: 33px 22px 33px;
letter-spacing: -0.4em;
font-size: 1.4rem;
line-height: 1;
background: url(img/common/topicpath_home.png) no-repeat scroll 0 32px;
position: ;
z-index: 0;
}
.archive-title { width: 43%;margin-top: 5%;}
.widget-content li {
padding-left: 5%;
text-align: left;
border-bottom: 1px solid #6d6d6d;
margin: 5%;
}
.entry-categories {
float: left;
width: 50%;
margin-top: 5.5%;
}
.footer-nav-widgets-wrapper {
width: 100%;
float: none;
margin-left: 0;
margin-bottom: 4%;
margin-top: -5%;
}
.widget-content {
text-align: center;
margin: 0 auto;
}
.pt01 {
padding: 1% 6% 0 6%!important;
float: none !important;
width: 100% !important;
font-size: 1.75rem !important;
}
.w13per {
width: 41% !important;
margin: 0 auto;
float: none !important;
}
.ml07 {
margin-left: 6% !important;
float: none !important;
width: 90% !important;
}
.ml07_top {
margin-left: 0% !important;
width: 100%;
text-align: left !important;
}
.mt06 {
margin-top: 0;
width: 100%;
margin: 0 auto;
}
.mb06 {margin-bottom: 12% !important;}
.mlr014 {
margin-right: 4%;
margin-left: 1%;
}
h12 img {
width: 208px;
margin-left: 22% !important;
margin-top: -9%;
}
.tel01 {
margin-left: 6%;
margin-top: 0%;
}
.tel02 {
margin-left: 6%;
margin-top: 0%;
}
#new dt { margin-left: 0%;}
#new span, ul.ver span.temp, ul.ver span.program {
display: inline-block;
text-align: center;
background: rgb(228, 1, 21);
color: rgb(255, 255, 255);
font-size: 10px;
width: 46px;
margin-top: -1% !important;
margin-left: -10% !important;
position: relative;
clear: both;
margin-right: 12% !important;
}
.post-inner01 {
margin-top: 3%;
width: 100%;
float: left;
}
.entry-categories-inner li {
list-style: none;
font-size: 1.25rem;
float: left;
background: #e40115;
padding: 0.5% 0% 0.5% 9%;
border-radius: 5px;
margin: 0% 0 0 16%;
width: 49%;
}
}
/* 繝代た繧ｳ繝ｳ縺ｧ隕九◆縺ｨ縺阪�"pc"縺ｮclass縺後▽縺�◆逕ｻ蜒上′陦ｨ遉ｺ縺輔ｌ繧� */
.pc { display: block !important; }
.sp { display: none !important; }
/* 繧ｹ繝槭�繝医ヵ繧ｩ繝ｳ縺ｧ隕九◆縺ｨ縺阪�"sp"縺ｮclass縺後▽縺�◆逕ｻ蜒上′陦ｨ遉ｺ縺輔ｌ繧� */
@media only screen and (max-width: 750px) {
.pc { display: none !important; }
.sp { display: block !important; }
}
/* 縲檎ｷｨ髮�阪�繧ｿ繝ｳ繧帝撼陦ｨ遉ｺ縺ｫ縺吶ｋCSS */
.post-meta {display:none !important;visibility: hidden;}
@media all and (-ms-high-contrast: none) {
/* 縺薙％縺ｫ譖ｸ縺� */
.page-footer-in p.copyright a{
color: #fff !important;
display: inline-block;
}
/*#teaser-main{
margin-top:12%;
}*/
}
/*繧ｹ繝槭�逕ｨ*/
@media (min-width: 751px) {
a[href*="tel:"] {
pointer-events: none;
cursor: default;
text-decoration: none;
color: #9b000c !important;
display: inline-block;
}
}
//邵ｦ蜷代″縺ｮ蝣ｴ蜷�
@media screen and (orientation:portrait){
p {font-size: 1em; }
}
//讓ｪ蜷代″縺ｮ蝣ｴ蜷�
@media screen and (orientation:landscape){
p {font-size: 1.2em; }
}