@charset "utf-8";
/* Copyright 2017 FSFIELD All Rights Reserved. */

@import url("https://www.officetar.jp/furnished/css/mypage.css?date=0127");

/* ------------------------------------------------------------

居抜き物件 共通

------------------------------------------------------------ */

/*
web font
*/
/* @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500&display=swap'); */

/* NotoSansJP */
@font-face {
	font-family:Noto Sans JP;
	src: url('../../common/fonts/NotoSansJP-Light.otf') format('opentype');
	font-weight:300;
	font-size:normal;
}
@font-face {
	font-family:Noto Sans JP;
	src: url('../../common/fonts/NotoSansJP-Regular.otf') format('opentype');
	font-weight:400;
	font-size:normal;
}
@font-face {
	font-family:Noto Sans JP;
	src: url('../../common/fonts/NotoSansJP-Medium.otf') format('opentype');
	font-weight:500;
	font-size:normal;
}
@font-face {
	font-family:Noto Sans JP;
	src: url('../../common/fonts/NotoSansJP-Bold.otf') format('opentype');
	font-weight:700;
	font-size:bold;
}
@font-face {
	font-family:Noto Sans JP;
	src: url('../../common/fonts/NotoSansJP-Black.otf') format('opentype');
	font-weight:900;
	font-size:bold;
}

/* Lato */
@font-face {
	font-family:Lato;
	src: url('../../common/fonts/Lato-Regular.ttf') format('truetype');
	font-weight:400;
	font-size:normal;
}
@font-face {
	font-family:Lato;
	src: url('../../common/fonts/Lato-Bold.ttf') format('truetype');
	font-weight:700;
	font-size:bold;
}
@font-face {
	font-family:Lato;
	src: url('../../common/fonts/Lato-Black.ttf') format('truetype');
	font-weight:900;
	font-size:bold;
}

/* Akshar */
@font-face {
	font-family:Akshar;
	src: url('../../common/fonts/Akshar-Regular.ttf') format('truetype');
	font-weight:400;
	font-size:normal;
}
@font-face {
	font-family:Akshar;
	src: url('../../common/fonts/Akshar-Medium.ttf') format('truetype');
	font-weight:500;
	font-size:bold;
}
@font-face {
	font-family:Akshar;
	src: url('../../common/fonts/Akshar-SemiBold.ttf') format('truetype');
	font-weight:600;
	font-size:bold;
}

/* Josefin Slab */
/* @font-face {
	font-family:Lato;
	src: url('../../common/fonts/JosefinSlab-VariableFont_wght.ttf') format('truetype');
	font-weight:400;
	font-size:normal;
} */


/* テーブル
---------------------------------------------- */
table.detail{width:100%;}

table.detail th,
table.detail td{
	font-size:93%;
	line-height:1.2;
	padding:20px 0 15px;
	color:#493A2A;
	background:url(../furnished/img/bg_bdr01.gif) repeat-x 0 bottom;
}

table.detail th{
	font-weight:bold;
	text-align:left;
	vertical-align:top;
}

table.detail tr:first-child th,
table.detail tr:first-child td{
	/* padding-top:0; */
	vertical-align:top;
}

/* ------------------------------------------------------------

居抜き物件 一覧

------------------------------------------------------------ */
.wrap_heading01{
	width: 100%;
	/* min-width: 1100px; */
	max-width:1400px;
	margin:0 auto;
}
/*.wrap_heading01 img{ width: 100%; }*/

.wrap_heading01 h2{margin-bottom:80px;}



.wrap_photo01{
	width:100%;
	box-sizing:border-box;
	height:280px;
	position:relative;
	margin-bottom:15px;
	cursor:pointer;
	overflow: hidden;
}

.wrap_photo01 .new{
	width:64px;
	height:24px;
	position:absolute;
	left:0;
	top:10px;
	z-index:2;
}

.wrap_photo01 .period{
	width:100%;
	box-sizing:border-box;
	/*background:url(../furnished/img/bg_period01.png) repeat 0 0;*/
	background:rgba(115,102,57,0.8);
	padding:10px;
	color:#fff;
	font-size:86%;
	position:absolute;
	bottom:0;
	left:0;
	margin-bottom:0;
	font-weight:bold;
}

.wrap_photo01 .period_l{
	width:100%;
	box-sizing:border-box;
	background:url(../furnished/img/bg_period02.png) repeat 0 0;
	padding:10px;
	color:#fff;
	font-size:86%;
	position:absolute;
	bottom:0;
	left:0;
	margin-bottom:0;
	font-weight:bold;
}

.wrap_photo01 .period_f{
	width:100%;
	box-sizing:border-box;
	height:280px;
	background:url(../furnished/img/bg_period03.png) repeat 0 0;
	padding-top: 95px;
	color:#fff;
	font-size:86%;
	position:absolute;
	top:0;
	left:0;
	margin-bottom:0;
	font-weight:bold;
	vertical-align: middle;
	text-align: center;
}
.wrap_photo01 .period_v10{
	width:100%;
	box-sizing:border-box;
	height:280px;
	background:url(../furnished/img/bg_period04.png) repeat 0 0;
	display: -webkit-flex; /* Safari用 */
	display: flex;
	-webkit-justify-content: center; /* Safari用 */
	justify-content: center;
	-webkit-align-items: center; /* Safari用 */
	align-items: center;
	color:#fff;
	font-size:120%;
	position:absolute;
	top:0;
	left:0;
	margin-bottom:0;
	font-weight:bold;
	vertical-align: middle;
	text-align: center;
	text-decoration: underline;
}

.wrap_photo01 .photo span{
	display:block;
	width:100%;
	box-sizing:border-box;
	height:280px;
	background-size:cover;
}


/* リスト
---------------------------------------------- */
.list_furnished01{
	overflow:hidden;
	/*margin-right:-40px;*/
	width:100%;
	display:-webkit-box;
	display:-moz-box;
	display:-webkit-flexbox;
	display:-moz-flexbox;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:flex;
	-webkit-box-lines:multiple;
	-moz-box-lines:multiple;
	-webkit-flex-wrap:wrap;
	-moz-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
}

.list_furnished01 li{
	width:32%;
	min-width:300px;
	float:left;
	margin:0 2% 60px 0;
}
.list_furnished01 li:nth-child(3n){
	margin-right:0;
}

.list_furnished01 li:hover .photo span{opacity:0.7;}

.list_furnished01 li:hover h3{color:#A39B7D;}

.list_furnished01 li:hover table{opacity:.7;}

.list_furnished01 li h3{
	font-size:107%;
	color:#736639;
	font-weight:bold;
	line-height:1.2;
	padding-bottom:12px;
	margin-bottom:20px;
	border-bottom:1px solid #92A382;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* ページネーション 上書き
---------------------------------------------- */
.wrap_navi_page01{padding-bottom:0 !important;}

.navi_page01 p{margin-bottom:0;}


/* ------------------------------------------------------------

居抜き物件 詳細

------------------------------------------------------------ */
.title{
	color:#213D59;
	font-size:157%;
	line-height:1.2;
	border-bottom:1px solid #CFE0E0;
	margin-bottom:30px;
	padding-bottom:12px;
	font-weight:normal;
}

.single_content{margin-bottom:40px;}

.single_content h3{
	background:#EFF8FC;
	padding:20px 20px 17px 20px;
	font-size:114%;
	line-height:1.4;
	margin-top:20px;
	margin-bottom:20px;
}

.single_content p:last-child{margin-bottom:0;}

.single_content img{
	max-width:700px;
	height:auto;
}

/*-- 20170810 aldesigns追加 --*/
.seeklimited {
	width: 180px;
	padding: 8px 10px 6px;
	font-size: 120%;
	color: #ff4500;
	border: 3px solid #ff4500;
	border-radius: 7px;		/* CSS3草案 */
	-webkit-border-radius: 7px;		/* Safari,Google Chrome用 */
	-moz-border-radius: 7px;		/* Firefox用 */
	text-align: center;
}

/*--募集中--*/
.wanted{
	/*color:#3A6799;*/
	/* color:#736639; */
	color:#39A79C;
	margin-bottom:20px;
	display:flex;
	align-items:center;
}

.wanted p{
	display:inline-block;
	margin-bottom:0;
	font-weight:bold;
}

.wanted p.ico{
	/*background:#3B689A;*/
	/* background:#736639; */
	background:#39A79C;
	color:#fff;
	padding:8px 15px 6px;
	margin:0 8px 0 0;
	word-break:keep-all;
}

/*--募集終了--*/
.finish{
	color:#999999;
	margin-bottom:20px;
}

.finish p{
	display:inline-block;
	margin-bottom:0;
	font-weight:bold;
}

.finish p.ico{
	background:#999;
	color:#fff;
	padding:8px 15px 6px;
	margin:0 8px 0 0;
}

/* サイドバー
---------------------------------------------- */
#side_furnished{
	/* #contentをflex-wrap:wrapにする場合はwidthをセットする必要あり
	/* width:230px; */
	/* float:right; */
	position:relative;
	margin-left:10px;
	width:30%;
}
#side_furnished .detail th {
	/* width:30%; */
	width:40%;
}

