@charset "UTF-8";
/*---------------------------------------------*/
/*
/* 共有/全体
/*
/*---------------------------------------------*/
body {
  display: none;
}

html {
  color: #101010;
  font-size: 14px;
  font-weight: normal;
  letter-spacing: 0;
  line-height: 1;
  font-family: SF Pro JP, SF Pro Text, SF Pro Icons, Hiragino Kaku Gothic Pro, ヒラギノ角ゴ Pro W3, メイリオ, Meiryo, MS Ｐゴシック, Helvetica Neue, Helvetica, Arial, sans-serif;
  scroll-behavior: smooth;
  background: #fafafc;
}

html::-webkit-scrollbar {
  display: none;
}

.pc {
  display: block;
}

.sp {
  display: none;
}

a {
  text-decoration: none;
  color: #1F1F1F;
  transition: 0.5s;
}

a[type=button] {
  -webkit-appearance: none;
  background: none;
}

a:hover {
  color: #0f61d1;
  transition: 0.5s;
}

ul {
  list-style: none;
  text-decoration: none;
}

img {
  width: 100%;
}

.pc {
  display: block;
}

.sp {
  display: none;
}

.recaptcha_text {
  font-size: 12px;
  text-align: center;
  color: #dad9d9;
}
.recaptcha_text a {
  color: #87afe7;
}

.content-title-left {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  font-size: 1.8rem;
  font-weight: bold;
}

.content-title-center {
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  font-size: 1.8rem;
  font-weight: bold;
}

.content-title-left span,
.content-title-center span {
  padding-top: 4px;
  font-size: 1.15rem;
  font-weight: 500;
  color: #107510;
}

.wrapper {
  position: relative;
  padding-top: 150px;
}

.section-wrap {
  position: relative;
  padding: 0 5%;
}

.single-title {
  display: block;
  width: 100%;
  font-size: 48px;
  margin-bottom: 60px;
}

.twin-title {
  display: flex;
  align-items: end;
  justify-content: space-between;
  margin-bottom: 60px;
}
.twin-title h2, .twin-title h3 {
  font-size: 48px;
}
.twin-title p {
  font-size: 24px;
  font-weight: 700;
}

.center-title {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  margin-bottom: 60px;
  font-size: 48px;
}
.center-title h3 {
  margin-bottom: 40px;
}
.center-title p {
  font-size: 24px;
  color: #6e6e73;
  text-align: center;
  line-height: 40px;
  margin-bottom: 8px;
}

/*========= もっとみるボタン ===============*/
.more-btn {
  font-size: 14px;
  color: #0f61d1;
  display: flex;
  align-items: center;
}
.more-btn i {
  font-size: 20px;
}

/*========= フロー切り替えボタン ===============*/
.flow-btn {
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
  display: flex;
  align-items: center;
  -moz-column-gap: 16px;
       column-gap: 16px;
  margin: 0 auto;
  margin-bottom: 120px;
  background: white;
  padding: 8px;
  border-radius: 32px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
.flow-btn button {
  position: relative;
  width: 320px;
  padding: 16px 32px;
  border-radius: 24px;
  font-size: 14px;
  z-index: 1;
}
.flow-btn button.active {
  color: white;
}

.flow-btn::after {
  content: "";
  position: absolute;
  top: 8px;
  left: 8px;
  width: 320px;
  height: calc(100% - 16px);
  background: #0f61d1;
  border-radius: 24px;
  transition: 0.5s;
}

.flow-btn.changeStyle::after {
  left: 340px;
  background: orange;
  transition: 0.5s;
}

/*---------------------------------------------*/
/*
/* ヘッダー
/*
/*---------------------------------------------*/
header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  display: flex;
  align-items: center;
  flex-direction: column;
  padding-bottom: 16px;
  z-index: 99;
}
header .head_nav {
  display: flex;
  -moz-column-gap: 32px;
       column-gap: 32px;
  align-items: center;
  padding: 16px 0;
  transition: 0.5s;
}
header .head_nav h1 {
  width: 56px;
  transition: 0.5s;
}
header .head_nav nav ul {
  display: flex;
  -moz-column-gap: 32px;
       column-gap: 32px;
  align-items: center;
  font-size: 13px;
}
header .search_area {
  display: flex;
  -moz-column-gap: 16px;
       column-gap: 16px;
  align-items: center;
  background: white;
  padding: 8px 16px;
  border-radius: 40px;
  box-shadow: 0px 2px 10px 0px rgba(16, 16, 16, 0.1);
}
header .search_area p {
  font-size: 13px;
  color: #6e6e73;
  font-weight: 100;
}
header .search_area ul {
  display: flex;
  -moz-column-gap: 16px;
       column-gap: 16px;
}
header .search_area ul li {
  background: #fafafc;
  border-radius: 24px;
  box-shadow: 4px -1px 4px 0px rgba(255, 255, 255, 0.25) inset, -2px 2px 3px 0px rgba(0, 0, 0, 0.03) inset;
}
header .search_area ul li a {
  display: block;
  padding: 4px 24px;
}
header .search_area ul li:hover {
  background: #0f61d1;
  transition: 0.5s;
}
header .search_area ul li:hover a {
  color: white;
}

header.changeStyle {
  background: white;
  border-bottom: #dad9d9 solid 1px;
  flex-direction: row;
  padding: 0 5%;
  justify-content: space-between;
}
header.changeStyle h1 {
  width: 24px;
  transition: 0.5s;
}
header.changeStyle .head_nav {
  padding: 8px 0;
  transition: 0.5s;
}
header.changeStyle .search_area {
  box-shadow: none;
  background: white;
}

.fv_btn_side {
  position: fixed;
  bottom: 86px;
  display: flex;
  flex-direction: column;
  row-gap: 1vh;
  letter-spacing: 1px;
  font-weight: bold;
  right: -240px;
  z-index: 99;
  transition: 0.6s;
}
.fv_btn_side a {
  writing-mode: vertical-rl;
  text-orientation: upright;
  background: white;
  color: #0f61d1;
  padding: 16px;
  border-radius: 24px;
  box-shadow: 0px 2px 10px 0px rgba(16, 16, 16, 0.1);
  transition: 0.5s;
  display: flex;
  align-items: center;
}
.fv_btn_side a.line_btn {
  padding: 0px;
  background-color: unset;
  box-shadow: none;
}
.fv_btn_side a.line_btn .logo_box {
  width: 41px;
  height: 41px;
}

.fv_btn_side.changeStyle {
  right: 16px;
  transition: 0.6s;
}

/*---------------------------------------------*/
/*
/* クイックナビ
/*
/*---------------------------------------------*/
.quick_nav {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  -moz-column-gap: 5vw;
       column-gap: 5vw;
  padding: 80px 0;
}
.quick_nav li a {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  row-gap: 16px;
}
.quick_nav li a div {
  width: 96px;
  height: 96px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: white;
  box-shadow: 2px 4px 12px rgba(0, 0, 0, 0.12);
  border-radius: 100px;
}
.quick_nav li a div i {
  font-size: 220%;
  color: #0f61d1;
}
.quick_nav li a span {
  color: #0f61d1;
}
.quick_nav li a .img_box_wrap {
  width: 96px;
  height: 96px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: white;
  box-shadow: 2px 4px 12px rgba(0, 0, 0, 0.12);
  border-radius: 100px;
}
.quick_nav li a .img_box_wrap .img_box {
  width: 31px;
  height: 31px;
  box-shadow: none;
}

/*---------------------------------------------*/
/*
/* フッター
/*
/*---------------------------------------------*/
footer {
  width: 100%;
  padding: 0 10%;
  padding-bottom: 80px;
}
footer .foot-box {
  width: 100%;
  display: flex;
  justify-content: space-between;
  border-top: solid 1px #dad9d9;
  padding-top: 16px;
  letter-spacing: 1px;
}
footer .foot-box .foot-left {
  width: 40%;
  display: flex;
  flex-direction: column;
  row-gap: 8px;
}
footer .foot-box .foot-left .foot-logo {
  width: 120px;
  margin-bottom: 32px;
}
footer .foot-box .foot-left .foot-info {
  margin-bottom: 16px;
}
footer .foot-box .foot-left li {
  font-size: 13px;
  color: #101010;
  line-height: 170%;
}
footer .foot-box .foot-left li a {
  display: inline;
}
footer .foot-box .foot-right {
  width: 60%;
  padding-top: 88px;
}
footer .foot-box .foot-right .foot-map {
  display: flex;
  justify-content: space-between;
}
footer .foot-box .foot-right .foot-map .foot-list {
  height: -moz-fit-content;
  height: fit-content;
  display: flex;
  flex-direction: column;
  row-gap: 16px;
  align-items: start;
}
footer .foot-box .foot-right .foot-map .foot-list li {
  text-align: left;
  font-size: 13px;
  color: #101010;
}
footer .foot-box .foot-right .foot-map .foot-list li a {
  color: #6e6e73;
}
footer .foot-box .foot-right .foot-map .foot-list div {
  display: flex;
  -moz-column-gap: 16px;
       column-gap: 16px;
}
footer .foot-box .foot-right .foot-map .foot-list div a {
  font-size: 13px;
  color: #6e6e73;
  line-height: 160%;
}
footer .foot-box .foot-right .foot-map .foot-list div a:hover {
  color: #0f61d1;
}
footer .foot-box .foot-right .foot-map .foot-list:hover {
  color: #0f61d1;
}
footer .foot-box .foot-right .foot-map .foot-list-heading {
  font-size: 13px;
  font-weight: 700;
}
footer .foot-other {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 24px;
}
footer .foot-other .foot-other-left {
  display: flex;
  -moz-column-gap: 24px;
       column-gap: 24px;
}
footer .foot-other .foot-other-left a {
  font-size: 13px;
  color: #6e6e73;
}
footer .foot-other .foot-other-right {
  display: flex;
  -moz-column-gap: 24px;
       column-gap: 24px;
}
footer .foot-other .foot-other-right a {
  font-size: 13px;
  color: #0f61d1;
}
footer .foot-other .foot-other-right a img {
  width: 24px;
}

