/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/


/* -------------------------------
 * 
 * base
 * 
 * ----------------------------- */
body {
    text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%; /* Safari */
}
body{
  color:#34485e;
 font-family: 'Montserrat', 'Noto Sans JP', sans-serif !important;
}
h1,h2,h3,h4{
  color:#34485e;
}
.mw_768{
  max-width:768px;
}
.block_center{
  margin: 0 auto !important;
}
.kl-card-grid__image {
  height:190px;
  /*  導入事例のカードリストの画像の高さ  */
}
.mb0{
  margin-bottom:0 !important;
}

  .sp-none{
    display:none;
  }
  .sp_fs24{
    font-size: 24px !important;
  }
}



/* -------------------------------
 * 
 * main visual
 * 
 * ----------------------------- */
@media screen and (max-width:767px){
  h1{
    font-size: 6vw !important;
  }
  .row-fluid-wrapper.row-depth-1.row-number-13.dnd_area_header-row-4-padding.dnd-section{
    padding: 20px 2vw !important;
  }
}

/* EV数値のモバイル対応 */
@media screen and (max-width:767px){
  .row-fluid-wrapper.row-depth-1.row-number-7.dnd-section.dnd_area_header-row-3-padding>.row-fluid{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  .row-fluid-wrapper.row-depth-1.row-number-7.dnd-section.dnd_area_header-row-3-padding>.row-fluid>.span3.widget-span.widget-type-cell{
    max-width: 36%;
    margin: 0 10px;
  }
}

/* 重要な告知をする箇所 
 * → 必要なくなったらdisplayで非表示にする 
 * ※ 2023年6月のIT導入補助金で使用
 * */
.important-area{
  margin:0 0 20px !important;
  display:none;
}
.important-area a{
  padding :16px;
  color: #fff;
  display: block; /*表示する場合は、blockに変更*/
  width: 100%;
  background-color: #238DB7;
  text-align: center;
  font-weight: bold;
  transition: opacity .7s;
}
.important-area a:hover{
  opacity: .7;
  transition: opacity .7s;
}
.important-area .important-area-btn{
  display: inline-block;
  background-color: #fff;
  color: #238DB7;
  padding:4px 8px;
  border-radius: 2px;
  margin-left: 16px;
  font-size: 14px;
  font-weight: bold;
  width: auto;
}

/* -------------------------------
 * 
 * 動画セクション
 * 
 * ----------------------------- */
.row-fluid-wrapper.row-depth-1.row-number-15.dnd_area_header-row-5-background-color.dnd-section.dnd_area_header-row-5-padding.dnd_area_header-row-5-vertical-alignment{
    padding-top: 36px !important;
    padding-bottom: 36px !important;
}
h2.section_video_heading{
  margin-bottom:18px;
}
p.section_video_txt02,p.section_video_txt01{
  margin: 8px 0 !important;
}


@media screen and (max-width:767px){
  .section_video_txt01,.section_video_txt02{
    font-size: 4vw !important;
  }
}



/* -------------------------------
 * 
 * section_最適な営業オペレーションを組織に実装し大量行動が可能になる仕組み
 * 
 * ----------------------------- */
.num_step{ /*番号のimg*/
  vertical-align: -16px;
  margin-right: 4px;
}
/* サブセクションのブロック・背景 */
#hs_cos_wrapper_widget_1682576192133,
.row-fluid-wrapper.row-depth-1.row-number-21.dnd_area_header-row-8-padding.dnd-section.dnd_area_header-row-8-background-color>.row-fluid,
.row-fluid-wrapper.row-depth-1.row-number-24.dnd_area_header-row-9-padding.dnd-section.dnd_area_header-row-9-background-color>.row-fluid{
  background-color:#fff;
  padding: 56px 4vw;
  box-shadow: 0 10px 30px #00000008;
}

#hs_cos_wrapper_widget_1682576192133 h3,
.row-fluid-wrapper.row-depth-1.row-number-25.dnd_area_header-row-10-padding>.row-fluid h3,
.row-fluid-wrapper.row-depth-1.row-number-28.dnd_area_header-row-11-background-color>.row-fluid h3{
  margin-bottom:36px;
}
.section-txt03{
  max-width:740px;
  margin:0 auto 30px !important;
}

@media screen and (max-width:767px){
  .subsection-txt{
    display: block;
    margin-top:12px;
  }
  .mt40_sp{
    margin-top:40px;
  }
}

/* -------------------------------
 * 
 * Economic Value
 * 
 * ----------------------------- */
.ev_wrapper{
  display:flex;
  align-items:center;
  margin-bottom:24px;
}
.ev_wrapper>span{
  display:block;
}
.ev_content_img{
  margin-right: 20px;
}

@media screen and (max-width:767px){
  .ev_wrapper{
    justify-content:center;
    flex-direction:column;
  }
  .ev_content_img{
    margin: 0 0 12px; 
  }
}

/* -------------------------------
 * 
 * section_FAQ
 * 
 * ----------------------------- */
.faq-card{
  max-width: 768px;
  margin: auto;
  border-radius:9px;
  box-shadow: 0 10px 30px #00000008;
}
.faq-card span,
.faq-card img{
  display:block;
  float: none;
}
.faq-card_header{
  margin-bottom:0 !important;
  padding: 0 !important;
  display:flex;
  border-bottom: 1px solid #ddd;
}

.faq-card_header-txt{
  padding:12px;
  font-weight: bold;
}
.faq-card_header-ico{
  padding: 12px 21.5px;
}
.faq-card_header-txt{
  border-left: solid 1px #ddd;
}
.faq-card_body{
  display: flex;
}
.faq-card_body-ico,
.faq-card_body-txt{
  padding:12px 12px 18px;
}
.faq-card_body-txt{
  width: calc(100% - 60px);
  border-left: solid 1px #ddd;
}




/* -------------------------------
 * 
 * section_導入をご検討中の方へ
 * 
 * ----------------------------- */

.span3.widget-span.widget-type-custom_widget.dnd-module{
  border: .5px solid rgba(141,164,189,.2);
  box-shadow: 0 0 20px #00000006;
  transition: box-shadow .5s;
  border-radius: 4px;
  padding: 12px 0 0;
}
.span3.widget-span.widget-type-custom_widget.dnd-module h4:first-of-type{
  margin-bottom:0;
}
#hs_cos_wrapper_module_16825837442612 img{
  vertical-align:-9px;
}
.examination-card-link:hover{
  text-decoration:none;
}
.span3.widget-span.widget-type-custom_widget.dnd-module:has(.examination-card-link:hover){
  box-shadow: 0 0 2px #00000020;
  transition: box-shadow .5s;
}


@media screen and (max-width:767px){
  .row-fluid-wrapper.row-depth-1.row-number-10.dnd-row .span3{
    margin-bottom:16px;
  }
}


/* -------------------------------
 * 
 * section_CTAセクション
 * 
 * ----------------------------- */
@media screen and (max-width:767px){
  #hs_cos_wrapper_dnd_area-module-18,
  #hs_cos_wrapper_module_16814511230903{
    margin-bottom:30px;
  }




}