@charset "UTF-8";

/*------------------------------------------------

 style.css

 Copyright (C) FP Florist Co.,Ltd.

------------------------------------------------*/

/*
home
住まい・不動産相談
  住宅購入相談
    住み替え相談
    住宅売却相談
    注文住宅をご検討の方
  不動産相談
    土地活用相談
    不動産投資相談
    アパート経営・相続相談
    不動産売却
  初回相談のお申し込み
  オンライン相談
  ご相談メニューと料金
  不動産ワンポイント動画
  不動産調査報告会
リフプラスとは
  お客様の声
  スタッフのご紹介
  ご相談場所
  よくあるご質問
  FPとは
  宅地建物取引業とは
info common
  特定商取引に関する表示
  運営会社について
  お問い合わせ
  メディア掲載
  お知らせ
不動産コラム
  single / 不動産コラム
住宅・不動産セミナー
  single / 住宅・不動産セミナー
  住宅・不動産セミナーお申し込み
宅建士として活躍したい学生へ
*/

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

  home

================================================================================ */
/* content
================================================================================ */
/* jumbotron
------------------------------------------------*/
.bl_jumbotron {
  position: relative;
  margin: 0;
  background: #fff;
}
.bl_jumbotron_link {
  position: relative;
  display: block;
}
.bl_jumbotron_img  {
  width: 100%;
  overflow: hidden;
}
.bl_jumbotron_img > img {
  width: 100%;
  height: auto;
  /* min-width: 500px; */
}
@media screen and (min-width: 769px) {
  .bl_jumbotron {
    margin-bottom: 0;
  }
}

/* 4カラムバナー
------------------------------------------------*/
.bl_homeBnr {
  z-index: 10;
  position: relative;
  margin: -10% auto 0;
}
.bl_homeBnr .bl_col {
  justify-content: space-between;
  gap: 0;
  width: 92%;
  margin: -2% auto 20px;
}
.bl_homeBnr .bl_col4_item {
  margin-top: 2%;
}
.bl_homeBnr .bl_bnr {
  gap: 6px;
  height: 100%;
  padding: 10px 10px 20px;
  background-color: var(--color-primary-light);
  background-image: url(/lifplus/common_img/bg_pattern_dark.png);
  box-shadow: 0 0 10px rgb(0 0 0 / 14%);
}
.bl_homeBnr li:nth-of-type(-n+2) .bl_bnr {
  padding: 10px 34px 20px;
}
.bl_homeBnr li:last-of-type .bl_bnr {
  padding: 10px 20px 20px;
}
.bl_homeBnr .bl_bnr::before {
  position: absolute;
  bottom: 4px;
  left: 50%;
  transform: translateX(-50%) rotate( 90deg );
  content: "\e409";
  color: #fff;
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 1.8rem;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
}
.bl_homeBnr .bl_bnr::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  border: 4px solid #fff;
}
.bl_homeBnr .bl_bnr_body {
  flex: auto;
  width: 100%;
}
.bl_homeBnr .bl_bnr_img {
  width: 40px;
  margin: 0 auto;
  transition: 0.6s;
}
.bl_homeBnr .bl_bnr_ttl {
  color: var(--color-accent);
  font-weight: 700;
  font-size: 1.8rem;
  line-height: 1.4;
  text-align: center;
}
.bl_homeBnr .bl_bnr_txt {
  display: none;
}
.bl_homeBnr .bl_bnr_img {
  transition: 0.6s;
}
.bl_homeBnr .bl_bnr:hover,
.bl_homeBnr .bl_bnr:focus {
  background-color: var(--color-primary);
  box-shadow: none;
}

.bl_homeBnr .bl_bnr:hover .bl_bnr_img,
.bl_homeBnr .bl_bnr:focus .bl_bnr_img {
  transform: scale(1.2);
}
@media screen and (min-width: 769px) {
  .bl_homeBnr {
    margin: -12% auto 60px;
  }
  .bl_homeBnr .bl_col {
    max-width: 800px;
    margin: calc( -10px - 2% ) auto 0;
  }
  .bl_homeBnr .bl_bnr {
    padding: 20px 6px 30px;
  }
  .bl_homeBnr li:nth-of-type(-n+2) .bl_bnr{
    padding: 20px 28px 30px;
  }
  .bl_homeBnr li:last-of-type .bl_bnr {
    padding: 20px 6px 30px;
  }
  .bl_homeBnr .bl_bnr::before {
    bottom: 10px;
  }
  .bl_homeBnr .bl_bnr_img {
    width: 50px;
  }
  .bl_homeBnr .bl_bnr_ttl {
    font-size: 2.4rem;
  }

  /* .bl_homeBnr .bl_bnr_body {
    flex: 1;
    width: auto;
    margin: 0;
  }
  .bl_homeBnr .bl_bnr_img {
    width: 50px;
  }
  .bl_homeBnr .bl_bnr_ttl {
    margin-bottom: 2px;
    font-size: 1.8rem;
    text-align: left;
  }
  .bl_homeBnr .bl_bnr_txt {
    display: block;
    color: #fff;
    line-height: 1.4;
  } */
}

/* 私たちがしっかりサポートいたします
------------------------------------------------*/
.bl_homeOutline .el_h2 {
  margin: 0 -10px 30px;
}
.bl_homeOutline .el_h2 .el_caption {
  margin: 0 0 10px;
}
.bl_homeOutline .el_h3 {
  font-size: 1.8rem;
  line-height: 1.8;
}
@media screen and (min-width: 769px) {
  /* .bl_homeOutline .ly_cont_main_inner {
    padding-top: 0;
    padding-bottom: 40px;
  } */
  .bl_homeOutline .bl_media {
    align-items: center;
  }
  .bl_homeOutline .el_h2 {
    margin: 0 0 60px;
  }
  .bl_homeOutline .el_h2 .el_caption {
    margin: 0 0 20px;
    font-size: 2.4rem;
  }
    .bl_homeOutline .el_h3 {
    font-size: 2.0rem;
  }
}

/* メディア掲載情報
------------------------------------------------*/
.bl_homeMedia {
  padding: 30px;
  /* border: 1px solid var(--color-gray); */
  background-color: var(--color-gray-bg);
}
.bl_homeMedia .el_h3 {
  margin-bottom: 20px;
  font-size: 2.0rem;
  text-align: center;
  line-height: 1;
}
.bl_homeMedia .el_h3 .el_caption {
  margin-top: 10px;
}
.bl_homeMedia .bl_homeMedia_link {
  text-align: center;
}
.bl_homeMedia .bl_homeMedia_link .el_btn {
  padding: 10px 40px;
}
.bl_homeMedia .bl_homeMedia_link .el_btn:after {
  position: absolute;
  top: 50%;
  right: 10px;
  display: block;
}
.bl_homeMedia .bl_horizonPosts {
  margin-bottom: 20px;
  /* border-top: 1px solid var(--color-gray); */
}
.bl_horizonPosts_date {
  display: inline-block;
  margin-bottom: 10px;
  padding: 2px 10px;
  background: #fff;
  color: var(--color-primary);
}
.bl_homeMedia .bl_horizonPosts_ttl {
  flex: auto;
  width: 100%;
}
.bl_homeMedia_img {
  position: relative;
  z-index: 10;
  display: block;
  width: 160px;
  height: auto;
  margin: 0 auto 10px;
}
@media screen and (min-width: 769px) {
  .bl_homeMedia {
    margin-top: 0;
    margin-bottom: 60px;
    padding: 40px;
  }
  .bl_homeMedia.bl_colSide {
    align-items: flex-start;
  }
  .bl_homeMedia .bl_colSide_side {
    margin: 0;
    padding: 10px 0;
    width: 260px;
  }
  .bl_homeMedia .el_h3 {
    margin-bottom: 30px;
    font-size: 2.4rem;
    text-align: left;
  }
  .bl_homeMedia .el_h3 img {
    width: 32px;
  }
  .bl_homeMedia .bl_horizonPosts_item {
    padding: 10px 0;
  }
  .bl_homeMedia .bl_horizonPosts_header {
    flex: 120px 0 0;
  }
  .bl_horizonPosts_date {
    margin-bottom: 0;
  }
  .bl_colSide_main .bl_horizonPosts_ttl {
    flex: 1;
    width: auto;
  }
}


/* 住まい・不動産相談メニュー
------------------------------------------------*/
/* title */
.bl_homeConsult_ttl {
  position: relative;
  margin: 0 0 40px;
}
@media screen and (min-width: 769px) {
  .bl_homeConsult_ttl {
    margin: -80px 0 20px;
  }
}

/* 住まい・不動産相談メニューの説明 */
.bl_homeConsult_header.bl_col {
  align-items: flex-end;
  padding-bottom: 30px;
}
.bl_homeConsult_header .bl_col3_item {
  display: none;
}
.bl_homeConsult_header .bl_col3_item:nth-child(2) {
  z-index: 10;
  display: block;
  width: 100%;
  text-align: center;
}
.bl_homeConsult_header_txtSub {
  margin-bottom: 4px;
  color: var(--color-secondary);
  font-weight: 700;
  font-size: 1.6rem;
}
.bl_homeConsult_header_txt {
  z-index: 10;
  position: relative;
  margin-bottom: 10px;
  color: var(--color-primary);
  font-weight: 700;
  font-size: 1.4rem
}
.bl_homeConsult_header_txt span {
  display: inline-block;
  margin: 0 4px;
  padding: 4px 10px;
  background: var(--color-primary);
  color: #fff;
}
.bl_homeConsult_header_txt span:first-child {
  margin-left: 0;
}
.bl_homeConsult_header_ttl {
  color: var(--color-txt-dark);
  font-size: 1.8rem;
}
@media screen and (min-width: 769px) {
  .bl_homeConsult_header.bl_col {
    gap: 0;
    width: calc( 100% + 60px );
    margin-right: -30px;
    margin-left: -30px;
    padding-bottom: 0;
  }
  .bl_homeConsult_header .bl_col3_item {
    display: block;
    width: 28%;
  }
  .bl_homeConsult_header .bl_col3_item:nth-child(2) {
    -ms-grid-row-align: center;
        align-self: center;
    width: calc( 44% + 160px );
    margin: 0 -80px;
  }
  .bl_homeConsult_header_txtSub {
    font-size: 1.8rem;
  }
  .bl_homeConsult_header_txt {
    margin-bottom: 20px;
    font-size: 1.8rem
  }
  .bl_homeConsult_header_ttl {
    padding: 0;
    background: none;
    font-size: 3.0rem;
  }
}

/* 住まい・不動産相談タイトル周り */
.bl_consultCtg.hp_MTRoof {
  padding-top: calc( 90px + 100% * 44 / 688 / 4 ) ;
  background-color: var(--color-primary-bg);
}

.bl_homeConsult .bl_consultCtg .el_h3 {
  font-size: 2.4rem;
}

.bl_consultCtg_ttl {
  margin-bottom: 20px;
  text-align: center;
}
.bl_consultCtg_estate .bl_consultCtg_ttl img {
  height: calc( 40px * 260 / 162 );
}
.bl_consultCtg_ttl img {
  width: auto;
  height: 40px;
}
.bl_media.bl_consultCtg_lead {
  gap: 0;
  margin-bottom: 20px;
}
.bl_consultCtg_lead .bl_media_img {
  max-width: 200px;
}
.bl_consultCtg_estate .bl_consultCtg_lead .bl_media_img {
  max-width: 160px;
}
.bl_consultCtg_lead .bl_media_ttl {
  margin-bottom: 20px;
  color: var(--color-secondary);
  font-weight: 700;
  font-size: 1.8rem;
  text-align: center;
  line-height: 1.6;
}
.bl_consultCtg_lead .bl_media_ttl span {
 /*  display: block;
  color: var(--color-secondary); */
  font-size: 1.8rem;
}
.bl_consultCtg_estate .bl_consultCtg_lead .bl_media_ttl {
  color: var(--color-primary);
}
@media screen and (min-width: 769px) {
  .bl_homeConsult .bl_consultCtg .el_h3 {
    font-size: 3.0rem;
  }
  .bl_consultCtg_ttl {
    margin-bottom: 60px;
  }
  .bl_consultCtg_ttl img {
    height: 60px;
  }
  .bl_consultCtg_estate .bl_consultCtg_ttl img {
    height: calc( 60px * 260 / 162 );
  }
 .bl_media.bl_consultCtg_lead {
    gap: 40px;
    width: 100%;
    max-width: 800px;
    margin: 0 auto 60px;
  }
  .bl_consultCtg_lead .bl_media_img {
    width: 38%;
    max-width: none;
  }
  .bl_consultCtg_estate .bl_consultCtg_lead .bl_media_img {
    width: 30%;
    max-width: none;
  }
  .bl_consultCtg_lead .bl_media_ttl {
    margin-bottom: 20px;
    font-size: 2.4rem;
    text-align: left;
  }
  .bl_consultCtg_lead .bl_media_ttl span {
    font-size: 2.4rem;
  }
}

/* 住まい・不動産相談メニューリスト */
@media screen and (min-width: 1280px) {
  .bl_consultCtg_house .bl_consultMenu_img {
    background-color: var(--color-house-light);
  }
  .bl_consultCtg_estate .bl_consultMenu_img {
    background-color: var(--color-accent);
  }
  .bl_consultCtg .bl_consultMenu_img img {
    width: auto;
    height: 60px;
    padding: 0;
  }
}

/* お客様の声をご紹介
------------------------------------------------*/
.bl_homeVoice {
  position: relative;
  padding-bottom: calc( 100% * 44 / 688 + 10px );
}
.bl_homeVoice .ly_cont_main_inner {
  margin-top: -60px;
}
.bl_consultVoice .ly_cont_main_inner .bl_box {
  background-color: #fff;
}
.bl_consultVoice_ttl {
  position: relative;
}
.bl_consultVoice_ttl::before {
  content: "";
  display: block;
  width: auto;
  height: 30px;
  margin-bottom: 10px;
  background: url(/lifplus/common_img/icon_voice.svg) no-repeat center top;
  background-size: auto 30px;
}
.bl_consultVoice_ttl .el_caption {
  margin-top: 0;
}

@media screen and (min-width: 769px) {
  .bl_homeVoice .ly_cont_main_inner {
    margin-top: -100px;
  }
  .bl_consultVoice_ttl::before {
    height: 40px;
    background-size: auto 40px;
  }
  .bl_consultVoice_header {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    height: auto;
    margin: 0 0 30px;
    padding: 0;
  }
  .bl_consultVoice_img {
    overflow: hidden;
    width: 120px;
    margin-right: 20px;
    border: 2px solid var(--color-primary-light);
    border-radius: 50%;
  }
  .bl_consultVoice_btn {
    margin: 0 0 0 auto;
  }
}

.bl_consultVoiceList_header {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
  width: 80%;
  height: auto;
  margin: 0 auto 20px;
}
.bl_consultVoiceList_img {
  height: 80px;
  margin-right: 10px;
}
.bl_consultVoiceList_img img {
  width: auto;
}
.bl_consultVoiceList_subTtl {
  color: var(--color-primary);
  font-weight: 700;
  text-align: right;
}
.bl_consultVoiceList_subTtl span {
  display: inline-block;
  margin-bottom: 10px;
  padding: 4px 10px;
  background: var(--color-house-light);
  color: #fff;
}
.bl_consultVoiceList_ttl {
  margin-bottom: 10px;
  padding: 10px;
  background-color: var(--color-gray-bg);
  color: var(--color-secondary);
  font-weight: 700;
  text-align: center;
}

.bl_consultVoiceList_txt {
  margin-bottom: 20px;
  padding-bottom: 1px; /* 最終行の下にも罫線を引く */
  background-image: linear-gradient(180deg, var(--color-house-bg) 1px, transparent 1px); /* 罫線の色と太さ  */
  background-size: 100% 2.5em; /* 行の高さ */
  line-height: 2.5em; /* 文字の高さ */
}
@media screen and (min-width: 769px) {
  .bl_consultVoiceList {
    gap: 5%;
  }
  .bl_consultVoiceList_item.bl_col3_item {
    width: 30%;
  }
  .bl_consultVoiceList_item.bl_col2_item {
    width: 47%;
  }
  .bl_consultVoiceList_header {
    width: 90%;
    margin: 0 auto 20px;
  }
  .bl_consultVoiceList_ttl span {
    padding: 4px 10px;
  }
}
@media screen and (min-width: 1280px) {
  .bl_consultVoiceList_img {
    height: 100px;
  }
}

/* 相談に関するその他のリンク
------------------------------------------------*/
.bl_homeUtils .bl_col1  {
  height: 100%;
  margin-top: 0;
}
.bl_homeUtils .bl_col1_item {
  height: 48%;
}
.bl_homeUtils a {
  display: block;
  height: 100%;
  border: 1px solid var(--color-primary-light);
}
.bl_homeUtils a:hover,
.bl_homeUtils a:active {
  border: 1px solid var(--color-primary-light);
  background-color: var(--color-primary-bg);
  box-shadow: none;
}
.bl_homeUtils .bl_col1_item a {
  padding: 20px;
}
.bl_homeUtils .bl_homeOnline a {
  padding: 20px;
  background-image: url(/lifplus/common_img/bg_online.png);
  background-repeat: no-repeat;
  background-position: right bottom;
  background-size: 140px auto;
}
.bl_homeUtils .bl_col_ttl {
  margin-bottom: 10px;
  color: var(--color-primary);
  font-weight: 700;
  font-size: 1.8rem;
  line-height: 1;
}
@media screen and (min-width: 769px) {
  .bl_homeUtils .bl_col_item {
    text-align: left;
  }
 .bl_homeUtils .bl_col_ttl {
    margin-bottom: 10px;
    font-size: 2.0rem;
    line-height: 1;
  }
}

/* 初回相談
------------------------------------------------*/
.bl_firstBnr {
  position: relative;
  border: 1px solid #fff;
  background: url(/lifplus/img/bg_first.jpg) no-repeat left -160px top;
  background-size: auto 100%;
}
.bl_firstBnr::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba( 255, 255, 255, 0.2);
}
.bl_firstBnr_price {
  margin-bottom: 10px;
  color: var(--color-txt-dark);
  font-weight: 700;
  font-size: 1.8rem;
  text-align: center;
}
/* オンライン相談 */
.bl_online_link {
  color: var(--color-primary);
  font-weight: 700;
  font-size: 1.6rem;
  text-align: center;
}
.bl_online_link span {
  display: block;
  font-weight: 500;
  font-size: 1.4rem;
}
@media screen and (min-width: 549px) {
  .bl_firstBnr {
    background: url(/lifplus/img/bg_first.jpg) no-repeat left top;
    background-size: 100% auto;
  }
}
@media screen and (min-width: 769px) {
  .bl_firstBnr {
    background: url(/lifplus/img/bg_first.jpg) no-repeat left top;
    background-size: 100% auto;
  }
  .bl_firstBnr_price {
    font-size: 2.4rem;
  }
  /* オンライン相談 */
  .bl_online_link {
    font-size: 1.8rem;
    text-align: center;
  }
  .bl_online_link span {
    margin-top: 10px;
    font-size: 1.6rem;
}
}

/* リフプラスについて
------------------------------------------------*/
.bl_homeAbout {
  position: relative;
}
.bl_homeAbout_ttl {
  color: var(--color-txt-dark);
  font-weight: 700;
  font-size: 2.4rem;
  text-align: center;
}
.bl_homeAbout_lead {
  position: relative;
  font-weight: 700;
  color: var(--color-primary);
  font-size: 1.6rem;
  line-height: 1.8;
  text-align: center;
}
.bl_homeAbout_lead::before {
  content: '';
  display: block;
  height: 120px;
  margin: 0 auto;
  background: url(/lifplus/common_img/fp_illust03.png) no-repeat center;
  background-size: 120px auto;
  text-align: center;
}
@media screen and (min-width: 769px) {
  .bl_homeAbout_ttl {
    font-size: 3.0rem;
  }
  .bl_homeAbout_lead {
    font-size: 2.4rem;
    line-height: 2.0;
  }
  .bl_homeAbout_ttl .bl_homeAbout_company {
    font-size: 2.4rem;
  }
}
@media screen and (min-width: 1280px) {
  .bl_homeAbout_lead::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 180px;
    height: 180px;
    margin: 0 auto;
    background: url(/lifplus/common_img/fp_illust03.png) no-repeat center;
    background-size: 180px auto;
  }
}

