@charset "utf-8";

/* ----------------------------------------------------------------------
 ヘッダー
---------------------------------------------------------------------- */
#header_logo .logo {
  left: 10px;
}
#header_logo .mobile_logo_image {
  height: auto;
  width: 270px;
}
#menu_button span,
body.home #menu_button span,
body.home #header.active #menu_button span {
  background-color: #628c1f;
}
body.page-id-180 .header_fix_mobile #header{
  position: static !important;
}



/* ----------------------------------------------------------------------
 パンくず
 ---------------------------------------------------------------------- */
#bread_crumb {
  margin: 0 auto 30px;
}

/* ----------------------------------------------------------------------
 下層タイトル
---------------------------------------------------------------------- */
@media screen and (max-width:550px) {
  #page_header {
    height: 100px;
    padding-bottom: 0;
  }
  #page_header_inner {
    height: 100px;
    padding: 0 15px 0;
  }
  #page_header .title {
    text-align: left;
  }
}

/* ----------------------------------------------------------------------
 フッターバナー
---------------------------------------------------------------------- */
@media screen and (max-width: 950px) {
  #footer_banner .item + .item {
    margin-top: 30px;
  }
}
@media screen and (max-width: 750px) {
  #footer_banner {
    display: block;
    margin: 0 auto;
    width: 75%;
  }
  #footer_banner a {
    height: 100%;
  }
  #footer_banner .image_wrap {
    height: 100%;
  }
  #footer_banner .image {
    background-size: contain !important
  }
  #footer_banner .item {
    aspect-ratio: 632 / 330;
    height: auto;
    width: 100%;
  }
  #footer_logo img {
    width: 190px;
    height: auto;
  }
}

/* ----------------------------------------------------------------------
 フッター
---------------------------------------------------------------------- */
.footer_info {
  text-align: left;
}
#footer_bottom {
  padding: 70px 0 37px;
}
.dp-footer-bar a {
  height: 70px;
}
@media screen and (max-width: 750px) {
  #footer_menu li {
    font-size: 15px;
    margin: 0 0 24px 0;
  }
}
/* フッター固定ニュー */
.dp-footer-bar {
  border-top: 1px solid #fff;
  font-size: 15px;
}
.dp-footer-bar-item + .dp-footer-bar-item {
  border-left: 1px solid #fff;
}

/* ----------------------------------------------------------------------
 共通
---------------------------------------------------------------------- */
@media screen and (max-width:550px) {
  .index_free_space .cb_catch {
    font-size: 24px;
  }
  .form-lead {
    font-size: 16px;
    margin-bottom: 40px;
    text-align: left;
  }
  .post_content .form-lead p,
  #service_single .form-lead p{
    margin: 0 0 2em 0;
  }
  .form-lead a.tel em {
    font-size: 28px;
  }
  .post_content .form-lead dd,
  #service_single .form-lead dd {
    display: block;
    margin-bottom: 20px;
  }
  .post_content .form-lead dd span,
  #service_single .form-lead dd span {
    display: block;
  }
  .post_content p {
    line-height: 2.2;
  }
}
@media screen and (max-width: 750px) {
  .cb_contents_inner {
    padding: 0 20px;
  }
  .cb_contents_inner .cb_contents_inner {
    padding: 0;
  }
  .cb_contents .link_button a {
    font-size: 16px;
    flex-grow: 1;
  }
  .index_service_list.num1 .cb_desc {
    line-height: 2.2;
  }
}

/* ----------------------------------------------------------------------
 TOP
---------------------------------------------------------------------- */
.top-gpt-inner {
  flex-direction: column;
  padding: 0 20px;
}

#index_news + #index_content_builder {
  padding: 60px 0 60px;
}
@media screen and (max-width:550px) {
  #index_content_builder .index_service_list {
    padding: 30px 0;
  }
}


/* ----------------------------------------------------------------------
 サービスTOP
---------------------------------------------------------------------- */
@media screen and (max-width:550px) {
  #service_list .item {
    margin: 0 0 20px 0;
  }
  .index_service_list .service_list .item .desc {
    line-height: 2.2;
  }
}
@media screen and (max-width:750px) {
  #service_list .title_area {
    padding: 23px 15px;
  }
}

/* ----------------------------------------------------------------------
 サービス一覧・詳細
---------------------------------------------------------------------- */
#service_single .service_list li a {
  height: 80px;
}

@media screen and (max-width:550px) {
  body.service-template-default h2 {
    text-align: left;
  }
  body.service-template-default .balloon1-left {
    font-size: 16px;
  }
}

.index_service_list .service_list {
  display: block;
}
#service_single .service_list li a {
  line-height: 25px;
}
@media screen and (max-width: 950px) {
  .service_content1 .image {
    height: 90px;
    width: auto;
  }
}

@media screen and (max-width:550px) {
  .index_service_list .service_list .item{
    min-height: 0;
    width: 100%;
  }
  .index_service_list .service_list .item .desc {
    padding: 20px;
  }
  .index_service_list .service_list .image_wrap {
    height: 160px;
  }
}
@media screen and (max-width:550px) {
  .service_content3.num1 .list_headline {
    font-size: 17px;
  }
  .service_content3 .price_list dt {
    width: 100%;
  }
}
@media screen and (max-width:750px) {
  #service_single .top_headline {
    margin-top: 60px;
  }
  .service_content1 .image {
    height: auto;
    margin: 0 auto 30px auto;
    width: 65%;
  };
  .service_content3.num2 .list_headline {
    font-size: 17px;
  }
  #service_single .service_content.num1 h3 {
    font-size: 22px;
  }
  #service_single .service_content.num1 .post_content {
    font-size: 16px;
    text-align: left;
  }
}

/* ----------------------------------------------------------------------
 OFFICE
---------------------------------------------------------------------- */
@media screen and (max-width:550px) {
  .cb_contents .cb_catch {
    margin:0 0 32px;
  }
  .index_access.num3 .cb_catch:after {
    margin-top: 30px;
    text-align: left;
  }
}

/* ----------------------------------------------------------------------
 ニュース
---------------------------------------------------------------------- */
@media screen and (max-width:550px) {
  #post_title_area .image {
    margin-top: 1px;
  }
}