@charset "UTF-8";
/* CSS Document */

.hc{ background: none;}
.hc .mb{ max-width: 100%;}
.hc h1{ margin-left: 2.0rem;}
.hc .tel{ background: rgba(255,255,255,0.7); align-self: stretch;}

main,
main *{ margin: 0; padding: 0;}

.section{ position: relative; background: no-repeat center center / cover;}
.section .content{ margin: 0; padding: 4.0rem; position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; flex-direction:column; justify-content: center;}

.section_about{ background-image: url("../img/index/bg_about.webp");}
.section_transport{ background-image: url("../img/index/bg_transport.webp");}
.section_points{ background-image: url("../img/index/bg_points.webp");}
.section_vehicle{ background-image: url("../img/index/bg_vehicle.webp");}
.section_job{ background-image: url("../img/index/bg_job.webp");}
.section_inquiry{ background-image: url("../img/index/bg_inquiry.webp");}

.section .content h2{ color: #fff; font-size: 278%; line-height: 1.5; font-family: 'Noto Serif JP', Serif; text-shadow: 1px 1px 5px #000; font-weight: 600;}
.section .content p{ margin-top: 1.0rem; color: #fff; line-height: 1.8;font-family: 'Noto Serif JP', Serif; font-weight: 400; text-shadow: 1px 1px 5px #000;}
.section .content nav a{ display: block; width: fit-content; margin: 1.5rem 0 0 0; padding: 1.0rem 4.0rem; background: #ffd900; font-size: 88%; color: #000; text-decoration: none;}

.index_footer{ display: block; margin: 0; padding: 0; position: fixed; border-left-width: 0; bottom: 0; width: 100%;}
.index_footer ul{ margin: 0; padding: 1.5rem 0;; display: flex; justify-content: center; gap: 0;}
.index_footer li{ margin: 0; padding: 0;}
.index_footer a{ display: block; color: #FFF; text-decoration: none; font-size: 88%; font-weight: 200;}
.index_footer a::before{ content: '｜'; padding: 0 0.2em;}
.index_footer li:first-child a::before{ display: none;}