@charset "UTF-8";

.section_heading {
  display: flex;
  width: 100%;
  margin: 0 0 3.375em;
  align-items: center;
  justify-content: space-between;
}

.section__ttl .section_title_en {
  color: #252424;
  font-family: 'Bitstream Iowan Old Style Black BT';
  font-weight: 700;
  font-size: clamp(2.25rem, 1.977rem + 1.36vw, 3rem);
  letter-spacing: 0.03em;
}

.section__ttl .section_subtitle {
  color: #252424;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1em;
  font-weight: 700;
}


/* button */
.circle_btn {
  position: absolute;
  top: 50%;
  right: 0;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-color: #876351;
  border: 1px solid #876351;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
  overflow: hidden;
  margin-left: auto;
  transform: translateY(-50%);
}

.circle_btn::after {
  content: "";
  display: block;
  width: 16px;
  height: 2px;
  background-color: #fff;
  position: relative;
  transition: background-color 0.3s ease;
}

.circle_btn::before {
  content: "";
  position: absolute;
  width: 8px;
  height: 8px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: rotate(45deg);
  right: 15px;
  transition: border-color 0.3s ease;
}

.circle_btn:hover {
  background-color: #fff;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}

.circle_btn:hover::after {
  background-color: #876351;
}

.circle_btn:hover::before {
  border-top: 2px solid #876351;
  border-right: 2px solid #876351;
}

.more__link {
  font-weight: 700;
  position: relative;
  width: 150px;
}

/* new-mv-section */
.new_mv_section {
  overflow: hidden;
  padding: 80px 0 50px;
}

.new_mv_section .container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 270px 280px auto;
}


.new_mv_section .container .left-top {
  background: #F6F5F1;
  position: relative;
}

.new_mv_section .container .left-btm {
  grid-row: 2 / 4;
  overflow: hidden;
}

.new_mv_section .container .right-top {
  grid-row: 1 / 4;
  overflow: hidden;
}

.new_mv_section .container .right-btm {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-bottom: 50px;
}

.new_mv_section .mv_header {
  color: #252424;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-top: 80px;
  text-align: center;
}

.new_mv_section .mv_header .lead_txt {
  position: relative;
  font-size: clamp(1.5rem, 1.227rem + 1.36vw, 2.25rem);
  font-weight: 700;
}

.new_mv_section .mv_header .lead_txt .italic {
  color: #876351;
  font-family: "Bonheur Royale", cursive;
  font-size: clamp(2rem, 1.818rem + 0.91vw, 2.5rem);
  font-weight: 400;
  font-style: normal;
  transform: rotate( -15deg );
  position: absolute;
  top: -40px;
  left: -70px;
}

.new_mv_section .mv_header .main_ttl {
  color: #252424;
  font-family: 'Bitstream Iowan Old Style Black BT';
  font-size: clamp(1.75rem, 1.295rem + 2.27vw, 3rem);
  font-weight: 700;
  line-height: 1.2;
}

.new_mv_section .mv_header .main_ttl .ttl_name::after {
  position: absolute;
  content: '';
  bottom: -10px;
  left: 0;
  width: 100%;
  height: 1px;
  background: #252424;
}

.new_mv_section .mv_header .main_ttl .ttl_name{
  font-size: clamp(3.75rem, 3.477rem + 1.36vw, 4.5rem);
  font-family: 'Bitstream Iowan Old Style Black BT';
  font-weight: 700;
  position: relative;
}

.new_mv_section .container .left-btm img{
  width: 150%;
}

.new_mv_section .container .right-top img{
  width: 150%;
}

.new_mv_section .container .right-btm_wrapper {
  text-align: center;
  padding: 30px 60px 20px 20px;
}

.new_mv_section .container .right-top .right-btm_ttl {
  position: relative;
  font-family: "Noto Sans JP", sans-serif;
  font-size: clamp(1.25rem, 1.159rem + 0.45vw, 1.5rem);
  font-weight: 700;
  margin: 0 auto 20px;
  width: 100%;
}