.bl_media.bl_homeAbout_msg {
  gap: 20px;
  padding: 20px;
  border: 1px solid #fff;
  background-color:#fff;
  text-align: center;
}
.bl_homeAbout_msg .bl_media_ttl {
  margin-bottom: 20px;
  color: var(--color-txt-dark);
  font-size: 1.6rem;
}
.bl_homeAbout_msg .bl_media_txt {
  margin-bottom: 10px;
  color: var(--color-secondary);
}
.bl_homeAbout_msg .bl_media_link {
  padding-top: 10px;
  text-align: center;
}
.bl_homeAbout_msg .bl_media_link a {
  display: inline-block;
  padding: 14px 20px;
  background: var(--color-primary-light);
  color: #fff;
  line-height: 1;
  text-align: right;
  transition: 0.6s;
}
.bl_homeAbout_msg .bl_media_link a:hover,
.bl_homeAbout_msg .bl_media_link a:focus {
  background: var(--color-primary-bg);
  color: var(--color-primary);
}
.bl_homeAbout_msg .bl_media_img {
  display: none;
}
.bl_homeAbout_msg .bl_media_img img {
  width: auto;
  min-width: auto;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.bl_homeAbout_msg .bl_homeAbout_img {
  width: 90%;
  max-width: 400px;
  margin: 0 auto 10px;
}
@media screen and (min-width: 769px) {
  .bl_media.bl_homeAbout_msg {
    align-items: stretch;
    padding: 0;
    text-align: left;
  }
  .bl_homeAbout_msg .bl_media_body {
    padding: 30px;
  }
  .bl_homeAbout_msg .bl_media_ttl {
    margin-bottom: 0;
    margin-bottom: 40px;
    font-size: 2.0rem;
  }
  .bl_homeAbout_msg .bl_media_txt {
    margin-bottom: 20px;
    padding: 0;
  }
  .bl_homeAbout_msg .bl_media_link {
    padding-top: 0;
    text-align: right;
  }
  .bl_homeAbout_msg .bl_media_link a {
    margin: 0;
    padding: 14px 30px;
    background: var(--color-primary-light);
    color: #fff;
    line-height: 1;
    text-align: right;
    transition: 0.6s;
  }
  .bl_homeAbout_msg .bl_media_img {
    display: block;
    overflow: hidden;
    margin: 0;
  }
  .bl_homeAbout_msg .bl_media_img img {
    width: auto;
    min-width: auto;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .bl_homeAbout_msg .bl_homeAbout_img {
    display: none;
  }
}

/* お知らせ
------------------------------------------------*/
.ly_cont_main_inner.bl_homeNews {
  position: relative;
  /* border: 1px solid var(--color-gray); */
  background-color: #fff;
  gap: 10px;
}
.bl_homeNews .el_h3 {
  margin-bottom: 0;
  font-size: 2.0rem;
  text-align: center;
  line-height: 1;
}
.bl_homeNews .el_caption {
  margin-top: 10px;
}
.bl_homeNews .bl_horizonPosts_item {
  margin: 0;
  padding: 0;
  border-bottom: none;
}
.bl_homeNews time {
  display: inline-block;
  margin-bottom: 10px;
  padding: 0;
  /* padding: 2px 10px;
  background: #fff; */
}
.bl_homeNews .bl_horizonPosts_ttl {
  margin-bottom: 10px;
}
.bl_homeNews .bl_horizonPosts_ttl a {
  text-decoration: underline;
}
.bl_homeNews .bl_horizonPosts_ttl a:hover,
.bl_homeNews .bl_horizonPosts_ttl a:active {
  text-decoration: none;
}
@media screen and (min-width: 769px) {
  .ly_cont_main_inner.bl_homeNews {
    margin-top: 0;
    margin-bottom: 0;
    padding: 40px;
    gap: 20px;
  }
  .bl_homeNews.bl_colSide {
    align-items: flex-start;
  }
  .bl_homeNews .bl_colSide_side {
    width: 120px;
    margin: 0;
    padding: 0;
  }
  .bl_homeNews .el_h3 {
    margin-bottom: 0;
    font-weight: 700;
    font-size: 2.4rem;
    text-align: left;
  }
  .bl_homeNews .bl_horizonPosts {
    margin-bottom: 10px;
  }
  .bl_homeNews .bl_horizonPosts_item {
    margin-bottom: 10px;
  }
  .bl_homeNews time {
    margin-bottom: 0;
  }
  .bl_colSide_main .bl_horizonPosts_ttl {
    flex: 1;
    width: auto;
  }
}

/* homeSeminar
------------------------------------------------*/
.bl_homeSeminar .el_h2 .el_fukidashi {
  background: var(--color-accent);
  color: var(--color-txt-dark);
  font-weight: 500;
}
.bl_homeSeminar .el_h2 .el_fukidashi::after {
  border-top-color: var(--color-accent);
}

.bl_homeSeminar_header {
  padding-bottom: 140px;
  background: url(/lifplus/common_img/fp_illust04.png) no-repeat center bottom -40px;
  background-size: auto 160px;
}
.bl_homeSeminar_subTtl {
	margin: 0 auto 10px;
  color: var(--color-txt-dark);
  font-weight: 700;
  font-size: 1.8rem;
  text-align: center;
}
@media screen and (min-width: 769px) {
  .bl_homeSeminar_header {
    padding-bottom: 40px;
    background: url(/lifplus/common_img/fp_illust04.png) no-repeat right bottom -40px;
    background-size: auto 200px;
  }
  .bl_homeSeminar_subTtl {
    margin: 0 auto 20px;
    font-size: 2.4rem;
  }
}
@media screen and (min-width: 800px) {
  .bl_homeSeminar_header {
    padding-bottom: 40px;
    background: url(/lifplus/common_img/fp_illust04.png) no-repeat right calc( 50% - 280px ) bottom -40px;
    background-size: auto 200px;
  }
}

.bl_homeSeminar .bl_seminar {
  margin-top: -4%;
}
.bl_homeSeminar .bl_seminar_ttl {
  font-size: 1.4rem;
}
.bl_homeSeminar .bl_seminar_con {
  border: 2px solid var(--color-primary-light);
  background-color:#fff;
}
@media screen and (min-width: 769px) {
  .bl_homeSeminar .bl_seminar {
    margin-top: -2%;
  }
    .bl_homeSeminar .bl_seminar_item {
    margin-top: 2%;
    width: 49%;
  }
  .bl_homeSeminar .bl_seminar_link {
    flex-direction: column;
    padding: 0;
    background-color: #fff;
  }
  .bl_homeSeminar .bl_seminar_date {
    width: 100%;
    max-width: none;
    margin-right: 0;
    padding: 14px 20px 14px 46px;
    font-size: 1.6rem;
    text-align: left;
  }
  .bl_homeSeminar .bl_seminar_date::before {
    top: 50%;
    left: 20px;
    transform: translateY( -50% );
    font-size: 2.0rem;
  }
  .bl_homeSeminar .bl_seminar_time {
    display: inline;
    margin-top: 0;
  }
  .bl_homeSeminar .bl_seminar_con {
    width: 100%;
    padding: 30px;
  }
  .bl_homeSeminar .bl_seminar_area {
    margin-bottom: 10px;
  }
  .bl_homeSeminar .bl_seminar_ttl {
    font-size: 1.6rem;
  }
}

.bl_homeSeminar_noPost {
  margin-bottom: 20px;
  padding: 20px 10px;
  border: 4px double var(--color-primary);
  background-color: #fff;
  font-size: 1.6rem;
  text-align: center;
}
@media screen and (min-width: 769px) {
  .bl_homeSeminar_noPost {
    margin-bottom: 40px;
    padding: 20px;
    font-size: 1.8rem;
  }
}


/* homeColumn
------------------------------------------------*/
.bl_columnList {
  /* padding-top: calc( 100% * 44 / 688 ); */
}
.bl_columnList .bl_columnList_ttl {
  margin-top: -20px;
}
.bl_columnList .bl_columnList_ttl::before {
  content: "";
  display: block;
  width: auto;
  height: 50px;
  margin-bottom: 10px;
  background: url(/lifplus/common_img/icon_column.svg) no-repeat center top;
  background-size: auto 50px;
}
.home .bl_columnList .bl_col2_item:nth-last-of-type(-n+2) {
  display: none;
}
.bl_columnList .bl_col2_link {
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 20px;
  border: 2px solid var(--color-secondary);
  background-color: #fff;
  text-align: left;
  /* box-shadow: 4px 4px 0 var(--color-gray); */
}
.bl_columnList .bl_col2_link:hover,
.bl_columnList .bl_col2_link:focus {
  border-color: var(--color-secondary);
}
.bl_columnList .el_linkTriangle:hover::after,
.bl_columnList .el_linkTriangle:focus::after {
  border-right: 10px solid var(--color-secondary);
}
.bl_columnList .bl_card_header {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
  /* padding-bottom: 10px;
  border-bottom: 1px solid var(--color-primary); */
}
.bl_columnList .bl_card_header figure {
  width: 60px;
  margin-right: 10px;
}
.bl_columnList .bl_card_header figure img {
  display: inline-block;
  width: 100%;
  aspect-ratio: 4 / 3;
  -o-object-fit: cover;
     object-fit: cover;
  vertical-align: top;
}
.bl_columnList .bl_card_header .bl_card_txt {
  flex: 1;
}
.bl_columnList .bl_card_date {
  display: block;
  margin-bottom: 4px;
  color: var(--color-secondary);
  line-height: 1;
}
.bl_columnList .bl_card_ctg span {
  position: relative;
  display: inline-block;
  font-size: 1.2rem;
}
.bl_columnList .bl_card_ctg span:not(:last-of-type)::after {
  content: ",";
  padding: 0 2px;
  vertical-align: top;
}
.bl_columnList .bl_card_ttl {
  flex-grow: 1;
  padding: 10px;
  background-color: var(--color-secondary-bg);
  color: var(--color-txt-dark);
}
@media screen and (min-width: 769px) {
  .bl_columnList .bl_columnList_ttl::before {
    height: 80px;
    background-size: auto 80px;
  }
  .bl_columnList .bl_col {
    margin-top: -30px;
  }
  .home .bl_columnList .bl_col2_item:nth-last-of-type(-n+4) {
    display: block;
  }
  .bl_columnList .bl_col2_link {
    padding: 30px;
  }
  .bl_columnList .bl_card_header figure {
    width: 100px;
  }
  .bl_columnList .bl_card_ttl {
    padding: 20px;
  }
  .bl_columnList .bl_card_ctg span {
    font-size: 1.6rem;
  }
}


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

  住まい・不動産相談 / consult common

================================================================================ */
/* content
================================================================================ */
/* title
------------------------------------------------*/
.consult .bl_ttl {
  padding: 60px 0;
  background-position: center;
  background-size: 100% auto;
}
.consult .bl_ttl_txt {
  text-align: center;
}
.consult.house .bl_ttl_ctg span {
  background: var(--color-house);
}
.consult.estate .bl_ttl_ctg span {
  background: var(--color-primary);
}
.consult .bl_ttl_icon {
  position: relative;
  text-align: center;
}
.consult .bl_ttl_icon img {
  width: auto;
  height: 50px;
}
.consult .bl_ttl_ttl {
  display: inline-block;
  padding: 6px 20px;
  background-color: rgba(255, 255, 255, 0.8);
  color: var(--color-txt-dark);
  line-height: 1;
}
.consult.house .bl_ttl {
  background-color: var(--color-house-bg);
}
.consult.estate .bl_ttl {
  background-color: var(--color-accent);
}
.consult.consultOthers .bl_ttl {
  padding: 40px 10px 50px;
  background-color: var(--color-accent-light);
  background-image: url(/lifplus/common_img/bg_house_line.png);
  background-repeat: repeat-x;
  background-position: center bottom -18px;
  background-size: 300px auto;
}
.consult.consultOthers .bl_ttl_ttl {
  padding: 6px 20px;
  background-color: transparent;
}

@media screen and (min-width: 769px) {
  .consult .bl_ttl {
    padding: 80px 0;
  }
  .consult .bl_ttl_inner {
    /* width: 400px; */
    margin: 0 auto;
  }
  .consult .bl_ttl_icon img {
    height: 60px;
  }
  .consult .bl_ttl_txt {
    justify-content: flex-start;
  }
  .consult.consultOthers .bl_ttl {
    padding: 40px 30px 60px;
    background-size: 400px auto;
  }
}

/* h
------------------------------------------------*/
.consult .el_hMark::before {
  content: "";
  display: block;
  width: 50px;
  height: 50px;
  margin: 0 auto 10px;
  background-repeat: no-repeat;
  background-size: auto 50px;
}
@media screen and (min-width: 769px) {
  .consult .el_hMark::before {
    width: 60px;
    height: 60px;
    background-size: auto 60px;
  }
  .consult .el_hMark .el_caption {
    margin-top: 10px;
  }
}


/* outline
------------------------------------------------*/
.bl_mainCopy {
  margin: 0 0 30px;
  color: var(--color-txt-dark);
  font-size: 2.4rem;
  text-align: center;
}
.bl_mainCopySub {
  display: block;
  color: var(--color-accent);
  font-size: 2.0rem;
}
@media screen and (min-width: 769px) {
  .bl_mainCopy {
    margin: 0 0 60px;
    font-size: 3.6rem;
  }
  .bl_mainCopySub {
    font-size: 3.0rem;
  }
}

.bl_consultOutline .bl_media_img {
  width: 200px;
}
/* .bl_consultOutline .el_letterTxt {
  background-image: linear-gradient(180deg, var(--color-secondary-light) 1px, transparent 1px);
} */
@media screen and (min-width: 769px) {
  .ly_cont_main_over.bl_consultOutline {
    padding: 40px 0 60px;
  }
  .bl_consultOutline .bl_box {
    margin-bottom: 40px;
  }
  .bl_consultOutline .bl_media {
    align-items: center;
  }
  .bl_consultOutline .bl_media_img {
    width: 320px;
    /* margin-top: -25px; */
  }
}

/* feature
------------------------------------------------*/
.bl_consultFeature .el_h3 {
  text-align: center;
}
@media screen and (min-width: 769px) {
  .bl_consultFeature .el_h3 {
    margin-bottom: 60px;
  }
}
.house .bl_consultFeature {
  background-color:var(--color-house-bg);
}
.estate .bl_consultFeature {
  background-color:var(--color-primary-bg);
}


.bl_consultFeature .bl_col.bl_consultFeature_list {
  margin-top: 0;
}
.bl_consultFeature .bl_consultFeature_item {
  display: flex;
  flex-direction: column;
  /* border: 1px solid #fff;
  background-color: #fff; */
}
.bl_consultFeature .bl_col_img {
  /* padding: 20px 20px 0; */
  border: 1px solid #fff;
}
.bl_consultFeature .bl_col_ttl {
  position: relative;
  /* display: inline-block; */
  margin-bottom: 30px;
  padding: 20px 20px 0;
  /* color: var(--color-house); */
  font-weight: 700;
  font-size: 1.8rem;
  text-align: center;
  line-height: 1.4;
}
.bl_consultFeature .bl_col_ttl.el_hUnderBar::after {
  bottom: -16px;
  background-color: var(--color-secondary);
}
.bl_consultFeature .bl_consultFeature_item p {
  /* flex-grow: 1; */
  margin-bottom: 0;
  padding: 0 20px 20px;
}
@media screen and (min-width: 769px) {
  .bl_consultFeature .bl_col.bl_consultFeature_list {
    justify-content: space-between;
    align-items: stretch;
    margin: -4% 0 0;
  }
  .bl_consultFeature .bl_col2_item.bl_consultFeature_item {
    width: 48%;
    margin-top: 4%;
  }
  .bl_consultFeature .bl_col_ttl {
    margin-bottom: 40px;
    /* padding: 30px 30px 0; */
    font-size: 2.4rem;
  }
  .bl_consultFeature .bl_col_ttl.el_hUnderBar::after {
    bottom: -20px;
  }
  .bl_consultFeature .bl_consultFeature_item p {
    /* padding: 0 30px 30px; */
  }
  /* .bl_consultFeature .bl_col2_item.bl_consultFeature_item {
    width: 48%;
    margin-top: 4%;
  } */
}

/* recommend
------------------------------------------------*/
.bl_recommend .bl_ulUnderline li {
  font-size: 1.6rem;
  text-align: left;
}
@media screen and (min-width: 769px) {
  .bl_recommend .bl_ulUnderline {
    display: inline-block;
  }
  .bl_recommend .bl_ulUnderline li {
    font-size: 1.8rem;
  }
}

/* consultMsg
------------------------------------------------*/
.bl_consultMsg {
  position: relative;
}
.bl_consultMsg .el_h3 {
  color: var(--color-house);
}
.estate .bl_consultMsg .el_h3 {
  color: var(--color-primary-light);
}

/* detail
------------------------------------------------*/
.house .bl_consultFlow {
  background-color: var(--color-house-bg);
}
.estate .bl_consultFlow {
  background-color: var(--color-primary-bg);
}

/* 折りたたみ */
.consult .ly_cont_main_inner {
  counter-reset: stepNum;
}
.bl_consultDetail label {
	position: relative;
	display: block;
	cursor: pointer;
}
.el_consultDetail_ttl {
	counter-increment: stepNum;
	position: relative;
	margin: 0 0 20px;
	padding: 12px 40px 12px 14px;
  border: 1px solid var(--color-house);
  background: linear-gradient( to left, var(--color-house-light) 40px, #fff 40px, #fff 100%);
  color: var(--color-txt-dark);
  font-weight: 700;
  font-size: 1.8rem;
  line-height: 1.4;
  text-align: left;
  border-radius: 10px;
}
.estate .el_consultDetail_ttl {
  border: 1px solid var(--color-primary-light);
  background: linear-gradient( to left, var(--color-primary-light-more) 40px, #fff 40px, #fff 100%);
}
.el_consultDetail_ttl::before {
	content: "STEP " counter(stepNum, decimal-leading-zero);
	display: block;
	padding: 0;
  color: var(--color-house);
	font-size: 1.6rem;
	letter-spacing: 0;
}
.estate .el_consultDetail_ttl::before {
  color: var(--color-primary-light);
}
.el_consultDetail_ttl::after {
	display: block;
	position: absolute;
	top: 50%;
	right: 10px;
  transform: translateY(-50%);
	width: 24px;
	height: 24px;
	color: #fff;
	font-family: 'Material Icons';
  font-weight: 500;
	font-size: 2.4rem;
	line-height: 1;
	white-space: nowrap;
	content: "keyboard_arrow_down";
	transition: 0.6s;
}
.bl_consultDetail input {
	display: none;
}
input:checked + label .el_consultDetail_ttl::after {
	content: "keyboard_arrow_up";
}
.bl_consultDetail_con {
	overflow: hidden;
	height: 0;
  background-color: #fff;
	opacity: 0;
	transition: opacity 0.6s, height 0.6s;
}
.bl_consultDetail input:checked + label + .bl_consultDetail_con {
	height: auto;
	margin: 0 0 40px;
  padding: 20px;
	opacity: 1;
	transition: opacity 0.6s, height 0.6s;
}
@media screen and (min-width: 769px) {
  .bl_consultDetail {
    position: relative;
    /* max-width: 800px; */
    margin: 0 auto 60px;
    padding: 60px;
    background-color: #fff;
  }
  .bl_consultDetail:not(:last-of-type)::after {
    content: "";
    position: absolute;
    bottom: -20px;
    left: 50%;
    transform: translateX( -50% );
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 20px 15px 0 15px;
    border-color: #fff transparent transparent transparent;
  }
  .bl_consultDetail.hp_mb100::after {
    display: none;
  }
  .bl_consultDetail label {
    cursor: default;
  }
  .el_consultDetail_ttl {
    margin: 0 0 40px;
    padding: 14px 20px;
    border: 4px double var(--color-house);
    border-radius: 0;
    background: #fff;
    font-size: 2.4rem;
    text-align: center;
  }
  .estate .el_consultDetail_ttl {
    border: 4px double var(--color-primary-light);
    background: #fff;
  }
  .el_consultDetail_ttl::before {
    font-size: 2.0rem;
    text-align: center;
  }
  .el_consultDetail_ttl::after {
    display: none;
  }
  .bl_consultDetail_con {
  	overflow: visible;
    height: auto;
    margin: 0;
    padding: 0 40px;
    opacity: 1;
  }
}

.bl_consultDetail_img {
  width: 80%;
  margin-right: auto;
  margin-left: auto;
}
.bl_consultDetail_copy {
  margin-bottom: 20px;
  color: var(--color-secondary);
  font-weight: 700;
  font-size: 1.6rem;
  text-align: center;
  line-height: 1.6;
}
@media screen and (min-width: 769px) {
  .bl_consultDetail_img {
    width: 100%;
    max-width: 600px;
  }
  .bl_consultDetail_img__lg {
    max-width: 800px;
  }
  .bl_consultDetail_img__sm {
    max-width: 400px;
  }
  .bl_consultDetail_copy {
    margin-bottom: 40px;
    font-size: 2.2rem;
  }
  .bl_consultDetail .bl_colSide_side {
    width: 56%;
    max-width: 400px;
  }
}

/* 調査 */
.bl_survey {
  /* text-align: center; */
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
  height: auto;
  margin: -2% 0 0;
  padding: 0;
}
.bl_survey li {
  width: 49%;
  margin: 2% 0 0;
  /* margin: 4px 2px; */
  padding: 6px 10px;
	border: 1px solid var(--color-secondary);
	background: var(--color-secondary-bg);
  color: var(--color-txt-dark);
}
@media screen and (min-width: 769px) {
  .bl_survey::after {
    content: "";
    display: block;
    width: 32%;
    height: 0;
  }
  .bl_survey li {
    width: 32%;
    padding: 6px 16px;
  }
}

/* フロー図 */
@media screen and (min-width: 769px) {
  .consult .bl_homeConsult_header.bl_col {
    gap: 0;
    width: 100%;
    margin-right: 0;
    margin-left: 0;
    padding-bottom: 0;
  }
  /* .bl_homeConsult_header .bl_col3_item {
    display: block;
    width: 28%;
  } */
  .consult .bl_homeConsult_header .bl_col3_item:nth-child(2) {
    -ms-grid-row-align: center;
        align-self: center;
    width: calc( 44% + 80px );
    margin: 0 -70px;
  }
}

.bl_consultDetail .bl_ulCircle_item,
.bl_consultDetail .bl_ulTriangle_item {
  padding: 40px 10px 10px;
  font-weight: 700;
  text-align: center;
  border-radius: 10px;
}
.bl_consultDetail .bl_ulCircle_item {
  background: var(--color-primary-light-more);
	color: var(--color-primary-light);
}
.bl_consultDetail .bl_ulTriangle_item {
  background: var(--color-secondary-light);
	color: var(--color-secondary);
}
.bl_consultDetail .bl_ulCircle_item::before,
.bl_consultDetail .bl_ulTriangle_item::before {
  position: absolute;
	top: 10px;
	left: 50%;
  transform: translateX(-50%);
  font-size: 2.4rem;
  line-height: 1;
}
@media screen and (min-width: 769px) {
  .bl_consultDetail .bl_ulCircle_item,
  .bl_consultDetail .bl_ulTriangle_item {
    padding: 50px 10px 20px;
  }
  .bl_consultDetail .bl_ulCircle_item::before,
  .bl_consultDetail .bl_ulTriangle_item::before {
    top: 20px;
  }
}

/* 詳しい説明 */
.bl_flowCol2 {
  counter-reset: featureNum;
  margin-top: -4%;
}
.bl_flowCol2 .bl_col2_item {
  width: 100%;
  margin: 4% 0 0;
  padding: 20px 10px 10px;
  border-top: 1px solid var(--color-house-light);
  /* border: 1px solid var(--color-gray);
  background: #f9f9f7;
  border-radius: 10px; */
}
.bl_flowCol2 .bl_col2_item h4 {
	counter-increment: featureNum;
	position: relative;
	margin: 0 0 10px;
	padding: 0 0 0 36px;
	color: var(--color-txt-dark);
  font-weight: 700;
	font-size: 1.6rem;
}
.bl_flowCol2 .bl_col2_item h4::before {
  content: counter(featureNum);
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 26px;
  height: 26px;
  margin: 0 0 20px;
  padding: 1px 0 0;
  border: 1px solid var(--color-house);
  background-color: var(--color-house-light);
	color: #fff;
  font-weight: 700;
  font-size: 2.0rem;
  line-height: 1;
  text-align: center;
  letter-spacing: 0;
  border-radius: 50%;
}
@media screen and (min-width: 769px) {
  .bl_flowCol2 {
    margin-top: 0;
  }
  .bl_flowCol2 .bl_col2_item {
    width: 50%;
    margin: 0;
    padding: 30px;
    border-top: none;
  }
  .bl_flowCol2 .bl_col2_item:nth-of-type(2n-1) {
    border-right: 1px solid var(--color-house-light);
  }
  .bl_flowCol2 .bl_col2_item:nth-of-type(-n+2) {
    border-bottom: 1px solid var(--color-house-light);
  }
  .bl_flowCol2 .bl_col2_item h4 {
    margin: 0 0 30px;
    padding: 0 0 0 48px;
    font-size: 2.0rem;
  }
  .bl_flowCol2 .bl_col2_item h4::before {
    width: 38px;
    height: 38px;
    margin: 0 0 20px;
    padding: 4px 0 0;
    font-size: 2.4rem;
  }
}

/* トラブルケース */
.bl_troubleCase .bl_col3_item {
  padding: 20px;
  background-color: var(--color-gray-bg);
}
.bl_troubleCase .bl_col3_item h5 {
  position: relative;
  margin-bottom: 10px;
}
.bl_troubleCase .bl_col3_item h5::before {
  content: "\e160";
  display: block;
  margin: -10px auto 4px;
  color: var(--color-house);
  font-family: 'Material Icons';
  font-size: 3.6rem;
  text-align: center;
  line-height: 1;
  white-space: nowrap;
}
.bl_troubleCase .bl_col3_item p {
  line-height: 1.6;
}

/* faq
------------------------------------------------*/
.bl_faq {
	border-bottom: 1px dashed var(--color-secondary);
}
.bl_faq label {
	display: block;
	position: relative;
	padding: 20px 30px 20px 0;
	/* border-top: 1px dashed var(--color-gray); */
	font-size: 1.6rem;
	cursor: pointer;
}
.bl_faq:first-of-type label {
	border: none;
}
.bl_faq label::after {
	display: block;
	position: absolute;
	top: 1em;
	right: 0;
	width: 24px;
	height: 24px;
	color: var(--color-primary-light);
	font-family: 'Material Icons';
	font-size: 2.4rem;
	line-height: 1;
	white-space: nowrap;
	content: "keyboard_arrow_down";
	border-radius: 3px;
}
.bl_faqQ {
	position: relative;
	padding: 0 0 0 40px;
  color: var(--color-txt-dark);
	font-weight: 400;
}
.bl_faqQ::before {
  content: "Q";
  position: absolute;
  top: 1px;
  left: 0;
  display: inline-block;
  width: 30px;
  height: 30px;
  background: var(--color-secondary);
	color: #fff;
	text-align: center;
	line-height: 30px;
  vertical-align: middle;
  border-radius: 50%;
}
.bl_faq input {
	display: none;
}
.bl_faqA {
	overflow: hidden;
	height: 0;
	margin: 0;
	padding: 0 10px;
	opacity: 0;
	transition: 0.6s;
}
.bl_faq input:checked + label::after {
	content: "keyboard_arrow_up";
}
.bl_faq input:checked + label + .bl_faqA {
	height: auto;
	padding: 10px;
	margin: 0 0 30px;
	opacity: 1;
}
.bl_faq:last-of-type .bl_faqA {
	margin: 0;
}
@media screen and (min-width: 769px) {
  .bl_faq label {
    padding-right: 40px;
  }
  .bl_faqQ {
    padding: 0 0 0 50px;
    font-size: 1.8rem;
  }
  .bl_faqQ::before {
    top: 3px;
  }
  .bl_faqA {
    padding: 0 50px;
  }
  .bl_faq input:checked + label::after {
    content: "keyboard_arrow_up";
  }
  .bl_faq input:checked + label + .bl_faqA {
    padding: 10px 50px;
  }
}

/* summary
------------------------------------------------*/
.house .bl_consultSummary {
  background-color: var(--color-house-bg);
}
.estate .bl_consultSummary {
  background-color: var(--color-primary-bg);
}
.house .bl_consultService .bl_col2_item:first-of-type::before,
.house .bl_consultService .bl_col2_item:first-of-type::after {
  content: "";
  z-index: 10;
  position: absolute;
  bottom: -50px;
  left: 50%;
  transform: translateX(-50%);
  width: 8px;
  height: 77px;
  background-color: var(--color-house);
}
.house .bl_consultService .bl_col2_item:first-of-type::before {
  transform: rotate(-45deg);
}
.house .bl_consultService .bl_col2_item:first-of-type::after {
  transform: rotate(45deg);
}
.bl_consultService > div {
  width: 100%;
  padding: 20px;
  border: 1px solid var(--color-house-light);
  background-color: #fff;
  text-align: center;
}
.estate .bl_consultService > div {
  border: 1px solid var(--color-primary-light);
}
.bl_consultService > div li {
  text-align: left;
}
.bl_consultService > div li::before {
  color: var(--color-house);
}
.estate .bl_consultService > div li::before {
  color: var(--color-primary-light);
}
.bl_consultService_img {
  margin-bottom: 10px;
}
.bl_consultService > div .el_h3 {
  display: inline-block;
  margin-bottom: 20px;
}
@media screen and (min-width: 769px) {
  .house .bl_consultService .bl_col2_item:first-of-type::before,
  .house .bl_consultService .bl_col2_item:first-of-type::after {
    bottom: auto;
    top: 100px;
    left: auto;
    right: -14px;
    transform: translateX(0);
  }
  .house .bl_consultService .bl_col2_item:first-of-type::before {
    transform: rotate(-45deg);
  }
  .house .bl_consultService .bl_col2_item:first-of-type::after {
    transform: rotate(45deg);
  }
  .bl_consultService > div:not(.bl_col1_item) {
    width: 49%;
    padding: 40px;
  }
  .bl_consultService > div li::before {
    top: 0.1em;
  }
}

/* price
------------------------------------------------*/
.bl_price {
	margin: 0 auto;
	padding: 20px;
	border: 2px solid var(--color-house);
	border-radius: 10px;
  background: #fff;
}
.estate .bl_price {
	border: 2px solid var(--color-primary-light);
}
.bl_price_inner {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
}
.bl_price_ttl {
  margin: 0 auto 20px;
  color: var(--color-txt-dark);
	font-weight: 700;
  font-size: 2.4rem;
  line-height: 1;
  text-align: center;
}
.bl_price_ctg {
	display: inline-block;
  margin-bottom: 10px;
  padding: 4px 18px;
  color: #fff;
  font-size: 1.6rem;
  line-height: 1;
}
.house .bl_price_ctg {
  background-color: var(--color-house);
}
.estate .bl_price_ctg {
  background-color: var(--color-primary-light);
}
.bl_price_price {
  width: 100%;
  padding: 20px 0 0;
  border-top: 1px dashed var(--color-house);
  color: var(--color-txt-dark);
	font-weight: 700;
  font-size: 2.8rem;
  line-height: 1;
  text-align: center;
	letter-spacing: 0;
}
.estate .bl_price_price {
  border-top: 1px dashed var(--color-primary-light);
}
.bl_price .bl_benefit {
  padding: 20px;
  background-color: var(--color-gray-bg);
  text-align: center;
}
.bl_price .bl_benefit .bl_col {
  margin-top: -10px;
}
.bl_price .bl_benefit .bl_col2_item {
  margin-top: 10px;
}
.bl_price .bl_benefit .bl_col2_item a {
  display: block;
  padding: 10px 0;
  border: 2px solid var(--color-accent);
  background-color: var(--color-accent);
}
.bl_price .bl_benefit .bl_col2_item  a:hover,
.bl_price .bl_benefit .bl_col2_item  a:focus {
  background: #fff;
}
@media screen and (min-width: 769px) {
  .bl_price {
    max-width: 800px;
    margin: 0 auto;
    padding: 24px 40px 30px;
    border-radius: 10px;
  }
  .bl_price_ttl {
    flex: 1 1 0;
    margin: 0 auto 0 0;
    border-right: 1px dashed var(--color-house);
    font-size: 2.8rem;
    line-height: 1;
    text-align: left;
  }
  .estate .bl_price_ttl {
    border-right: 1px dashed var(--color-primary-light);
  }
  .bl_price_ctg {
    display: inline-block;
    margin-bottom: 16px;
    padding: 4px 18px;
    color: #fff;
    font-size: 1.6rem;
    line-height: 1;
  }
  .bl_price_price,
  .estate .bl_price_price {
    width: auto;
    padding: 0 0 0 30px;
    border-top: none;
    font-size: 3.6rem;
    text-align: right;
  }
  .bl_price .bl_ulOverlay {
    display: inline-block;
    margin: 0 auto;
  }
  .bl_price .bl_ulOverlay li {
    text-align: left;
  }
  .bl_price .bl_benefit .bl_benefit_only {
    justify-content: center;
  }
}

/* ライフプラン・シミュレーションバナー
------------------------------------------------*/
.bl_lifePlanBnr {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}
.bl_lifePlanBnr div {
  margin-bottom: 10px;
}
.bl_lifePlanBnr_subTtl {
  margin-bottom: 0 !important;
  color: var(--color-house);
  font-weight: 700;
  text-align: center;
}
.bl_lifePlanBnr_ttl {
  color: var(--color-txt-dark);
  font-weight: 700;
  font-size: 1.8rem;
  text-align: center;
  line-height: 1.6;
}
@media screen and (min-width: 769px) {
  .bl_lifePlanBnr {
    flex-direction: row;
    justify-content: center;
    align-items: flex-end;
  }
  .bl_lifePlanBnr div {
    margin: 0 40px 0 0;
  }
  .bl_lifePlanBnr_subTtl {
    text-align: left;
  }
  .bl_lifePlanBnr_ttl {
    font-size: 2.0rem;
    text-align: left;
    line-height: 1.4;
  }
}

/* ライフプラン・シミュレーション
------------------------------------------------*/
#bl_lifePlan {
  padding: 20px;
  border: 2px solid var(--color-house);
  border-radius: 10px;
  background: #fff;
}
.bl_lifePlan_ttl {
  color: var(--color-txt-dark);
  font-weight: 700;
  font-size: 1.8rem;
  text-align: center;
  line-height: 1.6;
}
@media screen and (min-width: 769px) {
  #bl_lifePlan {
    width: 800px;
    margin: 0 auto;
    padding: 40px;
  }
  .bl_lifePlan_ttl {
    font-size: 2.0rem;
  }
}

#bl_lifePlan .bl_price {
  border: none;
  background-color: var(--color-gray-bg);
}
#bl_lifePlan .bl_price_ttl {
  font-size: 1.6rem;
}
#bl_lifePlan .bl_price_price {
  font-size: 2.0rem;
}
@media screen and (min-width: 769px) {
  #bl_lifePlan .bl_price_ttl {
    font-size: 2.0rem;
  }
  #bl_lifePlan .bl_price_price {
    font-size: 2.4rem;
  }
}