/*---------------------------------------------*/
/*
/* ページネーション
/*
/*---------------------------------------------*/
.pagination {
  padding-top: 80px;
}
.pagination .page-numbers {
  display: flex;
  align-items: center;
  justify-content: center;
  -moz-column-gap: 16px;
       column-gap: 16px;
  position: relative;
  color: #dad9d9;
  font-size: 14px;
}
.pagination .current {
  color: #101010;
}
.pagination .current::before {
  content: "●";
  color: #0f61d1;
  font-size: 6px;
  position: absolute;
  bottom: -16px;
  left: 1.5px;
}
.pagination i {
  color: #6e6e73;
  font-size: 24px;
}

/*---------------------------------------------*/
/*
/* ファーストビュー
/*
/*---------------------------------------------*/
.fv {
  position: relative;
  height: calc(100vh - 150px);
}
.fv .fv_logo {
  position: absolute;
  top: 24px;
  left: 4vw;
  width: 104px;
}
.fv .fv_text {
  position: absolute;
  bottom: 32px;
  left: 4vw;
  z-index: 1;
}
.fv .fv_text h2 {
  font-size: clamp(80px, 10vw, 120px);
  color: white;
  line-height: 100%;
  margin-bottom: 16px;
}
.fv .fv_text p {
  color: white;
  font-size: 20px;
}
.fv .fv_btn {
  position: absolute;
  bottom: 24px;
  right: 4vw;
  display: flex;
  -moz-column-gap: 8px;
       column-gap: 8px;
  z-index: 1;
}
.fv .fv_btn a {
  background: white;
  border-radius: 24px;
  padding: 12px 24px;
  display: flex;
  align-items: center;
  -moz-column-gap: 8px;
       column-gap: 8px;
}
.fv .fv_btn a span {
  width: 20px;
  height: 20px;
  background: #0f61d1;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 24px;
}
.fv .fv_btn a span i {
  font-size: 24px;
  color: white;
}
.fv .slide_img {
  width: 100%;
  height: 100%;
}
.fv .slide_img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.fv .slide_img .slick-list {
  width: 100%;
  height: 100%;
}
.fv .slide_img .slick-list .slick-track {
  width: 100%;
  height: 100%;
}
.fv .slide_img .slick-dots {
  top: 4%;
  right: 2%;
  width: -moz-fit-content;
  width: fit-content;
  display: flex;
  flex-direction: column;
}
.fv .slide_img .slick-dots li {
  margin: 0;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.fv .slide_img .slick-dots li button {
  padding: 0;
  width: 100%;
  height: 100%;
}
.fv .slide_img .slick-dots li button:before {
  opacity: 1;
  top: 9px;
  left: 9px;
  color: white;
}
.fv .slide_img .slick-dots li.slick-active {
  border: solid 2px white;
}
.fv .slide_img .slick-dots li.slick-active button:before {
  top: 7.5px;
  left: 7.5px;
}

/*---------------------------------------------*/
/*
/* ニュース
/*
/*---------------------------------------------*/
#NEWS {
  padding-top: 0;
  margin-bottom: 240px;
}
#NEWS .top-news_contents {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: white;
  padding: 72px 4vw;
  border-radius: 32px;
  box-shadow: 2px 4px 12px 0px rgba(0, 0, 0, 0.12);
}
#NEWS .top-news_contents ul {
  width: 40%;
}
#NEWS .top-news_contents ul li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: solid 0.7px #dfdfdf;
  padding: 24px 8px;
}
#NEWS .top-news_contents ul li div {
  width: 85%;
}
#NEWS .top-news_contents ul li span {
  display: block;
  color: #6e6e73;
  font-size: 13px;
  margin-bottom: 16px;
}
#NEWS .top-news_contents ul li p {
  font-size: 24px;
  font-weight: bold;
  line-height: 160%;
}
#NEWS .top-news_contents ul li i {
  font-size: 48px;
  color: #dfdfdf;
}
#NEWS .top-news_contents ul .active i {
  color: #0f61d1;
}
#NEWS .top-news_contents .top-news_img {
  position: relative;
  width: 55%;
  height: auto;
  max-height: 460px;
  border-radius: 24px;
  overflow: hidden;
}
#NEWS .top-news_contents .top-news_img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
#NEWS .top-news_contents .top-news_img .news_link {
  position: absolute;
  bottom: 32px;
  right: 32px;
  padding: 8px 16px;
  background: white;
  border-radius: 24px;
}
#NEWS .top-news_contents .top-news_img .news_link:hover {
  background: #0f61d1;
  color: white;
}

/*---------------------------------------------*/
/*
/* 新着物件
/*
/*---------------------------------------------*/
.new_properties {
  margin-bottom: 240px;
  /* Chrome, Safari, Opera 用にスクロールバーを非表示 */
}
.new_properties .top-new_prop {
  width: 100%;
  padding-left: 5%;
  overflow-x: auto; /* 横スクロールを可能にする */
  white-space: nowrap; /* 折り返し防止 */
  margin-bottom: 40px;
}
.new_properties .top-new_prop::-webkit-scrollbar {
  display: none;
}
.new_properties ul {
  display: flex;
  width: -moz-fit-content;
  width: fit-content;
  -moz-column-gap: 24px;
       column-gap: 24px;
}
.new_properties ul li {
  position: relative;
  width: 440px;
  height: 620px;
  overflow: hidden;
  border-radius: 24px;
}
.new_properties ul li img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.new_properties ul li p {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding: 32px 24px 0 24px;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.2509803922) 0%, rgba(0, 0, 0, 0) 100%);
  font-size: 24px;
  font-weight: bold;
  white-space: normal;
  color: white;
  filter: drop-shadow(0 0 5px rgba(19, 14, 11, 0.7));
}
.new_properties ul li p span {
  display: block;
  font-size: 13px;
  font-weight: bold;
  margin-bottom: 16px;
}
.new_properties .new_prop_pagenation {
  display: flex;
  -moz-column-gap: 16px;
       column-gap: 16px;
  justify-content: end;
  padding-right: 5%;
}
.new_properties .new_prop_pagenation button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 40px;
  background: #dfdfdf;
  opacity: 0.2;
}
.new_properties .new_prop_pagenation button i {
  font-size: 32px;
  color: #101010;
}
.new_properties .new_prop_pagenation button.active {
  opacity: 1;
}
.new_properties .no-item {
  width: 100%;
  height: 200px;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0.6;
  padding-right: 5%;
}
.new_properties .no-item p {
  font-size: 48px;
  font-weight: bold;
  color: #274875;
  text-align: center;
}
.new_properties .no-item p span {
  padding-top: 24px;
  display: block;
  font-size: 14px;
  color: #6e6e73;
  text-align: center;
}