#side_furnished .detail td{color:#333;}

/* .fixedmenu{
	width: 23.5%;
	position:relative;
} */

.side_period{
	width:100%;
	color:#fff;
	font-weight:bold;
	font-size:107%;
	margin-bottom:0;
	background:#736639;
	padding:10px 0 7px;
	text-align:center;
	border-bottom:4px solid #C6C1AF;
}

.side_period span{
	display:block;
	font-size:93%;
}

.side_period_fin{
	width:100%;
	color:#fff;
	font-weight:bold;
	font-size:115%;
	margin-bottom:0;
	background:#c1c1c1;
	padding:10px 0 7px;
	text-align:center;
	border-bottom:4px solid #aaaaaa;
}

.wrap_side01{
	border-right:1px solid #E6E6E6;
	border-bottom:1px solid #E6E6E6;
	border-left:1px solid #E6E6E6;
	padding:20px;
}

.station{
	font-size:121%;
	text-align:center;
	/* background:url(../furnished/img/bg_bdr01.gif) repeat-x 0 bottom; */
	border-bottom: 2px solid #736639;
	padding-bottom:15px;
	line-height:1.2;
	margin-bottom:10px;
	font-weight:bold;
    color:#736639;
}

.station span{
	/* color:#79CAE7; */
	color:#EC9F42;
}


/* スライダー
---------------------------------------------- */

/*--メインスライダー--*/
/*
#slider{margin-bottom:30px;}

ul.main_slider li {
    display:block;
    width:640px;
    height:467px;
	text-align:center;
	background-color: #f5f5f5;
}
*/

/*
ul.main_slider li img{
    max-width:700px;
    height:auto;
}
*/

/*--サムネイル--*/
/*
#carousel{
	position:relative;
	margin-bottom:40px;
}

#carousel .flex-viewport{
	margin:0 24px;
	padding:10px;
	border-top:1px solid #E6E6E6;
	border-bottom:1px solid #E6E6E6;
}

ul.thumbnail li{
    margin-right:10px;
    height: 97px;
	width:97px !important;
	display:block;
	overflow:hidden;
	position:relative;
	cursor:pointer;
}

ul.thumbnail li:hover img{opacity:.7;}

ul.thumbnail li img{
	max-height:97px;
	position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    height: auto;
}
*/

/*--PAGER--*/
/*
.flex-prev{background:url(../furnished/img/btn_prev.jpg) no-repeat 0 0;}
.flex-next{background:url(../furnished/img/btn_next.jpg) no-repeat 0 0;}

.flex-prev:hover{background:url(../furnished/img/btn_prev_on.jpg) no-repeat 0 0;}
.flex-next:hover{background:url(../furnished/img/btn_next_on.jpg) no-repeat 0 0;}

.flex-nav-prev{
	left:0;
	top:0;
	position:absolute;
}

.flex-nav-next{
	right:0;
	top:0;
	position:absolute;
}

.flex-direction-nav a {
	width: 24px;
	height: 119px;
	display: inline-block;
	z-index: 100;
	cursor: pointer;
	text-indent: -9999px;
}
*/

/* リスト
---------------------------------------------- */
.list_nav01{
	position:relative;
	height:21px;
}

.list_nav01 li.previous_link,
.list_nav01 li.list,
.list_nav01 li.next_link{position:absolute;}

.list_nav01 li.previous_link{
	top:0;
	left:0;
}

.list_nav01 li.previous_link a{
	background:url(../furnished/img/ico_arrow01.png) no-repeat left center;
	padding-left:10px;
	color:#333;
}

.list_nav01 li.previous_link a:hover,
.list_nav01 li.list a:hover,
.list_nav01 li.next_link a:hover{color:#4F99CA;}

.list_nav01 li.list{
	margin:auto;
	left:0;
	right:0;
	text-align:center;
}

.list_nav01 li.list a{
	background:url(../furnished/img/ico_list01.png) no-repeat 0 0.3em;
	padding-left:20px;
	color:#333;
}

.list_nav01 li.next_link{
	top:0;
	right:0;
}

.list_nav01 li.next_link a{
	background:url(../furnished/img/ico_arrow02.png) no-repeat right center;
	padding-right:10px;
	color:#333;
}

/* layout.css 上書き
---------------------------------------------- */
div#container{
	overflow:hidden;
	max-width:980px;
}

div#container-list{
	overflow:hidden;
	max-width:1200px;
	/*width:100%;
	max-width:1200px;
	min-width:980px;*/
}

/* 20181120 korenaga 追記 */
.arealistnav {
	display:flex;
	flex-wrap:wrap;
	justify-content:space-around;
}
.arealistnav li {
	/* width: 13%; */
	width:12%;
	margin-bottom:6px;
}
.arealistnav li.btn-all {
    width:50%;
	margin-left:auto;
	margin-right:auto;
}
.arealistnav li a {
	display:block;
	text-align:center;
	padding:32px;

	/*background-color:#C6C1AD;*/
	background-color:#B6DAC7;
	border-radius:8px;
	box-sizing:border-box;
	text-align:center;
	font-weight:bold;
}
.arealistnav li a:hover,
.arealistnav li a.active {
	/*background-color: #736639;*/
	background-color:#fff;
	color: #39a79c;
}
.arealistnav li p.anon {
	margin: 0;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 120%;
	font-weight: bold;
	background-color: #7CC6BD;
	border-radius: 8px;
	color: #39A79C;
  }

.btn-ftor {
	display:inline-block;
	background-color:#736639;
	color:#fff;
	text-align:center;
	border-radius:30px;
	padding:12px 10px 10px;
}

/***** 201909 新デザイン korenaga *****/
/* font指定 */
body,p,h1,h2,h3,h4,h5,h6,div,li,td,th,span,a,nav,section,input,button,select,textarea,label {
	font-family: 'Noto Sans JP', sans-serif;
}
.fontNoto { font-family: 'Noto Sans JP', sans-serif; }
.fontLato { font-family: 'Lato', sans-serif; }
.fontAkshar { font-family: 'Akshar', sans-serif; }

.navnone { display:none; }
.navdis { display:block; }

nav#indexnav {
	width:100%;
	background-color:#39a79c;
	box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.2);
}
#indexnav ul {
	display:flex;
	flex-wrap:wrap;
	width:100%;
	/* max-width:1250px; */
	margin:0 auto;
	border-left:1px solid #55B985;
	border-right:1px solid #248854;
	box-sizing:border-box;
	justify-content: center;
}
#indexnav ul li {
	width:12.5%;
	min-width: 79px;
	border-left:1px solid #248854;
	border-right:1px solid #55B985;
	box-sizing:border-box;
}
/* #indexnav ul li:last-child { width: 16%; } */
#indexnav ul li a {
	display:block;
	padding:10px 0;
	text-align:center;
	color:#fff;
	font-size:100%;
	font-weight:500;
	font-family: 'Noto Sans JP', sans-serif;
}
#indexnav ul li a:hover { background:rgba(255,255,255,0.3); }

#mainvisual {
	width:100%;
	max-width:1400px;
	margin:0 auto;
	display:flex;
}


#mainvisual #imagebox {
	width:60%;
	-webkit-box-ordinal-group: 2;
	-webkit-order: 1;
	-ms-flex-order: 1;
	order:1;

	overflow:hidden;
}
#mainvisual.list-visual #imagebox {
width: 100%;
}
#mainvisual #imagebox #slide-wrap{
    position: relative;
    margin: 0 auto;
    max-width: 70%;
}

#mainvisual ul#visuallist {
	display:flex;
	flex-wrap:nowrap;
}
#mainvisual.list-visual #visual-slide .swiper-slide a{
	width: 100%;
	display:flex;
	align-items:center;
	justify-content:center;
	background-color:#f5f5f5;
}
#mainvisual #visual-slide .swiper-slide {
	/*width:100%;
	display:flex;*/
	/*height:565px;*/
	/* height: 516px; */
	height:400px;
  	border-radius: 10px;
	overflow:hidden;
	position:relative;
}
#mainvisual #visual-slide .swiper-slide a {
	/*position:absolute;*/
	width:100%;
	position:relative;
	display:block;
	height:100%;
	box-sizing:border-box;
	/*padding-top: 450px;
    padding-left: 100px;*/
}
#mainvisual #visual-slide .swiper-slide a .info,
.slide-lower .swiper-slide .info{
	position:absolute;
	width:90%;
	/* bottom:10px;
	left:32px; */
	bottom:20px;
	left:20px;
}
#mainvisual #visual-slide .swiper-slide .bnrnew {
	font-family: 'Noto Sans JP', sans-serif;
	width:135px;
	background-color:#EC733A;
	padding:5px 0px 8px;
	text-align:center;
	color:#fff;
	font-size:90%;
	margin-bottom:15px;
}
#mainvisual #visual-slide .swiper-slide h2 {
	color:#fff;
	font-size:170%;
	line-height:1em;
	margin-bottom:10px;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight:400;
}
#mainvisual #visual-slide .swiper-slide .gldbox {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background: linear-gradient(rgba(0,0,0,0) 60%,rgba(0,0,0,0.95));
}