/* 家計の窓口リンク
------------------------------------------------*/
.bl_kakeiBnr {
  position: relative;
  display: inline-block;
  overflow: hidden;
  width: auto;
  height: 100%;
  margin: 0;
  padding: 20px 20px 0;
  border: 2px solid #f19ea0;
  background: #fff;
  transition: 0.6s;
}
.bl_kakeiBnr:hover,
.bl_kakeiBnr:active {
  background: #fcf8f7;
  box-shadow: none;
}
.bl_kakeiBnr_inner {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}
.bl_kakeiBnr_body {
  margin-bottom: 10px;
  text-align: center;
}
.bl_kakeiBnr_txt {
  color: #f19ea0;
  font-size: 1.4rem;
  margin-bottom: 20px !important;
}
.bl_kakeiBnr_body figure {
  width: 140px;
  margin: 0 auto;
}
.bl_kakeiBnr_img {
  position: relative;
  width: 120px;
  margin: 0;
}
@media screen and (min-width: 769px) {
  .bl_kakeiBnr {
    margin-bottom: 60px;
    padding: 20px 40px 0;
  }
  .bl_kakeiBnr_inner {
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-end;
  }
  .bl_kakeiBnr_body {
    flex: 1;
    margin-bottom: 20px;
  }
  .bl_kakeiBnr_txt {
    margin-bottom: 18px !important;
    font-size: 1.8rem;
    text-align: left;
  }
  .bl_kakeiBnr_body figure {
    width: 140px;
    margin: 0;
  }
  .bl_kakeiBnr_img {
    width: 20%;
    max-width: 160px;
    margin: 0 0 0 30px;
  }
}



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

  住宅購入相談 / consult

================================================================================ */
/* content
================================================================================ */
/* title
------------------------------------------------*/
.buyHouse .bl_ttl {
  background-image: url(/lifplus/consult/img/bg_buy-house.jpg);
}

/* h
------------------------------------------------*/
.buyHouse .el_hMark::before {
  background-image: url(/lifplus/common_img/icon_buy-house.png);
}

