@charset "UTF-8";
:root {
  color: #000000;
  font-family: "Noto Sans JP", sans-serif;
  line-height: 1.75;
  -webkit-font-smoothing: antialiased;
  scroll-behavior: smooth;
  letter-spacing: 0.1em;
}

body {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.75;
  font-weight: 500;
  background: #F5F5F5;
  text-align: center;
}

*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  font: inherit;
}

img {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
}

table {
  width: 100%;
  margin: 1em 0;
  border-collapse: collapse;
}
table th,
table td {
  text-align: left;
  vertical-align: baseline;
}

p {
  margin: 0;
}

ul, li {
  list-style-type: none;
  margin: 0;
}

li::marker {
  display: none;
}

.section {
  letter-spacing: 0.05em;
}

dd {
  margin: 0;
}

button {
  font-family: "Noto Sans JP", sans-serif;
}

a {
  color: #000000;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  text-decoration: none;
}
a:hover {
  color: #88650A;
  opacity: 1;
}

sup {
  font-size: 0.5rem;
  top: -1em;
}

.ttl-h2 {
  font-size: 36px;
  font-size: 2.25rem;
  font-weight: 700;
}
.ttl-h2 span {
  display: block;
  font-size: 0.8rem;
  position: relative;
}
.ttl-h2 span:before {
  content: "";
  display: block;
  width: 30px;
  border-top: 3px solid #88650A;
  margin: 10px auto 10px;
}

.img-shadow {
  -webkit-box-shadow: 15px 15px 0 rgba(0, 0, 0, 0.15);
          box-shadow: 15px 15px 0 rgba(0, 0, 0, 0.15);
}

.fc-main {
  color: #88650A;
}

.fw-bold {
  font-weight: bold;
}

.fs-large, .l-office-unit .office-name {
  font-size: 1.5rem;
}
.fs-slarge {
  font-size: 1.2rem;
}

.txt-note {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  font-size: 0.8rem;
  gap: 5px;
  margin-top: 10px;
}
.txt-note::before {
  content: "※";
}

.btn {
  display: block;
  width: 300px;
  background: #88650A;
  border: 1px solid #88650A;
  color: #FFF;
  margin: auto;
  padding: 15px 0;
  position: relative;
}
.btn:after {
  content: "";
  display: block;
  width: 8px;
  height: 12px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' viewBox='0 0 8 12'%3E%3Cpath fill='%23FFF' d='M.7 12c.2 0 .3-.1.4-.2l6.6-5.3c.2-.1.3-.3.3-.5s-.1-.4-.2-.5L1.1.1C1 0 .8 0 .6 0 .5 0 .3.1.2.3.1.4 0 .6 0 .7c0 .2.1.3.2.5l6 4.8-6 4.8c-.1.1-.2.3-.2.4 0 .2 0 .4.2.5.1.2.3.3.5.3z'/%3E%3C/svg%3E") 50% 50%/100% 100% no-repeat;
  position: absolute;
  right: 20px;
  top: calc((100% - 12px) / 2);
}
.btn:hover {
  background: transparent;
  color: #FFF;
}
.btn-map {
  display: block;
  width: 90px;
  text-align: center;
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: 700;
  padding: 5px;
  border: 1px solid #88650A;
  color: #88650A;
}
.btn-map:hover {
  background: #88650A;
  color: #FFF;
}
.btn-01 {
  display: block;
  width: 300px;
  border: 1px solid #88650A;
  color: #88650A;
  margin: auto;
  padding: 15px 0;
  position: relative;
}
.btn-01:after {
  content: "";
  display: block;
  width: 8px;
  height: 12px;
  position: absolute;
  right: 20px;
  top: calc((100% - 12px) / 2);
  background: url("../images/item_arrow_brown.svg");
}
.btn-01:hover {
  background: #88650A;
  color: #FFF;
}
.btn-01:hover::after {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' viewBox='0 0 8 12'%3E%3Cpath fill='%23FFF' d='M.7 12c.2 0 .3-.1.4-.2l6.6-5.3c.2-.1.3-.3.3-.5s-.1-.4-.2-.5L1.1.1C1 0 .8 0 .6 0 .5 0 .3.1.2.3.1.4 0 .6 0 .7c0 .2.1.3.2.5l6 4.8-6 4.8c-.1.1-.2.3-.2.4 0 .2 0 .4.2.5.1.2.3.3.5.3z'/%3E%3C/svg%3E") 50% 50%/100% 100% no-repeat;
}

