@charset "UTF-8";
/* CSS Document */
/*-----------------------
INDEX
-------------------------*/
#index header {
  position: fixed;
  z-index: 99999; }
#index .kv-group {
  top: 17.34vw; }
  #index .kv-group .l-cnt {
    display: none; }
  #index .kv-group .kv {
    width: 100vw;
    height: auto; }
    #index .kv-group .kv .slick-slide {
      height: 75vw;
      overflow: hidden; }
      #index .kv-group .kv .slick-slide img {
        height: 100%;
        object-fit: cover; }
#index .cnt-wrap {
  padding-top: calc(75vw + 17.34vw);
  padding-bottom: unset; }
#index h2 {
  font-size: 8.4vw;
  margin-bottom: 7.2vw; }
  #index h2 span.en {
    margin-bottom: 4.8vw;
    font-size: 6vw; }
#index section {
  padding: 7.2vw 0 9.6vw; }
#index .about-group h2 {
  margin-bottom: 5vw; }
  #index .about-group h2 .en {
    margin-bottom: 9.6vw;
    font-size: 6vw; }
#index .about-group .bg {
  top: 10vw;
  right: 4.8vw;
  height: 100vw;
  width: 100vw; }
#index .about-group .inner .text-box {
  width: 100%;
  padding: 5vw 0 0 5vw;
  background-color: #fff;
  margin-left: 0px; }
#index .about-group .btn {
  margin-top: 9.6vw; }
#index .works-group {
  background-color: rgba(0, 0, 0, 0.5);
  background-blend-mode: multiply; }
  #index .works-group h2 {
    text-align: left; }
  #index .works-group .flex li a .img-box {
    width: calc((100vw - 9.6vw - 4.8vw) / 2);
    height: calc((100vw - 9.6vw - 4.8vw) / 2); }
  #index .works-group .flex li:nth-child(n+3) {
    margin-top: 2.4vw; }
  #index .works-group .btn {
    margin-top: 4.8vw; }
#index .news-group {
  padding: 7.2vw 0 9.6vw; }
  #index .news-group h2 {
    margin-bottom: 4.8vw; }
  #index .news-group .news-inner {
    padding: 4.8vw; }
    #index .news-group .news-inner .news-list-box {
      width: 100%;
      padding: 0 4.8vw;
      margin-bottom: 4.8vw; }
      #index .news-group .news-inner .news-list-box ul {
        width: 100%; }
  #index .news-group .btn {
    margin: 0 auto;
    width: 100%; }
    #index .news-group .btn a {
      width: 100%; }
#index .pc-cnt.index-only {
  display: none !important; }

/*-----------------------
ABOUT
-------------------------*/
#about h2 {
  margin-bottom: 3vw; }
#about .greeting .text-box, #about .profile .text-box {
  background-size: contain;
  background-position: 0 0;
  padding-top: calc(((100vw - 9.6vw) * .414) + 2.4vw); }
  #about .greeting .text-box div, #about .profile .text-box div {
    width: 100%;
    padding-top: 0px;
    margin-right: 0%;
    padding-right: 0px;
    margin-left: 0%;
    padding-left: 0px; }
#about .greeting {
  margin: 3.6vw auto 0; }
#about .profile h2 {
  text-align: left; }
#about .profile .text-box div h6 {
  margin-bottom: 0;
  font-size: 4.34vw;
  line-height: 2em; }
#about .company .unv-tbl th, #about .company .unv-tbl td {
  display: inline-block; }
#about .company .unv-tbl th {
  width: 5em !important; }
#about .company .unv-tbl th:before {
  display: none; }
#about .company .unv-tbl td {
  padding-left: 0; }

/*-----------------------
WORKS
-------------------------*/
#works .works-li-group .flex li a .img-box {
  width: calc((100vw - 9.6vw - 4.8vw) / 2);
  height: calc((100vw - 9.6vw - 4.8vw) / 2); }
#works .works-li-group .flex li:nth-child(n+3) {
  margin-top: 2.4vw; }
#works .works-li-group .btn {
  margin-top: 9.6vw; }
#works .works-detail-group {
  padding: 4vw 0 0 !important; }
  #works .works-detail-group .sliderContent .slick-dotted.slick-slider {
    margin-bottom: 3.4vw; }
  #works .works-detail-group .slick-dots {
    position: unset;
    margin-top: 4.8vw;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap; }
    #works .works-detail-group .slick-dots li {
      width: calc(((100vw - 9.6vw) / 3) - 3.2vw);
      margin: 0; }
    #works .works-detail-group .slick-dots li:first-child {
      margin-left: 0 !important; }
    #works .works-detail-group .slick-dots li + li {
      margin-left: 4.8vw; }
    #works .works-detail-group .slick-dots li:nth-child(3n+1) {
      margin-left: 0px; }
    #works .works-detail-group .slick-dots li:nth-child(n+4) {
      margin-top: 4.8vw; }
    #works .works-detail-group .slick-dots li:nth-child(5n+1) {
      margin-left: auto; }
  #works .works-detail-group .text-group .text {
    margin: 4vw ​0 4.8v; }

#works.single-works .ttl-group {
  margin-bottom: 0px; }

#news .news-detail-group h2 {
  padding: 0 0 2.4vw;
  margin-bottom: 4.8vw;
  border-bottom: 1px solid #ddd; }
  #news .news-detail-group h2 .date {
    font-size: 3.6vw;
    font-weight: normal;
    margin-bottom: 1.8vw !important;
    line-height: 1em; }
  #news .news-detail-group h2 .date + span {
    font-size: 4.2vw;
    color: #555; }
#news .news-detail-group .news-detail-box .img-group .main-v img {
  border: 1px solid #eee; }

#works .works-detail-group .btn-group, #news .news-detail-group .btn-group {
  width: auto;
  margin-top: 4.8vw;
  justify-content: space-between !important; }
  #works .works-detail-group .btn-group .btn, #news .news-detail-group .btn-group .btn {
    width: calc((100vw - 9.8vw - 2.4vw) / 2) !important; }
    #works .works-detail-group .btn-group .btn a, #news .news-detail-group .btn-group .btn a {
      width: 100%;
      padding: 2.4vw 0; }
  #works .works-detail-group .btn-group .btn + .btn, #news .news-detail-group .btn-group .btn + .btn {
    margin-left: 0; }

#contact h2 {
  font-size: 5.4vw;
  margin-bottom: 3.6vw; }
#contact .form-group {
  margin-top: 4.8vw; }
#contact .btn-group {
  width: 100%;
  margin: 9.6vw auto 0; }
#contact .inquiry-form input.btn {
  width: 72.46vw; }
#contact .inquiry-form table th {
  width: 100%; }
#contact .inquiry-form table td {
  padding-top: 1em; }
#contact .inquiry-form table .mid-text {
  width: calc(50% - 7px); }
#contact .inquiry-form table .short-text {
  width: 31.4%; }
#contact .mw_wp_form_confirm .btn-group input.btn,
#contact .mw_wp_form_confirm .btn-group input.back-btn {
  width: 49%;
  padding: 15px 0; }
#contact .mw_wp_form_confirm .btn-group input.back-btn {
  color: #aaa;
  border: 1px solid #aaa; }

/*# sourceMappingURL=sp_style.css.map */