@charset "UTF-8";
/*! =======================================
このCSSファイルはSassから生成されていますので、
直接編集しないようご注意ください
※※※※※※※※※※※※※※※※※※※※※※※※
========================================= */
@import url("https://fonts.googleapis.com/css2?family=Gentium+Book+Plus:ital,wght@0,400;0,700;1,400;1,700&family=Noto+Sans+JP:wght@100..900&family=Noto+Serif+JP:wght@200..900&display=swap");
:root {
  --jec-color--secondblue: #c0d7f7;
  --jec-color--lightblue: #F3F8FF;
  --jec-color--beige: #f5f5eb;
  --fontfamily-serif: "Noto Sans JP", sans-serif;
  --fontfamily-mincho: "Noto Serif JP", serif;
  --fontfamily-google-icon: "Material Symbols Outlined";
  --fontfamily-mincho-weight: 600;
}

/*! =======================================
このCSSファイルはSassから生成されていますので、
直接編集しないようご注意ください
※※※※※※※※※※※※※※※※※※※※※※※※
========================================= */
/*! =======================================
このCSSファイルはSassから生成されていますので、
直接編集しないようご注意ください
※※※※※※※※※※※※※※※※※※※※※※※※
========================================= */
.font-mincho {
  font-family: var(--fontfamily-mincho);
  font-weight: var(--fontfamily-mincho-weight);
}

.wp-block-columns.--gap-none {
  --wp-column-gap: 0;
}

.wp-block-columns.--gap-xsmall {
  --wp-column-gap: 0.5rem;
}

.wp-block-columns.--gap-small {
  --wp-column-gap: 1rem;
}

.wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
  background-color: #fef8f7;
}

h2.wp-block-heading {
  position: relative;
  color: var(--ark-color--main);
  padding-bottom: 0.7em;
  padding-left: 0.5em;
}
h2.wp-block-heading::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0.35rem;
  background: linear-gradient(90deg, var(--ark-color--main) 0%, var(--ark-color--main) 12%, var(--jec-color--secondblue) 12%, var(--jec-color--secondblue) 100%);
}

.u-bg-deco-title, .c-widget.widget_recent_entries .c-widget__title {
  position: relative;
  padding: 0.3em 1em;
  margin-bottom: 1em;
  background-color: var(--jec-color--lightblue);
  box-shadow: 0.2em -0.2em var(--ark-color--main);
  font-size: 1rem;
  color: var(--ark-color--main);
}

.u-mx-auto, .p-biz-overview__title {
  margin-left: auto;
  margin-right: auto;
}

.u-maxwidth-slim {
  max-width: var(--ark-slim_width);
}

.btn-jec-basic a {
  position: relative;
  display: inline-block;
  min-width: 260px;
  padding: 0.3em 3em 0.3em 1em;
  background-color: var(--ark-color--main);
  color: white;
  text-align: center;
  text-decoration: none;
  transition: all 0.3s ease-in-out;
  border-radius: 0.3em;
  border: 0.15em solid var(--ark-color--main);
}
.btn-jec-basic a::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 1.3rem;
  transform: translateY(-50%) rotate(45deg);
  width: 0.5em;
  height: 0.5em;
  border-top: 0.2em solid white;
  border-right: 0.2em solid white;
  transition: right 0.3s;
}
.btn-jec-basic a:hover {
  background-color: var(--jec-color--lightblue);
  border: 0.15em solid var(--jec-color--secondblue);
  color: var(--ark-color--main);
  font-weight: 600;
}
.btn-jec-basic a:hover::after {
  right: 0.8rem;
  border-color: var(--ark-color--main);
}
.btn-jec-basic.sp-center, .btn-jec-basic.tab-center {
  text-align: center;
}
.btn-jec-basic.sp-center {
  text-align: left;
}
@media (min-width: 1000px) {
  .btn-jec-basic.tab-center {
    text-align: left;
  }
}