/*---------------------------------------------*/
/*
/* 購入の流れ
/*
/*---------------------------------------------*/
.flow {
  margin-bottom: 240px;
}
.flow .flow_contents ul {
  width: 100%;
  display: flex;
  -moz-column-gap: 1%;
       column-gap: 1%;
  row-gap: 80px;
  flex-wrap: wrap;
  justify-content: space-between;
}
.flow .flow_contents ul li {
  width: 24%;
  background: white;
  padding: 24px 16px;
  box-shadow: 2px 4px 12px 0px rgba(0, 0, 0, 0.12);
  border-radius: 16px;
}
.flow .flow_contents ul li .flow_title {
  width: 100%;
  margin-bottom: 32px;
  font-size: 24px;
  font-weight: bold;
}
.flow .flow_contents ul li .flow_title span {
  display: block;
  color: #101010;
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 16px;
}
.flow .flow_contents ul li p {
  font-size: 13px;
  font-weight: normal;
  margin-bottom: 24px;
  line-height: 160%;
}
.flow .flow_contents ul li button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  background: #101010;
  border-radius: 24px;
  margin-left: auto;
  transition: 0.5s;
}
.flow .flow_contents ul li button:hover {
  background: #0f61d1;
  transform: scale(1.1);
  transition: 0.5s;
}
.flow .flow_contents ul li button:hover i {
  color: white;
}
.flow .flow_contents ul li i {
  font-size: 24px;
  color: #dfdfdf;
}
.flow .flow_modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  -webkit-backdrop-filter: blur(15.5px);
          backdrop-filter: blur(15.5px);
  z-index: 100;
}
.flow .flow_modal .flow_modal_wrap {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.flow .flow_modal .flow_modal_wrap .flow_modal_close {
  position: absolute;
  top: 16px;
  right: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 24px;
}
.flow .flow_modal .flow_modal_wrap .flow_modal_close i {
  font-size: 80px;
  color: white;
}
.flow .flow_modal .flow_modal_wrap .flow_modal_contents {
  position: absolute;
  width: 50%;
  height: object-fit;
  background: white;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 24px;
  padding: 32px;
  z-index: 1;
}
.flow .flow_modal .flow_modal_wrap .flow_modal_contents .flow_modal_title {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 24px;
}
.flow .flow_modal .flow_modal_wrap .flow_modal_contents p {
  font-size: 20px;
  font-weight: normal;
  line-height: 160%;
}

/*---------------------------------------------*/
/*
/* NewLifeとは
/*
/*---------------------------------------------*/
.about {
  margin-bottom: 240px;
}
.about .about_contents {
  width: 100%;
  height: 600px;
  position: relative;
  border-radius: 24px;
  overflow: hidden;
}
.about .about_contents img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.about .about_contents .about_text {
  width: calc(100% - 64px);
  position: absolute;
  bottom: 32px;
  left: 32px;
  display: flex;
  justify-content: space-between;
  align-items: end;
}
.about .about_contents .about_text p {
  width: 50%;
  font-size: 14px;
  font-weight: normal;
  line-height: 160%;
  color: white;
  filter: drop-shadow(0 0 5px rgba(19, 14, 11, 0.7));
}
.about .about_contents .about_text a {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px 16px;
  background: white;
  border-radius: 24px;
  font-size: 13px;
}

/*---------------------------------------------*/
/*
/* インスタグラム
/*
/*---------------------------------------------*/
.sns {
  margin-bottom: 240px;
}
.sns .sns_contents {
  width: 100%;
  display: flex;
  -moz-column-gap: 16px;
       column-gap: 16px;
}
.sns .sns_contents ul {
  width: 100%;
  height: 95vh;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  row-gap: 24px;
}
.sns .sns_contents ul li {
  width: 32%;
  height: 60vh;
  overflow: hidden;
  border-radius: 16px;
}
.sns .sns_contents ul li a {
  width: 100%;
  height: 100%;
}
.sns .sns_contents ul li img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.sns .sns_contents ul li:nth-child(2),
.sns .sns_contents ul li:nth-child(3),
.sns .sns_contents ul li:nth-child(6) {
  height: 30vh;
}
.sns .sns_contents .sns_text {
  width: 40%;
}
.sns .sns_contents .sns_text h3 {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 24px;
}
.sns .sns_contents .sns_text p {
  font-size: 13px;
  font-weight: normal;
  line-height: 160%;
}

#sb_instagram #sbi_images .sbi_item {
  border-radius: 21px;
  overflow: hidden;
}

/*---------------------------------------------*/
/*
/* 会社情報
/*
/*---------------------------------------------*/
.info {
  margin-bottom: 240px;
}
.info .info_contents {
  width: 100%;
  height: 80vh;
  display: flex;
  border-radius: 24px;
  overflow: hidden;
  box-shadow: 2px 4px 12px 0px rgba(0, 0, 0, 0.12);
}
.info .info_contents .info_img {
  width: 50%;
  height: 100%;
}
.info .info_contents .info_img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.info .info_contents .info_text {
  width: 50%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: start;
  padding: 0 4%;
}
.info .info_contents .info_text h4 {
  font-size: 48px;
  font-weight: bold;
  margin-bottom: 24px;
}
.info .info_contents .info_text li {
  font-size: 14px;
  font-weight: normal;
  line-height: 200%;
}
.info .info_contents .info_text ul {
  margin-bottom: 60px;
}

/*---------------------------------------------*/
/*
/* 無料相談受付中
/*
/*---------------------------------------------*/
.contact {
  margin-bottom: 240px;
}
.contact .contact_contents {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: #f2f2f7;
  padding: 80px 0;
  border-radius: 24px;
  box-shadow: 2px 4px 12px 0px rgba(0, 0, 0, 0.12);
}
.contact .contact_contents .logo {
  width: 104px;
  margin-bottom: 40px;
}
.contact .contact_contents .logo img {
  width: 100%;
}
.contact .contact_contents h4 {
  font-size: 32px;
  font-weight: bold;
  margin-bottom: 24px;
}
.contact .contact_contents p {
  font-size: 14px;
  font-weight: normal;
  line-height: 160%;
  margin-bottom: 16px;
  text-align: center;
}
.contact .contact_contents .text_en {
  font-size: 13px;
  font-weight: normal;
  line-height: 160%;
  margin-bottom: 60px;
  color: #6e6e73;
}
.contact .contact_contents .contact_btn {
  display: flex;
  -moz-column-gap: 32px;
       column-gap: 32px;
  align-items: center;
  justify-content: center;
}
.contact .contact_contents .contact_btn a {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 12px 24px;
  background: #274875;
  border-radius: 24px;
  font-size: 14px;
  color: white;
}

/*---------------------------------------------*/
/*
/* 子ページヘッダー
/*
/*---------------------------------------------*/
.child_fv {
  background-color: white;
  padding: 64px 0;
}
.child_fv .pankuzu-list {
  margin-bottom: 40px;
}
.child_fv .pankuzu-list ul {
  display: flex;
  justify-content: end;
  align-items: center;
  -moz-column-gap: 8px;
       column-gap: 8px;
}
.child_fv .pankuzu-list ul li {
  font-size: 13px;
  color: #dad9d9;
}
.child_fv .pankuzu-list ul li a {
  color: #dad9d9;
}
.child_fv .catch-copy {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-left: 5%;
  -moz-column-gap: 40px;
       column-gap: 40px;
}
.child_fv .catch-copy h3 {
  font-size: clamp(32px, 3.4vw, 64px);
  font-weight: bold;
  line-height: 140%;
}
.child_fv .child_fv_img {
  width: 55%;
  height: 56vh;
  border-radius: 24px 0 0 24px;
  overflow: hidden;
}
.child_fv .child_fv_img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.child_fv .child_fv_single_img {
  width: 90%;
  height: 56vh;
  border-radius: 24px;
  overflow: hidden;
  margin: 0 auto;
}
.child_fv .child_fv_single_img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

/*---------------------------------------------*/
/*
/* NewLifeの強み
/*
/*---------------------------------------------*/
.strengths {
  background: white;
  padding-bottom: 80px;
}
.strengths .strengths_text {
  padding: 80px 0;
  text-align: center;
  font-size: 24px;
  font-weight: 700;
  line-height: 180%;
}
.strengths .strengths-list {
  display: flex;
  flex-direction: column;
  row-gap: 80px;
}
.strengths .strengths-list .strengths-item {
  position: relative;
  border-radius: 24px;
  overflow: hidden;
  height: 480px;
}
.strengths .strengths-list .strengths-item .strengths-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}
.strengths .strengths-list .strengths-item .strengths-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.strengths .strengths-list .strengths-item .strengths-text {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  flex-direction: column;
  justify-content: end;
  padding: 24px;
  color: white;
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 68%);
}
.strengths .strengths-list .strengths-item .strengths-text span {
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 16px;
  filter: drop-shadow(0 0 5px rgba(19, 14, 11, 0.7));
}
.strengths .strengths-list .strengths-item .strengths-text h4 {
  font-size: 32px;
  font-weight: bold;
  margin-bottom: 32px;
  filter: drop-shadow(0 0 5px rgba(19, 14, 11, 0.7));
}
.strengths .strengths-list .strengths-item .strengths-text p {
  width: 50%;
  font-size: 14px;
  line-height: 150%;
  filter: drop-shadow(0 0 5px rgba(19, 14, 11, 0.7));
}

/*---------------------------------------------*/
/*
/* スタッフ紹介
/*
/*---------------------------------------------*/
.staff {
  background: #fafafc;
  padding-top: 120px;
  margin-bottom: 240px;
}
.staff .staff-list {
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 40px;
}
.staff .staff-list .staff-item {
  display: flex;
  align-items: center;
  -moz-column-gap: 4vw;
       column-gap: 4vw;
}
.staff .staff-list .staff-item .staff-img {
  width: 240px;
  height: 320px;
  border-radius: 24px;
  overflow: hidden;
}
.staff .staff-list .staff-item .staff-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.staff .staff-list .staff-item .staff-text {
  width: 35vw;
}
.staff .staff-list .staff-item .staff-text h5 {
  font-size: 24px;
  font-weight: bold;
  padding-bottom: 16px;
  border-bottom: solid 1px #dad9d9;
  margin-bottom: 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.staff .staff-list .staff-item .staff-text h5 span {
  font-size: 13px;
  color: #dad9d9;
}
.staff .staff-list .staff-item .staff-text p {
  font-size: 14px;
  line-height: 150%;
}

/*---------------------------------------------*/
/*
/* 事業紹介
/*
/*---------------------------------------------*/
.business {
  padding-top: 120px;
  padding-bottom: 120px;
}
.business .center-title h3 {
  font-size: 32px;
}
.business .center-title p {
  width: 60%;
  font-size: 24px;
  line-height: 120%;
  font-weight: 700;
}
.business .business-list {
  display: flex;
  -moz-column-gap: 1vw;
       column-gap: 1vw;
  margin-bottom: 1vw;
  flex-wrap: wrap;
  row-gap: 1vw;
}
.business .business-list .business-item {
  position: relative;
  width: 29vw;
  height: 30vw;
  border-radius: 24px;
  overflow: hidden;
  cursor: pointer;
  transition: transform 0.3s ease;
  will-change: transform;
}
.business .business-list .business-item:hover {
  transform: translateY(-5px);
}
.business .business-list .business-item .business-img {
  width: 100%;
  height: 100%;
}
.business .business-list .business-item .business-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.business .business-list .business-item .business-text {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 32%;
  color: white;
  padding: 5%;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 68%);
}
.business .business-list .business-item .business-text h4 {
  font-size: 24px;
  font-weight: bold;
}
.business .business-list:last-child {
  margin-bottom: 0;
}