/* detail
------------------------------------------------*/
.bl_flowCol2_img {
  position: relative;
  height: 160px;
}
.bl_flowCol2_img figure {
  position: absolute;
  bottom: 10px;
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (min-width: 769px) {
  .bl_flowCol2_img {
    height: auto;
  }
  .bl_flowCol2_img figure {
    bottom: 20px;
  }
}


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

  住み替え相談 / consult

================================================================================ */
/* content
================================================================================ */
/* title
------------------------------------------------*/
.moveHouse .bl_ttl {
  background-image: url(/lifplus/consult/img/bg_move-house.jpg);
}

/* h
------------------------------------------------*/
.moveHouse .el_hMark::before {
  background-image: url(/lifplus/common_img/icon_move-house.png);
}



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

  住宅売却相談 / consult

================================================================================ */
/* content
================================================================================ */
/* title
------------------------------------------------*/
.sellHouse .bl_ttl {
  background-image: url(/lifplus/consult/img/bg_sell-house.jpg);
}

/* h
------------------------------------------------*/
.sellHouse .el_hMark::before {
  background-image: url(/lifplus/common_img/icon_sell-house.png);
}

/* detail
------------------------------------------------*/
.bl_consultOption {
  padding: 30px;
  border: 10px solid #fff;
}
@media screen and (min-width: 769px) {
  .bl_consultOption {
    padding: 40px 60px;
  }
}

/* summary
------------------------------------------------*/
.house.sellHouse .bl_consultService .bl_col2_item:first-of-type::before,
.house.sellHouse .bl_consultService .bl_col2_item:first-of-type::after {
  display: none;
}
@media screen and (min-width: 769px) {
  .house.sellHouse .bl_consultService > div {
    display: flex;
    justify-content: space-between;
    width: 100%;
    height: auto;
    margin-top: 2%;
    padding: 40px;
    text-align: left;
  }
  .house.sellHouse .bl_consultService > div .bl_consultService_img {
    width: 30%;
    max-width: 240px;
    margin-bottom: 0;
    text-align: center;
  }
  .house.sellHouse .bl_consultService > div .bl_consultService_body {
    flex: 1;
  }
}

/* .sellHouse .bl_price_price {
  font-size: 1.8rem;
} */
.sellHouse .bl_price_option {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: auto;
  margin: 0 0 20px;
  padding: 20px;
  background-color: var(--color-house-bg);
}
.sellHouse .bl_price_option dt {
  display: inline-block;
  margin-bottom: 10px;
  padding: 10px;
  background-color: #fff;
  line-height: 1;
  text-align: center;
}
.sellHouse .bl_price_option dd {
  text-align: center;
}
@media screen and (min-width: 769px) {
  /* .sellHouse .bl_price_price {
    font-size: 2.4rem;
    line-height: 1.4;
  } */
  .sellHouse .bl_price_option {
    flex-direction: row;
    margin: 0 0 40px;
}
  .sellHouse .bl_price_option dt {
    display: block;
    width: 120px;
    margin: 0 20px 0 0;
  }
  .sellHouse .bl_price_option dd {
    flex: 1;
    text-align: left;
  }
}

/* 片づけ
------------------------------------------------*/
.bl_cleaning_subTtl {
  margin-bottom: 10px !important;
  color: var(--color-secondary);
  font-weight: 700;
  font-size: 1.8rem;
}
.bl_cleaning_ttl {
  color: var(--color-txt-dark);
  font-size: 1.4rem;
  line-height: 1.6;
}
@media screen and (min-width: 769px) {
  .bl_cleaning {
    text-align: center;
  }
  .bl_cleaning_subTtl {
    font-size: 2.2rem;
  }
  .bl_cleaning_ttl {
    font-size: 1.6rem;
  }
}

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

  注文住宅をご検討の方 / consult

================================================================================ */
/* content
================================================================================ */
/* title
------------------------------------------------*/
.houseBuilder .bl_ttl {
  background-image: url(/lifplus/consult/img/bg_house-builder.jpg);
}

/* h
------------------------------------------------*/
.houseBuilder .el_hMark::before {
  background-image: url(/lifplus/common_img/icon_house-builder.png);
}

/* recommend
------------------------------------------------*/
.bl_recommend .bl_col2_item img {
  width: 200px;
  height: auto;
}
.bl_recommend .bl_col_txt {
  position: relative;
  display: inline-block;
  padding: 20px;
  border: 2px solid currentColor;
  border-radius: 10px;
  color: var(--color-secondary);
  font-weight: 700;
}
.bl_recommend .bl_col_txt::after,
.bl_recommend .bl_col_txt::before {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	height: 0;
	width: 0;
	border: solid transparent;
	pointer-events: none;
}
.bl_recommend .bl_col_txt::after {
	border-color: transparent;
	border-top-color: #fff;
	border-width: 10px;
	margin-left: -10px;
}
.bl_recommend .bl_col_txt::before {
	border-color: transparent;
	border-top-color: var(--color-secondary);
	border-width: 13px;
	margin-left: -13px;
}
@media screen and (min-width: 769px) {
  .bl_recommend .bl_col {
    align-items: center;
    width: 600px;
    margin: 0 auto;
  }
  .bl_recommend .bl_col2_item img {
    width: 260px;
  }
  .bl_recommend .bl_col_txt {
    text-align: left;
  }
  .bl_recommend .bl_col_txt::after,
  .bl_recommend .bl_col_txt::before {
    top: 50%;
    left: 100%;
  }
  .bl_recommend .bl_col_txt::after {
    border-color: transparent;
    border-left-color: #fff;
    margin: 0;
    margin-top: -10px;
  }
  .bl_recommend .bl_col_txt::before {
    border-color: transparent;
    border-left-color: var(--color-secondary);
    margin: 0;
    margin-top: -13px;
  }
}

/* house_list
------------------------------------------------*/
.houseMaker .bl_col,
.houseMaker .bl_col3_item {
  margin-top: 0;
}
.bl_house_list li {
  position: relative;
  margin-bottom: 10px;
  padding-left: 30px;
}
.bl_house_list li::before {
  content: "\e88a";
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  color: var(--color-primary-light);
  font-family: 'Material Icons';
  font-size: 2.4rem;
  line-height: 1;
  white-space: nowrap;
}
@media screen and (min-width: 769px) {
  .houseMaker .bl_col {
    margin-top: -2%;
  }
    .bl_house_list {
    margin-bottom: 30px;
  }
}

/* summary
------------------------------------------------*/
.houseBuilder .bl_consultService .bl_col2_item:last-of-type {
  margin-top: 60px;
}
.houseBuilder .bl_consultService .bl_col2_item:last-of-type::before {
  content: "＼ 土地探しから始められる方もサポート ／";
  position: absolute;
  top: -40px;
  left: 50%;
  transform: translateX(-50%);
  display: block;
  width: 100%;
  margin-bottom: 20px;
  color: var(--color-house);
  font-weight: 700;
  font-size: 1.6rem;;
  text-align: center;
}
@media screen and (min-width: 769px) {
  .houseBuilder .bl_consultService .bl_col2_item:last-of-type {
    display: flex;
    justify-content: space-between;
    width: 100%;
    height: auto;
    margin-top: 70px;
    padding: 40px;
    text-align: left;
  }
  .houseBuilder .bl_consultService .bl_col2_item:last-of-type::before {
    top: -50px;
    font-size: 2.0rem;;
  }
  .houseBuilder .bl_consultService .bl_col2_item:last-of-type .bl_consultService_img {
    width: 30%;
    max-width: 240px;
    margin-bottom: 0;
    text-align: center;
  }
  .houseBuilder .bl_consultService .bl_col2_item:last-of-type .bl_consultService_body {
    flex: 1;
  }
}


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

  お役様からのメッセージ / 注文住宅をご検討の方 / consult

================================================================================ */
.bl_houseBuilderVoice .bl_mainCopy span {
  display: inline-block;
  margin-left: 10px;
  padding: 7px 10px 11px;
  background-color: var(--color-secondary);
  color: #fff;
  line-height: 1;
}
.bl_houseBuilderVoice .hp_relative {
  z-index: 0;
  position: relative;
}
.bl_houseBuilderVoice .bl_media_img {
  position: relative;
  max-width: 500px;
}
.bl_houseBuilderVoice .bl_media_body {
  position: relative;
  margin-top: 0;
  padding: 20px;
  background-color: #fff;
}
.bl_houseBuilderVoice .bl_media_body::before {
  content: "";
  z-index: -1;
  position: absolute;
  top: -40px;
  left: 50%;
  transform: translateX(-50%);
  width: calc(100% + 40px);
  height: calc(100% + 60px);
  background-color: var(--color-primary);
}
.bl_houseBuilderVoice .bl_media_ttl {
  position: relative;
  margin-bottom: 20px;
  color: var(--color-primary);
  font-weight: 700;
  font-size: 1.8rem;
  text-align: center;
  line-height: 1;
}
.bl_houseBuilderVoice .bl_media_ttl span {
  display: inline-block;
  margin-right: 20px;
  padding: 8px 10px;
  background: var(--color-house-light);
  color: #fff;
  font-size: 1.6rem;
}
/* .bl_houseBuilderVoice .bl_media_ttl::after {
  content: "\e158";
  position: relative;
	top: 0.2em;
  display: inline-block;
	margin-left: 10px;
	font-family: 'Material Icons';
  font-size: 2.2rem;
  line-height: 1;
  font-weight: normal;
  font-style: normal;
	line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
} */
.bl_houseBuilderVoice .bl_houseBuilderVoiceList_img {
  position: absolute;
  bottom: -30px;
  right: 40px;
  width: 70px;
}
@media screen and (min-width: 769px) {
  .bl_houseBuilderVoice .bl_media {
    gap: 0;
  }
  .bl_houseBuilderVoice .bl_media_body::before {
    top: -20px;
    left: -20px;
    transform: translateX(0);
    width: calc(100% + 40px);
    height: calc(100% + 40px);
    background-color: var(--color-primary);
  }
  .bl_houseBuilderVoice .bl_media_img {
    transform: rotate(-3deg)
  }
  .bl_houseBuilderVoice .bl_media_body {
    margin: 40px 0 0 -100px;
    padding: 30px;
  }
  .bl_houseBuilderVoice .bl_media_ttl {
    margin-bottom: 20px;
    font-size: 2.0rem;
    text-align: left;
  }
  .bl_houseBuilderVoice .bl_media_ttl span {
    font-size: 1.8rem;
  }
  .bl_houseBuilderVoice .bl_media_ttl::after {
    top: 0.14em;
    font-size: 2.4rem;
  }
  .bl_houseBuilderVoice .bl_houseBuilderVoiceList_img {
    top: 360px;
    bottom: auto;
    left: 30px;
    width: 100px;
  }
}

.bl_houseBuilderVoicePhoto.hp_MTRoof {
  z-index: 10;
  position: relative;
  margin-top: 0;
  padding-top: calc( 100% * 44 / 688 );
  padding-bottom: calc( 100% * 44 / 688 );
  background-image: url(/lifplus/common_img/bg_roof_r_house.svg), url(/lifplus/common_img/bg_roof_l.svg);
  background-repeat: no-repeat;
  background-position: center top, center bottom;
  background-size: 100% auto;
}
.bl_houseBuilderVoicePhoto.hp_MTRoof__rev {
  background-image: url(/lifplus/common_img/bg_roof_l_house.svg), url(/lifplus/common_img/bg_roof_r.svg);
}
.bl_houseBuilderVoicePhoto {
  padding-top: 30px;
}
.bl_houseBuilderVoicePhoto .el_h4 {
  font-size: 1.8rem;
}
.bl_houseBuilderVoicePhoto_illust {
  position: absolute;
  bottom: -20px;
  right: 4px;
  width: 160px;
}
.bl_houseBuilderVoicePhoto .bl_col {
  width: 90%;
  max-width: 400px;
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
  background-color: #fff;
}
.bl_houseBuilderVoicePhoto .bl_col3_item:first-of-type {
  margin-top: 0;
}
@media screen and (min-width: 769px) {
  .bl_houseBuilderVoicePhoto {
    padding-top: 80px;
  }
  .bl_houseBuilderVoicePhoto .el_h4 {
    font-size: 2.2rem;
  }
  .bl_houseBuilderVoicePhoto_illust {
    width: 200px;
    bottom: -30px;
    left: auto;
    right: 20px;
  }
  .bl_houseBuilderVoicePhoto .bl_col {
    width: 100%;
    max-width: none;
  }
  .bl_houseBuilderVoicePhoto .bl_col3_item {
    width: calc((100% - 2px) / 3);
    margin: 0;
  }
}

.bl_houseBuilderVoiceInterview_illust {
  width: 160px;
  margin: 0 auto 10px;
  padding-top: 20px;
}
.bl_houseBuilderVoiceInterview .el_h3 {
  margin-bottom: 30px;
  color: var(--color-primary);
  font-weight: 500;
  font-size: 1.8rem;
  text-align: left;
  line-height: 1.8;
}
.bl_houseBuilderVoiceInterview .el_subTtl {
  position: relative;
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto 20px;
  padding: 10px;
  background-color: var(--color-primary);
  color: #fff;
  line-height: 1.6;
}
.bl_houseBuilderVoiceInterview .el_subTtl::after {
  content: "";
  position: absolute;
  bottom: -10px;
  left: 50%;
  transform: translateX( -50% );
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 15px 10px 0 10px;
  border-color: var(--color-primary) transparent transparent transparent;
}
.bl_houseBuilderVoiceInterview .bl_media_img {
  width: 70%;
  max-width: 400px;
  /* padding: 20px 20px 10px;
  border: 1px solid var(--color-secondary); */
}
.bl_houseBuilderVoiceInterview figcaption {
  display: block;
  margin-top: 10px;
  color: var(--color-secondary);
  line-height: 1.4;
}
.bl_houseBuilderVoiceInterview_img {
  width: 100%;
  max-width: 500px;
  margin: 0 auto 20px;
}
@media screen and (min-width: 769px) {
  .bl_houseBuilderVoiceInterview_illust {
    width: 220px;
    margin: -20px auto 20px;
  }
  .bl_houseBuilderVoiceInterview .el_h3 {
    margin-bottom: 40px;
    font-size: 2.4rem;
    text-align: center;
  }
  .bl_houseBuilderVoiceInterview .el_h3::before {
    font-size: 1.6rem;
  }
  .bl_houseBuilderVoiceInterview .el_subTtl {
    margin: 0 auto 30px;
  }
  .bl_houseBuilderVoiceInterview .bl_media_img {
    width: 40%;
    max-width: none;
  }
  .bl_houseBuilderVoiceInterview figcaption {
    text-align: left;
  }
  .bl_houseBuilderVoiceInterview_img {
    width: 600px;
    max-width: none;
  }
}

/* お客様からのメッセージ03
   お客様からのメッセージ05
   お客様からのメッセージ06
------------------------------------------------*/
.bl_houseBuilderVoice03 .bl_media_body::before,
.bl_houseBuilderVoice05 .bl_media_body::before,
.bl_houseBuilderVoice06 .bl_media_body::before {
  position: absolute;
  top: -20px;
  left: 50%;
  transform: translateX(-50%);
  width: calc(100% + 40px);
  height: calc(100% + 40px);
  background-color: var(--color-primary);
}
@media screen and (min-width: 769px) {
  .bl_houseBuilderVoice03 .bl_media_body,
  .bl_houseBuilderVoice05 .bl_media_body,
  .bl_houseBuilderVoice06 .bl_media_body {
    margin-left: 0;
  }
  .bl_houseBuilderVoice03 .bl_houseBuilderVoiceList_img,
  .bl_houseBuilderVoice05 .bl_houseBuilderVoiceList_img,
  .bl_houseBuilderVoice06 .bl_houseBuilderVoiceList_img {
    top: -40px;
    bottom: auto;
    left: auto;
    right: 40px;
  }
}

@media screen and (min-width: 769px) {
  .bl_houseBuilderVoicePhoto .bl_col1_item {
    width: 80%;
    max-width: 600px;
    margin: 0 auto;
  }
  .bl_houseBuilderVoiceInterview03_img {
    width: 400px;
  }
}

/* bl_houseBuilderVoiceBnr
------------------------------------------------*/
.bl_houseBuilderVoiceBnr {
  position: relative;
}
.bl_houseBuilderVoiceBnr a {
  position: relative;
  display: block;
  padding: 14px;
  border: 6px solid #fff;
  /* background: linear-gradient(135deg, var(--color-primary) 0, var(--color-primary-light-more) 40%); */
  background-color: var(--color-primary-light);
  background-image: url(/lifplus/common_img/bg_pattern_dark.png);
  color:#fff;
  transition: 0.6s;
}
.bl_houseBuilderVoiceBnr__rev a {
  /* background: linear-gradient(-135deg, var(--color-primary) 0, var(--color-primary-light-more) 40%); */
}
.bl_houseBuilderVoiceBnr a:hover,
.bl_houseBuilderVoiceBnr a:active {
  background-color: var(--color-primary);
}
/* .bl_houseBuilderVoiceBnr a::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, var(--color-primary) 0, var(--color-primary-light-more) 100%);
  transition: 0.6s;
}
.bl_houseBuilderVoiceBnr a:hover::before {
  opacity: 0;
}
.bl_houseBuilderVoiceBnr__rev a::before {
  background: linear-gradient(-135deg, var(--color-primary) 0, var(--color-primary-light-more) 100%);
}*/
.bl_houseBuilderVoiceBnr a .el_induce {
  color: var(--color-secondary);
  text-decoration: underline
}
.bl_houseBuilderVoiceBnr a:hover .el_induce {
  text-decoration: none;
}
.bl_houseBuilderVoiceBnr .bl_media_body {
  margin-bottom: 0;
}
.bl_houseBuilderVoiceBnr .bl_media_txt {
  padding: 20px;
  background: #fff;
  color: #333;
}
.bl_houseBuilderVoiceBnr .bl_media_subTtl {
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto 10px;
  padding: 6px 20px;
  border-radius: 100px;
  background-color: var(--color-accent-light);
  color: var(--color-secondary);
  font-weight: 700;
  line-height: 1;
  text-align: center;
}
.bl_houseBuilderVoiceBnr .bl_media_subTtl::after {
  content: "";
  position: absolute;
  top: 99%;
  left: 50%;
  border: solid transparent;
  border-color: transparent;
  border-top-color: #fff7c0;
  border-width: 5px;
  margin-left: -5px;
}
.bl_houseBuilderVoiceBnr .bl_media_ttl {
  margin-bottom: 10px;
  color: #fff;
  font-weight: 700;
  font-size: 1.8rem;
  text-align: center;
  line-height: 1.4;
}
.bl_houseBuilderVoiceBnr .bl_media_img {
  width: 100%;
  max-width: 500px;
}
.bl_houseBuilderVoiceBnr_img {
  position: absolute;
  top: -30px;
  left: 40px;
  width: 70px;
}
.bl_houseBuilderVoiceBnr_img__rev {
  left: auto;
  right: 40px;
}
.bl_houseBuilderVoiceBnr_img__plain {
  top: -16px;
  left: -24px;
  right: auto;
}
@media screen and (min-width: 769px) {
  .bl_houseBuilderVoiceBnr a {
    padding: 34px 34px;
  }
  .bl_houseBuilderVoiceBnr .bl_media_img {
    width: 36%;
    max-width: 300px;
    margin-left: 60px;
  }
  .bl_houseBuilderVoiceBnr__rev .bl_media_img {
    margin-left: 0;
    margin-right: 60px;
  }
  .bl_houseBuilderVoiceBnr .bl_media_body {
    margin-bottom: 0;
  }
  .bl_houseBuilderVoiceBnr .bl_media_subTtl {
    margin: 0 auto 10px 0;
  }
  .bl_houseBuilderVoiceBnr .bl_media_ttl {
    margin-bottom: 20px;
    font-size: 2.4rem;
    text-align: left;
  }
  .bl_houseBuilderVoiceBnr_img {
    top: -10px;
    left: auto;
    right: calc(50% - 160px);
    width: 100px;
  }
  .bl_houseBuilderVoiceBnr_img__rev {
    top: -20px;
    left: calc(50% - 180px);
    right: auto;
  }
  .bl_houseBuilderVoiceBnr_img__plain {
    top: 10px;
    left: auto;
    right: 80px;
  }
}



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

  お役様からのメッセージ02 / 注文住宅をご検討の方 / consult

================================================================================ */
@media screen and (min-width: 769px) {
  .bl_houseBuilderVoice02 .bl_media_img {
    transform: rotate(3deg)
  }
  .bl_houseBuilderVoice02 .bl_houseBuilderVoiceList_img {
    top: 340px;
    left: 30px;
  }
}

.bl_houseBuilderVoicePhoto .bl_col2_item:first-of-type {
  margin-top: 0;
}
@media screen and (min-width: 769px) {
  .bl_houseBuilderVoicePhoto .bl_col2_item {
    width: calc((100% - 1px) / 2);
    margin: 0;
  }
}

.buy-house_voice04_img02 {
  width: 90%;
  max-width: 400px;
  margin: 0 auto;
}
@media screen and (min-width: 769px) {
  .buy-house_voice04_img02 {
    width: 500px;
    max-width: none;
  }
}

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

  不動産相談 / estate common

================================================================================ */
/* content
================================================================================ */
/* case
------------------------------------------------*/
.estate .bl_consultVoiceList_subTtl span {
  background: var(--color-accent);
  color: var(--color-txt-dark);
}
.estate .bl_consultVoiceList_subTtl {
  color: var(--color-secondary);
}
.estate .bl_consultVoiceList_ttl {
  color: var(--color-primary);
}
.estate .bl_consultVoiceList_txt {
  background-image: linear-gradient(180deg, var(--color-primary-bg) 1px, transparent 1px); /* 罫線の色と太さ  */
}

/* summary
------------------------------------------------*/
.estate .bl_consultService > div {
  margin-top: 20px;
}
@media screen and (min-width: 769px) {
  .estate .bl_consultService > div {
    display: flex;
    justify-content: space-between;
    width: 100%;
    height: auto;
    margin-top: 2%;
    padding: 40px;
    text-align: left;
  }
  .estate .bl_consultService > div .bl_consultService_img {
    width: 30%;
    max-width: 240px;
    margin-bottom: 0;
    text-align: center;
  }
  .estate .bl_consultService > div .bl_consultService_body {
    flex: 1;
  }
}


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

  土地活用相談 / consult

================================================================================ */
/* content
================================================================================ */
/* title
------------------------------------------------*/
.useLand .bl_ttl {
  background-image: url(/lifplus/consult/img/bg_use-land.jpg);
}

/* h
------------------------------------------------*/
.useLand .el_hMark::before {
  background-image: url(/lifplus/common_img/icon_use-land.png);
}


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

  不動産投資相談 / consult

================================================================================ */
/* content
================================================================================ */
/* title
------------------------------------------------*/
.investmentRealEstate .bl_ttl {
  background-image: url(/lifplus/consult/img/bg_investment-real-estate.jpg);
}

/* h
------------------------------------------------*/
.investmentRealEstate .el_hMark::before {
  background-image: url(/lifplus/common_img/icon_investment-real-estate.png);
}

/* price
------------------------------------------------*/
.investmentRealEstate .bl_price_inner {
  align-items: flex-start;
}
.estate.investmentRealEstate .bl_price_price {
  padding-top: 0;
}
@media screen and (min-width: 769px) {
  .estate.investmentRealEstate .bl_price_ttl {
    border-right: none;
  }
  .estate.investmentRealEstate .bl_price_price {
    border-left: 1px dashed var(--color-primary-light);
  }
}

.bl_tableSeparate.bl_secondOpinion th {
  display: table-cell;
  width: auto;
  border-bottom: 1px solid var(--color-secondary);
}
.bl_tableSeparate.bl_secondOpinion td {
  display: table-cell;
  width: auto;
}
@media screen and (min-width: 769px) {
  .bl_tableSeparate.bl_secondOpinion {
    width: auto;
    margin: 0 auto;
  }
}


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

  アパート経営・相続相談 / consult

================================================================================ */
/* content
================================================================================ */
/* title
------------------------------------------------*/
.apartmentManagement .bl_ttl {
  background-image: url(/lifplus/consult/img/bg_apartment-management.jpg);
}

/* h
------------------------------------------------*/
.apartmentManagement .el_hMark::before {
  background-image: url(/lifplus/common_img/icon_apartment-management.png);
}

/* step
------------------------------------------------*/
.apartmentManagement .bl_sampleCase {
  margin-bottom: 20px;
  color: var(--color-primary);
  font-size: 1.8rem;
  text-align: center;
}
.apartmentManagement .bl_sampleCase_ttl {
  display: inline-block;
  margin-bottom: 10px;
  padding: 8px 40px;
  border: 1px solid currentColor;
  background-color: #fff;
  font-size: 1.8rem;
  line-height: 1;
}
@media screen and (min-width: 769px) {
  .apartmentManagement .bl_sampleCase {
    margin-bottom: 40px;
  }
}

/* voice
------------------------------------------------*/
.apartmentManagement .bl_col1Voice .bl_media_img {
  width: 100px;
}
@media screen and (min-width: 769px) {
  .apartmentManagement .bl_col1Voice .bl_media {
    justify-content: center;
    width: auto;
  }
  .apartmentManagement .bl_col1Voice .bl_media_body {
    flex: 0 1 auto;
    width: auto;
  }
  .apartmentManagement .bl_col1Voice .bl_media_img {
    width: 160px;
    margin: 0;
  }
}

/* price
------------------------------------------------*/
.apartmentManagement .bl_price_option {
  width: 100%;
  height: auto;
  margin: 0 0 20px;
  padding: 20px;
  background-color: var(--color-primary-bg);
}
.apartmentManagement .bl_price_option dt {
  display: inline-block;
  margin-bottom: 10px;
  padding: 10px;
  background-color: #fff;
  line-height: 1;
  text-align: center;
}
@media screen and (min-width: 769px) {
  /* .apartmentManagement .bl_price_price {
    font-size: 2.4rem;
    line-height: 1.4;
  } */
  .apartmentManagement .bl_price_option {
    /* flex-direction: row; */
    margin: 0 0 40px;
}
  .apartmentManagement .bl_price_option dt {
    display: block;
    width: 120px;
    margin-bottom: 20px;
  }
}


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

  不動産売却 / consult

================================================================================ */
/* content
================================================================================ */
/* title
------------------------------------------------*/
.sellRealEstate .bl_ttl {
  background-image: url(/lifplus/consult/img/bg_sell-real-estate.jpg);
}
.sellRealEstate .bl_ttl_ttl span {
  margin-top: 10px;
  color: var(--color-txt-dark);
  font-size: 1.4rem;
}
@media screen and (min-width: 769px) {
  .sellRealEstate .bl_ttl_ttl span {
    font-size: 1.6rem;
  }
}

/* h
------------------------------------------------*/
.sellRealEstate .el_hMark::before {
  background-image: url(/lifplus/common_img/icon_sell-real-estate.png);
}

/* consultMsg
------------------------------------------------*/
.sellHouse .ly_cont_main_inner:has(.bl_consultMsg) {
  margin-bottom: 40px;
}
@media screen and (min-width: 769px) {
  .sellHouse .ly_cont_main_inner:has(.bl_consultMsg) {
    margin-bottom: 60px;
    padding: 60px;
  }
}

.bl_consultMsg_option {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto 0 0;
  padding: 8px;
  background: var(--color-house);
  color: #fff;
  font-weight: 700;
  font-size: 1.6rem;
}
@media screen and (min-width: 769px) {
  .bl_consultMsg_option {
    margin: 0 auto;
    padding: 4px 10px;
    font-size: 1.8rem;
  }
}

/* summary
------------------------------------------------*/
/* .sellRealEstate .bl_price_price {
  font-size: 1.8rem;
}
@media screen and (min-width: 769px) {
  .sellRealEstate .bl_price_price {
    font-size: 2.4rem;
    line-height: 1.4;
  }
} */

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

  初回相談のお申し込み / consult

================================================================================ */
/* content
================================================================================ */
/* title
------------------------------------------------*/
.apply .bl_ttl {
  background-image: url(/lifplus/consult/img/bg_apply.jpg);
}

/* outline
------------------------------------------------*/
.bl_applyOutline {
  background-color: var(--color-gray-bg);
}
.bl_applyOutline_lead {
  padding: 20px;
}
@media screen and (min-width: 769px) {
  .bl_applyOutline_lead {
    padding: 60px 200px 40px 30px;
    background: url(/lifplus/common_img/fp_illust08.png) no-repeat right bottom;
    background-size: 180px auto;
  }

  .bl_applyOutline .bl_ulCheck > li::before {
    top: 0.1em;
  }
}

/* footer
================================================================================ */
.apply .ly_footer {
  padding-bottom: 0;
}

/* bl_inputArea
================================================================================*/
.bl_inputArea {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0 0 30px;
  padding: 0;
  border-bottom: 1px solid var(--color-gray);
}
.bl_inputArea dt {
  position: relative;
  width: 100%;
  margin: 0;
  padding: 20px 0 10px;
  border-top: 1px solid var(--color-gray);
  color: var(--color-txt-dark);
  font-weight: 700;
}
.bl_inputArea dt span {
  position: absolute;
  top: 24px;
  right: 10px;
  padding: 2px 5px;
  background: var(--color-primary-light);
  color: #fff;
  font-size: 1.2rem;
  line-height: 1;
}
.bl_inputArea dd {
  width: 100%;
  margin: 0;
  padding: 0 10px 20px;
}
.bl_inputArea [type="text"],
.bl_inputArea [type="tel"],
.bl_inputArea [type="email"],
.bl_inputArea textarea {
  width: 100%;
  max-width: 100% !important;
}
.bl_inputArea input#post {
  width: 200px;
}
.bl_inputArea input.un_name {
  width: 48%;
}
.bl_inputArea .el_note {
  color: var(--color-primary-light-more);
  font-size: 1.2rem;
}
.bl_inputArea dd .bl_col4_item {
  margin-top: 20px;
}
.bl_inputType {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin: 0 0 10px;
  padding: 0 0 10px;
  border-bottom: 1px dashed var(--color-gray);
}
.bl_inputType:last-of-type {
  margin: 0;
  padding: 0;
  border: none;
}
.bl_inputType [type="radio"] + label {
  margin: 0;
}
.bl_inputType [type="radio"] {
	display: block;
  margin-top: 4px;
}
.bl_inputType label {
  flex: 1;
	display: block;
}
.bl_inputArea .bl_col2_item,
.bl_inputArea .bl_col3_item {
  width: 48%;
}
.bl_inputDate label {
  display: block;
  margin-bottom: 4px;
}
.bl_submitArea {
  display: flex;
  flex-wrap: wrap-reverse;
  justify-content: center;
}
.bl_submitArea form {
  width: 100%;
}
.bl_submitArea form:nth-of-type(2) {
  margin: 0 0 20px;
}
:is(.bl_withKids, .bl_applyOption) {
  margin-top: 20px;
  padding: 10px;
  background-color: #f7f7f7;
}
.bl_inputArea label + [type="text"] {
  margin-top: 10px;
}
@media screen and (min-width: 769px) {
  .bl_inputArea {
    margin: 0 0 60px;
  }
  .bl_inputArea dt {
    width: 30%;
    padding: 20px 30px;
    font-weight: 500;
  }
  .bl_inputArea dt span {
    top: 23px;
    right: 30px;
  }
  .bl_inputArea dd {
    width: 70%;
    padding: 20px 30px 20px 60px;
    border-top: 1px solid var(--color-gray);
  }
  .bl_inputArea [type="text"],
  .bl_inputArea [type="tel"],
  .bl_inputArea [type="email"]  {
    width: auto;
  }
  .bl_inputArea textarea {
    width: 440px;
  }
  .bl_inputArea input.un_name {
    width: auto;
  }
  .bl_inputArea .el_note {
    font-size: 1.4rem;
  }
  .bl_inputArea .bl_col3_item {
    width: 32%;
  }
  .bl_submitArea form {
    flex-wrap: wrap;
  }
  .bl_submitArea form {
    width: auto;
  }
  .bl_submitArea form:nth-of-type(2) {
		margin: 0;
	}
  .bl_inputArea label + [type="text"] {
    margin-top: 0;
  }
}

