@charset "UTF-8";
/*
* 地域ビジネス活動
*
*/
/* override ---------- */
@media (min-width: 768px) {
  .areaContainer {
    min-width: 1020px;
  }
}

@media (max-width: 767.98px) {
  .areaBody {
    font-size: 0.8125rem;
  }
}

/* cover ---------- */
.cover {
  position: relative;
}

.cover_loading {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--color-white) url(/business/area/shared_resp/img/loading.gif) no-repeat center center;
}

.cover_slider {
  position: relative;
}
.cover_slider .slick-arrow {
  position: absolute;
  z-index: 1;
  top: 138px;
  outline: none; 
  width: 54px;
  height: 54px;
  font-size: 0;
}
.cover_slider .slick-arrow:hover {
  opacity: 0.7;
}
@media (max-width: 767.98px) {
  .cover_slider .slick-arrow {
    display: none !important;
  }
}
.cover_slider .slick-prev {
  left: 50%;
  margin-left: -482px;
  background: url(/business/area/img/cover_slider_nav_prev.png);
}
.cover_slider .slick-next {
  right: 50%;
  margin-right: -482px;
  background: url(/business/area/img/cover_slider_nav_next.png);
}
.cover_slider .slick-dots {
  padding: 10px 0 17px;
  text-align: center;
  font-size: 0;
}
.cover_slider .slick-dots > li {
  display: inline-block;
  margin: 0 6px 0 7px;
}
.cover_slider .slick-dots > li > button {
  display: inline-block;
  border: 2px solid var(--color-white);
  border-radius: 16px;
  width: 16px;
  height: 16px;
  background: #e2d9d2;
}
.cover_slider .slick-dots > li:hover > button {
  background-color: var(--color-yellow-400);
}
.cover_slider .slick-dots > li.slick-active > button {
  border-color: #9d9690;
  background-color: var(--color-yellow-400);
}
@media (max-width: 767.98px) {
  .cover_slider .slick-dots {
    padding: 20px 0 27px;
  }
}

.cover_slider_item {
  opacity: 0.2;
  position: relative;
  margin: 0 3px;
  width: 980px;
  height: 348px;
  transition: opacity 1s;
}
.cover_slider_item.slick-center {
  opacity: 1;
}
.cover_slider_item a {
  display: block;
  color: inherit;
}
@media (max-width: 767.98px) {
  .cover_slider_item {
    margin: 0 8px; 
    width: 290px;
    height: 376px;
  }
}

.cover_slider_item_content {
  position: absolute;
  top: 0;
  left: 0;
  padding: 75px 0 0 75px;
  width: 438px;
  height: 348px;
  background: url(/business/area/img/cover_slide_bg.png) no-repeat;
}
@media (max-width: 767.98px) {
  .cover_slider_item_content {
    top: 145px;
    margin-left: -5px;
    padding: 27px 20px 0;
    width: 290px;
    height: 231px;
    background-image: url(/business/area/img/cover_slide_bg_sm.png);
    background-size: cover;
  }
}

.cover_slider_item_heading {
  margin-bottom: 18px;
  margin-left: -3px;
  font-size: 33px;
  line-height: 1.3;
}
@media (min-width: 768px) {
  .cover_slider_item_heading .txt_solution {
    font-size: 30px;
  }
}
@media (max-width: 767.98px) {
  .cover_slider_item_heading {
    margin-bottom: 10px;
    margin-left: 0;
    font-size: 20px;
  }
}

.cover_slider_item_desc {
  padding-right: 35px;
  min-height: 70px;
  font-size: 14px;
  font-weight: bold;
}
@media (max-width: 767.98px) {
  .cover_slider_item_desc {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    margin-bottom: 10px;
    padding-right: 0;
    min-height: 76px;
    font-size: 13px;
    font-weight: normal;
    line-height: 1.46154; 

    -webkit-line-clamp: 4;
  }
}

.cover_slider_item_nav {
  padding-right: 35px;
  text-align: right;
}
.cover_slider_item_nav > span {
  display: inline-block;
  padding: 2px 12px 1px;
  border: 1px solid var(--color-gray-700);
  background-color: var(--color-white);
  font-size: 12px;
}
.cover_slider_item_nav > span::before {
  content: "";
  display: inline-block;
  margin: -5px 4px -2px 0;
  width: 7px;
  height: 7px;
  background: url(/business/area/shared_resp/img/arw_03.png) no-repeat; 
  vertical-align: middle;
}
@media (max-width: 767.98px) {
  .cover_slider_item_nav {
    padding-right: 0;
    text-align: left;
  }
  .cover_slider_item_nav > span {
    padding-top: 8px;
    padding-bottom: 7px;
  }
}