#mainvisual .swiper-container {
  width: 100% !important;
  height: 100% !important;
  overflow: visible !important;
  z-index: 1 !important;
}

.swiper-button-next, .swiper-button-prev {

    color: #fff !important;
}
#mainvisual #visual-slide div p.propertyinfo {
	font-family: 'Noto Sans JP', sans-serif;
	color:#fff;
	font-size: 20px;
	font-weight: bold;
	display: flex;
	flex-wrap: wrap;
}
#mainvisual .swiper-slide .propertycopies,
.slide-lower .swiper-slide .propertycopies {
	font-family: 'Noto Sans JP', sans-serif;
	display:flex;
	flex-wrap:wrap;
	align-items:end;
	/* margin-bottom:20px; */
}
#mainvisual .swiper-slide .propertycopies .prono,
.slide-lower .swiper-slide .propertycopies .prono {
	background-color:rgba(255,255,255,0.9);
	font-weight:bold;
	padding:3px 10px;
	margin:0 0 7px;
}
#mainvisual .swiper-slide .propertycopies .procopy,
.slide-lower .swiper-slide .propertycopies .procopy {
	font-weight: bold;
	font-size:140%;
	color:#fff;
	line-height:1.5;
	margin:0;
	width:100%;
}
#mainvisual .swiper-slide div.propertyinfo2bg,
.slide-lower .swiper-slide div.propertyinfo2bg {
	position:absolute;
	top:-30px;
	right:-30px;
	background-color:rgb(255,86,19,0.7);
	width:180px;
	height:180px;
	border-radius:50%;
}
#mainvisual .swiper-slide div.propertyinfo2,
.slide-lower .swiper-slide div.propertyinfo2 {
	position:absolute;
	top:0;
	right:0;
	width: 145px;
	height: 135px;
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	align-items:center;
	flex-direction:column;
}

#mainvisual .swiper-slide div.propertyinfo2 p,
.slide-lower .swiper-slide div.propertyinfo2 p {
	color:#fff;
	font-weight:bold;
	line-height:1.3;
	font-size:170%;
	text-align:center;
	margin:0;
	/* white-space: nowrap; */
}
.swiper-button-next:after, .swiper-button-prev:after {

    font-size: 25px !important;
	}

.search-box {
	background-color:#39a79c;
	padding:40px 0;
	margin-top:50px;
}

.search-box .section-inner{
	max-width:1200px;
	margin-left:auto;
	margin-right:auto;
}



#mainvisual ul#visuallist li {
	width:100%;
	background-size:cover !important;
	display:flex;
	height:565px;
}
#mainvisual ul#visuallist li a {
	width:100%;
	display:block;
	box-sizing:border-box;
	padding-top:450px;
	padding-left:100px;
}
#mainvisual ul#visuallist li .bnrnew {
	font-family: 'Noto Sans JP', sans-serif;
	width:135px;
	background-color:#EC733A;
	padding:5px 0px 8px;
	text-align:center;
	color:#fff;
	font-size:90%;
	margin-bottom:15px;
}
#mainvisual ul#visuallist li h2 {
	color:#fff;
	font-size:170%;
	line-height:1em;
	margin-bottom:10px;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight:400;
}
#mainvisual ul#visuallist li p.propertyinfo {
	font-family: 'Noto Sans JP', sans-serif;
	color:#fff;
}

#mainvisual #visualtext {
	width:40%;
	/*background-color:#fff;
	border-bottom:2px solid #f00;*/
	position:relative;
}
#mainvisual #visualtext .illust{
	position:absolute;
	left: 19px;
      bottom: -51px;
}
.main-logo{
margin-bottom: 38px;
}



#mainvisual #visualtext .boxinner {
	width:100%;
	width:365px;
	margin:0 auto;
	padding:0px 0;
}
#mainvisual #visualtext h1 {
	font-size:25px;
	padding-bottom:40px;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight:500;
}

#mainvisual #visualtext p.kvtext {
	font-family: 'Noto Sans JP', sans-serif;
	font-weight:500;
	/* line-height:2.6em; */
	line-height:1.6em;
	/* font-size:130%; */
	font-size: 15px;
}

#mainvisual #visualtext p .golist {

	    display: block;
	    background-color: #fd9e0f;
	    font-size: 18px;

	    text-align: center;
	    color: #fff;
	    font-family: 'Noto Sans JP', sans-serif;
	    padding: 11px 0px 14px;
	    cursor: pointer;
}


.count-list{
	max-width:900px;
	margin-left:auto;
	margin-right:auto;

    margin-top: 50px;
	padding:10px;
	display:flex;
	justify-content:space-between;
}
.count-list .item{
	width:49%;
	padding:10px;
	/* border:1px solid #ccc; */
	margin-bottom:80px;
	box-sizing:border-box;
	position:relative;
	/* border-bottom:1px solid #666; */

}
.count-list .ttl{
	background-color:#333;
	color:#fff;
	padding:10px;
	font-size:18px;
	text-align:center;
}
.count-list .ttl small{
	font-size:12px;
}
.count-list .icon-wrap{
	display:flex;
	justify-content:center;

}
.count-list .icon-wrap .icon{
	width:30%;
}
.count-list .icon-wrap .icon img{
	width:100%;
}
.count-list .icon-wrap .count{

	box-sizing:border-box;
	padding-left:30px;
}
.count-list .icon-wrap .count .sub{
	font-size:25px;
	font-weight:bold;
	color:#D04D4D;
}
.count-list .icon-wrap .count .info{
	font-size:25px;
	font-weight:bold;

}
.count-list .icon-wrap .count .info span{
	font-size:70px;
	line-height:1em;
	vertical-align:bottom !important;
	margin:0px 10px;
}

.explain-list{
	max-width:900px;
	margin-left:auto;
	margin-right:auto;
	padding:10px;
	display:flex;
	justify-content:space-between;
}
.explain-list li{
	width:49%;
	margin-bottom:20px;
	box-sizing:border-box;
}
.bg-glay{
	background-color:#fafafa;
}
.local-ttl i{
	color: red;
font-size: 20px;
display: block;
}

.service-txt{
background-color:#d4e5e6;
padding:10px;
}
.service-ttl{
	position:relative;
	text-align:center;
}
.service-ttl img{
height:100px;
	position:relative;
}
.service-ttl:before{
background-color:#38BBC5;
content:"";
width:100%;
height:80px;
position:absolute;
bottom:0;
left:0;
}
.to-detail a{
	display:block;
	color:#fff;
	padding:10px;
	text-align:center;
	font-size:20px;
	background-color: #da4545;
	border-radius:10px;
}


.contents01 {
	padding:50px 0px;
}
.contents02 {
	padding:50px 0px;
	background-color:#FAFAFA;
}
.contents01 .section-inner,
.contents02 .section-inner {
	max-width:1200px;
	margin:0 auto;
}

.contents01 .section-inner h2,
.contents02 .section-inner h2 {
	font-size:210%;
	text-align:center;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight:500;
	padding-bottom:50px;
}

.labels {
	font-family: 'Noto Sans JP', sans-serif;
	width:120px;
	padding:5px 0px;
	text-align:center;
	color:#fff;
	font-size:90%;
}

@media screen and (max-width: 769px){
	.labels {
		width: auto;
		padding: 5px;
	}
}

.new,
.up {
	position:absolute;
	top:15px;
	left:0;
}
.new {
	background-color:#EC733A;
}
.up {
	background-color:#eed232;
}

.blog {
	background-color:#EDDE23;
	position:absolute;
	top:15px;
	left:0;
}

.ul-flex {
	display:flex;
	justify-content:space-around;
}
.ul-flex-rec {
	display:flex;
	overflow-x:auto;
}

.per30 { width:30%; }
.per40 { width:40%; }

.listPer50 {
	display:flex;
	margin:70px auto 0;
}
.listPer50 li {
	width:50%;
}