@media screen and (min-width: 769px) {
  .bl_applyOthersWay {
    padding: 40px 0 0;
    border-top: 1px dashed var(--color-gray);
  }
}


/*  error
------------------------------------------------*/
.bl_errorList {
	width: 100%;
	margin: 0 0 40px;
	padding: 30px;
	background-color: var(--color-primary-bg);
  color: #f00;
  text-align: center;
}
.bl_errorList ul {
  display: inline-block;
}
.bl_errorList ul li {
  text-align: left;
}
.bl_inputArea em {
  color: #f00;
	font-size: 1.2rem;
}


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

  オンライン相談 / consult

================================================================================ */
/* content
================================================================================ */
/*  outline
------------------------------------------------*/
.bl_onlineOutline .ly_cont_main_inner {
  padding: 30px 20px 140px 20px ;
  background-image: url(/lifplus/consult/img/online_illust.png);
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: 200px auto;
  font-size: 1.6rem;
}
.bl_onlineOutline .ly_cont_main_inner ul {
	color: var(--color-secondary);
  font-weight: 700;
}
@media screen and (min-width: 769px) {
  .bl_onlineOutline .ly_cont_main_inner {
    padding: 60px 30px 60px 420px;
    background-position: left 10px bottom;
    background-size: 300px auto;
    font-size: 1.8rem;
  }
}

/*  point
------------------------------------------------*/
.bl_onlinePoint {
	position: relative;
  /* background-color: var(--color-gray-bg);
  background-image: url(/lifplus/fp/img/life-plan_img04.png);
  background-repeat: no-repeat;
  background-position: center bottom -60px;
	background-size: 100px auto; */
}
.bl_onlinePoint h2 {
	margin: 0 0 30px;
	color: #333;
	font-weight: 700;
	font-size: 1.8rem;
	line-height: 1.6;
  text-align: center;
}
.bl_onlinePoint .bl_ulCheck {
	display: inline-block;
	width: auto;
	margin: 0 auto;
  text-align: left;
}
.bl_onlinePoint .bl_ulCheck li {
	display: block;
	color: var(--color-primary);
  font-size: 1.6rem;
}
@media screen and (min-width: 769px) {
  .bl_onlinePoint {
  }
  .bl_onlinePoint h2 {
    margin: 0 0 60px;
    font-size: 2.4rem;
  }
  .bl_onlinePoint .bl_ulCheck {
    display: block;
  }
  .bl_onlinePoint .bl_ulCheck li {
    font-size: 1.8rem;
  }
}


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

  ご相談メニューと料金 / consult

================================================================================ */
/* content
================================================================================ */
.bl_consultCtg_house .el_hUnderBar::after {
  background-color: var(--color-secondary);
}

@media screen and (min-width: 1280px) {
  .bl_consultPrice .bl_consultCtg .bl_consultMenu.bl_col4 {
    max-width: 1400px;
    margin: -2% auto 0;
  }
  .bl_consultPrice .bl_consultCtg .bl_consultMenu .bl_col4_item {
    position: relative;
    width: 49%;
    margin-top: 2%;
  }
  .bl_consultPrice .bl_consultCtg .bl_consultMenu .bl_col4_item > a {
    flex-direction: row;
    border-width: 2px;
  }
}

.bl_consultPrice .bl_consultCtg .bl_consultMenu_txt {
  margin-bottom: 10px;
}
.bl_consultPrice .bl_consultCtg .bl_consultMenu_price {
  padding-top: 10px;
  border-top: 1px dashed var(--color-gray);
  color: var(--color-txt-dark);
  font-weight: 700;
  font-size: 2.0rem;
  text-align: right;
  line-height: 1.4;
}
.bl_consultPrice .bl_consultCtg.bl_consultCtg_house .bl_consultMenu_price {
  border-top-color: var(--color-secondary);
}
.bl_consultPrice .bl_consultCtg.bl_consultCtg_estate .bl_consultMenu_price {
  border-top-color: var(--color-primary-light);
}
.bl_consultPrice .bl_consultCtg .bl_consultMenu_price span {
  font-size: 1.4rem;
}
@media screen and (min-width: 1280px) {
  .bl_consultPrice .bl_consultCtg .bl_consultMenu_img {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100px;
    height: auto;
    margin: 0;
    padding: 0;
    background: transparent;
  }
  .bl_consultPrice .bl_consultCtg .bl_consultMenu_img img {
    height: 80px;
    padding: 10px;
  }
  .bl_consultPrice .bl_consultCtg .bl_consultMenu_body {
    padding: 0 0 0 20px;
  }
  .bl_consultPrice .bl_consultCtg .bl_consultMenu_body .el_h3 {
    position: relative;
    margin-top: 0;
    line-height: 1.4;
    text-align: left;
  }
  .bl_consultPrice .bl_consultCtg .bl_consultMenu_ttl {
    margin: 0;
    font-size: 2.0rem;
    text-align: left;
  }
  .bl_consultPrice .bl_consultCtg .bl_consultMenu_txt {
    padding-top: 14px;
    line-height: 1.6;
  }
  .bl_consultPrice .bl_consultCtg .bl_consultMenu_ttl {
    margin: 0;
  }
}


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

  不動産ワンポイント動画

================================================================================ */
/* content
================================================================================ */
/* title
------------------------------------------------*/
.movies .bl_ttl {
  padding-top: 20px;
  padding-bottom: 110px;
  background-color: var(--color-primary-bg);
  background-image: url(/lifplus/common_img/icon_movies.png), url(/lifplus/common_img/bg_pattern.png);
  background-repeat: no-repeat, repeat;
  background-position: center bottom 20px, 0 0;
  background-size: auto 80px, auto 100px;
}
.movies .bl_ttl_txt {
  text-align: left;
}
.movies .bl_ttl_ctg {
  margin-bottom: 4px;
  text-align: center;
  line-height: 1;
}
.movies .bl_ttl_ctg span {
  border: 1px solid var(--color-primary);
  background: #fff;
  color: var(--color-primary);
}
.movies .bl_ttl_ctg .hp_fbAccent {
  padding: 4px 18px;
}
.movies .bl_ttl_ttl {
  margin: 0;
  color: var(--color-txt-dark);
  font-size: 2.4rem;
  line-height: 1.6;
}
.movies .bl_ttl_ttl span {
  display: none;
}
@media screen and (min-width: 769px) {
  .movies .bl_ttl_inner {
    background-size: auto 130px;
  }
  .movies .bl_ttl {
    padding-top: 30px;
    padding-bottom: 30px;
    background-image: url(/lifplus/common_img/fp_illust05.png), url(/lifplus/common_img/icon_movies.png), url(/lifplus/common_img/bg_pattern.png);
    background-repeat: no-repeat, no-repeat, repeat;
    background-position: right calc( 50% - 340px ) bottom, left calc( 50% - 220px ) top 60px, 0 0;
    background-size: auto 60%, auto 40%, auto 100px;
  }
  .movies .bl_ttl_txt {
    justify-content: flex-start;
  }
  .movies .bl_ttl_ctg {
    width: 100%;
    margin: 0 0 10px;
  }
  .movies .bl_ttl_ttl {
    font-weight: 700;
    font-size: 3.0rem;
    line-height: 1.6;
  }
  .movies .bl_ttl_ttl span {
    display: inline;
  }
}

/* moviesList
------------------------------------------------*/
.bl_movies_icon {
  margin: -50px 0 0;
  text-align: center;
}
.bl_movies_icon img {
  width: 60px;
  height: auto;
}
@media screen and (min-width: 769px) {
  .bl_movies_icon {
    margin: -110px 0 0;
  }
  .bl_movies_icon img {
    width: 100px;
  }
}

.bl_moviesList {
  margin-bottom: 20px;
}
.bl_moviesList_item {
  padding: 10px;
  border: 1px solid var(--color-gray);
  background-color: #fff;
}
.bl_movie iframe {
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
}
.bl_movie_ttl {
  color: var(--color-txt-dark);
  font-size: 1.6rem;
}
.bl_movie_meta {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: auto;
  margin: 0 0 10px;
  padding: 0;
}
.bl_movie_ctg {
  display: inline-block;
  padding: 4px 10px;
  background-color: var(--color-primary-light);
  color: #fff;
  line-height: 1;
}
.bl_movie_length {
  text-align: right;
}
@media screen and (min-width: 769px) {
  .bl_moviesList {
    margin-bottom: 40px;
  }
  .bl_moviesList_item {
    padding: 30px;
  }
  .bl_movie_ttl {
    font-size: 1.8rem;
  }
}


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

  ご利用者の特典 / benefit

================================================================================ */
/* content
================================================================================ */
.bl_benefit .el_h2 {
  font-weight: 500;
}
.bl_benefit_bnr {
  width: 100%;
  margin: 0 auto 30px;
  padding: 20px;
  background-color: #fff;
  border: 4px double var(--color-primary);
  text-align: center;
}
.bl_benefitBnr_ctg {
  display: inline-block;
  margin-bottom: 10px;
  padding: 4px 10px;
  background-color: var(--color-txt-dark);
  color: #fff;
  line-height: 1;
}
.bl_benefitBnr_ttl {
  position: relative;
  color: var(--color-primary);
  font-size: 2.4rem;
  line-height: 1.4;
}
.bl_benefit_cb .bl_benefitBnr_ttl::before {
  content: "最大";
  position:  relative;
  top: -6px;
  display: inline-block;
  width: 34px;
  height: 34px;
  margin: 0 10px 0 0;
  padding-top: 10px;
  border-radius: 50%;
  background-color: var(--color-primary);
  color: #fff;
  font-size: 1.2rem;
  line-height: 1;
}
.bl_benefitCon_ttl {
  margin-bottom: 10px;
  font-weight: 700;
  font-size: 1.6rem;
}
@media screen and (min-width: 769px) {
  /* .bl_benefit {
    max-width: 800px;
    margin: 0 auto;
  } */
  .bl_benefit_bnr {
    max-width: 560px;
    margin: 0 auto 30px;
    padding: 20px;
  }
  .bl_benefitBnr_ttl {
    font-size: 3.0rem;
  }
  .bl_benefit_cb .bl_benefitBnr_ttl::before {
    top: -8px;
    width: 40px;
    height: 40px;
    padding-top: 12px;
    font-size: 1.4rem;
  }
  .bl_benefitCon_ttl {
    margin-bottom: 20px;
    font-size: 2.0rem;
    text-align: center;
  }
}

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

  不動産調査報告会 / survey report

================================================================================ */
/* content
================================================================================ */
.bl_surveyReport {
  counter-reset: surveyConNumber;
}
.bl_surveyReport_con {
	counter-increment: surveyConNumber;
  width: 100%;
  margin: 0 auto 30px;
}
.el_surveyReportCon_ttl {
  position: relative;
  margin-bottom: 20px;
  padding-left: 34px;
  color: var(--color-txt-dark);
  font-size: 2.0rem;
}
.el_surveyReportCon_ttl::before {
  content: counter(surveyConNumber);
  display: block;
  position: absolute;
  top: 0.5em;
  left: 0;
  width: 24px;
  height: 24px;
  padding-top: 3px;
  background: var(--color-primary);
  color: #fff;
  font-size: 1.6rem;
  line-height: 1;
  text-align: center;
  border-radius: 50%;

}
@media screen and (min-width: 769px) {
  .bl_surveyReport_con {
    max-width: 800px;
    margin: 0 auto 60px;
  }
  .el_surveyReportCon_ttl {
    margin-bottom: 40px;
    font-size: 2.4rem;
    padding-left: 42px;
  }
  .el_surveyReportCon_ttl::before {
    top: 0.4em;
    width: 30px;
    height: 30px;
    padding-top: 4px;
    font-size: 2.0rem;
  }
}

.bl_surveyReport_detail {
  margin: -2% 0 0;
}
.bl_surveyReport_detail li {
  width: 49%;
  margin: 2% 0 0;
  padding: 6px 10px;
	border: 1px solid var(--color-secondary);
	background: var(--color-secondary-bg);
  color: var(--color-txt-dark);
}
@media screen and (min-width: 769px) {
  .bl_surveyReport_detail::after {
    content: "";
    display: block;
    width: 32%;
    height: 0;
  }
  .bl_surveyReport_detail li {
    width: 32%;
    padding: 6px 16px;
  }
}

.surveyReport .popup-gallery a {
  position: relative;
  display: block;
}
.surveyReport .popup-gallery a::before {
  z-index: 1;
  content: "\e8ff";
  position: absolute;
	bottom: 6px;
	right: 6px;
	display: flex;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
	margin: 0;
  border-radius: 6px;
  background-color: var(--color-secondary);
  color: #fff;
	font-family: 'Material Icons';
	font-size: 1.8rem;
	line-height: 1;
  font-weight: normal;
  font-style: normal;
	font-size: 1.8rem;
	line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
}
.surveyReport .popup-gallery .bl_col4_item {
  text-align: center;
}
.surveyReport .popup-gallery img {
  border: 1px solid var(--color-gray);
}

.bl_col1Voice .bl_media_body {
  text-align: center;
}
.bl_col1Voice h3 {
  display: inline-block;
  border-bottom: 1px solid var(--color-txt-dark);
}
.bl_col1Voice .bl_media_ttl {
  margin-bottom: 20px;
  color: var(--color-secondary);
  font-weight: 700;
  font-size: 2.4rem;
}
.bl_col1Voice .bl_media_info {
  color: var(--color-primary);
  font-weight: 700;
}
@media screen and (min-width: 769px) {
  .bl_col1Voice .bl_media_body {
    text-align: left;
  }
  .bl_col1Voice .bl_media_ttl {
    font-size: 3.0rem;
  }
}


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

  リフプラスとは / about

================================================================================ */
/* content
================================================================================ */
/* outline
------------------------------------------------*/
.aboutIndex .bl_outline {
  position: relative;
  background-image: url(/lifplus/common_img/bg_pattern_house.png);
}
.aboutIndex .bl_outline .ly_cont_main_inner {
  padding: 20px 0 0;
}
.aboutIndex .bl_outline .bl_media_body {
  margin-top: -30px;
  background-color: var(--color-gray-bg);
  text-align: center;
}
.aboutIndex .bl_outline .bl_media_ttlSub {
  margin-bottom: 20px;
  font-size: 1.8rem;
  line-height: 1;
}
.aboutIndex .bl_outline .bl_media_ttlSub span {
  padding: 4px 10px;
  background-color: var(--color-secondary);
  color: #fff;
}
.aboutIndex .bl_outline .bl_media_ttl {
  margin-bottom: 20px;
 /*  border-bottom: 1px solid var(--color-primary); */
  color: var(--color-primary);
  font-size: 2.0rem;
}
.aboutIndex .bl_outline .bl_media_txt {
  color: var(--color-secondary);
  font-size: 1.6rem;
}
.aboutIndex .bl_outline_name {
  background-color: var(--color-gray-bg);
  padding: 20px 0;
  color: var(--color-txt);
  font-weight: 700;
  font-size: 1.8rem;
  text-align: center;
}
.aboutIndex .bl_outline_name span {
  display: block;
  font-size: 1.4rem;
}
.bl_welcomeOutline_img {
  width: 200px;
  margin: 0 auto;
  text-align: center;
}
@media screen and (min-width: 769px) {
  .aboutIndex .bl_outline .ly_cont_main_inner {
    padding: 40px 30px 0;
  }
  .aboutIndex .bl_outline .bl_media {
    align-items: center;
    gap: 0;
    margin-top: -110px;
  }
  .aboutIndex .bl_outline .bl_media_body {
    flex: 1;
    margin: 80px -80px 0 0;
    background-color: transparent;
    text-align: left;
  }
  .aboutIndex .bl_outline .bl_media_ttlSub {
    display: none;
  }
  .aboutIndex .bl_outline .bl_media_ttl {
    display: inline-block;
    margin-bottom: 20px;
    color: var(--color-primary);
    font-size: 2.4rem;
  }
  .aboutIndex .bl_outline .bl_media_txt {
    color: var(--color-secondary);
    font-size: 1.8rem;
  }
  .aboutIndex .bl_outline_name {
    position: absolute;
    bottom: 10px;
    right: 10px;
    padding: 0;
    background-color: transparent;
    font-size: 2.4rem;
    text-align: right;
  }
  .aboutIndex .bl_outline_name span {
    font-size: 1.6rem;
  }
  .aboutIndex .bl_outline .bl_media_img {
    align-self: flex-end;
    min-width: 380px;
  }
  .aboutIndex .bl_outline .wrap_point {
    display: none;
  }
}
@media screen and (min-width: 890px) {
  .aboutIndex .bl_outline .wrap_point {
    display: Inline;
  }
  .aboutIndex .bl_outline .bl_media_ttl {
    font-size: 3.0rem;
  }
}
@media screen and (min-width: 1280px) {
  .aboutIndex .bl_outline .ly_cont_main_inner {
    max-width: 900px;
    padding: 20px 0 0;
  }
  .aboutIndex .bl_outline_name {
    bottom: 10px;
    right: -40px;
  }
}

/* lead
------------------------------------------------*/
.aboutIndex .bl_lead_point {
  margin: 0 4px;
  padding: 4px 10px;
  background-color: var(--color-primary-light);
  color: #fff;
  line-height: 1;
}

/* lh
------------------------------------------------*/
.aboutIndex .el_hMark::before {
  content: "";
  display: block;
  width: 60px;
  height: 60px;
  margin: 0 auto 10px;
  background-image: url(/lifplus/common_img/icon_about.png);
  background-repeat: no-repeat;
  background-size: auto 60px;
}
@media screen and (min-width: 769px) {
  .aboutIndex .el_hMark::before {
    width: 80px;
    height: 80px;
    background-size: auto 80px;
  }
}

/* feature
------------------------------------------------*/
.bl_feature .bl_col2_item {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
	padding: 20px;
  border: 1px solid #f6f6f6;
  background-color: #fff;
}
.bl_feature .el_h3 {
  color: var(--color-secondary);
  font-weight: 500;
  font-size: 1.8rem;
	text-align: center;
}
.bl_feature .bl_col_fotter {
  margin-top: auto;
}
@media screen and (min-width: 769px) {
  .bl_feature .bl_col2_item {
    padding: 40px;
    background-color: #fff;
  }
  .bl_feature .el_h3 {
    font-weight: 500;
    font-size: 2.4rem;
    text-align: center;
  }
  .bl_feature .bl_moviesList_item {
    max-width: 800px;
    margin: 0 auto;
  }
}

/* staff
------------------------------------------------*/
@media screen and (min-width: 769px) {
  .bl_aboutStaff .bl_homeConsult_header.bl_col {
    gap: 0;
    width: 100%;
    margin-right: 0;
    margin-left: 0;
    padding-bottom: 0;
  }
}

.bl_aboutStaff .bl_col_ctg span {
  display: inline-block;
  margin-bottom: 10px;
  padding: 4px 20px;
  border-radius: 99px;
  background: var(--color-primary-bg);
  color: var(--color-primary);
  font-weight: 700;
}
.bl_aboutStaff .el_fukidashi::after {
  border-top-color: var(--color-primary-bg);
}
@media screen and (min-width: 769px) {
  .bl_aboutStaff .bl_col2_item {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
  }
  .bl_aboutStaff .bl_col_ctg span {
    font-size: 1.8rem;
  }
  .bl_aboutStaff .bl_col_img {
    margin-top: auto;
  }
}

.bl_aboutStaff .bl_consultService > div {
  border: 1px solid var(--color-secondary);
}
.bl_aboutStaff .bl_consultService .bl_col2_item:first-of-type::before,
.bl_aboutStaff .bl_consultService .bl_col2_item:first-of-type::after {
  content: "";
  z-index: 10;
  position: absolute;
  bottom: -50px;
  left: 50%;
  transform: translateX(-50%);
  width: 8px;
  height: 77px;
  background-color: var(--color-secondary);
}
.bl_aboutStaff .bl_consultService .bl_col2_item:first-of-type::before {
  transform: rotate(-45deg);
}
.bl_aboutStaff .bl_consultService .bl_col2_item:first-of-type::after {
  transform: rotate(45deg);
}
@media screen and (min-width: 769px) {
  .bl_aboutStaff .bl_consultService .bl_col2_item:first-of-type::before,
  .bl_aboutStaff .bl_consultService .bl_col2_item:first-of-type::after {
    bottom: auto;
    top: 100px;
    left: auto;
    right: -14px;
    transform: translateX(0);
  }
  .bl_aboutStaff .bl_consultService .bl_col2_item:first-of-type::before {
    transform: rotate(-45deg);
  }
  .bl_aboutStaff .bl_consultService .bl_col2_item:first-of-type::after {
    transform: rotate(45deg);
  }
}

