.w950{
    max-width:950px;
	width: auto;
    margin:0 auto;
    padding-top:10px;
}

.line{
	display:flex;
	flex-wrap:wrap;
	justify-content: space-around;
}


#contents{
	padding-bottom: 100px;
}

#titleBox{
	text-align: center;
	border-bottom: 1px solid #3EB376;
}
#titleBox h2{
	font-size: 2.3rem;
	line-height: 1.8em;
}

#property{
	padding-bottom:50px;
}

/*----------------------
 .photoBox
------------------------*/

.photoBox{
	max-width:540px;
}

/* Swiperの親要素 
.swiper-parent {
  position: relative;
  overflow: hidden;
  margin: 30px auto 0;
  /*border: 1px solid #3EB376;
  --swiper-theme-color: #3EB376;/* 前・次スライドボタンの色 
}
/* Swiper本体 
.swiper-container {
  /*width: calc(100% - 100px);
  padding-bottom: 50px;
  box-sizing: content-box;
}
/* 前・次スライドボタンの縦位置調整 */
.swiper-button-prev, .swiper-button-next {
  /*top: calc((100% - 50px) * 0.5);*/
  margin-top: -22px;
  background-image:none;
  font-size: 4rem;
  color:#3EB376;
}
/* 前ページボタンのスタイル*/
.swiper-button-prev:after {
	font-family: "Material Icons"; /* 注：Material SymbolsではなくMaterial Icons */
	content: "\eac3"; /* keyboard_double_arrow_leftのUnicode*/
}
/* 次ページボタンのスタイル */
.swiper-button-next:after{
	font-family: "Material Icons";
	content: "\eac9"; /* keyboard_double_arrow_rightのUnicode */
}
/*.swiper-container h3 {
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  margin-top: 3rem;
  letter-spacing: .3rem;
  font-weight: 500;
}
/* 全体のスタイル 
.swiper-container {
  margin-bottom: 10px;
  margin-top: 30px;
}
.swiper-wrapper {
  width: 100%;
}
/* 全スライド共通スタイル 
.swiper-slide {
  width: 100%;
  padding: 15px;
  height: 40vw;
}
.swiper-slide figure {
  max-width: 510px;
  max-height:510px;
  margin-left: auto;
  margin-right: auto;
  background-color: #f0f0f0; /* 余白の色（変更可能） 
  border-radius: 20px; /* 角丸 
  display: flex;
  justify-content: center;  /* 横方向の中央揃え
  align-items: flex-start; /*画像の高さを統一させない
}

.swiper-slide img{
	border-radius: 12px;
	max-width: 100%;
	min-height: 100% !important;
    display: inline;
    width: auto; 
	object-fit:contain !important;
	object-position: center center !important;
	align-self: center;
}
/*.swiper-slide .mapTxt {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  font-size: 1.55rem;
}
.swiper-slide .mapTxt a {
  /*color: #fff;
  text-decoration: underline;
}
.swiper-slide .mapTtl {
  border-bottom: 1px #013d72 solid;
  line-height: 200%;
  margin: 1.5rem auto;
}
.swiper-pagination-bullet-active {
  width: 11px;
  height: 11px;
  background: #3EB376;
  opacity: 1;
}*/

.swiper-container {
  position: relative;
  overflow: hidden;
  padding: 15px 0;
  height: 540px;
  max-height: 600px; /*最大の高さ*/
  min-height: 400px; /*最小の高さ*/
}
  .swiper-slide {
    text-align: center;
    line-height: 1;
    display: flex;
    align-items: flex-start; /*画像の高さを統一させない*/
    justify-content: center; /*左右の中央揃え*/
	background-color: #f0f0f0; /* 余白の色（変更可能） */
	border-radius: 20px; /* 角丸 */
}
    .swiper-slide img {
      display: inline; /*念のため*/
      width: auto; /*念のため*/
	  height: 100%;
      max-width: 100%;
      max-height: 100%;
	  object-fit: contain;
      align-self: center; /*上下の中央揃え*/
    }
  .swiper-button-white {
    &:focus {
      outline: none;
    }
  }
  .swiper-button-prev {
    left: 25px;
  }
  .swiper-button-next {
    right: 25px;
  }

.swiper-pagination-bullet-active {
  width: 11px;
  height: 11px;
  background: #3EB376;
  opacity: 1;
}

.comment{
	font-size: 1.5rem;
}
.comment h4{
	color: #707070;
	line-height: 2em;
}
.comment p{
	line-height: 1.8em;
}

/*スマホ表示*/
@media screen and (max-width: 767px) {
  .swiper-parent {
    margin: 0 10px;
  }
  .swiper-container {
    height: 430px;
  }
  .photoBox{
	width:100%;
  }
}

/*------------------------
.detailsBox
--------------------------*/

.detailsBox{
	max-width: 370px;
}
.detailsBox dt{
	font-size: 1.5rem;
	color: #707070;
	line-height:2em;
	font-weight: bold;
}
.detailsBox dd{
	font-size: 1.7rem;
	line-height: 2em;
	border-bottom:1px solid #3EB376;
	margin-bottom:15px;
}
dd.url_b_case{
	font-size: 1.5rem;
}
/*スマホ表示*/
@media screen and (max-width: 876px) {
	.detailsBox{
		max-width: 540px;
		width: 100%;
	}
}

/*------------------------
.btn_link
--------------------------*/

.btn_link a button{
	font-size: 1.7rem;
	width: calc(900px / 3);
	border:2px solid #3EB376;
	border-radius: 20px;
	padding: 3px;
	margin:10px auto;
    color: #000000;
}

.btn_link button:hover{
	color:white;
	background: #3EB376;
}

.btn_link .toRent a button{
	border:2px solid #3E9CEB;
}

.btn_link .toRent button:hover{
	background: #3E9CEB;
}