.wflttl {
	width:85%;
	color:#3A9569;
	padding:4px;
	border:3px solid #3A9569;
	border-radius:15px;
	font-size:120%;
	margin:0 auto;
}

.fontOcPr250 {
	font-size:250%;
	color:#DE7C4B;
}

.link-inquiry {
	display:block;
	width:300px;
	margin:70px auto 0px;
	text-align:center;
	background-color:#39a79c;
	color:#fff;
	padding:15px 0px;
	font-size:120%;
	font-weight:bold;
}

.property-box {
	border: 1px solid #ccc;
	width:24%;
	padding:10px 10px 20px;
	box-sizing:border-box;
	box-shadow: 3px 3px 4px -2px #dedede;
	border-radius:10px;
	position: relative;
}
ul.ul-flex-rec li.property-box {
	min-width:288px;
	margin-right:10px;
}
ul.ul-flex-rec li.property-box:last-child {
	margin-right:0;
}

#secret .property-box {
	width:19%;
}
.property-box .mainimage a {
	position:relative;
	display:block;
	height:200px;
}
/*.property-box .cover-limited {*/
.cover-limited {
	background:rgba(0,0,0,0.4);
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	display:flex;
	justify-content:center;
	align-items:center;
	text-align: center;
	color:#fff;
	font-weight:bold;
	font-size:130%;
	/* display:none; */
	box-sizing:border-box;
	letter-spacing: 2px;
}

#ranking li .link-todetail,
.property-box .link-todetail {
	display: block;
	width:43%;
	background-color:#666;
	/*font-size:18px;*/
	color:#fff!important;
	padding:10px;
	text-align:center;
	/* margin-top:40px; */
	font-size:90%;
	font-weight:bold;
	box-sizing:border-box;
}
#ranking li .link-todetail2,
.property-box .link-todetail2 {
	display:inline-block;
	width:45%;
	/*font-size:18px;*/
	/*border:2px solid #333;*/
	padding:10px;
	background-color:#dc3c3c;
	color:#fff;
	text-align:center;
	/* margin-top:40px; */
	font-size:90%;
	font-weight:bold;
	box-sizing:border-box;
}

.link-tolist {
	display:block;
	width:300px;
	margin: 40px auto 0px;
	text-align:center;
	background-color:#39a79c;
	color:#fff;
	padding:15px 0px;
	/* font-size:120%; */
	font-weight:bold;
}

#linkline {
	background-color:#39a79c;
}
#linkline ul li {
	width:24%;
	margin-right:0.5%;
	margin-left:0.5%;
}
/* #linkline ul li:last-child {
	margin-right:0;
} */
#linkline ul li a {
	/* display:block; */
	display:flex;
	flex-wrap:wrap;
	padding:25px 10px;
	background-color:#fff;
}
#linkline ul li a .logoimage {
	/* width:130px; */
	width:60%;
	padding:0 10px 0 5px;
	display:flex;
	justify-content:center;
	align-items:center;
	margin:0 auto 20px;
	height:47px;
	align-items:center;
}
#linkline ul li a .link-img-title {
	width:100%;
}

#indextext {
	background:url("../img/index/foottxtbg.jpg") center center no-repeat;
	background-size:cover;
	position:relative;
}
#indextext-sp {
	background:url("../img/index/foottxtbg.jpg") center center no-repeat;
	background-size:cover;
	background-position: center;
	/* background-attachment: fixed; */
	/* min-height: 100%; */
	/* position: fixed; */
}
/* #indextext::before {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	content:"";
	height:100%;
	background-color:rgba(0,0,0,0.5);

} */
#indextext h2,
#indextext p{
	position:relative;
}
#list_h2 {
	border-left:3px solid #FD864F;
	padding:0;
	margin:0 0 25px;
}
#list_h2 p {
	border-left:5px solid #3D9268;
	padding-left:15px;
	font-weight:bold;
	font-size:90%;
	text-align:left;
	margin-bottom:15px;
}
.srcterms {
	display:flex;
	flex-wrap:wrap;
	box-sizing:border-box;
	padding:30px;
	border:1px solid #ddd;
	border-radius:10px;
	background-color:#fff;
}
.srcterms .termslist1 {
	width:50%;
	display:flex;
	flex-wrap:wrap;
	box-sizing:border-box;
}
.srcterms .termslist1 .termslist1-1 {
	width:43%;
	display:flex;
	flex-wrap:wrap;
}
.srcterms .termslist1 .termslist1-1 .fopAB1 {
	width:80%;
}
.srcterms .termslist1 .termslist1-1 .fopAB2 {
	width:20%;
	display:flex;
	align-items:center;
	justify-content:center;
}
.srcterms .termslist1 .termslist1-2 {
	width:14%;
	display:flex;
	align-items:center;
	justify-content:center;
	font-size:150%;
}

.srcterms .termslist2 {
	width:30%;
	display:flex;
	flex-wrap:wrap;
	padding-left:20px;
	box-sizing:border-box;
	position:relative;
}
.srcterms .termslist3 {
	width:20%;
	padding-left:30px;
	box-sizing:border-box;
}
#fopsearch,
#fopsearch2{
	background-color:#ff6600;
	text-align:center;
	width:100%;
	height:100%;
	border:0;
	font-size:160%;
	font-weight:bold;
	color:#fff;
	cursor:pointer;
	border-radius: 10px;
	/* letter-spacing: 3px; */
}
#fopsearch:hover,
#fopsearch2:hover {
	opacity:0.7;
}


/***** 他ファイルのクラスをvivit用に修正 *****/
div.navi_page01 span,
div.navi_page01 a:hover {
	background-color:#39a79c;
}

div#footer_inner04 { background-color:#39a79c !important; }

.dispNone { display:none !important; }

.property-box h3{
	display: -webkit-box;
	 -webkit-box-orient: vertical;
	 -webkit-line-clamp: 2;
	 overflow:hidden;
}
.property-box .pinfo{
	white-space: break-spaces;
	margin-bottom:0;
}
.property-box .ptext{
	display: -webkit-box;
	 -webkit-box-orient: vertical;
	 -webkit-line-clamp: 3;
	 overflow:hidden;
	 white-space: normal;
}



#ranking ul{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}
#ranking li{
	position: relative;
	margin-bottom:20px;
	/* width:19.8%; */
	width: 230px;
	box-sizing:border-box;
	padding:10px;
	border:1px solid #ccc;
	box-shadow: 3px 3px 4px -2px #dedede;
	border-radius:10px;
}
#ranking li .pimg span{
	display: block;
    /* width: 50%; */
    color: #fff;
    font-weight: bold;
    position: absolute;
    top: 10px;
    left: 0;
    padding: 10px;
    line-height: 1em;
    text-align: center;
    font-size: 20px;
    /* font-size: 80%; */
    box-sizing: border-box;
}

.rank {
	background-color:#39a79c;
	position:absolute;
	top:15px;
	left:0;
}
.rank1 {
	background-color:#EDDE23 !important;
	/* background-color:rgba(237,222,36,0.8) !important; */
}
.rank2 {
	background-color:#b7b7b7 !important;
	/* background-color:rgba(183,183,183,0.8) !important; */
}
.rank3 {
	background-color:#ad875f !important;
	/* background-color:rgba(173,135,95,0.8) !important; */
}

/* ログイン前ページ */
.main-wrap {
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}
.main-wrap .info-wrap {
	width:69.5%;
	padding-right:30px;
	box-sizing:border-box;
}
.main-wrap .info-wrap .ttl {
	border-bottom:1px solid #000;
	padding-bottom:10px;
	margin-bottom:20px;
	display:flex;
	flex-wrap:wrap;
	align-items:center;

}
.main-wrap .info-wrap .ttl div:first-child{
	width:calc(100% - 150px);
	font-size: 20px;
}
.main-wrap .info-wrap .ttl div:first-child span{
	display:block;
	visibility: inherit;
	color:#999;
	font-weight:normal;
	font-size:13px;
}
/* .main-wrap .info-wrap .ttl div:last-child{
	width:150px;
	text-align:right;
	font-size:12px;
	font-weight:normal;
	background-color:#ff5252;
	padding:5px;
	color:#fff;
	font-size:18px;
	border-radius:10px;
	text-align:center;
	box-sizing:border-box;
} */

.main-wrap .info-wrap .alert {
	background-color: #efefef;
color: #666;
border: 1px solid #666;
	margin-bottom:20px;
	border-radius:10px;
	font-size:18px;
	padding:10px;
margin-top:10px;
}
.main-wrap .info-wrap .alert a{
	color:inherit;
	font-weight:bold;
	text-decoration:underline;
}
.main-wrap .info-wrap .prof {
	display:flex;
	margin-bottom:20px;
}
.main-wrap .info-wrap .first-area{
	position:relative;
}
/* .readless{
	display: -webkit-box;
overflow: hidden;
-webkit-line-clamp:4;
-webkit-box-orient: vertical;

} */
/*
.readless:after{
	content: "続きを読む";
    background-color: #ffe5e5;
    display: inline-block;
    line-height: 1em;
    font-size: 12px;
    padding: 7px;
    bottom: 0;
    right: 0;
    position: absolute;
}*/

