.box17 {
 margin: 2em 0;
 position: relative;
 padding: 0.5em 1.5em;
 border-top: solid 2px black;
 border-bottom: solid 2px black;
}
.box17:before, .box17:after {
 content: '';
 position: absolute;
 top: -10px;
 width: 2px;
 height: -webkit-calc(100% + 20px);
 height: calc(100% + 20px);
 background-color: black;
}
.box17:before {
 left: 10px;
}
.box17:after {
 right: 10px;
}
.box17 p {
 margin: 0;
 padding: 0;
}
.lower_bottom .annot_area p.mnsk {
    font-size: 12px;
    margin: 1rem 1rem 0 0;
}
/*2021.04.01*/

.time_area {
 font-size: .9em;
 padding: .5em;
 text-align: right;
}

/*2021.04.01　END*/


/* oki_20220916 */

.kanren {
 border: 2px solid #0d2e85;
 padding: 20px 30px 0;
 margin: 50px 0;
 border-radius: 6px;
 position: relative;
 box-sizing: border-box;
}
.midasi {
 border-bottom: 1px dotted #ddd;
 font-size: 1.8rem;
 font-weight: bold;
 text-align: center;
 margin-bottom: 15px;
}
.kanren br {
 display: none;
}
.readmore-content {
 position: relative;
 overflow: hidden;
 height: 120px;
}
.readmore-content::before {
 display: block;
 position: absolute;
 bottom: 0;
 left: 0;
 width: 100%;
 content: "";
 /*以下お好み グラデーションの色と高さ 高さはreadmoreのheight以下にすること*/
 height: 50px;
 z-index: 1;
 background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0.8) 50%, #fff 100%);
 background: linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0.8) 50%, #fff 100%);
}

/* 続きを読むボタン */

.readmore-label {
 display: table;
 bottom: 5px;
 position: absolute;
 left: 50%;
 transform: translateX(-50%);
 -webkit-transform: translateX(-50%);
 margin: 5px auto;
 z-index: 2;
 padding: 5px 15px;
 background-color: #fabe00;
 border-radius: 10px;
 color: #4c4c4c;
}
.readmore-label:before {
 content: "\7D9A\304D\3092\8AAD\3080";
}
.readmore-check {
 display: none;
}

/*チェック時にボタンを非表示*/

.readmore-check:checked~.readmore-label {
 position: static;
 transform: translateX(0);
 -webkit-transform: translateX(0);
 /* 「続きを読む」を押した後、元に戻す必要がない場合は、上のオプションを消してこの1行だけにする */
 /* display: none; */
}
.readmore-check:checked~.readmore-label:before {
 content: "\9589\3058\308B";
}

/*チェック時に高さを自動に戻す*/

.readmore-check:checked~.readmore-content {
 height: auto;
}

/*チェック時グラデーション等を削除*/

.readmore-check:checked~.readmore-content::before {
 display: none;
}
.image-wrap {
 display: block;
}
.image-text__image.image-left {
 width: 100%;
 padding: 0;
}
.image-text__image {
 max-width: 100%;
}

/*アコーディオン*/

.ac-btn {
 width: 50%;
 margin: 0 auto 20px auto!important;
 padding: 20px 32px 20px 20px;
 display: block;
 background: #fa8c01;
 border-radius: 50px;
 font-size: 18px;
 font-weight: bold;
 line-height: 1.4;
 color: #fff;
 text-decoration: none;
 text-align: center;
 cursor: pointer;
 position: relative;
}
.ac-btn .ac-btn-off {
 color: #fff!important;
 ;
}
.ac-btn:after {
 content: "";
 background: url(https://www.house-wiseselling.net/wp/wp-content/uploads/ac-btn_off.png);
 background-size: cover;
 width: 20px;
 height: 20px;
 position: absolute;
 top: 35%;
 right: 20px;
}
.ac-btn:hover {
 opacity: 0.7;
 filter: alpha(opacity=70);
 -ms-filter: "alpha(opacity=70)";
}
.ac-btn.is-open .ac-btn-off {
 display: none;
}
.ac-btn.is-open:after {
 background: url(https://www.house-wiseselling.net/wp/wp-content/uploads/ac-btn_on.png);
 background-size: cover;
}
.ac-btn.is-open:before {
 content: '閉じる';
}
.accordion-item {
 display: none;
}
#mokuji {
  width: fit-content;
  margin: 3rem auto;
  display: block;
  padding: 2rem 3rem 3rem;
  border: solid 4px #fabe00;
  min-width:50%;
}
.contents-left .mokuji-t{
	text-align: center;
	font-weight: bold;
	font-size: 18px;
}
.sentei{
	word-break: break-all;
    font-size: 0.8em !important;
	color: #999999;
}
/*----------------------------------------------------
    PCサイトcss
----------------------------------------------------*/

.column_record {
 border: solid 1px #fcad9d;
 display: block;
 width: 90%;
 margin: auto;
 max-height: 300px;
 overflow-y: scroll;
 padding: 10px;
 background-color: #fff;
}
.column_record ul li {
 padding-left: 22px;
 margin: 0 0 5px;
 position: relative;
 display: block;
 background: none !important;
 border-bottom: solid 1px #ff9933;
 margin-bottom: 10px;
 padding: 0px 0px 5px 0px;
}
.column_record li span {
 background: rgba(0, 0, 0, 0) linear-gradient(transparent 40%, #fdfd85 0%) repeat scroll 0 0;
 font-weight: bold;
 line-height: 1.8;
}
.heading {
 padding: 0rem 1rem!important;
 border-left: 6px double #000!important;
 font-weight: bold!important;
}
ul.column_record li {
 display: block;
 background: none !important;
 border-bottom: solid 1px #ff9933;
 margin-bottom: 10px !important;
 padding: 0px 0px 5px 0px !important;
 margin-left: 22px !important;
}
.column_record li:before {
 background: none !important;
 position: initial !important;
}
.center {
 text-align: center;
}
.l-header__sitename:before {
  background: #000;
  color: #fff;
  content: "PR";
  display: inline-block;
  font-size: 14px;
  line-height: 1.4;
  margin-right: 1rem;
  padding: 0 1rem;
  position: relative;
  bottom: 4px;
}

/*----------------------------------------------------
    SPサイトcss
----------------------------------------------------*/

@media screen and (max-width: 599px) {
 .column_record {
  border: solid 1px #fcad9d;
  display: block;
  width: 90%;
  margin: auto;
  max-height: 300px;
  overflow-y: scroll;
  padding: 10px;
  background-color: #fff;
 }
 ul.column_record li {
  display: block;
  background: none !important;
  border-bottom: solid 1px #ff9933;
  margin-bottom: 10px;
  padding: 0px 0px 5px 0px;
  padding-left: 2.2rem;
 }
 .column_record li span {
  background: rgba(0, 0, 0, 0) linear-gradient(transparent 40%, #fdfd85 0%) repeat scroll 0 0;
  font-weight: bold;
  line-height: 1.8;
 }
 .heading {
  padding: 0rem 1rem!important;
  border-left: 6px double #000!important;
  font-weight: bold!important;
 }
 .column_record li:before {
  background: none !important;
  position: initial !important;
 }
 .center {
  text-align: center;
 }
.lower_bottom .annot_area p.mnsk {
    margin: 0 0 2rem;
    padding: 0 1rem;
}	
}