.p-outline {
  position: relative;
}
.p-outline::before {
  content: "";
  position: absolute;
  top: 0.5rem;
  left: 0.4rem;
  width: 0.2rem;
  height: 100%;
  background-color: var(--ark-color--border);
}
.p-outline .wp-block-columns {
  position: relative;
  padding-left: 2.5rem;
}
.p-outline .wp-block-columns::before, .p-outline .wp-block-columns::after {
  content: "";
  position: absolute;
  border-radius: 2rem;
}
.p-outline .wp-block-columns::before {
  width: 1rem;
  height: 1rem;
  top: 0.5rem;
  left: 0;
  background-color: var(--jec-color--secondblue);
}
.p-outline .wp-block-columns::after {
  width: 0.4rem;
  height: 0.4rem;
  top: 0.8rem;
  left: 0.3rem;
  background-color: var(--ark-color--main);
  z-index: 2;
}
@media (max-width: 781px) {
  .p-outline .wp-block-columns {
    gap: 0.3rem !important;
  }
}

.p-biz-overview__title {
  max-width: 600px;
}

html {
  font-size: 4.1860465116vw;
}
@media (min-width: 650px) {
  html {
    font-size: 18px;
  }
}

body {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  letter-spacing: 0;
  line-height: 1.8;
}

a {
  transition: filter 0.3s 0s ease-in-out, opacity 0.3s 0s ease-in-out;
}
a img {
  transition: filter 0.3s 0s ease-in-out;
}

p {
  margin-bottom: 1rem;
}

.home.page .l-content__body {
  margin-bottom: 3rem;
}

.c-gnav .c-gnav__li > .c-gnav__a {
  padding-left: 1rem;
  padding-right: 1rem;
}

.p-topArea .c-pageTitle__main {
  max-width: 600px;
  margin: 0 auto;
  padding: 1.5rem 2rem;
  background-color: rgba(255, 255, 255, 0.7);
  color: var(--ark-color--main);
  letter-spacing: 0.2rem;
}

.c-widget + .c-widget {
  margin-top: 0.2em;
}

.p-drawer {
  background: rgba(83, 44, 47, 0.92);
}
.p-drawer .p-drawer__banner {
  padding: 1rem;
}
.p-drawer .w-drawerBottom .c-widget + .c-widget {
  margin-top: 1rem;
}

button {
  -webkit-tap-highlight-color: transparent; /* 強調をなくす */
}

.p-breadcrumb {
  white-space: nowrap;
  word-break: keep-all;
}
.p-breadcrumb .p-breadcrumb__list {
  width: 100%;
  flex-wrap: nowrap;
  overflow-x: scroll;
  padding-bottom: 0.5rem;
}
@media (min-width: 650px) {
  .p-breadcrumb {
    overflow: auto;
  }
  .p-breadcrumb .p-breadcrumb__list {
    flex-wrap: wrap;
    overflow-x: hidden;
  }
}

.l-front-hero {
  --jec-hero-height: auto;
  background: url(../images/mv_nagano_city_sp.jpg) no-repeat center top;
  background-size: cover;
  height: var(--jec-hero-height);
}
@media (min-width: 1000px) {
  .l-front-hero {
    --jec-hero-height: 600px;
  }
}
@media (min-width: 650px) {
  .l-front-hero {
    background-image: url(../images/mv_nagano_city.jpg);
    background-position: center;
  }
}
.l-front-hero .l-container {
  position: relative;
}
.l-front-hero .l-front-hero__copy {
  position: relative;
  padding: max(11%, 4rem) 0 2rem 2rem;
  font-size: 1rem;
}
.l-front-hero .l-front-hero__copy h1 {
  margin-bottom: 1.4em;
  font-size: 1.8em;
  color: var(--ark-color--main);
  text-shadow: 0.15rem 0.15rem 0.3rem rgba(0, 0, 0, 0.4);
  line-height: 1.7;
  letter-spacing: 0.2rem;
  opacity: 0;
}
.l-front-hero .l-front-hero__copy p {
  width: 100%;
  line-height: 2;
  font-size: 0.95em;
  font-weight: 600;
}
.l-front-hero .l-front-hero__copy p br {
  display: inline;
}
@media (min-width: 650px) {
  .l-front-hero .l-front-hero__copy {
    padding-left: 5rem;
    font-size: 1.2rem;
  }
}
@media (min-width: 1000px) {
  .l-front-hero .l-front-hero__copy p {
    width: 53.5%;
  }
  .l-front-hero .l-front-hero__copy p br {
    display: none;
  }
}
.l-front-hero .l-front-hero__workfoto {
  position: relative;
  width: 100%;
  height: var(--jec-hero-height);
  min-height: min(69.7674418605vw, 400px);
  top: 0;
  right: 0;
}
.l-front-hero .l-front-hero__workfoto img {
  position: absolute;
  object-fit: cover;
  object-position: 50% 50%;
  border-radius: 0.7rem;
  box-shadow: 0.1rem 0.1rem 0.25rem rgba(37, 37, 37, 0.5);
}
.l-front-hero .l-front-hero__workfoto img:nth-child(1) {
  width: min(37.2093023256vw, 230px);
  top: 0;
  left: 1rem;
}
.l-front-hero .l-front-hero__workfoto img:nth-child(2) {
  width: min(30.2325581395vw, 210px);
  top: 2rem;
  right: 1rem;
}
.l-front-hero .l-front-hero__workfoto img:nth-child(3) {
  width: min(25.5813953488vw, 160px);
  top: 8rem;
  left: 25%;
}
@media (min-width: 650px) {
  .l-front-hero .l-front-hero__workfoto img:nth-child(1) {
    left: 14%;
  }
  .l-front-hero .l-front-hero__workfoto img:nth-child(2) {
    right: 9%;
  }
  .l-front-hero .l-front-hero__workfoto img:nth-child(3) {
    top: 12rem;
    left: 36%;
  }
}
@media (min-width: 1000px) {
  .l-front-hero .l-front-hero__workfoto {
    position: absolute;
    width: 43%;
  }
  .l-front-hero .l-front-hero__workfoto img:nth-child(1) {
    width: 230px;
    top: 4rem;
    left: 0;
  }
  .l-front-hero .l-front-hero__workfoto img:nth-child(2) {
    width: 210px;
    top: 8rem;
    right: 1rem;
  }
  .l-front-hero .l-front-hero__workfoto img:nth-child(3) {
    width: 160px;
    top: auto;
    bottom: 6rem;
    left: 20%;
  }
}