.main-wrap .info-wrap .prof dt{
	width:120px;
	text-align:center;
	background-color:#444;
	color:#fff;
	padding:5px;
	box-sizing:border-box;
	align-items:center;
}
.main-wrap .info-wrap .prof dd{
	width:calc(50% - 120px);
	box-sizing:border-box;
	padding:5px;
}
.main-wrap .info-wrap .img {
	margin-bottom:0px;
}
.main-wrap .info-wrap .img img{
	object-fit:cover;
	width:100%;
	height:400px;
}
.main-wrap .info-wrap .img img{
	width:100%;
}
.main-wrap .info-wrap .txt {
	margin-top:20px;
}
.main-wrap .info-wrap .detail-info {
	width:100%;
	border:1px solid #ccc;
}
.main-wrap .info-wrap .detail-info th{
	width:130px;
	padding:10px;
	background-color:#efefef;
	border:1px solid #ccc;
}
.main-wrap .info-wrap .detail-info td{
	padding:10px;
	border:1px solid #ccc;
}
.main-wrap .contact-wrap {
	width:29%;
}
.main-wrap .contact-wrap .c-box.register {
	background-color:#f7eebd;
	margin-bottom:20px;
}
.main-wrap .contact-wrap .c-box .ttl {
	text-align:center;
	padding:10px;
	background-color:#444;
	color:#fff;
	font-weight:bold;
}
.main-wrap .contact-wrap .c-box .txt {
	padding:10px;
}

.main-wrap .contact-wrap .c-box .btn a,
.main-wrap .contact-wrap .c-box .btn .ip-button{
	margin-top:10px;
	background-color:rgb(255, 133, 25);
	color:#fff;
	border-radius:10px;
	padding:10px;
	font-size:20px;
	display:block;
	text-align:center;
	/* input のための対策 */
	border:0;
	box-sizing:border-box;
	width:100%;
	font-family: 'Noto Sans JP', sans-serif;
}
.main-wrap .contact-wrap .c-box.line .btn a{
	background-color:#00b900;
}
.main-wrap .contact-wrap .c-box.login {
	background-color:#a5e4e3;
	margin-bottom:20px;

}
.main-wrap .contact-wrap .c-box.line {
	background-color:#efefef;
	margin-bottom:20px;
}

.main-wrap .contact-wrap .c-box .form {
	margin-top:10px;
}
.main-wrap .contact-wrap .c-box .form input[type="text"],
.main-wrap .contact-wrap .c-box .form input[type="password"]
 {
	 box-sizing:border-box;
	padding: 0;
	border:1px solid #ccc;
	border-radius: 10px;
	padding:10px;
	display:block;
	outline: none;
	background: #fff;
	width:100%;
	margin-top:10px;
}

.share-area{
  max-width:800px;
  padding-bottom:40px;
  margin:0 auto;
}
.sns-ttl{
  text-align:center;
  margin-bottom:20px;
  font-weight:bold;
	font-size: 15px;
	padding-left: 10px;
	letter-spacing: 0px;
}
.share-area .share{
  text-align:center;
}
.share-area .item{
  display:inline-block;
}

.sns-bdr{
	border-bottom:1px solid #ccc;
	padding-bottom:20px;
}

.main-wrap .swiper-container {
    width: 100% !important;
    height: 100% !important;
    overflow: visible !important;
    z-index: 1 !important;
}
.main-wrap .swiper-container .swiper-slide {

    border-radius: 10px;
    overflow: hidden;
    position: relative;
}
.slide-wrap{
	overflow:hidden;
}
.slide-lower{
	position: relative;
margin: 0 auto;
max-width: 85%;
}

.overray{
	position:relative;
}
/*
.overray img{
	-ms-filter: blur(6px);
  filter: blur(6px);
}*/
.overray img{
transition: all 3s ease-out;
-ms-filter: blur(6px);
filter: blur(6px);
}

.overray:before{
	z-index:2;
	font-size:18px;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	content:"会員限定情報";
	line-height:400px;
	color:#fff;
	text-align:center;
}
.overray:after{
	background-color:rgba(0,0,0,0.4);
	height:100%;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	content:"";
}

@media screen and (max-width:769px){
	.overray:before{
		line-height:260px;
	}

	/* .slide-lower{
		height: 250px;
	} */

}


/* 別バージョン */
.slide-lower{
	max-width: 100%;
}

.slide-wrap {
    padding:10px;
	background-color:#a9a9a9;
	position:relative;
}

.main-wrap .swiper-container .swiper-slide {
    border-radius: 0px;

}

.main-wrap .contact-wrap .c-box {

    border: 1px solid #ccc;
    padding: 10px;
}

.main-wrap .contact-wrap .c-box.register {
    background-color: #fff;
    margin-bottom: 20px;
}

.main-wrap .contact-wrap .c-box.line {
    background-color: #fff;
    margin-bottom: 20px;
}

.main-wrap .contact-wrap .c-box.login {
    background-color: #fff;
    margin-bottom: 20px;
}

.main-wrap .info-wrap .txt {
    font-size: 18px;
}

.area-txt{
	margin-top: 40px;
	padding: 20px;
    background-color: #e4eee9;
    color: #2c6b40;
    line-height: 1.8em;
}

.tab{
	display:flex;
	justify-content:space-between;
	max-width:900px;
	margin:40px auto 0;
}

.tab .item{
width:32%;
box-sizing:border-box;
}
.tab .item a{
	display:block;
	padding:10px;
	border-radius:20px;
	border:1px solid #ccc;
	transition: all .5s ease-out;
}
.tab .item img{
width:100%;
}
.tab .item a:hover{
	/*opacity:0.5;*/
	background-color:#B6DAC7;
}

.link-list{
	background-color: rgba(181, 216, 217, 0.4);
}
.link-list .content-wrap{
	display:flex;
	max-width: 1000px;
    margin: 0 auto;
	flex-wrap:wrap;
}
.link-list .item{
	width:33.3333%;
	padding:20px;
	box-sizing:border-box;
	font-size: 16px;
	letter-spacing: 1.7px;
}
.link-list .item a{
	line-height:1.5em;
	text-decoration:underline;
}
.top-login{
	border:1px solid #ccc;
	padding:10px;
}
.top-login .ttl{
	background-color: #fff;
	color:#333;
	font-weight: bold;
	text-align: center;
	padding:10px;
	font-size:16px;
}


.top-login .btn-login a{
	display: block;
	padding: 15px;
	background-color: #dc3c3c;
	color: #fff;
	font-size:16px;
	text-align:center;
	border-radius:10px;
	margin-top:10px;
}
.top-login .btn-login a i{
	margin-right:10px;
	font-size:20px;
}
.top-login .btn-login.list a{
	background-color: #fd9e0f;
}
.top-login .btn-login a:hover{
	opacity: 0.8;
}

#mainvisual.list-visual #imagebox #slide-wrap {
	position: relative;
	margin: 0 auto;
	max-width: 50%;
}

#mainvisual.list-visual #visual-slide .swiper-slide {
	/* height: 565px; */
	height: 400px;
	border-radius: 10px;
	overflow: hidden;
	position: relative;
}

.bottom-cta{
	position: fixed;
	z-index: 99;
	left: 0;
	bottom: 0;
}

.blinks {
	text-align:center;
	font-size:120%;
}
.blinks a {
	color:#5266CC;
}
.blinks a:hover {
	font-weight:bold;
	text-decoration:underline;
}

.notnow {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	display:flex;
	justify-content:center;
	align-items:center;
	box-sizing:border-box;
	background-color:rgba(0,0,0,0.5);
	color:#FFF;
	font-weight:bold;
	font-size:150%;
	text-align:center;
	z-index:9;
}

.ttl-secret{
	border-bottom: 1px solid #ccc;
	padding: 10px;
	text-align: center;
	font-size: 15px;
	margin-bottom: 10px;
}

.ttl-secret b{
	color: red;
}

.secret-wrap.property-box .ptext {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 5 !important;
	overflow: hidden;
	white-space: normal;
	margin-bottom: 8px;
}
.secret-list{
	margin: 0 auto;
}