.new_mv_section .container .right-top .right-btm_ttl::before,
.new_mv_section .container .right-top .right-btm_ttl::after 
{
  position: absolute;
  content: '';
  top: 50%;
  transform: translateY(-50%);
  width: 14vw;
  height: 2px;
  background: #252424;
}

.new_mv_section .container .right-top .right-btm_ttl::before {
  left: 0;
}

.new_mv_section .container .right-top .right-btm_ttl::after {
  right: 0;
}

.btm_button_wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.25rem;
}

.mv_btn_link {
  border-radius: 10px;
  color: #fff;
  font-size: clamp(1.25rem, 1.159rem + 0.45vw, 1.5rem);
  padding: 20px;
  position: relative;
  display: inline-block;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  width: 20vw;
  box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.35);
}

.mv_btn_link.blue {
  background: #165E83;
}

.mv_btn_link.green {
  background: #4EA3A5;
}

.top_mv_btn.circle_btn {
  background-color: #fff;
  border: solid 1px #fff;
  right: 10px;
}

.mv_btn_link.blue .top_mv_btn.circle_btn::before {
  border-top: solid 2px #165E83;
  border-right: 2px solid #165E83;
}

.mv_btn_link.blue .top_mv_btn.circle_btn::after {
  background-color: #165E83;
}

.mv_btn_link.green .top_mv_btn.circle_btn::before {
  border-top: 2px solid #4EA3A5;
  border-right: 2px solid #4EA3A5;
}

.mv_btn_link.green .top_mv_btn.circle_btn::after {
  background-color: #4EA3A5;
}

@media (max-width: 990px) {
  .btm_button_wrapper {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1.25rem;
  }

  .mv_btn_link {
    margin-left: auto;
    margin-right: auto;
    width: 235px;
  }
}

@media (max-width: 768px) {
  .new_mv_section .container {
    grid-template-columns: 1fr;
    grid-template-rows: auto;
  }
 
  .new_mv_section .container .left-btm,
  .new_mv_section .container .right-top
  {
    grid-column: 1;
    grid-row: auto;
  }

  .new_mv_section .container .left-btm img{
    width: 100%;
  }

  .new_mv_section .container .right-top img{
    width: 100%;
  }

  .new_mv_section .mv_header .lead_txt .italic {
    top: -35px;
    left: -50px;
  }

  .new_mv_section .container .right-top .right-btm_ttl {
    max-width: 280px;
    margin-left: auto;
    margin-right: auto;
  }
  .new_mv_section .container .right-top .right-btm_ttl::before,
  .new_mv_section .container .right-top .right-btm_ttl::after 
  {
    width: 10vw;
  }
}

/* re-banner */
.re-banner .sectionWrap {
  margin: 20px auto 20px;
}

.seminar {
  display: flex;
  justify-content: center;
  margin-bottom: clamp(30px, calc(90 / 1280 * 100vw), 90px);
  position: relative;
}

.seminar .sectionWrap {
  margin: 80px auto 40px;
}

.seminar::after {
  content: '';
  position: absolute;
  width: 100%;
  height: 60%;
  background: #F6F5F0;
  top: 50%;
  right: 0;
  z-index: -1;
}

.seminar .seminar_subtitle {
  font-weight: 700;
}

.seminar .seminar_list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2em;
  list-style: none;
  padding-left: 0;
}

.seminar .seminar_img {
  padding-bottom: 20px;
}

.seminar .seminar_item {
  position: relative;
  padding-bottom: 50px;
}

.seminar .seminar_item_title {
  font-family: "Zen Kaku Gothic New", sans-serif;
  color: #3f3b3b;
  font-size: 1.25em;
  font-weight: 700;
  line-height: 1.5;
  margin: 1em 0 0 0;
}

.seminar .seminar_btn {
  position: absolute;
  bottom: 0;
  right: 10px;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-color: white;
  border: 1px solid #eaeaea;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
  overflow: hidden;
  margin-left: auto;
}

.seminar .seminar_btn::after {
  content: "";
  display: block;
  width: 16px;
  height: 2px;
  background-color: #252424;
  position: relative;
  transition: background-color 0.3s ease;
}