.l-front-news,
.l-front-info {
  display: block;
  gap: 1rem;
  padding: 5rem 0;
}
@media (min-width: 1000px) {
  .l-front-news,
  .l-front-info {
    display: grid;
  }
}
.l-front-news__latestposts,
.l-front-info__latestposts {
  margin-bottom: 1.5rem;
}
.l-front-news .p-postList,
.l-front-news .p-postList .p-postList__link,
.l-front-info .p-postList,
.l-front-info .p-postList .p-postList__link {
  font-size: 1.2em;
}
.l-front-news .p-postList__meta,
.l-front-info .p-postList__meta {
  font-size: 0.8rem;
}

.l-front-news {
  grid-template-columns: 2fr 3fr 1fr;
}
.l-front-news__title {
  text-align: center;
}
.l-front-news__title h2 {
  color: var(--ark-color--main);
  font-family: "Gentium Book Plus", serif;
  font-weight: 700;
  letter-spacing: 0.2rem;
  font-size: 2rem;
}
.l-front-news__title p {
  font-size: 0.9rem;
  letter-spacing: 0.5rem;
}
.l-front-news .p-postList,
.l-front-news .p-postList .p-postList__link {
  border: none;
}
.l-front-news__button {
  text-align: center;
  padding-top: 1.3rem;
}

.l-front-info {
  grid-template-columns: 1fr 2fr;
}
.l-front-info__title h2 {
  margin-bottom: 2.5rem;
  margin-bottom: 1rem;
}
.l-front-info__title h2 div {
  letter-spacing: 0.1rem;
}
.l-front-info__title h2 span {
  color: var(--ark-color--main);
  font-family: "Gentium Book Plus", serif;
  font-weight: 700;
  letter-spacing: 0.2rem;
  display: block;
  margin-bottom: 0.5rem;
  font-size: 1.2rem;
}
.l-front-info__latestposts {
  grid-column: 2/3;
  grid-row: 1/3;
}

