@charset "UTF-8";
/* CSS Document */
/* CSS Document */
/*ブレイクポイント設定*/
.font-setting {
  margin-bottom: 00;
  color: #000;
  line-height: 0;
  font-size: 0;
  letter-spacing: 0em;
  font-weight: 500; }

/*font-size フォントサイズ*/
/*font-color*/
/*boxの中央寄せ*/
/*clearfix*/
/*flexboxで中央寄せ*/
/* Scss Document */
#top .l-headerBottom .wider .still {
  height: 100vh; }
  #top .l-headerBottom .wider .still .still__box .still__bg.mask .still__img {
    height: auto; }
#top .l-headerBottom .wider .pickupHead {
  display: none; }

.sec.sec_service .sec_content .sec_title {
  max-width: 111px;
  margin: 0 auto;
  margin: 100px auto 70px; }
.sec.sec_service .sec_content .sec_sub_title {
  max-width: 464px;
  margin: 0 auto;
  margin-bottom: 60px;
  font-size: 2.5rem;
  line-height: 1.75;
  font-weight: 900; }
  @media screen and (max-width: 768px) {
    .sec.sec_service .sec_content .sec_sub_title {
      font-size: 1.8rem; } }
.sec.sec_service .sec_content .sec_des {
  max-width: 592.7px;
  margin: 0 auto;
  margin-bottom: 70px;
  font-size: 1.6rem;
  line-height: 2;
  color: #888888; }
  .sec.sec_service .sec_content .sec_des p {
    text-align: center !important; }
    @media screen and (max-width: 768px) {
      .sec.sec_service .sec_content .sec_des p {
        text-align: justify !important; } }
.sec.sec_service .sec_content .more_btn {
  max-width: 217px;
  margin: 0 auto;
  margin-bottom: 108px; }
.sec.sec_approach {
  background-color: #f7f7f7; }
  .sec.sec_approach .sec_content {
    padding-top: 100px;
    padding-bottom: 108px; }
    .sec.sec_approach .sec_content .sec_sub_title {
      max-width: 272px;
      margin: 0 auto;
      margin-bottom: 90px;
      font-size: 2.5rem;
      line-height: 1.67;
      font-weight: 900; }
      @media screen and (max-width: 768px) {
        .sec.sec_approach .sec_content .sec_sub_title {
          font-size: 1.8rem; } }
    .sec.sec_approach .sec_content .content_list {
      max-width: 580px;
      margin: 0 auto;
      display: flex;
      justify-content: space-between; }
      @media screen and (max-width: 768px) {
        .sec.sec_approach .sec_content .content_list {
          display: inherit; } }
      @media screen and (max-width: 768px) {
        .sec.sec_approach .sec_content .content_list .content_item {
          margin-bottom: 68px; } }
      .sec.sec_approach .sec_content .content_list .content_item .item_title {
        margin-bottom: 40px; }
      .sec.sec_approach .sec_content .content_list .content_item .item_btn {
        max-width: 140px;
        margin: 0 auto; }
        @media screen and (max-width: 768px) {
          .sec.sec_approach .sec_content .content_list .content_item .item_btn {
            max-width: inherit; } }
      .sec.sec_approach .sec_content .content_list .content_item .item_title_art img {
        max-width: 95.3px; }
      .sec.sec_approach .sec_content .content_list .content_item .item_title_office img {
        max-width: 97.3px; }
      .sec.sec_approach .sec_content .content_list .content_item .item_title_tool img {
        max-width: 85.2px; }
.sec.sec_contact {
  padding-bottom: 100px; }

.l-wrapper .l-main.l-main-wide .dividerBottom {
  border-bottom: 0.5px solid #9e9e9f;
  padding-bottom: 73px;
  margin-bottom: 100px; }
  .l-wrapper .l-main.l-main-wide .dividerBottom:last-child {
    border: none; }
  .l-wrapper .l-main.l-main-wide .dividerBottom .heading.heading-main.heading_ttl_contents {
    max-width: 134.5px;
    margin: 0 auto;
    margin-bottom: 90px; }
  .l-wrapper .l-main.l-main-wide .dividerBottom .heading.heading-main.heading_ttl_works {
    max-width: 91.2px;
    margin: 0 auto;
    margin-bottom: 90px; }
  .l-wrapper .l-main.l-main-wide .dividerBottom .archive {
    margin-bottom: 70px; }
    .l-wrapper .l-main.l-main-wide .dividerBottom .archive .archive__item .archive__contents .phrase.phrase-secondary {
      margin-bottom: 0; }
  .l-wrapper .l-main.l-main-wide .dividerBottom .archiveHead .archiveHead__contents .heading {
    border-bottom: none;
    padding-bottom: 0; }
  .l-wrapper .l-main.l-main-wide .dividerBottom .custom {
    margin-bottom: 55px; }

@media screen and (min-width: 992px) {
  .l-wrapper .l-main.l-main-wide .dividerBottom .archive .archive__item {
    width: calc(25% - 15px) !important;
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0; }
  .l-wrapper .l-main.l-main-wide .dividerBottom .moreBtn {
    max-width: 217px;
    margin: 0 auto; } }
.sec_mv {
  position: relative; }
  .sec_mv .sec_mv_content img {
    width: 100%; }

.l-header {
  position: sticky !important;
  top: 0 !important;
  left: 0 !important; }
  .l-header.l-header-clone.is-show {
    display: none; }