@charset "UTF-8";

*,
*::before,
*::after {box-sizing: border-box;}

img {
    width: 100%;
    height: auto;
    vertical-align: bottom;
}

.flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: left;
    align-items: stretch;
}

.soudankai_pc {display: block;}
.soudankai_sp {display: none;}

/* ページトップ　帯 */
#ttl_block {
    height: 140px;
    background-image: none;
}

#ttl_block .inner .page_ttl .ttl_jp {
    font-size: 2.8em;
    line-height: 1.5em;
    font-weight: 700;
    color: #78503c;
    display: block;
    margin-top: 80px;
}

/* ページトップ　帯　文字 */
#ttl_block .inner .page_ttl .ttl_jp {
    font-size: 2.8em;
    line-height: 1.5em;
    font-weight: 700;
    color: #78503c;
    display: block;
}

.sd_bk_image {
  width: 100%;
  margin: 0 auto 5em auto;
  padding: 5em;
  background-image: url(/reform/common/images/ptrn_bg.png);
}

/* 下記より　アンカーリンクボタン */
.anker_btn {
  width: 100%;
  margin: 0 auto 15em auto;
}

.anker_flex {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}

.card_item {
  width: calc((60% - 2em) /2);
  /* width: calc((100% - 2em) /2); */
  border-radius: 2em;
  border: solid 1px #c0c0c0;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.25);
}

.card_item:nth-of-type(n+2) {margin-left: 1em;}

/* .card_item:nth-of-type(n+3) {margin-top: 3em;} */

.cardtop {
  height: 250px;
  overflow: hidden;
  border-radius: 15px 15px 0 0;
}

.card_item div a img {
  width: 100%;
  transition: .5s ease;
  object-fit: cover;
  object-position: center center;
}

.card_item div a img:hover {
  transform: scale(1.1);
  object-position: center center;
}

.card_box {
  position: relative;
  padding: 2em;
}

.card_title {
  margin-bottom: .3em;
  font-size: 2em;
  font-weight: 900;
  text-align: center;
  line-height: 1.6;
  color: #78503c;
}

.card_text {
  margin-bottom: 1em;
  font-size: 1.6em;
  text-align: left;
  line-height: 1.6;
  color: #333;
}

.card_link {
  position: relative;
  margin-right: .5em;
  padding-right: .3em;
  font-size: 1.6em;
  font-weight: 800;
  text-align: right;
  line-height: 1.6;
  color: #333;
}

.card_link a:hover {
  transition: .5s;
  color: #ff9600;
}

.card_link::after {
  content: "";
  position: absolute;
  width: 8px;
  height: 8px;
  right: -2%;
  bottom: 33%;
  border-top: solid 2px #ff9600;
  border-right: solid 2px #ff9600;
  transform: rotate(45deg);
  color: #ff9600;
}
/* 上記まで　アンカーリンクボタン */

/* 下記より　一覧 */
.sd_store_intr_wrap {
  width: 100%;
  margin: 0 auto 10em auto;
}

.sd_store_box {
  width: 100%;
  margin: 0 auto 6em auto;
  padding: 2em;
  border-radius: 15px;
  box-shadow: 0 1px 4px rgb(0 0 0 / 25%);
  background-color: #fff;
}

/* 開催内容の概要など */
.sd_store_cont_text {
  margin: 0 auto .5em auto;
  font-size: 1.8em;
  text-align: left;
  line-height: 1.6;
  color: #333;
}

/* 下記 お問い合わせボタン */
.sd_inq_linkbtn {
  width: 50%;
  margin: 1em auto;
  font-size: 1.8em;
  font-weight: 800;
  line-height: 1.6;
  text-align: center;
  border-radius: 50px;
  color: #fff;
  background-color: #78503c;
  transition: all .3s;
}

a.sd_inq_link {
  display: block;
  padding: 1em;
  color: #fff;
}

.sd_store_name span {display: inline-block;}

