/*****************************************/
/* 共通設定 */
/*****************************************/

@media screen and (max-width: 768px){
  .ly_servicePage{
    width: 100%;
  }
}

.bl_section {
  margin-top: 80px;
}

.bl_section__13,
.bl_section__14{
  margin-top: 64px;
}

.bl_section__15{
  margin-top: 0;
}

.bl_section__10,
.bl_section__11{
  padding-bottom:80px;
}

.bl_section__12 {
  padding-bottom:120px;
}

.bl_section__13,
.bl_section__14{
  padding-bottom:64px;
}

@media screen and (max-width: 768px){
  .bl_section {
    margin-top: 48px;
  }
  .bl_section__4,
  .bl_section__5,
  .bl_section__11,
  .bl_section__12,
  .bl_section__13,
  .bl_section__14{
    margin-top: 64px;
  }
  .bl_section__10,
  .bl_section__11,
  .bl_section__12{
    padding-bottom:64px;
  }
  .bl_section__15 {
    margin-top: 0;
  }
  .bl_section__16 {
    margin-top: 64px;
  }
}

/* タイトルの余白を設定 */
.bl_section .bl_title{
  margin-bottom: 64px;
}

@media screen and (max-width: 768px){
  .bl_section .bl_title{
    margin-bottom: 40px;
  }
}

/* 黒背景のCTAコンテンツ > 上余白設定 */
/* .bl_section__2 .bl_ctaSection_wrap{
  margin-top: 144px;
} */

.bl_section .bl_ctaSection_wrap{
  margin-top:80px;
}
@media screen and (max-width: 768px){
  .bl_section .bl_ctaSection_wrap{
    margin-top: 64px;
  }
}

/* .bl_section__3 .bl_ctaSection_wrap {
  margin-top:16px;
}


.bl_section__9 .bl_ctaSection_wrap{
  margin-top:116px;
}

@media screen and (max-width: 768px){
  .bl_section__2 .bl_ctaSection_wrap,
  .bl_section__3 .bl_ctaSection_wrap{
    margin-top: 26px;
  }
  .bl_section__4 .bl_ctaSection_wrap,
  .bl_section__5 .bl_ctaSection_wrap,
  .bl_section__6 .bl_ctaSection_wrap,
  .bl_section__7 .bl_ctaSection_wrap,
  .bl_section__8 .bl_ctaSection_wrap,
  .bl_section__9 .bl_ctaSection_wrap{
    margin-top: 64px;
  }
} */

/* ボタンを中央配置 */
.bl_section .el_button{
  margin-top: 64px;
  justify-content: center;
}

/* テキストに余白を付与 */
.bl_section .bl_text{
  margin-bottom: 24px;
}

/*****************************************/
/* コンテンツ */
/*****************************************/

.bl_section .bl_serviceDetailFeatures_wrapper,
.bl_section .bl_serviceDetailRelated_wrapper,
.bl_section .bl_serviceDetailIntro_wrapper,
.bl_section .bl_serviceDetailAssignment_wrapper
  padding-inline: 130px;
}
@media screen and (max-width: 768px){
  .bl_section__2 .bl_serviceCol2,
  .bl_section__3 .bl_serviceImgtext,
  .bl_section .bl_serviceDetailFeatures_wrapper,
  .bl_section .bl_serviceDetailRelated_wrapper,
  .bl_section .bl_serviceDetailIntro_wrapper,
  .bl_section .bl_serviceDetailAssignment_wrapper{
    padding-inline: 20px;
  }
}

/*****************************************/
/* sect9  */
/*****************************************/

.bl_section__9 .bl_serviceDetailRelated_wrapper{
  padding-block: 80px;
}
@media screen and (max-width: 768px){
  .bl_section__9 .bl_serviceDetailRelated_wrapper{
    padding-block: 64px;
  }
}

/*****************************************/
/*  サービス案内とフォーム横並び */
/*****************************************/

.bl_topServiceColumn{
  max-width: 1160px;
  margin: 0 auto;
  display:flex;
  gap:49px;
}
@media screen and (max-width: 768px){
  .bl_topServiceColumn{
    gap: 40px;
    flex-direction: column;
    max-width: 100%;
    padding-inline: 20px;
  }
}

.bl_section__10:has(.bl_topServiceColumn__left .hs_cos_wrapper_type_module):has(.bl_topServiceColumn__right .hs_cos_wrapper_type_module) {
  margin-bottom: 104px;
}
@media screen and (max-width: 768px){
  .bl_section__10:has(.bl_topServiceColumn__left .hs_cos_wrapper_type_module):has(.bl_topServiceColumn__right .hs_cos_wrapper_type_module){
    margin-bottom: 64px;
  }
}

.bl_topServiceColumn .bl_title{
  margin-bottom: 80px;
}
@media screen and (max-width: 768px){
  .bl_topServiceColumn .bl_title{
    margin-bottom: 32px;
  }
}