/* reason
------------------------------------------------*/
.bl_reason .hp_floatR {
  width: 140px;
}
@media screen and (min-width: 769px) {
  .bl_reason .hp_floatR {
    width: 300px;
    margin-top: -20px;
    margin-right: -60px;
  }
}

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

  お客様の声 / about

================================================================================ */
/* content
================================================================================ */
/* ctg link
------------------------------------------------*/
.voices .bl_ctgList .bl_col4_item a {
  border: 1px solid currentColor;
  background: #fff;
  color: var(--color-primary-light);
}
.voices .bl_ctgList .bl_col4_item.buy-house a,
.voices .bl_ctgList .bl_col4_item.move-house a,
.voices .bl_ctgList .bl_col4_item.sell-house a,
.voices .bl_ctgList .bl_col4_item.house-builder a {
  color: var(--color-house);
}
.voices .use-land .bl_ctgList .use-land.bl_col4_item a,
.voices .investment-real-estate .bl_ctgList .investment-real-estate.bl_col4_item a,
.voices .apartment-management .bl_ctgList .apartment-management.bl_col4_item a,
.voices .sell-real-estate .bl_ctgList .sell-real-estate.bl_col4_item a,
.voices .bl_ctgList .bl_col4_item a:hover,
.voices .bl_ctgList .bl_col4_item a:active {
  border: 1px solid var(--color-primary-light);
  background: var(--color-primary-light);
  color: #fff;
}
.voices .buy-house .bl_ctgList .buy-house.bl_col4_item a,
.voices .move-house .bl_ctgList .move-house.bl_col4_item a,
.voices .sell-house .bl_ctgList .sell-house.bl_col4_item a,
.voices .house-builder .bl_ctgList .house-builder.bl_col4_item a,
.voices .bl_ctgList .buy-house.bl_col4_item a:hover,
.voices .bl_ctgList .buy-house.bl_col4_item a:active,
.voices .bl_ctgList .move-house.bl_col4_item a:hover,
.voices .bl_ctgList .move-house.bl_col4_item a:active,
.voices .bl_ctgList .sell-house.bl_col4_item a:hover,
.voices .bl_ctgList .sell-house.bl_col4_item a:active,
.voices .bl_ctgList .house-builder.bl_col4_item a:hover,
.voices .bl_ctgList .house-builder.bl_col4_item a:active {
  border: 1px solid var(--color-house);
  background: var(--color-house);
  color: #fff;
}
@media screen and (min-width: 769px) {
  .voices .bl_ctgList .bl_col4 {
    margin-bottom: 0;
  }
}

/* list
------------------------------------------------*/
.bl_voice_item {
  margin-bottom: 60px;
  padding: 0;
  border: none;
  box-shadow: none;
}
.bl_voice_header {
  min-height: 100px;
  margin: 0 auto 20px;
  padding: 80px 20px 0;
  background-image: url(/lifplus/common_img/case_house03.png);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: auto 60px;
}
.bl_voice_item:nth-of-type(3n+1) .bl_voice_header {
  background-image: url(/lifplus/common_img/case_house.png);
}
.bl_voice_item:nth-of-type(3n+2) .bl_voice_header {
  background-image: url(/lifplus/common_img/case_house02.png);
}
.bl_voice_ctg {
  margin-bottom: 10px;
  font-weight: 700;
  text-align: center;
}
.bl_voice_ctg a {
  display: inline-block;
  padding: 6px 10px 5px;
  border: 1px solid currentColor;
  background: var(--color-primary-light);
  color: #fff;
  line-height: 1;
}
.bl_voice_ctg.buy-house a,
.bl_voice_ctg.move-house a,
.bl_voice_ctg.sell-house a,
.bl_voice_ctg.house-builder a {
  background: var(--color-house);
}
.bl_column_meta .post-categories li:last-child a {
  margin-right: 0;
}
.bl_voice_ctg a:hover,
.bl_voice_ctg a:active {
  background: #fff;
  color: var(--color-primary-light);
}
.bl_voice_ctg.buy-house a:hover,
.bl_voice_ctg.buy-house a:active,
.bl_voice_ctg.move-house a:hover,
.bl_voice_ctg.move-house a:active,
.bl_voice_ctg.sell-house a:hover,
.bl_voice_ctg.sell-house a:active,
.bl_voice_ctg.house-builder a:hover,
.bl_voice_ctg.house-builder a:active {
  color: var(--color-house);
}

.bl_voice_ttl {
  padding: 0;
  color: var(--color-txt-dark);
  font-size: 1.8rem;
}
.bl_voice_name {
  display: block;
  color: var(--color-secondary);
  text-align: center;
}
.bl_voice_txt.el_wpCon {
  padding: 20px;
  background: var(--color-gray-bg);
}
@media screen and (min-width: 769px) {
  .bl_voice_item {
    margin-bottom: 80px;
  }
  .bl_voice_header {
    min-height: 100px;
    margin: 0 auto 20px;
    padding: 0 60px 0 200px;
    background-repeat: no-repeat;
    background-position: 60px 0;
    background-size: auto 100px;
  }
  .bl_voice_ctg {
    text-align: left;
  }
  .bl_voice_ttl {
    font-size: 2.4rem;
  }
  .bl_voice_name {
    text-align: left;
  }
  .bl_voice_txt.el_wpCon {
    max-width: none;
    margin: 0;
    padding: 60px;
  }
}


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

  スタッフのご紹介 / about

================================================================================ */
/* outline
------------------------------------------------*/
@media screen and (min-width: 769px) {
  .staff .bl_outline .ly_cont_main_inner__narrow {
    padding-bottom: 0;
  }
}
.bl_staffList {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  gap: 8px;
}
.bl_staffList li {
  display: inline-block;
}
.bl_staffList li a {
  display: block;
  padding: 10px 12px;
  border: 1px solid var(--color-secondary);
  border-radius: 999px;
  color: var(--color-secondary);
  line-height: 1;
}
.bl_staffList li a:hover {
  background: var(--color-secondary);
  color: #fff;
}

/* detail
------------------------------------------------*/
.bl_prof {
  margin: 0 auto 100px;
}
.bl_prof_header {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
  height: auto;
  margin: 0 0 20px;
  padding: 0;
}
.bl_prof_img {
  width: 80%;
  max-width: 300px;
  margin: 0 auto 20px
}
.bl_prof_info {
  width: 100%;
  text-align: center;
}
.bl_prof_name {
  margin-bottom: 20px;
  color: var(--color-txt-dark);
  font-size: 2.4rem;
  line-height: 1;
}
.bl_prof_name span {
  display: block;
  margin-top: 10px;
  color: var(--color-secondary);
  font-size: 1.6rem;
}
.bl_prof_copy {
  margin-bottom: 20px;
  line-height: 2;
}
.bl_prof_copy span {
  padding: 2px 5px;
  background: var(--color-accent);
  /* color: var(--color-secondary); */
  color: var(--color-txt-dark);
  font-size: 1.8rem;
}
.bl_prof_info li {
  text-align: left;
}
.bl_prof input {
	display: none;
}
.bl_prof label {
  position: relative;
  display: block;
  width: 240px;
  margin: 0 auto 20px;
  padding: 10px;
  border: 2px solid transparent;
  border-radius: 40px;
  background: var(--color-secondary);
  color: #fff;
  font-size: 1.6rem;
  line-height: 1.4;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
}
.bl_prof label::after {
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  font-family: 'Material Icons';
	color: #fff;
  font-weight: normal;
  font-style: normal;
	font-size: 1.8rem;
	line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
	content: "keyboard_arrow_down";
}
.bl_prof_body {
	overflow: hidden;
	height: 0;
	margin: 0;
	/* padding: 0 20px; */
	opacity: 0;
	transition: 0.6s;
}
.bl_prof input:checked + label::after {
	content: "keyboard_arrow_up";
}
.bl_prof input:checked + label + .bl_prof_body {
	height: auto;
  /*  padding: 30px 20px;
  background: var(--color-primary-bg); */
	opacity: 1;
}
.bl_prof_ttl {
  position: relative;
  margin: 0 0 30px;
  padding: 0 0 10px;
  color: var(--color-primary-light);
  font-weight: 700;
  font-size: 1.6rem;
  text-align: left;
}
.bl_prof_ttl::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background: linear-gradient(to right, var(--color-primary-light) 20%, var(--color-secondary-light) 20%);
}
/* .bl_prof_txt {
  padding: 0 20px 20px;
} */
@media screen and (min-width: 769px) {
  .bl_prof {
    /* max-width: 800px; */
    margin: 0 auto 180px;
  }
  .bl_prof_header {
    /* max-width: 800px; */
    margin: 0 auto 60px;
    padding: 60px;
    border: 1px solid #f6f6f6;
    /* background-image: url(/lifplus/common_img/bg_pattern_house.png); */
    background-color: var(--color-gray-bg);
  }
  .bl_prof_img {
    width: 40%;
    margin: 0;
  }
  .bl_prof_img img {
    border: 1px solid #fff;
  }
  .bl_prof_info {
    /* width: calc( 100% - ( 40% + 30px ) ); */
    flex: 1;
    margin-left: 40px;
    text-align: left;
  }
  .bl_prof_name {
    margin-bottom: 30px;
    font-size: 3.0rem;
  }
  .bl_prof_name span {
    font-size: 1.6rem;
  }
  .bl_prof_copy {
    margin-bottom: 20px;
  }
  .bl_prof_copy span {
    padding: 3px 6px;
    /* background-color: transparent; */
    /* background-color: #fff; */
   /*  color: var(--color-secondary); */
    font-size: 2.2rem;
  }
  .bl_prof label {
    display: none;
  }
  .bl_prof_body {
    height: auto;
    padding: 0;
    /* border: 1px solid var(--color-primary-light); */
    border-radius: 20px;
    /* background-color: var(--color-primary-bg); */
    opacity: 1;
  }
  .bl_prof_ttl {
    margin: 0 0 40px;
    font-size: 1.8rem;
  }
  /* .bl_prof_txt {
    padding: 0  40px 40px;
  } */
}


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

  ご相談場所 / about

================================================================================ */
/* content
================================================================================ */
/* outline
------------------------------------------------*/
.bl_placeOutline .bl_col4_item .el_btn {
  display: block;
  height: 100%;
  padding: 10px;
}

/* detail
------------------------------------------------*/
/* .bl_place {
  border-top: 1px dashed var(--color-primary-light);
} */
.bl_place_header {
  position: relative;
  margin: 0 0 20px;
  text-align: center;
}
.bl_place_ttl {
  position: relative;
  margin: 0 0 20px;
  color: var(--color-txt-dark);
  font-size: 2.5rem;
  text-align: center;
  line-height: 1;
}
@media screen and (min-width: 769px) {
  .bl_place_header {
    margin: 0 0 40px;
  }
  .bl_place_ttl {
    font-size: 3.0rem;
  }
}

.bl_place_map {
  margin-bottom: 20px;
}
.bl_place iframe {
  width: 100%;
  height: 400px;
}
.bl_place_link .bl_col2_item {
  text-align: center;
}
@media screen and (min-width: 769px) {
  .bl_place_map {
    margin-bottom: 40px;
  }
    .bl_place iframe {
    max-width: 980px;
  }
  .bl_place_link .bl_col2_item {
    text-align: left;
  }
  .bl_place_link .bl_col2_item:first-child {
    text-align: right;
  }
}

.bl_place_txt {
  margin-bottom: 20px;
  padding: 20px;
  background: #f9f9f7;
  border-radius: 10px;
}
.bl_place_way {
  position: relative;
  margin: 0 0 20px;
  padding: 0 0 10px 30px;
  border-bottom: 1px solid var(--color-primary-light);
  color: var(--color-txt-dark);
  font-size: 2.0rem;
}
.bl_place_way::before {
  display: block;
  position: absolute;
  top: 6px;
  left: 0;
  color: var(--color-primary-light);
  font-family: 'Material Icons';
  font-size: 2.4rem;
  line-height: 1;
  white-space: nowrap;
}
.bl_place_train::before {
  content: "\e570";
}
.bl_place_car::before {
  content: "\e613";
}
.bl_place_img .bl_col2_item {
  width: 49%;
}
@media screen and (min-width: 769px) {
  .bl_place_txt {
    margin-bottom: 40px;
    padding: 30px;
  }
  .bl_place_way {
    margin: 0 0 20px;
    padding: 0 0 10px 40px;
    font-size: 2.4rem;
  }
  .bl_place_way::before {
    top: 6px;
    left: 0;
    font-size: 3.0rem;
  }
  .bl_place_train::before {
    content: "\e570";
  }
  .bl_place_car::before {
    content: "\e613";
  }
}


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

  よくあるご質問 / faq

================================================================================ */
/* content
================================================================================ */
/* ctg link
------------------------------------------------*/
.faq .bl_faqA {
	padding: 0 20px;
}
.faq .bl_faq input:checked + label + .bl_faqA {
  padding: 20px;
  background-color: #fff;
}
@media screen and (min-width: 769px) {
  .faq .bl_faqA {
    padding: 0 50px;
  }
  .faq .bl_faq input:checked + label + .bl_faqA {
    padding: 40px 50px;
  }
  .faq .bl_faq input:checked + label + .bl_faqA.el_wpCon {
    max-width: none;
  }
}

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

  FPとは / about

================================================================================ */
/* content
================================================================================ */
/* outline
------------------------------------------------*/
@media screen and (min-width: 769px) {
  .fp .bl_outline .bl_media {
    align-items: center;
    gap: 0;
  }
  .fp .bl_outline .bl_media_img {
    width: 60%;
  }
  .fp .bl_outline .bl_media .bl_media_body {
    position: relative;
    margin: 0 0 0 -60px;
    padding: 40px;
    background-color: rgba(255, 255, 255, 0.9);
  }
  .fp .bl_outline .bl_media__rev .bl_media_body {
    z-index: 10;
    margin: 0 -60px 0 0;
  }
}

/* .fp .bl_outline .bl_media_img img:last-child {
  display: none;
}
@media screen and (min-width: 769px) {
  .fp .bl_outline .bl_media_img img {
    display: block;
  }
  .fp .bl_outline .bl_media_img img:last-child {
    display: block;
    width: 200px;
    margin: 20px 0 0 auto;
  }
} */

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

  宅地建物取引業とは / about

================================================================================ */
/* content
================================================================================ */
/* outline
------------------------------------------------*/
.bl_tradingSubject {
  padding: 20px;
  background-color: #fff;
  text-align: center;
}
.bl_tradingSubject_ttl {
  margin-bottom: 20px;
  color: var(--color-primary);
  font-weight: 700;
  font-size: 2.2rem;
}
.bl_tradingSubject .bl_col2_item {
  padding: 20px;
  background-color: var(--color-primary-bg);
}
.bl_tradingSubject dt {
  position: relative;
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid var(--color-primary-light);
  font-weight: 700;
  font-size: 2.0rem;
}
.bl_tradingSubject dt::before {
  content: "";
  display: block;
  margin: 0 auto 10px;
  width: 60px;
  height: 60px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% auto;
}
.bl_tradingSubject .bl_col2_item:first-child dt::before {
  background-image: url(/lifplus/common_img/icon_buy-house.png);
}
.bl_tradingSubject .bl_col2_item:last-child dt::before {
  background-image: url(/lifplus/common_img/icon_use-land.png);
}
.bl_tradingSubject dd {
  color: var(--color-primary);
}
@media screen and (min-width: 769px) {
  .bl_tradingSubject {
    padding: 40px;
  }
  .bl_tradingSubject .bl_col2_item {
    padding: 20px;
  }
  .bl_tradingSubject dt::after {
    width: 100px;
    height: 100px;
  }
}

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

  info common

================================================================================ */
/* content
================================================================================ */
/* title
------------------------------------------------*/
.info .bl_ttl {
  padding: 20px 0 20px;
  border-bottom: 1px solid #fff;
  background-color: var(--color-primary-light);
  background-image: url(/lifplus/common_img/bg_pattern.png);
  background-repeat: repeat;
  background-size: 100px auto;
}
/* .info .bl_ttl_inner {
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.info .bl_ttl_inner > figure {
  width: 28px;
  margin-bottom: 10px;
} */
@media screen and (min-width: 769px) {
  .info .bl_ttl {
    padding: 40px 30px;
  }
  /* .info .bl_ttl_inner > figure {
    width: 40px;
    margin-right: 20px;
  } */
}


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

  特定商取引に関する表示 / info

================================================================================ */
/* content
------------------------------------------------*/
.bl_lawList {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0;
  padding: 0;
  border-bottom: 1px solid var(--color-gray);
}
.bl_lawList > dt {
  position: relative;
  width: 100%;
  margin: 0;
  padding: 20px 0 10px;
  border-top: 1px solid var(--color-gray);
  color: var(--color-txt-dark);
}
.bl_lawList > dd {
  width: 100%;
  margin: 0;
  padding: 0 10px 20px;
}
@media screen and (min-width: 769px) {
  .bl_lawList {
    margin: 0;
  }
  .bl_lawList > dt {
    width: 26%;
    padding: 20px 30px;
  }
  .bl_lawList > dd {
    width: 74%;
    padding: 20px 30px 20px 60px;
    border-top: 1px solid var(--color-gray);
  }
}


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

  運営会社について / info

================================================================================ */
.el_fpFlorist_logo img {
  width: 250px;
  height: auto;
}


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

  お問い合わせ

================================================================================ */
/* content
------------------------------------------------*/
/* outline
------------------------------------------------*/
.bl_contactOutline {
  padding: 0;
}
.bl_contactOutline .ly_cont_main_inner {
  padding: 60px 30px 200px;
  background: url(/lifplus/common_img/bg_yurimoto.png) no-repeat center bottom;
  background-size: auto 180px;
}
@media screen and (min-width: 769px) {
  .bl_contactOutline .ly_cont_main_inner {
    padding: 60px 260px 60px 30px;
    background: url(/lifplus/common_img/bg_yurimoto.png) no-repeat right bottom;
    background-size: 220px auto;
  }
}




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

  メディア掲載

================================================================================ */
/* content
================================================================================ */
.bl_mediaContact_link .el_btn {
  padding: 10px 40px;
}
.bl_mediaContact_link .el_btn:after {
  position: absolute;
  top: 50%;
  right: 10px;
  display: block;
}
@media screen and (min-width: 769px) {
  .bl_mediaContact_link {
    text-align: center;
  }
}

/* list
------------------------------------------------*/
.bl_articlesList {
  margin-bottom: 40px;
  border-bottom: 1px solid var(--color-gray);
}
.bl_articlesList .bl_media {
  margin: 0;
  padding: 30px 0;
  border-top: 1px solid var(--color-gray);
}
.bl_articlesList .bl_media .bl_media_img {
  margin-right: auto;
  margin-left: auto;
}
@media screen and (min-width: 769px) {
  .bl_articlesList .bl_media {
    padding: 40px 0;
    border-top: 1px solid var(--color-gray);
  }
  .bl_articlesList .bl_media .bl_media_img {
    margin-right: 0;
    margin-left: 30px;
  }
}

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

  お知らせ / news

================================================================================ */
/* content
================================================================================ */
/* list
------------------------------------------------*/
.bl_newsList {
  margin-bottom: 40px;
  border-bottom: 1px solid var(--color-gray);
}
.bl_newsList_item {
  margin: 0;
  padding: 30px 0;
  border-top: 1px solid var(--color-gray);
}
.news.single .bl_newsList_item {
  border-bottom: 1px solid var(--color-gray);
}
@media screen and (min-width: 769px) {
  .bl_newsList_item {
    padding: 40px 0;
  }
}



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

  不動産コラム / column

================================================================================ */
/* content
================================================================================ */
/* title
------------------------------------------------*/
.column .bl_ttl {
  padding: 40px 10px;
  background: var(--color-gray-bg);
  background-image: none;
  /* background: var(--color-gray-bg) url(/lifplus/common_img/bg_pattern.png) repeat left top;
  background-size: 100px auto; */
}
.column .bl_ttl_inner figure {
  width: 50px;
  margin-right: 20px;
  /* padding: 10px;
  background-color: #fff; */
}
.column .bl_ttl_ttl {
  color: var(--color-txt-dark);
  font-size: 2.8rem;
  text-align: left;
}
.column .bl_ttl_ttl span {
  color: var(--color-secondary);
}
@media screen and (min-width: 769px) {
  .column .bl_ttl_inner {
    align-items: center;
  }
  .column .bl_ttl_inner figure {
    width: 100px;
    margin-right: 40px;
  }
  .column .bl_ttl_ttl {
    font-size: 3.6rem;
  }
  .column .bl_ttl_ttl span {
    font-size: 1.8rem;
  }
}

/* カテゴリーリンク
------------------------------------------------*/
.bl_column_meta {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
}
.bl_column_meta .post-categories {
  flex: 1;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
}
.bl_column_meta .post-categories li a {
  display: block;
  margin-right: 5px;
  padding: 4px 10px 3px;
  border: 1px solid currentColor;
  background: var(--color-primary-light);
  color: #fff;
  line-height: 1;
}
.bl_column_meta .post-categories li:last-child a {
  margin-right: 0;
}
.bl_column_meta .post-categories li a:hover,
.bl_column_meta .post-categories li a:active {
  background: #fff;
  color: var(--color-primary-light);
}

/* list
------------------------------------------------*/
.column .bl_columnList .bl_col {
  margin-top: 0;
}
.bl_columnOutline time {
  display: block;
  margin-bottom: 20px;
  color: var(--color-secondary);
}
.bl_columnOutline_ttl {
  margin-bottom: 30px;
  color: var(--color-txt-dark);
  font-size: 2.4rem;
}
.bl_columnOutline_bottom {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row-reverse;
  justify-content: space-between;
  align-items: flex-start;
}
.bl_column_author {
  width: 100%;
  font-size: 1.2rem;
  text-align: right;
}
.bl_column_link {
  width: 100%;
  text-align: center;
}
.bl_column_img {
  width: 100%;
  max-width: 400px;
  margin: 20px auto 0;
}
@media screen and (min-width: 769px) {
  .column .bl_columnList .bl_col {
    margin-top: -2%;
  }
  .bl_column_meta time {
    margin-bottom: 20px;
  }
  .bl_columnOutline_ttl {
    font-size: 3.6rem;
  }
  .bl_columnOutline_bottom {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row-reverse;
    justify-content: space-between;
    align-items: flex-start;
  }
  .bl_column_author {
    flex: 1;
    width: auto;
    margin-bottom: 0;;
    font-size: 1.4rem;
    text-align: right;
  }
  .bl_column_link {
    width: 200px;
    text-align: left;
  }
  .bl_column_img {
    width: 400px;
    max-width: 80%;
    margin: 40px auto 0;
  }
}