/*---------------------------------------------*/
/*
/* サービス
/*
/*---------------------------------------------*/
.service {
  padding-top: 120px;
  padding-bottom: 240px;
  background: white;
}
.service .service-list {
  display: flex;
  flex-direction: column;
  row-gap: 80px;
}
.service .service-list .service-item {
  border-radius: 24px;
  overflow: hidden;
  box-shadow: 2px 4px 12px 0px rgba(0, 0, 0, 0.12);
}
.service .service-list .service-item .service-img {
  width: 100%;
  height: 56vh;
}
.service .service-list .service-item .service-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.service .service-list .service-item .service-text {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  min-height: 16vh;
  padding: 24px 40px;
  background: white;
}
.service .service-list .service-item .service-text .left_content {
  width: 70%;
}
.service .service-list .service-item .service-text .left_content h4 {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 32px;
}
.service .service-list .service-item .service-text .left_content p {
  font-size: 14px;
  line-height: 150%;
  color: #6e6e73;
  line-height: 160%;
}
.service .service-list .service-item .service-text a {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 12px 24px;
  background: #274875;
  border-radius: 24px;
  font-size: 14px;
  color: white;
}

.life_style_support .lss-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.life_style_support .lss-item .lss-img {
  width: 50%;
  height: 600px;
  border-radius: 24px;
  overflow: hidden;
}
.life_style_support .lss-item .lss-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.life_style_support .lss-item .lss-text {
  width: 48%;
}
.life_style_support .lss-item .lss-text .left_content {
  margin-bottom: 60px;
}
.life_style_support .lss-item .lss-text .left_content h4 {
  font-size: 32px;
  font-weight: bold;
  margin-bottom: 32px;
  line-height: 150%;
}
.life_style_support .lss-item .lss-text .left_content p {
  font-size: 18px;
  line-height: 130%;
}
.life_style_support .lss-item .lss-text .manager_content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 32px;
}
.life_style_support .lss-item .lss-text .manager_content .manager_img {
  width: 80px;
  height: 80px;
  border-radius: 80px;
  overflow: hidden;
}
.life_style_support .lss-item .lss-text .manager_content .manager_img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.life_style_support .lss-item .lss-text .manager_content .manager_text {
  width: calc(95% - 80px);
}
.life_style_support .lss-item .lss-text .manager_content .manager_text h5 {
  font-size: 13px;
  font-weight: bold;
  margin-bottom: 8px;
}
.life_style_support .lss-item .lss-text .manager_content .manager_text p {
  font-size: 14px;
  line-height: 150%;
}
.life_style_support .lss-item .lss-text .manager_content .manager_text .name {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 16px;
}
.life_style_support .lss-item .lss-text a {
  width: -moz-fit-content;
  width: fit-content;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 12px 24px;
  background: #274875;
  border-radius: 24px;
  font-size: 14px;
  color: white;
  margin: 0 auto;
}
.life_style_support .lss-item:last-child {
  flex-direction: row-reverse;
}

/*---------------------------------------------*/
/*
/* おすすめ物件
/*
/*---------------------------------------------*/
.recommend {
  padding-top: 120px;
  padding-bottom: 240px;
}
.recommend .recommend-list {
  display: flex;
  flex-wrap: wrap;
  -moz-column-gap: 1vw;
       column-gap: 1vw;
  row-gap: 1vw;
  justify-content: space-between;
}
.recommend .recommend-list .recommend-item {
  width: 29vw;
  height: 34vw;
  border-radius: 24px;
  overflow: hidden;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
.recommend .recommend-list .recommend-item .recommend-img {
  width: 100%;
  height: 100%;
}
.recommend .recommend-list .recommend-item .recommend-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.recommend .recommend-list .recommend-item .recommend-text {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 32%;
  color: white;
  padding: 16px;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 68%);
}
.recommend .recommend-list .recommend-item .recommend-text span {
  display: inline-block;
  font-size: 14px;
  border: solid 1px white;
  border-radius: 40px;
  padding: 4px 8px;
  margin-right: 8px;
  margin-bottom: 16px;
}
.recommend .recommend-list .recommend-item .recommend-text h4 {
  font-size: 24px;
  font-weight: bold;
}
.recommend .recommend-list .recommend-item .recommend-imgbox {
  width: 100%;
  height: calc(100% - 52px);
  position: relative;
}
.recommend .recommend-list .recommend-item .recommend-price {
  height: -moz-fit-content;
  height: fit-content;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px;
}
.recommend .recommend-list:last-child {
  margin-bottom: 0;
}

/*---------------------------------------------*/
/*
/* 物件情報
/*
/*---------------------------------------------*/
.property-filter {
  padding-top: 120px;
  margin-bottom: 60px;
}
.property-filter .property-filter-form {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  -moz-column-gap: 0.5%;
       column-gap: 0.5%;
  row-gap: 40px;
}
.property-filter .property-filter-form fieldset {
  position: relative;
  width: 33%;
  background: white;
  border: none;
  padding: 72px 32px 24px 32px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  border-radius: 16px;
  display: flex;
  -moz-column-gap: 8px;
       column-gap: 8px;
  row-gap: 8px;
  flex-wrap: wrap;
}
.property-filter .property-filter-form fieldset legend {
  position: absolute;
  top: 24px;
  left: 32px;
  display: block;
  font-size: 24px;
  font-weight: bold;
}
.property-filter .property-filter-form fieldset legend span {
  font-size: 13px;
  color: #6e6e73;
}
.property-filter .property-filter-form fieldset .custom-control {
  display: inline-flex;
  align-items: center;
  position: relative;
}
.property-filter .property-filter-form fieldset .custom-control input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
.property-filter .property-filter-form fieldset .custom-control .custom-label {
  display: inline-block;
  padding: 4px 8px;
  border: 1px solid transparent;
  transition: border 0.3s ease, box-shadow 0.3s ease;
  cursor: pointer;
  background: #f3f3f3;
  border-radius: 24px;
}
.property-filter .property-filter-form fieldset .custom-control input:checked + .custom-label {
  color: white;
  background: #0f61d1;
  border-radius: 24px;
}
.property-filter .property-filter-form button {
  background: #0f61d1;
  color: white;
  padding: 16px 32px;
  border-radius: 24px;
  font-size: 14px;
}