.seminar .seminar_btn::before {
  content: "";
  position: absolute;
  width: 8px;
  height: 8px;
  border-top: 2px solid #252424;
  border-right: 2px solid #252424;
  transform: rotate(45deg);
  right: 15px;
  transition: border-color 0.3s ease;
}

.seminar .seminar_btn:hover {
  background-color: #252424;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}

.seminar .seminar_btn:hover::after {
  background-color: white;
}

.seminar .seminar_btn:hover::before {
  border-top: 2px solid white;
  border-right: 2px solid white;
}


/* media-section */
.media {
  display: flex;
  justify-content: center;
  margin-bottom: clamp(30px, calc(90 / 1280 * 100vw), 90px);
  position: relative;
}

.media .sectionWrap {
  margin: 80px auto 40px;
}

.media .seminar_heading {
  position: relative;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 2em;
}

.media .seminar_subtitle {
  font-weight: 700;
}

.media .media_list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2em;
  list-style: none;
  padding-left: 0;
}

.media .media_img {
  padding-bottom: 20px;
}

.media .media_item_title {
  font-family: "Zen Kaku Gothic New", sans-serif;
  color: #3f3b3b;
  font-size: 1.25em;
  font-weight: 700;
  line-height: 1.5;
  margin: 10px 0;
}

.media_post_date {
  position: relative;
}

.media_post_date::before {
  content: "";
  display: block;
  background-image: url(https://interiorfudousan.com/wp/wp-content/themes/interia/assets/img/seminar/clock.png);
  background-repeat: no-repeat;
  background-position: left center;
  background-size: contain;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

.media_date_txt {
  margin-left: 1.5em;
}

.reading_cate_tag {
  background: #fff;
  border: solid 1px #3F3B3B;
  border-radius: 50px;
  display: inline-block;
  padding: 5px 10px;
  color: #3F3B3B;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  text-decoration: none;
}

/* news-event */
.news-event {
  display: flex;
  justify-content: center;
  margin-bottom: clamp(30px, calc(90 / 1280 * 100vw), 90px);
  position: relative;
}

.news-event .sectionWrap {
  margin: 80px auto 40px;
}

.news-event .news_list {
  display: grid;
  grid-template-columns: 1fr;
  gap: 2em;
  list-style: none;
  padding-left: 0;
}

.news_item:not(:last-child) {
  border-bottom: dotted 1px #d9d9d9;
  padding-bottom: 1.75em;
}

.news_content {
  display: flex;
  align-items: center;
  gap: 20px;
  font-family: "Noto Sans JP", sans-serif;
}

.news_item_title {
  font-weight: 700;
  letter-spacing: 0.05em;
}

/* instagram */
.instagram .sectionWrap {
  margin: 80px auto 40px;
}

.instagram .section_heading {
  align-items: center;
  justify-content: space-between;
  position: relative;
}

.instagram .section__ttl {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
}

.instagram .more__link {
  margin-left: auto;
}

@media screen and (max-width: 768px) {
  .section_heading {
    flex-direction: column;
    gap: 1.5em;
    margin-bottom: 3em;
  }

  .section__ttl {
    text-align: center;
  }

  .more__link {
    margin-left: auto;
  }

  .re-banner .sectionWrap {
    margin: 40px auto;
  }

  .seminar .sectionWrap {
    margin-top: 40px;
  }
  .seminar::after {
    height: 100%;
    top: 0;
  }

  .seminar .seminar_heading {
    gap: 1.5em;
  }

  .seminar .seminar-ttl {
    text-align: center;
  }

  .seminar .seminar_more_link {
    margin-left: auto;
  }

  .seminar .seminar_list {
    grid-template-columns: repeat(1, 1fr);
  }

  .media .sectionWrap {
    margin-top: 40px;
  }

  .media .seminar_heading {
    gap: 1.5em;
  }

  .media .media-ttl {
    text-align: center;
  }

  .media .media_more_link {
    margin-left: auto;
  }

  .media .media_list {
    grid-template-columns: repeat(1, 1fr);
  }

  .news_content {
    align-items: baseline;
    flex-direction: column;
    gap: 5px;
  }

  .instagram .section__ttl {
    position: inherit;
    left: 0;
    transform: none;
  }
}