@charset "utf-8";
div#contents {
  padding: 0;
}
article {
  font-family: 'Avenir', 'Helvetica Neue', 'Helvetica', 'Arial', 'Hiragino Sans', 'ヒラギノ角ゴシック', YuGothic, "Yu Gothic Medium", "Yu Gothic", 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
article p {
  font-size: 1.8rem;
  line-height: 1.8em;
  letter-spacing: 0.1em;
}
article img {
  width: 100%;
  height: auto;
}
/*font-family:"BIZ UDP 明朝 Medium","BIZ UDPMincho Medium","BIZ UDPMincho";
font-family:dnp-shuei-mincho-pr6n, sans-serif;

font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
  color: #1c1c1c;*/
.mincho {
  font-family: yu-mincho-pr6n, '游明朝', 'Yu Mincho', YuMincho, 'Hiragino Mincho Pro', serif;
  /*font-weight: 400;*/
  font-style: normal;
}
.mincho_mbold {
  font-family: 'Yu Mincho Regular', 'Yu Mincho', 'YuMincho Medium', serif;
  /*font-weight: 500;*/
  font-style: normal;
}
.mincho_bold {
  font-family: 'Yu Mincho Demibold', 'YuMincho Demibold', sans-serif;
  /*font-weight: 600;*/
  font-style: normal;
}
.line {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
}
.wrap950 {
  max-width: 950px;
  margin-left: auto;
  margin-right: auto;
}
.wrap800 {
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
}
.wrap700 {
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
}
.wrap600 {
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}
.wrap450 {
  max-width: 450px;
  margin-left: auto;
  margin-right: auto;
}
.img100 {
  width: 100%;
  height: auto;
}
.mb20 {
  margin-bottom: 20px;
}
.mb40 {
  margin-bottom: 40px;
}
.mb50 {
  margin-bottom: 50px;
}
.mb100 {
  margin-bottom: 100px;
}
.mb150 {
  margin-bottom: 150px;
}
.pb30 {
  padding-bottom: 30px;
}
.pt50 {
  padding-top: 50px;
}
.plr2 {
  padding-left: 2%;
  padding-right: 2%;
}
.tcy {
  -webkit-text-combine: horizontal; /* (Chrome9～47、Safari5.1以降) */
  -ms-text-combine-horizontal: all; /* (InternetExplorer、Edge) */
  -moz-text-combine-upright: all; /* (Firefox nightly 版) */
  text-combine-upright: all;
  font-style: normal;
}
.comment {
  padding-top: 150px;
  padding-bottom: 200px;
}
.title_comment {
  color: #473838;
  font-size: 2.5rem;
  line-height: 1.8em;
  letter-spacing: 0.1em;
  margin-right: 30px;
  font-weight: 100;
}
.title_comment span {
  font-size: 2rem;
  display: block;
  color: white;
  line-height: 1em;
  text-shadow: 3px 1px 5px rgba(0, 0, 0, 0.3);
}
.text_comment {
  float: left;
  max-width: 460px;
}
.linkbottun {
  padding: 10px;
  border: 1px black solid;
  display: block;
}
.linkbottun p {
  display: block;
  margin-bottom: 0;
}
.bvh {
  -webkit-backface-visibility: hidden;
}
.iroc {
  image-rendering: -webkit-optimize-contrast;
}
.only_pc {
  display: block;
}
.only_sp {
  display: none;
}
.brclear {
  display: block;
}
.brblock {
  display: none;
}
.img_forPC {
  display: block;
}
.img_forSP {
  display: none;
}
.backA {
  background-color: #f7f4f3;
}
.backB {
  background-color: #e5dedb;
}
/*-------------------------
   section#top
---------------------------*/
section#top {
  position: relative;
}
.slide_top {
  /*padding-top:50vh;*/
  position: relative;
  z-index: -1;
}
ul#topImgL {
  width: 100%;
  height: 80vh;
  /*padding: 200px 0px 50px 0px;*/
  /*position: relative;*/
}
.slick-list img {
  /*border-bottom-right-radius: 100px;*/
  object-fit: cover;
  height: 80vh;
  width: 100%;
}
.slide_top .slick-dots {
  bottom: 4%;
  right: 4%;
  text-align: right;
}
.slick-slider {
  margin-bottom: 0;
}
.slide_top .slick-dots li button:before, .slick-dots li.slick-active button:before {
  color: white;
}
.title {
  position: absolute;
  /*background-image: url("../img/illust_top.png");
	background-size: contain;
	background-repeat:no-repeat;
	max-width: 914px;
	height: 413px;*/
  width: 85vw;
  padding-left: 5vw;
  z-index: 2;
}
.title_wrap {
  letter-spacing: 0.25em;
  position: absolute;
  top: 11vh;
  /*background-image:url("../img/illust_title.png");
	background-size: contain;
	background-repeat:no-repeat;*/
  max-width: 800px;
  height: 332px;
  padding-top: 140px;
  color: white;
}
h1.pagetitle {
  z-index: 5;
  left: 15px;
  font-size: 3.5rem;
  font-weight: 400;
  /*line-height: 2em;*/
  /*background-color:white;*/
  margin-bottom: 15vh;
  text-shadow: 3px 1px 9px rgba(0, 0, 0, 0.5);
}
h1.pagetitle span {
  margin-right: 15px;
}
h2.pagesubtitle {
  padding: 0 0 50px 0;
  margin: 0;
  font-size: 3.3rem;
  font-weight: 400;
  text-shadow: 3px 1px 9px rgba(0, 0, 0, 0.5);
}
/*.box_rogo{
	position: absolute;
	bottom:50px;
	padding:25vh 0 0 0;
}*/
h3.projectname {
  font-size: 12.5rem;
  color: hsla(0, 0%, 100%, 0.3);
  font-weight: 400;
}
.s_pagetitle {
  font-size: 75%;
}
.title_year {
  /*width:2em;*/
  display: inline-block;
}
/*-------------------------
   section#intro
---------------------------*/
section#intro {
  /*background-image: url("../img/intro/area/bg_blue.jpg");
	background-size: contain;
	background-position:bottom right;
	background-repeat: no-repeat;*/
  /*margin-bottom:100px;*/
}
/* open house*/
#open {
  background-color: white;
  padding: 60px 2%;
  box-sizing: border-box;
}
#open h2 {
  margin: 10px auto 40px;
  font-size: 2rem;
  line-height: 2em;
  text-align: center;
}
#open p {
  font-size: 1.3rem;
}
#open h2 span {
  display: block;
}
#open h3 {
  font-size: 2.5rem;
  background: #e5dedb;
  margin-bottom: 45px;
  text-align: center;
  line-height: 2em;
}
#open h4 {
  font-size: 2rem;
  line-height: 1.8em;
  text-align: center;
  margin-bottom: 45px;
  color: #065009;
}
.wrap_btn a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 auto 45px;
  padding: 0.8em 2em;
  width: 300px;
  color: #b17922;
  font-size: 18px;
  font-weight: 700;
  border: 2px solid #b17922;
}
.wrap_btn a::after {
  content: '';
  width: 5px;
  height: 5px;
  border-top: 3px solid #b17922;
  border-right: 3px solid #b17922;
  transform: rotate(45deg);
}
.wrap_btn a:hover {
  color: #333333;
  text-decoration: none;
  background-color: hsla(37, 68%, 41%, 0.56);
}
.wrap_btn a:hover::after {
  border-top: 3px solid #333333;
  border-right: 3px solid #333333;
}
#eventmap {
  max-width: 700px;
  height: 400px;
  margin: 0 auto 40px;
}
/*-------------------------
   section#point
---------------------------*/
/*
.line_sb{
	display:flex;
	gap: 30px;
	justify-content: space-between;
}*/
.item_3 {
  float: right;
  margin-left: 30px;
  max-width: 296px;
}
.item_1 {
  margin-top: -50px;
  margin-bottom: 30px;
}
.item_4 {
  margin-top: -50px;
  float: right;
  max-width: 623px;
  line-height: 0;
}
.item_5 {
  margin-top: -50px;
  margin-bottom: 30px;
}
.item_5, .item_6 {
  max-width: 296px;
}
.main_pointA {
  text-align: right;
  /*margin-top:-50px;*/
}
/*.illust_A {
  max-width: 296px;
  margin-right: 30px;
  height: 280px;
  float: left;
}
.illust_high {
  margin-top: -100px;
  height: 350px;
}
.illust_high2 {
  margin-top: -200px;
  height: 500px;
}*/
.wrap_text {
  padding-bottom: 200px;
}
/*-------------------------
   section#plan
---------------------------*/
section#plan {
  padding-bottom: 100px;
}
.title_plan, .title_photo, .title_area, .title_virtual, .title_outline {
  font-size: 3rem;
  text-align: center;
  padding-top: 100px;
  font-weight: 400;
}
.title_renov {
  font-size: 2.1rem;
  line-height: 1.8em;
  text-align: center;
}
.renov {
  padding: 20px;
  border: 1px black solid;
}
/*------------------------
     section#photos
--------------------------*/
#photos {
  background-color: #f8f4f4;
  padding-bottom: 100px;
}
.title_photo {
  letter-spacing: 0.1em;
}
/*------------------------
     section#area
--------------------------*/
section#area h4 {
  font-size: 2.5rem;
  line-height: 1.8em;
}
.areamap_s img {
  width: 70%;
}
.areamap_kitano {
  margin-right: 30%;
}
.areamap_bukken {
  margin-left: 30%;
}
#area .blog p {
	width: fit-content;
	margin: 0 auto;
}
#area .blog {
	margin-bottom: 50px;
}
/*----------------------- 
     section#virtual 
-------------------------*/
section#virtual {
  background-color: #f7f4f3;
  padding-bottom: 150px;
}
.nodal {
  width: 100%;
  height: 600px;
  padding: 2%;
}
.nodal iframe {
  width: 100%;
  height: 100%;
}
/*-------- #service --------*/
#service {
  padding: 0px 0px 50px;
}
#service ul {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
}
#service p {
  text-align: center;
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 1.8em;
  margin-bottom: 10px;
  padding-left: 2%;
  padding-right: 2%;
}
#service ul li {
  display: inline-block;
  display: -moz-inline-box;
  /display: inline;
  /zoom: 1;
  vertical-align: top;
}
/* -------- .pagetop ---------- */
.pagetop {
  background-color: hsla(0, 0%, 100%, 0.70);
  text-align: center;
  color: white;
  width: 64px;
  height: 64px;
  padding: 40px 0 0 5px;
  position: fixed;
  bottom: 20px;
  right: 20px;
  font-size: 100%;
  z-index: 5;
  border-top: 1px solid black;
  border-left: 1px solid black;
}
.pagetop a {
  color: black;
  text-decoration: none;
}
.pagetop a:before {
  content: "△";
  color: black;
  position: absolute;
  font-size: 200%;
  top: 15px;
  left: 20px;
  text-align: center;
}
.bottom_wrap {
  background-color: #e7e5e4;
}
/*-------small screen----------------------------------------------------*/
@media screen and (max-width: 640px) {
  article p {
    font-size: 1.7rem;
  }
  /*-------------------------
	   section#top
	---------------------------*/
  .title {
    width: 100vw;
  }
  .title_wrap {
    /*text-align: center;*/
    top: 4vh;
    /*background-image:url("../img/illust_title_SP.png");
		height:450px;*/
    /*padding-top:20px;*/
    width: 90vw;
    margin: 0 auto;
  }
  h2.pagesubtitle {
    font-size: 2.3rem;
    padding-bottom: 20px;
  }
  h1.pagetitle {
    font-size: 2.7rem;
    margin-bottom: 4vh;
    line-height: 1.8em;
  }
  h1.pagetitle span {
    font-size: 75%;
    margin-bottom: 15px;
    display: block;
  }
  h3.projectname {
    font-size: 7rem;
    font-weight: 400;
  }
  ul#topImgL {
    height: 60vh;
  }
  .slick-list img {
    height: 60vh;
  }
  .slide_top {
    padding-top: 0;
  }
  .comment {
    padding: 0px 2%;
  }
  .comment_intro {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .title_comment {
    text-align: center;
    writing-mode: horizontal-tb;
    font-size: 2.3rem;
    height: 60px;
    margin-right: 0px;
    margin-top: 0px;
    float: none;
  }
  .text_comment {
    max-width: 100%;
  }
  .only_pc {
    display: none;
  }
  .only_sp {
    display: block;
  }
  .brclear {
    display: none;
  }
  .brblock {
    display: block;
  }
  .img_forPC {
    display: none;
  }
  .img_forSP {
    display: block;
  }
  section#intro {
    /*background-image: url("../img/intro/area/bg_blue_SP.jpg");*/
  }
  .comment_intro {
    margin-bottom: 100px;
  }
  /*-------------------------
   		section#point
	---------------------------*/
  .item_3 {
    float: right;
    margin-left: 0px;
    /*max-width: 296px;*/
    width: 50%;
  }
  .item_1 {
    /*margin-top:-50px;*/
    margin-bottom: 0px;
  }
  .item_4 {
    margin-top: -50px;
    float: right;
    max-width: 623px;
  }
  .item_5 {
    margin-top: 0px;
    margin-bottom: 30px;
    float: right;
  }
  .item_5, .item_6 {
    /*max-width: 296px;*/
    width: 50%;
  }
  .main_pointA {
    text-align: right;
    /*margin-top:-50px;*/
  }
  .illust_A {
    max-width: 200px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 30px;
    height: auto;
    float: none;
  }
  .wrap_text {
    padding-bottom: 200px;
    padding-left: 2%;
    padding-right: 2%;
  }
  .item_areaimage {
    width: 45%;
  }
  .areamap_s img {
    width: 100%;
  }
  .areamap_kitano {
    margin-right: 0;
  }
  .areamap_bukken {
    margin-left: 0;
  }
  .label_areaimage {
    font-size: 70%;
    padding: 30px 5px;
    top: -120px;
    right: 10px;
  }
  .label_subt {
    font-size: 80%;
  }
  .item2 {
    margin-bottom: 60px;
  }
  .item3 {
    margin-top: 40px;
  }
  .title_nagisa {
    font-size: 140%;
  }
  .wrap_banner {
    margin: 100px auto 0 auto;
    width: 100%;
  }
  .title_plan {
    height: 130px;
    margin-top: 0;
  }
  .nodal {
    height: 400px;
  }
  .comment_point1, .photo_point1, .photo_point1_2, .comment_point2, .photo_point2, .comment_point3, .photo_point3, .photo_point3_2 {
    width: 100%;
    margin: 0;
    padding: 30px 2% 50px;
    background-image: none;
  }
  .point1, .point2, .point3 {
    background-image: linear-gradient(to bottom, #f1f4f3 0%, #d2e0eb 100%);
    margin: 0 2% 50px;
    box-shadow: 2px 3px 8px hsla(0, 0%, 0%, 0.10);
  }
  .subtitleS {
    margin-bottom: 20px;
  }
}
/* ▼コンタクトボタンのcssここから▼ */
/* ---------------------------
contact
------------------------------ */
.contact button {
  border: none;
}
.contact p {
  line-height: normal;
}
.cta_btn {
  position: fixed;
  background-color: #63847b;
  border-radius: 0;
  bottom: 3%;
  right: 0;
  box-shadow: 0 1px 3px 1px rgb(0 0 0 / 8%);
  transition: all 0.3s ease;
  z-index: 90;
  cursor: pointer;
}
.cta_link {
  display: flex;
  align-items: center;
}
.cta_icon {
  padding: 2rem;
  color: #fff;
}
.cta_ttl {
  padding-left: 8px;
  padding: 2rem;
  text-align: justify;
  font-size: 1.8rem;
  letter-spacing: 0.1rem;
  font-weight: normal;
  color: #fff;
}
#cta_floating.cta_btn, .cta_floating {
  transform: translateX(10rem);
}
#cta_floating.cta_btn:hover, .cta_floating:hover {
  transform: translateX(0);
}
/*スマホ表示*/
@media screen and (max-width: 767px) {
  .pcOnly {
    display: none;
  }
  #cta_floating.cta_btn, .cta_floating {
    transform: translateX(0);
  }
  .cta_btn {
    right: 16px;
    height: 60px;
    width: 60px;
    padding: 0;
    text-align: center;
    border-radius: 50%;
    border: none;
    outline: none;
    box-shadow: 0 1px 3px 1px rgb(0 0 0 / 8%);
    box-shadow: 0 2px 4px -1px rgb(0 0 0 / 20%), 0 4px 5px 0 rgb(0 0 0 / 14%), 0 1px 10px 0 rgb(0 0 0 / 12%);
    transform: translateX(calc(100% + 16px));
    transition: 0.2s cubic-bezier(0, .6, .99, 1);
  }
  .cta_link .material-icons-outlined {
    margin-left: -.3rem;
  }
}