/* カテゴリーリスト
------------------------------------------------*/
.bl_columnCtgList {
  margin-top: -2px;
}
.bl_columnCtgList .cat-item {
  width: calc( ( 100% - 2px ) / 2 ) ;
  margin-top: 2px;
}
.bl_columnCtgList .cat-item a {
  display: block;
  height: 100%;
  padding: 10px 4px;
  background: var(--color-primary-light);
  color: #fff;
  line-height: 1;
  text-align: center;
  border-radius: 4px;
}
.bl_columnCtgList .cat-item a:hover,
.bl_columnCtgList .cat-item a:active,
.bl_columnCtgList .current-cat a {
  background: #fff;
  color: var(--color-primary-light);
}
@media screen and (min-width: 769px) {
  .bl_columnCtgList:before {
    content: "";
    display: block;
    width: calc( ( 100% - 6px ) / 4 ) ;
    order: 1;  /* 疑似要素beforeの順番を必ず指定する*/
  }
  .bl_columnCtgList:after {
    content: "";
    display: block;
    width: calc( ( 100% - 6px ) / 4 ) ;
  }
  .bl_columnCtgList .cat-item {
    width: calc( ( 100% - 6px ) / 4 );
  }
}


.bl_ctgList_ttl {
  margin-bottom: 10px;
  color: #333;
  font-size: 1.6rem;
  text-align: center;
}
.bl_ctgList .bl_col4 {
  margin-top: -2px;
}
.bl_ctgList .bl_col4_item {
  width: calc( ( 100% - 2px ) / 2 ) ;
  margin-top: 2px;
}
.bl_ctgList .bl_col4_item a {
  display: block;
  height: 100%;
  padding: 10px 4px;
  background: var(--color-primary);
  color: #fff;
  line-height: 1;
  text-align: center;
  border-radius: 4px;
}
.bl_ctgList .bl_col4_item a:hover,
.bl_ctgList .bl_col4_item a:active {
  background: #fff;
  color: var(--color-primary);
}
@media screen and (min-width: 769px) {
  .bl_ctgList .bl_col4:before {
    content: "";
    display: block;
    width: calc( ( 100% - 6px ) / 4 ) ;
    order: 1;  /* 疑似要素beforeの順番を必ず指定する*/
  }
  .bl_ctgList .bl_col4:after {
    content: "";
    display: block;
    width: calc( ( 100% - 6px ) / 4 ) ;
  }

  .bl_ctgList .bl_col4_item {
    width: calc( ( 100% - 6px ) / 4 ) ;
    margin-top: 2px;
  }
}

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

  single / 不動産コラム

================================================================================ */
/* content
================================================================================ */
/* outline
------------------------------------------------*/
.bl_columnOutline {
  position: relative;
  margin-bottom: 40px;
  padding: 20px 0;
  border-bottom: 1px solid var(--color-secondary);
  border-top: 1px solid var(--color-secondary);
}
@media screen and (min-width: 769px) {
  .bl_columnOutline {
    margin-bottom: 60px;
    padding: 20px;
  }
}

/* rankingBnr
------------------------------------------------*/
.bl_rankingBnr {
  width: 300px;
  height: auto;
  margin: 0 auto 30px;
}
@media screen and (min-width: 769px) {
  .bl_rankingBnr {
    margin: 0 0 60px auto;
  }
}

/* pickupList
------------------------------------------------*/
.bl_pickupList {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
  align-items: stretch;
	margin: 0 0 40px;
}
.bl_popularNum5,
.bl_recommendNum5 {
	width: 100%;
  margin-bottom: 20px;
	padding: 30px;
	border-radius: 10px;
	background: #fff;
}
.bl_popularNum5 ol,
.bl_recommendNum5 ol {
	counter-reset: number;
	list-style: none;
  margin-bottom: 0;
	padding: 0;
}
.bl_pickupListTitle {
  margin-bottom: 20px;
	padding: 0 0 10px;
	border-bottom: 1px dashed var(--color-primary);
	color: var(--color-txt-dark);
	font-weight: 700;
}
.bl_pickupListTitle span {
  vertical-align: middle;
}
.bl_pickupListTitle .material-icons {
	color: var(--color-primary-light);
	font-size: 2.4rem;
}
.bl_popularNum5 ol li,
.bl_recommendNum5 ol li {
	counter-increment: number;
  position: relative;
	margin-bottom: 10px;
	padding: 0 0 0 30px;
}
.bl_popularNum5 ol li:last-of-type,
.bl_recommendNum5 ol li:last-of-type {
  margin-bottom: 0;
}
.bl_popularNum5 ol li::before,
.bl_recommendNum5 ol li::before {
  content: counter(number);
  display: block;
  position: absolute;
  top: 3px;
  left: 0;
  width: 20px;
  margin: 0;
  padding: 0;
  background: var(--color-secondary);
  color: #fff;
  font-size: 1.4rem;
  line-height: 20px;
  text-align: center;
  border-radius: 10px;
}
.bl_popularNum5 ol li a:hover,
.bl_popularNum5 ol li a:active,
.bl_recommendNum5 ol li a:hover,
.bl_recommendNum5 ol li a:active {
  text-decoration: underline;
}
@media screen and (min-width: 769px) {
  .bl_pickupList {
    margin: 0 0 60px;
  }
  .bl_popularNum5,
  .bl_recommendNum5 {
    width: 48%;
    margin: 0 auto;
  }
}


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

  住宅・不動産セミナー

================================================================================ */
/* content
================================================================================ */
/* title
------------------------------------------------*/
.seminar .bl_ttl {
  padding-bottom: 120px;
  background-color: var(--color-secondary-bg);
  background-image: url(/lifplus/common_img/fp_illust04.png), url(/lifplus/common_img/bg_pattern.png);
  background-repeat: no-repeat, repeat;
  background-position: center bottom -20px, 0 0;
  background-size: auto 46%, auto 100px;
}
.seminar .bl_ttl_txt {
  text-align: left;
}
.seminar .bl_ttl_ctg {
  margin-bottom: 4px;
  text-align: center;
  line-height: 1;
}
.seminar .bl_ttl_ctg span {
  border: 1px solid var(--color-secondary);
  background: #fff;
  color: var(--color-secondary);
}
.seminar .bl_ttl_ctg .hp_fbAccent {
  padding: 4px 18px;
}
.seminar .bl_ttl_ttl {
  margin: 0;
  color: var(--color-txt-dark);
  font-size: 2.4rem;
  line-height: 1.6;
}
.seminar .bl_ttl_ttl span {
  display: none;
}
@media screen and (min-width: 769px) {
  .seminar .bl_ttl_inner {
    background-size: auto 130px;
  }
  .seminar .bl_ttl {
    padding-bottom: 60px;
    background-image: url(/lifplus/common_img/fp_illust04.png), url(/lifplus/common_img/customer_illust02.png), url(/lifplus/common_img/bg_pattern.png);
    background-repeat: no-repeat, no-repeat, repeat;
    background-position: right calc( 50% - 330px ) bottom, left calc( 50% - 340px ) bottom, 0 0;
    background-size: auto 60%, auto 50%, auto 100px;
  }
  .seminar .bl_ttl_txt {
    justify-content: flex-start;
  }
  .seminar .bl_ttl_ctg {
    width: 100%;
    margin: 0 0 10px;
  }
  .seminar .bl_ttl_ttl {
    font-weight: 700;
    font-size: 3.0rem;
    line-height: 1.6;
  }
  .seminar .bl_ttl_ttl span {
    display: inline;
  }
}
@media screen and (min-width: 1280px) {
  .seminar .bl_ttl {
    background-position: right calc( 50% - 380px ) bottom, left calc( 50% - 380px ) bottom, 0 0;
    background-size: auto 80%, auto 70%, auto 100px;
  }
}

/* outline
------------------------------------------------*/
.bl_seminarOutline_img {
  width: 80%;
  margin: 0 auto 30px;
}
@media screen and (min-width: 769px) {
  .bl_seminarOutline_img {
    width: 80%;
    max-width: 600px;
    margin: 0 auto 60px;
  }
}

/* h
------------------------------------------------*/
.el_h2 .el_fukidashi {
  position: relative;
  display: inline-block;
  margin-bottom: 10px;
  padding: 10px 20px;
  border-radius: 99px;
  background: var(--color-primary-light);
  color: #fff;
  font-size: 1.8rem;
}
.el_h2 .el_fukidashi::after {
  border-top-color: var(--color-primary-light);
}
@media screen and (min-width: 769px) {
  .el_h2 .el_fukidashi {
    margin-bottom: 20px;
    padding: 10px 30px;
    border-radius: 40px;
    font-size: 2.4rem;
  }
}

/* ctgList
------------------------------------------------*/
.bl_seminar_ctgList .bl_col_item {
  width: auto;
  margin: 0;
}
.bl_seminar_ctgList .el_btn {
  display: block;
  padding: 4px 10px;
  font-size: 1.4rem;
}
.bl_seminar_ctgList .el_btn::after {
  display: none;
}
@media screen and (min-width: 769px) {
  .bl_seminar_ctgList .bl_col {
    justify-content: center;
    margin-top: 0;
  }
  .bl_seminar_ctgList .bl_col_item {
    width: 16%;
    margin: 0 5px;
  }
  .bl_seminar_ctgList .el_btn {
    padding: 8px 20px;
    font-size: 1.6rem;
  }
  .bl_seminar_ctgList .el_btn::after {
    display: block;
    content: "\e313";
  }
}

/* list
------------------------------------------------*/
.bl_seminar {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
  height: auto;
  margin-top: 0;
  padding: 0;
}
.bl_seminar_item {
  width: 100%;
  margin: 4% 0 0;
}
.bl_seminar_link {
  display: block;
  height: 100%;
}
.bl_seminar_date {
  position: relative;
  margin: 0 0 2px;
  padding: 8px 20px 8px 44px;
  background-color: var(--color-primary-light);
  background-image: url(/lifplus/common_img/bg_pattern_dark.png);
  color: #fff;
  line-height: 1;
  vertical-align: middle;
}
.bl_seminar_date::before {
  content: "\e916";
  position: absolute;
  top: 50%;
  left: 20px;
  transform: translateY( -50% );
  display: block;
  font-family: 'Material Icons';
  font-size: 1.8rem;
  line-height: 1;
  white-space: nowrap;
}
.bl_seminar_date .el_btn {
  display: none;
}
.bl_seminar_area {
  margin-bottom: 10px;
  line-height: 1;
}
.bl_seminar_area span {
  display: inline-block;
  padding: 6px 10px;
  background: var(--color-secondary);
  color: #fff;
  font-size: 1.4rem;
  border-radius: 2px;
}
.bl_seminar_area .bl_seminar_free {
  background: var(--color-accent);
  color: var(--color-txt-dark);
}
.bl_seminar_con {
  position: relative;
  padding: 20px;
  border: 2px solid var(--color-primary-light);
  background-color:#fff;
  color: var(--color-txt-dark);
  transition: 0.6s;
}
a:hover .bl_seminar_con,
a:focus .bl_seminar_con {
  background-color: var(--color-gray-bg);
}
.bl_seminar_ttl {
  color: var(--color-txt-dark);
  font-size: 1.6rem;
}
.bl_seminar_lead {
  display: none;
  margin: 20px 0 0;
  padding: 20px;
  background-color: var(--color-gray-bg);
  /* background-image: url(/lifplus/common_img/bg_pattern.png); */
}
@media screen and (min-width: 769px) {
  .bl_seminar {
    margin-top: -60px;
  }
  .bl_seminar_item {
    margin: 60px 0 0;
  }
  .bl_seminar_link {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    height: 100%;
    margin: 0;
    padding: 40px;
    background-color: var(--color-gray-bg);
  }
  .bl_seminar_date {
    width: 24%;
    max-width: 200px;
    margin-right: 40px;
    padding: 50px 10px 20px;
    font-weight: 700;
    font-size: 1.8rem;
    text-align: center;
  }
  .bl_seminar_date::before {
    top: 20px;
    left: 50%;
    transform: translateX( -50% );
    font-weight: 400;
    font-size: 2.2rem;
  }
  .bl_seminar_time {
    display: block;
    margin-top: 10px;
  }
  .bl_seminar_date .el_btn {
    display: block;
    margin-top: 20px;
    padding: 10px;
    font-weight: 500;
    transition: 0.6s;
  }
  .bl_seminar_area {
    margin-bottom: 20px;
  }
  .bl_seminar_area span {
    font-size: 1.6rem;
  }
  .bl_seminar_con {
    flex: 1;
    padding: 0;
    border: none;
    background: transparent;
    /* padding: 40px;
    background-color: var(--color-gray-bg); */
  }
  .bl_seminar_ttl {
    font-size: 2.4rem;
  }
  .bl_seminar_lead {
    display: block;
    margin: 30px 0 0;
    background-color: #fff;
  }
}

/* close list
------------------------------------------------*/
.bl_seminarCloseList_area {
  display: block;
  font-size: 1.2rem;
  text-align: right;
}
@media screen and (min-width: 769px) {
  .bl_seminarCloseList_area {
    font-size: 1.4rem;
  }
}

/* order
------------------------------------------------*/
.bl_orderArea {
  text-align: center;
}
.bl_orderArea:not(:last-child) {
  margin-bottom: 60px;
}
.bl_orderArea .el_btn {
  width: 90%;
  padding: 10px;
  font-size: 1.8rem;
  /* box-shadow: 0 0 10px rgba(0, 0, 0, .14); */
}
.bl_orderArea .el_btn:hover,
.bl_orderArea .el_btn:active {
  box-shadow: none;
}
@media screen and (min-width: 769px) {
  .bl_orderArea:not(:last-child) {
    margin-bottom: 100px;
  }
  .bl_orderArea .el_btn {
    width: auto;
    max-width: 100%;
    padding: 20px 60px;
    font-size: 2.4rem;
  }
}

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

  single / 住宅・不動産セミナー

================================================================================ */
/* content
================================================================================ */
/* outline
------------------------------------------------*/
.single .bl_seminar_item {
  margin: 0 0 40px;
}
.single .bl_seminar_date {
  margin-bottom: 20px;
  padding: 0 0 20px 30px;
  border-bottom: 1px solid var(--color-primary-light);
  background: none;
  color: var(--color-primary-light);
  font-size: 1.8rem;
}
.single .bl_seminar_date::before {
  top: 0;
  left: 0;
  transform: none;
  font-size: 2.0rem;
}
.single .bl_seminar_con {
  font-size: 1.8rem;
}
.single .bl_seminar_lead {
  display: block;
  margin-bottom: 30px;
}
.bl_seminar_meta {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
  height: auto;
  margin-top: -2%;
}
.bl_seminar_meta dt {
  width: 24%;
  margin-top: 2%;
	padding: 6px 10px;
	border: 1px solid var(--color-primary-light);
	background: var(--color-primary-light-more);
  color: var(--color-txt-dark);
}
.bl_seminar_meta dd {
  width: 74%;
  margin-top: 2%;
	padding: 6px 10px;
	border: 1px solid var(--color-primary-light);
	background: #fff;
}
@media screen and (min-width: 769px) {
  .single .bl_seminar_item {
    margin: 0 0 60px;
  }
  .single .bl_seminar_date {
    width: 100%;
    max-width: none;
    margin-bottom: 30px;
    padding: 0 0 30px 30px;
    font-size: 2.0rem;
    text-align: left;
  }
  .single .bl_seminar_date::before {
    font-size: 2.2rem;
  }
  .single .bl_seminar_time {
    display: inline;
    margin-top: 0;
  }
  .single .bl_seminar_con {
    font-size: 2.4rem;
  }
  .single .bl_seminar_area {
    /* position: relative;
    margin: -54px 0 60px;
    padding: 0;
    text-align: right; */
  }
  .single .bl_seminar_lead {
    background-color: var(--color-gray-bg);
  }
  .bl_seminar_meta {
    margin-top: -1%;
  }
  .bl_seminar_meta dt,
  .bl_seminar_meta dd {
    margin-top: 1%;
    padding: 8px 16px;
  }
  .bl_seminar_meta dt {
    background-color: var(--color-primary-bg);
    background-image: url(/lifplus/common_img/bg_pattern.png);
    color: var(--color-primary);
  }
  .bl_seminar_meta dt:nth-of-type(odd) {
    width: 11%;
  }
  .bl_seminar_meta dt:nth-of-type(even) {
    width: 11%;
  }
  .bl_seminar_meta dd:nth-of-type(odd) {
    width: 40%;
  }
  .bl_seminar_meta dd:nth-of-type(even) {
    width: 34%;
  }
}

/* message
------------------------------------------------*/
.bl_closeMesseage {
  margin: 0 0 60px;
  color: var(--color-warning);
  font-weight: 700;
  font-size: 1.8rem;
  text-align: center;
}
@media screen and (min-width: 769px) {
  .bl_closeMesseage {
    margin: 0 0 60px;
    font-size: 2.4rem;
  }
}

/* h
------------------------------------------------*/
.bl_seminar_detail > .el_h3 {
  position: relative;
  padding: 3px 0 3px 18px;
  margin-bottom: 20px;
  border-left: 4px solid var(--color-primary-light);
  color: #333;
  font-weight: 700;
  font-size: 1.8rem;
  border-radius: 2px;
}
@media screen and (min-width: 769px) {
  .bl_seminar_detail > .el_h3 {
    margin: 0 0 40px;
    font-size: 2.4rem;
  }
}

/* detail
------------------------------------------------*/
.bl_seminar_detail {
  margin: 0 auto 30px;
  padding-bottom: 30px;
  border-bottom: 1px solid var(--color-gray);
}
.bl_seminar_detail .el_wpCon {
  padding: 20px;
  background-color: #fff;
}
.bl_seminar_detail .bl_media__rev {
  flex-direction: column-reverse;
}
.bl_seminar_detail .bl_media_body {
  margin-bottom: 0;
  padding: 10px;
  background: var(--color-gray-bg);
}
@media screen and (min-width: 769px) {
  .bl_seminar_detail {
    /* max-width: 800px; */
    margin: 0 auto 60px;
    padding-bottom: 60px;
  }
  .bl_seminar_detail .el_wpCon {
    padding: 40px;
  }
  .bl_seminar_detail .bl_media__rev {
    flex-direction: row-reverse;
    align-items: center;
  }
  .bl_seminar_detail .bl_media_body {
    padding: 20px;
  }
}


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

  住宅・不動産セミナーお申し込み

================================================================================ */
/* content
================================================================================ */
/* form
------------------------------------------------*/
.seminarSelect {
  width: 100%;
}






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

  宅建⼠採⽤について

================================================================================ */
/* content
================================================================================ */
/* title
------------------------------------------------*/
.recruit .bl_ttl {
  padding-top: 20px;
  padding-bottom: 110px;
  background-color: var(--color-primary-light);
  background-image: url(/lifplus/common_img/freshman_illust.png), url(/lifplus/common_img/bg_pattern.png);
  background-repeat: no-repeat, repeat;
  background-position: center bottom -8px, 0 0;
  background-size: auto 100px, auto 100px;
}
.recruit .bl_ttl_txt {
  text-align: left;
}
.recruit .bl_ttl_ctg span {
  display: inline-block;
  padding: 4px 10px;
  border: 1px solid transparent;
  background: var(--color-accent);
  color: var(--color-txt-dark);
}
.recruit .bl_ttl_ctg .hp_fbAccent {
  padding: 4px 18px;
}
.recruit .bl_ttl_ttl {
  margin: 0;
  color: #fff;
  font-size: 2.4rem;
  line-height: 1.6;
}
.recruit .bl_ttl_ttl span {
  display: none;
}
@media screen and (min-width: 769px) {
  .recruit .bl_ttl_inner {
    background-size: auto 130px;
  }
  .recruit .bl_ttl {
    padding-top: 30px;
    padding-bottom: 30px;
    background-image: url(/lifplus/common_img/fp_illust07.png), url(/lifplus/common_img/freshman_illust.png), url(/lifplus/common_img/bg_pattern.png);
    background-repeat: no-repeat, no-repeat, repeat;
    background-position: right calc( 50% - 280px ) bottom, left calc( 50% - 300px ) bottom, 0 0;
    background-size: auto 90%, auto 84%, auto 100px;
  }
  .recruit .bl_ttl_txt {
    justify-content: flex-start;
  }
  .recruit .bl_ttl_ctg {
    width: 100%;
    margin: 0 0 10px;
  }
  .recruit .bl_ttl_ttl {
    font-weight: 700;
    font-size: 3.0rem;
    line-height: 1.6;
  }
  .recruit .bl_ttl_ttl span {
    display: inline;
  }
}

