@charset "utf-8";
/* CSS Document */
/*******************************2501 WWG 中村************************************/
/*******************************************************************
共通
*******************************************************************/
.contents {
  max-width: 1000px;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}
p, ul li, ol li, table, dt, dd {
  font-size: 100%;
  letter-spacing: 2px;
}
h2.page_title {
  max-width: 1200px;
  padding: 20px;
  margin: 0 auto;
}
h2.page_title span.jp {
  font-size: 28px;
  font-weight: 500;
  color: #FFFFFF;
  margin-right: 40px;
}
h2.page_title span.en {
  font-size: 18px;
  font-weight: 500;
  color: #FFFFFF;
  display: inline-block;
}
h2.page_title,h2.page_title span {
  letter-spacing: 3px;
}

h3.title.new {
  letter-spacing: 3px;
  border-bottom: none;
  font-size: 30px;
  
}
h3.sub_title.new {
  font-weight: 500;
  font-size: 28px;
  letter-spacing: 3px;
  border-bottom: none;
}
h3.title.new span {
  display: block;
  text-align: center;
  font-size: 60%;
  font-weight: normal;
}
h4.f_26 {
  font-size: 26px;
  font-weight: 500;
  margin: 0;
}

.page_ttl {
  margin-top: 70px;
}
.block {
  display: block;
}
.main {
  color: #369089;
}
/*******************************************************************
header
*******************************************************************/
header.new {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  background-color: #FFFFFF;
}
header.new h1 {
  left: 20px;
}
header.new ul.global {
  justify-content: flex-end;
  margin-right: 350px;
}
header.new ul.global li.br-sp {
  display: none;
}

header.new ul.global li.inq ,header.new ul.global li.phone {
  background-color: #F5F5F5;
}
header.new ul.global li.inq {
  text-align: left;
  line-height: 1.6;
  padding: 0 20px;
  display: flex;
  align-items: center;
  height: 100%;
}
header.new ul.global li.phone {
  right: 235px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px 0 10px 15px;
  width: auto;
}
header.new ul.global li.phone a {
  font-size: 18px;
  font-weight: bold;
  color: #369089;
  display: flex;
  align-items: center;
}
header.new ul.global li.phone a .material-icons-outlined {
  margin-right: 10px;
  display: block;
}

.fixed_wrap {
  position: fixed;
  top: 120px;
  right: 0;
  z-index: 1000;
}
.fixed_wrap .fixed_item {
  width: 120px;
  height: 120px;
  padding: 15px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border: 1px solid #cccccc;
  transition: .3s;
}
.fixed_wrap .fixed_item p {
  font-weight: bold;
  text-align: center;
  margin: 0;
}
.fixed_wrap .fixed_item.observe {
  background-color: #FFFFFF;
}
.fixed_wrap .fixed_item.reservation {
  background-color: #CCCCCC;
}
.fixed_wrap .fixed_item.eventreserve {
  background-color: #369089;
}
.fixed_wrap .fixed_item.eventreserve p {
  color: #FFFFFF;
}
.fixed_wrap .fixed_item:hover {
  opacity: 0.6;
}

/*******************************************************************
TOP
*******************************************************************/
.slickwrap.new {
  margin-top: 70px;
}

