@charset "utf-8";
/* CSS Document */

/*--------------------------------
 メインビジュアル
---------------------------------*/
.mv {
  position: relative;
  height: 410px;
  margin: 0 auto;
  padding-top: 150px;
  padding-left: 20px;
  margin-block-end:24%;
}

.mv__title {
  font-size: min(7vw, 50px);
  line-height: 2.6;
  margin-bottom: 4px;
   font-weight: 400;
  font-family: mina, serif;
}

.mv__subtitle {
  font-size: min(3.5vw, 28px);
  line-height: 1;
  margin-bottom: 15px;
  margin-block-start:120px;
  font-weight: 500;
  padding-inline-start:26px;
}

.mv__text-bg-color {
  background-color: #fff;
  padding-inline-end:20px;
}

.mv__text-and {
  font-size: min(9vw, 85px);
  color: var(--main-color);
}

.mv__img {
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
  opacity: 0;
  width: 70%;
  height: 640px;
  border-radius: 0 0 0 50px;
  background-image: url("../img/bg_mv.jpg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  animation: 1s fadeInMvImg 0.2s forwards;
}

@keyframes fadeInMvImg {
  100% {
    opacity: 1;
  }
}

.mv__btn .btn {
  width: 220px;
}


@media screen and (max-width: 768px) {
.mv {
  margin-block-end:80%;
}

.mv__title {
  font-size: min(5vw, 50px);
  line-height: 2.6;
  margin-bottom: 4px;
   font-weight: 400;
  font-family: mina, serif;
}

.mv__subtitle {
  font-size: min(4vw, 42px);
  margin-block-start:50px;
  padding: 6px;
}
}

/*Comment
-------------------------------------------*/

/* map
-------------------------------------------*/
section#map {}

/* plan
-------------------------------------------*/
section#plan {}


/* #photo
-------------------------------------------*/
#photos {
  width: 100%;
  margin: 0 auto;
  padding-block-end:180px;
}
#photos h2 {
  margin-bottom: 30px;
}
#photos p {
  text-align: center;
  margin-bottom: 35px;
}
#photos .fadein {
  width: 90%;
  margin: 0 auto;
}
.fancybox_area {
  column-count: 5;
  column-gap: 10px;
}
.fancybox_area li a {
  display: inline-block;
  margin: 10px 0 0;
  position: relative;
}
.fancybox_area li a::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  font-family: 'Font Awesome 5 Free';
  font-size: 3rem;
  content: '\f00e';
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: space-around;
  opacity: 0;
  transition: all .5s ease;
}
.fancybox_area li a:hover::before {
  opacity: 1;
}
.fancybox_area img {
  width: 100% !important;
  height: auto !important;
  vertical-align: bottom;
}
.photos_txt{
font-size: 1.55rem;
}
@media (max-width: 767px) {
  #photos {
    width: 100%;
    margin: 0 auto;
  }
  #photos p {
    width: 80%;
    margin: 0 auto 35px;
    text-align: start;
  }
  .fancybox_area {
    column-count: 3;
    width: 95%;
    margin: 0 auto;
  }
}

/* deg360
--------------------------------------*/
section#deg360 {
	width: 100%;
	background-color: #f0f0f0;
	padding-block-start:80px;
}
section#deg360 {
  width: 100%;
  background-color: #f0f0f0;
  padding-block-start: 80px;
}
section#deg360 .innerWrap{
	padding-block-end:100px;
}
section#deg360 p {
	text-align: center;
	margin-block-end: 20px;
	font-size: 1.55rem;
	letter-spacing: 0.05rem;
	line-height: 1.8;
}
section#deg360 .camera_box {
	max-width: 1080px;
	margin-inline-start: auto;
	margin-inline-end: auto;
}
section#deg360 p {
	text-align: center;
	margin-block-end: 20px;
	font-size: 1.6rem;
}

/* inquiry
--------------------------------------*/
section#inquiry {}



/* details　物件概要
--------------------------------------*/
.producer:after {
	content: "\0bb";
}

#details table {
  box-sizing: border-box;
  border-collapse: collapse;
  width: 100%;
}
#details table th, #details table td {
	border-block-end: 1px solid #5e5e5e;
	vertical-align: middle;
	font-style: normal;
	text-align: justify;
	line-height: 2;
	padding: 10px 0;
}
#details table th {
	white-space: nowrap;
  font-weight: normal;
	padding-right: 20px;
}

/* Google Map
---------------------------------*/
section#gmap {
	position: relative;
	width: 100%;
	height: 600px;
	margin: 0 auto;
}
#gmap iframe {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

/*===========================================================*/
/* sp*/
/*===========================================================*/
/* img */
@media screen and (min-width: 768px) {
	.sp-only {
		display: none;
	}
}
@media screen and (max-width: 767px) {
	.pc-only {
		display: none;
	}
}
@media screen and (max-width: 767px) {
	/* photo */
	section#photo_list {
		margin-inline-start: 3%;
	}
	section#photo_list div {
		padding: 3px 6px;
		width: 32%;
	}
	section#photo_list div:not(:nth-child(3n+3)) {
		margin-block-end: 1%;
	}
	/* deg360 */
	section#deg360 {
		width: 94%;
		margin: 0 auto;
	}
	section#deg360 .camera_box iframe {
		height: 440px;
	}
	/* details */
	#details table {
		width: 100%;
	}
	#details table th, #details table td {
		display: block;
		width: 100%;
		padding-left: 1em;
		padding-right: 1em;
		border-block-end: 0px;
	}
	#details table th {
		background-color: #eee;
	}
}