.PC{display: block;}
.SP{display:none;}
/* .title_top{margin:50px 0 0 0;} */
.title{text-align:center;}
.title h1{margin: 15px 0 0 0;}
.title p{margin-top: 30px;}
.title strong{color: #0A3F67;font-size: 50px;letter-spacing: 0.05em;font-weight: 500;}
.footer_ill { width:100%; margin:0 auto; background: #F8F8F8;}
.menu ul li a.menu_voice .menu_border { border-bottom:3px solid #FED631; }
@media screen and (max-width: 1120px) {
  .menu ul li a.menu_voice .menu_border { border-bottom:none; border-left:5px solid #FED631; }
}


@media screen and (max-width: 740px) {
.PC{display: none;}
.SP{display:block;}
.contents {margin: 80px auto;}
.title{padding: 0px 0 0px 0;}
.title_top{margin: 10px 0 20px 0;}
.title strong{font-size: 9vw;}
}
/* ここまで共通 */


.bg{background: #FED631;}
.top_img{width: 920px;margin:20px auto 0;}
.top_img img{width: 100%;}

@media screen and (max-width: 740px) {
.top_img{width: 100%;}
}

.tab{width: 100%;border-bottom: solid 2px #000;background: #FED631;padding-top: 20px;}
.tab_flex{display: flex;width: 1080px;margin:0 auto;font-size: 16px;letter-spacing: 0.2em;}
.tab_flex a{text-align: center;height: 40px;line-height: 40px;width: 120px;margin-right:7px;border-top-right-radius: 18px;border-top-left-radius: 18px;
  border: solid 2px #000;border-bottom: none;display: block;background: #fff;font-weight: bold; font-size:15px; }
.tab_flex a.here{background: #000;color: #fff;}
.tab_flex a:hover{background: #000;color: #fff;transition: 0.3s;}


.box {display: none;}
.list_bg{background: #F8F8F8;width: 100%;padding: 100px 0 30px 0; }
.list_bg .count{width: 1080px;margin: 0 auto;text-align: right;letter-spacing: 0.1em;}
.list_bg .count span{color: #F65E39;font-size: 24px;font-weight: bold;}
.list_wrap{width: 1080px;margin:0 auto;gap: 40px;display: flex;flex-wrap: wrap;}
.list{background: #fff;box-shadow: 3px  3px 6px rgba(0,0,0,0.3);width: 520px;height: fit-content;}
.list_top{display: flex;height: 140px;padding: 30px;justify-content: space-between;}
.list_top_l{width: 60%;}
.list_top_l .date{color: #707070;font-size: 12px;}
.list_top_l .staff{display: flex;margin-top: 10px;}
.list_top_l .staff div{width: 80px;height: 80px;overflow: hidden;border-radius: 50%;}
.list_top_l .staff p{line-height: 1.6em;margin: auto 10px;}
.list_top_l .staff img{width: 100%;}
.list_top_l .info{display: flex;gap: 10px;}
.list_top_l .category{width:110px;padding: 0;height: 26px; text-align:center; line-height: 26px;color: #fff;}
.list_top_l .category.cate_color0 {background: #E05842;}/* 購入 */
.list_top_l .category.cate_color1 {background: #E5B800;}/* 売却 */
.list_top_l .category.cate_color2 {background: #B3B91B;}/* リフォーム */
.list_top_l .category.cate_color3 {background: #1BABB9;}/* 注文住宅 */
.list_top_l .category.cate_color4 {background: #C68261;}/* その他 */
.list_top_r{width: 40%;overflow: hidden; text-align: center; background: #eee;}
.list_top_r img{max-width: 100%; max-height: 100%; height: auto; width: auto;}
.list_title { padding: 5px 10px; background: #eeebeb; border-radius: 5px; font-size: 18px; font-weight: bold;}
.list_comment{width: calc(100% - 40px);margin:0 auto;padding-bottom: 30px;}
.list_comment_q{margin-top: 10px;font-size: 16px;font-weight: bold;}
.list_comment_a{margin-top: 10px;}
.list_comment_q.oc { cursor: pointer;}
.list_arrow { float: right; font-weight: normal; font-size: 13px; }
.list_arrow::before { content: "開く ";}
.list_arrow i {font-size: 15px;}
.close .list_arrow i { transform: rotate(180deg);}
.close .list_arrow::before { content: "閉じる ";}

@media screen and (max-width: 740px) {
  .list_bg .count{width: 95%;}
  .list_wrap{width: 95%;flex-direction:column;}
.list{width: 100%;}

.list_bg{padding: 0px 0 30px;}
.tab{border-bottom: none;padding-bottom: 20px;background: #F8F8F8;}
.tab_flex{flex-wrap: wrap;gap: 5px 2.5%;width: 95%;font-size: 13px;}
.tab_flex a{width: 30%;border-radius: 8px;margin-right: 0;border: solid 2px #000;height: 30px;line-height: 30px;}
.list_top{padding: 20px;height: 120px;}
.list_top_l {width: 60%;}
.list_top_l .staff div{width: 60px;height: 60px;}
.list_top_r {width: 40%;}

}

/*ページネーション*/
.center { width:100%; display:block; text-align:center; margin-top:50px; }
.pagenation{ width:auto; display:flex; color:#F0F0F0; font-size:20px; font-weight:bold; margin:0px 0 10px 0; justify-content: center; }
.pagenation a.current { text-decoration: underline; color:#000; }
.pagenation a:hover { text-decoration: underline;}
.pagenation a { margin:0 5px; }
.kensu{ width:100%; display:inline-block;margin:0px 0% 30px 0;letter-spacing: 0.01em; }
.kensu .number { font-weight:bold; font-size:30px; color:#F65E39; letter-spacing: 0.05em;}

.novoice { width:100%; display:block; margin:50px 0 0 0; text-align:center; font-weight:bold; font-size:18px; }
.noonedy { width:70px; display:block; margin:20px auto; }