.bl_topServiceColumn__left .bl_topServiceInfo{
  gap:49px;
  max-width:652px;
  width:45.27777777777778vw;
}
@media screen and (max-width: 768px){
  .bl_topServiceColumn__left .bl_topServiceInfo{
    width: 100%;
    max-width: 100%;
  }
}

.bl_topServiceColumn__right .bl_ctaTopForm{
  flex-grow: 1;
/*   margin-top: 6.944444444444445vw; */
}

.bl_section__16 .bl_ctaSection_bgWrapper  {
  display:none;
}

.bl_section__16 .bl_ctaSection_wrap {
  margin-top: 104px;
}


/*****************************************/
/* 動画コンテンツ bl_movie */
/*****************************************/

.bl_movie{
  background-image: url('/hubfs/colorer_2025/images/common/movie-bg.png');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  padding:150px 0;
}

.bl_movie_thumbnail {
  border-radius: 16px;
  overflow: hidden;
  width: 100%;
  max-width: 840px;
  aspect-ratio: 16 / 9;
  margin: 0 auto;
}

.bl_movie_thumbnail iframe {
  width: 100%!important;
  height:100%!important;
}

@media screen and (max-width: 768px){
  .bl_movie{
  padding:64px 20px;
}
}

/*****************************************/
/* section_16 サービス案内とフォーム横並び */
/*****************************************/

.bl_topServiceColumn{
  max-width: 1160px;
  margin: 0 auto;
  display:flex;
  gap:49px;
} 

.bl_topServiceColumn__left{
  gap:49px;
  max-width:652px;
  width:45.27777777777778vw;
} 
.bl_topServiceColumn__right{
  flex-grow:1;
  padding-top: 6.944444444444445vw;
} 

.bl_section__16 .bl_ctaSection_bgWrapper  {
  display:none;
}

.bl_section__16 .bl_ctaSection_wrap {
  margin-top: 104px;
}

@media screen and (max-width: 768px){
  .bl_topServiceColumn {
      padding-inline: 20px;
      flex-wrap:wrap;
    }
  .bl_topServiceColumn__left{
    width:100%;
    max-width: 100%;
  }
  .bl_topServiceColumn__right{
    padding-top: 0;
  }
  .bl_section__16 .bl_ctaSection_wrap {
    margin-top: 64px;
  }
}


/*****************************************/
/* フォームのスタイル MV部分 */
/*****************************************/

/* タイトル下のテキストを非表示 */
.hsfc-Step__Content .hsfc-RichText {
  display: none;
}

[data-hsfc-id=Renderer] .hsfc-FormWrapper .hsfc-Step .hsfc-Step__Content {
  padding: 0;
}

/* 送信ボタン上のテキスト */
[data-hsfc-id=Renderer] .hsfc-Row .hsfc-RichText {
  display: none;
}

/* プライバシーへのリンク */
.bl_serviceMainvisualForm_inner__right .textBtn .privacyPolicy {
  margin-top: 20px;
}

.bl_serviceMainvisualForm_inner__right .textBtn .privacyPolicy a {
   color: #f09e67;
  text-decoration: underline;
}
.bl_serviceMainvisualForm_inner__right .textBtn .privacyPolicy a:hover {
  text-decoration: none;
}

/* フォームの項目 */
.bl_serviceMainvisualForm_inner__right .hsfc-Row .hsfc-TextField {
  margin-bottom: 0;
}

.bl_serviceMainvisualForm_inner__right .hsfc-Step__Content .hsfc-Row {
  margin-bottom: 0;
}

.bl_serviceMainvisualForm_inner__right .hsfc-Step__Content .hsfc-TextField {
  margin-bottom: 16px;
}

.bl_serviceMainvisualForm_inner__right .hsfc-Step__Content .hsfc-TextField .hsfc-FieldLabel {
  margin-bottom: 0;
}

/* TEL */
.bl_serviceMainvisualForm_inner__right .hsfc-Step__Content .hsfc-NumberField {
  margin-bottom: 16px;
}

.bl_serviceMainvisualForm_inner__right .hsfc-Step__Content .hsfc-NumberField .hsfc-FieldLabel {
  margin-bottom: 0;
}

/* Email */
.bl_serviceMainvisualForm_inner__right .hsfc-Step__Content .hsfc-EmailField {
  margin-bottom: 16px;
}

.bl_serviceMainvisualForm_inner__right .hsfc-Step__Content .hsfc-EmailField .hsfc-FieldLabel {
  margin-bottom: 0;
}

.bl_serviceMainvisualForm_inner__right .hsfc-Step__Content .hsfc-TextField label {
  margin-bottom: 0;
}

.bl_serviceMainvisualForm_inner__right .hsfc-Step__Content .hsfc-FieldLabel span span {
  font-size: 13px;
  color: #fff;
}