.l-front-aboutus {
  background-color: var(--jec-color--lightblue);
  margin-bottom: 8rem;
  overflow: hidden;
}
.l-front-aboutus .l-container {
  padding: 0;
}
.l-front-aboutus__body {
  display: block;
}
.l-front-aboutus__slider {
  padding-left: 2rem;
}
.l-front-aboutus #photobox_pc.p-photobox {
  max-width: 380px;
  opacity: 0;
  height: 0;
}
.l-front-aboutus #photobox_sp.p-photobox {
  opacity: 1;
  margin-top: 2rem;
}
.l-front-aboutus__content {
  padding: 5rem 0 1rem;
}
.l-front-aboutus__content h2 {
  margin-bottom: 2.5rem;
  padding: 0 var(--ark-padding--container);
}
.l-front-aboutus__content h2 div {
  letter-spacing: 0.1rem;
}
.l-front-aboutus__content h2 span {
  color: var(--ark-color--main);
  font-family: "Gentium Book Plus", serif;
  font-weight: 700;
  letter-spacing: 0.2rem;
  display: block;
  margin-bottom: 0.5rem;
  font-size: 1.2rem;
}
.l-front-aboutus__content .c-postContent {
  max-width: 100%;
  line-height: 2;
}
.l-front-aboutus__content .c-postContent p {
  padding-left: var(--ark-padding--container);
  padding-right: var(--ark-padding--container);
}
@media (min-width: 1000px) {
  .l-front-aboutus__body {
    display: grid;
    grid-template-columns: 1fr 1.5fr;
    gap: 2rem;
  }
  .l-front-aboutus #photobox_pc.p-photobox {
    opacity: 1;
    height: auto;
  }
  .l-front-aboutus #photobox_sp.p-photobox {
    opacity: 0;
    height: 0;
    margin-top: 0;
  }
  .l-front-aboutus__content .c-postContent {
    max-width: 600px;
  }
}

