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

#wrapper {
  padding-top: 80px;
}

@media(max-width:830px){
  #wrapper {
    padding-top: 50px;
  }
  }


@media(max-width:560px) {
  #bukkenDetail .tbl01 tr:nth-child(n+2) th {
    padding-top: 1em;
  }
}


@media(min-width:831px){
  #gnav .main > li > a::after {
    background-color:#333;
  }
}

#breadcrumbs {
  /* border-top:1px solid #e6e6e6;
  border-bottom:1px solid #e6e6e6; */
  padding: 0.8em 0;
  font-size: 14px;
  color:#333;
}
#breadcrumbs span.arrow {
  width:0.4em;
  height:0.4em;
  border-top:1.2px solid #666;
  border-right:1.2px solid #666;
  margin: 0 0.5em;
  position: relative;
  top:-0.1em;
  transform:skewX(5deg) rotate(45deg);
  display:inline-block;
}

#mvis {
	background-size:cover;
	background-position: top -8vw center;
}

@media(max-width:830px){
  #mvis {
    background-position: top 0 center;
  }
}  

#mvis > div > div {
	display:flex;
	align-items: center;
	height:370px;
}
#mvis .tit {
	font-weight: bold;
	font-size: 40px;
	color:#fff;
}

@media(max-width:560px) {
  #mvis .tit {
    font-weight: bold;
    font-size: 32px;
    color:#fff;
  }  
}

.w1210 {
	max-width:1210px;
	margin-left: auto;
	margin-right: auto;
}

.container_low {
  position: relative;
}

.container_low::before {
  position: absolute;
  content:"";
  background: url(../images/low/deco1.png)no-repeat top right/contain;
  width: 6vw;
  height: 18vw;
  top: 0;
  right: 0;
}

.container_low::after {
  position: absolute;
  content:"";
  background: url(..//images/low/deco2.png)no-repeat bottom left/contain;
  width: 7vw;
  height: 19vw;
  bottom: -8.6em;
  left: 0;
}

@media(max-width:830px){
  .container_low::before {
    width: 9vw;
    height: 27vw;
  }
  .container_low::after {
    width: 8vw;
    height: 25vw;
    bottom: -7.2em;
  }
}  


/*物件詳細*/
.sec.lowSec {
  padding-top: 40px !important;
}



.sec:first-child {
  padding-top: 125px;
}

/*slick slider*/
.slick-dots {
  bottom:-35px !important;
  position: static !important;
  margin-top: 10px !important;
}
.slick-dots li {
  margin:0 !important;
  padding:10px !important;
  width:auto !important;
  height:auto !important;
}
.slick-dots li button {
  background: #7d7d7d !important;
  border-radius: 100px !important;
  opacity:1 !important;
  width:3px !important;
  height:3px !important;
}
.slick-dots li button::before {
  display:none !important;
}
.slick-dots li.slick-active button {
  background: #0268B7 !important;
}



#bukkenDetail {
  display:flex;
  flex-wrap:wrap;
  justify-content: space-between;
  letter-spacing: 0px;
}
#bukkenDetail .bukkenHead {
  font-size: 26px;
  font-weight: bold;
  /* border-bottom:1px solid #eee;
  padding-bottom: 0.3em; */
  width:100%;
}
#bukkenDetail > * {
  margin-bottom:50px;
}
#bukkenDetail .left {
  width:33%;
}
#bukkenDetail .right {
 width:62.5%;
}
#bukkenDetail .bottom {
 width:100%;
}

/* #bukkenDetail .tbl01 {
  margin-top: 15px;
} */
#bukkenDetail .tbl01 th {
	width:11em;
}
#bukkenDetail .tbl01 th, #bukkenDetail .tbl01 td {
  padding-bottom: 25px;
}
#bukkenDetail .tbl01 tr:last-of-type th, #bukkenDetail .tbl01 tr:last-of-type td {
  padding-bottom: 0; /* 最後の行にはpaddingを適用しない */
}

#bukkenDetail .text {
  line-height: 1.5;
  font-size: 1em;
  margin: 1em 0;
}


#bukkenDetail .bukkenDetailHeadline03 {
  font-size: 20px;
  font-weight: bold;
  margin-top: 2em;
  margin-bottom: 1.3em;
  padding-bottom: 0.6em;
  border-bottom: 1px solid #DFDFDF;
}



@media(max-width:560px) {
  #bukkenDetail .tbl01 tr:nth-child(n+2) th {
    padding-top: 1em;
  }
  #bukkenDetail .tbl01 th, #bukkenDetail .tbl01 td {
    padding-bottom: 10px;
  }
  
}