.secret-list .main-ttl{
	background:url(https://www.officetar.jp/furnished/img/secret-bg.jpg) center center no-repeat;
	background-size:cover;
	color: #fff;
	font-size: 48px;
	font-weight: bold;
	text-align: center;
	padding-top: 60px;
	padding-bottom: 60px;
}
.secret-list .main-ttl b{
	font-size: 28px;
	display: block;
}

.secret-list .alert{
	font-weight: bold;
	color: #C21111;
	background-color: #F8C2C2;
	margin-top: 20px;
	border-radius: 10px;
	padding: 20px;
	font-size: 15px;
	text-align: center;
}
/* .secret-list .items{} */
.secret-list .items .item{
	padding: 15px;
	border: 1px solid #ccc;
	margin-top: 20px;
}

.secret-list .items .item .ttl{
	font-size: 20px;
}
.secret-list .items .item .ttl span{
	display: inline-block;
	visibility: inherit;
}

.secret-list .items .item .ttl .txt{
	margin-right: 10px;
}

.red{
	color: red;
}

.secret-list .items .item .ttl .new-icon{
	display: inline-block;
	visibility: inherit;

	background-color: #E15656;
	color: #fff;
	padding: 5px;
	font-weight: normal;
	font-size: 13px;
}


.secret-list .items .item .info{
	display: flex;
}

.secret-list .items .item .comment{
	width: calc(80% - 15px);
	box-sizing: border-box;
	background-color: #efefef;
	padding: 10px;
	margin-top: 10px;
	margin-right: 15px;

}
.secret-list .items .item .btn-area{
	width: 20%;
	text-align: center;
}
.secret-list .items .item .btn-area .b-number{
	font-size: 13px;
}

.secret-list .items .item .btn-area a{
	display: inline-block;
	background-color: #F8A926;
	padding: 15px;
	width: 100%;
	font-weight: bold;
	box-sizing: border-box;
	border-radius: 10px;
	color: #fff;
	margin-top: 10px;
}

/* ishiya added responsive */
@media screen and (max-width: 769px){
.secret-list {
	padding: 0 15px;
	box-sizing: border-box;
}

	.secret-list .main-ttl {
		font-size: 25px;
	}
	.secret-list .main-ttl b{
		font-size: 18px;
	}

	.secret-list .alert {
		padding: 12px;
		font-size: 13px;
		text-align: left;
	}

	.secret-list .items .item .ttl {
		font-size: 16px;
	}
	.secret-list .items .item .ttl b {
		font-size: 12px;
	}

	.secret-list .items .item .comment {
		width: 100%;
		margin-right: 0px;
	}

	.secret-list .items .item .info {
		display: flex;
		flex-wrap: wrap;
	}
	.secret-list .items .item .btn-area {
		width: 100%;
		text-align: center;
	}

}


/* 20211020 korenaga */
nav#indexnav {
	background-color:#7EC6BF;
}
#indexnav ul.inav {
	max-width:1250px;
	border:0;
	/* border-left:1px solid #39A79C; */
}
#indexnav ul.inav li.navlist,
#indexnav ul.inav li.navlink {
	width:20%;
	position:relative;
	border:0;
	border-right:1px solid #39A79C;
	transition:all .3s;
}
#indexnav ul.inav li.navlist:first-child {
	border-left:1px solid #39A79C;
}
#indexnav ul.inav li.navlist::before {
	font-family: "Font Awesome 5 Free";
	content: "\f0d7";
	font-weight:900;
	position:absolute;
	top:15px;
	right:15px;
	color:#fff;
}
#indexnav ul.inav li.navlist .tolist,
#indexnav ul.inav li.navlink .tolist {
	cursor:pointer;
	width:100%;
	padding:15px 0;
	display:flex;
	justify-content:center;
	align-items:center;
	color:#fff;
	margin:0;
	text-align:center;
}
#indexnav ul.inav li.navlink a {
	padding:0;
}
#indexnav ul.inav li.navlist .downmenu {
	display:none;
	position:absolute;
	top:100%;
	left:0px;
	box-sizing:border-box;
	width:100%;
	border-left:2px solid #39A79C;
	border-right:2px solid #39A79C;
	border-bottom:2px solid #39A79C;
	border-radius:0 0 10px 10px;
	background-color:#fff;
}
#indexnav ul.inav li.navlist .downmenu ul.dmlist {
	width:100%;
	display:flex;
	flex-wrap:wrap;
	padding:10px 0;
	border:0;
	box-sizing:border-box;
}

#indexnav ul.inav li.navlist .downmenu ul.dmlist li.textlink {
	width:100%;
	border:0;
}
#indexnav ul.inav li.navlist .downmenu ul.dmlist li.textlink a {
	display:block;
	box-sizing:border-box;
	width:100%;
	padding:10px 20px;
	color:#74673B;
	font-size:90%;
	text-align:left;
}
#indexnav ul.inav li.navlist .downmenu ul.dmlist li.textlink a.taCenter { text-align:center; }
#indexnav ul.inav li.navlist .downmenu ul.dmlist li.textlink a hr {
	border-top:1px solid #74673B;
	border-bottom:0;
	margin-bottom:8px;
}
#indexnav ul.inav li.navlist .downmenu ul.dmlist li.imgslink {
	width:50%;
	box-sizing:border-box;
	border:0;
}
#indexnav ul.inav li.navlist .downmenu ul.dmlist li.imgslink a {
	display:block;
	padding:10px;
	box-sizing:border-box;
}
#indexnav ul.inav li.navlist .downmenu ul.dmlist li.imgslink .navicons {
	width:75px;
	height:75px;
	border-radius:8px;
	background-color:#74673B;
	display:flex;
	justify-content:center;
	align-items:center;
	box-sizing:border-box;
	/* width:100%; */
	padding:10px;
	margin:0 auto;
}
#indexnav ul.inav li.navlist .downmenu ul.dmlist li.imgslink .navicons img,
#indexnav ul.inav li.navlist .downmenu ul.dmlist li.imgslink .blogimgs img {
	width:100%;
}
#indexnav ul.inav li.navlist .downmenu ul.dmlist li.imgslink .blogimgs {
	display:inline-block;
	width:100%;
}
#indexnav ul.inav li.navlist .downmenu ul.dmlist li.imgslink .blogtext {
	line-height:1.3em;
	color:#74673B;
	display:inline-block;
	margin-top:10px;
}
#indexnav ul.inav li.navlist .downmenu ul.dmlist li.imgslink .blogtext.taLeft {
	text-align:left;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
	white-space: normal;
	font-size:90%;
}
#indexnav ul.inav li.navlist .downmenu ul.dmlist li.imgslink .blogtime {
	display:block;
	font-size:75%;
	text-align:left;
	color:#74673B;
}

#headnav_f .headowbtn,
#headnav_f .headoutbtn {
	width:250px;
	padding:7px;
}

@media screen and (max-width:1100px){
	#headnav_f .headowbtn,
	#headnav_f .headoutbtn {
		width:auto !important;
	}
}

@media screen and (max-width:980px){
	#headnav_f .header-icon3 .iconname {
		display:none;
	}
}

@media screen and (max-width:768px){
	#indexnav ul {
		flex-wrap:nowrap;
	}
	#indexnav ul.inav li.navlink .tolist {
		padding:5px 0px 15px;
		line-height:1.2em;
	}
	#indexnav ul.inav li.navlink .tolist::before {
		font-family: "Font Awesome 5 Free";
		content: "\f0d7";
		font-weight: 900;
		position: absolute;
		top: auto;
		bottom:7px;
		right: 48%;
		color: #fff;
		line-height:0;
		font-size:130%;
	}
}
#navbg {
	display:none;
	background-color:rgba(57,167,156,0.5);
	position:fixed;
	top:0;
	left:0;
	width:100vw;
	height:100vh;
	box-sizing:border-box;
	z-index:98;
}






/* 20211021 korenaga ここまで */

.slide-recommend {
	position: relative;
	min-height:400px;
	background-color: #20726a;
	padding: 20px 0;
}
/*
.slide-recommend .bg-img{
	position: absolute;
	width: 100%;
	left: 0;
	top: 0;
}*/
.slide-recommend .bg-img img{
	width: 100%;

}
.slide-recommend .recommend-ttl {
	font-weight: bold;
	font-size: 20px;
	color: #fff;
	padding: 40px 0 40px;
	text-align: center;
}
.slide-recommend .item-box {
	display: flex;
	justify-content: space-around;

	padding: 0 46px;
}
.slide-recommend .item-box .item {
	width: 25%;
}
.slide-recommend .item-box .item  .img {
	height: 100px;
	margin-bottom: 10px;
}


.slide-recommend .item-box .item  .img img{
	width: 100%;
	height: 100%!important;
	object-fit: cover;
}

