@charset "utf-8";
/* fade ***************************************************/
.fade-in {
  opacity: 0;
  transition-duration: 1000ms;
  transition-property: opacity, transform;
}

.fade-in-up {
  transform: translate(0, 70px);
}

.fade-in-down {
  transform: translate(0, -70px);
}

.fade-in-left {
  transform: translate(-70px, 0);
}

.fade-in-right {
  transform: translate(70px, 0);
}

.scroll-in {
  opacity: 1;
  transform: translate(0, 0);
}
/* scrollbar ***************************************************/
::-webkit-scrollbar {
  height: 3ch !important;
}
/* layout ***************************************************/
#content {
  padding-bottom: 0;
  margin-bottom: 200px;
}
.wrapper {
  overflow: auto !important;
}
.container {
  width: 1400px;
  max-width: 92% !important;
  min-width: 1024px !important;
  margin: 0 auto !important;
  padding: 0 !important;
}
.col-md-6 {
  flex: 0 0 auto;
  width: 30% !important;
}
.c-indexBox,
.c-singleBox,
.c-archiveBox,
.c-404Box {
  width: 95%;
  margin: 0 auto;
}
::-webkit-scrollbar {
  width: 0 !important;
}
@media only screen and (max-width: 768px) {
  .container {
    width: 92% !important;
    max-width: 92% !important;
    min-width: auto !important;
    margin: 0 auto !important;
  }
  .c-indexBox,
  .c-singleBox,
  .c-archiveBox,
  .c-404Box {
    width: 95%;
  }
  .col-md-6 {
    width: 100% !important;
  }
}
/* nav ***************************************************/
.nav > .nav-header > .nav-title {
  margin: 0.5em 1em 0.7em;
}
.nav > .nav-links > a {
  width: auto;
  letter-spacing: 0;
  line-height: 1.4;
}
.nav > .nav-links {
  width: auto;
}
@media (max-width: 1024px) {
  .nav > .nav-header > .nav-title {
    margin: 15px 0 15px 8px;
  }
  .nav > .nav-links {
    width: 100%;
  }
}
/* top ***************************************************/
#wrkChild-topMg {
  padding-top: 220px;
}
@media (max-width: 768px) {
  #wrkChild-topMg {
    padding-top: 170px;
  }
}
/* index ***************************************************/
.c-indexBox .col-lg-12,
.c-indexBox .col-lg-4 {
  padding-right: 0 !important;
  padding-left: 0 !important;
}
.c-indexBox .col-lg-12 .row {
  margin-right: 0 !important;
  margin-left: 0 !important;
  gap: 5%;
}
@media (max-width: 768px) {
  .c-indexBox .col-lg-12 .row {
    gap: 6%;
    justify-content: space-between;
  }
}
/* archive ***************************************************/
.c-archiveBox .col-lg-12,
.c-archiveBox .col-lg-4 {
  padding-right: 0 !important;
  padding-left: 0 !important;
}
.c-archiveBox .col-lg-12 .row {
  margin-right: 0 !important;
  margin-left: 0 !important;
  gap: 5%;
}
@media (max-width: 768px) {
  .c-archiveBox .col-lg-12 .row {
    gap: 6%;
    justify-content: space-between;
  }
}
/* pan ***************************************************/
.bs-breadcrumb-section {
  display: none !important;
}
.c-breadcrumb {
  display: flex;
  list-style: none;
  padding: 0;
  font-weight: bold;
  align-items: center;
  margin: 0;
  flex-wrap: wrap;
}
.c-breadcrumb li {
  margin: 0 6px;
  color: #000;
}
.c-breadcrumb li a {
  color: #aaa;
}
.c-breadcrumb li:first-child {
  margin: 0 6px 0 0;
}
.c-breadcrumb li:last-child {
  margin: 0 0 0 6px;
}
.c-breadcrumb .panCircle {
  width: 4px;
  height: 4px;
  background: #ccc;
  border-radius: 50%;
}
.c-breadcrumb li:nth-last-child(2) {
  background: #000;
}
@media only screen and (max-width: 768px) {
  .c-breadcrumb {
    font-size: 0.85em;
  }
  .c-breadcrumb li {
    margin: 0 4px;
    color: #000;
  }
  .c-breadcrumb li:first-child {
    margin: 0 4px 0 0;
  }
  .c-breadcrumb li:last-child {
    margin: 0 0 0 4px;
  }
}
/* single ***************************************************/
.c-singleBox .col-lg-12 {
  padding: 0;
}
.bs-blog-post .bs-header {
  padding: 20px 0 100px;
  position: relative;
}
/* .bs-blog-post .bs-header::after,
.bs-blog-post .bs-header::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
}
.bs-blog-post .bs-header::after {
  width: 100%;
  height: 1px;
  background: #ccc;
  z-index: 0;
}
.bs-blog-post .bs-header::before {
  bottom: 0.5px;
  width: 50px;
  height: 2px;
  background: #ab7449;
  z-index: 1;
}
.single a.category-color-1 {
  font-size: 0.7em;
} */
.bs-blog-post.single {
  width: 100%;
}
.single .title {
  margin-bottom: 35px;
}
.bs-blog-post .single .nav-links {
  background: #faf9f5;
  margin: 75px 0;
}
.content table,
.single table {
  font-size: 0.9em;
  color: #000;
}
@media only screen and (max-width: 768px) {
  .bs-blog-post .bs-header {
    padding: 20px 0 50px;
  }
}