.sd_store_name a:hover,
.sd_store_name span a:hover{
    color: #ff9600;
    transition: .5s;
}

.sd_inq_linkbtn:hover {
    background-color: #ff9600;
    transition: .5s;
}

.sd_store_titlebox {
  width: 100%;
  margin: 0 auto;
}

.sd_store_titlebox h3 {
  width: 100%;
  position: relative;
  margin: 0 auto 1em auto;
  padding-bottom: .1em;
  font-size: 2.5em;
  font-weight: 800;
  text-align: center;
  line-height: 1.6;
  color: #78503c;
}

.sd_store_titlebox h3::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 150px;
  height: 2px;
  border-bottom: dotted 3px #78503c;
  transform: translateX(-50%);
}

.sd_store_intro {margin-bottom: 1.5em;}

/* 250616 一覧　追記 */
.sd_intro_txt {
  font-size: 2em;
  line-height: 1.6;
  text-align: center;
  color: #333;
}

.sd_li_wrap {
  width: 100%;
  margin: 1em auto 0 auto;
}

.sd_list_date_title {
  width: 100%;
  padding: .5em 0;
  margin: 2em auto 0 auto;
  font-size: 2em;
  font-weight: 800;
  line-height: 1.6;
  text-align: center;
  border: solid 1px #ff9600;
  color: #333;
  background-color: #f9f7f3;
}

.sd_store_flex {
  display: flex;
  flex-wrap: wrap;
  justify-content: left;
  align-items: flex-start;
}

.sd_li_box {width: calc((90% - 2em) / 2);}

.sd_leftbox {margin-right: 2em;}

.sd_list_flexA {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}

.sd_list_flexA dl {
  width: 100%;
  display: flex;
  /* flex: 1 1 calc(50% - 8px); */
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
}

.sd_listbox dd, .sd_listbox dt {
  width: 170px;
  display: inline-block;
  font-size: 1.6em;
  line-height: 1.6;
  text-align: left;
  color: #333;
}

.sd_show_bk {
  border: solid 1px #78503c;
  color: #333;
  background-color: #f9f7f3;
}

.sd_show_date_title {
  width: 100%;
  padding: .5em 0;
  margin: 0 auto 1em auto;
  font-size: 2em;
  font-weight: 800;
  line-height: 1.6;
  text-align: center;
  color: #fff;
  background-color: #78503c;
}

/* 250616 一覧　上記まで追記 */

/* 250619 下記 注釈分 */

.sd_annotation {
  display: block;
  padding-left: 1em;
  text-indent: -1em;
  font-size: .85em;
  text-align: left;
  line-height: 1.6;
  color: #333;
}

.sd_store_cont_text span:first-of-type {margin-top: .9em;}

.sd_strong_txt {
  font-weight: 800;
  color: #ff0000;
}
/*  */
/* 上記まで　一覧 */

/* 25/06/23 下記より　外壁屋根塗装 相談会 グラフ */
.sd_schedule_box {
  width: 100%;
  border-collapse: collapse;
}

.sd_shd_ajust1 {margin-top: 2em;}
.sd_shd_ajust2 {margin-bottom: 2em;}

.sd_graph_title,
.sd_store_name,
._sd_date,
._sd_time {
  padding: 1em 2em;
  font-size: 1.6em;
  text-align: left;
  line-height: 1.6;
  color: #333;
  border-bottom: 1px solid #ddd;
}

.sd_graph_title {
  font-size: 1.8em;
  color: #fff;
  background: #78503c;
  position: sticky;
  top: 0;
}

.sd_schedule_box tr:last-of-type {border-bottom: none;}

.sd_showroom_event_tit {
  margin-bottom: .5em;
  font-size: 2em;
  font-weight: 800;
  line-height: 1.6;
  text-align: left;
  color: #333;
}

.sd_cell_cont {
  display: flex;
  flex-wrap: wrap;
  justify-content: left;
  align-items: center;
}

