@charset "UTF-8";
/* ★★このサイトはscssを利用しています。cssを直接記述したい場合は、このスタイルシートに記述をしてください。★★ */
/* ==============================================
CSS information

 file name  : merge.scss
 style info : scssではなく、cssを直接記述したい場合は、こちらに記述。定期的にscssにマージする。
 
 このスタイルシートの構成
 
   
作成者 2022.10.18 nishi.takaharu
更新者 2025.09.10 kunihiro

=============================================== */

/* ------------------------------------
  ここにページ名を記載してください
------------------------------------ */


/* 見出し等を記載してください
------------------------------------ */

/* ------------------------------------
  index.php
------------------------------------ */


/* X軸のはみ出し部分除去
------------------------------------ */

body {
  overflow-x: hidden;
}

.site_name {
  font-size: 2.8rem;
  display: block;
}

@media screen and (max-width: 767px) {
  .site_name {
    font-size: 2rem;
    line-height: 1.2;
  }
}

/* お申し込みボタンのスタイル追加
------------------------------------ */
.main .btn_inquiry {
  position: fixed;
  bottom: 64px;
  right: 40px;
  z-index: 1;
}

.main .btn_inquiry a {
  width: 100%;
  display: inline-block;
}

.main .btn_inquiry a .img_btn_inquiry{
  width: 120px;
}


/* 実績の追加（喜多屋・富士甚醤油）
------------------------------------ */
.main .works_img_box .works_img_list{
  flex-wrap: wrap;
}

.main .works_img_box .works_img_list::after{
  content: "";
  display: block;
  width: 30%;
}

.main .works_img_box .works_img_list{
  flex-wrap: wrap;
}

@media screen and (max-width: 829px){
  .works_area .works_img_box .works_img_list .works_img_item:nth-child(2){
    width: 355px;
    padding-bottom: 0;
  }
}


/* リプレイス４か月後に売上10倍
------------------------------------ */
.works_area .replace_example_box .tl_replace_example {
  margin-bottom: 0;
}
.tl_replace_example .txt_xl {
  font-size: 4.6rem;
  margin: 0 2px;
}
.tl_replace_example .txt_l {
  font-size: 3.8rem;
  padding: 0 2px 0 3px;
}

@media screen and (max-width: 767px) {
  .works_area .replace_example_box .tl_replace_example {
    margin-bottom: 10px;
  }
  .tl_replace_example .txt_xl {
    font-size: 3.2rem;
    margin: 0 2px 0 4px;
    line-height: 1.4;
  }
  .tl_replace_example .txt_l {
    font-size: 2.8rem;
    padding: 0 3px 0 2px;
  }
}


/* お客様の声（.voice_area
------------------------------------ */
.voice_area .voice_box .voice_content_box .voice_flex_block .voice_block {
  width: 48%;
}
@media screen and (max-width: 767px) {
  .voice_area .voice_box .voice_content_box .voice_flex_block .voice_block {
    width: 100%;
  }
}



/* コンバージョン（.consultation_area）
------------------------------------ */
.tl_consultation .txt_xl {
  font-size: 4.6rem;
  letter-spacing: -0.2em;
}
.tl_consultation .txt_l {
  font-size: 4rem;
  margin: 0 2px 0 4px;
}


@media screen and (max-width: 767px) {
  .tl_consultation .txt_xl {
    font-size: 3.2rem;
    letter-spacing: -0.2em;
  }
  .tl_consultation .txt_l {
    font-size: 2.8rem;
    margin: 0 2px 0 4px;
  }
}


/* 3つの強み（.strengths_area）
------------------------------------ */

/* 見出し
--------------- */
@media screen and (max-width: 767px) {
  .cont_tl_02 .tl_xl {
      font-size: 3.2rem;
  }
  .cont_tl_02 .tl_l {
    font-size: 2.4rem;
}
}

/* 共通　背景
--------------- */

.strengths_area .strength_block .strength_title_block {
  background-image: none;
  background-color: #F4EFE6;
  clip-path: polygon(0 0, 100% 0%, 90% 100%, 0% 100%);
}
@media screen and (max-width: 767px) {
  .strengths_area .strength_block .strength_title_block {
    background-color: transparent;
    clip-path: none;

  }
}

.strengths_area .strength_block .strength_title_block.title_block_02 {
  background-image: none;
  background-color: #F4EFE6;
  clip-path: polygon(0 0, 100% 0%, 100% 100%, 10% 100%);
}
@media screen and (max-width: 767px) {
  .strengths_area .strength_block .strength_title_block.title_block_02 {
    background-color: transparent;
    clip-path: none;
  }
}

.strength_case_block {
  margin-top: 60px;
}

@media screen and (max-width: 767px) {
}


/* マーケティング
--------------- */
.strengths_area .box_graph_marketing {
  margin: 60px auto;
}



/* ワンストップサービス（.one_stop_area)
------------------------------------ */
.one_stop_area .img_onestop_flex .onestop_feature_box {
  left: 180px;
}




	
/* ------------------------------------
  大括り
------------------------------------ */

/* 中括り
------------------------------------ */

/* 小括り
--------------- */

/* 最小括り */