.project_main_wrap {
  text-align: center;
  margin-top: 20px;
  max-width: 1000px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.instagram.new {
  margin-top: 50px;
  margin-bottom: 50px;
  padding:50px 0;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}
.instagram.new .title {
  display: flex;
  align-items: center;
  justify-content: center;
}
.instagram.new .title span {
  display: block;
  margin-right: 20px;
  width: 60px;
  flex-shrink: 0;
}



.products.contents p.f_18 {
  text-align: center;
}
.products.contents .products_row {
  display: flex;
  justify-content: space-between;
}
.products.contents .products_row .products_row_item {
  display: block;
  width: 32.5%;
  border: 1px solid #369089;
}
.products.contents .products_row .products_row_item .products_row_img {
  overflow: hidden;
}
.products.contents .products_row .products_row_item .products_row_img img {
  display: block;
  transition: .3s;
}
.products.contents .products_row .products_row_item p {
  background-color: #FFFFFF;
  color: #369089;
  text-align: center;
  padding: 10px 20px;
  margin: 0;
}
.products.contents .products_row .products_row_item:hover img {
  transform: scale(1.1);
}


.interview_wrap {
  padding-top: 110px;
  padding-bottom: 40px;
  border-top: 1px solid #ccc;
  margin-top: 60px;
}
.interview_wrap.mt0 {
  margin-top: 0px;
}
.interview_wrap .interview_wrap_inner .interview_row {
  display: flex;
}
.interview_wrap .interview_wrap_inner .interview_row .interview_row_item.interview_row_left {
  width: 50%;
}
.interview_wrap .interview_wrap_inner .interview_row .interview_row_item.interview_row_left img {
  width: 100%;
}
.interview_wrap .interview_wrap_inner .interview_row .interview_row_item.interview_row_right {
  width: 35%;
  margin-left: 40px;
}
.interview_wrap .interview_wrap_inner .interview_row .interview_row_item.interview_row_right .inner {
  width: fit-content;
  width: -webkit-fit-content;
  margin-left: auto;
  margin-right: auto;
}
.interview_wrap .interview_wrap_inner .interview_row .interview_row_item.interview_row_right .text_wrap {
  margin-top: 20px;
}
.interview_wrap .interview_wrap_inner .interview_row .interview_row_item.interview_row_right .text_wrap .box {
  display: flex;
  align-items: center;
  padding: 25px 20px;
  border-bottom: 1px solid #333333;
  flex-wrap: wrap;
  transition: .3s;
}
.interview_wrap .interview_wrap_inner .interview_row .interview_row_item.interview_row_right .text_wrap .box p {
  margin-top: 0;
  margin-bottom: 0;
}
.interview_wrap .interview_wrap_inner .interview_row .interview_row_item.interview_row_right .text_wrap .box p span{
  font-size: 48px;
  display: inline-block;
  margin-left: 10px;
}
.interview_wrap .interview_wrap_inner .interview_row .interview_row_item.interview_row_right .text_wrap .box p:first-child {
  margin-right: 35px;
}
.interview_wrap .interview_wrap_inner .interview_row .interview_row_item.interview_row_right .text_wrap .box:hover {
  background-color: #f0f0f0;
}

.footer_link_new {
  width: 45%;
}
.footer_link_new a p {
  padding: 100px 0;
}
.footer_link_new a.after_service_img p {
  background: url("../image/banner5.jpg") no-repeat center center !important;
  background-size: cover !important;
}
.footer_link_new a.staff_img p {
  background: url("../image/banner6.jpg?20231006") no-repeat center center !important;
  background-size: cover !important;
}

/*******************************************************************
モデルハウス
*******************************************************************/
.map_new {
  margin-top: 50px;
}
/*******************************************************************
販売実績
*******************************************************************/
.house_img {
  margin-top: 30px;
}
.works01 .works01_inner {
  width: 80%;
}
.works01 .works01_inner .works01_row {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.works01 .works01_inner .works01_row .works01_row_item {
  width: 30%;
  margin-bottom: 100px;
}
.works01 .works01_inner .works01_row .works01_row_item h3 {
  font-size: 32px;
  color: #FFFFFF;
  background-color: #369089;
  line-height: 1.6;
  padding: 5px 20px;
  text-align: center;
  margin: 0 0 10px 0;
  font-weight: 500;
}
.works01 .works01_inner .works01_row .works01_row_item table {
  border-collapse: collapse;
  width: 100%;
}
.works01 .works01_inner .works01_row .works01_row_item table tr th {
  font-weight: 500;
  font-size: 24px;
  padding-right: 20px;
  width: 85%;
}
.works01 .works01_inner .works01_row .works01_row_item table tr th,
.works01 .works01_inner .works01_row .works01_row_item table tr td {
  padding-top: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #000000;
}
.works01 .works01_inner .works01_row .works01_row_item table tr td {
  font-size: 28px;
  width: 15%;
}
.works01 .works01_inner .works01_row .works01_row_item table tr td span{
  font-size: 18px;
}

/*******************************************************************
シンプる。とは
*******************************************************************/
.project_main_wrap.concept {
  margin-top: 50px;
  padding-bottom: 70px;
  background: no-repeat;
}
.concept01 {
  padding: 80px 0;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}
.concept01 .concept01_inner p.f_24 {
  font-size: 24px;
  font-weight: 500;
  text-align: center;
  margin-top: 40px;
  line-height: 1.6;
}
.concept01 .concept01_inner .concept01_row {
  display: flex;
  justify-content: center;
  align-items: stretch;
}
.concept01 .concept01_inner .concept01_row .concept01_row_item {
  width: 34%;
  padding: 30px 20px;
  border: 1px solid #333333;
}
.concept01 .concept01_inner .concept01_row .concept01_row_item p.main {
  font-size: 28px;
  font-weight: bold;
  text-align: center;
  margin: 0;
}
.concept01 .concept01_inner .concept01_row .concept01_row_item p.f_18 {
  font-weight: bold;
  text-align: center;
  margin: 0;
  line-height: 1.6;
}
.concept01 .concept01_inner .concept01_row .multiply {
  margin: 0 20px;
  display: flex;
  align-items: center;
}
.concept01 .concept01_inner .concept01_row .concept01_row_item .img {
  margin-top: 20px;
}
.concept01 .concept01_inner .concept01_row .concept01_row_item .img img {
  max-height: 190px;
  width: auto;
  margin-left: auto;
  margin-right: auto;
}
.concept02 .dot.new {
  background: none;
  padding: 0;
  margin-top: 70px;
}
.concept02 .dot.new .svg_txth60 {
  height: 80px;
  width: auto;
  width: auto;
  margin: 10px 0 0 0;
  display: block;
}
.concept02 .dot.new .concept_image {
  height: auto;
  min-height: 630px;
  background-size: cover !important;
}
.concept02 .dot.new .concept_image1 {
  background: url(../image/concept/concept04.jpg) center center no-repeat;
}
.concept02 .dot.new .concept_image2 {
  background: url(../image/concept/concept05.jpg) center center no-repeat;
}
.concept02 .dot.new .concept_image3 {
  background: url(../image/concept/concept06.jpg) center center no-repeat;
}
.concept02 .dot.new .concept_image4 {
  background: url(../image/concept/concept07.jpg) center center no-repeat;
}
.concept02 .dot.new .flexbox {
  align-items: stretch;
  padding: 0;
}
.concept02 .dot.new .flexbox h5 {
  margin: 0 0 30px 0;
}
.concept02 .dot.new .flexbox h5 span {
  display: inline-block;
  font-weight: 500;
}
.concept02 .dot.new .flexbox h5 span.f_16 {
  font-size: 16px;
}
.concept02 .dot.new .flexbox h5 span.f_40 {
  font-size: 40px;
  margin-right: 10px;
}
.concept02 .dot.new .flexbox .box50 .inner {
  width: fit-content;
  width: -webkit-fit-content;
  margin-left: auto;
  margin-right: auto;
}
.concept02 .dot.new .flexbox .box50:last-child {
  padding: 50px 0;
  display: flex;
  justify-content: center;
  align-items: center;
}

.concept02 .dot.new .concept_txt {
  padding: 0;
  width: 80%;
}
.concept02 .dot.new .row .concept_txt {
  width: 100%;
}
.concept02 .dot.new img.mt60 {
  margin-top: 60px;
}

/*******************************************************************
商品紹介
*******************************************************************/
.project01 .contents p.f_26 {
  font-size: 26px;
  font-weight: 500;
  text-align: center;
  line-height: 1.6;
}
.project02 .products.contents .products_row .products_row_item p {
  display: flex;
  align-items: center;
  justify-content: center;
}
.project02 .products.contents .products_row .products_row_item p span.material-symbols-outlined {
  color: #369089;
  font-size: 24px;
  display: block;
  margin-left: 15px;
}

.project02 .number {
  font-size: 40px;
  text-align: center;
  line-height: 1.4;
  margin: 0 auto;
}
.project02 .number span {
  font-size: 16px;
  display: block; 
  text-align: center;
}

.project02 .project02_item {
  padding-top: 50px;
  border-top: 1px solid #ccc;
}
.project02 .project02_item .box50 img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.project02 .project02_item .madori_wrap {
  margin-top: 70px;
}

/*******************************************************************
オーナーインタビュー
*******************************************************************/
.interview01 .flexbox .box40 p.f_22 {
  font-size: 22px;
  line-height: 1.6;
}
.interview02 .contents .floatbox {
  width: 95%;
}
.interview02 .contents .floatbox h4 {
  font-size: 20px;
  letter-spacing: 3px;
  line-height: 1.6;
  margin: 20px 0 0 0;
  font-weight: 500;
  text-align: left;
}
.interview02 .contents .floatbox h4,.interview02 .contents .floatbox p {
  padding-left: 15px;
}
.interview02 .contents .floatbox p.voice_q {
  padding: 0;
}

.interview02 .head_nav .prev a {
  z-index: 1000;
}
/*******************************************************************
フォーム
*******************************************************************/
.newform_wrap {
  background-color: #F5F5F5;
  margin-bottom: 100px;
}

/* イベント予約：Google map追加 20251205 */
.eventreserve_img_area .map {
  display: block;
  margin-top: 40px;
}

.eventreserve_img_area .map p {
  text-align: end;
}