#bukkenDetail .slider .slick-list{
  margin-bottom: 15px;
  aspect-ratio: 4 / 3;
  width: 100%;
  height: auto;
}
#bukkenDetail .slider .slick-slide{
  aspect-ratio: 4 / 3
}
#bukkenDetail .slider img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
#bukkenDetail .tags {
  margin-bottom: 20px;
}
#bukkenDetail .tags li a {
  color: #878787;
  border: 1px solid #DFDFDF;
}

#bukkenDetail .map {
  position: relative;
  padding-top:75.67%;
}
#bukkenDetail .map iframe {
  position: absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
}

#bukkenDetail .bukkenDetailImgHeadline {
  font-size: 20px;
  font-weight: bold;
  margin-top: 2em;
  padding-bottom: 0.6em;
}


#bukkenDetail .bukkenDetailImg {
  width: 100%;
  border: 1px solid #EBEBE8;
}
#bukkenDetail .bukkenDetailImgGraph {
  width: 100%;
}
#bukkenDetail .bukkenDetailImg img{
  display: block;
  margin: 0 auto;
  padding:8px 0;
}

#bukkenDetail .priceTbl {
  min-width:700px;
}
#bukkenDetail .priceTbl thead th:first-child {
  font-size: 12px;
}

@media(max-width:830px) {
  #bukkenDetail {
    flex-direction: column;
  }
  #bukkenDetail > * {
    width:100% !important;
    order:3;
  }
  #bukkenDetail > *:nth-child(1) {
    order:0;
  }
  #bukkenDetail > *:nth-child(2) {
    order:2;
  }
  #bukkenDetail > *:nth-child(3) {
    order:1;
  }
}

/*ニュース一覧*/
.newsArchive {
  display:flex;
  justify-content: space-between;
}
.newsArchive .newsList {
  flex:1;
}
.newsArchive .sidebar {
  width:140px;
  margin-left: 40px;
}
.newsArchive .sidebar ul > li {
  border-top:1px solid #eee;
  padding:1em 0 1em 1em;
}
.newsArchive .sidebar ul > li:last-child {
   border-bottom:1px solid #eee;
}

.newsArchive .sidebar ul > li a {
  color:#0068b7;
  text-decoration: none;
}
.newsArchive .sidebar ul > li a:hover {text-decoration: underline;}

@media(max-width:560px) {
  .newsArchive {
    flex-direction: column;
  }
  .newsArchive .sidebar {
    width:100%;
    margin: 40px 0 0;
  }
  .newsArchive .sidebar ul > li:first-child {border-top:none;}
}

/*会社概要*/
table#gaiyo,
table#enkaku {
  margin-top: 50px;
}

table#gaiyo td,
table#enkaku td:last-child {
  width:70%;
}
table#gaiyo td:nth-child(n+2),
table#enkaku td:nth-child(n+2) {
  padding-left: 2em;
}

table#gaiyo th {
  text-align: right;
}

table#enkaku td:first-child,
table#enkaku td:nth-child(2):not(:last-child) {
  text-align: right;
}
table#enkaku tr:first-child td:nth-child(2) {
  width:100px;
}

/*問合せフォーム*/
.form01 .tbl01 th,
.form01 .tbl01 td {
  padding:0.5em 0;
}

.form01 .tbl01 th {
  text-align: right;
  padding-right:1em;
  padding-top: 1em;
  width:200px;
}
.form01 .tbl01 .must th::after {
  content:"*";
  color:#f00;
  font-size: 14px;
}

.form01 .col label {
  margin-top: 0;
}

.form01 textarea {
  height:10em;
}

.form01 .btnArea {margin-top:30px;}
.form01 .btnArea label {
  display:inline-block;
  padding:0;
  border:none;
  vertical-align: middle;
  margin-right: 1em;
}
.form01 .btnArea label i {position: static;}

.form01 .btnArea .boxButton {
  max-width:270px;
  width:100%;
  display:block;
  margin: 30px auto 0;
	border:none !important;
}

@media(min-width:561px) {
  .form01 .col > * {
    width:32.5%;
    margin-right: 1.25%;
  }
  .form01 .col > *:nth-child(3n) {
    margin-right: 0;
  }
  .form01 .col > *:nth-child(n+4) {
    margin-top: 10px;
  }
}
@media(max-width:560px) {
  .form01 .col > * {
    width:49%;
    margin-right: 2%;
  }
  .form01 .col > *:nth-child(2n) {
    margin-right: 0;
  }
  .form01 .col > *:nth-child(n+3) {
    margin-top: 10px;
  }
}