.sd_list_date,
.sd_list_store {
  font-size: 1.6em;
  text-align: left;
  line-height: 1.6;
  color: #333;
}
/* 25/06/23 上記まで　外壁屋根塗装 相談会 グラフ */

/* 250624 下記　追記 */
.sd_content_wrapper {margin: 2em auto 0 auto;}

._sd_container {width: 100%;}

.sd_wrap_flex {
  display: flex;
  flex-wrap: wrap;
  justify-content: left;
  align-items: center;
  gap: 1em;
}

.sd_column {flex-direction: column;}

.sd_aj_mrg {margin-top: 2em;}

.sd_box{width: calc((100% - 2em) / 2);}

.sd_date {width: calc((75% - 2em) / 2);}

.sd_shop{
  width: calc((100% - 2em) / 2);
  font-size: 1.6em;
  line-height: 1.6;
  text-align: left;
  color: #333;
}

.sd_date {
  padding: .8em;
  font-size: 1.6em;
  font-weight: 800;
  line-height: 1.6;
  color: #fff;
  border-radius: 1em;
  background-color: #78503c;
}
/* 250624 上記まで　追記 */
/*  */

/* 下記よりスマホ版 */
@media screen and (max-width: 767px) {
  .soudankai_pc {display: none;}
  .soudankai_sp {display: block;}

  .sd_store_box {margin: 0 auto 2em auto;}
  
  /* 下記より　アンカーリンクボタン */
  .anker_btn {margin: 0 auto 2em auto;}
  
  .card_item {width: 100%;}
  
  .card_item:nth-of-type(n+1) {margin-left: 0em;}
  
  .card_item:nth-of-type(n+2) {margin-top: 2em;}

    .cardtop {height: 150px;}
    
    .card_item div a img {object-position: top center;}

    .card_box {padding: 1.5em;}

    .card_title {
      margin-bottom: .2em;
      font-size: 2em;
    }

    .card_text {
      margin-bottom: .5em;
      font-size: 1.6em;
    }

    .card_link {
      margin-right: 1em;
      padding-right: .2em;
    }
    /* 上記まで　アンカーリンクボタン */

    .sd_bk_image {
      margin: 0 auto 3em auto;
      padding: 2em 0em;
    }

    .sd_store_intr_wrap {margin: 0 auto 2em auto;}

  /* 開催内容の概要など */
  .sd_store_cont_text {
    margin: 1em auto 0 auto;
    font-size: 1.6em;
  }
  /* 上記まで　店舗紹介 */

  /* 下記 お問い合わせボタン */
  .sd_inq_linkbtn {
    width: 100%;
    margin: .5em auto;
    font-size: 1.4em;
    transition: none;
  }
  /* 上記まで　一覧 */
  .sd_store_titlebox h3 {
    margin: 0 auto .5em auto;
    font-size: 2em;
  }

  /* 250616 一覧　追記 */
  .sd_intro_txt {
    font-size: 1.8em;
    text-align: left;
  }

  .sd_list_date_title {
    margin: 1em auto 0 auto;
    font-size: 1.6em;
  }

  .sd_li_box {width: 100%;}

  .sd_leftbox {margin-right: 0em;}

  .sd_list_flexA dl {
    margin-bottom: .2em;
    display: flex;
    flex: 1 1 calc(50% - 8px);
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
  }

  .sd_listbox dd, .sd_listbox dt {
    width: 50%;
    font-size: 1.4em;
  }

  .sd_show_date_title {
    margin: 0 auto .5em auto;
    font-size: 1.6em;
  }
  /* 250616 一覧　上記まで追記 */

  /* 250623 下記より　追記 外壁屋根塗装相談会 グラフ */
  .heading {display: none;}
  
  .sd_store_name,
  ._sd_date,
  ._sd_time {
    display: block;
    padding: .7em 1em;
    font-size: 1.4em;
    text-align: center;
  }
  
  ._sd_date::before,
  ._sd_time::before {
    display: none;
    /* content: attr(data-label);
    font-size: .875rem;
    font-weight: 800;
    color: #333;
    display: block;
    margin-bottom: 0.25rem; */
  }
  
  .sd_store_name {
    color: #fff;
    background: #78503c;
  }

  .sd_schedule_box tr td._sd_time:last-of-type {border-bottom: none;}

  .sd_showroom_event_tit {
    margin-bottom: 0;
    font-size: 1.8em;
  }

  .sd_shd_ajust1 {margin-top: 1em;}
  .sd_shd_ajust2 {margin-bottom: 1em;}
  /* 250623 上記まで　追記 外壁屋根塗装相談会 グラフ */

  /* 250624 下記より　追記 */
  .sd_shd_ajust3 {margin-top: 1em;}
  
  .sd_content_wrapper {margin: 1em auto 0 auto;}
  
  .sd_aj_mrg {margin-top: 1em;}

  .sd_box{width: 100%;}
  .sd_date {width: 100%;}
  
  .sd_shop{
    width: 100%;
    font-size: 1.4em;
    text-align: center;
  }

  .sd_date {
    padding: .7em 1em;
    font-size: 1.4em;
    text-align: center;
    border-radius: 0;
  }
  /* 250624 上記まで　追記 */
}
/* 上記までスマホ版 */