.l-front-business {
  margin-bottom: 10rem;
}
.l-front-business__body {
  display: block;
  margin-bottom: 4rem;
}
@media (min-width: 1000px) {
  .l-front-business__body {
    display: grid;
    grid-template-columns: 1fr 1fr;
    min-height: 450px;
  }
}
@media (min-width: 1000px) {
  .l-front-business__lineup {
    padding-left: 20%;
  }
}
.l-front-business__lineup h2 {
  margin-bottom: 2.5rem;
}
.l-front-business__lineup h2 div {
  letter-spacing: 0.1rem;
}
.l-front-business__lineup h2 span {
  color: var(--ark-color--main);
  font-family: "Gentium Book Plus", serif;
  font-weight: 700;
  letter-spacing: 0.2rem;
  display: block;
  margin-bottom: 0.5rem;
  font-size: 1.2rem;
}
.l-front-business__lineup ul {
  display: none;
  padding: 0;
}
@media (min-width: 1000px) {
  .l-front-business__lineup ul {
    display: block;
  }
}
.l-front-business__lineup ul li {
  position: relative;
  list-style: none;
  font-size: 1.2rem;
  padding: 0.5rem 5rem 0.5rem 0.2rem;
  margin-bottom: 0.5rem;
  letter-spacing: 0.05rem;
  vertical-align: middle;
}
.l-front-business__lineup ul li:not(.selected) {
  cursor: pointer;
}
.l-front-business__lineup ul li:not(.selected):hover {
  color: var(--ark-color--main);
}
.l-front-business__lineup ul .selected {
  font-size: 1.4rem;
  font-weight: 700;
  color: var(--ark-color--main);
}
.l-front-business__lineup ul .selected::after {
  content: "";
  position: absolute;
  z-index: 10;
  width: 8rem;
  height: 0.15rem;
  background: var(--ark-color--main);
  top: 50%;
  left: calc(100% - 5rem);
}
.l-front-business__details, .l-front-business__details > div, .l-front-business__photo {
  min-height: 20rem;
}
.l-front-business__details {
  position: relative;
}
.l-front-business__details > div {
  position: relative;
  width: 100%;
}
@media (min-width: 1000px) {
  .l-front-business__details > div {
    position: absolute;
    height: 0;
    opacity: 0;
    transition: opacity 0.3s linear;
  }
  .l-front-business__details > div.selected {
    opacity: 1;
  }
}
@media (min-width: 1000px) and (min-width: 1000px) {
  .l-front-business__details > div {
    height: 100%;
  }
}
.l-front-business__caption {
  font-size: 1.3rem;
  font-weight: 700;
  color: var(--ark-color--main);
  padding-bottom: 0.5rem;
  margin-top: 3rem;
  letter-spacing: 0.1rem;
}
@media (min-width: 1000px) {
  .l-front-business__caption {
    display: none;
  }
}
.l-front-business__photo {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.l-front-business__summary {
  position: absolute;
  bottom: 1rem;
  left: 2%;
  display: inline-block;
  width: 96%;
  padding: 0.5rem 1rem;
  background: rgba(255, 255, 255, 0.8);
  font-size: 0.75rem;
  font-weight: 600;
}
@media (min-width: 1000px) {
  .l-front-business__summary {
    left: 8%;
    width: 84%;
    font-size: 0.85rem;
  }
}

.l-front-belief {
  position: relative;
  margin-bottom: 10rem;
}
.l-front-belief::before {
  content: "";
  position: absolute;
  width: 65%;
  height: 50%;
  top: 10%;
  right: 0;
  background-color: var(--jec-color--secondblue);
}
@media (min-width: 1000px) {
  .l-front-belief::before {
    top: 4rem;
    left: 0;
    right: auto;
    width: 55%;
    height: 74%;
  }
}
.l-front-belief__body {
  display: block;
  position: relative;
  z-index: 10;
}
@media (min-width: 1000px) {
  .l-front-belief__body {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 3rem;
  }
}
.l-front-belief__image {
  text-align: left;
  margin-left: -1rem;
}
@media (min-width: 650px) {
  .l-front-belief__image {
    text-align: center;
    margin-left: 0;
  }
}
.l-front-belief__image img {
  width: 85%;
  max-width: 25rem;
}
.l-front-belief__content {
  padding-top: 4rem;
}
@media (min-width: 1000px) {
  .l-front-belief__content {
    padding-top: 7rem;
  }
}
.l-front-belief__content h2 {
  margin-bottom: 2.5rem;
}
.l-front-belief__content h2 div {
  letter-spacing: 0.1rem;
}
.l-front-belief__content h2 span {
  color: var(--ark-color--main);
  font-family: "Gentium Book Plus", serif;
  font-weight: 700;
  letter-spacing: 0.2rem;
  display: block;
  margin-bottom: 0.5rem;
  font-size: 1.1rem;
}
.l-front-belief__content h2 div {
  font-family: var(--fontfamily-mincho);
  font-weight: 600;
}
.l-front-belief__content h2 div b {
  font-size: 120%;
}
.l-front-belief__text {
  width: 100%;
  line-height: 2;
}
@media (min-width: 1000px) {
  .l-front-belief__text {
    width: 90%;
    line-height: 2.2;
  }
}
.l-front-belief__text p {
  margin-bottom: 1.8rem;
}

.l-sec-recruit {
  position: relative;
  background: url(../images/back_recruit.jpg) no-repeat center;
  background-size: cover;
  margin-bottom: 5rem;
}
.l-sec-recruit .l-container {
  padding: 7rem 0 11rem;
}
.l-sec-recruit h2 {
  margin-bottom: 2.5rem;
}
.l-sec-recruit h2 div {
  letter-spacing: 0.1rem;
}
.l-sec-recruit h2 span {
  color: var(--ark-color--main);
  font-family: "Gentium Book Plus", serif;
  font-weight: 700;
  letter-spacing: 0.2rem;
  display: block;
  margin-bottom: 0.5rem;
  font-size: 1.2rem;
}
.l-sec-recruit h2 div {
  letter-spacing: 0.3rem;
}
.l-sec-recruit .foto_team_jec {
  position: absolute;
  z-index: 1;
  width: 7rem;
}
.l-sec-recruit .foto_team_jec:nth-child(1) {
  top: -3%;
  left: 3%;
}
.l-sec-recruit .foto_team_jec:nth-child(2) {
  top: 7%;
  left: 40%;
}
.l-sec-recruit .foto_team_jec:nth-child(3) {
  bottom: 3.5rem;
  left: 15%;
}
.l-sec-recruit .foto_team_jec:nth-child(4) {
  top: 1rem;
  right: -1rem;
}
.l-sec-recruit .foto_team_jec:nth-child(5) {
  bottom: -1rem;
  right: 3rem;
}
@media (min-width: 650px) {
  .l-sec-recruit .foto_team_jec {
    width: 10rem;
  }
}
@media (min-width: 1000px) {
  .l-sec-recruit .foto_team_jec {
    width: 250px;
  }
  .l-sec-recruit .foto_team_jec:nth-child(1) {
    top: 5%;
    left: calc(50% - 32rem);
  }
  .l-sec-recruit .foto_team_jec:nth-child(2) {
    top: 38%;
    left: 12%;
  }
  .l-sec-recruit .foto_team_jec:nth-child(3) {
    bottom: 2%;
    left: calc(50% - 23rem);
  }
  .l-sec-recruit .foto_team_jec:nth-child(4) {
    top: 13%;
    right: 13%;
  }
  .l-sec-recruit .foto_team_jec:nth-child(5) {
    bottom: 14%;
    right: calc(50% - 32rem);
  }
}
.l-sec-recruit .l-sec-recruit__content {
  position: relative;
  z-index: 10;
  margin: 1rem;
  padding: 3rem 1.5rem 2rem;
  background-color: rgba(255, 255, 255, 0.8);
  text-align: center;
}
@media (min-width: 1000px) {
  .l-sec-recruit .l-sec-recruit__content {
    max-width: 730px;
    margin: 1rem auto;
  }
}

.l-sec-contact {
  margin-top: 5rem;
  margin-bottom: 3rem;
}
.l-sec-contact .l-container {
  padding: 0;
}
.l-sec-contact h2 {
  margin-bottom: 2.5rem;
}
.l-sec-contact h2 div {
  letter-spacing: 0.1rem;
}
.l-sec-contact h2 span {
  color: var(--ark-color--main);
  font-family: "Gentium Book Plus", serif;
  font-weight: 700;
  letter-spacing: 0.2rem;
  display: block;
  margin-bottom: 0.5rem;
  font-size: 1.2rem;
}
.l-sec-contact .l-sec-contact__body {
  display: block;
  padding: 3rem 0;
  background: linear-gradient(90deg, white 0%, white 40%, var(--jec-color--beige) 40%, var(--jec-color--beige) 100%);
}
@media (min-width: 650px) {
  .l-sec-contact .l-sec-contact__body {
    background: linear-gradient(90deg, white 0%, white 12%, var(--jec-color--beige) 12%, var(--jec-color--beige) 100%);
  }
}
@media (min-width: 1000px) {
  .l-sec-contact .l-sec-contact__body {
    display: grid;
    grid-template-columns: 1fr 2fr;
    gap: 1rem;
  }
}
.l-sec-contact .l-sec-contact__tel {
  margin-bottom: 3rem;
  padding: 0 var(--ark-padding--container);
}
@media (min-width: 1000px) {
  .l-sec-contact .l-sec-contact__tel {
    margin-bottom: 0;
  }
}
.l-sec-contact .l-sec-contact__tel > div {
  font-size: 1.4rem;
}
.l-sec-contact .l-sec-contact__tel > div .tel_number {
  display: inline-block;
  white-space: nowrap;
  margin-left: 0.3em;
  font-size: 1.3em;
}
.l-sec-contact .l-sec-contact__map {
  grid-column: 2/3;
  grid-row: 1/3;
}
.l-sec-contact .l-sec-contact__map iframe {
  width: 100%;
  padding: 0;
  margin-bottom: 3rem;
}
@media (min-width: 1000px) {
  .l-sec-contact .l-sec-contact__map iframe {
    padding: 0 2rem;
    margin-bottom: 0;
  }
}
.l-sec-contact .l-sec-contact__address {
  padding: 0 var(--ark-padding--container);
}
.l-sec-contact .l-sec-contact__address h3 {
  color: var(--ark-color--main);
  font-family: "Gentium Book Plus", serif;
  font-weight: 700;
  letter-spacing: 0.2rem;
  font-size: 1.2rem;
  margin-bottom: 0.5rem;
}

.l-footer {
  margin-top: 7rem;
}
.l-footer .l-footer__foot {
  padding-top: 1.8rem;
  background-color: var(--ark-color--main);
  color: white;
}
.l-footer .l-footer__nav {
  margin-bottom: 2rem;
}
.l-footer .l-footer__nav li {
  width: 100%;
  border-bottom: 0.1rem dotted var(--jec-color--lightblue);
  margin-bottom: 0.3em;
}
.l-footer .l-footer__nav li a {
  padding-left: 1.5em;
  padding-right: 1.5em;
  padding-bottom: 0.3em;
}
.l-footer .l-footer__nav li a::before {
  content: "〉";
}
@media (min-width: 1000px) {
  .l-footer .l-footer__nav li {
    width: auto;
    border-bottom: none;
    padding-left: 0.5em;
    padding-right: 0.5em;
  }
  .l-footer .l-footer__nav li + li {
    border-left: 0.1rem dotted var(--jec-color--lightblue);
  }
  .l-footer .l-footer__nav li a::before {
    content: "";
  }
}/*# sourceMappingURL=jec.css.map */