.qaArea {
	margin-top: 60px;
}
.qaArea dt {
	color:#fff;
	display:flex;
	background: #898989;
	padding:0.7em 20px;
	font-size: 18px;
	font-weight: bold;
	cursor:pointer;
}
.qaArea dt:nth-child(n+2) {
	margin-top: 10px;
}
.qaArea dt span {
	margin-right: 0.5em;
}
.qaArea dt span:nth-child(2) {
	flex:1;
}
.qaArea dt::after {
	content:"";
	display: block;
	width:0.5em;
	height:0.5em;
	border-top:1px solid #fff;
	border-right:1px solid #fff;
	align-self: center;
	position: relative;
	transform:rotate(135deg);
	transition:transform 0.3s ease-in-out;
}
.qaArea dt.open::after {
	transform:rotate(-45deg);
}
.qaArea dd {
	display: none;
}
.qaArea dd .inner {
	padding: 20px;
}
@media(max-width:560px) {
	.qaArea dt {
    font-size: 15px;
    /* flex-wrap: wrap; */
  }
	/* .qaArea dt span:first-child {
		width:100%;
	}
	.qaArea dt::after {top:-1em;} */
}


/*contactform7*/

.wpcf7-form-control-wrap,
.wpcf7-form-control,
.wpcf7-list-item {
  display:block !important;
}

.wpcf7-list-item {margin-left:0 !important;}
.wpcf7-list-item + .wpcf7-list-item {
  margin-top:0.5em;
}

.col .wpcf7-form-control-wrap {
  width:100% !important;
}
.col .wpcf7-form-control {
  display: flex !important;;
  flex-wrap: wrap;
}

@media(min-width:561px){
  .col .wpcf7-form-control > * {
    width: 32%;
    margin-right: 1.25%;
    margin-top: 0;
  }
  .col .wpcf7-form-control > *:nth-child(n+4) {
    margin-top: 10px;
  }

}
@media(max-width:560px){
  .col .wpcf7-form-control > * {
    width: 48%;
    margin-right: 2%;
    margin-top: 0;
  }
  .col .wpcf7-form-control > *:nth-child(n+3) {
    margin-top: 10px;
  }

}


/*説明図など、特に見せたいエリア*/
.graphArea {
	background: #0068b7;
	padding:1em;
}
.graphArea .head {
	background: #fff;
	padding:1em;
	text-align: center;
	font-weight: bold;
	position: relative;
}
.graphArea .head.arrow::after {
	content:"";
	display:block;
	border:0.4em solid #fff;
	border-left-color:transparent;
	border-bottom-color: transparent;
	position: absolute;
	bottom:0.4em;
	left:50%;
	transform:translate(-50%, 100%) rotate(135deg);
}


.graphArea .desc {
	text-align: center;
	font-size: 16px;
	margin-top: 1em;
	line-height: 1.8;
	color:#fff;
}


/* 検索一覧ページ */
.lowSec .tags li a {
  display: block;
  text-align: center;
  padding: 0.3em 1em;
  border: 1px solid #E5E5E5;
  text-decoration: none;
}


.lowSecBtn {
  margin-top: 2em;
  margin-top: 20px;
}

.lowSecBtn .moreBtn {
  font-family: 'Roboto';
  font-size: 18px;
  text-decoration: none;
  position: relative;
  transition: opacity .3s;
  color: #666666;
}


@media(min-width:831px) {
  .lowSecBtn .moreBtn:hover {
    opacity: .8;
  }  
}

@media(max-width:560px) {
  .lowSecBtn .secBtn {
    text-align: center;
    margin-right: 40px;
  }  
}


.lowSecBtn .moreBtn:after {
  content:"";
  position: absolute;
  background: url(../images/home/arrow-blue.svg) no-repeat center center/contain;
  width: 31px;
  height: 31px;
  top: 50%;
    right: -40px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}

#container .sec:nth-child(3)  .lowSecBtn .moreBtn:after {
  content:"";
  position: absolute;
  background: url(../images/home/arrow-blue.svg) no-repeat center center/contain;
  width: 145px;
  height: 31px;
  top: 50%;
    right: -40px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}

.constBox.lowSec {
  padding-top: 30px;
}

.float figure {
  float: right;
  width: 50%;
  margin-left: 2%;
  margin-bottom: 2%;
}

@media(max-width:560px) {
  .float {
    display: flex;
    flex-direction: column-reverse;
  }
  .float figure {
    clear: both;
    width: 100%;
    margin-top: 30px;
  }
}