/* ABC HEALTH LABO */
/* index-labo2019.css */

@charset "utf-8";
/* General
   ========================================================================== */
#content {
  padding-top: 2px;
}
@media screen and (max-width: 701px) {
  #content {
    margin-top: -3px;
    padding-top: 0;
  }
}
.index-section > .title {
  margin-bottom: 13px;
  padding-left: 6px;
  border-left: 3px solid #ed86b3;
  line-height: 1.3;
  font-size: 1.8em;
}

/* KV
   ========================================================================== */
.kv {
  background: no-repeat url(/labo/images/kv01@2x.jpg) 50% 75%;
  background-size: cover;
}
.kv .content {
  width: 980px;
  margin: 0 auto;
  min-height: 480px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.kv .content a {
  color: #FFF;
}
.kv .content h2 {
  font-family: 'Noto Serif JP', serif;
  font-size: 3rem;
  font-weight: 700;
  margin-bottom: 20px;
  letter-spacing: 0.04em;
  line-height: 1.6;
}
.kv .content .desc {
  font-size: 1.2rem;
  font-weight: 500;
  margin-bottom: 20px;
  letter-spacing: 0.025em;
  line-height: 1.6;
}
.kv .content .txtbox {
  display: none;
}
.kv .content .txtbox.active {
  display: block;
}
.kv .content .txtbox.white {
  color: #FFF;
}
@media screen and (max-width: 701px) {
  .kv .content {
    width: 80%;
  }
  .kv .content h2 {
    font-size: 1.5rem;
  }
  .kv .content .desc {
    font-size: 1rem;
    margin-bottom: 60px;
  }
}

/* TOP
   ========================================================================== */
.content-nav {
  margin-bottom: 30px
}
.content-nav ul {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.content-nav ul li {
  margin-right: 20px;
}
.content-nav ul li:last-child {
  margin-right: 0;
}
.content-nav ul li .image img {
  width: 100%;
  height: auto;
}
.content-nav ul li .txt {
  border: 1px solid #d7d4ce;
  border-top: none;
  border-radius: 0 0 4px 4px/0 0 4px 4px;
  box-sizing: border-box;
  padding: 10px;
}
.content-nav ul li .txt a {
  display: block;
}
@media screen and (max-width: 701px) {
  .content-nav {
    margin-bottom: 0px
  }
  .content-nav ul {
    flex-flow: wrap;
  }
  .content-nav ul li {
    margin-right: 2%;
    margin-bottom: 12px;
    width: 49%;
  }
  .content-nav ul li:nth-child(2n) {
    margin-right: 0;
  }
  .content-nav ul li .txt {
    font-size: 0.8rem;
  }
}

.bnr {
  margin-bottom: 30px
}
.bnr ul {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.bnr ul li {
  margin-right: 20px;
}
.bnr ul li:last-child {
  margin-right: 0;
}
@media screen and (max-width: 701px) {
  .bnr {
    margin-bottom: 0px
  }
  .bnr ul {
    flex-flow: wrap;
  }
  .bnr ul li {
    width: 100%;
    margin-right: 0;
    margin-bottom: 12px;
  }
}

.feature {
  margin-bottom: 30px
}
.feature h3 {
  border-left: 5px solid #de7242;
  line-height: 2;
  padding-left: 12px;
  font-size: 154%;
}
.feature ul {
  border-top: 1px solid #d7d4ce;
  margin-top: 12px;
}
.feature ul li {
  border-bottom: 1px solid #d7d4ce;
  margin-top: 12px;
  padding-bottom: 14px;
}
.feature ul li a {
  display: block;
}

/* breadcrumbs
   ========================================================================== */
.breadcrumbs_container {
  margin-bottom: 0;
}

/* SUB page
   ========================================================================== */
.sub-page dt,
.sub-page dd,
.sub-page li,
.sub-page caption,
.sub-page th,
.sub-page td,
.sub-page col,
.sub-page h1,
.sub-page h2,
.sub-page h3,
.sub-page h4,
.sub-page h5,
.sub-page h6,
.sub-page p,
.sub-page address {
    font-size: 100%;
}
.sub-page .content .column-main h2 {
  border-left: 4px solid #59903d;
  font-size: 130%;
  line-height: 1.6;
  margin-bottom: 8px;
  padding-left: 8px;
  padding-bottom: 4px;
  vertical-align: middle;
}
.sub-page .content .column-main h3 {
  border-left: 4px solid #59903d;
  border-bottom: 1px solid #d7d4ce;
  font-size: 118%;
  line-height: 1.8;
  margin-bottom: 12px;
  padding-bottom: 4px;
  padding-left: 8px;
}
.sub-page .content .column-main .desc {
  margin-bottom: 20px;
}
.sub-page .mv {
  margin-bottom: 12px;
}
.sub-page .cont {
  margin-bottom: 40px;
}
.sub-page .btn-box {
  padding: 40px 0;
  text-align: center;
}
.sub-page .btn-box .btn a {
  background-color: rgba(222,114,66,1);
  border: 1px solid #de7242;
  border-radius: 4px;
  color: #FFF;
  display: block;
  font-size: 120%;
  margin: 0 auto;
  padding: 18px 40px;
  width: 40%;
}
.sub-page .btn-box .btn a:hover {
  background-color: rgba(222,114,66,0);
  border: 1px solid #de7242;
  color: #de7242;
}
@media screen and (max-width: 701px) {
  .sub-page .btn-box {
    padding: 20px 0 40px;
  }
  .sub-page .btn-box .btn a {
    width: 50%;
  }
}

/* about */
.about .cont01-img {
  text-align: center;
}
.sub-page .content.about .column-main .cont01-img h3 {
  border-left: none;
  border-bottom: 2px solid #59903d;
  color: #59903d;
  display: inline-block;
  font-size: 150%;
  padding: 0;
}
.about .cont01-img .txt {
  font-size: 115%;
  margin-bottom: 20px;
}
.about .cont02 .box {
  margin-bottom: 20px;
}
.about .cont02 .box .inner {
  display: flex;
  align-items: center;
  justify-content:space-between;
}
.about .cont02 .box .inner .txt {
  margin-right: 5%;
  width: 50%;
}
.about .cont02 .box .inner .txt ul {
  padding-left: 20px;
  list-style-type: disc;
  list-style-position: outside;
}
.about .cont02 .box .inner .txt ul li {
  margin-bottom: 8px;
}
.about .cont02 .box .inner .txt ul li:last-child {
  margin-bottom: 0;
}
.about .cont02 .box .inner .image {
  width: 45%;
}
.about .cont02 .box .inner .image img {
  width: 100%;
  height: auto;
}
@media screen and (max-width: 701px) {
  .about .cont02 .box .inner {
    flex-wrap:wrap;
  }
  .about .cont02 .box .inner .txt {
    order:2;
  }
  .about .cont02 .box .inner .image {
    order:1;
    margin-bottom: 10px;
  }
  .about .cont02 .box .inner .txt,
  .about .cont02 .box .inner .image {
    width: 100%;
  }
}

/* local-government */
/* corporation */
.corporation .news,
.local-government .news {
  background: #f1f1f1;
  box-sizing: border-box;
  margin-top: 12px;
  padding: 10px 20px 16px;
}
.corporation .news h4,
.local-government .news h4 {
    border-bottom: 1px solid #d7d4ce;
    margin-bottom: 8px;
    padding-bottom: 4px;
}
.corporation .cont02 ul,
.local-government .cont02 ul {
  display: flex;
  align-items: top;
  flex-wrap:wrap;
  justify-content:space-between;
}
.corporation .cont02 ul li,
.local-government .cont02 ul li {
  width: 49%;
}
.corporation .cont02 ul li .box,
.local-government .cont02 ul li .box {
  margin-bottom: 28px;
}
.sub-page .content.corporation .column-main ul li .box h2,
.sub-page .content.local-government .column-main ul li .box h2 {
  border: none;
  padding: 0;
}
.corporation .cont02 ul li .box .image,
.local-government .cont02 ul li .box .image {
  margin-bottom: 12px;
}
.corporation .cont02 ul li .box .image img,
.local-government .cont02 ul li .box .image img {
  width: 100%;
  height: auto;
}
.corporation .cont02 ul li .box .txt .title,
.local-government .cont02 ul li .box .txt .title {
  font-size: 115%;
  margin-bottom: 4px;
}
.corporation .cont02 ul li .box .txt .desc,
.local-government .cont02 ul li .box .txt .desc {
  margin-bottom: 0;
}
@media screen and (max-width: 701px) {
  .corporation .cont02 ul li,
  .local-government .cont02 ul li {
    width: 100%;
    border-bottom: 1px solid #d7d4ce;
    margin-bottom: 20px;
  }
  .corporation .cont02 ul li:last-child,
  .local-government .cont02 ul li:last-child {
    border-bottom: none;
    margin-bottom: 0;
  }
  .corporation .cont02 ul li .box,
  .local-government .cont02 ul li .box {
    margin-bottom: 20px;
  }
}
/* local-government Case */
/* corporation Case */
.local-case .cont01 .image ul,
.corp-case .cont01 .image ul {
  display: flex;
  align-items: top;
  flex-wrap:wrap;
  justify-content:space-between;
}
.local-case .cont01 .image ul.column1 li,
.corp-case .cont01 .image ul.column1 li {
  width: 100%;
}
.local-case .cont01 .image ul.column2 li,
.corp-case .cont01 .image ul.column2 li {
  width: 49%;
}
.local-case .cont01 .image ul li img,
.corp-case .cont01 .image ul li img {
  width: 100%;
  height: auto;
}
.local-case .cont01 .release,
.corp-case .cont01 .release {
  background: #f1f1f1;
  box-sizing: border-box;
  margin-top: 12px;
  padding: 10px 20px 16px;
}
.local-case .cont01 .release h4,
.corp-case .cont01 .release h4 {
    border-bottom: 1px solid #d7d4ce;
    margin-bottom: 8px;
    padding-bottom: 4px;
}

.green_label{
  background-color: #cde0c4;
  padding: 3px 11px 3px 10px;
  font-size: 0.7rem;
  font-weight:normal;
}

.orange_label{
  background-color: #fabda3;
  padding: 3px 11px 3px 10px;
  font-size: 0.7rem;
  font-weight:normal;
}

/* consulting */
.sub-page .content.consulting .column-main .box h2 {
  border: none;
  padding: 0;
}
.consulting .box .inner {
  margin-bottom: 20px;
}
.consulting .box .inner .txt {
  margin-top: 12px;
}
.consulting .box .inner .image {
  margin-top: 12px;
}
.consulting .box .inner .image ul {
  display: flex;
  align-items: center;
  justify-content:space-between;
}
.consulting .box .inner .image ul li {
  width: 49%;
}
.consulting .box .inner .image ul li img {
  width: 100%;
  height: auto;
}
.consulting .box .inner .release {
  background: #f1f1f1;
  box-sizing: border-box;
  margin-top: 12px;
  padding: 10px 20px 16px;
}
.consulting .box .inner .release h4 {
    border-bottom: 1px solid #d7d4ce;
    margin-bottom: 8px;
    padding-bottom: 4px;
}

.deepgreen_label{
  background-color: #dbe290;
  padding: 3px 11px 3px 10px;
  font-size: 0.7rem;
  font-weight:normal;
}

.brown_label{
  background-color: #ddcdb4;
  padding: 3px 11px 3px 10px;
  font-size: 0.7rem;
  font-weight:normal;
}

.blue_label{
  background-color: #c9d4db;
  padding: 3px 11px 3px 10px;
  font-size: 0.7rem;
  font-weight:normal;
}

/* access */
.sub-page .access #studio-data .data-table {
  margin-bottom: 20px;
}
.access .gallery-container {
  display: flex;
  align-items: center;
  justify-content:space-between;
  text-align: center;
}
.access .gallery-container .photo-gallery {
  order:2;
}
.access .gallery-container .map-gallery {
  order:1;
}
@media screen and (max-width: 701px) {
  .access .gallery-container {
    flex-wrap:wrap;
  }
  .access .gallery-container .photo-gallery {
    margin-bottom: 20px;
    order:1;
  }
  .access .gallery-container .map-gallery {
    order:2;
  }
  .access .gallery-container .photo-gallery,
  .access .gallery-container .map-gallery {
    width: 100%;
  }
  .access .gallery-container .photo-gallery img,
  .access .gallery-container .map-gallery img {
    width: 100%;
    height: auto;
  }
}

/* SUB sidebar
   ========================================================================== */
.sub-local-nav .lv1 {
  font-size: 100%;
}
.sub-local-nav .lv2 > li {
  font-size: 100%;
}
.sub-local-nav .lv2 > li > a {
  color: #705e54;
}
.sub-local-nav .lv2 > li > a:hover {
  color: #000;
}