@charset "utf-8";
/* CSS Document */
/* ▼fancybox css▼ */
article section{
	max-width: 960px;
	margin: 0 auto 150px;
	font-size: 1.6rem;
	text-align: center;
}
article h2{
	margin-bottom: 30px;
	color: #2a7e9b;
	text-align: start;
}
article h2 span{
	padding-left: 20px;
	font-size: 1.6rem;
}
@media (max-width: 767px) {
	article img{
		width: 100%;
	}
	article section{
		max-width: 95%;
	}
}
/*--------------------------------------------------
 #mv
----------------------------------------------------*/
#mv{
	max-width: 100%;
}
#mv p{
	max-width: 600px;
	margin: 100px auto 0;
	text-align: start;
}
@media (max-width: 767px) {
	#mv p{
		max-width: 90%;
	}
}
/*--------------------------------------------------
 #photo
----------------------------------------------------*/
#photo ul {
  max-width: 100%;
  margin: 0 auto;
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
  text-align: center;
}
@media (max-width: 767px) {
	#photo ul {
		gap: 15px;
		grid-template-columns: repeat(3, 110px);
		grid-template-rows: repeat(3, 110px);
	}
}
/*--------------------------------------------------
 #virtualtour
----------------------------------------------------*/
#virtualtour p{
	color: #2a7e9b;
}
.vrbox {
  width: 100%;
	margin: 0 auto;
}
.vrbox iframe {
  height: 600px;
}
/*スマホ表示*/
@media screen and (max-width: 767px) {
  .vrbox {
    width: 95%;
  }
  .vrbox iframe {
    height: 400px;
  }
}
/*--------------------------------------------------
 #details
----------------------------------------------------*/
#details table {
  box-sizing: border-box;
  border-collapse: collapse;
  width: 100%;
}
#details table th, #details table td {
  border-block-end: 1px solid #DDDAD1;
  vertical-align: middle;
  font-style: normal;
  text-align: justify;
	line-height: 2;
}
#details table th {
  width: 25%;
  font-weight: normal;
}
/*スマホ表示*/
@media (max-width: 767px) {
  #details table {
    width: 100%;
  }
  #details table th, #details table td {
    display: block;
    width: 100%;
    height: auto;
    border-block-end: 0px;
    padding: 3px 10px;
  }
  #details table th {
    background-color: #DFECF0;;
  }
}

/*--------------------------------------------------
 #toform
----------------------------------------------------*/
#toform {
	display: grid;
	place-items: center;
  justify-content: center;
  align-items: center;
  height: 60px;
  width: 60px;
  position: fixed;
  bottom: -120px; 
  right: 1.5%;
  z-index: 11;
  line-height: 90px;
  background: #2b2b2b;
  border-radius: 50%;
  transition: all 0.5s ease; 
  opacity: 0;
  pointer-events: none;
}
#toform.show {
  bottom: 3%;
  opacity: 1;
  pointer-events: auto;
}

#toform:hover {
  transform: scale(1.2);
  background: #EE6F57;
}
#toform a {
	display: grid;
	place-items: center;
	width: 35px;
	height: 35px;
}
#toform span {
  color: #FFFFFF;
  font-size: 35px;
}