.slide-recommend .item-box .item  .info {
	color: #fff;
	position:static;
}
.slide-recommend .item-box .item  .info .ttl {
	color: #fff;
	font-size: 15px;
	margin-bottom: 0;
	padding-bottom: 0;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.slide-recommend .item-box .item  .info .main-ttl{
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 0;
	padding-bottom: 0;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.contents01 ul.faqlist {
	width:90%;
	max-width:700px;
	margin:0 auto 50px;
}
.contents01 ul.faqlist p.faqtext {
	padding:0;
	width:100%;
	border:2px solid #34AA99;
	border-radius:8px;
}
.contents01 ul.faqlist p.faqtext a.faqtxtlink {
	display: block;
	padding: 5px 0 10px;
	overflow: hidden;
}
.contents01 ul.faqlist p.faqtext a.faqtxtlink span.q-mark {
	background-color:#34AA99;
	padding:15px;
	font-size:150%;
	color:#fff;
	text-align:center;
	width:60px;
}
.contents01 ul.faqlist p.faqtext a.faqtxtlink span.q-txt {
	padding:10px;
	font-size:125%;
}
.contents01 ul.faqlist li.faqlist,
.contents01 ul.faqlist li.faqlist-off {
	border-radius:8px;
	margin-bottom:40px;
}
.contents01 ul.faqlist li.faqlist {
	border:2px solid #34AA99;
}
.contents01 ul.faqlist li.faqlist-off {
	border:2px solid #aaa;
}
.contents01 ul.faqlist .faq-question,
.contents01 ul.faqlist .faq-question-off {
	cursor:pointer;
	color:#fff;
	position:relative;
	margin-bottom:0;
	padding:15px;
	transition:all 0.3s;
}
.contents01 ul.faqlist .faq-question{
	background-color:#34AA99;
}
.contents01 ul.faqlist .faq-question-off {
	background-color:#aaa;
}
.contents01 ul.faqlist .faq-question::before,
.contents01 ul.faqlist .faq-question-off::before {
	font-weight: 900;
	position: absolute;
	top: 15px;
	right: 20px;
	color: #fff;
	font-size:130%;
}
.contents01 ul.faqlist .faq-question::before{
	font-family: "Font Awesome 5 Free";
	content: "\f068";
}
.contents01 ul.faqlist .faq-question-off::before {
	font-family: "Font Awesome 5 Free";
	content: "\f067";
}
.contents01 ul.faqlist .faq-question:hover,
.contents01 ul.faqlist .faq-question-off:hover {
	opacity:0.7;
}
.contents01 ul.faqlist .faq-question span.q-mark,
.contents01 ul.faqlist .faq-question-off span.q-mark {
	padding:15px;
	font-size:175%;
	line-height:0.1;
}
.contents01 ul.faqlist .faq-question span.q-txt,
.contents01 ul.faqlist .faq-question-off span.q-txt {
	font-size:125%;
	padding:15px 0;
}
.contents01 ul.faqlist .faq-answer {
	padding:20px;
	margin-bottom:0;
	display:none;
}
p.faqlink {
	width:70%;
	max-width:280px;
	margin:20px auto 60px;
}
p.faqlink a.faqlinkmore {
	display:block;
	width:100%;
	background-color:#34AA99;
	color:#fff;
	font-weight:bold;
	text-align:center;
	padding:15px;
	box-sizing:border-box;
}
#tag a{
	display: inline-block;
	padding: 10px;
	background-color: #efefef;
	color: #333;
	border: 1px solid #ccc;
	margin-right: 5px;
	text-align: center;
	font-size: 16px;
	border-radius: 10px;
	font-weight: bold;
	margin-bottom: 5px;

}
#tag a p{
	margin: 0;
}
@media screen and (max-width: 769px){


	.slide-recommend {
		min-height:180px;
		padding: 10px 0;
	}
	.slide-recommend .item-box {
		padding: 0 0px;
	}

	.slide-recommend .item-box .item  .img {
		height: 64px;
	}
	.slide-recommend .item-box .item  .info .ttl {
		color: #fff;
		font-size: 10px;
	}
	.slide-recommend .recommend-ttl {
		padding: 10px 0;
		font-size: 16px;

	}
	.slide-recommend .item-box .item  .info .ttl {
	margin-top: 0;

	}
	.slide-recommend .item-box .item .info .main-ttl {
		color: #fff;
		font-size: 13px;
	}

	.contents01 ul.faqlist p.faqtext a.faqtxtlink span.q-txt {
		font-size:100%;
	}

	.contents01 ul.faqlist .faq-question::before,
	.contents01 ul.faqlist .faq-question-off::before {
		right:10px;
	}
	.contents01 ul.faqlist .faq-question span.q-mark,
	.contents01 ul.faqlist .faq-question-off span.q-mark {
		padding-left:0;
		padding-right:10px;
		font-size:140%;
	}
	.contents01 ul.faqlist .faq-question span.q-txt,
	.contents01 ul.faqlist .faq-question-off span.q-txt {
		font-size:100%;
		padding-right:10px;
	}

}


/* 20221024 korenaga 契約実績・グラフ */
.constdata {
	/* width:500px; */
	width:600px;
	background:url(../img/const_arrow.png) top 10px right 10px no-repeat;
	margin:0 auto;
}
.constdata p {
	color:#39A79C;
	margin-bottom:5px;
}
.constdata p.constttl {
	font-weight:bold;
	font-size:140%;
}
.constdata p.constnums {
	font-size:550%;
	position:relative;
	font-weight:600;
	line-height:1;
	text-align:center;
}
.constdata p.constnums span.righttxt {
	position:absolute;
	right:5px;
	top:0;
	color:#fa3;
	font-weight:bold;
	font-size:30%;
	text-shadow: 1px 1px 0 #fff,-1px -1px 0 #fff;
}
.constdata p.constnums .fsize-s {
	font-size:45%;
}
.constdata p.constdate {
	font-size:90%;
	color:#000;
	text-align:right;
}

ul.count-list li.item .graphttl {
	position:absolute;
	top:0;
	left:15px;
	font-size:150%;
	font-weight:bold;
}
ul.count-list li.item .graphttl .ttlsmall {
	display:block;
	font-size:50%;
}
ul.count-list li.item .graphblock {
	height:200px;
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	align-items:end;
	border-bottom:1px solid #333;
}
ul.count-list li.item .graphbox {
	width:24%;
	height:100%;
	display:flex;
	flex-wrap:wrap;
	align-items:end;
	position:relative;
}
ul.count-list li.item .graphbox span {
	font-family:'Akshar', sans-serif;
}
ul.count-list li.item .graphbox .graphnum {
	width:100%;
	display:flex;
	align-items:end;
	justify-content:center;
	font-weight:bold;
	line-height:1.1;
}
ul.count-list li.item .graphbox .graphnums {
	font-size:170%;
}
ul.count-list li.item .graphbox .graphnumb {
	font-size:220%;
	color:#fa3;
}
ul.count-list li.item .graphbox .graphnum small.s70 {
	font-size:70%;
}
ul.count-list li.item .graphbox .graphnum small.s50 {
	font-size:50%;
}
ul.count-list li.item .graphbox .graph {
	width:50px;
	margin:0 auto;
}
ul.count-list li.item .graphbox .graph1 {
	background-color:#349B91;
}
ul.count-list li.item .graphbox .graph2 {
	background-color:#61B9B0;
}
ul.count-list li.item .graphbox .graph3 {
	background-color:#88CAC4;
}
ul.count-list li.item .graphbox .graph4 {
	background-color:#B0DCD7;
}
ul.count-list li.item .graphbox .years {
	position:absolute;
	bottom:-30px;
	width:100%;
	text-align:center;
	font-size: 120%;
}

@media screen and (max-width: 769px){
	.constdata {
		width:350px;
	}
	.constdata p.constnums {
		/* font-size:400%; */
		font-size:370%;
		text-align:center;
	}
	.constdata p.constnums span.righttxt {
		right:15px;
	}
	ul.count-list li.item {
		margin-bottom:50px;
	}
	.graphnumb {
		font-size:200%;
		color:#fa3;
	}

}


/* 20221026 korenaga */
header a.headcmpbtn {
	height:60px;
	width:280px;
	background:url(../img/bnr_campaign_img_20221026.jpg) center center no-repeat;
	background-size:cover;
	font-size:155%;
	color:#fff !important;
	display:none !important;
	flex-wrap:wrap;
	align-items:center;
	justify-content:center;
	position:relative;
}
header a.headcmpbtn::after,
.campaignthrow::after {
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:#000;
	opacity:0.5;
}
.campaignthrow .mark {
	position:absolute;
	top:5px;
	left:5px;
	z-index:2;
	width:70px;
	height:70px;
	border-radius:50%;
	background-color:#FFF;
	text-align:center;
	font-size:130%;
	line-height:1.2;
	display:flex;
	justify-content:center;
	align-items:center;
}
.campaignthrow .info {
	z-index:2;
}
.campaignthrow .info .fonts {
	font-size:80%;
	font-weight:normal;
}
.campaignthrow .info .bgcmp {
	background-color:#c00;
}
.campaignthrow .bnrnew {
	background-color:#39A79C !important;
}