/* rectuir nav
------------------------------------------------*/
.bl_recruitNav {
  border-bottom: 2px solid #fff;
  background-color:var(--color-gray);
}
.bl_recruitNav .ly_cont_main_inner {
  padding: 10px;
}
.bl_recruitNav .bl_col.bl_col3 {
  margin-top: -10px;
}
.bl_recruitNav .bl_col3_item {
  width: 49%;
  margin: 10px 0 0;
  line-height: 1;
}
.bl_recruitNav .el_btn {
  width: 100%;
  padding: 8px 20px 8px 10px;
  font-size: 1.4rem;
}
.recruitIndex .bl_recruitNav .navRecruitIndex .el_btn,
.interview .bl_recruitNav .navRecruitInterview .el_btn,
.symposium .bl_recruitNav .navRecruitSymposium .el_btn,
.standard .bl_recruitNav .navRecruitStandard .el_btn,
.apply .bl_recruitNav .navRecruitApply .el_btn,
.message .bl_recruitNav .navRecruitMessage .el_btn {
  background-color: var(--color-secondary);
  color: #fff;
}
.bl_recruitNav .el_btn::after {
  position: absolute;
  right: 4px;
}
.bl_recruitNav a[href^="https://"].el_btn::after {
  top: 50%;
  transform: translateY(-50%);
  right: 6px;
  font-size: 1.2rem;
}
.recruitIndex .bl_recruitNav .navRecruitIndex .el_btn::after,
.interview .bl_recruitNav .navRecruitInterview .el_btn::after,
.symposium .bl_recruitNav .navRecruitSymposium .el_btn::after,
.standard .bl_recruitNav .navRecruitStandard .el_btn::after,
.apply .bl_recruitNav .navRecruitApply .el_btn::after,
.message .bl_recruitNav .navRecruitMessage .el_btn::after {
  color: #fff;
}
@media screen and (min-width: 769px) {
  .bl_recruitNav .ly_cont_main_inner {
    padding: 20px 30px;
  }
  .bl_recruitNav .bl_col.bl_col3 {
  }
  .bl_recruitNav .bl_col3_item {
    width: 32%;
  }
  .bl_recruitNav .el_btn {
    width: 100%;
    padding: 8px 30px 8px 14px;
    font-size: 1.6rem;
  }
  .bl_recruitNav .el_btn::after {
    right: 4px;
  }
  .bl_recruitNav a[href^="https://"].el_btn::after {
    right: 10px;
    font-size: 1.4rem;
  }
}
@media screen and (min-width: 1280px) {
  .bl_recruitNav .bl_col.bl_col3 {
    width: 80%;
    margin-right: auto;
    margin-left: auto;
  }
  /* .bl_recruitNav .bl_col.bl_col3 {
    margin: 0;
    justify-content: center;
  }
  .bl_recruitNav .bl_col3_item {
    margin: 0 6px;
    width: auto;
  }
  .bl_recruitNav .el_btn {
    width: auto;
    padding: 8px 30px 8px 14px;
    font-size: 1.6rem;
  } */
}


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

  ＦＰ不動産の⽬指すもの / 宅建⼠採⽤について

================================================================================ */
/* content
================================================================================ */
/* prof
------------------------------------------------*/
/* .recruitIndex .bl_prof {
  margin-bottom: 20px;
}
.recruitIndex .bl_prof_copy {
  color: var(--color-primary);
  font-size: 2.4rem;;
  line-height: 1.6;
}
.recruitIndex .bl_prof_name span {
  margin: 0 0 10px;
  line-height: 1.6;
}
@media screen and (min-width: 769px) {
  .recruitIndex .bl_prof_copy {
    font-size: 3.0rem;;
  }
}
 */
.bl_mainProf {
  position: relative;
  padding-bottom: 30px;
}
.bl_mainProf:before {
  content: '';
  z-index: -1;
  position: absolute;
  bottom: 0;
  left: -20px;
  width: calc(100% + 40px);
  height: calc(100% - 120px);
  background-color: var(--color-primary-bg);
  /* background-image: url(/lifplus/common_img/bg_pattern.png); */
}
.bl_mainProf_img {
  z-index: 1;
  max-width: 400px;
  margin-right: -20px;
}
.bl_mainProf_body {
  position: relative;
  z-index: 1;
  margin-top: -10px;
  text-align: center;
}
.bl_mainProf_ttl {
  margin-bottom: 10px;
  font-size: 2.4rem;
}
.bl_mainProf_ttl span {
  background: #fff;
}
.bl_mainProf_position {
  margin-bottom: 4px;
  color: var(--color-primary);
}
.bl_mainProf_name {
  margin-bottom: 4px;
  font-size: 1.8rem;
}
@media screen and (min-width: 414px) {
  .bl_mainProf_img {
    max-width: 400px;
    margin: 0 auto;
  }
}
@media screen and (min-width: 769px) {
  .bl_mainProf {
    display: flex;
    flex-direction: row-reverse;
    margin-bottom: 40px;
  }
  .bl_mainProf:before {
    z-index: 0;
    top: 0;
    left: 0;
    width: 70%;
    max-width: 620px;
    height: 100%;
  }
  .bl_mainProf_img {
    width: 70%;
    max-width: 620px;
    margin: 40px 0 0 0;
  }
  .bl_mainProf_body {
    width: 70%;
    max-width: 620px;
    margin: 40px -5% 0 5%;
    padding: 0;
    text-align: left;
  }
  .bl_mainProf_ttl {
    margin-bottom: 24px;
    font-size: 3.4rem;
    /* letter-spacing: 0.18em; */
  }
  .bl_mainProf_name {
    margin-bottom: 10px;
    font-size: 2.4rem;
  }
}
@media screen and (min-width: 1280px) {
  .bl_mainProf:before {
    max-width: 620px;
    height: calc(100% - 50px);
  }
}

.el_recruitStaff_img {
  width: 100%;
  margin: 0 auto 40px;
}
@media screen and (min-width: 769px) {
  .el_recruitStaff_img {
    max-width: 600px;
    margin-bottom: 80px;
  }
}


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

  スタッフインタビュー / 宅建⼠採⽤について

================================================================================ */
/* content
================================================================================ */
/* outline
------------------------------------------------*/
.interview .bl_outline {
  /* background-color: var(--color-gray-bg); */
}
.interview .bl_outline .bl_media {
  height: 100%;
  padding: 20px;
  border: 1px solid var(--color-primary);
  background-color: #fff;
}
.interview .bl_outline .bl_media_img__sm {
  width: 20%;
}
.interview .bl_outline .bl_media_body {
  flex: 1;
  margin: 0;
}
.interview .bl_outline .bl_media_name {
  margin-bottom: 10px;
  font-weight: 700;
  font-size: 1.6rem;
}
.interview .bl_outline .bl_media_ttl {
  color: var(--color-primary);
}
@media screen and (min-width: 769px) {
  .interview .bl_outline .bl_media {
    gap: 20px;
  }
  .interview .bl_outline .bl_media_name {
    font-size: 1.8rem;
  }
}

.interview .bl_prof {
  margin-bottom: 40px;
}
.interview .bl_prof_name span {
  margin: 0 0 10px;
}
.interview .bl_prof_copy {
  color: var(--color-primary);
  text-align: left;
}
.interview .bl_prof_copy span {
  padding: 2px 0;
  border-bottom: 1px solid var(--color-primary);
  background-color :transparent;
  color: var(--color-primary);
  font-size: 2.0rem;
}
@media screen and (min-width: 769px) {
  .interview .bl_prof {
    margin-bottom: 80px;
  }
  .interview .bl_prof_header {
    border-color: var(--color-primary-bg);
    background-color: var(--color-gray-bg);
    background-image: url(/lifplus/common_img/bg_pattern.png);
    }
  .interview .bl_prof_copy span {
    font-size: 2.8rem;
  }
}

.interview .bl_interviewDetail {
  border-bottom: 1px solid var(--color-gray);
}
/* .interview .el_interviewer {
  color: var(--color-txt-dark);
} */


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

  ＦＰと宅建士のホンネ座談会 / 宅建⼠採⽤について

================================================================================ */
/* content
================================================================================ */
/* outline
------------------------------------------------*/
.symposium .bl_outline {
  padding-bottom: 40px;
}
.symposium .bl_outline_img {
  width: 80%;
  max-width: 400px;
  margin: 0 auto 30px;
}
.symposium .bl_outline_txt {
  color: var(--color-txt-dark);
  font-size: 1.8rem;
}
@media screen and (min-width: 769px) {
  .symposium .bl_outline {
    padding-bottom: 100px;
  }
    .symposium .bl_outline_img {
    width: 400px;
    margin: 0 auto 40px;
  }
  .symposium .bl_outline_txt {
    margin-bottom: 60px;
    font-size: 2.4rem;
    text-align: center;
  }
}

.bl_sympoMember .bl_col3_item.bl_card {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
  max-width: 400px;
  margin-right: auto;
  margin-left: auto;
  padding: 20px;
  /* border-top: 4px solid var(--color-primary-light); */
  border: 1px solid var(--color-primary-light);
  background-color: #fff;
  /* background-color: var(--color-gray-bg);
  background-image: url(/lifplus/common_img/bg_pattern.png); */
}
.bl_sympoMember .bl_col3_item .bl_card_img {
  width: 40%;
  max-width: 120px;
  margin-right: 10px;
}
.bl_sympoMember .bl_col3_item .bl_card_body {
  flex: 1;
}
.bl_sympoMember .bl_col3_item .bl_card_ttl {
  color: var(--color-primary);
  font-size: 1.8rem;
}
.bl_sympoMember .bl_col3_item .bl_card_ttl span {
  display: block;
  font-size: 1.4rem;
}
@media screen and (min-width: 769px) {
  .bl_sympoMember {
    /* width: 800px; */
    margin: 0 auto;
  }
  .bl_sympoMember .bl_col3_item.bl_card {
    flex-direction: column;
    max-width: none;
    width: 32%;
    margin: 0;
    padding: 30px;
  }
  .bl_sympoMember .bl_col3_item .bl_card_img {
    width: 80%;
    max-width: none;
    margin: 0 auto 10px;
  }
  .bl_sympoMember .bl_col3_item .bl_card_ttl {
    color: var(--color-primary);
    font-size: 2.4rem;
    text-align: center;
  }
  .bl_sympoMember .bl_col3_item .bl_card_ttl span {
    font-size: 1.6rem;
  }
  .bl_sympoMember .bl_col3_item .bl_card_txt {
    text-align: center;
  }
}

/* リスト
------------------------------------------------*/
.bl_sympoList .bl_col {
  margin-top: -10px;
}
.bl_sympoList .bl_col2_item {
  margin-top: 10px;
}
.bl_sympoList .bl_bnr {
  height: 100%;
  padding: 20px 16px 24px;
  background-color: var(--color-primary-light);
  background-image: url(/lifplus/common_img/bg_pattern_dark.png);
  /* box-shadow: 0 0 10px rgb(0 0 0 / 14%); */
}
/* .bl_sympoList .bl_bnr::before {
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  content: "\e409";
  color: var(--color-accent);
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 1.8rem;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
} */
/* .bl_sympoList .bl_bnr::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  border: 4px solid #fff;
} */
.bl_sympoList .bl_bnr_body {
  flex: auto;
  width: 100%;
}
.bl_sympoList .bl_bnr_num {
  width: auto;
  margin: 0 auto 10px;
  padding: 8px;
  border: 1px solid currentColor;
  color: var(--color-primary-bg);
  font-weight: 700;
  font-size: 1.8rem;
  line-height: 1;
}
.bl_sympoList .bl_bnr_ttl {
  color: var(--color-accent);
  font-weight: 700;
  font-size: 1.6rem;
  line-height: 1.4;
  text-align: center;
}
.bl_sympoList .bl_bnr_txt {
  display: none;
}
.bl_sympoList .bl_bnr_img {
  transition: 0.6s;
}
.bl_sympoList .bl_bnr:hover,
.bl_sympoList .bl_bnr:focus {
  background-color: var(--color-primary);
  box-shadow: none;
}

.bl_sympoList .bl_bnr:hover .bl_bnr_img,
.bl_sympoList .bl_bnr:focus .bl_bnr_img {
  transform: scale(1.2);
}
@media screen and (min-width: 769px) {
  .bl_sympoList .bl_bnr_num {
    margin-bottom: 0;
  }
  .bl_sympoList .bl_bnr_ttl {
    font-size: 2.0rem;
  }
}


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

  ＦＰと宅建士のホンネ座談会 詳細ページ / 宅建⼠採⽤について

================================================================================ */
/* content
================================================================================ */
/* outline
------------------------------------------------*/
.symposiumUnder .bl_outline {
  padding-bottom: 0;
}
@media screen and (min-width: 769px) {
  .symposiumUnder .bl_outline {
    padding-bottom: 0;
  }
  .symposiumUnder .bl_outline_txt {
    margin-bottom: 0;
  }
}

/* dwtail
------------------------------------------------*/
.el_sympoNum {
  display: inline-block;
  margin-bottom: 10px;
  padding: 10px;
  background: var(--color-primary-light);
  color: #fff;
  line-height: 1;
}
.bl_sympoSpeaker {
  position: relative;
  margin-bottom: 40px;
  padding-top: 30px;
}
.bl_sympoSpeaker::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 80px;
  padding: 4px;
  background-color: var(--color-secondary);
  color: #fff;
  font-weight: 700;
  text-align: center;
  line-height: 1;
}
.bl_sympoSpeaker__yurimoto::before {
  content: "ゆりもと";
}
.bl_sympoSpeaker__iida::before {
  content: "飯田";
}
.bl_sympoSpeaker__fujiwara::before {
  content: "藤原";
}
.bl_sympoSpeaker::after {
	content: "";
	clear: both;
	display: block;
}
.bl_sympoSpeaker_imgR {
  float: right;
  width: 140px;
  margin: 0 0 20px 20px;
}
.bl_sympoSpeaker_imgL {
  float: left;
  width: 140px;
  margin: 0 20px 20px 0;
}
@media screen and (min-width: 769px) {
  .bl_sympoSpeaker {
    margin-bottom: 100px;
    padding: 0 0 0 100px;
  }
  .bl_sympoSpeaker::before {
    top: 0.2em;
    width: 80px;
  }
  .bl_sympoSpeaker_imgR {
    width: 240px;
    margin: 0 0 30px 30px;
  }
  .bl_sympoSpeaker_imgL {
    width: 240px;
    margin: 0 30px 30px 0;
  }
}


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

  専属宅建士 募集要項 / 宅建⼠採⽤について

================================================================================ */
/* content
================================================================================ */
/* guideline
------------------------------------------------*/
.bl_recruitGuideline .bl_lawList > dt {
  color: var(--color-primary);
}
.bl_recruitGuideline .bl_ulDisc {
  padding-top: 20px;
  border-top: 1px dashed var(--color-gray);
}
@media screen and (min-width: 769px) {
  .bl_recruitGuideline .bl_ulDisc {
    padding-top: 30px;
  }
}
/* prof
------------------------------------------------*/
.standard .bl_prof {
  margin: 0 auto 40px;
}
.standard .bl_prof_name {
  color: var(--color-primary);
  font-weight: 700;
  font-size: 2.0rem;
}
.standard .bl_prof_name span {
  margin: 0 0 14px;
}
.standard .bl_prof_copy {
  font-size: 2.4rem;
  line-height: 1.8;
}
.standard .bl_prof_copy span {
  padding: 2px 5px;
  background: var(--color-accent);
  font-weight: 500;
  font-size: 2.4rem;
}
@media screen and (min-width: 769px) {
  .standard .bl_prof {
    margin: 0 auto 80px;
  }
  .standard .bl_prof_header {
    background-color: #fff;
  }
  .standard .bl_prof_name {
    font-size: 2.4rem;
  }
  .standard .bl_prof_copy {
    font-size: 3.0rem;
  }
  .standard .bl_prof_copy span {
    font-size: 3.0rem;
  }
}


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

  宅建士として活躍したい学生へ / 宅建⼠採⽤について

================================================================================ */
/* content
================================================================================ */
/* outline
------------------------------------------------*/
.bl_messageOutline {
  background-color: var(--color-gray-bg);
  text-align: center;
}
.bl_messageOutline .ly_cont_main_inner {
  padding-bottom: 150px;
  background-image: url(/lifplus/recruit/img/message_iida.png);
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: auto 140px;
}
.bl_messageOutline_iida {
  display: inline-block;
  margin-bottom: 20px;
  padding: 10px 20px;
  background-color: var(--color-primary-light);
  color: #fff;
  font-weight: 700;
  font-size: 1.8rem;
  line-height: 1;
}
.bl_messageOutline_ttl {
  display: inline-block;
  margin-bottom: 40px;
  padding: 0 10px 20px;
  border-bottom: 1px solid currentColor;
  color: var(--color-txt-dark);
  font-weight: 700;
  font-size: 1.6rem;
}
.bl_messageOutline_ttl span {
  display: block;
  font-weight: 500;
  font-size: 3.0rem;
}
.bl_messageOutline_student {
  position: relative;
  color: var(--color-primary-light);
  font-weight: 700;
}
.bl_messageOutline_student::before {
  content: "\e853";
  display: inline-block;
  margin-right: 6px;
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 2.4rem;
  line-height: 1;
  vertical-align: text-top;
}
@media screen and (min-width: 769px) {
  .bl_messageOutline {
    text-align: left;
  }
  .bl_messageOutline .ly_cont_main_inner {
    padding-bottom: 30px;
    background-position: right 10% bottom;
    background-size: auto 280px;
  }
  .bl_messageOutline_ttl {
    font-size: 2.0rem;
  }
  .bl_messageOutline_ttl span {
    font-size: 3.6rem;
  }
  .bl_messageOutline_student::before {
    left: 0;
  }
}

/* ly_inner
------------------------------------------------*/
.bl_interviewDetail .ly_cont_main_inner {
  border-bottom: 1px solid var(--color-gray);
}

/* h
------------------------------------------------*/
.bl_interviewDetail .el_h3 {
  padding-left: 1em;
}
.bl_interviewDetail .el_h3::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 4px;
  height: 100%;
  border-radius: 2px;
  background-image: linear-gradient(var(--color-primary-light) 0% 20%, var(--color-accent) 20% 100%);
}
@media screen and (min-width: 769px) {
  .bl_interviewDetail .el_h3::before {
    width: 6px;
  }
}

.el_interviewer {
  position: relative;
  margin-bottom: 30px;
  padding-left: 1.6em;
  color: var(--color-primary-light);
  font-weight: 700;
  font-size: 1.6rem
}
.el_interviewer::before {
  content: "";
  position: absolute;
  top: 0.9em;
  left: 0;
  display: block;
  width: 1.4em;
  height: 1px;
  background-color: currentColor;
}
.bl_interviewTxt:not(:last-of-type) {
  margin-bottom: 30px;
}
@media screen and (min-width: 769px) {
  .el_interviewer {
    font-size: 1.8rem;
  }
  .bl_interviewTxt:not(:last-of-type) {
    margin-bottom: 60px;
  }
}


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

  不動産取引実績

================================================================================ */
/* content
================================================================================ */
.bl_achievement_list .bl_col4 {
  margin-top: -2px;
}
.bl_achievement_list .ly_cont_main_inner > div .bl_col2:not(:last-child) {
  margin-bottom: 10px;
}
.bl_achievement_list .bl_col2 {
  margin-top: 0;
}
.bl_achievement_list .bl_col4_item,
.bl_achievement_list .bl_col2_item {
  padding: 10px;
  background-color: #fff;
}
.bl_achievement_list .bl_col4_item {
  width: calc((100% - 2px) / 2);
  margin-top: 2px;
}
.bl_achievement_list .bl_col2_item {
  margin-top: 2px;
}
@media screen and (min-width: 769px) {
  .bl_achievement_list .bl_col4::before {
    width: calc((100% - 6px) / 4);
    order: 1;  /* 疑似要素beforeの順番を必ず指定する*/
  }
  .bl_achievement_list .bl_col4::after {
    width: calc((100% - 6px) / 4);
  }
  .bl_achievement_list .bl_col4_item {
    width: calc((100% - 6px) / 4);
    margin-top: 2px;
  }
  .bl_achievement_list .bl_col2_item {
    width: calc((100% - 2px) / 2);
    margin-top: 2px;
  }
}

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

  共通インクルード / リフプラスはここが違います

================================================================================ */
.bl_strength .el_h2 .hp_inlineBlock span {
  position: relative;
  top: -3px;
  display: inline-block;
  padding: 5px;
  background: var(--color-primary);
  color: #fff;
  border-radius: 100%;
  line-height: 24px;
}
.bl_strength .el_h2 .hp_inlineBlock span:last-of-type {
  top: 3px;
}
.bl_strength .el_fukidashi::after {
  top: calc(100% + 10px);
}
.bl_strength .bl_media {
  flex-direction: column-reverse;
}
.bl_strength .bl_media_img {
  width: 100%;
  max-width: none;
}
.bl_strength_logo {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
}
.bl_strength_logo figure {
  width: 60px;
  margin-right: 10px;
}
.bl_strength_logo span {
  color: var(--color-primary);
  font-weight: 700;
  font-size: 3.6rem;
}
.bl_strength .bl_media_ttl {
  margin-bottom: 20px;
  color: var(--color-primary);
  font-size: 1.8rem;
  font-weight: 700;
}
.bl_strength_voice {
  margin-bottom: 10px;
  padding: 4px;
  border: 1px solid #ccc;
  font-weight: 700;
}
@media screen and (min-width: 769px) {
  .bl_strength .el_h2 .hp_inlineBlock span {
    top: -5px;
    padding: 5px;
    line-height: 36px;
  }
  .bl_strength .el_h2 .hp_inlineBlock span:last-of-type {
    top: 5px;
  }
  .bl_strength .el_fukidashi::after {
    top: calc(100% + 20px);
  }
  .bl_strength .bl_media {
    flex-direction: row;
    margin-left: -30px;
  }
  .bl_strength .bl_media__rev {
    flex-direction: row-reverse;
    margin-left: 0;
    margin-right: -30px;
  }
  .bl_strength .bl_media_img {
    z-index: 20;
    position: relative;
    width: 40%;
  }
  .bl_strength .bl_media_body {
    z-index: 10;
    position: relative;
    padding: 0 40px 40px 0;
  }
  .bl_strength .bl_media__rev .bl_media_body {
    padding: 0 0 40px 40px;
  }
  .bl_strength .bl_media_body::before {
    content: "";
    z-index: -1;
    position: absolute;
    top: 12%;
    left: -20%;
    display: block;
    width: calc(100% + 20%);
    height: calc(100% - 12%);
    background-color: #fff;
  }
  .bl_strength .bl_media__rev .bl_media_body::before {
    left: 0;
    right: -20%;
  }
  .bl_strength_logo {
    justify-content: flex-start;
  }
    .bl_strength_logo figure {
    width: 80px;
  }
  .bl_strength_logo span {
    font-size: 6.0rem;
  }
  .bl_strength .bl_media_ttl {
    margin-bottom: 30px;
    font-size: 2.4rem;
  }
  .bl_strength_voice {
    padding: 6px;
  }
}

/* トップページの場合 */
@media screen and (min-width: 769px) {
  .home .bl_strength .bl_media_body,
  .home .bl_strength .bl_media__rev .bl_media_body {
    padding: 0
  }
}