.property {
  padding-top: 60px;
  padding-bottom: 240px;
  background: white;
}
.property .property-list {
  display: flex;
  flex-wrap: wrap;
  -moz-column-gap: 2%;
       column-gap: 2%;
  row-gap: 1vw;
}
.property .property-list .property-item {
  width: 32%;
  height: 34vw;
  border-radius: 24px;
  overflow: hidden;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
.property .property-list .property-item .property-img {
  width: 100%;
  height: 100%;
}
.property .property-list .property-item .property-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.property .property-list .property-item .property-text {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 32%;
  color: white;
  padding: 16px;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 68%);
}
.property .property-list .property-item .property-text span {
  display: inline-block;
  font-size: 14px;
  border: solid 1px white;
  border-radius: 40px;
  padding: 4px 8px;
  margin-right: 8px;
  margin-bottom: 16px;
}
.property .property-list .property-item .property-text h4 {
  font-size: 24px;
  font-weight: bold;
}
.property .property-list .property-item .property-imgbox {
  width: 100%;
  height: calc(100% - 52px);
  position: relative;
}
.property .property-list .property-item .property-price {
  height: -moz-fit-content;
  height: fit-content;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px;
}
.property .property-list .no-item {
  width: 100%;
  height: 300px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.property .property-list .no-item p {
  color: #6e6e73;
}
.property .property-list:last-child {
  margin-bottom: 0;
}

/*---------------------------------------------*/
/*
/* モーダル
/*
/*---------------------------------------------*/
.modal {
  opacity: 0;
  visibility: hidden;
  pointer-events: none; /* 非表示時はクリックイベントを通過させる */
  transition: opacity 0.3s ease, visibility 0.3s ease;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
}
.modal.active {
  opacity: 1;
  visibility: visible;
  pointer-events: auto; /* 表示時はクリックイベントを有効にする */
}
.modal .modal-overlay {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
}
.modal .modal-wrap {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 80%;
  height: 98vh;
  background: white;
  border-radius: 24px;
  overflow: hidden;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
.modal .modal-wrap .modal-content {
  height: 100%;
}
.modal .modal-wrap .modal-content .wp-block-heading {
  font-size: 16px;
  margin-bottom: 8px;
}
.modal .modal-wrap .modal-content .modal-detail-container {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
}
.modal .modal-wrap .modal-content .modal-text {
  width: 100%;
  height: 40%;
  padding: 24px 16px 16px 16px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.modal .modal-wrap .modal-content .modal-text .modal-body {
  display: flex;
  justify-content: space-between;
}
.modal .modal-wrap .modal-content .modal-text .modal-body .modal-content {
  width: 28%;
}
.modal .modal-wrap .modal-content .modal-text .modal-body ul {
  width: 70%;
  display: flex;
  -moz-column-gap: 1.335%;
       column-gap: 1.335%;
  row-gap: 16px;
  flex-wrap: wrap;
}
.modal .modal-wrap .modal-content .modal-text .modal-body ul li {
  width: 24%;
  color: #6e6e73;
  padding: 0;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}
.modal .modal-wrap .modal-content .modal-text .modal-body ul li span {
  display: block;
  font-weight: bold;
  color: #101010;
  margin-bottom: 16px;
}
.modal .modal-wrap .modal-content .modal-text .modal-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 24px;
  border-bottom: solid 1px #dad9d9;
  margin-bottom: 24px;
}
.modal .modal-wrap .modal-content .modal-text .modal-head .modal-head {
  display: flex;
  justify-content: space-between;
}
.modal .modal-wrap .modal-content .modal-text .modal-head .modal-head .modal-title {
  width: 70%;
}
.modal .modal-wrap .modal-content .modal-text .modal-head .modal-head .modal-category {
  width: 29%;
}
.modal .modal-wrap .modal-content .modal-text .modal-head .modal-head .modal-category .category {
  margin-bottom: 0;
}
.modal .modal-wrap .modal-content .modal-text p {
  margin-bottom: 0;
}
.modal .modal-wrap .modal-content .modal-thumbnail {
  width: 100%;
  height: 60%;
  position: relative;
}
.modal .modal-wrap .modal-content .modal-thumbnail .modal-img_slide {
  width: 100%;
  height: 100%;
  background: #373737;
}
.modal .modal-wrap .modal-content .modal-thumbnail .modal-img_slide img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.modal .modal-wrap .modal-content .modal-thumbnail .modal-btn {
  width: -moz-fit-content;
  width: fit-content;
  display: flex;
  justify-content: center;
  -moz-column-gap: 16px;
       column-gap: 16px;
  position: absolute;
  bottom: 16px;
  right: 16px;
  z-index: 99;
}
.modal .modal-wrap .modal-content .modal-thumbnail .modal-btn a {
  min-width: 160px;
  padding: 8px 24px;
  background: #274875;
  color: white;
  border-radius: 24px;
  font-size: 14px;
  text-align: center;
}
.modal .modal-wrap .modal-close {
  position: absolute;
  top: 16px;
  right: 16px;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  background: black;
  border-radius: 24px;
  z-index: 99;
}
.modal .modal-wrap .modal-close i {
  font-size: 40px;
  color: white;
}
.modal .modal-wrap .modal-img {
  width: 100%;
  height: 60vh;
  border-radius: 24px;
  overflow: hidden;
}
.modal .modal-wrap .modal-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.modal .modal-wrap .modal-text {
  padding-top: 24px;
}
.modal .modal-wrap .modal-text h4 {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 16px;
}
.modal .modal-wrap .modal-text p {
  font-size: 14px;
  line-height: 160%;
  margin-bottom: 24px;
}
.modal .modal-wrap .modal-text .modal-price {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px;
}

/*---------------------------------------------*/
/*
/* 会社情報
/*
/*---------------------------------------------*/
.company {
  padding-top: 60px;
  padding-bottom: 240px;
}
.company .center-title {
  margin-bottom: 0;
}
.company .center-title span {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 24px;
}
.company .center-title h3 {
  text-align: center;
  line-height: 120%;
}
.company .center-title p {
  width: 60%;
  font-size: 24px;
  line-height: 160%;
  font-weight: 700;
  margin-bottom: 0;
}

.president {
  margin-bottom: 240px;
}
.president .president_box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: white;
  padding: 72px 32px;
  border-radius: 16px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
.president .president_box .president_text {
  width: 50%;
}
.president .president_box .president_text h4 {
  font-size: 32px;
  font-weight: bold;
  margin-bottom: 16px;
}
.president .president_box .president_text p {
  font-size: 14px;
  line-height: 200%;
  margin-bottom: 60px;
}
.president .president_box .president_text h5 {
  font-size: 24px;
  font-weight: bold;
}
.president .president_box .president_text h5 span {
  display: block;
  font-size: 13px;
  color: #6e6e73;
  margin-bottom: 16px;
}
.president .president_box .president_img {
  width: 45%;
  border-radius: 24px;
  overflow: hidden;
}
.president .president_box .president_img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.company-info {
  margin-bottom: 240px;
}
.company-info .company_infobox {
  display: flex;
  justify-content: space-between;
}
.company-info .company_infobox .company_img {
  width: 45%;
  border-radius: 24px;
  overflow: hidden;
}
.company-info .company_infobox .company_img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.company-info .company_infobox ul {
  width: 50%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  row-gap: 32px;
}
.company-info .company_infobox ul li {
  font-size: 14px;
  width: 100%;
  display: flex;
}
.company-info .company_infobox ul li span {
  padding-bottom: 24px;
  border-bottom: solid 1px #dad9d9;
  line-height: 130%;
}
.company-info .company_infobox ul li .company_info_title {
  width: 20%;
  font-weight: bold;
  border-bottom: solid 1px #101010;
}
.company-info .company_infobox ul li .company_info_detail {
  width: 80%;
  padding-left: 16px;
}

.access .access_box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 80px;
}
.access .access_box .access_img {
  width: 50%;
  height: 400px;
  border-radius: 24px;
  overflow: hidden;
}
.access .access_box .access_img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.access .access_box .access_img iframe {
  width: 100%;
  height: 100%;
}
.access .access_box .access_root {
  width: 40%;
  display: flex;
  align-items: center;
  justify-content: center;
  -moz-column-gap: 8%;
       column-gap: 8%;
}
.access .access_box .access_root div {
  display: flex;
  align-items: center;
}
.access .access_box .access_root div i {
  font-size: 40px;
  margin-right: 8px;
}
.access .access_box .access_root div span {
  font-weight: 700;
  margin-right: 24px;
}
.access .access_box .access_text {
  width: 40%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  -moz-column-gap: 8%;
       column-gap: 8%;
}
.access .access_box .access_text i {
  font-size: 40px;
  margin-bottom: 16px;
}
.access .access_box .access_text span {
  font-weight: 700;
  margin-bottom: 16px;
}
.access .access_box .access_text p {
  width: 80%;
  line-height: 160%;
}

/*---------------------------------------------*/
/*
/* 売買の流れ
/*
/*---------------------------------------------*/
.buy-flow {
  padding-top: 120px;
}
.buy-flow .twin-title {
  margin-bottom: 60px;
}
.buy-flow .buy_6step {
  text-align: center;
  font-size: 24px;
  margin-bottom: 60px;
}
.buy-flow .step-list {
  display: flex;
  flex-wrap: wrap;
  -moz-column-gap: 2%;
       column-gap: 2%;
  row-gap: 16px;
  margin-bottom: 240px;
}
.buy-flow .step-list li {
  width: 32%;
  background: white;
  padding: 24px 16px;
  box-shadow: 2px 4px 12px 0px rgba(0, 0, 0, 0.12);
  border-radius: 16px;
}
.buy-flow .step-list li .flow_title {
  width: 100%;
  margin-bottom: 32px;
  font-size: 24px;
  font-weight: bold;
}
.buy-flow .step-list li .flow_title span {
  display: block;
  color: #101010;
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 16px;
}
.buy-flow .step-list li p {
  font-size: 13px;
  font-weight: normal;
  margin-bottom: 24px;
  line-height: 160%;
}
.buy-flow .flow-detail {
  display: flex;
  justify-content: space-between;
  margin-bottom: 240px;
}
.buy-flow .flow-detail .detail-left {
  width: 25%;
  display: flex;
  flex-direction: column;
  row-gap: 24px;
}
.buy-flow .flow-detail .detail-left li {
  font-size: 14px;
  font-weight: bold;
}
.buy-flow .flow-detail .detail-left .active {
  color: #0f61d1;
}
.buy-flow .flow-detail .detail-right {
  width: 70%;
}
.buy-flow .flow-detail .detail-right ul {
  display: flex;
  flex-direction: column;
  row-gap: 24px;
}
.buy-flow .flow-detail .detail-right li {
  display: flex;
  flex-direction: column;
}
.buy-flow .flow-detail .detail-right li .detail-title {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 24px;
  font-weight: bold;
  padding: 16px;
  border-radius: 8px;
  background: #f2f2f7;
}
.buy-flow .flow-detail .detail-right li .detail-title i {
  font-size: 12px;
  transform: rotate(180deg);
  transition: 0.5s;
}
.buy-flow .flow-detail .detail-right li .detail-title i:hover {
  color: #0f61d1;
}
.buy-flow .flow-detail .detail-right li .detail-title i.rotate {
  transform: rotate(0deg);
  transition: 0.5s;
}
.buy-flow .flow-detail .detail-right li p {
  display: none;
  font-size: 16px;
  line-height: 150%;
  padding: 40px 32px 24px 32px;
  border-bottom: solid 1px #dad9d9;
}

/*---------------------------------------------*/
/*
/* ニュース
/*
/*---------------------------------------------*/
.news {
  padding-top: 120px;
}
.news .news-list {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  row-gap: 40px;
}
.news .news-list .news-item {
  width: 60%;
}
.news .news-list .news-item .news-list_img {
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding: 24px 0;
}
.news .news-list .news-item .news-list_img p {
  width: 50%;
  line-height: 150%;
}
.news .news-list .news-item .news-list_img .news-list_thumbnail {
  width: 30%;
  height: 160px;
  border-radius: 16px;
  overflow: hidden;
}
.news .news-list .news-item .news-list_img .news-list_thumbnail img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.news .news-list .news-item .news-list_text {
  width: 100%;
  padding: 24px 0;
  display: flex;
  justify-content: space-between;
  border-bottom: solid 1px #dad9d9;
}
.news .news-list .news-item .news-list_text .news-list_title {
  font-size: 24px;
  font-weight: bold;
}
.news .news-list .news-item .news-imgbox {
  width: 100%;
  height: calc(100% - 52px);
  position: relative;
}

/*---------------------------------------------*/
/*
/* 記事詳細
/*
/*---------------------------------------------*/
.news_single {
  background: white;
  padding-bottom: 240px;
}
.news_single .modal-thumbnail {
  width: 100%;
  height: 600px;
  margin-bottom: 40px;
}
.news_single .section-wrap {
  width: 1080px;
  padding: 0;
  margin: 0 auto;
  margin-bottom: 60px;
}
.news_single .section-wrap img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.news_single .section-wrap p {
  line-height: 240%;
}
.news_single .section-wrap figure {
  border-radius: 4px;
  overflow: hidden;
}
.news_single .section-wrap figure img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.news_single .section-wrap .property-image {
  margin-bottom: 60px;
}
.news_single .section-wrap .property-text {
  margin-bottom: 120px;
}
.news_single .section-wrap .property-text ul {
  display: flex;
  flex-wrap: wrap;
  row-gap: 16px;
  -moz-column-gap: 16px;
       column-gap: 16px;
}
.news_single .section-wrap .property-text ul li {
  width: 32%;
  display: flex;
  flex-direction: column;
  padding: 16px;
  border-radius: 8px;
  border: solid 1px #dad9d9;
}
.news_single .section-wrap .property-text ul li span {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 16px;
}
.news_single .section-wrap .property-btnlist {
  display: flex;
  align-items: center;
  justify-content: center;
  -moz-column-gap: 16px;
       column-gap: 16px;
}
.news_single .section-wrap .slider-item img {
  -o-object-fit: contain;
     object-fit: contain;
}
.news_single .more-btn {
  display: block;
  width: -moz-fit-content;
  width: fit-content;
  padding: 16px 40px;
  background: #274875;
  color: white;
  border-radius: 24px;
  margin: 0 auto;
}

/*---------------------------------------------*/
/*
/* お問い合わせ
/*
/*---------------------------------------------*/
.contact-form_desc {
  text-align: center;
  font-weight: 700;
  line-height: 160%;
  margin-bottom: 120px;
}

.contact-form {
  padding: 40px 0;
  margin-bottom: 240px;
}
.contact-form .contact-select-buy,
.contact-form .contact-select-sell,
.contact-form .contact-select-other {
  display: none;
}
.contact-form .contact_mb {
  display: block;
}
.contact-form .big-label {
  display: block;
  padding-top: 40px;
  font-size: 24px;
  color: #6e6e73;
  font-weight: 700;
}
.contact-form .wpcf7 {
  width: 60%;
  margin: 0 auto;
  padding: 40px 8%;
  background: white;
  border-radius: 24px;
  box-shadow: 2px 4px 12px 0px rgba(0, 0, 0, 0.12);
}
.contact-form .wpcf7 p label {
  width: 100%;
  font-weight: 700;
  line-height: 180%;
}
.contact-form .wpcf7 p label .required {
  font-size: 11px;
  color: white;
  padding: 2px 8px;
  border-radius: 24px;
  background: red;
  margin-left: 8px;
}
.contact-form .wpcf7 p label .any {
  font-size: 11px;
  color: #6e6e73;
  padding: 2px 8px;
  border-radius: 24px;
  background: #dad9d9;
  margin-left: 8px;
}
.contact-form .wpcf7 p label .wpcf7-form-control-wrap {
  display: block;
  width: 100%;
  min-height: 100%;
  margin-top: 8px;
}
.contact-form .wpcf7 p label .wpcf7-form-control-wrap input {
  width: 100%;
  height: 40px;
  background: #fafafc;
  padding: 0 16px;
  border: solid 1px #dad9d9;
  border-radius: 4px;
}
.contact-form .wpcf7 p label .wpcf7-form-control-wrap textarea {
  width: 100%;
  height: 120px;
  background: #fafafc;
  padding: 8px 16px;
  border: solid 1px #dad9d9;
  border-radius: 4px;
}
.contact-form .wpcf7 .wpcf7-submit {
  display: block;
  padding: 16px 80px;
  text-align: center;
  color: white;
  border-radius: 24px;
  background: #274875;
  margin: 0 auto;
}
.contact-form .wpcf7-form {
  display: flex;
  flex-direction: column;
  row-gap: 24px;
}
.contact-form .wpcf7 form.invalid .wpcf7-response-output, .contact-form .wpcf7 form.unaccepted .wpcf7-response-output, .contact-form .wpcf7 form.payment-required .wpcf7-response-output {
  border-color: red;
  background: rgba(255, 0, 0, 0.2);
  padding: 24px 16px;
  border-radius: 8px;
}

/*========= お問い合わせ切り替えボタン ===============*/
.contact-flow_select {
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
  display: flex;
  align-items: center;
  -moz-column-gap: 16px;
       column-gap: 16px;
  margin: 0 auto;
  background: white;
  padding: 8px;
  border-radius: 32px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
.contact-flow_select button {
  position: relative;
  width: 320px;
  padding: 16px 32px;
  border-radius: 24px;
  font-size: 14px;
  z-index: 1;
}
.contact-flow_select button.active {
  color: white;
}

.contact-flow_select::after {
  content: "";
  position: absolute;
  top: 8px;
  left: 8px;
  width: 320px;
  height: calc(100% - 16px);
  background: #0f61d1;
  border-radius: 24px;
  transition: 0.5s;
}

.contact-flow_select.centerStyle::after {
  left: 340px;
  background: orange;
  transition: 0.5s;
}

.contact-flow_select.rightStyle::after {
  left: 680px;
  background: rgb(69, 69, 69);
  transition: 0.5s;
}

/*---------------------------------------------*/
/*
/* 404
/*
/*---------------------------------------------*/
.error {
  width: 100%;
  height: 600px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.error h2 {
  font-size: clamp(32px, 3.4vw, 64px);
  font-weight: bold;
  margin-bottom: 16px;
  text-align: center;
  color: #274875;
}
.error h3 {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 16px;
  text-align: center;
}
.error p {
  text-align: center;
  line-height: 200%;
}
.error a {
  display: block;
  padding: 16px 40px;
  background: #274875;
  color: white;
  border-radius: 24px;
  font-size: 14px;
  text-align: center;
  margin-top: 16px;
}

/*---------------------------------------------*/
/*
/* サイトマップ
/*
/*---------------------------------------------*/
.sitemap {
  padding-bottom: 240px;
  background: white;
}
.sitemap .sitemap_box {
  width: 100%;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  row-gap: 24px;
  padding: 80px 32px;
  border-radius: 16px;
  border: solid 1px #dad9d9;
}
.sitemap .sitemap_box li {
  width: 33%;
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 16px;
}
.sitemap .sitemap_box li a {
  color: #274875;
  transition: 0.5s;
}
.sitemap .sitemap_box li a:hover {
  color: #0f61d1;
}

/*---------------------------------------------*/
/*
/* プライバシーポリシー
/*
/*---------------------------------------------*/
.privacy-policy {
  padding: 80px 32px;
  margin-bottom: 240px;
  background: white;
  border-radius: 16px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
.privacy-policy .privacy-policy_box {
  width: 100%;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  row-gap: 24px;
}
.privacy-policy .privacy-policy_box p {
  line-height: 200%;
  font-size: 14px;
  margin-bottom: 16px;
}
.privacy-policy .privacy-policy_box h3 {
  height: 40px;
  border-bottom: solid 1px #dad9d9;
}
.privacy-policy .privacy-policy_box h4 {
  color: #274875;
}

@media (max-width: 440px) {
  /* 440px以下の場合に適用されるCSS */
  /*---------------------------------------------*/
  /* 共有
  /*---------------------------------------------*/
  body {
    font-feature-settings: "palt"; /* プロポーショナルカーニングを有効化 */
  }
  button, a {
    -webkit-tap-highlight-color: transparent;
    color: #101010;
  }
  .pc {
    display: none !important;
  }
  .sp {
    display: block;
  }
  .wrapper {
    padding-top: 48px;
  }
  .single-title {
    font-size: 32px;
    margin-bottom: 30px;
  }
  .single-title p {
    font-size: 16px;
  }
  .twin-title {
    margin-bottom: 24px;
  }
  .twin-title p {
    font-size: 16px;
    width: -moz-min-content;
    width: min-content;
  }
  .twin-title h2, .twin-title h3 {
    font-size: 32px;
  }
  .center-title h3 {
    font-size: 32px;
  }
  .center-title p {
    font-size: 15px;
  }
  .contact {
    margin-bottom: 120px;
  }
  .contact .contact_contents {
    padding: 32px 16px;
  }
  .contact .contact_contents .logo {
    width: 72px;
  }
  .contact .contact_contents .contact_btn {
    flex-direction: column;
    row-gap: 16px;
    width: 80%;
  }
  .contact .contact_contents .contact_btn a {
    width: 100%;
    padding: 16px 0;
  }
  .child_fv {
    padding-top: 24px;
  }
  .child_fv .child_fv_single_img {
    height: 26vh;
  }
  .child_fv .catch-copy {
    padding-top: 24px;
    flex-direction: column;
    align-items: start;
  }
  .child_fv .catch-copy h3 {
    font-size: 32px;
  }
  .child_fv .catch-copy p {
    font-size: 24px;
  }
  .child_fv .child_fv_img {
    width: 100%;
    height: 26vh;
  }
  .pagination .page-numbers {
    font-size: 20px;
  }
  .modal .modal-wrap {
    width: 90%;
    height: 90vh;
  }
  .modal .modal-wrap .modal-content {
    flex-direction: column-reverse;
  }
  .modal .modal-wrap .modal-content .modal-text {
    width: 100%;
  }
  .modal .modal-wrap .modal-content .modal-text .modal-head {
    flex-direction: column;
    align-items: flex-start;
  }
  .modal .modal-wrap .modal-content .modal-thumbnail {
    width: 100%;
    height: 50%;
  }
  .modal .modal-wrap .modal-content .modal-text {
    height: 50%;
  }
  /*---------------------------------------------*/
  /* ヘッダー
  /*---------------------------------------------*/
  .header {
    border-bottom: none;
    height: 48px;
    background: white;
    flex-direction: row;
    padding: 0 5%;
    justify-content: space-between;
  }
  .header .search_area {
    display: none;
  }
  .header .head_nav {
    display: block;
    padding: 8px 0;
    transition: 0.5s;
  }
  .header .head_nav h1 {
    width: 80px;
  }
  .header .head_nav nav {
    display: none;
  }
  .header .hamburger {
    position: relative;
    width: 40px;
    height: 10px;
  }
  .header .hamburger.active span:first-child {
    top: 8px;
    transform: rotate(45deg);
  }
  .header .hamburger.active span:last-child {
    transform: rotate(-45deg);
  }
  .header .hamburger span {
    position: absolute;
    width: 100%;
    height: 2px;
    background: #101010;
    transition: all 0.3s;
  }
  .header .hamburger span:first-child {
    top: 0;
    left: 0;
  }
  .header .hamburger span:last-child {
    bottom: 0;
    left: 0;
  }
  .hum-menu {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    padding: 30% 5%;
    background: white;
    z-index: 98;
    transform: translateX(100%);
    transition: transform 0.3s ease;
  }
  .hum-menu.active {
    transform: translateX(0);
  }
  .hum-menu nav {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  .hum-menu ul {
    display: flex;
    flex-direction: column;
    row-gap: 24px;
  }
  .hum-menu ul li {
    font-size: 24px;
    font-weight: 700;
  }
  .hum-menu ul .btn {
    display: flex;
    flex-direction: column;
    padding-top: 8%;
    row-gap: 16px;
  }
  .hum-menu ul .btn a {
    font-size: 14px;
    color: #0f61d1;
  }
  .hum-menu ul:last-child {
    flex-direction: row;
    justify-content: flex-end;
    -moz-column-gap: 16px;
         column-gap: 16px;
  }
  /*---------------------------------------------*/
  /* フッター
  /*---------------------------------------------*/
  footer {
    padding: 0 5%;
    padding-bottom: 80px;
  }
  footer .foot-box {
    flex-direction: column;
  }
  footer .foot-box .foot-left {
    width: 100%;
  }
  footer .foot-box .foot-right {
    width: 100%;
    display: none;
  }
  footer .foot-other {
    flex-direction: column-reverse;
    align-items: flex-start;
  }
  footer .foot-other .foot-other-left {
    flex-direction: column;
    row-gap: 16px;
  }
  footer .foot-other .foot-other-right {
    margin-bottom: 24px;
  }
  /*---------------------------------------------*/
  /* トップページ
  /*---------------------------------------------*/
  .fv {
    height: calc(100vh - 48px);
  }
  .fv .fv_logo {
    display: none;
  }
  .fv .fv_text {
    top: 24px;
    bottom: auto;
    filter: drop-shadow(0 0 5px rgba(19, 14, 11, 0.7));
    z-index: 1;
  }
  .fv .fv_text h2 {
    font-size: clamp(40px, 16vw, 120px);
  }
  .fv .fv_text p {
    line-height: 150%;
  }
  .fv .fv_btn {
    flex-direction: column;
    row-gap: 16px;
    z-index: 1;
  }
  .fv .fv_btn a {
    justify-content: space-between;
    font-size: small;
    box-shadow: rgba(0, 0, 0, 0.12) 2px 4px 12px;
  }
  .quick_nav {
    -moz-column-gap: 6vw;
         column-gap: 6vw;
  }
  .news {
    padding-top: 0;
    margin-bottom: 120px;
  }
  .news .top-news_contents {
    padding: 16px 4vw;
  }
  .news .top-news_contents ul {
    width: 100% !important;
  }
  .news .top-news_contents ul li i {
    color: #0f61d1;
  }
  .news .top-news_contents ul li p {
    font-size: 20px;
  }
  .news .top-news_contents ul li:last-child {
    border-bottom: none;
  }
  .news .top-news_contents .top-news_img {
    display: none;
  }
  .new_properties {
    margin-bottom: 120px;
  }
  .new_properties ul li {
    width: 80vw;
    height: 56vh;
  }
  .new_properties ul li p {
    padding: 16px 0 0 16px;
    font-size: 20px;
    border-radius: 24px 24px 0 0;
  }
  .new_properties ul li p span {
    width: -moz-fit-content;
    width: fit-content;
  }
  .flow {
    margin-bottom: 120px;
  }
  .flow .flow_contents ul {
    flex-direction: column;
    row-gap: 40px;
  }
  .flow .flow_contents ul li {
    width: 100%;
  }
  .flow .flow_modal .flow_modal_wrap .flow_modal_contents {
    width: 90%;
    height: -moz-fit-content;
    height: fit-content;
  }
  .about {
    margin-bottom: 120px;
  }
  .about .about_contents {
    height: 400px;
    background: #101010;
  }
  .about .about_contents img {
    opacity: 0.8;
  }
  .about .about_contents .about_text {
    top: 32px;
    bottom: auto;
    flex-direction: column;
    align-items: start;
    height: calc(100% - 64px);
  }
  .about .about_contents .about_text p {
    width: 100%;
  }
  .sns {
    margin-bottom: 120px;
  }
  .sns .sns_contents ul {
    row-gap: 8px;
    height: 38vh;
  }
  .sns .sns_contents ul li {
    height: 60%;
  }
  .sns .sns_contents ul li:nth-child(2), .sns .sns_contents ul li:nth-child(3), .sns .sns_contents ul li:nth-child(6) {
    height: 35%;
  }
  #sb_instagram #sbi_images .sbi_item {
    border-radius: 21px;
    overflow: hidden;
  }
  #sb_instagram #sbi_images .sbi_item:nth-child(n+3) {
    display: none;
  }
  .info {
    margin-bottom: 120px;
  }
  .info .info_contents {
    flex-direction: column;
    height: auto;
  }
  .info .info_contents .info_img {
    width: 100%;
  }
  .info .info_contents .info_text {
    width: 100%;
    padding: 24px 16px;
  }
  .info .info_contents .info_text h4 {
    font-size: 32px;
  }
  .info .info_contents .info_text .more-btn {
    margin-left: auto;
  }
  /*---------------------------------------------*/
  /* 物件情報
  /*---------------------------------------------*/
  .property-filter {
    padding-top: 60px;
  }
  .property-filter .property-filter-form {
    flex-direction: column;
  }
  .property-filter .property-filter-form fieldset {
    width: 100%;
  }
  .property .property-list {
    row-gap: 32px;
  }
  .property .property-list .property-item {
    width: 100%;
    height: 80vw;
  }
  .property .property-list .property-item .property-text {
    height: 50%;
  }
  .recommend .recommend-list {
    row-gap: 32px;
  }
  .recommend .recommend-list .recommend-item {
    width: 100%;
    height: 80vw;
  }
  .recommend .recommend-list .recommend-item .recommend-text {
    height: 50%;
  }
  .modal .modal-wrap .modal-content .modal-text {
    overflow: scroll;
  }
  .modal .modal-wrap .modal-content .modal-text .modal-body {
    flex-direction: column;
  }
  .modal .modal-wrap .modal-content .modal-text .modal-body .modal-content {
    width: 100%;
    margin-bottom: 24px;
  }
  .modal .modal-wrap .modal-content .modal-text .modal-body ul {
    width: 100%;
    flex-direction: column;
  }
  .modal .modal-wrap .modal-content .modal-text .modal-body ul li {
    display: flex;
    width: 100%;
    flex-direction: row;
  }
  .modal .modal-wrap .modal-content .modal-text .modal-body ul li span {
    min-width: 30%;
  }
  .modal .modal-wrap .modal-content .modal-text .modal-body .modal-btn {
    display: flex;
    justify-content: space-between;
  }
  .modal .modal-wrap .modal-content .modal-text .modal-body .modal-btn a {
    display: block;
    width: 47%;
    background: #274875;
    border-radius: 50px;
    color: white;
    padding: 16px 0;
    text-align: center;
  }
  /*---------------------------------------------*/
  /* ニュース
  /*---------------------------------------------*/
  .news .news-list .news-item {
    width: 100%;
  }
  .news .news-list .news-item .news-list_text {
    flex-direction: column-reverse;
    align-items: flex-start;
    row-gap: 16px;
  }
  .news .news-list .news-item .news-list_img {
    flex-direction: column;
  }
  .news .news-list .news-item .news-list_img p {
    width: 100%;
    margin-bottom: 16px;
  }
  .news .news-list .news-item .news-list_img .news-list_thumbnail {
    width: 100%;
  }
  .strengths .strengths_text {
    padding-top: 0;
    font-size: 16px;
  }
  .strengths .strengths-list .strengths-item .strengths-text h4 {
    font-size: 24px;
  }
  .strengths .strengths-list .strengths-item .strengths-text p {
    width: 100%;
    font-size: 16px;
  }
  .staff {
    margin-bottom: 120px;
  }
  .staff .staff-list .staff-item {
    flex-direction: column;
    row-gap: 24px;
  }
  .staff .staff-list .staff-item .staff-img {
    width: 100%;
    height: 240px;
  }
  .staff .staff-list .staff-item .staff-text {
    width: 100%;
  }
  .news_single {
    padding: 0 5%;
    padding-bottom: 120px;
  }
  .news_single .modal-thumbnail {
    width: 100%;
    height: 270px;
    margin-bottom: 40px;
  }
  .news_single .section-wrap {
    width: 100%;
  }
  .news_single .section-wrap .property-text {
    padding: 0 5%;
  }
  .news_single .section-wrap .property-text ul {
    flex-direction: column;
    row-gap: 16px;
    padding-top: 24px;
  }
  .news_single .section-wrap .property-text ul li {
    width: 100%;
  }
  .news_single .section-wrap .property-detail h2 {
    padding: 0 5%;
  }
  .news_single .section-wrap .property-detail p {
    padding: 0 5%;
  }
  .news_single .more-btn {
    margin: 0 auto;
  }
  /*---------------------------------------------*/
  /* newlifeとは
  /*---------------------------------------------*/
  .strengths .strengths-list .strengths-item .strengths-text {
    background: linear-gradient(1deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 68%);
  }
  /*---------------------------------------------*/
  /* 売買の流れ
  /*---------------------------------------------*/
  .buy-flow {
    padding-top: 60px;
  }
  .buy-flow .flow-btn {
    width: 100%;
  }
  .buy-flow .flow-btn button {
    width: 45%;
    font-size: 12px;
  }
  .buy-flow .flow-btn::after {
    width: 160px;
  }
  .buy-flow .flow-btn.changeStyle::after {
    width: 160px;
    left: 170px;
  }
  .buy-flow .step-list {
    flex-direction: column;
    margin-bottom: 120px;
  }
  .buy-flow .step-list li {
    width: 100%;
  }
  .buy-flow .flow-detail {
    margin-bottom: 120px;
  }
  .buy-flow .flow-detail .detail-left {
    display: none;
  }
  .buy-flow .flow-detail .detail-right {
    width: 100%;
  }
  .buy-flow .flow-detail .detail-right li .detail-title {
    font-size: 16px;
  }
  /*---------------------------------------------*/
  /* 事業紹介
  /*---------------------------------------------*/
  .business .center-title p {
    width: 100%;
    font-size: 16px;
  }
  .business .business-list {
    flex-direction: column;
    row-gap: 24px;
    margin-bottom: 24px;
  }
  .business .business-list .business-item {
    width: 100%;
  }
  .business .business-list .business-item .business-text {
    height: 76%;
  }
  .service .service-list .service-item .service-text {
    padding: 24px;
    flex-direction: column;
    row-gap: 16px;
    align-items: center;
  }
  .service .service-list .service-item .service-text h4, .service .service-list .service-item .service-text p {
    width: 100%;
  }
  .service .service-list .service-item .service-text .left_content {
    width: 100%;
  }
  .life_style_support .lss-item {
    flex-direction: column;
  }
  .life_style_support .lss-item .lss-img {
    width: 100%;
    height: 240px;
    margin-bottom: 40px;
  }
  .life_style_support .lss-item .lss-text {
    width: 100%;
  }
  .life_style_support .lss-item .lss-text .left_content h4 {
    font-size: 28px;
    margin-bottom: 16px;
  }
  .life_style_support .lss-item:last-child {
    flex-direction: column;
  }
  /*---------------------------------------------*/
  /* 会社情報
  /*---------------------------------------------*/
  .company .center-title p {
    width: 100%;
    font-size: 16px;
  }
  .president .president_box {
    flex-direction: column;
    padding: 40px 32px;
  }
  .president .president_box .president_text {
    width: 100%;
    margin-bottom: 24px;
  }
  .president .president_box .president_img {
    width: 100%;
  }
  .company-info .company_infobox {
    flex-direction: column;
    row-gap: 24px;
  }
  .company-info .company_infobox .company_info {
    width: 100%;
  }
  .company-info .company_infobox .company_img {
    width: 100%;
  }
  .company-info .company_infobox ul {
    width: 100%;
  }
  .access .access_box {
    flex-direction: column;
    row-gap: 24px;
  }
  .access .access_box .access_img {
    width: 100%;
    height: 240px;
  }
  .access .access_box .access_root {
    width: 100%;
    justify-content: space-between;
  }
  .access .access_box .access_root div {
    width: 100%;
    justify-content: center;
  }
  .access .access_box .access_text {
    width: 100%;
  }
  /*---------------------------------------------*/
  /* お問い合わせ
  /*---------------------------------------------*/
  .contact-flow_select {
    width: 100%;
  }
  .contact-flow_select button {
    width: 100px;
    padding: 16px 0;
  }
  .contact-flow_select .contact-flow_select::after {
    width: 100px;
  }
  .contact-flow_select.centerStyle::after {
    left: 127px;
  }
  .contact-flow_select.rightStyle::after {
    left: 247px;
  }
  .contact-form .wpcf7 {
    width: 90%;
    padding: 40px 4%;
  }
  .contact-flow_select::after {
    width: 100px;
  }
  /*---------------------------------------------*/
  /* 追従ボタン
  /*---------------------------------------------*/
  .fv_btn_side {
    bottom: 24px;
    right: unset;
    bottom: -200px;
    width: 100%;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    -moz-column-gap: 8px;
         column-gap: 8px;
  }
  .fv_btn_side.changeStyle {
    right: unset;
    bottom: 11px;
  }
  .fv_btn_side a {
    writing-mode: horizontal-tb;
    text-orientation: mixed;
    padding: 11px 16px;
  }
}
@media (min-width: 441px) and (max-width: 1280px) {
  header .head_nav nav ul {
    -moz-column-gap: 24px;
         column-gap: 24px;
  }
  header.changeStyle .head_nav {
    -moz-column-gap: 16px;
         column-gap: 16px;
  }
  header.changeStyle .search_area {
    padding: 8px 0;
  }
  header.changeStyle .search_area p {
    font-size: 10px;
  }
  header .search_area ul {
    -moz-column-gap: 8px;
         column-gap: 8px;
  }
  header .search_area ul li {
    font-size: 11px;
    padding: 4px 0;
    -moz-column-gap: 16px;
         column-gap: 16px;
  }
  header .search_area ul li a {
    padding: 4px 16px;
  }
  .flow .flow_contents ul {
    row-gap: 40px;
    justify-content: flex-start;
  }
  .new_properties ul li p {
    border-radius: 24px 24px 0 0;
  }
  .flow .flow_contents ul li {
    width: 24.2%;
  }
}
/*---------------------------------------------*/
/*
/* アニメーション
/*
/*---------------------------------------------*/
/*========= したからふわっ ===============*/
.fadeUp {
  animation-name: fadeUpAnime;
  animation-duration: 1.5s;
  animation-fill-mode: forwards;
  opacity: 0;
}

@keyframes fadeUpAnime {
  from {
    opacity: 0;
    transform: translateY(200px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.fadeUpTrigger {
  opacity: 0;
}

/*========= ループ画像 ===============*/
.loop-slide {
  display: flex;
  width: 100%;
  height: 200px;
  overflow: hidden;
}

.loop-img {
  width: -moz-fit-content;
  width: fit-content;
  height: 100%;
  display: flex;
}

.loop-img li {
  min-width: 320px;
}

.loop-slide .loop-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.loop-slide .loop-img:first-child {
  animation: slide1 80s -40s linear infinite;
}

.loop-slide .loop-img:last-child {
  animation: slide2 80s linear infinite;
}

@keyframes slide1 {
  0% {
    transform: translateX(100%);
  }
  to {
    transform: translateX(-100%);
  }
}
@keyframes slide2 {
  0% {
    transform: translateX(0);
  }
  to {
    transform: translateX(-200%);
  }
}
/*========= カスタムスライダー用のスタイル ===============*/
.custom-slider {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: #373737;
}

.slider-container {
  width: 100%;
  height: 100%;
  position: relative;
}

.slider-item {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: opacity 0.5s ease;
  display: none;
}
.slider-item img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.slider-item.active {
  opacity: 1;
  display: block;
}

.slider-nav {
  position: absolute;
  bottom: 16px;
  left: 0;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 16px;
  z-index: 10;
}

.slider-prev, .slider-next {
  background: rgba(0, 0, 0, 0.5);
  color: white;
  border: none;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background 0.3s;
}
.slider-prev i, .slider-next i {
  font-size: 32px;
}
.slider-prev:hover, .slider-next:hover {
  background: rgba(0, 0, 0, 0.8);
}

.slider-dots {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 20px;
}

.slider-dot {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.5);
  margin: 0 6px;
  cursor: pointer;
  transition: background 0.3s ease;
}
.slider-dot.active {
  background: white;
}

body.modal-open {
  overflow: hidden;
}/*# sourceMappingURL=style.css.map */