.cover_slider_item_img {
  padding-top: 10px;
  text-align: right;
}
.cover_slider_item_img img {
  display: inline-block;
}
@media (max-width: 767.98px) {
  .cover_slider_item_img {
    padding: 0;
  }
}

/* branch ---------- */
.branch {
  margin-bottom: 60px;
  padding: 41px 0 15px;
  border-bottom: 3px solid #d9d9d9;
  background-color: var(--color-gray-100);
}
@media (max-width: 767.98px) {
  .branch {
    margin-bottom: 50px;
    padding: 45px 0 55px;
  }
}

.branch_lead {
  text-align: center;
  font-size: 21px;
  font-weight: bold;
  line-height: 1.8;
}
@media (max-width: 767.98px) {
  .branch_lead {
    margin-right: -20px;
    margin-left: -20px;
    font-size: 17px;
  }
}
@media (max-width: 374.98px) {
  .branch_lead {
    font-size: 4.5333333vw;
  }
}
@media screen and (max-width: 320px) {
  .branch_lead {
    font-size: 14px;
  }
}

.branch_note {
  margin-top: 5px;
  text-align: center;
  font-size: 11px;
}
@media (max-width: 767.98px) {
  .branch_note {
    display: none;
  }
}

.branch_nav {
  position: relative;
  margin-top: 25px; 
  height: 470px;
}
@media (max-width: 767.98px) {
  .branch_nav {
    margin-top: 39px; 
    height: auto;
  }
}

.branch_nav_map {
  position: absolute;
  z-index: 1;
  top: 0;
  right: 36px;
}
@media (max-width: 767.98px) {
  .branch_nav_map {
    display: none;
  }
}

.branch_nav_list {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  z-index: 2;
  top: 16px;
  left: 110px;
  width: 600px;
}
@media (max-width: 767.98px) {
  .branch_nav_list {
    position: static;
    margin: -8px -8px; 
    width: auto;
  }
}

.branch_nav_item {
  margin: 0 25px 25px 0; 
  width: 119px;
}
.branch_nav_item a {
  display: block;
  padding: 5px 5px;
  text-decoration: none; 
  color: inherit;
}
.branch_nav_item a:hover {
  background-color: #f3ece7;
}
@media (max-width: 767.98px) {
  .branch_nav_item {
    flex: 1;
    flex-basis: calc(50% - 16px);
    margin: 8px 8px; 
    width: auto;
  }
  .branch_nav_item a {
    padding: 10px 10px;
    background-color: #f3ece7;
  }
}

.branch_nav_item_img {
  margin-bottom: 6px;
}
.branch_nav_item_img img {
  width: 100%;
}

.branch_nav_item_heading {
  padding: 2px 12px 1px;
  border: 1px solid var(--color-gray-700);
  background-color: var(--color-white);
  font-size: 13px;
}
.branch_nav_item_heading::before {
  content: "";
  display: inline-block;
  margin: -5px 4px -2px 0;
  width: 7px;
  height: 7px;
  background: url(/business/area/shared_resp/img/arw_03.png) no-repeat; 
  vertical-align: middle;
}
@media (max-width: 767.98px) {
  .branch_nav_item_heading {
    padding-top: 6px;
    padding-bottom: 5px;
  }
}

/* bnrs ---------- */
.bnrs_list {
  display: flex;
  flex-wrap: wrap;
  margin: -18px -22px;
}
@media (max-width: 767.98px) {
  .bnrs_list {
    align-items: center;
    flex-direction: column;
    margin: -15px 0 0;
  }
}

.bnrs_item {
  flex-basis: 468px;
  margin: 18px 22px; 
  max-width: 468px;
}
@media (max-width: 767.98px) {
  .bnrs_item {
    flex-basis: auto;
    margin: 15px 0 0;
  }
}

/* news ---------- */
.news {
  margin-top: 60px;
}
@media (max-width: 767.98px) {
  .news {
    margin-top: 45px;
  }
}

/* print ---------- */
@media print {
  .cover_slider .slick-track {
    -webkit-transform: translate3d(-455px, 0px, 0px) !important;
            transform: translate3d(-455px, 0px, 0px) !important;
  }
  .cover_slider .slick-dots > li > button {
    border-color: var(--color-white) !important;
    background-color: #e2d9d2 !important;
  }
  .cover_slider .slick-dots > li:nth-child(1) > button {
    border-color: #9d9690 !important;
    background-color: var(--color-yellow-400) !important;
  }
  .cover_slider_item {
    opacity: 0.2 !important;
  }
  .cover_slider_item:nth-child(3) {
    opacity: 1 !important;
  }
}