table {
  max-width: 800px;
  margin: 75px auto;
}
table th,
table td {
  padding: 20px;
}
table tr {
  border-bottom: 1px solid #B8B8B8;
}
table tr:last-child {
  border-bottom: none;
}
table tr:last-child td {
  padding: 10px;
}
@media screen and (max-width: 789px) {
  table {
    margin: 20px auto;
  }
  table th, table td {
    display: block;
    padding: 10px;
  }
}

.fdr {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.m_0 {
  margin: 0 !important;
}

.pc {
  display: block;
}
@media screen and (max-width: 789px) {
  .pc {
    display: none;
  }
}

body {
  overflow-x: hidden;
}

.l-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 789px) {
  .l-flex.sp {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 10px;
  }
}
.l-flex.jc-sb {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.l-flex.ai-c {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.l-flex.ai-end {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.l-bgtri {
  position: relative;
  overflow: hidden;
}
.l-bgtri:before, .l-bgtri:after {
  content: "";
  position: absolute;
  left: 0;
}
.l-bgtri:before {
  border-bottom: 10vw solid #EBEBEB; /* 三角を白にする */
  border-left: 100vw solid transparent;
  bottom: 100px;
}
.l-bgtri:after {
  width: 100vw;
  height: 100px;
  background: #EBEBEB;
  bottom: 0;
  z-index: -1;
}
.l-content-wrap {
  position: relative;
  max-width: 1300px;
  padding: 0 10px;
  margin: auto;
}
.l-header {
  padding: 10px 20px;
  height: 80px;
  background: #FFF;
  position: relative;
}
.l-header .logo {
  height: 45px;
}
.l-nav ul {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-pack: space-between;
  -webkit-box-pack: justify;
          justify-content: space-between;
  gap: 50px;
}
.l-nav-logo {
  display: none;
}
@media screen and (max-width: 789px) {
  .l-nav {
    position: fixed;
    z-index: 9998;
    top: 0;
    right: -120%;
    width: 100%;
    height: 100vh;
    background: #88650A;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    text-align: left;
  }
  .l-nav.menuactive {
    right: 0;
  }
  .l-nav-logo {
    display: block;
    width: auto;
    margin: 15px;
  }
  .l-nav-logo img {
    height: 50px;
  }
  .l-nav ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 0;
    border-top: 1px solid rgba(255, 255, 255, 0.5);
  }
  .l-nav ul li {
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  }
  .l-nav ul li a {
    display: block;
    padding: 10px;
    color: #FFF;
  }
}
.l-sec-mv {
  background: url(../images/bg_main_pc.webp) no-repeat center center;
  background-size: cover;
  height: calc(100vh - 100px);
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-pack: flex-end;
  -webkit-box-pack: end;
          justify-content: flex-end;
  -ms-flex-align: center;
  -webkit-box-align: center;
          align-items: center;
}
.l-sec-mv-txt {
  width: 50vw;
  padding-left: 5vw;
}
.l-sec-mv .mv-copy {
  font-size: 54px;
  font-size: 3.375rem;
  letter-spacing: 0.1em;
  font-weight: 700;
  font-family: "Noto Serif JP", serif;
  text-align: left;
}
.l-sec-mv .mv-read {
  margin-top: 65px;
  font-size: 30px;
  font-size: 1.875rem;
  line-height: 2.3333333333;
  letter-spacing: 0.1em;
  font-weight: 700;
  text-align: left;
}
@media screen and (max-width: 789px) {
  .l-sec-mv {
    background: url(../images/bg_main_sp.webp) no-repeat center center;
    background-size: cover;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding-bottom: 5vh;
  }
  .l-sec-mv-txt {
    width: 100%;
    padding: 10px;
  }
  .l-sec-mv .mv-copy {
    font-size: 1.8rem;
  }
  .l-sec-mv .mv-read {
    margin-top: 3vh;
    font-size: 1.2rem;
  }
}
.l-sec-02 .l-col-03 {
  padding: 50px 0 50px;
  text-align: left;
}
.l-sec-separate {
  background: url(../images/bg_rentalcar.webp) no-repeat;
  background-size: cover;
  padding: 30px 10px;
}
.l-sec-separate .rentalcar dt {
  color: #E2CB7F;
  font-family: "Noto Serif JP", serif;
  font-size: 28px;
  font-size: 1.75rem;
  font-weight: 700;
  margin-bottom: 20px;
}
.l-sec-separate .rentalcar dd {
  color: #FFF;
}
.l-sec-separate .rentalcar dd .btn-area {
  margin-top: 40px;
}
.l-sec-03 {
  padding: 100px 0;
}
.l-sec-03.l-bgtri::before {
  bottom: 50vh;
}
.l-sec-03.l-bgtri:after {
  height: 50vh;
}
.l-sec-04 {
  padding: 100px 0 30px;
}
@media screen and (max-width: 789px) {
  .l-sec-04 {
    padding: 20px 0;
  }
}
.l-sec-map iframe {
  width: 100%;
  height: 400px;
  vertical-align: bottom;
}
.l-sec-copyright {
  background: #E2CB7F;
  color: #FFF;
  font-weight: normal;
  font-size: 0.9rem;
  padding: 10px;
}
.l-company-group {
  margin: 0 auto;
}
.l-company-group .company-group {
  max-width: 1050px;
  margin: 0 auto;
  background: #FFF;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
  -webkit-transform: translateY(-65px);
          transform: translateY(-65px);
}
.l-company-group .company-group dt {
  background: url(../images/bg_group.webp) no-repeat;
  background-size: cover;
  font-size: 36px;
  font-size: 2.25rem;
  letter-spacing: 0.1em;
  font-weight: 700;
  color: #FFF;
}
.l-company-group .company-group dd ul {
  padding: 20px;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
          justify-content: center;
  gap: 50px;
}
.l-company-group .company-group dd ul li {
  font-size: 24px;
  font-size: 1.5rem;
  font-weight: 700;
}
@media screen and (max-width: 789px) {
  .l-company-group .company-group {
    margin: 10px;
    -webkit-transform: translateY(-30px);
            transform: translateY(-30px);
  }
  .l-company-group .company-group dt {
    font-size: 1.7rem;
  }
  .l-company-group .company-group dd ul {
    padding: 10px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 10px;
  }
}
.l-office-copy {
  margin-top: 3rem;
}
.l-office-unit {
  margin-top: 7rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.l-office-unit .img-shadow {
  margin-bottom: 30px;
}
.l-office-unit .office-name {
  color: #88650A;
  font-weight: bold;
}
.l-office-unit.l-col-03 {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 50px 5%;
}
.l-office-unit.l-col-03 li {
  -ms-flex-preferred-size: 30%;
      flex-basis: 30%;
}
.l-col-03 {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-pack: space-between;
  -webkit-box-pack: justify;
          justify-content: space-between;
  gap: 50px;
}
.l-col-03 > * {
  -ms-flex-preferred-size: 380px;
      flex-basis: 380px;
}
@media screen and (max-width: 789px) {
  .l-col-03 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 20px;
  }
  .l-col-03 > * {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
}
.l-recruit-top {
  background: url(../images/bg_recruit.png) no-repeat;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.l-recruit-top__ttl {
  padding: 116px 0;
}
.l-recruit-top__ttl .ttl-h2 span::before {
  border-top: 3px solid #fff !important;
}
.l-recruit-area01 {
  position: relative;
}
.l-recruit-area01::after {
  border-bottom: 10vw solid #EBEBEB;
  border-left: 100vw solid transparent;
  bottom: 0;
  content: "";
  position: absolute;
  left: 0;
}
.l-recruit-area02 {
  background: #EBEBEB;
}
@media screen and (max-width: 789px) {
  .l-recruit-area02 .ttl-h2 {
    font-size: 28px !important;
    padding-top: 30px !important;
  }
}
.l-recruit-area03 {
  padding: 80px 0 100px;
}
@media screen and (max-width: 789px) {
  .l-recruit-area03 .ttl-h2 {
    font-size: 28px !important;
  }
}
.l-recruit-text {
  padding: 80px 10px 130px;
  margin: auto;
  text-align: left;
}
@media screen and (max-width: 789px) {
  .l-recruit-text {
    padding: 30px 0 80px;
  }
}
.l-recruit-text p {
  margin-bottom: 55px;
  font-size: 20px;
}
@media screen and (max-width: 789px) {
  .l-recruit-text p {
    margin-bottom: 30px;
    font-size: 16px;
  }
}
.l-recruit-text img {
  margin: 10px 45px;
}
@media screen and (max-width: 789px) {
  .l-recruit-text img {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
    margin: auto;
    width: 180px;
  }
}
.l-recruit-list {
  margin-top: 105px;
  text-align: left;
}
@media screen and (max-width: 789px) {
  .l-recruit-list {
    margin-top: 50px;
  }
}
.l-recruit-list h4 {
  font-size: 24px;
  color: #88650A;
  margin-bottom: 25px;
}
.l-recruit-list-col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 50px;
  font-size: 16px;
  font-weight: normal;
  padding-bottom: 100px;
}
@media screen and (max-width: 789px) {
  .l-recruit-list-col {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding-bottom: 50px;
  }
}
.l-recruit-list-col img {
  width: 95%;
}
.l-recruit-list-col__l p {
  margin-top: 45px;
}
.l-recruit-list-col__r {
  max-width: 870px;
}
.l-recruit-list-col__r p {
  margin-bottom: 30px;
}
.l-recruit-worklist {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 60px auto 100px;
}
.l-recruit-worklist li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 50px;
}
@media screen and (max-width: 789px) {
  .l-recruit-worklist li {
    gap: 30px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.l-recruit-worklist li .colR {
  padding-top: 10px;
}
.l-recruit-worklist li .colR div {
  margin-top: 50px;
}
.l-recruit-worklist li .colR div .btn {
  margin: 0 !important;
}
@media screen and (max-width: 789px) {
  .l-recruit-worklist li .colR div .btn {
    margin: auto !important;
  }
}
.l-recruit-worklist li .colR p {
  font-size: 16px;
  font-weight: normal;
}
.l-recruit-worklist li .colR p span {
  margin-right: 25px;
  padding: 10px 15px;
  border: 1px solid #88650A;
  color: #88650A;
}
@media screen and (max-width: 789px) {
  .l-recruit-worklist li .colR p span {
    font-size: 14px;
    padding: 10px;
    margin-right: 10px;
  }
}
.l-recruit-worklist li .colR .small {
  font-size: 12px;
  text-align: left;
  margin-top: 10px;
}
@media screen and (max-width: 789px) {
  .l-recruit-worklist li .colR .small {
    text-align: center;
  }
}
.l-recruit-worklist li .colR .btn-area .btn {
  position: relative;
}
.l-recruit-worklist li .colR .btn-area .btn:hover {
  color: #88650A;
}
.l-recruit-worklist li .colR .btn-area .btn:hover::after {
  background: url("../images/item_arrow_brown.svg") !important;
}
.l-footer-link {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  gap: 20px;
  margin-top: 0.5rem;
}
.l-footer-link li:first-child a {
  border-right: 1px solid #FFF;
  padding-right: 20px;
}

.nav-btn {
  display: none;
}
@media screen and (max-width: 789px) {
  .nav-btn {
    display: block;
    background: rgba(136, 101, 10, 0.7);
    width: 50px;
    height: 50px;
    position: fixed;
    right: 20px;
    z-index: 9999;
  }
  .nav-btn span {
    display: block;
    width: 30px;
    border-top: 1px solid #FFF;
    position: absolute;
    left: 10px;
  }
  .nav-btn span:first-child {
    top: 15px;
  }
  .nav-btn span:nth-child(2) {
    top: 25px;
  }
  .nav-btn span:nth-child(3) {
    top: 35px;
  }
}

footer {
  background: #88650A;
}
footer .logo {
  width: 150px;
}
footer a {
  color: #FFF;
  font-size: 0.8rem;
}
footer a:hover {
  color: #FFF;
  opacity: 0.7;
}

.box-unit {
  margin-top: 40px;
}
.box-unit dt {
  margin-bottom: 20px;
}