@charset "UTF-8";
@charset "UTF-8";

 header .kv {
position: relative;
overflow-x: hidden;
}
ul.page_nav {
position: fixed;
right: -0.1%;
width: 105px;
top: 50vh;
transform: translateY(-50%);
background-color: rgba(255, 255, 255, 0.87);
padding: 18px 0 16px;
border-radius: 14px;
z-index: 1000;
}
ul.page_nav li {
margin-bottom: 12px;
}
ul.page_nav li img {
width: 53.333%;
display: block;
margin: auto;
}
ul.page_nav li a {
font-size: 0.875em;
color: #004098;
font-weight: bold;
white-space: nowrap;
text-align: center;
line-height: 1.57;
}
@media screen and (max-width: 1300px) {
} section#first form {
margin-top: 30px;
display: flex;
flex-wrap: wrap;
}
section#first form div.search_box {
font-size: 1.188em;
font-weight: bold;
line-height: 1.01;
}
section#first form p {
display: inline-block;
}
section#first div.search_box select,
section#first div.search_box input {
height: 2.25em;
margin-left: 15px;
margin-right: 45px;
width: 248px;
border: #9d9d9d solid 0.5px;
padding: 0 0.3em;
color: black;
background-color: #fff;
}
.with_arrow {
position: relative;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-image: url(https://www.truck-one.com/wp-content/themes/truckone/assets/images/form_select_arrow.png);
background-position: 95% center;
background-repeat: no-repeat;
background-size: 9.79px 6.24px;
}
section#first div.search_box.nenshiki select,
section#first div.search_box.nenshiki input {
width: 197px;
}
section#first div.search_box.size select,
section#first div.search_box.size input {
width: 148px;
}
section#first div.keywords select,
section#first div.keywords input {
width: 705px;
margin-right: 0;
}
section#first div.search_box.nenshiki {
margin-right: 10%;
}
section#first div.search_box.size {
margin-right: 5%;
}
@media screen and (max-width: 1920px) {
section#first div.search_box select,
section#first div.search_box input {
width: 12.91vw;
min-width: 120px;
}
section#first div.search_box.nenshiki select,
section#first div.search_box.nenshiki input {
width: 10.26vw;
}
section#first div.search_box.size select,
section#first div.search_box.size input {
width: 7.7vw;
}
section#first div.keywords select,
section#first div.keywords input {
width: 34.718vw;
margin-right: 0;
}
}
section#first form div.nenshiki select,
section#first form div.nenshiki input {
margin-right: 5px;
}
section#first form div.nenshiki span {
font-weight: normal;
}
section#first form div.katashiki p {
margin-right: 2em;
}
section#first form div {
margin-bottom: 22px;
}
section#first div.search_button {
width: 100%;
text-align: center;
margin-top: 20px;
margin-bottom: 50px;
}
section#first div.search_button input {
width: 25.666%;
height: 40px;
border: none;
font-weight: bold;
color: #fff;
font-size: 1.5em;
border-radius: 6px;
cursor: pointer;
}
section#first div.search_button input:nth-child(1) {
background: #00ab7c;
margin-right: 6.4%;
}
section#first div.search_button input:nth-child(2) {
background: #a56d35;
}
@media screen and (max-width: 930px) {
section#first div.search_box.maker {
margin-right: 20%;
}
section#first div.search_box.nenshiki p {
padding-right: 2em;
}
section#first div.search_box.size {
margin-right: 0;
}
section#first div.search_box.size p {
padding-right: 1em;
}
} @media screen and (max-width: 768px) {
section#first form.pc {
display: none;
}
section#first > ul {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-top: 16px;
}
section#first > ul li {
width: 48.45%;
}
} section#second { }
section#first h2,
section#second h2,
section#second_2 h2 {
font-size: 1.5em;
color: #004098;
background: rgba(0, 64, 152, 0.13);
line-height: 2.2916;
padding-left: 7px;
}
section#second > div.truck_list_btn {
text-align: right;
margin-top: 20px;
}
section#second > div.truck_list_btn a {
font-size: 1.188em;
color: #8e0000;
margin-left: 7.8333%;
font-weight: bold;
}
section#second ul {
padding-top: 21px;
padding-bottom: 40px;
flex-wrap: wrap;
justify-content: space-between;
}
section#second ul li:nth-child(1) {
background: url(https://www.truck-one.com/wp-content/themes/truckone/assets/images/truck_list_01.png) center center no-repeat;
background-size: contain;
}
section#second ul li:nth-child(2) {
background: url(https://www.truck-one.com/wp-content/themes/truckone/assets/images/truck_list_02.png) center center no-repeat;
background-size: contain;
}
section#second ul li:nth-child(3) {
background: url(https://www.truck-one.com/wp-content/themes/truckone/assets/images/truck_list_03.png) center center no-repeat;
background-size: contain;
}
section#second ul li:nth-child(4) {
background: url(https://www.truck-one.com/wp-content/themes/truckone/assets/images/truck_list_04.png) center center no-repeat;
background-size: contain;
}
section#second ul li:nth-child(5) {
background: url(https://www.truck-one.com/wp-content/themes/truckone/assets/images/truck_list_05.png) center center no-repeat;
background-size: contain;
}
section#second ul li:nth-child(6) {
background: url(https://www.truck-one.com/wp-content/themes/truckone/assets/images/truck_list_06.png) center center no-repeat;
background-size: contain;
}
section#second ul li:nth-child(7) {
background: url(https://www.truck-one.com/wp-content/themes/truckone/assets/images/truck_list_07.png) center center no-repeat;
background-size: contain;
}
section#second ul li:nth-child(8) {
background: url(https://www.truck-one.com/wp-content/themes/truckone/assets/images/truck_list_08.png) center center no-repeat;
background-size: contain;
}
section#second ul li:nth-child(9) {
background: url(https://www.truck-one.com/wp-content/themes/truckone/assets/images/truck_list_09.png) center center no-repeat;
background-size: contain;
}
section#second ul li:nth-child(10) {
background: url(https://www.truck-one.com/wp-content/themes/truckone/assets/images/truck_list_10.png) center center no-repeat;
background-size: contain;
}
section#second ul li:nth-child(11) {
background: url(https://www.truck-one.com/wp-content/themes/truckone/assets/images/truck_list_11.png) center center no-repeat;
background-size: contain;
}
section#second ul li:nth-child(12) {
background: url(https://www.truck-one.com/wp-content/themes/truckone/assets/images/truck_list_12.png) center center no-repeat;
background-size: contain;
}
section#second ul li {
width: 24.4166%;
height: 84px;
margin-bottom: 0.7778%;
}
@media screen and (max-width: 1920px) {
section#second ul li {
height: 0;
padding-top: 7%;
position: relative;
}
section#second ul li a {
width: 63%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
}
section#second ul li a {
height: 100%;
display: flex;
align-items: center;
padding-left: 36.177%;
font-size: 1.188em;
font-weight: bold;
line-height: 1.263;
}
section#second ul li a {
}
@media screen and (max-width: 1250px) {
section#second ul li:nth-child(12) br.sp {
display: block;
}
section#second ul li:nth-child(12) br.pc {
display: none;
}
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
section#second ul li a {
font-size: 14px;
}
section#second ul li {
width: 33%;
padding-top: 9%;
}
} @media screen and (max-width: 768px) {
section#second {
margin-top: 17px;
}
section#second > ul,
section#second_2 form {
position: relative;
}
section#second > ul::before,
section#second_2 form::before {
content: '';
position: absolute;
width: 100vw;
height: 100%;
top: 0;
left: 50%;
transform: translateX(-50%);
z-index: -1;
}
section#second > ul::before {
background: #f3f3f3;
}
section#second_2 form::before {
background: #fff6d9;
}
section#second h2,
section#second_2 h2 {
position: relative;
font-size: 4.27vw;
}
section#second h2::before,
section#second_2 h2::before {
content: '';
background: rgba(0, 64, 152, 0.13);
position: absolute;
width: 3%;
height: 100%;
top: 0;
left: 100%;
z-index: -1;
}
section#second h2::after,
section#second_2 h2::after {
content: '';
background: rgba(0, 64, 152, 0.13);
position: absolute;
width: 3%;
height: 100%;
top: 0;
right: 100%;
z-index: -1;
}
section#second ul li {
width: 31.55%;
padding-top: 25.915%;
}
section#second ul li a {
padding-top: 47%;
padding-left: 5px;
padding-right: 5px;
height: 40%;
display: flex;
justify-content: center;
width: 91%;
font-size: 3.73vw;
}
section#second ul li:nth-child(1) {
background: url(https://www.truck-one.com/wp-content/themes/truckone/assets/images/sp/truck_list_01.png) center center no-repeat;
background-size: contain;
}
section#second ul li:nth-child(2) {
background: url(https://www.truck-one.com/wp-content/themes/truckone/assets/images/sp/truck_list_02.png) center center no-repeat;
background-size: contain;
}
section#second ul li:nth-child(3) {
background: url(https://www.truck-one.com/wp-content/themes/truckone/assets/images/sp/truck_list_03.png) center center no-repeat;
background-size: contain;
}
section#second ul li:nth-child(4) {
background: url(https://www.truck-one.com/wp-content/themes/truckone/assets/images/sp/truck_list_04.png) center center no-repeat;
background-size: contain;
}
section#second ul li:nth-child(5) {
background: url(https://www.truck-one.com/wp-content/themes/truckone/assets/images/sp/truck_list_05.png) center center no-repeat;
background-size: contain;
}
section#second ul li:nth-child(6) {
background: url(https://www.truck-one.com/wp-content/themes/truckone/assets/images/sp/truck_list_06.png) center center no-repeat;
background-size: contain;
}
section#second ul li:nth-child(7) {
background: url(https://www.truck-one.com/wp-content/themes/truckone/assets/images/sp/truck_list_07.png) center center no-repeat;
background-size: contain;
}
section#second ul li:nth-child(8) {
background: url(https://www.truck-one.com/wp-content/themes/truckone/assets/images/sp/truck_list_08.png) center center no-repeat;
background-size: contain;
}
section#second ul li:nth-child(9) {
background: url(https://www.truck-one.com/wp-content/themes/truckone/assets/images/sp/truck_list_09.png) center center no-repeat;
background-size: contain;
}
section#second ul li:nth-child(10) {
background: url(https://www.truck-one.com/wp-content/themes/truckone/assets/images/sp/truck_list_10.png) center center no-repeat;
background-size: contain;
}
section#second ul li:nth-child(11) {
background: url(https://www.truck-one.com/wp-content/themes/truckone/assets/images/sp/truck_list_11.png) center center no-repeat;
background-size: contain;
}
section#second ul li:nth-child(12) {
background: url(https://www.truck-one.com/wp-content/themes/truckone/assets/images/sp/truck_list_12.png) center center no-repeat;
background-size: contain;
} section#second_2 form {
padding-top: 12px;
}
section#second_2 form select,
section#second_2 form input {
width: 100%;
margin-bottom: 20px;
height: 7.47vw;
padding: 0 6px;
font-size: 4vw;
border: 0.5px #9d9d9d solid;
background-color: white;
}
section#second_2 form input {
width: calc(100% - 12px);
}
section#fourth .toiro_wr .toiro_txt::after {
width: 94%;
height: 94%;
top: -113%;
left: -14%;
z-index: -1;
}
section#second_2 form .nenshiki select:nth-child(1) {
margin-bottom: 8px;
}
section#second_2 form .nenshiki .down-arrow::after {
content: '';
display: block;
width: 27px;
height: 6px;
background: url(https://www.truck-one.com/wp-content/themes/truckone/assets/images/sp/form_arrow.png);
margin: 0 auto 8px;
}
section#second_2 form .search_button {
text-align: center;
}
section#second_2 form .search_button input {
width: 68.732%;
height: 8.53vw;
border: none;
border-radius: 6px;
color: #fff;
font-weight: bold;
font-size: 4.8vw;
}
section#second_2 form .search_button input:nth-child(1) {
background: #00ab7c;
margin-top: 5px;
}
section#second_2 form .search_button input:nth-child(2) {
background: #a56d35;
margin-bottom: 30px;
}
} section#third {
margin-top: 49px;
}
section#third h2 {
margin-bottom: 17px;
}
section#third div.slider {
margin-top: 15px;
margin-bottom: 68px;
}
section#third > span {
background: #3b3b3b;
color: #fff;
text-align: center;
padding: 0.438em 1.25em;
border-radius: 25px;
}
div.slider {
display: flex;
}
#third div.slider .slide img {
width: 282px;
margin-right: 20px;
margin-bottom: 19px;
}
@media screen and (max-width: 1900px) {
#third div.slider .slide img {
width: 18vw;
margin-right: 1.04vw;
}
}
@media screen and (max-width: 1600px) {
#third div.slider .slide img {
width: 282px;
margin-right: 1.04vw;
}
}
#third img.slide-arrow,
.slider03 img.slide-arrow {
position: absolute;
width: 50px;
top: -65px;
cursor: pointer;
}
#third img.prev-arrow,
.slider03 img.prev-arrow {
right: 65px;
}
@media screen and (max-width: 1600px) {
#third img.slide-arrow,
.slider03 img.slide-arrow {
width: 2.6vw;
}
#third img.slide-arrow,
.slider03 img.slide-arrow {
top: -3.39vw;
}
#third img.prev-arrow,
.slider03 img.prev-arrow {
right: 3.39vw;
}
}
#third img.next-arrow,
.slider03 img.next-arrow {
right: 0;
}
div.all_truck {
display: flex;
justify-content: center;
margin-top: 92px;
}
@media screen and (min-width: 768px) {
div.all_truck a {
min-width: 210px;
}
}
div.all_truck a {
background: url(https://www.truck-one.com/wp-content/themes/truckone/assets/images/btn_all_truck.png) center center no-repeat;
height: 31.666%;
width: 25.58%;
display: inline-block;
background-size: contain;
color: #fff;
display: flex;
align-items: center;
justify-content: center;
font-size: 1.25em;
line-height: 2em;
} section#fourth {
margin-top: 113px;
padding-top: 58px;
position: relative;
}
section#fourth::before {
content: '';
width: 100vw;
height: 100%;
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
background: #f9f9f9;
z-index: -1;
}
section#fourth h2 {
text-align: center;
}
section#fourth h2 img {
width: 28.11%;
}
section#fourth .toiro_wr {
display: flex;
align-items: flex-start;
margin-top: 69px;
}
section#fourth .toiro_wr .toiro_txt {
width: 46.91%;
position: relative;
}
section#fourth .toiro_wr .toiro_txt::after {
content: '';
background: url(https://www.truck-one.com/wp-content/themes/truckone/assets/images/toiro_txt_back.png) center center no-repeat;
background-size: 100%;
width: 122.32%;
height: 0;
padding-top: 122.32%;
position: absolute;
top: -27%;
left: -42%;
z-index: -1;
opacity: 0.06;
}
section#fourth .toiro_wr .toiro_txt p:nth-child(1) {
font-size: 2em;
font-family: 'Hiragino Kaku Gothic Pro', 'Hiragino Kaku Gothic ProN', 'Hiragino Sans';
}
section#fourth .toiro_wr .toiro_txt p:nth-child(2) {
margin-top: 44px;
font-size: 1.25em;
font-family: 'Noto Sans CJK JP';
font-weight: 500;
}
section#fourth .toiro_wr .toiro_img {
width: 49.08%;
position: relative;
margin-left: 4%;
margin-top: -4%;
}
section#fourth .toiro_wr .toiro_img a {
position: absolute;
background: url(https://www.truck-one.com/wp-content/themes/truckone/assets/images/btn_sales_place.png) center center no-repeat;
background-size: contain;
width: 26.86%;
height: 7.568%;
color: #fff;
display: flex;
padding-left: 20px;
align-items: center;
top: 45%;
left: 22%;
}
div.sales_office {
margin-top: 13.08%;
display: flex;
align-items: flex-start;
}
div.sales_office > img {
width: 37.166%;
margin-left: 2%;
}
div.sales_office > div {
width: 52.75%;
}
div.sales_office > div > h3 {
font-size: 1.5em;
color: #004098;
}
div.sales_office > div > p {
}
div.point_wr {
margin-top: 57px;
display: flex;
justify-content: center;
}
div.point_wr h3 {
font-size: 1.5em;
text-align: center;
margin-bottom: 7px;
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
div.point_wr h3 {
font-size: 1.25em;
}
}
div.point_wr > div {
width: 41.25%;
position: relative;
border: solid #707070 1px;
padding: 6px 0 9px;
position: relative;
}
div.point_wr > div:nth-child(1) {
margin-right: 10px;
}
div.point_wr > div p {
padding: 0 4.2424%;
}
div.point_wr > div > img {
position: absolute;
}
div.point_wr .point_01 img {
width: 50.3%;
left: -35%;
bottom: 0;
}
div.point_wr .point_02 img {
width: 54.74%;
right: -32%;
bottom: 0;
}
div.point_wr > div .point_btn {
text-align: center;
margin-top: 28px;
}
div.point_wr > div a {
color: #fff;
font-weight: bold;
display: inline-block;
}
@media screen and (min-width: 980px) {
div.point_wr > div a.btn_kaitori,
div.point_wr > div a.btn_rental {
min-width: 260px;
}
}
a.btn_truck_one {
padding: 0 0.3em;
background: #7700ff;
line-height: 2.6875;
}
a.btn_rental {
margin-top: 30px;
width: 73.1313%;
background: #30a053;
}
a.btn_kaitori {
width: 73.1313%;
background: #be0000;
position: absolute;
bottom: 9px;
left: 50%;
transform: translateX(-50%);
}
a.btn_rental,
a.btn_kaitori {
font-size: 2.063em;
line-height: 1.1;
height: 75px;
}
a.btn_rental span,
a.btn_kaitori span {
font-size: 0.576em;
}
@media screen and (max-width: 1600px) {
a.btn_rental {
margin-top: 1.56vw;
}
div.point_wr .point_01 img {
width: 46%;
}
div.point_wr .point_02 img {
width: 50%;
}
}
@media screen and (max-width: 1000px) {
div.point_wr > div a.btn_rental,
div.point_wr > div a.btn_kaitori {
font-size: 1.5em;
height: auto;
}
} @media screen and (max-width: 768px) {
section#fourth {
margin-top: 47px;
padding-top: 0;
}
section#fourth::before {
content: none;
}
section#fourth h2 img {
width: 65.07vw;
}
section#fourth .fl.toiro_wr {
display: block;
}
section#fourth .toiro_wr .toiro_txt {
width: 100%;
}
section#fourth .toiro_wr .toiro_txt::after {
width: 100%; top: -113%;
left: 0%;
z-index: -1;
}
section#fourth .toiro_wr .toiro_txt p:nth-child(1) {
font-size: 4.8vw;
}
section#fourth .toiro_wr .toiro_txt p:nth-child(2) {
font-size: 3.47vw;
margin-top: 19px;
font-weight: 400;
}
section#fourth .toiro_wr .toiro_img {
margin-top: 10px;
width: 100vw;
left: 50%;
transform: translateX(-50%);
}
section#fourth .toiro_wr {
margin-top: 40px;
}
div.sales_office {
margin-top: 52px;
flex-direction: column-reverse;
padding-bottom: 11.267%;
}
div.sales_office > img {
width: 100vw;
position: relative;
left: 50%;
transform: translateX(-50%);
}
div.sales_office > div {
width: 100%;
}
div.sales_office > div h3 {
width: 85%;
margin: auto;
font-size: 5.6vw;
margin-top: 27px;
}
div.sales_office > div > p {
font-size: 4.27vw;
margin-top: 24px;
}
div.point_wr.pc {
display: none;
}
} section#fifth {
padding-top: 10.83%;
padding-bottom: 6.833%;
border-bottom: solid 1px #bebebe;
position: relative;
}
section#fifth::before,
section#six::before {
content: '';
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
background: #f9f9f1;
width: 100vw;
height: 100%;
z-index: -1;
}
section#fifth > h2,
section#fifth > h3,
section#fifth > p {
display: inline-block;
vertical-align: middle;
}
section#fifth .service_bnr {
margin-top: 50px;
display: flex;
justify-content: space-between;
}
section#fifth .service_bnr a {
width: 18.75%;
} section#six {
padding-top: 7.166%;
position: relative;
}
section#six div.voice_ttl {
display: flex;
align-items: center;
}
section#six div.voice_ttl h2,
section#six div.voice_ttl h3 {
margin-right: 24px;
}
section#six div.voice_ttl a {
margin-left: auto;
color: #fff;
width: 15%;
height: 50px;
background: #036db6;
display: flex;
align-items: center;
justify-content: center;
}
ul.voice_contents {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-top: 67px;
}
ul.voice_contents li {
width: 31.666%;
margin-bottom: 54px;
}
ul.voice_contents::after {
content: '';
width: 31.666%;
margin-bottom: 54px;
}
ul.voice_contents li a.voice_tag {
color: #fff;
line-height: 1.25;
padding: 0 1em;
}
.voice_tag_01 {
background: #30a053;
}
.voice_tag_02 {
background: #be0000;
}
.voice_tag_03 {
background: #e2c83b;
}
.voice_tag_04 {
background: #fb6400;
}
.voice_tag_05 {
background: #a56d35;
}
.voice_tag_06 {
background: #004098;
}
ul.voice_contents li p {
text-decoration: underline;
} section#seven {
padding-top: 82px;
width: 83.333%;
margin: auto;
}
section#seven h2,
section#eight h2 {
font-size: 1.5em;
padding-bottom: 9px;
border-bottom: solid 1px #707070;
}
section#seven ul {
padding-top: 24px;
}
section#seven ul li,
section#seven ul li a {
color: #343434;
}
section#seven ul li {
margin-bottom: 15px;
}
section#seven ul li a {
text-decoration: underline;
}
section#seven ul li time {  display: inline-block;
width: 97px;
} section#eight {
width: 83.333%;
margin: 51px auto 0;
padding-top: 40px;
padding-bottom: 130px;
border-top: 1px solid #707070;
}
section#eight > img {
margin-top: 20px;
}
section#eight div.slider {
padding-left: 4.2%;
padding-right: 4.2%;
margin-top: 67px;
}
#eight div.slider .slide img {
width: 218px;
margin-right: 10px;
}
@media screen and (max-width: 1600px) {
#eight div.slider .slide img {
width: 14vw;
margin-right: 0.8854vw;
}
}
#eight img.slide-arrow {
position: absolute;
width: 3%;
}
#eight img.prev-arrow {
left: 0;
top: 50%;
transform: translateY(-50%);
}
#eight img.next-arrow {
right: 0;
top: 50%;
transform: translateY(-50%);
} @media screen and (max-width: 768px) {
section#six_sp,
section#seven,
section#eight {
width: 93.8%;
position: relative;
background: #fff;
padding-top: 4.2vw;
padding-bottom: 19px;
text-align: center;
}
section#six_sp {
margin: 29px auto 0;
}
section#seven {
margin: 21px auto 0;
}
section#eight {
margin: 21px auto 33px;
}
section#six_sp::before,
section#seven::before,
section#eight::before {
content: '';
position: absolute;
width: 106.66%;
left: 50%;
transform: translateX(-50%);
background: rgba(2, 155, 124, 0.13);
z-index: -2;
}
section#six_sp::before {
height: calc(100% + 29px);
top: -29px;
}
section#seven::before {
height: calc(100% + 21px);
top: -21px;
}
section#eight::before {
height: calc(100% + 54px);
top: -21px;
}
section#six_sp h2,
section#six_sp h3,
section#seven h2,
section#eight h2.sp {
font-size: 4.8vw;
display: inline-block;
padding: 0 0.8em;
margin: auto;
border: 0.5px #707070 solid;
text-align: center;
}
section#six_sp > p {
font-size: 3.47vw;
margin-top: 7px;
text-align: center;
}
section#six_sp > a {
width: 100%;
display: block;
}
section#six_sp > a > img {
display: block;
width: 96%;
margin: 6px auto 0;
}
section#six_sp > div {
text-align: center;
}
section#six_sp > div > a {
display: block;
width: 46.84%;
line-height: 43px;
margin: 13px auto 0;
background: #036db6;
font-size: 3.47vw;
color: #fff;
}
section#seven ul {
width: 92.5%;
text-align: left;
margin: 14px auto;
font-size: 2.67vw;
}
section#seven ul li {
margin-bottom: 15px;
}
section#seven ul li a {
font-size: 3vw;
}
section#eight {
margin-bottom: 33px;
border-top: none;
}
section#eight > img {
width: 96.666%;
margin: 14px auto;
}
section#eight > p {
font-size: 3.47vw;
margin-top: 7px;
margin-bottom: 14px;
}
section#eight > div.slider.pc {
display: none;
}
div.slider04 {
display: flex;
padding: 16px 0 64px;
}
div.slider04 .slide img {
width: 58.1333vw;
margin-right: 10px;
}
footer .footer_content {
font-size: 2.3vw;
}
}
input::placeholder {
color: #dcdcdc;
} input:-ms-input-placeholder {
color: #dcdcdc;
} input::-ms-input-placeholder {
color: #dcdcdc;
}
.print {
display: none;
}
.entry-content {
padding-top: 45px;
}
.entry-footer {
display: none;
}
.post-navigation {
display: none;
}
.pager {
display: flex;
}
.pager-inner {
display: flex;
flex-wrap: wrap;
justify-content: center;
margin-right: auto;
margin-left: auto;
}
.pager-inner > *:last-child {
margin-right: 0;
}
.pager-item {
margin-right: 4px;
margin-bottom: 10px;
}
.pager-link {
display: flex;
align-items: center;
justify-content: center;
width: 36px;
height: 36px;
border: 1px solid #707070;
text-decoration: none;
transition: 0.25s;
font-size: 18px;
font-weight: bold;
}
.prev-link,
.next-link {
width: 66px;
}
.pager-link:focus,
.pager-link:hover {
background-color: #dbdbdb;
opacity: 0.75;
}
.pager-link--active {
background-color: #dbdbdb;
pointer-events: none;
}
.pc-pager {
display: none;
}
input[type='radio'] {
-webkit-appearance: radio;
}
input[type='checkbox'] {
-webkit-appearance: checkbox;
}
.acd-check {
display: none;
}html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
margin:0;
padding:0;
border:0;
outline:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
}
body {
line-height:1;
}
article,aside,details,figcaption,figure,
main,footer,header,hgroup,menu,nav,section {
display:block;
}
nav ul {
list-style:none;
}
blockquote, q {
quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content:'';
content:none;
}
a {
margin:0;
padding:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
} ins {
background-color:#ff9;
color:#000;
text-decoration:none;
} mark {
background-color:#ff9;
color:#000;
font-style:italic;
font-weight:bold;
}
del {
text-decoration: line-through;
}
abbr[title], dfn[title] {
border-bottom:1px dotted;
cursor:help;
}
table {
border-collapse:collapse;
border-spacing:0;
} hr {
display:block;
height:1px;
border:0;
border-top:1px solid #cccccc;
margin:1em 0;
padding:0;
}
input, select {
vertical-align:middle;
}
 ul {
list-style: none;
}
a {
color: #000;
text-decoration: none;
}
img {
width: 100%;
}
input,
select {
-webkit-appearance: none;
-moz-appearance: none;
}
body {
font-size: 16px;
line-height: 1.6;
font-family: YuGothic, "Yu Gothic Medium", "Yu Gothic", -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", "Helvetica Neue", HelveticaNeue, Verdana, Meiryo, sans-serif;
overflow-x: hidden;
}
.fl li .sp {
display: block;
}
.fl li:last-child br {
display: none;
}
@media screen and (max-width: 1900px) {
body {
font-size: .83vw;
}
header .head_menu {
font-size: .83vw;
}
}
@media screen and (max-width: 1660px) {
body {
font-size: 14px;
}
}
.wrap {
overflow: hidden;
}
@media screen and (max-width: 768px) {
body {
font-size: 14px;
}
}
.sec_ttl {
font-size: 2.125em;
}
main {
max-width: 1200px;
width: 62.5%;
margin: auto;
}
@media screen and (max-width: 1500px) {
main {
width: 80%;
}
}
.fl {
display: flex;
}
.sp,
.global-nav-sp {
display: none;
}
.nav-sp-db{
display: block;
opacity: 1;
}
@media screen and (min-width: 891px){
.global-nav-sp.global-nav-sp{
display: none;
}
}
@media screen and (max-width: 768px) {
.sp{
display: block;
}
.pc,
.global-nav-pc {
display: none;
}
.fl li:last-child br {
display: block;
}
} header {
padding-top: 26px;
border-bottom: solid 1px #B5B5B5;
}
header .logo {
width: 27.44%;
}
header .logo img {
width: 208px;
}
header .logo p {
font-size: 0.875em;
margin-top: 8px;
line-height: 1.42;
font-weight: bold;
color: #616161;
}
@media screen and (max-width: 1600px) {
header {
padding-top: 1.35vw;
}
}
header .info {
width: 68.50%;
}
header nav {
width: 100%;
}
header .head_menu {
flex-wrap: wrap;
justify-content: space-between;
max-width: 1378px;
width: 71.77%;
margin: auto;
align-items: flex-end;
}
@media screen and (max-width: 1600px) {
header .head_menu {
width: 80%;
}
}
header .sp.top_bar {
color: #fff;
background: #004098;
}
header .sp.top_bar p {
font-size: 10px;
min-width: 140vw;
text-align: center;
position: relative;
left: 50%;
transform: translateX(-50%) scale(.7);
} header .head_info>p {
width: 100%;
font-size: 0.875em;
font-weight: bold;
}
header .head_info.pc {
width: 68.5%;
}
header .info_contact_wr {
align-items: center;
justify-content: space-between;
}
header .info_contact_wr ul {
font-weight: bold;
flex-wrap: wrap;
width: 69.67%;
}
header .info_contact_wr>a {
background: #004098;
color: #fff;
position: relative;
padding: 18px 11px 18px 54px;
white-space: nowrap;
border-radius: 4px;
line-height: 18px;
}
header .info_contact_wr>a span {
font-size: 0.875em;
}
header .info_contact_wr>a:before {
content: "";
background: url(//www.truck-one.com/wp-content/themes/truckone/assets/images/mail_icon.png) center center no-repeat;
position: absolute;
width: 34.94px;
height: 27.45px;
top: 50%;
left: 13px;
transform: translateY(-50%);
}
header .info_contact_wr ul li {
width: 50%;
height: 37px;
display: flex;
align-items: center;
margin-bottom: 4px;
}
header .info_contact_wr ul li a {
font-size: 1.75em;
line-height: 1.32;
white-space: nowrap;
font-family: "Nirmala UI", "游ゴシック", "Yu Gothic", serif;
}
header .info_contact_wr ul li span {
border-radius: 4px;
color: #fff;
font-size: 1.375em;
font-weight: bold;
line-height: 1.6;
height: 33px;
width: 119px;
justify-content: center;
display: flex;
align-items: center;
margin-right: 8px;
white-space: nowrap;
}
@media screen and (max-width: 1400px) {
header .info_contact_wr ul li span {
width: 6.2vw;
min-width: 87px;
}
}
header .info_contact_wr ul li:nth-child(1) span {
background-color: #30A053
}
header .info_contact_wr ul li:nth-child(2) span {
background-color: #FB6400;
font-size: 0.938em;
}
header .info_contact_wr ul li:nth-child(3) span {
background-color: #BE0000;
}
header .info_contact_wr ul li:nth-child(4) span {
background-color: #A56D35
} header nav {
font-weight: bold;
width: 93%;
margin: 25px auto 0;
position: relative;
}
@media screen and (max-width: 1200px) {
header .head_menu {
width: 90%;
}
}
header nav li {
width: 12.5%; display: flex;
align-items: center;
justify-content: center;
font-size: 0.875em;
}
header nav ul.fl li {
height: 90px;
}
.hover-nav-wrapper {
display: none;
}
@media screen and (min-width: 890px) {
header nav ul.fl li a {
width: 100%;
line-height: 1.3em;
text-align: center;
font-size: 16px;
height: 68%;
display: flex;
justify-content: center;
align-items: center;
}
.fl-item>a {
border-left: solid #C9C9C9 1px;
}
.fl-item:last-child a {
border-right: solid #C9C9C9 1px;
}
.hover-nav-wrapper {
position: absolute;
display: none;
top: 100%;
left: 0;
z-index: 1;
width: 100%;
}
.hover-nav {
height: auto;
display: flex;
color: #fff;
position: relative;
width: 100%;
padding: 10px 0;
box-sizing: border-box;
}
.hover-nav::before {
content: "";
position: absolute;
z-index: -1;
background-color: rgba(0, 64, 153, 0.96);
width: 100vw;
height: 100%;
top: 0;
left: 50%;
transform: translateX(-50%);
}
header nav ul.fl li .hover-nav-item,
header nav ul.fl li .hover-links-item {
height: auto;
align-items: stretch;
width: auto;
}
header nav ul.fl li .hover-nav-ttl {
font-size: 26px;
font-weight: bold;
line-height: 1.2;
padding-top: 24px;
border-right: 1px solid #fff;
flex: 1;
}
header nav ul.fl li .hover-links {
display: flex;
padding-top: 24px;
padding-left: 54px;
flex: 0 1 80%;
}
header nav ul.fl li .hover-links-item {
display: flex;
flex-direction: column;
border: none;
justify-content: flex-start;
width: 25%;
padding-right: 30px;
}
header nav ul.fl li .hover-link {
display: block;
color: #fff;
text-align: left;
font-size: 20px;
}
.hover-link-img-wrapper {
background-color: #fff;
height: 70px; box-sizing: border-box;
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 10px;
}
.hover-link-img-wrapper img {
height: 100%;
object-fit: contain;
}
header nav ul.fl .fl-item:before,
header nav ul.fl .fl-item:before {
position: relative;
content: '';
}
header nav ul.fl .fl-item:hover:after,
header nav ul.fl .fl-item:hover:after {
position: absolute;
content: '';
bottom: 7px;
width: 10%;
height: 4px;
background-color: rgba(0, 64, 153, 0.96);
border-radius: 4px;
z-index: 10;
}
header nav ul.fl .rental-lease-nav:hover .hover-nav-wrapper,
header nav ul.fl .corp-nav:hover .hover-nav-wrapper {
display: block;
}
}
@media screen and (max-width: 1900px) {
header .head_info.pc {
width: 69%;
}
header .logo {
width: 30%;
}
header .info_contact_wr>a {
padding: 10px 11px 10px 54px;
top: 125%;
}
} @media screen and (max-width: 890px) {
header .pc:not(.kv) {
display: none;
}
header .sp {
display: block;
}
header {
padding: 0;
padding-bottom: 0;
}
header .head_menu {
width: 100%;
align-items: flex-start;
}
header .logo {
width: 27.73vw;
padding: 1.87vw 0 0 3.47vw;
}
header .logo img {
width: 100%;
}
ul.page_nav_sp {
display: flex;
padding-top: 1.87vw;
text-align: center;
}
ul.page_nav_sp p {
font-size: 2.13vw;
white-space: nowrap;
}
ul.page_nav_sp img {
width: 7.2vw;
}
ul.page_nav_sp a {
color: #004098;
}
ul.page_nav_sp li {
margin: 0 -.6vw;
transform: scale(.8);
}
.head_menu>div.sp {
width: 43.7%;
}
header .head_infos.sp {
background: #F3F3F3;
width: 16.8%;
height: 14.4vw;
text-align: center;
cursor: pointer;
}
header .head_infos.sp span {
width: 49.2%;
height: 0.27vw;
background: #707070;
display: block;
margin-right: auto;
margin-left: auto;
margin-bottom: 7px;
}
header div.head_infos.sp span:nth-of-type(1) {
margin-top: 3.2vw;
}
header .head_infos.sp p {
font-size: 2.67vw;
font-weight: bold;
}
header nav>span {
content: '';
background: rgba(0, 0, 0, .38);
position: absolute;
top: -20px;
left: 50%;
width: 100vw;
transform: translateX(-50%);
height: 100vh;
z-index: -1;
}
header nav {
z-index: 100;
position: fixed;
width: calc(100vw - 92px);
max-width: 500px;
top: 0;
left: 50%;
transform: translateX(-50%);
padding: 13px 23px;
background: #191919;
opacity: 0;
display: none;
transition: opacity .6s ease;
}
header nav ul {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
width: 100%;
text-align: center;
}
header nav ul li a,
header nav div a {
color: #fff;
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
}
header nav>ul li {
width: 31%;
border: solid #C9C9C9 1px;
margin-bottom: 5%;
font-size: 16px;
}
header nav ul li.sp {
width: 100%;
background: #004098;
display: flex;
justify-content: center;
height: 37px;
}
header nav>ul li:nth-last-child(1) {  }
header nav ul.fl li a {
height: 90%;
}
header nav div {
color: #fff;
font-size: 4.27vw;
}
header nav div ul {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
header nav div ul li {
width: 47.78%;
border: none;
margin-bottom: 5%;
}
header nav div ul li a {
width: 100%;
}
}
@media screen and (max-width: 768px) {
main {
width: 94.666%
}
header {
border-bottom: .2px solid #707070;
}
}
@media screen and (max-width: 630px) {
header nav>ul li {
margin-bottom: 3%;
}
}
@media screen and (max-width: 420px) {
ul.page_nav_sp li {
transform: scale(1);
}
ul.page_nav_sp {
justify-content: space-around;
}
.head_menu>div.icons {
width: 55%;
}
header .head_infos.sp {
width: 14%;
}
header .logo {
width: 25vw;
}
} footer {}
.footer_info {
max-width: 1200px;
margin: 0 auto 27px;
padding-top: 52px;
display: flex;
justify-content: space-between;
}
.footer-corp-info {
padding-right: 10px;
}
.footer-corpname-wrapper {
display: flex;
margin-bottom: 28px;
}
.footer-corpname p {
margin-bottom: 15px;
font-size: 18px;
font-weight: bold;
line-height: 1.2;
}
.footer-corpname p:last-of-type {
margin-bottom: 0;
}
.corp-name {
font-size: 21px;
}
.footer_logo_wr {
width: 262px;
margin-right: 55px;
}
.footer-txt {
font-size: 15px;
font-weight: bold;
margin-bottom: 10px;
line-height: 1.5;
display: none;
}
.footer-sub-txt {
font-size: 13px;
font-weight: bold;
line-height: 1.5;
}
.phone-number-list {
box-sizing: border-box;
padding-left: 30px;
border-left: 1px solid #707070;
}
.phone-number-list ul li {
margin-bottom: 22px;
font-size: 18px;
font-weight: bold;
line-height: 1.2;
}
.phone-number-list ul li:last-of-type {
margin-bottom: 0;
}
footer small {
display: block;
font-size: 12px;
line-height: 1.2;
text-align: center;
margin: auto;
color: #fff;
background-color: #004098;
border: 1px solid #707070;
}
.site-map-area {
background-color: #ebebeb;
}
.site-map-list {
max-width: 1200px;
padding-top: 70px;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.site-map-list li {
width: 232px;
margin-right: 16px;
margin-left: 16px;
}
.site-map-ttl {
box-sizing: border-box;
padding: 17.5px 13px 16.5px 13px;
font-size: 20px;
font-weight: bold;
border-top: 2px solid #707070;
}
.site-map-child-list {
box-sizing: border-box;
padding-top: 24.5px;
border-top: 1px solid #707070;
margin-bottom: 61px;
}
.site-map-child-link {
display: block;
font-size: 17px;
line-height: 1;
margin-bottom: 15px;
}
@media screen and (max-width: 1500px) {
footer div.footer_info {
width: 80%;
}
footer .footer_content ul li {
margin-right: 6.4vw;
}
.footer-corpname-wrapper {
flex-direction: column;
}
}
@media screen and (max-width: 768px) {
footer {
padding: 0;
}
footer div.footer_info {
width: 94.666%;
display: block;
padding: 0;
}
.footer-corp-info {
margin-bottom: 15px;
}
.footer-corp-info p {
font-size: 15px;
}
.phone-number-list ul li {
font-size: 16px;
}
footer .footer_logo_wr {
width: 100%;
text-align: center;
margin-bottom: 20px;
}
footer .footer_logo_wr img {
width: 40%;
}
.site-map-list {
justify-content: center;
}
.site-map-list li {
width: 100%;
}
.site-map-child-list {
margin-bottom: 10px;
}
.footer_info {
flex-direction: column;
margin-top: 20px;
}
}
.arrow {
position: relative;
}
.arrow::after {
content: "";
display: block;
position: absolute;
top: 26px; right: 0px;
width: 0;
height: 0;
transform: translateX(-50%);
border: 8px solid transparent;
border-top: 8px solid #000;
border-bottom-width: 0;
}