/* title ***************************************************/
.c-h1_worksChildTitle {
  padding: 0;
  font-size: 3em;
  font-weight: bold;
  margin: 30px auto 85px;
  letter-spacing: 0.1em;
  position: relative;
  padding: 0 0 200px;
}
.c-h1_worksChildTitle::after,
.c-h1_worksChildTitle::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
}
.c-h1_worksChildTitle::after {
  width: 100%;
  height: 1px;
  background: #ccc;
  z-index: 0;
}
.c-h1_worksChildTitle::before {
  bottom: 0.5px;
  width: 50px;
  height: 2px;
  background: #ab7449;
  z-index: 1;
}
.c-h1_worksChildTitle span {
  font-size: 0.5em;
  vertical-align: top;
  margin: 0 0 0 5px;
}
@media only screen and (max-width: 768px) {
  .c-h1_worksChildTitle {
    font-size: 2.2em;
    margin: 12px auto 40px;
    padding: 0 0 100px;
  }
}

/* Category ***************************************************/
.bs-blog-category {
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
}
a.category-color-1 {
  background: #ab7449;
  color: #fff;
  padding: 3px 8px;
  font-size: 11px;
  font-weight: bold;
  line-height: 1.1;
  margin-left: 0;
  margin-right: 6px;
}
@media only screen and (max-width: 768px) {
  a.category-color-1 {
    font-size: 11px;
    padding: 2px 7px;
    line-height: 1.2;
    margin: 0 5px 0 0;
  }
}
/* tag ***************************************************/
.postTag {
  font-size: 0.75em;
  color: #999;
}
.postTag a {
  color: #999;
  text-decoration: none;
  margin-right: 4px;
}
@media only screen and (max-width: 768px) {
  .postTag {
    margin: 0;
  }
}
/* thumbnail ***************************************************/
.bs-blog-thumb.lg {
  height: auto;
  padding-top: 65%;
}
/* post list ***************************************************/
.bs-blog-post {
  margin-left: auto;
  margin-right: auto;
}
.bs-blog-post .small {
  padding: 12px 0 3.7em;
  position: relative;
  color: #000;
}
.postDetail {
  position: absolute;
  bottom: 1px;
  width: 100%;
}
.postDetail .btn-styleA a {
  width: 100%;
}
.bs-blog-post .title {
  margin-bottom: 12px;
  font-size: 1.2em;
}
@media only screen and (max-width: 768px) {
  .bs-blog-post .title {
    margin: 3px 0 6px;
    font-size: 1em;
  }
  .postDetail {
    font-size: 0.9em;
  }
  .bs-blog-post .small {
    padding: 12px 0 3.2em;
  }
}
/* font ***************************************************/
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6,
body {
  font-family: "Zen Kaku Gothic New", "游ゴシック", "Lucida Sans Unicode",
    "Lucida Grande", Arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",
    "ＭＳ Ｐゴシック", sans-serif;
}
/* bottom contact ***************************************************/
.btmContactWrap {
  list-style: none;
  padding: 100px 0 0;
}
@media only screen and (max-width: 768px) {
  .btmContactWrap {
    padding-top: 50px;
  }
}
/* footer ***************************************************/
.f-areaList {
  list-style: none;
  padding: 100px 0 0;
}
.f-areaList {
  list-style: none;
  padding: 0;
  margin: 0;
}
.f-areaCnt {
  margin-bottom: 0;
  color: #000;
}
.f-areaCnt dd {
  margin-bottom: 0;
}
.f-cntInDetail {
  color: #000;
}
.f-cntInDetail ul {
  list-style: none;
  padding: 0;
  margin: 0;
  color: #000;
}
/* pagination ***************************************************/
.pagination {
  margin: 50px 0 0;
}
.nav-links .page-numbers {
  border-radius: 50% !important;
  border: solid 1px #ccc !important;
  box-shadow: none !important;
  height: 50px !important;
  width: 50px !important;
  line-height: 47px !important;
  margin: 0 6px !important;
}
.nav-links .page-numbers.current {
  border: solid 1px #000 !important;
  background: #000 !important;
}
.navigation.pagination .nav-links a:hover {
  border: solid 1px #000 !important;
  background: #000 !important;
}
@media only screen and (max-width: 768px) {
  .nav-links .page-numbers {
    height: 42px !important;
    width: 42px !important;
    line-height: 42px !important;
  }
}