.ttlink {
	font-size:80%;
	visibility: visible;
}

/* 20221121 korenaga */
.tag-box,
.tag-box-sp {
	border: 1px solid #ccc;
	margin: 20px auto 50px;
	padding: 20px;
	position: absolute;
	display:none;
	box-sizing: border-box;
}
.tag-box h4,
.tag-box-sp h4 {
	font-size:125%;
	margin-bottom:10px;
}
.tag-box ul,
.tag-box-sp ul {
	overflow-y: auto;
	height: 250px;
	display: flex;
	flex-wrap: wrap;
}
.tag-box ul li,
.tag-box-sp ul li {
	margin-right:10px;
	margin-bottom:10px;
}
.tag-box ul li a,
.tag-box-sp ul li a {
	background-color: #eee;
	padding: 8px;
	line-height: 1.2;
	display: inline-block;
	transition:background 0.3s,color 0.3s;
}
.tag-box ul li a:hover,
.tag-box-sp ul li a:hover {
	background-color:#52B1A9;
	color:#fff;
}
.tag-box-sp {
	display:none;
}

.favoFOP {
	text-align: right;
	margin: 10px 0;
}

.detailFav{
	width: 30px;
}

.favoriteListNot {
	margin: 80px 0;
}

ul#favoriteAction {
	width: 650px;
	padding: 0px;
	margin: 15px auto;
	/*border: 5px solid #ccffff;*/
}
#favoriteAction li { list-style: none; }
#favoriteAction .btnBox {
	width: 180px;
	height: 40px;
	float: left;
	padding: 15px 5px 15px 10px;
}
#favoriteAction .btnBox a { display: block; }
#favoriteAction .btnBox input {
	width: 180px;
	height: 40px;
	border: 0;
	cursor: pointer;
	text-indent: -9999px;
}
#favoriteAction .submitBox {
	width: 300px;
	height: 60px;
	/*float: left;*/
	padding: 5px 5px 5px 10px;
}
#favoriteAction .submitBox input {
	width: 240px;
	height: 60px;
	border: 0;
	cursor: pointer;
	text-indent: -9999px;
}
#favoriteAction .submitBox .favorFOPInquiry { background: url(../../img/favorite/inquiry.gif) top left no-repeat; }
#favoriteAction .submitBox .favorDelete { background: url(../../img/favorite/delete.gif) top left no-repeat; }
#favoriteAction .txtBox {
	font-size: 14px;
	padding: 25px 5px 25px 5px;
	float: left;
}
#favoriteAction .lineBox {
	padding: 5px;
	float: left;
}

ul#favoriteAction+div#container-list input.fvid {
	transform: scale(1.5);
	margin-bottom: 10px;

}


@media screen and (max-width: 769px){
	.tag-box {
		display:none;
	}
	.tag-box-sp {
		position: relative;
		/* display:block; */
		width:95%;
	}
}

/* 20221212 korenaga */
.bnr-mxp900 {
	width:100%;
	max-width:900px;
	margin:20px auto;
}

/* 20230201 korenaga */
.movinfo {
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
}
#indexmovbox,
.indexmovbox {
	width:100%;
	max-width:750px;
	height:420px;
	margin:0 auto;
	padding:0 10px;
	box-sizing:border-box;
}
@media screen and (max-width: 769px){
	#indexmovbox,
	.indexmovbox {
		height:250px;
	}
}

.new-favo-box{
	border: 1px solid #ccc;
	width: 100%;
	box-sizing: border-box;
	box-shadow: 3px 3px 4px -2px #dedede;
	border-radius: 10px;
	position: relative;
	display: flex;
	padding:0;
}

.property-box.new-favo-box .input-wrap {
	padding: 18px;
	background-color: #ceeae2;
	border-radius: 10px 0 0 10px;
	display: flex;
}

.property-box.new-favo-box .right-wrap {
	flex: 1;
	padding: 25px;
}

.in-right-wrap {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.in-right-wrap .mainimage {
	width: 43%;
}

.in-right-text {
	width: 50%;
}

.property-box.new-favo-box .mainimage a {
	position: relative;
	display: block;
	height: 280px;
}

.property-box.new-favo-box .right-wrap .btn-box {
	display:block;
	padding-top: 20px;
	border-top: 1px solid #727272;
	margin-top: 20px;
	text-align: center;
}
.property-box.new-favo-box .right-wrap .btn-box a{
	max-width: 300px;
	display: inline-block;
}
p.ptext.fontNoto+a {
	display: block;
	text-align: right;
	font-weight: bold;
	color: #3aa79c;
}

.favo-top-wrap {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.favo-top-wrap p span {
	font-size: 22px;
}
.favo-top-wrap p {
	font-size: 16px;
}

.sort-wrap select {
	padding: 5px 10px;
	width: 180px;
	border-radius: 5px;
	position: relative;
	line-height: 1.4;
}

.sort-wrap:before {
	content: "";
	display: block;
	position: absolute;
	right: 5px;
	top: 15px;
	width: 0px;
	height: 0px;
	margin: auto;
	border-style: solid;
	border-color: #7dc6bf transparent transparent transparent;
	border-width: 7px 5px 0 5px;
	z-index: 10;
}

.favo-top-wrap p {
	font-size: 16px;
	margin-bottom: 0;
}

.sort-wrap {
	position: relative;
}

section#properties\ onlyfavo #favoriteAction .submitBox .favorFOPInquiry {
	background-image: none;
	background-color: #ffa326;
	border-radius: 40px;
	color: #fff;
	font-weight: bold;
	height: 55px;
	border: 5px solid #fff;
	box-shadow: 0px 2px 7px 0px rgb(0 0 0 / 34%);
	text-indent: 1px;
}

section#properties\ onlyfavo ul#favoriteAction {
	width: auto;
}

section#properties\ onlyfavo #favoriteAction .submitBox {
	display: flex;
	width: 300px;
	height: auto;
	padding: 20px;
	justify-content: center;
	align-items: center;
	position: relative;
}

.cmpmark {
	width:120px;
	height:120px;
	border-radius:50%;
	background:rgba(0,112,192,0.6);
	display:flex;
	justify-content: center;
	align-items:center;
	color:#fc0;
	font-weight:bold;
	text-align:center;
	position:absolute;
	top:10px;
	right:10px;
	line-height:1.4;
}
.cmpmark-sqa {
	padding:5px 10px 8px;
	margin-left:10px;
	background:rgba(0,112,192,1);
	/* display:flex;
	justify-content: center;
	align-items:center; */
	color:#fc0;
	font-size:90%;
	font-weight:bold;
	text-align:center;
	/* position:absolute;
	top:10px;
	right:10px; */
	margin-bottom:15px;
}

.cmpbanner2023-1 {
	display:block;
	width:100%;
	max-width:1110px;
	/* height:120px; */
	margin:50px auto 0;
	/* background:url(../img/bnr_wework1110x120.jpg) center center no-repeat;
	background-size:cover; */
}
.cmpbanner2023-1 img {
	width:100%;
	max-width:1110px;
}

@media screen and (max-width: 769px){
	.cmpmark {
		width:90px;
		height:90px;
		font-size:85%;
	}
	.cmpmark-sqa {
		font-size: 80%;
		margin-bottom: 5px;
	}
	.cmpbanner2023-1 {
		width:90%;
		max-width:500px;
		margin:30px auto 0;
		/* background:url(../img/bnr_wework500x120.jpg) center center no-repeat; */
	}
	.cmpbanner2023-1 img {
		width:100%;
		max-width:500px;
	}
	
}

/* 点滅 0.7s */
.blinking{
	-webkit-animation:blink 0.7s ease-in-out infinite alternate;
    -moz-animation:blink 0.7s ease-in-out infinite alternate;
    animation:blink 0.7s ease-in-out infinite alternate;
}
@-webkit-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@-moz-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}

.post_content p>a{
	color: #7ec6bf!important;
}

/* 20240624 korenaga */
li.property-box div.inposi {
	position:relative;
}
li.property-box div.inposi a.abslink {
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	transition:0.4s;
	z-index:2;
}
li.property-box div.inposi a.abslink:hover {
	background-color:#fff;
	opacity:0.3;
}
li.property-box div.inposi .mainimage .inimage {
	background-size:cover !important;
	height:200px;
	position:relative;
}
li.property-box div.inposi .favoFOP {
	position:absolute;
	right:0;
	width:36px;
	z-index:3;
}

/* .property-box .link-todetail2 {
	width:100%;
} */