/* 250625 下記より追記 */
.sd_sw_wrap {width: 100%;}

.sd_sw_flex {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
}

._sd_sw_textbox {width: calc((110% - 2em) /2);}

._sd_sms_textbox {width: 72%;}

._sd_ghk_textbox {width: 60%;}

/* ショールーム相談会　横画像 */
.sd_sw_imgbox {width: calc((90% - 2em) /2);}

/* 住まいの相談会　横画像 */
.sd_sms_imgbox {width: 24.1%;}

/* 外壁屋根塗装　横画像 */
.sd_ghk_imgbox {width: 36.1%;}

._sd_sw_textbox,
._sd_sms_textbox,
._sd_ghk_textbox {margin-right: 2em;}

/* 下記よりスマホ版 */
@media screen and (max-width: 767px) {
  ._sd_sw_textbox,
  ._sd_sms_textbox,
  ._sd_ghk_textbox {width: 100%;}

  .sd_sw_imgbox,
  .sd_sms_imgbox,
  .sd_ghk_imgbox {
    width: 100%;
    margin-bottom: 1em;
  }

  ._sd_sw_textbox,
  ._sd_sms_textbox,
  ._sd_ghk_textbox {
    margin-right: 0;
    margin-bottom: 1em;
  }
}
/* 250625 上記まで追記 */

/* 250626 下記より追記 */
.__sd_sw_flex {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}

._sd_sw_linkbtn {
  width: calc((100% - 2em) /2);
  margin: 1em auto;
  font-size: 1.8em;
  font-weight: 800;
  line-height: 1.6;
  text-align: center;
  border-radius: 50px;
  color: #fff;
  background-color: #78503c;
  transition: all .3s;
}

._sd_sw_linkbtn:hover {
  background-color: #ff9600;
  transition: .5s;
}

._sd_sw_ajustmrg {margin-right: 2em;}


/* 下記よりスマホ版 */
@media screen and (max-width: 767px) {
  .__sd_sw_reverse {flex-direction: column-reverse;}
  
  ._sd_sw_linkbtn {
    width: 100%;
    margin: 0 auto;
    font-size: 1.6em;
  }
  
  ._sd_sw_ajustmrg {margin-right: 0;}
  
  ._sd_sw_ajustmrg2 {margin-bottom: 1em;}
}
/* 250626 上記まで追記 */

._sd_wd_ajust {width: 15%;}
._sd_pd_ajust {padding: 1em 2em 1em 0;}

@media screen and (max-width: 767px) {
  ._sd_wd_ajust {width: 100%;}
  ._sd_pd_ajust {padding: .7em 1em;}
}