.bl_serviceMainvisualForm_inner__right .hsfc-Step__Content .hsfc-FieldLabel span .hsfc-FieldLabel__RequiredIndicator {
  display: inline-block;
  padding-left: 5px;
  color: #f85a5a;
}

.bl_serviceMainvisualForm_inner__right .hsfc-Step__Content .hsfc-FieldLabel span  .hsfc-FieldLabel__RequiredIndicator::after {
  display: inline-block;
  content: '必須';
  color: #f85a5a;
  font-size: 13px;
}

.bl_serviceMainvisualForm_inner__right .hsfc-Step__Content .hsfc-TextInput {
   padding: 12px;
}

/* フォームのボタン */
.bl_serviceMainvisualForm_inner__right .hsfc-Step__Content .hsfc-NavigationRow {
  margin-top: 16px;
}

.bl_serviceMainvisualForm_inner__right .hsfc-Step__Content .hsfc-Button {
   width: 100%;
   color: #121212;
   background: url(/hubfs/colorer_2025/images/common/arrow_forward_black.svg) no-repeat #ebd94e;
   background-size: 24px 24px;
   background-position: 95% 50%;
}

.bl_serviceMainvisualForm_inner__right .hsfc-Step__Content .hsfc-Button:hover {
  opacity: 0.7;
  transition: ease all .3s;
}

/*****************************************/
/* フォームのスタイル サービス紹介資料部分 */
/*****************************************/

/* タイトル下のテキストを非表示 */
.bl_ctaTopForm .hsfc-Step__Content .hsfc-RichText {
  display: none;
}

.bl_ctaTopForm [data-hsfc-id=Renderer] .hsfc-FormWrapper .hsfc-Step .hsfc-Step__Content {
  padding: 0;
}

/* 送信ボタン上のテキスト */
.bl_ctaTopForm [data-hsfc-id=Renderer] .hsfc-Row .hsfc-RichText {
  display: none;
}

/* プライバシーへのリンク */
.bl_ctaTopForm .bl_ctaTopForm_textBtn .bl_ctaTopForm_textBtn__privacyPolicy {
  margin-top: 20px;
}

.bl_ctaTopForm .bl_ctaTopForm_textBtn .bl_ctaTopForm_textBtn__privacyPolicy a {
   color: #f09e67;
  text-decoration: underline;
}
.bl_ctaTopForm .bl_ctaTopForm_textBtn .bl_ctaTopForm_textBtn__privacyPolicy a:hover {
  text-decoration: none;
}

/* フォームの項目 */
.bl_ctaTopForm .hsfc-Step__Content .hsfc-Row .hsfc-TextField {
  margin-bottom: 16px;
}

.bl_ctaTopForm .hsfc-Step__Content .hsfc-Row {
  margin-bottom: 0;
}


.bl_ctaTopForm .hsfc-Step__Content .hsfc-TextField {
  margin-bottom: 0;
}

/* TEL */
.bl_ctaTopForm .hsfc-Step__Content .hsfc-NumberField {
  margin-bottom: 16px;
}

.bl_ctaTopForm .hsfc-Step__Content .hsfc-NumberField .hsfc-FieldLabel {
  margin-bottom: 0;
}

/* Email */
.bl_ctaTopForm .hsfc-Step__Content .hsfc-EmailField {
  margin-bottom: 16px;
}

.bl_ctaTopForm .hsfc-Step__Content .hsfc-EmailField .hsfc-FieldLabel {
  margin-bottom: 0;
}


.bl_ctaTopForm .hsfc-Step__Content .hsfc-TextField label {
  margin-bottom: 0;
}


.bl_ctaTopForm .hsfc-Step__Content .hsfc-FieldLabel span span {
  font-size: 13px;
  color: #fff;
}

.bl_ctaTopForm .hsfc-Step__Content .hsfc-FieldLabel span .hsfc-FieldLabel__RequiredIndicator {
  display: inline-block;
  padding-left: 5px;
  color: #f85a5a;
}

.bl_ctaTopForm .hsfc-Step__Content .hsfc-FieldLabel span  .hsfc-FieldLabel__RequiredIndicator::after {
  display: inline-block;
  content: '必須';
  color: #f85a5a;
  font-size: 13px;
}

.bl_ctaTopForm .bl_MainvisualText_inner__right .hsfc-Step__Content .hsfc-TextInput {
   padding: 12px;
}

/* フォームのボタン */
.bl_ctaTopForm .hsfc-Step__Content .hsfc-NavigationRow {
  margin-top: 16px;
}

.bl_ctaTopForm .hsfc-Step__Content .hsfc-Button {
   width: 100%;
   color: #121212;
   background: url(/hubfs/colorer_2025/images/common/arrow_forward_black.svg) no-repeat #ebd94e;
   background-size: 24px 24px;
   background-position: 95% 50%;
}

.bl_ctaTopForm .hsfc-Step__Content .hsfc-Button:hover {
  opacity: 0.7;
  transition: ease all .3s;
}